@shtabapp/ui-kit 1.74.0 → 1.75.0

package/dist/index.js

@@ -3,56 +3,56 @@ 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-BjtlrGHZ.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 x } from "./colorValue-CSh0chxp.js";
-import { n as ee, t as te } from "./SAvatarGroup-CSSCQKdH.js";
-import { i as S, n as C, r as w, t as T } from "./SButton-LAOBxpd4.js";
-import { a as ne, n as re, o as ie, r as ae, t as oe } from "./useSelectionGroup-BCAmPf3R.js";
-import { n as se } from "./useSelectLink-2aCIYmF6.js";
-import { i as ce, n as le, r as ue, t as de } from "./SButtonGroup-DPq5g7bZ.js";
-import { i as fe, n as pe, r as me, t as he } from "./SCheckbox-BMkOc5cn.js";
-import { n as ge, t as _e } from "./SCard-DgGxjBUV.js";
-import { n as ve, t as ye } from "./SSegmentControl-Bjech2v4.js";
-import { n as be, r as xe, t as Se } from "./STab-ltjZBvbK.js";
-import { t as Ce } from "./STabs-BARXqgoB.js";
-import { a as we, i as Te, o as Ee, s as De, t as Oe } from "./useFloatingOverlay-TxzVisMJ.js";
-import { n as ke, r as Ae, t as je } from "./STag-C5KhPWjQ.js";
-import { t as Me } from "./STagGroup-BGwvunuu.js";
-import { n as Ne, r as Pe, t as Fe } from "./SChip-NDTK29yq.js";
-import { n as Ie, t as Le } from "./SDropdown-cNmJ5Lrz.js";
-import { t as Re } from "./SDropdownMenu-2koPU6IG.js";
-import { n as ze, t as Be } from "./SInput-D8NftspL.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-BOSQGRWA.js";
-import { a as Xe, t as Ze } from "./SList-BuXrkB03.js";
-import { n as Qe, t as $e } from "./SSelect-rpJCD5PL.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-r63G2NZI.js";
-import { t as E } from "./SChartLegend-oZoF8XK7.js";
-import { D as dt, E as ft, T as D, n as pt, r as mt, t as ht, y as O } from "./useChartInteractivity-Cl06JL4l.js";
-import { t as gt } from "./SChartLine-v0tkmnN6.js";
-import { t as _t } from "./resolveSeriesPaletteColor-B7wHDj1L.js";
-import { t as vt } from "./SChartStackedArea-Blpqa23h.js";
-import { t as yt } from "./SChartStackedBar-CCxEXw1H.js";
-import { t as bt } from "./SChartHorizontalBar-B9SWFvdN.js";
-import { t as xt } from "./SChartPie-0ugeo2fO.js";
-import { t as St } from "./SChartMultiLine-CG6dKmWm.js";
-import { t as Ct } from "./SChartBurnup-C5Z7UDi-.js";
-import { t as wt } from "./useHasListener-RSjlUyqH.js";
-import { t as Tt } from "./SChartBar-CUAibXox.js";
-import { t as Et } from "./SChartProgress-DUgSOdv7.js";
-import { a as Dt, c as Ot, d as kt, f as At, i as jt, l as Mt, n as Nt, o as Pt, r as Ft, s as It, t as Lt, u as Rt } from "./buildWorkTimeLegendItems-CifzZM9C.js";
-import { a as zt, c as Bt, d as Vt, f as Ht, i as Ut, l as Wt, n as Gt, o as Kt, p as qt, r as Jt, s as Yt, t as Xt, u as Zt } from "./STable-CToIFCiU.js";
-import { Fragment as Qt, Teleport as $t, computed as k, createBlock as A, createCommentVNode as j, createElementBlock as M, createElementVNode as N, createSlots as en, createTextVNode as P, createVNode as tn, defineComponent as F, mergeModels as nn, mergeProps as rn, normalizeClass as I, normalizeStyle as L, onMounted as an, openBlock as R, ref as z, renderList as on, renderSlot as B, resolveDynamicComponent as sn, shallowRef as cn, toDisplayString as V, unref as H, useModel as ln, useSlots as U, useTemplateRef as un, watch as dn, withCtx as W } from "vue";
-import { ESIconName as G, SIcon as fn, createUiKit as pn, setUiKitLocale as mn, uiKitLocaleEn as hn, uiKitLocaleRu as gn, useUiKitI18n as _n, useUiKitI18n as vn } from "@shtabapp/ui-kit-primitives";
-import { useResizeObserver as yn } from "@vueuse/core";
+import { n as ee, t as S } from "./SAvatarGroup-CSSCQKdH.js";
+import { i as C, n as w, r as T, t as E } from "./SButton-LAOBxpd4.js";
+import { a as te, n as ne, o as re, r as ie, t as ae } from "./useSelectionGroup-BCAmPf3R.js";
+import { n as oe } from "./useSelectLink-2aCIYmF6.js";
+import { i as se, n as ce, r as le, t as ue } from "./SButtonGroup-DPq5g7bZ.js";
+import { i as de, n as fe, r as pe, t as me } from "./SCheckbox-BMkOc5cn.js";
+import { n as he, t as ge } from "./SCard-DgGxjBUV.js";
+import { n as _e, t as ve } from "./SSegmentControl-Bjech2v4.js";
+import { n as ye, r as be, t as xe } from "./STab-ltjZBvbK.js";
+import { t as Se } from "./STabs-BARXqgoB.js";
+import { a as Ce, i as we, o as Te, s as Ee, t as De } from "./useFloatingOverlay-TxzVisMJ.js";
+import { n as Oe, r as ke, t as Ae } from "./STag-C5KhPWjQ.js";
+import { t as je } from "./STagGroup-BGwvunuu.js";
+import { n as Me, r as Ne, t as Pe } from "./SChip-NDTK29yq.js";
+import { n as Fe, t as Ie } from "./SDropdown-cNmJ5Lrz.js";
+import { t as Le } from "./SDropdownMenu-2koPU6IG.js";
+import { n as Re, t as ze } from "./SInput-D8NftspL.js";
+import { n as Be, t as Ve } from "./SInlineMessage-Dirk5RwO.js";
+import { n as He, r as Ue, t as We } from "./SLabel-FHHPlcKq.js";
+import { a as Ge, s as Ke } from "./treeKeyboardNavigation-SmxTdnDz.js";
+import { n as qe, t as Je } from "./SListItem-BOSQGRWA.js";
+import { a as Ye, t as Xe } from "./SList-BuXrkB03.js";
+import { n as Ze, t as Qe } from "./SSelect-rpJCD5PL.js";
+import { n as $e, t as et } from "./SRadio-D6_Pd6XX.js";
+import { n as tt, r as nt, t as rt } from "./SToggle-sGw-LSNd.js";
+import { n as it, t as at } from "./SInlineInput-DO_glYxP.js";
+import { t as ot } from "./STextarea-BDyy7Ku5.js";
+import { n as st, r as ct, t as lt } from "./SPhotoEdit-r63G2NZI.js";
+import { S as ut, T as D, a as dt, b as O, n as ft, o as pt, r as mt, t as ht, x as gt } from "./useChartInteractivity-DygkiRA1.js";
+import { n as _t, t as vt } from "./SChartLegend-dDqLhvIj.js";
+import { t as yt } from "./SChartLine-BV8Ytso5.js";
+import { t as bt } from "./resolveSeriesPaletteColor-DoPeNP_F.js";
+import { t as xt } from "./SChartStackedArea-B28offwE.js";
+import { t as St } from "./SChartStackedBar-C77FlKGS.js";
+import { t as Ct } from "./SChartHorizontalBar-C40Yroue.js";
+import { n as wt, t as Tt } from "./SChartPie-BiLoxutQ.js";
+import { t as Et } from "./SChartMultiLine-7_HcvVEQ.js";
+import { t as Dt } from "./SChartBurnup-BeQWgnGT.js";
+import { t as Ot } from "./useHasListener-RSjlUyqH.js";
+import { t as kt } from "./SChartBar-BvytQ-2z.js";
+import { t as At } from "./SChartProgress-DSxJqRA0.js";
+import { a as jt, c as Mt, d as Nt, f as Pt, i as Ft, l as It, n as Lt, o as Rt, r as zt, s as Bt, t as Vt, u as Ht } from "./buildWorkTimeLegendItems-CifzZM9C.js";
+import { a as Ut, c as Wt, d as Gt, f as Kt, i as qt, l as Jt, n as Yt, o as Xt, p as Zt, r as Qt, s as $t, t as en, u as tn } from "./STable-G2k-tI4g.js";
+import { Fragment as k, Teleport as nn, computed as A, createBlock as j, createCommentVNode as M, createElementBlock as N, createElementVNode as P, createSlots as rn, createTextVNode as F, createVNode as I, defineComponent as L, mergeModels as an, mergeProps as on, normalizeClass as R, normalizeStyle as z, onMounted as sn, openBlock as B, ref as V, renderList as H, renderSlot as U, resolveDynamicComponent as cn, shallowRef as ln, toDisplayString as W, toValue as un, unref as G, useModel as dn, useSlots as K, useTemplateRef as fn, watch as pn, withCtx as q, withKeys as mn, withModifiers as hn } from "vue";
+import { ESIconName as J, ESProgressBarSize as gn, ESSkeletonType as _n, SIcon as vn, SProgressBar as yn, SSkeleton as bn, createUiKit as xn, setUiKitLocale as Sn, uiKitLocaleEn as Cn, uiKitLocaleRu as wn, useUiKitI18n as Tn, useUiKitI18n as En } from "@shtabapp/ui-kit-primitives";
+import { useResizeObserver as Dn } from "@vueuse/core";
 export * from "@shtabapp/ui-kit-primitives";
 export * from "@shtabapp/ui-kit-tokens";
 //#region src/utils/chart/segmentedBar/resolveSegmentedBarSegmentColor.ts
