@pgcorp/ui-kit 0.14.0 → 0.15.0

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

@@ -2,40 +2,41 @@ import { hasOwn as e } from "../../../internal/es2020.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 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";
+import { validateBoolean as a, validateDomId as o, validateExactString as ee, validateNonEmptyString as s } from "../../../internal/runtimeContract.js";
+import { useOverlayPortalTarget as te } from "../../../internal/overlayPortal.js";
+import { useFloatingPosition as ne } from "../../../composables/useFloatingPosition.js";
+import { mergeIdReferences as re, useOwnedAttrs as ie } from "../../../internal/ownedAttrs.js";
+import { resolveSemanticToneBinding as ae } from "../../../internal/semanticTone.js";
+import oe from "./SBadge.vue.js";
+import { resolveInteractiveElement as se } from "../../../internal/interactiveElement.js";
+import { Fragment as c, Teleport as ce, Transition as le, computed as l, createBlock as ue, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as de, createVNode as fe, defineComponent as pe, normalizeStyle as me, onBeforeUnmount as he, onMounted as ge, openBlock as p, ref as _e, renderList as m, renderSlot as ve, shallowRef as ye, toDisplayString as h, unref as g, useId as be, watch as _, watchEffect as xe, withCtx as Se } from "vue";
 //#region src/components/shared/data-display/STooltip.vue?vue&type=script&setup=true&lang.ts
