@udixio/theme 2.1.16 → 2.1.18

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 2.1.18 (2026-03-22)
+
+### 🚀 Features
+
+- **theme:** enhance `sourceColor` flexibility and improve context handling ([9bb6068](https://github.com/Udixio/UI/commit/9bb6068))
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
+## 2.1.17 (2026-03-20)
+
+### 🩹 Fixes
+
+- **variant:** normalize contrast levels and adjust tone inversion logic ([cc369c3](https://github.com/Udixio/UI/commit/cc369c3))
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
 ## 2.1.16 (2026-02-15)
 
 This was a version bump only for @udixio/theme to align it with other projects, there were no code changes.

package/dist/bin.cjs

@@ -2,7 +2,7 @@
 const commander = require("commander");
 const chokidar = require("chokidar");
 const chalk = require("chalk");
-const loadFromPath = require("./load-from-path-CewyV1N6.cjs");
+const loadFromPath = require("./load-from-path-CqNK9dVK.cjs");
 const program = new commander.Command();
 async function runOnce(configPath) {
   try {

package/dist/bin.js

@@ -1,7 +1,7 @@
 import { Command } from "commander";
 import chokidar from "chokidar";
 import chalk from "chalk";
-import { l as loadFromPath } from "./load-from-path-Cctfzaw6.js";
+import { l as loadFromPath } from "./load-from-path-CWtVz4o_.js";
 const program = new Command();
 async function runOnce(configPath) {
   try {

package/dist/browser.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const loader = require("./loader-DKt7MGAX.cjs");
-const font_plugin = require("./font.plugin-CCt54Tnx.cjs");
+const loader = require("./loader-Bwk-gC1Q.cjs");
+const font_plugin = require("./font.plugin-Dyfi_9m6.cjs");
 exports.API = loader.API;
 exports.AppContainer = loader.AppContainer;
 exports.AppModule = loader.AppModule;

package/dist/browser.js

@@ -1,5 +1,5 @@
-import { A, a, b, C, c, d, e, f, g, h, i, j, k, D, P, l, m, n, o, V, p, q, r, s, t, u, v, w, x, y, z, B, E, F, G } from "./loader-DnW57GzE.js";
-import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-BXjaZrFM.js";
+import { A, a, b, C, c, d, e, f, g, h, i, j, k, D, P, l, m, n, o, V, p, q, r, s, t, u, v, w, x, y, z, B, E, F, G } from "./loader-CXjYZgR0.js";
+import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-CZBx3UOh.js";
 export {
   A as API,
   a as AppContainer,

package/dist/config/config.interface.d.ts

@@ -1,9 +1,11 @@
 import { AddColorsOptions } from '../color';
+import { Hct } from '../material-color-utilities/htc';
 import { PluginAbstract } from '../plugin';
 import { Variant } from '../variant/variant';
 import { PaletteCallback } from '../palette/palette';
+import { Context } from '../context';
 export interface ConfigInterface {
-    sourceColor: string;
+    sourceColor: string | Hct | ((context: Context) => string | Hct);
     contrastLevel?: number;
     isDark?: boolean;
     variant?: Variant;

package/dist/config/config.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.interface.d.ts","sourceRoot":"","sources":["../../src/config/config.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;CACtC"}
+{"version":3,"file":"config.interface.d.ts","sourceRoot":"","sources":["../../src/config/config.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,GAAG,GAAG,CAAC,CAAC;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;CACtC"}

package/dist/context/context.d.ts

@@ -1,7 +1,8 @@
 import { Hct } from '../material-color-utilities/htc';
 import { Variant } from '../variant/variant';
+import { ConfigInterface } from '../config';
 export interface ContextOptions {
-    sourceColor: string | Hct;
+    sourceColor: ConfigInterface['sourceColor'] | Hct;
     contrastLevel: number;
     isDark: boolean;
     variant: Variant;
@@ -33,6 +34,7 @@ export declare class Context {
     get contrastLevel(): number;
     set sourceColor(sourceColor: string);
     get sourceColor(): Hct;
+    get rawSourceColor(): ContextOptions['sourceColor'];
     set variant(variant: Variant);
     get variant(): Variant;
     temp<T>(args: Partial<ContextOptions>, callback: () => T): T;

package/dist/context/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/context/context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,GAAG,GAAG,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,qBAAa,OAAO;IAClB,OAAO,CAAC,QAAQ,CAAC,CAAiB;IAClC,OAAO,CAAC,WAAW,CAA+B;IAClD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAEzB;;IAUP;;;;;;;;OAQG;IACH,MAAM,CAAC,iBAAiB,CAAC,CAAC,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,CAAC,GAC5B;QAAE,MAAM,EAAE,CAAC,CAAC;QAAC,YAAY,EAAE,CAAC,MAAM,OAAO,CAAC,EAAE,CAAA;KAAE;IAsBjD,GAAG,CAAC,OAAO,EAAE,cAAc;IAoBpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC;IA4B3C,OAAO,CAAC,UAAU;IAalB,IAAI,QAAQ,CAAC,MAAM,EAAE,OAAO,EAE3B;IACD,IAAI,MAAM,YAET;IAED,IAAI,aAAa,CAAC,aAAa,EAAE,MAAM,EAEtC;IACD,IAAI,aAAa,IAHgB,MAAM,CAKtC;IAED,IAAI,WAAW,CAAC,WAAW,EAAE,MAAM,EAElC;IACD,IAAI,WAAW,IAAI,GAAG,CAMrB;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,OAAO,EAE3B;IACD,IAAI,OAAO,IAHU,OAAO,CAK3B;IAED,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC;IAW5D,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,MAAM,OAAO,CAAC,EAAE,KAAK,IAAI,GAAG,IAAI;CAG/D"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/context/context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,GAAG,CAAC;IAClD,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,qBAAa,OAAO;IAClB,OAAO,CAAC,QAAQ,CAAC,CAAiB;IAClC,OAAO,CAAC,WAAW,CAA+B;IAClD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAEzB;;IAUP;;;;;;;;OAQG;IACH,MAAM,CAAC,iBAAiB,CAAC,CAAC,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,CAAC,GAC5B;QAAE,MAAM,EAAE,CAAC,CAAC;QAAC,YAAY,EAAE,CAAC,MAAM,OAAO,CAAC,EAAE,CAAA;KAAE;IAsBjD,GAAG,CAAC,OAAO,EAAE,cAAc;IAoBpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC;IA4B3C,OAAO,CAAC,UAAU;IAalB,IAAI,QAAQ,CAAC,MAAM,EAAE,OAAO,EAE3B;IACD,IAAI,MAAM,YAET;IAED,IAAI,aAAa,CAAC,aAAa,EAAE,MAAM,EAEtC;IACD,IAAI,aAAa,IAHgB,MAAM,CAKtC;IAED,IAAI,WAAW,CAAC,WAAW,EAAE,MAAM,EAElC;IACD,IAAI,WAAW,IAAI,GAAG,CASrB;IACD,IAAI,cAAc,IAAI,cAAc,CAAC,aAAa,CAAC,CAElD;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,OAAO,EAE3B;IACD,IAAI,OAAO,IAHU,OAAO,CAK3B;IAED,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC;IAW5D,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,MAAM,OAAO,CAAC,EAAE,KAAK,IAAI,GAAG,IAAI;CAG/D"}

package/dist/{font.plugin-BXjaZrFM.js → font.plugin-CZBx3UOh.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import "./loader-DnW57GzE.js";
+import "./loader-CXjYZgR0.js";
 class PluginAbstract {
   constructor(options) {
     __publicField(this, "options");

package/dist/{font.plugin-CCt54Tnx.cjs → font.plugin-Dyfi_9m6.cjs}

@@ -2,7 +2,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-require("./loader-DKt7MGAX.cjs");
+require("./loader-Bwk-gC1Q.cjs");
 class PluginAbstract {
   constructor(options) {
     __publicField(this, "options");

package/dist/{load-from-path-Cctfzaw6.js → load-from-path-CWtVz4o_.js}

@@ -1,4 +1,4 @@
-import { y as loader } from "./loader-DnW57GzE.js";
+import { y as loader } from "./loader-CXjYZgR0.js";
 import * as fs from "node:fs";
 async function resolveConfig(configPath = "./theme.config") {
   const { createJiti } = await import("jiti");

package/dist/{load-from-path-CewyV1N6.cjs → load-from-path-CqNK9dVK.cjs}

@@ -21,7 +21,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-const loader = require("./loader-DKt7MGAX.cjs");
+const loader = require("./loader-Bwk-gC1Q.cjs");
 const fs = require("node:fs");
 var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
 function _interopNamespaceDefault(e) {
@@ -44,7 +44,7 @@ const fs__namespace = /* @__PURE__ */ _interopNamespaceDefault(fs);
 async function resolveConfig(configPath = "./theme.config") {
   const { createJiti } = await import("jiti");
   const { resolve } = await import("pathe");
-  const jiti = createJiti(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("load-from-path-CewyV1N6.cjs", document.baseURI).href, {
+  const jiti = createJiti(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("load-from-path-CqNK9dVK.cjs", document.baseURI).href, {
     debug: process.env.NODE_ENV === "development",
     fsCache: true,
     interopDefault: true

package/dist/{loader-DKt7MGAX.cjs → loader-Bwk-gC1Q.cjs}

@@ -2591,11 +2591,17 @@ class Context {
   }
   get sourceColor() {
     let sourceColor = this.getOptions().sourceColor;
+    if (typeof sourceColor == "function") {
+      sourceColor = sourceColor(this);
+    }
     if (typeof sourceColor === "string") {
       sourceColor = Hct.fromInt(materialColorUtilities.argbFromHex(sourceColor));
     }
     return sourceColor;
   }
+  get rawSourceColor() {
+    return this.getOptions().sourceColor;
+  }
   set variant(variant2) {
     this.update({ variant: variant2 });
   }
@@ -3074,8 +3080,12 @@ const vibrantVariant = variant({
   colors: defaultColors
 });
 const surfaceContainerToneDelta = 2.5;
-const inverseTone = (tone) => {
-  return 100 - tone;
+const normalize = (value, inputRange, outputRange = [0, 1]) => {
+  const [inputMin, inputMax] = inputRange;
+  const [outputMin, outputMax] = outputRange;
+  const clampedValue = Math.max(inputMin, Math.min(value, inputMax));
+  const normalizedValue = (clampedValue - inputMin) / (inputMax - inputMin);
+  return outputMin + normalizedValue * (outputMax - outputMin);
 };
 const surfaceContainerTone = (layer, api) => {
   const t = surfaceContainerToneDelta * layer * (1 + api.context.contrastLevel);
@@ -3096,7 +3106,8 @@ const highestSurface = (context, colorService) => {
   }
 };
 const createMinContrastToneAdjuster = (ctx, colors, options) => {
-  const { selfKey, referenceKey, minContrast = 3 } = options;
+  const { selfKey, referenceKey } = options;
+  const minContrast = ctx.contrastLevel >= 0 ? normalize(ctx.contrastLevel, [0, 1], [3, 7]) : normalize(ctx.contrastLevel, [-1, 0], [0, 3]);
   const referenceTone = referenceKey ? colors.get(referenceKey).getTone() : highestSurface(ctx, colors).getTone();
   const baseTone = colors.get(selfKey).options.tone;
   let selfTone = baseTone;
@@ -3106,7 +3117,7 @@ const createMinContrastToneAdjuster = (ctx, colors, options) => {
       selfTone,
       minContrast
     );
-    const inverseT = inverseTone(baseTone);
+    const inverseT = ctx.isDark ? 100 : 0;
     selfTone = selfTone + (inverseT - selfTone) * ratio;
   }
   return selfTone;

package/dist/{loader-DnW57GzE.js → loader-CXjYZgR0.js}

@@ -2590,11 +2590,17 @@ class Context {
   }
   get sourceColor() {
     let sourceColor = this.getOptions().sourceColor;
+    if (typeof sourceColor == "function") {
+      sourceColor = sourceColor(this);
+    }
     if (typeof sourceColor === "string") {
       sourceColor = Hct.fromInt(argbFromHex(sourceColor));
     }
     return sourceColor;
   }
+  get rawSourceColor() {
+    return this.getOptions().sourceColor;
+  }
   set variant(variant2) {
     this.update({ variant: variant2 });
   }
@@ -3073,8 +3079,12 @@ const vibrantVariant = variant({
   colors: defaultColors
 });
 const surfaceContainerToneDelta = 2.5;
-const inverseTone = (tone) => {
-  return 100 - tone;
+const normalize = (value, inputRange, outputRange = [0, 1]) => {
+  const [inputMin, inputMax] = inputRange;
+  const [outputMin, outputMax] = outputRange;
+  const clampedValue = Math.max(inputMin, Math.min(value, inputMax));
+  const normalizedValue = (clampedValue - inputMin) / (inputMax - inputMin);
+  return outputMin + normalizedValue * (outputMax - outputMin);
 };
 const surfaceContainerTone = (layer, api) => {
   const t = surfaceContainerToneDelta * layer * (1 + api.context.contrastLevel);
@@ -3095,7 +3105,8 @@ const highestSurface = (context, colorService) => {
   }
 };
 const createMinContrastToneAdjuster = (ctx, colors, options) => {
-  const { selfKey, referenceKey, minContrast = 3 } = options;
+  const { selfKey, referenceKey } = options;
+  const minContrast = ctx.contrastLevel >= 0 ? normalize(ctx.contrastLevel, [0, 1], [3, 7]) : normalize(ctx.contrastLevel, [-1, 0], [0, 3]);
   const referenceTone = referenceKey ? colors.get(referenceKey).getTone() : highestSurface(ctx, colors).getTone();
   const baseTone = colors.get(selfKey).options.tone;
   let selfTone = baseTone;
@@ -3105,7 +3116,7 @@ const createMinContrastToneAdjuster = (ctx, colors, options) => {
       selfTone,
       minContrast
     );
-    const inverseT = inverseTone(baseTone);
+    const inverseT = ctx.isDark ? 100 : 0;
     selfTone = selfTone + (inverseT - selfTone) * ratio;
   }
   return selfTone;

package/dist/node.cjs

@@ -22,9 +22,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const loader = require("./loader-DKt7MGAX.cjs");
-const font_plugin = require("./font.plugin-CCt54Tnx.cjs");
-const loadFromPath = require("./load-from-path-CewyV1N6.cjs");
+const loader = require("./loader-Bwk-gC1Q.cjs");
+const font_plugin = require("./font.plugin-Dyfi_9m6.cjs");
+const loadFromPath = require("./load-from-path-CqNK9dVK.cjs");
 let unpluginInstance = null;
 const createUnpluginTheme = async () => {
   if (unpluginInstance) {

package/dist/node.js

@@ -1,7 +1,7 @@
-import { A, a, b, C, c, d, e, f, g, h, i, j, k, D, P, l, m, n, o, V, p, q, r, s, t, u, v, w, x, y, z, B, E, F, G } from "./loader-DnW57GzE.js";
-import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-BXjaZrFM.js";
-import { l as loadFromPath } from "./load-from-path-Cctfzaw6.js";
-import { r as r2 } from "./load-from-path-Cctfzaw6.js";
+import { A, a, b, C, c, d, e, f, g, h, i, j, k, D, P, l, m, n, o, V, p, q, r, s, t, u, v, w, x, y, z, B, E, F, G } from "./loader-CXjYZgR0.js";
+import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-CZBx3UOh.js";
+import { l as loadFromPath } from "./load-from-path-CWtVz4o_.js";
+import { r as r2 } from "./load-from-path-CWtVz4o_.js";
 let unpluginInstance = null;
 const createUnpluginTheme = async () => {
   if (unpluginInstance) {

package/dist/variant/variants/udixio.variant.d.ts

@@ -2,10 +2,10 @@ import { Variant } from '../variant';
 import { DynamicColorKey } from '../../color/color.utils';
 import { ColorApi, ColorManager } from '../../color';
 import { Context } from '../../context';
+export declare const normalize: (value: number, inputRange: [number, number], outputRange?: [number, number]) => number;
 export declare const createMinContrastToneAdjuster: (ctx: Context, colors: ColorManager | ColorApi, options: {
     selfKey: DynamicColorKey;
     referenceKey?: DynamicColorKey;
-    minContrast?: number;
 }) => number;
 export declare const udixioVariant: Variant;
 //# sourceMappingURL=udixio.variant.d.ts.map

package/dist/variant/variants/udixio.variant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"udixio.variant.d.ts","sourceRoot":"","sources":["../../../src/variant/variants/udixio.variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAEL,eAAe,EAIhB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAIL,QAAQ,EAER,YAAY,EAEb,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAyCxC,eAAO,MAAM,6BAA6B,GACxC,KAAK,OAAO,EACZ,QAAQ,YAAY,GAAG,QAAQ,EAC/B,SAAS;IACP,OAAO,EAAE,eAAe,CAAC;IACzB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,WAuBF,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OA6vB1B,CAAC"}
+{"version":3,"file":"udixio.variant.d.ts","sourceRoot":"","sources":["../../../src/variant/variants/udixio.variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAEL,eAAe,EAIhB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAIL,QAAQ,EAER,YAAY,EAEb,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AASxC,eAAO,MAAM,SAAS,GACpB,OAAO,MAAM,EACb,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,cAAa,CAAC,MAAM,EAAE,MAAM,CAAU,KACrC,MASF,CAAC;AAkCF,eAAO,MAAM,6BAA6B,GACxC,KAAK,OAAO,EACZ,QAAQ,YAAY,GAAG,QAAQ,EAC/B,SAAS;IACP,OAAO,EAAE,eAAe,CAAC;IACzB,YAAY,CAAC,EAAE,eAAe,CAAC;CAChC,WA2BF,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OA6vB1B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/theme",
-  "version": "2.1.16",
+  "version": "2.1.18",
   "type": "module",
   "main": "./dist/node.js",
   "module": "./dist/node.js",

package/src/config/config.interface.ts

@@ -1,11 +1,12 @@
 import { AddColorsOptions } from '../color';
-
+import { Hct } from '../material-color-utilities/htc';
 import { PluginAbstract } from '../plugin';
 import { Variant } from '../variant/variant';
 import { PaletteCallback } from '../palette/palette';
+import { Context } from '../context';
 
 export interface ConfigInterface {
-  sourceColor: string;
+  sourceColor: string | Hct | ((context: Context) => string | Hct);
   contrastLevel?: number;
   isDark?: boolean;
   variant?: Variant;

package/src/context/context.ts

@@ -1,9 +1,10 @@
 import { argbFromHex } from '@material/material-color-utilities';
 import { Hct } from '../material-color-utilities/htc';
 import { Variant } from '../variant/variant';
+import { ConfigInterface } from '../config';
 
 export interface ContextOptions {
-  sourceColor: string | Hct;
+  sourceColor: ConfigInterface['sourceColor'] | Hct;
   contrastLevel: number;
   isDark: boolean;
   variant: Variant;
@@ -138,11 +139,17 @@ export class Context {
   }
   get sourceColor(): Hct {
     let sourceColor = this.getOptions().sourceColor;
+    if (typeof sourceColor == 'function') {
+      sourceColor = sourceColor(this);
+    }
     if (typeof sourceColor === 'string') {
       sourceColor = Hct.fromInt(argbFromHex(sourceColor));
     }
     return sourceColor;
   }
+  get rawSourceColor(): ContextOptions['sourceColor'] {
+    return this.getOptions().sourceColor;
+  }
 
   set variant(variant: Variant) {
     this.update({ variant });

package/src/variant/variants/udixio.variant.ts

@@ -27,6 +27,21 @@ const inverseTone = (tone: number) => {
   return 100 - tone;
 };
 
+export const normalize = (
+  value: number,
+  inputRange: [number, number],
+  outputRange: [number, number] = [0, 1],
+): number => {
+  const [inputMin, inputMax] = inputRange;
+  const [outputMin, outputMax] = outputRange;
+
+  const clampedValue = Math.max(inputMin, Math.min(value, inputMax));
+
+  const normalizedValue = (clampedValue - inputMin) / (inputMax - inputMin);
+
+  return outputMin + normalizedValue * (outputMax - outputMin);
+};
+
 const surfaceContainerTone = (
   layer: number,
   api: Pick<API, 'palettes' | 'context'>,
@@ -65,10 +80,13 @@ export const createMinContrastToneAdjuster = (
   options: {
     selfKey: DynamicColorKey;
     referenceKey?: DynamicColorKey; // par défaut: la surface la plus "haute"
-    minContrast?: number; // par défaut: 3
   },
 ) => {
-  const { selfKey, referenceKey, minContrast = 3 } = options;
+  const { selfKey, referenceKey } = options;
+  const minContrast =
+    ctx.contrastLevel >= 0
+      ? normalize(ctx.contrastLevel, [0, 1], [3, 7])
+      : normalize(ctx.contrastLevel, [-1, 0], [0, 3]);
 
   const referenceTone = referenceKey
     ? colors.get(referenceKey).getTone()
@@ -84,7 +102,7 @@ export const createMinContrastToneAdjuster = (
       selfTone,
       minContrast,
     );
-    const inverseT = inverseTone(baseTone);
+    const inverseT = ctx.isDark ? 100 : 0;
     selfTone = selfTone + (inverseT - selfTone) * ratio;
   }