@efficiency-point/design-system 0.1.5 → 0.1.8

package/dist/index.es.js

@@ -33,17 +33,17 @@ var y = {
 		})
 	]
 }), x = {
-	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"
+	container: "_container_1h2c4_1",
+	inner: "_inner_1h2c4_21",
+	line: "_line_1h2c4_39",
+	primary: "_primary_1h2c4_57",
+	secondary: "_secondary_1h2c4_65",
+	outline: "_outline_1h2c4_73",
+	ghost: "_ghost_1h2c4_81",
+	empty: "_empty_1h2c4_89",
+	destructive: "_destructive_1h2c4_97",
+	destructiveOutline: "_destructiveOutline_1h2c4_105",
+	grow: "_grow_1h2c4_1"
 }, S = ({ variant: e = "primary" }) => /* @__PURE__ */ t("div", {
 	className: `${x.container} ${x[e]}`,
 	children: /* @__PURE__ */ n("div", {
@@ -86,7 +86,7 @@ var T = {
 	disabled: "_disabled_fa00b_47",
 	message: "_message_fa00b_55",
 	success: "_success_fa00b_71"
-}, ee = ({ children: e, required: r = !1, optionalText: i, disabled: a = !1, className: o = "", ...s }) => /* @__PURE__ */ n("label", {
+}, E = ({ 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: [
@@ -101,28 +101,184 @@ var T = {
 			children: i
 		})
 	]
-}), E = ({ children: e, variant: n = "hint", id: r, live: i = !1, className: a = "" }) => /* @__PURE__ */ t("span", {
+}), D = ({ 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
-}), D = {
+}), O = ({ width: e = 24, height: r = 24, color: i, title: a, style: o, children: s, ...c }) => /* @__PURE__ */ n("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	width: e,
+	height: r,
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.8",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	role: a ? "img" : void 0,
+	"aria-hidden": !a || void 0,
+	focusable: "false",
+	style: i ? {
+		...o,
+		color: i
+	} : o,
+	...c,
+	children: [a && /* @__PURE__ */ t("title", { children: a }), s]
+}), k = {
+	IconBasket: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M4 7h16l-1 13H5L4 7zm3 0V4h10v3" })
+	}),
+	IconCheck: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "m5 12 4 4L19 6" })
+	}),
+	IconChevron: (e) => /* @__PURE__ */ t(O, {
+		viewBox: "0 0 20 20",
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M5 7.5L10 12.5L15 7.5" })
+	}),
+	IconCross: ({ strokeWidth: e = 2, ...n }) => /* @__PURE__ */ t(O, {
+		strokeWidth: e,
+		...n,
+		children: /* @__PURE__ */ t("path", { d: "M18 6 6 18M6 6l12 12" })
+	}),
+	IconEdit: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M4 20h4L19 9l-4-4L4 16v4z" })
+	}),
+	IconErrorCircle: (e) => /* @__PURE__ */ n(O, {
+		...e,
+		children: [/* @__PURE__ */ t("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}), /* @__PURE__ */ t("path", { d: "m15 9-6 6M9 9l6 6" })]
+	}),
+	IconEye: (e) => /* @__PURE__ */ n(O, {
+		...e,
+		children: [/* @__PURE__ */ t("path", { d: "M3 12s3.5-5 9-5 9 5 9 5-3.5 5-9 5-9-5-9-5Z" }), /* @__PURE__ */ t("circle", {
+			cx: "12",
+			cy: "12",
+			r: "2.5"
+		})]
+	}),
+	IconEyeOff: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		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" })
+	}),
+	IconInfo: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M12 10v7m0-10v.01" })
+	}),
+	IconInfoCircle: (e) => /* @__PURE__ */ n(O, {
+		...e,
+		children: [/* @__PURE__ */ t("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}), /* @__PURE__ */ t("path", { d: "M12 16v-4M12 8v.01" })]
+	}),
+	IconMinus: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M5 12h14" })
+	}),
+	IconPause: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", {
+			d: "M8 5v14M16 5v14",
+			strokeWidth: "3"
+		})
+	}),
+	IconPictureInPicture: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M3 5h18v14H3V5Zm10 7h6v5h-6v-5Z" })
+	}),
+	IconPlay: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", {
+			d: "m8 5 11 7-11 7V5Z",
+			fill: "currentColor",
+			stroke: "none"
+		})
+	}),
+	IconReplay: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M4 7v5h5M5.5 11a7 7 0 1 1 1.3 6.3" })
+	}),
+	IconSettings: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Zm7.4 5.2.1-1.7-.1-1.7 2-1.5-2-3.4-2.4 1a8 8 0 0 0-2.9-1.7L13.8 2h-3.9l-.4 2.7a8 8 0 0 0-2.8 1.7l-2.5-1-2 3.4 2.1 1.5-.1 1.7.1 1.7-2.1 1.5 2 3.4 2.5-1a8 8 0 0 0 2.8 1.7l.4 2.7h3.9l.3-2.7a8 8 0 0 0 2.9-1.7l2.4 1 2-3.4-2-1.5Z" })
+	}),
+	IconFullscreen: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M9 4H4v5m11-5h5v5M9 20H4v-5m11 5h5v-5" })
+	}),
+	IconFullscreenExit: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M4 9h5V4m6 5h5V4M4 15h5v5m6-5h5v5" })
+	}),
+	IconCaptions: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M4 6h16v12H4V6Zm7 4a2 2 0 1 0 0 4m7-4a2 2 0 1 0 0 4" })
+	}),
+	IconVolume: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M5 10v4h4l5 4V6l-5 4H5Zm12-1c1.3 1.5 1.3 4.5 0 6m2.5-8.5c3 3 3 8 0 11" })
+	}),
+	IconVolumeMuted: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M5 10v4h4l5 4V6l-5 4H5Zm12 0 4 4m0-4-4 4" })
+	}),
+	IconSort: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M8 17V5m-3 3 3-3 3 3M16 7v12m-3-3 3 3 3-3" })
+	}),
+	IconSortAscending: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
+	}),
+	IconSortDescending: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M12 5v14m-5-5 5 5 5-5" })
+	}),
+	IconSuccessCircle: (e) => /* @__PURE__ */ n(O, {
+		...e,
+		children: [/* @__PURE__ */ t("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}), /* @__PURE__ */ t("path", { d: "m9 12 2 2 4-4" })]
+	}),
+	IconUpload: (e) => /* @__PURE__ */ t(O, {
+		...e,
+		children: /* @__PURE__ */ t("path", { d: "M12 19V5m-5 5 5-5 5 5" })
+	}),
+	IconWarning: (e) => /* @__PURE__ */ n(O, {
+		...e,
+		children: [/* @__PURE__ */ t("path", { d: "M12 3.5L21 19H3L12 3.5Z" }), /* @__PURE__ */ t("path", { d: "M12 9v4.5M12 16.5v.01" })]
+	})
+}, A = ({ name: e, ...n }) => {
+	let r = k[e];
+	return /* @__PURE__ */ t(r, { ...n });
+}, j = {
 	wrapper: "_wrapper_1gq36_1",
 	label: "_label_1gq36_3",
 	input: "_input_1gq36_5",
 	control: "_control_1gq36_7",
 	disabled: "_disabled_1gq36_13",
 	controlError: "_controlError_1gq36_17"
-}, 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 }) => {
+}, M = ({ 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: `${D.wrapper} ${f}`,
+		className: `${j.wrapper} ${f}`,
 		children: [
 			/* @__PURE__ */ n("label", {
-				className: `${D.label} ${l ? D.disabled : ""}`,
+				className: `${j.label} ${l ? j.disabled : ""}`,
 				htmlFor: v,
 				children: [
 					/* @__PURE__ */ t("input", {
@@ -135,53 +291,63 @@ var T = {
 						"aria-readonly": u || void 0,
 						"aria-invalid": !!o,
 						"aria-describedby": [b, x].filter(Boolean).join(" ") || void 0,
-						className: D.input,
+						className: j.input,
 						onChange: (e) => {
 							u || r?.(e.target.checked, e);
 						},
 						...g
 					}),
-					/* @__PURE__ */ t("span", {
-						className: `${D.control} ${o ? D.controlError : ""}`,
+					/* @__PURE__ */ n("span", {
+						className: `${j.control} ${o ? j.controlError : ""}`,
 						"aria-hidden": "true",
-						children: h && !e ? "−" : e ? "✓" : ""
+						children: [h && !e && /* @__PURE__ */ t(A, {
+							name: "IconMinus",
+							width: 16,
+							height: 16
+						}), e && /* @__PURE__ */ t(A, {
+							name: "IconCheck",
+							width: 16,
+							height: 16
+						})]
 					}),
 					i && /* @__PURE__ */ t("span", { children: i })
 				]
 			}),
-			a && !o && /* @__PURE__ */ t(E, {
+			a && !o && /* @__PURE__ */ t(D, {
 				id: b,
 				children: a
 			}),
-			o && /* @__PURE__ */ t(E, {
+			o && /* @__PURE__ */ t(D, {
 				id: x,
 				variant: "error",
 				children: o
 			})
 		]
 	});
-}, k = {
-	wrapper: "_wrapper_1or7y_1",
-	trigger: "_trigger_1or7y_17",
-	lg: "_lg_1or7y_51",
-	chevron: "_chevron_1or7y_63",
-	chevronOpen: "_chevronOpen_1or7y_89",
-	nav: "_nav_1or7y_99",
-	day: "_day_1or7y_101",
-	monthSelect: "_monthSelect_1or7y_103",
-	yearInput: "_yearInput_1or7y_105",
-	timeInput: "_timeInput_1or7y_107",
-	value: "_value_1or7y_131",
-	placeholder: "_placeholder_1or7y_139",
-	error: "_error_1or7y_147",
-	panel: "_panel_1or7y_155",
-	calendarHeader: "_calendarHeader_1or7y_181",
-	weekdays: "_weekdays_1or7y_271",
-	days: "_days_1or7y_273",
-	outside: "_outside_1or7y_309",
-	selected: "_selected_1or7y_317",
-	timeLabel: "_timeLabel_1or7y_337"
-}, A = [
+}, N = {
+	wrapper: "_wrapper_15bor_1",
+	trigger: "_trigger_15bor_17",
+	lg: "_lg_15bor_51",
+	chevron: "_chevron_15bor_63",
+	chevronOpen: "_chevronOpen_15bor_89",
+	nav: "_nav_15bor_99",
+	day: "_day_15bor_101",
+	monthSelect: "_monthSelect_15bor_103",
+	yearInput: "_yearInput_15bor_105",
+	timeInput: "_timeInput_15bor_107",
+	value: "_value_15bor_131",
+	placeholder: "_placeholder_15bor_139",
+	error: "_error_15bor_147",
+	panel: "_panel_15bor_155",
+	calendarHeader: "_calendarHeader_15bor_181",
+	weekdays: "_weekdays_15bor_270",
+	days: "_days_15bor_272",
+	outside: "_outside_15bor_308",
+	selected: "_selected_15bor_316",
+	timeLabel: "_timeLabel_15bor_336",
+	previousMonth: "_previousMonth_15bor_382",
+	nextMonth: "_nextMonth_15bor_386"
+}, P = [
 	"Пн",
 	"Вт",
 	"Ср",
@@ -189,7 +355,7 @@ var T = {
 	"Пт",
 	"Сб",
 	"Вс"
-], j = [
+], F = [
 	"Январь",
 	"Февраль",
 	"Март",
@@ -202,11 +368,11 @@ var T = {
 	"Октябрь",
 	"Ноябрь",
 	"Декабрь"
-], M = (e) => String(e).padStart(2, "0"), N = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), P = (e, t) => {
+], I = (e) => String(e).padStart(2, "0"), L = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), R = (e, t) => {
 	if (!e) return "";
-	let n = `${e.getFullYear()}-${M(e.getMonth() + 1)}-${M(e.getDate())}`, r = `${M(e.getHours())}:${M(e.getMinutes())}`;
+	let n = `${e.getFullYear()}-${I(e.getMonth() + 1)}-${I(e.getDate())}`, r = `${I(e.getHours())}:${I(e.getMinutes())}`;
 	return t === "date" ? n : t === "time" ? r : `${n}T${r}`;
-}, F = (e, t) => {
+}, z = (e, t) => {
 	if (!e) return null;
 	if (t === "time") {
 		let t = /^(\d{2}):(\d{2})$/.exec(e);
@@ -224,36 +390,36 @@ var T = {
 	}
 	let n = new Date(e);
 	return Number.isNaN(n.getTime()) ? null : n;
-}, I = (e, t) => {
+}, B = (e, t) => {
 	if (!e) return "";
-	let n = `${M(e.getDate())}.${M(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${M(e.getHours())}:${M(e.getMinutes())}`;
+	let n = `${I(e.getDate())}.${I(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${I(e.getHours())}:${I(e.getMinutes())}`;
 	return t === "date" ? n : t === "time" ? r : `${n} ${r}`;
-}, L = (e) => {
+}, V = (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;
 	});
-}, 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";
+}, H = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), ee = (e, t, n) => {
+	let r = L(e).getTime();
+	return !!(t && r < L(t).getTime() || n && r > L(n).getTime());
+}, U = 8, W = 6, G = ({ 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(), j = w ?? `ds-date-time-${T ?? k}`, M = g ? `${j}-hint` : void 0, I = _ ? `${j}-error` : void 0, L = d(null), G = d(null), te = d(null), [K, q] = f(!1), [J, ne] = f(r ?? /* @__PURE__ */ new Date()), [Y, re] = f(R(r, "time")), [ie, ae] = f(null), oe = u(() => V(J), [J]), se = a !== "time", ce = a !== "date";
 	s(() => {
-		r && J(r), re(P(r, "time"));
+		r && ne(r), re(R(r, "time"));
 	}, [r]);
 	let le = o(() => {
-		let e = W.current, t = te.current;
+		let e = G.current, t = te.current;
 		if (!e || !t) return;
-		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;
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - U, o = n.top - U, s = a < r.height && o > a, c = Math.max(120, s ? o : a), l = s ? Math.max(U, n.top - r.height - W) : n.bottom + W, u = n.left, d = i - r.width - U;
 		ae({
 			top: l,
-			left: Math.max(B, Math.min(u, d)),
+			left: Math.max(U, Math.min(u, d)),
 			maxHeight: c
 		});
 	}, []);
 	l(() => {
-		if (!G) {
+		if (!K) {
 			ae(null);
 			return;
 		}
@@ -261,38 +427,38 @@ var T = {
 			window.removeEventListener("resize", le), window.removeEventListener("scroll", le, !0);
 		};
 	}, [
-		G,
+		K,
 		le,
-		q,
-		ne
+		J,
+		Y
 	]), s(() => {
-		if (!G) return;
+		if (!K) return;
 		let e = (e) => {
-			let t = e.target, n = U.current?.contains(t), r = te.current?.contains(t);
-			!n && !r && K(!1);
+			let t = e.target, n = L.current?.contains(t), r = te.current?.contains(t);
+			!n && !r && q(!1);
 		}, t = (e) => {
-			e.key === "Escape" && (K(!1), W.current?.focus());
+			e.key === "Escape" && (q(!1), G.current?.focus());
 		};
 		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		};
-	}, [G]);
+	}, [K]);
 	let ue = (e) => {
-		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 (ee(e, x, S)) return;
+		let t = a === "date" ? z(R(e, "date"), "date") : new Date(e);
+		t && (a !== "date" && t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), a === "date" && q(!1));
+	}, X = (e) => {
 		if (re(e), !e) {
 			i?.(null);
 			return;
 		}
-		let t = F(e, "time");
+		let t = z(e, "time");
 		if (!t) return;
-		let n = new Date(a === "datetime" ? r ?? q : /* @__PURE__ */ new Date());
+		let n = new Date(a === "datetime" ? r ?? J : /* @__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 = [N, H].filter(Boolean).join(" ") || void 0, pe = G && !y ? /* @__PURE__ */ n("div", {
+	}, de = h ?? (a === "date" ? "--.--.----" : a === "time" ? "--:--" : "--.--.---- --:--"), fe = [M, I].filter(Boolean).join(" ") || void 0, pe = K && !y ? /* @__PURE__ */ n("div", {
 		ref: te,
-		className: k.panel,
+		className: N.panel,
 		role: "dialog",
 		"aria-label": m ?? de,
 		style: ie ? {
@@ -306,53 +472,63 @@ var T = {
 		},
 		children: [se && /* @__PURE__ */ n(e, { children: [
 			/* @__PURE__ */ n("div", {
-				className: k.calendarHeader,
+				className: N.calendarHeader,
 				children: [
 					/* @__PURE__ */ t("button", {
 						type: "button",
-						className: k.nav,
+						className: N.nav,
 						"aria-label": "Предыдущий месяц",
-						onClick: () => J(new Date(q.getFullYear(), q.getMonth() - 1, 1)),
-						children: "‹"
+						onClick: () => ne(new Date(J.getFullYear(), J.getMonth() - 1, 1)),
+						children: /* @__PURE__ */ t(A, {
+							name: "IconChevron",
+							width: 20,
+							height: 20,
+							className: N.previousMonth
+						})
 					}),
 					/* @__PURE__ */ t("select", {
-						className: k.monthSelect,
+						className: N.monthSelect,
 						"aria-label": "Месяц",
-						value: q.getMonth(),
-						onChange: (e) => J(new Date(q.getFullYear(), Number(e.target.value), 1)),
-						children: j.map((e, n) => /* @__PURE__ */ t("option", {
+						value: J.getMonth(),
+						onChange: (e) => ne(new Date(J.getFullYear(), Number(e.target.value), 1)),
+						children: F.map((e, n) => /* @__PURE__ */ t("option", {
 							value: n,
 							children: e
 						}, e))
 					}),
 					/* @__PURE__ */ t("input", {
-						className: k.yearInput,
+						className: N.yearInput,
 						type: "number",
 						"aria-label": "Год",
-						value: q.getFullYear(),
-						onChange: (e) => J(new Date(Number(e.target.value), q.getMonth(), 1))
+						value: J.getFullYear(),
+						onChange: (e) => ne(new Date(Number(e.target.value), J.getMonth(), 1))
 					}),
 					/* @__PURE__ */ t("button", {
 						type: "button",
-						className: k.nav,
+						className: N.nav,
 						"aria-label": "Следующий месяц",
-						onClick: () => J(new Date(q.getFullYear(), q.getMonth() + 1, 1)),
-						children: "›"
+						onClick: () => ne(new Date(J.getFullYear(), J.getMonth() + 1, 1)),
+						children: /* @__PURE__ */ t(A, {
+							name: "IconChevron",
+							width: 20,
+							height: 20,
+							className: N.nextMonth
+						})
 					})
 				]
 			}),
 			/* @__PURE__ */ t("div", {
-				className: k.weekdays,
-				children: A.map((e) => /* @__PURE__ */ t("span", { children: e }, e))
+				className: N.weekdays,
+				children: P.map((e) => /* @__PURE__ */ t("span", { children: e }, e))
 			}),
 			/* @__PURE__ */ t("div", {
-				className: k.days,
+				className: N.days,
 				children: oe.map((e) => {
-					let n = R(r, e);
+					let n = H(r, e);
 					return /* @__PURE__ */ t("button", {
 						type: "button",
-						className: `${k.day} ${e.getMonth() === q.getMonth() ? "" : k.outside} ${n ? k.selected : ""}`,
-						disabled: z(e, x, S),
+						className: `${N.day} ${e.getMonth() === J.getMonth() ? "" : N.outside} ${n ? N.selected : ""}`,
+						disabled: ee(e, x, S),
 						"aria-pressed": n,
 						onClick: () => ue(e),
 						children: e.getDate()
@@ -360,84 +536,78 @@ var T = {
 				})
 			})
 		] }), ce && /* @__PURE__ */ n("label", {
-			className: k.timeLabel,
+			className: N.timeLabel,
 			children: [/* @__PURE__ */ t("span", { children: "Время" }), /* @__PURE__ */ t("input", {
-				className: k.timeInput,
+				className: N.timeInput,
 				type: "time",
-				value: ne,
-				onChange: (e) => Y(e.target.value)
+				value: Y,
+				onChange: (e) => X(e.target.value)
 			})]
 		})]
 	}) : null;
 	return /* @__PURE__ */ n("div", {
-		ref: U,
-		className: `${k.wrapper} ${D}`,
+		ref: L,
+		className: `${N.wrapper} ${O}`,
 		children: [
-			m && /* @__PURE__ */ t(ee, {
-				htmlFor: M,
+			m && /* @__PURE__ */ t(E, {
+				htmlFor: j,
 				required: b,
 				disabled: v,
 				children: m
 			}),
 			/* @__PURE__ */ n("button", {
-				ref: W,
-				id: M,
+				ref: G,
+				id: j,
 				name: T,
 				type: "button",
-				className: `${k.trigger} ${k[C]} ${_ ? k.error : ""}`,
+				className: `${N.trigger} ${N[C]} ${_ ? N.error : ""}`,
 				disabled: v,
 				"aria-readonly": y || void 0,
-				"aria-expanded": G,
+				"aria-expanded": K,
 				"aria-haspopup": "dialog",
 				"aria-describedby": fe,
 				onClick: () => {
-					y || K((e) => !e);
+					y || q((e) => !e);
 				},
 				children: [/* @__PURE__ */ t("span", {
-					className: r ? k.value : k.placeholder,
-					children: I(r, a) || de
+					className: r ? N.value : N.placeholder,
+					children: B(r, a) || de
 				}), /* @__PURE__ */ t("span", {
-					className: [k.chevron, pe ? k.chevronOpen : ""].filter(Boolean).join(" "),
+					className: [N.chevron, pe ? N.chevronOpen : ""].filter(Boolean).join(" "),
 					"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"
-						})
+					children: /* @__PURE__ */ t(A, {
+						name: "IconChevron",
+						width: 20,
+						height: 20
 					})
 				})]
 			}),
 			pe && p(pe, document.body),
-			g && !_ && /* @__PURE__ */ t(E, {
-				id: N,
+			g && !_ && /* @__PURE__ */ t(D, {
+				id: M,
 				children: g
 			}),
-			_ && /* @__PURE__ */ t(E, {
-				id: H,
+			_ && /* @__PURE__ */ t(D, {
+				id: I,
 				variant: "error",
 				children: _
 			})
 		]
 	});
-}, U = {
+}, te = {
 	root: "_root_1q42e_1",
 	legend: "_legend_1q42e_3",
 	range: "_range_1q42e_5"
-}, W = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), te = ({ value: e, onChange: r, onDraftChange: i, mode: a = "date", fromLabel: o = "От", toLabel: s = "До", hint: c, error: l, min: u, max: d, disabled: f = !1, readOnly: p = !1, required: m = !1, className: h = "" }) => {
+}, K = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), q = ({ value: e, onChange: r, onDraftChange: i, mode: a = "date", fromLabel: o = "От", toLabel: s = "До", hint: c, error: l, min: u, max: d, disabled: f = !1, readOnly: p = !1, required: m = !1, className: h = "" }) => {
 	let g = l ?? (e.from && e.to && e.from > e.to ? "Дата «От» не может быть позже даты «До»" : void 0), _ = (e) => {
-		i?.(e), W(e) && r?.(e);
+		i?.(e), K(e) && r?.(e);
 	};
 	return /* @__PURE__ */ n("fieldset", {
-		className: `${U.root} ${h}`,
+		className: `${te.root} ${h}`,
 		disabled: f,
 		children: [/* @__PURE__ */ n("div", {
-			className: U.range,
-			children: [/* @__PURE__ */ t(H, {
+			className: te.range,
+			children: [/* @__PURE__ */ t(G, {
 				value: e.from,
 				mode: a === "datetime" ? "datetime" : a,
 				label: o,
@@ -451,7 +621,7 @@ var T = {
 					...e,
 					from: t
 				})
-			}), /* @__PURE__ */ t(H, {
+			}), /* @__PURE__ */ t(G, {
 				value: e.to,
 				mode: a === "datetime" ? "datetime" : a,
 				label: s,
@@ -466,9 +636,9 @@ var T = {
 					to: t
 				})
 			})]
-		}), c && !g && /* @__PURE__ */ t(E, { children: c })]
+		}), c && !g && /* @__PURE__ */ t(D, { children: c })]
 	});
-}, G = {
+}, J = {
 	group: "_group_1fs9e_1",
 	skeleton: "_skeleton_1fs9e_3",
 	text: "_text_1fs9e_5",
@@ -476,55 +646,55 @@ var T = {
 	circular: "_circular_1fs9e_9",
 	animated: "_animated_1fs9e_11",
 	"ds-skeleton": "_ds-skeleton_1fs9e_1"
-}, K = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
-	className: `${G.group} ${o}`,
+}, ne = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
+	className: `${J.group} ${o}`,
 	"aria-hidden": "true",
 	children: Array.from({ length: Math.max(1, i) }, (o, s) => /* @__PURE__ */ t("span", {
-		className: `${G.skeleton} ${G[e]} ${a ? G.animated : ""}`,
+		className: `${J.skeleton} ${J[e]} ${a ? J.animated : ""}`,
 		style: {
 			width: s === i - 1 && i > 1 ? "70%" : n,
 			height: r
 		}
 	}, s))
-}), q = {
-	wrapper: "_wrapper_1f1hc_1",
-	label: "_label_1f1hc_17",
-	container: "_container_1f1hc_29",
-	trigger: "_trigger_1f1hc_37",
-	disabledText: "_disabledText_1f1hc_39",
-	sm: "_sm_1f1hc_61",
-	md: "_md_1f1hc_71",
-	lg: "_lg_1f1hc_81",
-	value: "_value_1f1hc_141",
-	placeholder: "_placeholder_1f1hc_143",
-	chevron: "_chevron_1f1hc_195",
-	chevronOpen: "_chevronOpen_1f1hc_221",
-	menu: "_menu_1f1hc_229",
-	option: "_option_1f1hc_259",
-	selected: "_selected_1f1hc_329",
-	message: "_message_1f1hc_349",
-	error: "_error_1f1hc_351",
-	errorState: "_errorState_1f1hc_377"
-}, J = 8, ne = 6, re = 120, ie = (e, t, n) => {
+}), Y = {
+	wrapper: "_wrapper_jmtfp_1",
+	label: "_label_jmtfp_17",
+	container: "_container_jmtfp_29",
+	trigger: "_trigger_jmtfp_37",
+	disabledText: "_disabledText_jmtfp_39",
+	sm: "_sm_jmtfp_61",
+	md: "_md_jmtfp_71",
+	lg: "_lg_jmtfp_81",
+	value: "_value_jmtfp_141",
+	placeholder: "_placeholder_jmtfp_143",
+	chevron: "_chevron_jmtfp_199",
+	chevronOpen: "_chevronOpen_jmtfp_225",
+	menu: "_menu_jmtfp_233",
+	option: "_option_jmtfp_263",
+	selected: "_selected_jmtfp_333",
+	message: "_message_jmtfp_353",
+	error: "_error_jmtfp_355",
+	errorState: "_errorState_jmtfp_381"
+}, re = 8, ie = 6, ae = 120, oe = (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;
-}, ae = (e) => {
+}, se = (e) => {
 	if (typeof e == "number") return e;
 	if (typeof e == "string") {
 		let t = Number.parseFloat(e);
 		if (Number.isFinite(t)) return 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 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;
+}, ce = ({ 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`, [j, M] = f(!1), [N, P] = f(null), F = d(null), I = d(null), L = d(null), R = d([]), z = u(() => e.find((e) => e.value === r), [e, r]), B = y ? `${O}-hint` : void 0, V = _ ? `${O}-error` : void 0, H = [B, V].filter(Boolean).join(" ") || void 0, ee = m && h, U = o(() => {
+		let e = I.current, t = L.current;
 		if (!e || !t) return;
-		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({
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight - n.bottom - re, o = n.top - re, s = a < r.height && o > a, c = Math.max(ae, s ? o : a), l = se(T), u = Math.min(c, l), d = n.left, f = i - n.width - re, p = Math.max(re, Math.min(d, f)), m = s ? Math.max(re, n.top - r.height - ie) : n.bottom + ie;
+		P({
 			top: m,
 			left: p,
 			width: n.width,
@@ -532,48 +702,48 @@ var T = {
 		});
 	}, [T]);
 	l(() => {
-		if (!k) {
-			M(null);
+		if (!j) {
+			P(null);
 			return;
 		}
-		return H(), window.addEventListener("resize", H), window.addEventListener("scroll", H, !0), () => {
-			window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0);
+		return U(), window.addEventListener("resize", U), window.addEventListener("scroll", U, !0), () => {
+			window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0);
 		};
 	}, [
-		k,
-		H,
+		j,
+		U,
 		e.length
 	]), s(() => {
-		if (!k) return;
+		if (!j) return;
 		let e = (e) => {
-			let t = e.target, n = N.current?.contains(t), r = F.current?.contains(t);
-			!n && !r && A(!1);
+			let t = e.target, n = F.current?.contains(t), r = L.current?.contains(t);
+			!n && !r && M(!1);
 		}, t = (e) => {
-			e.key === "Escape" && (A(!1), P.current?.focus());
+			e.key === "Escape" && (M(!1), I.current?.focus());
 		};
 		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		};
-	}, [k]);
-	let U = (t, n) => {
-		let r = ie(e, t, n);
+	}, [j]);
+	let W = (t, n) => {
+		let r = oe(e, t, n);
 		if (r === -1) return;
-		let i = I.current[r];
+		let i = R.current[r];
 		i?.focus(), i?.scrollIntoView({ block: "nearest" });
-	}, W = (e) => {
-		e.disabled || (i?.(e.value, e), A(!1), P.current?.focus());
-	}, te = k ? /* @__PURE__ */ t("ul", {
-		ref: F,
-		id: O,
-		className: q.menu,
+	}, G = (e) => {
+		e.disabled || (i?.(e.value, e), M(!1), I.current?.focus());
+	}, te = j ? /* @__PURE__ */ t("ul", {
+		ref: L,
+		id: k,
+		className: Y.menu,
 		role: "listbox",
 		"aria-label": g,
-		style: j ? {
+		style: N ? {
 			position: "fixed",
-			top: j.top,
-			left: j.left,
-			width: j.width,
-			maxHeight: j.maxHeight
+			top: N.top,
+			left: N.left,
+			width: N.width,
+			maxHeight: N.maxHeight
 		} : {
 			position: "fixed",
 			top: 0,
@@ -587,140 +757,135 @@ var T = {
 				role: "presentation",
 				children: /* @__PURE__ */ n("button", {
 					ref: (e) => {
-						I.current[a] = e;
+						R.current[a] = e;
 					},
 					type: "button",
 					role: "option",
 					"aria-selected": o,
 					disabled: i.disabled,
 					className: [
-						q[v],
-						q.option,
-						o ? q.selected : ""
+						Y[v],
+						Y.option,
+						o ? Y.selected : ""
 					].filter(Boolean).join(" "),
-					onClick: () => W(i),
+					onClick: () => G(i),
 					onKeyDown: (t) => {
 						if (t.key === "ArrowDown" || t.key === "ArrowUp") {
 							t.preventDefault();
 							let e = t.key === "ArrowDown" ? 1 : -1;
-							U(a + e, e);
+							W(a + e, e);
 						}
-						if (t.key === "Tab" && A(!1), t.key === "Home" || t.key === "End") {
+						if (t.key === "Tab" && M(!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);
+							W(t.key === "Home" ? 0 : e.length - 1, n);
 						}
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), W(i));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), G(i));
 					},
-					children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t("span", {
-						"aria-hidden": "true",
-						children: "✓"
+					children: [/* @__PURE__ */ t("span", { children: i.label }), o && w && /* @__PURE__ */ t(A, {
+						name: "IconCheck",
+						width: 16,
+						height: 16
 					})]
 				})
 			}, i.value);
 		})
 	}) : null;
 	return /* @__PURE__ */ n("div", {
-		ref: N,
+		ref: F,
 		className: [
-			q.wrapper,
-			_ ? q.errorState : "",
+			Y.wrapper,
+			_ ? Y.errorState : "",
 			b
 		].filter(Boolean).join(" "),
 		children: [
-			g && /* @__PURE__ */ t(ee, {
+			g && /* @__PURE__ */ t(E, {
 				required: x,
 				disabled: m,
-				htmlFor: V ? void 0 : D,
+				htmlFor: ee ? void 0 : O,
 				children: g
 			}),
 			/* @__PURE__ */ t("div", {
-				className: q.container,
-				children: V ? /* @__PURE__ */ t("div", {
-					id: D,
-					className: q.disabledText,
-					"aria-describedby": B,
-					children: L?.label ?? a
+				className: Y.container,
+				children: ee ? /* @__PURE__ */ t("div", {
+					id: O,
+					className: Y.disabledText,
+					"aria-describedby": H,
+					children: z?.label ?? a
 				}) : /* @__PURE__ */ n("button", {
-					ref: P,
-					id: D,
+					ref: I,
+					id: O,
 					type: "button",
 					name: S,
-					className: `${q.trigger} ${q[v]}`,
+					className: `${Y.trigger} ${Y[v]}`,
 					disabled: m,
 					"aria-haspopup": "listbox",
-					"aria-expanded": k,
-					"aria-controls": O,
-					"aria-describedby": B,
+					"aria-expanded": j,
+					"aria-controls": k,
+					"aria-describedby": H,
 					"aria-invalid": !!_,
-					onClick: () => A((e) => !e),
+					onClick: () => M((e) => !e),
 					onKeyDown: (t) => {
 						if (t.key === "ArrowDown" || t.key === "ArrowUp") {
-							t.preventDefault(), A(!0);
+							t.preventDefault(), M(!0);
 							let n = t.key === "ArrowDown" ? 1 : -1;
 							requestAnimationFrame(() => {
-								U(t.key === "ArrowDown" ? 0 : e.length - 1, n);
+								W(t.key === "ArrowDown" ? 0 : e.length - 1, n);
 							});
 						}
-						if (t.key === "Enter" && k) {
+						if (t.key === "Enter" && j) {
 							t.preventDefault();
 							let n = e.findIndex((e) => e.value === r);
-							U(n >= 0 ? n : 0, 1);
+							W(n >= 0 ? n : 0, 1);
 						}
 					},
 					children: [/* @__PURE__ */ t("span", {
-						className: `${L ? q.value : q.placeholder}
-                                    ${q[v]}`,
-						children: L?.label ?? a
+						className: `${z ? Y.value : Y.placeholder}
+                                    ${Y[v]}`,
+						children: z?.label ?? a
 					}), /* @__PURE__ */ t("span", {
-						className: [q.chevron, k ? q.chevronOpen : ""].filter(Boolean).join(" "),
+						className: [Y.chevron, j ? Y.chevronOpen : ""].filter(Boolean).join(" "),
 						"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"
-							})
+						children: /* @__PURE__ */ t(A, {
+							name: "IconChevron",
+							width: 20,
+							height: 20
 						})
 					})]
 				})
 			}),
-			k && p(te, document.body),
+			j && p(te, document.body),
 			y && !_ && /* @__PURE__ */ t("span", {
-				id: R,
-				className: q.message,
+				id: B,
+				className: Y.message,
 				children: y
 			}),
 			_ && /* @__PURE__ */ t("span", {
-				id: z,
-				className: q.error,
+				id: V,
+				className: Y.error,
 				children: _
 			})
 		]
 	});
-}, se = (e) => `${e.id}:${e.direction}`, ce = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
+}, le = (e) => `${e.id}:${e.direction}`, ue = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
 	let c = e.flatMap((e) => [{
-		value: se({
+		value: le({
 			id: e.id,
 			direction: "asc"
 		}),
 		label: e.ascLabel ?? `${e.label} · по возрастанию`,
 		disabled: e.disabled
 	}, {
-		value: se({
+		value: le({
 			id: e.id,
 			direction: "desc"
 		}),
 		label: e.descLabel ?? `${e.label} · по убыванию`,
 		disabled: e.disabled
 	}]);
-	return /* @__PURE__ */ t(oe, {
+	return /* @__PURE__ */ t(ce, {
 		options: c,
-		value: n ? se(n) : "",
+		value: n ? le(n) : "",
 		label: i,
 		placeholder: a,
 		disabled: o,
@@ -733,52 +898,29 @@ var T = {
 			});
 		}
 	});
-}, le = {
-	approve: "M4 12l5 5L20 6",
-	reject: "M5 5l14 14M19 5L5 19",
-	edit: "M4 20h4L19 9l-4-4L4 16v4z",
-	cross: "M5 5l14 14M19 5L5 19",
-	chevron: "M6 9l6 6 6-6",
-	basket: "M4 7h16l-1 13H5L4 7zm3 0V4h10v3",
-	info: "M12 10v7m0-10v.01",
-	warning: "M12 4L3 20h18L12 4zm0 5v5m0 3v.01"
-}, ue = ({ name: e, title: r, width: i = 24, height: a = 24, ...o }) => /* @__PURE__ */ n("svg", {
-	viewBox: "0 0 24 24",
-	width: i,
-	height: a,
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: "1.8",
-	strokeLinecap: "round",
-	strokeLinejoin: "round",
-	role: r ? "img" : void 0,
-	"aria-hidden": !r || void 0,
-	focusable: "false",
-	...o,
-	children: [r && /* @__PURE__ */ t("title", { children: r }), /* @__PURE__ */ t("path", { d: le[e] })]
-}), Y = {
-	root: "_root_l2civ_1",
-	tableWrap: "_tableWrap_l2civ_3",
-	table: "_table_l2civ_3",
-	sticky: "_sticky_l2civ_15",
-	sortButton: "_sortButton_l2civ_17",
-	state: "_state_l2civ_21",
-	cards: "_cards_l2civ_23",
-	mobileSort: "_mobileSort_l2civ_23",
-	card: "_card_l2civ_23",
-	spanTwo: "_spanTwo_l2civ_37",
-	clickableRow: "_clickableRow_l2civ_41",
-	pagination: "_pagination_l2civ_49",
-	paginationRange: "_paginationRange_l2civ_75",
-	paginationControls: "_paginationControls_l2civ_87",
-	pageNumbers: "_pageNumbers_l2civ_89",
-	pageButton: "_pageButton_l2civ_101",
-	ellipsis: "_ellipsis_l2civ_111",
-	previousIcon: "_previousIcon_l2civ_123",
-	nextIcon: "_nextIcon_l2civ_131",
-	default: "_default_l2civ_169",
-	tableOnMobile: "_tableOnMobile_l2civ_169",
-	wide: "_wide_l2civ_173"
+}, X = {
+	root: "_root_osyhx_1",
+	tableWrap: "_tableWrap_osyhx_3",
+	table: "_table_osyhx_3",
+	sticky: "_sticky_osyhx_15",
+	sortButton: "_sortButton_osyhx_17",
+	state: "_state_osyhx_21",
+	cards: "_cards_osyhx_23",
+	mobileSort: "_mobileSort_osyhx_23",
+	card: "_card_osyhx_23",
+	spanTwo: "_spanTwo_osyhx_37",
+	clickableRow: "_clickableRow_osyhx_39",
+	pagination: "_pagination_osyhx_43",
+	paginationRange: "_paginationRange_osyhx_56",
+	paginationControls: "_paginationControls_osyhx_62",
+	pageNumbers: "_pageNumbers_osyhx_63",
+	pageButton: "_pageButton_osyhx_69",
+	ellipsis: "_ellipsis_osyhx_74",
+	previousIcon: "_previousIcon_osyhx_80",
+	nextIcon: "_nextIcon_osyhx_84",
+	default: "_default_osyhx_104",
+	tableOnMobile: "_tableOnMobile_osyhx_104",
+	wide: "_wide_osyhx_108"
 }, de = g({
 	rowSortingFeature: h,
 	sortedRowModel: m()
@@ -859,138 +1001,139 @@ 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: 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);
+}, 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, j] = f(0), M = o ?? D, N = M.map((e) => `${e.id}:${e.desc ? "desc" : "asc"}`).join("|"), P = Number.isFinite(T) && T > 0 ? Math.floor(T) : 30, F = u(() => {
+		if (E === void 0) return e;
+		let t = new Set(E);
 		return e.filter((e) => t.has(e.id));
-	}, [e, ee]), P = u(() => N.length === 0 ? "Должна быть видима хотя бы одна колонка" : pe(N, r), [r, N]), F = u(() => N.map(xe), [N]), I = _({
+	}, [e, E]), I = u(() => F.length === 0 ? "Должна быть видима хотя бы одна колонка" : pe(F, r), [r, F]), L = u(() => F.map(xe), [F]), R = _({
 		features: de,
-		columns: F,
+		columns: L,
 		data: r,
-		state: { sorting: A },
+		state: { sorting: M },
 		onSortingChange: (e) => {
-			let t = typeof e == "function" ? e(A) : e;
-			o === void 0 && D(t), k(0), c?.(t);
+			let t = typeof e == "function" ? e(M) : e;
+			o === void 0 && O(t), j(0), c?.(t);
 		},
 		getRowId: d
-	}), 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,
+	}), z = R.getRowModel().rows, B = C ? Math.max(1, Math.ceil(z.length / P)) : 1, V = Math.min(k, B - 1), H = u(() => C ? z.slice(V * P, (V + 1) * P) : z, [
+		P,
 		C,
-		z,
-		L
-	]), V = u(() => N.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
+		V,
+		z
+	]), ee = u(() => F.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
 		id: e.id,
 		label: typeof e.header == "string" ? e.header : e.id
-	})), [N]), H = u(() => fe(z, R), [R, z]), U = [
-		Y.root,
-		a === "wide" ? Y.wide : Y.default,
-		i ? Y.tableOnMobile : "",
+	})), [F]), U = u(() => fe(V, B), [B, V]), W = [
+		X.root,
+		a === "wide" ? X.wide : X.default,
+		i ? X.tableOnMobile : "",
 		x
-	].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);
+	].filter(Boolean).join(" "), G = I ?? g, te = C && !h && !G && z.length > P, K = V * P + 1, q = Math.min((V + 1) * P, z.length);
 	return s(() => {
-		k(0);
+		j(0);
 	}, [
 		r,
-		M,
+		P,
 		C,
-		j
+		N
 	]), s(() => {
-		O >= R && k(R - 1);
-	}, [R, O]), /* @__PURE__ */ n("section", {
-		className: U,
+		k >= B && j(B - 1);
+	}, [B, k]), /* @__PURE__ */ n("section", {
+		className: W,
 		"aria-busy": h,
 		children: [
-			!i && !h && !W && B.length > 0 && V.length > 0 && /* @__PURE__ */ t(ce, {
-				className: Y.mobileSort,
-				options: V,
-				value: A[0] ? {
-					id: A[0].id,
-					direction: A[0].desc ? "desc" : "asc"
+			!i && !h && !G && H.length > 0 && ee.length > 0 && /* @__PURE__ */ t(ue, {
+				className: X.mobileSort,
+				options: ee,
+				value: M[0] ? {
+					id: M[0].id,
+					direction: M[0].desc ? "desc" : "asc"
 				} : null,
-				onChange: (e) => I.setSorting([{
+				onChange: (e) => R.setSorting([{
 					id: e.id,
 					desc: e.direction === "desc"
 				}])
 			}),
 			/* @__PURE__ */ t("div", {
-				className: Y.tableWrap,
+				className: X.tableWrap,
 				style: { maxHeight: b },
 				children: /* @__PURE__ */ n("table", {
-					className: Y.table,
+					className: X.table,
 					"aria-label": m,
 					children: [
 						p && /* @__PURE__ */ t("caption", { children: p }),
 						/* @__PURE__ */ t("thead", {
-							className: y ? Y.sticky : "",
-							children: I.getHeaderGroups().map((e) => /* @__PURE__ */ t("tr", { children: e.headers.map((e) => {
+							className: y ? X.sticky : "",
+							children: R.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",
 									"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
 									children: /* @__PURE__ */ n("button", {
 										type: "button",
-										className: Y.sortButton,
+										className: X.sortButton,
 										disabled: !i,
 										onClick: a,
-										children: [/* @__PURE__ */ t(I.FlexRender, { header: e }), /* @__PURE__ */ t("span", {
-											"aria-hidden": "true",
-											children: r === "asc" ? "↑" : r === "desc" ? "↓" : "↕"
+										children: [/* @__PURE__ */ t(R.FlexRender, { header: e }), /* @__PURE__ */ t(A, {
+											name: r === "asc" ? "IconSortAscending" : r === "desc" ? "IconSortDescending" : "IconSort",
+											width: 16,
+											height: 16
 										})]
 									})
 								}, e.id);
 							}) }, e.id))
 						}),
 						/* @__PURE__ */ t("tbody", { children: h ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
-							colSpan: N.length,
-							children: /* @__PURE__ */ t(K, { lines: 3 })
-						}) }) : W ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
-							className: Y.state,
-							colSpan: N.length,
-							children: W
-						}) }) : B.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
-							className: Y.state,
-							colSpan: N.length,
+							colSpan: F.length,
+							children: /* @__PURE__ */ t(ne, { lines: 3 })
+						}) }) : G ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
+							className: X.state,
+							colSpan: F.length,
+							children: G
+						}) }) : H.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
+							className: X.state,
+							colSpan: F.length,
 							children: v
-						}) }) : B.map((e) => /* @__PURE__ */ t("tr", {
-							className: S ? Y.clickableRow : void 0,
+						}) }) : H.map((e) => /* @__PURE__ */ t("tr", {
+							className: S ? X.clickableRow : void 0,
 							onClick: () => S?.(e.original),
 							onKeyDown: (t) => {
 								(t.key === "Enter" || t.key === " ") && (t.preventDefault(), S?.(e.original));
 							},
 							tabIndex: S ? 0 : void 0,
 							role: S ? "button" : void 0,
-							children: e.getAllCells().map((e) => /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(I.FlexRender, { cell: e }) }, e.id))
+							children: e.getAllCells().map((e) => /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(R.FlexRender, { cell: e }) }, e.id))
 						}, e.id)) })
 					]
 				})
 			}),
 			!i && /* @__PURE__ */ t("div", {
-				className: Y.cards,
+				className: X.cards,
 				role: "list",
 				"aria-label": m ?? p,
-				children: h ? /* @__PURE__ */ t(K, { lines: 4 }) : W ? /* @__PURE__ */ t("div", {
-					className: Y.state,
-					children: W
-				}) : B.length === 0 ? /* @__PURE__ */ t("div", {
-					className: Y.state,
+				children: h ? /* @__PURE__ */ t(ne, { lines: 4 }) : G ? /* @__PURE__ */ t("div", {
+					className: X.state,
+					children: G
+				}) : H.length === 0 ? /* @__PURE__ */ t("div", {
+					className: X.state,
 					children: v
-				}) : B.map((e) => {
+				}) : H.map((e) => {
 					if (l) return /* @__PURE__ */ t("div", {
 						role: "listitem",
 						children: l({
 							row: e.original,
-							columns: N
+							columns: F
 						})
 					}, e.id);
-					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) ?? "");
+					let r = F.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,
+						className: X.card,
 						children: [
 							/* @__PURE__ */ t("h3", { children: i ? o(i) : `Строка ${e.index + 1}` }),
 							/* @__PURE__ */ t("dl", { children: r.filter((e) => e !== i && e.mobile?.mobileVariant !== "actions").map((e) => /* @__PURE__ */ n("div", {
-								className: e.mobile?.mobileSpan === 2 ? Y.spanTwo : "",
+								className: e.mobile?.mobileSpan === 2 ? X.spanTwo : "",
 								children: [/* @__PURE__ */ t("dt", { children: e.mobile?.mobileLabel ?? e.header }), /* @__PURE__ */ t("dd", { children: o(e) })]
 							}, e.id)) }),
 							r.filter((e) => e.mobile?.mobileVariant === "actions").map((e) => /* @__PURE__ */ t("footer", { children: o(e) }, e.id))
@@ -999,53 +1142,53 @@ var T = {
 				})
 			}),
 			te && /* @__PURE__ */ n("nav", {
-				className: Y.pagination,
+				className: X.pagination,
 				"aria-label": "Пагинация таблицы",
 				children: [/* @__PURE__ */ n("span", {
-					className: Y.paginationRange,
+					className: X.paginationRange,
 					"aria-live": "polite",
 					children: [
-						G,
+						K,
 						"–",
 						q,
 						" из ",
-						L.length
+						z.length
 					]
 				}), /* @__PURE__ */ n("div", {
-					className: Y.paginationControls,
+					className: X.paginationControls,
 					children: [
 						/* @__PURE__ */ n(w, {
 							variant: "empty",
 							size: "md",
-							disabled: z === 0,
+							disabled: V === 0,
 							"aria-label": "Предыдущая страница",
 							onClick: () => {
-								k((e) => Math.max(0, e - 1));
+								j((e) => Math.max(0, e - 1));
 							},
-							children: [/* @__PURE__ */ t(ue, {
-								name: "chevron",
+							children: [/* @__PURE__ */ t(A, {
+								name: "IconChevron",
 								width: 18,
 								height: 18,
-								className: Y.previousIcon
+								className: X.previousIcon
 							}), /* @__PURE__ */ t("span", {
-								className: Y.paginationButtonLabel,
+								className: X.paginationButtonLabel,
 								children: "Назад"
 							})]
 						}),
 						/* @__PURE__ */ t("div", {
-							className: Y.pageNumbers,
-							children: H.map((e) => typeof e == "number" ? /* @__PURE__ */ t(w, {
-								variant: e === z ? "secondary" : "empty",
+							className: X.pageNumbers,
+							children: U.map((e) => typeof e == "number" ? /* @__PURE__ */ t(w, {
+								variant: e === V ? "secondary" : "empty",
 								size: "md",
-								className: Y.pageButton,
+								className: X.pageButton,
 								"aria-label": `Перейти на страницу ${e + 1}`,
-								"aria-current": e === z ? "page" : void 0,
+								"aria-current": e === V ? "page" : void 0,
 								onClick: () => {
-									k(e);
+									j(e);
 								},
 								children: e + 1
 							}, e) : /* @__PURE__ */ t("span", {
-								className: Y.ellipsis,
+								className: X.ellipsis,
 								"aria-hidden": "true",
 								children: "…"
 							}, e))
@@ -1053,19 +1196,19 @@ var T = {
 						/* @__PURE__ */ n(w, {
 							variant: "empty",
 							size: "md",
-							disabled: z === R - 1,
+							disabled: V === B - 1,
 							"aria-label": "Следующая страница",
 							onClick: () => {
-								k((e) => Math.min(R - 1, e + 1));
+								j((e) => Math.min(B - 1, e + 1));
 							},
 							children: [/* @__PURE__ */ t("span", {
-								className: Y.paginationButtonLabel,
+								className: X.paginationButtonLabel,
 								children: "Вперёд"
-							}), /* @__PURE__ */ t(ue, {
-								name: "chevron",
+							}), /* @__PURE__ */ t(A, {
+								name: "IconChevron",
 								width: 18,
 								height: 18,
-								className: Y.nextIcon
+								className: X.nextIcon
 							})]
 						})
 					]
@@ -1080,62 +1223,62 @@ var T = {
 		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;
+}, 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: D }) => {
+	let O = c(), k = C ?? `ds-dropdown-multiple-${S ?? O}`, j = `${k}-listbox`, [M, N] = f(!1), [P, F] = f(null), I = d(null), L = d(null), R = d(null), z = d([]), B = u(() => e.filter((e) => r.includes(e.value)), [e, r]).map((e) => e.label).join(", "), V = b ? `${k}-hint` : void 0, H = _ ? `${k}-error` : void 0, ee = [V, H].filter(Boolean).join(" ") || void 0, U = m && h, W = o(() => {
+		let e = L.current, t = R.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({
+		F({
 			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))
+			maxHeight: Math.min(s, Ee(D))
 		});
-	}, [E]);
+	}, [D]);
 	l(() => {
-		if (!A) {
-			N(null);
+		if (!M) {
+			F(null);
 			return;
 		}
-		return U(), window.addEventListener("resize", U), window.addEventListener("scroll", U, !0), () => {
-			window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0);
+		return W(), window.addEventListener("resize", W), window.addEventListener("scroll", W, !0), () => {
+			window.removeEventListener("resize", W), window.removeEventListener("scroll", W, !0);
 		};
 	}, [
-		A,
+		M,
 		e.length,
-		U
+		W
 	]), s(() => {
-		if (!A) return;
+		if (!M) return;
 		let e = (e) => {
 			let t = e.target;
-			!P.current?.contains(t) && !I.current?.contains(t) && j(!1);
+			!I.current?.contains(t) && !R.current?.contains(t) && N(!1);
 		}, t = (e) => {
-			e.key === "Escape" && (j(!1), F.current?.focus());
+			e.key === "Escape" && (N(!1), L.current?.focus());
 		};
 		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		};
-	}, [A]);
-	let W = (t, n) => {
-		let r = ie(e, t, n);
-		r !== -1 && (L.current[r]?.focus(), L.current[r]?.scrollIntoView({ block: "nearest" }));
+	}, [M]);
+	let G = (t, n) => {
+		let r = oe(e, t, n);
+		r !== -1 && (z.current[r]?.focus(), z.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))), w && (j(!1), F.current?.focus());
-	}, G = A ? /* @__PURE__ */ t("ul", {
-		ref: I,
-		id: k,
-		className: q.menu,
+		i?.(n, e.filter((e) => n.includes(e.value))), w && (N(!1), L.current?.focus());
+	}, K = M ? /* @__PURE__ */ t("ul", {
+		ref: R,
+		id: j,
+		className: Y.menu,
 		role: "listbox",
 		"aria-label": g,
 		"aria-multiselectable": "true",
-		style: M ? {
+		style: P ? {
 			position: "fixed",
-			top: M.top,
-			left: M.left,
-			width: M.width,
-			maxHeight: M.maxHeight
+			top: P.top,
+			left: P.left,
+			width: P.width,
+			maxHeight: P.maxHeight
 		} : {
 			position: "fixed",
 			top: 0,
@@ -1149,156 +1292,151 @@ var T = {
 				role: "presentation",
 				children: /* @__PURE__ */ n("button", {
 					ref: (e) => {
-						L.current[a] = e;
+						z.current[a] = e;
 					},
 					type: "button",
 					role: "option",
 					"aria-selected": o,
 					disabled: i.disabled,
 					className: [
-						q[v],
-						q.option,
-						o ? q.selected : ""
+						Y[v],
+						Y.option,
+						o ? Y.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);
+							G(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);
+							G(t.key === "Home" ? 0 : e.length - 1, n);
 						}
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), te(i)), t.key === "Tab" && j(!1);
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), te(i)), t.key === "Tab" && N(!1);
 					},
-					children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t("span", {
-						"aria-hidden": "true",
-						children: "✓"
+					children: [/* @__PURE__ */ t("span", { children: i.label }), o && T && /* @__PURE__ */ t(A, {
+						name: "IconCheck",
+						width: 16,
+						height: 16
 					})]
 				})
 			}, i.value);
 		})
 	}) : null;
 	return /* @__PURE__ */ n("div", {
-		ref: P,
+		ref: I,
 		className: [
-			q.wrapper,
-			_ ? q.errorState : "",
+			Y.wrapper,
+			_ ? Y.errorState : "",
 			x
 		].filter(Boolean).join(" "),
 		children: [
-			g && /* @__PURE__ */ t(ee, {
-				htmlFor: H ? void 0 : O,
+			g && /* @__PURE__ */ t(E, {
+				htmlFor: U ? void 0 : k,
 				required: y,
 				disabled: m,
 				children: g
 			}),
 			/* @__PURE__ */ t("div", {
-				className: q.container,
-				children: H ? /* @__PURE__ */ t("div", {
-					id: O,
-					className: `${q.disabledText} ${q[v]}`,
-					"aria-describedby": V,
-					children: R || a
+				className: Y.container,
+				children: U ? /* @__PURE__ */ t("div", {
+					id: k,
+					className: `${Y.disabledText} ${Y[v]}`,
+					"aria-describedby": ee,
+					children: B || a
 				}) : /* @__PURE__ */ n("button", {
-					ref: F,
-					id: O,
+					ref: L,
+					id: k,
 					type: "button",
 					name: S,
-					className: `${q.trigger} ${q[v]}`,
+					className: `${Y.trigger} ${Y[v]}`,
 					disabled: m,
 					"aria-haspopup": "listbox",
-					"aria-expanded": A,
-					"aria-controls": k,
-					"aria-describedby": V,
+					"aria-expanded": M,
+					"aria-controls": j,
+					"aria-describedby": ee,
 					"aria-invalid": !!_,
-					onClick: () => j((e) => !e),
+					onClick: () => N((e) => !e),
 					onKeyDown: (t) => {
 						if (t.key === "ArrowDown" || t.key === "ArrowUp") {
-							t.preventDefault(), j(!0);
+							t.preventDefault(), N(!0);
 							let n = t.key === "ArrowDown" ? 1 : -1;
-							requestAnimationFrame(() => W(t.key === "ArrowDown" ? 0 : e.length - 1, n));
+							requestAnimationFrame(() => G(t.key === "ArrowDown" ? 0 : e.length - 1, n));
 						}
 					},
 					children: [/* @__PURE__ */ t("span", {
-						className: `${R ? q.value : q.placeholder} ${q[v]}`,
-						children: R || a
+						className: `${B ? Y.value : Y.placeholder} ${Y[v]}`,
+						children: B || a
 					}), /* @__PURE__ */ t("span", {
-						className: [q.chevron, A ? q.chevronOpen : ""].filter(Boolean).join(" "),
+						className: [Y.chevron, M ? Y.chevronOpen : ""].filter(Boolean).join(" "),
 						"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"
-							})
+						children: /* @__PURE__ */ t(A, {
+							name: "IconChevron",
+							width: 20,
+							height: 20
 						})
 					})]
 				})
 			}),
-			A && p(G, document.body),
+			M && p(K, document.body),
 			b && !_ && /* @__PURE__ */ t("span", {
-				id: z,
-				className: q.message,
+				id: V,
+				className: Y.message,
 				children: b
 			}),
 			_ && /* @__PURE__ */ t("span", {
-				id: B,
-				className: q.error,
+				id: H,
+				className: Y.error,
 				children: _
 			})
 		]
 	});
 }, Oe = {
-	wrapper: "_wrapper_kz2dd_1",
-	control: "_control_kz2dd_3",
-	input: "_input_kz2dd_5",
-	disabledText: "_disabledText_kz2dd_5",
-	sm: "_sm_kz2dd_41",
-	md: "_md_kz2dd_53",
-	lg: "_lg_kz2dd_65",
-	inputError: "_inputError_kz2dd_77",
-	trailingAction: "_trailingAction_kz2dd_79"
-}, 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;
+	wrapper: "_wrapper_yuep3_1",
+	control: "_control_yuep3_3",
+	input: "_input_yuep3_7",
+	disabledText: "_disabledText_yuep3_7",
+	sm: "_sm_yuep3_45",
+	md: "_md_yuep3_57",
+	lg: "_lg_yuep3_69",
+	inputError: "_inputError_yuep3_81",
+	trailingAction: "_trailingAction_yuep3_83"
+}, 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: O, ...k }) => {
+	let j = c(), M = v ?? `ds-input-${_ ?? j}`, N = d(null), [P, F] = f(!1), I = h ? `${M}-hint` : void 0, L = m ? `${M}-error` : void 0, R = String(e ?? ""), z = [I, L].filter(Boolean).join(" ") || void 0, B = C ? P ? "text" : "password" : i;
 	return s(() => {
-		C || N(!1);
+		C || F(!1);
 	}, [C]), /* @__PURE__ */ n("div", {
 		className: `${Oe.wrapper} ${g}`,
 		children: [
-			p && /* @__PURE__ */ t(ee, {
-				htmlFor: A,
+			p && /* @__PURE__ */ t(E, {
+				htmlFor: M,
 				required: x,
 				disabled: o,
 				children: p
 			}),
 			o && u ? /* @__PURE__ */ t("div", {
-				id: A,
+				id: M,
 				className: Oe.disabledText,
-				"aria-describedby": L,
-				children: I || a
+				"aria-describedby": z,
+				children: R || a
 			}) : /* @__PURE__ */ n("div", {
 				className: Oe.control,
 				children: [
 					/* @__PURE__ */ t("input", {
-						ref: j,
-						id: A,
+						ref: N,
+						id: M,
 						name: _,
-						type: R,
-						value: I,
+						type: B,
+						value: R,
 						placeholder: a,
 						disabled: o,
 						readOnly: l,
 						required: x,
 						"aria-invalid": !!m,
-						"aria-describedby": L,
+						"aria-describedby": z,
 						className: `${Oe.input} ${Oe[y]} ${m ? Oe.inputError : ""}`,
 						onChange: (e) => {
 							if (i === "number" && !C) {
@@ -1309,49 +1447,45 @@ var T = {
 							r?.(e.target.value, e);
 						},
 						onFocus: (e) => {
-							S && e.currentTarget.value && e.currentTarget.select(), D?.(e);
+							S && e.currentTarget.value && e.currentTarget.select(), O?.(e);
 						},
-						...O
+						...k
 					}),
 					C && /* @__PURE__ */ t("button", {
 						type: "button",
 						className: Oe.trailingAction,
 						disabled: o,
-						"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" })
-						}) : /* @__PURE__ */ n("svg", {
-							viewBox: "0 0 24 24",
-							"aria-hidden": "true",
-							children: [/* @__PURE__ */ t("path", { d: "M3 12s3.5-5 9-5 9 5 9 5-3.5 5-9 5-9-5-9-5Z" }), /* @__PURE__ */ t("circle", {
-								cx: "12",
-								cy: "12",
-								r: "2.5"
-							})]
+						"aria-label": P ? w : T,
+						"aria-pressed": P,
+						onClick: () => F((e) => !e),
+						children: /* @__PURE__ */ t(A, {
+							name: P ? "IconEyeOff" : "IconEye",
+							width: 20,
+							height: 20
 						})
 					}),
-					!C && b && I && !o && !l && /* @__PURE__ */ t("button", {
+					!C && b && R && !o && !l && /* @__PURE__ */ t("button", {
 						type: "button",
 						className: Oe.trailingAction,
 						"aria-label": "Очистить поле",
 						onClick: () => {
-							let e = j.current;
+							let e = N.current;
 							e && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
 						},
-						children: "×"
+						children: /* @__PURE__ */ t(A, {
+							name: "IconCross",
+							width: 20,
+							height: 20
+						})
 					})
 				]
 			}),
-			h && !m && /* @__PURE__ */ t(E, {
-				id: P,
+			h && !m && /* @__PURE__ */ t(D, {
+				id: I,
 				children: h
 			}),
-			m && /* @__PURE__ */ t(E, {
-				id: F,
+			m && /* @__PURE__ */ t(D, {
+				id: L,
 				variant: "error",
 				children: m
 			})
@@ -1367,40 +1501,40 @@ var T = {
 		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"
+}, Z = {
+	wrapper: "_wrapper_bwlwb_1",
+	control: "_control_bwlwb_3",
+	inputHost: "_inputHost_bwlwb_5",
+	sm: "_sm_bwlwb_13",
+	md: "_md_bwlwb_18",
+	lg: "_lg_bwlwb_22",
+	errorState: "_errorState_bwlwb_29",
+	disabledText: "_disabledText_bwlwb_33",
+	chevron: "_chevron_bwlwb_53",
+	chevronOpen: "_chevronOpen_bwlwb_65",
+	menu: "_menu_bwlwb_67",
+	option: "_option_bwlwb_81",
+	empty: "_empty_bwlwb_81",
+	selected: "_selected_bwlwb_103",
+	active: "_active_bwlwb_103",
+	visuallyHidden: "_visuallyHidden_bwlwb_109"
 }, 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" }));
+}, 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: O = !0 }) => {
+	let k = c(), j = T ?? `ds-search-dropdown-${w ?? k}`, M = `${j}-listbox`, N = `${j}-status`, P = b ? `${j}-hint` : void 0, F = y ? `${j}-error` : void 0, I = [
+		N,
+		P,
+		F
+	].filter(Boolean).join(" "), L = d(null), R = d(null), z = d([]), [B, V] = f(!1), [H, ee] = f(""), [U, W] = f(-1), [G, te] = f(null), K = u(() => e.find((e) => e.value === r), [e, r]), q = u(() => Ae(e, H), [e, H]), J = h && _, ne = U >= 0 ? q[U] : void 0;
+	s(() => ee(K?.label ?? ""), [K?.label, r]);
+	let Y = o(() => L.current?.querySelector("input") ?? null, []), re = o((e, t) => je(q, e, t), [q]), ie = o((e) => {
+		W(e), !(e < 0) && requestAnimationFrame(() => z.current[e]?.scrollIntoView({ block: "nearest" }));
 	}, []), ae = o(() => {
-		let e = ne();
+		let e = Y();
 		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;
+		let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(q.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,
@@ -1408,59 +1542,59 @@ var T = {
 			maxHeight: s
 		});
 	}, [
-		K.length,
-		ne,
+		q.length,
+		Y,
 		x
 	]);
 	l(() => {
-		if (!R) {
+		if (!B) {
 			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;
+	}, [B, ae]), s(() => {
+		if (!B) return;
 		let e = (e) => {
 			let t = e.target;
-			!F.current?.contains(t) && !I.current?.contains(t) && (z(!1), U(-1));
+			!L.current?.contains(t) && !R.current?.contains(t) && (V(!1), W(-1));
 		};
 		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
-	}, [R]);
+	}, [B]);
 	let oe = () => {
-		h || g || (z(!0), U(re(0, 1)));
+		h || g || (V(!0), W(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,
+		e.disabled || (ee(e.label), V(!1), W(-1), i?.(e.value, e), Y()?.focus());
+	}, ce = B ? /* @__PURE__ */ t("ul", {
+		ref: R,
+		id: M,
+		className: Z.menu,
 		role: "listbox",
 		"aria-label": v,
-		style: W ? {
-			top: W.top,
-			left: W.left,
-			width: W.width,
-			maxHeight: W.maxHeight
+		style: G ? {
+			top: G.top,
+			left: G.left,
+			width: G.width,
+			maxHeight: G.maxHeight
 		} : {
 			top: 0,
 			left: 0,
 			visibility: "hidden",
 			maxHeight: 0
 		},
-		children: K.length === 0 ? /* @__PURE__ */ t("li", {
-			className: `${X.empty} ${X[x]}`,
+		children: q.length === 0 ? /* @__PURE__ */ t("li", {
+			className: `${Z.empty} ${Z[x]}`,
 			children: m
-		}) : K.map((e, i) => {
-			let a = e.value === r, o = i === H;
+		}) : q.map((e, i) => {
+			let a = e.value === r, o = i === U;
 			return /* @__PURE__ */ t("li", {
 				role: "presentation",
 				children: /* @__PURE__ */ n("button", {
 					ref: (e) => {
-						L.current[i] = e;
+						z.current[i] = e;
 					},
-					id: `${k}-option-${i}`,
+					id: `${j}-option-${i}`,
 					type: "button",
 					role: "option",
 					tabIndex: -1,
@@ -1468,46 +1602,47 @@ var T = {
 					"aria-disabled": e.disabled,
 					"aria-selected": a,
 					className: [
-						X.option,
-						X[x],
-						a ? X.selected : "",
-						o ? X.active : ""
+						Z.option,
+						Z[x],
+						a ? Z.selected : "",
+						o ? Z.active : ""
 					].filter(Boolean).join(" "),
 					onPointerMove: () => {
-						e.disabled || U(i);
+						e.disabled || W(i);
 					},
 					onClick: () => se(e),
-					children: [/* @__PURE__ */ t("span", { children: e.label }), a && D && /* @__PURE__ */ t("span", {
-						"aria-hidden": "true",
-						children: "✓"
+					children: [/* @__PURE__ */ t("span", { children: e.label }), a && O && /* @__PURE__ */ t(A, {
+						name: "IconCheck",
+						width: 16,
+						height: 16
 					})]
 				})
 			}, e.value);
 		})
 	}) : null;
 	return /* @__PURE__ */ n("div", {
-		ref: F,
+		ref: L,
 		className: [
-			X.wrapper,
-			y ? X.errorState : "",
+			Z.wrapper,
+			y ? Z.errorState : "",
 			C
 		].filter(Boolean).join(" "),
 		children: [
-			v && /* @__PURE__ */ t(ee, {
-				htmlFor: q ? void 0 : k,
+			v && /* @__PURE__ */ t(E, {
+				htmlFor: J ? void 0 : j,
 				required: S,
 				disabled: h,
 				children: v
 			}),
-			q ? /* @__PURE__ */ t("div", {
-				className: `${X.disabledText} ${X[x]}`,
-				children: G?.label ?? a
+			J ? /* @__PURE__ */ t("div", {
+				className: `${Z.disabledText} ${Z[x]}`,
+				children: K?.label ?? a
 			}) : /* @__PURE__ */ n("div", {
-				className: X.control,
+				className: Z.control,
 				children: [/* @__PURE__ */ t(ke, {
-					id: k,
+					id: j,
 					name: w,
-					value: B,
+					value: H,
 					placeholder: a,
 					disabled: h,
 					readOnly: g,
@@ -1515,74 +1650,68 @@ var T = {
 					size: x,
 					clearable: !1,
 					autoComplete: "off",
-					className: `${X.inputHost} ${X[x]}`,
+					className: `${Z.inputHost} ${Z[x]}`,
 					onFocus: oe,
 					onChange: (t) => {
 						let n = String(t), r = Ae(e, n);
-						V(n), z(!0), U(je(r, 0, 1));
+						ee(n), V(!0), W(je(r, 0, 1));
 					},
 					role: "combobox",
 					"aria-autocomplete": "list",
-					"aria-expanded": R,
-					"aria-controls": A,
-					"aria-activedescendant": J ? `${k}-option-${H}` : void 0,
+					"aria-expanded": B,
+					"aria-controls": M,
+					"aria-activedescendant": ne ? `${j}-option-${U}` : void 0,
 					"aria-invalid": !!y,
-					"aria-describedby": P,
+					"aria-describedby": I,
 					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));
+								let t = e.key === "ArrowDown" ? 1 : -1, n = U >= 0 ? U + t : t === 1 ? 0 : q.length - 1;
+								V(!0), ie(re(n, t));
 							} else if (e.key === "Home" || e.key === "End") {
-								if (!R) return;
+								if (!B) 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));
+								ie(re(e.key === "Home" ? 0 : q.length - 1, t));
+							} else e.key === "Enter" && B && ne ? (e.preventDefault(), se(ne)) : e.key === "Escape" && B ? (e.preventDefault(), V(!1), W(-1)) : e.key === "Tab" && (V(!1), W(-1));
 						}
 					}
 				}), /* @__PURE__ */ t("span", {
-					className: `${X.chevron} ${R ? X.chevronOpen : ""}`,
+					className: `${Z.chevron} ${B ? Z.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"
-						})
+					children: /* @__PURE__ */ t(A, {
+						name: "IconChevron",
+						width: 20,
+						height: 20
 					})
 				})]
 			}),
-			R && typeof document < "u" && p(ce, document.body),
+			B && typeof document < "u" && p(ce, document.body),
 			/* @__PURE__ */ n("span", {
-				id: j,
-				className: X.visuallyHidden,
+				id: N,
+				className: Z.visuallyHidden,
 				"aria-live": "polite",
-				children: ["Найдено вариантов: ", K.length]
+				children: ["Найдено вариантов: ", q.length]
 			}),
-			b && !y && /* @__PURE__ */ t(E, {
-				id: M,
+			b && !y && /* @__PURE__ */ t(D, {
+				id: P,
 				children: b
 			}),
-			y && /* @__PURE__ */ t(E, {
-				id: N,
+			y && /* @__PURE__ */ t(D, {
+				id: F,
 				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"
+	root: "_root_1gjqg_1",
+	header: "_header_1gjqg_21",
+	title: "_title_1gjqg_41",
+	dismiss: "_dismiss_1gjqg_55",
+	content: "_content_1gjqg_65"
 }, 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", {
@@ -1594,21 +1723,15 @@ var T = {
 				id: u,
 				className: Le.title,
 				children: e
-			}), i && /* @__PURE__ */ t("button", {
-				type: "button",
+			}), i && /* @__PURE__ */ t(w, {
 				className: Le.dismiss,
+				variant: "empty",
 				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"
-					})
+				children: /* @__PURE__ */ t(A, {
+					name: "IconCross",
+					width: 20,
+					height: 20
 				})
 			})]
 		}), /* @__PURE__ */ t("div", {
@@ -1655,9 +1778,9 @@ var T = {
 		]
 	});
 }, Ve = {
-	root: "_root_kepgo_1",
-	grid: "_grid_kepgo_3",
-	actions: "_actions_kepgo_5"
+	root: "_root_13nj5_1",
+	grid: "_grid_13nj5_3",
+	actions: "_actions_13nj5_5"
 }, 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 = {
@@ -1693,7 +1816,8 @@ var T = {
 						onChange: (t) => d(e.id, t)
 					}, e.id);
 				}
-				if (e.type === "dropdown") return /* @__PURE__ */ t(oe, {
+				if (e.type === "dropdown") return /* @__PURE__ */ t(ce, {
+					size: "lg",
 					label: e.label,
 					hint: e.hint,
 					placeholder: e.placeholder,
@@ -1703,6 +1827,7 @@ var T = {
 					onChange: (t) => d(e.id, t)
 				}, e.id);
 				if (e.type === "multiple") return /* @__PURE__ */ t(De, {
+					size: "lg",
 					label: e.label,
 					hint: e.hint,
 					placeholder: e.placeholder,
@@ -1711,7 +1836,7 @@ var T = {
 					disabled: n,
 					onChange: (t) => d(e.id, t)
 				}, e.id);
-				if (e.type === "checkbox") return /* @__PURE__ */ t(O, {
+				if (e.type === "checkbox") return /* @__PURE__ */ t(M, {
 					label: e.label,
 					hint: e.hint,
 					checked: !!i,
@@ -1728,7 +1853,7 @@ var T = {
 					from: null,
 					to: null
 				};
-				return /* @__PURE__ */ t(te, {
+				return /* @__PURE__ */ t(q, {
 					hint: e.hint,
 					mode: e.mode,
 					min: e.min,
@@ -1753,7 +1878,7 @@ var T = {
 			})]
 		})]
 	});
-}, Z = {
+}, Ue = {
 	wrapper: "_wrapper_8w6xl_1",
 	dropzone: "_dropzone_8w6xl_3",
 	dragActive: "_dragActive_8w6xl_5",
@@ -1766,125 +1891,265 @@ var T = {
 	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({
+}, We = (e) => `${e.name}:${e.size}:${e.lastModified}`, Ge = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, Ke = (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), qe = ({ 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}`, j = d(null), M = d(0), [N, P] = f(!1), F = p ? `${k}-hint` : void 0, I = m ? `${k}-error` : void 0, L = [F, I].filter(Boolean).join(" ") || void 0, R = !g && !_, z = (e) => {
+		let t = [], n = new Set(r.map(We)), c = e.filter((e) => Ke(e, o) ? s !== void 0 && e.size > s ? (t.push({
 			file: e,
 			reason: "maxSize"
-		}), !1) : !n.has(Ue(e)) && (n.add(Ue(e)), !0) : (t.push({
+		}), !1) : !n.has(We(e)) && (n.add(We(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), k.current && (k.current.value = "");
+		})), d = d.slice(0, u)), t.length && T?.(t), c.length && i?.(d), j.current && (j.current.value = "");
 	};
 	return /* @__PURE__ */ n("div", {
-		className: `${Z.wrapper} ${b}`,
+		className: `${Ue.wrapper} ${b}`,
 		children: [
-			u && /* @__PURE__ */ t(ee, {
-				htmlFor: O,
+			u && /* @__PURE__ */ t(E, {
+				htmlFor: k,
 				required: h,
 				disabled: g,
 				children: u
 			}),
 			/* @__PURE__ */ n("div", {
-				className: `${Z.dropzone} ${j ? Z.dragActive : ""} ${g ? Z.disabled : ""} ${m ? Z.error : ""}`,
+				className: `${Ue.dropzone} ${N ? Ue.dragActive : ""} ${g ? Ue.disabled : ""} ${m ? Ue.error : ""}`,
 				onDragEnter: (e) => {
-					e.preventDefault(), I && ++A.current === 1 && M(!0);
+					e.preventDefault(), R && ++M.current === 1 && P(!0);
 				},
 				onDragOver: (e) => e.preventDefault(),
 				onDragLeave: (e) => {
-					e.preventDefault(), --A.current <= 0 && (A.current = 0, M(!1));
+					e.preventDefault(), --M.current <= 0 && (M.current = 0, P(!1));
 				},
 				onDrop: (e) => {
-					e.preventDefault(), A.current = 0, M(!1), I && L(Array.from(e.dataTransfer.files));
+					e.preventDefault(), M.current = 0, P(!1), R && z(Array.from(e.dataTransfer.files));
 				},
 				children: [/* @__PURE__ */ t("input", {
-					ref: k,
-					id: O,
+					ref: j,
+					id: k,
 					name: v,
-					className: Z.nativeInput,
+					className: Ue.nativeInput,
 					type: "file",
 					multiple: a,
 					accept: o,
 					required: h && r.length === 0,
-					disabled: !I,
-					"aria-describedby": F,
+					disabled: !R,
+					"aria-describedby": L,
 					"aria-invalid": !!m,
-					onChange: (e) => L(Array.from(e.target.files ?? []))
+					onChange: (e) => z(Array.from(e.target.files ?? []))
 				}), r.length ? /* @__PURE__ */ n(e, { children: [
 					/* @__PURE__ */ t("ul", {
-						className: Z.files,
+						className: Ue.files,
 						"aria-live": "polite",
 						children: r.map((e, a) => /* @__PURE__ */ n("li", {
-							className: Z.file,
+							className: Ue.file,
 							children: [
 								/* @__PURE__ */ t("span", {
-									className: Z.fileName,
+									className: Ue.fileName,
 									title: e.name,
 									children: e.name
 								}),
 								/* @__PURE__ */ t("span", {
-									className: Z.fileSize,
-									children: We(e.size)
+									className: Ue.fileSize,
+									children: Ge(e.size)
 								}),
-								I && /* @__PURE__ */ t(w, {
+								R && /* @__PURE__ */ t(w, {
 									variant: "empty",
 									size: "sm",
 									"aria-label": `Удалить файл ${e.name}`,
 									onClick: () => i?.(r.filter((e, t) => t !== a)),
-									children: "×"
+									children: /* @__PURE__ */ t(A, {
+										name: "IconCross",
+										width: 16,
+										height: 16
+									})
 								})
 							]
-						}, Ue(e)))
+						}, We(e)))
 					}),
-					I && (a || r.length === 0) && /* @__PURE__ */ t(w, {
-						className: Z.browseButton,
+					R && (a || r.length === 0) && /* @__PURE__ */ t(w, {
+						className: Ue.browseButton,
 						size: "sm",
-						onClick: () => k.current?.click(),
+						onClick: () => j.current?.click(),
 						children: C
 					}),
-					I && !a && /* @__PURE__ */ t(w, {
-						className: Z.browseButton,
+					R && !a && /* @__PURE__ */ t(w, {
+						className: Ue.browseButton,
 						size: "sm",
-						onClick: () => k.current?.click(),
+						onClick: () => j.current?.click(),
 						children: S
 					})
 				] }) : /* @__PURE__ */ n("div", {
-					className: Z.empty,
+					className: Ue.empty,
 					children: [
 						/* @__PURE__ */ t("span", {
-							className: Z.uploadIcon,
+							className: Ue.uploadIcon,
 							"aria-hidden": "true",
-							children: "↑"
+							children: /* @__PURE__ */ t(A, {
+								name: "IconUpload",
+								width: 24,
+								height: 24
+							})
 						}),
-						/* @__PURE__ */ t("strong", { children: j ? "Отпустите файлы здесь" : x }),
-						!j && I && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(w, {
-							onClick: () => k.current?.click(),
+						/* @__PURE__ */ t("strong", { children: N ? "Отпустите файлы здесь" : x }),
+						!N && R && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(w, {
+							onClick: () => j.current?.click(),
 							children: S
 						})] })
 					]
 				})]
 			}),
-			p && !m && /* @__PURE__ */ t(E, {
-				id: N,
+			p && !m && /* @__PURE__ */ t(D, {
+				id: F,
 				children: p
 			}),
-			m && /* @__PURE__ */ t(E, {
-				id: P,
+			m && /* @__PURE__ */ t(D, {
+				id: I,
 				variant: "error",
 				live: !0,
 				children: m
 			})
 		]
 	});
-}, qe = 0, Q = v((e) => ({
+}, Je = {
+	wrapper: "_wrapper_8osw8_1",
+	control: "_control_8osw8_8",
+	textarea: "_textarea_8osw8_13",
+	disabledText: "_disabledText_8osw8_14",
+	sm: "_sm_8osw8_52",
+	md: "_md_8osw8_59",
+	lg: "_lg_8osw8_66",
+	autoResize: "_autoResize_8osw8_73",
+	manualResize: "_manualResize_8osw8_78",
+	textareaError: "_textareaError_8osw8_82",
+	clearAction: "_clearAction_8osw8_86",
+	messages: "_messages_8osw8_126",
+	counter: "_counter_8osw8_133"
+}, Ye = 2;
+function Xe(e) {
+	let t = window.getComputedStyle(e), n = Number.parseFloat(t.lineHeight);
+	return Number.isFinite(n) ? n : Number.parseFloat(t.fontSize) * 1.4;
+}
+function Ze({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, readOnly: l = !1, stringWhileDisabled: u = !1, label: f, error: p, hint: m, className: h = "", name: g, id: _, size: v = "md", clearable: y = !1, required: b = !1, maxLength: x, showCount: S = !1, minRows: C = Ye, maxRows: w, autoResize: T = !0, ...O }) {
+	let k = c(), j = _ ?? `ds-textarea-${g ?? k}`, M = d(null), N = m ? `${j}-hint` : void 0, P = p ? `${j}-error` : void 0, F = S && x ? `${j}-count` : void 0, I = [
+		N,
+		P,
+		F
+	].filter(Boolean).join(" ") || void 0, L = Math.max(1, C), R = w === void 0 ? void 0 : Math.max(L, w), z = o(() => {
+		let e = M.current;
+		if (!e || !T) return;
+		let t = window.getComputedStyle(e), n = Xe(e), r = Number.parseFloat(t.paddingTop) + Number.parseFloat(t.paddingBottom) + Number.parseFloat(t.borderTopWidth) + Number.parseFloat(t.borderBottomWidth), i = n * L + r, a = R === void 0 ? Infinity : n * R + r;
+		e.style.height = "auto";
+		let o = Math.min(Math.max(e.scrollHeight, i), a);
+		e.style.height = `${o}px`, e.style.overflowY = e.scrollHeight > a ? "auto" : "hidden";
+	}, [
+		T,
+		R,
+		L
+	]);
+	s(() => {
+		z();
+	}, [z, e]), s(() => {
+		if (!T) return;
+		window.addEventListener("resize", z);
+		let e = M.current?.parentElement, t;
+		if (e && typeof ResizeObserver < "u") {
+			let n = e.getBoundingClientRect().width;
+			t = new ResizeObserver(([e]) => {
+				!e || e.contentRect.width === n || (n = e.contentRect.width, z());
+			}), t.observe(e);
+		}
+		return () => {
+			window.removeEventListener("resize", z), t?.disconnect();
+		};
+	}, [T, z]);
+	let B = (e) => {
+		r?.(e.target.value, e), z();
+	}, V = () => {
+		let e = M.current;
+		e && ((Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus(), z());
+	}, H = { "--ds-textarea-min-rows": L };
+	return /* @__PURE__ */ n("div", {
+		className: `${Je.wrapper} ${h}`,
+		children: [
+			f && /* @__PURE__ */ t(E, {
+				htmlFor: j,
+				required: b,
+				disabled: a,
+				children: f
+			}),
+			a && u ? /* @__PURE__ */ t("div", {
+				id: j,
+				className: `${Je.disabledText} ${Je[v]}`,
+				style: H,
+				"aria-describedby": I,
+				children: e || i
+			}) : /* @__PURE__ */ n("div", {
+				className: Je.control,
+				children: [/* @__PURE__ */ t("textarea", {
+					ref: M,
+					id: j,
+					name: g,
+					value: e,
+					placeholder: i,
+					disabled: a,
+					readOnly: l,
+					required: b,
+					maxLength: x,
+					rows: L,
+					style: H,
+					"aria-invalid": !!p,
+					"aria-describedby": I,
+					className: `${Je.textarea} ${Je[v]} ${T ? Je.autoResize : Je.manualResize} ${p ? Je.textareaError : ""}`,
+					onChange: B,
+					...O
+				}), y && e && !a && !l && /* @__PURE__ */ t("button", {
+					type: "button",
+					className: Je.clearAction,
+					"aria-label": "Очистить поле",
+					onClick: V,
+					children: /* @__PURE__ */ t(A, {
+						name: "IconCross",
+						width: 20,
+						height: 20
+					})
+				})]
+			}),
+			(m || p || F) && /* @__PURE__ */ n("div", {
+				className: Je.messages,
+				children: [
+					m && !p && /* @__PURE__ */ t(D, {
+						id: N,
+						children: m
+					}),
+					p && /* @__PURE__ */ t(D, {
+						id: P,
+						variant: "error",
+						children: p
+					}),
+					F && /* @__PURE__ */ n("span", {
+						id: F,
+						className: Je.counter,
+						children: [
+							e.length,
+							" / ",
+							x
+						]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/DSModal/modal.store.ts
+var Qe = 0, Q = v((e) => ({
 	modals: [],
 	openModal: (t, n = {}, r = {}) => {
-		qe += 1;
-		let i = `ds-modal-${qe}`;
+		Qe += 1;
+		let i = `ds-modal-${Qe}`;
 		return e((e) => ({ modals: [...e.modals, {
 			id: i,
 			name: t,
@@ -1896,22 +2161,23 @@ 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: [] })
-})), 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" }) => {
+})), $e = () => Q.setState({ modals: [] }), et = {
+	layer: "_layer_1opno_1",
+	backdrop: "_backdrop_1opno_3",
+	panel: "_panel_1opno_5",
+	header: "_header_1opno_9",
+	title: "_title_1opno_11",
+	description: "_description_1opno_13",
+	content: "_content_1opno_15",
+	close: "_close_1opno_17"
+}, tt = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", nt = ({ 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(Xe) ?? t)?.focus(), () => e?.focus();
+		return (t?.querySelector(tt) ?? t)?.focus(), () => e?.focus();
 	}, []), /* @__PURE__ */ n("div", {
 		ref: m,
-		className: `${Ye.panel} ${l}`,
+		className: `${et.panel} ${l}`,
 		role: u,
 		"aria-modal": "true",
 		"aria-labelledby": r ? f : void 0,
@@ -1919,7 +2185,7 @@ var T = {
 		tabIndex: -1,
 		onKeyDown: (e) => {
 			if (e.key !== "Tab") return;
-			let t = Array.from(m.current?.querySelectorAll(Xe) ?? []);
+			let t = Array.from(m.current?.querySelectorAll(tt) ?? []);
 			if (!t.length) {
 				e.preventDefault();
 				return;
@@ -1929,42 +2195,36 @@ var T = {
 		},
 		children: [
 			(r || o) && /* @__PURE__ */ n("header", {
-				className: Ye.header,
+				className: et.header,
 				children: [r && /* @__PURE__ */ t("h2", {
 					id: f,
-					className: Ye.title,
+					className: et.title,
 					children: r
 				}), /* @__PURE__ */ t(w, {
+					className: et.close,
 					variant: "empty",
 					size: "sm",
 					"aria-label": o,
 					onClick: () => h(a),
-					children: /* @__PURE__ */ n("svg", {
-						xmlns: "http://www.w3.org/2000/svg",
-						width: "24",
-						height: "24",
-						viewBox: "0 0 24 24",
-						fill: "none",
-						stroke: "currentColor",
-						strokeWidth: "2",
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						children: [/* @__PURE__ */ t("path", { d: "M18 6 6 18" }), /* @__PURE__ */ t("path", { d: "m6 6 12 12" })]
+					children: /* @__PURE__ */ t(A, {
+						name: "IconCross",
+						width: 24,
+						height: 24
 					})
 				})]
 			}),
 			i && /* @__PURE__ */ t("p", {
 				id: p,
-				className: Ye.description,
+				className: et.description,
 				children: i
 			}),
 			/* @__PURE__ */ t("div", {
-				className: Ye.content,
+				className: et.content,
 				children: e
 			})
 		]
 	});
-}, Qe = ({ registry: e }) => {
+}, rt = ({ registry: e }) => {
 	let n = Q((e) => e.modals), r = Q((e) => e.closeModal), i = Q((e) => e.closeAllModals);
 	return s(() => {
 		let e = (e) => {
@@ -1974,12 +2234,12 @@ var T = {
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [r]), !n.length || typeof document > "u" ? null : p(/* @__PURE__ */ t("div", {
-		className: Ye.layer,
+		className: et.layer,
 		"aria-label": "Модальные окна",
 		children: n.map((a, o) => {
 			let s = e[a.name];
 			return s ? /* @__PURE__ */ t("div", {
-				className: Ye.backdrop,
+				className: et.backdrop,
 				"aria-hidden": o !== n.length - 1 || void 0,
 				onMouseDown: (e) => {
 					e.target === e.currentTarget && a.closeOnBackdrop && r(a.id);
@@ -1993,7 +2253,7 @@ var T = {
 			}, a.id) : null;
 		})
 	}), document.body);
-}, $e = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
+}, it = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
 	let o = Q((e) => e.modals.length);
 	return s(() => {
 		if (!a || o === 0) return;
@@ -2001,23 +2261,23 @@ var T = {
 		return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = e;
 		};
-	}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(Qe, { registry: r })] });
-}, et = (e) => e, tt = {
+	}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(rt, { registry: r })] });
+}, at = (e) => e, ot = {
 	message: "_message_1vtru_1",
 	actions: "_actions_1vtru_3"
-}, nt = /* @__PURE__ */ new Map(), rt = 0, it = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
+}, st = /* @__PURE__ */ new Map(), ct = 0, lt = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
 	let u = (e) => {
-		nt.get(l)?.(e), nt.delete(l), r();
+		st.get(l)?.(e), st.delete(l), r();
 	};
-	return /* @__PURE__ */ n(Ze, {
+	return /* @__PURE__ */ n(nt, {
 		modalId: e,
 		title: i,
 		role: "alertdialog",
 		children: [/* @__PURE__ */ t("p", {
-			className: tt.message,
+			className: ot.message,
 			children: a
 		}), /* @__PURE__ */ n("div", {
-			className: tt.actions,
+			className: ot.actions,
 			children: [/* @__PURE__ */ t(w, {
 				variant: "outline",
 				onClick: () => u(!1),
@@ -2029,40 +2289,40 @@ var T = {
 			})]
 		})]
 	});
-}, at = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Ze, {
+}, ut = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(nt, {
 	modalId: e,
 	title: i,
 	role: "alertdialog",
 	children: [/* @__PURE__ */ t("p", {
-		className: tt.message,
+		className: ot.message,
 		children: a
 	}), /* @__PURE__ */ t("div", {
-		className: tt.actions,
+		className: ot.actions,
 		children: /* @__PURE__ */ t(w, {
 			onClick: r,
 			children: o
 		})
 	})]
-}), ot = et({
-	ConfirmModal: it,
-	ErrorModal: at
-}), st = () => {
+}), dt = at({
+	ConfirmModal: lt,
+	ErrorModal: ut
+}), ft = () => {
 	let e = Q((e) => e.openModal);
 	return (t = {}) => new Promise((n) => {
-		rt += 1;
-		let r = `confirm-${rt}`;
-		nt.set(r, n), e("ConfirmModal", {
+		ct += 1;
+		let r = `confirm-${ct}`;
+		st.set(r, n), e("ConfirmModal", {
 			...t,
 			requestId: r
 		}, { closeOnEscape: !1 });
 	});
-}, 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 = () => {
+}, pt = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", mt = () => {
 	let e = Q((e) => e.openModal);
 	return { showError: (t, n) => e("ErrorModal", {
 		title: n,
-		message: ct(t)
+		message: pt(t)
 	}) };
-}, ut = v(() => ({})), dt = v(() => ({})), ft = () => {
+}, ht = v(() => ({})), gt = v(() => ({})), _t = () => {
 	let e = Q((e) => e.modals), t = Q((e) => e.openModal);
 	return {
 		openModal: (e, n = {}, r) => t(e, n, r),
@@ -2072,7 +2332,7 @@ var T = {
 		isOpen: (t) => e.some((e) => e.name === t),
 		count: e.length
 	};
-}, pt = {
+}, vt = {
 	wrapper: "_wrapper_1qbyz_1",
 	container: "_container_1qbyz_15",
 	inner: "_inner_1qbyz_35",
@@ -2080,29 +2340,29 @@ var T = {
 	jump: "_jump_1qbyz_1",
 	cube__inner: "_cube__inner_1qbyz_67",
 	morph: "_morph_1qbyz_1"
-}, mt = () => /* @__PURE__ */ t("div", {
-	className: pt.wrapper,
+}, yt = () => /* @__PURE__ */ t("div", {
+	className: vt.wrapper,
 	children: /* @__PURE__ */ t("div", {
-		className: pt.container,
+		className: vt.container,
 		children: /* @__PURE__ */ n("div", {
-			className: pt.inner,
+			className: vt.inner,
 			children: [
 				/* @__PURE__ */ t("div", {
-					className: pt.cube,
-					children: /* @__PURE__ */ t("div", { className: pt.cube__inner })
+					className: vt.cube,
+					children: /* @__PURE__ */ t("div", { className: vt.cube__inner })
 				}),
 				/* @__PURE__ */ t("div", {
-					className: pt.cube,
-					children: /* @__PURE__ */ t("div", { className: pt.cube__inner })
+					className: vt.cube,
+					children: /* @__PURE__ */ t("div", { className: vt.cube__inner })
 				}),
 				/* @__PURE__ */ t("div", {
-					className: pt.cube,
-					children: /* @__PURE__ */ t("div", { className: pt.cube__inner })
+					className: vt.cube,
+					children: /* @__PURE__ */ t("div", { className: vt.cube__inner })
 				})
 			]
 		})
 	})
-}), ht = {
+}), bt = {
 	viewport: "_viewport_15mi5_1",
 	"top-right": "_top-right_15mi5_3",
 	"top-left": "_top-left_15mi5_5",
@@ -2115,93 +2375,24 @@ var T = {
 	success: "_success_15mi5_19",
 	warning: "_warning_15mi5_21",
 	error: "_error_15mi5_23"
-}, gt = (e) => {
-	let r;
-	return r = e === "info" ? /* @__PURE__ */ n("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "#179cf0",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		children: [
-			/* @__PURE__ */ t("circle", {
-				cx: "12",
-				cy: "12",
-				r: "10"
-			}),
-			/* @__PURE__ */ t("path", { d: "M12 16v-4" }),
-			/* @__PURE__ */ t("path", { d: "M12 8h.01" })
-		]
-	}) : e === "success" ? /* @__PURE__ */ n("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "#179c66",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		children: [/* @__PURE__ */ t("circle", {
-			cx: "12",
-			cy: "12",
-			r: "10"
-		}), /* @__PURE__ */ t("path", { d: "m9 12 2 2 4-4" })]
-	}) : e === "warning" ? /* @__PURE__ */ n("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "#f59e0b",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		children: [
-			/* @__PURE__ */ t("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
-			/* @__PURE__ */ t("path", { d: "M12 9v4" }),
-			/* @__PURE__ */ t("path", { d: "M12 17h.01" })
-		]
-	}) : e === "error" ? /* @__PURE__ */ n("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "#dc2626",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		children: [
-			/* @__PURE__ */ t("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
-			/* @__PURE__ */ t("path", { d: "M12 9v4" }),
-			/* @__PURE__ */ t("path", { d: "M12 17h.01" })
-		]
-	}) : /* @__PURE__ */ n("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		children: [
-			/* @__PURE__ */ t("circle", {
-				cx: "12",
-				cy: "12",
-				r: "10"
-			}),
-			/* @__PURE__ */ t("path", { d: "m15 9-6 6" }),
-			/* @__PURE__ */ t("path", { d: "m9 9 6 6" })
-		]
-	}), r;
-}, _t = ({ toast: e, onClose: r }) => {
+}, xt = {
+	info: {
+		name: "IconInfoCircle",
+		color: "var(--color-primary)"
+	},
+	success: {
+		name: "IconSuccessCircle",
+		color: "var(--color-success)"
+	},
+	warning: {
+		name: "IconWarning",
+		color: "var(--color-warning)"
+	},
+	error: {
+		name: "IconWarning",
+		color: "var(--color-error)"
+	}
+}, St = ({ 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;
@@ -2216,7 +2407,7 @@ var T = {
 		e.duration,
 		e.id
 	]), /* @__PURE__ */ n("article", {
-		className: `${ht.toast} ${ht[e.variant]}`,
+		className: `${bt.toast} ${bt[e.variant]}`,
 		role: e.variant === "error" ? "alert" : "status",
 		"aria-live": e.variant === "error" ? "assertive" : "polite",
 		onMouseEnter: () => a(!0),
@@ -2224,9 +2415,13 @@ var T = {
 		onFocus: () => a(!0),
 		onBlur: () => a(!1),
 		children: [
-			/* @__PURE__ */ t("div", { children: gt(e.variant) }),
+			/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(A, {
+				...xt[e.variant],
+				width: 24,
+				height: 24
+			}) }),
 			/* @__PURE__ */ n("div", {
-				className: ht.body,
+				className: bt.body,
 				children: [
 					e.title && /* @__PURE__ */ t("strong", { children: e.title }),
 					/* @__PURE__ */ t("div", { children: e.message }),
@@ -2245,26 +2440,19 @@ var T = {
 				size: "sm",
 				"aria-label": "Закрыть уведомление",
 				onClick: () => r(e.id),
-				children: /* @__PURE__ */ n("svg", {
-					xmlns: "http://www.w3.org/2000/svg",
-					width: "24",
-					height: "24",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "2",
-					strokeLinecap: "round",
-					strokeLinejoin: "round",
-					children: [/* @__PURE__ */ t("path", { d: "M18 6 6 18" }), /* @__PURE__ */ t("path", { d: "m6 6 12 12" })]
+				children: /* @__PURE__ */ t(A, {
+					name: "IconCross",
+					width: 24,
+					height: 24
 				})
 			})
 		]
 	});
-}, vt = 0, yt = v((e) => ({
+}, Ct = 0, wt = v((e) => ({
 	toasts: [],
 	showToast: (t) => {
-		vt += 1;
-		let n = `ds-toast-${vt}`;
+		Ct += 1;
+		let n = `ds-toast-${Ct}`;
 		return e((e) => ({ toasts: [...e.toasts, {
 			variant: "info",
 			duration: 5e3,
@@ -2275,18 +2463,18 @@ var T = {
 	},
 	removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
 	clearToasts: () => e({ toasts: [] })
-})), bt = () => yt.setState({ toasts: [] }), xt = ({ position: e = "top-right" }) => {
-	let n = yt((e) => e.toasts), r = yt((e) => e.removeToast);
+})), Tt = () => wt.setState({ toasts: [] }), Et = ({ position: e = "top-right" }) => {
+	let n = wt((e) => e.toasts), r = wt((e) => e.removeToast);
 	return /* @__PURE__ */ t("div", {
-		className: `${ht.viewport} ${ht[e]}`,
+		className: `${bt.viewport} ${bt[e]}`,
 		"aria-label": "Уведомления",
-		children: n.map((e) => /* @__PURE__ */ t(_t, {
+		children: n.map((e) => /* @__PURE__ */ t(St, {
 			toast: e,
 			onClose: r
 		}, e.id))
 	});
-}, St = () => {
-	let e = yt((e) => e.showToast), t = yt((e) => e.removeToast), n = yt((e) => e.clearToasts), r = o((t) => e({
+}, Dt = () => {
+	let e = wt((e) => e.showToast), t = wt((e) => e.removeToast), n = wt((e) => e.clearToasts), r = o((t) => e({
 		...t,
 		variant: "info"
 	}), [e]), i = o((t) => e({
@@ -2316,7 +2504,7 @@ var T = {
 		i,
 		a
 	]);
-}, Ct = {
+}, Ot = {
 	root: "_root_s9o0g_1",
 	tooltip: "_tooltip_s9o0g_3",
 	"ds-tooltip-in": "_ds-tooltip-in_s9o0g_1",
@@ -2324,7 +2512,7 @@ var T = {
 	bottom: "_bottom_s9o0g_7",
 	left: "_left_s9o0g_9",
 	right: "_right_s9o0g_11"
-}, wt = ({ content: e, children: i, placement: o = "top", delay: l = 450, disabled: u = !1, maxWidth: p = 280, className: m = "" }) => {
+}, kt = ({ 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 = () => {
@@ -2346,120 +2534,211 @@ var T = {
 		onBlur: b
 	});
 	return /* @__PURE__ */ n("span", {
-		className: `${Ct.root} ${m}`,
+		className: `${Ot.root} ${m}`,
 		onPointerDown: g ? b : y,
 		children: [x, g && /* @__PURE__ */ t("span", {
 			id: h,
 			role: "tooltip",
-			className: `${Ct.tooltip} ${Ct[o]}`,
+			className: `${Ot.tooltip} ${Ot[o]}`,
 			style: { maxWidth: p },
 			children: e
 		})]
 	});
+}, At = (e) => {
+	if (!Number.isFinite(e) || e < 0) return "00:00";
+	let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60, a = `${String(r).padStart(2, "0")}:${String(i).padStart(2, "0")}`;
+	return n ? `${n}:${a}` : a;
 }, $ = {
-	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("|");
+	root: "_root_16v7i_1",
+	frame: "_frame_16v7i_18",
+	video: "_video_16v7i_33",
+	overlay: "_overlay_16v7i_40",
+	state: "_state_16v7i_41",
+	buffering: "_buffering_16v7i_42",
+	loaderViewport: "_loaderViewport_16v7i_72",
+	loaderScale: "_loaderScale_16v7i_78",
+	stateIcon: "_stateIcon_16v7i_85",
+	empty: "_empty_16v7i_101",
+	error: "_error_16v7i_106",
+	replay: "_replay_16v7i_112",
+	controlsLayer: "_controlsLayer_16v7i_130",
+	controlsVisible: "_controlsVisible_16v7i_143",
+	controls: "_controls_16v7i_130",
+	controlGroup: "_controlGroup_16v7i_155",
+	controlButton: "_controlButton_16v7i_168",
+	settingsAction: "_settingsAction_16v7i_184",
+	timeline: "_timeline_16v7i_193",
+	volume: "_volume_16v7i_194",
+	settings: "_settings_16v7i_184",
+	playButton: "_playButton_16v7i_201",
+	volumeGroup: "_volumeGroup_16v7i_208",
+	timelineGroup: "_timelineGroup_16v7i_220",
+	time: "_time_16v7i_193",
+	settingsActionLabel: "_settingsActionLabel_16v7i_339",
+	caption: "_caption_16v7i_345",
+	fullscreen: "_fullscreen_16v7i_352"
+}, jt = 2500, Mt = 5, Nt = .05, Pt = [
+	.5,
+	.75,
+	1,
+	1.25,
+	1.5,
+	2
+], Ft = ({ sources: r, tracks: i = [], title: a, aspectRatio: c = "16 / 9", objectFit: l = "contain", loading: u = !1, error: p, fallback: m, className: h = "", controls: g = !0, playsInline: _ = !0, ...v }) => {
+	let y = d(null), b = d(null), x = d(null), C = d(void 0), [T, E] = f(!1), [D, O] = f(r.length > 0), [k, j] = f(!1), [M, N] = f(!1), [P, F] = f(!1), [I, L] = f(0), [R, z] = f(0), [B, V] = f(0), [H, ee] = f(1), [U, W] = f(!!v.muted), [G, te] = f(1), [K, q] = f(!!v.loop), [J, ne] = f(-1), [Y, re] = f(!1), [ie, ae] = f(!0), [oe, se] = f(!1), [ce, le] = f(!1), ue = r.map(({ src: e, type: t }) => `${e}:${t ?? ""}`).join("|"), X = i.map((e, t) => ({
+		track: e,
+		index: t
+	})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"), de = p ?? (T ? "Не удалось воспроизвести видео" : void 0), fe = u || D && !de && r.length > 0, pe = !fe && !de && r.length === 0, me = typeof document < "u" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled, he = o(() => {
+		ae(!0), window.clearTimeout(C.current), M && !Y && (C.current = window.setTimeout(() => ae(!1), jt));
+	}, [M, Y]);
 	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;
+		E(!1), O(r.length > 0), j(!1), N(!1), F(!1), L(0), z(0), V(0);
+	}, [ue, r.length]), s(() => (he(), () => window.clearTimeout(C.current)), [he]), s(() => {
+		let e = () => se(document.fullscreenElement === b.current), t = () => le(document.pictureInPictureElement === x.current);
+		return document.addEventListener("fullscreenchange", e), document.addEventListener("enterpictureinpicture", t), document.addEventListener("leavepictureinpicture", t), () => {
+			document.removeEventListener("fullscreenchange", e), document.removeEventListener("enterpictureinpicture", t), document.removeEventListener("leavepictureinpicture", t);
+		};
+	}, []), s(() => {
+		if (!Y) return;
+		let e = (e) => {
+			y.current?.contains(e.target) || re(!1);
+		};
+		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+	}, [Y]);
+	let ge = async () => {
+		let e = x.current;
+		if (!(!e || de || fe)) {
+			if (e.paused || e.ended) {
+				e.ended && (e.currentTime = 0);
+				try {
+					await e.play();
+				} catch {
+					E(!0);
+				}
+			} else e.pause();
+		}
+	}, _e = () => {
+		let e = x.current;
+		e && (e.muted = !e.muted);
+	}, ve = (e) => {
+		let t = x.current;
+		t && (t.volume = Math.min(1, Math.max(0, e)), t.muted = t.volume === 0);
+	}, ye = (e) => {
+		let t = x.current;
+		!t || !R || (t.currentTime = Math.min(R, Math.max(0, e)), L(t.currentTime));
+	}, be = async () => {
+		if (b.current) try {
+			document.fullscreenElement ? await document.exitFullscreen() : await b.current.requestFullscreen();
+		} catch {
+			se(!1);
+		}
+	}, xe = async () => {
+		let e = x.current;
+		if (!(!e || !me)) try {
+			document.pictureInPictureElement ? await document.exitPictureInPicture() : await e.requestPictureInPicture();
+		} catch {
+			le(!1);
+		}
+	}, Se = (e) => {
+		let t = x.current;
+		t && (Array.from(t.textTracks).forEach((t, n) => {
+			t.mode = n === e ? "showing" : "disabled";
+		}), ne(e));
+	}, Ce = (e) => {
+		let t = e.target;
+		if (/^(INPUT|SELECT|BUTTON)$/.test(t.tagName)) return;
+		let n = e.key.toLowerCase();
+		n === " " || n === "k" ? (e.preventDefault(), ge()) : n === "m" ? (e.preventDefault(), _e()) : n === "f" ? (e.preventDefault(), be()) : n === "c" && X.length ? (e.preventDefault(), Se(J === -1 ? X[0].index : -1)) : e.key === "ArrowLeft" || e.key === "ArrowRight" ? (e.preventDefault(), ye(I + (e.key === "ArrowRight" ? Mt : -5))) : e.key === "ArrowUp" || e.key === "ArrowDown" ? (e.preventDefault(), ve(H + (e.key === "ArrowUp" ? Nt : -.05))) : e.key === "Escape" && re(!1), he();
+	}, we = () => {
+		let e = x.current;
+		E(!1), O(!0), e?.load();
+	}, Te = {
+		"--video-progress": `${R ? I / R * 100 : 0}%`,
+		"--video-buffered": `${B * 100}%`
+	};
 	return /* @__PURE__ */ n("figure", {
-		className: `${$.root} ${p}`,
+		ref: y,
+		className: `${$.root} ${h}`,
+		onKeyDown: Ce,
 		children: [/* @__PURE__ */ n("div", {
-			className: $.frame,
-			style: { aspectRatio: o },
-			"aria-busy": C || void 0,
+			ref: b,
+			className: `${$.frame} ${oe ? $.fullscreen : ""}`,
+			style: { aspectRatio: c },
+			"aria-busy": fe || void 0,
+			tabIndex: g && r.length ? 0 : void 0,
+			onPointerMove: he,
+			onPointerDown: he,
+			onFocusCapture: he,
+			onMouseLeave: () => {
+				M && !Y && ae(!1);
+			},
 			children: [
-				!S && r.length > 0 && /* @__PURE__ */ n("video", {
-					...g,
+				r.length > 0 && /* @__PURE__ */ n("video", {
+					...v,
+					ref: x,
 					"aria-label": a,
-					controls: m,
-					playsInline: h,
+					controls: !1,
+					playsInline: _,
+					loop: K,
 					className: $.video,
-					style: { objectFit: c },
+					style: { objectFit: l },
+					onClick: (e) => {
+						v.onClick?.(e), ge();
+					},
+					onDoubleClick: (e) => {
+						v.onDoubleClick?.(e), be();
+					},
 					onLoadStart: (e) => {
-						b(!0), g.onLoadStart?.(e);
+						O(!0), v.onLoadStart?.(e);
+					},
+					onLoadedMetadata: (e) => {
+						z(e.currentTarget.duration || 0);
+						let t = X.find(({ track: e }) => e.default);
+						Se(t?.index ?? -1), v.onLoadedMetadata?.(e);
+					},
+					onDurationChange: (e) => {
+						z(e.currentTarget.duration || 0), v.onDurationChange?.(e);
+					},
+					onTimeUpdate: (e) => {
+						L(e.currentTarget.currentTime), v.onTimeUpdate?.(e);
+					},
+					onProgress: (e) => {
+						let t = e.currentTarget;
+						t.duration && t.buffered.length && V(t.buffered.end(t.buffered.length - 1) / t.duration), v.onProgress?.(e);
 					},
 					onLoadedData: (e) => {
-						b(!1), g.onLoadedData?.(e);
+						O(!1), j(!1), v.onLoadedData?.(e);
 					},
 					onCanPlay: (e) => {
-						b(!1), g.onCanPlay?.(e);
+						O(!1), j(!1), v.onCanPlay?.(e);
 					},
 					onWaiting: (e) => {
-						b(!0), g.onWaiting?.(e);
+						j(!0), v.onWaiting?.(e);
 					},
 					onPlaying: (e) => {
-						b(!1), g.onPlaying?.(e);
+						N(!0), F(!1), j(!1), v.onPlaying?.(e);
+					},
+					onPlay: (e) => {
+						N(!0), v.onPlay?.(e);
+					},
+					onPause: (e) => {
+						N(!1), v.onPause?.(e);
+					},
+					onEnded: (e) => {
+						N(!1), F(!0), ae(!0), v.onEnded?.(e);
+					},
+					onVolumeChange: (e) => {
+						ee(e.currentTarget.volume), W(e.currentTarget.muted), v.onVolumeChange?.(e);
+					},
+					onRateChange: (e) => {
+						te(e.currentTarget.playbackRate), v.onRateChange?.(e);
 					},
 					onError: (e) => {
-						b(!1), v(!0), g.onError?.(e);
+						O(!1), j(!1), E(!0), v.onError?.(e);
 					},
 					children: [r.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), i.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
 				}),
-				C && /* @__PURE__ */ n("div", {
+				fe && /* @__PURE__ */ n("div", {
 					className: $.overlay,
 					role: "status",
 					"aria-live": "polite",
@@ -2468,23 +2747,210 @@ var T = {
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ t("div", {
 							className: $.loaderScale,
-							children: /* @__PURE__ */ t(mt, {})
+							children: /* @__PURE__ */ t(yt, {})
 						})
 					}), /* @__PURE__ */ t("span", { children: "Загрузка видео" })]
 				}),
-				w && /* @__PURE__ */ n("div", {
+				!fe && k && !de && /* @__PURE__ */ t("div", {
+					className: $.buffering,
+					role: "status",
+					"aria-label": "Буферизация видео",
+					children: /* @__PURE__ */ t(S, { variant: "empty" })
+				}),
+				pe && /* @__PURE__ */ n("div", {
 					className: `${$.state} ${$.empty}`,
 					role: "status",
 					children: [
-						/* @__PURE__ */ t(Tt, {}),
+						/* @__PURE__ */ t(A, {
+							name: "IconInfoCircle",
+							className: $.stateIcon,
+							width: 40,
+							height: 40
+						}),
 						/* @__PURE__ */ t("strong", { children: "Видео отсутствует" }),
-						d ?? /* @__PURE__ */ t("span", { children: "Источник видео не указан" })
+						m ?? /* @__PURE__ */ t("span", { children: "Источник видео не указан" })
 					]
 				}),
-				!C && S && /* @__PURE__ */ n("div", {
+				!fe && de && /* @__PURE__ */ n("div", {
 					className: `${$.state} ${$.error}`,
 					role: "alert",
-					children: [/* @__PURE__ */ t(Et, {}), d ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children: S })] })]
+					children: [
+						/* @__PURE__ */ t(A, {
+							name: "IconWarning",
+							className: $.stateIcon,
+							width: 40,
+							height: 40
+						}),
+						m ?? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("strong", { children: "Видео недоступно" }), /* @__PURE__ */ t("span", { children: de })] }),
+						r.length > 0 && /* @__PURE__ */ t(w, {
+							size: "sm",
+							variant: "secondary",
+							onClick: we,
+							children: "Повторить"
+						})
+					]
+				}),
+				!fe && !de && P && /* @__PURE__ */ t("button", {
+					type: "button",
+					className: $.replay,
+					"aria-label": "Воспроизвести заново",
+					onClick: () => void ge(),
+					children: /* @__PURE__ */ t(A, {
+						name: "IconReplay",
+						width: 28,
+						height: 28
+					})
+				}),
+				g && r.length > 0 && !fe && !de && /* @__PURE__ */ n("div", {
+					className: `${$.controlsLayer} ${ie || !M ? $.controlsVisible : ""}`,
+					onClick: (e) => e.stopPropagation(),
+					children: [Y && /* @__PURE__ */ n("div", {
+						className: $.settings,
+						role: "dialog",
+						"aria-label": "Настройки видео",
+						children: [
+							/* @__PURE__ */ n("label", { children: [/* @__PURE__ */ t("span", { children: "Скорость" }), /* @__PURE__ */ t("select", {
+								value: G,
+								onChange: (e) => {
+									let t = Number(e.target.value);
+									x.current && (x.current.playbackRate = t);
+								},
+								children: Pt.map((e) => /* @__PURE__ */ n("option", {
+									value: e,
+									children: [e, "×"]
+								}, e))
+							})] }),
+							X.length > 0 && /* @__PURE__ */ n("label", { children: [/* @__PURE__ */ t("span", { children: "Субтитры" }), /* @__PURE__ */ n("select", {
+								value: J,
+								onChange: (e) => Se(Number(e.target.value)),
+								children: [/* @__PURE__ */ t("option", {
+									value: -1,
+									children: "Выключены"
+								}), X.map(({ track: e, index: n }) => /* @__PURE__ */ t("option", {
+									value: n,
+									children: e.label
+								}, `${e.srcLang}-${e.label}`))]
+							})] }),
+							/* @__PURE__ */ n("button", {
+								type: "button",
+								className: $.settingsAction,
+								"aria-pressed": K,
+								onClick: () => q((e) => !e),
+								children: [/* @__PURE__ */ t("span", { children: "Повтор" }), /* @__PURE__ */ t("span", { children: K ? "Вкл." : "Выкл." })]
+							}),
+							me && /* @__PURE__ */ t("button", {
+								type: "button",
+								className: $.settingsAction,
+								"aria-pressed": ce,
+								onClick: () => void xe(),
+								children: /* @__PURE__ */ n("span", {
+									className: $.settingsActionLabel,
+									children: [/* @__PURE__ */ t(A, {
+										name: "IconPictureInPicture",
+										width: 18,
+										height: 18
+									}), "Картинка в картинке"]
+								})
+							})
+						]
+					}), /* @__PURE__ */ n("div", {
+						className: $.controls,
+						children: [
+							/* @__PURE__ */ t("div", {
+								className: $.controlGroup,
+								children: /* @__PURE__ */ t("button", {
+									type: "button",
+									className: `${$.controlButton} ${$.playButton}`,
+									"aria-label": M ? "Пауза" : "Воспроизвести",
+									title: M ? "Пауза (K)" : "Воспроизвести (K)",
+									onClick: () => void ge(),
+									children: /* @__PURE__ */ t(A, {
+										name: M ? "IconPause" : "IconPlay",
+										width: 24,
+										height: 24
+									})
+								})
+							}),
+							/* @__PURE__ */ n("div", {
+								className: `${$.controlGroup} ${$.volumeGroup}`,
+								children: [/* @__PURE__ */ t("button", {
+									type: "button",
+									className: $.controlButton,
+									"aria-label": U ? "Включить звук" : "Выключить звук",
+									"aria-pressed": U,
+									title: "Звук (M)",
+									onClick: _e,
+									children: /* @__PURE__ */ t(A, {
+										name: U || H === 0 ? "IconVolumeMuted" : "IconVolume",
+										width: 22,
+										height: 22
+									})
+								}), /* @__PURE__ */ t("input", {
+									className: $.volume,
+									type: "range",
+									min: 0,
+									max: 1,
+									step: .05,
+									value: U ? 0 : H,
+									"aria-label": "Громкость",
+									"aria-valuetext": `${Math.round((U ? 0 : H) * 100)}%`,
+									onChange: (e) => ve(Number(e.target.value))
+								})]
+							}),
+							/* @__PURE__ */ n("div", {
+								className: `${$.controlGroup} ${$.timelineGroup}`,
+								children: [
+									/* @__PURE__ */ t("span", {
+										className: $.time,
+										children: At(I)
+									}),
+									/* @__PURE__ */ t("input", {
+										className: $.timeline,
+										style: Te,
+										type: "range",
+										min: 0,
+										max: R || 0,
+										step: .01,
+										value: Math.min(I, R || 0),
+										"aria-label": "Позиция воспроизведения",
+										"aria-valuetext": `${At(I)} из ${At(R)}`,
+										onChange: (e) => ye(Number(e.target.value))
+									}),
+									/* @__PURE__ */ t("span", {
+										className: $.time,
+										children: At(R)
+									})
+								]
+							}),
+							/* @__PURE__ */ n("div", {
+								className: $.controlGroup,
+								children: [/* @__PURE__ */ t("button", {
+									type: "button",
+									className: $.controlButton,
+									"aria-label": "Настройки",
+									"aria-expanded": Y,
+									title: "Настройки",
+									onClick: () => re((e) => !e),
+									children: /* @__PURE__ */ t(A, {
+										name: "IconSettings",
+										width: 22,
+										height: 22
+									})
+								}), /* @__PURE__ */ t("button", {
+									type: "button",
+									className: $.controlButton,
+									"aria-label": oe ? "Выйти из полноэкранного режима" : "Полноэкранный режим",
+									title: "Полноэкранный режим (F)",
+									onClick: () => void be(),
+									children: /* @__PURE__ */ t(A, {
+										name: oe ? "IconFullscreenExit" : "IconFullscreen",
+										width: 22,
+										height: 22
+									})
+								})]
+							})
+						]
+					})]
 				})
 			]
 		}), /* @__PURE__ */ t("figcaption", {
@@ -2492,7 +2958,7 @@ var T = {
 			children: a
 		})]
 	});
-}, Ot = {
+}, It = {
 	root: "_root_1tdda_1",
 	trigger: "_trigger_1tdda_15",
 	heading: "_heading_1tdda_41",
@@ -2502,7 +2968,7 @@ var T = {
 	open: "_open_1tdda_91",
 	content: "_content_1tdda_99",
 	contentInner: "_contentInner_1tdda_119"
-}, kt = (e, t, n, r = 16) => {
+}, Lt = (e, t, n, r = 16) => {
 	if (t > Math.max(0, n - r * 2)) {
 		let t = e - r;
 		return Math.abs(t) <= 1 ? {
@@ -2524,7 +2990,7 @@ var T = {
 		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 = "" }) => {
+}, Rt = ({ 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;
@@ -2534,7 +3000,7 @@ var T = {
 		let r = !1, i = () => {
 			if (r) return;
 			r = !0;
-			let e = t.getBoundingClientRect(), n = kt(e.top, e.height, window.innerHeight, p);
+			let e = t.getBoundingClientRect(), n = Lt(e.top, e.height, window.innerHeight, p);
 			if (n.alignment === "none") return;
 			let i = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
 			window.scrollBy({
@@ -2555,10 +3021,10 @@ var T = {
 		p
 	]), /* @__PURE__ */ n("section", {
 		ref: y,
-		className: `${Ot.root} ${v ? Ot.open : ""} ${m}`,
+		className: `${It.root} ${v ? It.open : ""} ${m}`,
 		children: [/* @__PURE__ */ n("button", {
 			type: "button",
-			className: Ot.trigger,
+			className: It.trigger,
 			"aria-expanded": v,
 			"aria-controls": h,
 			onClick: () => {
@@ -2566,41 +3032,35 @@ var T = {
 				o === void 0 && _(e), l?.(e);
 			},
 			children: [/* @__PURE__ */ n("span", {
-				className: Ot.heading,
+				className: It.heading,
 				children: [/* @__PURE__ */ t("span", {
-					className: Ot.title,
+					className: It.title,
 					children: e
 				}), r && /* @__PURE__ */ t("span", {
-					className: Ot.subtitle,
+					className: It.subtitle,
 					children: r
 				})]
 			}), /* @__PURE__ */ t("span", {
-				className: Ot.icon,
+				className: It.icon,
 				"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"
-					})
+				children: /* @__PURE__ */ t(A, {
+					name: "IconChevron",
+					width: 20,
+					height: 20
 				})
 			})]
 		}), /* @__PURE__ */ t("div", {
 			ref: b,
 			id: h,
-			className: Ot.content,
+			className: It.content,
 			"aria-hidden": !v,
 			children: /* @__PURE__ */ t("div", {
-				className: Ot.contentInner,
+				className: It.contentInner,
 				children: i
 			})
 		})]
 	});
-}, jt = ({ children: e, containerId: t = "overlay-root" }) => {
+}, zt = ({ children: e, containerId: t = "overlay-root" }) => {
 	let [n, r] = f(null);
 	return s(() => {
 		let e = document.getElementById(t);
@@ -2615,4 +3075,4 @@ var T = {
 	}, [t]), n ? p(e, n) : null;
 };
 //#endregion
-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 };
+export { lt as ConfirmModal, Rt as DSAccordion, b as DSBadge, w as DSButton, M as DSCheckbox, Se as DSDataTable, q as DSDateRange, G as DSDateTimePicker, ce as DSDropDown, De as DSDropDownMultiple, E as DSFieldLabel, D as DSFieldMessage, qe as DSFileInput, He as DSFilters, A as DSIcon, Re as DSInfoBlock, ke as DSInput, S as DSLoader, rt as DSModal, nt as DSModalFrame, yt as DSPageLoader, zt as DSPortal, Be as DSRadioButton, Ie as DSSearchDropDown, ne as DSSkeleton, ue as DSSort, Ze as DSTextarea, St as DSToast, Et as DSToastProvider, kt as DSTooltip, Ft as DSVideoPlayerFrame, ut as ErrorModal, it as ModalSystemProvider, dt as builtInModalRegistry, at as defineModalRegistry, R as formatDateTimeLocalValue, Lt as getDSAccordionScrollTarget, fe as getDSDataTablePaginationItems, pt as getErrorMessage, oe as getNextEnabledOptionIndex, K as isValidDateRange, z as parseDateTimeLocalValue, $e as resetModalStore, Tt as resetToastStore, ft as useConfirmModal, ht as useConfirmModalStore, mt as useErrorModal, gt as useErrorModalStore, _t as useModals, Q as useModalsStore, Dt as useToast, wt as useToastStore, pe as validateDSDataTableData };