@react-spectrum/slider 3.6.8-nightly.4552 → 3.6.8-nightly.4558

package/dist/SliderBase.module.js

@@ -0,0 +1,167 @@
+import "./vars.b570f076.css";
+import $63Ecs$slider_vars_cssmodulejs from "./slider_vars_css.module.js";
+import {useStyleProps as $63Ecs$useStyleProps, useFocusableRef as $63Ecs$useFocusableRef, classNames as $63Ecs$classNames, SlotProvider as $63Ecs$SlotProvider} from "@react-spectrum/utils";
+import $63Ecs$react, {useRef as $63Ecs$useRef} from "react";
+import {useSliderState as $63Ecs$useSliderState} from "@react-stately/slider";
+import {useNumberFormatter as $63Ecs$useNumberFormatter} from "@react-aria/i18n";
+import {useProviderProps as $63Ecs$useProviderProps} from "@react-spectrum/provider";
+import {useSlider as $63Ecs$useSlider} from "@react-aria/slider";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+function $39572711324a3b8e$var$SliderBase(props, ref) {
+    props = (0, $63Ecs$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, $63Ecs$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 = {
+                ...formatOptions,
+                // @ts-ignore
+                signDisplay: "exceptZero"
+            };
+        } else // @ts-ignore
+        formatOptions = {
+            signDisplay: "exceptZero"
+        };
+    }
+    const formatter = (0, $63Ecs$useNumberFormatter)(formatOptions);
+    const state = (0, $63Ecs$useSliderState)({
+        ...props,
+        numberFormatter: formatter,
+        minValue: minValue,
+        maxValue: maxValue
+    });
+    let trackRef = (0, $63Ecs$useRef)();
+    let { groupProps: groupProps, trackProps: trackProps, labelProps: labelProps, outputProps: outputProps } = (0, $63Ecs$useSlider)(props, state, trackRef);
+    let inputRef = (0, $63Ecs$useRef)();
+    let domRef = (0, $63Ecs$useFocusableRef)(ref, inputRef);
+    let displayValue = "";
+    let maxLabelLength = undefined;
+    if (typeof getValueLabel === "function") {
+        displayValue = getValueLabel(state.values);
+        switch(state.values.length){
+            case 1:
+                maxLabelLength = Math.max(getValueLabel([
+                    minValue
+                ]).length, getValueLabel([
+                    maxValue
+                ]).length);
+                break;
+            case 2:
+                // Try all possible combinations of min and max values.
+                maxLabelLength = Math.max(getValueLabel([
+                    minValue,
+                    minValue
+                ]).length, getValueLabel([
+                    minValue,
+                    maxValue
+                ]).length, getValueLabel([
+                    maxValue,
+                    minValue
+                ]).length, getValueLabel([
+                    maxValue,
+                    maxValue
+                ]).length);
+                break;
+            default:
+                throw new Error("Only sliders with 1 or 2 handles are supported!");
+        }
+    } else {
+        maxLabelLength = Math.max([
+            ...formatter.format(minValue)
+        ].length, [
+            ...formatter.format(maxValue)
+        ].length);
+        switch(state.values.length){
+            case 1:
+                displayValue = state.getThumbValueLabel(0);
+                break;
+            case 2:
+                // This should really use the NumberFormat#formatRange proposal...
+                // https://github.com/tc39/ecma402/issues/393
+                // https://github.com/tc39/proposal-intl-numberformat-v3#formatrange-ecma-402-393
+                displayValue = `${state.getThumbValueLabel(0)} \u{2013} ${state.getThumbValueLabel(1)}`;
+                maxLabelLength = 3 + 2 * Math.max(maxLabelLength, [
+                    ...formatter.format(minValue)
+                ].length, [
+                    ...formatter.format(maxValue)
+                ].length);
+                break;
+            default:
+                throw new Error("Only sliders with 1 or 2 handles are supported!");
+        }
+    }
+    let labelNode = /*#__PURE__*/ (0, $63Ecs$react).createElement("label", {
+        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), "spectrum-Slider-label"),
+        ...labelProps
+    }, props.label);
+    let valueNode = /*#__PURE__*/ (0, $63Ecs$react).createElement("output", {
+        ...outputProps,
+        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), "spectrum-Slider-value"),
+        style: maxLabelLength && {
+            width: `${maxLabelLength}ch`,
+            minWidth: `${maxLabelLength}ch`
+        }
+    }, displayValue);
+    return /*#__PURE__*/ (0, $63Ecs$react).createElement("div", {
+        ref: domRef,
+        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), "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__*/ (0, $63Ecs$react).createElement("div", {
+        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), "spectrum-Slider-labelContainer"),
+        role: "presentation"
+    }, props.label && labelNode, props.contextualHelp && /*#__PURE__*/ (0, $63Ecs$react).createElement((0, $63Ecs$SlotProvider), {
+        slots: {
+            actionButton: {
+                UNSAFE_className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), "spectrum-Slider-contextualHelp")
+            }
+        }
+    }, props.contextualHelp), labelPosition === "top" && showValueLabel && valueNode), /*#__PURE__*/ (0, $63Ecs$react).createElement("div", {
+        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), "spectrum-Slider-controls"),
+        ref: trackRef,
+        ...trackProps,
+        role: "presentation"
+    }, children({
+        trackRef: trackRef,
+        inputRef: inputRef,
+        state: state
+    })), labelPosition === "side" && /*#__PURE__*/ (0, $63Ecs$react).createElement("div", {
+        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), "spectrum-Slider-valueLabelContainer"),
+        role: "presentation"
+    }, showValueLabel && valueNode));
+}
+const $39572711324a3b8e$export$9418495bb635ebde = /*#__PURE__*/ (0, $63Ecs$react).forwardRef($39572711324a3b8e$var$SliderBase);
+
+
+export {$39572711324a3b8e$export$9418495bb635ebde as SliderBase};
+//# sourceMappingURL=SliderBase.module.js.map

