@pgcorp/ui-kit 0.14.0 → 0.15.0

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

@@ -1,23 +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 { useOverlayAdmission as i } from "../../../internal/overlayHost.js";
-import { useFloatingPosition as a } from "../../../composables/useFloatingPosition.js";
-import { useUiKitLocale as o } from "../../../composables/useUiKitLocale.js";
-import { useOwnedAttrs as s } from "../../../internal/ownedAttrs.js";
-import { useInteractiveLeafRegistration as c } from "../../../internal/passiveContentContract.js";
+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 ee } from "../../../internal/interactiveElement.js";
-import { Teleport as u, Transition as te, computed as d, createBlock as ne, createCommentVNode as re, createElementBlock as ie, createElementVNode as ae, createVNode as oe, defineComponent as f, mergeProps as se, nextTick as p, normalizeStyle as ce, onBeforeUnmount as le, onMounted as ue, onUpdated as de, openBlock as m, ref as h, renderSlot as g, shallowRef as fe, unref as _, useId as pe, useSlots as me, watch as v, withCtx as y, withKeys as he } from "vue";
+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 ge = { class: "s-popover relative block w-full" }, _e = [
+var be = { class: "s-popover relative block w-full" }, xe = [
 	"hidden",
 	"^inert",
 	"data-placement",
 	"data-surface",
 	"data-width",
 	"aria-label"
-], ve = { class: "s-popover-content" }, ye = "built-in", b = /*@__PURE__*/ f({
+], Se = { class: "s-popover-content" }, Ce = "built-in", we = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "SPopover",
 	props: {
@@ -52,296 +53,317 @@ var ge = { class: "s-popover relative block w-full" }, _e = [
 		}
 	},
 	emits: ["update:open"],
-	setup(f, { expose: b, emit: be }) {
-		let x = f, { t: xe } = o(), S = d(() => x.ariaLabel ?? xe("dialog.moreActions")), C = be, w = me(), Se = s({
+	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 (w.trigger && w.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 (!w.panel) throw Error("SPopover: #panel slot is required");
-		let T = x.open !== void 0, E = i(), D = h(!1), O = h(!1), k = fe(null), A = d(() => E.value && !O.value && (x.open ?? D.value));
-		c({
+		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: () => A.value
+			active: () => D.value
 		});
-		let j = `s-popover-panel-${pe()}`, M = h(null), N = h("var(--s-layer-root-floating)"), Ce = d(() => x.triggerAriaLabel ?? (x.triggerIconOnly || !x.triggerLabel && !w.default ? S.value : void 0)), P = null, F = null, I = null, L = null, R = 0, z = null, we = d(() => x.align === "left" ? "bottom-start" : x.align === "center" ? "bottom-center" : "bottom-end"), { anchorRef: B, panelRef: V, floatingStyle: Te, resolvedPlacement: Ee, updatePosition: De } = a({
-			active: A,
-			placement: () => we.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: () => x.width === "trigger" ? "min" : "none",
-			zIndex: () => N.value,
+			widthMatch: () => v.width === "trigger" ? "min" : "none",
+			zIndex: () => A.value,
 			scrollStrategy: "reposition"
-		}), Oe = d(() => !E.value || k.value !== null && k.value === V.value);
-		function ke() {
-			let e = V.value;
+		});
+		_(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;
-			k.value = e, e.hidden = !0, e.setAttribute("inert", "");
+			E.value = e, e.hidden = !0, e.setAttribute("inert", "");
 			let t = e.ownerDocument.activeElement;
 			t instanceof HTMLElement && e.contains(t) && t.blur();
 		}
-		class Ae {
+		class Fe {
 			constructor(e, t) {
 				this.id = e, this.activation = t, this.target = null, this.binding = {
-					ref: (e) => Ne(this, e),
+					ref: (e) => Re(this, e),
 					get "aria-expanded"() {
-						return A.value && M.value === e;
+						return D.value && k.value === e;
 					},
 					get disclosure() {
 						return {
-							expanded: A.value && M.value === e,
-							controls: j,
+							expanded: D.value && k.value === e,
+							controls: O,
 							iconPlacement: "none"
 						};
 					},
 					"aria-haspopup": "dialog",
-					"aria-controls": j,
-					onClick: (e) => He(this, e)
+					"aria-controls": O,
+					onClick: (e) => Ke(this, e)
 				};
 			}
 			element() {
-				return Me(this.target, this.id);
+				return Le(this.target, this.id);
 			}
 		}
-		let H = /* @__PURE__ */ new Map();
-		function je(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 Me(e, t) {
-			return ee(`SPopover: trigger "${t}"`, e);
+		function Le(e, t) {
+			return ne(`SPopover: trigger "${t}"`, e);
 		}
-		function Ne(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 H.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 Pe(e, t = "toggle") {
-			je(e);
-			let n = H.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 Ae(e, t);
-			return H.set(e, r), r.binding;
+			let r = new Fe(e, t);
+			return V.set(e, r), r.binding;
 		}
-		let Fe = w.trigger ? void 0 : Pe(ye);
-		function Ie(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 U(e) {
+		function H(e) {
 			let t = e.element();
-			if (!t) throw Ie(e.id);
-			if (w.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") !== j || t.getAttribute("aria-expanded") !== String(A.value && M.value === e.id)) throw Ie(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 Le() {
-			if (H.size === 0) throw Error("SPopover: #trigger must apply a binding returned by bindTrigger()");
-			for (let e of H.values()) U(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 Re() {
-			return [...H.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 W(e) {
+		function U(e) {
 			if (e !== void 0) {
-				je(e);
-				let t = H.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 U(t), t;
+				return H(t), t;
 			}
-			let t = Re();
+			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 = H.get(n);
+			let r = V.get(n);
 			if (!r) throw Error("SPopover: registered trigger invariant failed");
-			return U(r), r;
+			return H(r), r;
 		}
-		function G(e) {
-			let t = U(e);
-			return M.value = e.id, B.value = t, t;
+		function W(e) {
+			let t = H(e);
+			return k.value = e.id, R.value = t, t;
 		}
-		function K(e) {
-			return H.get(e.trigger.id) === e.trigger && M.value === e.trigger.id && e.trigger.element() === e.anchor && e.anchor.isConnected;
+		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() {
-			if (O.value) return;
-			let e = F === null;
-			O.value = !0, D.value = !1, F = null, Y("outside"), e && C("update:open", !1);
+		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 J(e, t = document.activeElement, n) {
-			let i = ++R;
-			if (L?.(), L = null, P?.unregister({ restoreFocus: !1 }), P = null, await p(), R !== i || !A.value) return;
-			if (n && !K(n)) {
-				q();
-				return;
-			}
-			let a = V.value;
-			if (!e.isConnected || !a?.isConnected) throw Error("SPopover: open layer requires connected native anchor and panel");
-			if (P = r({
-				kind: "popover",
-				root: () => a,
-				anchor: () => B.value,
-				branches: () => [...H.values()].map((e) => e.element()).filter((e) => !!e?.isConnected),
-				restoreTarget: e,
-				requestDismiss: (e) => Q(e === "escape" ? "escape" : "outside"),
-				onRetire: q
-			}), N.value = P.zIndex, De(), await p(), R !== i || !A.value || !P?.isTopmost()) return;
-			if (n && !K(n)) {
-				q();
-				return;
+		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);
 			}
-			let o = V.value, s = z;
-			if (z = null, o !== a || !o.isConnected || s !== o) return;
-			let c = document.activeElement, l = t instanceof HTMLElement && !t.isConnected && c === document.body;
-			(c === t || l) && o.focus({ preventScroll: !0 });
 		}
-		function ze() {
-			if (M.value !== null) {
-				let e = H.get(M.value);
+		function We() {
+			if (k.value !== null) {
+				let e = V.get(k.value);
 				if (e?.element()?.isConnected) return e;
 			}
-			return W();
+			return U();
 		}
-		function Be() {
-			let e = I;
-			if (I = null, e) {
-				if (!K(e)) {
-					q();
+		function J() {
+			let e = N;
+			if (N = null, e) {
+				if (!G(e)) {
+					e.focusAdmission?.cancel(), K();
 					return;
 				}
-				G(e.trigger), J(e.anchor, e.focusOrigin, e);
+				W(e.trigger), q(e.anchor, e.focusAdmission, e);
 				return;
 			}
-			J(G(ze()));
+			q(W(We()));
 		}
-		function Ve(e) {
+		function Ge(e) {
 			if (!(e instanceof HTMLElement)) throw Error("SPopover: transition enter target must be an HTMLElement");
-			A.value && e === V.value && e.isConnected && (z = e);
+			D.value && e === z.value && e.isConnected && (L = e);
 		}
 		function Y(e) {
-			R += 1, I = null, z = null, e !== "tab" && (L?.(), L = null);
-			let t = E.value && (e === "explicit" || e === "escape" || e === "trigger");
-			P?.unregister({
+			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"
-			}), P = null, N.value = "var(--s-layer-root-floating)";
+			}), j = null, A.value = "var(--s-layer-root-floating)";
 		}
 		function X() {
-			if (x.open !== void 0 !== T) 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 He(e, t) {
+		function Ke(e, t) {
 			if (e.activation === "manual") {
-				G(e), A.value && p(De);
+				W(e), D.value && f(B);
 				return;
 			}
-			if (A.value && M.value === e.id) {
+			if (D.value && k.value === e.id) {
 				Q("trigger");
 				return;
 			}
-			if (A.value) {
-				J(G(e));
+			if (D.value) {
+				q(W(e));
 				return;
 			}
 			Z(e.id);
 		}
 		function Z(e) {
-			if (E.value && !(O.value && T)) {
-				if (O.value = !1, !A.value && !x.disabled) {
-					let t = W(e), n = G(t), r = document.activeElement;
-					if (T && (I = {
+			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,
-						focusOrigin: r
-					}), C("update:open", !0), T) return;
-					D.value = !0, J(n, r);
+						focusAdmission: i
+					}), y("update:open", !0), x) return;
+					w.value = !0, q(n, i);
 					return;
 				}
-				A.value && e !== void 0 && e !== M.value && J(G(W(e)));
+				D.value && e !== void 0 && e !== k.value && q(W(U(e)));
 			}
 		}
 		function Q(e = "explicit") {
-			let t = A.value, n = I;
-			if (I = null, !t && n) {
-				Y(e), C("update:open", !1);
+			let t = D.value, n = N;
+			if (n?.focusAdmission?.cancel(), N = null, !t && n) {
+				Y(e), y("update:open", !1);
 				return;
 			}
-			if (t && F === null) {
-				if (F = e, C("update:open", !1), T) return;
-				D.value = !1, Y(e), F = null;
+			if (t && M === null) {
+				if (M = e, y("update:open", !1), x) return;
+				w.value = !1, Y(e), M = null;
 			}
 		}
 		function $() {
 			Q("explicit");
 		}
-		function Ue(r) {
-			let i = V.value, a = B.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 ee = P?.focusScope() ?? document, u = t(a, ee, i, r.shiftKey);
-			r.preventDefault(), L?.(), L = u && P ? P.handoffFocus(u) : null, Q("tab");
+			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 We(e) {
-			if (!A.value) return;
+		function Je(e) {
+			if (!D.value) return;
 			let t = e.relatedTarget;
-			t instanceof Node && (V.value?.contains(t) || [...H.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 ue(() => {
-			Le(), A.value && Be();
-		}), de(() => {
+		return pe(() => {
+			He(), D.value && J();
+		}), me(() => {
 			X();
-		}), v(() => x.open, (e) => {
-			e === !1 && (X(), O.value = !1, Y(F ?? "explicit"), F = null);
-		}, { flush: "pre" }), v(() => x.open, (e) => {
-			if (X(), e && !E.value) {
-				q();
+		}), _(() => 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;
 			}
-			O.value || e && Be();
-		}, { flush: "post" }), v(E, (e) => {
-			e || (ke(), (x.open === !0 || D.value || I || P) && q());
+			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
-		}), le(() => {
-			R += 1, I = null, z = null, L?.(), P?.unregister({ restoreFocus: !1 }), P = null;
-		}), b({
+		}), _(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) => (m(), ie("div", se(_(Se).bindings(), { class: "s-popover-wrapper" }), [ae("div", ge, [e.$slots.trigger ? g(e.$slots, "trigger", {
-			bindTrigger: Pe,
+		}), (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: A.value
-		}, void 0, !0, 0) : (m(), ne(l, se({ key: 1 }, _(Fe), {
+			isOpen: D.value
+		}, void 0, !0, 0) : (p(), ae(l, ue({ key: 1 }, g(Be), {
 			"data-s-popover-trigger": "",
-			label: f.triggerLabel,
-			"leading-icon": f.triggerLeadingIcon,
-			"trailing-icon": f.triggerTrailingIcon,
-			"icon-only": f.triggerIconOnly,
-			appearance: f.triggerAppearance,
-			size: f.triggerSize,
-			width: f.triggerWidth,
-			"content-align": f.triggerContentAlign,
-			shape: f.triggerShape,
-			severity: f.triggerSeverity,
-			badge: f.triggerBadge,
-			disabled: f.disabled,
-			title: f.triggerTitle,
-			"aria-label": Ce.value,
-			"data-testid": f.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: y(() => [g(e.$slots, "default", { isOpen: A.value }, void 0, !0)]),
+			default: ve(() => [h(e.$slots, "default", { isOpen: D.value }, void 0, !0)]),
 			_: 3
 		}, 16, [
 			"label",
@@ -359,37 +381,40 @@ var ge = { class: "s-popover relative block w-full" }, _e = [
 			"title",
 			"aria-label",
 			"data-testid"
-		])), oe(te, {
-			css: _(E),
-			"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: Ve
+		])), 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: y(() => [(m(), ne(u, { to: "body" }, [A.value ? (m(), ie("div", {
+			default: ve(() => [g(C) ? (p(), ae(re, {
+				key: 0,
+				to: g(C)
+			}, [D.value ? (p(), se("div", {
 				key: 0,
 				ref_key: "panelRef",
-				ref: V,
-				hidden: Oe.value,
-				"^inert": Oe.value ? !0 : void 0,
+				ref: z,
+				hidden: Ne.value,
+				"^inert": Ne.value ? !0 : void 0,
 				class: "s-popover-panel",
-				style: ce(_(Te)),
-				"data-placement": _(Ee),
-				"data-surface": f.surface,
-				"data-width": f.width,
+				style: de(g(je)),
+				"data-placement": g(Me),
+				"data-surface": d.surface,
+				"data-width": d.width,
 				tabindex: "-1",
 				role: "dialog",
-				id: j,
-				"aria-label": S.value,
-				onKeydown: he(Ue, ["tab"]),
-				onFocusout: We
-			}, [ae("div", ve, [g(e.$slots, "panel", { close: $ }, void 0, !0)])], 44, _e)) : re("", !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
 		}, 8, ["css"])])], 16));
 	}
 });
 //#endregion
-export { b as default };
+export { we as default };

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

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

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

@@ -103,10 +103,11 @@ var E = { class: "s-sidebar-section" }, D = { class: "s-sidebar-section-trigger"
 			let [t, n] = Z();
 			I.resizeSections(t.key, n.key, e);
 		}
-		function ne() {
+		function ne(e, t) {
+			if (t === void 0) return;
 			if (B === null) throw Error("SSidebarSection: resize completion has no active section pair");
-			let e = B;
-			B = null, I.finishResize(e[0], e[1]);
+			let n = B;
+			B = null, I.finishResize(n[0], n[1]);
 		}
 		function $() {
 			let e = B;

package/dist/src/components/shared/controls/SCheckbox.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/controls/SCheckbox.css_vue_type_style_index_0_src_55d4826e_scoped_55d4826e_lang.css";
+import "../../../../assets/src/components/shared/controls/SCheckbox.css_vue_type_style_index_0_src_2562f916_scoped_2562f916_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SCheckbox.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                       */
 //#region src/components/shared/controls/SCheckbox.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-55d4826e"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-2562f916"]]);
 //#endregion
 export { n as default };