@shtabapp/ui-kit 1.35.0 → 1.37.0

package/dist/index.js

@@ -2,40 +2,631 @@ import { n as e, r as t, t as n } from "./SBadge-BDxQJh6c.js";
 import { a as r, i, n as a, o, r as s, t as c } from "./SAvatar-q1HSZPqy.js";
 import { i as l, n as u, r as d, t as f } from "./SColorPicker-BnfGvKy4.js";
 import { a as p, i as m, n as h, o as g, r as _, t as v } from "./SColorPalette-D2WCADDX.js";
-import { a as y, i as b, r as x } from "./colorValue-CSh0chxp.js";
-import { n as S, t as C } from "./SAvatarGroup-By-5Ub6i.js";
-import { n as w, r as T, t as E } from "./SButton.types-CpdHQtyx.js";
-import { t as D } from "./SButton-DnU_XZ1C.js";
-import { a as O, n as k, o as A, r as j, t as M } from "./useSelectionGroup-cKj38lEN.js";
-import { n as N } from "./useSelectLink-DClG5hGA.js";
-import { n as P, t as F } from "./SButtonGroup-CmSlYnSv.js";
-import { n as I, r as L, t as R } from "./SCheckbox-BMKYFfrB.js";
-import { n as z, t as B } from "./SCard-CrU67ok0.js";
-import { t as V } from "./SSegmentControl-CmJEjfSR.js";
-import { n as H, r as U, t as W } from "./STab-DY1TGadw.js";
-import { t as G } from "./STabs-CTM8Nji_.js";
-import { i as K, n as q, r as J, t as Y } from "./useFloatingOverlay-QcumEYEq.js";
-import { n as ee, r as X, t as Z } from "./STag-CluIVRKi.js";
-import { t as Q } from "./STagGroup-wSpc3guU.js";
-import { n as $, r as te, t as ne } from "./SChip-TxpPE0VS.js";
-import { t as re } from "./SDropdown-CTQ5Qlez.js";
-import { n as ie, r as ae, t as oe } from "./SSelect-XSZjYLBA.js";
-import { n as se, t as ce } from "./SInput-CkanJfLx.js";
-import { n as le, t as ue } from "./SInlineMessage-Dirk5RwO.js";
-import { n as de, r as fe, t as pe } from "./SLabel-yzcX4qp5.js";
-import { a as me, o as he, s as ge, t as _e } from "./SList-B40rJ-PZ.js";
-import { n as ve, t as ye } from "./SListItem-DKrpL2SS.js";
-import { n as be, t as xe } from "./SRadio-Db_YLcne.js";
-import { n as Se, t as Ce } from "./SToggle-T7FKzMSo.js";
-import { n as we, t as Te } from "./SInlineInput-DHq5BNPn.js";
-import { t as Ee } from "./STextarea-ASdLqfpC.js";
-import { t as De } from "./SChartLine-G5CeC01A.js";
-import { t as Oe } from "./SChartStackedArea-RKK7aT7x.js";
-import { t as ke } from "./SChartStackedBar-CJunMhyb.js";
-import { t as Ae } from "./SChartHorizontalBar-DIn1sVoi.js";
-import { t as je } from "./SChartPie-_6ij1EVn.js";
-import { t as Me } from "./SChartProgress-CofVafO6.js";
-import { createUiKit as Ne, setUiKitLocale as Pe, uiKitLocaleEn as Fe, uiKitLocaleRu as Ie, useUiKitI18n as Le } from "@shtabapp/ui-kit-primitives";
+import { a as y, i as b, r as ee } from "./colorValue-CSh0chxp.js";
+import { n as te, t as ne } from "./SAvatarGroup-By-5Ub6i.js";
+import { n as x, r as S, t as C } from "./SButton.types-CpdHQtyx.js";
+import { t as w } from "./SButton-DnU_XZ1C.js";
+import { a as re, n as ie, o as ae, r as oe, t as se } from "./useSelectionGroup-cKj38lEN.js";
+import { n as ce } from "./useSelectLink-DClG5hGA.js";
+import { n as le, t as ue } from "./SButtonGroup-CmSlYnSv.js";
+import { n as de, r as fe, t as pe } from "./SCheckbox-BMKYFfrB.js";
+import { n as me, t as he } from "./SCard-CrU67ok0.js";
+import { t as ge } from "./SSegmentControl-CmJEjfSR.js";
+import { n as _e, r as ve, t as ye } from "./STab-DY1TGadw.js";
+import { t as be } from "./STabs-CTM8Nji_.js";
+import { i as xe, n as Se, r as Ce, t as we } from "./useFloatingOverlay-QcumEYEq.js";
+import { n as Te, r as Ee, t as De } from "./STag-CluIVRKi.js";
+import { t as Oe } from "./STagGroup-wSpc3guU.js";
+import { n as ke, r as Ae, t as je } from "./SChip-TxpPE0VS.js";
+import { t as Me } from "./SDropdown-CTQ5Qlez.js";
+import { n as Ne, r as Pe, t as Fe } from "./SSelect-XSZjYLBA.js";
+import { n as Ie, t as Le } from "./SInput-CkanJfLx.js";
+import { n as Re, t as ze } from "./SInlineMessage-Dirk5RwO.js";
+import { n as Be, r as Ve, t as He } from "./SLabel-yzcX4qp5.js";
+import { a as Ue, o as We, s as Ge, t as Ke } from "./SList-B40rJ-PZ.js";
+import { n as qe, t as Je } from "./SListItem-DKrpL2SS.js";
+import { n as Ye, t as Xe } from "./SRadio-Db_YLcne.js";
+import { n as Ze, t as Qe } from "./SToggle-T7FKzMSo.js";
+import { n as $e, t as et } from "./SInlineInput-DHq5BNPn.js";
+import { t as tt } from "./STextarea-ASdLqfpC.js";
+import { n as nt, r as rt, t as it } from "./SPhotoEdit-bXKHcP3x.js";
+import { t as at } from "./SChartLine-G5CeC01A.js";
+import { t as ot } from "./SChartStackedArea-RKK7aT7x.js";
+import { t as st } from "./SChartStackedBar-CJunMhyb.js";
+import { t as ct } from "./SChartHorizontalBar-DIn1sVoi.js";
+import { t as lt } from "./SChartPie-_6ij1EVn.js";
+import { t as ut } from "./SChartProgress-CofVafO6.js";
+import { Fragment as dt, Teleport as ft, computed as T, createBlock as E, createCommentVNode as D, createElementBlock as O, createElementVNode as k, createSlots as A, createTextVNode as j, createVNode as pt, defineComponent as M, mergeProps as mt, normalizeClass as ht, normalizeStyle as N, onMounted as gt, openBlock as P, ref as F, renderList as _t, renderSlot as I, resolveDynamicComponent as vt, shallowRef as L, toDisplayString as R, unref as z, useSlots as B, watch as yt, withCtx as V } from "vue";
+import { ESIconName as H, SIcon as bt, createUiKit as xt, setUiKitLocale as St, uiKitLocaleEn as Ct, uiKitLocaleRu as wt, useUiKitI18n as Tt } from "@shtabapp/ui-kit-primitives";
+import { useResizeObserver as Et } from "@vueuse/core";
 export * from "@shtabapp/ui-kit-primitives";
 export * from "@shtabapp/ui-kit-tokens";
