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

package/dist/useColor.mjs

@@ -15,7 +15,7 @@ import {useMemo as $2sEeQ$useMemo} from "react";
 
 function $aa90ad8b2b1d015f$export$5aadd9c0606af5c2(value) {
     return (0, $2sEeQ$useMemo)(()=>{
-        if (typeof value === "string") try {
+        if (typeof value === 'string') try {
             return (0, $799cddbef784668f$export$6e865ea70d7724f)(value);
         } catch (err) {
             return undefined;

package/dist/useColor.module.js

@@ -15,7 +15,7 @@ import {useMemo as $2sEeQ$useMemo} from "react";
 
 function $aa90ad8b2b1d015f$export$5aadd9c0606af5c2(value) {
     return (0, $2sEeQ$useMemo)(()=>{
-        if (typeof value === "string") try {
+        if (typeof value === 'string') try {
             return (0, $799cddbef784668f$export$6e865ea70d7724f)(value);
         } catch (err) {
             return undefined;

package/dist/useColorAreaState.main.js

@@ -21,7 +21,7 @@ $parcel$export(module.exports, "useColorAreaState", () => $af2d7ac9990cfee2$expo
  */ 
 
 
-const $af2d7ac9990cfee2$var$DEFAULT_COLOR = (0, $83fe1a57d631223b$exports.parseColor)("#ffffff");
+const $af2d7ac9990cfee2$var$DEFAULT_COLOR = (0, $83fe1a57d631223b$exports.parseColor)('#ffffff');
 function $af2d7ac9990cfee2$export$6df7f0e2cabc7eef(props) {
     let { value: value, defaultValue: defaultValue, colorSpace: colorSpace, xChannel: xChannel, yChannel: yChannel, onChange: onChange, onChangeEnd: onChangeEnd } = props;
     if (!value && !defaultValue) defaultValue = $af2d7ac9990cfee2$var$DEFAULT_COLOR;
@@ -119,7 +119,7 @@ function $af2d7ac9990cfee2$export$6df7f0e2cabc7eef(props) {
         },
         isDragging: isDragging,
         getDisplayColor () {
-            return color.withChannelValue("alpha", 1);
+            return color.withChannelValue('alpha', 1);
         }
     };
 }

package/dist/useColorAreaState.mjs

@@ -15,7 +15,7 @@ import {useMemo as $5ShDH$useMemo, useRef as $5ShDH$useRef, useState as $5ShDH$u
  */ 
 
 
-const $6e14a98a7f67141d$var$DEFAULT_COLOR = (0, $799cddbef784668f$export$6e865ea70d7724f)("#ffffff");
+const $6e14a98a7f67141d$var$DEFAULT_COLOR = (0, $799cddbef784668f$export$6e865ea70d7724f)('#ffffff');
 function $6e14a98a7f67141d$export$6df7f0e2cabc7eef(props) {
     let { value: value, defaultValue: defaultValue, colorSpace: colorSpace, xChannel: xChannel, yChannel: yChannel, onChange: onChange, onChangeEnd: onChangeEnd } = props;
     if (!value && !defaultValue) defaultValue = $6e14a98a7f67141d$var$DEFAULT_COLOR;
@@ -113,7 +113,7 @@ function $6e14a98a7f67141d$export$6df7f0e2cabc7eef(props) {
         },
         isDragging: isDragging,
         getDisplayColor () {
-            return color.withChannelValue("alpha", 1);
+            return color.withChannelValue('alpha', 1);
         }
     };
 }

package/dist/useColorAreaState.module.js

@@ -15,7 +15,7 @@ import {useMemo as $5ShDH$useMemo, useRef as $5ShDH$useRef, useState as $5ShDH$u
  */ 
 
 
-const $6e14a98a7f67141d$var$DEFAULT_COLOR = (0, $799cddbef784668f$export$6e865ea70d7724f)("#ffffff");
+const $6e14a98a7f67141d$var$DEFAULT_COLOR = (0, $799cddbef784668f$export$6e865ea70d7724f)('#ffffff');
 function $6e14a98a7f67141d$export$6df7f0e2cabc7eef(props) {
     let { value: value, defaultValue: defaultValue, colorSpace: colorSpace, xChannel: xChannel, yChannel: yChannel, onChange: onChange, onChangeEnd: onChangeEnd } = props;
     if (!value && !defaultValue) defaultValue = $6e14a98a7f67141d$var$DEFAULT_COLOR;
@@ -113,7 +113,7 @@ function $6e14a98a7f67141d$export$6df7f0e2cabc7eef(props) {
         },
         isDragging: isDragging,
         getDisplayColor () {
-            return color.withChannelValue("alpha", 1);
+            return color.withChannelValue('alpha', 1);
         }
     };
 }

package/dist/useColorChannelFieldState.main.js

@@ -16,7 +16,7 @@ $parcel$export(module.exports, "useColorChannelFieldState", () => $9f9c35e37074b
 function $9f9c35e37074b99b$export$b9fc0d69c9190c4a(props) {
     let { channel: channel, colorSpace: colorSpace, locale: locale } = props;
     let initialValue = (0, $f8b3be23ba4462b1$exports.useColor)(props.value);
-    let initialDefaultValue = (0, $f8b3be23ba4462b1$exports.useColor)(props.defaultValue || "#0000");
+    let initialDefaultValue = (0, $f8b3be23ba4462b1$exports.useColor)(props.defaultValue || '#0000');
     let [colorValue, setColor] = (0, $8s2vy$reactstatelyutils.useControlledState)(initialValue || undefined, initialDefaultValue, props.onChange);
     let color = (0, $8s2vy$react.useMemo)(()=>colorSpace && colorValue ? colorValue.toFormat(colorSpace) : colorValue, [
         colorValue,
@@ -28,7 +28,7 @@ function $9f9c35e37074b99b$export$b9fc0d69c9190c4a(props) {
         color,
         channel
     ]);
-    let multiplier = formatOptions.style === "percent" && range.maxValue === 100 ? 100 : 1;
+    let multiplier = formatOptions.style === 'percent' && range.maxValue === 100 ? 100 : 1;
     let numberFieldState = (0, $8s2vy$reactstatelynumberfield.useNumberFieldState)({
         locale: locale,
         value: value / multiplier,

package/dist/useColorChannelFieldState.mjs

@@ -10,7 +10,7 @@ import {useMemo as $52OvP$useMemo} from "react";
 function $31a863bb88e75dd6$export$b9fc0d69c9190c4a(props) {
     let { channel: channel, colorSpace: colorSpace, locale: locale } = props;
     let initialValue = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(props.value);
-    let initialDefaultValue = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(props.defaultValue || "#0000");
+    let initialDefaultValue = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(props.defaultValue || '#0000');
     let [colorValue, setColor] = (0, $52OvP$useControlledState)(initialValue || undefined, initialDefaultValue, props.onChange);
     let color = (0, $52OvP$useMemo)(()=>colorSpace && colorValue ? colorValue.toFormat(colorSpace) : colorValue, [
         colorValue,
@@ -22,7 +22,7 @@ function $31a863bb88e75dd6$export$b9fc0d69c9190c4a(props) {
         color,
         channel
     ]);
-    let multiplier = formatOptions.style === "percent" && range.maxValue === 100 ? 100 : 1;
+    let multiplier = formatOptions.style === 'percent' && range.maxValue === 100 ? 100 : 1;
     let numberFieldState = (0, $52OvP$useNumberFieldState)({
         locale: locale,
         value: value / multiplier,

package/dist/useColorChannelFieldState.module.js

@@ -10,7 +10,7 @@ import {useMemo as $52OvP$useMemo} from "react";
 function $31a863bb88e75dd6$export$b9fc0d69c9190c4a(props) {
     let { channel: channel, colorSpace: colorSpace, locale: locale } = props;
     let initialValue = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(props.value);
-    let initialDefaultValue = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(props.defaultValue || "#0000");
+    let initialDefaultValue = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(props.defaultValue || '#0000');
     let [colorValue, setColor] = (0, $52OvP$useControlledState)(initialValue || undefined, initialDefaultValue, props.onChange);
     let color = (0, $52OvP$useMemo)(()=>colorSpace && colorValue ? colorValue.toFormat(colorSpace) : colorValue, [
         colorValue,
@@ -22,7 +22,7 @@ function $31a863bb88e75dd6$export$b9fc0d69c9190c4a(props) {
         color,
         channel
     ]);
-    let multiplier = formatOptions.style === "percent" && range.maxValue === 100 ? 100 : 1;
+    let multiplier = formatOptions.style === 'percent' && range.maxValue === 100 ? 100 : 1;
     let numberFieldState = (0, $52OvP$useNumberFieldState)({
         locale: locale,
         value: value / multiplier,

package/dist/useColorFieldState.main.js

@@ -25,17 +25,17 @@ $parcel$export(module.exports, "useColorFieldState", () => $d59d0c2b2ce1568f$exp
 
 
 
-const $d59d0c2b2ce1568f$var$MIN_COLOR = (0, $83fe1a57d631223b$exports.parseColor)("#000000");
-const $d59d0c2b2ce1568f$var$MAX_COLOR = (0, $83fe1a57d631223b$exports.parseColor)("#FFFFFF");
+const $d59d0c2b2ce1568f$var$MIN_COLOR = (0, $83fe1a57d631223b$exports.parseColor)('#000000');
+const $d59d0c2b2ce1568f$var$MAX_COLOR = (0, $83fe1a57d631223b$exports.parseColor)('#FFFFFF');
 const $d59d0c2b2ce1568f$var$MIN_COLOR_INT = $d59d0c2b2ce1568f$var$MIN_COLOR.toHexInt();
 const $d59d0c2b2ce1568f$var$MAX_COLOR_INT = $d59d0c2b2ce1568f$var$MAX_COLOR.toHexInt();
 function $d59d0c2b2ce1568f$export$d52a01683abdfcd6(props) {
     let { value: value, defaultValue: defaultValue, onChange: onChange } = props;
-    let { step: step } = $d59d0c2b2ce1568f$var$MIN_COLOR.getChannelRange("red");
+    let { step: step } = $d59d0c2b2ce1568f$var$MIN_COLOR.getChannelRange('red');
     let initialValue = (0, $f8b3be23ba4462b1$exports.useColor)(value);
     let initialDefaultValue = (0, $f8b3be23ba4462b1$exports.useColor)(defaultValue);
     let [colorValue, setColorValue] = (0, $41neA$reactstatelyutils.useControlledState)(initialValue, initialDefaultValue, onChange);
-    let [inputValue, setInputValue] = (0, $41neA$react.useState)(()=>(value || defaultValue) && colorValue ? colorValue.toString("hex") : "");
+    let [inputValue, setInputValue] = (0, $41neA$react.useState)(()=>(value || defaultValue) && colorValue ? colorValue.toString('hex') : '');
     let validation = (0, $41neA$reactstatelyform.useFormValidationState)({
         ...props,
         value: colorValue
@@ -52,13 +52,13 @@ function $d59d0c2b2ce1568f$export$d52a01683abdfcd6(props) {
     };
     let [prevValue, setPrevValue] = (0, $41neA$react.useState)(colorValue);
     if (prevValue !== colorValue) {
-        setInputValue(colorValue ? colorValue.toString("hex") : "");
+        setInputValue(colorValue ? colorValue.toString('hex') : '');
         setPrevValue(colorValue);
     }
     let parsedValue = (0, $41neA$react.useMemo)(()=>{
         let color;
         try {
-            color = (0, $83fe1a57d631223b$exports.parseColor)(inputValue.startsWith("#") ? inputValue : `#${inputValue}`);
+            color = (0, $83fe1a57d631223b$exports.parseColor)(inputValue.startsWith('#') ? inputValue : `#${inputValue}`);
         } catch (err) {
             color = null;
         }
@@ -70,18 +70,18 @@ function $d59d0c2b2ce1568f$export$d52a01683abdfcd6(props) {
         // Set to empty state if input value is empty
         if (!inputValue.length) {
             safelySetColorValue(null);
-            setInputValue(value === undefined ? "" : colorValue.toString("hex"));
+            setInputValue(value === undefined ? '' : colorValue.toString('hex'));
             return;
         }
         // if it failed to parse, then reset input to formatted version of current number
         if (parsedValue == null) {
-            setInputValue(colorValue ? colorValue.toString("hex") : "");
+            setInputValue(colorValue ? colorValue.toString('hex') : '');
             return;
         }
         safelySetColorValue(parsedValue);
         // in a controlled state, the numberValue won't change, so we won't go back to our old input without help
-        let newColorValue = "";
-        if (colorValue) newColorValue = colorValue.toString("hex");
+        let newColorValue = '';
+        if (colorValue) newColorValue = colorValue.toString('hex');
         setInputValue(newColorValue);
     };
     let increment = ()=>{
@@ -90,7 +90,7 @@ function $d59d0c2b2ce1568f$export$d52a01683abdfcd6(props) {
         // input value should be updated to match
         // ex type 4, press increment, highlight the number in the input, type 4 again, press increment
         // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input
-        if (newValue === colorValue) setInputValue(newValue.toString("hex"));
+        if (newValue === colorValue) setInputValue(newValue.toString('hex'));
         safelySetColorValue(newValue);
         validation.commitValidation();
     };
@@ -100,7 +100,7 @@ function $d59d0c2b2ce1568f$export$d52a01683abdfcd6(props) {
         // input value should be updated to match
         // ex type 4, press increment, highlight the number in the input, type 4 again, press increment
         // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input
-        if (newValue === colorValue) setInputValue(newValue.toString("hex"));
+        if (newValue === colorValue) setInputValue(newValue.toString('hex'));
         safelySetColorValue(newValue);
         validation.commitValidation();
     };
@@ -108,7 +108,7 @@ function $d59d0c2b2ce1568f$export$d52a01683abdfcd6(props) {
     let decrementToMin = ()=>safelySetColorValue($d59d0c2b2ce1568f$var$MIN_COLOR);
     let validate = (value)=>{
         var _value_match;
-        return value === "" || !!((_value_match = value.match(/^#?[0-9a-f]{0,6}$/i)) === null || _value_match === void 0 ? void 0 : _value_match[0]);
+        return value === '' || !!((_value_match = value.match(/^#?[0-9a-f]{0,6}$/i)) === null || _value_match === void 0 ? void 0 : _value_match[0]);
     };
     return {
         ...validation,
@@ -128,7 +128,7 @@ function $d59d0c2b2ce1568f$var$addColorValue(color, step) {
     let colorInt = newColor.toHexInt();
     let clampInt = Math.min(Math.max(colorInt + step, $d59d0c2b2ce1568f$var$MIN_COLOR_INT), $d59d0c2b2ce1568f$var$MAX_COLOR_INT);
     if (clampInt !== colorInt) {
-        let newColorString = `#${clampInt.toString(16).padStart(6, "0").toUpperCase()}`;
+        let newColorString = `#${clampInt.toString(16).padStart(6, '0').toUpperCase()}`;
         newColor = (0, $83fe1a57d631223b$exports.parseColor)(newColorString);
     }
     return newColor;

package/dist/useColorFieldState.mjs

@@ -19,17 +19,17 @@ import {useState as $aP5W6$useState, useMemo as $aP5W6$useMemo} from "react";
 
 
 
-const $b335ada08155d9c0$var$MIN_COLOR = (0, $799cddbef784668f$export$6e865ea70d7724f)("#000000");
-const $b335ada08155d9c0$var$MAX_COLOR = (0, $799cddbef784668f$export$6e865ea70d7724f)("#FFFFFF");
+const $b335ada08155d9c0$var$MIN_COLOR = (0, $799cddbef784668f$export$6e865ea70d7724f)('#000000');
+const $b335ada08155d9c0$var$MAX_COLOR = (0, $799cddbef784668f$export$6e865ea70d7724f)('#FFFFFF');
 const $b335ada08155d9c0$var$MIN_COLOR_INT = $b335ada08155d9c0$var$MIN_COLOR.toHexInt();
 const $b335ada08155d9c0$var$MAX_COLOR_INT = $b335ada08155d9c0$var$MAX_COLOR.toHexInt();
 function $b335ada08155d9c0$export$d52a01683abdfcd6(props) {
     let { value: value, defaultValue: defaultValue, onChange: onChange } = props;
-    let { step: step } = $b335ada08155d9c0$var$MIN_COLOR.getChannelRange("red");
+    let { step: step } = $b335ada08155d9c0$var$MIN_COLOR.getChannelRange('red');
     let initialValue = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(value);
     let initialDefaultValue = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(defaultValue);
     let [colorValue, setColorValue] = (0, $aP5W6$useControlledState)(initialValue, initialDefaultValue, onChange);
-    let [inputValue, setInputValue] = (0, $aP5W6$useState)(()=>(value || defaultValue) && colorValue ? colorValue.toString("hex") : "");
+    let [inputValue, setInputValue] = (0, $aP5W6$useState)(()=>(value || defaultValue) && colorValue ? colorValue.toString('hex') : '');
     let validation = (0, $aP5W6$useFormValidationState)({
         ...props,
         value: colorValue
@@ -46,13 +46,13 @@ function $b335ada08155d9c0$export$d52a01683abdfcd6(props) {
     };
     let [prevValue, setPrevValue] = (0, $aP5W6$useState)(colorValue);
     if (prevValue !== colorValue) {
-        setInputValue(colorValue ? colorValue.toString("hex") : "");
+        setInputValue(colorValue ? colorValue.toString('hex') : '');
         setPrevValue(colorValue);
     }
     let parsedValue = (0, $aP5W6$useMemo)(()=>{
         let color;
         try {
-            color = (0, $799cddbef784668f$export$6e865ea70d7724f)(inputValue.startsWith("#") ? inputValue : `#${inputValue}`);
+            color = (0, $799cddbef784668f$export$6e865ea70d7724f)(inputValue.startsWith('#') ? inputValue : `#${inputValue}`);
         } catch (err) {
             color = null;
         }
@@ -64,18 +64,18 @@ function $b335ada08155d9c0$export$d52a01683abdfcd6(props) {
         // Set to empty state if input value is empty
         if (!inputValue.length) {
             safelySetColorValue(null);
-            setInputValue(value === undefined ? "" : colorValue.toString("hex"));
+            setInputValue(value === undefined ? '' : colorValue.toString('hex'));
             return;
         }
         // if it failed to parse, then reset input to formatted version of current number
         if (parsedValue == null) {
-            setInputValue(colorValue ? colorValue.toString("hex") : "");
+            setInputValue(colorValue ? colorValue.toString('hex') : '');
             return;
         }
         safelySetColorValue(parsedValue);
         // in a controlled state, the numberValue won't change, so we won't go back to our old input without help
-        let newColorValue = "";
-        if (colorValue) newColorValue = colorValue.toString("hex");
+        let newColorValue = '';
+        if (colorValue) newColorValue = colorValue.toString('hex');
         setInputValue(newColorValue);
     };
     let increment = ()=>{
@@ -84,7 +84,7 @@ function $b335ada08155d9c0$export$d52a01683abdfcd6(props) {
         // input value should be updated to match
         // ex type 4, press increment, highlight the number in the input, type 4 again, press increment
         // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input
-        if (newValue === colorValue) setInputValue(newValue.toString("hex"));
+        if (newValue === colorValue) setInputValue(newValue.toString('hex'));
         safelySetColorValue(newValue);
         validation.commitValidation();
     };
@@ -94,7 +94,7 @@ function $b335ada08155d9c0$export$d52a01683abdfcd6(props) {
         // input value should be updated to match
         // ex type 4, press increment, highlight the number in the input, type 4 again, press increment
         // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input
-        if (newValue === colorValue) setInputValue(newValue.toString("hex"));
+        if (newValue === colorValue) setInputValue(newValue.toString('hex'));
         safelySetColorValue(newValue);
         validation.commitValidation();
     };
@@ -102,7 +102,7 @@ function $b335ada08155d9c0$export$d52a01683abdfcd6(props) {
     let decrementToMin = ()=>safelySetColorValue($b335ada08155d9c0$var$MIN_COLOR);
     let validate = (value)=>{
         var _value_match;
-        return value === "" || !!((_value_match = value.match(/^#?[0-9a-f]{0,6}$/i)) === null || _value_match === void 0 ? void 0 : _value_match[0]);
+        return value === '' || !!((_value_match = value.match(/^#?[0-9a-f]{0,6}$/i)) === null || _value_match === void 0 ? void 0 : _value_match[0]);
     };
     return {
         ...validation,
@@ -122,7 +122,7 @@ function $b335ada08155d9c0$var$addColorValue(color, step) {
     let colorInt = newColor.toHexInt();
     let clampInt = Math.min(Math.max(colorInt + step, $b335ada08155d9c0$var$MIN_COLOR_INT), $b335ada08155d9c0$var$MAX_COLOR_INT);
     if (clampInt !== colorInt) {
-        let newColorString = `#${clampInt.toString(16).padStart(6, "0").toUpperCase()}`;
+        let newColorString = `#${clampInt.toString(16).padStart(6, '0').toUpperCase()}`;
         newColor = (0, $799cddbef784668f$export$6e865ea70d7724f)(newColorString);
     }
     return newColor;

package/dist/useColorFieldState.module.js

@@ -19,17 +19,17 @@ import {useState as $aP5W6$useState, useMemo as $aP5W6$useMemo} from "react";
 
 
 
-const $b335ada08155d9c0$var$MIN_COLOR = (0, $799cddbef784668f$export$6e865ea70d7724f)("#000000");
-const $b335ada08155d9c0$var$MAX_COLOR = (0, $799cddbef784668f$export$6e865ea70d7724f)("#FFFFFF");
+const $b335ada08155d9c0$var$MIN_COLOR = (0, $799cddbef784668f$export$6e865ea70d7724f)('#000000');
+const $b335ada08155d9c0$var$MAX_COLOR = (0, $799cddbef784668f$export$6e865ea70d7724f)('#FFFFFF');
 const $b335ada08155d9c0$var$MIN_COLOR_INT = $b335ada08155d9c0$var$MIN_COLOR.toHexInt();
 const $b335ada08155d9c0$var$MAX_COLOR_INT = $b335ada08155d9c0$var$MAX_COLOR.toHexInt();
 function $b335ada08155d9c0$export$d52a01683abdfcd6(props) {
     let { value: value, defaultValue: defaultValue, onChange: onChange } = props;
-    let { step: step } = $b335ada08155d9c0$var$MIN_COLOR.getChannelRange("red");
+    let { step: step } = $b335ada08155d9c0$var$MIN_COLOR.getChannelRange('red');
     let initialValue = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(value);
     let initialDefaultValue = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(defaultValue);
     let [colorValue, setColorValue] = (0, $aP5W6$useControlledState)(initialValue, initialDefaultValue, onChange);
-    let [inputValue, setInputValue] = (0, $aP5W6$useState)(()=>(value || defaultValue) && colorValue ? colorValue.toString("hex") : "");
+    let [inputValue, setInputValue] = (0, $aP5W6$useState)(()=>(value || defaultValue) && colorValue ? colorValue.toString('hex') : '');
     let validation = (0, $aP5W6$useFormValidationState)({
         ...props,
         value: colorValue
@@ -46,13 +46,13 @@ function $b335ada08155d9c0$export$d52a01683abdfcd6(props) {
     };
     let [prevValue, setPrevValue] = (0, $aP5W6$useState)(colorValue);
     if (prevValue !== colorValue) {
-        setInputValue(colorValue ? colorValue.toString("hex") : "");
+        setInputValue(colorValue ? colorValue.toString('hex') : '');
         setPrevValue(colorValue);
     }
     let parsedValue = (0, $aP5W6$useMemo)(()=>{
         let color;
         try {
-            color = (0, $799cddbef784668f$export$6e865ea70d7724f)(inputValue.startsWith("#") ? inputValue : `#${inputValue}`);
+            color = (0, $799cddbef784668f$export$6e865ea70d7724f)(inputValue.startsWith('#') ? inputValue : `#${inputValue}`);
         } catch (err) {
             color = null;
         }
@@ -64,18 +64,18 @@ function $b335ada08155d9c0$export$d52a01683abdfcd6(props) {
         // Set to empty state if input value is empty
         if (!inputValue.length) {
             safelySetColorValue(null);
-            setInputValue(value === undefined ? "" : colorValue.toString("hex"));
+            setInputValue(value === undefined ? '' : colorValue.toString('hex'));
             return;
         }
         // if it failed to parse, then reset input to formatted version of current number
         if (parsedValue == null) {
-            setInputValue(colorValue ? colorValue.toString("hex") : "");
+            setInputValue(colorValue ? colorValue.toString('hex') : '');
             return;
         }
         safelySetColorValue(parsedValue);
         // in a controlled state, the numberValue won't change, so we won't go back to our old input without help
-        let newColorValue = "";
-        if (colorValue) newColorValue = colorValue.toString("hex");
+        let newColorValue = '';
+        if (colorValue) newColorValue = colorValue.toString('hex');
         setInputValue(newColorValue);
     };
     let increment = ()=>{
@@ -84,7 +84,7 @@ function $b335ada08155d9c0$export$d52a01683abdfcd6(props) {
         // input value should be updated to match
         // ex type 4, press increment, highlight the number in the input, type 4 again, press increment
         // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input
-        if (newValue === colorValue) setInputValue(newValue.toString("hex"));
+        if (newValue === colorValue) setInputValue(newValue.toString('hex'));
         safelySetColorValue(newValue);
         validation.commitValidation();
     };
@@ -94,7 +94,7 @@ function $b335ada08155d9c0$export$d52a01683abdfcd6(props) {
         // input value should be updated to match
         // ex type 4, press increment, highlight the number in the input, type 4 again, press increment
         // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input
-        if (newValue === colorValue) setInputValue(newValue.toString("hex"));
+        if (newValue === colorValue) setInputValue(newValue.toString('hex'));
         safelySetColorValue(newValue);
         validation.commitValidation();
     };
@@ -102,7 +102,7 @@ function $b335ada08155d9c0$export$d52a01683abdfcd6(props) {
     let decrementToMin = ()=>safelySetColorValue($b335ada08155d9c0$var$MIN_COLOR);
     let validate = (value)=>{
         var _value_match;
-        return value === "" || !!((_value_match = value.match(/^#?[0-9a-f]{0,6}$/i)) === null || _value_match === void 0 ? void 0 : _value_match[0]);
+        return value === '' || !!((_value_match = value.match(/^#?[0-9a-f]{0,6}$/i)) === null || _value_match === void 0 ? void 0 : _value_match[0]);
     };
     return {
         ...validation,
@@ -122,7 +122,7 @@ function $b335ada08155d9c0$var$addColorValue(color, step) {
     let colorInt = newColor.toHexInt();
     let clampInt = Math.min(Math.max(colorInt + step, $b335ada08155d9c0$var$MIN_COLOR_INT), $b335ada08155d9c0$var$MAX_COLOR_INT);
     if (clampInt !== colorInt) {
-        let newColorString = `#${clampInt.toString(16).padStart(6, "0").toUpperCase()}`;
+        let newColorString = `#${clampInt.toString(16).padStart(6, '0').toUpperCase()}`;
         newColor = (0, $799cddbef784668f$export$6e865ea70d7724f)(newColorString);
     }
     return newColor;

package/dist/useColorPickerState.main.js

@@ -13,12 +13,12 @@ $parcel$export(module.exports, "useColorPickerState", () => $f31788ea48a5c383$ex
 
 function $f31788ea48a5c383$export$dc6b73b623f8645f(props) {
     let value = (0, $f8b3be23ba4462b1$exports.useColor)(props.value);
-    let defaultValue = (0, $f8b3be23ba4462b1$exports.useColor)(props.defaultValue || "#0000");
+    let defaultValue = (0, $f8b3be23ba4462b1$exports.useColor)(props.defaultValue || '#0000');
     let [color, setColor] = (0, $1Pz5H$reactstatelyutils.useControlledState)(value || undefined, defaultValue, props.onChange);
     return {
         color: color,
         setColor (color) {
-            setColor(color || (0, $83fe1a57d631223b$exports.parseColor)("#0000"));
+            setColor(color || (0, $83fe1a57d631223b$exports.parseColor)('#0000'));
         }
     };
 }

package/dist/useColorPickerState.mjs

@@ -7,12 +7,12 @@ import {useControlledState as $5GESt$useControlledState} from "@react-stately/ut
 
 function $309d2b7669014898$export$dc6b73b623f8645f(props) {
     let value = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(props.value);
-    let defaultValue = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(props.defaultValue || "#0000");
+    let defaultValue = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(props.defaultValue || '#0000');
     let [color, setColor] = (0, $5GESt$useControlledState)(value || undefined, defaultValue, props.onChange);
     return {
         color: color,
         setColor (color) {
-            setColor(color || (0, $799cddbef784668f$export$6e865ea70d7724f)("#0000"));
+            setColor(color || (0, $799cddbef784668f$export$6e865ea70d7724f)('#0000'));
         }
     };
 }

package/dist/useColorPickerState.module.js

@@ -7,12 +7,12 @@ import {useControlledState as $5GESt$useControlledState} from "@react-stately/ut
 
 function $309d2b7669014898$export$dc6b73b623f8645f(props) {
     let value = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(props.value);
-    let defaultValue = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(props.defaultValue || "#0000");
+    let defaultValue = (0, $aa90ad8b2b1d015f$export$5aadd9c0606af5c2)(props.defaultValue || '#0000');
     let [color, setColor] = (0, $5GESt$useControlledState)(value || undefined, defaultValue, props.onChange);
     return {
         color: color,
         setColor (color) {
-            setColor(color || (0, $799cddbef784668f$export$6e865ea70d7724f)("#0000"));
+            setColor(color || (0, $799cddbef784668f$export$6e865ea70d7724f)('#0000'));
         }
     };
 }

package/dist/useColorSliderState.main.js

@@ -25,7 +25,7 @@ $parcel$export(module.exports, "useColorSliderState", () => $5386a492cfd3234c$ex
 
 function $5386a492cfd3234c$export$57bc203e1c9c6d44(props) {
     let { channel: channel, colorSpace: colorSpace, value: value, defaultValue: defaultValue, onChange: onChange, locale: locale, ...otherProps } = props;
-    if (value == null && defaultValue == null) throw new Error("useColorSliderState requires a value or defaultValue");
+    if (value == null && defaultValue == null) throw new Error('useColorSliderState requires a value or defaultValue');
     let [colorValue, setColor] = (0, $93tpS$reactstatelyutils.useControlledState)(value && (0, $83fe1a57d631223b$exports.normalizeColor)(value), defaultValue && (0, $83fe1a57d631223b$exports.normalizeColor)(defaultValue), onChange);
     let color = (0, $93tpS$react.useMemo)(()=>colorSpace && colorValue ? colorValue.toFormat(colorSpace) : colorValue, [
         colorValue,
@@ -54,19 +54,19 @@ function $5386a492cfd3234c$export$57bc203e1c9c6d44(props) {
         },
         getDisplayColor () {
             switch(channel){
-                case "hue":
-                    return (0, $83fe1a57d631223b$exports.parseColor)(`hsl(${color.getChannelValue("hue")}, 100%, 50%)`);
-                case "lightness":
-                case "brightness":
-                case "saturation":
-                case "red":
-                case "green":
-                case "blue":
-                    return color.withChannelValue("alpha", 1);
-                case "alpha":
+                case 'hue':
+                    return (0, $83fe1a57d631223b$exports.parseColor)(`hsl(${color.getChannelValue('hue')}, 100%, 50%)`);
+                case 'lightness':
+                case 'brightness':
+                case 'saturation':
+                case 'red':
+                case 'green':
+                case 'blue':
+                    return color.withChannelValue('alpha', 1);
+                case 'alpha':
                     return color;
                 default:
-                    throw new Error("Unknown color channel: " + channel);
+                    throw new Error('Unknown color channel: ' + channel);
             }
         },
         getThumbValueLabel () {

package/dist/useColorSliderState.mjs

@@ -19,7 +19,7 @@ import {useMemo as $1Eavr$useMemo} from "react";
 
 function $25a25ac0d1624665$export$57bc203e1c9c6d44(props) {
     let { channel: channel, colorSpace: colorSpace, value: value, defaultValue: defaultValue, onChange: onChange, locale: locale, ...otherProps } = props;
-    if (value == null && defaultValue == null) throw new Error("useColorSliderState requires a value or defaultValue");
+    if (value == null && defaultValue == null) throw new Error('useColorSliderState requires a value or defaultValue');
     let [colorValue, setColor] = (0, $1Eavr$useControlledState)(value && (0, $799cddbef784668f$export$4cde5df63f53f473)(value), defaultValue && (0, $799cddbef784668f$export$4cde5df63f53f473)(defaultValue), onChange);
     let color = (0, $1Eavr$useMemo)(()=>colorSpace && colorValue ? colorValue.toFormat(colorSpace) : colorValue, [
         colorValue,
@@ -48,19 +48,19 @@ function $25a25ac0d1624665$export$57bc203e1c9c6d44(props) {
         },
         getDisplayColor () {
             switch(channel){
-                case "hue":
-                    return (0, $799cddbef784668f$export$6e865ea70d7724f)(`hsl(${color.getChannelValue("hue")}, 100%, 50%)`);
-                case "lightness":
-                case "brightness":
-                case "saturation":
-                case "red":
-                case "green":
-                case "blue":
-                    return color.withChannelValue("alpha", 1);
-                case "alpha":
+                case 'hue':
+                    return (0, $799cddbef784668f$export$6e865ea70d7724f)(`hsl(${color.getChannelValue('hue')}, 100%, 50%)`);
+                case 'lightness':
+                case 'brightness':
+                case 'saturation':
+                case 'red':
+                case 'green':
+                case 'blue':
+                    return color.withChannelValue('alpha', 1);
+                case 'alpha':
                     return color;
                 default:
-                    throw new Error("Unknown color channel: " + channel);
+                    throw new Error('Unknown color channel: ' + channel);
             }
         },
         getThumbValueLabel () {

package/dist/useColorSliderState.module.js

@@ -19,7 +19,7 @@ import {useMemo as $1Eavr$useMemo} from "react";
 
 function $25a25ac0d1624665$export$57bc203e1c9c6d44(props) {
     let { channel: channel, colorSpace: colorSpace, value: value, defaultValue: defaultValue, onChange: onChange, locale: locale, ...otherProps } = props;
-    if (value == null && defaultValue == null) throw new Error("useColorSliderState requires a value or defaultValue");
+    if (value == null && defaultValue == null) throw new Error('useColorSliderState requires a value or defaultValue');
     let [colorValue, setColor] = (0, $1Eavr$useControlledState)(value && (0, $799cddbef784668f$export$4cde5df63f53f473)(value), defaultValue && (0, $799cddbef784668f$export$4cde5df63f53f473)(defaultValue), onChange);
     let color = (0, $1Eavr$useMemo)(()=>colorSpace && colorValue ? colorValue.toFormat(colorSpace) : colorValue, [
         colorValue,
@@ -48,19 +48,19 @@ function $25a25ac0d1624665$export$57bc203e1c9c6d44(props) {
         },
         getDisplayColor () {
             switch(channel){
-                case "hue":
-                    return (0, $799cddbef784668f$export$6e865ea70d7724f)(`hsl(${color.getChannelValue("hue")}, 100%, 50%)`);
-                case "lightness":
-                case "brightness":
-                case "saturation":
-                case "red":
-                case "green":
-                case "blue":
-                    return color.withChannelValue("alpha", 1);
-                case "alpha":
+                case 'hue':
+                    return (0, $799cddbef784668f$export$6e865ea70d7724f)(`hsl(${color.getChannelValue('hue')}, 100%, 50%)`);
+                case 'lightness':
+                case 'brightness':
+                case 'saturation':
+                case 'red':
+                case 'green':
+                case 'blue':
+                    return color.withChannelValue('alpha', 1);
+                case 'alpha':
                     return color;
                 default:
-                    throw new Error("Unknown color channel: " + channel);
+                    throw new Error('Unknown color channel: ' + channel);
             }
         },
         getThumbValueLabel () {