@shtabapp/ui-kit 1.52.0 → 1.54.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { n as e, r as t, t as n } from "./SBadge-BDxQJh6c.js";
 import { a as r, i, n as a, o, r as s, t as c } from "./SAvatar-BK8cEzGY.js";
-import { i as l, n as u, r as d, t as f } from "./SColorPicker-C1wT4fRa.js";
+import { i as l, n as u, r as d, t as f } from "./SColorPicker-BhJiFjkD.js";
 import { a as p, i as m, n as h, o as g, r as _, t as v } from "./SColorPalette-D2WCADDX.js";
 import { a as y, i as b, r as ee } from "./colorValue-CSh0chxp.js";
 import { n as te, t as ne } from "./SAvatarGroup-F5w88NGf.js";
@@ -9,47 +9,47 @@ import { t as w } from "./SButton-DnU_XZ1C.js";
 import { a as re, n as ie, o as ae, r as oe, t as se } from "./useSelectionGroup-cKj38lEN.js";
 import { n as ce } from "./useSelectLink-DClG5hGA.js";
 import { n as le, t as ue } from "./SButtonGroup-CmSlYnSv.js";
-import { n as de, r as fe, t as pe } from "./SCheckbox-BXV4bPOv.js";
-import { n as me, t as he } from "./SCard-BkmIQd2s.js";
-import { t as ge } from "./SSegmentControl-CmJEjfSR.js";
-import { n as _e, r as ve, t as ye } from "./STab-DY1TGadw.js";
-import { t as be } from "./STabs-CTM8Nji_.js";
-import { i as xe, n as Se, r as Ce, t as we } from "./useFloatingOverlay-QcumEYEq.js";
-import { n as Te, r as Ee, t as De } from "./STag-CluIVRKi.js";
-import { t as Oe } from "./STagGroup-GzZhto7-.js";
-import { n as ke, r as Ae, t as je } from "./SChip-DvPazz7Y.js";
-import { t as Me } from "./SDropdown-CTQ5Qlez.js";
-import { n as Ne, r as Pe, t as Fe } from "./SSelect-Bf1lDJ0M.js";
-import { n as Ie, t as Le } from "./SInput-ug89CYt3.js";
-import { n as Re, t as ze } from "./SInlineMessage-Dirk5RwO.js";
-import { n as Be, r as Ve, t as He } from "./SLabel-yzcX4qp5.js";
-import { a as Ue, o as We, s as Ge, t as Ke } from "./SList-BESqVnlh.js";
-import { n as qe, t as Je } from "./SListItem-DJ8uSadf.js";
-import { n as Ye, t as Xe } from "./SRadio-BZKPhGwO.js";
-import { n as Ze, t as Qe } from "./SToggle-BgCgar2U.js";
-import { n as $e, t as et } from "./SInlineInput-DHq5BNPn.js";
-import { t as tt } from "./STextarea-ASdLqfpC.js";
-import { n as nt, r as rt, t as it } from "./SPhotoEdit-BJXa6mh4.js";
-import { a as at, i as ot, n as st, r as ct, t as lt, v as T, w as E } from "./SChartSkeletonHost-BT96eWSF.js";
-import { t as ut } from "./SChartLine-DSQaezYq.js";
-import { t as dt } from "./resolveSeriesPaletteColor-BdvGT-PI.js";
-import { t as ft } from "./SChartStackedArea-BxUex_Di.js";
-import { t as pt } from "./SChartStackedBar-BJ9LOgSP.js";
-import { t as mt } from "./SChartHorizontalBar-XNasKzaO.js";
-import { t as ht } from "./SChartPie-bN8rY-y5.js";
-import { t as gt } from "./SChartMultiLine-CrMmphFe.js";
-import { t as _t } from "./SChartBurnup-Dxi0MBwo.js";
-import { t as vt } from "./SChartProgress-BtwqE4xL.js";
-import { t as D } from "./SChartLegend-oZoF8XK7.js";
-import { t as yt } from "./useHasListener-RSjlUyqH.js";
-import { a as bt, c as xt, i as St, l as Ct, n as wt, o as Tt, r as Et, s as Dt, t as Ot, u as kt } from "./buildWorkTimeLegendItems-ChGHTwbn.js";
-import { Fragment as At, Teleport as jt, computed as O, createBlock as k, createCommentVNode as A, createElementBlock as j, createElementVNode as M, createSlots as N, createTextVNode as P, createVNode as Mt, defineComponent as F, mergeModels as Nt, mergeProps as Pt, normalizeClass as I, normalizeStyle as L, onMounted as Ft, openBlock as R, ref as z, renderList as It, renderSlot as B, resolveDynamicComponent as Lt, shallowRef as Rt, toDisplayString as V, unref as H, useModel as zt, useSlots as U, useTemplateRef as Bt, watch as Vt, withCtx as W } from "vue";
-import { ESIconName as G, SIcon as Ht, createUiKit as Ut, setUiKitLocale as Wt, uiKitLocaleEn as Gt, uiKitLocaleRu as Kt, useUiKitI18n as qt, useUiKitI18n as Jt } from "@shtabapp/ui-kit-primitives";
-import { useResizeObserver as Yt } from "@vueuse/core";
+import { i as de, n as fe, r as pe, t as me } from "./SCheckbox-CU6nzXrI.js";
+import { n as he, t as ge } from "./SCard-BPYqNqDs.js";
+import { t as _e } from "./SSegmentControl-CmJEjfSR.js";
+import { n as ve, r as ye, t as be } from "./STab-DY1TGadw.js";
+import { t as xe } from "./STabs-CTM8Nji_.js";
+import { i as Se, n as Ce, r as we, t as Te } from "./useFloatingOverlay-QcumEYEq.js";
+import { n as Ee, r as De, t as Oe } from "./STag-CluIVRKi.js";
+import { t as ke } from "./STagGroup-GzZhto7-.js";
+import { n as Ae, r as je, t as Me } from "./SChip-DvPazz7Y.js";
+import { t as Ne } from "./SDropdown-CTQ5Qlez.js";
+import { n as Pe, r as Fe, t as Ie } from "./SSelect-Cwlr2ruO.js";
+import { n as Le, t as Re } from "./SInput-ug89CYt3.js";
+import { n as ze, t as Be } from "./SInlineMessage-Dirk5RwO.js";
+import { n as Ve, r as He, t as Ue } from "./SLabel-yzcX4qp5.js";
+import { a as We, o as Ge, s as Ke, t as qe } from "./SList-BESqVnlh.js";
+import { n as Je, t as Ye } from "./SListItem-DJ8uSadf.js";
+import { n as Xe, t as Ze } from "./SRadio-C1CfSeb_.js";
+import { n as Qe, r as $e, t as et } from "./SToggle-CSz9gHYO.js";
+import { n as tt, t as nt } from "./SInlineInput-DHq5BNPn.js";
+import { t as rt } from "./STextarea-ASdLqfpC.js";
+import { n as it, r as at, t as ot } from "./SPhotoEdit-BJXa6mh4.js";
+import { a as st, i as ct, n as lt, r as ut, t as dt, v as T, w as E } from "./SChartSkeletonHost-BT96eWSF.js";
+import { t as ft } from "./SChartLine-DSQaezYq.js";
+import { t as pt } from "./resolveSeriesPaletteColor-BdvGT-PI.js";
+import { t as mt } from "./SChartStackedArea-BxUex_Di.js";
+import { t as ht } from "./SChartStackedBar-BJ9LOgSP.js";
+import { t as gt } from "./SChartHorizontalBar-XNasKzaO.js";
+import { t as _t } from "./SChartPie-bN8rY-y5.js";
+import { t as vt } from "./SChartMultiLine-CrMmphFe.js";
+import { t as yt } from "./SChartBurnup-Dxi0MBwo.js";
+import { t as bt } from "./SChartProgress-BtwqE4xL.js";
+import { t as xt } from "./SChartLegend-oZoF8XK7.js";
+import { t as St } from "./useHasListener-RSjlUyqH.js";
+import { a as Ct, c as wt, i as Tt, l as Et, n as Dt, o as Ot, r as kt, s as At, t as jt, u as Mt } from "./buildWorkTimeLegendItems-ChGHTwbn.js";
+import { Fragment as Nt, Teleport as Pt, computed as D, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createSlots as Ft, createTextVNode as M, createVNode as It, defineComponent as N, mergeModels as Lt, mergeProps as Rt, normalizeClass as P, normalizeStyle as F, onMounted as zt, openBlock as I, ref as L, renderList as Bt, renderSlot as R, resolveDynamicComponent as Vt, shallowRef as z, toDisplayString as B, unref as V, useModel as Ht, useSlots as H, useTemplateRef as Ut, watch as Wt, withCtx as U } from "vue";
+import { ESIconName as W, SIcon as Gt, createUiKit as Kt, setUiKitLocale as qt, uiKitLocaleEn as Jt, uiKitLocaleRu as Yt, useUiKitI18n as Xt, useUiKitI18n as Zt } from "@shtabapp/ui-kit-primitives";
+import { useResizeObserver as Qt } from "@vueuse/core";
 export * from "@shtabapp/ui-kit-primitives";
 export * from "@shtabapp/ui-kit-tokens";
 //#region src/utils/chart/segmentedBar/resolveSegmentedBarSegmentColor.ts
