@shtabapp/ui-kit 1.65.0 → 1.66.0

package/dist/index.js

@@ -1,6 +1,6 @@
 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-hWbsODUa.js";
-import { i as l, n as u, r as d, t as f } from "./SColorPicker-B8x6qO8A.js";
+import { i as l, n as u, r as d, t as f } from "./SColorPicker-C_161aLA.js";
 import { a as p, i as m, n as h, o as g, r as _, t as v } from "./SColorPalette-OCu-tgZ3.js";
 import { a as y, i as b, r as ee } from "./colorValue-CSh0chxp.js";
 import { n as te, t as ne } from "./SAvatarGroup-CSSCQKdH.js";
@@ -13,46 +13,46 @@ import { n as _e, t as ve } from "./SCard-DgGxjBUV.js";
 import { n as ye, t as be } from "./SSegmentControl-Bjech2v4.js";
 import { n as xe, r as Se, t as Ce } from "./STab-ltjZBvbK.js";
 import { t as we } from "./STabs-BbABxzdN.js";
-import { i as Te, n as Ee, r as De, t as Oe } from "./useFloatingOverlay-QcumEYEq.js";
-import { n as ke, r as Ae, t as je } from "./STag-BJV5gtD6.js";
-import { t as Me } from "./STagGroup-DnNdOCrX.js";
-import { n as Ne, r as Pe, t as Fe } from "./SChip-DBlJ-4jv.js";
-import { n as Ie, t as Le } from "./SDropdown-LOTCtlCX.js";
-import { t as Re } from "./SDropdownMenu-2koPU6IG.js";
-import { n as ze, t as Be } from "./SInput-CqC-jrCC.js";
-import { n as Ve, t as He } from "./SInlineMessage-Dirk5RwO.js";
-import { n as Ue, r as We, t as Ge } from "./SLabel-FHHPlcKq.js";
-import { a as Ke, s as qe } from "./treeKeyboardNavigation-SmxTdnDz.js";
-import { n as Je, t as Ye } from "./SListItem-Chd81xY0.js";
-import { a as Xe, t as Ze } from "./SList-Bxet9twB.js";
-import { n as Qe, t as $e } from "./SSelect-BLc_92_w.js";
-import { n as et, t as tt } from "./SRadio-D6_Pd6XX.js";
-import { n as nt, r as rt, t as it } from "./SToggle-sGw-LSNd.js";
-import { n as at, t as ot } from "./SInlineInput-DO_glYxP.js";
-import { t as st } from "./STextarea-BDyy7Ku5.js";
-import { n as ct, r as lt, t as ut } from "./SPhotoEdit-COkIQFxd.js";
+import { a as Te, i as Ee, n as De, r as Oe, t as ke } from "./useFloatingOverlay-B1BvRxLz.js";
+import { n as Ae, r as je, t as Me } from "./STag-BJV5gtD6.js";
+import { t as Ne } from "./STagGroup-DnNdOCrX.js";
+import { n as Pe, r as Fe, t as Ie } from "./SChip-DBlJ-4jv.js";
+import { n as Le, t as Re } from "./SDropdown-CiXHI3g1.js";
+import { t as ze } from "./SDropdownMenu-2koPU6IG.js";
+import { n as Be, t as Ve } from "./SInput-CqC-jrCC.js";
+import { n as He, t as Ue } from "./SInlineMessage-Dirk5RwO.js";
+import { n as We, r as Ge, t as Ke } from "./SLabel-FHHPlcKq.js";
+import { a as qe, s as Je } from "./treeKeyboardNavigation-SmxTdnDz.js";
+import { n as Ye, t as Xe } from "./SListItem-Chd81xY0.js";
+import { a as Ze, t as Qe } from "./SList-Bxet9twB.js";
+import { n as $e, t as et } from "./SSelect-C3-8vi2u.js";
+import { n as tt, t as nt } from "./SRadio-D6_Pd6XX.js";
+import { n as rt, r as it, t as at } from "./SToggle-sGw-LSNd.js";
+import { n as ot, t as st } from "./SInlineInput-DO_glYxP.js";
+import { t as ct } from "./STextarea-BDyy7Ku5.js";
+import { n as lt, r as ut, t as dt } from "./SPhotoEdit-COkIQFxd.js";
 import { t as T } from "./SChartLegend-oZoF8XK7.js";
