@react-spectrum/slider 3.4.1-nightly.3598 → 3.4.1-nightly.3600

package/dist/module.mjs

@@ -16,10 +16,41 @@ function $parcel$interopDefault(a) {
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-
-
-
-
+/*
+ * 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.
+ */ /// <reference types="css-module-types" />
+/*
+ * 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.
+ */ 
+
+
+/*
+ * 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 $bfbf422e6c44be4b$exports = {};
@@ -144,37 +175,37 @@ $bfbf422e6c44be4b$export$fc5a803c4caf36a = "spectrum-Slider--label-side_e4b6ba";
 
 
 function $39572711324a3b8e$var$SliderBase(props, ref) {
-    props = $9lJNF$useProviderProps(props);
-    let { isDisabled: isDisabled , children: children , classes: classes , style: style , labelPosition: labelPosition = 'top' , getValueLabel: getValueLabel , showValueLabel: showValueLabel = !!props.label , formatOptions: formatOptions , minValue: minValue = 0 , maxValue: maxValue = 100 , ...otherProps } = props;
-    let { styleProps: styleProps  } = $9lJNF$useStyleProps(otherProps);
+    props = (0, $9lJNF$useProviderProps)(props);
+    let { isDisabled: isDisabled , children: children , classes: classes , style: style , labelPosition: labelPosition = "top" , getValueLabel: getValueLabel , showValueLabel: showValueLabel = !!props.label , formatOptions: formatOptions , minValue: minValue = 0 , maxValue: maxValue = 100 , ...otherProps } = props;
+    let { styleProps: styleProps  } = (0, $9lJNF$useStyleProps)(otherProps);
     // `Math.abs(Math.sign(a) - Math.sign(b)) === 2` is true if the values have a different sign.
     let alwaysDisplaySign = Math.abs(Math.sign(minValue) - Math.sign(maxValue)) === 2;
     if (alwaysDisplaySign) {
         if (formatOptions != null) {
-            if (!('signDisplay' in formatOptions)) formatOptions = {
+            if (!("signDisplay" in formatOptions)) formatOptions = {
                 ...formatOptions,
                 // @ts-ignore
-                signDisplay: 'exceptZero'
+                signDisplay: "exceptZero"
             };
         } else // @ts-ignore
         formatOptions = {
-            signDisplay: 'exceptZero'
+            signDisplay: "exceptZero"
         };
     }
-    const formatter = $9lJNF$useNumberFormatter(formatOptions);
-    const state = $9lJNF$useSliderState({
+    const formatter = (0, $9lJNF$useNumberFormatter)(formatOptions);
+    const state = (0, $9lJNF$useSliderState)({
         ...props,
         numberFormatter: formatter,
         minValue: minValue,
         maxValue: maxValue
     });
-    let trackRef = $9lJNF$useRef();
-    let { groupProps: groupProps , trackProps: trackProps , labelProps: labelProps , outputProps: outputProps  } = $9lJNF$useSlider(props, state, trackRef);
-    let inputRef = $9lJNF$useRef();
-    let domRef = $9lJNF$useFocusableRef(ref, inputRef);
-    let displayValue = '';
+    let trackRef = (0, $9lJNF$useRef)();
+    let { groupProps: groupProps , trackProps: trackProps , labelProps: labelProps , outputProps: outputProps  } = (0, $9lJNF$useSlider)(props, state, trackRef);
+    let inputRef = (0, $9lJNF$useRef)();
+    let domRef = (0, $9lJNF$useFocusableRef)(ref, inputRef);
+    let displayValue = "";
     let maxLabelLength = undefined;
-    if (typeof getValueLabel === 'function') {
+    if (typeof getValueLabel === "function") {
         displayValue = getValueLabel(state.values);
         switch(state.values.length){
             case 1:
@@ -201,7 +232,7 @@ function $39572711324a3b8e$var$SliderBase(props, ref) {
                 ]).length);
                 break;
             default:
-                throw new Error('Only sliders with 1 or 2 handles are supported!');
+                throw new Error("Only sliders with 1 or 2 handles are supported!");
         }
     } else {
         maxLabelLength = Math.max([
@@ -225,44 +256,44 @@ function $39572711324a3b8e$var$SliderBase(props, ref) {
                 ].length);
                 break;
             default:
-                throw new Error('Only sliders with 1 or 2 handles are supported!');
+                throw new Error("Only sliders with 1 or 2 handles are supported!");
         }
     }
-    let labelNode = /*#__PURE__*/ $9lJNF$react.createElement("label", {
-        className: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'spectrum-Slider-label'),
+    let labelNode = /*#__PURE__*/ (0, $9lJNF$react).createElement("label", {
+        className: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "spectrum-Slider-label"),
         ...labelProps
     }, props.label);
-    let valueNode = /*#__PURE__*/ $9lJNF$react.createElement("output", {
+    let valueNode = /*#__PURE__*/ (0, $9lJNF$react).createElement("output", {
         ...outputProps,
-        className: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'spectrum-Slider-value'),
+        className: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "spectrum-Slider-value"),
         style: maxLabelLength && {
             width: `${maxLabelLength}ch`,
             minWidth: `${maxLabelLength}ch`
         }
     }, displayValue);
-    return(/*#__PURE__*/ $9lJNF$react.createElement("div", {
+    return /*#__PURE__*/ (0, $9lJNF$react).createElement("div", {
         ref: domRef,
-        className: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'spectrum-Slider', {
-            'spectrum-Slider--positionTop': labelPosition === 'top',
-            'spectrum-Slider--positionSide': labelPosition === 'side',
-            'is-disabled': isDisabled
+        className: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "spectrum-Slider", {
+            "spectrum-Slider--positionTop": labelPosition === "top",
+            "spectrum-Slider--positionSide": labelPosition === "side",
+            "is-disabled": isDisabled
         }, classes, styleProps.className),
         style: {
             ...style,
             ...styleProps.style
         },
         ...groupProps
-    }, props.label && /*#__PURE__*/ $9lJNF$react.createElement("div", {
-        className: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'spectrum-Slider-labelContainer'),
+    }, props.label && /*#__PURE__*/ (0, $9lJNF$react).createElement("div", {
+        className: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "spectrum-Slider-labelContainer"),
         role: "presentation"
-    }, props.label && labelNode, props.contextualHelp && /*#__PURE__*/ $9lJNF$react.createElement($9lJNF$SlotProvider, {
+    }, props.label && labelNode, props.contextualHelp && /*#__PURE__*/ (0, $9lJNF$react).createElement((0, $9lJNF$SlotProvider), {
         slots: {
             actionButton: {
-                UNSAFE_className: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'spectrum-Slider-contextualHelp')
+                UNSAFE_className: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "spectrum-Slider-contextualHelp")
             }
         }
-    }, props.contextualHelp), labelPosition === 'top' && showValueLabel && valueNode), /*#__PURE__*/ $9lJNF$react.createElement("div", {
-        className: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'spectrum-Slider-controls'),
+    }, props.contextualHelp), labelPosition === "top" && showValueLabel && valueNode), /*#__PURE__*/ (0, $9lJNF$react).createElement("div", {
+        className: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "spectrum-Slider-controls"),
         ref: trackRef,
         ...trackProps,
         role: "presentation"
@@ -270,15 +301,25 @@ function $39572711324a3b8e$var$SliderBase(props, ref) {
         trackRef: trackRef,
         inputRef: inputRef,
         state: state
-    })), labelPosition === 'side' && /*#__PURE__*/ $9lJNF$react.createElement("div", {
-        className: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'spectrum-Slider-valueLabelContainer'),
+    })), labelPosition === "side" && /*#__PURE__*/ (0, $9lJNF$react).createElement("div", {
+        className: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "spectrum-Slider-valueLabelContainer"),
         role: "presentation"
-    }, showValueLabel && valueNode)));
+    }, showValueLabel && valueNode));
 }
