@maz-ui/themes 5.0.0-canary.ef64a02.0 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"preset-merger.d.ts","sourceRoot":"","sources":["../../src/utils/preset-merger.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgC,WAAW,EAAE,oBAAoB,EAAe,MAAM,UAAU,CAAA;AAE5G,wBAAgB,YAAY,CAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,oBAAoB,GAAG,WAAW,CAc5F;AAqCD,wBAAgB,SAAS,CACvB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAkB7B"}
+{"version":3,"file":"preset-merger.d.ts","sourceRoot":"","sources":["../../src/utils/preset-merger.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgC,WAAW,EAAE,oBAAoB,EAAe,MAAM,UAAU,CAAA;AAE5G,wBAAgB,YAAY,CAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,oBAAoB,GAAG,WAAW,CAc5F;AAwCD,wBAAgB,SAAS,CACvB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAkB7B"}

package/dist/utils/preset-merger.js

@@ -1 +1,72 @@
-function mergePresets(base,overrides){return{name:overrides.name||base.name,foundation:{...base.foundation,...overrides.foundation},scales:mergeScales(base.scales,overrides.scales),components:mergeComponents(base.components,overrides.components),colors:{light:mergeColors(base.colors.light,overrides.colors?.light),dark:mergeColors(base.colors.dark,overrides.colors?.dark)}}}function mergeScales(base,overrides){return overrides?{rounded:{...base.rounded,...overrides.rounded},shadow:{...base.shadow,...overrides.shadow}}:base}function mergeComponents(base,overrides){if(!(!base&&!overrides))return{btn:{...base?.btn,...overrides?.btn},container:{bg:{...base?.container?.bg,...overrides?.container?.bg}},input:{bg:{...base?.input?.bg,...overrides?.input?.bg}}}}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};
+//#region src/utils/preset-merger.ts
+function mergePresets(base, overrides) {
+	return {
+		name: overrides.name || base.name,
+		foundation: {
+			...base.foundation,
+			...overrides.foundation
+		},
+		scales: mergeScales(base.scales, overrides.scales),
+		components: mergeComponents(base.components, overrides.components),
+		colors: {
+			light: mergeColors(base.colors.light, overrides.colors?.light),
+			dark: mergeColors(base.colors.dark, overrides.colors?.dark)
+		}
+	};
+}
+function mergeScales(base, overrides) {
+	return overrides ? {
+		rounded: {
+			...base.rounded,
+			...overrides.rounded
+		},
+		shadow: {
+			...base.shadow,
+			...overrides.shadow
+		}
+	} : base;
+}
+function mergeComponents(base, overrides) {
+	if (base || overrides) return {
+		btn: {
+			...base?.btn,
+			...overrides?.btn
+		},
+		container: { bg: {
+			...base?.container?.bg,
+			...overrides?.container?.bg
+		} },
+		input: {
+			...base?.input,
+			...overrides?.input,
+			bg: {
+				...base?.input?.bg,
+				...overrides?.input?.bg
+			}
+		},
+		dialog: {
+			...base?.dialog,
+			...overrides?.dialog
+		}
+	};
+}
+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 && (result[key] = isObject(sourceValue) && isObject(targetValue) ? deepMerge(targetValue, sourceValue) : sourceValue);
+	}
+	return result;
+}
+function isObject(value) {
+	return typeof value == "object" && !!value && !Array.isArray(value);
+}
+//#endregion
+export { deepMerge, mergePresets };

package/dist/utils/setup-theme.d.ts

@@ -8,6 +8,7 @@ export declare const defaultOptions: {
     preset: undefined;
     mode: "both";
     darkClass: string;
+    lightClass: string;
     colorMode: "auto";
     persistPreset: true;
 };
@@ -15,5 +16,13 @@ export interface SetupThemeReturn {
     themeState: Ref<ThemeState>;
     cleanup: () => void;
 }