-export { m as DEFAULT_COLOR_PALETTE, p as EAccentColor, E as EButtonAppearance, P as EButtonGroupLayout, w as EButtonSize, w as ESSegmentControlSize, T as EButtonVariant, g as EColorFormat, J as EConnectedPositionStrategy, a as ESAvatarBadge, s as ESAvatarColor, S as ESAvatarGroupSize, i as ESAvatarIconBackground, r as ESAvatarShape, o as ESAvatarSize, e as ESBadgeColor, t as ESBadgePlacement, z as ESCardLayout, I as ESCheckboxColor, L as ESCheckboxSize, $ as ESChipColor, te as ESChipSize, h as ESColorPaletteLayout, K as ESDropdownPlacement, we as ESInlineInputAppearance, le as ESInlineMessageValidationStatus, se as ESInputCustomize, de as ESLabelSize, fe as ESLabelVariant, me as ESListGap, ve as ESListItemVariant, be as ESRadioLabelPlacement, ie as ESSelectSearchable, H as ESTabAppearance, U as ESTabSize, ee as ESTagColor, X as ESTagSize, Se as ESToggleSize, M as ESelectionFocusMode, k as ESelectionMode, j as ESelectionOrientation, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, C as SAvatarGroup, n as SBadge, D as SButton, F as SButtonGroup, B as SCard, Ae as SChartHorizontalBar, De as SChartLine, je as SChartPie, Me as SChartProgress, Oe as SChartStackedArea, ke as SChartStackedBar, R as SCheckbox, ne as SChip, d as SColorArea, v as SColorPalette, f as SColorPicker, u as SColorValues, re as SDropdown, ae as SDropdownMenu, Te as SInlineInput, ue as SInlineMessage, ce as SInput, pe as SLabel, _e as SList, ye as SListItem, xe as SRadio, V as SSegmentControl, oe as SSelect, W as STab, G as STabs, Z as STag, Q as STagGroup, Ee as STextarea, Ce as SToggle, q as computeConnectedPosition, Ne as createUiKit, x as isSameColor, b as normalizeColorValue, y as resolveColorPreview, O as resolveOwnPropOrGroupedOrFallback, Pe as setUiKitLocale, Fe as uiKitLocaleEn, Ie as uiKitLocaleRu, ge as useFlatTreeList, Y as useFloatingOverlay, he as useSListEndReached, A as useSelectionGroup, N as useSelectionGroupItem, Le as useUiKitI18n };
+//#region src/components/SNotification/SNotification.types.ts
+var U = /* @__PURE__ */ function(e) {
+	return e.INFO_ACCENT = "info-accent", e.INFO_NORMAL = "info-normal", e.SUCCESS = "success", e.WARNING = "warning", e.DANGER = "danger", e.BILLING = "billing", e;
+}({}), W = /* @__PURE__ */ function(e) {
+	return e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e;
+}({}), G = /* @__PURE__ */ function(e) {
+	return e.ICON = "icon", e.AVATAR = "avatar", e;
+}({}), K = /* @__PURE__ */ function(e) {
+	return e.BANNER = "banner", e.TOAST = "toast", e;
+}({}), Dt = {
+	[U.INFO_ACCENT]: H.infoCircle,
+	[U.INFO_NORMAL]: H.infoCircle,
+	[U.SUCCESS]: H.checkCircle,
+	[U.WARNING]: H.alertCircle,
+	[U.DANGER]: H.dangerCircleFill,
+	[U.BILLING]: H.infoCircle
+}, Ot = (e, t) => t || Dt[e], kt = ["role"], At = { class: "s-ui-notification__body" }, jt = {
+	key: 0,
+	class: "s-ui-notification__leftside"
+}, Mt = {
+	key: 0,
+	class: "s-ui-notification__icon"
+}, Nt = { class: "s-ui-notification__content" }, Pt = { class: "s-ui-notification__title-row" }, Ft = { class: "s-ui-notification__title s-ui-typography-label-14-medium" }, It = {
+	key: 0,
+	class: "s-ui-notification__description-block"
+}, Lt = {
+	key: 0,
+	class: "s-ui-notification__description s-ui-typography-label-12-medium"
+}, Rt = {
+	key: 1,
+	class: "s-ui-notification__actions-stack"
+}, zt = {
+	key: 1,
+	class: "s-ui-notification__actions-row"
+}, q = /* @__PURE__ */ M({
+	__name: "SNotification",
+	props: {
+		type: { default: () => U.INFO_ACCENT },
+		layout: { default: () => W.HORIZONTAL },
+		leftside: { default: () => G.ICON },
+		surface: { default: () => K.BANNER },
+		title: {},
+		description: {},
+		linkText: {},
+		primaryButtonText: {},
+		secondaryButtonText: {},
+		showPrimaryButton: {
+			type: Boolean,
+			default: !1
+		},
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		closeAriaLabel: { default: "" },
+		icon: {},
+		avatar: {},
+		width: {},
+		maxWidth: {}
+	},
+	emits: [
+		"close",
+		"linkClick",
+		"primaryAction",
+		"secondaryAction"
+	],
+	setup(e, { emit: t }) {
+		let n = t, r = B(), i = T(() => [
+			`s-ui-notification--type-${e.type}`,
+			`s-ui-notification--layout-${e.layout}`,
+			`s-ui-notification--surface-${e.surface}`
+		]), a = T(() => {
+			let t = {};
+			return e.width && (t.width = typeof e.width == "number" ? `${e.width}px` : e.width), e.maxWidth && (t.maxWidth = typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth), t;
+		}), s = T(() => e.type === U.DANGER ? "alert" : "status"), l = T(() => Ot(e.type, e.icon)), u = T(() => e.type === U.BILLING), d = T(() => !!(e.leftside === G.AVATAR && e.avatar || e.leftside === G.ICON)), f = T(() => !!(e.description || e.linkText || r.description)), p = T(() => e.showPrimaryButton && (e.primaryButtonText || e.secondaryButtonText)), m = T(() => e.showPrimaryButton && e.primaryButtonText || e.closable), h = T(() => e.type === U.BILLING ? C.MAJOR : C.OUTLINED), g = T(() => e.type === U.BILLING ? S.BILLING : S.MAIN), _ = () => {
+			n("close");
+		}, v = () => {
+			n("linkClick");
+		}, y = () => {
+			n("primaryAction");
+		}, b = () => {
+			n("secondaryAction");
+		};
+		return (t, n) => (P(), O("div", {
+			class: ht(["s-ui-notification", i.value]),
+			style: N(a.value),
+			role: s.value
+		}, [k("div", At, [
+			d.value ? (P(), O("div", jt, [e.leftside === z(G).ICON ? (P(), O("div", Mt, [pt(z(bt), {
+				name: l.value,
+				size: 16,
+				billing: u.value
+			}, null, 8, ["name", "billing"])])) : e.leftside === z(G).AVATAR && e.avatar ? (P(), E(z(c), {
+				key: 1,
+				name: e.avatar.name,
+				src: e.avatar.src,
+				badge: e.avatar.badge,
+				size: z(o).SIZE_20,
+				showName: !1
+			}, null, 8, [
+				"name",
+				"src",
+				"badge",
+				"size"
+			])) : D("", !0)])) : D("", !0),
+			k("div", Nt, [
+				k("div", Pt, [k("span", Ft, [I(t.$slots, "title", {}, () => [j(R(e.title), 1)])]), e.layout === z(W).VERTICAL && e.closable ? (P(), E(z(w), {
+					key: 0,
+					class: "s-ui-notification__close",
+					appearance: z(C).BARE,
+					variant: z(S).NEUTRAL,
+					size: z(x).SMALL,
+					"aria-label": e.closeAriaLabel,
+					icon: "closeMini",
+					onClick: _
+				}, null, 8, [
+					"appearance",
+					"variant",
+					"size",
+					"aria-label"
+				])) : D("", !0)]),
+				f.value ? (P(), O("div", It, [e.description || z(r).description ? (P(), O("span", Lt, [I(t.$slots, "description", {}, () => [j(R(e.description), 1)])])) : D("", !0), e.linkText ? (P(), E(z(w), {
+					key: 1,
+					class: "s-ui-notification__link",
+					appearance: z(C).BARE,
+					variant: z(S).MAIN,
+					size: z(x).SMALL,
+					onClick: v
+				}, {
+					default: V(() => [j(R(e.linkText), 1)]),
+					_: 1
+				}, 8, [
+					"appearance",
+					"variant",
+					"size"
+				])) : D("", !0)])) : D("", !0),
+				e.layout === z(W).VERTICAL && p.value ? (P(), O("div", Rt, [e.showPrimaryButton && e.primaryButtonText ? (P(), E(z(w), {
+					key: 0,
+					appearance: h.value,
+					variant: g.value,
+					size: z(x).SMALL,
+					onClick: y
+				}, {
+					default: V(() => [j(R(e.primaryButtonText), 1)]),
+					_: 1
+				}, 8, [
+					"appearance",
+					"variant",
+					"size"
+				])) : D("", !0), e.showPrimaryButton && e.secondaryButtonText ? (P(), E(z(w), {
+					key: 1,
+					appearance: z(C).BARE,
+					variant: z(S).NEUTRAL,
+					size: z(x).SMALL,
+					onClick: b
+				}, {
+					default: V(() => [j(R(e.secondaryButtonText), 1)]),
+					_: 1
+				}, 8, [
+					"appearance",
+					"variant",
+					"size"
+				])) : D("", !0)])) : D("", !0)
+			]),
+			e.layout === z(W).HORIZONTAL && m.value ? (P(), O("div", zt, [e.showPrimaryButton && e.primaryButtonText ? (P(), E(z(w), {
+				key: 0,
+				appearance: h.value,
+				variant: g.value,
+				size: z(x).SMALL,
+				onClick: y
+			}, {
+				default: V(() => [j(R(e.primaryButtonText), 1)]),
+				_: 1
+			}, 8, [
+				"appearance",
+				"variant",
+				"size"
+			])) : D("", !0), e.layout === z(W).HORIZONTAL && e.closable ? (P(), E(z(w), {
+				key: 1,
+				class: "s-ui-notification__close",
+				appearance: z(C).BARE,
+				variant: z(S).NEUTRAL,
+				size: z(x).SMALL,
+				"aria-label": e.closeAriaLabel,
+				icon: "closeMini",
+				onClick: _
+			}, null, 8, [
+				"appearance",
+				"variant",
+				"size",
+				"aria-label"
+			])) : D("", !0)])) : D("", !0)
+		])], 14, kt));
+	}
+}), Bt = /* @__PURE__ */ M({
+	__name: "SBanner",
+	props: {
+		type: { default: () => U.INFO_ACCENT },
+		layout: { default: () => W.HORIZONTAL },
+		leftside: { default: () => G.ICON },
+		title: {},
+		description: {},
+		linkText: {},
+		primaryButtonText: {},
+		secondaryButtonText: {},
+		showPrimaryButton: {
+			type: Boolean,
+			default: !1
+		},
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		closeAriaLabel: { default: "" },
+		icon: {},
+		avatar: {},
+		maxWidth: {}
+	},
+	emits: [
+		"close",
+		"linkClick",
+		"primaryAction",
+		"secondaryAction"
+	],
+	setup(e, { emit: t }) {
+		let n = t, r = B();
+		return (t, i) => (P(), E(q, {
+			class: "s-ui-banner",
+			"data-qa": "ui:banner",
+			type: e.type,
+			layout: e.layout,
+			leftside: e.leftside,
+			surface: z(K).BANNER,
+			title: e.title,
+			description: e.description,
+			linkText: e.linkText,
+			primaryButtonText: e.primaryButtonText,
+			secondaryButtonText: e.secondaryButtonText,
+			showPrimaryButton: e.showPrimaryButton,
+			closable: e.closable,
+			closeAriaLabel: e.closeAriaLabel,
+			icon: e.icon,
+			avatar: e.avatar,
+			maxWidth: e.maxWidth,
+			onClose: i[0] ||= (e) => n("close"),
+			onLinkClick: i[1] ||= (e) => n("linkClick"),
+			onPrimaryAction: i[2] ||= (e) => n("primaryAction"),
+			onSecondaryAction: i[3] ||= (e) => n("secondaryAction")
+		}, A({ _: 2 }, [z(r).title ? {
+			name: "title",
+			fn: V(() => [I(t.$slots, "title")]),
+			key: "0"
+		} : void 0, z(r).description ? {
+			name: "description",
+			fn: V(() => [I(t.$slots, "description")]),
+			key: "1"
+		} : void 0]), 1032, [
+			"type",
+			"layout",
+			"leftside",
+			"surface",
+			"title",
+			"description",
+			"linkText",
+			"primaryButtonText",
+			"secondaryButtonText",
+			"showPrimaryButton",
+			"closable",
+			"closeAriaLabel",
+			"icon",
+			"avatar",
+			"maxWidth"
+		]));
+	}
+}), J = /* @__PURE__ */ M({
+	__name: "SToast",
+	props: {
+		type: { default: () => U.INFO_ACCENT },
+		layout: { default: () => W.HORIZONTAL },
+		leftside: { default: () => G.ICON },
+		title: {},
+		description: {},
+		linkText: {},
+		primaryButtonText: {},
+		secondaryButtonText: {},
+		showPrimaryButton: {
+			type: Boolean,
+			default: !1
+		},
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		closeAriaLabel: { default: "" },
+		icon: {},
+		avatar: {},
+		width: {}
+	},
+	emits: [
+		"close",
+		"linkClick",
+		"primaryAction",
+		"secondaryAction"
+	],
+	setup(e, { emit: t }) {
+		let n = t, r = B(), i = T(() => e.width ?? 360);
+		return (t, a) => (P(), E(q, {
+			class: "s-ui-toast",
+			"data-qa": "ui:toast",
+			type: e.type,
+			layout: e.layout,
+			leftside: e.leftside,
+			surface: z(K).TOAST,
+			title: e.title,
+			description: e.description,
+			linkText: e.linkText,
+			primaryButtonText: e.primaryButtonText,
+			secondaryButtonText: e.secondaryButtonText,
+			showPrimaryButton: e.showPrimaryButton,
+			closable: e.closable,
+			closeAriaLabel: e.closeAriaLabel,
+			icon: e.icon,
+			avatar: e.avatar,
+			width: i.value,
+			onClose: a[0] ||= (e) => n("close"),
+			onLinkClick: a[1] ||= (e) => n("linkClick"),
+			onPrimaryAction: a[2] ||= (e) => n("primaryAction"),
+			onSecondaryAction: a[3] ||= (e) => n("secondaryAction")
+		}, A({ _: 2 }, [z(r).title ? {
+			name: "title",
+			fn: V(() => [I(t.$slots, "title")]),
+			key: "0"
+		} : void 0, z(r).description ? {
+			name: "description",
+			fn: V(() => [I(t.$slots, "description")]),
+			key: "1"
+		} : void 0]), 1032, [
+			"type",
+			"layout",
+			"leftside",
+			"surface",
+			"title",
+			"description",
+			"linkText",
+			"primaryButtonText",
+			"secondaryButtonText",
+			"showPrimaryButton",
+			"closable",
+			"closeAriaLabel",
+			"icon",
+			"avatar",
+			"width"
+		]));
+	}
+}), Vt = .05, Ht = [
+	"data-mounted",
+	"data-front",
+	"data-expanded",
+	"data-removed",
+	"data-visible"
+], Ut = /* @__PURE__ */ M({
+	__name: "SToastProviderToast",
+	props: {
+		index: {},
+		expanded: { type: Boolean },
+		frontToastHeight: {},
+		stackPeek: {},
+		removed: { type: Boolean },
+		visible: { type: Boolean },
+		offsetY: {}
+	},
+	emits: ["heightChange"],
+	setup(e, { emit: t }) {
+		let n = t, r = F(null), i = F(0), a = F(!1), o = T(() => e.index === 0), s = T(() => 1 - e.index * Vt), c = T(() => ({
+			"--s-ui-toast-provider-toasts-before": String(e.index),
+			"--s-ui-toast-provider-lift-amount": `${e.stackPeek * -1}px`,
+			"--s-ui-toast-provider-front-toast-height": `${e.frontToastHeight}px`,
+			"--s-ui-toast-provider-offset-y": `${e.offsetY}px`,
+			"--s-ui-toast-provider-initial-height": `${i.value}px`,
+			"--s-ui-toast-provider-stack-scale": String(s.value),
+			zIndex: String(1e3 - e.index)
+		}));
+		return Et(r, (e) => {
+			let t = e[0]?.contentRect.height ?? 0;
+			t !== i.value && (i.value = t, n("heightChange", t));
+		}), gt(() => {
+			requestAnimationFrame(() => {
+				requestAnimationFrame(() => {
+					a.value = !0;
+				});
+			});
+		}), (t, n) => (P(), O("div", {
+			class: "s-ui-toast-provider__toast",
+			"data-mounted": a.value,
+			"data-front": o.value,
+			"data-expanded": e.expanded,
+			"data-removed": e.removed,
+			"data-visible": e.visible,
+			style: N(c.value)
+		}, [k("div", {
+			ref_key: "contentRef",
+			ref: r,
+			class: "s-ui-toast-provider__toast-content"
+		}, [I(t.$slots, "default")], 512)], 12, Ht));
+	}
+}), Y = 4e3, X = 1e4, Wt = 50, Gt = (e, t) => {
+	let n = Y + (e.length + (t?.length ?? 0)) * 50;
+	return n > 1e4 ? X : n;
+}, Z = L([]), Q = /* @__PURE__ */ new Map(), Kt = 0, qt = {
+	type: U.INFO_ACCENT,
+	layout: W.HORIZONTAL,
+	leftside: G.ICON,
+	showPrimaryButton: !1,
+	closable: !0
+}, Jt = () => `toast-${Date.now()}-${++Kt}`, $ = (e) => {
+	let t = Q.get(e);
+	t && (window.clearTimeout(t), Q.delete(e));
+}, Yt = (e) => {
+	$(e.id);
+	let t = e.duration === void 0 ? Gt(e.title, e.description) : e.duration;
+	if (t > 0) {
+		let n = window.setTimeout(() => {
+			Xt(e.id);
+		}, t);
+		Q.set(e.id, n);
+	}
+}, Xt = (e) => {
+	let t = Z.value.findIndex((t) => t.id === e);
+	if (t === -1) return;
+	let n = Z.value[t];
+	n && ($(e), n.onClose && n.onClose(), Z.value = Z.value.filter((t) => t.id !== e));
+}, Zt = () => {
+	Q.forEach((e) => window.clearTimeout(e)), Q.clear(), Z.value = [];
+}, Qt = (e) => e.length <= 3 ? e : (e.slice(3).forEach((e) => {
+	$(e.id);
+}), e.slice(0, 3)), $t = (e) => {
+	let t = e.id ?? Jt(), n = {
+		...qt,
+		...e,
+		id: t
+	}, r = Z.value.findIndex((e) => e.id === t);
+	if (r > -1) {
+		let e = [...Z.value];
+		e[r] = n, Z.value = Qt(e);
+	} else Z.value = Qt([n, ...Z.value]);
+	return Yt(n), t;
+}, en = (e, t) => {
+	let n = Z.value.findIndex((t) => t.id === e);
+	if (n === -1) return;
+	let r = Z.value[n];
+	if (!r) return;
+	let i = {
+		...r,
+		...t,
+		id: r.id
+	}, a = [...Z.value];
+	a[n] = i, Z.value = a, Yt(i);
+}, tn = () => ({
+	toasts: Z,
+	show: $t,
+	hide: Xt,
+	hideAll: Zt,
+	update: en
+}), nn = /* @__PURE__ */ M({
+	__name: "SToastProvider",
+	setup(e) {
+		let { toasts: t, hide: n } = tn(), r = T(() => t.value.slice(0, 3)), i = F(!1), a = L({}), o = F(/* @__PURE__ */ new Set()), s = T(() => t.value[0] ?? null), c = T(() => s.value ? a.value[s.value.id] ?? 0 : 0), l = F(0), u = T(() => c.value > 0 ? c.value : l.value);
+		yt(c, (e) => {
+			e > 0 && (l.value = e);
+		});
+		let d = T(() => {
+			if (r.value.length === 0) return {};
+			if (i.value) return { height: `${r.value.reduce((e, t, n) => {
+				let r = a.value[t.id] ?? 0, i = n > 0 ? 4 : 0;
+				return e + r + i;
+			}, 0)}px` };
+			let e = Math.min(r.value.length - 1, 2) * 10;
+			return { height: `${u.value + e}px` };
+		}), f = (e) => {
+			let t = 0;
+			for (let n = 0; n < e; n += 1) {
+				let e = r.value[n];
+				e && (t += (a.value[e.id] ?? 0) + 4);
+			}
+			return t;
+		}, p = (e) => o.value.has(e), m = () => {
+			r.value.length > 1 && (i.value = !0);
+		}, h = () => {
+			i.value = !1;
+		}, g = (e, t) => {
+			a.value = {
+				...a.value,
+				[e]: t
+			};
+		}, _ = (e) => {
+			o.value.has(e) || (o.value = new Set([...o.value, e]), window.setTimeout(() => {
+				n(e);
+				let t = new Set(o.value);
+				t.delete(e), o.value = t;
+				let r = { ...a.value };
+				delete r[e], a.value = r;
+			}, 200));
+		}, v = (e) => {
+			e.onLinkClick && e.onLinkClick();
+		}, y = (e) => {
+			e.onPrimaryAction && e.onPrimaryAction(e.id);
+		}, b = (e) => {
+			e.onSecondaryAction && e.onSecondaryAction();
+		};
+		return (e, t) => (P(), E(ft, { to: "body" }, [k("div", {
+			class: "s-ui-toast-provider",
+			onMouseenter: m,
+			onMouseleave: h
+		}, [r.value.length > 0 ? (P(), O("div", {
+			key: 0,
+			class: "s-ui-toast-provider__list",
+			style: N(d.value)
+		}, [(P(!0), O(dt, null, _t(r.value, (t, n) => (P(), E(Ut, {
+			key: t.id,
+			index: n,
+			expanded: i.value,
+			"front-toast-height": u.value,
+			"stack-peek": z(10),
+			removed: p(t.id),
+			visible: n < z(3),
+			"offset-y": f(n),
+			onHeightChange: (e) => g(t.id, e)
+		}, {
+			default: V(() => [I(e.$slots, "toast", { toast: t }, () => [t.component ? (P(), E(vt(t.component), mt({
+				key: 0,
+				ref_for: !0
+			}, t.componentProps, {
+				toast: t,
+				onClose: (e) => _(t.id)
+			}), null, 16, ["toast", "onClose"])) : (P(), E(z(J), {
+				key: 1,
+				type: t.type,
+				layout: t.layout,
+				leftside: t.leftside,
+				title: t.title,
+				description: t.description,
+				linkText: t.linkText,
+				primaryButtonText: t.primaryButtonText,
+				secondaryButtonText: t.secondaryButtonText,
+				showPrimaryButton: t.showPrimaryButton,
+				closable: t.closable,
+				closeAriaLabel: t.closeAriaLabel,
+				icon: t.icon,
+				avatar: t.avatar,
+				width: t.width,
+				onClose: (e) => _(t.id),
+				onLinkClick: (e) => v(t),
+				onPrimaryAction: (e) => y(t),
+				onSecondaryAction: (e) => b(t)
+			}, null, 8, [
+				"type",
+				"layout",
+				"leftside",
+				"title",
+				"description",
+				"linkText",
+				"primaryButtonText",
+				"secondaryButtonText",
+				"showPrimaryButton",
+				"closable",
+				"closeAriaLabel",
+				"icon",
+				"avatar",
+				"width",
+				"onClose",
+				"onLinkClick",
+				"onPrimaryAction",
+				"onSecondaryAction"
+			]))])]),
+			_: 2
+		}, 1032, [
+			"index",
+			"expanded",
+			"front-toast-height",
+			"stack-peek",
+			"removed",
+			"visible",
+			"offset-y",
+			"onHeightChange"
+		]))), 128))], 4)) : D("", !0)], 32)]));
+	}
+});
+//#endregion
+export { m as DEFAULT_COLOR_PALETTE, p as EAccentColor, C as EButtonAppearance, le as EButtonGroupLayout, x as EButtonSize, x as ESSegmentControlSize, S as EButtonVariant, g as EColorFormat, Ce as EConnectedPositionStrategy, W as ENotificationLayout, G as ENotificationLeftside, U as ENotificationType, a as ESAvatarBadge, s as ESAvatarColor, te as ESAvatarGroupSize, i as ESAvatarIconBackground, r as ESAvatarShape, o as ESAvatarSize, e as ESBadgeColor, t as ESBadgePlacement, me as ESCardLayout, de as ESCheckboxColor, fe as ESCheckboxSize, ke as ESChipColor, Ae as ESChipSize, h as ESColorPaletteLayout, xe as ESDropdownPlacement, $e as ESInlineInputAppearance, Re as ESInlineMessageValidationStatus, Ie as ESInputCustomize, Be as ESLabelSize, Ve as ESLabelVariant, Ue as ESListGap, qe as ESListItemVariant, nt as ESPhotoEditShape, rt as ESPhotoEditSize, Ye as ESRadioLabelPlacement, Ne as ESSelectSearchable, _e as ESTabAppearance, ve as ESTabSize, Te as ESTagColor, Ee as ESTagSize, Ze as ESToggleSize, se as ESelectionFocusMode, ie as ESelectionMode, oe as ESelectionOrientation, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, ne as SAvatarGroup, n as SBadge, Bt as SBanner, w as SButton, ue as SButtonGroup, he as SCard, ct as SChartHorizontalBar, at as SChartLine, lt as SChartPie, ut as SChartProgress, ot as SChartStackedArea, st as SChartStackedBar, pe as SCheckbox, je as SChip, d as SColorArea, v as SColorPalette, f as SColorPicker, u as SColorValues, Me as SDropdown, Pe as SDropdownMenu, et as SInlineInput, ze as SInlineMessage, Le as SInput, He as SLabel, Ke as SList, Je as SListItem, it as SPhotoEdit, Xe as SRadio, ge as SSegmentControl, Fe as SSelect, ye as STab, be as STabs, De as STag, Oe as STagGroup, tt as STextarea, J as SToast, nn as SToastProvider, Qe as SToggle, X as TOAST_AUTO_DURATION_MAX_MS, Y as TOAST_AUTO_DURATION_MIN_MS, Wt as TOAST_AUTO_DURATION_MS_PER_CHAR, Gt as computeAutoDuration, Se as computeConnectedPosition, xt as createUiKit, ee as isSameColor, b as normalizeColorValue, y as resolveColorPreview, re as resolveOwnPropOrGroupedOrFallback, St as setUiKitLocale, Ct as uiKitLocaleEn, wt as uiKitLocaleRu, Ge as useFlatTreeList, we as useFloatingOverlay, We as useSListEndReached, ae as useSelectionGroup, ce as useSelectionGroupItem, tn as useToast, Tt as useUiKitI18n };