@turquoisehealth/pit-viper 2.236.2 → 2.237.0

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

@@ -5312,22 +5312,23 @@ var za = {
 }, Qo = ["id"], $o = { class: "pv-flex" }, es = ["id"], ts = /* @__PURE__ */ d({
 	__name: "PvHeader",
 	props: {
-		title: {},
-		showAskTqButton: { type: Boolean },
+		as: { default: "div" },
 		askTqButtonId: { default: "asktq-launch-button" },
-		headerTitleId: { default: "header-title" },
 		headerActionsId: { default: "header-actions" },
+		headerTitleId: { default: "header-title" },
+		showAskTqButton: { type: Boolean },
 		sticky: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		title: {}
 	},
 	setup(e) {
 		let t = H("rootRef"), { present: n } = Xn("right", { host: r(() => {
 			let e = t.value?.getRootNode();
 			return e instanceof ShadowRoot ? e.host : null;
 		}) });
-		return (r, i) => (D(), o("div", {
+		return (r, c) => (D(), i(N(e.as), {
 			ref_key: "rootRef",
 			ref: t,
 			class: y(["pv-inset-square pv-flex pv-space-between pv-surface pv-border-bottom", { "pv-sticky": e.sticky }]),
@@ -5335,23 +5336,26 @@ var za = {
 				"--inset-size": "0.75rem 1rem",
 				"background-color": "#fdfdfc"
 			}
-		}, [e.title ? (D(), o("span", Zo, I(e.title), 1)) : (D(), o("div", {
-			key: 1,
-			id: e.headerTitleId,
-			class: "pv-flex"
-		}, [j(r.$slots, "left")], 8, Qo)), s("div", $o, [s("div", {
-			id: e.headerActionsId,
-			class: "pv-flex"
-		}, [j(r.$slots, "right")], 8, es), e.showAskTqButton ? (D(), o("div", {
-			key: 0,
-			class: y({ "pv-border-left": L(n) }),
-			style: { "padding-inline-start": "0.5rem" }
-		}, [u(lr, {
-			id: e.askTqButtonId,
-			label: "AskTQ",
-			size: "xl",
-			"hide-icon": ""
-		}, null, 8, ["id"])], 2)) : a("", !0)])], 2));
+		}, {
+			default: q(() => [e.title ? (D(), o("span", Zo, I(e.title), 1)) : (D(), o("div", {
+				key: 1,
+				id: e.headerTitleId,
+				class: "pv-flex"
+			}, [j(r.$slots, "left")], 8, Qo)), s("div", $o, [s("div", {
+				id: e.headerActionsId,
+				class: "pv-flex"
+			}, [j(r.$slots, "right")], 8, es), e.showAskTqButton ? (D(), o("div", {
+				key: 0,
+				class: y({ "pv-border-left": L(n) }),
+				style: { "padding-inline-start": "0.5rem" }
+			}, [u(lr, {
+				id: e.askTqButtonId,
+				label: "AskTQ",
+				size: "xl",
+				"hide-icon": ""
+			}, null, 8, ["id"])], 2)) : a("", !0)])]),
+			_: 3
+		}, 8, ["class"]));
 	}
 }), ns = ["data-more"], rs = ["src", "alt"], is = /* @__PURE__ */ d({
 	__name: "PvAvatarGroup",