@turquoisehealth/pit-viper 2.256.0 → 2.258.0

package/pv-components/dist/vue/base/pv-components-base.mjs

@@ -1,4 +1,4 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.pv-badge-md[data-v-3def68cb]{--inset-size:2px 2px;min-width:20px;min-height:20px;max-height:20px;font-weight:500}.pv-badge-sm[data-v-3def68cb]{--inset-size:0 2px;min-width:16px;min-height:16px;max-height:16px;font-weight:500}.pv-rounded[data-v-3def68cb]{border-radius:50%}[class*=pv-status]{&[data-v-f2cf1712]:before,&[data-v-f2cf1712]:after{margin-inline-end:0}}.pv-popover-list[data-v-fe6e9c6a]{font-size:14px}.pv-popover-pinned-sections[data-v-fe6e9c6a]{flex-direction:column;display:flex;overflow:hidden}.pv-popover-pinned-sections .pv-popover-list[data-v-fe6e9c6a]{overflow-y:auto}.pv-button-icon[aria-expanded=true][data-v-bb8eae3f]{background-color:var(--button-icon-pressed-background-color,#c7d8db)}.pv-select[data-v-bb8eae3f]{padding-top:4px;padding-bottom:4px}summary[data-v-dfa0b416]{background-image:none;padding-right:2px}.pv-input-search[data-v-9e0c84d9]{display:block}.pv-select-button-trigger-content[data-v-da9865ad]{min-width:0}.pv-select-button-trigger[data-v-da9865ad]{height:1.5rem;padding-block:0}.pv-select-button-trigger.pv-button-large[data-v-da9865ad]{height:2rem}.pv-select-button-trigger-label[data-v-da9865ad]{flex:auto;min-width:0}.pv-action-button-reveal-on-hover{opacity:0;transition:opacity .2s}.pv-label:hover .pv-action-button-reveal-on-hover{opacity:1}.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)}.dots-button[data-v-868db7a2]{background-color:#0000}.input-icon-position{pointer-events:none;position:absolute;top:8px;left:12px}.pv-insight-button[data-v-c1185c07]{position:absolute;top:.5rem;right:.5rem}.expandable-content[data-v-fc5fc7e0]{border-radius:.5rem}.expandable-content .pv-line-clamp[data-v-fc5fc7e0]{transition:max-height .3s ease-in-out}.pv-filter-panel-option-row[data-v-d5f24abf]{--flex-align:center;--flex-gap:.5rem;cursor:pointer;min-width:0;padding-left:calc(var(--pv-filter-panel-option-row-depth) * 1.25rem)}.pv-filter-panel-option-row-content[data-v-d5f24abf]{--flex-align:stretch;--flex-gap:0;flex:auto;min-width:0}.pv-filter-panel-option-row-disabled[data-v-d5f24abf]{cursor:not-allowed;opacity:.6}.pv-filter-panel-option-row-line[data-v-d5f24abf]{--lines:1}.pv-filter-panel-option-row-right[data-v-d5f24abf]{text-align:right;flex:none}summary[data-v-1bc7f614]{background-image:none;padding-right:2px}[data-v-1bc7f614] .pv-input-search{background-color:#fff}.suggested-title-label[data-v-1bc7f614]{text-underline-offset:2px;text-decoration:underline dotted}.pv-filter-panel-refresh-status[data-v-1bc7f614]{margin-left:auto;display:inline-flex}.pv-filter-modal-rail[data-v-e3f66d03]{--flex-align:stretch;flex:0 0 180px;padding-inline-end:1rem;overflow-y:auto}.pv-filter-modal-pane[data-v-e3f66d03]{flex:auto;min-width:0;min-height:0;padding-inline-start:1rem}.pv-filter-modal-options[data-v-e3f66d03]{min-height:360px;max-height:360px;overflow-y:auto}.pv-filter-modal-pane-actions[data-v-e3f66d03]{margin-top:auto;padding-top:.5rem}.pv-hover-action-menu[data-v-6325cd25]{position:relative}.pv-hover-action-menu__actions[data-v-6325cd25]{z-index:1;display:none;position:absolute}.pv-hover-action-menu:hover .pv-hover-action-menu__actions[data-v-6325cd25],.pv-hover-action-menu:focus-within .pv-hover-action-menu__actions[data-v-6325cd25]{display:flex}.pv-hover-action-menu--top-right .pv-hover-action-menu__actions[data-v-6325cd25]{top:var(--pv-hover-action-menu-offset-block,8px);right:var(--pv-hover-action-menu-offset-inline,8px)}.pv-hover-action-menu--top-left .pv-hover-action-menu__actions[data-v-6325cd25]{top:var(--pv-hover-action-menu-offset-block,8px);left:var(--pv-hover-action-menu-offset-inline,8px)}.pv-hover-action-menu--bottom-right .pv-hover-action-menu__actions[data-v-6325cd25]{right:var(--pv-hover-action-menu-offset-inline,8px);bottom:var(--pv-hover-action-menu-offset-block,8px)}.pv-hover-action-menu--bottom-left .pv-hover-action-menu__actions[data-v-6325cd25]{bottom:var(--pv-hover-action-menu-offset-block,8px);left:var(--pv-hover-action-menu-offset-inline,8px)}.pv-hover-action-menu__button[data-v-6325cd25] .pv-icon{margin:0}.pv-hover-action-menu__button[data-v-6325cd25],.pv-hover-action-menu__button[data-v-6325cd25] button{opacity:.7}.pv-hover-action-menu__button[data-v-6325cd25]:hover:not(:disabled),.pv-hover-action-menu__button[data-v-6325cd25] button:hover:not(:disabled){opacity:1}
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.pv-badge-md[data-v-3def68cb]{--inset-size:2px 2px;min-width:20px;min-height:20px;max-height:20px;font-weight:500}.pv-badge-sm[data-v-3def68cb]{--inset-size:0 2px;min-width:16px;min-height:16px;max-height:16px;font-weight:500}.pv-rounded[data-v-3def68cb]{border-radius:50%}[class*=pv-status]{&[data-v-f2cf1712]:before,&[data-v-f2cf1712]:after{margin-inline-end:0}}.pv-popover-list[data-v-fe6e9c6a]{font-size:14px}.pv-popover-pinned-sections[data-v-fe6e9c6a]{flex-direction:column;display:flex;overflow:hidden}.pv-popover-pinned-sections .pv-popover-list[data-v-fe6e9c6a]{overflow-y:auto}.pv-select[data-v-a13ab0e8]{padding-top:4px;padding-bottom:4px}summary[data-v-dfa0b416]{background-image:none;padding-right:2px}.pv-input-search[data-v-9e0c84d9]{display:block}.pv-select-button-trigger-content[data-v-da9865ad]{min-width:0}.pv-select-button-trigger[data-v-da9865ad]{height:1.5rem;padding-block:0}.pv-select-button-trigger.pv-button-large[data-v-da9865ad]{height:2rem}.pv-select-button-trigger-label[data-v-da9865ad]{flex:auto;min-width:0}.pv-action-button-reveal-on-hover{opacity:0;transition:opacity .2s}.pv-label:hover .pv-action-button-reveal-on-hover{opacity:1}.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)}.dots-button[data-v-92e78cd3]{background-color:#0000}.input-icon-position{pointer-events:none;position:absolute;top:8px;left:12px}.pv-insight-button[data-v-c1185c07]{position:absolute;top:.5rem;right:.5rem}.expandable-content[data-v-fc5fc7e0]{border-radius:.5rem}.expandable-content .pv-line-clamp[data-v-fc5fc7e0]{transition:max-height .3s ease-in-out}.pv-filter-panel-option-row[data-v-d5f24abf]{--flex-align:center;--flex-gap:.5rem;cursor:pointer;min-width:0;padding-left:calc(var(--pv-filter-panel-option-row-depth) * 1.25rem)}.pv-filter-panel-option-row-content[data-v-d5f24abf]{--flex-align:stretch;--flex-gap:0;flex:auto;min-width:0}.pv-filter-panel-option-row-disabled[data-v-d5f24abf]{cursor:not-allowed;opacity:.6}.pv-filter-panel-option-row-line[data-v-d5f24abf]{--lines:1}.pv-filter-panel-option-row-right[data-v-d5f24abf]{text-align:right;flex:none}summary[data-v-1bc7f614]{background-image:none;padding-right:2px}[data-v-1bc7f614] .pv-input-search{background-color:#fff}.suggested-title-label[data-v-1bc7f614]{text-underline-offset:2px;text-decoration:underline dotted}.pv-filter-panel-refresh-status[data-v-1bc7f614]{margin-left:auto;display:inline-flex}.pv-filter-modal-rail[data-v-e3f66d03]{--flex-align:stretch;flex:0 0 180px;padding-inline-end:1rem;overflow-y:auto}.pv-filter-modal-pane[data-v-e3f66d03]{flex:auto;min-width:0;min-height:0;padding-inline-start:1rem}.pv-filter-modal-options[data-v-e3f66d03]{min-height:360px;max-height:360px;overflow-y:auto}.pv-filter-modal-pane-actions[data-v-e3f66d03]{margin-top:auto;padding-top:.5rem}.pv-hover-action-menu[data-v-6325cd25]{position:relative}.pv-hover-action-menu__actions[data-v-6325cd25]{z-index:1;display:none;position:absolute}.pv-hover-action-menu:hover .pv-hover-action-menu__actions[data-v-6325cd25],.pv-hover-action-menu:focus-within .pv-hover-action-menu__actions[data-v-6325cd25]{display:flex}.pv-hover-action-menu--top-right .pv-hover-action-menu__actions[data-v-6325cd25]{top:var(--pv-hover-action-menu-offset-block,8px);right:var(--pv-hover-action-menu-offset-inline,8px)}.pv-hover-action-menu--top-left .pv-hover-action-menu__actions[data-v-6325cd25]{top:var(--pv-hover-action-menu-offset-block,8px);left:var(--pv-hover-action-menu-offset-inline,8px)}.pv-hover-action-menu--bottom-right .pv-hover-action-menu__actions[data-v-6325cd25]{right:var(--pv-hover-action-menu-offset-inline,8px);bottom:var(--pv-hover-action-menu-offset-block,8px)}.pv-hover-action-menu--bottom-left .pv-hover-action-menu__actions[data-v-6325cd25]{bottom:var(--pv-hover-action-menu-offset-block,8px);left:var(--pv-hover-action-menu-offset-inline,8px)}.pv-hover-action-menu__button[data-v-6325cd25] .pv-icon{margin:0}.pv-hover-action-menu__button[data-v-6325cd25],.pv-hover-action-menu__button[data-v-6325cd25] button{opacity:.7}.pv-hover-action-menu__button[data-v-6325cd25]:hover:not(:disabled),.pv-hover-action-menu__button[data-v-6325cd25] button:hover:not(:disabled){opacity:1}
 /*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();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, getCurrentInstance as f, getCurrentScope as p, guardReactiveProps as m, inject as h, isRef as g, mergeModels as _, mergeProps as v, nextTick as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as C, onBeforeUpdate as w, onMounted as T, onScopeDispose as E, onUnmounted as D, onUpdated as O, openBlock as k, provide as A, ref as j, renderList as M, renderSlot as N, resolveComponent as P, resolveDynamicComponent as F, shallowReactive as I, shallowRef as L, toDisplayString as R, toHandlers as z, toValue as B, unref as V, useAttrs as ee, useId as te, useModel as H, useSlots as ne, useTemplateRef as U, vModelCheckbox as W, vModelDynamic as re, vModelRadio as ie, vModelText as ae, vShow as oe, watch as G, watchEffect as se, withCtx as K, withDirectives as q, withKeys as ce, withModifiers as J } from "vue";
 import { onClickOutside as Y, onKeyStroke as le, useDebounceFn as ue, useElementBounding as de, useElementHover as fe, useElementSize as X, useMutationObserver as Z, useResizeObserver as pe, useToggle as me, useWindowSize as he, watchDebounced as ge } from "@vueuse/core";
@@ -1978,7 +1978,7 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 			...d.popoverCssProperties
 		} : d.popoverCssProperties);
 		return (t, r) => q((k(), o("div", {
-			class: "pv-relative",
+			class: "pv-dropdown-component pv-relative",
 			style: { width: "fit-content" },
 			onKeydown: ce(E, ["esc"])
 		}, [s("button", {
@@ -2024,7 +2024,7 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 			"isSortable"
 		])], 8, ["to", "disabled"]))], 32)), [[V(ve), T]]);
 	}
-}), [["__scopeId", "data-v-bb8eae3f"]]), Fr = { class: "pv-popover-menu" }, Ir = /* @__PURE__ */ d({
+}), [["__scopeId", "data-v-a13ab0e8"]]), Fr = { class: "pv-popover-menu" }, Ir = /* @__PURE__ */ d({
 	__name: "PvPopoverMenu",
 	props: {
 		alignment: { default: void 0 },
@@ -2197,15 +2197,18 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 }), Zr = /* @__PURE__ */ function(e) {
 	return e.Vertical = "Vertical", e.Horizontal = "Horizontal", e;
 }({}), Qr = /* @__PURE__ */ function(e) {
-	return e.Primary = "Primary", e.Secondary = "Secondary", e.Tertiary = "Tertiary", e;
-}({}), $r = ["title", "innerHTML"], ei = ["title", "innerHTML"], ti = { class: "pv-flex" }, ni = /* @__PURE__ */ d({
+	return e.Primary = "Primary", e.Secondary = "Secondary", e.Tertiary = "Tertiary", e.Universal = "Universal", e.AI = "AI", e.Marketing = "Marketing", e;
+}({}), $r = /* @__PURE__ */ function(e) {
+	return e.Blue = "Blue", e.Purple = "Purple", e.Red = "Red", e.Yellow = "Yellow", e.Green = "Green", e;
+}({}), ei = ["title", "innerHTML"], ti = ["title", "innerHTML"], ni = { class: "pv-flex" }, ri = /* @__PURE__ */ d({
 	__name: "PvBanner",
 	props: {
 		label: {},
 		description: {},
 		icon: {},
 		variant: { default: Qr.Primary },
-		orientation: { default: Zr.Horizontal }
+		orientation: { default: Zr.Horizontal },
+		accentColor: { default: $r.Blue }
 	},
 	setup(e) {
 		return (t, n) => (k(), o("div", {
@@ -2214,8 +2217,11 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 				"pv-banner-primary": e.variant === V(Qr).Primary,
 				"pv-banner-secondary": e.variant === V(Qr).Secondary,
 				"pv-banner-tertiary": e.variant === V(Qr).Tertiary,
+				"pv-banner-universal": e.variant === V(Qr).Universal,
+				"pv-banner-ai": e.variant === V(Qr).AI,
+				"pv-banner-marketing": e.variant === V(Qr).Marketing,
 				"pv-flex pv-space-between": e.orientation === V(Zr).Horizontal
-			}])
+			}, e.variant === V(Qr).Universal && `pv-banner-accent-${e.accentColor.toLowerCase()}`])
 		}, [s("div", { class: b(["pv-flex", { "pv-stack-16": e.orientation === V(Zr).Vertical && t.$slots.action }]) }, [
 			N(t.$slots, "left"),
 			e.icon ? (k(), i(Q, {
@@ -2224,25 +2230,25 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 				class: "pv-text-brand",
 				name: e.icon
 			}, null, 8, ["name"])) : a("", !0),
-			s("div", null, [e.label ? (k(), o("p", {
+			s("div", { class: b([{ "pv-flex": e.orientation === V(Zr).Horizontal }]) }, [e.label ? (k(), o("p", {
 				key: 0,
-				class: b(["pv-text-title-md pv-line-clamp", { "pv-stack-4": e.description }]),
+				class: b(["pv-text-title-md pv-line-clamp", { "pv-stack-4": e.description && e.orientation === V(Zr).Vertical }]),
 				style: {
 					"--lines": "2",
 					"font-weight": "500"
 				},
 				title: e.label,
 				innerHTML: e.label
-			}, null, 10, $r)) : a("", !0), e.description ? (k(), o("p", {
+			}, null, 10, ei)) : a("", !0), e.description ? (k(), o("p", {
 				key: 1,
 				class: "pv-text-body-sm pv-line-clamp",
 				style: { "--lines": "2" },
 				title: e.description,
 				innerHTML: e.description
-			}, null, 8, ei)) : a("", !0)])
-		], 2), s("div", ti, [N(t.$slots, "action")])], 2));
+			}, null, 8, ti)) : a("", !0)], 2)
+		], 2), s("div", ni, [N(t.$slots, "action")])], 2));
 	}
-}), ri = {
+}), ii = {
 	key: 0,
 	class: "pv-inset-square pv-radius",
 	style: {
@@ -2250,14 +2256,14 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 		"--radius": "6px",
 		width: "fit-content"
 	}
-}, ii = {
+}, ai = {
 	key: 0,
 	class: "pv-heading-3 pv-stack-8",
 	style: { "font-weight": "600" }
-}, ai = {
+}, oi = {
 	key: 1,
 	class: "pv-text-body-md pv-stack"
-}, oi = /* @__PURE__ */ d({
+}, si = /* @__PURE__ */ d({
 	__name: "PvEmptyErrorState",
 	props: {
 		description: {},
@@ -2276,19 +2282,19 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 		return (t, r) => (k(), o("div", {
 			class: b(n.value ? "pv-flex" : "pv-flex-vertical"),
 			style: S(i.value)
-		}, [e.icon ? (k(), o("div", ri, [u(Q, {
+		}, [e.icon ? (k(), o("div", ii, [u(Q, {
 			name: e.icon,
 			class: "pv-text-brand"
 		}, null, 8, ["name"])])) : a("", !0), s("div", {
 			class: "pv-flex-vertical",
 			style: S(c.value)
 		}, [
-			e.header ? (k(), o("h3", ii, R(e.header), 1)) : a("", !0),
-			e.description ? (k(), o("p", ai, R(e.description), 1)) : a("", !0),
+			e.header ? (k(), o("h3", ai, R(e.header), 1)) : a("", !0),
+			e.description ? (k(), o("p", oi, R(e.description), 1)) : a("", !0),
 			s("div", { class: b(n.value ? "pv-flex" : "pv-flex-vertical") }, [N(t.$slots, "actions")], 2)
 		], 4)], 6));
 	}
-}), si = /* @__PURE__ */ d({
+}), ci = /* @__PURE__ */ d({
 	__name: "PvCompanyTag",
 	props: {
 		companyName: {},
@@ -2333,11 +2339,11 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 			})) : a("", !0)
 		], 2));
 	}
-}), ci = [
+}), li = [
 	"data-style",
 	"disabled",
 	"title"
-], li = { class: "pv-truncate" }, ui = /* @__PURE__ */ d({
+], ui = { class: "pv-truncate" }, di = /* @__PURE__ */ d({
 	__name: "PvSuggestionTag",
 	props: {
 		size: { default: "md" },
@@ -2373,9 +2379,9 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 			name: e.icon,
 			size: 12,
 			class: b(e.iconClasses)
-		}, null, 8, ["name", "class"])) : a("", !0), s("span", li, R(e.label), 1)], 10, ci));
+		}, null, 8, ["name", "class"])) : a("", !0), s("span", ui, R(e.label), 1)], 10, li));
 	}
