@react-stately/color 3.9.5 → 3.10.0

package/dist/Color.main.js

@@ -1,766 +0,0 @@
-var $097dc310d9980f22$exports = require("./intlStrings.main.js");
-var $5BFmN$reactstatelyutils = require("@react-stately/utils");
-var $5BFmN$internationalizedstring = require("@internationalized/string");
-var $5BFmN$internationalizednumber = require("@internationalized/number");
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "parseColor", () => $83fe1a57d631223b$export$6e865ea70d7724f);
-$parcel$export(module.exports, "normalizeColor", () => $83fe1a57d631223b$export$4cde5df63f53f473);
-$parcel$export(module.exports, "getColorChannels", () => $83fe1a57d631223b$export$1c0c08912582810c);
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you 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 REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-let $83fe1a57d631223b$var$dictionary = new (0, $5BFmN$internationalizedstring.LocalizedStringDictionary)((0, ($parcel$interopDefault($097dc310d9980f22$exports))));
-function $83fe1a57d631223b$export$6e865ea70d7724f(value) {
-    let res = $83fe1a57d631223b$var$RGBColor.parse(value) || $83fe1a57d631223b$var$HSBColor.parse(value) || $83fe1a57d631223b$var$HSLColor.parse(value);
-    if (res) return res;
-    throw new Error('Invalid color value: ' + value);
-}
-function $83fe1a57d631223b$export$4cde5df63f53f473(v) {
-    if (typeof v === 'string') return $83fe1a57d631223b$export$6e865ea70d7724f(v);
-    else return v;
-}
-function $83fe1a57d631223b$export$1c0c08912582810c(colorSpace) {
-    switch(colorSpace){
-        case 'rgb':
-            return $83fe1a57d631223b$var$RGBColor.colorChannels;
-        case 'hsl':
-            return $83fe1a57d631223b$var$HSLColor.colorChannels;
-        case 'hsb':
-            return $83fe1a57d631223b$var$HSBColor.colorChannels;
-    }
-}
-function $83fe1a57d631223b$export$87f5012e10bb20b2(hue) {
-    if (hue === 360) return hue;
-    return (hue % 360 + 360) % 360;
-}
-// Lightness threshold between orange and brown.
-const $83fe1a57d631223b$var$ORANGE_LIGHTNESS_THRESHOLD = 0.68;
-// Lightness threshold between pure yellow and "yellow green".
-const $83fe1a57d631223b$var$YELLOW_GREEN_LIGHTNESS_THRESHOLD = 0.85;
-// The maximum lightness considered to be "dark".
-const $83fe1a57d631223b$var$MAX_DARK_LIGHTNESS = 0.55;
-// The chroma threshold between gray and color.
-const $83fe1a57d631223b$var$GRAY_THRESHOLD = 0.001;
-const $83fe1a57d631223b$var$OKLCH_HUES = [
-    [
-        0,
-        'pink'
-    ],
-    [
-        15,
-        'red'
-    ],
-    [
-        48,
-        'orange'
-    ],
-    [
-        94,
-        'yellow'
-    ],
-    [
-        135,
-        'green'
-    ],
-    [
-        175,
-        'cyan'
-    ],
-    [
-        264,
-        'blue'
-    ],
-    [
-        284,
-        'purple'
-    ],
-    [
-        320,
-        'magenta'
-    ],
-    [
-        349,
-        'pink'
-    ]
-];
-class $83fe1a57d631223b$var$Color {
-    toHexInt() {
-        return this.toFormat('rgb').toHexInt();
-    }
-    getChannelValue(channel) {
-        if (channel in this) return this[channel];
-        throw new Error('Unsupported color channel: ' + channel);
-    }
-    withChannelValue(channel, value) {
-        if (channel in this) {
-            let x = this.clone();
-            x[channel] = value;
-            return x;
-        }
-        throw new Error('Unsupported color channel: ' + channel);
-    }
-    getChannelName(channel, locale) {
-        let strings = (0, $5BFmN$internationalizedstring.LocalizedStringDictionary).getGlobalDictionaryForPackage('@react-stately/color') || $83fe1a57d631223b$var$dictionary;
-        return strings.getStringForLocale(channel, locale);
-    }
-    getColorSpaceAxes(xyChannels) {
-        let { xChannel: xChannel, yChannel: yChannel } = xyChannels;
-        let xCh = xChannel || this.getColorChannels().find((c)=>c !== yChannel);
-        let yCh = yChannel || this.getColorChannels().find((c)=>c !== xCh);
-        let zCh = this.getColorChannels().find((c)=>c !== xCh && c !== yCh);
-        return {
-            xChannel: xCh,
-            yChannel: yCh,
-            zChannel: zCh
-        };
-    }
-    getColorName(locale) {
-        // Convert to oklch color space, which has perceptually uniform lightness across all hues.
-        let [l, c, h] = $83fe1a57d631223b$var$toOKLCH(this);
-        let strings = (0, $5BFmN$internationalizedstring.LocalizedStringDictionary).getGlobalDictionaryForPackage('@react-stately/color') || $83fe1a57d631223b$var$dictionary;
-        if (l > 0.999) return strings.getStringForLocale('white', locale);
-        if (l < 0.001) return strings.getStringForLocale('black', locale);
-        let hue;
-        [hue, l] = this.getOklchHue(l, c, h, locale);
-        let lightness = '';
-        let chroma = '';
-        if (c <= 0.1 && c >= $83fe1a57d631223b$var$GRAY_THRESHOLD) {
-            if (l >= 0.7) chroma = 'pale';
-            else chroma = 'grayish';
-        } else if (c >= 0.15) chroma = 'vibrant';
-        if (l < 0.3) lightness = 'very dark';
-        else if (l < $83fe1a57d631223b$var$MAX_DARK_LIGHTNESS) lightness = 'dark';
-        else if (l < 0.7) ;
-        else if (l < 0.85) lightness = 'light';
-        else lightness = 'very light';
-        if (chroma) chroma = strings.getStringForLocale(chroma, locale);
-        if (lightness) lightness = strings.getStringForLocale(lightness, locale);
-        let alpha = this.getChannelValue('alpha');
-        let formatter = new (0, $5BFmN$internationalizedstring.LocalizedStringFormatter)(locale, strings);
-        if (alpha < 1) {
-            let percentTransparent = new (0, $5BFmN$internationalizednumber.NumberFormatter)(locale, {
-                style: 'percent'
-            }).format(1 - alpha);
-            return formatter.format('transparentColorName', {
-                lightness: lightness,
-                chroma: chroma,
-                hue: hue,
-                percentTransparent: percentTransparent
-            }).replace(/\s+/g, ' ').trim();
-        } else return formatter.format('colorName', {
-            lightness: lightness,
-            chroma: chroma,
-            hue: hue
-        }).replace(/\s+/g, ' ').trim();
-    }
-    getOklchHue(l, c, h, locale) {
-        let strings = (0, $5BFmN$internationalizedstring.LocalizedStringDictionary).getGlobalDictionaryForPackage('@react-stately/color') || $83fe1a57d631223b$var$dictionary;
-        if (c < $83fe1a57d631223b$var$GRAY_THRESHOLD) return [
-            strings.getStringForLocale('gray', locale),
-            l
-        ];
-        for(let i = 0; i < $83fe1a57d631223b$var$OKLCH_HUES.length; i++){
-            let [hue, hueName] = $83fe1a57d631223b$var$OKLCH_HUES[i];
-            let [nextHue, nextHueName] = $83fe1a57d631223b$var$OKLCH_HUES[i + 1] || [
-                360,
-                'pink'
-            ];
-            if (h >= hue && h < nextHue) {
-                // Split orange hue into brown/orange depending on lightness.
-                if (hueName === 'orange') {
-                    if (l < $83fe1a57d631223b$var$ORANGE_LIGHTNESS_THRESHOLD) hueName = 'brown';
-                    else // Adjust lightness.
-                    l = l - $83fe1a57d631223b$var$ORANGE_LIGHTNESS_THRESHOLD + $83fe1a57d631223b$var$MAX_DARK_LIGHTNESS;
-                }
-                // If the hue is at least halfway to the next hue, add the next hue name as well.
-                if (h > hue + (nextHue - hue) / 2 && hueName !== nextHueName) hueName = `${hueName} ${nextHueName}`;
-                else if (hueName === 'yellow' && l < $83fe1a57d631223b$var$YELLOW_GREEN_LIGHTNESS_THRESHOLD) // Yellow shifts toward green at lower lightnesses.
-                hueName = 'yellow green';
-                let name = strings.getStringForLocale(hueName, locale).toLocaleLowerCase(locale);
-                return [
-                    name,
-                    l
-                ];
-            }
-        }
-        throw new Error('Unexpected hue');
-    }
-    getHueName(locale) {
-        let [l, c, h] = $83fe1a57d631223b$var$toOKLCH(this);
-        let [name] = this.getOklchHue(l, c, h, locale);
-        return name;
-    }
-}
-class $83fe1a57d631223b$var$RGBColor extends $83fe1a57d631223b$var$Color {
-    static parse(value) {
-        let colors = [];
-        // matching #rgb, #rgba, #rrggbb, #rrggbbaa
-        if (/^#[\da-f]+$/i.test(value) && [
-            4,
-            5,
-            7,
-            9
-        ].includes(value.length)) {
-            const values = (value.length < 6 ? value.replace(/[^#]/gi, '$&$&') : value).slice(1).split('');
-            while(values.length > 0)colors.push(parseInt(values.splice(0, 2).join(''), 16));
-            colors[3] = colors[3] !== undefined ? colors[3] / 255 : undefined;
-        }
-        // matching rgb(rrr, ggg, bbb), rgba(rrr, ggg, bbb, 0.a)
-        const match = value.match(/^rgba?\((.*)\)$/);
-        if (match === null || match === void 0 ? void 0 : match[1]) {
-            colors = match[1].split(',').map((value)=>Number(value.trim()));
-            colors = colors.map((num, i)=>{
-                return (0, $5BFmN$reactstatelyutils.clamp)(num !== null && num !== void 0 ? num : 0, 0, i < 3 ? 255 : 1);
-            });
-        }
-        if (colors[0] === undefined || colors[1] === undefined || colors[2] === undefined) return undefined;
-        var _colors_;
-        return colors.length < 3 ? undefined : new $83fe1a57d631223b$var$RGBColor(colors[0], colors[1], colors[2], (_colors_ = colors[3]) !== null && _colors_ !== void 0 ? _colors_ : 1);
-    }
-    toString(format = 'css') {
-        switch(format){
-            case 'hex':
-                return '#' + (this.red.toString(16).padStart(2, '0') + this.green.toString(16).padStart(2, '0') + this.blue.toString(16).padStart(2, '0')).toUpperCase();
-            case 'hexa':
-                return '#' + (this.red.toString(16).padStart(2, '0') + this.green.toString(16).padStart(2, '0') + this.blue.toString(16).padStart(2, '0') + Math.round(this.alpha * 255).toString(16).padStart(2, '0')).toUpperCase();
-            case 'rgb':
-                return `rgb(${this.red}, ${this.green}, ${this.blue})`;
-            case 'css':
-            case 'rgba':
-                return `rgba(${this.red}, ${this.green}, ${this.blue}, ${this.alpha})`;
-            default:
-                return this.toFormat(format).toString(format);
-        }
-    }
-    toFormat(format) {
-        switch(format){
-            case 'hex':
-            case 'hexa':
-            case 'rgb':
-            case 'rgba':
-                return this;
-            case 'hsb':
-            case 'hsba':
-                return this.toHSB();
-            case 'hsl':
-            case 'hsla':
-                return this.toHSL();
-            default:
-                throw new Error('Unsupported color conversion: rgb -> ' + format);
-        }
-    }
-    toHexInt() {
-        return this.red << 16 | this.green << 8 | this.blue;
-    }
-    /**
-   * Converts an RGB color value to HSB.
-   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#From_RGB.
-   * @returns An HSBColor object.
-   */ toHSB() {
-        const red = this.red / 255;
-        const green = this.green / 255;
-        const blue = this.blue / 255;
-        const min = Math.min(red, green, blue);
-        const brightness = Math.max(red, green, blue);
-        const chroma = brightness - min;
-        const saturation = brightness === 0 ? 0 : chroma / brightness;
-        let hue = 0; // achromatic
-        if (chroma !== 0) {
-            switch(brightness){
-                case red:
-                    hue = (green - blue) / chroma + (green < blue ? 6 : 0);
-                    break;
-                case green:
-                    hue = (blue - red) / chroma + 2;
-                    break;
-                case blue:
-                    hue = (red - green) / chroma + 4;
-                    break;
-            }
-            hue /= 6;
-        }
-        return new $83fe1a57d631223b$var$HSBColor((0, $5BFmN$reactstatelyutils.toFixedNumber)(hue * 360, 2), (0, $5BFmN$reactstatelyutils.toFixedNumber)(saturation * 100, 2), (0, $5BFmN$reactstatelyutils.toFixedNumber)(brightness * 100, 2), this.alpha);
-    }
-    /**
-   * Converts an RGB color value to HSL.
-   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#From_RGB.
-   * @returns An HSLColor object.
-   */ toHSL() {
-        const red = this.red / 255;
-        const green = this.green / 255;
-        const blue = this.blue / 255;
-        const min = Math.min(red, green, blue);
-        const max = Math.max(red, green, blue);
-        const lightness = (max + min) / 2;
-        const chroma = max - min;
-        let hue;
-        let saturation;
-        if (chroma === 0) hue = saturation = 0; // achromatic
-        else {
-            saturation = chroma / (lightness < .5 ? max + min : 2 - max - min);
-            switch(max){
-                case red:
-                    hue = (green - blue) / chroma + (green < blue ? 6 : 0);
-                    break;
-                case green:
-                    hue = (blue - red) / chroma + 2;
-                    break;
-                case blue:
-                default:
-                    hue = (red - green) / chroma + 4;
-                    break;
-            }
-            hue /= 6;
-        }
-        return new $83fe1a57d631223b$var$HSLColor((0, $5BFmN$reactstatelyutils.toFixedNumber)(hue * 360, 2), (0, $5BFmN$reactstatelyutils.toFixedNumber)(saturation * 100, 2), (0, $5BFmN$reactstatelyutils.toFixedNumber)(lightness * 100, 2), this.alpha);
-    }
-    clone() {
-        return new $83fe1a57d631223b$var$RGBColor(this.red, this.green, this.blue, this.alpha);
-    }
-    getChannelRange(channel) {
-        switch(channel){
-            case 'red':
-            case 'green':
-            case 'blue':
-                return {
-                    minValue: 0x0,
-                    maxValue: 0xFF,
-                    step: 0x1,
-                    pageSize: 0x11
-                };
-            case 'alpha':
-                return {
-                    minValue: 0,
-                    maxValue: 1,
-                    step: 0.01,
-                    pageSize: 0.1
-                };
-            default:
-                throw new Error('Unknown color channel: ' + channel);
-        }
-    }
-    getChannelFormatOptions(channel) {
-        switch(channel){
-            case 'red':
-            case 'green':
-            case 'blue':
-                return {
-                    style: 'decimal'
-                };
-            case 'alpha':
-                return {
-                    style: 'percent'
-                };
-            default:
-                throw new Error('Unknown color channel: ' + channel);
-        }
-    }
-    formatChannelValue(channel, locale) {
-        let options = this.getChannelFormatOptions(channel);
-        let value = this.getChannelValue(channel);
-        return new (0, $5BFmN$internationalizednumber.NumberFormatter)(locale, options).format(value);
-    }
-    getColorSpace() {
-        return 'rgb';
-    }
-    getColorChannels() {
-        return $83fe1a57d631223b$var$RGBColor.colorChannels;
-    }
-    constructor(red, green, blue, alpha){
-        super(), this.red = red, this.green = green, this.blue = blue, this.alpha = alpha;
-    }
-}
-$83fe1a57d631223b$var$RGBColor.colorChannels = [
-    'red',
-    'green',
-    'blue'
-];
-// X = <negative/positive number with/without decimal places>
-// before/after a comma, 0 or more whitespaces are allowed
-// - hsb(X, X%, X%)
-// - hsba(X, X%, X%, X)
-const $83fe1a57d631223b$var$HSB_REGEX = /hsb\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%)\)|hsba\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d(.\d+)?)\)/;
-class $83fe1a57d631223b$var$HSBColor extends $83fe1a57d631223b$var$Color {
-    static parse(value) {
-        let m;
-        if (m = value.match($83fe1a57d631223b$var$HSB_REGEX)) {
-            var _m_;
-            const [h, s, b, a] = ((_m_ = m[1]) !== null && _m_ !== void 0 ? _m_ : m[2]).split(',').map((n)=>Number(n.trim().replace('%', '')));
-            return new $83fe1a57d631223b$var$HSBColor($83fe1a57d631223b$export$87f5012e10bb20b2(h), (0, $5BFmN$reactstatelyutils.clamp)(s, 0, 100), (0, $5BFmN$reactstatelyutils.clamp)(b, 0, 100), (0, $5BFmN$reactstatelyutils.clamp)(a !== null && a !== void 0 ? a : 1, 0, 1));
-        }
-    }
-    toString(format = 'css') {
-        switch(format){
-            case 'css':
-                return this.toHSL().toString('css');
-            case 'hex':
-                return this.toRGB().toString('hex');
-            case 'hexa':
-                return this.toRGB().toString('hexa');
-            case 'hsb':
-                return `hsb(${this.hue}, ${(0, $5BFmN$reactstatelyutils.toFixedNumber)(this.saturation, 2)}%, ${(0, $5BFmN$reactstatelyutils.toFixedNumber)(this.brightness, 2)}%)`;
-            case 'hsba':
-                return `hsba(${this.hue}, ${(0, $5BFmN$reactstatelyutils.toFixedNumber)(this.saturation, 2)}%, ${(0, $5BFmN$reactstatelyutils.toFixedNumber)(this.brightness, 2)}%, ${this.alpha})`;
-            default:
-                return this.toFormat(format).toString(format);
-        }
-    }
-    toFormat(format) {
-        switch(format){
-            case 'hsb':
-            case 'hsba':
-                return this;
-            case 'hsl':
-            case 'hsla':
-                return this.toHSL();
-            case 'rgb':
-            case 'rgba':
-                return this.toRGB();
-            default:
-                throw new Error('Unsupported color conversion: hsb -> ' + format);
-        }
-    }
-    /**
-   * Converts a HSB color to HSL.
-   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSV_to_HSL.
-   * @returns An HSLColor object.
-   */ toHSL() {
-        let saturation = this.saturation / 100;
-        let brightness = this.brightness / 100;
-        let lightness = brightness * (1 - saturation / 2);
-        saturation = lightness === 0 || lightness === 1 ? 0 : (brightness - lightness) / Math.min(lightness, 1 - lightness);
-        return new $83fe1a57d631223b$var$HSLColor((0, $5BFmN$reactstatelyutils.toFixedNumber)(this.hue, 2), (0, $5BFmN$reactstatelyutils.toFixedNumber)(saturation * 100, 2), (0, $5BFmN$reactstatelyutils.toFixedNumber)(lightness * 100, 2), this.alpha);
-    }
-    /**
-   * Converts a HSV color value to RGB.
-   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSV_to_RGB_alternative.
-   * @returns An RGBColor object.
-   */ toRGB() {
-        let hue = this.hue;
-        let saturation = this.saturation / 100;
-        let brightness = this.brightness / 100;
-        let fn = (n, k = (n + hue / 60) % 6)=>brightness - saturation * brightness * Math.max(Math.min(k, 4 - k, 1), 0);
-        return new $83fe1a57d631223b$var$RGBColor(Math.round(fn(5) * 255), Math.round(fn(3) * 255), Math.round(fn(1) * 255), this.alpha);
-    }
-    clone() {
-        return new $83fe1a57d631223b$var$HSBColor(this.hue, this.saturation, this.brightness, this.alpha);
-    }
-    getChannelRange(channel) {
-        switch(channel){
-            case 'hue':
-                return {
-                    minValue: 0,
-                    maxValue: 360,
-                    step: 1,
-                    pageSize: 15
-                };
-            case 'saturation':
-            case 'brightness':
-                return {
-                    minValue: 0,
-                    maxValue: 100,
-                    step: 1,
-                    pageSize: 10
-                };
-            case 'alpha':
-                return {
-                    minValue: 0,
-                    maxValue: 1,
-                    step: 0.01,
-                    pageSize: 0.1
-                };
-            default:
-                throw new Error('Unknown color channel: ' + channel);
-        }
-    }
-    getChannelFormatOptions(channel) {
-        switch(channel){
-            case 'hue':
-                return {
-                    style: 'unit',
-                    unit: 'degree',
-                    unitDisplay: 'narrow'
-                };
-            case 'saturation':
-            case 'brightness':
-            case 'alpha':
-                return {
-                    style: 'percent'
-                };
-            default:
-                throw new Error('Unknown color channel: ' + channel);
-        }
-    }
-    formatChannelValue(channel, locale) {
-        let options = this.getChannelFormatOptions(channel);
-        let value = this.getChannelValue(channel);
-        if (channel === 'saturation' || channel === 'brightness') value /= 100;
-        return new (0, $5BFmN$internationalizednumber.NumberFormatter)(locale, options).format(value);
-    }
-    getColorSpace() {
-        return 'hsb';
-    }
-    getColorChannels() {
-        return $83fe1a57d631223b$var$HSBColor.colorChannels;
-    }
-    constructor(hue, saturation, brightness, alpha){
-        super(), this.hue = hue, this.saturation = saturation, this.brightness = brightness, this.alpha = alpha;
-    }
-}
-$83fe1a57d631223b$var$HSBColor.colorChannels = [
-    'hue',
-    'saturation',
-    'brightness'
-];
-// X = <negative/positive number with/without decimal places>
-// before/after a comma, 0 or more whitespaces are allowed
-// - hsl(X, X%, X%)
-// - hsla(X, X%, X%, X)
-const $83fe1a57d631223b$var$HSL_REGEX = /hsl\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%)\)|hsla\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d(.\d+)?)\)/;
-class $83fe1a57d631223b$var$HSLColor extends $83fe1a57d631223b$var$Color {
-    static parse(value) {
-        let m;
-        if (m = value.match($83fe1a57d631223b$var$HSL_REGEX)) {
-            var _m_;
-            const [h, s, l, a] = ((_m_ = m[1]) !== null && _m_ !== void 0 ? _m_ : m[2]).split(',').map((n)=>Number(n.trim().replace('%', '')));
-            return new $83fe1a57d631223b$var$HSLColor($83fe1a57d631223b$export$87f5012e10bb20b2(h), (0, $5BFmN$reactstatelyutils.clamp)(s, 0, 100), (0, $5BFmN$reactstatelyutils.clamp)(l, 0, 100), (0, $5BFmN$reactstatelyutils.clamp)(a !== null && a !== void 0 ? a : 1, 0, 1));
-        }
-    }
-    toString(format = 'css') {
-        switch(format){
-            case 'hex':
-                return this.toRGB().toString('hex');
-            case 'hexa':
-                return this.toRGB().toString('hexa');
-            case 'hsl':
-                return `hsl(${this.hue}, ${(0, $5BFmN$reactstatelyutils.toFixedNumber)(this.saturation, 2)}%, ${(0, $5BFmN$reactstatelyutils.toFixedNumber)(this.lightness, 2)}%)`;
-            case 'css':
-            case 'hsla':
-                return `hsla(${this.hue}, ${(0, $5BFmN$reactstatelyutils.toFixedNumber)(this.saturation, 2)}%, ${(0, $5BFmN$reactstatelyutils.toFixedNumber)(this.lightness, 2)}%, ${this.alpha})`;
-            default:
-                return this.toFormat(format).toString(format);
-        }
-    }
-    toFormat(format) {
-        switch(format){
-            case 'hsl':
-            case 'hsla':
-                return this;
-            case 'hsb':
-            case 'hsba':
-                return this.toHSB();
-            case 'rgb':
-            case 'rgba':
-                return this.toRGB();
-            default:
-                throw new Error('Unsupported color conversion: hsl -> ' + format);
-        }
-    }
-    /**
-   * Converts a HSL color to HSB.
-   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSL_to_HSV.
-   * @returns An HSBColor object.
-   */ toHSB() {
-        let saturation = this.saturation / 100;
-        let lightness = this.lightness / 100;
-        let brightness = lightness + saturation * Math.min(lightness, 1 - lightness);
-        saturation = brightness === 0 ? 0 : 2 * (1 - lightness / brightness);
-        return new $83fe1a57d631223b$var$HSBColor((0, $5BFmN$reactstatelyutils.toFixedNumber)(this.hue, 2), (0, $5BFmN$reactstatelyutils.toFixedNumber)(saturation * 100, 2), (0, $5BFmN$reactstatelyutils.toFixedNumber)(brightness * 100, 2), this.alpha);
-    }
-    /**
-   * Converts a HSL color to RGB.
-   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSL_to_RGB_alternative.
-   * @returns An RGBColor object.
-   */ toRGB() {
-        let hue = this.hue;
-        let saturation = this.saturation / 100;
-        let lightness = this.lightness / 100;
-        let a = saturation * Math.min(lightness, 1 - lightness);
-        let fn = (n, k = (n + hue / 30) % 12)=>lightness - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-        return new $83fe1a57d631223b$var$RGBColor(Math.round(fn(0) * 255), Math.round(fn(8) * 255), Math.round(fn(4) * 255), this.alpha);
-    }
-    clone() {
-        return new $83fe1a57d631223b$var$HSLColor(this.hue, this.saturation, this.lightness, this.alpha);
-    }
-    getChannelRange(channel) {
-        switch(channel){
-            case 'hue':
-                return {
-                    minValue: 0,
-                    maxValue: 360,
-                    step: 1,
-                    pageSize: 15
-                };
-            case 'saturation':
-            case 'lightness':
-                return {
-                    minValue: 0,
-                    maxValue: 100,
-                    step: 1,
-                    pageSize: 10
-                };
-            case 'alpha':
-                return {
-                    minValue: 0,
-                    maxValue: 1,
-                    step: 0.01,
-                    pageSize: 0.1
-                };
-            default:
-                throw new Error('Unknown color channel: ' + channel);
-        }
-    }
-    getChannelFormatOptions(channel) {
-        switch(channel){
-            case 'hue':
-                return {
-                    style: 'unit',
-                    unit: 'degree',
-                    unitDisplay: 'narrow'
-                };
-            case 'saturation':
-            case 'lightness':
-            case 'alpha':
-                return {
-                    style: 'percent'
-                };
-            default:
-                throw new Error('Unknown color channel: ' + channel);
-        }
-    }
-    formatChannelValue(channel, locale) {
-        let options = this.getChannelFormatOptions(channel);
-        let value = this.getChannelValue(channel);
-        if (channel === 'saturation' || channel === 'lightness') value /= 100;
-        return new (0, $5BFmN$internationalizednumber.NumberFormatter)(locale, options).format(value);
-    }
-    getColorSpace() {
-        return 'hsl';
-    }
-    getColorChannels() {
-        return $83fe1a57d631223b$var$HSLColor.colorChannels;
-    }
-    constructor(hue, saturation, lightness, alpha){
-        super(), this.hue = hue, this.saturation = saturation, this.lightness = lightness, this.alpha = alpha;
-    }
-}
-$83fe1a57d631223b$var$HSLColor.colorChannels = [
-    'hue',
-    'saturation',
-    'lightness'
-];
-// https://www.w3.org/TR/css-color-4/#color-conversion-code
-function $83fe1a57d631223b$var$toOKLCH(color) {
-    let rgb = color.toFormat('rgb');
-    let red = rgb.getChannelValue('red') / 255;
-    let green = rgb.getChannelValue('green') / 255;
-    let blue = rgb.getChannelValue('blue') / 255;
-    [red, green, blue] = $83fe1a57d631223b$var$lin_sRGB(red, green, blue);
-    let [x, y, z] = $83fe1a57d631223b$var$lin_sRGB_to_XYZ(red, green, blue);
-    let [l, a, b] = $83fe1a57d631223b$var$XYZ_to_OKLab(x, y, z);
-    return $83fe1a57d631223b$var$OKLab_to_OKLCH(l, a, b);
-}
-function $83fe1a57d631223b$var$OKLab_to_OKLCH(l, a, b) {
-    var hue = Math.atan2(b, a) * 180 / Math.PI;
-    return [
-        l,
-        Math.sqrt(a ** 2 + b ** 2),
-        hue >= 0 ? hue : hue + 360 // Hue, in degrees [0 to 360)
-    ];
-}
-function $83fe1a57d631223b$var$lin_sRGB(r, g, b) {
-    // convert an array of sRGB values
-    // where in-gamut values are in the range [0 - 1]
-    // to linear light (un-companded) form.
-    // https://en.wikipedia.org/wiki/SRGB
-    // Extended transfer function:
-    // for negative values,  linear portion is extended on reflection of axis,
-    // then reflected power function is used.
-    return [
-        $83fe1a57d631223b$var$lin_sRGB_component(r),
-        $83fe1a57d631223b$var$lin_sRGB_component(g),
-        $83fe1a57d631223b$var$lin_sRGB_component(b)
-    ];
-}
-function $83fe1a57d631223b$var$lin_sRGB_component(val) {
-    let sign = val < 0 ? -1 : 1;
-    let abs = Math.abs(val);
-    if (abs <= 0.04045) return val / 12.92;
-    return sign * Math.pow((abs + 0.055) / 1.055, 2.4);
-}
-function $83fe1a57d631223b$var$lin_sRGB_to_XYZ(r, g, b) {
-    // convert an array of linear-light sRGB values to CIE XYZ
-    // using sRGB's own white, D65 (no chromatic adaptation)
-    const M = [
-        506752 / 1228815,
-        87881 / 245763,
-        12673 / 70218,
-        87098 / 409605,
-        175762 / 245763,
-        12673 / 175545,
-        7918 / 409605,
-        87881 / 737289,
-        1001167 / 1053270
-    ];
-    return $83fe1a57d631223b$var$multiplyMatrix(M, r, g, b);
-}
-function $83fe1a57d631223b$var$XYZ_to_OKLab(x, y, z) {
-    // Given XYZ relative to D65, convert to OKLab
-    const XYZtoLMS = [
-        0.8190224379967030,
-        0.3619062600528904,
-        -0.1288737815209879,
-        0.0329836539323885,
-        0.9292868615863434,
-        0.0361446663506424,
-        0.0481771893596242,
-        0.2642395317527308,
-        0.6335478284694309
-    ];
-    const LMStoOKLab = [
-        0.2104542683093140,
-        0.7936177747023054,
-        -0.0040720430116193,
-        1.9779985324311684,
-        -2.42859224204858,
-        0.4505937096174110,
-        0.0259040424655478,
-        0.7827717124575296,
-        -0.8086757549230774
-    ];
-    let [a, b, c] = $83fe1a57d631223b$var$multiplyMatrix(XYZtoLMS, x, y, z);
-    return $83fe1a57d631223b$var$multiplyMatrix(LMStoOKLab, Math.cbrt(a), Math.cbrt(b), Math.cbrt(c));
-}
-function $83fe1a57d631223b$var$multiplyMatrix(m, x, y, z) {
-    let a = m[0] * x + m[1] * y + m[2] * z;
-    let b = m[3] * x + m[4] * y + m[5] * z;
-    let c = m[6] * x + m[7] * y + m[8] * z;
-    return [
-        a,
-        b,
-        c
-    ];
-}
-
-
-//# sourceMappingURL=Color.main.js.map