@react-stately/slider 3.7.5 → 3.8.0

package/dist/import.mjs

@@ -1,4 +1,4 @@
-import {useSliderState as $28f99e3e86e6ec45$export$e5fda3247f5d67f9} from "./useSliderState.mjs";
+import {useSliderState as $100b2794a799746e$re_export$useSliderState} from "react-stately/useSliderState";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -13,5 +13,5 @@ import {useSliderState as $28f99e3e86e6ec45$export$e5fda3247f5d67f9} from "./use
  */ 
 
 
-export {$28f99e3e86e6ec45$export$e5fda3247f5d67f9 as useSliderState};
+export {$100b2794a799746e$re_export$useSliderState as useSliderState};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,11 +1,11 @@
-var $e86753598efd0f02$exports = require("./useSliderState.main.js");
+var $d8n7J$reactstatelyuseSliderState = require("react-stately/useSliderState");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "useSliderState", () => $e86753598efd0f02$exports.useSliderState);
+$parcel$export(module.exports, "useSliderState", function () { return $d8n7J$reactstatelyuseSliderState.useSliderState; });
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-stately/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 */\n\nexport {useSliderState} from './useSliderState';\n\nexport type {SliderStateOptions} from './useSliderState';\nexport type {SliderState} from './useSliderState';\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-stately/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 */\n\nexport {useSliderState} from 'react-stately/useSliderState';\n\nexport type {SliderProps, SliderStateOptions, SliderState} from 'react-stately/useSliderState';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,4 +1,4 @@
-import {useSliderState as $28f99e3e86e6ec45$export$e5fda3247f5d67f9} from "./useSliderState.module.js";
+import {useSliderState as $100b2794a799746e$re_export$useSliderState} from "react-stately/useSliderState";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -13,5 +13,5 @@ import {useSliderState as $28f99e3e86e6ec45$export$e5fda3247f5d67f9} from "./use
  */ 
 
 
-export {$28f99e3e86e6ec45$export$e5fda3247f5d67f9 as useSliderState};
+export {$100b2794a799746e$re_export$useSliderState as useSliderState};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-stately/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 */\n\nexport {useSliderState} from './useSliderState';\n\nexport type {SliderStateOptions} from './useSliderState';\nexport type {SliderState} from './useSliderState';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-stately/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 */\n\nexport {useSliderState} from 'react-stately/useSliderState';\n\nexport type {SliderProps, SliderStateOptions, SliderState} from 'react-stately/useSliderState';\n"],"names":[],"version":3,"file":"module.js.map"}

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

@@ -0,0 +1,2 @@
+export { useSliderState } from 'react-stately/useSliderState';
+export type { SliderProps, SliderStateOptions, SliderState } from 'react-stately/useSliderState';

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@react-stately/slider",
-  "version": "3.7.5",
+  "version": "3.8.0",
   "description": "Spectrum UI components in React",
   "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,16 +26,18 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-stately/utils": "^3.11.0",
-    "@react-types/shared": "^3.33.1",
-    "@react-types/slider": "^3.8.4",
-    "@swc/helpers": "^0.5.0"
+    "@swc/helpers": "^0.5.0",
+    "react-stately": "3.46.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8df187370053aa35f553cb388ad670f65e1ab371"
+  "targets": {
+    "types": false
+  },
+  "gitHead": "a6999bdf494a2e9c0381a5881908328bdd22ddae"
 }

package/src/index.ts

@@ -10,7 +10,6 @@
  * governing permissions and limitations under the License.
  */
 
-export {useSliderState} from './useSliderState';
+export {useSliderState} from 'react-stately/useSliderState';
 
-export type {SliderStateOptions} from './useSliderState';
-export type {SliderState} from './useSliderState';
+export type {SliderProps, SliderStateOptions, SliderState} from 'react-stately/useSliderState';

package/dist/types.d.ts