-import { C as dt, S as E, g as D, n as ft, r as pt, t as mt, w as ht } from "./useChartInteractivity-BATdT86l.js";
-import { t as gt } from "./SChartLine-Cs1JzPEK.js";
-import { t as _t } from "./resolveSeriesPaletteColor-DcLSyk-D.js";
-import { t as vt } from "./SChartStackedArea-BQGnKp1i.js";
-import { t as yt } from "./SChartStackedBar-fiUU9lNp.js";
-import { t as bt } from "./SChartHorizontalBar-DDo6TfE8.js";
-import { t as xt } from "./SChartPie-Bt3o7LZI.js";
-import { t as St } from "./SChartMultiLine-DqCQ7FCv.js";
-import { t as Ct } from "./SChartBurnup-DyJHdRlf.js";
-import { t as wt } from "./useHasListener-RSjlUyqH.js";
-import { t as Tt } from "./SChartBar-BVgwPlYi.js";
-import { t as Et } from "./SChartProgress-uMg4DBpS.js";
-import { a as Dt, c as Ot, i as kt, l as At, n as jt, o as Mt, r as Nt, s as Pt, t as Ft, u as It } from "./buildWorkTimeLegendItems-ChGHTwbn.js";
-import { a as Lt, c as Rt, d as zt, f as Bt, i as Vt, l as Ht, n as Ut, o as Wt, r as Gt, s as Kt, t as qt, u as Jt } from "./STable-CfRGPFmm.js";
-import { Fragment as Yt, Teleport as Xt, computed as O, createBlock as k, createCommentVNode as A, createElementBlock as j, createElementVNode as M, createSlots as Zt, createTextVNode as N, createVNode as Qt, defineComponent as P, mergeModels as $t, mergeProps as en, normalizeClass as F, normalizeStyle as I, onMounted as tn, openBlock as L, ref as R, renderList as nn, renderSlot as z, resolveDynamicComponent as rn, shallowRef as B, toDisplayString as V, unref as H, useModel as an, useSlots as U, useTemplateRef as W, watch as on, withCtx as G } from "vue";
-import { ESIconName as K, SIcon as sn, createUiKit as cn, setUiKitLocale as ln, uiKitLocaleEn as un, uiKitLocaleRu as dn, useUiKitI18n as fn, useUiKitI18n as pn } from "@shtabapp/ui-kit-primitives";
-import { useResizeObserver as mn } from "@vueuse/core";
+import { C as ft, S as E, g as D, n as pt, r as mt, t as ht, w as gt } from "./useChartInteractivity-BATdT86l.js";
+import { t as _t } from "./SChartLine-Cs1JzPEK.js";
+import { t as vt } from "./resolveSeriesPaletteColor-DcLSyk-D.js";
+import { t as yt } from "./SChartStackedArea-BQGnKp1i.js";
+import { t as bt } from "./SChartStackedBar-fiUU9lNp.js";
+import { t as xt } from "./SChartHorizontalBar-DDo6TfE8.js";
+import { t as St } from "./SChartPie-Bt3o7LZI.js";
+import { t as Ct } from "./SChartMultiLine-DqCQ7FCv.js";
+import { t as wt } from "./SChartBurnup-DyJHdRlf.js";
+import { t as Tt } from "./useHasListener-RSjlUyqH.js";
+import { t as Et } from "./SChartBar-BVgwPlYi.js";
+import { t as Dt } from "./SChartProgress-uMg4DBpS.js";
+import { a as Ot, c as kt, i as At, l as jt, n as Mt, o as Nt, r as Pt, s as Ft, t as It, u as Lt } from "./buildWorkTimeLegendItems-ChGHTwbn.js";
+import { a as Rt, c as zt, d as Bt, f as Vt, i as Ht, l as Ut, n as Wt, o as Gt, r as Kt, s as qt, t as Jt, u as Yt } from "./STable-CADyNvk8.js";
+import { Fragment as Xt, Teleport as Zt, computed as O, createBlock as k, createCommentVNode as A, createElementBlock as j, createElementVNode as M, createSlots as Qt, createTextVNode as N, createVNode as $t, defineComponent as P, mergeModels as en, mergeProps as tn, normalizeClass as F, normalizeStyle as I, onMounted as nn, openBlock as L, ref as R, renderList as rn, renderSlot as z, resolveDynamicComponent as an, shallowRef as B, toDisplayString as V, unref as H, useModel as on, useSlots as U, useTemplateRef as W, watch as sn, withCtx as G } from "vue";
+import { ESIconName as K, SIcon as cn, createUiKit as ln, setUiKitLocale as un, uiKitLocaleEn as dn, uiKitLocaleRu as fn, useUiKitI18n as pn, useUiKitI18n as mn } from "@shtabapp/ui-kit-primitives";
+import { useResizeObserver as hn } from "@vueuse/core";
 export * from "@shtabapp/ui-kit-primitives";
 export * from "@shtabapp/ui-kit-tokens";
 //#region src/utils/chart/segmentedBar/resolveSegmentedBarSegmentColor.ts
