@react-aria/slider 3.8.4 → 3.9.0

package/dist/import.mjs

@@ -1,5 +1,4 @@
-import {useSlider as $bcca50147b47f54d$export$56b2c08e277f365} from "./useSlider.mjs";
-import {useSliderThumb as $47b897dc8cdb026b$export$8d15029008292ae} from "./useSliderThumb.mjs";
+import {useSlider as $a96314beb99c3ea7$re_export$useSlider, useSliderThumb as $a96314beb99c3ea7$re_export$useSliderThumb} from "react-aria/useSlider";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -14,6 +13,5 @@ import {useSliderThumb as $47b897dc8cdb026b$export$8d15029008292ae} from "./useS
  */ 
 
 
-
-export {$bcca50147b47f54d$export$56b2c08e277f365 as useSlider, $47b897dc8cdb026b$export$8d15029008292ae as useSliderThumb};
+export {$a96314beb99c3ea7$re_export$useSlider as useSlider, $a96314beb99c3ea7$re_export$useSliderThumb as useSliderThumb};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,13 +1,12 @@
-var $481f97d830e3ede6$exports = require("./useSlider.main.js");
-var $5eb806b626475377$exports = require("./useSliderThumb.main.js");
+var $i4gag$reactariauseSlider = require("react-aria/useSlider");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "useSlider", () => $481f97d830e3ede6$exports.useSlider);
-$parcel$export(module.exports, "useSliderThumb", () => $5eb806b626475377$exports.useSliderThumb);
+$parcel$export(module.exports, "useSlider", function () { return $i4gag$reactariauseSlider.useSlider; });
+$parcel$export(module.exports, "useSliderThumb", function () { return $i4gag$reactariauseSlider.useSliderThumb; });
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -21,5 +20,4 @@ $parcel$export(module.exports, "useSliderThumb", () => $5eb806b626475377$exports
  */ 
 
 
-
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/slider/src/index.ts"],"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 */\nexport {useSlider} from './useSlider';\nexport {useSliderThumb} from './useSliderThumb';\nexport type {AriaSliderProps} from '@react-types/slider';\nexport type {SliderAria} from './useSlider';\nexport type {AriaSliderThumbOptions, SliderThumbAria} from './useSliderThumb';\nexport type {AriaSliderThumbProps} from '@react-types/slider';\nexport type {Orientation} from '@react-types/shared';\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/slider/src/index.ts"],"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 */\nexport {useSlider, useSliderThumb} from 'react-aria/useSlider';\n\nexport type {AriaSliderProps, SliderAria, SliderThumbProps, AriaSliderThumbProps, AriaSliderThumbOptions, SliderThumbAria} from 'react-aria/useSlider';\nexport type {Orientation} from '@react-types/shared';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,5 +1,4 @@
-import {useSlider as $bcca50147b47f54d$export$56b2c08e277f365} from "./useSlider.module.js";
-import {useSliderThumb as $47b897dc8cdb026b$export$8d15029008292ae} from "./useSliderThumb.module.js";
+import {useSlider as $a96314beb99c3ea7$re_export$useSlider, useSliderThumb as $a96314beb99c3ea7$re_export$useSliderThumb} from "react-aria/useSlider";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -14,6 +13,5 @@ import {useSliderThumb as $47b897dc8cdb026b$export$8d15029008292ae} from "./useS
  */ 
 
 
-
-export {$bcca50147b47f54d$export$56b2c08e277f365 as useSlider, $47b897dc8cdb026b$export$8d15029008292ae as useSliderThumb};
+export {$a96314beb99c3ea7$re_export$useSlider as useSlider, $a96314beb99c3ea7$re_export$useSliderThumb as useSliderThumb};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/slider/src/index.ts"],"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 */\nexport {useSlider} from './useSlider';\nexport {useSliderThumb} from './useSliderThumb';\nexport type {AriaSliderProps} from '@react-types/slider';\nexport type {SliderAria} from './useSlider';\nexport type {AriaSliderThumbOptions, SliderThumbAria} from './useSliderThumb';\nexport type {AriaSliderThumbProps} from '@react-types/slider';\nexport type {Orientation} from '@react-types/shared';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/slider/src/index.ts"],"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 */\nexport {useSlider, useSliderThumb} from 'react-aria/useSlider';\n\nexport type {AriaSliderProps, SliderAria, SliderThumbProps, AriaSliderThumbProps, AriaSliderThumbOptions, SliderThumbAria} from 'react-aria/useSlider';\nexport type {Orientation} from '@react-types/shared';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,3 @@
+export { useSlider, useSliderThumb } from 'react-aria/useSlider';
+export type { AriaSliderProps, SliderAria, SliderThumbProps, AriaSliderThumbProps, AriaSliderThumbOptions, SliderThumbAria } from 'react-aria/useSlider';
+export type { Orientation } from '@react-types/shared';

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@react-aria/slider",
-  "version": "3.8.4",
+  "version": "3.9.0",
   "description": "Slider",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
   "exports": {
-    "source": "./src/index.ts",
-    "types": [
-      "./dist/types.d.ts",
-      "./src/index.ts"
-    ],
-    "import": "./dist/import.mjs",
-    "require": "./dist/main.js"
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/types/src/index.d.ts",
+      "import": "./dist/import.mjs",
+      "require": "./dist/main.js"
+    },
+    "./package.json": "./package.json"
   },