-var K = [
+var On = [
 	"--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 K = [
 	"--s-ui-chart-segmented-bar-palette-6",
 	"--s-ui-chart-segmented-bar-palette-7",
 	"--s-ui-chart-segmented-bar-palette-8"
-], bn = [
+], kn = [
 	"--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,51 +70,51 @@ var K = [
 	"--s-ui-chart-segmented-bar-skeleton-palette-6",
 	"--s-ui-chart-segmented-bar-skeleton-palette-7",
 	"--s-ui-chart-segmented-bar-skeleton-palette-8"
-], xn = (e, t, n, r = !1) => _t(e, t, n, r, {
-	palette: K,
-	paletteFallback: K[0],
-	skeletonPalette: bn,
-	skeletonFallback: bn[0]
-}), q = /* @__PURE__ */ function(e) {
+], An = (e, t, n, r = !1) => bt(e, t, n, r, {
+	palette: On,
+	paletteFallback: On[0],
+	skeletonPalette: kn,
+	skeletonFallback: kn[0]
+}), Y = /* @__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) {
+}({}), X = /* @__PURE__ */ function(e) {
 	return e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e;
-}({}), Y = /* @__PURE__ */ function(e) {
+}({}), Z = /* @__PURE__ */ function(e) {
 	return e.ICON = "icon", e.AVATAR = "avatar", e;
-}({}), X = /* @__PURE__ */ function(e) {
+}({}), jn = /* @__PURE__ */ function(e) {
 	return e.BANNER = "banner", e.TOAST = "toast", e;
-}({}), Sn = {
-	[q.INFO_ACCENT]: G.infoCircle,
-	[q.INFO_NORMAL]: G.infoCircle,
-	[q.SUCCESS]: G.checkCircle,
-	[q.WARNING]: G.alertCircle,
-	[q.DANGER]: G.dangerCircleFill,
-	[q.BILLING]: G.infoCircle
-}, Cn = (e, t) => t || Sn[e], wn = ["role"], Tn = { class: "s-ui-notification__body" }, En = {
+}({}), Mn = {
+	[Y.INFO_ACCENT]: J.infoCircle,
+	[Y.INFO_NORMAL]: J.infoCircle,
+	[Y.SUCCESS]: J.checkCircle,
+	[Y.WARNING]: J.alertCircle,
+	[Y.DANGER]: J.dangerCircleFill,
+	[Y.BILLING]: J.infoCircle
+}, Nn = (e, t) => t || Mn[e], Pn = ["role"], Fn = { class: "s-ui-notification__body" }, In = {
 	key: 0,
 	class: "s-ui-notification__leftside"
-}, Dn = {
+}, Ln = {
 	key: 0,
 	class: "s-ui-notification__icon"
-}, On = { class: "s-ui-notification__content" }, kn = { class: "s-ui-notification__title-row" }, An = {
+}, Rn = { class: "s-ui-notification__content" }, zn = { class: "s-ui-notification__title-row" }, Bn = {
 	key: 0,
 	class: "s-ui-notification__description-block"
-}, jn = {
+}, Vn = {
 	key: 0,
 	class: "s-ui-notification__description s-ui-typography-label-12-medium"
-}, Mn = {
+}, Hn = {
 	key: 1,
 	class: "s-ui-notification__actions-stack"
-}, Nn = {
+}, Un = {
 	key: 1,
 	class: "s-ui-notification__actions-row"
-}, Pn = /* @__PURE__ */ F({
+}, Wn = /* @__PURE__ */ L({
 	__name: "SNotification",
 	props: {
-		type: { default: () => q.INFO_ACCENT },
-		layout: { default: () => J.HORIZONTAL },
-		leftside: { default: () => Y.ICON },
-		surface: { default: () => X.BANNER },
+		type: { default: () => Y.INFO_ACCENT },
+		layout: { default: () => X.HORIZONTAL },
+		leftside: { default: () => Z.ICON },
+		surface: { default: () => jn.BANNER },
 		title: {},
 		description: {},
 		linkText: {},
@@ -150,15 +150,15 @@ var K = [
 		"secondaryAction"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = U(), i = k(() => [
+		let n = t, r = K(), i = A(() => [
 			`s-ui-notification--type-${e.type}`,
 			`s-ui-notification--layout-${e.layout}`,
 			`s-ui-notification--surface-${e.surface}`,
 			{ "s-ui-notification--single-line": p.value }
-		]), a = k(() => {
+		]), a = A(() => {
 			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 = k(() => e.type === q.DANGER ? "alert" : "status"), l = k(() => Cn(e.type, e.icon)), u = k(() => e.type === q.BILLING), d = k(() => !!(e.leftside === Y.AVATAR && e.avatar || e.leftside === Y.ICON)), f = k(() => !!(e.description || e.linkText || r.description)), p = k(() => e.layout === J.HORIZONTAL && !f.value), m = k(() => e.showPrimaryButton && (e.primaryButtonText || e.secondaryButtonText)), h = k(() => e.showPrimaryButton && (e.primaryButtonText || e.secondaryButtonText) || e.closable), g = k(() => e.type === q.BILLING || e.prominentPrimaryButton ? C.MAJOR : C.OUTLINED), _ = k(() => e.type === q.BILLING ? S.BILLING : S.MAIN), v = () => {
+		}), s = A(() => e.type === Y.DANGER ? "alert" : "status"), l = A(() => Nn(e.type, e.icon)), u = A(() => e.type === Y.BILLING), d = A(() => !!(e.leftside === Z.AVATAR && e.avatar || e.leftside === Z.ICON)), f = A(() => !!(e.description || e.linkText || r.description)), p = A(() => e.layout === X.HORIZONTAL && !f.value), m = A(() => e.showPrimaryButton && (e.primaryButtonText || e.secondaryButtonText)), h = A(() => e.showPrimaryButton && (e.primaryButtonText || e.secondaryButtonText) || e.closable), g = A(() => e.type === Y.BILLING || e.prominentPrimaryButton ? w.MAJOR : w.OUTLINED), _ = A(() => e.type === Y.BILLING ? C.BILLING : C.MAIN), v = () => {
 			n("close");
 		}, y = () => {
 			n("linkClick");
@@ -167,35 +167,35 @@ var K = [
 		}, x = () => {
 			n("secondaryAction");
 		};
-		return (t, n) => (R(), M("div", {
-			class: I(["s-ui-notification", i.value]),
-			style: L(a.value),
+		return (t, n) => (B(), N("div", {
+			class: R(["s-ui-notification", i.value]),
+			style: z(a.value),
 			role: s.value
-		}, [N("div", Tn, [
-			d.value ? (R(), M("div", En, [e.leftside === H(Y).ICON ? (R(), M("div", Dn, [tn(H(fn), {
+		}, [P("div", Fn, [
+			d.value ? (B(), N("div", In, [e.leftside === G(Z).ICON ? (B(), N("div", Ln, [I(G(vn), {
 				name: l.value,
 				size: 16,
 				billing: u.value
-			}, null, 8, ["name", "billing"])])) : e.leftside === H(Y).AVATAR && e.avatar ? (R(), A(H(c), {
+			}, null, 8, ["name", "billing"])])) : e.leftside === G(Z).AVATAR && e.avatar ? (B(), j(G(c), {
 				key: 1,
 				name: e.avatar.name,
 				src: e.avatar.src,
 				badge: e.avatar.badge,
-				size: H(o).SIZE_20,
+				size: G(o).SIZE_20,
 				showName: !1
 			}, null, 8, [
 				"name",
 				"src",
 				"badge",
 				"size"
-			])) : j("", !0)])) : j("", !0),
-			N("div", On, [
-				N("div", kn, [N("span", { class: I(["s-ui-notification__title s-ui-typography-label-14-medium", { "s-ui-notification__title--truncated": e.truncateTitle }]) }, [B(t.$slots, "title", {}, () => [P(V(e.title), 1)])], 2), e.layout === H(J).VERTICAL && e.closable ? (R(), A(H(T), {
+			])) : M("", !0)])) : M("", !0),
+			P("div", Rn, [
+				P("div", zn, [P("span", { class: R(["s-ui-notification__title s-ui-typography-label-14-medium", { "s-ui-notification__title--truncated": e.truncateTitle }]) }, [U(t.$slots, "title", {}, () => [F(W(e.title), 1)])], 2), e.layout === G(X).VERTICAL && e.closable ? (B(), j(G(E), {
 					key: 0,
 					class: "s-ui-notification__close",
-					appearance: H(C).BARE,
-					variant: H(S).NEUTRAL,
-					size: H(w).SMALL,
+					appearance: G(w).BARE,
+					variant: G(C).NEUTRAL,
+					size: G(T).SMALL,
 					"aria-label": e.closeAriaLabel,
 					icon: "closeMini",
 					onClick: v
@@ -204,87 +204,87 @@ var K = [
 					"variant",
 					"size",
 					"aria-label"
-				])) : j("", !0)]),
-				f.value ? (R(), M("div", An, [e.description || H(r).description ? (R(), M("span", jn, [B(t.$slots, "description", {}, () => [P(V(e.description), 1)])])) : j("", !0), e.linkText ? (R(), A(H(T), {
+				])) : M("", !0)]),
+				f.value ? (B(), N("div", Bn, [e.description || G(r).description ? (B(), N("span", Vn, [U(t.$slots, "description", {}, () => [F(W(e.description), 1)])])) : M("", !0), e.linkText ? (B(), j(G(E), {
 					key: 1,
 					class: "s-ui-notification__link",
-					appearance: H(C).BARE,
-					variant: H(S).MAIN,
-					size: H(w).SMALL,
+					appearance: G(w).BARE,
+					variant: G(C).MAIN,
+					size: G(T).SMALL,
 					iconRight: e.linkIconRight,
 					onClick: y
 				}, {
-					default: W(() => [P(V(e.linkText), 1)]),
+					default: q(() => [F(W(e.linkText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size",
 					"iconRight"
-				])) : j("", !0)])) : j("", !0),
-				e.layout === H(J).VERTICAL && m.value ? (R(), M("div", Mn, [e.showPrimaryButton && e.primaryButtonText ? (R(), A(H(T), {
+				])) : M("", !0)])) : M("", !0),
+				e.layout === G(X).VERTICAL && m.value ? (B(), N("div", Hn, [e.showPrimaryButton && e.primaryButtonText ? (B(), j(G(E), {
 					key: 0,
 					appearance: g.value,
 					variant: _.value,
-					size: H(w).SMALL,
+					size: G(T).SMALL,
 					onClick: b
 				}, {
-					default: W(() => [P(V(e.primaryButtonText), 1)]),
+					default: q(() => [F(W(e.primaryButtonText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
-				])) : j("", !0), e.showPrimaryButton && e.secondaryButtonText ? (R(), A(H(T), {
+				])) : M("", !0), e.showPrimaryButton && e.secondaryButtonText ? (B(), j(G(E), {
 					key: 1,
-					appearance: H(C).BARE,
-					variant: H(S).NEUTRAL,
-					size: H(w).SMALL,
+					appearance: G(w).BARE,
+					variant: G(C).NEUTRAL,
+					size: G(T).SMALL,
 					onClick: x
 				}, {
-					default: W(() => [P(V(e.secondaryButtonText), 1)]),
+					default: q(() => [F(W(e.secondaryButtonText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
-				])) : j("", !0)])) : j("", !0)
+				])) : M("", !0)])) : M("", !0)
 			]),
-			e.layout === H(J).HORIZONTAL && h.value ? (R(), M("div", Nn, [
-				e.showPrimaryButton && e.primaryButtonText ? (R(), A(H(T), {
+			e.layout === G(X).HORIZONTAL && h.value ? (B(), N("div", Un, [
+				e.showPrimaryButton && e.primaryButtonText ? (B(), j(G(E), {
 					key: 0,
 					appearance: g.value,
 					variant: _.value,
-					size: H(w).SMALL,
+					size: G(T).SMALL,
 					onClick: b
 				}, {
-					default: W(() => [P(V(e.primaryButtonText), 1)]),
+					default: q(() => [F(W(e.primaryButtonText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
-				])) : j("", !0),
-				e.showPrimaryButton && e.secondaryButtonText ? (R(), A(H(T), {
+				])) : M("", !0),
+				e.showPrimaryButton && e.secondaryButtonText ? (B(), j(G(E), {
 					key: 1,
-					appearance: H(C).OUTLINED,
-					variant: H(S).MAIN,
-					size: H(w).SMALL,
+					appearance: G(w).OUTLINED,
+					variant: G(C).MAIN,
+					size: G(T).SMALL,
 					onClick: x
 				}, {
-					default: W(() => [P(V(e.secondaryButtonText), 1)]),
+					default: q(() => [F(W(e.secondaryButtonText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
-				])) : j("", !0),
-				e.layout === H(J).HORIZONTAL && e.closable ? (R(), A(H(T), {
+				])) : M("", !0),
+				e.layout === G(X).HORIZONTAL && e.closable ? (B(), j(G(E), {
 					key: 2,
 					class: "s-ui-notification__close",
-					appearance: H(C).BARE,
-					variant: H(S).NEUTRAL,
-					size: H(w).SMALL,
+					appearance: G(w).BARE,
+					variant: G(C).NEUTRAL,
+					size: G(T).SMALL,
 					"aria-label": e.closeAriaLabel,
 					icon: "closeMini",
 					onClick: v
@@ -293,16 +293,16 @@ var K = [
 					"variant",
 					"size",
 					"aria-label"
-				])) : j("", !0)
-			])) : j("", !0)
-		])], 14, wn));
+				])) : M("", !0)
+			])) : M("", !0)
+		])], 14, Pn));
 	}
-}), Fn = /* @__PURE__ */ F({
+}), Gn = /* @__PURE__ */ L({
 	__name: "SBanner",
 	props: {
-		type: { default: () => q.INFO_ACCENT },
-		layout: { default: () => J.HORIZONTAL },
-		leftside: { default: () => Y.ICON },
+		type: { default: () => Y.INFO_ACCENT },
+		layout: { default: () => X.HORIZONTAL },
+		leftside: { default: () => Z.ICON },
 		elevated: {
 			type: Boolean,
 			default: !1
@@ -341,14 +341,14 @@ var K = [
 		"secondaryAction"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = U(), i = k(() => ({ "s-ui-banner--elevated": e.elevated }));
-		return (t, a) => (R(), A(Pn, {
-			class: I(["s-ui-banner", i.value]),
+		let n = t, r = K(), i = A(() => ({ "s-ui-banner--elevated": e.elevated }));
+		return (t, a) => (B(), j(Wn, {
+			class: R(["s-ui-banner", i.value]),
 			"data-qa": "ui:banner",
 			type: e.type,
 			layout: e.layout,
 			leftside: e.leftside,
-			surface: H(X).BANNER,
+			surface: G(jn).BANNER,
 			title: e.title,
 			description: e.description,
 			linkText: e.linkText,
@@ -367,13 +367,13 @@ var K = [
 			onLinkClick: a[1] ||= (e) => n("linkClick"),
 			onPrimaryAction: a[2] ||= (e) => n("primaryAction"),
 			onSecondaryAction: a[3] ||= (e) => n("secondaryAction")
-		}, en({ _: 2 }, [H(r).title ? {
+		}, rn({ _: 2 }, [G(r).title ? {
 			name: "title",
-			fn: W(() => [B(t.$slots, "title")]),
+			fn: q(() => [U(t.$slots, "title")]),
 			key: "0"
-		} : void 0, H(r).description ? {
+		} : void 0, G(r).description ? {
 			name: "description",
-			fn: W(() => [B(t.$slots, "description")]),
+			fn: q(() => [U(t.$slots, "description")]),
 			key: "1"
 		} : void 0]), 1032, [
 			"class",
@@ -397,12 +397,12 @@ var K = [
 			"truncateTitle"
 		]));
 	}
-}), In = /* @__PURE__ */ F({
+}), Kn = /* @__PURE__ */ L({
 	__name: "SToast",
 	props: {
-		type: { default: () => q.INFO_ACCENT },
-		layout: { default: () => J.HORIZONTAL },
-		leftside: { default: () => Y.ICON },
+		type: { default: () => Y.INFO_ACCENT },
+		layout: { default: () => X.HORIZONTAL },
+		leftside: { default: () => Z.ICON },
 		title: {},
 		description: {},
 		linkText: {},
@@ -432,14 +432,14 @@ var K = [
 		"secondaryAction"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = U(), i = k(() => e.width ?? 360);
-		return (t, a) => (R(), A(Pn, {
+		let n = t, r = K(), i = A(() => e.width ?? 360);
+		return (t, a) => (B(), j(Wn, {
 			class: "s-ui-toast",
 			"data-qa": "ui:toast",
 			type: e.type,
 			layout: e.layout,
 			leftside: e.leftside,
-			surface: H(X).TOAST,
+			surface: G(jn).TOAST,
 			title: e.title,
 			description: e.description,
 			linkText: e.linkText,
@@ -456,13 +456,13 @@ var K = [
 			onLinkClick: a[1] ||= (e) => n("linkClick"),
 			onPrimaryAction: a[2] ||= (e) => n("primaryAction"),
 			onSecondaryAction: a[3] ||= (e) => n("secondaryAction")
-		}, en({ _: 2 }, [H(r).title ? {
+		}, rn({ _: 2 }, [G(r).title ? {
 			name: "title",
-			fn: W(() => [B(t.$slots, "title")]),
+			fn: q(() => [U(t.$slots, "title")]),
 			key: "0"
-		} : void 0, H(r).description ? {
+		} : void 0, G(r).description ? {
 			name: "description",
-			fn: W(() => [B(t.$slots, "description")]),
+			fn: q(() => [U(t.$slots, "description")]),
 			key: "1"
 		} : void 0]), 1032, [
 			"type",
@@ -483,13 +483,13 @@ var K = [
 			"truncateTitle"
 		]));
 	}
-}), Ln = .05, Rn = [
+}), qn = .05, Jn = [
 	"data-mounted",
 	"data-front",
 	"data-expanded",
 	"data-removed",
 	"data-visible"
-], zn = /* @__PURE__ */ F({
+], Yn = /* @__PURE__ */ L({
 	__name: "SToastProviderToast",
 	props: {
 		index: {},
@@ -502,7 +502,7 @@ var K = [
 	},
 	emits: ["heightChange"],
 	setup(e, { emit: t }) {
-		let n = t, r = z(null), i = z(0), a = z(!1), o = k(() => e.index === 0), s = k(() => 1 - e.index * Ln), c = k(() => ({
+		let n = t, r = V(null), i = V(0), a = V(!1), o = A(() => e.index === 0), s = A(() => 1 - e.index * qn), c = A(() => ({
 			"--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`,
@@ -511,95 +511,95 @@ var K = [
 			"--s-ui-toast-provider-stack-scale": String(s.value),
 			zIndex: String(1e3 - e.index)
 		}));
-		return yn(r, (e) => {
+		return Dn(r, (e) => {
 			let t = e[0]?.contentRect.height ?? 0;
 			t !== i.value && (i.value = t, n("heightChange", t));
-		}), an(() => {
+		}), sn(() => {
 			requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
 					a.value = !0;
 				});
 			});
-		}), (t, n) => (R(), M("div", {
+		}), (t, n) => (B(), N("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: L(c.value)
-		}, [N("div", {
+			style: z(c.value)
+		}, [P("div", {
 			ref_key: "contentRef",
 			ref: r,
 			class: "s-ui-toast-provider__toast-content"
-		}, [B(t.$slots, "default")], 512)], 12, Rn));
+		}, [U(t.$slots, "default")], 512)], 12, Jn));
 	}
-}), Bn = 4e3, Vn = 1e4, Hn = 50, Un = (e, t) => {
-	let n = Bn + (e.length + (t?.length ?? 0)) * 50;
-	return n > 1e4 ? Vn : n;
-}, Z = cn([]), Q = /* @__PURE__ */ new Map(), Wn = 0, Gn = {
-	type: q.INFO_ACCENT,
-	layout: J.HORIZONTAL,
-	leftside: Y.ICON,
+}), Xn = 4e3, Zn = 1e4, Qn = 50, $n = (e, t) => {
+	let n = Xn + (e.length + (t?.length ?? 0)) * 50;
+	return n > 1e4 ? Zn : n;
+}, Q = ln([]), $ = /* @__PURE__ */ new Map(), er = 0, tr = {
+	type: Y.INFO_ACCENT,
+	layout: X.HORIZONTAL,
+	leftside: Z.ICON,
 	showPrimaryButton: !1,
 	closable: !0
-}, Kn = () => `toast-${Date.now()}-${++Wn}`, $ = (e) => {
-	let t = Q.get(e);
-	t && (window.clearTimeout(t), Q.delete(e));
-}, qn = (e) => {
-	$(e.id);
-	let t = e.duration === void 0 ? Un(e.title, e.description) : e.duration;
+}, nr = () => `toast-${Date.now()}-${++er}`, rr = (e) => {
+	let t = $.get(e);
+	t && (window.clearTimeout(t), $.delete(e));
+}, ir = (e) => {
+	rr(e.id);
+	let t = e.duration === void 0 ? $n(e.title, e.description) : e.duration;
 	if (t > 0) {
 		let n = window.setTimeout(() => {
-			Jn(e.id);
+			ar(e.id);
 		}, t);
-		Q.set(e.id, n);
+		$.set(e.id, n);
 	}
-}, Jn = (e) => {
-	let t = Z.value.findIndex((t) => t.id === e);
+}, ar = (e) => {
+	let t = Q.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));
-}, Yn = () => {
-	Q.forEach((e) => window.clearTimeout(e)), Q.clear(), Z.value = [];
-}, Xn = (e) => e.length <= 3 ? e : (e.slice(3).forEach((e) => {
-	$(e.id);
-}), e.slice(0, 3)), Zn = (e) => {
-	let t = e.id ?? Kn(), n = {
-		...Gn,
+	let n = Q.value[t];
+	n && (rr(e), n.onClose && n.onClose(), Q.value = Q.value.filter((t) => t.id !== e));
+}, or = () => {
+	$.forEach((e) => window.clearTimeout(e)), $.clear(), Q.value = [];
+}, sr = (e) => e.length <= 3 ? e : (e.slice(3).forEach((e) => {
+	rr(e.id);
+}), e.slice(0, 3)), cr = (e) => {
+	let t = e.id ?? nr(), n = {
+		...tr,
 		...e,
 		id: t
-	}, r = Z.value.findIndex((e) => e.id === t);
+	}, r = Q.value.findIndex((e) => e.id === t);
 	if (r > -1) {
-		let e = [...Z.value];
-		e[r] = n, Z.value = Xn(e);
-	} else Z.value = Xn([n, ...Z.value]);
-	return qn(n), t;
-}, Qn = (e, t) => {
-	let n = Z.value.findIndex((t) => t.id === e);
+		let e = [...Q.value];
+		e[r] = n, Q.value = sr(e);
+	} else Q.value = sr([n, ...Q.value]);
+	return ir(n), t;
+}, lr = (e, t) => {
+	let n = Q.value.findIndex((t) => t.id === e);
 	if (n === -1) return;
-	let r = Z.value[n];
+	let r = Q.value[n];
 	if (!r) return;
 	let i = {
 		...r,
 		...t,
 		id: r.id
-	}, a = [...Z.value];
-	a[n] = i, Z.value = a, qn(i);
-}, $n = () => ({
-	toasts: Z,
-	show: Zn,
-	hide: Jn,
-	hideAll: Yn,
-	update: Qn
-}), er = /* @__PURE__ */ F({
+	}, a = [...Q.value];
+	a[n] = i, Q.value = a, ir(i);
+}, ur = () => ({
+	toasts: Q,
+	show: cr,
+	hide: ar,
+	hideAll: or,
+	update: lr
+}), dr = /* @__PURE__ */ L({
 	__name: "SToastProvider",
 	setup(e) {
-		let { toasts: t, hide: n } = $n(), r = k(() => t.value.slice(0, 3)), i = z(!1), a = cn({}), o = z(/* @__PURE__ */ new Set()), s = k(() => t.value[0] ?? null), c = k(() => s.value ? a.value[s.value.id] ?? 0 : 0), l = z(0), u = k(() => c.value > 0 ? c.value : l.value);
-		dn(c, (e) => {
+		let { toasts: t, hide: n } = ur(), r = A(() => t.value.slice(0, 3)), i = V(!1), a = ln({}), o = V(/* @__PURE__ */ new Set()), s = A(() => t.value[0] ?? null), c = A(() => s.value ? a.value[s.value.id] ?? 0 : 0), l = V(0), u = A(() => c.value > 0 ? c.value : l.value);
+		pn(c, (e) => {
 			e > 0 && (l.value = e);
 		});
-		let d = k(() => {
+		let d = A(() => {
 			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;
@@ -638,32 +638,32 @@ var K = [
 		}, b = (e) => {
 			e.onSecondaryAction && e.onSecondaryAction();
 		};
-		return (e, t) => (R(), A($t, { to: "body" }, [N("div", {
+		return (e, t) => (B(), j(nn, { to: "body" }, [P("div", {
 			class: "s-ui-toast-provider",
 			onMouseenter: m,
 			onMouseleave: h
-		}, [r.value.length > 0 ? (R(), M("div", {
+		}, [r.value.length > 0 ? (B(), N("div", {
 			key: 0,
 			class: "s-ui-toast-provider__list",
-			style: L(d.value)
-		}, [(R(!0), M(Qt, null, on(r.value, (t, n) => (R(), A(zn, {
+			style: z(d.value)
+		}, [(B(!0), N(k, null, H(r.value, (t, n) => (B(), j(Yn, {
 			key: t.id,
 			index: n,
 			expanded: i.value,
 			"front-toast-height": u.value,
-			"stack-peek": H(10),
+			"stack-peek": G(10),
 			removed: p(t.id),
-			visible: n < H(3),
+			visible: n < G(3),
 			"offset-y": f(n),
 			onHeightChange: (e) => g(t.id, e)
 		}, {
-			default: W(() => [B(e.$slots, "toast", { toast: t }, () => [t.component ? (R(), A(sn(t.component), rn({
+			default: q(() => [U(e.$slots, "toast", { toast: t }, () => [t.component ? (B(), j(cn(t.component), on({
 				key: 0,
 				ref_for: !0
 			}, t.componentProps, {
 				toast: t,
 				onClose: (e) => _(t.id)
-			}), null, 16, ["toast", "onClose"])) : (R(), A(H(In), {
+			}), null, 16, ["toast", "onClose"])) : (B(), j(G(Kn), {
 				key: 1,
 				type: t.type,
 				layout: t.layout,
@@ -715,12 +715,12 @@ var K = [
 			"visible",
 			"offset-y",
 			"onHeightChange"
-		]))), 128))], 4)) : j("", !0)], 32)]));
+		]))), 128))], 4)) : M("", !0)], 32)]));
 	}
-}), tr = 4, nr = 4, rr = 1, ir = "400 12px var(--s-ui-font-family-label)", ar = 4, or = (e, t, n, r, i, a) => {
+}), fr = 4, pr = 4, mr = 1, hr = "400 12px var(--s-ui-font-family-label)", gr = 4, _r = .5, vr = (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();
-}, sr = (e) => {
+}, yr = (e) => {
 	let t = e.getProps([
 		"x",
 		"y",
@@ -731,39 +731,42 @@ var K = [
 		width: Math.abs(n - i),
 		centerY: r
 	};
-}, cr = (e, t, n, r, i) => {
-	let a = sr(t);
+}, br = (e, t, n, r, i) => {
+	let a = yr(t);
 	if (!a) return;
-	let o = i ? i(n) : `${n}`, s = e.measureText(o).width + tr * 2;
-	if (a.width < s + ar * 2) return;
+	let o = i ? i(n) : `${n}`, s = e.measureText(o).width + fr * 2;
+	if (a.width < s + gr * 2) return;
 	let c = a.left + a.width / 2;
-	or(e, c - s / 2, a.centerY - 20 / 2, s, 20, nr), e.fillStyle = r.background, e.fill(), e.lineWidth = rr, e.strokeStyle = r.border, e.stroke(), e.fillStyle = r.text, e.fillText(o, c, a.centerY);
-}, lr = (e, t) => ({
+	vr(e, c - s / 2, a.centerY - 20 / 2, s, 20, pr), e.fillStyle = r.background, e.fill(), e.lineWidth = mr, e.strokeStyle = r.border, e.stroke(), e.fillStyle = r.text, e.fillText(o, c, a.centerY);
+}, xr = (e, t) => ({
 	id: "segmentedBarBadge",
 	afterDatasetsDraw(n) {
 		let r = {
-			background: D(O.pieBadgeBackground, e),
-			border: D(O.pieBadgeBorder, e),
-			text: D(O.pieBadgeText, e)
+			background: O(D.pieBadgeBackground, e),
+			border: O(D.pieBadgeBorder, e),
+			text: O(D.pieBadgeText, e)
 		}, { ctx: i } = n;
-		i.save(), i.font = ir, i.textAlign = "center", i.textBaseline = "middle", n.data.datasets.forEach((e, a) => {
-			let o = n.getDatasetMeta(a)?.data[0], s = e.data[0];
-			o && typeof s == "number" && s > 0 && cr(i, o, s, r, t);
+		i.save(), i.font = hr, i.textAlign = "center", i.textBaseline = "middle";
+		let a = dt(n);
+		n.data.datasets.forEach((e, o) => {
+			let s = n.getDatasetMeta(o)?.data[0], c = e.data[0];
+			s && typeof c == "number" && c > 0 && (i.globalAlpha = a !== null && a.datasetIndex !== o ? _r : 1, br(i, s, c, r, t));
 		}), i.restore();
 	}
-}), ur = 40, dr = 4, fr = 1, pr = [
+}), Sr = 40, Cr = 4, wr = 1, Tr = [
 	"mousemove",
 	"mouseout",
 	"click",
 	"touchstart",
 	"touchmove"
-], mr = ({ segments: e, segmentColors: t, colorHostElement: n, skeleton: r = !1, formatValue: i, onSegmentClick: a }) => {
+], Er = ({ segments: e, segmentColors: t, colorHostElement: n, skeleton: r = !1, formatValue: i, onSegmentClick: a, onSegmentHover: o, resolveTooltipLines: s }) => {
 	if (e.length === 0) return null;
-	let o = D("--s-ui-color-surface-primary", n), s = e.reduce((e, t) => e + t.value, 0), c = mt({
+	let c = O("--s-ui-color-surface-primary", n), l = e.reduce((e, t) => e + t.value, 0), u = mt({
 		kind: "series",
 		skeleton: r,
 		colorHostElement: n,
-		onIndexClick: a
+		onIndexClick: a,
+		onHoverIndexChange: o
 	});
 	return {
 		type: "bar",
@@ -774,14 +777,14 @@ var K = [
 				data: [e.value],
 				backgroundColor: t[n],
 				hoverBackgroundColor: t[n],
-				borderColor: o,
+				borderColor: c,
 				borderWidth: {
-					left: fr,
-					right: fr
+					left: wr,
+					right: wr
 				},
 				borderSkipped: !1,
-				borderRadius: dr,
-				barThickness: ur,
+				borderRadius: Cr,
+				barThickness: Sr,
 				stack: "track"
 			}))
 		},
@@ -790,24 +793,34 @@ var K = [
 			responsive: !0,
 			maintainAspectRatio: !1,
 			layout: { padding: 0 },
-			events: r ? [] : pr,
-			onHover: c.onHover,
-			onClick: c.onClick,
+			events: r ? [] : Tr,
+			onHover: u.onHover,
+			onClick: u.onClick,
 			hover: r ? void 0 : {
 				mode: "nearest",
 				intersect: !0
 			},
-			elements: r ? void 0 : { bar: { hoverBorderColor: o } },
+			elements: r ? void 0 : { bar: { hoverBorderColor: c } },
 			plugins: {
 				legend: { display: !1 },
-				tooltip: { enabled: !1 }
+				tooltip: {
+					enabled: !r && s !== void 0,
+					backgroundColor: O(D.tooltipBackground, n),
+					titleColor: O(D.tooltipText, n),
+					bodyColor: O(D.tooltipText, n),
+					displayColors: !1,
+					callbacks: {
+						title: () => "",
+						label: (e) => s?.(e.datasetIndex) ?? []
+					}
+				}
 			},
 			scales: {
 				x: {
 					display: !1,
 					stacked: !0,
 					min: 0,
-					max: s
+					max: l
 				},
 				y: {
 					display: !1,
@@ -815,9 +828,9 @@ var K = [
 				}
 			}
 		},
-		plugins: [...r ? [] : [lr(n, i)], ...c.plugins]
+		plugins: [...r ? [] : [xr(n, i)], ...u.plugins]
 	};
-}, hr = [
+}, Dr = [
 	4,
 	1,
 	2,
@@ -829,9 +842,9 @@ var K = [
 ].map((e, t) => ({
 	label: `Series ${t + 1}`,
 	value: e
-})), gr = { class: "s-ui-chart-segmented-bar__canvas-wrap" }, _r = /* @__PURE__ */ F({
+})), Or = /* @__PURE__ */ L({
 	__name: "SChartSegmentedBar",
-	props: {
+	props: /*@__PURE__*/ an({
 		segments: { default: () => [] },
 		showLegend: {
 			type: Boolean,
@@ -841,91 +854,133 @@ var K = [
 			type: Boolean,
 			default: !1
 		},
-		formatValue: { type: Function }
-	},
-	emits: ["segmentClick"],
+		formatValue: { type: Function },
+		selectable: {
+			type: Boolean,
+			default: !1
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		legendSize: { default: () => _t.SMALL },
+		formatTooltip: { type: Function }
+	}, {
+		selectedIndex: { default: null },
+		selectedIndexModifiers: {},
+		selectedIndexes: { default: () => [] },
+		selectedIndexesModifiers: {}
+	}),
+	emits: /*@__PURE__*/ an(["segmentClick"], ["update:selectedIndex", "update:selectedIndexes"]),
 	setup(e, { expose: t, emit: n }) {
-		let r = n, i = dt, a = un("chartRootRef"), o = un("chartCanvasRef"), s = k(() => e.loading ? hr : e.segments), c = k(() => s.value.map((t, n) => xn(n, a.value, t.fillColor, e.loading))), l = k(() => s.value.map((e, t) => ({
+		let r = dn(e, "selectedIndex"), i = dn(e, "selectedIndexes"), a = n, o = ut, s = fn("chartRootRef"), c = fn("chartCanvasRef"), l = A(() => e.loading ? Dr : e.segments), u = A(() => l.value.map((t, n) => An(n, s.value, t.fillColor, e.loading))), d = A(() => l.value.map((e, t) => ({
 			segment: e,
 			segmentIndex: t
-		})).filter(({ segment: e }) => e.value > 0)), u = k(() => l.value.map(({ segment: e }) => e)), d = k(() => l.value.map(({ segmentIndex: e }) => c.value[e] ?? "")), f = k(() => {
+		})).filter(({ segment: e }) => e.value > 0)), f = A(() => d.value.map(({ segment: e }) => e)), p = A(() => d.value.map(({ segmentIndex: e }) => _.value && !i.value.includes(e) ? pt(s.value) : u.value[e] ?? "")), m = A(() => {
 			let e = /* @__PURE__ */ new Map();
-			return l.value.forEach(({ segmentIndex: t }, n) => {
+			return d.value.forEach(({ segmentIndex: t }, n) => {
 				e.set(t, n);
 			}), e;
-		}), p = (e) => {
-			let t = l.value[e];
-			t && r("segmentClick", t.segmentIndex, t.segment);
-		}, m = wt("onSegmentClick"), h = k(() => mr({
-			segments: u.value,
-			segmentColors: d.value,
-			colorHostElement: a.value,
+		}), h = V(null), g = (t) => {
+			if (e.multiple) {
+				i.value = i.value.includes(t) ? i.value.filter((e) => e !== t) : [...i.value, t];
+				return;
+			}
+			r.value = r.value === t ? null : t;
+		}, _ = A(() => e.selectable && e.multiple && i.value.length > 0), v = (t) => {
+			let n = d.value[t];
+			n && (a("segmentClick", n.segmentIndex, n.segment), e.selectable && g(n.segmentIndex));
+		}, y = (e) => {
+			h.value = e === null ? null : d.value[e]?.segmentIndex ?? null;
+		}, b = Ot("onSegmentClick"), x = (t) => {
+			let n = d.value[t];
+			return n && e.formatTooltip ? e.formatTooltip(n.segment, n.segmentIndex) : [];
+		}, ee = A(() => e.selectable ? e.multiple ? h.value : h.value ?? r.value : null), S = A(() => _.value && h.value === null ? i.value : []), C = A(() => Er({
+			segments: f.value,
+			segmentColors: p.value,
+			colorHostElement: s.value,
 			skeleton: e.loading,
 			formatValue: e.formatValue,
-			onSegmentClick: m() ? p : void 0
-		})), g = k(() => s.value.map((e, t) => ({
+			onSegmentClick: e.selectable || b() ? v : void 0,
+			onSegmentHover: e.selectable ? y : void 0,
+			resolveTooltipLines: e.formatTooltip ? x : void 0
+		})), w = A(() => l.value.map((e, t) => ({
 			label: e.label,
-			color: c.value[t] ?? ""
-		}))), { chartInstance: _ } = pt({
-			canvasRef: o,
-			config: h,
-			enabled: k(() => e.loading || u.value.length > 0)
-		}), { exportImage: v, handleLegendItemHover: y } = ht({
-			chartInstance: _,
-			canvasRef: o,
-			colorHostElement: a
-		}), b = (e) => {
-			y(e === null ? null : f.value.get(e) ?? null);
+			color: u.value[t] ?? ""
+		}))), { chartInstance: T } = ft({
+			canvasRef: c,
+			config: C,
+			enabled: A(() => e.loading || f.value.length > 0)
+		}), { exportImage: E, handleLegendItemHover: te, pinElement: ne } = ht({
+			chartInstance: T,
+			canvasRef: c,
+			colorHostElement: s
+		}), re = (e) => e === null ? null : m.value.get(e) ?? null, ie = (t) => {
+			e.selectable && (h.value = t), te(re(t));
 		};
-		return t({ exportImage: v }), (t, n) => (R(), M("div", {
+		return pn([T, r], () => {
+			e.selectable && !e.loading && ne(re(r.value));
+		}), t({ exportImage: E }), (t, n) => (B(), N("div", {
 			ref_key: "chartRootRef",
-			ref: a,
-			class: I(["s-ui-chart-segmented-bar", { "s-ui-chart-segmented-bar--skeleton": e.loading }]),
+			ref: s,
+			class: R(["s-ui-chart-segmented-bar", { "s-ui-chart-segmented-bar--skeleton": e.loading }]),
 			"data-qa": "ui:chart-segmented-bar"
-		}, [N("div", gr, [tn(H(ft), {
+		}, [P("div", {
+			class: "s-ui-chart-segmented-bar__canvas-wrap",
+			onMouseleave: n[0] ||= (e) => y(null)
+		}, [I(G(gt), {
 			loading: e.loading,
-			type: H(i).CARTESIAN
+			type: G(o).CARTESIAN
 		}, {
-			default: W(() => [N("canvas", {
+			default: q(() => [P("canvas", {
 				ref_key: "chartCanvasRef",
-				ref: o,
+				ref: c,
 				class: "s-ui-chart-segmented-bar__canvas"
 			}, null, 512)]),
 			_: 1
-		}, 8, ["loading", "type"])]), e.showLegend && g.value.length ? (R(), A(H(E), {
+		}, 8, ["loading", "type"])], 32), e.showLegend && w.value.length ? (B(), j(G(vt), {
 			key: 0,
-			items: g.value,
+			items: w.value,
 			disabled: e.loading,
 			interactive: !e.loading,
-			onItemHover: b
+			size: e.legendSize,
+			selectable: e.selectable && !e.loading,
+			"active-index": ee.value,
+			"active-indexes": S.value,
+			onItemHover: ie,
+			onItemClick: g
 		}, null, 8, [
 			"items",
 			"disabled",
-			"interactive"
-		])) : j("", !0)], 2));
+			"interactive",
+			"size",
+			"selectable",
+			"active-index",
+			"active-indexes"
+		])) : M("", !0)], 2));
 	}
-}), vr = {
+}), kr = {
 	key: 0,
 	class: "s-ui-chart-widget__header"
-}, yr = {
+}, Ar = {
 	key: 0,
 	class: "s-ui-chart-widget__title-skeleton",
 	"aria-hidden": "true"
-}, br = {
+}, jr = {
 	key: 1,
 	class: "s-ui-chart-widget__heading"
-}, xr = { class: "s-ui-chart-widget__title s-ui-typography-label-16-medium" }, Sr = {
+}, Mr = { class: "s-ui-chart-widget__title s-ui-typography-label-16-medium" }, Nr = {
 	key: 0,
 	class: "s-ui-chart-widget__subtitle s-ui-typography-body-12-regular"
-}, Cr = { class: "s-ui-chart-widget__controls" }, wr = {
+}, Pr = { class: "s-ui-chart-widget__controls" }, Fr = {
 	key: 1,
 	class: "s-ui-chart-widget__content"
-}, Tr = {
+}, Ir = {
 	key: 2,
 	class: "s-ui-chart-widget__footer"
-}, Er = /* @__PURE__ */ F({
+}, Lr = /* @__PURE__ */ L({
 	__name: "SChartWidget",
-	props: /*@__PURE__*/ nn({
+	props: /*@__PURE__*/ an({
 		title: { default: "" },
 		subtitle: { default: "" },
 		collapsible: {
@@ -949,17 +1004,17 @@ var K = [
 	}),
 	emits: ["update:collapsed"],
 	setup(e) {
-		let t = ln(e, "collapsed"), n = U(), { t: r } = vn(), i = k(() => !!e.subtitle || !!n.subtitle), a = k(() => !!e.title || !!n.title || i.value || !!n.actions || e.collapsible), o = k(() => !!n.footer), s = k(() => !t.value || !e.collapsible || !e.hideContentWhenCollapsed), c = k(() => r(t.value ? "chartWidget.expand" : "chartWidget.collapse"));
-		return (n, r) => (R(), M("div", {
-			class: I(["s-ui-chart-widget", { "s-ui-chart-widget--skeleton": e.loading }]),
+		let t = dn(e, "collapsed"), n = K(), { t: r } = En(), i = A(() => !!e.subtitle || !!n.subtitle), a = A(() => !!e.title || !!n.title || i.value || !!n.actions || e.collapsible), o = A(() => !!n.footer), s = A(() => !t.value || !e.collapsible || !e.hideContentWhenCollapsed), c = A(() => r(t.value ? "chartWidget.expand" : "chartWidget.collapse"));
+		return (n, r) => (B(), N("div", {
+			class: R(["s-ui-chart-widget", { "s-ui-chart-widget--skeleton": e.loading }]),
 			"data-qa": "ui:chart-widget"
 		}, [
-			a.value ? (R(), M("div", vr, [e.loading ? (R(), M("span", yr)) : (R(), M("span", br, [N("span", xr, [B(n.$slots, "title", {}, () => [P(V(e.title), 1)])]), i.value ? (R(), M("span", Sr, [B(n.$slots, "subtitle", {}, () => [P(V(e.subtitle), 1)])])) : j("", !0)])), N("div", Cr, [B(n.$slots, "actions"), e.collapsible ? (R(), A(H(T), {
+			a.value ? (B(), N("div", kr, [e.loading ? (B(), N("span", Ar)) : (B(), N("span", jr, [P("span", Mr, [U(n.$slots, "title", {}, () => [F(W(e.title), 1)])]), i.value ? (B(), N("span", Nr, [U(n.$slots, "subtitle", {}, () => [F(W(e.subtitle), 1)])])) : M("", !0)])), P("div", Pr, [U(n.$slots, "actions"), e.collapsible ? (B(), j(G(E), {
 				key: 0,
-				appearance: H(C).OUTLINED,
-				variant: H(S).NEUTRAL,
-				size: H(w).SMALL,
-				icon: t.value ? H(G).chevronDown : H(G).chevronUp,
+				appearance: G(w).OUTLINED,
+				variant: G(C).NEUTRAL,
+				size: G(T).SMALL,
+				icon: t.value ? G(J).chevronDown : G(J).chevronUp,
 				"aria-label": c.value,
 				"aria-expanded": !t.value,
 				onClick: r[0] ||= (e) => t.value = !t.value
@@ -970,11 +1025,222 @@ var K = [
 				"icon",
 				"aria-label",
 				"aria-expanded"
-			])) : j("", !0)])])) : j("", !0),
-			s.value ? (R(), M("div", wr, [B(n.$slots, "default")])) : j("", !0),
-			o.value ? (R(), M("div", Tr, [B(n.$slots, "footer")])) : j("", !0)
+			])) : M("", !0)])])) : M("", !0),
+			s.value ? (B(), N("div", Fr, [U(n.$slots, "default")])) : M("", !0),
+			o.value ? (B(), N("div", Ir, [U(n.$slots, "footer")])) : M("", !0)
 		], 2));
 	}
+}), Rr = /* @__PURE__ */ function(e) {
+	return e.UNDONE = "undone", e.GENERATED = "generated", e.ON_PLAN = "on-plan", e.RISK = "risk", e.DEVIATED = "deviated", e.ON_PAUSE = "on-pause", e.DONE = "done", e;
+}({}), zr = /^(\d{4})-(\d{2})-(\d{2})/, Br = (e) => {
+	if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : {
+		year: e.getFullYear(),
+		month: e.getMonth(),
+		day: e.getDate()
+	};
+	let t = zr.exec(e);
+	return t ? {
+		year: Number(t[1]),
+		month: Number(t[2]) - 1,
+		day: Number(t[3])
+	} : null;
+}, Vr = (e, t) => new Date(e, t + 1, 0).getDate(), Hr = 12, Ur = (e, t, n = !1) => {
+	if (e.year < t) return 0;
+	if (e.year > t) return 100;
+	let r = Vr(e.year, e.month), i = n ? e.day : e.day - 1;
+	return (e.month + i / r) / Hr * 100;
+}, Wr = (e) => {
+	let t = new Intl.DateTimeFormat(e, { month: "long" });
+	return Array.from({ length: Hr }, (n, r) => {
+		let i = t.format(new Date(2e3, r, 1));
+		return i.charAt(0).toLocaleUpperCase(e) + i.slice(1);
+	});
+}, Gr = (e) => Math.min(100, Math.max(0, e)), Kr = (e, t, n, r, i) => e.flatMap((e) => {
+	let a = Br(e.date);
+	if (!a || a.year !== n) return [];
+	let o = Ur(a, n, !0), s = i > 0 ? Gr((o - r) / i * 100) : 0;
+	return [{
+		milestone: e,
+		status: e.status ?? t,
+		offset: s
+	}];
+}), qr = (e, t) => e.flatMap((e) => {
+	let n = Br(e.start), r = Br(e.end);
+	if (!n || !r || n.year > t || r.year < t) return [];
+	let i = Ur(n, t), a = Ur(r, t, !0);
+	if (a <= i) return [];
+	let o = e.status ?? Rr.ON_PLAN, s = a - i;
+	return [{
+		item: e,
+		status: o,
+		left: i,
+		width: s,
+		progress: e.progress === void 0 ? null : Gr(Math.round(e.progress)),
+		milestones: Kr(e.milestones ?? [], o, t, i, s)
+	}];
+}), Jr = ["aria-busy"], Yr = { class: "s-ui-roadmap__ruler" }, Xr = { class: "s-ui-roadmap__year" }, Zr = { class: "s-ui-roadmap__months" }, Qr = { class: "s-ui-roadmap__body" }, $r = {
+	class: "s-ui-roadmap__grid",
+	"aria-hidden": "true"
+}, ei = {
+	key: 1,
+	class: "s-ui-roadmap__rows"
+}, ti = { class: "s-ui-roadmap__row" }, ni = {
+	key: 2,
+	class: "s-ui-roadmap__rows"
+}, ri = [
+	"role",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+], ii = { class: "s-ui-roadmap__card-header" }, ai = { class: "s-ui-roadmap__card-title" }, oi = { class: "s-ui-roadmap__card-track" }, si = [
+	"title",
+	"aria-label",
+	"onClick"
+], ci = {
+	key: 0,
+	class: "s-ui-roadmap__card-progress"
+}, li = { class: "s-ui-roadmap__card-percent" }, ui = {
+	key: 3,
+	class: "s-ui-roadmap__empty"
+}, di = 3.8, fi = 39.6, pi = 16, mi = 16, hi = /* @__PURE__ */ L({
+	__name: "SRoadmap",
+	props: {
+		items: { default: () => [] },
+		year: {},
+		today: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		itemActionLabel: {},
+		milestoneActionLabel: {}
+	},
+	emits: ["itemClick", "milestoneClick"],
+	setup(e, { emit: t }) {
+		let n = t, r = pi / 2, i = J.stageFill, a = J.milestoneFill, o = gn.SMALL, s = _n.S_ROADMAP_CARD, c = {
+			insetInlineStart: `${di}%`,
+			inlineSize: `${fi}%`
+		}, { t: l, locale: u } = En(), d = Ot("onItemClick"), f = Ot("onMilestoneClick"), p = V(null), m = A(() => d() ? e.itemActionLabel : void 0), h = A(() => f() ? e.milestoneActionLabel : void 0), g = A(() => p.value ? {
+			insetInlineStart: `${p.value.x}px`,
+			insetBlockStart: `${p.value.y + mi}px`
+		} : void 0), _ = (e, t) => {
+			p.value = e ? {
+				text: e,
+				x: t.clientX,
+				y: t.clientY
+			} : null;
+		}, v = () => {
+			p.value = null;
+		}, y = A(() => Br(e.today ?? /* @__PURE__ */ new Date())), b = A(() => e.year ?? y.value?.year ?? (/* @__PURE__ */ new Date()).getFullYear()), x = A(() => y.value?.year === b.value), ee = A(() => ["s-ui-roadmap", { "s-ui-roadmap--loading": e.loading }]), S = A(() => Wr(String(un(u))).map((e, t) => ({
+			index: t,
+			label: e,
+			classes: ["s-ui-roadmap__month", { "s-ui-roadmap__month--current": x.value && y.value?.month === t }]
+		}))), C = A(() => !x.value || !y.value ? null : { insetInlineStart: `${Ur(y.value, b.value)}%` }), w = A(() => qr(e.items, b.value).map((e) => ({
+			key: e.item.id,
+			row: e,
+			role: d() ? "button" : void 0,
+			tabindex: d() ? 0 : void 0,
+			progressLabel: l("roadmap.progress", { value: String(e.progress ?? 0) }),
+			cardClasses: [
+				"s-ui-roadmap__card",
+				`s-ui-roadmap__card--status-${e.status}`,
+				{ "s-ui-roadmap__card--clickable": d() }
+			],
+			cardStyle: {
+				insetInlineStart: `${e.left}%`,
+				inlineSize: `${e.width}%`
+			},
+			milestones: e.milestones.map((e) => ({
+				key: e.milestone.id,
+				placement: e,
+				title: l("roadmap.milestone", { title: e.milestone.title }),
+				nativeTitle: h.value ? void 0 : l("roadmap.milestone", { title: e.milestone.title }),
+				classes: ["s-ui-roadmap__milestone", `s-ui-roadmap__milestone--status-${e.status}`],
+				style: { insetInlineStart: `clamp(0px, calc(${e.offset}% - ${r}px), calc(100% - ${pi}px))` }
+			}))
+		}))), T = (e) => {
+			n("itemClick", e);
+		}, E = (e, t) => {
+			n("milestoneClick", e, t);
+		};
+		return (t, n) => (B(), N("div", {
+			class: R(ee.value),
+			"data-qa": "ui:roadmap",
+			"aria-busy": e.loading
+		}, [
+			P("div", Yr, [P("div", Xr, W(b.value), 1), P("ol", Zr, [(B(!0), N(k, null, H(S.value, (e) => (B(), N("li", {
+				key: e.index,
+				class: R(e.classes)
+			}, W(e.label), 3))), 128))])]),
+			P("div", Qr, [
+				P("div", $r, [(B(!0), N(k, null, H(S.value, (e) => (B(), N("span", {
+					key: e.index,
+					class: "s-ui-roadmap__grid-column"
+				}))), 128))]),
+				C.value ? (B(), N("div", {
+					key: 0,
+					class: "s-ui-roadmap__today",
+					style: z(C.value),
+					"aria-hidden": "true"
+				}, [...n[2] ||= [P("span", { class: "s-ui-roadmap__today-point" }, null, -1)]], 4)) : M("", !0),
+				e.loading ? (B(), N("ul", ei, [P("li", ti, [P("div", {
+					class: "s-ui-roadmap__card s-ui-roadmap__card--skeleton",
+					style: c,
+					"aria-hidden": "true"
+				}, [I(G(bn), {
+					class: "s-ui-roadmap__card-skeleton",
+					type: G(s)
+				}, null, 8, ["type"])])])])) : w.value.length ? (B(), N("ul", ni, [(B(!0), N(k, null, H(w.value, (e) => (B(), N("li", {
+					key: e.key,
+					class: "s-ui-roadmap__row"
+				}, [P("div", {
+					class: R(e.cardClasses),
+					style: z(e.cardStyle),
+					role: e.role,
+					tabindex: e.tabindex,
+					onClick: (t) => T(e.row.item),
+					onKeydown: mn((t) => T(e.row.item), ["enter"]),
+					onPointermove: n[1] ||= (e) => _(m.value, e),
+					onPointerleave: v
+				}, [
+					P("div", ii, [U(t.$slots, "item-leading", { item: e.row.item }), P("span", ai, W(e.row.item.title), 1)]),
+					P("div", oi, [I(G(vn), {
+						class: "s-ui-roadmap__stage-icon",
+						name: G(i),
+						size: 16
+					}, null, 8, ["name"]), (B(!0), N(k, null, H(e.milestones, (t) => (B(), N("button", {
+						key: t.key,
+						type: "button",
+						class: R(t.classes),
+						style: z(t.style),
+						title: t.nativeTitle,
+						"aria-label": t.title,
+						onClick: hn((n) => E(t.placement.milestone, e.row.item), ["stop"]),
+						onPointermove: n[0] ||= hn((e) => _(h.value, e), ["stop"])
+					}, [I(G(vn), {
+						name: G(a),
+						size: 16
+					}, null, 8, ["name"])], 46, si))), 128))]),
+					e.row.progress === null ? M("", !0) : (B(), N("div", ci, [I(G(yn), {
+						class: "s-ui-roadmap__card-progress-bar",
+						value: e.row.progress,
+						size: G(o),
+						"aria-label": e.progressLabel
+					}, null, 8, [
+						"value",
+						"size",
+						"aria-label"
+					]), P("span", li, W(e.row.progress) + "%", 1)]))
+				], 46, ri)]))), 128))])) : (B(), N("div", ui, [U(t.$slots, "empty", {}, () => [F(W(G(l)("roadmap.empty")), 1)])]))
+			]),
+			(B(), j(nn, { to: "body" }, [p.value ? (B(), N("span", {
+				key: 0,
+				class: "s-ui-roadmap__hint",
+				style: z(g.value),
+				role: "tooltip"
+			}, W(p.value.text), 5)) : M("", !0)]))
+		], 10, Jr));
+	}
 });
 //#endregion
-export { Dt as CALENDAR_WEEK_SLOT_COUNT, Ft as DAY_TIMELINE_MINUTES, m as DEFAULT_COLOR_PALETTE, p as EAccentColor, C as EButtonAppearance, ce as EButtonGroupLayout, w as EButtonSize, S as EButtonVariant, g as EColorFormat, we as EConnectedPositionStrategy, J as ENotificationLayout, Y as ENotificationLeftside, q as ENotificationType, a as ESAvatarBadge, s as ESAvatarColor, ee as ESAvatarGroupSize, i as ESAvatarIconBackground, r as ESAvatarShape, o as ESAvatarSize, e as ESBadgeColor, t as ESBadgePlacement, Mt as ESCalendarEventDirection, Rt as ESCalendarMonthDayTone, ge as ESCardLayout, pe as ESCheckboxColor, me as ESCheckboxLabelPlacement, fe as ESCheckboxSize, Ne as ESChipColor, Pe as ESChipSize, h as ESColorPaletteLayout, Ee as ESDropdownBoundary, De as ESDropdownPlacement, ue 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, ve as ESSegmentControlSize, Qe as ESSelectSearchable, be as ESTabAppearance, xe as ESTabSize, Gt as ESTableCellState, Jt as ESTableCheckState, Ut as ESTableColumnAlign, zt as ESTableColumnSticky, Kt as ESTableDropAction, Yt as ESTableFooterTone, Bt as ESTableRowColor, Wt as ESTableRowHeightMode, Zt as ESTableRowKind, Vt as ESTableRowState, Ht as ESTableRowsDragMode, qt as ESTableSortDirection, ke as ESTagColor, Ae as ESTagSize, nt as ESToggleLabelPlacement, rt as ESToggleSize, oe as ESelectionFocusMode, re as ESelectionMode, ae as ESelectionOrientation, Ot as EWorkTimeSource, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, te as SAvatarGroup, n as SBadge, Fn as SBanner, T as SButton, de as SButtonGroup, kt as SCalendarMonth, jt as SCalendarWeekGrid, _e as SCard, Tt as SChartBar, Ct as SChartBurnup, bt as SChartHorizontalBar, E as SChartLegend, gt as SChartLine, St as SChartMultiLine, xt as SChartPie, Et as SChartProgress, _r as SChartSegmentedBar, vt as SChartStackedArea, yt as SChartStackedBar, Er as SChartWidget, he as SCheckbox, Fe as SChip, d as SColorArea, v as SColorPalette, f as SColorPicker, u as SColorValues, Nt as SDayTimeline, Le as SDropdown, Re as SDropdownMenu, le 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, ye as SSegmentControl, $e as SSelect, Se as STab, Xt as STable, Ce as STabs, je as STag, Me as STagGroup, st as STextarea, In as SToast, er as SToastProvider, it as SToggle, Ie as S_DROPDOWN_SHEET_BREAKPOINT, Vn as TOAST_AUTO_DURATION_MAX_MS, Bn as TOAST_AUTO_DURATION_MIN_MS, Hn as TOAST_AUTO_DURATION_MS_PER_CHAR, Pt as WORK_TIME_SOURCE_COLOR_VARS, It as WORK_TIME_SOURCE_ORDER, Lt as buildWorkTimeLegendItems, Un as computeAutoDuration, Te as computeConnectedPosition, pn as createUiKit, At as formatDurationHM, x as isSameColor, b as normalizeColorValue, y as resolveColorPreview, ne as resolveOwnPropOrGroupedOrFallback, mn as setUiKitLocale, hn as uiKitLocaleEn, gn as uiKitLocaleRu, qe as useFlatTreeList, Oe as useFloatingOverlay, Ke as useSListEndReached, ie as useSelectionGroup, se as useSelectionGroupItem, $n as useToast, _n as useUiKitI18n };
+export { jt as CALENDAR_WEEK_SLOT_COUNT, zt as DAY_TIMELINE_MINUTES, m as DEFAULT_COLOR_PALETTE, p as EAccentColor, w as EButtonAppearance, se as EButtonGroupLayout, T as EButtonSize, C as EButtonVariant, g as EColorFormat, Ce as EConnectedPositionStrategy, X as ENotificationLayout, Z as ENotificationLeftside, Y as ENotificationType, a as ESAvatarBadge, s as ESAvatarColor, ee as ESAvatarGroupSize, i as ESAvatarIconBackground, r as ESAvatarShape, o as ESAvatarSize, e as ESBadgeColor, t as ESBadgePlacement, It as ESCalendarEventDirection, Ht as ESCalendarMonthDayTone, he as ESCardLayout, _t as ESChartLegendSize, wt as ESChartPieLegendView, fe as ESCheckboxColor, pe as ESCheckboxLabelPlacement, de as ESCheckboxSize, Me as ESChipColor, Ne as ESChipSize, h as ESColorPaletteLayout, Te as ESDropdownBoundary, Ee as ESDropdownPlacement, le as ESInlineGroupOrientation, it as ESInlineInputAppearance, Be as ESInlineMessageValidationStatus, Re as ESInputCustomize, He as ESLabelSize, Ue as ESLabelVariant, Ye as ESListGap, qe as ESListItemVariant, st as ESPhotoEditShape, ct as ESPhotoEditSize, $e as ESRadioLabelPlacement, Rr as ESRoadmapStatus, _e as ESSegmentControlSize, Ze as ESSelectSearchable, ye as ESTabAppearance, be as ESTabSize, Yt as ESTableCellState, Qt as ESTableCheckState, qt as ESTableColumnAlign, Ut as ESTableColumnSticky, Xt as ESTableDropAction, $t as ESTableFooterTone, Wt as ESTableRowColor, Jt as ESTableRowHeightMode, tn as ESTableRowKind, Gt as ESTableRowState, Kt as ESTableRowsDragMode, Zt as ESTableSortDirection, Oe as ESTagColor, ke as ESTagSize, tt as ESToggleLabelPlacement, nt as ESToggleSize, ae as ESelectionFocusMode, ne as ESelectionMode, ie as ESelectionOrientation, Mt as EWorkTimeSource, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, S as SAvatarGroup, n as SBadge, Gn as SBanner, E as SButton, ue as SButtonGroup, Nt as SCalendarMonth, Ft as SCalendarWeekGrid, ge as SCard, kt as SChartBar, Dt as SChartBurnup, Ct as SChartHorizontalBar, vt as SChartLegend, yt as SChartLine, Et as SChartMultiLine, Tt as SChartPie, At as SChartProgress, Or as SChartSegmentedBar, xt as SChartStackedArea, St as SChartStackedBar, Lr as SChartWidget, me as SCheckbox, Pe as SChip, d as SColorArea, v as SColorPalette, f as SColorPicker, u as SColorValues, Lt as SDayTimeline, Ie as SDropdown, Le as SDropdownMenu, ce as SInlineGroup, at as SInlineInput, Ve as SInlineMessage, ze as SInput, We as SLabel, Xe as SList, Je as SListItem, lt as SPhotoEdit, et as SRadio, hi as SRoadmap, ve as SSegmentControl, Qe as SSelect, xe as STab, en as STable, Se as STabs, Ae as STag, je as STagGroup, ot as STextarea, Kn as SToast, dr as SToastProvider, rt as SToggle, Fe as S_DROPDOWN_SHEET_BREAKPOINT, Zn as TOAST_AUTO_DURATION_MAX_MS, Xn as TOAST_AUTO_DURATION_MIN_MS, Qn as TOAST_AUTO_DURATION_MS_PER_CHAR, Rt as WORK_TIME_SOURCE_COLOR_VARS, Bt as WORK_TIME_SOURCE_ORDER, Vt as buildWorkTimeLegendItems, $n as computeAutoDuration, we as computeConnectedPosition, xn as createUiKit, Pt as formatDurationHM, x as isSameColor, b as normalizeColorValue, y as resolveColorPreview, te as resolveOwnPropOrGroupedOrFallback, Sn as setUiKitLocale, Cn as uiKitLocaleEn, wn as uiKitLocaleRu, Ke as useFlatTreeList, De as useFloatingOverlay, Ge as useSListEndReached, re as useSelectionGroup, oe as useSelectionGroupItem, ur as useToast, Tn as useUiKitI18n };