@turquoisehealth/pit-viper 2.252.0 → 2.253.0

package/pv-components/dist/web/components/pv-select-button/pv-select-button.js

@@ -1,5 +1,5 @@
 import * as e from "vue";
-import { Fragment as t, Teleport as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createTextVNode as l, createVNode as u, defineComponent as d, defineCustomElement as f, getCurrentInstance as p, getCurrentScope as m, guardReactiveProps as h, inject as g, isRef as _, mergeModels as v, mergeProps as y, nextTick as b, normalizeClass as x, normalizeProps as S, normalizeStyle as C, onBeforeUnmount as w, onBeforeUpdate as T, onMounted as E, onScopeDispose as D, onUnmounted as O, openBlock as k, provide as A, reactive as j, readonly as ee, ref as M, renderList as te, renderSlot as N, resolveComponent as ne, resolveDynamicComponent as re, shallowRef as ie, toDisplayString as P, toValue as F, unref as I, useAttrs as ae, useId as oe, useModel as se, useSlots as L, useTemplateRef as ce, vModelCheckbox as le, vModelText as ue, vShow as de, watch as R, watchEffect as fe, withCtx as pe, withDirectives as me, withModifiers as he } from "vue";
+import { Fragment as t, Teleport as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createTextVNode as l, createVNode as u, defineComponent as d, defineCustomElement as f, getCurrentInstance as p, getCurrentScope as m, guardReactiveProps as h, inject as g, isRef as _, mergeModels as v, mergeProps as y, nextTick as b, normalizeClass as x, normalizeProps as S, normalizeStyle as C, onBeforeUnmount as w, onBeforeUpdate as T, onMounted as E, onScopeDispose as D, onUnmounted as O, openBlock as k, provide as A, reactive as j, readonly as ee, ref as M, renderList as te, renderSlot as N, resolveComponent as ne, resolveDynamicComponent as re, shallowRef as ie, toDisplayString as P, toValue as F, unref as I, useAttrs as ae, useId as oe, useModel as se, useSlots as ce, useTemplateRef as le, vModelCheckbox as ue, vModelText as de, vShow as fe, watch as L, watchEffect as pe, withCtx as R, withDirectives as me, withModifiers as he } from "vue";
 //#region \0rolldown/runtime.js
 var ge = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, ve = Object.getOwnPropertyNames, ye = Object.prototype.hasOwnProperty, be = (e, t) => {
 	let n = {};
@@ -79,7 +79,7 @@ function Le(e = !1, t = {}) {
 	return i ? o : [a, o];
 }
 function Re(e, t, n) {
-	return R(e, t, {
+	return L(e, t, {
 		...n,
 		immediate: !0
 	});
@@ -194,7 +194,7 @@ function Ke(e) {
 function qe(e, t, n = {}) {
 	let { window: i = ze, ...a } = n, o, s = /* @__PURE__ */ Ke(() => i && "MutationObserver" in i), c = () => {
 		o &&= (o.disconnect(), void 0);
-	}, l = R(r(() => {
+	}, l = L(r(() => {
 		let t = Ne(F(e)).map(Ve).filter(Te);
 		return new Set(t);
 	}), (e) => {
@@ -216,7 +216,7 @@ function Je(e, t, n = {}) {
 	if (!r || !i) return Oe;
 	let o, s = (e) => {
 		o?.(), o = e;
-	}, c = fe(() => {
+	}, c = pe(() => {
 		let n = Ve(e);
 		if (n) {
 			let { stop: e } = qe(i, (e) => {
@@ -247,7 +247,7 @@ function Xe(...e) {
 function Ze(e, t, n = {}) {
 	let { window: i = ze, ...a } = n, o, s = /* @__PURE__ */ Ke(() => i && "ResizeObserver" in i), c = () => {
 		o &&= (o.disconnect(), void 0);
-	}, l = R(r(() => {
+	}, l = L(r(() => {
 		let t = F(e);
 		return Array.isArray(t) ? t.map((e) => Ve(e)) : [Ve(t)];
 	}), (e) => {
@@ -280,7 +280,7 @@ function Qe(e, t = {}) {
 	function g() {
 		o === "sync" ? h() : o === "next-frame" && requestAnimationFrame(() => h());
 	}
-	return Ze(e, g), R(() => Ve(e), (e) => !e && g()), qe(e, g, { attributeFilter: ["style", "class"] }), i && He("scroll", g, {
+	return Ze(e, g), L(() => Ve(e), (e) => !e && g()), qe(e, g, { attributeFilter: ["style", "class"] }), i && He("scroll", g, {
 		capture: !0,
 		passive: !0
 	}), r && He("resize", g, { passive: !0 }), Ie(() => {
@@ -335,7 +335,7 @@ var et = { class: "pv-relative" }, tt = ["disabled", "placeholder"], nt = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e, { expose: t }) {
-		let n = e, i = ce("search-input"), c = se(e, "modelValue"), l = r(() => ({
+		let n = e, i = le("search-input"), c = se(e, "modelValue"), l = r(() => ({
 			"pv-input-search": !0,
 			"pv-full-width": !0,
 			"pv-input-padded-end": !0,
@@ -354,7 +354,7 @@ var et = { class: "pv-relative" }, tt = ["disabled", "placeholder"], nt = {
 			disabled: e.disabled,
 			class: x(l.value),
 			placeholder: e.placeholder
-		}, null, 10, tt), [[ue, c.value]]), e.displayShortcut ? (k(), o("kbd", nt, P(rt))) : a("v-if", !0)]));
+		}, null, 10, tt), [[de, c.value]]), e.displayShortcut ? (k(), o("kbd", nt, P(rt))) : a("v-if", !0)]));
 	}
 }), at = ".pv-input-search[data-v-9e0c84d9]{display:block}", ot = (e, t) => {
 	let n = e.__vccOpts || e;
@@ -462,7 +462,7 @@ var lt = {
 			"pv-icon": n.value,
 			[`pv-company-${t.size}`]: t.size && !n.value
 		})), c = r(() => ({ width: i.value })), l = r(() => `${t.name.toLowerCase().replace(/[^a-z\s]/g, "").trim().replace(/\s+/g, "_")}.svg`), u = r(() => t.srcPathOverride ? t.srcPathOverride : `${t.basePath}/${l.value}`);
-		return R(u, () => {
+		return L(u, () => {
 			n.value = !0;
 		}), (e, t) => (k(), o("div", mt, [n.value ? (k(), o("div", {
 			key: 0,
@@ -555,7 +555,7 @@ function Tt(e, t, { useShadowSlot: n = !0, countWhitespaceTextInDefaultSlot: r =
 	return a ? Ct(a, t, r) : xt(e, t, r);
 }
 function Et(e, t = {}) {
-	let { host: n, vueSlots: i, observe: a = !0, listenSlotChange: o = !0, countWhitespaceTextInDefaultSlot: s = !1 } = t, c = ct(), l = i ?? L(), u = e === "default" || e === "" ? "default" : e, d = () => !!l && !!l[u], f = M(d());
+	let { host: n, vueSlots: i, observe: a = !0, listenSlotChange: o = !0, countWhitespaceTextInDefaultSlot: s = !1 } = t, c = ct(), l = i ?? ce(), u = e === "default" || e === "" ? "default" : e, d = () => !!l && !!l[u], f = M(d());
 	T(() => {
 		f.value = d();
 	});
@@ -591,7 +591,7 @@ function Et(e, t = {}) {
 			characterData: !0
 		}));
 	};
-	return E(v), w(g), R(() => I(n), () => {
+	return E(v), w(g), L(() => I(n), () => {
 		c.value && v();
 	}), {
 		present: r(() => c.value ? p.value : f.value),
@@ -636,7 +636,7 @@ var Dt = [
 		}
 	},
 	setup(e) {
-		let t = e, n = ce("rootRef"), { present: i } = Et("tooltip-content", { host: r(() => {
+		let t = e, n = le("rootRef"), { present: i } = Et("tooltip-content", { host: r(() => {
 			let e = n.value?.getRootNode();
 			return e instanceof ShadowRoot ? e.host : null;
 		}) }), s = r(() => t.delay > 0), c = M(!1), l = M(!1), u, d = () => {
@@ -673,7 +673,7 @@ var Dt = [
 			role: "tooltip",
 			id: e.ariaLabelledBy,
 			"data-testid": "pv-tooltip-content"
-		}, [N(t.$slots, "tooltip-content")], 8, Ot)), [[de, f.value]]) : a("v-if", !0)], 42, Dt));
+		}, [N(t.$slots, "tooltip-content")], 8, Ot)), [[fe, f.value]]) : a("v-if", !0)], 42, Dt));
 	}
 }), At = ["ghost"], jt = {
 	md: "pv-button-small",
@@ -816,11 +816,11 @@ var Dt = [
 				variant: "dark",
 				"tooltip-position": "top-left"
 			}, {
-				label: pe(() => [u(ft, {
+				label: R(() => [u(ft, {
 					name: "close",
 					onClick: r[0] ||= he((e) => n.$emit("handle-clear"), ["stop"])
 				})]),
-				"tooltip-content": pe(() => [...r[1] ||= [l(" Clear Selections ", -1)]]),
+				"tooltip-content": R(() => [...r[1] ||= [l(" Clear Selections ", -1)]]),
 				_: 1
 			})) : a("v-if", !0)
 		], 10, Nt));
@@ -1698,7 +1698,7 @@ function zr(e, t, n) {
 //#region src/components/base/PvPopoverV2/useHoverPopoverGroup.ts
 var Br = /* @__PURE__ */ new Set(), Vr = (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;
 }, Hr = (e) => (O(() => Br.delete(e)), (t) => {
 	if (!t) {
 		Br.delete(e);
@@ -1725,6 +1725,7 @@ var Br = /* @__PURE__ */ new Set(), Vr = (e, t) => {
 			type: Boolean,
 			default: !1
 		},
+		hoverTarget: { type: String },
 		disableInteractive: {
 			type: Boolean,
 			default: !1
@@ -1783,11 +1784,12 @@ var Br = /* @__PURE__ */ new Set(), Vr = (e, t) => {
 			"position-try-fallbacks: flip-block",
 			"position-visibility: anchors-visible",
 			`anchor-scope: ${Wr}`
-		].every((e) => CSS.supports(e)), g = M(!1), _ = M(null), v = M(null), y = M(null), x = M(null), S = $e(v), w = $e(x), T = M(!1), D = M(!1), A = M(!1), j = Hr({
+		].every((e) => CSS.supports(e)), g = M(!1), _ = M(null), v = M(null), y = M(null), x = M(null), S = r(() => t.hoverTarget && v.value?.closest(t.hoverTarget) || v.value), w = $e(S), T = $e(x), D = M(!1), A = M(!1), j = M(!1), ee = Hr({
 			root: _,
 			floating: x,
-			close: () => t.disableClickOutsideToClose ? !1 : (pe(), !0)
-		}), ee = {
+			hoverArea: r(() => t.hoverTarget ? S.value : null),
+			close: () => t.disableClickOutsideToClose ? !1 : (he(), !0)
+		}), te = {
 			"top-center": "top",
 			"bottom-center": "bottom",
 			"center-left": "left",
@@ -1798,7 +1800,7 @@ var Br = /* @__PURE__ */ new Set(), Vr = (e, t) => {
 			"top-right": "top-end",
 			"bottom-left": "bottom-start",
 			"bottom-right": "bottom-end"
-		}, te = {
+		}, ne = {
 			"top-center": {
 				area: "top",
 				margin: "margin-block-end"
@@ -1839,141 +1841,141 @@ var Br = /* @__PURE__ */ new Set(), Vr = (e, t) => {
 				area: "bottom span-left",
 				margin: "margin-block-start"
 			}
-		}, ne = r(() => t.showOnHover || t.disableClickOutsideToClose ? "manual" : "auto"), re = r(() => ({
+		}, re = r(() => t.showOnHover || t.disableClickOutsideToClose ? "manual" : "auto"), ie = r(() => ({
 			width: "fit-content",
 			...h ? { "anchor-scope": Wr } : void 0,
 			...t.cssCustomProperties
-		})), ie = r(() => h ? { "anchor-name": Wr } : void 0), P = r(() => {
-			let e = te[t.position];
+		})), P = r(() => h ? { "anchor-name": Wr } : void 0), F = r(() => {
+			let e = ne[t.position];
 			return {
 				"position-anchor": Wr,
 				"position-area": e.area,
 				"position-try-fallbacks": t.disableAutoPlacement ? void 0 : "flip-block, flip-inline, flip-block flip-inline",
 				[e.margin]: `${t.offset ?? 0}px`
 			};
-		}), F = () => {}, ae = () => ({});
+		}), ae = () => {}, oe = () => ({});
 		if (!h) {
 			let e = [];
 			t.disableAutoPlacement || e.push(Or({ fallbackStrategy: "initialPlacement" })), t.offset && e.push(Er(t.offset));
 			let n = zr(y, x, {
-				placement: ee[t.position],
+				placement: te[t.position],
 				strategy: t.positioningStrategy,
 				middleware: e
 			});
-			F = n.update, ae = () => n.floatingStyles.value;
+			ae = n.update, oe = () => n.floatingStyles.value;
 			let i = Qe(y), a = /* @__PURE__ */ Fe(() => {
-				c.value && F();
+				c.value && ae();
 			}, 5);
-			R([
+			L([
 				i.top,
 				i.left,
 				i.width,
 				i.height
 			], a), We(_, () => {
-				t.disableClickOutsideToClose || fe(!1);
+				t.disableClickOutsideToClose || R(!1);
 			}, { ignore: r(() => [
 				x.value,
 				".p-datepicker-panel",
 				...t.ignoreClickOutsideClasses?.map((e) => `.${e}`) ?? []
 			]) });
 		}
-		let oe = r(() => ({
-			...ae(),
+		let ce = r(() => ({
+			...oe(),
 			zIndex: t.zIndex
-		})), L, ce, le = () => {
-			L && clearTimeout(L), L = void 0;
-		}, ue = () => {
-			ce && clearTimeout(ce), ce = void 0;
-		}, fe = (e) => {
-			le(), ue(), !(e && (t.disabled || !m.value)) && (e && t.delay > 0 && (t.showOnHover || !h) ? L = setTimeout(() => {
-				c.value = !0, L = void 0;
-			}, t.delay) : c.value = e);
+		})), le, ue, de = () => {
+			le && clearTimeout(le), le = void 0;
 		}, pe = () => {
-			le(), ue(), c.value = !1;
+			ue && clearTimeout(ue), ue = void 0;
+		}, R = (e) => {
+			de(), pe(), !(e && (t.disabled || !m.value)) && (e && t.delay > 0 && (t.showOnHover || !h) ? le = setTimeout(() => {
+				c.value = !0, le = void 0;
+			}, t.delay) : c.value = e);
 		}, he = () => {
+			de(), pe(), c.value = !1;
+		}, ge = () => {
 			let e = x.value;
 			!e || !g.value || !m.value || (c.value ? e.showPopover() : e.hidePopover());
-		}, ge = r(() => !!c.value && (w.value || D.value)), _e = r(() => !t.showOnHover || A.value ? !1 : t.disableInteractive ? S.value || T.value : S.value || T.value || ge.value);
-		R([
-			S,
-			T,
-			D
+		}, _e = r(() => !!c.value && (T.value || A.value)), ve = r(() => !t.showOnHover || j.value ? !1 : t.disableInteractive ? w.value || D.value : w.value || D.value || _e.value);
+		L([
+			w,
+			D,
+			A
 		], ([e, t, n]) => {
-			!e && !t && !n && (A.value = !1);
+			!e && !t && !n && (j.value = !1);
 		});
-		let ve = ({ target: e }) => {
-			T.value = !t.disabled && e instanceof HTMLElement && e.matches(":focus-visible");
-		}, ye = ({ target: e }) => {
+		let ye = ({ target: e }) => {
 			D.value = !t.disabled && e instanceof HTMLElement && e.matches(":focus-visible");
-		}, be = () => {
-			D.value = !1;
+		}, be = ({ target: e }) => {
+			A.value = !t.disabled && e instanceof HTMLElement && e.matches(":focus-visible");
 		}, xe = () => {
+			A.value = !1;
+		}, Se = () => {
 			if (t.showOnHover) {
 				if (t.disableClickOutsideToClose) return;
-				if (!c.value && !L && t.enableClickToggle) {
-					A.value = !1, fe(!0);
+				if (!c.value && !le && t.enableClickToggle) {
+					j.value = !1, R(!0);
 					return;
 				}
-				A.value = !0, pe();
+				j.value = !0, he();
 				return;
 			}
-			fe(L ? !1 : !c.value);
-		}, Se = (e) => {
+			R(le ? !1 : !c.value);
+		}, Ce = (e) => {
 			let t = e.newState === "open";
 			c.value !== t && (c.value = t);
-		}, Ce = (e) => {
-			h && ne.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), fe(!1));
+		}, we = (e) => {
+			h && re.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), R(!1));
 		};
-		return R(c, async (e) => {
-			if (t.showOnHover && t.enableGroupSync && j(!!e), !h) {
-				e && F();
+		return L(c, async (e) => {
+			if (t.showOnHover && t.enableGroupSync && ee(!!e), !h) {
+				e && ae();
 				return;
 			}
-			await b(), he();
-		}), R(_e, (e) => {
+			await b(), ge();
+		}), L(ve, (e) => {
 			if (t.showOnHover) {
 				if (e) {
-					fe(!0);
+					R(!0);
 					return;
 				}
-				le(), t.closeDelay > 0 ? (ue(), ce = setTimeout(() => {
-					ce = void 0, _e.value || fe(!1);
-				}, t.closeDelay)) : fe(!1);
+				de(), t.closeDelay > 0 ? (pe(), ue = setTimeout(() => {
+					ue = void 0, ve.value || R(!1);
+				}, t.closeDelay)) : R(!1);
 			}
-		}), R(m, (e) => {
-			e ? h && c.value && b(he) : pe();
+		}), L(m, (e) => {
+			e ? h && c.value && b(ge) : he();
 		}), E(() => {
-			y.value = v.value, g.value = !0, c.value && b(() => h ? he() : F());
+			y.value = v.value, g.value = !0, c.value && b(() => h ? ge() : ae());
 		}), O(() => {
-			le(), ue();
-		}), R(() => t.disabled, (e) => {
+			de(), pe();
+		}), L(() => t.disabled, (e) => {
 			if (!e) {
-				_e.value && fe(!0);
+				ve.value && R(!0);
 				return;
 			}
-			T.value &&= !1, D.value &&= !1, fe(!1);
+			D.value &&= !1, A.value &&= !1, R(!1);
 		}), (r, l) => (k(), o("div", {
 			ref_key: "root",
 			ref: _,
-			style: C(re.value),
-			onKeydown: Ce
+			style: C(ie.value),
+			onKeydown: we
 		}, [s("div", {
 			ref_key: "triggerWrapper",
 			ref: v,
-			style: C(ie.value),
-			onClick: xe,
-			onFocusin: ve,
-			onFocusout: l[0] ||= (e) => T.value = !1
+			style: C(P.value),
+			onClick: Se,
+			onFocusin: ye,
+			onFocusout: l[0] ||= (e) => D.value = !1
 		}, [N(r.$slots, "trigger")], 36), g.value && I(h) && m.value ? (k(), o("div", {
 			key: 0,
 			ref_key: "floating",
 			ref: x,
 			class: "pv-floating pv-floating-native",
-			popover: ne.value,
-			style: C(P.value),
-			onToggle: Se,
-			onFocusin: ye,
-			onFocusout: be
+			popover: re.value,
+			style: C(F.value),
+			onToggle: Ce,
+			onFocusin: be,
+			onFocusout: xe
 		}, [e.disabled ? a("v-if", !0) : N(r.$slots, "content", { key: 0 })], 44, Ur)) : m.value ? (k(), i(n, {
 			key: 1,
 			to: e.teleportLocation,
@@ -1982,10 +1984,10 @@ var Br = /* @__PURE__ */ new Set(), Vr = (e, t) => {
 			ref_key: "floating",
 			ref: x,
 			class: "pv-floating",
-			style: C(oe.value),
-			onFocusin: ye,
-			onFocusout: be
-		}, [N(r.$slots, "content")], 36), [[de, c.value]])], 8, ["to", "disabled"])) : a("v-if", !0)], 36));
+			style: C(ce.value),
+			onFocusin: be,
+			onFocusout: xe
+		}, [N(r.$slots, "content")], 36), [[fe, c.value]])], 8, ["to", "disabled"])) : a("v-if", !0)], 36));
 	}
 });
 //#endregion
@@ -2055,6 +2057,7 @@ var Yr = /* @__PURE__ */ d({
 			type: Boolean,
 			default: !0
 		},
+		hoverTarget: { type: String },
 		disableInteractive: {
 			type: Boolean,
 			default: !1
@@ -2078,11 +2081,11 @@ var Yr = /* @__PURE__ */ d({
 	setup(e) {
 		let t = e, n = p(), a = typeof HTMLElement < "u" && n && "ce" in n && n.ce instanceof HTMLElement ? n.ce : void 0, { hasVueSlot: o, hasNativeSlot: u } = Et("content", { host: a }), d = r(() => a ? u.value : o.value), f = r(() => !!t.description || d.value);
 		return (t, n) => (k(), i(Gr, S(h(t.$props)), c({
-			trigger: pe(() => [N(t.$slots, "trigger", {}, () => [s("p", null, P(e.label), 1)])]),
+			trigger: R(() => [N(t.$slots, "trigger", {}, () => [s("p", null, P(e.label), 1)])]),
 			_: 2
 		}, [f.value ? {
 			name: "content",
-			fn: pe(() => [s("div", {
+			fn: R(() => [s("div", {
 				class: x(["pv-tooltip-v2-content", { "pv-tooltip-v2-content-small": e.size === "sm" }]),
 				role: "tooltip",
 				"data-variant": e.variant
@@ -2166,7 +2169,7 @@ var Yr = /* @__PURE__ */ d({
 		};
 		return E(() => {
 			_();
-		}), R(() => [
+		}), L(() => [
 			n.queryText,
 			n.text,
 			n.subText,
@@ -2251,13 +2254,13 @@ var Yr = /* @__PURE__ */ d({
 				disableInteractive: !0,
 				style: { "pointer-events": "auto" }
 			}, {
-				trigger: pe(() => [a(" stop the click so reading the description doesn't also toggle the option "), u(ft, {
+				trigger: R(() => [a(" stop the click so reading the description doesn't also toggle the option "), u(ft, {
 					size: 12,
 					name: "info-circle",
 					class: "pv-text-subdued",
 					onClick: r[0] ||= he(() => {}, ["stop", "prevent"])
 				})]),
-				content: pe(() => [s("div", ti, P(e.description), 1)]),
+				content: R(() => [s("div", ti, P(e.description), 1)]),
 				_: 1
 			})) : e.secondaryText && typeof e.secondaryText == "number" ? (k(), i(pt, {
 				key: 6,
@@ -2312,7 +2315,7 @@ var Yr = /* @__PURE__ */ d({
 			type: "checkbox",
 			role: "switch",
 			id: I(t)
-		}, null, 8, oi), [[le, n.value]])], 10, ii));
+		}, null, 8, oi), [[ue, n.value]])], 10, ii));
 	}
 }), [["styles", [".pv-switch-hide-check[data-v-73e6d2b2] input[type=checkbox]:checked:after,.pv-switch-hide-check[data-v-73e6d2b2] input[type=checkbox]:checked:not(:disabled):hover:after,.pv-switch-hide-check[data-v-73e6d2b2] input[type=checkbox]:checked:not(:disabled):focus-visible:after,.pv-switch-hide-check[data-v-73e6d2b2] input[type=checkbox]:checked:not(:disabled):active:after,.pv-switch-hide-check[data-v-73e6d2b2] input[type=checkbox]:checked:disabled:after{background-image:unset}"]], ["__scopeId", "data-v-73e6d2b2"]]), ci = ["aria-label", "disabled"], li = /* @__PURE__ */ d({
 	__name: "PvActionButton",
@@ -2351,7 +2354,7 @@ var Yr = /* @__PURE__ */ d({
 			"disable-interactive": !0,
 			"use-teleport": !0
 		}, c({
-			trigger: pe(() => [s("button", {
+			trigger: R(() => [s("button", {
 				type: "button",
 				class: x(["pv-button-link-tertiary", { "pv-action-button-reveal-on-hover": !e.alwaysShow }]),
 				style: { "--button-icon-only-padding": "0px" },
@@ -2365,7 +2368,7 @@ var Yr = /* @__PURE__ */ d({
 			_: 2
 		}, [e.tooltipText ? {
 			name: "content",
-			fn: pe(() => [l(P(e.tooltipText), 1)]),
+			fn: R(() => [l(P(e.tooltipText), 1)]),
 			key: "0"
 		} : void 0]), 1032, ["position"]));
 	}
@@ -2400,7 +2403,7 @@ var Yr = /* @__PURE__ */ d({
 			"disable-interactive": !0,
 			"use-teleport": !0
 		}, c({
-			trigger: pe(() => [a(" Stop propagation so the icon does not toggle the surrounding menu item's selection. "), s("span", {
+			trigger: R(() => [a(" Stop propagation so the icon does not toggle the surrounding menu item's selection. "), s("span", {
 				class: x(["pv-text-brand", { "pv-action-button-reveal-on-hover": !h.value }]),
 				role: "img",
 				"aria-label": p.value,
@@ -2409,7 +2412,7 @@ var Yr = /* @__PURE__ */ d({
 			_: 2
 		}, [p.value ? {
 			name: "content",
-			fn: pe(() => [l(P(p.value), 1)]),
+			fn: R(() => [l(P(p.value), 1)]),
 			key: "0"
 		} : void 0]), 1024)], 2112));
 	}
@@ -2466,7 +2469,7 @@ var Yr = /* @__PURE__ */ d({
 	},
 	emits: ["handle-selected", "toggle-expanded"],
 	setup(e, { emit: t }) {
-		let n = e, c = ce("inputRef"), l = g(fi, void 0), d = g(pi, M(!1)), f = g(gi, void 0), m = g(_i, void 0), h = g(mi, r(() => !1)), _ = r(() => {
+		let n = e, c = le("inputRef"), l = g(fi, void 0), d = g(pi, M(!1)), f = g(gi, void 0), m = g(_i, void 0), h = g(mi, r(() => !1)), _ = r(() => {
 			if (!d.value || !Kr(n)) return [];
 			let e = n.children ? qr(n.children) : [];
 			if (f?.value) {
@@ -2718,11 +2721,11 @@ var Yr = /* @__PURE__ */ d({
 			]);
 			return Object.fromEntries(Object.entries(p).filter(([t]) => e.has(t)));
 		}), h = g(_i, void 0), _ = g(vi, void 0), v = M(i.defaultExpanded ?? !1);
-		R(() => i.defaultExpanded, (e) => {
+		L(() => i.defaultExpanded, (e) => {
 			e && (v.value = !0);
 		});
 		let b = M(!1), S = M(!1), w = M(i.children ?? []), T = M(/* @__PURE__ */ new Set());
-		R(() => i.children, (e) => {
+		L(() => i.children, (e) => {
 			if (!e) {
 				w.value = [];
 				return;
@@ -4034,14 +4037,14 @@ var Jo = ["data-align"], Yo = ["id", "role"], Xo = /* @__PURE__ */ ot(/* @__PURE
 	},
 	emits: ["list-order-updated"],
 	setup(e, { expose: n, emit: i }) {
-		let a = M(null), c = ce("popoverList"), l = e, u = i;
+		let a = M(null), c = le("popoverList"), l = e, u = i;
 		l.isSortable && l.isList && Wo(c, [], {
 			animation: 150,
 			onUpdate: () => {
 				u("list-order-updated", Array.from(c.value?.children || []).map((e) => e.id));
 			}
 		});
-		let d = L(), f = r(() => !!(d.header || d.footer));
+		let d = ce(), f = r(() => !!(d.header || d.footer));
 		return n({ popoverRoot: a }), (n, r) => (k(), o("div", {
 			ref_key: "popoverRoot",
 			ref: a,
@@ -4117,28 +4120,28 @@ var Jo = ["data-align"], Yo = ["id", "role"], Xo = /* @__PURE__ */ ot(/* @__PURE
 			(e.target instanceof Element ? e.target.closest("[data-pv-menu-ancestors]")?.dataset.pvMenuAncestors?.split(" ") : void 0)?.includes(m) || E();
 		}, { ignore: [v] });
 		let j = ie(f.value);
-		R(f, (e) => {
+		L(f, (e) => {
 			j.value = e;
 		});
 		let ee, ne = (e) => {
 			ee = e, f.value = e;
 		};
-		R(j, (e) => {
+		L(j, (e) => {
 			e !== ee && e !== f.value && ne(e);
 		}), A(fi, j), A(mi, r(() => l.childrenDisplay === "popover"));
 		let re = r(() => l.childrenDisplay === "inline" && !!l.enableCascadeSelection);
 		A(pi, re);
-		let P = g(gi, void 0), F = g(yi, M(!1)), ae = g(_i, void 0), L = g(vi, void 0), ce = r(() => l.singleSelect || l.config?.variant === "radio"), le = r(() => l.options.find((e) => e.id === p.value && e.children?.length)), ue = (e, t, n = !1, r = !0) => {
+		let P = g(gi, void 0), F = g(yi, M(!1)), ae = g(_i, void 0), ce = g(vi, void 0), le = r(() => l.singleSelect || l.config?.variant === "radio"), ue = r(() => l.options.find((e) => e.id === p.value && e.children?.length)), de = (e, t, n = !1, r = !0) => {
 			let i = !r || p.value !== e.id;
 			p.value = i ? e.id : void 0, i && (S.value = t, b(() => {
 				T(), n && Me(_.value ?? document.getElementById(m), 0);
 			}));
-		}, fe = (e, t = !1) => {
+		}, pe = (e, t = !1) => {
 			if (l.readOnly) return;
 			let n = (!t && l.childrenDisplay === "popover" ? l.options.find((t) => t.id === e.option.id) : void 0) ?? e.option;
 			if (l.childrenDisplay === "popover" && !t && n.children?.length) {
 				let t = e.event.currentTarget?.closest("li");
-				t && ue(n, t);
+				t && de(n, t);
 				return;
 			}
 			let r;
@@ -4153,20 +4156,20 @@ var Jo = ["data-align"], Yo = ["id", "role"], Xo = /* @__PURE__ */ ot(/* @__PURE
 					let e = new Set(ae.value);
 					a ? e.delete(n.id) : e.add(n.id), ae.value = e;
 				}
-				if (L?.value?.has(n.id)) {
-					let e = new Map(L.value);
-					e.delete(n.id), L.value = e;
+				if (ce?.value?.has(n.id)) {
+					let e = new Map(ce.value);
+					e.delete(n.id), ce.value = e;
 				}
-			} else if (ce.value) r = j.value.length === 1 && j.value[0].id === n.id ? l.disableDeselect ? j.value : [] : [n];
+			} else if (le.value) r = j.value.length === 1 && j.value[0].id === n.id ? l.disableDeselect ? j.value : [] : [n];
 			else {
 				let e = j.value.findIndex((e) => e.id === n.id);
-				if (r = e > -1 ? [...j.value.slice(0, e), ...j.value.slice(e + 1)] : [...j.value, n], re.value && ae?.value && L?.value) {
+				if (r = e > -1 ? [...j.value.slice(0, e), ...j.value.slice(e + 1)] : [...j.value, n], re.value && ae?.value && ce?.value) {
 					let t = e > -1;
 					for (let e of ae.value) {
 						let r = P?.value?.get(e)?.children ?? l.options.find((t) => t.id === e)?.children;
 						if (!r || !(qr(r).some((e) => e.id === n.id) || l.options.find((t) => t.id === e)?.children?.some((e) => e.id === n.id))) continue;
-						let i = new Map(L.value), a = new Set(i.get(e) ?? []);
-						t ? a.add(n.id) : a.delete(n.id), a.size > 0 ? i.set(e, a) : i.delete(e), L.value = i;
+						let i = new Map(ce.value), a = new Set(i.get(e) ?? []);
+						t ? a.add(n.id) : a.delete(n.id), a.size > 0 ? i.set(e, a) : i.delete(e), ce.value = i;
 						break;
 					}
 				}
@@ -4176,10 +4179,10 @@ var Jo = ["data-align"], Yo = ["id", "role"], Xo = /* @__PURE__ */ ot(/* @__PURE
 				option: n
 			} : e);
 		}, he = (e) => {
-			let t = le.value;
+			let t = ue.value;
 			if (!t) return;
 			let n = t.children?.find((t) => t.id === e.option.id) ?? e.option;
-			fe({
+			pe({
 				...e,
 				option: n
 			}, !0), p.value = void 0, b(() => Pe(t.id));
@@ -4205,12 +4208,12 @@ var Jo = ["data-align"], Yo = ["id", "role"], Xo = /* @__PURE__ */ ot(/* @__PURE
 			totalChildCount: void 0
 		}), be = (e) => l.childrenDisplay === "popover" ? e.config ?? l.config : l.config, xe = (e) => ge.value.has(e.id) || re.value && ae?.value?.has(e.id) || (re.value || l.childrenDisplay === "popover") && e.children?.length && _e(e.children) ? !0 : null, Se = (e) => {
 			let t = e.config?.variant ?? l.config?.variant;
-			return ce.value || t === "radio" ? "menuitemradio" : t === "checkbox" ? "menuitemcheckbox" : "menuitem";
+			return le.value || t === "radio" ? "menuitemradio" : t === "checkbox" ? "menuitemcheckbox" : "menuitem";
 		}, Ce = (e) => Se(e) === "menuitem" ? void 0 : !!xe(e), we = (e) => e.children?.length && !l.highlightParentItems ? null : Se(e) !== "menuitemcheckbox" && xe(e) || p.value === e.id ? !0 : null, Te = (e) => Se(e) !== "menuitemcheckbox" && ge.value.has(e.id) ? !0 : null, Ee = (e, t) => !!(!t || ge.value.has(e.id) || ae?.value?.has(e.id) || e.children?.length && _e(e.children)), De = M(), Oe = M(), ke = r(() => {
 			let e = l.options.filter((e) => !l.readOnly && !e.disabled && Ee(e, l.isLoading)).map((e) => e.id);
 			return l.hasMoreOptions && !l.isSeeMoreLoading && e.push(rs), De.value && e.includes(De.value) ? De.value : e[0];
 		}), Ae = r(() => {
-			let e = le.value?.children?.filter((e) => !l.readOnly && !e.disabled) ?? [];
+			let e = ue.value?.children?.filter((e) => !l.readOnly && !e.disabled) ?? [];
 			return e.some((e) => e.id === Oe.value) ? Oe.value : e[0]?.id;
 		}), je = (e) => {
 			let t = Array.from(e?.querySelectorAll("li[role='none'] > [role^='menuitem']:not([aria-disabled='true'])") ?? []).filter((e) => !e.hidden && e.style.display !== "none");
@@ -4224,7 +4227,7 @@ var Jo = ["data-align"], Yo = ["id", "role"], Xo = /* @__PURE__ */ ot(/* @__PURE
 		}, Pe = (e) => {
 			je(h.value).find((t) => t.dataset.optionId === e)?.focus();
 		};
-		R(p, (e) => {
+		L([p, () => !!ue.value], ([e]) => {
 			Oe.value = void 0, e && b(() => {
 				let t = Array.from(h.value?.children ?? []).find((t) => t.dataset.optionId === e);
 				t && (S.value = t, T());
@@ -4242,11 +4245,11 @@ var Jo = ["data-align"], Yo = ["id", "role"], Xo = /* @__PURE__ */ ot(/* @__PURE
 			if (!(e.target !== e.currentTarget || Fe(e, h.value))) switch (e.key) {
 				case "ArrowRight":
 					if (!t.children?.length) break;
-					e.preventDefault(), ue(t, e.currentTarget, !0, !1);
+					e.preventDefault(), de(t, e.currentTarget, !0, !1);
 					break;
 				case "Enter":
 				case " ":
-					e.preventDefault(), t.children?.length ? ue(t, e.currentTarget, !0, !1) : fe({
+					e.preventDefault(), t.children?.length ? de(t, e.currentTarget, !0, !1) : pe({
 						event: e,
 						option: t
 					});
@@ -4320,7 +4323,7 @@ var Jo = ["data-align"], Yo = ["id", "role"], Xo = /* @__PURE__ */ ot(/* @__PURE
 			tabindex: e.childrenDisplay === "popover" ? ke.value === t.id ? 0 : -1 : void 0,
 			onFocus: (e) => De.value = t.id,
 			onKeydown: (n) => e.childrenDisplay === "popover" ? Ie(n, t) : void 0,
-			onHandleSelected: fe,
+			onHandleSelected: pe,
 			onSeeMore: c[0] ||= (e) => d("see-more", e)
 		}), null, 16, [
 			"aria-checked",
@@ -4339,7 +4342,7 @@ var Jo = ["data-align"], Yo = ["id", "role"], Xo = /* @__PURE__ */ ot(/* @__PURE
 			"tabindex",
 			"onFocus",
 			"onKeydown"
-		])], 10, Qo)), [[de, Ee(t, e.isLoading)]])), 128)), e.hasMoreOptions ? (k(), o("li", {
+		])], 10, Qo)), [[fe, Ee(t, e.isLoading)]])), 128)), e.hasMoreOptions ? (k(), o("li", {
 			key: 0,
 			role: e.childrenDisplay === "popover" ? "none" : void 0
 		}, [u(Oi, {
@@ -4359,7 +4362,7 @@ var Jo = ["data-align"], Yo = ["id", "role"], Xo = /* @__PURE__ */ ot(/* @__PURE
 			"disabled",
 			"role",
 			"tabindex"
-		])], 8, $o)) : a("v-if", !0)], 16, Zo), e.childrenDisplay === "popover" && le.value ? (k(), i(n, {
+		])], 8, $o)) : a("v-if", !0)], 16, Zo), e.childrenDisplay === "popover" && ue.value ? (k(), i(n, {
 			key: 0,
 			to: "body"
 		}, [s("div", {
@@ -4376,18 +4379,18 @@ var Jo = ["data-align"], Yo = ["id", "role"], Xo = /* @__PURE__ */ ot(/* @__PURE
 				maxWidth: "calc(100vw - 16px)"
 			}
 		}, {
-			default: pe(() => [N(r.$slots, "popover", {
-				option: le.value,
+			default: R(() => [N(r.$slots, "popover", {
+				option: ue.value,
 				popoverId: I(m),
 				close: D
 			}, () => [s("ul", {
 				id: I(m),
 				ref_key: "nestedMenuRef",
 				ref: _,
-				"aria-label": `${le.value.text} options`,
+				"aria-label": `${ue.value.text} options`,
 				class: "pv-popover-list",
 				role: "menu"
-			}, [(k(!0), o(t, null, te(le.value.children, (t) => (k(), o("li", {
+			}, [(k(!0), o(t, null, te(ue.value.children, (t) => (k(), o("li", {
 				key: t.id,
 				"data-active": Te(t),
 				"data-option-id": t.id,
@@ -4427,7 +4430,7 @@ var Jo = ["data-align"], Yo = ["id", "role"], Xo = /* @__PURE__ */ ot(/* @__PURE
 			_: 3
 		})], 12, es)])) : a("v-if", !0)], 64));
 	}
-}), [["styles", [".pv-menu-popover[data-v-f14f755f]{z-index:50}.pv-popover-list>li[data-v-f14f755f]:last-child>.pv-label{margin-block-end:0}[data-v-f14f755f] .pv-menu-nested:after{content:\"\";border-top:1.5px solid;border-right:1.5px solid;flex-shrink:0;width:.4rem;height:.4rem;margin-left:auto;margin-right:.2rem;transform:rotate(45deg)}"]], ["__scopeId", "data-v-f14f755f"]]), as = { class: "pv-popover-scroll" }, os = {
+}), [["styles", [".pv-menu-popover[data-v-951d1d02]{z-index:50}.pv-popover-list>li[data-v-951d1d02]:last-child>.pv-label{margin-block-end:0}[data-v-951d1d02] .pv-menu-nested:after{content:\"\";border-top:1.5px solid;border-right:1.5px solid;flex-shrink:0;width:.4rem;height:.4rem;margin-left:auto;margin-right:.2rem;transform:rotate(45deg)}"]], ["__scopeId", "data-v-951d1d02"]]), as = { class: "pv-popover-scroll" }, os = {
 	key: 0,
 	class: "pv-inset-square-8 pv-border-bottom"
 }, ss = /* @__PURE__ */ d({
@@ -4506,7 +4509,7 @@ var Jo = ["data-align"], Yo = ["id", "role"], Xo = /* @__PURE__ */ ot(/* @__PURE
 			counterBadgeVariant: n.counterBadgeVariant,
 			size: n.size
 		})), d = t, [f] = /* @__PURE__ */ Le(n.defaultOpen), p = se(e, "modelValue"), m = se(e, "searchInput");
-		R(f, (e) => {
+		L(f, (e) => {
 			d(e ? "dropdown-open" : "dropdown-closed");
 		});
 		let h = r(() => !n.staticLabel && p.value && p.value.text ? p.value.text : n.label), g = r(() => p.value?.icon || n.icon), v = r(() => {
@@ -4545,7 +4548,7 @@ var Jo = ["data-align"], Yo = ["id", "role"], Xo = /* @__PURE__ */ ot(/* @__PURE
 			modelValue: I(f),
 			"onUpdate:modelValue": n[2] ||= (e) => _(f) ? f.value = e : null
 		}, c.value), {
-			trigger: pe(() => [u(Lt, {
+			trigger: R(() => [u(Lt, {
 				class: "pv-full-width",
 				ref: "select-button-trigger-ref",
 				variant: e.variant,
@@ -4589,7 +4592,7 @@ var Jo = ["data-align"], Yo = ["id", "role"], Xo = /* @__PURE__ */ ot(/* @__PURE
 				"renderer",
 				"selectedOption"
 			])]),
-			content: pe(() => [s("div", {
+			content: R(() => [s("div", {
 				class: "pv-popover pv-popover-scrollable",
 				"data-test-id": "pv-popover",
 				style: C([e.popoverCssProperties, { position: "unset" }])
@@ -4957,15 +4960,15 @@ var cc = {
 	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 (Q(a) && o.transform !== "strict") {
-			let { primitive: t, semantic: n, extend: m } = a, h = n || {}, { colorScheme: g } = h, _ = Us(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = Us(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = Us(x, ["dark"]), w = y || {}, { dark: T } = w, E = Us(w, ["dark"]), D = Q(t) ? this._toVariables({ primitive: t }, o) : {}, O = Q(_) ? this._toVariables({ semantic: _ }, o) : {}, k = Q(C) ? this._toVariables({ light: C }, o) : {}, A = Q(S) ? this._toVariables({ dark: S }, o) : {}, j = Q(b) ? this._toVariables({ semantic: b }, o) : {}, ee = Q(E) ? this._toVariables({ light: E }, o) : {}, M = Q(T) ? this._toVariables({ dark: T }, o) : {}, [te, N] = [D.declarations ?? "", D.tokens], [ne, re] = [O.declarations ?? "", O.tokens || []], [ie, P] = [k.declarations ?? "", k.tokens || []], [F, I] = [A.declarations ?? "", A.tokens || []], [ae, oe] = [j.declarations ?? "", j.tokens || []], [se, L] = [ee.declarations ?? "", ee.tokens || []], [ce, le] = [M.declarations ?? "", M.tokens || []];
+			let { primitive: t, semantic: n, extend: m } = a, h = n || {}, { colorScheme: g } = h, _ = Us(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = Us(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = Us(x, ["dark"]), w = y || {}, { dark: T } = w, E = Us(w, ["dark"]), D = Q(t) ? this._toVariables({ primitive: t }, o) : {}, O = Q(_) ? this._toVariables({ semantic: _ }, o) : {}, k = Q(C) ? this._toVariables({ light: C }, o) : {}, A = Q(S) ? this._toVariables({ dark: S }, o) : {}, j = Q(b) ? this._toVariables({ semantic: b }, o) : {}, ee = Q(E) ? this._toVariables({ light: E }, o) : {}, M = Q(T) ? this._toVariables({ dark: T }, o) : {}, [te, N] = [D.declarations ?? "", D.tokens], [ne, re] = [O.declarations ?? "", O.tokens || []], [ie, P] = [k.declarations ?? "", k.tokens || []], [F, I] = [A.declarations ?? "", A.tokens || []], [ae, oe] = [j.declarations ?? "", j.tokens || []], [se, ce] = [ee.declarations ?? "", ee.tokens || []], [le, ue] = [M.declarations ?? "", M.tokens || []];
 			s = this.transformCSS(e, te, "light", "variable", o, r, i), c = N, l = `${this.transformCSS(e, `${ne}${ie}`, "light", "variable", o, r, i)}${this.transformCSS(e, `${F}`, "dark", "variable", o, r, i)}`, u = [...new Set([
 				...re,
 				...P,
 				...I
-			])], d = `${this.transformCSS(e, `${ae}${se}color-scheme:light`, "light", "variable", o, r, i)}${this.transformCSS(e, `${ce}color-scheme:dark`, "dark", "variable", o, r, i)}`, f = [...new Set([
+			])], d = `${this.transformCSS(e, `${ae}${se}color-scheme:light`, "light", "variable", o, r, i)}${this.transformCSS(e, `${le}color-scheme:dark`, "dark", "variable", o, r, i)}`, f = [...new Set([
 				...oe,
-				...L,
-				...le
+				...ce,
+				...ue
 			])], p = ys(a.css, { dt: ic });
 		}
 		return {
@@ -5365,7 +5368,7 @@ function vc(e) {
 				nonce: u
 			}), x ? s.head.prepend(i.value) : s.head.appendChild(i.value), Ns(i.value, "data-primevue-style-id", c), js(i.value, o), i.value.onload = function(e) {
 				return D?.(e, { name: c });
-			}, C?.(c)), !n.value && (A = R(r, function(e) {
+			}, C?.(c)), !n.value && (A = L(r, function(e) {
 				i.value.textContent = e, T?.(c);
 			}, { immediate: !0 }), n.value = !0);
 		}
@@ -5876,7 +5879,7 @@ function Yc(e, t) {
 	Ws.on("theme:change", function(t) {
 		n.value ||= (e.config.globalProperties.$primevue.config.theme = t, !0);
 	});
-	var i = R(t.config, function(e, t) {
+	var i = L(t.config, function(e, t) {
 		Lc.emit("config:change", {
 			newValue: e,
 			oldValue: t
@@ -5884,7 +5887,7 @@ function Yc(e, t) {
 	}, {
 		immediate: !0,
 		deep: !0
-	}), a = R(function() {
+	}), a = L(function() {
 		return t.config.ripple;
 	}, function(e, t) {
 		Lc.emit("config:ripple:change", {
@@ -5894,7 +5897,7 @@ function Yc(e, t) {
 	}, {
 		immediate: !0,
 		deep: !0
-	}), o = R(function() {
+	}), o = L(function() {
 		return t.config.theme;
 	}, function(e, i) {
 		n.value || $.setTheme(e), t.config.unstyled || r(), n.value = !1, Lc.emit("config:theme:change", {
@@ -5904,7 +5907,7 @@ function Yc(e, t) {
 	}, {
 		immediate: !0,
 		deep: !1
-	}), s = R(function() {
+	}), s = L(function() {
 		return t.config.unstyled;
 	}, function(e, n) {
 		!e && t.config.theme && r(), Lc.emit("config:unstyled:change", {