-const $39572711324a3b8e$export$9418495bb635ebde = /*#__PURE__*/ $9lJNF$react.forwardRef($39572711324a3b8e$var$SliderBase);
-
+const $39572711324a3b8e$export$9418495bb635ebde = /*#__PURE__*/ (0, $9lJNF$react).forwardRef($39572711324a3b8e$var$SliderBase);
 
 
+/*
+ * 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.
+ */ 
 
 
 
@@ -288,30 +329,29 @@ const $39572711324a3b8e$export$9418495bb635ebde = /*#__PURE__*/ $9lJNF$react.for
 
 function $9058ca69d66a724f$export$2c1b491743890dec(props) {
     let { inputRef: inputRef , state: state  } = props;
-    let backupRef = $9lJNF$useRef();
+    let backupRef = (0, $9lJNF$useRef)();
     inputRef = inputRef || backupRef;
-    let { thumbProps: thumbProps , inputProps: inputProps , isDragging: isDragging , isFocused: isFocused  } = $9lJNF$useSliderThumb({
+    let { thumbProps: thumbProps , inputProps: inputProps , isDragging: isDragging , isFocused: isFocused  } = (0, $9lJNF$useSliderThumb)({
         ...props,
         inputRef: inputRef
     }, state);
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $9lJNF$useHover({
-    });
-    return(/*#__PURE__*/ $9lJNF$react.createElement($9lJNF$FocusRing, {
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $9lJNF$useHover)({});
+    return /*#__PURE__*/ (0, $9lJNF$react).createElement((0, $9lJNF$FocusRing), {
         within: true,
-        focusRingClass: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'is-focused')
-    }, /*#__PURE__*/ $9lJNF$react.createElement("div", {
-        className: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'spectrum-Slider-handle', {
-            'is-hovered': isHovered,
-            'is-dragged': isDragging,
-            'is-tophandle': isFocused
+        focusRingClass: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "is-focused")
+    }, /*#__PURE__*/ (0, $9lJNF$react).createElement("div", {
+        className: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "spectrum-Slider-handle", {
+            "is-hovered": isHovered,
+            "is-dragged": isDragging,
+            "is-tophandle": isFocused
         }),
-        ...$9lJNF$mergeProps(thumbProps, hoverProps),
+        ...(0, $9lJNF$mergeProps)(thumbProps, hoverProps),
         role: "presentation"
-    }, /*#__PURE__*/ $9lJNF$react.createElement($9lJNF$VisuallyHidden, null, /*#__PURE__*/ $9lJNF$react.createElement("input", {
-        className: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'spectrum-Slider-input'),
+    }, /*#__PURE__*/ (0, $9lJNF$react).createElement((0, $9lJNF$VisuallyHidden), null, /*#__PURE__*/ (0, $9lJNF$react).createElement("input", {
+        className: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "spectrum-Slider-input"),
         ref: inputRef,
         ...inputProps
-    })))));
+    }))));
 }
 
 