-var hn = [
+var gn = [
 	"--s-ui-chart-segmented-bar-palette-1",
 	"--s-ui-chart-segmented-bar-palette-2",
 	"--s-ui-chart-segmented-bar-palette-3",
@@ -61,7 +61,7 @@ var hn = [
 	"--s-ui-chart-segmented-bar-palette-6",
 	"--s-ui-chart-segmented-bar-palette-7",
 	"--s-ui-chart-segmented-bar-palette-8"
-], gn = [
+], _n = [
 	"--s-ui-chart-segmented-bar-skeleton-palette-1",
 	"--s-ui-chart-segmented-bar-skeleton-palette-2",
 	"--s-ui-chart-segmented-bar-skeleton-palette-3",
@@ -70,11 +70,11 @@ var hn = [
 	"--s-ui-chart-segmented-bar-skeleton-palette-6",
 	"--s-ui-chart-segmented-bar-skeleton-palette-7",
 	"--s-ui-chart-segmented-bar-skeleton-palette-8"
-], _n = (e, t, n, r = !1) => _t(e, t, n, r, {
-	palette: hn,
-	paletteFallback: hn[0],
-	skeletonPalette: gn,
-	skeletonFallback: gn[0]
+], vn = (e, t, n, r = !1) => vt(e, t, n, r, {
+	palette: gn,
+	paletteFallback: gn[0],
+	skeletonPalette: _n,
+	skeletonFallback: _n[0]
 }), q = /* @__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;
 }({}), J = /* @__PURE__ */ function(e) {
@@ -83,32 +83,32 @@ var hn = [
 	return e.ICON = "icon", e.AVATAR = "avatar", e;
 }({}), X = /* @__PURE__ */ function(e) {
 	return e.BANNER = "banner", e.TOAST = "toast", e;
-}({}), vn = {
+}({}), yn = {
 	[q.INFO_ACCENT]: K.infoCircle,
 	[q.INFO_NORMAL]: K.infoCircle,
 	[q.SUCCESS]: K.checkCircle,
 	[q.WARNING]: K.alertCircle,
 	[q.DANGER]: K.dangerCircleFill,
 	[q.BILLING]: K.infoCircle
-}, yn = (e, t) => t || vn[e], bn = ["role"], xn = { class: "s-ui-notification__body" }, Sn = {
+}, bn = (e, t) => t || yn[e], xn = ["role"], Sn = { class: "s-ui-notification__body" }, Cn = {
 	key: 0,
 	class: "s-ui-notification__leftside"
-}, Cn = {
+}, wn = {
 	key: 0,
 	class: "s-ui-notification__icon"
-}, wn = { class: "s-ui-notification__content" }, Tn = { class: "s-ui-notification__title-row" }, En = {
+}, Tn = { class: "s-ui-notification__content" }, En = { class: "s-ui-notification__title-row" }, Dn = {
 	key: 0,
 	class: "s-ui-notification__description-block"
-}, Dn = {
+}, On = {
 	key: 0,
 	class: "s-ui-notification__description s-ui-typography-label-12-medium"
-}, On = {
+}, kn = {
 	key: 1,
 	class: "s-ui-notification__actions-stack"
-}, kn = {
+}, An = {
 	key: 1,
 	class: "s-ui-notification__actions-row"
-}, An = /* @__PURE__ */ P({
+}, jn = /* @__PURE__ */ P({
 	__name: "SNotification",
 	props: {
 		type: { default: () => q.INFO_ACCENT },
@@ -153,7 +153,7 @@ var hn = [
 		]), a = O(() => {
 			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 = O(() => e.type === q.DANGER ? "alert" : "status"), l = O(() => yn(e.type, e.icon)), u = O(() => e.type === q.BILLING), d = O(() => !!(e.leftside === Y.AVATAR && e.avatar || e.leftside === Y.ICON)), f = O(() => !!(e.description || e.linkText || r.description)), p = O(() => e.showPrimaryButton && (e.primaryButtonText || e.secondaryButtonText)), m = O(() => e.showPrimaryButton && e.primaryButtonText || e.closable), h = O(() => e.type === q.BILLING ? S.MAJOR : S.OUTLINED), g = O(() => e.type === q.BILLING ? x.BILLING : x.MAIN), _ = () => {
+		}), s = O(() => e.type === q.DANGER ? "alert" : "status"), l = O(() => bn(e.type, e.icon)), u = O(() => e.type === q.BILLING), d = O(() => !!(e.leftside === Y.AVATAR && e.avatar || e.leftside === Y.ICON)), f = O(() => !!(e.description || e.linkText || r.description)), p = O(() => e.showPrimaryButton && (e.primaryButtonText || e.secondaryButtonText)), m = O(() => e.showPrimaryButton && e.primaryButtonText || e.closable), h = O(() => e.type === q.BILLING ? S.MAJOR : S.OUTLINED), g = O(() => e.type === q.BILLING ? x.BILLING : x.MAIN), _ = () => {
 			n("close");
 		}, v = () => {
 			n("linkClick");
@@ -166,8 +166,8 @@ var hn = [
 			class: F(["s-ui-notification", i.value]),
 			style: I(a.value),
 			role: s.value
-		}, [M("div", xn, [
-			d.value ? (L(), j("div", Sn, [e.leftside === H(Y).ICON ? (L(), j("div", Cn, [Qt(H(sn), {
+		}, [M("div", Sn, [
+			d.value ? (L(), j("div", Cn, [e.leftside === H(Y).ICON ? (L(), j("div", wn, [$t(H(cn), {
 				name: l.value,
 				size: 16,
 				billing: u.value
@@ -184,8 +184,8 @@ var hn = [
 				"badge",
 				"size"
 			])) : A("", !0)])) : A("", !0),
-			M("div", wn, [
-				M("div", Tn, [M("span", { class: F(["s-ui-notification__title s-ui-typography-label-14-medium", { "s-ui-notification__title--truncated": e.truncateTitle }]) }, [z(t.$slots, "title", {}, () => [N(V(e.title), 1)])], 2), e.layout === H(J).VERTICAL && e.closable ? (L(), k(H(w), {
+			M("div", Tn, [
+				M("div", En, [M("span", { class: F(["s-ui-notification__title s-ui-typography-label-14-medium", { "s-ui-notification__title--truncated": e.truncateTitle }]) }, [z(t.$slots, "title", {}, () => [N(V(e.title), 1)])], 2), e.layout === H(J).VERTICAL && e.closable ? (L(), k(H(w), {
 					key: 0,
 					class: "s-ui-notification__close",
 					appearance: H(S).BARE,
@@ -200,7 +200,7 @@ var hn = [
 					"size",
 					"aria-label"
 				])) : A("", !0)]),
-				f.value ? (L(), j("div", En, [e.description || H(r).description ? (L(), j("span", Dn, [z(t.$slots, "description", {}, () => [N(V(e.description), 1)])])) : A("", !0), e.linkText ? (L(), k(H(w), {
+				f.value ? (L(), j("div", Dn, [e.description || H(r).description ? (L(), j("span", On, [z(t.$slots, "description", {}, () => [N(V(e.description), 1)])])) : A("", !0), e.linkText ? (L(), k(H(w), {
 					key: 1,
 					class: "s-ui-notification__link",
 					appearance: H(S).BARE,
@@ -217,7 +217,7 @@ var hn = [
 					"size",
 					"iconRight"
 				])) : A("", !0)])) : A("", !0),
-				e.layout === H(J).VERTICAL && p.value ? (L(), j("div", On, [e.showPrimaryButton && e.primaryButtonText ? (L(), k(H(w), {
+				e.layout === H(J).VERTICAL && p.value ? (L(), j("div", kn, [e.showPrimaryButton && e.primaryButtonText ? (L(), k(H(w), {
 					key: 0,
 					appearance: h.value,
 					variant: g.value,
@@ -245,7 +245,7 @@ var hn = [
 					"size"
 				])) : A("", !0)])) : A("", !0)
 			]),
-			e.layout === H(J).HORIZONTAL && m.value ? (L(), j("div", kn, [e.showPrimaryButton && e.primaryButtonText ? (L(), k(H(w), {
+			e.layout === H(J).HORIZONTAL && m.value ? (L(), j("div", An, [e.showPrimaryButton && e.primaryButtonText ? (L(), k(H(w), {
 				key: 0,
 				appearance: h.value,
 				variant: g.value,
@@ -273,9 +273,9 @@ var hn = [
 				"size",
 				"aria-label"
 			])) : A("", !0)])) : A("", !0)
-		])], 14, bn));
+		])], 14, xn));
 	}
-}), jn = /* @__PURE__ */ P({
+}), Mn = /* @__PURE__ */ P({
 	__name: "SBanner",
 	props: {
 		type: { default: () => q.INFO_ACCENT },
@@ -316,7 +316,7 @@ var hn = [
 	],
 	setup(e, { emit: t }) {
 		let n = t, r = U(), i = O(() => ({ "s-ui-banner--elevated": e.elevated }));
-		return (t, a) => (L(), k(An, {
+		return (t, a) => (L(), k(jn, {
 			class: F(["s-ui-banner", i.value]),
 			"data-qa": "ui:banner",
 			type: e.type,
@@ -340,7 +340,7 @@ var hn = [
 			onLinkClick: a[1] ||= (e) => n("linkClick"),
 			onPrimaryAction: a[2] ||= (e) => n("primaryAction"),
 			onSecondaryAction: a[3] ||= (e) => n("secondaryAction")
-		}, Zt({ _: 2 }, [H(r).title ? {
+		}, Qt({ _: 2 }, [H(r).title ? {
 			name: "title",
 			fn: G(() => [z(t.$slots, "title")]),
 			key: "0"
@@ -369,7 +369,7 @@ var hn = [
 			"truncateTitle"
 		]));
 	}
-}), Mn = /* @__PURE__ */ P({
+}), Nn = /* @__PURE__ */ P({
 	__name: "SToast",
 	props: {
 		type: { default: () => q.INFO_ACCENT },
@@ -405,7 +405,7 @@ var hn = [
 	],
 	setup(e, { emit: t }) {
 		let n = t, r = U(), i = O(() => e.width ?? 360);
-		return (t, a) => (L(), k(An, {
+		return (t, a) => (L(), k(jn, {
 			class: "s-ui-toast",
 			"data-qa": "ui:toast",
 			type: e.type,
@@ -428,7 +428,7 @@ var hn = [
 			onLinkClick: a[1] ||= (e) => n("linkClick"),
 			onPrimaryAction: a[2] ||= (e) => n("primaryAction"),
 			onSecondaryAction: a[3] ||= (e) => n("secondaryAction")
-		}, Zt({ _: 2 }, [H(r).title ? {
+		}, Qt({ _: 2 }, [H(r).title ? {
 			name: "title",
 			fn: G(() => [z(t.$slots, "title")]),
 			key: "0"
@@ -455,13 +455,13 @@ var hn = [
 			"truncateTitle"
 		]));
 	}
-}), Nn = .05, Pn = [
+}), Pn = .05, Fn = [
 	"data-mounted",
 	"data-front",
 	"data-expanded",
 	"data-removed",
 	"data-visible"
-], Fn = /* @__PURE__ */ P({
+], In = /* @__PURE__ */ P({
 	__name: "SToastProviderToast",
 	props: {
 		index: {},
@@ -474,7 +474,7 @@ var hn = [
 	},
 	emits: ["heightChange"],
 	setup(e, { emit: t }) {
-		let n = t, r = R(null), i = R(0), a = R(!1), o = O(() => e.index === 0), s = O(() => 1 - e.index * Nn), c = O(() => ({
+		let n = t, r = R(null), i = R(0), a = R(!1), o = O(() => e.index === 0), s = O(() => 1 - e.index * Pn), c = O(() => ({
 			"--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`,
@@ -483,10 +483,10 @@ var hn = [
 			"--s-ui-toast-provider-stack-scale": String(s.value),
 			zIndex: String(1e3 - e.index)
 		}));
-		return mn(r, (e) => {
+		return hn(r, (e) => {
 			let t = e[0]?.contentRect.height ?? 0;
 			t !== i.value && (i.value = t, n("heightChange", t));
-		}), tn(() => {
+		}), nn(() => {
 			requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
 					a.value = !0;
@@ -504,50 +504,50 @@ var hn = [
 			ref_key: "contentRef",
 			ref: r,
 			class: "s-ui-toast-provider__toast-content"
-		}, [z(t.$slots, "default")], 512)], 12, Pn));
+		}, [z(t.$slots, "default")], 512)], 12, Fn));
 	}
-}), In = 4e3, Ln = 1e4, Rn = 50, zn = (e, t) => {
-	let n = In + (e.length + (t?.length ?? 0)) * 50;
-	return n > 1e4 ? Ln : n;
-}, Z = B([]), Q = /* @__PURE__ */ new Map(), Bn = 0, Vn = {
+}), Ln = 4e3, Rn = 1e4, zn = 50, Bn = (e, t) => {
+	let n = Ln + (e.length + (t?.length ?? 0)) * 50;
+	return n > 1e4 ? Rn : n;
+}, Z = B([]), Q = /* @__PURE__ */ new Map(), Vn = 0, Hn = {
 	type: q.INFO_ACCENT,
 	layout: J.HORIZONTAL,
 	leftside: Y.ICON,
 	showPrimaryButton: !1,
 	closable: !0
-}, Hn = () => `toast-${Date.now()}-${++Bn}`, $ = (e) => {
+}, Un = () => `toast-${Date.now()}-${++Vn}`, $ = (e) => {
 	let t = Q.get(e);
 	t && (window.clearTimeout(t), Q.delete(e));
-}, Un = (e) => {
+}, Wn = (e) => {
 	$(e.id);
-	let t = e.duration === void 0 ? zn(e.title, e.description) : e.duration;
+	let t = e.duration === void 0 ? Bn(e.title, e.description) : e.duration;
 	if (t > 0) {
 		let n = window.setTimeout(() => {
-			Wn(e.id);
+			Gn(e.id);
 		}, t);
 		Q.set(e.id, n);
 	}
-}, Wn = (e) => {
+}, Gn = (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));
-}, Gn = () => {
+}, Kn = () => {
 	Q.forEach((e) => window.clearTimeout(e)), Q.clear(), Z.value = [];
-}, Kn = (e) => e.length <= 3 ? e : (e.slice(3).forEach((e) => {
+}, qn = (e) => e.length <= 3 ? e : (e.slice(3).forEach((e) => {
 	$(e.id);
-}), e.slice(0, 3)), qn = (e) => {
-	let t = e.id ?? Hn(), n = {
-		...Vn,
+}), e.slice(0, 3)), Jn = (e) => {
+	let t = e.id ?? Un(), n = {
+		...Hn,
 		...e,
 		id: t
 	}, r = Z.value.findIndex((e) => e.id === t);
 	if (r > -1) {
 		let e = [...Z.value];
-		e[r] = n, Z.value = Kn(e);
-	} else Z.value = Kn([n, ...Z.value]);
-	return Un(n), t;
-}, Jn = (e, t) => {
+		e[r] = n, Z.value = qn(e);
+	} else Z.value = qn([n, ...Z.value]);
+	return Wn(n), t;
+}, Yn = (e, t) => {
 	let n = Z.value.findIndex((t) => t.id === e);
 	if (n === -1) return;
 	let r = Z.value[n];
@@ -557,18 +557,18 @@ var hn = [
 		...t,
 		id: r.id
 	}, a = [...Z.value];
-	a[n] = i, Z.value = a, Un(i);
-}, Yn = () => ({
+	a[n] = i, Z.value = a, Wn(i);
+}, Xn = () => ({
 	toasts: Z,
-	show: qn,
-	hide: Wn,
-	hideAll: Gn,
-	update: Jn
-}), Xn = /* @__PURE__ */ P({
+	show: Jn,
+	hide: Gn,
+	hideAll: Kn,
+	update: Yn
+}), Zn = /* @__PURE__ */ P({
 	__name: "SToastProvider",
 	setup(e) {
-		let { toasts: t, hide: n } = Yn(), r = O(() => t.value.slice(0, 3)), i = R(!1), a = B({}), o = R(/* @__PURE__ */ new Set()), s = O(() => t.value[0] ?? null), c = O(() => s.value ? a.value[s.value.id] ?? 0 : 0), l = R(0), u = O(() => c.value > 0 ? c.value : l.value);
-		on(c, (e) => {
+		let { toasts: t, hide: n } = Xn(), r = O(() => t.value.slice(0, 3)), i = R(!1), a = B({}), o = R(/* @__PURE__ */ new Set()), s = O(() => t.value[0] ?? null), c = O(() => s.value ? a.value[s.value.id] ?? 0 : 0), l = R(0), u = O(() => c.value > 0 ? c.value : l.value);
+		sn(c, (e) => {
 			e > 0 && (l.value = e);
 		});
 		let d = O(() => {
@@ -610,7 +610,7 @@ var hn = [
 		}, b = (e) => {
 			e.onSecondaryAction && e.onSecondaryAction();
 		};
-		return (e, t) => (L(), k(Xt, { to: "body" }, [M("div", {
+		return (e, t) => (L(), k(Zt, { to: "body" }, [M("div", {
 			class: "s-ui-toast-provider",
 			onMouseenter: m,
 			onMouseleave: h
@@ -618,7 +618,7 @@ var hn = [
 			key: 0,
 			class: "s-ui-toast-provider__list",
 			style: I(d.value)
-		}, [(L(!0), j(Yt, null, nn(r.value, (t, n) => (L(), k(Fn, {
+		}, [(L(!0), j(Xt, null, rn(r.value, (t, n) => (L(), k(In, {
 			key: t.id,
 			index: n,
 			expanded: i.value,
@@ -629,13 +629,13 @@ var hn = [
 			"offset-y": f(n),
 			onHeightChange: (e) => g(t.id, e)
 		}, {
-			default: G(() => [z(e.$slots, "toast", { toast: t }, () => [t.component ? (L(), k(rn(t.component), en({
+			default: G(() => [z(e.$slots, "toast", { toast: t }, () => [t.component ? (L(), k(an(t.component), tn({
 				key: 0,
 				ref_for: !0
 			}, t.componentProps, {
 				toast: t,
 				onClose: (e) => _(t.id)
-			}), null, 16, ["toast", "onClose"])) : (L(), k(H(Mn), {
+			}), null, 16, ["toast", "onClose"])) : (L(), k(H(Nn), {
 				key: 1,
 				type: t.type,
 				layout: t.layout,
@@ -689,10 +689,10 @@ var hn = [
 			"onHeightChange"
 		]))), 128))], 4)) : A("", !0)], 32)]));
 	}
-}), Zn = 4, Qn = 4, $n = 1, er = "400 12px var(--s-ui-font-family-label)", tr = 4, nr = (e, t, n, r, i, a) => {
+}), Qn = 4, $n = 4, er = 1, tr = "400 12px var(--s-ui-font-family-label)", nr = 4, rr = (e, t, n, r, i, a) => {
 	let o = Math.min(a, r / 2, i / 2);
 	e.beginPath(), e.moveTo(t + o, n), e.lineTo(t + r - o, n), e.arcTo(t + r, n, t + r, n + o, o), e.lineTo(t + r, n + i - o), e.arcTo(t + r, n + i, t + r - o, n + i, o), e.lineTo(t + o, n + i), e.arcTo(t, n + i, t, n + i - o, o), e.lineTo(t, n + o), e.arcTo(t, n, t + o, n, o), e.closePath();
-}, rr = (e) => {
+}, ir = (e) => {
 	let t = e.getProps([
 		"x",
 		"y",
@@ -703,14 +703,14 @@ var hn = [
 		width: Math.abs(n - i),
 		centerY: r
 	};
-}, ir = (e, t, n, r) => {
-	let i = rr(t);
+}, ar = (e, t, n, r) => {
+	let i = ir(t);
 	if (!i) return;
-	let a = `${n}`, o = e.measureText(a).width + Zn * 2;
-	if (i.width < o + tr * 2) return;
+	let a = `${n}`, o = e.measureText(a).width + Qn * 2;
+	if (i.width < o + nr * 2) return;
 	let s = i.left + i.width / 2;
-	nr(e, s - o / 2, i.centerY - 20 / 2, o, 20, Qn), e.fillStyle = r.background, e.fill(), e.lineWidth = $n, e.strokeStyle = r.border, e.stroke(), e.fillStyle = r.text, e.fillText(a, s, i.centerY);
-}, ar = (e) => ({
+	rr(e, s - o / 2, i.centerY - 20 / 2, o, 20, $n), e.fillStyle = r.background, e.fill(), e.lineWidth = er, e.strokeStyle = r.border, e.stroke(), e.fillStyle = r.text, e.fillText(a, s, i.centerY);
+}, or = (e) => ({
 	id: "segmentedBarBadge",
 	afterDatasetsDraw(t) {
 		let n = {
@@ -718,20 +718,20 @@ var hn = [
 			border: E(D.pieBadgeBorder, e),
 			text: E(D.pieBadgeText, e)
 		}, { ctx: r } = t;
-		r.save(), r.font = er, r.textAlign = "center", r.textBaseline = "middle", t.data.datasets.forEach((e, i) => {
+		r.save(), r.font = tr, r.textAlign = "center", r.textBaseline = "middle", t.data.datasets.forEach((e, i) => {
 			let a = t.getDatasetMeta(i)?.data[0], o = e.data[0];
-			a && typeof o == "number" && o > 0 && ir(r, a, o, n);
+			a && typeof o == "number" && o > 0 && ar(r, a, o, n);
 		}), r.restore();
 	}
-}), or = 40, sr = 4, cr = 1, lr = [
+}), sr = 40, cr = 4, lr = 1, ur = [
 	"mousemove",
 	"mouseout",
 	"click",
 	"touchstart",
 	"touchmove"
-], ur = ({ segments: e, segmentColors: t, colorHostElement: n, skeleton: r = !1, onSegmentClick: i }) => {
+], dr = ({ segments: e, segmentColors: t, colorHostElement: n, skeleton: r = !1, onSegmentClick: i }) => {
 	if (e.length === 0) return null;
-	let a = E("--s-ui-color-surface-primary", n), o = e.reduce((e, t) => e + t.value, 0), s = pt({
+	let a = E("--s-ui-color-surface-primary", n), o = e.reduce((e, t) => e + t.value, 0), s = mt({
 		kind: "series",
 		skeleton: r,
 		colorHostElement: n,
@@ -748,12 +748,12 @@ var hn = [
 				hoverBackgroundColor: t[n],
 				borderColor: a,
 				borderWidth: {
-					left: cr,
-					right: cr
+					left: lr,
+					right: lr
 				},
 				borderSkipped: !1,
-				borderRadius: sr,
-				barThickness: or,
+				borderRadius: cr,
+				barThickness: sr,
 				stack: "track"
 			}))
 		},
@@ -762,7 +762,7 @@ var hn = [
 			responsive: !0,
 			maintainAspectRatio: !1,
 			layout: { padding: 0 },
-			events: r ? [] : lr,
+			events: r ? [] : ur,
 			onHover: s.onHover,
 			onClick: s.onClick,
 			hover: r ? void 0 : {
@@ -787,9 +787,9 @@ var hn = [
 				}
 			}
 		},
-		plugins: [...r ? [] : [ar(n)], ...s.plugins]
+		plugins: [...r ? [] : [or(n)], ...s.plugins]
 	};
-}, dr = [
+}, fr = [
 	4,
 	1,
 	2,
@@ -801,7 +801,7 @@ var hn = [
 ].map((e, t) => ({
 	label: `Series ${t + 1}`,
 	value: e
-})), fr = { class: "s-ui-chart-segmented-bar__canvas-wrap" }, pr = /* @__PURE__ */ P({
+})), pr = { class: "s-ui-chart-segmented-bar__canvas-wrap" }, mr = /* @__PURE__ */ P({
 	__name: "SChartSegmentedBar",
 	props: {
 		segments: { default: () => [] },
@@ -816,7 +816,7 @@ var hn = [
 	},
 	emits: ["segmentClick"],
 	setup(e, { expose: t, emit: n }) {
-		let r = n, i = ht, a = W("chartRootRef"), o = W("chartCanvasRef"), s = O(() => e.loading ? dr : e.segments), c = O(() => s.value.map((t, n) => _n(n, a.value, t.fillColor, e.loading))), l = O(() => s.value.map((e, t) => ({
+		let r = n, i = gt, a = W("chartRootRef"), o = W("chartCanvasRef"), s = O(() => e.loading ? fr : e.segments), c = O(() => s.value.map((t, n) => vn(n, a.value, t.fillColor, e.loading))), l = O(() => s.value.map((e, t) => ({
 			segment: e,
 			segmentIndex: t
 		})).filter(({ segment: e }) => e.value > 0)), u = O(() => l.value.map(({ segment: e }) => e)), d = O(() => l.value.map(({ segmentIndex: e }) => c.value[e] ?? "")), f = O(() => {
@@ -827,7 +827,7 @@ var hn = [
 		}), p = (e) => {
 			let t = l.value[e];
 			t && r("segmentClick", t.segmentIndex, t.segment);
-		}, m = wt("onSegmentClick"), h = O(() => ur({
+		}, m = Tt("onSegmentClick"), h = O(() => dr({
 			segments: u.value,
 			segmentColors: d.value,
 			colorHostElement: a.value,
@@ -836,11 +836,11 @@ var hn = [
 		})), g = O(() => s.value.map((e, t) => ({
 			label: e.label,
 			color: c.value[t] ?? ""
-		}))), { chartInstance: _ } = ft({
+		}))), { chartInstance: _ } = pt({
 			canvasRef: o,
 			config: h,
 			enabled: O(() => e.loading || u.value.length > 0)
-		}), { exportImage: v, handleLegendItemHover: y } = mt({
+		}), { exportImage: v, handleLegendItemHover: y } = ht({
 			chartInstance: _,
 			canvasRef: o,
 			colorHostElement: a
@@ -852,7 +852,7 @@ var hn = [
 			ref: a,
 			class: F(["s-ui-chart-segmented-bar", { "s-ui-chart-segmented-bar--skeleton": e.loading }]),
 			"data-qa": "ui:chart-segmented-bar"
-		}, [M("div", fr, [Qt(H(dt), {
+		}, [M("div", pr, [$t(H(ft), {
 			loading: e.loading,
 			type: H(i).CARTESIAN
 		}, {
@@ -874,22 +874,22 @@ var hn = [
 			"interactive"
 		])) : A("", !0)], 2));
 	}
-}), mr = {
+}), hr = {
 	key: 0,
 	class: "s-ui-chart-widget__header"
-}, hr = {
+}, gr = {
 	key: 0,
 	class: "s-ui-chart-widget__title-skeleton",
 	"aria-hidden": "true"
-}, gr = {
+}, _r = {
 	key: 1,
 	class: "s-ui-chart-widget__title s-ui-typography-label-16-medium"
-}, _r = { class: "s-ui-chart-widget__controls" }, vr = {
+}, vr = { class: "s-ui-chart-widget__controls" }, yr = {
 	key: 1,
 	class: "s-ui-chart-widget__content"
-}, yr = /* @__PURE__ */ P({
+}, br = /* @__PURE__ */ P({
 	__name: "SChartWidget",
-	props: /*@__PURE__*/ $t({
+	props: /*@__PURE__*/ en({
 		title: { default: "" },
 		collapsible: {
 			type: Boolean,
@@ -912,11 +912,11 @@ var hn = [
 	}),
 	emits: ["update:collapsed"],
 	setup(e) {
-		let t = an(e, "collapsed"), n = U(), { t: r } = pn(), i = O(() => !!e.title || !!n.title || !!n.actions || e.collapsible), a = O(() => !t.value || !e.collapsible || !e.hideContentWhenCollapsed), o = O(() => r(t.value ? "chartWidget.expand" : "chartWidget.collapse"));
+		let t = on(e, "collapsed"), n = U(), { t: r } = mn(), i = O(() => !!e.title || !!n.title || !!n.actions || e.collapsible), a = O(() => !t.value || !e.collapsible || !e.hideContentWhenCollapsed), o = O(() => r(t.value ? "chartWidget.expand" : "chartWidget.collapse"));
 		return (n, r) => (L(), j("div", {
 			class: F(["s-ui-chart-widget", { "s-ui-chart-widget--skeleton": e.loading }]),
 			"data-qa": "ui:chart-widget"
-		}, [i.value ? (L(), j("div", mr, [e.loading ? (L(), j("span", hr)) : (L(), j("span", gr, [z(n.$slots, "title", {}, () => [N(V(e.title), 1)])])), M("div", _r, [z(n.$slots, "actions"), e.collapsible ? (L(), k(H(w), {
+		}, [i.value ? (L(), j("div", hr, [e.loading ? (L(), j("span", gr)) : (L(), j("span", _r, [z(n.$slots, "title", {}, () => [N(V(e.title), 1)])])), M("div", vr, [z(n.$slots, "actions"), e.collapsible ? (L(), k(H(w), {
 			key: 0,
 			appearance: H(S).OUTLINED,
 			variant: H(x).NEUTRAL,
@@ -932,8 +932,8 @@ var hn = [
 			"icon",
 			"aria-label",
 			"aria-expanded"
-		])) : A("", !0)])])) : A("", !0), a.value ? (L(), j("div", vr, [z(n.$slots, "default")])) : A("", !0)], 2));
+		])) : A("", !0)])])) : A("", !0), a.value ? (L(), j("div", yr, [z(n.$slots, "default")])) : A("", !0)], 2));
 	}
 });
 //#endregion
-export { Dt as CALENDAR_WEEK_SLOT_COUNT, Nt as DAY_TIMELINE_MINUTES, m as DEFAULT_COLOR_PALETTE, p as EAccentColor, S as EButtonAppearance, le as EButtonGroupLayout, C as EButtonSize, x as EButtonVariant, g as EColorFormat, De as EConnectedPositionStrategy, J as ENotificationLayout, Y as ENotificationLeftside, q 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, _e as ESCardLayout, me as ESCheckboxColor, he as ESCheckboxLabelPlacement, pe as ESCheckboxSize, Ne as ESChipColor, Pe as ESChipSize, h as ESColorPaletteLayout, Te as ESDropdownPlacement, de as ESInlineGroupOrientation, at as ESInlineInputAppearance, Ve as ESInlineMessageValidationStatus, ze as ESInputCustomize, Ue as ESLabelSize, We as ESLabelVariant, Xe as ESListGap, Je as ESListItemVariant, ct as ESPhotoEditShape, lt as ESPhotoEditSize, et as ESRadioLabelPlacement, ye as ESSegmentControlSize, Qe as ESSelectSearchable, xe as ESTabAppearance, Se as ESTabSize, Ut as ESTableCellState, Gt as ESTableCheckState, Vt as ESTableColumnAlign, Lt as ESTableColumnSticky, Wt as ESTableDropAction, Kt as ESTableFooterTone, Rt as ESTableRowHeightMode, Ht as ESTableRowKind, Jt as ESTableRowState, zt as ESTableRowsDragMode, Bt as ESTableSortDirection, ke as ESTagColor, Ae as ESTagSize, nt as ESToggleLabelPlacement, rt as ESToggleSize, se as ESelectionFocusMode, ie as ESelectionMode, oe as ESelectionOrientation, Ot as EWorkTimeSource, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, ne as SAvatarGroup, n as SBadge, jn as SBanner, w as SButton, fe as SButtonGroup, At as SCalendarMonth, kt as SCalendarWeekGrid, ve as SCard, Tt as SChartBar, Ct as SChartBurnup, bt as SChartHorizontalBar, T as SChartLegend, gt as SChartLine, St as SChartMultiLine, xt as SChartPie, Et as SChartProgress, pr as SChartSegmentedBar, vt as SChartStackedArea, yt as SChartStackedBar, yr as SChartWidget, ge as SCheckbox, Fe as SChip, d as SColorArea, v as SColorPalette, f as SColorPicker, u as SColorValues, jt as SDayTimeline, Le as SDropdown, Re as SDropdownMenu, ue as SInlineGroup, ot as SInlineInput, He as SInlineMessage, Be as SInput, Ge as SLabel, Ze as SList, Ye as SListItem, ut as SPhotoEdit, tt as SRadio, be as SSegmentControl, $e as SSelect, Ce as STab, qt as STable, we as STabs, je as STag, Me as STagGroup, st as STextarea, Mn as SToast, Xn as SToastProvider, it as SToggle, Ie as S_DROPDOWN_SHEET_BREAKPOINT, Ln as TOAST_AUTO_DURATION_MAX_MS, In as TOAST_AUTO_DURATION_MIN_MS, Rn as TOAST_AUTO_DURATION_MS_PER_CHAR, Mt as WORK_TIME_SOURCE_COLOR_VARS, Pt as WORK_TIME_SOURCE_ORDER, Ft as buildWorkTimeLegendItems, zn as computeAutoDuration, Ee as computeConnectedPosition, cn as createUiKit, It as formatDurationHM, ee as isSameColor, b as normalizeColorValue, y as resolveColorPreview, re as resolveOwnPropOrGroupedOrFallback, ln as setUiKitLocale, un as uiKitLocaleEn, dn as uiKitLocaleRu, qe as useFlatTreeList, Oe as useFloatingOverlay, Ke as useSListEndReached, ae as useSelectionGroup, ce as useSelectionGroupItem, Yn as useToast, fn as useUiKitI18n };
+export { Ot as CALENDAR_WEEK_SLOT_COUNT, Pt as DAY_TIMELINE_MINUTES, m as DEFAULT_COLOR_PALETTE, p as EAccentColor, S as EButtonAppearance, le as EButtonGroupLayout, C as EButtonSize, x as EButtonVariant, g as EColorFormat, Oe as EConnectedPositionStrategy, J as ENotificationLayout, Y as ENotificationLeftside, q 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, _e as ESCardLayout, me as ESCheckboxColor, he as ESCheckboxLabelPlacement, pe as ESCheckboxSize, Pe as ESChipColor, Fe as ESChipSize, h as ESColorPaletteLayout, Ee as ESDropdownBoundary, Te as ESDropdownPlacement, de as ESInlineGroupOrientation, ot as ESInlineInputAppearance, He as ESInlineMessageValidationStatus, Be as ESInputCustomize, We as ESLabelSize, Ge as ESLabelVariant, Ze as ESListGap, Ye as ESListItemVariant, lt as ESPhotoEditShape, ut as ESPhotoEditSize, tt as ESRadioLabelPlacement, ye as ESSegmentControlSize, $e as ESSelectSearchable, xe as ESTabAppearance, Se as ESTabSize, Wt as ESTableCellState, Kt as ESTableCheckState, Ht as ESTableColumnAlign, Rt as ESTableColumnSticky, Gt as ESTableDropAction, qt as ESTableFooterTone, zt as ESTableRowHeightMode, Ut as ESTableRowKind, Yt as ESTableRowState, Bt as ESTableRowsDragMode, Vt as ESTableSortDirection, Ae as ESTagColor, je as ESTagSize, rt as ESToggleLabelPlacement, it as ESToggleSize, se as ESelectionFocusMode, ie as ESelectionMode, oe as ESelectionOrientation, kt as EWorkTimeSource, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, ne as SAvatarGroup, n as SBadge, Mn as SBanner, w as SButton, fe as SButtonGroup, jt as SCalendarMonth, At as SCalendarWeekGrid, ve as SCard, Et as SChartBar, wt as SChartBurnup, xt as SChartHorizontalBar, T as SChartLegend, _t as SChartLine, Ct as SChartMultiLine, St as SChartPie, Dt as SChartProgress, mr as SChartSegmentedBar, yt as SChartStackedArea, bt as SChartStackedBar, br as SChartWidget, ge as SCheckbox, Ie as SChip, d as SColorArea, v as SColorPalette, f as SColorPicker, u as SColorValues, Mt as SDayTimeline, Re as SDropdown, ze as SDropdownMenu, ue as SInlineGroup, st as SInlineInput, Ue as SInlineMessage, Ve as SInput, Ke as SLabel, Qe as SList, Xe as SListItem, dt as SPhotoEdit, nt as SRadio, be as SSegmentControl, et as SSelect, Ce as STab, Jt as STable, we as STabs, Me as STag, Ne as STagGroup, ct as STextarea, Nn as SToast, Zn as SToastProvider, at as SToggle, Le as S_DROPDOWN_SHEET_BREAKPOINT, Rn as TOAST_AUTO_DURATION_MAX_MS, Ln as TOAST_AUTO_DURATION_MIN_MS, zn as TOAST_AUTO_DURATION_MS_PER_CHAR, Nt as WORK_TIME_SOURCE_COLOR_VARS, Ft as WORK_TIME_SOURCE_ORDER, It as buildWorkTimeLegendItems, Bn as computeAutoDuration, De as computeConnectedPosition, ln as createUiKit, Lt as formatDurationHM, ee as isSameColor, b as normalizeColorValue, y as resolveColorPreview, re as resolveOwnPropOrGroupedOrFallback, un as setUiKitLocale, dn as uiKitLocaleEn, fn as uiKitLocaleRu, Je as useFlatTreeList, ke as useFloatingOverlay, qe as useSListEndReached, ae as useSelectionGroup, ce as useSelectionGroupItem, Xn as useToast, pn as useUiKitI18n };