@pgcorp/ui-kit 0.12.0 → 0.14.0

package/dist/src/components/shared/data-display/STooltip.vue.d.ts

@@ -74,10 +74,10 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
     details: readonly TooltipDetail[];
     title: string;
     text: string;
-    position: TooltipPosition;
-    sections: readonly TooltipSection[];
     disabled: boolean;
     description: string;
+    position: TooltipPosition;
+    sections: readonly TooltipSection[];
     showDelay: number;
     hideDelay: number;
     triggerDescribedBy: string;

package/dist/src/components/shared/data-display/STooltip.vue_vue_type_script_setup_true_lang.js

@@ -1,36 +1,41 @@
 import { hasOwn as e } from "../../../internal/es2020.js";
-import { isFocusableElement as t } from "../../../internal/focusNavigation.js";
-import { registerLayer as n } from "../../../internal/layerStack.js";
-import { useFloatingPosition as r } from "../../../composables/useFloatingPosition.js";
-import { mergeIdReferences as i, useOwnedAttrs as a } from "../../../internal/ownedAttrs.js";
-import { validateBoolean as o, validateDomId as ee, validateExactString as s, validateNonEmptyString as c } from "../../../internal/runtimeContract.js";
-import { resolveSemanticToneBinding as te } from "../../../internal/semanticTone.js";
-import ne from "./SBadge.vue.js";
+import { hasFocusableSemantics as t, isFocusableElement as n } from "../../../internal/focusNavigation.js";
+import { registerLayer as r } from "../../../internal/layerStack.js";
+import { useOverlayAdmission as i } from "../../../internal/overlayHost.js";
+import { validateBoolean as a, validateDomId as o, validateExactString as s, validateNonEmptyString as c } from "../../../internal/runtimeContract.js";
+import { useFloatingPosition as ee } from "../../../composables/useFloatingPosition.js";
+import { mergeIdReferences as te, useOwnedAttrs as ne } from "../../../internal/ownedAttrs.js";
+import { resolveSemanticToneBinding as re } from "../../../internal/semanticTone.js";
+import ie from "./SBadge.vue.js";
 import { resolveInteractiveElement as l } from "../../../internal/interactiveElement.js";
-import { Fragment as u, Teleport as re, Transition as ie, computed as d, createBlock as ae, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as oe, createVNode as se, defineComponent as ce, normalizeStyle as le, onBeforeUnmount as ue, onMounted as de, openBlock as h, ref as fe, renderList as g, renderSlot as pe, toDisplayString as _, unref as v, useId as me, watch as he, watchEffect as ge, withCtx as _e } from "vue";
+import { Fragment as u, Teleport as ae, Transition as oe, computed as d, createBlock as se, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as ce, createVNode as le, defineComponent as ue, normalizeStyle as de, onBeforeUnmount as fe, onMounted as pe, openBlock as h, ref as me, renderList as g, renderSlot as he, shallowRef as ge, toDisplayString as _, unref as v, useId as _e, watch as ve, watchEffect as ye, withCtx as be } from "vue";
 //#region src/components/shared/data-display/STooltip.vue?vue&type=script&setup=true&lang.ts