+/**
+ * Sets up the theme state, CSS injection, and watchers without binding to a Vue app.
+ * Caller is responsible for `app.provide()` and `app.config.globalProperties`.
+ *
+ * Always returns synchronously with a populated themeState ref.
+ * Without a preset object, the default preset resolves asynchronously and
+ * themeState updates reactively (causes FOUC).
+ */
 export declare function setupTheme(options: MazUiThemeOptions): SetupThemeReturn;
 //# sourceMappingURL=setup-theme.d.ts.map

package/dist/utils/setup-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setup-theme.d.ts","sourceRoot":"","sources":["../../src/utils/setup-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,KAAK,EAAgC,UAAU,EAAE,MAAM,UAAU,CAAA;AAwExE,eAAO,MAAM,cAAc;;;;;;;;;CASgE,CAAA;AAE3F,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,CAAA;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AA4FD,wBAAgB,UAAU,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CAsCvE"}
+{"version":3,"file":"setup-theme.d.ts","sourceRoot":"","sources":["../../src/utils/setup-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,KAAK,EAAgC,UAAU,EAAE,MAAM,UAAU,CAAA;AA8DxE,eAAO,MAAM,cAAc;;;;;;;;;;CAUgE,CAAA;AAE3F,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,CAAA;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AA0GD;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CAmDvE"}

package/dist/utils/setup-theme.js

@@ -1 +1,133 @@
-import{clearSavedPresetName,getSavedPresetName,saveResolvedPresetName}from"./cookie-storage.js";import{getPreset}from"./get-preset.js";import{injectThemeCSS}from"./inject-theme-css.js";import{mergePresets}from"./preset-merger.js";import{getColorMode,getSavedColorMode,getSystemColorMode,saveResolvedColorMode}from"./get-color-mode.js";import{updateDocumentClass}from"./update-document-class.js";import{useMutationObserver}from"./use-mutation-observer.js";import{isServer}from"@maz-ui/utils/helpers/isServer";import{ref,watch}from"vue";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`,saveResolvedColorMode(newColorMode)}};mediaQuery.addEventListener(`change`,updateFromMedia),mediaCleanup=()=>mediaQuery.removeEventListener(`change`,updateFromMedia)}let stopWatch=watch(()=>themeState.value.colorMode,colorMode=>{let resolvedIsDark=colorMode===`auto`?getSystemColorMode()===`dark`:colorMode===`dark`;updateDocumentClass(resolvedIsDark,themeState.value),colorMode===`auto`&&saveResolvedColorMode(resolvedIsDark?`dark`:`light`)});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:`runtime`,overrides:{},darkModeStrategy:`class`,preset:void 0,mode:`both`,darkClass:`dark`,colorMode:`auto`,persistPreset:!0};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`;!isServer()&&config.colorMode===`auto`&&saveResolvedColorMode(isDark?`dark`:`light`);let themeState=ref({strategy:config.strategy,darkClass:config.darkClass,darkModeStrategy:config.darkModeStrategy,colorMode:config.colorMode,mode:config.mode,preset:void 0,persistPreset:config.persistPreset,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.persistPreset&&saveResolvedPresetName(finalPreset.name)),config.strategy===`buildtime`||!finalPreset)return{themeState,cleanup:()=>{}};injectThemeCSS(finalPreset,config);let cleanupColorScheme=watchColorSchemeFromMedia(themeState);let cleanupMutation=watchMutationClassOnHtmlElement(themeState);return{themeState,cleanup:()=>{cleanupColorScheme(),cleanupMutation()}}}function swapPreset(themeState,preset,config){let final=Object.keys(config.overrides).length>0?mergePresets(preset,config.overrides):preset;themeState.value.preset=final,saveResolvedPresetName(final.name),injectThemeCSS(final,config)}function setupTheme(options){let config=resolveConfig(options);let themeState=createThemeState(options,config);let savedName=config.persistPreset?getSavedPresetName():null;let presetObject=config.preset&&typeof config.preset!=`string`?config.preset:null;if(presetObject||config.strategy===`buildtime`){let setup=finalizeTheme(themeState,presetObject??config.preset,config);return savedName&&config.strategy!==`buildtime`&&(!presetObject||savedName!==presetObject.name)&&getPreset(savedName).then(preset=>swapPreset(themeState,preset,config)).catch(()=>clearSavedPresetName()),setup}return(savedName?getPreset(savedName).catch(()=>(clearSavedPresetName(),getPreset(config.preset))):getPreset(config.preset)).catch(error=>{console.error(`[@maz-ui/themes] Failed to resolve preset`,error)}).then(preset=>finalizeTheme(themeState,preset,config)),{themeState,cleanup:()=>{}}}export{defaultOptions,setupTheme};
+import { injectColorSchemeMeta, resolveColorSchemeContent } from "./color-scheme-meta.js";
+import { getSavedPreset, savePreset } from "./cookie-storage.js";
+import { getPreset } from "./get-preset.js";
+import { injectThemeCSS } from "./inject-theme-css.js";
+import { mergePresets } from "./preset-merger.js";
+import { getColorMode, getSavedColorMode, getSystemColorMode, saveResolvedColorMode } from "./get-color-mode.js";
+import { updateDocumentClass } from "./update-document-class.js";
+import { useMutationObserver } from "./use-mutation-observer.js";
+import { isServer } from "@maz-ui/utils/helpers/isServer";
+import { ref, watch } from "vue";
+//#region src/utils/setup-theme.ts
+function noop() {}
+function watchColorSchemeFromMedia(themeState) {
+	if (isServer()) return noop;
+	let mediaQuery = globalThis.matchMedia("(prefers-color-scheme: dark)");
+	let onChange = () => {
+		if (themeState.value.colorMode !== "auto") return;
+		let next = mediaQuery.matches ? "dark" : "light";
+		updateDocumentClass("auto", themeState.value), themeState.value.isDark = next === "dark", saveResolvedColorMode(next);
+	};
+	mediaQuery.addEventListener("change", onChange);
+	let stopWatch = watch(() => themeState.value.colorMode, (colorMode) => {
+		let isDark = colorMode === "auto" ? getSystemColorMode() === "dark" : colorMode === "dark";
+		updateDocumentClass(colorMode, themeState.value), injectColorSchemeMeta(resolveColorSchemeContent(themeState.value.mode, colorMode)), colorMode === "auto" && saveResolvedColorMode(isDark ? "dark" : "light");
+	});
+	return () => {
+		mediaQuery.removeEventListener("change", onChange), stopWatch();
+	};
+}
+function watchMutationClassOnHtmlElement(themeState) {
+	return isServer() ? noop : useMutationObserver(document.documentElement, () => {
+		if (isServer() || !themeState.value) return;
+		let active = document.documentElement.classList.contains(themeState.value.darkClass) ? "dark" : "light";
+		themeState.value.isDark = active === "dark", themeState.value.colorMode !== active && themeState.value.colorMode !== "auto" && (themeState.value.colorMode = active);
+	}, { attributes: !0 }).stop;
+}
+var defaultOptions = {
+	strategy: "runtime",
+	overrides: {},
+	darkModeStrategy: "class",
+	preset: void 0,
+	mode: "both",
+	darkClass: "dark",
+	lightClass: "light",
+	colorMode: "auto",
+	persistPreset: !0
+};
+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";
+	!isServer() && config.colorMode === "auto" && saveResolvedColorMode(isDark ? "dark" : "light");
+	let themeState = ref({
+		strategy: config.strategy,
+		darkClass: config.darkClass,
+		lightClass: config.lightClass,
+		darkModeStrategy: config.darkModeStrategy,
+		colorMode: config.colorMode,
+		mode: config.mode,
+		preset: void 0,
+		persistPreset: config.persistPreset,
+		isDark: options._isDark || isDark
+	});
+	if (!isServer() && config.darkModeStrategy === "class" && config.mode === "both") {
+		let html = document.documentElement;
+		html.classList.contains(config.darkClass) || html.classList.contains(config.lightClass) || updateDocumentClass(themeState.value.colorMode, themeState.value);
+	} else updateDocumentClass(themeState.value.colorMode, themeState.value);
+	return themeState;
+}
+function finalizeTheme(themeState, preset, config, baseName) {
+	let finalPreset = preset && Object.keys(config.overrides).length > 0 ? mergePresets(preset, config.overrides) : preset;
+	if (finalPreset && (themeState.value.preset = finalPreset, config.persistPreset && savePreset(baseName, finalPreset.name)), config.strategy === "buildtime" || !finalPreset) return {
+		themeState,
+		cleanup: noop
+	};
+	injectThemeCSS(finalPreset, config);
+	let stopMedia = watchColorSchemeFromMedia(themeState);
+	let stopMutation = watchMutationClassOnHtmlElement(themeState);
+	return {
+		themeState,
+		cleanup: () => {
+			stopMedia(), stopMutation();
+		}
+	};
+}
+function swapPreset(themeState, preset, config, baseName) {
+	let final = Object.keys(config.overrides).length > 0 ? mergePresets(preset, config.overrides) : preset;
+	themeState.value.preset = final, savePreset(baseName, final.name), injectThemeCSS(final, config);
+}
+var DEFAULT_PRESET_NAME = "maz-ui";
+function getConfiguredPresetName(preset) {
+	return typeof preset == "string" ? preset : DEFAULT_PRESET_NAME;
+}
+function setupTheme(options) {
+	let config = resolveConfig(options);
+	let themeState = createThemeState(options, config);
+	injectColorSchemeMeta(resolveColorSchemeContent(themeState.value.mode, themeState.value.colorMode));
+	let saved = config.persistPreset ? getSavedPreset() : null;
+	let presetObject = config.preset && typeof config.preset != "string" ? config.preset : null;
+	if (presetObject || config.strategy === "buildtime") {
+		let baseName = presetObject ? presetObject.name : getConfiguredPresetName(config.preset);
+		let setup = finalizeTheme(themeState, presetObject ?? config.preset, config, baseName);
+		let activeOverride = saved && saved.base === baseName && saved.active !== baseName ? saved.active : null;
+		return activeOverride && config.strategy !== "buildtime" && getPreset(activeOverride).then((preset) => swapPreset(themeState, preset, config, baseName)).catch(() => savePreset(baseName, baseName)), setup;
+	}
+	return (async () => {
+		let basePreset = await getPreset(config.preset);
+		let baseName = basePreset.name;
+		if (saved && saved.base === baseName && saved.active !== baseName) try {
+			return {
+				preset: await getPreset(saved.active),
+				baseName
+			};
+		} catch {}
+		return {
+			preset: basePreset,
+			baseName
+		};
+	})().catch((error) => (console.error("[@maz-ui/themes] Failed to resolve preset", error), {
+		preset: void 0,
+		baseName: getConfiguredPresetName(config.preset)
+	})).then(({ preset, baseName }) => finalizeTheme(themeState, preset, config, baseName)), {
+		themeState,
+		cleanup: noop
+	};
+}
+//#endregion
+export { defaultOptions, setupTheme };

