@pgcorp/ui-kit 0.13.0 → 0.15.0

package/dist/src/components/shared/containers/SPanel.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
-import { useUiKitLocale as e } from "../../../composables/useUiKitLocale.js";
-import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
-import { validateDomId as n } from "../../../internal/runtimeContract.js";
+import { validateDomId as e } from "../../../internal/runtimeContract.js";
+import { useUiKitLocale as t } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
 import r from "../data-display/SMessage.vue.js";
 import i from "../feedback/SAsyncState.vue.js";
 import a from "../data-display/SProgressBar.vue.js";
@@ -60,18 +60,18 @@ var T = [
 		headerLayout: { default: "auto" }
 	},
 	setup(m) {
-		let L = m, R = S(), { t: z } = e(), B = t({
+		let L = m, R = S(), { t: z } = t(), B = n({
 			component: "SPanel",
 			owner: "panel surface root"
 		}), V = o(() => {
 			if (L.titleId !== void 0) {
 				if (!L.title) throw TypeError("SPanel: titleId требует title. / SPanel: titleId requires title.");
-				return n("SPanel", "titleId", L.titleId);
+				return e("SPanel", "titleId", L.titleId);
 			}
-		}), H = o(() => L.contentId === void 0 ? void 0 : n("SPanel", "contentId", L.contentId)), U = o(() => {
+		}), H = o(() => L.contentId === void 0 ? void 0 : e("SPanel", "contentId", L.contentId)), U = o(() => {
 			if (L.footerId !== void 0) {
 				if (!R.footer) throw TypeError("SPanel: footerId требует footer slot. / SPanel: footerId requires the footer slot.");
-				return n("SPanel", "footerId", L.footerId);
+				return e("SPanel", "footerId", L.footerId);
 			}
 		});
 		return C(() => {

package/dist/src/components/shared/containers/SPopover.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/containers/SPopover.css_vue_type_style_index_0_src_deded766_scoped_deded766_lang.css";
+import "../../../../assets/src/components/shared/containers/SPopover.css_vue_type_style_index_0_src_a4f1f64a_scoped_a4f1f64a_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SPopover.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                      */
 //#region src/components/shared/containers/SPopover.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-deded766"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-a4f1f64a"]]);
 //#endregion
 export { n as default };

package/dist/src/components/shared/containers/SPopover.vue_vue_type_script_setup_true_lang.js

@@ -1,20 +1,24 @@
 import { lastItem as e } from "../../../internal/es2020.js";
 import { findRelativeTabTarget as t, getFocusableElements as n } from "../../../internal/focusNavigation.js";
-import { registerLayer as r } from "../../../internal/layerStack.js";
-import { useFloatingPosition as i } from "../../../composables/useFloatingPosition.js";
-import { useUiKitLocale as a } from "../../../composables/useUiKitLocale.js";
-import { useOwnedAttrs as o } from "../../../internal/ownedAttrs.js";
-import { useInteractiveLeafRegistration as s } from "../../../internal/passiveContentContract.js";
-import c from "../controls/SButton.vue.js";
-import { resolveInteractiveElement as l } from "../../../internal/interactiveElement.js";
-import { Teleport as u, Transition as d, computed as f, createBlock as p, createCommentVNode as ee, createElementBlock as m, createElementVNode as h, createVNode as te, defineComponent as g, mergeProps as _, nextTick as v, normalizeStyle as ne, onBeforeUnmount as re, onMounted as ie, onUpdated as ae, openBlock as y, ref as b, renderSlot as x, unref as S, useId as oe, useSlots as se, watch as ce, withCtx as C, withKeys as le } from "vue";
+import { captureLayerFocusAdmission as r, registerLayer as i } from "../../../internal/layerStack.js";
+import { useOverlayAdmission as a } from "../../../internal/overlayHost.js";
+import { useOverlayPortalTarget as o } from "../../../internal/overlayPortal.js";
+import { useFloatingPosition as s } from "../../../composables/useFloatingPosition.js";
+import { useUiKitLocale as c } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as ee } from "../../../internal/ownedAttrs.js";
+import { useInteractiveLeafRegistration as te } from "../../../internal/passiveContentContract.js";
+import l from "../controls/SButton.vue.js";
+import { resolveInteractiveElement as ne } from "../../../internal/interactiveElement.js";
+import { Teleport as re, Transition as ie, computed as u, createBlock as ae, createCommentVNode as oe, createElementBlock as se, createElementVNode as ce, createVNode as le, defineComponent as d, mergeProps as ue, nextTick as f, normalizeStyle as de, onBeforeUnmount as fe, onMounted as pe, onUpdated as me, openBlock as p, ref as m, renderSlot as h, shallowRef as he, unref as g, useId as ge, useSlots as _e, watch as _, withCtx as ve, withKeys as ye } from "vue";
 //#region src/components/shared/containers/SPopover.vue?vue&type=script&setup=true&lang.ts
-var ue = { class: "s-popover relative block w-full" }, de = [
+var be = { class: "s-popover relative block w-full" }, xe = [
+	"hidden",
+	"^inert",
 	"data-placement",
 	"data-surface",
 	"data-width",
 	"aria-label"
-], fe = { class: "s-popover-content" }, pe = "built-in", w = /*@__PURE__*/ g({
+], Se = { class: "s-popover-content" }, Ce = "built-in", we = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "SPopover",
 	props: {
@@ -49,233 +53,317 @@ var ue = { class: "s-popover relative block w-full" }, de = [
 		}
 	},
 	emits: ["update:open"],
-	setup(g, { expose: w, emit: me }) {
-		let T = g, { t: he } = a(), E = f(() => T.ariaLabel ?? he("dialog.moreActions")), D = me, O = se(), ge = o({
+	setup(d, { expose: we, emit: Te }) {
+		let v = d, { t: Ee } = c(), De = u(() => v.ariaLabel ?? Ee("dialog.moreActions")), y = Te, b = _e(), Oe = ee({
 			component: "SPopover",
 			owner: "root wrapper"
 		});
-		if (O.trigger && O.default) throw Error("SPopover: default slot is reserved for built-in SButton content and cannot be combined with #trigger; move popover content to #panel");
-		if (!O.panel) throw Error("SPopover: #panel slot is required");
-		let k = T.open !== void 0, A = b(!1), j = f(() => T.open ?? A.value);
-		s({
+		if (b.trigger && b.default) throw Error("SPopover: default slot is reserved for built-in SButton content and cannot be combined with #trigger; move popover content to #panel");
+		if (!b.panel) throw Error("SPopover: #panel slot is required");
+		let x = v.open !== void 0, S = a(), C = o(), w = m(!1), T = m(!1), E = he(null), D = u(() => S.value && C.value !== null && !T.value && (v.open ?? w.value));
+		te({
 			owner: "SPopover",
-			active: () => j.value
+			active: () => D.value
 		});
-		let M = `s-popover-panel-${oe()}`, N = b(null), P = b("var(--s-layer-root-floating)"), _e = f(() => T.triggerAriaLabel ?? (T.triggerIconOnly || !T.triggerLabel && !O.default ? E.value : void 0)), F = null, I = null, ve = f(() => T.align === "left" ? "bottom-start" : T.align === "center" ? "bottom-center" : "bottom-end"), { anchorRef: L, panelRef: R, floatingStyle: ye, resolvedPlacement: be, updatePosition: z } = i({
-			active: j,
-			placement: () => ve.value,
+		let O = `s-popover-panel-${ge()}`, k = m(null), A = m("var(--s-layer-root-floating)"), ke = u(() => v.triggerAriaLabel ?? (v.triggerIconOnly || !v.triggerLabel && !b.default ? De.value : void 0)), j = null, M = null, N = null, P = null, F = null, I = 0, L = null, Ae = u(() => v.align === "left" ? "bottom-start" : v.align === "center" ? "bottom-center" : "bottom-end"), { anchorRef: R, panelRef: z, floatingStyle: je, resolvedPlacement: Me, updatePosition: B } = s({
+			active: D,
+			placement: () => Ae.value,
 			offset: () => 6,
 			boundaryPadding: () => 8,
 			flip: () => !0,
 			shift: () => !0,
 			constrainMainAxis: () => !0,
-			widthMatch: () => T.width === "trigger" ? "min" : "none",
-			zIndex: () => P.value,
+			widthMatch: () => v.width === "trigger" ? "min" : "none",
+			zIndex: () => A.value,
 			scrollStrategy: "reposition"
 		});
-		class xe {
+		_(z, () => j?.refreshModality(), { flush: "sync" });
+		let Ne = u(() => !S.value || C.value === null || E.value !== null && E.value === z.value);
+		function Pe() {
+			let e = z.value;
+			if (!e) return;
+			E.value = e, e.hidden = !0, e.setAttribute("inert", "");
+			let t = e.ownerDocument.activeElement;
+			t instanceof HTMLElement && e.contains(t) && t.blur();
+		}
+		class Fe {
 			constructor(e, t) {
 				this.id = e, this.activation = t, this.target = null, this.binding = {
-					ref: (e) => Ce(this, e),
+					ref: (e) => Re(this, e),
 					get "aria-expanded"() {
-						return j.value && N.value === e;
+						return D.value && k.value === e;
 					},
 					get disclosure() {
 						return {
-							expanded: j.value && N.value === e,
-							controls: M,
+							expanded: D.value && k.value === e,
+							controls: O,
 							iconPlacement: "none"
 						};
 					},
 					"aria-haspopup": "dialog",
-					"aria-controls": M,
-					onClick: (e) => ke(this, e)
+					"aria-controls": O,
+					onClick: (e) => Ke(this, e)
 				};
 			}
 			element() {
-				return Se(this.target, this.id);
+				return Le(this.target, this.id);
 			}
 		}
-		let B = /* @__PURE__ */ new Map();
-		function V(e) {
+		let V = /* @__PURE__ */ new Map();
+		function Ie(e) {
 			if (e.length === 0 || e.trim() !== e) throw Error("SPopover: trigger id must be a non-empty string without surrounding whitespace");
 		}
-		function Se(e, t) {
-			return l(`SPopover: trigger "${t}"`, e);
+		function Le(e, t) {
+			return ne(`SPopover: trigger "${t}"`, e);
 		}
-		function Ce(e, t) {
+		function Re(e, t) {
 			if (t === null) {
 				e.target = null;
 				return;
 			}
 			if (e.target && e.target !== t) throw Error(`SPopover: trigger id "${e.id}" is bound to multiple elements`);
-			for (let n of B.values()) if (n !== e && n.target === t) throw Error(`SPopover: one trigger element cannot use both "${n.id}" and "${e.id}" ids`);
+			for (let n of V.values()) if (n !== e && n.target === t) throw Error(`SPopover: one trigger element cannot use both "${n.id}" and "${e.id}" ids`);
 			e.target = t;
 		}
-		function H(e, t = "toggle") {
-			V(e);
-			let n = B.get(e);
+		function ze(e, t = "toggle") {
+			Ie(e);
+			let n = V.get(e);
 			if (n) {
 				if (n.activation !== t) throw Error(`SPopover: trigger "${e}" activation cannot change from "${n.activation}" to "${t}"`);
 				return n.binding;
 			}
-			let r = new xe(e, t);
-			return B.set(e, r), r.binding;
+			let r = new Fe(e, t);
+			return V.set(e, r), r.binding;
 		}
-		let we = O.trigger ? void 0 : H(pe);
-		function U(e) {
+		let Be = b.trigger ? void 0 : ze(Ce);
+		function Ve(e) {
 			return /* @__PURE__ */ Error(`SPopover: custom trigger "${e}" must apply the complete object returned by bindTrigger()`);
 		}
-		function W(e) {
+		function H(e) {
 			let t = e.element();
-			if (!t) throw U(e.id);
-			if (O.trigger && !(t instanceof HTMLButtonElement)) throw Error(`SPopover: custom trigger "${e.id}" must bind directly to a button element, not to a wrapper`);
-			if (t.getAttribute("aria-haspopup") !== "dialog" || t.getAttribute("aria-controls") !== M || t.getAttribute("aria-expanded") !== String(j.value && N.value === e.id)) throw U(e.id);
+			if (!t) throw Ve(e.id);
+			if (b.trigger && !(t instanceof HTMLButtonElement)) throw Error(`SPopover: custom trigger "${e.id}" must bind directly to a button element, not to a wrapper`);
+			if (t.getAttribute("aria-haspopup") !== "dialog" || t.getAttribute("aria-controls") !== O || t.getAttribute("aria-expanded") !== String(D.value && k.value === e.id)) throw Ve(e.id);
 			return t;
 		}
-		function Te() {
-			if (B.size === 0) throw Error("SPopover: #trigger must apply a binding returned by bindTrigger()");
-			for (let e of B.values()) W(e);
+		function He() {
+			if (V.size === 0) throw Error("SPopover: #trigger must apply a binding returned by bindTrigger()");
+			for (let e of V.values()) H(e);
 		}
-		function Ee() {
-			return [...B.values()].filter((e) => e.element()?.isConnected).map((e) => e.id).sort((e, t) => e.localeCompare(t));
+		function Ue() {
+			return [...V.values()].filter((e) => e.element()?.isConnected).map((e) => e.id).sort((e, t) => e.localeCompare(t));
 		}
-		function G(e) {
+		function U(e) {
 			if (e !== void 0) {
-				V(e);
-				let t = B.get(e);
+				Ie(e);
+				let t = V.get(e);
 				if (!t?.element()?.isConnected) throw Error(`SPopover: programmatic open requires a registered trigger with id "${e}"`);
-				return W(t), t;
+				return H(t), t;
 			}
-			let t = Ee();
+			let t = Ue();
 			if (t.length === 0) throw Error("SPopover: programmatic open requires one registered trigger anchor");
 			if (t.length > 1) throw Error(`SPopover: programmatic open is ambiguous; pass one of the registered trigger ids: ${t.map((e) => `"${e}"`).join(", ")}`);
 			let [n] = t;
 			if (!n) throw Error("SPopover: registered trigger inventory is unexpectedly empty");
-			let r = B.get(n);
+			let r = V.get(n);
 			if (!r) throw Error("SPopover: registered trigger invariant failed");
-			return W(r), r;
+			return H(r), r;
 		}
-		function K(e) {
-			let t = W(e);
-			return N.value = e.id, L.value = t, t;
+		function W(e) {
+			let t = H(e);
+			return k.value = e.id, R.value = t, t;
+		}
+		function G(e) {
+			return V.get(e.trigger.id) === e.trigger && k.value === e.trigger.id && e.trigger.element() === e.anchor && e.anchor.isConnected;
 		}
-		function q(e) {
-			F?.unregister({ restoreFocus: !1 }), F = r({
-				kind: "popover",
-				root: () => R.value,
-				anchor: () => L.value,
-				branches: () => [...B.values()].map((e) => e.element()).filter((e) => !!e?.isConnected),
-				restoreTarget: e,
-				requestDismiss: (e) => Q(e === "escape" ? "escape" : "outside")
-			}), P.value = F.zIndex;
+		function K() {
+			if (T.value) return;
+			let e = M === null;
+			T.value = !0, w.value = !1, M = null, Y("outside"), e && y("update:open", !1);
+		}
+		async function q(e, t = r(), n) {
+			let a = ++I;
+			F?.(), F = null, j?.unregister({ restoreFocus: !1 }), j = null, P?.cancel(), P = t;
+			try {
+				if (z.value?.isConnected || await f(), I !== a || !D.value) return;
+				if (n && !G(n)) {
+					K();
+					return;
+				}
+				let r = z.value;
+				if (!e.isConnected || !r?.isConnected) throw Error("SPopover: open layer requires connected native anchor and panel");
+				if (j = i({
+					kind: "popover",
+					root: () => z.value,
+					anchor: () => R.value,
+					branches: () => [...V.values()].map((e) => e.element()).filter((e) => !!e?.isConnected),
+					restoreTarget: e,
+					focusAdmission: t,
+					requestDismiss: (e) => Q(e === "escape" ? "escape" : "outside"),
+					onRetire: K
+				}), A.value = j.zIndex, B(), await f(), I !== a || !D.value || !j?.isTopmost()) return;
+				if (n && !G(n)) {
+					K();
+					return;
+				}
+				let o = z.value, s = L;
+				if (L = null, o !== r || !o.isConnected || s !== o) return;
+				j.claimFocus(o);
+			} finally {
+				t?.cancel(), P === t && (P = null);
+			}
 		}
-		function De() {
-			if (N.value !== null) {
-				let e = B.get(N.value);
+		function We() {
+			if (k.value !== null) {
+				let e = V.get(k.value);
 				if (e?.element()?.isConnected) return e;
 			}
-			return G();
+			return U();
 		}
-		function J(e = De()) {
-			q(K(e)), v(z);
+		function J() {
+			let e = N;
+			if (N = null, e) {
+				if (!G(e)) {
+					e.focusAdmission?.cancel(), K();
+					return;
+				}
+				W(e.trigger), q(e.anchor, e.focusAdmission, e);
+				return;
+			}
+			q(W(We()));
 		}
-		function Oe(e) {
+		function Ge(e) {
 			if (!(e instanceof HTMLElement)) throw Error("SPopover: transition enter target must be an HTMLElement");
-			j.value && e.focus();
+			D.value && e === z.value && e.isConnected && (L = e);
 		}
 		function Y(e) {
-			let t = e === "explicit" || e === "escape" || e === "trigger";
-			F?.unregister({ restoreFocus: t }), F = null, P.value = "var(--s-layer-root-floating)";
+			I += 1, N?.focusAdmission?.cancel(), N = null, P?.cancel(), P = null, L = null, e !== "tab" && (F?.(), F = null);
+			let t = S.value && (e === "explicit" || e === "escape" || e === "trigger");
+			j?.unregister({
+				restoreFocus: t,
+				commitFocusHandoff: e === "tab"
+			}), j = null, A.value = "var(--s-layer-root-floating)";
 		}
 		function X() {
-			if (T.open !== void 0 !== k) throw Error("SPopover: open control mode cannot change after mount");
+			if (v.open !== void 0 !== x) throw Error("SPopover: open control mode cannot change after mount");
 		}
-		function ke(e, t) {
+		function Ke(e, t) {
 			if (e.activation === "manual") {
-				K(e), j.value && v(z);
+				W(e), D.value && f(B);
 				return;
 			}
-			if (j.value && N.value === e.id) {
+			if (D.value && k.value === e.id) {
 				Q("trigger");
 				return;
 			}
-			if (j.value) {
-				q(K(e)), v(z);
+			if (D.value) {
+				q(W(e));
 				return;
 			}
 			Z(e.id);
 		}
 		function Z(e) {
-			if (!j.value && !T.disabled) {
-				let t = G(e);
-				if (K(t), D("update:open", !0), k) return;
-				J(t), A.value = !0;
-				return;
+			if (S.value && C.value !== null && !(T.value && x)) {
+				if (T.value = !1, !D.value && !v.disabled) {
+					let t = U(e), n = W(t), i = r();
+					if (N?.focusAdmission?.cancel(), x && (N = {
+						trigger: t,
+						anchor: n,
+						focusAdmission: i
+					}), y("update:open", !0), x) return;
+					w.value = !0, q(n, i);
+					return;
+				}
+				D.value && e !== void 0 && e !== k.value && q(W(U(e)));
 			}
-			j.value && e !== void 0 && e !== N.value && (q(K(G(e))), v(z));
 		}
 		function Q(e = "explicit") {
-			if (j.value) {
-				if (I = e, D("update:open", !1), k) return;
-				A.value = !1, Y(e), I = null;
+			let t = D.value, n = N;
+			if (n?.focusAdmission?.cancel(), N = null, !t && n) {
+				Y(e), y("update:open", !1);
+				return;
+			}
+			if (t && M === null) {
+				if (M = e, y("update:open", !1), x) return;
+				w.value = !1, Y(e), M = null;
 			}
 		}
 		function $() {
 			Q("explicit");
 		}
-		function Ae(r) {
-			let i = R.value, a = L.value;
+		function qe(r) {
+			let i = z.value, a = R.value;
 			if (!i || !a) return;
-			let o = n(i), s = document.activeElement, c = o[0], l = e(o);
-			if (!(o.length === 0 || (r.shiftKey ? s === i || s === c : s === l))) return;
-			let u = F?.focusScope() ?? document, d = t(a, u, i, r.shiftKey);
-			r.preventDefault(), Q("tab"), d && v(() => d.focus());
+			let o = n(i), s = document.activeElement, c = o[0], ee = e(o);
+			if (!(o.length === 0 || (r.shiftKey ? s === i || s === c : s === ee))) return;
+			let te = j?.focusScope() ?? document, l = t(a, te, i, r.shiftKey);
+			r.preventDefault(), F?.(), F = l && j ? j.handoffFocus(l) : null, Q("tab");
 		}
-		function je(e) {
-			if (!j.value) return;
+		function Je(e) {
+			if (!D.value) return;
 			let t = e.relatedTarget;
-			t instanceof Node && (R.value?.contains(t) || [...B.values()].some((e) => e.element()?.contains(t))) || Q("outside");
+			if (t instanceof Node) {
+				if (j?.containsFocusTarget(t)) return;
+				Q("outside");
+				return;
+			}
+			let n = j, r = z.value, i = I, a = e.composedPath().find((e) => e instanceof Element), o = a instanceof Element ? n?.captureOwnedFocusLoss(a) : null;
+			queueMicrotask(() => {
+				if (!D.value || M !== null || I !== i || j !== n || z.value !== r || !r?.isConnected) return;
+				let e = document.activeElement;
+				e && n?.containsFocusTarget(e) || o?.isCurrentUnavailable() || Q("outside");
+			});
 		}
-		return ie(() => {
-			Te(), j.value && J();
-		}), ae(() => {
+		return pe(() => {
+			He(), D.value && J();
+		}), me(() => {
 			X();
-		}), ce(() => T.open, (e) => {
-			if (X(), e) {
-				J();
+		}), _(() => v.open, (e) => {
+			e === !1 && (X(), T.value = !1, Y(M ?? "explicit"), M = null);
+		}, { flush: "pre" }), _(() => v.open, (e) => {
+			if (X(), e && !S.value) {
+				K();
 				return;
 			}
-			Y(I ?? "explicit"), I = null;
-		}, { flush: "post" }), re(() => {
-			F?.unregister({ restoreFocus: !1 }), F = null;
-		}), w({
+			T.value || e && C.value !== null && J();
+		}, { flush: "post" }), _(S, (e) => {
+			e || (Pe(), (v.open === !0 || w.value || N || j) && K());
+		}, {
+			flush: "sync",
+			immediate: !0
+		}), _(C, (e, t) => {
+			e === null && t !== null && (Pe(), (v.open === !0 || w.value || N || j) && K());
+		}, { flush: "sync" }), _(C, (e, t) => {
+			e !== null && D.value && (t === null ? J() : (j?.refreshModality(), B()));
+		}, { flush: "post" }), fe(() => {
+			I += 1, N?.focusAdmission?.cancel(), N = null, P?.cancel(), P = null, L = null, F?.(), j?.unregister({ restoreFocus: !1 }), j = null;
+		}), we({
 			open: Z,
 			close: $
-		}), (e, t) => (y(), m("div", _(S(ge).bindings(), { class: "s-popover-wrapper" }), [h("div", ue, [e.$slots.trigger ? x(e.$slots, "trigger", {
-			bindTrigger: H,
+		}), (e, t) => (p(), se("div", ue(g(Oe).bindings(), { class: "s-popover-wrapper" }), [ce("div", be, [e.$slots.trigger ? h(e.$slots, "trigger", {
+			bindTrigger: ze,
 			open: Z,
 			close: $,
-			isOpen: j.value
-		}, void 0, !0, 0) : (y(), p(c, _({ key: 1 }, S(we), {
+			isOpen: D.value
+		}, void 0, !0, 0) : (p(), ae(l, ue({ key: 1 }, g(Be), {
 			"data-s-popover-trigger": "",
-			label: g.triggerLabel,
-			"leading-icon": g.triggerLeadingIcon,
-			"trailing-icon": g.triggerTrailingIcon,
-			"icon-only": g.triggerIconOnly,
-			appearance: g.triggerAppearance,
-			size: g.triggerSize,
-			width: g.triggerWidth,
-			"content-align": g.triggerContentAlign,
-			shape: g.triggerShape,
-			severity: g.triggerSeverity,
-			badge: g.triggerBadge,
-			disabled: g.disabled,
-			title: g.triggerTitle,
-			"aria-label": _e.value,
-			"data-testid": g.triggerTestId
+			label: d.triggerLabel,
+			"leading-icon": d.triggerLeadingIcon,
+			"trailing-icon": d.triggerTrailingIcon,
+			"icon-only": d.triggerIconOnly,
+			appearance: d.triggerAppearance,
+			size: d.triggerSize,
+			width: d.triggerWidth,
+			"content-align": d.triggerContentAlign,
+			shape: d.triggerShape,
+			severity: d.triggerSeverity,
+			badge: d.triggerBadge,
+			disabled: d.disabled,
+			title: d.triggerTitle,
+			"aria-label": ke.value,
+			"data-testid": d.triggerTestId
 		}), {
-			default: C(() => [x(e.$slots, "default", { isOpen: j.value }, void 0, !0)]),
+			default: ve(() => [h(e.$slots, "default", { isOpen: D.value }, void 0, !0)]),
 			_: 3
 		}, 16, [
 			"label",
@@ -293,34 +381,40 @@ var ue = { class: "s-popover relative block w-full" }, de = [
 			"title",
 			"aria-label",
 			"data-testid"
-		])), te(d, {
-			"enter-active-class": "transition duration-[var(--s-motion-standard)] ease-out",
-			"enter-from-class": "translate-y-1 opacity-0",
-			"enter-to-class": "translate-y-0 opacity-100",
-			"leave-active-class": "pointer-events-none transition duration-[var(--s-motion-fast)] ease-in",
-			"leave-from-class": "translate-y-0 opacity-100",
-			"leave-to-class": "translate-y-1 opacity-0",
-			onEnter: Oe
+		])), le(ie, {
+			css: g(S),
+			"enter-active-class": "transition-transform duration-[var(--s-motion-standard)] ease-out",
+			"enter-from-class": "translate-y-1",
+			"enter-to-class": "translate-y-0",
+			"leave-active-class": "pointer-events-none transition-transform duration-[var(--s-motion-fast)] ease-in",
+			"leave-from-class": "translate-y-0",
+			"leave-to-class": "translate-y-1",
+			onEnter: Ge
 		}, {
-			default: C(() => [(y(), p(u, { to: "body" }, [j.value ? (y(), m("div", {
+			default: ve(() => [g(C) ? (p(), ae(re, {
+				key: 0,
+				to: g(C)
+			}, [D.value ? (p(), se("div", {
 				key: 0,
 				ref_key: "panelRef",
-				ref: R,
+				ref: z,
+				hidden: Ne.value,
+				"^inert": Ne.value ? !0 : void 0,
 				class: "s-popover-panel",
-				style: ne(S(ye)),
-				"data-placement": S(be),
-				"data-surface": g.surface,
-				"data-width": g.width,
+				style: de(g(je)),
+				"data-placement": g(Me),
+				"data-surface": d.surface,
+				"data-width": d.width,
 				tabindex: "-1",
 				role: "dialog",
-				id: M,
-				"aria-label": E.value,
-				onKeydown: le(Ae, ["tab"]),
-				onFocusout: je
-			}, [h("div", fe, [x(e.$slots, "panel", { close: $ }, void 0, !0)])], 44, de)) : ee("", !0)]))]),
+				id: O,
+				"aria-label": De.value,
+				onKeydown: ye(qe, ["tab"]),
+				onFocusout: Je
+			}, [ce("div", Se, [h(e.$slots, "panel", { close: $ }, void 0, !0)])], 44, xe)) : oe("", !0)], 8, ["to"])) : oe("", !0)]),
 			_: 3
-		})])], 16));
+		}, 8, ["css"])])], 16));
 	}
 });
 //#endregion
-export { w as default };
+export { we as default };

package/dist/src/components/shared/containers/SSidebarGroup.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/containers/SSidebarGroup.css_vue_type_style_index_0_src_3e8bc2d7_scoped_3e8bc2d7_lang.css";
+import "../../../../assets/src/components/shared/containers/SSidebarGroup.css_vue_type_style_index_0_src_5b1eeb6c_scoped_5b1eeb6c_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SSidebarGroup.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                           */
 //#region src/components/shared/containers/SSidebarGroup.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-3e8bc2d7"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-5b1eeb6c"]]);
 //#endregion
 export { n as default };