@efficiency-point/design-system 0.0.17 → 0.0.18

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, useCallback as o, useEffect as s, useId as c, useMemo as l, useRef as u, useState as d } from "react";
-import { 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, useLayoutEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { createPortal as p } from "react-dom";
+import { createSortedRowModel as m, rowSortingFeature as h, tableFeatures as g, useTable as _ } from "@tanstack/react-table";
+import { create as v } from "zustand";
+var y = {
 	badge: "_badge_1pk53_1",
 	sm: "_sm_1pk53_3",
 	md: "_md_1pk53_5",
@@ -15,36 +15,36 @@ var v = {
 	dot: "_dot_1pk53_17",
 	icon: "_icon_1pk53_19",
 	label: "_label_1pk53_21"
-}, 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_1tjcf_1",
 	"ds-spin": "_ds-spin_1tjcf_1",
 	primary: "_primary_1tjcf_21",
 	secondary: "_secondary_1tjcf_23",
 	light: "_light_1tjcf_25",
 	danger: "_danger_1tjcf_27"
-}, 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 = {
+}), C = {
 	button: "_button_1jisp_1",
 	sm: "_sm_1jisp_31",
 	md: "_md_1jisp_33",
@@ -56,20 +56,20 @@ var v = {
 	empty: "_empty_1jisp_57",
 	destructive: "_destructive_1jisp_67",
 	destructiveOutline: "_destructiveOutline_1jisp_69"
-}, 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", {
+}, 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: `${S.button} ${S[n]} ${S[r]} ${c}`,
+	className: `${C.button} ${C[n]} ${C[r]} ${c}`,
 	disabled: o || i,
 	"aria-busy": i || void 0,
 	...l,
 	type: s,
-	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_1lsqq_1",
 	required: "_required_1lsqq_23",
 	error: "_error_1lsqq_25",
@@ -78,43 +78,43 @@ var w = {
 	disabled: "_disabled_1lsqq_47",
 	message: "_message_1lsqq_55",
 	success: "_success_1lsqq_71"
-}, 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_1gq36_1",
 	label: "_label_1gq36_3",
 	input: "_input_1gq36_5",
 	control: "_control_1gq36_7",
 	disabled: "_disabled_1gq36_13",
 	controlError: "_controlError_1gq36_17"
