@efficiency-point/design-system 0.1.3 → 0.1.5

package/dist/index.es.js

@@ -33,17 +33,28 @@ var y = {
 		})
 	]
 }), x = {
-	loader: "_loader_1tjcf_1",
-	"ds-spin": "_ds-spin_1tjcf_1",
-	primary: "_primary_1tjcf_21",
-	secondary: "_secondary_1tjcf_23",
-	light: "_light_1tjcf_25",
-	danger: "_danger_1tjcf_27"
-}, S = ({ variant: e = "primary", label: n = "Загрузка", className: r = "", decorative: i = !1 }) => /* @__PURE__ */ t("span", {
-	className: `${x.loader} ${x[e]} ${r}`,
-	role: i ? void 0 : "status",
-	"aria-label": i ? void 0 : n,
-	"aria-hidden": i || void 0
+	container: "_container_dhg26_1",
+	inner: "_inner_dhg26_21",
+	line: "_line_dhg26_39",
+	primary: "_primary_dhg26_57",
+	secondary: "_secondary_dhg26_63",
+	outline: "_outline_dhg26_69",
+	ghost: "_ghost_dhg26_75",
+	empty: "_empty_dhg26_81",
+	destructive: "_destructive_dhg26_87",
+	destructiveOutline: "_destructiveOutline_dhg26_93",
+	grow: "_grow_dhg26_1"
+}, S = ({ variant: e = "primary" }) => /* @__PURE__ */ t("div", {
+	className: `${x.container} ${x[e]}`,
+	children: /* @__PURE__ */ n("div", {
+		className: `${x.inner} ${x[e]}`,
+		children: [
+			/* @__PURE__ */ t("div", { className: `${x.line} ${x[e]}` }),
+			/* @__PURE__ */ t("div", { className: `${x.line} ${x[e]}` }),
+			/* @__PURE__ */ t("div", { className: `${x.line} ${x[e]}` }),
+			/* @__PURE__ */ t("div", { className: `${x.line} ${x[e]}` })
+		]
+	})
 }), C = {
 	button: "_button_1gql6_1",
 	sm: "_sm_1gql6_43",
@@ -56,17 +67,14 @@ var y = {
 	empty: "_empty_1gql6_127",
 	destructive: "_destructive_1gql6_139",
 	destructiveOutline: "_destructiveOutline_1gql6_147"
-}, w = i(({ children: e, variant: n = "primary", size: r = "md", isLoading: i = !1, loadingLabel: a = "Загрузка", disabled: o, type: s = "button", className: c = "", ...l }, u) => /* @__PURE__ */ t("button", {
-	ref: u,
-	className: `${C.button} ${C[n]} ${C[r]} ${c}`,
-	disabled: o || i,
+}, w = i(({ children: e, variant: n = "primary", size: r = "md", isLoading: i = !1, disabled: a, type: o = "button", className: s = "", ...c }, l) => /* @__PURE__ */ t("button", {
+	ref: l,
+	className: `${C.button} ${C[n]} ${C[r]} ${s}`,
+	disabled: a || i,
 	"aria-busy": i || void 0,
-	...l,
-	type: s,
-	children: i ? /* @__PURE__ */ t(S, {
-		variant: "light",
-		label: a
-	}) : e
+	...c,
+	type: o,
+	children: i ? /* @__PURE__ */ t(S, { variant: n }) : e
 }));
 w.displayName = "DSButton";
 var T = {
@@ -78,7 +86,7 @@ var T = {
 	disabled: "_disabled_fa00b_47",
 	message: "_message_fa00b_55",
 	success: "_success_fa00b_71"
-}, E = ({ children: e, required: r = !1, optionalText: i, disabled: a = !1, className: o = "", ...s }) => /* @__PURE__ */ n("label", {
+}, ee = ({ children: e, required: r = !1, optionalText: i, disabled: a = !1, className: o = "", ...s }) => /* @__PURE__ */ n("label", {
 	className: `${T.label} ${a ? T.disabled : ""} ${o}`,
 	...s,
 	children: [
@@ -93,28 +101,28 @@ var T = {
 			children: i
 		})
 	]
-}), D = ({ children: e, variant: n = "hint", id: r, live: i = !1, className: a = "" }) => /* @__PURE__ */ t("span", {
+}), E = ({ children: e, variant: n = "hint", id: r, live: i = !1, className: a = "" }) => /* @__PURE__ */ t("span", {
 	id: r,
 	className: `${T.message} ${T[n]} ${a}`,
 	role: i && n === "error" ? "alert" : void 0,
 	"aria-live": i && n !== "error" ? "polite" : void 0,
 	children: e
-}), O = {
+}), D = {
 	wrapper: "_wrapper_1gq36_1",
 	label: "_label_1gq36_3",
 	input: "_input_1gq36_5",
 	control: "_control_1gq36_7",
 	disabled: "_disabled_1gq36_13",
 	controlError: "_controlError_1gq36_17"
-}, k = ({ checked: e, onChange: r, label: i, hint: a, error: o, disabled: l = !1, readOnly: u = !1, className: f = "", name: p, id: m, indeterminate: h = !1, ...g }) => {
+}, O = ({ checked: e, onChange: r, label: i, hint: a, error: o, disabled: l = !1, readOnly: u = !1, className: f = "", name: p, id: m, indeterminate: h = !1, ...g }) => {
 	let _ = c(), v = m ?? `ds-checkbox-${p ?? _}`, y = d(null), b = a ? `${v}-hint` : void 0, x = o ? `${v}-error` : void 0;
 	return s(() => {
 		y.current && (y.current.indeterminate = h && !e);
 	}, [e, h]), /* @__PURE__ */ n("div", {
-		className: `${O.wrapper} ${f}`,
+		className: `${D.wrapper} ${f}`,
 		children: [
 			/* @__PURE__ */ n("label", {
-				className: `${O.label} ${l ? O.disabled : ""}`,
+				className: `${D.label} ${l ? D.disabled : ""}`,
 				htmlFor: v,
 				children: [
 					/* @__PURE__ */ t("input", {
@@ -127,32 +135,32 @@ var T = {
 						"aria-readonly": u || void 0,
 						"aria-invalid": !!o,
 						"aria-describedby": [b, x].filter(Boolean).join(" ") || void 0,
-						className: O.input,
+						className: D.input,
 						onChange: (e) => {
 							u || r?.(e.target.checked, e);
 						},
 						...g
 					}),
 					/* @__PURE__ */ t("span", {
-						className: `${O.control} ${o ? O.controlError : ""}`,
+						className: `${D.control} ${o ? D.controlError : ""}`,
 						"aria-hidden": "true",
 						children: h && !e ? "−" : e ? "✓" : ""
 					}),
 					i && /* @__PURE__ */ t("span", { children: i })
 				]
 			}),
-			a && !o && /* @__PURE__ */ t(D, {
+			a && !o && /* @__PURE__ */ t(E, {
 				id: b,
 				children: a
 			}),
-			o && /* @__PURE__ */ t(D, {
+			o && /* @__PURE__ */ t(E, {
 				id: x,
 				variant: "error",
 				children: o
 			})
 		]
 	});
-}, A = {
+}, k = {
 	wrapper: "_wrapper_1or7y_1",
 	trigger: "_trigger_1or7y_17",
 	lg: "_lg_1or7y_51",
@@ -173,7 +181,7 @@ var T = {
 	outside: "_outside_1or7y_309",
 	selected: "_selected_1or7y_317",
 	timeLabel: "_timeLabel_1or7y_337"
-}, j = [
+}, A = [
 	"Пн",
 	"Вт",
 	"Ср",
@@ -181,7 +189,7 @@ var T = {
 	"Пт",
 	"Сб",
 	"Вс"
-], M = [
+], j = [
 	"Январь",
 	"Февраль",
 	"Март",
@@ -194,11 +202,11 @@ var T = {
 	"Октябрь",
 	"Ноябрь",
 	"Декабрь"
-], N = (e) => String(e).padStart(2, "0"), P = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), F = (e, t) => {
+], M = (e) => String(e).padStart(2, "0"), N = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), P = (e, t) => {
 	if (!e) return "";
-	let n = `${e.getFullYear()}-${N(e.getMonth() + 1)}-${N(e.getDate())}`, r = `${N(e.getHours())}:${N(e.getMinutes())}`;
+	let n = `${e.getFullYear()}-${M(e.getMonth() + 1)}-${M(e.getDate())}`, r = `${M(e.getHours())}:${M(e.getMinutes())}`;
 	return t === "date" ? n : t === "time" ? r : `${n}T${r}`;
-}, I = (e, t) => {
+}, F = (e, t) => {
 	if (!e) return null;
 	if (t === "time") {
 		let t = /^(\d{2}):(\d{2})$/.exec(e);
@@ -208,33 +216,39 @@ var T = {
 		let i = /* @__PURE__ */ new Date();
 		return i.setHours(n, r, 0, 0), i;
 	}
-	let n = new Date(t === "date" ? `${e}T00:00` : e);
+	if (t === "date") {
+		let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
+		if (!t) return null;
+		let n = Number(t[1]), r = Number(t[2]) - 1, i = Number(t[3]), a = new Date(n, r, i, 12);
+		return a.getFullYear() !== n || a.getMonth() !== r || a.getDate() !== i ? null : a;
+	}
+	let n = new Date(e);
 	return Number.isNaN(n.getTime()) ? null : n;
-}, L = (e, t) => {
+}, I = (e, t) => {
 	if (!e) return "";
-	let n = `${N(e.getDate())}.${N(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${N(e.getHours())}:${N(e.getMinutes())}`;
+	let n = `${M(e.getDate())}.${M(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${M(e.getHours())}:${M(e.getMinutes())}`;
 	return t === "date" ? n : t === "time" ? r : `${n} ${r}`;
-}, R = (e) => {
+}, L = (e) => {
 	let t = new Date(e.getFullYear(), e.getMonth(), 1), n = (t.getDay() + 6) % 7, r = new Date(t);
 	return r.setDate(t.getDate() - n), Array.from({ length: 42 }, (e, t) => {
 		let n = new Date(r);
 		return n.setDate(r.getDate() + t), n;
 	});
-}, z = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), B = (e, t, n) => {
-	let r = P(e).getTime();
-	return !!(t && r < P(t).getTime() || n && r > P(n).getTime());
-}, V = 8, ee = 6, H = ({ value: r, onChange: i, mode: a = "date", label: m, placeholder: h, hint: g, error: _, disabled: v = !1, readOnly: y = !1, required: b = !1, min: x, max: S, size: C = "md", id: w, name: T, className: O = "" }) => {
-	let k = c(), N = w ?? `ds-date-time-${T ?? k}`, P = g ? `${N}-hint` : void 0, H = _ ? `${N}-error` : void 0, U = d(null), W = d(null), te = d(null), [G, ne] = f(!1), [K, q] = f(r ?? /* @__PURE__ */ new Date()), [re, ie] = f(F(r, "time")), [J, ae] = f(null), oe = u(() => R(K), [K]), se = a !== "time", ce = a !== "date";
+}, R = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), z = (e, t, n) => {
+	let r = N(e).getTime();
+	return !!(t && r < N(t).getTime() || n && r > N(n).getTime());
+}, B = 8, V = 6, H = ({ value: r, onChange: i, mode: a = "date", label: m, placeholder: h, hint: g, error: _, disabled: v = !1, readOnly: y = !1, required: b = !1, min: x, max: S, size: C = "md", id: w, name: T, className: D = "" }) => {
+	let O = c(), M = w ?? `ds-date-time-${T ?? O}`, N = g ? `${M}-hint` : void 0, H = _ ? `${M}-error` : void 0, U = d(null), W = d(null), te = d(null), [G, K] = f(!1), [q, J] = f(r ?? /* @__PURE__ */ new Date()), [ne, re] = f(P(r, "time")), [ie, ae] = f(null), oe = u(() => L(q), [q]), se = a !== "time", ce = a !== "date";
 	s(() => {
-		r && q(r), ie(F(r, "time"));
+		r && J(r), re(P(r, "time"));
 	}, [r]);
 	let le = o(() => {
 		let e = W.current, t = te.current;
 		if (!e || !t) return;
-		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - V, o = n.top - V, s = a < r.height && o > a, c = Math.max(120, s ? o : a), l = s ? Math.max(V, n.top - r.height - ee) : n.bottom + ee, u = n.left, d = i - r.width - V;
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - B, o = n.top - B, s = a < r.height && o > a, c = Math.max(120, s ? o : a), l = s ? Math.max(B, n.top - r.height - V) : n.bottom + V, u = n.left, d = i - r.width - B;
 		ae({
 			top: l,
-			left: Math.max(V, Math.min(u, d)),
+			left: Math.max(B, Math.min(u, d)),
 			maxHeight: c
 		});
 	}, []);
@@ -249,42 +263,42 @@ var T = {
 	}, [
 		G,
 		le,
-		K,
-		re
+		q,
+		ne
 	]), s(() => {
 		if (!G) return;
 		let e = (e) => {
 			let t = e.target, n = U.current?.contains(t), r = te.current?.contains(t);
-			!n && !r && ne(!1);
+			!n && !r && K(!1);
 		}, t = (e) => {
-			e.key === "Escape" && (ne(!1), W.current?.focus());
+			e.key === "Escape" && (K(!1), W.current?.focus());
 		};
 		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		};
 	}, [G]);
 	let ue = (e) => {
-		if (B(e, x, S)) return;
-		let t = new Date(e);
-		t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), a === "date" && ne(!1);
+		if (z(e, x, S)) return;
+		let t = a === "date" ? F(P(e, "date"), "date") : new Date(e);
+		t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), a === "date" && K(!1));
 	}, Y = (e) => {
-		if (ie(e), !e) {
+		if (re(e), !e) {
 			i?.(null);
 			return;
 		}
-		let t = I(e, "time");
+		let t = F(e, "time");
 		if (!t) return;
-		let n = new Date(a === "datetime" ? r ?? K : /* @__PURE__ */ new Date());
+		let n = new Date(a === "datetime" ? r ?? q : /* @__PURE__ */ new Date());
 		n.setHours(t.getHours(), t.getMinutes(), 0, 0), !(x && n < x || S && n > S) && i?.(n);
-	}, de = h ?? (a === "date" ? "Выберите дату" : a === "time" ? "Введите время" : "Выберите дату и время"), fe = [P, H].filter(Boolean).join(" ") || void 0, pe = G && !y ? /* @__PURE__ */ n("div", {
+	}, de = h ?? (a === "date" ? "Выберите дату" : a === "time" ? "Введите время" : "Выберите дату и время"), fe = [N, H].filter(Boolean).join(" ") || void 0, pe = G && !y ? /* @__PURE__ */ n("div", {
 		ref: te,
-		className: A.panel,
+		className: k.panel,
 		role: "dialog",
 		"aria-label": m ?? de,
-		style: J ? {
-			top: J.top,
-			left: J.left,
-			maxHeight: J.maxHeight
+		style: ie ? {
+			top: ie.top,
+			left: ie.left,
+			maxHeight: ie.maxHeight
 		} : {
 			visibility: "hidden",
 			top: 0,
@@ -292,53 +306,53 @@ var T = {
 		},
 		children: [se && /* @__PURE__ */ n(e, { children: [
 			/* @__PURE__ */ n("div", {
-				className: A.calendarHeader,
+				className: k.calendarHeader,
 				children: [
 					/* @__PURE__ */ t("button", {
 						type: "button",
-						className: A.nav,
+						className: k.nav,
 						"aria-label": "Предыдущий месяц",
-						onClick: () => q(new Date(K.getFullYear(), K.getMonth() - 1, 1)),
+						onClick: () => J(new Date(q.getFullYear(), q.getMonth() - 1, 1)),
 						children: "‹"
 					}),
 					/* @__PURE__ */ t("select", {
-						className: A.monthSelect,
+						className: k.monthSelect,
 						"aria-label": "Месяц",
-						value: K.getMonth(),
-						onChange: (e) => q(new Date(K.getFullYear(), Number(e.target.value), 1)),
-						children: M.map((e, n) => /* @__PURE__ */ t("option", {
+						value: q.getMonth(),
+						onChange: (e) => J(new Date(q.getFullYear(), Number(e.target.value), 1)),
+						children: j.map((e, n) => /* @__PURE__ */ t("option", {
 							value: n,
 							children: e
 						}, e))
 					}),
 					/* @__PURE__ */ t("input", {
-						className: A.yearInput,
+						className: k.yearInput,
 						type: "number",
 						"aria-label": "Год",
-						value: K.getFullYear(),
-						onChange: (e) => q(new Date(Number(e.target.value), K.getMonth(), 1))
+						value: q.getFullYear(),
+						onChange: (e) => J(new Date(Number(e.target.value), q.getMonth(), 1))
 					}),
 					/* @__PURE__ */ t("button", {
 						type: "button",
-						className: A.nav,
+						className: k.nav,
 						"aria-label": "Следующий месяц",
-						onClick: () => q(new Date(K.getFullYear(), K.getMonth() + 1, 1)),
+						onClick: () => J(new Date(q.getFullYear(), q.getMonth() + 1, 1)),
 						children: "›"
 					})
 				]
 			}),
 			/* @__PURE__ */ t("div", {
-				className: A.weekdays,
-				children: j.map((e) => /* @__PURE__ */ t("span", { children: e }, e))
+				className: k.weekdays,
+				children: A.map((e) => /* @__PURE__ */ t("span", { children: e }, e))
 			}),
 			/* @__PURE__ */ t("div", {
-				className: A.days,
+				className: k.days,
 				children: oe.map((e) => {
-					let n = z(r, e);
+					let n = R(r, e);
 					return /* @__PURE__ */ t("button", {
 						type: "button",
-						className: `${A.day} ${e.getMonth() === K.getMonth() ? "" : A.outside} ${n ? A.selected : ""}`,
-						disabled: B(e, x, S),
+						className: `${k.day} ${e.getMonth() === q.getMonth() ? "" : k.outside} ${n ? k.selected : ""}`,
+						disabled: z(e, x, S),
 						"aria-pressed": n,
 						onClick: () => ue(e),
 						children: e.getDate()
@@ -346,44 +360,44 @@ var T = {
 				})
 			})
 		] }), ce && /* @__PURE__ */ n("label", {
-			className: A.timeLabel,
+			className: k.timeLabel,
 			children: [/* @__PURE__ */ t("span", { children: "Время" }), /* @__PURE__ */ t("input", {
-				className: A.timeInput,
+				className: k.timeInput,
 				type: "time",
-				value: re,
+				value: ne,
 				onChange: (e) => Y(e.target.value)
 			})]
 		})]
 	}) : null;
 	return /* @__PURE__ */ n("div", {
 		ref: U,
-		className: `${A.wrapper} ${O}`,
+		className: `${k.wrapper} ${D}`,
 		children: [
-			m && /* @__PURE__ */ t(E, {
-				htmlFor: N,
+			m && /* @__PURE__ */ t(ee, {
+				htmlFor: M,
 				required: b,
 				disabled: v,
 				children: m
 			}),
 			/* @__PURE__ */ n("button", {
 				ref: W,
-				id: N,
+				id: M,
 				name: T,
 				type: "button",
-				className: `${A.trigger} ${A[C]} ${_ ? A.error : ""}`,
+				className: `${k.trigger} ${k[C]} ${_ ? k.error : ""}`,
 				disabled: v,
 				"aria-readonly": y || void 0,
 				"aria-expanded": G,
 				"aria-haspopup": "dialog",
 				"aria-describedby": fe,
 				onClick: () => {
-					y || ne((e) => !e);
+					y || K((e) => !e);
 				},
 				children: [/* @__PURE__ */ t("span", {
-					className: r ? A.value : A.placeholder,
-					children: L(r, a) || de
+					className: r ? k.value : k.placeholder,
+					children: I(r, a) || de
 				}), /* @__PURE__ */ t("span", {
-					className: [A.chevron, pe ? A.chevronOpen : ""].filter(Boolean).join(" "),
+					className: [k.chevron, pe ? k.chevronOpen : ""].filter(Boolean).join(" "),
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ t("svg", {
 						viewBox: "0 0 20 20",
@@ -399,11 +413,11 @@ var T = {
 				})]
 			}),
 			pe && p(pe, document.body),
-			g && !_ && /* @__PURE__ */ t(D, {
-				id: P,
+			g && !_ && /* @__PURE__ */ t(E, {
+				id: N,
 				children: g
 			}),
-			_ && /* @__PURE__ */ t(D, {
+			_ && /* @__PURE__ */ t(E, {
 				id: H,
 				variant: "error",
 				children: _
@@ -452,7 +466,7 @@ var T = {
 					to: t
 				})
 			})]
-		}), c && !g && /* @__PURE__ */ t(D, { children: c })]
+		}), c && !g && /* @__PURE__ */ t(E, { children: c })]
 	});
 }, G = {
 	group: "_group_1fs9e_1",
@@ -462,7 +476,7 @@ var T = {
 	circular: "_circular_1fs9e_9",
 	animated: "_animated_1fs9e_11",
 	"ds-skeleton": "_ds-skeleton_1fs9e_1"
-}, ne = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
+}, K = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
 	className: `${G.group} ${o}`,
 	"aria-hidden": "true",
 	children: Array.from({ length: Math.max(1, i) }, (o, s) => /* @__PURE__ */ t("span", {
@@ -472,7 +486,7 @@ var T = {
 			height: r
 		}
 	}, s))
-}), K = {
+}), q = {
 	wrapper: "_wrapper_1f1hc_1",
 	label: "_label_1f1hc_17",
 	container: "_container_1f1hc_29",
@@ -491,7 +505,7 @@ var T = {
 	message: "_message_1f1hc_349",
 	error: "_error_1f1hc_351",
 	errorState: "_errorState_1f1hc_377"
-}, q = 8, re = 6, ie = 120, J = (e, t, n) => {
+}, J = 8, ne = 6, re = 120, ie = (e, t, n) => {
 	if (!e.length) return -1;
 	for (let r = 0; r < e.length; r += 1) {
 		let i = (t + r * n + e.length) % e.length;
@@ -506,11 +520,11 @@ var T = {
 	}
 	return Infinity;
 }, oe = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опцию", disabled: m = !1, stringWhileDisabled: h = !1, label: g, error: _, size: v = "md", hint: y, className: b = "", required: x = !1, name: S, id: C, needMark: w = !0, maxMenuHeight: T }) => {
-	let D = c(), O = C ?? `ds-dropdown-${S ?? D}`, k = `${O}-listbox`, [A, j] = f(!1), [M, N] = f(null), P = d(null), F = d(null), I = d(null), L = d([]), R = u(() => e.find((e) => e.value === r), [e, r]), z = y ? `${O}-hint` : void 0, B = _ ? `${O}-error` : void 0, V = [z, B].filter(Boolean).join(" ") || void 0, ee = m && h, H = o(() => {
-		let e = F.current, t = I.current;
+	let E = c(), D = C ?? `ds-dropdown-${S ?? E}`, O = `${D}-listbox`, [k, A] = f(!1), [j, M] = f(null), N = d(null), P = d(null), F = d(null), I = d([]), L = u(() => e.find((e) => e.value === r), [e, r]), R = y ? `${D}-hint` : void 0, z = _ ? `${D}-error` : void 0, B = [R, z].filter(Boolean).join(" ") || void 0, V = m && h, H = o(() => {
+		let e = P.current, t = F.current;
 		if (!e || !t) return;
-		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - q, o = n.top - q, s = a < r.height && o > a, c = Math.max(ie, s ? o : a), l = ae(T), u = Math.min(c, l), d = n.left, f = i - n.width - q, p = Math.max(q, Math.min(d, f)), m = s ? Math.max(q, n.top - r.height - re) : n.bottom + re;
-		N({
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - J, o = n.top - J, s = a < r.height && o > a, c = Math.max(re, s ? o : a), l = ae(T), u = Math.min(c, l), d = n.left, f = i - n.width - J, p = Math.max(J, Math.min(d, f)), m = s ? Math.max(J, n.top - r.height - ne) : n.bottom + ne;
+		M({
 			top: m,
 			left: p,
 			width: n.width,
@@ -518,48 +532,48 @@ var T = {
 		});
 	}, [T]);
 	l(() => {
-		if (!A) {
-			N(null);
+		if (!k) {
+			M(null);
 			return;
 		}
 		return H(), window.addEventListener("resize", H), window.addEventListener("scroll", H, !0), () => {
 			window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0);
 		};
 	}, [
-		A,
+		k,
 		H,
 		e.length
 	]), s(() => {
-		if (!A) return;
+		if (!k) return;
 		let e = (e) => {
-			let t = e.target, n = P.current?.contains(t), r = I.current?.contains(t);
-			!n && !r && j(!1);
+			let t = e.target, n = N.current?.contains(t), r = F.current?.contains(t);
+			!n && !r && A(!1);
 		}, t = (e) => {
-			e.key === "Escape" && (j(!1), F.current?.focus());
+			e.key === "Escape" && (A(!1), P.current?.focus());
 		};
 		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		};
-	}, [A]);
+	}, [k]);
 	let U = (t, n) => {
-		let r = J(e, t, n);
+		let r = ie(e, t, n);
 		if (r === -1) return;
-		let i = L.current[r];
+		let i = I.current[r];
 		i?.focus(), i?.scrollIntoView({ block: "nearest" });
 	}, W = (e) => {
-		e.disabled || (i?.(e.value, e), j(!1), F.current?.focus());
-	}, te = A ? /* @__PURE__ */ t("ul", {
-		ref: I,
-		id: k,
-		className: K.menu,
+		e.disabled || (i?.(e.value, e), A(!1), P.current?.focus());
+	}, te = k ? /* @__PURE__ */ t("ul", {
+		ref: F,
+		id: O,
+		className: q.menu,
 		role: "listbox",
 		"aria-label": g,
-		style: M ? {
+		style: j ? {
 			position: "fixed",
-			top: M.top,
-			left: M.left,
-			width: M.width,
-			maxHeight: M.maxHeight
+			top: j.top,
+			left: j.left,
+			width: j.width,
+			maxHeight: j.maxHeight
 		} : {
 			position: "fixed",
 			top: 0,
@@ -573,16 +587,16 @@ var T = {
 				role: "presentation",
 				children: /* @__PURE__ */ n("button", {
 					ref: (e) => {
-						L.current[a] = e;
+						I.current[a] = e;
 					},
 					type: "button",
 					role: "option",
 					"aria-selected": o,
 					disabled: i.disabled,
 					className: [
-						K[v],
-						K.option,
-						o ? K.selected : ""
+						q[v],
+						q.option,
+						o ? q.selected : ""
 					].filter(Boolean).join(" "),
 					onClick: () => W(i),
 					onKeyDown: (t) => {
@@ -591,7 +605,7 @@ var T = {
 							let e = t.key === "ArrowDown" ? 1 : -1;
 							U(a + e, e);
 						}
-						if (t.key === "Tab" && j(!1), t.key === "Home" || t.key === "End") {
+						if (t.key === "Tab" && A(!1), t.key === "Home" || t.key === "End") {
 							t.preventDefault();
 							let n = t.key === "Home" ? 1 : -1;
 							U(t.key === "Home" ? 0 : e.length - 1, n);
@@ -607,59 +621,59 @@ var T = {
 		})
 	}) : null;
 	return /* @__PURE__ */ n("div", {
-		ref: P,
+		ref: N,
 		className: [
-			K.wrapper,
-			_ ? K.errorState : "",
+			q.wrapper,
+			_ ? q.errorState : "",
 			b
 		].filter(Boolean).join(" "),
 		children: [
-			g && /* @__PURE__ */ t(E, {
+			g && /* @__PURE__ */ t(ee, {
 				required: x,
 				disabled: m,
-				htmlFor: ee ? void 0 : O,
+				htmlFor: V ? void 0 : D,
 				children: g
 			}),
 			/* @__PURE__ */ t("div", {
-				className: K.container,
-				children: ee ? /* @__PURE__ */ t("div", {
-					id: O,
-					className: K.disabledText,
-					"aria-describedby": V,
-					children: R?.label ?? a
+				className: q.container,
+				children: V ? /* @__PURE__ */ t("div", {
+					id: D,
+					className: q.disabledText,
+					"aria-describedby": B,
+					children: L?.label ?? a
 				}) : /* @__PURE__ */ n("button", {
-					ref: F,
-					id: O,
+					ref: P,
+					id: D,
 					type: "button",
 					name: S,
-					className: `${K.trigger} ${K[v]}`,
+					className: `${q.trigger} ${q[v]}`,
 					disabled: m,
 					"aria-haspopup": "listbox",
-					"aria-expanded": A,
-					"aria-controls": k,
-					"aria-describedby": V,
+					"aria-expanded": k,
+					"aria-controls": O,
+					"aria-describedby": B,
 					"aria-invalid": !!_,
-					onClick: () => j((e) => !e),
+					onClick: () => A((e) => !e),
 					onKeyDown: (t) => {
 						if (t.key === "ArrowDown" || t.key === "ArrowUp") {
-							t.preventDefault(), j(!0);
+							t.preventDefault(), A(!0);
 							let n = t.key === "ArrowDown" ? 1 : -1;
 							requestAnimationFrame(() => {
 								U(t.key === "ArrowDown" ? 0 : e.length - 1, n);
 							});
 						}
-						if (t.key === "Enter" && A) {
+						if (t.key === "Enter" && k) {
 							t.preventDefault();
 							let n = e.findIndex((e) => e.value === r);
 							U(n >= 0 ? n : 0, 1);
 						}
 					},
 					children: [/* @__PURE__ */ t("span", {
-						className: `${R ? K.value : K.placeholder}
-                                    ${K[v]}`,
-						children: R?.label ?? a
+						className: `${L ? q.value : q.placeholder}
+                                    ${q[v]}`,
+						children: L?.label ?? a
 					}), /* @__PURE__ */ t("span", {
-						className: [K.chevron, A ? K.chevronOpen : ""].filter(Boolean).join(" "),
+						className: [q.chevron, k ? q.chevronOpen : ""].filter(Boolean).join(" "),
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ t("svg", {
 							viewBox: "0 0 20 20",
@@ -675,15 +689,15 @@ var T = {
 					})]
 				})
 			}),
-			A && p(te, document.body),
+			k && p(te, document.body),
 			y && !_ && /* @__PURE__ */ t("span", {
-				id: z,
-				className: K.message,
+				id: R,
+				className: q.message,
 				children: y
 			}),
 			_ && /* @__PURE__ */ t("span", {
-				id: B,
-				className: K.error,
+				id: z,
+				className: q.error,
 				children: _
 			})
 		]
@@ -845,56 +859,56 @@ var T = {
 		sortDescFirst: e.sortDescFirst
 	};
 	return n !== void 0 && (i.sortFn = n), i;
-}, Se = ({ columns: e, data: r, tableOnMobile: i = !1, breakpoint: a = "default", sorting: o, onSortingChange: c, renderMobileCard: l, getRowId: d, caption: p, ariaLabel: m, loading: h = !1, error: g, emptyState: v = "Нет данных", stickyHeader: y = !1, maxHeight: b, className: x = "", onRowClick: S, pagination: C = !1, pageSize: T = 30, visibleColumnIds: E }) => {
-	let [D, O] = f([]), [k, A] = f(0), j = o ?? D, M = j.map((e) => `${e.id}:${e.desc ? "desc" : "asc"}`).join("|"), N = Number.isFinite(T) && T > 0 ? Math.floor(T) : 30, P = u(() => {
-		if (E === void 0) return e;
-		let t = new Set(E);
+}, Se = ({ columns: e, data: r, tableOnMobile: i = !1, breakpoint: a = "default", sorting: o, onSortingChange: c, renderMobileCard: l, getRowId: d, caption: p, ariaLabel: m, loading: h = !1, error: g, emptyState: v = "Нет данных", stickyHeader: y = !1, maxHeight: b, className: x = "", onRowClick: S, pagination: C = !1, pageSize: T = 30, visibleColumnIds: ee }) => {
+	let [E, D] = f([]), [O, k] = f(0), A = o ?? E, j = A.map((e) => `${e.id}:${e.desc ? "desc" : "asc"}`).join("|"), M = Number.isFinite(T) && T > 0 ? Math.floor(T) : 30, N = u(() => {
+		if (ee === void 0) return e;
+		let t = new Set(ee);
 		return e.filter((e) => t.has(e.id));
-	}, [e, E]), F = u(() => P.length === 0 ? "Должна быть видима хотя бы одна колонка" : pe(P, r), [r, P]), I = u(() => P.map(xe), [P]), L = _({
+	}, [e, ee]), P = u(() => N.length === 0 ? "Должна быть видима хотя бы одна колонка" : pe(N, r), [r, N]), F = u(() => N.map(xe), [N]), I = _({
 		features: de,
-		columns: I,
+		columns: F,
 		data: r,
-		state: { sorting: j },
+		state: { sorting: A },
 		onSortingChange: (e) => {
-			let t = typeof e == "function" ? e(j) : e;
-			o === void 0 && O(t), A(0), c?.(t);
+			let t = typeof e == "function" ? e(A) : e;
+			o === void 0 && D(t), k(0), c?.(t);
 		},
 		getRowId: d
-	}), R = L.getRowModel().rows, z = C ? Math.max(1, Math.ceil(R.length / N)) : 1, B = Math.min(k, z - 1), V = u(() => C ? R.slice(B * N, (B + 1) * N) : R, [
-		N,
+	}), L = I.getRowModel().rows, R = C ? Math.max(1, Math.ceil(L.length / M)) : 1, z = Math.min(O, R - 1), B = u(() => C ? L.slice(z * M, (z + 1) * M) : L, [
+		M,
 		C,
-		B,
-		R
-	]), ee = u(() => P.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
+		z,
+		L
+	]), V = u(() => N.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
 		id: e.id,
 		label: typeof e.header == "string" ? e.header : e.id
-	})), [P]), H = u(() => fe(B, z), [z, B]), U = [
+	})), [N]), H = u(() => fe(z, R), [R, z]), U = [
 		Y.root,
 		a === "wide" ? Y.wide : Y.default,
 		i ? Y.tableOnMobile : "",
 		x
-	].filter(Boolean).join(" "), W = F ?? g, te = C && !h && !W && R.length > N, G = B * N + 1, K = Math.min((B + 1) * N, R.length);
+	].filter(Boolean).join(" "), W = P ?? g, te = C && !h && !W && L.length > M, G = z * M + 1, q = Math.min((z + 1) * M, L.length);
 	return s(() => {
-		A(0);
+		k(0);
 	}, [
 		r,
-		N,
+		M,
 		C,
-		M
+		j
 	]), s(() => {
-		k >= z && A(z - 1);
-	}, [z, k]), /* @__PURE__ */ n("section", {
+		O >= R && k(R - 1);
+	}, [R, O]), /* @__PURE__ */ n("section", {
 		className: U,
 		"aria-busy": h,
 		children: [
-			!i && !h && !W && V.length > 0 && ee.length > 0 && /* @__PURE__ */ t(ce, {
+			!i && !h && !W && B.length > 0 && V.length > 0 && /* @__PURE__ */ t(ce, {
 				className: Y.mobileSort,
-				options: ee,
-				value: j[0] ? {
-					id: j[0].id,
-					direction: j[0].desc ? "desc" : "asc"
+				options: V,
+				value: A[0] ? {
+					id: A[0].id,
+					direction: A[0].desc ? "desc" : "asc"
 				} : null,
-				onChange: (e) => L.setSorting([{
+				onChange: (e) => I.setSorting([{
 					id: e.id,
 					desc: e.direction === "desc"
 				}])
@@ -909,7 +923,7 @@ var T = {
 						p && /* @__PURE__ */ t("caption", { children: p }),
 						/* @__PURE__ */ t("thead", {
 							className: y ? Y.sticky : "",
-							children: L.getHeaderGroups().map((e) => /* @__PURE__ */ t("tr", { children: e.headers.map((e) => {
+							children: I.getHeaderGroups().map((e) => /* @__PURE__ */ t("tr", { children: e.headers.map((e) => {
 								let r = e.column.getIsSorted(), i = e.column.getCanSort(), a = e.column.getToggleSortingHandler();
 								return /* @__PURE__ */ t("th", {
 									scope: "col",
@@ -919,7 +933,7 @@ var T = {
 										className: Y.sortButton,
 										disabled: !i,
 										onClick: a,
-										children: [/* @__PURE__ */ t(L.FlexRender, { header: e }), /* @__PURE__ */ t("span", {
+										children: [/* @__PURE__ */ t(I.FlexRender, { header: e }), /* @__PURE__ */ t("span", {
 											"aria-hidden": "true",
 											children: r === "asc" ? "↑" : r === "desc" ? "↓" : "↕"
 										})]
@@ -928,17 +942,17 @@ var T = {
 							}) }, e.id))
 						}),
 						/* @__PURE__ */ t("tbody", { children: h ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
-							colSpan: P.length,
-							children: /* @__PURE__ */ t(ne, { lines: 3 })
+							colSpan: N.length,
+							children: /* @__PURE__ */ t(K, { lines: 3 })
 						}) }) : W ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
 							className: Y.state,
-							colSpan: P.length,
+							colSpan: N.length,
 							children: W
-						}) }) : V.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
+						}) }) : B.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
 							className: Y.state,
-							colSpan: P.length,
+							colSpan: N.length,
 							children: v
-						}) }) : V.map((e) => /* @__PURE__ */ t("tr", {
+						}) }) : B.map((e) => /* @__PURE__ */ t("tr", {
 							className: S ? Y.clickableRow : void 0,
 							onClick: () => S?.(e.original),
 							onKeyDown: (t) => {
@@ -946,7 +960,7 @@ var T = {
 							},
 							tabIndex: S ? 0 : void 0,
 							role: S ? "button" : void 0,
-							children: e.getAllCells().map((e) => /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(L.FlexRender, { cell: e }) }, e.id))
+							children: e.getAllCells().map((e) => /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(I.FlexRender, { cell: e }) }, e.id))
 						}, e.id)) })
 					]
 				})
@@ -955,21 +969,21 @@ var T = {
 				className: Y.cards,
 				role: "list",
 				"aria-label": m ?? p,
-				children: h ? /* @__PURE__ */ t(ne, { lines: 4 }) : W ? /* @__PURE__ */ t("div", {
+				children: h ? /* @__PURE__ */ t(K, { lines: 4 }) : W ? /* @__PURE__ */ t("div", {
 					className: Y.state,
 					children: W
-				}) : V.length === 0 ? /* @__PURE__ */ t("div", {
+				}) : B.length === 0 ? /* @__PURE__ */ t("div", {
 					className: Y.state,
 					children: v
-				}) : V.map((e) => {
+				}) : B.map((e) => {
 					if (l) return /* @__PURE__ */ t("div", {
 						role: "listitem",
 						children: l({
 							row: e.original,
-							columns: P
+							columns: N
 						})
 					}, e.id);
-					let r = P.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), i = r.find((e) => e.mobile?.primary) ?? r.find((e) => e.mobile?.mobileVariant !== "actions"), a = (t) => me(t.accessor, e.original), o = (t) => t.mobile?.renderMobile?.(e.original, a(t)) ?? t.cell?.(e.original, a(t)) ?? String(a(t) ?? "");
+					let r = N.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), i = r.find((e) => e.mobile?.primary) ?? r.find((e) => e.mobile?.mobileVariant !== "actions"), a = (t) => me(t.accessor, e.original), o = (t) => t.mobile?.renderMobile?.(e.original, a(t)) ?? t.cell?.(e.original, a(t)) ?? String(a(t) ?? "");
 					return /* @__PURE__ */ n("article", {
 						role: "listitem",
 						className: Y.card,
@@ -993,9 +1007,9 @@ var T = {
 					children: [
 						G,
 						"–",
-						K,
+						q,
 						" из ",
-						R.length
+						L.length
 					]
 				}), /* @__PURE__ */ n("div", {
 					className: Y.paginationControls,
@@ -1003,10 +1017,10 @@ var T = {
 						/* @__PURE__ */ n(w, {
 							variant: "empty",
 							size: "md",
-							disabled: B === 0,
+							disabled: z === 0,
 							"aria-label": "Предыдущая страница",
 							onClick: () => {
-								A((e) => Math.max(0, e - 1));
+								k((e) => Math.max(0, e - 1));
 							},
 							children: [/* @__PURE__ */ t(ue, {
 								name: "chevron",
@@ -1021,13 +1035,13 @@ var T = {
 						/* @__PURE__ */ t("div", {
 							className: Y.pageNumbers,
 							children: H.map((e) => typeof e == "number" ? /* @__PURE__ */ t(w, {
-								variant: e === B ? "secondary" : "empty",
+								variant: e === z ? "secondary" : "empty",
 								size: "md",
 								className: Y.pageButton,
 								"aria-label": `Перейти на страницу ${e + 1}`,
-								"aria-current": e === B ? "page" : void 0,
+								"aria-current": e === z ? "page" : void 0,
 								onClick: () => {
-									A(e);
+									k(e);
 								},
 								children: e + 1
 							}, e) : /* @__PURE__ */ t("span", {
@@ -1039,10 +1053,10 @@ var T = {
 						/* @__PURE__ */ n(w, {
 							variant: "empty",
 							size: "md",
-							disabled: B === z - 1,
+							disabled: z === R - 1,
 							"aria-label": "Следующая страница",
 							onClick: () => {
-								A((e) => Math.min(z - 1, e + 1));
+								k((e) => Math.min(R - 1, e + 1));
 							},
 							children: [/* @__PURE__ */ t("span", {
 								className: Y.paginationButtonLabel,
@@ -1059,164 +1073,190 @@ var T = {
 			})
 		]
 	});
-}, Ce = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опции", disabled: o = !1, label: l, error: p, hint: m, className: h = "", name: g, id: _, closeOnSelect: v = !1, maxMenuHeight: y }) => {
-	let b = c(), x = _ ?? `ds-dropdown-multiple-${g ?? b}`, [S, C] = f(!1), w = d(null), T = d(null), E = d([]), D = u(() => e.filter((e) => r.includes(e.value)), [e, r]), O = D.map((e) => e.label).join(", "), k = m ? `${x}-hint` : void 0, A = p ? `${x}-error` : void 0;
-	s(() => {
+}, Ce = 8, we = 6, Te = 120, Ee = (e) => {
+	if (typeof e == "number") return e;
+	if (typeof e == "string") {
+		let t = Number.parseFloat(e);
+		if (Number.isFinite(t)) return t;
+	}
+	return Infinity;
+}, De = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опции", disabled: m = !1, stringWhileDisabled: h = !1, label: g, error: _, size: v = "md", required: y = !1, hint: b, className: x = "", name: S, id: C, closeOnSelect: w = !1, needMark: T = !0, maxMenuHeight: E }) => {
+	let D = c(), O = C ?? `ds-dropdown-multiple-${S ?? D}`, k = `${O}-listbox`, [A, j] = f(!1), [M, N] = f(null), P = d(null), F = d(null), I = d(null), L = d([]), R = u(() => e.filter((e) => r.includes(e.value)), [e, r]).map((e) => e.label).join(", "), z = b ? `${O}-hint` : void 0, B = _ ? `${O}-error` : void 0, V = [z, B].filter(Boolean).join(" ") || void 0, H = m && h, U = o(() => {
+		let e = F.current, t = I.current;
+		if (!e || !t) return;
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerHeight - n.bottom - Ce, a = n.top - Ce, o = i < r.height && a > i, s = Math.max(Te, o ? a : i), c = window.innerWidth - n.width - Ce;
+		N({
+			top: o ? Math.max(Ce, n.top - r.height - we) : n.bottom + we,
+			left: Math.max(Ce, Math.min(n.left, c)),
+			width: n.width,
+			maxHeight: Math.min(s, Ee(E))
+		});
+	}, [E]);
+	l(() => {
+		if (!A) {
+			N(null);
+			return;
+		}
+		return U(), window.addEventListener("resize", U), window.addEventListener("scroll", U, !0), () => {
+			window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0);
+		};
+	}, [
+		A,
+		e.length,
+		U
+	]), s(() => {
+		if (!A) return;
 		let e = (e) => {
-			w.current?.contains(e.target) || C(!1);
+			let t = e.target;
+			!P.current?.contains(t) && !I.current?.contains(t) && j(!1);
 		}, t = (e) => {
-			e.key === "Escape" && S && (C(!1), T.current?.focus());
+			e.key === "Escape" && (j(!1), F.current?.focus());
 		};
-		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
-			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		};
-	}, [S]);
-	let j = (t) => {
+	}, [A]);
+	let W = (t, n) => {
+		let r = ie(e, t, n);
+		r !== -1 && (L.current[r]?.focus(), L.current[r]?.scrollIntoView({ block: "nearest" }));
+	}, te = (t) => {
 		if (t.disabled) return;
 		let n = r.includes(t.value) ? r.filter((e) => e !== t.value) : [...r, t.value];
-		i?.(n, e.filter((e) => n.includes(e.value))), v && (C(!1), T.current?.focus());
-	}, M = (t, n) => {
-		let r = J(e, t, n);
-		E.current[r]?.focus(), E.current[r]?.scrollIntoView({ block: "nearest" });
-	};
+		i?.(n, e.filter((e) => n.includes(e.value))), w && (j(!1), F.current?.focus());
+	}, G = A ? /* @__PURE__ */ t("ul", {
+		ref: I,
+		id: k,
+		className: q.menu,
+		role: "listbox",
+		"aria-label": g,
+		"aria-multiselectable": "true",
+		style: M ? {
+			position: "fixed",
+			top: M.top,
+			left: M.left,
+			width: M.width,
+			maxHeight: M.maxHeight
+		} : {
+			position: "fixed",
+			top: 0,
+			left: 0,
+			visibility: "hidden",
+			maxHeight: 0
+		},
+		children: e.map((i, a) => {
+			let o = r.includes(i.value);
+			return /* @__PURE__ */ t("li", {
+				role: "presentation",
+				children: /* @__PURE__ */ n("button", {
+					ref: (e) => {
+						L.current[a] = e;
+					},
+					type: "button",
+					role: "option",
+					"aria-selected": o,
+					disabled: i.disabled,
+					className: [
+						q[v],
+						q.option,
+						o ? q.selected : ""
+					].filter(Boolean).join(" "),
+					onClick: () => te(i),
+					onKeyDown: (t) => {
+						if (t.key === "ArrowDown" || t.key === "ArrowUp") {
+							t.preventDefault();
+							let e = t.key === "ArrowDown" ? 1 : -1;
+							W(a + e, e);
+						}
+						if (t.key === "Home" || t.key === "End") {
+							t.preventDefault();
+							let n = t.key === "Home" ? 1 : -1;
+							W(t.key === "Home" ? 0 : e.length - 1, n);
+						}
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), te(i)), t.key === "Tab" && j(!1);
+					},
+					children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t("span", {
+						"aria-hidden": "true",
+						children: "✓"
+					})]
+				})
+			}, i.value);
+		})
+	}) : null;
 	return /* @__PURE__ */ n("div", {
-		ref: w,
+		ref: P,
 		className: [
-			K.wrapper,
-			p ? K.errorState : "",
-			h
+			q.wrapper,
+			_ ? q.errorState : "",
+			x
 		].filter(Boolean).join(" "),
 		children: [
-			l && /* @__PURE__ */ t("label", {
-				htmlFor: x,
-				className: K.label,
-				children: l
+			g && /* @__PURE__ */ t(ee, {
+				htmlFor: H ? void 0 : O,
+				required: y,
+				disabled: m,
+				children: g
 			}),
-			/* @__PURE__ */ n("div", {
-				className: K.container,
-				children: [/* @__PURE__ */ n("button", {
-					ref: T,
-					id: x,
+			/* @__PURE__ */ t("div", {
+				className: q.container,
+				children: H ? /* @__PURE__ */ t("div", {
+					id: O,
+					className: `${q.disabledText} ${q[v]}`,
+					"aria-describedby": V,
+					children: R || a
+				}) : /* @__PURE__ */ n("button", {
+					ref: F,
+					id: O,
 					type: "button",
-					name: g,
-					className: K.trigger,
-					disabled: o,
+					name: S,
+					className: `${q.trigger} ${q[v]}`,
+					disabled: m,
 					"aria-haspopup": "listbox",
-					"aria-expanded": S,
-					"aria-controls": `${x}-listbox`,
-					"aria-describedby": [k, A].filter(Boolean).join(" ") || void 0,
-					"aria-invalid": !!p,
-					onClick: () => C((e) => !e),
+					"aria-expanded": A,
+					"aria-controls": k,
+					"aria-describedby": V,
+					"aria-invalid": !!_,
+					onClick: () => j((e) => !e),
 					onKeyDown: (t) => {
 						if (t.key === "ArrowDown" || t.key === "ArrowUp") {
-							t.preventDefault(), C(!0);
+							t.preventDefault(), j(!0);
 							let n = t.key === "ArrowDown" ? 1 : -1;
-							requestAnimationFrame(() => M(t.key === "ArrowDown" ? 0 : e.length - 1, n));
+							requestAnimationFrame(() => W(t.key === "ArrowDown" ? 0 : e.length - 1, n));
 						}
 					},
 					children: [/* @__PURE__ */ t("span", {
-						className: D.length ? K.value : K.placeholder,
-						children: O || a
+						className: `${R ? q.value : q.placeholder} ${q[v]}`,
+						children: R || a
 					}), /* @__PURE__ */ t("span", {
-						className: `${K.chevron} ${S ? K.chevronOpen : ""}`,
+						className: [q.chevron, A ? q.chevronOpen : ""].filter(Boolean).join(" "),
 						"aria-hidden": "true",
-						children: "⌄"
-					})]
-				}), S && /* @__PURE__ */ t("ul", {
-					id: `${x}-listbox`,
-					className: K.menu,
-					role: "listbox",
-					"aria-label": l,
-					"aria-multiselectable": "true",
-					style: { maxHeight: y },
-					children: e.map((i, a) => {
-						let o = r.includes(i.value);
-						return /* @__PURE__ */ t("li", {
-							role: "presentation",
-							children: /* @__PURE__ */ n("button", {
-								ref: (e) => {
-									E.current[a] = e;
-								},
-								type: "button",
-								role: "option",
-								"aria-selected": o,
-								disabled: i.disabled,
-								className: `${K.option} ${o ? K.selected : ""}`,
-								onClick: () => j(i),
-								onKeyDown: (t) => {
-									if (t.key === "ArrowDown" || t.key === "ArrowUp") {
-										t.preventDefault();
-										let e = t.key === "ArrowDown" ? 1 : -1;
-										M(a + e, e);
-									}
-									if (t.key === "Home" || t.key === "End") {
-										t.preventDefault();
-										let n = t.key === "Home" ? 1 : -1;
-										M(t.key === "Home" ? 0 : e.length - 1, n);
-									}
-									t.key === "Tab" && C(!1);
-								},
-								children: [/* @__PURE__ */ t("span", { children: i.label }), /* @__PURE__ */ t("span", {
-									"aria-hidden": "true",
-									children: o ? "✓" : ""
-								})]
+						children: /* @__PURE__ */ t("svg", {
+							viewBox: "0 0 20 20",
+							fill: "none",
+							children: /* @__PURE__ */ t("path", {
+								d: "M5 7.5L10 12.5L15 7.5",
+								stroke: "currentColor",
+								strokeWidth: "1.8",
+								strokeLinecap: "round",
+								strokeLinejoin: "round"
 							})
-						}, i.value);
-					})
-				})]
+						})
+					})]
+				})
 			}),
-			m && !p && /* @__PURE__ */ t("span", {
-				id: k,
-				className: K.message,
-				children: m
+			A && p(G, document.body),
+			b && !_ && /* @__PURE__ */ t("span", {
+				id: z,
+				className: q.message,
+				children: b
 			}),
-			p && /* @__PURE__ */ t("span", {
-				id: A,
-				className: K.error,
-				children: p
+			_ && /* @__PURE__ */ t("span", {
+				id: B,
+				className: q.error,
+				children: _
 			})
 		]
 	});
-}, we = {
-	root: "_root_1y2s8_1",
-	header: "_header_1y2s8_21",
-	title: "_title_1y2s8_41",
-	dismiss: "_dismiss_1y2s8_55",
-	content: "_content_1y2s8_113"
-}, Te = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: l = "" }) => {
-	let u = `ds-info-block-${c()}`;
-	return /* @__PURE__ */ n("section", {
-		className: `${we.root} ${l}`,
-		"aria-labelledby": u,
-		children: [/* @__PURE__ */ n("header", {
-			className: we.header,
-			children: [/* @__PURE__ */ t(s, {
-				id: u,
-				className: we.title,
-				children: e
-			}), i && /* @__PURE__ */ t("button", {
-				type: "button",
-				className: we.dismiss,
-				onClick: a,
-				"aria-label": o,
-				children: /* @__PURE__ */ t("svg", {
-					viewBox: "0 0 20 20",
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ t("path", {
-						d: "M5 5L15 15M15 5L5 15",
-						fill: "none",
-						stroke: "currentColor",
-						strokeWidth: "1.8",
-						strokeLinecap: "round"
-					})
-				})
-			})]
-		}), /* @__PURE__ */ t("div", {
-			className: we.content,
-			children: r
-		})]
-	});
-}, X = {
+}, Oe = {
 	wrapper: "_wrapper_kz2dd_1",
 	control: "_control_kz2dd_3",
 	input: "_input_kz2dd_5",
@@ -1226,40 +1266,40 @@ var T = {
 	lg: "_lg_kz2dd_65",
 	inputError: "_inputError_kz2dd_77",
 	trailingAction: "_trailingAction_kz2dd_79"
-}, Ee = ({ value: e, onChange: r, type: i = "text", placeholder: a = "", disabled: o = !1, readOnly: l = !1, stringWhileDisabled: u = !1, label: p, error: m, hint: h, className: g = "", name: _, id: v, size: y = "md", clearable: b = !0, required: x = !1, selectTextOnFocus: S = !1, isPassword: C = !1, passwordVisibleLabel: w = "Скрыть пароль", passwordHiddenLabel: T = "Показать пароль", onFocus: O, ...k }) => {
-	let A = c(), j = v ?? `ds-input-${_ ?? A}`, M = d(null), [N, P] = f(!1), F = h ? `${j}-hint` : void 0, I = m ? `${j}-error` : void 0, L = String(e ?? ""), R = [F, I].filter(Boolean).join(" ") || void 0, z = C ? N ? "text" : "password" : i;
+}, ke = ({ value: e, onChange: r, type: i = "text", placeholder: a = "", disabled: o = !1, readOnly: l = !1, stringWhileDisabled: u = !1, label: p, error: m, hint: h, className: g = "", name: _, id: v, size: y = "md", clearable: b = !0, required: x = !1, selectTextOnFocus: S = !1, isPassword: C = !1, passwordVisibleLabel: w = "Скрыть пароль", passwordHiddenLabel: T = "Показать пароль", onFocus: D, ...O }) => {
+	let k = c(), A = v ?? `ds-input-${_ ?? k}`, j = d(null), [M, N] = f(!1), P = h ? `${A}-hint` : void 0, F = m ? `${A}-error` : void 0, I = String(e ?? ""), L = [P, F].filter(Boolean).join(" ") || void 0, R = C ? M ? "text" : "password" : i;
 	return s(() => {
-		C || P(!1);
+		C || N(!1);
 	}, [C]), /* @__PURE__ */ n("div", {
-		className: `${X.wrapper} ${g}`,
+		className: `${Oe.wrapper} ${g}`,
 		children: [
-			p && /* @__PURE__ */ t(E, {
-				htmlFor: j,
+			p && /* @__PURE__ */ t(ee, {
+				htmlFor: A,
 				required: x,
 				disabled: o,
 				children: p
 			}),
 			o && u ? /* @__PURE__ */ t("div", {
-				id: j,
-				className: X.disabledText,
-				"aria-describedby": R,
-				children: L || a
+				id: A,
+				className: Oe.disabledText,
+				"aria-describedby": L,
+				children: I || a
 			}) : /* @__PURE__ */ n("div", {
-				className: X.control,
+				className: Oe.control,
 				children: [
 					/* @__PURE__ */ t("input", {
-						ref: M,
-						id: j,
+						ref: j,
+						id: A,
 						name: _,
-						type: z,
-						value: L,
+						type: R,
+						value: I,
 						placeholder: a,
 						disabled: o,
 						readOnly: l,
 						required: x,
 						"aria-invalid": !!m,
-						"aria-describedby": R,
-						className: `${X.input} ${X[y]} ${m ? X.inputError : ""}`,
+						"aria-describedby": L,
+						className: `${Oe.input} ${Oe[y]} ${m ? Oe.inputError : ""}`,
 						onChange: (e) => {
 							if (i === "number" && !C) {
 								let t = e.target.value === "" ? "" : Number(e.target.value);
@@ -1269,18 +1309,18 @@ var T = {
 							r?.(e.target.value, e);
 						},
 						onFocus: (e) => {
-							S && e.currentTarget.value && e.currentTarget.select(), O?.(e);
+							S && e.currentTarget.value && e.currentTarget.select(), D?.(e);
 						},
-						...k
+						...O
 					}),
 					C && /* @__PURE__ */ t("button", {
 						type: "button",
-						className: X.trailingAction,
+						className: Oe.trailingAction,
 						disabled: o,
-						"aria-label": N ? w : T,
-						"aria-pressed": N,
-						onClick: () => P((e) => !e),
-						children: N ? /* @__PURE__ */ t("svg", {
+						"aria-label": M ? w : T,
+						"aria-pressed": M,
+						onClick: () => N((e) => !e),
+						children: M ? /* @__PURE__ */ t("svg", {
 							viewBox: "0 0 24 24",
 							"aria-hidden": "true",
 							children: /* @__PURE__ */ t("path", { d: "M3 3l18 18M10.6 10.7a2 2 0 0 0 2.7 2.7M9.9 4.2A10.7 10.7 0 0 1 12 4c5.5 0 9 5.3 9 5.3a14 14 0 0 1-2.3 2.8M6.6 6.6C4.3 8.1 3 10 3 10s3.5 5 9 5c1 0 2-.2 2.8-.5" })
@@ -1294,45 +1334,304 @@ var T = {
 							})]
 						})
 					}),
-					!C && b && L && !o && !l && /* @__PURE__ */ t("button", {
+					!C && b && I && !o && !l && /* @__PURE__ */ t("button", {
 						type: "button",
-						className: X.trailingAction,
+						className: Oe.trailingAction,
 						"aria-label": "Очистить поле",
 						onClick: () => {
-							let e = M.current;
+							let e = j.current;
 							e && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
 						},
 						children: "×"
 					})
 				]
 			}),
-			h && !m && /* @__PURE__ */ t(D, {
-				id: F,
+			h && !m && /* @__PURE__ */ t(E, {
+				id: P,
 				children: h
 			}),
-			m && /* @__PURE__ */ t(D, {
-				id: I,
+			m && /* @__PURE__ */ t(E, {
+				id: F,
 				variant: "error",
 				children: m
 			})
 		]
 	});
-}, De = {
-	wrapper: "_wrapper_vu1ob_1",
-	input: "_input_vu1ob_21",
-	switch: "_switch_vu1ob_35",
-	thumb: "_thumb_vu1ob_67",
-	label: "_label_vu1ob_111",
-	disabled: "_disabled_vu1ob_123"
-}, Oe = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: l, id: u, value: d }) => {
+}, Ae = (e, t) => {
+	let n = t.trim().toLocaleLowerCase();
+	return n ? e.filter((e) => e.label.toLocaleLowerCase().includes(n) || e.value.toLocaleLowerCase().includes(n)) : e;
+}, je = (e, t, n) => {
+	if (!e.length) return -1;
+	for (let r = 0; r < e.length; r += 1) {
+		let i = (t + r * n + e.length) % e.length;
+		if (!e[i]?.disabled) return i;
+	}
+	return -1;
+}, X = {
+	wrapper: "_wrapper_1uxs8_1",
+	control: "_control_1uxs8_5",
+	inputHost: "_inputHost_1uxs8_9",
+	sm: "_sm_1uxs8_25",
+	md: "_md_1uxs8_35",
+	lg: "_lg_1uxs8_43",
+	errorState: "_errorState_1uxs8_57",
+	disabledText: "_disabledText_1uxs8_65",
+	chevron: "_chevron_1uxs8_105",
+	chevronOpen: "_chevronOpen_1uxs8_129",
+	menu: "_menu_1uxs8_133",
+	option: "_option_1uxs8_161",
+	empty: "_empty_1uxs8_161",
+	selected: "_selected_1uxs8_205",
+	active: "_active_1uxs8_205",
+	visuallyHidden: "_visuallyHidden_1uxs8_217"
+}, Me = 8, Ne = 6, Pe = 5, Fe = {
+	sm: 20,
+	md: 30,
+	lg: 40
+}, Ie = ({ options: e, value: r, onChange: i, placeholder: a = "Начните вводить", noResultsText: m = "Ничего не найдено", disabled: h = !1, readOnly: g = !1, stringWhileDisabled: _ = !1, label: v, error: y, hint: b, size: x = "md", required: S = !1, className: C = "", name: w, id: T, needMark: D = !0 }) => {
+	let O = c(), k = T ?? `ds-search-dropdown-${w ?? O}`, A = `${k}-listbox`, j = `${k}-status`, M = b ? `${k}-hint` : void 0, N = y ? `${k}-error` : void 0, P = [
+		j,
+		M,
+		N
+	].filter(Boolean).join(" "), F = d(null), I = d(null), L = d([]), [R, z] = f(!1), [B, V] = f(""), [H, U] = f(-1), [W, te] = f(null), G = u(() => e.find((e) => e.value === r), [e, r]), K = u(() => Ae(e, B), [e, B]), q = h && _, J = H >= 0 ? K[H] : void 0;
+	s(() => V(G?.label ?? ""), [G?.label, r]);
+	let ne = o(() => F.current?.querySelector("input") ?? null, []), re = o((e, t) => je(K, e, t), [K]), ie = o((e) => {
+		U(e), !(e < 0) && requestAnimationFrame(() => L.current[e]?.scrollIntoView({ block: "nearest" }));
+	}, []), ae = o(() => {
+		let e = ne();
+		if (!e) return;
+		let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(K.length, Pe)) * Fe[x] + 2, r = window.innerHeight - t.bottom - Me, i = t.top - Me, a = r < n && i > r, o = a ? i : r, s = Math.max(Fe[x] + 2, Math.min(n, o)), c = window.innerWidth - t.width - Me, l = Math.max(Me, Math.min(t.left, c)), u = a ? Math.max(Me, t.top - s - Ne) : t.bottom + Ne;
+		te({
+			top: u,
+			left: l,
+			width: t.width,
+			maxHeight: s
+		});
+	}, [
+		K.length,
+		ne,
+		x
+	]);
+	l(() => {
+		if (!R) {
+			te(null);
+			return;
+		}
+		return ae(), window.addEventListener("resize", ae), window.addEventListener("scroll", ae, !0), () => {
+			window.removeEventListener("resize", ae), window.removeEventListener("scroll", ae, !0);
+		};
+	}, [R, ae]), s(() => {
+		if (!R) return;
+		let e = (e) => {
+			let t = e.target;
+			!F.current?.contains(t) && !I.current?.contains(t) && (z(!1), U(-1));
+		};
+		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+	}, [R]);
+	let oe = () => {
+		h || g || (z(!0), U(re(0, 1)));
+	}, se = (e) => {
+		e.disabled || (V(e.label), z(!1), U(-1), i?.(e.value, e), ne()?.focus());
+	}, ce = R ? /* @__PURE__ */ t("ul", {
+		ref: I,
+		id: A,
+		className: X.menu,
+		role: "listbox",
+		"aria-label": v,
+		style: W ? {
+			top: W.top,
+			left: W.left,
+			width: W.width,
+			maxHeight: W.maxHeight
+		} : {
+			top: 0,
+			left: 0,
+			visibility: "hidden",
+			maxHeight: 0
+		},
+		children: K.length === 0 ? /* @__PURE__ */ t("li", {
+			className: `${X.empty} ${X[x]}`,
+			children: m
+		}) : K.map((e, i) => {
+			let a = e.value === r, o = i === H;
+			return /* @__PURE__ */ t("li", {
+				role: "presentation",
+				children: /* @__PURE__ */ n("button", {
+					ref: (e) => {
+						L.current[i] = e;
+					},
+					id: `${k}-option-${i}`,
+					type: "button",
+					role: "option",
+					tabIndex: -1,
+					disabled: e.disabled,
+					"aria-disabled": e.disabled,
+					"aria-selected": a,
+					className: [
+						X.option,
+						X[x],
+						a ? X.selected : "",
+						o ? X.active : ""
+					].filter(Boolean).join(" "),
+					onPointerMove: () => {
+						e.disabled || U(i);
+					},
+					onClick: () => se(e),
+					children: [/* @__PURE__ */ t("span", { children: e.label }), a && D && /* @__PURE__ */ t("span", {
+						"aria-hidden": "true",
+						children: "✓"
+					})]
+				})
+			}, e.value);
+		})
+	}) : null;
+	return /* @__PURE__ */ n("div", {
+		ref: F,
+		className: [
+			X.wrapper,
+			y ? X.errorState : "",
+			C
+		].filter(Boolean).join(" "),
+		children: [
+			v && /* @__PURE__ */ t(ee, {
+				htmlFor: q ? void 0 : k,
+				required: S,
+				disabled: h,
+				children: v
+			}),
+			q ? /* @__PURE__ */ t("div", {
+				className: `${X.disabledText} ${X[x]}`,
+				children: G?.label ?? a
+			}) : /* @__PURE__ */ n("div", {
+				className: X.control,
+				children: [/* @__PURE__ */ t(ke, {
+					id: k,
+					name: w,
+					value: B,
+					placeholder: a,
+					disabled: h,
+					readOnly: g,
+					required: S,
+					size: x,
+					clearable: !1,
+					autoComplete: "off",
+					className: `${X.inputHost} ${X[x]}`,
+					onFocus: oe,
+					onChange: (t) => {
+						let n = String(t), r = Ae(e, n);
+						V(n), z(!0), U(je(r, 0, 1));
+					},
+					role: "combobox",
+					"aria-autocomplete": "list",
+					"aria-expanded": R,
+					"aria-controls": A,
+					"aria-activedescendant": J ? `${k}-option-${H}` : void 0,
+					"aria-invalid": !!y,
+					"aria-describedby": P,
+					onClick: oe,
+					onKeyDown: (e) => {
+						if (!(h || g)) {
+							if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+								e.preventDefault();
+								let t = e.key === "ArrowDown" ? 1 : -1, n = H >= 0 ? H + t : t === 1 ? 0 : K.length - 1;
+								z(!0), ie(re(n, t));
+							} else if (e.key === "Home" || e.key === "End") {
+								if (!R) return;
+								e.preventDefault();
+								let t = e.key === "Home" ? 1 : -1;
+								ie(re(e.key === "Home" ? 0 : K.length - 1, t));
+							} else e.key === "Enter" && R && J ? (e.preventDefault(), se(J)) : e.key === "Escape" && R ? (e.preventDefault(), z(!1), U(-1)) : e.key === "Tab" && (z(!1), U(-1));
+						}
+					}
+				}), /* @__PURE__ */ t("span", {
+					className: `${X.chevron} ${R ? X.chevronOpen : ""}`,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ t("svg", {
+						viewBox: "0 0 20 20",
+						fill: "none",
+						children: /* @__PURE__ */ t("path", {
+							d: "M5 7.5L10 12.5L15 7.5",
+							stroke: "currentColor",
+							strokeWidth: "1.8",
+							strokeLinecap: "round",
+							strokeLinejoin: "round"
+						})
+					})
+				})]
+			}),
+			R && typeof document < "u" && p(ce, document.body),
+			/* @__PURE__ */ n("span", {
+				id: j,
+				className: X.visuallyHidden,
+				"aria-live": "polite",
+				children: ["Найдено вариантов: ", K.length]
+			}),
+			b && !y && /* @__PURE__ */ t(E, {
+				id: M,
+				children: b
+			}),
+			y && /* @__PURE__ */ t(E, {
+				id: N,
+				variant: "error",
+				children: y
+			})
+		]
+	});
+}, Le = {
+	root: "_root_1y2s8_1",
+	header: "_header_1y2s8_21",
+	title: "_title_1y2s8_41",
+	dismiss: "_dismiss_1y2s8_55",
+	content: "_content_1y2s8_113"
+}, Re = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: l = "" }) => {
+	let u = `ds-info-block-${c()}`;
+	return /* @__PURE__ */ n("section", {
+		className: `${Le.root} ${l}`,
+		"aria-labelledby": u,
+		children: [/* @__PURE__ */ n("header", {
+			className: Le.header,
+			children: [/* @__PURE__ */ t(s, {
+				id: u,
+				className: Le.title,
+				children: e
+			}), i && /* @__PURE__ */ t("button", {
+				type: "button",
+				className: Le.dismiss,
+				onClick: a,
+				"aria-label": o,
+				children: /* @__PURE__ */ t("svg", {
+					viewBox: "0 0 20 20",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ t("path", {
+						d: "M5 5L15 15M15 5L5 15",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1.8",
+						strokeLinecap: "round"
+					})
+				})
+			})]
+		}), /* @__PURE__ */ t("div", {
+			className: Le.content,
+			children: r
+		})]
+	});
+}, ze = {
+	wrapper: "_wrapper_ecmvo_1",
+	input: "_input_ecmvo_21",
+	switch: "_switch_ecmvo_35",
+	thumb: "_thumb_ecmvo_67",
+	label: "_label_ecmvo_113",
+	disabled: "_disabled_ecmvo_125"
+}, Be = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: l, id: u, value: d }) => {
 	let f = c(), p = u ?? `ds-radio-button-${l ?? f}`;
 	return /* @__PURE__ */ n("label", {
 		htmlFor: p,
-		className: `${De.wrapper} ${a ? De.disabled : ""} ${s}`,
+		className: `${ze.wrapper} ${a ? ze.disabled : ""} ${s}`,
 		children: [
 			/* @__PURE__ */ t("input", {
 				id: p,
-				className: De.input,
+				className: ze.input,
 				type: "checkbox",
 				role: "switch",
 				name: l,
@@ -1345,21 +1644,21 @@ var T = {
 				}
 			}),
 			/* @__PURE__ */ t("span", {
-				className: De.switch,
+				className: ze.switch,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ t("span", { className: De.thumb })
+				children: /* @__PURE__ */ t("span", { className: ze.thumb })
 			}),
 			i && /* @__PURE__ */ t("span", {
-				className: De.label,
+				className: ze.label,
 				children: i
 			})
 		]
 	});
-}, ke = {
+}, Ve = {
 	root: "_root_kepgo_1",
 	grid: "_grid_kepgo_3",
 	actions: "_actions_kepgo_5"
-}, Ae = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
+}, He = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
 	let d = (e, t) => {
 		let n = {
 			...r,
@@ -1368,11 +1667,11 @@ var T = {
 		i?.(n, e), s === "instant" && a?.(n);
 	};
 	return /* @__PURE__ */ n("section", {
-		className: `${ke.root} ${u}`,
+		className: `${Ve.root} ${u}`,
 		"aria-label": "Фильтры",
 		"aria-busy": c,
 		children: [/* @__PURE__ */ t("div", {
-			className: ke.grid,
+			className: Ve.grid,
 			children: e.filter((e) => !e.hidden).map((e) => {
 				let n = l || c || e.disabled, i = r[e.id];
 				if (e.type === "input") {
@@ -1382,12 +1681,12 @@ var T = {
 						placeholder: e.placeholder,
 						disabled: n
 					};
-					return e.inputType === "number" ? /* @__PURE__ */ t(Ee, {
+					return e.inputType === "number" ? /* @__PURE__ */ t(ke, {
 						...r,
 						type: "number",
 						value: i ?? "",
 						onChange: (t) => d(e.id, t)
-					}, e.id) : /* @__PURE__ */ t(Ee, {
+					}, e.id) : /* @__PURE__ */ t(ke, {
 						...r,
 						type: "text",
 						value: String(i ?? ""),
@@ -1403,7 +1702,7 @@ var T = {
 					disabled: n,
 					onChange: (t) => d(e.id, t)
 				}, e.id);
-				if (e.type === "multiple") return /* @__PURE__ */ t(Ce, {
+				if (e.type === "multiple") return /* @__PURE__ */ t(De, {
 					label: e.label,
 					hint: e.hint,
 					placeholder: e.placeholder,
@@ -1412,14 +1711,14 @@ var T = {
 					disabled: n,
 					onChange: (t) => d(e.id, t)
 				}, e.id);
-				if (e.type === "checkbox") return /* @__PURE__ */ t(k, {
+				if (e.type === "checkbox") return /* @__PURE__ */ t(O, {
 					label: e.label,
 					hint: e.hint,
 					checked: !!i,
 					disabled: n,
 					onChange: (t) => d(e.id, t)
 				}, e.id);
-				if (e.type === "radio") return /* @__PURE__ */ t(Oe, {
+				if (e.type === "radio") return /* @__PURE__ */ t(Be, {
 					label: e.label,
 					checked: !!i,
 					disabled: n,
@@ -1440,7 +1739,7 @@ var T = {
 				}, e.id);
 			})
 		}), (o || s === "manual") && /* @__PURE__ */ n("div", {
-			className: ke.actions,
+			className: Ve.actions,
 			children: [o && /* @__PURE__ */ t(w, {
 				variant: "destructiveOutline",
 				disabled: l || c,
@@ -1455,67 +1754,66 @@ var T = {
 		})]
 	});
 }, Z = {
-	wrapper: "_wrapper_1ymdr_1",
-	dropzone: "_dropzone_1ymdr_3",
-	dragActive: "_dragActive_1ymdr_5",
-	disabled: "_disabled_1ymdr_7",
-	error: "_error_1ymdr_9",
-	nativeInput: "_nativeInput_1ymdr_11",
-	empty: "_empty_1ymdr_13",
-	uploadIcon: "_uploadIcon_1ymdr_15",
-	browseButton: "_browseButton_1ymdr_17",
-	files: "_files_1ymdr_19",
-	file: "_file_1ymdr_19",
-	fileName: "_fileName_1ymdr_23",
-	fileSize: "_fileSize_1ymdr_25"
-}, je = (e) => `${e.name}:${e.size}:${e.lastModified}`, Me = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, Ne = (e, t) => !t || t.split(",").map((e) => e.trim().toLowerCase()).some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t) : t.endsWith("/*") ? e.type.startsWith(t.slice(0, -1)) : e.type.toLowerCase() === t), Pe = ({ value: r, onChange: i, multiple: a = !1, accept: o, maxSize: s, maxFiles: l, label: u, hint: p, error: m, required: h = !1, disabled: g = !1, readOnly: _ = !1, name: v, id: y, className: b = "", dropLabel: x = "Перетащите файлы в эту область", browseLabel: S = "Выбрать файлы", addMoreLabel: C = "Добавить ещё", onReject: T }) => {
-	let O = c(), k = y ?? `ds-file-input-${v ?? O}`, A = d(null), j = d(0), [M, N] = f(!1), P = p ? `${k}-hint` : void 0, F = m ? `${k}-error` : void 0, I = [P, F].filter(Boolean).join(" ") || void 0, L = !g && !_, R = (e) => {
-		let t = [], n = new Set(r.map(je)), c = e.filter((e) => Ne(e, o) ? s !== void 0 && e.size > s ? (t.push({
+	wrapper: "_wrapper_8w6xl_1",
+	dropzone: "_dropzone_8w6xl_3",
+	dragActive: "_dragActive_8w6xl_5",
+	disabled: "_disabled_8w6xl_7",
+	error: "_error_8w6xl_9",
+	nativeInput: "_nativeInput_8w6xl_11",
+	empty: "_empty_8w6xl_13",
+	uploadIcon: "_uploadIcon_8w6xl_15",
+	files: "_files_8w6xl_17",
+	file: "_file_8w6xl_17",
+	fileName: "_fileName_8w6xl_21",
+	fileSize: "_fileSize_8w6xl_23"
+}, Ue = (e) => `${e.name}:${e.size}:${e.lastModified}`, We = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, Ge = (e, t) => !t || t.split(",").map((e) => e.trim().toLowerCase()).some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t) : t.endsWith("/*") ? e.type.startsWith(t.slice(0, -1)) : e.type.toLowerCase() === t), Ke = ({ value: r, onChange: i, multiple: a = !1, accept: o, maxSize: s, maxFiles: l, label: u, hint: p, error: m, required: h = !1, disabled: g = !1, readOnly: _ = !1, name: v, id: y, className: b = "", dropLabel: x = "Перетащите файлы в эту область", browseLabel: S = "Выбрать файлы", addMoreLabel: C = "Добавить ещё", onReject: T }) => {
+	let D = c(), O = y ?? `ds-file-input-${v ?? D}`, k = d(null), A = d(0), [j, M] = f(!1), N = p ? `${O}-hint` : void 0, P = m ? `${O}-error` : void 0, F = [N, P].filter(Boolean).join(" ") || void 0, I = !g && !_, L = (e) => {
+		let t = [], n = new Set(r.map(Ue)), c = e.filter((e) => Ge(e, o) ? s !== void 0 && e.size > s ? (t.push({
 			file: e,
 			reason: "maxSize"
-		}), !1) : !n.has(je(e)) && (n.add(je(e)), !0) : (t.push({
+		}), !1) : !n.has(Ue(e)) && (n.add(Ue(e)), !0) : (t.push({
 			file: e,
 			reason: "accept"
 		}), !1)), u = a ? l : 1, d = a ? [...r, ...c] : c.slice(-1);
 		u !== void 0 && d.length > u && (d.slice(u).forEach((e) => t.push({
 			file: e,
 			reason: "maxFiles"
-		})), d = d.slice(0, u)), t.length && T?.(t), c.length && i?.(d), A.current && (A.current.value = "");
+		})), d = d.slice(0, u)), t.length && T?.(t), c.length && i?.(d), k.current && (k.current.value = "");
 	};
 	return /* @__PURE__ */ n("div", {
 		className: `${Z.wrapper} ${b}`,
 		children: [
-			u && /* @__PURE__ */ t(E, {
-				htmlFor: k,
+			u && /* @__PURE__ */ t(ee, {
+				htmlFor: O,
 				required: h,
 				disabled: g,
 				children: u
 			}),
 			/* @__PURE__ */ n("div", {
-				className: `${Z.dropzone} ${M ? Z.dragActive : ""} ${g ? Z.disabled : ""} ${m ? Z.error : ""}`,
+				className: `${Z.dropzone} ${j ? Z.dragActive : ""} ${g ? Z.disabled : ""} ${m ? Z.error : ""}`,
 				onDragEnter: (e) => {
-					e.preventDefault(), L && ++j.current === 1 && N(!0);
+					e.preventDefault(), I && ++A.current === 1 && M(!0);
 				},
 				onDragOver: (e) => e.preventDefault(),
 				onDragLeave: (e) => {
-					e.preventDefault(), --j.current <= 0 && (j.current = 0, N(!1));
+					e.preventDefault(), --A.current <= 0 && (A.current = 0, M(!1));
 				},
 				onDrop: (e) => {
-					e.preventDefault(), j.current = 0, N(!1), L && R(Array.from(e.dataTransfer.files));
+					e.preventDefault(), A.current = 0, M(!1), I && L(Array.from(e.dataTransfer.files));
 				},
 				children: [/* @__PURE__ */ t("input", {
-					ref: A,
-					id: k,
+					ref: k,
+					id: O,
 					name: v,
 					className: Z.nativeInput,
 					type: "file",
 					multiple: a,
 					accept: o,
 					required: h && r.length === 0,
-					disabled: !L,
-					"aria-describedby": I,
+					disabled: !I,
+					"aria-describedby": F,
 					"aria-invalid": !!m,
-					onChange: (e) => R(Array.from(e.target.files ?? []))
+					onChange: (e) => L(Array.from(e.target.files ?? []))
 				}), r.length ? /* @__PURE__ */ n(e, { children: [
 					/* @__PURE__ */ t("ul", {
 						className: Z.files,
@@ -1530,9 +1828,9 @@ var T = {
 								}),
 								/* @__PURE__ */ t("span", {
 									className: Z.fileSize,
-									children: Me(e.size)
+									children: We(e.size)
 								}),
-								L && /* @__PURE__ */ t(w, {
+								I && /* @__PURE__ */ t(w, {
 									variant: "empty",
 									size: "sm",
 									"aria-label": `Удалить файл ${e.name}`,
@@ -1540,18 +1838,18 @@ var T = {
 									children: "×"
 								})
 							]
-						}, je(e)))
+						}, Ue(e)))
 					}),
-					L && (a || r.length === 0) && /* @__PURE__ */ t(w, {
+					I && (a || r.length === 0) && /* @__PURE__ */ t(w, {
 						className: Z.browseButton,
 						size: "sm",
-						onClick: () => A.current?.click(),
+						onClick: () => k.current?.click(),
 						children: C
 					}),
-					L && !a && /* @__PURE__ */ t(w, {
+					I && !a && /* @__PURE__ */ t(w, {
 						className: Z.browseButton,
 						size: "sm",
-						onClick: () => A.current?.click(),
+						onClick: () => k.current?.click(),
 						children: S
 					})
 				] }) : /* @__PURE__ */ n("div", {
@@ -1562,32 +1860,31 @@ var T = {
 							"aria-hidden": "true",
 							children: "↑"
 						}),
-						/* @__PURE__ */ t("strong", { children: M ? "Отпустите файлы здесь" : x }),
-						!M && L && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(w, {
-							className: Z.browseButton,
-							onClick: () => A.current?.click(),
+						/* @__PURE__ */ t("strong", { children: j ? "Отпустите файлы здесь" : x }),
+						!j && I && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(w, {
+							onClick: () => k.current?.click(),
 							children: S
 						})] })
 					]
 				})]
 			}),
-			p && !m && /* @__PURE__ */ t(D, {
-				id: P,
+			p && !m && /* @__PURE__ */ t(E, {
+				id: N,
 				children: p
 			}),
-			m && /* @__PURE__ */ t(D, {
-				id: F,
+			m && /* @__PURE__ */ t(E, {
+				id: P,
 				variant: "error",
 				live: !0,
 				children: m
 			})
 		]
 	});
-}, Fe = 0, Q = v((e) => ({
+}, qe = 0, Q = v((e) => ({
 	modals: [],
 	openModal: (t, n = {}, r = {}) => {
-		Fe += 1;
-		let i = `ds-modal-${Fe}`;
+		qe += 1;
+		let i = `ds-modal-${qe}`;
 		return e((e) => ({ modals: [...e.modals, {
 			id: i,
 			name: t,
@@ -1599,22 +1896,22 @@ var T = {
 	closeModal: (t) => e((e) => ({ modals: e.modals.filter((e) => e.id !== t) })),
 	closeTopModal: () => e((e) => ({ modals: e.modals.slice(0, -1) })),
 	closeAllModals: () => e({ modals: [] })
-})), Ie = () => Q.setState({ modals: [] }), Le = {
-	layer: "_layer_rnqi6_1",
-	backdrop: "_backdrop_rnqi6_3",
-	panel: "_panel_rnqi6_5",
-	header: "_header_rnqi6_9",
-	title: "_title_rnqi6_11",
-	description: "_description_rnqi6_13",
-	content: "_content_rnqi6_15"
-}, Re = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", ze = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: l = "", role: u = "dialog" }) => {
+})), Je = () => Q.setState({ modals: [] }), Ye = {
+	layer: "_layer_p0e8j_1",
+	backdrop: "_backdrop_p0e8j_3",
+	panel: "_panel_p0e8j_5",
+	header: "_header_p0e8j_9",
+	title: "_title_p0e8j_11",
+	description: "_description_p0e8j_13",
+	content: "_content_p0e8j_15"
+}, Xe = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Ze = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: l = "", role: u = "dialog" }) => {
 	let f = c(), p = c(), m = d(null), h = Q((e) => e.closeModal);
 	return s(() => {
 		let e = document.activeElement, t = m.current;
-		return (t?.querySelector(Re) ?? t)?.focus(), () => e?.focus();
+		return (t?.querySelector(Xe) ?? t)?.focus(), () => e?.focus();
 	}, []), /* @__PURE__ */ n("div", {
 		ref: m,
-		className: `${Le.panel} ${l}`,
+		className: `${Ye.panel} ${l}`,
 		role: u,
 		"aria-modal": "true",
 		"aria-labelledby": r ? f : void 0,
@@ -1622,7 +1919,7 @@ var T = {
 		tabIndex: -1,
 		onKeyDown: (e) => {
 			if (e.key !== "Tab") return;
-			let t = Array.from(m.current?.querySelectorAll(Re) ?? []);
+			let t = Array.from(m.current?.querySelectorAll(Xe) ?? []);
 			if (!t.length) {
 				e.preventDefault();
 				return;
@@ -1632,10 +1929,10 @@ var T = {
 		},
 		children: [
 			(r || o) && /* @__PURE__ */ n("header", {
-				className: Le.header,
+				className: Ye.header,
 				children: [r && /* @__PURE__ */ t("h2", {
 					id: f,
-					className: Le.title,
+					className: Ye.title,
 					children: r
 				}), /* @__PURE__ */ t(w, {
 					variant: "empty",
@@ -1658,16 +1955,16 @@ var T = {
 			}),
 			i && /* @__PURE__ */ t("p", {
 				id: p,
-				className: Le.description,
+				className: Ye.description,
 				children: i
 			}),
 			/* @__PURE__ */ t("div", {
-				className: Le.content,
+				className: Ye.content,
 				children: e
 			})
 		]
 	});
-}, Be = ({ registry: e }) => {
+}, Qe = ({ registry: e }) => {
 	let n = Q((e) => e.modals), r = Q((e) => e.closeModal), i = Q((e) => e.closeAllModals);
 	return s(() => {
 		let e = (e) => {
@@ -1677,12 +1974,12 @@ var T = {
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [r]), !n.length || typeof document > "u" ? null : p(/* @__PURE__ */ t("div", {
-		className: Le.layer,
+		className: Ye.layer,
 		"aria-label": "Модальные окна",
 		children: n.map((a, o) => {
 			let s = e[a.name];
 			return s ? /* @__PURE__ */ t("div", {
-				className: Le.backdrop,
+				className: Ye.backdrop,
 				"aria-hidden": o !== n.length - 1 || void 0,
 				onMouseDown: (e) => {
 					e.target === e.currentTarget && a.closeOnBackdrop && r(a.id);
@@ -1696,7 +1993,7 @@ var T = {
 			}, a.id) : null;
 		})
 	}), document.body);
-}, Ve = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
+}, $e = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
 	let o = Q((e) => e.modals.length);
 	return s(() => {
 		if (!a || o === 0) return;
@@ -1704,23 +2001,23 @@ var T = {
 		return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = e;
 		};
-	}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(Be, { registry: r })] });
-}, He = (e) => e, Ue = {
+	}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(Qe, { registry: r })] });
+}, et = (e) => e, tt = {
 	message: "_message_1vtru_1",
 	actions: "_actions_1vtru_3"
-}, We = /* @__PURE__ */ new Map(), Ge = 0, Ke = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
+}, nt = /* @__PURE__ */ new Map(), rt = 0, it = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
 	let u = (e) => {
-		We.get(l)?.(e), We.delete(l), r();
+		nt.get(l)?.(e), nt.delete(l), r();
 	};
-	return /* @__PURE__ */ n(ze, {
+	return /* @__PURE__ */ n(Ze, {
 		modalId: e,
 		title: i,
 		role: "alertdialog",
 		children: [/* @__PURE__ */ t("p", {
-			className: Ue.message,
+			className: tt.message,
 			children: a
 		}), /* @__PURE__ */ n("div", {
-			className: Ue.actions,
+			className: tt.actions,
 			children: [/* @__PURE__ */ t(w, {
 				variant: "outline",
 				onClick: () => u(!1),
@@ -1732,40 +2029,40 @@ var T = {
 			})]
 		})]
 	});
-}, qe = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(ze, {
+}, at = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Ze, {
 	modalId: e,
 	title: i,
 	role: "alertdialog",
 	children: [/* @__PURE__ */ t("p", {
-		className: Ue.message,
+		className: tt.message,
 		children: a
 	}), /* @__PURE__ */ t("div", {
-		className: Ue.actions,
+		className: tt.actions,
 		children: /* @__PURE__ */ t(w, {
 			onClick: r,
 			children: o
 		})
 	})]
-}), Je = He({
-	ConfirmModal: Ke,
-	ErrorModal: qe
-}), Ye = () => {
+}), ot = et({
+	ConfirmModal: it,
+	ErrorModal: at
+}), st = () => {
 	let e = Q((e) => e.openModal);
 	return (t = {}) => new Promise((n) => {
-		Ge += 1;
-		let r = `confirm-${Ge}`;
-		We.set(r, n), e("ConfirmModal", {
+		rt += 1;
+		let r = `confirm-${rt}`;
+		nt.set(r, n), e("ConfirmModal", {
 			...t,
 			requestId: r
 		}, { closeOnEscape: !1 });
 	});
-}, Xe = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", Ze = () => {
+}, ct = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", lt = () => {
 	let e = Q((e) => e.openModal);
 	return { showError: (t, n) => e("ErrorModal", {
 		title: n,
-		message: Xe(t)
+		message: ct(t)
 	}) };
-}, Qe = v(() => ({})), $e = v(() => ({})), et = () => {
+}, ut = v(() => ({})), dt = v(() => ({})), ft = () => {
 	let e = Q((e) => e.modals), t = Q((e) => e.openModal);
 	return {
 		openModal: (e, n = {}, r) => t(e, n, r),
@@ -1775,12 +2072,37 @@ var T = {
 		isOpen: (t) => e.some((e) => e.name === t),
 		count: e.length
 	};
-}, tt = { root: "_root_fvxpr_1" }, nt = ({ label: e = "Загрузка страницы", className: r = "" }) => /* @__PURE__ */ n("div", {
-	className: `${tt.root} ${r}`,
-	role: "status",
-	"aria-label": e,
-	children: [/* @__PURE__ */ t(S, { decorative: !0 }), /* @__PURE__ */ t("span", { children: e })]
-}), rt = {
+}, pt = {
+	wrapper: "_wrapper_1qbyz_1",
+	container: "_container_1qbyz_15",
+	inner: "_inner_1qbyz_35",
+	cube: "_cube_1qbyz_53",
+	jump: "_jump_1qbyz_1",
+	cube__inner: "_cube__inner_1qbyz_67",
+	morph: "_morph_1qbyz_1"
+}, mt = () => /* @__PURE__ */ t("div", {
+	className: pt.wrapper,
+	children: /* @__PURE__ */ t("div", {
+		className: pt.container,
+		children: /* @__PURE__ */ n("div", {
+			className: pt.inner,
+			children: [
+				/* @__PURE__ */ t("div", {
+					className: pt.cube,
+					children: /* @__PURE__ */ t("div", { className: pt.cube__inner })
+				}),
+				/* @__PURE__ */ t("div", {
+					className: pt.cube,
+					children: /* @__PURE__ */ t("div", { className: pt.cube__inner })
+				}),
+				/* @__PURE__ */ t("div", {
+					className: pt.cube,
+					children: /* @__PURE__ */ t("div", { className: pt.cube__inner })
+				})
+			]
+		})
+	})
+}), ht = {
 	viewport: "_viewport_15mi5_1",
 	"top-right": "_top-right_15mi5_3",
 	"top-left": "_top-left_15mi5_5",
@@ -1793,7 +2115,7 @@ var T = {
 	success: "_success_15mi5_19",
 	warning: "_warning_15mi5_21",
 	error: "_error_15mi5_23"
-}, it = (e) => {
+}, gt = (e) => {
 	let r;
 	return r = e === "info" ? /* @__PURE__ */ n("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
@@ -1879,7 +2201,7 @@ var T = {
 			/* @__PURE__ */ t("path", { d: "m9 9 6 6" })
 		]
 	}), r;
-}, at = ({ toast: e, onClose: r }) => {
+}, _t = ({ toast: e, onClose: r }) => {
 	let [i, a] = f(!1), o = d(e.duration), c = d(Date.now());
 	return s(() => {
 		if (i || e.duration <= 0) return;
@@ -1894,7 +2216,7 @@ var T = {
 		e.duration,
 		e.id
 	]), /* @__PURE__ */ n("article", {
-		className: `${rt.toast} ${rt[e.variant]}`,
+		className: `${ht.toast} ${ht[e.variant]}`,
 		role: e.variant === "error" ? "alert" : "status",
 		"aria-live": e.variant === "error" ? "assertive" : "polite",
 		onMouseEnter: () => a(!0),
@@ -1902,9 +2224,9 @@ var T = {
 		onFocus: () => a(!0),
 		onBlur: () => a(!1),
 		children: [
-			/* @__PURE__ */ t("div", { children: it(e.variant) }),
+			/* @__PURE__ */ t("div", { children: gt(e.variant) }),
 			/* @__PURE__ */ n("div", {
-				className: rt.body,
+				className: ht.body,
 				children: [
 					e.title && /* @__PURE__ */ t("strong", { children: e.title }),
 					/* @__PURE__ */ t("div", { children: e.message }),
@@ -1938,11 +2260,11 @@ var T = {
 			})
 		]
 	});
-}, ot = 0, st = v((e) => ({
+}, vt = 0, yt = v((e) => ({
 	toasts: [],
 	showToast: (t) => {
-		ot += 1;
-		let n = `ds-toast-${ot}`;
+		vt += 1;
+		let n = `ds-toast-${vt}`;
 		return e((e) => ({ toasts: [...e.toasts, {
 			variant: "info",
 			duration: 5e3,
@@ -1953,18 +2275,18 @@ var T = {
 	},
 	removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
 	clearToasts: () => e({ toasts: [] })
-})), ct = () => st.setState({ toasts: [] }), lt = ({ position: e = "top-right" }) => {
-	let n = st((e) => e.toasts), r = st((e) => e.removeToast);
+})), bt = () => yt.setState({ toasts: [] }), xt = ({ position: e = "top-right" }) => {
+	let n = yt((e) => e.toasts), r = yt((e) => e.removeToast);
 	return /* @__PURE__ */ t("div", {
-		className: `${rt.viewport} ${rt[e]}`,
+		className: `${ht.viewport} ${ht[e]}`,
 		"aria-label": "Уведомления",
-		children: n.map((e) => /* @__PURE__ */ t(at, {
+		children: n.map((e) => /* @__PURE__ */ t(_t, {
 			toast: e,
 			onClose: r
 		}, e.id))
 	});
-}, ut = () => {
-	let e = st((e) => e.showToast), t = st((e) => e.removeToast), n = st((e) => e.clearToasts), r = o((t) => e({
+}, St = () => {
+	let e = yt((e) => e.showToast), t = yt((e) => e.removeToast), n = yt((e) => e.clearToasts), r = o((t) => e({
 		...t,
 		variant: "info"
 	}), [e]), i = o((t) => e({
@@ -1994,7 +2316,7 @@ var T = {
 		i,
 		a
 	]);
-}, dt = {
+}, Ct = {
 	root: "_root_s9o0g_1",
 	tooltip: "_tooltip_s9o0g_3",
 	"ds-tooltip-in": "_ds-tooltip-in_s9o0g_1",
@@ -2002,7 +2324,7 @@ var T = {
 	bottom: "_bottom_s9o0g_7",
 	left: "_left_s9o0g_9",
 	right: "_right_s9o0g_11"
-}, ft = ({ content: e, children: i, placement: o = "top", delay: l = 450, disabled: u = !1, maxWidth: p = 280, className: m = "" }) => {
+}, wt = ({ content: e, children: i, placement: o = "top", delay: l = 450, disabled: u = !1, maxWidth: p = 280, className: m = "" }) => {
 	let h = c(), [g, _] = f(!1), v = d(null), y = () => {
 		u || !e || (v.current = setTimeout(() => _(!0), l));
 	}, b = () => {
@@ -2024,77 +2346,153 @@ var T = {
 		onBlur: b
 	});
 	return /* @__PURE__ */ n("span", {
-		className: `${dt.root} ${m}`,
+		className: `${Ct.root} ${m}`,
 		onPointerDown: g ? b : y,
 		children: [x, g && /* @__PURE__ */ t("span", {
 			id: h,
 			role: "tooltip",
-			className: `${dt.tooltip} ${dt[o]}`,
+			className: `${Ct.tooltip} ${Ct[o]}`,
 			style: { maxWidth: p },
 			children: e
 		})]
 	});
-}, pt = {
-	root: "_root_1ue3g_1",
-	frame: "_frame_1ue3g_3",
-	video: "_video_1ue3g_5",
-	overlay: "_overlay_1ue3g_7",
-	error: "_error_1ue3g_7",
-	caption: "_caption_1ue3g_13"
-}, mt = ({ sources: e, tracks: r = [], title: i, aspectRatio: a = "16 / 9", objectFit: o = "contain", loading: s = !1, error: c, fallback: l, className: u = "", controls: d = !0, playsInline: p = !0, ...m }) => {
-	let [h, g] = f(!1), _ = c ?? (h ? "Не удалось воспроизвести видео" : void 0);
+}, $ = {
+	root: "_root_3casy_1",
+	frame: "_frame_3casy_15",
+	video: "_video_3casy_35",
+	overlay: "_overlay_3casy_49",
+	state: "_state_3casy_51",
+	loaderViewport: "_loaderViewport_3casy_89",
+	loaderScale: "_loaderScale_3casy_101",
+	stateIcon: "_stateIcon_3casy_115",
+	empty: "_empty_3casy_147",
+	error: "_error_3casy_157",
+	caption: "_caption_3casy_167"
+}, Tt = () => /* @__PURE__ */ n("svg", {
+	className: $.stateIcon,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	"aria-hidden": "true",
+	children: [
+		/* @__PURE__ */ t("circle", {
+			cx: "12",
+			cy: "12",
+			r: "9",
+			stroke: "currentColor",
+			strokeWidth: "1.7"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M12 10.5V16",
+			stroke: "currentColor",
+			strokeWidth: "1.7",
+			strokeLinecap: "round"
+		}),
+		/* @__PURE__ */ t("circle", {
+			cx: "12",
+			cy: "7.5",
+			r: "1",
+			fill: "currentColor"
+		})
+	]
+}), Et = () => /* @__PURE__ */ n("svg", {
+	className: $.stateIcon,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	"aria-hidden": "true",
+	children: [
+		/* @__PURE__ */ t("path", {
+			d: "M12 3.5L21 19H3L12 3.5Z",
+			stroke: "currentColor",
+			strokeWidth: "1.7",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M12 9V13.5",
+			stroke: "currentColor",
+			strokeWidth: "1.7",
+			strokeLinecap: "round"
+		}),
+		/* @__PURE__ */ t("circle", {
+			cx: "12",
+			cy: "16.5",
+			r: "1",
+			fill: "currentColor"
+		})
+	]
+}), Dt = ({ sources: r, tracks: i = [], title: a, aspectRatio: o = "16 / 9", objectFit: c = "contain", loading: l = !1, error: u, fallback: d, className: p = "", controls: m = !0, playsInline: h = !0, ...g }) => {
+	let [_, v] = f(!1), [y, b] = f(r.length > 0), x = r.map(({ src: e, type: t }) => `${e}:${t ?? ""}`).join("|");
+	s(() => {
+		v(!1), b(r.length > 0);
+	}, [x, r.length]);
+	let S = u ?? (_ ? "Не удалось воспроизвести видео" : void 0), C = l || y && !S && r.length > 0, w = !C && !S && r.length === 0;
 	return /* @__PURE__ */ n("figure", {
-		className: `${pt.root} ${u}`,
+		className: `${$.root} ${p}`,
 		children: [/* @__PURE__ */ n("div", {
-			className: pt.frame,
-			style: { aspectRatio: a },
+			className: $.frame,
+			style: { aspectRatio: o },
+			"aria-busy": C || void 0,
 			children: [
-				!_ && e.length > 0 && /* @__PURE__ */ n("video", {
-					...m,
-					"aria-label": i,
-					controls: d,
-					playsInline: p,
-					className: pt.video,
-					style: { objectFit: o },
+				!S && r.length > 0 && /* @__PURE__ */ n("video", {
+					...g,
+					"aria-label": a,
+					controls: m,
+					playsInline: h,
+					className: $.video,
+					style: { objectFit: c },
+					onLoadStart: (e) => {
+						b(!0), g.onLoadStart?.(e);
+					},
+					onLoadedData: (e) => {
+						b(!1), g.onLoadedData?.(e);
+					},
+					onCanPlay: (e) => {
+						b(!1), g.onCanPlay?.(e);
+					},
+					onWaiting: (e) => {
+						b(!0), g.onWaiting?.(e);
+					},
+					onPlaying: (e) => {
+						b(!1), g.onPlaying?.(e);
+					},
 					onError: (e) => {
-						g(!0), m.onError?.(e);
+						b(!1), v(!0), g.onError?.(e);
 					},
-					children: [e.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), r.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
+					children: [r.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), i.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
 				}),
-				s && /* @__PURE__ */ t("div", {
-					className: pt.overlay,
-					children: /* @__PURE__ */ t(S, { label: "Загрузка видео" })
+				C && /* @__PURE__ */ n("div", {
+					className: $.overlay,
+					role: "status",
+					"aria-live": "polite",
+					children: [/* @__PURE__ */ t("div", {
+						className: $.loaderViewport,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ t("div", {
+							className: $.loaderScale,
+							children: /* @__PURE__ */ t(mt, {})
+						})
+					}), /* @__PURE__ */ t("span", { children: "Загрузка видео" })]
 				}),
-				(_ || e.length === 0) && /* @__PURE__ */ t("div", {
-					className: pt.error,
+				w && /* @__PURE__ */ n("div", {
+					className: `${$.state} ${$.empty}`,
+					role: "status",
+					children: [
+						/* @__PURE__ */ t(Tt, {}),
+						/* @__PURE__ */ t("strong", { children: "Видео отсутствует" }),
+						d ?? /* @__PURE__ */ t("span", { children: "Источник видео не указан" })
+					]
+				}),
+				!C && S && /* @__PURE__ */ n("div", {
+					className: `${$.state} ${$.error}`,
 					role: "alert",
-					children: l ?? _ ?? "Источник видео не указан"
+					children: [/* @__PURE__ */ t(Et, {}), d ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children: S })] })]
 				})
 			]
 		}), /* @__PURE__ */ t("figcaption", {
-			className: pt.caption,
-			children: i
+			className: $.caption,
+			children: a
 		})]
 	});
-}, ht = {
-	popup: "_popup_15ovj_1",
-	trigger: "_trigger_15ovj_15",
-	content: "_content_15ovj_23",
-	top: "_top_15ovj_107",
-	right: "_right_15ovj_141",
-	bottom: "_bottom_15ovj_175",
-	left: "_left_15ovj_209"
-}, gt = ({ content: r, children: i, placement: a = "top", disabled: o = !1 }) => o ? /* @__PURE__ */ t(e, { children: i }) : /* @__PURE__ */ n("span", {
-	className: `${ht.popup} ${ht[a]}`,
-	children: [/* @__PURE__ */ t("span", {
-		className: ht.trigger,
-		children: i
-	}), /* @__PURE__ */ t("span", {
-		className: ht.content,
-		role: "tooltip",
-		children: r
-	})]
-}), $ = {
+}, Ot = {
 	root: "_root_1tdda_1",
 	trigger: "_trigger_1tdda_15",
 	heading: "_heading_1tdda_41",
@@ -2104,30 +2502,80 @@ var T = {
 	open: "_open_1tdda_91",
 	content: "_content_1tdda_99",
 	contentInner: "_contentInner_1tdda_119"
-}, _t = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, className: l = "" }) => {
-	let u = c(), [d, p] = f(a), m = o ?? d;
-	return /* @__PURE__ */ n("section", {
-		className: `${$.root} ${m ? $.open : ""} ${l}`,
+}, kt = (e, t, n, r = 16) => {
+	if (t > Math.max(0, n - r * 2)) {
+		let t = e - r;
+		return Math.abs(t) <= 1 ? {
+			alignment: "none",
+			delta: 0
+		} : {
+			alignment: "start",
+			delta: t
+		};
+	}
+	let i = e + t, a = n - r;
+	return i > a ? {
+		alignment: "end",
+		delta: i - a
+	} : e < r ? {
+		alignment: "start",
+		delta: e - r
+	} : {
+		alignment: "none",
+		delta: 0
+	};
+}, At = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: l, autoScrollOnOpen: u = !0, scrollOffset: p = 16, className: m = "" }) => {
+	let h = c(), [g, _] = f(a), v = o ?? g, y = d(null), b = d(null), x = d(v);
+	return s(() => {
+		let e = x.current;
+		if (x.current = v, !v || e || !u) return;
+		let t = y.current, n = b.current;
+		if (!t || !n || typeof window > "u") return;
+		let r = !1, i = () => {
+			if (r) return;
+			r = !0;
+			let e = t.getBoundingClientRect(), n = kt(e.top, e.height, window.innerHeight, p);
+			if (n.alignment === "none") return;
+			let i = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+			window.scrollBy({
+				top: n.delta,
+				behavior: i ? "auto" : "smooth"
+			});
+		}, a = (e) => {
+			e.target === n && e.propertyName === "grid-template-rows" && i();
+		};
+		n.addEventListener("transitionend", a);
+		let o = window.setTimeout(i, 280);
+		return () => {
+			n.removeEventListener("transitionend", a), window.clearTimeout(o);
+		};
+	}, [
+		u,
+		v,
+		p
+	]), /* @__PURE__ */ n("section", {
+		ref: y,
+		className: `${Ot.root} ${v ? Ot.open : ""} ${m}`,
 		children: [/* @__PURE__ */ n("button", {
 			type: "button",
-			className: $.trigger,
-			"aria-expanded": m,
-			"aria-controls": u,
+			className: Ot.trigger,
+			"aria-expanded": v,
+			"aria-controls": h,
 			onClick: () => {
-				let e = !m;
-				o === void 0 && p(e), s?.(e);
+				let e = !v;
+				o === void 0 && _(e), l?.(e);
 			},
 			children: [/* @__PURE__ */ n("span", {
-				className: $.heading,
+				className: Ot.heading,
 				children: [/* @__PURE__ */ t("span", {
-					className: $.title,
+					className: Ot.title,
 					children: e
 				}), r && /* @__PURE__ */ t("span", {
-					className: $.subtitle,
+					className: Ot.subtitle,
 					children: r
 				})]
 			}), /* @__PURE__ */ t("span", {
-				className: $.icon,
+				className: Ot.icon,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ t("svg", {
 					viewBox: "0 0 20 20",
@@ -2142,16 +2590,17 @@ var T = {
 				})
 			})]
 		}), /* @__PURE__ */ t("div", {
-			id: u,
-			className: $.content,
-			"aria-hidden": !m,
+			ref: b,
+			id: h,
+			className: Ot.content,
+			"aria-hidden": !v,
 			children: /* @__PURE__ */ t("div", {
-				className: $.contentInner,
+				className: Ot.contentInner,
 				children: i
 			})
 		})]
 	});
-}, vt = ({ children: e, containerId: t = "overlay-root" }) => {
+}, jt = ({ children: e, containerId: t = "overlay-root" }) => {
 	let [n, r] = f(null);
 	return s(() => {
 		let e = document.getElementById(t);
@@ -2166,4 +2615,4 @@ var T = {
 	}, [t]), n ? p(e, n) : null;
 };
 //#endregion
-export { Ke as ConfirmModal, _t as DSAccordion, b as DSBadge, w as DSButton, k as DSCheckbox, Se as DSDataTable, te as DSDateRange, H as DSDateTimePicker, oe as DSDropDown, Ce as DSDropDownMultiple, E as DSFieldLabel, D as DSFieldMessage, Pe as DSFileInput, Ae as DSFilters, ue as DSIcon, Te as DSInfoBlock, Ee as DSInput, S as DSLoader, Be as DSModal, ze as DSModalFrame, nt as DSPageLoader, gt as DSPopup, vt as DSPortal, Oe as DSRadioButton, ne as DSSkeleton, ce as DSSort, at as DSToast, lt as DSToastProvider, ft as DSTooltip, mt as DSVideoPlayerFrame, qe as ErrorModal, Ve as ModalSystemProvider, Je as builtInModalRegistry, He as defineModalRegistry, F as formatDateTimeLocalValue, fe as getDSDataTablePaginationItems, Xe as getErrorMessage, J as getNextEnabledOptionIndex, W as isValidDateRange, I as parseDateTimeLocalValue, Ie as resetModalStore, ct as resetToastStore, Ye as useConfirmModal, Qe as useConfirmModalStore, Ze as useErrorModal, $e as useErrorModalStore, et as useModals, Q as useModalsStore, ut as useToast, st as useToastStore, pe as validateDSDataTableData };
+export { it as ConfirmModal, At as DSAccordion, b as DSBadge, w as DSButton, O as DSCheckbox, Se as DSDataTable, te as DSDateRange, H as DSDateTimePicker, oe as DSDropDown, De as DSDropDownMultiple, ee as DSFieldLabel, E as DSFieldMessage, Ke as DSFileInput, He as DSFilters, ue as DSIcon, Re as DSInfoBlock, ke as DSInput, S as DSLoader, Qe as DSModal, Ze as DSModalFrame, mt as DSPageLoader, jt as DSPortal, Be as DSRadioButton, Ie as DSSearchDropDown, K as DSSkeleton, ce as DSSort, _t as DSToast, xt as DSToastProvider, wt as DSTooltip, Dt as DSVideoPlayerFrame, at as ErrorModal, $e as ModalSystemProvider, ot as builtInModalRegistry, et as defineModalRegistry, P as formatDateTimeLocalValue, kt as getDSAccordionScrollTarget, fe as getDSDataTablePaginationItems, ct as getErrorMessage, ie as getNextEnabledOptionIndex, W as isValidDateRange, F as parseDateTimeLocalValue, Je as resetModalStore, bt as resetToastStore, st as useConfirmModal, ut as useConfirmModalStore, lt as useErrorModal, dt as useErrorModalStore, ft as useModals, Q as useModalsStore, St as useToast, yt as useToastStore, pe as validateDSDataTableData };