package/dist/SliderBase.module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-spectrum/slider/src/SliderBase.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, SlotProvider, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport React, {CSSProperties, ReactNode, RefObject, useRef} from 'react';\nimport {SliderState, useSliderState} from '@react-stately/slider';\nimport {SpectrumBarSliderBase} from '@react-types/slider';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useNumberFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useSlider} from '@react-aria/slider';\n\nexport interface SliderBaseChildArguments {\n  inputRef: RefObject<HTMLInputElement>,\n  trackRef: RefObject<HTMLElement>,\n  state: SliderState\n}\n\nexport interface SliderBaseProps<T = number[]> extends SpectrumBarSliderBase<T> {\n  children: (opts: SliderBaseChildArguments) => ReactNode,\n  classes?: string[] | Object,\n  style?: CSSProperties\n}\n\nfunction SliderBase(props: SliderBaseProps, ref: FocusableRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {\n    isDisabled,\n    children,\n    classes,\n    style,\n    labelPosition = 'top',\n    getValueLabel,\n    showValueLabel = !!props.label,\n    formatOptions,\n    minValue = 0,\n    maxValue = 100,\n    ...otherProps\n  } = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n\n  // `Math.abs(Math.sign(a) - Math.sign(b)) === 2` is true if the values have a different sign.\n  let alwaysDisplaySign = Math.abs(Math.sign(minValue) - Math.sign(maxValue)) === 2;\n  if (alwaysDisplaySign) {\n    if (formatOptions != null) {\n      if (!('signDisplay' in formatOptions)) {\n        formatOptions = {\n          ...formatOptions,\n          // @ts-ignore\n          signDisplay: 'exceptZero'\n        };\n      }\n    } else {\n      // @ts-ignore\n      formatOptions = {signDisplay: 'exceptZero'};\n    }\n  }\n\n  const formatter = useNumberFormatter(formatOptions);\n  const state = useSliderState({\n    ...props,\n    numberFormatter: formatter,\n    minValue,\n    maxValue\n  });\n  let trackRef = useRef();\n  let {\n    groupProps,\n    trackProps,\n    labelProps,\n    outputProps\n  } = useSlider(props, state, trackRef);\n\n  let inputRef = useRef();\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let displayValue = '';\n  let maxLabelLength = undefined;\n\n  if (typeof getValueLabel === 'function') {\n    displayValue = getValueLabel(state.values);\n    switch (state.values.length) {\n      case 1:\n        maxLabelLength = Math.max(\n          getValueLabel([minValue]).length,\n          getValueLabel([maxValue]).length\n        );\n        break;\n      case 2:\n        // Try all possible combinations of min and max values.\n        maxLabelLength = Math.max(\n          getValueLabel([minValue, minValue]).length,\n          getValueLabel([minValue, maxValue]).length,\n          getValueLabel([maxValue, minValue]).length,\n          getValueLabel([maxValue, maxValue]).length\n        );\n        break;\n      default:\n        throw new Error('Only sliders with 1 or 2 handles are supported!');\n    }\n  } else {\n    maxLabelLength = Math.max([...formatter.format(minValue)].length, [...formatter.format(maxValue)].length);\n    switch (state.values.length) {\n      case 1:\n        displayValue = state.getThumbValueLabel(0);\n        break;\n      case 2:\n        // This should really use the NumberFormat#formatRange proposal...\n        // https://github.com/tc39/ecma402/issues/393\n        // https://github.com/tc39/proposal-intl-numberformat-v3#formatrange-ecma-402-393\n        displayValue = `${state.getThumbValueLabel(0)} – ${state.getThumbValueLabel(1)}`;\n        maxLabelLength = 3 + 2 * Math.max(\n          maxLabelLength,\n          [...formatter.format(minValue)].length, [...formatter.format(maxValue)].length\n        );\n        break;\n      default:\n        throw new Error('Only sliders with 1 or 2 handles are supported!');\n    }\n  }\n\n  let labelNode = (\n    <label\n      className={classNames(styles, 'spectrum-Slider-label')}\n      {...labelProps}>\n      {props.label}\n    </label>\n  );\n\n  let valueNode = (\n    <output\n      {...outputProps}\n      className={classNames(styles, 'spectrum-Slider-value')}\n      style={maxLabelLength && {width: `${maxLabelLength}ch`, minWidth: `${maxLabelLength}ch`}}>\n      {displayValue}\n    </output>\n  );\n\n  return (\n    <div\n      ref={domRef}\n      className={classNames(styles,\n        'spectrum-Slider',\n        {\n          'spectrum-Slider--positionTop': labelPosition === 'top',\n          'spectrum-Slider--positionSide': labelPosition === 'side',\n          'is-disabled': isDisabled\n        },\n        classes,\n        styleProps.className)}\n      style={{\n        ...style,\n        ...styleProps.style\n      }}\n      {...groupProps}>\n      {(props.label) &&\n        <div className={classNames(styles, 'spectrum-Slider-labelContainer')} role=\"presentation\">\n          {props.label && labelNode}\n          {props.contextualHelp &&\n            <SlotProvider\n              slots={{\n                actionButton: {\n                  UNSAFE_className: classNames(styles, 'spectrum-Slider-contextualHelp')\n                }\n              }}>\n              {props.contextualHelp}\n            </SlotProvider>\n          }\n          {labelPosition === 'top' && showValueLabel && valueNode}\n        </div>\n      }\n      <div className={classNames(styles, 'spectrum-Slider-controls')} ref={trackRef} {...trackProps} role=\"presentation\">\n        {children({\n          trackRef,\n          inputRef,\n          state\n        })}\n      </div>\n      {labelPosition === 'side' &&\n        <div className={classNames(styles, 'spectrum-Slider-valueLabelContainer')} role=\"presentation\">\n          {showValueLabel && valueNode}\n        </div>\n      }\n    </div>\n  );\n}\n\nconst _SliderBase = React.forwardRef(SliderBase);\nexport {_SliderBase as SliderBase};\n"],"names":[],"version":3,"file":"SliderBase.module.js.map"}

package/dist/SliderThumb.main.js

@@ -0,0 +1,67 @@
+require("./vars.b570f076.css");
+var $57893a49ef34c169$exports = require("./slider_vars_css.main.js");
+var $75NyJ$reactspectrumutils = require("@react-spectrum/utils");
+var $75NyJ$reactariafocus = require("@react-aria/focus");
+var $75NyJ$reactariautils = require("@react-aria/utils");
+var $75NyJ$react = require("react");
+var $75NyJ$reactariainteractions = require("@react-aria/interactions");
+var $75NyJ$reactariaslider = require("@react-aria/slider");
+var $75NyJ$reactariavisuallyhidden = require("@react-aria/visually-hidden");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "SliderThumb", () => $77acc7fb8bfd13d6$export$2c1b491743890dec);
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+
+function $77acc7fb8bfd13d6$export$2c1b491743890dec(props) {
+    let { inputRef: inputRef, state: state } = props;
+    let backupRef = (0, $75NyJ$react.useRef)();
+    inputRef = inputRef || backupRef;
+    let { thumbProps: thumbProps, inputProps: inputProps, isDragging: isDragging, isFocused: isFocused } = (0, $75NyJ$reactariaslider.useSliderThumb)({
+        ...props,
+        inputRef: inputRef
+    }, state);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $75NyJ$reactariainteractions.useHover)({});
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($75NyJ$react))).createElement((0, $75NyJ$reactariafocus.FocusRing), {
+        within: true,
+        focusRingClass: (0, $75NyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "is-focused")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($75NyJ$react))).createElement("div", {
+        className: (0, $75NyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-handle", {
+            "is-hovered": isHovered,
+            "is-dragged": isDragging,
+            "is-tophandle": isFocused
+        }),
+        ...(0, $75NyJ$reactariautils.mergeProps)(thumbProps, hoverProps),
+        role: "presentation"
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($75NyJ$react))).createElement((0, $75NyJ$reactariavisuallyhidden.VisuallyHidden), null, /*#__PURE__*/ (0, ($parcel$interopDefault($75NyJ$react))).createElement("input", {
+        className: (0, $75NyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-input"),
+        ref: inputRef,
+        ...inputProps
+    }))));
+}
+
+
+//# sourceMappingURL=SliderThumb.main.js.map