@@ -334,25 +374,24 @@ function $a1251704aa53e1a5$var$Slider(props, ref) {
         onChangeEnd: (v)=>{
             onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(v[0]);
         },
-        getValueLabel: getValueLabel ? ([v])=>getValueLabel(v)
-         : undefined
+        getValueLabel: getValueLabel ? ([v])=>getValueLabel(v) : undefined
     };
-    let { direction: direction  } = $9lJNF$useLocale();
-    return(/*#__PURE__*/ $9lJNF$react.createElement($39572711324a3b8e$export$9418495bb635ebde, {
+    let { direction: direction  } = (0, $9lJNF$useLocale)();
+    return /*#__PURE__*/ (0, $9lJNF$react).createElement((0, $39572711324a3b8e$export$9418495bb635ebde), {
         ...baseProps,
         ref: ref,
         classes: {
-            'spectrum-Slider--filled': isFilled && fillOffset == null
+            "spectrum-Slider--filled": isFilled && fillOffset == null
         },
         style: // @ts-ignore
         {
-            '--spectrum-slider-track-gradient': trackGradient && `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`
+            "--spectrum-slider-track-gradient": trackGradient && `linear-gradient(to ${direction === "ltr" ? "right" : "left"}, ${trackGradient.join(", ")})`
         }
     }, ({ trackRef: trackRef , inputRef: inputRef , state: state  })=>{
-        fillOffset = fillOffset != null ? $9lJNF$clamp(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0)) : fillOffset;
-        let cssDirection = direction === 'rtl' ? 'right' : 'left';
-        let lowerTrack = /*#__PURE__*/ $9lJNF$react.createElement("div", {
-            className: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'spectrum-Slider-track'),
+        fillOffset = fillOffset != null ? (0, $9lJNF$clamp)(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0)) : fillOffset;
+        let cssDirection = direction === "rtl" ? "right" : "left";
+        let lowerTrack = /*#__PURE__*/ (0, $9lJNF$react).createElement("div", {
+            className: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "spectrum-Slider-track"),
             style: {
                 width: `${state.getThumbPercent(0) * 100}%`,
                 // TODO not sure if it has advantages, but this could also be implemented as CSS calc():
@@ -361,17 +400,17 @@ function $a1251704aa53e1a5$var$Slider(props, ref) {
                 //    width: calc(var(--width) * 1%)M
                 // }
                 // @ts-ignore
-                '--spectrum-track-background-size': `${1 / state.getThumbPercent(0) * 100}%`,
-                '--spectrum-track-background-position': direction === 'ltr' ? '0' : '100%'
+                "--spectrum-track-background-size": `${1 / state.getThumbPercent(0) * 100}%`,
+                "--spectrum-track-background-position": direction === "ltr" ? "0" : "100%"
             }
         });
-        let upperTrack = /*#__PURE__*/ $9lJNF$react.createElement("div", {
-            className: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'spectrum-Slider-track'),
+        let upperTrack = /*#__PURE__*/ (0, $9lJNF$react).createElement("div", {
+            className: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "spectrum-Slider-track"),
             style: {
                 width: `${(1 - state.getThumbPercent(0)) * 100}%`,
                 // @ts-ignore
-                '--spectrum-track-background-size': `${1 / (1 - state.getThumbPercent(0)) * 100}%`,
-                '--spectrum-track-background-position': direction === 'ltr' ? '100%' : '0'
+                "--spectrum-track-background-size": `${1 / (1 - state.getThumbPercent(0)) * 100}%`,
+                "--spectrum-track-background-position": direction === "ltr" ? "100%" : "0"
             }
         });
         let filledTrack = null;
@@ -379,9 +418,9 @@ function $a1251704aa53e1a5$var$Slider(props, ref) {
             let width = state.getThumbPercent(0) - state.getValuePercent(fillOffset);
             let isRightOfOffset = width > 0;
             let offset = isRightOfOffset ? state.getValuePercent(fillOffset) : state.getThumbPercent(0);
-            filledTrack = /*#__PURE__*/ $9lJNF$react.createElement("div", {
-                className: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'spectrum-Slider-fill', {
-                    'spectrum-Slider-fill--right': isRightOfOffset
+            filledTrack = /*#__PURE__*/ (0, $9lJNF$react).createElement("div", {
+                className: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "spectrum-Slider-fill", {
+                    "spectrum-Slider-fill--right": isRightOfOffset
                 }),
                 style: {
                     [cssDirection]: `${offset * 100}%`,
@@ -389,21 +428,31 @@ function $a1251704aa53e1a5$var$Slider(props, ref) {
                 }
             });
         }
-        return(/*#__PURE__*/ $9lJNF$react.createElement($9lJNF$react.Fragment, null, lowerTrack, /*#__PURE__*/ $9lJNF$react.createElement($9058ca69d66a724f$export$2c1b491743890dec, {
+        return /*#__PURE__*/ (0, $9lJNF$react).createElement((0, $9lJNF$react).Fragment, null, lowerTrack, /*#__PURE__*/ (0, $9lJNF$react).createElement((0, $9058ca69d66a724f$export$2c1b491743890dec), {
             index: 0,
             isDisabled: props.isDisabled,
             trackRef: trackRef,
             inputRef: inputRef,
             state: state
-        }), filledTrack, upperTrack));
-    }));
+        }), filledTrack, upperTrack);
+    });
 }
 /**
  * Sliders allow users to quickly select a value within a range. They should be used when the upper and lower bounds to the range are invariable.
- */ const $a1251704aa53e1a5$export$472062a354075cee = /*#__PURE__*/ $9lJNF$react.forwardRef($a1251704aa53e1a5$var$Slider);
-
-
-
+ */ const $a1251704aa53e1a5$export$472062a354075cee = /*#__PURE__*/ (0, $9lJNF$react).forwardRef($a1251704aa53e1a5$var$Slider);
+
+
+/*
+ * 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 $28d0e3950780ae05$exports = {};
 var $e8390eb96e247aac$exports = {};
 $e8390eb96e247aac$exports = {
@@ -717,52 +766,51 @@ function $d42a197b273dc031$var$RangeSlider(props, ref) {
         getValueLabel: getValueLabel ? ([start, end])=>getValueLabel({
                 start: start,
                 end: end
-            })
-         : undefined
+            }) : undefined
     };
-    let stringFormatter = $9lJNF$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($28d0e3950780ae05$exports)));
-    let { direction: direction  } = $9lJNF$useLocale();
-    return(/*#__PURE__*/ $9lJNF$react.createElement($39572711324a3b8e$export$9418495bb635ebde, {
+    let stringFormatter = (0, $9lJNF$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($28d0e3950780ae05$exports))));
+    let { direction: direction  } = (0, $9lJNF$useLocale)();
+    return /*#__PURE__*/ (0, $9lJNF$react).createElement((0, $39572711324a3b8e$export$9418495bb635ebde), {
         ...baseProps,
-        classes: 'spectrum-Slider--range',
+        classes: "spectrum-Slider--range",
         ref: ref
     }, ({ trackRef: trackRef , inputRef: inputRef , state: state  })=>{
-        let cssDirection = direction === 'rtl' ? 'right' : 'left';
-        return(/*#__PURE__*/ $9lJNF$react.createElement($9lJNF$react.Fragment, null, /*#__PURE__*/ $9lJNF$react.createElement("div", {
-            className: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'spectrum-Slider-track'),
+        let cssDirection = direction === "rtl" ? "right" : "left";
+        return /*#__PURE__*/ (0, $9lJNF$react).createElement((0, $9lJNF$react).Fragment, null, /*#__PURE__*/ (0, $9lJNF$react).createElement("div", {
+            className: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "spectrum-Slider-track"),
             style: {
                 width: `${state.getThumbPercent(0) * 100}%`
             }
-        }), /*#__PURE__*/ $9lJNF$react.createElement($9058ca69d66a724f$export$2c1b491743890dec, {
+        }), /*#__PURE__*/ (0, $9lJNF$react).createElement((0, $9058ca69d66a724f$export$2c1b491743890dec), {
             index: 0,
-            "aria-label": stringFormatter.format('minimum'),
+            "aria-label": stringFormatter.format("minimum"),
             isDisabled: props.isDisabled,
             trackRef: trackRef,
             inputRef: inputRef,
             state: state
-        }), /*#__PURE__*/ $9lJNF$react.createElement("div", {
-            className: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'spectrum-Slider-track'),
+        }), /*#__PURE__*/ (0, $9lJNF$react).createElement("div", {
+            className: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "spectrum-Slider-track"),
             style: {
                 [cssDirection]: `${state.getThumbPercent(0) * 100}%`,
                 width: `${Math.abs(state.getThumbPercent(0) - state.getThumbPercent(1)) * 100}%`
             }
-        }), /*#__PURE__*/ $9lJNF$react.createElement($9058ca69d66a724f$export$2c1b491743890dec, {
+        }), /*#__PURE__*/ (0, $9lJNF$react).createElement((0, $9058ca69d66a724f$export$2c1b491743890dec), {
             index: 1,
-            "aria-label": stringFormatter.format('maximum'),
+            "aria-label": stringFormatter.format("maximum"),
             isDisabled: props.isDisabled,
             trackRef: trackRef,
             state: state
-        }), /*#__PURE__*/ $9lJNF$react.createElement("div", {
-            className: $9lJNF$classNames((/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports)), 'spectrum-Slider-track'),
+        }), /*#__PURE__*/ (0, $9lJNF$react).createElement("div", {
+            className: (0, $9lJNF$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bfbf422e6c44be4b$exports))), "spectrum-Slider-track"),
             style: {
                 width: `${(1 - state.getThumbPercent(1)) * 100}%`
             }
-        })));
-    }));
+        }));
+    });
 }
 /**
  * RangeSliders allow users to quickly select a subset range. They should be used when the upper and lower bounds to the range are invariable.
- */ const $d42a197b273dc031$export$826424dabc3dd705 = /*#__PURE__*/ $9lJNF$react.forwardRef($d42a197b273dc031$var$RangeSlider);
+ */ const $d42a197b273dc031$export$826424dabc3dd705 = /*#__PURE__*/ (0, $9lJNF$react).forwardRef($d42a197b273dc031$var$RangeSlider);