@efficiency-point/design-system 0.0.14 → 0.0.16

package/dist/index.es.js

@@ -220,34 +220,34 @@ var w = {
 }, 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";
+}, R = ({ 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), [R, z] = d(!1), [B, V] = d(r ?? /* @__PURE__ */ new Date()), [H, U] = d(P(r, "time")), W = l(() => L(B), [B]), ne = a !== "time", re = a !== "date";
 	s(() => {
-		r && B(r), H(P(r, "time"));
+		r && V(r), U(P(r, "time"));
 	}, [r]), s(() => {
 		let e = (e) => {
-			M.current?.contains(e.target) || R(!1);
+			M.current?.contains(e.target) || z(!1);
 		}, t = (e) => {
-			e.key === "Escape" && (R(!1), N.current?.focus());
+			e.key === "Escape" && (z(!1), N.current?.focus());
 		};
 		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
 		};
 	}, []);
-	let ae = (e) => {
+	let ie = (e) => {
 		if (te(e, v, y)) 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);
+	}, ae = (e) => {
+		if (U(e), !e) {
 			i?.(null);
 			return;
 		}
 		let t = F(e, "time");
 		if (!t) return;
-		let n = new Date(a === "datetime" ? r ?? z : /* @__PURE__ */ new Date());
+		let n = new Date(a === "datetime" ? r ?? B : /* @__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;
+	}, G = f ?? (a === "date" ? "Выберите дату" : a === "time" ? "Введите время" : "Выберите дату и время"), oe = [D, O].filter(Boolean).join(" ") || void 0;
 	return /* @__PURE__ */ n("div", {
 		ref: M,
 		className: `${k.wrapper} ${S}`,
@@ -266,25 +266,25 @@ var w = {
 				className: `${k.trigger} ${m ? k.error : ""}`,
 				disabled: h,
 				"aria-readonly": g || void 0,
-				"aria-expanded": ne,
+				"aria-expanded": R,
 				"aria-haspopup": "dialog",
-				"aria-describedby": se,
+				"aria-describedby": oe,
 				onClick: () => {
-					g || R((e) => !e);
+					g || z((e) => !e);
 				},
 				children: [/* @__PURE__ */ t("span", {
 					className: r ? k.value : k.placeholder,
-					children: I(r, a) || W
+					children: I(r, a) || G
 				}), /* @__PURE__ */ t("span", {
 					"aria-hidden": "true",
 					children: "▾"
 				})]
 			}),
-			ne && !g && /* @__PURE__ */ n("div", {
+			R && !g && /* @__PURE__ */ n("div", {
 				className: k.panel,
 				role: "dialog",
-				"aria-label": o ?? W,
-				children: [re && /* @__PURE__ */ n(e, { children: [
+				"aria-label": o ?? G,
+				children: [ne && /* @__PURE__ */ n(e, { children: [
 					/* @__PURE__ */ n("div", {
 						className: k.calendarHeader,
 						children: [
@@ -292,14 +292,14 @@ var w = {
 								type: "button",
 								className: k.nav,
 								"aria-label": "Предыдущий месяц",
-								onClick: () => B(new Date(z.getFullYear(), z.getMonth() - 1, 1)),
+								onClick: () => V(new Date(B.getFullYear(), B.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)),
+								value: B.getMonth(),
+								onChange: (e) => V(new Date(B.getFullYear(), Number(e.target.value), 1)),
 								children: j.map((e, n) => /* @__PURE__ */ t("option", {
 									value: n,
 									children: e
@@ -309,14 +309,14 @@ var w = {
 								className: k.yearInput,
 								type: "number",
 								"aria-label": "Год",
-								value: z.getFullYear(),
-								onChange: (e) => B(new Date(Number(e.target.value), z.getMonth(), 1))
+								value: B.getFullYear(),
+								onChange: (e) => V(new Date(Number(e.target.value), B.getMonth(), 1))
 							}),
 							/* @__PURE__ */ t("button", {
 								type: "button",
 								className: k.nav,
 								"aria-label": "Следующий месяц",
-								onClick: () => B(new Date(z.getFullYear(), z.getMonth() + 1, 1)),
+								onClick: () => V(new Date(B.getFullYear(), B.getMonth() + 1, 1)),
 								children: "›"
 							})
 						]
@@ -327,25 +327,25 @@ var w = {
 					}),
 					/* @__PURE__ */ t("div", {
 						className: k.days,
-						children: U.map((e) => {
+						children: W.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 : ""}`,
+								className: `${k.day} ${e.getMonth() === B.getMonth() ? "" : k.outside} ${n ? k.selected : ""}`,
 								disabled: te(e, v, y),
 								"aria-pressed": n,
-								onClick: () => ae(e),
+								onClick: () => ie(e),
 								children: e.getDate()
 							}, e.toISOString());
 						})
 					})
-				] }), ie && /* @__PURE__ */ n("label", {
+				] }), re && /* @__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)
+						value: H,
+						onChange: (e) => ae(e.target.value)
 					})]
 				})]
 			}),
@@ -360,20 +360,20 @@ var w = {
 			})
 		]
 	});
-}, R = {
+}, z = {
 	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 = "" }) => {
+}, B = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), V = ({ 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), B(e) && r?.(e);
 	};
 	return /* @__PURE__ */ n("fieldset", {
-		className: `${R.root} ${h}`,
+		className: `${z.root} ${h}`,
 		disabled: f,
 		children: [/* @__PURE__ */ n("div", {
-			className: R.range,
-			children: [/* @__PURE__ */ t(ne, {
+			className: z.range,
+			children: [/* @__PURE__ */ t(R, {
 				value: e.from,
 				mode: a === "datetime" ? "datetime" : a,
 				label: o,
@@ -387,7 +387,7 @@ var w = {
 					...e,
 					from: t
 				})
-			}), /* @__PURE__ */ t(ne, {
+			}), /* @__PURE__ */ t(R, {
 				value: e.to,
 				mode: a === "datetime" ? "datetime" : a,
 				label: s,
@@ -404,7 +404,7 @@ var w = {
 			})]
 		}), c && !g && /* @__PURE__ */ t(E, { children: c })]
 	});
-}, V = {
+}, H = {
 	group: "_group_1fs9e_1",
 	skeleton: "_skeleton_1fs9e_3",
 	text: "_text_1fs9e_5",
@@ -412,17 +412,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}`,
+}, U = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
+	className: `${H.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: `${H.skeleton} ${H[e]} ${a ? H.animated : ""}`,
 		style: {
 			width: s === i - 1 && i > 1 ? "70%" : n,
 			height: r
 		}
 	}, s))
-}), U = {
+}), W = {
 	wrapper: "_wrapper_dkn63_1",
 	label: "_label_dkn63_17",
 	container: "_container_dkn63_29",
@@ -438,13 +438,13 @@ var w = {
 	message: "_message_dkn63_265",
 	error: "_error_dkn63_267",
 	errorState: "_errorState_dkn63_293"
-}, re = (e, t, n) => {
+}, ne = (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 }) => {
+}, re = ({ 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) => {
@@ -457,7 +457,7 @@ var w = {
 		};
 	}, [w]);
 	let P = (e, t) => {
-		let n = re(r, e, t);
+		let n = ne(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 +465,21 @@ var w = {
 	return /* @__PURE__ */ n("div", {
 		ref: E,
 		className: [
-			U.wrapper,
-			h ? U.errorState : "",
+			W.wrapper,
+			h ? W.errorState : "",
 			_
 		].filter(Boolean).join(" "),
 		children: [
 			m && /* @__PURE__ */ t("label", {
 				htmlFor: N ? void 0 : C,
-				className: U.label,
+				className: W.label,
 				children: m
 			}),
 			/* @__PURE__ */ t("div", {
-				className: U.container,
+				className: W.container,
 				children: N ? /* @__PURE__ */ t("div", {
 					id: C,
-					className: U.disabledText,
+					className: W.disabledText,
 					"aria-describedby": M,
 					children: k?.label ?? o
 				}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("button", {
@@ -487,7 +487,7 @@ var w = {
 					id: C,
 					type: "button",
 					name: v,
-					className: U.trigger,
+					className: W.trigger,
 					disabled: f,
 					"aria-haspopup": "listbox",
 					"aria-expanded": w,
@@ -503,10 +503,10 @@ var w = {
 						}
 					},
 					children: [/* @__PURE__ */ t("span", {
-						className: k ? U.value : U.placeholder,
+						className: k ? W.value : W.placeholder,
 						children: k?.label ?? o
 					}), /* @__PURE__ */ t("span", {
-						className: `${U.chevron} ${w ? U.chevronOpen : ""}`,
+						className: `${W.chevron} ${w ? W.chevronOpen : ""}`,
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ t("svg", {
 							viewBox: "0 0 20 20",
@@ -522,7 +522,7 @@ var w = {
 					})]
 				}), w && /* @__PURE__ */ t("ul", {
 					id: `${C}-listbox`,
-					className: U.menu,
+					className: W.menu,
 					role: "listbox",
 					"aria-label": m,
 					style: { maxHeight: x },
@@ -538,7 +538,7 @@ var w = {
 								role: "option",
 								"aria-selected": o,
 								disabled: e.disabled,
-								className: `${U.option} ${o ? U.selected : ""}`,
+								className: `${W.option} ${o ? W.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 +558,35 @@ var w = {
 			}),
 			g && !h && /* @__PURE__ */ t("span", {
 				id: A,
-				className: U.message,
+				className: W.message,
 				children: g
 			}),
 			h && /* @__PURE__ */ t("span", {
 				id: j,
-				className: U.error,
+				className: W.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 }) => {
+}, ie = (e) => `${e.id}:${e.direction}`, ae = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
 	let c = e.flatMap((e) => [{
-		value: ae({
+		value: ie({
 			id: e.id,
 			direction: "asc"
 		}),
 		label: e.ascLabel ?? `${e.label} · по возрастанию`,
 		disabled: e.disabled
 	}, {
-		value: ae({
+		value: ie({
 			id: e.id,
 			direction: "desc"
 		}),
 		label: e.descLabel ?? `${e.label} · по убыванию`,
 		disabled: e.disabled
 	}]);
-	return /* @__PURE__ */ t(ie, {
+	return /* @__PURE__ */ t(re, {
 		options: c,
-		value: n ? ae(n) : "",
+		value: n ? ie(n) : "",
 		label: i,
 		placeholder: a,
 		disabled: o,
@@ -599,24 +599,25 @@ var w = {
 			});
 		}
 	});
-}, W = {
-	root: "_root_1h9ti_1",
-	tableWrap: "_tableWrap_1h9ti_3",
-	table: "_table_1h9ti_3",
-	sticky: "_sticky_1h9ti_15",
-	sortButton: "_sortButton_1h9ti_17",
-	state: "_state_1h9ti_21",
-	cards: "_cards_1h9ti_23",
-	mobileSort: "_mobileSort_1h9ti_23",
-	card: "_card_1h9ti_23",
-	spanTwo: "_spanTwo_1h9ti_37",
-	default: "_default_1h9ti_41",
-	tableOnMobile: "_tableOnMobile_1h9ti_41",
-	wide: "_wide_1h9ti_45"
-}, se = m({
+}, G = {
+	root: "_root_epm0h_1",
+	tableWrap: "_tableWrap_epm0h_3",
+	table: "_table_epm0h_3",
+	sticky: "_sticky_epm0h_15",
+	sortButton: "_sortButton_epm0h_17",
+	state: "_state_epm0h_21",
+	cards: "_cards_epm0h_23",
+	mobileSort: "_mobileSort_epm0h_23",
+	card: "_card_epm0h_23",
+	spanTwo: "_spanTwo_epm0h_37",
+	clickableRow: "_clickableRow_epm0h_39",
+	default: "_default_epm0h_47",
+	tableOnMobile: "_tableOnMobile_epm0h_47",
+	wide: "_wide_epm0h_51"
+}, oe = m({
 	rowSortingFeature: p,
 	sortedRowModel: f()
-}), ce = (e, t) => {
+}), se = (e, t) => {
 	let n = /* @__PURE__ */ new Set();
 	for (let t of e) {
 		if (!t.id.trim()) return "Идентификатор колонки не может быть пустым";
@@ -628,36 +629,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) => {
+}, ce = (e, t) => typeof e == "function" ? e(t) : t[e], le = (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));
+}, ue = (e, t, n) => {
+	let r = le(e.getValue(n)), i = le(t.getValue(n));
 	return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
-}, fe = (e, t, n) => {
+}, de = (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) => {
+}, fe = (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) => {
+}, pe = (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) => {
+}, me = (e) => {
 	switch (e) {
-		case "date": return de;
-		case "number": return fe;
-		case "boolean": return pe;
+		case "date": return ue;
+		case "number": return de;
+		case "boolean": return fe;
 		case "text":
-		case void 0: return me;
+		case void 0: return pe;
 		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 = {
+}, he = (e) => {
+	let t = (t) => ce(e.accessor, t), n = e.sortFn ?? me(e.dataType), r = e.enableSorting ?? (e.dataType !== "custom" && n !== void 0), i = {
 		id: e.id,
 		accessorFn: t,
 		header: () => e.header,
@@ -669,63 +670,63 @@ 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 = "" }) => {
-	let [x, S] = d([]), C = o ?? x, w = l(() => ce(e, r), [e, r]), T = l(() => e.map(ge), [e]), E = h({
-		features: se,
-		columns: T,
+}, ge = ({ 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(() => se(e, r), [e, r]), E = l(() => e.map(he), [e]), D = h({
+		features: oe,
+		columns: E,
 		data: r,
-		state: { sorting: C },
+		state: { sorting: w },
 		onSortingChange: (e) => {
-			let t = typeof e == "function" ? e(C) : e;
-			o === void 0 && S(t), s?.(t);
+			let t = typeof e == "function" ? e(w) : e;
+			o === void 0 && C(t), s?.(t);
 		},
 		getRowId: u
-	}), D = E.getRowModel().rows, O = e.filter((e) => e.enableSorting ?? e.dataType !== "custom").map((e) => ({
+	}), 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
-	})), k = [
-		W.root,
-		a === "wide" ? W.wide : W.default,
-		i ? W.tableOnMobile : "",
+	})), A = [
+		G.root,
+		a === "wide" ? G.wide : G.default,
+		i ? G.tableOnMobile : "",
 		b
-	].filter(Boolean).join(" "), A = w ?? g;
+	].filter(Boolean).join(" "), j = T ?? g;
 	return /* @__PURE__ */ n("section", {
-		className: k,
+		className: A,
 		"aria-busy": m,
 		children: [
-			!i && !m && !A && D.length > 0 && O.length > 0 && /* @__PURE__ */ t(oe, {
-				className: W.mobileSort,
-				options: O,
-				value: C[0] ? {
-					id: C[0].id,
-					direction: C[0].desc ? "desc" : "asc"
+			!i && !m && !j && O.length > 0 && k.length > 0 && /* @__PURE__ */ t(ae, {
+				className: G.mobileSort,
+				options: k,
+				value: w[0] ? {
+					id: w[0].id,
+					direction: w[0].desc ? "desc" : "asc"
 				} : null,
-				onChange: (e) => E.setSorting([{
+				onChange: (e) => D.setSorting([{
 					id: e.id,
 					desc: e.direction === "desc"
 				}])
 			}),
 			/* @__PURE__ */ t("div", {
-				className: W.tableWrap,
+				className: G.tableWrap,
 				style: { maxHeight: y },
 				children: /* @__PURE__ */ n("table", {
-					className: W.table,
+					className: G.table,
 					"aria-label": p,
 					children: [
 						f && /* @__PURE__ */ t("caption", { children: f }),
 						/* @__PURE__ */ t("thead", {
-							className: v ? W.sticky : "",
-							children: E.getHeaderGroups().map((e) => /* @__PURE__ */ t("tr", { children: e.headers.map((e) => {
+							className: v ? G.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", {
 									scope: "col",
 									"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
 									children: /* @__PURE__ */ n("button", {
 										type: "button",
-										className: W.sortButton,
+										className: G.sortButton,
 										disabled: !i,
 										onClick: a,
-										children: [/* @__PURE__ */ t(E.FlexRender, { header: e }), /* @__PURE__ */ t("span", {
+										children: [/* @__PURE__ */ t(D.FlexRender, { header: e }), /* @__PURE__ */ t("span", {
 											"aria-hidden": "true",
 											children: r === "asc" ? "↑" : r === "desc" ? "↓" : "↕"
 										})]
@@ -735,30 +736,39 @@ var w = {
 						}),
 						/* @__PURE__ */ t("tbody", { children: m ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
 							colSpan: e.length,
-							children: /* @__PURE__ */ t(H, { lines: 3 })
-						}) }) : A ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
-							className: W.state,
+							children: /* @__PURE__ */ t(U, { lines: 3 })
+						}) }) : j ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
+							className: G.state,
 							colSpan: e.length,
-							children: A
-						}) }) : D.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
-							className: W.state,
+							children: j
+						}) }) : O.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
+							className: G.state,
 							colSpan: e.length,
 							children: _
-						}) }) : D.map((e) => /* @__PURE__ */ t("tr", { children: e.getAllCells().map((e) => /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(E.FlexRender, { cell: e }) }, e.id)) }, e.id)) })
+						}) }) : O.map((e) => /* @__PURE__ */ t("tr", {
+							className: x ? G.clickableRow : void 0,
+							onClick: () => x?.(e.original),
+							onKeyDown: (t) => {
+								(t.key === "Enter" || t.key === " ") && (t.preventDefault(), x?.(e.original));
+							},
+							tabIndex: x ? 0 : void 0,
+							role: x ? "button" : void 0,
+							children: e.getAllCells().map((e) => /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(D.FlexRender, { cell: e }) }, e.id))
+						}, e.id)) })
 					]
 				})
 			}),
 			!i && /* @__PURE__ */ t("div", {
-				className: W.cards,
+				className: G.cards,
 				role: "list",
 				"aria-label": p ?? f,
-				children: m ? /* @__PURE__ */ t(H, { lines: 4 }) : A ? /* @__PURE__ */ t("div", {
-					className: W.state,
-					children: A
-				}) : D.length === 0 ? /* @__PURE__ */ t("div", {
-					className: W.state,
+				children: m ? /* @__PURE__ */ t(U, { lines: 4 }) : j ? /* @__PURE__ */ t("div", {
+					className: G.state,
+					children: j
+				}) : O.length === 0 ? /* @__PURE__ */ t("div", {
+					className: G.state,
 					children: _
-				}) : D.map((r) => {
+				}) : O.map((r) => {
 					if (c) return /* @__PURE__ */ t("div", {
 						role: "listitem",
 						children: c({
@@ -766,14 +776,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) => ce(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: G.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 ? G.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))
@@ -783,7 +793,7 @@ 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 }) => {
+}, _e = ({ 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) => {
@@ -800,30 +810,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 = ne(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 : "",
+			W.wrapper,
+			p ? W.errorState : "",
 			h
 		].filter(Boolean).join(" "),
 		children: [
 			f && /* @__PURE__ */ t("label", {
 				htmlFor: x,
-				className: U.label,
+				className: W.label,
 				children: f
 			}),
 			/* @__PURE__ */ n("div", {
-				className: U.container,
+				className: W.container,
 				children: [/* @__PURE__ */ n("button", {
 					ref: T,
 					id: x,
 					type: "button",
 					name: g,
-					className: U.trigger,
+					className: W.trigger,
 					disabled: o,
 					"aria-haspopup": "listbox",
 					"aria-expanded": S,
@@ -839,16 +849,16 @@ var w = {
 						}
 					},
 					children: [/* @__PURE__ */ t("span", {
-						className: D.length ? U.value : U.placeholder,
+						className: D.length ? W.value : W.placeholder,
 						children: O || a
 					}), /* @__PURE__ */ t("span", {
-						className: `${U.chevron} ${S ? U.chevronOpen : ""}`,
+						className: `${W.chevron} ${S ? W.chevronOpen : ""}`,
 						"aria-hidden": "true",
 						children: "⌄"
 					})]
 				}), S && /* @__PURE__ */ t("ul", {
 					id: `${x}-listbox`,
-					className: U.menu,
+					className: W.menu,
 					role: "listbox",
 					"aria-label": f,
 					"aria-multiselectable": "true",
@@ -865,7 +875,7 @@ var w = {
 								role: "option",
 								"aria-selected": o,
 								disabled: i.disabled,
-								className: `${U.option} ${o ? U.selected : ""}`,
+								className: `${W.option} ${o ? W.selected : ""}`,
 								onClick: () => j(i),
 								onKeyDown: (t) => {
 									if (t.key === "ArrowDown" || t.key === "ArrowUp") {
@@ -891,17 +901,17 @@ var w = {
 			}),
 			m && !p && /* @__PURE__ */ t("span", {
 				id: k,
-				className: U.message,
+				className: W.message,
 				children: m
 			}),
 			p && /* @__PURE__ */ t("span", {
 				id: A,
-				className: U.error,
+				className: W.error,
 				children: p
 			})
 		]
 	});
-}, ye = {
+}, ve = {
 	approve: "M4 12l5 5L20 6",
 	reject: "M5 5l14 14M19 5L5 19",
 	edit: "M4 20h4L19 9l-4-4L4 16v4z",
@@ -910,7 +920,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", {
+}, ye = ({ name: e, title: r, width: i = 24, height: a = 24, ...o }) => /* @__PURE__ */ n("svg", {
 	viewBox: "0 0 24 24",
 	width: i,
 	height: a,
@@ -923,27 +933,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: ve[e] })]
+}), K = {
 	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 = "" }) => {
+}, be = ({ 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: `${K.root} ${l}`,
 		"aria-labelledby": u,
 		children: [/* @__PURE__ */ n("header", {
-			className: G.header,
+			className: K.header,
 			children: [/* @__PURE__ */ t(s, {
 				id: u,
-				className: G.title,
+				className: K.title,
 				children: e
 			}), i && /* @__PURE__ */ t("button", {
 				type: "button",
-				className: G.dismiss,
+				className: K.dismiss,
 				onClick: a,
 				"aria-label": o,
 				children: /* @__PURE__ */ t("svg", {
@@ -959,23 +969,23 @@ var w = {
 				})
 			})]
 		}), /* @__PURE__ */ t("div", {
-			className: G.content,
+			className: K.content,
 			children: r
 		})]
 	});
-}, K = {
+}, q = {
 	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 }) => {
+}, xe = ({ 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;
 	return s(() => {
 		S || N(!1);
 	}, [S]), /* @__PURE__ */ n("div", {
-		className: `${K.wrapper} ${g}`,
+		className: `${q.wrapper} ${g}`,
 		children: [
 			p && /* @__PURE__ */ t(T, {
 				htmlFor: A,
@@ -985,11 +995,11 @@ var w = {
 			}),
 			o && f ? /* @__PURE__ */ t("div", {
 				id: A,
-				className: K.disabledText,
+				className: q.disabledText,
 				"aria-describedby": L,
 				children: I || a
 			}) : /* @__PURE__ */ n("div", {
-				className: K.control,
+				className: q.control,
 				children: [
 					/* @__PURE__ */ t("input", {
 						ref: j,
@@ -1003,7 +1013,7 @@ var w = {
 						required: b,
 						"aria-invalid": !!m,
 						"aria-describedby": L,
-						className: `${K.input} ${m ? K.inputError : ""}`,
+						className: `${q.input} ${m ? q.inputError : ""}`,
 						onChange: (e) => {
 							if (i === "number" && !S) {
 								let t = e.target.value === "" ? "" : Number(e.target.value);
@@ -1019,7 +1029,7 @@ var w = {
 					}),
 					S && /* @__PURE__ */ t("button", {
 						type: "button",
-						className: K.trailingAction,
+						className: q.trailingAction,
 						disabled: o,
 						"aria-label": M ? C : w,
 						"aria-pressed": M,
@@ -1040,7 +1050,7 @@ var w = {
 					}),
 					!S && y && I && !o && !l && /* @__PURE__ */ t("button", {
 						type: "button",
-						className: K.trailingAction,
+						className: q.trailingAction,
 						"aria-label": "Очистить поле",
 						onClick: () => {
 							let e = j.current;
@@ -1061,22 +1071,22 @@ var w = {
 			})
 		]
 	});
-}, q = {
+}, J = {
 	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 }) => {
+}, Se = ({ 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: `${J.wrapper} ${a ? J.disabled : ""} ${s}`,
 		children: [
 			/* @__PURE__ */ t("input", {
 				id: p,
-				className: q.input,
+				className: J.input,
 				type: "checkbox",
 				role: "switch",
 				name: l,
@@ -1089,21 +1099,21 @@ var w = {
 				}
 			}),
 			/* @__PURE__ */ t("span", {
-				className: q.switch,
+				className: J.switch,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ t("span", { className: q.thumb })
+				children: /* @__PURE__ */ t("span", { className: J.thumb })
 			}),
 			i && /* @__PURE__ */ t("span", {
-				className: q.label,
+				className: J.label,
 				children: i
 			})
 		]
 	});
-}, we = {
+}, Ce = {
 	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 = "" }) => {
+}, we = ({ 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,
@@ -1112,11 +1122,11 @@ var w = {
 		i?.(n, e), s === "instant" && a?.(n);
 	};
 	return /* @__PURE__ */ n("section", {
-		className: `${we.root} ${u}`,
+		className: `${Ce.root} ${u}`,
 		"aria-label": "Фильтры",
 		"aria-busy": c,
 		children: [/* @__PURE__ */ t("div", {
-			className: we.grid,
+			className: Ce.grid,
 			children: e.filter((e) => !e.hidden).map((e) => {
 				let n = l || c || e.disabled, i = r[e.id];
 				if (e.type === "input") {
@@ -1126,19 +1136,19 @@ var w = {
 						placeholder: e.placeholder,
 						disabled: n
 					};
-					return e.inputType === "number" ? /* @__PURE__ */ t(Se, {
+					return e.inputType === "number" ? /* @__PURE__ */ t(xe, {
 						...r,
 						type: "number",
 						value: i ?? "",
 						onChange: (t) => d(e.id, t)
-					}, e.id) : /* @__PURE__ */ t(Se, {
+					}, e.id) : /* @__PURE__ */ t(xe, {
 						...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(re, {
 					label: e.label,
 					hint: e.hint,
 					placeholder: e.placeholder,
@@ -1147,7 +1157,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(_e, {
 					label: e.label,
 					hint: e.hint,
 					placeholder: e.placeholder,
@@ -1163,7 +1173,7 @@ var w = {
 					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(Se, {
 					label: e.label,
 					checked: !!i,
 					disabled: n,
@@ -1173,7 +1183,7 @@ var w = {
 					from: null,
 					to: null
 				};
-				return /* @__PURE__ */ t(B, {
+				return /* @__PURE__ */ t(V, {
 					hint: e.hint,
 					mode: e.mode,
 					min: e.min,
@@ -1184,7 +1194,7 @@ var w = {
 				}, e.id);
 			})
 		}), (o || s === "manual") && /* @__PURE__ */ n("div", {
-			className: we.actions,
+			className: Ce.actions,
 			children: [o && /* @__PURE__ */ t(C, {
 				variant: "destructiveOutline",
 				disabled: l || c,
@@ -1198,7 +1208,7 @@ var w = {
 			})]
 		})]
 	});
-}, J = {
+}, Y = {
 	wrapper: "_wrapper_1ymdr_1",
 	dropzone: "_dropzone_1ymdr_3",
 	dragActive: "_dragActive_1ymdr_5",
@@ -1212,12 +1222,12 @@ 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 }) => {
+}, Te = (e) => `${e.name}:${e.size}:${e.lastModified}`, Ee = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, De = (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), Oe = ({ 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({
+		let t = [], n = new Set(r.map(Te)), c = e.filter((e) => De(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(Te(e)) && (n.add(Te(e)), !0) : (t.push({
 			file: e,
 			reason: "accept"
 		}), !1)), u = a ? l : 1, d = a ? [...r, ...c] : c.slice(-1);
@@ -1227,7 +1237,7 @@ var w = {
 		})), d = d.slice(0, u)), t.length && D?.(t), c.length && i?.(d), A.current && (A.current.value = "");
 	};
 	return /* @__PURE__ */ n("div", {
-		className: `${J.wrapper} ${b}`,
+		className: `${Y.wrapper} ${b}`,
 		children: [
 			f && /* @__PURE__ */ t(T, {
 				htmlFor: k,
@@ -1236,7 +1246,7 @@ var w = {
 				children: f
 			}),
 			/* @__PURE__ */ n("div", {
-				className: `${J.dropzone} ${M ? J.dragActive : ""} ${g ? J.disabled : ""} ${m ? J.error : ""}`,
+				className: `${Y.dropzone} ${M ? Y.dragActive : ""} ${g ? Y.disabled : ""} ${m ? Y.error : ""}`,
 				onDragEnter: (e) => {
 					e.preventDefault(), L && ++j.current === 1 && N(!0);
 				},
@@ -1251,7 +1261,7 @@ var w = {
 					ref: A,
 					id: k,
 					name: v,
-					className: J.nativeInput,
+					className: Y.nativeInput,
 					type: "file",
 					multiple: a,
 					accept: o,
@@ -1262,19 +1272,19 @@ var w = {
 					onChange: (e) => ee(Array.from(e.target.files ?? []))
 				}), r.length ? /* @__PURE__ */ n(e, { children: [
 					/* @__PURE__ */ t("ul", {
-						className: J.files,
+						className: Y.files,
 						"aria-live": "polite",
 						children: r.map((e, a) => /* @__PURE__ */ n("li", {
-							className: J.file,
+							className: Y.file,
 							children: [
 								/* @__PURE__ */ t("span", {
-									className: J.fileName,
+									className: Y.fileName,
 									title: e.name,
 									children: e.name
 								}),
 								/* @__PURE__ */ t("span", {
-									className: J.fileSize,
-									children: De(e.size)
+									className: Y.fileSize,
+									children: Ee(e.size)
 								}),
 								L && /* @__PURE__ */ t(C, {
 									variant: "empty",
@@ -1284,31 +1294,31 @@ var w = {
 									children: "×"
 								})
 							]
-						}, Ee(e)))
+						}, Te(e)))
 					}),
 					L && (a || r.length === 0) && /* @__PURE__ */ t(C, {
-						className: J.browseButton,
+						className: Y.browseButton,
 						size: "sm",
 						onClick: () => A.current?.click(),
 						children: w
 					}),
 					L && !a && /* @__PURE__ */ t(C, {
-						className: J.browseButton,
+						className: Y.browseButton,
 						size: "sm",
 						onClick: () => A.current?.click(),
 						children: S
 					})
 				] }) : /* @__PURE__ */ n("div", {
-					className: J.empty,
+					className: Y.empty,
 					children: [
 						/* @__PURE__ */ t("span", {
-							className: J.uploadIcon,
+							className: Y.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,
+							className: Y.browseButton,
 							onClick: () => A.current?.click(),
 							children: S
 						})] })
@@ -1327,11 +1337,11 @@ var w = {
 			})
 		]
 	});
-}, Ae = 0, Y = _((e) => ({
+}, ke = 0, X = _((e) => ({
 	modals: [],
 	openModal: (t, n = {}, r = {}) => {
-		Ae += 1;
-		let i = `ds-modal-${Ae}`;
+		ke += 1;
+		let i = `ds-modal-${ke}`;
 		return e((e) => ({ modals: [...e.modals, {
 			id: i,
 			name: t,
@@ -1343,7 +1353,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 = {
+})), Ae = () => X.setState({ modals: [] }), Z = {
 	layer: "_layer_1nb2z_1",
 	backdrop: "_backdrop_1nb2z_3",
 	panel: "_panel_1nb2z_5",
@@ -1351,14 +1361,14 @@ 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);
+}, je = "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: o = "Закрыть модальное окно", className: l = "", role: d = "dialog" }) => {
+	let f = c(), p = c(), m = u(null), h = X((e) => e.closeModal);
 	return s(() => {
 		let e = document.activeElement, t = m.current;
-		return (t?.querySelector(Me) ?? t)?.focus(), () => e?.focus();
+		return (t?.querySelector(je) ?? t)?.focus(), () => e?.focus();
 	}, []), /* @__PURE__ */ n("div", {
 		ref: m,
-		className: `${X.panel} ${l}`,
+		className: `${Z.panel} ${l}`,
 		role: d,
 		"aria-modal": "true",
 		"aria-labelledby": r ? f : void 0,
@@ -1366,7 +1376,7 @@ var w = {
 		tabIndex: -1,
 		onKeyDown: (e) => {
 			if (e.key !== "Tab") return;
-			let t = Array.from(m.current?.querySelectorAll(Me) ?? []);
+			let t = Array.from(m.current?.querySelectorAll(je) ?? []);
 			if (!t.length) {
 				e.preventDefault();
 				return;
@@ -1376,10 +1386,10 @@ var w = {
 		},
 		children: [
 			(r || o) && /* @__PURE__ */ n("header", {
-				className: X.header,
+				className: Z.header,
 				children: [r && /* @__PURE__ */ t("h2", {
 					id: f,
-					className: X.title,
+					className: Z.title,
 					children: r
 				}), /* @__PURE__ */ t(C, {
 					variant: "empty",
@@ -1402,31 +1412,31 @@ var w = {
 			}),
 			i && /* @__PURE__ */ t("p", {
 				id: p,
-				className: X.description,
+				className: Z.description,
 				children: i
 			}),
 			/* @__PURE__ */ t("div", {
-				className: X.content,
+				className: Z.content,
 				children: e
 			})
 		]
 	});
-}, Pe = ({ registry: e }) => {
-	let n = Y((e) => e.modals), r = Y((e) => e.closeModal), i = Y((e) => e.closeAllModals);
+}, Ne = ({ registry: e }) => {
+	let n = X((e) => e.modals), r = X((e) => e.closeModal), i = X((e) => e.closeAllModals);
 	return s(() => {
 		let e = (e) => {
 			if (e.key !== "Escape") return;
-			let t = Y.getState().modals.at(-1);
+			let t = X.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,
+		className: Z.layer,
 		"aria-label": "Модальные окна",
 		children: n.map((a, o) => {
 			let s = e[a.name];
 			return s ? /* @__PURE__ */ t("div", {
-				className: X.backdrop,
+				className: Z.backdrop,
 				"aria-hidden": o !== n.length - 1 || void 0,
 				onMouseDown: (e) => {
 					e.target === e.currentTarget && a.closeOnBackdrop && r(a.id);
@@ -1440,31 +1450,31 @@ var w = {
 			}, a.id) : null;
 		})
 	}), document.body);
-}, Fe = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
-	let o = Y((e) => e.modals.length);
+}, Pe = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
+	let o = X((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(Ne, { registry: r })] });
+}, Fe = (e) => e, Ie = {
 	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 }) => {
+}, Le = /* @__PURE__ */ new Map(), Re = 0, ze = ({ 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();
+		Le.get(l)?.(e), Le.delete(l), r();
 	};
-	return /* @__PURE__ */ n(Ne, {
+	return /* @__PURE__ */ n(Me, {
 		modalId: e,
 		title: i,
 		role: "alertdialog",
 		children: [/* @__PURE__ */ t("p", {
-			className: Le.message,
+			className: Ie.message,
 			children: a
 		}), /* @__PURE__ */ n("div", {
-			className: Le.actions,
+			className: Ie.actions,
 			children: [/* @__PURE__ */ t(C, {
 				variant: "outline",
 				onClick: () => u(!1),
@@ -1476,55 +1486,55 @@ var w = {
 			})]
 		})]
 	});
-}, Ve = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Ne, {
+}, Be = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Me, {
 	modalId: e,
 	title: i,
 	role: "alertdialog",
 	children: [/* @__PURE__ */ t("p", {
-		className: Le.message,
+		className: Ie.message,
 		children: a
 	}), /* @__PURE__ */ t("div", {
-		className: Le.actions,
+		className: Ie.actions,
 		children: /* @__PURE__ */ t(C, {
 			onClick: r,
 			children: o
 		})
 	})]
-}), He = Ie({
-	ConfirmModal: Be,
-	ErrorModal: Ve
-}), Ue = () => {
-	let e = Y((e) => e.openModal);
+}), Ve = Fe({
+	ConfirmModal: ze,
+	ErrorModal: Be
+}), He = () => {
+	let e = X((e) => e.openModal);
 	return (t = {}) => new Promise((n) => {
-		ze += 1;
-		let r = `confirm-${ze}`;
-		Re.set(r, n), e("ConfirmModal", {
+		Re += 1;
+		let r = `confirm-${Re}`;
+		Le.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);
+}, Ue = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", We = () => {
+	let e = X((e) => e.openModal);
 	return { showError: (t, n) => e("ErrorModal", {
 		title: n,
-		message: We(t)
+		message: Ue(t)
 	}) };
-}, Ke = _(() => ({})), qe = _(() => ({})), Je = () => {
-	let e = Y((e) => e.modals), t = Y((e) => e.openModal);
+}, Ge = _(() => ({})), Ke = _(() => ({})), qe = () => {
+	let e = X((e) => e.modals), t = X((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: X((e) => e.closeModal),
+		closeTopModal: X((e) => e.closeTopModal),
+		closeAllModals: X((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}`,
+}, Je = { root: "_root_1x7h7_1" }, Ye = ({ label: e = "Загрузка страницы", className: r = "" }) => /* @__PURE__ */ n("div", {
+	className: `${Je.root} ${r}`,
 	role: "status",
 	"aria-label": e,
 	children: [/* @__PURE__ */ t(x, { decorative: !0 }), /* @__PURE__ */ t("span", { children: e })]
-}), Z = {
+}), Xe = {
 	viewport: "_viewport_15mi5_1",
 	"top-right": "_top-right_15mi5_3",
 	"top-left": "_top-left_15mi5_5",
@@ -1638,7 +1648,7 @@ var w = {
 		e.duration,
 		e.id
 	]), /* @__PURE__ */ n("article", {
-		className: `${Z.toast} ${Z[e.variant]}`,
+		className: `${Xe.toast} ${Xe[e.variant]}`,
 		role: e.variant === "error" ? "alert" : "status",
 		"aria-live": e.variant === "error" ? "assertive" : "polite",
 		onMouseEnter: () => a(!0),
@@ -1648,7 +1658,7 @@ var w = {
 		children: [
 			/* @__PURE__ */ t("div", { children: Ze(e.variant) }),
 			/* @__PURE__ */ n("div", {
-				className: Z.body,
+				className: Xe.body,
 				children: [
 					e.title && /* @__PURE__ */ t("strong", { children: e.title }),
 					/* @__PURE__ */ t("div", { children: e.message }),
@@ -1700,7 +1710,7 @@ var w = {
 })), et = () => Q.setState({ toasts: [] }), tt = ({ position: e = "top-right" }) => {
 	let n = Q((e) => e.toasts), r = Q((e) => e.removeToast);
 	return /* @__PURE__ */ t("div", {
-		className: `${Z.viewport} ${Z[e]}`,
+		className: `${Xe.viewport} ${Xe[e]}`,
 		"aria-label": "Уведомления",
 		children: n.map((e) => /* @__PURE__ */ t(Qe, {
 			toast: e,
@@ -1820,6 +1830,24 @@ var w = {
 			children: i
 		})]
 	});
-};
+}, ot = {
+	popup: "_popup_15ovj_1",
+	trigger: "_trigger_15ovj_15",
+	content: "_content_15ovj_23",
+	top: "_top_15ovj_107",
+	right: "_right_15ovj_141",
+	bottom: "_bottom_15ovj_175",
+	left: "_left_15ovj_209"
+}, st = ({ content: r, children: i, placement: a = "top", disabled: o = !1 }) => o ? /* @__PURE__ */ t(e, { children: i }) : /* @__PURE__ */ n("span", {
+	className: `${ot.popup} ${ot[a]}`,
+	children: [/* @__PURE__ */ t("span", {
+		className: ot.trigger,
+		children: i
+	}), /* @__PURE__ */ t("span", {
+		className: ot.content,
+		role: "tooltip",
+		children: r
+	})]
+});
 //#endregion
-export { Be as ConfirmModal, 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, Ce as DSRadioButton, H as DSSkeleton, oe as DSSort, Qe as DSToast, tt as DSToastProvider, it as DSTooltip, at 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, et as resetToastStore, Ue as useConfirmModal, Ke as useConfirmModalStore, Ge as useErrorModal, qe as useErrorModalStore, Je as useModals, Y as useModalsStore, nt as useToast, Q as useToastStore, ce as validateDSDataTableData };
+export { ze as ConfirmModal, y as DSBadge, C as DSButton, O as DSCheckbox, ge as DSDataTable, V as DSDateRange, R as DSDateTimePicker, re as DSDropDown, _e as DSDropDownMultiple, T as DSFieldLabel, E as DSFieldMessage, Oe as DSFileInput, we as DSFilters, ye as DSIcon, be as DSInfoBlock, xe as DSInput, x as DSLoader, Ne as DSModal, Me as DSModalFrame, Ye as DSPageLoader, st as DSPopup, Se as DSRadioButton, U as DSSkeleton, ae as DSSort, Qe as DSToast, tt as DSToastProvider, it as DSTooltip, at as DSVideoPlayerFrame, Be as ErrorModal, Pe as ModalSystemProvider, Ve as builtInModalRegistry, Fe as defineModalRegistry, P as formatDateTimeLocalValue, Ue as getErrorMessage, ne as getNextEnabledOptionIndex, B as isValidDateRange, F as parseDateTimeLocalValue, Ae as resetModalStore, et as resetToastStore, He as useConfirmModal, Ge as useConfirmModalStore, We as useErrorModal, Ke as useErrorModalStore, qe as useModals, X as useModalsStore, nt as useToast, Q as useToastStore, se as validateDSDataTableData };