-}), di = ["open"], fi = /* @__PURE__ */ Je(/* @__PURE__ */ d({
+}), fi = ["open"], pi = /* @__PURE__ */ Je(/* @__PURE__ */ d({
 	__name: "PvAccordion",
 	props: /* @__PURE__ */ _({
 		chevronPosition: { default: "right" },
@@ -2447,13 +2453,13 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 				name: h.value,
 				"data-pv-accordion-chevron": ""
 			}, null, 8, ["name"])) : a("", !0)
-		], 16), s("div", { style: S(e.contentStyles) }, [N(n.$slots, "default", {}, void 0, !0)], 4)], 40, di));
+		], 16), s("div", { style: S(e.contentStyles) }, [N(n.$slots, "default", {}, void 0, !0)], 4)], 40, fi));
 	}
-}), [["__scopeId", "data-v-dfa0b416"]]), pi = { class: "pv-relative" }, mi = ["disabled", "placeholder"], hi = {
+}), [["__scopeId", "data-v-dfa0b416"]]), mi = { class: "pv-relative" }, hi = ["disabled", "placeholder"], gi = {
 	key: 0,
 	"data-testid": "pv-search-input-shortcut",
 	class: "pv-kbd"
-}, gi = "/", _i = /* @__PURE__ */ Je(/* @__PURE__ */ d({
+}, _i = "/", vi = /* @__PURE__ */ Je(/* @__PURE__ */ d({
 	__name: "PvSearchInput",
 	props: /* @__PURE__ */ _({
 		disabled: {
@@ -2479,11 +2485,11 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 			"pv-input-small": n.size === "lg"
 		}));
 		return T(() => {
-			n.displayShortcut && le(gi, (e) => {
+			n.displayShortcut && le(_i, (e) => {
 				let t = e.target, n = t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || (t?.isContentEditable ?? !1), r = document.activeElement === i.value;
 				(!n || r) && (r || (e.preventDefault(), i.value?.focus()));
 			});
-		}), t({ input: i }), (t, n) => (k(), o("div", pi, [q(s("input", {
+		}), t({ input: i }), (t, n) => (k(), o("div", mi, [q(s("input", {
 			ref: "search-input",
 			"onUpdate:modelValue": n[0] ||= (e) => c.value = e,
 			"data-testid": "pv-search-input",
@@ -2491,17 +2497,17 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 			disabled: e.disabled,
 			class: b(l.value),
 			placeholder: e.placeholder
-		}, null, 10, mi), [[ae, c.value]]), e.displayShortcut ? (k(), o("kbd", hi, R(gi))) : a("", !0)]));
+		}, null, 10, hi), [[ae, c.value]]), e.displayShortcut ? (k(), o("kbd", gi, R(_i))) : a("", !0)]));
 	}
-}), [["__scopeId", "data-v-9e0c84d9"]]), vi = /^\d{4}-\d{2}-\d{2}$/;
-function yi(e) {
-	if (vi.test(e)) {
+}), [["__scopeId", "data-v-9e0c84d9"]]), yi = /^\d{4}-\d{2}-\d{2}$/;
+function bi(e) {
+	if (yi.test(e)) {
 		let [t, n, r] = e.split("-").map(Number), i = new Date(t, n - 1, r);
 		return i.getFullYear() !== t || i.getMonth() !== n - 1 || i.getDate() !== r ? /* @__PURE__ */ new Date(NaN) : i;
 	}
 	return new Date(e);
 }
