bitboss-ui 3.0.0-beta.47 → 3.0.0-beta.49

package/dist/components/BbPopover/BbPopover.vue_vue_type_script_setup_true_lang.js

@@ -2,26 +2,26 @@ import { withoutClass as e, withoutPt as t } from "../../utils/passthrough.js";
 import { usePassthrough as n } from "../../composables/usePassthrough.js";
 import { useConfig as r } from "../../composables/useConfig.js";
 import { useId as i } from "../../composables/useId.js";
-import { isTopEscapeEntry as ee, pushEscapeEntry as te, removeEscapeEntry as ne } from "../../utils/overlayEscapeStack.js";
+import { isTopEscapeEntry as a, pushEscapeEntry as ee, removeEscapeEntry as te, topDeliberateSurface as ne } from "../../utils/overlayEscapeStack.js";
 import { useUntil as re } from "../../composables/useUntil.js";
 import { removedPropsFor as ie } from "../../deprecation/removedProps.js";
 import { warnRemovedAttrs as ae } from "../../utilities/functions/warnRemovedAttrs.js";
-import { extractDomContainer as a } from "../../utilities/functions/extractDomContainer.js";
+import { extractDomContainer as oe } from "../../utilities/functions/extractDomContainer.js";
 import { transitions as o } from "../../utilities/misc/transitions.js";
-import oe from "../CommonPopover/CommonPopover.vue.js";
-import { useMobile as se } from "../../composables/useMobile.js";
-import { useClosingInert as ce } from "../../composables/useClosingInert.js";
-import { BB_OFF_CANVAS_PT as le } from "../BbOffCanvas/types.js";
-import ue from "../BbOffCanvas/BbOffCanvas.vue.js";
-import { parseWidthString as s } from "../../utilities/functions/parseWidthString.js";
-import { BB_POPOVER_PT as de } from "./types.js";
-import { Fragment as fe, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as pe, createSlots as me, defineComponent as f, mergeModels as p, mergeProps as m, nextTick as he, normalizeProps as ge, onBeforeUnmount as _e, onDeactivated as ve, onMounted as ye, openBlock as h, ref as g, renderSlot as _, unref as v, useModel as be, useTemplateRef as xe, watch as y, withCtx as b } from "vue";
-import { useElementSize as Se, useIntersectionObserver as Ce } from "@vueuse/core";
+import se from "../CommonPopover/CommonPopover.vue.js";
+import { useMobile as ce } from "../../composables/useMobile.js";
+import { useClosingInert as le } from "../../composables/useClosingInert.js";
+import { BB_OFF_CANVAS_PT as ue } from "../BbOffCanvas/types.js";
+import de from "../BbOffCanvas/BbOffCanvas.vue.js";
+import { parseWidthString as fe } from "../../utilities/functions/parseWidthString.js";
+import { BB_POPOVER_PT as pe } from "./types.js";
+import { Fragment as me, computed as s, createBlock as he, createCommentVNode as c, createElementBlock as l, createElementVNode as ge, createSlots as _e, defineComponent as ve, mergeModels as u, mergeProps as d, nextTick as ye, normalizeProps as be, onBeforeUnmount as xe, onDeactivated as Se, onMounted as Ce, openBlock as f, ref as p, renderSlot as m, unref as h, useModel as we, useTemplateRef as Te, watch as g, withCtx as _ } from "vue";
+import { useElementSize as Ee, useIntersectionObserver as De } from "@vueuse/core";
 //#region src/components/BbPopover/BbPopover.vue?vue&type=script&setup=true&lang.ts
