@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/dist/_chunk/slider.jsx

@@ -1,9 +1,35 @@
-import { useProviderProps } from "../provider/index.jsx";
+/*
+* Copyright 2024 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.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/RangeSlider.tsx
+/*
+* Copyright 2024 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.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Slider.tsx
+import { a as useProviderProps } from "./provider.jsx";
 import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "./spectrum-context.jsx";
+import { t as s2IntlStrings } from "./intl.jsx";
 import { a as useIsInForm, i as useFormProps } from "./form.jsx";
-import { Show, createContext, createEffect, createMemo, createSignal, createUniqueId, mergeProps, splitProps, useContext } from "solid-js";
-import { useLocale } from "@proyecto-viviana/solidaria";
+import { Show, createContext, createMemo, createSignal, createTrackedEffect, createUniqueId, useContext } from "solid-js";
+import { ariaTrueFalse, splitProps } from "@proyecto-viviana/solidaria/utils";
 import { Slider, SliderFill, SliderOutput, SliderStateContext, SliderThumb, SliderTrack } from "@proyecto-viviana/solidaria-components";
+import { createStringFormatter, mergeProps as mergeProps$1, useLocale } from "@proyecto-viviana/solidaria";
 //#region src/slider/RangeSlider.tsx
 const RangeSliderContext = createContext(null);
 const sliderRoot$1 = function anonymous(props, overrides) {
@@ -16,428 +42,428 @@ const sliderRoot$1 = function anonymous(props, overrides) {
 		if (p[1] === "y") gridColumnEnd = true;
 		rules += p[0];
 	}
-	rules += " se151";
+	rules += " se17";
 	if (props.isInForm) {
-		if (!gridColumnStart) rules += " z2mU151";
+		if (!gridColumnStart) rules += " z2mU17";
 	}
 	if (props.isInForm) {
 		if (props.labelPosition === "side") {
-			if (!gridColumnEnd) rules += " yvoofG151";
+			if (!gridColumnEnd) rules += " yvoofG17";
 		}
 	}
-	if (props.isInForm) rules += " DLwlgod151";
-	else if (props.labelPosition === "side") rules += " DPlN5qb151";
-	else if (props.labelPosition === "top") rules += " DM8Mfn151";
-	if (props.labelPosition === "side") rules += " EPlN5qb151";
-	else if (props.labelPosition === "top") rules += " E4w1sLc151";
-	if (props.labelPosition === "side") rules += " CfFpp6c151";
-	else if (props.labelPosition === "top") rules += " C1xyRcb151";
+	if (props.isInForm) rules += " DLwlgod17";
+	else if (props.labelPosition === "side") rules += " DPlN5qb17";
+	else if (props.labelPosition === "top") rules += " DM8Mfn17";
+	if (props.labelPosition === "side") rules += " EPlN5qb17";
+	else if (props.labelPosition === "top") rules += " E4w1sLc17";
+	if (props.labelPosition === "side") rules += " CfFpp6c17";
+	else if (props.labelPosition === "top") rules += " C1xyRcb17";
 	if (props.size === "XL") {
-		rules += " -_6BNtrc-e151";
-		rules += " vx151";
+		rules += " -_6BNtrc-e17";
+		rules += " vx17";
 	} else if (props.size === "L") {
-		rules += " -_6BNtrc-d151";
-		rules += " vx151";
+		rules += " -_6BNtrc-d17";
+		rules += " vx17";
 	} else if (props.size === "S") {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
 	} else if (props.size === "XS") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else {
-		rules += " -_6BNtrc-c151";
-		rules += " vx151";
+		rules += " -_6BNtrc-c17";
+		rules += " vx17";
 	}
-	if (props.labelPosition === "side") rules += " eb151";
-	else rules += " ea151";
+	if (props.labelPosition === "side") rules += " eb17";
+	else rules += " ea17";
 	if (props.size === "XL") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "L") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "S") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "XS") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	}
-	if (props.size === "XL") rules += " -BhX7R-Fz151";
-	else if (props.size === "L") rules += " -BhX7R-Fv151";
-	else if (props.size === "S") rules += " -BhX7R-Fp151";
-	else if (props.size === "XS") rules += " -BhX7R-Fn151";
-	else rules += " -BhX7R-Fx151";
-	rules += " -AJjOLd-UVkF0Db151";
-	if (props.isInForm) rules += " qg151";
-	else if (props.size === "XL") rules += " qj151";
-	else if (props.size === "L") rules += " qi151";
-	else if (props.size === "M") rules += " ql151";
-	else if (props.size === "S") rules += " ql151";
-	rules += " __ca151";
-	if (props.size === "XL") rules += " uxe7h4151";
-	else if (props.size === "L") rules += " uxe7h4151";
-	else if (props.size === "S") rules += " uxe7h4151";
-	else if (props.size === "XS") rules += " uxe7h4151";
-	else rules += " uxe7h4151";
+	if (props.size === "XL") rules += " -BhX7R-Fz17";
+	else if (props.size === "L") rules += " -BhX7R-Fv17";
+	else if (props.size === "S") rules += " -BhX7R-Fp17";
+	else if (props.size === "XS") rules += " -BhX7R-Fn17";
+	else rules += " -BhX7R-Fx17";
+	rules += " -AJjOLd-UVkF0Db17";
+	if (props.isInForm) rules += " qg17";
+	else if (props.size === "XL") rules += " qj17";
+	else if (props.size === "L") rules += " qi17";
+	else if (props.size === "M") rules += " ql17";
+	else if (props.size === "S") rules += " ql17";
+	rules += " __ca17";
+	if (props.size === "XL") rules += " uxe7h417";
+	else if (props.size === "L") rules += " uxe7h417";
+	else if (props.size === "S") rules += " uxe7h417";
+	else if (props.size === "XS") rules += " uxe7h417";
+	else rules += " uxe7h417";
 	if (props.size === "XL") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "L") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "S") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "XS") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	}
-	if (props.isDisabled) rules += " pUvnvv151";
+	if (props.isDisabled) rules += " p8H6Pad17";
 	else {
-		rules += " pUUi0Fe151";
-		rules += " plb151";
+		rules += " ptacXCd17";
+		rules += " plb17";
 	}
 	return rules;
 };
 const labelContainer$1 = function anonymous(props) {
 	let rules = " ";
-	if (props.labelPosition === "top") rules += " se151";
-	rules += " zv6x9r151";
-	rules += " yv6x9r151";
-	rules += " Bv6x9r151";
-	rules += " Av6x9r151";
-	rules += " Za151";
-	if (props.labelPosition === "top") rules += " C09aAFd151";
-	if (props.labelPosition === "top") rules += " Dxumf9b151";
+	if (props.labelPosition === "top") rules += " se17";
+	rules += " zv6x9r17";
+	rules += " yv6x9r17";
+	rules += " Bv6x9r17";
+	rules += " Av6x9r17";
+	rules += " Za17";
+	if (props.labelPosition === "top") rules += " C09aAFd17";
+	if (props.labelPosition === "top") rules += " Dxumf9b17";
 	if (props.labelPosition === "side") {
-		if (props.labelAlign === "end") rules += " _Wb151";
-		else if (props.labelAlign === "start") rules += " _Wd151";
+		if (props.labelAlign === "end") rules += " _Wb17";
+		else if (props.labelAlign === "start") rules += " _Wd17";
 	}
-	rules += " -AJjOLd-Qd151";
+	rules += " -AJjOLd-Qd17";
 	return rules;
 };
 const sliderLabel$1 = function anonymous(props) {
 	let rules = " ";
-	rules += " uxe7h4151";
+	rules += " uxe7h417";
 	if (props.size === "XL") {
-		rules += " -_6BNtrc-e151";
-		rules += " vx151";
+		rules += " -_6BNtrc-e17";
+		rules += " vx17";
 	} else if (props.size === "L") {
-		rules += " -_6BNtrc-d151";
-		rules += " vx151";
+		rules += " -_6BNtrc-d17";
+		rules += " vx17";
 	} else if (props.size === "S") {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
 	} else if (props.size === "XS") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else {
-		rules += " -_6BNtrc-c151";
-		rules += " vx151";
+		rules += " -_6BNtrc-c17";
+		rules += " vx17";
 	}
 	if (props.size === "XL") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "L") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "S") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "XS") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	}
 	if (props.size === "XL") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "L") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "S") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "XS") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	}
-	if (props.isStaticColor) rules += " pl151";
-	else if (props.isDisabled) rules += " pUvnvv151";
-	else rules += " pUUi0Fe151";
-	rules += " plb151";
-	rules += " ri151";
+	if (props.isStaticColor) rules += " pl17";
+	else if (props.isDisabled) rules += " p8H6Pad17";
+	else rules += " ptacXCd17";
+	rules += " plb17";
+	rules += " ri17";
 	return rules;
 };
 const fieldLabelWrapper$1 = function anonymous(props) {
 	let rules = " ";
-	rules += " zv6x9r151";
-	rules += " yv6x9r151";
-	rules += " Bv6x9r151";
-	rules += " Av6x9r151";
-	rules += " sf151";
-	if (props.labelAlign === "end") rules += " _Wb151";
-	else if (props.labelAlign === "start") rules += " _Wd151";
-	if (props.labelPosition === "top") rules += " QgOnRt151";
-	if (props.labelPosition === "top") rules += " _qb151";
+	rules += " zv6x9r17";
+	rules += " yv6x9r17";
+	rules += " Bv6x9r17";
+	rules += " Av6x9r17";
+	rules += " sf17";
+	if (props.labelAlign === "end") rules += " _Wb17";
+	else if (props.labelAlign === "start") rules += " _Wd17";
+	if (props.labelPosition === "top") rules += " QgOnRt17";
+	if (props.labelPosition === "top") rules += " _qb17";
 	return rules;
 };
 const outputStyle$1 = function anonymous(props) {
 	let rules = " ";
-	rules += " uxe7h4151";
+	rules += " uxe7h417";
 	if (props.size === "XL") {
-		rules += " -_6BNtrc-d151";
-		rules += " vx151";
+		rules += " -_6BNtrc-d17";
+		rules += " vx17";
 	} else if (props.size === "L") {
-		rules += " -_6BNtrc-c151";
-		rules += " vx151";
+		rules += " -_6BNtrc-c17";
+		rules += " vx17";
 	} else if (props.size === "S") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else if (props.size === "XS") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
 	}
-	rules += " xb151";
-	rules += " _xa151";
+	rules += " xb17";
+	rules += " _xa17";
 	if (props.size === "XL") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "L") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "S") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "XS") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	}
-	if (props.isStaticColor) rules += " pl151";
-	else if (props.isDisabled) rules += " pUvnvv151";
-	else rules += " pUUi0Fe151";
-	rules += " plb151";
-	rules += " ri151";
-	rules += " zChk6v151";
-	rules += " yChk6v151";
-	rules += " BChk6v151";
-	rules += " AChk6v151";
+	if (props.isStaticColor) rules += " pl17";
+	else if (props.isDisabled) rules += " p8H6Pad17";
+	else rules += " ptacXCd17";
+	rules += " plb17";
+	rules += " ri17";
+	rules += " zChk6v17";
+	rules += " yChk6v17";
+	rules += " BChk6v17";
+	rules += " AChk6v17";
 	if (props.labelPosition === "side") {
-		if (props.isInForm) rules += " _Wb151";
-		else if (props.direction === "rtl") rules += " _Wb151";
-		else if (props.direction === "ltr") rules += " _Wd151";
+		if (props.isInForm) rules += " _Wb17";
+		else if (props.direction === "rtl") rules += " _Wb17";
+		else if (props.direction === "ltr") rules += " _Wd17";
 	} else if (props.labelPosition === "top") {
-		if (props.direction === "rtl") rules += " _Wd151";
-		else if (props.direction === "ltr") rules += " _Wb151";
+		if (props.direction === "rtl") rules += " _Wd17";
+		else if (props.direction === "ltr") rules += " _Wb17";
 	}
 	return rules;
 };
 const inputRow$1 = function anonymous(props) {
 	let rules = " ";
-	rules += " zXcEWr151";
-	rules += " yXcEWr151";
-	rules += " BXcEWr151";
-	rules += " AXcEWr151";
-	if (props.size === "XL") rules += " Nl151";
-	else if (props.size === "L") rules += " Nj151";
-	else if (props.size === "S") rules += " Nf151";
-	else if (props.size === "XS") rules += " Ne151";
-	else rules += " Nk151";
-	if (props.isQuiet) rules += " _qd151";
-	else rules += " _qtb151";
-	if (props.size === "XL") rules += " -Anxdcc-Zt151";
-	else if (props.size === "L") rules += " -Anxdcc-ZStdtne151";
-	else if (props.size === "S") rules += " -Anxdcc-Zr151";
-	else rules += " -Anxdcc-Z3fn9H151";
-	rules += " __v6TNLWb151";
-	rules += " sh151";
-	rules += " eb151";
-	if (props.size === "XL") rules += " Uj151";
-	else if (props.size === "L") rules += " Ui151";
-	else rules += " Ul151";
-	if (props.size === "XL") rules += " qj151";
-	else if (props.size === "L") rules += " qi151";
-	else rules += " ql151";
+	rules += " zXcEWr17";
+	rules += " yXcEWr17";
+	rules += " BXcEWr17";
+	rules += " AXcEWr17";
+	if (props.size === "XL") rules += " Nl17";
+	else if (props.size === "L") rules += " Nj17";
+	else if (props.size === "S") rules += " Nf17";
+	else if (props.size === "XS") rules += " Ne17";
+	else rules += " Nk17";
+	if (props.isQuiet) rules += " _qd17";
+	else rules += " _qtb17";
+	if (props.size === "XL") rules += " -Anxdcc-Zt17";
+	else if (props.size === "L") rules += " -Anxdcc-ZStdtne17";
+	else if (props.size === "S") rules += " -Anxdcc-Zr17";
+	else rules += " -Anxdcc-Z3fn9H17";
+	rules += " __v6TNLWb17";
+	rules += " sh17";
+	rules += " eb17";
+	if (props.size === "XL") rules += " Uj17";
+	else if (props.size === "L") rules += " Ui17";
+	else rules += " Ul17";
+	if (props.size === "XL") rules += " qj17";
+	else if (props.size === "L") rules += " qi17";
+	else rules += " ql17";
 	return rules;
 };
 const track$1 = function anonymous(props) {
 	let rules = " ";
-	rules += " zCPUPs151";
-	rules += " yCPUPs151";
-	rules += " BCPUPs151";
-	rules += " ACPUPs151";
-	rules += " _Pc151";
-	rules += " Za151";
-	if (props.size === "XL") rules += " Fz151";
-	else if (props.size === "L") rules += " Fv151";
-	else if (props.size === "M") rules += " Fx151";
-	else if (props.size === "S") rules += " Fp151";
+	rules += " zCPUPs17";
+	rules += " yCPUPs17";
+	rules += " BCPUPs17";
+	rules += " ACPUPs17";
+	rules += " _Pc17";
+	rules += " Za17";
+	if (props.size === "XL") rules += " Fz17";
+	else if (props.size === "L") rules += " Fv17";
+	else if (props.size === "M") rules += " Fx17";
+	else if (props.size === "S") rules += " Fp17";
 	return rules;
 };
 const thumbContainer$1 = function anonymous(props) {
 	let rules = " ";
-	if (props.size === "XL") rules += " Zo151";
-	else if (props.size === "L") rules += " Zn151";
-	else if (props.size === "M") rules += " Zm151";
-	else if (props.size === "S") rules += " Zl151";
-	if (props.size === "XL") rules += " Fp151";
-	else if (props.size === "L") rules += " Fo151";
-	else if (props.size === "M") rules += " Fn151";
-	else if (props.size === "S") rules += " Fm151";
-	rules += " sg151";
-	rules += " _Pa151";
-	rules += " WF151";
+	if (props.size === "XL") rules += " Zo17";
+	else if (props.size === "L") rules += " Zn17";
+	else if (props.size === "M") rules += " Zm17";
+	else if (props.size === "S") rules += " Zl17";
+	if (props.size === "XL") rules += " Fp17";
+	else if (props.size === "L") rules += " Fo17";
+	else if (props.size === "M") rules += " Fn17";
+	else if (props.size === "S") rules += " Fm17";
+	rules += " sg17";
+	rules += " _Pa17";
+	rules += " WF17";
 	return rules;
 };
 const thumbHitArea$1 = function anonymous(props) {
 	let rules = " ";
 	if (props.thumbStyle === "precise") {
-		if (props.size === "XL") rules += " Zp151";
-		else if (props.size === "L") rules += " Zo151";
-		else if (props.size === "M") rules += " Zn151";
-		else if (props.size === "S") rules += " Zm151";
+		if (props.size === "XL") rules += " Zp17";
+		else if (props.size === "L") rules += " Zo17";
+		else if (props.size === "M") rules += " Zn17";
+		else if (props.size === "S") rules += " Zm17";
 	} else if (props.thumbStyle === "default") {
-		if (props.size === "XL") rules += " Zo151";
-		else if (props.size === "L") rules += " Zn151";
-		else if (props.size === "M") rules += " Zm151";
-		else if (props.size === "S") rules += " Zl151";
+		if (props.size === "XL") rules += " Zo17";
+		else if (props.size === "L") rules += " Zn17";
+		else if (props.size === "M") rules += " Zm17";
+		else if (props.size === "S") rules += " Zl17";
 	}
 	if (props.thumbStyle === "precise") {
-		if (props.size === "XL") rules += " Fq151";
-		else if (props.size === "L") rules += " Fp151";
-		else if (props.size === "M") rules += " Fo151";
-		else if (props.size === "S") rules += " Fn151";
+		if (props.size === "XL") rules += " Fq17";
+		else if (props.size === "L") rules += " Fp17";
+		else if (props.size === "M") rules += " Fo17";
+		else if (props.size === "S") rules += " Fn17";
 	} else if (props.thumbStyle === "default") {
-		if (props.size === "XL") rules += " Fp151";
-		else if (props.size === "L") rules += " Fo151";
-		else if (props.size === "M") rules += " Fn151";
-		else if (props.size === "S") rules += " Fm151";
+		if (props.size === "XL") rules += " Fp17";
+		else if (props.size === "L") rules += " Fo17";
+		else if (props.size === "M") rules += " Fn17";
+		else if (props.size === "S") rules += " Fm17";
 	}
 	return rules;
 };
 const thumb$1 = function anonymous(props) {
 	let rules = " ";
-	if (props.isFocusVisible) rules += " _Lf151";
-	else rules += " _Le151";
-	rules += " O8KaFke151";
-	rules += " Olc151";
-	rules += " _Mc151";
-	rules += " _Kd151";
-	rules += " sg151";
-	rules += " _oa151";
-	rules += " _Pa151";
-	rules += " WF151";
-	rules += " _EF151";
-	rules += " _Zd151";
-	if (props.thumbStyle === "precise") rules += " Zg151";
+	if (props.isFocusVisible) rules += " _Lf17";
+	else rules += " _Le17";
+	rules += " Or2Mazb17";
+	rules += " Olc17";
+	rules += " _Mc17";
+	rules += " _Kd17";
+	rules += " sg17";
+	rules += " _oa17";
+	rules += " _Pa17";
+	rules += " WF17";
+	rules += " _EF17";
+	rules += " _Zd17";
+	if (props.thumbStyle === "precise") rules += " Zg17";
 	else if (props.thumbStyle === "default") {
-		if (props.size === "XL") rules += " Zo151";
-		else if (props.size === "L") rules += " Zn151";
-		else if (props.size === "M") rules += " Zm151";
-		else if (props.size === "S") rules += " Zl151";
+		if (props.size === "XL") rules += " Zo17";
+		else if (props.size === "L") rules += " Zn17";
+		else if (props.size === "M") rules += " Zm17";
+		else if (props.size === "S") rules += " Zl17";
 	}
 	if (props.thumbStyle === "precise") {
-		if (props.size === "XL") rules += " Fq151";
-		else if (props.size === "L") rules += " Fp151";
-		else if (props.size === "M") rules += " Fo151";
-		else if (props.size === "S") rules += " Fn151";
+		if (props.size === "XL") rules += " Fq17";
+		else if (props.size === "L") rules += " Fp17";
+		else if (props.size === "M") rules += " Fo17";
+		else if (props.size === "S") rules += " Fn17";
 	} else if (props.thumbStyle === "default") {
-		if (props.size === "XL") rules += " Fp151";
-		else if (props.size === "L") rules += " Fo151";
-		else if (props.size === "M") rules += " Fn151";
-		else if (props.size === "S") rules += " Fm151";
+		if (props.size === "XL") rules += " Fp17";
+		else if (props.size === "L") rules += " Fo17";
+		else if (props.size === "M") rules += " Fn17";
+		else if (props.size === "S") rules += " Fm17";
 	}
-	rules += " og151";
-	rules += " ng151";
-	rules += " kg151";
-	rules += " jg151";
-	rules += " _jf151";
-	rules += " _kb151";
-	rules += " hb151";
-	rules += " mb151";
-	rules += " lb151";
-	rules += " _neYWWze151";
-	if (props.isDisabled) rules += " ifbAdGe151";
-	else if (props.isDragging) rules += " iMwyHo151";
-	else if (props.isHovered) rules += " iMwyHo151";
-	else rules += " iHKLAu151";
-	if (props.isDisabled) rules += " ilc151";
-	else rules += " ila151";
-	rules += " gLZZSrd151";
-	rules += " glb151";
+	rules += " og17";
+	rules += " ng17";
+	rules += " kg17";
+	rules += " jg17";
+	rules += " _jf17";
+	rules += " _kb17";
+	rules += " hb17";
+	rules += " mb17";
+	rules += " lb17";
+	rules += " _nbkwzSb17";
+	if (props.isDisabled) rules += " iSNu3ze17";
+	else if (props.isDragging) rules += " iBJTC6c17";
+	else if (props.isHovered) rules += " iBJTC6c17";
+	else rules += " imiKvLd17";
+	if (props.isDisabled) rules += " ilc17";
+	else rules += " ila17";
+	rules += " g4T7hrb17";
+	rules += " glb17";
 	return rules;
 };
 const upperTrack$1 = function anonymous(props) {
 	let rules = " ";
-	if (props.trackStyle === "thick") rules += " Ft151";
-	else if (props.trackStyle === "thin") rules += " Fe151";
-	rules += " WF151";
-	rules += " od151";
-	rules += " nd151";
-	rules += " kd151";
-	rules += " jd151";
-	rules += " _Pa151";
-	if (props.isDisabled) rules += " gkDWoNd151";
+	if (props.trackStyle === "thick") rules += " Ft17";
+	else if (props.trackStyle === "thin") rules += " Fe17";
+	rules += " WF17";
+	rules += " od17";
+	rules += " nd17";
+	rules += " kd17";
+	rules += " jd17";
+	rules += " _Pa17";
+	if (props.isDisabled) rules += " gLX7Xt17";
 	else {
-		rules += " gW36Rud151";
-		rules += " glb151";
+		rules += " gW36Rud17";
+		rules += " glb17";
 	}
-	rules += " -_8PloMd-m151";
-	rules += " __Ya151";
-	rules += " Za151";
-	rules += " _oa151";
-	rules += " _Lf151";
-	rules += " _MEjZtrc151";
-	rules += " _KnkFfic151";
-	rules += " Oj151";
-	if (props.isDisabled) rules += " OldZOE7151";
-	else rules += " Olb151";
+	rules += " -_8PloMd-m17";
+	rules += " __Ya17";
+	rules += " Za17";
+	rules += " _oa17";
+	rules += " _Lf17";
+	rules += " _MEjZtrc17";
+	rules += " _KnkFfic17";
+	rules += " Oj17";
+	if (props.isDisabled) rules += " OldZOE717";
+	else rules += " Olb17";
 	return rules;
 };
 const filledTrack$1 = function anonymous(props) {
 	let rules = " ";
-	if (props.trackStyle === "thick") rules += " Ft151";
-	else if (props.trackStyle === "thin") rules += " Fe151";
-	rules += " WF151";
-	rules += " od151";
-	rules += " nd151";
-	rules += " kd151";
-	rules += " jd151";
-	rules += " _Pa151";
-	if (props.isDisabled) rules += " gkDWoNd151";
-	else if (props.isEmphasized) rules += " g5dxOg151";
-	else rules += " g5dxOg151";
-	if (props.isDisabled) rules += " gld151";
-	else rules += " gle151";
-	rules += " _oa151";
-	rules += " _jf151";
-	rules += " _kEjZtrc151";
-	rules += " hEjZtrc151";
-	rules += " mEjZtrc151";
-	rules += " lEjZtrc151";
-	rules += " iA151";
-	if (props.isDisabled) rules += " ilc151";
-	else rules += " ilb151";
-	rules += " -_8PloMd-m151";
-	rules += " __Ya151";
+	if (props.trackStyle === "thick") rules += " Ft17";
+	else if (props.trackStyle === "thin") rules += " Fe17";
+	rules += " WF17";
+	rules += " od17";
+	rules += " nd17";
+	rules += " kd17";
+	rules += " jd17";
+	rules += " _Pa17";
+	if (props.isDisabled) rules += " gLX7Xt17";
+	else if (props.isEmphasized) rules += " gwOLUue17";
+	else rules += " gwOLUue17";
+	if (props.isDisabled) rules += " gld17";
+	else rules += " gle17";
+	rules += " _oa17";
+	rules += " _jf17";
+	rules += " _kEjZtrc17";
+	rules += " hEjZtrc17";
+	rules += " mEjZtrc17";
+	rules += " lEjZtrc17";
+	rules += " iA17";
+	if (props.isDisabled) rules += " ilc17";
+	else rules += " ilb17";
+	rules += " -_8PloMd-m17";
+	rules += " __Ya17";
 	return rules;
 };
 function normalizeRangeSliderSize(size) {
@@ -471,8 +497,17 @@ function rangesEqual(a, b) {
 */ function RangeSlider(props) {
 	const isInForm = useIsInForm();
 	const providerProps = useProviderProps(useFormProps(props));
+	const [flags] = splitProps(providerProps, [
+		"isQuiet",
+		"isEmphasized",
+		"isDisabled",
+		"isRequired",
+		"isReadOnly",
+		"validationState"
+	]);
 	const contextProps = getSlottedContextProps(useContext(RangeSliderContext), props.slot);
-	const [local, domProps] = splitProps(mergeProps(providerProps, contextProps ?? {}, props), [
+	const mergedProps = mergeProps$1(flags, contextProps ?? {}, props);
+	const [local, domProps] = splitProps(mergedProps, [
 		"id",
 		"value",
 		"defaultValue",
@@ -508,6 +543,7 @@ function rangesEqual(a, b) {
 		"aria-details"
 	]);
 	const locale = useLocale();
+	const stringFormatter = createStringFormatter(s2IntlStrings, "@react-spectrum/s2");
 	const fallbackRootId = createUniqueId();
 	const labelId = createUniqueId();
 	const size = () => normalizeRangeSliderSize(local.size);
@@ -552,7 +588,7 @@ function rangesEqual(a, b) {
 		start: minValue(),
 		end: maxValue()
 	}));
-	createEffect(() => {
+	createTrackedEffect(() => {
 		if (local.value === void 0) setInternalRange(normalizeRange(local.defaultValue ?? {
 			start: minValue(),
 			end: maxValue()
@@ -737,7 +773,7 @@ function rangesEqual(a, b) {
 			else endThumbRef = element;
 		};
 		const element = () => isStart ? startThumbRef : endThumbRef;
-		return <div ref={refSetter} class={thumbContainer$1(thumbStyleState(thumbName))} style={thumbWrapperStyle(percent(), thumbName, element())} role="slider" tabIndex={isDisabled() ? void 0 : 0} aria-label={isStart ? "Minimum" : "Maximum"} aria-valuemin={isStart ? minValue() : startValue()} aria-valuemax={isStart ? endValue() : maxValue()} aria-valuenow={value()} aria-valuetext={formatter().format(value())} aria-disabled={isDisabled() || void 0} onPointerDown={(event) => onThumbPointerDown(thumbName, event)} onPointerMove={onPointerMove} onPointerUp={onPointerUp} onPointerCancel={onPointerUp} onKeyDown={(event) => onKeyDown(thumbName, event)} onFocus={() => setFocusedThumb(thumbName)} onBlur={() => setFocusedThumb(null)} onPointerEnter={() => setHoveredThumb(thumbName)} onPointerLeave={() => setHoveredThumb(null)}>
+		return <div ref={refSetter} class={thumbContainer$1(thumbStyleState(thumbName))} style={thumbWrapperStyle(percent(), thumbName, element())} role="slider" tabindex={isDisabled() ? void 0 : 0} aria-label={isStart ? stringFormatter().format("slider.minimum") : stringFormatter().format("slider.maximum")} aria-valuemin={isStart ? minValue() : startValue()} aria-valuemax={isStart ? endValue() : maxValue()} aria-valuenow={value()} aria-valuetext={formatter().format(value())} aria-disabled={isDisabled() ? ariaTrueFalse(true) : void 0} onPointerDown={(event) => onThumbPointerDown(thumbName, event)} onPointerMove={onPointerMove} onPointerUp={onPointerUp} onPointerCancel={onPointerUp} onKeyDown={(event) => onKeyDown(thumbName, event)} onFocus={() => setFocusedThumb(thumbName)} onBlur={() => setFocusedThumb(null)} onPointerEnter={() => setHoveredThumb(thumbName)} onPointerLeave={() => setHoveredThumb(null)}>
         <div class={thumbHitArea$1({
 			size: size(),
 			thumbStyle: thumbStyle()
@@ -746,7 +782,7 @@ function rangesEqual(a, b) {
         </div>
       </div>;
 	};
-	return <div {...domProps} id={rootId()} role="group" data-orientation="horizontal" aria-labelledby={local["aria-labelledby"] ?? (!local["aria-label"] && local.label ? labelId : void 0)} aria-label={local["aria-label"]} aria-describedby={local["aria-describedby"]} aria-details={local["aria-details"]} slot={local.slot ?? void 0} ref={(element) => assignRootRef(element)} class={rootClass()} style={mergedUnsafeStyle()}>
+	return <div {...domProps} id={rootId()} role="group" data-orientation="horizontal" data-disabled={isDisabled() ? "true" : void 0} aria-labelledby={local["aria-labelledby"] ?? (!local["aria-label"] && local.label ? labelId : void 0)} aria-label={local["aria-label"]} aria-describedby={local["aria-describedby"]} aria-details={local["aria-details"]} slot={local.slot ?? void 0} ref={(element) => assignRootRef(element)} class={rootClass()} style={mergedUnsafeStyle()}>
       <div class={labelContainer$1(labelStyleState())}>
         <Show when={local.label}>
           <div class={fieldLabelWrapper$1(labelStyleState())}>
@@ -825,442 +861,442 @@ const sliderRoot = function anonymous(props, overrides) {
 		if (p[1] === "y") gridColumnEnd = true;
 		rules += p[0];
 	}
-	rules += " se151";
+	rules += " se17";
 	if (props.isInForm) {
-		if (!gridColumnStart) rules += " z2mU151";
+		if (!gridColumnStart) rules += " z2mU17";
 	}
 	if (props.isInForm) {
 		if (props.labelPosition === "side") {
-			if (!gridColumnEnd) rules += " yvoofG151";
+			if (!gridColumnEnd) rules += " yvoofG17";
 		}
 	}
-	if (props.isInForm) rules += " DLwlgod151";
-	else if (props.labelPosition === "side") rules += " DPlN5qb151";
-	else if (props.labelPosition === "top") rules += " DM8Mfn151";
-	if (props.labelPosition === "side") rules += " EPlN5qb151";
-	else if (props.labelPosition === "top") rules += " E4w1sLc151";
-	if (props.labelPosition === "side") rules += " CfFpp6c151";
-	else if (props.labelPosition === "top") rules += " C1xyRcb151";
+	if (props.isInForm) rules += " DLwlgod17";
+	else if (props.labelPosition === "side") rules += " DPlN5qb17";
+	else if (props.labelPosition === "top") rules += " DM8Mfn17";
+	if (props.labelPosition === "side") rules += " EPlN5qb17";
+	else if (props.labelPosition === "top") rules += " E4w1sLc17";
+	if (props.labelPosition === "side") rules += " CfFpp6c17";
+	else if (props.labelPosition === "top") rules += " C1xyRcb17";
 	if (props.size === "XL") {
-		rules += " -_6BNtrc-e151";
-		rules += " vx151";
+		rules += " -_6BNtrc-e17";
+		rules += " vx17";
 	} else if (props.size === "L") {
-		rules += " -_6BNtrc-d151";
-		rules += " vx151";
+		rules += " -_6BNtrc-d17";
+		rules += " vx17";
 	} else if (props.size === "S") {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
 	} else if (props.size === "XS") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else {
-		rules += " -_6BNtrc-c151";
-		rules += " vx151";
+		rules += " -_6BNtrc-c17";
+		rules += " vx17";
 	}
-	if (props.labelPosition === "side") rules += " eb151";
-	else rules += " ea151";
+	if (props.labelPosition === "side") rules += " eb17";
+	else rules += " ea17";
 	if (props.size === "XL") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "L") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "S") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "XS") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	}
-	if (props.size === "XL") rules += " -BhX7R-Fz151";
-	else if (props.size === "L") rules += " -BhX7R-Fv151";
-	else if (props.size === "S") rules += " -BhX7R-Fp151";
-	else if (props.size === "XS") rules += " -BhX7R-Fn151";
-	else rules += " -BhX7R-Fx151";
-	rules += " -AJjOLd-UVkF0Db151";
-	if (props.isInForm) rules += " qg151";
-	else if (props.size === "XL") rules += " qj151";
-	else if (props.size === "L") rules += " qi151";
-	else if (props.size === "M") rules += " ql151";
-	else if (props.size === "S") rules += " ql151";
-	rules += " __ca151";
-	if (props.size === "XL") rules += " uxe7h4151";
-	else if (props.size === "L") rules += " uxe7h4151";
-	else if (props.size === "S") rules += " uxe7h4151";
-	else if (props.size === "XS") rules += " uxe7h4151";
-	else rules += " uxe7h4151";
+	if (props.size === "XL") rules += " -BhX7R-Fz17";
+	else if (props.size === "L") rules += " -BhX7R-Fv17";
+	else if (props.size === "S") rules += " -BhX7R-Fp17";
+	else if (props.size === "XS") rules += " -BhX7R-Fn17";
+	else rules += " -BhX7R-Fx17";
+	rules += " -AJjOLd-UVkF0Db17";
+	if (props.isInForm) rules += " qg17";
+	else if (props.size === "XL") rules += " qj17";
+	else if (props.size === "L") rules += " qi17";
+	else if (props.size === "M") rules += " ql17";
+	else if (props.size === "S") rules += " ql17";
+	rules += " __ca17";
+	if (props.size === "XL") rules += " uxe7h417";
+	else if (props.size === "L") rules += " uxe7h417";
+	else if (props.size === "S") rules += " uxe7h417";
+	else if (props.size === "XS") rules += " uxe7h417";
+	else rules += " uxe7h417";
 	if (props.size === "XL") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "L") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "S") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "XS") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	}
-	if (props.isDisabled) rules += " pUvnvv151";
+	if (props.isDisabled) rules += " p8H6Pad17";
 	else {
-		rules += " pUUi0Fe151";
-		rules += " plb151";
+		rules += " ptacXCd17";
+		rules += " plb17";
 	}
 	return rules;
 };
 const labelContainer = function anonymous(props) {
 	let rules = " ";
-	if (props.labelPosition === "top") rules += " se151";
-	rules += " zv6x9r151";
-	rules += " yv6x9r151";
-	rules += " Bv6x9r151";
-	rules += " Av6x9r151";
-	rules += " Za151";
-	if (props.labelPosition === "top") rules += " C09aAFd151";
-	if (props.labelPosition === "top") rules += " Dxumf9b151";
+	if (props.labelPosition === "top") rules += " se17";
+	rules += " zv6x9r17";
+	rules += " yv6x9r17";
+	rules += " Bv6x9r17";
+	rules += " Av6x9r17";
+	rules += " Za17";
+	if (props.labelPosition === "top") rules += " C09aAFd17";
+	if (props.labelPosition === "top") rules += " Dxumf9b17";
 	if (props.labelPosition === "side") {
-		if (props.labelAlign === "end") rules += " _Wb151";
-		else if (props.labelAlign === "start") rules += " _Wd151";
+		if (props.labelAlign === "end") rules += " _Wb17";
+		else if (props.labelAlign === "start") rules += " _Wd17";
 	}
-	rules += " -AJjOLd-Qd151";
+	rules += " -AJjOLd-Qd17";
 	return rules;
 };
 const sliderLabel = function anonymous(props) {
 	let rules = " ";
-	rules += " uxe7h4151";
+	rules += " uxe7h417";
 	if (props.size === "XL") {
-		rules += " -_6BNtrc-e151";
-		rules += " vx151";
+		rules += " -_6BNtrc-e17";
+		rules += " vx17";
 	} else if (props.size === "L") {
-		rules += " -_6BNtrc-d151";
-		rules += " vx151";
+		rules += " -_6BNtrc-d17";
+		rules += " vx17";
 	} else if (props.size === "S") {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
 	} else if (props.size === "XS") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else {
-		rules += " -_6BNtrc-c151";
-		rules += " vx151";
+		rules += " -_6BNtrc-c17";
+		rules += " vx17";
 	}
 	if (props.size === "XL") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "L") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "S") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "XS") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	}
 	if (props.size === "XL") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "L") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "S") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "XS") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	}