@@ -1,129 +0,0 @@
-import { Orientation } from "@react-types/shared";
-import { SliderProps } from "@react-types/slider";
-export interface SliderState {
-    /**
-     * Values managed by the slider by thumb index.
-     */
-    readonly values: number[];
-    /**
-     * The default values for each thumb.
-     */
-    readonly defaultValues: number[];
-    /**
-     * Get the value for the specified thumb.
-     * @param index
-     */
-    getThumbValue(index: number): number;
-    /**
-     * Sets the value for the specified thumb.
-     * The actual value set will be clamped and rounded according to min/max/step.
-     * @param index
-     * @param value
-     */
-    setThumbValue(index: number, value: number): void;
-    /**
-     * Sets value for the specified thumb by percent offset (between 0 and 1).
-     * @param index
-     * @param percent
-     */
-    setThumbPercent(index: number, percent: number): void;
-    /**
-     * Whether the specific thumb is being dragged.
-     * @param index
-     */
-    isThumbDragging(index: number): boolean;
-    /**
-     * Set is dragging on the specified thumb.
-     * @param index
-     * @param dragging
-     */
-    setThumbDragging(index: number, dragging: boolean): void;
-    /**
-     * Currently-focused thumb index.
-     */
-    readonly focusedThumb: number | undefined;
-    /**
-     * Set focused true on specified thumb. This will remove focus from
-     * any thumb that had it before.
-     * @param index
-     */
-    setFocusedThumb(index: number | undefined): void;
-    /**
-     * Returns the specified thumb's value as a percentage from 0 to 1.
-     * @param index
-     */
-    getThumbPercent(index: number): number;
-    /**
-     * Returns the value as a percent between the min and max of the slider.
-     * @param index
-     */
-    getValuePercent(value: number): number;
-    /**
-     * Returns the string label for the specified thumb's value, per props.formatOptions.
-     * @param index
-     */
-    getThumbValueLabel(index: number): string;
-    /**
-     * Returns the string label for the value, per props.formatOptions.
-     * @param index
-     */
-    getFormattedValue(value: number): string;
-    /**
-     * Returns the min allowed value for the specified thumb.
-     * @param index
-     */
-    getThumbMinValue(index: number): number;
-    /**
-     * Returns the max allowed value for the specified thumb.
-     * @param index
-     */
-    getThumbMaxValue(index: number): number;
-    /**
-     * Converts a percent along track (between 0 and 1) to the corresponding value.
-     * @param percent
-     */
-    getPercentValue(percent: number): number;
-    /**
-     * Returns if the specified thumb is editable.
-     * @param index
-     */
-    isThumbEditable(index: number): boolean;
-    /**
-     * Set the specified thumb's editable state.
-     * @param index
-     * @param editable
-     */
-    setThumbEditable(index: number, editable: boolean): void;
-    /**
-     * Increments the value of the thumb by the step or page amount.
-     */
-    incrementThumb(index: number, stepSize?: number): void;
-    /**
-     * Decrements the value of the thumb by the step or page amount.
-     */
-    decrementThumb(index: number, stepSize?: number): void;
-    /**
-     * The step amount for the slider.
-     */
-    readonly step: number;
-    /**
-     * The page size for the slider, used to do a bigger step.
-     */
-    readonly pageSize: number;
-    /** The orientation of the slider. */
-    readonly orientation: Orientation;
-    /** Whether the slider is disabled. */
-    readonly isDisabled: boolean;
-}
-export interface SliderStateOptions<T> extends SliderProps<T> {
-    numberFormatter: Intl.NumberFormat;
-}
-/**
- * Provides state management for a slider component. Stores values for all thumbs,
- * formats values for localization, and provides methods to update the position
- * of any thumbs.
- * @param props
- */
-export function useSliderState<T extends number | number[]>(props: SliderStateOptions<T>): SliderState;
-
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";;AAiBA;IACE;;OAEG;IACH,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,aAAa,EAAE,MAAM,EAAE,CAAC;IACjC;;;OAGG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAErC;;;;;OAKG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAElD;;;;OAIG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtD;;;OAGG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxC;;;;OAIG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAEzD;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C;;;;OAIG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAEjD;;;OAGG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvC;;;OAGG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvC;;;OAGG;IACH,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1C;;;OAGG;IACH,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzC;;;OAGG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzC;;;OAGG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IAExC;;;;OAIG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAEzD;;OAEG;IACH,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvD;;OAEG;IACH,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvD;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAE1B,qCAAqC;IACrC,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAElC,sCAAsC;IACtC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAA;CAC7B;AAMD,oCAAoC,CAAC,CAAE,SAAQ,YAAY,CAAC,CAAC;IAC3D,eAAe,EAAE,KAAK,YAAY,CAAA;CACnC;AAED;;;;;GAKG;AACH,+BAA+B,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,GAAG,WAAW,CA0JrG","sources":["packages/@react-stately/slider/src/packages/@react-stately/slider/src/useSliderState.ts","packages/@react-stately/slider/src/packages/@react-stately/slider/src/index.ts","packages/@react-stately/slider/src/index.ts"],"sourcesContent":[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 */\n\nexport {useSliderState} from './useSliderState';\n\nexport type {SliderStateOptions} from './useSliderState';\nexport type {SliderState} from './useSliderState';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/useSliderState.main.js

@@ -1,180 +0,0 @@
-var $1NNdE$reactstatelyutils = require("@react-stately/utils");
-var $1NNdE$react = require("react");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "useSliderState", () => $e86753598efd0f02$export$e5fda3247f5d67f9);
-/*
- * 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.
- */ 
-
-const $e86753598efd0f02$var$DEFAULT_MIN_VALUE = 0;
-const $e86753598efd0f02$var$DEFAULT_MAX_VALUE = 100;
-const $e86753598efd0f02$var$DEFAULT_STEP_VALUE = 1;
-function $e86753598efd0f02$export$e5fda3247f5d67f9(props) {
-    const { isDisabled: isDisabled = false, minValue: minValue = $e86753598efd0f02$var$DEFAULT_MIN_VALUE, maxValue: maxValue = $e86753598efd0f02$var$DEFAULT_MAX_VALUE, numberFormatter: formatter, step: step = $e86753598efd0f02$var$DEFAULT_STEP_VALUE, orientation: orientation = 'horizontal' } = props;
-    // Page step should be at least equal to step and always a multiple of the step.
-    let pageSize = (0, $1NNdE$react.useMemo)(()=>{
-        let calcPageSize = (maxValue - minValue) / 10;
-        calcPageSize = (0, $1NNdE$reactstatelyutils.snapValueToStep)(calcPageSize, 0, calcPageSize + step, step);
-        return Math.max(calcPageSize, step);
-    }, [
-        step,
-        maxValue,
-        minValue
-    ]);
-    let restrictValues = (0, $1NNdE$react.useCallback)((values)=>values === null || values === void 0 ? void 0 : values.map((val, idx)=>{
-            let min = idx === 0 ? minValue : values[idx - 1];
-            let max = idx === values.length - 1 ? maxValue : values[idx + 1];
-            return (0, $1NNdE$reactstatelyutils.snapValueToStep)(val, min, max, step);
-        }), [
-        minValue,
-        maxValue,
-        step
-    ]);
-    let value = (0, $1NNdE$react.useMemo)(()=>restrictValues($e86753598efd0f02$var$convertValue(props.value)), [
-        props.value,
-        restrictValues
-    ]);
-    let defaultValue = (0, $1NNdE$react.useMemo)(()=>{
-        var _convertValue;
-        return restrictValues((_convertValue = $e86753598efd0f02$var$convertValue(props.defaultValue)) !== null && _convertValue !== void 0 ? _convertValue : [
-            minValue
-        ]);
-    }, [
-        props.defaultValue,
-        minValue,
-        restrictValues
-    ]);
-    let onChange = $e86753598efd0f02$var$createOnChange(props.value, props.defaultValue, props.onChange);
-    let onChangeEnd = $e86753598efd0f02$var$createOnChange(props.value, props.defaultValue, props.onChangeEnd);
-    const [values, setValuesState] = (0, $1NNdE$reactstatelyutils.useControlledState)(value, defaultValue, onChange);
-    let [initialValues] = (0, $1NNdE$react.useState)(values);
-    const [isDraggings, setDraggingsState] = (0, $1NNdE$react.useState)(new Array(values.length).fill(false));
-    const isEditablesRef = (0, $1NNdE$react.useRef)(new Array(values.length).fill(true));
-    const [focusedIndex, setFocusedIndex] = (0, $1NNdE$react.useState)(undefined);
-    const valuesRef = (0, $1NNdE$react.useRef)(values);
-    const isDraggingsRef = (0, $1NNdE$react.useRef)(isDraggings);
-    let setValues = (values)=>{
-        valuesRef.current = values;
-        setValuesState(values);
-    };
-    let setDraggings = (draggings)=>{
-        isDraggingsRef.current = draggings;
-        setDraggingsState(draggings);
-    };
-    function getValuePercent(value) {
-        return (value - minValue) / (maxValue - minValue);
-    }
-    function getThumbMinValue(index) {
-        return index === 0 ? minValue : values[index - 1];
-    }
-    function getThumbMaxValue(index) {
-        return index === values.length - 1 ? maxValue : values[index + 1];
-    }
-    function isThumbEditable(index) {
-        return isEditablesRef.current[index];
-    }
-    function setThumbEditable(index, editable) {
-        isEditablesRef.current[index] = editable;
-    }
-    function updateValue(index, value) {
-        if (isDisabled || !isThumbEditable(index)) return;
-        const thisMin = getThumbMinValue(index);
-        const thisMax = getThumbMaxValue(index);
-        // Round value to multiple of step, clamp value between min and max
-        value = (0, $1NNdE$reactstatelyutils.snapValueToStep)(value, thisMin, thisMax, step);
-        let newValues = $e86753598efd0f02$var$replaceIndex(valuesRef.current, index, value);
-        setValues(newValues);
-    }
-    function updateDragging(index, dragging) {
-        if (isDisabled || !isThumbEditable(index)) return;
-        if (dragging) valuesRef.current = values;
-        const wasDragging = isDraggingsRef.current[index];
-        isDraggingsRef.current = $e86753598efd0f02$var$replaceIndex(isDraggingsRef.current, index, dragging);
-        setDraggings(isDraggingsRef.current);
-        // Call onChangeEnd if no handles are dragging.
-        if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) onChangeEnd(valuesRef.current);
-    }
-    function getFormattedValue(value) {
-        return formatter.format(value);
-    }
-    function setThumbPercent(index, percent) {
-        updateValue(index, getPercentValue(percent));
-    }
-    function getRoundedValue(value) {
-        return Math.round((value - minValue) / step) * step + minValue;
-    }
-    function getPercentValue(percent) {
-        const val = percent * (maxValue - minValue) + minValue;
-        return (0, $1NNdE$reactstatelyutils.clamp)(getRoundedValue(val), minValue, maxValue);
-    }
-    function incrementThumb(index, stepSize = 1) {
-        let s = Math.max(stepSize, step);
-        updateValue(index, (0, $1NNdE$reactstatelyutils.snapValueToStep)(values[index] + s, minValue, maxValue, step));
-    }
-    function decrementThumb(index, stepSize = 1) {
-        let s = Math.max(stepSize, step);
-        updateValue(index, (0, $1NNdE$reactstatelyutils.snapValueToStep)(values[index] - s, minValue, maxValue, step));
-    }
-    return {
-        values: values,
-        defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,
-        getThumbValue: (index)=>values[index],
-        setThumbValue: updateValue,
-        setThumbPercent: setThumbPercent,
-        isThumbDragging: (index)=>isDraggings[index],
-        setThumbDragging: updateDragging,
-        focusedThumb: focusedIndex,
-        setFocusedThumb: setFocusedIndex,
-        getThumbPercent: (index)=>getValuePercent(values[index]),
-        getValuePercent: getValuePercent,
-        getThumbValueLabel: (index)=>getFormattedValue(values[index]),
-        getFormattedValue: getFormattedValue,
-        getThumbMinValue: getThumbMinValue,
-        getThumbMaxValue: getThumbMaxValue,
-        getPercentValue: getPercentValue,
-        isThumbEditable: isThumbEditable,
-        setThumbEditable: setThumbEditable,
-        incrementThumb: incrementThumb,
-        decrementThumb: decrementThumb,
-        step: step,
-        pageSize: pageSize,
-        orientation: orientation,
-        isDisabled: isDisabled
-    };
-}
-function $e86753598efd0f02$var$replaceIndex(array, index, value) {
-    if (array[index] === value) return array;
-    return [
-        ...array.slice(0, index),
-        value,
-        ...array.slice(index + 1)
-    ];
-}
-function $e86753598efd0f02$var$convertValue(value) {
-    if (value == null) return undefined;
-    return Array.isArray(value) ? value : [
-        value
-    ];
-}
-function $e86753598efd0f02$var$createOnChange(value, defaultValue, onChange) {
-    return (newValue)=>{
-        if (typeof value === 'number' || typeof defaultValue === 'number') onChange === null || onChange === void 0 ? void 0 : onChange(newValue[0]);
-        else onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-    };
-}
-
-
-//# sourceMappingURL=useSliderState.main.js.map