package/dist/SliderThumb.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAmBM,SAAS,0CAAY,KAAuB;IACjD,IAAI,YACF,QAAQ,SACR,KAAK,EACN,GAAG;IACJ,IAAI,YAAY,CAAA,GAAA,mBAAK;IACrB,WAAW,YAAY;IAEvB,IAAI,cAAC,UAAU,cAAE,UAAU,cAAE,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,qCAAa,EAAE;QACnE,GAAG,KAAK;kBACR;IACF,GAAG;IAEH,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,qCAAO,EAAE,CAAC;IAExC,qBACE,0DAAC,CAAA,GAAA,+BAAQ;QAAE,QAAA;QAAO,gBAAgB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACnD,0DAAC;QACC,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,0BACA;YACE,cAAc;YACd,cAAc;YACd,gBAAgB;QAClB;QAGH,GAAG,CAAA,GAAA,gCAAS,EAAE,YAAY,WAAW;QACtC,MAAK;qBACL,0DAAC,CAAA,GAAA,6CAAa,uBACZ,0DAAC;QAAM,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAA0B,KAAK;QAAW,GAAG,UAAU;;AAKtG","sources":["packages/@react-spectrum/slider/src/SliderThumb.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaSliderThumbProps} from '@react-types/slider';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject, useRef} from 'react';\nimport {SliderState} from '@react-stately/slider';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useSliderThumb} from '@react-aria/slider';\nimport {VisuallyHidden} from '@react-aria/visually-hidden';\n\ninterface SliderThumbProps extends AriaSliderThumbProps {\n  trackRef: RefObject<HTMLElement>,\n  inputRef?: RefObject<HTMLInputElement>,\n  state: SliderState\n}\n\nexport function SliderThumb(props: SliderThumbProps) {\n  let {\n    inputRef,\n    state\n  } = props;\n  let backupRef = useRef<HTMLInputElement>();\n  inputRef = inputRef || backupRef;\n\n  let {thumbProps, inputProps, isDragging, isFocused} = useSliderThumb({\n    ...props,\n    inputRef\n  }, state);\n\n  let {hoverProps, isHovered} = useHover({});\n\n  return (\n    <FocusRing within focusRingClass={classNames(styles, 'is-focused')}>\n      <div\n        className={\n          classNames(\n            styles,\n            'spectrum-Slider-handle',\n            {\n              'is-hovered': isHovered,\n              'is-dragged': isDragging,\n              'is-tophandle': isFocused\n            }\n          )\n        }\n        {...mergeProps(thumbProps, hoverProps)}\n        role=\"presentation\">\n        <VisuallyHidden>\n          <input className={classNames(styles, 'spectrum-Slider-input')} ref={inputRef} {...inputProps} />\n        </VisuallyHidden>\n      </div>\n    </FocusRing>\n  );\n}\n"],"names":[],"version":3,"file":"SliderThumb.main.js.map"}

