@react-spectrum/color 3.0.0-beta.6 → 3.0.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/main.css +1 -2
  2. package/dist/main.js +393 -398
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +375 -338
  5. package/dist/module.js.map +1 -1
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +19 -19
  8. package/dist/main.css.map +0 -1
package/dist/main.js CHANGED
@@ -1,418 +1,413 @@
1
- var {
2
- TextFieldBase
3
- } = require("@react-spectrum/textfield");
4
-
5
- var {
6
- useLocale
7
- } = require("@react-aria/i18n");
8
-
9
- var {
10
- useFocus,
11
- useFocusVisible
12
- } = require("@react-aria/interactions");
13
-
14
- var {
15
- Label
16
- } = require("@react-spectrum/label");
17
-
18
- var {
19
- Flex
20
- } = require("@react-spectrum/layout");
21
-
22
- var {
23
- useProviderProps
24
- } = require("@react-spectrum/provider");
25
-
26
- var {
27
- useFocusRing
28
- } = require("@react-aria/focus");
29
-
30
- var {
31
- useColorWheelState,
32
- useColorSliderState,
33
- useColorFieldState
34
- } = require("@react-stately/color");
35
-
36
- var {
37
- useColorWheel,
38
- useColorSlider,
39
- useColorField
40
- } = require("@react-aria/color");
41
-
42
- var {
43
- useId,
44
- useResizeObserver
45
- } = require("@react-aria/utils");
46
-
47
- var _react2 = require("react");
48
-
49
- var _react = $parcel$interopDefault(_react2);
50
-
51
- var {
52
- useCallback,
53
- useEffect,
54
- useRef,
55
- useState
56
- } = _react2;
57
-
58
- var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
59
-
60
- var {
61
- classNames,
62
- dimensionValue,
63
- useFocusableRef,
64
- useStyleProps
65
- } = require("@react-spectrum/utils");
66
-
67
- var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
68
-
69
1
  require("./main.css");
2
+ var $avQWG$reactspectrumutils = require("@react-spectrum/utils");
3
+ var $avQWG$react = require("react");
4
+ var $avQWG$reactariacolor = require("@react-aria/color");
5
+ var $avQWG$reactstatelycolor = require("@react-stately/color");
6
+ var $avQWG$reactariafocus = require("@react-aria/focus");
7
+ var $avQWG$reactspectrumprovider = require("@react-spectrum/provider");
8
+ var $avQWG$reactariautils = require("@react-aria/utils");
9
+ var $avQWG$reactspectrumlayout = require("@react-spectrum/layout");
10
+ var $avQWG$reactspectrumlabel = require("@react-spectrum/label");
11
+ var $avQWG$reactariainteractions = require("@react-aria/interactions");
12
+ var $avQWG$reactariai18n = require("@react-aria/i18n");
13
+ var $avQWG$reactspectrumtextfield = require("@react-spectrum/textfield");
14
+
15
+ function $parcel$exportWildcard(dest, source) {
16
+ Object.keys(source).forEach(function(key) {
17
+ if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
18
+ return;
19
+ }
20
+
21
+ Object.defineProperty(dest, key, {
22
+ enumerable: true,
23
+ get: function get() {
24
+ return source[key];
25
+ }
26
+ });
27
+ });
70
28
 
29
+ return dest;
30
+ }
71
31
  function $parcel$interopDefault(a) {
72
32
  return a && a.__esModule ? a.default : a;
73
33
  }
