@react-spectrum/s2 1.3.1 → 1.5.0

package/dist/private/Slider.mjs

@@ -6,11 +6,9 @@ import {pressScale as $10ea7662e51a285b$export$56e8cba416805d8d} from "./pressSc
 import {useFocusableRef as $80ecb974df713a30$export$96a734597687c040} from "./useDOMRef.mjs";
 import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "../../icons/useSpectrumContextProps.mjs";
 import {jsx as $c5w2x$jsx, jsxs as $c5w2x$jsxs, Fragment as $c5w2x$Fragment} from "react/jsx-runtime";
-import {Slider as $c5w2x$Slider, SliderOutput as $c5w2x$SliderOutput, SliderTrack as $c5w2x$SliderTrack, SliderThumb as $c5w2x$SliderThumb} from "react-aria-components/Slider";
-import {clamp as $c5w2x$clamp} from "react-stately/private/utils/number";
+import {Slider as $c5w2x$Slider, SliderOutput as $c5w2x$SliderOutput, SliderTrack as $c5w2x$SliderTrack, SliderFill as $c5w2x$SliderFill, SliderThumb as $c5w2x$SliderThumb} from "react-aria-components/Slider";
 import {createContext as $c5w2x$createContext, useContext as $c5w2x$useContext, forwardRef as $c5w2x$forwardRef, useRef as $c5w2x$useRef} from "react";
 import {useLocale as $c5w2x$useLocale} from "react-aria/I18nProvider";
-import {useNumberFormatter as $c5w2x$useNumberFormatter} from "react-aria/useNumberFormatter";
 
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -32,261 +30,259 @@ import {useNumberFormatter as $c5w2x$useNumberFormatter} from "react-aria/useNum
 
 
 
-
-
 const $8128d8480e67c400$export$e99164f0030f3bff = /*#__PURE__*/ (0, $c5w2x$createContext)(null);
 const $8128d8480e67c400$var$slider = function anonymous(props, overrides) {
     let rules = " ";
     rules += (String(overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g) || []).join('');
     if (props.size === "XL") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else if (props.size === "L") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else if (props.size === "S") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else if (props.size === "XS") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-e15';
+        rules += ' vx15';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-d15';
+        rules += ' vx15';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-b15';
+        rules += ' vx15';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-a15';
+        rules += ' vx15';
     } else {
-        rules += ' -_6BNtrc-c13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-c15';
+        rules += ' vx15';
     }
     if (props.size === "XL") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else if (props.size === "L") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else if (props.size === "S") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else if (props.size === "XS") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     }
     if (props.size === "XL") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else if (props.size === "L") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else if (props.size === "S") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else if (props.size === "XS") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     }
-    if (props.isDisabled) rules += ' pp13';
+    if (props.isDisabled) rules += ' pp15';
     else {
-        rules += ' pv13';
-        rules += ' plb13';
+        rules += ' pv15';
+        rules += ' plb15';
     }
