@react-stately/color 3.6.1-nightly.4623 → 3.6.1

package/dist/Color.mjs

@@ -25,19 +25,19 @@ let $799cddbef784668f$var$dictionary = new (0, $34yyy$LocalizedStringDictionary)
 function $799cddbef784668f$export$6e865ea70d7724f(value) {
     let res = $799cddbef784668f$var$RGBColor.parse(value) || $799cddbef784668f$var$HSBColor.parse(value) || $799cddbef784668f$var$HSLColor.parse(value);
     if (res) return res;
-    throw new Error("Invalid color value: " + value);
+    throw new Error('Invalid color value: ' + value);
 }
 function $799cddbef784668f$export$4cde5df63f53f473(v) {
-    if (typeof v === "string") return $799cddbef784668f$export$6e865ea70d7724f(v);
+    if (typeof v === 'string') return $799cddbef784668f$export$6e865ea70d7724f(v);
     else return v;
 }
 function $799cddbef784668f$export$1c0c08912582810c(colorSpace) {
     switch(colorSpace){
-        case "rgb":
+        case 'rgb':
             return $799cddbef784668f$var$RGBColor.colorChannels;
-        case "hsl":
+        case 'hsl':
             return $799cddbef784668f$var$HSLColor.colorChannels;
-        case "hsb":
+        case 'hsb':
             return $799cddbef784668f$var$HSBColor.colorChannels;
     }
 }
