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

package/dist/main.js

@@ -19,10 +19,41 @@ function $parcel$interopDefault(a) {
 
 $parcel$export(module.exports, "Slider", () => $3a761bdd22d32681$export$472062a354075cee);
 $parcel$export(module.exports, "RangeSlider", () => $f166b52c7f82645c$export$826424dabc3dd705);
-
-
-
-
+/*
+ * 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 $57893a49ef34c169$exports = {};
@@ -147,37 +178,37 @@ $57893a49ef34c169$export$fc5a803c4caf36a = "spectrum-Slider--label-side_e4b6ba";
 
 
 function $ec6ca573d82152ff$var$SliderBase(props, ref) {
-    props = $km6zh$reactspectrumprovider.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  } = $km6zh$reactspectrumutils.useStyleProps(otherProps);
+    props = (0, $km6zh$reactspectrumprovider.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, $km6zh$reactspectrumutils.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 = $km6zh$reactariai18n.useNumberFormatter(formatOptions);
-    const state = $km6zh$reactstatelyslider.useSliderState({
+    const formatter = (0, $km6zh$reactariai18n.useNumberFormatter)(formatOptions);
+    const state = (0, $km6zh$reactstatelyslider.useSliderState)({
         ...props,
         numberFormatter: formatter,
         minValue: minValue,
         maxValue: maxValue
     });
-    let trackRef = $km6zh$react.useRef();
-    let { groupProps: groupProps , trackProps: trackProps , labelProps: labelProps , outputProps: outputProps  } = $km6zh$reactariaslider.useSlider(props, state, trackRef);
-    let inputRef = $km6zh$react.useRef();
-    let domRef = $km6zh$reactspectrumutils.useFocusableRef(ref, inputRef);
-    let displayValue = '';
+    let trackRef = (0, $km6zh$react.useRef)();
+    let { groupProps: groupProps , trackProps: trackProps , labelProps: labelProps , outputProps: outputProps  } = (0, $km6zh$reactariaslider.useSlider)(props, state, trackRef);
+    let inputRef = (0, $km6zh$react.useRef)();
+    let domRef = (0, $km6zh$reactspectrumutils.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:
@@ -204,7 +235,7 @@ function $ec6ca573d82152ff$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([
@@ -228,44 +259,44 @@ function $ec6ca573d82152ff$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__*/ ($parcel$interopDefault($km6zh$react)).createElement("label", {
-        className: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'spectrum-Slider-label'),
+    let labelNode = /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement("label", {
+        className: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-label"),
         ...labelProps
     }, props.label);
-    let valueNode = /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement("output", {
+    let valueNode = /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement("output", {
         ...outputProps,
-        className: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'spectrum-Slider-value'),
+        className: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-value"),
         style: maxLabelLength && {
             width: `${maxLabelLength}ch`,
             minWidth: `${maxLabelLength}ch`
         }
     }, displayValue);
-    return(/*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement("div", {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement("div", {
         ref: domRef,
-        className: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'spectrum-Slider', {
-            'spectrum-Slider--positionTop': labelPosition === 'top',
-            'spectrum-Slider--positionSide': labelPosition === 'side',
-            'is-disabled': isDisabled
+        className: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$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__*/ ($parcel$interopDefault($km6zh$react)).createElement("div", {
-        className: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'spectrum-Slider-labelContainer'),
+    }, props.label && /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement("div", {
+        className: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-labelContainer"),
         role: "presentation"
-    }, props.label && labelNode, props.contextualHelp && /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement($km6zh$reactspectrumutils.SlotProvider, {
+    }, props.label && labelNode, props.contextualHelp && /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement((0, $km6zh$reactspectrumutils.SlotProvider), {
         slots: {
             actionButton: {
-                UNSAFE_className: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'spectrum-Slider-contextualHelp')
+                UNSAFE_className: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-contextualHelp")
             }
         }
-    }, props.contextualHelp), labelPosition === 'top' && showValueLabel && valueNode), /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement("div", {
-        className: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'spectrum-Slider-controls'),
+    }, props.contextualHelp), labelPosition === "top" && showValueLabel && valueNode), /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement("div", {
+        className: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-controls"),
         ref: trackRef,
         ...trackProps,
         role: "presentation"
@@ -273,15 +304,25 @@ function $ec6ca573d82152ff$var$SliderBase(props, ref) {
         trackRef: trackRef,
         inputRef: inputRef,
         state: state
-    })), labelPosition === 'side' && /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement("div", {
-        className: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'spectrum-Slider-valueLabelContainer'),
+    })), labelPosition === "side" && /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement("div", {
+        className: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-valueLabelContainer"),
         role: "presentation"
-    }, showValueLabel && valueNode)));
+    }, showValueLabel && valueNode));
 }