-    if (props.labelPosition === "side") rules += ' eb13';
-    if (props.isInForm) rules += ' qg13';
-    else if (props.size === "XL") rules += ' qj13';
-    else if (props.size === "L") rules += ' qi13';
-    else if (props.size === "M") rules += ' ql13';
-    else if (props.size === "S") rules += ' ql13';
+    if (props.labelPosition === "side") rules += ' eb15';
+    if (props.isInForm) rules += ' qg15';
+    else if (props.size === "XL") rules += ' qj15';
+    else if (props.size === "L") rules += ' qi15';
+    else if (props.size === "M") rules += ' ql15';
+    else if (props.size === "S") rules += ' ql15';
     return rules;
 };
 const $8128d8480e67c400$var$labelContainer = function anonymous(props) {
     let rules = " ";
-    if (props.labelPosition === "top") rules += ' se13';
-    rules += ' zv6x9r13';
-    rules += ' yv6x9r13';
-    rules += ' Bv6x9r13';
-    rules += ' Av6x9r13';
-    rules += ' Za13';
-    if (props.labelPosition === "top") rules += ' C09aAFd13';
-    if (props.labelPosition === "top") rules += ' Dxumf9b13';
+    if (props.labelPosition === "top") rules += ' se15';
+    rules += ' zv6x9r15';
+    rules += ' yv6x9r15';
+    rules += ' Bv6x9r15';
+    rules += ' Av6x9r15';
+    rules += ' Za15';
+    if (props.labelPosition === "top") rules += ' C09aAFd15';
+    if (props.labelPosition === "top") rules += ' Dxumf9b15';
     if (props.labelPosition === "side") {
-        if (props.labelAlign === "end") rules += ' _Wb13';
-        else if (props.labelAlign === "start") rules += ' _Wd13';
+        if (props.labelAlign === "end") rules += ' _Wb15';
+        else if (props.labelAlign === "start") rules += ' _Wd15';
     }
-    rules += ' -AJjOLd-Qd13';
+    rules += ' -AJjOLd-Qd15';
     return rules;
 };
 const $8128d8480e67c400$var$output = function anonymous(props) {
     let rules = " ";
-    rules += ' zChk6v13';
-    rules += ' yChk6v13';
-    rules += ' BChk6v13';
-    rules += ' AChk6v13';
+    rules += ' zChk6v15';
+    rules += ' yChk6v15';
+    rules += ' BChk6v15';
+    rules += ' AChk6v15';
     if (props.labelPosition === "side") {
-        if (props.isInForm) rules += ' _Wb13';
-        else if (props.direction === "rtl") rules += ' _Wb13';
-        else if (props.direction === "ltr") rules += ' _Wd13';
+        if (props.isInForm) rules += ' _Wb15';
+        else if (props.direction === "rtl") rules += ' _Wb15';
+        else if (props.direction === "ltr") rules += ' _Wd15';
     } else if (props.labelPosition === "top") {
-        if (props.direction === "rtl") rules += ' _Wd13';
-        else if (props.direction === "ltr") rules += ' _Wb13';
+        if (props.direction === "rtl") rules += ' _Wd15';
+        else if (props.direction === "ltr") rules += ' _Wb15';
     }
     return rules;
 };
 let $8128d8480e67c400$export$6b2a7d5132615086 = function anonymous(props) {
     let rules = " ";
-    rules += ' zCPUPs13';
-    rules += ' yCPUPs13';
-    rules += ' BCPUPs13';
-    rules += ' ACPUPs13';
-    rules += ' _Pc13';
-    rules += ' Za13';
-    if (props.size === "XL") rules += ' Fz13';
-    else if (props.size === "L") rules += ' Fv13';
-    else if (props.size === "M") rules += ' Fx13';
-    else if (props.size === "S") rules += ' Fp13';
+    rules += ' zCPUPs15';
+    rules += ' yCPUPs15';
+    rules += ' BCPUPs15';
+    rules += ' ACPUPs15';
+    rules += ' _Pc15';
+    rules += ' Za15';
+    if (props.size === "XL") rules += ' Fz15';
+    else if (props.size === "L") rules += ' Fv15';
+    else if (props.size === "M") rules += ' Fx15';
+    else if (props.size === "S") rules += ' Fp15';
     return rules;
 };
 let $8128d8480e67c400$export$7814bee2738c4c3 = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' Zo13';
