@ryuzaki13/react-foundation-ui 1.0.1 → 1.0.2

package/dist/chunks/{slider-CigVo4Ju.js → slider-CFKsfxFp.js}

@@ -1,11 +1,11 @@
-import { n as e, r as t } from "./popover-C79P5bm2.js";
+import { n as e, r as t } from "./popover-xJJqy1v6.js";
 import { t as n } from "./ui.module-BisoTevy.js";
-import { a as r, c as i, o as a, r as o } from "./Input-Wrew1puH.js";
-import { l as s } from "./picker-gIUs0nE_.js";
-import { cn as c } from "@ryuzaki13/react-foundation-lib/utils";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useCallback as f, useEffect as p, useEffectEvent as ee, useMemo as m, useRef as h, useState as g } from "react";
-import { toFiniteNumber as _ } from "@ryuzaki13/react-foundation-lib/formatters";
+import { a as r, c as i, o as a, r as o } from "./Input-BmjlpA09.js";
+import { l as s } from "./picker-Dg55Ss-B.js";
+import { useCallback as c, useEffect as l, useEffectEvent as u, useMemo as d, useRef as f, useState as p } from "react";
+import { cn as ee } from "@ryuzaki13/react-foundation-lib/utils";
+import { toFiniteNumber as m } from "@ryuzaki13/react-foundation-lib/formatters";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { findClosestNumberScaleMark as v, findClosestNumberScaleMarkByPercent as y, getNumberScaleMarkPercent as b, offsetNumberScaleValue as x, percentToNumberScaleValue as S, prepareNumberScaleMarks as C, resolveNumberScaleBounds as w, snapNumberScaleValue as T, snapNumberScaleValueToStep as E, valueToNumberScalePercent as D } from "@ryuzaki13/react-foundation-lib/number-scale";
 import "@ryuzaki13/react-foundation-lib/range-output";
 //#region src/slider/lib/sliderMath.ts