package/dist/utils/update-document-class.d.ts

@@ -1,3 +1,3 @@
-import { ThemeState } from '../types';
-export declare function updateDocumentClass(isDark: boolean, state?: ThemeState): void;
+import { ColorMode, ThemeState } from '../types';
+export declare function updateDocumentClass(colorMode: ColorMode, state?: ThemeState): void;
 //# sourceMappingURL=update-document-class.d.ts.map

package/dist/utils/update-document-class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"update-document-class.d.ts","sourceRoot":"","sources":["../../src/utils/update-document-class.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAG1C,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,UAAU,QAatE"}
+{"version":3,"file":"update-document-class.d.ts","sourceRoot":"","sources":["../../src/utils/update-document-class.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAIrD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI,CAalF"}

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

@@ -1 +1,13 @@
-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";
+import { getSystemColorMode } from "./get-color-mode.js";
+//#region src/utils/update-document-class.ts
+function updateDocumentClass(colorMode, state) {
+	if (typeof document > "u" || !state || state.darkModeStrategy === "media" || state.mode !== "both") return;
+	let classToAdd = (colorMode === "auto" ? getSystemColorMode() : colorMode) === "dark" ? state.darkClass : state.lightClass;
+	noTransition(() => {
+		let html = document.documentElement;
+		html.classList.remove(state.darkClass, state.lightClass), html.classList.add(classToAdd);
+	});
+}
+//#endregion
+export { updateDocumentClass };

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

@@ -1 +1,11 @@
-import{isServer}from"@maz-ui/utils/helpers/isServer";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};
+import { isServer } from "@maz-ui/utils/helpers/isServer";
+//#region src/utils/use-mutation-observer.ts
+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();
+	} };
+}
+//#endregion
+export { useMutationObserver };