74
-
75
- // ASSET: /Users/govett/Downloads/react-spectrum-release/node_modules/@adobe/spectrum-css-temp/components/colorhandle/vars.css
76
- var $a55762e3754ccaed122df9bda494d$exports = {};
77
- $a55762e3754ccaed122df9bda494d$exports = {
78
- "spectrum-ColorHandle": "_spectrum-ColorHandle_90b59",
79
- "is-focused": "_is-focused_90b59",
80
- "focus-ring": "_focus-ring_90b59",
81
- "is-disabled": "_is-disabled_90b59",
82
- "spectrum-ColorHandle-color": "_spectrum-ColorHandle-color_90b59"
83
- };
84
- // ASSET: /Users/govett/Downloads/react-spectrum-release/node_modules/@adobe/spectrum-css-temp/components/colorloupe/vars.css
85
- var $c0c7404f767cd2ff4437cc6ce4e$exports = {};
86
- $c0c7404f767cd2ff4437cc6ce4e$exports = {
87
- "spectrum-ColorLoupe": "_spectrum-ColorLoupe_b3834",
88
- "is-open": "_is-open_b3834",
89
- "spectrum-ColorLoupe-outer": "_spectrum-ColorLoupe-outer_b3834",
90
- "spectrum-ColorLoupe-inner-background": "_spectrum-ColorLoupe-inner-background_b3834",
91
- "spectrum-ColorLoupe-inner-checker": "_spectrum-ColorLoupe-inner-checker_b3834"
92
- };
93
- var $a55762e3754ccaed122df9bda494d$$interop$default = $parcel$interopDefault($a55762e3754ccaed122df9bda494d$exports);
94
- var $c0c7404f767cd2ff4437cc6ce4e$$interop$default = $parcel$interopDefault($c0c7404f767cd2ff4437cc6ce4e$exports);
95
-
96
- function $f1039d797e7720d032e7ae6b6b3355b$export$ColorThumb(props) {
97
- let {
98
- value,
99
- isDisabled,
100
- isDragging,
101
- isFocused,
102
- children,
103
- className = ''
104
- } = props,
105
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["value", "isDisabled", "isDragging", "isFocused", "children", "className"]);
106
-
107
- let patternId = useId();
108
- let valueCSS = value.toString('css');
109
- return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({
110
- className: classNames($a55762e3754ccaed122df9bda494d$$interop$default, 'spectrum-ColorHandle', {
111
- 'is-focused': isFocused,
112
- 'is-disabled': isDisabled
113
- }) + ' ' + className
114
- }, otherProps), /*#__PURE__*/_react.createElement("div", {
115
- className: classNames($a55762e3754ccaed122df9bda494d$$interop$default, 'spectrum-ColorHandle-color'),
116
- style: {
117
- backgroundColor: valueCSS
118
- }
119
- }), /*#__PURE__*/_react.createElement("svg", {
120
- className: classNames($c0c7404f767cd2ff4437cc6ce4e$$interop$default, 'spectrum-ColorLoupe', {
121
- 'is-open': isDragging
122
- }),
123
- "aria-hidden": "true"
124
- }, /*#__PURE__*/_react.createElement("pattern", {
125
- id: patternId,
126
- x: "0",
127
- y: "0",
128
- width: "16",
129
- height: "16",
130
- patternUnits: "userSpaceOnUse"
131
- }, /*#__PURE__*/_react.createElement("rect", {
132
- className: classNames($c0c7404f767cd2ff4437cc6ce4e$$interop$default, 'spectrum-ColorLoupe-inner-background'),
133
- x: "0",
134
- y: "0",
135
- width: "16",
136
- height: "16"
137
- }), /*#__PURE__*/_react.createElement("rect", {
138
- className: classNames($c0c7404f767cd2ff4437cc6ce4e$$interop$default, 'spectrum-ColorLoupe-inner-checker'),
139
- x: "0",
140
- y: "0",
141
- width: "8",
142
- height: "8"
143
- }), /*#__PURE__*/_react.createElement("rect", {
144
- className: classNames($c0c7404f767cd2ff4437cc6ce4e$$interop$default, 'spectrum-ColorLoupe-inner-checker'),
145
- x: "8",
146
- y: "8",
147
- width: "8",
148
- height: "8"
149
- })), /*#__PURE__*/_react.createElement("path", {
150
- className: classNames($c0c7404f767cd2ff4437cc6ce4e$$interop$default, 'spectrum-ColorLoupe-inner'),
151
- d: "M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z",
152
- fill: "url(#" + patternId + ")"
153
- }), /*#__PURE__*/_react.createElement("path", {
154
- className: classNames($c0c7404f767cd2ff4437cc6ce4e$$interop$default, 'spectrum-ColorLoupe-inner'),
155
- d: "M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z",
156
- fill: valueCSS
157
- }), /*#__PURE__*/_react.createElement("path", {
158
- className: classNames($c0c7404f767cd2ff4437cc6ce4e$$interop$default, 'spectrum-ColorLoupe-outer'),
159
- 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"
160
- })), children);
34
+ function $parcel$export(e, n, v, s) {
35
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
36
+ }
37
+ var $0738156f1768a796$exports = {};
38
+
39
+ $parcel$export($0738156f1768a796$exports, "ColorWheel", () => $0738156f1768a796$export$f80663f808113381);
40
+
41
+
42
+
43
+ var $e714641401baf106$exports = {};
44
+
45
+ $parcel$export($e714641401baf106$exports, "spectrum-ColorHandle", () => $e714641401baf106$export$cd9afaa621b6216f, (v) => $e714641401baf106$export$cd9afaa621b6216f = v);
46
+ $parcel$export($e714641401baf106$exports, "is-focused", () => $e714641401baf106$export$e7dc768d35940237, (v) => $e714641401baf106$export$e7dc768d35940237 = v);
47
+ $parcel$export($e714641401baf106$exports, "focus-ring", () => $e714641401baf106$export$f39a09f249340e2a, (v) => $e714641401baf106$export$f39a09f249340e2a = v);
48
+ $parcel$export($e714641401baf106$exports, "is-disabled", () => $e714641401baf106$export$d35bc1e505d1ebbf, (v) => $e714641401baf106$export$d35bc1e505d1ebbf = v);
49
+ $parcel$export($e714641401baf106$exports, "spectrum-ColorHandle-color", () => $e714641401baf106$export$afe4c366ed4e659c, (v) => $e714641401baf106$export$afe4c366ed4e659c = v);
50
+ var $e714641401baf106$export$cd9afaa621b6216f;
51
+ var $e714641401baf106$export$e7dc768d35940237;
52
+ var $e714641401baf106$export$f39a09f249340e2a;
53
+ var $e714641401baf106$export$d35bc1e505d1ebbf;
54
+ var $e714641401baf106$export$afe4c366ed4e659c;
55
+ $e714641401baf106$export$cd9afaa621b6216f = "spectrum-ColorHandle_5a9f41";
56
+ $e714641401baf106$export$e7dc768d35940237 = "is-focused_5a9f41";
57
+ $e714641401baf106$export$f39a09f249340e2a = "focus-ring_5a9f41";
58
+ $e714641401baf106$export$d35bc1e505d1ebbf = "is-disabled_5a9f41";
59
+ $e714641401baf106$export$afe4c366ed4e659c = "spectrum-ColorHandle-color_5a9f41";
60
+
61
+
62
+ var $e5f20e8f18b3096c$exports = {};
63
+
64
+ $parcel$export($e5f20e8f18b3096c$exports, "spectrum-ColorLoupe", () => $e5f20e8f18b3096c$export$88d6ed2576b21809, (v) => $e5f20e8f18b3096c$export$88d6ed2576b21809 = v);
65
+ $parcel$export($e5f20e8f18b3096c$exports, "is-open", () => $e5f20e8f18b3096c$export$a9781837241c946d, (v) => $e5f20e8f18b3096c$export$a9781837241c946d = v);
66
+ $parcel$export($e5f20e8f18b3096c$exports, "spectrum-ColorLoupe-outer", () => $e5f20e8f18b3096c$export$d6ad38291e8aca9c, (v) => $e5f20e8f18b3096c$export$d6ad38291e8aca9c = v);
67
+ $parcel$export($e5f20e8f18b3096c$exports, "spectrum-ColorLoupe-inner-background", () => $e5f20e8f18b3096c$export$397af82b48750fe5, (v) => $e5f20e8f18b3096c$export$397af82b48750fe5 = v);
68
+ $parcel$export($e5f20e8f18b3096c$exports, "spectrum-ColorLoupe-inner-checker", () => $e5f20e8f18b3096c$export$f9a2a02e0b271024, (v) => $e5f20e8f18b3096c$export$f9a2a02e0b271024 = v);
69
+ var $e5f20e8f18b3096c$export$88d6ed2576b21809;
70
+ var $e5f20e8f18b3096c$export$a9781837241c946d;
71
+ var $e5f20e8f18b3096c$export$d6ad38291e8aca9c;
72
+ var $e5f20e8f18b3096c$export$397af82b48750fe5;
73
+ var $e5f20e8f18b3096c$export$f9a2a02e0b271024;
74
+ $e5f20e8f18b3096c$export$88d6ed2576b21809 = "spectrum-ColorLoupe_c818a8";
75
+ $e5f20e8f18b3096c$export$a9781837241c946d = "is-open_c818a8";
76
+ $e5f20e8f18b3096c$export$d6ad38291e8aca9c = "spectrum-ColorLoupe-outer_c818a8";
77
+ $e5f20e8f18b3096c$export$397af82b48750fe5 = "spectrum-ColorLoupe-inner-background_c818a8";
78
+ $e5f20e8f18b3096c$export$f9a2a02e0b271024 = "spectrum-ColorLoupe-inner-checker_c818a8";
79
+
80
+
81
+
82
+ function $1dc35f6528c39993$export$a3cc47cee1c1ccc(props) {
83
+ let { value: value , isDisabled: isDisabled , isDragging: isDragging , isFocused: isFocused , children: children , className: className = '' , ...otherProps } = props;
84
+ let patternId = $avQWG$reactariautils.useId();
85
+ let valueCSS = value.toString('css');
86
+ return(/*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("div", {
87
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e714641401baf106$exports)), 'spectrum-ColorHandle', {
88
+ 'is-focused': isFocused,
89
+ 'is-disabled': isDisabled
90
+ }) + ' ' + className,
91
+ ...otherProps
92
+ }, /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("div", {
93
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e714641401baf106$exports)), 'spectrum-ColorHandle-color'),
94
+ style: {
95
+ backgroundColor: valueCSS
96
+ }
97
+ }), /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("svg", {
98
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e5f20e8f18b3096c$exports)), 'spectrum-ColorLoupe', {
99
+ 'is-open': isDragging
100
+ }),
101
+ "aria-hidden": "true"
102
+ }, /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("pattern", {
103
+ id: patternId,
104
+ x: "0",
105
+ y: "0",
106
+ width: "16",
107
+ height: "16",
108
+ patternUnits: "userSpaceOnUse"
109
+ }, /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("rect", {
110
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e5f20e8f18b3096c$exports)), 'spectrum-ColorLoupe-inner-background'),
111
+ x: "0",
112
+ y: "0",
113
+ width: "16",
114
+ height: "16"
115
+ }), /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("rect", {
116
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e5f20e8f18b3096c$exports)), 'spectrum-ColorLoupe-inner-checker'),
117
+ x: "0",
118
+ y: "0",
119
+ width: "8",
120
+ height: "8"
121
+ }), /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("rect", {
122
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e5f20e8f18b3096c$exports)), 'spectrum-ColorLoupe-inner-checker'),
123
+ x: "8",
124
+ y: "8",
125
+ width: "8",
126
+ height: "8"
127
+ })), /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("path", {
128
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e5f20e8f18b3096c$exports)), 'spectrum-ColorLoupe-inner'),
129
+ d: "M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z",
130
+ fill: `url(#${patternId})`
131
+ }), /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("path", {
132
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e5f20e8f18b3096c$exports)), 'spectrum-ColorLoupe-inner'),
133
+ d: "M25 1a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z",
134
+ fill: valueCSS
135
+ }), /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("path", {
136
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e5f20e8f18b3096c$exports)), 'spectrum-ColorLoupe-outer'),
137
+ 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"
138
+ })), children));
161
139
  }
162
140
 
163
- // ASSET: /Users/govett/Downloads/react-spectrum-release/node_modules/@adobe/spectrum-css-temp/components/colorwheel/vars.css
164
- var $fa4e08bc458be14d6359c7136192ec4$exports = {};
165
- $fa4e08bc458be14d6359c7136192ec4$exports = {
166
- "spectrum-ColorWheel": "_spectrum-ColorWheel_58477",
167
- "is-focused": "_is-focused_58477",
168
- "spectrum-ColorWheel-handle": "_spectrum-ColorWheel-handle_58477",
169
- "spectrum-ColorWheel-slider": "_spectrum-ColorWheel-slider_58477",
170
- "is-disabled": "_is-disabled_58477",
171
- "is-dragged": "_is-dragged_58477",
172
- "spectrum-ColorWheel-gradient": "_spectrum-ColorWheel-gradient_58477",
173
- "spectrum-ColorWheel-segment": "_spectrum-ColorWheel-segment_58477"
174
- };
175
- const $c78a3286fdf083d3611a04f1cfbd186e$var$WHEEL_THICKNESS = 24;
176
- var $fa4e08bc458be14d6359c7136192ec4$$interop$default = $parcel$interopDefault($fa4e08bc458be14d6359c7136192ec4$exports);
177
-
178
- function $c78a3286fdf083d3611a04f1cfbd186e$var$ColorWheel(props, ref) {
179
- props = useProviderProps(props);
180
- let {
181
- isDisabled
182
- } = props;
183
- let size = props.size && dimensionValue(props.size);
184
- let {
185
- styleProps
186
- } = useStyleProps(props);
187
- let inputRef = useRef(null);
188
- let containerRef = useFocusableRef(ref, inputRef);
189
- let [wheelRadius, setWheelRadius] = useState(null);
190
- let [wheelThickness, setWheelThickness] = useState($c78a3286fdf083d3611a04f1cfbd186e$var$WHEEL_THICKNESS);
191
- let resizeHandler = useCallback(() => {
192
- if (containerRef.current) {
193
- setWheelRadius(containerRef.current.offsetWidth / 2);
194
- let thickness = window.getComputedStyle(containerRef.current).getPropertyValue('--spectrum-colorwheel-track-thickness');
195
-
196
- if (thickness) {
197
- setWheelThickness(parseInt(thickness, 10));
198
- }
199
- }
200
- }, [containerRef, setWheelRadius, setWheelThickness]);
201
- useEffect(() => {
202
- // the size observer's fallback to the window resize event doesn't fire on mount
203
- if (wheelRadius == null) {
204
- resizeHandler();
205
- }
206
- }, [wheelRadius, resizeHandler]);
207
- useResizeObserver({
208
- ref: containerRef,
209
- onResize: resizeHandler
210
- });
211
- let state = useColorWheelState(props);
212
- let {
213
- trackProps,
214
- inputProps,
215
- thumbProps
216
- } = useColorWheel(_babelRuntimeHelpersExtends({}, props, {
217
- innerRadius: wheelRadius - wheelThickness,
218
- outerRadius: wheelRadius
219
- }), state, inputRef);
220
- let {
221
- focusProps,
222
- isFocusVisible
223
- } = useFocusRing();
224
- return /*#__PURE__*/_react.createElement("div", {
225
- className: classNames($fa4e08bc458be14d6359c7136192ec4$$interop$default, 'spectrum-ColorWheel', {
226
- 'is-disabled': isDisabled
227
- }, styleProps.className),
228
- ref: containerRef,
229
- style: _babelRuntimeHelpersExtends({}, styleProps.style, {
230
- // Workaround around https://github.com/adobe/spectrum-css/issues/1032
231
- // @ts-ignore
232
- 'width': size,
233
- 'height': size
234
- })
235
- }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, trackProps, {
236
- className: classNames($fa4e08bc458be14d6359c7136192ec4$$interop$default, 'spectrum-ColorWheel-gradient')
237
- })), /*#__PURE__*/_react.createElement($f1039d797e7720d032e7ae6b6b3355b$export$ColorThumb, _babelRuntimeHelpersExtends({
238
- value: state.getDisplayColor(),
239
- isFocused: isFocusVisible,
240
- isDisabled: isDisabled,
241
- isDragging: state.isDragging,
242
- className: classNames($fa4e08bc458be14d6359c7136192ec4$$interop$default, 'spectrum-ColorWheel-handle')
243
- }, thumbProps), /*#__PURE__*/_react.createElement("input", _babelRuntimeHelpersExtends({}, focusProps, {
244
- className: classNames($fa4e08bc458be14d6359c7136192ec4$$interop$default, 'spectrum-ColorWheel-slider')
245
- }, inputProps, {
246
- ref: inputRef
247
- }))));
141
+
142
+
143
+ var $7fc903f202b8a29a$exports = {};
144
+
145
+ $parcel$export($7fc903f202b8a29a$exports, "spectrum-ColorWheel", () => $7fc903f202b8a29a$export$b70a5ca28702fbc6, (v) => $7fc903f202b8a29a$export$b70a5ca28702fbc6 = v);
146
+ $parcel$export($7fc903f202b8a29a$exports, "is-focused", () => $7fc903f202b8a29a$export$e7dc768d35940237, (v) => $7fc903f202b8a29a$export$e7dc768d35940237 = v);
147
+ $parcel$export($7fc903f202b8a29a$exports, "spectrum-ColorWheel-handle", () => $7fc903f202b8a29a$export$4cd23920eb8ac056, (v) => $7fc903f202b8a29a$export$4cd23920eb8ac056 = v);
148
+ $parcel$export($7fc903f202b8a29a$exports, "spectrum-ColorWheel-slider", () => $7fc903f202b8a29a$export$f476ddda713d62b, (v) => $7fc903f202b8a29a$export$f476ddda713d62b = v);
149
+ $parcel$export($7fc903f202b8a29a$exports, "is-disabled", () => $7fc903f202b8a29a$export$d35bc1e505d1ebbf, (v) => $7fc903f202b8a29a$export$d35bc1e505d1ebbf = v);
150
+ $parcel$export($7fc903f202b8a29a$exports, "is-dragged", () => $7fc903f202b8a29a$export$8778c911bed6c759, (v) => $7fc903f202b8a29a$export$8778c911bed6c759 = v);
151
+ $parcel$export($7fc903f202b8a29a$exports, "spectrum-ColorWheel-gradient", () => $7fc903f202b8a29a$export$9afaa791d7500a9b, (v) => $7fc903f202b8a29a$export$9afaa791d7500a9b = v);
152
+ $parcel$export($7fc903f202b8a29a$exports, "spectrum-ColorWheel-segment", () => $7fc903f202b8a29a$export$ada9fbffdaa4f10, (v) => $7fc903f202b8a29a$export$ada9fbffdaa4f10 = v);
153
+ var $7fc903f202b8a29a$export$b70a5ca28702fbc6;
154
+ var $7fc903f202b8a29a$export$e7dc768d35940237;
155
+ var $7fc903f202b8a29a$export$4cd23920eb8ac056;
156
+ var $7fc903f202b8a29a$export$f476ddda713d62b;
157
+ var $7fc903f202b8a29a$export$d35bc1e505d1ebbf;
158
+ var $7fc903f202b8a29a$export$8778c911bed6c759;
159
+ var $7fc903f202b8a29a$export$9afaa791d7500a9b;
160
+ var $7fc903f202b8a29a$export$ada9fbffdaa4f10;
161
+ $7fc903f202b8a29a$export$b70a5ca28702fbc6 = "spectrum-ColorWheel_31462a";
162
+ $7fc903f202b8a29a$export$e7dc768d35940237 = "is-focused_31462a";
163
+ $7fc903f202b8a29a$export$4cd23920eb8ac056 = "spectrum-ColorWheel-handle_31462a";
164
+ $7fc903f202b8a29a$export$f476ddda713d62b = "spectrum-ColorWheel-slider_31462a";
165
+ $7fc903f202b8a29a$export$d35bc1e505d1ebbf = "is-disabled_31462a";
166
+ $7fc903f202b8a29a$export$8778c911bed6c759 = "is-dragged_31462a";
167
+ $7fc903f202b8a29a$export$9afaa791d7500a9b = "spectrum-ColorWheel-gradient_31462a";
168
+ $7fc903f202b8a29a$export$ada9fbffdaa4f10 = "spectrum-ColorWheel-segment_31462a";
169
+
170
+
171
+
172
+
173
+
174
+
175
+
176
+ const $0738156f1768a796$var$WHEEL_THICKNESS = 24;
177
+ function $0738156f1768a796$var$ColorWheel(props, ref) {
178
+ props = $avQWG$reactspectrumprovider.useProviderProps(props);
179
+ let { isDisabled: isDisabled } = props;
180
+ let size = props.size && $avQWG$reactspectrumutils.dimensionValue(props.size);
181
+ let { styleProps: styleProps } = $avQWG$reactspectrumutils.useStyleProps(props);
182
+ let inputRef = $avQWG$react.useRef(null);
183
+ let containerRef = $avQWG$reactspectrumutils.useFocusableRef(ref, inputRef);
184
+ let [wheelRadius, setWheelRadius] = $avQWG$react.useState(null);
185
+ let [wheelThickness, setWheelThickness] = $avQWG$react.useState($0738156f1768a796$var$WHEEL_THICKNESS);
186
+ let resizeHandler = $avQWG$react.useCallback(()=>{
187
+ if (containerRef.current) {
188
+ setWheelRadius(containerRef.current.offsetWidth / 2);
189
+ let thickness = window.getComputedStyle(containerRef.current).getPropertyValue('--spectrum-colorwheel-track-thickness');
190
+ if (thickness) setWheelThickness(parseInt(thickness, 10));
191
+ }
192
+ }, [
193
+ containerRef,
194
+ setWheelRadius,
195
+ setWheelThickness
196
+ ]);
197
+ $avQWG$react.useEffect(()=>{
198
+ // the size observer's fallback to the window resize event doesn't fire on mount
199
+ if (wheelRadius == null) resizeHandler();
200
+ }, [
201
+ wheelRadius,
202
+ resizeHandler
203
+ ]);
204
+ $avQWG$reactariautils.useResizeObserver({
205
+ ref: containerRef,
206
+ onResize: resizeHandler
207
+ });
208
+ let state = $avQWG$reactstatelycolor.useColorWheelState(props);
209
+ let { trackProps: trackProps , inputProps: inputProps , thumbProps: thumbProps } = $avQWG$reactariacolor.useColorWheel({
210
+ ...props,
211
+ innerRadius: wheelRadius - wheelThickness,
212
+ outerRadius: wheelRadius
213
+ }, state, inputRef);
214
+ let { focusProps: focusProps , isFocusVisible: isFocusVisible } = $avQWG$reactariafocus.useFocusRing();
215
+ return(/*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("div", {
216
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7fc903f202b8a29a$exports)), 'spectrum-ColorWheel', {
217
+ 'is-disabled': isDisabled
218
+ }, styleProps.className),
219
+ ref: containerRef,
220
+ style: {
221
+ ...styleProps.style,
222
+ // Workaround around https://github.com/adobe/spectrum-css/issues/1032
223
+ // @ts-ignore
224
+ 'width': size,
225
+ 'height': size
226
+ }
227
+ }, /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("div", {
228
+ ...trackProps,
229
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7fc903f202b8a29a$exports)), 'spectrum-ColorWheel-gradient')
230
+ }), /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement($1dc35f6528c39993$export$a3cc47cee1c1ccc, {
231
+ value: state.getDisplayColor(),
232
+ isFocused: isFocusVisible,
233
+ isDisabled: isDisabled,
234
+ isDragging: state.isDragging,
235
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7fc903f202b8a29a$exports)), 'spectrum-ColorWheel-handle'),
236
+ ...thumbProps
237
+ }, /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("input", {
238
+ ...focusProps,
239
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7fc903f202b8a29a$exports)), 'spectrum-ColorWheel-slider'),
240
+ ...inputProps,
241
+ ref: inputRef
242
+ }))));
248
243
  }
249
244
  /**
250
245
  * ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.
251
- */
252
-
253
-
254
- let ColorWheel = /*#__PURE__*/_react.forwardRef($c78a3286fdf083d3611a04f1cfbd186e$var$ColorWheel);
255
-
256
- exports.ColorWheel = ColorWheel;
257
- // ASSET: /Users/govett/Downloads/react-spectrum-release/node_modules/@adobe/spectrum-css-temp/components/colorslider/vars.css
258
- var $af343c9aea50f8d58d87012145d$exports = {};
259
- $af343c9aea50f8d58d87012145d$exports = {
260
- "spectrum-ColorSlider": "_spectrum-ColorSlider_d5afb",
261
- "is-focused": "_is-focused_d5afb",
262
- "spectrum-ColorSlider-handle": "_spectrum-ColorSlider-handle_d5afb",
263
- "spectrum-ColorSlider-slider": "_spectrum-ColorSlider-slider_d5afb",
264
- "spectrum-ColorSlider-container--horizontal": "_spectrum-ColorSlider-container--horizontal_d5afb",
265
- "spectrum-ColorSlider-container--vertical": "_spectrum-ColorSlider-container--vertical_d5afb",
266
- "is-disabled": "_is-disabled_d5afb",
267
- "spectrum-ColorSlider--vertical": "_spectrum-ColorSlider--vertical_d5afb"
268
- };
269
- var $af343c9aea50f8d58d87012145d$$interop$default = $parcel$interopDefault($af343c9aea50f8d58d87012145d$exports);
270
-
271
- function $fb4f131139da532ca621e724fdbef3c$var$ColorSlider(props, ref) {
272
- props = useProviderProps(props);
273
- let {
274
- isDisabled,
275
- channel,
276
- orientation,
277
- label,
278
- showValueLabel,
279
- 'aria-label': ariaLabel
280
- } = props;
281
- let vertical = orientation === 'vertical';
282
- let {
283
- styleProps
284
- } = useStyleProps(props);
285
- let {
286
- locale
287
- } = useLocale();
288
- let inputRef = useRef();
289
- let trackRef = useRef();
290
- let domRef = useFocusableRef(ref, inputRef);
291
- let state = useColorSliderState(_babelRuntimeHelpersExtends({}, props, {
292
- locale
293
- })); // If vertical and a label is provided, use it as an aria-label instead.
294
-
295
- if (vertical && label) {
296
- ariaLabel = ariaLabel || (typeof label === 'string' ? label : null);
297
- label = null;
298
- } // If no external label, aria-label or aria-labelledby is provided,
299
- // default to displaying the localized channel value.
300
- // Specifically check if label is undefined. If label is `null` then display no visible label.
301
- // A default aria-label is provided by useColorSlider in that case.
302
-
303
-
304
- if (label === undefined && !ariaLabel && !props['aria-labelledby'] && !vertical) {
305
- label = state.value.getChannelName(channel, locale);
306
- } // Show the value label by default if there is a visible label
307
-
308
-
309
- if (showValueLabel == null) {
310
- showValueLabel = !!label;
311
- }
312
-
313
- let {
314
- inputProps,
315
- thumbProps,
316
- trackProps,
317
- labelProps,
318
- outputProps
319
- } = useColorSlider(_babelRuntimeHelpersExtends({}, props, {
320
- label,
321
- 'aria-label': ariaLabel,
322
- trackRef,
323
- inputRef
324
- }), state);
325
- let {
326
- isFocusVisible
327
- } = useFocusVisible();
328
- let [isFocused, setIsFocused] = useState(false);
329
- let {
330
- focusProps
331
- } = useFocus({
332
- isDisabled,
333
- onFocusChange: setIsFocused
334
- });
335
- let alignLabel;
336
-
337
- if (vertical) {
338
- alignLabel = 'center';
339
- } else if (label != null && showValueLabel) {
340
- alignLabel = 'space-between';
341
- } else if (label != null) {
342
- alignLabel = 'flex-start';
343
- } else if (showValueLabel) {
344
- alignLabel = 'flex-end';
345
- }
346
-
347
- return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({
348
- ref: domRef
349
- }, styleProps, {
350
- className: classNames($af343c9aea50f8d58d87012145d$$interop$default, {
351
- 'spectrum-ColorSlider-container--horizontal': !vertical,
352
- 'spectrum-ColorSlider-container--vertical': vertical
353
- })
354
- }), label && /*#__PURE__*/_react.createElement(Flex, {
355
- direction: "row",
356
- justifyContent: alignLabel
357
- }, /*#__PURE__*/_react.createElement(Label, labelProps, label), showValueLabel && /*#__PURE__*/_react.createElement(Label, {
358
- elementType: "span"
359
- }, /*#__PURE__*/_react.createElement("output", outputProps, state.value.formatChannelValue(channel, locale)))), /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, trackProps, {
360
- ref: trackRef,
361
- className: classNames($af343c9aea50f8d58d87012145d$$interop$default, 'spectrum-ColorSlider', {
362
- 'is-disabled': isDisabled,
363
- 'spectrum-ColorSlider--vertical': vertical
364
- })
365
- }), /*#__PURE__*/_react.createElement($f1039d797e7720d032e7ae6b6b3355b$export$ColorThumb, _babelRuntimeHelpersExtends({
366
- value: state.getDisplayColor(),
367
- isFocused: isFocused && isFocusVisible,
368
- isDisabled: isDisabled,
369
- isDragging: state.isThumbDragging(0),
370
- className: classNames($af343c9aea50f8d58d87012145d$$interop$default, 'spectrum-ColorSlider-handle')
371
- }, thumbProps), /*#__PURE__*/_react.createElement("input", _babelRuntimeHelpersExtends({}, inputProps, focusProps, {
372
- ref: inputRef,
373
- className: classNames($af343c9aea50f8d58d87012145d$$interop$default, 'spectrum-ColorSlider-slider')
374
- })))));
246
+ */ let $0738156f1768a796$export$f80663f808113381 = /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).forwardRef($0738156f1768a796$var$ColorWheel);
247
+
248
+
249
+ var $0305008af1e712c1$exports = {};
250
+
251
+ $parcel$export($0305008af1e712c1$exports, "ColorSlider", () => $0305008af1e712c1$export$44fd664bcca5b6fb);
252
+
253
+
254
+
255
+
256
+
257
+ var $44eee705e8da50be$exports = {};
258
+
259
+ $parcel$export($44eee705e8da50be$exports, "spectrum-ColorSlider", () => $44eee705e8da50be$export$a5f8b0989b27a604, (v) => $44eee705e8da50be$export$a5f8b0989b27a604 = v);
260
+ $parcel$export($44eee705e8da50be$exports, "is-focused", () => $44eee705e8da50be$export$e7dc768d35940237, (v) => $44eee705e8da50be$export$e7dc768d35940237 = v);
261
+ $parcel$export($44eee705e8da50be$exports, "spectrum-ColorSlider-handle", () => $44eee705e8da50be$export$8c273ba92fabe1f1, (v) => $44eee705e8da50be$export$8c273ba92fabe1f1 = v);
262
+ $parcel$export($44eee705e8da50be$exports, "spectrum-ColorSlider-slider", () => $44eee705e8da50be$export$2f08b72944af536, (v) => $44eee705e8da50be$export$2f08b72944af536 = v);
263
+ $parcel$export($44eee705e8da50be$exports, "spectrum-ColorSlider-container--horizontal", () => $44eee705e8da50be$export$33e97914f6746614, (v) => $44eee705e8da50be$export$33e97914f6746614 = v);
264
+ $parcel$export($44eee705e8da50be$exports, "spectrum-ColorSlider-container--vertical", () => $44eee705e8da50be$export$cd1c093289104c66, (v) => $44eee705e8da50be$export$cd1c093289104c66 = v);
265
+ $parcel$export($44eee705e8da50be$exports, "is-disabled", () => $44eee705e8da50be$export$d35bc1e505d1ebbf, (v) => $44eee705e8da50be$export$d35bc1e505d1ebbf = v);
266
+ $parcel$export($44eee705e8da50be$exports, "spectrum-ColorSlider--vertical", () => $44eee705e8da50be$export$83dcf61b398bfaf1, (v) => $44eee705e8da50be$export$83dcf61b398bfaf1 = v);
267
+ var $44eee705e8da50be$export$a5f8b0989b27a604;
268
+ var $44eee705e8da50be$export$e7dc768d35940237;
269
+ var $44eee705e8da50be$export$8c273ba92fabe1f1;
270
+ var $44eee705e8da50be$export$2f08b72944af536;
271
+ var $44eee705e8da50be$export$33e97914f6746614;
272
+ var $44eee705e8da50be$export$cd1c093289104c66;
273
+ var $44eee705e8da50be$export$d35bc1e505d1ebbf;
274
+ var $44eee705e8da50be$export$83dcf61b398bfaf1;
275
+ $44eee705e8da50be$export$a5f8b0989b27a604 = "spectrum-ColorSlider_a5bb06";
276
+ $44eee705e8da50be$export$e7dc768d35940237 = "is-focused_a5bb06";
277
+ $44eee705e8da50be$export$8c273ba92fabe1f1 = "spectrum-ColorSlider-handle_a5bb06";
278
+ $44eee705e8da50be$export$2f08b72944af536 = "spectrum-ColorSlider-slider_a5bb06";
279
+ $44eee705e8da50be$export$33e97914f6746614 = "spectrum-ColorSlider-container--horizontal_a5bb06";
280
+ $44eee705e8da50be$export$cd1c093289104c66 = "spectrum-ColorSlider-container--vertical_a5bb06";
281
+ $44eee705e8da50be$export$d35bc1e505d1ebbf = "is-disabled_a5bb06";
282
+ $44eee705e8da50be$export$83dcf61b398bfaf1 = "spectrum-ColorSlider--vertical_a5bb06";
283
+
284
+
285
+
286
+
287
+
288
+
289
+
290
+ function $0305008af1e712c1$var$ColorSlider(props, ref) {
291
+ props = $avQWG$reactspectrumprovider.useProviderProps(props);
292
+ let { isDisabled: isDisabled , channel: channel , orientation: orientation , label: label , showValueLabel: showValueLabel , 'aria-label': ariaLabel } = props;
293
+ let vertical = orientation === 'vertical';
294
+ let { styleProps: styleProps } = $avQWG$reactspectrumutils.useStyleProps(props);
295
+ let { locale: locale } = $avQWG$reactariai18n.useLocale();
296
+ let inputRef = $avQWG$react.useRef();
297
+ let trackRef = $avQWG$react.useRef();
298
+ let domRef = $avQWG$reactspectrumutils.useFocusableRef(ref, inputRef);
299
+ let state = $avQWG$reactstatelycolor.useColorSliderState({
300
+ ...props,
301
+ locale: locale
302
+ });
303
+ // If vertical and a label is provided, use it as an aria-label instead.
304
+ if (vertical && label) {
305
+ ariaLabel = ariaLabel || (typeof label === 'string' ? label : null);
306
+ label = null;
307
+ }
308
+ // If no external label, aria-label or aria-labelledby is provided,
309
+ // default to displaying the localized channel value.
310
+ // Specifically check if label is undefined. If label is `null` then display no visible label.
311
+ // A default aria-label is provided by useColorSlider in that case.
312
+ if (label === undefined && !ariaLabel && !props['aria-labelledby'] && !vertical) label = state.value.getChannelName(channel, locale);
313
+ // Show the value label by default if there is a visible label
314
+ if (showValueLabel == null) showValueLabel = !!label;
315
+ let { inputProps: inputProps , thumbProps: thumbProps , trackProps: trackProps , labelProps: labelProps , outputProps: outputProps } = $avQWG$reactariacolor.useColorSlider({
316
+ ...props,
317
+ label: label,
318
+ 'aria-label': ariaLabel,
319
+ trackRef: trackRef,
320
+ inputRef: inputRef
321
+ }, state);
322
+ let { isFocusVisible: isFocusVisible } = $avQWG$reactariainteractions.useFocusVisible();
323
+ let [isFocused, setIsFocused] = $avQWG$react.useState(false);
324
+ let { focusProps: focusProps } = $avQWG$reactariainteractions.useFocus({
325
+ isDisabled: isDisabled,
326
+ onFocusChange: setIsFocused
327
+ });
328
+ let alignLabel;
329
+ if (vertical) alignLabel = 'center';
330
+ else if (label != null && showValueLabel) alignLabel = 'space-between';
331
+ else if (label != null) alignLabel = 'flex-start';
332
+ else if (showValueLabel) alignLabel = 'flex-end';
333
+ return(/*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("div", {
334
+ ref: domRef,
335
+ ...styleProps,
336
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($44eee705e8da50be$exports)), {
337
+ 'spectrum-ColorSlider-container--horizontal': !vertical,
338
+ 'spectrum-ColorSlider-container--vertical': vertical
339
+ })
340
+ }, label && /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement($avQWG$reactspectrumlayout.Flex, {
341
+ direction: "row",
342
+ justifyContent: alignLabel
343
+ }, /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement($avQWG$reactspectrumlabel.Label, labelProps, label), showValueLabel && /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement($avQWG$reactspectrumlabel.Label, {
344
+ elementType: "span"
345
+ }, /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("output", outputProps, state.value.formatChannelValue(channel, locale)))), /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("div", {
346
+ ...trackProps,
347
+ ref: trackRef,
348
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($44eee705e8da50be$exports)), 'spectrum-ColorSlider', {
349
+ 'is-disabled': isDisabled,
350
+ 'spectrum-ColorSlider--vertical': vertical
351
+ })
352
+ }, /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement($1dc35f6528c39993$export$a3cc47cee1c1ccc, {
353
+ value: state.getDisplayColor(),
354
+ isFocused: isFocused && isFocusVisible,
355
+ isDisabled: isDisabled,
356
+ isDragging: state.isThumbDragging(0),
357
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($44eee705e8da50be$exports)), 'spectrum-ColorSlider-handle'),
358
+ ...thumbProps
359
+ }, /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement("input", {
360
+ ...inputProps,
361
+ ...focusProps,
362
+ ref: inputRef,
363
+ className: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($44eee705e8da50be$exports)), 'spectrum-ColorSlider-slider')
364
+ })))));
375
365
  }
376
366
  /**
377
367
  * ColorSliders allow users to adjust an individual channel of a color value.
378
- */
379
-
380
-
381
- let ColorSlider = /*#__PURE__*/_react.forwardRef($fb4f131139da532ca621e724fdbef3c$var$ColorSlider);
382
-
383
- exports.ColorSlider = ColorSlider;
384
- // ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-spectrum/color/src/colorfield.css
385
- var $b08711e3115a699593427293c2e01ba$exports = {};
386
- $b08711e3115a699593427293c2e01ba$exports = {
387
- "react-spectrum-ColorField-input": "_react-spectrum-ColorField-input_86851"
388
- };
389
- var $b08711e3115a699593427293c2e01ba$$interop$default = $parcel$interopDefault($b08711e3115a699593427293c2e01ba$exports);
390
-
391
- function $b25d8991f57211cb8e429d74bf3d19f7$var$ColorField(props, ref) {
392
- props = useProviderProps(props);
393
-
394
- let otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["value", "defaultValue", "onChange"]);
395
-
396
- let state = useColorFieldState(props);
397
- let inputRef = useRef();
398
- let {
399
- labelProps,
400
- inputProps
401
- } = useColorField(otherProps, state, inputRef);
402
- return /*#__PURE__*/_react.createElement(TextFieldBase, _babelRuntimeHelpersExtends({}, otherProps, {
403
- ref: ref,
404
- inputRef: inputRef,
405
- labelProps: labelProps,
406
- inputProps: inputProps,
407
- inputClassName: classNames($b08711e3115a699593427293c2e01ba$$interop$default, 'react-spectrum-ColorField-input')
408
- }));
368
+ */ let $0305008af1e712c1$export$44fd664bcca5b6fb = /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).forwardRef($0305008af1e712c1$var$ColorSlider);
369
+
370
+
371
+ var $a378ae6f24cb296e$exports = {};
372
+
373
+ $parcel$export($a378ae6f24cb296e$exports, "ColorField", () => $a378ae6f24cb296e$export$b865d4358897bb17);
374
+
375
+
376
+ var $5ac18361b86aa59c$exports = {};
377
+
378
+ $parcel$export($5ac18361b86aa59c$exports, "react-spectrum-ColorField-input", () => $5ac18361b86aa59c$export$7d80c6630a750b1, (v) => $5ac18361b86aa59c$export$7d80c6630a750b1 = v);
379
+ var $5ac18361b86aa59c$export$7d80c6630a750b1;
380
+ $5ac18361b86aa59c$export$7d80c6630a750b1 = "react-spectrum-ColorField-input_7bde3a";
381
+
382
+
383
+
384
+
385
+
386
+
387
+ function $a378ae6f24cb296e$var$ColorField(props, ref) {
388
+ props = $avQWG$reactspectrumprovider.useProviderProps(props);
389
+ let { value: // These disabled props are handled by the state hook
390
+ value , defaultValue: defaultValue , onChange: onChange , ...otherProps } = props;
391
+ let state = $avQWG$reactstatelycolor.useColorFieldState(props);
392
+ let inputRef = $avQWG$react.useRef();
393
+ let { labelProps: labelProps , inputProps: inputProps } = $avQWG$reactariacolor.useColorField(otherProps, state, inputRef);
394
+ return(/*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).createElement($avQWG$reactspectrumtextfield.TextFieldBase, {
395
+ ...otherProps,
396
+ ref: ref,
397
+ inputRef: inputRef,
398
+ labelProps: labelProps,
399
+ inputProps: inputProps,
400
+ inputClassName: $avQWG$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($5ac18361b86aa59c$exports)), 'react-spectrum-ColorField-input')
401
+ }));
409
402
  }
410
403
  /**
411
404
  * ColorFields allow users to enter a color in #rrggbb hexadecimal format.
412
- */
405
+ */ const $a378ae6f24cb296e$export$b865d4358897bb17 = /*#__PURE__*/ ($parcel$interopDefault($avQWG$react)).forwardRef($a378ae6f24cb296e$var$ColorField);
406
+
413
407
 
408
+ $parcel$exportWildcard(module.exports, $0738156f1768a796$exports);
409
+ $parcel$exportWildcard(module.exports, $0305008af1e712c1$exports);
410
+ $parcel$exportWildcard(module.exports, $a378ae6f24cb296e$exports);
414
411
 
415
- const ColorField = /*#__PURE__*/_react.forwardRef($b25d8991f57211cb8e429d74bf3d19f7$var$ColorField);
416
412
 
417
- exports.ColorField = ColorField;
418
413
  //# sourceMappingURL=main.js.map