@@ -174,32 +174,32 @@ function ie(e, t) {
 	return t.find((t) => t.value === e)?.label ?? String(e);
 }
 function ae(e) {
-	return typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ u("span", {
+	return typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ g("span", {
 		className: "textNoWrap",
 		children: e
 	}) : e;
 }
 function G(t) {
-	let { min: n, max: r, step: o, marks: s, marksPosition: l = "value", marksDisplay: f = "compact", className: ee, error: _, onClearError: v, label: y, description: b, disabled: C, size: T } = t, { min: E, max: D } = m(() => w(n, r), [n, r]), M = m(() => O(s, E, D), [
+	let { min: n, max: r, step: o, marks: s, marksPosition: c = "value", marksDisplay: u = "compact", className: m, error: h, onClearError: v, label: y, description: b, disabled: C, size: T } = t, { min: E, max: D } = d(() => w(n, r), [n, r]), M = d(() => O(s, E, D), [
 		s,
 		E,
 		D
-	]), P = m(() => ({
+	]), P = d(() => ({
 		min: E,
 		max: D,
 		step: o,
 		marks: M,
-		marksPosition: l
+		marksPosition: c
 	}), [
 		E,
 		D,
 		o,
 		M,
-		l
-	]), F = t.mode === "range", I = F ? void 0 : N(t.value, P), L = F ? R(t.value, P) : void 0, z = F ? te(t.value, P) : void 0, G = F ? z : [I], K = H(F ? z : I, P), q = h(null), J = h([]), Y = h(null), X = h(null), [oe, Z] = g(null), { controlId: Q, labelId: se, descriptionId: ce, errorId: le, describedBy: ue } = i({
+		c
+	]), F = t.mode === "range", I = F ? void 0 : N(t.value, P), L = F ? R(t.value, P) : void 0, z = F ? te(t.value, P) : void 0, G = F ? z : [I], K = H(F ? z : I, P), q = f(null), J = f([]), Y = f(null), X = f(null), [oe, Z] = p(null), { controlId: Q, labelId: se, descriptionId: ce, errorId: le, describedBy: ue } = i({
 		hasLabel: y != null,
 		hasDescription: !!b,
-		hasError: !!_
+		hasError: !!h
 	}), de = (e) => {
 		C || t.mode !== "single" || t.value !== void 0 && t.value === e || (t.onChange(e), v?.());
 	}, fe = (e) => {
@@ -218,10 +218,10 @@ function G(t) {
 		if (!t) return E;
 		let n = (e - t.left) / t.width * 100;
 		return (M.length > 0 ? j(n, P) : void 0)?.value ?? S(n, E, D);
-	}, me = h($), he = h(pe);
-	p(() => {
+	}, me = f($), he = f(pe);
+	l(() => {
 		me.current = $, he.current = pe;
-	}), p(() => {
+	}), l(() => {
 		let e = (e) => {
 			X.current !== null && e && e.pointerId !== X.current || (X.current = null, Y.current = null, Z(null));
 		}, t = (e) => {
@@ -266,31 +266,31 @@ function G(t) {
 		}
 		return ie(e, M);
 	};
-	return /* @__PURE__ */ u(a, {
+	return /* @__PURE__ */ g(a, {
 		label: y,
 		description: b,
 		disabled: C,
-		className: ee,
+		className: m,
 		size: T,
-		error: _,
+		error: h,
 		controlId: Q,
 		labelId: se,
 		descriptionId: ce,
 		errorId: le,
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ _("div", {
 			id: Q,
-			className: c(U.slider, f === "compact" && U.sliderCompact),
-			children: [/* @__PURE__ */ u("div", {
+			className: ee(U.slider, u === "compact" && U.sliderCompact),
+			children: [/* @__PURE__ */ g("div", {
 				className: U.trackShell,
-				children: /* @__PURE__ */ d("div", {
+				children: /* @__PURE__ */ _("div", {
 					ref: q,
 					"data-slot": "track",
 					className: U.track,
 					role: "presentation",
 					onPointerDown: _e,
 					children: [
-						/* @__PURE__ */ u("div", { className: U.rail }),
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ g("div", { className: U.rail }),
+						/* @__PURE__ */ g("div", {
 							"data-slot": "fill",
 							className: U.fill,
 							style: {
@@ -298,13 +298,13 @@ function G(t) {
 								width: `${K.endPercent - K.startPercent}%`
 							}
 						}),
-						f === "compact" && M.map((t) => {
+						u === "compact" && M.map((t) => {
 							let n = k(t, M, P), r = F ? t.value >= z[0] && t.value <= z[1] : t.value <= I;
-							return /* @__PURE__ */ u(e, {
+							return /* @__PURE__ */ g(e, {
 								tooltip: !0,
 								placement: "top",
 								content: ae(t.label),
-								children: /* @__PURE__ */ u("button", {
+								children: /* @__PURE__ */ g("button", {
 									type: "button",
 									"data-slot": "mark",
 									"data-active": r ? "" : void 0,
@@ -313,7 +313,7 @@ function G(t) {
 									"aria-label": t.ariaLabel,
 									disabled: C,
 									onClick: () => be(t.value),
-									children: /* @__PURE__ */ u("span", {
+									children: /* @__PURE__ */ g("span", {
 										className: U.markDot,
 										"aria-hidden": "true"
 									})
@@ -322,13 +322,13 @@ function G(t) {
 						}),
 						G.map((t, n) => {
 							let r = xe(t, n);
-							return /* @__PURE__ */ u(e, {
+							return /* @__PURE__ */ g(e, {
 								tooltip: !0,
 								placement: "top",
 								content: ae(r),
 								openDelay: 0,
 								closeDelay: 100,
-								children: /* @__PURE__ */ u("button", {
+								children: /* @__PURE__ */ g("button", {
 									ref: (e) => {
 										J.current[n] = e;
 									},
@@ -356,9 +356,9 @@ function G(t) {
 						})
 					]
 				})
-			}), f === "full" && M.length > 0 && /* @__PURE__ */ u("div", {
+			}), u === "full" && M.length > 0 && /* @__PURE__ */ g("div", {
 				className: U.marks,
-				children: M.map((e) => /* @__PURE__ */ d("button", {
+				children: M.map((e) => /* @__PURE__ */ _("button", {
 					type: "button",
 					"data-slot": "mark",
 					"data-active": (F ? e.value >= z[0] && e.value <= z[1] : e.value <= I) ? "" : void 0,
@@ -367,10 +367,10 @@ function G(t) {
 					"aria-label": e.ariaLabel,
 					disabled: C,
 					onClick: () => be(e.value),
-					children: [/* @__PURE__ */ u("span", {
+					children: [/* @__PURE__ */ g("span", {
 						className: U.markDot,
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ u("span", {
+					}), /* @__PURE__ */ g("span", {
 						className: U.markLabel,
 						children: e.label
 					})]
@@ -380,14 +380,14 @@ function G(t) {
 	});
 }
 function K(e) {
-	return /* @__PURE__ */ u(G, {
+	return /* @__PURE__ */ g(G, {
 		...e,
 		mode: "single",
 		marksDisplay: "compact"
 	});
 }
 function q(e) {
-	return /* @__PURE__ */ u(G, {
+	return /* @__PURE__ */ g(G, {
 		...e,
 		mode: "range",
 		marksDisplay: "compact"
@@ -396,9 +396,9 @@ function q(e) {
 //#endregion
 //#region src/slider/SliderInput.tsx
 function J({ open: e, disabled: n, setOpen: r }) {
-	return /* @__PURE__ */ u(t.Trigger, {
+	return /* @__PURE__ */ g(t.Trigger, {
 		passive: !0,
-		children: /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(s, {
+		children: /* @__PURE__ */ g("div", { children: /* @__PURE__ */ g(s, {
 			open: e,
 			disabled: n,
 			openAriaLabel: "Открыть слайдер",
@@ -417,7 +417,7 @@ function Y(e, t) {
 }
 function X(e, t) {
 	let n = e.trim();
-	return n === "" || n === t ? null : _(n);
+	return n === "" || n === t ? null : m(n);
 }
 function oe(e, t, n) {
 	let r = t.filter((t) => P(t) === e);
@@ -433,35 +433,35 @@ function se(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")}`;
 }
-function ce({ value: e, onChange: n, min: i, max: a, step: o, marks: s, marksPosition: c = "value", className: l, error: h, onClearError: v, label: y, description: b, placeholder: x, disabled: S, size: C }) {
-	let { min: T, max: E } = m(() => w(i, a), [i, a]), D = m(() => O(s, T, E), [
+function ce({ value: e, onChange: n, min: i, max: a, step: o, marks: s, marksPosition: f = "value", className: ee, error: h, onClearError: v, label: y, description: b, placeholder: x, disabled: S, size: C }) {
+	let { min: T, max: E } = d(() => w(i, a), [i, a]), D = d(() => O(s, T, E), [
 		s,
 		T,
 		E
-	]), k = m(() => ({
+	]), k = d(() => ({
 		min: T,
 		max: E,
 		step: o,
 		marks: D,
-		marksPosition: c
+		marksPosition: f
 	}), [
 		T,
 		E,
 		o,
 		D,
-		c
-	]), A = N(e, k), [j, M] = g(!1), [P, F] = g(String(A)), I = ee((e) => {
+		f
+	]), A = N(e, k), [j, M] = p(!1), [P, F] = p(String(A)), I = u((e) => {
 		F(e);
 	});
-	p(() => {
+	l(() => {
 		I(String(A));
 	}, [A]);
-	let L = f(() => {
+	let L = c(() => {
 		if (S) {
 			F(String(A));
 			return;
 		}
-		let t = _(P);
+		let t = m(P);
 		if (t === void 0) {
 			F(String(A));
 			return;
@@ -477,16 +477,16 @@ function ce({ value: e, onChange: n, min: i, max: a, step: o, marks: s, marksPos
 		k,
 		e
 	]);
-	return /* @__PURE__ */ d(t, {
+	return /* @__PURE__ */ _(t, {
 		open: j,
 		onOpenChange: M,
-		children: [/* @__PURE__ */ u(r, {
+		children: [/* @__PURE__ */ g(r, {
 			label: y,
 			description: b,
 			placeholder: x,
 			disabled: S,
 			size: C,
-			className: l,
+			className: ee,
 			error: h,
 			value: P,
 			onChange: F,
@@ -500,17 +500,17 @@ function ce({ value: e, onChange: n, min: i, max: a, step: o, marks: s, marksPos
 				disabled: S,
 				setOpen: M
 			})
-		}), /* @__PURE__ */ u(t.Content, {
+		}), /* @__PURE__ */ g(t.Content, {
 			background: "primary",
-			children: /* @__PURE__ */ u("div", {
+			children: /* @__PURE__ */ g("div", {
 				className: U.popoverContent,
-				children: /* @__PURE__ */ u(G, {
+				children: /* @__PURE__ */ g(G, {
 					mode: "single",
 					min: T,
 					max: E,
 					step: o,
 					marks: D,
-					marksPosition: c,
+					marksPosition: f,
 					marksDisplay: "full",
 					value: e,
 					onChange: (e) => {
@@ -522,27 +522,27 @@ function ce({ value: e, onChange: n, min: i, max: a, step: o, marks: s, marksPos
 		})]
 	});
 }
-function le({ value: e, onChange: r, min: s, max: h, step: _, marks: v, marksPosition: y = "value", className: b, error: x, onClearError: S, label: C, description: T, readonlyValueText: E, placeholder: D, disabled: k, size: A }) {
-	let { min: j, max: M } = m(() => w(s, h), [s, h]), N = m(() => O(v, j, M), [
+function le({ value: e, onChange: r, min: s, max: f, step: m, marks: v, marksPosition: y = "value", className: b, error: x, onClearError: S, label: C, description: T, readonlyValueText: E, placeholder: D, disabled: k, size: A }) {
+	let { min: j, max: M } = d(() => w(s, f), [s, f]), N = d(() => O(v, j, M), [
 		v,
 		j,
 		M
-	]), P = m(() => ({
+	]), P = d(() => ({
 		min: j,
 		max: M,
-		step: _,
+		step: m,
 		marks: N,
 		marksPosition: y
 	}), [
 		j,
 		M,
-		_,
+		m,
 		N,
 		y
-	]), F = m(() => R(e, P), [P, e]), I = m(() => Y(F, P), [F, P]), [L, z] = g(!1), [te, B] = g(I.start), [V, H] = g(I.end), [ne, W] = g(F), re = ee((e, t) => {
+	]), F = d(() => R(e, P), [P, e]), I = d(() => Y(F, P), [F, P]), [L, z] = p(!1), [te, B] = p(I.start), [V, H] = p(I.end), [ne, W] = p(F), re = u((e, t) => {
 		B(e), H(t);
 	});
-	p(() => {
+	l(() => {
 		L || re(I.start, I.end);
 	}, [
 		I.start,
@@ -554,9 +554,9 @@ function le({ value: e, onChange: r, min: s, max: h, step: _, marks: v, marksPos
 		hasLabel: C != null,
 		hasDescription: !!T,
 		hasError: !!x
-	}), Z = f(() => {
+	}), Z = c(() => {
 		B(I.start), H(I.end);
-	}, [I.end, I.start]), Q = f(() => {
+	}, [I.end, I.start]), Q = c(() => {
 		if (k) {
 			Z();
 			return;
@@ -579,7 +579,7 @@ function le({ value: e, onChange: r, min: s, max: h, step: _, marks: v, marksPos
 		S,
 		Z,
 		P
-	]), ce = f((e) => {
+	]), ce = c((e) => {
 		let t = R(e, P);
 		ue(F, t) || (r(t), S?.());
 		let n = Y(t, P);
@@ -599,10 +599,10 @@ function le({ value: e, onChange: r, min: s, max: h, step: _, marks: v, marksPos
 		let n = Y(t, P);
 		B(n.start), H(n.end);
 	}, $ = E ? se(L ? ne : F, N, D) : void 0;
-	return /* @__PURE__ */ d(t, {
+	return /* @__PURE__ */ _(t, {
 		open: L,
 		onOpenChange: le,
-		children: [/* @__PURE__ */ u(a, {
+		children: [/* @__PURE__ */ g(a, {
 			label: C,
 			description: T,
 			disabled: k,
@@ -613,7 +613,7 @@ function le({ value: e, onChange: r, min: s, max: h, step: _, marks: v, marksPos
 			labelId: ae,
 			descriptionId: K,
 			errorId: q,
-			children: /* @__PURE__ */ u(o, {
+			children: /* @__PURE__ */ g(o, {
 				endAdornmentWidth: "var(--control-height)",
 				endAdornment: J({
 					open: L,
@@ -622,9 +622,9 @@ function le({ value: e, onChange: r, min: s, max: h, step: _, marks: v, marksPos
 						le(typeof e == "function" ? e(L) : e);
 					}
 				}),
-				children: ({ controlClassName: e }) => /* @__PURE__ */ u("div", {
+				children: ({ controlClassName: e }) => /* @__PURE__ */ g("div", {
 					id: ie,
-					className: c(n.uiInputControlFake, U.rangeInputControl, e),
+					className: ee(n.uiInputControlFake, U.rangeInputControl, e),
 					"data-invalid": x ? "" : void 0,
 					"data-disabled": k || void 0,
 					role: "group",
@@ -632,11 +632,11 @@ function le({ value: e, onChange: r, min: s, max: h, step: _, marks: v, marksPos
 					"aria-label": typeof C == "string" ? C : "Диапазон",
 					"aria-labelledby": typeof C == "string" ? void 0 : ae,
 					"aria-describedby": oe,
-					children: E ? /* @__PURE__ */ u("span", {
-						className: c("flexEllipsis", !$ && n.uiPlaceholder),
+					children: E ? /* @__PURE__ */ g("span", {
+						className: ee("flexEllipsis", !$ && n.uiPlaceholder),
 						children: $ || D
-					}) : /* @__PURE__ */ d(l, { children: [
-						/* @__PURE__ */ u("input", {
+					}) : /* @__PURE__ */ _(h, { children: [
+						/* @__PURE__ */ g("input", {
 							type: "text",
 							inputMode: "decimal",
 							className: U.rangeSegmentInput,
@@ -647,12 +647,12 @@ function le({ value: e, onChange: r, min: s, max: h, step: _, marks: v, marksPos
 							onBlur: Q,
 							onKeyDown: de
 						}),
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ g("span", {
 							className: U.rangeSeparator,
 							"data-disabled": k || void 0,
 							children: "-"
 						}),
-						/* @__PURE__ */ u("input", {
+						/* @__PURE__ */ g("input", {
 							type: "text",
 							inputMode: "decimal",
 							className: U.rangeSegmentInput,
@@ -666,15 +666,15 @@ function le({ value: e, onChange: r, min: s, max: h, step: _, marks: v, marksPos
 					] })
 				})
 			})
-		}), /* @__PURE__ */ u(t.Content, {
+		}), /* @__PURE__ */ g(t.Content, {
 			background: "primary",
-			children: /* @__PURE__ */ u("div", {
+			children: /* @__PURE__ */ g("div", {
 				className: U.popoverContent,
-				children: /* @__PURE__ */ u(G, {
+				children: /* @__PURE__ */ g(G, {
 					mode: "range",
 					min: j,
 					max: M,
-					step: _,
+					step: m,
 					marks: N,
 					marksPosition: y,
 					marksDisplay: "full",
@@ -692,4 +692,4 @@ function ue(e, t) {
 //#endregion
 export { q as i, le as n, K as r, ce as t };
 
-//# sourceMappingURL=slider-CigVo4Ju.js.map
+//# sourceMappingURL=slider-CFKsfxFp.js.map