bitboss-ui 2.1.123 → 2.1.124

package/dist/index232.js

@@ -8,14 +8,14 @@ import s from "./index60.js";
 import c from "./index219.js";
 import { findRightIndex as l } from "./index229.js";
 import u from "./index230.js";
-import { parseWidthString as ee } from "./index231.js";
-import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, mergeProps as y, normalizeProps as te, normalizeStyle as ne, onBeforeUnmount as re, openBlock as b, ref as x, renderList as S, renderSlot as C, toDisplayString as ie, unref as w, useTemplateRef as ae, watch as T, withCtx as E } from "vue";
+import { parseWidthString as d } from "./index231.js";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, mergeProps as b, normalizeProps as ee, normalizeStyle as te, onBeforeUnmount as ne, openBlock as x, ref as S, renderList as re, renderSlot as C, toDisplayString as ie, unref as ae, useTemplateRef as oe, watch as w, withCtx as T } from "vue";
 //#region src/components/BbDropdown/BbDropdown.vue?vue&type=script&setup=true&lang.ts
-var oe = [
+var se = [
 	"id",
 	"aria-labelledby",
 	"inert"
-], se = { class: "item__content" }, ce = 500, le = 10, D = /* @__PURE__ */ v({
+], ce = { class: "item__content" }, le = 500, ue = 10, E = /* @__PURE__ */ y({
 	inheritAttrs: !1,
 	__name: "BbDropdown",
 	props: {
@@ -34,9 +34,9 @@ var oe = [
 		trigger: { default: "click" },
 		width: { default: "auto" }
 	},
-	setup(v) {
-		let D = v, O = D.id ?? `bb_${t().id.value}`, k = x(), A = f(() => a(k.value)), ue = f(() => D.activator != null), de = ae("popover"), j = f(() => a(de.value)), M = x(!1), fe = o(M, { initialValue: D.eager }), pe = f(() => {
-			let e = D.trigger;
+	setup(y) {
+		let E = y, D = E.id ?? `bb_${t().id.value}`, O = S(D), k = S(), A = p(() => a(k.value)), de = p(() => E.activator != null), fe = oe("popover"), j = p(() => a(fe.value)), M = S(!1), pe = o(M, { initialValue: E.eager }), me = p(() => {
+			let e = E.trigger;
 			return new Set(Array.isArray(e) ? e : [e]);
 		}), N = (e, t) => ({ getBoundingClientRect: () => ({
 			x: e,
@@ -50,20 +50,20 @@ var oe = [
 			toJSON() {
 				return this;
 			}
-		}) }), P = x(null), me = f(() => D.placement === "cursor" && P.value ? P.value : k.value), F = (e) => {
+		}) }), P = S(null), he = p(() => E.placement === "cursor" && P.value ? P.value : k.value), F = (e) => {
 			let t = a(e);
 			t && (k.value = t);
-		}, { resume: he, pause: I } = r(A, async ([{ intersectionRatio: e }]) => {
+		}, { resume: I, pause: ge } = r(A, async ([{ intersectionRatio: e }]) => {
 			e !== 1 && M.value && await Z();
 		}, {
 			threshold: [0, 1],
 			immediate: !1
-		}), L = f(() => {
-			let e = D.items.findIndex((e) => !e.disabled), t = l(D.items, (e) => !e.disabled);
-			return D.items.map((n, r) => {
-				let i = `${O}-item-${n.key}`, { onClick: a, ...o } = n, s = async (e) => {
+		}), L = p(() => {
+			let e = E.items.findIndex((e) => !e.disabled), t = l(E.items, (e) => !e.disabled);
+			return E.items.map((n, r) => {
+				let i = `${D}-item-${n.key}`, { onClick: a, ...o } = n, s = async (e) => {
 					e.stopPropagation(), await Z();
-					let t = document.querySelector(`#${O}`);
+					let t = document.querySelector(`#${D}`);
 					t && t.focus(), a?.(e);
 				}, c = (n) => {
 					if (!(!(n.target instanceof HTMLElement) || !n.target.dataset.dropdownItem || !j.value)) {
@@ -74,15 +74,15 @@ var oe = [
 							}
 						} else if (n.key === "ArrowUp") {
 							if (n.preventDefault(), r !== e) {
-								let e = l(D.items, (e, t) => t < r && !e.disabled), t = Array.from(j.value.querySelectorAll(".bb-dropdown__item"))[e];
+								let e = l(E.items, (e, t) => t < r && !e.disabled), t = Array.from(j.value.querySelectorAll(".bb-dropdown__item"))[e];
 								t instanceof HTMLElement && t.focus();
 							}
 						} else if (n.key === "Tab") {
 							if (r === t && !n.shiftKey) {
-								let e = Array.from(document.querySelectorAll(u.join(","))), t = e[e.findIndex((e) => e.id === O) + 1];
+								let e = Array.from(document.querySelectorAll(u.join(","))), t = e[e.findIndex((e) => e.id === D) + 1];
 								t instanceof HTMLElement && (n.preventDefault(), Z(), t.focus());
 							} else if (r === e && n.shiftKey) {
-								let e = document.querySelector(`#${O}`);
+								let e = document.querySelector(`#${D}`);
 								e && (n.preventDefault(), e.focus());
 							}
 						}
@@ -92,40 +92,40 @@ var oe = [
 					...o,
 					original: n,
 					key: n.key.split(/\W+/g).join("_").toLowerCase(),
-					disabled: o.disabled || D.disabled,
+					disabled: o.disabled || E.disabled,
 					id: i,
 					onClick: s,
 					onKeydown: c
 				};
 			});
 		}), R = (e) => {
-			if (!D.disabled) {
+			if (!E.disabled) {
 				if (H) {
 					H = !1, e.preventDefault(), e.stopPropagation();
 					return;
 				}
-				e.stopPropagation(), D.placement === "cursor" && (P.value = N(e.clientX, e.clientY)), M.value ? Z() : X();
+				e.stopPropagation(), E.placement === "cursor" && (P.value = N(e.clientX, e.clientY)), M.value ? Z() : X();
 			}
 		}, z = (e) => {
-			D.disabled || (e.preventDefault(), e.stopPropagation(), !(D.placement === "cursor" && (P.value = N(e.clientX, e.clientY), M.value)) && (M.value ? Z() : X()));
+			E.disabled || (e.preventDefault(), e.stopPropagation(), !(E.placement === "cursor" && (P.value = N(e.clientX, e.clientY), M.value)) && (M.value ? Z() : X()));
 		}, B, V = null, H = !1, U = () => {
 			clearTimeout(B), V = null;
 		}, W = (e) => {
-			D.disabled || e.pointerType === "mouse" || (H = !1, V = {
+			E.disabled || e.pointerType === "mouse" || (H = !1, V = {
 				x: e.clientX,
 				y: e.clientY
 			}, B = setTimeout(() => {
-				H = !0, D.placement === "cursor" && V && (P.value = N(V.x, V.y)), V = null, X();
-			}, ce));
+				H = !0, E.placement === "cursor" && V && (P.value = N(V.x, V.y)), V = null, X();
+			}, le));
 		}, G = (e) => {
 			if (!V) return;
 			let t = e.clientX - V.x, n = e.clientY - V.y;
-			Math.sqrt(t * t + n * n) > le && U();
+			Math.sqrt(t * t + n * n) > ue && U();
 		}, K = () => {
 			U();
 		}, q = async (e) => {
-			if (D.disabled) return;
-			let t = D.items.findIndex((e) => !e.disabled), n = l(D.items, (e) => !e.disabled), r = (e) => {
+			if (E.disabled) return;
+			let t = E.items.findIndex((e) => !e.disabled), n = l(E.items, (e) => !e.disabled), r = (e) => {
 				if (!j.value || !L.value.length || e === -1) return;
 				let t = L.value[e].id;
 				j.value.querySelector(`#${t}`)?.focus();
@@ -135,58 +135,59 @@ var oe = [
 			let t = e.target;
 			t instanceof HTMLElement && (j.value?.contains(t) || Z());
 		}, Y = (e) => {
-			!M.value || e.key !== "Escape" || (e.stopImmediatePropagation(), e.preventDefault(), document.activeElement?.id !== O && document.querySelector(`#${O}`)?.focus(), Z());
+			!M.value || e.key !== "Escape" || (e.stopImmediatePropagation(), e.preventDefault(), document.activeElement?.id !== D && document.querySelector(`#${D}`)?.focus(), Z());
 		}, X = async () => {
-			he(), await e(50), M.value = !0, document.addEventListener("click", J, { passive: !0 }), document.addEventListener("contextmenu", J, { passive: !0 }), document.addEventListener("focusin", J, { passive: !0 }), document.addEventListener("keydown", Y, { capture: !0 });
+			I(), await e(50), M.value = !0, document.addEventListener("click", J, { passive: !0 }), document.addEventListener("contextmenu", J, { passive: !0 }), document.addEventListener("focusin", J, { passive: !0 }), document.addEventListener("keydown", Y, { capture: !0 });
 		}, Z = async () => {
-			M.value = !1, I();
+			M.value = !1, ge();
 		};
-		T(M, (e) => {
+		w(M, (e) => {
 			e || (document.removeEventListener("click", J), document.removeEventListener("contextmenu", J), document.removeEventListener("focusin", J), document.removeEventListener("keydown", Y, { capture: !0 }));
-		}), T(() => D.activator, (e) => {
+		}), w(() => E.activator, (e) => {
 			e && F(e);
 		}, { immediate: !0 });
 		let Q = null;
-		T([k, pe], ([e, t]) => {
+		w([k, me], ([e, t]) => {
 			if (Q &&= (Q(), null), !e) return;
-			e.id = O;
-			let n = [];
-			t.has("click") && (e.addEventListener("click", R), n.push(() => e.removeEventListener("click", R))), t.has("contextMenu") && (e.addEventListener("contextmenu", z), e.addEventListener("pointerdown", W), e.addEventListener("pointermove", G), e.addEventListener("pointerup", K), e.addEventListener("pointercancel", K), n.push(() => {
+			let n = !1;
+			e.id || (e.id = D, n = !0), O.value = e.id, e.setAttribute("aria-haspopup", "menu");
+			let r = [];
+			t.has("click") && (e.addEventListener("click", R), r.push(() => e.removeEventListener("click", R))), t.has("contextMenu") && (e.addEventListener("contextmenu", z), e.addEventListener("pointerdown", W), e.addEventListener("pointermove", G), e.addEventListener("pointerup", K), e.addEventListener("pointercancel", K), r.push(() => {
 				e.removeEventListener("contextmenu", z), e.removeEventListener("pointerdown", W), e.removeEventListener("pointermove", G), e.removeEventListener("pointerup", K), e.removeEventListener("pointercancel", K), U();
-			})), e.addEventListener("keydown", q), n.push(() => e.removeEventListener("keydown", q)), Q = () => {
-				n.forEach((e) => e()), e.removeAttribute("id"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls");
+			})), e.addEventListener("keydown", q), r.push(() => e.removeEventListener("keydown", q)), Q = () => {
+				r.forEach((e) => e()), n && e.removeAttribute("id"), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls");
 			};
-		}, { immediate: !0 }), T([
+		}, { immediate: !0 }), w([
 			k,
 			M,
-			fe
+			pe
 		], ([e, t, n]) => {
-			e && (e.setAttribute("aria-expanded", n ? String(t) : "false"), n ? e.setAttribute("aria-controls", `menu_${O}`) : e.removeAttribute("aria-controls"));
-		}, { immediate: !0 }), re(() => {
+			e && (e.setAttribute("aria-expanded", n ? String(t) : "false"), n ? e.setAttribute("aria-controls", `menu_${D}`) : e.removeAttribute("aria-controls"));
+		}, { immediate: !0 }), ne(() => {
 			Q?.();
 		});
-		let { width: ge } = n(A, {
+		let { width: _e } = n(A, {
 			width: 0,
 			height: 0
-		}, { box: "border-box" }), $ = f(() => {
-			if (D.width !== "auto") {
-				if (D.width) {
-					let { value: e, unit: t } = ee(D.width);
-					return t === "%" ? A.value ? `${ge.value * (e / 100)}px` : "0px" : `${e}px`;
+		}, { box: "border-box" }), $ = p(() => {
+			if (E.width !== "auto") {
+				if (E.width) {
+					let { value: e, unit: t } = d(E.width);
+					return t === "%" ? A.value ? `${_e.value * (e / 100)}px` : "0px" : `${e}px`;
 				}
 				return "0px";
 			}
 		});
-		return (e, t) => (b(), h(d, null, [ue.value ? m("", !0) : C(e.$slots, "activator", te(y({ key: 0 }, {
+		return (e, t) => (x(), g(f, null, [de.value ? h("", !0) : C(e.$slots, "activator", ee(b({ key: 0 }, {
 			props: { ref: F },
 			disabled: e.disabled,
 			open: M.value,
 			placement: e.placement
-		}))), _(s, y({
+		}))), v(s, b({
 			ref: "popover",
 			modelValue: M.value,
 			"onUpdate:modelValue": t[0] ||= (e) => M.value = e,
-			anchor: me.value,
+			anchor: he.value,
 			"arrow-padding": e.arrowPadding,
 			boundary: e.boundary,
 			class: ["bb-dropdown", { [`bb-dropdown--${e.theme}`]: !0 }],
@@ -197,20 +198,20 @@ var oe = [
 			placement: e.placement === "cursor" ? "bottom-start" : e.placement,
 			"transition-duration": e.transitionDuration
 		}, e.$attrs), {
-			default: E(() => [g("span", {
-				id: `menu_${w(O)}`,
-				"aria-labelledby": w(O),
-				"aria-role": "menu",
+			default: T(() => [_("span", {
+				id: `menu_${ae(D)}`,
+				"aria-labelledby": O.value,
+				role: "menu",
 				class: "bb-dropdown__items-container",
 				inert: !M.value,
-				style: ne($.value ? { width: $.value } : void 0)
+				style: te($.value ? { width: $.value } : void 0)
 			}, [
 				C(e.$slots, "prepend", {
 					disabled: e.disabled,
 					open: M.value,
 					placement: e.placement
 				}),
-				(b(!0), h(d, null, S(L.value, ({ original: t, ...n }, r) => (b(), h(d, { key: n.key }, [
+				(x(!0), g(f, null, re(L.value, ({ original: t, ...n }, r) => (x(), g(f, { key: n.key }, [
 					C(e.$slots, "item:prepend", {
 						disabled: n.disabled,
 						index: r,
@@ -219,8 +220,8 @@ var oe = [
 						placement: e.placement,
 						text: n.text
 					}),
-					_(i, y({
-						"aria-role": "menuitem",
+					v(i, b({
+						role: "menuitem",
 						class: ["bb-dropdown__item", {
 							"bb-dropdown__item--first": r === 0,
 							"bb-dropdown__item--last": r === e.items.length - 1
@@ -228,7 +229,7 @@ var oe = [
 						"data-dropdown-item": !0,
 						ref_for: !0
 					}, n), {
-						default: E(() => [C(e.$slots, n.key, {
+						default: T(() => [C(e.$slots, n.key, {
 							disabled: n.disabled,
 							index: r,
 							item: t,
@@ -236,17 +237,17 @@ var oe = [
 							placement: e.placement,
 							text: n.text
 						}, () => [
-							n["prepend:icon"] ? (b(), p(c, {
+							n["prepend:icon"] ? (x(), m(c, {
 								key: 0,
 								class: "item__prepend-icon",
 								type: n["prepend:icon"]
-							}, null, 8, ["type"])) : m("", !0),
-							g("span", se, ie(n.text), 1),
-							n["append:icon"] ? (b(), p(c, {
+							}, null, 8, ["type"])) : h("", !0),
+							_("span", ce, ie(n.text), 1),
+							n["append:icon"] ? (x(), m(c, {
 								key: 1,
 								class: "item__append-icon",
 								type: n["append:icon"]
-							}, null, 8, ["type"])) : m("", !0)
+							}, null, 8, ["type"])) : h("", !0)
 						])]),
 						_: 2
 					}, 1040, ["class"]),
@@ -264,7 +265,7 @@ var oe = [
 					open: M.value,
 					placement: e.placement
 				})
-			], 12, oe)]),
+			], 12, se)]),
 			_: 3
 		}, 16, [
 			"modelValue",
@@ -282,4 +283,4 @@ var oe = [
 	}
 });
 //#endregion
-export { D as default };
+export { E as default };

package/dist/index270.js

@@ -56,7 +56,7 @@ var w = [
 					let n = A.accept[t];
 					if (n.includes("/")) e.push(n);
 					else {
-						k ||= (await import("./index353.js")).default;
+						k ||= (await import("./index356.js")).default;
 						let t = k.getType(n);
 						if (!t) throw Error(`Could not detect the correct mime associated with ${n}`);
 						e.push(t);

package/dist/index343.js

@@ -6,12 +6,12 @@ import { extractDomContainer as i } from "./index45.js";
 import { useUntil as a } from "./index50.js";
 import o from "./index60.js";
 import { parseWidthString as s } from "./index231.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, mergeModels as g, mergeProps as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as b, openBlock as x, ref as S, renderSlot as C, unref as w, useModel as T, useTemplateRef as E, watch as D, withCtx as O } from "vue";
+import { Comment as c, Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as ee, createVNode as h, defineComponent as g, mergeModels as _, mergeProps as v, normalizeProps as y, normalizeStyle as te, onBeforeUnmount as ne, onMounted as b, openBlock as x, ref as S, renderSlot as C, toDisplayString as w, unref as re, useModel as ie, useSlots as T, useTemplateRef as E, watch as D, withCtx as O } from "vue";
 //#region src/components/BbTooltip/BbTooltip.vue?vue&type=script&setup=true&lang.ts
-var k = /* @__PURE__ */ h({
+var k = /* @__PURE__ */ g({
 	inheritAttrs: !1,
 	__name: "BbTooltip",
-	props: /* @__PURE__ */ g({
+	props: /* @__PURE__ */ _({
 		arrowPadding: { default: 10 },
 		block: { type: Boolean },
 		disabled: { type: Boolean },
@@ -23,6 +23,7 @@ var k = /* @__PURE__ */ h({
 			type: Boolean,
 			default: !0
 		},
+		text: {},
 		theme: { default: "default" },
 		transitionDuration: { default: 250 },
 		activator: {},
@@ -37,104 +38,130 @@ var k = /* @__PURE__ */ h({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(h) {
-		let g = h, { t: k } = r(), A = `bb_${g.id ?? e().id.value}`, j = S(), M = l(() => g.activator != null), N = E("popover"), P = l(() => i(N.value)), F = S(!0), I = T(h, "modelValue"), L = a(I), R = (e) => {
+	setup(g) {
+		let _ = g, k = T(), { t: A } = r(), j = `bb_${_.id ?? e().id.value}`, M = `${j}_desc`, N = (e) => {
+			if (!e) return "";
+			let t = "";
+			for (let n of e) {
+				if (n.type === c) continue;
+				let e = n.children;
+				typeof e == "string" ? t += e : Array.isArray(e) && (t += N(e));
+			}
+			return t;
+		}, P = S(!1), F = u(() => (_.text ?? (P.value ? N(k.default?.({})) : "")).replace(/\s+/g, " ").trim()), I = S(), L = u(() => _.activator != null), R = E("popover"), z = u(() => i(R.value)), B = S(!0), V = ie(g, "modelValue"), H = a(V), U = (e) => {
 			let t = i(e);
-			t && (j.value = t);
-		}, z, B, V = () => {
-			clearTimeout(B);
-		}, H = () => {
-			clearTimeout(z), clearTimeout(B), document.removeEventListener("keydown", G), I.value = !1;
-		}, U = () => {
-			clearTimeout(z), clearTimeout(B), B = setTimeout(H, 50);
-		}, W = () => {
-			V(), !(I.value || g.disabled || !F.value) && (z = setTimeout(() => {
-				I.value = !0, document.addEventListener("keydown", G, { passive: !0 });
-			}, g.timeout));
-		}, G = (e) => {
-			e.key === "Escape" && H();
-		}, K = () => {
-			F.value = !1, H();
+			t && (I.value = t);
+		}, W, G, K = () => {
+			clearTimeout(G);
+		}, q = () => {
+			clearTimeout(W), clearTimeout(G), document.removeEventListener("keydown", X), V.value = !1;
+		}, J = () => {
+			clearTimeout(W), clearTimeout(G), G = setTimeout(q, 50);
+		}, Y = () => {
+			K(), !(V.value || _.disabled || !B.value) && (W = setTimeout(() => {
+				V.value = !0, document.addEventListener("keydown", X, { passive: !0 });
+			}, _.timeout));
+		}, X = (e) => {
+			e.key === "Escape" && q();
+		}, ae = () => {
+			B.value = !1, q();
 		};
-		D(() => g.activator, (e) => {
-			e && R(e);
+		D(() => _.activator, (e) => {
+			e && U(e);
 		}, { immediate: !0 });
-		let q = null;
-		D(j, (e) => {
-			q &&= (q(), null), e && (e.addEventListener("mouseenter", W, { passive: !0 }), e.addEventListener("mouseleave", U, { passive: !0 }), e.addEventListener("focus", W, { passive: !0 }), e.addEventListener("blur", H, { passive: !0 }), q = () => {
-				e.removeEventListener("mouseenter", W), e.removeEventListener("mouseleave", U), e.removeEventListener("focus", W), e.removeEventListener("blur", H);
+		let Z = null;
+		D(I, (e) => {
+			Z &&= (Z(), null), e && (e.addEventListener("mouseenter", Y, { passive: !0 }), e.addEventListener("mouseleave", J, { passive: !0 }), e.addEventListener("focus", Y, { passive: !0 }), e.addEventListener("blur", q, { passive: !0 }), Z = () => {
+				e.removeEventListener("mouseenter", Y), e.removeEventListener("mouseleave", J), e.removeEventListener("focus", Y), e.removeEventListener("blur", q);
 			});
 		}, { immediate: !0 });
-		let J = null;
-		D(P, (e) => {
-			J &&= (J(), null), e && (e.addEventListener("mouseenter", V, { passive: !0 }), e.addEventListener("mouseleave", U, { passive: !0 }), J = () => {
-				e.removeEventListener("mouseenter", V), e.removeEventListener("mouseleave", U);
+		let Q = null;
+		D(z, (e) => {
+			Q &&= (Q(), null), e && (e.addEventListener("mouseenter", K, { passive: !0 }), e.addEventListener("mouseleave", J, { passive: !0 }), Q = () => {
+				e.removeEventListener("mouseenter", K), e.removeEventListener("mouseleave", J);
 			});
-		}, { immediate: !0 }), D([j, L], ([e, t]) => {
-			e && t && e.setAttribute("aria-describedby", A);
-		}, { immediate: !0 }), b(() => {
-			q?.(), J?.(), j.value && j.value.removeAttribute("aria-describedby"), H();
+		}, { immediate: !0 });
+		let $ = () => {
+			let e = I.value;
+			e && (F.value ? e.setAttribute("aria-describedby", M) : H.value && e.setAttribute("aria-describedby", j));
+		};
+		b(() => {
+			$(), P.value = !0;
+		}), D([
+			I,
+			H,
+			F
+		], $, { flush: "post" }), ne(() => {
+			Z?.(), Q?.(), I.value && I.value.removeAttribute("aria-describedby"), q();
 		});
-		let { width: Y } = t(j, {
+		let { width: oe } = t(I, {
 			width: 0,
 			height: 0
-		}, { box: "border-box" }), X = l(() => {
-			if (g.width) {
-				let { value: e, unit: t } = s(g.width);
-				return t === "%" ? j.value ? `${Y.value * (e / 100)}px` : "0px" : `${e}px`;
+		}, { box: "border-box" }), se = u(() => {
+			if (_.width) {
+				let { value: e, unit: t } = s(_.width);
+				return t === "%" ? I.value ? `${oe.value * (e / 100)}px` : "0px" : `${e}px`;
 			}
 		});
-		return (e, t) => (x(), f(c, null, [M.value ? d("", !0) : C(e.$slots, "activator", v(_({ key: 0 }, {
-			props: { ref: R },
-			disabled: e.disabled,
-			open: I.value,
-			placement: e.placement
-		}))), m(o, _({
-			ref: "popover",
-			modelValue: I.value,
-			"onUpdate:modelValue": t[0] ||= (e) => I.value = e,
-			anchor: j.value,
-			"arrow-padding": e.arrowPadding,
-			boundary: e.boundary,
-			class: ["bb-tooltip", { [`bb-tooltip--${e.theme}`]: !0 }],
-			padding: e.padding,
-			placement: e.placement,
-			"transition-duration": e.transitionDuration
-		}, e.$attrs), {
-			default: O(() => [p("span", {
-				id: A,
-				class: "bb-tooltip__content",
-				style: y({ width: X.value })
-			}, [e.showClose ? (x(), u(n, {
+		return (e, t) => (x(), p(l, null, [
+			F.value ? (x(), p("span", {
 				key: 0,
-				"aria-label": w(k)("common.closeLabel").value,
-				class: "bb-tooltip__close",
-				tabindex: "-1",
-				onClick: K
-			}, {
-				default: O(() => t[1] ||= [p("svg", {
-					fill: "none",
-					viewBox: "0 0 24 24",
-					xmlns: "http://www.w3.org/2000/svg"
-				}, [p("path", {
-					d: "M23 23L1 1M23 1L1 23",
-					stroke: "currentColor",
-					"stroke-linecap": "round",
-					"stroke-width": "2"
-				})], -1)]),
-				_: 1
-			}, 8, ["aria-label"])) : d("", !0), C(e.$slots, "default")], 4)]),
-			_: 3
-		}, 16, [
-			"modelValue",
-			"anchor",
-			"arrow-padding",
-			"boundary",
-			"class",
-			"padding",
-			"placement",
-			"transition-duration"
-		])], 64));
+				id: M,
+				class: "sr-only"
+			}, w(F.value), 1)) : f("", !0),
+			L.value ? f("", !0) : C(e.$slots, "activator", y(v({ key: 1 }, {
+				props: { ref: U },
+				disabled: e.disabled,
+				open: V.value,
+				placement: e.placement
+			}))),
+			h(o, v({
+				ref: "popover",
+				modelValue: V.value,
+				"onUpdate:modelValue": t[0] ||= (e) => V.value = e,
+				anchor: I.value,
+				"arrow-padding": e.arrowPadding,
+				boundary: e.boundary,
+				class: ["bb-tooltip", { [`bb-tooltip--${e.theme}`]: !0 }],
+				padding: e.padding,
+				placement: e.placement,
+				"transition-duration": e.transitionDuration
+			}, e.$attrs), {
+				default: O(() => [m("span", {
+					id: j,
+					class: "bb-tooltip__content",
+					style: te({ width: se.value })
+				}, [e.showClose ? (x(), d(n, {
+					key: 0,
+					"aria-label": re(A)("common.closeLabel").value,
+					class: "bb-tooltip__close",
+					tabindex: "-1",
+					onClick: ae
+				}, {
+					default: O(() => t[1] ||= [m("svg", {
+						fill: "none",
+						viewBox: "0 0 24 24",
+						xmlns: "http://www.w3.org/2000/svg"
+					}, [m("path", {
+						d: "M23 23L1 1M23 1L1 23",
+						stroke: "currentColor",
+						"stroke-linecap": "round",
+						"stroke-width": "2"
+					})], -1)]),
+					_: 1
+				}, 8, ["aria-label"])) : f("", !0), C(e.$slots, "default", {}, () => [ee(w(e.text), 1)])], 4)]),
+				_: 3
+			}, 16, [
+				"modelValue",
+				"anchor",
+				"arrow-padding",
+				"boundary",
+				"class",
+				"padding",
+				"placement",
+				"transition-duration"
+			])
+		], 64));
 	}
 });
 //#endregion