package/dist/SliderThumb.mjs

@@ -0,0 +1,62 @@
+import "./vars.b570f076.css";
+import $fQERx$slider_vars_cssmodulejs from "./slider_vars_css.mjs";
+import {classNames as $fQERx$classNames} from "@react-spectrum/utils";
+import {FocusRing as $fQERx$FocusRing} from "@react-aria/focus";
+import {mergeProps as $fQERx$mergeProps} from "@react-aria/utils";
+import $fQERx$react, {useRef as $fQERx$useRef} from "react";
+import {useHover as $fQERx$useHover} from "@react-aria/interactions";
+import {useSliderThumb as $fQERx$useSliderThumb} from "@react-aria/slider";
+import {VisuallyHidden as $fQERx$VisuallyHidden} from "@react-aria/visually-hidden";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+
+function $9058ca69d66a724f$export$2c1b491743890dec(props) {
+    let { inputRef: inputRef, state: state } = props;
+    let backupRef = (0, $fQERx$useRef)();
+    inputRef = inputRef || backupRef;
+    let { thumbProps: thumbProps, inputProps: inputProps, isDragging: isDragging, isFocused: isFocused } = (0, $fQERx$useSliderThumb)({
+        ...props,
+        inputRef: inputRef
+    }, state);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $fQERx$useHover)({});
+    return /*#__PURE__*/ (0, $fQERx$react).createElement((0, $fQERx$FocusRing), {
+        within: true,
+        focusRingClass: (0, $fQERx$classNames)((0, ($parcel$interopDefault($fQERx$slider_vars_cssmodulejs))), "is-focused")
+    }, /*#__PURE__*/ (0, $fQERx$react).createElement("div", {
+        className: (0, $fQERx$classNames)((0, ($parcel$interopDefault($fQERx$slider_vars_cssmodulejs))), "spectrum-Slider-handle", {
+            "is-hovered": isHovered,
+            "is-dragged": isDragging,
+            "is-tophandle": isFocused
+        }),
+        ...(0, $fQERx$mergeProps)(thumbProps, hoverProps),
+        role: "presentation"
+    }, /*#__PURE__*/ (0, $fQERx$react).createElement((0, $fQERx$VisuallyHidden), null, /*#__PURE__*/ (0, $fQERx$react).createElement("input", {
+        className: (0, $fQERx$classNames)((0, ($parcel$interopDefault($fQERx$slider_vars_cssmodulejs))), "spectrum-Slider-input"),
+        ref: inputRef,
+        ...inputProps
+    }))));
+}
+
+
+export {$9058ca69d66a724f$export$2c1b491743890dec as SliderThumb};
+//# sourceMappingURL=SliderThumb.mjs.map