-var Xt = [
+var G = [
 	"--s-ui-chart-segmented-bar-palette-1",
 	"--s-ui-chart-segmented-bar-palette-2",
 	"--s-ui-chart-segmented-bar-palette-3",
@@ -58,7 +58,7 @@ var Xt = [
 	"--s-ui-chart-segmented-bar-palette-6",
 	"--s-ui-chart-segmented-bar-palette-7",
 	"--s-ui-chart-segmented-bar-palette-8"
-], Zt = [
+], K = [
 	"--s-ui-chart-segmented-bar-skeleton-palette-1",
 	"--s-ui-chart-segmented-bar-skeleton-palette-2",
 	"--s-ui-chart-segmented-bar-skeleton-palette-3",
@@ -67,51 +67,51 @@ var Xt = [
 	"--s-ui-chart-segmented-bar-skeleton-palette-6",
 	"--s-ui-chart-segmented-bar-skeleton-palette-7",
 	"--s-ui-chart-segmented-bar-skeleton-palette-8"
-], Qt = (e, t, n, r = !1) => dt(e, t, n, r, {
-	palette: Xt,
-	paletteFallback: Xt[0],
-	skeletonPalette: Zt,
-	skeletonFallback: Zt[0]
-}), K = /* @__PURE__ */ function(e) {
+], $t = (e, t, n, r = !1) => pt(e, t, n, r, {
+	palette: G,
+	paletteFallback: G[0],
+	skeletonPalette: K,
+	skeletonFallback: K[0]
+}), q = /* @__PURE__ */ function(e) {
 	return e.INFO_ACCENT = "info-accent", e.INFO_NORMAL = "info-normal", e.SUCCESS = "success", e.WARNING = "warning", e.DANGER = "danger", e.BILLING = "billing", e;
-}({}), q = /* @__PURE__ */ function(e) {
-	return e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e;
 }({}), J = /* @__PURE__ */ function(e) {
-	return e.ICON = "icon", e.AVATAR = "avatar", e;
+	return e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e;
 }({}), Y = /* @__PURE__ */ function(e) {
+	return e.ICON = "icon", e.AVATAR = "avatar", e;
+}({}), X = /* @__PURE__ */ function(e) {
 	return e.BANNER = "banner", e.TOAST = "toast", e;
-}({}), $t = {
-	[K.INFO_ACCENT]: G.infoCircle,
-	[K.INFO_NORMAL]: G.infoCircle,
-	[K.SUCCESS]: G.checkCircle,
-	[K.WARNING]: G.alertCircle,
-	[K.DANGER]: G.dangerCircleFill,
-	[K.BILLING]: G.infoCircle
-}, en = (e, t) => t || $t[e], tn = ["role"], nn = { class: "s-ui-notification__body" }, rn = {
+}({}), en = {
+	[q.INFO_ACCENT]: W.infoCircle,
+	[q.INFO_NORMAL]: W.infoCircle,
+	[q.SUCCESS]: W.checkCircle,
+	[q.WARNING]: W.alertCircle,
+	[q.DANGER]: W.dangerCircleFill,
+	[q.BILLING]: W.infoCircle
+}, tn = (e, t) => t || en[e], nn = ["role"], rn = { class: "s-ui-notification__body" }, an = {
 	key: 0,
 	class: "s-ui-notification__leftside"
-}, an = {
+}, on = {
 	key: 0,
 	class: "s-ui-notification__icon"
-}, on = { class: "s-ui-notification__content" }, sn = { class: "s-ui-notification__title-row" }, cn = { class: "s-ui-notification__title s-ui-typography-label-14-medium" }, ln = {
+}, sn = { class: "s-ui-notification__content" }, cn = { class: "s-ui-notification__title-row" }, ln = { class: "s-ui-notification__title s-ui-typography-label-14-medium" }, un = {
 	key: 0,
 	class: "s-ui-notification__description-block"
-}, un = {
+}, dn = {
 	key: 0,
 	class: "s-ui-notification__description s-ui-typography-label-12-medium"
-}, dn = {
+}, fn = {
 	key: 1,
 	class: "s-ui-notification__actions-stack"
-}, fn = {
+}, pn = {
 	key: 1,
 	class: "s-ui-notification__actions-row"
-}, pn = /* @__PURE__ */ F({
+}, mn = /* @__PURE__ */ N({
 	__name: "SNotification",
 	props: {
-		type: { default: () => K.INFO_ACCENT },
-		layout: { default: () => q.HORIZONTAL },
-		leftside: { default: () => J.ICON },
-		surface: { default: () => Y.BANNER },
+		type: { default: () => q.INFO_ACCENT },
+		layout: { default: () => J.HORIZONTAL },
+		leftside: { default: () => Y.ICON },
+		surface: { default: () => X.BANNER },
 		title: {},
 		description: {},
 		linkText: {},
@@ -138,14 +138,14 @@ var Xt = [
 		"secondaryAction"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = U(), i = O(() => [
+		let n = t, r = H(), i = D(() => [
 			`s-ui-notification--type-${e.type}`,
 			`s-ui-notification--layout-${e.layout}`,
 			`s-ui-notification--surface-${e.surface}`
-		]), a = O(() => {
+		]), a = D(() => {
 			let t = {};
 			return e.width && (t.width = typeof e.width == "number" ? `${e.width}px` : e.width), e.maxWidth && (t.maxWidth = typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth), t;
-		}), s = O(() => e.type === K.DANGER ? "alert" : "status"), l = O(() => en(e.type, e.icon)), u = O(() => e.type === K.BILLING), d = O(() => !!(e.leftside === J.AVATAR && e.avatar || e.leftside === J.ICON)), f = O(() => !!(e.description || e.linkText || r.description)), p = O(() => e.showPrimaryButton && (e.primaryButtonText || e.secondaryButtonText)), m = O(() => e.showPrimaryButton && e.primaryButtonText || e.closable), h = O(() => e.type === K.BILLING ? C.MAJOR : C.OUTLINED), g = O(() => e.type === K.BILLING ? S.BILLING : S.MAIN), _ = () => {
+		}), s = D(() => e.type === q.DANGER ? "alert" : "status"), l = D(() => tn(e.type, e.icon)), u = D(() => e.type === q.BILLING), d = D(() => !!(e.leftside === Y.AVATAR && e.avatar || e.leftside === Y.ICON)), f = D(() => !!(e.description || e.linkText || r.description)), p = D(() => e.showPrimaryButton && (e.primaryButtonText || e.secondaryButtonText)), m = D(() => e.showPrimaryButton && e.primaryButtonText || e.closable), h = D(() => e.type === q.BILLING ? C.MAJOR : C.OUTLINED), g = D(() => e.type === q.BILLING ? S.BILLING : S.MAIN), _ = () => {
 			n("close");
 		}, v = () => {
 			n("linkClick");
@@ -154,35 +154,35 @@ var Xt = [
 		}, b = () => {
 			n("secondaryAction");
 		};
-		return (t, n) => (R(), j("div", {
-			class: I(["s-ui-notification", i.value]),
-			style: L(a.value),
+		return (t, n) => (I(), A("div", {
+			class: P(["s-ui-notification", i.value]),
+			style: F(a.value),
 			role: s.value
-		}, [M("div", nn, [
-			d.value ? (R(), j("div", rn, [e.leftside === H(J).ICON ? (R(), j("div", an, [Mt(H(Ht), {
+		}, [j("div", rn, [
+			d.value ? (I(), A("div", an, [e.leftside === V(Y).ICON ? (I(), A("div", on, [It(V(Gt), {
 				name: l.value,
 				size: 16,
 				billing: u.value
-			}, null, 8, ["name", "billing"])])) : e.leftside === H(J).AVATAR && e.avatar ? (R(), k(H(c), {
+			}, null, 8, ["name", "billing"])])) : e.leftside === V(Y).AVATAR && e.avatar ? (I(), O(V(c), {
 				key: 1,
 				name: e.avatar.name,
 				src: e.avatar.src,
 				badge: e.avatar.badge,
-				size: H(o).SIZE_20,
+				size: V(o).SIZE_20,
 				showName: !1
 			}, null, 8, [
 				"name",
 				"src",
 				"badge",
 				"size"
-			])) : A("", !0)])) : A("", !0),
-			M("div", on, [
-				M("div", sn, [M("span", cn, [B(t.$slots, "title", {}, () => [P(V(e.title), 1)])]), e.layout === H(q).VERTICAL && e.closable ? (R(), k(H(w), {
+			])) : k("", !0)])) : k("", !0),
+			j("div", sn, [
+				j("div", cn, [j("span", ln, [R(t.$slots, "title", {}, () => [M(B(e.title), 1)])]), e.layout === V(J).VERTICAL && e.closable ? (I(), O(V(w), {
 					key: 0,
 					class: "s-ui-notification__close",
-					appearance: H(C).BARE,
-					variant: H(S).NEUTRAL,
-					size: H(x).SMALL,
+					appearance: V(C).BARE,
+					variant: V(S).NEUTRAL,
+					size: V(x).SMALL,
 					"aria-label": e.closeAriaLabel,
 					icon: "closeMini",
 					onClick: _
@@ -191,69 +191,69 @@ var Xt = [
 					"variant",
 					"size",
 					"aria-label"
-				])) : A("", !0)]),
-				f.value ? (R(), j("div", ln, [e.description || H(r).description ? (R(), j("span", un, [B(t.$slots, "description", {}, () => [P(V(e.description), 1)])])) : A("", !0), e.linkText ? (R(), k(H(w), {
+				])) : k("", !0)]),
+				f.value ? (I(), A("div", un, [e.description || V(r).description ? (I(), A("span", dn, [R(t.$slots, "description", {}, () => [M(B(e.description), 1)])])) : k("", !0), e.linkText ? (I(), O(V(w), {
 					key: 1,
 					class: "s-ui-notification__link",
-					appearance: H(C).BARE,
-					variant: H(S).MAIN,
-					size: H(x).SMALL,
+					appearance: V(C).BARE,
+					variant: V(S).MAIN,
+					size: V(x).SMALL,
 					onClick: v
 				}, {
-					default: W(() => [P(V(e.linkText), 1)]),
+					default: U(() => [M(B(e.linkText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
-				])) : A("", !0)])) : A("", !0),
-				e.layout === H(q).VERTICAL && p.value ? (R(), j("div", dn, [e.showPrimaryButton && e.primaryButtonText ? (R(), k(H(w), {
+				])) : k("", !0)])) : k("", !0),
+				e.layout === V(J).VERTICAL && p.value ? (I(), A("div", fn, [e.showPrimaryButton && e.primaryButtonText ? (I(), O(V(w), {
 					key: 0,
 					appearance: h.value,
 					variant: g.value,
-					size: H(x).SMALL,
+					size: V(x).SMALL,
 					onClick: y
 				}, {
-					default: W(() => [P(V(e.primaryButtonText), 1)]),
+					default: U(() => [M(B(e.primaryButtonText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
-				])) : A("", !0), e.showPrimaryButton && e.secondaryButtonText ? (R(), k(H(w), {
+				])) : k("", !0), e.showPrimaryButton && e.secondaryButtonText ? (I(), O(V(w), {
 					key: 1,
-					appearance: H(C).BARE,
-					variant: H(S).NEUTRAL,
-					size: H(x).SMALL,
+					appearance: V(C).BARE,
+					variant: V(S).NEUTRAL,
+					size: V(x).SMALL,
 					onClick: b
 				}, {
-					default: W(() => [P(V(e.secondaryButtonText), 1)]),
+					default: U(() => [M(B(e.secondaryButtonText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
-				])) : A("", !0)])) : A("", !0)
+				])) : k("", !0)])) : k("", !0)
 			]),
-			e.layout === H(q).HORIZONTAL && m.value ? (R(), j("div", fn, [e.showPrimaryButton && e.primaryButtonText ? (R(), k(H(w), {
+			e.layout === V(J).HORIZONTAL && m.value ? (I(), A("div", pn, [e.showPrimaryButton && e.primaryButtonText ? (I(), O(V(w), {
 				key: 0,
 				appearance: h.value,
 				variant: g.value,
-				size: H(x).SMALL,
+				size: V(x).SMALL,
 				onClick: y
 			}, {
-				default: W(() => [P(V(e.primaryButtonText), 1)]),
+				default: U(() => [M(B(e.primaryButtonText), 1)]),
 				_: 1
 			}, 8, [
 				"appearance",
 				"variant",
 				"size"
-			])) : A("", !0), e.layout === H(q).HORIZONTAL && e.closable ? (R(), k(H(w), {
+			])) : k("", !0), e.layout === V(J).HORIZONTAL && e.closable ? (I(), O(V(w), {
 				key: 1,
 				class: "s-ui-notification__close",
-				appearance: H(C).BARE,
-				variant: H(S).NEUTRAL,
-				size: H(x).SMALL,
+				appearance: V(C).BARE,
+				variant: V(S).NEUTRAL,
+				size: V(x).SMALL,
 				"aria-label": e.closeAriaLabel,
 				icon: "closeMini",
 				onClick: _
@@ -262,15 +262,15 @@ var Xt = [
 				"variant",
 				"size",
 				"aria-label"
-			])) : A("", !0)])) : A("", !0)
-		])], 14, tn));
+			])) : k("", !0)])) : k("", !0)
+		])], 14, nn));
 	}
-}), mn = /* @__PURE__ */ F({
+}), hn = /* @__PURE__ */ N({
 	__name: "SBanner",
 	props: {
-		type: { default: () => K.INFO_ACCENT },
-		layout: { default: () => q.HORIZONTAL },
-		leftside: { default: () => J.ICON },
+		type: { default: () => q.INFO_ACCENT },
+		layout: { default: () => J.HORIZONTAL },
+		leftside: { default: () => Y.ICON },
 		title: {},
 		description: {},
 		linkText: {},
@@ -296,14 +296,14 @@ var Xt = [
 		"secondaryAction"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = U();
-		return (t, i) => (R(), k(pn, {
+		let n = t, r = H();
+		return (t, i) => (I(), O(mn, {
 			class: "s-ui-banner",
 			"data-qa": "ui:banner",
 			type: e.type,
 			layout: e.layout,
 			leftside: e.leftside,
-			surface: H(Y).BANNER,
+			surface: V(X).BANNER,
 			title: e.title,
 			description: e.description,
 			linkText: e.linkText,
@@ -319,13 +319,13 @@ var Xt = [
 			onLinkClick: i[1] ||= (e) => n("linkClick"),
 			onPrimaryAction: i[2] ||= (e) => n("primaryAction"),
 			onSecondaryAction: i[3] ||= (e) => n("secondaryAction")
-		}, N({ _: 2 }, [H(r).title ? {
+		}, Ft({ _: 2 }, [V(r).title ? {
 			name: "title",
-			fn: W(() => [B(t.$slots, "title")]),
+			fn: U(() => [R(t.$slots, "title")]),
 			key: "0"
-		} : void 0, H(r).description ? {
+		} : void 0, V(r).description ? {
 			name: "description",
-			fn: W(() => [B(t.$slots, "description")]),
+			fn: U(() => [R(t.$slots, "description")]),
 			key: "1"
 		} : void 0]), 1032, [
 			"type",
@@ -345,12 +345,12 @@ var Xt = [
 			"maxWidth"
 		]));
 	}
-}), hn = /* @__PURE__ */ F({
+}), gn = /* @__PURE__ */ N({
 	__name: "SToast",
 	props: {
-		type: { default: () => K.INFO_ACCENT },
-		layout: { default: () => q.HORIZONTAL },
-		leftside: { default: () => J.ICON },
+		type: { default: () => q.INFO_ACCENT },
+		layout: { default: () => J.HORIZONTAL },
+		leftside: { default: () => Y.ICON },
 		title: {},
 		description: {},
 		linkText: {},
@@ -376,14 +376,14 @@ var Xt = [
 		"secondaryAction"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = U(), i = O(() => e.width ?? 360);
-		return (t, a) => (R(), k(pn, {
+		let n = t, r = H(), i = D(() => e.width ?? 360);
+		return (t, a) => (I(), O(mn, {
 			class: "s-ui-toast",
 			"data-qa": "ui:toast",
 			type: e.type,
 			layout: e.layout,
 			leftside: e.leftside,
-			surface: H(Y).TOAST,
+			surface: V(X).TOAST,
 			title: e.title,
 			description: e.description,
 			linkText: e.linkText,
@@ -399,13 +399,13 @@ var Xt = [
 			onLinkClick: a[1] ||= (e) => n("linkClick"),
 			onPrimaryAction: a[2] ||= (e) => n("primaryAction"),
 			onSecondaryAction: a[3] ||= (e) => n("secondaryAction")
-		}, N({ _: 2 }, [H(r).title ? {
+		}, Ft({ _: 2 }, [V(r).title ? {
 			name: "title",
-			fn: W(() => [B(t.$slots, "title")]),
+			fn: U(() => [R(t.$slots, "title")]),
 			key: "0"
-		} : void 0, H(r).description ? {
+		} : void 0, V(r).description ? {
 			name: "description",
-			fn: W(() => [B(t.$slots, "description")]),
+			fn: U(() => [R(t.$slots, "description")]),
 			key: "1"
 		} : void 0]), 1032, [
 			"type",
@@ -425,13 +425,13 @@ var Xt = [
 			"width"
 		]));
 	}
-}), gn = .05, _n = [
+}), _n = .05, vn = [
 	"data-mounted",
 	"data-front",
 	"data-expanded",
 	"data-removed",
 	"data-visible"
-], vn = /* @__PURE__ */ F({
+], yn = /* @__PURE__ */ N({
 	__name: "SToastProviderToast",
 	props: {
 		index: {},
@@ -444,7 +444,7 @@ var Xt = [
 	},
 	emits: ["heightChange"],
 	setup(e, { emit: t }) {
-		let n = t, r = z(null), i = z(0), a = z(!1), o = O(() => e.index === 0), s = O(() => 1 - e.index * gn), c = O(() => ({
+		let n = t, r = L(null), i = L(0), a = L(!1), o = D(() => e.index === 0), s = D(() => 1 - e.index * _n), c = D(() => ({
 			"--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`,
@@ -453,95 +453,95 @@ var Xt = [
 			"--s-ui-toast-provider-stack-scale": String(s.value),
 			zIndex: String(1e3 - e.index)
 		}));
-		return Yt(r, (e) => {
+		return Qt(r, (e) => {
 			let t = e[0]?.contentRect.height ?? 0;
 			t !== i.value && (i.value = t, n("heightChange", t));
-		}), Ft(() => {
+		}), zt(() => {
 			requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
 					a.value = !0;
 				});
 			});
-		}), (t, n) => (R(), j("div", {
+		}), (t, n) => (I(), A("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)
-		}, [M("div", {
+			style: F(c.value)
+		}, [j("div", {
 			ref_key: "contentRef",
 			ref: r,
 			class: "s-ui-toast-provider__toast-content"
-		}, [B(t.$slots, "default")], 512)], 12, _n));
+		}, [R(t.$slots, "default")], 512)], 12, vn));
 	}
-}), yn = 4e3, bn = 1e4, xn = 50, Sn = (e, t) => {
-	let n = yn + (e.length + (t?.length ?? 0)) * 50;
-	return n > 1e4 ? bn : n;
-}, X = Rt([]), Z = /* @__PURE__ */ new Map(), Cn = 0, wn = {
-	type: K.INFO_ACCENT,
-	layout: q.HORIZONTAL,
-	leftside: J.ICON,
+}), bn = 4e3, xn = 1e4, Sn = 50, Cn = (e, t) => {
+	let n = bn + (e.length + (t?.length ?? 0)) * 50;
+	return n > 1e4 ? xn : n;
+}, Z = z([]), Q = /* @__PURE__ */ new Map(), wn = 0, Tn = {
+	type: q.INFO_ACCENT,
+	layout: J.HORIZONTAL,
+	leftside: Y.ICON,
 	showPrimaryButton: !1,
 	closable: !0
-}, Tn = () => `toast-${Date.now()}-${++Cn}`, Q = (e) => {
-	let t = Z.get(e);
-	t && (window.clearTimeout(t), Z.delete(e));
-}, En = (e) => {
-	Q(e.id);
-	let t = e.duration === void 0 ? Sn(e.title, e.description) : e.duration;
+}, En = () => `toast-${Date.now()}-${++wn}`, $ = (e) => {
+	let t = Q.get(e);
+	t && (window.clearTimeout(t), Q.delete(e));
+}, Dn = (e) => {
+	$(e.id);
+	let t = e.duration === void 0 ? Cn(e.title, e.description) : e.duration;
 	if (t > 0) {
 		let n = window.setTimeout(() => {
-			Dn(e.id);
+			On(e.id);
 		}, t);
-		Z.set(e.id, n);
+		Q.set(e.id, n);
 	}
-}, Dn = (e) => {
-	let t = X.value.findIndex((t) => t.id === e);
+}, On = (e) => {
+	let t = Z.value.findIndex((t) => t.id === e);
 	if (t === -1) return;
-	let n = X.value[t];
-	n && (Q(e), n.onClose && n.onClose(), X.value = X.value.filter((t) => t.id !== e));
-}, On = () => {
-	Z.forEach((e) => window.clearTimeout(e)), Z.clear(), X.value = [];
-}, kn = (e) => e.length <= 3 ? e : (e.slice(3).forEach((e) => {
-	Q(e.id);
-}), e.slice(0, 3)), An = (e) => {
-	let t = e.id ?? Tn(), n = {
-		...wn,
+	let n = Z.value[t];
+	n && ($(e), n.onClose && n.onClose(), Z.value = Z.value.filter((t) => t.id !== e));
+}, kn = () => {
+	Q.forEach((e) => window.clearTimeout(e)), Q.clear(), Z.value = [];
+}, An = (e) => e.length <= 3 ? e : (e.slice(3).forEach((e) => {
+	$(e.id);
+}), e.slice(0, 3)), jn = (e) => {
+	let t = e.id ?? En(), n = {
+		...Tn,
 		...e,
 		id: t
-	}, r = X.value.findIndex((e) => e.id === t);
+	}, r = Z.value.findIndex((e) => e.id === t);
 	if (r > -1) {
-		let e = [...X.value];
-		e[r] = n, X.value = kn(e);
-	} else X.value = kn([n, ...X.value]);
-	return En(n), t;
-}, jn = (e, t) => {
-	let n = X.value.findIndex((t) => t.id === e);
+		let e = [...Z.value];
+		e[r] = n, Z.value = An(e);
+	} else Z.value = An([n, ...Z.value]);
+	return Dn(n), t;
+}, Mn = (e, t) => {
+	let n = Z.value.findIndex((t) => t.id === e);
 	if (n === -1) return;
-	let r = X.value[n];
+	let r = Z.value[n];
 	if (!r) return;
 	let i = {
 		...r,
 		...t,
 		id: r.id
-	}, a = [...X.value];
-	a[n] = i, X.value = a, En(i);
-}, Mn = () => ({
-	toasts: X,
-	show: An,
-	hide: Dn,
-	hideAll: On,
-	update: jn
-}), Nn = /* @__PURE__ */ F({
+	}, a = [...Z.value];
+	a[n] = i, Z.value = a, Dn(i);
+}, Nn = () => ({
+	toasts: Z,
+	show: jn,
+	hide: On,
+	hideAll: kn,
+	update: Mn
+}), Pn = /* @__PURE__ */ N({
 	__name: "SToastProvider",
 	setup(e) {
-		let { toasts: t, hide: n } = Mn(), r = O(() => t.value.slice(0, 3)), i = z(!1), a = Rt({}), o = z(/* @__PURE__ */ new Set()), s = O(() => t.value[0] ?? null), c = O(() => s.value ? a.value[s.value.id] ?? 0 : 0), l = z(0), u = O(() => c.value > 0 ? c.value : l.value);
-		Vt(c, (e) => {
+		let { toasts: t, hide: n } = Nn(), r = D(() => t.value.slice(0, 3)), i = L(!1), a = z({}), o = L(/* @__PURE__ */ new Set()), s = D(() => t.value[0] ?? null), c = D(() => s.value ? a.value[s.value.id] ?? 0 : 0), l = L(0), u = D(() => c.value > 0 ? c.value : l.value);
+		Wt(c, (e) => {
 			e > 0 && (l.value = e);
 		});
-		let d = O(() => {
+		let d = D(() => {
 			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;
@@ -580,32 +580,32 @@ var Xt = [
 		}, b = (e) => {
 			e.onSecondaryAction && e.onSecondaryAction();
 		};
-		return (e, t) => (R(), k(jt, { to: "body" }, [M("div", {
+		return (e, t) => (I(), O(Pt, { to: "body" }, [j("div", {
 			class: "s-ui-toast-provider",
 			onMouseenter: m,
 			onMouseleave: h
-		}, [r.value.length > 0 ? (R(), j("div", {
+		}, [r.value.length > 0 ? (I(), A("div", {
 			key: 0,
 			class: "s-ui-toast-provider__list",
-			style: L(d.value)
-		}, [(R(!0), j(At, null, It(r.value, (t, n) => (R(), k(vn, {
+			style: F(d.value)
+		}, [(I(!0), A(Nt, null, Bt(r.value, (t, n) => (I(), O(yn, {
 			key: t.id,
 			index: n,
 			expanded: i.value,
 			"front-toast-height": u.value,
-			"stack-peek": H(10),
+			"stack-peek": V(10),
 			removed: p(t.id),
-			visible: n < H(3),
+			visible: n < V(3),
 			"offset-y": f(n),
 			onHeightChange: (e) => g(t.id, e)
 		}, {
-			default: W(() => [B(e.$slots, "toast", { toast: t }, () => [t.component ? (R(), k(Lt(t.component), Pt({
+			default: U(() => [R(e.$slots, "toast", { toast: t }, () => [t.component ? (I(), O(Vt(t.component), Rt({
 				key: 0,
 				ref_for: !0
 			}, t.componentProps, {
 				toast: t,
 				onClose: (e) => _(t.id)
-			}), null, 16, ["toast", "onClose"])) : (R(), k(H(hn), {
+			}), null, 16, ["toast", "onClose"])) : (I(), O(V(gn), {
 				key: 1,
 				type: t.type,
 				layout: t.layout,
@@ -655,12 +655,12 @@ var Xt = [
 			"visible",
 			"offset-y",
 			"onHeightChange"
-		]))), 128))], 4)) : A("", !0)], 32)]));
+		]))), 128))], 4)) : k("", !0)], 32)]));
 	}
-}), Pn = 4, Fn = 4, In = 1, Ln = "400 12px var(--s-ui-font-family-label)", Rn = 4, zn = (e, t, n, r, i, a) => {
+}), Fn = 4, In = 4, Ln = 1, Rn = "400 12px var(--s-ui-font-family-label)", zn = 4, Bn = (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();
-}, Bn = (e) => {
+}, Vn = (e) => {
 	let t = e.getProps([
 		"x",
 		"y",
@@ -671,14 +671,14 @@ var Xt = [
 		width: Math.abs(n - i),
 		centerY: r
 	};
-}, Vn = (e, t, n, r) => {
-	let i = Bn(t);
+}, Hn = (e, t, n, r) => {
+	let i = Vn(t);
 	if (!i) return;
-	let a = `${n}`, o = e.measureText(a).width + Pn * 2;
-	if (i.width < o + Rn * 2) return;
+	let a = `${n}`, o = e.measureText(a).width + Fn * 2;
+	if (i.width < o + zn * 2) return;
 	let s = i.left + i.width / 2;
-	zn(e, s - o / 2, i.centerY - 20 / 2, o, 20, Fn), e.fillStyle = r.background, e.fill(), e.lineWidth = In, e.strokeStyle = r.border, e.stroke(), e.fillStyle = r.text, e.fillText(a, s, i.centerY);
-}, Hn = (e) => ({
+	Bn(e, s - o / 2, i.centerY - 20 / 2, o, 20, In), e.fillStyle = r.background, e.fill(), e.lineWidth = Ln, e.strokeStyle = r.border, e.stroke(), e.fillStyle = r.text, e.fillText(a, s, i.centerY);
+}, Un = (e) => ({
 	id: "segmentedBarBadge",
 	afterDatasetsDraw(t) {
 		let n = {
@@ -686,20 +686,20 @@ var Xt = [
 			border: E(T.pieBadgeBorder, e),
 			text: E(T.pieBadgeText, e)
 		}, { ctx: r } = t;
-		r.save(), r.font = Ln, r.textAlign = "center", r.textBaseline = "middle", t.data.datasets.forEach((e, i) => {
+		r.save(), r.font = Rn, r.textAlign = "center", r.textBaseline = "middle", t.data.datasets.forEach((e, i) => {
 			let a = t.getDatasetMeta(i)?.data[0], o = e.data[0];
-			a && typeof o == "number" && o > 0 && Vn(r, a, o, n);
+			a && typeof o == "number" && o > 0 && Hn(r, a, o, n);
 		}), r.restore();
 	}
-}), Un = 40, Wn = 4, $ = 1, Gn = [
+}), Wn = 40, Gn = 4, Kn = 1, qn = [
 	"mousemove",
 	"mouseout",
 	"click",
 	"touchstart",
 	"touchmove"
-], Kn = ({ segments: e, segmentColors: t, colorHostElement: n, skeleton: r = !1, onSegmentClick: i }) => {
+], Jn = ({ segments: e, segmentColors: t, colorHostElement: n, skeleton: r = !1, onSegmentClick: i }) => {
 	if (e.length === 0) return null;
-	let a = E("--s-ui-color-surface-primary", n), o = e.reduce((e, t) => e + t.value, 0), s = at({
+	let a = E("--s-ui-color-surface-primary", n), o = e.reduce((e, t) => e + t.value, 0), s = st({
 		kind: "series",
 		skeleton: r,
 		colorHostElement: n,
@@ -716,12 +716,12 @@ var Xt = [
 				hoverBackgroundColor: t[n],
 				borderColor: a,
 				borderWidth: {
-					left: $,
-					right: $
+					left: Kn,
+					right: Kn
 				},
 				borderSkipped: !1,
-				borderRadius: Wn,
-				barThickness: Un,
+				borderRadius: Gn,
+				barThickness: Wn,
 				stack: "track"
 			}))
 		},
@@ -730,7 +730,7 @@ var Xt = [
 			responsive: !0,
 			maintainAspectRatio: !1,
 			layout: { padding: 0 },
-			events: r ? [] : Gn,
+			events: r ? [] : qn,
 			onHover: s.onHover,
 			onClick: s.onClick,
 			hover: r ? void 0 : {
@@ -755,9 +755,9 @@ var Xt = [
 				}
 			}
 		},
-		plugins: [...r ? [] : [Hn(n)], ...s.plugins]
+		plugins: [...r ? [] : [Un(n)], ...s.plugins]
 	};
-}, qn = [
+}, Yn = [
 	4,
 	1,
 	2,
@@ -769,7 +769,7 @@ var Xt = [
 ].map((e, t) => ({
 	label: `Series ${t + 1}`,
 	value: e
-})), Jn = { class: "s-ui-chart-segmented-bar__canvas-wrap" }, Yn = /* @__PURE__ */ F({
+})), Xn = { class: "s-ui-chart-segmented-bar__canvas-wrap" }, Zn = /* @__PURE__ */ N({
 	__name: "SChartSegmentedBar",
 	props: {
 		segments: { default: () => [] },
@@ -784,10 +784,10 @@ var Xt = [
 	},
 	emits: ["segmentClick"],
 	setup(e, { expose: t, emit: n }) {
-		let r = n, i = st, a = Bt("chartRootRef"), o = Bt("chartCanvasRef"), s = O(() => e.loading ? qn : e.segments), c = O(() => s.value.map((t, n) => Qt(n, a.value, t.fillColor, e.loading))), l = O(() => s.value.map((e, t) => ({
+		let r = n, i = lt, a = Ut("chartRootRef"), o = Ut("chartCanvasRef"), s = D(() => e.loading ? Yn : e.segments), c = D(() => s.value.map((t, n) => $t(n, a.value, t.fillColor, e.loading))), l = D(() => s.value.map((e, t) => ({
 			segment: e,
 			segmentIndex: t
-		})).filter(({ segment: e }) => e.value > 0)), u = O(() => l.value.map(({ segment: e }) => e)), d = O(() => l.value.map(({ segmentIndex: e }) => c.value[e] ?? "")), f = O(() => {
+		})).filter(({ segment: e }) => e.value > 0)), u = D(() => l.value.map(({ segment: e }) => e)), d = D(() => l.value.map(({ segmentIndex: e }) => c.value[e] ?? "")), f = D(() => {
 			let e = /* @__PURE__ */ new Map();
 			return l.value.forEach(({ segmentIndex: t }, n) => {
 				e.set(t, n);
@@ -795,42 +795,42 @@ var Xt = [
 		}), p = (e) => {
 			let t = l.value[e];
 			t && r("segmentClick", t.segmentIndex, t.segment);
-		}, m = yt("onSegmentClick"), h = O(() => Kn({
+		}, m = St("onSegmentClick"), h = D(() => Jn({
 			segments: u.value,
 			segmentColors: d.value,
 			colorHostElement: a.value,
 			skeleton: e.loading,
 			onSegmentClick: m() ? p : void 0
-		})), g = O(() => s.value.map((e, t) => ({
+		})), g = D(() => s.value.map((e, t) => ({
 			label: e.label,
 			color: c.value[t] ?? ""
-		}))), { chartInstance: _ } = ot({
+		}))), { chartInstance: _ } = ct({
 			canvasRef: o,
 			config: h,
-			enabled: O(() => e.loading || u.value.length > 0)
-		}), { exportImage: v, handleLegendItemHover: y } = ct({
+			enabled: D(() => e.loading || u.value.length > 0)
+		}), { exportImage: v, handleLegendItemHover: y } = ut({
 			chartInstance: _,
 			canvasRef: o,
 			colorHostElement: a
 		}), b = (e) => {
 			y(e === null ? null : f.value.get(e) ?? null);
 		};
-		return t({ exportImage: v }), (t, n) => (R(), j("div", {
+		return t({ exportImage: v }), (t, n) => (I(), A("div", {
 			ref_key: "chartRootRef",
 			ref: a,
-			class: I(["s-ui-chart-segmented-bar", { "s-ui-chart-segmented-bar--skeleton": e.loading }]),
+			class: P(["s-ui-chart-segmented-bar", { "s-ui-chart-segmented-bar--skeleton": e.loading }]),
 			"data-qa": "ui:chart-segmented-bar"
-		}, [M("div", Jn, [Mt(H(lt), {
+		}, [j("div", Xn, [It(V(dt), {
 			loading: e.loading,
-			type: H(i).CARTESIAN
+			type: V(i).CARTESIAN
 		}, {
-			default: W(() => [M("canvas", {
+			default: U(() => [j("canvas", {
 				ref_key: "chartCanvasRef",
 				ref: o,
 				class: "s-ui-chart-segmented-bar__canvas"
 			}, null, 512)]),
 			_: 1
-		}, 8, ["loading", "type"])]), e.showLegend && g.value.length ? (R(), k(H(D), {
+		}, 8, ["loading", "type"])]), e.showLegend && g.value.length ? (I(), O(V(xt), {
 			key: 0,
 			items: g.value,
 			disabled: e.loading,
@@ -840,24 +840,24 @@ var Xt = [
 			"items",
 			"disabled",
 			"interactive"
-		])) : A("", !0)], 2));
+		])) : k("", !0)], 2));
 	}
-}), Xn = {
+}), Qn = {
 	key: 0,
 	class: "s-ui-chart-widget__header"
-}, Zn = {
+}, $n = {
 	key: 0,
 	class: "s-ui-chart-widget__title-skeleton",
 	"aria-hidden": "true"
-}, Qn = {
+}, er = {
 	key: 1,
 	class: "s-ui-chart-widget__title s-ui-typography-label-16-medium"
-}, $n = { class: "s-ui-chart-widget__controls" }, er = {
+}, tr = { class: "s-ui-chart-widget__controls" }, nr = {
 	key: 1,
 	class: "s-ui-chart-widget__content"
-}, tr = /* @__PURE__ */ F({
+}, rr = /* @__PURE__ */ N({
 	__name: "SChartWidget",
-	props: /*@__PURE__*/ Nt({
+	props: /*@__PURE__*/ Lt({
 		title: { default: "" },
 		collapsible: {
 			type: Boolean,
@@ -880,16 +880,16 @@ var Xt = [
 	}),
 	emits: ["update:collapsed"],
 	setup(e) {
-		let t = zt(e, "collapsed"), n = U(), { t: r } = Jt(), i = O(() => !!e.title || !!n.title || !!n.actions || e.collapsible), a = O(() => !t.value || !e.collapsible || !e.hideContentWhenCollapsed), o = O(() => r(t.value ? "chartWidget.expand" : "chartWidget.collapse"));
-		return (n, r) => (R(), j("div", {
-			class: I(["s-ui-chart-widget", { "s-ui-chart-widget--skeleton": e.loading }]),
+		let t = Ht(e, "collapsed"), n = H(), { t: r } = Zt(), i = D(() => !!e.title || !!n.title || !!n.actions || e.collapsible), a = D(() => !t.value || !e.collapsible || !e.hideContentWhenCollapsed), o = D(() => r(t.value ? "chartWidget.expand" : "chartWidget.collapse"));
+		return (n, r) => (I(), A("div", {
+			class: P(["s-ui-chart-widget", { "s-ui-chart-widget--skeleton": e.loading }]),
 			"data-qa": "ui:chart-widget"
-		}, [i.value ? (R(), j("div", Xn, [e.loading ? (R(), j("span", Zn)) : (R(), j("span", Qn, [B(n.$slots, "title", {}, () => [P(V(e.title), 1)])])), M("div", $n, [B(n.$slots, "actions"), e.collapsible ? (R(), k(H(w), {
+		}, [i.value ? (I(), A("div", Qn, [e.loading ? (I(), A("span", $n)) : (I(), A("span", er, [R(n.$slots, "title", {}, () => [M(B(e.title), 1)])])), j("div", tr, [R(n.$slots, "actions"), e.collapsible ? (I(), O(V(w), {
 			key: 0,
-			appearance: H(C).OUTLINED,
-			variant: H(S).NEUTRAL,
-			size: H(x).SMALL,
-			icon: t.value ? H(G).chevronDown : H(G).chevronUp,
+			appearance: V(C).OUTLINED,
+			variant: V(S).NEUTRAL,
+			size: V(x).SMALL,
+			icon: t.value ? V(W).chevronDown : V(W).chevronUp,
 			"aria-label": o.value,
 			"aria-expanded": !t.value,
 			onClick: r[0] ||= (e) => t.value = !t.value
@@ -900,8 +900,8 @@ var Xt = [
 			"icon",
 			"aria-label",
 			"aria-expanded"
-		])) : A("", !0)])])) : A("", !0), a.value ? (R(), j("div", er, [B(n.$slots, "default")])) : A("", !0)], 2));
+		])) : k("", !0)])])) : k("", !0), a.value ? (I(), A("div", nr, [R(n.$slots, "default")])) : k("", !0)], 2));
 	}
 });
 //#endregion
-export { bt as CALENDAR_WEEK_SLOT_COUNT, Et as DAY_TIMELINE_MINUTES, m as DEFAULT_COLOR_PALETTE, p as EAccentColor, C as EButtonAppearance, le as EButtonGroupLayout, x as EButtonSize, x as ESSegmentControlSize, S as EButtonVariant, g as EColorFormat, Ce as EConnectedPositionStrategy, q as ENotificationLayout, J as ENotificationLeftside, K as ENotificationType, a as ESAvatarBadge, s as ESAvatarColor, te as ESAvatarGroupSize, i as ESAvatarIconBackground, r as ESAvatarShape, o as ESAvatarSize, e as ESBadgeColor, t as ESBadgePlacement, me as ESCardLayout, de as ESCheckboxColor, fe as ESCheckboxSize, ke as ESChipColor, Ae as ESChipSize, h as ESColorPaletteLayout, xe as ESDropdownPlacement, $e as ESInlineInputAppearance, Re as ESInlineMessageValidationStatus, Ie as ESInputCustomize, Be as ESLabelSize, Ve as ESLabelVariant, Ue as ESListGap, qe as ESListItemVariant, nt as ESPhotoEditShape, rt as ESPhotoEditSize, Ye as ESRadioLabelPlacement, Ne as ESSelectSearchable, _e as ESTabAppearance, ve as ESTabSize, Te as ESTagColor, Ee as ESTagSize, Ze as ESToggleSize, se as ESelectionFocusMode, ie as ESelectionMode, oe as ESelectionOrientation, xt as EWorkTimeSource, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, ne as SAvatarGroup, n as SBadge, mn as SBanner, w as SButton, ue as SButtonGroup, Ct as SCalendarMonth, St as SCalendarWeekGrid, he as SCard, _t as SChartBurnup, mt as SChartHorizontalBar, D as SChartLegend, ut as SChartLine, gt as SChartMultiLine, ht as SChartPie, vt as SChartProgress, Yn as SChartSegmentedBar, ft as SChartStackedArea, pt as SChartStackedBar, tr as SChartWidget, pe as SCheckbox, je as SChip, d as SColorArea, v as SColorPalette, f as SColorPicker, u as SColorValues, wt as SDayTimeline, Me as SDropdown, Pe as SDropdownMenu, et as SInlineInput, ze as SInlineMessage, Le as SInput, He as SLabel, Ke as SList, Je as SListItem, it as SPhotoEdit, Xe as SRadio, ge as SSegmentControl, Fe as SSelect, ye as STab, be as STabs, De as STag, Oe as STagGroup, tt as STextarea, hn as SToast, Nn as SToastProvider, Qe as SToggle, bn as TOAST_AUTO_DURATION_MAX_MS, yn as TOAST_AUTO_DURATION_MIN_MS, xn as TOAST_AUTO_DURATION_MS_PER_CHAR, Tt as WORK_TIME_SOURCE_COLOR_VARS, Dt as WORK_TIME_SOURCE_ORDER, Ot as buildWorkTimeLegendItems, Sn as computeAutoDuration, Se as computeConnectedPosition, Ut as createUiKit, kt as formatDurationHM, ee as isSameColor, b as normalizeColorValue, y as resolveColorPreview, re as resolveOwnPropOrGroupedOrFallback, Wt as setUiKitLocale, Gt as uiKitLocaleEn, Kt as uiKitLocaleRu, Ge as useFlatTreeList, we as useFloatingOverlay, We as useSListEndReached, ae as useSelectionGroup, ce as useSelectionGroupItem, Mn as useToast, qt as useUiKitI18n };
+export { Ct as CALENDAR_WEEK_SLOT_COUNT, kt as DAY_TIMELINE_MINUTES, m as DEFAULT_COLOR_PALETTE, p as EAccentColor, C as EButtonAppearance, le as EButtonGroupLayout, x as EButtonSize, x as ESSegmentControlSize, S as EButtonVariant, g as EColorFormat, we as EConnectedPositionStrategy, J as ENotificationLayout, Y as ENotificationLeftside, q as ENotificationType, a as ESAvatarBadge, s as ESAvatarColor, te as ESAvatarGroupSize, i as ESAvatarIconBackground, r as ESAvatarShape, o as ESAvatarSize, e as ESBadgeColor, t as ESBadgePlacement, he as ESCardLayout, fe as ESCheckboxColor, pe as ESCheckboxLabelPlacement, de as ESCheckboxSize, Ae as ESChipColor, je as ESChipSize, h as ESColorPaletteLayout, Se as ESDropdownPlacement, tt as ESInlineInputAppearance, ze as ESInlineMessageValidationStatus, Le as ESInputCustomize, Ve as ESLabelSize, He as ESLabelVariant, We as ESListGap, Je as ESListItemVariant, it as ESPhotoEditShape, at as ESPhotoEditSize, Xe as ESRadioLabelPlacement, Pe as ESSelectSearchable, ve as ESTabAppearance, ye as ESTabSize, Ee as ESTagColor, De as ESTagSize, Qe as ESToggleLabelPlacement, $e as ESToggleSize, se as ESelectionFocusMode, ie as ESelectionMode, oe as ESelectionOrientation, wt as EWorkTimeSource, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, ne as SAvatarGroup, n as SBadge, hn as SBanner, w as SButton, ue as SButtonGroup, Et as SCalendarMonth, Tt as SCalendarWeekGrid, ge as SCard, yt as SChartBurnup, gt as SChartHorizontalBar, xt as SChartLegend, ft as SChartLine, vt as SChartMultiLine, _t as SChartPie, bt as SChartProgress, Zn as SChartSegmentedBar, mt as SChartStackedArea, ht as SChartStackedBar, rr as SChartWidget, me as SCheckbox, Me as SChip, d as SColorArea, v as SColorPalette, f as SColorPicker, u as SColorValues, Dt as SDayTimeline, Ne as SDropdown, Fe as SDropdownMenu, nt as SInlineInput, Be as SInlineMessage, Re as SInput, Ue as SLabel, qe as SList, Ye as SListItem, ot as SPhotoEdit, Ze as SRadio, _e as SSegmentControl, Ie as SSelect, be as STab, xe as STabs, Oe as STag, ke as STagGroup, rt as STextarea, gn as SToast, Pn as SToastProvider, et as SToggle, xn as TOAST_AUTO_DURATION_MAX_MS, bn as TOAST_AUTO_DURATION_MIN_MS, Sn as TOAST_AUTO_DURATION_MS_PER_CHAR, Ot as WORK_TIME_SOURCE_COLOR_VARS, At as WORK_TIME_SOURCE_ORDER, jt as buildWorkTimeLegendItems, Cn as computeAutoDuration, Ce as computeConnectedPosition, Kt as createUiKit, Mt as formatDurationHM, ee as isSameColor, b as normalizeColorValue, y as resolveColorPreview, re as resolveOwnPropOrGroupedOrFallback, qt as setUiKitLocale, Jt as uiKitLocaleEn, Yt as uiKitLocaleRu, Ke as useFlatTreeList, Te as useFloatingOverlay, Ge as useSListEndReached, ae as useSelectionGroup, ce as useSelectionGroupItem, Nn as useToast, Xt as useUiKitI18n };