@ryuzaki13/react-foundation-ui 1.4.5 → 1.5.1

package/dist/slider/index.js

@@ -1,151 +1,152 @@
-import { n as e, r as t } from "../chunks/popover-CGU3MlsH.js";
-import { t as n } from "../chunks/ui.module-BisoTevy.js";
-import { i as r, l as i, o as a, s as o } from "../chunks/input-Bp6_Ucgr.js";
-import { l as s } from "../chunks/picker-e6IsrMUG.js";
-import { useCallback as c, useEffect as ee, useEffectEvent as l, useMemo as u, useRef as d, useState as f } from "react";
-import { cn as te } from "@ryuzaki13/react-foundation-lib/utils";
-import { Fragment as ne, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { toFiniteNumber as h } from "@ryuzaki13/react-foundation-lib/formatters";
-import { findClosestNumberScaleMark as g, findClosestNumberScaleMarkByPercent as _, getNumberScaleMarkPercent as v, offsetNumberScaleValue as y, percentToNumberScaleValue as b, prepareNumberScaleMarks as x, resolveNumberScaleBounds as S, snapNumberScaleValue as C, snapNumberScaleValueToStep as w, valueToNumberScalePercent as T } from "@ryuzaki13/react-foundation-lib/number-scale";
+import { n as e, r as t } from "../chunks/popover-BTT7zSqx.js";
+import { t as n } from "../chunks/ui.module-BfaIVBba.js";
+import { i as r, l as i, o as a, s as o } from "../chunks/input-CAw1Loze.js";
+import { l as s } from "../chunks/picker-TYLwgl1c.js";
+import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { cn as ee } from "@ryuzaki13/react-foundation-lib/utils";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { toFiniteNumber as g } from "@ryuzaki13/react-foundation-lib/formatters";
+import { findClosestNumberScaleMark as _, findClosestNumberScaleMarkByPercent as v, getNumberScaleMarkPercent as y, offsetNumberScaleValue as b, percentToNumberScaleValue as x, prepareNumberScaleMarks as S, resolveNumberScaleBounds as C, snapNumberScaleValue as w, snapNumberScaleValueToStep as T, valueToNumberScalePercent as E } from "@ryuzaki13/react-foundation-lib/number-scale";
 import "@ryuzaki13/react-foundation-lib/range-output";
 //#region src/slider/lib/sliderMath.ts
-function E(e, t, n) {
-	return x(e, t, n);
-}
 function D(e, t, n) {
+	return S(e, t, n);
+}
+function O(e, t, n) {
 	let r = t.findIndex((t) => t.value === e.value);
-	return v(Math.max(0, r), t, n.min, n.max, n.marksPosition);
+	return y(Math.max(0, r), t, n.min, n.max, n.marksPosition);
 }
-function O(e, t) {
-	let { min: n, max: r } = S(t.min, t.max), i = E(t.marks, n, r);
+function k(e, t) {
+	let { min: n, max: r } = C(t.min, t.max), i = D(t.marks, n, r);
 	if (i.length > 0) {
-		let a = i.find((t) => t.value === e) ?? g(e, i);
-		if (a) return D(a, i, {
+		let a = i.find((t) => t.value === e) ?? _(e, i);
+		if (a) return O(a, i, {
 			...t,
 			min: n,
 			max: r,
 			marks: i
 		});
 	}
-	return T(e, n, r);
-}
-function k(e, t) {
-	let { min: n, max: r } = S(t.min, t.max), i = E(t.marks, n, r);
-	return _(e, i, n, r, t.marksPosition);
+	return E(e, n, r);
 }
 function A(e, t) {
-	return C(e, t);
+	let { min: n, max: r } = C(t.min, t.max), i = D(t.marks, n, r);
+	return v(e, i, n, r, t.marksPosition);
 }
 function j(e, t) {
-	let { min: n, max: r } = S(t.min, t.max);
-	return e === void 0 ? n : A(e, {
+	return w(e, t);
+}
+function M(e, t) {
+	let { min: n, max: r } = C(t.min, t.max);
+	return e === void 0 ? n : j(e, {
 		...t,
 		min: n,
 		max: r
 	});
 }
-function M(e) {
+function N(e) {
 	if (e) return !Object.hasOwn(e, "outputValue") || e.outputValue === void 0 ? e.value : e.outputValue;
 }
-function N(e, t, n) {
-	let r = t.filter((t) => M(t) === e);
+function P(e, t, n) {
+	let r = t.filter((t) => N(t) === e);
 	if (r.length) return e === null ? n === 0 ? r[0] : r[r.length - 1] : r[0];
 }
-function P(e, t, n) {
-	let r = N(e, t, n);
+function F(e, t, n) {
+	let r = P(e, t, n);
 	if (r) return r;
 	let i, a = Infinity;
 	for (let n of t) {
-		let t = M(n);
+		let t = N(n);
 		if (typeof t != "number" || !Number.isFinite(t)) continue;
 		let r = Math.abs(e - t);
 		r < a && (i = n, a = r);
 	}
 	return i;
 }
-function F(e, t, n, r) {
+function I(e, t, n, r) {
 	if (e === null) return null;
-	let { min: i, max: a } = S(r.min, r.max), o = E(r.marks, i, a), s = Number.isFinite(e) ? e : t;
+	let { min: i, max: a } = C(r.min, r.max), o = D(r.marks, i, a), s = Number.isFinite(e) ? e : t;
 	if (o.length > 0) {
-		let e = P(s, o, n), r = M(e);
+		let e = F(s, o, n), r = N(e);
 		return r === void 0 ? e?.value ?? t : r;
 	}
-	return w(s, i, a, r.step);
+	return T(s, i, a, r.step);
 }
-function I(e, t) {
-	let { min: n, max: r } = S(t.min, t.max);
+function L(e, t) {
+	let { min: n, max: r } = C(t.min, t.max);
 	if (!e) return [null, null];
-	let i = F(e[0], n, 0, {
+	let i = I(e[0], n, 0, {
 		...t,
 		min: n,
 		max: r
-	}), a = F(e[1], r, 1, {
+	}), a = I(e[1], r, 1, {
 		...t,
 		min: n,
 		max: r
 	});
 	return i !== null && a !== null && i > a ? [a, i] : [i, a];
 }
-function L(e, t, n, r) {
+function R(e, t, n, r) {
 	if (e === null) return t;
-	let { min: i, max: a } = S(r.min, r.max), o = E(r.marks, i, a);
-	return o.length > 0 ? (N(e, o, n) ?? (typeof e == "number" ? P(e, o, n) : void 0))?.value ?? t : w(e, i, a, r.step);
+	let { min: i, max: a } = C(r.min, r.max), o = D(r.marks, i, a);
+	return o.length > 0 ? (P(e, o, n) ?? (typeof e == "number" ? F(e, o, n) : void 0))?.value ?? t : T(e, i, a, r.step);
 }
-function re(e, t) {
-	let { min: n, max: r } = S(t.min, t.max), i = I(e, {
+function z(e, t) {
+	let { min: n, max: r } = C(t.min, t.max), i = L(e, {
 		...t,
 		min: n,
 		max: r
-	}), a = L(i[0], n, 0, {
+	}), a = R(i[0], n, 0, {
 		...t,
 		min: n,
 		max: r
-	}), o = L(i[1], r, 1, {
+	}), o = R(i[1], r, 1, {
 		...t,
 		min: n,
 		max: r
 	});
 	return a <= o ? [a, o] : [o, a];
 }
-function R(e, t) {
-	let { min: n, max: r } = S(t.min, t.max), i = E(t.marks, n, r);
+function B(e, t) {
+	let { min: n, max: r } = C(t.min, t.max), i = D(t.marks, n, r);
 	if (i.length > 0) {
-		let t = g(e, i), n = M(t);
+		let t = _(e, i), n = N(t);
 		return n === void 0 ? t?.value ?? e : n;
 	}
-	return w(e, n, r, t.step);
+	return T(e, n, r, t.step);
 }
-function z(e, t) {
+function V(e, t) {
 	let [n, r] = t;
 	return Math.abs(e - n) <= Math.abs(e - r) ? 0 : 1;
 }
-function B(e, t) {
-	let { min: n, max: r } = S(t.min, t.max);
+function te(e, t) {
+	let { min: n, max: r } = C(t.min, t.max);
 	return Array.isArray(e) ? {
-		startPercent: O(e[0], {
+		startPercent: k(e[0], {
 			...t,
 			min: n,
 			max: r
 		}),
-		endPercent: O(e[1], {
+		endPercent: k(e[1], {
 			...t,
 			min: n,
 			max: r
 		})
 	} : {
 		startPercent: 0,
-		endPercent: O(e, {
+		endPercent: k(e, {
 			...t,
 			min: n,
 			max: r
 		})
 	};
 }
-var V = {
+var H = {
 	slider: "fA7zne",
 	sliderCompact: "TMbaqW",
 	trackShell: "_77qn1L",
 	track: "cxJQqh",
+	tooltipReference: "-X13t0",
 	rail: "gg-atO",
 	fill: "bTLJZl",
 	thumb: "vDAmRy",
@@ -161,88 +162,96 @@ var V = {
 };
 //#endregion
 //#region src/slider/Slider.tsx
-function H(e) {
+function U(e) {
 	return e === "ArrowLeft" || e === "ArrowDown" ? -1 : e === "ArrowRight" || e === "ArrowUp" ? 1 : e === "PageDown" ? -10 : e === "PageUp" ? 10 : null;
 }
-function U(e, t) {
+function W(e, t) {
 	return !!e && e[0] === t[0] && e[1] === t[1];
 }
-function ie(e, t) {
+function ne(e, t) {
 	return e === null ? t === 0 ? "-∞" : "∞" : String(e);
 }
-function ae(e, t) {
+function re(e, t) {
 	return t.find((t) => t.value === e)?.label ?? String(e);
 }
-function W(e) {
-	return typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ p("span", {
+function ie(e) {
+	return typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ m("span", {
 		className: "textNoWrap",
 		children: e
 	}) : e;
 }
+function ae({ position: e, children: t }) {
+	return /* @__PURE__ */ m("span", {
+		"data-slot": "slider-tooltip-reference",
+		className: H.tooltipReference,
+		style: { left: `${e}%` },
+		children: t
+	});
+}
 function G(t) {
-	let { min: n, max: r, step: a, marks: s, marksPosition: c = "value", marksDisplay: l = "compact", className: ne, error: h, onClearError: g, label: _, description: v, disabled: x, size: C } = t, { min: w, max: T } = u(() => S(n, r), [n, r]), A = u(() => E(s, w, T), [
+	let { min: n, max: r, step: a, marks: s, marksPosition: c = "value", marksDisplay: p = "compact", className: g, error: _, onClearError: v, label: y, description: S, disabled: w, size: T } = t, { min: E, max: j } = u(() => C(n, r), [n, r]), N = u(() => D(s, E, j), [
 		s,
-		w,
-		T
-	]), M = u(() => ({
-		min: w,
-		max: T,
+		E,
+		j
+	]), P = u(() => ({
+		min: E,
+		max: j,
 		step: a,
-		marks: A,
+		marks: N,
 		marksPosition: c
 	}), [
-		w,
-		T,
+		E,
+		j,
 		a,
-		A,
+		N,
 		c
-	]), N = t.mode === "range", P = N ? void 0 : j(t.value, M), F = N ? I(t.value, M) : void 0, L = N ? re(t.value, M) : void 0, G = N ? L : [P], K = B(N ? L : P, M), q = d(null), J = d([]), Y = d(null), X = d(null), [oe, Z] = f(null), { controlId: Q, labelId: se, descriptionId: ce, errorId: le, describedBy: ue } = i({
-		hasLabel: _ != null,
-		hasDescription: !!v,
-		hasError: !!h
-	}), de = (e) => {
-		x || t.mode !== "single" || (t.value === void 0 || t.value !== e) && (t.onChange(e), g?.());
-	}, fe = (e) => {
-		x || t.mode !== "range" || U(t.value, e) || (t.onChange(e), g?.());
+	]), F = t.mode === "range", I = F ? void 0 : M(t.value, P), R = F ? L(t.value, P) : void 0, G = F ? z(t.value, P) : void 0, oe = F ? G : [I], K = te(F ? G : I, P), se = d(null), q = d([]), J = d(null), Y = d(null), [X, Z] = f(null), { controlId: ce, labelId: Q, descriptionId: le, errorId: ue, describedBy: de } = i({
+		hasLabel: y != null,
+		hasDescription: !!S,
+		hasError: !!_
+	}), fe = (e) => {
+		w || t.mode !== "single" || (t.value === void 0 || t.value !== e) && (t.onChange(e), v?.());
+	}, pe = (e) => {
+		w || t.mode !== "range" || W(t.value, e) || (t.onChange(e), v?.());
 	}, $ = (e, n) => {
-		if (!x) {
+		if (!w) {
 			if (t.mode === "range") {
-				let [t, r] = L, [i, a] = F, o = I(n === 0 ? [R(Math.min(e, r), M), a] : [i, R(Math.max(e, t), M)], M);
-				fe(o);
+				let [t, r] = G, [i, a] = R, o = L(n === 0 ? [B(Math.min(e, r), P), a] : [i, B(Math.max(e, t), P)], P);
+				pe(o);
 				return;
 			}
-			de(j(e, M));
+			fe(M(e, P));
 		}
-	}, pe = (e) => {
-		let t = q.current?.getBoundingClientRect();
-		if (!t) return w;
+	}, me = (e) => {
+		let t = se.current?.getBoundingClientRect();
+		if (!t) return E;
 		let n = (e - t.left) / t.width * 100;
-		return (A.length > 0 ? k(n, M) : void 0)?.value ?? b(n, w, T);
-	}, me = d($), he = d(pe);
-	ee(() => {
-		me.current = $, he.current = pe;
-	}), ee(() => {
+		return (N.length > 0 ? A(n, P) : void 0)?.value ?? x(n, E, j);
+	}, he = d($), ge = d(me);
+	l(() => {
+		he.current = $, ge.current = me;
+	}), l(() => {
 		let e = (e) => {
-			X.current !== null && e && e.pointerId !== X.current || (X.current = null, Y.current = null, Z(null));
+			Y.current !== null && e && e.pointerId !== Y.current || (Y.current = null, J.current = null, Z(null));
 		}, t = (e) => {
-			Y.current !== null && (X.current === null || e.pointerId === X.current) && me.current(he.current(e.clientX), Y.current);
+			J.current !== null && (Y.current === null || e.pointerId === Y.current) && he.current(ge.current(e.clientX), J.current);
 		};
 		return window.addEventListener("pointermove", t), window.addEventListener("pointerup", e), window.addEventListener("pointercancel", e), () => {
 			window.removeEventListener("pointermove", t), window.removeEventListener("pointerup", e), window.removeEventListener("pointercancel", e);
 		};
 	}, []);
-	let ge = (e, t) => {
-		X.current = e, Y.current = t, Z(t), J.current[t]?.focus();
-	}, _e = (e) => {
-		if (x) return;
+	let _e = (e, t) => {
+		Y.current = e, J.current = t, Z(t), q.current[t]?.focus();
+	}, ve = (e) => {
+		if (w) return;
 		e.preventDefault();
-		let t = pe(e.clientX), n = N ? z(t, L) : 0;
-		$(t, n), ge(e.pointerId, n);
-	}, ve = (e) => (t) => {
-		x || (t.preventDefault(), t.stopPropagation(), ge(t.pointerId, e));
+		let t = me(e.clientX), n = F ? V(t, G) : 0;
+		$(t, n), _e(e.pointerId, n);
 	}, ye = (e) => (t) => {
-		if (x) return;
-		let n = N && e === 1 ? L[0] : w, r = N && e === 0 ? L[1] : T, i = H(t.key);
+		w || (t.preventDefault(), t.stopPropagation(), _e(t.pointerId, e));
+	}, be = (e) => (t) => {
+		if (w) return;
+		let n = F && e === 1 ? G[0] : E, r = F && e === 0 ? G[1] : j, i = U(t.key);
 		if (t.key === "Home") {
 			t.preventDefault(), $(n, e);
 			return;
@@ -253,127 +262,132 @@ function G(t) {
 		}
 		if (i === null) return;
 		t.preventDefault();
-		let a = G[e], o = y(a, i, M, n, r);
+		let a = oe[e], o = b(a, i, P, n, r);
 		$(o, e);
-	}, be = (e) => {
-		if (x) return;
-		let t = N ? z(e, L) : 0;
-		$(e, t), J.current[t]?.focus();
-	}, xe = (e, t) => {
-		if (N) {
-			let n = F[t];
-			return A.find((t) => t.value === e)?.label ?? ie(n, t);
+	}, xe = (e) => {
+		if (w) return;
+		let t = F ? V(e, G) : 0;
+		$(e, t), q.current[t]?.focus();
+	}, Se = (e, t) => {
+		if (F) {
+			let n = R[t];
+			return N.find((t) => t.value === e)?.label ?? ne(n, t);
 		}
-		return ae(e, A);
+		return re(e, N);
 	};
-	return /* @__PURE__ */ p(o, {
-		label: _,
-		description: v,
-		disabled: x,
-		className: ne,
-		size: C,
-		error: h,
-		controlId: Q,
-		labelId: se,
-		descriptionId: ce,
-		errorId: le,
-		children: /* @__PURE__ */ m("div", {
-			id: Q,
-			className: te(V.slider, l === "compact" && V.sliderCompact),
-			children: [/* @__PURE__ */ p("div", {
-				className: V.trackShell,
-				children: /* @__PURE__ */ m("div", {
-					ref: q,
+	return /* @__PURE__ */ m(o, {
+		label: y,
+		description: S,
+		disabled: w,
+		className: g,
+		size: T,
+		error: _,
+		controlId: ce,
+		labelId: Q,
+		descriptionId: le,
+		errorId: ue,
+		children: /* @__PURE__ */ h("div", {
+			id: ce,
+			className: ee(H.slider, p === "compact" && H.sliderCompact),
+			children: [/* @__PURE__ */ m("div", {
+				className: H.trackShell,
+				children: /* @__PURE__ */ h("div", {
+					ref: se,
 					"data-slot": "track",
-					className: V.track,
+					className: H.track,
 					role: "presentation",
-					onPointerDown: _e,
+					onPointerDown: ve,
 					children: [
-						/* @__PURE__ */ p("div", { className: V.rail }),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", { className: H.rail }),
+						/* @__PURE__ */ m("div", {
 							"data-slot": "fill",
-							className: V.fill,
+							className: H.fill,
 							style: {
 								left: `${K.startPercent}%`,
 								width: `${K.endPercent - K.startPercent}%`
 							}
 						}),
-						l === "compact" && A.map((t) => {
-							let n = D(t, A, M), r = N ? t.value >= L[0] && t.value <= L[1] : t.value <= P;
-							return /* @__PURE__ */ p(e, {
-								tooltip: !0,
-								placement: "top",
-								content: W(t.label),
-								children: /* @__PURE__ */ p("button", {
-									type: "button",
-									"data-slot": "mark",
-									"data-active": r ? "" : void 0,
-									className: V.compactMark,
-									style: { left: `${n}%` },
-									"aria-label": t.ariaLabel,
-									disabled: x,
-									onClick: () => be(t.value),
-									children: /* @__PURE__ */ p("span", {
-										className: V.markDot,
-										"aria-hidden": "true"
+						p === "compact" && N.map((t) => {
+							let n = O(t, N, P), r = F ? t.value >= G[0] && t.value <= G[1] : t.value <= I;
+							return /* @__PURE__ */ m(ae, {
+								position: n,
+								children: /* @__PURE__ */ m(e, {
+									tooltip: !0,
+									placement: "top",
+									content: ie(t.label),
+									children: /* @__PURE__ */ m("button", {
+										type: "button",
+										"data-slot": "mark",
+										"data-active": r ? "" : void 0,
+										className: H.compactMark,
+										"aria-label": t.ariaLabel,
+										disabled: w,
+										onClick: () => xe(t.value),
+										children: /* @__PURE__ */ m("span", {
+											className: H.markDot,
+											"aria-hidden": "true"
+										})
 									})
 								})
 							}, t.value);
 						}),
-						G.map((t, n) => {
-							let r = xe(t, n);
-							return /* @__PURE__ */ p(e, {
-								tooltip: !0,
-								placement: "top",
-								content: W(r),
-								openDelay: 0,
-								closeDelay: 100,
-								children: /* @__PURE__ */ p("button", {
-									ref: (e) => {
-										J.current[n] = e;
-									},
-									type: "button",
-									role: "slider",
-									"data-slot": "thumb",
-									"data-thumb-index": n,
-									"data-dragging": oe === n ? "" : void 0,
-									className: V.thumb,
-									disabled: x,
-									style: { left: `${O(t, M)}%` },
-									"aria-disabled": x || void 0,
-									"aria-orientation": "horizontal",
-									"aria-valuemin": N && n === 1 ? L[0] : w,
-									"aria-valuemax": N && n === 0 ? L[1] : T,
-									"aria-valuenow": t,
-									"aria-valuetext": typeof r == "string" || typeof r == "number" ? String(r) : void 0,
-									"aria-labelledby": se,
-									"aria-describedby": ue,
-									"aria-label": se ? void 0 : N ? n === 0 ? "Минимальное значение" : "Максимальное значение" : "Значение",
-									onPointerDown: ve(n),
-									onKeyDown: ye(n)
+						oe.map((t, n) => {
+							let r = Se(t, n);
+							return /* @__PURE__ */ m(ae, {
+								position: k(t, P),
+								children: /* @__PURE__ */ m(e, {
+									tooltip: !0,
+									placement: "top",
+									content: ie(r),
+									openDelay: 0,
+									closeDelay: 100,
+									positionUpdateKey: t,
+									children: /* @__PURE__ */ m("button", {
+										ref: (e) => {
+											q.current[n] = e;
+										},
+										type: "button",
+										role: "slider",
+										"data-slot": "thumb",
+										"data-thumb-index": n,
+										"data-dragging": X === n ? "" : void 0,
+										className: H.thumb,
+										disabled: w,
+										"aria-disabled": w || void 0,
+										"aria-orientation": "horizontal",
+										"aria-valuemin": F && n === 1 ? G[0] : E,
+										"aria-valuemax": F && n === 0 ? G[1] : j,
+										"aria-valuenow": t,
+										"aria-valuetext": typeof r == "string" || typeof r == "number" ? String(r) : void 0,
+										"aria-labelledby": Q,
+										"aria-describedby": de,
+										"aria-label": Q ? void 0 : F ? n === 0 ? "Минимальное значение" : "Максимальное значение" : "Значение",
+										onPointerDown: ye(n),
+										onKeyDown: be(n)
+									})
 								})
 							}, n);
 						})
 					]
 				})
-			}), l === "full" && A.length > 0 && /* @__PURE__ */ p("div", {
-				className: V.marks,
-				children: A.map((e) => {
-					let t = N ? e.value >= L[0] && e.value <= L[1] : e.value <= P;
-					return /* @__PURE__ */ m("button", {
+			}), p === "full" && N.length > 0 && /* @__PURE__ */ m("div", {
+				className: H.marks,
+				children: N.map((e) => {
+					let t = F ? e.value >= G[0] && e.value <= G[1] : e.value <= I;
+					return /* @__PURE__ */ h("button", {
 						type: "button",
 						"data-slot": "mark",
 						"data-active": t ? "" : void 0,
-						className: V.mark,
-						style: { left: `${D(e, A, M)}%` },
+						className: H.mark,
+						style: { left: `${O(e, N, P)}%` },
 						"aria-label": e.ariaLabel,
-						disabled: x,
-						onClick: () => be(e.value),
-						children: [/* @__PURE__ */ p("span", {
-							className: V.markDot,
+						disabled: w,
+						onClick: () => xe(e.value),
+						children: [/* @__PURE__ */ m("span", {
+							className: H.markDot,
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ p("span", {
-							className: V.markLabel,
+						}), /* @__PURE__ */ m("span", {
+							className: H.markLabel,
 							children: e.label
 						})]
 					}, e.value);
@@ -382,15 +396,15 @@ function G(t) {
 		})
 	});
 }
-function K(e) {
-	return /* @__PURE__ */ p(G, {
+function oe(e) {
+	return /* @__PURE__ */ m(G, {
 		...e,
 		mode: "single",
 		marksDisplay: "compact"
 	});
 }
-function q(e) {
-	return /* @__PURE__ */ p(G, {
+function K(e) {
+	return /* @__PURE__ */ m(G, {
 		...e,
 		mode: "range",
 		marksDisplay: "compact"
@@ -398,10 +412,10 @@ function q(e) {
 }
 //#endregion
 //#region src/slider/SliderInput.tsx
-function J({ open: e, disabled: n, setOpen: r }) {
-	return /* @__PURE__ */ p(t.Trigger, {
+function se({ open: e, disabled: n, setOpen: r }) {
+	return /* @__PURE__ */ m(t.Trigger, {
 		passive: !0,
-		children: /* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(s, {
+		children: /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(s, {
 			open: e,
 			disabled: n,
 			openAriaLabel: "Открыть слайдер",
@@ -411,113 +425,127 @@ function J({ open: e, disabled: n, setOpen: r }) {
 		}) })
 	});
 }
-function Y(e, t) {
-	let n = I(e, t);
+function q(e, t) {
+	let n = L(e, t);
 	return {
 		start: n[0] === null ? "-∞" : String(n[0]),
 		end: n[1] === null ? "∞" : String(n[1])
 	};
 }
-function X(e, t) {
+function J(e, t) {
 	let n = e.trim();
-	return n === "" || n === t ? null : h(n);
+	return n === "" || n === t ? null : g(n);
 }
-function oe(e, t, n) {
-	let r = t.filter((t) => M(t) === e);
+function Y(e, t, n) {
+	let r = t.filter((t) => N(t) === e);
 	if (r.length) return e === null && n === "end" ? r[r.length - 1] : r[0];
 }
-function Z(e, t) {
+function X(e, t) {
 	return e?.readonlyLabel?.trim() ? e.readonlyLabel.trim() : typeof e?.label == "string" || typeof e?.label == "number" ? String(e.label) : t === null ? "" : String(t);
 }
-function Q(e, t, n) {
-	return Z(oe(e, t, n), e);
+function Z(e, t, n) {
+	return X(Y(e, t, n), e);
 }
-function se(e, t, n) {
+function ce(e, t, n) {
 	let [r, i] = e, a = r === null, o = i === null;
-	return a && o ? n ?? "" : a ? `Меньше ${Q(i, t, "end")}` : o ? `Больше ${Q(r, t, "start")}` : r === i ? `Равно ${Q(r, t, "start")}` : `От ${Q(r, t, "start")} до ${Q(i, t, "end")}`;
+	return a && o ? n ?? "" : a ? `Меньше ${Z(i, t, "end")}` : o ? `Больше ${Z(r, t, "start")}` : r === i ? `Равно ${Z(r, t, "start")}` : `От ${Z(r, t, "start")} до ${Z(i, t, "end")}`;
 }
-function ce({ value: e, onChange: n, min: r, max: i, step: o, marks: s, marksPosition: d = "value", className: te, error: ne, onClearError: g, label: _, description: v, placeholder: y, disabled: b, size: x }) {
-	let { min: C, max: w } = u(() => S(r, i), [r, i]), T = u(() => E(s, C, w), [
+function Q({ value: e, onChange: n, min: r, max: i, step: o, marks: s, marksPosition: l = "value", className: d, error: ee, onClearError: p, label: _, description: v, placeholder: y, disabled: b, size: x }) {
+	let { min: S, max: w } = u(() => C(r, i), [r, i]), T = u(() => D(s, S, w), [
 		s,
-		C,
+		S,
 		w
-	]), D = u(() => ({
-		min: C,
+	]), E = u(() => ({
+		min: S,
 		max: w,
 		step: o,
 		marks: T,
-		marksPosition: d
+		marksPosition: l
 	}), [
-		C,
+		S,
 		w,
 		o,
 		T,
-		d
-	]), O = j(e, D), [k, A] = f(!1), [M, N] = f(String(O)), P = l((e) => {
-		N(e);
-	});
-	ee(() => {
-		P(String(O));
-	}, [O]);
-	let F = c(() => {
+		l
+	]), O = M(e, E), [k, A] = f(!1), [j, N] = f(() => ({
+		sourceValue: O,
+		value: String(O)
+	})), P = j.sourceValue === O ? j.value : String(O), F = (e) => {
+		N({
+			sourceValue: O,
+			value: e
+		});
+	}, I = c(() => {
 		if (b) {
-			N(String(O));
+			N({
+				sourceValue: O,
+				value: String(O)
+			});
 			return;
 		}
-		let t = h(M);
+		let t = g(P);
 		if (t === void 0) {
-			N(String(O));
+			N({
+				sourceValue: O,
+				value: String(O)
+			});
 			return;
 		}
-		let r = j(t, D);
-		e !== r && (n(r), g?.()), N(String(r));
+		let r = M(t, E);
+		e !== r && (n(r), p?.()), N({
+			sourceValue: r,
+			value: String(r)
+		});
 	}, [
 		b,
-		M,
+		P,
 		O,
 		n,
-		g,
-		D,
+		p,
+		E,
 		e
 	]);
-	return /* @__PURE__ */ m(t, {
+	return /* @__PURE__ */ h(t, {
 		open: k,
 		onOpenChange: A,
-		children: [/* @__PURE__ */ p(a, {
+		children: [/* @__PURE__ */ m(a, {
 			label: _,
 			description: v,
 			placeholder: y,
 			disabled: b,
 			size: x,
-			className: te,
-			error: ne,
-			value: M,
-			onChange: N,
-			onBlur: F,
+			className: d,
+			error: ee,
+			value: P,
+			onChange: F,
+			onBlur: I,
 			onKeyDown: (e) => {
-				e.key === "Enter" && (e.preventDefault(), F());
+				e.key === "Enter" && (e.preventDefault(), I());
 			},
 			endAdornmentWidth: "var(--control-height)",
-			endAdornment: J({
+			endAdornment: se({
 				open: k,
 				disabled: b,
 				setOpen: A
 			})
-		}), /* @__PURE__ */ p(t.Content, {
+		}), /* @__PURE__ */ m(t.Content, {
 			background: "primary",
-			children: /* @__PURE__ */ p("div", {
-				className: V.popoverContent,
-				children: /* @__PURE__ */ p(G, {
+			children: /* @__PURE__ */ m("div", {
+				className: H.popoverContent,
+				children: /* @__PURE__ */ m(G, {
 					mode: "single",
-					min: C,
+					min: S,
 					max: w,
 					step: o,
 					marks: T,
-					marksPosition: d,
+					marksPosition: l,
 					marksDisplay: "full",
 					value: e,
 					onChange: (e) => {
-						n(e), N(String(e)), g?.();
+						n(e), N({
+							sourceValue: e,
+							value: String(e)
+						}), p?.();
 					},
 					disabled: b
 				})
@@ -525,165 +553,194 @@ function ce({ value: e, onChange: n, min: r, max: i, step: o, marks: s, marksPos
 		})]
 	});
 }
-function le({ value: e, onChange: a, min: s, max: d, step: h, marks: g, marksPosition: _ = "value", className: v, error: y, onClearError: b, label: x, description: C, readonlyValueText: w, placeholder: T, disabled: D, size: O }) {
-	let { min: k, max: A } = u(() => S(s, d), [s, d]), j = u(() => E(g, k, A), [
+function le({ value: e, onChange: a, min: s, max: l, step: d, marks: g, marksPosition: _ = "value", className: v, error: y, onClearError: b, label: x, description: S, readonlyValueText: w, placeholder: T, disabled: E, size: O }) {
+	let { min: k, max: A } = u(() => C(s, l), [s, l]), j = u(() => D(g, k, A), [
 		g,
 		k,
 		A
 	]), M = u(() => ({
 		min: k,
 		max: A,
-		step: h,
+		step: d,
 		marks: j,
 		marksPosition: _
 	}), [
 		k,
 		A,
-		h,
+		d,
 		j,
 		_
-	]), N = u(() => I(e, M), [M, e]), P = u(() => Y(N, M), [N, M]), [F, L] = f(!1), [re, R] = f(P.start), [z, B] = f(P.end), [H, U] = f(N), ie = l((e, t) => {
-		R(e), B(t);
-	});
-	ee(() => {
-		F || ie(P.start, P.end);
-	}, [
-		P.start,
-		P.end,
-		N,
-		F
-	]);
-	let { controlId: ae, labelId: W, descriptionId: K, errorId: q, describedBy: oe } = i({
+	]), N = u(() => L(e, M), [M, e]), P = u(() => q(N, M), [N, M]), [F, I] = f(!1), [R, z] = f(() => ({
+		sourceValue: N,
+		start: P.start,
+		end: P.end
+	})), [B, V] = f(N), te = F || ue(R.sourceValue, N), U = te ? R.start : P.start, W = te ? R.end : P.end, ne = (e) => {
+		z({
+			sourceValue: N,
+			start: e,
+			end: W
+		});
+	}, re = (e) => {
+		z({
+			sourceValue: N,
+			start: U,
+			end: e
+		});
+	}, { controlId: ie, labelId: ae, descriptionId: oe, errorId: K, describedBy: Y } = i({
 		hasLabel: x != null,
-		hasDescription: !!C,
+		hasDescription: !!S,
 		hasError: !!y
-	}), Z = c(() => {
-		R(P.start), B(P.end);
-	}, [P.end, P.start]), Q = c(() => {
-		if (D) {
-			Z();
+	}), X = c(() => {
+		z({
+			sourceValue: N,
+			start: P.start,
+			end: P.end
+		});
+	}, [
+		P.end,
+		P.start,
+		N
+	]), Z = c(() => {
+		if (E) {
+			X();
 			return;
 		}
-		let e = X(re, "-∞"), t = X(z, "∞");
+		let e = J(U, "-∞"), t = J(W, "∞");
 		if (e === void 0 || t === void 0) {
-			Z();
+			X();
 			return;
 		}
-		let n = I([e, t], M);
+		let n = L([e, t], M);
 		ue(N, n) || (a(n), b?.());
-		let r = Y(n, M);
-		R(r.start), B(r.end), U(n);
+		let r = q(n, M);
+		z({
+			sourceValue: n,
+			start: r.start,
+			end: r.end
+		}), V(n);
 	}, [
-		D,
-		z,
-		re,
+		E,
+		W,
+		U,
 		N,
 		a,
 		b,
-		Z,
+		X,
 		M
-	]), ce = c((e) => {
-		let t = I(e, M);
+	]), Q = c((e) => {
+		let t = L(e, M);
 		ue(N, t) || (a(t), b?.());
-		let n = Y(t, M);
-		R(n.start), B(n.end), U(t);
+		let n = q(t, M);
+		z({
+			sourceValue: t,
+			start: n.start,
+			end: n.end
+		}), V(t);
 	}, [
 		N,
 		a,
 		b,
 		M
 	]), le = (e) => {
-		!F && e && (U(N), R(P.start), B(P.end)), F && !e && !D && ce(H), L(e);
+		!F && e && (V(N), z({
+			sourceValue: N,
+			start: P.start,
+			end: P.end
+		})), F && !e && !E && Q(B), I(e);
 	}, de = (e) => {
-		e.key === "Enter" && (e.preventDefault(), Q());
+		e.key === "Enter" && (e.preventDefault(), Z());
 	}, fe = (e) => {
-		let t = I(e, M);
-		U(t);
-		let n = Y(t, M);
-		R(n.start), B(n.end);
-	}, $ = w ? se(F ? H : N, j, T) : void 0;
-	return /* @__PURE__ */ m(t, {
+		let t = L(e, M);
+		V(t);
+		let n = q(t, M);
+		z({
+			sourceValue: N,
+			start: n.start,
+			end: n.end
+		});
+	}, pe = w ? ce(F ? B : N, j, T) : void 0;
+	return /* @__PURE__ */ h(t, {
 		open: F,
 		onOpenChange: le,
-		children: [/* @__PURE__ */ p(o, {
+		children: [/* @__PURE__ */ m(o, {
 			label: x,
-			description: C,
-			disabled: D,
+			description: S,
+			disabled: E,
 			className: v,
 			size: O,
 			error: y,
-			controlId: ae,
-			labelId: W,
-			descriptionId: K,
-			errorId: q,
-			children: /* @__PURE__ */ p(r, {
+			controlId: ie,
+			labelId: ae,
+			descriptionId: oe,
+			errorId: K,
+			children: /* @__PURE__ */ m(r, {
 				endAdornmentWidth: "var(--control-height)",
-				endAdornment: J({
+				endAdornment: se({
 					open: F,
-					disabled: D,
+					disabled: E,
 					setOpen: (e) => {
 						le(typeof e == "function" ? e(F) : e);
 					}
 				}),
-				children: ({ controlClassName: e }) => /* @__PURE__ */ p("div", {
-					id: ae,
-					className: te(n.uiInputControlFake, V.rangeInputControl, e),
+				children: ({ controlClassName: e }) => /* @__PURE__ */ m("div", {
+					id: ie,
+					className: ee(n.uiInputControlFake, H.rangeInputControl, e),
 					"data-invalid": y ? "" : void 0,
-					"data-disabled": D || void 0,
+					"data-disabled": E || void 0,
 					role: "group",
 					"aria-invalid": !!y || void 0,
 					"aria-label": typeof x == "string" ? x : "Диапазон",
-					"aria-labelledby": typeof x == "string" ? void 0 : W,
-					"aria-describedby": oe,
-					children: w ? /* @__PURE__ */ p("span", {
-						className: te("flexEllipsis", !$ && n.uiPlaceholder),
-						children: $ || T
-					}) : /* @__PURE__ */ m(ne, { children: [
-						/* @__PURE__ */ p("input", {
+					"aria-labelledby": typeof x == "string" ? void 0 : ae,
+					"aria-describedby": Y,
+					children: w ? /* @__PURE__ */ m("span", {
+						className: ee("flexEllipsis", !pe && n.uiPlaceholder),
+						children: pe || T
+					}) : /* @__PURE__ */ h(p, { children: [
+						/* @__PURE__ */ m("input", {
 							type: "text",
 							inputMode: "decimal",
-							className: V.rangeSegmentInput,
-							value: re,
-							disabled: D,
+							className: H.rangeSegmentInput,
+							value: U,
+							disabled: E,
 							"aria-label": "Начало диапазона",
-							onChange: (e) => R(e.target.value),
-							onBlur: Q,
+							onChange: (e) => ne(e.target.value),
+							onBlur: Z,
 							onKeyDown: de
 						}),
-						/* @__PURE__ */ p("span", {
-							className: V.rangeSeparator,
-							"data-disabled": D || void 0,
+						/* @__PURE__ */ m("span", {
+							className: H.rangeSeparator,
+							"data-disabled": E || void 0,
 							children: "-"
 						}),
-						/* @__PURE__ */ p("input", {
+						/* @__PURE__ */ m("input", {
 							type: "text",
 							inputMode: "decimal",
-							className: V.rangeSegmentInput,
-							value: z,
-							disabled: D,
+							className: H.rangeSegmentInput,
+							value: W,
+							disabled: E,
 							"aria-label": "Конец диапазона",
-							onChange: (e) => B(e.target.value),
-							onBlur: Q,
+							onChange: (e) => re(e.target.value),
+							onBlur: Z,
 							onKeyDown: de
 						})
 					] })
 				})
 			})
-		}), /* @__PURE__ */ p(t.Content, {
+		}), /* @__PURE__ */ m(t.Content, {
 			background: "primary",
-			children: /* @__PURE__ */ p("div", {
-				className: V.popoverContent,
-				children: /* @__PURE__ */ p(G, {
+			children: /* @__PURE__ */ m("div", {
+				className: H.popoverContent,
+				children: /* @__PURE__ */ m(G, {
 					mode: "range",
 					min: k,
 					max: A,
-					step: h,
+					step: d,
 					marks: j,
 					marksPosition: _,
 					marksDisplay: "full",
-					value: H,
+					value: B,
 					onChange: fe,
-					disabled: D
+					disabled: E
 				})
 			})
 		})]
@@ -693,6 +750,6 @@ function ue(e, t) {
 	return e[0] === t[0] && e[1] === t[1];
 }
 //#endregion
-export { K as Slider, ce as SliderInput, q as SliderRange, le as SliderRangeInput };
+export { oe as Slider, Q as SliderInput, K as SliderRange, le as SliderRangeInput };
 
 //# sourceMappingURL=index.js.map