@efficiency-point/design-system 0.1.7 → 0.1.9

package/dist/index.es.js

@@ -657,24 +657,24 @@ var T = {
 		}
 	}, s))
 }), Y = {
-	wrapper: "_wrapper_jmtfp_1",
-	label: "_label_jmtfp_17",
-	container: "_container_jmtfp_29",
-	trigger: "_trigger_jmtfp_37",
-	disabledText: "_disabledText_jmtfp_39",
-	sm: "_sm_jmtfp_61",
-	md: "_md_jmtfp_71",
-	lg: "_lg_jmtfp_81",
-	value: "_value_jmtfp_141",
-	placeholder: "_placeholder_jmtfp_143",
-	chevron: "_chevron_jmtfp_199",
-	chevronOpen: "_chevronOpen_jmtfp_225",
-	menu: "_menu_jmtfp_233",
-	option: "_option_jmtfp_263",
-	selected: "_selected_jmtfp_333",
-	message: "_message_jmtfp_353",
-	error: "_error_jmtfp_355",
-	errorState: "_errorState_jmtfp_381"
+	wrapper: "_wrapper_1gp7o_1",
+	label: "_label_1gp7o_17",
+	container: "_container_1gp7o_29",
+	trigger: "_trigger_1gp7o_37",
+	disabledText: "_disabledText_1gp7o_39",
+	sm: "_sm_1gp7o_61",
+	md: "_md_1gp7o_71",
+	lg: "_lg_1gp7o_83",
+	value: "_value_1gp7o_143",
+	placeholder: "_placeholder_1gp7o_145",
+	chevron: "_chevron_1gp7o_201",
+	chevronOpen: "_chevronOpen_1gp7o_227",
+	menu: "_menu_1gp7o_235",
+	option: "_option_1gp7o_265",
+	selected: "_selected_1gp7o_335",
+	message: "_message_1gp7o_355",
+	error: "_error_1gp7o_357",
+	errorState: "_errorState_1gp7o_383"
 }, re = 8, ie = 6, ae = 120, oe = (e, t, n) => {
 	if (!e.length) return -1;
 	for (let r = 0; r < e.length; r += 1) {
@@ -2013,11 +2013,143 @@ var T = {
 			})
 		]
 	});
