@efficiency-point/design-system 0.0.4

package/dist/index.es.js

@@ -0,0 +1,1411 @@
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+import { cloneElement as r, forwardRef as i, isValidElement as a, useEffect as o, useId as s, useMemo as c, useRef as l, useState as u } from "react";
+import { createColumnHelper as d, createSortedRowModel as f, rowSortingFeature as p, tableFeatures as m, useTable as h } from "@tanstack/react-table";
+import { createPortal as g } from "react-dom";
+import { create as _ } from "zustand";
+var v = {
+	badge: "_badge_l4qbw_1",
+	sm: "_sm_l4qbw_2",
+	md: "_md_l4qbw_3",
+	neutral: "_neutral_l4qbw_4",
+	info: "_info_l4qbw_5",
+	success: "_success_l4qbw_6",
+	warning: "_warning_l4qbw_7",
+	error: "_error_l4qbw_8",
+	dot: "_dot_l4qbw_9",
+	icon: "_icon_l4qbw_10",
+	label: "_label_l4qbw_11"
+}, y = ({ children: e, variant: r = "neutral", size: i = "md", dot: a = !1, icon: o, className: s = "" }) => /* @__PURE__ */ n("span", {
+	className: `${v.badge} ${v[r]} ${v[i]} ${s}`,
+	children: [
+		a && /* @__PURE__ */ t("span", {
+			className: v.dot,
+			"aria-hidden": "true"
+		}),
+		o && /* @__PURE__ */ t("span", {
+			className: v.icon,
+			"aria-hidden": "true",
+			children: o
+		}),
+		/* @__PURE__ */ t("span", {
+			className: v.label,
+			children: e
+		})
+	]
+}), b = {
+	loader: "_loader_pslm9_1",
+	"ds-spin": "_ds-spin_pslm9_1",
+	primary: "_primary_pslm9_11",
+	secondary: "_secondary_pslm9_12",
+	light: "_light_pslm9_13",
+	danger: "_danger_pslm9_14"
+}, x = ({ variant: e = "primary", label: n = "Загрузка", className: r = "", decorative: i = !1 }) => /* @__PURE__ */ t("span", {
+	className: `${b.loader} ${b[e]} ${r}`,
+	role: i ? void 0 : "status",
+	"aria-label": i ? void 0 : n,
+	"aria-hidden": i || void 0
+}), S = {
+	button: "_button_3nz3z_1",
+	sm: "_sm_3nz3z_16",
+	md: "_md_3nz3z_17",
+	lg: "_lg_3nz3z_18",
+	primary: "_primary_3nz3z_19",
+	secondary: "_secondary_3nz3z_20",
+	outline: "_outline_3nz3z_21",
+	ghost: "_ghost_3nz3z_22",
+	empty: "_empty_3nz3z_22",
+	destructive: "_destructive_3nz3z_23",
+	destructiveOutline: "_destructiveOutline_3nz3z_24"
+}, C = i(({ children: e, variant: n = "primary", size: r = "md", isLoading: i = !1, loadingLabel: a = "Загрузка", disabled: o, type: s = "button", className: c = "", ...l }, u) => /* @__PURE__ */ t("button", {
+	ref: u,
+	type: s,
+	className: `${S.button} ${S[n]} ${S[r]} ${c}`,
+	disabled: o || i,
+	"aria-busy": i || void 0,
+	...l,
+	children: i ? /* @__PURE__ */ t(x, {
+		variant: "light",
+		label: a
+	}) : e
+}));
+C.displayName = "DSButton";
+var w = {
+	label: "_label_5v0ym_1",
+	required: "_required_5v0ym_12",
+	error: "_error_5v0ym_13",
+	optional: "_optional_5v0ym_17",
+	hint: "_hint_5v0ym_18",
+	disabled: "_disabled_5v0ym_24",
+	message: "_message_5v0ym_28",
+	success: "_success_5v0ym_36"
+}, T = ({ children: e, required: r = !1, optionalText: i, disabled: a = !1, className: o = "", ...s }) => /* @__PURE__ */ n("label", {
+	className: `${w.label} ${a ? w.disabled : ""} ${o}`,
+	...s,
+	children: [
+		/* @__PURE__ */ t("span", { children: e }),
+		r && /* @__PURE__ */ t("span", {
+			className: w.required,
+			"aria-hidden": "true",
+			children: "*"
+		}),
+		i && /* @__PURE__ */ t("span", {
+			className: w.optional,
+			children: i
+		})
+	]
+}), E = ({ children: e, variant: n = "hint", id: r, live: i = !1, className: a = "" }) => /* @__PURE__ */ t("span", {
+	id: r,
+	className: `${w.message} ${w[n]} ${a}`,
+	role: i && n === "error" ? "alert" : void 0,
+	"aria-live": i && n !== "error" ? "polite" : void 0,
+	children: e
+}), D = {
+	wrapper: "_wrapper_1l5cg_1",
+	label: "_label_1l5cg_2",
+	input: "_input_1l5cg_3",
+	control: "_control_1l5cg_4",
+	disabled: "_disabled_1l5cg_7",
+	controlError: "_controlError_1l5cg_9"
+}, O = ({ checked: e, onChange: r, label: i, hint: a, error: c, disabled: u = !1, readOnly: d = !1, className: f = "", name: p, id: m, indeterminate: h = !1, ...g }) => {
+	let _ = s(), v = m ?? `ds-checkbox-${p ?? _}`, y = l(null), b = a ? `${v}-hint` : void 0, x = c ? `${v}-error` : void 0;
+	return o(() => {
+		y.current && (y.current.indeterminate = h && !e);
+	}, [e, h]), /* @__PURE__ */ n("div", {
+		className: `${D.wrapper} ${f}`,
+		children: [
+			/* @__PURE__ */ n("label", {
+				className: `${D.label} ${u ? D.disabled : ""}`,
+				htmlFor: v,
+				children: [
+					/* @__PURE__ */ t("input", {
+						ref: y,
+						id: v,
+						name: p,
+						type: "checkbox",
+						checked: e,
+						disabled: u,
+						"aria-readonly": d || void 0,
+						"aria-invalid": !!c,
+						"aria-describedby": [b, x].filter(Boolean).join(" ") || void 0,
+						className: D.input,
+						onChange: (e) => {
+							d || r?.(e.target.checked, e);
+						},
+						...g
+					}),
+					/* @__PURE__ */ t("span", {
+						className: `${D.control} ${c ? D.controlError : ""}`,
+						"aria-hidden": "true",
+						children: h && !e ? "−" : e ? "✓" : ""
+					}),
+					i && /* @__PURE__ */ t("span", { children: i })
+				]
+			}),
+			a && !c && /* @__PURE__ */ t(E, {
+				id: b,
+				children: a
+			}),
+			c && /* @__PURE__ */ t(E, {
+				id: x,
+				variant: "error",
+				children: c
+			})
+		]
+	});
+}, k = {
+	wrapper: "_wrapper_1kr9x_1",
+	input: "_input_1kr9x_2",
+	error: "_error_1kr9x_5"
+}, A = (e) => String(e).padStart(2, "0"), j = (e, t) => {
+	if (!e) return "";
+	let n = `${e.getFullYear()}-${A(e.getMonth() + 1)}-${A(e.getDate())}`, r = `${A(e.getHours())}:${A(e.getMinutes())}`;
+	return t === "date" ? n : t === "time" ? r : `${n}T${r}`;
+}, M = (e, t) => {
+	if (!e) return null;
+	if (t === "time") {
+		let [t, n] = e.split(":").map(Number), r = /* @__PURE__ */ new Date();
+		return r.setHours(t ?? 0, n ?? 0, 0, 0), r;
+	}
+	let n = new Date(t === "date" ? `${e}T00:00` : e);
+	return Number.isNaN(n.getTime()) ? null : n;
+}, N = ({ value: e, onChange: r, mode: i = "date", label: a, hint: o, error: c, disabled: l = !1, readOnly: u = !1, required: d = !1, min: f, max: p, id: m, name: h, className: g = "" }) => {
+	let _ = s(), v = m ?? `ds-date-time-${h ?? _}`, y = o ? `${v}-hint` : void 0, b = c ? `${v}-error` : void 0, x = i === "datetime" ? "datetime-local" : i;
+	return /* @__PURE__ */ n("div", {
+		className: `${k.wrapper} ${g}`,
+		children: [
+			a && /* @__PURE__ */ t(T, {
+				htmlFor: v,
+				required: d,
+				disabled: l,
+				children: a
+			}),
+			/* @__PURE__ */ t("input", {
+				id: v,
+				name: h,
+				type: x,
+				value: j(e, i),
+				min: j(f ?? null, i) || void 0,
+				max: j(p ?? null, i) || void 0,
+				disabled: l,
+				readOnly: u,
+				required: d,
+				"aria-invalid": !!c,
+				"aria-describedby": [y, b].filter(Boolean).join(" ") || void 0,
+				className: `${k.input} ${c ? k.error : ""}`,
+				onChange: (e) => r?.(M(e.target.value, i)),
+				onKeyDown: (e) => {
+					e.key === "Escape" && e.currentTarget.blur();
+				}
+			}),
+			o && !c && /* @__PURE__ */ t(E, {
+				id: y,
+				children: o
+			}),
+			c && /* @__PURE__ */ t(E, {
+				id: b,
+				variant: "error",
+				children: c
+			})
+		]
+	});
+}, P = {
+	root: "_root_9h2e2_1",
+	legend: "_legend_9h2e2_2",
+	range: "_range_9h2e2_3"
+}, F = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), ee = ({ value: e, onChange: r, onDraftChange: i, mode: a = "date", fromLabel: o = "От", toLabel: s = "До", hint: c, error: l, min: u, max: d, disabled: f = !1, readOnly: p = !1, required: m = !1, className: h = "" }) => {
+	let g = l ?? (e.from && e.to && e.from > e.to ? "Дата «От» не может быть позже даты «До»" : void 0), _ = (e) => {
+		i?.(e), F(e) && r?.(e);
+	};
+	return /* @__PURE__ */ n("fieldset", {
+		className: `${P.root} ${h}`,
+		disabled: f,
+		children: [/* @__PURE__ */ n("div", {
+			className: P.range,
+			children: [/* @__PURE__ */ t(N, {
+				value: e.from,
+				mode: a === "datetime" ? "datetime" : a,
+				label: o,
+				min: u,
+				max: e.to ?? d,
+				disabled: f,
+				readOnly: p,
+				required: m,
+				error: g,
+				onChange: (t) => _({
+					...e,
+					from: t
+				})
+			}), /* @__PURE__ */ t(N, {
+				value: e.to,
+				mode: a === "datetime" ? "datetime" : a,
+				label: s,
+				min: e.from ?? u,
+				max: d,
+				disabled: f,
+				readOnly: p,
+				required: m,
+				error: g,
+				onChange: (t) => _({
+					...e,
+					to: t
+				})
+			})]
+		}), c && !g && /* @__PURE__ */ t(E, { children: c })]
+	});
+}, I = {
+	group: "_group_1st6r_1",
+	skeleton: "_skeleton_1st6r_2",
+	text: "_text_1st6r_3",
+	rectangular: "_rectangular_1st6r_4",
+	circular: "_circular_1st6r_5",
+	animated: "_animated_1st6r_6",
+	"ds-skeleton": "_ds-skeleton_1st6r_1"
+}, L = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
+	className: `${I.group} ${o}`,
+	"aria-hidden": "true",
+	children: Array.from({ length: Math.max(1, i) }, (o, s) => /* @__PURE__ */ t("span", {
+		className: `${I.skeleton} ${I[e]} ${a ? I.animated : ""}`,
+		style: {
+			width: s === i - 1 && i > 1 ? "70%" : n,
+			height: r
+		}
+	}, s))
+}), R = {
+	wrapper: "_wrapper_dkn63_1",
+	label: "_label_dkn63_17",
+	container: "_container_dkn63_29",
+	trigger: "_trigger_dkn63_37",
+	disabledText: "_disabledText_dkn63_39",
+	value: "_value_dkn63_109",
+	placeholder: "_placeholder_dkn63_111",
+	chevron: "_chevron_dkn63_137",
+	chevronOpen: "_chevronOpen_dkn63_163",
+	menu: "_menu_dkn63_171",
+	option: "_option_dkn63_207",
+	selected: "_selected_dkn63_245",
+	message: "_message_dkn63_265",
+	error: "_error_dkn63_267",
+	errorState: "_errorState_dkn63_293"
+}, z = (e, t, n) => {
+	for (let r = 0; r < e.length; r += 1) {
+		let i = (t + r * n + e.length) % e.length;
+		if (!e[i]?.disabled) return i;
+	}
+	return -1;
+}, B = ({ options: r, value: i, onChange: a, placeholder: d = "Выберите опцию", disabled: f = !1, stringWhileDisabled: p = !1, label: m, error: h, hint: g, className: _ = "", name: v, id: y, needMark: b = !0, maxMenuHeight: x }) => {
+	let S = s(), C = y ?? `ds-dropdown-${v ?? S}`, [w, T] = u(!1), E = l(null), D = l(null), O = l([]), k = c(() => r.find((e) => e.value === i), [r, i]), A = g ? `${C}-hint` : void 0, j = h ? `${C}-error` : void 0, M = [A, j].filter(Boolean).join(" ") || void 0, N = f && p;
+	o(() => {
+		let e = (e) => {
+			E.current?.contains(e.target) || T(!1);
+		}, t = (e) => {
+			e.key === "Escape" && w && (T(!1), D.current?.focus());
+		};
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [w]);
+	let P = (e, t) => {
+		let n = z(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());
+	};
+	return /* @__PURE__ */ n("div", {
+		ref: E,
+		className: [
+			R.wrapper,
+			h ? R.errorState : "",
+			_
+		].filter(Boolean).join(" "),
+		children: [
+			m && /* @__PURE__ */ t("label", {
+				htmlFor: N ? void 0 : C,
+				className: R.label,
+				children: m
+			}),
+			/* @__PURE__ */ t("div", {
+				className: R.container,
+				children: N ? /* @__PURE__ */ t("div", {
+					id: C,
+					className: R.disabledText,
+					"aria-describedby": M,
+					children: k?.label ?? d
+				}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("button", {
+					ref: D,
+					id: C,
+					type: "button",
+					name: v,
+					className: R.trigger,
+					disabled: f,
+					"aria-haspopup": "listbox",
+					"aria-expanded": w,
+					"aria-controls": `${C}-listbox`,
+					"aria-describedby": M,
+					"aria-invalid": !!h,
+					onClick: () => T((e) => !e),
+					onKeyDown: (e) => {
+						if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+							e.preventDefault(), T(!0);
+							let t = e.key === "ArrowDown" ? 1 : -1;
+							requestAnimationFrame(() => P(e.key === "ArrowDown" ? 0 : r.length - 1, t));
+						}
+					},
+					children: [/* @__PURE__ */ t("span", {
+						className: k ? R.value : R.placeholder,
+						children: k?.label ?? d
+					}), /* @__PURE__ */ t("span", {
+						className: `${R.chevron} ${w ? R.chevronOpen : ""}`,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ t("svg", {
+							viewBox: "0 0 20 20",
+							fill: "none",
+							children: /* @__PURE__ */ t("path", {
+								d: "M5 7.5L10 12.5L15 7.5",
+								stroke: "currentColor",
+								strokeWidth: "1.8",
+								strokeLinecap: "round",
+								strokeLinejoin: "round"
+							})
+						})
+					})]
+				}), w && /* @__PURE__ */ t("ul", {
+					id: `${C}-listbox`,
+					className: R.menu,
+					role: "listbox",
+					"aria-label": m,
+					style: { maxHeight: x },
+					children: r.map((e, a) => {
+						let o = e.value === i;
+						return /* @__PURE__ */ t("li", {
+							role: "presentation",
+							children: /* @__PURE__ */ n("button", {
+								ref: (e) => {
+									O.current[a] = e;
+								},
+								type: "button",
+								role: "option",
+								"aria-selected": o,
+								disabled: e.disabled,
+								className: `${R.option} ${o ? R.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") {
+										e.preventDefault();
+										let t = e.key === "Home" ? 1 : -1;
+										P(e.key === "Home" ? 0 : r.length - 1, t);
+									}
+								},
+								children: [/* @__PURE__ */ t("span", { children: e.label }), o && b && /* @__PURE__ */ t("span", {
+									"aria-hidden": "true",
+									children: "✓"
+								})]
+							})
+						}, e.value);
+					})
+				})] })
+			}),
+			g && !h && /* @__PURE__ */ t("span", {
+				id: A,
+				className: R.message,
+				children: g
+			}),
+			h && /* @__PURE__ */ t("span", {
+				id: j,
+				className: R.error,
+				children: h
+			})
+		]
+	});
+}, V = (e) => `${e.id}:${e.direction}`, te = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
+	let c = e.flatMap((e) => [{
+		value: V({
+			id: e.id,
+			direction: "asc"
+		}),
+		label: e.ascLabel ?? `${e.label} · по возрастанию`,
+		disabled: e.disabled
+	}, {
+		value: V({
+			id: e.id,
+			direction: "desc"
+		}),
+		label: e.descLabel ?? `${e.label} · по убыванию`,
+		disabled: e.disabled
+	}]);
+	return /* @__PURE__ */ t(B, {
+		options: c,
+		value: n ? V(n) : "",
+		label: i,
+		placeholder: a,
+		disabled: o,
+		className: s,
+		onChange: (e) => {
+			let t = e.lastIndexOf(":");
+			r?.({
+				id: e.slice(0, t),
+				direction: e.slice(t + 1)
+			});
+		}
+	});
+}, H = {
+	root: "_root_i4d62_1",
+	tableWrap: "_tableWrap_i4d62_2",
+	table: "_table_i4d62_2",
+	sticky: "_sticky_i4d62_8",
+	sortButton: "_sortButton_i4d62_9",
+	state: "_state_i4d62_11",
+	cards: "_cards_i4d62_12",
+	mobileSort: "_mobileSort_i4d62_12",
+	card: "_card_i4d62_12",
+	spanTwo: "_spanTwo_i4d62_19",
+	default: "_default_i4d62_21",
+	tableOnMobile: "_tableOnMobile_i4d62_21",
+	wide: "_wide_i4d62_23"
+}, ne = m({
+	rowSortingFeature: p,
+	sortedRowModel: f()
+}), re = (e, t) => {
+	let n = /* @__PURE__ */ new Set();
+	for (let t of e) {
+		if (!t.id.trim()) return "Идентификатор колонки не может быть пустым";
+		if (n.has(t.id)) return `Идентификатор колонки «${t.id}» повторяется`;
+		n.add(t.id);
+	}
+	for (let n = 0; n < t.length; n += 1) for (let r of e) if (typeof r.accessor == "string" && !(r.accessor in t[n])) return `В строке ${n + 1} отсутствует колонка «${r.id}»`;
+	return null;
+}, ie = ({ columns: e, data: r, tableOnMobile: i = !1, breakpoint: a = "default", sorting: o, onSortingChange: s, renderMobileCard: l, getRowId: f, caption: p, ariaLabel: m, loading: g = !1, error: _, emptyState: v = "Нет данных", stickyHeader: y = !1, maxHeight: b, className: x = "" }) => {
+	let [S, C] = u([]), w = o ?? S, T = c(() => re(e, r), [e, r]), E = c(() => d(), []), D = c(() => E.columns(e.map((e) => {
+		let t = e.accessor;
+		return E.accessor(typeof t == "function" ? t : (e) => e[t], {
+			id: e.id,
+			header: () => e.header,
+			cell: (t) => e.cell?.(t.row.original, t.getValue()) ?? String(t.getValue() ?? ""),
+			enableSorting: !0,
+			sortDescFirst: e.sortDescFirst
+		});
+	})), [e, E]), O = h({
+		features: ne,
+		columns: D,
+		data: r,
+		state: { sorting: w },
+		onSortingChange: (e) => {
+			let t = typeof e == "function" ? e(w) : e;
+			o === void 0 && C(t), s?.(t);
+		},
+		getRowId: f
+	}), k = O.getRowModel().rows, A = e.map((e) => ({
+		id: e.id,
+		label: typeof e.header == "string" ? e.header : e.id
+	})), j = [
+		H.root,
+		a === "wide" ? H.wide : H.default,
+		i ? H.tableOnMobile : "",
+		x
+	].filter(Boolean).join(" "), M = T ?? _;
+	return /* @__PURE__ */ n("section", {
+		className: j,
+		"aria-busy": g,
+		children: [
+			!i && !g && !M && k.length > 0 && /* @__PURE__ */ t(te, {
+				className: H.mobileSort,
+				options: A,
+				value: w[0] ? {
+					id: w[0].id,
+					direction: w[0].desc ? "desc" : "asc"
+				} : null,
+				onChange: (e) => O.setSorting([{
+					id: e.id,
+					desc: e.direction === "desc"
+				}])
+			}),
+			/* @__PURE__ */ t("div", {
+				className: H.tableWrap,
+				style: { maxHeight: b },
+				children: /* @__PURE__ */ n("table", {
+					className: H.table,
+					"aria-label": m,
+					children: [
+						p && /* @__PURE__ */ t("caption", { children: p }),
+						/* @__PURE__ */ t("thead", {
+							className: y ? H.sticky : "",
+							children: O.getHeaderGroups().map((e) => /* @__PURE__ */ t("tr", { children: e.headers.map((e) => {
+								let r = e.column.getIsSorted();
+								return /* @__PURE__ */ t("th", {
+									scope: "col",
+									"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
+									children: /* @__PURE__ */ n("button", {
+										type: "button",
+										className: H.sortButton,
+										onClick: e.column.getToggleSortingHandler(),
+										children: [/* @__PURE__ */ t(O.FlexRender, { header: e }), /* @__PURE__ */ t("span", {
+											"aria-hidden": "true",
+											children: r === "asc" ? "↑" : r === "desc" ? "↓" : "↕"
+										})]
+									})
+								}, e.id);
+							}) }, e.id))
+						}),
+						/* @__PURE__ */ t("tbody", { children: g ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
+							colSpan: e.length,
+							children: /* @__PURE__ */ t(L, { lines: 3 })
+						}) }) : M ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
+							className: H.state,
+							colSpan: e.length,
+							children: M
+						}) }) : k.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
+							className: H.state,
+							colSpan: e.length,
+							children: v
+						}) }) : k.map((e) => /* @__PURE__ */ t("tr", { children: e.getAllCells().map((e) => /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(O.FlexRender, { cell: e }) }, e.id)) }, e.id)) })
+					]
+				})
+			}),
+			!i && /* @__PURE__ */ t("div", {
+				className: H.cards,
+				role: "list",
+				"aria-label": m ?? p,
+				children: g ? /* @__PURE__ */ t(L, { lines: 4 }) : M ? /* @__PURE__ */ t("div", {
+					className: H.state,
+					children: M
+				}) : k.length === 0 ? /* @__PURE__ */ t("div", {
+					className: H.state,
+					children: v
+				}) : k.map((r) => {
+					if (l) return /* @__PURE__ */ t("div", {
+						role: "listitem",
+						children: l({
+							row: r.original,
+							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) => typeof e.accessor == "function" ? e.accessor(r.original) : r.original[e.accessor], s = (e) => e.mobile?.renderMobile?.(r.original, o(e)) ?? e.cell?.(r.original, o(e)) ?? String(o(e) ?? "");
+					return /* @__PURE__ */ n("article", {
+						role: "listitem",
+						className: H.card,
+						children: [
+							/* @__PURE__ */ t("h3", { children: a ? s(a) : `Строка ${r.index + 1}` }),
+							/* @__PURE__ */ t("dl", { children: i.filter((e) => e !== a && e.mobile?.mobileVariant !== "actions").map((e) => /* @__PURE__ */ n("div", {
+								className: e.mobile?.mobileSpan === 2 ? H.spanTwo : "",
+								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))
+						]
+					}, r.id);
+				})
+			})
+		]
+	});
+}, ae = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опции", disabled: d = !1, label: f, error: p, hint: m, className: h = "", name: g, id: _, closeOnSelect: v = !1, maxMenuHeight: y }) => {
+	let b = s(), x = _ ?? `ds-dropdown-multiple-${g ?? b}`, [S, C] = u(!1), w = l(null), T = l(null), E = l([]), D = c(() => e.filter((e) => r.includes(e.value)), [e, r]), O = D.map((e) => e.label).join(", "), k = m ? `${x}-hint` : void 0, A = p ? `${x}-error` : void 0;
+	o(() => {
+		let e = (e) => {
+			w.current?.contains(e.target) || C(!1);
+		}, t = (e) => {
+			e.key === "Escape" && S && (C(!1), T.current?.focus());
+		};
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [S]);
+	let j = (t) => {
+		if (t.disabled) return;
+		let n = r.includes(t.value) ? r.filter((e) => e !== t.value) : [...r, t.value];
+		i?.(n, e.filter((e) => n.includes(e.value))), v && (C(!1), T.current?.focus());
+	}, M = (t, n) => {
+		let r = z(e, t, n);
+		E.current[r]?.focus(), E.current[r]?.scrollIntoView({ block: "nearest" });
+	};
+	return /* @__PURE__ */ n("div", {
+		ref: w,
+		className: [
+			R.wrapper,
+			p ? R.errorState : "",
+			h
+		].filter(Boolean).join(" "),
+		children: [
+			f && /* @__PURE__ */ t("label", {
+				htmlFor: x,
+				className: R.label,
+				children: f
+			}),
+			/* @__PURE__ */ n("div", {
+				className: R.container,
+				children: [/* @__PURE__ */ n("button", {
+					ref: T,
+					id: x,
+					type: "button",
+					name: g,
+					className: R.trigger,
+					disabled: d,
+					"aria-haspopup": "listbox",
+					"aria-expanded": S,
+					"aria-controls": `${x}-listbox`,
+					"aria-describedby": [k, A].filter(Boolean).join(" ") || void 0,
+					"aria-invalid": !!p,
+					onClick: () => C((e) => !e),
+					onKeyDown: (t) => {
+						if (t.key === "ArrowDown" || t.key === "ArrowUp") {
+							t.preventDefault(), C(!0);
+							let n = t.key === "ArrowDown" ? 1 : -1;
+							requestAnimationFrame(() => M(t.key === "ArrowDown" ? 0 : e.length - 1, n));
+						}
+					},
+					children: [/* @__PURE__ */ t("span", {
+						className: D.length ? R.value : R.placeholder,
+						children: O || a
+					}), /* @__PURE__ */ t("span", {
+						className: `${R.chevron} ${S ? R.chevronOpen : ""}`,
+						"aria-hidden": "true",
+						children: "⌄"
+					})]
+				}), S && /* @__PURE__ */ t("ul", {
+					id: `${x}-listbox`,
+					className: R.menu,
+					role: "listbox",
+					"aria-label": f,
+					"aria-multiselectable": "true",
+					style: { maxHeight: y },
+					children: e.map((i, a) => {
+						let o = r.includes(i.value);
+						return /* @__PURE__ */ t("li", {
+							role: "presentation",
+							children: /* @__PURE__ */ n("button", {
+								ref: (e) => {
+									E.current[a] = e;
+								},
+								type: "button",
+								role: "option",
+								"aria-selected": o,
+								disabled: i.disabled,
+								className: `${R.option} ${o ? R.selected : ""}`,
+								onClick: () => j(i),
+								onKeyDown: (t) => {
+									if (t.key === "ArrowDown" || t.key === "ArrowUp") {
+										t.preventDefault();
+										let e = t.key === "ArrowDown" ? 1 : -1;
+										M(a + e, e);
+									}
+									if (t.key === "Home" || t.key === "End") {
+										t.preventDefault();
+										let n = t.key === "Home" ? 1 : -1;
+										M(t.key === "Home" ? 0 : e.length - 1, n);
+									}
+									t.key === "Tab" && C(!1);
+								},
+								children: [/* @__PURE__ */ t("span", { children: i.label }), /* @__PURE__ */ t("span", {
+									"aria-hidden": "true",
+									children: o ? "✓" : ""
+								})]
+							})
+						}, i.value);
+					})
+				})]
+			}),
+			m && !p && /* @__PURE__ */ t("span", {
+				id: k,
+				className: R.message,
+				children: m
+			}),
+			p && /* @__PURE__ */ t("span", {
+				id: A,
+				className: R.error,
+				children: p
+			})
+		]
+	});
+}, oe = {
+	approve: "M4 12l5 5L20 6",
+	reject: "M5 5l14 14M19 5L5 19",
+	edit: "M4 20h4L19 9l-4-4L4 16v4z",
+	cross: "M5 5l14 14M19 5L5 19",
+	chevron: "M6 9l6 6 6-6",
+	basket: "M4 7h16l-1 13H5L4 7zm3 0V4h10v3",
+	info: "M12 10v7m0-10v.01",
+	warning: "M12 4L3 20h18L12 4zm0 5v5m0 3v.01"
+}, se = ({ name: e, title: r, width: i = 24, height: a = 24, ...o }) => /* @__PURE__ */ n("svg", {
+	viewBox: "0 0 24 24",
+	width: i,
+	height: a,
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.8",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	role: r ? "img" : void 0,
+	"aria-hidden": !r || void 0,
+	focusable: "false",
+	...o,
+	children: [r && /* @__PURE__ */ t("title", { children: r }), /* @__PURE__ */ t("path", { d: oe[e] })]
+}), U = {
+	root: "_root_1897l_1",
+	header: "_header_1897l_11",
+	title: "_title_1897l_21",
+	dismiss: "_dismiss_1897l_28",
+	content: "_content_1897l_57"
+}, ce = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: c = "h3", className: l = "" }) => {
+	let u = `ds-info-block-${s()}`;
+	return /* @__PURE__ */ n("section", {
+		className: `${U.root} ${l}`,
+		"aria-labelledby": u,
+		children: [/* @__PURE__ */ n("header", {
+			className: U.header,
+			children: [/* @__PURE__ */ t(c, {
+				id: u,
+				className: U.title,
+				children: e
+			}), i && /* @__PURE__ */ t("button", {
+				type: "button",
+				className: U.dismiss,
+				onClick: a,
+				"aria-label": o,
+				children: /* @__PURE__ */ t("svg", {
+					viewBox: "0 0 20 20",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ t("path", {
+						d: "M5 5L15 15M15 5L5 15",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1.8",
+						strokeLinecap: "round"
+					})
+				})
+			})]
+		}), /* @__PURE__ */ t("div", {
+			className: U.content,
+			children: r
+		})]
+	});
+}, W = {
+	wrapper: "_wrapper_1bpdz_1",
+	control: "_control_1bpdz_3",
+	input: "_input_1bpdz_5",
+	disabledText: "_disabledText_1bpdz_5",
+	inputError: "_inputError_1bpdz_11",
+	clear: "_clear_1bpdz_13"
+}, le = ({ value: e, onChange: r, type: i = "text", placeholder: a = "", disabled: o = !1, readOnly: c = !1, stringWhileDisabled: u = !1, label: d, error: f, hint: p, className: m = "", name: h, id: g, clearable: _ = !0, required: v = !1, ...y }) => {
+	let b = s(), x = g ?? `ds-input-${h ?? b}`, S = l(null), C = p ? `${x}-hint` : void 0, w = f ? `${x}-error` : void 0, D = String(e ?? ""), O = [C, w].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ n("div", {
+		className: `${W.wrapper} ${m}`,
+		children: [
+			d && /* @__PURE__ */ t(T, {
+				htmlFor: x,
+				required: v,
+				disabled: o,
+				children: d
+			}),
+			o && u ? /* @__PURE__ */ t("div", {
+				id: x,
+				className: W.disabledText,
+				"aria-describedby": O,
+				children: D || a
+			}) : /* @__PURE__ */ n("div", {
+				className: W.control,
+				children: [/* @__PURE__ */ t("input", {
+					ref: S,
+					id: x,
+					name: h,
+					type: i,
+					value: D,
+					placeholder: a,
+					disabled: o,
+					readOnly: c,
+					required: v,
+					"aria-invalid": !!f,
+					"aria-describedby": O,
+					className: `${W.input} ${f ? W.inputError : ""}`,
+					onChange: (e) => {
+						i === "number" && e.target.value !== "" ? r?.(Number(e.target.value), e) : r?.(e.target.value, e);
+					},
+					...y
+				}), _ && D && !o && !c && /* @__PURE__ */ t("button", {
+					type: "button",
+					className: W.clear,
+					"aria-label": "Очистить поле",
+					onClick: () => {
+						let e = S.current;
+						e && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
+					},
+					children: "×"
+				})]
+			}),
+			p && !f && /* @__PURE__ */ t(E, {
+				id: C,
+				children: p
+			}),
+			f && /* @__PURE__ */ t(E, {
+				id: w,
+				variant: "error",
+				children: f
+			})
+		]
+	});
+}, G = {
+	wrapper: "_wrapper_8srjz_1",
+	input: "_input_8srjz_11",
+	switch: "_switch_8srjz_18",
+	thumb: "_thumb_8srjz_34",
+	label: "_label_8srjz_56",
+	disabled: "_disabled_8srjz_62"
+}, ue = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: c = "", name: l, id: u, value: d }) => {
+	let f = s(), p = u ?? `ds-radio-button-${l ?? f}`;
+	return /* @__PURE__ */ n("label", {
+		htmlFor: p,
+		className: `${G.wrapper} ${a ? G.disabled : ""} ${c}`,
+		children: [
+			/* @__PURE__ */ t("input", {
+				id: p,
+				className: G.input,
+				type: "checkbox",
+				role: "switch",
+				name: l,
+				value: d,
+				checked: e,
+				disabled: a,
+				"aria-readonly": o || void 0,
+				onChange: (e) => {
+					o || r?.(e.target.checked, e);
+				}
+			}),
+			/* @__PURE__ */ t("span", {
+				className: G.switch,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ t("span", { className: G.thumb })
+			}),
+			i && /* @__PURE__ */ t("span", {
+				className: G.label,
+				children: i
+			})
+		]
+	});
+}, K = {
+	root: "_root_kepgo_1",
+	grid: "_grid_kepgo_3",
+	actions: "_actions_kepgo_5"
+}, de = ({ 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,
+			[e]: t
+		};
+		i?.(n, e), s === "instant" && a?.(n);
+	};
+	return /* @__PURE__ */ n("section", {
+		className: `${K.root} ${u}`,
+		"aria-label": "Фильтры",
+		"aria-busy": c,
+		children: [/* @__PURE__ */ t("div", {
+			className: K.grid,
+			children: e.filter((e) => !e.hidden).map((e) => {
+				let n = l || c || e.disabled, i = r[e.id];
+				if (e.type === "input") return /* @__PURE__ */ t(le, {
+					label: e.label,
+					hint: e.hint,
+					placeholder: e.placeholder,
+					type: e.inputType,
+					value: i ?? "",
+					disabled: n,
+					onChange: (t) => d(e.id, t)
+				}, e.id);
+				if (e.type === "dropdown") return /* @__PURE__ */ t(B, {
+					label: e.label,
+					hint: e.hint,
+					placeholder: e.placeholder,
+					options: e.options,
+					value: String(i ?? ""),
+					disabled: n,
+					onChange: (t) => d(e.id, t)
+				}, e.id);
+				if (e.type === "multiple") return /* @__PURE__ */ t(ae, {
+					label: e.label,
+					hint: e.hint,
+					placeholder: e.placeholder,
+					options: e.options,
+					value: Array.isArray(i) ? i : [],
+					disabled: n,
+					onChange: (t) => d(e.id, t)
+				}, e.id);
+				if (e.type === "checkbox") return /* @__PURE__ */ t(O, {
+					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(ue, {
+					label: e.label,
+					checked: !!i,
+					disabled: n,
+					onChange: (t) => d(e.id, t)
+				}, e.id);
+				let a = i && typeof i == "object" && !Array.isArray(i) ? i : {
+					from: null,
+					to: null
+				};
+				return /* @__PURE__ */ t(ee, {
+					hint: e.hint,
+					mode: e.mode,
+					min: e.min,
+					max: e.max,
+					value: a,
+					disabled: n,
+					onDraftChange: (t) => d(e.id, t)
+				}, e.id);
+			})
+		}), (o || s === "manual") && /* @__PURE__ */ n("div", {
+			className: K.actions,
+			children: [o && /* @__PURE__ */ t(C, {
+				variant: "destructiveOutline",
+				disabled: l || c,
+				onClick: o,
+				children: "Сбросить"
+			}), s === "manual" && /* @__PURE__ */ t(C, {
+				isLoading: c,
+				disabled: l,
+				onClick: () => a?.(r),
+				children: "Применить"
+			})]
+		})]
+	});
+}, fe = 0, q = _((e) => ({
+	modals: [],
+	openModal: (t, n = {}, r = {}) => {
+		fe += 1;
+		let i = `ds-modal-${fe}`;
+		return e((e) => ({ modals: [...e.modals, {
+			id: i,
+			name: t,
+			payload: n,
+			closeOnEscape: r.closeOnEscape ?? !0,
+			closeOnBackdrop: r.closeOnBackdrop ?? !0
+		}] })), i;
+	},
+	closeModal: (t) => e((e) => ({ modals: e.modals.filter((e) => e.id !== t) })),
+	closeTopModal: () => e((e) => ({ modals: e.modals.slice(0, -1) })),
+	closeAllModals: () => e({ modals: [] })
+})), pe = () => q.setState({ modals: [] }), J = {
+	layer: "_layer_bl99k_1",
+	backdrop: "_backdrop_bl99k_2",
+	panel: "_panel_bl99k_3",
+	header: "_header_bl99k_5",
+	title: "_title_bl99k_6",
+	description: "_description_bl99k_7",
+	content: "_content_bl99k_8"
+}, me = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Y = ({ children: e, title: r, description: i, modalId: a, closeLabel: c = "Закрыть модальное окно", className: u = "", role: d = "dialog" }) => {
+	let f = s(), p = s(), m = l(null), h = q((e) => e.closeModal);
+	return o(() => {
+		let e = document.activeElement, t = m.current;
+		return (t?.querySelector(me) ?? t)?.focus(), () => e?.focus();
+	}, []), /* @__PURE__ */ n("div", {
+		ref: m,
+		className: `${J.panel} ${u}`,
+		role: d,
+		"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) ?? []);
+			if (!t.length) {
+				e.preventDefault();
+				return;
+			}
+			let n = t[0], r = t[t.length - 1];
+			e.shiftKey && document.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n?.focus());
+		},
+		children: [
+			(r || c) && /* @__PURE__ */ n("header", {
+				className: J.header,
+				children: [r && /* @__PURE__ */ t("h2", {
+					id: f,
+					className: J.title,
+					children: r
+				}), /* @__PURE__ */ t(C, {
+					variant: "ghost",
+					size: "sm",
+					"aria-label": c,
+					onClick: () => h(a),
+					children: "×"
+				})]
+			}),
+			i && /* @__PURE__ */ t("p", {
+				id: p,
+				className: J.description,
+				children: i
+			}),
+			/* @__PURE__ */ t("div", {
+				className: J.content,
+				children: e
+			})
+		]
+	});
+}, he = ({ registry: e }) => {
+	let n = q((e) => e.modals), r = q((e) => e.closeModal), i = q((e) => e.closeAllModals);
+	return o(() => {
+		let e = (e) => {
+			if (e.key !== "Escape") return;
+			let t = q.getState().modals.at(-1);
+			t?.closeOnEscape && r(t.id);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [r]), !n.length || typeof document > "u" ? null : g(/* @__PURE__ */ t("div", {
+		className: J.layer,
+		"aria-label": "Модальные окна",
+		children: n.map((a, o) => {
+			let s = e[a.name];
+			return s ? /* @__PURE__ */ t("div", {
+				className: J.backdrop,
+				"aria-hidden": o !== n.length - 1 || void 0,
+				onMouseDown: (e) => {
+					e.target === e.currentTarget && a.closeOnBackdrop && r(a.id);
+				},
+				children: /* @__PURE__ */ t(s, {
+					...a.payload,
+					modalId: a.id,
+					close: () => r(a.id),
+					closeAll: i
+				})
+			}, a.id) : null;
+		})
+	}), document.body);
+}, ge = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
+	let s = q((e) => e.modals.length);
+	return o(() => {
+		if (!a || s === 0) return;
+		let e = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.body.style.overflow = e;
+		};
+	}, [a, s]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(he, { registry: r })] });
+}, _e = (e) => e, X = {
+	message: "_message_187g8_1",
+	actions: "_actions_187g8_2"
+}, ve = /* @__PURE__ */ new Map(), ye = 0, be = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
+	let u = (e) => {
+		ve.get(l)?.(e), ve.delete(l), r();
+	};
+	return /* @__PURE__ */ n(Y, {
+		modalId: e,
+		title: i,
+		role: "alertdialog",
+		children: [/* @__PURE__ */ t("p", {
+			className: X.message,
+			children: a
+		}), /* @__PURE__ */ n("div", {
+			className: X.actions,
+			children: [/* @__PURE__ */ t(C, {
+				variant: "outline",
+				onClick: () => u(!1),
+				children: s
+			}), /* @__PURE__ */ t(C, {
+				variant: c === "danger" ? "destructive" : "primary",
+				onClick: () => u(!0),
+				children: o
+			})]
+		})]
+	});
+}, xe = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Y, {
+	modalId: e,
+	title: i,
+	role: "alertdialog",
+	children: [/* @__PURE__ */ t("p", {
+		className: X.message,
+		children: a
+	}), /* @__PURE__ */ t("div", {
+		className: X.actions,
+		children: /* @__PURE__ */ t(C, {
+			onClick: r,
+			children: o
+		})
+	})]
+}), Se = _e({
+	ConfirmModal: be,
+	ErrorModal: xe
+}), Ce = () => {
+	let e = q((e) => e.openModal);
+	return (t = {}) => new Promise((n) => {
+		ye += 1;
+		let r = `confirm-${ye}`;
+		ve.set(r, n), e("ConfirmModal", {
+			...t,
+			requestId: r
+		}, { closeOnEscape: !1 });
+	});
+}, we = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", Te = () => {
+	let e = q((e) => e.openModal);
+	return { showError: (t, n) => e("ErrorModal", {
+		title: n,
+		message: we(t)
+	}) };
+}, Ee = _(() => ({})), De = _(() => ({})), Oe = () => {
+	let e = q((e) => e.modals), t = q((e) => e.openModal);
+	return {
+		openModal: (e, n = {}, r) => t(e, n, r),
+		closeModal: q((e) => e.closeModal),
+		closeTopModal: q((e) => e.closeTopModal),
+		closeAllModals: q((e) => e.closeAllModals),
+		isOpen: (t) => e.some((e) => e.name === t),
+		count: e.length
+	};
+}, ke = { root: "_root_1j70j_1" }, Ae = ({ label: e = "Загрузка страницы", className: r = "" }) => /* @__PURE__ */ n("div", {
+	className: `${ke.root} ${r}`,
+	role: "status",
+	"aria-label": e,
+	children: [/* @__PURE__ */ t(x, { decorative: !0 }), /* @__PURE__ */ t("span", { children: e })]
+}), je = {
+	root: "_root_ig8lp_1",
+	legend: "_legend_ig8lp_2",
+	range: "_range_ig8lp_3"
+}, Me = [
+	{
+		value: "1",
+		label: "День"
+	},
+	{
+		value: "2",
+		label: "Неделя"
+	},
+	{
+		value: "3",
+		label: "Месяц"
+	}
+], Ne = {
+	day: 1,
+	week: 2,
+	month: 3
+}, Pe = ({ value: e, onChange: r, label: i, hint: a, error: o, disabled: s = !1, min: c, max: l, className: u = "", periodTypeOptions: d = Me }) => /* @__PURE__ */ n("fieldset", {
+	className: `${je.root} ${u}`,
+	disabled: s,
+	children: [
+		i && /* @__PURE__ */ t("legend", {
+			className: je.legend,
+			children: i
+		}),
+		/* @__PURE__ */ t(B, {
+			options: d,
+			value: String(e.periodType),
+			disabled: s,
+			onChange: (t) => r?.({
+				...e,
+				periodType: Number(t)
+			}),
+			label: "Тип периода"
+		}),
+		/* @__PURE__ */ n("div", {
+			className: je.range,
+			children: [/* @__PURE__ */ t(N, {
+				value: e.startDate,
+				onChange: (t) => r?.({
+					...e,
+					startDate: t
+				}),
+				label: "Начало",
+				min: c,
+				max: l,
+				disabled: s
+			}), /* @__PURE__ */ t(N, {
+				value: e.endDate,
+				onChange: (t) => r?.({
+					...e,
+					endDate: t
+				}),
+				label: "Окончание",
+				min: e.startDate ?? c,
+				max: l,
+				disabled: s
+			})]
+		}),
+		a && !o && /* @__PURE__ */ t(E, { children: a }),
+		o && /* @__PURE__ */ t(E, {
+			variant: "error",
+			children: o
+		})
+	]
+}), Z = {
+	viewport: "_viewport_v7rog_1",
+	"top-right": "_top-right_v7rog_2",
+	"top-left": "_top-left_v7rog_3",
+	"bottom-right": "_bottom-right_v7rog_4",
+	"bottom-left": "_bottom-left_v7rog_5",
+	toast: "_toast_v7rog_6",
+	body: "_body_v7rog_7",
+	icon: "_icon_v7rog_8",
+	info: "_info_v7rog_9",
+	success: "_success_v7rog_10",
+	warning: "_warning_v7rog_11",
+	error: "_error_v7rog_12"
+}, Fe = ({ toast: e, onClose: r }) => {
+	let [i, a] = u(!1), s = l(e.duration), c = l(Date.now());
+	return o(() => {
+		if (i || e.duration <= 0) return;
+		c.current = Date.now();
+		let t = setTimeout(() => r(e.id), s.current);
+		return () => {
+			clearTimeout(t), s.current = Math.max(0, s.current - (Date.now() - c.current));
+		};
+	}, [
+		r,
+		i,
+		e.duration,
+		e.id
+	]), /* @__PURE__ */ n("article", {
+		className: `${Z.toast} ${Z[e.variant]}`,
+		role: e.variant === "error" ? "alert" : "status",
+		"aria-live": e.variant === "error" ? "assertive" : "polite",
+		onMouseEnter: () => a(!0),
+		onMouseLeave: () => a(!1),
+		onFocus: () => a(!0),
+		onBlur: () => a(!1),
+		children: [
+			/* @__PURE__ */ t(se, {
+				name: e.variant === "warning" ? "warning" : "info",
+				className: Z.icon
+			}),
+			/* @__PURE__ */ n("div", {
+				className: Z.body,
+				children: [
+					e.title && /* @__PURE__ */ t("strong", { children: e.title }),
+					/* @__PURE__ */ t("div", { children: e.message }),
+					e.action && /* @__PURE__ */ t(C, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => {
+							e.action?.onClick(), (e.action?.dismissOnClick ?? !0) && r(e.id);
+						},
+						children: e.action.label
+					})
+				]
+			}),
+			e.closable && /* @__PURE__ */ t(C, {
+				variant: "ghost",
+				size: "sm",
+				"aria-label": "Закрыть уведомление",
+				onClick: () => r(e.id),
+				children: "×"
+			})
+		]
+	});
+}, Ie = 0, Q = _((e) => ({
+	toasts: [],
+	showToast: (t) => {
+		Ie += 1;
+		let n = `ds-toast-${Ie}`;
+		return e((e) => ({ toasts: [...e.toasts, {
+			variant: "info",
+			duration: 5e3,
+			closable: !0,
+			...t,
+			id: n
+		}] })), n;
+	},
+	removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
+	clearToasts: () => e({ toasts: [] })
+})), Le = () => Q.setState({ toasts: [] }), Re = ({ position: e = "top-right" }) => {
+	let n = Q((e) => e.toasts), r = Q((e) => e.removeToast);
+	return /* @__PURE__ */ t("div", {
+		className: `${Z.viewport} ${Z[e]}`,
+		"aria-label": "Уведомления",
+		children: n.map((e) => /* @__PURE__ */ t(Fe, {
+			toast: e,
+			onClose: r
+		}, e.id))
+	});
+}, ze = () => {
+	let e = Q((e) => e.showToast), t = Q((e) => e.removeToast), n = Q((e) => e.clearToasts), r = (t) => (n) => e({
+		...n,
+		variant: t
+	});
+	return {
+		showToast: e,
+		infoToast: r("info"),
+		successToast: r("success"),
+		warningToast: r("warning"),
+		errorToast: r("error"),
+		removeToast: t,
+		clearToasts: n
+	};
+}, Be = {
+	root: "_root_2bxal_1",
+	tooltip: "_tooltip_2bxal_2",
+	"ds-tooltip-in": "_ds-tooltip-in_2bxal_1",
+	top: "_top_2bxal_3",
+	bottom: "_bottom_2bxal_4",
+	left: "_left_2bxal_5",
+	right: "_right_2bxal_6"
+}, Ve = ({ content: e, children: i, placement: c = "top", delay: d = 450, disabled: f = !1, maxWidth: p = 280, className: m = "" }) => {
+	let h = s(), [g, _] = u(!1), v = l(null), y = () => {
+		f || !e || (v.current = setTimeout(() => _(!0), d));
+	}, b = () => {
+		v.current && clearTimeout(v.current), _(!1);
+	};
+	if (o(() => {
+		let e = (e) => {
+			e.key === "Escape" && b();
+		};
+		return document.addEventListener("keydown", e), () => {
+			document.removeEventListener("keydown", e), v.current && clearTimeout(v.current);
+		};
+	}, []), !a(i)) return i;
+	let x = r(i, {
+		"aria-describedby": g ? h : void 0,
+		onMouseEnter: y,
+		onMouseLeave: b,
+		onFocus: y,
+		onBlur: b
+	});
+	return /* @__PURE__ */ n("span", {
+		className: `${Be.root} ${m}`,
+		onPointerDown: g ? b : y,
+		children: [x, g && /* @__PURE__ */ t("span", {
+			id: h,
+			role: "tooltip",
+			className: `${Be.tooltip} ${Be[c]}`,
+			style: { maxWidth: p },
+			children: e
+		})]
+	});
+}, $ = {
+	root: "_root_tgni1_1",
+	frame: "_frame_tgni1_2",
+	video: "_video_tgni1_3",
+	overlay: "_overlay_tgni1_4",
+	error: "_error_tgni1_4",
+	caption: "_caption_tgni1_7"
+}, He = ({ sources: e, tracks: r = [], title: i, aspectRatio: a = "16 / 9", objectFit: o = "contain", loading: s = !1, error: c, fallback: l, className: d = "", controls: f = !0, playsInline: p = !0, ...m }) => {
+	let [h, g] = u(!1), _ = c ?? (h ? "Не удалось воспроизвести видео" : void 0);
+	return /* @__PURE__ */ n("figure", {
+		className: `${$.root} ${d}`,
+		children: [/* @__PURE__ */ n("div", {
+			className: $.frame,
+			style: { aspectRatio: a },
+			children: [
+				!_ && e.length > 0 && /* @__PURE__ */ n("video", {
+					...m,
+					"aria-label": i,
+					controls: f,
+					playsInline: p,
+					className: $.video,
+					style: { objectFit: o },
+					onError: (e) => {
+						g(!0), m.onError?.(e);
+					},
+					children: [e.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), r.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
+				}),
+				s && /* @__PURE__ */ t("div", {
+					className: $.overlay,
+					children: /* @__PURE__ */ t(x, { label: "Загрузка видео" })
+				}),
+				(_ || e.length === 0) && /* @__PURE__ */ t("div", {
+					className: $.error,
+					role: "alert",
+					children: l ?? _ ?? "Источник видео не указан"
+				})
+			]
+		}), /* @__PURE__ */ t("figcaption", {
+			className: $.caption,
+			children: i
+		})]
+	});
+};
+//#endregion
+export { be as ConfirmModal, y as DSBadge, C as DSButton, O as DSCheckbox, ie as DSDataTable, ee as DSDateRange, N as DSDateTimePicker, B as DSDropDown, ae as DSDropDownMultiple, T as DSFieldLabel, E as DSFieldMessage, de as DSFilters, se as DSIcon, ce as DSInfoBlock, le as DSInput, x as DSLoader, he as DSModal, Y as DSModalFrame, Ae as DSPageLoader, ue as DSRadioButton, L as DSSkeleton, te as DSSort, Pe as DSTimePeriodPicker, Fe as DSToast, Re as DSToastProvider, Ve as DSTooltip, He as DSVideoPlayerFrame, Ne as DS_PERIOD_TYPE_CODES, xe as ErrorModal, ge as ModalSystemProvider, Se as builtInModalRegistry, _e as defineModalRegistry, j as formatDateTimeLocalValue, we as getErrorMessage, z as getNextEnabledOptionIndex, F as isValidDateRange, M as parseDateTimeLocalValue, pe as resetModalStore, Le as resetToastStore, Ce as useConfirmModal, Ee as useConfirmModalStore, Te as useErrorModal, De as useErrorModalStore, Oe as useModals, q as useModalsStore, ze as useToast, Q as useToastStore, re as validateDSDataTableData };