@udixio/theme 0.4.1 → 0.5.0

package/index.cjs.js

@@ -1,2880 +0,0 @@
-'use strict';
-
-var awilix = require('awilix');
-var materialColorUtilities = require('@material/material-color-utilities');
-
-class ColorApi {
-    constructor({ colorManager }) {
-        this.colorManager = colorManager;
-    }
-    getColors() {
-        return this.colorManager.getAll();
-    }
-    addColor(key, color) {
-        return this.colorManager.createOrUpdate(key, color);
-    }
-    addColors(args) {
-        if (!Array.isArray(args))
-            args = [args];
-        args.forEach((args) => {
-            if (typeof args === 'function') {
-                args = args(this);
-            }
-            if (args.fromPalettes) {
-                if (!Array.isArray(args.fromPalettes))
-                    args.fromPalettes = [args.fromPalettes];
-                args.fromPalettes.map((paletteKey) => {
-                    this.colorManager.addFromPalette(paletteKey);
-                });
-            }
-            if (args.colors) {
-                Object.keys(args.colors).map((key) => this.addColor(key, args.colors[key]));
-            }
-        });
-    }
-    getColor(key) {
-        return this.colorManager.get(key);
-    }
-    removeColor(key) {
-        return this.colorManager.remove(key);
-    }
-    updateColor(key, newColor) {
-        return this.colorManager.createOrUpdate(key, newColor);
-    }
-}
-
-/**
- * @license
- * Copyright 2023 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**
- * A class containing a value that changes with the contrast level.
- *
- * Usually represents the contrast requirements for a dynamic color on its
- * background. The four values correspond to values for contrast levels -1.0,
- * 0.0, 0.5, and 1.0, respectively.
- */
-class ContrastCurve {
-    /**
-     * Creates a `ContrastCurve` object.
-     *
-     * @param low Value for contrast level -1.0
-     * @param normal Value for contrast level 0.0
-     * @param medium Value for contrast level 0.5
-     * @param high Value for contrast level 1.0
-     */
-    constructor(low, normal, medium, high) {
-        this.low = low;
-        this.normal = normal;
-        this.medium = medium;
-        this.high = high;
-    }
-    /**
-     * Returns the value at a given contrast level.
-     *
-     * @param contrastLevel The contrast level. 0.0 is the default (normal); -1.0
-     *     is the lowest; 1.0 is the highest.
-     * @return The value. For contrast ratios, a number between 1.0 and 21.0.
-     */
-    get(contrastLevel) {
-        if (contrastLevel <= -1) {
-            return this.low;
-        }
-        else if (contrastLevel < 0.0) {
-            return materialColorUtilities.lerp(this.low, this.normal, (contrastLevel - -1) / 1);
-        }
-        else if (contrastLevel < 0.5) {
-            return materialColorUtilities.lerp(this.normal, this.medium, (contrastLevel - 0) / 0.5);
-        }
-        else if (contrastLevel < 1.0) {
-            return materialColorUtilities.lerp(this.medium, this.high, (contrastLevel - 0.5) / 0.5);
-        }
-        else {
-            return this.high;
-        }
-    }
-}
-
-/**
- * @license
- * Copyright 2021 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-// This file is automatically generated. Do not modify it.
-// material_color_utilities is designed to have a consistent API across
-// platforms and modular components that can be moved around easily. Using a
-// class as a namespace facilitates this.
-//
-// tslint:disable:class-as-namespace
-/**
- * A class that solves the HCT equation.
- */
-class HctSolver {
-    /**
-     * Finds an sRGB color with the given hue, chroma, and L*, if
-     * possible.
-     *
-     * @param hueDegrees The desired hue, in degrees.
-     * @param chroma The desired chroma.
-     * @param lstar The desired L*.
-     * @return A hexadecimal representing the sRGB color. The color
-     * has sufficiently close hue, chroma, and L* to the desired
-     * values, if possible; otherwise, the hue and L* will be
-     * sufficiently close, and chroma will be maximized.
-     */
-    static solveToInt(hueDegrees, chroma, lstar) {
-        if (chroma < 0.0001 || lstar < 0.0001 || lstar > 99.9999) {
-            return materialColorUtilities.argbFromLstar(lstar);
-        }
-        hueDegrees = materialColorUtilities.sanitizeDegreesDouble(hueDegrees);
-        const hueRadians = (hueDegrees / 180) * Math.PI;
-        const y = materialColorUtilities.yFromLstar(lstar);
-        const exactAnswer = HctSolver.findResultByJ(hueRadians, chroma, y);
-        if (exactAnswer !== 0) {
-            return exactAnswer;
-        }
-        const linrgb = HctSolver.bisectToLimit(y, hueRadians);
-        return materialColorUtilities.argbFromLinrgb(linrgb);
-    }
-    /**
-     * Finds an sRGB color with the given hue, chroma, and L*, if
-     * possible.
-     *
-     * @param hueDegrees The desired hue, in degrees.
-     * @param chroma The desired chroma.
-     * @param lstar The desired L*.
-     * @return An CAM16 object representing the sRGB color. The color
-     * has sufficiently close hue, chroma, and L* to the desired
-     * values, if possible; otherwise, the hue and L* will be
-     * sufficiently close, and chroma will be maximized.
-     */
-    static solveToCam(hueDegrees, chroma, lstar) {
-        return materialColorUtilities.Cam16.fromInt(HctSolver.solveToInt(hueDegrees, chroma, lstar));
-    }
-    /**
-     * Sanitizes a small enough angle in radians.
-     *
-     * @param angle An angle in radians; must not deviate too much
-     * from 0.
-     * @return A coterminal angle between 0 and 2pi.
-     */
-    static sanitizeRadians(angle) {
-        return (angle + Math.PI * 8) % (Math.PI * 2);
-    }
-    /**
-     * Delinearizes an RGB component, returning a floating-point
-     * number.
-     *
-     * @param rgbComponent 0.0 <= rgb_component <= 100.0, represents
-     * linear R/G/B channel
-     * @return 0.0 <= output <= 255.0, color channel converted to
-     * regular RGB space
-     */
-    static trueDelinearized(rgbComponent) {
-        const normalized = rgbComponent / 100.0;
-        let delinearized = 0.0;
-        if (normalized <= 0.0031308) {
-            delinearized = normalized * 12.92;
-        }
-        else {
-            delinearized = 1.055 * Math.pow(normalized, 1.0 / 2.4) - 0.055;
-        }
-        return delinearized * 255.0;
-    }
-    static chromaticAdaptation(component) {
-        const af = Math.pow(Math.abs(component), 0.42);
-        return (materialColorUtilities.signum(component) * 400.0 * af) / (af + 27.13);
-    }
-    /**
-     * Returns the hue of a linear RGB color in CAM16.
-     *
-     * @param linrgb The linear RGB coordinates of a color.
-     * @return The hue of the color in CAM16, in radians.
-     */
-    static hueOf(linrgb) {
-        const scaledDiscount = materialColorUtilities.matrixMultiply(linrgb, HctSolver.SCALED_DISCOUNT_FROM_LINRGB);
-        const rA = HctSolver.chromaticAdaptation(scaledDiscount[0]);
-        const gA = HctSolver.chromaticAdaptation(scaledDiscount[1]);
-        const bA = HctSolver.chromaticAdaptation(scaledDiscount[2]);
-        // redness-greenness
-        const a = (11.0 * rA + -12 * gA + bA) / 11.0;
-        // yellowness-blueness
-        const b = (rA + gA - 2.0 * bA) / 9.0;
-        return Math.atan2(b, a);
-    }
-    static areInCyclicOrder(a, b, c) {
-        const deltaAB = HctSolver.sanitizeRadians(b - a);
-        const deltaAC = HctSolver.sanitizeRadians(c - a);
-        return deltaAB < deltaAC;
-    }
-    /**
-     * Solves the lerp equation.
-     *
-     * @param source The starting number.
-     * @param mid The number in the middle.
-     * @param target The ending number.
-     * @return A number t such that lerp(source, target, t) = mid.
-     */
-    static intercept(source, mid, target) {
-        return (mid - source) / (target - source);
-    }
-    static lerpPoint(source, t, target) {
-        return [
-            source[0] + (target[0] - source[0]) * t,
-            source[1] + (target[1] - source[1]) * t,
-            source[2] + (target[2] - source[2]) * t,
-        ];
-    }
-    /**
-     * Intersects a segment with a plane.
-     *
-     * @param source The coordinates of point A.
-     * @param coordinate The R-, G-, or B-coordinate of the plane.
-     * @param target The coordinates of point B.
-     * @param axis The axis the plane is perpendicular with. (0: R, 1:
-     * G, 2: B)
-     * @return The intersection point of the segment AB with the plane
-     * R=coordinate, G=coordinate, or B=coordinate
-     */
-    static setCoordinate(source, coordinate, target, axis) {
-        const t = HctSolver.intercept(source[axis], coordinate, target[axis]);
-        return HctSolver.lerpPoint(source, t, target);
-    }
-    static isBounded(x) {
-        return 0.0 <= x && x <= 100.0;
-    }
-    /**
-     * Returns the nth possible vertex of the polygonal intersection.
-     *
-     * @param y The Y value of the plane.
-     * @param n The zero-based index of the point. 0 <= n <= 11.
-     * @return The nth possible vertex of the polygonal intersection
-     * of the y plane and the RGB cube, in linear RGB coordinates, if
-     * it exists. If this possible vertex lies outside of the cube,
-     * [-1.0, -1.0, -1.0] is returned.
-     */
-    static nthVertex(y, n) {
-        const kR = HctSolver.Y_FROM_LINRGB[0];
-        const kG = HctSolver.Y_FROM_LINRGB[1];
-        const kB = HctSolver.Y_FROM_LINRGB[2];
-        const coordA = n % 4 <= 1 ? 0.0 : 100.0;
-        const coordB = n % 2 === 0 ? 0.0 : 100.0;
-        if (n < 4) {
-            const g = coordA;
-            const b = coordB;
-            const r = (y - g * kG - b * kB) / kR;
-            if (HctSolver.isBounded(r)) {
-                return [r, g, b];
-            }
-            else {
-                return [-1, -1, -1];
-            }
-        }
-        else if (n < 8) {
-            const b = coordA;
-            const r = coordB;
-            const g = (y - r * kR - b * kB) / kG;
-            if (HctSolver.isBounded(g)) {
-                return [r, g, b];
-            }
-            else {
-                return [-1, -1, -1];
-            }
-        }
-        else {
-            const r = coordA;
-            const g = coordB;
-            const b = (y - r * kR - g * kG) / kB;
-            if (HctSolver.isBounded(b)) {
-                return [r, g, b];
-            }
-            else {
-                return [-1, -1, -1];
-            }
-        }
-    }
-    /**
-     * Finds the segment containing the desired color.
-     *
-     * @param y The Y value of the color.
-     * @param targetHue The hue of the color.
-     * @return A list of two sets of linear RGB coordinates, each
-     * corresponding to an endpoint of the segment containing the
-     * desired color.
-     */
-    static bisectToSegment(y, targetHue) {
-        let left = [-1, -1, -1];
-        let right = left;
-        let leftHue = 0.0;
-        let rightHue = 0.0;
-        let initialized = false;
-        let uncut = true;
-        for (let n = 0; n < 12; n++) {
-            const mid = HctSolver.nthVertex(y, n);
-            if (mid[0] < 0) {
-                continue;
-            }
-            const midHue = HctSolver.hueOf(mid);
-            if (!initialized) {
-                left = mid;
-                right = mid;
-                leftHue = midHue;
-                rightHue = midHue;
-                initialized = true;
-                continue;
-            }
-            if (uncut || HctSolver.areInCyclicOrder(leftHue, midHue, rightHue)) {
-                uncut = false;
-                if (HctSolver.areInCyclicOrder(leftHue, targetHue, midHue)) {
-                    right = mid;
-                    rightHue = midHue;
-                }
-                else {
-                    left = mid;
-                    leftHue = midHue;
-                }
-            }
-        }
-        return [left, right];
-    }
-    static midpoint(a, b) {
-        return [(a[0] + b[0]) / 2, (a[1] + b[1]) / 2, (a[2] + b[2]) / 2];
-    }
-    static criticalPlaneBelow(x) {
-        return Math.floor(x - 0.5);
-    }
-    static criticalPlaneAbove(x) {
-        return Math.ceil(x - 0.5);
-    }
-    /**
-     * Finds a color with the given Y and hue on the boundary of the
-     * cube.
-     *
-     * @param y The Y value of the color.
-     * @param targetHue The hue of the color.
-     * @return The desired color, in linear RGB coordinates.
-     */
-    static bisectToLimit(y, targetHue) {
-        const segment = HctSolver.bisectToSegment(y, targetHue);
-        let left = segment[0];
-        let leftHue = HctSolver.hueOf(left);
-        let right = segment[1];
-        for (let axis = 0; axis < 3; axis++) {
-            if (left[axis] !== right[axis]) {
-                let lPlane = -1;
-                let rPlane = 255;
-                if (left[axis] < right[axis]) {
-                    lPlane = HctSolver.criticalPlaneBelow(HctSolver.trueDelinearized(left[axis]));
-                    rPlane = HctSolver.criticalPlaneAbove(HctSolver.trueDelinearized(right[axis]));
-                }
-                else {
-                    lPlane = HctSolver.criticalPlaneAbove(HctSolver.trueDelinearized(left[axis]));
-                    rPlane = HctSolver.criticalPlaneBelow(HctSolver.trueDelinearized(right[axis]));
-                }
-                for (let i = 0; i < 8; i++) {
-                    if (Math.abs(rPlane - lPlane) <= 1) {
-                        break;
-                    }
-                    else {
-                        const mPlane = Math.floor((lPlane + rPlane) / 2.0);
-                        const midPlaneCoordinate = HctSolver.CRITICAL_PLANES[mPlane];
-                        const mid = HctSolver.setCoordinate(left, midPlaneCoordinate, right, axis);
-                        const midHue = HctSolver.hueOf(mid);
-                        if (HctSolver.areInCyclicOrder(leftHue, targetHue, midHue)) {
-                            right = mid;
-                            rPlane = mPlane;
-                        }
-                        else {
-                            left = mid;
-                            leftHue = midHue;
-                            lPlane = mPlane;
-                        }
-                    }
-                }
-            }
-        }
-        return HctSolver.midpoint(left, right);
-    }
-    static inverseChromaticAdaptation(adapted) {
-        const adaptedAbs = Math.abs(adapted);
-        const base = Math.max(0, (27.13 * adaptedAbs) / (400.0 - adaptedAbs));
-        return materialColorUtilities.signum(adapted) * Math.pow(base, 1.0 / 0.42);
-    }
-    /**
-     * Finds a color with the given hue, chroma, and Y.
-     *
-     * @param hueRadians The desired hue in radians.
-     * @param chroma The desired chroma.
-     * @param y The desired Y.
-     * @return The desired color as a hexadecimal integer, if found; 0
-     * otherwise.
-     */
-    static findResultByJ(hueRadians, chroma, y) {
-        // Initial estimate of j.
-        let j = Math.sqrt(y) * 11.0;
-        // ===========================================================
-        // Operations inlined from Cam16 to avoid repeated calculation
-        // ===========================================================
-        const viewingConditions = materialColorUtilities.ViewingConditions.DEFAULT;
-        const tInnerCoeff = 1 / Math.pow(1.64 - Math.pow(0.29, viewingConditions.n), 0.73);
-        const eHue = 0.25 * (Math.cos(hueRadians + 2.0) + 3.8);
-        const p1 = eHue * (50000.0 / 13.0) * viewingConditions.nc * viewingConditions.ncb;
-        const hSin = Math.sin(hueRadians);
-        const hCos = Math.cos(hueRadians);
-        for (let iterationRound = 0; iterationRound < 5; iterationRound++) {
-            // ===========================================================
-            // Operations inlined from Cam16 to avoid repeated calculation
-            // ===========================================================
-            const jNormalized = j / 100.0;
-            const alpha = chroma === 0.0 || j === 0.0 ? 0.0 : chroma / Math.sqrt(jNormalized);
-            const t = Math.pow(alpha * tInnerCoeff, 1.0 / 0.9);
-            const ac = viewingConditions.aw *
-                Math.pow(jNormalized, 1.0 / viewingConditions.c / viewingConditions.z);
-            const p2 = ac / viewingConditions.nbb;
-            const gamma = (23.0 * (p2 + 0.305) * t) /
-                (23.0 * p1 + 11 * t * hCos + 108.0 * t * hSin);
-            const a = gamma * hCos;
-            const b = gamma * hSin;
-            const rA = (460.0 * p2 + 451.0 * a + 288.0 * b) / 1403.0;
-            const gA = (460.0 * p2 - 891.0 * a - 261.0 * b) / 1403.0;
-            const bA = (460.0 * p2 - 220.0 * a - 6300.0 * b) / 1403.0;
-            const rCScaled = HctSolver.inverseChromaticAdaptation(rA);
-            const gCScaled = HctSolver.inverseChromaticAdaptation(gA);
-            const bCScaled = HctSolver.inverseChromaticAdaptation(bA);
-            const linrgb = materialColorUtilities.matrixMultiply([rCScaled, gCScaled, bCScaled], HctSolver.LINRGB_FROM_SCALED_DISCOUNT);
-            // ===========================================================
-            // Operations inlined from Cam16 to avoid repeated calculation
-            // ===========================================================
-            if (linrgb[0] < 0 || linrgb[1] < 0 || linrgb[2] < 0) {
-                return 0;
-            }
-            const kR = HctSolver.Y_FROM_LINRGB[0];
-            const kG = HctSolver.Y_FROM_LINRGB[1];
-            const kB = HctSolver.Y_FROM_LINRGB[2];
-            const fnj = kR * linrgb[0] + kG * linrgb[1] + kB * linrgb[2];
-            if (fnj <= 0) {
-                return 0;
-            }
-            if (iterationRound === 4 || Math.abs(fnj - y) < 0.002) {
-                if (linrgb[0] > 100.01 || linrgb[1] > 100.01 || linrgb[2] > 100.01) {
-                    return 0;
-                }
-                return materialColorUtilities.argbFromLinrgb(linrgb);
-            }
-            // Iterates with Newton method,
-            // Using 2 * fn(j) / j as the approximation of fn'(j)
-            j = j - ((fnj - y) * j) / (2 * fnj);
-        }
-        return 0;
-    }
-}
-HctSolver.SCALED_DISCOUNT_FROM_LINRGB = [
-    [0.001200833568784504, 0.002389694492170889, 0.0002795742885861124],
-    [0.0005891086651375999, 0.0029785502573438758, 0.0003270666104008398],
-    [0.00010146692491640572, 0.0005364214359186694, 0.0032979401770712076],
-];
-HctSolver.LINRGB_FROM_SCALED_DISCOUNT = [
-    [1373.2198709594231, -1100.4251190754821, -7.278681089101213],
-    [-271.815969077903, 559.6580465940733, -32.46047482791194],
-    [1.9622899599665666, -57.173814538844006, 308.7233197812385],
-];
-HctSolver.Y_FROM_LINRGB = [0.2126, 0.7152, 0.0722];
-HctSolver.CRITICAL_PLANES = [
-    0.015176349177441876, 0.045529047532325624, 0.07588174588720938,
-    0.10623444424209313, 0.13658714259697685, 0.16693984095186062,
-    0.19729253930674434, 0.2276452376616281, 0.2579979360165119,
-    0.28835063437139563, 0.3188300904430532, 0.350925934958123,
-    0.3848314933096426, 0.42057480301049466, 0.458183274052838,
-    0.4976837250274023, 0.5391024159806381, 0.5824650784040898,
-    0.6277969426914107, 0.6751227633498623, 0.7244668422128921,
-    0.775853049866786, 0.829304845476233, 0.8848452951698498, 0.942497089126609,
-    1.0022825574869039, 1.0642236851973577, 1.1283421258858297,
-    1.1946592148522128, 1.2631959812511864, 1.3339731595349034,
-    1.407011200216447, 1.4823302800086415, 1.5599503113873272,
-    1.6398909516233677, 1.7221716113234105, 1.8068114625156377,
-    1.8938294463134073, 1.9832442801866852, 2.075074464868551,
-    2.1693382909216234, 2.2660538449872063, 2.36523901573795,
-    2.4669114995532007, 2.5710888059345764, 2.6777882626779785,
-    2.7870270208169257, 2.898822059350997, 3.0131901897720907,
-    3.1301480604002863, 3.2497121605402226, 3.3718988244681087,
-    3.4967242352587946, 3.624204428461639, 3.754355295633311, 3.887192587735158,
-    4.022731918402185, 4.160988767090289, 4.301978482107941, 4.445716283538092,
-    4.592217266055746, 4.741496401646282, 4.893568542229298, 5.048448422192488,
-    5.20615066083972, 5.3666897647573375, 5.5300801301023865, 5.696336044816294,
-    5.865471690767354, 6.037501145825082, 6.212438385869475, 6.390297286737924,
-    6.571091626112461, 6.7548350853498045, 6.941541251256611, 7.131223617812143,
-    7.323895587840543, 7.5195704746346665, 7.7182615035334345,
-    7.919981813454504, 8.124744458384042, 8.332562408825165, 8.543448553206703,
-    8.757415699253682, 8.974476575321063, 9.194643831691977, 9.417930041841839,
-    9.644347703669503, 9.873909240696694, 10.106627003236781,
-    10.342513269534024, 10.58158024687427, 10.8238400726681, 11.069304815507364,
-    11.317986476196008, 11.569896988756009, 11.825048221409341,
-    12.083451977536606, 12.345119996613247, 12.610063955123938,
-    12.878295467455942, 13.149826086772048, 13.42466730586372,
-    13.702830557985108, 13.984327217668513, 14.269168601521828,
-    14.55736596900856, 14.848930523210871, 15.143873411576273,
-    15.44220572664832, 15.743938506781891, 16.04908273684337, 16.35764934889634,
-    16.66964922287304, 16.985093187232053, 17.30399201960269, 17.62635644741625,
-    17.95219714852476, 18.281524751807332, 18.614349837764564,
-    18.95068293910138, 19.290534541298456, 19.633915083172692,
-    19.98083495742689, 20.331304511189067, 20.685334046541502,
-    21.042933821039977, 21.404114048223256, 21.76888489811322,
-    22.137256497705877, 22.50923893145328, 22.884842241736916,
-    23.264076429332462, 23.6469514538663, 24.033477234264016, 24.42366364919083,
-    24.817520537484558, 25.21505769858089, 25.61628489293138,
-    26.021211842414342, 26.429848230738664, 26.842203703840827,
-    27.258287870275353, 27.678110301598522, 28.10168053274597,
-    28.529008062403893, 28.96010235337422, 29.39497283293396, 29.83362889318845,
-    30.276079891419332, 30.722335150426627, 31.172403958865512,
-    31.62629557157785, 32.08401920991837, 32.54558406207592, 33.010999283389665,
-    33.4802739966603, 33.953417292456834, 34.430438229418264,
-    34.911345834551085, 35.39614910352207, 35.88485700094671, 36.37747846067349,
-    36.87402238606382, 37.37449765026789, 37.87891309649659, 38.38727753828926,
-    38.89959975977785, 39.41588851594697, 39.93615253289054, 40.460400508064545,
-    40.98864111053629, 41.520882981230194, 42.05713473317016,
-    42.597404951718396, 43.141702194811224, 43.6900349931913, 44.24241185063697,
-    44.798841244188324, 45.35933162437017, 45.92389141541209, 46.49252901546552,
-    47.065252796817916, 47.64207110610409, 48.22299226451468,
-    48.808024568002054, 49.3971762874833, 49.9904556690408, 50.587870934119984,
-    51.189430279724725, 51.79514187861014, 52.40501387947288, 53.0190544071392,
-    53.637271562750364, 54.259673423945976, 54.88626804504493,
-    55.517063457223934, 56.15206766869424, 56.79128866487574, 57.43473440856916,
-    58.08241284012621, 58.734331877617365, 59.39049941699807, 60.05092333227251,
-    60.715611475655585, 61.38457167773311, 62.057811747619894, 62.7353394731159,
-    63.417162620860914, 64.10328893648692, 64.79372614476921, 65.48848194977529,
-    66.18756403501224, 66.89098006357258, 67.59873767827808, 68.31084450182222,
-    69.02730813691093, 69.74813616640164, 70.47333615344107, 71.20291564160104,
-    71.93688215501312, 72.67524319850172, 73.41800625771542, 74.16517879925733,
-    74.9167682708136, 75.67278210128072, 76.43322770089146, 77.1981124613393,
-    77.96744375590167, 78.74122893956174, 79.51947534912904, 80.30219030335869,
-    81.08938110306934, 81.88105503125999, 82.67721935322541, 83.4778813166706,
-    84.28304815182372, 85.09272707154808, 85.90692527145302, 86.72564993000343,
-    87.54890820862819, 88.3767072518277, 89.2090541872801, 90.04595612594655,
-    90.88742016217518, 91.73345337380438, 92.58406282226491, 93.43925555268066,
-    94.29903859396902, 95.16341895893969, 96.03240364439274, 96.9059996312159,
-    97.78421388448044, 98.6670533535366, 99.55452497210776,
-];
-
-/**
- * @license
- * Copyright 2021 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**
- * A color system built using CAM16 hue and chroma, and L* from
- * L*a*b*.
- *
- * Using L* creates a link between the color system, contrast, and thus
- * accessibility. Contrast ratio depends on relative luminance, or Y in the XYZ
- * color space. L*, or perceptual luminance can be calculated from Y.
- *
- * Unlike Y, L* is linear to human perception, allowing trivial creation of
- * accurate color tones.
- *
- * Unlike contrast ratio, measuring contrast in L* is linear, and simple to
- * calculate. A difference of 40 in HCT tone guarantees a contrast ratio >= 3.0,
- * and a difference of 50 guarantees a contrast ratio >= 4.5.
- */
-/**
- * HCT, hue, chroma, and tone. A color system that provides a perceptually
- * accurate color measurement system that can also accurately render what colors
- * will appear as in different lighting environments.
- */
-class Hct {
-    constructor(argb) {
-        this.argb = argb;
-        const cam = materialColorUtilities.Cam16.fromInt(argb);
-        this.internalHue = cam.hue;
-        this.internalChroma = cam.chroma;
-        this.internalTone = materialColorUtilities.lstarFromArgb(argb);
-        this.argb = argb;
-    }
-    /**
-     * A number, in degrees, representing ex. red, orange, yellow, etc.
-     * Ranges from 0 <= hue < 360.
-     */
-    get hue() {
-        return this.internalHue;
-    }
-    /**
-     * @param newHue 0 <= newHue < 360; invalid values are corrected.
-     * Chroma may decrease because chroma has a different maximum for any given
-     * hue and tone.
-     */
-    set hue(newHue) {
-        this.setInternalState(HctSolver.solveToInt(newHue, this.internalChroma, this.internalTone));
-    }
-    get chroma() {
-        return this.internalChroma;
-    }
-    /**
-     * @param newChroma 0 <= newChroma < ?
-     * Chroma may decrease because chroma has a different maximum for any given
-     * hue and tone.
-     */
-    set chroma(newChroma) {
-        this.setInternalState(HctSolver.solveToInt(this.internalHue, newChroma, this.internalTone));
-    }
-    /** Lightness. Ranges from 0 to 100. */
-    get tone() {
-        return this.internalTone;
-    }
-    /**
-     * @param newTone 0 <= newTone <= 100; invalid valids are corrected.
-     * Chroma may decrease because chroma has a different maximum for any given
-     * hue and tone.
-     */
-    set tone(newTone) {
-        this.setInternalState(HctSolver.solveToInt(this.internalHue, this.internalChroma, newTone));
-    }
-    static from(hue, chroma, tone) {
-        return new Hct(HctSolver.solveToInt(hue, chroma, tone));
-    }
-    /**
-     * @param argb ARGB representation of a color.
-     * @return HCT representation of a color in default viewing conditions
-     */
-    static fromInt(argb) {
-        return new Hct(argb);
-    }
-    static isBlue(hue) {
-        return hue >= 250 && hue < 270;
-    }
-    static isYellow(hue) {
-        return hue >= 105 && hue < 125;
-    }
-    static isCyan(hue) {
-        return hue >= 170 && hue < 207;
-    }
-    toInt() {
-        return this.argb;
-    }
-    /** Sets a property of the Hct object. */
-    setValue(propertyName, value) {
-        this[propertyName] = value;
-    }
-    toString() {
-        return `HCT(${this.hue.toFixed(0)}, ${this.chroma.toFixed(0)}, ${this.tone.toFixed(0)})`;
-    }
-    /**
-     * Translates a color into different [ViewingConditions].
-     *
-     * Colors change appearance. They look different with lights on versus off,
-     * the same color, as in hex code, on white looks different when on black.
-     * This is called color relativity, most famously explicated by Josef Albers
-     * in Interaction of Color.
-     *
-     * In color science, color appearance models can account for this and
-     * calculate the appearance of a color in different settings. HCT is based on
-     * CAM16, a color appearance model, and uses it to make these calculations.
-     *
-     * See [ViewingConditions.make] for parameters affecting color appearance.
-     */
-    inViewingConditions(vc) {
-        // 1. Use CAM16 to find XYZ coordinates of color in specified VC.
-        const cam = materialColorUtilities.Cam16.fromInt(this.toInt());
-        const viewedInVc = cam.xyzInViewingConditions(vc);
-        // 2. Create CAM16 of those XYZ coordinates in default VC.
-        const recastInVc = materialColorUtilities.Cam16.fromXyzInViewingConditions(viewedInVc[0], viewedInVc[1], viewedInVc[2], materialColorUtilities.ViewingConditions.make());
-        // 3. Create HCT from:
-        // - CAM16 using default VC with XYZ coordinates in specified VC.
-        // - L* converted from Y in XYZ coordinates in specified VC.
-        const recastHct = Hct.from(recastInVc.hue, recastInVc.chroma, materialColorUtilities.lstarFromY(viewedInVc[1]));
-        return recastHct;
-    }
-    setInternalState(argb) {
-        const cam = materialColorUtilities.Cam16.fromInt(argb);
-        this.internalHue = cam.hue;
-        this.internalChroma = cam.chroma;
-        this.internalTone = materialColorUtilities.lstarFromArgb(argb);
-        this.argb = argb;
-    }
-}
-
-/**
- * @license
- * Copyright 2022 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**
- * Returns a new DynamicColor that is the same as the original color, but with
- * the extended dynamic color's constraints for the given spec version.
- *
- * @param originlColor The original color.
- * @param specVersion The spec version to extend.
- * @param extendedColor The color with the values to extend.
- */
-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 !== undefined ? chromaMultiplier(s) : 1;
-        },
-        background: (s) => {
-            const background = extendedColor.background;
-            return background !== undefined ? background(s) : undefined;
-        },
-        secondBackground: (s) => {
-            const secondBackground = extendedColor.secondBackground;
-            return secondBackground !== undefined ? secondBackground(s) : undefined;
-        },
-        contrastCurve: (s) => {
-            const contrastCurve = extendedColor.contrastCurve;
-            return contrastCurve !== undefined ? contrastCurve(s) : undefined;
-        },
-        toneDeltaPair: (s) => {
-            const toneDeltaPair = extendedColor.toneDeltaPair;
-            return toneDeltaPair !== undefined ? toneDeltaPair(s) : undefined;
-        },
-    });
-}
-/**
- * A color that adjusts itself based on UI state provided by DynamicScheme.
- *
- * Colors without backgrounds do not change tone when contrast changes. Colors
- * with backgrounds become closer to their background as contrast lowers, and
- * further when contrast increases.
- *
- * Prefer static constructors. They require either a hexcode, a palette and
- * tone, or a hue and chroma. Optionally, they can provide a background
- * DynamicColor.
- */
-class DynamicColor {
-    /**
-     * The base constructor for DynamicColor.
-     *
-     * _Strongly_ prefer using one of the convenience constructors. This class is
-     * arguably too flexible to ensure it can support any scenario. Functional
-     * arguments allow  overriding without risks that come with subclasses.
-     *
-     * For example, the default behavior of adjust tone at max contrast
-     * to be at a 7.0 ratio with its background is principled and
-     * matches accessibility guidance. That does not mean it's the desired
-     * approach for _every_ design system, and every color pairing,
-     * always, in every case.
-     *
-     * @param name The name of the dynamic color. Defaults to empty.
-     * @param palette Function that provides a TonalPalette given DynamicScheme. A
-     *     TonalPalette is defined by a hue and chroma, so this replaces the need
-     *     to specify hue/chroma. By providing a tonal palette, when contrast
-     *     adjustments are made, intended chroma can be preserved.
-     * @param tone Function that provides a tone, given a DynamicScheme.
-     * @param isBackground Whether this dynamic color is a background, with some
-     *     other color as the foreground. Defaults to false.
-     * @param chromaMultiplier A factor that multiplies the chroma for this color.
-     * @param background The background of the dynamic color (as a function of a
-     *     `DynamicScheme`), if it exists.
-     * @param secondBackground A second background of the dynamic color (as a
-     *     function of a `DynamicScheme`), if it exists.
-     * @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
-     *     constraint between two colors. One of them must be the color being
-     *     constructed.
-     */
-    constructor(name, palette, tone, isBackground, chromaMultiplier, background, secondBackground, contrastCurve, toneDeltaPair) {
-        this.name = name;
-        this.palette = palette;
-        this.tone = tone;
-        this.isBackground = isBackground;
-        this.chromaMultiplier = chromaMultiplier;
-        this.background = background;
-        this.secondBackground = secondBackground;
-        this.contrastCurve = contrastCurve;
-        this.toneDeltaPair = toneDeltaPair;
-        this.hctCache = new Map();
-        if (!background && secondBackground) {
-            throw new Error(`Color ${name} has secondBackground` +
-                `defined, but background is not defined.`);
-        }
-        if (!background && contrastCurve) {
-            throw new Error(`Color ${name} has contrastCurve` +
-                `defined, but background is not defined.`);
-        }
-        if (background && !contrastCurve) {
-            throw new Error(`Color ${name} has background` +
-                `defined, but contrastCurve is not defined.`);
-        }
-    }
-    /**
-     * Create a DynamicColor defined by a TonalPalette and HCT tone.
-     *
-     * @param args Functions with DynamicScheme as input. Must provide a palette
-     *     and tone. May provide a background DynamicColor and ToneDeltaPair.
-     */
-    static fromPalette(args) {
-        var _a, _b, _c;
-        return new DynamicColor((_a = args.name) !== null && _a !== void 0 ? _a : '', args.palette, (_b = args.tone) !== null && _b !== void 0 ? _b : DynamicColor.getInitialToneFromBackground(args.background), (_c = args.isBackground) !== null && _c !== void 0 ? _c : false, args.chromaMultiplier, args.background, args.secondBackground, args.contrastCurve, args.toneDeltaPair);
-    }
-    static getInitialToneFromBackground(background) {
-        if (background === undefined) {
-            return (s) => 50;
-        }
-        return (s) => (background(s) ? background(s).getTone(s) : 50);
-    }
-    /**
-     * Given a background tone, finds a foreground tone, while ensuring they reach
-     * a contrast ratio that is as close to [ratio] as possible.
-     *
-     * @param bgTone Tone in HCT. Range is 0 to 100, undefined behavior when it
-     *     falls outside that range.
-     * @param ratio The contrast ratio desired between bgTone and the return
-     *     value.
-     */
-    static foregroundTone(bgTone, ratio) {
-        const lighterTone = materialColorUtilities.Contrast.lighterUnsafe(bgTone, ratio);
-        const darkerTone = materialColorUtilities.Contrast.darkerUnsafe(bgTone, ratio);
-        const lighterRatio = materialColorUtilities.Contrast.ratioOfTones(lighterTone, bgTone);
-        const darkerRatio = materialColorUtilities.Contrast.ratioOfTones(darkerTone, bgTone);
-        const preferLighter = DynamicColor.tonePrefersLightForeground(bgTone);
-        if (preferLighter) {
-            // This handles an edge case where the initial contrast ratio is high
-            // (ex. 13.0), and the ratio passed to the function is that high
-            // ratio, and both the lighter and darker ratio fails to pass that
-            // ratio.
-            //
-            // This was observed with Tonal Spot's On Primary Container turning
-            // black momentarily between high and max contrast in light mode. PC's
-            // standard tone was T90, OPC's was T10, it was light mode, and the
-            // contrast value was 0.6568521221032331.
-            const negligibleDifference = Math.abs(lighterRatio - darkerRatio) < 0.1 &&
-                lighterRatio < ratio &&
-                darkerRatio < ratio;
-            return lighterRatio >= ratio ||
-                lighterRatio >= darkerRatio ||
-                negligibleDifference
-                ? lighterTone
-                : darkerTone;
-        }
-        else {
-            return darkerRatio >= ratio || darkerRatio >= lighterRatio
-                ? darkerTone
-                : lighterTone;
-        }
-    }
-    /**
-     * Returns whether [tone] prefers a light foreground.
-     *
-     * People prefer white foregrounds on ~T60-70. Observed over time, and also
-     * by Andrew Somers during research for APCA.
-     *
-     * T60 used as to create the smallest discontinuity possible when skipping
-     * down to T49 in order to ensure light foregrounds.
-     * Since `tertiaryContainer` in dark monochrome scheme requires a tone of
-     * 60, it should not be adjusted. Therefore, 60 is excluded here.
-     */
-    static tonePrefersLightForeground(tone) {
-        return Math.round(tone) < 60.0;
-    }
-    /**
-     * Returns whether [tone] can reach a contrast ratio of 4.5 with a lighter
-     * color.
-     */
-    static toneAllowsLightForeground(tone) {
-        return Math.round(tone) <= 49.0;
-    }
-    /**
-     * Adjusts a tone such that white has 4.5 contrast, if the tone is
-     * reasonably close to supporting it.
-     */
-    static enableLightForeground(tone) {
-        if (DynamicColor.tonePrefersLightForeground(tone) &&
-            !DynamicColor.toneAllowsLightForeground(tone)) {
-            return 49.0;
-        }
-        return tone;
-    }
-    /**
-     * Returns a deep copy of this DynamicColor.
-     */
-    clone() {
-        return DynamicColor.fromPalette({
-            name: this.name,
-            palette: this.palette,
-            tone: this.tone,
-            isBackground: this.isBackground,
-            chromaMultiplier: this.chromaMultiplier,
-            background: this.background,
-            secondBackground: this.secondBackground,
-            contrastCurve: this.contrastCurve,
-            toneDeltaPair: this.toneDeltaPair,
-        });
-    }
-    /**
-     * Clears the cache of HCT values for this color. For testing or debugging
-     * purposes.
-     */
-    clearCache() {
-        this.hctCache.clear();
-    }
-    /**
-     * Returns a ARGB integer (i.e. a hex code).
-     *
-     * @param scheme Defines the conditions of the user interface, for example,
-     *     whether or not it is dark mode or light mode, and what the desired
-     *     contrast level is.
-     */
-    getArgb(scheme) {
-        return this.getHct(scheme).toInt();
-    }
-    /**
-     * Returns a color, expressed in the HCT color space, that this
-     * DynamicColor is under the conditions in scheme.
-     *
-     * @param scheme Defines the conditions of the user interface, for example,
-     *     whether or not it is dark mode or light mode, and what the desired
-     *     contrast level is.
-     */
-    getHct(scheme) {
-        const palette = this.palette(scheme);
-        const tone = this.getTone(scheme);
-        const hue = palette.hue;
-        const chroma = palette.chroma *
-            (this.chromaMultiplier ? this.chromaMultiplier(scheme) : 1);
-        return Hct.from(hue, chroma, tone);
-    }
-    /**
-     * Returns a tone, T in the HCT color space, that this DynamicColor is under
-     * the conditions in scheme.
-     *
-     * @param scheme Defines the conditions of the user interface, for example,
-     *     whether or not it is dark mode or light mode, and what the desired
-     *     contrast level is.
-     */
-    getTone(scheme) {
-        const toneDeltaPair = this.toneDeltaPair
-            ? this.toneDeltaPair(scheme)
-            : undefined;
-        // Case 0: tone delta constraint.
-        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) {
-                    // Adjust the tones for contrast, if background and contrast curve
-                    // are defined.
-                    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);
-                }
-            }
-            // This can avoid the awkward tones for background colors including the
-            // access fixed colors. Accent fixed dim colors should not be adjusted.
-            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;
-        }
-        else {
-            // Case 1: No tone delta pair; just solve for itself.
-            let answer = this.tone(scheme);
-            if (this.background == undefined ||
-                this.background(scheme) === undefined ||
-                this.contrastCurve == undefined ||
-                this.contrastCurve(scheme) === undefined) {
-                return answer; // No adjustment for colors with no background.
-            }
-            const bgTone = this.background(scheme).getTone(scheme);
-            const desiredRatio = this.contrastCurve(scheme).get(scheme.contrastLevel);
-            // Recalculate the tone from desired contrast ratio if the current
-            // contrast ratio is not enough or desired contrast level is decreasing
-            // (<0).
-            answer =
-                materialColorUtilities.Contrast.ratioOfTones(bgTone, answer) >= desiredRatio &&
-                    scheme.contrastLevel >= 0
-                    ? answer
-                    : DynamicColor.foregroundTone(bgTone, desiredRatio);
-            // This can avoid the awkward tones for background colors including the
-            // access fixed colors. Accent fixed dim colors should not be adjusted.
-            if (this.isBackground && !this.name.endsWith('_fixed_dim')) {
-                if (answer >= 57) {
-                    answer = materialColorUtilities.clampDouble(65, 100, answer);
-                }
-                else {
-                    answer = materialColorUtilities.clampDouble(0, 49, answer);
-                }
-            }
-            if (this.secondBackground == undefined ||
-                this.secondBackground(scheme) === undefined) {
-                return answer;
-            }
-            // Case 2: Adjust for dual backgrounds.
-            const [bg1, bg2] = [this.background, this.secondBackground];
-            const [bgTone1, bgTone2] = [
-                bg1(scheme).getTone(scheme),
-                bg2(scheme).getTone(scheme),
-            ];
-            const [upper, lower] = [
-                Math.max(bgTone1, bgTone2),
-                Math.min(bgTone1, bgTone2),
-            ];
-            if (materialColorUtilities.Contrast.ratioOfTones(upper, answer) >= desiredRatio &&
-                materialColorUtilities.Contrast.ratioOfTones(lower, answer) >= desiredRatio) {
-                return answer;
-            }
-            // The darkest light tone that satisfies the desired ratio,
-            // or -1 if such ratio cannot be reached.
-            const lightOption = materialColorUtilities.Contrast.lighter(upper, desiredRatio);
-            // The lightest dark tone that satisfies the desired ratio,
-            // or -1 if such ratio cannot be reached.
-            const darkOption = materialColorUtilities.Contrast.darker(lower, desiredRatio);
-            // Tones suitable for the foreground.
-            const availables = [];
-            if (lightOption !== -1)
-                availables.push(lightOption);
-            if (darkOption !== -1)
-                availables.push(darkOption);
-            const prefersLight = DynamicColor.tonePrefersLightForeground(bgTone1) ||
-                DynamicColor.tonePrefersLightForeground(bgTone2);
-            if (prefersLight) {
-                return lightOption < 0 ? 100 : lightOption;
-            }
-            if (availables.length === 1) {
-                return availables[0];
-            }
-            return darkOption < 0 ? 0 : darkOption;
-        }
-    }
-}
-
-/**
- * @license
- * Copyright 2023 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**
- * Documents a constraint between two DynamicColors, in which their tones must
- * have a certain distance from each other.
- *
- * Prefer a DynamicColor with a background, this is for special cases when
- * designers want tonal distance, literally contrast, between two colors that
- * don't have a background / foreground relationship or a contrast guarantee.
- */
-class ToneDeltaPair {
-    /**
-     * Documents a constraint in tone distance between two DynamicColors.
-     *
-     * The polarity is an adjective that describes "A", compared to "B".
-     *
-     * For instance, ToneDeltaPair(A, B, 15, 'darker', 'exact') states that
-     * A's tone should be exactly 15 darker than B's.
-     *
-     * 'relative_darker' and 'relative_lighter' describes the tone adjustment
-     * relative to the surface color trend (white in light mode; black in dark
-     * mode). For instance, ToneDeltaPair(A, B, 10, 'relative_lighter',
-     * 'farther') states that A should be at least 10 lighter than B in light
-     * mode, and at least 10 darker than B in dark mode.
-     *
-     * @param roleA The first role in a pair.
-     * @param roleB The second role in a pair.
-     * @param delta Required difference between tones. Absolute value, negative
-     * values have undefined behavior.
-     * @param polarity The relative relation between tones of roleA and roleB,
-     * as described above.
-     * @param constraint How to fulfill the tone delta pair constraint.
-     * @param stayTogether Whether these two roles should stay on the same side
-     * of the "awkward zone" (T50-59). This is necessary for certain cases where
-     * one role has two backgrounds.
-     */
-    constructor(roleA, roleB, delta, polarity, stayTogether, constraint) {
-        this.roleA = roleA;
-        this.roleB = roleB;
-        this.delta = delta;
-        this.polarity = polarity;
-        this.stayTogether = stayTogether;
-        this.constraint = constraint;
-        this.constraint = constraint !== null && constraint !== void 0 ? constraint : 'exact';
-    }
-}
-
-function argbToRgb(argb) {
-    return {
-        r: (argb >> 16) & 0xff,
-        g: (argb >> 8) & 0xff,
-        b: argb & 0xff,
-    };
-}
-class ConfigurableColor {
-    constructor(option, schemeService, colorService) {
-        this.option = option;
-        this.schemeService = schemeService;
-        this.colorService = colorService;
-        this.dynamicColor = null;
-    }
-    update(args) {
-        this.dynamicColor = null;
-        this.option = Object.assign(Object.assign({}, this.option), args);
-    }
-    getHex() {
-        return materialColorUtilities.hexFromArgb(this.getArgb());
-    }
-    getArgb() {
-        return this.getMaterialColor().getArgb(this.schemeService.get());
-    }
-    getRgb() {
-        return argbToRgb(this.getArgb());
-    }
-    getName() {
-        return this.option.name.replace(/([A-Z])/g, '_$1').toLowerCase();
-    }
-    getMaterialColor() {
-        if ('alias' in this.option) {
-            if (!this.option.alias) {
-                throw new Error('Alias option must be defined');
-            }
-            return this.colorService.get(this.option.alias).getMaterialColor();
-        }
-        if (!this.dynamicColor) {
-            this.dynamicColor = DynamicColor.fromPalette(Object.assign(Object.assign({}, this.option), { name: this.getName() }));
-        }
-        return this.dynamicColor;
-    }
-}
-
-function getCurve(defaultContrast) {
-    if (defaultContrast === 1.5) {
-        return new ContrastCurve(1.5, 1.5, 3, 4.5);
-    }
-    else if (defaultContrast === 3) {
-        return new ContrastCurve(3, 3, 4.5, 7);
-    }
-    else if (defaultContrast === 4.5) {
-        return new ContrastCurve(4.5, 4.5, 7, 11);
-    }
-    else if (defaultContrast === 6) {
-        return new ContrastCurve(6, 6, 7, 11);
-    }
-    else if (defaultContrast === 7) {
-        return new ContrastCurve(7, 7, 11, 21);
-    }
-    else if (defaultContrast === 9) {
-        return new ContrastCurve(9, 9, 11, 21);
-    }
-    else if (defaultContrast === 11) {
-        return new ContrastCurve(11, 11, 21, 21);
-    }
-    else if (defaultContrast === 21) {
-        return new ContrastCurve(21, 21, 21, 21);
-    }
-    else {
-        // Shouldn't happen.
-        return new ContrastCurve(defaultContrast, defaultContrast, 7, 21);
-    }
-}
-function tMaxC(palette, lowerBound = 0, upperBound = 100, chromaMultiplier = 1) {
-    const answer = findBestToneForChroma(palette.hue, palette.chroma * chromaMultiplier, 100, true);
-    return materialColorUtilities.clampDouble(lowerBound, upperBound, answer);
-}
-function tMinC(palette, lowerBound = 0, upperBound = 100) {
-    const answer = findBestToneForChroma(palette.hue, palette.chroma, 0, false);
-    return materialColorUtilities.clampDouble(lowerBound, upperBound, answer);
-}
-function findBestToneForChroma(hue, chroma, tone, byDecreasingTone) {
-    let answer = tone;
-    let bestCandidate = Hct.from(hue, chroma, answer);
-    while (bestCandidate.chroma < chroma) {
-        if (tone < 0 || tone > 100) {
-            break;
-        }
-        tone += byDecreasingTone ? -1 : 1.0;
-        const newCandidate = Hct.from(hue, chroma, tone);
-        if (bestCandidate.chroma < newCandidate.chroma) {
-            bestCandidate = newCandidate;
-            answer = tone;
-        }
-    }
-    return answer;
-}
-
-function capitalizeFirstLetter(string) {
-    return string.charAt(0).toUpperCase() + string.slice(1);
-}
-const highestSurface = (s, colorService) => {
-    if (colorService instanceof ColorApi) {
-        return s.isDark
-            ? colorService.getColor('surfaceBright').getMaterialColor()
-            : colorService.getColor('surfaceDim').getMaterialColor();
-    }
-    else {
-        return s.isDark
-            ? colorService.get('surfaceBright').getMaterialColor()
-            : colorService.get('surfaceDim').getMaterialColor();
-    }
-};
-class ColorManager {
-    constructor({ schemeManager }) {
-        this.colorMap = new Map();
-        this.schemeManager = schemeManager;
-    }
-    createOrUpdate(key, args) {
-        let colorEntity = this.colorMap.get(key);
-        if (!colorEntity) {
-            const { palette, alias } = args;
-            if (palette) {
-                colorEntity = new ConfigurableColor(Object.assign(Object.assign({}, args), { palette: palette, name: key }), this.schemeManager, this);
-                this.colorMap.set(key, colorEntity);
-            }
-            else if (alias) {
-                colorEntity = new ConfigurableColor(Object.assign(Object.assign({}, args), { alias: alias, name: key }), this.schemeManager, this);
-                this.colorMap.set(key, colorEntity);
-            }
-            else {
-                throw new Error(`Palette ${palette} does not exist from ${key}`);
-            }
-        }
-        else {
-            colorEntity.update(Object.assign(Object.assign({}, args), { name: key }));
-            this.colorMap.set(key, colorEntity);
-        }
-        return colorEntity;
-    }
-    remove(key) {
-        return this.colorMap.delete(key);
-    }
-    get(key) {
-        const colorEntity = this.colorMap.get(key);
-        if (colorEntity) {
-            return colorEntity;
-        }
-        else {
-            throw new Error(`Color ${key} does not exist`);
-        }
-    }
-    getAll() {
-        return this.colorMap;
-    }
-    addFromPalette(key) {
-        const colorKey = key;
-        const colorDimKey = (colorKey + 'Dim');
-        const ColorKey = capitalizeFirstLetter(key);
-        const onColorKey = ('on' + ColorKey);
-        const colorContainerKey = (colorKey + 'Container');
-        const onColorContainerKey = ('on' +
-            ColorKey +
-            'Container');
-        const colorFixedKey = (colorKey + 'Fixed');
-        const colorFixedDimKey = (colorKey + 'FixedDim');
-        const onColorFixedKey = ('on' + ColorKey + 'Fixed');
-        const onColorFixedVariantKey = ('on' +
-            ColorKey +
-            'FixedVariant');
-        this.createOrUpdate(colorKey, {
-            palette: (s) => s.getPalette(colorKey),
-            tone: (s) => {
-                if (s.variant === 'neutral') {
-                    return s.isDark
-                        ? tMinC(s.getPalette(colorKey), 0, 98)
-                        : tMaxC(s.getPalette(colorKey));
-                }
-                else if (s.variant === 'vibrant') {
-                    return tMaxC(s.getPalette(colorKey), 0, s.isDark ? 90 : 98);
-                }
-                else {
-                    return s.isDark ? 80 : tMaxC(s.getPalette(colorKey));
-                }
-            },
-            isBackground: true,
-            background: (s) => highestSurface(s, this),
-            contrastCurve: (s) => getCurve(4.5),
-            toneDeltaPair: (s) => new ToneDeltaPair(this.get(colorContainerKey).getMaterialColor(), this.get(colorKey).getMaterialColor(), 5, 'relative_lighter', true, 'farther'),
-        });
-        this.createOrUpdate(colorDimKey, {
-            palette: (s) => s.getPalette(colorKey),
-            tone: (s) => {
-                if (s.variant === 'neutral') {
-                    return 85;
-                }
-                else {
-                    return tMaxC(s.getPalette(colorKey), 0, 90);
-                }
-            },
-            isBackground: true,
-            background: (s) => this.get('surfaceContainerHigh').getMaterialColor(),
-            contrastCurve: (s) => getCurve(4.5),
-            toneDeltaPair: (s) => new ToneDeltaPair(this.get(colorDimKey).getMaterialColor(), this.get(colorKey).getMaterialColor(), 5, 'darker', true, 'farther'),
-        });
-        this.createOrUpdate(onColorKey, {
-            palette: (s) => s.getPalette(colorKey),
-            background: (s) => this.get(colorKey).getMaterialColor(),
-            contrastCurve: (s) => getCurve(6),
-        });
-        this.createOrUpdate(colorContainerKey, {
-            palette: (s) => s.getPalette(colorKey),
-            tone: (s) => {
-                if (s.variant === 'vibrant') {
-                    return s.isDark
-                        ? tMinC(s.getPalette(colorKey), 30, 40)
-                        : tMaxC(s.getPalette(colorKey), 84, 90);
-                }
-                else if (s.variant === 'expressive') {
-                    return s.isDark ? 15 : tMaxC(s.getPalette(colorKey), 90, 95);
-                }
-                else {
-                    return s.isDark ? 25 : 90;
-                }
-            },
-            isBackground: true,
-            background: (s) => highestSurface(s, this),
-            toneDeltaPair: (s) => undefined,
-            contrastCurve: (s) => (s.contrastLevel > 0 ? getCurve(1.5) : undefined),
-        });
-        this.createOrUpdate(onColorContainerKey, {
-            palette: (s) => s.getPalette(colorKey),
-            background: (s) => this.get(colorContainerKey).getMaterialColor(),
-            contrastCurve: (s) => getCurve(6),
-        });
-        this.createOrUpdate(colorFixedKey, {
-            palette: (s) => s.getPalette(colorKey),
-            tone: (s) => {
-                const tempS = Object.assign({}, s, { isDark: false, contrastLevel: 0 });
-                return this.get(colorContainerKey).getMaterialColor().getTone(tempS);
-            },
-            isBackground: true,
-            background: (s) => highestSurface(s, this),
-            contrastCurve: (s) => (s.contrastLevel > 0 ? getCurve(1.5) : undefined),
-        });
-        this.createOrUpdate(colorFixedDimKey, {
-            palette: (s) => s.getPalette(colorKey),
-            tone: (s) => this.get(colorFixedKey).getMaterialColor().getTone(s),
-            isBackground: true,
-            toneDeltaPair: (s) => new ToneDeltaPair(this.get(colorFixedDimKey).getMaterialColor(), this.get(colorFixedKey).getMaterialColor(), 5, 'darker', true, 'exact'),
-        });
-        this.createOrUpdate(onColorFixedKey, {
-            palette: (s) => s.getPalette(colorKey),
-            background: (s) => this.get(colorFixedDimKey).getMaterialColor(),
-            contrastCurve: (s) => getCurve(7),
-        });
-        this.createOrUpdate(onColorFixedVariantKey, {
-            palette: (s) => s.getPalette(colorKey),
-            background: (s) => this.get(colorFixedDimKey).getMaterialColor(),
-            contrastCurve: (s) => getCurve(4.5),
-        });
-    }
-}
-
-const ColorModule = {
-    colorManager: awilix.asClass(ColorManager).singleton(),
-    colorApi: awilix.asClass(ColorApi).singleton(),
-};
-
-class Scheme {
-    constructor(options) {
-        this.options = options;
-    }
-    get variant() {
-        return this.options.variant.name;
-    }
-    get contrastLevel() {
-        if (!this.options) {
-            throw new Error('Scheme options is not set');
-        }
-        return this.options.contrastLevel;
-    }
-    get isDark() {
-        if (!this.options) {
-            throw new Error('Scheme options is not set');
-        }
-        return this.options.isDark;
-    }
-    get sourceColorHct() {
-        if (!this.options) {
-            throw new Error('Scheme options is not set');
-        }
-        return Hct.fromInt(this.options.sourceColorArgb);
-    }
-    getPalette(key) {
-        if (!this.options) {
-            throw new Error('Scheme options is not set');
-        }
-        const palette = this.options.palettes.get(key);
-        if (!palette) {
-            throw new Error(`Palette ${key} not found`);
-        }
-        return palette;
-    }
-}
-
-class SchemeManager {
-    createOrUpdate(options) {
-        var _a, _b, _c, _d;
-        this.options = Object.assign(Object.assign(Object.assign({}, this.options), options), { sourcesColorHex: Object.assign(Object.assign({}, (_a = this.options) === null || _a === void 0 ? void 0 : _a.sourcesColorHex), options.sourcesColorHex), palettes: Object.assign(Object.assign({}, (_b = this.options) === null || _b === void 0 ? void 0 : _b.palettes), options.palettes) });
-        const palettes = new Map();
-        if (!this.options.sourcesColorHex.primary) {
-            throw new Error('Primary source color is not set');
-        }
-        const sourceColorArgb = materialColorUtilities.argbFromHex(this.options.sourcesColorHex.primary);
-        const sourceColorHct = Hct.fromInt(sourceColorArgb);
-        if (!this.options.palettes) {
-            return;
-        }
-        for (const [key, { sourceColorkey, tonalPalette: paletteFunction },] of Object.entries(this.options.palettes)) {
-            let palette;
-            if (typeof sourceColorkey != 'string') {
-                palette = paletteFunction({
-                    sourceColorHct: sourceColorHct,
-                    isDark: (_c = options.isDark) !== null && _c !== void 0 ? _c : false,
-                });
-            }
-            else {
-                const sourceColorArgb = materialColorUtilities.argbFromHex(this.options.sourcesColorHex[sourceColorkey]);
-                const colorHct = Hct.fromInt(sourceColorArgb);
-                palette = paletteFunction({
-                    sourceColorHct: sourceColorHct,
-                    colorHct: colorHct,
-                    isDark: (_d = options.isDark) !== null && _d !== void 0 ? _d : false,
-                });
-            }
-            palettes.set(key, palette);
-        }
-        this.schemeEntity = new Scheme(Object.assign(Object.assign({}, this.options), { palettes: palettes, sourceColorArgb: sourceColorArgb }));
-    }
-    get() {
-        if (!this.schemeEntity) {
-            throw new Error('Scheme is not created');
-        }
-        return this.schemeEntity;
-    }
-}
-
-class VariantManager {
-    constructor({ schemeManager }) {
-        this.customPalettes = {};
-        this.schemeManager = schemeManager;
-    }
-    addCustomPalette(key, colorHex) {
-        this.customPalettes[key] = colorHex;
-        this.update();
-    }
-    set(variantEntity) {
-        this.variantEntity = variantEntity;
-        this.update();
-    }
-    update() {
-        if (!this.variantEntity)
-            return;
-        const palettes = {};
-        Object.keys(this.variantEntity.palettes).forEach((key) => {
-            palettes[key] = { tonalPalette: this.variantEntity.palettes[key] };
-        });
-        const customPalettes = this.variantEntity.customPalettes;
-        if (customPalettes) {
-            Object.keys(this.customPalettes).forEach((key) => {
-                palettes[key] = {
-                    sourceColorkey: key,
-                    tonalPalette: customPalettes,
-                };
-            });
-        }
-        this.schemeManager.createOrUpdate({
-            sourcesColorHex: this.customPalettes,
-            palettes: palettes,
-        });
-    }
-}
-
-materialColorUtilities.DynamicColor.fromPalette({
-    name: 'primary_palette_key_color',
-    palette: (s) => s.primaryPalette,
-    tone: (s) => s.primaryPalette.keyColor.tone,
-});
-class ThemeApi {
-    constructor({ schemeManager, variantManager, }) {
-        this.schemeManager = schemeManager;
-        this.variantManager = variantManager;
-        // this.addPalette({key: "primary", addDefaultColors: true})
-        // this.addPalette({key: "secondary", addDefaultColors: true})
-        // this.addPalette({key: "tertiary", addDefaultColors: true})
-        // this.addPalette({key: "error", palette: TonalPalette.fromHueAndChroma(25.0, 84.0)})
-        // this.addPalette({key: "neutral"})
-        // this.addPalette({key: "neutralVariant"})
-    }
-    // addPalette({key, palette, addDefaultColors}: {key: string; palette: TonalPalette; addDefaultColors: boolean}) {
-    //   this.themeOptions.palettes.set(key, palette);
-    //   if (addDefaultColors){
-    //     this.colorService.addPalette(key)
-    //   }
-    // }
-    // create(args: ThemeOptions): SchemeService {
-    //   return new SchemeService(args, this.colorService)
-    // }
-    //
-    // update(options: Partial<ThemeOptions>): SchemeService {
-    //   Object.assign(this.themeOptions, options);
-    //   return this.theme();
-    // }
-    create(options) {
-        this.schemeManager.createOrUpdate(Object.assign(Object.assign({}, options), { sourcesColorHex: { primary: options.sourceColorHex } }));
-        this.variantManager.set(options.variant);
-    }
-    update(options) {
-        const themeOptions = Object.assign({}, options);
-        if (options.sourceColorHex)
-            themeOptions.sourcesColorHex = { primary: options.sourceColorHex };
-        this.schemeManager.createOrUpdate(themeOptions);
-        if (options.variant)
-            this.variantManager.set(options.variant);
-    }
-    addCustomPalette(key, colorHex) {
-        this.variantManager.addCustomPalette(key, colorHex);
-    }
-}
-
-const ThemeModule = {
-    schemeManager: awilix.asClass(SchemeManager).singleton(),
-    variantManager: awilix.asClass(VariantManager).singleton(),
-    themeApi: awilix.asClass(ThemeApi).singleton(),
-};
-
-const getPiecewiseHue = (sourceColorHct, hueBreakpoints, hues) => {
-    const size = Math.min(hueBreakpoints.length - 1, hues.length);
-    const sourceHue = sourceColorHct.hue;
-    for (let i = 0; i < size; i++) {
-        if (sourceHue >= hueBreakpoints[i] && sourceHue < hueBreakpoints[i + 1]) {
-            return materialColorUtilities.sanitizeDegreesDouble(hues[i]);
-        }
-    }
-    return sourceHue;
-};
-const getRotatedHue = (sourceColorHct, hueBreakpoints, rotations) => {
-    let rotation = getPiecewiseHue(sourceColorHct, hueBreakpoints, rotations);
-    if (Math.min(hueBreakpoints.length - 1, rotations.length) <= 0) {
-        rotation = 0;
-    }
-    return materialColorUtilities.sanitizeDegreesDouble(sourceColorHct.hue + rotation);
-};
-class Variant {
-    constructor(palettes = {}, name, customPalettes, 
-    /** TODO
-     * Defines color modifications through variation.
-     * Allows customization of specific colors in the theme.
-     */
-    colors) {
-        this.palettes = palettes;
-        this.name = name;
-        this.customPalettes = customPalettes;
-        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: {
-        primary: ({ sourceColorHct, isDark }) => materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, isDark ? 26 : 32),
-        secondary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 16),
-        tertiary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(getRotatedHue(sourceColorHct, [0, 20, 71, 161, 333, 360], [-40, 48, -32, 40, -32]), 28),
-        neutral: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 5),
-        neutralVariant: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 5 * 1.7),
-        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, 60);
-        },
-    },
-    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 defaultColors = (colorService) => {
-    const getColor = (key) => {
-        return colorService.getColor(key).getMaterialColor();
-    };
-    const colors = {
-        ////////////////////////////////////////////////////////////////
-        // Surfaces [S]                                               //
-        ////////////////////////////////////////////////////////////////
-        surface: {
-            palette: (s) => s.getPalette('neutral'),
-            tone: (s) => {
-                if (s.isDark) {
-                    return 4;
-                }
-                else {
-                    if (Hct.isYellow(s.getPalette('neutral').hue)) {
-                        return 99;
-                    }
-                    else if (s.variant === 'vibrant') {
-                        return 97;
-                    }
-                    else {
-                        return 98;
-                    }
-                }
-            },
-            isBackground: true,
-        },
-        surfaceDim: {
-            palette: (s) => s.getPalette('neutral'),
-            tone: (s) => {
-                if (s.isDark) {
-                    return 4;
-                }
-                else {
-                    if (Hct.isYellow(s.getPalette('neutral').hue)) {
-                        return 90;
-                    }
-                    else if (s.variant === 'vibrant') {
-                        return 85;
-                    }
-                    else {
-                        return 87;
-                    }
-                }
-            },
-            isBackground: true,
-            chromaMultiplier: (s) => {
-                if (!s.isDark) {
-                    if (s.variant === 'neutral') {
-                        return 2.5;
-                    }
-                    else if (s.variant === 'tonalSpot') {
-                        return 1.7;
-                    }
-                    else if (s.variant === 'expressive') {
-                        return Hct.isYellow(s.getPalette('neutral').hue) ? 2.7 : 1.75;
-                    }
-                    else if (s.variant === 'vibrant') {
-                        return 1.36;
-                    }
-                }
-                return 1;
-            },
-        },
-        surfaceBright: {
-            palette: (s) => s.getPalette('neutral'),
-            tone: (s) => {
-                if (s.isDark) {
-                    return 18;
-                }
-                else {
-                    if (Hct.isYellow(s.getPalette('neutral').hue)) {
-                        return 99;
-                    }
-                    else if (s.variant === 'vibrant') {
-                        return 97;
-                    }
-                    else {
-                        return 98;
-                    }
-                }
-            },
-            isBackground: true,
-            chromaMultiplier: (s) => {
-                if (s.isDark) {
-                    if (s.variant === 'neutral') {
-                        return 2.5;
-                    }
-                    else if (s.variant === 'tonalSpot') {
-                        return 1.7;
-                    }
-                    else if (s.variant === 'expressive') {
-                        return Hct.isYellow(s.getPalette('neutral').hue) ? 2.7 : 1.75;
-                    }
-                    else if (s.variant === 'vibrant') {
-                        return 1.36;
-                    }
-                }
-                return 1;
-            },
-        },
-        surfaceContainerLowest: {
-            palette: (s) => s.getPalette('neutral'),
-            tone: (s) => (s.isDark ? 0 : 100),
-            isBackground: true,
-        },
-        surfaceContainerLow: {
-            palette: (s) => s.getPalette('neutral'),
-            tone: (s) => {
-                if (s.isDark) {
-                    return 6;
-                }
-                else {
-                    if (Hct.isYellow(s.getPalette('neutral').hue)) {
-                        return 98;
-                    }
-                    else if (s.variant === 'vibrant') {
-                        return 95;
-                    }
-                    else {
-                        return 96;
-                    }
-                }
-            },
-            isBackground: true,
-            chromaMultiplier: (s) => {
-                if (s.variant === 'neutral') {
-                    return 1.3;
-                }
-                else if (s.variant === 'tonalSpot') {
-                    return 1.25;
-                }
-                else if (s.variant === 'expressive') {
-                    return Hct.isYellow(s.getPalette('neutral').hue) ? 1.3 : 1.15;
-                }
-                else if (s.variant === 'vibrant') {
-                    return 1.08;
-                }
-                return 1;
-            },
-        },
-        surfaceContainer: {
-            palette: (s) => s.getPalette('neutral'),
-            tone: (s) => {
-                if (s.isDark) {
-                    return 9;
-                }
-                else {
-                    if (Hct.isYellow(s.getPalette('neutral').hue)) {
-                        return 96;
-                    }
-                    else if (s.variant === 'vibrant') {
-                        return 92;
-                    }
-                    else {
-                        return 94;
-                    }
-                }
-            },
-            isBackground: true,
-            chromaMultiplier: (s) => {
-                if (s.variant === 'neutral') {
-                    return 1.6;
-                }
-                else if (s.variant === 'tonalSpot') {
-                    return 1.4;
-                }
-                else if (s.variant === 'expressive') {
-                    return Hct.isYellow(s.getPalette('neutral').hue) ? 1.6 : 1.3;
-                }
-                else if (s.variant === 'vibrant') {
-                    return 1.15;
-                }
-                return 1;
-            },
-        },
-        surfaceContainerHigh: {
-            palette: (s) => s.getPalette('neutral'),
-            tone: (s) => {
-                if (s.isDark) {
-                    return 12;
-                }
-                else {
-                    if (Hct.isYellow(s.getPalette('neutral').hue)) {
-                        return 94;
-                    }
-                    else if (s.variant === 'vibrant') {
-                        return 90;
-                    }
-                    else {
-                        return 92;
-                    }
-                }
-            },
-            isBackground: true,
-            chromaMultiplier: (s) => {
-                if (s.variant === 'neutral') {
-                    return 1.9;
-                }
-                else if (s.variant === 'tonalSpot') {
-                    return 1.5;
-                }
-                else if (s.variant === 'expressive') {
-                    return Hct.isYellow(s.getPalette('neutral').hue) ? 1.95 : 1.45;
-                }
-                else if (s.variant === 'vibrant') {
-                    return 1.22;
-                }
-                return 1;
-            },
-        },
-        surfaceContainerHighest: {
-            palette: (s) => s.getPalette('neutral'),
-            tone: (s) => {
-                if (s.isDark) {
-                    return 15;
-                }
-                else {
-                    if (Hct.isYellow(s.getPalette('neutral').hue)) {
-                        return 92;
-                    }
-                    else if (s.variant === 'vibrant') {
-                        return 88;
-                    }
-                    else {
-                        return 90;
-                    }
-                }
-            },
-            isBackground: true,
-            chromaMultiplier: (s) => {
-                if (s.variant === 'neutral') {
-                    return 2.2;
-                }
-                else if (s.variant === 'tonalSpot') {
-                    return 1.7;
-                }
-                else if (s.variant === 'expressive') {
-                    return Hct.isYellow(s.getPalette('neutral').hue) ? 2.3 : 1.6;
-                }
-                else if (s.variant === 'vibrant') {
-                    return 1.29;
-                }
-                else {
-                    // default
-                    return 1;
-                }
-            },
-        },
-        onSurface: {
-            palette: (s) => s.getPalette('neutral'),
-            tone: (s) => {
-                if (s.variant === 'vibrant') {
-                    return tMaxC(s.getPalette('neutral'), 0, 100, 1.1);
-                }
-                else {
-                    // For all other variants, the initial tone should be the default
-                    // tone, which is the same as the background color.
-                    return DynamicColor.getInitialToneFromBackground((s) => highestSurface(s, colorService))(s);
-                }
-            },
-            chromaMultiplier: (s) => {
-                if (s.variant === 'neutral') {
-                    return 2.2;
-                }
-                else if (s.variant === 'tonalSpot') {
-                    return 1.7;
-                }
-                else if (s.variant === 'expressive') {
-                    return Hct.isYellow(s.getPalette('neutral').hue)
-                        ? s.isDark
-                            ? 3.0
-                            : 2.3
-                        : 1.6;
-                }
-                return 1;
-            },
-            background: (s) => highestSurface(s, colorService),
-            contrastCurve: (s) => (s.isDark ? getCurve(11) : getCurve(9)),
-        },
-        onSurfaceVariant: {
-            palette: (s) => s.getPalette('neutralVariant'),
-            chromaMultiplier: (s) => {
-                if (s.variant === 'neutral') {
-                    return 2.2;
-                }
-                else if (s.variant === 'tonalSpot') {
-                    return 1.7;
-                }
-                else if (s.variant === 'expressive') {
-                    return Hct.isYellow(s.getPalette('neutral').hue)
-                        ? s.isDark
-                            ? 3.0
-                            : 2.3
-                        : 1.6;
-                }
-                return 1;
-            },
-            background: (s) => highestSurface(s, colorService),
-            contrastCurve: (s) => (s.isDark ? getCurve(6) : getCurve(4.5)),
-        },
-        outline: {
-            palette: (s) => s.getPalette('neutralVariant'),
-            chromaMultiplier: (s) => {
-                if (s.variant === 'neutral') {
-                    return 2.2;
-                }
-                else if (s.variant === 'tonalSpot') {
-                    return 1.7;
-                }
-                else if (s.variant === 'expressive') {
-                    return Hct.isYellow(s.getPalette('neutral').hue)
-                        ? s.isDark
-                            ? 3.0
-                            : 2.3
-                        : 1.6;
-                }
-                return 1;
-            },
-            background: (s) => highestSurface(s, colorService),
-            contrastCurve: (s) => getCurve(3),
-        },
-        outlineVariant: {
-            palette: (s) => s.getPalette('neutralVariant'),
-            chromaMultiplier: (s) => {
-                if (s.variant === 'neutral') {
-                    return 2.2;
-                }
-                else if (s.variant === 'tonalSpot') {
-                    return 1.7;
-                }
-                else if (s.variant === 'expressive') {
-                    return Hct.isYellow(s.getPalette('neutral').hue)
-                        ? s.isDark
-                            ? 3.0
-                            : 2.3
-                        : 1.6;
-                }
-                return 1;
-            },
-            background: (s) => highestSurface(s, colorService),
-            contrastCurve: (s) => getCurve(1.5),
-        },
-        inverseSurface: {
-            palette: (s) => s.getPalette('neutral'),
-            tone: (s) => (s.isDark ? 98 : 4),
-            isBackground: true,
-        },
-        inverseOnSurface: {
-            palette: (s) => s.getPalette('neutral'),
-            tone: (s) => (s.isDark ? 20 : 95),
-            background: (s) => colorService.getColor('inverseSurface').getMaterialColor(),
-            contrastCurve: (s) => getCurve(7),
-        },
-        ////////////////////////////////////////////////////////////////
-        // Primaries [P]                                              //
-        ////////////////////////////////////////////////////////////////
-        primary: {
-            palette: (s) => s.getPalette('primary'),
-            tone: (s) => {
-                if (s.variant === 'neutral') {
-                    return s.isDark ? 80 : 40;
-                }
-                else if (s.variant === 'tonalSpot') {
-                    if (s.isDark) {
-                        return 80;
-                    }
-                    else {
-                        return tMaxC(s.getPalette('primary'));
-                    }
-                }
-                else if (s.variant === 'expressive') {
-                    return tMaxC(s.getPalette('primary'), 0, Hct.isYellow(s.getPalette('primary').hue)
-                        ? 25
-                        : Hct.isCyan(s.getPalette('primary').hue)
-                            ? 88
-                            : 98);
-                }
-                else {
-                    return tMaxC(s.getPalette('primary'), 0, Hct.isCyan(s.getPalette('primary').hue) ? 88 : 98);
-                }
-            },
-            isBackground: true,
-            background: (s) => highestSurface(s, colorService),
-            contrastCurve: (s) => getCurve(4.5),
-            toneDeltaPair: (s) => new ToneDeltaPair(colorService.getColor('primaryContainer').getMaterialColor(), colorService.getColor('primary').getMaterialColor(), 5, 'relative_lighter', true, 'farther'),
-        },
-        primaryDim: {
-            palette: (s) => s.getPalette('primary'),
-            tone: (s) => {
-                if (s.variant === 'neutral') {
-                    return 85;
-                }
-                else if (s.variant === 'tonalSpot') {
-                    return tMaxC(s.getPalette('primary'), 0, 90);
-                }
-                else {
-                    return tMaxC(s.getPalette('primary'));
-                }
-            },
-            isBackground: true,
-            background: (s) => getColor('surfaceContainerHigh'),
-            contrastCurve: (s) => getCurve(4.5),
-            toneDeltaPair: (s) => new ToneDeltaPair(colorService.getColor('primaryDim').getMaterialColor(), colorService.getColor('primary').getMaterialColor(), 5, 'darker', true, 'farther'),
-        },
-        onPrimary: {
-            palette: (s) => s.getPalette('primary'),
-            background: (s) => colorService.getColor('primary').getMaterialColor(),
-            contrastCurve: (s) => getCurve(6),
-        },
-        primaryContainer: {
-            palette: (s) => s.getPalette('primary'),
-            tone: (s) => {
-                if (s.variant === 'neutral') {
-                    return s.isDark ? 30 : 90;
-                }
-                else if (s.variant === 'tonalSpot') {
-                    return s.isDark
-                        ? tMinC(s.getPalette('primary'), 35, 93)
-                        : tMaxC(s.getPalette('primary'), 0, 90);
-                }
-                else if (s.variant === 'expressive') {
-                    return s.isDark
-                        ? tMaxC(s.getPalette('primary'), 30, 93)
-                        : tMaxC(s.getPalette('primary'), 78, Hct.isCyan(s.getPalette('primary').hue) ? 88 : 90);
-                }
-                else {
-                    // VIBRANT
-                    return s.isDark
-                        ? tMinC(s.getPalette('primary'), 66, 93)
-                        : tMaxC(s.getPalette('primary'), 66, Hct.isCyan(s.getPalette('primary').hue) ? 88 : 93);
-                }
-            },
-            isBackground: true,
-            background: (s) => highestSurface(s, colorService),
-            toneDeltaPair: (s) => undefined,
-            contrastCurve: (s) => (s.contrastLevel > 0 ? getCurve(1.5) : undefined),
-        },
-        onPrimaryContainer: {
-            palette: (s) => s.getPalette('primary'),
-            background: (s) => colorService.getColor('primaryContainer').getMaterialColor(),
-            contrastCurve: (s) => getCurve(6),
-        },
-        primaryFixed: {
-            palette: (s) => s.getPalette('primary'),
-            tone: (s) => {
-                const tempS = new Scheme(Object.assign(Object.assign({}, s.options), { isDark: false, contrastLevel: 0 }));
-                return getColor('primaryContainer').getTone(tempS);
-            },
-            isBackground: true,
-            background: (s) => highestSurface(s, colorService),
-            contrastCurve: (s) => (s.contrastLevel > 0 ? getCurve(1.5) : undefined),
-        },
-        primaryFixedDim: {
-            palette: (s) => s.getPalette('primary'),
-            tone: (s) => colorService.getColor('primaryFixed').getMaterialColor().getTone(s),
-            isBackground: true,
-            toneDeltaPair: (s) => new ToneDeltaPair(getColor('primaryFixedDim'), getColor('primaryFixed'), 5, 'darker', true, 'exact'),
-        },
-        onPrimaryFixed: {
-            palette: (s) => s.getPalette('primary'),
-            background: (s) => colorService.getColor('primaryFixedDim').getMaterialColor(),
-            contrastCurve: (s) => getCurve(7),
-        },
-        onPrimaryFixedVariant: {
-            palette: (s) => s.getPalette('primary'),
-            background: (s) => colorService.getColor('primaryFixedDim').getMaterialColor(),
-            contrastCurve: (s) => getCurve(4.5),
-        },
-        inversePrimary: {
-            palette: (s) => s.getPalette('primary'),
-            tone: (s) => tMaxC(s.getPalette('primary')),
-            background: (s) => colorService.getColor('inverseSurface').getMaterialColor(),
-            contrastCurve: (s) => getCurve(6),
-        },
-        ////////////////////////////////////////////////////////////////
-        // Secondaries [Q]                                            //
-        ////////////////////////////////////////////////////////////////
-        secondary: {
-            palette: (s) => s.getPalette('secondary'),
-            tone: (s) => {
-                if (s.variant === 'neutral') {
-                    return s.isDark
-                        ? tMinC(s.getPalette('secondary'), 0, 98)
-                        : tMaxC(s.getPalette('secondary'));
-                }
-                else if (s.variant === 'vibrant') {
-                    return tMaxC(s.getPalette('secondary'), 0, s.isDark ? 90 : 98);
-                }
-                else {
-                    // EXPRESSIVE and TONAL_SPOT
-                    return s.isDark ? 80 : tMaxC(s.getPalette('secondary'));
-                }
-            },
-            isBackground: true,
-            background: (s) => highestSurface(s, colorService),
-            contrastCurve: (s) => getCurve(4.5),
-            toneDeltaPair: (s) => new ToneDeltaPair(getColor('secondaryContainer'), getColor('secondary'), 5, 'relative_lighter', true, 'farther'),
-        },
-        secondaryDim: {
-            palette: (s) => s.getPalette('secondary'),
-            tone: (s) => {
-                if (s.variant === 'neutral') {
-                    return 85;
-                }
-                else {
-                    return tMaxC(s.getPalette('secondary'), 0, 90);
-                }
-            },
-            isBackground: true,
-            background: (s) => getColor('surfaceContainerHigh'),
-            contrastCurve: (s) => getCurve(4.5),
-            toneDeltaPair: (s) => new ToneDeltaPair(getColor('secondaryDim'), getColor('secondary'), 5, 'darker', true, 'farther'),
-        },
-        onSecondary: {
-            palette: (s) => s.getPalette('secondary'),
-            background: (s) => getColor('secondary'),
-            contrastCurve: (s) => getCurve(6),
-        },
-        secondaryContainer: {
-            palette: (s) => s.getPalette('secondary'),
-            tone: (s) => {
-                if (s.variant === 'vibrant') {
-                    return s.isDark
-                        ? tMinC(s.getPalette('secondary'), 30, 40)
-                        : tMaxC(s.getPalette('secondary'), 84, 90);
-                }
-                else if (s.variant === 'expressive') {
-                    return s.isDark ? 15 : tMaxC(s.getPalette('secondary'), 90, 95);
-                }
-                else {
-                    return s.isDark ? 25 : 90;
-                }
-            },
-            isBackground: true,
-            background: (s) => highestSurface(s, colorService),
-            toneDeltaPair: (s) => undefined,
-            contrastCurve: (s) => (s.contrastLevel > 0 ? getCurve(1.5) : undefined),
-        },
-        onSecondaryContainer: {
-            palette: (s) => s.getPalette('secondary'),
-            background: (s) => getColor('secondaryContainer'),
-            contrastCurve: (s) => getCurve(6),
-        },
-        secondaryFixed: {
-            palette: (s) => s.getPalette('secondary'),
-            tone: (s) => {
-                const tempS = new Scheme(Object.assign(Object.assign({}, s.options), { isDark: false, contrastLevel: 0 }));
-                return getColor('secondaryContainer').getTone(tempS);
-            },
-            isBackground: true,
-            background: (s) => highestSurface(s, colorService),
-            contrastCurve: (s) => (s.contrastLevel > 0 ? getCurve(1.5) : undefined),
-        },
-        secondaryFixedDim: {
-            palette: (s) => s.getPalette('secondary'),
-            tone: (s) => getColor('secondaryFixed').getTone(s),
-            isBackground: true,
-            toneDeltaPair: (s) => new ToneDeltaPair(getColor('secondaryFixedDim'), getColor('secondaryFixed'), 5, 'darker', true, 'exact'),
-        },
-        onSecondaryFixed: {
-            palette: (s) => s.getPalette('secondary'),
-            background: (s) => getColor('secondaryFixedDim'),
-            contrastCurve: (s) => getCurve(7),
-        },
-        onSecondaryFixedVariant: {
-            palette: (s) => s.getPalette('secondary'),
-            background: (s) => getColor('secondaryFixedDim'),
-            contrastCurve: (s) => getCurve(4.5),
-        },
-        ////////////////////////////////////////////////////////////////
-        // Tertiaries [T]                                             //
-        ////////////////////////////////////////////////////////////////
-        tertiary: {
-            palette: (s) => s.getPalette('tertiary'),
-            tone: (s) => {
-                if (s.variant === 'expressive' || s.variant === 'vibrant') {
-                    return tMaxC(s.getPalette('tertiary'), 0, Hct.isCyan(s.getPalette('tertiary').hue) ? 88 : s.isDark ? 98 : 100);
-                }
-                else {
-                    // NEUTRAL and TONAL_SPOT
-                    return s.isDark
-                        ? tMaxC(s.getPalette('tertiary'), 0, 98)
-                        : tMaxC(s.getPalette('tertiary'));
-                }
-            },
-            isBackground: true,
-            background: (s) => highestSurface(s, colorService),
-            contrastCurve: (s) => getCurve(4.5),
-            toneDeltaPair: (s) => new ToneDeltaPair(getColor('tertiaryContainer'), getColor('tertiary'), 5, 'relative_lighter', true, 'farther'),
-        },
-        tertiaryDim: {
-            palette: (s) => s.getPalette('tertiary'),
-            tone: (s) => {
-                if (s.variant === 'tonalSpot') {
-                    return tMaxC(s.getPalette('tertiary'), 0, 90);
-                }
-                else {
-                    return tMaxC(s.getPalette('tertiary'));
-                }
-            },
-            isBackground: true,
-            background: (s) => getColor('surfaceContainerHigh'),
-            contrastCurve: (s) => getCurve(4.5),
-            toneDeltaPair: (s) => new ToneDeltaPair(getColor('tertiaryDim'), getColor('tertiary'), 5, 'darker', true, 'farther'),
-        },
-        onTertiary: {
-            palette: (s) => s.getPalette('tertiary'),
-            background: (s) => getColor('tertiary'),
-            contrastCurve: (s) => getCurve(6),
-        },
-        tertiaryContainer: {
-            palette: (s) => s.getPalette('tertiary'),
-            tone: (s) => {
-                if (s.variant === 'neutral') {
-                    return s.isDark
-                        ? tMaxC(s.getPalette('tertiary'), 0, 93)
-                        : tMaxC(s.getPalette('tertiary'), 0, 96);
-                }
-                else if (s.variant === 'tonalSpot') {
-                    return tMaxC(s.getPalette('tertiary'), 0, s.isDark ? 93 : 100);
-                }
-                else if (s.variant === 'expressive') {
-                    return tMaxC(s.getPalette('tertiary'), 75, Hct.isCyan(s.getPalette('tertiary').hue) ? 88 : s.isDark ? 93 : 100);
-                }
-                else {
-                    // VIBRANT
-                    return s.isDark
-                        ? tMaxC(s.getPalette('tertiary'), 0, 93)
-                        : tMaxC(s.getPalette('tertiary'), 72, 100);
-                }
-            },
-            isBackground: true,
-            background: (s) => highestSurface(s, colorService),
-            toneDeltaPair: (s) => undefined,
-            contrastCurve: (s) => (s.contrastLevel > 0 ? getCurve(1.5) : undefined),
-        },
-        onTertiaryContainer: {
-            palette: (s) => s.getPalette('tertiary'),
-            background: (s) => getColor('tertiaryContainer'),
-            contrastCurve: (s) => getCurve(6),
-        },
-        tertiaryFixed: {
-            palette: (s) => s.getPalette('tertiary'),
-            tone: (s) => {
-                const tempS = new Scheme(Object.assign(Object.assign({}, s.options), { isDark: false, contrastLevel: 0 }));
-                return getColor('tertiaryContainer').getTone(tempS);
-            },
-            isBackground: true,
-            background: (s) => highestSurface(s, colorService),
-            contrastCurve: (s) => (s.contrastLevel > 0 ? getCurve(1.5) : undefined),
-        },
-        tertiaryFixedDim: {
-            palette: (s) => s.getPalette('tertiary'),
-            tone: (s) => getColor('tertiaryFixed').getTone(s),
-            isBackground: true,
-            toneDeltaPair: (s) => new ToneDeltaPair(getColor('tertiaryFixedDim'), getColor('tertiaryFixed'), 5, 'darker', true, 'exact'),
-        },
-        onTertiaryFixed: {
-            palette: (s) => s.getPalette('tertiary'),
-            background: (s) => getColor('tertiaryFixedDim'),
-            contrastCurve: (s) => getCurve(7),
-        },
-        onTertiaryFixedVariant: {
-            palette: (s) => s.getPalette('tertiary'),
-            background: (s) => getColor('tertiaryFixedDim'),
-            contrastCurve: (s) => getCurve(4.5),
-        },
-        ////////////////////////////////////////////////////////////////
-        // Errors [E]                                                 //
-        ////////////////////////////////////////////////////////////////
-        error: {
-            palette: (s) => s.getPalette('error'),
-            tone: (s) => {
-                return s.isDark
-                    ? tMinC(s.getPalette('error'), 0, 98)
-                    : tMaxC(s.getPalette('error'));
-            },
-            isBackground: true,
-            background: (s) => highestSurface(s, colorService),
-            contrastCurve: (s) => getCurve(4.5),
-            toneDeltaPair: (s) => new ToneDeltaPair(colorService.getColor('errorContainer').getMaterialColor(), colorService.getColor('error').getMaterialColor(), 5, 'relative_lighter', true, 'farther'),
-        },
-        errorDim: {
-            palette: (s) => s.getPalette('error'),
-            tone: (s) => tMinC(s.getPalette('error')),
-            isBackground: true,
-            background: (s) => getColor('surfaceContainerHigh'),
-            contrastCurve: (s) => getCurve(4.5),
-            toneDeltaPair: (s) => new ToneDeltaPair(getColor('errorDim'), getColor('error'), 5, 'darker', true, 'farther'),
-        },
-        onError: {
-            palette: (s) => s.getPalette('error'),
-            background: (s) => colorService.getColor('error').getMaterialColor(),
-            contrastCurve: (s) => getCurve(6),
-        },
-        errorContainer: {
-            palette: (s) => s.getPalette('error'),
-            tone: (s) => {
-                return s.isDark
-                    ? tMinC(s.getPalette('error'), 30, 93)
-                    : tMaxC(s.getPalette('error'), 0, 90);
-            },
-            isBackground: true,
-            background: (s) => highestSurface(s, colorService),
-            toneDeltaPair: (s) => undefined,
-            contrastCurve: (s) => (s.contrastLevel > 0 ? getCurve(1.5) : undefined),
-        },
-        onErrorContainer: {
-            palette: (s) => s.getPalette('error'),
-            background: (s) => colorService.getColor('errorContainer').getMaterialColor(),
-            contrastCurve: (s) => getCurve(4.5),
-        },
-        /////////////////////////////////////////////////////////////////
-        // Remapped Colors                                             //
-        /////////////////////////////////////////////////////////////////
-        surfaceVariant: {
-            alias: 'surfaceContainerHighest',
-        },
-        surfaceTint: {
-            alias: 'primary',
-        },
-        background: {
-            alias: 'surface',
-        },
-        onBackground: {
-            alias: 'onSurface',
-        },
-    };
-    return {
-        colors,
-    };
-};
-
-class API {
-    constructor({ colorApi, themeApi, pluginApi, }) {
-        this.plugins = pluginApi;
-        this.colors = colorApi;
-        this.themes = themeApi;
-    }
-}
-
-const AppModule = {
-    api: awilix.asClass(API).singleton(),
-};
-
-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 ConfigService {
-    constructor({ api }) {
-        this.configPath = './theme.config';
-        this.api = api;
-    }
-    loadConfig(config) {
-        const { sourceColor, contrastLevel = 0, isDark = false, variant = tonalSpotVariant, palettes, colors, useDefaultColors = true, plugins, } = config !== null && config !== void 0 ? config : this.getConfig();
-        this.api.themes.create({
-            contrastLevel: contrastLevel,
-            isDark: isDark,
-            sourceColorHex: sourceColor,
-            variant: variant,
-        });
-        if (palettes) {
-            Object.entries(palettes).forEach(([key, value]) => this.api.themes.addCustomPalette(key, value));
-        }
-        if (useDefaultColors) {
-            this.api.colors.addColors(defaultColors);
-        }
-        if (colors) {
-            this.api.colors.addColors(colors);
-        }
-        if (plugins) {
-            plugins.forEach((plugin) => {
-                this.api.plugins.addPlugin(plugin);
-            });
-            this.api.plugins.loadPlugins(this.api);
-        }
-    }
-    getConfig() {
-        if (typeof process !== 'undefined' &&
-            process.release &&
-            process.release.name === 'node') {
-            // eslint-disable-next-line @typescript-eslint/no-var-requires
-            const path = require('path');
-            // eslint-disable-next-line @typescript-eslint/no-var-requires
-            const fs = require('fs');
-            const base = path.resolve(this.configPath);
-            const extensions = ['.js', '.ts', '.jms', '.jcs'];
-            let configImport = null;
-            for (const ext of extensions) {
-                const path = base + ext;
-                if (fs.existsSync(path)) {
-                    configImport = require(path);
-                    break;
-                }
-            }
-            if (!configImport) {
-                throw new Error(`Configuration file not found, looked for: ${base} with extensions: ${extensions.join(', ')}`);
-            }
-            let config;
-            if ('default' in configImport) {
-                config = configImport.default;
-            }
-            else {
-                config = configImport;
-            }
-            return config;
-        }
-        else {
-            throw new Error('You must provide configuration object when using this library in a browser.');
-        }
-    }
-}
-
-const ConfigModule = {
-    configService: awilix.asClass(ConfigService).singleton(),
-};
-
-class PluginAbstract {
-    constructor(options) {
-        this.options = options;
-    }
-    init(api) {
-        this.pluginInstance = new this.pluginClass(api, this.options);
-        this.pluginInstance.onInit();
-        return this;
-    }
-    getInstance() {
-        if (!this.pluginInstance) {
-            throw new Error(`Plugin ${this.name} is not initialized`);
-        }
-        return this.pluginInstance;
-    }
-}
-class PluginImplAbstract {
-    constructor(api, options) {
-        this.api = api;
-        this.options = options;
-        this.onInit();
-    }
-}
-
-class PluginApi {
-    constructor() {
-        this.plugins = new Map();
-    }
-    addPlugin(plugin) {
-        this.plugins.set(plugin.name, plugin);
-    }
-    loadPlugins(api) {
-        const plugins = new Map(this.plugins);
-        let size = 0;
-        do {
-            size = plugins.size;
-            plugins.forEach((plugin, key) => {
-                const deps = plugin.dependencies.filter((dep) => !this.plugins.has(new dep().name));
-                if (deps.length === 0) {
-                    this.plugins.set(plugin.name, plugin.init(api));
-                    plugins.delete(key);
-                }
-            });
-        } while (plugins.size != 0 && plugins.size < size);
-        if (plugins.size > 0)
-            throw new Error("Some plugins couldn't be loaded due to missing dependencies: " +
-                Array.from(plugins.keys()));
-    }
-    getPlugin(plugin) {
-        const pluginInstance = this.plugins.get(new plugin().name);
-        if (!pluginInstance)
-            throw new Error(`Plugin ${plugin.name} not found`);
-        return pluginInstance;
-    }
-}
-
-const PluginModule = {
-    pluginApi: awilix.asClass(PluginApi).singleton(),
-};
-
-function importContainer(container, services) {
-    services.forEach((service) => {
-        Object.entries(service).forEach(([name, serviceClass]) => {
-            container.register(name, serviceClass);
-        });
-    });
-    return container;
-}
-const AppContainer = awilix.createContainer({
-    injectionMode: awilix.InjectionMode.PROXY,
-});
-importContainer(AppContainer, [
-    ConfigModule,
-    AppModule,
-    PluginModule,
-    ColorModule,
-    ThemeModule,
-]);
-
-function bootstrap() {
-    return AppContainer.resolve('api');
-}
-function bootstrapFromConfig(args) {
-    const configService = AppContainer.resolve('configService');
-    if (args === null || args === void 0 ? void 0 : args.path)
-        configService.configPath = args.path;
-    configService.loadConfig(args === null || args === void 0 ? void 0 : args.config);
-    return AppContainer.resolve('api');
-}
-
-exports.FontFamily = void 0;
-(function (FontFamily) {
-    FontFamily["Expressive"] = "expressive";
-    FontFamily["Neutral"] = "neutral";
-})(exports.FontFamily || (exports.FontFamily = {}));
-class FontPlugin extends PluginAbstract {
-    constructor() {
-        super(...arguments);
-        this.dependencies = [];
-        this.name = 'font';
-        this.pluginClass = FontPluginImpl;
-    }
-}
-class FontPluginImpl extends PluginImplAbstract {
-    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, _e, _f;
-        this.fontFamily = {
-            expressive: (_c = (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.fontFamily) === null || _b === void 0 ? void 0 : _b.expressive) !== null && _c !== void 0 ? _c : [
-                'Roboto',
-                'sans-serif',
-            ],
-            neutral: (_f = (_e = (_d = this.options) === null || _d === void 0 ? void 0 : _d.fontFamily) === null || _e === void 0 ? void 0 : _e.neutral) !== null && _f !== void 0 ? _f : ['Roboto', 'sans-serif'],
-        };
-        this.fontStyles = {
-            display: {
-                large: {
-                    fontWeight: 400,
-                    fontSize: 3.5625,
-                    lineHeight: 4,
-                    letterSpacing: -0.015625,
-                    fontFamily: exports.FontFamily.Expressive,
-                },
-                medium: {
-                    fontWeight: 400,
-                    fontSize: 2.8125,
-                    lineHeight: 3.25,
-                    fontFamily: exports.FontFamily.Expressive,
-                },
-                small: {
-                    fontWeight: 400,
-                    fontSize: 2.25,
-                    lineHeight: 2.75,
-                    fontFamily: exports.FontFamily.Expressive,
-                },
-            },
-            headline: {
-                large: {
-                    fontWeight: 400,
-                    fontSize: 2,
-                    lineHeight: 2.5,
-                    fontFamily: exports.FontFamily.Expressive,
-                },
-                medium: {
-                    fontWeight: 400,
-                    fontSize: 1.75,
-                    lineHeight: 2.25,
-                    fontFamily: exports.FontFamily.Expressive,
-                },
-                small: {
-                    fontWeight: 400,
-                    fontSize: 1.5,
-                    lineHeight: 2,
-                    fontFamily: exports.FontFamily.Expressive,
-                },
-            },
-            title: {
-                large: {
-                    fontWeight: 400,
-                    fontSize: 1.375,
-                    lineHeight: 1.75,
-                    fontFamily: exports.FontFamily.Neutral,
-                },
-                medium: {
-                    fontWeight: 500,
-                    fontSize: 1,
-                    lineHeight: 1.5,
-                    fontFamily: exports.FontFamily.Neutral,
-                    letterSpacing: 0.009375,
-                },
-                small: {
-                    fontWeight: 500,
-                    fontSize: 0.875,
-                    lineHeight: 1.25,
-                    fontFamily: exports.FontFamily.Neutral,
-                    letterSpacing: 0.00625,
-                },
-            },
-            label: {
-                large: {
-                    fontWeight: 500,
-                    fontSize: 0.875,
-                    lineHeight: 1.25,
-                    fontFamily: exports.FontFamily.Neutral,
-                    letterSpacing: 0.00625,
-                },
-                medium: {
-                    fontWeight: 500,
-                    fontSize: 0.75,
-                    lineHeight: 1,
-                    fontFamily: exports.FontFamily.Neutral,
-                    letterSpacing: 0.03125,
-                },
-                small: {
-                    fontWeight: 500,
-                    fontSize: 0.6875,
-                    lineHeight: 1,
-                    fontFamily: exports.FontFamily.Neutral,
-                    letterSpacing: 0.03125,
-                },
-            },
-            body: {
-                large: {
-                    fontWeight: 400,
-                    fontSize: 1,
-                    lineHeight: 1.5625,
-                    fontFamily: exports.FontFamily.Neutral,
-                    letterSpacing: 0.03125,
-                },
-                medium: {
-                    fontWeight: 400,
-                    fontSize: 0.875,
-                    lineHeight: 1.25,
-                    fontFamily: exports.FontFamily.Neutral,
-                    letterSpacing: 0.015625,
-                },
-                small: {
-                    fontWeight: 400,
-                    fontSize: 0.75,
-                    lineHeight: 1,
-                    fontFamily: exports.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] = Object.assign(Object.assign({}, this.fontStyles[fontRole][fontSize]), fontStyle);
-                    }
-                });
-            });
-    }
-}
-
-exports.API = API;
-exports.AppContainer = AppContainer;
-exports.AppModule = AppModule;
-exports.ColorApi = ColorApi;
-exports.ColorManager = ColorManager;
-exports.ColorModule = ColorModule;
-exports.ConfigModule = ConfigModule;
-exports.ConfigService = ConfigService;
-exports.ConfigurableColor = ConfigurableColor;
-exports.ContrastCurve = ContrastCurve;
-exports.DynamicColor = DynamicColor;
-exports.FontPlugin = FontPlugin;
-exports.PluginAbstract = PluginAbstract;
-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.bootstrapFromConfig = bootstrapFromConfig;
-exports.defaultColors = defaultColors;
-exports.defineConfig = defineConfig;
-exports.expressiveVariant = expressiveVariant;
-exports.extendSpecVersion = extendSpecVersion;
-exports.getPiecewiseHue = getPiecewiseHue;
-exports.getRotatedHue = getRotatedHue;
-exports.highestSurface = highestSurface;
-exports.importContainer = importContainer;
-exports.neutralVariant = neutralVariant;
-exports.tonalSpotVariant = tonalSpotVariant;
-exports.vibrantVariant = vibrantVariant;