bitboss-ui 3.0.0-beta.62 → 3.0.0-beta.63

package/dist/ai/source/BbConfirm.md

@@ -19,8 +19,10 @@
 		:pt="passthrough.forward(DIALOG_PARTS, BB_DIALOG_PT.states)"
 		v-bind="dialogAttrs"
 		:size="current?.size ?? config.confirm?.defaultSize"
+		:stack="current?.stack ?? CONFIRM_STACK"
 		:title="current?.title"
 		:transition-duration="TRANSITION_DURATION"
+		@hidden="removeConfirmEntry(entry)"
 		@update:model-value="onClose"
 	>
 		<div v-if="hasContent" class="bb-confirm__content">
@@ -92,13 +94,13 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, onUnmounted, useAttrs } from 'vue';
+import { computed, inject, markRaw, onMounted, useAttrs } from 'vue';
 import {
-	confirmState as state,
+	CONFIRM_STACK,
 	namedPortalRegistry,
 	processMessage,
+	removeConfirmEntry,
 	TRANSITION_DURATION,
-	__registerConfirmHost,
 } from '@/composables/useConfirm';
 import { useId } from '@/composables/useId';
 import { useConfig } from '@/composables/useConfig';
@@ -106,6 +108,7 @@ import BbDialog from '../BbDialog/BbDialog.vue';
 import { usePassthrough } from '@/composables/usePassthrough';
 import { BB_DIALOG_PT } from '../BbDialog/types';
 import { BB_CONFIRM_PT, type BbConfirmProps } from './types';
+import { CONFIRM_ENTRY } from './confirmEntry';
 import BbButton from '../BbButton/BbButton.vue';
 
 // Describes the dialog by its plain-text message (WAI-APG dialog pattern): a
@@ -117,6 +120,15 @@ import BbButton from '../BbButton/BbButton.vue';
 defineOptions({ inheritAttrs: false });
 const props = defineProps<BbConfirmProps>();
 
+/**
+ * One `confirm()` call (Q75.9): `<BbHost />` renders one of these per call,
+ * under the caller's provides, and drops it once its close transition ends.
+ */
+const entry = inject(CONFIRM_ENTRY)!;
+const state = entry.state;
+// The message never changes after `confirm()` built it.
+const current = computed(() => entry.message);
+
 /**
  * Passthrough (plans/passthrough/BbConfirm.md): every part but `text` and
  * `action` is the dialog's, forwarded as its own `pt`, so the dialog resolves
@@ -134,7 +146,7 @@ const passthrough = usePassthrough({
 	props,
 	parts: BB_CONFIRM_PT.parts,
 	states: BB_CONFIRM_PT.states,
-	active: { open: () => !!state.value.processing },
+	active: { open: () => state.processing },
 });
 
 /**
@@ -158,31 +170,31 @@ const dialogAttrs = computed(() => {
 const textId = `confirm_text_${useId().id.value}`;
 const config = useConfig();
 
-// Host-count bookkeeping lives in useConfirm (the zero-host grace in
-// `confirm()` reads it). `<BbHost />` mounts this once per app.
-let unregisterHost: (() => void) | undefined;
+// Closed before it could render (dismissed while no host was mounted, the
+// host back now): it never opens, so `hidden` never comes. Leave at once.
 onMounted(() => {
-	unregisterHost = __registerConfirmHost().unregister;
-});
-onUnmounted(() => {
-	unregisterHost?.();
+	if (!state.processing) removeConfirmEntry(entry);
 });
 
-const current = computed(() => state.value.current);
-
 const isBusy = computed(
-	() =>
-		state.value.yesBusy || state.value.noBusy || state.value.actionBusy !== null
+	() => state.yesBusy || state.noBusy || state.actionBusy !== null
 );
 
 const hasText = computed(() => Boolean(current.value?.text));
 
+/** What a named portal's slot gets: this confirm's own data and answers. */
+const portalScope = {
+	data: current.value.data ?? {},
+	yes: () => processMessage(true, false, entry),
+	no: () => processMessage(false, true, entry),
+};
+
 const portalContent = computed(() => {
 	const portal = current.value?.portal;
 	if (!portal) return null;
-	if (typeof portal === 'string')
-		return namedPortalRegistry.get(portal) ?? null;
-	return portal;
+	if (typeof portal !== 'string') return portal;
+	const render = namedPortalRegistry.get(portal);
+	return render ? markRaw(() => render(portalScope)) : null;
 });
 
 const hasContent = computed(() => hasText.value || !!portalContent.value);