-    else if (props.size === "L") rules += ' Zn13';
-    else if (props.size === "M") rules += ' Zm13';
-    else if (props.size === "S") rules += ' Zl13';
-    if (props.size === "XL") rules += ' Fp13';
-    else if (props.size === "L") rules += ' Fo13';
-    else if (props.size === "M") rules += ' Fn13';
-    else if (props.size === "S") rules += ' Fm13';
-    rules += ' sg13';
-    rules += ' _Pa13';
-    rules += ' WF13';
+    if (props.size === "XL") rules += ' Zo15';
+    else if (props.size === "L") rules += ' Zn15';
+    else if (props.size === "M") rules += ' Zm15';
+    else if (props.size === "S") rules += ' Zl15';
+    if (props.size === "XL") rules += ' Fp15';
+    else if (props.size === "L") rules += ' Fo15';
+    else if (props.size === "M") rules += ' Fn15';
+    else if (props.size === "S") rules += ' Fm15';
+    rules += ' sg15';
+    rules += ' _Pa15';
+    rules += ' WF15';
     return rules;
 };
 let $8128d8480e67c400$export$f120a3c6038107a5 = function anonymous(props) {
     let rules = " ";
     if (props.thumbStyle === "precise") {
-        if (props.size === "XL") rules += ' Zp13';
-        else if (props.size === "L") rules += ' Zo13';
-        else if (props.size === "M") rules += ' Zn13';
-        else if (props.size === "S") rules += ' Zm13';
+        if (props.size === "XL") rules += ' Zp15';
+        else if (props.size === "L") rules += ' Zo15';
+        else if (props.size === "M") rules += ' Zn15';
+        else if (props.size === "S") rules += ' Zm15';
     } else if (props.thumbStyle === "default") {
-        if (props.size === "XL") rules += ' Zo13';
-        else if (props.size === "L") rules += ' Zn13';
-        else if (props.size === "M") rules += ' Zm13';
-        else if (props.size === "S") rules += ' Zl13';
+        if (props.size === "XL") rules += ' Zo15';
+        else if (props.size === "L") rules += ' Zn15';
+        else if (props.size === "M") rules += ' Zm15';
+        else if (props.size === "S") rules += ' Zl15';
     }
     if (props.thumbStyle === "precise") {
-        if (props.size === "XL") rules += ' Fq13';
-        else if (props.size === "L") rules += ' Fp13';
-        else if (props.size === "M") rules += ' Fo13';
-        else if (props.size === "S") rules += ' Fn13';
+        if (props.size === "XL") rules += ' Fq15';
+        else if (props.size === "L") rules += ' Fp15';
+        else if (props.size === "M") rules += ' Fo15';
+        else if (props.size === "S") rules += ' Fn15';
     } else if (props.thumbStyle === "default") {
-        if (props.size === "XL") rules += ' Fp13';
-        else if (props.size === "L") rules += ' Fo13';
-        else if (props.size === "M") rules += ' Fn13';
-        else if (props.size === "S") rules += ' Fm13';
+        if (props.size === "XL") rules += ' Fp15';
+        else if (props.size === "L") rules += ' Fo15';
+        else if (props.size === "M") rules += ' Fn15';
+        else if (props.size === "S") rules += ' Fm15';
     }
     return rules;
 };
 let $8128d8480e67c400$export$becc9140d0e846f8 = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf13';
-    else rules += ' _Le13';
-    rules += ' Oh13';
-    rules += ' Olc13';
-    rules += ' _Mc13';
-    rules += ' _Kd13';
-    rules += ' sg13';
-    rules += ' _oa13';
-    rules += ' _Pa13';
-    rules += ' WF13';
-    rules += ' _EF13';
-    rules += ' _Zd13';
-    if (props.thumbStyle === "precise") rules += ' Zg13';
+    if (props.isFocusVisible) rules += ' _Lf15';
+    else rules += ' _Le15';
+    rules += ' Oh15';
+    rules += ' Olc15';
+    rules += ' _Mc15';
+    rules += ' _Kd15';
+    rules += ' sg15';
+    rules += ' _oa15';
+    rules += ' _Pa15';
+    rules += ' WF15';
+    rules += ' _EF15';
+    rules += ' _Zd15';
+    if (props.thumbStyle === "precise") rules += ' Zg15';
     else if (props.thumbStyle === "default") {
-        if (props.size === "XL") rules += ' Zo13';
-        else if (props.size === "L") rules += ' Zn13';
-        else if (props.size === "M") rules += ' Zm13';
-        else if (props.size === "S") rules += ' Zl13';
+        if (props.size === "XL") rules += ' Zo15';
+        else if (props.size === "L") rules += ' Zn15';
+        else if (props.size === "M") rules += ' Zm15';
+        else if (props.size === "S") rules += ' Zl15';
     }
     if (props.thumbStyle === "precise") {
-        if (props.size === "XL") rules += ' Fq13';
-        else if (props.size === "L") rules += ' Fp13';
-        else if (props.size === "M") rules += ' Fo13';
-        else if (props.size === "S") rules += ' Fn13';
+        if (props.size === "XL") rules += ' Fq15';
+        else if (props.size === "L") rules += ' Fp15';
+        else if (props.size === "M") rules += ' Fo15';
+        else if (props.size === "S") rules += ' Fn15';
     } else if (props.thumbStyle === "default") {
-        if (props.size === "XL") rules += ' Fp13';
-        else if (props.size === "L") rules += ' Fo13';
-        else if (props.size === "M") rules += ' Fn13';
-        else if (props.size === "S") rules += ' Fm13';
+        if (props.size === "XL") rules += ' Fp15';
+        else if (props.size === "L") rules += ' Fo15';
+        else if (props.size === "M") rules += ' Fn15';
+        else if (props.size === "S") rules += ' Fm15';
     }