-	if (props.isStaticColor) rules += " pl151";
-	else if (props.isDisabled) rules += " pUvnvv151";
-	else rules += " pUUi0Fe151";
-	rules += " plb151";
-	rules += " ri151";
+	if (props.isStaticColor) rules += " pl17";
+	else if (props.isDisabled) rules += " p8H6Pad17";
+	else rules += " ptacXCd17";
+	rules += " plb17";
+	rules += " ri17";
 	return rules;
 };
 const fieldLabelWrapper = function anonymous(props) {
 	let rules = " ";
-	rules += " zv6x9r151";
-	rules += " yv6x9r151";
-	rules += " Bv6x9r151";
-	rules += " Av6x9r151";
-	rules += " sf151";
-	if (props.labelAlign === "end") rules += " _Wb151";
-	else if (props.labelAlign === "start") rules += " _Wd151";
-	if (props.labelPosition === "top") rules += " QgOnRt151";
-	if (props.labelPosition === "top") rules += " _qb151";
+	rules += " zv6x9r17";
+	rules += " yv6x9r17";
+	rules += " Bv6x9r17";
+	rules += " Av6x9r17";
+	rules += " sf17";
+	if (props.labelAlign === "end") rules += " _Wb17";
+	else if (props.labelAlign === "start") rules += " _Wd17";
+	if (props.labelPosition === "top") rules += " QgOnRt17";
+	if (props.labelPosition === "top") rules += " _qb17";
 	return rules;
 };
 const outputStyle = function anonymous(props) {
 	let rules = " ";
-	rules += " uxe7h4151";
+	rules += " uxe7h417";
 	if (props.size === "XL") {
-		rules += " -_6BNtrc-d151";
-		rules += " vx151";
+		rules += " -_6BNtrc-d17";
+		rules += " vx17";
 	} else if (props.size === "L") {
-		rules += " -_6BNtrc-c151";
-		rules += " vx151";
+		rules += " -_6BNtrc-c17";
+		rules += " vx17";
 	} else if (props.size === "S") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else if (props.size === "XS") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
 	}