@@ -218,7 +230,7 @@ const dialogClasses = computed(() => [
 ]);
 
 const onClose = (value: boolean) => {
-	if (!value) processMessage(false);
+	if (!value) processMessage(false, false, entry);
 };
 </script>
 
@@ -233,8 +245,8 @@ const onClose = (value: boolean) => {
 import type { PtMap, PtValue } from '@/types/passthrough';
 
 /**
- * Passthrough parts of `BbConfirm` (plans/passthrough/BbConfirm.md). The host
- * renders one `BbDialog` for every confirm: `root`, `sheet`, `header`, `title`,
+ * Passthrough parts of `BbConfirm` (plans/passthrough/BbConfirm.md). Every
+ * confirm is its own `BbDialog`: `root`, `sheet`, `header`, `title`,
  * `content`, `footer` and `close` are forwarded to it, so a `pt:*` on
  * `<BbConfirm>` styles every confirm the app opens; `text` and `action` are
  * bound here.

package/dist/ai/source/BbConfirmPortal.md

@@ -9,11 +9,7 @@
 <script setup lang="ts">
 import { useSlots, watchEffect } from 'vue';
 import type { BbConfirmPortalSlotProps } from './types';
-import {
-	confirmState,
-	registerNamedPortal,
-	processMessage,
-} from '@/composables/useConfirm';
+import { registerNamedPortal } from '@/composables/useConfirm';
 
 const props = defineProps<{
 	/** The name a confirm passes as `portal: '<name>'` to render this content. */
@@ -25,19 +21,14 @@ defineSlots<{
 
 const slots = useSlots();
 
-const yes = () => processMessage(true);
-const no = () => processMessage(false, true);
-
 watchEffect((onCleanup) => {
 	// Never populated during SSR — the registry is module state and would leak
 	// across requests (same guard as useBbTabsContext's tabsRegistry).
 	if (typeof window === 'undefined') return;
-	const cleanup = registerNamedPortal(props.name, () =>
-		slots.default?.({
-			yes,
-			no,
-			data: confirmState.value.current?.data ?? {},
-		})
+	// The bare slot: each confirm calls it with its own `{ yes, no, data }`
+	// (Q75.9), so two open confirms never answer each other.
+	const cleanup = registerNamedPortal(props.name, (scope) =>
+		slots.default?.(scope)
 	);
 	onCleanup(cleanup);
 });
@@ -50,8 +41,8 @@ watchEffect((onCleanup) => {
 import type { PtMap, PtValue } from '@/types/passthrough';
 
 /**
- * Passthrough parts of `BbConfirm` (plans/passthrough/BbConfirm.md). The host
- * renders one `BbDialog` for every confirm: `root`, `sheet`, `header`, `title`,
+ * Passthrough parts of `BbConfirm` (plans/passthrough/BbConfirm.md). Every
+ * confirm is its own `BbDialog`: `root`, `sheet`, `header`, `title`,
  * `content`, `footer` and `close` are forwarded to it, so a `pt:*` on
  * `<BbConfirm>` styles every confirm the app opens; `text` and `action` are
  * bound here.

package/dist/ai/source/BbHost.md

@@ -7,13 +7,13 @@
 ```vue
 <template>
 	<template v-if="owns">
-		<!-- In open order; the confirm after them, so one opened later sits on top. -->
+		<!-- In open order; the confirms after them, so one opened later sits on top. -->
 		<BbHostOpening
 			v-for="opening in openings"
 			:key="opening.key"
 			:opening="opening"
 		/>
-		<BbConfirm />
+		<BbConfirmHost />
 		<BbToast />
 	</template>
 </template>
@@ -37,7 +37,7 @@ import {
 	startOpeningsGrace,
 	stopOpeningsGrace,
 } from '@/composables/hostOpenings';
-import BbConfirm from '../BbConfirm/BbConfirm.vue';
+import BbConfirmHost from '../BbConfirm/BbConfirmHost';
 import BbHostOpening from './BbHostOpening';
 import BbToast from '../BbToast/BbToast.vue';
 

package/dist/ai/source/BbTable.md

@@ -4240,23 +4240,33 @@ const pruneIncoherent = () => {
 	}
 };
 
-/** A cell's value as the table shows it: formatter, then placeholder. */
-const cellContentOf = (column: BbTableColumn<Item>, raw: Item) => {
+/**
+ * A cell's value as the table shows it: formatter, then placeholder. `kind`
+ * names what came out (Q75.8): a `value`, the column's `placeholder`, or
+ * nothing (`null`: a nil result and no placeholder).
+ */
+const cellResultOf = (
+	column: BbTableColumn<Item>,
+	raw: Item
+): { content: unknown; kind: MappedCell['kind'] } => {
 	let content = getItemValue(raw, column.key);
 	if (column.formatter && (!isNil(content) || column.formatOnNull !== false)) {
 		content = column.formatter(content, column.key, raw);
 	}
-	if (column.placeholder && isNil(content)) {
-		content = column.placeholder;
-	}
-	return content;
+	if (!isNil(content)) return { content, kind: 'value' };
+	if (column.placeholder)
+		return { content: column.placeholder, kind: 'placeholder' };
+	return { content, kind: null };
 };
+const cellContentOf = (column: BbTableColumn<Item>, raw: Item) =>
+	cellResultOf(column, raw).content;
 
 const mapColumnToCell = (
 	column: BbTableColumn<Item>,
 	item: BaseOption,
-	content: () => unknown
+	result: () => { content: unknown; kind: MappedCell['kind'] }
 ): MappedCell => {
+	const content = () => result().content;
 	const slotName = slotNamesByKey.value[column.key];
 	const align = column.align ?? 'left';
 
@@ -4280,6 +4290,9 @@ const mapColumnToCell = (
 		get content() {
 			return content();
 		},
+		get kind() {
+			return result().kind;
+		},
 		key: column.key,
 		label: column.label,
 		slotName,
@@ -4855,7 +4868,7 @@ const buildProjectedItem = (index: number): ProjectedItem => {
 	// Read during the ROW's render, so that row's effect subscribes to the
 	// fields its cells show and only that row re-renders and re-formats.
 	const contents = computed(() =>
-		columns.map((column) => cellContentOf(column, base.item))
+		columns.map((column) => cellResultOf(column, base.item))
 	);
 	// Mapped from `orderedColumns`, so the cells come out in render order with
 	// one pass — the old build-then-permute layer was a second array per row.
@@ -7612,7 +7625,9 @@ export type BaseColumn<Item = any> = {
 	 */
 	label: string;
 	/**
-	 * Placeholder used when the pipeline returns null content.
+	 * Placeholder used when the pipeline returns null content. Its cell
+	 * carries `bb-table__cell--placeholder` (`pt` state `placeholder`); a cell
+	 * that shows a value carries `--value`.
 	 */
 	placeholder?: string;
 };
@@ -7866,12 +7881,21 @@ export type BbTableSurfacePtPart =
  *   are selected, not all.
  * @state highlighted - Per node, on `row`, its cells and its `expand`: the
  *   highlighted row.
+ * @state value - Per node, on a DATA `cell`: the formatter / placeholder
+ *   pipeline produced a value (not `null` / `undefined`), slot cells included
+ *   (`bb-table__cell--value`). Not on the select, drag or actions cells.
+ * @state placeholder - Per node, on a DATA `cell`: the value was empty and the
+ *   column's `placeholder` shows instead, whatever its text
+ *   (`bb-table__cell--placeholder`). A cell with an empty value and no
+ *   `placeholder` has neither state.
  * @state empty - Component-wide: there are no rows (`bb-table--empty`).
  * @state loading - Component-wide: the table is `loading`.
  */
 export type BbTablePtState =
 	| 'loading'
 	| 'empty'
+	| 'value'
+	| 'placeholder'
 	| 'sorted'
 	| 'sortedDesc'
 	| 'expanded'
@@ -7901,6 +7925,8 @@ export const BB_TABLE_PT = {
 		'foot',
 	],
 	states: [
+		'value',
+		'placeholder',
 		'empty',
 		'sorted',
 		'sortedDesc',
@@ -8370,6 +8396,8 @@ export type MappedCell = {
 	align: string;
 	classes: Classes;
 	content: any;
+	/** What the formatter / placeholder pipeline produced; `null` when nothing. */
+	kind: 'value' | 'placeholder' | null;
 	key: string;
 	label: string;
 	slotName: string;

package/dist/components/BbConfirm/BbConfirm.vue_vue_type_script_setup_true_lang.js

@@ -2,16 +2,17 @@ import { usePassthrough as e } from "../../composables/usePassthrough.js";
 import { useConfig as t } from "../../composables/useConfig.js";
 import { useId as n } from "../../composables/useId.js";
 import r from "../BbButton/BbButton.vue.js";
-import { TRANSITION_DURATION as i, __registerConfirmHost as a, confirmState as o, namedPortalRegistry as s, processMessage as c } from "../../composables/useConfirm.js";
+import { TRANSITION_DURATION as i, namedPortalRegistry as a, processMessage as o, removeConfirmEntry as s } from "../../composables/useConfirm.js";
+import { CONFIRM_ENTRY as c } from "./confirmEntry.js";
 import { BB_DIALOG_PT as l } from "../BbDialog/types.js";
 import u from "../BbDialog/BbDialog.vue.js";
 import { BB_CONFIRM_PT as d } from "./types.js";
-import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createSlots as _, defineComponent as v, mergeProps as y, normalizeProps as b, onMounted as x, onUnmounted as S, openBlock as C, renderList as w, resolveDynamicComponent as T, toDisplayString as E, unref as D, useAttrs as O, withCtx as k } from "vue";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createSlots as _, defineComponent as v, inject as y, markRaw as b, mergeProps as x, normalizeProps as S, onMounted as C, openBlock as w, renderList as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, useAttrs as k, withCtx as A } from "vue";
 //#region src/components/BbConfirm/BbConfirm.vue?vue&type=script&setup=true&lang.ts
-var A = {
+var j = {
 	key: 0,
 	class: "bb-confirm__content"
-}, j = /*@__PURE__*/ v({
+}, M = /*@__PURE__*/ v({
 	inheritAttrs: !1,
 	__name: "BbConfirm",
 	props: {
@@ -36,71 +37,78 @@ var A = {
 		pt: {}
 	},
 	setup(v) {
-		let j = v, M = O(), N = d.parts.filter((e) => e !== "text" && e !== "action"), P = e({
+		let M = v, N = y(c), P = N.state, F = p(() => N.message), I = k(), L = d.parts.filter((e) => e !== "text" && e !== "action"), R = e({
 			component: "BbConfirm",
-			attrs: M,
-			props: j,
+			attrs: I,
+			props: M,
 			parts: d.parts,
 			states: d.states,
-			active: { open: () => !!o.value.processing }
-		}), F = p(() => {
-			let { class: e, ...t } = M, n = {
+			active: { open: () => P.processing }
+		}), z = p(() => {
+			let { class: e, ...t } = I, n = {
 				role: "alertdialog",
 				...t
 			};
-			return V.value && !z.value?.title ? {
-				"aria-labelledby": I,
+			return U.value && !F.value?.title ? {
+				"aria-labelledby": B,
 				...n
 			} : n;
-		}), I = `confirm_text_${n().id.value}`, L = t(), R;
-		x(() => {
-			R = a().unregister;
-		}), S(() => {
-			R?.();
+		}), B = `confirm_text_${n().id.value}`, V = t();
+		C(() => {
+			P.processing || s(N);
 		});
-		let z = p(() => o.value.current), B = p(() => o.value.yesBusy || o.value.noBusy || o.value.actionBusy !== null), V = p(() => !!z.value?.text), H = p(() => {
-			let e = z.value?.portal;
-			return e ? typeof e == "string" ? s.get(e) ?? null : e : null;
-		}), U = p(() => V.value || !!H.value), W = p(() => {
-			let { portal: e, data: t } = z.value ?? {};
+		let H = p(() => P.yesBusy || P.noBusy || P.actionBusy !== null), U = p(() => !!F.value?.text), W = {
+			data: F.value.data ?? {},
+			yes: () => o(!0, !1, N),
+			no: () => o(!1, !0, N)
+		}, G = p(() => {
+			let e = F.value?.portal;
+			if (!e) return null;
+			if (typeof e != "string") return e;
+			let t = a.get(e);
+			return t ? b(() => t(W)) : null;
+		}), K = p(() => U.value || !!G.value), q = p(() => {
+			let { portal: e, data: t } = F.value ?? {};
 			return !e || typeof e == "string" || !t ? {} : t;
-		}), G = p(() => z.value?.actions !== !1), K = p(() => {
-			let e = z.value?.actions;
+		}), J = p(() => F.value?.actions !== !1), Y = p(() => {
+			let e = F.value?.actions;
 			return Array.isArray(e) && e.length ? e : null;
-		}), q = p(() => z.value?.no || null), J = p(() => z.value?.yes || null), Y = p(() => ["bb-confirm", `bb-confirm--${z.value?.variant ?? "default"}`]), X = (e) => {
-			e || c(!1);
+		}), X = p(() => F.value?.no || null), Z = p(() => F.value?.yes || null), Q = p(() => ["bb-confirm", `bb-confirm--${F.value?.variant ?? "default"}`]), $ = (e) => {
+			e || o(!1, !1, N);
 		};
-		return (e, t) => (C(), m(u, y({
-			"aria-describedby": V.value && z.value?.title ? I : void 0,
-			class: Y.value,
-			"focus-target": z.value?.focusTarget,
-			fullscreen: z.value?.fullscreen,
-			"hide-close": B.value || !!z.value?.hideClose,
-			"model-value": D(o).processing,
-			persistent: B.value || !!z.value?.persistent,
-			pt: D(P).forward(D(N), D(l).states)
-		}, F.value, {
-			size: z.value?.size ?? D(L).confirm?.defaultSize,
-			title: z.value?.title,
-			"transition-duration": D(i),
-			"onUpdate:modelValue": X
+		return (e, t) => (w(), m(u, x({
+			"aria-describedby": U.value && F.value?.title ? B : void 0,
+			class: Q.value,
+			"focus-target": F.value?.focusTarget,
+			fullscreen: F.value?.fullscreen,
+			"hide-close": H.value || !!F.value?.hideClose,
+			"model-value": O(P).processing,
+			persistent: H.value || !!F.value?.persistent,
+			pt: O(R).forward(O(L), O(l).states)
+		}, z.value, {
+			size: F.value?.size ?? O(V).confirm?.defaultSize,
+			stack: F.value?.stack ?? O("bb-confirm"),
+			title: F.value?.title,
+			"transition-duration": O(i),
+			onHidden: t[2] ||= (e) => O(s)(O(N)),
+			"onUpdate:modelValue": $
 		}), _({
-			default: k(() => [U.value ? (C(), g("div", A, [V.value ? (C(), g("div", y({
+			default: A(() => [K.value ? (w(), g("div", j, [U.value ? (w(), g("div", x({
 				key: 0,
-				id: I,
+				id: B,
 				class: "bb-confirm__text"
-			}, D(P).text), E(z.value?.text), 17)) : (C(), m(T(H.value), b(y({ key: 1 }, W.value)), null, 16))])) : h("", !0)]),
+			}, O(R).text), D(F.value?.text), 17)) : (w(), m(E(G.value), S(x({ key: 1 }, q.value)), null, 16))])) : h("", !0)]),
 			_: 2
-		}, [G.value ? {
+		}, [J.value ? {
 			name: "footer",
-			fn: k(() => [
-				K.value ? (C(!0), g(f, { key: 0 }, w(K.value, (e, t) => (C(), m(r, y({
+			fn: A(() => [
+				Y.value ? (w(!0), g(f, { key: 0 }, T(Y.value, (e, t) => (w(), m(r, x({
 					key: t,
 					"append:icon": e["append:icon"],
 					block: e.block,
-					disabled: D(o).actionBusy !== null && D(o).actionBusy !== t,
+					disabled: O(P).actionBusy !== null && O(P).actionBusy !== t,
 					icon: e.icon,
-					loading: D(o).actionBusy === t,
+					loading: O(P).actionBusy === t,
 					"prepend:icon": e["prepend:icon"],
 					size: e.size,
 					text: e.text,
@@ -108,7 +116,7 @@ var A = {
 					onClick: (t) => e.onClick(),
 					class: "bb-confirm__action",
 					ref_for: !0
-				}, D(P).action), null, 16, [
+				}, O(R).action), null, 16, [
 					"append:icon",
 					"block",
 					"disabled",
@@ -120,20 +128,20 @@ var A = {
 					"variant",
 					"onClick"
 				]))), 128)) : h("", !0),
-				q.value ? (C(), m(r, y({
+				X.value ? (w(), m(r, x({
 					key: 1,
-					"append:icon": q.value["append:icon"],
-					block: q.value.block,
-					disabled: D(o).yesBusy,
-					icon: q.value.icon,
-					loading: D(o).noBusy,
-					"prepend:icon": q.value["prepend:icon"],
-					size: q.value.size,
-					text: q.value.text,
-					variant: q.value.variant,
-					onClick: t[0] ||= (e) => q.value.onClick(),
+					"append:icon": X.value["append:icon"],
+					block: X.value.block,
+					disabled: O(P).yesBusy,
+					icon: X.value.icon,
+					loading: O(P).noBusy,
+					"prepend:icon": X.value["prepend:icon"],
+					size: X.value.size,
+					text: X.value.text,
+					variant: X.value.variant,
+					onClick: t[0] ||= (e) => X.value.onClick(),
 					class: "bb-confirm__action"
-				}, D(P).action), null, 16, [
+				}, O(R).action), null, 16, [
 					"append:icon",
 					"block",
 					"disabled",
@@ -144,20 +152,20 @@ var A = {
 					"text",
 					"variant"
 				])) : h("", !0),
-				J.value ? (C(), m(r, y({
+				Z.value ? (w(), m(r, x({
 					key: 2,
-					"append:icon": J.value["append:icon"],
-					block: J.value.block,
-					disabled: D(o).noBusy,
-					icon: J.value.icon,
-					loading: D(o).yesBusy,
-					"prepend:icon": J.value["prepend:icon"],
-					size: J.value.size,
-					text: J.value.text,
-					variant: J.value.variant,
-					onClick: t[1] ||= (e) => J.value.onClick(),
+					"append:icon": Z.value["append:icon"],
+					block: Z.value.block,
+					disabled: O(P).noBusy,
+					icon: Z.value.icon,
+					loading: O(P).yesBusy,
+					"prepend:icon": Z.value["prepend:icon"],
+					size: Z.value.size,
+					text: Z.value.text,
+					variant: Z.value.variant,
+					onClick: t[1] ||= (e) => Z.value.onClick(),
 					class: "bb-confirm__action"
-				}, D(P).action), null, 16, [
+				}, O(R).action), null, 16, [
 					"append:icon",
 					"block",
 					"disabled",
@@ -180,10 +188,11 @@ var A = {
 			"persistent",
 			"pt",
 			"size",
+			"stack",
 			"title",
 			"transition-duration"
 		]));
 	}
 });
 //#endregion
-export { j as default };
+export { M as default };

package/dist/components/BbConfirm/BbConfirmHost.d.ts

@@ -0,0 +1,10 @@
+/**
+ * The app's confirms, internal to `<BbHost />`: one dialog per `confirm()`
+ * call, in open order. Its mount is what `confirm()`'s zero-host grace
+ * counts. Attributes reach every confirm (the tests' `pt:*`; `<BbHost />`
+ * passes none).
+ */
+declare const _default: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/BbConfirm/BbConfirmHost.js

@@ -0,0 +1,32 @@
+import { OPENING as e } from "../../composables/hostOpenings.js";
+import { __registerConfirmHost as t, confirmEntries as n } from "../../composables/useConfirm.js";
+import { CONFIRM_ENTRY as r } from "./confirmEntry.js";
+import i from "./BbConfirm.vue.js";
+import { defineComponent as a, getCurrentInstance as o, h as s, onMounted as c, onUnmounted as l, provide as u } from "vue";
+//#region src/components/BbConfirm/BbConfirmHost.ts
+var d = a({
+	name: "BbConfirmOpening",
+	props: { entry: {
+		type: Object,
+		required: !0
+	} },
+	setup(t) {
+		let n = o();
+		return t.entry.provides && (n.provides = Object.create(t.entry.provides)), u(e, null), u(r, t.entry), () => s(i);
+	}
+}), f = a({
+	name: "BbConfirmHost",
+	inheritAttrs: !1,
+	setup(e, { attrs: r }) {
+		let i;
+		return c(() => {
+			i = t().unregister;
+		}), l(() => i?.()), () => n.map((e) => s(d, {
+			...r,
+			key: e.key,
+			entry: e
+		}));
+	}
+});
+//#endregion
+export { f as default };

package/dist/components/BbConfirm/BbConfirmPortal.vue_vue_type_script_setup_true_lang.js

@@ -1,19 +1,15 @@
-import { confirmState as e, processMessage as t, registerNamedPortal as n } from "../../composables/useConfirm.js";
-import { defineComponent as r, useSlots as i, watchEffect as a } from "vue";
+import { registerNamedPortal as e } from "../../composables/useConfirm.js";
+import { defineComponent as t, useSlots as n, watchEffect as r } from "vue";
 //#region src/components/BbConfirm/BbConfirmPortal.vue?vue&type=script&setup=true&lang.ts
-var o = /*@__PURE__*/ r({
+var i = /*@__PURE__*/ t({
 	__name: "BbConfirmPortal",
 	props: { name: {} },
-	setup(r) {
-		let o = r, s = i(), c = () => t(!0), l = () => t(!1, !0);
-		return a((t) => {
-			typeof window > "u" || t(n(o.name, () => s.default?.({
-				yes: c,
-				no: l,
-				data: e.value.current?.data ?? {}
-			})));
+	setup(t) {
+		let i = t, a = n();
+		return r((t) => {
+			typeof window > "u" || t(e(i.name, (e) => a.default?.(e)));
 		}), (e, t) => null;
 	}
 });
 //#endregion
-export { o as default };
+export { i as default };

package/dist/components/BbConfirm/confirmEntry.d.ts

@@ -0,0 +1,4 @@
+import { InjectionKey } from 'vue';
+import { ConfirmEntry } from '../../composables/useConfirm';
+/** The confirm a `<BbConfirm>` renders, provided by the host per call (Q75.9). */
+export declare const CONFIRM_ENTRY: InjectionKey<ConfirmEntry>;

package/dist/components/BbConfirm/confirmEntry.js

@@ -0,0 +1,4 @@
+//#region src/components/BbConfirm/confirmEntry.ts
+var e = Symbol.for("bitboss-ui:confirm-entry");
+//#endregion
+export { e as CONFIRM_ENTRY };

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

@@ -1,7 +1,7 @@
 import { PtMap, PtValue } from '../../types/passthrough';
 /**
- * Passthrough parts of `BbConfirm` (plans/passthrough/BbConfirm.md). The host
- * renders one `BbDialog` for every confirm: `root`, `sheet`, `header`, `title`,
+ * Passthrough parts of `BbConfirm` (plans/passthrough/BbConfirm.md). Every
+ * confirm is its own `BbDialog`: `root`, `sheet`, `header`, `title`,
  * `content`, `footer` and `close` are forwarded to it, so a `pt:*` on
  * `<BbConfirm>` styles every confirm the app opens; `text` and `action` are
  * bound here.

package/dist/components/BbHost/BbHost.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useLogger as e } from "../../composables/useLogger.js";
 import { hostStateOf as t, registerHost as n } from "../../composables/hostRegistry.js";
 import { startOpeningsGrace as r, stopOpeningsGrace as i } from "../../composables/hostOpenings.js";
-import a from "../BbConfirm/BbConfirm.vue.js";
+import a from "../BbConfirm/BbConfirmHost.js";
 import o from "./BbHostOpening.js";
 import s from "../BbToast/BbToast.vue.js";
 import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createVNode as p, defineComponent as m, getCurrentInstance as h, onBeforeUnmount as g, onMounted as _, openBlock as v, renderList as y, shallowRef as b, unref as x } from "vue";
@@ -21,7 +21,7 @@ var S = /*@__PURE__*/ m({
 				key: e.key,
 				opening: e
 			}, null, 8, ["opening"]))), 128)),
-			p(a),
+			p(x(a)),
 			p(s)
 		], 64)) : d("", !0);
 	}