@udixio/theme 2.1.17 → 2.1.18

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 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

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-CuZeSC9R.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-IJo3DMek.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-COk_13QK.cjs");
-const font_plugin = require("./font.plugin-DKvzB0yr.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-DPnknsVo.js";
-import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-CE1jX3iF.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-CE1jX3iF.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-DPnknsVo.js";
+import "./loader-CXjYZgR0.js";
 class PluginAbstract {
   constructor(options) {
     __publicField(this, "options");

package/dist/{font.plugin-DKvzB0yr.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-COk_13QK.cjs");
+require("./loader-Bwk-gC1Q.cjs");
 class PluginAbstract {
   constructor(options) {
     __publicField(this, "options");

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

@@ -1,4 +1,4 @@
-import { y as loader } from "./loader-DPnknsVo.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-CuZeSC9R.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-COk_13QK.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-CuZeSC9R.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-COk_13QK.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 });
   }
@@ -3101,7 +3107,7 @@ const highestSurface = (context, colorService) => {
 };
 const createMinContrastToneAdjuster = (ctx, colors, options) => {
   const { selfKey, referenceKey } = options;
-  const minContrast = ctx.contrastLevel >= 0 ? normalize(ctx.contrastLevel, [0, 1], [4.5, 7]) : normalize(ctx.contrastLevel, [-1, 0], [0, 4.5]);
+  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;

package/dist/{loader-DPnknsVo.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 });
   }
@@ -3100,7 +3106,7 @@ const highestSurface = (context, colorService) => {
 };
 const createMinContrastToneAdjuster = (ctx, colors, options) => {
   const { selfKey, referenceKey } = options;
-  const minContrast = ctx.contrastLevel >= 0 ? normalize(ctx.contrastLevel, [0, 1], [4.5, 7]) : normalize(ctx.contrastLevel, [-1, 0], [0, 4.5]);
+  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;

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-COk_13QK.cjs");
-const font_plugin = require("./font.plugin-DKvzB0yr.cjs");
-const loadFromPath = require("./load-from-path-CuZeSC9R.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-DPnknsVo.js";
-import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-CE1jX3iF.js";
-import { l as loadFromPath } from "./load-from-path-IJo3DMek.js";
-import { r as r2 } from "./load-from-path-IJo3DMek.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/theme",
-  "version": "2.1.17",
+  "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

@@ -85,8 +85,8 @@ export const createMinContrastToneAdjuster = (
   const { selfKey, referenceKey } = options;
   const minContrast =
     ctx.contrastLevel >= 0
-      ? normalize(ctx.contrastLevel, [0, 1], [4.5, 7])
-      : normalize(ctx.contrastLevel, [-1, 0], [0, 4.5]);
+      ? normalize(ctx.contrastLevel, [0, 1], [3, 7])
+      : normalize(ctx.contrastLevel, [-1, 0], [0, 3]);
 
   const referenceTone = referenceKey
     ? colors.get(referenceKey).getTone()