-}, Je = 0, Q = v((e) => ({
+}, Je = {
+	wrapper: "_wrapper_1bwdq_1",
+	control: "_control_1bwdq_15",
+	textarea: "_textarea_1bwdq_25",
+	disabledText: "_disabledText_1bwdq_27",
+	sm: "_sm_1bwdq_103",
+	md: "_md_1bwdq_117",
+	lg: "_lg_1bwdq_131",
+	autoResize: "_autoResize_1bwdq_145",
+	manualResize: "_manualResize_1bwdq_155",
+	textareaError: "_textareaError_1bwdq_163",
+	clearAction: "_clearAction_1bwdq_171",
+	messages: "_messages_1bwdq_251",
+	counter: "_counter_1bwdq_265"
+}, Ye = 2;
+function Xe(e) {
+	let t = window.getComputedStyle(e), n = Number.parseFloat(t.lineHeight);
+	return Number.isFinite(n) ? n : Number.parseFloat(t.fontSize) * 1.4;
+}
+function Ze({ value: e, onChange: r, placeholder: i = "", disabled: a = !1, readOnly: l = !1, stringWhileDisabled: u = !1, label: f, error: p, hint: m, className: h = "", name: g, id: _, size: v = "md", clearable: y = !1, required: b = !1, maxLength: x, showCount: S = !1, minRows: C = Ye, maxRows: w, autoResize: T = !0, ...O }) {
+	let k = c(), j = _ ?? `ds-textarea-${g ?? k}`, M = d(null), N = m ? `${j}-hint` : void 0, P = p ? `${j}-error` : void 0, F = S && x ? `${j}-count` : void 0, I = [
+		N,
+		P,
+		F
+	].filter(Boolean).join(" ") || void 0, L = Math.max(1, C), R = w === void 0 ? void 0 : Math.max(L, w), z = o(() => {
+		let e = M.current;
+		if (!e || !T) return;
+		let t = window.getComputedStyle(e), n = Xe(e), r = Number.parseFloat(t.paddingTop) + Number.parseFloat(t.paddingBottom) + Number.parseFloat(t.borderTopWidth) + Number.parseFloat(t.borderBottomWidth), i = n * L + r, a = R === void 0 ? Infinity : n * R + r;
+		e.style.height = "auto";
+		let o = Math.min(Math.max(e.scrollHeight, i), a);
+		e.style.height = `${o}px`, e.style.overflowY = e.scrollHeight > a ? "auto" : "hidden";
+	}, [
+		T,
+		R,
+		L
+	]);
+	s(() => {
+		z();
+	}, [z, e]), s(() => {
+		if (!T) return;
+		window.addEventListener("resize", z);
+		let e = M.current?.parentElement, t;
+		if (e && typeof ResizeObserver < "u") {
+			let n = e.getBoundingClientRect().width;
+			t = new ResizeObserver(([e]) => {
+				!e || e.contentRect.width === n || (n = e.contentRect.width, z());
+			}), t.observe(e);
+		}
+		return () => {
+			window.removeEventListener("resize", z), t?.disconnect();
+		};
+	}, [T, z]);
+	let B = (e) => {
+		r?.(e.target.value, e), z();
+	}, V = () => {
+		let e = M.current;
+		e && ((Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus(), z());
+	}, H = { "--ds-textarea-min-rows": L };
+	return /* @__PURE__ */ n("div", {
+		className: `${Je.wrapper} ${h}`,
+		children: [
+			f && /* @__PURE__ */ t(E, {
+				htmlFor: j,
+				required: b,
+				disabled: a,
+				children: f
+			}),
+			a && u ? /* @__PURE__ */ t("div", {
+				id: j,
+				className: `${Je.disabledText} ${Je[v]}`,
+				style: H,
+				"aria-describedby": I,
+				children: e || i
+			}) : /* @__PURE__ */ n("div", {
+				className: Je.control,
+				children: [/* @__PURE__ */ t("textarea", {
+					ref: M,
+					id: j,
+					name: g,
+					value: e,
+					placeholder: i,
+					disabled: a,
+					readOnly: l,
+					required: b,
+					maxLength: x,
+					rows: L,
+					style: H,
+					"aria-invalid": !!p,
+					"aria-describedby": I,
+					className: `${Je.textarea} ${Je[v]} ${T ? Je.autoResize : Je.manualResize} ${p ? Je.textareaError : ""}`,
+					onChange: B,
+					...O
+				}), y && e && !a && !l && /* @__PURE__ */ t("button", {
+					type: "button",
+					className: Je.clearAction,
+					"aria-label": "Очистить поле",
+					onClick: V,
+					children: /* @__PURE__ */ t(A, {
+						name: "IconCross",
+						width: 20,
+						height: 20
+					})
+				})]
+			}),
+			(m || p || F) && /* @__PURE__ */ n("div", {
+				className: Je.messages,
+				children: [
+					m && !p && /* @__PURE__ */ t(D, {
+						id: N,
+						children: m
+					}),
+					p && /* @__PURE__ */ t(D, {
+						id: P,
+						variant: "error",
+						children: p
+					}),
+					F && /* @__PURE__ */ n("span", {
+						id: F,
+						className: Je.counter,
+						children: [
+							e.length,
+							" / ",
+							x
+						]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/DSModal/modal.store.ts
+var Qe = 0, Q = v((e) => ({
 	modals: [],
 	openModal: (t, n = {}, r = {}) => {
-		Je += 1;
-		let i = `ds-modal-${Je}`;
+		Qe += 1;
+		let i = `ds-modal-${Qe}`;
 		return e((e) => ({ modals: [...e.modals, {
 			id: i,
 			name: t,
@@ -2029,7 +2161,7 @@ var T = {
 	closeModal: (t) => e((e) => ({ modals: e.modals.filter((e) => e.id !== t) })),
 	closeTopModal: () => e((e) => ({ modals: e.modals.slice(0, -1) })),
 	closeAllModals: () => e({ modals: [] })
-})), Ye = () => Q.setState({ modals: [] }), Xe = {
+})), $e = () => Q.setState({ modals: [] }), et = {
 	layer: "_layer_1opno_1",
 	backdrop: "_backdrop_1opno_3",
 	panel: "_panel_1opno_5",
@@ -2038,14 +2170,14 @@ var T = {
 	description: "_description_1opno_13",
 	content: "_content_1opno_15",
 	close: "_close_1opno_17"
-}, Ze = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Qe = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: l = "", role: u = "dialog" }) => {
+}, tt = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", nt = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: l = "", role: u = "dialog" }) => {
 	let f = c(), p = c(), m = d(null), h = Q((e) => e.closeModal);
 	return s(() => {
 		let e = document.activeElement, t = m.current;
-		return (t?.querySelector(Ze) ?? t)?.focus(), () => e?.focus();
+		return (t?.querySelector(tt) ?? t)?.focus(), () => e?.focus();
 	}, []), /* @__PURE__ */ n("div", {
 		ref: m,
-		className: `${Xe.panel} ${l}`,
+		className: `${et.panel} ${l}`,
 		role: u,
 		"aria-modal": "true",
 		"aria-labelledby": r ? f : void 0,
@@ -2053,7 +2185,7 @@ var T = {
 		tabIndex: -1,
 		onKeyDown: (e) => {
 			if (e.key !== "Tab") return;
-			let t = Array.from(m.current?.querySelectorAll(Ze) ?? []);
+			let t = Array.from(m.current?.querySelectorAll(tt) ?? []);
 			if (!t.length) {
 				e.preventDefault();
 				return;
@@ -2063,13 +2195,13 @@ var T = {
 		},
 		children: [
 			(r || o) && /* @__PURE__ */ n("header", {
-				className: Xe.header,
+				className: et.header,
 				children: [r && /* @__PURE__ */ t("h2", {
 					id: f,
-					className: Xe.title,
+					className: et.title,
 					children: r
 				}), /* @__PURE__ */ t(w, {
-					className: Xe.close,
+					className: et.close,
 					variant: "empty",
 					size: "sm",
 					"aria-label": o,
@@ -2083,16 +2215,16 @@ var T = {
 			}),
 			i && /* @__PURE__ */ t("p", {
 				id: p,
-				className: Xe.description,
+				className: et.description,
 				children: i
 			}),
 			/* @__PURE__ */ t("div", {
-				className: Xe.content,
+				className: et.content,
 				children: e
 			})
 		]
 	});
-}, $e = ({ registry: e }) => {
+}, rt = ({ registry: e }) => {
 	let n = Q((e) => e.modals), r = Q((e) => e.closeModal), i = Q((e) => e.closeAllModals);
 	return s(() => {
 		let e = (e) => {
@@ -2102,12 +2234,12 @@ var T = {
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [r]), !n.length || typeof document > "u" ? null : p(/* @__PURE__ */ t("div", {
-		className: Xe.layer,
+		className: et.layer,
 		"aria-label": "Модальные окна",
 		children: n.map((a, o) => {
 			let s = e[a.name];
 			return s ? /* @__PURE__ */ t("div", {
-				className: Xe.backdrop,
+				className: et.backdrop,
 				"aria-hidden": o !== n.length - 1 || void 0,
 				onMouseDown: (e) => {
 					e.target === e.currentTarget && a.closeOnBackdrop && r(a.id);
@@ -2121,7 +2253,7 @@ var T = {
 			}, a.id) : null;
 		})
 	}), document.body);
-}, et = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
+}, it = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
 	let o = Q((e) => e.modals.length);
 	return s(() => {
 		if (!a || o === 0) return;
@@ -2129,23 +2261,23 @@ var T = {
 		return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = e;
 		};
-	}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t($e, { registry: r })] });
-}, tt = (e) => e, nt = {
+	}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(rt, { registry: r })] });
+}, at = (e) => e, ot = {
 	message: "_message_1vtru_1",
 	actions: "_actions_1vtru_3"
-}, rt = /* @__PURE__ */ new Map(), it = 0, at = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
+}, st = /* @__PURE__ */ new Map(), ct = 0, lt = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
 	let u = (e) => {
-		rt.get(l)?.(e), rt.delete(l), r();
+		st.get(l)?.(e), st.delete(l), r();
 	};
-	return /* @__PURE__ */ n(Qe, {
+	return /* @__PURE__ */ n(nt, {
 		modalId: e,
 		title: i,
 		role: "alertdialog",
 		children: [/* @__PURE__ */ t("p", {
-			className: nt.message,
+			className: ot.message,
 			children: a
 		}), /* @__PURE__ */ n("div", {
-			className: nt.actions,
+			className: ot.actions,
 			children: [/* @__PURE__ */ t(w, {
 				variant: "outline",
 				onClick: () => u(!1),
@@ -2157,40 +2289,40 @@ var T = {
 			})]
 		})]
 	});
-}, ot = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Qe, {
+}, ut = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(nt, {
 	modalId: e,
 	title: i,
 	role: "alertdialog",
 	children: [/* @__PURE__ */ t("p", {
-		className: nt.message,
+		className: ot.message,
 		children: a
 	}), /* @__PURE__ */ t("div", {
-		className: nt.actions,
+		className: ot.actions,
 		children: /* @__PURE__ */ t(w, {
 			onClick: r,
 			children: o
 		})
 	})]
-}), st = tt({
-	ConfirmModal: at,
-	ErrorModal: ot
-}), ct = () => {
+}), dt = at({
+	ConfirmModal: lt,
+	ErrorModal: ut
+}), ft = () => {
 	let e = Q((e) => e.openModal);
 	return (t = {}) => new Promise((n) => {
-		it += 1;
-		let r = `confirm-${it}`;
-		rt.set(r, n), e("ConfirmModal", {
+		ct += 1;
+		let r = `confirm-${ct}`;
+		st.set(r, n), e("ConfirmModal", {
 			...t,
 			requestId: r
 		}, { closeOnEscape: !1 });
 	});
-}, lt = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", ut = () => {
+}, pt = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", mt = () => {
 	let e = Q((e) => e.openModal);
 	return { showError: (t, n) => e("ErrorModal", {
 		title: n,
-		message: lt(t)
+		message: pt(t)
 	}) };
-}, dt = v(() => ({})), ft = v(() => ({})), pt = () => {
+}, ht = v(() => ({})), gt = v(() => ({})), _t = () => {
 	let e = Q((e) => e.modals), t = Q((e) => e.openModal);
 	return {
 		openModal: (e, n = {}, r) => t(e, n, r),
@@ -2200,7 +2332,7 @@ var T = {
 		isOpen: (t) => e.some((e) => e.name === t),
 		count: e.length
 	};
-}, mt = {
+}, vt = {
 	wrapper: "_wrapper_1qbyz_1",
 	container: "_container_1qbyz_15",
 	inner: "_inner_1qbyz_35",
@@ -2208,29 +2340,29 @@ var T = {
 	jump: "_jump_1qbyz_1",
 	cube__inner: "_cube__inner_1qbyz_67",
 	morph: "_morph_1qbyz_1"
-}, ht = () => /* @__PURE__ */ t("div", {
-	className: mt.wrapper,
+}, yt = () => /* @__PURE__ */ t("div", {
+	className: vt.wrapper,
 	children: /* @__PURE__ */ t("div", {
-		className: mt.container,
+		className: vt.container,
 		children: /* @__PURE__ */ n("div", {
-			className: mt.inner,
+			className: vt.inner,
 			children: [
 				/* @__PURE__ */ t("div", {
-					className: mt.cube,
-					children: /* @__PURE__ */ t("div", { className: mt.cube__inner })
+					className: vt.cube,
+					children: /* @__PURE__ */ t("div", { className: vt.cube__inner })
 				}),
 				/* @__PURE__ */ t("div", {
-					className: mt.cube,
-					children: /* @__PURE__ */ t("div", { className: mt.cube__inner })
+					className: vt.cube,
+					children: /* @__PURE__ */ t("div", { className: vt.cube__inner })
 				}),
 				/* @__PURE__ */ t("div", {
-					className: mt.cube,
-					children: /* @__PURE__ */ t("div", { className: mt.cube__inner })
+					className: vt.cube,
+					children: /* @__PURE__ */ t("div", { className: vt.cube__inner })
 				})
 			]
 		})
 	})
-}), gt = {
+}), bt = {
 	viewport: "_viewport_15mi5_1",
 	"top-right": "_top-right_15mi5_3",
 	"top-left": "_top-left_15mi5_5",
@@ -2243,7 +2375,7 @@ var T = {
 	success: "_success_15mi5_19",
 	warning: "_warning_15mi5_21",
 	error: "_error_15mi5_23"
-}, _t = {
+}, xt = {
 	info: {
 		name: "IconInfoCircle",
 		color: "var(--color-primary)"
@@ -2260,7 +2392,7 @@ var T = {
 		name: "IconWarning",
 		color: "var(--color-error)"
 	}
-}, vt = ({ toast: e, onClose: r }) => {
+}, St = ({ toast: e, onClose: r }) => {
 	let [i, a] = f(!1), o = d(e.duration), c = d(Date.now());
 	return s(() => {
 		if (i || e.duration <= 0) return;
@@ -2275,7 +2407,7 @@ var T = {
 		e.duration,
 		e.id
 	]), /* @__PURE__ */ n("article", {
-		className: `${gt.toast} ${gt[e.variant]}`,
+		className: `${bt.toast} ${bt[e.variant]}`,
 		role: e.variant === "error" ? "alert" : "status",
 		"aria-live": e.variant === "error" ? "assertive" : "polite",
 		onMouseEnter: () => a(!0),
@@ -2284,12 +2416,12 @@ var T = {
 		onBlur: () => a(!1),
 		children: [
 			/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(A, {
-				..._t[e.variant],
+				...xt[e.variant],
 				width: 24,
 				height: 24
 			}) }),
 			/* @__PURE__ */ n("div", {
-				className: gt.body,
+				className: bt.body,
 				children: [
 					e.title && /* @__PURE__ */ t("strong", { children: e.title }),
 					/* @__PURE__ */ t("div", { children: e.message }),
@@ -2316,11 +2448,11 @@ var T = {
 			})
 		]
 	});
-}, yt = 0, bt = v((e) => ({
+}, Ct = 0, wt = v((e) => ({
 	toasts: [],
 	showToast: (t) => {
-		yt += 1;
-		let n = `ds-toast-${yt}`;
+		Ct += 1;
+		let n = `ds-toast-${Ct}`;
 		return e((e) => ({ toasts: [...e.toasts, {
 			variant: "info",
 			duration: 5e3,
@@ -2331,18 +2463,18 @@ var T = {
 	},
 	removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
 	clearToasts: () => e({ toasts: [] })
-})), xt = () => bt.setState({ toasts: [] }), St = ({ position: e = "top-right" }) => {
-	let n = bt((e) => e.toasts), r = bt((e) => e.removeToast);
+})), Tt = () => wt.setState({ toasts: [] }), Et = ({ position: e = "top-right" }) => {
+	let n = wt((e) => e.toasts), r = wt((e) => e.removeToast);
 	return /* @__PURE__ */ t("div", {
-		className: `${gt.viewport} ${gt[e]}`,
+		className: `${bt.viewport} ${bt[e]}`,
 		"aria-label": "Уведомления",
-		children: n.map((e) => /* @__PURE__ */ t(vt, {
+		children: n.map((e) => /* @__PURE__ */ t(St, {
 			toast: e,
 			onClose: r
 		}, e.id))
 	});
-}, Ct = () => {
-	let e = bt((e) => e.showToast), t = bt((e) => e.removeToast), n = bt((e) => e.clearToasts), r = o((t) => e({
+}, Dt = () => {
+	let e = wt((e) => e.showToast), t = wt((e) => e.removeToast), n = wt((e) => e.clearToasts), r = o((t) => e({
 		...t,
 		variant: "info"
 	}), [e]), i = o((t) => e({
@@ -2372,7 +2504,7 @@ var T = {
 		i,
 		a
 	]);
-}, wt = {
+}, Ot = {
 	root: "_root_s9o0g_1",
 	tooltip: "_tooltip_s9o0g_3",
 	"ds-tooltip-in": "_ds-tooltip-in_s9o0g_1",
@@ -2380,7 +2512,7 @@ var T = {
 	bottom: "_bottom_s9o0g_7",
 	left: "_left_s9o0g_9",
 	right: "_right_s9o0g_11"
-}, Tt = ({ content: e, children: i, placement: o = "top", delay: l = 450, disabled: u = !1, maxWidth: p = 280, className: m = "" }) => {
+}, kt = ({ content: e, children: i, placement: o = "top", delay: l = 450, disabled: u = !1, maxWidth: p = 280, className: m = "" }) => {
 	let h = c(), [g, _] = f(!1), v = d(null), y = () => {
 		u || !e || (v.current = setTimeout(() => _(!0), l));
 	}, b = () => {
@@ -2402,17 +2534,17 @@ var T = {
 		onBlur: b
 	});
 	return /* @__PURE__ */ n("span", {
-		className: `${wt.root} ${m}`,
+		className: `${Ot.root} ${m}`,
 		onPointerDown: g ? b : y,
 		children: [x, g && /* @__PURE__ */ t("span", {
 			id: h,
 			role: "tooltip",
-			className: `${wt.tooltip} ${wt[o]}`,
+			className: `${Ot.tooltip} ${Ot[o]}`,
 			style: { maxWidth: p },
 			children: e
 		})]
 	});
-}, Et = (e) => {
+}, At = (e) => {
 	if (!Number.isFinite(e) || e < 0) return "00:00";
 	let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60, a = `${String(r).padStart(2, "0")}:${String(i).padStart(2, "0")}`;
 	return n ? `${n}:${a}` : a;
@@ -2445,19 +2577,19 @@ var T = {
 	settingsActionLabel: "_settingsActionLabel_1oxvl_677",
 	caption: "_caption_1oxvl_689",
 	fullscreen: "_fullscreen_1oxvl_703"
-}, Dt = 2500, Ot = 5, kt = .05, At = [
+}, jt = 2500, Mt = 5, Nt = .05, Pt = [
 	.5,
 	.75,
 	1,
 	1.25,
 	1.5,
 	2
-], jt = ({ sources: r, tracks: i = [], title: a, aspectRatio: c = "16 / 9", objectFit: l = "contain", loading: u = !1, error: p, fallback: m, className: h = "", controls: g = !0, playsInline: _ = !0, ...v }) => {
+], Ft = ({ sources: r, tracks: i = [], title: a, aspectRatio: c = "16 / 9", objectFit: l = "contain", loading: u = !1, error: p, fallback: m, className: h = "", controls: g = !0, playsInline: _ = !0, ...v }) => {
 	let y = d(null), b = d(null), x = d(null), C = d(void 0), [T, E] = f(!1), [D, O] = f(r.length > 0), [k, j] = f(!1), [M, N] = f(!1), [P, F] = f(!1), [I, L] = f(0), [R, z] = f(0), [B, V] = f(0), [H, ee] = f(1), [U, W] = f(!!v.muted), [G, te] = f(1), [K, q] = f(!!v.loop), [J, ne] = f(-1), [Y, re] = f(!1), [ie, ae] = f(!0), [oe, se] = f(!1), [ce, le] = f(!1), ue = r.map(({ src: e, type: t }) => `${e}:${t ?? ""}`).join("|"), X = i.map((e, t) => ({
 		track: e,
 		index: t
 	})).filter(({ track: e }) => e.kind === "captions" || e.kind === "subtitles"), de = p ?? (T ? "Не удалось воспроизвести видео" : void 0), fe = u || D && !de && r.length > 0, pe = !fe && !de && r.length === 0, me = typeof document < "u" && "pictureInPictureEnabled" in document && document.pictureInPictureEnabled, he = o(() => {
-		ae(!0), window.clearTimeout(C.current), M && !Y && (C.current = window.setTimeout(() => ae(!1), Dt));
+		ae(!0), window.clearTimeout(C.current), M && !Y && (C.current = window.setTimeout(() => ae(!1), jt));
 	}, [M, Y]);
 	s(() => {
 		E(!1), O(r.length > 0), j(!1), N(!1), F(!1), L(0), z(0), V(0);
@@ -2516,7 +2648,7 @@ var T = {
 		let t = e.target;
 		if (/^(INPUT|SELECT|BUTTON)$/.test(t.tagName)) return;
 		let n = e.key.toLowerCase();
-		n === " " || n === "k" ? (e.preventDefault(), ge()) : n === "m" ? (e.preventDefault(), _e()) : n === "f" ? (e.preventDefault(), be()) : n === "c" && X.length ? (e.preventDefault(), Se(J === -1 ? X[0].index : -1)) : e.key === "ArrowLeft" || e.key === "ArrowRight" ? (e.preventDefault(), ye(I + (e.key === "ArrowRight" ? Ot : -5))) : e.key === "ArrowUp" || e.key === "ArrowDown" ? (e.preventDefault(), ve(H + (e.key === "ArrowUp" ? kt : -.05))) : e.key === "Escape" && re(!1), he();
+		n === " " || n === "k" ? (e.preventDefault(), ge()) : n === "m" ? (e.preventDefault(), _e()) : n === "f" ? (e.preventDefault(), be()) : n === "c" && X.length ? (e.preventDefault(), Se(J === -1 ? X[0].index : -1)) : e.key === "ArrowLeft" || e.key === "ArrowRight" ? (e.preventDefault(), ye(I + (e.key === "ArrowRight" ? Mt : -5))) : e.key === "ArrowUp" || e.key === "ArrowDown" ? (e.preventDefault(), ve(H + (e.key === "ArrowUp" ? Nt : -.05))) : e.key === "Escape" && re(!1), he();
 	}, we = () => {
 		let e = x.current;
 		E(!1), O(!0), e?.load();
@@ -2615,7 +2747,7 @@ var T = {
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ t("div", {
 							className: $.loaderScale,
-							children: /* @__PURE__ */ t(ht, {})
+							children: /* @__PURE__ */ t(yt, {})
 						})
 					}), /* @__PURE__ */ t("span", { children: "Загрузка видео" })]
 				}),
@@ -2683,7 +2815,7 @@ var T = {
 									let t = Number(e.target.value);
 									x.current && (x.current.playbackRate = t);
 								},
-								children: At.map((e) => /* @__PURE__ */ n("option", {
+								children: Pt.map((e) => /* @__PURE__ */ n("option", {
 									value: e,
 									children: [e, "×"]
 								}, e))
@@ -2770,7 +2902,7 @@ var T = {
 								children: [
 									/* @__PURE__ */ t("span", {
 										className: $.time,
-										children: Et(I)
+										children: At(I)
 									}),
 									/* @__PURE__ */ t("input", {
 										className: $.timeline,
@@ -2781,12 +2913,12 @@ var T = {
 										step: .01,
 										value: Math.min(I, R || 0),
 										"aria-label": "Позиция воспроизведения",
-										"aria-valuetext": `${Et(I)} из ${Et(R)}`,
+										"aria-valuetext": `${At(I)} из ${At(R)}`,
 										onChange: (e) => ye(Number(e.target.value))
 									}),
 									/* @__PURE__ */ t("span", {
 										className: $.time,
-										children: Et(R)
+										children: At(R)
 									})
 								]
 							}),
@@ -2826,7 +2958,7 @@ var T = {
 			children: a
 		})]
 	});
-}, Mt = {
+}, It = {
 	root: "_root_1tdda_1",
 	trigger: "_trigger_1tdda_15",
 	heading: "_heading_1tdda_41",
@@ -2836,7 +2968,7 @@ var T = {
 	open: "_open_1tdda_91",
 	content: "_content_1tdda_99",
 	contentInner: "_contentInner_1tdda_119"
-}, Nt = (e, t, n, r = 16) => {
+}, Lt = (e, t, n, r = 16) => {
 	if (t > Math.max(0, n - r * 2)) {
 		let t = e - r;
 		return Math.abs(t) <= 1 ? {
@@ -2858,7 +2990,7 @@ var T = {
 		alignment: "none",
 		delta: 0
 	};
-}, Pt = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: l, autoScrollOnOpen: u = !0, scrollOffset: p = 16, className: m = "" }) => {
+}, Rt = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: l, autoScrollOnOpen: u = !0, scrollOffset: p = 16, className: m = "" }) => {
 	let h = c(), [g, _] = f(a), v = o ?? g, y = d(null), b = d(null), x = d(v);
 	return s(() => {
 		let e = x.current;
@@ -2868,7 +3000,7 @@ var T = {
 		let r = !1, i = () => {
 			if (r) return;
 			r = !0;
-			let e = t.getBoundingClientRect(), n = Nt(e.top, e.height, window.innerHeight, p);
+			let e = t.getBoundingClientRect(), n = Lt(e.top, e.height, window.innerHeight, p);
 			if (n.alignment === "none") return;
 			let i = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
 			window.scrollBy({
@@ -2889,10 +3021,10 @@ var T = {
 		p
 	]), /* @__PURE__ */ n("section", {
 		ref: y,
-		className: `${Mt.root} ${v ? Mt.open : ""} ${m}`,
+		className: `${It.root} ${v ? It.open : ""} ${m}`,
 		children: [/* @__PURE__ */ n("button", {
 			type: "button",
-			className: Mt.trigger,
+			className: It.trigger,
 			"aria-expanded": v,
 			"aria-controls": h,
 			onClick: () => {
@@ -2900,16 +3032,16 @@ var T = {
 				o === void 0 && _(e), l?.(e);
 			},
 			children: [/* @__PURE__ */ n("span", {
-				className: Mt.heading,
+				className: It.heading,
 				children: [/* @__PURE__ */ t("span", {
-					className: Mt.title,
+					className: It.title,
 					children: e
 				}), r && /* @__PURE__ */ t("span", {
-					className: Mt.subtitle,
+					className: It.subtitle,
 					children: r
 				})]
 			}), /* @__PURE__ */ t("span", {
-				className: Mt.icon,
+				className: It.icon,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ t(A, {
 					name: "IconChevron",
@@ -2920,15 +3052,15 @@ var T = {
 		}), /* @__PURE__ */ t("div", {
 			ref: b,
 			id: h,
-			className: Mt.content,
+			className: It.content,
 			"aria-hidden": !v,
 			children: /* @__PURE__ */ t("div", {
-				className: Mt.contentInner,
+				className: It.contentInner,
 				children: i
 			})
 		})]
 	});
-}, Ft = ({ children: e, containerId: t = "overlay-root" }) => {
+}, zt = ({ children: e, containerId: t = "overlay-root" }) => {
 	let [n, r] = f(null);
 	return s(() => {
 		let e = document.getElementById(t);
@@ -2943,4 +3075,4 @@ var T = {
 	}, [t]), n ? p(e, n) : null;
 };
 //#endregion
-export { at as ConfirmModal, Pt as DSAccordion, b as DSBadge, w as DSButton, M as DSCheckbox, Se as DSDataTable, q as DSDateRange, G as DSDateTimePicker, ce as DSDropDown, De as DSDropDownMultiple, E as DSFieldLabel, D as DSFieldMessage, qe as DSFileInput, He as DSFilters, A as DSIcon, Re as DSInfoBlock, ke as DSInput, S as DSLoader, $e as DSModal, Qe as DSModalFrame, ht as DSPageLoader, Ft as DSPortal, Be as DSRadioButton, Ie as DSSearchDropDown, ne as DSSkeleton, ue as DSSort, vt as DSToast, St as DSToastProvider, Tt as DSTooltip, jt as DSVideoPlayerFrame, ot as ErrorModal, et as ModalSystemProvider, st as builtInModalRegistry, tt as defineModalRegistry, R as formatDateTimeLocalValue, Nt as getDSAccordionScrollTarget, fe as getDSDataTablePaginationItems, lt as getErrorMessage, oe as getNextEnabledOptionIndex, K as isValidDateRange, z as parseDateTimeLocalValue, Ye as resetModalStore, xt as resetToastStore, ct as useConfirmModal, dt as useConfirmModalStore, ut as useErrorModal, ft as useErrorModalStore, pt as useModals, Q as useModalsStore, Ct as useToast, bt as useToastStore, pe as validateDSDataTableData };
+export { lt as ConfirmModal, Rt as DSAccordion, b as DSBadge, w as DSButton, M as DSCheckbox, Se as DSDataTable, q as DSDateRange, G as DSDateTimePicker, ce as DSDropDown, De as DSDropDownMultiple, E as DSFieldLabel, D as DSFieldMessage, qe as DSFileInput, He as DSFilters, A as DSIcon, Re as DSInfoBlock, ke as DSInput, S as DSLoader, rt as DSModal, nt as DSModalFrame, yt as DSPageLoader, zt as DSPortal, Be as DSRadioButton, Ie as DSSearchDropDown, ne as DSSkeleton, ue as DSSort, Ze as DSTextarea, St as DSToast, Et as DSToastProvider, kt as DSTooltip, Ft as DSVideoPlayerFrame, ut as ErrorModal, it as ModalSystemProvider, dt as builtInModalRegistry, at as defineModalRegistry, R as formatDateTimeLocalValue, Lt as getDSAccordionScrollTarget, fe as getDSDataTablePaginationItems, pt as getErrorMessage, oe as getNextEnabledOptionIndex, K as isValidDateRange, z as parseDateTimeLocalValue, $e as resetModalStore, Tt as resetToastStore, ft as useConfirmModal, ht as useConfirmModalStore, mt as useErrorModal, gt as useErrorModalStore, _t as useModals, Q as useModalsStore, Dt as useToast, wt as useToastStore, pe as validateDSDataTableData };