@efficiency-point/design-system 0.0.5 → 0.0.7

package/dist/index.es.js

@@ -1,9 +1,9 @@
 import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
-import { cloneElement as r, forwardRef as i, isValidElement as a, useEffect as o, useId as s, useMemo as c, useRef as l, useState as u } from "react";
-import { createColumnHelper as d, createSortedRowModel as f, rowSortingFeature as p, tableFeatures as m, useTable as h } from "@tanstack/react-table";
-import { createPortal as g } from "react-dom";
-import { create as _ } from "zustand";
-var v = {
+import { cloneElement as r, forwardRef as i, isValidElement as a, useCallback as o, useEffect as s, useId as c, useMemo as l, useRef as u, useState as d } from "react";
+import { createColumnHelper as f, createSortedRowModel as p, rowSortingFeature as m, tableFeatures as h, useTable as g } from "@tanstack/react-table";
+import { createPortal as _ } from "react-dom";
+import { create as v } from "zustand";
+var y = {
 	badge: "_badge_l4qbw_1",
 	sm: "_sm_l4qbw_2",
 	md: "_md_l4qbw_3",
@@ -15,61 +15,61 @@ var v = {
 	dot: "_dot_l4qbw_9",
 	icon: "_icon_l4qbw_10",
 	label: "_label_l4qbw_11"
-}, y = ({ children: e, variant: r = "neutral", size: i = "md", dot: a = !1, icon: o, className: s = "" }) => /* @__PURE__ */ n("span", {
-	className: `${v.badge} ${v[r]} ${v[i]} ${s}`,
+}, b = ({ children: e, variant: r = "neutral", size: i = "md", dot: a = !1, icon: o, className: s = "" }) => /* @__PURE__ */ n("span", {
+	className: `${y.badge} ${y[r]} ${y[i]} ${s}`,
 	children: [
 		a && /* @__PURE__ */ t("span", {
-			className: v.dot,
+			className: y.dot,
 			"aria-hidden": "true"
 		}),
 		o && /* @__PURE__ */ t("span", {
-			className: v.icon,
+			className: y.icon,
 			"aria-hidden": "true",
 			children: o
 		}),
 		/* @__PURE__ */ t("span", {
-			className: v.label,
+			className: y.label,
 			children: e
 		})
 	]
-}), b = {
+}), x = {
 	loader: "_loader_pslm9_1",
 	"ds-spin": "_ds-spin_pslm9_1",
 	primary: "_primary_pslm9_11",
 	secondary: "_secondary_pslm9_12",
 	light: "_light_pslm9_13",
 	danger: "_danger_pslm9_14"
-}, x = ({ variant: e = "primary", label: n = "Загрузка", className: r = "", decorative: i = !1 }) => /* @__PURE__ */ t("span", {
-	className: `${b.loader} ${b[e]} ${r}`,
+}, 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
-}), S = {
-	button: "_button_14t1a_1",
-	sm: "_sm_14t1a_16",
-	md: "_md_14t1a_17",
-	lg: "_lg_14t1a_18",
-	primary: "_primary_14t1a_19",
-	secondary: "_secondary_14t1a_20",
-	outline: "_outline_14t1a_21",
-	ghost: "_ghost_14t1a_22",
-	empty: "_empty_14t1a_22",
-	destructive: "_destructive_14t1a_23",
-	destructiveOutline: "_destructiveOutline_14t1a_24"
-}, C = 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", {
+}), C = {
+	button: "_button_higub_1",
+	sm: "_sm_higub_16",
+	md: "_md_higub_17",
+	lg: "_lg_higub_18",
+	primary: "_primary_higub_19",
+	secondary: "_secondary_higub_20",
+	outline: "_outline_higub_21",
+	ghost: "_ghost_higub_23",
+	empty: "_empty_higub_29",
+	destructive: "_destructive_higub_34",
+	destructiveOutline: "_destructiveOutline_higub_35"
+}, 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,
 	type: s,
-	className: `${S.button} ${S[n]} ${S[r]} ${c}`,
+	className: `${C.button} ${C[n]} ${C[r]} ${c}`,
 	disabled: o || i,
 	"aria-busy": i || void 0,
 	...l,
-	children: i ? /* @__PURE__ */ t(x, {
+	children: i ? /* @__PURE__ */ t(S, {
 		variant: "light",
 		label: a
 	}) : e
 }));