package/dist/SliderThumb.module.js

@@ -0,0 +1,62 @@
+import "./vars.b570f076.css";
+import $fQERx$slider_vars_cssmodulejs from "./slider_vars_css.module.js";
+import {classNames as $fQERx$classNames} from "@react-spectrum/utils";
+import {FocusRing as $fQERx$FocusRing} from "@react-aria/focus";
+import {mergeProps as $fQERx$mergeProps} from "@react-aria/utils";
+import $fQERx$react, {useRef as $fQERx$useRef} from "react";
+import {useHover as $fQERx$useHover} from "@react-aria/interactions";
+import {useSliderThumb as $fQERx$useSliderThumb} from "@react-aria/slider";
+import {VisuallyHidden as $fQERx$VisuallyHidden} from "@react-aria/visually-hidden";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+
+function $9058ca69d66a724f$export$2c1b491743890dec(props) {
+    let { inputRef: inputRef, state: state } = props;
+    let backupRef = (0, $fQERx$useRef)();
+    inputRef = inputRef || backupRef;
+    let { thumbProps: thumbProps, inputProps: inputProps, isDragging: isDragging, isFocused: isFocused } = (0, $fQERx$useSliderThumb)({
+        ...props,
+        inputRef: inputRef
+    }, state);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $fQERx$useHover)({});
+    return /*#__PURE__*/ (0, $fQERx$react).createElement((0, $fQERx$FocusRing), {
+        within: true,
+        focusRingClass: (0, $fQERx$classNames)((0, ($parcel$interopDefault($fQERx$slider_vars_cssmodulejs))), "is-focused")
+    }, /*#__PURE__*/ (0, $fQERx$react).createElement("div", {
+        className: (0, $fQERx$classNames)((0, ($parcel$interopDefault($fQERx$slider_vars_cssmodulejs))), "spectrum-Slider-handle", {
+            "is-hovered": isHovered,
+            "is-dragged": isDragging,
+            "is-tophandle": isFocused
+        }),
+        ...(0, $fQERx$mergeProps)(thumbProps, hoverProps),
+        role: "presentation"
+    }, /*#__PURE__*/ (0, $fQERx$react).createElement((0, $fQERx$VisuallyHidden), null, /*#__PURE__*/ (0, $fQERx$react).createElement("input", {
+        className: (0, $fQERx$classNames)((0, ($parcel$interopDefault($fQERx$slider_vars_cssmodulejs))), "spectrum-Slider-input"),
+        ref: inputRef,
+        ...inputProps
+    }))));
+}
+
+
+export {$9058ca69d66a724f$export$2c1b491743890dec as SliderThumb};
+//# sourceMappingURL=SliderThumb.module.js.map

