@udixio/theme 1.1.0 → 1.3.0

package/dist/{index.js → loader-Bc0bstAD.js}

@@ -3,11 +3,6 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { asClass, createContainer, InjectionMode, asValue } from "awilix";
 import { lerp, argbFromLstar, sanitizeDegreesDouble, yFromLstar, argbFromLinrgb, Cam16, signum, matrixMultiply, ViewingConditions, lstarFromArgb, lstarFromY, Contrast, clampDouble, hexFromArgb, argbFromHex, DynamicColor as DynamicColor$1, TonalPalette } from "@material/material-color-utilities";
-import { resolve } from "pathe";
-import { createJiti } from "jiti";
-import { loadConfigFromFile } from "vite";
-import * as path from "node:path";
-import * as fs from "node:fs";
 class ColorApi {
   constructor({ colorManager }) {
     __publicField(this, "colorManager");
@@ -903,34 +898,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.
@@ -961,11 +928,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;
@@ -975,7 +942,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.`
@@ -1008,7 +975,7 @@ class DynamicColor {
       args.background,
       args.secondBackground,
       args.contrastCurve,
-      args.toneDeltaPair
+      args.adjustTone
     );
   }
   static getInitialToneFromBackground(background) {
@@ -1083,7 +1050,7 @@ class DynamicColor {
       background: this.background,
       secondBackground: this.secondBackground,
       contrastCurve: this.contrastCurve,
-      toneDeltaPair: this.toneDeltaPair
+      adjustTone: this.adjustTone
     });
   }
   /**
@@ -1127,59 +1094,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 = clampDouble(0, 100, refTone + relativeDelta);
-      } else if (constraint === "nearer") {
-        if (relativeDelta > 0) {
-          selfTone = clampDouble(
-            0,
-            100,
-            clampDouble(refTone, refTone + relativeDelta, selfTone)
-          );
-        } else {
-          selfTone = clampDouble(
-            0,
-            100,
-            clampDouble(refTone + relativeDelta, refTone, selfTone)
-          );
-        }
-      } else if (constraint === "farther") {
-        if (relativeDelta > 0) {
-          selfTone = clampDouble(refTone + relativeDelta, 100, selfTone);
-        } else {
-          selfTone = 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 = 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 = clampDouble(65, 100, selfTone);
-        } else {
-          selfTone = 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) {
@@ -1279,7 +1196,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 = clampDouble(0, 100, refTone + relativeDelta);
+    } else if (constraint === "nearer") {
+      if (relativeDelta > 0) {
+        selfTone = clampDouble(
+          0,
+          100,
+          clampDouble(refTone, refTone + relativeDelta, selfTone)
+        );
+      } else {
+        selfTone = clampDouble(
+          0,
+          100,
+          clampDouble(refTone + relativeDelta, refTone, selfTone)
+        );
+      }
+    } else if (constraint === "farther") {
+      if (relativeDelta > 0) {
+        selfTone = clampDouble(refTone + relativeDelta, 100, selfTone);
+      } else {
+        selfTone = 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 = 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 = clampDouble(65, 100, selfTone);
+      } else {
+        selfTone = clampDouble(0, 49, selfTone);
+      }
+    }
+    return selfTone;
+  }
 }
+const toneDeltaPair = (...params) => {
+  return (args) => new ToneDeltaPair(...params).adjustedTone(args);
+};
 function argbToRgb(argb) {
   return {
     r: argb >> 16 & 255,
@@ -1458,7 +1434,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,
@@ -1479,7 +1455,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,
@@ -1506,7 +1482,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, {
@@ -1528,7 +1504,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,
@@ -1769,106 +1745,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 }) => TonalPalette.fromHueAndChroma(sourceColorHct.hue, isDark ? 36 : 48),
-    secondary: ({ sourceColorHct, isDark }) => 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 }) => 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 }) => TonalPalette.fromHueAndChroma(
-      getExpressiveNeutralHue(sourceColorHct),
-      getExpressiveNeutralChroma(sourceColorHct, isDark)
-    ),
-    neutralVariant: ({ sourceColorHct, isDark }) => {
-      const expressiveNeutralHue = getExpressiveNeutralHue(sourceColorHct);
-      const expressiveNeutralChroma = getExpressiveNeutralChroma(
-        sourceColorHct,
-        isDark
-      );
-      return 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 TonalPalette.fromHueAndChroma(errorHue, 64);
-    }
-  },
-  customPalettes: ({ colorHct, isDark }) => 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 }) => TonalPalette.fromHueAndChroma(
-      sourceColorHct.hue,
-      Hct.isBlue(sourceColorHct.hue) ? 12 : 8
-    ),
-    secondary: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(
-      sourceColorHct.hue,
-      Hct.isBlue(sourceColorHct.hue) ? 6 : 4
-    ),
-    tertiary: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 38, 105, 161, 204, 278, 333, 360],
-        [-32, 26, 10, -39, 24, -15, -32]
-      ),
-      20
-    ),
-    neutral: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(sourceColorHct.hue, 1.4),
-    neutralVariant: ({ sourceColorHct }) => 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 TonalPalette.fromHueAndChroma(errorHue, 50);
-    }
-  },
-  customPalettes: ({ colorHct }) => TonalPalette.fromHueAndChroma(
-    colorHct.hue,
-    Hct.isBlue(colorHct.hue) ? 6 : 4
-  )
-};
 const tonalSpotVariant = {
   name: "tonalSpot",
   palettes: {
@@ -1895,72 +1771,8 @@ const tonalSpotVariant = {
   },
   customPalettes: ({ colorHct }) => 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 }) => TonalPalette.fromHueAndChroma(sourceColorHct.hue, 74),
-    secondary: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 38, 105, 140, 333, 360],
-        [-14, 10, -14, 10, -14]
-      ),
-      56
-    ),
-    tertiary: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 38, 71, 105, 140, 161, 253, 333, 360],
-        [-72, 35, 24, -24, 62, 50, 62, -72]
-      ),
-      56
-    ),
-    neutral: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(
-      getVibrantNeutralHue(sourceColorHct),
-      getVibrantNeutralChroma(sourceColorHct)
-    ),
-    neutralVariant: ({ sourceColorHct }) => {
-      const vibrantNeutralHue = getVibrantNeutralHue(sourceColorHct);
-      const vibrantNeutralChroma = getVibrantNeutralChroma(sourceColorHct);
-      return 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 TonalPalette.fromHueAndChroma(errorHue, 80);
-    }
-  },
-  customPalettes: ({ colorHct }) => 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) => {
@@ -1976,6 +1788,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") {
@@ -2271,6 +2086,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"),
@@ -2282,7 +2099,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 (Contrast.ratioOfTones(surfaceTone, selfTone) < 3) {
+          const result = inverseTone(primaryTone);
+          if (Contrast.ratioOfTones(surfaceTone, result) >= 3) {
+            selfTone = result;
+          }
+        }
+        return selfTone;
+      } : toneDeltaPair(
         colorService.getColor("primaryContainer").getMaterialColor(),
         colorService.getColor("primary").getMaterialColor(),
         5,
@@ -2305,7 +2133,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,
@@ -2332,6 +2160,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"),
@@ -2342,7 +2177,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: {
@@ -2368,7 +2210,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,
@@ -2410,7 +2252,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,
@@ -2431,7 +2273,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,
@@ -2458,7 +2300,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: {
@@ -2484,7 +2326,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,
@@ -2522,7 +2364,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,
@@ -2543,7 +2385,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,
@@ -2576,7 +2418,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: {
@@ -2602,7 +2444,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,
@@ -2632,7 +2474,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,
@@ -2647,7 +2489,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,
@@ -2668,7 +2510,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: {
@@ -2709,37 +2551,13 @@ class API {
     this.colors = colorApi;
     this.themes = themeApi;
   }
+  async load() {
+    return this.plugins.loadPlugins();
+  }
 }
 const AppModule = {
   api: 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());
@@ -2768,11 +2586,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);
@@ -2798,19 +2616,16 @@ registerModule(AppModule, PluginModule, ColorModule, ThemeModule);
 function bootstrap() {
   return AppContainer.resolve("api");
 }
-class AdapterAbstract {
-  constructor() {
-    __publicField(this, "api");
-    this.api = bootstrap();
-    registerModule({
-      adapter: asValue(this)
-    });
-  }
-  async init() {
-    const config = await this.getConfig();
-    if (config == null) {
-      return;
-    }
+const initializeApi = () => {
+  const api = bootstrap();
+  registerModule({
+    adapter: asValue(void 0)
+  });
+  return api;
+};
+const loader = async (config) => {
+  const api = initializeApi();
+  const init = () => {
     const {
       sourceColor,
       contrastLevel = 0,
@@ -2821,7 +2636,7 @@ class AdapterAbstract {
       useDefaultColors = true,
       plugins
     } = config;
-    this.api.themes.create({
+    api.themes.create({
       contrastLevel,
       isDark,
       sourceColorHex: sourceColor,
@@ -2829,356 +2644,52 @@ 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 = createJiti(import.meta.url, {
-        // 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 = 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.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.resolve(this.configPath + this.configExtension);
-    }
-    async getConfig() {
-      const resolvedPath = path.resolve(this.configPath);
-      const result = await 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.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.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
-            };
-          }
-        });
-      });
-  }
-}
 export {
-  API,
-  AdapterAbstract,
-  AppContainer,
-  AppModule,
-  ColorApi,
-  ColorManager,
-  ColorModule,
-  ConfigurableColor,
-  ContrastCurve,
-  DynamicColor,
-  FontFamily,
-  FontPlugin,
-  NodeAdapter,
-  PluginAbstract,
-  PluginApi,
-  PluginImplAbstract,
-  PluginModule,
-  Scheme,
-  SchemeManager,
-  ThemeApi,
-  ThemeModule,
-  ToneDeltaPair,
-  Variant,
-  VariantManager,
-  Variants,
-  bootstrap,
-  defaultColors,
-  defineConfig,
-  expressiveVariant,
-  extendSpecVersion,
-  getPiecewiseHue,
-  getRotatedHue,
-  highestSurface,
-  neutralVariant,
-  registerModule,
-  tonalSpotVariant,
-  udixioVite,
-  vibrantVariant
+  AppContainer as A,
+  ColorApi as C,
+  DynamicColor as D,
+  Hct as H,
+  PluginModule as P,
+  SchemeManager as S,
+  ThemeModule as T,
+  Variant as V,
+  AppModule as a,
+  API as b,
+  ColorManager as c,
+  ColorModule as d,
+  ConfigurableColor as e,
+  defaultColors as f,
+  bootstrap as g,
+  highestSurface as h,
+  ContrastCurve as i,
+  PluginApi as j,
+  tonalSpotVariant as k,
+  loader as l,
+  Scheme as m,
+  ThemeApi as n,
+  getPiecewiseHue as o,
+  getRotatedHue as p,
+  VariantManager as q,
+  registerModule as r,
+  toneDeltaPair as t
 };