package/dist/utils/view-transition.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Wrap a state-changing callback in a View Transition.
+ * Graceful degradation: if `document.startViewTransition` is not available
+ * (Firefox stable as of mid-2026), the callback runs synchronously.
+ *
+ * This module is intended to be lazy-imported so the bundle stays minimal
+ * when `{ animate: true }` is never used.
+ */
+export declare function runViewTransition(callback: () => void): Promise<void>;
+//# sourceMappingURL=view-transition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"view-transition.d.ts","sourceRoot":"","sources":["../../src/utils/view-transition.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAsB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAe3E"}

package/dist/utils/view-transition.js

@@ -0,0 +1,11 @@
+//#region src/utils/view-transition.ts
+async function runViewTransition(callback) {
+	if (typeof document > "u") {
+		callback();
+		return;
+	}
+	let api = document.startViewTransition;
+	typeof api == "function" ? await api.call(document, callback).finished.catch(() => {}) : callback();
+}
+//#endregion
+export { runViewTransition };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@maz-ui/themes",
   "type": "module",
-  "version": "5.0.0-canary.ef64a02.0",
+  "version": "5.0.0",
   "description": "Theme system for Maz-UI with TypeScript support and CSS variables",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
-  "homepage": "https://maz-ui.com/guide/themes",
+  "homepage": "https://maz-ui.com/ecosystem/themes",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/LouisMazel/maz-ui.git"
@@ -26,52 +26,62 @@
     ".": {
       "monorepo:dev": "./src/index.ts",
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     },
     "./presets": {
       "monorepo:dev": "./src/presets/index.ts",
       "types": "./dist/presets/index.d.ts",
-      "import": "./dist/presets/index.js"
+      "import": "./dist/presets/index.js",
+      "default": "./dist/presets/index.js"
     },
     "./presets/*": {
       "monorepo:dev": "./src/presets/*.ts",
       "types": "./dist/presets/*.d.ts",
-      "import": "./dist/presets/*.js"
+      "import": "./dist/presets/*.js",
+      "default": "./dist/presets/*.js"
     },
     "./composables": {
       "monorepo:dev": "./src/composables/index.ts",
       "types": "./dist/composables/index.d.ts",
-      "import": "./dist/composables/index.js"
+      "import": "./dist/composables/index.js",
+      "default": "./dist/composables/index.js"
     },
     "./composables/*": {
       "monorepo:dev": "./src/composables/*.ts",
       "types": "./dist/composables/*.d.ts",
-      "import": "./dist/composables/*.js"
+      "import": "./dist/composables/*.js",
+      "default": "./dist/composables/*.js"
     },
     "./utils": {
       "monorepo:dev": "./src/utils/index.ts",
       "types": "./dist/utils/index.d.ts",
-      "import": "./dist/utils/index.js"
+      "import": "./dist/utils/index.js",
+      "default": "./dist/utils/index.js"
     },
     "./utils/*": {
       "monorepo:dev": "./src/utils/*.ts",
       "types": "./dist/utils/*.d.ts",
-      "import": "./dist/utils/*.js"
+      "import": "./dist/utils/*.js",
+      "default": "./dist/utils/*.js"
     },
     "./build": {
       "monorepo:dev": "./src/build/index.ts",
       "types": "./dist/build/index.d.ts",
-      "import": "./dist/build/index.js"
+      "import": "./dist/build/index.js",
+      "default": "./dist/build/index.js"
     },
     "./build/*": {
       "monorepo:dev": "./src/build/*.ts",
       "types": "./dist/build/*.d.ts",
-      "import": "./dist/build/*.js"
+      "import": "./dist/build/*.js",
+      "default": "./dist/build/*.js"
     },
     "./plugin": {
       "monorepo:dev": "./src/plugin.ts",
       "types": "./dist/plugin.d.ts",
-      "import": "./dist/plugin.js"
+      "import": "./dist/plugin.js",
+      "default": "./dist/plugin.js"
     }
   },
   "main": "./dist/index.js",
