@efficiency-point/design-system 0.1.4 → 0.1.7

package/dist/index.es.js

@@ -33,17 +33,28 @@ var y = {
 		})
 	]
 }), x = {
-	loader: "_loader_1tjcf_1",
-	"ds-spin": "_ds-spin_1tjcf_1",
-	primary: "_primary_1tjcf_21",
-	secondary: "_secondary_1tjcf_23",
-	light: "_light_1tjcf_25",
-	danger: "_danger_1tjcf_27"
-}, S = ({ variant: e = "primary", label: n = "Загрузка", className: r = "", decorative: i = !1 }) => /* @__PURE__ */ t("span", {
-	className: `${x.loader} ${x[e]} ${r}`,
-	role: i ? void 0 : "status",
-	"aria-label": i ? void 0 : n,
-	"aria-hidden": i || void 0
+	container: "_container_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", {
+		className: `${x.inner} ${x[e]}`,
+		children: [
+			/* @__PURE__ */ t("div", { className: `${x.line} ${x[e]}` }),
+			/* @__PURE__ */ t("div", { className: `${x.line} ${x[e]}` }),
+			/* @__PURE__ */ t("div", { className: `${x.line} ${x[e]}` }),
+			/* @__PURE__ */ t("div", { className: `${x.line} ${x[e]}` })
+		]
+	})
 }), C = {
 	button: "_button_1gql6_1",
 	sm: "_sm_1gql6_43",
@@ -56,17 +67,14 @@ var y = {
 	empty: "_empty_1gql6_127",
 	destructive: "_destructive_1gql6_139",
 	destructiveOutline: "_destructiveOutline_1gql6_147"
-}, w = i(({ children: e, variant: n = "primary", size: r = "md", isLoading: i = !1, loadingLabel: a = "Загрузка", disabled: o, type: s = "button", className: c = "", ...l }, u) => /* @__PURE__ */ t("button", {
-	ref: u,
-	className: `${C.button} ${C[n]} ${C[r]} ${c}`,
-	disabled: o || i,
+}, w = i(({ children: e, variant: n = "primary", size: r = "md", isLoading: i = !1, disabled: a, type: o = "button", className: s = "", ...c }, l) => /* @__PURE__ */ t("button", {
+	ref: l,
+	className: `${C.button} ${C[n]} ${C[r]} ${s}`,
+	disabled: a || i,
 	"aria-busy": i || void 0,
-	...l,
-	type: s,
-	children: i ? /* @__PURE__ */ t(S, {
-		variant: "light",
-		label: a
-	}) : e
+	...c,
+	type: o,
+	children: i ? /* @__PURE__ */ t(S, { variant: n }) : e
 }));
 w.displayName = "DSButton";
 var T = {
@@ -99,22 +107,178 @@ var T = {
 	role: i && n === "error" ? "alert" : void 0,
 	"aria-live": i && n !== "error" ? "polite" : void 0,
 	children: e
-}), O = {
+}), 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"
-}, k = ({ checked: e, onChange: r, label: i, hint: a, error: o, disabled: l = !1, readOnly: u = !1, className: f = "", name: p, id: m, indeterminate: h = !1, ...g }) => {
+}, 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: `${O.wrapper} ${f}`,
+		className: `${j.wrapper} ${f}`,
 		children: [
 			/* @__PURE__ */ n("label", {
-				className: `${O.label} ${l ? O.disabled : ""}`,
+				className: `${j.label} ${l ? j.disabled : ""}`,
 				htmlFor: v,
 				children: [
 					/* @__PURE__ */ t("input", {
@@ -127,16 +291,24 @@ var T = {
 						"aria-readonly": u || void 0,
 						"aria-invalid": !!o,
 						"aria-describedby": [b, x].filter(Boolean).join(" ") || void 0,
-						className: O.input,
+						className: j.input,
 						onChange: (e) => {
 							u || r?.(e.target.checked, e);
 						},
 						...g
 					}),
-					/* @__PURE__ */ t("span", {
-						className: `${O.control} ${o ? O.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 })
 				]
@@ -152,28 +324,30 @@ var T = {
 			})
 		]
 	});
-}, A = {
-	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"
-}, j = [
+}, N = {
+	wrapper: "_wrapper_1kcfm_1",
+	trigger: "_trigger_1kcfm_17",
+	lg: "_lg_1kcfm_51",
+	chevron: "_chevron_1kcfm_63",
+	chevronOpen: "_chevronOpen_1kcfm_89",
+	nav: "_nav_1kcfm_99",
+	day: "_day_1kcfm_101",
+	monthSelect: "_monthSelect_1kcfm_103",
+	yearInput: "_yearInput_1kcfm_105",
+	timeInput: "_timeInput_1kcfm_107",
+	value: "_value_1kcfm_131",
+	placeholder: "_placeholder_1kcfm_139",
+	error: "_error_1kcfm_147",
+	panel: "_panel_1kcfm_155",
+	calendarHeader: "_calendarHeader_1kcfm_181",
+	weekdays: "_weekdays_1kcfm_271",
+	days: "_days_1kcfm_273",
+	outside: "_outside_1kcfm_309",
+	selected: "_selected_1kcfm_317",
+	timeLabel: "_timeLabel_1kcfm_337",
+	previousMonth: "_previousMonth_1kcfm_385",
+	nextMonth: "_nextMonth_1kcfm_393"
+}, P = [
 	"Пн",
 	"Вт",
 	"Ср",
@@ -181,7 +355,7 @@ var T = {
 	"Пт",
 	"Сб",
 	"Вс"
-], M = [
+], F = [
 	"Январь",
 	"Февраль",
 	"Март",
@@ -194,11 +368,11 @@ var T = {
 	"Октябрь",
 	"Ноябрь",
 	"Декабрь"
-], N = (e) => String(e).padStart(2, "0"), P = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), F = (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()}-${N(e.getMonth() + 1)}-${N(e.getDate())}`, r = `${N(e.getHours())}:${N(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}`;
-}, I = (e, t) => {
+}, z = (e, t) => {
 	if (!e) return null;
 	if (t === "time") {
 		let t = /^(\d{2}):(\d{2})$/.exec(e);
@@ -208,53 +382,59 @@ var T = {
 		let i = /* @__PURE__ */ new Date();
 		return i.setHours(n, r, 0, 0), i;
 	}
-	let n = new Date(t === "date" ? `${e}T00:00` : e);
+	if (t === "date") {
+		let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
+		if (!t) return null;
+		let n = Number(t[1]), r = Number(t[2]) - 1, i = Number(t[3]), a = new Date(n, r, i, 12);
+		return a.getFullYear() !== n || a.getMonth() !== r || a.getDate() !== i ? null : a;
+	}
+	let n = new Date(e);
 	return Number.isNaN(n.getTime()) ? null : n;
-}, L = (e, t) => {
+}, B = (e, t) => {
 	if (!e) return "";
-	let n = `${N(e.getDate())}.${N(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${N(e.getHours())}:${N(e.getMinutes())}`;
+	let n = `${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}`;
-}, R = (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;
 	});
-}, z = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), B = (e, t, n) => {
-	let r = P(e).getTime();
-	return !!(t && r < P(t).getTime() || n && r > P(n).getTime());
-}, V = 8, H = 6, U = ({ value: r, onChange: i, mode: a = "date", label: m, placeholder: h, hint: g, error: _, disabled: v = !1, readOnly: y = !1, required: b = !1, min: x, max: S, size: C = "md", id: w, name: T, className: O = "" }) => {
-	let k = c(), N = w ?? `ds-date-time-${T ?? k}`, P = g ? `${N}-hint` : void 0, U = _ ? `${N}-error` : void 0, W = d(null), G = d(null), ee = d(null), [K, q] = f(!1), [J, Y] = f(r ?? /* @__PURE__ */ new Date()), [te, ne] = f(F(r, "time")), [re, ie] = f(null), ae = u(() => R(J), [J]), oe = a !== "time", se = 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 && Y(r), ne(F(r, "time"));
+		r && ne(r), re(R(r, "time"));
 	}, [r]);
-	let ce = o(() => {
-		let e = G.current, t = ee.current;
+	let le = o(() => {
+		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 - V, o = n.top - V, s = a < r.height && o > a, c = Math.max(120, s ? o : a), l = s ? Math.max(V, n.top - r.height - H) : n.bottom + H, u = n.left, d = i - r.width - V;
-		ie({
+		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(V, Math.min(u, d)),
+			left: Math.max(U, Math.min(u, d)),
 			maxHeight: c
 		});
 	}, []);
 	l(() => {
 		if (!K) {
-			ie(null);
+			ae(null);
 			return;
 		}
-		return ce(), window.addEventListener("resize", ce), window.addEventListener("scroll", ce, !0), () => {
-			window.removeEventListener("resize", ce), window.removeEventListener("scroll", ce, !0);
+		return le(), window.addEventListener("resize", le), window.addEventListener("scroll", le, !0), () => {
+			window.removeEventListener("resize", le), window.removeEventListener("scroll", le, !0);
 		};
 	}, [
 		K,
-		ce,
+		le,
 		J,
-		te
+		Y
 	]), s(() => {
 		if (!K) return;
 		let e = (e) => {
-			let t = e.target, n = W.current?.contains(t), r = ee.current?.contains(t);
+			let t = e.target, n = L.current?.contains(t), r = te.current?.contains(t);
 			!n && !r && q(!1);
 		}, t = (e) => {
 			e.key === "Escape" && (q(!1), G.current?.focus());
@@ -263,167 +443,171 @@ var T = {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		};
 	}, [K]);
-	let le = (e) => {
-		if (B(e, x, S)) return;
-		let t = new Date(e);
-		t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), a === "date" && q(!1);
+	let ue = (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 (ne(e), !e) {
+		if (re(e), !e) {
 			i?.(null);
 			return;
 		}
-		let t = I(e, "time");
+		let t = z(e, "time");
 		if (!t) return;
 		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);
-	}, ue = h ?? (a === "date" ? "Выберите дату" : a === "time" ? "Введите время" : "Выберите дату и время"), de = [P, U].filter(Boolean).join(" ") || void 0, fe = K && !y ? /* @__PURE__ */ n("div", {
-		ref: ee,
-		className: A.panel,
+	}, de = h ?? (a === "date" ? "--.--.----" : a === "time" ? "--:--" : "--.--.---- --:--"), fe = [M, I].filter(Boolean).join(" ") || void 0, pe = K && !y ? /* @__PURE__ */ n("div", {
+		ref: te,
+		className: N.panel,
 		role: "dialog",
-		"aria-label": m ?? ue,
-		style: re ? {
-			top: re.top,
-			left: re.left,
-			maxHeight: re.maxHeight
+		"aria-label": m ?? de,
+		style: ie ? {
+			top: ie.top,
+			left: ie.left,
+			maxHeight: ie.maxHeight
 		} : {
 			visibility: "hidden",
 			top: 0,
 			left: 0
 		},
-		children: [oe && /* @__PURE__ */ n(e, { children: [
+		children: [se && /* @__PURE__ */ n(e, { children: [
 			/* @__PURE__ */ n("div", {
-				className: A.calendarHeader,
+				className: N.calendarHeader,
 				children: [
 					/* @__PURE__ */ t("button", {
 						type: "button",
-						className: A.nav,
+						className: N.nav,
 						"aria-label": "Предыдущий месяц",
-						onClick: () => Y(new Date(J.getFullYear(), J.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: A.monthSelect,
+						className: N.monthSelect,
 						"aria-label": "Месяц",
 						value: J.getMonth(),
-						onChange: (e) => Y(new Date(J.getFullYear(), Number(e.target.value), 1)),
-						children: M.map((e, n) => /* @__PURE__ */ t("option", {
+						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: A.yearInput,
+						className: N.yearInput,
 						type: "number",
 						"aria-label": "Год",
 						value: J.getFullYear(),
-						onChange: (e) => Y(new Date(Number(e.target.value), J.getMonth(), 1))
+						onChange: (e) => ne(new Date(Number(e.target.value), J.getMonth(), 1))
 					}),
 					/* @__PURE__ */ t("button", {
 						type: "button",
-						className: A.nav,
+						className: N.nav,
 						"aria-label": "Следующий месяц",
-						onClick: () => Y(new Date(J.getFullYear(), J.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: A.weekdays,
-				children: j.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: A.days,
-				children: ae.map((e) => {
-					let n = z(r, e);
+				className: N.days,
+				children: oe.map((e) => {
+					let n = H(r, e);
 					return /* @__PURE__ */ t("button", {
 						type: "button",
-						className: `${A.day} ${e.getMonth() === J.getMonth() ? "" : A.outside} ${n ? A.selected : ""}`,
-						disabled: B(e, x, S),
+						className: `${N.day} ${e.getMonth() === J.getMonth() ? "" : N.outside} ${n ? N.selected : ""}`,
+						disabled: ee(e, x, S),
 						"aria-pressed": n,
-						onClick: () => le(e),
+						onClick: () => ue(e),
 						children: e.getDate()
 					}, e.toISOString());
 				})
 			})
-		] }), se && /* @__PURE__ */ n("label", {
-			className: A.timeLabel,
+		] }), ce && /* @__PURE__ */ n("label", {
+			className: N.timeLabel,
 			children: [/* @__PURE__ */ t("span", { children: "Время" }), /* @__PURE__ */ t("input", {
-				className: A.timeInput,
+				className: N.timeInput,
 				type: "time",
-				value: te,
+				value: Y,
 				onChange: (e) => X(e.target.value)
 			})]
 		})]
 	}) : null;
 	return /* @__PURE__ */ n("div", {
-		ref: W,
-		className: `${A.wrapper} ${O}`,
+		ref: L,
+		className: `${N.wrapper} ${O}`,
 		children: [
 			m && /* @__PURE__ */ t(E, {
-				htmlFor: N,
+				htmlFor: j,
 				required: b,
 				disabled: v,
 				children: m
 			}),
 			/* @__PURE__ */ n("button", {
 				ref: G,
-				id: N,
+				id: j,
 				name: T,
 				type: "button",
-				className: `${A.trigger} ${A[C]} ${_ ? A.error : ""}`,
+				className: `${N.trigger} ${N[C]} ${_ ? N.error : ""}`,
 				disabled: v,
 				"aria-readonly": y || void 0,
 				"aria-expanded": K,
 				"aria-haspopup": "dialog",
-				"aria-describedby": de,
+				"aria-describedby": fe,
 				onClick: () => {
 					y || q((e) => !e);
 				},
 				children: [/* @__PURE__ */ t("span", {
-					className: r ? A.value : A.placeholder,
-					children: L(r, a) || ue
+					className: r ? N.value : N.placeholder,
+					children: B(r, a) || de
 				}), /* @__PURE__ */ t("span", {
-					className: [A.chevron, fe ? A.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
 					})
 				})]
 			}),
-			fe && p(fe, document.body),
+			pe && p(pe, document.body),
 			g && !_ && /* @__PURE__ */ t(D, {
-				id: P,
+				id: M,
 				children: g
 			}),
 			_ && /* @__PURE__ */ t(D, {
-				id: U,
+				id: I,
 				variant: "error",
 				children: _
 			})
 		]
 	});
-}, W = {
+}, te = {
 	root: "_root_1q42e_1",
 	legend: "_legend_1q42e_3",
 	range: "_range_1q42e_5"
-}, G = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), ee = ({ 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), G(e) && r?.(e);
+		i?.(e), K(e) && r?.(e);
 	};
 	return /* @__PURE__ */ n("fieldset", {
-		className: `${W.root} ${h}`,
+		className: `${te.root} ${h}`,
 		disabled: f,
 		children: [/* @__PURE__ */ n("div", {
-			className: W.range,
-			children: [/* @__PURE__ */ t(U, {
+			className: te.range,
+			children: [/* @__PURE__ */ t(G, {
 				value: e.from,
 				mode: a === "datetime" ? "datetime" : a,
 				label: o,
@@ -437,7 +621,7 @@ var T = {
 					...e,
 					from: t
 				})
-			}), /* @__PURE__ */ t(U, {
+			}), /* @__PURE__ */ t(G, {
 				value: e.to,
 				mode: a === "datetime" ? "datetime" : a,
 				label: s,
@@ -454,7 +638,7 @@ var T = {
 			})]
 		}), c && !g && /* @__PURE__ */ t(D, { children: c })]
 	});
-}, K = {
+}, J = {
 	group: "_group_1fs9e_1",
 	skeleton: "_skeleton_1fs9e_3",
 	text: "_text_1fs9e_5",
@@ -462,55 +646,55 @@ var T = {
 	circular: "_circular_1fs9e_9",
 	animated: "_animated_1fs9e_11",
 	"ds-skeleton": "_ds-skeleton_1fs9e_1"
-}, q = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
-	className: `${K.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: `${K.skeleton} ${K[e]} ${a ? K.animated : ""}`,
+		className: `${J.skeleton} ${J[e]} ${a ? J.animated : ""}`,
 		style: {
 			width: s === i - 1 && i > 1 ? "70%" : n,
 			height: r
 		}
 	}, s))
-}), J = {
-	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"
-}, Y = 8, te = 6, ne = 120, re = (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;
-}, ie = (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;
-}, ae = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опцию", disabled: m = !1, stringWhileDisabled: h = !1, label: g, error: _, size: v = "md", hint: y, className: b = "", required: x = !1, name: S, id: C, needMark: w = !0, maxMenuHeight: T }) => {
-	let D = c(), O = C ?? `ds-dropdown-${S ?? D}`, k = `${O}-listbox`, [A, j] = f(!1), [M, N] = f(null), P = d(null), F = d(null), I = d(null), L = d([]), R = u(() => e.find((e) => e.value === r), [e, r]), z = y ? `${O}-hint` : void 0, B = _ ? `${O}-error` : void 0, V = [z, B].filter(Boolean).join(" ") || void 0, H = m && h, U = o(() => {
-		let e = F.current, t = I.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 - Y, o = n.top - Y, s = a < r.height && o > a, c = Math.max(ne, s ? o : a), l = ie(T), u = Math.min(c, l), d = n.left, f = i - n.width - Y, p = Math.max(Y, Math.min(d, f)), m = s ? Math.max(Y, n.top - r.height - te) : n.bottom + te;
-		N({
+		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,
@@ -518,48 +702,48 @@ var T = {
 		});
 	}, [T]);
 	l(() => {
-		if (!A) {
-			N(null);
+		if (!j) {
+			P(null);
 			return;
 		}
 		return U(), window.addEventListener("resize", U), window.addEventListener("scroll", U, !0), () => {
 			window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0);
 		};
 	}, [
-		A,
+		j,
 		U,
 		e.length
 	]), s(() => {
-		if (!A) return;
+		if (!j) return;
 		let e = (e) => {
-			let t = e.target, n = P.current?.contains(t), r = I.current?.contains(t);
-			!n && !r && j(!1);
+			let t = e.target, n = F.current?.contains(t), r = L.current?.contains(t);
+			!n && !r && M(!1);
 		}, t = (e) => {
-			e.key === "Escape" && (j(!1), F.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);
 		};
-	}, [A]);
+	}, [j]);
 	let W = (t, n) => {
-		let r = re(e, t, n);
+		let r = oe(e, t, n);
 		if (r === -1) return;
-		let i = L.current[r];
+		let i = R.current[r];
 		i?.focus(), i?.scrollIntoView({ block: "nearest" });
 	}, G = (e) => {
-		e.disabled || (i?.(e.value, e), j(!1), F.current?.focus());
-	}, ee = A ? /* @__PURE__ */ t("ul", {
-		ref: I,
+		e.disabled || (i?.(e.value, e), M(!1), I.current?.focus());
+	}, te = j ? /* @__PURE__ */ t("ul", {
+		ref: L,
 		id: k,
-		className: J.menu,
+		className: Y.menu,
 		role: "listbox",
 		"aria-label": g,
-		style: M ? {
+		style: N ? {
 			position: "fixed",
-			top: M.top,
-			left: M.left,
-			width: M.width,
-			maxHeight: M.maxHeight
+			top: N.top,
+			left: N.left,
+			width: N.width,
+			maxHeight: N.maxHeight
 		} : {
 			position: "fixed",
 			top: 0,
@@ -573,16 +757,16 @@ var T = {
 				role: "presentation",
 				children: /* @__PURE__ */ n("button", {
 					ref: (e) => {
-						L.current[a] = e;
+						R.current[a] = e;
 					},
 					type: "button",
 					role: "option",
 					"aria-selected": o,
 					disabled: i.disabled,
 					className: [
-						J[v],
-						J.option,
-						o ? J.selected : ""
+						Y[v],
+						Y.option,
+						o ? Y.selected : ""
 					].filter(Boolean).join(" "),
 					onClick: () => G(i),
 					onKeyDown: (t) => {
@@ -591,122 +775,117 @@ var T = {
 							let e = t.key === "ArrowDown" ? 1 : -1;
 							W(a + e, e);
 						}
-						if (t.key === "Tab" && j(!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;
 							W(t.key === "Home" ? 0 : e.length - 1, n);
 						}
 						(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: P,
+		ref: F,
 		className: [
-			J.wrapper,
-			_ ? J.errorState : "",
+			Y.wrapper,
+			_ ? Y.errorState : "",
 			b
 		].filter(Boolean).join(" "),
 		children: [
 			g && /* @__PURE__ */ t(E, {
 				required: x,
 				disabled: m,
-				htmlFor: H ? void 0 : O,
+				htmlFor: ee ? void 0 : O,
 				children: g
 			}),
 			/* @__PURE__ */ t("div", {
-				className: J.container,
-				children: H ? /* @__PURE__ */ t("div", {
+				className: Y.container,
+				children: ee ? /* @__PURE__ */ t("div", {
 					id: O,
-					className: J.disabledText,
-					"aria-describedby": V,
-					children: R?.label ?? a
+					className: Y.disabledText,
+					"aria-describedby": H,
+					children: z?.label ?? a
 				}) : /* @__PURE__ */ n("button", {
-					ref: F,
+					ref: I,
 					id: O,
 					type: "button",
 					name: S,
-					className: `${J.trigger} ${J[v]}`,
+					className: `${Y.trigger} ${Y[v]}`,
 					disabled: m,
 					"aria-haspopup": "listbox",
-					"aria-expanded": A,
+					"aria-expanded": j,
 					"aria-controls": k,
-					"aria-describedby": V,
+					"aria-describedby": H,
 					"aria-invalid": !!_,
-					onClick: () => j((e) => !e),
+					onClick: () => M((e) => !e),
 					onKeyDown: (t) => {
 						if (t.key === "ArrowDown" || t.key === "ArrowUp") {
-							t.preventDefault(), j(!0);
+							t.preventDefault(), M(!0);
 							let n = t.key === "ArrowDown" ? 1 : -1;
 							requestAnimationFrame(() => {
 								W(t.key === "ArrowDown" ? 0 : e.length - 1, n);
 							});
 						}
-						if (t.key === "Enter" && A) {
+						if (t.key === "Enter" && j) {
 							t.preventDefault();
 							let n = e.findIndex((e) => e.value === r);
 							W(n >= 0 ? n : 0, 1);
 						}
 					},
 					children: [/* @__PURE__ */ t("span", {
-						className: `${R ? J.value : J.placeholder}
-                                    ${J[v]}`,
-						children: R?.label ?? a
+						className: `${z ? Y.value : Y.placeholder}
+                                    ${Y[v]}`,
+						children: z?.label ?? a
 					}), /* @__PURE__ */ t("span", {
-						className: [J.chevron, A ? J.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
 						})
 					})]
 				})
 			}),
-			A && p(ee, document.body),
+			j && p(te, document.body),
 			y && !_ && /* @__PURE__ */ t("span", {
-				id: z,
-				className: J.message,
+				id: B,
+				className: Y.message,
 				children: y
 			}),
 			_ && /* @__PURE__ */ t("span", {
-				id: B,
-				className: J.error,
+				id: V,
+				className: Y.error,
 				children: _
 			})
 		]
 	});
-}, oe = (e) => `${e.id}:${e.direction}`, se = ({ 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: oe({
+		value: le({
 			id: e.id,
 			direction: "asc"
 		}),
 		label: e.ascLabel ?? `${e.label} · по возрастанию`,
 		disabled: e.disabled
 	}, {
-		value: oe({
+		value: le({
 			id: e.id,
 			direction: "desc"
 		}),
 		label: e.descLabel ?? `${e.label} · по убыванию`,
 		disabled: e.disabled
 	}]);
-	return /* @__PURE__ */ t(ae, {
+	return /* @__PURE__ */ t(ce, {
 		options: c,
-		value: n ? oe(n) : "",
+		value: n ? le(n) : "",
 		label: i,
 		placeholder: a,
 		disabled: o,
@@ -719,56 +898,33 @@ var T = {
 			});
 		}
 	});
-}, ce = {
-	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"
-}, le = ({ 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: ce[e] })]
-}), 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"
-}, ue = g({
+}, X = {
+	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"
+}, de = g({
 	rowSortingFeature: h,
 	sortedRowModel: m()
-}), de = (e, t) => t <= 7 ? Array.from({ length: t }, (e, t) => t) : e <= 3 ? [
+}), fe = (e, t) => t <= 7 ? Array.from({ length: t }, (e, t) => t) : e <= 3 ? [
 	0,
 	1,
 	2,
@@ -792,7 +948,7 @@ var T = {
 	e + 1,
 	"ellipsis-end",
 	t - 1
-], fe = (e, t) => {
+], pe = (e, t) => {
 	let n = /* @__PURE__ */ new Set();
 	for (let t of e) {
 		if (!t.id.trim()) return "Идентификатор колонки не может быть пустым";
@@ -804,36 +960,36 @@ var T = {
 		for (let t of e) if (typeof t.accessor == "string" && !(t.accessor in r)) return `В строке ${n + 1} отсутствует колонка «${t.id}»`;
 	}
 	return null;
-}, pe = (e, t) => typeof e == "function" ? e(t) : t[e], me = (e) => {
+}, me = (e, t) => typeof e == "function" ? e(t) : t[e], he = (e) => {
 	if (e == null || e === "") return null;
 	let t = Date.parse(String(e));
 	return Number.isNaN(t) ? null : t;
-}, he = (e, t, n) => {
-	let r = me(e.getValue(n)), i = me(t.getValue(n));
-	return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
 }, ge = (e, t, n) => {
+	let r = he(e.getValue(n)), i = he(t.getValue(n));
+	return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
+}, _e = (e, t, n) => {
 	let r = e.getValue(n), i = t.getValue(n);
 	return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(r) - Number(i);
-}, _e = (e, t, n) => {
+}, ve = (e, t, n) => {
 	let r = e.getValue(n), i = t.getValue(n);
 	return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(!!r) - Number(!!i);
-}, ve = (e, t, n) => {
+}, ye = (e, t, n) => {
 	let r = String(e.getValue(n) ?? ""), i = String(t.getValue(n) ?? "");
 	return r.localeCompare(i, void 0, {
 		numeric: !0,
 		sensitivity: "base"
 	});
-}, ye = (e) => {
+}, be = (e) => {
 	switch (e) {
-		case "date": return he;
-		case "number": return ge;
-		case "boolean": return _e;
+		case "date": return ge;
+		case "number": return _e;
+		case "boolean": return ve;
 		case "text":
-		case void 0: return ve;
+		case void 0: return ye;
 		case "custom": return;
 	}
-}, be = (e) => {
-	let t = (t) => pe(e.accessor, t), n = e.sortFn ?? ye(e.dataType), r = e.enableSorting ?? (e.dataType !== "custom" && n !== void 0), i = {
+}, xe = (e) => {
+	let t = (t) => me(e.accessor, t), n = e.sortFn ?? be(e.dataType), r = e.enableSorting ?? (e.dataType !== "custom" && n !== void 0), i = {
 		id: e.id,
 		accessorFn: t,
 		header: () => e.header,
@@ -845,56 +1001,56 @@ var T = {
 		sortDescFirst: e.sortDescFirst
 	};
 	return n !== void 0 && (i.sortFn = n), i;
-}, xe = ({ columns: e, data: r, tableOnMobile: i = !1, breakpoint: a = "default", sorting: o, onSortingChange: c, renderMobileCard: l, getRowId: d, caption: p, ariaLabel: m, loading: h = !1, error: g, emptyState: v = "Нет данных", stickyHeader: y = !1, maxHeight: b, className: x = "", onRowClick: S, pagination: C = !1, pageSize: T = 30, visibleColumnIds: E }) => {
-	let [D, O] = f([]), [k, A] = f(0), j = o ?? D, M = j.map((e) => `${e.id}:${e.desc ? "desc" : "asc"}`).join("|"), N = Number.isFinite(T) && T > 0 ? Math.floor(T) : 30, P = u(() => {
+}, 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, E]), F = u(() => P.length === 0 ? "Должна быть видима хотя бы одна колонка" : fe(P, r), [r, P]), I = u(() => P.map(be), [P]), L = _({
-		features: ue,
-		columns: I,
+	}, [e, E]), I = u(() => F.length === 0 ? "Должна быть видима хотя бы одна колонка" : pe(F, r), [r, F]), L = u(() => F.map(xe), [F]), R = _({
+		features: de,
+		columns: L,
 		data: r,
-		state: { sorting: j },
+		state: { sorting: M },
 		onSortingChange: (e) => {
-			let t = typeof e == "function" ? e(j) : e;
-			o === void 0 && O(t), A(0), c?.(t);
+			let t = typeof e == "function" ? e(M) : e;
+			o === void 0 && O(t), j(0), c?.(t);
 		},
 		getRowId: d
-	}), R = L.getRowModel().rows, z = C ? Math.max(1, Math.ceil(R.length / N)) : 1, B = Math.min(k, z - 1), V = u(() => C ? R.slice(B * N, (B + 1) * N) : R, [
-		N,
+	}), 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,
-		B,
-		R
-	]), H = u(() => P.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
-	})), [P]), U = u(() => de(B, z), [z, B]), W = [
+	})), [F]), U = u(() => fe(V, B), [B, V]), W = [
 		X.root,
 		a === "wide" ? X.wide : X.default,
 		i ? X.tableOnMobile : "",
 		x
-	].filter(Boolean).join(" "), G = F ?? g, ee = C && !h && !G && R.length > N, K = B * N + 1, J = Math.min((B + 1) * N, R.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(() => {
-		A(0);
+		j(0);
 	}, [
 		r,
-		N,
+		P,
 		C,
-		M
+		N
 	]), s(() => {
-		k >= z && A(z - 1);
-	}, [z, k]), /* @__PURE__ */ n("section", {
+		k >= B && j(B - 1);
+	}, [B, k]), /* @__PURE__ */ n("section", {
 		className: W,
 		"aria-busy": h,
 		children: [
-			!i && !h && !G && V.length > 0 && H.length > 0 && /* @__PURE__ */ t(se, {
+			!i && !h && !G && H.length > 0 && ee.length > 0 && /* @__PURE__ */ t(ue, {
 				className: X.mobileSort,
-				options: H,
-				value: j[0] ? {
-					id: j[0].id,
-					direction: j[0].desc ? "desc" : "asc"
+				options: ee,
+				value: M[0] ? {
+					id: M[0].id,
+					direction: M[0].desc ? "desc" : "asc"
 				} : null,
-				onChange: (e) => L.setSorting([{
+				onChange: (e) => R.setSorting([{
 					id: e.id,
 					desc: e.direction === "desc"
 				}])
@@ -909,7 +1065,7 @@ var T = {
 						p && /* @__PURE__ */ t("caption", { children: p }),
 						/* @__PURE__ */ t("thead", {
 							className: y ? X.sticky : "",
-							children: L.getHeaderGroups().map((e) => /* @__PURE__ */ t("tr", { children: e.headers.map((e) => {
+							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",
@@ -919,26 +1075,27 @@ var T = {
 										className: X.sortButton,
 										disabled: !i,
 										onClick: a,
-										children: [/* @__PURE__ */ t(L.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: P.length,
-							children: /* @__PURE__ */ t(q, { lines: 3 })
+							colSpan: F.length,
+							children: /* @__PURE__ */ t(ne, { lines: 3 })
 						}) }) : G ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
 							className: X.state,
-							colSpan: P.length,
+							colSpan: F.length,
 							children: G
-						}) }) : V.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
+						}) }) : H.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
 							className: X.state,
-							colSpan: P.length,
+							colSpan: F.length,
 							children: v
-						}) }) : V.map((e) => /* @__PURE__ */ t("tr", {
+						}) }) : H.map((e) => /* @__PURE__ */ t("tr", {
 							className: S ? X.clickableRow : void 0,
 							onClick: () => S?.(e.original),
 							onKeyDown: (t) => {
@@ -946,7 +1103,7 @@ var T = {
 							},
 							tabIndex: S ? 0 : void 0,
 							role: S ? "button" : void 0,
-							children: e.getAllCells().map((e) => /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(L.FlexRender, { cell: e }) }, e.id))
+							children: e.getAllCells().map((e) => /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(R.FlexRender, { cell: e }) }, e.id))
 						}, e.id)) })
 					]
 				})
@@ -955,21 +1112,21 @@ var T = {
 				className: X.cards,
 				role: "list",
 				"aria-label": m ?? p,
-				children: h ? /* @__PURE__ */ t(q, { lines: 4 }) : G ? /* @__PURE__ */ t("div", {
+				children: h ? /* @__PURE__ */ t(ne, { lines: 4 }) : G ? /* @__PURE__ */ t("div", {
 					className: X.state,
 					children: G
-				}) : V.length === 0 ? /* @__PURE__ */ t("div", {
+				}) : H.length === 0 ? /* @__PURE__ */ t("div", {
 					className: X.state,
 					children: v
-				}) : V.map((e) => {
+				}) : H.map((e) => {
 					if (l) return /* @__PURE__ */ t("div", {
 						role: "listitem",
 						children: l({
 							row: e.original,
-							columns: P
+							columns: F
 						})
 					}, e.id);
-					let r = P.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), i = r.find((e) => e.mobile?.primary) ?? r.find((e) => e.mobile?.mobileVariant !== "actions"), a = (t) => pe(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: X.card,
@@ -984,7 +1141,7 @@ var T = {
 					}, e.id);
 				})
 			}),
-			ee && /* @__PURE__ */ n("nav", {
+			te && /* @__PURE__ */ n("nav", {
 				className: X.pagination,
 				"aria-label": "Пагинация таблицы",
 				children: [/* @__PURE__ */ n("span", {
@@ -993,9 +1150,9 @@ var T = {
 					children: [
 						K,
 						"–",
-						J,
+						q,
 						" из ",
-						R.length
+						z.length
 					]
 				}), /* @__PURE__ */ n("div", {
 					className: X.paginationControls,
@@ -1003,13 +1160,13 @@ var T = {
 						/* @__PURE__ */ n(w, {
 							variant: "empty",
 							size: "md",
-							disabled: B === 0,
+							disabled: V === 0,
 							"aria-label": "Предыдущая страница",
 							onClick: () => {
-								A((e) => Math.max(0, e - 1));
+								j((e) => Math.max(0, e - 1));
 							},
-							children: [/* @__PURE__ */ t(le, {
-								name: "chevron",
+							children: [/* @__PURE__ */ t(A, {
+								name: "IconChevron",
 								width: 18,
 								height: 18,
 								className: X.previousIcon
@@ -1021,13 +1178,13 @@ var T = {
 						/* @__PURE__ */ t("div", {
 							className: X.pageNumbers,
 							children: U.map((e) => typeof e == "number" ? /* @__PURE__ */ t(w, {
-								variant: e === B ? "secondary" : "empty",
+								variant: e === V ? "secondary" : "empty",
 								size: "md",
 								className: X.pageButton,
 								"aria-label": `Перейти на страницу ${e + 1}`,
-								"aria-current": e === B ? "page" : void 0,
+								"aria-current": e === V ? "page" : void 0,
 								onClick: () => {
-									A(e);
+									j(e);
 								},
 								children: e + 1
 							}, e) : /* @__PURE__ */ t("span", {
@@ -1039,16 +1196,16 @@ var T = {
 						/* @__PURE__ */ n(w, {
 							variant: "empty",
 							size: "md",
-							disabled: B === z - 1,
+							disabled: V === B - 1,
 							"aria-label": "Следующая страница",
 							onClick: () => {
-								A((e) => Math.min(z - 1, e + 1));
+								j((e) => Math.min(B - 1, e + 1));
 							},
 							children: [/* @__PURE__ */ t("span", {
 								className: X.paginationButtonLabel,
 								children: "Вперёд"
-							}), /* @__PURE__ */ t(le, {
-								name: "chevron",
+							}), /* @__PURE__ */ t(A, {
+								name: "IconChevron",
 								width: 18,
 								height: 18,
 								className: X.nextIcon
@@ -1059,168 +1216,228 @@ var T = {
 			})
 		]
 	});
-}, Se = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опции", disabled: o = !1, label: l, error: p, hint: m, className: h = "", name: g, id: _, closeOnSelect: v = !1, maxMenuHeight: y }) => {
-	let b = c(), x = _ ?? `ds-dropdown-multiple-${g ?? b}`, [S, C] = f(!1), w = d(null), T = d(null), E = d([]), D = u(() => e.filter((e) => r.includes(e.value)), [e, r]), O = D.map((e) => e.label).join(", "), k = m ? `${x}-hint` : void 0, A = p ? `${x}-error` : void 0;
-	s(() => {
+}, Ce = 8, we = 6, Te = 120, Ee = (e) => {
+	if (typeof e == "number") return e;
+	if (typeof e == "string") {
+		let t = Number.parseFloat(e);
+		if (Number.isFinite(t)) return t;
+	}
+	return Infinity;
+}, De = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опции", disabled: m = !1, stringWhileDisabled: h = !1, label: g, error: _, size: v = "md", required: y = !1, hint: b, className: x = "", name: S, id: C, closeOnSelect: w = !1, needMark: T = !0, maxMenuHeight: 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;
+		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(D))
+		});
+	}, [D]);
+	l(() => {
+		if (!M) {
+			F(null);
+			return;
+		}
+		return W(), window.addEventListener("resize", W), window.addEventListener("scroll", W, !0), () => {
+			window.removeEventListener("resize", W), window.removeEventListener("scroll", W, !0);
+		};
+	}, [
+		M,
+		e.length,
+		W
+	]), s(() => {
+		if (!M) return;
 		let e = (e) => {
-			w.current?.contains(e.target) || C(!1);
+			let t = e.target;
+			!I.current?.contains(t) && !R.current?.contains(t) && N(!1);
 		}, t = (e) => {
-			e.key === "Escape" && S && (C(!1), T.current?.focus());
+			e.key === "Escape" && (N(!1), L.current?.focus());
 		};
-		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
-			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		};
-	}, [S]);
-	let j = (t) => {
+	}, [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))), v && (C(!1), T.current?.focus());
-	}, M = (t, n) => {
-		let r = re(e, t, n);
-		E.current[r]?.focus(), E.current[r]?.scrollIntoView({ block: "nearest" });
-	};
+		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: P ? {
+			position: "fixed",
+			top: P.top,
+			left: P.left,
+			width: P.width,
+			maxHeight: P.maxHeight
+		} : {
+			position: "fixed",
+			top: 0,
+			left: 0,
+			visibility: "hidden",
+			maxHeight: 0
+		},
+		children: e.map((i, a) => {
+			let o = r.includes(i.value);
+			return /* @__PURE__ */ t("li", {
+				role: "presentation",
+				children: /* @__PURE__ */ n("button", {
+					ref: (e) => {
+						z.current[a] = e;
+					},
+					type: "button",
+					role: "option",
+					"aria-selected": o,
+					disabled: i.disabled,
+					className: [
+						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;
+							G(a + e, e);
+						}
+						if (t.key === "Home" || t.key === "End") {
+							t.preventDefault();
+							let n = t.key === "Home" ? 1 : -1;
+							G(t.key === "Home" ? 0 : e.length - 1, n);
+						}
+						(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(A, {
+						name: "IconCheck",
+						width: 16,
+						height: 16
+					})]
+				})
+			}, i.value);
+		})
+	}) : null;
 	return /* @__PURE__ */ n("div", {
-		ref: w,
+		ref: I,
 		className: [
-			J.wrapper,
-			p ? J.errorState : "",
-			h
+			Y.wrapper,
+			_ ? Y.errorState : "",
+			x
 		].filter(Boolean).join(" "),
 		children: [
-			l && /* @__PURE__ */ t("label", {
-				htmlFor: x,
-				className: J.label,
-				children: l
+			g && /* @__PURE__ */ t(E, {
+				htmlFor: U ? void 0 : k,
+				required: y,
+				disabled: m,
+				children: g
 			}),
-			/* @__PURE__ */ n("div", {
-				className: J.container,
-				children: [/* @__PURE__ */ n("button", {
-					ref: T,
-					id: x,
+			/* @__PURE__ */ t("div", {
+				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: L,
+					id: k,
 					type: "button",
-					name: g,
-					className: J.trigger,
-					disabled: o,
+					name: S,
+					className: `${Y.trigger} ${Y[v]}`,
+					disabled: m,
 					"aria-haspopup": "listbox",
-					"aria-expanded": S,
-					"aria-controls": `${x}-listbox`,
-					"aria-describedby": [k, A].filter(Boolean).join(" ") || void 0,
-					"aria-invalid": !!p,
-					onClick: () => C((e) => !e),
+					"aria-expanded": M,
+					"aria-controls": j,
+					"aria-describedby": ee,
+					"aria-invalid": !!_,
+					onClick: () => N((e) => !e),
 					onKeyDown: (t) => {
 						if (t.key === "ArrowDown" || t.key === "ArrowUp") {
-							t.preventDefault(), C(!0);
+							t.preventDefault(), N(!0);
 							let n = t.key === "ArrowDown" ? 1 : -1;
-							requestAnimationFrame(() => M(t.key === "ArrowDown" ? 0 : e.length - 1, n));
+							requestAnimationFrame(() => G(t.key === "ArrowDown" ? 0 : e.length - 1, n));
 						}
 					},
 					children: [/* @__PURE__ */ t("span", {
-						className: D.length ? J.value : J.placeholder,
-						children: O || a
+						className: `${B ? Y.value : Y.placeholder} ${Y[v]}`,
+						children: B || a
 					}), /* @__PURE__ */ t("span", {
-						className: `${J.chevron} ${S ? J.chevronOpen : ""}`,
+						className: [Y.chevron, M ? Y.chevronOpen : ""].filter(Boolean).join(" "),
 						"aria-hidden": "true",
-						children: "⌄"
+						children: /* @__PURE__ */ t(A, {
+							name: "IconChevron",
+							width: 20,
+							height: 20
+						})
 					})]
-				}), S && /* @__PURE__ */ t("ul", {
-					id: `${x}-listbox`,
-					className: J.menu,
-					role: "listbox",
-					"aria-label": l,
-					"aria-multiselectable": "true",
-					style: { maxHeight: y },
-					children: e.map((i, a) => {
-						let o = r.includes(i.value);
-						return /* @__PURE__ */ t("li", {
-							role: "presentation",
-							children: /* @__PURE__ */ n("button", {
-								ref: (e) => {
-									E.current[a] = e;
-								},
-								type: "button",
-								role: "option",
-								"aria-selected": o,
-								disabled: i.disabled,
-								className: `${J.option} ${o ? J.selected : ""}`,
-								onClick: () => j(i),
-								onKeyDown: (t) => {
-									if (t.key === "ArrowDown" || t.key === "ArrowUp") {
-										t.preventDefault();
-										let e = t.key === "ArrowDown" ? 1 : -1;
-										M(a + e, e);
-									}
-									if (t.key === "Home" || t.key === "End") {
-										t.preventDefault();
-										let n = t.key === "Home" ? 1 : -1;
-										M(t.key === "Home" ? 0 : e.length - 1, n);
-									}
-									t.key === "Tab" && C(!1);
-								},
-								children: [/* @__PURE__ */ t("span", { children: i.label }), /* @__PURE__ */ t("span", {
-									"aria-hidden": "true",
-									children: o ? "✓" : ""
-								})]
-							})
-						}, i.value);
-					})
-				})]
+				})
 			}),
-			m && !p && /* @__PURE__ */ t("span", {
-				id: k,
-				className: J.message,
-				children: m
+			M && p(K, document.body),
+			b && !_ && /* @__PURE__ */ t("span", {
+				id: V,
+				className: Y.message,
+				children: b
 			}),
-			p && /* @__PURE__ */ t("span", {
-				id: A,
-				className: J.error,
-				children: p
+			_ && /* @__PURE__ */ t("span", {
+				id: H,
+				className: Y.error,
+				children: _
 			})
 		]
 	});
-}, Ce = {
-	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"
-}, we = ({ value: e, onChange: r, type: i = "text", placeholder: a = "", disabled: o = !1, readOnly: l = !1, stringWhileDisabled: u = !1, label: p, error: m, hint: h, className: g = "", name: _, id: v, size: y = "md", clearable: b = !0, required: x = !1, selectTextOnFocus: S = !1, isPassword: C = !1, passwordVisibleLabel: w = "Скрыть пароль", passwordHiddenLabel: T = "Показать пароль", onFocus: O, ...k }) => {
-	let A = c(), j = v ?? `ds-input-${_ ?? A}`, M = d(null), [N, P] = f(!1), F = h ? `${j}-hint` : void 0, I = m ? `${j}-error` : void 0, L = String(e ?? ""), R = [F, I].filter(Boolean).join(" ") || void 0, z = C ? N ? "text" : "password" : i;
+}, Oe = {
+	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 || P(!1);
+		C || F(!1);
 	}, [C]), /* @__PURE__ */ n("div", {
-		className: `${Ce.wrapper} ${g}`,
+		className: `${Oe.wrapper} ${g}`,
 		children: [
 			p && /* @__PURE__ */ t(E, {
-				htmlFor: j,
+				htmlFor: M,
 				required: x,
 				disabled: o,
 				children: p
 			}),
 			o && u ? /* @__PURE__ */ t("div", {
-				id: j,
-				className: Ce.disabledText,
-				"aria-describedby": R,
-				children: L || a
+				id: M,
+				className: Oe.disabledText,
+				"aria-describedby": z,
+				children: R || a
 			}) : /* @__PURE__ */ n("div", {
-				className: Ce.control,
+				className: Oe.control,
 				children: [
 					/* @__PURE__ */ t("input", {
-						ref: M,
-						id: j,
+						ref: N,
+						id: M,
 						name: _,
-						type: z,
-						value: L,
+						type: B,
+						value: R,
 						placeholder: a,
 						disabled: o,
 						readOnly: l,
 						required: x,
 						"aria-invalid": !!m,
-						"aria-describedby": R,
-						className: `${Ce.input} ${Ce[y]} ${m ? Ce.inputError : ""}`,
+						"aria-describedby": z,
+						className: `${Oe.input} ${Oe[y]} ${m ? Oe.inputError : ""}`,
 						onChange: (e) => {
 							if (i === "number" && !C) {
 								let t = e.target.value === "" ? "" : Number(e.target.value);
@@ -1236,52 +1453,48 @@ var T = {
 					}),
 					C && /* @__PURE__ */ t("button", {
 						type: "button",
-						className: Ce.trailingAction,
+						className: Oe.trailingAction,
 						disabled: o,
-						"aria-label": N ? w : T,
-						"aria-pressed": N,
-						onClick: () => P((e) => !e),
-						children: N ? /* @__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 && L && !o && !l && /* @__PURE__ */ t("button", {
+					!C && b && R && !o && !l && /* @__PURE__ */ t("button", {
 						type: "button",
-						className: Ce.trailingAction,
+						className: Oe.trailingAction,
 						"aria-label": "Очистить поле",
 						onClick: () => {
-							let e = M.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(D, {
-				id: F,
+				id: I,
 				children: h
 			}),
 			m && /* @__PURE__ */ t(D, {
-				id: I,
+				id: L,
 				variant: "error",
 				children: m
 			})
 		]
 	});
-}, Te = (e, t) => {
+}, Ae = (e, t) => {
 	let n = t.trim().toLocaleLowerCase();
 	return n ? e.filter((e) => e.label.toLocaleLowerCase().includes(n) || e.value.toLocaleLowerCase().includes(n)) : e;
-}, Ee = (e, t, n) => {
+}, je = (e, t, n) => {
 	if (!e.length) return -1;
 	for (let r = 0; r < e.length; r += 1) {
 		let i = (t + r * n + e.length) % e.length;
@@ -1289,40 +1502,40 @@ var T = {
 	}
 	return -1;
 }, 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"
-}, De = 8, Oe = 6, ke = 5, Ae = {
+	wrapper: "_wrapper_1uxs8_1",
+	control: "_control_1uxs8_5",
+	inputHost: "_inputHost_1uxs8_9",
+	sm: "_sm_1uxs8_25",
+	md: "_md_1uxs8_35",
+	lg: "_lg_1uxs8_43",
+	errorState: "_errorState_1uxs8_57",
+	disabledText: "_disabledText_1uxs8_65",
+	chevron: "_chevron_1uxs8_105",
+	chevronOpen: "_chevronOpen_1uxs8_129",
+	menu: "_menu_1uxs8_133",
+	option: "_option_1uxs8_161",
+	empty: "_empty_1uxs8_161",
+	selected: "_selected_1uxs8_205",
+	active: "_active_1uxs8_205",
+	visuallyHidden: "_visuallyHidden_1uxs8_217"
+}, Me = 8, Ne = 6, Pe = 5, Fe = {
 	sm: 20,
 	md: 30,
 	lg: 40
-}, je = ({ 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(), A = T ?? `ds-search-dropdown-${w ?? k}`, j = `${A}-listbox`, M = `${A}-status`, N = b ? `${A}-hint` : void 0, P = y ? `${A}-error` : void 0, F = [
-		M,
+}, 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
-	].filter(Boolean).join(" "), I = d(null), L = d(null), R = d([]), [z, B] = f(!1), [V, H] = f(""), [U, W] = f(-1), [G, ee] = f(null), K = u(() => e.find((e) => e.value === r), [e, r]), q = u(() => Te(e, V), [e, V]), J = h && _, Y = U >= 0 ? q[U] : void 0;
-	s(() => H(K?.label ?? ""), [K?.label, r]);
-	let te = o(() => I.current?.querySelector("input") ?? null, []), ne = o((e, t) => Ee(q, e, t), [q]), re = o((e) => {
-		W(e), !(e < 0) && requestAnimationFrame(() => R.current[e]?.scrollIntoView({ block: "nearest" }));
-	}, []), ie = o(() => {
-		let e = te();
+		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 = Y();
 		if (!e) return;
-		let t = e.getBoundingClientRect(), n = Math.max(1, Math.min(q.length, ke)) * Ae[x] + 2, r = window.innerHeight - t.bottom - De, i = t.top - De, a = r < n && i > r, o = a ? i : r, s = Math.max(Ae[x] + 2, Math.min(n, o)), c = window.innerWidth - t.width - De, l = Math.max(De, Math.min(t.left, c)), u = a ? Math.max(De, t.top - s - Oe) : t.bottom + Oe;
-		ee({
+		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,
 			width: t.width,
@@ -1330,32 +1543,32 @@ var T = {
 		});
 	}, [
 		q.length,
-		te,
+		Y,
 		x
 	]);
 	l(() => {
-		if (!z) {
-			ee(null);
+		if (!B) {
+			te(null);
 			return;
 		}
-		return ie(), window.addEventListener("resize", ie), window.addEventListener("scroll", ie, !0), () => {
-			window.removeEventListener("resize", ie), window.removeEventListener("scroll", ie, !0);
+		return ae(), window.addEventListener("resize", ae), window.addEventListener("scroll", ae, !0), () => {
+			window.removeEventListener("resize", ae), window.removeEventListener("scroll", ae, !0);
 		};
-	}, [z, ie]), s(() => {
-		if (!z) return;
+	}, [B, ae]), s(() => {
+		if (!B) return;
 		let e = (e) => {
 			let t = e.target;
-			!I.current?.contains(t) && !L.current?.contains(t) && (B(!1), W(-1));
+			!L.current?.contains(t) && !R.current?.contains(t) && (V(!1), W(-1));
 		};
 		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
-	}, [z]);
-	let ae = () => {
-		h || g || (B(!0), W(ne(0, 1)));
-	}, oe = (e) => {
-		e.disabled || (H(e.label), B(!1), W(-1), i?.(e.value, e), te()?.focus());
-	}, se = z ? /* @__PURE__ */ t("ul", {
-		ref: L,
-		id: j,
+	}, [B]);
+	let oe = () => {
+		h || g || (V(!0), W(re(0, 1)));
+	}, se = (e) => {
+		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,
@@ -1379,9 +1592,9 @@ var T = {
 				role: "presentation",
 				children: /* @__PURE__ */ n("button", {
 					ref: (e) => {
-						R.current[i] = e;
+						z.current[i] = e;
 					},
-					id: `${A}-option-${i}`,
+					id: `${j}-option-${i}`,
 					type: "button",
 					role: "option",
 					tabIndex: -1,
@@ -1397,17 +1610,18 @@ var T = {
 					onPointerMove: () => {
 						e.disabled || W(i);
 					},
-					onClick: () => oe(e),
-					children: [/* @__PURE__ */ t("span", { children: e.label }), a && O && /* @__PURE__ */ t("span", {
-						"aria-hidden": "true",
-						children: "✓"
+					onClick: () => se(e),
+					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: I,
+		ref: L,
 		className: [
 			Z.wrapper,
 			y ? Z.errorState : "",
@@ -1415,7 +1629,7 @@ var T = {
 		].filter(Boolean).join(" "),
 		children: [
 			v && /* @__PURE__ */ t(E, {
-				htmlFor: J ? void 0 : A,
+				htmlFor: J ? void 0 : j,
 				required: S,
 				disabled: h,
 				children: v
@@ -1425,10 +1639,10 @@ var T = {
 				children: K?.label ?? a
 			}) : /* @__PURE__ */ n("div", {
 				className: Z.control,
-				children: [/* @__PURE__ */ t(we, {
-					id: A,
+				children: [/* @__PURE__ */ t(ke, {
+					id: j,
 					name: w,
-					value: V,
+					value: H,
 					placeholder: a,
 					disabled: h,
 					readOnly: g,
@@ -1437,122 +1651,110 @@ var T = {
 					clearable: !1,
 					autoComplete: "off",
 					className: `${Z.inputHost} ${Z[x]}`,
-					onFocus: ae,
+					onFocus: oe,
 					onChange: (t) => {
-						let n = String(t), r = Te(e, n);
-						H(n), B(!0), W(Ee(r, 0, 1));
+						let n = String(t), r = Ae(e, n);
+						ee(n), V(!0), W(je(r, 0, 1));
 					},
 					role: "combobox",
 					"aria-autocomplete": "list",
-					"aria-expanded": z,
-					"aria-controls": j,
-					"aria-activedescendant": Y ? `${A}-option-${U}` : void 0,
+					"aria-expanded": B,
+					"aria-controls": M,
+					"aria-activedescendant": ne ? `${j}-option-${U}` : void 0,
 					"aria-invalid": !!y,
-					"aria-describedby": F,
-					onClick: ae,
+					"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 = U >= 0 ? U + t : t === 1 ? 0 : q.length - 1;
-								B(!0), re(ne(n, t));
+								V(!0), ie(re(n, t));
 							} else if (e.key === "Home" || e.key === "End") {
-								if (!z) return;
+								if (!B) return;
 								e.preventDefault();
 								let t = e.key === "Home" ? 1 : -1;
-								re(ne(e.key === "Home" ? 0 : q.length - 1, t));
-							} else e.key === "Enter" && z && Y ? (e.preventDefault(), oe(Y)) : e.key === "Escape" && z ? (e.preventDefault(), B(!1), W(-1)) : e.key === "Tab" && (B(!1), W(-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: `${Z.chevron} ${z ? Z.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
 					})
 				})]
 			}),
-			z && typeof document < "u" && p(se, document.body),
+			B && typeof document < "u" && p(ce, document.body),
 			/* @__PURE__ */ n("span", {
-				id: M,
+				id: N,
 				className: Z.visuallyHidden,
 				"aria-live": "polite",
 				children: ["Найдено вариантов: ", q.length]
 			}),
 			b && !y && /* @__PURE__ */ t(D, {
-				id: N,
+				id: P,
 				children: b
 			}),
 			y && /* @__PURE__ */ t(D, {
-				id: P,
+				id: F,
 				variant: "error",
 				children: y
 			})
 		]
 	});
-}, Me = {
-	root: "_root_1y2s8_1",
-	header: "_header_1y2s8_21",
-	title: "_title_1y2s8_41",
-	dismiss: "_dismiss_1y2s8_55",
-	content: "_content_1y2s8_113"
-}, Ne = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: l = "" }) => {
+}, Le = {
+	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", {
-		className: `${Me.root} ${l}`,
+		className: `${Le.root} ${l}`,
 		"aria-labelledby": u,
 		children: [/* @__PURE__ */ n("header", {
-			className: Me.header,
+			className: Le.header,
 			children: [/* @__PURE__ */ t(s, {
 				id: u,
-				className: Me.title,
+				className: Le.title,
 				children: e
-			}), i && /* @__PURE__ */ t("button", {
-				type: "button",
-				className: Me.dismiss,
+			}), 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", {
-			className: Me.content,
+			className: Le.content,
 			children: r
 		})]
 	});
-}, Pe = {
-	wrapper: "_wrapper_vu1ob_1",
-	input: "_input_vu1ob_21",
-	switch: "_switch_vu1ob_35",
-	thumb: "_thumb_vu1ob_67",
-	label: "_label_vu1ob_111",
-	disabled: "_disabled_vu1ob_123"
-}, Fe = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: l, id: u, value: d }) => {
+}, ze = {
+	wrapper: "_wrapper_ecmvo_1",
+	input: "_input_ecmvo_21",
+	switch: "_switch_ecmvo_35",
+	thumb: "_thumb_ecmvo_67",
+	label: "_label_ecmvo_113",
+	disabled: "_disabled_ecmvo_125"
+}, Be = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: l, id: u, value: d }) => {
 	let f = c(), p = u ?? `ds-radio-button-${l ?? f}`;
 	return /* @__PURE__ */ n("label", {
 		htmlFor: p,
-		className: `${Pe.wrapper} ${a ? Pe.disabled : ""} ${s}`,
+		className: `${ze.wrapper} ${a ? ze.disabled : ""} ${s}`,
 		children: [
 			/* @__PURE__ */ t("input", {
 				id: p,
-				className: Pe.input,
+				className: ze.input,
 				type: "checkbox",
 				role: "switch",
 				name: l,
@@ -1565,21 +1767,21 @@ var T = {
 				}
 			}),
 			/* @__PURE__ */ t("span", {
-				className: Pe.switch,
+				className: ze.switch,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ t("span", { className: Pe.thumb })
+				children: /* @__PURE__ */ t("span", { className: ze.thumb })
 			}),
 			i && /* @__PURE__ */ t("span", {
-				className: Pe.label,
+				className: ze.label,
 				children: i
 			})
 		]
 	});
-}, Ie = {
-	root: "_root_kepgo_1",
-	grid: "_grid_kepgo_3",
-	actions: "_actions_kepgo_5"
-}, Le = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
+}, Ve = {
+	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 = {
 			...r,
@@ -1588,11 +1790,11 @@ var T = {
 		i?.(n, e), s === "instant" && a?.(n);
 	};
 	return /* @__PURE__ */ n("section", {
-		className: `${Ie.root} ${u}`,
+		className: `${Ve.root} ${u}`,
 		"aria-label": "Фильтры",
 		"aria-busy": c,
 		children: [/* @__PURE__ */ t("div", {
-			className: Ie.grid,
+			className: Ve.grid,
 			children: e.filter((e) => !e.hidden).map((e) => {
 				let n = l || c || e.disabled, i = r[e.id];
 				if (e.type === "input") {
@@ -1602,19 +1804,20 @@ var T = {
 						placeholder: e.placeholder,
 						disabled: n
 					};
-					return e.inputType === "number" ? /* @__PURE__ */ t(we, {
+					return e.inputType === "number" ? /* @__PURE__ */ t(ke, {
 						...r,
 						type: "number",
 						value: i ?? "",
 						onChange: (t) => d(e.id, t)
-					}, e.id) : /* @__PURE__ */ t(we, {
+					}, e.id) : /* @__PURE__ */ t(ke, {
 						...r,
 						type: "text",
 						value: String(i ?? ""),
 						onChange: (t) => d(e.id, t)
 					}, e.id);
 				}
-				if (e.type === "dropdown") return /* @__PURE__ */ t(ae, {
+				if (e.type === "dropdown") return /* @__PURE__ */ t(ce, {
+					size: "lg",
 					label: e.label,
 					hint: e.hint,
 					placeholder: e.placeholder,
@@ -1623,7 +1826,8 @@ var T = {
 					disabled: n,
 					onChange: (t) => d(e.id, t)
 				}, e.id);
-				if (e.type === "multiple") return /* @__PURE__ */ t(Se, {
+				if (e.type === "multiple") return /* @__PURE__ */ t(De, {
+					size: "lg",
 					label: e.label,
 					hint: e.hint,
 					placeholder: e.placeholder,
@@ -1632,14 +1836,14 @@ var T = {
 					disabled: n,
 					onChange: (t) => d(e.id, t)
 				}, e.id);
-				if (e.type === "checkbox") return /* @__PURE__ */ t(k, {
+				if (e.type === "checkbox") return /* @__PURE__ */ t(M, {
 					label: e.label,
 					hint: e.hint,
 					checked: !!i,
 					disabled: n,
 					onChange: (t) => d(e.id, t)
 				}, e.id);
-				if (e.type === "radio") return /* @__PURE__ */ t(Fe, {
+				if (e.type === "radio") return /* @__PURE__ */ t(Be, {
 					label: e.label,
 					checked: !!i,
 					disabled: n,
@@ -1649,7 +1853,7 @@ var T = {
 					from: null,
 					to: null
 				};
-				return /* @__PURE__ */ t(ee, {
+				return /* @__PURE__ */ t(q, {
 					hint: e.hint,
 					mode: e.mode,
 					min: e.min,
@@ -1660,7 +1864,7 @@ var T = {
 				}, e.id);
 			})
 		}), (o || s === "manual") && /* @__PURE__ */ n("div", {
-			className: Ie.actions,
+			className: Ve.actions,
 			children: [o && /* @__PURE__ */ t(w, {
 				variant: "destructiveOutline",
 				disabled: l || c,
@@ -1674,36 +1878,35 @@ var T = {
 			})]
 		})]
 	});
-}, Q = {
-	wrapper: "_wrapper_1ymdr_1",
-	dropzone: "_dropzone_1ymdr_3",
-	dragActive: "_dragActive_1ymdr_5",
-	disabled: "_disabled_1ymdr_7",
-	error: "_error_1ymdr_9",
-	nativeInput: "_nativeInput_1ymdr_11",
-	empty: "_empty_1ymdr_13",
-	uploadIcon: "_uploadIcon_1ymdr_15",
-	browseButton: "_browseButton_1ymdr_17",
-	files: "_files_1ymdr_19",
-	file: "_file_1ymdr_19",
-	fileName: "_fileName_1ymdr_23",
-	fileSize: "_fileSize_1ymdr_25"
-}, Re = (e) => `${e.name}:${e.size}:${e.lastModified}`, ze = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, Be = (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), Ve = ({ value: r, onChange: i, multiple: a = !1, accept: o, maxSize: s, maxFiles: l, label: u, hint: p, error: m, required: h = !1, disabled: g = !1, readOnly: _ = !1, name: v, id: y, className: b = "", dropLabel: x = "Перетащите файлы в эту область", browseLabel: S = "Выбрать файлы", addMoreLabel: C = "Добавить ещё", onReject: T }) => {
-	let O = c(), k = y ?? `ds-file-input-${v ?? O}`, A = d(null), j = d(0), [M, N] = f(!1), P = p ? `${k}-hint` : void 0, F = m ? `${k}-error` : void 0, I = [P, F].filter(Boolean).join(" ") || void 0, L = !g && !_, R = (e) => {
-		let t = [], n = new Set(r.map(Re)), c = e.filter((e) => Be(e, o) ? s !== void 0 && e.size > s ? (t.push({
+}, Ue = {
+	wrapper: "_wrapper_8w6xl_1",
+	dropzone: "_dropzone_8w6xl_3",
+	dragActive: "_dragActive_8w6xl_5",
+	disabled: "_disabled_8w6xl_7",
+	error: "_error_8w6xl_9",
+	nativeInput: "_nativeInput_8w6xl_11",
+	empty: "_empty_8w6xl_13",
+	uploadIcon: "_uploadIcon_8w6xl_15",
+	files: "_files_8w6xl_17",
+	file: "_file_8w6xl_17",
+	fileName: "_fileName_8w6xl_21",
+	fileSize: "_fileSize_8w6xl_23"
+}, 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(Re(e)) && (n.add(Re(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), A.current && (A.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: `${Q.wrapper} ${b}`,
+		className: `${Ue.wrapper} ${b}`,
 		children: [
 			u && /* @__PURE__ */ t(E, {
 				htmlFor: k,
@@ -1712,102 +1915,109 @@ var T = {
 				children: u
 			}),
 			/* @__PURE__ */ n("div", {
-				className: `${Q.dropzone} ${M ? Q.dragActive : ""} ${g ? Q.disabled : ""} ${m ? Q.error : ""}`,
+				className: `${Ue.dropzone} ${N ? Ue.dragActive : ""} ${g ? Ue.disabled : ""} ${m ? Ue.error : ""}`,
 				onDragEnter: (e) => {
-					e.preventDefault(), L && ++j.current === 1 && N(!0);
+					e.preventDefault(), R && ++M.current === 1 && P(!0);
 				},
 				onDragOver: (e) => e.preventDefault(),
 				onDragLeave: (e) => {
-					e.preventDefault(), --j.current <= 0 && (j.current = 0, N(!1));
+					e.preventDefault(), --M.current <= 0 && (M.current = 0, P(!1));
 				},
 				onDrop: (e) => {
-					e.preventDefault(), j.current = 0, N(!1), L && R(Array.from(e.dataTransfer.files));
+					e.preventDefault(), M.current = 0, P(!1), R && z(Array.from(e.dataTransfer.files));
 				},
 				children: [/* @__PURE__ */ t("input", {
-					ref: A,
+					ref: j,
 					id: k,
 					name: v,
-					className: Q.nativeInput,
+					className: Ue.nativeInput,
 					type: "file",
 					multiple: a,
 					accept: o,
 					required: h && r.length === 0,
-					disabled: !L,
-					"aria-describedby": I,
+					disabled: !R,
+					"aria-describedby": L,
 					"aria-invalid": !!m,
-					onChange: (e) => R(Array.from(e.target.files ?? []))
+					onChange: (e) => z(Array.from(e.target.files ?? []))
 				}), r.length ? /* @__PURE__ */ n(e, { children: [
 					/* @__PURE__ */ t("ul", {
-						className: Q.files,
+						className: Ue.files,
 						"aria-live": "polite",
 						children: r.map((e, a) => /* @__PURE__ */ n("li", {
-							className: Q.file,
+							className: Ue.file,
 							children: [
 								/* @__PURE__ */ t("span", {
-									className: Q.fileName,
+									className: Ue.fileName,
 									title: e.name,
 									children: e.name
 								}),
 								/* @__PURE__ */ t("span", {
-									className: Q.fileSize,
-									children: ze(e.size)
+									className: Ue.fileSize,
+									children: Ge(e.size)
 								}),
-								L && /* @__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
+									})
 								})
 							]
-						}, Re(e)))
+						}, We(e)))
 					}),
-					L && (a || r.length === 0) && /* @__PURE__ */ t(w, {
-						className: Q.browseButton,
+					R && (a || r.length === 0) && /* @__PURE__ */ t(w, {
+						className: Ue.browseButton,
 						size: "sm",
-						onClick: () => A.current?.click(),
+						onClick: () => j.current?.click(),
 						children: C
 					}),
-					L && !a && /* @__PURE__ */ t(w, {
-						className: Q.browseButton,
+					R && !a && /* @__PURE__ */ t(w, {
+						className: Ue.browseButton,
 						size: "sm",
-						onClick: () => A.current?.click(),
+						onClick: () => j.current?.click(),
 						children: S
 					})
 				] }) : /* @__PURE__ */ n("div", {
-					className: Q.empty,
+					className: Ue.empty,
 					children: [
 						/* @__PURE__ */ t("span", {
-							className: Q.uploadIcon,
+							className: Ue.uploadIcon,
 							"aria-hidden": "true",
-							children: "↑"
+							children: /* @__PURE__ */ t(A, {
+								name: "IconUpload",
+								width: 24,
+								height: 24
+							})
 						}),
-						/* @__PURE__ */ t("strong", { children: M ? "Отпустите файлы здесь" : x }),
-						!M && L && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(w, {
-							className: Q.browseButton,
-							onClick: () => A.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(D, {
-				id: P,
+				id: F,
 				children: p
 			}),
 			m && /* @__PURE__ */ t(D, {
-				id: F,
+				id: I,
 				variant: "error",
 				live: !0,
 				children: m
 			})
 		]
 	});
-}, He = 0, $ = v((e) => ({
+}, Je = 0, Q = v((e) => ({
 	modals: [],
 	openModal: (t, n = {}, r = {}) => {
-		He += 1;
-		let i = `ds-modal-${He}`;
+		Je += 1;
+		let i = `ds-modal-${Je}`;
 		return e((e) => ({ modals: [...e.modals, {
 			id: i,
 			name: t,
@@ -1819,22 +2029,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: [] })
-})), Ue = () => $.setState({ modals: [] }), We = {
-	layer: "_layer_rnqi6_1",
-	backdrop: "_backdrop_rnqi6_3",
-	panel: "_panel_rnqi6_5",
-	header: "_header_rnqi6_9",
-	title: "_title_rnqi6_11",
-	description: "_description_rnqi6_13",
-	content: "_content_rnqi6_15"
-}, Ge = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Ke = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: l = "", role: u = "dialog" }) => {
-	let f = c(), p = c(), m = d(null), h = $((e) => e.closeModal);
+})), Ye = () => Q.setState({ modals: [] }), Xe = {
+	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"
+}, Ze = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Qe = ({ 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(Ge) ?? t)?.focus(), () => e?.focus();
+		return (t?.querySelector(Ze) ?? t)?.focus(), () => e?.focus();
 	}, []), /* @__PURE__ */ n("div", {
 		ref: m,
-		className: `${We.panel} ${l}`,
+		className: `${Xe.panel} ${l}`,
 		role: u,
 		"aria-modal": "true",
 		"aria-labelledby": r ? f : void 0,
@@ -1842,7 +2053,7 @@ var T = {
 		tabIndex: -1,
 		onKeyDown: (e) => {
 			if (e.key !== "Tab") return;
-			let t = Array.from(m.current?.querySelectorAll(Ge) ?? []);
+			let t = Array.from(m.current?.querySelectorAll(Ze) ?? []);
 			if (!t.length) {
 				e.preventDefault();
 				return;
@@ -1852,57 +2063,51 @@ var T = {
 		},
 		children: [
 			(r || o) && /* @__PURE__ */ n("header", {
-				className: We.header,
+				className: Xe.header,
 				children: [r && /* @__PURE__ */ t("h2", {
 					id: f,
-					className: We.title,
+					className: Xe.title,
 					children: r
 				}), /* @__PURE__ */ t(w, {
+					className: Xe.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: We.description,
+				className: Xe.description,
 				children: i
 			}),
 			/* @__PURE__ */ t("div", {
-				className: We.content,
+				className: Xe.content,
 				children: e
 			})
 		]
 	});
-}, qe = ({ registry: e }) => {
-	let n = $((e) => e.modals), r = $((e) => e.closeModal), i = $((e) => e.closeAllModals);
+}, $e = ({ registry: e }) => {
+	let n = Q((e) => e.modals), r = Q((e) => e.closeModal), i = Q((e) => e.closeAllModals);
 	return s(() => {
 		let e = (e) => {
 			if (e.key !== "Escape") return;
-			let t = $.getState().modals.at(-1);
+			let t = Q.getState().modals.at(-1);
 			t?.closeOnEscape && r(t.id);
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [r]), !n.length || typeof document > "u" ? null : p(/* @__PURE__ */ t("div", {
-		className: We.layer,
+		className: Xe.layer,
 		"aria-label": "Модальные окна",
 		children: n.map((a, o) => {
 			let s = e[a.name];
 			return s ? /* @__PURE__ */ t("div", {
-				className: We.backdrop,
+				className: Xe.backdrop,
 				"aria-hidden": o !== n.length - 1 || void 0,
 				onMouseDown: (e) => {
 					e.target === e.currentTarget && a.closeOnBackdrop && r(a.id);
@@ -1916,31 +2121,31 @@ var T = {
 			}, a.id) : null;
 		})
 	}), document.body);
-}, Je = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
-	let o = $((e) => e.modals.length);
+}, et = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
+	let o = Q((e) => e.modals.length);
 	return s(() => {
 		if (!a || o === 0) return;
 		let e = document.body.style.overflow;
 		return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = e;
 		};
-	}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(qe, { registry: r })] });
-}, Ye = (e) => e, Xe = {
+	}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t($e, { registry: r })] });
+}, tt = (e) => e, nt = {
 	message: "_message_1vtru_1",
 	actions: "_actions_1vtru_3"
-}, Ze = /* @__PURE__ */ new Map(), Qe = 0, $e = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
+}, rt = /* @__PURE__ */ new Map(), it = 0, at = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
 	let u = (e) => {
-		Ze.get(l)?.(e), Ze.delete(l), r();
+		rt.get(l)?.(e), rt.delete(l), r();
 	};
-	return /* @__PURE__ */ n(Ke, {
+	return /* @__PURE__ */ n(Qe, {
 		modalId: e,
 		title: i,
 		role: "alertdialog",
 		children: [/* @__PURE__ */ t("p", {
-			className: Xe.message,
+			className: nt.message,
 			children: a
 		}), /* @__PURE__ */ n("div", {
-			className: Xe.actions,
+			className: nt.actions,
 			children: [/* @__PURE__ */ t(w, {
 				variant: "outline",
 				onClick: () => u(!1),
@@ -1952,55 +2157,80 @@ var T = {
 			})]
 		})]
 	});
-}, et = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Ke, {
+}, ot = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Qe, {
 	modalId: e,
 	title: i,
 	role: "alertdialog",
 	children: [/* @__PURE__ */ t("p", {
-		className: Xe.message,
+		className: nt.message,
 		children: a
 	}), /* @__PURE__ */ t("div", {
-		className: Xe.actions,
+		className: nt.actions,
 		children: /* @__PURE__ */ t(w, {
 			onClick: r,
 			children: o
 		})
 	})]
-}), tt = Ye({
-	ConfirmModal: $e,
-	ErrorModal: et
-}), nt = () => {
-	let e = $((e) => e.openModal);
+}), st = tt({
+	ConfirmModal: at,
+	ErrorModal: ot
+}), ct = () => {
+	let e = Q((e) => e.openModal);
 	return (t = {}) => new Promise((n) => {
-		Qe += 1;
-		let r = `confirm-${Qe}`;
-		Ze.set(r, n), e("ConfirmModal", {
+		it += 1;
+		let r = `confirm-${it}`;
+		rt.set(r, n), e("ConfirmModal", {
 			...t,
 			requestId: r
 		}, { closeOnEscape: !1 });
 	});
-}, rt = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", it = () => {
-	let e = $((e) => e.openModal);
+}, lt = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", ut = () => {
+	let e = Q((e) => e.openModal);
 	return { showError: (t, n) => e("ErrorModal", {
 		title: n,
-		message: rt(t)
+		message: lt(t)
 	}) };
-}, at = v(() => ({})), ot = v(() => ({})), st = () => {
-	let e = $((e) => e.modals), t = $((e) => e.openModal);
+}, dt = v(() => ({})), ft = v(() => ({})), pt = () => {
+	let e = Q((e) => e.modals), t = Q((e) => e.openModal);
 	return {
 		openModal: (e, n = {}, r) => t(e, n, r),
-		closeModal: $((e) => e.closeModal),
-		closeTopModal: $((e) => e.closeTopModal),
-		closeAllModals: $((e) => e.closeAllModals),
+		closeModal: Q((e) => e.closeModal),
+		closeTopModal: Q((e) => e.closeTopModal),
+		closeAllModals: Q((e) => e.closeAllModals),
 		isOpen: (t) => e.some((e) => e.name === t),
 		count: e.length
 	};
-}, ct = { root: "_root_fvxpr_1" }, lt = ({ label: e = "Загрузка страницы", className: r = "" }) => /* @__PURE__ */ n("div", {
-	className: `${ct.root} ${r}`,
-	role: "status",
-	"aria-label": e,
-	children: [/* @__PURE__ */ t(S, { decorative: !0 }), /* @__PURE__ */ t("span", { children: e })]
-}), ut = {
+}, mt = {
+	wrapper: "_wrapper_1qbyz_1",
+	container: "_container_1qbyz_15",
+	inner: "_inner_1qbyz_35",
+	cube: "_cube_1qbyz_53",
+	jump: "_jump_1qbyz_1",
+	cube__inner: "_cube__inner_1qbyz_67",
+	morph: "_morph_1qbyz_1"
+}, ht = () => /* @__PURE__ */ t("div", {
+	className: mt.wrapper,
+	children: /* @__PURE__ */ t("div", {
+		className: mt.container,
+		children: /* @__PURE__ */ n("div", {
+			className: mt.inner,
+			children: [
+				/* @__PURE__ */ t("div", {
+					className: mt.cube,
+					children: /* @__PURE__ */ t("div", { className: mt.cube__inner })
+				}),
+				/* @__PURE__ */ t("div", {
+					className: mt.cube,
+					children: /* @__PURE__ */ t("div", { className: mt.cube__inner })
+				}),
+				/* @__PURE__ */ t("div", {
+					className: mt.cube,
+					children: /* @__PURE__ */ t("div", { className: mt.cube__inner })
+				})
+			]
+		})
+	})
+}), gt = {
 	viewport: "_viewport_15mi5_1",
 	"top-right": "_top-right_15mi5_3",
 	"top-left": "_top-left_15mi5_5",
@@ -2013,93 +2243,24 @@ var T = {
 	success: "_success_15mi5_19",
 	warning: "_warning_15mi5_21",
 	error: "_error_15mi5_23"
-}, dt = (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;
-}, ft = ({ toast: e, onClose: r }) => {
+}, _t = {
+	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)"
+	}
+}, vt = ({ 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;
@@ -2114,7 +2275,7 @@ var T = {
 		e.duration,
 		e.id
 	]), /* @__PURE__ */ n("article", {
-		className: `${ut.toast} ${ut[e.variant]}`,
+		className: `${gt.toast} ${gt[e.variant]}`,
 		role: e.variant === "error" ? "alert" : "status",
 		"aria-live": e.variant === "error" ? "assertive" : "polite",
 		onMouseEnter: () => a(!0),
@@ -2122,9 +2283,13 @@ var T = {
 		onFocus: () => a(!0),
 		onBlur: () => a(!1),
 		children: [
-			/* @__PURE__ */ t("div", { children: dt(e.variant) }),
+			/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(A, {
+				..._t[e.variant],
+				width: 24,
+				height: 24
+			}) }),
 			/* @__PURE__ */ n("div", {
-				className: ut.body,
+				className: gt.body,
 				children: [
 					e.title && /* @__PURE__ */ t("strong", { children: e.title }),
 					/* @__PURE__ */ t("div", { children: e.message }),
@@ -2143,26 +2308,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
 				})
 			})
 		]
 	});
-}, pt = 0, mt = v((e) => ({
+}, yt = 0, bt = v((e) => ({
 	toasts: [],
 	showToast: (t) => {
-		pt += 1;
-		let n = `ds-toast-${pt}`;
+		yt += 1;
+		let n = `ds-toast-${yt}`;
 		return e((e) => ({ toasts: [...e.toasts, {
 			variant: "info",
 			duration: 5e3,
@@ -2173,18 +2331,18 @@ var T = {
 	},
 	removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
 	clearToasts: () => e({ toasts: [] })
-})), ht = () => mt.setState({ toasts: [] }), gt = ({ position: e = "top-right" }) => {
-	let n = mt((e) => e.toasts), r = mt((e) => e.removeToast);
+})), xt = () => bt.setState({ toasts: [] }), St = ({ position: e = "top-right" }) => {
+	let n = bt((e) => e.toasts), r = bt((e) => e.removeToast);
 	return /* @__PURE__ */ t("div", {
-		className: `${ut.viewport} ${ut[e]}`,
+		className: `${gt.viewport} ${gt[e]}`,
 		"aria-label": "Уведомления",
-		children: n.map((e) => /* @__PURE__ */ t(ft, {
+		children: n.map((e) => /* @__PURE__ */ t(vt, {
 			toast: e,
 			onClose: r
 		}, e.id))
 	});
-}, _t = () => {
-	let e = mt((e) => e.showToast), t = mt((e) => e.removeToast), n = mt((e) => e.clearToasts), r = o((t) => e({
+}, Ct = () => {
+	let e = bt((e) => e.showToast), t = bt((e) => e.removeToast), n = bt((e) => e.clearToasts), r = o((t) => e({
 		...t,
 		variant: "info"
 	}), [e]), i = o((t) => e({
@@ -2214,7 +2372,7 @@ var T = {
 		i,
 		a
 	]);
-}, vt = {
+}, wt = {
 	root: "_root_s9o0g_1",
 	tooltip: "_tooltip_s9o0g_3",
 	"ds-tooltip-in": "_ds-tooltip-in_s9o0g_1",
@@ -2222,7 +2380,7 @@ var T = {
 	bottom: "_bottom_s9o0g_7",
 	left: "_left_s9o0g_9",
 	right: "_right_s9o0g_11"
-}, yt = ({ content: e, children: i, placement: o = "top", delay: l = 450, disabled: u = !1, maxWidth: p = 280, className: m = "" }) => {
+}, Tt = ({ 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 = () => {
@@ -2244,77 +2402,431 @@ var T = {
 		onBlur: b
 	});
 	return /* @__PURE__ */ n("span", {
-		className: `${vt.root} ${m}`,
+		className: `${wt.root} ${m}`,
 		onPointerDown: g ? b : y,
 		children: [x, g && /* @__PURE__ */ t("span", {
 			id: h,
 			role: "tooltip",
-			className: `${vt.tooltip} ${vt[o]}`,
+			className: `${wt.tooltip} ${wt[o]}`,
 			style: { maxWidth: p },
 			children: e
 		})]
 	});
-}, bt = {
-	root: "_root_1ue3g_1",
-	frame: "_frame_1ue3g_3",
-	video: "_video_1ue3g_5",
-	overlay: "_overlay_1ue3g_7",
-	error: "_error_1ue3g_7",
-	caption: "_caption_1ue3g_13"
-}, xt = ({ sources: e, tracks: r = [], title: i, aspectRatio: a = "16 / 9", objectFit: o = "contain", loading: s = !1, error: c, fallback: l, className: u = "", controls: d = !0, playsInline: p = !0, ...m }) => {
-	let [h, g] = f(!1), _ = c ?? (h ? "Не удалось воспроизвести видео" : void 0);
+}, Et = (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_1oxvl_1",
+	frame: "_frame_1oxvl_35",
+	video: "_video_1oxvl_65",
+	overlay: "_overlay_1oxvl_79",
+	state: "_state_1oxvl_81",
+	buffering: "_buffering_1oxvl_83",
+	loaderViewport: "_loaderViewport_1oxvl_143",
+	loaderScale: "_loaderScale_1oxvl_155",
+	stateIcon: "_stateIcon_1oxvl_169",
+	empty: "_empty_1oxvl_201",
+	error: "_error_1oxvl_211",
+	replay: "_replay_1oxvl_223",
+	controlsLayer: "_controlsLayer_1oxvl_259",
+	controlsVisible: "_controlsVisible_1oxvl_285",
+	controls: "_controls_1oxvl_259",
+	controlGroup: "_controlGroup_1oxvl_309",
+	controlButton: "_controlButton_1oxvl_335",
+	settingsAction: "_settingsAction_1oxvl_367",
+	timeline: "_timeline_1oxvl_385",
+	volume: "_volume_1oxvl_387",
+	settings: "_settings_1oxvl_367",
+	playButton: "_playButton_1oxvl_401",
+	volumeGroup: "_volumeGroup_1oxvl_415",
+	timelineGroup: "_timelineGroup_1oxvl_439",
+	time: "_time_1oxvl_385",
+	settingsActionLabel: "_settingsActionLabel_1oxvl_677",
+	caption: "_caption_1oxvl_689",
+	fullscreen: "_fullscreen_1oxvl_703"
+}, Dt = 2500, Ot = 5, kt = .05, At = [
+	.5,
+	.75,
+	1,
+	1.25,
+	1.5,
+	2
+], jt = ({ 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), Dt));
+	}, [M, Y]);
+	s(() => {
+		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" ? Ot : -5))) : e.key === "ArrowUp" || e.key === "ArrowDown" ? (e.preventDefault(), ve(H + (e.key === "ArrowUp" ? kt : -.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: `${bt.root} ${u}`,
+		ref: y,
+		className: `${$.root} ${h}`,
+		onKeyDown: Ce,
 		children: [/* @__PURE__ */ n("div", {
-			className: bt.frame,
-			style: { aspectRatio: a },
+			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: [
-				!_ && e.length > 0 && /* @__PURE__ */ n("video", {
-					...m,
-					"aria-label": i,
-					controls: d,
-					playsInline: p,
-					className: bt.video,
-					style: { objectFit: o },
+				r.length > 0 && /* @__PURE__ */ n("video", {
+					...v,
+					ref: x,
+					"aria-label": a,
+					controls: !1,
+					playsInline: _,
+					loop: K,
+					className: $.video,
+					style: { objectFit: l },
+					onClick: (e) => {
+						v.onClick?.(e), ge();
+					},
+					onDoubleClick: (e) => {
+						v.onDoubleClick?.(e), be();
+					},
+					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) => {
+						O(!1), j(!1), v.onLoadedData?.(e);
+					},
+					onCanPlay: (e) => {
+						O(!1), j(!1), v.onCanPlay?.(e);
+					},
+					onWaiting: (e) => {
+						j(!0), v.onWaiting?.(e);
+					},
+					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) => {
-						g(!0), m.onError?.(e);
+						O(!1), j(!1), E(!0), v.onError?.(e);
 					},
-					children: [e.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), r.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
+					children: [r.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), i.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
 				}),
-				s && /* @__PURE__ */ t("div", {
-					className: bt.overlay,
-					children: /* @__PURE__ */ t(S, { label: "Загрузка видео" })
+				fe && /* @__PURE__ */ n("div", {
+					className: $.overlay,
+					role: "status",
+					"aria-live": "polite",
+					children: [/* @__PURE__ */ t("div", {
+						className: $.loaderViewport,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ t("div", {
+							className: $.loaderScale,
+							children: /* @__PURE__ */ t(ht, {})
+						})
+					}), /* @__PURE__ */ t("span", { children: "Загрузка видео" })]
+				}),
+				!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(A, {
+							name: "IconInfoCircle",
+							className: $.stateIcon,
+							width: 40,
+							height: 40
+						}),
+						/* @__PURE__ */ t("strong", { children: "Видео отсутствует" }),
+						m ?? /* @__PURE__ */ t("span", { children: "Источник видео не указан" })
+					]
 				}),
-				(_ || e.length === 0) && /* @__PURE__ */ t("div", {
-					className: bt.error,
+				!fe && de && /* @__PURE__ */ n("div", {
+					className: `${$.state} ${$.error}`,
 					role: "alert",
-					children: l ?? _ ?? "Источник видео не указан"
+					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: At.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: Et(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": `${Et(I)} из ${Et(R)}`,
+										onChange: (e) => ye(Number(e.target.value))
+									}),
+									/* @__PURE__ */ t("span", {
+										className: $.time,
+										children: Et(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", {
-			className: bt.caption,
-			children: i
+			className: $.caption,
+			children: a
 		})]
 	});
-}, St = {
-	popup: "_popup_15ovj_1",
-	trigger: "_trigger_15ovj_15",
-	content: "_content_15ovj_23",
-	top: "_top_15ovj_107",
-	right: "_right_15ovj_141",
-	bottom: "_bottom_15ovj_175",
-	left: "_left_15ovj_209"
-}, Ct = ({ content: r, children: i, placement: a = "top", disabled: o = !1 }) => o ? /* @__PURE__ */ t(e, { children: i }) : /* @__PURE__ */ n("span", {
-	className: `${St.popup} ${St[a]}`,
-	children: [/* @__PURE__ */ t("span", {
-		className: St.trigger,
-		children: i
-	}), /* @__PURE__ */ t("span", {
-		className: St.content,
-		role: "tooltip",
-		children: r
-	})]
-}), wt = {
+}, Mt = {
 	root: "_root_1tdda_1",
 	trigger: "_trigger_1tdda_15",
 	heading: "_heading_1tdda_41",
@@ -2324,54 +2836,99 @@ var T = {
 	open: "_open_1tdda_91",
 	content: "_content_1tdda_99",
 	contentInner: "_contentInner_1tdda_119"
-}, Tt = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, className: l = "" }) => {
-	let u = c(), [d, p] = f(a), m = o ?? d;
-	return /* @__PURE__ */ n("section", {
-		className: `${wt.root} ${m ? wt.open : ""} ${l}`,
+}, Nt = (e, t, n, r = 16) => {
+	if (t > Math.max(0, n - r * 2)) {
+		let t = e - r;
+		return Math.abs(t) <= 1 ? {
+			alignment: "none",
+			delta: 0
+		} : {
+			alignment: "start",
+			delta: t
+		};
+	}
+	let i = e + t, a = n - r;
+	return i > a ? {
+		alignment: "end",
+		delta: i - a
+	} : e < r ? {
+		alignment: "start",
+		delta: e - r
+	} : {
+		alignment: "none",
+		delta: 0
+	};
+}, Pt = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: l, autoScrollOnOpen: u = !0, scrollOffset: p = 16, className: m = "" }) => {
+	let h = c(), [g, _] = f(a), v = o ?? g, y = d(null), b = d(null), x = d(v);
+	return s(() => {
+		let e = x.current;
+		if (x.current = v, !v || e || !u) return;
+		let t = y.current, n = b.current;
+		if (!t || !n || typeof window > "u") return;
+		let r = !1, i = () => {
+			if (r) return;
+			r = !0;
+			let e = t.getBoundingClientRect(), n = Nt(e.top, e.height, window.innerHeight, p);
+			if (n.alignment === "none") return;
+			let i = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+			window.scrollBy({
+				top: n.delta,
+				behavior: i ? "auto" : "smooth"
+			});
+		}, a = (e) => {
+			e.target === n && e.propertyName === "grid-template-rows" && i();
+		};
+		n.addEventListener("transitionend", a);
+		let o = window.setTimeout(i, 280);
+		return () => {
+			n.removeEventListener("transitionend", a), window.clearTimeout(o);
+		};
+	}, [
+		u,
+		v,
+		p
+	]), /* @__PURE__ */ n("section", {
+		ref: y,
+		className: `${Mt.root} ${v ? Mt.open : ""} ${m}`,
 		children: [/* @__PURE__ */ n("button", {
 			type: "button",
-			className: wt.trigger,
-			"aria-expanded": m,
-			"aria-controls": u,
+			className: Mt.trigger,
+			"aria-expanded": v,
+			"aria-controls": h,
 			onClick: () => {
-				let e = !m;
-				o === void 0 && p(e), s?.(e);
+				let e = !v;
+				o === void 0 && _(e), l?.(e);
 			},
 			children: [/* @__PURE__ */ n("span", {
-				className: wt.heading,
+				className: Mt.heading,
 				children: [/* @__PURE__ */ t("span", {
-					className: wt.title,
+					className: Mt.title,
 					children: e
 				}), r && /* @__PURE__ */ t("span", {
-					className: wt.subtitle,
+					className: Mt.subtitle,
 					children: r
 				})]
 			}), /* @__PURE__ */ t("span", {
-				className: wt.icon,
+				className: Mt.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", {
-			id: u,
-			className: wt.content,
-			"aria-hidden": !m,
+			ref: b,
+			id: h,
+			className: Mt.content,
+			"aria-hidden": !v,
 			children: /* @__PURE__ */ t("div", {
-				className: wt.contentInner,
+				className: Mt.contentInner,
 				children: i
 			})
 		})]
 	});
-}, Et = ({ children: e, containerId: t = "overlay-root" }) => {
+}, Ft = ({ children: e, containerId: t = "overlay-root" }) => {
 	let [n, r] = f(null);
 	return s(() => {
 		let e = document.getElementById(t);
@@ -2386,4 +2943,4 @@ var T = {
 	}, [t]), n ? p(e, n) : null;
 };
 //#endregion
-export { $e as ConfirmModal, Tt as DSAccordion, b as DSBadge, w as DSButton, k as DSCheckbox, xe as DSDataTable, ee as DSDateRange, U as DSDateTimePicker, ae as DSDropDown, Se as DSDropDownMultiple, E as DSFieldLabel, D as DSFieldMessage, Ve as DSFileInput, Le as DSFilters, le as DSIcon, Ne as DSInfoBlock, we as DSInput, S as DSLoader, qe as DSModal, Ke as DSModalFrame, lt as DSPageLoader, Ct as DSPopup, Et as DSPortal, Fe as DSRadioButton, je as DSSearchDropDown, q as DSSkeleton, se as DSSort, ft as DSToast, gt as DSToastProvider, yt as DSTooltip, xt as DSVideoPlayerFrame, et as ErrorModal, Je as ModalSystemProvider, tt as builtInModalRegistry, Ye as defineModalRegistry, F as formatDateTimeLocalValue, de as getDSDataTablePaginationItems, rt as getErrorMessage, re as getNextEnabledOptionIndex, G as isValidDateRange, I as parseDateTimeLocalValue, Ue as resetModalStore, ht as resetToastStore, nt as useConfirmModal, at as useConfirmModalStore, it as useErrorModal, ot as useErrorModalStore, st as useModals, $ as useModalsStore, _t as useToast, mt as useToastStore, fe as validateDSDataTableData };
+export { at as ConfirmModal, Pt 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, $e as DSModal, Qe as DSModalFrame, ht as DSPageLoader, Ft as DSPortal, Be as DSRadioButton, Ie as DSSearchDropDown, ne as DSSkeleton, ue as DSSort, vt as DSToast, St as DSToastProvider, Tt as DSTooltip, jt as DSVideoPlayerFrame, ot as ErrorModal, et as ModalSystemProvider, st as builtInModalRegistry, tt as defineModalRegistry, R as formatDateTimeLocalValue, Nt as getDSAccordionScrollTarget, fe as getDSDataTablePaginationItems, lt as getErrorMessage, oe as getNextEnabledOptionIndex, K as isValidDateRange, z as parseDateTimeLocalValue, Ye as resetModalStore, xt as resetToastStore, ct as useConfirmModal, dt as useConfirmModalStore, ut as useErrorModal, ft as useErrorModalStore, pt as useModals, Q as useModalsStore, Ct as useToast, bt as useToastStore, pe as validateDSDataTableData };