@udixio/theme 2.1.11 → 2.1.13

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## 2.1.13 (2026-02-02)
+
+### 🩹 Fixes
+
+- **theme:** remove debug `console.log` from `udixio ([e02f6ce](https://github.com/Udixio/UI/commit/e02f6ce))
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
+## 2.1.12 (2026-01-30)
+
+### 🚀 Features
+
+- **theme:** improve tone logic and adjust background calculations ([6eda481](https://github.com/Udixio/UI/commit/6eda481))
+- **theme:** add `createMinContrastToneAdjuster` util for dynamic tone adjustments ([d963806](https://github.com/Udixio/UI/commit/d963806))
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
 ## 2.1.11 (2026-01-18)
 
 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-BCkiZx6_.cjs");
+const loadFromPath = require("./load-from-path-DDQroKk-.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-C4axFso4.js";
+import { l as loadFromPath } from "./load-from-path-B7BI6LZa.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-1Pp2rd0P.cjs");
-const font_plugin = require("./font.plugin-B0SKfA9r.cjs");
+const loader = require("./loader-CgJ2JY88.cjs");
+const font_plugin = require("./font.plugin-B9NdGRxC.cjs");
 exports.API = loader.API;
 exports.AppContainer = loader.AppContainer;
 exports.AppModule = loader.AppModule;

package/dist/browser.js

@@ -1,44 +1,44 @@
-import { A, a, b, h, i, C, j, k, e, f, o, n, q, D, P, r, s, v, u, V, z, c, d, m, F, g, w, x, l, p, G, B, t, y, E } from "./loader--tJzL1CC.js";
-import { F as F2, b as b2, P as P2, a as a2, d as d2 } from "./font.plugin-BReTQTWQ.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-Cy_VzOHt.js";
+import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-b3GDzC1A.js";
 export {
   A as API,
   a as AppContainer,
   b as AppModule,
-  h as Color,
-  i as ColorAlias,
-  C as ColorApi,
-  j as ColorFromHex,
-  k as ColorFromPalette,
-  e as ColorManager,
-  f as ColorModule,
-  o as Context,
-  n as ContextModule,
-  q as ContrastCurve,
+  C as Color,
+  c as ColorAlias,
+  d as ColorApi,
+  e as ColorFromHex,
+  f as ColorFromPalette,
+  g as ColorManager,
+  h as ColorModule,
+  i as Context,
+  j as ContextModule,
+  k as ContrastCurve,
   D as DynamicColor,
   F2 as FontFamily,
-  b2 as FontPlugin,
+  a2 as FontPlugin,
   P as Palette,
-  r as PaletteApi,
-  s as PaletteModule,
+  l as PaletteApi,
+  m as PaletteModule,
   P2 as PluginAbstract,
-  v as PluginApi,
-  a2 as PluginImplAbstract,
-  u as PluginModule,
+  n as PluginApi,
+  b2 as PluginImplAbstract,
+  o as PluginModule,
   V as Variant,
-  z as Variants,
-  c as bootstrap,
-  d as capitalizeFirstLetter,
-  m as defaultColors,
+  p as Variants,
+  q as bootstrap,
+  r as capitalizeFirstLetter,
+  s as defaultColors,
   d2 as defineConfig,
-  F as expressiveVariant,
-  g as getInitialToneFromBackground,
-  w as getPiecewiseHue,
-  x as getRotatedHue,
-  l as highestSurface,
-  p as loader,
-  G as neutralVariant,
+  t as expressiveVariant,
+  u as getInitialToneFromBackground,
+  v as getPiecewiseHue,
+  w as getRotatedHue,
+  x as highestSurface,
+  y as loader,
+  z as neutralVariant,
   B as tonalSpotVariant,
-  t as toneDeltaPair,
-  y as variant,
-  E as vibrantVariant
+  E as toneDeltaPair,
+  F as variant,
+  G as vibrantVariant
 };

package/dist/{font.plugin-B0SKfA9r.cjs → font.plugin-B9NdGRxC.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-1Pp2rd0P.cjs");
+require("./loader-CgJ2JY88.cjs");
 class PluginAbstract {
   constructor(options) {
     __publicField(this, "options");

package/dist/{font.plugin-BReTQTWQ.js → font.plugin-b3GDzC1A.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--tJzL1CC.js";
+import "./loader-Cy_VzOHt.js";
 class PluginAbstract {
   constructor(options) {
     __publicField(this, "options");
@@ -222,7 +222,7 @@ class FontPluginImpl extends PluginImplAbstract {
 export {
   FontFamily as F,
   PluginAbstract as P,
-  PluginImplAbstract as a,
-  FontPlugin as b,
+  FontPlugin as a,
+  PluginImplAbstract as b,
   defineConfig as d
 };

package/dist/{load-from-path-C4axFso4.js → load-from-path-B7BI6LZa.js}

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

package/dist/{load-from-path-BCkiZx6_.cjs → load-from-path-DDQroKk-.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-1Pp2rd0P.cjs");
+const loader = require("./loader-CgJ2JY88.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-BCkiZx6_.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-DDQroKk-.cjs", document.baseURI).href, {
     debug: process.env.NODE_ENV === "development",
     fsCache: true,
     interopDefault: true

package/dist/{loader-1Pp2rd0P.cjs → loader-CgJ2JY88.cjs}

@@ -3090,10 +3090,26 @@ const surfaceContainerTone = (layer, api) => {
 };
 const highestSurface = (context, colorService) => {
   if (colorService instanceof ColorApi) {
-    return colorService.get("surface");
+    return context.isDark ? colorService.get("surfaceBright") : colorService.get("surfaceDim");
   } else {
-    return colorService.get("surface");
+    return context.isDark ? colorService.get("surfaceBright") : colorService.get("surfaceDim");
+  }
+};
+const createMinContrastToneAdjuster = (ctx, colors, options) => {
+  const { selfKey, referenceKey, minContrast = 3 } = options;
+  const referenceTone = referenceKey ? colors.get(referenceKey).getTone() : highestSurface(ctx, colors).getTone();
+  const baseTone = colors.get(selfKey).options.tone;
+  let selfTone = baseTone;
+  if (materialColorUtilities.Contrast.ratioOfTones(referenceTone, selfTone) < minContrast) {
+    const ratio = calculateToneAdjustmentPercentage(
+      referenceTone,
+      selfTone,
+      minContrast
+    );
+    const inverseT = inverseTone(baseTone);
+    selfTone = selfTone + (inverseT - selfTone) * ratio;
   }
+  return selfTone;
 };
 const udixioVariant = variant({
   name: "udixio",
@@ -3153,19 +3169,20 @@ const udixioVariant = variant({
       [colorKey]: {
         palette: () => palettes.get(colorKey),
         tone: () => {
-          return ctx.isDark ? 80 : tMaxC(palettes.get(colorKey));
+          return colors2.get("primary").getTone();
         },
-        isBackground: true,
-        background: () => highestSurface(ctx, colors2),
-        contrastCurve: () => getCurve(4.5),
-        adjustTone: () => toneDeltaPair(
-          colors2.get(colorContainerKey),
-          colors2.get(colorKey),
-          5,
-          "relative_lighter",
-          true,
-          "farther"
-        )
+        isBackground: true
+        // background: () => highestSurface(ctx, colors),
+        // contrastCurve: () => getCurve(4.5),
+        // adjustTone: () =>
+        //   toneDeltaPair(
+        //     colors.get(colorContainerKey),
+        //     colors.get(colorKey),
+        //     5,
+        //     'relative_lighter',
+        //     true,
+        //     'farther',
+        //   ),
       },
       // [colorDimKey]: {
       //   palette: () => palettes.get(colorKey),
@@ -3207,7 +3224,14 @@ const udixioVariant = variant({
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors2),
-        adjustTone: () => void 0,
+        adjustTone: () => toneDeltaPair(
+          colors2.get(colorKey),
+          colors2.get(colorContainerKey),
+          15,
+          "relative_darker",
+          true,
+          "farther"
+        ),
         contrastCurve: () => ctx.contrastLevel > 0 ? getCurve(1.5) : void 0
       },
       [onColorContainerKey]: {
@@ -3403,19 +3427,9 @@ const udixioVariant = variant({
         background: () => highestSurface(ctx, colors),
         contrastCurve: () => getCurve(4.5),
         adjustTone: () => () => {
-          const surfaceTone = colors.get("surface").getTone();
-          const primaryTone = colors.get("primary").options.tone;
-          let selfTone = primaryTone;
-          if (materialColorUtilities.Contrast.ratioOfTones(surfaceTone, selfTone) < 3) {
-            const ratio = calculateToneAdjustmentPercentage(
-              surfaceTone,
-              selfTone,
-              3
-            );
-            const inverseT = inverseTone(primaryTone);
-            selfTone = selfTone + (inverseT - selfTone) * ratio;
-          }
-          return selfTone;
+          return createMinContrastToneAdjuster(ctx, colors, {
+            selfKey: "primary"
+          });
         }
       },
       // primaryDim: {
@@ -3523,19 +3537,20 @@ const udixioVariant = variant({
       secondary: {
         palette: () => palettes.get("secondary"),
         tone: () => {
-          return ctx.isDark ? 80 : tMaxC(palettes.get("secondary"));
+          return colors.get("primary").getTone();
         },
-        isBackground: true,
-        background: () => highestSurface(ctx, colors),
-        contrastCurve: () => getCurve(4.5),
-        adjustTone: () => toneDeltaPair(
-          getColor("secondaryContainer"),
-          getColor("secondary"),
-          5,
-          "relative_lighter",
-          true,
-          "farther"
-        )
+        isBackground: true
+        // background: () => highestSurface(ctx, colors),
+        // contrastCurve: () => getCurve(4.5),
+        // adjustTone: () =>
+        //   toneDeltaPair(
+        //     getColor('secondaryContainer'),
+        //     getColor('secondary'),
+        //     5,
+        //     'relative_lighter',
+        //     true,
+        //     'farther',
+        //   ),
       },
       // secondaryDim: {
       //   palette: () => palettes.get('secondary'),
@@ -3571,7 +3586,14 @@ const udixioVariant = variant({
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors),
-        adjustTone: () => void 0,
+        adjustTone: () => toneDeltaPair(
+          colors.get("secondary"),
+          colors.get("secondaryContainer"),
+          15,
+          "relative_darker",
+          true,
+          "farther"
+        ),
         contrastCurve: () => ctx.contrastLevel > 0 ? getCurve(1.5) : void 0
       },
       onSecondaryContainer: {
@@ -3627,19 +3649,21 @@ const udixioVariant = variant({
       tertiary: {
         palette: () => palettes.get("tertiary"),
         tone: () => {
-          return ctx.isDark ? tMaxC(palettes.get("tertiary"), 0, 98) : tMaxC(palettes.get("tertiary"));
+          const tone = colors.get("primary").getTone();
+          return Math.max(20, Math.min(80, tone));
         },
-        isBackground: true,
-        background: () => highestSurface(ctx, colors),
-        contrastCurve: () => getCurve(4.5),
-        adjustTone: () => toneDeltaPair(
-          getColor("tertiaryContainer"),
-          getColor("tertiary"),
-          5,
-          "relative_lighter",
-          true,
-          "farther"
-        )
+        isBackground: true
+        // background: () => highestSurface(ctx, colors),
+        // contrastCurve: () => getCurve(4.5),
+        // adjustTone: () =>
+        //   toneDeltaPair(
+        //     getColor('tertiaryContainer'),
+        //     getColor('tertiary'),
+        //     5,
+        //     'relative_lighter',
+        //     true,
+        //     'farther',
+        //   ),
       },
       // tertiaryDim: {
       //   palette: () => palettes.get('tertiary'),
@@ -3675,7 +3699,14 @@ const udixioVariant = variant({
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors),
-        adjustTone: () => void 0,
+        adjustTone: () => toneDeltaPair(
+          colors.get("tertiary"),
+          colors.get("tertiaryContainer"),
+          15,
+          "relative_darker",
+          true,
+          "farther"
+        ),
         contrastCurve: () => ctx.contrastLevel > 0 ? getCurve(1.5) : void 0
       },
       onTertiaryContainer: {

package/dist/{loader--tJzL1CC.js → loader-Cy_VzOHt.js}

@@ -3089,10 +3089,26 @@ const surfaceContainerTone = (layer, api) => {
 };
 const highestSurface = (context, colorService) => {
   if (colorService instanceof ColorApi) {
-    return colorService.get("surface");
+    return context.isDark ? colorService.get("surfaceBright") : colorService.get("surfaceDim");
   } else {
-    return colorService.get("surface");
+    return context.isDark ? colorService.get("surfaceBright") : colorService.get("surfaceDim");
+  }
+};
+const createMinContrastToneAdjuster = (ctx, colors, options) => {
+  const { selfKey, referenceKey, minContrast = 3 } = options;
+  const referenceTone = referenceKey ? colors.get(referenceKey).getTone() : highestSurface(ctx, colors).getTone();
+  const baseTone = colors.get(selfKey).options.tone;
+  let selfTone = baseTone;
+  if (Contrast.ratioOfTones(referenceTone, selfTone) < minContrast) {
+    const ratio = calculateToneAdjustmentPercentage(
+      referenceTone,
+      selfTone,
+      minContrast
+    );
+    const inverseT = inverseTone(baseTone);
+    selfTone = selfTone + (inverseT - selfTone) * ratio;
   }
+  return selfTone;
 };
 const udixioVariant = variant({
   name: "udixio",
@@ -3152,19 +3168,20 @@ const udixioVariant = variant({
       [colorKey]: {
         palette: () => palettes.get(colorKey),
         tone: () => {
-          return ctx.isDark ? 80 : tMaxC(palettes.get(colorKey));
+          return colors2.get("primary").getTone();
         },
-        isBackground: true,
-        background: () => highestSurface(ctx, colors2),
-        contrastCurve: () => getCurve(4.5),
-        adjustTone: () => toneDeltaPair(
-          colors2.get(colorContainerKey),
-          colors2.get(colorKey),
-          5,
-          "relative_lighter",
-          true,
-          "farther"
-        )
+        isBackground: true
+        // background: () => highestSurface(ctx, colors),
+        // contrastCurve: () => getCurve(4.5),
+        // adjustTone: () =>
+        //   toneDeltaPair(
+        //     colors.get(colorContainerKey),
+        //     colors.get(colorKey),
+        //     5,
+        //     'relative_lighter',
+        //     true,
+        //     'farther',
+        //   ),
       },
       // [colorDimKey]: {
       //   palette: () => palettes.get(colorKey),
@@ -3206,7 +3223,14 @@ const udixioVariant = variant({
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors2),
-        adjustTone: () => void 0,
+        adjustTone: () => toneDeltaPair(
+          colors2.get(colorKey),
+          colors2.get(colorContainerKey),
+          15,
+          "relative_darker",
+          true,
+          "farther"
+        ),
         contrastCurve: () => ctx.contrastLevel > 0 ? getCurve(1.5) : void 0
       },
       [onColorContainerKey]: {
@@ -3402,19 +3426,9 @@ const udixioVariant = variant({
         background: () => highestSurface(ctx, colors),
         contrastCurve: () => getCurve(4.5),
         adjustTone: () => () => {
-          const surfaceTone = colors.get("surface").getTone();
-          const primaryTone = colors.get("primary").options.tone;
-          let selfTone = primaryTone;
-          if (Contrast.ratioOfTones(surfaceTone, selfTone) < 3) {
-            const ratio = calculateToneAdjustmentPercentage(
-              surfaceTone,
-              selfTone,
-              3
-            );
-            const inverseT = inverseTone(primaryTone);
-            selfTone = selfTone + (inverseT - selfTone) * ratio;
-          }
-          return selfTone;
+          return createMinContrastToneAdjuster(ctx, colors, {
+            selfKey: "primary"
+          });
         }
       },
       // primaryDim: {
@@ -3522,19 +3536,20 @@ const udixioVariant = variant({
       secondary: {
         palette: () => palettes.get("secondary"),
         tone: () => {
-          return ctx.isDark ? 80 : tMaxC(palettes.get("secondary"));
+          return colors.get("primary").getTone();
         },
-        isBackground: true,
-        background: () => highestSurface(ctx, colors),
-        contrastCurve: () => getCurve(4.5),
-        adjustTone: () => toneDeltaPair(
-          getColor("secondaryContainer"),
-          getColor("secondary"),
-          5,
-          "relative_lighter",
-          true,
-          "farther"
-        )
+        isBackground: true
+        // background: () => highestSurface(ctx, colors),
+        // contrastCurve: () => getCurve(4.5),
+        // adjustTone: () =>
+        //   toneDeltaPair(
+        //     getColor('secondaryContainer'),
+        //     getColor('secondary'),
+        //     5,
+        //     'relative_lighter',
+        //     true,
+        //     'farther',
+        //   ),
       },
       // secondaryDim: {
       //   palette: () => palettes.get('secondary'),
@@ -3570,7 +3585,14 @@ const udixioVariant = variant({
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors),
-        adjustTone: () => void 0,
+        adjustTone: () => toneDeltaPair(
+          colors.get("secondary"),
+          colors.get("secondaryContainer"),
+          15,
+          "relative_darker",
+          true,
+          "farther"
+        ),
         contrastCurve: () => ctx.contrastLevel > 0 ? getCurve(1.5) : void 0
       },
       onSecondaryContainer: {
@@ -3626,19 +3648,21 @@ const udixioVariant = variant({
       tertiary: {
         palette: () => palettes.get("tertiary"),
         tone: () => {
-          return ctx.isDark ? tMaxC(palettes.get("tertiary"), 0, 98) : tMaxC(palettes.get("tertiary"));
+          const tone = colors.get("primary").getTone();
+          return Math.max(20, Math.min(80, tone));
         },
-        isBackground: true,
-        background: () => highestSurface(ctx, colors),
-        contrastCurve: () => getCurve(4.5),
-        adjustTone: () => toneDeltaPair(
-          getColor("tertiaryContainer"),
-          getColor("tertiary"),
-          5,
-          "relative_lighter",
-          true,
-          "farther"
-        )
+        isBackground: true
+        // background: () => highestSurface(ctx, colors),
+        // contrastCurve: () => getCurve(4.5),
+        // adjustTone: () =>
+        //   toneDeltaPair(
+        //     getColor('tertiaryContainer'),
+        //     getColor('tertiary'),
+        //     5,
+        //     'relative_lighter',
+        //     true,
+        //     'farther',
+        //   ),
       },
       // tertiaryDim: {
       //   palette: () => palettes.get('tertiary'),
@@ -3674,7 +3698,14 @@ const udixioVariant = variant({
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors),
-        adjustTone: () => void 0,
+        adjustTone: () => toneDeltaPair(
+          colors.get("tertiary"),
+          colors.get("tertiaryContainer"),
+          15,
+          "relative_darker",
+          true,
+          "farther"
+        ),
         contrastCurve: () => ctx.contrastLevel > 0 ? getCurve(1.5) : void 0
       },
       onTertiaryContainer: {
@@ -3845,37 +3876,37 @@ const loader = async (config, load = true) => {
 export {
   API as A,
   tonalSpotVariant as B,
-  ColorApi as C,
+  Color as C,
   DynamicColor as D,
-  vibrantVariant as E,
-  expressiveVariant as F,
-  neutralVariant as G,
+  toneDeltaPair as E,
+  variant as F,
+  vibrantVariant as G,
   Palette as P,
   Variant as V,
   AppContainer as a,
   AppModule as b,
-  bootstrap as c,
-  capitalizeFirstLetter as d,
-  ColorManager as e,
-  ColorModule as f,
-  getInitialToneFromBackground as g,
-  Color as h,
-  ColorAlias as i,
-  ColorFromHex as j,
-  ColorFromPalette as k,
-  highestSurface$1 as l,
-  defaultColors as m,
-  ContextModule as n,
-  Context as o,
-  loader as p,
-  ContrastCurve as q,
-  PaletteApi as r,
-  PaletteModule as s,
-  toneDeltaPair as t,
-  PluginModule as u,
-  PluginApi as v,
-  getPiecewiseHue as w,
-  getRotatedHue as x,
-  variant as y,
-  Variants as z
+  ColorAlias as c,
+  ColorApi as d,
+  ColorFromHex as e,
+  ColorFromPalette as f,
+  ColorManager as g,
+  ColorModule as h,
+  Context as i,
+  ContextModule as j,
+  ContrastCurve as k,
+  PaletteApi as l,
+  PaletteModule as m,
+  PluginApi as n,
+  PluginModule as o,
+  Variants as p,
+  bootstrap as q,
+  capitalizeFirstLetter as r,
+  defaultColors as s,
+  expressiveVariant as t,
+  getInitialToneFromBackground as u,
+  getPiecewiseHue as v,
+  getRotatedHue as w,
+  highestSurface$1 as x,
+  loader as y,
+  neutralVariant as z
 };

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-1Pp2rd0P.cjs");
-const font_plugin = require("./font.plugin-B0SKfA9r.cjs");
-const loadFromPath = require("./load-from-path-BCkiZx6_.cjs");
+const loader = require("./loader-CgJ2JY88.cjs");
+const font_plugin = require("./font.plugin-B9NdGRxC.cjs");
+const loadFromPath = require("./load-from-path-DDQroKk-.cjs");
 let unpluginInstance = null;
 const createUnpluginTheme = async () => {
   if (unpluginInstance) {

package/dist/node.js

@@ -1,7 +1,7 @@
-import { A, a, b, h, i, C, j, k, e, f, o, n, q, D, P, r, s, v, u, V, z, c, d, m, F, g, w, x, l, p, G, B, t, y, E } from "./loader--tJzL1CC.js";
-import { F as F2, b as b2, P as P2, a as a2, d as d2 } from "./font.plugin-BReTQTWQ.js";
-import { l as loadFromPath } from "./load-from-path-C4axFso4.js";
-import { r as r2 } from "./load-from-path-C4axFso4.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-Cy_VzOHt.js";
+import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-b3GDzC1A.js";
+import { l as loadFromPath } from "./load-from-path-B7BI6LZa.js";
+import { r as r2 } from "./load-from-path-B7BI6LZa.js";
 let unpluginInstance = null;
 const createUnpluginTheme = async () => {
   if (unpluginInstance) {
@@ -128,48 +128,48 @@ export {
   A as API,
   a as AppContainer,
   b as AppModule,
-  h as Color,
-  i as ColorAlias,
-  C as ColorApi,
-  j as ColorFromHex,
-  k as ColorFromPalette,
-  e as ColorManager,
-  f as ColorModule,
-  o as Context,
-  n as ContextModule,
-  q as ContrastCurve,
+  C as Color,
+  c as ColorAlias,
+  d as ColorApi,
+  e as ColorFromHex,
+  f as ColorFromPalette,
+  g as ColorManager,
+  h as ColorModule,
+  i as Context,
+  j as ContextModule,
+  k as ContrastCurve,
   D as DynamicColor,
   F2 as FontFamily,
-  b2 as FontPlugin,
+  a2 as FontPlugin,
   P as Palette,
-  r as PaletteApi,
-  s as PaletteModule,
+  l as PaletteApi,
+  m as PaletteModule,
   P2 as PluginAbstract,
-  v as PluginApi,
-  a2 as PluginImplAbstract,
-  u as PluginModule,
+  n as PluginApi,
+  b2 as PluginImplAbstract,
+  o as PluginModule,
   V as Variant,
-  z as Variants,
-  c as bootstrap,
-  d as capitalizeFirstLetter,
-  m as defaultColors,
+  p as Variants,
+  q as bootstrap,
+  r as capitalizeFirstLetter,
+  s as defaultColors,
   d2 as defineConfig,
   esbuildPlugin,
-  F as expressiveVariant,
-  g as getInitialToneFromBackground,
-  w as getPiecewiseHue,
-  x as getRotatedHue,
-  l as highestSurface,
+  t as expressiveVariant,
+  u as getInitialToneFromBackground,
+  v as getPiecewiseHue,
+  w as getRotatedHue,
+  x as highestSurface,
   loadFromPath,
-  p as loader,
-  G as neutralVariant,
+  y as loader,
+  z as neutralVariant,
   r2 as resolveConfig,
   rollupPlugin,
   B as tonalSpotVariant,
-  t as toneDeltaPair,
+  E as toneDeltaPair,
   unpluginUdixioTheme,
-  y as variant,
-  E as vibrantVariant,
+  F as variant,
+  G as vibrantVariant,
   vitePlugin,
   webpackPlugin
 };

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

@@ -1,3 +1,11 @@
 import { Variant } from '../variant';
+import { DynamicColorKey } from '../../color/color.utils';
+import { ColorApi, ColorManager } from '../../color';
+import { Context } from '../../context';
+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;AAuD9E,eAAO,MAAM,aAAa,EAAE,OAovB1B,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;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,OAiwB1B,CAAC"}

package/package.json

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

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

@@ -47,12 +47,50 @@ const highestSurface = (
   colorService: ColorManager | ColorApi,
 ): Color => {
   if (colorService instanceof ColorApi) {
-    return colorService.get('surface');
+    return context.isDark
+      ? colorService.get('surfaceBright')
+      : colorService.get('surfaceDim');
   } else {
-    return colorService.get('surface');
+    return context.isDark
+      ? colorService.get('surfaceBright')
+      : colorService.get('surfaceDim');
   }
 };
 
+// Permet de réutiliser la logique "si contraste < minContrast, pousser le tone vers l'inverse"
+// pour n'importe quelle couleur (pas seulement `primary`), et avec une référence configurable.
+export const createMinContrastToneAdjuster = (
+  ctx: Context,
+  colors: ColorManager | ColorApi,
+  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 referenceTone = referenceKey
+    ? colors.get(referenceKey).getTone()
+    : highestSurface(ctx, colors).getTone();
+
+  // On part du tone "source" défini dans les options (comme ton code `primary`).
+  const baseTone = (colors.get(selfKey) as ColorFromPalette).options.tone;
+
+  let selfTone = baseTone;
+  if (Contrast.ratioOfTones(referenceTone, selfTone) < minContrast) {
+    const ratio = calculateToneAdjustmentPercentage(
+      referenceTone,
+      selfTone,
+      minContrast,
+    );
+    const inverseT = inverseTone(baseTone);
+    selfTone = selfTone + (inverseT - selfTone) * ratio;
+  }
+
+  return selfTone;
+};
+
 export const udixioVariant: Variant = variant({
   name: 'udixio',
   palettes: {
@@ -124,20 +162,21 @@ export const udixioVariant: Variant = variant({
       [colorKey]: {
         palette: () => palettes.get(colorKey),
         tone: () => {
-          return ctx.isDark ? 80 : tMaxC(palettes.get(colorKey));
+          return colors.get('primary').getTone();
+          // return ctx.isDark ? 80 : tMaxC(palettes.get(colorKey));
         },
         isBackground: true,
-        background: () => highestSurface(ctx, colors),
-        contrastCurve: () => getCurve(4.5),
-        adjustTone: () =>
-          toneDeltaPair(
-            colors.get(colorContainerKey),
-            colors.get(colorKey),
-            5,
-            'relative_lighter',
-            true,
-            'farther',
-          ),
+        // background: () => highestSurface(ctx, colors),
+        // contrastCurve: () => getCurve(4.5),
+        // adjustTone: () =>
+        //   toneDeltaPair(
+        //     colors.get(colorContainerKey),
+        //     colors.get(colorKey),
+        //     5,
+        //     'relative_lighter',
+        //     true,
+        //     'farther',
+        //   ),
       },
       // [colorDimKey]: {
       //   palette: () => palettes.get(colorKey),
@@ -181,7 +220,15 @@ export const udixioVariant: Variant = variant({
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors),
-        adjustTone: () => undefined,
+        adjustTone: () =>
+          toneDeltaPair(
+            colors.get(colorKey),
+            colors.get(colorContainerKey),
+            15,
+            'relative_darker',
+            true,
+            'farther',
+          ),
         contrastCurve: () =>
           ctx.contrastLevel > 0 ? getCurve(1.5) : undefined,
       },
@@ -380,20 +427,9 @@ export const udixioVariant: Variant = variant({
         background: () => highestSurface(ctx, colors),
         contrastCurve: () => getCurve(4.5),
         adjustTone: () => () => {
-          const surfaceTone = colors.get('surface').getTone();
-          const primaryTone = (colors.get('primary') as ColorFromPalette)
-            .options.tone;
-          let selfTone = primaryTone;
-          if (Contrast.ratioOfTones(surfaceTone, selfTone) < 3) {
-            const ratio = calculateToneAdjustmentPercentage(
-              surfaceTone,
-              selfTone,
-              3,
-            );
-            const inverseT = inverseTone(primaryTone);
-            selfTone = selfTone + (inverseT - selfTone) * ratio;
-          }
-          return selfTone;
+          return createMinContrastToneAdjuster(ctx, colors, {
+            selfKey: 'primary',
+          });
         },
       },
       // primaryDim: {
@@ -510,20 +546,20 @@ export const udixioVariant: Variant = variant({
       secondary: {
         palette: () => palettes.get('secondary'),
         tone: () => {
-          return ctx.isDark ? 80 : tMaxC(palettes.get('secondary'));
+          return colors.get('primary').getTone();
         },
         isBackground: true,
-        background: () => highestSurface(ctx, colors),
-        contrastCurve: () => getCurve(4.5),
-        adjustTone: () =>
-          toneDeltaPair(
-            getColor('secondaryContainer'),
-            getColor('secondary'),
-            5,
-            'relative_lighter',
-            true,
-            'farther',
-          ),
+        // background: () => highestSurface(ctx, colors),
+        // contrastCurve: () => getCurve(4.5),
+        // adjustTone: () =>
+        //   toneDeltaPair(
+        //     getColor('secondaryContainer'),
+        //     getColor('secondary'),
+        //     5,
+        //     'relative_lighter',
+        //     true,
+        //     'farther',
+        //   ),
       },
       // secondaryDim: {
       //   palette: () => palettes.get('secondary'),
@@ -559,7 +595,15 @@ export const udixioVariant: Variant = variant({
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors),
-        adjustTone: () => undefined,
+        adjustTone: () =>
+          toneDeltaPair(
+            colors.get('secondary'),
+            colors.get('secondaryContainer'),
+            15,
+            'relative_darker',
+            true,
+            'farther',
+          ),
         contrastCurve: () =>
           ctx.contrastLevel > 0 ? getCurve(1.5) : undefined,
       },
@@ -621,22 +665,21 @@ export const udixioVariant: Variant = variant({
       tertiary: {
         palette: () => palettes.get('tertiary'),
         tone: () => {
-          return ctx.isDark
-            ? tMaxC(palettes.get('tertiary'), 0, 98)
-            : tMaxC(palettes.get('tertiary'));
+          const tone = colors.get('primary').getTone();
+          return Math.max(20, Math.min(80, tone));
         },
         isBackground: true,
-        background: () => highestSurface(ctx, colors),
-        contrastCurve: () => getCurve(4.5),
-        adjustTone: () =>
-          toneDeltaPair(
-            getColor('tertiaryContainer'),
-            getColor('tertiary'),
-            5,
-            'relative_lighter',
-            true,
-            'farther',
-          ),
+        // background: () => highestSurface(ctx, colors),
+        // contrastCurve: () => getCurve(4.5),
+        // adjustTone: () =>
+        //   toneDeltaPair(
+        //     getColor('tertiaryContainer'),
+        //     getColor('tertiary'),
+        //     5,
+        //     'relative_lighter',
+        //     true,
+        //     'farther',
+        //   ),
       },
       // tertiaryDim: {
       //   palette: () => palettes.get('tertiary'),
@@ -672,7 +715,15 @@ export const udixioVariant: Variant = variant({
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors),
-        adjustTone: () => undefined,
+        adjustTone: () =>
+          toneDeltaPair(
+            colors.get('tertiary'),
+            colors.get('tertiaryContainer'),
+            15,
+            'relative_darker',
+            true,
+            'farther',
+          ),
         contrastCurve: () =>
           ctx.contrastLevel > 0 ? getCurve(1.5) : undefined,
       },