@povio/ui 3.4.0-rc.2 → 3.4.0-rc.22

package/dist/Slider-C2VnHdQq.js

@@ -0,0 +1,818 @@
+import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as FormField } from "./FormField-DoGaUqFm.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { D as $64fa3d84918910a7$export$fabf2dc03a41866e, F as $03deb23ff14920c4$export$4eaf04e54aa8eed6, L as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, N as $8ae05eaa5c114e9c$export$7f54fc3180508a52, R as $3ef42575df84b30b$export$9d1611c77c2fe928, S as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, T as $64fa3d84918910a7$export$df3a06d6289f983e, X as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, b as $64fa3d84918910a7$export$29f1550f4b0d4415, i as $f645667febf57a63$export$4c014de7c8940b4c, o as $46d819fcbaf35654$export$8f71654801c2f7cd, t as $6179b936705e76d3$export$ae780daf29e6d456, u as $507fabe10e71c6fb$export$8397ddfc504fdb9a, x as $64fa3d84918910a7$export$4d86445c2cf5e3, y as $64fa3d84918910a7$export$2881499e37b75b9a, z as $5dc95899b306f630$export$c9058316764c140e } from "./useHover-DwfnacVy.js";
+import { h as $7215afc6de606d6b$export$de79e2c695e052f3 } from "./openLink-BFEMFlhB.js";
+import { l as $9446cca9a3875146$export$cb6e0bb50bc19463, s as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./OverlayArrow-BrSp26z2.js";
+import { t as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BhJH8XnS.js";
+import { t as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-Bk39gTui.js";
+import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-CLFkoJMP.js";
+import { t as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-CTdFIKV_.js";
+import { i as $14c0b72509d70225$export$b0d6fa1ab32e3295, r as $14c0b72509d70225$export$16a4697467175487, t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DuXtCnJj.js";
+import { t as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-DjaDVPQT.js";
+import { t as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-BFvzYK5u.js";
+import { t as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-C0MdchIz.js";
+import { t as Typography } from "./Typography-AcUd9df8.js";
+import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
+import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
+import $HgANd$react, { createContext, forwardRef, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@react-aria+interactions@3.27.0+67f6792bdf102c28/node_modules/@react-aria/interactions/dist/useMove.mjs
+function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
+	let { onMoveStart, onMove, onMoveEnd } = props;
+	let state = useRef({
+		didMove: false,
+		lastPosition: null,
+		id: null
+	});
+	let { addGlobalListener, removeGlobalListener } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
+	let move = useCallback((originalEvent, pointerType, deltaX, deltaY) => {
+		if (deltaX === 0 && deltaY === 0) return;
+		if (!state.current.didMove) {
+			state.current.didMove = true;
+			onMoveStart === null || onMoveStart === void 0 || onMoveStart({
+				type: "movestart",
+				pointerType,
+				shiftKey: originalEvent.shiftKey,
+				metaKey: originalEvent.metaKey,
+				ctrlKey: originalEvent.ctrlKey,
+				altKey: originalEvent.altKey
+			});
+		}
+		onMove === null || onMove === void 0 || onMove({
+			type: "move",
+			pointerType,
+			deltaX,
+			deltaY,
+			shiftKey: originalEvent.shiftKey,
+			metaKey: originalEvent.metaKey,
+			ctrlKey: originalEvent.ctrlKey,
+			altKey: originalEvent.altKey
+		});
+	}, [
+		onMoveStart,
+		onMove,
+		state
+	]);
+	let moveEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(move);
+	let end = useCallback((originalEvent, pointerType) => {
+		$14c0b72509d70225$export$b0d6fa1ab32e3295();
+		if (state.current.didMove) onMoveEnd === null || onMoveEnd === void 0 || onMoveEnd({
+			type: "moveend",
+			pointerType,
+			shiftKey: originalEvent.shiftKey,
+			metaKey: originalEvent.metaKey,
+			ctrlKey: originalEvent.ctrlKey,
+			altKey: originalEvent.altKey
+		});
+	}, [onMoveEnd, state]);
+	let endEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(end);
+	let [pointerDown, setPointerDown] = useState(null);
+	$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+		if (pointerDown === "pointer") {
+			let onPointerMove = (e) => {
+				if (e.pointerId === state.current.id) {
+					var _state_current_lastPosition, _state_current_lastPosition1;
+					let pointerType = e.pointerType || "mouse";
+					var _state_current_lastPosition_pageX, _state_current_lastPosition_pageY;
+					moveEvent(e, pointerType, e.pageX - ((_state_current_lastPosition_pageX = (_state_current_lastPosition = state.current.lastPosition) === null || _state_current_lastPosition === void 0 ? void 0 : _state_current_lastPosition.pageX) !== null && _state_current_lastPosition_pageX !== void 0 ? _state_current_lastPosition_pageX : 0), e.pageY - ((_state_current_lastPosition_pageY = (_state_current_lastPosition1 = state.current.lastPosition) === null || _state_current_lastPosition1 === void 0 ? void 0 : _state_current_lastPosition1.pageY) !== null && _state_current_lastPosition_pageY !== void 0 ? _state_current_lastPosition_pageY : 0));
+					state.current.lastPosition = {
+						pageX: e.pageX,
+						pageY: e.pageY
+					};
+				}
+			};
+			let onPointerUp = (e) => {
+				if (e.pointerId === state.current.id) {
+					let pointerType = e.pointerType || "mouse";
+					endEvent(e, pointerType);
+					state.current.id = null;
+					removeGlobalListener(window, "pointermove", onPointerMove, false);
+					removeGlobalListener(window, "pointerup", onPointerUp, false);
+					removeGlobalListener(window, "pointercancel", onPointerUp, false);
+					setPointerDown(null);
+				}
+			};
+			addGlobalListener(window, "pointermove", onPointerMove, false);
+			addGlobalListener(window, "pointerup", onPointerUp, false);
+			addGlobalListener(window, "pointercancel", onPointerUp, false);
+			return () => {
+				removeGlobalListener(window, "pointermove", onPointerMove, false);
+				removeGlobalListener(window, "pointerup", onPointerUp, false);
+				removeGlobalListener(window, "pointercancel", onPointerUp, false);
+			};
+		}
+	}, [
+		pointerDown,
+		addGlobalListener,
+		removeGlobalListener
+	]);
+	return { moveProps: useMemo(() => {
+		let moveProps = {};
+		let start = () => {
+			$14c0b72509d70225$export$16a4697467175487();
+			state.current.didMove = false;
+		};
+		moveProps.onPointerDown = (e) => {
+			if (e.button === 0 && state.current.id == null) {
+				start();
+				e.stopPropagation();
+				e.preventDefault();
+				state.current.lastPosition = {
+					pageX: e.pageX,
+					pageY: e.pageY
+				};
+				state.current.id = e.pointerId;
+				setPointerDown("pointer");
+			}
+		};
+		let triggerKeyboardMove = (e, deltaX, deltaY) => {
+			start();
+			move(e, "keyboard", deltaX, deltaY);
+			end(e, "keyboard");
+		};
+		moveProps.onKeyDown = (e) => {
+			switch (e.key) {
+				case "Left":
+				case "ArrowLeft":
+					e.preventDefault();
+					e.stopPropagation();
+					triggerKeyboardMove(e, -1, 0);
+					break;
+				case "Right":
+				case "ArrowRight":
+					e.preventDefault();
+					e.stopPropagation();
+					triggerKeyboardMove(e, 1, 0);
+					break;
+				case "Up":
+				case "ArrowUp":
+					e.preventDefault();
+					e.stopPropagation();
+					triggerKeyboardMove(e, 0, -1);
+					break;
+				case "Down":
+				case "ArrowDown":
+					e.preventDefault();
+					e.stopPropagation();
+					triggerKeyboardMove(e, 0, 1);
+			}
+		};
+		return moveProps;
+	}, [
+		state,
+		move,
+		end
+	]) };
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-stately+slider@3.7.4+83d5fd7b249dbeef/node_modules/@react-stately/slider/dist/useSliderState.mjs
+const $28f99e3e86e6ec45$var$DEFAULT_MIN_VALUE = 0;
+const $28f99e3e86e6ec45$var$DEFAULT_MAX_VALUE = 100;
+const $28f99e3e86e6ec45$var$DEFAULT_STEP_VALUE = 1;
+function $28f99e3e86e6ec45$export$e5fda3247f5d67f9(props) {
+	const { isDisabled = false, minValue = $28f99e3e86e6ec45$var$DEFAULT_MIN_VALUE, maxValue = $28f99e3e86e6ec45$var$DEFAULT_MAX_VALUE, numberFormatter: formatter, step = $28f99e3e86e6ec45$var$DEFAULT_STEP_VALUE, orientation = "horizontal" } = props;
+	let pageSize = useMemo(() => {
+		let calcPageSize = (maxValue - minValue) / 10;
+		calcPageSize = $9446cca9a3875146$export$cb6e0bb50bc19463(calcPageSize, 0, calcPageSize + step, step);
+		return Math.max(calcPageSize, step);
+	}, [
+		step,
+		maxValue,
+		minValue
+	]);
+	let restrictValues = useCallback((values) => values === null || values === void 0 ? void 0 : values.map((val, idx) => {
+		let min = idx === 0 ? minValue : values[idx - 1];
+		let max = idx === values.length - 1 ? maxValue : values[idx + 1];
+		return $9446cca9a3875146$export$cb6e0bb50bc19463(val, min, max, step);
+	}), [
+		minValue,
+		maxValue,
+		step
+	]);
+	let value = useMemo(() => restrictValues($28f99e3e86e6ec45$var$convertValue(props.value)), [props.value, restrictValues]);
+	let defaultValue = useMemo(() => {
+		var _convertValue;
+		return restrictValues((_convertValue = $28f99e3e86e6ec45$var$convertValue(props.defaultValue)) !== null && _convertValue !== void 0 ? _convertValue : [minValue]);
+	}, [
+		props.defaultValue,
+		minValue,
+		restrictValues
+	]);
+	let onChange = $28f99e3e86e6ec45$var$createOnChange(props.value, props.defaultValue, props.onChange);
+	let onChangeEnd = $28f99e3e86e6ec45$var$createOnChange(props.value, props.defaultValue, props.onChangeEnd);
+	const [values, setValuesState] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange);
+	let [initialValues] = useState(values);
+	const [isDraggings, setDraggingsState] = useState(new Array(values.length).fill(false));
+	const isEditablesRef = useRef(new Array(values.length).fill(true));
+	const [focusedIndex, setFocusedIndex] = useState(void 0);
+	const valuesRef = useRef(values);
+	const isDraggingsRef = useRef(isDraggings);
+	let setValues = (values) => {
+		valuesRef.current = values;
+		setValuesState(values);
+	};
+	let setDraggings = (draggings) => {
+		isDraggingsRef.current = draggings;
+		setDraggingsState(draggings);
+	};
+	function getValuePercent(value) {
+		return (value - minValue) / (maxValue - minValue);
+	}
+	function getThumbMinValue(index) {
+		return index === 0 ? minValue : values[index - 1];
+	}
+	function getThumbMaxValue(index) {
+		return index === values.length - 1 ? maxValue : values[index + 1];
+	}
+	function isThumbEditable(index) {
+		return isEditablesRef.current[index];
+	}
+	function setThumbEditable(index, editable) {
+		isEditablesRef.current[index] = editable;
+	}
+	function updateValue(index, value) {
+		if (isDisabled || !isThumbEditable(index)) return;
+		const thisMin = getThumbMinValue(index);
+		const thisMax = getThumbMaxValue(index);
+		value = $9446cca9a3875146$export$cb6e0bb50bc19463(value, thisMin, thisMax, step);
+		let newValues = $28f99e3e86e6ec45$var$replaceIndex(valuesRef.current, index, value);
+		setValues(newValues);
+	}
+	function updateDragging(index, dragging) {
+		if (isDisabled || !isThumbEditable(index)) return;
+		if (dragging) valuesRef.current = values;
+		const wasDragging = isDraggingsRef.current[index];
+		isDraggingsRef.current = $28f99e3e86e6ec45$var$replaceIndex(isDraggingsRef.current, index, dragging);
+		setDraggings(isDraggingsRef.current);
+		if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) onChangeEnd(valuesRef.current);
+	}
+	function getFormattedValue(value) {
+		return formatter.format(value);
+	}
+	function setThumbPercent(index, percent) {
+		updateValue(index, getPercentValue(percent));
+	}
+	function getRoundedValue(value) {
+		return Math.round((value - minValue) / step) * step + minValue;
+	}
+	function getPercentValue(percent) {
+		const val = percent * (maxValue - minValue) + minValue;
+		return $9446cca9a3875146$export$7d15b64cf5a3a4c4(getRoundedValue(val), minValue, maxValue);
+	}
+	function incrementThumb(index, stepSize = 1) {
+		let s = Math.max(stepSize, step);
+		updateValue(index, $9446cca9a3875146$export$cb6e0bb50bc19463(values[index] + s, minValue, maxValue, step));
+	}
+	function decrementThumb(index, stepSize = 1) {
+		let s = Math.max(stepSize, step);
+		updateValue(index, $9446cca9a3875146$export$cb6e0bb50bc19463(values[index] - s, minValue, maxValue, step));
+	}
+	return {
+		values,
+		defaultValues: props.defaultValue !== void 0 ? defaultValue : initialValues,
+		getThumbValue: (index) => values[index],
+		setThumbValue: updateValue,
+		setThumbPercent,
+		isThumbDragging: (index) => isDraggings[index],
+		setThumbDragging: updateDragging,
+		focusedThumb: focusedIndex,
+		setFocusedThumb: setFocusedIndex,
+		getThumbPercent: (index) => getValuePercent(values[index]),
+		getValuePercent,
+		getThumbValueLabel: (index) => getFormattedValue(values[index]),
+		getFormattedValue,
+		getThumbMinValue,
+		getThumbMaxValue,
+		getPercentValue,
+		isThumbEditable,
+		setThumbEditable,
+		incrementThumb,
+		decrementThumb,
+		step,
+		pageSize,
+		orientation,
+		isDisabled
+	};
+}
+function $28f99e3e86e6ec45$var$replaceIndex(array, index, value) {
+	if (array[index] === value) return array;
+	return [
+		...array.slice(0, index),
+		value,
+		...array.slice(index + 1)
+	];
+}
+function $28f99e3e86e6ec45$var$convertValue(value) {
+	if (value == null) return void 0;
+	return Array.isArray(value) ? value : [value];
+}
+function $28f99e3e86e6ec45$var$createOnChange(value, defaultValue, onChange) {
+	return (newValue) => {
+		if (typeof value === "number" || typeof defaultValue === "number") onChange === null || onChange === void 0 || onChange(newValue[0]);
+		else onChange === null || onChange === void 0 || onChange(newValue);
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+slider@3.8.4+67f6792bdf102c28/node_modules/@react-aria/slider/dist/utils.mjs
+const $aa519ee6cf463259$export$d6c8d9636a3dc49c = /* @__PURE__ */ new WeakMap();
+function $aa519ee6cf463259$export$68e648cbec363a18(state, index) {
+	let data = $aa519ee6cf463259$export$d6c8d9636a3dc49c.get(state);
+	if (!data) throw new Error("Unknown slider state");
+	return `${data.id}-${index}`;
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+slider@3.8.4+67f6792bdf102c28/node_modules/@react-aria/slider/dist/useSlider.mjs
+function $bcca50147b47f54d$export$56b2c08e277f365(props, state, trackRef) {
+	let { labelProps, fieldProps } = $d191a55c9702f145$export$8467354a121f1b9f(props);
+	let isVertical = props.orientation === "vertical";
+	var _labelProps_id;
+	$aa519ee6cf463259$export$d6c8d9636a3dc49c.set(state, {
+		id: (_labelProps_id = labelProps.id) !== null && _labelProps_id !== void 0 ? _labelProps_id : fieldProps.id,
+		"aria-describedby": props["aria-describedby"],
+		"aria-details": props["aria-details"]
+	});
+	let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+	let { addGlobalListener, removeGlobalListener } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
+	const realTimeTrackDraggingIndex = useRef(null);
+	const reverseX = direction === "rtl";
+	const currentPosition = useRef(null);
+	const { moveProps } = $e8a7022cf87cba2a$export$36da96379f79f245({
+		onMoveStart() {
+			currentPosition.current = null;
+		},
+		onMove({ deltaX, deltaY }) {
+			if (!trackRef.current) return;
+			let { height, width } = trackRef.current.getBoundingClientRect();
+			let size = isVertical ? height : width;
+			if (currentPosition.current == null && realTimeTrackDraggingIndex.current != null) currentPosition.current = state.getThumbPercent(realTimeTrackDraggingIndex.current) * size;
+			let delta = isVertical ? deltaY : deltaX;
+			if (isVertical || reverseX) delta = -delta;
+			currentPosition.current += delta;
+			if (realTimeTrackDraggingIndex.current != null && trackRef.current) {
+				const percent = $9446cca9a3875146$export$7d15b64cf5a3a4c4(currentPosition.current / size, 0, 1);
+				state.setThumbPercent(realTimeTrackDraggingIndex.current, percent);
+			}
+		},
+		onMoveEnd() {
+			if (realTimeTrackDraggingIndex.current != null) {
+				state.setThumbDragging(realTimeTrackDraggingIndex.current, false);
+				realTimeTrackDraggingIndex.current = null;
+			}
+		}
+	});
+	let currentPointer = useRef(void 0);
+	let onDownTrack = (e, id, clientX, clientY) => {
+		if (trackRef.current && !props.isDisabled && state.values.every((_, i) => !state.isThumbDragging(i))) {
+			let { height, width, top, left } = trackRef.current.getBoundingClientRect();
+			let size = isVertical ? height : width;
+			let percent = ((isVertical ? clientY : clientX) - (isVertical ? top : left)) / size;
+			if (direction === "rtl" || isVertical) percent = 1 - percent;
+			let value = state.getPercentValue(percent);
+			let closestThumb;
+			let split = state.values.findIndex((v) => value - v < 0);
+			if (split === 0) closestThumb = split;
+			else if (split === -1) closestThumb = state.values.length - 1;
+			else {
+				let lastLeft = state.values[split - 1];
+				let firstRight = state.values[split];
+				if (Math.abs(lastLeft - value) < Math.abs(firstRight - value)) closestThumb = split - 1;
+				else closestThumb = split;
+			}
+			if (closestThumb >= 0 && state.isThumbEditable(closestThumb)) {
+				e.preventDefault();
+				realTimeTrackDraggingIndex.current = closestThumb;
+				state.setFocusedThumb(closestThumb);
+				currentPointer.current = id;
+				state.setThumbDragging(realTimeTrackDraggingIndex.current, true);
+				state.setThumbValue(closestThumb, value);
+				addGlobalListener(window, "mouseup", onUpTrack, false);
+				addGlobalListener(window, "touchend", onUpTrack, false);
+				addGlobalListener(window, "pointerup", onUpTrack, false);
+			} else realTimeTrackDraggingIndex.current = null;
+		}
+	};
+	let onUpTrack = (e) => {
+		var _e_changedTouches;
+		var _e_pointerId;
+		if (((_e_pointerId = e.pointerId) !== null && _e_pointerId !== void 0 ? _e_pointerId : (_e_changedTouches = e.changedTouches) === null || _e_changedTouches === void 0 ? void 0 : _e_changedTouches[0].identifier) === currentPointer.current) {
+			if (realTimeTrackDraggingIndex.current != null) {
+				state.setThumbDragging(realTimeTrackDraggingIndex.current, false);
+				realTimeTrackDraggingIndex.current = null;
+			}
+			removeGlobalListener(window, "mouseup", onUpTrack, false);
+			removeGlobalListener(window, "touchend", onUpTrack, false);
+			removeGlobalListener(window, "pointerup", onUpTrack, false);
+		}
+	};
+	if ("htmlFor" in labelProps && labelProps.htmlFor) {
+		delete labelProps.htmlFor;
+		labelProps.onClick = () => {
+			var _document_getElementById;
+			(_document_getElementById = document.getElementById($aa519ee6cf463259$export$68e648cbec363a18(state, 0))) === null || _document_getElementById === void 0 || _document_getElementById.focus();
+			$507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard");
+		};
+	}
+	return {
+		labelProps,
+		groupProps: {
+			role: "group",
+			...fieldProps
+		},
+		trackProps: $3ef42575df84b30b$export$9d1611c77c2fe928({
+			onMouseDown(e) {
+				if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) return;
+				onDownTrack(e, void 0, e.clientX, e.clientY);
+			},
+			onPointerDown(e) {
+				if (e.pointerType === "mouse" && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) return;
+				onDownTrack(e, e.pointerId, e.clientX, e.clientY);
+			},
+			onTouchStart(e) {
+				onDownTrack(e, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);
+			},
+			style: {
+				position: "relative",
+				touchAction: "none"
+			}
+		}, moveProps),
+		outputProps: {
+			htmlFor: state.values.map((_, index) => $aa519ee6cf463259$export$68e648cbec363a18(state, index)).join(" "),
+			"aria-live": "off"
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+slider@3.8.4+67f6792bdf102c28/node_modules/@react-aria/slider/dist/useSliderThumb.mjs
+function $47b897dc8cdb026b$export$8d15029008292ae(opts, state) {
+	let { index = 0, isRequired, validationState, isInvalid, trackRef, inputRef, orientation = state.orientation, name, form } = opts;
+	let isDisabled = opts.isDisabled || state.isDisabled;
+	let isVertical = orientation === "vertical";
+	let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+	let { addGlobalListener, removeGlobalListener } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
+	let data = $aa519ee6cf463259$export$d6c8d9636a3dc49c.get(state);
+	var _opts_arialabelledby;
+	const { labelProps, fieldProps } = $d191a55c9702f145$export$8467354a121f1b9f({
+		...opts,
+		id: $aa519ee6cf463259$export$68e648cbec363a18(state, index),
+		"aria-labelledby": `${data.id} ${(_opts_arialabelledby = opts["aria-labelledby"]) !== null && _opts_arialabelledby !== void 0 ? _opts_arialabelledby : ""}`.trim()
+	});
+	const value = state.values[index];
+	const focusInput = useCallback(() => {
+		if (inputRef.current) $7215afc6de606d6b$export$de79e2c695e052f3(inputRef.current);
+	}, [inputRef]);
+	const isFocused = state.focusedThumb === index;
+	useEffect(() => {
+		if (isFocused) focusInput();
+	}, [isFocused, focusInput]);
+	let reverseX = direction === "rtl";
+	let currentPosition = useRef(null);
+	let { keyboardProps } = $46d819fcbaf35654$export$8f71654801c2f7cd({ onKeyDown(e) {
+		let { getThumbMaxValue, getThumbMinValue, decrementThumb, incrementThumb, setThumbValue, setThumbDragging, pageSize } = state;
+		if (!/^(PageUp|PageDown|Home|End)$/.test(e.key)) {
+			e.continuePropagation();
+			return;
+		}
+		e.preventDefault();
+		setThumbDragging(index, true);
+		switch (e.key) {
+			case "PageUp":
+				incrementThumb(index, pageSize);
+				break;
+			case "PageDown":
+				decrementThumb(index, pageSize);
+				break;
+			case "Home":
+				setThumbValue(index, getThumbMinValue(index));
+				break;
+			case "End": setThumbValue(index, getThumbMaxValue(index));
+		}
+		setThumbDragging(index, false);
+	} });
+	let { moveProps } = $e8a7022cf87cba2a$export$36da96379f79f245({
+		onMoveStart() {
+			currentPosition.current = null;
+			state.setThumbDragging(index, true);
+		},
+		onMove({ deltaX, deltaY, pointerType, shiftKey }) {
+			const { getThumbPercent, setThumbPercent, decrementThumb, incrementThumb, step, pageSize } = state;
+			if (!trackRef.current) return;
+			let { width, height } = trackRef.current.getBoundingClientRect();
+			let size = isVertical ? height : width;
+			if (currentPosition.current == null) currentPosition.current = getThumbPercent(index) * size;
+			if (pointerType === "keyboard") if (deltaX > 0 && reverseX || deltaX < 0 && !reverseX || deltaY > 0) decrementThumb(index, shiftKey ? pageSize : step);
+			else incrementThumb(index, shiftKey ? pageSize : step);
+			else {
+				let delta = isVertical ? deltaY : deltaX;
+				if (isVertical || reverseX) delta = -delta;
+				currentPosition.current += delta;
+				setThumbPercent(index, $9446cca9a3875146$export$7d15b64cf5a3a4c4(currentPosition.current / size, 0, 1));
+			}
+		},
+		onMoveEnd() {
+			state.setThumbDragging(index, false);
+		}
+	});
+	state.setThumbEditable(index, !isDisabled);
+	const { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c($3ef42575df84b30b$export$9d1611c77c2fe928(opts, {
+		onFocus: () => state.setFocusedThumb(index),
+		onBlur: () => state.setFocusedThumb(void 0)
+	}), inputRef);
+	let currentPointer = useRef(void 0);
+	let onDown = (id) => {
+		focusInput();
+		currentPointer.current = id;
+		state.setThumbDragging(index, true);
+		addGlobalListener(window, "mouseup", onUp, false);
+		addGlobalListener(window, "touchend", onUp, false);
+		addGlobalListener(window, "pointerup", onUp, false);
+	};
+	let onUp = (e) => {
+		var _e_changedTouches;
+		var _e_pointerId;
+		if (((_e_pointerId = e.pointerId) !== null && _e_pointerId !== void 0 ? _e_pointerId : (_e_changedTouches = e.changedTouches) === null || _e_changedTouches === void 0 ? void 0 : _e_changedTouches[0].identifier) === currentPointer.current) {
+			focusInput();
+			state.setThumbDragging(index, false);
+			removeGlobalListener(window, "mouseup", onUp, false);
+			removeGlobalListener(window, "touchend", onUp, false);
+			removeGlobalListener(window, "pointerup", onUp, false);
+		}
+	};
+	let thumbPosition = state.getThumbPercent(index);
+	if (isVertical || direction === "rtl") thumbPosition = 1 - thumbPosition;
+	let interactions = !isDisabled ? $3ef42575df84b30b$export$9d1611c77c2fe928(keyboardProps, moveProps, {
+		onMouseDown: (e) => {
+			if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) return;
+			onDown();
+		},
+		onPointerDown: (e) => {
+			if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) return;
+			onDown(e.pointerId);
+		},
+		onTouchStart: (e) => {
+			onDown(e.changedTouches[0].identifier);
+		}
+	}) : {};
+	$99facab73266f662$export$5add1d006293d136(inputRef, state.defaultValues[index], (v) => {
+		state.setThumbValue(index, v);
+	});
+	return {
+		inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, fieldProps, {
+			type: "range",
+			tabIndex: !isDisabled ? 0 : void 0,
+			min: state.getThumbMinValue(index),
+			max: state.getThumbMaxValue(index),
+			step: state.step,
+			value,
+			name,
+			form,
+			disabled: isDisabled,
+			"aria-orientation": orientation,
+			"aria-valuetext": state.getThumbValueLabel(index),
+			"aria-required": isRequired || void 0,
+			"aria-invalid": isInvalid || validationState === "invalid" || void 0,
+			"aria-errormessage": opts["aria-errormessage"],
+			"aria-describedby": [data["aria-describedby"], opts["aria-describedby"]].filter(Boolean).join(" "),
+			"aria-details": [data["aria-details"], opts["aria-details"]].filter(Boolean).join(" "),
+			onChange: (e) => {
+				state.setThumbValue(index, parseFloat(e.target.value));
+			}
+		}),
+		thumbProps: {
+			...interactions,
+			style: {
+				position: "absolute",
+				[isVertical ? "top" : "left"]: `${thumbPosition * 100}%`,
+				transform: "translate(-50%, -50%)",
+				touchAction: "none"
+			}
+		},
+		labelProps,
+		isDragging: state.isThumbDragging(index),
+		isDisabled,
+		isFocused
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/Slider.mjs
+const $6f909507e6374d18$export$e99164f0030f3bff = /*#__PURE__*/ createContext(null);
+const $6f909507e6374d18$export$1e7083018727fa60 = /*#__PURE__*/ createContext(null);
+const $6f909507e6374d18$export$f1fce0420cc6d8ee = /*#__PURE__*/ createContext(null);
+const $6f909507e6374d18$export$6189c2744041d8f8 = /*#__PURE__*/ createContext(null);
+const $6f909507e6374d18$export$472062a354075cee = /*#__PURE__*/ forwardRef(function Slider(props, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $6f909507e6374d18$export$e99164f0030f3bff);
+	let trackRef = useRef(null);
+	let numberFormatter = $a916eb452884faea$export$b7a616150fdb9f44(props.formatOptions);
+	let state = $28f99e3e86e6ec45$export$e5fda3247f5d67f9({
+		...props,
+		numberFormatter
+	});
+	let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
+	let { groupProps, trackProps, labelProps, outputProps } = $bcca50147b47f54d$export$56b2c08e277f365({
+		...props,
+		label
+	}, state, trackRef);
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		values: {
+			orientation: state.orientation,
+			isDisabled: state.isDisabled,
+			state
+		},
+		defaultClassName: "react-aria-Slider"
+	});
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { global: true });
+	delete DOMProps.id;
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$2881499e37b75b9a, { values: [
+		[$6f909507e6374d18$export$1e7083018727fa60, state],
+		[$6f909507e6374d18$export$f1fce0420cc6d8ee, {
+			...trackProps,
+			ref: trackRef
+		}],
+		[$6f909507e6374d18$export$6189c2744041d8f8, outputProps],
+		[$01b77f81d0f07f68$export$75b6ee27786ba447, {
+			...labelProps,
+			ref: labelRef
+		}]
+	] }, /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, groupProps),
+		ref,
+		slot: props.slot || void 0,
+		"data-orientation": state.orientation,
+		"data-disabled": state.isDisabled || void 0
+	}));
+});
+const $6f909507e6374d18$export$105594979f116971 = /*#__PURE__*/ forwardRef(function SliderTrack(props, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $6f909507e6374d18$export$f1fce0420cc6d8ee);
+	let state = useContext($6f909507e6374d18$export$1e7083018727fa60);
+	let { onHoverStart, onHoverEnd, onHoverChange, ...otherProps } = props;
+	let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
+		onHoverStart,
+		onHoverEnd,
+		onHoverChange
+	});
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName: "react-aria-SliderTrack",
+		values: {
+			orientation: state.orientation,
+			isDisabled: state.isDisabled,
+			isHovered,
+			state
+		}
+	});
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(otherProps, hoverProps),
+		...renderProps,
+		ref,
+		"data-hovered": isHovered || void 0,
+		"data-orientation": state.orientation || void 0,
+		"data-disabled": state.isDisabled || void 0
+	});
+});
+const $6f909507e6374d18$export$2c1b491743890dec = /*#__PURE__*/ forwardRef(function SliderThumb(props, ref) {
+	let { inputRef: userInputRef = null } = props;
+	let state = useContext($6f909507e6374d18$export$1e7083018727fa60);
+	let { ref: trackRef } = $64fa3d84918910a7$export$fabf2dc03a41866e($6f909507e6374d18$export$f1fce0420cc6d8ee);
+	let { index = 0 } = props;
+	let defaultInputRef = useRef(null);
+	let inputRef = userInputRef || defaultInputRef;
+	let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
+	let { thumbProps, inputProps, labelProps, isDragging, isFocused, isDisabled } = $47b897dc8cdb026b$export$8d15029008292ae({
+		...props,
+		index,
+		trackRef,
+		inputRef,
+		label
+	}, state);
+	let { focusProps, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f();
+	let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName: "react-aria-SliderThumb",
+		values: {
+			state,
+			isHovered,
+			isDragging,
+			isFocused,
+			isFocusVisible,
+			isDisabled
+		}
+	});
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { global: true });
+	delete DOMProps.id;
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, thumbProps, hoverProps),
+		...renderProps,
+		ref,
+		style: {
+			...thumbProps.style,
+			...renderProps.style
+		},
+		"data-hovered": isHovered || void 0,
+		"data-dragging": isDragging || void 0,
+		"data-focused": isFocused || void 0,
+		"data-focus-visible": isFocusVisible || void 0,
+		"data-disabled": isDisabled || void 0
+	}, /*#__PURE__*/ $HgANd$react.createElement($5c3e21d68f1c4674$export$439d29a4e110a164, null, /*#__PURE__*/ $HgANd$react.createElement("input", {
+		ref: inputRef,
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(inputProps, focusProps)
+	})), /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$2881499e37b75b9a, { values: [[$01b77f81d0f07f68$export$75b6ee27786ba447, {
+		...labelProps,
+		ref: labelRef
+	}]] }, renderProps.children));
+});
+//#endregion
+//#region src/components/inputs/Slider/Slider.tsx
+const SliderBase = (props) => {
+	const ui = UIConfig.useConfig();
+	const { label, tooltipText, helperText, isRequired, rightContent, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, unit, hideLabel: hideLabelProp, minValue: minValueProp, maxValue: maxValueProp, onBlur, ...rest } = props;
+	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
+	const minValue = minValueProp ?? ui.slider.minValue;
+	const maxValue = maxValueProp ?? ui.slider.maxValue;
+	const formFieldProps = {
+		error,
+		label,
+		tooltipText,
+		helperText,
+		isRequired,
+		rightContent,
+		isHeaderHidden,
+		hideLabel,
+		isDisabled,
+		headerClassName,
+		errorClassName
+	};
+	const defaultValue = props.defaultValue ?? (props.isRange ? [minValue, minValue] : minValue);
+	const getTrackFillStyle = (state) => {
+		const p0 = state.getThumbPercent(0);
+		const p1 = state.getThumbPercent(1);
+		return {
+			left: props.isRange ? `${p0 * 100}%` : 0,
+			width: props.isRange ? `${(p1 - p0) * 100}%` : `${p0 * 100}%`
+		};
+	};
+	return /* @__PURE__ */ jsx($6f909507e6374d18$export$472062a354075cee, {
+		...rest,
+		defaultValue,
+		minValue,
+		maxValue,
+		isDisabled,
+		className: clsx("group", rest.className),
+		children: /* @__PURE__ */ jsx(FormField, {
+			...formFieldProps,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [
+					/* @__PURE__ */ jsxs(Typography, {
+						className: "min-w-10 px-slider-side-leading-and-trailing py-slider-height-leading-and-trailing text-text-default-3",
+						size: "label-2",
+						children: [minValue, unit]
+					}),
+					/* @__PURE__ */ jsx($6f909507e6374d18$export$105594979f116971, {
+						className: "relative mx-2 h-6 w-full",
+						children: ({ state }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+							className: "absolute top-1/2 h-1 w-full -translate-y-1/2 overflow-hidden rounded-full bg-elevation-outline-default-1",
+							children: /* @__PURE__ */ jsx("div", {
+								className: clsx("absolute top-0 h-1 rounded-full", props.isDisabled ? "bg-interactive-contained-primary-disabled" : "bg-interactive-contained-primary-idle"),
+								style: getTrackFillStyle(state)
+							})
+						}), state.values.map((_, i) => /* @__PURE__ */ jsx($6f909507e6374d18$export$2c1b491743890dec, {
+							index: i,
+							className: clsx("absolute top-1/2 size-4 cursor-pointer rounded-full bg-interactive-contained-primary-idle disabled:cursor-default", "dragging:bg-interactive-contained-primary-pressed hover:bg-interactive-contained-primary-hover focus-visible:outline-interactive-contained-primary-focus disabled:bg-interactive-contained-primary-disabled", uiOutlineClass),
+							isDisabled,
+							onBlur: (event) => onBlur?.({ target: event.target })
+						}, i))] })
+					}),
+					/* @__PURE__ */ jsxs(Typography, {
+						className: "min-w-10 px-slider-side-leading-and-trailing py-slider-height-leading-and-trailing text-text-default-3",
+						size: "label-2",
+						children: [maxValue, unit]
+					})
+				]
+			})
+		})
+	});
+};
+const SliderComponent = (props) => {
+	if ("field" in props && props.field) {
+		const { field, ref, ...innerProps } = props;
+		return /* @__PURE__ */ jsx(FieldController, {
+			control: field.form,
+			name: field.name,
+			render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(SliderBase, {
+				...innerProps,
+				ref: $5dc95899b306f630$export$c9058316764c140e(ref, field.ref),
+				value: field.value,
+				onBlur: field.onBlur,
+				onChange: field.onChange,
+				isDisabled: field.disabled || props.isDisabled,
+				error: props.error ?? error?.message
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(SliderBase, { ...props });
+};
+const Slider = memo(SliderComponent);
+//#endregion
+export { Slider as t };