@@ -52,52 +52,52 @@ const $799cddbef784668f$var$GRAY_THRESHOLD = 0.001;
 const $799cddbef784668f$var$OKLCH_HUES = [
     [
         0,
-        "pink"
+        'pink'
     ],
     [
         15,
-        "red"
+        'red'
     ],
     [
         48,
-        "orange"
+        'orange'
     ],
     [
         94,
-        "yellow"
+        'yellow'
     ],
     [
         135,
-        "green"
+        'green'
     ],
     [
         175,
-        "cyan"
+        'cyan'
     ],
     [
         264,
-        "blue"
+        'blue'
     ],
     [
         284,
-        "purple"
+        'purple'
     ],
     [
         320,
-        "magenta"
+        'magenta'
     ],
     [
         349,
-        "pink"
+        'pink'
     ]
 ];
 class $799cddbef784668f$var$Color {
     toHexInt() {
-        return this.toFormat("rgb").toHexInt();
+        return this.toFormat('rgb').toHexInt();
     }
     getChannelValue(channel) {
         if (channel in this) return this[channel];
-        throw new Error("Unsupported color channel: " + channel);
+        throw new Error('Unsupported color channel: ' + channel);
     }
     withChannelValue(channel, value) {
         if (channel in this) {
@@ -105,10 +105,10 @@ class $799cddbef784668f$var$Color {
             x[channel] = value;
             return x;
         }
-        throw new Error("Unsupported color channel: " + channel);
+        throw new Error('Unsupported color channel: ' + channel);
     }
     getChannelName(channel, locale) {
-        let strings = (0, $34yyy$LocalizedStringDictionary).getGlobalDictionaryForPackage("@react-stately/color") || $799cddbef784668f$var$dictionary;
+        let strings = (0, $34yyy$LocalizedStringDictionary).getGlobalDictionaryForPackage('@react-stately/color') || $799cddbef784668f$var$dictionary;
         return strings.getStringForLocale(channel, locale);
     }
     getColorSpaceAxes(xyChannels) {
@@ -125,65 +125,65 @@ class $799cddbef784668f$var$Color {
     getColorName(locale) {
         // Convert to oklch color space, which has perceptually uniform lightness across all hues.
         let [l, c, h] = $799cddbef784668f$var$toOKLCH(this);
-        let strings = (0, $34yyy$LocalizedStringDictionary).getGlobalDictionaryForPackage("@react-stately/color") || $799cddbef784668f$var$dictionary;
-        if (l > 0.999) return strings.getStringForLocale("white", locale);
-        if (l < 0.001) return strings.getStringForLocale("black", locale);
+        let strings = (0, $34yyy$LocalizedStringDictionary).getGlobalDictionaryForPackage('@react-stately/color') || $799cddbef784668f$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 = "";
+        let lightness = '';
+        let chroma = '';
         if (c <= 0.1 && c >= $799cddbef784668f$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 < $799cddbef784668f$var$MAX_DARK_LIGHTNESS) lightness = "dark";
+            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 < $799cddbef784668f$var$MAX_DARK_LIGHTNESS) lightness = 'dark';
         else if (l < 0.7) ;
-        else if (l < 0.85) lightness = "light";
-        else lightness = "very light";
+        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 alpha = this.getChannelValue('alpha');
         let formatter = new (0, $34yyy$LocalizedStringFormatter)(locale, strings);
         if (alpha < 1) {
             let percentTransparent = new (0, $34yyy$NumberFormatter)(locale, {
-                style: "percent"
+                style: 'percent'
             }).format(1 - alpha);
-            return formatter.format("transparentColorName", {
+            return formatter.format('transparentColorName', {
                 lightness: lightness,
                 chroma: chroma,
                 hue: hue,
                 percentTransparent: percentTransparent
-            }).replace(/\s+/g, " ").trim();
-        } else return formatter.format("colorName", {
+            }).replace(/\s+/g, ' ').trim();
+        } else return formatter.format('colorName', {
             lightness: lightness,
             chroma: chroma,
             hue: hue
-        }).replace(/\s+/g, " ").trim();
+        }).replace(/\s+/g, ' ').trim();
     }
     getOklchHue(l, c, h, locale) {
-        let strings = (0, $34yyy$LocalizedStringDictionary).getGlobalDictionaryForPackage("@react-stately/color") || $799cddbef784668f$var$dictionary;
+        let strings = (0, $34yyy$LocalizedStringDictionary).getGlobalDictionaryForPackage('@react-stately/color') || $799cddbef784668f$var$dictionary;
         if (c < $799cddbef784668f$var$GRAY_THRESHOLD) return [
-            strings.getStringForLocale("gray", locale),
+            strings.getStringForLocale('gray', locale),
             l
         ];
         for(let i = 0; i < $799cddbef784668f$var$OKLCH_HUES.length; i++){
             let [hue, hueName] = $799cddbef784668f$var$OKLCH_HUES[i];
             let [nextHue, nextHueName] = $799cddbef784668f$var$OKLCH_HUES[i + 1] || [
                 360,
-                "pink"
+                'pink'
             ];
             if (h >= hue && h < nextHue) {
                 // Split orange hue into brown/orange depending on lightness.
-                if (hueName === "orange") {
-                    if (l < $799cddbef784668f$var$ORANGE_LIGHTNESS_THRESHOLD) hueName = "brown";
+                if (hueName === 'orange') {
+                    if (l < $799cddbef784668f$var$ORANGE_LIGHTNESS_THRESHOLD) hueName = 'brown';
                     else // Adjust lightness.
                     l = l - $799cddbef784668f$var$ORANGE_LIGHTNESS_THRESHOLD + $799cddbef784668f$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 < $799cddbef784668f$var$YELLOW_GREEN_LIGHTNESS_THRESHOLD) // Yellow shifts toward green at lower lightnesses.
-                hueName = "yellow green";
+                else if (hueName === 'yellow' && l < $799cddbef784668f$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,
@@ -191,7 +191,7 @@ class $799cddbef784668f$var$Color {
                 ];
             }
         }
-        throw new Error("Unexpected hue");
+        throw new Error('Unexpected hue');
     }
     getHueName(locale) {
         let [l, c, h] = $799cddbef784668f$var$toOKLCH(this);
@@ -209,29 +209,29 @@ class $799cddbef784668f$var$RGBColor extends $799cddbef784668f$var$Color {
             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));
+            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 = match[1].split(',').map((value)=>Number(value.trim()));
             colors = colors.map((num, i)=>(0, $34yyy$clamp)(num, 0, i < 3 ? 255 : 1));
         }
         var _colors_;
         return colors.length < 3 ? undefined : new $799cddbef784668f$var$RGBColor(colors[0], colors[1], colors[2], (_colors_ = colors[3]) !== null && _colors_ !== void 0 ? _colors_ : 1);
     }
-    toString(format = "css") {
+    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":
+            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":
+            case 'css':
+            case 'rgba':
                 return `rgba(${this.red}, ${this.green}, ${this.blue}, ${this.alpha})`;
             default:
                 return this.toFormat(format).toString(format);
@@ -239,19 +239,19 @@ class $799cddbef784668f$var$RGBColor extends $799cddbef784668f$var$Color {
     }
     toFormat(format) {
         switch(format){
-            case "hex":
-            case "hexa":
-            case "rgb":
-            case "rgba":
+            case 'hex':
+            case 'hexa':
+            case 'rgb':
+            case 'rgba':
                 return this;
-            case "hsb":
-            case "hsba":
+            case 'hsb':
+            case 'hsba':
                 return this.toHSB();
-            case "hsl":
-            case "hsla":
+            case 'hsl':
+            case 'hsla':
                 return this.toHSL();
             default:
-                throw new Error("Unsupported color conversion: rgb -> " + format);
+                throw new Error('Unsupported color conversion: rgb -> ' + format);
         }
     }
     toHexInt() {
@@ -323,16 +323,16 @@ class $799cddbef784668f$var$RGBColor extends $799cddbef784668f$var$Color {
     }
     getChannelRange(channel) {
         switch(channel){
-            case "red":
-            case "green":
-            case "blue":
+            case 'red':
+            case 'green':
+            case 'blue':
                 return {
                     minValue: 0x0,
                     maxValue: 0xFF,
                     step: 0x1,
                     pageSize: 0x11
                 };
-            case "alpha":
+            case 'alpha':
                 return {
                     minValue: 0,
                     maxValue: 1,
@@ -340,23 +340,23 @@ class $799cddbef784668f$var$RGBColor extends $799cddbef784668f$var$Color {
                     pageSize: 0.1
                 };
             default:
-                throw new Error("Unknown color channel: " + channel);
+                throw new Error('Unknown color channel: ' + channel);
         }
     }
     getChannelFormatOptions(channel) {
         switch(channel){
-            case "red":
-            case "green":
-            case "blue":
+            case 'red':
+            case 'green':
+            case 'blue':
                 return {
-                    style: "decimal"
+                    style: 'decimal'
                 };
-            case "alpha":
+            case 'alpha':
                 return {
-                    style: "percent"
+                    style: 'percent'
                 };
             default:
-                throw new Error("Unknown color channel: " + channel);
+                throw new Error('Unknown color channel: ' + channel);
         }
     }
     formatChannelValue(channel, locale) {
@@ -365,7 +365,7 @@ class $799cddbef784668f$var$RGBColor extends $799cddbef784668f$var$Color {
         return new (0, $34yyy$NumberFormatter)(locale, options).format(value);
     }
     getColorSpace() {
-        return "rgb";
+        return 'rgb';
     }
     getColorChannels() {
         return $799cddbef784668f$var$RGBColor.colorChannels;
@@ -379,9 +379,9 @@ class $799cddbef784668f$var$RGBColor extends $799cddbef784668f$var$Color {
     }
 }
 $799cddbef784668f$var$RGBColor.colorChannels = [
-    "red",
-    "green",
-    "blue"
+    'red',
+    'green',
+    'blue'
 ];
 // X = <negative/positive number with/without decimal places>
 // before/after a comma, 0 or more whitespaces are allowed
@@ -393,21 +393,21 @@ class $799cddbef784668f$var$HSBColor extends $799cddbef784668f$var$Color {
         let m;
         if (m = value.match($799cddbef784668f$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("%", "")));
+            const [h, s, b, a] = ((_m_ = m[1]) !== null && _m_ !== void 0 ? _m_ : m[2]).split(',').map((n)=>Number(n.trim().replace('%', '')));
             return new $799cddbef784668f$var$HSBColor($799cddbef784668f$var$mod(h, 360), (0, $34yyy$clamp)(s, 0, 100), (0, $34yyy$clamp)(b, 0, 100), (0, $34yyy$clamp)(a !== null && a !== void 0 ? a : 1, 0, 1));
         }
     }
-    toString(format = "css") {
+    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":
+            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, $34yyy$toFixedNumber)(this.saturation, 2)}%, ${(0, $34yyy$toFixedNumber)(this.brightness, 2)}%)`;
-            case "hsba":
+            case 'hsba':
                 return `hsba(${this.hue}, ${(0, $34yyy$toFixedNumber)(this.saturation, 2)}%, ${(0, $34yyy$toFixedNumber)(this.brightness, 2)}%, ${this.alpha})`;
             default:
                 return this.toFormat(format).toString(format);
@@ -415,17 +415,17 @@ class $799cddbef784668f$var$HSBColor extends $799cddbef784668f$var$Color {
     }
     toFormat(format) {
         switch(format){
-            case "hsb":
-            case "hsba":
+            case 'hsb':
+            case 'hsba':
                 return this;
-            case "hsl":
-            case "hsla":
+            case 'hsl':
+            case 'hsla':
                 return this.toHSL();
-            case "rgb":
-            case "rgba":
+            case 'rgb':
+            case 'rgba':
                 return this.toRGB();
             default:
-                throw new Error("Unsupported color conversion: hsb -> " + format);
+                throw new Error('Unsupported color conversion: hsb -> ' + format);
         }
     }
     /**
@@ -455,22 +455,22 @@ class $799cddbef784668f$var$HSBColor extends $799cddbef784668f$var$Color {
     }
     getChannelRange(channel) {
         switch(channel){
-            case "hue":
+            case 'hue':
                 return {
                     minValue: 0,
                     maxValue: 360,
                     step: 1,
                     pageSize: 15
                 };
-            case "saturation":
-            case "brightness":
+            case 'saturation':
+            case 'brightness':
                 return {
                     minValue: 0,
                     maxValue: 100,
                     step: 1,
                     pageSize: 10
                 };
-            case "alpha":
+            case 'alpha':
                 return {
                     minValue: 0,
                     maxValue: 1,
@@ -478,35 +478,35 @@ class $799cddbef784668f$var$HSBColor extends $799cddbef784668f$var$Color {
                     pageSize: 0.1
                 };
             default:
-                throw new Error("Unknown color channel: " + channel);
+                throw new Error('Unknown color channel: ' + channel);
         }
     }
     getChannelFormatOptions(channel) {
         switch(channel){
-            case "hue":
+            case 'hue':
                 return {
-                    style: "unit",
-                    unit: "degree",
-                    unitDisplay: "narrow"
+                    style: 'unit',
+                    unit: 'degree',
+                    unitDisplay: 'narrow'
                 };
-            case "saturation":
-            case "brightness":
-            case "alpha":
+            case 'saturation':
+            case 'brightness':
+            case 'alpha':
                 return {
-                    style: "percent"
+                    style: 'percent'
                 };
             default:
-                throw new Error("Unknown color channel: " + channel);
+                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;
+        if (channel === 'saturation' || channel === 'brightness') value /= 100;
         return new (0, $34yyy$NumberFormatter)(locale, options).format(value);
     }
     getColorSpace() {
-        return "hsb";
+        return 'hsb';
     }
     getColorChannels() {
         return $799cddbef784668f$var$HSBColor.colorChannels;
@@ -520,9 +520,9 @@ class $799cddbef784668f$var$HSBColor extends $799cddbef784668f$var$Color {
     }
 }
 $799cddbef784668f$var$HSBColor.colorChannels = [
-    "hue",
-    "saturation",
-    "brightness"
+    'hue',
+    'saturation',
+    'brightness'
 ];
 // X = <negative/positive number with/without decimal places>
 // before/after a comma, 0 or more whitespaces are allowed
@@ -537,20 +537,20 @@ class $799cddbef784668f$var$HSLColor extends $799cddbef784668f$var$Color {
         let m;
         if (m = value.match($799cddbef784668f$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("%", "")));
+            const [h, s, l, a] = ((_m_ = m[1]) !== null && _m_ !== void 0 ? _m_ : m[2]).split(',').map((n)=>Number(n.trim().replace('%', '')));
             return new $799cddbef784668f$var$HSLColor($799cddbef784668f$var$mod(h, 360), (0, $34yyy$clamp)(s, 0, 100), (0, $34yyy$clamp)(l, 0, 100), (0, $34yyy$clamp)(a !== null && a !== void 0 ? a : 1, 0, 1));
         }
     }
-    toString(format = "css") {
+    toString(format = 'css') {
         switch(format){
-            case "hex":
-                return this.toRGB().toString("hex");
-            case "hexa":
-                return this.toRGB().toString("hexa");
-            case "hsl":
+            case 'hex':
+                return this.toRGB().toString('hex');
+            case 'hexa':
+                return this.toRGB().toString('hexa');
+            case 'hsl':
                 return `hsl(${this.hue}, ${(0, $34yyy$toFixedNumber)(this.saturation, 2)}%, ${(0, $34yyy$toFixedNumber)(this.lightness, 2)}%)`;
-            case "css":
-            case "hsla":
+            case 'css':
+            case 'hsla':
                 return `hsla(${this.hue}, ${(0, $34yyy$toFixedNumber)(this.saturation, 2)}%, ${(0, $34yyy$toFixedNumber)(this.lightness, 2)}%, ${this.alpha})`;
             default:
                 return this.toFormat(format).toString(format);
@@ -558,17 +558,17 @@ class $799cddbef784668f$var$HSLColor extends $799cddbef784668f$var$Color {
     }
     toFormat(format) {
         switch(format){
-            case "hsl":
-            case "hsla":
+            case 'hsl':
+            case 'hsla':
                 return this;
-            case "hsb":
-            case "hsba":
+            case 'hsb':
+            case 'hsba':
                 return this.toHSB();
-            case "rgb":
-            case "rgba":
+            case 'rgb':
+            case 'rgba':
                 return this.toRGB();
             default:
-                throw new Error("Unsupported color conversion: hsl -> " + format);
+                throw new Error('Unsupported color conversion: hsl -> ' + format);
         }
     }
     /**
@@ -599,22 +599,22 @@ class $799cddbef784668f$var$HSLColor extends $799cddbef784668f$var$Color {
     }
     getChannelRange(channel) {
         switch(channel){
-            case "hue":
+            case 'hue':
                 return {
                     minValue: 0,
                     maxValue: 360,
                     step: 1,
                     pageSize: 15
                 };
-            case "saturation":
-            case "lightness":
+            case 'saturation':
+            case 'lightness':
                 return {
                     minValue: 0,
                     maxValue: 100,
                     step: 1,
                     pageSize: 10
                 };
-            case "alpha":
+            case 'alpha':
                 return {
                     minValue: 0,
                     maxValue: 1,
@@ -622,35 +622,35 @@ class $799cddbef784668f$var$HSLColor extends $799cddbef784668f$var$Color {
                     pageSize: 0.1
                 };
             default:
-                throw new Error("Unknown color channel: " + channel);
+                throw new Error('Unknown color channel: ' + channel);
         }
     }
     getChannelFormatOptions(channel) {
         switch(channel){
-            case "hue":
+            case 'hue':
                 return {
-                    style: "unit",
-                    unit: "degree",
-                    unitDisplay: "narrow"
+                    style: 'unit',
+                    unit: 'degree',
+                    unitDisplay: 'narrow'
                 };
-            case "saturation":
-            case "lightness":
-            case "alpha":
+            case 'saturation':
+            case 'lightness':
+            case 'alpha':
                 return {
-                    style: "percent"
+                    style: 'percent'
                 };
             default:
-                throw new Error("Unknown color channel: " + channel);
+                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;
+        if (channel === 'saturation' || channel === 'lightness') value /= 100;
         return new (0, $34yyy$NumberFormatter)(locale, options).format(value);
     }
     getColorSpace() {
-        return "hsl";
+        return 'hsl';
     }
     getColorChannels() {
         return $799cddbef784668f$var$HSLColor.colorChannels;
@@ -664,16 +664,16 @@ class $799cddbef784668f$var$HSLColor extends $799cddbef784668f$var$Color {
     }
 }
 $799cddbef784668f$var$HSLColor.colorChannels = [
-    "hue",
-    "saturation",
-    "lightness"
+    'hue',
+    'saturation',
+    'lightness'
 ];
 // https://www.w3.org/TR/css-color-4/#color-conversion-code
 function $799cddbef784668f$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;
+    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] = $799cddbef784668f$var$lin_sRGB(red, green, blue);
     let [x, y, z] = $799cddbef784668f$var$lin_sRGB_to_XYZ(red, green, blue);
     let [l, a, b] = $799cddbef784668f$var$XYZ_to_OKLab(x, y, z);