bitboss-ui 3.0.0-beta.3 → 3.0.0-beta.31

package/dist/components/BbToast/BbToastRegion.vue_vue_type_script_setup_true_lang.js

@@ -1,96 +1,104 @@
 import { overlaySurfaceIsolation as e } from "../../utils/overlaySurfaceIsolation.js";
-import { viewportHeight as t, viewportWidth as n } from "../../composables/useViewportWidth.js";
-import { topLayerHost as r } from "../../composables/useTopLayer.js";
-import { useSafeAreaInternal as i } from "../../composables/useSafeAreaInternal.js";
-import { dismissToast as a } from "../../composables/useToast.js";
-import o from "./BbToastMessage.vue.js";
-import { Fragment as s, computed as c, createBlock as l, createElementBlock as u, defineComponent as d, mergeProps as f, onBeforeUnmount as p, onMounted as m, openBlock as h, reactive as g, ref as _, renderList as v, toHandlers as y, unref as b, watch as x, watchEffect as S } from "vue";
+import { viewportClientHeight as t, viewportClientWidth as n, viewportWidth as r } from "../../composables/useViewportWidth.js";
+import { topLayerHost as i } from "../../composables/useTopLayer.js";
+import { useSafeAreaInternal as a } from "../../composables/useSafeAreaInternal.js";
+import { dismissToast as o } from "../../composables/useToast.js";
+import s from "./BbToastMessage.vue.js";
+import { Fragment as c, computed as l, createBlock as u, createElementBlock as d, defineComponent as f, mergeProps as p, onBeforeUnmount as m, onMounted as h, openBlock as g, reactive as _, ref as v, renderList as y, toHandlers as b, unref as x, watch as S, watchEffect as C } from "vue";
 //#region src/components/BbToast/BbToastRegion.vue?vue&type=script&setup=true&lang.ts