package/dist/useSliderState.main.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-stately/slider/src/useSliderState.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 {clamp, snapValueToStep, useControlledState} from '@react-stately/utils';\nimport {Orientation} from '@react-types/shared';\nimport {SliderProps} from '@react-types/slider';\nimport {useCallback, useMemo, useRef, useState} from 'react';\n\nexport interface SliderState {\n  /**\n   * Values managed by the slider by thumb index.\n   */\n  readonly values: number[],\n  /**\n   * The default values for each thumb.\n   */\n  readonly defaultValues: number[],\n  /**\n   * Get the value for the specified thumb.\n   * @param index\n   */\n  getThumbValue(index: number): number,\n\n  /**\n   * Sets the value for the specified thumb.\n   * The actual value set will be clamped and rounded according to min/max/step.\n   * @param index\n   * @param value\n   */\n  setThumbValue(index: number, value: number): void,\n\n  /**\n   * Sets value for the specified thumb by percent offset (between 0 and 1).\n   * @param index\n   * @param percent\n   */\n  setThumbPercent(index: number, percent: number): void,\n\n  /**\n   * Whether the specific thumb is being dragged.\n   * @param index\n   */\n  isThumbDragging(index: number): boolean,\n  /**\n   * Set is dragging on the specified thumb.\n   * @param index\n   * @param dragging\n   */\n  setThumbDragging(index: number, dragging: boolean): void,\n\n  /**\n   * Currently-focused thumb index.\n   */\n  readonly focusedThumb: number | undefined,\n  /**\n   * Set focused true on specified thumb. This will remove focus from\n   * any thumb that had it before.\n   * @param index\n   */\n  setFocusedThumb(index: number | undefined): void,\n\n  /**\n   * Returns the specified thumb's value as a percentage from 0 to 1.\n   * @param index\n   */\n  getThumbPercent(index: number): number,\n\n  /**\n   * Returns the value as a percent between the min and max of the slider.\n   * @param index\n   */\n  getValuePercent(value: number): number,\n\n  /**\n   * Returns the string label for the specified thumb's value, per props.formatOptions.\n   * @param index\n   */\n  getThumbValueLabel(index: number): string,\n\n  /**\n   * Returns the string label for the value, per props.formatOptions.\n   * @param index\n   */\n  getFormattedValue(value: number): string,\n\n  /**\n   * Returns the min allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMinValue(index: number): number,\n\n  /**\n   * Returns the max allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMaxValue(index: number): number,\n\n  /**\n   * Converts a percent along track (between 0 and 1) to the corresponding value.\n   * @param percent\n   */\n  getPercentValue(percent: number): number,\n\n  /**\n   * Returns if the specified thumb is editable.\n   * @param index\n   */\n  isThumbEditable(index: number): boolean,\n\n  /**\n   * Set the specified thumb's editable state.\n   * @param index\n   * @param editable\n   */\n  setThumbEditable(index: number, editable: boolean): void,\n\n  /**\n   * Increments the value of the thumb by the step or page amount.\n   */\n  incrementThumb(index: number, stepSize?: number): void,\n  /**\n   * Decrements the value of the thumb by the step or page amount.\n   */\n  decrementThumb(index: number, stepSize?: number): void,\n\n  /**\n   * The step amount for the slider.\n   */\n  readonly step: number,\n\n  /**\n   * The page size for the slider, used to do a bigger step.\n   */\n  readonly pageSize: number,\n\n  /** The orientation of the slider. */\n  readonly orientation: Orientation,\n\n  /** Whether the slider is disabled. */\n  readonly isDisabled: boolean\n}\n\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\nconst DEFAULT_STEP_VALUE = 1;\n\nexport interface SliderStateOptions<T> extends SliderProps<T> {\n  numberFormatter: Intl.NumberFormat\n}\n\n/**\n * Provides state management for a slider component. Stores values for all thumbs,\n * formats values for localization, and provides methods to update the position\n * of any thumbs.\n * @param props\n */\nexport function useSliderState<T extends number | number[]>(props: SliderStateOptions<T>): SliderState {\n  const {\n    isDisabled = false,\n    minValue = DEFAULT_MIN_VALUE,\n    maxValue = DEFAULT_MAX_VALUE,\n    numberFormatter: formatter,\n    step = DEFAULT_STEP_VALUE,\n    orientation = 'horizontal'\n  } = props;\n\n  // Page step should be at least equal to step and always a multiple of the step.\n  let pageSize = useMemo(() => {\n    let calcPageSize = (maxValue - minValue) / 10;\n    calcPageSize = snapValueToStep(calcPageSize, 0, calcPageSize + step, step);\n    return Math.max(calcPageSize, step);\n  }, [step, maxValue, minValue]);\n\n  let restrictValues = useCallback((values: number[] | undefined) => values?.map((val, idx) => {\n    let min = idx === 0 ? minValue : values[idx - 1];\n    let max = idx === values.length - 1 ? maxValue : values[idx + 1];\n    return snapValueToStep(val, min, max, step);\n  }), [minValue, maxValue, step]);\n\n  let value = useMemo(() => restrictValues(convertValue(props.value)), [props.value, restrictValues]);\n  let defaultValue = useMemo(() => restrictValues(convertValue(props.defaultValue) ?? [minValue])!, [props.defaultValue, minValue, restrictValues]);\n  let onChange = createOnChange(props.value, props.defaultValue, props.onChange);\n  let onChangeEnd = createOnChange(props.value, props.defaultValue, props.onChangeEnd);\n\n  const [values, setValuesState] = useControlledState<number[]>(\n    value,\n    defaultValue,\n    onChange\n  );\n  let [initialValues] = useState(values);\n  const [isDraggings, setDraggingsState] = useState<boolean[]>(new Array(values.length).fill(false));\n  const isEditablesRef = useRef<boolean[]>(new Array(values.length).fill(true));\n  const [focusedIndex, setFocusedIndex] = useState<number | undefined>(undefined);\n\n  const valuesRef = useRef<number[]>(values);\n  const isDraggingsRef = useRef<boolean[]>(isDraggings);\n\n  let setValues = (values: number[]) => {\n    valuesRef.current = values;\n    setValuesState(values);\n  };\n\n  let setDraggings = (draggings: boolean[]) => {\n    isDraggingsRef.current = draggings;\n    setDraggingsState(draggings);\n  };\n\n  function getValuePercent(value: number) {\n    return (value - minValue) / (maxValue - minValue);\n  }\n\n  function getThumbMinValue(index: number) {\n    return index === 0 ? minValue : values[index - 1];\n  }\n  function getThumbMaxValue(index: number) {\n    return index === values.length - 1 ? maxValue : values[index + 1];\n  }\n\n  function isThumbEditable(index: number) {\n    return isEditablesRef.current[index];\n  }\n\n  function setThumbEditable(index: number, editable: boolean) {\n    isEditablesRef.current[index] = editable;\n  }\n\n  function updateValue(index: number, value: number) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    const thisMin = getThumbMinValue(index);\n    const thisMax = getThumbMaxValue(index);\n\n    // Round value to multiple of step, clamp value between min and max\n    value = snapValueToStep(value, thisMin, thisMax, step);\n    let newValues = replaceIndex(valuesRef.current, index, value);\n    setValues(newValues);\n  }\n\n  function updateDragging(index: number, dragging: boolean) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    if (dragging) {\n      valuesRef.current = values;\n    }\n\n    const wasDragging = isDraggingsRef.current[index];\n    isDraggingsRef.current = replaceIndex(isDraggingsRef.current, index, dragging);\n    setDraggings(isDraggingsRef.current);\n\n    // Call onChangeEnd if no handles are dragging.\n    if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {\n      onChangeEnd(valuesRef.current);\n    }\n  }\n\n  function getFormattedValue(value: number) {\n    return formatter.format(value);\n  }\n\n  function setThumbPercent(index: number, percent: number) {\n    updateValue(index, getPercentValue(percent));\n  }\n\n  function getRoundedValue(value: number) {\n    return Math.round((value - minValue) / step) * step + minValue;\n  }\n\n  function getPercentValue(percent: number) {\n    const val = percent * (maxValue - minValue) + minValue;\n    return clamp(getRoundedValue(val), minValue, maxValue);\n  }\n\n  function incrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] + s, minValue, maxValue, step));\n  }\n\n  function decrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] - s, minValue, maxValue, step));\n  }\n\n  return {\n    values: values,\n    defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,\n    getThumbValue: (index: number) => values[index],\n    setThumbValue: updateValue,\n    setThumbPercent,\n    isThumbDragging: (index: number) => isDraggings[index],\n    setThumbDragging: updateDragging,\n    focusedThumb: focusedIndex,\n    setFocusedThumb: setFocusedIndex,\n    getThumbPercent: (index: number) => getValuePercent(values[index]),\n    getValuePercent,\n    getThumbValueLabel: (index: number) => getFormattedValue(values[index]),\n    getFormattedValue,\n    getThumbMinValue,\n    getThumbMaxValue,\n    getPercentValue,\n    isThumbEditable,\n    setThumbEditable,\n    incrementThumb,\n    decrementThumb,\n    step,\n    pageSize,\n    orientation,\n    isDisabled\n  };\n}\n\nfunction replaceIndex<T>(array: T[], index: number, value: T) {\n  if (array[index] === value) {\n    return array;\n  }\n\n  return [...array.slice(0, index), value, ...array.slice(index + 1)];\n}\n\nfunction convertValue(value?: number | number[]) {\n  if (value == null) {\n    return undefined;\n  }\n\n  return Array.isArray(value) ? value : [value];\n}\n\nfunction createOnChange(value, defaultValue, onChange) {\n  return (newValue: number[]) => {\n    if (typeof value === 'number' || typeof defaultValue === 'number') {\n      onChange?.(newValue[0]);\n    } else {\n      onChange?.(newValue);\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSliderState.main.js.map"}

package/dist/useSliderState.mjs

@@ -1,175 +0,0 @@
-import {snapValueToStep as $BT4Uh$snapValueToStep, useControlledState as $BT4Uh$useControlledState, clamp as $BT4Uh$clamp} from "@react-stately/utils";
-import {useMemo as $BT4Uh$useMemo, useCallback as $BT4Uh$useCallback, useState as $BT4Uh$useState, useRef as $BT4Uh$useRef} from "react";
-
-/*
- * 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.
- */ 
-
-const $28f99e3e86e6ec45$var$DEFAULT_MIN_VALUE = 0;
-const $28f99e3e86e6ec45$var$DEFAULT_MAX_VALUE = 100;
-const $28f99e3e86e6ec45$var$DEFAULT_STEP_VALUE = 1;
-function $28f99e3e86e6ec45$export$e5fda3247f5d67f9(props) {
-    const { isDisabled: isDisabled = false, minValue: minValue = $28f99e3e86e6ec45$var$DEFAULT_MIN_VALUE, maxValue: maxValue = $28f99e3e86e6ec45$var$DEFAULT_MAX_VALUE, numberFormatter: formatter, step: step = $28f99e3e86e6ec45$var$DEFAULT_STEP_VALUE, orientation: orientation = 'horizontal' } = props;
-    // Page step should be at least equal to step and always a multiple of the step.
-    let pageSize = (0, $BT4Uh$useMemo)(()=>{
-        let calcPageSize = (maxValue - minValue) / 10;
-        calcPageSize = (0, $BT4Uh$snapValueToStep)(calcPageSize, 0, calcPageSize + step, step);
-        return Math.max(calcPageSize, step);
-    }, [
-        step,
-        maxValue,
-        minValue
-    ]);
-    let restrictValues = (0, $BT4Uh$useCallback)((values)=>values === null || values === void 0 ? void 0 : values.map((val, idx)=>{
-            let min = idx === 0 ? minValue : values[idx - 1];
-            let max = idx === values.length - 1 ? maxValue : values[idx + 1];
-            return (0, $BT4Uh$snapValueToStep)(val, min, max, step);
-        }), [
-        minValue,
-        maxValue,
-        step
-    ]);
-    let value = (0, $BT4Uh$useMemo)(()=>restrictValues($28f99e3e86e6ec45$var$convertValue(props.value)), [
-        props.value,
-        restrictValues
-    ]);
-    let defaultValue = (0, $BT4Uh$useMemo)(()=>{
-        var _convertValue;
-        return restrictValues((_convertValue = $28f99e3e86e6ec45$var$convertValue(props.defaultValue)) !== null && _convertValue !== void 0 ? _convertValue : [
-            minValue
-        ]);
-    }, [
-        props.defaultValue,
-        minValue,
-        restrictValues
-    ]);
-    let onChange = $28f99e3e86e6ec45$var$createOnChange(props.value, props.defaultValue, props.onChange);
-    let onChangeEnd = $28f99e3e86e6ec45$var$createOnChange(props.value, props.defaultValue, props.onChangeEnd);
-    const [values, setValuesState] = (0, $BT4Uh$useControlledState)(value, defaultValue, onChange);
-    let [initialValues] = (0, $BT4Uh$useState)(values);
-    const [isDraggings, setDraggingsState] = (0, $BT4Uh$useState)(new Array(values.length).fill(false));
-    const isEditablesRef = (0, $BT4Uh$useRef)(new Array(values.length).fill(true));
-    const [focusedIndex, setFocusedIndex] = (0, $BT4Uh$useState)(undefined);
-    const valuesRef = (0, $BT4Uh$useRef)(values);
-    const isDraggingsRef = (0, $BT4Uh$useRef)(isDraggings);
-    let setValues = (values)=>{
-        valuesRef.current = values;
-        setValuesState(values);
-    };
-    let setDraggings = (draggings)=>{
-        isDraggingsRef.current = draggings;
-        setDraggingsState(draggings);
-    };
-    function getValuePercent(value) {
-        return (value - minValue) / (maxValue - minValue);
-    }
-    function getThumbMinValue(index) {
-        return index === 0 ? minValue : values[index - 1];
-    }
-    function getThumbMaxValue(index) {
-        return index === values.length - 1 ? maxValue : values[index + 1];
-    }
-    function isThumbEditable(index) {
-        return isEditablesRef.current[index];
-    }
-    function setThumbEditable(index, editable) {
-        isEditablesRef.current[index] = editable;
-    }
-    function updateValue(index, value) {
-        if (isDisabled || !isThumbEditable(index)) return;
-        const thisMin = getThumbMinValue(index);
-        const thisMax = getThumbMaxValue(index);
-        // Round value to multiple of step, clamp value between min and max
-        value = (0, $BT4Uh$snapValueToStep)(value, thisMin, thisMax, step);
-        let newValues = $28f99e3e86e6ec45$var$replaceIndex(valuesRef.current, index, value);
-        setValues(newValues);
-    }
-    function updateDragging(index, dragging) {
-        if (isDisabled || !isThumbEditable(index)) return;
-        if (dragging) valuesRef.current = values;
-        const wasDragging = isDraggingsRef.current[index];
-        isDraggingsRef.current = $28f99e3e86e6ec45$var$replaceIndex(isDraggingsRef.current, index, dragging);
-        setDraggings(isDraggingsRef.current);
-        // Call onChangeEnd if no handles are dragging.
-        if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) onChangeEnd(valuesRef.current);
-    }
-    function getFormattedValue(value) {
-        return formatter.format(value);
-    }
-    function setThumbPercent(index, percent) {
-        updateValue(index, getPercentValue(percent));
-    }
-    function getRoundedValue(value) {
-        return Math.round((value - minValue) / step) * step + minValue;
-    }
-    function getPercentValue(percent) {
-        const val = percent * (maxValue - minValue) + minValue;
-        return (0, $BT4Uh$clamp)(getRoundedValue(val), minValue, maxValue);
-    }
-    function incrementThumb(index, stepSize = 1) {
-        let s = Math.max(stepSize, step);
-        updateValue(index, (0, $BT4Uh$snapValueToStep)(values[index] + s, minValue, maxValue, step));
-    }
-    function decrementThumb(index, stepSize = 1) {
-        let s = Math.max(stepSize, step);
-        updateValue(index, (0, $BT4Uh$snapValueToStep)(values[index] - s, minValue, maxValue, step));
-    }
-    return {
-        values: values,
-        defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,
-        getThumbValue: (index)=>values[index],
-        setThumbValue: updateValue,
-        setThumbPercent: setThumbPercent,
-        isThumbDragging: (index)=>isDraggings[index],
-        setThumbDragging: updateDragging,
-        focusedThumb: focusedIndex,
-        setFocusedThumb: setFocusedIndex,
-        getThumbPercent: (index)=>getValuePercent(values[index]),
-        getValuePercent: getValuePercent,
-        getThumbValueLabel: (index)=>getFormattedValue(values[index]),
-        getFormattedValue: getFormattedValue,
-        getThumbMinValue: getThumbMinValue,
-        getThumbMaxValue: getThumbMaxValue,
-        getPercentValue: getPercentValue,
-        isThumbEditable: isThumbEditable,
-        setThumbEditable: setThumbEditable,
-        incrementThumb: incrementThumb,
-        decrementThumb: decrementThumb,
-        step: step,
-        pageSize: pageSize,
-        orientation: orientation,
-        isDisabled: isDisabled
-    };
-}
-function $28f99e3e86e6ec45$var$replaceIndex(array, index, value) {
-    if (array[index] === value) return array;
-    return [
-        ...array.slice(0, index),
-        value,
-        ...array.slice(index + 1)
-    ];
-}
-function $28f99e3e86e6ec45$var$convertValue(value) {
-    if (value == null) return undefined;
-    return Array.isArray(value) ? value : [
-        value
-    ];
-}
-function $28f99e3e86e6ec45$var$createOnChange(value, defaultValue, onChange) {
-    return (newValue)=>{
-        if (typeof value === 'number' || typeof defaultValue === 'number') onChange === null || onChange === void 0 ? void 0 : onChange(newValue[0]);
-        else onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-    };
-}
-
-
-export {$28f99e3e86e6ec45$export$e5fda3247f5d67f9 as useSliderState};
-//# sourceMappingURL=useSliderState.module.js.map