package/dist/SliderThumb.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAmBM,SAAS,0CAAY,KAAuB;IACjD,IAAI,YACF,QAAQ,SACR,KAAK,EACN,GAAG;IACJ,IAAI,YAAY,CAAA,GAAA,aAAK;IACrB,WAAW,YAAY;IAEvB,IAAI,cAAC,UAAU,cAAE,UAAU,cAAE,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE;QACnE,GAAG,KAAK;kBACR;IACF,GAAG;IAEH,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE,CAAC;IAExC,qBACE,gCAAC,CAAA,GAAA,gBAAQ;QAAE,QAAA;QAAO,gBAAgB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,wDAAK,GAAG;qBACnD,gCAAC;QACC,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,wDAAK,GACL,0BACA;YACE,cAAc;YACd,cAAc;YACd,gBAAgB;QAClB;QAGH,GAAG,CAAA,GAAA,iBAAS,EAAE,YAAY,WAAW;QACtC,MAAK;qBACL,gCAAC,CAAA,GAAA,qBAAa,uBACZ,gCAAC;QAAM,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,wDAAK,GAAG;QAA0B,KAAK;QAAW,GAAG,UAAU;;AAKtG","sources":["packages/@react-spectrum/slider/src/SliderThumb.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaSliderThumbProps} from '@react-types/slider';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject, useRef} from 'react';\nimport {SliderState} from '@react-stately/slider';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useSliderThumb} from '@react-aria/slider';\nimport {VisuallyHidden} from '@react-aria/visually-hidden';\n\ninterface SliderThumbProps extends AriaSliderThumbProps {\n  trackRef: RefObject<HTMLElement>,\n  inputRef?: RefObject<HTMLInputElement>,\n  state: SliderState\n}\n\nexport function SliderThumb(props: SliderThumbProps) {\n  let {\n    inputRef,\n    state\n  } = props;\n  let backupRef = useRef<HTMLInputElement>();\n  inputRef = inputRef || backupRef;\n\n  let {thumbProps, inputProps, isDragging, isFocused} = useSliderThumb({\n    ...props,\n    inputRef\n  }, state);\n\n  let {hoverProps, isHovered} = useHover({});\n\n  return (\n    <FocusRing within focusRingClass={classNames(styles, 'is-focused')}>\n      <div\n        className={\n          classNames(\n            styles,\n            'spectrum-Slider-handle',\n            {\n              'is-hovered': isHovered,\n              'is-dragged': isDragging,\n              'is-tophandle': isFocused\n            }\n          )\n        }\n        {...mergeProps(thumbProps, hoverProps)}\n        role=\"presentation\">\n        <VisuallyHidden>\n          <input className={classNames(styles, 'spectrum-Slider-input')} ref={inputRef} {...inputProps} />\n        </VisuallyHidden>\n      </div>\n    </FocusRing>\n  );\n}\n"],"names":[],"version":3,"file":"SliderThumb.module.js.map"}