@@ -79,16 +89,20 @@
   "types": "./dist/index.d.ts",
   "files": [
     "LICENSE",
+    "README.md",
     "dist"
   ],
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.12.0"
   },
   "peerDependencies": {
     "vue": ">=3.5.0 <4.0.0"
   },
   "dependencies": {
-    "@maz-ui/utils": "5.0.0-canary.ef64a02.0"
+    "@maz-ui/utils": "5.0.0"
+  },
+  "devDependencies": {
+    "@maz-ui/vite-config": "0.0.0"
   },
   "lint-staged": {
     "*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"

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

@@ -1,35 +0,0 @@
-import { ColorScale } from '../types';
-/**
- * @deprecated Prefer `parseColor` from `./color-parser` — it accepts any CSS color format
- * (hsl(), rgb(), oklch(), #hex, or the legacy raw "H S% L%"). This alias is kept for
- * internal backwards-compatibility during the v5 migration and may be removed in v6.
- */
-export declare function parseHSL(value: string): {
-    h: number;
-    s: number;
-    l: number;
-};
-/**
- * Generate an 11-step color scale from a base color.
- *
- * The base color may be given in any CSS color format (`hsl()`, `rgb()`, `oklch()`, `#hex`,
- * or the legacy raw `"H S% L%"`). Stepping happens in OKLch space (perceptually uniform),
- * and the output is emitted as `oklch(L C H)` strings.
- */
-export declare function generateColorScale(baseColor: string): ColorScale;
-/**
- * Return a black or white `oklch()` string suitable for text drawn on top of `baseColor`.
- *
- * The threshold (L=0.62) is calibrated for OKLch lightness — perceptually equivalent
- * to a mid-gray, so colors above that get black text, below it white text.
- */
-export declare function getContrastColor(baseColor: string): string;
-/**
- * Shift the lightness of a color by `adjustment`. The adjustment is given in
- * OKLch L units (0..1) — e.g. `0.1` to lighten by 10% perceptual luminance.
- *
- * The input can be in any CSS color format; the output is always a complete
- * `oklch()` string.
- */
-export declare function adjustColorLightness(baseColor: string, adjustment: number): string;
-//# sourceMappingURL=color-utils.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AAG1C;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAE3E;AAuCD;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,CAmBhE;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAG1D;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAIlF"}

package/dist/utils/color-utils.js

@@ -1 +0,0 @@
-import{formatAsOklch,parseColor,parseColorAsOklch}from"./color-parser.js";function parseHSL(value){return parseColor(value)}var LIGHTNESS_OFFSETS={50:.42,100:.35,200:.26,300:.17,400:.08,500:0,600:-.07,700:-.14,800:-.21,900:-.28,950:-.34};function clamp(n,min,max){return Math.max(min,Math.min(max,n))}function chromaFalloff(targetL){return targetL>=.96?Math.max(0,1-(targetL-.96)*12):targetL<=.18?Math.max(0,targetL/.18):1}function generateColorScale(baseColor){let base=parseColorAsOklch(baseColor);let scale={};let variants=Object.keys(LIGHTNESS_OFFSETS).map(Number);for(let variant of variants){if(variant===500){scale[variant]=formatAsOklch(base);continue}let offset=LIGHTNESS_OFFSETS[variant];let targetL=clamp(base.l+offset,0,1);scale[variant]=formatAsOklch({l:targetL,c:base.c*chromaFalloff(targetL),h:base.h})}return scale}function getContrastColor(baseColor){let{l}=parseColorAsOklch(baseColor);return l>.62?`oklch(0 0 0)`:`oklch(1 0 0)`}function adjustColorLightness(baseColor,adjustment){let{l,c,h}=parseColorAsOklch(baseColor);return formatAsOklch({l:clamp(l+adjustment,0,1),c,h})}export{adjustColorLightness,generateColorScale,getContrastColor,parseHSL};