-function bi(e) {
+function xi(e) {
 	if (!e.trimStart().startsWith("[")) return null;
 	try {
 		let t = JSON.parse(e);
@@ -2510,24 +2516,24 @@ function bi(e) {
 		return null;
 	}
 }
-function xi(e, t = "date") {
+function Si(e, t = "date") {
 	if (e == null || e === "") return;
-	let n = e instanceof Date ? e : yi(String(e));
+	let n = e instanceof Date ? e : bi(String(e));
 	if (isNaN(n.getTime())) {
 		console.warn(`Invalid date value for "${t}": ${JSON.stringify(e)}. Expected a Date or a parseable date string.`);
 		return;
 	}
 	return n;
 }
-function Si(e, t = "date") {
-	return e == null || e === "" ? [] : (Array.isArray(e) ? e : (typeof e == "string" ? bi(e) : null) ?? [e]).map((e) => xi(e, t) ?? null);
-}
 function Ci(e, t = "date") {
-	return Array.isArray(e) || typeof e == "string" && bi(e) ? Si(e, t) : xi(e, t);
+	return e == null || e === "" ? [] : (Array.isArray(e) ? e : (typeof e == "string" ? xi(e) : null) ?? [e]).map((e) => Si(e, t) ?? null);
+}
+function wi(e, t = "date") {
+	return Array.isArray(e) || typeof e == "string" && xi(e) ? Ci(e, t) : Si(e, t);
 }
 //#endregion
 //#region src/components/base/PvDatePicker/PvDatePicker.vue
-var wi = /* @__PURE__ */ d({
+var Ti = /* @__PURE__ */ d({
 	__name: "PvDatePicker",
 	props: /* @__PURE__ */ _({
 		selectionMode: {},
@@ -2559,11 +2565,11 @@ var wi = /* @__PURE__ */ d({
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = H(e, "modelValue"), n = e, a = r({
-			get: () => Ci(t.value, "modelValue"),
+			get: () => wi(t.value, "modelValue"),
 			set: (e) => {
 				t.value = e;
 			}
-		}), o = r(() => xi(n.minDate, "minDate")), s = r(() => xi(n.maxDate, "maxDate")), c = r(() => n.disabledDates ? Si(n.disabledDates, "disabledDates").filter(Boolean) : void 0);
+		}), o = r(() => Si(n.minDate, "minDate")), s = r(() => Si(n.maxDate, "maxDate")), c = r(() => n.disabledDates ? Ci(n.disabledDates, "disabledDates").filter(Boolean) : void 0);
 		return (t, r) => (k(), i(V(ye), v(n, {
 			modelValue: a.value,
 			"onUpdate:modelValue": r[0] ||= (e) => a.value = e,
@@ -2591,10 +2597,10 @@ var wi = /* @__PURE__ */ d({
 	}
 });
 be.extend(Ce), be.extend(xe), be.extend(Se);
-var Ti = () => ({
+var Ei = () => ({
 	getCondensedDate: ({ date: e }) => be(e).format("MM/DD/YYYY"),
 	getTime: ({ date: e, timezone: t }) => t === void 0 ? be(e).format("h:mm A") : be(e).tz(t).format("h:mm A z")
-}), Ei = /* @__PURE__ */ d({
+}), Di = /* @__PURE__ */ d({
 	__name: "PvDateTime",
 	props: {
 		variants: { default: "condensed" },
@@ -2603,7 +2609,7 @@ var Ti = () => ({
 		size: { default: "sm" }
 	},
 	setup(e) {
-		let t = e, { getCondensedDate: n, getTime: i } = Ti(), a = r(() => {
+		let t = e, { getCondensedDate: n, getTime: i } = Ei(), a = r(() => {
 			switch (t.variants) {
 				case "time": return i({
 					date: t.date,
@@ -2615,13 +2621,13 @@ var Ti = () => ({
 		});
 		return (t, n) => (k(), o("span", {
 			"data-testid": "pv-date-time",
-			class: b(["pv-text-secondary", {
+			class: b(["pv-text-subdued", {
 				"pv-text-body-xxs": e.size === "xs",
 				"pv-text-body-md": e.size === "sm"
 			}])
 		}, R(a.value), 3));
 	}
-}), Di = (e) => e === "left" || e === "right" ? "horizontal" : "vertical", Oi = (e, t) => {
+}), Oi = (e) => e === "left" || e === "right" ? "horizontal" : "vertical", ki = (e, t) => {
 	if (e == null || e === "") return;
 	if (typeof e == "number") return Number.isFinite(e) ? e : void 0;
 	let n = e.trim();
@@ -2631,8 +2637,8 @@ var Ti = () => ({
 	}
 	let r = Number.parseFloat(n);
 	return Number.isFinite(r) ? r : void 0;
-}, ki = 4, Ai = (e) => {
-	let t = j(!1), n = j(0), i = null, a = 0, o = 0, s = null, c = r(() => B(e.edge) ?? "right"), l = r(() => Di(c.value)), u = r(() => B(e.disabled) ?? !1), d = r(() => B(e.collapsible) ?? !1), f = r(() => B(e.collapsedSize) ?? 0), p = r(() => B(e.snapThreshold) ?? 0), m = r(() => B(e.keyboardStep) ?? 16), h = r(() => B(e.min)), g = r(() => Math.max(h.value, B(e.max))), _ = r(() => c.value === "right" || c.value === "bottom" ? 1 : -1), v = r(() => d.value && n.value <= f.value), y = (e) => d.value && e < h.value - p.value ? f.value : Math.min(g.value, Math.max(h.value, e)), b = (r) => {
+}, Ai = 4, ji = (e) => {
+	let t = j(!1), n = j(0), i = null, a = 0, o = 0, s = null, c = r(() => B(e.edge) ?? "right"), l = r(() => Oi(c.value)), u = r(() => B(e.disabled) ?? !1), d = r(() => B(e.collapsible) ?? !1), f = r(() => B(e.collapsedSize) ?? 0), p = r(() => B(e.snapThreshold) ?? 0), m = r(() => B(e.keyboardStep) ?? 16), h = r(() => B(e.min)), g = r(() => Math.max(h.value, B(e.max))), _ = r(() => c.value === "right" || c.value === "bottom" ? 1 : -1), v = r(() => d.value && n.value <= f.value), y = (e) => d.value && e < h.value - p.value ? f.value : Math.min(g.value, Math.max(h.value, e)), b = (r) => {
 		!t.value && r > f.value && (s = r), n.value = r, e.onResize?.(r);
 	}, x = (t) => {
 		n.value = t ?? e.readSize();
@@ -2661,7 +2667,7 @@ var Ti = () => ({
 			t.preventDefault(), S();
 			return;
 		}
-		let n = l.value === "horizontal", r = (t.shiftKey ? m.value * ki : m.value) * _.value, i = e.readSize(), a;
+		let n = l.value === "horizontal", r = (t.shiftKey ? m.value * Ai : m.value) * _.value, i = e.readSize(), a;
 		switch (t.key) {
 			case "ArrowLeft":
 				n && (a = i - r);
@@ -2715,7 +2721,7 @@ var Ti = () => ({
 		syncSize: x,
 		toggleCollapsed: S
 	};
-}, ji = /* @__PURE__ */ d({
+}, Mi = /* @__PURE__ */ d({
 	__name: "PvResizeHandle",
 	props: /* @__PURE__ */ _({
 		ariaLabel: { default: "Resize" },
@@ -2749,7 +2755,7 @@ var Ti = () => ({
 		"resize-start"
 	], ["update:size"]),
 	setup(e, { emit: t }) {
-		let n = e, i = H(e, "size"), a = t, s = U("handle"), c = j(null), l = !1, u = r(() => Di(n.edge)), d = (e) => {
+		let n = e, i = H(e, "size"), a = t, s = U("handle"), c = j(null), l = !1, u = r(() => Oi(n.edge)), d = (e) => {
 			let t = e?.parentNode ?? null;
 			for (; t;) {
 				if (t.nodeType === 1) return t;
@@ -2767,8 +2773,8 @@ var Ti = () => ({
 		}, b = r(() => {
 			let e = u.value === "horizontal" ? m.value : p.value;
 			return e > 0 ? e : _();
-		}), x = r(() => Oi(n.minSize, b.value) ?? 0), S = r(() => Oi(n.collapsedSize, b.value) ?? 0), C = r(() => {
-			let e = Oi(n.maxSize, b.value);
+		}), x = r(() => ki(n.minSize, b.value) ?? 0), S = r(() => ki(n.collapsedSize, b.value) ?? 0), C = r(() => {
+			let e = ki(n.maxSize, b.value);
 			return e !== void 0 && e > 0 ? e : b.value > 0 ? b.value : u.value === "horizontal" ? g.value : h.value;
 		}), w = (e) => n.collapsible && e === S.value ? e : Math.max(x.value, Math.min(C.value, e)), E = () => {
 			let e = c.value;
@@ -2806,10 +2812,10 @@ var Ti = () => ({
 			} catch {}
 		}, P = (e) => {
 			O(e), i.value = e;
-		}, { handleProps: F, isResizing: I, syncSize: L } = Ai({
+		}, { handleProps: F, isResizing: I, syncSize: L } = ji({
 			collapsedSize: S,
 			collapsible: () => n.collapsible,
-			defaultSize: () => Oi(n.defaultSize, b.value) ?? x.value,
+			defaultSize: () => ki(n.defaultSize, b.value) ?? x.value,
 			disabled: () => n.disabled,
 			edge: () => n.edge,
 			keyboardStep: () => n.keyboardStep,
@@ -2853,7 +2859,7 @@ var Ti = () => ({
 			let e = i.value === void 0 ? M() : void 0, t = i.value ?? (e?.collapsed && n.collapsible ? n.collapsedSize : e?.size) ?? n.defaultSize;
 			if (typeof t == "string" && t.trim().endsWith("%") && b.value <= 0) return;
 			l = !0;
-			let r = Oi(t, b.value);
+			let r = ki(t, b.value);
 			if (r === void 0) {
 				let e = D(), t = e === 0 ? 0 : w(e);
 				t !== e && P(t), L(t);
@@ -2871,31 +2877,31 @@ var Ti = () => ({
 			"data-testid": "pv-resize-handle"
 		}, V(F)), null, 16));
 	}
-}), Mi = {
+}), Ni = {
 	key: 1,
 	class: "pv-inset-squish-12 pv-border-bottom",
 	style: { "flex-shrink": "0" }
-}, Ni = {
+}, Pi = {
 	class: "pv-flex-vertical pv-stack-16",
 	style: { "--flex-align": "flex-start" }
-}, Pi = { class: "pv-flex pv-full-width" }, Fi = { class: "pv-full-width pv-heading-3" }, Ii = {
+}, Fi = { class: "pv-flex pv-full-width" }, Ii = { class: "pv-full-width pv-heading-3" }, Li = {
 	key: 0,
 	class: "pv-text-body-md"
-}, Li = {
+}, Ri = {
 	key: 0,
 	class: "pv-inset-inline-16"
-}, Ri = {
+}, zi = {
 	class: "pv-inset-inline-16",
 	style: {
 		flex: "1",
 		"overflow-y": "auto",
 		"min-height": "0"
 	}
-}, zi = {
+}, Bi = {
 	key: 2,
 	class: "pv-inset-squish-12 pv-border-top",
 	style: { "flex-shrink": "0" }
-}, Bi = /* @__PURE__ */ d({
+}, Vi = /* @__PURE__ */ d({
 	__name: "PvDrawer",
 	props: /* @__PURE__ */ _({
 		closeOnClickOutside: {
@@ -2957,15 +2963,15 @@ var Ti = () => ({
 				height: "100%"
 			}
 		}, [
-			e.resizable ? (k(), i(ji, {
+			e.resizable ? (k(), i(Mi, {
 				key: 0,
 				size: p.value,
 				"onUpdate:size": c[0] ||= (e) => p.value = e,
 				ariaLabel: "Resize drawer",
-				defaultSize: V(Oi)(e.defaultWidth, V(d)) ?? Math.min(600, V(d)),
+				defaultSize: V(ki)(e.defaultWidth, V(d)) ?? Math.min(600, V(d)),
 				edge: e.resizeEdge,
-				maxSize: V(Oi)(e.maxWidth, V(d)) ?? V(d),
-				minSize: V(Oi)(e.minWidth, V(d)),
+				maxSize: V(ki)(e.maxWidth, V(d)) ?? V(d),
+				minSize: V(ki)(e.minWidth, V(d)),
 				storageKey: e.resizeStorageKey
 			}, null, 8, [
 				"size",
@@ -2975,47 +2981,47 @@ var Ti = () => ({
 				"minSize",
 				"storageKey"
 			])) : a("", !0),
-			e.hideHeader ? a("", !0) : (k(), o("div", Mi, [n.$slots.header ? N(n.$slots, "header", { key: 0 }) : (k(), o(t, { key: 1 }, [s("div", Ni, [s("div", Pi, [s("span", Fi, R(e.header), 1), u($, {
+			e.hideHeader ? a("", !0) : (k(), o("div", Ni, [n.$slots.header ? N(n.$slots, "header", { key: 0 }) : (k(), o(t, { key: 1 }, [s("div", Pi, [s("div", Fi, [s("span", Ii, R(e.header), 1), u($, {
 				"left-icon": "close",
 				ariaLabel: "Close",
 				size: "md",
 				onClick: h,
 				"data-testid": "pv-side-panel-close-button",
 				variant: "ghost"
-			})]), e.subheader ? (k(), o("span", Ii, R(e.subheader), 1)) : a("", !0)]), e.showSearchbar && f.value !== void 0 ? (k(), o("div", Li, [u(_i, v({
+			})]), e.subheader ? (k(), o("span", Li, R(e.subheader), 1)) : a("", !0)]), e.showSearchbar && f.value !== void 0 ? (k(), o("div", Ri, [u(vi, v({
 				"data-testid": "pv-side-panel-input-search",
 				modelValue: f.value,
 				"onUpdate:modelValue": c[1] ||= (e) => f.value = e
 			}, r.searchInputProps), null, 16, ["modelValue"])])) : a("", !0)], 64))])),
-			s("div", Ri, [N(n.$slots, "default")]),
-			n.$slots.footer ? (k(), o("div", zi, [N(n.$slots, "footer")])) : a("", !0)
+			s("div", zi, [N(n.$slots, "default")]),
+			n.$slots.footer ? (k(), o("div", Bi, [N(n.$slots, "footer")])) : a("", !0)
 		], 2));
 	}
-}), Vi = Symbol("PvContextSurface"), Hi = [
+}), Hi = Symbol("PvContextSurface"), Ui = [
 	"open",
 	"role",
 	"aria-modal",
 	"aria-labelledby"
-], Ui = {
+], Wi = {
 	class: "pv-inset-square pv-border-bottom",
 	style: { "flex-shrink": "0" }
-}, Wi = {
+}, Gi = {
 	class: "pv-flex pv-stack-8",
 	style: { "--flex-justify": "space-between" }
-}, Gi = {
+}, Ki = {
 	class: "pv-flex",
 	style: { "--flex-gap": "4px" }
-}, Ki = {
+}, qi = {
 	key: 0,
 	class: "pv-flex",
 	style: {
 		"--flex-align": "center",
 		"--flex-gap": "8px"
 	}
-}, qi = ["id"], Ji = ["id"], Yi = {
+}, Ji = ["id"], Yi = ["id"], Xi = {
 	key: 0,
 	style: { "flex-shrink": "0" }
-}, Xi = /* @__PURE__ */ d({
+}, Zi = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "PvContextSurface",
 	props: {
@@ -3032,7 +3038,7 @@ var Ti = () => ({
 	],
 	setup(e, { emit: t }) {
 		let n = e, c = t;
-		A(Vi, { showContext: (e) => c("show-context", e) });
+		A(Hi, { showContext: (e) => c("show-context", e) });
 		let l = r(() => n.variant === "card" ? "pv-card pv-context-surface" : "pv-drawer pv-surface pv-context-surface"), d = r(() => {
 			let e = n.contextType?.toLowerCase();
 			return e === "payer" || e === "provider";
@@ -3060,7 +3066,7 @@ var Ti = () => ({
 			"data-testid": "pv-context-surface",
 			tabindex: "-1"
 		}), [
-			s("div", Ui, [s("div", Wi, [s("div", Gi, [e.showBack ? (k(), i($, {
+			s("div", Wi, [s("div", Gi, [s("div", Ki, [e.showBack ? (k(), i($, {
 				key: 0,
 				"left-icon": "chevron-left",
 				"aria-label": "Back",
@@ -3080,14 +3086,14 @@ var Ti = () => ({
 				"aria-label": "Close",
 				variant: "ghost",
 				onClick: y
-			}))]), N(t.$slots, "title", {}, () => [d.value ? (k(), o("div", Ki, [u(Wr, { name: e.header }, null, 8, ["name"]), s("h2", {
+			}))]), N(t.$slots, "title", {}, () => [d.value ? (k(), o("div", qi, [u(Wr, { name: e.header }, null, 8, ["name"]), s("h2", {
 				id: m.value,
 				class: "pv-heading-2"
-			}, R(e.header), 9, qi)])) : (k(), o("h2", {
+			}, R(e.header), 9, Ji)])) : (k(), o("h2", {
 				key: 1,
 				id: m.value,
 				class: "pv-heading-2"
-			}, R(e.header), 9, Ji))])]),
+			}, R(e.header), 9, Yi))])]),
 			s("div", {
 				class: b(["pv-inset-square", { "pv-border-bottom": t.$slots.footer }]),
 				style: {
@@ -3096,34 +3102,34 @@ var Ti = () => ({
 					"min-height": "0"
 				}
 			}, [N(t.$slots, "default")], 2),
-			t.$slots.footer ? (k(), o("div", Yi, [N(t.$slots, "footer")])) : a("", !0)
-		], 16, Hi));
+			t.$slots.footer ? (k(), o("div", Xi, [N(t.$slots, "footer")])) : a("", !0)
+		], 16, Ui));
 	}
-}), Zi = { class: "pv-text-subdued pv-flex-item" }, Qi = {
+}), Qi = { class: "pv-text-subdued pv-flex-item" }, $i = {
 	class: "pv-flex-item",
 	style: { "font-weight": "500" }
-}, $i = [
+}, ea = [
 	"role",
 	"tabindex",
 	"onClick",
 	"onKeydown"
-], ea = [
+], ta = [
 	"role",
 	"tabindex",
 	"onClick",
 	"onKeydown"
-], ta = 4, na = /* @__PURE__ */ d({
+], na = 4, ra = /* @__PURE__ */ d({
 	__name: "PvSpinesEntityFields",
 	props: { entityFields: {} },
 	emits: ["show-context"],
 	setup(e, { emit: n }) {
-		let c = e, d = n, f = h(Vi, null), p = r(() => c.entityFields.map((e) => {
-			let t = Array.isArray(e.value) ? e.value : [e.value], n = t.length > ta;
+		let c = e, d = n, f = h(Hi, null), p = r(() => c.entityFields.map((e) => {
+			let t = Array.isArray(e.value) ? e.value : [e.value], n = t.length > na;
 			return {
 				label: e.label,
 				values: t,
-				visibleValues: n ? t.slice(0, ta) : t,
-				hiddenValues: n ? t.slice(ta) : []
+				visibleValues: n ? t.slice(0, na) : t,
+				hiddenValues: n ? t.slice(na) : []
 			};
 		})), m = (e) => {
 			if (!e.isClickable || !e.contextIdentifier) return;
@@ -3136,14 +3142,14 @@ var Ti = () => ({
 			key: e.label,
 			class: "pv-flex pv-text-body-md",
 			style: { padding: "0.25rem" }
-		}, [s("span", Zi, R(e.label), 1), s("span", Qi, [(k(!0), o(t, null, M(e.visibleValues, (n, r) => (k(), o(t, { key: r }, [s("span", {
+		}, [s("span", Qi, R(e.label), 1), s("span", $i, [(k(!0), o(t, null, M(e.visibleValues, (n, r) => (k(), o(t, { key: r }, [s("span", {
 			class: b({ "pv-underline-dotted": n.isClickable }),
 			style: S({ cursor: n.isClickable ? "pointer" : void 0 }),
 			role: n.isClickable ? "button" : void 0,
 			tabindex: n.isClickable ? 0 : void 0,
 			onClick: (e) => m(n),
 			onKeydown: (e) => g(e, n)
-		}, R(n.name), 47, $i), r < e.visibleValues.length - 1 ? (k(), o(t, { key: 0 }, [l(", ")], 64)) : a("", !0)], 64))), 128)), e.hiddenValues.length ? (k(), i(dr, {
+		}, R(n.name), 47, ea), r < e.visibleValues.length - 1 ? (k(), o(t, { key: 0 }, [l(", ")], 64)) : a("", !0)], 64))), 128)), e.hiddenValues.length ? (k(), i(dr, {
 			key: 0,
 			position: "top-left",
 			variant: "white",
@@ -3165,20 +3171,20 @@ var Ti = () => ({
 				tabindex: e.isClickable ? 0 : void 0,
 				onClick: (t) => m(e),
 				onKeydown: (t) => g(t, e)
-			}, R(e.name), 47, ea))), 128))]),
+			}, R(e.name), 47, ta))), 128))]),
 			_: 2
 		}, 1024)) : a("", !0)])]))), 128));
 	}
-}), ra = {
+}), ia = {
 	class: "pv-flex-vertical",
 	style: { "--flex-align": "flex-start" }
-}, ia = ["for"], aa = [
+}, aa = ["for"], oa = [
 	"rows",
 	"disabled",
 	"placeholder",
 	"id",
 	"data-invalid"
-], oa = /* @__PURE__ */ d({
+], sa = /* @__PURE__ */ d({
 	__name: "PvTextArea",
 	props: /* @__PURE__ */ _({
 		error: { type: Boolean },
@@ -3195,12 +3201,12 @@ var Ti = () => ({
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = H(e, "modelValue");
-		return (n, r) => (k(), o("div", ra, [
+		return (n, r) => (k(), o("div", ia, [
 			n.$slots.label ? (k(), o("label", {
 				key: 0,
 				class: "pv-label",
 				for: e.id
-			}, [N(n.$slots, "label")], 8, ia)) : a("", !0),
+			}, [N(n.$slots, "label")], 8, aa)) : a("", !0),
 			q(s("textarea", v(n.$attrs, {
 				"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
 				class: ["pv-textarea", { "pv-surface-accent": e.variant === "grey" }],
@@ -3209,7 +3215,7 @@ var Ti = () => ({
 				placeholder: e.placeholder,
 				id: e.id,
 				"data-invalid": e.error ? !0 : void 0
-			}), null, 16, aa), [[ae, t.value]]),
+			}), null, 16, oa), [[ae, t.value]]),
 			e.lowerLabel ? (k(), o("p", {
 				key: 1,
 				style: { "margin-left": "12px" },
@@ -3220,13 +3226,13 @@ var Ti = () => ({
 			}, R(e.lowerLabel), 3)) : a("", !0)
 		]));
 	}
-}), sa = ["for"], ca = [
+}), ca = ["for"], la = [
 	"id",
 	"type",
 	"value",
 	"name",
 	"disabled"
-], la = { key: 1 }, ua = /* @__PURE__ */ d({
+], ua = { key: 1 }, da = /* @__PURE__ */ d({
 	__name: "PvToggleButton",
 	props: /* @__PURE__ */ _({
 		size: { default: "xl" },
@@ -3276,12 +3282,12 @@ var Ti = () => ({
 				value: e.value,
 				name: e.name,
 				disabled: e.disabled
-			}, null, 8, ca), [[re, n.value]]),
+			}, null, 8, la), [[re, n.value]]),
 			e.leftIcon ? (k(), i(Q, {
 				key: 0,
 				name: e.leftIcon
 			}, null, 8, ["name"])) : a("", !0),
-			e.label ? (k(), o("span", la, R(e.label), 1)) : a("", !0),
+			e.label ? (k(), o("span", ua, R(e.label), 1)) : a("", !0),
 			e.rightIcon ? (k(), i(Q, {
 				key: 2,
 				name: e.rightIcon
@@ -3291,9 +3297,9 @@ var Ti = () => ({
 				value: e.rightCounterBadge,
 				variant: u.value
 			}, null, 8, ["value", "variant"])) : a("", !0)
-		], 10, sa));
+		], 10, ca));
 	}
-}), da = { class: "pv-flex-item" }, fa = { class: "pv-text-body-md" }, pa = /* @__PURE__ */ d({
+}), fa = { class: "pv-flex-item" }, pa = { class: "pv-text-body-md" }, ma = /* @__PURE__ */ d({
 	__name: "PvToast",
 	props: {
 		variant: { default: "info" },
@@ -3328,7 +3334,7 @@ var Ti = () => ({
 				name: e.icon ? e.icon : n[e.variant],
 				size: 20
 			}, null, 8, ["name"])),
-			s("div", da, [N(r.$slots, "header"), s("p", fa, R(e.label), 1)]),
+			s("div", fa, [N(r.$slots, "header"), s("p", pa, R(e.label), 1)]),
 			N(r.$slots, "default"),
 			u($, {
 				variant: "ghost",
@@ -3340,19 +3346,19 @@ var Ti = () => ({
 			}, null, 8, ["inverse"])
 		], 2));
 	}
-}), ma = {
+}), ha = {
 	class: "pv-inset-square",
 	style: { "flex-shrink": "0" }
-}, ha = {
+}, ga = {
 	key: 1,
 	class: "pv-flex pv-space-between"
-}, ga = { key: 2 }, _a = {
+}, _a = { key: 2 }, va = {
 	class: "pv-flex pv-stack",
 	style: {
 		"--flex-gap": "4px",
 		"flex-wrap": "wrap"
 	}
-}, va = { class: "pv-stack" }, ya = { class: "pv-flex pv-space-between" }, ba = /* @__PURE__ */ d({
+}, ya = { class: "pv-stack" }, ba = { class: "pv-flex pv-space-between" }, xa = /* @__PURE__ */ d({
 	__name: "PvContextFeedback",
 	props: {
 		fields: {},
@@ -3393,15 +3399,15 @@ var Ti = () => ({
 		}, y = (e, t) => {
 			t ? l.value.includes(e) || (l.value = [...l.value, e]) : l.value = l.value.filter((t) => t !== e);
 		};
-		return (e, n) => (k(), o("div", ma, [p.value ? (k(), i(pa, {
+		return (e, n) => (k(), o("div", ha, [p.value ? (k(), i(ma, {
 			key: 0,
 			class: "pv-stack",
 			variant: p.value.variant,
 			label: p.value.message,
 			onHandleClose: n[0] ||= (e) => p.value = null
-		}, null, 8, ["variant", "label"])) : a("", !0), c.value ? (k(), o("div", ga, [
+		}, null, 8, ["variant", "label"])) : a("", !0), c.value ? (k(), o("div", _a, [
 			n[3] ||= s("h4", { class: "pv-heading-4 pv-stack" }, "Select fields for feedback.", -1),
-			s("div", _a, [(k(!0), o(t, null, M(m.value, (e) => (k(), i(ua, {
+			s("div", va, [(k(!0), o(t, null, M(m.value, (e) => (k(), i(da, {
 				key: e,
 				label: e,
 				"model-value": l.value.includes(e),
@@ -3414,12 +3420,12 @@ var Ti = () => ({
 				"model-value",
 				"onUpdate:modelValue"
 			]))), 128))]),
-			s("div", va, [u(oa, {
+			s("div", ya, [u(sa, {
 				modelValue: d.value,
 				"onUpdate:modelValue": n[1] ||= (e) => d.value = e,
 				placeholder: "(Optional) Add a comment"
 			}, null, 8, ["modelValue"])]),
-			s("div", ya, [u($, {
+			s("div", ba, [u($, {
 				variant: "ghost",
 				label: "Cancel",
 				size: "md",
@@ -3433,18 +3439,18 @@ var Ti = () => ({
 				loading: f.value,
 				onClick: v
 			}, null, 8, ["disabled", "loading"])])
-		])) : (k(), o("div", ha, [n[2] ||= s("span", { class: "pv-text-body-md pv-text-subdued" }, "Something look off?", -1), u($, {
+		])) : (k(), o("div", ga, [n[2] ||= s("span", { class: "pv-text-body-md pv-text-subdued" }, "Something look off?", -1), u($, {
 			label: "Give Feedback",
 			variant: "ghost",
 			size: "md",
 			onClick: g
 		})]))]));
 	}
-}), xa = ["data-style", "data-invalid"], Sa = [
+}), Sa = ["data-style", "data-invalid"], Ca = [
 	"placeholder",
 	"disabled",
 	"name"
-], Ca = /* @__PURE__ */ d({
+], wa = /* @__PURE__ */ d({
 	__name: "PvGhostInput",
 	props: /* @__PURE__ */ _({
 		variant: { default: "h1" },
@@ -3509,7 +3515,7 @@ var Ti = () => ({
 				placeholder: e.placeholder,
 				disabled: e.disabled,
 				name: n[e.variant]
-			}), null, 16, Sa), [[ae, l.value]]),
+			}), null, 16, Ca), [[ae, l.value]]),
 			e.showEditIcon ? (k(), i($, {
 				key: 0,
 				"left-icon": "edit",
@@ -3517,27 +3523,27 @@ var Ti = () => ({
 				variant: "ghost",
 				onClick: d
 			})) : a("", !0)
-		], 8, xa));
+		], 8, Sa));
 	}
-}), wa = [
+}), Ta = [
 	"data-active",
 	"data-type",
 	"data-testid",
 	"onClick"
-], Ta = {
+], Ea = {
 	key: 0,
 	class: "pv-tab-input"
-}, Ea = ["aria-expanded"], Da = {
+}, Da = ["aria-expanded"], Oa = {
 	class: "pv-popover pv-popover-list",
 	style: { "--width": "fit-content" }
-}, Oa = ["data-active"], ka = [
+}, ka = ["data-active"], Aa = [
 	"aria-disabled",
 	"title",
 	"onClick"
-], Aa = ["disabled", "title"], ja = {
+], ja = ["disabled", "title"], Ma = {
 	class: "pv-popover pv-popover-list",
 	style: { "--width": "fit-content" }
-}, Ma = ["onClick"], Na = "__pv-tabs-overflow__", Pa = /* @__PURE__ */ d({
+}, Na = ["onClick"], Pa = "__pv-tabs-overflow__", Fa = /* @__PURE__ */ d({
 	__name: "PvTabs",
 	props: /* @__PURE__ */ _({
 		collapseOverflow: { type: Boolean },
@@ -3561,10 +3567,10 @@ var Ti = () => ({
 		}, h = r(() => {
 			let e = c.tabs.some((e) => e.type === "addButton"), t = c.tabs.some((e) => e.options?.some((e) => e.value === "delete"));
 			return e || !t ? c.tabs : [...c.tabs, m];
-		}), g = j(null), { width: _ } = X(g), v = j(0), x = j(!1), S = j(!1), C = L({}), w = (e) => e.type === "addButton", E = (e) => e.value === Na, D = (e) => C.value[p(e)] ?? 0, O = r(() => h.value.filter((e) => !w(e))), A = r(() => h.value.filter(w)), N = r(() => {
+		}), g = j(null), { width: _ } = X(g), v = j(0), x = j(!1), S = j(!1), C = L({}), w = (e) => e.type === "addButton", E = (e) => e.value === Pa, D = (e) => C.value[p(e)] ?? 0, O = r(() => h.value.filter((e) => !w(e))), A = r(() => h.value.filter(w)), N = r(() => {
 			let e = O.value.map(D);
 			if (!c.collapseOverflow || _.value <= 0) return e.length;
-			let t = A.value.map(D), n = C.value[Na] ?? 0, r = (r) => {
+			let t = A.value.map(D), n = C.value[Pa] ?? 0, r = (r) => {
 				let i = [
 					...e.slice(0, r),
 					...r < e.length ? [n] : [],
@@ -3576,7 +3582,7 @@ var Ti = () => ({
 			return i;
 		}), P = r(() => O.value.slice(N.value)), F = r(() => ({
 			label: `+${x.value ? O.value.length : P.value.length} more`,
-			value: Na
+			value: Pa
 		})), I = r(() => x.value ? [...h.value, F.value] : P.value.length ? [
 			...O.value.slice(0, N.value),
 			F.value,
@@ -3647,7 +3653,7 @@ var Ti = () => ({
 			"data-type": ie(e),
 			"data-testid": ie(e) ? `pv-tab-${ie(e)}` : "pv-tab",
 			onClick: () => U(e)
-		}, [e.type === "input" ? (k(), o("div", Ta, [u(Ca, {
+		}, [e.type === "input" ? (k(), o("div", Ea, [u(wa, {
 			variant: "text-md",
 			autofocus: "",
 			placeholder: e.label,
@@ -3673,8 +3679,8 @@ var Ti = () => ({
 				type: "button",
 				"aria-haspopup": "true",
 				"aria-expanded": S.value
-			}, R(e.label), 9, Ea)]),
-			content: K(() => [s("ul", Da, [(k(!0), o(t, null, M(P.value, (e) => (k(), o("li", {
+			}, R(e.label), 9, Da)]),
+			content: K(() => [s("ul", Oa, [(k(!0), o(t, null, M(P.value, (e) => (k(), o("li", {
 				key: p(e),
 				"data-active": re(e)
 			}, [s("a", {
@@ -3682,7 +3688,7 @@ var Ti = () => ({
 				"aria-disabled": e.disabled,
 				title: e.disabled ? e.disabledReason : void 0,
 				onClick: J((t) => W(e), ["prevent"])
-			}, R(e.label), 9, ka)], 8, Oa))), 128))])]),
+			}, R(e.label), 9, Aa)], 8, ka))), 128))])]),
 			_: 2
 		}, 1032, ["modelValue"])) : (k(), o("button", {
 			key: 2,
@@ -3701,7 +3707,7 @@ var Ti = () => ({
 				variant: re(e) ? "primary" : "tertiary",
 				size: "sm"
 			}, null, 8, ["value", "variant"])) : a("", !0)
-		], 8, Aa)), ae(e) ? (k(), i(lr, {
+		], 8, ja)), ae(e) ? (k(), i(lr, {
 			key: 3,
 			class: "pv-tab-options",
 			"show-on-hover": "",
@@ -3713,35 +3719,35 @@ var Ti = () => ({
 				size: "md",
 				ariaLabel: "Tab options"
 			})]),
-			content: K(() => [s("ul", ja, [(k(!0), o(t, null, M(e.options, (t) => (k(), o("li", { key: t.value }, [s("a", {
+			content: K(() => [s("ul", Ma, [(k(!0), o(t, null, M(e.options, (t) => (k(), o("li", { key: t.value }, [s("a", {
 				href: "#",
 				class: b({ "pv-text-critical": t.value === "delete" }),
 				onClick: J((n) => oe(e, t), ["prevent"])
-			}, R(t.label), 11, Ma)]))), 128))])]),
+			}, R(t.label), 11, Na)]))), 128))])]),
 			_: 2
-		}, 1024)) : a("", !0)], 8, wa))), 128))], 2));
+		}, 1024)) : a("", !0)], 8, Ta))), 128))], 2));
 	}
-}), Fa = {
+}), Ia = {
 	class: "pv-breadcrumbs",
 	role: "list",
 	"data-testid": "pv-breadcrumbs"
-}, Ia = ["href"], La = ["onClick"], Ra = /* @__PURE__ */ d({
+}, La = ["href"], Ra = ["onClick"], za = /* @__PURE__ */ d({
 	__name: "PvBreadcrumbs",
 	props: { options: {} },
 	emits: ["handle-click"],
 	setup(e) {
-		return (n, r) => (k(), o("ul", Fa, [(k(!0), o(t, null, M(e.options, (e, t) => (k(), o("li", { key: `${t}-${e.label}` }, [e.href ? (k(), o("a", {
+		return (n, r) => (k(), o("ul", Ia, [(k(!0), o(t, null, M(e.options, (e, t) => (k(), o("li", { key: `${t}-${e.label}` }, [e.href ? (k(), o("a", {
 			key: 0,
 			href: e.href
-		}, R(e.label), 9, Ia)) : (k(), o("span", {
+		}, R(e.label), 9, La)) : (k(), o("span", {
 			key: 1,
 			onClick: (t) => n.$emit("handle-click", e.label)
-		}, R(e.label), 9, La))]))), 128))]));
+		}, R(e.label), 9, Ra))]))), 128))]));
 	}
-}), za = {
+}), Ba = {
 	"data-testid": "pv-select-menu-control-panel",
 	class: "pv-flex pv-space-between"
-}, Ba = /* @__PURE__ */ d({
+}, Va = /* @__PURE__ */ d({
 	__name: "PvMenuControlPanel",
 	props: {
 		variant: {},
@@ -3756,7 +3762,7 @@ var Ti = () => ({
 	],
 	setup(e) {
 		let n = e, i = r(() => n.rumFilterName ? `Select all ${n.rumFilterName} options` : void 0), s = r(() => n.rumFilterName ? `Clear ${n.rumFilterName} selections` : void 0);
-		return (n, r) => (k(), o("div", za, [e.variant === "select-clear" ? (k(), o(t, { key: 0 }, [u($, {
+		return (n, r) => (k(), o("div", Ba, [e.variant === "select-clear" ? (k(), o(t, { key: 0 }, [u($, {
 			variant: "ghost",
 			"data-testid": "pv-select-menu-item-select-all",
 			"data-dd-action-name": i.value,
@@ -3783,7 +3789,7 @@ var Ti = () => ({
 			disabled: e.disabled
 		}, null, 8, ["disabled"])], 64)) : a("", !0)]));
 	}
-}), Va = ["data-style", "data-shape"], Ha = ["src", "alt"], Ua = /* @__PURE__ */ d({
+}), Ha = ["data-style", "data-shape"], Ua = ["src", "alt"], Wa = /* @__PURE__ */ d({
 	__name: "PvAvatar",
 	props: {
 		alt: {},
@@ -3821,14 +3827,14 @@ var Ti = () => ({
 			key: 2,
 			src: e.image,
 			alt: e.alt ?? ""
-		}, null, 8, Ha)) : a("", !0)], 10, Va));
+		}, null, 8, Ua)) : a("", !0)], 10, Ha));
 	}
-}), Wa = ["disabled"], Ga = { class: "pv-flex pv-select-button-trigger-content" }, Ka = {
+}), Ga = ["disabled"], Ka = { class: "pv-flex pv-select-button-trigger-content" }, qa = {
 	key: 0,
 	"data-testid": "pv-select-prefix-label",
 	class: "pv-border-right pv-text-quaternary",
 	style: { "padding-right": "4px" }
-}, qa = ["title"], Ja = /* @__PURE__ */ Je(/* @__PURE__ */ d({
+}, Ja = ["title"], Ya = /* @__PURE__ */ Je(/* @__PURE__ */ d({
 	__name: "PvSelectButtonTrigger",
 	props: {
 		avatar: {},
@@ -3882,8 +3888,8 @@ var Ti = () => ({
 			style: { "--flex-gap": "0.25rem" },
 			disabled: e.disabled || e.isLoading
 		}, [
-			s("div", Ga, [
-				e.prefixLabel ? (k(), o("p", Ka, R(e.prefixLabel), 1)) : a("", !0),
+			s("div", Ka, [
+				e.prefixLabel ? (k(), o("p", qa, R(e.prefixLabel), 1)) : a("", !0),
 				e.counterPosition === "left" && e.counterValue && e.counterStyle === "primary" ? (k(), i(Ye, {
 					key: 1,
 					"data-testid": "pv-multi-select-left-counter-badge",
@@ -3903,7 +3909,7 @@ var Ti = () => ({
 						name: e.companyLogo,
 						size: "sm"
 					}, null, 8, ["name"])) : a("", !0),
-					e.avatar ? (k(), i(Ua, {
+					e.avatar ? (k(), i(Wa, {
 						key: 2,
 						class: "pv-select-button-trigger-avatar",
 						"data-testid": "pv-multi-select-button-avatar",
@@ -3923,7 +3929,7 @@ var Ti = () => ({
 						key: 3,
 						class: "pv-text-body-md pv-text-regular pv-truncate pv-select-button-trigger-label",
 						title: p.value
-					}, R(p.value), 9, qa)) : a("", !0)
+					}, R(p.value), 9, Ja)) : a("", !0)
 				], 64)),
 				e.counterPosition === "right" && e.counterValue && e.counterStyle === "primary" ? (k(), i(Ye, {
 					key: 4,
@@ -3958,26 +3964,26 @@ var Ti = () => ({
 				"tooltip-content": K(() => [...r[1] ||= [l(" Clear Selections ", -1)]]),
 				_: 1
 			})) : a("", !0)
-		], 10, Wa));
+		], 10, Ga));
 	}
-}), [["__scopeId", "data-v-da9865ad"]]), Ya = {}, Xa = { class: "pv-text-subdued pv-text-center pv-text-body-md pv-inset-square-12" };
-function Za(e, t) {
-	return k(), o("div", Xa, "No Results Found");
+}), [["__scopeId", "data-v-da9865ad"]]), Xa = {}, Za = { class: "pv-text-subdued pv-text-center pv-text-body-md pv-inset-square-12" };
+function Qa(e, t) {
+	return k(), o("div", Za, "No Results Found");
 }
-var Qa = /* @__PURE__ */ Je(Ya, [["render", Za]]);
+var $a = /* @__PURE__ */ Je(Xa, [["render", Qa]]);
 //#endregion
 //#region src/components/base/PvMenu/cascadeUtils.ts
-function $a(e) {
+function eo(e) {
 	return !!e.children?.length || (e.totalChildCount ?? 0) > 0;
 }
-function eo(e) {
-	return e.flatMap((e) => e.children?.length ? eo(e.children) : (e.totalChildCount ?? 0) > 0 ? [] : [e]);
+function to(e) {
+	return e.flatMap((e) => e.children?.length ? to(e.children) : (e.totalChildCount ?? 0) > 0 ? [] : [e]);
 }
-function to(e, t) {
+function no(e, t) {
 	let n = new Set(e.map((e) => e.id)), r = t.filter((e) => !n.has(e.id));
 	return r.length > 0 ? [...e, ...r] : e;
 }
-function no(e, t) {
+function ro(e, t) {
 	let n = (e) => {
 		let r = 0, i = 0, a = 0;
 		for (let o of e) if (o.children?.length) {
@@ -3992,14 +3998,14 @@ function no(e, t) {
 	};
 	return n(e).displayCount;
 }
-function ro(e) {
+function io(e) {
 	return e.filter((e) => e.state === "selected").length;
 }
-function io(e, t, n = !0) {
+function ao(e, t, n = !0) {
 	return e.flatMap((e) => {
 		if (e.text.toLocaleLowerCase().includes(t) || e.searchText?.toLocaleLowerCase().includes(t)) return [e];
 		if (e.children?.length) {
-			let r = io(e.children, t, n);
+			let r = ao(e.children, t, n);
 			if (r.length) return n ? [{
 				...e,
 				children: r
@@ -4010,13 +4016,7 @@ function io(e, t, n = !0) {
 }
 //#endregion
 //#region src/components/base/PvMenu/items/PvMenuBaseItem.vue?vue&type=script&setup=true&lang.ts
-var ao = {
-	class: "pv-full-width pv-truncate pv-flex-vertical",
-	style: {
-		"align-items": "flex-start",
-		"--flex-gap": "0"
-	}
-}, oo = ["title"], so = ["title"], co = { style: {
+var oo = ["title"], so = ["title"], co = { style: {
 	"max-width": "220px",
 	"white-space": "normal",
 	"overflow-wrap": "break-word"
@@ -4058,11 +4058,14 @@ var ao = {
 		config: {}
 	},
 	setup(e) {
-		let n = e, c = j(null), l = j(null), d = r(() => n.menuOptionConfig?.size === "lg" ? "sm" : "lg"), f = r(() => n.menuOptionConfig?.size === "xl" ? 20 : void 0), p = r(() => n.subText || null), m = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), h = (e, t, n) => {
+		let n = e, c = j(null), l = j(null), d = r(() => n.menuOptionConfig?.size === "lg" ? "sm" : "lg"), f = r(() => n.menuOptionConfig?.size === "xl" ? 20 : void 0), p = r(() => n.subText || null), m = {
+			whiteSpace: "normal",
+			overflowWrap: "anywhere"
+		}, h = r(() => !!n.menuOptionConfig?.wrapText), g = r(() => h.value ? m : void 0), _ = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), v = (e, t, n) => {
 			let r = n;
 			if (r === void 0) {
 				if (!t) return [];
-				let n = new RegExp(m(t), "gi");
+				let n = new RegExp(_(t), "gi");
 				r = Array.from(e.matchAll(n), (e) => [e.index, e.index + e[0].length]);
 			}
 			if (!Array.isArray(r)) return [];
@@ -4072,20 +4075,20 @@ var ao = {
 				n && e <= n[1] ? n[1] = Math.max(n[1], t) : a.push([e, t]);
 			}
 			return a;
-		}, g = (e, t, n, r) => {
-			let i = h(t, n, r), a = [], o = 0;
+		}, y = (e, t, n, r) => {
+			let i = v(t, n, r), a = [], o = 0;
 			for (let [e, n] of i) {
 				e > o && a.push(document.createTextNode(t.slice(o, e)));
 				let r = document.createElement("span");
 				r.dataset.testId = "pv-matched-text", r.style.fontWeight = "bold", r.textContent = t.slice(e, n), a.push(r), o = n;
 			}
 			o < t.length && a.push(document.createTextNode(t.slice(o))), e.replaceChildren(...a);
-		}, _ = () => {
-			let e = n.queryText ?? "", t = e && new RegExp(m(e), "gi").test(n.text);
-			c.value && g(c.value, n.text, e, n.textMatchRanges), l.value && p.value && g(l.value, p.value, t ? "" : e, n.subTextMatchRanges);
+		}, x = () => {
+			let e = n.queryText ?? "", t = e && new RegExp(_(e), "gi").test(n.text);
+			c.value && y(c.value, n.text, e, n.textMatchRanges), l.value && p.value && y(l.value, p.value, t ? "" : e, n.subTextMatchRanges);
 		};
 		return T(() => {
-			_();
+			x();
 		}), G(() => [
 			n.queryText,
 			n.text,
@@ -4093,12 +4096,12 @@ var ao = {
 			n.textMatchRanges,
 			n.subTextMatchRanges
 		], () => {
-			_();
+			x();
 		}, {
 			flush: "post",
 			deep: !0
 		}), (n, r) => (k(), o(t, null, [
-			e.avatar ? (k(), i(Ua, {
+			e.avatar ? (k(), i(Wa, {
 				key: 0,
 				initials: e.avatar.initials,
 				image: e.avatar.image,
@@ -4127,9 +4130,24 @@ var ao = {
 				name: e.companyName,
 				size: "sm"
 			}, null, 8, ["name"])) : a("", !0),
-			s("div", ao, [s("span", {
-				class: "pv-text-body-md pv-full-width pv-truncate",
-				title: e.hoverTitle ?? e.text
+			s("div", {
+				class: b([
+					"pv-full-width",
+					"pv-flex-vertical",
+					{ "pv-truncate": !h.value }
+				]),
+				style: {
+					"align-items": "flex-start",
+					"--flex-gap": "0"
+				}
+			}, [s("span", {
+				class: b([
+					"pv-text-body-md",
+					"pv-full-width",
+					{ "pv-truncate": !h.value }
+				]),
+				style: S(g.value),
+				title: e.hoverTitle ?? (h.value ? void 0 : e.text)
 			}, [s("span", {
 				ref_key: "mainText",
 				ref: c
@@ -4137,18 +4155,21 @@ var ao = {
 				key: 0,
 				class: b({ "pv-text-subdued": !e.disabled }),
 				style: { "padding-left": "4px" }
-			}, R(e.subduedText), 3)) : a("", !0)], 8, oo), p.value ? (k(), o("span", {
+			}, R(e.subduedText), 3)) : a("", !0)], 14, oo), p.value ? (k(), o("span", {
 				key: 0,
 				ref_key: "subText",
 				ref: l,
 				class: b([
 					"pv-text-body-xs",
 					"pv-full-width",
-					"pv-truncate",
-					{ "pv-text-subdued": !e.disabled }
+					{
+						"pv-truncate": !h.value,
+						"pv-text-subdued": !e.disabled
+					}
 				]),
-				title: e.hoverTitle ?? p.value
-			}, R(p.value), 11, so)) : a("", !0)]),
+				style: S(g.value),
+				title: e.hoverTitle ?? (h.value ? void 0 : p.value)
+			}, R(p.value), 15, so)) : a("", !0)], 2),
 			e.secondaryLoading ? (k(), i(ze, {
 				key: 3,
 				size: "xs",
@@ -4330,16 +4351,16 @@ var ao = {
 	emits: ["handle-selected", "toggle-expanded"],
 	setup(e, { emit: t }) {
 		let n = e, c = U("inputRef"), l = h(vo, void 0), d = h(yo, j(!1)), p = h(So, void 0), m = h(Co, void 0), g = h(bo, r(() => !1)), _ = r(() => {
-			if (!d.value || !$a(n)) return [];
-			let e = n.children ? eo(n.children) : [];
+			if (!d.value || !eo(n)) return [];
+			let e = n.children ? to(n.children) : [];
 			if (p?.value) {
 				let t = p.value.get(n.id);
-				return to(t?.children ? eo(t.children) : [], e);
+				return no(t?.children ? to(t.children) : [], e);
 			}
 			return e;
 		}), x = r(() => {
 			if (!l?.value) return n.selected ?? !1;
-			if (d.value && $a(n)) {
+			if (d.value && eo(n)) {
 				let e = _.value, t = e.length, r = e.filter((e) => l.value.some((t) => t.id === e.id)).length;
 				if (m?.value?.has(n.id) && r >= t) return !0;
 				let i = n.totalChildCount ?? t;
@@ -4347,7 +4368,7 @@ var ao = {
 			}
 			return l.value.some((e) => e.id === n.id);
 		}), S = r(() => {
-			if (!l?.value || !d.value || !$a(n)) return n.indeterminate ?? !1;
+			if (!l?.value || !d.value || !eo(n)) return n.indeterminate ?? !1;
 			let e = _.value, t = e.length, r = e.filter((e) => l.value.some((t) => t.id === e.id)).length;
 			if (m?.value?.has(n.id) && r >= t) return !1;
 			let i = n.totalChildCount ?? t;
@@ -4522,7 +4543,7 @@ var ao = {
 		}, D = r(() => ({ paddingLeft: `${i.level * 12 + 12}px` })), O = r(() => {
 			let { level: e, config: t, itemClass: n, ...r } = i;
 			return f.value && delete r.selectedIds, r;
-		}), A = r(() => $a({
+		}), A = r(() => eo({
 			...i,
 			children: w.value
 		}) && i.level < Po), N = r(() => A.value ? l.value ? y.value : !0 : !1), F = r(() => y.value ? "chevron-down" : "chevron-right"), I = (e) => s && Array.isArray(s.value) ? s.value.some((t) => t.id === e.id) : c.value.includes(e.id), L = n, R = r(() => C.value || i.totalChildCount == null ? !1 : i.totalChildCount > w.value.length), z = async () => {
@@ -4711,12 +4732,12 @@ var ao = {
 				return;
 			}
 			let r;
-			if (R.value && $a(n)) {
+			if (R.value && eo(n)) {
 				let e;
 				if (B.value && z?.value) {
 					let t = z.value.get(n.id);
-					e = to(t?.children ? eo(t.children) : [], n.children ? eo(n.children) : []);
-				} else e = n.children ? eo(n.children) : [];
+					e = no(t?.children ? to(t.children) : [], n.children ? to(n.children) : []);
+				} else e = n.children ? to(n.children) : [];
 				let t = e.map((e) => e.id), i = P.value, a = (ee?.value?.has(n.id) ?? !1) || t.some((e) => i.some((t) => t.id === e));
 				if (r = a ? i.filter((e) => !t.includes(e.id)) : [...i, ...e], ee?.value) {
 					let e = new Set(ee.value);
@@ -4733,7 +4754,7 @@ var ao = {
 					let t = e > -1;
 					for (let e of ee.value) {
 						let r = z?.value?.get(e)?.children ?? l.options.find((t) => t.id === e)?.children;
-						if (!r || !(eo(r).some((e) => e.id === n.id) || l.options.find((t) => t.id === e)?.children?.some((e) => e.id === n.id))) continue;
+						if (!r || !(to(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(ne.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), ne.value = i;
 						break;
@@ -5121,7 +5142,7 @@ var ao = {
 		A(So, d), A(Co, f), A(wo, p), A(To, r(() => c.parentSelectsAllChildren)), A(Eo, r(() => !!c.enableChildExpansion));
 		let h = n, _ = r(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let [t, n] of d.value) $a(n) && e.set(t, n.children ? eo(n.children) : []);
+			for (let [t, n] of d.value) eo(n) && e.set(t, n.children ? to(n.children) : []);
 			return e;
 		}), C = () => {
 			let e = /* @__PURE__ */ new Set();
@@ -5147,10 +5168,10 @@ var ao = {
 			return t;
 		}, w = r(() => c.hasMoreOptions == null ? c.totalOptionCount == null ? !1 : c.totalOptionCount > c.options.length : c.hasMoreOptions), T = r(() => {
 			let e = c.additionalCounter ?? 0;
-			if (c.enableCascadeSelection && c.countSelectedParents && I.value?.length) return ro(I.value) + e;
+			if (c.enableCascadeSelection && c.countSelectedParents && I.value?.length) return io(I.value) + e;
 			if (!c.countSelectedParents || !c.enableCascadeSelection) return W.value.length + e;
 			let t = new Set(W.value.map((e) => e.id));
-			return no(c.options, t) + e;
+			return ro(c.options, t) + e;
 		}), E = r(() => W.value.length > 0 ? !0 : c.enableCascadeSelection && I.value?.length ? I.value.some((e) => e.state === "selected") : !1), D = (e) => {
 			h("see-more", e ?? {});
 		}, O = U("searchInputRef"), [j, P] = me(c.defaultOpen), F = H(e, "modelValue"), I = H(e, "selectionState"), z = H(e, "searchInput"), B = r(() => c.menuActionsVariant === "cancel-confirm"), ee = (e) => {
@@ -5208,15 +5229,15 @@ var ao = {
 		let q = r(() => {
 			if (z.value === "") return c.options;
 			let e = z.value.toLocaleLowerCase();
-			return c.enableCascadeSelection ? io(c.options, e, !c.hideParentOnChildQueryMatch) : c.options.filter((t) => t.text.toLocaleLowerCase().includes(e) || t.searchText?.toLocaleLowerCase().includes(e));
+			return c.enableCascadeSelection ? ao(c.options, e, !c.hideParentOnChildQueryMatch) : c.options.filter((t) => t.text.toLocaleLowerCase().includes(e) || t.searchText?.toLocaleLowerCase().includes(e));
 		}), ce = () => {
 			if (c.enableCascadeSelection) {
 				let e = /* @__PURE__ */ new Set(), t = (n) => {
-					for (let r of n) $a(r) && (e.add(r.id), r.children?.length && t(r.children));
+					for (let r of n) eo(r) && (e.add(r.id), r.children?.length && t(r.children));
 				};
 				t(q.value), f.value = e, p.value = /* @__PURE__ */ new Map();
 			}
-			let e = c.enableCascadeSelection ? eo(q.value) : q.value;
+			let e = c.enableCascadeSelection ? to(q.value) : q.value;
 			h("select-all", e.length), ee(e);
 		}, J = () => {
 			h("clear-all", W.value.length), f.value = /* @__PURE__ */ new Set(), p.value = /* @__PURE__ */ new Map(), ee([]);
@@ -5253,7 +5274,7 @@ var ao = {
 			modelValue: V(j),
 			"onUpdate:modelValue": r[4] ||= (e) => g(j) ? j.value = e : null
 		}, e.popoverProperties, { offset: se.value }), {
-			trigger: K(() => [u(Ja, {
+			trigger: K(() => [u(Ya, {
 				ref: "select-button-trigger-ref",
 				variant: e.variant,
 				size: e.size,
@@ -5303,7 +5324,7 @@ var ao = {
 					key: 0,
 					class: "pv-inset-square-8 pv-border-bottom",
 					"data-dd-action-name": pe.value
-				}, [u(_i, {
+				}, [u(vi, {
 					ref: "searchInputRef",
 					"model-value": z.value,
 					"onUpdate:modelValue": r[1] ||= (e) => z.value = e,
@@ -5365,7 +5386,7 @@ var ao = {
 					"isSeeMoreLoading",
 					"hasMoreOptions"
 				]))], 64)) : a("", !0),
-				e.isLoading ? (k(), o("div", Jo, [u(ze, { variant: "dark" }), e.loadingText ? (k(), o("span", Yo, R(e.loadingText), 1)) : a("", !0)])) : q.value.length === 0 ? (k(), o(t, { key: 4 }, [V(ve) ? N(n.$slots, "no-results", x(v({ key: 0 }, X.value))) : (k(), i(Qa, { key: 1 }))], 64)) : a("", !0),
+				e.isLoading ? (k(), o("div", Jo, [u(ze, { variant: "dark" }), e.loadingText ? (k(), o("span", Yo, R(e.loadingText), 1)) : a("", !0)])) : q.value.length === 0 ? (k(), o(t, { key: 4 }, [V(ve) ? N(n.$slots, "no-results", x(v({ key: 0 }, X.value))) : (k(), i($a, { key: 1 }))], 64)) : a("", !0),
 				V(ye) || e.menuActionsVariant ? (k(), o("div", {
 					key: 5,
 					class: b(["pv-sticky pv-surface pv-border-top pv-inset-square-8", { "pv-flow-8": e.footerPosition === "below-actions" }]),
@@ -5375,7 +5396,7 @@ var ao = {
 					}
 				}, [
 					V(ye) && e.footerPosition === "above-actions" ? N(n.$slots, "footer", x(v({ key: 0 }, X.value))) : a("", !0),
-					e.menuActionsVariant ? (k(), i(Ba, {
+					e.menuActionsVariant ? (k(), i(Va, {
 						key: 1,
 						variant: e.menuActionsVariant,
 						disabled: e.isLoading,
@@ -5498,7 +5519,7 @@ var ao = {
 			modelValue: V(f),
 			"onUpdate:modelValue": n[2] ||= (e) => g(f) ? f.value = e : null
 		}, c.value), {
-			trigger: K(() => [u(Ja, {
+			trigger: K(() => [u(Ya, {
 				class: "pv-full-width",
 				ref: "select-button-trigger-ref",
 				variant: e.variant,
@@ -5547,7 +5568,7 @@ var ao = {
 				"data-test-id": "pv-popover",
 				style: S([e.popoverCssProperties, { position: "unset" }])
 			}, [s("div", Zo, [
-				e.disableSearchInput ? a("", !0) : (k(), o("div", Qo, [u(_i, {
+				e.disableSearchInput ? a("", !0) : (k(), o("div", Qo, [u(vi, {
 					"model-value": m.value,
 					"onUpdate:modelValue": n[0] ||= (e) => m.value = e,
 					class: "pv-stack-4",
@@ -5571,7 +5592,7 @@ var ao = {
 					"queryText",
 					"disableDeselect",
 					"childrenDisplay"
-				])) : (k(), i(Qa, { key: 2 })),
+				])) : (k(), i($a, { key: 2 })),
 				N(t.$slots, "footer")
 			])], 4)]),
 			_: 3
@@ -5714,9 +5735,9 @@ var ao = {
 			onDrop: (t) => A(t, parseInt(e.id.split("-")[1]) + 1)
 		}, [s("div", is, [s("span", as, R(n.placeholderText), 1)])], 40, rs)) : (k(), o("div", {
 			key: 2,
-			class: b(["pv-full-width pv-bordered pv-radius-md pv-flex pv-space-between", [!j(e) && N.value ? "pv-menu-item-disabled" : "", l(e) ? "pv-sortable-locked" : ""]]),
+			class: b(["pv-full-width pv-bordered pv-radius-md pv-flex pv-space-between", [!j(e) && N.value ? "pv-sortable-list-option-disabled" : "", l(e) ? "pv-sortable-locked" : ""]]),
 			style: S(I(e))
-		}, [s("div", { class: b(["pv-flex pv-full-width pv-sort-option", { "pv-sort-option-locked": l(e) }]) }, [
+		}, [s("div", { class: b(["pv-flex pv-full-width pv-sortable-list-option", { "pv-sortable-list-option-locked": l(e) }]) }, [
 			u(Q, {
 				class: "pv-text-tertiary",
 				name: l(e) ? "lock" : "reorder"
@@ -5789,7 +5810,7 @@ var ao = {
 	}), r;
 } }), ps = ["data-style"], ms = ["data-testid", "aria-current"], hs = {
 	key: 0,
-	class: "dots-button pv-button-secondary pv-text-subdued",
+	class: "dots-button pv-text-subdued",
 	disabled: ""
 }, gs = ["onClick"], _s = /* @__PURE__ */ Je(/* @__PURE__ */ d({
 	__name: "PvPagination",
@@ -5840,7 +5861,7 @@ var ao = {
 			}, null, 8, ["disabled"])])
 		], 8, ps));
 	}
-}), [["__scopeId", "data-v-868db7a2"]]), vs = ["for"], ys = [
+}), [["__scopeId", "data-v-92e78cd3"]]), vs = ["for"], ys = [
 	"checked",
 	"type",
 	"value",
@@ -5905,7 +5926,7 @@ var ao = {
 				"data-hidden": e.showLeftSidebar === !1 ? !0 : void 0,
 				"data-testid": "pv-side-panel-left",
 				"data-layout": "left-sidebar"
-			}, [e.resizableLeftSidebar ? (k(), i(ji, {
+			}, [e.resizableLeftSidebar ? (k(), i(Mi, {
 				key: 0,
 				size: t.value,
 				"onUpdate:size": c[0] ||= (e) => t.value = e,
@@ -5930,7 +5951,7 @@ var ao = {
 				"data-hidden": e.showRightSidebar === !1 ? !0 : void 0,
 				"data-testid": "pv-side-panel-right",
 				"data-layout": "right-sidebar"
-			}, [e.resizableRightSidebar ? (k(), i(ji, {
+			}, [e.resizableRightSidebar ? (k(), i(Mi, {
 				key: 0,
 				size: n.value,
 				"onUpdate:size": c[1] ||= (e) => n.value = e,
@@ -5992,7 +6013,7 @@ var ao = {
 			class: "pv-split-pane",
 			"data-pv-split-pane-direction": e.direction,
 			"data-testid": "pv-split-pane"
-		}, [s("div", Ds, [s("div", Os, [N(t.$slots, "start")]), u(ji, {
+		}, [s("div", Ds, [s("div", Os, [N(t.$slots, "start")]), u(Mi, {
 			size: i.value,
 			"onUpdate:size": n[0] ||= (e) => i.value = e,
 			ariaLabel: e.ariaLabel,
@@ -6364,6 +6385,7 @@ var ao = {
 			e.lowerLabel ? (k(), o("p", {
 				key: 1,
 				"data-testid": "pv-input-lower-label",
+				style: { "margin-left": "12px" },
 				class: b(["pv-text-body-xs", {
 					"pv-text-red": e.error,
 					"pv-text-subdued": !e.error
@@ -7212,7 +7234,7 @@ var ao = {
 				active: ie.value,
 				level: e.level
 			}, {
-				default: K(() => [ne.value ? (k(), i(fi, {
+				default: K(() => [ne.value ? (k(), i(pi, {
 					key: 0,
 					modelValue: f.value,
 					"onUpdate:modelValue": n[3] ||= (e) => f.value = e,
@@ -9234,7 +9256,7 @@ var ao = {
 				}, null, 8, ["disabled"])])) : a("", !0),
 				e.filter.filterHeaderRenderer ? (k(), i(F(e.filter.filterHeaderRenderer), x(v({ key: 2 }, Ce.value)), null, 16)) : a("", !0)
 			])) : a("", !0),
-			e.filter.hideSearch ? a("", !0) : (k(), i(_i, {
+			e.filter.hideSearch ? a("", !0) : (k(), i(vi, {
 				key: 1,
 				modelValue: g.value,
 				"onUpdate:modelValue": r[0] ||= (e) => g.value = e,
@@ -10813,7 +10835,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 				onClick: r[0] ||= (e) => d.value = !0
 			}))]),
 			s("div", Cp, [q(s("div", wp, [
-				!e.readOnly && V(_).length ? (k(), o("section", Tp, [r[8] ||= s("p", { class: "pv-filter-panel-section-title pv-text-title-sm pv-text-subdued" }, "Suggestions", -1), s("div", Ep, [(k(!0), o(t, null, M(V(_), (e) => (k(), i(ui, {
+				!e.readOnly && V(_).length ? (k(), o("section", Tp, [r[8] ||= s("p", { class: "pv-filter-panel-section-title pv-text-title-sm pv-text-subdued" }, "Suggestions", -1), s("div", Ep, [(k(!0), o(t, null, M(V(_), (e) => (k(), i(di, {
 					key: V(C)(e),
 					icon: e.icon,
 					"icon-classes": e.iconClasses,
@@ -10838,7 +10860,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 					"category-order",
 					"filters"
 				]),
-				e.enableFilterSearch && V(p).length ? (k(), o("div", Dp, [u(_i, {
+				e.enableFilterSearch && V(p).length ? (k(), o("div", Dp, [u(vi, {
 					modelValue: z.value,
 					"onUpdate:modelValue": r[2] ||= (e) => z.value = e,
 					placeholder: e.filterSearchPlaceholder
@@ -11280,7 +11302,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 				"right-counter-badge",
 				"value"
 			]))), 128))]), s("div", Wp, [
-				u(_i, {
+				u(vi, {
 					modelValue: E.value,
 					"onUpdate:modelValue": r[1] ||= (e) => E.value = e,
 					class: "pv-full-width",
@@ -11863,10 +11885,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 }), xm = {
 	key: 0,
 	class: "sidebar-additional-header"
-}, Sm = { class: "sidebar-header-content pv-full-width" }, Cm = {
-	key: 0,
-	class: "pv-sidebar-nav-header"
-}, wm = ["aria-label", "aria-expanded"], Tm = {
+}, Sm = ["data-sidebar-collapsed"], Cm = { class: "sidebar-header-content pv-full-width" }, wm = ["aria-label", "aria-expanded"], Tm = {
 	class: "pv-flex",
 	style: { "min-width": "0" }
 }, Em = {
@@ -11875,7 +11894,11 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 		"border-radius": "4px",
 		"flex-shrink": "0"
 	}
-}, Dm = ["src"], Om = { key: 1 }, km = ["title"], Am = {
+}, Dm = ["src"], Om = { key: 1 }, km = [
+	"data-sidebar-collapsed",
+	"data-sidebar-expanding",
+	"title"
+], Am = {
 	class: "pv-popover",
 	style: {
 		width: "fit-content",
@@ -11890,69 +11913,61 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 }, Mm = ["data-active"], Nm = ["href", "data-org-value"], Pm = {
 	class: "pv-avatar-xs",
 	style: { "border-radius": "4px" }
-}, Fm = ["src"], Im = { key: 1 }, Lm = ["title"], Rm = ["data-active"], zm = ["href", "data-org-value"], Bm = ["title"], Vm = { class: "pv-sidebar-nav" }, Hm = { key: 0 }, Um = {
+}, Fm = ["src"], Im = { key: 1 }, Lm = ["title"], Rm = ["data-active"], zm = ["href", "data-org-value"], Bm = ["title"], Vm = { key: 0 }, Hm = {
 	key: 1,
 	role: "list",
 	class: "pv-full-width pv-flow",
 	style: { "--flow-size": "0.25rem" }
-}, Wm = {
+}, Um = {
 	key: 0,
 	class: "pv-sidebar-nav-separator",
 	"aria-hidden": "true"
-}, Gm = {
-	class: "pv-flex pv-space-between pv-full-width",
-	"data-sidebar-expanded-content": "",
-	style: { "flex-wrap": "wrap" }
-}, Km = {
+}, Wm = ["data-sidebar-collapsed"], Gm = {
 	key: 0,
 	class: "pv-tag-purple pv-tag-sm"
-}, qm = ["onClick", "onKeydown"], Jm = [
+}, Km = ["onClick", "onKeydown"], qm = [
 	"href",
 	"aria-current",
 	"title"
-], Ym = {
-	class: "pv-flex pv-space-between pv-full-width",
-	"data-sidebar-expanded-content": "",
-	style: { "flex-wrap": "wrap" }
-}, Xm = {
+], Jm = ["data-sidebar-collapsed"], Ym = {
 	key: 0,
 	class: "pv-tag-purple pv-tag-sm"
-}, Zm = {
+}, Xm = {
 	class: "pv-popover",
 	style: { "--position": "static" }
-}, Qm = {
+}, Zm = {
 	role: "list",
 	class: "pv-popover-list"
-}, $m = ["data-active"], eh = ["href"], th = {
+}, Qm = ["data-active"], $m = ["href"], eh = {
 	key: 0,
 	class: "pv-tag-purple pv-tag-sm"
-}, nh = ["onClick", "onAuxclick"], rh = { "data-sidebar-expanded-content": "" }, ih = { class: "pv-sidebar-nav-nested" }, ah = [
+}, th = ["onClick", "onAuxclick"], nh = ["data-sidebar-collapsed"], rh = ["data-sidebar-collapsed"], ih = [
 	"href",
 	"role",
 	"tabindex",
 	"aria-current",
 	"aria-expanded",
 	"title"
-], oh = {
+], ah = {
 	class: "pv-flex pv-space-between pv-full-width",
 	style: { "flex-wrap": "wrap" }
-}, sh = {
+}, oh = {
 	key: 0,
 	class: "pv-tag-purple pv-tag-sm"
-}, ch = [
+}, sh = [
 	"href",
 	"aria-current",
 	"title"
-], lh = {
+], ch = {
 	class: "pv-flex pv-space-between pv-full-width",
 	style: { "flex-wrap": "wrap" }
-}, uh = {
+}, lh = {
 	key: 0,
 	class: "pv-tag-purple pv-tag-sm"
-}, dh = {
+}, uh = {
 	class: "pv-sidebar-nav-footer pv-sticky",
 	style: { "--bottom": "0" }
-}, fh = ["aria-expanded"], ph = { class: "pv-popover pv-text-default pv-text-body-md" }, mh = [
+}, dh = ["aria-expanded"], fh = ["data-sidebar-collapsed"], ph = { class: "pv-popover pv-text-default pv-text-body-md" }, mh = [
 	"aria-label",
 	"aria-expanded",
 	"title"
@@ -11962,10 +11977,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 		"border-radius": "50%",
 		"flex-shrink": "0"
 	}
-}, gh = ["src"], _h = { key: 1 }, vh = {
-	class: "pv-truncate",
-	"data-sidebar-expanded-content": ""
-}, yh = {
+}, gh = ["src"], _h = { key: 1 }, vh = ["data-sidebar-collapsed"], yh = {
 	class: "pv-popover pv-text-default pv-text-body-md",
 	style: { "--height": "750px" }
 }, bh = { class: "content-panel" }, xh = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", Sh = /* @__PURE__ */ d({
@@ -12040,23 +12052,23 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 				fm(e) && (q.value[e.value] = !0);
 			});
 		});
-		let J = H(e, "modelValue"), Y = j(!1), le = n, ue = j(!1), fe = j(!1), X = j(!1), Z = j({}), pe = () => {
-			ue.value = !1, D.value = {}, Z.value = {}, fe.value = !1, X.value = !1;
+		let J = H(e, "modelValue"), Y = j(!1), le = r(() => !J.value && Y.value), ue = n, fe = j(!1), X = j(!1), Z = j(!1), pe = j({}), me = () => {
+			fe.value = !1, D.value = {}, pe.value = {}, X.value = !1, Z.value = !1;
 		};
-		G(ue, (e) => {
-			e && (D.value = {}, fe.value = !1, X.value = !1);
-		}), G(fe, (e) => {
-			e && (ue.value = !1, D.value = {}, X.value = !1);
+		G(fe, (e) => {
+			e && (D.value = {}, X.value = !1, Z.value = !1);
 		}), G(X, (e) => {
-			e && (ue.value = !1, D.value = {}, fe.value = !1);
+			e && (fe.value = !1, D.value = {}, Z.value = !1);
+		}), G(Z, (e) => {
+			e && (fe.value = !1, D.value = {}, X.value = !1);
 		}), G(J, () => {
-			pe(), Y.value = !0;
+			me(), Y.value = !0;
 		});
-		let me = () => {
-			J.value = !J.value, le("change", { collapsed: J.value });
-		}, he = (e) => {
+		let he = () => {
+			J.value = !J.value, ue("change", { collapsed: J.value });
+		}, ge = (e) => {
 			e.target === e.currentTarget && e.propertyName === "grid-template-columns" && (Y.value = !1);
-		}, ge = (e) => e.some(fm), _e = (e, t) => {
+		}, _e = (e) => e.some(fm), ve = (e, t) => {
 			if (t.url) {
 				if (e.ctrlKey || e.metaKey || e.shiftKey || e.button === 1) {
 					window.open(t.url, "_blank", "noopener");
@@ -12072,15 +12084,21 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 				"is-transitioning": Y.value
 			}]]),
 			style: S(z.value),
-			onTransitionend: he
+			onTransitionend: ge
 		}, [
 			s("div", {
 				ref_key: "sidebarPanel",
 				ref: E,
 				class: "sidebar-panel"
-			}, [s("div", null, [V(h) ? (k(), o("div", xm, [N(n.$slots, "sidebar-additional-header")])) : a("", !0), s("div", { class: b(["sidebar-header", [{ "pv-border-bottom": J.value }]]) }, [s("div", Sm, [e.organizations && e.organizations.length ? (k(), o("div", Cm, [u(lr, {
-				modelValue: fe.value,
-				"onUpdate:modelValue": r[0] ||= (e) => fe.value = e,
+			}, [s("div", null, [V(h) ? (k(), o("div", xm, [N(n.$slots, "sidebar-additional-header")])) : a("", !0), s("div", {
+				class: b(["sidebar-header", [{ "pv-border-bottom": J.value }]]),
+				"data-sidebar-collapsed": J.value || void 0
+			}, [s("div", Cm, [e.organizations && e.organizations.length ? (k(), o("div", {
+				key: 0,
+				class: b(["pv-sidebar-nav-header", e.variant && `pv-sidebar-surface-${e.variant}`])
+			}, [u(lr, {
+				modelValue: X.value,
+				"onUpdate:modelValue": r[0] ||= (e) => X.value = e,
 				position: J.value ? "right-top" : "bottom-left",
 				"use-teleport": !!w.value,
 				"teleport-location": w.value ?? "body",
@@ -12088,7 +12106,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 			}, {
 				trigger: K(() => [u(dr, {
 					description: se.value?.label,
-					disabled: !J.value || Y.value || fe.value,
+					disabled: !J.value || Y.value || X.value,
 					variant: "white",
 					position: "center-right",
 					delay: 250,
@@ -12100,10 +12118,10 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 				}, {
 					trigger: K(() => [s("button", {
 						type: "button",
-						class: "pv-nav-list-item pv-full-width pv-space-between",
+						class: b(["pv-nav-list-item pv-full-width pv-space-between", { "pv-sidebar-item-collapsed": J.value }]),
 						"data-testid": "pv-sidebar-org-switcher",
 						"aria-label": `Switch organization: ${se.value?.label}`,
-						"aria-expanded": fe.value
+						"aria-expanded": X.value
 					}, [s("div", Tm, [s("span", Em, [se.value?.avatarUrl ? (k(), o("img", {
 						key: 0,
 						src: se.value.avatarUrl,
@@ -12111,12 +12129,16 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 					}, null, 8, Dm)) : (k(), o("span", Om, R(se.value?.label?.slice(0, 1)), 1))]), s("span", {
 						class: "pv-text-title-lg pv-truncate",
 						"data-sidebar-expanded-content": "",
+						"data-sidebar-collapsed": J.value || void 0,
+						"data-sidebar-expanding": le.value || void 0,
 						title: se.value?.label
 					}, R(se.value?.label), 9, km)]), u(Q, {
 						name: "chevron-down",
 						class: "pv-icon-16",
-						"data-sidebar-expanded-content": ""
-					})], 8, wm)]),
+						"data-sidebar-expanded-content": "",
+						"data-sidebar-collapsed": J.value || void 0,
+						"data-sidebar-expanding": le.value || void 0
+					}, null, 8, ["data-sidebar-collapsed", "data-sidebar-expanding"])], 10, wm)]),
 					_: 1
 				}, 8, [
 					"description",
@@ -12156,7 +12178,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 				"position",
 				"use-teleport",
 				"teleport-location"
-			])])) : a("", !0)]), e.disableToggle ? a("", !0) : (k(), i(dr, {
+			])], 2)) : a("", !0)]), e.disableToggle ? a("", !0) : (k(), i(dr, {
 				key: 0,
 				variant: "white",
 				position: "center-right",
@@ -12164,16 +12186,23 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 			}, {
 				trigger: K(() => [u($, {
 					class: "sidebar-toggle",
+					"data-sidebar-collapsed": J.value || void 0,
+					"data-sidebar-expanding": le.value || void 0,
 					"left-icon": J.value ? "panel-left-open" : "panel-left-close",
 					"aria-label": J.value ? "Open sidebar" : "Close sidebar",
 					variant: "ghost",
-					onClick: me
-				}, null, 8, ["left-icon", "aria-label"])]),
+					onClick: he
+				}, null, 8, [
+					"data-sidebar-collapsed",
+					"data-sidebar-expanding",
+					"left-icon",
+					"aria-label"
+				])]),
 				content: K(() => [l(R(J.value ? "Expand navigation" : "Collapse navigation"), 1)]),
 				_: 1
-			}))], 2)]), s("div", Vm, [
-				V(m) ? (k(), o("div", Hm, [N(n.$slots, "sidebar-additional-content")])) : a("", !0),
-				e.navItems && e.navItems.length ? (k(), o("ul", Um, [(k(!0), o(t, null, M(e.navItems, (e) => (k(), o(t, { key: e.value }, [e.separatorAtTop ? (k(), o("li", Wm)) : a("", !0), s("li", null, [ee(e) ? (k(), i(lr, {
+			}))], 10, Sm)]), s("div", { class: b(["pv-sidebar-nav", e.variant && `pv-sidebar-surface-${e.variant}`]) }, [
+				V(m) ? (k(), o("div", Vm, [N(n.$slots, "sidebar-additional-content")])) : a("", !0),
+				e.navItems && e.navItems.length ? (k(), o("ul", Hm, [(k(!0), o(t, null, M(e.navItems, (e) => (k(), o(t, { key: e.value }, [e.separatorAtTop ? (k(), o("li", Um)) : a("", !0), s("li", null, [ee(e) ? (k(), i(lr, {
 					key: 0,
 					modelValue: D.value[e.value],
 					"onUpdate:modelValue": (t) => D.value[e.value] = t,
@@ -12189,7 +12218,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 					trigger: K(() => [(k(), i(F(e.url ? "a" : "button"), v({
 						ref_for: !0,
 						ref: (t) => te(V(P), e.value, t),
-						class: "pv-nav-list-item",
+						class: ["pv-nav-list-item", { "pv-sidebar-item-collapsed": J.value }],
 						href: e.url,
 						type: e.url ? void 0 : "button"
 					}, { ref_for: !0 }, e.linkAttrs, {
@@ -12203,9 +12232,15 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 							key: 0,
 							name: e.icon,
 							class: "pv-nav-icon"
-						}, null, 8, ["name"])) : a("", !0), s("span", Gm, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", Km, R(e.badge.toUpperCase()), 1)) : a("", !0)])]),
+						}, null, 8, ["name"])) : a("", !0), s("span", {
+							class: "pv-flex pv-space-between pv-full-width",
+							"data-sidebar-expanded-content": "",
+							"data-sidebar-collapsed": J.value || void 0,
+							style: { "flex-wrap": "wrap" }
+						}, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", Gm, R(e.badge.toUpperCase()), 1)) : a("", !0)], 8, Wm)]),
 						_: 2
 					}, 1040, [
+						"class",
 						"href",
 						"type",
 						"aria-current",
@@ -12220,7 +12255,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 						class: "pv-sidebar-hover-panel",
 						onClick: (t) => ie(t, e.value),
 						onKeydown: (t) => ae(t, e.value)
-					}, [N(n.$slots, e.hoverPanelSlot)], 40, qm)]),
+					}, [N(n.$slots, e.hoverPanelSlot)], 40, Km)]),
 					_: 2
 				}, 1032, [
 					"modelValue",
@@ -12240,7 +12275,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 					"css-custom-properties": { width: "100%" }
 				}, {
 					trigger: K(() => [s("a", v({
-						class: "pv-nav-list-item",
+						class: ["pv-nav-list-item", { "pv-sidebar-item-collapsed": J.value }],
 						href: e.url
 					}, { ref_for: !0 }, e.linkAttrs, {
 						"aria-current": e.active ? "page" : void 0,
@@ -12249,8 +12284,13 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 						key: 0,
 						name: e.icon,
 						class: "pv-nav-icon"
-					}, null, 8, ["name"])) : a("", !0), s("span", Ym, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", Xm, R(e.badge.toUpperCase()), 1)) : a("", !0)])], 16, Jm)]),
-					content: K(() => [s("div", Zm, [s("ul", Qm, [s("li", { "data-active": e.active || void 0 }, [s("a", v({ href: e.url }, { ref_for: !0 }, e.linkAttrs, { style: { "flex-wrap": "wrap" } }), [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", th, R(e.badge.toUpperCase()), 1)) : a("", !0)], 16, eh)], 8, $m)])])]),
+					}, null, 8, ["name"])) : a("", !0), s("span", {
+						class: "pv-flex pv-space-between pv-full-width",
+						"data-sidebar-expanded-content": "",
+						"data-sidebar-collapsed": J.value || void 0,
+						style: { "flex-wrap": "wrap" }
+					}, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", Ym, R(e.badge.toUpperCase()), 1)) : a("", !0)], 8, Jm)], 16, qm)]),
+					content: K(() => [s("div", Xm, [s("ul", Zm, [s("li", { "data-active": e.active || void 0 }, [s("a", v({ href: e.url }, { ref_for: !0 }, e.linkAttrs, { style: { "flex-wrap": "wrap" } }), [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", eh, R(e.badge.toUpperCase()), 1)) : a("", !0)], 16, $m)], 8, Qm)])])]),
 					_: 2
 				}, 1032, [
 					"use-teleport",
@@ -12267,27 +12307,36 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 					disabled: !J.value,
 					"css-custom-properties": { width: "100%" }
 				}, {
-					trigger: K(() => [u(fi, {
+					trigger: K(() => [u(pi, {
 						modelValue: q.value[e.value],
 						"onUpdate:modelValue": (t) => q.value[e.value] = t,
 						"default-open": V(fm)(e),
-						"summary-attrs": { "aria-current": ge(e.children) && J.value ? "page" : void 0 },
+						"summary-attrs": {
+							class: J.value ? "pv-sidebar-item-collapsed" : void 0,
+							"aria-current": _e(e.children) && J.value ? "page" : void 0
+						},
 						"enable-trigger-slot": "",
 						"enable-trigger-full-width": ""
 					}, {
 						trigger: K(() => [s("div", {
 							class: "pv-flex",
-							onClick: (t) => e.children.length === 1 && _e(t, e.children[0]),
-							onAuxclick: (t) => e.children.length === 1 && _e(t, e.children[0])
+							onClick: (t) => e.children.length === 1 && ve(t, e.children[0]),
+							onAuxclick: (t) => e.children.length === 1 && ve(t, e.children[0])
 						}, [e.icon ? (k(), i(Q, {
 							key: 0,
 							name: e.icon,
 							class: "pv-nav-icon"
-						}, null, 8, ["name"])) : a("", !0), s("span", rh, R(e.label), 1)], 40, nh)]),
-						default: K(() => [s("div", ih, [(k(!0), o(t, null, M(e.children, (e) => (k(), o(t, { key: e.value }, [e.children?.length ? (k(), i(lr, {
+						}, null, 8, ["name"])) : a("", !0), s("span", {
+							"data-sidebar-expanded-content": "",
+							"data-sidebar-collapsed": J.value || void 0
+						}, R(e.label), 9, nh)], 40, th)]),
+						default: K(() => [s("div", {
+							class: "pv-sidebar-nav-nested",
+							"data-sidebar-collapsed": J.value || void 0
+						}, [(k(!0), o(t, null, M(e.children, (e) => (k(), o(t, { key: e.value }, [e.children?.length ? (k(), i(lr, {
 							key: 0,
-							modelValue: Z.value[e.value],
-							"onUpdate:modelValue": (t) => Z.value[e.value] = t,
+							modelValue: pe.value[e.value],
+							"onUpdate:modelValue": (t) => pe.value[e.value] = t,
 							"show-on-hover": "",
 							"enable-group-sync": "",
 							"enable-click-toggle": "",
@@ -12303,12 +12352,12 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 								tabindex: e.url ? void 0 : 0,
 								"aria-current": V(fm)(e) ? "page" : void 0,
 								"aria-haspopup": "true",
-								"aria-expanded": !!Z.value[e.value],
+								"aria-expanded": !!pe.value[e.value],
 								title: e.label
-							}), [s("span", oh, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", sh, R(e.badge.toUpperCase()), 1)) : a("", !0)]), u(Q, {
+							}), [s("span", ah, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", oh, R(e.badge.toUpperCase()), 1)) : a("", !0)]), u(Q, {
 								name: "chevron-right",
 								class: "pv-icon-16"
-							})], 16, ah)]),
+							})], 16, ih)]),
 							content: K(() => [u(bm, {
 								items: e.children,
 								disabled: J.value
@@ -12326,7 +12375,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 						}, { ref_for: !0 }, e.linkAttrs, {
 							"aria-current": e.active ? "page" : void 0,
 							title: e.label
-						}), [s("span", lh, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", uh, R(e.badge.toUpperCase()), 1)) : a("", !0)])], 16, ch))], 64))), 128))])]),
+						}), [s("span", ch, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", lh, R(e.badge.toUpperCase()), 1)) : a("", !0)])], 16, sh))], 64))), 128))], 8, rh)]),
 						_: 2
 					}, 1032, [
 						"modelValue",
@@ -12344,10 +12393,10 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 					"teleport-location",
 					"disabled"
 				]))])], 64))), 128))])) : a("", !0),
-				s("div", dh, [V(g) ? (k(), i(lr, {
+				s("div", uh, [V(g) ? (k(), i(lr, {
 					key: 0,
-					modelValue: ue.value,
-					"onUpdate:modelValue": r[1] ||= (e) => ue.value = e,
+					modelValue: fe.value,
+					"onUpdate:modelValue": r[1] ||= (e) => fe.value = e,
 					position: J.value ? "right-bottom" : "top-left",
 					"show-on-hover": J.value,
 					"enable-group-sync": "",
@@ -12359,14 +12408,17 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 				}, {
 					trigger: K(() => [s("button", {
 						type: "button",
-						class: "pv-nav-list-item",
+						class: b(["pv-nav-list-item", { "pv-sidebar-item-collapsed": J.value }]),
 						"aria-label": "Help",
-						"aria-expanded": ue.value,
+						"aria-expanded": fe.value,
 						title: "Help"
 					}, [u(Q, {
 						name: "help-circle",
 						class: "pv-icon-20 pv-nav-icon"
-					}), r[3] ||= s("span", { "data-sidebar-expanded-content": "" }, "Help", -1)], 8, fh)]),
+					}), s("span", {
+						"data-sidebar-expanded-content": "",
+						"data-sidebar-collapsed": J.value || void 0
+					}, "Help", 8, fh)], 10, dh)]),
 					content: K(() => [s("div", ph, [N(n.$slots, "sidebar-help-content")])]),
 					_: 3
 				}, 8, [
@@ -12377,8 +12429,8 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 					"teleport-location"
 				])) : a("", !0), V(_) && e.profile ? (k(), i(lr, {
 					key: 1,
-					modelValue: X.value,
-					"onUpdate:modelValue": r[2] ||= (e) => X.value = e,
+					modelValue: Z.value,
+					"onUpdate:modelValue": r[2] ||= (e) => Z.value = e,
 					position: J.value ? "right-bottom" : "top-left",
 					"use-teleport": !!w.value,
 					"teleport-location": w.value ?? "body",
@@ -12387,16 +12439,20 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 				}, {
 					trigger: K(() => [s("button", {
 						type: "button",
-						class: "pv-nav-list-item",
+						class: b(["pv-nav-list-item", { "pv-sidebar-item-collapsed": J.value }]),
 						"data-testid": "pv-sidebar-profile-trigger",
 						"aria-label": e.profile.name,
-						"aria-expanded": X.value,
+						"aria-expanded": Z.value,
 						title: e.profile.name
 					}, [s("span", hh, [e.profile.avatarUrl ? (k(), o("img", {
 						key: 0,
 						src: e.profile.avatarUrl,
 						alt: ""
-					}, null, 8, gh)) : (k(), o("span", _h, R(e.profile.name.slice(0, 1)), 1))]), s("span", vh, R(e.profile.name), 1)], 8, mh)]),
+					}, null, 8, gh)) : (k(), o("span", _h, R(e.profile.name.slice(0, 1)), 1))]), s("span", {
+						class: "pv-truncate",
+						"data-sidebar-expanded-content": "",
+						"data-sidebar-collapsed": J.value || void 0
+					}, R(e.profile.name), 9, vh)], 10, mh)]),
 					content: K(() => [s("div", yh, [N(n.$slots, "sidebar-profile-content")])]),
 					_: 3
 				}, 8, [
@@ -12405,13 +12461,13 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 					"use-teleport",
 					"teleport-location"
 				])) : a("", !0)])
-			])], 512),
+			], 2)], 512),
 			s("div", bh, [N(n.$slots, "default")]),
 			s("div", {
 				ref_key: "popoverTeleportTarget",
 				ref: w,
-				class: "pv-sidebar-popover-portal"
-			}, null, 512)
+				class: b(["pv-sidebar-popover-portal", e.variant && `pv-sidebar-surface-${e.variant}`])
+			}, null, 2)
 		], 38));
 	}
 }), Ch = (e) => !!(e.active || e.children?.some(Ch)), wh = {
@@ -12494,10 +12550,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 }), Mh = {
 	key: 0,
 	class: "sidebar-additional-header"
-}, Nh = { class: "sidebar-header-content pv-full-width" }, Ph = {
-	key: 0,
-	class: "pv-sidebar-nav-header"
-}, Fh = ["aria-label", "aria-expanded"], Ih = {
+}, Nh = ["data-sidebar-collapsed"], Ph = { class: "sidebar-header-content pv-full-width" }, Fh = ["aria-label", "aria-expanded"], Ih = {
 	class: "pv-flex",
 	style: { "min-width": "0" }
 }, Lh = {
@@ -12506,7 +12559,11 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 		"border-radius": "4px",
 		"flex-shrink": "0"
 	}
-}, Rh = ["src"], zh = { key: 1 }, Bh = ["title"], Vh = {
+}, Rh = ["src"], zh = { key: 1 }, Bh = [
+	"data-sidebar-collapsed",
+	"data-sidebar-expanding",
+	"title"
+], Vh = {
 	class: "pv-popover",
 	style: {
 		width: "fit-content",
@@ -12521,69 +12578,61 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 }, Uh = ["data-active"], Wh = ["href", "data-org-value"], Gh = {
 	class: "pv-avatar-xs",
 	style: { "border-radius": "4px" }
-}, Kh = ["src"], qh = { key: 1 }, Jh = ["title"], Yh = ["data-active"], Xh = ["href", "data-org-value"], Zh = ["title"], Qh = { class: "pv-sidebar-nav" }, $h = { key: 0 }, eg = {
+}, Kh = ["src"], qh = { key: 1 }, Jh = ["title"], Yh = ["data-active"], Xh = ["href", "data-org-value"], Zh = ["title"], Qh = { key: 0 }, $h = {
 	key: 1,
 	role: "list",
 	class: "pv-full-width pv-flow",
 	style: { "--flow-size": "0.25rem" }
-}, tg = {
+}, eg = {
 	key: 0,
 	class: "pv-sidebar-nav-separator",
 	"aria-hidden": "true"
-}, ng = {
-	class: "pv-flex pv-space-between pv-full-width",
-	"data-sidebar-expanded-content": "",
-	style: { "flex-wrap": "wrap" }
-}, rg = {
+}, tg = ["data-sidebar-collapsed"], ng = {
 	key: 0,
 	class: "pv-tag-purple pv-tag-sm"
-}, ig = ["onClick", "onKeydown"], ag = [
+}, rg = ["onClick", "onKeydown"], ig = [
 	"href",
 	"aria-current",
 	"title"
-], og = {
-	class: "pv-flex pv-space-between pv-full-width",
-	"data-sidebar-expanded-content": "",
-	style: { "flex-wrap": "wrap" }
-}, sg = {
+], ag = ["data-sidebar-collapsed"], og = {
 	key: 0,
 	class: "pv-tag-purple pv-tag-sm"
-}, cg = {
+}, sg = {
 	class: "pv-popover",
 	style: { "--position": "static" }
-}, lg = {
+}, cg = {
 	role: "list",
 	class: "pv-popover-list"
-}, ug = ["data-active"], dg = ["href"], fg = {
+}, lg = ["data-active"], ug = ["href"], dg = {
 	key: 0,
 	class: "pv-tag-purple pv-tag-sm"
-}, pg = ["onClick", "onAuxclick"], mg = { "data-sidebar-expanded-content": "" }, hg = { class: "pv-sidebar-nav-nested" }, gg = [
+}, fg = ["onClick", "onAuxclick"], pg = ["data-sidebar-collapsed"], mg = ["data-sidebar-collapsed"], hg = [
 	"href",
 	"role",
 	"tabindex",
 	"aria-current",
 	"aria-expanded",
 	"title"
-], _g = {
+], gg = {
 	class: "pv-flex pv-space-between pv-full-width",
 	style: { "flex-wrap": "wrap" }
-}, vg = {
+}, _g = {
 	key: 0,
 	class: "pv-tag-purple pv-tag-sm"
-}, yg = [
+}, vg = [
 	"href",
 	"aria-current",
 	"title"
-], bg = {
+], yg = {
 	class: "pv-flex pv-space-between pv-full-width",
 	style: { "flex-wrap": "wrap" }
-}, xg = {
+}, bg = {
 	key: 0,
 	class: "pv-tag-purple pv-tag-sm"
-}, Sg = {
+}, xg = {
 	class: "pv-sidebar-nav-footer pv-sticky",
 	style: { "--bottom": "0" }
-}, Cg = ["aria-expanded"], wg = { class: "pv-popover pv-text-default pv-text-body-md" }, Tg = [
+}, Sg = ["aria-expanded"], Cg = ["data-sidebar-collapsed"], wg = { class: "pv-popover pv-text-default pv-text-body-md" }, Tg = [
 	"aria-label",
 	"aria-expanded",
 	"title"
@@ -12593,10 +12642,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 		"border-radius": "50%",
 		"flex-shrink": "0"
 	}
-}, Dg = ["src"], Og = { key: 1 }, kg = {
-	class: "pv-truncate",
-	"data-sidebar-expanded-content": ""
-}, Ag = {
+}, Dg = ["src"], Og = { key: 1 }, kg = ["data-sidebar-collapsed"], Ag = {
 	class: "pv-popover pv-text-default pv-text-body-md",
 	style: { "--height": "750px" }
 }, jg = { class: "content-panel" }, Mg = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", Ng = /* @__PURE__ */ d({
@@ -12671,23 +12717,23 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 				Ch(e) && (q.value[e.value] = !0);
 			});
 		});
-		let J = H(e, "modelValue"), Y = j(!1), le = n, ue = j(!1), fe = j(!1), X = j(!1), Z = j({}), pe = () => {
-			ue.value = !1, D.value = {}, Z.value = {}, fe.value = !1, X.value = !1;
+		let J = H(e, "modelValue"), Y = j(!1), le = r(() => !J.value && Y.value), ue = n, fe = j(!1), X = j(!1), Z = j(!1), pe = j({}), me = () => {
+			fe.value = !1, D.value = {}, pe.value = {}, X.value = !1, Z.value = !1;
 		};
-		G(ue, (e) => {
-			e && (D.value = {}, fe.value = !1, X.value = !1);
-		}), G(fe, (e) => {
-			e && (ue.value = !1, D.value = {}, X.value = !1);
+		G(fe, (e) => {
+			e && (D.value = {}, X.value = !1, Z.value = !1);
 		}), G(X, (e) => {
-			e && (ue.value = !1, D.value = {}, fe.value = !1);
+			e && (fe.value = !1, D.value = {}, Z.value = !1);
+		}), G(Z, (e) => {
+			e && (fe.value = !1, D.value = {}, X.value = !1);
 		}), G(J, () => {
-			pe(), Y.value = !0;
+			me(), Y.value = !0;
 		});
-		let me = () => {
-			J.value = !J.value, le("change", { collapsed: J.value });
-		}, he = (e) => {
+		let he = () => {
+			J.value = !J.value, ue("change", { collapsed: J.value });
+		}, ge = (e) => {
 			e.target === e.currentTarget && e.propertyName === "grid-template-columns" && (Y.value = !1);
-		}, ge = (e) => e.some(Ch), _e = (e, t) => {
+		}, _e = (e) => e.some(Ch), ve = (e, t) => {
 			if (t.url) {
 				if (e.ctrlKey || e.metaKey || e.shiftKey || e.button === 1) {
 					window.open(t.url, "_blank", "noopener");
@@ -12703,15 +12749,21 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 				"is-transitioning": Y.value
 			}]]),
 			style: S(z.value),
-			onTransitionend: he
+			onTransitionend: ge
 		}, [
 			s("div", {
 				ref_key: "sidebarPanel",
 				ref: E,
 				class: "sidebar-panel"
-			}, [s("div", null, [V(h) ? (k(), o("div", Mh, [N(n.$slots, "sidebar-additional-header")])) : a("", !0), s("div", { class: b(["sidebar-header", [{ "pv-border-bottom": J.value }]]) }, [s("div", Nh, [e.organizations && e.organizations.length ? (k(), o("div", Ph, [u(lr, {
-				modelValue: fe.value,
-				"onUpdate:modelValue": r[0] ||= (e) => fe.value = e,
+			}, [s("div", null, [V(h) ? (k(), o("div", Mh, [N(n.$slots, "sidebar-additional-header")])) : a("", !0), s("div", {
+				class: b(["sidebar-header", [{ "pv-border-bottom": J.value }]]),
+				"data-sidebar-collapsed": J.value || void 0
+			}, [s("div", Ph, [e.organizations && e.organizations.length ? (k(), o("div", {
+				key: 0,
+				class: b(["pv-sidebar-nav-header", e.variant && `pv-sidebar-surface-${e.variant}`])
+			}, [u(lr, {
+				modelValue: X.value,
+				"onUpdate:modelValue": r[0] ||= (e) => X.value = e,
 				position: J.value ? "right-top" : "bottom-left",
 				"use-teleport": !!w.value,
 				"teleport-location": w.value ?? "body",
@@ -12719,7 +12771,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 			}, {
 				trigger: K(() => [u(dr, {
 					description: se.value?.label,
-					disabled: !J.value || Y.value || fe.value,
+					disabled: !J.value || Y.value || X.value,
 					variant: "white",
 					position: "center-right",
 					delay: 250,
@@ -12731,10 +12783,10 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 				}, {
 					trigger: K(() => [s("button", {
 						type: "button",
-						class: "pv-nav-list-item pv-full-width pv-space-between",
+						class: b(["pv-nav-list-item pv-full-width pv-space-between", { "pv-sidebar-item-collapsed": J.value }]),
 						"data-testid": "pv-sidebar-org-switcher",
 						"aria-label": `Switch organization: ${se.value?.label}`,
-						"aria-expanded": fe.value
+						"aria-expanded": X.value
 					}, [s("div", Ih, [s("span", Lh, [se.value?.avatarUrl ? (k(), o("img", {
 						key: 0,
 						src: se.value.avatarUrl,
@@ -12742,12 +12794,16 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 					}, null, 8, Rh)) : (k(), o("span", zh, R(se.value?.label?.slice(0, 1)), 1))]), s("span", {
 						class: "pv-text-title-lg pv-truncate",
 						"data-sidebar-expanded-content": "",
+						"data-sidebar-collapsed": J.value || void 0,
+						"data-sidebar-expanding": le.value || void 0,
 						title: se.value?.label
 					}, R(se.value?.label), 9, Bh)]), u(Q, {
 						name: "chevron-down",
 						class: "pv-icon-16",
-						"data-sidebar-expanded-content": ""
-					})], 8, Fh)]),
+						"data-sidebar-expanded-content": "",
+						"data-sidebar-collapsed": J.value || void 0,
+						"data-sidebar-expanding": le.value || void 0
+					}, null, 8, ["data-sidebar-collapsed", "data-sidebar-expanding"])], 10, Fh)]),
 					_: 1
 				}, 8, [
 					"description",
@@ -12787,7 +12843,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 				"position",
 				"use-teleport",
 				"teleport-location"
-			])])) : a("", !0)]), e.disableToggle ? a("", !0) : (k(), i(dr, {
+			])], 2)) : a("", !0)]), e.disableToggle ? a("", !0) : (k(), i(dr, {
 				key: 0,
 				variant: "white",
 				position: "center-right",
@@ -12795,16 +12851,23 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 			}, {
 				trigger: K(() => [u($, {
 					class: "sidebar-toggle",
+					"data-sidebar-collapsed": J.value || void 0,
+					"data-sidebar-expanding": le.value || void 0,
 					"left-icon": J.value ? "panel-left-open" : "panel-left-close",
 					"aria-label": J.value ? "Open sidebar" : "Close sidebar",
 					variant: "ghost",
-					onClick: me
-				}, null, 8, ["left-icon", "aria-label"])]),
+					onClick: he
+				}, null, 8, [
+					"data-sidebar-collapsed",
+					"data-sidebar-expanding",
+					"left-icon",
+					"aria-label"
+				])]),
 				content: K(() => [l(R(J.value ? "Expand navigation" : "Collapse navigation"), 1)]),
 				_: 1
-			}))], 2)]), s("div", Qh, [
-				V(m) ? (k(), o("div", $h, [N(n.$slots, "sidebar-additional-content")])) : a("", !0),
-				e.navItems && e.navItems.length ? (k(), o("ul", eg, [(k(!0), o(t, null, M(e.navItems, (e) => (k(), o(t, { key: e.value }, [e.separatorAtTop ? (k(), o("li", tg)) : a("", !0), s("li", null, [ee(e) ? (k(), i(lr, {
+			}))], 10, Nh)]), s("div", { class: b(["pv-sidebar-nav", e.variant && `pv-sidebar-surface-${e.variant}`]) }, [
+				V(m) ? (k(), o("div", Qh, [N(n.$slots, "sidebar-additional-content")])) : a("", !0),
+				e.navItems && e.navItems.length ? (k(), o("ul", $h, [(k(!0), o(t, null, M(e.navItems, (e) => (k(), o(t, { key: e.value }, [e.separatorAtTop ? (k(), o("li", eg)) : a("", !0), s("li", null, [ee(e) ? (k(), i(lr, {
 					key: 0,
 					modelValue: D.value[e.value],
 					"onUpdate:modelValue": (t) => D.value[e.value] = t,
@@ -12820,7 +12883,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 					trigger: K(() => [(k(), i(F(e.url ? "a" : "button"), v({
 						ref_for: !0,
 						ref: (t) => te(V(P), e.value, t),
-						class: "pv-nav-list-item",
+						class: ["pv-nav-list-item", { "pv-sidebar-item-collapsed": J.value }],
 						href: e.url,
 						type: e.url ? void 0 : "button"
 					}, { ref_for: !0 }, e.linkAttrs, {
@@ -12834,9 +12897,15 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 							key: 0,
 							name: e.icon,
 							class: "pv-nav-icon"
-						}, null, 8, ["name"])) : a("", !0), s("span", ng, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", rg, R(e.badge.toUpperCase()), 1)) : a("", !0)])]),
+						}, null, 8, ["name"])) : a("", !0), s("span", {
+							class: "pv-flex pv-space-between pv-full-width",
+							"data-sidebar-expanded-content": "",
+							"data-sidebar-collapsed": J.value || void 0,
+							style: { "flex-wrap": "wrap" }
+						}, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", ng, R(e.badge.toUpperCase()), 1)) : a("", !0)], 8, tg)]),
 						_: 2
 					}, 1040, [
+						"class",
 						"href",
 						"type",
 						"aria-current",
@@ -12851,7 +12920,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 						class: "pv-sidebar-hover-panel",
 						onClick: (t) => ie(t, e.value),
 						onKeydown: (t) => ae(t, e.value)
-					}, [N(n.$slots, e.hoverPanelSlot)], 40, ig)]),
+					}, [N(n.$slots, e.hoverPanelSlot)], 40, rg)]),
 					_: 2
 				}, 1032, [
 					"modelValue",
@@ -12871,7 +12940,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 					"css-custom-properties": { width: "100%" }
 				}, {
 					trigger: K(() => [s("a", v({
-						class: "pv-nav-list-item",
+						class: ["pv-nav-list-item", { "pv-sidebar-item-collapsed": J.value }],
 						href: e.url
 					}, { ref_for: !0 }, e.linkAttrs, {
 						"aria-current": e.active ? "page" : void 0,
@@ -12880,8 +12949,13 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 						key: 0,
 						name: e.icon,
 						class: "pv-nav-icon"
-					}, null, 8, ["name"])) : a("", !0), s("span", og, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", sg, R(e.badge.toUpperCase()), 1)) : a("", !0)])], 16, ag)]),
-					content: K(() => [s("div", cg, [s("ul", lg, [s("li", { "data-active": e.active || void 0 }, [s("a", v({ href: e.url }, { ref_for: !0 }, e.linkAttrs, { style: { "flex-wrap": "wrap" } }), [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", fg, R(e.badge.toUpperCase()), 1)) : a("", !0)], 16, dg)], 8, ug)])])]),
+					}, null, 8, ["name"])) : a("", !0), s("span", {
+						class: "pv-flex pv-space-between pv-full-width",
+						"data-sidebar-expanded-content": "",
+						"data-sidebar-collapsed": J.value || void 0,
+						style: { "flex-wrap": "wrap" }
+					}, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", og, R(e.badge.toUpperCase()), 1)) : a("", !0)], 8, ag)], 16, ig)]),
+					content: K(() => [s("div", sg, [s("ul", cg, [s("li", { "data-active": e.active || void 0 }, [s("a", v({ href: e.url }, { ref_for: !0 }, e.linkAttrs, { style: { "flex-wrap": "wrap" } }), [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", dg, R(e.badge.toUpperCase()), 1)) : a("", !0)], 16, ug)], 8, lg)])])]),
 					_: 2
 				}, 1032, [
 					"use-teleport",
@@ -12898,27 +12972,36 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 					disabled: !J.value,
 					"css-custom-properties": { width: "100%" }
 				}, {
-					trigger: K(() => [u(fi, {
+					trigger: K(() => [u(pi, {
 						modelValue: q.value[e.value],
 						"onUpdate:modelValue": (t) => q.value[e.value] = t,
 						"default-open": V(Ch)(e),
-						"summary-attrs": { "aria-current": ge(e.children) && J.value ? "page" : void 0 },
+						"summary-attrs": {
+							class: J.value ? "pv-sidebar-item-collapsed" : void 0,
+							"aria-current": _e(e.children) && J.value ? "page" : void 0
+						},
 						"enable-trigger-slot": "",
 						"enable-trigger-full-width": ""
 					}, {
 						trigger: K(() => [s("div", {
 							class: "pv-flex",
-							onClick: (t) => e.children.length === 1 && _e(t, e.children[0]),
-							onAuxclick: (t) => e.children.length === 1 && _e(t, e.children[0])
+							onClick: (t) => e.children.length === 1 && ve(t, e.children[0]),
+							onAuxclick: (t) => e.children.length === 1 && ve(t, e.children[0])
 						}, [e.icon ? (k(), i(Q, {
 							key: 0,
 							name: e.icon,
 							class: "pv-nav-icon"
-						}, null, 8, ["name"])) : a("", !0), s("span", mg, R(e.label), 1)], 40, pg)]),
-						default: K(() => [s("div", hg, [(k(!0), o(t, null, M(e.children, (e) => (k(), o(t, { key: e.value }, [e.children?.length ? (k(), i(lr, {
+						}, null, 8, ["name"])) : a("", !0), s("span", {
+							"data-sidebar-expanded-content": "",
+							"data-sidebar-collapsed": J.value || void 0
+						}, R(e.label), 9, pg)], 40, fg)]),
+						default: K(() => [s("div", {
+							class: "pv-sidebar-nav-nested",
+							"data-sidebar-collapsed": J.value || void 0
+						}, [(k(!0), o(t, null, M(e.children, (e) => (k(), o(t, { key: e.value }, [e.children?.length ? (k(), i(lr, {
 							key: 0,
-							modelValue: Z.value[e.value],
-							"onUpdate:modelValue": (t) => Z.value[e.value] = t,
+							modelValue: pe.value[e.value],
+							"onUpdate:modelValue": (t) => pe.value[e.value] = t,
 							"show-on-hover": "",
 							"enable-group-sync": "",
 							"enable-click-toggle": "",
@@ -12934,12 +13017,12 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 								tabindex: e.url ? void 0 : 0,
 								"aria-current": V(Ch)(e) ? "page" : void 0,
 								"aria-haspopup": "true",
-								"aria-expanded": !!Z.value[e.value],
+								"aria-expanded": !!pe.value[e.value],
 								title: e.label
-							}), [s("span", _g, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", vg, R(e.badge.toUpperCase()), 1)) : a("", !0)]), u(Q, {
+							}), [s("span", gg, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", _g, R(e.badge.toUpperCase()), 1)) : a("", !0)]), u(Q, {
 								name: "chevron-right",
 								class: "pv-icon-16"
-							})], 16, gg)]),
+							})], 16, hg)]),
 							content: K(() => [u(jh, {
 								items: e.children,
 								disabled: J.value
@@ -12957,7 +13040,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 						}, { ref_for: !0 }, e.linkAttrs, {
 							"aria-current": e.active ? "page" : void 0,
 							title: e.label
-						}), [s("span", bg, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", xg, R(e.badge.toUpperCase()), 1)) : a("", !0)])], 16, yg))], 64))), 128))])]),
+						}), [s("span", yg, [s("span", { class: b(["pv-truncate pv-flex-item", { "pv-link-external": e.external }]) }, R(e.label), 3), e.badge ? (k(), o("span", bg, R(e.badge.toUpperCase()), 1)) : a("", !0)])], 16, vg))], 64))), 128))], 8, mg)]),
 						_: 2
 					}, 1032, [
 						"modelValue",
@@ -12975,10 +13058,10 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 					"teleport-location",
 					"disabled"
 				]))])], 64))), 128))])) : a("", !0),
-				s("div", Sg, [V(g) ? (k(), i(lr, {
+				s("div", xg, [V(g) ? (k(), i(lr, {
 					key: 0,
-					modelValue: ue.value,
-					"onUpdate:modelValue": r[1] ||= (e) => ue.value = e,
+					modelValue: fe.value,
+					"onUpdate:modelValue": r[1] ||= (e) => fe.value = e,
 					position: J.value ? "right-bottom" : "top-left",
 					"show-on-hover": J.value,
 					"enable-group-sync": "",
@@ -12990,14 +13073,17 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 				}, {
 					trigger: K(() => [s("button", {
 						type: "button",
-						class: "pv-nav-list-item",
+						class: b(["pv-nav-list-item", { "pv-sidebar-item-collapsed": J.value }]),
 						"aria-label": "Help",
-						"aria-expanded": ue.value,
+						"aria-expanded": fe.value,
 						title: "Help"
 					}, [u(Q, {
 						name: "help-circle",
 						class: "pv-icon-20 pv-nav-icon"
-					}), r[3] ||= s("span", { "data-sidebar-expanded-content": "" }, "Help", -1)], 8, Cg)]),
+					}), s("span", {
+						"data-sidebar-expanded-content": "",
+						"data-sidebar-collapsed": J.value || void 0
+					}, "Help", 8, Cg)], 10, Sg)]),
 					content: K(() => [s("div", wg, [N(n.$slots, "sidebar-help-content")])]),
 					_: 3
 				}, 8, [
@@ -13008,8 +13094,8 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 					"teleport-location"
 				])) : a("", !0), V(_) && e.profile ? (k(), i(lr, {
 					key: 1,
-					modelValue: X.value,
-					"onUpdate:modelValue": r[2] ||= (e) => X.value = e,
+					modelValue: Z.value,
+					"onUpdate:modelValue": r[2] ||= (e) => Z.value = e,
 					position: J.value ? "right-bottom" : "top-left",
 					"use-teleport": !!w.value,
 					"teleport-location": w.value ?? "body",
@@ -13018,16 +13104,20 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 				}, {
 					trigger: K(() => [s("button", {
 						type: "button",
-						class: "pv-nav-list-item",
+						class: b(["pv-nav-list-item", { "pv-sidebar-item-collapsed": J.value }]),
 						"data-testid": "pv-sidebar-profile-trigger",
 						"aria-label": e.profile.name,
-						"aria-expanded": X.value,
+						"aria-expanded": Z.value,
 						title: e.profile.name
 					}, [s("span", Eg, [e.profile.avatarUrl ? (k(), o("img", {
 						key: 0,
 						src: e.profile.avatarUrl,
 						alt: ""
-					}, null, 8, Dg)) : (k(), o("span", Og, R(e.profile.name.slice(0, 1)), 1))]), s("span", kg, R(e.profile.name), 1)], 8, Tg)]),
+					}, null, 8, Dg)) : (k(), o("span", Og, R(e.profile.name.slice(0, 1)), 1))]), s("span", {
+						class: "pv-truncate",
+						"data-sidebar-expanded-content": "",
+						"data-sidebar-collapsed": J.value || void 0
+					}, R(e.profile.name), 9, kg)], 10, Tg)]),
 					content: K(() => [s("div", Ag, [N(n.$slots, "sidebar-profile-content")])]),
 					_: 3
 				}, 8, [
@@ -13036,13 +13126,13 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 					"use-teleport",
 					"teleport-location"
 				])) : a("", !0)])
-			])], 512),
+			], 2)], 512),
 			s("div", jg, [N(n.$slots, "default")]),
 			s("div", {
 				ref_key: "popoverTeleportTarget",
 				ref: w,
-				class: "pv-sidebar-popover-portal"
-			}, null, 512)
+				class: b(["pv-sidebar-popover-portal", e.variant && `pv-sidebar-surface-${e.variant}`])
+			}, null, 2)
 		], 38));
 	}
 }), Pg = {
@@ -13315,6 +13405,6 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 	});
 };
 //#endregion
-export { fi as PvAccordion, Pc as PvActionBar, pr as PvActionButton, gr as PvAiButton, Ua as PvAvatar, Bs as PvAvatarGroup, ni as PvBanner, nu as PvBoxPlot, Ra as PvBreadcrumbs, $ as PvButton, xr as PvButtonWithTooltip, Cc as PvCard, Ks as PvCheckbox, Ls as PvCompanyLabel, Wr as PvCompanyLogo, si as PvCompanyTag, ba as PvContextFeedback, Xi as PvContextSurface, Vi as PvContextSurfaceKey, Ye as PvCounterBadge, wi as PvDatePicker, Ei as PvDateTime, hl as PvDistributionBar, Bi as PvDrawer, Pr as PvDropdown, oi as PvEmptyErrorState, Jg as PvEmptyState, Mc as PvExpandableContent, uc as PvFileInput, Qp as PvFilterModal, Fp as PvFilterPanel, Ca as PvGhostInput, Fs as PvHeader, uf as PvHorizontalScroller, nm as PvHoverActionMenu, Q as PvIcon, rc as PvInput, jc as PvInsightCard, Uo as PvMenu, Fo as PvMenuItem, Xr as PvModal, Xo as PvMultiSelectButton, _s as PvPagination, Or as PvPill, jr as PvPopover, Ir as PvPopoverMenu, lr as PvPopoverV2, ml as PvProgressBar, dm as PvQueryBuilderInput, Xs as PvRadioGroup, yu as PvRange, pc as PvRating, Tr as PvReleaseBadge, ji as PvResizeHandle, _i as PvSearchInput, Lr as PvSegmentedControl, $o as PvSelectButton, Ja as PvSelectButtonTrigger, bs as PvSelectableCard, Ts as PvSidePanel, Sh as PvSidebar, Ng as PvSidebarV2, Qs as PvSkeleton, us as PvSortableList, na as PvSpinesEntityFields, ze as PvSpinner, wr as PvSplitButton, As as PvSplitPane, Zs as PvSprite, Vg as PvStepper, ui as PvSuggestionTag, ho as PvSwitch, Vr as PvTabList, Lg as PvTableOfContents, Pa as PvTabs, Dr as PvTag, oa as PvTextArea, pa as PvToast, ua as PvToggleButton, Ws as PvToggleGroup, yr as PvTooltip, dr as PvTooltipV2, ll as PvTree, ul as PvTreeGroup, wc as PvWidget, Qg as RumContextKey, vo as SelectedItemsKey, e_ as addRumAction, fp as createPvFilterStore, t_ as deferRumTask, pp as providePvFilterStore, Di as pvResizeAxisFor, Oi as resolvePvResizeSize, Ti as useDateTime, Zg as useMenuPosition, mp as useOptionalPvFilterStore, Xg as usePvComponents, hp as usePvFilterStore, Ai as useResizable, $g as useRumContext, rr as useSlotPresence };
+export { pi as PvAccordion, Pc as PvActionBar, pr as PvActionButton, gr as PvAiButton, Wa as PvAvatar, Bs as PvAvatarGroup, ri as PvBanner, nu as PvBoxPlot, za as PvBreadcrumbs, $ as PvButton, xr as PvButtonWithTooltip, Cc as PvCard, Ks as PvCheckbox, Ls as PvCompanyLabel, Wr as PvCompanyLogo, ci as PvCompanyTag, xa as PvContextFeedback, Zi as PvContextSurface, Hi as PvContextSurfaceKey, Ye as PvCounterBadge, Ti as PvDatePicker, Di as PvDateTime, hl as PvDistributionBar, Vi as PvDrawer, Pr as PvDropdown, si as PvEmptyErrorState, Jg as PvEmptyState, Mc as PvExpandableContent, uc as PvFileInput, Qp as PvFilterModal, Fp as PvFilterPanel, wa as PvGhostInput, Fs as PvHeader, uf as PvHorizontalScroller, nm as PvHoverActionMenu, Q as PvIcon, rc as PvInput, jc as PvInsightCard, Uo as PvMenu, Fo as PvMenuItem, Xr as PvModal, Xo as PvMultiSelectButton, _s as PvPagination, Or as PvPill, jr as PvPopover, Ir as PvPopoverMenu, lr as PvPopoverV2, ml as PvProgressBar, dm as PvQueryBuilderInput, Xs as PvRadioGroup, yu as PvRange, pc as PvRating, Tr as PvReleaseBadge, Mi as PvResizeHandle, vi as PvSearchInput, Lr as PvSegmentedControl, $o as PvSelectButton, Ya as PvSelectButtonTrigger, bs as PvSelectableCard, Ts as PvSidePanel, Sh as PvSidebar, Ng as PvSidebarV2, Qs as PvSkeleton, us as PvSortableList, ra as PvSpinesEntityFields, ze as PvSpinner, wr as PvSplitButton, As as PvSplitPane, Zs as PvSprite, Vg as PvStepper, di as PvSuggestionTag, ho as PvSwitch, Vr as PvTabList, Lg as PvTableOfContents, Fa as PvTabs, Dr as PvTag, sa as PvTextArea, ma as PvToast, da as PvToggleButton, Ws as PvToggleGroup, yr as PvTooltip, dr as PvTooltipV2, ll as PvTree, ul as PvTreeGroup, wc as PvWidget, Qg as RumContextKey, vo as SelectedItemsKey, e_ as addRumAction, fp as createPvFilterStore, t_ as deferRumTask, pp as providePvFilterStore, Oi as pvResizeAxisFor, ki as resolvePvResizeSize, Ei as useDateTime, Zg as useMenuPosition, mp as useOptionalPvFilterStore, Xg as usePvComponents, hp as usePvFilterStore, ji as useResizable, $g as useRumContext, rr as useSlotPresence };
 
 //# sourceMappingURL=pv-components-base.mjs.map