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

package/dist/_chunk/slider.js

@@ -1,14 +1,45 @@
-import { useProviderProps } from "../provider/index.js";
+/*
+* 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.js";
 import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "./spectrum-context.js";
+import { t as s2IntlStrings } from "./intl.js";
 import { a as useIsInForm, i as useFormProps } from "./form.js";
 /* empty css                                                                       */
 /* empty css                                                                       */
-import { className, createComponent, delegateEvents, effect, getNextElement, getNextMarker, insert, memo, mergeProps, runHydrationEvents, setAttribute, setStyleProperty, spread, style, template, use } from "solid-js/web";
-import { Show, createContext, createEffect, createMemo, createSignal, createUniqueId, mergeProps as mergeProps$1, splitProps, useContext } from "solid-js";
-import { useLocale } from "@proyecto-viviana/solidaria";
+import { applyRef, className, createComponent, delegateEvents, effect, getNextElement, getNextMarker, insert, memo, mergeProps, readShallow, ref, runHydrationEvents, scope, setAttribute, setStyleProperty, spread, style, template } from "@solidjs/web";
+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$2, useLocale } from "@proyecto-viviana/solidaria";
 //#region src/slider/RangeSlider.tsx
-var _tmpl$$1 = /*#__PURE__*/ template(`<div role=slider><div><div>`), _tmpl$2$1 = /*#__PURE__*/ template(`<span data-slot=contextualHelp>`), _tmpl$3$1 = /*#__PURE__*/ template(`<div><label></label><!$><!/>`), _tmpl$4$1 = /*#__PURE__*/ template(`<output aria-live=off style=font-variant-numeric:tabular-nums>`), _tmpl$5$1 = /*#__PURE__*/ template(`<input>`), _tmpl$6$1 = /*#__PURE__*/ template(`<div><div><!$><!/><!$><!/></div><div><div data-orientation=horizontal style=position:relative;touch-action:none><div><div></div></div><!$><!/><!$><!/></div><!$><!/></div><!$><!/><!$><!/>`);
+var _tmpl$$1 = /* @__PURE__ */ template(`<div role=slider><div><div>`);
+var _tmpl$2$1 = /* @__PURE__ */ template(`<span data-slot=contextualHelp>`);
+var _tmpl$3$1 = /* @__PURE__ */ template(`<div><label></label><!$><!/>`);
+var _tmpl$4$1 = /* @__PURE__ */ template(`<output aria-live=off style=font-variant-numeric:tabular-nums>`);
+var _tmpl$5$1 = /* @__PURE__ */ template(`<input>`);
+var _tmpl$6$1 = /* @__PURE__ */ template(`<div><div><!$><!/><!$><!/></div><div><div data-orientation=horizontal style=position:relative;touch-action:none><div><div></div></div><!$><!/><!$><!/></div><!$><!/></div><!$><!/><!$><!/>`);
 const RangeSliderContext = createContext(null);
 const sliderRoot$1 = function anonymous(props, overrides) {
 	let rules = " ";
@@ -20,428 +51,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) {
@@ -472,12 +503,20 @@ function rangesEqual(a, b) {
 }
 /**
 * A range slider allows users to select a numeric subset from a range.
-*/
-function RangeSlider(props) {
+*/ 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$1(providerProps, contextProps ?? {}, props), [
+	const mergedProps = mergeProps$2(flags, contextProps ?? {}, props);
+	const [local, domProps] = splitProps(mergedProps, [
 		"id",
 		"value",
 		"defaultValue",
@@ -513,6 +552,7 @@ function RangeSlider(props) {
 		"aria-details"
 	]);
 	const locale = useLocale();
+	const stringFormatter = createStringFormatter(s2IntlStrings, "@react-spectrum/s2");
 	const fallbackRootId = createUniqueId();
 	const labelId = createUniqueId();
 	const size = () => normalizeRangeSliderSize(local.size);
@@ -557,7 +597,7 @@ function RangeSlider(props) {
 		start: minValue(),
 		end: maxValue()
 	}));
-	createEffect(() => {
+	createTrackedEffect(() => {
 		if (local.value === void 0) setInternalRange(normalizeRange(local.defaultValue ?? {
 			start: minValue(),
 			end: maxValue()
@@ -742,222 +782,272 @@ function RangeSlider(props) {
 			else endThumbRef = element;
 		};
 		const element = () => isStart ? startThumbRef : endThumbRef;
-		return (() => {
-			var _el$ = getNextElement(_tmpl$$1), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
-			_el$.addEventListener("pointerleave", () => setHoveredThumb(null));
-			_el$.addEventListener("pointerenter", () => setHoveredThumb(thumbName));
-			_el$.addEventListener("blur", () => setFocusedThumb(null));
-			_el$.addEventListener("focus", () => setFocusedThumb(thumbName));
-			_el$.$$keydown = (event) => onKeyDown(thumbName, event);
-			_el$.addEventListener("pointercancel", onPointerUp);
-			_el$.$$pointerup = onPointerUp;
-			_el$.$$pointermove = onPointerMove;
-			_el$.$$pointerdown = (event) => onThumbPointerDown(thumbName, event);
-			use(refSetter, _el$);
-			setAttribute(_el$, "aria-label", isStart ? "Minimum" : "Maximum");
-			effect((_p$) => {
-				var _v$ = thumbContainer$1(thumbStyleState(thumbName)), _v$2 = thumbWrapperStyle(percent(), thumbName, element()), _v$3 = isDisabled() ? void 0 : 0, _v$4 = isStart ? minValue() : startValue(), _v$5 = isStart ? endValue() : maxValue(), _v$6 = value(), _v$7 = formatter().format(value()), _v$8 = isDisabled() || void 0, _v$9 = thumbHitArea$1({
+		var _el$ = getNextElement(_tmpl$$1);
+		var _el$2 = _el$.firstChild;
+		var _el$3 = _el$2.firstChild;
+		_el$.addEventListener("pointerleave", () => setHoveredThumb(null));
+		_el$.addEventListener("pointerenter", () => setHoveredThumb(thumbName));
+		_el$.addEventListener("blur", () => setFocusedThumb(null));
+		_el$.addEventListener("focus", () => setFocusedThumb(thumbName));
+		_el$._$$keydown = (event) => onKeyDown(thumbName, event);
+		_el$.addEventListener("pointercancel", onPointerUp);
+		_el$._$$pointerup = onPointerUp;
+		_el$._$$pointermove = onPointerMove;
+		_el$._$$pointerdown = (event) => onThumbPointerDown(thumbName, event);
+		ref(() => {
+			return refSetter;
+		}, _el$);
+		effect(() => {
+			return {
+				e: readShallow(thumbContainer$1(thumbStyleState(thumbName))),
+				t: readShallow(thumbWrapperStyle(percent(), thumbName, element())),
+				a: isDisabled() ? void 0 : 0,
+				o: isStart ? stringFormatter().format("slider.minimum") : stringFormatter().format("slider.maximum"),
+				i: isStart ? minValue() : startValue(),
+				n: isStart ? endValue() : maxValue(),
+				s: value(),
+				h: formatter().format(value()),
+				r: isDisabled() ? ariaTrueFalse(true) : void 0,
+				d: readShallow(thumbHitArea$1({
 					size: size(),
 					thumbStyle: thumbStyle()
-				}), _v$0 = thumb$1(thumbStyleState(thumbName));
-				_v$ !== _p$.e && className(_el$, _p$.e = _v$);
-				_p$.t = style(_el$, _v$2, _p$.t);
-				_v$3 !== _p$.a && setAttribute(_el$, "tabindex", _p$.a = _v$3);
-				_v$4 !== _p$.o && setAttribute(_el$, "aria-valuemin", _p$.o = _v$4);
-				_v$5 !== _p$.i && setAttribute(_el$, "aria-valuemax", _p$.i = _v$5);
-				_v$6 !== _p$.n && setAttribute(_el$, "aria-valuenow", _p$.n = _v$6);
-				_v$7 !== _p$.s && setAttribute(_el$, "aria-valuetext", _p$.s = _v$7);
-				_v$8 !== _p$.h && setAttribute(_el$, "aria-disabled", _p$.h = _v$8);
-				_v$9 !== _p$.r && className(_el$2, _p$.r = _v$9);
-				_v$0 !== _p$.d && className(_el$3, _p$.d = _v$0);
-				return _p$;
-			}, {
-				e: void 0,
-				t: void 0,
-				a: void 0,
-				o: void 0,
-				i: void 0,
-				n: void 0,
-				s: void 0,
-				h: void 0,
-				r: void 0,
-				d: void 0
-			});
-			runHydrationEvents();
-			return _el$;
-		})();
+				})),
+				l: readShallow(thumb$1(thumbStyleState(thumbName)))
+			};
+		}, ({ e, t, a, o, i, n, s, h, r, d, l }, _p$) => {
+			className(_el$, e, _p$?.e);
+			style(_el$, t, _p$?.t);
+			a !== _p$?.a && setAttribute(_el$, "tabindex", a);
+			o !== _p$?.o && setAttribute(_el$, "aria-label", o);
+			i !== _p$?.i && setAttribute(_el$, "aria-valuemin", i);
+			n !== _p$?.n && setAttribute(_el$, "aria-valuemax", n);
+			s !== _p$?.s && setAttribute(_el$, "aria-valuenow", s);
+			h !== _p$?.h && setAttribute(_el$, "aria-valuetext", h);
+			r !== _p$?.r && setAttribute(_el$, "aria-disabled", r);
+			className(_el$2, d, _p$?.d);
+			className(_el$3, l, _p$?.l);
+		});
+		runHydrationEvents();
+		return _el$;
 	};
-	return (() => {
-		var _el$4 = getNextElement(_tmpl$6$1), _el$5 = _el$4.firstChild, _el$10 = _el$5.firstChild, [_el$11, _co$2] = getNextMarker(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$3] = getNextMarker(_el$12.nextSibling), _el$14 = _el$5.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$16.nextSibling, [_el$19, _co$4] = getNextMarker(_el$18.nextSibling), _el$20 = _el$19.nextSibling, [_el$21, _co$5] = getNextMarker(_el$20.nextSibling), _el$23 = _el$15.nextSibling, [_el$24, _co$6] = getNextMarker(_el$23.nextSibling), _el$27 = _el$14.nextSibling, [_el$28, _co$7] = getNextMarker(_el$27.nextSibling), _el$29 = _el$28.nextSibling, [_el$30, _co$8] = getNextMarker(_el$29.nextSibling);
-		use((element) => assignRootRef(element), _el$4);
-		spread(_el$4, mergeProps(domProps, {
-			get id() {
-				return rootId();
-			},
-			"role": "group",
-			"data-orientation": "horizontal",
-			get ["aria-labelledby"]() {
-				return local["aria-labelledby"] ?? (!local["aria-label"] && local.label ? labelId : void 0);
-			},
-			get ["aria-label"]() {
-				return local["aria-label"];
-			},
-			get ["aria-describedby"]() {
-				return local["aria-describedby"];
-			},
-			get ["aria-details"]() {
-				return local["aria-details"];
-			},
-			get slot() {
-				return local.slot ?? void 0;
-			},
-			get ["class"]() {
-				return rootClass();
-			},
-			get style() {
-				return mergedUnsafeStyle();
-			}
-		}), false, true);
-		insert(_el$5, createComponent(Show, {
-			get when() {
+	var _el$4 = getNextElement(_tmpl$6$1);
+	var _el$5 = _el$4.firstChild;
+	var _el$12 = _el$5.firstChild;
+	var [_el$13, _el$14] = getNextMarker(_el$12.nextSibling);
+	var _el$16 = _el$13.nextSibling;
+	var [_el$17, _el$18] = getNextMarker(_el$16.nextSibling);
+	var _el$19 = _el$5.nextSibling;
+	var _el$20 = _el$19.firstChild;
+	var _el$21 = _el$20.firstChild;
+	var _el$22 = _el$21.firstChild;
+	var _el$23 = _el$21.nextSibling;
+	var [_el$24, _el$25] = getNextMarker(_el$23.nextSibling);
+	var _el$26 = _el$24.nextSibling;
+	var [_el$27, _el$28] = getNextMarker(_el$26.nextSibling);
+	var _el$30 = _el$20.nextSibling;
+	var [_el$31, _el$32] = getNextMarker(_el$30.nextSibling);
+	var _el$34 = _el$19.nextSibling;
+	var [_el$35, _el$36] = getNextMarker(_el$34.nextSibling);
+	var _el$38 = _el$35.nextSibling;
+	var [_el$39, _el$40] = getNextMarker(_el$38.nextSibling);
+	ref(() => {
+		return (element) => assignRootRef(element);
+	}, _el$4);
+	spread(_el$4, [domProps, {
+		get id() {
+			return rootId();
+		},
+		role: "group",
+		"data-orientation": "horizontal",
+		get "data-disabled"() {
+			return isDisabled() ? "true" : void 0;
+		},
+		get "aria-labelledby"() {
+			return local["aria-labelledby"] ?? (!local["aria-label"] && local.label ? labelId : void 0);
+		},
+		get "aria-label"() {
+			return local["aria-label"];
+		},
+		get "aria-describedby"() {
+			return local["aria-describedby"];
+		},
+		get "aria-details"() {
+			return local["aria-details"];
+		},
+		get slot() {
+			return local.slot ?? void 0;
+		},
+		get "class"() {
+			return rootClass();
+		},
+		get style() {
+			return mergedUnsafeStyle();
+		}
+	}], true);
+	insert(_el$5, createComponent(Show, {
+		get when() {
+			return local.label;
+		},
+		get children() {
+			var _el$6 = getNextElement(_tmpl$3$1);
+			var _el$7 = _el$6.firstChild;
+			var _el$9 = _el$7.nextSibling;
+			var [_el$10, _el$11] = getNextMarker(_el$9.nextSibling);
+			setAttribute(_el$7, "id", labelId);
+			insert(_el$7, () => {
 				return local.label;
-			},
-			get children() {
-				var _el$6 = getNextElement(_tmpl$3$1), _el$7 = _el$6.firstChild, _el$9 = _el$7.nextSibling, [_el$0, _co$] = getNextMarker(_el$9.nextSibling);
-				setAttribute(_el$7, "id", labelId);
-				insert(_el$7, () => local.label);
-				insert(_el$6, createComponent(Show, {
-					get when() {
+			});
+			insert(_el$6, createComponent(Show, {
+				get when() {
+					return local.contextualHelp;
+				},
+				get children() {
+					var _el$8 = getNextElement(_tmpl$2$1);
+					insert(_el$8, () => {
 						return local.contextualHelp;
-					},
-					get children() {
-						var _el$8 = getNextElement(_tmpl$2$1);
-						insert(_el$8, () => local.contextualHelp);
-						return _el$8;
-					}
-				}), _el$0, _co$);
-				effect((_p$) => {
-					var _v$1 = fieldLabelWrapper$1(labelStyleState()), _v$10 = sliderLabel$1(labelStyleState());
-					_v$1 !== _p$.e && className(_el$6, _p$.e = _v$1);
-					_v$10 !== _p$.t && className(_el$7, _p$.t = _v$10);
-					return _p$;
-				}, {
-					e: void 0,
-					t: void 0
-				});
-				return _el$6;
-			}
-		}), _el$11, _co$2);
-		insert(_el$5, createComponent(Show, {
-			get when() {
-				return memo(() => labelPosition() === "top")() && showOutput();
-			},
-			get children() {
-				var _el$1 = getNextElement(_tmpl$4$1);
-				insert(_el$1, outputText);
-				effect((_p$) => {
-					var _v$11 = `${rootId()}-output`, _v$12 = rootId(), _v$13 = outputStyle$1(labelStyleState()), _v$14 = `${maxLabelLength()}ch`, _v$15 = `${maxLabelLength()}ch`;
-					_v$11 !== _p$.e && setAttribute(_el$1, "id", _p$.e = _v$11);
-					_v$12 !== _p$.t && setAttribute(_el$1, "for", _p$.t = _v$12);
-					_v$13 !== _p$.a && className(_el$1, _p$.a = _v$13);
-					_v$14 !== _p$.o && setStyleProperty(_el$1, "width", _p$.o = _v$14);
-					_v$15 !== _p$.i && setStyleProperty(_el$1, "min-width", _p$.i = _v$15);
-					return _p$;
-				}, {
-					e: void 0,
-					t: void 0,
-					a: void 0,
-					o: void 0,
-					i: void 0
-				});
-				return _el$1;
-			}
-		}), _el$13, _co$3);
-		_el$15.addEventListener("pointercancel", onPointerUp);
-		_el$15.$$pointerup = onPointerUp;
-		_el$15.$$pointermove = onPointerMove;
-		_el$15.$$pointerdown = onTrackPointerDown;
-		use((element) => {
+					});
+					return _el$8;
+				}
+			}), _el$10, _el$11);
+			effect(() => {
+				return {
+					e: readShallow(fieldLabelWrapper$1(labelStyleState())),
+					t: readShallow(sliderLabel$1(labelStyleState()))
+				};
+			}, ({ e, t }, _p$) => {
+				className(_el$6, e, _p$?.e);
+				className(_el$7, t, _p$?.t);
+			});
+			return _el$6;
+		}
+	}), _el$13, _el$14);
+	insert(_el$5, createComponent(Show, {
+		get when() {
+			return memo(() => {
+				return labelPosition() === "top";
+			})() && showOutput();
+		},
+		get children() {
+			var _el$15 = getNextElement(_tmpl$4$1);
+			insert(_el$15, scope(() => {
+				return outputText();
+			}));
+			effect(() => {
+				return {
+					e: `${rootId()}-output`,
+					t: rootId(),
+					a: readShallow(outputStyle$1(labelStyleState())),
+					o: `${maxLabelLength()}ch`,
+					i: `${maxLabelLength()}ch`
+				};
+			}, ({ e, t, a, o, i }, _p$) => {
+				e !== _p$?.e && setAttribute(_el$15, "id", e);
+				t !== _p$?.t && setAttribute(_el$15, "for", t);
+				className(_el$15, a, _p$?.a);
+				o !== _p$?.o && setStyleProperty(_el$15, "width", o);
+				i !== _p$?.i && setStyleProperty(_el$15, "min-width", i);
+			});
+			return _el$15;
+		}
+	}), _el$17, _el$18);
+	_el$20.addEventListener("pointercancel", onPointerUp);
+	_el$20._$$pointerup = onPointerUp;
+	_el$20._$$pointermove = onPointerMove;
+	_el$20._$$pointerdown = onTrackPointerDown;
+	ref(() => {
+		return (element) => {
 			trackRef = element;
-		}, _el$15);
-		insert(_el$15, () => renderThumb("start"), _el$19, _co$4);
-		insert(_el$15, () => renderThumb("end"), _el$21, _co$5);
-		insert(_el$14, createComponent(Show, {
-			get when() {
-				return memo(() => labelPosition() === "side")() && showOutput();
-			},
-			get children() {
-				var _el$22 = getNextElement(_tmpl$4$1);
-				insert(_el$22, outputText);
-				effect((_p$) => {
-					var _v$16 = `${rootId()}-output`, _v$17 = rootId(), _v$18 = outputStyle$1(labelStyleState()), _v$19 = `${maxLabelLength()}ch`, _v$20 = `${maxLabelLength()}ch`;
-					_v$16 !== _p$.e && setAttribute(_el$22, "id", _p$.e = _v$16);
-					_v$17 !== _p$.t && setAttribute(_el$22, "for", _p$.t = _v$17);
-					_v$18 !== _p$.a && className(_el$22, _p$.a = _v$18);
-					_v$19 !== _p$.o && setStyleProperty(_el$22, "width", _p$.o = _v$19);
-					_v$20 !== _p$.i && setStyleProperty(_el$22, "min-width", _p$.i = _v$20);
-					return _p$;
-				}, {
-					e: void 0,
-					t: void 0,
-					a: void 0,
-					o: void 0,
-					i: void 0
-				});
-				return _el$22;
-			}
-		}), _el$24, _co$6);
-		insert(_el$4, createComponent(Show, {
-			get when() {
-				return local.startName;
-			},
-			get children() {
-				var _el$25 = getNextElement(_tmpl$5$1);
-				spread(_el$25, mergeProps(() => hiddenInputProps(local.startName, startValue())), false, false);
-				runHydrationEvents();
-				return _el$25;
-			}
-		}), _el$28, _co$7);
-		insert(_el$4, createComponent(Show, {
-			get when() {
-				return local.endName;
-			},
-			get children() {
-				var _el$26 = getNextElement(_tmpl$5$1);
-				spread(_el$26, mergeProps(() => hiddenInputProps(local.endName, endValue())), false, false);
-				runHydrationEvents();
-				return _el$26;
-			}
-		}), _el$30, _co$8);
-		effect((_p$) => {
-			var _v$21 = labelContainer$1(labelStyleState()), _v$22 = inputRow$1(labelStyleState()), _v$23 = track$1(labelStyleState()), _v$24 = upperTrack$1({
+		};
+	}, _el$20);
+	insert(_el$20, scope(() => {
+		return renderThumb("start");
+	}), _el$24, _el$25);
+	insert(_el$20, scope(() => {
+		return renderThumb("end");
+	}), _el$27, _el$28);
+	insert(_el$19, createComponent(Show, {
+		get when() {
+			return memo(() => {
+				return labelPosition() === "side";
+			})() && showOutput();
+		},
+		get children() {
+			var _el$29 = getNextElement(_tmpl$4$1);
+			insert(_el$29, scope(() => {
+				return outputText();
+			}));
+			effect(() => {
+				return {
+					e: `${rootId()}-output`,
+					t: rootId(),
+					a: readShallow(outputStyle$1(labelStyleState())),
+					o: `${maxLabelLength()}ch`,
+					i: `${maxLabelLength()}ch`
+				};
+			}, ({ e, t, a, o, i }, _p$) => {
+				e !== _p$?.e && setAttribute(_el$29, "id", e);
+				t !== _p$?.t && setAttribute(_el$29, "for", t);
+				className(_el$29, a, _p$?.a);
+				o !== _p$?.o && setStyleProperty(_el$29, "width", o);
+				i !== _p$?.i && setStyleProperty(_el$29, "min-width", i);
+			});
+			return _el$29;
+		}
+	}), _el$31, _el$32);
+	insert(_el$4, createComponent(Show, {
+		get when() {
+			return local.startName;
+		},
+		get children() {
+			var _el$33 = getNextElement(_tmpl$5$1);
+			spread(_el$33, () => {
+				return hiddenInputProps(local.startName, startValue());
+			}, false);
+			runHydrationEvents();
+			return _el$33;
+		}
+	}), _el$35, _el$36);
+	insert(_el$4, createComponent(Show, {
+		get when() {
+			return local.endName;
+		},
+		get children() {
+			var _el$37 = getNextElement(_tmpl$5$1);
+			spread(_el$37, () => {
+				return hiddenInputProps(local.endName, endValue());
+			}, false);
+			runHydrationEvents();
+			return _el$37;
+		}
+	}), _el$39, _el$40);
+	effect(() => {
+		return {
+			e: readShallow(labelContainer$1(labelStyleState())),
+			t: readShallow(inputRow$1(labelStyleState())),
+			a: readShallow(track$1(labelStyleState())),
+			o: readShallow(upperTrack$1({
 				isDisabled: isDisabled(),
 				trackStyle: trackStyle()
-			}), _v$25 = filledTrack$1({
+			})),
+			i: readShallow(filledTrack$1({
 				isDisabled: isDisabled(),
 				isEmphasized: isEmphasized(),
 				trackStyle: trackStyle()
-			}), _v$26 = { [cssDirection()]: `${Math.min(startPercent(), endPercent()) * 100}%` }, _v$27 = `${Math.abs(endPercent() - startPercent()) * 100}%`;
-			_v$21 !== _p$.e && className(_el$5, _p$.e = _v$21);
-			_v$22 !== _p$.t && className(_el$14, _p$.t = _v$22);
-			_v$23 !== _p$.a && className(_el$15, _p$.a = _v$23);
-			_v$24 !== _p$.o && className(_el$16, _p$.o = _v$24);
-			_v$25 !== _p$.i && className(_el$17, _p$.i = _v$25);
-			_p$.n = style(_el$17, _v$26, _p$.n);
-			_v$27 !== _p$.s && setStyleProperty(_el$17, "width", _p$.s = _v$27);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0,
-			o: void 0,
-			i: void 0,
-			n: void 0,
-			s: void 0
-		});
-		runHydrationEvents();
-		return _el$4;
-	})();
+			})),
+			n: { [cssDirection()]: `${Math.min(startPercent(), endPercent()) * 100}%` },
+			s: `${Math.abs(endPercent() - startPercent()) * 100}%`
+		};
+	}, ({ e, t, a, o, i, n, s }, _p$) => {
+		className(_el$5, e, _p$?.e);
+		className(_el$19, t, _p$?.t);
+		className(_el$20, a, _p$?.a);
+		className(_el$21, o, _p$?.o);
+		className(_el$22, i, _p$?.i);
+		style(_el$22, n, _p$?.n);
+		s !== _p$?.s && setStyleProperty(_el$22, "width", s);
+	});
+	runHydrationEvents();
+	return _el$4;
 }
 delegateEvents([
 	"pointerdown",
@@ -967,7 +1057,12 @@ delegateEvents([
 ]);
 //#endregion
 //#region src/slider/index.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<div>`), _tmpl$2 = /*#__PURE__*/ template(`<div><div>`), _tmpl$3 = /*#__PURE__*/ template(`<span data-slot=contextualHelp>`), _tmpl$4 = /*#__PURE__*/ template(`<div><label></label><!$><!/>`), _tmpl$5 = /*#__PURE__*/ template(`<div><!$><!/><!$><!/>`), _tmpl$6 = /*#__PURE__*/ template(`<div style=display:flex;justify-content:space-between;margin-top:4px><span></span><span>`);
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div><div>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<span data-slot=contextualHelp>`);
+var _tmpl$4 = /* @__PURE__ */ template(`<div><label></label><!$><!/>`);
+var _tmpl$5 = /* @__PURE__ */ template(`<div><!$><!/><!$><!/>`);
+var _tmpl$6 = /* @__PURE__ */ template(`<div style=display:flex;justify-content:space-between;margin-top:4px><span></span><span>`);
 const SliderContext = createContext(null);
 const sliderRoot = function anonymous(props, overrides) {
 	let rules = " ";
@@ -979,442 +1074,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) {
@@ -1437,12 +1532,20 @@ function pressScaleStyle(element, renderProps) {
 }
 /**
 * A slider allows users to select a value from a range.
-*/
-function Slider$1(props) {
+*/ 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$1(providerProps, contextProps ?? {}, props), [
+	const mergedProps = mergeProps$2(flags, contextProps ?? {}, props);
+	const [local, headlessProps] = splitProps(mergedProps, [
 		"size",
 		"variant",
 		"isEmphasized",
@@ -1525,7 +1628,7 @@ function Slider$1(props) {
 				get offset() {
 					return local.fillOffset;
 				},
-				get ["class"]() {
+				get "class"() {
 					return filledTrack({
 						isDisabled: trackRenderProps().isDisabled,
 						isEmphasized: isEmphasized(),
@@ -1533,106 +1636,120 @@ function Slider$1(props) {
 					});
 				}
 			}));
-			effect((_p$) => {
-				var _v$ = upperTrack({
-					isDisabled: trackRenderProps().isDisabled,
-					trackStyle: trackStyle()
-				}), _v$2 = upperTrackStyle();
-				_v$ !== _p$.e && className(_el$, _p$.e = _v$);
-				_p$.t = style(_el$, _v$2, _p$.t);
-				return _p$;
-			}, {
-				e: void 0,
-				t: void 0
+			effect(() => {
+				return {
+					e: readShallow(upperTrack({
+						isDisabled: trackRenderProps().isDisabled,
+						trackStyle: trackStyle()
+					})),
+					t: readShallow(upperTrackStyle())
+				};
+			}, ({ e, t }, _p$) => {
+				className(_el$, e, _p$?.e);
+				style(_el$, t, _p$?.t);
 			});
 			return _el$;
 		})(), createComponent(SliderThumb, {
-			"class": (thumbRenderProps) => thumbContainer({
+			class: (thumbRenderProps) => thumbContainer({
 				...labelStyleState(props.rootRenderProps),
 				...thumbRenderProps
 			}),
 			ref(r$) {
 				var _ref$ = thumbElement;
-				typeof _ref$ === "function" ? _ref$(r$) : thumbElement = r$;
+				typeof _ref$ === "function" || Array.isArray(_ref$) ? applyRef(_ref$, r$) : thumbElement = r$;
 			},
 			style: (thumbRenderProps) => pressScaleStyle(thumbElement, thumbRenderProps),
 			children: (thumbRenderProps) => (() => {
-				var _el$2 = getNextElement(_tmpl$2), _el$3 = _el$2.firstChild;
-				effect((_p$) => {
-					var _v$3 = thumbHitArea({
-						size: size(),
-						thumbStyle: thumbStyle()
-					}), _v$4 = thumb({
-						...thumbRenderProps,
-						size: size(),
-						thumbStyle: thumbStyle()
-					});
-					_v$3 !== _p$.e && className(_el$2, _p$.e = _v$3);
-					_v$4 !== _p$.t && className(_el$3, _p$.t = _v$4);
-					return _p$;
-				}, {
-					e: void 0,
-					t: void 0
+				var _el$2 = getNextElement(_tmpl$2);
+				var _el$3 = _el$2.firstChild;
+				effect(() => {
+					return {
+						e: readShallow(thumbHitArea({
+							size: size(),
+							thumbStyle: thumbStyle()
+						})),
+						t: readShallow(thumb({
+							...thumbRenderProps,
+							size: size(),
+							thumbStyle: thumbStyle()
+						}))
+					};
+				}, ({ e, t }, _p$) => {
+					className(_el$2, e, _p$?.e);
+					className(_el$3, t, _p$?.t);
 				});
 				return _el$2;
 			})()
 		})];
 	};
 	return createComponent(Slider, mergeProps(headlessProps, {
-		get ["aria-labelledby"]() {
+		get "aria-labelledby"() {
 			return headlessProps["aria-labelledby"] ?? (!headlessProps["aria-label"] && local.label ? labelId : void 0);
 		},
-		get ["aria-label"]() {
+		get "aria-label"() {
 			return headlessProps["aria-label"];
 		},
 		ref: (element) => assignRootRef(element),
 		get slot() {
 			return local.slot ?? void 0;
 		},
-		"class": rootClass,
+		class: rootClass,
 		get style() {
 			return mergedUnsafeStyle();
 		},
 		children: (renderProps) => [
 			(() => {
-				var _el$4 = getNextElement(_tmpl$5), _el$0 = _el$4.firstChild, [_el$1, _co$2] = getNextMarker(_el$0.nextSibling), _el$10 = _el$1.nextSibling, [_el$11, _co$3] = getNextMarker(_el$10.nextSibling);
+				var _el$4 = getNextElement(_tmpl$5);
+				var _el$11 = _el$4.firstChild;
+				var [_el$12, _el$13] = getNextMarker(_el$11.nextSibling);
+				var _el$14 = _el$12.nextSibling;
+				var [_el$15, _el$16] = getNextMarker(_el$14.nextSibling);
 				insert(_el$4, createComponent(Show, {
 					get when() {
 						return local.label;
 					},
 					get children() {
-						var _el$5 = getNextElement(_tmpl$4), _el$6 = _el$5.firstChild, _el$8 = _el$6.nextSibling, [_el$9, _co$] = getNextMarker(_el$8.nextSibling);
+						var _el$5 = getNextElement(_tmpl$4);
+						var _el$6 = _el$5.firstChild;
+						var _el$8 = _el$6.nextSibling;
+						var [_el$9, _el$10] = getNextMarker(_el$8.nextSibling);
 						setAttribute(_el$6, "id", labelId);
-						insert(_el$6, () => local.label);
+						insert(_el$6, () => {
+							return local.label;
+						});
 						insert(_el$5, createComponent(Show, {
 							get when() {
 								return local.contextualHelp;
 							},
 							get children() {
 								var _el$7 = getNextElement(_tmpl$3);
-								insert(_el$7, () => local.contextualHelp);
+								insert(_el$7, () => {
+									return local.contextualHelp;
+								});
 								return _el$7;
 							}
-						}), _el$9, _co$);
-						effect((_p$) => {
-							var _v$5 = fieldLabelWrapper(labelStyleState(renderProps)), _v$6 = sliderLabel(labelStyleState(renderProps));
-							_v$5 !== _p$.e && className(_el$5, _p$.e = _v$5);
-							_v$6 !== _p$.t && className(_el$6, _p$.t = _v$6);
-							return _p$;
-						}, {
-							e: void 0,
-							t: void 0
+						}), _el$9, _el$10);
+						effect(() => {
+							return {
+								e: readShallow(fieldLabelWrapper(labelStyleState(renderProps))),
+								t: readShallow(sliderLabel(labelStyleState(renderProps)))
+							};
+						}, ({ e, t }, _p$) => {
+							className(_el$5, e, _p$?.e);
+							className(_el$6, t, _p$?.t);
 						});
 						return _el$5;
 					}
-				}), _el$1, _co$2);
+				}), _el$12, _el$13);
 				insert(_el$4, createComponent(Show, {
 					get when() {
-						return memo(() => labelPosition() === "top")() && showOutput();
+						return memo(() => {
+							return labelPosition() === "top";
+						})() && showOutput();
 					},
 					get children() {
 						return createComponent(SliderOutput, {
-							get ["class"]() {
+							get "class"() {
 								return outputStyle(labelStyleState(renderProps));
 							},
 							get style() {
@@ -1644,14 +1761,20 @@ function Slider$1(props) {
 							}
 						});
 					}
-				}), _el$11, _co$3);
-				effect(() => className(_el$4, labelContainer(labelStyleState(renderProps))));
+				}), _el$15, _el$16);
+				effect(() => readShallow(labelContainer(labelStyleState(renderProps))), (_v$, _$p) => {
+					className(_el$4, _v$, _$p);
+				});
 				return _el$4;
 			})(),
 			(() => {
-				var _el$12 = getNextElement(_tmpl$5), _el$13 = _el$12.firstChild, [_el$14, _co$4] = getNextMarker(_el$13.nextSibling), _el$15 = _el$14.nextSibling, [_el$16, _co$5] = getNextMarker(_el$15.nextSibling);
-				insert(_el$12, createComponent(SliderTrack, {
-					"class": (trackRenderProps) => orientation() === "vertical" ? verticalTrack({
+				var _el$17 = getNextElement(_tmpl$5);
+				var _el$18 = _el$17.firstChild;
+				var [_el$19, _el$20] = getNextMarker(_el$18.nextSibling);
+				var _el$21 = _el$19.nextSibling;
+				var [_el$22, _el$23] = getNextMarker(_el$21.nextSibling);
+				insert(_el$17, createComponent(SliderTrack, {
+					class: (trackRenderProps) => orientation() === "vertical" ? verticalTrack({
 						...labelStyleState(renderProps),
 						...trackRenderProps
 					}) : track({
@@ -1661,14 +1784,16 @@ function Slider$1(props) {
 					get children() {
 						return createComponent(SliderTrackContent, { rootRenderProps: renderProps });
 					}
-				}), _el$14, _co$4);
-				insert(_el$12, createComponent(Show, {
+				}), _el$19, _el$20);
+				insert(_el$17, createComponent(Show, {
 					get when() {
-						return memo(() => labelPosition() === "side")() && showOutput();
+						return memo(() => {
+							return labelPosition() === "side";
+						})() && showOutput();
 					},
 					get children() {
 						return createComponent(SliderOutput, {
-							get ["class"]() {
+							get "class"() {
 								return outputStyle(labelStyleState(renderProps));
 							},
 							get style() {
@@ -1680,19 +1805,27 @@ function Slider$1(props) {
 							}
 						});
 					}
-				}), _el$16, _co$5);
-				effect(() => className(_el$12, inputRow(labelStyleState(renderProps))));
-				return _el$12;
+				}), _el$22, _el$23);
+				effect(() => readShallow(inputRow(labelStyleState(renderProps))), (_v$, _$p) => {
+					className(_el$17, _v$, _$p);
+				});
+				return _el$17;
 			})(),
 			createComponent(Show, {
 				get when() {
 					return local.showMinMax;
 				},
 				get children() {
-					var _el$17 = getNextElement(_tmpl$6), _el$18 = _el$17.firstChild, _el$19 = _el$18.nextSibling;
-					insert(_el$18, minValue);
-					insert(_el$19, maxValue);
-					return _el$17;
+					var _el$24 = getNextElement(_tmpl$6);
+					var _el$25 = _el$24.firstChild;
+					var _el$26 = _el$25.nextSibling;
+					insert(_el$25, scope(() => {
+						return minValue();
+					}));
+					insert(_el$26, scope(() => {
+						return maxValue();
+					}));
+					return _el$24;
 				}
 			})
 		]