@udixio/theme 1.1.0 → 1.3.0

package/dist/{index.cjs → loader-YNN5hAF3.cjs}

@@ -1,55 +1,9 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const awilix = require("awilix");
 const materialColorUtilities = require("@material/material-color-utilities");
-const pathe = require("pathe");
-const jiti = require("jiti");
-const vite = require("vite");
-const path = require("node:path");
-const fs = require("node:fs");
-var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const path__namespace = /* @__PURE__ */ _interopNamespaceDefault(path);
-const fs__namespace = /* @__PURE__ */ _interopNamespaceDefault(fs);
 class ColorApi {
   constructor({ colorManager }) {
     __publicField(this, "colorManager");
@@ -945,34 +899,6 @@ class Hct {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function extendSpecVersion(originlColor, extendedColor) {
-  return DynamicColor.fromPalette({
-    name: originlColor.name,
-    palette: (s) => extendedColor.palette(s),
-    tone: (s) => extendedColor.tone(s),
-    isBackground: originlColor.isBackground,
-    chromaMultiplier: (s) => {
-      const chromaMultiplier = extendedColor.chromaMultiplier;
-      return chromaMultiplier !== void 0 ? chromaMultiplier(s) : 1;
-    },
-    background: (s) => {
-      const background = extendedColor.background;
-      return background !== void 0 ? background(s) : void 0;
-    },
-    secondBackground: (s) => {
-      const secondBackground = extendedColor.secondBackground;
-      return secondBackground !== void 0 ? secondBackground(s) : void 0;
-    },
-    contrastCurve: (s) => {
-      const contrastCurve = extendedColor.contrastCurve;
-      return contrastCurve !== void 0 ? contrastCurve(s) : void 0;
-    },
-    toneDeltaPair: (s) => {
-      const toneDeltaPair = extendedColor.toneDeltaPair;
-      return toneDeltaPair !== void 0 ? toneDeltaPair(s) : void 0;
-    }
-  });
-}
 class DynamicColor {
   /**
    * The base constructor for DynamicColor.
@@ -1003,11 +929,11 @@ class DynamicColor {
    * @param contrastCurve A `ContrastCurve` object specifying how its contrast
    *     against its background should behave in various contrast levels
    *     options.
-   * @param toneDeltaPair A `ToneDeltaPair` object specifying a tone delta
+   * @param adjustTone A `AdjustTone` object specifying a tone delta
    *     constraint between two colors. One of them must be the color being
    *     constructed.
    */
-  constructor(name, palette, tone, isBackground, chromaMultiplier, background, secondBackground, contrastCurve, toneDeltaPair) {
+  constructor(name, palette, tone, isBackground, chromaMultiplier, background, secondBackground, contrastCurve, adjustTone) {
     __publicField(this, "hctCache", /* @__PURE__ */ new Map());
     this.name = name;
     this.palette = palette;
@@ -1017,7 +943,7 @@ class DynamicColor {
     this.background = background;
     this.secondBackground = secondBackground;
     this.contrastCurve = contrastCurve;
-    this.toneDeltaPair = toneDeltaPair;
+    this.adjustTone = adjustTone;
     if (!background && secondBackground) {
       throw new Error(
         `Color ${name} has secondBackgrounddefined, but background is not defined.`
@@ -1050,7 +976,7 @@ class DynamicColor {
       args.background,
       args.secondBackground,
       args.contrastCurve,
-      args.toneDeltaPair
+      args.adjustTone
     );
   }
   static getInitialToneFromBackground(background) {
@@ -1125,7 +1051,7 @@ class DynamicColor {
       background: this.background,
       secondBackground: this.secondBackground,
       contrastCurve: this.contrastCurve,
-      toneDeltaPair: this.toneDeltaPair
+      adjustTone: this.adjustTone
     });
   }
   /**
@@ -1169,59 +1095,9 @@ class DynamicColor {
    *     contrast level is.
    */
   getTone(scheme) {
-    const toneDeltaPair = this.toneDeltaPair ? this.toneDeltaPair(scheme) : void 0;
-    if (toneDeltaPair) {
-      const roleA = toneDeltaPair.roleA;
-      const roleB = toneDeltaPair.roleB;
-      const polarity = toneDeltaPair.polarity;
-      const constraint = toneDeltaPair.constraint;
-      const absoluteDelta = polarity === "darker" || polarity === "relative_lighter" && scheme.isDark || polarity === "relative_darker" && !scheme.isDark ? -toneDeltaPair.delta : toneDeltaPair.delta;
-      const amRoleA = this.name === roleA.name;
-      const selfRole = amRoleA ? roleA : roleB;
-      const refRole = amRoleA ? roleB : roleA;
-      let selfTone = selfRole.tone(scheme);
-      const refTone = refRole.getTone(scheme);
-      const relativeDelta = absoluteDelta * (amRoleA ? 1 : -1);
-      if (constraint === "exact") {
-        selfTone = materialColorUtilities.clampDouble(0, 100, refTone + relativeDelta);
-      } else if (constraint === "nearer") {
-        if (relativeDelta > 0) {
-          selfTone = materialColorUtilities.clampDouble(
-            0,
-            100,
-            materialColorUtilities.clampDouble(refTone, refTone + relativeDelta, selfTone)
-          );
-        } else {
-          selfTone = materialColorUtilities.clampDouble(
-            0,
-            100,
-            materialColorUtilities.clampDouble(refTone + relativeDelta, refTone, selfTone)
-          );
-        }
-      } else if (constraint === "farther") {
-        if (relativeDelta > 0) {
-          selfTone = materialColorUtilities.clampDouble(refTone + relativeDelta, 100, selfTone);
-        } else {
-          selfTone = materialColorUtilities.clampDouble(0, refTone + relativeDelta, selfTone);
-        }
-      }
-      if (this.background && this.contrastCurve) {
-        const background = this.background(scheme);
-        const contrastCurve = this.contrastCurve(scheme);
-        if (background && contrastCurve) {
-          const bgTone = background.getTone(scheme);
-          const selfContrast = contrastCurve.get(scheme.contrastLevel);
-          selfTone = materialColorUtilities.Contrast.ratioOfTones(bgTone, selfTone) >= selfContrast && scheme.contrastLevel >= 0 ? selfTone : DynamicColor.foregroundTone(bgTone, selfContrast);
-        }
-      }
-      if (this.isBackground && !this.name.endsWith("_fixed_dim")) {
-        if (selfTone >= 57) {
-          selfTone = materialColorUtilities.clampDouble(65, 100, selfTone);
-        } else {
-          selfTone = materialColorUtilities.clampDouble(0, 49, selfTone);
-        }
-      }
-      return selfTone;
+    const adjustTone = this.adjustTone ? this.adjustTone(scheme) : void 0;
+    if (adjustTone) {
+      return adjustTone({ scheme, dynamicColor: this });
     } else {
       let answer = this.tone(scheme);
       if (this.background == void 0 || this.background(scheme) === void 0 || this.contrastCurve == void 0 || this.contrastCurve(scheme) === void 0) {
@@ -1321,7 +1197,66 @@ class ToneDeltaPair {
     this.constraint = constraint;
     this.constraint = constraint ?? "exact";
   }
+  adjustedTone({
+    scheme,
+    dynamicColor
+  }) {
+    const roleA = this.roleA;
+    const roleB = this.roleB;
+    const polarity = this.polarity;
+    const constraint = this.constraint;
+    const absoluteDelta = polarity === "darker" || polarity === "relative_lighter" && scheme.isDark || polarity === "relative_darker" && !scheme.isDark ? -this.delta : this.delta;
+    const amRoleA = dynamicColor.name === roleA.name;
+    const selfRole = amRoleA ? roleA : roleB;
+    const refRole = amRoleA ? roleB : roleA;
+    let selfTone = selfRole.tone(scheme);
+    const refTone = refRole.getTone(scheme);
+    const relativeDelta = absoluteDelta * (amRoleA ? 1 : -1);
+    if (constraint === "exact") {
+      selfTone = materialColorUtilities.clampDouble(0, 100, refTone + relativeDelta);
+    } else if (constraint === "nearer") {
+      if (relativeDelta > 0) {
+        selfTone = materialColorUtilities.clampDouble(
+          0,
+          100,
+          materialColorUtilities.clampDouble(refTone, refTone + relativeDelta, selfTone)
+        );
+      } else {
+        selfTone = materialColorUtilities.clampDouble(
+          0,
+          100,
+          materialColorUtilities.clampDouble(refTone + relativeDelta, refTone, selfTone)
+        );
+      }
+    } else if (constraint === "farther") {
+      if (relativeDelta > 0) {
+        selfTone = materialColorUtilities.clampDouble(refTone + relativeDelta, 100, selfTone);
+      } else {
+        selfTone = materialColorUtilities.clampDouble(0, refTone + relativeDelta, selfTone);
+      }
+    }
+    if (dynamicColor.background && dynamicColor.contrastCurve) {
+      const background = dynamicColor.background(scheme);
+      const contrastCurve = dynamicColor.contrastCurve(scheme);
+      if (background && contrastCurve) {
+        const bgTone = background.getTone(scheme);
+        const selfContrast = contrastCurve.get(scheme.contrastLevel);
+        selfTone = materialColorUtilities.Contrast.ratioOfTones(bgTone, selfTone) >= selfContrast && scheme.contrastLevel >= 0 ? selfTone : DynamicColor.foregroundTone(bgTone, selfContrast);
+      }
+    }
+    if (dynamicColor.isBackground && !dynamicColor.name.endsWith("_fixed_dim")) {
+      if (selfTone >= 57) {
+        selfTone = materialColorUtilities.clampDouble(65, 100, selfTone);
+      } else {
+        selfTone = materialColorUtilities.clampDouble(0, 49, selfTone);
+      }
+    }
+    return selfTone;
+  }
 }
+const toneDeltaPair = (...params) => {
+  return (args) => new ToneDeltaPair(...params).adjustedTone(args);
+};
 function argbToRgb(argb) {
   return {
     r: argb >> 16 & 255,
@@ -1500,7 +1435,7 @@ class ColorManager {
       isBackground: true,
       background: (s) => highestSurface(s, this),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         this.get(colorContainerKey).getMaterialColor(),
         this.get(colorKey).getMaterialColor(),
         5,
@@ -1521,7 +1456,7 @@ class ColorManager {
       isBackground: true,
       background: (s) => this.get("surfaceContainerHigh").getMaterialColor(),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         this.get(colorDimKey).getMaterialColor(),
         this.get(colorKey).getMaterialColor(),
         5,
@@ -1548,7 +1483,7 @@ class ColorManager {
       },
       isBackground: true,
       background: (s) => highestSurface(s, this),
-      toneDeltaPair: (s) => void 0,
+      adjustTone: (s) => void 0,
       contrastCurve: (s) => s.contrastLevel > 0 ? getCurve(1.5) : void 0
     });
     this.createOrUpdate(onColorContainerKey, {
@@ -1570,7 +1505,7 @@ class ColorManager {
       palette: (s) => s.getPalette(colorKey),
       tone: (s) => this.get(colorFixedKey).getMaterialColor().getTone(s),
       isBackground: true,
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         this.get(colorFixedDimKey).getMaterialColor(),
         this.get(colorFixedKey).getMaterialColor(),
         5,
@@ -1811,106 +1746,6 @@ class Variant {
     this.colors = colors;
   }
 }
-const getExpressiveNeutralHue = (sourceColorHct) => {
-  const hue = getRotatedHue(
-    sourceColorHct,
-    [0, 71, 124, 253, 278, 300, 360],
-    [10, 0, 10, 0, 10, 0]
-  );
-  return hue;
-};
-const getExpressiveNeutralChroma = (sourceColorHct, isDark) => {
-  const neutralHue = getExpressiveNeutralHue(sourceColorHct);
-  return isDark ? Hct.isYellow(neutralHue) ? 6 : 14 : 18;
-};
-const expressiveVariant = {
-  name: "expressive",
-  palettes: {
-    primary: ({ sourceColorHct, isDark }) => materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, isDark ? 36 : 48),
-    secondary: ({ sourceColorHct, isDark }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 105, 140, 204, 253, 278, 300, 333, 360],
-        [-160, 155, -100, 96, -96, -156, -165, -160]
-      ),
-      isDark ? 16 : 24
-    ),
-    tertiary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 105, 140, 204, 253, 278, 300, 333, 360],
-        [-165, 160, -105, 101, -101, -160, -170, -165]
-      ),
-      48
-    ),
-    neutral: ({ sourceColorHct, isDark }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      getExpressiveNeutralHue(sourceColorHct),
-      getExpressiveNeutralChroma(sourceColorHct, isDark)
-    ),
-    neutralVariant: ({ sourceColorHct, isDark }) => {
-      const expressiveNeutralHue = getExpressiveNeutralHue(sourceColorHct);
-      const expressiveNeutralChroma = getExpressiveNeutralChroma(
-        sourceColorHct,
-        isDark
-      );
-      return materialColorUtilities.TonalPalette.fromHueAndChroma(
-        expressiveNeutralHue,
-        expressiveNeutralChroma * (expressiveNeutralHue >= 105 && expressiveNeutralHue < 125 ? 1.6 : 2.3)
-      );
-    },
-    error: ({ sourceColorHct }) => {
-      const errorHue = getPiecewiseHue(
-        sourceColorHct,
-        [0, 3, 13, 23, 33, 43, 153, 273, 360],
-        [12, 22, 32, 12, 22, 32, 22, 12]
-      );
-      return materialColorUtilities.TonalPalette.fromHueAndChroma(errorHue, 64);
-    }
-  },
-  customPalettes: ({ colorHct, isDark }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-    getRotatedHue(
-      colorHct,
-      [0, 105, 140, 204, 253, 278, 300, 333, 360],
-      [-160, 155, -100, 96, -96, -156, -165, -160]
-    ),
-    isDark ? 16 : 24
-  )
-};
-const neutralVariant = {
-  name: "neutral",
-  palettes: {
-    primary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      sourceColorHct.hue,
-      Hct.isBlue(sourceColorHct.hue) ? 12 : 8
-    ),
-    secondary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      sourceColorHct.hue,
-      Hct.isBlue(sourceColorHct.hue) ? 6 : 4
-    ),
-    tertiary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 38, 105, 161, 204, 278, 333, 360],
-        [-32, 26, 10, -39, 24, -15, -32]
-      ),
-      20
-    ),
-    neutral: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 1.4),
-    neutralVariant: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 1.4 * 2.2),
-    error: ({ sourceColorHct }) => {
-      const errorHue = getPiecewiseHue(
-        sourceColorHct,
-        [0, 3, 13, 23, 33, 43, 153, 273, 360],
-        [12, 22, 32, 12, 22, 32, 22, 12]
-      );
-      return materialColorUtilities.TonalPalette.fromHueAndChroma(errorHue, 50);
-    }
-  },
-  customPalettes: ({ colorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-    colorHct.hue,
-    Hct.isBlue(colorHct.hue) ? 6 : 4
-  )
-};
 const tonalSpotVariant = {
   name: "tonalSpot",
   palettes: {
@@ -1937,72 +1772,8 @@ const tonalSpotVariant = {
   },
   customPalettes: ({ colorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(colorHct.hue, 16)
 };
-const getVibrantNeutralHue = (sourceColorHct) => {
-  return getRotatedHue(
-    sourceColorHct,
-    [0, 38, 105, 140, 333, 360],
-    [-14, 10, -14, 10, -14]
-  );
-};
-const getVibrantNeutralChroma = (sourceColorHct) => {
-  getVibrantNeutralHue(sourceColorHct);
-  return 28;
-};
-const vibrantVariant = {
-  name: "vibrant",
-  palettes: {
-    primary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 74),
-    secondary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 38, 105, 140, 333, 360],
-        [-14, 10, -14, 10, -14]
-      ),
-      56
-    ),
-    tertiary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 38, 71, 105, 140, 161, 253, 333, 360],
-        [-72, 35, 24, -24, 62, 50, 62, -72]
-      ),
-      56
-    ),
-    neutral: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      getVibrantNeutralHue(sourceColorHct),
-      getVibrantNeutralChroma(sourceColorHct)
-    ),
-    neutralVariant: ({ sourceColorHct }) => {
-      const vibrantNeutralHue = getVibrantNeutralHue(sourceColorHct);
-      const vibrantNeutralChroma = getVibrantNeutralChroma(sourceColorHct);
-      return materialColorUtilities.TonalPalette.fromHueAndChroma(
-        vibrantNeutralHue,
-        vibrantNeutralChroma * 1.29
-      );
-    },
-    error: ({ sourceColorHct }) => {
-      const errorHue = getPiecewiseHue(
-        sourceColorHct,
-        [0, 3, 13, 23, 33, 43, 153, 273, 360],
-        [12, 22, 32, 12, 22, 32, 22, 12]
-      );
-      return materialColorUtilities.TonalPalette.fromHueAndChroma(errorHue, 80);
-    }
-  },
-  customPalettes: ({ colorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-    getRotatedHue(
-      colorHct,
-      [0, 38, 105, 140, 333, 360],
-      [-14, 10, -14, 10, -14]
-    ),
-    56
-  )
-};
-const Variants = {
-  Expressive: expressiveVariant,
-  Neutral: neutralVariant,
-  TonalSpot: tonalSpotVariant,
-  Vibrant: vibrantVariant
+const inverseTone = (tone) => {
+  return 100 - tone;
 };
 const defaultColors = (colorService) => {
   const getColor = (key) => {
@@ -2018,6 +1789,9 @@ const defaultColors = (colorService) => {
         if (s.isDark) {
           return 4;
         } else {
+          if (s.variant == "fidelity") {
+            return 100;
+          }
           if (Hct.isYellow(s.getPalette("neutral").hue)) {
             return 99;
           } else if (s.variant === "vibrant") {
@@ -2313,6 +2087,8 @@ const defaultColors = (colorService) => {
             0,
             Hct.isYellow(s.getPalette("primary").hue) ? 25 : Hct.isCyan(s.getPalette("primary").hue) ? 88 : 98
           );
+        } else if (s.variant == "fidelity") {
+          return s.sourceColorHct.tone;
         } else {
           return tMaxC(
             s.getPalette("primary"),
@@ -2324,7 +2100,18 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => s.variant == "fidelity" ? () => {
+        const surfaceTone = colorService.getColor("surface").getMaterialColor().tone(s);
+        const primaryTone = colorService.getColor("primary").getMaterialColor().tone(s);
+        let selfTone = primaryTone;
+        if (materialColorUtilities.Contrast.ratioOfTones(surfaceTone, selfTone) < 3) {
+          const result = inverseTone(primaryTone);
+          if (materialColorUtilities.Contrast.ratioOfTones(surfaceTone, result) >= 3) {
+            selfTone = result;
+          }
+        }
+        return selfTone;
+      } : toneDeltaPair(
         colorService.getColor("primaryContainer").getMaterialColor(),
         colorService.getColor("primary").getMaterialColor(),
         5,
@@ -2347,7 +2134,7 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => getColor("surfaceContainerHigh"),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         colorService.getColor("primaryDim").getMaterialColor(),
         colorService.getColor("primary").getMaterialColor(),
         5,
@@ -2374,6 +2161,13 @@ const defaultColors = (colorService) => {
             78,
             Hct.isCyan(s.getPalette("primary").hue) ? 88 : 90
           );
+        }
+        if (s.variant == "fidelity") {
+          return s.isDark ? tMaxC(s.getPalette("primary"), 30, 93) : tMaxC(
+            s.getPalette("primary"),
+            78,
+            Hct.isCyan(s.getPalette("primary").hue) ? 88 : 90
+          );
         } else {
           return s.isDark ? tMinC(s.getPalette("primary"), 66, 93) : tMaxC(
             s.getPalette("primary"),
@@ -2384,7 +2178,14 @@ const defaultColors = (colorService) => {
       },
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
-      toneDeltaPair: (s) => void 0,
+      adjustTone: (s) => s.variant == "fidelity" ? toneDeltaPair(
+        colorService.getColor("primary").getMaterialColor(),
+        colorService.getColor("primaryContainer").getMaterialColor(),
+        15,
+        "relative_darker",
+        true,
+        "farther"
+      ) : void 0,
       contrastCurve: (s) => s.contrastLevel > 0 ? getCurve(1.5) : void 0
     },
     onPrimaryContainer: {
@@ -2410,7 +2211,7 @@ const defaultColors = (colorService) => {
       palette: (s) => s.getPalette("primary"),
       tone: (s) => colorService.getColor("primaryFixed").getMaterialColor().getTone(s),
       isBackground: true,
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("primaryFixedDim"),
         getColor("primaryFixed"),
         5,
@@ -2452,7 +2253,7 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("secondaryContainer"),
         getColor("secondary"),
         5,
@@ -2473,7 +2274,7 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => getColor("surfaceContainerHigh"),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("secondaryDim"),
         getColor("secondary"),
         5,
@@ -2500,7 +2301,7 @@ const defaultColors = (colorService) => {
       },
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
-      toneDeltaPair: (s) => void 0,
+      adjustTone: (s) => void 0,
       contrastCurve: (s) => s.contrastLevel > 0 ? getCurve(1.5) : void 0
     },
     onSecondaryContainer: {
@@ -2526,7 +2327,7 @@ const defaultColors = (colorService) => {
       palette: (s) => s.getPalette("secondary"),
       tone: (s) => getColor("secondaryFixed").getTone(s),
       isBackground: true,
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("secondaryFixedDim"),
         getColor("secondaryFixed"),
         5,
@@ -2564,7 +2365,7 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("tertiaryContainer"),
         getColor("tertiary"),
         5,
@@ -2585,7 +2386,7 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => getColor("surfaceContainerHigh"),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("tertiaryDim"),
         getColor("tertiary"),
         5,
@@ -2618,7 +2419,7 @@ const defaultColors = (colorService) => {
       },
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
-      toneDeltaPair: (s) => void 0,
+      adjustTone: (s) => void 0,
       contrastCurve: (s) => s.contrastLevel > 0 ? getCurve(1.5) : void 0
     },
     onTertiaryContainer: {
@@ -2644,7 +2445,7 @@ const defaultColors = (colorService) => {
       palette: (s) => s.getPalette("tertiary"),
       tone: (s) => getColor("tertiaryFixed").getTone(s),
       isBackground: true,
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("tertiaryFixedDim"),
         getColor("tertiaryFixed"),
         5,
@@ -2674,7 +2475,7 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         colorService.getColor("errorContainer").getMaterialColor(),
         colorService.getColor("error").getMaterialColor(),
         5,
@@ -2689,7 +2490,7 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => getColor("surfaceContainerHigh"),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("errorDim"),
         getColor("error"),
         5,
@@ -2710,7 +2511,7 @@ const defaultColors = (colorService) => {
       },
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
-      toneDeltaPair: (s) => void 0,
+      adjustTone: (s) => void 0,
       contrastCurve: (s) => s.contrastLevel > 0 ? getCurve(1.5) : void 0
     },
     onErrorContainer: {
@@ -2751,37 +2552,13 @@ class API {
     this.colors = colorApi;
     this.themes = themeApi;
   }
+  async load() {
+    return this.plugins.loadPlugins();
+  }
 }
 const AppModule = {
   api: awilix.asClass(API).singleton()
 };
-class PluginAbstract {
-  constructor(options) {
-    __publicField(this, "options");
-    __publicField(this, "pluginInstance");
-    this.options = options;
-  }
-  init(api) {
-    var _a, _b;
-    this.pluginInstance = new this.pluginClass(api, this.options);
-    (_b = (_a = this.pluginInstance).onInit) == null ? void 0 : _b.call(_a);
-    return this;
-  }
-  getInstance() {
-    if (!this.pluginInstance) {
-      throw new Error(`Plugin ${this.name} is not initialized`);
-    }
-    return this.pluginInstance;
-  }
-}
-class PluginImplAbstract {
-  constructor(api, options) {
-    var _a;
-    this.api = api;
-    this.options = options;
-    (_a = this.onInit) == null ? void 0 : _a.call(this);
-  }
-}
 class PluginApi {
   constructor() {
     __publicField(this, "plugins", /* @__PURE__ */ new Map());
@@ -2810,11 +2587,11 @@ class PluginApi {
         "Some plugins couldn't be loaded due to missing dependencies: " + Array.from(plugins.keys())
       );
   }
-  loadPlugins() {
-    this.plugins.forEach((plugin) => {
-      var _a, _b;
-      (_b = (_a = plugin.getInstance()).onLoad) == null ? void 0 : _b.call(_a);
-    });
+  async loadPlugins() {
+    var _a, _b;
+    for (const plugin of this.plugins.values()) {
+      await ((_b = (_a = plugin.getInstance()).onLoad) == null ? void 0 : _b.call(_a));
+    }
   }
   getPlugin(plugin) {
     const pluginInstance = this.plugins.get(new plugin().name);
@@ -2840,19 +2617,16 @@ registerModule(AppModule, PluginModule, ColorModule, ThemeModule);
 function bootstrap() {
   return AppContainer.resolve("api");
 }
-class AdapterAbstract {
-  constructor() {
-    __publicField(this, "api");
-    this.api = bootstrap();
-    registerModule({
-      adapter: awilix.asValue(this)
-    });
-  }
-  async init() {
-    const config = await this.getConfig();
-    if (config == null) {
-      return;
-    }
+const initializeApi = () => {
+  const api = bootstrap();
+  registerModule({
+    adapter: awilix.asValue(void 0)
+  });
+  return api;
+};
+const loader = async (config) => {
+  const api = initializeApi();
+  const init = () => {
     const {
       sourceColor,
       contrastLevel = 0,
@@ -2863,7 +2637,7 @@ class AdapterAbstract {
       useDefaultColors = true,
       plugins
     } = config;
-    this.api.themes.create({
+    api.themes.create({
       contrastLevel,
       isDark,
       sourceColorHex: sourceColor,
@@ -2871,321 +2645,27 @@ class AdapterAbstract {
     });
     if (palettes) {
       Object.entries(palettes).forEach(
-        ([key, value]) => this.api.themes.addCustomPalette(key, value)
+        ([key, value]) => api.themes.addCustomPalette(key, value)
       );
     }
     if (useDefaultColors) {
-      this.api.colors.addColors(defaultColors);
+      api.colors.addColors(defaultColors);
     }
     if (colors) {
-      this.api.colors.addColors(colors);
+      api.colors.addColors(colors);
     }
     if (plugins) {
       plugins.forEach((plugin) => {
-        this.api.plugins.addPlugin(plugin);
+        api.plugins.addPlugin(plugin);
       });
-      this.api.plugins.initPlugins(this.api);
-    }
-  }
-  load() {
-    this.api.plugins.loadPlugins();
-  }
-}
-function defineConfig(configObject) {
-  if (!configObject || typeof configObject !== "object") {
-    throw new Error("The configuration is missing or not an object");
-  }
-  if (!("sourceColor" in configObject)) {
-    throw new Error("Invalid configuration");
-  }
-  return configObject;
-}
-class NodeAdapter extends AdapterAbstract {
-  constructor(configPath = "./theme.config") {
-    super();
-    this.configPath = configPath;
-  }
-  async getConfig() {
-    if (typeof process !== "undefined" && process.release && process.release.name === "node") {
-      const fs2 = (await import("fs")).default;
-      const jiti$1 = jiti.createJiti(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("index.cjs", document.baseURI).href, {
-        // Options optionnelles
-        debug: process.env.NODE_ENV === "development",
-        cache: true,
-        // Cache les transpilations
-        interopDefault: true
-        // Gère automatiquement les exports par défaut
-      });
-      const base = pathe.resolve(this.configPath);
-      const extensions = [".ts", ".js", ".mjs", ".cjs"];
-      let config = null;
-      for (const ext of extensions) {
-        const configFilePath = base + ext;
-        if (fs2.existsSync(configFilePath)) {
-          try {
-            config = await jiti$1.import(configFilePath, { default: true });
-            break;
-          } catch (error) {
-            console.warn(`Failed to load ${configFilePath}:`, error);
-            continue;
-          }
-        }
-      }
-      if (!config) {
-        throw new Error(
-          `Configuration file not found, looked for: ${base} with extensions: ${extensions.join(", ")}`
-        );
-      }
-      return config;
-    } else {
-      throw new Error(
-        "You must provide configuration object when using this library in a browser."
-      );
-    }
-  }
-}
-const udixioVite = async (configPath = "./theme.config") => {
-  if (global.NX_GRAPH_CREATION) {
-    return;
-  }
-  class ViteAdapter extends AdapterAbstract {
-    constructor(configPath2) {
-      super();
-      __publicField(this, "configExtension");
-      this.configPath = configPath2;
-    }
-    getConfigPath() {
-      if (!this.configExtension) {
-        throw new Error("config extension not found");
-      }
-      return path__namespace.resolve(this.configPath + this.configExtension);
-    }
-    async getConfig() {
-      const resolvedPath = path__namespace.resolve(this.configPath);
-      const result = await vite.loadConfigFromFile(
-        { command: "serve", mode: "development" },
-        // ou 'build'
-        resolvedPath
-      );
-      if (!(result == null ? void 0 : result.config)) {
-        throw new Error("config not found");
-      }
-      if (!this.configExtension) {
-        this.configExtension = path__namespace.extname(result.dependencies[0]);
-      }
-      return result.config;
-    }
-  }
-  const adapter = new ViteAdapter(configPath);
-  await adapter.init();
-  configPath = adapter.getConfigPath();
-  return {
-    name: "vite:udixio-theme",
-    async buildStart() {
-      if (fs__namespace.existsSync(configPath)) {
-        this.addWatchFile(configPath);
-      }
-      adapter.load();
-    },
-    async generateBundle() {
-      adapter.load();
-    },
-    // Handles Hot Module Replacement in dev server
-    async handleHotUpdate({ server, file, modules }) {
-      if (configPath === file) {
-        const adapter2 = new ViteAdapter(configPath);
-        await adapter2.init();
-        adapter2.load();
-        server.ws.send({ type: "full-reload", path: "*" });
-        return modules;
-      }
-      return;
+      api.plugins.initPlugins(api);
     }
   };
+  init();
+  await api.load();
+  return api;
 };
-var FontFamily = /* @__PURE__ */ ((FontFamily2) => {
-  FontFamily2["Expressive"] = "expressive";
-  FontFamily2["Neutral"] = "neutral";
-  return FontFamily2;
-})(FontFamily || {});
-class FontPlugin extends PluginAbstract {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "dependencies", []);
-    __publicField(this, "name", "font");
-    __publicField(this, "pluginClass", FontPluginImpl);
-  }
-}
-class FontPluginImpl extends PluginImplAbstract {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "_fontFamily");
-    __publicField(this, "_fontStyles");
-  }
-  get fontFamily() {
-    if (!this._fontFamily) throw new Error("Font family not initialized");
-    return this._fontFamily;
-  }
-  set fontFamily(value) {
-    this._fontFamily = value;
-  }
-  get fontStyles() {
-    if (!this._fontStyles) throw new Error("Font styles not initialized");
-    return this._fontStyles;
-  }
-  set fontStyles(value) {
-    this._fontStyles = value;
-  }
-  getFonts() {
-    return {
-      fontStyles: this.fontStyles,
-      fontFamily: this.fontFamily
-    };
-  }
-  onInit() {
-    var _a, _b, _c, _d;
-    this.fontFamily = {
-      expressive: ((_b = (_a = this.options) == null ? void 0 : _a.fontFamily) == null ? void 0 : _b.expressive) ?? [
-        "Roboto",
-        "sans-serif"
-      ],
-      neutral: ((_d = (_c = this.options) == null ? void 0 : _c.fontFamily) == null ? void 0 : _d.neutral) ?? ["Roboto", "sans-serif"]
-    };
-    this.fontStyles = {
-      display: {
-        large: {
-          fontWeight: 400,
-          fontSize: 3.5625,
-          lineHeight: 4,
-          letterSpacing: -0.015625,
-          fontFamily: "expressive"
-          /* Expressive */
-        },
-        medium: {
-          fontWeight: 400,
-          fontSize: 2.8125,
-          lineHeight: 3.25,
-          fontFamily: "expressive"
-          /* Expressive */
-        },
-        small: {
-          fontWeight: 400,
-          fontSize: 2.25,
-          lineHeight: 2.75,
-          fontFamily: "expressive"
-          /* Expressive */
-        }
-      },
-      headline: {
-        large: {
-          fontWeight: 400,
-          fontSize: 2,
-          lineHeight: 2.5,
-          fontFamily: "expressive"
-          /* Expressive */
-        },
-        medium: {
-          fontWeight: 400,
-          fontSize: 1.75,
-          lineHeight: 2.25,
-          fontFamily: "expressive"
-          /* Expressive */
-        },
-        small: {
-          fontWeight: 400,
-          fontSize: 1.5,
-          lineHeight: 2,
-          fontFamily: "expressive"
-          /* Expressive */
-        }
-      },
-      title: {
-        large: {
-          fontWeight: 400,
-          fontSize: 1.375,
-          lineHeight: 1.75,
-          fontFamily: "neutral"
-          /* Neutral */
-        },
-        medium: {
-          fontWeight: 500,
-          fontSize: 1,
-          lineHeight: 1.5,
-          fontFamily: "neutral",
-          letterSpacing: 9375e-6
-        },
-        small: {
-          fontWeight: 500,
-          fontSize: 0.875,
-          lineHeight: 1.25,
-          fontFamily: "neutral",
-          letterSpacing: 625e-5
-        }
-      },
-      label: {
-        large: {
-          fontWeight: 500,
-          fontSize: 0.875,
-          lineHeight: 1.25,
-          fontFamily: "neutral",
-          letterSpacing: 625e-5
-        },
-        medium: {
-          fontWeight: 500,
-          fontSize: 0.75,
-          lineHeight: 1,
-          fontFamily: "neutral",
-          letterSpacing: 0.03125
-        },
-        small: {
-          fontWeight: 500,
-          fontSize: 0.6875,
-          lineHeight: 1,
-          fontFamily: "neutral",
-          letterSpacing: 0.03125
-        }
-      },
-      body: {
-        large: {
-          fontWeight: 400,
-          fontSize: 1,
-          lineHeight: 1.5625,
-          fontFamily: "neutral",
-          letterSpacing: 0.03125
-        },
-        medium: {
-          fontWeight: 400,
-          fontSize: 0.875,
-          lineHeight: 1.25,
-          fontFamily: "neutral",
-          letterSpacing: 0.015625
-        },
-        small: {
-          fontWeight: 400,
-          fontSize: 0.75,
-          lineHeight: 1,
-          fontFamily: "neutral",
-          letterSpacing: 0.025
-        }
-      }
-    };
-    if (this.options && this.options.fontStyles)
-      Object.entries(this.options.fontStyles).forEach(([key, fontParam]) => {
-        const fontRole = key;
-        Object.entries(fontParam).forEach(([size, fontStyle]) => {
-          const fontSize = size;
-          if (fontStyle) {
-            this.fontStyles[fontRole][fontSize] = {
-              ...this.fontStyles[fontRole][fontSize],
-              ...fontStyle
-            };
-          }
-        });
-      });
-  }
-}
 exports.API = API;
-exports.AdapterAbstract = AdapterAbstract;
 exports.AppContainer = AppContainer;
 exports.AppModule = AppModule;
 exports.ColorApi = ColorApi;
@@ -3194,31 +2674,21 @@ exports.ColorModule = ColorModule;
 exports.ConfigurableColor = ConfigurableColor;
 exports.ContrastCurve = ContrastCurve;
 exports.DynamicColor = DynamicColor;
-exports.FontFamily = FontFamily;
-exports.FontPlugin = FontPlugin;
-exports.NodeAdapter = NodeAdapter;
-exports.PluginAbstract = PluginAbstract;
+exports.Hct = Hct;
 exports.PluginApi = PluginApi;
-exports.PluginImplAbstract = PluginImplAbstract;
 exports.PluginModule = PluginModule;
 exports.Scheme = Scheme;
 exports.SchemeManager = SchemeManager;
 exports.ThemeApi = ThemeApi;
 exports.ThemeModule = ThemeModule;
-exports.ToneDeltaPair = ToneDeltaPair;
 exports.Variant = Variant;
 exports.VariantManager = VariantManager;
-exports.Variants = Variants;
 exports.bootstrap = bootstrap;
 exports.defaultColors = defaultColors;
-exports.defineConfig = defineConfig;
-exports.expressiveVariant = expressiveVariant;
-exports.extendSpecVersion = extendSpecVersion;
 exports.getPiecewiseHue = getPiecewiseHue;
 exports.getRotatedHue = getRotatedHue;
 exports.highestSurface = highestSurface;
-exports.neutralVariant = neutralVariant;
+exports.loader = loader;
 exports.registerModule = registerModule;
 exports.tonalSpotVariant = tonalSpotVariant;
-exports.udixioVite = udixioVite;
-exports.vibrantVariant = vibrantVariant;
+exports.toneDeltaPair = toneDeltaPair;