-var ve = ["data-placement"], ye = { class: "s-tooltip__content" }, be = {
+var xe = [
+	"hidden",
+	"^inert",
+	"data-placement"
+], Se = { class: "s-tooltip__content" }, Ce = {
 	key: 0,
 	class: "s-tooltip__title"
-}, xe = {
+}, we = {
 	key: 1,
 	class: "s-tooltip__description"
-}, Se = {
+}, Te = {
 	key: 2,
 	class: "s-tooltip__text"
-}, Ce = {
+}, Ee = {
 	key: 3,
 	class: "s-tooltip__details"
-}, we = { class: "s-tooltip__detail-label" }, Te = ["data-presentation", "data-s-tone"], Ee = {
+}, De = { class: "s-tooltip__detail-label" }, Oe = ["data-presentation", "data-s-tone"], ke = {
 	key: 4,
 	class: "s-tooltip__sections"
-}, De = { class: "s-tooltip__section-title" }, Oe = {
+}, Ae = { class: "s-tooltip__section-title" }, je = {
 	key: 0,
 	class: "s-tooltip__section-description"
-}, ke = {
+}, Me = {
 	key: 1,
 	class: "s-tooltip__section-items"
-}, y = /*@__PURE__*/ ce({
+}, y = /*@__PURE__*/ ue({
 	inheritAttrs: !1,
 	__name: "STooltip",
 	props: {
@@ -48,11 +53,16 @@ var ve = ["data-placement"], ye = { class: "s-tooltip__content" }, be = {
 		hideDelay: { default: 80 },
 		triggerDescribedBy: { default: void 0 }
 	},
-	setup(ce) {
-		let y = ce, b = (e) => /* @__PURE__ */ Error(`STooltip: ${e}`), x = fe(!1), Ae = a({
+	setup(ue) {
+		let y = ue, b = (e) => /* @__PURE__ */ Error(`STooltip: ${e}`), x = me(!1), S = i(), Ne = ge(null), Pe = ne({
 			component: "STooltip",
 			owner: "renderless tooltip contract"
-		}), S = fe("var(--s-layer-root-floating)"), C = null, w = null, T = null, E = null, D = null, O = null, k = null, A = null, j = !1, M = !1, N = !1, P = `s-tooltip-${me()}`;
+		}), C = me("var(--s-layer-root-floating)"), w = null, T = null, E = null, D = null, O = null, k = null, A = null, j = null, M = {
+			triggerPointerInside: !1,
+			tooltipPointerInside: !1,
+			focusInside: !1,
+			touchActive: !1
+		}, N = !1, P = `s-tooltip-${_e()}`;
 		function F(e, t) {
 			return t === void 0 || t === "" ? void 0 : c("STooltip", e, t);
 		}
@@ -74,7 +84,7 @@ var ve = ["data-placement"], ye = { class: "s-tooltip__content" }, be = {
 			if (i !== void 0) throw b(`${n}[${r}].id дублирует ${JSON.stringify(t)} из ${n}[${i}].id. ${n}[${r}].id duplicates ${JSON.stringify(t)} from ${n}[${i}].id.`);
 			e.set(t, r);
 		}
-		function je(e) {
+		function Fe(e) {
 			let t = R("details", e), n = /* @__PURE__ */ new Map();
 			return t.map((e, t) => {
 				let r = `details[${t}]`, i = I(r, e);
@@ -108,7 +118,7 @@ var ve = ["data-placement"], ye = { class: "s-tooltip__content" }, be = {
 				};
 			});
 		}
-		function Me(e) {
+		function Ie(e) {
 			let t = R("sections", e), n = /* @__PURE__ */ new Map();
 			return t.map((e, t) => {
 				let r = `sections[${t}]`, i = I(r, e);
@@ -140,212 +150,229 @@ var ve = ["data-placement"], ye = { class: "s-tooltip__content" }, be = {
 				};
 			});
 		}
-		let B = d(() => F("text", y.text)), V = d(() => F("title", y.title)), H = d(() => F("description", y.description)), U = d(() => je(y.details)), W = d(() => Me(y.sections)), Ne = d(() => {
+		let B = d(() => F("text", y.text)), V = d(() => F("title", y.title)), H = d(() => F("description", y.description)), U = d(() => Fe(y.details)), W = d(() => Ie(y.sections)), Le = d(() => {
 			let e = B.value, t = V.value, n = H.value, r = U.value, i = W.value;
 			return !!(e || t || n || r.length > 0 || i.length > 0);
-		}), Pe = {
+		}), Re = {
 			neutral: "secondary",
 			info: "info",
 			success: "success",
 			warn: "warn",
 			danger: "danger"
-		}, Fe = (e) => Pe[e ?? "neutral"], Ie = (e) => te("STooltip", "detail.tone", e ?? "neutral", [
+		}, ze = (e) => Re[e ?? "neutral"], Be = (e) => re("STooltip", "detail.tone", e ?? "neutral", [
 			"neutral",
 			"info",
 			"success",
 			"warn",
 			"danger"
-		]), Le = d(() => `${y.position}-center`), { anchorRef: G, panelRef: Re, floatingStyle: ze, arrowStyle: Be, resolvedPlacement: Ve } = r({
+		]), Ve = d(() => `${y.position}-center`), { anchorRef: G, panelRef: K, floatingStyle: He, arrowStyle: Ue, resolvedPlacement: We } = ee({
 			active: x,
-			placement: () => Le.value,
+			placement: () => Ve.value,
 			offset: () => 6,
 			boundaryPadding: () => 6,
 			flip: () => !0,
 			shift: () => !0,
 			widthMatch: () => "none",
-			zIndex: () => S.value,
+			zIndex: () => C.value,
 			scrollStrategy: "close",
-			requestClose: () => J()
-		}), K = () => {
-			w !== null && (clearTimeout(w), w = null);
-		}, q = () => {
-			T !== null && (window.clearTimeout(T), T = null);
+			requestClose: () => Y()
+		}), Ge = d(() => !S.value || Ne.value !== null && Ne.value === K.value);
+		function Ke() {
+			let e = K.value;
+			e && (Ne.value = e, e.hidden = !0, e.setAttribute("inert", ""));
+		}
+		let q = () => {
+			T !== null && (clearTimeout(T), T = null);
 		}, J = () => {
-			K(), q(), x.value = !1, C?.unregister({ restoreFocus: !1 }), C = null, S.value = "var(--s-layer-root-floating)";
-		}, He = () => {
-			!x.value && k && A && (C = n({
+			E !== null && (window.clearTimeout(E), E = null);
+		}, Y = () => {
+			q(), J(), M.tooltipPointerInside = !1, x.value = !1, w?.unregister({ restoreFocus: !1 }), w = null, C.value = "var(--s-layer-root-floating)", gt();
+		}, qe = () => {
+			S.value && !x.value && A && j && n(A) && (w = r({
 				kind: "tooltip",
-				root: () => Re.value,
+				root: () => K.value,
 				anchor: () => G.value,
 				blocksParentFocusTrap: !1,
 				restoreTarget: null,
-				requestDismiss: J
-			}), S.value = C.zIndex, x.value = !0);
-		}, Y = () => {
-			!y.disabled && Ne.value && k && A && (K(), q(), T = window.setTimeout(() => {
-				T = null, He();
-			}, y.showDelay));
-		}, Ue = () => {
-			q(), K(), w = window.setTimeout(() => {
-				w = null, J();
-			}, y.hideDelay);
+				requestDismiss: Y,
+				onRetire: Y
+			}), C.value = w.zIndex, x.value = !0);
 		}, X = () => {
-			!j && !M && !N && Ue();
-		}, We = (e) => {
-			e.pointerType !== "touch" && (j = !0, Y());
-		}, Ge = (e) => {
-			e.pointerType !== "touch" && (j = !1, X());
-		}, Ke = (e) => {
-			e.pointerType === "touch" && (N = !0, Y());
-		}, qe = (e) => {
-			e.pointerType === "touch" && (N = !1, X());
+			S.value && !y.disabled && Le.value && A && j && (q(), J(), !x.value && (E = window.setTimeout(() => {
+				E = null, qe();
+			}, y.showDelay), ht()));
 		}, Je = () => {
-			M = !0, Y();
+			if (J(), q(), !x.value) {
+				Y();
+				return;
+			}
+			T = window.setTimeout(() => {
+				T = null, Y();
+			}, y.hideDelay);
+		}, Z = () => {
+			!M.triggerPointerInside && !M.tooltipPointerInside && !M.focusInside && !M.touchActive && Je();
 		}, Ye = (e) => {
-			e.relatedTarget instanceof Node && k?.contains(e.relatedTarget) || (M = !1, X());
-		}, Xe = () => {
-			if (k && A && E === null && k === A) throw b("focusOwner и pointerTarget должны быть разными владельцами одной интерактивной композиции. focusOwner and pointerTarget must be distinct owners in one interactive composition.");
-		}, Z = (e) => {
-			if (e !== null && !t(e)) throw b("trigger/focusOwner должен владеть canonical focus owner; используйте интерактивный UI-kit leaf. trigger/focusOwner must own a canonical focus owner; use an interactive UI-kit leaf.");
-			k = e, j = !1, M = !1, N = !1, e === null && J(), Xe();
-		}, Q = (e) => {
-			if (e !== null && E === null && t(e)) throw b("pointerTarget должен быть пассивным и не может создавать дополнительный tab stop. pointerTarget must be passive and cannot create an additional tab stop.");
-			A = e, G.value = e, j = !1, N = !1, e === null && J(), Xe();
-		}, $ = (e) => {
-			if (e === "combined" && (D !== null || O !== null)) throw b("combined trigger нельзя смешивать со split trigger. combined trigger cannot be mixed with a split trigger.");
-			if (e !== "combined" && E !== null) throw b("split trigger нельзя смешивать с combined trigger. A split trigger cannot be mixed with a combined trigger.");
+			S.value && e.pointerType !== "touch" && (M.triggerPointerInside = !0, X());
+		}, Xe = (e) => {
+			e.pointerType !== "touch" && (M.triggerPointerInside = !1, Z());
 		}, Ze = (e) => {
-			if (e !== E) {
-				if (e !== null && ($("combined"), E !== null)) throw b("trigger binding применён более чем к одному leaf. The trigger binding was applied to more than one leaf.");
-				E = e, (e === null || e instanceof HTMLElement) && (Z(e), Q(e));
-			}
+			e.pointerType !== "touch" && x.value && (M.tooltipPointerInside = !0, q());
 		}, Qe = (e) => {
+			e.pointerType !== "touch" && (M.tooltipPointerInside = !1, Z());
+		}, $e = (e) => {
+			S.value && e.pointerType === "touch" && (M.touchActive = !0, X());
+		}, et = (e) => {
+			e.pointerType === "touch" && (M.touchActive = !1, Z());
+		}, tt = () => {
+			S.value && (M.focusInside = !0, X());
+		}, nt = (e) => {
+			e.relatedTarget instanceof Node && A?.contains(e.relatedTarget) || (M.focusInside = !1, Z());
+		}, rt = () => {
+			if (A && j && D === null && A === j) throw b("focusOwner и pointerTarget должны быть разными владельцами одной интерактивной композиции. focusOwner and pointerTarget must be distinct owners in one interactive composition.");
+		}, Q = (e) => {
+			if (e !== null && !(S.value ? n(e) : t(e))) throw b("trigger/focusOwner должен владеть canonical focus owner; используйте интерактивный UI-kit leaf. trigger/focusOwner must own a canonical focus owner; use an interactive UI-kit leaf.");
+			A = e, M.triggerPointerInside = !1, M.tooltipPointerInside = !1, M.focusInside = !1, M.touchActive = !1, e === null && Y(), rt();
+		}, $ = (e) => {
+			if (e !== null && D === null && t(e)) throw b("pointerTarget должен быть пассивным и не может создавать дополнительный tab stop. pointerTarget must be passive and cannot create an additional tab stop.");
+			j = e, G.value = e, M.triggerPointerInside = !1, M.tooltipPointerInside = !1, M.touchActive = !1, e === null && Y(), rt();
+		}, it = (e) => {
+			if (e === "combined" && (O !== null || k !== null)) throw b("combined trigger нельзя смешивать со split trigger. combined trigger cannot be mixed with a split trigger.");
+			if (e !== "combined" && D !== null) throw b("split trigger нельзя смешивать с combined trigger. A split trigger cannot be mixed with a combined trigger.");
+		}, at = (e) => {
 			if (e !== D) {
-				if (e !== null && ($("focusOwner"), D !== null)) throw b("focusOwner binding применён более чем к одному leaf. focusOwner binding was applied to more than one leaf.");
-				D = e, (e === null || e instanceof HTMLElement) && Z(e);
+				if (e !== null && (it("combined"), D !== null)) throw b("trigger binding применён более чем к одному leaf. The trigger binding was applied to more than one leaf.");
+				D = e, (e === null || e instanceof HTMLElement) && (Q(e), $(e));
 			}
-		}, $e = (e) => {
+		}, ot = (e) => {
 			if (e !== O) {
-				if (e !== null && ($("pointerTarget"), O !== null)) throw b("pointerTarget binding применён более чем к одному leaf. pointerTarget binding was applied to more than one leaf.");
+				if (e !== null && (it("focusOwner"), O !== null)) throw b("focusOwner binding применён более чем к одному leaf. focusOwner binding was applied to more than one leaf.");
 				O = e, (e === null || e instanceof HTMLElement) && Q(e);
 			}
-		}, et = d(() => {
+		}, st = (e) => {
+			if (e !== k) {
+				if (e !== null && (it("pointerTarget"), k !== null)) throw b("pointerTarget binding применён более чем к одному leaf. pointerTarget binding was applied to more than one leaf.");
+				k = e, (e === null || e instanceof HTMLElement) && $(e);
+			}
+		}, ct = d(() => {
 			if (y.triggerDescribedBy === void 0) return;
 			if (typeof y.triggerDescribedBy != "string") throw b("triggerDescribedBy должен быть строкой DOM id references. triggerDescribedBy must be a string of DOM id references.");
 			let e = y.triggerDescribedBy.trim().split(/\s+/u).filter(Boolean);
 			if (e.length === 0) throw b("triggerDescribedBy должен содержать хотя бы один DOM id. triggerDescribedBy must contain at least one DOM id.");
-			return e.map((e, t) => ee("STooltip", `triggerDescribedBy[${t}]`, e)).join(" ");
-		}), tt = d(() => ({
-			ref: Ze,
-			"aria-describedby": i(et.value, x.value ? P : void 0),
-			onPointerenter: We,
-			onPointerleave: Ge,
-			onPointerdown: Ke,
-			onPointerup: qe,
-			onPointercancel: qe,
-			onFocusin: Je,
-			onFocusout: Ye
-		})), nt = d(() => ({
-			ref: Qe,
-			"aria-describedby": i(et.value, x.value ? P : void 0),
-			onFocusin: Je,
-			onFocusout: Ye
-		})), rt = d(() => ({
-			ref: $e,
-			onPointerenter: We,
-			onPointerleave: Ge
-		})), it = () => {
-			x.value && J();
-		}, at = () => {
-			document.hidden && x.value && J();
-		}, ot = () => {
-			window.addEventListener("blur", it), document.addEventListener("visibilitychange", at);
-		}, st = () => {
-			window.removeEventListener("blur", it), document.removeEventListener("visibilitychange", at);
+			return e.map((e, t) => o("STooltip", `triggerDescribedBy[${t}]`, e)).join(" ");
+		}), lt = d(() => ({
+			ref: at,
+			"aria-describedby": te(ct.value, x.value ? P : void 0),
+			onPointerenter: Ye,
+			onPointerleave: Xe,
+			onPointerdown: $e,
+			onPointerup: et,
+			onPointercancel: et,
+			onFocusin: tt,
+			onFocusout: nt
+		})), ut = d(() => ({
+			ref: ot,
+			"aria-describedby": te(ct.value, x.value ? P : void 0),
+			onFocusin: tt,
+			onFocusout: nt
+		})), dt = d(() => ({
+			ref: st,
+			onPointerenter: Ye,
+			onPointerleave: Xe
+		})), ft = () => {
+			Y();
+		}, pt = () => {
+			document.hidden && Y();
+		}, mt = (e) => {
+			e.key === "Escape" && E !== null && !x.value && Y();
+		}, ht = () => {
+			N || (N = !0, window.addEventListener("blur", ft), window.addEventListener("keydown", mt, !0), document.addEventListener("visibilitychange", pt));
+		}, gt = () => {
+			N && (N = !1, window.removeEventListener("blur", ft), window.removeEventListener("keydown", mt, !0), document.removeEventListener("visibilitychange", pt));
 		};
-		return he(x, (e) => {
-			if (e) {
-				ot();
-				return;
-			}
-			st();
-		}), he(() => [y.disabled, Ne.value], ([e, t]) => {
-			(e || !t) && J();
-		}), ge(() => {
-			Ae.reject("STooltip не рендерит public wrapper; используйте props и default trigger slot. STooltip renders no public wrapper; use props and the default trigger slot.");
+		return ve(() => [y.disabled, Le.value], ([e, t]) => {
+			(e || !t) && Y();
+		}), ve(S, (e) => {
+			e || (Ke(), M.triggerPointerInside = !1, M.tooltipPointerInside = !1, M.focusInside = !1, M.touchActive = !1, Y());
+		}, { flush: "sync" }), ye(() => {
+			Pe.reject("STooltip не рендерит public wrapper; используйте props и default trigger slot. STooltip renders no public wrapper; use props and the default trigger slot.");
 			for (let [e, t] of [["showDelay", y.showDelay], ["hideDelay", y.hideDelay]]) if (!Number.isSafeInteger(t) || t < 0 || t > 6e4) throw b(`${e} должен быть целым числом миллисекунд от 0 до 60000. ${e} must be an integer number of milliseconds from 0 through 60000.`);
 			s("STooltip", "position", y.position, [
 				"top",
 				"bottom",
 				"left",
 				"right"
-			]), o("STooltip", "disabled", y.disabled);
-		}), de(() => {
-			if (E !== null && (D !== null || O !== null)) throw b("combined trigger нельзя смешивать со split trigger. combined trigger cannot be mixed with a split trigger.");
-			if (E === null && (D === null || O === null)) throw b("default slot обязан применить combined trigger либо обе половины split trigger: focusOwner и pointerTarget. The default slot must apply the combined trigger or both split trigger bindings: focusOwner and pointerTarget.");
-			if (E !== null) {
-				let e = l("STooltip: trigger", E);
-				Z(e), Q(e);
+			]), a("STooltip", "disabled", y.disabled);
+		}), pe(() => {
+			if (D !== null && (O !== null || k !== null)) throw b("combined trigger нельзя смешивать со split trigger. combined trigger cannot be mixed with a split trigger.");
+			if (D === null && (O === null || k === null)) throw b("default slot обязан применить combined trigger либо обе половины split trigger: focusOwner и pointerTarget. The default slot must apply the combined trigger or both split trigger bindings: focusOwner and pointerTarget.");
+			if (D !== null) {
+				let e = l("STooltip: trigger", D);
+				Q(e), $(e);
 				return;
 			}
-			if (D === null || O === null) throw b("split trigger требует focusOwner и pointerTarget. A split trigger requires focusOwner and pointerTarget.");
-			Z(l("STooltip: focusOwner", D)), Q(l("STooltip: pointerTarget", O));
-		}), ue(() => {
-			J(), E = null, D = null, O = null, k = null, A = null, G.value = null, st();
-		}), (e, t) => (h(), p(u, null, [pe(e.$slots, "default", {
-			trigger: tt.value,
-			focusOwner: nt.value,
-			pointerTarget: rt.value,
+			if (O === null || k === null) throw b("split trigger требует focusOwner и pointerTarget. A split trigger requires focusOwner and pointerTarget.");
+			Q(l("STooltip: focusOwner", O)), $(l("STooltip: pointerTarget", k));
+		}), fe(() => {
+			Y(), D = null, O = null, k = null, A = null, j = null, G.value = null;
+		}), (e, t) => (h(), p(u, null, [he(e.$slots, "default", {
+			trigger: lt.value,
+			focusOwner: ut.value,
+			pointerTarget: dt.value,
 			isOpen: x.value
-		}), (h(), ae(re, { to: "body" }, [se(ie, {
+		}), (h(), se(ae, { to: "body" }, [le(oe, {
+			css: v(S),
 			"enter-active-class": "transition-opacity duration-[var(--s-motion-fast)]",
 			"enter-from-class": "opacity-0",
 			"leave-active-class": "transition-opacity duration-[var(--s-motion-fast)]",
 			"leave-from-class": "opacity-100",
 			"leave-to-class": "opacity-0"
 		}, {
-			default: _e(() => [x.value ? (h(), p("div", {
+			default: be(() => [x.value ? (h(), p("div", {
 				key: 0,
 				id: P,
 				ref_key: "tooltipRef",
-				ref: Re,
+				ref: K,
+				hidden: Ge.value,
+				"^inert": Ge.value ? !0 : void 0,
 				class: "s-tooltip",
-				"data-placement": v(Ve),
-				style: le(v(ze)),
-				role: "tooltip"
-			}, [m("div", ye, [
-				V.value ? (h(), p("strong", be, _(V.value), 1)) : f("", !0),
-				H.value ? (h(), p("p", xe, _(H.value), 1)) : f("", !0),
-				B.value ? (h(), p("div", Se, _(B.value), 1)) : f("", !0),
-				U.value.length > 0 ? (h(), p("dl", Ce, [(h(!0), p(u, null, g(U.value, (e) => (h(), p("div", {
+				"data-placement": v(We),
+				style: de(v(He)),
+				role: "tooltip",
+				onPointerenter: Ze,
+				onPointerleave: Qe
+			}, [m("div", Se, [
+				V.value ? (h(), p("strong", Ce, _(V.value), 1)) : f("", !0),
+				H.value ? (h(), p("p", we, _(H.value), 1)) : f("", !0),
+				B.value ? (h(), p("div", Te, _(B.value), 1)) : f("", !0),
+				U.value.length > 0 ? (h(), p("dl", Ee, [(h(!0), p(u, null, g(U.value, (e) => (h(), p("div", {
 					key: e.id,
 					class: "s-tooltip__detail"
-				}, [m("dt", we, _(e.label), 1), m("dd", {
+				}, [m("dt", De, _(e.label), 1), m("dd", {
 					class: "s-tooltip__detail-value",
 					"data-presentation": e.presentation ?? "text",
-					"data-s-tone": Ie(e.tone)["data-s-tone"]
-				}, [e.presentation === "badge" ? (h(), ae(ne, {
+					"data-s-tone": Be(e.tone)["data-s-tone"]
+				}, [e.presentation === "badge" ? (h(), se(ie, {
 					key: 0,
 					size: "xs",
-					severity: Fe(e.tone)
+					severity: ze(e.tone)
 				}, {
-					default: _e(() => [oe(_(e.value), 1)]),
+					default: be(() => [ce(_(e.value), 1)]),
 					_: 2
-				}, 1032, ["severity"])) : (h(), p(u, { key: 1 }, [oe(_(e.value), 1)], 64))], 8, Te)]))), 128))])) : f("", !0),
-				W.value.length > 0 ? (h(), p("div", Ee, [(h(!0), p(u, null, g(W.value, (e) => (h(), p("section", {
+				}, 1032, ["severity"])) : (h(), p(u, { key: 1 }, [ce(_(e.value), 1)], 64))], 8, Oe)]))), 128))])) : f("", !0),
+				W.value.length > 0 ? (h(), p("div", ke, [(h(!0), p(u, null, g(W.value, (e) => (h(), p("section", {
 					key: e.id,
 					class: "s-tooltip__section"
 				}, [
-					m("strong", De, _(e.title), 1),
-					e.description ? (h(), p("p", Oe, _(e.description), 1)) : f("", !0),
-					e.items?.length ? (h(), p("ul", ke, [(h(!0), p(u, null, g(e.items, (e) => (h(), p("li", { key: e.id }, _(e.label), 1))), 128))])) : f("", !0)
+					m("strong", Ae, _(e.title), 1),
+					e.description ? (h(), p("p", je, _(e.description), 1)) : f("", !0),
+					e.items?.length ? (h(), p("ul", Me, [(h(!0), p(u, null, g(e.items, (e) => (h(), p("li", { key: e.id }, _(e.label), 1))), 128))])) : f("", !0)
 				]))), 128))])) : f("", !0)
 			]), m("div", {
 				class: "s-tooltip-arrow",
-				style: le(v(Be))
-			}, null, 4)], 12, ve)) : f("", !0)]),
+				style: de(v(Ue))
+			}, null, 4)], 44, xe)) : f("", !0)]),
 			_: 1
-		})]))], 64));
+		}, 8, ["css"])]))], 64));
 	}
 });
 //#endregion

package/dist/src/components/shared/data-display/STooltipAnchor.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { validateExactString as t, validateNonEmptyString as n } from "../../../internal/runtimeContract.js";
+import { validateExactString as e, validateNonEmptyString as t } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
 import { useInteractiveLeafRegistration as r } from "../../../internal/passiveContentContract.js";
 import { computed as i, createBlock as a, defineComponent as o, mergeProps as s, openBlock as c, ref as l, renderSlot as u, resolveDynamicComponent as d, unref as f, useSlots as p, withCtx as m } from "vue";
 //#region src/components/shared/data-display/STooltipAnchor.vue?vue&type=script&setup=true&lang.ts
@@ -25,14 +25,14 @@ var h = /*@__PURE__*/ o({
 	setup(o, { expose: h, emit: g }) {
 		let _ = o, v = g;
 		if (!p().default) throw Error("STooltipAnchor: default slot обязателен. / STooltipAnchor: the default slot is required.");
-		let y = l(null), b = e({
+		let y = l(null), b = n({
 			component: "STooltipAnchor",
 			owner: "focusable tooltip anchor"
-		}), x = i(() => n("STooltipAnchor", "accessibleLabel", _.accessibleLabel)), S = i(() => t("STooltipAnchor", "as", _.as, ["span", "div"])), C = i(() => S.value === "span" ? "span" : "div"), w = i(() => t("STooltipAnchor", "shape", _.shape, [
+		}), x = i(() => t("STooltipAnchor", "accessibleLabel", _.accessibleLabel)), S = i(() => e("STooltipAnchor", "as", _.as, ["span", "div"])), C = i(() => S.value === "span" ? "span" : "div"), w = i(() => e("STooltipAnchor", "shape", _.shape, [
 			"default",
 			"pill",
 			"circle"
-		])), T = i(() => t("STooltipAnchor", "width", _.width, ["auto", "full"]));
+		])), T = i(() => e("STooltipAnchor", "width", _.width, ["auto", "full"]));
 		r({ owner: "STooltipAnchor" });
 		let E = () => {
 			let e = y.value;

package/dist/src/components/shared/data-display/STooltipTarget.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { validateExactString as t } from "../../../internal/runtimeContract.js";
+import { validateExactString as e } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
 import { computed as n, createBlock as r, defineComponent as i, mergeProps as a, openBlock as o, ref as s, renderSlot as c, resolveDynamicComponent as l, unref as u, useSlots as d, withCtx as f } from "vue";
 //#region src/components/shared/data-display/STooltipTarget.vue?vue&type=script&setup=true&lang.ts
 var p = /*@__PURE__*/ i({
@@ -15,10 +15,10 @@ var p = /*@__PURE__*/ i({
 	setup(i, { expose: p, emit: m }) {
 		let h = i, g = m;
 		if (!d().default) throw Error("STooltipTarget: default slot обязателен. / STooltipTarget: the default slot is required.");
-		let _ = s(null), v = e({
+		let _ = s(null), v = t({
 			component: "STooltipTarget",
 			owner: "passive tooltip target"
-		}), y = n(() => t("STooltipTarget", "as", h.as, ["span", "kbd"])), b = n(() => y.value === "kbd" ? "kbd" : "span"), x = n(() => t("STooltipTarget", "appearance", h.appearance, ["plain", "keycap"])), S = n(() => t("STooltipTarget", "size", h.size, [
+		}), y = n(() => e("STooltipTarget", "as", h.as, ["span", "kbd"])), b = n(() => y.value === "kbd" ? "kbd" : "span"), x = n(() => e("STooltipTarget", "appearance", h.appearance, ["plain", "keycap"])), S = n(() => e("STooltipTarget", "size", h.size, [
 			"xs",
 			"sm",
 			"md"

package/dist/src/components/shared/data-display/SVirtualList.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/data-display/SVirtualList.css_vue_type_style_index_0_src_cee8c247_scoped_cee8c247_lang.css";
+import "../../../../assets/src/components/shared/data-display/SVirtualList.css_vue_type_style_index_0_src_9fe3ade0_scoped_9fe3ade0_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SVirtualList.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                          */
 //#region src/components/shared/data-display/SVirtualList.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-cee8c247"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-9fe3ade0"]]);
 //#endregion
 export { n as default };