@povio/ui 3.3.0 → 3.4.0-rc.10

package/dist/components/inputs/Input/NumberRangeInput/NumberRangeField.js

@@ -3,22 +3,23 @@ import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
 import { FormField } from "../../FormField/FormField.js";
 import { InputClear } from "../../shared/InputClear.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useEffect, useRef } from "react";
 import { Input, useLocale } from "react-aria-components";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useFocusVisible, useNumberField } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { useNumberFieldState } from "react-stately";
 //#region src/components/inputs/Input/NumberRangeInput/NumberRangeField.tsx
 var NumberRangeValueField = (t0) => {
-	const $ = c(63);
+	const $ = c(65);
 	let autoFocusOnMount;
 	let className;
 	let formatOptions;
 	let hideInnerLabels;
 	let isClearable;
+	let isClearableIfDisabled;
 	let isDisabled;
 	let isInvalid;
 	let isRequired;
@@ -30,39 +31,41 @@ var NumberRangeValueField = (t0) => {
 	let rest;
 	let value;
 	if ($[0] !== t0) {
-		({label, value, placeholder, isDisabled, isInvalid, isRequired, formatOptions, hideInnerLabels, autoFocusOnMount, isClearable, className, onChange, onClear, onBlur, ...rest} = t0);
+		({label, value, placeholder, isDisabled, isInvalid, isRequired, formatOptions, hideInnerLabels, autoFocusOnMount, isClearable, isClearableIfDisabled, className, onChange, onClear, onBlur, ...rest} = t0);
 		$[0] = t0;
 		$[1] = autoFocusOnMount;
 		$[2] = className;
 		$[3] = formatOptions;
 		$[4] = hideInnerLabels;
 		$[5] = isClearable;
-		$[6] = isDisabled;
-		$[7] = isInvalid;
-		$[8] = isRequired;
-		$[9] = label;
-		$[10] = onBlur;
-		$[11] = onChange;
-		$[12] = onClear;
-		$[13] = placeholder;
-		$[14] = rest;
-		$[15] = value;
+		$[6] = isClearableIfDisabled;
+		$[7] = isDisabled;
+		$[8] = isInvalid;
+		$[9] = isRequired;
+		$[10] = label;
+		$[11] = onBlur;
+		$[12] = onChange;
+		$[13] = onClear;
+		$[14] = placeholder;
+		$[15] = rest;
+		$[16] = value;
 	} else {
 		autoFocusOnMount = $[1];
 		className = $[2];
 		formatOptions = $[3];
 		hideInnerLabels = $[4];
 		isClearable = $[5];
-		isDisabled = $[6];
-		isInvalid = $[7];
-		isRequired = $[8];
-		label = $[9];
-		onBlur = $[10];
-		onChange = $[11];
-		onClear = $[12];
-		placeholder = $[13];
-		rest = $[14];
-		value = $[15];
+		isClearableIfDisabled = $[6];
+		isDisabled = $[7];
+		isInvalid = $[8];
+		isRequired = $[9];
+		label = $[10];
+		onBlur = $[11];
+		onChange = $[12];
+		onClear = $[13];
+		placeholder = $[14];
+		rest = $[15];
+		value = $[16];
 	}
 	const ui = UIConfig.useConfig();
 	const { locale } = useLocale();
@@ -71,31 +74,31 @@ var NumberRangeValueField = (t0) => {
 	const numberFieldRef = useRef(null);
 	let t1;
 	let t2;
-	if ($[16] !== autoFocusOnMount || $[17] !== isDisabled) {
+	if ($[17] !== autoFocusOnMount || $[18] !== isDisabled) {
 		t1 = () => {
 			if (!autoFocusOnMount || isDisabled) return;
 			requestAnimationFrame(() => inputRef.current?.focus());
 		};
 		t2 = [autoFocusOnMount, isDisabled];
-		$[16] = autoFocusOnMount;
-		$[17] = isDisabled;
-		$[18] = t1;
-		$[19] = t2;
+		$[17] = autoFocusOnMount;
+		$[18] = isDisabled;
+		$[19] = t1;
+		$[20] = t2;
 	} else {
-		t1 = $[18];
-		t2 = $[19];
+		t1 = $[19];
+		t2 = $[20];
 	}
 	useEffect(t1, t2);
 	const t3 = value ?? NaN;
 	let t4;
-	if ($[20] !== onBlur) {
+	if ($[21] !== onBlur) {
 		t4 = (e) => onBlur?.({ target: e.target });
-		$[20] = onBlur;
-		$[21] = t4;
-	} else t4 = $[21];
+		$[21] = onBlur;
+		$[22] = t4;
+	} else t4 = $[22];
 	const t5 = formatOptions ?? ui.numberInput.formatOptions;
 	let t6;
-	if ($[22] !== isDisabled || $[23] !== isInvalid || $[24] !== isRequired || $[25] !== label || $[26] !== locale || $[27] !== onChange || $[28] !== placeholder || $[29] !== rest || $[30] !== t3 || $[31] !== t4 || $[32] !== t5) {
+	if ($[23] !== isDisabled || $[24] !== isInvalid || $[25] !== isRequired || $[26] !== label || $[27] !== locale || $[28] !== onChange || $[29] !== placeholder || $[30] !== rest || $[31] !== t3 || $[32] !== t4 || $[33] !== t5) {
 		t6 = {
 			...rest,
 			label,
@@ -109,30 +112,30 @@ var NumberRangeValueField = (t0) => {
 			locale,
 			formatOptions: t5
 		};
-		$[22] = isDisabled;
-		$[23] = isInvalid;
-		$[24] = isRequired;
-		$[25] = label;
-		$[26] = locale;
-		$[27] = onChange;
-		$[28] = placeholder;
-		$[29] = rest;
-		$[30] = t3;
-		$[31] = t4;
-		$[32] = t5;
-		$[33] = t6;
-	} else t6 = $[33];
+		$[23] = isDisabled;
+		$[24] = isInvalid;
+		$[25] = isRequired;
+		$[26] = label;
+		$[27] = locale;
+		$[28] = onChange;
+		$[29] = placeholder;
+		$[30] = rest;
+		$[31] = t3;
+		$[32] = t4;
+		$[33] = t5;
+		$[34] = t6;
+	} else t6 = $[34];
 	const numberProps = t6;
 	const { labelProps, inputProps } = useNumberField(numberProps, useNumberFieldState(numberProps), numberFieldRef);
 	const t7 = hideInnerLabels && "sr-only";
 	let t8;
-	if ($[34] !== t7) {
+	if ($[35] !== t7) {
 		t8 = clsx(t7);
-		$[34] = t7;
-		$[35] = t8;
-	} else t8 = $[35];
+		$[35] = t7;
+		$[36] = t8;
+	} else t8 = $[36];
 	let t9;
-	if ($[36] !== isDisabled || $[37] !== isRequired || $[38] !== label || $[39] !== labelProps || $[40] !== t8) {
+	if ($[37] !== isDisabled || $[38] !== isRequired || $[39] !== label || $[40] !== labelProps || $[41] !== t8) {
 		t9 = /* @__PURE__ */ jsx(FormFieldLabel, {
 			label,
 			labelProps,
@@ -140,37 +143,37 @@ var NumberRangeValueField = (t0) => {
 			isDisabled,
 			className: t8
 		});
-		$[36] = isDisabled;
-		$[37] = isRequired;
-		$[38] = label;
-		$[39] = labelProps;
-		$[40] = t8;
-		$[41] = t9;
-	} else t9 = $[41];
+		$[37] = isDisabled;
+		$[38] = isRequired;
+		$[39] = label;
+		$[40] = labelProps;
+		$[41] = t8;
+		$[42] = t9;
+	} else t9 = $[42];
 	let t10;
-	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
 		t10 = mergeRefs(inputRef, numberFieldRef);
-		$[42] = t10;
-	} else t10 = $[42];
+		$[43] = t10;
+	} else t10 = $[43];
 	const t11 = inputProps.placeholder;
 	let t12;
-	if ($[43] !== className) {
+	if ($[44] !== className) {
 		t12 = clsx("w-full min-w-0 bg-transparent outline-none", className);
-		$[43] = className;
-		$[44] = t12;
-	} else t12 = $[44];
+		$[44] = className;
+		$[45] = t12;
+	} else t12 = $[45];
 	let t13;
-	if ($[45] !== inputProps || $[46] !== isFocusVisible) {
+	if ($[46] !== inputProps || $[47] !== isFocusVisible) {
 		t13 = (e_0) => {
 			inputProps.onFocus?.(e_0);
 			if (isFocusVisible) e_0.target.select();
 		};
-		$[45] = inputProps;
-		$[46] = isFocusVisible;
-		$[47] = t13;
-	} else t13 = $[47];
+		$[46] = inputProps;
+		$[47] = isFocusVisible;
+		$[48] = t13;
+	} else t13 = $[48];
 	let t14;
-	if ($[48] !== inputProps || $[49] !== t12 || $[50] !== t13) {
+	if ($[49] !== inputProps || $[50] !== t12 || $[51] !== t13) {
 		t14 = /* @__PURE__ */ jsx(Input, {
 			...inputProps,
 			ref: t10,
@@ -178,47 +181,48 @@ var NumberRangeValueField = (t0) => {
 			className: t12,
 			onFocus: t13
 		});
-		$[48] = inputProps;
-		$[49] = t12;
-		$[50] = t13;
-		$[51] = t14;
-	} else t14 = $[51];
+		$[49] = inputProps;
+		$[50] = t12;
+		$[51] = t13;
+		$[52] = t14;
+	} else t14 = $[52];
 	let t15;
-	if ($[52] !== isClearable || $[53] !== isDisabled || $[54] !== onClear || $[55] !== value) {
-		t15 = isClearable && !isDisabled && /* @__PURE__ */ jsx(InputClear, {
+	if ($[53] !== isClearable || $[54] !== isClearableIfDisabled || $[55] !== isDisabled || $[56] !== onClear || $[57] !== value) {
+		t15 = isClearable && (!isDisabled || isClearableIfDisabled === true) && /* @__PURE__ */ jsx(InputClear, {
 			onClear,
 			show: value !== null
 		});
-		$[52] = isClearable;
-		$[53] = isDisabled;
-		$[54] = onClear;
-		$[55] = value;
-		$[56] = t15;
-	} else t15 = $[56];
+		$[53] = isClearable;
+		$[54] = isClearableIfDisabled;
+		$[55] = isDisabled;
+		$[56] = onClear;
+		$[57] = value;
+		$[58] = t15;
+	} else t15 = $[58];
 	let t16;
-	if ($[57] !== t14 || $[58] !== t15) {
+	if ($[59] !== t14 || $[60] !== t15) {
 		t16 = /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-input-gap-trailing-elements",
 			children: [t14, t15]
 		});
-		$[57] = t14;
-		$[58] = t15;
-		$[59] = t16;
-	} else t16 = $[59];
+		$[59] = t14;
+		$[60] = t15;
+		$[61] = t16;
+	} else t16 = $[61];
 	let t17;
-	if ($[60] !== t16 || $[61] !== t9) {
+	if ($[62] !== t16 || $[63] !== t9) {
 		t17 = /* @__PURE__ */ jsxs("div", {
 			className: "min-w-0 flex-1",
 			children: [t9, t16]
 		});
-		$[60] = t16;
-		$[61] = t9;
-		$[62] = t17;
-	} else t17 = $[62];
+		$[62] = t16;
+		$[63] = t9;
+		$[64] = t17;
+	} else t17 = $[64];
 	return t17;
 };
 var NumberRangeField = (t0) => {
-	const $ = c(118);
+	const $ = c(121);
 	let as;
 	let autoFocusOnMount;
 	let className;
@@ -232,6 +236,7 @@ var NumberRangeField = (t0) => {
 	let inputClassName;
 	let inputSizeClassName;
 	let isClearable;
+	let isClearableIfDisabled;
 	let isDirty;
 	let isDisabled;
 	let isEmpty;
@@ -252,7 +257,7 @@ var NumberRangeField = (t0) => {
 	let rangeValue;
 	let ref;
 	if ($[0] !== t0) {
-		({ref, as, className, inputClassName, minInputClassName, maxInputClassName, inputBaseClassName, inputSizeClassName, formFieldProps, headerProps, rangeValue, effectiveError, minPlaceholder, maxPlaceholder, minLabel, maxLabel, hideInnerLabels, isDirty, isClearable, autoFocusOnMount, isDisabled, isRequired, isEmpty, isHovered, isFocused, isFocusVisible, focusWithinProps, hoverProps, onRangeSideChange, onRangeSideClear, onBlur, ...numberFieldProps} = t0);
+		({ref, as, className, inputClassName, minInputClassName, maxInputClassName, inputBaseClassName, inputSizeClassName, formFieldProps, headerProps, rangeValue, effectiveError, minPlaceholder, maxPlaceholder, minLabel, maxLabel, hideInnerLabels, isDirty, isClearable, isClearableIfDisabled, autoFocusOnMount, isDisabled, isRequired, isEmpty, isHovered, isFocused, isFocusVisible, focusWithinProps, hoverProps, onRangeSideChange, onRangeSideClear, onBlur, ...numberFieldProps} = t0);
 		$[0] = t0;
 		$[1] = as;
 		$[2] = autoFocusOnMount;
@@ -267,25 +272,26 @@ var NumberRangeField = (t0) => {
 		$[11] = inputClassName;
 		$[12] = inputSizeClassName;
 		$[13] = isClearable;
-		$[14] = isDirty;
-		$[15] = isDisabled;
-		$[16] = isEmpty;
-		$[17] = isFocusVisible;
-		$[18] = isFocused;
-		$[19] = isHovered;
-		$[20] = isRequired;
-		$[21] = maxInputClassName;
-		$[22] = maxLabel;
-		$[23] = maxPlaceholder;
-		$[24] = minInputClassName;
-		$[25] = minLabel;
-		$[26] = minPlaceholder;
-		$[27] = numberFieldProps;
-		$[28] = onBlur;
-		$[29] = onRangeSideChange;
-		$[30] = onRangeSideClear;
-		$[31] = rangeValue;
-		$[32] = ref;
+		$[14] = isClearableIfDisabled;
+		$[15] = isDirty;
+		$[16] = isDisabled;
+		$[17] = isEmpty;
+		$[18] = isFocusVisible;
+		$[19] = isFocused;
+		$[20] = isHovered;
+		$[21] = isRequired;
+		$[22] = maxInputClassName;
+		$[23] = maxLabel;
+		$[24] = maxPlaceholder;
+		$[25] = minInputClassName;
+		$[26] = minLabel;
+		$[27] = minPlaceholder;
+		$[28] = numberFieldProps;
+		$[29] = onBlur;
+		$[30] = onRangeSideChange;
+		$[31] = onRangeSideClear;
+		$[32] = rangeValue;
+		$[33] = ref;
 	} else {
 		as = $[1];
 		autoFocusOnMount = $[2];
@@ -300,41 +306,42 @@ var NumberRangeField = (t0) => {
 		inputClassName = $[11];
 		inputSizeClassName = $[12];
 		isClearable = $[13];
-		isDirty = $[14];
-		isDisabled = $[15];
-		isEmpty = $[16];
-		isFocusVisible = $[17];
-		isFocused = $[18];
-		isHovered = $[19];
-		isRequired = $[20];
-		maxInputClassName = $[21];
-		maxLabel = $[22];
-		maxPlaceholder = $[23];
-		minInputClassName = $[24];
-		minLabel = $[25];
-		minPlaceholder = $[26];
-		numberFieldProps = $[27];
-		onBlur = $[28];
-		onRangeSideChange = $[29];
-		onRangeSideClear = $[30];
-		rangeValue = $[31];
-		ref = $[32];
+		isClearableIfDisabled = $[14];
+		isDirty = $[15];
+		isDisabled = $[16];
+		isEmpty = $[17];
+		isFocusVisible = $[18];
+		isFocused = $[19];
+		isHovered = $[20];
+		isRequired = $[21];
+		maxInputClassName = $[22];
+		maxLabel = $[23];
+		maxPlaceholder = $[24];
+		minInputClassName = $[25];
+		minLabel = $[26];
+		minPlaceholder = $[27];
+		numberFieldProps = $[28];
+		onBlur = $[29];
+		onRangeSideChange = $[30];
+		onRangeSideClear = $[31];
+		rangeValue = $[32];
+		ref = $[33];
 	}
 	const t1 = as === "inline" ? -1 : void 0;
 	let t2;
-	if ($[33] !== className) {
+	if ($[34] !== className) {
 		t2 = clsx("group w-full", className);
-		$[33] = className;
-		$[34] = t2;
-	} else t2 = $[34];
+		$[34] = className;
+		$[35] = t2;
+	} else t2 = $[35];
 	const t3 = as === "inline" ? -1 : void 0;
 	let t4;
-	if ($[35] !== inputBaseClassName || $[36] !== inputClassName) {
+	if ($[36] !== inputBaseClassName || $[37] !== inputClassName) {
 		t4 = clsx(inputBaseClassName, "group/date-picker-content relative flex min-w-input-width-min-width items-center justify-between gap-2", inputClassName);
-		$[35] = inputBaseClassName;
-		$[36] = inputClassName;
-		$[37] = t4;
-	} else t4 = $[37];
+		$[36] = inputBaseClassName;
+		$[37] = inputClassName;
+		$[38] = t4;
+	} else t4 = $[38];
 	const t5 = isHovered || void 0;
 	const t6 = isDisabled || void 0;
 	const t7 = isDisabled || void 0;
@@ -347,40 +354,40 @@ var NumberRangeField = (t0) => {
 	const t14 = isRequired || void 0;
 	const t15 = !isEmpty || void 0;
 	let t16;
-	if ($[38] !== inputSizeClassName) {
+	if ($[39] !== inputSizeClassName) {
 		t16 = clsx("flex w-full items-center gap-input-gap-input-text-to-elements pr-0!", inputSizeClassName);
-		$[38] = inputSizeClassName;
-		$[39] = t16;
-	} else t16 = $[39];
+		$[39] = inputSizeClassName;
+		$[40] = t16;
+	} else t16 = $[40];
 	let t17;
-	if ($[40] !== as || $[41] !== headerProps) {
+	if ($[41] !== as || $[42] !== headerProps) {
 		t17 = as && ["filter", "floating"].includes(as) && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
 			as,
 			...headerProps
 		});
-		$[40] = as;
-		$[41] = headerProps;
-		$[42] = t17;
-	} else t17 = $[42];
+		$[41] = as;
+		$[42] = headerProps;
+		$[43] = t17;
+	} else t17 = $[43];
 	let t18;
-	if ($[43] !== onRangeSideChange) {
+	if ($[44] !== onRangeSideChange) {
 		t18 = (nextValue) => {
 			onRangeSideChange("min", nextValue);
 		};
-		$[43] = onRangeSideChange;
-		$[44] = t18;
-	} else t18 = $[44];
+		$[44] = onRangeSideChange;
+		$[45] = t18;
+	} else t18 = $[45];
 	const t19 = !!effectiveError;
 	let t20;
-	if ($[45] !== onRangeSideClear) {
+	if ($[46] !== onRangeSideClear) {
 		t20 = () => {
 			onRangeSideClear("min");
 		};
-		$[45] = onRangeSideClear;
-		$[46] = t20;
-	} else t20 = $[46];
+		$[46] = onRangeSideClear;
+		$[47] = t20;
+	} else t20 = $[47];
 	let t21;
-	if ($[47] !== autoFocusOnMount || $[48] !== hideInnerLabels || $[49] !== isClearable || $[50] !== isDisabled || $[51] !== isRequired || $[52] !== minInputClassName || $[53] !== minLabel || $[54] !== minPlaceholder || $[55] !== numberFieldProps || $[56] !== onBlur || $[57] !== rangeValue.min || $[58] !== t18 || $[59] !== t19 || $[60] !== t20) {
+	if ($[48] !== autoFocusOnMount || $[49] !== hideInnerLabels || $[50] !== isClearable || $[51] !== isClearableIfDisabled || $[52] !== isDisabled || $[53] !== isRequired || $[54] !== minInputClassName || $[55] !== minLabel || $[56] !== minPlaceholder || $[57] !== numberFieldProps || $[58] !== onBlur || $[59] !== rangeValue.min || $[60] !== t18 || $[61] !== t19 || $[62] !== t20) {
 		t21 = /* @__PURE__ */ jsx(NumberRangeValueField, {
 			...numberFieldProps,
 			label: minLabel,
@@ -394,60 +401,62 @@ var NumberRangeField = (t0) => {
 			hideInnerLabels,
 			autoFocusOnMount,
 			isClearable,
+			isClearableIfDisabled,
 			onClear: t20,
 			className: minInputClassName
 		});
-		$[47] = autoFocusOnMount;
-		$[48] = hideInnerLabels;
-		$[49] = isClearable;
-		$[50] = isDisabled;
-		$[51] = isRequired;
-		$[52] = minInputClassName;
-		$[53] = minLabel;
-		$[54] = minPlaceholder;
-		$[55] = numberFieldProps;
-		$[56] = onBlur;
-		$[57] = rangeValue.min;
-		$[58] = t18;
-		$[59] = t19;
-		$[60] = t20;
-		$[61] = t21;
-	} else t21 = $[61];
+		$[48] = autoFocusOnMount;
+		$[49] = hideInnerLabels;
+		$[50] = isClearable;
+		$[51] = isClearableIfDisabled;
+		$[52] = isDisabled;
+		$[53] = isRequired;
+		$[54] = minInputClassName;
+		$[55] = minLabel;
+		$[56] = minPlaceholder;
+		$[57] = numberFieldProps;
+		$[58] = onBlur;
+		$[59] = rangeValue.min;
+		$[60] = t18;
+		$[61] = t19;
+		$[62] = t20;
+		$[63] = t21;
+	} else t21 = $[63];
 	const t22 = isDisabled && "text-interactive-text-secondary-disabled";
 	let t23;
-	if ($[62] !== t22) {
+	if ($[64] !== t22) {
 		t23 = clsx("pointer-events-none shrink-0 select-none text-label-2 text-text-default-3", t22);
-		$[62] = t22;
-		$[63] = t23;
-	} else t23 = $[63];
+		$[64] = t22;
+		$[65] = t23;
+	} else t23 = $[65];
 	let t24;
-	if ($[64] !== t23) {
+	if ($[66] !== t23) {
 		t24 = /* @__PURE__ */ jsx("span", {
 			className: t23,
 			children: "-"
 		});
-		$[64] = t23;
-		$[65] = t24;
-	} else t24 = $[65];
+		$[66] = t23;
+		$[67] = t24;
+	} else t24 = $[67];
 	let t25;
-	if ($[66] !== onRangeSideChange) {
+	if ($[68] !== onRangeSideChange) {
 		t25 = (nextValue_0) => {
 			onRangeSideChange("max", nextValue_0);
 		};
-		$[66] = onRangeSideChange;
-		$[67] = t25;
-	} else t25 = $[67];
+		$[68] = onRangeSideChange;
+		$[69] = t25;
+	} else t25 = $[69];
 	const t26 = !!effectiveError;
 	let t27;
-	if ($[68] !== onRangeSideClear) {
+	if ($[70] !== onRangeSideClear) {
 		t27 = () => {
 			onRangeSideClear("max");
 		};
-		$[68] = onRangeSideClear;
-		$[69] = t27;
-	} else t27 = $[69];
+		$[70] = onRangeSideClear;
+		$[71] = t27;
+	} else t27 = $[71];
 	let t28;
-	if ($[70] !== hideInnerLabels || $[71] !== isClearable || $[72] !== isDisabled || $[73] !== isRequired || $[74] !== maxInputClassName || $[75] !== maxLabel || $[76] !== maxPlaceholder || $[77] !== numberFieldProps || $[78] !== onBlur || $[79] !== rangeValue.max || $[80] !== t25 || $[81] !== t26 || $[82] !== t27) {
+	if ($[72] !== hideInnerLabels || $[73] !== isClearable || $[74] !== isClearableIfDisabled || $[75] !== isDisabled || $[76] !== isRequired || $[77] !== maxInputClassName || $[78] !== maxLabel || $[79] !== maxPlaceholder || $[80] !== numberFieldProps || $[81] !== onBlur || $[82] !== rangeValue.max || $[83] !== t25 || $[84] !== t26 || $[85] !== t27) {
 		t28 = /* @__PURE__ */ jsx(NumberRangeValueField, {
 			...numberFieldProps,
 			label: maxLabel,
@@ -460,26 +469,28 @@ var NumberRangeField = (t0) => {
 			isRequired,
 			hideInnerLabels,
 			isClearable,
+			isClearableIfDisabled,
 			onClear: t27,
 			className: maxInputClassName
 		});
-		$[70] = hideInnerLabels;
-		$[71] = isClearable;
-		$[72] = isDisabled;
-		$[73] = isRequired;
-		$[74] = maxInputClassName;
-		$[75] = maxLabel;
-		$[76] = maxPlaceholder;
-		$[77] = numberFieldProps;
-		$[78] = onBlur;
-		$[79] = rangeValue.max;
-		$[80] = t25;
-		$[81] = t26;
-		$[82] = t27;
-		$[83] = t28;
-	} else t28 = $[83];
+		$[72] = hideInnerLabels;
+		$[73] = isClearable;
+		$[74] = isClearableIfDisabled;
+		$[75] = isDisabled;
+		$[76] = isRequired;
+		$[77] = maxInputClassName;
+		$[78] = maxLabel;
+		$[79] = maxPlaceholder;
+		$[80] = numberFieldProps;
+		$[81] = onBlur;
+		$[82] = rangeValue.max;
+		$[83] = t25;
+		$[84] = t26;
+		$[85] = t27;
+		$[86] = t28;
+	} else t28 = $[86];
 	let t29;
-	if ($[84] !== t16 || $[85] !== t17 || $[86] !== t21 || $[87] !== t24 || $[88] !== t28) {
+	if ($[87] !== t16 || $[88] !== t17 || $[89] !== t21 || $[90] !== t24 || $[91] !== t28) {
 		t29 = /* @__PURE__ */ jsxs("div", {
 			className: t16,
 			children: [
@@ -489,15 +500,15 @@ var NumberRangeField = (t0) => {
 				t28
 			]
 		});
-		$[84] = t16;
-		$[85] = t17;
-		$[86] = t21;
-		$[87] = t24;
-		$[88] = t28;
-		$[89] = t29;
-	} else t29 = $[89];
+		$[87] = t16;
+		$[88] = t17;
+		$[89] = t21;
+		$[90] = t24;
+		$[91] = t28;
+		$[92] = t29;
+	} else t29 = $[92];
 	let t30;
-	if ($[90] !== focusWithinProps || $[91] !== hoverProps || $[92] !== t10 || $[93] !== t11 || $[94] !== t12 || $[95] !== t13 || $[96] !== t14 || $[97] !== t15 || $[98] !== t29 || $[99] !== t4 || $[100] !== t5 || $[101] !== t6 || $[102] !== t7 || $[103] !== t8 || $[104] !== t9) {
+	if ($[93] !== focusWithinProps || $[94] !== hoverProps || $[95] !== t10 || $[96] !== t11 || $[97] !== t12 || $[98] !== t13 || $[99] !== t14 || $[100] !== t15 || $[101] !== t29 || $[102] !== t4 || $[103] !== t5 || $[104] !== t6 || $[105] !== t7 || $[106] !== t8 || $[107] !== t9) {
 		t30 = /* @__PURE__ */ jsx("div", {
 			className: t4,
 			"data-rac": "",
@@ -516,25 +527,25 @@ var NumberRangeField = (t0) => {
 			...hoverProps,
 			children: t29
 		});
-		$[90] = focusWithinProps;
-		$[91] = hoverProps;
-		$[92] = t10;
-		$[93] = t11;
-		$[94] = t12;
-		$[95] = t13;
-		$[96] = t14;
-		$[97] = t15;
-		$[98] = t29;
-		$[99] = t4;
-		$[100] = t5;
-		$[101] = t6;
-		$[102] = t7;
-		$[103] = t8;
-		$[104] = t9;
-		$[105] = t30;
-	} else t30 = $[105];
+		$[93] = focusWithinProps;
+		$[94] = hoverProps;
+		$[95] = t10;
+		$[96] = t11;
+		$[97] = t12;
+		$[98] = t13;
+		$[99] = t14;
+		$[100] = t15;
+		$[101] = t29;
+		$[102] = t4;
+		$[103] = t5;
+		$[104] = t6;
+		$[105] = t7;
+		$[106] = t8;
+		$[107] = t9;
+		$[108] = t30;
+	} else t30 = $[108];
 	let t31;
-	if ($[106] !== as || $[107] !== formFieldProps || $[108] !== ref || $[109] !== t2 || $[110] !== t3 || $[111] !== t30) {
+	if ($[109] !== as || $[110] !== formFieldProps || $[111] !== ref || $[112] !== t2 || $[113] !== t3 || $[114] !== t30) {
 		t31 = /* @__PURE__ */ jsx(FormField, {
 			...formFieldProps,
 			ref,
@@ -543,28 +554,28 @@ var NumberRangeField = (t0) => {
 			tabIndex: t3,
 			children: t30
 		});
-		$[106] = as;
-		$[107] = formFieldProps;
-		$[108] = ref;
-		$[109] = t2;
-		$[110] = t3;
-		$[111] = t30;
-		$[112] = t31;
-	} else t31 = $[112];
+		$[109] = as;
+		$[110] = formFieldProps;
+		$[111] = ref;
+		$[112] = t2;
+		$[113] = t3;
+		$[114] = t30;
+		$[115] = t31;
+	} else t31 = $[115];
 	let t32;
-	if ($[113] !== as || $[114] !== effectiveError || $[115] !== t1 || $[116] !== t31) {
+	if ($[116] !== as || $[117] !== effectiveError || $[118] !== t1 || $[119] !== t31) {
 		t32 = /* @__PURE__ */ jsx(TooltipWrapper, {
 			as,
 			error: effectiveError,
 			triggerTabIndex: t1,
 			children: t31
 		});
-		$[113] = as;
-		$[114] = effectiveError;
-		$[115] = t1;
-		$[116] = t31;
-		$[117] = t32;
-	} else t32 = $[117];
+		$[116] = as;
+		$[117] = effectiveError;
+		$[118] = t1;
+		$[119] = t31;
+		$[120] = t32;
+	} else t32 = $[120];
 	return t32;
 };
 //#endregion