-	rules += " xb151";
-	rules += " _xa151";
+	rules += " xb17";
+	rules += " _xa17";
 	if (props.size === "XL") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "L") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "S") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "XS") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	}
-	if (props.isStaticColor) rules += " pl151";
-	else if (props.isDisabled) rules += " pUvnvv151";
-	else rules += " pUUi0Fe151";
-	rules += " plb151";
-	rules += " ri151";
-	rules += " zChk6v151";
-	rules += " yChk6v151";
-	rules += " BChk6v151";
-	rules += " AChk6v151";
+	if (props.isStaticColor) rules += " pl17";
+	else if (props.isDisabled) rules += " p8H6Pad17";
+	else rules += " ptacXCd17";
+	rules += " plb17";
+	rules += " ri17";
+	rules += " zChk6v17";
+	rules += " yChk6v17";
+	rules += " BChk6v17";
+	rules += " AChk6v17";
 	if (props.labelPosition === "side") {
-		if (props.isInForm) rules += " _Wb151";
-		else if (props.direction === "rtl") rules += " _Wb151";
-		else if (props.direction === "ltr") rules += " _Wd151";
+		if (props.isInForm) rules += " _Wb17";
+		else if (props.direction === "rtl") rules += " _Wb17";
+		else if (props.direction === "ltr") rules += " _Wd17";
 	} else if (props.labelPosition === "top") {
-		if (props.direction === "rtl") rules += " _Wd151";
-		else if (props.direction === "ltr") rules += " _Wb151";
+		if (props.direction === "rtl") rules += " _Wd17";
+		else if (props.direction === "ltr") rules += " _Wb17";
 	}
 	return rules;
 };
 const inputRow = function anonymous(props) {
 	let rules = " ";
-	rules += " zXcEWr151";
-	rules += " yXcEWr151";
-	rules += " BXcEWr151";
-	rules += " AXcEWr151";
-	if (props.size === "XL") rules += " Nl151";
-	else if (props.size === "L") rules += " Nj151";
-	else if (props.size === "S") rules += " Nf151";
-	else if (props.size === "XS") rules += " Ne151";
-	else rules += " Nk151";
-	if (props.isQuiet) rules += " _qd151";
-	else rules += " _qtb151";
-	if (props.size === "XL") rules += " -Anxdcc-Zt151";
-	else if (props.size === "L") rules += " -Anxdcc-ZStdtne151";
-	else if (props.size === "S") rules += " -Anxdcc-Zr151";
-	else rules += " -Anxdcc-Z3fn9H151";
-	rules += " __v6TNLWb151";
-	rules += " sh151";
-	rules += " eb151";
-	if (props.size === "XL") rules += " Uj151";
-	else if (props.size === "L") rules += " Ui151";
-	else rules += " Ul151";
-	if (props.size === "XL") rules += " qj151";
-	else if (props.size === "L") rules += " qi151";
-	else rules += " ql151";
+	rules += " zXcEWr17";
+	rules += " yXcEWr17";
+	rules += " BXcEWr17";
+	rules += " AXcEWr17";
+	if (props.size === "XL") rules += " Nl17";
+	else if (props.size === "L") rules += " Nj17";
+	else if (props.size === "S") rules += " Nf17";
+	else if (props.size === "XS") rules += " Ne17";
+	else rules += " Nk17";
+	if (props.isQuiet) rules += " _qd17";
+	else rules += " _qtb17";
+	if (props.size === "XL") rules += " -Anxdcc-Zt17";
+	else if (props.size === "L") rules += " -Anxdcc-ZStdtne17";
+	else if (props.size === "S") rules += " -Anxdcc-Zr17";
+	else rules += " -Anxdcc-Z3fn9H17";
+	rules += " __v6TNLWb17";
+	rules += " sh17";
+	rules += " eb17";
+	if (props.size === "XL") rules += " Uj17";
+	else if (props.size === "L") rules += " Ui17";
+	else rules += " Ul17";
+	if (props.size === "XL") rules += " qj17";
+	else if (props.size === "L") rules += " qi17";
+	else rules += " ql17";
 	return rules;
 };
 const track = function anonymous(props) {
 	let rules = " ";
-	rules += " zCPUPs151";
-	rules += " yCPUPs151";
-	rules += " BCPUPs151";
-	rules += " ACPUPs151";
-	rules += " _Pc151";
-	rules += " Za151";
-	if (props.size === "XL") rules += " Fz151";
-	else if (props.size === "L") rules += " Fv151";
-	else if (props.size === "M") rules += " Fx151";
-	else if (props.size === "S") rules += " Fp151";
+	rules += " zCPUPs17";
+	rules += " yCPUPs17";
+	rules += " BCPUPs17";
+	rules += " ACPUPs17";
+	rules += " _Pc17";
+	rules += " Za17";
+	if (props.size === "XL") rules += " Fz17";
+	else if (props.size === "L") rules += " Fv17";
+	else if (props.size === "M") rules += " Fx17";
+	else if (props.size === "S") rules += " Fp17";
 	return rules;
 };
 const verticalTrack = function anonymous(props) {
 	let rules = " ";
-	rules += " zCPUPs151";
-	rules += " yCPUPs151";
-	rules += " BCPUPs151";
-	rules += " ACPUPs151";
-	rules += " _Pc151";
-	if (props.size === "XL") rules += " ZF151";
-	else if (props.size === "L") rules += " Zw151";
-	else if (props.size === "M") rules += " ZC151";
-	else if (props.size === "S") rules += " Zo151";
-	rules += " Fr151";
+	rules += " zCPUPs17";
+	rules += " yCPUPs17";
+	rules += " BCPUPs17";
+	rules += " ACPUPs17";
+	rules += " _Pc17";
+	if (props.size === "XL") rules += " ZF17";
+	else if (props.size === "L") rules += " Zw17";
+	else if (props.size === "M") rules += " ZC17";
+	else if (props.size === "S") rules += " Zo17";
+	rules += " Fr17";
 	return rules;
 };
 const thumbContainer = function anonymous(props) {
 	let rules = " ";
-	if (props.size === "XL") rules += " Zo151";
-	else if (props.size === "L") rules += " Zn151";
-	else if (props.size === "M") rules += " Zm151";
-	else if (props.size === "S") rules += " Zl151";
-	if (props.size === "XL") rules += " Fp151";
-	else if (props.size === "L") rules += " Fo151";
-	else if (props.size === "M") rules += " Fn151";
-	else if (props.size === "S") rules += " Fm151";
-	rules += " sg151";
-	rules += " _Pa151";
-	rules += " WF151";
+	if (props.size === "XL") rules += " Zo17";
+	else if (props.size === "L") rules += " Zn17";
+	else if (props.size === "M") rules += " Zm17";
+	else if (props.size === "S") rules += " Zl17";
+	if (props.size === "XL") rules += " Fp17";
+	else if (props.size === "L") rules += " Fo17";
+	else if (props.size === "M") rules += " Fn17";
+	else if (props.size === "S") rules += " Fm17";
+	rules += " sg17";
+	rules += " _Pa17";
+	rules += " WF17";
 	return rules;
 };
 const thumbHitArea = function anonymous(props) {
 	let rules = " ";
 	if (props.thumbStyle === "precise") {
-		if (props.size === "XL") rules += " Zp151";
-		else if (props.size === "L") rules += " Zo151";
-		else if (props.size === "M") rules += " Zn151";
-		else if (props.size === "S") rules += " Zm151";
+		if (props.size === "XL") rules += " Zp17";
+		else if (props.size === "L") rules += " Zo17";
+		else if (props.size === "M") rules += " Zn17";
+		else if (props.size === "S") rules += " Zm17";
 	} else if (props.thumbStyle === "default") {
-		if (props.size === "XL") rules += " Zo151";
-		else if (props.size === "L") rules += " Zn151";
-		else if (props.size === "M") rules += " Zm151";
-		else if (props.size === "S") rules += " Zl151";
+		if (props.size === "XL") rules += " Zo17";
+		else if (props.size === "L") rules += " Zn17";
+		else if (props.size === "M") rules += " Zm17";
+		else if (props.size === "S") rules += " Zl17";
 	}
 	if (props.thumbStyle === "precise") {
-		if (props.size === "XL") rules += " Fq151";
-		else if (props.size === "L") rules += " Fp151";
-		else if (props.size === "M") rules += " Fo151";
-		else if (props.size === "S") rules += " Fn151";
+		if (props.size === "XL") rules += " Fq17";
+		else if (props.size === "L") rules += " Fp17";
+		else if (props.size === "M") rules += " Fo17";
+		else if (props.size === "S") rules += " Fn17";
 	} else if (props.thumbStyle === "default") {
-		if (props.size === "XL") rules += " Fp151";
-		else if (props.size === "L") rules += " Fo151";
-		else if (props.size === "M") rules += " Fn151";
-		else if (props.size === "S") rules += " Fm151";
+		if (props.size === "XL") rules += " Fp17";
+		else if (props.size === "L") rules += " Fo17";
+		else if (props.size === "M") rules += " Fn17";
+		else if (props.size === "S") rules += " Fm17";
 	}
 	return rules;
 };
 const thumb = function anonymous(props) {
 	let rules = " ";
-	if (props.isFocusVisible) rules += " _Lf151";
-	else rules += " _Le151";
-	rules += " O8KaFke151";
-	rules += " Olc151";
-	rules += " _Mc151";
-	rules += " _Kd151";
-	rules += " sg151";
-	rules += " _oa151";
-	rules += " _Pa151";
-	rules += " WF151";
-	rules += " _EF151";
-	rules += " _Zd151";
-	if (props.thumbStyle === "precise") rules += " Zg151";
+	if (props.isFocusVisible) rules += " _Lf17";
+	else rules += " _Le17";
+	rules += " Or2Mazb17";
+	rules += " Olc17";
+	rules += " _Mc17";
+	rules += " _Kd17";
+	rules += " sg17";
+	rules += " _oa17";
+	rules += " _Pa17";
+	rules += " WF17";
+	rules += " _EF17";
+	rules += " _Zd17";
+	if (props.thumbStyle === "precise") rules += " Zg17";
 	else if (props.thumbStyle === "default") {
-		if (props.size === "XL") rules += " Zo151";
-		else if (props.size === "L") rules += " Zn151";
-		else if (props.size === "M") rules += " Zm151";
-		else if (props.size === "S") rules += " Zl151";
+		if (props.size === "XL") rules += " Zo17";
+		else if (props.size === "L") rules += " Zn17";
+		else if (props.size === "M") rules += " Zm17";
+		else if (props.size === "S") rules += " Zl17";
 	}
 	if (props.thumbStyle === "precise") {
-		if (props.size === "XL") rules += " Fq151";
-		else if (props.size === "L") rules += " Fp151";
-		else if (props.size === "M") rules += " Fo151";
-		else if (props.size === "S") rules += " Fn151";
+		if (props.size === "XL") rules += " Fq17";
+		else if (props.size === "L") rules += " Fp17";
+		else if (props.size === "M") rules += " Fo17";
+		else if (props.size === "S") rules += " Fn17";
 	} else if (props.thumbStyle === "default") {
-		if (props.size === "XL") rules += " Fp151";
-		else if (props.size === "L") rules += " Fo151";
-		else if (props.size === "M") rules += " Fn151";
-		else if (props.size === "S") rules += " Fm151";
+		if (props.size === "XL") rules += " Fp17";
+		else if (props.size === "L") rules += " Fo17";
+		else if (props.size === "M") rules += " Fn17";
+		else if (props.size === "S") rules += " Fm17";
 	}
-	rules += " og151";
-	rules += " ng151";
-	rules += " kg151";
-	rules += " jg151";
-	rules += " _jf151";
-	rules += " _kb151";
-	rules += " hb151";
-	rules += " mb151";
-	rules += " lb151";
-	rules += " _neYWWze151";
-	if (props.isDisabled) rules += " ifbAdGe151";
-	else if (props.isDragging) rules += " iMwyHo151";
-	else if (props.isHovered) rules += " iMwyHo151";
-	else rules += " iHKLAu151";
-	if (props.isDisabled) rules += " ilc151";
-	else rules += " ila151";
-	rules += " gLZZSrd151";
-	rules += " glb151";
+	rules += " og17";
+	rules += " ng17";
+	rules += " kg17";
+	rules += " jg17";
+	rules += " _jf17";
+	rules += " _kb17";
+	rules += " hb17";
+	rules += " mb17";
+	rules += " lb17";
+	rules += " _nbkwzSb17";
+	if (props.isDisabled) rules += " iSNu3ze17";
+	else if (props.isDragging) rules += " iBJTC6c17";
+	else if (props.isHovered) rules += " iBJTC6c17";
+	else rules += " imiKvLd17";
+	if (props.isDisabled) rules += " ilc17";
+	else rules += " ila17";
+	rules += " g4T7hrb17";
+	rules += " glb17";
 	return rules;
 };
 const upperTrack = function anonymous(props) {
 	let rules = " ";
-	if (props.trackStyle === "thick") rules += " Ft151";
-	else if (props.trackStyle === "thin") rules += " Fe151";
-	rules += " WF151";
-	rules += " od151";
-	rules += " nd151";
-	rules += " kd151";
-	rules += " jd151";
-	rules += " _Pa151";
-	if (props.isDisabled) rules += " gkDWoNd151";
+	if (props.trackStyle === "thick") rules += " Ft17";
+	else if (props.trackStyle === "thin") rules += " Fe17";
+	rules += " WF17";
+	rules += " od17";
+	rules += " nd17";
+	rules += " kd17";
+	rules += " jd17";
+	rules += " _Pa17";
+	if (props.isDisabled) rules += " gLX7Xt17";
 	else {
-		rules += " gW36Rud151";
-		rules += " glb151";
+		rules += " gW36Rud17";
+		rules += " glb17";
 	}
-	rules += " -_8PloMd-m151";
-	rules += " __Ya151";
-	rules += " Za151";
-	rules += " _oa151";
-	rules += " _Lf151";
-	rules += " _MEjZtrc151";
-	rules += " _KnkFfic151";
-	rules += " Oj151";
-	if (props.isDisabled) rules += " OldZOE7151";
-	else rules += " Olb151";
+	rules += " -_8PloMd-m17";
+	rules += " __Ya17";
+	rules += " Za17";
+	rules += " _oa17";
+	rules += " _Lf17";
+	rules += " _MEjZtrc17";
+	rules += " _KnkFfic17";
+	rules += " Oj17";
+	if (props.isDisabled) rules += " OldZOE717";
+	else rules += " Olb17";
 	return rules;
 };
 const filledTrack = function anonymous(props) {
 	let rules = " ";
-	if (props.trackStyle === "thick") rules += " Ft151";
-	else if (props.trackStyle === "thin") rules += " Fe151";
-	rules += " WF151";
-	rules += " od151";
-	rules += " nd151";
-	rules += " kd151";
-	rules += " jd151";
-	rules += " _Pa151";
-	if (props.isDisabled) rules += " gkDWoNd151";
-	else if (props.isEmphasized) rules += " g5dxOg151";
-	else rules += " g5dxOg151";
-	if (props.isDisabled) rules += " gld151";
-	else rules += " gle151";
-	rules += " _oa151";
-	rules += " _jf151";
-	rules += " _kEjZtrc151";
-	rules += " hEjZtrc151";
-	rules += " mEjZtrc151";
-	rules += " lEjZtrc151";
-	rules += " iA151";
-	if (props.isDisabled) rules += " ilc151";
-	else rules += " ilb151";
-	rules += " -_8PloMd-m151";
-	rules += " __Ya151";
+	if (props.trackStyle === "thick") rules += " Ft17";
+	else if (props.trackStyle === "thin") rules += " Fe17";
+	rules += " WF17";
+	rules += " od17";
+	rules += " nd17";
+	rules += " kd17";
+	rules += " jd17";
+	rules += " _Pa17";
+	if (props.isDisabled) rules += " gLX7Xt17";
+	else if (props.isEmphasized) rules += " gwOLUue17";
+	else rules += " gwOLUue17";
+	if (props.isDisabled) rules += " gld17";
+	else rules += " gle17";
+	rules += " _oa17";
+	rules += " _jf17";
+	rules += " _kEjZtrc17";
+	rules += " hEjZtrc17";
+	rules += " mEjZtrc17";
+	rules += " lEjZtrc17";
+	rules += " iA17";
+	if (props.isDisabled) rules += " ilc17";
+	else rules += " ilb17";
+	rules += " -_8PloMd-m17";
+	rules += " __Ya17";
 	return rules;
 };
 function normalizeSliderSize(size) {
@@ -1286,8 +1322,17 @@ function pressScaleStyle(element, renderProps) {
 */ function Slider$1(props) {
 	const isInForm = useIsInForm();
 	const providerProps = useProviderProps(useFormProps(props));
+	const [flags] = splitProps(providerProps, [
+		"isQuiet",
+		"isEmphasized",
+		"isDisabled",
+		"isRequired",
+		"isReadOnly",
+		"validationState"
+	]);
 	const contextProps = getSlottedContextProps(useContext(SliderContext), props.slot);
-	const [local, headlessProps] = splitProps(mergeProps(providerProps, contextProps ?? {}, props), [
+	const mergedProps = mergeProps$1(flags, contextProps ?? {}, props);
+	const [local, headlessProps] = splitProps(mergedProps, [
 		"size",
 		"variant",
 		"isEmphasized",