-C.displayName = "DSButton";
-var w = {
+w.displayName = "DSButton";
+var T = {
 	label: "_label_5v0ym_1",
 	required: "_required_5v0ym_12",
 	error: "_error_5v0ym_13",
@@ -78,43 +78,43 @@ var w = {
 	disabled: "_disabled_5v0ym_24",
 	message: "_message_5v0ym_28",
 	success: "_success_5v0ym_36"
-}, T = ({ children: e, required: r = !1, optionalText: i, disabled: a = !1, className: o = "", ...s }) => /* @__PURE__ */ n("label", {
-	className: `${w.label} ${a ? w.disabled : ""} ${o}`,
+}, E = ({ children: e, required: r = !1, optionalText: i, disabled: a = !1, className: o = "", ...s }) => /* @__PURE__ */ n("label", {
+	className: `${T.label} ${a ? T.disabled : ""} ${o}`,
 	...s,
 	children: [
 		/* @__PURE__ */ t("span", { children: e }),
 		r && /* @__PURE__ */ t("span", {
-			className: w.required,
+			className: T.required,
 			"aria-hidden": "true",
 			children: "*"
 		}),
 		i && /* @__PURE__ */ t("span", {
-			className: w.optional,
+			className: T.optional,
 			children: i
 		})
 	]
-}), E = ({ children: e, variant: n = "hint", id: r, live: i = !1, className: a = "" }) => /* @__PURE__ */ t("span", {
+}), D = ({ children: e, variant: n = "hint", id: r, live: i = !1, className: a = "" }) => /* @__PURE__ */ t("span", {
 	id: r,
-	className: `${w.message} ${w[n]} ${a}`,
+	className: `${T.message} ${T[n]} ${a}`,
 	role: i && n === "error" ? "alert" : void 0,
 	"aria-live": i && n !== "error" ? "polite" : void 0,
 	children: e
-}), D = {
+}), O = {
 	wrapper: "_wrapper_1l5cg_1",
 	label: "_label_1l5cg_2",
 	input: "_input_1l5cg_3",
 	control: "_control_1l5cg_4",
 	disabled: "_disabled_1l5cg_7",
 	controlError: "_controlError_1l5cg_9"
-}, O = ({ checked: e, onChange: r, label: i, hint: a, error: c, disabled: u = !1, readOnly: d = !1, className: f = "", name: p, id: m, indeterminate: h = !1, ...g }) => {
-	let _ = s(), v = m ?? `ds-checkbox-${p ?? _}`, y = l(null), b = a ? `${v}-hint` : void 0, x = c ? `${v}-error` : void 0;
-	return o(() => {
+}, k = ({ checked: e, onChange: r, label: i, hint: a, error: o, disabled: l = !1, readOnly: d = !1, className: f = "", name: p, id: m, indeterminate: h = !1, ...g }) => {
+	let _ = c(), v = m ?? `ds-checkbox-${p ?? _}`, y = u(null), b = a ? `${v}-hint` : void 0, x = o ? `${v}-error` : void 0;
+	return s(() => {
 		y.current && (y.current.indeterminate = h && !e);
 	}, [e, h]), /* @__PURE__ */ n("div", {
-		className: `${D.wrapper} ${f}`,
+		className: `${O.wrapper} ${f}`,
 		children: [
 			/* @__PURE__ */ n("label", {
-				className: `${D.label} ${u ? D.disabled : ""}`,
+				className: `${O.label} ${l ? O.disabled : ""}`,
 				htmlFor: v,
 				children: [
 					/* @__PURE__ */ t("input", {
@@ -123,105 +123,257 @@ var w = {
 						name: p,
 						type: "checkbox",
 						checked: e,
-						disabled: u,
+						disabled: l,
 						"aria-readonly": d || void 0,
-						"aria-invalid": !!c,
+						"aria-invalid": !!o,
 						"aria-describedby": [b, x].filter(Boolean).join(" ") || void 0,
-						className: D.input,
+						className: O.input,
 						onChange: (e) => {
 							d || r?.(e.target.checked, e);
 						},
 						...g
 					}),
 					/* @__PURE__ */ t("span", {
-						className: `${D.control} ${c ? D.controlError : ""}`,
+						className: `${O.control} ${o ? O.controlError : ""}`,
 						"aria-hidden": "true",
 						children: h && !e ? "−" : e ? "✓" : ""
 					}),
 					i && /* @__PURE__ */ t("span", { children: i })
 				]
 			}),
-			a && !c && /* @__PURE__ */ t(E, {
+			a && !o && /* @__PURE__ */ t(D, {
 				id: b,
 				children: a
 			}),
-			c && /* @__PURE__ */ t(E, {
+			o && /* @__PURE__ */ t(D, {
 				id: x,
 				variant: "error",
-				children: c
+				children: o
 			})
 		]
 	});
-}, k = {
-	wrapper: "_wrapper_1kr9x_1",
-	input: "_input_1kr9x_2",
-	error: "_error_1kr9x_5"
-}, A = (e) => String(e).padStart(2, "0"), j = (e, t) => {
+}, A = {
+	wrapper: "_wrapper_phf7i_1",
+	trigger: "_trigger_phf7i_9",
+	nav: "_nav_phf7i_27",
+	day: "_day_phf7i_28",
+	monthSelect: "_monthSelect_phf7i_29",
+	yearInput: "_yearInput_phf7i_30",
+	timeInput: "_timeInput_phf7i_31",
+	value: "_value_phf7i_43",
+	placeholder: "_placeholder_phf7i_47",
+	error: "_error_phf7i_51",
+	panel: "_panel_phf7i_55",
+	calendarHeader: "_calendarHeader_phf7i_68",
+	weekdays: "_weekdays_phf7i_113",
+	days: "_days_phf7i_114",
+	outside: "_outside_phf7i_132",
+	selected: "_selected_phf7i_136",
+	timeLabel: "_timeLabel_phf7i_146"
+}, j = [
+	"Пн",
+	"Вт",
+	"Ср",
+	"Чт",
+	"Пт",
+	"Сб",
+	"Вс"
+], M = [
+	"Январь",
+	"Февраль",
+	"Март",
+	"Апрель",
+	"Май",
+	"Июнь",
+	"Июль",
+	"Август",
+	"Сентябрь",
+	"Октябрь",
+	"Ноябрь",
+	"Декабрь"
+], N = (e) => String(e).padStart(2, "0"), P = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), F = (e, t) => {
 	if (!e) return "";
-	let n = `${e.getFullYear()}-${A(e.getMonth() + 1)}-${A(e.getDate())}`, r = `${A(e.getHours())}:${A(e.getMinutes())}`;
+	let n = `${e.getFullYear()}-${N(e.getMonth() + 1)}-${N(e.getDate())}`, r = `${N(e.getHours())}:${N(e.getMinutes())}`;
 	return t === "date" ? n : t === "time" ? r : `${n}T${r}`;
-}, M = (e, t) => {
+}, ee = (e, t) => {
 	if (!e) return null;
 	if (t === "time") {
-		let [t, n] = e.split(":").map(Number), r = /* @__PURE__ */ new Date();
-		return r.setHours(t ?? 0, n ?? 0, 0, 0), r;
+		let t = /^(\d{2}):(\d{2})$/.exec(e);
+		if (!t) return null;
+		let n = Number(t[1]), r = Number(t[2]);
+		if (n > 23 || r > 59) return null;
+		let i = /* @__PURE__ */ new Date();
+		return i.setHours(n, r, 0, 0), i;
 	}
 	let n = new Date(t === "date" ? `${e}T00:00` : e);
 	return Number.isNaN(n.getTime()) ? null : n;
-}, N = ({ value: e, onChange: r, mode: i = "date", label: a, hint: o, error: c, disabled: l = !1, readOnly: u = !1, required: d = !1, min: f, max: p, id: m, name: h, className: g = "" }) => {
-	let _ = s(), v = m ?? `ds-date-time-${h ?? _}`, y = o ? `${v}-hint` : void 0, b = c ? `${v}-error` : void 0, x = i === "datetime" ? "datetime-local" : i;
+}, te = (e, t) => {
+	if (!e) return "";
+	let n = `${N(e.getDate())}.${N(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${N(e.getHours())}:${N(e.getMinutes())}`;
+	return t === "date" ? n : t === "time" ? r : `${n} ${r}`;
+}, ne = (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;
+	});
+}, re = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), ie = (e, t, n) => {
+	let r = P(e).getTime();
+	return !!(t && r < P(t).getTime() || n && r > P(n).getTime());
+}, I = ({ value: r, onChange: i, mode: a = "date", label: o, placeholder: f, hint: p, error: m, disabled: h = !1, readOnly: g = !1, required: _ = !1, min: v, max: y, id: b, name: x, className: S = "" }) => {
+	let C = c(), w = b ?? `ds-date-time-${x ?? C}`, T = p ? `${w}-hint` : void 0, O = m ? `${w}-error` : void 0, k = u(null), N = u(null), [P, I] = d(!1), [L, R] = d(r ?? /* @__PURE__ */ new Date()), [ae, z] = d(F(r, "time")), oe = l(() => ne(L), [L]), B = a !== "time", se = a !== "date";
+	s(() => {
+		r && R(r), z(F(r, "time"));
+	}, [r]), s(() => {
+		let e = (e) => {
+			k.current?.contains(e.target) || I(!1);
+		}, t = (e) => {
+			e.key === "Escape" && (I(!1), N.current?.focus());
+		};
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, []);
+	let V = (e) => {
+		if (ie(e, v, y)) return;
+		let t = new Date(e);
+		t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), a === "date" && I(!1);
+	}, H = (e) => {
+		if (z(e), !e) {
+			i?.(null);
+			return;
+		}
+		let t = ee(e, "time");
+		if (!t) return;
+		let n = new Date(a === "datetime" ? r ?? L : /* @__PURE__ */ new Date());
+		n.setHours(t.getHours(), t.getMinutes(), 0, 0), !(v && n < v || y && n > y) && i?.(n);
+	}, U = f ?? (a === "date" ? "Выберите дату" : a === "time" ? "Введите время" : "Выберите дату и время"), W = [T, O].filter(Boolean).join(" ") || void 0;
 	return /* @__PURE__ */ n("div", {
-		className: `${k.wrapper} ${g}`,
+		ref: k,
+		className: `${A.wrapper} ${S}`,
 		children: [
-			a && /* @__PURE__ */ t(T, {
-				htmlFor: v,
-				required: d,
-				disabled: l,
-				children: a
+			o && /* @__PURE__ */ t(E, {
+				htmlFor: w,
+				required: _,
+				disabled: h,
+				children: o
 			}),
-			/* @__PURE__ */ t("input", {
-				id: v,
-				name: h,
-				type: x,
-				value: j(e, i),
-				min: j(f ?? null, i) || void 0,
-				max: j(p ?? null, i) || void 0,
-				disabled: l,
-				readOnly: u,
-				required: d,
-				"aria-invalid": !!c,
-				"aria-describedby": [y, b].filter(Boolean).join(" ") || void 0,
-				className: `${k.input} ${c ? k.error : ""}`,
-				onChange: (e) => r?.(M(e.target.value, i)),
-				onKeyDown: (e) => {
-					e.key === "Escape" && e.currentTarget.blur();
-				}
+			/* @__PURE__ */ n("button", {
+				ref: N,
+				id: w,
+				name: x,
+				type: "button",
+				className: `${A.trigger} ${m ? A.error : ""}`,
+				disabled: h,
+				"aria-readonly": g || void 0,
+				"aria-expanded": P,
+				"aria-haspopup": "dialog",
+				"aria-describedby": W,
+				onClick: () => {
+					g || I((e) => !e);
+				},
+				children: [/* @__PURE__ */ t("span", {
+					className: r ? A.value : A.placeholder,
+					children: te(r, a) || U
+				}), /* @__PURE__ */ t("span", {
+					"aria-hidden": "true",
+					children: "▾"
+				})]
 			}),
-			o && !c && /* @__PURE__ */ t(E, {
-				id: y,
-				children: o
+			P && !g && /* @__PURE__ */ n("div", {
+				className: A.panel,
+				role: "dialog",
+				"aria-label": o ?? U,
+				children: [B && /* @__PURE__ */ n(e, { children: [
+					/* @__PURE__ */ n("div", {
+						className: A.calendarHeader,
+						children: [
+							/* @__PURE__ */ t("button", {
+								type: "button",
+								className: A.nav,
+								"aria-label": "Предыдущий месяц",
+								onClick: () => R(new Date(L.getFullYear(), L.getMonth() - 1, 1)),
+								children: "‹"
+							}),
+							/* @__PURE__ */ t("select", {
+								className: A.monthSelect,
+								"aria-label": "Месяц",
+								value: L.getMonth(),
+								onChange: (e) => R(new Date(L.getFullYear(), Number(e.target.value), 1)),
+								children: M.map((e, n) => /* @__PURE__ */ t("option", {
+									value: n,
+									children: e
+								}, e))
+							}),
+							/* @__PURE__ */ t("input", {
+								className: A.yearInput,
+								type: "number",
+								"aria-label": "Год",
+								value: L.getFullYear(),
+								onChange: (e) => R(new Date(Number(e.target.value), L.getMonth(), 1))
+							}),
+							/* @__PURE__ */ t("button", {
+								type: "button",
+								className: A.nav,
+								"aria-label": "Следующий месяц",
+								onClick: () => R(new Date(L.getFullYear(), L.getMonth() + 1, 1)),
+								children: "›"
+							})
+						]
+					}),
+					/* @__PURE__ */ t("div", {
+						className: A.weekdays,
+						children: j.map((e) => /* @__PURE__ */ t("span", { children: e }, e))
+					}),
+					/* @__PURE__ */ t("div", {
+						className: A.days,
+						children: oe.map((e) => {
+							let n = re(r, e);
+							return /* @__PURE__ */ t("button", {
+								type: "button",
+								className: `${A.day} ${e.getMonth() === L.getMonth() ? "" : A.outside} ${n ? A.selected : ""}`,
+								disabled: ie(e, v, y),
+								"aria-pressed": n,
+								onClick: () => V(e),
+								children: e.getDate()
+							}, e.toISOString());
+						})
+					})
+				] }), se && /* @__PURE__ */ n("label", {
+					className: A.timeLabel,
+					children: [/* @__PURE__ */ t("span", { children: "Время" }), /* @__PURE__ */ t("input", {
+						className: A.timeInput,
+						type: "time",
+						value: ae,
+						onChange: (e) => H(e.target.value)
+					})]
+				})]
 			}),
-			c && /* @__PURE__ */ t(E, {
-				id: b,
+			p && !m && /* @__PURE__ */ t(D, {
+				id: T,
+				children: p
+			}),
+			m && /* @__PURE__ */ t(D, {
+				id: O,
 				variant: "error",
-				children: c
+				children: m
 			})
 		]
 	});
-}, P = {
+}, L = {
 	root: "_root_9h2e2_1",
 	legend: "_legend_9h2e2_2",
 	range: "_range_9h2e2_3"
-}, F = (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 = "" }) => {
+}, R = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), ae = ({ 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), F(e) && r?.(e);
+		i?.(e), R(e) && r?.(e);
 	};
 	return /* @__PURE__ */ n("fieldset", {
-		className: `${P.root} ${h}`,
+		className: `${L.root} ${h}`,
 		disabled: f,
 		children: [/* @__PURE__ */ n("div", {
-			className: P.range,
-			children: [/* @__PURE__ */ t(N, {
+			className: L.range,
+			children: [/* @__PURE__ */ t(I, {
 				value: e.from,
 				mode: a === "datetime" ? "datetime" : a,
 				label: o,
@@ -235,7 +387,7 @@ var w = {
 					...e,
 					from: t
 				})
-			}), /* @__PURE__ */ t(N, {
+			}), /* @__PURE__ */ t(I, {
 				value: e.to,
 				mode: a === "datetime" ? "datetime" : a,
 				label: s,
@@ -250,9 +402,9 @@ var w = {
 					to: t
 				})
 			})]
-		}), c && !g && /* @__PURE__ */ t(E, { children: c })]
+		}), c && !g && /* @__PURE__ */ t(D, { children: c })]
 	});
-}, I = {
+}, z = {
 	group: "_group_1st6r_1",
 	skeleton: "_skeleton_1st6r_2",
 	text: "_text_1st6r_3",
@@ -260,17 +412,17 @@ var w = {
 	circular: "_circular_1st6r_5",
 	animated: "_animated_1st6r_6",
 	"ds-skeleton": "_ds-skeleton_1st6r_1"
-}, L = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
-	className: `${I.group} ${o}`,
+}, oe = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
+	className: `${z.group} ${o}`,
 	"aria-hidden": "true",
 	children: Array.from({ length: Math.max(1, i) }, (o, s) => /* @__PURE__ */ t("span", {
-		className: `${I.skeleton} ${I[e]} ${a ? I.animated : ""}`,
+		className: `${z.skeleton} ${z[e]} ${a ? z.animated : ""}`,
 		style: {
 			width: s === i - 1 && i > 1 ? "70%" : n,
 			height: r
 		}
 	}, s))
-}), R = {
+}), B = {
 	wrapper: "_wrapper_dkn63_1",
 	label: "_label_dkn63_17",
 	container: "_container_dkn63_29",
@@ -286,15 +438,15 @@ var w = {
 	message: "_message_dkn63_265",
 	error: "_error_dkn63_267",
 	errorState: "_errorState_dkn63_293"
-}, z = (e, t, n) => {
+}, se = (e, t, n) => {
 	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;
-}, B = ({ options: r, value: i, onChange: a, placeholder: d = "Выберите опцию", disabled: f = !1, stringWhileDisabled: p = !1, label: m, error: h, hint: g, className: _ = "", name: v, id: y, needMark: b = !0, maxMenuHeight: x }) => {
-	let S = s(), C = y ?? `ds-dropdown-${v ?? S}`, [w, T] = u(!1), E = l(null), D = l(null), O = l([]), k = c(() => r.find((e) => e.value === i), [r, i]), A = g ? `${C}-hint` : void 0, j = h ? `${C}-error` : void 0, M = [A, j].filter(Boolean).join(" ") || void 0, N = f && p;
-	o(() => {
+}, V = ({ options: r, value: i, onChange: a, placeholder: o = "Выберите опцию", disabled: f = !1, stringWhileDisabled: p = !1, label: m, error: h, hint: g, className: _ = "", name: v, id: y, needMark: b = !0, maxMenuHeight: x }) => {
+	let S = c(), C = y ?? `ds-dropdown-${v ?? S}`, [w, T] = d(!1), E = u(null), D = u(null), O = u([]), k = l(() => r.find((e) => e.value === i), [r, i]), A = g ? `${C}-hint` : void 0, j = h ? `${C}-error` : void 0, M = [A, j].filter(Boolean).join(" ") || void 0, N = f && p;
+	s(() => {
 		let e = (e) => {
 			E.current?.contains(e.target) || T(!1);
 		}, t = (e) => {
@@ -305,7 +457,7 @@ var w = {
 		};
 	}, [w]);
 	let P = (e, t) => {
-		let n = z(r, e, t);
+		let n = se(r, e, t);
 		O.current[n]?.focus(), O.current[n]?.scrollIntoView({ block: "nearest" });
 	}, F = (e) => {
 		e.disabled || (a?.(e.value, e), T(!1), D.current?.focus());
@@ -313,29 +465,29 @@ var w = {
 	return /* @__PURE__ */ n("div", {
 		ref: E,
 		className: [
-			R.wrapper,
-			h ? R.errorState : "",
+			B.wrapper,
+			h ? B.errorState : "",
 			_
 		].filter(Boolean).join(" "),
 		children: [
 			m && /* @__PURE__ */ t("label", {
 				htmlFor: N ? void 0 : C,
-				className: R.label,
+				className: B.label,
 				children: m
 			}),
 			/* @__PURE__ */ t("div", {
-				className: R.container,
+				className: B.container,
 				children: N ? /* @__PURE__ */ t("div", {
 					id: C,
-					className: R.disabledText,
+					className: B.disabledText,
 					"aria-describedby": M,
-					children: k?.label ?? d
+					children: k?.label ?? o
 				}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("button", {
 					ref: D,
 					id: C,
 					type: "button",
 					name: v,
-					className: R.trigger,
+					className: B.trigger,
 					disabled: f,
 					"aria-haspopup": "listbox",
 					"aria-expanded": w,
@@ -351,10 +503,10 @@ var w = {
 						}
 					},
 					children: [/* @__PURE__ */ t("span", {
-						className: k ? R.value : R.placeholder,
-						children: k?.label ?? d
+						className: k ? B.value : B.placeholder,
+						children: k?.label ?? o
 					}), /* @__PURE__ */ t("span", {
-						className: `${R.chevron} ${w ? R.chevronOpen : ""}`,
+						className: `${B.chevron} ${w ? B.chevronOpen : ""}`,
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ t("svg", {
 							viewBox: "0 0 20 20",
@@ -370,7 +522,7 @@ var w = {
 					})]
 				}), w && /* @__PURE__ */ t("ul", {
 					id: `${C}-listbox`,
-					className: R.menu,
+					className: B.menu,
 					role: "listbox",
 					"aria-label": m,
 					style: { maxHeight: x },
@@ -386,7 +538,7 @@ var w = {
 								role: "option",
 								"aria-selected": o,
 								disabled: e.disabled,
-								className: `${R.option} ${o ? R.selected : ""}`,
+								className: `${B.option} ${o ? B.selected : ""}`,
 								onClick: () => F(e),
 								onKeyDown: (e) => {
 									if ((e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), P(a + (e.key === "ArrowDown" ? 1 : -1), e.key === "ArrowDown" ? 1 : -1)), e.key === "Tab" && T(!1), e.key === "Home" || e.key === "End") {
@@ -406,35 +558,35 @@ var w = {
 			}),
 			g && !h && /* @__PURE__ */ t("span", {
 				id: A,
-				className: R.message,
+				className: B.message,
 				children: g
 			}),
 			h && /* @__PURE__ */ t("span", {
 				id: j,
-				className: R.error,
+				className: B.error,
 				children: h
 			})
 		]
 	});
-}, V = (e) => `${e.id}:${e.direction}`, te = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
+}, H = (e) => `${e.id}:${e.direction}`, U = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
 	let c = e.flatMap((e) => [{
-		value: V({
+		value: H({
 			id: e.id,
 			direction: "asc"
 		}),
 		label: e.ascLabel ?? `${e.label} · по возрастанию`,
 		disabled: e.disabled
 	}, {
-		value: V({
+		value: H({
 			id: e.id,
 			direction: "desc"
 		}),
 		label: e.descLabel ?? `${e.label} · по убыванию`,
 		disabled: e.disabled
 	}]);
-	return /* @__PURE__ */ t(B, {
+	return /* @__PURE__ */ t(V, {
 		options: c,
-		value: n ? V(n) : "",
+		value: n ? H(n) : "",
 		label: i,
 		placeholder: a,
 		disabled: o,
@@ -447,7 +599,7 @@ var w = {
 			});
 		}
 	});
-}, H = {
+}, W = {
 	root: "_root_i4d62_1",
 	tableWrap: "_tableWrap_i4d62_2",
 	table: "_table_i4d62_2",
@@ -461,10 +613,10 @@ var w = {
 	default: "_default_i4d62_21",
 	tableOnMobile: "_tableOnMobile_i4d62_21",
 	wide: "_wide_i4d62_23"
-}, ne = m({
-	rowSortingFeature: p,
-	sortedRowModel: f()
-}), re = (e, t) => {
+}, ce = h({
+	rowSortingFeature: m,
+	sortedRowModel: p()
+}), le = (e, t) => {
 	let n = /* @__PURE__ */ new Set();
 	for (let t of e) {
 		if (!t.id.trim()) return "Идентификатор колонки не может быть пустым";
@@ -473,8 +625,8 @@ var w = {
 	}
 	for (let n = 0; n < t.length; n += 1) for (let r of e) if (typeof r.accessor == "string" && !(r.accessor in t[n])) return `В строке ${n + 1} отсутствует колонка «${r.id}»`;
 	return null;
-}, ie = ({ columns: e, data: r, tableOnMobile: i = !1, breakpoint: a = "default", sorting: o, onSortingChange: s, renderMobileCard: l, getRowId: f, caption: p, ariaLabel: m, loading: g = !1, error: _, emptyState: v = "Нет данных", stickyHeader: y = !1, maxHeight: b, className: x = "" }) => {
-	let [S, C] = u([]), w = o ?? S, T = c(() => re(e, r), [e, r]), E = c(() => d(), []), D = c(() => E.columns(e.map((e) => {
+}, ue = ({ columns: e, data: r, tableOnMobile: i = !1, breakpoint: a = "default", sorting: o, onSortingChange: s, renderMobileCard: c, getRowId: u, caption: p, ariaLabel: m, loading: h = !1, error: _, emptyState: v = "Нет данных", stickyHeader: y = !1, maxHeight: b, className: x = "" }) => {
+	let [S, C] = d([]), w = o ?? S, T = l(() => le(e, r), [e, r]), E = l(() => f(), []), D = l(() => E.columns(e.map((e) => {
 		let t = e.accessor;
 		return E.accessor(typeof t == "function" ? t : (e) => e[t], {
 			id: e.id,
@@ -483,8 +635,8 @@ var w = {
 			enableSorting: !0,
 			sortDescFirst: e.sortDescFirst
 		});
-	})), [e, E]), O = h({
-		features: ne,
+	})), [e, E]), O = g({
+		features: ce,
 		columns: D,
 		data: r,
 		state: { sorting: w },
@@ -492,22 +644,22 @@ var w = {
 			let t = typeof e == "function" ? e(w) : e;
 			o === void 0 && C(t), s?.(t);
 		},
-		getRowId: f
+		getRowId: u
 	}), k = O.getRowModel().rows, A = e.map((e) => ({
 		id: e.id,
 		label: typeof e.header == "string" ? e.header : e.id
 	})), j = [
-		H.root,
-		a === "wide" ? H.wide : H.default,
-		i ? H.tableOnMobile : "",
+		W.root,
+		a === "wide" ? W.wide : W.default,
+		i ? W.tableOnMobile : "",
 		x
 	].filter(Boolean).join(" "), M = T ?? _;
 	return /* @__PURE__ */ n("section", {
 		className: j,
-		"aria-busy": g,
+		"aria-busy": h,
 		children: [
-			!i && !g && !M && k.length > 0 && /* @__PURE__ */ t(te, {
-				className: H.mobileSort,
+			!i && !h && !M && k.length > 0 && /* @__PURE__ */ t(U, {
+				className: W.mobileSort,
 				options: A,
 				value: w[0] ? {
 					id: w[0].id,
@@ -519,15 +671,15 @@ var w = {
 				}])
 			}),
 			/* @__PURE__ */ t("div", {
-				className: H.tableWrap,
+				className: W.tableWrap,
 				style: { maxHeight: b },
 				children: /* @__PURE__ */ n("table", {
-					className: H.table,
+					className: W.table,
 					"aria-label": m,
 					children: [
 						p && /* @__PURE__ */ t("caption", { children: p }),
 						/* @__PURE__ */ t("thead", {
-							className: y ? H.sticky : "",
+							className: y ? W.sticky : "",
 							children: O.getHeaderGroups().map((e) => /* @__PURE__ */ t("tr", { children: e.headers.map((e) => {
 								let r = e.column.getIsSorted();
 								return /* @__PURE__ */ t("th", {
@@ -535,7 +687,7 @@ var w = {
 									"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
 									children: /* @__PURE__ */ n("button", {
 										type: "button",
-										className: H.sortButton,
+										className: W.sortButton,
 										onClick: e.column.getToggleSortingHandler(),
 										children: [/* @__PURE__ */ t(O.FlexRender, { header: e }), /* @__PURE__ */ t("span", {
 											"aria-hidden": "true",
@@ -545,15 +697,15 @@ var w = {
 								}, e.id);
 							}) }, e.id))
 						}),
-						/* @__PURE__ */ t("tbody", { children: g ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
+						/* @__PURE__ */ t("tbody", { children: h ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
 							colSpan: e.length,
-							children: /* @__PURE__ */ t(L, { lines: 3 })
+							children: /* @__PURE__ */ t(oe, { lines: 3 })
 						}) }) : M ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
-							className: H.state,
+							className: W.state,
 							colSpan: e.length,
 							children: M
 						}) }) : k.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
-							className: H.state,
+							className: W.state,
 							colSpan: e.length,
 							children: v
 						}) }) : k.map((e) => /* @__PURE__ */ t("tr", { children: e.getAllCells().map((e) => /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(O.FlexRender, { cell: e }) }, e.id)) }, e.id)) })
@@ -561,19 +713,19 @@ var w = {
 				})
 			}),
 			!i && /* @__PURE__ */ t("div", {
-				className: H.cards,
+				className: W.cards,
 				role: "list",
 				"aria-label": m ?? p,
-				children: g ? /* @__PURE__ */ t(L, { lines: 4 }) : M ? /* @__PURE__ */ t("div", {
-					className: H.state,
+				children: h ? /* @__PURE__ */ t(oe, { lines: 4 }) : M ? /* @__PURE__ */ t("div", {
+					className: W.state,
 					children: M
 				}) : k.length === 0 ? /* @__PURE__ */ t("div", {
-					className: H.state,
+					className: W.state,
 					children: v
 				}) : k.map((r) => {
-					if (l) return /* @__PURE__ */ t("div", {
+					if (c) return /* @__PURE__ */ t("div", {
 						role: "listitem",
-						children: l({
+						children: c({
 							row: r.original,
 							columns: e
 						})
@@ -581,11 +733,11 @@ var w = {
 					let i = e.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), a = i.find((e) => e.mobile?.primary) ?? i.find((e) => e.mobile?.mobileVariant !== "actions"), o = (e) => typeof e.accessor == "function" ? e.accessor(r.original) : r.original[e.accessor], s = (e) => e.mobile?.renderMobile?.(r.original, o(e)) ?? e.cell?.(r.original, o(e)) ?? String(o(e) ?? "");
 					return /* @__PURE__ */ n("article", {
 						role: "listitem",
-						className: H.card,
+						className: W.card,
 						children: [
 							/* @__PURE__ */ t("h3", { children: a ? s(a) : `Строка ${r.index + 1}` }),
 							/* @__PURE__ */ t("dl", { children: i.filter((e) => e !== a && e.mobile?.mobileVariant !== "actions").map((e) => /* @__PURE__ */ n("div", {
-								className: e.mobile?.mobileSpan === 2 ? H.spanTwo : "",
+								className: e.mobile?.mobileSpan === 2 ? W.spanTwo : "",
 								children: [/* @__PURE__ */ t("dt", { children: e.mobile?.mobileLabel ?? e.header }), /* @__PURE__ */ t("dd", { children: s(e) })]
 							}, e.id)) }),
 							i.filter((e) => e.mobile?.mobileVariant === "actions").map((e) => /* @__PURE__ */ t("footer", { children: s(e) }, e.id))
@@ -595,9 +747,9 @@ var w = {
 			})
 		]
 	});
-}, ae = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опции", disabled: d = !1, label: f, error: p, hint: m, className: h = "", name: g, id: _, closeOnSelect: v = !1, maxMenuHeight: y }) => {
-	let b = s(), x = _ ?? `ds-dropdown-multiple-${g ?? b}`, [S, C] = u(!1), w = l(null), T = l(null), E = l([]), D = c(() => 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;
-	o(() => {
+}, de = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опции", disabled: o = !1, label: f, 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] = d(!1), w = u(null), T = u(null), E = u([]), D = l(() => 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(() => {
 		let e = (e) => {
 			w.current?.contains(e.target) || C(!1);
 		}, t = (e) => {
@@ -612,31 +764,31 @@ var w = {
 		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 = z(e, t, n);
+		let r = se(e, t, n);
 		E.current[r]?.focus(), E.current[r]?.scrollIntoView({ block: "nearest" });
 	};
 	return /* @__PURE__ */ n("div", {
 		ref: w,
 		className: [
-			R.wrapper,
-			p ? R.errorState : "",
+			B.wrapper,
+			p ? B.errorState : "",
 			h
 		].filter(Boolean).join(" "),
 		children: [
 			f && /* @__PURE__ */ t("label", {
 				htmlFor: x,
-				className: R.label,
+				className: B.label,
 				children: f
 			}),
 			/* @__PURE__ */ n("div", {
-				className: R.container,
+				className: B.container,
 				children: [/* @__PURE__ */ n("button", {
 					ref: T,
 					id: x,
 					type: "button",
 					name: g,
-					className: R.trigger,
-					disabled: d,
+					className: B.trigger,
+					disabled: o,
 					"aria-haspopup": "listbox",
 					"aria-expanded": S,
 					"aria-controls": `${x}-listbox`,
@@ -651,16 +803,16 @@ var w = {
 						}
 					},
 					children: [/* @__PURE__ */ t("span", {
-						className: D.length ? R.value : R.placeholder,
+						className: D.length ? B.value : B.placeholder,
 						children: O || a
 					}), /* @__PURE__ */ t("span", {
-						className: `${R.chevron} ${S ? R.chevronOpen : ""}`,
+						className: `${B.chevron} ${S ? B.chevronOpen : ""}`,
 						"aria-hidden": "true",
 						children: "⌄"
 					})]
 				}), S && /* @__PURE__ */ t("ul", {
 					id: `${x}-listbox`,
-					className: R.menu,
+					className: B.menu,
 					role: "listbox",
 					"aria-label": f,
 					"aria-multiselectable": "true",
@@ -677,7 +829,7 @@ var w = {
 								role: "option",
 								"aria-selected": o,
 								disabled: i.disabled,
-								className: `${R.option} ${o ? R.selected : ""}`,
+								className: `${B.option} ${o ? B.selected : ""}`,
 								onClick: () => j(i),
 								onKeyDown: (t) => {
 									if (t.key === "ArrowDown" || t.key === "ArrowUp") {
@@ -703,17 +855,17 @@ var w = {
 			}),
 			m && !p && /* @__PURE__ */ t("span", {
 				id: k,
-				className: R.message,
+				className: B.message,
 				children: m
 			}),
 			p && /* @__PURE__ */ t("span", {
 				id: A,
-				className: R.error,
+				className: B.error,
 				children: p
 			})
 		]
 	});
-}, oe = {
+}, fe = {
 	approve: "M4 12l5 5L20 6",
 	reject: "M5 5l14 14M19 5L5 19",
 	edit: "M4 20h4L19 9l-4-4L4 16v4z",
@@ -722,7 +874,7 @@ var w = {
 	basket: "M4 7h16l-1 13H5L4 7zm3 0V4h10v3",
 	info: "M12 10v7m0-10v.01",
 	warning: "M12 4L3 20h18L12 4zm0 5v5m0 3v.01"
-}, se = ({ name: e, title: r, width: i = 24, height: a = 24, ...o }) => /* @__PURE__ */ n("svg", {
+}, pe = ({ name: e, title: r, width: i = 24, height: a = 24, ...o }) => /* @__PURE__ */ n("svg", {
 	viewBox: "0 0 24 24",
 	width: i,
 	height: a,
@@ -735,27 +887,27 @@ var w = {
 	"aria-hidden": !r || void 0,
 	focusable: "false",
 	...o,
-	children: [r && /* @__PURE__ */ t("title", { children: r }), /* @__PURE__ */ t("path", { d: oe[e] })]
-}), U = {
+	children: [r && /* @__PURE__ */ t("title", { children: r }), /* @__PURE__ */ t("path", { d: fe[e] })]
+}), G = {
 	root: "_root_1897l_1",
 	header: "_header_1897l_11",
 	title: "_title_1897l_21",
 	dismiss: "_dismiss_1897l_28",
 	content: "_content_1897l_57"
-}, ce = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: c = "h3", className: l = "" }) => {
-	let u = `ds-info-block-${s()}`;
+}, me = ({ 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: `${U.root} ${l}`,
+		className: `${G.root} ${l}`,
 		"aria-labelledby": u,
 		children: [/* @__PURE__ */ n("header", {
-			className: U.header,
-			children: [/* @__PURE__ */ t(c, {
+			className: G.header,
+			children: [/* @__PURE__ */ t(s, {
 				id: u,
-				className: U.title,
+				className: G.title,
 				children: e
 			}), i && /* @__PURE__ */ t("button", {
 				type: "button",
-				className: U.dismiss,
+				className: G.dismiss,
 				onClick: a,
 				"aria-label": o,
 				children: /* @__PURE__ */ t("svg", {
@@ -771,35 +923,35 @@ var w = {
 				})
 			})]
 		}), /* @__PURE__ */ t("div", {
-			className: U.content,
+			className: G.content,
 			children: r
 		})]
 	});
-}, W = {
+}, K = {
 	wrapper: "_wrapper_1bpdz_1",
 	control: "_control_1bpdz_3",
 	input: "_input_1bpdz_5",
 	disabledText: "_disabledText_1bpdz_5",
 	inputError: "_inputError_1bpdz_11",
 	clear: "_clear_1bpdz_13"
-}, G = ({ value: e, onChange: r, type: i = "text", placeholder: a = "", disabled: o = !1, readOnly: c = !1, stringWhileDisabled: u = !1, label: d, error: f, hint: p, className: m = "", name: h, id: g, clearable: _ = !0, required: v = !1, selectTextOnFocus: y = !1, onFocus: b, ...x }) => {
-	let S = s(), C = g ?? `ds-input-${h ?? S}`, w = l(null), D = p ? `${C}-hint` : void 0, O = f ? `${C}-error` : void 0, k = String(e ?? ""), A = [D, O].filter(Boolean).join(" ") || void 0;
+}, he = ({ value: e, onChange: r, type: i = "text", placeholder: a = "", disabled: o = !1, readOnly: s = !1, stringWhileDisabled: l = !1, label: d, error: f, hint: p, className: m = "", name: h, id: g, clearable: _ = !0, required: v = !1, selectTextOnFocus: y = !1, onFocus: b, ...x }) => {
+	let S = c(), C = g ?? `ds-input-${h ?? S}`, w = u(null), T = p ? `${C}-hint` : void 0, O = f ? `${C}-error` : void 0, k = String(e ?? ""), A = [T, O].filter(Boolean).join(" ") || void 0;
 	return /* @__PURE__ */ n("div", {
-		className: `${W.wrapper} ${m}`,
+		className: `${K.wrapper} ${m}`,
 		children: [
-			d && /* @__PURE__ */ t(T, {
+			d && /* @__PURE__ */ t(E, {
 				htmlFor: C,
 				required: v,
 				disabled: o,
 				children: d
 			}),
-			o && u ? /* @__PURE__ */ t("div", {
+			o && l ? /* @__PURE__ */ t("div", {
 				id: C,
-				className: W.disabledText,
+				className: K.disabledText,
 				"aria-describedby": A,
 				children: k || a
 			}) : /* @__PURE__ */ n("div", {
-				className: W.control,
+				className: K.control,
 				children: [/* @__PURE__ */ t("input", {
 					ref: w,
 					id: C,
@@ -808,11 +960,11 @@ var w = {
 					value: k,
 					placeholder: a,
 					disabled: o,
-					readOnly: c,
+					readOnly: s,
 					required: v,
 					"aria-invalid": !!f,
 					"aria-describedby": A,
-					className: `${W.input} ${f ? W.inputError : ""}`,
+					className: `${K.input} ${f ? K.inputError : ""}`,
 					onChange: (e) => {
 						if (i === "number") {
 							let t = e.target.value === "" ? "" : Number(e.target.value);
@@ -825,9 +977,9 @@ var w = {
 						y && e.currentTarget.value && e.currentTarget.select(), b?.(e);
 					},
 					...x
-				}), _ && k && !o && !c && /* @__PURE__ */ t("button", {
+				}), _ && k && !o && !s && /* @__PURE__ */ t("button", {
 					type: "button",
-					className: W.clear,
+					className: K.clear,
 					"aria-label": "Очистить поле",
 					onClick: () => {
 						let e = w.current;
@@ -836,33 +988,33 @@ var w = {
 					children: "×"
 				})]
 			}),
-			p && !f && /* @__PURE__ */ t(E, {
-				id: D,
+			p && !f && /* @__PURE__ */ t(D, {
+				id: T,
 				children: p
 			}),
-			f && /* @__PURE__ */ t(E, {
+			f && /* @__PURE__ */ t(D, {
 				id: O,
 				variant: "error",
 				children: f
 			})
 		]
 	});
-}, K = {
+}, q = {
 	wrapper: "_wrapper_8srjz_1",
 	input: "_input_8srjz_11",
 	switch: "_switch_8srjz_18",
 	thumb: "_thumb_8srjz_34",
 	label: "_label_8srjz_56",
 	disabled: "_disabled_8srjz_62"
-}, le = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: c = "", name: l, id: u, value: d }) => {
-	let f = s(), p = u ?? `ds-radio-button-${l ?? f}`;
+}, ge = ({ 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: `${K.wrapper} ${a ? K.disabled : ""} ${c}`,
+		className: `${q.wrapper} ${a ? q.disabled : ""} ${s}`,
 		children: [
 			/* @__PURE__ */ t("input", {
 				id: p,
-				className: K.input,
+				className: q.input,
 				type: "checkbox",
 				role: "switch",
 				name: l,
@@ -875,21 +1027,21 @@ var w = {
 				}
 			}),
 			/* @__PURE__ */ t("span", {
-				className: K.switch,
+				className: q.switch,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ t("span", { className: K.thumb })
+				children: /* @__PURE__ */ t("span", { className: q.thumb })
 			}),
 			i && /* @__PURE__ */ t("span", {
-				className: K.label,
+				className: q.label,
 				children: i
 			})
 		]
 	});
-}, q = {
+}, _e = {
 	root: "_root_kepgo_1",
 	grid: "_grid_kepgo_3",
 	actions: "_actions_kepgo_5"
-}, ue = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
+}, ve = ({ 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,
@@ -898,11 +1050,11 @@ var w = {
 		i?.(n, e), s === "instant" && a?.(n);
 	};
 	return /* @__PURE__ */ n("section", {
-		className: `${q.root} ${u}`,
+		className: `${_e.root} ${u}`,
 		"aria-label": "Фильтры",
 		"aria-busy": c,
 		children: [/* @__PURE__ */ t("div", {
-			className: q.grid,
+			className: _e.grid,
 			children: e.filter((e) => !e.hidden).map((e) => {
 				let n = l || c || e.disabled, i = r[e.id];
 				if (e.type === "input") {
@@ -913,19 +1065,19 @@ var w = {
 						placeholder: e.placeholder,
 						disabled: n
 					};
-					return e.inputType === "number" ? /* @__PURE__ */ t(G, {
+					return e.inputType === "number" ? /* @__PURE__ */ t(he, {
 						...r,
 						type: "number",
 						value: i ?? "",
 						onChange: (t) => d(e.id, t)
-					}) : /* @__PURE__ */ t(G, {
+					}) : /* @__PURE__ */ t(he, {
 						...r,
 						type: "text",
 						value: String(i ?? ""),
 						onChange: (t) => d(e.id, t)
 					});
 				}
-				if (e.type === "dropdown") return /* @__PURE__ */ t(B, {
+				if (e.type === "dropdown") return /* @__PURE__ */ t(V, {
 					label: e.label,
 					hint: e.hint,
 					placeholder: e.placeholder,
@@ -934,7 +1086,7 @@ var w = {
 					disabled: n,
 					onChange: (t) => d(e.id, t)
 				}, e.id);
-				if (e.type === "multiple") return /* @__PURE__ */ t(ae, {
+				if (e.type === "multiple") return /* @__PURE__ */ t(de, {
 					label: e.label,
 					hint: e.hint,
 					placeholder: e.placeholder,
@@ -943,14 +1095,14 @@ var w = {
 					disabled: n,
 					onChange: (t) => d(e.id, t)
 				}, e.id);
-				if (e.type === "checkbox") return /* @__PURE__ */ t(O, {
+				if (e.type === "checkbox") return /* @__PURE__ */ t(k, {
 					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(le, {
+				if (e.type === "radio") return /* @__PURE__ */ t(ge, {
 					label: e.label,
 					checked: !!i,
 					disabled: n,
@@ -960,7 +1112,7 @@ var w = {
 					from: null,
 					to: null
 				};
-				return /* @__PURE__ */ t(ee, {
+				return /* @__PURE__ */ t(ae, {
 					hint: e.hint,
 					mode: e.mode,
 					min: e.min,
@@ -971,13 +1123,13 @@ var w = {
 				}, e.id);
 			})
 		}), (o || s === "manual") && /* @__PURE__ */ n("div", {
-			className: q.actions,
-			children: [o && /* @__PURE__ */ t(C, {
+			className: _e.actions,
+			children: [o && /* @__PURE__ */ t(w, {
 				variant: "destructiveOutline",
 				disabled: l || c,
 				onClick: o,
 				children: "Сбросить"
-			}), s === "manual" && /* @__PURE__ */ t(C, {
+			}), s === "manual" && /* @__PURE__ */ t(w, {
 				isLoading: c,
 				disabled: l,
 				onClick: () => a?.(r),
@@ -985,11 +1137,11 @@ var w = {
 			})]
 		})]
 	});
-}, de = 0, J = _((e) => ({
+}, ye = 0, J = v((e) => ({
 	modals: [],
 	openModal: (t, n = {}, r = {}) => {
-		de += 1;
-		let i = `ds-modal-${de}`;
+		ye += 1;
+		let i = `ds-modal-${ye}`;
 		return e((e) => ({ modals: [...e.modals, {
 			id: i,
 			name: t,
@@ -1001,7 +1153,7 @@ var w = {
 	closeModal: (t) => e((e) => ({ modals: e.modals.filter((e) => e.id !== t) })),
 	closeTopModal: () => e((e) => ({ modals: e.modals.slice(0, -1) })),
 	closeAllModals: () => e({ modals: [] })
-})), fe = () => J.setState({ modals: [] }), Y = {
+})), be = () => J.setState({ modals: [] }), Y = {
 	layer: "_layer_bl99k_1",
 	backdrop: "_backdrop_bl99k_2",
 	panel: "_panel_bl99k_3",
@@ -1009,14 +1161,14 @@ var w = {
 	title: "_title_bl99k_6",
 	description: "_description_bl99k_7",
 	content: "_content_bl99k_8"
-}, pe = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", me = ({ children: e, title: r, description: i, modalId: a, closeLabel: c = "Закрыть модальное окно", className: u = "", role: d = "dialog" }) => {
-	let f = s(), p = s(), m = l(null), h = J((e) => e.closeModal);
-	return o(() => {
+}, xe = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Se = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: l = "", role: d = "dialog" }) => {
+	let f = c(), p = c(), m = u(null), h = J((e) => e.closeModal);
+	return s(() => {
 		let e = document.activeElement, t = m.current;
-		return (t?.querySelector(pe) ?? t)?.focus(), () => e?.focus();
+		return (t?.querySelector(xe) ?? t)?.focus(), () => e?.focus();
 	}, []), /* @__PURE__ */ n("div", {
 		ref: m,
-		className: `${Y.panel} ${u}`,
+		className: `${Y.panel} ${l}`,
 		role: d,
 		"aria-modal": "true",
 		"aria-labelledby": r ? f : void 0,
@@ -1024,7 +1176,7 @@ var w = {
 		tabIndex: -1,
 		onKeyDown: (e) => {
 			if (e.key !== "Tab") return;
-			let t = Array.from(m.current?.querySelectorAll(pe) ?? []);
+			let t = Array.from(m.current?.querySelectorAll(xe) ?? []);
 			if (!t.length) {
 				e.preventDefault();
 				return;
@@ -1033,16 +1185,16 @@ var w = {
 			e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n?.focus());
 		},
 		children: [
-			(r || c) && /* @__PURE__ */ n("header", {
+			(r || o) && /* @__PURE__ */ n("header", {
 				className: Y.header,
 				children: [r && /* @__PURE__ */ t("h2", {
 					id: f,
 					className: Y.title,
 					children: r
-				}), /* @__PURE__ */ t(C, {
-					variant: "ghost",
+				}), /* @__PURE__ */ t(w, {
+					variant: "empty",
 					size: "sm",
-					"aria-label": c,
+					"aria-label": o,
 					onClick: () => h(a),
 					children: "×"
 				})]
@@ -1058,16 +1210,16 @@ var w = {
 			})
 		]
 	});
-}, he = ({ registry: e }) => {
+}, Ce = ({ registry: e }) => {
 	let n = J((e) => e.modals), r = J((e) => e.closeModal), i = J((e) => e.closeAllModals);
-	return o(() => {
+	return s(() => {
 		let e = (e) => {
 			if (e.key !== "Escape") return;
 			let t = J.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 : g(/* @__PURE__ */ t("div", {
+	}, [r]), !n.length || typeof document > "u" ? null : _(/* @__PURE__ */ t("div", {
 		className: Y.layer,
 		"aria-label": "Модальные окна",
 		children: n.map((a, o) => {
@@ -1087,23 +1239,23 @@ var w = {
 			}, a.id) : null;
 		})
 	}), document.body);
-}, ge = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
-	let s = J((e) => e.modals.length);
-	return o(() => {
-		if (!a || s === 0) return;
+}, we = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
+	let o = J((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, s]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(he, { registry: r })] });
-}, _e = (e) => e, X = {
+	}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(Ce, { registry: r })] });
+}, Te = (e) => e, X = {
 	message: "_message_187g8_1",
 	actions: "_actions_187g8_2"
-}, ve = /* @__PURE__ */ new Map(), ye = 0, be = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
+}, Ee = /* @__PURE__ */ new Map(), De = 0, Oe = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
 	let u = (e) => {
-		ve.get(l)?.(e), ve.delete(l), r();
+		Ee.get(l)?.(e), Ee.delete(l), r();
 	};
-	return /* @__PURE__ */ n(me, {
+	return /* @__PURE__ */ n(Se, {
 		modalId: e,
 		title: i,
 		role: "alertdialog",
@@ -1112,18 +1264,18 @@ var w = {
 			children: a
 		}), /* @__PURE__ */ n("div", {
 			className: X.actions,
-			children: [/* @__PURE__ */ t(C, {
+			children: [/* @__PURE__ */ t(w, {
 				variant: "outline",
 				onClick: () => u(!1),
 				children: s
-			}), /* @__PURE__ */ t(C, {
+			}), /* @__PURE__ */ t(w, {
 				variant: c === "danger" ? "destructive" : "primary",
 				onClick: () => u(!0),
 				children: o
 			})]
 		})]
 	});
-}, xe = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(me, {
+}, ke = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Se, {
 	modalId: e,
 	title: i,
 	role: "alertdialog",
@@ -1132,31 +1284,31 @@ var w = {
 		children: a
 	}), /* @__PURE__ */ t("div", {
 		className: X.actions,
-		children: /* @__PURE__ */ t(C, {
+		children: /* @__PURE__ */ t(w, {
 			onClick: r,
 			children: o
 		})
 	})]
-}), Se = _e({
-	ConfirmModal: be,
-	ErrorModal: xe
-}), Ce = () => {
+}), Ae = Te({
+	ConfirmModal: Oe,
+	ErrorModal: ke
+}), je = () => {
 	let e = J((e) => e.openModal);
 	return (t = {}) => new Promise((n) => {
-		ye += 1;
-		let r = `confirm-${ye}`;
-		ve.set(r, n), e("ConfirmModal", {
+		De += 1;
+		let r = `confirm-${De}`;
+		Ee.set(r, n), e("ConfirmModal", {
 			...t,
 			requestId: r
 		}, { closeOnEscape: !1 });
 	});
-}, we = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", Te = () => {
+}, Me = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", Ne = () => {
 	let e = J((e) => e.openModal);
 	return { showError: (t, n) => e("ErrorModal", {
 		title: n,
-		message: we(t)
+		message: Me(t)
 	}) };
-}, Ee = _(() => ({})), De = _(() => ({})), Oe = () => {
+}, Pe = v(() => ({})), Fe = v(() => ({})), Ie = () => {
 	let e = J((e) => e.modals), t = J((e) => e.openModal);
 	return {
 		openModal: (e, n = {}, r) => t(e, n, r),
@@ -1166,16 +1318,16 @@ var w = {
 		isOpen: (t) => e.some((e) => e.name === t),
 		count: e.length
 	};
-}, ke = { root: "_root_1j70j_1" }, Ae = ({ label: e = "Загрузка страницы", className: r = "" }) => /* @__PURE__ */ n("div", {
-	className: `${ke.root} ${r}`,
+}, Le = { root: "_root_1j70j_1" }, Re = ({ label: e = "Загрузка страницы", className: r = "" }) => /* @__PURE__ */ n("div", {
+	className: `${Le.root} ${r}`,
 	role: "status",
 	"aria-label": e,
-	children: [/* @__PURE__ */ t(x, { decorative: !0 }), /* @__PURE__ */ t("span", { children: e })]
-}), je = {
+	children: [/* @__PURE__ */ t(S, { decorative: !0 }), /* @__PURE__ */ t("span", { children: e })]
+}), ze = {
 	root: "_root_ig8lp_1",
 	legend: "_legend_ig8lp_2",
 	range: "_range_ig8lp_3"
-}, Me = [
+}, Be = [
 	{
 		value: "1",
 		label: "День"
@@ -1188,19 +1340,19 @@ var w = {
 		value: "3",
 		label: "Месяц"
 	}
-], Ne = {
+], Ve = {
 	day: 1,
 	week: 2,
 	month: 3
-}, Pe = ({ value: e, onChange: r, label: i, hint: a, error: o, disabled: s = !1, min: c, max: l, className: u = "", periodTypeOptions: d = Me }) => /* @__PURE__ */ n("fieldset", {
-	className: `${je.root} ${u}`,
+}, He = ({ value: e, onChange: r, label: i, hint: a, error: o, disabled: s = !1, min: c, max: l, className: u = "", periodTypeOptions: d = Be }) => /* @__PURE__ */ n("fieldset", {
+	className: `${ze.root} ${u}`,
 	disabled: s,
 	children: [
 		i && /* @__PURE__ */ t("legend", {
-			className: je.legend,
+			className: ze.legend,
 			children: i
 		}),
-		/* @__PURE__ */ t(B, {
+		/* @__PURE__ */ t(V, {
 			options: d,
 			value: String(e.periodType),
 			disabled: s,
@@ -1211,8 +1363,8 @@ var w = {
 			label: "Тип периода"
 		}),
 		/* @__PURE__ */ n("div", {
-			className: je.range,
-			children: [/* @__PURE__ */ t(N, {
+			className: ze.range,
+			children: [/* @__PURE__ */ t(I, {
 				value: e.startDate,
 				onChange: (t) => r?.({
 					...e,
@@ -1222,7 +1374,7 @@ var w = {
 				min: c,
 				max: l,
 				disabled: s
-			}), /* @__PURE__ */ t(N, {
+			}), /* @__PURE__ */ t(I, {
 				value: e.endDate,
 				onChange: (t) => r?.({
 					...e,
@@ -1234,8 +1386,8 @@ var w = {
 				disabled: s
 			})]
 		}),
-		a && !o && /* @__PURE__ */ t(E, { children: a }),
-		o && /* @__PURE__ */ t(E, {
+		a && !o && /* @__PURE__ */ t(D, { children: a }),
+		o && /* @__PURE__ */ t(D, {
 			variant: "error",
 			children: o
 		})
@@ -1253,14 +1405,14 @@ var w = {
 	success: "_success_v7rog_10",
 	warning: "_warning_v7rog_11",
 	error: "_error_v7rog_12"
-}, Fe = ({ toast: e, onClose: r }) => {
-	let [i, a] = u(!1), s = l(e.duration), c = l(Date.now());
-	return o(() => {
+}, Ue = ({ toast: e, onClose: r }) => {
+	let [i, a] = d(!1), o = u(e.duration), c = u(Date.now());
+	return s(() => {
 		if (i || e.duration <= 0) return;
 		c.current = Date.now();
-		let t = setTimeout(() => r(e.id), s.current);
+		let t = setTimeout(() => r(e.id), o.current);
 		return () => {
-			clearTimeout(t), s.current = Math.max(0, s.current - (Date.now() - c.current));
+			clearTimeout(t), o.current = Math.max(0, o.current - (Date.now() - c.current));
 		};
 	}, [
 		r,
@@ -1276,7 +1428,7 @@ var w = {
 		onFocus: () => a(!0),
 		onBlur: () => a(!1),
 		children: [
-			/* @__PURE__ */ t(se, {
+			/* @__PURE__ */ t(pe, {
 				name: e.variant === "warning" ? "warning" : "info",
 				className: Z.icon
 			}),
@@ -1285,8 +1437,8 @@ var w = {
 				children: [
 					e.title && /* @__PURE__ */ t("strong", { children: e.title }),
 					/* @__PURE__ */ t("div", { children: e.message }),
-					e.action && /* @__PURE__ */ t(C, {
-						variant: "ghost",
+					e.action && /* @__PURE__ */ t(w, {
+						variant: "empty",
 						size: "sm",
 						onClick: () => {
 							e.action?.onClick(), (e.action?.dismissOnClick ?? !0) && r(e.id);
@@ -1295,8 +1447,8 @@ var w = {
 					})
 				]
 			}),
-			e.closable && /* @__PURE__ */ t(C, {
-				variant: "ghost",
+			e.closable && /* @__PURE__ */ t(w, {
+				variant: "empty",
 				size: "sm",
 				"aria-label": "Закрыть уведомление",
 				onClick: () => r(e.id),
@@ -1304,11 +1456,11 @@ var w = {
 			})
 		]
 	});
-}, Ie = 0, Q = _((e) => ({
+}, We = 0, Q = v((e) => ({
 	toasts: [],
 	showToast: (t) => {
-		Ie += 1;
-		let n = `ds-toast-${Ie}`;
+		We += 1;
+		let n = `ds-toast-${We}`;
 		return e((e) => ({ toasts: [...e.toasts, {
 			variant: "info",
 			duration: 5e3,
@@ -1319,31 +1471,48 @@ var w = {
 	},
 	removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
 	clearToasts: () => e({ toasts: [] })
-})), Le = () => Q.setState({ toasts: [] }), Re = ({ position: e = "top-right" }) => {
+})), Ge = () => Q.setState({ toasts: [] }), Ke = ({ position: e = "top-right" }) => {
 	let n = Q((e) => e.toasts), r = Q((e) => e.removeToast);
 	return /* @__PURE__ */ t("div", {
 		className: `${Z.viewport} ${Z[e]}`,
 		"aria-label": "Уведомления",
-		children: n.map((e) => /* @__PURE__ */ t(Fe, {
+		children: n.map((e) => /* @__PURE__ */ t(Ue, {
 			toast: e,
 			onClose: r
 		}, e.id))
 	});
-}, ze = () => {
-	let e = Q((e) => e.showToast), t = Q((e) => e.removeToast), n = Q((e) => e.clearToasts), r = (t) => (n) => e({
-		...n,
-		variant: t
-	});
-	return {
+}, qe = () => {
+	let e = Q((e) => e.showToast), t = Q((e) => e.removeToast), n = Q((e) => e.clearToasts), r = o((t) => e({
+		...t,
+		variant: "info"
+	}), [e]), i = o((t) => e({
+		...t,
+		variant: "success"
+	}), [e]), a = o((t) => e({
+		...t,
+		variant: "warning"
+	}), [e]), s = o((t) => e({
+		...t,
+		variant: "error"
+	}), [e]);
+	return l(() => ({
 		showToast: e,
-		infoToast: r("info"),
-		successToast: r("success"),
-		warningToast: r("warning"),
-		errorToast: r("error"),
+		infoToast: r,
+		successToast: i,
+		warningToast: a,
+		errorToast: s,
 		removeToast: t,
 		clearToasts: n
-	};
-}, Be = {
+	}), [
+		n,
+		s,
+		r,
+		t,
+		e,
+		i,
+		a
+	]);
+}, Je = {
 	root: "_root_2bxal_1",
 	tooltip: "_tooltip_2bxal_2",
 	"ds-tooltip-in": "_ds-tooltip-in_2bxal_1",
@@ -1351,13 +1520,13 @@ var w = {
 	bottom: "_bottom_2bxal_4",
 	left: "_left_2bxal_5",
 	right: "_right_2bxal_6"
-}, Ve = ({ content: e, children: i, placement: c = "top", delay: d = 450, disabled: f = !1, maxWidth: p = 280, className: m = "" }) => {
-	let h = s(), [g, _] = u(!1), v = l(null), y = () => {
-		f || !e || (v.current = setTimeout(() => _(!0), d));
+}, Ye = ({ content: e, children: i, placement: o = "top", delay: l = 450, disabled: f = !1, maxWidth: p = 280, className: m = "" }) => {
+	let h = c(), [g, _] = d(!1), v = u(null), y = () => {
+		f || !e || (v.current = setTimeout(() => _(!0), l));
 	}, b = () => {
 		v.current && clearTimeout(v.current), _(!1);
 	};
-	if (o(() => {
+	if (s(() => {
 		let e = (e) => {
 			e.key === "Escape" && b();
 		};
@@ -1373,12 +1542,12 @@ var w = {
 		onBlur: b
 	});
 	return /* @__PURE__ */ n("span", {
-		className: `${Be.root} ${m}`,
+		className: `${Je.root} ${m}`,
 		onPointerDown: g ? b : y,
 		children: [x, g && /* @__PURE__ */ t("span", {
 			id: h,
 			role: "tooltip",
-			className: `${Be.tooltip} ${Be[c]}`,
+			className: `${Je.tooltip} ${Je[o]}`,
 			style: { maxWidth: p },
 			children: e
 		})]
@@ -1390,10 +1559,10 @@ var w = {
 	overlay: "_overlay_tgni1_4",
 	error: "_error_tgni1_4",
 	caption: "_caption_tgni1_7"
-}, He = ({ sources: e, tracks: r = [], title: i, aspectRatio: a = "16 / 9", objectFit: o = "contain", loading: s = !1, error: c, fallback: l, className: d = "", controls: f = !0, playsInline: p = !0, ...m }) => {
-	let [h, g] = u(!1), _ = c ?? (h ? "Не удалось воспроизвести видео" : void 0);
+}, Xe = ({ sources: e, tracks: r = [], title: i, aspectRatio: a = "16 / 9", objectFit: o = "contain", loading: s = !1, error: c, fallback: l, className: u = "", controls: f = !0, playsInline: p = !0, ...m }) => {
+	let [h, g] = d(!1), _ = c ?? (h ? "Не удалось воспроизвести видео" : void 0);
 	return /* @__PURE__ */ n("figure", {
-		className: `${$.root} ${d}`,
+		className: `${$.root} ${u}`,
 		children: [/* @__PURE__ */ n("div", {
 			className: $.frame,
 			style: { aspectRatio: a },
@@ -1412,7 +1581,7 @@ var w = {
 				}),
 				s && /* @__PURE__ */ t("div", {
 					className: $.overlay,
-					children: /* @__PURE__ */ t(x, { label: "Загрузка видео" })
+					children: /* @__PURE__ */ t(S, { label: "Загрузка видео" })
 				}),
 				(_ || e.length === 0) && /* @__PURE__ */ t("div", {
 					className: $.error,
@@ -1427,4 +1596,4 @@ var w = {
 	});
 };
 //#endregion
-export { be as ConfirmModal, y as DSBadge, C as DSButton, O as DSCheckbox, ie as DSDataTable, ee as DSDateRange, N as DSDateTimePicker, B as DSDropDown, ae as DSDropDownMultiple, T as DSFieldLabel, E as DSFieldMessage, ue as DSFilters, se as DSIcon, ce as DSInfoBlock, G as DSInput, x as DSLoader, he as DSModal, me as DSModalFrame, Ae as DSPageLoader, le as DSRadioButton, L as DSSkeleton, te as DSSort, Pe as DSTimePeriodPicker, Fe as DSToast, Re as DSToastProvider, Ve as DSTooltip, He as DSVideoPlayerFrame, Ne as DS_PERIOD_TYPE_CODES, xe as ErrorModal, ge as ModalSystemProvider, Se as builtInModalRegistry, _e as defineModalRegistry, j as formatDateTimeLocalValue, we as getErrorMessage, z as getNextEnabledOptionIndex, F as isValidDateRange, M as parseDateTimeLocalValue, fe as resetModalStore, Le as resetToastStore, Ce as useConfirmModal, Ee as useConfirmModalStore, Te as useErrorModal, De as useErrorModalStore, Oe as useModals, J as useModalsStore, ze as useToast, Q as useToastStore, re as validateDSDataTableData };
+export { Oe as ConfirmModal, b as DSBadge, w as DSButton, k as DSCheckbox, ue as DSDataTable, ae as DSDateRange, I as DSDateTimePicker, V as DSDropDown, de as DSDropDownMultiple, E as DSFieldLabel, D as DSFieldMessage, ve as DSFilters, pe as DSIcon, me as DSInfoBlock, he as DSInput, S as DSLoader, Ce as DSModal, Se as DSModalFrame, Re as DSPageLoader, ge as DSRadioButton, oe as DSSkeleton, U as DSSort, He as DSTimePeriodPicker, Ue as DSToast, Ke as DSToastProvider, Ye as DSTooltip, Xe as DSVideoPlayerFrame, Ve as DS_PERIOD_TYPE_CODES, ke as ErrorModal, we as ModalSystemProvider, Ae as builtInModalRegistry, Te as defineModalRegistry, F as formatDateTimeLocalValue, Me as getErrorMessage, se as getNextEnabledOptionIndex, R as isValidDateRange, ee as parseDateTimeLocalValue, be as resetModalStore, Ge as resetToastStore, je as useConfirmModal, Pe as useConfirmModalStore, Ne as useErrorModal, Fe as useErrorModalStore, Ie as useModals, J as useModalsStore, qe as useToast, Q as useToastStore, le as validateDSDataTableData };