-var C = /*@__PURE__*/ d({
+var w = /*@__PURE__*/ f({
 	__name: "BbToastRegion",
 	props: {
 		position: {},
-		toasts: {}
+		toasts: {},
+		passthrough: {}
 	},
-	setup(d) {
-		let C = d, w = _(), T = _(!1), E = _(!1), D = g({}), O = c(() => T.value), k = c(() => T.value || E.value), A = _(0), j = _(0), M = g({});
-		S(() => {
-			let e = C.toasts.filter((e) => !e.removed), t = e.length - 1;
+	setup(f) {
+		let w = f, T = v(), E = v(!1), D = v(!1), O = _({}), k = l(() => E.value), A = l(() => E.value || D.value), j = v(0), M = v(0), N = _({});
+		C(() => {
+			let e = w.toasts.filter((e) => !e.removed), t = e.length - 1;
 			e.forEach((n, r) => {
 				let i = 0;
-				for (let n = r + 1; n <= t; n++) i += D[e[n].id] ?? 0;
-				M[n.id] = {
+				for (let n = r + 1; n <= t; n++) i += O[e[n].id] ?? 0;
+				N[n.id] = {
 					frontIndex: t - r,
 					heightBefore: i
 				};
-			}), A.value = e.length, j.value = t >= 0 ? D[e[t].id] ?? 0 : 0;
-			let n = new Set(C.toasts.map((e) => e.id));
-			for (let e of Object.keys(M)) n.has(e) || delete M[e];
-			for (let e of Object.keys(D)) n.has(e) || delete D[e];
+			}), j.value = e.length, M.value = t >= 0 ? O[e[t].id] ?? 0 : 0;
+			let n = new Set(w.toasts.map((e) => e.id));
+			for (let e of Object.keys(N)) n.has(e) || delete N[e];
+			for (let e of Object.keys(O)) n.has(e) || delete O[e];
 		});
-		let { occupied: N } = i(), P = c(() => n.value < 640 ? 14 : 20), F = c(() => {
-			let e = C.toasts.filter((e) => !e.removed);
-			return O.value && e.length ? e.reduce((e, t) => e + (D[t.id] ?? 0), 0) : j.value;
-		}), I = c(() => {
-			let e = P.value * 2, r = C.position.startsWith("top") ? N.top.value : N.bottom.value, i = r + F.value + e <= t.value, a = C.position.endsWith("right") ? N.right.value : C.position.endsWith("left") ? N.left.value : 0, o = a + (w.value?.offsetWidth ?? 356) + e <= n.value;
+		let { occupied: P } = a(), F = l(() => r.value < 640 ? 14 : 20), I = l(() => {
+			let e = w.toasts.filter((e) => !e.removed);
+			return k.value && e.length ? e.reduce((e, t) => e + (O[t.id] ?? 0), 0) : M.value;
+		}), L = l(() => {
+			let e = F.value * 2, r = w.position.startsWith("top") ? P.top.value : P.bottom.value, i = r + I.value + e <= t.value, a = w.position.endsWith("right") ? P.right.value : w.position.endsWith("left") ? P.left.value : 0, o = a + (T.value?.offsetWidth ?? 356) + e <= n.value;
 			return {
 				"--safe-v": `${i ? r : 0}px`,
 				"--safe-h": `${o ? a : 0}px`
 			};
-		}), L = c(() => ({
-			height: `${F.value}px`,
-			...I.value
-		})), R = () => {
-			let e = w.value;
-			!e || !e.isConnected || (e.matches(":popover-open") && e.hidePopover(), e.showPopover());
+		}), R = l(() => ({
+			height: `${I.value}px`,
+			...L.value
+		})), z = () => !!T.value?.isConnected, B = () => {
+			let e = T.value;
+			!z() || e.matches(":popover-open") || e.showPopover();
+		}, V = () => {
+			let e = T.value;
+			!z() || !e.matches(":popover-open") || e.hidePopover();
+		}, H = () => {
+			V(), B();
 		};
-		x([
-			c(() => C.toasts.filter((e) => !e.removed).length),
-			c(() => N.top.value + N.right.value + N.bottom.value + N.left.value),
-			r
+		S([
+			l(() => w.toasts.filter((e) => !e.removed).length),
+			l(() => P.top.value + P.right.value + P.bottom.value + P.left.value),
+			i
 		], ([e, t, n], [r, i, a]) => {
-			e !== 0 && (e > r || t !== i || n !== a) && R();
+			e !== 0 && (e > r || t !== i || n !== a) && H();
 		}, { flush: "post" });
-		let z = (e, t) => {
-			D[e] = t;
-		}, B = (e, t) => {
-			a(e, t);
-		}, V = (e) => {
-			w.value?.contains(e.relatedTarget) || (T.value = !1);
-		}, H = () => {
-			E.value = document.hidden;
+		let U = (e, t) => {
+			O[e] = t;
+		}, W = (e, t) => {
+			o(e, t);
+		}, G = (e) => {
+			T.value?.contains(e.relatedTarget) || (E.value = !1);
+		}, K = () => {
+			D.value = document.hidden;
 		};
-		return m(() => {
-			w.value?.showPopover(), document.addEventListener("visibilitychange", H);
-		}), p(() => {
-			w.value?.hidePopover(), document.removeEventListener("visibilitychange", H);
-		}), (t, n) => (h(), u("ol", f({
+		return h(() => {
+			B(), document.addEventListener("visibilitychange", K);
+		}), m(() => {
+			V(), document.removeEventListener("visibilitychange", K);
+		}), (t, n) => (g(), d("ol", p({
 			ref_key: "regionEl",
-			ref: w,
-			class: ["bb-toast", [`bb-toast--${t.position}`, { "bb-toast--expanded": O.value }]],
+			ref: T,
+			class: ["bb-toast", [`bb-toast--${t.position}`, { "bb-toast--expanded": k.value }]],
 			popover: "manual",
-			style: L.value,
+			style: R.value,
 			tabindex: "-1"
-		}, y(b(e), !0), {
-			onFocusin: n[0] ||= (e) => T.value = !0,
-			onFocusout: V,
-			onPointerenter: n[1] ||= (e) => T.value = !0,
-			onPointerleave: n[2] ||= (e) => T.value = !1
-		}), [(h(!0), u(s, null, v(t.toasts, (e) => (h(), l(o, {
+		}, b(x(e), !0), {
+			onFocusin: n[0] ||= (e) => E.value = !0,
+			onFocusout: G,
+			onPointerenter: n[1] ||= (e) => E.value = !0,
+			onPointerleave: n[2] ||= (e) => E.value = !1
+		}, t.passthrough?.rootAttrs ?? t.passthrough?.root), [(g(!0), d(c, null, y(t.toasts, (e) => (g(), u(s, {
 			key: e.id,
-			"front-height": j.value,
-			"front-index": M[e.id]?.frontIndex ?? 0,
-			"height-before": M[e.id]?.heightBefore ?? 0,
-			paused: k.value,
+			"front-height": M.value,
+			"front-index": N[e.id]?.frontIndex ?? 0,
+			"height-before": N[e.id]?.heightBefore ?? 0,
+			passthrough: t.passthrough,
+			paused: A.value,
 			position: t.position,
 			toast: e,
-			total: A.value,
-			onDismiss: B,
-			onHeight: z
+			total: j.value,
+			onDismiss: W,
+			onHeight: U
 		}, null, 8, [
 			"front-height",
 			"front-index",
 			"height-before",
+			"passthrough",
 			"paused",
 			"position",
 			"toast",
@@ -99,4 +107,4 @@ var C = /*@__PURE__*/ d({
 	}
 });
 //#endregion
-export { C as default };
+export { w as default };

package/dist/components/BbToast/types.d.ts

@@ -1,4 +1,5 @@
 import { Component } from 'vue';
+import { PtMap, PtValue } from '../../types/passthrough';
 import { IconType } from '../../types/Icon';
 import { ToastVariantType } from '../../types/ToastVariant';
 import { ActionButtonConfig } from '../../types/ActionButton';
@@ -66,7 +67,34 @@ export type BbToastPortalContext = {
  * Mount it once, near the root of your app. It renders every toast enqueued via
  * `useToast().toast(...)`, grouped into stacks by position.
  */
+/**
+ * Passthrough parts of `BbToast` (plans/passthrough/BbToast.md). The host
+ * renders one region per corner in use and one card per toast. A toast is
+ * showing for as long as it is mounted, so there is no state.
+ *
+ * @part root - One region per corner in use — a broadcast over the corners.
+ * @part panel - One toast card — a broadcast.
+ * @part title - A toast's heading. A portal toast renders its own body and
+ *   has neither `title` nor `text`.
+ * @part text - A toast's body copy.
+ * @part close - A toast's ✕.
+ */
+export type BbToastPtPart = 'root' | 'panel' | 'title' | 'text' | 'close';
+/** Passthrough states of `BbToast`, true while the matching `--` modifier is on. */
+export type BbToastPtState = never;
+/** The runtime lists the resolver is wired with — kept next to the types so the two cannot drift. */
+export declare const BB_TOAST_PT: {
+    readonly parts: readonly ["root", "panel", "title", "text", "close"];
+    readonly states: readonly [];
+};
 export type BbToastProps = {
+    [K in `pt:${BbToastPtPart}`]?: PtValue;
+} & {
+    /**
+     * Passthrough, object form: the same keys as the `pt:*` attributes
+     * without the prefix. See the `pt:<part>` row.
+     */
+    pt?: PtMap<BbToastPtPart, never>;
     position?: BbToastPosition;
 };
 export {};

package/dist/components/BbToast/types.js

@@ -0,0 +1,13 @@
+//#region src/components/BbToast/types.ts
+var e = {
+	parts: [
+		"root",
+		"panel",
+		"title",
+		"text",
+		"close"
+	],
+	states: []
+};
+//#endregion
+export { e as BB_TOAST_PT };

package/dist/components/BbTooltip/BbTooltip.vue_vue_type_script_setup_true_lang.js

@@ -1,18 +1,24 @@
-import { useId as e } from "../../composables/useId.js";
-import { useUntil as t } from "../../composables/useUntil.js";
-import { removedPropsFor as n } from "../../deprecation/removedProps.js";
+import { usePassthrough as e } from "../../composables/usePassthrough.js";
+import { useId as t } from "../../composables/useId.js";
+import { useUntil as n } from "../../composables/useUntil.js";
+import { removedPropsFor as r } from "../../deprecation/removedProps.js";
 import { warnRemovedAttrs as ee } from "../../utilities/functions/warnRemovedAttrs.js";
-import { extractDomContainer as r } from "../../utilities/functions/extractDomContainer.js";
-import { transitions as i } from "../../utilities/misc/transitions.js";
-import te from "../CommonPopover/CommonPopover.vue.js";
-import { parseWidthString as a } from "../../utilities/functions/parseWidthString.js";
-import { Comment as o, Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as ne, createVNode as f, defineComponent as p, mergeModels as m, mergeProps as h, normalizeProps as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, openBlock as b, ref as x, renderSlot as S, toDisplayString as C, useModel as w, useSlots as T, useTemplateRef as E, watch as D, withCtx as re } from "vue";
-import { useElementSize as O } from "@vueuse/core";
+import { extractDomContainer as i } from "../../utilities/functions/extractDomContainer.js";
+import { transitions as a } from "../../utilities/misc/transitions.js";
+import o from "../CommonPopover/CommonPopover.vue.js";
+import { BB_TOOLTIP_PT as s } from "./types.js";
+import { Comment as c, Fragment as te, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeModels as g, mergeProps as _, normalizeProps as ne, onBeforeUnmount as re, onDeactivated as ie, onMounted as ae, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, unref as S, useModel as oe, useSlots as C, useTemplateRef as w, watch as T, withCtx as se } from "vue";
+import { useElementSize as ce } from "@vueuse/core";
 //#region src/components/BbTooltip/BbTooltip.vue?vue&type=script&setup=true&lang.ts
-var k = /*@__PURE__*/ p({
+var E = /*@__PURE__*/ h({
 	inheritAttrs: !1,
 	__name: "BbTooltip",
-	props: /*@__PURE__*/ m({
+	props: /*@__PURE__*/ g({
+		"pt:root": {},
+		"pt:panel": {},
+		"pt:root:open": {},
+		"pt:panel:open": {},
+		pt: {},
 		arrowPadding: { default: 10 },
 		disabled: { type: Boolean },
 		eager: { type: Boolean },
@@ -21,7 +27,7 @@ var k = /*@__PURE__*/ p({
 		padding: { default: 10 },
 		placement: { default: "top" },
 		text: {},
-		transitionDuration: { default: i.medium },
+		transitionDuration: { default: a.medium },
 		activator: {},
 		boundary: {},
 		variant: { default: "default" },
@@ -35,98 +41,108 @@ var k = /*@__PURE__*/ p({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(i) {
-		let p = w(i, "modelValue"), m = i, k = T();
-		process.env.NODE_ENV !== "production" && ee("BbTooltip", n("BbTooltip"));
-		let A = `bb_${m.id ?? e().id.value}`, j = `${A}_desc`, M = (e) => {
+	setup(a) {
+		let h = oe(a, "modelValue"), g = a, E = C(), D = e({
+			component: "BbTooltip",
+			props: g,
+			parts: s.parts,
+			states: s.states,
+			active: { open: () => h.value }
+		});
+		process.env.NODE_ENV !== "production" && ee("BbTooltip", r("BbTooltip"));
+		let O = `bb_${g.id ?? t().id.value}`, k = `${O}_desc`, A = (e) => {
 			if (!e) return "";
 			let t = "";
 			for (let n of e) {
-				if (n.type === o) continue;
+				if (n.type === c) continue;
 				let e = n.children;
-				typeof e == "string" ? t += e : Array.isArray(e) && (t += M(e));
+				typeof e == "string" ? t += e : Array.isArray(e) && (t += A(e));
 			}
 			return t;
-		}, N = x(!1), P = c(() => (m.text ?? (N.value ? M(k.default?.({})) : "")).replace(/\s+/g, " ").trim()), F = x(), ie = c(() => m.activator != null), I = E("popover"), L = c(() => r(I.value)), R = t(p), z = (e) => {
-			let t = r(e);
-			t && (F.value = t);
-		}, B, V, H = () => {
-			clearTimeout(V);
+		}, j = y(!1), M = l(() => (g.text ?? (j.value ? A(E.default?.({})) : "")).replace(/\s+/g, " ").trim()), N = y(), P = l(() => g.activator != null), F = w("popover"), I = l(() => i(F.value)), L = n(h), R = (e) => {
+			let t = i(e);
+			t && (N.value = t);
+		}, z, B, V = () => {
+			clearTimeout(B);
+		}, H = () => {
+			clearTimeout(z), clearTimeout(B), h.value = !1;
 		}, U = () => {
-			clearTimeout(B), clearTimeout(V), p.value = !1;
+			clearTimeout(z), clearTimeout(B), B = setTimeout(H, 50);
 		}, W = () => {
-			clearTimeout(B), clearTimeout(V), V = setTimeout(U, 50);
-		}, G = () => {
-			H(), !(p.value || m.disabled) && (B = setTimeout(() => {
-				p.value = !0;
-			}, m.delay));
+			V(), !(h.value || g.disabled) && (z = setTimeout(() => {
+				h.value = !0;
+			}, g.delay));
+		}, G = (e) => {
+			e.key === "Escape" && H();
 		}, K = (e) => {
-			e.key === "Escape" && U();
-		}, q = (e) => {
-			e.currentTarget?.matches(":focus-visible") && G();
+			e.currentTarget?.matches(":focus-visible") && W();
 		};
-		D(p, (e) => {
-			e ? document.addEventListener("keydown", K) : document.removeEventListener("keydown", K);
-		}), D(() => m.disabled, (e) => {
-			e && U();
-		}), D(() => m.activator, (e) => {
-			e && z(e);
+		T(h, (e) => {
+			e ? document.addEventListener("keydown", G) : document.removeEventListener("keydown", G);
+		}), T(() => g.disabled, (e) => {
+			e && H();
+		}), T(() => g.activator, (e) => {
+			e && R(e);
 		}, { immediate: !0 });
-		let J = null;
-		D(F, (e) => {
-			J &&= (J(), null), e && (e.addEventListener("mouseenter", G, { passive: !0 }), e.addEventListener("mouseleave", W, { passive: !0 }), e.addEventListener("focus", q, { passive: !0 }), e.addEventListener("blur", U, { passive: !0 }), J = () => {
-				e.removeEventListener("mouseenter", G), e.removeEventListener("mouseleave", W), e.removeEventListener("focus", q), e.removeEventListener("blur", U);
+		let q = null;
+		T(N, (e) => {
+			q &&= (q(), null), e && (e.addEventListener("mouseenter", W, { passive: !0 }), e.addEventListener("mouseleave", U, { passive: !0 }), e.addEventListener("focus", K, { passive: !0 }), e.addEventListener("blur", H, { passive: !0 }), q = () => {
+				e.removeEventListener("mouseenter", W), e.removeEventListener("mouseleave", U), e.removeEventListener("focus", K), e.removeEventListener("blur", H);
 			});
 		}, { immediate: !0 });
-		let Y = null;
-		D(L, (e) => {
-			Y &&= (Y(), null), e && (e.addEventListener("mouseenter", H, { passive: !0 }), e.addEventListener("mouseleave", W, { passive: !0 }), Y = () => {
-				e.removeEventListener("mouseenter", H), e.removeEventListener("mouseleave", W);
+		let J = null;
+		T(I, (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);
 			});
 		}, { immediate: !0 });
-		let ae = /* @__PURE__ */ new Set([A, j]), X = null, Z = (e, t) => {
-			let n = (e.getAttribute("aria-describedby") ?? "").split(/\s+/).filter((e) => e && !ae.has(e));
+		let le = /* @__PURE__ */ new Set([O, k]), Y = null, X = (e, t) => {
+			let n = (e.getAttribute("aria-describedby") ?? "").split(/\s+/).filter((e) => e && !le.has(e));
 			t && n.push(t), n.length ? e.setAttribute("aria-describedby", n.join(" ")) : e.removeAttribute("aria-describedby");
-		}, Q = () => {
-			let e = F.value ?? null;
-			X && X !== e && Z(X, null), X = e, e && (P.value ? Z(e, j) : Z(e, R.value ? A : null));
+		}, Z = () => {
+			let e = N.value ?? null;
+			Y && Y !== e && X(Y, null), Y = e, e && (M.value ? X(e, k) : X(e, L.value ? O : null));
 		};
-		y(() => {
-			Q(), N.value = !0;
-		}), D([
-			F,
-			R,
-			P
-		], Q, { flush: "post" }), v(() => {
-			J?.(), Y?.(), X &&= (Z(X, null), null), U(), document.removeEventListener("keydown", K);
+		ae(() => {
+			Z(), j.value = !0;
+		}), T([
+			N,
+			L,
+			M
+		], Z, { flush: "post" }), re(() => {
+			q?.(), J?.(), Y &&= (X(Y, null), null), H(), document.removeEventListener("keydown", G);
 		});
-		let $ = c(() => {
-			if (!m.width) return;
-			let { value: e, unit: t } = a(m.width);
-			return t === "%" ? e : void 0;
-		}), { width: oe } = O(c(() => $.value == null ? void 0 : F.value), {
+		let ue = /^-?\d*\.?\d+$/, de = /^(-?\d*\.?\d+)%$/, Q = l(() => {
+			if (typeof g.width != "string") return;
+			let e = g.width.trim().match(de);
+			return e ? parseFloat(e[1]) : void 0;
+		}), { width: $ } = ce(l(() => Q.value == null ? void 0 : N.value), {
 			width: 0,
 			height: 0
-		}, { box: "border-box" }), se = c(() => {
-			if (m.width) return $.value == null ? `${a(m.width).value}px` : F.value ? `${oe.value * ($.value / 100)}px` : "0px";
+		}, { box: "border-box" }), fe = l(() => {
+			if (g.width == null || g.width === "") return;
+			if (Q.value != null) return $.value ? `${$.value * (Q.value / 100)}px` : void 0;
+			if (typeof g.width == "number") return Number.isFinite(g.width) ? `${g.width}px` : void 0;
+			let e = g.width.trim();
+			return ue.test(e) ? `${e}px` : e;
 		});
-		return (e, t) => (b(), u(s, null, [
-			P.value ? (b(), u("span", {
+		return ie(H), (e, t) => (v(), d(te, null, [
+			M.value ? (v(), d("span", {
 				key: 0,
-				id: j,
-				class: "sr-only"
-			}, C(P.value), 1)) : l("", !0),
-			ie.value ? l("", !0) : S(e.$slots, "activator", g(h({ key: 1 }, {
-				props: { ref: z },
+				id: k,
+				class: "bb-sr-only"
+			}, x(M.value), 1)) : u("", !0),
+			P.value ? u("", !0) : b(e.$slots, "activator", ne(_({ key: 1 }, {
+				props: { ref: R },
 				disabled: e.disabled,
-				open: p.value,
+				open: h.value,
 				placement: e.placement
 			}))),
-			f(te, h({
+			m(o, _({
 				ref: "popover",
-				modelValue: p.value,
-				"onUpdate:modelValue": t[0] ||= (e) => p.value = e,
-				anchor: F.value,
+				modelValue: h.value,
+				"onUpdate:modelValue": t[0] ||= (e) => h.value = e,
+				anchor: N.value,
 				"arrow-padding": e.arrowPadding,
 				boundary: e.boundary,
 				class: ["bb-tooltip", { [`bb-tooltip--${e.variant}`]: !0 }],
@@ -136,13 +152,13 @@ var k = /*@__PURE__*/ p({
 				placement: e.placement,
 				tag: "span",
 				"transition-duration": e.transitionDuration
-			}, e.$attrs), {
-				default: re(() => [d("span", {
-					id: A,
+			}, _(e.$attrs, S(D).root)), {
+				default: se(() => [f("span", _({
+					id: O,
 					class: "bb-tooltip__content",
 					role: "tooltip",
-					style: _({ width: se.value })
-				}, [S(e.$slots, "default", {}, () => [ne(C(e.text), 1)])], 4)]),
+					style: { "--max-w": fe.value }
+				}, S(D).panel), [b(e.$slots, "default", {}, () => [p(x(e.text), 1)])], 16)]),
 				_: 3
 			}, 16, [
 				"modelValue",
@@ -160,4 +176,4 @@ var k = /*@__PURE__*/ p({
 	}
 });
 //#endregion
-export { k as default };
+export { E as default };

package/dist/components/BbTooltip/types.d.ts

@@ -1,4 +1,5 @@
 import { TooltipVariantType } from '../../types/TooltipVariant';
+import { PtMap, PtValue } from '../../types/passthrough';
 import { ElementOrComponentRef, ElementOrComponentRefOrSelector } from '../../types/CommonProps';
 import { Placement } from '../../types/Placement';
 /**
@@ -7,7 +8,33 @@ import { Placement } from '../../types/Placement';
  * hook for consumer CSS.
  */
 export type BbTooltipVariant = TooltipVariantType;
+/**
+ * Passthrough parts of `BbTooltip` (plans/passthrough/BbTooltip.md).
+ *
+ * @part root - The floating element, arrow included; a `class` on the
+ *   component lands here.
+ * @part panel - The bubble that holds the text.
+ */
+export type BbTooltipPtPart = 'root' | 'panel';
+/**
+ * Passthrough states of `BbTooltip`, true while the matching `--` modifier is on.
+ *
+ * @state open - Component-wide: the tooltip is showing.
+ */
+export type BbTooltipPtState = 'open';
+/** The runtime lists the resolver is wired with — kept next to the types so the two cannot drift. */
+export declare const BB_TOOLTIP_PT: {
+    readonly parts: readonly ["root", "panel"];
+    readonly states: readonly ["open"];
+};
 export type BbTooltipProps = {
+    [K in `pt:${BbTooltipPtPart}` | `pt:${BbTooltipPtPart}:${BbTooltipPtState}`]?: PtValue;
+} & {
+    /**
+     * Passthrough, object form: the same keys as the `pt:*` attributes
+     * without the prefix. See the `pt:<part>` row.
+     */
+    pt?: PtMap<BbTooltipPtPart, BbTooltipPtState>;
     /**
      * Space the arrow will maintain to the edge of the tooltip bubble.
      * Useful when the floating element has border radius so it won't appear broken
@@ -32,7 +59,11 @@ export type BbTooltipProps = {
      */
     hideArrow?: boolean;
     /**
-     * The identifier of the component.
+     * Seed for the tooltip's internal id. It is **prefixed** (`bb_<id>`) and set
+     * on the inner content element, not on the root — so
+     * `document.getElementById(theIdYouPassed)` finds nothing. Pass it to make
+     * the generated id stable (SSR snapshots, tests), not to look the element
+     * up.
      */
     id?: string;
     /**
@@ -84,7 +115,14 @@ export type BbTooltipProps = {
      */
     delay?: number;
     /**
-     * Width of the tooltip bubble in pixels, or as a percentage of the activator.
+     * Caps the width of the tooltip bubble: it wraps at this measure but still
+     * shrinks to its text, so a short hint never sits in an oversized bubble.
+     * A bare number is read as pixels, a percentage is measured against the
+     * activator, and any other CSS length (`'20rem'`, `'min(320px, 90vw)'`)
+     * is passed through.
+     *
+     * Replaces the default cap of `40ch`, which is also reachable in CSS as
+     * `--max-w` on the tooltip root.
      */
     width?: number | string;
 };

package/dist/components/BbTooltip/types.js

@@ -0,0 +1,7 @@
+//#region src/components/BbTooltip/types.ts
+var e = {
+	parts: ["root", "panel"],
+	states: ["open"]
+};
+//#endregion
+export { e as BB_TOOLTIP_PT };

package/dist/components/BbTree/BbTree.vue.d.ts

@@ -1,7 +1,17 @@
 import { BbTreeEvents, BbTreeItem, BbTreeNodeSlotProps, BbTreeProps, BbTreeSlots, TreeItem } from './types';
 export type { BbTreeEvents, BbTreeItem, BbTreeNodeSlotProps, BbTreeProps, BbTreeSlots, TreeItem, };
 declare const __VLS_export: <Meta>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<(BbTreeProps<Meta> & {
+    props: __VLS_PrettifyLocal<({
+        "pt:root"?: import('../../types/passthrough').PtValue | undefined;
+        "pt:root:open"?: import('../../types/passthrough').PtValue | undefined;
+        "pt:item:open"?: import('../../types/passthrough').PtValue | undefined;
+        "pt:item"?: import('../../types/passthrough').PtValue | undefined;
+    } & {
+        pt?: import('../../types/passthrough').PtMap<import('./types').BbTreePtPart, import('./types').BbTreePtState>;
+        items: BbTreeItem<Meta>[];
+        itemValue?: import('../../types/ItemAccessor').ItemAccessor<Meta> | undefined;
+        expandable?: import('./types').BbTreeExpandable<Meta> | undefined;
+    } & {
         /**
          * Live expansion state: the list of expanded node values (see `itemValue`).
          * Branch nodes not explicitly collapsed via `expanded: false` seed the list