-  "types": "dist/types.d.ts",
+  "types": "dist/types/src/index.d.ts",
   "source": "src/index.ts",
   "files": [
     "dist",
@@ -26,14 +26,9 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/i18n": "^3.12.15",
-    "@react-aria/interactions": "^3.27.0",
-    "@react-aria/label": "^3.7.24",
-    "@react-aria/utils": "^3.33.0",
-    "@react-stately/slider": "^3.7.4",
-    "@react-types/shared": "^3.33.0",
-    "@react-types/slider": "^3.8.3",
-    "@swc/helpers": "^0.5.0"
+    "@react-types/shared": "^3.34.0",
+    "@swc/helpers": "^0.5.0",
+    "react-aria": "3.48.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
@@ -42,5 +37,8 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "66e51757606b43a89ed02c574ca24517323a2ab9"
+  "targets": {
+    "types": false
+  },
+  "gitHead": "a6999bdf494a2e9c0381a5881908328bdd22ddae"
 }

package/src/index.ts

@@ -9,10 +9,7 @@
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */
-export {useSlider} from './useSlider';
-export {useSliderThumb} from './useSliderThumb';
-export type {AriaSliderProps} from '@react-types/slider';
-export type {SliderAria} from './useSlider';
-export type {AriaSliderThumbOptions, SliderThumbAria} from './useSliderThumb';
-export type {AriaSliderThumbProps} from '@react-types/slider';
+export {useSlider, useSliderThumb} from 'react-aria/useSlider';
+
+export type {AriaSliderProps, SliderAria, SliderThumbProps, AriaSliderThumbProps, AriaSliderThumbOptions, SliderThumbAria} from 'react-aria/useSlider';
 export type {Orientation} from '@react-types/shared';

package/dist/types.d.ts

