@ryuzaki13/react-foundation-ui 3.4.2 → 3.5.0

package/dist/slider/index.js

@@ -1,10 +1,10 @@
-import { n as e, r as t } from "../chunks/popover-Bne-Ljbs.js";
+import { n as e, r as t } from "../chunks/popover-yl5DVe06.js";
 import { t as n } from "../chunks/ui.module-oRwY3Zli.js";
-import { c as r, d as i, i as a, s as o } from "../chunks/input-DSPKgiCK.js";
-import { l as s } from "../chunks/picker-lvm82d0A.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 { c as r, d as i, i as a, s as o } from "../chunks/input-CuRK9Vbz.js";
+import { l as s } from "../chunks/picker-BA6okKnz.js";
+import { cn as c } from "@ryuzaki13/react-foundation-lib/utils";
+import { Fragment as ee, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
 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";
@@ -175,13 +175,13 @@ function re(e, t) {
 	return t.find((t) => t.value === e)?.label ?? String(e);
 }
 function ie(e) {
-	return typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ m("span", {
+	return typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ l("span", {
 		className: "textNoWrap",
 		children: e
 	}) : e;
 }
 function ae({ position: e, children: t }) {
-	return /* @__PURE__ */ m("span", {
+	return /* @__PURE__ */ l("span", {
 		"data-slot": "slider-tooltip-reference",
 		className: H.tooltipReference,
 		style: { left: `${e}%` },
@@ -189,23 +189,23 @@ function ae({ position: e, children: t }) {
 	});
 }
 function G(t) {
-	let { min: n, max: a, step: o, 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, a), [n, a]), N = u(() => D(s, E, j), [
+	let { min: n, max: a, step: o, marks: s, marksPosition: ee = "value", marksDisplay: d = "compact", className: g, error: _, onClearError: v, label: y, description: S, disabled: w, size: T } = t, { min: E, max: j } = p(() => C(n, a), [n, a]), N = p(() => D(s, E, j), [
 		s,
 		E,
 		j
-	]), P = u(() => ({
+	]), P = p(() => ({
 		min: E,
 		max: j,
 		step: o,
 		marks: N,
-		marksPosition: c
+		marksPosition: ee
 	}), [
 		E,
 		j,
 		o,
 		N,
-		c
-	]), 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({
+		ee
+	]), 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 = m(null), q = m([]), J = m(null), Y = m(null), [X, Z] = h(null), { controlId: ce, labelId: Q, descriptionId: le, errorId: ue, describedBy: de } = i({
 		hasLabel: y != null,
 		hasDescription: !!S,
 		hasError: !!_
@@ -227,10 +227,10 @@ function G(t) {
 		if (!t) return E;
 		let n = (e - t.left) / t.width * 100;
 		return (N.length > 0 ? A(n, P) : void 0)?.value ?? x(n, E, j);
-	}, he = d($), ge = d(me);
-	l(() => {
+	}, he = m($), ge = m(me);
+	f(() => {
 		he.current = $, ge.current = me;
-	}), l(() => {
+	}), f(() => {
 		let e = (e) => {
 			Y.current !== null && e && e.pointerId !== Y.current || (Y.current = null, J.current = null, Z(null));
 		}, t = (e) => {
@@ -275,7 +275,7 @@ function G(t) {
 		}
 		return re(e, N);
 	};
-	return /* @__PURE__ */ m(r, {
+	return /* @__PURE__ */ l(r, {
 		label: y,
 		description: S,
 		disabled: w,
@@ -286,21 +286,21 @@ function G(t) {
 		labelId: Q,
 		descriptionId: le,
 		errorId: ue,
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ u("div", {
 			id: ce,
-			className: ee(H.slider, p === "compact" && H.sliderCompact),
+			className: c(H.slider, d === "compact" && H.sliderCompact),
 			"data-disabled": w || void 0,
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ l("div", {
 				className: H.trackShell,
-				children: /* @__PURE__ */ h("div", {
+				children: /* @__PURE__ */ u("div", {
 					ref: se,
 					"data-slot": "track",
 					className: H.track,
 					role: "presentation",
 					onPointerDown: ve,
 					children: [
-						/* @__PURE__ */ m("div", { className: H.rail }),
-						/* @__PURE__ */ m("div", {
+						/* @__PURE__ */ l("div", { className: H.rail }),
+						/* @__PURE__ */ l("div", {
 							"data-slot": "fill",
 							className: H.fill,
 							style: {
@@ -308,15 +308,15 @@ function G(t) {
 								width: `${K.endPercent - K.startPercent}%`
 							}
 						}),
-						p === "compact" && N.map((t) => {
+						d === "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, {
+							return /* @__PURE__ */ l(ae, {
 								position: n,
-								children: /* @__PURE__ */ m(e, {
+								children: /* @__PURE__ */ l(e, {
 									tooltip: !0,
 									placement: "top",
 									content: ie(t.label),
-									children: /* @__PURE__ */ m("button", {
+									children: /* @__PURE__ */ l("button", {
 										type: "button",
 										"data-slot": "mark",
 										"data-active": r ? "" : void 0,
@@ -324,7 +324,7 @@ function G(t) {
 										"aria-label": t.ariaLabel,
 										disabled: w,
 										onClick: () => xe(t.value),
-										children: /* @__PURE__ */ m("span", {
+										children: /* @__PURE__ */ l("span", {
 											className: H.markDot,
 											"aria-hidden": "true"
 										})
@@ -334,16 +334,16 @@ function G(t) {
 						}),
 						oe.map((t, n) => {
 							let r = Se(t, n);
-							return /* @__PURE__ */ m(ae, {
+							return /* @__PURE__ */ l(ae, {
 								position: k(t, P),
-								children: /* @__PURE__ */ m(e, {
+								children: /* @__PURE__ */ l(e, {
 									tooltip: !0,
 									placement: "top",
 									content: ie(r),
 									openDelay: 0,
 									closeDelay: 100,
 									positionUpdateKey: t,
-									children: /* @__PURE__ */ m("button", {
+									children: /* @__PURE__ */ l("button", {
 										ref: (e) => {
 											q.current[n] = e;
 										},
@@ -371,11 +371,11 @@ function G(t) {
 						})
 					]
 				})
-			}), p === "full" && N.length > 0 && /* @__PURE__ */ m("div", {
+			}), d === "full" && N.length > 0 && /* @__PURE__ */ l("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", {
+					return /* @__PURE__ */ u("button", {
 						type: "button",
 						"data-slot": "mark",
 						"data-active": t ? "" : void 0,
@@ -384,10 +384,10 @@ function G(t) {
 						"aria-label": e.ariaLabel,
 						disabled: w,
 						onClick: () => xe(e.value),
-						children: [/* @__PURE__ */ m("span", {
+						children: [/* @__PURE__ */ l("span", {
 							className: H.markDot,
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ m("span", {
+						}), /* @__PURE__ */ l("span", {
 							className: H.markLabel,
 							children: e.label
 						})]
@@ -398,14 +398,14 @@ function G(t) {
 	});
 }
 function oe(e) {
-	return /* @__PURE__ */ m(G, {
+	return /* @__PURE__ */ l(G, {
 		...e,
 		mode: "single",
 		marksDisplay: "compact"
 	});
 }
 function K(e) {
-	return /* @__PURE__ */ m(G, {
+	return /* @__PURE__ */ l(G, {
 		...e,
 		mode: "range",
 		marksDisplay: "compact"
@@ -414,9 +414,9 @@ function K(e) {
 //#endregion
 //#region src/slider/SliderInput.tsx
 function se({ open: e, disabled: n, setOpen: r }) {
-	return /* @__PURE__ */ m(t.Trigger, {
+	return /* @__PURE__ */ l(t.Trigger, {
 		passive: !0,
-		children: /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(s, {
+		children: /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(s, {
 			open: e,
 			disabled: n,
 			openAriaLabel: "Открыть слайдер",
@@ -451,24 +451,24 @@ function ce(e, t, n) {
 	let [r, i] = e, a = r === null, o = i === null;
 	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 Q({ value: e, onChange: n, min: r, max: i, step: a, 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), [
+function Q({ value: e, onChange: n, min: r, max: i, step: a, marks: s, marksPosition: c = "value", className: ee, error: f, onClearError: m, label: _, description: v, placeholder: y, disabled: b, size: x }) {
+	let { min: S, max: w } = p(() => C(r, i), [r, i]), T = p(() => D(s, S, w), [
 		s,
 		S,
 		w
-	]), E = u(() => ({
+	]), E = p(() => ({
 		min: S,
 		max: w,
 		step: a,
 		marks: T,
-		marksPosition: l
+		marksPosition: c
 	}), [
 		S,
 		w,
 		a,
 		T,
-		l
-	]), O = M(e, E), [k, A] = f(!1), [j, N] = f(() => ({
+		c
+	]), O = M(e, E), [k, A] = h(!1), [j, N] = h(() => ({
 		sourceValue: O,
 		value: String(O)
 	})), P = j.sourceValue === O ? j.value : String(O), F = (e) => {
@@ -476,7 +476,7 @@ function Q({ value: e, onChange: n, min: r, max: i, step: a, marks: s, marksPosi
 			sourceValue: O,
 			value: e
 		});
-	}, I = c(() => {
+	}, I = d(() => {
 		if (b) {
 			N({
 				sourceValue: O,
@@ -493,7 +493,7 @@ function Q({ value: e, onChange: n, min: r, max: i, step: a, marks: s, marksPosi
 			return;
 		}
 		let r = M(t, E);
-		e !== r && (n(r), p?.()), N({
+		e !== r && (n(r), m?.()), N({
 			sourceValue: r,
 			value: String(r)
 		});
@@ -502,21 +502,21 @@ function Q({ value: e, onChange: n, min: r, max: i, step: a, marks: s, marksPosi
 		P,
 		O,
 		n,
-		p,
+		m,
 		E,
 		e
 	]);
-	return /* @__PURE__ */ h(t, {
+	return /* @__PURE__ */ u(t, {
 		open: k,
 		onOpenChange: A,
-		children: [/* @__PURE__ */ m(o, {
+		children: [/* @__PURE__ */ l(o, {
 			label: _,
 			description: v,
 			placeholder: y,
 			disabled: b,
 			size: x,
-			className: d,
-			error: ee,
+			className: ee,
+			error: f,
 			value: P,
 			onChange: F,
 			onBlur: I,
@@ -529,24 +529,24 @@ function Q({ value: e, onChange: n, min: r, max: i, step: a, marks: s, marksPosi
 				disabled: b,
 				setOpen: A
 			})
-		}), /* @__PURE__ */ m(t.Content, {
+		}), /* @__PURE__ */ l(t.Content, {
 			background: "primary",
-			children: /* @__PURE__ */ m("div", {
+			children: /* @__PURE__ */ l("div", {
 				className: H.popoverContent,
-				children: /* @__PURE__ */ m(G, {
+				children: /* @__PURE__ */ l(G, {
 					mode: "single",
 					min: S,
 					max: w,
 					step: a,
 					marks: T,
-					marksPosition: l,
+					marksPosition: c,
 					marksDisplay: "full",
 					value: e,
 					onChange: (e) => {
 						n(e), N({
 							sourceValue: e,
 							value: String(e)
-						}), p?.();
+						}), m?.();
 					},
 					disabled: b
 				})
@@ -554,28 +554,28 @@ function Q({ value: e, onChange: n, min: r, max: i, step: a, marks: s, marksPosi
 		})]
 	});
 }
-function le({ value: e, onChange: o, 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), [
+function le({ value: e, onChange: o, min: s, max: f, step: m, 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 } = p(() => C(s, f), [s, f]), j = p(() => D(g, k, A), [
 		g,
 		k,
 		A
-	]), M = u(() => ({
+	]), M = p(() => ({
 		min: k,
 		max: A,
-		step: d,
+		step: m,
 		marks: j,
 		marksPosition: _
 	}), [
 		k,
 		A,
-		d,
+		m,
 		j,
 		_
-	]), N = u(() => L(e, M), [M, e]), P = u(() => q(N, M), [N, M]), [F, I] = f(!1), [R, z] = f(() => ({
+	]), N = p(() => L(e, M), [M, e]), P = p(() => q(N, M), [N, M]), [F, I] = h(!1), [R, z] = h(() => ({
 		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) => {
+	})), [B, V] = h(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,
@@ -591,7 +591,7 @@ function le({ value: e, onChange: o, min: s, max: l, step: d, marks: g, marksPos
 		hasLabel: x != null,
 		hasDescription: !!S,
 		hasError: !!y
-	}), X = c(() => {
+	}), X = d(() => {
 		z({
 			sourceValue: N,
 			start: P.start,
@@ -601,7 +601,7 @@ function le({ value: e, onChange: o, min: s, max: l, step: d, marks: g, marksPos
 		P.end,
 		P.start,
 		N
-	]), Z = c(() => {
+	]), Z = d(() => {
 		if (E) {
 			X();
 			return;
@@ -628,7 +628,7 @@ function le({ value: e, onChange: o, min: s, max: l, step: d, marks: g, marksPos
 		b,
 		X,
 		M
-	]), Q = c((e) => {
+	]), Q = d((e) => {
 		let t = L(e, M);
 		ue(N, t) || (o(t), b?.());
 		let n = q(t, M);
@@ -660,10 +660,10 @@ function le({ value: e, onChange: o, min: s, max: l, step: d, marks: g, marksPos
 			end: n.end
 		});
 	}, pe = w ? ce(F ? B : N, j, T) : void 0;
-	return /* @__PURE__ */ h(t, {
+	return /* @__PURE__ */ u(t, {
 		open: F,
 		onOpenChange: le,
-		children: [/* @__PURE__ */ m(r, {
+		children: [/* @__PURE__ */ l(r, {
 			label: x,
 			description: S,
 			disabled: E,
@@ -674,7 +674,7 @@ function le({ value: e, onChange: o, min: s, max: l, step: d, marks: g, marksPos
 			labelId: ae,
 			descriptionId: oe,
 			errorId: K,
-			children: /* @__PURE__ */ m(a, {
+			children: /* @__PURE__ */ l(a, {
 				endAdornmentWidth: "var(--control-height)",
 				endAdornment: se({
 					open: F,
@@ -683,9 +683,9 @@ function le({ value: e, onChange: o, min: s, max: l, step: d, marks: g, marksPos
 						le(typeof e == "function" ? e(F) : e);
 					}
 				}),
-				children: ({ controlClassName: e }) => /* @__PURE__ */ m("div", {
+				children: ({ controlClassName: e }) => /* @__PURE__ */ l("div", {
 					id: ie,
-					className: ee(n.uiInputControlFake, H.rangeInputControl, e),
+					className: c(n.uiInputControlFake, H.rangeInputControl, e),
 					"data-invalid": y ? "" : void 0,
 					"data-disabled": E || void 0,
 					role: "group",
@@ -693,11 +693,11 @@ function le({ value: e, onChange: o, min: s, max: l, step: d, marks: g, marksPos
 					"aria-label": typeof x == "string" ? x : "Диапазон",
 					"aria-labelledby": typeof x == "string" ? void 0 : ae,
 					"aria-describedby": Y,
-					children: w ? /* @__PURE__ */ m("span", {
-						className: ee("flexEllipsis", !pe && n.uiPlaceholder),
+					children: w ? /* @__PURE__ */ l("span", {
+						className: c("flexEllipsis", !pe && n.uiPlaceholder),
 						children: pe || T
-					}) : /* @__PURE__ */ h(p, { children: [
-						/* @__PURE__ */ m("input", {
+					}) : /* @__PURE__ */ u(ee, { children: [
+						/* @__PURE__ */ l("input", {
 							type: "text",
 							inputMode: "decimal",
 							className: H.rangeSegmentInput,
@@ -708,12 +708,12 @@ function le({ value: e, onChange: o, min: s, max: l, step: d, marks: g, marksPos
 							onBlur: Z,
 							onKeyDown: de
 						}),
-						/* @__PURE__ */ m("span", {
+						/* @__PURE__ */ l("span", {
 							className: H.rangeSeparator,
 							"data-disabled": E || void 0,
 							children: "-"
 						}),
-						/* @__PURE__ */ m("input", {
+						/* @__PURE__ */ l("input", {
 							type: "text",
 							inputMode: "decimal",
 							className: H.rangeSegmentInput,
@@ -727,15 +727,15 @@ function le({ value: e, onChange: o, min: s, max: l, step: d, marks: g, marksPos
 					] })
 				})
 			})
-		}), /* @__PURE__ */ m(t.Content, {
+		}), /* @__PURE__ */ l(t.Content, {
 			background: "primary",
-			children: /* @__PURE__ */ m("div", {
+			children: /* @__PURE__ */ l("div", {
 				className: H.popoverContent,
-				children: /* @__PURE__ */ m(G, {
+				children: /* @__PURE__ */ l(G, {
 					mode: "range",
 					min: k,
 					max: A,
-					step: d,
+					step: m,
 					marks: j,
 					marksPosition: _,
 					marksDisplay: "full",