@shtabapp/ui-kit 1.79.0 → 1.80.0

package/dist/index.js

@@ -1,59 +1,59 @@
-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-C5pA54Q3.js";
+import { n as e, r as t, t as n } from "./SBadge-Du9iIiXS.js";
+import { a as r, i, n as a, o, r as s, t as c } from "./SAvatar-6uaisUHm.js";
+import { i as l, n as u, r as d, t as f } from "./SColorPicker-D2072gdX.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 S } from "./SAvatarGroup-CSSCQKdH.js";
-import { i as C, n as w, r as T, t as E } from "./SButton-B21hubD2.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-BqW5Rz1p.js";
-import { i as de, n as fe, r as pe, t as me } from "./SCheckbox-Dulusx5v.js";
-import { n as he, t as ge } from "./SCard-DJuyINB7.js";
-import { n as _e, t as ve } from "./SSegmentControl-Bjech2v4.js";
-import { n as ye, r as be, t as xe } from "./STab-D7SATMfv.js";
-import { t as Se } from "./STabs-B07Q6QYO.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-BKLs0RRY.js";
-import { t as je } from "./STagGroup-CNZVwrG2.js";
-import { n as Me, r as Ne, t as Pe } from "./SChip-suCSzJ9O.js";
-import { n as Fe, t as Ie } from "./SDropdown-DvPW3_WP.js";
-import { t as Le } from "./SDropdownMenu-2koPU6IG.js";
-import { r as Re, t as ze } from "./SInput-DRV4XHWh.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, r as Je, t as Ye } from "./SListItem-B3MQgu4Q.js";
-import { a as Xe, t as Ze } from "./SList-DuSCQL0t.js";
-import { n as Qe, t as $e } from "./SSelect-BU4eSrVf.js";
-import { n as et, t as tt } from "./SRadio-BhoLtFUS.js";
-import { n as nt, r as rt, t as it } from "./SToggle-MSdprnRP.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-CuVHNypX.js";
-import { C as dt, D, S as O, c as ft, n as pt, r as mt, s as ht, t as gt, w as _t } from "./useChartInteractivity-sgbPZgcH.js";
-import { n as vt, t as yt } from "./SChartLegend-At0mMO09.js";
-import { t as bt } from "./SChartLine-rnEsQv-q.js";
-import { t as xt } from "./resolveSeriesPaletteColor-Bk52kyZo.js";
-import { t as St } from "./SChartStackedArea-zIygTOp8.js";
-import { t as Ct } from "./SChartStackedBar-CXpVSagd.js";
-import { t as wt } from "./SChartHorizontalBar-VKU0b6Jx.js";
-import { n as Tt, t as Et } from "./SChartPie-Ebg7WSga.js";
-import { t as Dt } from "./SChartMultiLine-C4jjmLEb.js";
-import { t as Ot } from "./SChartBurnup-B1KU1E5B.js";
-import { t as kt } from "./useHasListener-RSjlUyqH.js";
-import { t as At } from "./SChartBar-DHjm1H0N.js";
-import { t as jt } from "./SChartProgress-DRSh_taf.js";
-import { t as Mt } from "./SChartScatter-DnmTw18x.js";
-import { a as Nt, c as Pt, d as Ft, f as It, i as Lt, l as Rt, n as zt, o as Bt, r as Vt, s as Ht, t as Ut, u as Wt } from "./buildWorkTimeLegendItems-CifzZM9C.js";
-import { a as Gt, c as Kt, d as qt, f as Jt, i as Yt, l as Xt, n as Zt, o as Qt, p as $t, r as en, s as tn, t as nn, u as rn } from "./STable-BTKXjbrB.js";
-import { Fragment as k, Teleport as an, computed as A, createBlock as j, createCommentVNode as M, createElementBlock as N, createElementVNode as P, createSlots as on, createTextVNode as F, createVNode as I, defineComponent as L, mergeModels as sn, mergeProps as cn, normalizeClass as R, normalizeStyle as z, onMounted as ln, openBlock as B, ref as V, renderList as H, renderSlot as U, resolveDynamicComponent as un, shallowRef as dn, toDisplayString as W, toValue as fn, unref as G, useModel as pn, useSlots as K, useTemplateRef as mn, watch as hn, withCtx as q, withKeys as gn, withModifiers as _n } from "vue";
-import { ESIconName as J, ESProgressBarSize as vn, ESSkeletonType as yn, SIcon as bn, SProgressBar as xn, SSkeleton as Sn, createUiKit as Cn, setUiKitLocale as wn, uiKitLocaleEn as Tn, uiKitLocaleRu as En, useUiKitI18n as Dn, useUiKitI18n as On } from "@shtabapp/ui-kit-primitives";
-import { useResizeObserver as kn } from "@vueuse/core";
+import { n as S, t as C } from "./SAvatarGroup-DnVhY7I1.js";
+import { i as w, n as T, r as E, t as D } from "./SButton-D-dmK8Cm.js";
+import { a as ee, n as te, o as ne, r as re, t as ie } from "./useSelectionGroup-BCAmPf3R.js";
+import { n as ae } from "./useSelectLink-2aCIYmF6.js";
+import { i as oe, n as se, r as ce, t as le } from "./SButtonGroup-BqW5Rz1p.js";
+import { i as ue, n as de, r as fe, t as pe } from "./SCheckbox-Dulusx5v.js";
+import { n as me, t as he } from "./SCard-DJuyINB7.js";
+import { n as ge, t as _e } from "./SSegmentControl-Bjech2v4.js";
+import { n as ve, r as ye, t as be } from "./STab-D7SATMfv.js";
+import { t as xe } from "./STabs-DhwF2GvF.js";
+import { a as Se, i as Ce, o as we, s as Te, t as Ee } from "./useFloatingOverlay-TxzVisMJ.js";
+import { n as De, r as Oe, t as ke } from "./STag-BCGC8smg.js";
+import { t as Ae } from "./STagGroup-B2FeOTSD.js";
+import { n as je, r as Me, t as Ne } from "./SChip-C6Z1VRf9.js";
+import { n as Pe, t as Fe } from "./SDropdown-aWjZrahp.js";
+import { t as Ie } from "./SDropdownMenu-2koPU6IG.js";
+import { r as Le, t as Re } from "./SInput-D2pCcaym.js";
+import { n as ze, t as Be } from "./SInlineMessage-Dirk5RwO.js";
+import { n as Ve, r as He, t as Ue } from "./SLabel-FHHPlcKq.js";
+import { a as We, s as Ge } from "./treeKeyboardNavigation-SmxTdnDz.js";
+import { n as Ke, r as qe, t as Je } from "./SListItem-Bw0OXPVk.js";
+import { a as Ye, t as Xe } from "./SList-DKstFJu1.js";
+import { n as Ze, t as Qe } from "./SSelect-CKw3a1AD.js";
+import { n as $e, t as et } from "./SRadio-BhoLtFUS.js";
+import { n as tt, r as nt, t as rt } from "./SToggle-MSdprnRP.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-eKRRevtl.js";
+import { C as ut, D as O, S as k, c as dt, n as ft, r as pt, s as mt, t as ht, w as gt } from "./useChartInteractivity-sgbPZgcH.js";
+import { n as _t, t as vt } from "./SChartLegend-At0mMO09.js";
+import { t as yt } from "./SChartLine-rnEsQv-q.js";
+import { t as bt } from "./resolveSeriesPaletteColor-Bk52kyZo.js";
+import { t as xt } from "./SChartStackedArea-zIygTOp8.js";
+import { t as St } from "./SChartStackedBar-CXpVSagd.js";
+import { t as Ct } from "./SChartHorizontalBar-VKU0b6Jx.js";
+import { n as wt, t as Tt } from "./SChartPie-Ebg7WSga.js";
+import { t as Et } from "./SChartMultiLine-C4jjmLEb.js";
+import { t as Dt } from "./SChartBurnup-B1KU1E5B.js";
+import { t as Ot } from "./useHasListener-RSjlUyqH.js";
+import { t as kt } from "./SChartBar-DHjm1H0N.js";
+import { t as At } from "./SChartProgress-DRSh_taf.js";
+import { t as jt } from "./SChartScatter-DnmTw18x.js";
+import { a as Mt, c as Nt, d as Pt, f as Ft, i as It, l as Lt, n as Rt, o as zt, r as Bt, s as Vt, t as Ht, u as Ut } from "./buildWorkTimeLegendItems-CifzZM9C.js";
+import { a as Wt, c as Gt, d as Kt, f as qt, i as Jt, l as Yt, n as Xt, o as Zt, p as Qt, r as $t, s as en, t as tn, u as nn } from "./STable-Dbr1oX01.js";
+import { Fragment as A, Teleport as rn, computed as j, createBlock as M, createCommentVNode as N, createElementBlock as P, createElementVNode as F, createSlots as an, createTextVNode as I, createVNode as L, defineComponent as R, mergeModels as on, mergeProps as sn, nextTick as cn, normalizeClass as z, normalizeStyle as B, onMounted as ln, openBlock as V, ref as H, renderList as U, renderSlot as W, resolveDynamicComponent as un, shallowRef as dn, toDisplayString as G, toValue as fn, unref as K, useModel as pn, useSlots as mn, useTemplateRef as hn, watch as gn, withCtx as q, withKeys as _n, withModifiers as vn } from "vue";
+import { ESIconName as J, ESProgressBarSize as yn, ESSkeletonType as bn, SIcon as xn, SProgressBar as Sn, SSkeleton as Cn, createUiKit as wn, setUiKitLocale as Tn, uiKitLocaleEn as En, uiKitLocaleRu as Dn, useUiKitI18n as On, useUiKitI18n as kn } from "@shtabapp/ui-kit-primitives";
+import { useResizeObserver as An } from "@vueuse/core";
 export * from "@shtabapp/ui-kit-primitives";
 export * from "@shtabapp/ui-kit-tokens";
 //#region src/utils/chart/segmentedBar/resolveSegmentedBarSegmentColor.ts