@@ -1,57 +0,0 @@
-import { AriaSliderProps, AriaSliderThumbProps } from "@react-types/slider";
-import { DOMAttributes, RefObject } from "@react-types/shared";
-import { LabelHTMLAttributes, OutputHTMLAttributes, InputHTMLAttributes } from "react";
-import { SliderState } from "@react-stately/slider";
-export interface SliderAria {
-    /** Props for the label element. */
-    labelProps: LabelHTMLAttributes<HTMLLabelElement>;
-    /** Props for the root element of the slider component; groups slider inputs. */
-    groupProps: DOMAttributes;
-    /** Props for the track element. */
-    trackProps: DOMAttributes;
-    /** Props for the output element, displaying the value of the slider thumbs. */
-    outputProps: OutputHTMLAttributes<HTMLOutputElement>;
-}
-/**
- * Provides the behavior and accessibility implementation for a slider component representing one or more values.
- *
- * @param props Props for the slider.
- * @param state State for the slider, as returned by `useSliderState`.
- * @param trackRef Ref for the "track" element.  The width of this element provides the "length"
- * of the track -- the span of one dimensional space that the slider thumb can be.  It also
- * accepts click and drag motions, so that the closest thumb will follow clicks and drags on
- * the track.
- */
-export function useSlider<T extends number | number[]>(props: AriaSliderProps<T>, state: SliderState, trackRef: RefObject<Element | null>): SliderAria;
-export interface SliderThumbAria {
-    /** Props for the root thumb element; handles the dragging motion. */
-    thumbProps: DOMAttributes;
-    /** Props for the visually hidden range input element. */
-    inputProps: InputHTMLAttributes<HTMLInputElement>;
-    /** Props for the label element for this thumb (optional). */
-    labelProps: LabelHTMLAttributes<HTMLLabelElement>;
-    /** Whether this thumb is currently being dragged. */
-    isDragging: boolean;
-    /** Whether the thumb is currently focused. */
-    isFocused: boolean;
-    /** Whether the thumb is disabled. */
-    isDisabled: boolean;
-}
-export interface AriaSliderThumbOptions extends AriaSliderThumbProps {
-    /** A ref to the track element. */
-    trackRef: RefObject<Element | null>;
-    /** A ref to the thumb input element. */
-    inputRef: RefObject<HTMLInputElement | null>;
-}
-/**
- * Provides behavior and accessibility for a thumb of a slider component.
- *
- * @param opts Options for this Slider thumb.
- * @param state Slider state, created via `useSliderState`.
- */
-export function useSliderThumb(opts: AriaSliderThumbOptions, state: SliderState): SliderThumbAria;
-export type { AriaSliderProps } from '@react-types/slider';
-export type { AriaSliderThumbProps } from '@react-types/slider';
-export type { Orientation } from '@react-types/shared';
-
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";;;;ACsBA;IACE,mCAAmC;IACnC,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IAElD,gFAAgF;IAChF,UAAU,EAAE,aAAa,CAAC;IAE1B,mCAAmC;IACnC,UAAU,EAAE,aAAa,CAAC;IAE1B,+EAA+E;IAC/E,WAAW,EAAE,qBAAqB,iBAAiB,CAAC,CAAA;CACrD;AAED;;;;;;;;;GASG;AACH,0BAA0B,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACnD,KAAK,EAAE,gBAAgB,CAAC,CAAC,EACzB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAU,OAAO,GAAG,IAAI,CAAC,GAClC,UAAU,CA+KZ;ACvND;IACE,qEAAqE;IACrE,UAAU,EAAE,aAAa,CAAC;IAE1B,yDAAyD;IACzD,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IAElD,6DAA6D;IAC7D,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IAElD,qDAAqD;IACrD,UAAU,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,SAAS,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,uCAAwC,SAAQ,oBAAoB;IAClE,kCAAkC;IAClC,QAAQ,EAAE,UAAU,OAAO,GAAG,IAAI,CAAC,CAAC;IACpC,wCAAwC;IACxC,QAAQ,EAAE,UAAU,gBAAgB,GAAG,IAAI,CAAC,CAAA;CAC7C;AAED;;;;;GAKG;AACH,+BACE,IAAI,EAAE,sBAAsB,EAC5B,KAAK,EAAE,WAAW,GACjB,eAAe,CAsOjB;ACrQD,YAAY,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAGzD,YAAY,EAAC,oBAAoB,EAAC,MAAM,qBAAqB,CAAC;AAC9D,YAAY,EAAC,WAAW,EAAC,MAAM,qBAAqB,CAAC","sources":["packages/@react-aria/slider/src/packages/@react-aria/slider/src/utils.ts","packages/@react-aria/slider/src/packages/@react-aria/slider/src/useSlider.ts","packages/@react-aria/slider/src/packages/@react-aria/slider/src/useSliderThumb.ts","packages/@react-aria/slider/src/packages/@react-aria/slider/src/index.ts","packages/@react-aria/slider/src/index.ts"],"sourcesContent":[null,null,null,null,"/*\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 */\nexport {useSlider} from './useSlider';\nexport {useSliderThumb} from './useSliderThumb';\nexport type {AriaSliderProps} from '@react-types/slider';\nexport type {SliderAria} from './useSlider';\nexport type {AriaSliderThumbOptions, SliderThumbAria} from './useSliderThumb';\nexport type {AriaSliderThumbProps} from '@react-types/slider';\nexport type {Orientation} from '@react-types/shared';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/useSlider.main.js

@@ -1,175 +0,0 @@
-var $28db8d634be2fa58$exports = require("./utils.main.js");
-var $eVqG0$reactariautils = require("@react-aria/utils");
-var $eVqG0$react = require("react");
-var $eVqG0$reactariainteractions = require("@react-aria/interactions");
-var $eVqG0$reactarialabel = require("@react-aria/label");
-var $eVqG0$reactariai18n = require("@react-aria/i18n");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "useSlider", () => $481f97d830e3ede6$export$56b2c08e277f365);
-/*
- * 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 $481f97d830e3ede6$export$56b2c08e277f365(props, state, trackRef) {
-    let { labelProps: labelProps, fieldProps: fieldProps } = (0, $eVqG0$reactarialabel.useLabel)(props);
-    let isVertical = props.orientation === 'vertical';
-    var _labelProps_id;
-    // Attach id of the label to the state so it can be accessed by useSliderThumb.
-    (0, $28db8d634be2fa58$exports.sliderData).set(state, {
-        id: (_labelProps_id = labelProps.id) !== null && _labelProps_id !== void 0 ? _labelProps_id : fieldProps.id,
-        'aria-describedby': props['aria-describedby'],
-        'aria-details': props['aria-details']
-    });
-    let { direction: direction } = (0, $eVqG0$reactariai18n.useLocale)();
-    let { addGlobalListener: addGlobalListener, removeGlobalListener: removeGlobalListener } = (0, $eVqG0$reactariautils.useGlobalListeners)();
-    // When the user clicks or drags the track, we want the motion to set and drag the
-    // closest thumb.  Hence we also need to install useMove() on the track element.
-    // Here, we keep track of which index is the "closest" to the drag start point.
-    // It is set onMouseDown/onTouchDown; see trackProps below.
-    const realTimeTrackDraggingIndex = (0, $eVqG0$react.useRef)(null);
-    const reverseX = direction === 'rtl';
-    const currentPosition = (0, $eVqG0$react.useRef)(null);
-    const { moveProps: moveProps } = (0, $eVqG0$reactariainteractions.useMove)({
-        onMoveStart () {
-            currentPosition.current = null;
-        },
-        onMove ({ deltaX: deltaX, deltaY: deltaY }) {
-            if (!trackRef.current) return;
-            let { height: height, width: width } = trackRef.current.getBoundingClientRect();
-            let size = isVertical ? height : width;
-            if (currentPosition.current == null && realTimeTrackDraggingIndex.current != null) currentPosition.current = state.getThumbPercent(realTimeTrackDraggingIndex.current) * size;
-            let delta = isVertical ? deltaY : deltaX;
-            if (isVertical || reverseX) delta = -delta;
-            currentPosition.current += delta;
-            if (realTimeTrackDraggingIndex.current != null && trackRef.current) {
-                const percent = (0, $eVqG0$reactariautils.clamp)(currentPosition.current / size, 0, 1);
-                state.setThumbPercent(realTimeTrackDraggingIndex.current, percent);
-            }
-        },
-        onMoveEnd () {
-            if (realTimeTrackDraggingIndex.current != null) {
-                state.setThumbDragging(realTimeTrackDraggingIndex.current, false);
-                realTimeTrackDraggingIndex.current = null;
-            }
-        }
-    });
-    let currentPointer = (0, $eVqG0$react.useRef)(undefined);
-    let onDownTrack = (e, id, clientX, clientY)=>{
-        // We only trigger track-dragging if the user clicks on the track itself and nothing is currently being dragged.
-        if (trackRef.current && !props.isDisabled && state.values.every((_, i)=>!state.isThumbDragging(i))) {
-            let { height: height, width: width, top: top, left: left } = trackRef.current.getBoundingClientRect();
-            let size = isVertical ? height : width;
-            // Find the closest thumb
-            const trackPosition = isVertical ? top : left;
-            const clickPosition = isVertical ? clientY : clientX;
-            const offset = clickPosition - trackPosition;
-            let percent = offset / size;
-            if (direction === 'rtl' || isVertical) percent = 1 - percent;
-            let value = state.getPercentValue(percent);
-            // to find the closet thumb we split the array based on the first thumb position to the "right/end" of the click.
-            let closestThumb;
-            let split = state.values.findIndex((v)=>value - v < 0);
-            if (split === 0) closestThumb = split;
-            else if (split === -1) closestThumb = state.values.length - 1;
-            else {
-                let lastLeft = state.values[split - 1];
-                let firstRight = state.values[split];
-                // Pick the last left/start thumb, unless they are stacked on top of each other, then pick the right/end one
-                if (Math.abs(lastLeft - value) < Math.abs(firstRight - value)) closestThumb = split - 1;
-                else closestThumb = split;
-            }
-            // Confirm that the found closest thumb is editable, not disabled, and move it
-            if (closestThumb >= 0 && state.isThumbEditable(closestThumb)) {
-                // Don't unfocus anything
-                e.preventDefault();
-                realTimeTrackDraggingIndex.current = closestThumb;
-                state.setFocusedThumb(closestThumb);
-                currentPointer.current = id;
-                state.setThumbDragging(realTimeTrackDraggingIndex.current, true);
-                state.setThumbValue(closestThumb, value);
-                addGlobalListener(window, 'mouseup', onUpTrack, false);
-                addGlobalListener(window, 'touchend', onUpTrack, false);
-                addGlobalListener(window, 'pointerup', onUpTrack, false);
-            } else realTimeTrackDraggingIndex.current = null;
-        }
-    };
-    let onUpTrack = (e)=>{
-        var _e_changedTouches;
-        var _e_pointerId;
-        let id = (_e_pointerId = e.pointerId) !== null && _e_pointerId !== void 0 ? _e_pointerId : (_e_changedTouches = e.changedTouches) === null || _e_changedTouches === void 0 ? void 0 : _e_changedTouches[0].identifier;
-        if (id === currentPointer.current) {
-            if (realTimeTrackDraggingIndex.current != null) {
-                state.setThumbDragging(realTimeTrackDraggingIndex.current, false);
-                realTimeTrackDraggingIndex.current = null;
-            }
-            removeGlobalListener(window, 'mouseup', onUpTrack, false);
-            removeGlobalListener(window, 'touchend', onUpTrack, false);
-            removeGlobalListener(window, 'pointerup', onUpTrack, false);
-        }
-    };
-    if ('htmlFor' in labelProps && labelProps.htmlFor) {
-        // Ideally the `for` attribute should point to the first thumb, but VoiceOver on iOS
-        // causes this to override the `aria-labelledby` on the thumb. This causes the first
-        // thumb to only be announced as the slider label rather than its individual name as well.
-        // See https://bugs.webkit.org/show_bug.cgi?id=172464.
-        delete labelProps.htmlFor;
-        labelProps.onClick = ()=>{
-            var // Safari does not focus <input type="range"> elements when clicking on an associated <label>,
-            // so do it manually. In addition, make sure we show the focus ring.
-            _document_getElementById;
-            (_document_getElementById = document.getElementById((0, $28db8d634be2fa58$exports.getSliderThumbId)(state, 0))) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.focus();
-            (0, $eVqG0$reactariainteractions.setInteractionModality)('keyboard');
-        };
-    }
-    return {
-        labelProps: labelProps,
-        // The root element of the Slider will have role="group" to group together
-        // all the thumb inputs in the Slider.  The label of the Slider will
-        // be used to label the group.
-        groupProps: {
-            role: 'group',
-            ...fieldProps
-        },
-        trackProps: (0, $eVqG0$reactariautils.mergeProps)({
-            onMouseDown (e) {
-                if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) return;
-                onDownTrack(e, undefined, e.clientX, e.clientY);
-            },
-            onPointerDown (e) {
-                if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) return;
-                onDownTrack(e, e.pointerId, e.clientX, e.clientY);
-            },
-            onTouchStart (e) {
-                onDownTrack(e, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);
-            },
-            style: {
-                position: 'relative',
-                touchAction: 'none'
-            }
-        }, moveProps),
-        outputProps: {
-            htmlFor: state.values.map((_, index)=>(0, $28db8d634be2fa58$exports.getSliderThumbId)(state, index)).join(' '),
-            'aria-live': 'off'
-        }
-    };
-}
-
-
-//# sourceMappingURL=useSlider.main.js.map

package/dist/useSlider.main.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-aria/slider/src/useSlider.ts"],"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 {AriaSliderProps} from '@react-types/slider';\nimport {clamp, mergeProps, useGlobalListeners} from '@react-aria/utils';\nimport {DOMAttributes, RefObject} from '@react-types/shared';\nimport {getSliderThumbId, sliderData} from './utils';\nimport React, {LabelHTMLAttributes, OutputHTMLAttributes, useRef} from 'react';\nimport {setInteractionModality, useMove} from '@react-aria/interactions';\nimport {SliderState} from '@react-stately/slider';\nimport {useLabel} from '@react-aria/label';\nimport {useLocale} from '@react-aria/i18n';\n\nexport interface SliderAria {\n  /** Props for the label element. */\n  labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n\n  /** Props for the root element of the slider component; groups slider inputs. */\n  groupProps: DOMAttributes,\n\n  /** Props for the track element. */\n  trackProps: DOMAttributes,\n\n  /** Props for the output element, displaying the value of the slider thumbs. */\n  outputProps: OutputHTMLAttributes<HTMLOutputElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a slider component representing one or more values.\n *\n * @param props Props for the slider.\n * @param state State for the slider, as returned by `useSliderState`.\n * @param trackRef Ref for the \"track\" element.  The width of this element provides the \"length\"\n * of the track -- the span of one dimensional space that the slider thumb can be.  It also\n * accepts click and drag motions, so that the closest thumb will follow clicks and drags on\n * the track.\n */\nexport function useSlider<T extends number | number[]>(\n  props: AriaSliderProps<T>,\n  state: SliderState,\n  trackRef: RefObject<Element | null>\n): SliderAria {\n  let {labelProps, fieldProps} = useLabel(props);\n\n  let isVertical = props.orientation === 'vertical';\n\n  // Attach id of the label to the state so it can be accessed by useSliderThumb.\n  sliderData.set(state, {\n    id: (labelProps.id ?? fieldProps.id)!,\n    'aria-describedby': props['aria-describedby'],\n    'aria-details': props['aria-details']\n  });\n\n  let {direction} = useLocale();\n\n  let {addGlobalListener, removeGlobalListener} = useGlobalListeners();\n\n  // When the user clicks or drags the track, we want the motion to set and drag the\n  // closest thumb.  Hence we also need to install useMove() on the track element.\n  // Here, we keep track of which index is the \"closest\" to the drag start point.\n  // It is set onMouseDown/onTouchDown; see trackProps below.\n  const realTimeTrackDraggingIndex = useRef<number | null>(null);\n\n  const reverseX = direction === 'rtl';\n  const currentPosition = useRef<number | null>(null);\n  const {moveProps} = useMove({\n    onMoveStart() {\n      currentPosition.current = null;\n    },\n    onMove({deltaX, deltaY}) {\n      if (!trackRef.current) {\n        return;\n      }\n      let {height, width} = trackRef.current.getBoundingClientRect();\n      let size = isVertical ? height : width;\n\n      if (currentPosition.current == null && realTimeTrackDraggingIndex.current != null) {\n        currentPosition.current = state.getThumbPercent(realTimeTrackDraggingIndex.current) * size;\n      }\n\n      let delta = isVertical ? deltaY : deltaX;\n      if (isVertical || reverseX) {\n        delta = -delta;\n      }\n\n      currentPosition.current! += delta;\n\n      if (realTimeTrackDraggingIndex.current != null && trackRef.current) {\n        const percent = clamp(currentPosition.current! / size, 0, 1);\n        state.setThumbPercent(realTimeTrackDraggingIndex.current, percent);\n      }\n    },\n    onMoveEnd() {\n      if (realTimeTrackDraggingIndex.current != null) {\n        state.setThumbDragging(realTimeTrackDraggingIndex.current, false);\n        realTimeTrackDraggingIndex.current = null;\n      }\n    }\n  });\n\n  let currentPointer = useRef<number | null | undefined>(undefined);\n  let onDownTrack = (e: React.UIEvent, id: number | undefined, clientX: number, clientY: number) => {\n    // We only trigger track-dragging if the user clicks on the track itself and nothing is currently being dragged.\n    if (trackRef.current && !props.isDisabled && state.values.every((_, i) => !state.isThumbDragging(i))) {\n      let {height, width, top, left} = trackRef.current.getBoundingClientRect();\n      let size = isVertical ? height : width;\n      // Find the closest thumb\n      const trackPosition = isVertical ? top : left;\n      const clickPosition = isVertical ? clientY : clientX;\n      const offset = clickPosition - trackPosition;\n      let percent = offset / size;\n      if (direction === 'rtl' || isVertical) {\n        percent = 1 - percent;\n      }\n      let value = state.getPercentValue(percent);\n\n      // to find the closet thumb we split the array based on the first thumb position to the \"right/end\" of the click.\n      let closestThumb;\n      let split = state.values.findIndex(v => value - v < 0);\n      if (split === 0) { // If the index is zero then the closetThumb is the first one\n        closestThumb = split;\n      } else if (split === -1) { // If no index is found they've clicked past all the thumbs\n        closestThumb = state.values.length - 1;\n      } else {\n        let lastLeft = state.values[split - 1];\n        let firstRight = state.values[split];\n        // Pick the last left/start thumb, unless they are stacked on top of each other, then pick the right/end one\n        if (Math.abs(lastLeft - value) < Math.abs(firstRight - value)) {\n          closestThumb = split - 1;\n        } else {\n          closestThumb = split;\n        }\n      }\n\n      // Confirm that the found closest thumb is editable, not disabled, and move it\n      if (closestThumb >= 0 && state.isThumbEditable(closestThumb)) {\n        // Don't unfocus anything\n        e.preventDefault();\n\n        realTimeTrackDraggingIndex.current = closestThumb;\n        state.setFocusedThumb(closestThumb);\n        currentPointer.current = id;\n\n        state.setThumbDragging(realTimeTrackDraggingIndex.current!, true);\n        state.setThumbValue(closestThumb, value);\n\n        addGlobalListener(window, 'mouseup', onUpTrack, false);\n        addGlobalListener(window, 'touchend', onUpTrack, false);\n        addGlobalListener(window, 'pointerup', onUpTrack, false);\n      } else {\n        realTimeTrackDraggingIndex.current = null;\n      }\n    }\n  };\n\n  let onUpTrack = (e) => {\n    let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n    if (id === currentPointer.current) {\n      if (realTimeTrackDraggingIndex.current != null) {\n        state.setThumbDragging(realTimeTrackDraggingIndex.current, false);\n        realTimeTrackDraggingIndex.current = null;\n      }\n\n      removeGlobalListener(window, 'mouseup', onUpTrack, false);\n      removeGlobalListener(window, 'touchend', onUpTrack, false);\n      removeGlobalListener(window, 'pointerup', onUpTrack, false);\n    }\n  };\n\n  if ('htmlFor' in labelProps && labelProps.htmlFor) {\n    // Ideally the `for` attribute should point to the first thumb, but VoiceOver on iOS\n    // causes this to override the `aria-labelledby` on the thumb. This causes the first\n    // thumb to only be announced as the slider label rather than its individual name as well.\n    // See https://bugs.webkit.org/show_bug.cgi?id=172464.\n    delete labelProps.htmlFor;\n    labelProps.onClick = () => {\n      // Safari does not focus <input type=\"range\"> elements when clicking on an associated <label>,\n      // so do it manually. In addition, make sure we show the focus ring.\n      document.getElementById(getSliderThumbId(state, 0))?.focus();\n      setInteractionModality('keyboard');\n    };\n  }\n\n  return {\n    labelProps,\n    // The root element of the Slider will have role=\"group\" to group together\n    // all the thumb inputs in the Slider.  The label of the Slider will\n    // be used to label the group.\n    groupProps: {\n      role: 'group',\n      ...fieldProps\n    },\n    trackProps: mergeProps({\n      onMouseDown(e: React.MouseEvent) {\n        if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {\n          return;\n        }\n        onDownTrack(e, undefined, e.clientX, e.clientY);\n      },\n      onPointerDown(e: React.PointerEvent) {\n        if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {\n          return;\n        }\n        onDownTrack(e, e.pointerId, e.clientX, e.clientY);\n      },\n      onTouchStart(e: React.TouchEvent) { onDownTrack(e, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY); },\n      style: {\n        position: 'relative',\n        touchAction: 'none'\n      }\n    }, moveProps),\n    outputProps: {\n      htmlFor: state.values.map((_, index) => getSliderThumbId(state, index)).join(' '),\n      'aria-live': 'off'\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSlider.main.js.map"}