-}, O = ({ checked: e, onChange: r, label: i, hint: a, error: o, disabled: l = !1, readOnly: 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;
+}, 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 }) => {
+	let _ = c(), v = m ?? `ds-checkbox-${p ?? _}`, y = d(null), b = a ? `${v}-hint` : void 0, x = o ? `${v}-error` : void 0;
 	return s(() => {
 		y.current && (y.current.indeterminate = h && !e);
 	}, [e, h]), /* @__PURE__ */ n("div", {
-		className: `${D.wrapper} ${f}`,
+		className: `${O.wrapper} ${f}`,
 		children: [
 			/* @__PURE__ */ n("label", {
-				className: `${D.label} ${l ? D.disabled : ""}`,
+				className: `${O.label} ${l ? O.disabled : ""}`,
 				htmlFor: v,
 				children: [
 					/* @__PURE__ */ t("input", {
@@ -124,53 +124,53 @@ var w = {
 						type: "checkbox",
 						checked: e,
 						disabled: l,
-						"aria-readonly": d || void 0,
+						"aria-readonly": u || void 0,
 						"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);
+							u || r?.(e.target.checked, e);
 						},
 						...g
 					}),
 					/* @__PURE__ */ t("span", {
-						className: `${D.control} ${o ? D.controlError : ""}`,
+						className: `${O.control} ${o ? O.controlError : ""}`,
 						"aria-hidden": "true",
 						children: h && !e ? "−" : e ? "✓" : ""
 					}),
 					i && /* @__PURE__ */ t("span", { children: i })
 				]
 			}),
-			a && !o && /* @__PURE__ */ t(E, {
+			a && !o && /* @__PURE__ */ t(D, {
 				id: b,
 				children: a
 			}),
-			o && /* @__PURE__ */ t(E, {
+			o && /* @__PURE__ */ t(D, {
 				id: x,
 				variant: "error",
 				children: o
 			})
 		]
 	});
-}, k = {
-	wrapper: "_wrapper_1528c_1",
-	trigger: "_trigger_1528c_17",
-	nav: "_nav_1528c_53",
-	day: "_day_1528c_55",
-	monthSelect: "_monthSelect_1528c_57",
-	yearInput: "_yearInput_1528c_59",
-	timeInput: "_timeInput_1528c_61",
-	value: "_value_1528c_85",
-	placeholder: "_placeholder_1528c_93",
-	error: "_error_1528c_101",
-	panel: "_panel_1528c_109",
-	calendarHeader: "_calendarHeader_1528c_135",
-	weekdays: "_weekdays_1528c_225",
-	days: "_days_1528c_227",
-	outside: "_outside_1528c_263",
-	selected: "_selected_1528c_271",
-	timeLabel: "_timeLabel_1528c_291"
-}, A = [
+}, A = {
+	wrapper: "_wrapper_v84a4_1",
+	trigger: "_trigger_v84a4_17",
+	nav: "_nav_v84a4_53",
+	day: "_day_v84a4_55",
+	monthSelect: "_monthSelect_v84a4_57",
+	yearInput: "_yearInput_v84a4_59",
+	timeInput: "_timeInput_v84a4_61",
+	value: "_value_v84a4_85",
+	placeholder: "_placeholder_v84a4_93",
+	error: "_error_v84a4_101",
+	panel: "_panel_v84a4_109",
+	calendarHeader: "_calendarHeader_v84a4_135",
+	weekdays: "_weekdays_v84a4_225",
+	days: "_days_v84a4_227",
+	outside: "_outside_v84a4_263",
+	selected: "_selected_v84a4_271",
+	timeLabel: "_timeLabel_v84a4_291"
+}, j = [
 	"Пн",
 	"Вт",
 	"Ср",
@@ -178,7 +178,7 @@ var w = {
 	"Пт",
 	"Сб",
 	"Вс"
-], j = [
+], M = [
 	"Январь",
 	"Февраль",
 	"Март",
@@ -191,11 +191,11 @@ var w = {
 	"Октябрь",
 	"Ноябрь",
 	"Декабрь"
-], M = (e) => String(e).padStart(2, "0"), N = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), P = (e, t) => {
+], 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()}-${M(e.getMonth() + 1)}-${M(e.getDate())}`, r = `${M(e.getHours())}:${M(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}`;
-}, F = (e, t) => {
+}, I = (e, t) => {
 	if (!e) return null;
 	if (t === "time") {
 		let t = /^(\d{2}):(\d{2})$/.exec(e);
@@ -207,173 +207,209 @@ var w = {
 	}
 	let n = new Date(t === "date" ? `${e}T00:00` : e);
 	return Number.isNaN(n.getTime()) ? null : n;
-}, I = (e, t) => {
+}, L = (e, t) => {
 	if (!e) return "";
-	let n = `${M(e.getDate())}.${M(e.getMonth() + 1)}.${e.getFullYear()}`, r = `${M(e.getHours())}:${M(e.getMinutes())}`;
+	let n = `${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}`;
-}, L = (e) => {
+}, ee = (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;
 	});
-}, ee = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), te = (e, t, n) => {
-	let r = N(e).getTime();
-	return !!(t && r < N(t).getTime() || n && r > N(n).getTime());
-}, ne = ({ 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}`, D = p ? `${w}-hint` : void 0, O = m ? `${w}-error` : void 0, M = u(null), N = u(null), [ne, R] = d(!1), [z, B] = d(r ?? /* @__PURE__ */ new Date()), [V, H] = d(P(r, "time")), U = l(() => L(z), [z]), re = a !== "time", ie = a !== "date";
+}, te = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), ne = (e, t, n) => {
+	let r = P(e).getTime();
+	return !!(t && r < P(t).getTime() || n && r > P(n).getTime());
+}, re = 8, ie = 6, ae = ({ 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, id: C, name: w, className: T = "" }) => {
+	let O = c(), k = C ?? `ds-date-time-${w ?? O}`, N = g ? `${k}-hint` : void 0, P = _ ? `${k}-error` : void 0, ae = d(null), oe = d(null), se = d(null), [R, z] = f(!1), [B, V] = f(r ?? /* @__PURE__ */ new Date()), [ce, le] = f(F(r, "time")), [H, ue] = f(null), U = u(() => ee(B), [B]), de = a !== "time", fe = a !== "date";
 	s(() => {
-		r && B(r), H(P(r, "time"));
-	}, [r]), s(() => {
+		r && V(r), le(F(r, "time"));
+	}, [r]);
+	let W = o(() => {
+		let e = oe.current, t = se.current;
+		if (!e || !t) return;
+		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(120, s ? o : a), l = s ? Math.max(re, n.top - r.height - ie) : n.bottom + ie, u = n.left, d = i - r.width - re;
+		ue({
+			top: l,
+			left: Math.max(re, Math.min(u, d)),
+			maxHeight: c
+		});
+	}, []);
+	l(() => {
+		if (!R) {
+			ue(null);
+			return;
+		}
+		return W(), window.addEventListener("resize", W), window.addEventListener("scroll", W, !0), () => {
+			window.removeEventListener("resize", W), window.removeEventListener("scroll", W, !0);
+		};
+	}, [
+		R,
+		W,
+		B,
+		ce
+	]), s(() => {
+		if (!R) return;
 		let e = (e) => {
-			M.current?.contains(e.target) || R(!1);
+			let t = e.target, n = ae.current?.contains(t), r = se.current?.contains(t);
+			!n && !r && z(!1);
 		}, t = (e) => {
-			e.key === "Escape" && (R(!1), N.current?.focus());
+			e.key === "Escape" && (z(!1), oe.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);
 		};
-	}, []);
-	let ae = (e) => {
-		if (te(e, v, y)) return;
+	}, [R]);
+	let pe = (e) => {
+		if (ne(e, x, S)) return;
 		let t = new Date(e);
-		t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), a === "date" && R(!1);
-	}, oe = (e) => {
-		if (H(e), !e) {
+		t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), a === "date" && z(!1);
+	}, me = (e) => {
+		if (le(e), !e) {
 			i?.(null);
 			return;
 		}
-		let t = F(e, "time");
+		let t = I(e, "time");
 		if (!t) return;
-		let n = new Date(a === "datetime" ? r ?? z : /* @__PURE__ */ new Date());
-		n.setHours(t.getHours(), t.getMinutes(), 0, 0), !(v && n < v || y && n > y) && i?.(n);
-	}, W = f ?? (a === "date" ? "Выберите дату" : a === "time" ? "Введите время" : "Выберите дату и время"), se = [D, O].filter(Boolean).join(" ") || void 0;
+		let n = new Date(a === "datetime" ? r ?? B : /* @__PURE__ */ new Date());
+		n.setHours(t.getHours(), t.getMinutes(), 0, 0), !(x && n < x || S && n > S) && i?.(n);
+	}, he = h ?? (a === "date" ? "Выберите дату" : a === "time" ? "Введите время" : "Выберите дату и время"), ge = [N, P].filter(Boolean).join(" ") || void 0, _e = R && !y ? /* @__PURE__ */ n("div", {
+		ref: se,
+		className: A.panel,
+		role: "dialog",
+		"aria-label": m ?? he,
+		style: H ? {
+			top: H.top,
+			left: H.left,
+			maxHeight: H.maxHeight
+		} : {
+			visibility: "hidden",
+			top: 0,
+			left: 0
+		},
+		children: [de && /* @__PURE__ */ n(e, { children: [
+			/* @__PURE__ */ n("div", {
+				className: A.calendarHeader,
+				children: [
+					/* @__PURE__ */ t("button", {
+						type: "button",
+						className: A.nav,
+						"aria-label": "Предыдущий месяц",
+						onClick: () => V(new Date(B.getFullYear(), B.getMonth() - 1, 1)),
+						children: "‹"
+					}),
+					/* @__PURE__ */ t("select", {
+						className: A.monthSelect,
+						"aria-label": "Месяц",
+						value: B.getMonth(),
+						onChange: (e) => V(new Date(B.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: B.getFullYear(),
+						onChange: (e) => V(new Date(Number(e.target.value), B.getMonth(), 1))
+					}),
+					/* @__PURE__ */ t("button", {
+						type: "button",
+						className: A.nav,
+						"aria-label": "Следующий месяц",
+						onClick: () => V(new Date(B.getFullYear(), B.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: U.map((e) => {
+					let n = te(r, e);
+					return /* @__PURE__ */ t("button", {
+						type: "button",
+						className: `${A.day} ${e.getMonth() === B.getMonth() ? "" : A.outside} ${n ? A.selected : ""}`,
+						disabled: ne(e, x, S),
+						"aria-pressed": n,
+						onClick: () => pe(e),
+						children: e.getDate()
+					}, e.toISOString());
+				})
+			})
+		] }), fe && /* @__PURE__ */ n("label", {
+			className: A.timeLabel,
+			children: [/* @__PURE__ */ t("span", { children: "Время" }), /* @__PURE__ */ t("input", {
+				className: A.timeInput,
+				type: "time",
+				value: ce,
+				onChange: (e) => me(e.target.value)
+			})]
+		})]
+	}) : null;
 	return /* @__PURE__ */ n("div", {
-		ref: M,
-		className: `${k.wrapper} ${S}`,
+		ref: ae,
+		className: `${A.wrapper} ${T}`,
 		children: [
-			o && /* @__PURE__ */ t(T, {
-				htmlFor: w,
-				required: _,
-				disabled: h,
-				children: o
+			m && /* @__PURE__ */ t(E, {
+				htmlFor: k,
+				required: b,
+				disabled: v,
+				children: m
 			}),
 			/* @__PURE__ */ n("button", {
-				ref: N,
-				id: w,
-				name: x,
+				ref: oe,
+				id: k,
+				name: w,
 				type: "button",
-				className: `${k.trigger} ${m ? k.error : ""}`,
-				disabled: h,
-				"aria-readonly": g || void 0,
-				"aria-expanded": ne,
+				className: `${A.trigger} ${_ ? A.error : ""}`,
+				disabled: v,
+				"aria-readonly": y || void 0,
+				"aria-expanded": R,
 				"aria-haspopup": "dialog",
-				"aria-describedby": se,
+				"aria-describedby": ge,
 				onClick: () => {
-					g || R((e) => !e);
+					y || z((e) => !e);
 				},
 				children: [/* @__PURE__ */ t("span", {
-					className: r ? k.value : k.placeholder,
-					children: I(r, a) || W
+					className: r ? A.value : A.placeholder,
+					children: L(r, a) || he
 				}), /* @__PURE__ */ t("span", {
 					"aria-hidden": "true",
 					children: "▾"
 				})]
 			}),
-			ne && !g && /* @__PURE__ */ n("div", {
-				className: k.panel,
-				role: "dialog",
-				"aria-label": o ?? W,
-				children: [re && /* @__PURE__ */ n(e, { children: [
-					/* @__PURE__ */ n("div", {
-						className: k.calendarHeader,
-						children: [
-							/* @__PURE__ */ t("button", {
-								type: "button",
-								className: k.nav,
-								"aria-label": "Предыдущий месяц",
-								onClick: () => B(new Date(z.getFullYear(), z.getMonth() - 1, 1)),
-								children: "‹"
-							}),
-							/* @__PURE__ */ t("select", {
-								className: k.monthSelect,
-								"aria-label": "Месяц",
-								value: z.getMonth(),
-								onChange: (e) => B(new Date(z.getFullYear(), Number(e.target.value), 1)),
-								children: j.map((e, n) => /* @__PURE__ */ t("option", {
-									value: n,
-									children: e
-								}, e))
-							}),
-							/* @__PURE__ */ t("input", {
-								className: k.yearInput,
-								type: "number",
-								"aria-label": "Год",
-								value: z.getFullYear(),
-								onChange: (e) => B(new Date(Number(e.target.value), z.getMonth(), 1))
-							}),
-							/* @__PURE__ */ t("button", {
-								type: "button",
-								className: k.nav,
-								"aria-label": "Следующий месяц",
-								onClick: () => B(new Date(z.getFullYear(), z.getMonth() + 1, 1)),
-								children: "›"
-							})
-						]
-					}),
-					/* @__PURE__ */ t("div", {
-						className: k.weekdays,
-						children: A.map((e) => /* @__PURE__ */ t("span", { children: e }, e))
-					}),
-					/* @__PURE__ */ t("div", {
-						className: k.days,
-						children: U.map((e) => {
-							let n = ee(r, e);
-							return /* @__PURE__ */ t("button", {
-								type: "button",
-								className: `${k.day} ${e.getMonth() === z.getMonth() ? "" : k.outside} ${n ? k.selected : ""}`,
-								disabled: te(e, v, y),
-								"aria-pressed": n,
-								onClick: () => ae(e),
-								children: e.getDate()
-							}, e.toISOString());
-						})
-					})
-				] }), ie && /* @__PURE__ */ n("label", {
-					className: k.timeLabel,
-					children: [/* @__PURE__ */ t("span", { children: "Время" }), /* @__PURE__ */ t("input", {
-						className: k.timeInput,
-						type: "time",
-						value: V,
-						onChange: (e) => oe(e.target.value)
-					})]
-				})]
-			}),
-			p && !m && /* @__PURE__ */ t(E, {
-				id: D,
-				children: p
+			_e && p(_e, document.body),
+			g && !_ && /* @__PURE__ */ t(D, {
+				id: N,
+				children: g
 			}),
-			m && /* @__PURE__ */ t(E, {
-				id: O,
+			_ && /* @__PURE__ */ t(D, {
+				id: P,
 				variant: "error",
-				children: m
+				children: _
 			})
 		]
 	});
-}, R = {
+}, oe = {
 	root: "_root_1q42e_1",
 	legend: "_legend_1q42e_3",
 	range: "_range_1q42e_5"
-}, z = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), B = ({ 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 = "" }) => {
+}, se = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), R = ({ 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), z(e) && r?.(e);
+		i?.(e), se(e) && r?.(e);
 	};
 	return /* @__PURE__ */ n("fieldset", {
-		className: `${R.root} ${h}`,
+		className: `${oe.root} ${h}`,
 		disabled: f,
 		children: [/* @__PURE__ */ n("div", {
-			className: R.range,
-			children: [/* @__PURE__ */ t(ne, {
+			className: oe.range,
+			children: [/* @__PURE__ */ t(ae, {
 				value: e.from,
 				mode: a === "datetime" ? "datetime" : a,
 				label: o,
@@ -387,7 +423,7 @@ var w = {
 					...e,
 					from: t
 				})
-			}), /* @__PURE__ */ t(ne, {
+			}), /* @__PURE__ */ t(ae, {
 				value: e.to,
 				mode: a === "datetime" ? "datetime" : a,
 				label: s,
@@ -402,9 +438,9 @@ var w = {
 					to: t
 				})
 			})]
-		}), c && !g && /* @__PURE__ */ t(E, { children: c })]
+		}), c && !g && /* @__PURE__ */ t(D, { children: c })]
 	});
-}, V = {
+}, z = {
 	group: "_group_1fs9e_1",
 	skeleton: "_skeleton_1fs9e_3",
 	text: "_text_1fs9e_5",
@@ -412,17 +448,17 @@ var w = {
 	circular: "_circular_1fs9e_9",
 	animated: "_animated_1fs9e_11",
 	"ds-skeleton": "_ds-skeleton_1fs9e_1"
-}, H = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
-	className: `${V.group} ${o}`,
+}, B = ({ 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: `${V.skeleton} ${V[e]} ${a ? V.animated : ""}`,
+		className: `${z.skeleton} ${z[e]} ${a ? z.animated : ""}`,
 		style: {
 			width: s === i - 1 && i > 1 ? "70%" : n,
 			height: r
 		}
 	}, s))
-}), U = {
+}), V = {
 	wrapper: "_wrapper_dkn63_1",
 	label: "_label_dkn63_17",
 	container: "_container_dkn63_29",
@@ -438,14 +474,14 @@ var w = {
 	message: "_message_dkn63_265",
 	error: "_error_dkn63_267",
 	errorState: "_errorState_dkn63_293"
-}, re = (e, t, n) => {
+}, ce = (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;
-}, ie = ({ 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;
+}, le = ({ options: r, value: i, onChange: a, placeholder: o = "Выберите опцию", disabled: l = !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] = f(!1), E = d(null), D = d(null), O = d([]), k = u(() => 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 = l && p;
 	s(() => {
 		let e = (e) => {
 			E.current?.contains(e.target) || T(!1);
@@ -457,7 +493,7 @@ var w = {
 		};
 	}, [w]);
 	let P = (e, t) => {
-		let n = re(r, e, t);
+		let n = ce(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());
@@ -465,21 +501,21 @@ var w = {
 	return /* @__PURE__ */ n("div", {
 		ref: E,
 		className: [
-			U.wrapper,
-			h ? U.errorState : "",
+			V.wrapper,
+			h ? V.errorState : "",
 			_
 		].filter(Boolean).join(" "),
 		children: [
 			m && /* @__PURE__ */ t("label", {
 				htmlFor: N ? void 0 : C,
-				className: U.label,
+				className: V.label,
 				children: m
 			}),
 			/* @__PURE__ */ t("div", {
-				className: U.container,
+				className: V.container,
 				children: N ? /* @__PURE__ */ t("div", {
 					id: C,
-					className: U.disabledText,
+					className: V.disabledText,
 					"aria-describedby": M,
 					children: k?.label ?? o
 				}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("button", {
@@ -487,8 +523,8 @@ var w = {
 					id: C,
 					type: "button",
 					name: v,
-					className: U.trigger,
-					disabled: f,
+					className: V.trigger,
+					disabled: l,
 					"aria-haspopup": "listbox",
 					"aria-expanded": w,
 					"aria-controls": `${C}-listbox`,
@@ -503,10 +539,10 @@ var w = {
 						}
 					},
 					children: [/* @__PURE__ */ t("span", {
-						className: k ? U.value : U.placeholder,
+						className: k ? V.value : V.placeholder,
 						children: k?.label ?? o
 					}), /* @__PURE__ */ t("span", {
-						className: `${U.chevron} ${w ? U.chevronOpen : ""}`,
+						className: `${V.chevron} ${w ? V.chevronOpen : ""}`,
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ t("svg", {
 							viewBox: "0 0 20 20",
@@ -522,7 +558,7 @@ var w = {
 					})]
 				}), w && /* @__PURE__ */ t("ul", {
 					id: `${C}-listbox`,
-					className: U.menu,
+					className: V.menu,
 					role: "listbox",
 					"aria-label": m,
 					style: { maxHeight: x },
@@ -538,7 +574,7 @@ var w = {
 								role: "option",
 								"aria-selected": o,
 								disabled: e.disabled,
-								className: `${U.option} ${o ? U.selected : ""}`,
+								className: `${V.option} ${o ? V.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") {
@@ -558,35 +594,35 @@ var w = {
 			}),
 			g && !h && /* @__PURE__ */ t("span", {
 				id: A,
-				className: U.message,
+				className: V.message,
 				children: g
 			}),
 			h && /* @__PURE__ */ t("span", {
 				id: j,
-				className: U.error,
+				className: V.error,
 				children: h
 			})
 		]
 	});
-}, ae = (e) => `${e.id}:${e.direction}`, oe = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
+}, H = (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: ae({
+		value: H({
 			id: e.id,
 			direction: "asc"
 		}),
 		label: e.ascLabel ?? `${e.label} · по возрастанию`,
 		disabled: e.disabled
 	}, {
-		value: ae({
+		value: H({
 			id: e.id,
 			direction: "desc"
 		}),
 		label: e.descLabel ?? `${e.label} · по убыванию`,
 		disabled: e.disabled
 	}]);
-	return /* @__PURE__ */ t(ie, {
+	return /* @__PURE__ */ t(le, {
 		options: c,
-		value: n ? ae(n) : "",
+		value: n ? H(n) : "",
 		label: i,
 		placeholder: a,
 		disabled: o,
@@ -599,7 +635,7 @@ var w = {
 			});
 		}
 	});
-}, W = {
+}, U = {
 	root: "_root_epm0h_1",
 	tableWrap: "_tableWrap_epm0h_3",
 	table: "_table_epm0h_3",
@@ -614,10 +650,10 @@ var w = {
 	default: "_default_epm0h_47",
 	tableOnMobile: "_tableOnMobile_epm0h_47",
 	wide: "_wide_epm0h_51"
-}, se = m({
-	rowSortingFeature: p,
-	sortedRowModel: f()
-}), ce = (e, t) => {
+}, de = g({
+	rowSortingFeature: h,
+	sortedRowModel: m()
+}), fe = (e, t) => {
 	let n = /* @__PURE__ */ new Set();
 	for (let t of e) {
 		if (!t.id.trim()) return "Идентификатор колонки не может быть пустым";
@@ -629,36 +665,36 @@ var w = {
 		for (let t of e) if (typeof t.accessor == "string" && !(t.accessor in r)) return `В строке ${n + 1} отсутствует колонка «${t.id}»`;
 	}
 	return null;
-}, le = (e, t) => typeof e == "function" ? e(t) : t[e], ue = (e) => {
+}, W = (e, t) => typeof e == "function" ? e(t) : t[e], pe = (e) => {
 	if (e == null || e === "") return null;
 	let t = Date.parse(String(e));
 	return Number.isNaN(t) ? null : t;
-}, de = (e, t, n) => {
-	let r = ue(e.getValue(n)), i = ue(t.getValue(n));
+}, me = (e, t, n) => {
+	let r = pe(e.getValue(n)), i = pe(t.getValue(n));
 	return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
-}, fe = (e, t, n) => {
+}, he = (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);
-}, pe = (e, t, n) => {
+}, ge = (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);
-}, me = (e, t, n) => {
+}, _e = (e, t, n) => {
 	let r = String(e.getValue(n) ?? ""), i = String(t.getValue(n) ?? "");
 	return r.localeCompare(i, void 0, {
 		numeric: !0,
 		sensitivity: "base"
 	});
-}, he = (e) => {
+}, ve = (e) => {
 	switch (e) {
-		case "date": return de;
-		case "number": return fe;
-		case "boolean": return pe;
+		case "date": return me;
+		case "number": return he;
+		case "boolean": return ge;
 		case "text":
-		case void 0: return me;
+		case void 0: return _e;
 		case "custom": return;
 	}
-}, ge = (e) => {
-	let t = (t) => le(e.accessor, t), n = e.sortFn ?? he(e.dataType), r = e.enableSorting ?? (e.dataType !== "custom" && n !== void 0), i = {
+}, ye = (e) => {
+	let t = (t) => W(e.accessor, t), n = e.sortFn ?? ve(e.dataType), r = e.enableSorting ?? (e.dataType !== "custom" && n !== void 0), i = {
 		id: e.id,
 		accessorFn: t,
 		header: () => e.header,
@@ -670,9 +706,9 @@ var w = {
 		sortDescFirst: e.sortDescFirst
 	};
 	return n !== void 0 && (i.sortFn = n), i;
-}, _e = ({ columns: e, data: r, tableOnMobile: i = !1, breakpoint: a = "default", sorting: o, onSortingChange: s, renderMobileCard: c, getRowId: u, caption: f, ariaLabel: p, loading: m = !1, error: g, emptyState: _ = "Нет данных", stickyHeader: v = !1, maxHeight: y, className: b = "", onRowClick: x }) => {
-	let [S, C] = d([]), w = o ?? S, T = l(() => ce(e, r), [e, r]), E = l(() => e.map(ge), [e]), D = h({
-		features: se,
+}, be = ({ columns: e, data: r, tableOnMobile: i = !1, breakpoint: a = "default", sorting: o, onSortingChange: s, renderMobileCard: c, getRowId: l, caption: d, ariaLabel: p, loading: m = !1, error: h, emptyState: g = "Нет данных", stickyHeader: v = !1, maxHeight: y, className: b = "", onRowClick: x }) => {
+	let [S, C] = f([]), w = o ?? S, T = u(() => fe(e, r), [e, r]), E = u(() => e.map(ye), [e]), D = _({
+		features: de,
 		columns: E,
 		data: r,
 		state: { sorting: w },
@@ -680,22 +716,22 @@ var w = {
 			let t = typeof e == "function" ? e(w) : e;
 			o === void 0 && C(t), s?.(t);
 		},
-		getRowId: u
+		getRowId: l
 	}), O = D.getRowModel().rows, k = e.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
 		id: e.id,
 		label: typeof e.header == "string" ? e.header : e.id
 	})), A = [
-		W.root,
-		a === "wide" ? W.wide : W.default,
-		i ? W.tableOnMobile : "",
+		U.root,
+		a === "wide" ? U.wide : U.default,
+		i ? U.tableOnMobile : "",
 		b
-	].filter(Boolean).join(" "), j = T ?? g;
+	].filter(Boolean).join(" "), j = T ?? h;
 	return /* @__PURE__ */ n("section", {
 		className: A,
 		"aria-busy": m,
 		children: [
-			!i && !m && !j && O.length > 0 && k.length > 0 && /* @__PURE__ */ t(oe, {
-				className: W.mobileSort,
+			!i && !m && !j && O.length > 0 && k.length > 0 && /* @__PURE__ */ t(ue, {
+				className: U.mobileSort,
 				options: k,
 				value: w[0] ? {
 					id: w[0].id,
@@ -707,15 +743,15 @@ var w = {
 				}])
 			}),
 			/* @__PURE__ */ t("div", {
-				className: W.tableWrap,
+				className: U.tableWrap,
 				style: { maxHeight: y },
 				children: /* @__PURE__ */ n("table", {
-					className: W.table,
+					className: U.table,
 					"aria-label": p,
 					children: [
-						f && /* @__PURE__ */ t("caption", { children: f }),
+						d && /* @__PURE__ */ t("caption", { children: d }),
 						/* @__PURE__ */ t("thead", {
-							className: v ? W.sticky : "",
+							className: v ? U.sticky : "",
 							children: D.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", {
@@ -723,7 +759,7 @@ var w = {
 									"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
 									children: /* @__PURE__ */ n("button", {
 										type: "button",
-										className: W.sortButton,
+										className: U.sortButton,
 										disabled: !i,
 										onClick: a,
 										children: [/* @__PURE__ */ t(D.FlexRender, { header: e }), /* @__PURE__ */ t("span", {
@@ -736,17 +772,17 @@ var w = {
 						}),
 						/* @__PURE__ */ t("tbody", { children: m ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
 							colSpan: e.length,
-							children: /* @__PURE__ */ t(H, { lines: 3 })
+							children: /* @__PURE__ */ t(B, { lines: 3 })
 						}) }) : j ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
-							className: W.state,
+							className: U.state,
 							colSpan: e.length,
 							children: j
 						}) }) : O.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
-							className: W.state,
+							className: U.state,
 							colSpan: e.length,
-							children: _
+							children: g
 						}) }) : O.map((e) => /* @__PURE__ */ t("tr", {
-							className: x ? W.clickableRow : void 0,
+							className: x ? U.clickableRow : void 0,
 							onClick: () => x?.(e.original),
 							onKeyDown: (t) => {
 								(t.key === "Enter" || t.key === " ") && (t.preventDefault(), x?.(e.original));
@@ -759,15 +795,15 @@ var w = {
 				})
 			}),
 			!i && /* @__PURE__ */ t("div", {
-				className: W.cards,
+				className: U.cards,
 				role: "list",
-				"aria-label": p ?? f,
-				children: m ? /* @__PURE__ */ t(H, { lines: 4 }) : j ? /* @__PURE__ */ t("div", {
-					className: W.state,
+				"aria-label": p ?? d,
+				children: m ? /* @__PURE__ */ t(B, { lines: 4 }) : j ? /* @__PURE__ */ t("div", {
+					className: U.state,
 					children: j
 				}) : O.length === 0 ? /* @__PURE__ */ t("div", {
-					className: W.state,
-					children: _
+					className: U.state,
+					children: g
 				}) : O.map((r) => {
 					if (c) return /* @__PURE__ */ t("div", {
 						role: "listitem",
@@ -776,14 +812,14 @@ var w = {
 							columns: e
 						})
 					}, r.id);
-					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) => le(e.accessor, r.original), s = (e) => e.mobile?.renderMobile?.(r.original, o(e)) ?? e.cell?.(r.original, o(e)) ?? String(o(e) ?? "");
+					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) => W(e.accessor, r.original), 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: W.card,
+						className: U.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 ? W.spanTwo : "",
+								className: e.mobile?.mobileSpan === 2 ? U.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))
@@ -793,8 +829,8 @@ var w = {
 			})
 		]
 	});
-}, ve = ({ 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;
+}, xe = ({ 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(() => {
 		let e = (e) => {
 			w.current?.contains(e.target) || C(!1);
@@ -810,30 +846,30 @@ 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 = re(e, t, n);
+		let r = ce(e, t, n);
 		E.current[r]?.focus(), E.current[r]?.scrollIntoView({ block: "nearest" });
 	};
 	return /* @__PURE__ */ n("div", {
 		ref: w,
 		className: [
-			U.wrapper,
-			p ? U.errorState : "",
+			V.wrapper,
+			p ? V.errorState : "",
 			h
 		].filter(Boolean).join(" "),
 		children: [
-			f && /* @__PURE__ */ t("label", {
+			l && /* @__PURE__ */ t("label", {
 				htmlFor: x,
-				className: U.label,
-				children: f
+				className: V.label,
+				children: l
 			}),
 			/* @__PURE__ */ n("div", {
-				className: U.container,
+				className: V.container,
 				children: [/* @__PURE__ */ n("button", {
 					ref: T,
 					id: x,
 					type: "button",
 					name: g,
-					className: U.trigger,
+					className: V.trigger,
 					disabled: o,
 					"aria-haspopup": "listbox",
 					"aria-expanded": S,
@@ -849,18 +885,18 @@ var w = {
 						}
 					},
 					children: [/* @__PURE__ */ t("span", {
-						className: D.length ? U.value : U.placeholder,
+						className: D.length ? V.value : V.placeholder,
 						children: O || a
 					}), /* @__PURE__ */ t("span", {
-						className: `${U.chevron} ${S ? U.chevronOpen : ""}`,
+						className: `${V.chevron} ${S ? V.chevronOpen : ""}`,
 						"aria-hidden": "true",
 						children: "⌄"
 					})]
 				}), S && /* @__PURE__ */ t("ul", {
 					id: `${x}-listbox`,
-					className: U.menu,
+					className: V.menu,
 					role: "listbox",
-					"aria-label": f,
+					"aria-label": l,
 					"aria-multiselectable": "true",
 					style: { maxHeight: y },
 					children: e.map((i, a) => {
@@ -875,7 +911,7 @@ var w = {
 								role: "option",
 								"aria-selected": o,
 								disabled: i.disabled,
-								className: `${U.option} ${o ? U.selected : ""}`,
+								className: `${V.option} ${o ? V.selected : ""}`,
 								onClick: () => j(i),
 								onKeyDown: (t) => {
 									if (t.key === "ArrowDown" || t.key === "ArrowUp") {
@@ -901,17 +937,17 @@ var w = {
 			}),
 			m && !p && /* @__PURE__ */ t("span", {
 				id: k,
-				className: U.message,
+				className: V.message,
 				children: m
 			}),
 			p && /* @__PURE__ */ t("span", {
 				id: A,
-				className: U.error,
+				className: V.error,
 				children: p
 			})
 		]
 	});
-}, ye = {
+}, Se = {
 	approve: "M4 12l5 5L20 6",
 	reject: "M5 5l14 14M19 5L5 19",
 	edit: "M4 20h4L19 9l-4-4L4 16v4z",
@@ -920,7 +956,7 @@ var w = {
 	basket: "M4 7h16l-1 13H5L4 7zm3 0V4h10v3",
 	info: "M12 10v7m0-10v.01",
 	warning: "M12 4L3 20h18L12 4zm0 5v5m0 3v.01"
-}, be = ({ name: e, title: r, width: i = 24, height: a = 24, ...o }) => /* @__PURE__ */ n("svg", {
+}, Ce = ({ name: e, title: r, width: i = 24, height: a = 24, ...o }) => /* @__PURE__ */ n("svg", {
 	viewBox: "0 0 24 24",
 	width: i,
 	height: a,
@@ -933,27 +969,27 @@ var w = {
 	"aria-hidden": !r || void 0,
 	focusable: "false",
 	...o,
-	children: [r && /* @__PURE__ */ t("title", { children: r }), /* @__PURE__ */ t("path", { d: ye[e] })]
-}), G = {
+	children: [r && /* @__PURE__ */ t("title", { children: r }), /* @__PURE__ */ t("path", { d: Se[e] })]
+}), we = {
 	root: "_root_1y2s8_1",
 	header: "_header_1y2s8_21",
 	title: "_title_1y2s8_41",
 	dismiss: "_dismiss_1y2s8_55",
 	content: "_content_1y2s8_113"
-}, xe = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: l = "" }) => {
+}, Te = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: l = "" }) => {
 	let u = `ds-info-block-${c()}`;
 	return /* @__PURE__ */ n("section", {
-		className: `${G.root} ${l}`,
+		className: `${we.root} ${l}`,
 		"aria-labelledby": u,
 		children: [/* @__PURE__ */ n("header", {
-			className: G.header,
+			className: we.header,
 			children: [/* @__PURE__ */ t(s, {
 				id: u,
-				className: G.title,
+				className: we.title,
 				children: e
 			}), i && /* @__PURE__ */ t("button", {
 				type: "button",
-				className: G.dismiss,
+				className: we.dismiss,
 				onClick: a,
 				"aria-label": o,
 				children: /* @__PURE__ */ t("svg", {
@@ -969,37 +1005,37 @@ var w = {
 				})
 			})]
 		}), /* @__PURE__ */ t("div", {
-			className: G.content,
+			className: we.content,
 			children: r
 		})]
 	});
-}, K = {
+}, G = {
 	wrapper: "_wrapper_ip6vf_1",
 	control: "_control_ip6vf_3",
 	input: "_input_ip6vf_5",
 	disabledText: "_disabledText_ip6vf_5",
 	inputError: "_inputError_ip6vf_39",
 	trailingAction: "_trailingAction_ip6vf_41"
-}, Se = ({ value: e, onChange: r, type: i = "text", placeholder: a = "", disabled: o = !1, readOnly: l = !1, stringWhileDisabled: f = !1, label: p, error: m, hint: h, className: g = "", name: _, id: v, clearable: y = !0, required: b = !1, selectTextOnFocus: x = !1, isPassword: S = !1, passwordVisibleLabel: C = "Скрыть пароль", passwordHiddenLabel: w = "Показать пароль", onFocus: D, ...O }) => {
-	let k = c(), A = v ?? `ds-input-${_ ?? k}`, j = u(null), [M, N] = d(!1), P = h ? `${A}-hint` : void 0, F = m ? `${A}-error` : void 0, I = String(e ?? ""), L = [P, F].filter(Boolean).join(" ") || void 0, ee = S ? M ? "text" : "password" : i;
+}, Ee = ({ value: e, onChange: r, type: i = "text", placeholder: a = "", disabled: o = !1, readOnly: l = !1, stringWhileDisabled: u = !1, label: p, error: m, hint: h, className: g = "", name: _, id: v, clearable: y = !0, required: b = !1, selectTextOnFocus: x = !1, isPassword: S = !1, passwordVisibleLabel: C = "Скрыть пароль", passwordHiddenLabel: w = "Показать пароль", onFocus: T, ...O }) => {
+	let k = c(), A = v ?? `ds-input-${_ ?? k}`, j = d(null), [M, N] = f(!1), P = h ? `${A}-hint` : void 0, F = m ? `${A}-error` : void 0, I = String(e ?? ""), L = [P, F].filter(Boolean).join(" ") || void 0, ee = S ? M ? "text" : "password" : i;
 	return s(() => {
 		S || N(!1);
 	}, [S]), /* @__PURE__ */ n("div", {
-		className: `${K.wrapper} ${g}`,
+		className: `${G.wrapper} ${g}`,
 		children: [
-			p && /* @__PURE__ */ t(T, {
+			p && /* @__PURE__ */ t(E, {
 				htmlFor: A,
 				required: b,
 				disabled: o,
 				children: p
 			}),
-			o && f ? /* @__PURE__ */ t("div", {
+			o && u ? /* @__PURE__ */ t("div", {
 				id: A,
-				className: K.disabledText,
+				className: G.disabledText,
 				"aria-describedby": L,
 				children: I || a
 			}) : /* @__PURE__ */ n("div", {
-				className: K.control,
+				className: G.control,
 				children: [
 					/* @__PURE__ */ t("input", {
 						ref: j,
@@ -1013,7 +1049,7 @@ var w = {
 						required: b,
 						"aria-invalid": !!m,
 						"aria-describedby": L,
-						className: `${K.input} ${m ? K.inputError : ""}`,
+						className: `${G.input} ${m ? G.inputError : ""}`,
 						onChange: (e) => {
 							if (i === "number" && !S) {
 								let t = e.target.value === "" ? "" : Number(e.target.value);
@@ -1023,13 +1059,13 @@ var w = {
 							r?.(e.target.value, e);
 						},
 						onFocus: (e) => {
-							x && e.currentTarget.value && e.currentTarget.select(), D?.(e);
+							x && e.currentTarget.value && e.currentTarget.select(), T?.(e);
 						},
 						...O
 					}),
 					S && /* @__PURE__ */ t("button", {
 						type: "button",
-						className: K.trailingAction,
+						className: G.trailingAction,
 						disabled: o,
 						"aria-label": M ? C : w,
 						"aria-pressed": M,
@@ -1050,7 +1086,7 @@ var w = {
 					}),
 					!S && y && I && !o && !l && /* @__PURE__ */ t("button", {
 						type: "button",
-						className: K.trailingAction,
+						className: G.trailingAction,
 						"aria-label": "Очистить поле",
 						onClick: () => {
 							let e = j.current;
@@ -1060,33 +1096,33 @@ var w = {
 					})
 				]
 			}),
-			h && !m && /* @__PURE__ */ t(E, {
+			h && !m && /* @__PURE__ */ t(D, {
 				id: P,
 				children: h
 			}),
-			m && /* @__PURE__ */ t(E, {
+			m && /* @__PURE__ */ t(D, {
 				id: F,
 				variant: "error",
 				children: m
 			})
 		]
 	});
-}, q = {
+}, K = {
 	wrapper: "_wrapper_vu1ob_1",
 	input: "_input_vu1ob_21",
 	switch: "_switch_vu1ob_35",
 	thumb: "_thumb_vu1ob_67",
 	label: "_label_vu1ob_111",
 	disabled: "_disabled_vu1ob_123"
-}, Ce = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: l, id: u, value: d }) => {
+}, De = ({ 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: `${q.wrapper} ${a ? q.disabled : ""} ${s}`,
+		className: `${K.wrapper} ${a ? K.disabled : ""} ${s}`,
 		children: [
 			/* @__PURE__ */ t("input", {
 				id: p,
-				className: q.input,
+				className: K.input,
 				type: "checkbox",
 				role: "switch",
 				name: l,
@@ -1099,21 +1135,21 @@ var w = {
 				}
 			}),
 			/* @__PURE__ */ t("span", {
-				className: q.switch,
+				className: K.switch,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ t("span", { className: q.thumb })
+				children: /* @__PURE__ */ t("span", { className: K.thumb })
 			}),
 			i && /* @__PURE__ */ t("span", {
-				className: q.label,
+				className: K.label,
 				children: i
 			})
 		]
 	});
-}, we = {
+}, Oe = {
 	root: "_root_kepgo_1",
 	grid: "_grid_kepgo_3",
 	actions: "_actions_kepgo_5"
-}, Te = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
+}, ke = ({ 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,
@@ -1122,11 +1158,11 @@ var w = {
 		i?.(n, e), s === "instant" && a?.(n);
 	};
 	return /* @__PURE__ */ n("section", {
-		className: `${we.root} ${u}`,
+		className: `${Oe.root} ${u}`,
 		"aria-label": "Фильтры",
 		"aria-busy": c,
 		children: [/* @__PURE__ */ t("div", {
-			className: we.grid,
+			className: Oe.grid,
 			children: e.filter((e) => !e.hidden).map((e) => {
 				let n = l || c || e.disabled, i = r[e.id];
 				if (e.type === "input") {
@@ -1136,19 +1172,19 @@ var w = {
 						placeholder: e.placeholder,
 						disabled: n
 					};
-					return e.inputType === "number" ? /* @__PURE__ */ t(Se, {
+					return e.inputType === "number" ? /* @__PURE__ */ t(Ee, {
 						...r,
 						type: "number",
 						value: i ?? "",
 						onChange: (t) => d(e.id, t)
-					}, e.id) : /* @__PURE__ */ t(Se, {
+					}, e.id) : /* @__PURE__ */ t(Ee, {
 						...r,
 						type: "text",
 						value: String(i ?? ""),
 						onChange: (t) => d(e.id, t)
 					}, e.id);
 				}
-				if (e.type === "dropdown") return /* @__PURE__ */ t(ie, {
+				if (e.type === "dropdown") return /* @__PURE__ */ t(le, {
 					label: e.label,
 					hint: e.hint,
 					placeholder: e.placeholder,
@@ -1157,7 +1193,7 @@ var w = {
 					disabled: n,
 					onChange: (t) => d(e.id, t)
 				}, e.id);
-				if (e.type === "multiple") return /* @__PURE__ */ t(ve, {
+				if (e.type === "multiple") return /* @__PURE__ */ t(xe, {
 					label: e.label,
 					hint: e.hint,
 					placeholder: e.placeholder,
@@ -1166,14 +1202,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(Ce, {
+				if (e.type === "radio") return /* @__PURE__ */ t(De, {
 					label: e.label,
 					checked: !!i,
 					disabled: n,
@@ -1183,7 +1219,7 @@ var w = {
 					from: null,
 					to: null
 				};
-				return /* @__PURE__ */ t(B, {
+				return /* @__PURE__ */ t(R, {
 					hint: e.hint,
 					mode: e.mode,
 					min: e.min,
@@ -1194,13 +1230,13 @@ var w = {
 				}, e.id);
 			})
 		}), (o || s === "manual") && /* @__PURE__ */ n("div", {
-			className: we.actions,
-			children: [o && /* @__PURE__ */ t(C, {
+			className: Oe.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),
@@ -1208,7 +1244,7 @@ var w = {
 			})]
 		})]
 	});
-}, J = {
+}, q = {
 	wrapper: "_wrapper_1ymdr_1",
 	dropzone: "_dropzone_1ymdr_3",
 	dragActive: "_dragActive_1ymdr_5",
@@ -1222,31 +1258,31 @@ var w = {
 	file: "_file_1ymdr_19",
 	fileName: "_fileName_1ymdr_23",
 	fileSize: "_fileSize_1ymdr_25"
-}, Ee = (e) => `${e.name}:${e.size}:${e.lastModified}`, De = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, Oe = (e, t) => !t || t.split(",").map((e) => e.trim().toLowerCase()).some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t) : t.endsWith("/*") ? e.type.startsWith(t.slice(0, -1)) : e.type.toLowerCase() === t), ke = ({ value: r, onChange: i, multiple: a = !1, accept: o, maxSize: s, maxFiles: l, label: f, hint: p, error: m, required: h = !1, disabled: g = !1, readOnly: _ = !1, name: v, id: y, className: b = "", dropLabel: x = "Перетащите файлы в эту область", browseLabel: S = "Выбрать файлы", addMoreLabel: w = "Добавить ещё", onReject: D }) => {
-	let O = c(), k = y ?? `ds-file-input-${v ?? O}`, A = u(null), j = u(0), [M, N] = d(!1), P = p ? `${k}-hint` : void 0, F = m ? `${k}-error` : void 0, I = [P, F].filter(Boolean).join(" ") || void 0, L = !g && !_, ee = (e) => {
-		let t = [], n = new Set(r.map(Ee)), c = e.filter((e) => Oe(e, o) ? s !== void 0 && e.size > s ? (t.push({
+}, Ae = (e) => `${e.name}:${e.size}:${e.lastModified}`, je = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, Me = (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), Ne = ({ 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 && !_, ee = (e) => {
+		let t = [], n = new Set(r.map(Ae)), c = e.filter((e) => Me(e, o) ? s !== void 0 && e.size > s ? (t.push({
 			file: e,
 			reason: "maxSize"
-		}), !1) : !n.has(Ee(e)) && (n.add(Ee(e)), !0) : (t.push({
+		}), !1) : !n.has(Ae(e)) && (n.add(Ae(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 && D?.(t), c.length && i?.(d), A.current && (A.current.value = "");
+		})), d = d.slice(0, u)), t.length && T?.(t), c.length && i?.(d), A.current && (A.current.value = "");
 	};
 	return /* @__PURE__ */ n("div", {
-		className: `${J.wrapper} ${b}`,
+		className: `${q.wrapper} ${b}`,
 		children: [
-			f && /* @__PURE__ */ t(T, {
+			u && /* @__PURE__ */ t(E, {
 				htmlFor: k,
 				required: h,
 				disabled: g,
-				children: f
+				children: u
 			}),
 			/* @__PURE__ */ n("div", {
-				className: `${J.dropzone} ${M ? J.dragActive : ""} ${g ? J.disabled : ""} ${m ? J.error : ""}`,
+				className: `${q.dropzone} ${M ? q.dragActive : ""} ${g ? q.disabled : ""} ${m ? q.error : ""}`,
 				onDragEnter: (e) => {
 					e.preventDefault(), L && ++j.current === 1 && N(!0);
 				},
@@ -1261,7 +1297,7 @@ var w = {
 					ref: A,
 					id: k,
 					name: v,
-					className: J.nativeInput,
+					className: q.nativeInput,
 					type: "file",
 					multiple: a,
 					accept: o,
@@ -1272,21 +1308,21 @@ var w = {
 					onChange: (e) => ee(Array.from(e.target.files ?? []))
 				}), r.length ? /* @__PURE__ */ n(e, { children: [
 					/* @__PURE__ */ t("ul", {
-						className: J.files,
+						className: q.files,
 						"aria-live": "polite",
 						children: r.map((e, a) => /* @__PURE__ */ n("li", {
-							className: J.file,
+							className: q.file,
 							children: [
 								/* @__PURE__ */ t("span", {
-									className: J.fileName,
+									className: q.fileName,
 									title: e.name,
 									children: e.name
 								}),
 								/* @__PURE__ */ t("span", {
-									className: J.fileSize,
-									children: De(e.size)
+									className: q.fileSize,
+									children: je(e.size)
 								}),
-								L && /* @__PURE__ */ t(C, {
+								L && /* @__PURE__ */ t(w, {
 									variant: "empty",
 									size: "sm",
 									"aria-label": `Удалить файл ${e.name}`,
@@ -1294,42 +1330,42 @@ var w = {
 									children: "×"
 								})
 							]
-						}, Ee(e)))
+						}, Ae(e)))
 					}),
-					L && (a || r.length === 0) && /* @__PURE__ */ t(C, {
-						className: J.browseButton,
+					L && (a || r.length === 0) && /* @__PURE__ */ t(w, {
+						className: q.browseButton,
 						size: "sm",
 						onClick: () => A.current?.click(),
-						children: w
+						children: C
 					}),
-					L && !a && /* @__PURE__ */ t(C, {
-						className: J.browseButton,
+					L && !a && /* @__PURE__ */ t(w, {
+						className: q.browseButton,
 						size: "sm",
 						onClick: () => A.current?.click(),
 						children: S
 					})
 				] }) : /* @__PURE__ */ n("div", {
-					className: J.empty,
+					className: q.empty,
 					children: [
 						/* @__PURE__ */ t("span", {
-							className: J.uploadIcon,
+							className: q.uploadIcon,
 							"aria-hidden": "true",
 							children: "↑"
 						}),
 						/* @__PURE__ */ t("strong", { children: M ? "Отпустите файлы здесь" : x }),
-						!M && L && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(C, {
-							className: J.browseButton,
+						!M && L && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(w, {
+							className: q.browseButton,
 							onClick: () => A.current?.click(),
 							children: S
 						})] })
 					]
 				})]
 			}),
-			p && !m && /* @__PURE__ */ t(E, {
+			p && !m && /* @__PURE__ */ t(D, {
 				id: P,
 				children: p
 			}),
-			m && /* @__PURE__ */ t(E, {
+			m && /* @__PURE__ */ t(D, {
 				id: F,
 				variant: "error",
 				live: !0,
@@ -1337,11 +1373,11 @@ var w = {
 			})
 		]
 	});
-}, Ae = 0, Y = _((e) => ({
+}, Pe = 0, J = v((e) => ({
 	modals: [],
 	openModal: (t, n = {}, r = {}) => {
-		Ae += 1;
-		let i = `ds-modal-${Ae}`;
+		Pe += 1;
+		let i = `ds-modal-${Pe}`;
 		return e((e) => ({ modals: [...e.modals, {
 			id: i,
 			name: t,
@@ -1353,7 +1389,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: [] })
-})), je = () => Y.setState({ modals: [] }), X = {
+})), Fe = () => J.setState({ modals: [] }), Y = {
 	layer: "_layer_1nb2z_1",
 	backdrop: "_backdrop_1nb2z_3",
 	panel: "_panel_1nb2z_5",
@@ -1361,22 +1397,22 @@ var w = {
 	title: "_title_1nb2z_11",
 	description: "_description_1nb2z_13",
 	content: "_content_1nb2z_15"
-}, Me = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Ne = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: l = "", role: d = "dialog" }) => {
-	let f = c(), p = c(), m = u(null), h = Y((e) => e.closeModal);
+}, Ie = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Le = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: l = "", role: u = "dialog" }) => {
+	let f = c(), p = c(), m = d(null), h = J((e) => e.closeModal);
 	return s(() => {
 		let e = document.activeElement, t = m.current;
-		return (t?.querySelector(Me) ?? t)?.focus(), () => e?.focus();
+		return (t?.querySelector(Ie) ?? t)?.focus(), () => e?.focus();
 	}, []), /* @__PURE__ */ n("div", {
 		ref: m,
-		className: `${X.panel} ${l}`,
-		role: d,
+		className: `${Y.panel} ${l}`,
+		role: u,
 		"aria-modal": "true",
 		"aria-labelledby": r ? f : void 0,
 		"aria-describedby": i ? p : void 0,
 		tabIndex: -1,
 		onKeyDown: (e) => {
 			if (e.key !== "Tab") return;
-			let t = Array.from(m.current?.querySelectorAll(Me) ?? []);
+			let t = Array.from(m.current?.querySelectorAll(Ie) ?? []);
 			if (!t.length) {
 				e.preventDefault();
 				return;
@@ -1386,12 +1422,12 @@ var w = {
 		},
 		children: [
 			(r || o) && /* @__PURE__ */ n("header", {
-				className: X.header,
+				className: Y.header,
 				children: [r && /* @__PURE__ */ t("h2", {
 					id: f,
-					className: X.title,
+					className: Y.title,
 					children: r
-				}), /* @__PURE__ */ t(C, {
+				}), /* @__PURE__ */ t(w, {
 					variant: "empty",
 					size: "sm",
 					"aria-label": o,
@@ -1412,31 +1448,31 @@ var w = {
 			}),
 			i && /* @__PURE__ */ t("p", {
 				id: p,
-				className: X.description,
+				className: Y.description,
 				children: i
 			}),
 			/* @__PURE__ */ t("div", {
-				className: X.content,
+				className: Y.content,
 				children: e
 			})
 		]
 	});
-}, Pe = ({ registry: e }) => {
-	let n = Y((e) => e.modals), r = Y((e) => e.closeModal), i = Y((e) => e.closeAllModals);
+}, Re = ({ registry: e }) => {
+	let n = J((e) => e.modals), r = J((e) => e.closeModal), i = J((e) => e.closeAllModals);
 	return s(() => {
 		let e = (e) => {
 			if (e.key !== "Escape") return;
-			let t = Y.getState().modals.at(-1);
+			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", {
-		className: X.layer,
+	}, [r]), !n.length || typeof document > "u" ? null : p(/* @__PURE__ */ t("div", {
+		className: Y.layer,
 		"aria-label": "Модальные окна",
 		children: n.map((a, o) => {
 			let s = e[a.name];
 			return s ? /* @__PURE__ */ t("div", {
-				className: X.backdrop,
+				className: Y.backdrop,
 				"aria-hidden": o !== n.length - 1 || void 0,
 				onMouseDown: (e) => {
 					e.target === e.currentTarget && a.closeOnBackdrop && r(a.id);
@@ -1450,91 +1486,91 @@ var w = {
 			}, a.id) : null;
 		})
 	}), document.body);
-}, Fe = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
-	let o = Y((e) => e.modals.length);
+}, ze = ({ 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, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(Pe, { registry: r })] });
-}, Ie = (e) => e, Le = {
+	}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(Re, { registry: r })] });
+}, Be = (e) => e, Ve = {
 	message: "_message_1vtru_1",
 	actions: "_actions_1vtru_3"
-}, Re = /* @__PURE__ */ new Map(), ze = 0, Be = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
+}, He = /* @__PURE__ */ new Map(), Ue = 0, We = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
 	let u = (e) => {
-		Re.get(l)?.(e), Re.delete(l), r();
+		He.get(l)?.(e), He.delete(l), r();
 	};
-	return /* @__PURE__ */ n(Ne, {
+	return /* @__PURE__ */ n(Le, {
 		modalId: e,
 		title: i,
 		role: "alertdialog",
 		children: [/* @__PURE__ */ t("p", {
-			className: Le.message,
+			className: Ve.message,
 			children: a
 		}), /* @__PURE__ */ n("div", {
-			className: Le.actions,
-			children: [/* @__PURE__ */ t(C, {
+			className: Ve.actions,
+			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
 			})]
 		})]
 	});
-}, Ve = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Ne, {
+}, Ge = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Le, {
 	modalId: e,
 	title: i,
 	role: "alertdialog",
 	children: [/* @__PURE__ */ t("p", {
-		className: Le.message,
+		className: Ve.message,
 		children: a
 	}), /* @__PURE__ */ t("div", {
-		className: Le.actions,
-		children: /* @__PURE__ */ t(C, {
+		className: Ve.actions,
+		children: /* @__PURE__ */ t(w, {
 			onClick: r,
 			children: o
 		})
 	})]
-}), He = Ie({
-	ConfirmModal: Be,
-	ErrorModal: Ve
-}), Ue = () => {
-	let e = Y((e) => e.openModal);
+}), Ke = Be({
+	ConfirmModal: We,
+	ErrorModal: Ge
+}), qe = () => {
+	let e = J((e) => e.openModal);
 	return (t = {}) => new Promise((n) => {
-		ze += 1;
-		let r = `confirm-${ze}`;
-		Re.set(r, n), e("ConfirmModal", {
+		Ue += 1;
+		let r = `confirm-${Ue}`;
+		He.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 : "Произошла неизвестная ошибка", Ge = () => {
-	let e = Y((e) => e.openModal);
+}, Je = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", Ye = () => {
+	let e = J((e) => e.openModal);
 	return { showError: (t, n) => e("ErrorModal", {
 		title: n,
-		message: We(t)
+		message: Je(t)
 	}) };
-}, Ke = _(() => ({})), qe = _(() => ({})), Je = () => {
-	let e = Y((e) => e.modals), t = Y((e) => e.openModal);
+}, Xe = v(() => ({})), Ze = v(() => ({})), Qe = () => {
+	let e = J((e) => e.modals), t = J((e) => e.openModal);
 	return {
 		openModal: (e, n = {}, r) => t(e, n, r),
-		closeModal: Y((e) => e.closeModal),
-		closeTopModal: Y((e) => e.closeTopModal),
-		closeAllModals: Y((e) => e.closeAllModals),
+		closeModal: J((e) => e.closeModal),
+		closeTopModal: J((e) => e.closeTopModal),
+		closeAllModals: J((e) => e.closeAllModals),
 		isOpen: (t) => e.some((e) => e.name === t),
 		count: e.length
 	};
-}, Ye = { root: "_root_1x7h7_1" }, Xe = ({ label: e = "Загрузка страницы", className: r = "" }) => /* @__PURE__ */ n("div", {
-	className: `${Ye.root} ${r}`,
+}, $e = { root: "_root_1x7h7_1" }, et = ({ label: e = "Загрузка страницы", className: r = "" }) => /* @__PURE__ */ n("div", {
+	className: `${$e.root} ${r}`,
 	role: "status",
 	"aria-label": e,
-	children: [/* @__PURE__ */ t(x, { decorative: !0 }), /* @__PURE__ */ t("span", { children: e })]
-}), Ze = {
+	children: [/* @__PURE__ */ t(S, { decorative: !0 }), /* @__PURE__ */ t("span", { children: e })]
+}), X = {
 	viewport: "_viewport_15mi5_1",
 	"top-right": "_top-right_15mi5_3",
 	"top-left": "_top-left_15mi5_5",
@@ -1547,7 +1583,7 @@ var w = {
 	success: "_success_15mi5_19",
 	warning: "_warning_15mi5_21",
 	error: "_error_15mi5_23"
-}, Qe = (e) => {
+}, tt = (e) => {
 	let r;
 	return r = e === "info" ? /* @__PURE__ */ n("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
@@ -1633,8 +1669,8 @@ var w = {
 			/* @__PURE__ */ t("path", { d: "m9 9 6 6" })
 		]
 	}), r;
-}, $e = ({ toast: e, onClose: r }) => {
-	let [i, a] = d(!1), o = u(e.duration), c = u(Date.now());
+}, nt = ({ 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;
 		c.current = Date.now();
@@ -1648,7 +1684,7 @@ var w = {
 		e.duration,
 		e.id
 	]), /* @__PURE__ */ n("article", {
-		className: `${Ze.toast} ${Ze[e.variant]}`,
+		className: `${X.toast} ${X[e.variant]}`,
 		role: e.variant === "error" ? "alert" : "status",
 		"aria-live": e.variant === "error" ? "assertive" : "polite",
 		onMouseEnter: () => a(!0),
@@ -1656,13 +1692,13 @@ var w = {
 		onFocus: () => a(!0),
 		onBlur: () => a(!1),
 		children: [
-			/* @__PURE__ */ t("div", { children: Qe(e.variant) }),
+			/* @__PURE__ */ t("div", { children: tt(e.variant) }),
 			/* @__PURE__ */ n("div", {
-				className: Ze.body,
+				className: X.body,
 				children: [
 					e.title && /* @__PURE__ */ t("strong", { children: e.title }),
 					/* @__PURE__ */ t("div", { children: e.message }),
-					e.action && /* @__PURE__ */ t(C, {
+					e.action && /* @__PURE__ */ t(w, {
 						variant: "empty",
 						size: "sm",
 						onClick: () => {
@@ -1672,7 +1708,7 @@ var w = {
 					})
 				]
 			}),
-			e.closable && /* @__PURE__ */ t(C, {
+			e.closable && /* @__PURE__ */ t(w, {
 				variant: "empty",
 				size: "sm",
 				"aria-label": "Закрыть уведомление",
@@ -1692,11 +1728,11 @@ var w = {
 			})
 		]
 	});
-}, et = 0, Z = _((e) => ({
+}, rt = 0, Z = v((e) => ({
 	toasts: [],
 	showToast: (t) => {
-		et += 1;
-		let n = `ds-toast-${et}`;
+		rt += 1;
+		let n = `ds-toast-${rt}`;
 		return e((e) => ({ toasts: [...e.toasts, {
 			variant: "info",
 			duration: 5e3,
@@ -1707,17 +1743,17 @@ var w = {
 	},
 	removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
 	clearToasts: () => e({ toasts: [] })
-})), tt = () => Z.setState({ toasts: [] }), nt = ({ position: e = "top-right" }) => {
+})), it = () => Z.setState({ toasts: [] }), at = ({ position: e = "top-right" }) => {
 	let n = Z((e) => e.toasts), r = Z((e) => e.removeToast);
 	return /* @__PURE__ */ t("div", {
-		className: `${Ze.viewport} ${Ze[e]}`,
+		className: `${X.viewport} ${X[e]}`,
 		"aria-label": "Уведомления",
-		children: n.map((e) => /* @__PURE__ */ t($e, {
+		children: n.map((e) => /* @__PURE__ */ t(nt, {
 			toast: e,
 			onClose: r
 		}, e.id))
 	});
-}, rt = () => {
+}, ot = () => {
 	let e = Z((e) => e.showToast), t = Z((e) => e.removeToast), n = Z((e) => e.clearToasts), r = o((t) => e({
 		...t,
 		variant: "info"
@@ -1731,7 +1767,7 @@ var w = {
 		...t,
 		variant: "error"
 	}), [e]);
-	return l(() => ({
+	return u(() => ({
 		showToast: e,
 		infoToast: r,
 		successToast: i,
@@ -1748,7 +1784,7 @@ var w = {
 		i,
 		a
 	]);
-}, it = {
+}, st = {
 	root: "_root_s9o0g_1",
 	tooltip: "_tooltip_s9o0g_3",
 	"ds-tooltip-in": "_ds-tooltip-in_s9o0g_1",
@@ -1756,9 +1792,9 @@ var w = {
 	bottom: "_bottom_s9o0g_7",
 	left: "_left_s9o0g_9",
 	right: "_right_s9o0g_11"
-}, at = ({ 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));
+}, ct = ({ 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 = () => {
 		v.current && clearTimeout(v.current), _(!1);
 	};
@@ -1778,12 +1814,12 @@ var w = {
 		onBlur: b
 	});
 	return /* @__PURE__ */ n("span", {
-		className: `${it.root} ${m}`,
+		className: `${st.root} ${m}`,
 		onPointerDown: g ? b : y,
 		children: [x, g && /* @__PURE__ */ t("span", {
 			id: h,
 			role: "tooltip",
-			className: `${it.tooltip} ${it[o]}`,
+			className: `${st.tooltip} ${st[o]}`,
 			style: { maxWidth: p },
 			children: e
 		})]
@@ -1795,8 +1831,8 @@ var w = {
 	overlay: "_overlay_1ue3g_7",
 	error: "_error_1ue3g_7",
 	caption: "_caption_1ue3g_13"
-}, ot = ({ 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);
+}, lt = ({ 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);
 	return /* @__PURE__ */ n("figure", {
 		className: `${Q.root} ${u}`,
 		children: [/* @__PURE__ */ n("div", {
@@ -1806,7 +1842,7 @@ var w = {
 				!_ && e.length > 0 && /* @__PURE__ */ n("video", {
 					...m,
 					"aria-label": i,
-					controls: f,
+					controls: d,
 					playsInline: p,
 					className: Q.video,
 					style: { objectFit: o },
@@ -1817,7 +1853,7 @@ var w = {
 				}),
 				s && /* @__PURE__ */ t("div", {
 					className: Q.overlay,
-					children: /* @__PURE__ */ t(x, { label: "Загрузка видео" })
+					children: /* @__PURE__ */ t(S, { label: "Загрузка видео" })
 				}),
 				(_ || e.length === 0) && /* @__PURE__ */ t("div", {
 					className: Q.error,
@@ -1830,7 +1866,7 @@ var w = {
 			children: i
 		})]
 	});
-}, st = {
+}, ut = {
 	popup: "_popup_15ovj_1",
 	trigger: "_trigger_15ovj_15",
 	content: "_content_15ovj_23",
@@ -1838,13 +1874,13 @@ var w = {
 	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]}`,
+}, dt = ({ content: r, children: i, placement: a = "top", disabled: o = !1 }) => o ? /* @__PURE__ */ t(e, { children: i }) : /* @__PURE__ */ n("span", {
+	className: `${ut.popup} ${ut[a]}`,
 	children: [/* @__PURE__ */ t("span", {
-		className: st.trigger,
+		className: ut.trigger,
 		children: i
 	}), /* @__PURE__ */ t("span", {
-		className: st.content,
+		className: ut.content,
 		role: "tooltip",
 		children: r
 	})]
@@ -1858,8 +1894,8 @@ var w = {
 	open: "_open_1tdda_91",
 	content: "_content_1tdda_99",
 	contentInner: "_contentInner_1tdda_119"
-}, lt = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, className: l = "" }) => {
-	let u = c(), [f, p] = d(a), m = o ?? f;
+}, ft = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, className: l = "" }) => {
+	let u = c(), [d, p] = f(a), m = o ?? d;
 	return /* @__PURE__ */ n("section", {
 		className: `${$.root} ${m ? $.open : ""} ${l}`,
 		children: [/* @__PURE__ */ n("button", {
@@ -1905,6 +1941,19 @@ var w = {
 			})
 		})]
 	});
+}, pt = ({ children: e, containerId: t = "overlay-root" }) => {
+	let [n, r] = f(null);
+	return s(() => {
+		let e = document.getElementById(t);
+		if (e) {
+			r(e);
+			return;
+		}
+		let n = document.createElement("div");
+		return n.id = t, document.body.appendChild(n), r(n), () => {
+			n.childElementCount === 0 && n.parentElement && n.remove();
+		};
+	}, [t]), n ? p(e, n) : null;
 };
 //#endregion
-export { Be as ConfirmModal, lt as DSAccordion, y as DSBadge, C as DSButton, O as DSCheckbox, _e as DSDataTable, B as DSDateRange, ne as DSDateTimePicker, ie as DSDropDown, ve as DSDropDownMultiple, T as DSFieldLabel, E as DSFieldMessage, ke as DSFileInput, Te as DSFilters, be as DSIcon, xe as DSInfoBlock, Se as DSInput, x as DSLoader, Pe as DSModal, Ne as DSModalFrame, Xe as DSPageLoader, ct as DSPopup, Ce as DSRadioButton, H as DSSkeleton, oe as DSSort, $e as DSToast, nt as DSToastProvider, at as DSTooltip, ot as DSVideoPlayerFrame, Ve as ErrorModal, Fe as ModalSystemProvider, He as builtInModalRegistry, Ie as defineModalRegistry, P as formatDateTimeLocalValue, We as getErrorMessage, re as getNextEnabledOptionIndex, z as isValidDateRange, F as parseDateTimeLocalValue, je as resetModalStore, tt as resetToastStore, Ue as useConfirmModal, Ke as useConfirmModalStore, Ge as useErrorModal, qe as useErrorModalStore, Je as useModals, Y as useModalsStore, rt as useToast, Z as useToastStore, ce as validateDSDataTableData };
+export { We as ConfirmModal, ft as DSAccordion, b as DSBadge, w as DSButton, k as DSCheckbox, be as DSDataTable, R as DSDateRange, ae as DSDateTimePicker, le as DSDropDown, xe as DSDropDownMultiple, E as DSFieldLabel, D as DSFieldMessage, Ne as DSFileInput, ke as DSFilters, Ce as DSIcon, Te as DSInfoBlock, Ee as DSInput, S as DSLoader, Re as DSModal, Le as DSModalFrame, et as DSPageLoader, dt as DSPopup, pt as DSPortal, De as DSRadioButton, B as DSSkeleton, ue as DSSort, nt as DSToast, at as DSToastProvider, ct as DSTooltip, lt as DSVideoPlayerFrame, Ge as ErrorModal, ze as ModalSystemProvider, Ke as builtInModalRegistry, Be as defineModalRegistry, F as formatDateTimeLocalValue, Je as getErrorMessage, ce as getNextEnabledOptionIndex, se as isValidDateRange, I as parseDateTimeLocalValue, Fe as resetModalStore, it as resetToastStore, qe as useConfirmModal, Xe as useConfirmModalStore, Ye as useErrorModal, Ze as useErrorModalStore, Qe as useModals, J as useModalsStore, ot as useToast, Z as useToastStore, fe as validateDSDataTableData };