package/dist/ar-AE.mjs

@@ -6,4 +6,4 @@ $e8390eb96e247aac$exports = {
 
 
 export {$e8390eb96e247aac$exports as default};
-//# sourceMappingURL=ar-AE.module.js.map
+//# sourceMappingURL=ar-AE.mjs.map

package/dist/bg-BG.mjs

@@ -6,4 +6,4 @@ $50d639be1d52f61f$exports = {
 
 
 export {$50d639be1d52f61f$exports as default};
-//# sourceMappingURL=bg-BG.module.js.map
+//# sourceMappingURL=bg-BG.mjs.map

package/dist/cs-CZ.mjs

@@ -6,4 +6,4 @@ $f8b1a75b07b20cfe$exports = {
 
 
 export {$f8b1a75b07b20cfe$exports as default};
-//# sourceMappingURL=cs-CZ.module.js.map
+//# sourceMappingURL=cs-CZ.mjs.map

package/dist/da-DK.mjs

@@ -6,4 +6,4 @@ $5ece97d9dd84c4a6$exports = {
 
 
 export {$5ece97d9dd84c4a6$exports as default};
-//# sourceMappingURL=da-DK.module.js.map
+//# sourceMappingURL=da-DK.mjs.map

package/dist/de-DE.mjs

@@ -6,4 +6,4 @@ $8c2d8eab91e8fc21$exports = {
 
 
 export {$8c2d8eab91e8fc21$exports as default};
-//# sourceMappingURL=de-DE.module.js.map
+//# sourceMappingURL=de-DE.mjs.map

package/dist/el-GR.mjs

@@ -6,4 +6,4 @@ $c99d1f332dc5c52f$exports = {
 
 
 export {$c99d1f332dc5c52f$exports as default};
-//# sourceMappingURL=el-GR.module.js.map
+//# sourceMappingURL=el-GR.mjs.map

package/dist/en-US.mjs

@@ -6,4 +6,4 @@ $6ff942e88faf5460$exports = {
 
 
 export {$6ff942e88faf5460$exports as default};
-//# sourceMappingURL=en-US.module.js.map
+//# sourceMappingURL=en-US.mjs.map

package/dist/es-ES.mjs

@@ -6,4 +6,4 @@ $9bbe7d2a4b627f76$exports = {
 
 
 export {$9bbe7d2a4b627f76$exports as default};
-//# sourceMappingURL=es-ES.module.js.map
+//# sourceMappingURL=es-ES.mjs.map

package/dist/et-EE.mjs

@@ -6,4 +6,4 @@ $f95dc783f4af1258$exports = {
 
 
 export {$f95dc783f4af1258$exports as default};
-//# sourceMappingURL=et-EE.module.js.map
+//# sourceMappingURL=et-EE.mjs.map

package/dist/fi-FI.mjs

@@ -6,4 +6,4 @@ $042c971985d4b96a$exports = {
 
 
 export {$042c971985d4b96a$exports as default};
-//# sourceMappingURL=fi-FI.module.js.map
+//# sourceMappingURL=fi-FI.mjs.map

package/dist/fr-FR.mjs

@@ -6,4 +6,4 @@ $eb1655a686c703e5$exports = {
 
 
 export {$eb1655a686c703e5$exports as default};
-//# sourceMappingURL=fr-FR.module.js.map
+//# sourceMappingURL=fr-FR.mjs.map

package/dist/he-IL.mjs

@@ -6,4 +6,4 @@ $4d5c142cc5703c47$exports = {
 
 
 export {$4d5c142cc5703c47$exports as default};
-//# sourceMappingURL=he-IL.module.js.map
+//# sourceMappingURL=he-IL.mjs.map

package/dist/hr-HR.mjs

@@ -6,4 +6,4 @@ $04a7af02228fd881$exports = {
 
 
 export {$04a7af02228fd881$exports as default};
-//# sourceMappingURL=hr-HR.module.js.map
+//# sourceMappingURL=hr-HR.mjs.map

package/dist/hu-HU.mjs

@@ -6,4 +6,4 @@ $4f76f1f805f21373$exports = {
 
 
 export {$4f76f1f805f21373$exports as default};
-//# sourceMappingURL=hu-HU.module.js.map
+//# sourceMappingURL=hu-HU.mjs.map