-var we = 500, Te = 10, x = /*@__PURE__*/ f({
+var Oe = 500, ke = 10, v = /*@__PURE__*/ ve({
 	inheritAttrs: !1,
 	__name: "BbPopover",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ u({
 		"pt:root": {},
 		"pt:panel": {},
 		"pt:sheet": {},
@@ -45,6 +45,10 @@ var we = 500, Te = 10, x = /*@__PURE__*/ f({
 		eager: { type: Boolean },
 		focusTarget: {},
 		id: {},
+		modal: {
+			type: Boolean,
+			default: !1
+		},
 		offset: { default: 4 },
 		offCanvasProps: {},
 		padding: { default: 10 },
@@ -63,45 +67,45 @@ var we = 500, Te = 10, x = /*@__PURE__*/ f({
 		},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ p([
+	emits: /*@__PURE__*/ u([
 		"show",
 		"hide",
 		"shown",
 		"hidden"
 	], ["update:modelValue"]),
-	setup(o, { emit: f }) {
-		let p = be(o, "modelValue"), x = o, S = f, Ee = r();
+	setup(o, { emit: ve }) {
+		let u = we(o, "modelValue"), v = o, y = ve, Ae = r();
 		process.env.NODE_ENV !== "production" && ae("BbPopover", ie("BbPopover"));
-		let { id: De } = i(), C = x.id ?? De.value, w = `bbp_${C}`, T = g(), Oe = xe("popover-ref"), E = c(() => a(Oe.value)), D = re(p), O = c(() => x.activator != null), { isMobile: k } = se(), A = () => (x.adaptive ?? Ee.adaptive) && k.value ? "canvas" : "popover", j = g(A()), M = c(() => j.value === "canvas");
-		y([
-			() => x.adaptive,
-			k,
-			p
+		let { id: je } = i(), b = v.id ?? je.value, x = `bbp_${b}`, S = p(), Me = s(() => T.value && S.value?.id || b), Ne = Te("popover-ref"), C = s(() => oe(Ne.value)), w = re(u), T = s(() => v.activator != null), { isMobile: Pe } = ce(), E = () => (v.adaptive ?? Ae.adaptive) && Pe.value ? "canvas" : "popover", D = p(E()), O = s(() => D.value === "canvas");
+		g([
+			() => v.adaptive,
+			Pe,
+			u
 		], () => {
-			p.value || (j.value = A());
+			u.value || (D.value = E());
 		});
-		let N = n({
+		let k = n({
 			component: "BbPopover",
-			props: x,
-			parts: de.parts,
-			states: de.states,
-			active: { open: () => p.value }
-		}), ke = c(() => ({
+			props: v,
+			parts: pe.parts,
+			states: pe.states,
+			active: { open: () => u.value }
+		}), Fe = s(() => ({
 			side: "bottom",
 			size: "auto",
 			draggable: !0,
-			eager: x.eager,
-			disabled: x.disabled,
-			focusTarget: x.focusTarget,
-			transitionDuration: x.transitionDuration,
-			...t(x.offCanvasProps),
-			...D.value && !x.offCanvasProps?.title ? { "aria-labelledby": C } : {}
-		})), Ae = () => {
-			T.value?.focus(), S("hidden");
-		}, P = c(() => {
-			let e = x.trigger;
+			eager: v.eager,
+			disabled: v.disabled,
+			focusTarget: v.focusTarget,
+			transitionDuration: v.transitionDuration,
+			...t(v.offCanvasProps),
+			...w.value && !v.offCanvasProps?.title ? { "aria-labelledby": Me.value } : {}
+		})), Ie = () => {
+			S.value?.focus(), y("hidden");
+		}, A = s(() => {
+			let e = v.trigger;
 			return new Set(Array.isArray(e) ? e : [e]);
-		}), F = (e, t) => ({ getBoundingClientRect: () => ({
+		}), j = (e, t) => ({ getBoundingClientRect: () => ({
 			x: e,
 			y: t,
 			width: 0,
@@ -113,19 +117,19 @@ var we = 500, Te = 10, x = /*@__PURE__*/ f({
 			toJSON() {
 				return this;
 			}
-		}) }), I = g(null), je = c(() => x.placement === "cursor" && I.value ? I.value : T.value), L, R = null, z = !1, B = () => {
-			clearTimeout(L), R = null;
-		}, V = (e) => {
-			T.value = a(e) ?? void 0;
-		}, Me = c(() => {
-			let e = P.value;
+		}) }), M = p(null), Le = s(() => v.placement === "cursor" && M.value ? M.value : S.value), Re, N = null, P = !1, F = () => {
+			clearTimeout(Re), N = null;
+		}, ze = (e) => {
+			S.value = oe(e) ?? void 0;
+		}, Be = s(() => {
+			let e = A.value;
 			return {
-				"aria-expanded": D.value ? p.value : void 0,
-				"aria-controls": D.value ? w : void 0,
+				"aria-expanded": w.value ? u.value : void 0,
+				"aria-controls": w.value ? x : void 0,
 				"aria-haspopup": "dialog",
-				id: C,
-				disabled: !!x.disabled,
-				ref: V,
+				id: b,
+				disabled: !!v.disabled,
+				ref: ze,
 				...e.has("click") ? { onClick: J } : {},
 				...e.has("contextMenu") ? {
 					onContextmenu: Y,
@@ -136,207 +140,247 @@ var we = 500, Te = 10, x = /*@__PURE__*/ f({
 				} : {}
 			};
 		});
-		y(() => x.activator, (e) => {
-			e && V(e);
-		}, { immediate: !0 }), y([T, P], ([e, t], n, r) => {
-			if (!e || !O.value) return;
+		g(() => v.activator, (e) => {
+			e && ze(e);
+		}, { immediate: !0 }), g([S, A], ([e, t], n, r) => {
+			if (!e || !T.value) return;
 			let i = [];
 			t.has("click") && (e.addEventListener("click", J), i.push(() => e.removeEventListener("click", J))), t.has("contextMenu") && (e.addEventListener("contextmenu", Y), e.addEventListener("pointerdown", X), e.addEventListener("pointermove", Z), e.addEventListener("pointerup", Q), e.addEventListener("pointercancel", Q), i.push(() => {
-				e.removeEventListener("contextmenu", Y), e.removeEventListener("pointerdown", X), e.removeEventListener("pointermove", Z), e.removeEventListener("pointerup", Q), e.removeEventListener("pointercancel", Q), B();
-			})), e.setAttribute("aria-haspopup", "dialog"), r(() => {
-				i.forEach((e) => e()), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-haspopup");
+				e.removeEventListener("contextmenu", Y), e.removeEventListener("pointerdown", X), e.removeEventListener("pointermove", Z), e.removeEventListener("pointerup", Q), e.removeEventListener("pointercancel", Q), F();
+			})), e.setAttribute("aria-haspopup", "dialog");
+			let a = !e.id;
+			a && e.setAttribute("id", b), r(() => {
+				i.forEach((e) => e()), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-haspopup"), a && e.id === b && e.removeAttribute("id");
 			});
-		}, { immediate: !0 }), y([
-			T,
-			p,
-			D
+		}, { immediate: !0 }), g([
+			S,
+			u,
+			w
 		], ([e, t, n]) => {
-			!e || !O.value || !n || (e.setAttribute("id", C), e.setAttribute("aria-expanded", String(t)), e.setAttribute("aria-controls", w));
-		}, { immediate: !0 }), Ce(T, ([{ intersectionRatio: e }]) => {
-			!(e >= .99) && p.value && !M.value && $();
+			!e || !T.value || !n || (e.setAttribute("aria-expanded", String(t)), e.setAttribute("aria-controls", x));
+		}, { immediate: !0 }), De(S, ([{ intersectionRatio: e }]) => {
+			!(e >= .99) && u.value && !O.value && $();
 		}, { threshold: [0, 1] });
-		let H = 0, U = (e) => {
-			if (e.timeStamp <= H) return;
+		let I = 0, L = (e) => {
+			if (e.timeStamp <= I) return;
 			let t = e.target;
 			if (!(t instanceof Node)) return;
-			let n = E.value?.contains(t), r = T.value?.contains(t);
+			let n = C.value?.contains(t), r = S.value?.contains(t);
 			!n && !r && $();
-		}, W = Symbol("bb-popover"), Ne = (e) => {
-			e.key === "Escape" && ee(W) && (e.preventDefault(), e.stopImmediatePropagation(), $());
-		}, Pe = () => {
-			te(W, { element: () => E.value }), H = performance.now(), document.addEventListener("click", U, { passive: !0 }), document.addEventListener("contextmenu", U, { passive: !0 }), document.addEventListener("keydown", Ne, { capture: !0 });
-		}, Fe = () => {
-			ne(W), document.removeEventListener("click", U), document.removeEventListener("contextmenu", U), document.removeEventListener("keydown", Ne, { capture: !0 });
-		}, G = !1, Ie = async () => {
-			if (M.value) return;
-			G = !0, K = !1, S("show"), Pe(), await he();
-			let e = x.focusTarget ?? "[tabindex]:not([tabindex=\"-1\"]), button, a, input, select, textarea", t = E.value?.querySelector(e);
+		}, Ve = s(() => v.modal ? {} : { role: "dialog" }), R = !1, z = !1, B = (e) => {
+			if (a(W)) return !1;
+			let t = ne();
+			return t ? !t.element || t.element.contains(e) : !1;
+		}, V = /* @__PURE__ */ new Set(), He = () => {
+			V = /* @__PURE__ */ new Set();
+			let e = S.value?.closest("dialog");
+			for (; e;) e.open && V.add(e), e = e.parentElement?.closest("dialog");
+		}, H = () => {
+			R = !0, $();
+		}, Ue = (e) => {
+			if (e.timeStamp <= I) return;
+			let t = e.target;
+			if (t instanceof Node) {
+				if (S.value?.contains(t)) {
+					z = !0, setTimeout(() => z = !1, 0);
+					return;
+				}
+				C.value?.contains(t) || B(t) || H();
+			}
+		}, U = (e) => {
+			if (!u.value || e.timeStamp <= I) return;
+			let t = e.target;
+			t instanceof Node && (S.value?.contains(t) || C.value?.contains(t) || B(t) || H());
+		}, We = (e) => {
+			let t = e.target;
+			if (!(t instanceof Node)) return;
+			let n = C.value;
+			if (n?.contains(t) || z && S.value?.contains(t) || t instanceof Element && n && t.contains(n)) return;
+			let r = t instanceof Element ? t.closest("dialog") : null;
+			if (r && n && r.contains(n) && !V.has(r)) {
+				V.add(r);
+				return;
+			}
+			B(t) || H();
+		}, W = Symbol("bb-popover"), Ge = (e) => {
+			e.key === "Escape" && a(W) && (e.preventDefault(), e.stopImmediatePropagation(), $());
+		}, Ke = () => {
+			ee(W, { element: () => C.value }), I = performance.now(), v.modal ? (document.addEventListener("click", L, { passive: !0 }), document.addEventListener("contextmenu", L, { passive: !0 })) : (R = !1, He(), document.addEventListener("pointerdown", Ue, {
+				passive: !0,
+				capture: !0
+			}), document.addEventListener("focusin", We, { passive: !0 }), document.addEventListener("click", U, { passive: !0 }), document.addEventListener("contextmenu", U, { passive: !0 })), document.addEventListener("keydown", Ge, { capture: !0 });
+		}, qe = () => {
+			te(W), document.removeEventListener("click", L), document.removeEventListener("contextmenu", L), document.removeEventListener("pointerdown", Ue, { capture: !0 }), document.removeEventListener("focusin", We), document.removeEventListener("click", U), document.removeEventListener("contextmenu", U), document.removeEventListener("keydown", Ge, { capture: !0 });
+		}, G = !1, Je = async () => {
+			if (O.value) return;
+			G = !0, K = !1, y("show"), Ke(), await ye();
+			let e = v.focusTarget ?? "[tabindex]:not([tabindex=\"-1\"]), button, a, input, select, textarea", t = C.value?.querySelector(e);
 			t instanceof HTMLElement && t.focus();
-		}, Le = () => {
-			G && (G = !1, K = !0, S("hide"), Fe(), T.value && T.value.focus());
-		}, K = !1, Re = () => {
-			K && (K = !1, S("hidden"));
+		}, Ye = () => {
+			G && (G = !1, K = !0, y("hide"), qe(), R ? R = !1 : S.value && S.value.focus());
+		}, K = !1, Xe = () => {
+			K && (K = !1, y("hidden"));
 		};
-		y(M, (e) => {
-			e && Re();
+		g(O, (e) => {
+			e && Xe();
 		});
-		let ze = ce(p, () => x.transitionDuration), Be = ({ availableHeight: e }) => m({
-			class: ["bb-popover__panel", { "bb-popover__panel--scrollable": x.scrollable }],
-			inert: ze.value,
-			style: { "--max-h": x.scrollable && e != null ? `${e}px` : void 0 }
-		}, N.panel);
-		y(p, (e) => {
-			e ? (j.value = A(), Ie()) : Le();
-		}), ye(() => {
-			p.value && Ie();
-		}), _e(() => {
-			B(), Fe();
+		let Ze = le(u, () => v.transitionDuration), Qe = ({ availableHeight: e }) => d({
+			class: ["bb-popover__panel", { "bb-popover__panel--scrollable": v.scrollable }],
+			inert: Ze.value,
+			style: { "--max-h": v.scrollable && e != null ? `${e}px` : void 0 }
+		}, k.panel);
+		g(u, (e) => {
+			e ? (D.value = E(), Je()) : Ye();
+		}), Ce(() => {
+			u.value && Je();
+		}), xe(() => {
+			F(), qe();
 		});
 		function q() {
-			x.disabled || (p.value = !0);
+			v.disabled || (u.value = !0);
 		}
 		function J(e) {
-			if (p.value) {
+			if (u.value) {
 				$();
 				return;
 			}
-			if (z) {
-				z = !1, e.preventDefault(), e.stopPropagation();
+			if (P) {
+				P = !1, e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			e.stopImmediatePropagation(), x.placement === "cursor" && (I.value = F(e.clientX, e.clientY)), q();
+			e.stopImmediatePropagation(), v.placement === "cursor" && (M.value = j(e.clientX, e.clientY)), q();
 		}
 		function Y(e) {
-			x.disabled || (e.preventDefault(), e.stopPropagation(), !(x.placement === "cursor" && (I.value = F(e.clientX, e.clientY), p.value)) && (p.value ? $() : q()));
+			v.disabled || (e.preventDefault(), e.stopPropagation(), !(v.placement === "cursor" && (M.value = j(e.clientX, e.clientY), u.value)) && (u.value ? $() : q()));
 		}
 		function X(e) {
-			x.disabled || e.pointerType === "mouse" || (z = !1, R = {
+			v.disabled || e.pointerType === "mouse" || (P = !1, N = {
 				x: e.clientX,
 				y: e.clientY
-			}, L = setTimeout(() => {
-				z = !0, x.placement === "cursor" && R && (I.value = F(R.x, R.y)), R = null, q();
-			}, we));
+			}, Re = setTimeout(() => {
+				P = !0, v.placement === "cursor" && N && (M.value = j(N.x, N.y)), N = null, q();
+			}, Oe));
 		}
 		function Z(e) {
-			if (!R) return;
-			let t = e.clientX - R.x, n = e.clientY - R.y;
-			Math.sqrt(t * t + n * n) > Te && B();
+			if (!N) return;
+			let t = e.clientX - N.x, n = e.clientY - N.y;
+			Math.sqrt(t * t + n * n) > ke && F();
 		}
 		function Q() {
-			B();
+			F();
 		}
 		function $() {
-			p.value = !1;
+			u.value = !1;
 		}
-		let Ve = c(() => {
-			if (!x.width) return !1;
-			let { unit: e } = s(x.width);
+		let $e = s(() => {
+			if (!v.width) return !1;
+			let { unit: e } = fe(v.width);
 			return e === "%";
-		}), { width: He } = Se(c(() => Ve.value ? T.value : void 0), {
+		}), { width: et } = Ee(s(() => $e.value ? S.value : void 0), {
 			width: 0,
 			height: 0
-		}, { box: "border-box" }), Ue = c(() => {
-			if (!x.width) return;
-			let { value: e, unit: t } = s(x.width);
-			return t === "%" && T.value ? `${He.value * (e / 100)}px` : `${e}px`;
+		}, { box: "border-box" }), tt = s(() => {
+			if (!v.width) return;
+			let { value: e, unit: t } = fe(v.width);
+			return t === "%" && S.value ? `${et.value * (e / 100)}px` : `${e}px`;
 		});
-		return ve($), (t, n) => (h(), d(fe, null, [O.value ? u("", !0) : _(t.$slots, "activator", ge(m({ key: 0 }, {
-			props: Me.value,
+		return Se($), (t, n) => (f(), l(me, null, [T.value ? c("", !0) : m(t.$slots, "activator", be(d({ key: 0 }, {
+			props: Be.value,
 			disabled: !!t.disabled,
-			open: p.value,
+			open: u.value,
 			placement: t.placement
-		}))), M.value ? (h(), l(ue, m({
+		}))), O.value ? (f(), he(de, d({
 			key: 1,
-			id: w,
-			modelValue: p.value,
-			"onUpdate:modelValue": n[0] ||= (e) => p.value = e,
+			id: x,
+			modelValue: u.value,
+			"onUpdate:modelValue": n[0] ||= (e) => u.value = e,
 			class: "bb-popover__sheet",
-			pt: v(N).forward({
+			pt: h(k).forward({
 				header: "header",
 				content: "content",
 				footer: "footer",
 				panel: "root",
 				sheet: "root"
-			}, v(le).states, () => t.offCanvasProps?.pt)
-		}, m(ke.value, {
-			onHidden: Ae,
-			onHide: () => S("hide"),
-			onShow: () => S("show"),
-			onShown: () => S("shown")
-		}, v(e)(t.$attrs))), me({
-			default: b(() => [_(t.$slots, "default", {
+			}, h(ue).states, () => t.offCanvasProps?.pt)
+		}, d(Fe.value, {
+			onHidden: Ie,
+			onHide: () => y("hide"),
+			onShow: () => y("show"),
+			onShown: () => y("shown")
+		}, h(e)(t.$attrs))), _e({
+			default: _(() => [m(t.$slots, "default", {
 				close: $,
 				disabled: !!t.disabled,
-				open: p.value,
+				open: u.value,
 				placement: t.placement
 			})]),
 			_: 2
 		}, [t.$slots.header ? {
 			name: "header",
-			fn: b(() => [_(t.$slots, "header", {
+			fn: _(() => [m(t.$slots, "header", {
 				close: $,
 				disabled: !!t.disabled,
-				open: p.value,
+				open: u.value,
 				placement: t.placement
 			})]),
 			key: "0"
 		} : void 0, t.$slots.footer ? {
 			name: "footer",
-			fn: b(() => [_(t.$slots, "footer", {
+			fn: _(() => [m(t.$slots, "footer", {
 				close: $,
 				disabled: !!t.disabled,
-				open: p.value,
+				open: u.value,
 				placement: t.placement
 			})]),
 			key: "1"
-		} : void 0]), 1040, ["modelValue", "pt"])) : (h(), l(oe, m({
+		} : void 0]), 1040, ["modelValue", "pt"])) : (f(), he(se, d({
 			key: 2,
-			id: w,
+			id: x,
 			ref: "popover-ref",
-			modelValue: p.value,
-			"onUpdate:modelValue": n[1] ||= (e) => p.value = e,
-			anchor: je.value,
-			"aria-labelledby": v(D) ? v(C) : void 0,
+			modelValue: u.value,
+			"onUpdate:modelValue": n[1] ||= (e) => u.value = e,
+			anchor: Le.value,
+			"aria-labelledby": h(w) ? Me.value : void 0,
 			boundary: t.boundary,
-			"bubble-attrs": Be,
+			"bubble-attrs": Qe,
 			class: "bb-popover",
-			dialog: "",
+			dialog: t.modal,
 			eager: t.eager,
 			"hide-arrow": "",
 			offset: t.offset,
 			padding: t.padding,
 			placement: t.placement === "cursor" ? "bottom-start" : t.placement,
-			style: { width: Ue.value },
+			style: { width: tt.value },
 			"transition-duration": t.transitionDuration
-		}, m(t.$attrs, v(N).root), {
-			onHidden: Re,
-			onShown: n[2] ||= (e) => S("shown")
+		}, d(Ve.value, t.$attrs, h(k).root), {
+			onHidden: Xe,
+			onShown: n[2] ||= (e) => y("shown")
 		}), {
-			default: b(() => [
-				t.$slots.header ? (h(), d("div", m({
+			default: _(() => [
+				t.$slots.header ? (f(), l("div", d({
 					key: 0,
 					class: "bb-popover__header"
-				}, v(N).header), [_(t.$slots, "header", {
+				}, h(k).header), [m(t.$slots, "header", {
 					close: $,
 					disabled: !!t.disabled,
-					open: p.value,
+					open: u.value,
 					placement: t.placement
-				})], 16)) : u("", !0),
-				pe("div", m({ class: "bb-popover__content scrollbar-border" }, v(N).content), [_(t.$slots, "default", {
+				})], 16)) : c("", !0),
+				ge("div", d({ class: "bb-popover__content scrollbar-border" }, h(k).content), [m(t.$slots, "default", {
 					close: $,
 					disabled: !!t.disabled,
-					open: p.value,
+					open: u.value,
 					placement: t.placement
 				})], 16),
-				t.$slots.footer ? (h(), d("div", m({
+				t.$slots.footer ? (f(), l("div", d({
 					key: 1,
 					class: "bb-popover__footer"
-				}, v(N).footer), [_(t.$slots, "footer", {
+				}, h(k).footer), [m(t.$slots, "footer", {
 					close: $,
 					disabled: !!t.disabled,
-					open: p.value,
+					open: u.value,
 					placement: t.placement
-				})], 16)) : u("", !0)
+				})], 16)) : c("", !0)
 			]),
 			_: 3
 		}, 16, [
@@ -344,6 +388,7 @@ var we = 500, Te = 10, x = /*@__PURE__*/ f({
 			"anchor",
 			"aria-labelledby",
 			"boundary",
+			"dialog",
 			"eager",
 			"offset",
 			"padding",
@@ -354,4 +399,4 @@ var we = 500, Te = 10, x = /*@__PURE__*/ f({
 	}
 });
 //#endregion
-export { x as default };
+export { v as default };

package/dist/components/BbPopover/BbPopoverPortal.vue.d.ts

@@ -1,4 +1,4 @@
-import { DirectivePortalSlotProps } from '../../directives/directivePortal';
+import { BbPopoverPortalSlotProps } from './types';
 /**
  * Content for `v-bb-popover="'<name>'"` (or `{ portal: '<name>' }`),
  * declared once in a template. Renders nothing in place: the popover renders the
@@ -10,7 +10,7 @@ type __VLS_Props = {
 };
 type __VLS_Slots = {
     /** The popover body. `props` is the directive's `portalProps`; `close` closes the popover. */
-    default?: (props: DirectivePortalSlotProps) => any;
+    default?: (props: BbPopoverPortalSlotProps) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -68,7 +68,8 @@ export type BbPopoverProps = {
      */
     disabled?: boolean;
     /**
-     * Prevents rendering content before it's made visible.
+     * Renders the panel's content at mount instead of on the first open
+     * (the phone sheet's too).
      */
     eager?: boolean;
     /**
@@ -81,6 +82,17 @@ export type BbPopoverProps = {
      * Generated when omitted.
      */
     id?: HTMLAttributes['id'];
+    /**
+     * Makes the floating panel modal: the page behind it goes inert and
+     * cannot scroll, and Tab stays inside the panel until it closes. Off by
+     * default, the panel is a non-modal dialog: the page stays usable, a
+     * click outside closes it and still reaches what was clicked, and Tab
+     * past its last control (or Shift+Tab before its first) leaves it and
+     * closes it. The phone sheet is modal either way.
+     *
+     * @defaultValue `false`
+     */
+    modal?: boolean;
     /**
      * Space the floating container will maintain from the activator.
      *
@@ -208,3 +220,16 @@ export type BbPopoverSlots = {
      */
     footer?: (props: BbPopoverDefaultSlotProps) => any;
 };
+/**
+ * The default slot scope of `<BbPopoverPortal>`: the ONE place this family's
+ * portal slot is typed (Q63.8), so tooling that infers `props` from the call
+ * sites hooks a single type: `P`, the type of `props`, is the seam it will
+ * feed (through a type-only prop on the portal component). Until then `P` is
+ * `any`, so `props.person.name` type-checks with no cast.
+ */
+export type BbPopoverPortalSlotProps<P = any> = {
+    /** The `portalProps` the `v-bb-popover` passed. */
+    props: P;
+    /** Closes the popover. */
+    close: () => void;
+};

package/dist/components/BbProgress/BbProgress.vue_vue_type_script_setup_true_lang.js

@@ -16,7 +16,10 @@ var p = [
 	props: {
 		"pt:root": {},
 		"pt:bar": {},
+		"pt:root:indeterminate": {},
+		"pt:bar:indeterminate": {},
 		pt: {},
+		indeterminate: { type: Boolean },
 		modelValue: { default: 0 },
 		label: {},
 		min: { default: 0 },
@@ -29,19 +32,24 @@ var p = [
 			props: m,
 			parts: i.parts,
 			states: i.states,
-			active: {}
-		}), g = a(() => m.modelValue == null || Number.isNaN(m.modelValue) ? m.min : m.modelValue), _ = a(() => n(g.value, m.min, Math.max(m.min, m.max))), v = a(() => ({ "--transition-duration": `${t.medium}ms` })), y = a(() => m.max <= m.min ? 0 : n(r(g.value, m.min, m.max), 0, 100)), b = a(() => ({ transform: `translateX(${y.value - 100}%)` }));
+			active: { indeterminate: () => !!m.indeterminate }
+		}), g = a(() => {
+			let e = h.rootAttrs;
+			if (!m.indeterminate || !("aria-valuetext" in e)) return e;
+			let { "aria-valuetext": t, ...n } = e;
+			return n;
+		}), _ = a(() => m.modelValue == null || Number.isNaN(m.modelValue) ? m.min : m.modelValue), v = a(() => n(_.value, m.min, Math.max(m.min, m.max))), y = a(() => ({ "--transition-duration": `${t.medium}ms` })), b = a(() => m.max <= m.min ? 0 : n(r(_.value, m.min, m.max), 0, 100)), x = a(() => ({ transform: `translateX(${b.value - 100}%)` }));
 		return (e, t) => (u(), o("div", l({
 			"aria-label": e.label || void 0,
 			"aria-valuemax": e.max,
 			"aria-valuemin": e.min,
-			"aria-valuenow": _.value,
-			class: "bb-progress",
+			"aria-valuenow": e.indeterminate ? void 0 : v.value,
+			class: ["bb-progress", { "bb-progress--indeterminate": e.indeterminate }],
 			role: "progressbar",
-			style: v.value
-		}, d(h).rootAttrs), [s("div", l({
+			style: y.value
+		}, g.value), [s("div", l({
 			class: "bb-progress__bar",
-			style: b.value
+			style: e.indeterminate ? void 0 : x.value
 		}, d(h).bar), null, 16)], 16, p));
 	}
 });