-var An = [
+var jn = [
 	"--s-ui-chart-segmented-bar-palette-1",
 	"--s-ui-chart-segmented-bar-palette-2",
 	"--s-ui-chart-segmented-bar-palette-3",
@@ -62,7 +62,7 @@ var An = [
 	"--s-ui-chart-segmented-bar-palette-6",
 	"--s-ui-chart-segmented-bar-palette-7",
 	"--s-ui-chart-segmented-bar-palette-8"
-], jn = [
+], Mn = [
 	"--s-ui-chart-segmented-bar-skeleton-palette-1",
 	"--s-ui-chart-segmented-bar-skeleton-palette-2",
 	"--s-ui-chart-segmented-bar-skeleton-palette-3",
@@ -71,51 +71,51 @@ var An = [
 	"--s-ui-chart-segmented-bar-skeleton-palette-6",
 	"--s-ui-chart-segmented-bar-skeleton-palette-7",
 	"--s-ui-chart-segmented-bar-skeleton-palette-8"
-], Mn = (e, t, n, r = !1) => xt(e, t, n, r, {
-	palette: An,
-	paletteFallback: An[0],
-	skeletonPalette: jn,
-	skeletonFallback: jn[0]
+], Nn = (e, t, n, r = !1) => bt(e, t, n, r, {
+	palette: jn,
+	paletteFallback: jn[0],
+	skeletonPalette: Mn,
+	skeletonFallback: Mn[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;
 }({}), X = /* @__PURE__ */ function(e) {
 	return e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e;
 }({}), Z = /* @__PURE__ */ function(e) {
 	return e.ICON = "icon", e.AVATAR = "avatar", e;
-}({}), Nn = /* @__PURE__ */ function(e) {
+}({}), Pn = /* @__PURE__ */ function(e) {
 	return e.BANNER = "banner", e.TOAST = "toast", e;
-}({}), Pn = {
+}({}), Fn = {
 	[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
-}, Fn = (e, t) => t || Pn[e], In = ["role"], Ln = { class: "s-ui-notification__body" }, Rn = {
+}, In = (e, t) => t || Fn[e], Ln = ["role"], Rn = { class: "s-ui-notification__body" }, zn = {
 	key: 0,
 	class: "s-ui-notification__leftside"
-}, zn = {
+}, Bn = {
 	key: 0,
 	class: "s-ui-notification__icon"
-}, Bn = { class: "s-ui-notification__content" }, Vn = { class: "s-ui-notification__title-row" }, Hn = {
+}, Vn = { class: "s-ui-notification__content" }, Hn = { class: "s-ui-notification__title-row" }, Un = {
 	key: 0,
 	class: "s-ui-notification__description-block"
-}, Un = {
+}, Wn = {
 	key: 0,
 	class: "s-ui-notification__description s-ui-typography-label-12-medium"
-}, Wn = {
+}, Gn = {
 	key: 1,
 	class: "s-ui-notification__actions-stack"
-}, Gn = {
+}, Kn = {
 	key: 1,
 	class: "s-ui-notification__actions-row"
-}, Kn = /* @__PURE__ */ L({
+}, qn = /* @__PURE__ */ R({
 	__name: "SNotification",
 	props: {
 		type: { default: () => Y.INFO_ACCENT },
 		layout: { default: () => X.HORIZONTAL },
 		leftside: { default: () => Z.ICON },
-		surface: { default: () => Nn.BANNER },
+		surface: { default: () => Pn.BANNER },
 		title: {},
 		description: {},
 		linkText: {},
@@ -151,15 +151,15 @@ var An = [
 		"secondaryAction"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = K(), i = A(() => [
+		let n = t, r = mn(), i = j(() => [
 			`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 = A(() => {
+		]), a = j(() => {
 			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 = A(() => e.type === Y.DANGER ? "alert" : "status"), l = A(() => Fn(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 = () => {
+		}), s = j(() => e.type === Y.DANGER ? "alert" : "status"), l = j(() => In(e.type, e.icon)), u = j(() => e.type === Y.BILLING), d = j(() => !!(e.leftside === Z.AVATAR && e.avatar || e.leftside === Z.ICON)), f = j(() => !!(e.description || e.linkText || r.description)), p = j(() => e.layout === X.HORIZONTAL && !f.value), m = j(() => e.showPrimaryButton && (e.primaryButtonText || e.secondaryButtonText)), h = j(() => e.showPrimaryButton && (e.primaryButtonText || e.secondaryButtonText) || e.closable), g = j(() => e.type === Y.BILLING || e.prominentPrimaryButton ? T.MAJOR : T.OUTLINED), _ = j(() => e.type === Y.BILLING ? w.BILLING : w.MAIN), v = () => {
 			n("close");
 		}, y = () => {
 			n("linkClick");
@@ -168,35 +168,35 @@ var An = [
 		}, x = () => {
 			n("secondaryAction");
 		};
-		return (t, n) => (B(), N("div", {
-			class: R(["s-ui-notification", i.value]),
-			style: z(a.value),
+		return (t, n) => (V(), P("div", {
+			class: z(["s-ui-notification", i.value]),
+			style: B(a.value),
 			role: s.value
-		}, [P("div", Ln, [
-			d.value ? (B(), N("div", Rn, [e.leftside === G(Z).ICON ? (B(), N("div", zn, [I(G(bn), {
+		}, [F("div", Rn, [
+			d.value ? (V(), P("div", zn, [e.leftside === K(Z).ICON ? (V(), P("div", Bn, [L(K(xn), {
 				name: l.value,
 				size: 16,
 				billing: u.value
-			}, null, 8, ["name", "billing"])])) : e.leftside === G(Z).AVATAR && e.avatar ? (B(), j(G(c), {
+			}, null, 8, ["name", "billing"])])) : e.leftside === K(Z).AVATAR && e.avatar ? (V(), M(K(c), {
 				key: 1,
 				name: e.avatar.name,
 				src: e.avatar.src,
 				badge: e.avatar.badge,
-				size: G(o).SIZE_20,
+				size: K(o).SIZE_20,
 				showName: !1
 			}, null, 8, [
 				"name",
 				"src",
 				"badge",
 				"size"
-			])) : M("", !0)])) : M("", !0),
-			P("div", Bn, [
-				P("div", Vn, [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), {
+			])) : N("", !0)])) : N("", !0),
+			F("div", Vn, [
+				F("div", Hn, [F("span", { class: z(["s-ui-notification__title s-ui-typography-label-14-medium", { "s-ui-notification__title--truncated": e.truncateTitle }]) }, [W(t.$slots, "title", {}, () => [I(G(e.title), 1)])], 2), e.layout === K(X).VERTICAL && e.closable ? (V(), M(K(D), {
 					key: 0,
 					class: "s-ui-notification__close",
-					appearance: G(w).BARE,
-					variant: G(C).NEUTRAL,
-					size: G(T).SMALL,
+					appearance: K(T).BARE,
+					variant: K(w).NEUTRAL,
+					size: K(E).SMALL,
 					"aria-label": e.closeAriaLabel,
 					icon: "closeMini",
 					onClick: v
@@ -205,87 +205,87 @@ var An = [
 					"variant",
 					"size",
 					"aria-label"
-				])) : M("", !0)]),
-				f.value ? (B(), N("div", Hn, [e.description || G(r).description ? (B(), N("span", Un, [U(t.$slots, "description", {}, () => [F(W(e.description), 1)])])) : M("", !0), e.linkText ? (B(), j(G(E), {
+				])) : N("", !0)]),
+				f.value ? (V(), P("div", Un, [e.description || K(r).description ? (V(), P("span", Wn, [W(t.$slots, "description", {}, () => [I(G(e.description), 1)])])) : N("", !0), e.linkText ? (V(), M(K(D), {
 					key: 1,
 					class: "s-ui-notification__link",
-					appearance: G(w).BARE,
-					variant: G(C).MAIN,
-					size: G(T).SMALL,
+					appearance: K(T).BARE,
+					variant: K(w).MAIN,
+					size: K(E).SMALL,
 					iconRight: e.linkIconRight,
 					onClick: y
 				}, {
-					default: q(() => [F(W(e.linkText), 1)]),
+					default: q(() => [I(G(e.linkText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size",
 					"iconRight"
-				])) : M("", !0)])) : M("", !0),
-				e.layout === G(X).VERTICAL && m.value ? (B(), N("div", Wn, [e.showPrimaryButton && e.primaryButtonText ? (B(), j(G(E), {
+				])) : N("", !0)])) : N("", !0),
+				e.layout === K(X).VERTICAL && m.value ? (V(), P("div", Gn, [e.showPrimaryButton && e.primaryButtonText ? (V(), M(K(D), {
 					key: 0,
 					appearance: g.value,
 					variant: _.value,
-					size: G(T).SMALL,
+					size: K(E).SMALL,
 					onClick: b
 				}, {
-					default: q(() => [F(W(e.primaryButtonText), 1)]),
+					default: q(() => [I(G(e.primaryButtonText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
-				])) : M("", !0), e.showPrimaryButton && e.secondaryButtonText ? (B(), j(G(E), {
+				])) : N("", !0), e.showPrimaryButton && e.secondaryButtonText ? (V(), M(K(D), {
 					key: 1,
-					appearance: G(w).BARE,
-					variant: G(C).NEUTRAL,
-					size: G(T).SMALL,
+					appearance: K(T).BARE,
+					variant: K(w).NEUTRAL,
+					size: K(E).SMALL,
 					onClick: x
 				}, {
-					default: q(() => [F(W(e.secondaryButtonText), 1)]),
+					default: q(() => [I(G(e.secondaryButtonText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
-				])) : M("", !0)])) : M("", !0)
+				])) : N("", !0)])) : N("", !0)
 			]),
-			e.layout === G(X).HORIZONTAL && h.value ? (B(), N("div", Gn, [
-				e.showPrimaryButton && e.primaryButtonText ? (B(), j(G(E), {
+			e.layout === K(X).HORIZONTAL && h.value ? (V(), P("div", Kn, [
+				e.showPrimaryButton && e.primaryButtonText ? (V(), M(K(D), {
 					key: 0,
 					appearance: g.value,
 					variant: _.value,
-					size: G(T).SMALL,
+					size: K(E).SMALL,
 					onClick: b
 				}, {
-					default: q(() => [F(W(e.primaryButtonText), 1)]),
+					default: q(() => [I(G(e.primaryButtonText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
-				])) : M("", !0),
-				e.showPrimaryButton && e.secondaryButtonText ? (B(), j(G(E), {
+				])) : N("", !0),
+				e.showPrimaryButton && e.secondaryButtonText ? (V(), M(K(D), {
 					key: 1,
-					appearance: G(w).OUTLINED,
-					variant: G(C).MAIN,
-					size: G(T).SMALL,
+					appearance: K(T).OUTLINED,
+					variant: K(w).MAIN,
+					size: K(E).SMALL,
 					onClick: x
 				}, {
-					default: q(() => [F(W(e.secondaryButtonText), 1)]),
+					default: q(() => [I(G(e.secondaryButtonText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
-				])) : M("", !0),
-				e.layout === G(X).HORIZONTAL && e.closable ? (B(), j(G(E), {
+				])) : N("", !0),
+				e.layout === K(X).HORIZONTAL && e.closable ? (V(), M(K(D), {
 					key: 2,
 					class: "s-ui-notification__close",
-					appearance: G(w).BARE,
-					variant: G(C).NEUTRAL,
-					size: G(T).SMALL,
+					appearance: K(T).BARE,
+					variant: K(w).NEUTRAL,
+					size: K(E).SMALL,
 					"aria-label": e.closeAriaLabel,
 					icon: "closeMini",
 					onClick: v
@@ -294,11 +294,11 @@ var An = [
 					"variant",
 					"size",
 					"aria-label"
-				])) : M("", !0)
-			])) : M("", !0)
-		])], 14, In));
+				])) : N("", !0)
+			])) : N("", !0)
+		])], 14, Ln));
 	}
-}), qn = /* @__PURE__ */ L({
+}), Jn = /* @__PURE__ */ R({
 	__name: "SBanner",
 	props: {
 		type: { default: () => Y.INFO_ACCENT },
@@ -342,14 +342,14 @@ var An = [
 		"secondaryAction"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = K(), i = A(() => ({ "s-ui-banner--elevated": e.elevated }));
-		return (t, a) => (B(), j(Kn, {
-			class: R(["s-ui-banner", i.value]),
+		let n = t, r = mn(), i = j(() => ({ "s-ui-banner--elevated": e.elevated }));
+		return (t, a) => (V(), M(qn, {
+			class: z(["s-ui-banner", i.value]),
 			"data-qa": "ui:banner",
 			type: e.type,
 			layout: e.layout,
 			leftside: e.leftside,
-			surface: G(Nn).BANNER,
+			surface: K(Pn).BANNER,
 			title: e.title,
 			description: e.description,
 			linkText: e.linkText,
@@ -368,13 +368,13 @@ var An = [
 			onLinkClick: a[1] ||= (e) => n("linkClick"),
 			onPrimaryAction: a[2] ||= (e) => n("primaryAction"),
 			onSecondaryAction: a[3] ||= (e) => n("secondaryAction")
-		}, on({ _: 2 }, [G(r).title ? {
+		}, an({ _: 2 }, [K(r).title ? {
 			name: "title",
-			fn: q(() => [U(t.$slots, "title")]),
+			fn: q(() => [W(t.$slots, "title")]),
 			key: "0"
-		} : void 0, G(r).description ? {
+		} : void 0, K(r).description ? {
 			name: "description",
-			fn: q(() => [U(t.$slots, "description")]),
+			fn: q(() => [W(t.$slots, "description")]),
 			key: "1"
 		} : void 0]), 1032, [
 			"class",
@@ -398,7 +398,7 @@ var An = [
 			"truncateTitle"
 		]));
 	}
-}), Jn = /* @__PURE__ */ L({
+}), Yn = /* @__PURE__ */ R({
 	__name: "SToast",
 	props: {
 		type: { default: () => Y.INFO_ACCENT },
@@ -433,14 +433,14 @@ var An = [
 		"secondaryAction"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = K(), i = A(() => e.width ?? 360);
-		return (t, a) => (B(), j(Kn, {
+		let n = t, r = mn(), i = j(() => e.width ?? 360);
+		return (t, a) => (V(), M(qn, {
 			class: "s-ui-toast",
 			"data-qa": "ui:toast",
 			type: e.type,
 			layout: e.layout,
 			leftside: e.leftside,
-			surface: G(Nn).TOAST,
+			surface: K(Pn).TOAST,
 			title: e.title,
 			description: e.description,
 			linkText: e.linkText,
@@ -457,13 +457,13 @@ var An = [
 			onLinkClick: a[1] ||= (e) => n("linkClick"),
 			onPrimaryAction: a[2] ||= (e) => n("primaryAction"),
 			onSecondaryAction: a[3] ||= (e) => n("secondaryAction")
-		}, on({ _: 2 }, [G(r).title ? {
+		}, an({ _: 2 }, [K(r).title ? {
 			name: "title",
-			fn: q(() => [U(t.$slots, "title")]),
+			fn: q(() => [W(t.$slots, "title")]),
 			key: "0"
-		} : void 0, G(r).description ? {
+		} : void 0, K(r).description ? {
 			name: "description",
-			fn: q(() => [U(t.$slots, "description")]),
+			fn: q(() => [W(t.$slots, "description")]),
 			key: "1"
 		} : void 0]), 1032, [
 			"type",
@@ -484,13 +484,13 @@ var An = [
 			"truncateTitle"
 		]));
 	}
-}), Yn = .05, Xn = [
+}), Xn = .05, Zn = [
 	"data-mounted",
 	"data-front",
 	"data-expanded",
 	"data-removed",
 	"data-visible"
-], Zn = /* @__PURE__ */ L({
+], Qn = /* @__PURE__ */ R({
 	__name: "SToastProviderToast",
 	props: {
 		index: {},
@@ -503,7 +503,7 @@ var An = [
 	},
 	emits: ["heightChange"],
 	setup(e, { emit: t }) {
-		let n = t, r = V(null), i = V(0), a = V(!1), o = A(() => e.index === 0), s = A(() => 1 - e.index * Yn), c = A(() => ({
+		let n = t, r = H(null), i = H(0), a = H(!1), o = j(() => e.index === 0), s = j(() => 1 - e.index * Xn), c = j(() => ({
 			"--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`,
@@ -512,7 +512,7 @@ var An = [
 			"--s-ui-toast-provider-stack-scale": String(s.value),
 			zIndex: String(1e3 - e.index)
 		}));
-		return kn(r, (e) => {
+		return An(r, (e) => {
 			let t = e[0]?.contentRect.height ?? 0;
 			t !== i.value && (i.value = t, n("heightChange", t));
 		}), ln(() => {
@@ -521,62 +521,62 @@ var An = [
 					a.value = !0;
 				});
 			});
-		}), (t, n) => (B(), N("div", {
+		}), (t, n) => (V(), P("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: z(c.value)
-		}, [P("div", {
+			style: B(c.value)
+		}, [F("div", {
 			ref_key: "contentRef",
 			ref: r,
 			class: "s-ui-toast-provider__toast-content"
-		}, [U(t.$slots, "default")], 512)], 12, Xn));
+		}, [W(t.$slots, "default")], 512)], 12, Zn));
 	}
-}), Qn = 4e3, $n = 1e4, er = 50, tr = (e, t) => {
-	let n = Qn + (e.length + (t?.length ?? 0)) * 50;
-	return n > 1e4 ? $n : n;
-}, Q = dn([]), $ = /* @__PURE__ */ new Map(), nr = 0, rr = {
+}), $n = 4e3, er = 1e4, tr = 50, nr = (e, t) => {
+	let n = $n + (e.length + (t?.length ?? 0)) * 50;
+	return n > 1e4 ? er : n;
+}, Q = dn([]), $ = /* @__PURE__ */ new Map(), rr = 0, ir = {
 	type: Y.INFO_ACCENT,
 	layout: X.HORIZONTAL,
 	leftside: Z.ICON,
 	showPrimaryButton: !1,
 	closable: !0
-}, ir = () => `toast-${Date.now()}-${++nr}`, ar = (e) => {
+}, ar = () => `toast-${Date.now()}-${++rr}`, or = (e) => {
 	let t = $.get(e);
 	t && (window.clearTimeout(t), $.delete(e));
-}, or = (e) => {
-	ar(e.id);
-	let t = e.duration === void 0 ? tr(e.title, e.description) : e.duration;
+}, sr = (e) => {
+	or(e.id);
+	let t = e.duration === void 0 ? nr(e.title, e.description) : e.duration;
 	if (t > 0) {
 		let n = window.setTimeout(() => {
-			sr(e.id);
+			cr(e.id);
 		}, t);
 		$.set(e.id, n);
 	}
-}, sr = (e) => {
+}, cr = (e) => {
 	let t = Q.value.findIndex((t) => t.id === e);
 	if (t === -1) return;
 	let n = Q.value[t];
-	n && (ar(e), n.onClose && n.onClose(), Q.value = Q.value.filter((t) => t.id !== e));
-}, cr = () => {
+	n && (or(e), n.onClose && n.onClose(), Q.value = Q.value.filter((t) => t.id !== e));
+}, lr = () => {
 	$.forEach((e) => window.clearTimeout(e)), $.clear(), Q.value = [];
-}, lr = (e) => e.length <= 3 ? e : (e.slice(3).forEach((e) => {
-	ar(e.id);
-}), e.slice(0, 3)), ur = (e) => {
-	let t = e.id ?? ir(), n = {
-		...rr,
+}, ur = (e) => e.length <= 3 ? e : (e.slice(3).forEach((e) => {
+	or(e.id);
+}), e.slice(0, 3)), dr = (e) => {
+	let t = e.id ?? ar(), n = {
+		...ir,
 		...e,
 		id: t
 	}, r = Q.value.findIndex((e) => e.id === t);
 	if (r > -1) {
 		let e = [...Q.value];
-		e[r] = n, Q.value = lr(e);
-	} else Q.value = lr([n, ...Q.value]);
-	return or(n), t;
-}, dr = (e, t) => {
+		e[r] = n, Q.value = ur(e);
+	} else Q.value = ur([n, ...Q.value]);
+	return sr(n), t;
+}, fr = (e, t) => {
 	let n = Q.value.findIndex((t) => t.id === e);
 	if (n === -1) return;
 	let r = Q.value[n];
@@ -586,142 +586,166 @@ var An = [
 		...t,
 		id: r.id
 	}, a = [...Q.value];
-	a[n] = i, Q.value = a, or(i);
-}, fr = () => ({
+	a[n] = i, Q.value = a, sr(i);
+}, pr = () => ({
 	toasts: Q,
-	show: ur,
-	hide: sr,
-	hideAll: cr,
-	update: dr
-}), pr = /* @__PURE__ */ L({
+	show: dr,
+	hide: cr,
+	hideAll: lr,
+	update: fr
+}), mr = {
+	class: "s-ui-toast-provider__announcer",
+	role: "status",
+	"aria-atomic": "true"
+}, hr = {
+	class: "s-ui-toast-provider__announcer",
+	role: "alert",
+	"aria-atomic": "true"
+}, gr = /* @__PURE__ */ R({
 	__name: "SToastProvider",
 	setup(e) {
-		let { toasts: t, hide: n } = fr(), r = A(() => t.value.slice(0, 3)), i = V(!1), a = dn({}), 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);
-		hn(c, (e) => {
-			e > 0 && (l.value = e);
+		let { toasts: t, hide: n } = pr(), r = j(() => t.value.slice(0, 3)), i = H(""), a = H(""), o = /* @__PURE__ */ new Set(), s = (e) => e.flatMap((e) => [e.title, e.description ?? ""]).filter(Boolean).join(". "), c = async (e, t) => {
+			t && (e.value = "", await cn(), e.value = t);
+		};
+		gn(r, async (e) => {
+			let n = e.filter((e) => !o.has(e.id)), r = new Set(t.value.map((e) => e.id));
+			o.forEach((e) => {
+				r.has(e) || o.delete(e);
+			}), n.forEach((e) => o.add(e.id));
+			let l = n.filter((e) => e.type === Y.DANGER), u = n.filter((e) => e.type !== Y.DANGER);
+			await Promise.all([c(a, s(l)), c(i, s(u))]);
+		});
+		let l = H(!1), u = dn({}), d = H(/* @__PURE__ */ new Set()), f = j(() => t.value[0] ?? null), p = j(() => f.value ? u.value[f.value.id] ?? 0 : 0), m = H(0), h = j(() => p.value > 0 ? p.value : m.value);
+		gn(p, (e) => {
+			e > 0 && (m.value = e);
 		});
-		let d = A(() => {
+		let g = j(() => {
 			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;
+			if (l.value) return { height: `${r.value.reduce((e, t, n) => {
+				let r = u.value[t.id] ?? 0, i = n > 0 ? 4 : 0;
 				return e + r + i;
 			}, 0)}px` };
 			let e = Math.min(r.value.length - 1, 2) * 10;
-			return { height: `${u.value + e}px` };
-		}), f = (e) => {
+			return { height: `${h.value + e}px` };
+		}), _ = (e) => {
 			let t = 0;
 			for (let n = 0; n < e; n += 1) {
 				let e = r.value[n];
-				e && (t += (a.value[e.id] ?? 0) + 4);
+				e && (t += (u.value[e.id] ?? 0) + 4);
 			}
 			return t;
-		}, p = (e) => o.value.has(e), m = () => {
-			r.value.length > 1 && (i.value = !0);
-		}, h = () => {
-			i.value = !1;
-		}, g = (e, t) => {
-			a.value = {
-				...a.value,
+		}, v = (e) => d.value.has(e), y = () => {
+			r.value.length > 1 && (l.value = !0);
+		}, b = () => {
+			l.value = !1;
+		}, x = (e, t) => {
+			u.value = {
+				...u.value,
 				[e]: t
 			};
-		}, _ = (e) => {
-			o.value.has(e) || (o.value = new Set([...o.value, e]), window.setTimeout(() => {
+		}, S = (e) => {
+			d.value.has(e) || (d.value = new Set([...d.value, e]), window.setTimeout(() => {
 				n(e);
-				let t = new Set(o.value);
-				t.delete(e), o.value = t;
-				let r = { ...a.value };
-				delete r[e], a.value = r;
+				let t = new Set(d.value);
+				t.delete(e), d.value = t;
+				let r = { ...u.value };
+				delete r[e], u.value = r;
 			}, 200));
-		}, v = (e) => {
+		}, C = (e) => {
 			e.onLinkClick && e.onLinkClick();
-		}, y = (e) => {
+		}, w = (e) => {
 			e.onPrimaryAction && e.onPrimaryAction(e.id);
-		}, b = (e) => {
+		}, T = (e) => {
 			e.onSecondaryAction && e.onSecondaryAction();
 		};
-		return (e, t) => (B(), j(an, { to: "body" }, [P("div", {
+		return (e, t) => (V(), M(rn, { to: "body" }, [F("div", {
 			class: "s-ui-toast-provider",
-			onMouseenter: m,
-			onMouseleave: h
-		}, [r.value.length > 0 ? (B(), N("div", {
-			key: 0,
-			class: "s-ui-toast-provider__list",
-			style: z(d.value)
-		}, [(B(!0), N(k, null, H(r.value, (t, n) => (B(), j(Zn, {
-			key: t.id,
-			index: n,
-			expanded: i.value,
-			"front-toast-height": u.value,
-			"stack-peek": G(10),
-			removed: p(t.id),
-			visible: n < G(3),
-			"offset-y": f(n),
-			onHeightChange: (e) => g(t.id, e)
-		}, {
-			default: q(() => [U(e.$slots, "toast", { toast: t }, () => [t.component ? (B(), j(un(t.component), cn({
+			onMouseenter: y,
+			onMouseleave: b
+		}, [
+			F("div", mr, G(i.value), 1),
+			F("div", hr, G(a.value), 1),
+			r.value.length > 0 ? (V(), P("div", {
 				key: 0,
-				ref_for: !0
-			}, t.componentProps, {
-				toast: t,
-				onClose: (e) => _(t.id)
-			}), null, 16, ["toast", "onClose"])) : (B(), j(G(Jn), {
-				key: 1,
-				type: t.type,
-				layout: t.layout,
-				leftside: t.leftside,
-				title: t.title,
-				description: t.description,
-				linkText: t.linkText,
-				primaryButtonText: t.primaryButtonText,
-				secondaryButtonText: t.secondaryButtonText,
-				showPrimaryButton: t.showPrimaryButton,
-				closable: t.closable,
-				closeAriaLabel: t.closeAriaLabel,
-				icon: t.icon,
-				avatar: t.avatar,
-				width: t.width,
-				truncateTitle: t.truncateTitle,
-				onClose: (e) => _(t.id),
-				onLinkClick: (e) => v(t),
-				onPrimaryAction: (e) => y(t),
-				onSecondaryAction: (e) => b(t)
-			}, null, 8, [
-				"type",
-				"layout",
-				"leftside",
-				"title",
-				"description",
-				"linkText",
-				"primaryButtonText",
-				"secondaryButtonText",
-				"showPrimaryButton",
-				"closable",
-				"closeAriaLabel",
-				"icon",
-				"avatar",
-				"width",
-				"truncateTitle",
-				"onClose",
-				"onLinkClick",
-				"onPrimaryAction",
-				"onSecondaryAction"
-			]))])]),
-			_: 2
-		}, 1032, [
-			"index",
-			"expanded",
-			"front-toast-height",
-			"stack-peek",
-			"removed",
-			"visible",
-			"offset-y",
-			"onHeightChange"
-		]))), 128))], 4)) : M("", !0)], 32)]));
+				class: "s-ui-toast-provider__list",
+				style: B(g.value)
+			}, [(V(!0), P(A, null, U(r.value, (t, n) => (V(), M(Qn, {
+				key: t.id,
+				index: n,
+				expanded: l.value,
+				"front-toast-height": h.value,
+				"stack-peek": K(10),
+				removed: v(t.id),
+				visible: n < K(3),
+				"offset-y": _(n),
+				onHeightChange: (e) => x(t.id, e)
+			}, {
+				default: q(() => [W(e.$slots, "toast", { toast: t }, () => [t.component ? (V(), M(un(t.component), sn({
+					key: 0,
+					ref_for: !0
+				}, t.componentProps, {
+					toast: t,
+					onClose: (e) => S(t.id)
+				}), null, 16, ["toast", "onClose"])) : (V(), M(K(Yn), {
+					key: 1,
+					role: "presentation",
+					type: t.type,
+					layout: t.layout,
+					leftside: t.leftside,
+					title: t.title,
+					description: t.description,
+					linkText: t.linkText,
+					primaryButtonText: t.primaryButtonText,
+					secondaryButtonText: t.secondaryButtonText,
+					showPrimaryButton: t.showPrimaryButton,
+					closable: t.closable,
+					closeAriaLabel: t.closeAriaLabel,
+					icon: t.icon,
+					avatar: t.avatar,
+					width: t.width,
+					truncateTitle: t.truncateTitle,
+					onClose: (e) => S(t.id),
+					onLinkClick: (e) => C(t),
+					onPrimaryAction: (e) => w(t),
+					onSecondaryAction: (e) => T(t)
+				}, null, 8, [
+					"type",
+					"layout",
+					"leftside",
+					"title",
+					"description",
+					"linkText",
+					"primaryButtonText",
+					"secondaryButtonText",
+					"showPrimaryButton",
+					"closable",
+					"closeAriaLabel",
+					"icon",
+					"avatar",
+					"width",
+					"truncateTitle",
+					"onClose",
+					"onLinkClick",
+					"onPrimaryAction",
+					"onSecondaryAction"
+				]))])]),
+				_: 2
+			}, 1032, [
+				"index",
+				"expanded",
+				"front-toast-height",
+				"stack-peek",
+				"removed",
+				"visible",
+				"offset-y",
+				"onHeightChange"
+			]))), 128))], 4)) : N("", !0)
+		], 32)]));
 	}
-}), mr = 4, hr = 4, gr = 1, _r = "400 12px var(--s-ui-font-family-label)", vr = 4, yr = .5, br = (e, t, n, r, i, a) => {
+}), _r = 4, vr = 4, yr = 1, br = "400 12px var(--s-ui-font-family-label)", xr = 4, Sr = .5, Cr = (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();
-}, xr = (e) => {
+}, wr = (e) => {
 	let t = e.getProps([
 		"x",
 		"y",
@@ -732,37 +756,37 @@ var An = [
 		width: Math.abs(n - i),
 		centerY: r
 	};
-}, Sr = (e, t, n, r, i) => {
-	let a = xr(t);
+}, Tr = (e, t, n, r, i) => {
+	let a = wr(t);
 	if (!a) return;
-	let o = i ? i(n) : `${n}`, s = e.measureText(o).width + mr * 2;
-	if (a.width < s + vr * 2) return;
+	let o = i ? i(n) : `${n}`, s = e.measureText(o).width + _r * 2;
+	if (a.width < s + xr * 2) return;
 	let c = a.left + a.width / 2;
-	br(e, c - s / 2, a.centerY - 20 / 2, s, 20, hr), e.fillStyle = r.background, e.fill(), e.lineWidth = gr, e.strokeStyle = r.border, e.stroke(), e.fillStyle = r.text, e.fillText(o, c, a.centerY);
-}, Cr = (e, t) => ({
+	Cr(e, c - s / 2, a.centerY - 20 / 2, s, 20, vr), e.fillStyle = r.background, e.fill(), e.lineWidth = yr, e.strokeStyle = r.border, e.stroke(), e.fillStyle = r.text, e.fillText(o, c, a.centerY);
+}, Er = (e, t) => ({
 	id: "segmentedBarBadge",
 	afterDatasetsDraw(n) {
 		let r = {
-			background: O(D.pieBadgeBackground, e),
-			border: O(D.pieBadgeBorder, e),
-			text: O(D.pieBadgeText, e)
+			background: k(O.pieBadgeBackground, e),
+			border: k(O.pieBadgeBorder, e),
+			text: k(O.pieBadgeText, e)
 		}, { ctx: i } = n;
-		i.save(), i.font = _r, i.textAlign = "center", i.textBaseline = "middle";
-		let a = ht(n);
+		i.save(), i.font = br, i.textAlign = "center", i.textBaseline = "middle";
+		let a = mt(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 ? yr : 1, Sr(i, s, c, r, t));
+			s && typeof c == "number" && c > 0 && (i.globalAlpha = a !== null && a.datasetIndex !== o ? Sr : 1, Tr(i, s, c, r, t));
 		}), i.restore();
 	}
-}), wr = 40, Tr = 4, Er = 1, Dr = [
+}), Dr = 40, Or = 4, kr = 1, Ar = [
 	"mousemove",
 	"mouseout",
 	"click",
 	"touchstart",
 	"touchmove"
-], Or = ({ segments: e, segmentColors: t, colorHostElement: n, skeleton: r = !1, formatValue: i, onSegmentClick: a, onSegmentHover: o, resolveTooltipLines: s }) => {
+], jr = ({ segments: e, segmentColors: t, colorHostElement: n, skeleton: r = !1, formatValue: i, onSegmentClick: a, onSegmentHover: o, resolveTooltipLines: s }) => {
 	if (e.length === 0) return null;
-	let c = O("--s-ui-color-surface-primary", n), l = e.reduce((e, t) => e + t.value, 0), u = mt({
+	let c = k("--s-ui-color-surface-primary", n), l = e.reduce((e, t) => e + t.value, 0), u = pt({
 		kind: "series",
 		skeleton: r,
 		colorHostElement: n,
@@ -780,12 +804,12 @@ var An = [
 				hoverBackgroundColor: t[n],
 				borderColor: c,
 				borderWidth: {
-					left: Er,
-					right: Er
+					left: kr,
+					right: kr
 				},
 				borderSkipped: !1,
-				borderRadius: Tr,
-				barThickness: wr,
+				borderRadius: Or,
+				barThickness: Dr,
 				stack: "track"
 			}))
 		},
@@ -794,7 +818,7 @@ var An = [
 			responsive: !0,
 			maintainAspectRatio: !1,
 			layout: { padding: 0 },
-			events: r ? [] : Dr,
+			events: r ? [] : Ar,
 			onHover: u.onHover,
 			onClick: u.onClick,
 			hover: r ? void 0 : {
@@ -806,9 +830,9 @@ var An = [
 				legend: { display: !1 },
 				tooltip: {
 					enabled: !r && s !== void 0,
-					backgroundColor: O(D.tooltipBackground, n),
-					titleColor: O(D.tooltipText, n),
-					bodyColor: O(D.tooltipText, n),
+					backgroundColor: k(O.tooltipBackground, n),
+					titleColor: k(O.tooltipText, n),
+					bodyColor: k(O.tooltipText, n),
 					displayColors: !1,
 					callbacks: {
 						title: () => "",
@@ -829,9 +853,9 @@ var An = [
 				}
 			}
 		},
-		plugins: [...r ? [] : [Cr(n, i)], ...u.plugins]
+		plugins: [...r ? [] : [Er(n, i)], ...u.plugins]
 	};
-}, kr = [
+}, Mr = [
 	4,
 	1,
 	2,
@@ -843,9 +867,9 @@ var An = [
 ].map((e, t) => ({
 	label: `Series ${t + 1}`,
 	value: e
-})), Ar = /* @__PURE__ */ L({
+})), Nr = /* @__PURE__ */ R({
 	__name: "SChartSegmentedBar",
-	props: /*@__PURE__*/ sn({
+	props: /*@__PURE__*/ on({
 		segments: { default: () => [] },
 		showLegend: {
 			type: Boolean,
@@ -864,7 +888,7 @@ var An = [
 			type: Boolean,
 			default: !1
 		},
-		legendSize: { default: () => vt.SMALL },
+		legendSize: { default: () => _t.SMALL },
 		formatTooltip: { type: Function }
 	}, {
 		selectedIndex: { default: null },
@@ -872,31 +896,31 @@ var An = [
 		selectedIndexes: { default: () => [] },
 		selectedIndexesModifiers: {}
 	}),
-	emits: /*@__PURE__*/ sn(["segmentClick"], ["update:selectedIndex", "update:selectedIndexes"]),
+	emits: /*@__PURE__*/ on(["segmentClick"], ["update:selectedIndex", "update:selectedIndexes"]),
 	setup(e, { expose: t, emit: n }) {
-		let r = pn(e, "selectedIndex"), i = pn(e, "selectedIndexes"), a = n, o = _t, s = mn("chartRootRef"), c = mn("chartCanvasRef"), l = A(() => e.loading ? kr : e.segments), u = A(() => l.value.map((t, n) => Mn(n, s.value, t.fillColor, e.loading))), d = A(() => l.value.map((e, t) => ({
+		let r = pn(e, "selectedIndex"), i = pn(e, "selectedIndexes"), a = n, o = gt, s = hn("chartRootRef"), c = hn("chartCanvasRef"), l = j(() => e.loading ? Mr : e.segments), u = j(() => l.value.map((t, n) => Nn(n, s.value, t.fillColor, e.loading))), d = j(() => l.value.map((e, t) => ({
 			segment: e,
 			segmentIndex: t
-		})).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) ? ft(s.value) : u.value[e] ?? "")), m = A(() => {
+		})).filter(({ segment: e }) => e.value > 0)), f = j(() => d.value.map(({ segment: e }) => e)), p = j(() => d.value.map(({ segmentIndex: e }) => _.value && !i.value.includes(e) ? dt(s.value) : u.value[e] ?? "")), m = j(() => {
 			let e = /* @__PURE__ */ new Map();
 			return d.value.forEach(({ segmentIndex: t }, n) => {
 				e.set(t, n);
 			}), e;
-		}), h = V(null), g = (t) => {
+		}), h = H(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) => {
+		}, _ = j(() => 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 = kt("onSegmentClick"), x = (t) => {
+		}, 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(() => Or({
+		}, S = j(() => e.selectable ? e.multiple ? h.value : h.value ?? r.value : null), C = j(() => _.value && h.value === null ? i.value : []), w = j(() => jr({
 			segments: f.value,
 			segmentColors: p.value,
 			colorHostElement: s.value,
@@ -905,50 +929,50 @@ var An = [
 			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) => ({
+		})), T = j(() => l.value.map((e, t) => ({
 			label: e.label,
 			color: u.value[t] ?? ""
-		}))), { chartInstance: T } = pt({
+		}))), { chartInstance: E } = ft({
 			canvasRef: c,
-			config: C,
-			enabled: A(() => e.loading || f.value.length > 0)
-		}), { exportImage: E, handleLegendItemHover: te, pinElement: ne } = gt({
-			chartInstance: T,
+			config: w,
+			enabled: j(() => e.loading || f.value.length > 0)
+		}), { exportImage: D, handleLegendItemHover: ee, pinElement: te } = ht({
+			chartInstance: E,
 			canvasRef: c,
 			colorHostElement: s
-		}), re = (e) => e === null ? null : m.value.get(e) ?? null, ie = (t) => {
-			e.selectable && (h.value = t), te(re(t));
+		}), ne = (e) => e === null ? null : m.value.get(e) ?? null, re = (t) => {
+			e.selectable && (h.value = t), ee(ne(t));
 		};
-		return hn([T, r], () => {
-			e.selectable && !e.loading && ne(re(r.value));
-		}), t({ exportImage: E }), (t, n) => (B(), N("div", {
+		return gn([E, r], () => {
+			e.selectable && !e.loading && te(ne(r.value));
+		}), t({ exportImage: D }), (t, n) => (V(), P("div", {
 			ref_key: "chartRootRef",
 			ref: s,
-			class: R(["s-ui-chart-segmented-bar", { "s-ui-chart-segmented-bar--skeleton": e.loading }]),
+			class: z(["s-ui-chart-segmented-bar", { "s-ui-chart-segmented-bar--skeleton": e.loading }]),
 			"data-qa": "ui:chart-segmented-bar"
-		}, [P("div", {
+		}, [F("div", {
 			class: "s-ui-chart-segmented-bar__canvas-wrap",
 			onMouseleave: n[0] ||= (e) => y(null)
-		}, [I(G(dt), {
+		}, [L(K(ut), {
 			loading: e.loading,
-			type: G(o).CARTESIAN
+			type: K(o).CARTESIAN
 		}, {
-			default: q(() => [P("canvas", {
+			default: q(() => [F("canvas", {
 				ref_key: "chartCanvasRef",
 				ref: c,
 				class: "s-ui-chart-segmented-bar__canvas"
 			}, null, 512)]),
 			_: 1
-		}, 8, ["loading", "type"])], 32), e.showLegend && w.value.length ? (B(), j(G(yt), {
+		}, 8, ["loading", "type"])], 32), e.showLegend && T.value.length ? (V(), M(K(vt), {
 			key: 0,
-			items: w.value,
+			items: T.value,
 			disabled: e.loading,
 			interactive: !e.loading,
 			size: e.legendSize,
 			selectable: e.selectable && !e.loading,
-			"active-index": ee.value,
-			"active-indexes": S.value,
-			onItemHover: ie,
+			"active-index": S.value,
+			"active-indexes": C.value,
+			onItemHover: re,
 			onItemClick: g
 		}, null, 8, [
 			"items",
@@ -958,30 +982,30 @@ var An = [
 			"selectable",
 			"active-index",
 			"active-indexes"
-		])) : M("", !0)], 2));
+		])) : N("", !0)], 2));
 	}
-}), jr = {
+}), Pr = {
 	key: 0,
 	class: "s-ui-chart-widget__header"
-}, Mr = {
+}, Fr = {
 	key: 0,
 	class: "s-ui-chart-widget__title-skeleton",
 	"aria-hidden": "true"
-}, Nr = {
+}, Ir = {
 	key: 1,
 	class: "s-ui-chart-widget__heading"
-}, Pr = { class: "s-ui-chart-widget__title s-ui-typography-label-16-medium" }, Fr = {
+}, Lr = { class: "s-ui-chart-widget__title s-ui-typography-label-16-medium" }, Rr = {
 	key: 0,
 	class: "s-ui-chart-widget__subtitle s-ui-typography-body-12-regular"
-}, Ir = { class: "s-ui-chart-widget__controls" }, Lr = {
+}, zr = { class: "s-ui-chart-widget__controls" }, Br = {
 	key: 1,
 	class: "s-ui-chart-widget__content"
-}, Rr = {
+}, Vr = {
 	key: 2,
 	class: "s-ui-chart-widget__footer"
-}, zr = /* @__PURE__ */ L({
+}, Hr = /* @__PURE__ */ R({
 	__name: "SChartWidget",
-	props: /*@__PURE__*/ sn({
+	props: /*@__PURE__*/ on({
 		title: { default: "" },
 		subtitle: { default: "" },
 		collapsible: {
@@ -1005,17 +1029,17 @@ var An = [
 	}),
 	emits: ["update:collapsed"],
 	setup(e) {
-		let t = pn(e, "collapsed"), n = K(), { t: r } = On(), 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 }]),
+		let t = pn(e, "collapsed"), n = mn(), { t: r } = kn(), i = j(() => !!e.subtitle || !!n.subtitle), a = j(() => !!e.title || !!n.title || i.value || !!n.actions || e.collapsible), o = j(() => !!n.footer), s = j(() => !t.value || !e.collapsible || !e.hideContentWhenCollapsed), c = j(() => r(t.value ? "chartWidget.expand" : "chartWidget.collapse"));
+		return (n, r) => (V(), P("div", {
+			class: z(["s-ui-chart-widget", { "s-ui-chart-widget--skeleton": e.loading }]),
 			"data-qa": "ui:chart-widget"
 		}, [
-			a.value ? (B(), N("div", jr, [e.loading ? (B(), N("span", Mr)) : (B(), N("span", Nr, [P("span", Pr, [U(n.$slots, "title", {}, () => [F(W(e.title), 1)])]), i.value ? (B(), N("span", Fr, [U(n.$slots, "subtitle", {}, () => [F(W(e.subtitle), 1)])])) : M("", !0)])), P("div", Ir, [U(n.$slots, "actions"), e.collapsible ? (B(), j(G(E), {
+			a.value ? (V(), P("div", Pr, [e.loading ? (V(), P("span", Fr)) : (V(), P("span", Ir, [F("span", Lr, [W(n.$slots, "title", {}, () => [I(G(e.title), 1)])]), i.value ? (V(), P("span", Rr, [W(n.$slots, "subtitle", {}, () => [I(G(e.subtitle), 1)])])) : N("", !0)])), F("div", zr, [W(n.$slots, "actions"), e.collapsible ? (V(), M(K(D), {
 				key: 0,
-				appearance: G(w).OUTLINED,
-				variant: G(C).NEUTRAL,
-				size: G(T).SMALL,
-				icon: t.value ? G(J).chevronDown : G(J).chevronUp,
+				appearance: K(T).OUTLINED,
+				variant: K(w).NEUTRAL,
+				size: K(E).SMALL,
+				icon: t.value ? K(J).chevronDown : K(J).chevronUp,
 				"aria-label": c.value,
 				"aria-expanded": !t.value,
 				onClick: r[0] ||= (e) => t.value = !t.value
@@ -1026,84 +1050,84 @@ var An = [
 				"icon",
 				"aria-label",
 				"aria-expanded"
-			])) : M("", !0)])])) : M("", !0),
-			s.value ? (B(), N("div", Lr, [U(n.$slots, "default")])) : M("", !0),
-			o.value ? (B(), N("div", Rr, [U(n.$slots, "footer")])) : M("", !0)
+			])) : N("", !0)])])) : N("", !0),
+			s.value ? (V(), P("div", Br, [W(n.$slots, "default")])) : N("", !0),
+			o.value ? (V(), P("div", Vr, [W(n.$slots, "footer")])) : N("", !0)
 		], 2));
 	}
-}), Br = /* @__PURE__ */ function(e) {
+}), Ur = /* @__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;
-}({}), Vr = /^(\d{4})-(\d{2})-(\d{2})/, Hr = (e) => {
+}({}), Wr = /^(\d{4})-(\d{2})-(\d{2})/, Gr = (e) => {
 	if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : {
 		year: e.getFullYear(),
 		month: e.getMonth(),
 		day: e.getDate()
 	};
-	let t = Vr.exec(e);
+	let t = Wr.exec(e);
 	return t ? {
 		year: Number(t[1]),
 		month: Number(t[2]) - 1,
 		day: Number(t[3])
 	} : null;
-}, Ur = (e, t) => new Date(e, t + 1, 0).getDate(), Wr = 12, Gr = (e, t, n = !1) => {
+}, Kr = (e, t) => new Date(e, t + 1, 0).getDate(), qr = 12, Jr = (e, t, n = !1) => {
 	if (e.year < t) return 0;
 	if (e.year > t) return 100;
-	let r = Ur(e.year, e.month), i = n ? e.day : e.day - 1;
-	return (e.month + i / r) / Wr * 100;
-}, Kr = (e) => {
+	let r = Kr(e.year, e.month), i = n ? e.day : e.day - 1;
+	return (e.month + i / r) / qr * 100;
+}, Yr = (e) => {
 	let t = new Intl.DateTimeFormat(e, { month: "long" });
-	return Array.from({ length: Wr }, (n, r) => {
+	return Array.from({ length: qr }, (n, r) => {
 		let i = t.format(new Date(2e3, r, 1));
 		return i.charAt(0).toLocaleUpperCase(e) + i.slice(1);
 	});
-}, qr = (e) => Math.min(100, Math.max(0, e)), Jr = (e, t, n, r, i) => e.flatMap((e) => {
-	let a = Hr(e.date);
+}, Xr = (e) => Math.min(100, Math.max(0, e)), Zr = (e, t, n, r, i) => e.flatMap((e) => {
+	let a = Gr(e.date);
 	if (!a || a.year !== n) return [];
-	let o = Gr(a, n, !0), s = i > 0 ? qr((o - r) / i * 100) : 0;
+	let o = Jr(a, n, !0), s = i > 0 ? Xr((o - r) / i * 100) : 0;
 	return [{
 		milestone: e,
 		status: e.status ?? t,
 		offset: s
 	}];
-}), Yr = (e, t) => e.flatMap((e) => {
-	let n = Hr(e.start), r = Hr(e.end);
+}), Qr = (e, t) => e.flatMap((e) => {
+	let n = Gr(e.start), r = Gr(e.end);
 	if (!n || !r || n.year > t || r.year < t) return [];
-	let i = Gr(n, t), a = Gr(r, t, !0);
+	let i = Jr(n, t), a = Jr(r, t, !0);
 	if (a <= i) return [];
-	let o = e.status ?? Br.ON_PLAN, s = a - i;
+	let o = e.status ?? Ur.ON_PLAN, s = a - i;
 	return [{
 		item: e,
 		status: o,
 		left: i,
 		width: s,
-		progress: e.progress === void 0 ? null : qr(Math.round(e.progress)),
-		milestones: Jr(e.milestones ?? [], o, t, i, s)
+		progress: e.progress === void 0 ? null : Xr(Math.round(e.progress)),
+		milestones: Zr(e.milestones ?? [], o, t, i, s)
 	}];
-}), Xr = ["aria-busy"], Zr = { class: "s-ui-roadmap__ruler" }, Qr = { class: "s-ui-roadmap__year" }, $r = { class: "s-ui-roadmap__months" }, ei = { class: "s-ui-roadmap__body" }, ti = {
+}), $r = ["aria-busy"], ei = { class: "s-ui-roadmap__ruler" }, ti = { class: "s-ui-roadmap__year" }, ni = { class: "s-ui-roadmap__months" }, ri = { class: "s-ui-roadmap__body" }, ii = {
 	class: "s-ui-roadmap__grid",
 	"aria-hidden": "true"
-}, ni = {
+}, ai = {
 	key: 1,
 	class: "s-ui-roadmap__rows"
-}, ri = { class: "s-ui-roadmap__row" }, ii = {
+}, oi = { class: "s-ui-roadmap__row" }, si = {
 	key: 2,
 	class: "s-ui-roadmap__rows"
-}, ai = [
+}, ci = [
 	"role",
 	"tabindex",
 	"onClick",
 	"onKeydown"
-], oi = { class: "s-ui-roadmap__card-header" }, si = { class: "s-ui-roadmap__card-title" }, ci = { class: "s-ui-roadmap__card-track" }, li = [
+], li = { class: "s-ui-roadmap__card-header" }, ui = { class: "s-ui-roadmap__card-title" }, di = { class: "s-ui-roadmap__card-track" }, fi = [
 	"title",
 	"aria-label",
 	"onClick"
-], ui = {
+], pi = {
 	key: 0,
 	class: "s-ui-roadmap__card-progress"
-}, di = { class: "s-ui-roadmap__card-percent" }, fi = {
+}, mi = { class: "s-ui-roadmap__card-percent" }, hi = {
 	key: 3,
 	class: "s-ui-roadmap__empty"
-}, pi = 3.8, mi = 39.6, hi = 16, gi = 16, _i = /* @__PURE__ */ L({
+}, gi = 3.8, _i = 39.6, vi = 16, yi = 16, bi = /* @__PURE__ */ R({
 	__name: "SRoadmap",
 	props: {
 		items: { default: () => [] },
@@ -1118,12 +1142,12 @@ var An = [
 	},
 	emits: ["itemClick", "milestoneClick"],
 	setup(e, { emit: t }) {
-		let n = t, r = hi / 2, i = J.stageFill, a = J.milestoneFill, o = vn.SMALL, s = yn.S_ROADMAP_CARD, c = {
-			insetInlineStart: `${pi}%`,
-			inlineSize: `${mi}%`
-		}, { t: l, locale: u } = On(), d = kt("onItemClick"), f = kt("onMilestoneClick"), p = V(null), m = A(() => d() ? e.itemActionLabel : void 0), h = A(() => f() ? e.milestoneActionLabel : void 0), g = A(() => p.value ? {
+		let n = t, r = vi / 2, i = J.stageFill, a = J.milestoneFill, o = yn.SMALL, s = bn.S_ROADMAP_CARD, c = {
+			insetInlineStart: `${gi}%`,
+			inlineSize: `${_i}%`
+		}, { t: l, locale: u } = kn(), d = Ot("onItemClick"), f = Ot("onMilestoneClick"), p = H(null), m = j(() => d() ? e.itemActionLabel : void 0), h = j(() => f() ? e.milestoneActionLabel : void 0), g = j(() => p.value ? {
 			insetInlineStart: `${p.value.x}px`,
-			insetBlockStart: `${p.value.y + gi}px`
+			insetBlockStart: `${p.value.y + yi}px`
 		} : void 0), _ = (e, t) => {
 			p.value = e ? {
 				text: e,
@@ -1132,11 +1156,11 @@ var An = [
 			} : null;
 		}, v = () => {
 			p.value = null;
-		}, y = A(() => Hr(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(() => Kr(String(fn(u))).map((e, t) => ({
+		}, y = j(() => Gr(e.today ?? /* @__PURE__ */ new Date())), b = j(() => e.year ?? y.value?.year ?? (/* @__PURE__ */ new Date()).getFullYear()), x = j(() => y.value?.year === b.value), S = j(() => ["s-ui-roadmap", { "s-ui-roadmap--loading": e.loading }]), C = j(() => Yr(String(fn(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: `${Gr(y.value, b.value)}%` }), w = A(() => Yr(e.items, b.value).map((e) => ({
+		}))), w = j(() => !x.value || !y.value ? null : { insetInlineStart: `${Jr(y.value, b.value)}%` }), T = j(() => Qr(e.items, b.value).map((e) => ({
 			key: e.item.id,
 			row: e,
 			role: d() ? "button" : void 0,
@@ -1157,91 +1181,91 @@ var An = [
 				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% - ${hi}px))` }
+				style: { insetInlineStart: `clamp(0px, calc(${e.offset}% - ${r}px), calc(100% - ${vi}px))` }
 			}))
-		}))), T = (e) => {
+		}))), E = (e) => {
 			n("itemClick", e);
-		}, E = (e, t) => {
+		}, D = (e, t) => {
 			n("milestoneClick", e, t);
 		};
-		return (t, n) => (B(), N("div", {
-			class: R(ee.value),
+		return (t, n) => (V(), P("div", {
+			class: z(S.value),
 			"data-qa": "ui:roadmap",
 			"aria-busy": e.loading
 		}, [
-			P("div", Zr, [P("div", Qr, W(b.value), 1), P("ol", $r, [(B(!0), N(k, null, H(S.value, (e) => (B(), N("li", {
+			F("div", ei, [F("div", ti, G(b.value), 1), F("ol", ni, [(V(!0), P(A, null, U(C.value, (e) => (V(), P("li", {
 				key: e.index,
-				class: R(e.classes)
-			}, W(e.label), 3))), 128))])]),
-			P("div", ei, [
-				P("div", ti, [(B(!0), N(k, null, H(S.value, (e) => (B(), N("span", {
+				class: z(e.classes)
+			}, G(e.label), 3))), 128))])]),
+			F("div", ri, [
+				F("div", ii, [(V(!0), P(A, null, U(C.value, (e) => (V(), P("span", {
 					key: e.index,
 					class: "s-ui-roadmap__grid-column"
 				}))), 128))]),
-				C.value ? (B(), N("div", {
+				w.value ? (V(), P("div", {
 					key: 0,
 					class: "s-ui-roadmap__today",
-					style: z(C.value),
+					style: B(w.value),
 					"aria-hidden": "true"
-				}, [...n[2] ||= [P("span", { class: "s-ui-roadmap__today-point" }, null, -1)]], 4)) : M("", !0),
-				e.loading ? (B(), N("ul", ni, [P("li", ri, [P("div", {
+				}, [...n[2] ||= [F("span", { class: "s-ui-roadmap__today-point" }, null, -1)]], 4)) : N("", !0),
+				e.loading ? (V(), P("ul", ai, [F("li", oi, [F("div", {
 					class: "s-ui-roadmap__card s-ui-roadmap__card--skeleton",
 					style: c,
 					"aria-hidden": "true"
-				}, [I(G(Sn), {
+				}, [L(K(Cn), {
 					class: "s-ui-roadmap__card-skeleton",
-					type: G(s)
-				}, null, 8, ["type"])])])])) : w.value.length ? (B(), N("ul", ii, [(B(!0), N(k, null, H(w.value, (e) => (B(), N("li", {
+					type: K(s)
+				}, null, 8, ["type"])])])])) : T.value.length ? (V(), P("ul", si, [(V(!0), P(A, null, U(T.value, (e) => (V(), P("li", {
 					key: e.key,
 					class: "s-ui-roadmap__row"
-				}, [P("div", {
-					class: R(e.cardClasses),
-					style: z(e.cardStyle),
+				}, [F("div", {
+					class: z(e.cardClasses),
+					style: B(e.cardStyle),
 					role: e.role,
 					tabindex: e.tabindex,
-					onClick: (t) => T(e.row.item),
-					onKeydown: gn((t) => T(e.row.item), ["enter"]),
+					onClick: (t) => E(e.row.item),
+					onKeydown: _n((t) => E(e.row.item), ["enter"]),
 					onPointermove: n[1] ||= (e) => _(m.value, e),
 					onPointerleave: v
 				}, [
-					P("div", oi, [U(t.$slots, "item-leading", { item: e.row.item }), P("span", si, W(e.row.item.title), 1)]),
-					P("div", ci, [I(G(bn), {
+					F("div", li, [W(t.$slots, "item-leading", { item: e.row.item }), F("span", ui, G(e.row.item.title), 1)]),
+					F("div", di, [L(K(xn), {
 						class: "s-ui-roadmap__stage-icon",
-						name: G(i),
+						name: K(i),
 						size: 16
-					}, null, 8, ["name"]), (B(!0), N(k, null, H(e.milestones, (t) => (B(), N("button", {
+					}, null, 8, ["name"]), (V(!0), P(A, null, U(e.milestones, (t) => (V(), P("button", {
 						key: t.key,
 						type: "button",
-						class: R(t.classes),
-						style: z(t.style),
+						class: z(t.classes),
+						style: B(t.style),
 						title: t.nativeTitle,
 						"aria-label": t.title,
-						onClick: _n((n) => E(t.placement.milestone, e.row.item), ["stop"]),
-						onPointermove: n[0] ||= _n((e) => _(h.value, e), ["stop"])
-					}, [I(G(bn), {
-						name: G(a),
+						onClick: vn((n) => D(t.placement.milestone, e.row.item), ["stop"]),
+						onPointermove: n[0] ||= vn((e) => _(h.value, e), ["stop"])
+					}, [L(K(xn), {
+						name: K(a),
 						size: 16
-					}, null, 8, ["name"])], 46, li))), 128))]),
-					e.row.progress === null ? M("", !0) : (B(), N("div", ui, [I(G(xn), {
+					}, null, 8, ["name"])], 46, fi))), 128))]),
+					e.row.progress === null ? N("", !0) : (V(), P("div", pi, [L(K(Sn), {
 						class: "s-ui-roadmap__card-progress-bar",
 						value: e.row.progress,
-						size: G(o),
+						size: K(o),
 						"aria-label": e.progressLabel
 					}, null, 8, [
 						"value",
 						"size",
 						"aria-label"
-					]), P("span", di, W(e.row.progress) + "%", 1)]))
-				], 46, ai)]))), 128))])) : (B(), N("div", fi, [U(t.$slots, "empty", {}, () => [F(W(G(l)("roadmap.empty")), 1)])]))
+					]), F("span", mi, G(e.row.progress) + "%", 1)]))
+				], 46, ci)]))), 128))])) : (V(), P("div", hi, [W(t.$slots, "empty", {}, () => [I(G(K(l)("roadmap.empty")), 1)])]))
 			]),
-			(B(), j(an, { to: "body" }, [p.value ? (B(), N("span", {
+			(V(), M(rn, { to: "body" }, [p.value ? (V(), P("span", {
 				key: 0,
 				class: "s-ui-roadmap__hint",
-				style: z(g.value),
+				style: B(g.value),
 				role: "tooltip"
-			}, W(p.value.text), 5)) : M("", !0)]))
-		], 10, Xr));
+			}, G(p.value.text), 5)) : N("", !0)]))
+		], 10, $r));
 	}
 });
 //#endregion
-export { Nt as CALENDAR_WEEK_SLOT_COUNT, Vt 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, Rt as ESCalendarEventDirection, Wt as ESCalendarMonthDayTone, he as ESCardLayout, vt as ESChartLegendSize, Tt 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, at as ESInlineInputAppearance, Be as ESInlineMessageValidationStatus, Re as ESInputCustomize, He as ESLabelSize, Ue as ESLabelVariant, Xe as ESListGap, qe as ESListItemRole, Je as ESListItemVariant, ct as ESPhotoEditShape, lt as ESPhotoEditSize, et as ESRadioLabelPlacement, Br as ESRoadmapStatus, _e as ESSegmentControlSize, Qe as ESSelectSearchable, ye as ESTabAppearance, be as ESTabSize, Zt as ESTableCellState, en as ESTableCheckState, Yt as ESTableColumnAlign, Gt as ESTableColumnSticky, Qt as ESTableDropAction, tn as ESTableFooterTone, Kt as ESTableRowColor, Xt as ESTableRowHeightMode, rn as ESTableRowKind, qt as ESTableRowState, Jt as ESTableRowsDragMode, $t as ESTableSortDirection, Oe as ESTagColor, ke as ESTagSize, nt as ESToggleLabelPlacement, rt as ESToggleSize, ae as ESelectionFocusMode, ne as ESelectionMode, ie as ESelectionOrientation, Pt as EWorkTimeSource, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, S as SAvatarGroup, n as SBadge, qn as SBanner, E as SButton, ue as SButtonGroup, Ft as SCalendarMonth, Lt as SCalendarWeekGrid, ge as SCard, At as SChartBar, Ot as SChartBurnup, wt as SChartHorizontalBar, yt as SChartLegend, bt as SChartLine, Dt as SChartMultiLine, Et as SChartPie, jt as SChartProgress, Mt as SChartScatter, Ar as SChartSegmentedBar, St as SChartStackedArea, Ct as SChartStackedBar, zr as SChartWidget, me as SCheckbox, Pe as SChip, d as SColorArea, v as SColorPalette, f as SColorPicker, u as SColorValues, zt as SDayTimeline, Ie as SDropdown, Le as SDropdownMenu, ce as SInlineGroup, ot as SInlineInput, Ve as SInlineMessage, ze as SInput, We as SLabel, Ze as SList, Ye as SListItem, ut as SPhotoEdit, tt as SRadio, _i as SRoadmap, ve as SSegmentControl, $e as SSelect, xe as STab, nn as STable, Se as STabs, Ae as STag, je as STagGroup, st as STextarea, Jn as SToast, pr as SToastProvider, it as SToggle, Fe as S_DROPDOWN_SHEET_BREAKPOINT, $n as TOAST_AUTO_DURATION_MAX_MS, Qn as TOAST_AUTO_DURATION_MIN_MS, er as TOAST_AUTO_DURATION_MS_PER_CHAR, Bt as WORK_TIME_SOURCE_COLOR_VARS, Ht as WORK_TIME_SOURCE_ORDER, Ut as buildWorkTimeLegendItems, tr as computeAutoDuration, we as computeConnectedPosition, Cn as createUiKit, It as formatDurationHM, x as isSameColor, b as normalizeColorValue, y as resolveColorPreview, te as resolveOwnPropOrGroupedOrFallback, wn as setUiKitLocale, Tn as uiKitLocaleEn, En as uiKitLocaleRu, Ke as useFlatTreeList, De as useFloatingOverlay, Ge as useSListEndReached, re as useSelectionGroup, oe as useSelectionGroupItem, fr as useToast, Dn as useUiKitI18n };
+export { Mt as CALENDAR_WEEK_SLOT_COUNT, Bt as DAY_TIMELINE_MINUTES, m as DEFAULT_COLOR_PALETTE, p as EAccentColor, T as EButtonAppearance, oe as EButtonGroupLayout, E as EButtonSize, w as EButtonVariant, g as EColorFormat, Se as EConnectedPositionStrategy, X as ENotificationLayout, Z as ENotificationLeftside, Y as ENotificationType, a as ESAvatarBadge, s as ESAvatarColor, S as ESAvatarGroupSize, i as ESAvatarIconBackground, r as ESAvatarShape, o as ESAvatarSize, e as ESBadgeColor, t as ESBadgePlacement, Lt as ESCalendarEventDirection, Ut as ESCalendarMonthDayTone, me as ESCardLayout, _t as ESChartLegendSize, wt as ESChartPieLegendView, de as ESCheckboxColor, fe as ESCheckboxLabelPlacement, ue as ESCheckboxSize, je as ESChipColor, Me as ESChipSize, h as ESColorPaletteLayout, we as ESDropdownBoundary, Te as ESDropdownPlacement, ce as ESInlineGroupOrientation, it as ESInlineInputAppearance, ze as ESInlineMessageValidationStatus, Le as ESInputCustomize, Ve as ESLabelSize, He as ESLabelVariant, Ye as ESListGap, Ke as ESListItemRole, qe as ESListItemVariant, st as ESPhotoEditShape, ct as ESPhotoEditSize, $e as ESRadioLabelPlacement, Ur as ESRoadmapStatus, ge as ESSegmentControlSize, Ze as ESSelectSearchable, ve as ESTabAppearance, ye as ESTabSize, Xt as ESTableCellState, $t as ESTableCheckState, Jt as ESTableColumnAlign, Wt as ESTableColumnSticky, Zt as ESTableDropAction, en as ESTableFooterTone, Gt as ESTableRowColor, Yt as ESTableRowHeightMode, nn as ESTableRowKind, Kt as ESTableRowState, qt as ESTableRowsDragMode, Qt as ESTableSortDirection, De as ESTagColor, Oe as ESTagSize, tt as ESToggleLabelPlacement, nt as ESToggleSize, ie as ESelectionFocusMode, te as ESelectionMode, re as ESelectionOrientation, Nt as EWorkTimeSource, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, C as SAvatarGroup, n as SBadge, Jn as SBanner, D as SButton, le as SButtonGroup, Pt as SCalendarMonth, It as SCalendarWeekGrid, he 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, jt as SChartScatter, Nr as SChartSegmentedBar, xt as SChartStackedArea, St as SChartStackedBar, Hr as SChartWidget, pe as SCheckbox, Ne as SChip, d as SColorArea, v as SColorPalette, f as SColorPicker, u as SColorValues, Rt as SDayTimeline, Fe as SDropdown, Ie as SDropdownMenu, se as SInlineGroup, at as SInlineInput, Be as SInlineMessage, Re as SInput, Ue as SLabel, Xe as SList, Je as SListItem, lt as SPhotoEdit, et as SRadio, bi as SRoadmap, _e as SSegmentControl, Qe as SSelect, be as STab, tn as STable, xe as STabs, ke as STag, Ae as STagGroup, ot as STextarea, Yn as SToast, gr as SToastProvider, rt as SToggle, Pe as S_DROPDOWN_SHEET_BREAKPOINT, er as TOAST_AUTO_DURATION_MAX_MS, $n as TOAST_AUTO_DURATION_MIN_MS, tr as TOAST_AUTO_DURATION_MS_PER_CHAR, zt as WORK_TIME_SOURCE_COLOR_VARS, Vt as WORK_TIME_SOURCE_ORDER, Ht as buildWorkTimeLegendItems, nr as computeAutoDuration, Ce as computeConnectedPosition, wn as createUiKit, Ft as formatDurationHM, x as isSameColor, b as normalizeColorValue, y as resolveColorPreview, ee as resolveOwnPropOrGroupedOrFallback, Tn as setUiKitLocale, En as uiKitLocaleEn, Dn as uiKitLocaleRu, Ge as useFlatTreeList, Ee as useFloatingOverlay, We as useSListEndReached, ne as useSelectionGroup, ae as useSelectionGroupItem, pr as useToast, On as useUiKitI18n };