@react-spectrum/color 3.0.0-nightly.4555 → 3.0.0-nightly.4558

package/dist/main.js

@@ -1,30 +1,17 @@
-require("./main.css");
-var $aAzec$reactspectrumutils = require("@react-spectrum/utils");
-var $aAzec$reactariautils = require("@react-aria/utils");
-var $aAzec$react = require("react");
-var $aAzec$reactariacolor = require("@react-aria/color");
-var $aAzec$reactstatelycolor = require("@react-stately/color");
-var $aAzec$reactariafocus = require("@react-aria/focus");
-var $aAzec$reactspectrumprovider = require("@react-spectrum/provider");
-var $aAzec$reactspectrumlabel = require("@react-spectrum/label");
-var $aAzec$reactariainteractions = require("@react-aria/interactions");
-var $aAzec$reactariai18n = require("@react-aria/i18n");
-var $aAzec$reactspectrumtextfield = require("@react-spectrum/textfield");
-var $aAzec$reactspectrumform = require("@react-spectrum/form");
+var $5f016e950c2dc3a6$exports = require("./ColorArea.main.js");
+var $63a2864687444ae1$exports = require("./ColorWheel.main.js");
+var $4537dec0de08c277$exports = require("./ColorSlider.main.js");
+var $8bdb9bc27ff3debb$exports = require("./ColorField.main.js");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-$parcel$export(module.exports, "ColorArea", () => $5f016e950c2dc3a6$export$b2103f68a961418e);
-$parcel$export(module.exports, "ColorWheel", () => $63a2864687444ae1$export$f80663f808113381);
-$parcel$export(module.exports, "ColorSlider", () => $4537dec0de08c277$export$44fd664bcca5b6fb);
-$parcel$export(module.exports, "ColorField", () => $8bdb9bc27ff3debb$export$b865d4358897bb17);
+$parcel$export(module.exports, "ColorArea", () => $5f016e950c2dc3a6$exports.ColorArea);
+$parcel$export(module.exports, "ColorWheel", () => $63a2864687444ae1$exports.ColorWheel);
+$parcel$export(module.exports, "ColorSlider", () => $4537dec0de08c277$exports.ColorSlider);
+$parcel$export(module.exports, "ColorField", () => $8bdb9bc27ff3debb$exports.ColorField);
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -36,537 +23,8 @@ $parcel$export(module.exports, "ColorField", () => $8bdb9bc27ff3debb$export$b865
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ /// <reference types="css-module-types" />
-/*
- * Copyright 2021 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.
- */ 
-/*
- * 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.
- */ 
-
-var $f61d632765728b2e$exports = {};
-
-$parcel$export($f61d632765728b2e$exports, "spectrum-ColorControl-handle--focused", () => $f61d632765728b2e$export$1dd67f16e0d58f73, (v) => $f61d632765728b2e$export$1dd67f16e0d58f73 = v);
-$parcel$export($f61d632765728b2e$exports, "focus-ring", () => $f61d632765728b2e$export$f39a09f249340e2a, (v) => $f61d632765728b2e$export$f39a09f249340e2a = v);
-$parcel$export($f61d632765728b2e$exports, "is-disabled", () => $f61d632765728b2e$export$d35bc1e505d1ebbf, (v) => $f61d632765728b2e$export$d35bc1e505d1ebbf = v);
-$parcel$export($f61d632765728b2e$exports, "is-focused", () => $f61d632765728b2e$export$e7dc768d35940237, (v) => $f61d632765728b2e$export$e7dc768d35940237 = v);
-$parcel$export($f61d632765728b2e$exports, "spectrum-ColorHandle", () => $f61d632765728b2e$export$cd9afaa621b6216f, (v) => $f61d632765728b2e$export$cd9afaa621b6216f = v);
-$parcel$export($f61d632765728b2e$exports, "spectrum-ColorHandle-color", () => $f61d632765728b2e$export$afe4c366ed4e659c, (v) => $f61d632765728b2e$export$afe4c366ed4e659c = v);
-var $f61d632765728b2e$export$1dd67f16e0d58f73;
-var $f61d632765728b2e$export$f39a09f249340e2a;
-var $f61d632765728b2e$export$d35bc1e505d1ebbf;
-var $f61d632765728b2e$export$e7dc768d35940237;
-var $f61d632765728b2e$export$cd9afaa621b6216f;
-var $f61d632765728b2e$export$afe4c366ed4e659c;
-$f61d632765728b2e$export$1dd67f16e0d58f73 = `hoc2UW_spectrum-ColorControl-handle--focused`;
-$f61d632765728b2e$export$f39a09f249340e2a = `hoc2UW_focus-ring ${$f61d632765728b2e$export$1dd67f16e0d58f73}`;
-$f61d632765728b2e$export$d35bc1e505d1ebbf = `hoc2UW_is-disabled`;
-$f61d632765728b2e$export$e7dc768d35940237 = `hoc2UW_is-focused ${$f61d632765728b2e$export$1dd67f16e0d58f73}`;
-$f61d632765728b2e$export$cd9afaa621b6216f = `hoc2UW_spectrum-ColorHandle`;
-$f61d632765728b2e$export$afe4c366ed4e659c = `hoc2UW_spectrum-ColorHandle-color`;
-
-
-var $f65977ae56facfaa$exports = {};
-
-$parcel$export($f65977ae56facfaa$exports, "is-open", () => $f65977ae56facfaa$export$a9781837241c946d, (v) => $f65977ae56facfaa$export$a9781837241c946d = v);
-$parcel$export($f65977ae56facfaa$exports, "spectrum-ColorLoupe", () => $f65977ae56facfaa$export$88d6ed2576b21809, (v) => $f65977ae56facfaa$export$88d6ed2576b21809 = v);
-$parcel$export($f65977ae56facfaa$exports, "spectrum-ColorLoupe-inner-background", () => $f65977ae56facfaa$export$397af82b48750fe5, (v) => $f65977ae56facfaa$export$397af82b48750fe5 = v);
-$parcel$export($f65977ae56facfaa$exports, "spectrum-ColorLoupe-inner-checker", () => $f65977ae56facfaa$export$f9a2a02e0b271024, (v) => $f65977ae56facfaa$export$f9a2a02e0b271024 = v);
-$parcel$export($f65977ae56facfaa$exports, "spectrum-ColorLoupe-outer", () => $f65977ae56facfaa$export$d6ad38291e8aca9c, (v) => $f65977ae56facfaa$export$d6ad38291e8aca9c = v);
-var $f65977ae56facfaa$export$a9781837241c946d;
-var $f65977ae56facfaa$export$88d6ed2576b21809;
-var $f65977ae56facfaa$export$397af82b48750fe5;
-var $f65977ae56facfaa$export$f9a2a02e0b271024;
-var $f65977ae56facfaa$export$d6ad38291e8aca9c;
-$f65977ae56facfaa$export$a9781837241c946d = `HpWpfq_is-open`;
-$f65977ae56facfaa$export$88d6ed2576b21809 = `HpWpfq_spectrum-ColorLoupe`;
-$f65977ae56facfaa$export$397af82b48750fe5 = `HpWpfq_spectrum-ColorLoupe-inner-background`;
-$f65977ae56facfaa$export$f9a2a02e0b271024 = `HpWpfq_spectrum-ColorLoupe-inner-checker`;
-$f65977ae56facfaa$export$d6ad38291e8aca9c = `HpWpfq_spectrum-ColorLoupe-outer`;
-
-
-
-function $2b9adc23f6c7cae1$export$a3cc47cee1c1ccc(props) {
-    let { value: value, isDisabled: isDisabled, isDragging: isDragging, isFocused: isFocused, children: children, className: className = "", ...otherProps } = props;
-    let patternId = (0, $aAzec$reactariautils.useId)();
-    let valueCSS = value.toString("css");
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f61d632765728b2e$exports))), "spectrum-ColorHandle", {
-            "is-focused": isFocused,
-            "is-disabled": isDisabled
-        }) + " " + className,
-        ...otherProps
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f61d632765728b2e$exports))), "spectrum-ColorHandle-color"),
-        style: {
-            backgroundColor: valueCSS
-        }
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("svg", {
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe", {
-            "is-open": isDragging
-        }),
-        "aria-hidden": "true"
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("pattern", {
-        id: patternId,
-        x: "0",
-        y: "0",
-        width: "16",
-        height: "16",
-        patternUnits: "userSpaceOnUse"
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("rect", {
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-inner-background"),
-        x: "0",
-        y: "0",
-        width: "16",
-        height: "16"
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("rect", {
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-inner-checker"),
-        x: "0",
-        y: "0",
-        width: "8",
-        height: "8"
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("rect", {
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-inner-checker"),
-        x: "8",
-        y: "8",
-        width: "8",
-        height: "8"
-    })), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("path", {
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-inner"),
-        d: "M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z",
-        fill: `url(#${patternId})`
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("path", {
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-inner"),
-        d: "M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z",
-        fill: valueCSS
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("path", {
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f65977ae56facfaa$exports))), "spectrum-ColorLoupe-outer"),
-        d: "M25 3A21.98 21.98 0 003 25c0 6.2 4 14.794 11.568 24.853A144.233 144.233 0 0025 62.132a144.085 144.085 0 0010.4-12.239C42.99 39.816 47 31.209 47 25A21.98 21.98 0 0025 3m0-2a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z"
-    })), children);
-}
-
-
-
-
-var $d4b4e0a63f9ca8c1$exports = {};
-
-$parcel$export($d4b4e0a63f9ca8c1$exports, "focus-ring", () => $d4b4e0a63f9ca8c1$export$f39a09f249340e2a, (v) => $d4b4e0a63f9ca8c1$export$f39a09f249340e2a = v);
-$parcel$export($d4b4e0a63f9ca8c1$exports, "is-disabled", () => $d4b4e0a63f9ca8c1$export$d35bc1e505d1ebbf, (v) => $d4b4e0a63f9ca8c1$export$d35bc1e505d1ebbf = v);
-$parcel$export($d4b4e0a63f9ca8c1$exports, "is-focused", () => $d4b4e0a63f9ca8c1$export$e7dc768d35940237, (v) => $d4b4e0a63f9ca8c1$export$e7dc768d35940237 = v);
-$parcel$export($d4b4e0a63f9ca8c1$exports, "spectrum-ColorArea", () => $d4b4e0a63f9ca8c1$export$bb6257a55a3c1efc, (v) => $d4b4e0a63f9ca8c1$export$bb6257a55a3c1efc = v);
-$parcel$export($d4b4e0a63f9ca8c1$exports, "spectrum-ColorArea-gradient", () => $d4b4e0a63f9ca8c1$export$40686f4fcb8a9916, (v) => $d4b4e0a63f9ca8c1$export$40686f4fcb8a9916 = v);
-$parcel$export($d4b4e0a63f9ca8c1$exports, "spectrum-ColorArea-handle", () => $d4b4e0a63f9ca8c1$export$d8addbd273c4e00, (v) => $d4b4e0a63f9ca8c1$export$d8addbd273c4e00 = v);
-$parcel$export($d4b4e0a63f9ca8c1$exports, "spectrum-ColorArea-slider", () => $d4b4e0a63f9ca8c1$export$7d727cacaa7cea1e, (v) => $d4b4e0a63f9ca8c1$export$7d727cacaa7cea1e = v);
-$parcel$export($d4b4e0a63f9ca8c1$exports, "spectrum-ColorHandle-color", () => $d4b4e0a63f9ca8c1$export$afe4c366ed4e659c, (v) => $d4b4e0a63f9ca8c1$export$afe4c366ed4e659c = v);
-var $d4b4e0a63f9ca8c1$export$f39a09f249340e2a;
-var $d4b4e0a63f9ca8c1$export$d35bc1e505d1ebbf;
-var $d4b4e0a63f9ca8c1$export$e7dc768d35940237;
-var $d4b4e0a63f9ca8c1$export$bb6257a55a3c1efc;
-var $d4b4e0a63f9ca8c1$export$40686f4fcb8a9916;
-var $d4b4e0a63f9ca8c1$export$d8addbd273c4e00;
-var $d4b4e0a63f9ca8c1$export$7d727cacaa7cea1e;
-var $d4b4e0a63f9ca8c1$export$afe4c366ed4e659c;
-$d4b4e0a63f9ca8c1$export$f39a09f249340e2a = `lm1DSq_focus-ring`;
-$d4b4e0a63f9ca8c1$export$d35bc1e505d1ebbf = `lm1DSq_is-disabled`;
-$d4b4e0a63f9ca8c1$export$e7dc768d35940237 = `lm1DSq_is-focused`;
-$d4b4e0a63f9ca8c1$export$bb6257a55a3c1efc = `lm1DSq_spectrum-ColorArea`;
-$d4b4e0a63f9ca8c1$export$40686f4fcb8a9916 = `lm1DSq_spectrum-ColorArea-gradient`;
-$d4b4e0a63f9ca8c1$export$d8addbd273c4e00 = `lm1DSq_spectrum-ColorArea-handle`;
-$d4b4e0a63f9ca8c1$export$7d727cacaa7cea1e = `lm1DSq_spectrum-ColorArea-slider`;
-$d4b4e0a63f9ca8c1$export$afe4c366ed4e659c = `lm1DSq_spectrum-ColorHandle-color`;
-
-
-
-
-
-
-function $5f016e950c2dc3a6$var$ColorArea(props, ref) {
-    props = (0, $aAzec$reactspectrumprovider.useProviderProps)(props);
-    let { isDisabled: isDisabled } = props;
-    let size = props.size && (0, $aAzec$reactspectrumutils.dimensionValue)(props.size);
-    let { styleProps: styleProps } = (0, $aAzec$reactspectrumutils.useStyleProps)(props);
-    let inputXRef = (0, $aAzec$react.useRef)(null);
-    let inputYRef = (0, $aAzec$react.useRef)(null);
-    let containerRef = (0, $aAzec$reactspectrumutils.useFocusableRef)(ref, inputXRef);
-    let state = (0, $aAzec$reactstatelycolor.useColorAreaState)(props);
-    let { colorAreaProps: colorAreaProps, gradientProps: gradientProps, xInputProps: xInputProps, yInputProps: yInputProps, thumbProps: thumbProps } = (0, $aAzec$reactariacolor.useColorArea)({
-        ...props,
-        inputXRef: inputXRef,
-        inputYRef: inputYRef,
-        containerRef: containerRef
-    }, state);
-    let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $aAzec$reactariafocus.useFocusRing)();
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
-        ...colorAreaProps,
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), "spectrum-ColorArea", {
-            "is-disabled": isDisabled
-        }, styleProps.className),
-        ref: containerRef,
-        style: {
-            ...colorAreaProps.style,
-            ...styleProps.style,
-            // Workaround around https://github.com/adobe/spectrum-css/issues/1032
-            width: size,
-            height: size
-        }
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
-        ...gradientProps,
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), "spectrum-ColorArea-gradient")
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement((0, $2b9adc23f6c7cae1$export$a3cc47cee1c1ccc), {
-        value: state.getDisplayColor(),
-        isFocused: isFocusVisible,
-        isDisabled: isDisabled,
-        isDragging: state.isDragging,
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), "spectrum-ColorArea-handle"),
-        ...thumbProps
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
-        role: "presentation"
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("input", {
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), "spectrum-ColorArea-slider"),
-        ...(0, $aAzec$reactariautils.mergeProps)(xInputProps, focusProps),
-        ref: inputXRef
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("input", {
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), "spectrum-ColorArea-slider"),
-        ...(0, $aAzec$reactariautils.mergeProps)(yInputProps, focusProps),
-        ref: inputYRef
-    }))));
-}
-/**
- * ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
- */ let $5f016e950c2dc3a6$export$b2103f68a961418e = /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).forwardRef($5f016e950c2dc3a6$var$ColorArea);
-
-
-/*
- * 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.
- */ 
-
 