-var xe = [
+var Ce = [
 	"hidden",
 	"^inert",
 	"data-placement"
-], Se = { class: "s-tooltip__content" }, Ce = {
+], we = { class: "s-tooltip__content" }, Te = {
 	key: 0,
 	class: "s-tooltip__title"
-}, we = {
+}, Ee = {
 	key: 1,
 	class: "s-tooltip__description"
-}, Te = {
+}, De = {
 	key: 2,
 	class: "s-tooltip__text"
-}, Ee = {
+}, Oe = {
 	key: 3,
 	class: "s-tooltip__details"
-}, De = { class: "s-tooltip__detail-label" }, Oe = ["data-presentation", "data-s-tone"], ke = {
+}, ke = { class: "s-tooltip__detail-label" }, Ae = ["data-presentation", "data-s-tone"], je = {
 	key: 4,
 	class: "s-tooltip__sections"
-}, Ae = { class: "s-tooltip__section-title" }, je = {
+}, Me = { class: "s-tooltip__section-title" }, Ne = {
 	key: 0,
 	class: "s-tooltip__section-description"
-}, Me = {
+}, Pe = {
 	key: 1,
 	class: "s-tooltip__section-items"
-}, y = /*@__PURE__*/ ue({
+}, v = /*@__PURE__*/ pe({
 	inheritAttrs: !1,
 	__name: "STooltip",
 	props: {
@@ -53,62 +54,62 @@ var xe = [
 		hideDelay: { default: 80 },
 		triggerDescribedBy: { default: void 0 }
 	},
-	setup(ue) {
-		let y = ue, b = (e) => /* @__PURE__ */ Error(`STooltip: ${e}`), x = me(!1), S = i(), Ne = ge(null), Pe = ne({
+	setup(pe) {
+		let v = pe, y = (e) => /* @__PURE__ */ Error(`STooltip: ${e}`), b = _e(!1), x = i(), S = te(), Fe = ye(null), Ie = ie({
 			component: "STooltip",
 			owner: "renderless tooltip contract"
-		}), C = me("var(--s-layer-root-floating)"), w = null, T = null, E = null, D = null, O = null, k = null, A = null, j = null, M = {
+		}), Le = _e("var(--s-layer-root-floating)"), C = null, w = null, T = null, E = null, D = null, O = null, k = null, A = null, j = {
 			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);
-		}
+		}, M = !1, N = null, P = [], F = `s-tooltip-${be()}`;
 		function I(e, t) {
-			if (typeof t != "object" || !t || Array.isArray(t) || Object.getPrototypeOf(t) !== Object.prototype) throw b(`${e} должен быть plain object. ${e} must be a plain object.`);
+			return t === void 0 || t === "" ? void 0 : s("STooltip", e, t);
+		}
+		function L(e, t) {
+			if (typeof t != "object" || !t || Array.isArray(t) || Object.getPrototypeOf(t) !== Object.prototype) throw y(`${e} должен быть plain object. ${e} must be a plain object.`);
 			return t;
 		}
-		function L(e, t, n) {
+		function R(e, t, n) {
 			let r = Object.keys(t).filter((e) => !n.includes(e));
-			if (r.length > 0) throw b(`${e} содержит неизвестные поля ${r.join(", ")}. ${e} contains unknown fields ${r.join(", ")}.`);
+			if (r.length > 0) throw y(`${e} содержит неизвестные поля ${r.join(", ")}. ${e} contains unknown fields ${r.join(", ")}.`);
 		}
-		function R(t, n) {
-			if (!Array.isArray(n)) throw b(`${t} должен быть массивом. ${t} must be an array.`);
-			for (let r = 0; r < n.length; r += 1) if (!e(n, r)) throw b(`${t}[${r}] отсутствует в sparse array. ${t}[${r}] is missing from a sparse array.`);
+		function z(t, n) {
+			if (!Array.isArray(n)) throw y(`${t} должен быть массивом. ${t} must be an array.`);
+			for (let r = 0; r < n.length; r += 1) if (!e(n, r)) throw y(`${t}[${r}] отсутствует в sparse array. ${t}[${r}] is missing from a sparse array.`);
 			return n;
 		}
-		function z(e, t, n, r) {
+		function B(e, t, n, r) {
 			let i = e.get(t);
-			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.`);
+			if (i !== void 0) throw y(`${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 Fe(e) {
-			let t = R("details", e), n = /* @__PURE__ */ new Map();
+		function Re(e) {
+			let t = z("details", e), n = /* @__PURE__ */ new Map();
 			return t.map((e, t) => {
-				let r = `details[${t}]`, i = I(r, e);
-				L(r, i, [
+				let r = `details[${t}]`, i = L(r, e);
+				R(r, i, [
 					"id",
 					"label",
 					"value",
 					"presentation",
 					"tone"
 				]);
-				let a = c("STooltip", `${r}.id`, i.id);
-				z(n, a, "details", t);
+				let a = s("STooltip", `${r}.id`, i.id);
+				B(n, a, "details", t);
 				let o = i.value;
-				if (!(typeof o == "string" && o.length > 0) && !(typeof o == "number" && Number.isFinite(o))) throw b(`${r}.value должен быть непустой строкой или конечным числом. ${r}.value must be a non-empty string or finite number.`);
+				if (!(typeof o == "string" && o.length > 0) && !(typeof o == "number" && Number.isFinite(o))) throw y(`${r}.value должен быть непустой строкой или конечным числом. ${r}.value must be a non-empty string or finite number.`);
 				return {
 					id: a,
-					label: c("STooltip", `${r}.label`, i.label),
+					label: s("STooltip", `${r}.label`, i.label),
 					value: o,
-					...i.presentation === void 0 ? {} : { presentation: s("STooltip", `${r}.presentation`, i.presentation, [
+					...i.presentation === void 0 ? {} : { presentation: ee("STooltip", `${r}.presentation`, i.presentation, [
 						"text",
 						"badge",
 						"code"
 					]) },
-					...i.tone === void 0 ? {} : { tone: s("STooltip", `${r}.tone`, i.tone, [
+					...i.tone === void 0 ? {} : { tone: ee("STooltip", `${r}.tone`, i.tone, [
 						"neutral",
 						"info",
 						"success",
@@ -118,262 +119,313 @@ var xe = [
 				};
 			});
 		}
-		function Ie(e) {
-			let t = R("sections", e), n = /* @__PURE__ */ new Map();
+		function ze(e) {
+			let t = z("sections", e), n = /* @__PURE__ */ new Map();
 			return t.map((e, t) => {
-				let r = `sections[${t}]`, i = I(r, e);
-				L(r, i, [
+				let r = `sections[${t}]`, i = L(r, e);
+				R(r, i, [
 					"id",
 					"title",
 					"description",
 					"items"
 				]);
-				let a = c("STooltip", `${r}.id`, i.id);
-				z(n, a, "sections", t);
+				let a = s("STooltip", `${r}.id`, i.id);
+				B(n, a, "sections", t);
 				let o = i.items === void 0 ? void 0 : (() => {
-					let e = R(`${r}.items`, i.items), t = /* @__PURE__ */ new Map();
+					let e = z(`${r}.items`, i.items), t = /* @__PURE__ */ new Map();
 					return e.map((e, n) => {
-						let i = `${r}.items[${n}]`, a = I(i, e);
-						L(i, a, ["id", "label"]);
-						let o = c("STooltip", `${i}.id`, a.id);
-						return z(t, o, `${r}.items`, n), {
+						let i = `${r}.items[${n}]`, a = L(i, e);
+						R(i, a, ["id", "label"]);
+						let o = s("STooltip", `${i}.id`, a.id);
+						return B(t, o, `${r}.items`, n), {
 							id: o,
-							label: c("STooltip", `${i}.label`, a.label)
+							label: s("STooltip", `${i}.label`, a.label)
 						};
 					});
 				})();
 				return {
 					id: a,
-					title: c("STooltip", `${r}.title`, i.title),
-					...i.description === void 0 ? {} : { description: c("STooltip", `${r}.description`, i.description) },
+					title: s("STooltip", `${r}.title`, i.title),
+					...i.description === void 0 ? {} : { description: s("STooltip", `${r}.description`, i.description) },
 					...o === void 0 ? {} : { items: o }
 				};
 			});
 		}
-		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;
+		let V = l(() => I("text", v.text)), H = l(() => I("title", v.title)), U = l(() => I("description", v.description)), W = l(() => Re(v.details)), Be = l(() => ze(v.sections)), Ve = l(() => {
+			let e = V.value, t = H.value, n = U.value, r = W.value, i = Be.value;
 			return !!(e || t || n || r.length > 0 || i.length > 0);
-		}), Re = {
+		}), He = {
 			neutral: "secondary",
 			info: "info",
 			success: "success",
 			warn: "warn",
 			danger: "danger"
-		}, ze = (e) => Re[e ?? "neutral"], Be = (e) => re("STooltip", "detail.tone", e ?? "neutral", [
+		}, Ue = (e) => He[e ?? "neutral"], We = (e) => ae("STooltip", "detail.tone", e ?? "neutral", [
 			"neutral",
 			"info",
 			"success",
 			"warn",
 			"danger"
-		]), Ve = d(() => `${y.position}-center`), { anchorRef: G, panelRef: K, floatingStyle: He, arrowStyle: Ue, resolvedPlacement: We } = ee({
-			active: x,
-			placement: () => Ve.value,
+		]), Ge = l(() => `${v.position}-center`), { anchorRef: Ke, panelRef: G, floatingStyle: qe, arrowStyle: Je, resolvedPlacement: Ye } = ne({
+			active: b,
+			placement: () => Ge.value,
 			offset: () => 6,
 			boundaryPadding: () => 6,
 			flip: () => !0,
 			shift: () => !0,
 			widthMatch: () => "none",
-			zIndex: () => C.value,
+			zIndex: () => Le.value,
 			scrollStrategy: "close",
-			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", ""));
+			requestClose: () => q()
+		}), Xe = l(() => !x.value || S.value === null || Fe.value !== null && Fe.value === G.value);
+		function Ze() {
+			let e = G.value;
+			e && (Fe.value = e, e.hidden = !0, e.setAttribute("inert", ""));
 		}
-		let q = () => {
-			T !== null && (clearTimeout(T), T = null);
-		}, J = () => {
-			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({
+		let K = () => {
+			w !== null && (clearTimeout(w), w = null);
+		}, Qe = () => {
+			T !== null && (window.clearTimeout(T), T = null);
+		}, q = () => {
+			K(), Qe(), j.triggerPointerInside = !1, j.tooltipPointerInside = !1, j.focusInside = !1, j.touchActive = !1, b.value = !1, C?.unregister({ restoreFocus: !1 }), C = null, Le.value = "var(--s-layer-root-floating)", Tt();
+		}, J = () => x.value && S.value !== null && !v.disabled && Ve.value && k !== null && A !== null && k.isConnected && n(k), $e = () => {
+			x.value && S.value !== null && !b.value && k && A && n(k) && (C = r({
 				kind: "tooltip",
-				root: () => K.value,
-				anchor: () => G.value,
+				root: () => G.value,
+				anchor: () => Ke.value,
 				blocksParentFocusTrap: !1,
 				restoreTarget: null,
-				requestDismiss: Y,
-				onRetire: Y
-			}), C.value = w.zIndex, x.value = !0);
-		}, X = () => {
-			S.value && !y.disabled && Le.value && A && j && (q(), J(), !x.value && (E = window.setTimeout(() => {
-				E = null, qe();
-			}, y.showDelay), ht()));
-		}, Je = () => {
-			if (J(), q(), !x.value) {
-				Y();
+				requestDismiss: q,
+				onRetire: q
+			}), Le.value = C.zIndex, b.value = !0);
+		}, et = () => {
+			J() && (K(), Qe(), !b.value && (T = window.setTimeout(() => {
+				T = null, $e();
+			}, v.showDelay), wt()));
+		}, tt = () => {
+			if (Qe(), K(), !b.value) {
+				q();
 				return;
 			}
-			T = window.setTimeout(() => {
-				T = null, Y();
-			}, y.hideDelay);
-		}, Z = () => {
-			!M.triggerPointerInside && !M.tooltipPointerInside && !M.focusInside && !M.touchActive && Je();
-		}, Ye = (e) => {
-			S.value && e.pointerType !== "touch" && (M.triggerPointerInside = !0, X());
-		}, Xe = (e) => {
-			e.pointerType !== "touch" && (M.triggerPointerInside = !1, Z());
-		}, Ze = (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();
+			w = window.setTimeout(() => {
+				w = null, q();
+			}, v.hideDelay);
+		}, Y = () => {
+			!j.triggerPointerInside && !j.tooltipPointerInside && !j.focusInside && !j.touchActive && tt();
+		}, nt = () => {
+			j.focusInside = k?.matches(":focus-within") === !0;
+		}, rt = (e) => {
+			J() && e.pointerType !== "touch" && (nt(), j.triggerPointerInside = !0, et());
 		}, 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.");
+			let t = G.value;
+			if (!b.value || Xe.value || !t?.isConnected) return !1;
+			let n = t.getBoundingClientRect();
+			return n.width > 0 && n.height > 0 && e.clientX >= n.left && e.clientX < n.right && e.clientY >= n.top && e.clientY < n.bottom;
 		}, at = (e) => {
+			e.pointerType !== "touch" && (j.triggerPointerInside = !1, j.tooltipPointerInside = it(e), j.tooltipPointerInside ? K() : Y());
+		}, ot = (e) => {
+			if (e.pointerType === "touch") return;
+			let t = it(e);
+			t !== j.tooltipPointerInside && (j.tooltipPointerInside = t, t ? K() : Y());
+		}, st = (e) => {
+			e.pointerType === "touch" || e.relatedTarget !== null || e.target !== document && e.target !== document.documentElement || (j.triggerPointerInside = !1, j.tooltipPointerInside = !1, Y());
+		}, ct = (e) => {
+			J() && e.pointerType === "touch" && (nt(), j.touchActive = !0, et());
+		}, lt = (e) => {
+			e.pointerType === "touch" && (j.touchActive = !1, Y());
+		}, ut = () => {
+			J() && (j.focusInside = !0, et());
+		}, dt = (e) => {
+			e.relatedTarget instanceof Node && k?.contains(e.relatedTarget) || (j.focusInside = !1, Y());
+		}, ft = () => {
+			if (k && A && E === null && k === A) throw y("focusOwner и pointerTarget должны быть разными владельцами одной интерактивной композиции. focusOwner and pointerTarget must be distinct owners in one interactive composition.");
+		}, X = (e) => {
+			if (e !== null && !t(e)) throw y("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.triggerPointerInside = !1, j.tooltipPointerInside = !1, j.focusInside = !1, j.touchActive = !1, e === null && q(), ft();
+		}, Z = (e) => {
+			if (e !== null && E === null && t(e)) throw y("pointerTarget должен быть пассивным и не может создавать дополнительный tab stop. pointerTarget must be passive and cannot create an additional tab stop.");
+			A = e, Ke.value = e, j.triggerPointerInside = !1, j.tooltipPointerInside = !1, j.touchActive = !1, e === null && q(), ft();
+		}, Q = (e) => {
+			if (e === "combined" && (D !== null || O !== null)) throw y("combined trigger нельзя смешивать со split trigger. combined trigger cannot be mixed with a split trigger.");
+			if (e !== "combined" && E !== null) throw y("split trigger нельзя смешивать с combined trigger. A split trigger cannot be mixed with a combined trigger.");
+		}, pt = (e) => {
+			if (e !== E) {
+				if (e !== null && (Q("combined"), E !== null)) throw y("trigger binding применён более чем к одному leaf. The trigger binding was applied to more than one leaf.");
+				E = e, (e === null || e instanceof HTMLElement) && (X(e), Z(e));
+			}
+		}, mt = (e) => {
 			if (e !== D) {
-				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));
+				if (e !== null && (Q("focusOwner"), D !== null)) throw y("focusOwner binding применён более чем к одному leaf. focusOwner binding was applied to more than one leaf.");
+				D = e, (e === null || e instanceof HTMLElement) && X(e);
 			}
-		}, ot = (e) => {
+		}, ht = (e) => {
 			if (e !== O) {
-				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);
-			}
-		}, 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);
+				if (e !== null && (Q("pointerTarget"), O !== null)) throw y("pointerTarget binding применён более чем к одному leaf. pointerTarget binding was applied to more than one leaf.");
+				O = e, (e === null || e instanceof HTMLElement) && Z(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.");
+		}, gt = l(() => {
+			if (v.triggerDescribedBy === void 0) return;
+			if (typeof v.triggerDescribedBy != "string") throw y("triggerDescribedBy должен быть строкой DOM id references. triggerDescribedBy must be a string of DOM id references.");
+			let e = v.triggerDescribedBy.trim().split(/\s+/u).filter(Boolean);
+			if (e.length === 0) throw y("triggerDescribedBy должен содержать хотя бы один DOM id. triggerDescribedBy must contain at least one DOM id.");
 			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));
+		}), _t = l(() => ({
+			ref: pt,
+			"aria-describedby": re(gt.value, b.value ? F : void 0),
+			onPointerenter: rt,
+			onPointerleave: at,
+			onPointerdown: ct,
+			onPointerup: lt,
+			onPointercancel: lt,
+			onFocusin: ut,
+			onFocusout: dt
+		})), vt = l(() => ({
+			ref: mt,
+			"aria-describedby": re(gt.value, b.value ? F : void 0),
+			onFocusin: ut,
+			onFocusout: dt
+		})), yt = l(() => ({
+			ref: ht,
+			onPointerenter: rt,
+			onPointerleave: at
+		})), bt = () => {
+			q();
+		}, xt = () => {
+			document.hidden && q();
+		}, St = (e) => {
+			e.key === "Escape" && T !== null && !b.value && q();
+		}, Ct = (e) => {
+			let t = [];
+			for (let n = e; n;) t.push(n), n = n.parentNode ?? (n instanceof ShadowRoot ? n.host : null);
+			return t;
+		}, $ = () => {
+			if (!M || !k) return;
+			if (!k.isConnected || !n(k)) {
+				Ze(), j.triggerPointerInside = !1, j.tooltipPointerInside = !1, j.focusInside = !1, j.touchActive = !1, q();
+				return;
+			}
+			let e = Ct(k);
+			if (!(e.length === P.length && e.every((e, t) => e === P[t]))) {
+				N?.disconnect(), P = e, N ||= new MutationObserver($);
+				for (let t of e) N.observe(t, t instanceof Element ? {
+					childList: !0,
+					attributes: !0,
+					attributeFilter: [
+						"class",
+						"style",
+						"hidden",
+						"inert",
+						"aria-hidden",
+						"disabled",
+						"tabindex",
+						"href",
+						"contenteditable"
+					]
+				} : { childList: !0 });
+			}
+		}, wt = () => {
+			M || (M = !0, $(), M && (window.addEventListener("resize", $, { passive: !0 }), window.addEventListener("blur", bt), window.addEventListener("keydown", St, !0), document.addEventListener("visibilitychange", xt)));
+		}, Tt = () => {
+			M && (M = !1, N?.disconnect(), N = null, P = [], window.removeEventListener("resize", $), window.removeEventListener("blur", bt), window.removeEventListener("keydown", St, !0), document.removeEventListener("visibilitychange", xt));
 		};
-		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, [
+		return _(b, (e) => {
+			e ? (document.addEventListener("pointermove", ot, {
+				capture: !0,
+				passive: !0
+			}), document.addEventListener("pointerleave", st, {
+				capture: !0,
+				passive: !0
+			})) : (document.removeEventListener("pointermove", ot, !0), document.removeEventListener("pointerleave", st, !0));
+		}, { flush: "sync" }), _(G, () => C?.refreshModality(), { flush: "sync" }), _(() => [v.disabled, Ve.value], ([e, t]) => {
+			(e || !t) && q();
+		}), _(x, (e) => {
+			e || (Ze(), j.triggerPointerInside = !1, j.tooltipPointerInside = !1, j.focusInside = !1, j.touchActive = !1, q());
+		}, { flush: "sync" }), _(S, (e) => {
+			e === null && (Ze(), q());
+		}, { flush: "sync" }), xe(() => {
+			Ie.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", v.showDelay], ["hideDelay", v.hideDelay]]) if (!Number.isSafeInteger(t) || t < 0 || t > 6e4) throw y(`${e} должен быть целым числом миллисекунд от 0 до 60000. ${e} must be an integer number of milliseconds from 0 through 60000.`);
+			ee("STooltip", "position", v.position, [
 				"top",
 				"bottom",
 				"left",
 				"right"
-			]), 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);
+			]), a("STooltip", "disabled", v.disabled);
+		}), ge(() => {
+			if (E !== null && (D !== null || O !== null)) throw y("combined trigger нельзя смешивать со split trigger. combined trigger cannot be mixed with a split trigger.");
+			if (E === null && (D === null || O === null)) throw y("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 = se("STooltip: trigger", E);
+				X(e), Z(e);
 				return;
 			}
-			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(), 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"
+			if (D === null || O === null) throw y("split trigger требует focusOwner и pointerTarget. A split trigger requires focusOwner and pointerTarget.");
+			X(se("STooltip: focusOwner", D)), Z(se("STooltip: pointerTarget", O));
+		}), he(() => {
+			q(), E = null, D = null, O = null, k = null, A = null, Ke.value = null;
+		}), (e, t) => (p(), d(c, null, [ve(e.$slots, "default", {
+			trigger: _t.value,
+			focusOwner: vt.value,
+			pointerTarget: yt.value,
+			isOpen: b.value
+		}), g(S) ? (p(), ue(ce, {
+			key: 0,
+			to: g(S)
+		}, [fe(le, {
+			css: g(x),
+			"enter-active-class": "transition-transform duration-[var(--s-motion-fast)]",
+			"enter-from-class": "translate-y-0.5",
+			"enter-to-class": "translate-y-0",
+			"leave-active-class": "transition-transform duration-[var(--s-motion-fast)]",
+			"leave-from-class": "translate-y-0",
+			"leave-to-class": "translate-y-0.5"
 		}, {
-			default: be(() => [x.value ? (h(), p("div", {
+			default: Se(() => [b.value ? (p(), d("div", {
 				key: 0,
-				id: P,
+				id: F,
 				ref_key: "tooltipRef",
-				ref: K,
-				hidden: Ge.value,
-				"^inert": Ge.value ? !0 : void 0,
+				ref: G,
+				hidden: Xe.value,
+				"^inert": Xe.value ? !0 : void 0,
 				class: "s-tooltip",
-				"data-placement": v(We),
-				style: de(v(He)),
+				"data-placement": g(Ye),
+				style: me(g(qe)),
 				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", {
+				"aria-hidden": "true"
+			}, [f("div", we, [
+				H.value ? (p(), d("strong", Te, h(H.value), 1)) : u("", !0),
+				U.value ? (p(), d("p", Ee, h(U.value), 1)) : u("", !0),
+				V.value ? (p(), d("div", De, h(V.value), 1)) : u("", !0),
+				W.value.length > 0 ? (p(), d("dl", Oe, [(p(!0), d(c, null, m(W.value, (e) => (p(), d("div", {
 					key: e.id,
 					class: "s-tooltip__detail"
-				}, [m("dt", De, _(e.label), 1), m("dd", {
+				}, [f("dt", ke, h(e.label), 1), f("dd", {
 					class: "s-tooltip__detail-value",
 					"data-presentation": e.presentation ?? "text",
-					"data-s-tone": Be(e.tone)["data-s-tone"]
-				}, [e.presentation === "badge" ? (h(), se(ie, {
+					"data-s-tone": We(e.tone)["data-s-tone"]
+				}, [e.presentation === "badge" ? (p(), ue(oe, {
 					key: 0,
 					size: "xs",
-					severity: ze(e.tone)
+					severity: Ue(e.tone)
 				}, {
-					default: be(() => [ce(_(e.value), 1)]),
+					default: Se(() => [de(h(e.value), 1)]),
 					_: 2
-				}, 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", {
+				}, 1032, ["severity"])) : (p(), d(c, { key: 1 }, [de(h(e.value), 1)], 64))], 8, Ae)]))), 128))])) : u("", !0),
+				Be.value.length > 0 ? (p(), d("div", je, [(p(!0), d(c, null, m(Be.value, (e) => (p(), d("section", {
 					key: e.id,
 					class: "s-tooltip__section"
 				}, [
-					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", {
+					f("strong", Me, h(e.title), 1),
+					e.description ? (p(), d("p", Ne, h(e.description), 1)) : u("", !0),
+					e.items?.length ? (p(), d("ul", Pe, [(p(!0), d(c, null, m(e.items, (e) => (p(), d("li", { key: e.id }, h(e.label), 1))), 128))])) : u("", !0)
+				]))), 128))])) : u("", !0)
+			]), f("div", {
 				class: "s-tooltip-arrow",
-				style: de(v(Ue))
-			}, null, 4)], 44, xe)) : f("", !0)]),
+				style: me(g(Je))
+			}, null, 4)], 12, Ce)) : u("", !0)]),
 			_: 1
-		}, 8, ["css"])]))], 64));
+		}, 8, ["css"])], 8, ["to"])) : u("", !0)], 64));
 	}
 });
 //#endregion
-export { y as default };
+export { v as default };