@turquoisehealth/pit-viper 2.252.0 → 2.253.0

package/pv-components/dist/web/components/pv-popover-v2/pv-popover-v2.js

@@ -1,7 +1,7 @@
 import * as e from "vue";
 import { Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, defineCustomElement as c, getCurrentInstance as l, getCurrentScope as u, mergeModels as d, nextTick as f, normalizeStyle as p, onBeforeUnmount as m, onBeforeUpdate as h, onMounted as g, onScopeDispose as _, onUnmounted as v, openBlock as y, reactive as b, readonly as x, ref as S, renderSlot as C, shallowRef as w, toValue as T, unref as E, useModel as ee, useSlots as D, vShow as te, watch as O, watchEffect as k, withDirectives as ne } from "vue";
 //#region \0rolldown/runtime.js
-var A = Object.defineProperty, re = Object.getOwnPropertyDescriptor, j = Object.getOwnPropertyNames, ie = Object.prototype.hasOwnProperty, ae = (e, t) => {
+var A = Object.defineProperty, re = Object.getOwnPropertyDescriptor, ie = Object.getOwnPropertyNames, j = Object.prototype.hasOwnProperty, ae = (e, t) => {
 	let n = {};
 	for (var r in e) A(n, r, {
 		get: e[r],
@@ -9,33 +9,33 @@ var A = Object.defineProperty, re = Object.getOwnPropertyDescriptor, j = Object.
 	});
 	return t || A(n, Symbol.toStringTag, { value: "Module" }), n;
 }, oe = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = j(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !ie.call(e, s) && s !== n && A(e, s, {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = ie(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !j.call(e, s) && s !== n && A(e, s, {
 		get: ((e) => t[e]).bind(null, s),
 		enumerable: !(r = re(t, s)) || r.enumerable
 	});
 	return e;
-}, se = (e, t, n) => (oe(e, t, "default"), n && oe(n, t, "default")), ce = Math.min, M = Math.max, le = Math.round, N = (e) => ({
+}, se = (e, t, n) => (oe(e, t, "default"), n && oe(n, t, "default")), ce = Math.min, le = Math.max, ue = Math.round, M = (e) => ({
 	x: e,
 	y: e
-}), ue = {
+}), de = {
 	left: "right",
 	right: "left",
 	bottom: "top",
 	top: "bottom"
 };
-function de(e, t) {
+function fe(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function P(e) {
+function N(e) {
 	return e.split("-")[0];
 }
-function fe(e) {
+function pe(e) {
 	return e.split("-")[1];
 }
-function pe(e) {
+function me(e) {
 	return e === "x" ? "y" : "x";
 }
-function me(e) {
+function P(e) {
 	return e === "y" ? "height" : "width";
 }
 function F(e) {
@@ -43,14 +43,14 @@ function F(e) {
 	return t === "t" || t === "b" ? "y" : "x";
 }
 function he(e) {
-	return pe(F(e));
+	return me(F(e));
 }
-function I(e, t, n) {
+function ge(e, t, n) {
 	n === void 0 && (n = !1);
-	let r = fe(e), i = he(e), a = me(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+	let r = pe(e), i = he(e), a = P(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
 	return t.reference[a] > t.floating[a] && (o = we(o)), [o, we(o)];
 }
-function ge(e) {
+function I(e) {
 	let t = we(e);
 	return [
 		_e(e),
@@ -72,12 +72,12 @@ function Se(e, t, n) {
 	}
 }
 function Ce(e, t, n, r) {
-	let i = fe(e), a = Se(P(e), n === "start", r);
+	let i = pe(e), a = Se(N(e), n === "start", r);
 	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(_e)))), a;
 }
 function we(e) {
-	let t = P(e);
-	return ue[t] + e.slice(t.length);
+	let t = N(e);
+	return de[t] + e.slice(t.length);
 }
 function Te(e) {
 	return {
@@ -112,7 +112,7 @@ function De(e) {
 //#endregion
 //#region ../node_modules/.pnpm/@floating-ui+core@1.7.5/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
 function Oe(e, t, n) {
-	let { reference: r, floating: i } = e, a = F(t), o = he(t), s = me(o), c = P(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
+	let { reference: r, floating: i } = e, a = F(t), o = he(t), s = P(o), c = N(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
 	switch (c) {
 		case "top":
 			p = {
@@ -143,7 +143,7 @@ function Oe(e, t, n) {
 			y: r.y
 		};
 	}
-	switch (fe(t)) {
+	switch (pe(t)) {
 		case "start":
 			p[o] -= f * (n && l ? -1 : 1);
 			break;
@@ -155,7 +155,7 @@ function Oe(e, t, n) {
 }
 async function ke(e, t) {
 	t === void 0 && (t = {});
-	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = de(t, e), p = Ee(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = De(await i.getClippingRect({
+	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = fe(t, e), p = Ee(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = De(await i.getClippingRect({
 		element: await (i.isElement == null ? void 0 : i.isElement(m)) ?? !0 ? m : m.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(o.floating)),
 		boundary: c,
 		rootBoundary: l,
@@ -229,13 +229,13 @@ var Ae = 50, je = async (e, t, n) => {
 		options: e,
 		async fn(t) {
 			var n;
-			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = de(e, t);
+			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = fe(e, t);
 			if ((n = i.arrow) != null && n.alignmentOffset) return {};
-			let g = P(r), _ = F(o), v = P(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [we(o)] : ge(o)), x = p !== "none";
+			let g = N(r), _ = F(o), v = N(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [we(o)] : I(o)), x = p !== "none";
 			!d && x && b.push(...Ce(o, m, p, y));
 			let S = [o, ...b], C = await s.detectOverflow(t, h), w = [], T = i.flip?.overflows || [];
 			if (l && w.push(C[g]), u) {
-				let e = I(r, a, y);
+				let e = ge(r, a, y);
 				w.push(C[e[0]], C[e[1]]);
 			}
 			if (T = [...T, {
@@ -274,7 +274,7 @@ var Ae = 50, je = async (e, t, n) => {
 	};
 }, Ne = /* @__PURE__ */ new Set(["left", "top"]);
 async function Pe(e, t) {
-	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = P(n), s = fe(n), c = F(n) === "y", l = Ne.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = de(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
+	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = N(n), s = pe(n), c = F(n) === "y", l = Ne.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = fe(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
 		mainAxis: d,
 		crossAxis: 0,
 		alignmentAxis: null
@@ -408,7 +408,7 @@ function et(e) {
 //#endregion
 //#region ../node_modules/.pnpm/@floating-ui+dom@1.7.6/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
 function tt(e) {
-	let t = V(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = B(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = le(n) !== a || le(r) !== o;
+	let t = V(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = B(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = ue(n) !== a || ue(r) !== o;
 	return s && (n = a, r = o), {
 		width: n,
 		height: r,
@@ -420,14 +420,14 @@ function nt(e) {
 }
 function rt(e) {
 	let t = nt(e);
-	if (!B(t)) return N(1);
-	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = tt(t), o = (a ? le(n.width) : n.width) / r, s = (a ? le(n.height) : n.height) / i;
+	if (!B(t)) return M(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = tt(t), o = (a ? ue(n.width) : n.width) / r, s = (a ? ue(n.height) : n.height) / i;
 	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
 		x: o,
 		y: s
 	};
 }
-var it = /* @__PURE__ */ N(0);
+var it = /* @__PURE__ */ M(0);
 function at(e) {
 	let t = L(e);
 	return !Ye() || !t.visualViewport ? it : {
@@ -440,9 +440,9 @@ function ot(e, t, n) {
 }
 function st(e, t, n, r) {
 	t === void 0 && (t = !1), n === void 0 && (n = !1);
-	let i = e.getBoundingClientRect(), a = nt(e), o = N(1);
+	let i = e.getBoundingClientRect(), a = nt(e), o = M(1);
 	t && (r ? z(r) && (o = rt(r)) : o = rt(e));
-	let s = ot(a, n, r) ? at(a) : N(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
+	let s = ot(a, n, r) ? at(a) : M(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
 	if (a) {
 		let e = L(a), t = r && z(r) ? L(r) : r, n = e, i = et(n);
 		for (; i && r && t !== n;) {
@@ -474,12 +474,12 @@ function ut(e) {
 	let c = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, l = N(1), u = N(0), d = B(r);
+	}, l = M(1), u = M(0), d = B(r);
 	if ((d || !d && !a) && ((Le(r) !== "body" || Be(o)) && (c = Ze(r)), d)) {
 		let e = st(r);
 		l = rt(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
 	}
-	let f = o && !d && !a ? lt(o, c) : N(0);
+	let f = o && !d && !a ? lt(o, c) : M(0);
 	return {
 		width: n.width * l.x,
 		height: n.height * l.y,
@@ -491,8 +491,8 @@ function dt(e) {
 	return Array.from(e.getClientRects());
 }
 function ft(e) {
-	let t = R(e), n = Ze(e), r = e.ownerDocument.body, i = M(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = M(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + ct(e), s = -n.scrollTop;
-	return V(r).direction === "rtl" && (o += M(t.clientWidth, r.clientWidth) - i), {
+	let t = R(e), n = Ze(e), r = e.ownerDocument.body, i = le(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = le(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + ct(e), s = -n.scrollTop;
+	return V(r).direction === "rtl" && (o += le(t.clientWidth, r.clientWidth) - i), {
 		width: i,
 		height: a,
 		x: o,
@@ -520,7 +520,7 @@ function mt(e, t) {
 	};
 }
 function ht(e, t) {
-	let n = st(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = B(e) ? rt(e) : N(1);
+	let n = st(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = B(e) ? rt(e) : M(1);
 	return {
 		width: e.clientWidth * a.x,
 		height: e.clientHeight * a.y,
@@ -562,7 +562,7 @@ function yt(e) {
 	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? He(t) ? [] : vt(t, this._c) : [].concat(n), r], o = gt(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
 	for (let e = 1; e < a.length; e++) {
 		let n = gt(t, a[e], i);
-		s = M(n.top, s), c = ce(n.right, c), l = ce(n.bottom, l), u = M(n.left, u);
+		s = le(n.top, s), c = ce(n.right, c), l = ce(n.bottom, l), u = le(n.left, u);
 	}
 	return {
 		width: c - u,
@@ -582,7 +582,7 @@ function xt(e, t, n) {
 	let r = B(t), i = R(t), a = n === "fixed", o = st(e, !0, a, t), s = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, c = N(0);
+	}, c = M(0);
 	function l() {
 		c.x = ct(i);
 	}
@@ -591,7 +591,7 @@ function xt(e, t, n) {
 		c.x = e.x + t.clientLeft, c.y = e.y + t.clientTop;
 	} else i && l();
 	a && !r && i && l();
-	let u = i && !r && !a ? lt(i, s) : N(0);
+	let u = i && !r && !a ? lt(i, s) : M(0);
 	return {
 		x: o.left + s.scrollLeft - c.x - u.x,
 		y: o.top + s.scrollTop - c.y - u.y,
@@ -1120,7 +1120,7 @@ function bn(e, t = {}) {
 //#region src/components/base/PvPopoverV2/useHoverPopoverGroup.ts
 var xn = /* @__PURE__ */ new Set(), Sn = (e, t) => {
 	let n = t.root.value;
-	return n ? !!(e.root.value?.contains(n) || e.floating?.value?.contains(n)) : !1;
+	return n ? !!(e.root.value?.contains(n) || e.floating?.value?.contains(n) || e.hoverArea?.value?.contains(n)) : !1;
 }, Cn = (e) => (v(() => xn.delete(e)), (t) => {
 	if (!t) {
 		xn.delete(e);
@@ -1147,6 +1147,7 @@ var xn = /* @__PURE__ */ new Set(), Sn = (e, t) => {
 			type: Boolean,
 			default: !1
 		},
+		hoverTarget: { type: String },
 		disableInteractive: {
 			type: Boolean,
 			default: !1
@@ -1205,11 +1206,12 @@ var xn = /* @__PURE__ */ new Set(), Sn = (e, t) => {
 			"position-try-fallbacks: flip-block",
 			"position-visibility: anchors-visible",
 			`anchor-scope: ${Tn}`
-		].every((e) => CSS.supports(e)), x = S(!1), w = S(null), T = S(null), D = S(null), k = S(null), A = fn(T), re = fn(k), j = S(!1), ie = S(!1), ae = S(!1), oe = Cn({
+		].every((e) => CSS.supports(e)), x = S(!1), w = S(null), T = S(null), D = S(null), k = S(null), A = n(() => s.hoverTarget && T.value?.closest(s.hoverTarget) || T.value), re = fn(A), ie = fn(k), j = S(!1), ae = S(!1), oe = S(!1), se = Cn({
 			root: w,
 			floating: k,
-			close: () => s.disableClickOutsideToClose ? !1 : (ge(), !0)
-		}), se = {
+			hoverArea: n(() => s.hoverTarget ? A.value : null),
+			close: () => s.disableClickOutsideToClose ? !1 : (_e(), !0)
+		}), ce = {
 			"top-center": "top",
 			"bottom-center": "bottom",
 			"center-left": "left",
@@ -1220,7 +1222,7 @@ var xn = /* @__PURE__ */ new Set(), Sn = (e, t) => {
 			"top-right": "top-end",
 			"bottom-left": "bottom-start",
 			"bottom-right": "bottom-end"
-		}, ce = {
+		}, le = {
 			"top-center": {
 				area: "top",
 				margin: "margin-block-end"
@@ -1261,30 +1263,30 @@ var xn = /* @__PURE__ */ new Set(), Sn = (e, t) => {
 				area: "bottom span-left",
 				margin: "margin-block-start"
 			}
-		}, M = n(() => s.showOnHover || s.disableClickOutsideToClose ? "manual" : "auto"), le = n(() => ({
+		}, ue = n(() => s.showOnHover || s.disableClickOutsideToClose ? "manual" : "auto"), M = n(() => ({
 			width: "fit-content",
 			...b ? { "anchor-scope": Tn } : void 0,
 			...s.cssCustomProperties
-		})), N = n(() => b ? { "anchor-name": Tn } : void 0), ue = n(() => {
-			let e = ce[s.position];
+		})), de = n(() => b ? { "anchor-name": Tn } : void 0), fe = n(() => {
+			let e = le[s.position];
 			return {
 				"position-anchor": Tn,
 				"position-area": e.area,
 				"position-try-fallbacks": s.disableAutoPlacement ? void 0 : "flip-block, flip-inline, flip-block flip-inline",
 				[e.margin]: `${s.offset ?? 0}px`
 			};
-		}), de = () => {}, P = () => ({});
+		}), N = () => {}, pe = () => ({});
 		if (!b) {
 			let e = [];
 			s.disableAutoPlacement || e.push(kt({ fallbackStrategy: "initialPlacement" })), s.offset && e.push(Ot(s.offset));
 			let t = Bt(D, k, {
-				placement: se[s.position],
+				placement: ce[s.position],
 				strategy: s.positioningStrategy,
 				middleware: e
 			});
-			de = t.update, P = () => t.floatingStyles.value;
+			N = t.update, pe = () => t.floatingStyles.value;
 			let r = dn(D), i = /* @__PURE__ */ Qt(() => {
-				c.value && de();
+				c.value && N();
 			}, 5);
 			O([
 				r.top,
@@ -1299,103 +1301,103 @@ var xn = /* @__PURE__ */ new Set(), Sn = (e, t) => {
 				...s.ignoreClickOutsideClasses?.map((e) => `.${e}`) ?? []
 			]) });
 		}
-		let fe = n(() => ({
-			...P(),
+		let me = n(() => ({
+			...pe(),
 			zIndex: s.zIndex
-		})), pe, me, F = () => {
-			pe && clearTimeout(pe), pe = void 0;
-		}, he = () => {
-			me && clearTimeout(me), me = void 0;
+		})), P, F, he = () => {
+			P && clearTimeout(P), P = void 0;
+		}, ge = () => {
+			F && clearTimeout(F), F = void 0;
 		}, I = (e) => {
-			F(), he(), !(e && (s.disabled || !_.value)) && (e && s.delay > 0 && (s.showOnHover || !b) ? pe = setTimeout(() => {
-				c.value = !0, pe = void 0;
+			he(), ge(), !(e && (s.disabled || !_.value)) && (e && s.delay > 0 && (s.showOnHover || !b) ? P = setTimeout(() => {
+				c.value = !0, P = void 0;
 			}, s.delay) : c.value = e);
-		}, ge = () => {
-			F(), he(), c.value = !1;
 		}, _e = () => {
+			he(), ge(), c.value = !1;
+		}, ve = () => {
 			let e = k.value;
 			!e || !x.value || !_.value || (c.value ? e.showPopover() : e.hidePopover());
-		}, ve = n(() => !!c.value && (re.value || ie.value)), ye = n(() => !s.showOnHover || ae.value ? !1 : s.disableInteractive ? A.value || j.value : A.value || j.value || ve.value);
+		}, ye = n(() => !!c.value && (ie.value || ae.value)), be = n(() => !s.showOnHover || oe.value ? !1 : s.disableInteractive ? re.value || j.value : re.value || j.value || ye.value);
 		O([
-			A,
+			re,
 			j,
-			ie
+			ae
 		], ([e, t, n]) => {
-			!e && !t && !n && (ae.value = !1);
+			!e && !t && !n && (oe.value = !1);
 		});
-		let be = ({ target: e }) => {
+		let xe = ({ target: e }) => {
 			j.value = !s.disabled && e instanceof HTMLElement && e.matches(":focus-visible");
-		}, xe = ({ target: e }) => {
-			ie.value = !s.disabled && e instanceof HTMLElement && e.matches(":focus-visible");
-		}, Se = () => {
-			ie.value = !1;
+		}, Se = ({ target: e }) => {
+			ae.value = !s.disabled && e instanceof HTMLElement && e.matches(":focus-visible");
 		}, Ce = () => {
+			ae.value = !1;
+		}, we = () => {
 			if (s.showOnHover) {
 				if (s.disableClickOutsideToClose) return;
-				if (!c.value && !pe && s.enableClickToggle) {
-					ae.value = !1, I(!0);
+				if (!c.value && !P && s.enableClickToggle) {
+					oe.value = !1, I(!0);
 					return;
 				}
-				ae.value = !0, ge();
+				oe.value = !0, _e();
 				return;
 			}
-			I(pe ? !1 : !c.value);
-		}, we = (e) => {
+			I(P ? !1 : !c.value);
+		}, Te = (e) => {
 			let t = e.newState === "open";
 			c.value !== t && (c.value = t);
-		}, Te = (e) => {
-			b && M.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), I(!1));
+		}, Ee = (e) => {
+			b && ue.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), I(!1));
 		};
 		return O(c, async (e) => {
-			if (s.showOnHover && s.enableGroupSync && oe(!!e), !b) {
-				e && de();
+			if (s.showOnHover && s.enableGroupSync && se(!!e), !b) {
+				e && N();
 				return;
 			}
-			await f(), _e();
-		}), O(ye, (e) => {
+			await f(), ve();
+		}), O(be, (e) => {
 			if (s.showOnHover) {
 				if (e) {
 					I(!0);
 					return;
 				}
-				F(), s.closeDelay > 0 ? (he(), me = setTimeout(() => {
-					me = void 0, ye.value || I(!1);
+				he(), s.closeDelay > 0 ? (ge(), F = setTimeout(() => {
+					F = void 0, be.value || I(!1);
 				}, s.closeDelay)) : I(!1);
 			}
 		}), O(_, (e) => {
-			e ? b && c.value && f(_e) : ge();
+			e ? b && c.value && f(ve) : _e();
 		}), g(() => {
-			D.value = T.value, x.value = !0, c.value && f(() => b ? _e() : de());
+			D.value = T.value, x.value = !0, c.value && f(() => b ? ve() : N());
 		}), v(() => {
-			F(), he();
+			he(), ge();
 		}), O(() => s.disabled, (e) => {
 			if (!e) {
-				ye.value && I(!0);
+				be.value && I(!0);
 				return;
 			}
-			j.value &&= !1, ie.value &&= !1, I(!1);
+			j.value &&= !1, ae.value &&= !1, I(!1);
 		}), (n, l) => (y(), a("div", {
 			ref_key: "root",
 			ref: w,
-			style: p(le.value),
-			onKeydown: Te
+			style: p(M.value),
+			onKeydown: Ee
 		}, [o("div", {
 			ref_key: "triggerWrapper",
 			ref: T,
-			style: p(N.value),
-			onClick: Ce,
-			onFocusin: be,
+			style: p(de.value),
+			onClick: we,
+			onFocusin: xe,
 			onFocusout: l[0] ||= (e) => j.value = !1
 		}, [C(n.$slots, "trigger")], 36), x.value && E(b) && _.value ? (y(), a("div", {
 			key: 0,
 			ref_key: "floating",
 			ref: k,
 			class: "pv-floating pv-floating-native",
-			popover: M.value,
-			style: p(ue.value),
-			onToggle: we,
-			onFocusin: xe,
-			onFocusout: Se
+			popover: ue.value,
+			style: p(fe.value),
+			onToggle: Te,
+			onFocusin: Se,
+			onFocusout: Ce
 		}, [e.disabled ? i("v-if", !0) : C(n.$slots, "content", { key: 0 })], 44, wn)) : _.value ? (y(), r(t, {
 			key: 1,
 			to: e.teleportLocation,
@@ -1404,9 +1406,9 @@ var xn = /* @__PURE__ */ new Set(), Sn = (e, t) => {
 			ref_key: "floating",
 			ref: k,
 			class: "pv-floating",
-			style: p(fe.value),
-			onFocusin: xe,
-			onFocusout: Se
+			style: p(me.value),
+			onFocusin: Se,
+			onFocusout: Ce
 		}, [C(n.$slots, "content")], 36), [[te, c.value]])], 8, ["to", "disabled"])) : i("v-if", !0)], 36));
 	}
 }), Dn = Object.defineProperty, On = Object.getOwnPropertySymbols, kn = Object.prototype.hasOwnProperty, An = Object.prototype.propertyIsEnumerable, jn = (e, t, n) => t in e ? Dn(e, t, {
@@ -1742,15 +1744,15 @@ var Q = {
 	getCommon({ name: e = "", theme: t = {}, params: n, set: r, defaults: i }) {
 		let { preset: a, options: o } = t, s, c, l, u, d, f, p;
 		if (K(a) && o.transform !== "strict") {
-			let { primitive: t, semantic: n, extend: m } = a, h = n || {}, { colorScheme: g } = h, _ = X(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = X(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = X(x, ["dark"]), w = y || {}, { dark: T } = w, E = X(w, ["dark"]), ee = K(t) ? this._toVariables({ primitive: t }, o) : {}, D = K(_) ? this._toVariables({ semantic: _ }, o) : {}, te = K(C) ? this._toVariables({ light: C }, o) : {}, O = K(S) ? this._toVariables({ dark: S }, o) : {}, k = K(b) ? this._toVariables({ semantic: b }, o) : {}, ne = K(E) ? this._toVariables({ light: E }, o) : {}, A = K(T) ? this._toVariables({ dark: T }, o) : {}, [re, j] = [ee.declarations ?? "", ee.tokens], [ie, ae] = [D.declarations ?? "", D.tokens || []], [oe, se] = [te.declarations ?? "", te.tokens || []], [ce, M] = [O.declarations ?? "", O.tokens || []], [le, N] = [k.declarations ?? "", k.tokens || []], [ue, de] = [ne.declarations ?? "", ne.tokens || []], [P, fe] = [A.declarations ?? "", A.tokens || []];
-			s = this.transformCSS(e, re, "light", "variable", o, r, i), c = j, l = `${this.transformCSS(e, `${ie}${oe}`, "light", "variable", o, r, i)}${this.transformCSS(e, `${ce}`, "dark", "variable", o, r, i)}`, u = [...new Set([
+			let { primitive: t, semantic: n, extend: m } = a, h = n || {}, { colorScheme: g } = h, _ = X(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = X(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = X(x, ["dark"]), w = y || {}, { dark: T } = w, E = X(w, ["dark"]), ee = K(t) ? this._toVariables({ primitive: t }, o) : {}, D = K(_) ? this._toVariables({ semantic: _ }, o) : {}, te = K(C) ? this._toVariables({ light: C }, o) : {}, O = K(S) ? this._toVariables({ dark: S }, o) : {}, k = K(b) ? this._toVariables({ semantic: b }, o) : {}, ne = K(E) ? this._toVariables({ light: E }, o) : {}, A = K(T) ? this._toVariables({ dark: T }, o) : {}, [re, ie] = [ee.declarations ?? "", ee.tokens], [j, ae] = [D.declarations ?? "", D.tokens || []], [oe, se] = [te.declarations ?? "", te.tokens || []], [ce, le] = [O.declarations ?? "", O.tokens || []], [ue, M] = [k.declarations ?? "", k.tokens || []], [de, fe] = [ne.declarations ?? "", ne.tokens || []], [N, pe] = [A.declarations ?? "", A.tokens || []];
+			s = this.transformCSS(e, re, "light", "variable", o, r, i), c = ie, l = `${this.transformCSS(e, `${j}${oe}`, "light", "variable", o, r, i)}${this.transformCSS(e, `${ce}`, "dark", "variable", o, r, i)}`, u = [...new Set([
 				...ae,
 				...se,
-				...M
-			])], d = `${this.transformCSS(e, `${le}${ue}color-scheme:light`, "light", "variable", o, r, i)}${this.transformCSS(e, `${P}color-scheme:dark`, "dark", "variable", o, r, i)}`, f = [...new Set([
-				...N,
-				...de,
-				...fe
+				...le
+			])], d = `${this.transformCSS(e, `${ue}${de}color-scheme:light`, "light", "variable", o, r, i)}${this.transformCSS(e, `${N}color-scheme:dark`, "dark", "variable", o, r, i)}`, f = [...new Set([
+				...M,
+				...fe,
+				...pe
 			])], p = q(a.css, { dt: vr });
 		}
 		return {