-var $8fc6b1a2f4e7f682$exports = {};
 
-$parcel$export($8fc6b1a2f4e7f682$exports, "is-disabled", () => $8fc6b1a2f4e7f682$export$d35bc1e505d1ebbf, (v) => $8fc6b1a2f4e7f682$export$d35bc1e505d1ebbf = v);
-$parcel$export($8fc6b1a2f4e7f682$exports, "is-dragged", () => $8fc6b1a2f4e7f682$export$8778c911bed6c759, (v) => $8fc6b1a2f4e7f682$export$8778c911bed6c759 = v);
-$parcel$export($8fc6b1a2f4e7f682$exports, "is-focused", () => $8fc6b1a2f4e7f682$export$e7dc768d35940237, (v) => $8fc6b1a2f4e7f682$export$e7dc768d35940237 = v);
-$parcel$export($8fc6b1a2f4e7f682$exports, "spectrum-ColorControl-hiddenField", () => $8fc6b1a2f4e7f682$export$41ee4f903fc703f9, (v) => $8fc6b1a2f4e7f682$export$41ee4f903fc703f9 = v);
-$parcel$export($8fc6b1a2f4e7f682$exports, "spectrum-ColorWheel", () => $8fc6b1a2f4e7f682$export$b70a5ca28702fbc6, (v) => $8fc6b1a2f4e7f682$export$b70a5ca28702fbc6 = v);
-$parcel$export($8fc6b1a2f4e7f682$exports, "spectrum-ColorWheel-gradient", () => $8fc6b1a2f4e7f682$export$9afaa791d7500a9b, (v) => $8fc6b1a2f4e7f682$export$9afaa791d7500a9b = v);
-$parcel$export($8fc6b1a2f4e7f682$exports, "spectrum-ColorWheel-handle", () => $8fc6b1a2f4e7f682$export$4cd23920eb8ac056, (v) => $8fc6b1a2f4e7f682$export$4cd23920eb8ac056 = v);
-$parcel$export($8fc6b1a2f4e7f682$exports, "spectrum-ColorWheel-segment", () => $8fc6b1a2f4e7f682$export$ada9fbffdaa4f10, (v) => $8fc6b1a2f4e7f682$export$ada9fbffdaa4f10 = v);
-$parcel$export($8fc6b1a2f4e7f682$exports, "spectrum-ColorWheel-slider", () => $8fc6b1a2f4e7f682$export$f476ddda713d62b, (v) => $8fc6b1a2f4e7f682$export$f476ddda713d62b = v);
-var $8fc6b1a2f4e7f682$export$d35bc1e505d1ebbf;
-var $8fc6b1a2f4e7f682$export$8778c911bed6c759;
-var $8fc6b1a2f4e7f682$export$e7dc768d35940237;
-var $8fc6b1a2f4e7f682$export$41ee4f903fc703f9;
-var $8fc6b1a2f4e7f682$export$b70a5ca28702fbc6;
-var $8fc6b1a2f4e7f682$export$9afaa791d7500a9b;
-var $8fc6b1a2f4e7f682$export$4cd23920eb8ac056;
-var $8fc6b1a2f4e7f682$export$ada9fbffdaa4f10;
-var $8fc6b1a2f4e7f682$export$f476ddda713d62b;
-$8fc6b1a2f4e7f682$export$d35bc1e505d1ebbf = `qPIMxa_is-disabled`;
-$8fc6b1a2f4e7f682$export$8778c911bed6c759 = `qPIMxa_is-dragged`;
-$8fc6b1a2f4e7f682$export$e7dc768d35940237 = `qPIMxa_is-focused`;
-$8fc6b1a2f4e7f682$export$41ee4f903fc703f9 = `qPIMxa_spectrum-ColorControl-hiddenField`;
-$8fc6b1a2f4e7f682$export$b70a5ca28702fbc6 = `qPIMxa_spectrum-ColorWheel`;
-$8fc6b1a2f4e7f682$export$9afaa791d7500a9b = `qPIMxa_spectrum-ColorWheel-gradient`;
-$8fc6b1a2f4e7f682$export$4cd23920eb8ac056 = `qPIMxa_spectrum-ColorWheel-handle`;
-$8fc6b1a2f4e7f682$export$ada9fbffdaa4f10 = `qPIMxa_spectrum-ColorWheel-segment`;
-$8fc6b1a2f4e7f682$export$f476ddda713d62b = `qPIMxa_spectrum-ColorWheel-slider ${$8fc6b1a2f4e7f682$export$41ee4f903fc703f9}`;
-
-
-
-
-
-
-
-const $63a2864687444ae1$var$WHEEL_THICKNESS = 24;
-function $63a2864687444ae1$var$ColorWheel(props, ref) {
-    props = (0, $aAzec$reactspectrumprovider.useProviderProps)(props);
-    let { isDisabled: isDisabled } = props;
-    let size = props.size && (0, $aAzec$reactspectrumutils.dimensionValue)(props.size);
-    let { styleProps: styleProps } = (0, $aAzec$reactspectrumutils.useStyleProps)(props);
-    let inputRef = (0, $aAzec$react.useRef)(null);
-    let containerRef = (0, $aAzec$reactspectrumutils.useFocusableRef)(ref, inputRef);
-    let [wheelRadius, setWheelRadius] = (0, $aAzec$react.useState)(0);
-    let [wheelThickness, setWheelThickness] = (0, $aAzec$react.useState)($63a2864687444ae1$var$WHEEL_THICKNESS);
-    let resizeHandler = (0, $aAzec$react.useCallback)(()=>{
-        if (containerRef.current) {
-            setWheelRadius(containerRef.current.offsetWidth / 2);
-            let thickness = window.getComputedStyle(containerRef.current).getPropertyValue("--spectrum-colorwheel-track-thickness");
-            if (thickness) setWheelThickness(parseInt(thickness, 10));
-        }
-    }, [
-        containerRef,
-        setWheelRadius,
-        setWheelThickness
-    ]);
-    (0, $aAzec$react.useEffect)(()=>{
-        // the size observer's fallback to the window resize event doesn't fire on mount
-        if (wheelRadius === 0) resizeHandler();
-    }, [
-        wheelRadius,
-        resizeHandler
-    ]);
-    (0, $aAzec$reactariautils.useResizeObserver)({
-        ref: containerRef,
-        onResize: resizeHandler
-    });
-    let state = (0, $aAzec$reactstatelycolor.useColorWheelState)(props);
-    let { trackProps: trackProps, inputProps: inputProps, thumbProps: thumbProps } = (0, $aAzec$reactariacolor.useColorWheel)({
-        ...props,
-        innerRadius: wheelRadius - wheelThickness,
-        outerRadius: wheelRadius
-    }, state, inputRef);
-    let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $aAzec$reactariafocus.useFocusRing)();
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fc6b1a2f4e7f682$exports))), "spectrum-ColorWheel", {
-            "is-disabled": isDisabled
-        }, styleProps.className),
-        ref: containerRef,
-        style: {
-            ...styleProps.style,
-            // Workaround around https://github.com/adobe/spectrum-css/issues/1032
-            // @ts-ignore
-            "width": size,
-            "height": size
-        }
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
-        ...trackProps,
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fc6b1a2f4e7f682$exports))), "spectrum-ColorWheel-gradient")
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement((0, $2b9adc23f6c7cae1$export$a3cc47cee1c1ccc), {
-        value: state.getDisplayColor(),
-        isFocused: isFocusVisible,
-        isDisabled: isDisabled,
-        isDragging: state.isDragging,
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fc6b1a2f4e7f682$exports))), "spectrum-ColorWheel-handle"),
-        ...thumbProps
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("input", {
-        ...focusProps,
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fc6b1a2f4e7f682$exports))), "spectrum-ColorWheel-slider"),
-        ...inputProps,
-        ref: inputRef
-    })));
-}
-/**
- * ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.
- */ let $63a2864687444ae1$export$f80663f808113381 = /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).forwardRef($63a2864687444ae1$var$ColorWheel);
-
-
-/*
- * 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.
- */ 
-
-
-
-var $28060baf29cc5ac7$exports = {};
-
-$parcel$export($28060baf29cc5ac7$exports, "contextualHelp", () => $28060baf29cc5ac7$export$4ba534aba1836d, (v) => $28060baf29cc5ac7$export$4ba534aba1836d = v);
-$parcel$export($28060baf29cc5ac7$exports, "is-disabled", () => $28060baf29cc5ac7$export$d35bc1e505d1ebbf, (v) => $28060baf29cc5ac7$export$d35bc1e505d1ebbf = v);
-$parcel$export($28060baf29cc5ac7$exports, "is-focused", () => $28060baf29cc5ac7$export$e7dc768d35940237, (v) => $28060baf29cc5ac7$export$e7dc768d35940237 = v);
-$parcel$export($28060baf29cc5ac7$exports, "label", () => $28060baf29cc5ac7$export$1237798dc640739a, (v) => $28060baf29cc5ac7$export$1237798dc640739a = v);
-$parcel$export($28060baf29cc5ac7$exports, "spectrum-ColorControl-hiddenField", () => $28060baf29cc5ac7$export$41ee4f903fc703f9, (v) => $28060baf29cc5ac7$export$41ee4f903fc703f9 = v);
-$parcel$export($28060baf29cc5ac7$exports, "spectrum-ColorSlider", () => $28060baf29cc5ac7$export$a5f8b0989b27a604, (v) => $28060baf29cc5ac7$export$a5f8b0989b27a604 = v);
-$parcel$export($28060baf29cc5ac7$exports, "spectrum-ColorSlider--vertical", () => $28060baf29cc5ac7$export$83dcf61b398bfaf1, (v) => $28060baf29cc5ac7$export$83dcf61b398bfaf1 = v);
-$parcel$export($28060baf29cc5ac7$exports, "spectrum-ColorSlider-container--horizontal", () => $28060baf29cc5ac7$export$33e97914f6746614, (v) => $28060baf29cc5ac7$export$33e97914f6746614 = v);
-$parcel$export($28060baf29cc5ac7$exports, "spectrum-ColorSlider-container--vertical", () => $28060baf29cc5ac7$export$cd1c093289104c66, (v) => $28060baf29cc5ac7$export$cd1c093289104c66 = v);
-$parcel$export($28060baf29cc5ac7$exports, "spectrum-ColorSlider-contextualHelp", () => $28060baf29cc5ac7$export$26ffe4cf5a5aa53c, (v) => $28060baf29cc5ac7$export$26ffe4cf5a5aa53c = v);
-$parcel$export($28060baf29cc5ac7$exports, "spectrum-ColorSlider-handle", () => $28060baf29cc5ac7$export$8c273ba92fabe1f1, (v) => $28060baf29cc5ac7$export$8c273ba92fabe1f1 = v);
-$parcel$export($28060baf29cc5ac7$exports, "spectrum-ColorSlider-labelContainer", () => $28060baf29cc5ac7$export$65139e62047f0361, (v) => $28060baf29cc5ac7$export$65139e62047f0361 = v);
-$parcel$export($28060baf29cc5ac7$exports, "spectrum-ColorSlider-slider", () => $28060baf29cc5ac7$export$2f08b72944af536, (v) => $28060baf29cc5ac7$export$2f08b72944af536 = v);
-$parcel$export($28060baf29cc5ac7$exports, "spectrum-ColorSlider-valueLabel", () => $28060baf29cc5ac7$export$c2fbec5a538c1f81, (v) => $28060baf29cc5ac7$export$c2fbec5a538c1f81 = v);
-$parcel$export($28060baf29cc5ac7$exports, "value", () => $28060baf29cc5ac7$export$2ab9a8f9f1186f14, (v) => $28060baf29cc5ac7$export$2ab9a8f9f1186f14 = v);
-var $28060baf29cc5ac7$export$4ba534aba1836d;
-var $28060baf29cc5ac7$export$d35bc1e505d1ebbf;
-var $28060baf29cc5ac7$export$e7dc768d35940237;
-var $28060baf29cc5ac7$export$1237798dc640739a;
-var $28060baf29cc5ac7$export$41ee4f903fc703f9;
-var $28060baf29cc5ac7$export$a5f8b0989b27a604;
-var $28060baf29cc5ac7$export$83dcf61b398bfaf1;
-var $28060baf29cc5ac7$export$33e97914f6746614;
-var $28060baf29cc5ac7$export$cd1c093289104c66;
-var $28060baf29cc5ac7$export$26ffe4cf5a5aa53c;
-var $28060baf29cc5ac7$export$8c273ba92fabe1f1;
-var $28060baf29cc5ac7$export$65139e62047f0361;
-var $28060baf29cc5ac7$export$2f08b72944af536;
-var $28060baf29cc5ac7$export$c2fbec5a538c1f81;
-var $28060baf29cc5ac7$export$2ab9a8f9f1186f14;
-$28060baf29cc5ac7$export$4ba534aba1836d = `WJOmgG_contextualHelp`;
-$28060baf29cc5ac7$export$d35bc1e505d1ebbf = `WJOmgG_is-disabled`;
-$28060baf29cc5ac7$export$e7dc768d35940237 = `WJOmgG_is-focused`;
-$28060baf29cc5ac7$export$1237798dc640739a = `WJOmgG_label`;
-$28060baf29cc5ac7$export$41ee4f903fc703f9 = `WJOmgG_spectrum-ColorControl-hiddenField`;
-$28060baf29cc5ac7$export$a5f8b0989b27a604 = `WJOmgG_spectrum-ColorSlider`;
-$28060baf29cc5ac7$export$83dcf61b398bfaf1 = `WJOmgG_spectrum-ColorSlider--vertical`;
-$28060baf29cc5ac7$export$33e97914f6746614 = `WJOmgG_spectrum-ColorSlider-container--horizontal`;
-$28060baf29cc5ac7$export$cd1c093289104c66 = `WJOmgG_spectrum-ColorSlider-container--vertical`;
-$28060baf29cc5ac7$export$26ffe4cf5a5aa53c = `WJOmgG_spectrum-ColorSlider-contextualHelp`;
-$28060baf29cc5ac7$export$8c273ba92fabe1f1 = `WJOmgG_spectrum-ColorSlider-handle`;
-$28060baf29cc5ac7$export$65139e62047f0361 = `WJOmgG_spectrum-ColorSlider-labelContainer`;
-$28060baf29cc5ac7$export$2f08b72944af536 = `WJOmgG_spectrum-ColorSlider-slider ${$28060baf29cc5ac7$export$41ee4f903fc703f9}`;
-$28060baf29cc5ac7$export$c2fbec5a538c1f81 = `WJOmgG_spectrum-ColorSlider-valueLabel`;
-$28060baf29cc5ac7$export$2ab9a8f9f1186f14 = `WJOmgG_value`;
-
-
-
-
-
-
-
-function $4537dec0de08c277$var$ColorSlider(props, ref) {
-    props = (0, $aAzec$reactspectrumprovider.useProviderProps)(props);
-    let { isDisabled: isDisabled, channel: channel, orientation: orientation, label: label, showValueLabel: showValueLabel, "aria-label": ariaLabel } = props;
-    let vertical = orientation === "vertical";
-    let { styleProps: styleProps } = (0, $aAzec$reactspectrumutils.useStyleProps)(props);
-    let { locale: locale } = (0, $aAzec$reactariai18n.useLocale)();
-    let inputRef = (0, $aAzec$react.useRef)(null);
-    let trackRef = (0, $aAzec$react.useRef)(null);
-    let domRef = (0, $aAzec$reactspectrumutils.useFocusableRef)(ref, inputRef);
-    let state = (0, $aAzec$reactstatelycolor.useColorSliderState)({
-        ...props,
-        locale: locale
-    });
-    // If vertical and a label is provided, use it as an aria-label instead.
-    if (vertical && label) {
-        ariaLabel = ariaLabel || (typeof label === "string" ? label : undefined);
-        label = null;
-    }
-    // If no external label, aria-label or aria-labelledby is provided,
-    // default to displaying the localized channel value.
-    // Specifically check if label is undefined. If label is `null` then display no visible label.
-    // A default aria-label is provided by useColorSlider in that case.
-    if (label === undefined && !ariaLabel && !props["aria-labelledby"] && !vertical) label = state.value.getChannelName(channel, locale);
-    // Show the value label by default if there is a visible label
-    if (showValueLabel == null) showValueLabel = !!label;
-    let { inputProps: inputProps, thumbProps: thumbProps, trackProps: trackProps, labelProps: labelProps, outputProps: outputProps } = (0, $aAzec$reactariacolor.useColorSlider)({
-        ...props,
-        label: label,
-        "aria-label": ariaLabel,
-        trackRef: trackRef,
-        inputRef: inputRef
-    }, state);
-    let { isFocusVisible: isFocusVisible } = (0, $aAzec$reactariainteractions.useFocusVisible)();
-    let [isFocused, setIsFocused] = (0, $aAzec$react.useState)(false);
-    let { focusProps: focusProps } = (0, $aAzec$reactariainteractions.useFocus)({
-        isDisabled: isDisabled,
-        onFocusChange: setIsFocused
-    });
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
-        ref: domRef,
-        ...styleProps,
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports))), {
-            "spectrum-ColorSlider-container--horizontal": !vertical,
-            "spectrum-ColorSlider-container--vertical": vertical
-        })
-    }, label && /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports))), "spectrum-ColorSlider-labelContainer")
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement((0, $aAzec$reactspectrumlabel.Label), labelProps, label), props.contextualHelp && /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement((0, $aAzec$reactspectrumutils.SlotProvider), {
-        slots: {
-            actionButton: {
-                UNSAFE_className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports))), "spectrum-ColorSlider-contextualHelp")
-            }
-        }
-    }, props.contextualHelp), showValueLabel && /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement((0, $aAzec$reactspectrumlabel.Label), {
-        elementType: "span",
-        UNSAFE_className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports))), "spectrum-ColorSlider-valueLabel")
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("output", outputProps, state.value.formatChannelValue(channel, locale)))), /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("div", {
-        ...trackProps,
-        ref: trackRef,
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports))), "spectrum-ColorSlider", {
-            "is-disabled": isDisabled,
-            "spectrum-ColorSlider--vertical": vertical
-        })
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement((0, $2b9adc23f6c7cae1$export$a3cc47cee1c1ccc), {
-        value: state.getDisplayColor(),
-        isFocused: isFocused && isFocusVisible,
-        isDisabled: isDisabled,
-        isDragging: state.isThumbDragging(0),
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports))), "spectrum-ColorSlider-handle"),
-        ...thumbProps
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement("input", {
-        ...inputProps,
-        ...focusProps,
-        ref: inputRef,
-        className: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($28060baf29cc5ac7$exports))), "spectrum-ColorSlider-slider")
-    }))));
-}
-/**
- * ColorSliders allow users to adjust an individual channel of a color value.
- */ let $4537dec0de08c277$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).forwardRef($4537dec0de08c277$var$ColorSlider);
-
-
-/*
- * 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.
- */ 
-
-var $ddec4d6aa21146c4$exports = {};
-
-$parcel$export($ddec4d6aa21146c4$exports, "react-spectrum-ColorField-input", () => $ddec4d6aa21146c4$export$7d80c6630a750b1, (v) => $ddec4d6aa21146c4$export$7d80c6630a750b1 = v);
-var $ddec4d6aa21146c4$export$7d80c6630a750b1;
-$ddec4d6aa21146c4$export$7d80c6630a750b1 = `UccskW_react-spectrum-ColorField-input`;
-
-
-
-
-
-
-
-function $8bdb9bc27ff3debb$var$ColorField(props, ref) {
-    props = (0, $aAzec$reactspectrumprovider.useProviderProps)(props);
-    props = (0, $aAzec$reactspectrumform.useFormProps)(props);
-    let { value: // These disabled props are handled by the state hook
-    value, defaultValue: defaultValue, onChange: onChange, ...otherProps } = props;
-    let state = (0, $aAzec$reactstatelycolor.useColorFieldState)(props);
-    let inputRef = (0, $aAzec$react.useRef)(null);
-    let result = (0, $aAzec$reactariacolor.useColorField)(otherProps, state, inputRef);
-    if (props.placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/ColorField.html#help-text");
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).createElement((0, $aAzec$reactspectrumtextfield.TextFieldBase), {
-        ...otherProps,
-        ref: ref,
-        inputRef: inputRef,
-        ...result,
-        inputClassName: (0, $aAzec$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ddec4d6aa21146c4$exports))), "react-spectrum-ColorField-input")
-    });
-}
-/**
- * ColorFields allow users to enter a color in #rrggbb hexadecimal format.
- */ const $8bdb9bc27ff3debb$export$b865d4358897bb17 = /*#__PURE__*/ (0, ($parcel$interopDefault($aAzec$react))).forwardRef($8bdb9bc27ff3debb$var$ColorField);