package/dist/useSliderState.module.js

@@ -1,175 +0,0 @@
-import {snapValueToStep as $BT4Uh$snapValueToStep, useControlledState as $BT4Uh$useControlledState, clamp as $BT4Uh$clamp} from "@react-stately/utils";
-import {useMemo as $BT4Uh$useMemo, useCallback as $BT4Uh$useCallback, useState as $BT4Uh$useState, useRef as $BT4Uh$useRef} from "react";
-
-/*
- * 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.
- */ 
-
-const $28f99e3e86e6ec45$var$DEFAULT_MIN_VALUE = 0;
-const $28f99e3e86e6ec45$var$DEFAULT_MAX_VALUE = 100;
-const $28f99e3e86e6ec45$var$DEFAULT_STEP_VALUE = 1;
-function $28f99e3e86e6ec45$export$e5fda3247f5d67f9(props) {
-    const { isDisabled: isDisabled = false, minValue: minValue = $28f99e3e86e6ec45$var$DEFAULT_MIN_VALUE, maxValue: maxValue = $28f99e3e86e6ec45$var$DEFAULT_MAX_VALUE, numberFormatter: formatter, step: step = $28f99e3e86e6ec45$var$DEFAULT_STEP_VALUE, orientation: orientation = 'horizontal' } = props;
-    // Page step should be at least equal to step and always a multiple of the step.
-    let pageSize = (0, $BT4Uh$useMemo)(()=>{
-        let calcPageSize = (maxValue - minValue) / 10;
-        calcPageSize = (0, $BT4Uh$snapValueToStep)(calcPageSize, 0, calcPageSize + step, step);
-        return Math.max(calcPageSize, step);
-    }, [
-        step,
-        maxValue,
-        minValue
-    ]);
-    let restrictValues = (0, $BT4Uh$useCallback)((values)=>values === null || values === void 0 ? void 0 : values.map((val, idx)=>{
-            let min = idx === 0 ? minValue : values[idx - 1];
-            let max = idx === values.length - 1 ? maxValue : values[idx + 1];
-            return (0, $BT4Uh$snapValueToStep)(val, min, max, step);
-        }), [
-        minValue,
-        maxValue,
-        step
-    ]);
-    let value = (0, $BT4Uh$useMemo)(()=>restrictValues($28f99e3e86e6ec45$var$convertValue(props.value)), [
-        props.value,
-        restrictValues
-    ]);
-    let defaultValue = (0, $BT4Uh$useMemo)(()=>{
-        var _convertValue;
-        return restrictValues((_convertValue = $28f99e3e86e6ec45$var$convertValue(props.defaultValue)) !== null && _convertValue !== void 0 ? _convertValue : [
-            minValue
-        ]);
-    }, [
-        props.defaultValue,
-        minValue,
-        restrictValues
-    ]);
-    let onChange = $28f99e3e86e6ec45$var$createOnChange(props.value, props.defaultValue, props.onChange);
-    let onChangeEnd = $28f99e3e86e6ec45$var$createOnChange(props.value, props.defaultValue, props.onChangeEnd);
-    const [values, setValuesState] = (0, $BT4Uh$useControlledState)(value, defaultValue, onChange);
-    let [initialValues] = (0, $BT4Uh$useState)(values);
-    const [isDraggings, setDraggingsState] = (0, $BT4Uh$useState)(new Array(values.length).fill(false));
-    const isEditablesRef = (0, $BT4Uh$useRef)(new Array(values.length).fill(true));
-    const [focusedIndex, setFocusedIndex] = (0, $BT4Uh$useState)(undefined);
-    const valuesRef = (0, $BT4Uh$useRef)(values);
-    const isDraggingsRef = (0, $BT4Uh$useRef)(isDraggings);
-    let setValues = (values)=>{
-        valuesRef.current = values;
-        setValuesState(values);
-    };
-    let setDraggings = (draggings)=>{
-        isDraggingsRef.current = draggings;
-        setDraggingsState(draggings);
-    };
-    function getValuePercent(value) {
-        return (value - minValue) / (maxValue - minValue);
-    }
-    function getThumbMinValue(index) {
-        return index === 0 ? minValue : values[index - 1];
-    }
-    function getThumbMaxValue(index) {
-        return index === values.length - 1 ? maxValue : values[index + 1];
-    }
-    function isThumbEditable(index) {
-        return isEditablesRef.current[index];
-    }
-    function setThumbEditable(index, editable) {
-        isEditablesRef.current[index] = editable;
-    }
-    function updateValue(index, value) {
-        if (isDisabled || !isThumbEditable(index)) return;
-        const thisMin = getThumbMinValue(index);
-        const thisMax = getThumbMaxValue(index);
-        // Round value to multiple of step, clamp value between min and max
-        value = (0, $BT4Uh$snapValueToStep)(value, thisMin, thisMax, step);
-        let newValues = $28f99e3e86e6ec45$var$replaceIndex(valuesRef.current, index, value);
-        setValues(newValues);
-    }
-    function updateDragging(index, dragging) {
-        if (isDisabled || !isThumbEditable(index)) return;
-        if (dragging) valuesRef.current = values;
-        const wasDragging = isDraggingsRef.current[index];
-        isDraggingsRef.current = $28f99e3e86e6ec45$var$replaceIndex(isDraggingsRef.current, index, dragging);
-        setDraggings(isDraggingsRef.current);
-        // Call onChangeEnd if no handles are dragging.
-        if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) onChangeEnd(valuesRef.current);
-    }
-    function getFormattedValue(value) {
-        return formatter.format(value);
-    }
-    function setThumbPercent(index, percent) {
-        updateValue(index, getPercentValue(percent));
-    }
-    function getRoundedValue(value) {
-        return Math.round((value - minValue) / step) * step + minValue;
-    }
-    function getPercentValue(percent) {
-        const val = percent * (maxValue - minValue) + minValue;
-        return (0, $BT4Uh$clamp)(getRoundedValue(val), minValue, maxValue);
-    }
-    function incrementThumb(index, stepSize = 1) {
-        let s = Math.max(stepSize, step);
-        updateValue(index, (0, $BT4Uh$snapValueToStep)(values[index] + s, minValue, maxValue, step));
-    }
-    function decrementThumb(index, stepSize = 1) {
-        let s = Math.max(stepSize, step);
-        updateValue(index, (0, $BT4Uh$snapValueToStep)(values[index] - s, minValue, maxValue, step));
-    }
-    return {
-        values: values,
-        defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,
-        getThumbValue: (index)=>values[index],
-        setThumbValue: updateValue,
-        setThumbPercent: setThumbPercent,
-        isThumbDragging: (index)=>isDraggings[index],
-        setThumbDragging: updateDragging,
-        focusedThumb: focusedIndex,
-        setFocusedThumb: setFocusedIndex,
-        getThumbPercent: (index)=>getValuePercent(values[index]),
-        getValuePercent: getValuePercent,
-        getThumbValueLabel: (index)=>getFormattedValue(values[index]),
-        getFormattedValue: getFormattedValue,
-        getThumbMinValue: getThumbMinValue,
-        getThumbMaxValue: getThumbMaxValue,
-        getPercentValue: getPercentValue,
-        isThumbEditable: isThumbEditable,
-        setThumbEditable: setThumbEditable,
-        incrementThumb: incrementThumb,
-        decrementThumb: decrementThumb,
-        step: step,
-        pageSize: pageSize,
-        orientation: orientation,
-        isDisabled: isDisabled
-    };
-}
-function $28f99e3e86e6ec45$var$replaceIndex(array, index, value) {
-    if (array[index] === value) return array;
-    return [
-        ...array.slice(0, index),
-        value,
-        ...array.slice(index + 1)
-    ];
-}
-function $28f99e3e86e6ec45$var$convertValue(value) {
-    if (value == null) return undefined;
-    return Array.isArray(value) ? value : [
-        value
-    ];
-}
-function $28f99e3e86e6ec45$var$createOnChange(value, defaultValue, onChange) {
-    return (newValue)=>{
-        if (typeof value === 'number' || typeof defaultValue === 'number') onChange === null || onChange === void 0 ? void 0 : onChange(newValue[0]);
-        else onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-    };
-}
-
-
-export {$28f99e3e86e6ec45$export$e5fda3247f5d67f9 as useSliderState};
-//# sourceMappingURL=useSliderState.module.js.map