package/dist/useSlider.mjs

@@ -1,170 +0,0 @@
-import {getSliderThumbId as $aa519ee6cf463259$export$68e648cbec363a18, sliderData as $aa519ee6cf463259$export$d6c8d9636a3dc49c} from "./utils.mjs";
-import {useGlobalListeners as $468t2$useGlobalListeners, clamp as $468t2$clamp, mergeProps as $468t2$mergeProps} from "@react-aria/utils";
-import {useRef as $468t2$useRef} from "react";
-import {useMove as $468t2$useMove, setInteractionModality as $468t2$setInteractionModality} from "@react-aria/interactions";
-import {useLabel as $468t2$useLabel} from "@react-aria/label";
-import {useLocale as $468t2$useLocale} from "@react-aria/i18n";
-
-/*
- * 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 $bcca50147b47f54d$export$56b2c08e277f365(props, state, trackRef) {
-    let { labelProps: labelProps, fieldProps: fieldProps } = (0, $468t2$useLabel)(props);
-    let isVertical = props.orientation === 'vertical';
-    var _labelProps_id;
-    // Attach id of the label to the state so it can be accessed by useSliderThumb.
-    (0, $aa519ee6cf463259$export$d6c8d9636a3dc49c).set(state, {
-        id: (_labelProps_id = labelProps.id) !== null && _labelProps_id !== void 0 ? _labelProps_id : fieldProps.id,
-        'aria-describedby': props['aria-describedby'],
-        'aria-details': props['aria-details']
-    });
-    let { direction: direction } = (0, $468t2$useLocale)();
-    let { addGlobalListener: addGlobalListener, removeGlobalListener: removeGlobalListener } = (0, $468t2$useGlobalListeners)();
-    // When the user clicks or drags the track, we want the motion to set and drag the
-    // closest thumb.  Hence we also need to install useMove() on the track element.
-    // Here, we keep track of which index is the "closest" to the drag start point.
-    // It is set onMouseDown/onTouchDown; see trackProps below.
-    const realTimeTrackDraggingIndex = (0, $468t2$useRef)(null);
-    const reverseX = direction === 'rtl';
-    const currentPosition = (0, $468t2$useRef)(null);
-    const { moveProps: moveProps } = (0, $468t2$useMove)({
-        onMoveStart () {
-            currentPosition.current = null;
-        },
-        onMove ({ deltaX: deltaX, deltaY: deltaY }) {
-            if (!trackRef.current) return;
-            let { height: height, width: width } = trackRef.current.getBoundingClientRect();
-            let size = isVertical ? height : width;
-            if (currentPosition.current == null && realTimeTrackDraggingIndex.current != null) currentPosition.current = state.getThumbPercent(realTimeTrackDraggingIndex.current) * size;
-            let delta = isVertical ? deltaY : deltaX;
-            if (isVertical || reverseX) delta = -delta;
-            currentPosition.current += delta;
-            if (realTimeTrackDraggingIndex.current != null && trackRef.current) {
-                const percent = (0, $468t2$clamp)(currentPosition.current / size, 0, 1);
-                state.setThumbPercent(realTimeTrackDraggingIndex.current, percent);
-            }
-        },
-        onMoveEnd () {
-            if (realTimeTrackDraggingIndex.current != null) {
-                state.setThumbDragging(realTimeTrackDraggingIndex.current, false);
-                realTimeTrackDraggingIndex.current = null;
-            }
-        }
-    });
-    let currentPointer = (0, $468t2$useRef)(undefined);
-    let onDownTrack = (e, id, clientX, clientY)=>{
-        // We only trigger track-dragging if the user clicks on the track itself and nothing is currently being dragged.
-        if (trackRef.current && !props.isDisabled && state.values.every((_, i)=>!state.isThumbDragging(i))) {
-            let { height: height, width: width, top: top, left: left } = trackRef.current.getBoundingClientRect();
-            let size = isVertical ? height : width;
-            // Find the closest thumb
-            const trackPosition = isVertical ? top : left;
-            const clickPosition = isVertical ? clientY : clientX;
-            const offset = clickPosition - trackPosition;
-            let percent = offset / size;
-            if (direction === 'rtl' || isVertical) percent = 1 - percent;
-            let value = state.getPercentValue(percent);
-            // to find the closet thumb we split the array based on the first thumb position to the "right/end" of the click.
-            let closestThumb;
-            let split = state.values.findIndex((v)=>value - v < 0);
-            if (split === 0) closestThumb = split;
-            else if (split === -1) closestThumb = state.values.length - 1;
-            else {
-                let lastLeft = state.values[split - 1];
-                let firstRight = state.values[split];
-                // Pick the last left/start thumb, unless they are stacked on top of each other, then pick the right/end one
-                if (Math.abs(lastLeft - value) < Math.abs(firstRight - value)) closestThumb = split - 1;
-                else closestThumb = split;
-            }
-            // Confirm that the found closest thumb is editable, not disabled, and move it
-            if (closestThumb >= 0 && state.isThumbEditable(closestThumb)) {
-                // Don't unfocus anything
-                e.preventDefault();
-                realTimeTrackDraggingIndex.current = closestThumb;
-                state.setFocusedThumb(closestThumb);
-                currentPointer.current = id;
-                state.setThumbDragging(realTimeTrackDraggingIndex.current, true);
-                state.setThumbValue(closestThumb, value);
-                addGlobalListener(window, 'mouseup', onUpTrack, false);
-                addGlobalListener(window, 'touchend', onUpTrack, false);
-                addGlobalListener(window, 'pointerup', onUpTrack, false);
-            } else realTimeTrackDraggingIndex.current = null;
-        }
-    };
-    let onUpTrack = (e)=>{
-        var _e_changedTouches;
-        var _e_pointerId;
-        let id = (_e_pointerId = e.pointerId) !== null && _e_pointerId !== void 0 ? _e_pointerId : (_e_changedTouches = e.changedTouches) === null || _e_changedTouches === void 0 ? void 0 : _e_changedTouches[0].identifier;
-        if (id === currentPointer.current) {
-            if (realTimeTrackDraggingIndex.current != null) {
-                state.setThumbDragging(realTimeTrackDraggingIndex.current, false);
-                realTimeTrackDraggingIndex.current = null;
-            }
-            removeGlobalListener(window, 'mouseup', onUpTrack, false);
-            removeGlobalListener(window, 'touchend', onUpTrack, false);
-            removeGlobalListener(window, 'pointerup', onUpTrack, false);
-        }
-    };
-    if ('htmlFor' in labelProps && labelProps.htmlFor) {
-        // Ideally the `for` attribute should point to the first thumb, but VoiceOver on iOS
-        // causes this to override the `aria-labelledby` on the thumb. This causes the first
-        // thumb to only be announced as the slider label rather than its individual name as well.
-        // See https://bugs.webkit.org/show_bug.cgi?id=172464.
-        delete labelProps.htmlFor;
-        labelProps.onClick = ()=>{
-            var // Safari does not focus <input type="range"> elements when clicking on an associated <label>,
-            // so do it manually. In addition, make sure we show the focus ring.
-            _document_getElementById;
-            (_document_getElementById = document.getElementById((0, $aa519ee6cf463259$export$68e648cbec363a18)(state, 0))) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.focus();
-            (0, $468t2$setInteractionModality)('keyboard');
-        };
-    }
-    return {
-        labelProps: labelProps,
-        // The root element of the Slider will have role="group" to group together
-        // all the thumb inputs in the Slider.  The label of the Slider will
-        // be used to label the group.
-        groupProps: {
-            role: 'group',
-            ...fieldProps
-        },
-        trackProps: (0, $468t2$mergeProps)({
-            onMouseDown (e) {
-                if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) return;
-                onDownTrack(e, undefined, e.clientX, e.clientY);
-            },
-            onPointerDown (e) {
-                if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) return;
-                onDownTrack(e, e.pointerId, e.clientX, e.clientY);
-            },
-            onTouchStart (e) {
-                onDownTrack(e, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);
-            },
-            style: {
-                position: 'relative',
-                touchAction: 'none'
-            }
-        }, moveProps),
-        outputProps: {
-            htmlFor: state.values.map((_, index)=>(0, $aa519ee6cf463259$export$68e648cbec363a18)(state, index)).join(' '),
-            'aria-live': 'off'
-        }
-    };
-}
-
-
-export {$bcca50147b47f54d$export$56b2c08e277f365 as useSlider};
-//# sourceMappingURL=useSlider.module.js.map