-const $ec6ca573d82152ff$export$9418495bb635ebde = /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).forwardRef($ec6ca573d82152ff$var$SliderBase);
-
+const $ec6ca573d82152ff$export$9418495bb635ebde = /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).forwardRef($ec6ca573d82152ff$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.
+ */ 
 
 
 
@@ -291,30 +332,29 @@ const $ec6ca573d82152ff$export$9418495bb635ebde = /*#__PURE__*/ ($parcel$interop
 
 function $77acc7fb8bfd13d6$export$2c1b491743890dec(props) {
     let { inputRef: inputRef , state: state  } = props;
-    let backupRef = $km6zh$react.useRef();
+    let backupRef = (0, $km6zh$react.useRef)();
     inputRef = inputRef || backupRef;
-    let { thumbProps: thumbProps , inputProps: inputProps , isDragging: isDragging , isFocused: isFocused  } = $km6zh$reactariaslider.useSliderThumb({
+    let { thumbProps: thumbProps , inputProps: inputProps , isDragging: isDragging , isFocused: isFocused  } = (0, $km6zh$reactariaslider.useSliderThumb)({
         ...props,
         inputRef: inputRef
     }, state);
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $km6zh$reactariainteractions.useHover({
-    });
-    return(/*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement($km6zh$reactariafocus.FocusRing, {
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $km6zh$reactariainteractions.useHover)({});
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement((0, $km6zh$reactariafocus.FocusRing), {
         within: true,
-        focusRingClass: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'is-focused')
-    }, /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement("div", {
-        className: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'spectrum-Slider-handle', {
-            'is-hovered': isHovered,
-            'is-dragged': isDragging,
-            'is-tophandle': isFocused
+        focusRingClass: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports))), "is-focused")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement("div", {
+        className: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-handle", {
+            "is-hovered": isHovered,
+            "is-dragged": isDragging,
+            "is-tophandle": isFocused
         }),
-        ...$km6zh$reactariautils.mergeProps(thumbProps, hoverProps),
+        ...(0, $km6zh$reactariautils.mergeProps)(thumbProps, hoverProps),
         role: "presentation"
-    }, /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement($km6zh$reactariavisuallyhidden.VisuallyHidden, null, /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement("input", {
-        className: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'spectrum-Slider-input'),
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement((0, $km6zh$reactariavisuallyhidden.VisuallyHidden), null, /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement("input", {
+        className: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-input"),
         ref: inputRef,
         ...inputProps
-    })))));
+    }))));
 }
 
 
@@ -337,25 +377,24 @@ function $3a761bdd22d32681$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  } = $km6zh$reactariai18n.useLocale();
-    return(/*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement($ec6ca573d82152ff$export$9418495bb635ebde, {
+    let { direction: direction  } = (0, $km6zh$reactariai18n.useLocale)();
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement((0, $ec6ca573d82152ff$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 ? $km6zh$reactariautils.clamp(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0)) : fillOffset;
-        let cssDirection = direction === 'rtl' ? 'right' : 'left';
-        let lowerTrack = /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement("div", {
-            className: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'spectrum-Slider-track'),
+        fillOffset = fillOffset != null ? (0, $km6zh$reactariautils.clamp)(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0)) : fillOffset;
+        let cssDirection = direction === "rtl" ? "right" : "left";
+        let lowerTrack = /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement("div", {
+            className: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$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():
@@ -364,17 +403,17 @@ function $3a761bdd22d32681$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__*/ ($parcel$interopDefault($km6zh$react)).createElement("div", {
-            className: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'spectrum-Slider-track'),
+        let upperTrack = /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement("div", {
+            className: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$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;
@@ -382,9 +421,9 @@ function $3a761bdd22d32681$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__*/ ($parcel$interopDefault($km6zh$react)).createElement("div", {
-                className: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'spectrum-Slider-fill', {
-                    'spectrum-Slider-fill--right': isRightOfOffset
+            filledTrack = /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement("div", {
+                className: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-fill", {
+                    "spectrum-Slider-fill--right": isRightOfOffset
                 }),
                 style: {
                     [cssDirection]: `${offset * 100}%`,
@@ -392,21 +431,31 @@ function $3a761bdd22d32681$var$Slider(props, ref) {
                 }
             });
         }
-        return(/*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement(($parcel$interopDefault($km6zh$react)).Fragment, null, lowerTrack, /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement($77acc7fb8bfd13d6$export$2c1b491743890dec, {
+        return /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement((0, ($parcel$interopDefault($km6zh$react))).Fragment, null, lowerTrack, /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement((0, $77acc7fb8bfd13d6$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 $3a761bdd22d32681$export$472062a354075cee = /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).forwardRef($3a761bdd22d32681$var$Slider);
-
-
-
+ */ const $3a761bdd22d32681$export$472062a354075cee = /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).forwardRef($3a761bdd22d32681$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 $afaab5654d50c4e1$exports = {};
 var $a2445e74ce1bf08e$exports = {};
 $a2445e74ce1bf08e$exports = {
@@ -720,52 +769,51 @@ function $f166b52c7f82645c$var$RangeSlider(props, ref) {
         getValueLabel: getValueLabel ? ([start, end])=>getValueLabel({
                 start: start,
                 end: end
-            })
-         : undefined
+            }) : undefined
     };
-    let stringFormatter = $km6zh$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($afaab5654d50c4e1$exports)));
-    let { direction: direction  } = $km6zh$reactariai18n.useLocale();
-    return(/*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement($ec6ca573d82152ff$export$9418495bb635ebde, {
+    let stringFormatter = (0, $km6zh$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($afaab5654d50c4e1$exports))));
+    let { direction: direction  } = (0, $km6zh$reactariai18n.useLocale)();
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement((0, $ec6ca573d82152ff$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__*/ ($parcel$interopDefault($km6zh$react)).createElement(($parcel$interopDefault($km6zh$react)).Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement("div", {
-            className: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'spectrum-Slider-track'),
+        let cssDirection = direction === "rtl" ? "right" : "left";
+        return /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement((0, ($parcel$interopDefault($km6zh$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement("div", {
+            className: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-track"),
             style: {
                 width: `${state.getThumbPercent(0) * 100}%`
             }
-        }), /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement($77acc7fb8bfd13d6$export$2c1b491743890dec, {
+        }), /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement((0, $77acc7fb8bfd13d6$export$2c1b491743890dec), {
             index: 0,
-            "aria-label": stringFormatter.format('minimum'),
+            "aria-label": stringFormatter.format("minimum"),
             isDisabled: props.isDisabled,
             trackRef: trackRef,
             inputRef: inputRef,
             state: state
-        }), /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement("div", {
-            className: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'spectrum-Slider-track'),
+        }), /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement("div", {
+            className: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-track"),
             style: {
                 [cssDirection]: `${state.getThumbPercent(0) * 100}%`,
                 width: `${Math.abs(state.getThumbPercent(0) - state.getThumbPercent(1)) * 100}%`
             }
-        }), /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement($77acc7fb8bfd13d6$export$2c1b491743890dec, {
+        }), /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement((0, $77acc7fb8bfd13d6$export$2c1b491743890dec), {
             index: 1,
-            "aria-label": stringFormatter.format('maximum'),
+            "aria-label": stringFormatter.format("maximum"),
             isDisabled: props.isDisabled,
             trackRef: trackRef,
             state: state
-        }), /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).createElement("div", {
-            className: $km6zh$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$exports)), 'spectrum-Slider-track'),
+        }), /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).createElement("div", {
+            className: (0, $km6zh$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($57893a49ef34c169$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 $f166b52c7f82645c$export$826424dabc3dd705 = /*#__PURE__*/ ($parcel$interopDefault($km6zh$react)).forwardRef($f166b52c7f82645c$var$RangeSlider);
+ */ const $f166b52c7f82645c$export$826424dabc3dd705 = /*#__PURE__*/ (0, ($parcel$interopDefault($km6zh$react))).forwardRef($f166b52c7f82645c$var$RangeSlider);