package/dist/useSliderState.module.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-stately/slider/src/useSliderState.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 {clamp, snapValueToStep, useControlledState} from '@react-stately/utils';\nimport {Orientation} from '@react-types/shared';\nimport {SliderProps} from '@react-types/slider';\nimport {useCallback, useMemo, useRef, useState} from 'react';\n\nexport interface SliderState {\n  /**\n   * Values managed by the slider by thumb index.\n   */\n  readonly values: number[],\n  /**\n   * The default values for each thumb.\n   */\n  readonly defaultValues: number[],\n  /**\n   * Get the value for the specified thumb.\n   * @param index\n   */\n  getThumbValue(index: number): number,\n\n  /**\n   * Sets the value for the specified thumb.\n   * The actual value set will be clamped and rounded according to min/max/step.\n   * @param index\n   * @param value\n   */\n  setThumbValue(index: number, value: number): void,\n\n  /**\n   * Sets value for the specified thumb by percent offset (between 0 and 1).\n   * @param index\n   * @param percent\n   */\n  setThumbPercent(index: number, percent: number): void,\n\n  /**\n   * Whether the specific thumb is being dragged.\n   * @param index\n   */\n  isThumbDragging(index: number): boolean,\n  /**\n   * Set is dragging on the specified thumb.\n   * @param index\n   * @param dragging\n   */\n  setThumbDragging(index: number, dragging: boolean): void,\n\n  /**\n   * Currently-focused thumb index.\n   */\n  readonly focusedThumb: number | undefined,\n  /**\n   * Set focused true on specified thumb. This will remove focus from\n   * any thumb that had it before.\n   * @param index\n   */\n  setFocusedThumb(index: number | undefined): void,\n\n  /**\n   * Returns the specified thumb's value as a percentage from 0 to 1.\n   * @param index\n   */\n  getThumbPercent(index: number): number,\n\n  /**\n   * Returns the value as a percent between the min and max of the slider.\n   * @param index\n   */\n  getValuePercent(value: number): number,\n\n  /**\n   * Returns the string label for the specified thumb's value, per props.formatOptions.\n   * @param index\n   */\n  getThumbValueLabel(index: number): string,\n\n  /**\n   * Returns the string label for the value, per props.formatOptions.\n   * @param index\n   */\n  getFormattedValue(value: number): string,\n\n  /**\n   * Returns the min allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMinValue(index: number): number,\n\n  /**\n   * Returns the max allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMaxValue(index: number): number,\n\n  /**\n   * Converts a percent along track (between 0 and 1) to the corresponding value.\n   * @param percent\n   */\n  getPercentValue(percent: number): number,\n\n  /**\n   * Returns if the specified thumb is editable.\n   * @param index\n   */\n  isThumbEditable(index: number): boolean,\n\n  /**\n   * Set the specified thumb's editable state.\n   * @param index\n   * @param editable\n   */\n  setThumbEditable(index: number, editable: boolean): void,\n\n  /**\n   * Increments the value of the thumb by the step or page amount.\n   */\n  incrementThumb(index: number, stepSize?: number): void,\n  /**\n   * Decrements the value of the thumb by the step or page amount.\n   */\n  decrementThumb(index: number, stepSize?: number): void,\n\n  /**\n   * The step amount for the slider.\n   */\n  readonly step: number,\n\n  /**\n   * The page size for the slider, used to do a bigger step.\n   */\n  readonly pageSize: number,\n\n  /** The orientation of the slider. */\n  readonly orientation: Orientation,\n\n  /** Whether the slider is disabled. */\n  readonly isDisabled: boolean\n}\n\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\nconst DEFAULT_STEP_VALUE = 1;\n\nexport interface SliderStateOptions<T> extends SliderProps<T> {\n  numberFormatter: Intl.NumberFormat\n}\n\n/**\n * Provides state management for a slider component. Stores values for all thumbs,\n * formats values for localization, and provides methods to update the position\n * of any thumbs.\n * @param props\n */\nexport function useSliderState<T extends number | number[]>(props: SliderStateOptions<T>): SliderState {\n  const {\n    isDisabled = false,\n    minValue = DEFAULT_MIN_VALUE,\n    maxValue = DEFAULT_MAX_VALUE,\n    numberFormatter: formatter,\n    step = DEFAULT_STEP_VALUE,\n    orientation = 'horizontal'\n  } = props;\n\n  // Page step should be at least equal to step and always a multiple of the step.\n  let pageSize = useMemo(() => {\n    let calcPageSize = (maxValue - minValue) / 10;\n    calcPageSize = snapValueToStep(calcPageSize, 0, calcPageSize + step, step);\n    return Math.max(calcPageSize, step);\n  }, [step, maxValue, minValue]);\n\n  let restrictValues = useCallback((values: number[] | undefined) => values?.map((val, idx) => {\n    let min = idx === 0 ? minValue : values[idx - 1];\n    let max = idx === values.length - 1 ? maxValue : values[idx + 1];\n    return snapValueToStep(val, min, max, step);\n  }), [minValue, maxValue, step]);\n\n  let value = useMemo(() => restrictValues(convertValue(props.value)), [props.value, restrictValues]);\n  let defaultValue = useMemo(() => restrictValues(convertValue(props.defaultValue) ?? [minValue])!, [props.defaultValue, minValue, restrictValues]);\n  let onChange = createOnChange(props.value, props.defaultValue, props.onChange);\n  let onChangeEnd = createOnChange(props.value, props.defaultValue, props.onChangeEnd);\n\n  const [values, setValuesState] = useControlledState<number[]>(\n    value,\n    defaultValue,\n    onChange\n  );\n  let [initialValues] = useState(values);\n  const [isDraggings, setDraggingsState] = useState<boolean[]>(new Array(values.length).fill(false));\n  const isEditablesRef = useRef<boolean[]>(new Array(values.length).fill(true));\n  const [focusedIndex, setFocusedIndex] = useState<number | undefined>(undefined);\n\n  const valuesRef = useRef<number[]>(values);\n  const isDraggingsRef = useRef<boolean[]>(isDraggings);\n\n  let setValues = (values: number[]) => {\n    valuesRef.current = values;\n    setValuesState(values);\n  };\n\n  let setDraggings = (draggings: boolean[]) => {\n    isDraggingsRef.current = draggings;\n    setDraggingsState(draggings);\n  };\n\n  function getValuePercent(value: number) {\n    return (value - minValue) / (maxValue - minValue);\n  }\n\n  function getThumbMinValue(index: number) {\n    return index === 0 ? minValue : values[index - 1];\n  }\n  function getThumbMaxValue(index: number) {\n    return index === values.length - 1 ? maxValue : values[index + 1];\n  }\n\n  function isThumbEditable(index: number) {\n    return isEditablesRef.current[index];\n  }\n\n  function setThumbEditable(index: number, editable: boolean) {\n    isEditablesRef.current[index] = editable;\n  }\n\n  function updateValue(index: number, value: number) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    const thisMin = getThumbMinValue(index);\n    const thisMax = getThumbMaxValue(index);\n\n    // Round value to multiple of step, clamp value between min and max\n    value = snapValueToStep(value, thisMin, thisMax, step);\n    let newValues = replaceIndex(valuesRef.current, index, value);\n    setValues(newValues);\n  }\n\n  function updateDragging(index: number, dragging: boolean) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    if (dragging) {\n      valuesRef.current = values;\n    }\n\n    const wasDragging = isDraggingsRef.current[index];\n    isDraggingsRef.current = replaceIndex(isDraggingsRef.current, index, dragging);\n    setDraggings(isDraggingsRef.current);\n\n    // Call onChangeEnd if no handles are dragging.\n    if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {\n      onChangeEnd(valuesRef.current);\n    }\n  }\n\n  function getFormattedValue(value: number) {\n    return formatter.format(value);\n  }\n\n  function setThumbPercent(index: number, percent: number) {\n    updateValue(index, getPercentValue(percent));\n  }\n\n  function getRoundedValue(value: number) {\n    return Math.round((value - minValue) / step) * step + minValue;\n  }\n\n  function getPercentValue(percent: number) {\n    const val = percent * (maxValue - minValue) + minValue;\n    return clamp(getRoundedValue(val), minValue, maxValue);\n  }\n\n  function incrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] + s, minValue, maxValue, step));\n  }\n\n  function decrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] - s, minValue, maxValue, step));\n  }\n\n  return {\n    values: values,\n    defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,\n    getThumbValue: (index: number) => values[index],\n    setThumbValue: updateValue,\n    setThumbPercent,\n    isThumbDragging: (index: number) => isDraggings[index],\n    setThumbDragging: updateDragging,\n    focusedThumb: focusedIndex,\n    setFocusedThumb: setFocusedIndex,\n    getThumbPercent: (index: number) => getValuePercent(values[index]),\n    getValuePercent,\n    getThumbValueLabel: (index: number) => getFormattedValue(values[index]),\n    getFormattedValue,\n    getThumbMinValue,\n    getThumbMaxValue,\n    getPercentValue,\n    isThumbEditable,\n    setThumbEditable,\n    incrementThumb,\n    decrementThumb,\n    step,\n    pageSize,\n    orientation,\n    isDisabled\n  };\n}\n\nfunction replaceIndex<T>(array: T[], index: number, value: T) {\n  if (array[index] === value) {\n    return array;\n  }\n\n  return [...array.slice(0, index), value, ...array.slice(index + 1)];\n}\n\nfunction convertValue(value?: number | number[]) {\n  if (value == null) {\n    return undefined;\n  }\n\n  return Array.isArray(value) ? value : [value];\n}\n\nfunction createOnChange(value, defaultValue, onChange) {\n  return (newValue: number[]) => {\n    if (typeof value === 'number' || typeof defaultValue === 'number') {\n      onChange?.(newValue[0]);\n    } else {\n      onChange?.(newValue);\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSliderState.module.js.map"}

package/src/useSliderState.ts

@@ -1,346 +0,0 @@
-/*
- * 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.
- */
-
-import {clamp, snapValueToStep, useControlledState} from '@react-stately/utils';
-import {Orientation} from '@react-types/shared';
-import {SliderProps} from '@react-types/slider';
-import {useCallback, useMemo, useRef, useState} from 'react';
-
-export interface SliderState {
-  /**
-   * Values managed by the slider by thumb index.
-   */
-  readonly values: number[],
-  /**
-   * The default values for each thumb.
-   */
-  readonly defaultValues: number[],
-  /**
-   * Get the value for the specified thumb.
-   * @param index
-   */
-  getThumbValue(index: number): number,
-
-  /**
-   * Sets the value for the specified thumb.
-   * The actual value set will be clamped and rounded according to min/max/step.
-   * @param index
-   * @param value
-   */
-  setThumbValue(index: number, value: number): void,
-
-  /**
-   * Sets value for the specified thumb by percent offset (between 0 and 1).
-   * @param index
-   * @param percent
-   */
-  setThumbPercent(index: number, percent: number): void,
-
-  /**
-   * Whether the specific thumb is being dragged.
-   * @param index
-   */
-  isThumbDragging(index: number): boolean,
-  /**
-   * Set is dragging on the specified thumb.
-   * @param index
-   * @param dragging
-   */
-  setThumbDragging(index: number, dragging: boolean): void,
-
-  /**
-   * Currently-focused thumb index.
-   */
-  readonly focusedThumb: number | undefined,
-  /**
-   * Set focused true on specified thumb. This will remove focus from
-   * any thumb that had it before.
-   * @param index
-   */
-  setFocusedThumb(index: number | undefined): void,
-
-  /**
-   * Returns the specified thumb's value as a percentage from 0 to 1.
-   * @param index
-   */
-  getThumbPercent(index: number): number,
-
-  /**
-   * Returns the value as a percent between the min and max of the slider.
-   * @param index
-   */
-  getValuePercent(value: number): number,
-
-  /**
-   * Returns the string label for the specified thumb's value, per props.formatOptions.
-   * @param index
-   */
-  getThumbValueLabel(index: number): string,
-
-  /**
-   * Returns the string label for the value, per props.formatOptions.
-   * @param index
-   */
-  getFormattedValue(value: number): string,
-
-  /**
-   * Returns the min allowed value for the specified thumb.
-   * @param index
-   */
-  getThumbMinValue(index: number): number,
-
-  /**
-   * Returns the max allowed value for the specified thumb.
-   * @param index
-   */
-  getThumbMaxValue(index: number): number,
-
-  /**
-   * Converts a percent along track (between 0 and 1) to the corresponding value.
-   * @param percent
-   */
-  getPercentValue(percent: number): number,
-
-  /**
-   * Returns if the specified thumb is editable.
-   * @param index
-   */
-  isThumbEditable(index: number): boolean,
-
-  /**
-   * Set the specified thumb's editable state.
-   * @param index
-   * @param editable
-   */
-  setThumbEditable(index: number, editable: boolean): void,
-
-  /**
-   * Increments the value of the thumb by the step or page amount.
-   */
-  incrementThumb(index: number, stepSize?: number): void,
-  /**
-   * Decrements the value of the thumb by the step or page amount.
-   */
-  decrementThumb(index: number, stepSize?: number): void,
-
-  /**
-   * The step amount for the slider.
-   */
-  readonly step: number,
-
-  /**
-   * The page size for the slider, used to do a bigger step.
-   */
-  readonly pageSize: number,
-
-  /** The orientation of the slider. */
-  readonly orientation: Orientation,
-
-  /** Whether the slider is disabled. */
-  readonly isDisabled: boolean
-}
-
-const DEFAULT_MIN_VALUE = 0;
-const DEFAULT_MAX_VALUE = 100;
-const DEFAULT_STEP_VALUE = 1;
-
-export interface SliderStateOptions<T> extends SliderProps<T> {
-  numberFormatter: Intl.NumberFormat
-}
-
-/**
- * Provides state management for a slider component. Stores values for all thumbs,
- * formats values for localization, and provides methods to update the position
- * of any thumbs.
- * @param props
- */
-export function useSliderState<T extends number | number[]>(props: SliderStateOptions<T>): SliderState {
-  const {
-    isDisabled = false,
-    minValue = DEFAULT_MIN_VALUE,
-    maxValue = DEFAULT_MAX_VALUE,
-    numberFormatter: formatter,
-    step = DEFAULT_STEP_VALUE,
-    orientation = 'horizontal'
-  } = props;
-
-  // Page step should be at least equal to step and always a multiple of the step.
-  let pageSize = useMemo(() => {
-    let calcPageSize = (maxValue - minValue) / 10;
-    calcPageSize = snapValueToStep(calcPageSize, 0, calcPageSize + step, step);
-    return Math.max(calcPageSize, step);
-  }, [step, maxValue, minValue]);
-
-  let restrictValues = useCallback((values: number[] | undefined) => values?.map((val, idx) => {
-    let min = idx === 0 ? minValue : values[idx - 1];
-    let max = idx === values.length - 1 ? maxValue : values[idx + 1];
-    return snapValueToStep(val, min, max, step);
-  }), [minValue, maxValue, step]);
-
-  let value = useMemo(() => restrictValues(convertValue(props.value)), [props.value, restrictValues]);
-  let defaultValue = useMemo(() => restrictValues(convertValue(props.defaultValue) ?? [minValue])!, [props.defaultValue, minValue, restrictValues]);
-  let onChange = createOnChange(props.value, props.defaultValue, props.onChange);
-  let onChangeEnd = createOnChange(props.value, props.defaultValue, props.onChangeEnd);
-
-  const [values, setValuesState] = useControlledState<number[]>(
-    value,
-    defaultValue,
-    onChange
-  );
-  let [initialValues] = useState(values);
-  const [isDraggings, setDraggingsState] = useState<boolean[]>(new Array(values.length).fill(false));
-  const isEditablesRef = useRef<boolean[]>(new Array(values.length).fill(true));
-  const [focusedIndex, setFocusedIndex] = useState<number | undefined>(undefined);
-
-  const valuesRef = useRef<number[]>(values);
-  const isDraggingsRef = useRef<boolean[]>(isDraggings);
-
-  let setValues = (values: number[]) => {
-    valuesRef.current = values;
-    setValuesState(values);
-  };
-
-  let setDraggings = (draggings: boolean[]) => {
-    isDraggingsRef.current = draggings;
-    setDraggingsState(draggings);
-  };
-
-  function getValuePercent(value: number) {
-    return (value - minValue) / (maxValue - minValue);
-  }
-
-  function getThumbMinValue(index: number) {
-    return index === 0 ? minValue : values[index - 1];
-  }
-  function getThumbMaxValue(index: number) {
-    return index === values.length - 1 ? maxValue : values[index + 1];
-  }
-
-  function isThumbEditable(index: number) {
-    return isEditablesRef.current[index];
-  }
-
-  function setThumbEditable(index: number, editable: boolean) {
-    isEditablesRef.current[index] = editable;
-  }
-
-  function updateValue(index: number, value: number) {
-    if (isDisabled || !isThumbEditable(index)) {
-      return;
-    }
-    const thisMin = getThumbMinValue(index);
-    const thisMax = getThumbMaxValue(index);
-
-    // Round value to multiple of step, clamp value between min and max
-    value = snapValueToStep(value, thisMin, thisMax, step);
-    let newValues = replaceIndex(valuesRef.current, index, value);
-    setValues(newValues);
-  }
-
-  function updateDragging(index: number, dragging: boolean) {
-    if (isDisabled || !isThumbEditable(index)) {
-      return;
-    }
-    if (dragging) {
-      valuesRef.current = values;
-    }
-
-    const wasDragging = isDraggingsRef.current[index];
-    isDraggingsRef.current = replaceIndex(isDraggingsRef.current, index, dragging);
-    setDraggings(isDraggingsRef.current);
-
-    // Call onChangeEnd if no handles are dragging.
-    if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {
-      onChangeEnd(valuesRef.current);
-    }
-  }
-
-  function getFormattedValue(value: number) {
-    return formatter.format(value);
-  }
-
-  function setThumbPercent(index: number, percent: number) {
-    updateValue(index, getPercentValue(percent));
-  }
-
-  function getRoundedValue(value: number) {
-    return Math.round((value - minValue) / step) * step + minValue;
-  }
-
-  function getPercentValue(percent: number) {
-    const val = percent * (maxValue - minValue) + minValue;
-    return clamp(getRoundedValue(val), minValue, maxValue);
-  }
-
-  function incrementThumb(index: number, stepSize: number = 1) {
-    let s = Math.max(stepSize, step);
-    updateValue(index, snapValueToStep(values[index] + s, minValue, maxValue, step));
-  }
-
-  function decrementThumb(index: number, stepSize: number = 1) {
-    let s = Math.max(stepSize, step);
-    updateValue(index, snapValueToStep(values[index] - s, minValue, maxValue, step));
-  }
-
-  return {
-    values: values,
-    defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,
-    getThumbValue: (index: number) => values[index],
-    setThumbValue: updateValue,
-    setThumbPercent,
-    isThumbDragging: (index: number) => isDraggings[index],
-    setThumbDragging: updateDragging,
-    focusedThumb: focusedIndex,
-    setFocusedThumb: setFocusedIndex,
-    getThumbPercent: (index: number) => getValuePercent(values[index]),
-    getValuePercent,
-    getThumbValueLabel: (index: number) => getFormattedValue(values[index]),
-    getFormattedValue,
-    getThumbMinValue,
-    getThumbMaxValue,
-    getPercentValue,
-    isThumbEditable,
-    setThumbEditable,
-    incrementThumb,
-    decrementThumb,
-    step,
-    pageSize,
-    orientation,
-    isDisabled
-  };
-}
-
-function replaceIndex<T>(array: T[], index: number, value: T) {
-  if (array[index] === value) {
-    return array;
-  }
-
-  return [...array.slice(0, index), value, ...array.slice(index + 1)];
-}
-
-function convertValue(value?: number | number[]) {
-  if (value == null) {
-    return undefined;
-  }
-
-  return Array.isArray(value) ? value : [value];
-}
-
-function createOnChange(value, defaultValue, onChange) {
-  return (newValue: number[]) => {
-    if (typeof value === 'number' || typeof defaultValue === 'number') {
-      onChange?.(newValue[0]);
-    } else {
-      onChange?.(newValue);
-    }
-  };
-}