-    rules += ' og13';
-    rules += ' ng13';
-    rules += ' kg13';
-    rules += ' jg13';
-    rules += ' _jf13';
-    rules += ' _kc13';
-    rules += ' hc13';
-    rules += ' mc13';
-    rules += ' lc13';
-    if (props.isDisabled) rules += ' iq13';
-    else if (props.isDragging) rules += ' in13';
-    else if (props.isHovered) rules += ' in13';
-    else rules += ' iv13';
-    if (props.isDisabled) rules += ' ilc13';
-    else rules += ' ila13';
-    rules += ' gX13';
-    rules += ' glb13';
+    rules += ' og15';
+    rules += ' ng15';
+    rules += ' kg15';
+    rules += ' jg15';
+    rules += ' _jf15';
+    rules += ' _kc15';
+    rules += ' hc15';
+    rules += ' mc15';
+    rules += ' lc15';
+    if (props.isDisabled) rules += ' iq15';
+    else if (props.isDragging) rules += ' in15';
+    else if (props.isHovered) rules += ' in15';
+    else rules += ' iv15';
+    if (props.isDisabled) rules += ' ilc15';
+    else rules += ' ila15';
+    rules += ' gX15';
+    rules += ' glb15';
     return rules;
 };
 const $8128d8480e67c400$var$trackStyling = {
@@ -306,122 +302,119 @@ const $8128d8480e67c400$var$trackStyling = {
 };
 let $8128d8480e67c400$export$1e1dc99b6e2204f1 = function anonymous(props) {
     let rules = " ";
-    if (props.trackStyle === "thick") rules += ' Ft13';
-    else if (props.trackStyle === "thin") rules += ' Fe13';
-    rules += ' WF13';
-    if (props.trackStyle === "thick") rules += ' oa13';
-    else if (props.trackStyle === "thin") rules += ' oc13';
-    if (props.trackStyle === "thick") rules += ' na13';
-    else if (props.trackStyle === "thin") rules += ' nc13';
-    if (props.trackStyle === "thick") rules += ' ka13';
-    else if (props.trackStyle === "thin") rules += ' kc13';
-    if (props.trackStyle === "thick") rules += ' ja13';
-    else if (props.trackStyle === "thin") rules += ' jc13';
-    rules += ' _Pa13';
-    if (props.isDisabled) rules += ' gH13';
+    if (props.trackStyle === "thick") rules += ' Ft15';
+    else if (props.trackStyle === "thin") rules += ' Fe15';
+    rules += ' WF15';
+    if (props.trackStyle === "thick") rules += ' oa15';
+    else if (props.trackStyle === "thin") rules += ' oc15';
+    if (props.trackStyle === "thick") rules += ' na15';
+    else if (props.trackStyle === "thin") rules += ' nc15';
+    if (props.trackStyle === "thick") rules += ' ka15';
+    else if (props.trackStyle === "thin") rules += ' kc15';
+    if (props.trackStyle === "thick") rules += ' ja15';
+    else if (props.trackStyle === "thin") rules += ' jc15';
+    rules += ' _Pa15';
+    if (props.isDisabled) rules += ' gH15';
     else {
-        if (props.isStaticColor) rules += ' gh13';
-        else rules += ' gE13';
-        rules += ' glb13';
+        if (props.isStaticColor) rules += ' gh15';
+        else rules += ' gE15';
+        rules += ' glb15';
     }
-    rules += ' -_8PloMd-m13';
-    rules += ' __Ya13';
-    rules += ' Za13';
-    rules += ' _oa13';
-    rules += ' _jf13';
-    rules += ' _kEjZtrc13';
-    rules += ' hEjZtrc13';
-    rules += ' mEjZtrc13';
-    rules += ' lEjZtrc13';
-    rules += ' iA13';
-    if (props.isDisabled) rules += ' ilc13';
-    else rules += ' ilb13';
+    rules += ' -_8PloMd-m15';
+    rules += ' __Ya15';
+    rules += ' Za15';
+    rules += ' _oa15';
+    rules += ' _Lf15';
+    rules += ' _MEjZtrc15';
+    rules += ' _KnkFfic15';
+    rules += ' Oj15';
+    if (props.isDisabled) rules += ' OldZOE715';
+    else rules += ' Olb15';
     return rules;
 };
 let $8128d8480e67c400$export$847ceef3bc944d02 = function anonymous(props) {
     let rules = " ";
-    if (props.trackStyle === "thick") rules += ' Ft13';
-    else if (props.trackStyle === "thin") rules += ' Fe13';
-    rules += ' WF13';
-    if (props.trackStyle === "thick") rules += ' oa13';
-    else if (props.trackStyle === "thin") rules += ' oc13';
-    if (props.trackStyle === "thick") rules += ' na13';
-    else if (props.trackStyle === "thin") rules += ' nc13';
-    if (props.trackStyle === "thick") rules += ' ka13';
-    else if (props.trackStyle === "thin") rules += ' kc13';
-    if (props.trackStyle === "thick") rules += ' ja13';
-    else if (props.trackStyle === "thin") rules += ' jc13';
-    rules += ' _Pa13';
-    if (props.isDisabled) rules += ' gH13';
-    else if (props.isEmphasized) rules += ' g313';
-    else rules += ' g_i13';
-    if (props.isDisabled) rules += ' gld13';
-    else rules += ' gle13';
-    rules += ' _oa13';
-    rules += ' _jf13';
-    rules += ' _kEjZtrc13';
-    rules += ' hEjZtrc13';
-    rules += ' mEjZtrc13';
-    rules += ' lEjZtrc13';
-    rules += ' iA13';
-    if (props.isDisabled) rules += ' ilc13';
-    else rules += ' ilb13';
-    rules += ' -_8PloMd-m13';
-    rules += ' __Ya13';
+    if (props.trackStyle === "thick") rules += ' Ft15';
+    else if (props.trackStyle === "thin") rules += ' Fe15';
+    rules += ' WF15';
+    if (props.trackStyle === "thick") rules += ' oa15';
+    else if (props.trackStyle === "thin") rules += ' oc15';
+    if (props.trackStyle === "thick") rules += ' na15';
+    else if (props.trackStyle === "thin") rules += ' nc15';
+    if (props.trackStyle === "thick") rules += ' ka15';
+    else if (props.trackStyle === "thin") rules += ' kc15';
+    if (props.trackStyle === "thick") rules += ' ja15';
+    else if (props.trackStyle === "thin") rules += ' jc15';
+    rules += ' _Pa15';
+    if (props.isDisabled) rules += ' gH15';
+    else if (props.isEmphasized) rules += ' g315';
+    else rules += ' g_i15';
+    if (props.isDisabled) rules += ' gld15';
+    else rules += ' gle15';
+    rules += ' _oa15';
+    rules += ' _jf15';
+    rules += ' _kEjZtrc15';
+    rules += ' hEjZtrc15';
+    rules += ' mEjZtrc15';
+    rules += ' lEjZtrc15';
+    rules += ' iA15';
+    if (props.isDisabled) rules += ' ilc15';
+    else rules += ' ilb15';
+    rules += ' -_8PloMd-m15';
+    rules += ' __Ya15';
     return rules;
 };
 function $8128d8480e67c400$export$9418495bb635ebde(props1) {
     let formContext = (0, $c5w2x$useContext)((0, $9b916426527cebe7$export$c24727297075ec6a));
     props1 = (0, $9b916426527cebe7$export$a6b5be5c6b451665)(props1);
-    let { label: label, labelPosition: labelPosition = 'top', labelAlign: labelAlign = 'start', size: size = 'M', minValue: minValue = 0, maxValue: maxValue = 100, formatOptions: formatOptions } = props1;
-    let formatter = (0, $c5w2x$useNumberFormatter)(formatOptions);
+    let { label: label, labelPosition: labelPosition = 'top', labelAlign: labelAlign = 'start', size: size = 'M', minValue: minValue = 0, maxValue: maxValue = 100 } = props1;
     let { direction: direction } = (0, $c5w2x$useLocale)();
     return /*#__PURE__*/ (0, $c5w2x$jsx)((0, $c5w2x$Slider), {
         ...props1,
         ref: props1.sliderRef,
         className: (renderProps)=>(props1.UNSAFE_className || '') + (0, $feb886035e0d4633$export$e618dc39ac9ad607)(function anonymous(props) {
                 let rules = " ";
-                rules += ' se13';
-                if (props.isInForm) rules += ' z2mU13';
+                rules += ' se15';
+                if (props.isInForm) rules += ' z2mU15';
                 if (props.isInForm) {
-                    if (props.labelPosition === "side") rules += ' yvoofG13';
+                    if (props.labelPosition === "side") rules += ' yvoofG15';
                 }
-                if (props.isInForm) rules += ' DLwlgod13';
+                if (props.isInForm) rules += ' DLwlgod15';
                 else {
-                    if (props.labelPosition === "side") rules += ' DPlN5qb13';
-                    else if (props.labelPosition === "top") rules += ' DM8Mfn13';
+                    if (props.labelPosition === "side") rules += ' DPlN5qb15';
+                    else if (props.labelPosition === "top") rules += ' DM8Mfn15';
                 }
-                if (props.labelPosition === "side") rules += ' EPlN5qb13';
-                else if (props.labelPosition === "top") rules += ' E4w1sLc13';
-                if (props.labelPosition === "side") rules += ' CbRM95c13';
-                else if (props.labelPosition === "top") rules += ' Cxaocre13';
+                if (props.labelPosition === "side") rules += ' EPlN5qb15';
+                else if (props.labelPosition === "top") rules += ' E4w1sLc15';
+                if (props.labelPosition === "side") rules += ' CbRM95c15';
+                else if (props.labelPosition === "top") rules += ' Cxaocre15';
                 if (props.size === "XL") {
-                    rules += ' -_6BNtrc-e13';
-                    rules += ' vx13';
+                    rules += ' -_6BNtrc-e15';
+                    rules += ' vx15';
                 } else if (props.size === "L") {
-                    rules += ' -_6BNtrc-d13';
-                    rules += ' vx13';
+                    rules += ' -_6BNtrc-d15';
+                    rules += ' vx15';
                 } else if (props.size === "S") {
-                    rules += ' -_6BNtrc-b13';
-                    rules += ' vx13';
+                    rules += ' -_6BNtrc-b15';
+                    rules += ' vx15';
                 } else if (props.size === "XS") {
-                    rules += ' -_6BNtrc-a13';
-                    rules += ' vx13';
+                    rules += ' -_6BNtrc-a15';
+                    rules += ' vx15';
                 } else {
-                    rules += ' -_6BNtrc-c13';
-                    rules += ' vx13';
+                    rules += ' -_6BNtrc-c15';
+                    rules += ' vx15';
                 }
-                rules += ' ea13';
-                rules += ' _Fd13';
-                rules += ' _FnuYUweb13';
-                if (props.size === "XL") rules += ' -BhX7R-Fz13';
-                else if (props.size === "L") rules += ' -BhX7R-Fv13';
-                else if (props.size === "S") rules += ' -BhX7R-Fp13';
-                else if (props.size === "XS") rules += ' -BhX7R-Fn13';
-                else rules += ' -BhX7R-Fx13';
-                rules += ' -AJjOLd-UVkF0Db13';
-                rules += ' qg13';
-                rules += ' __ca13';
+                rules += ' ea15';
+                rules += ' _Fd15';
+                rules += ' _FnuYUweb15';
+                if (props.size === "XL") rules += ' -BhX7R-Fz15';
+                else if (props.size === "L") rules += ' -BhX7R-Fv15';
+                else if (props.size === "S") rules += ' -BhX7R-Fp15';
+                else if (props.size === "XS") rules += ' -BhX7R-Fn15';
+                else rules += ' -BhX7R-Fx15';
+                rules += ' -AJjOLd-UVkF0Db15';
+                rules += ' qg15';
+                rules += ' __ca15';
                 return rules;
             }({
                 labelPosition: labelPosition,
@@ -433,23 +426,26 @@ function $8128d8480e67c400$export$9418495bb635ebde(props1) {
                 isInForm: !!formContext
             }, props1.styles)),
         children: ({ state: state })=>{
-            let maxLabelLength = Math.max([
-                ...formatter.format(minValue)
-            ].length, [
-                ...formatter.format(maxValue)
-            ].length);
+            let maxLabelLength = 0;
             switch(state.values.length){
                 case 1:
+                    maxLabelLength = Math.max([
+                        ...state.getFormattedValue(minValue)
+                    ].length, [
+                        ...state.getFormattedValue(maxValue)
+                    ].length);
                     break;
                 case 2:
-                    // This should really use the NumberFormat#formatRange proposal...
-                    // https://github.com/tc39/ecma402/issues/393
-                    // https://github.com/tc39/proposal-intl-numberformat-v3#formatrange-ecma-402-393
-                    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/formatRange
-                    maxLabelLength = 3 + 2 * Math.max(maxLabelLength, [
-                        ...formatter.format(minValue)
+                    maxLabelLength = Math.max([
+                        ...state.getFormattedValue([
+                            minValue,
+                            minValue + (props1.step || 1)
+                        ])
                     ].length, [
-                        ...formatter.format(maxValue)
+                        ...state.getFormattedValue([
+                            maxValue - (props1.step || 1),
+                            maxValue
+                        ])
                     ].length);
                     break;
                 default:
@@ -465,8 +461,7 @@ function $8128d8480e67c400$export$9418495bb635ebde(props1) {
                     direction: direction,
                     labelPosition: labelPosition,
                     isInForm: !!formContext
-                }),
-                children: ({ state: state })=>state.values.map((_, i)=>state.getThumbValueLabel(i)).join(" \u2013 ")
+                })
             });
             return /*#__PURE__*/ (0, $c5w2x$jsxs)((0, $c5w2x$Fragment), {
                 children: [
@@ -490,30 +485,30 @@ function $8128d8480e67c400$export$9418495bb635ebde(props1) {
                     /*#__PURE__*/ (0, $c5w2x$jsxs)("div", {
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zXcEWr13';
-                            rules += ' yXcEWr13';
-                            rules += ' BXcEWr13';
-                            rules += ' AXcEWr13';
-                            if (props.size === "XL") rules += ' Nl13';
-                            else if (props.size === "L") rules += ' Nj13';
-                            else if (props.size === "S") rules += ' Nf13';
-                            else if (props.size === "XS") rules += ' Ne13';
-                            else rules += ' Nk13';
-                            if (props.isQuiet) rules += ' _qd13';
-                            else rules += ' _qtb13';
-                            if (props.size === "XL") rules += ' -Anxdcc-Zt13';
-                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne13';
-                            else if (props.size === "S") rules += ' -Anxdcc-Zr13';
-                            else rules += ' -Anxdcc-Z3fn9H13';
-                            rules += ' __v6TNLWb13';
-                            rules += ' sh13';
-                            rules += ' eb13';
-                            if (props.size === "XL") rules += ' Uj13';
-                            else if (props.size === "L") rules += ' Ui13';
-                            else rules += ' Ul13';
-                            if (props.size === "XL") rules += ' qj13';
-                            else if (props.size === "L") rules += ' qi13';
-                            else rules += ' ql13';
+                            rules += ' zXcEWr15';
+                            rules += ' yXcEWr15';
+                            rules += ' BXcEWr15';
+                            rules += ' AXcEWr15';
+                            if (props.size === "XL") rules += ' Nl15';
+                            else if (props.size === "L") rules += ' Nj15';
+                            else if (props.size === "S") rules += ' Nf15';
+                            else if (props.size === "XS") rules += ' Ne15';
+                            else rules += ' Nk15';
+                            if (props.isQuiet) rules += ' _qd15';
+                            else rules += ' _qtb15';
+                            if (props.size === "XL") rules += ' -Anxdcc-Zt15';
+                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne15';
+                            else if (props.size === "S") rules += ' -Anxdcc-Zr15';
+                            else rules += ' -Anxdcc-Z3fn9H15';
+                            rules += ' __v6TNLWb15';
+                            rules += ' sh15';
+                            rules += ' eb15';
+                            if (props.size === "XL") rules += ' Uj15';
+                            else if (props.size === "L") rules += ' Ui15';
+                            else rules += ' Ul15';
+                            if (props.size === "XL") rules += ' qj15';
+                            else if (props.size === "L") rules += ' qi15';
+                            else rules += ' ql15';
                             return rules;
                         }({
                             size: size
@@ -536,8 +531,6 @@ const $8128d8480e67c400$export$472062a354075cee = /*#__PURE__*/ (0, $c5w2x$forwa
     let thumbRef = (0, $c5w2x$useRef)(null);
     let inputRef = (0, $c5w2x$useRef)(null); // TODO: need to pass inputRef to SliderThumb when we release the next version of RAC 1.3.0
     let domRef = (0, $80ecb974df713a30$export$96a734597687c040)(ref, inputRef);
-    let { direction: direction } = (0, $c5w2x$useLocale)();
-    let cssDirection = direction === 'rtl' ? 'right' : 'left';
     let isStaticColor = props['PRIVATE_staticColor'];
     return /*#__PURE__*/ (0, $c5w2x$jsx)($8128d8480e67c400$export$9418495bb635ebde, {
         ...props,
@@ -548,11 +541,7 @@ const $8128d8480e67c400$export$472062a354075cee = /*#__PURE__*/ (0, $c5w2x$forwa
                 labelPosition: labelPosition,
                 isInForm: !!formContext
             }),
-            children: ({ state: state, isDisabled: isDisabled })=>{
-                fillOffset = fillOffset !== undefined ? (0, $c5w2x$clamp)(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0)) : state.getThumbMinValue(0);
-                let fillWidth = state.getThumbPercent(0) - state.getValuePercent(fillOffset);
-                let isRightOfOffset = fillWidth > 0;
-                let offset = isRightOfOffset ? state.getValuePercent(fillOffset) : state.getThumbPercent(0);
+            children: ({ isDisabled: isDisabled })=>{
                 return /*#__PURE__*/ (0, $c5w2x$jsxs)((0, $c5w2x$Fragment), {
                     children: [
                         /*#__PURE__*/ (0, $c5w2x$jsx)("div", {
@@ -560,17 +549,14 @@ const $8128d8480e67c400$export$472062a354075cee = /*#__PURE__*/ (0, $c5w2x$forwa
                                 isDisabled: isDisabled,
                                 isStaticColor: isStaticColor,
                                 trackStyle: trackStyle
-                            })
-                        }),
-                        /*#__PURE__*/ (0, $c5w2x$jsx)("div", {
-                            style: {
-                                width: `${Math.abs(fillWidth) * 100}%`,
-                                [cssDirection]: `${offset * 100}%`
-                            },
-                            className: $8128d8480e67c400$export$847ceef3bc944d02({
-                                isDisabled: isDisabled,
-                                isEmphasized: isEmphasized,
-                                trackStyle: trackStyle
+                            }),
+                            children: /*#__PURE__*/ (0, $c5w2x$jsx)((0, $c5w2x$SliderFill), {
+                                offset: fillOffset,
+                                className: $8128d8480e67c400$export$847ceef3bc944d02({
+                                    isDisabled: isDisabled,
+                                    isEmphasized: isEmphasized,
+                                    trackStyle: trackStyle
+                                })
                             })
                         }),
                         /*#__PURE__*/ (0, $c5w2x$jsx)((0, $c5w2x$SliderThumb), {