bitboss-ui 3.0.0-beta.2 → 3.0.0-beta.21

package/dist/components/BbTimePicker/BbTimePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,25 +1,25 @@
-import { useLogger as e } from "../../composables/useLogger.js";
-import { extractDomContainer as t } from "../../utilities/functions/extractDomContainer.js";
-import { transitions as n } from "../../utilities/misc/transitions.js";
-import r from "../CommonPopover/CommonPopover.vue.js";
-import { useMobile as i } from "../../composables/useMobile.js";
-import { useLocale as a } from "../../composables/useLocale.js";
-import o from "../BbOffCanvas/BbOffCanvas.vue.js";
-import s from "../BbBaseDatePickerInput/BbBaseDatePickerTimeSelector.vue.js";
-import { config as c } from "virtual:bitboss-ui/config";
-import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as ee, createVNode as m, defineComponent as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeProps as te, onBeforeUnmount as ne, openBlock as y, ref as b, renderList as x, renderSlot as S, toDisplayString as re, unref as C, watch as w, withCtx as T } from "vue";
-import { createReusableTemplate as ie } from "@vueuse/core";
+import { useConfig as e } from "../../composables/useConfig.js";
+import { useLogger as t } from "../../composables/useLogger.js";
+import { extractDomContainer as n } from "../../utilities/functions/extractDomContainer.js";
+import { transitions as r } from "../../utilities/misc/transitions.js";
+import i from "../CommonPopover/CommonPopover.vue.js";
+import { useMobile as a } from "../../composables/useMobile.js";
+import { useLocale as o } from "../../composables/useLocale.js";
+import s from "../BbOffCanvas/BbOffCanvas.vue.js";
+import c from "../BbBaseDatePickerInput/BbBaseDatePickerTimeSelector.vue.js";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeProps as _, nextTick as ee, normalizeClass as v, normalizeProps as te, onBeforeUnmount as ne, openBlock as y, ref as b, renderList as re, renderSlot as ie, toDisplayString as x, unref as S, watch as C, withCtx as w } from "vue";
+import { createReusableTemplate as ae } from "@vueuse/core";
 //#region src/components/BbTimePicker/BbTimePicker.vue?vue&type=script&setup=true&lang.ts
-var ae = {
+var oe = {
 	key: 0,
 	"aria-label": "Range end",
 	class: "bb-time-picker__segments",
 	role: "group"
-}, oe = [
+}, se = [
 	"aria-pressed",
 	"disabled",
 	"onClick"
-], E = /*@__PURE__*/ h({
+], T = /*@__PURE__*/ g({
 	__name: "BbTimePicker",
 	props: {
 		activator: {},
@@ -39,7 +39,7 @@ var ae = {
 			default: void 0
 		},
 		offCanvasProps: {},
-		transitionDuration: { default: n.medium },
+		transitionDuration: { default: r.medium },
 		placement: {},
 		offset: { default: 4 },
 		padding: {},
@@ -54,48 +54,48 @@ var ae = {
 		"error",
 		"time-pick"
 	],
-	setup(n, { emit: h }) {
-		let E = n, D = h, { t: O } = a(), { isMobile: k } = i(), se = e(), [ce, A] = ie(), j = b(null), M = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, N = (e) => {
-			let t = M.exec(e);
+	setup(r, { emit: g }) {
+		let T = r, E = g, ce = e(), { t: D } = o(), { isMobile: O } = a(), le = t(), [ue, k] = ae(), A = b(null), j = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, M = (e) => {
+			let t = j.exec(e);
 			if (!t) return null;
 			let n = parseInt(t[1], 10), r = parseInt(t[2], 10);
 			return n > 23 || r > 59 ? null : n * 60 + r;
 		};
-		for (let [e, t] of [["min", E.min], ["max", E.max]]) t && N(t) === null && se.throw(`BbTimePicker: ${e} must be in the format HH:mm`);
-		let P = u(() => E.activeSegment ?? F.value), F = b("start"), le = (e) => {
-			F.value = e, D("update:activeSegment", e);
-		}, ue = u(() => [{
+		for (let [e, t] of [["min", T.min], ["max", T.max]]) t && M(t) === null && le.throw(`BbTimePicker: ${e} must be in the format HH:mm`);
+		let N = u(() => T.activeSegment ?? P.value), P = b("start"), de = (e) => {
+			P.value = e, E("update:activeSegment", e);
+		}, F = u(() => [{
 			value: "start",
-			label: O("baseTimePickerInput.start").value
+			label: D("baseTimePickerInput.start").value
 		}, {
 			value: "end",
-			label: O("baseTimePickerInput.end").value
-		}]), I = b(), L = b(), R = u(() => E.activator != null), z = (e) => {
-			I.value = t(e) ?? void 0;
+			label: D("baseTimePickerInput.end").value
+		}]), I = b(), L = b(), R = u(() => T.activator != null), z = (e) => {
+			I.value = n(e) ?? void 0;
 		}, B = (e) => {
-			L.value = t(e) ?? void 0;
+			L.value = n(e) ?? void 0;
 		};
-		w(() => E.activator, (e) => {
-			I.value = t(e) ?? void 0;
-		}, { immediate: !0 }), w(() => E.anchor, (e) => {
-			L.value = e == null ? void 0 : t(e) ?? void 0;
+		C(() => T.activator, (e) => {
+			I.value = n(e) ?? void 0;
+		}, { immediate: !0 }), C(() => T.anchor, (e) => {
+			L.value = e == null ? void 0 : n(e) ?? void 0;
 		}, { immediate: !0 });
 		let V = u(() => L.value ?? I.value), H = b(!1), U = null, W = (e) => {
-			E.disabled || E.readonly || (e.stopPropagation(), H.value || (Y.value = J()), H.value = !H.value);
+			T.disabled || T.readonly || (e.stopPropagation(), H.value || (Y.value = J()), H.value = !H.value);
 		}, G = (e) => {
 			e.target instanceof HTMLDialogElement && (H.value = !1);
 		};
-		w(H, async (e) => {
-			e ? (U = document.activeElement instanceof HTMLElement ? document.activeElement : null, X.value || document.addEventListener("click", G, { passive: !0 }), await _(), j.value?.querySelector("[tabindex=\"0\"]")?.focus()) : (document.removeEventListener("click", G), U?.focus(), U = null);
+		C(H, async (e) => {
+			e ? (U = document.activeElement instanceof HTMLElement ? document.activeElement : null, X.value || document.addEventListener("click", G, { passive: !0 }), await ee(), A.value?.querySelector("[tabindex=\"0\"]")?.focus()) : (document.removeEventListener("click", G), U?.focus(), U = null);
 		});
 		let K = null;
-		w(I, (e) => {
+		C(I, (e) => {
 			K?.(), K = null, e && (e.addEventListener("click", W), K = () => {
 				e.removeEventListener("click", W), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-label");
 			});
 		}, { immediate: !0 });
-		let q = u(() => E.label ?? O("baseTimePickerInput.openPicker").value);
-		w([
+		let q = u(() => T.label ?? D("baseTimePickerInput.openPicker").value);
+		C([
 			I,
 			H,
 			q
@@ -104,39 +104,39 @@ var ae = {
 		}, { immediate: !0 }), ne(() => {
 			K?.(), document.removeEventListener("click", G);
 		});
-		let J = () => (E.adaptive ?? c.adaptive) && k.value ? "canvas" : "popover", Y = b(J()), X = u(() => Y.value === "canvas");
-		w([
-			() => E.adaptive,
-			k,
+		let J = () => (T.adaptive ?? ce.adaptive) && O.value ? "canvas" : "popover", Y = b(J()), X = u(() => Y.value === "canvas");
+		C([
+			() => T.adaptive,
+			O,
 			H
 		], () => {
 			H.value || (Y.value = J());
 		});
-		let de = u(() => ({
+		let Z = u(() => ({
 			side: "bottom",
 			size: "auto",
 			draggable: !0,
-			disabled: E.disabled,
-			transitionDuration: E.transitionDuration,
-			...E.offCanvasProps
+			disabled: T.disabled,
+			transitionDuration: T.transitionDuration,
+			...T.offCanvasProps
 		})), fe = () => {
 			I.value?.focus();
-		}, pe = (e) => +(e === "end"), Z = (e) => {
-			let t = E.modelValue;
+		}, pe = (e) => +(e === "end"), Q = (e) => {
+			let t = T.modelValue;
 			return t == null ? null : Array.isArray(t) ? t[pe(e)] ?? null : e === "start" && typeof t == "string" ? t : null;
 		}, me = (e) => {
-			let t = Z(e), n = t ? M.exec(t) : null;
+			let t = Q(e), n = t ? j.exec(t) : null;
 			return n ? {
 				hour: n[1].padStart(2, "0"),
 				minute: n[2].padStart(2, "0"),
 				second: (n[3] ?? "").padStart(n[3] ? 2 : 0, "0")
 			} : null;
-		}, Q = u(() => me(P.value)), $ = u(() => Q.value?.hour ?? ""), he = u(() => Q.value?.minute ?? ""), ge = u(() => Q.value?.second ?? ""), _e = (e) => E.seconds ? `${e.hour}:${e.minute}:${e.second || "00"}` : `${e.hour}:${e.minute}`, ve = (e) => {
-			let t = N(e);
-			return t === null ? e : E.min && t < N(E.min) ? E.min + (E.seconds ? ":00" : "") : E.max && t > N(E.max) ? E.max + (E.seconds ? ":00" : "") : e;
-		}, ye = (e) => {
-			D("time-pick", e);
-			let t = P.value, n = Q.value ? { ...Q.value } : {
+		}, $ = u(() => me(N.value)), he = u(() => $.value?.hour ?? ""), ge = u(() => $.value?.minute ?? ""), _e = u(() => $.value?.second ?? ""), ve = (e) => T.seconds ? `${e.hour}:${e.minute}:${e.second || "00"}` : `${e.hour}:${e.minute}`, ye = (e) => {
+			let t = M(e);
+			return t === null ? e : T.min && t < M(T.min) ? T.min + (T.seconds ? ":00" : "") : T.max && t > M(T.max) ? T.max + (T.seconds ? ":00" : "") : e;
+		}, be = (e) => {
+			E("time-pick", e);
+			let t = N.value, n = $.value ? { ...$.value } : {
 				hour: "",
 				minute: "",
 				second: ""
@@ -145,48 +145,48 @@ var ae = {
 				let t = n.hour ? parseInt(n.hour, 10) : 0, r = e.value === "PM";
 				r && t < 12 && (t += 12), !r && t >= 12 && (t -= 12), n.hour = String(t).padStart(2, "0");
 			} else n[e.unit] = e.value;
-			n.hour ||= "00", n.minute ||= "00", E.seconds && !n.second && (n.second = "00");
-			let r = _e(n), i = ve(r);
-			if (i !== r && D("error", {
+			n.hour ||= "00", n.minute ||= "00", T.seconds && !n.second && (n.second = "00");
+			let r = ve(n), i = ye(r);
+			if (i !== r && E("error", {
 				code: "disabled_time",
 				original: r,
 				normalized: i
-			}), !E.range) {
-				D("update:modelValue", i);
+			}), !T.range) {
+				E("update:modelValue", i);
 				return;
 			}
-			let a = Z(t === "start" ? "end" : "start"), o = t === "start" ? i : a, s = t === "start" ? a : i, c = [];
-			o && c.push(o), s && c.push(s), D("update:modelValue", c.length ? c : null);
+			let a = Q(t === "start" ? "end" : "start"), o = t === "start" ? i : a, s = t === "start" ? a : i, c = [];
+			o && c.push(o), s && c.push(s), E("update:modelValue", c.length ? c : null);
 		};
 		return (e, t) => (y(), p(l, null, [
-			R.value ? f("", !0) : S(e.$slots, "activator", te(g({ key: 0 }, {
+			R.value ? f("", !0) : ie(e.$slots, "activator", te(_({ key: 0 }, {
 				props: { ref: z },
 				anchorProps: { ref: B },
 				open: H.value,
 				value: e.modelValue,
 				disabled: !!e.disabled
 			}))),
-			m(C(ce), null, {
-				default: T(() => [ee("div", {
+			h(S(ue), null, {
+				default: w(() => [m("div", {
 					ref_key: "panelRef",
-					ref: j,
+					ref: A,
 					class: v(["bb-time-picker__panel", { "bb-time-picker__panel--sheet": X.value }])
-				}, [e.range ? (y(), p("div", ae, [(y(!0), p(l, null, x(ue.value, (t) => (y(), p("button", {
+				}, [e.range ? (y(), p("div", oe, [(y(!0), p(l, null, re(F.value, (t) => (y(), p("button", {
 					key: t.value,
-					"aria-pressed": P.value === t.value,
-					class: v(["bb-time-picker__segment", { "bb-time-picker__segment--active": P.value === t.value }]),
+					"aria-pressed": N.value === t.value,
+					class: v(["bb-time-picker__segment", { "bb-time-picker__segment--active": N.value === t.value }]),
 					disabled: e.disabled || e.readonly,
 					type: "button",
-					onClick: (e) => le(t.value)
-				}, re(t.label), 11, oe))), 128))])) : f("", !0), m(s, {
+					onClick: (e) => de(t.value)
+				}, x(t.label), 11, se))), 128))])) : f("", !0), h(c, {
 					ampm: e.ampm,
 					disabled: e.disabled || e.readonly,
-					hour: $.value,
-					minute: he.value,
-					second: ge.value,
+					hour: he.value,
+					minute: ge.value,
+					second: _e.value,
 					seconds: e.seconds,
 					step: e.step,
-					onSelect: ye
+					onSelect: be
 				}, null, 8, [
 					"ampm",
 					"disabled",
@@ -198,15 +198,15 @@ var ae = {
 				])], 2)]),
 				_: 1
 			}),
-			X.value ? (y(), d(o, g({
+			X.value ? (y(), d(s, _({
 				key: 1,
 				modelValue: H.value,
 				"onUpdate:modelValue": t[0] ||= (e) => H.value = e,
 				class: "bb-time-picker-offcanvas"
-			}, de.value, { onHidden: fe }), {
-				default: T(() => [m(C(A))]),
+			}, Z.value, { onHidden: fe }), {
+				default: w(() => [h(S(k))]),
 				_: 1
-			}, 16, ["modelValue"])) : (y(), d(r, {
+			}, 16, ["modelValue"])) : (y(), d(i, {
 				key: 2,
 				modelValue: H.value,
 				"onUpdate:modelValue": t[1] ||= (e) => H.value = e,
@@ -223,7 +223,7 @@ var ae = {
 				placement: e.placement,
 				"transition-duration": e.transitionDuration
 			}, {
-				default: T(() => [m(C(A))]),
+				default: w(() => [h(S(k))]),
 				_: 1
 			}, 8, [
 				"modelValue",
@@ -241,4 +241,4 @@ var ae = {
 	}
 });
 //#endregion
-export { E as default };
+export { T as default };

package/dist/components/BbTimePickerInput/BbTimePickerInput.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
-import e from "../BbBaseInputContainer/BbBaseInputContainer.vue.js";
-import { isNotEmpty as t } from "../../utilities/functions/isNotEmpty.js";
-import n from "../BbBaseTimePickerInput/BbBaseTimePickerInput.vue.js";
-import { config as r } from "virtual:bitboss-ui/config";
+import { useConfig as e } from "../../composables/useConfig.js";
+import t from "../BbBaseInputContainer/BbBaseInputContainer.vue.js";
+import { isNotEmpty as n } from "../../utilities/functions/isNotEmpty.js";
+import r from "../BbBaseTimePickerInput/BbBaseTimePickerInput.vue.js";
 import { computed as i, createBlock as a, createVNode as o, defineComponent as s, guardReactiveProps as c, mergeProps as l, normalizeProps as u, onBeforeUnmount as d, onDeactivated as f, openBlock as p, ref as m, renderSlot as h, withCtx as g } from "vue";
 //#region src/components/BbTimePickerInput/BbTimePickerInput.vue?vue&type=script&setup=true&lang.ts
 var _ = /*@__PURE__*/ s({
@@ -56,78 +56,78 @@ var _ = /*@__PURE__*/ s({
 		"update:modelValue"
 	],
 	setup(s, { emit: _ }) {
-		let v = s, y = _, b = m(!1), x = i(() => v.persistentHint || b.value), S = i(() => t(v.modelValue)), C = i(() => v.labelMode ?? r.defaultInputLabelMode), w = () => {
-			b.value = !1;
+		let v = s, y = _, b = e(), x = m(!1), S = i(() => v.persistentHint || x.value), C = i(() => n(v.modelValue)), w = i(() => v.labelMode ?? b.defaultInputLabelMode), T = () => {
+			x.value = !1;
 		};
-		f(w), d(w);
-		let T = {
+		f(T), d(T);
+		let E = {
 			onError: (e) => y("error", e),
 			onFocus: (e) => y("focus", e),
 			onActive: () => {
-				b.value = !0, y("active");
+				x.value = !0, y("active");
 			},
 			onInactive: () => {
-				w(), y("inactive");
+				T(), y("inactive");
 			},
 			"onUpdate:modelValue": (e) => y("update:modelValue", e)
 		};
-		return (t, r) => (p(), a(e, {
-			id: t.id,
+		return (e, n) => (p(), a(t, {
+			id: e.id,
 			class: "bb-time-picker-input",
-			compact: t.compact,
-			description: t.description,
-			direction: t.direction,
-			errors: t.errors,
-			"has-errors": t.hasErrors,
-			"has-value": S.value,
-			"has-warning": t.hasWarning,
-			"hide-label": t.hideLabel,
-			hint: t.hint,
-			label: t.label,
-			"label-mode": C.value,
-			"label-position": t.labelPosition,
-			"model-value": t.modelValue,
-			name: t.name,
-			reverse: t.reverse,
-			"show-hint": x.value,
-			warnings: t.warnings
+			compact: e.compact,
+			description: e.description,
+			direction: e.direction,
+			errors: e.errors,
+			"has-errors": e.hasErrors,
+			"has-value": C.value,
+			"has-warning": e.hasWarning,
+			"hide-label": e.hideLabel,
+			hint: e.hint,
+			label: e.label,
+			"label-mode": w.value,
+			"label-position": e.labelPosition,
+			"model-value": e.modelValue,
+			name: e.name,
+			reverse: e.reverse,
+			"show-hint": S.value,
+			warnings: e.warnings
 		}, {
-			label: g((e) => [h(t.$slots, "label", u(c(e)))]),
-			input: g(({ id: e, hasErrors: r, hasWarning: i, ariaDescribedby: a }) => [o(n, l({
-				id: e,
-				adaptive: t.adaptive,
-				ampm: t.ampm,
+			label: g((t) => [h(e.$slots, "label", u(c(t)))]),
+			input: g(({ id: t, hasErrors: n, hasWarning: i, ariaDescribedby: a }) => [o(r, l({
+				id: t,
+				adaptive: e.adaptive,
+				ampm: e.ampm,
 				"append:icon": v["append:icon"],
 				"aria-describedby": a,
-				autocomplete: t.autocomplete,
-				autofocus: t.autofocus,
-				clearable: t.clearable,
-				compact: t.compact,
-				"disable-writing": t.disableWriting,
-				disabled: t.disabled,
-				"has-errors": r,
+				autocomplete: e.autocomplete,
+				autofocus: e.autofocus,
+				clearable: e.clearable,
+				compact: e.compact,
+				"disable-writing": e.disableWriting,
+				disabled: e.disabled,
+				"has-errors": n,
 				"has-warning": i,
-				loading: t.loading,
-				max: t.max,
-				min: t.min,
-				"model-value": t.modelValue,
-				name: t.name,
-				"off-canvas-props": t.offCanvasProps,
-				placeholder: t.placeholder,
+				loading: e.loading,
+				max: e.max,
+				min: e.min,
+				"model-value": e.modelValue,
+				name: e.name,
+				"off-canvas-props": e.offCanvasProps,
+				placeholder: e.placeholder,
 				"prepend:icon": v["prepend:icon"],
-				range: t.range,
-				readonly: t.readonly,
-				required: t.required,
-				seconds: t.seconds,
-				step: t.step,
-				"transition-duration": t.transitionDuration
-			}, T), {
-				"prepend-outer": g(() => [h(t.$slots, "prepend-outer")]),
-				prepend: g(() => [h(t.$slots, "prepend")]),
-				prefix: g(() => [h(t.$slots, "prefix")]),
-				suffix: g(() => [h(t.$slots, "suffix")]),
-				append: g(() => [h(t.$slots, "append")]),
-				"append-outer": g(() => [h(t.$slots, "append-outer")]),
+				range: e.range,
+				readonly: e.readonly,
+				required: e.required,
+				seconds: e.seconds,
+				step: e.step,
+				"transition-duration": e.transitionDuration
+			}, E), {
+				"prepend-outer": g(() => [h(e.$slots, "prepend-outer")]),
+				prepend: g(() => [h(e.$slots, "prepend")]),
+				prefix: g(() => [h(e.$slots, "prefix")]),
+				suffix: g(() => [h(e.$slots, "suffix")]),
+				append: g(() => [h(e.$slots, "append")]),
+				"append-outer": g(() => [h(e.$slots, "append-outer")]),
 				_: 2
 			}, 1040, /* @__PURE__ */ "id.adaptive.ampm.append:icon.aria-describedby.autocomplete.autofocus.clearable.compact.disable-writing.disabled.has-errors.has-warning.loading.max.min.model-value.name.off-canvas-props.placeholder.prepend:icon.range.readonly.required.seconds.step.transition-duration".split("."))]),
 			_: 3

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

@@ -1,34 +1,34 @@
-import { removedPropsFor as e } from "../../deprecation/removedProps.js";
-import { useLogger as t } from "../../composables/useLogger.js";
-import { warnRemovedAttrs as n } from "../../utilities/functions/warnRemovedAttrs.js";
-import { topLayerHost as r } from "../../composables/useTopLayer.js";
-import { __registerToastHost as i, resolveToastPosition as a, toastState as o } from "../../composables/useToast.js";
-import s from "./BbToastRegion.vue.js";
-import { config as c } from "virtual:bitboss-ui/config";
+import { useConfig as e } from "../../composables/useConfig.js";
+import { removedPropsFor as t } from "../../deprecation/removedProps.js";
+import { useLogger as n } from "../../composables/useLogger.js";
+import { warnRemovedAttrs as r } from "../../utilities/functions/warnRemovedAttrs.js";
+import { topLayerHost as i } from "../../composables/useTopLayer.js";
+import { __registerToastHost as a, resolveToastPosition as o, toastState as s } from "../../composables/useToast.js";
+import c from "./BbToastRegion.vue.js";
 import { Fragment as l, Teleport as u, computed as d, createBlock as f, createElementBlock as p, defineComponent as m, onMounted as h, onUnmounted as g, openBlock as _, renderList as v } from "vue";
 //#region src/components/BbToast/BbToast.vue?vue&type=script&setup=true&lang.ts
 var y = /*@__PURE__*/ m({
 	__name: "BbToast",
 	props: { position: {} },
 	setup(m) {
-		let y = m;
-		process.env.NODE_ENV !== "production" && n("BbToast", e("BbToast"));
-		let b;
+		let y = m, b = e();
+		process.env.NODE_ENV !== "production" && r("BbToast", t("BbToast"));
+		let x;
 		h(() => {
-			let { count: e, unregister: n } = i();
-			b = n, process.env.NODE_ENV !== "production" && e > 1 && t().warn(`Toast: ${e} <BbToast> hosts are mounted at the same time. Every host renders the entire shared toast stack, so each message appears once per host — mount exactly one <BbToast> at the app root.`);
+			let { count: e, unregister: t } = a();
+			x = t, process.env.NODE_ENV !== "production" && e > 1 && n().warn(`Toast: ${e} <BbToast> hosts are mounted at the same time. Every host renders the entire shared toast stack, so each message appears once per host — mount exactly one <BbToast> at the app root.`);
 		}), g(() => {
-			b?.();
+			x?.();
 		});
-		let x = d(() => r.value ?? "body"), S = d(() => {
+		let S = d(() => i.value ?? "body"), C = d(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of o.toasts) {
-				let n = a(t, y.position ?? c.toastPosition), r = e.get(n);
+			for (let t of s.toasts) {
+				let n = o(t, y.position ?? b.toastPosition), r = e.get(n);
 				r ? r.push(t) : e.set(n, [t]);
 			}
 			return [...e];
 		});
-		return (e, t) => (_(), f(u, { to: x.value }, [(_(!0), p(l, null, v(S.value, ([e, t]) => (_(), f(s, {
+		return (e, t) => (_(), f(u, { to: S.value }, [(_(!0), p(l, null, v(C.value, ([e, t]) => (_(), f(c, {
 			key: e,
 			position: e,
 			toasts: t

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

@@ -1,8 +1,8 @@
-import e from "../BbIcon/BbIcon.vue.js";
-import { useLocale as t } from "../../composables/useLocale.js";
+import { useLocale as e } from "../../composables/useLocale.js";
+import t from "../BbIcon/BbIcon.vue.js";
 import n from "../BbSpinner/BbSpinner.vue.js";
-import { namedToastPortalRegistry as r } from "../../composables/useToast.js";
 import ee from "../BbButton/BbButton.vue.js";
+import { namedToastPortalRegistry as r } from "../../composables/useToast.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, mergeProps as d, normalizeClass as te, normalizeProps as f, normalizeStyle as ne, onBeforeUnmount as re, onMounted as ie, openBlock as p, ref as m, renderList as ae, resolveDynamicComponent as h, toDisplayString as g, unref as oe, watch as _ } from "vue";
 //#region src/components/BbToast/BbToastMessage.vue?vue&type=script&setup=true&lang.ts
 var se = ["aria-live", "role"], ce = {
@@ -31,7 +31,7 @@ var se = ["aria-live", "role"], ce = {
 	},
 	emits: ["height", "dismiss"],
 	setup(u, { emit: x }) {
-		let S = u, C = x, { t: me } = t(), w = m(), T = m(), E = m(!1), D = m(0), he = a(() => S.frontIndex === 0), O = a(() => S.frontIndex < pe), ge = a(() => !Number.isFinite(S.toast.duration ?? b)), _e = a(() => !S.toast.hideClose), k = a(() => S.toast.variant === "destructive" || S.toast.variant === "warning"), A = a(() => k.value ? "alert" : "status"), j = a(() => !O.value || S.toast.removed ? "off" : k.value ? "assertive" : "polite"), M = a(() => S.toast.loading || !!S.toast.icon), N = a(() => typeof S.toast.portal == "string" ? r.get(S.toast.portal) ?? null : null), P = a(() => S.toast.portal && typeof S.toast.portal != "string" ? S.toast.portal : null), F = a(() => !!N.value || !!P.value), ve = a(() => ({
+		let S = u, C = x, { t: me } = e(), w = m(), T = m(), E = m(!1), D = m(0), he = a(() => S.frontIndex === 0), O = a(() => S.frontIndex < pe), ge = a(() => !Number.isFinite(S.toast.duration ?? b)), _e = a(() => !S.toast.hideClose), k = a(() => S.toast.variant === "destructive" || S.toast.variant === "warning"), A = a(() => k.value ? "alert" : "status"), j = a(() => !O.value || S.toast.removed ? "off" : k.value ? "assertive" : "polite"), M = a(() => S.toast.loading || !!S.toast.icon), N = a(() => typeof S.toast.portal == "string" ? r.get(S.toast.portal) ?? null : null), P = a(() => S.toast.portal && typeof S.toast.portal != "string" ? S.toast.portal : null), F = a(() => !!N.value || !!P.value), ve = a(() => ({
 			toast: S.toast,
 			props: S.toast.portalProps ?? {},
 			close: $
@@ -93,16 +93,16 @@ var se = ["aria-live", "role"], ce = {
 			});
 		}), re(() => {
 			K(), z !== void 0 && cancelAnimationFrame(z), R?.disconnect();
-		}), (t, r) => (p(), c("li", {
+		}), (e, r) => (p(), c("li", {
 			ref_key: "cardEl",
 			ref: w,
 			"aria-atomic": !0,
 			"aria-live": j.value,
-			class: te(["bb-toast-message", [`bb-toast-message--${t.toast.variant}`, {
+			class: te(["bb-toast-message", [`bb-toast-message--${e.toast.variant}`, {
 				"bb-toast-message--front": he.value,
 				"bb-toast-message--hidden": !O.value,
 				"bb-toast-message--mounted": E.value,
-				"bb-toast-message--removed": !!t.toast.removed,
+				"bb-toast-message--removed": !!e.toast.removed,
 				"bb-toast-message--swiping": L.value
 			}]]),
 			role: A.value,
@@ -115,16 +115,16 @@ var se = ["aria-live", "role"], ce = {
 			ref_key: "innerEl",
 			ref: T,
 			class: "bb-toast-message__inner"
-		}, [F.value ? (p(), c("div", ce, [N.value ? (p(), o(h(N.value), f(d({ key: 0 }, ve.value)), null, 16)) : (p(), o(h(P.value), f(d({ key: 1 }, ye.value)), null, 16))])) : (p(), c(i, { key: 1 }, [M.value ? (p(), c("div", le, [t.toast.loading ? (p(), o(n, {
+		}, [F.value ? (p(), c("div", ce, [N.value ? (p(), o(h(N.value), f(d({ key: 0 }, ve.value)), null, 16)) : (p(), o(h(P.value), f(d({ key: 1 }, ye.value)), null, 16))])) : (p(), c(i, { key: 1 }, [M.value ? (p(), c("div", le, [e.toast.loading ? (p(), o(n, {
 			key: 0,
 			size: "sm"
-		})) : t.toast.icon ? (p(), o(e, {
+		})) : e.toast.icon ? (p(), o(t, {
 			key: 1,
-			icon: t.toast.icon
+			icon: e.toast.icon
 		}, null, 8, ["icon"])) : s("", !0)])) : s("", !0), l("div", ue, [
-			l("p", v, g(t.toast.title), 1),
-			t.toast.text ? (p(), c("p", y, g(t.toast.text), 1)) : s("", !0),
-			t.toast.actions?.length ? (p(), c("div", de, [(p(!0), c(i, null, ae(t.toast.actions, (e, t) => (p(), o(ee, {
+			l("p", v, g(e.toast.title), 1),
+			e.toast.text ? (p(), c("p", y, g(e.toast.text), 1)) : s("", !0),
+			e.toast.actions?.length ? (p(), c("div", de, [(p(!0), c(i, null, ae(e.toast.actions, (e, t) => (p(), o(ee, {
 				key: t,
 				"append:icon": e["append:icon"],
 				block: e.block,

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

@@ -32,7 +32,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;
     /**

package/dist/components/ChipsBox/ChipsBox.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import { isNil as e } from "../../utilities/functions/isNil.js";
-import t from "../BbBadge/BbBadge.vue.js";
+import e from "../BbBadge/BbBadge.vue.js";
+import { isNil as t } from "../../utilities/functions/isNil.js";
 import { hash as n } from "../../utilities/functions/hash.js";
 import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, watch as h, withCtx as g, withModifiers as _ } from "vue";
 //#region src/components/ChipsBox/ChipsBox.vue?vue&type=script&setup=true&lang.ts
@@ -15,17 +15,17 @@ var v = {
 	},
 	emits: ["option:unselected"],
 	setup(l, { expose: y, emit: b }) {
-		let x = l, S = b, C = f(null), w = i(() => x.options.some((e) => !e.disabled)), T = (t = 1) => {
-			let n = e(C.value) ? -1 : C.value, r = (n + t) % x.options.length;
-			for (; x.options[r].disabled && r !== n;) r = T(t + 1);
+		let x = l, S = b, C = f(null), w = i(() => x.options.some((e) => !e.disabled)), T = (e = 1) => {
+			let n = t(C.value) ? -1 : C.value, r = (n + e) % x.options.length;
+			for (; x.options[r].disabled && r !== n;) r = T(e + 1);
 			return r;
 		}, E = () => {
 			if (!w.value) return;
 			let e = T();
 			C.value = e;
-		}, D = (t = 1) => {
-			let n = e(C.value) ? 0 : C.value, r = (n - t + x.options.length) % x.options.length;
-			for (; x.options[r].disabled && r !== n;) r = D(t + 1);
+		}, D = (e = 1) => {
+			let n = t(C.value) ? 0 : C.value, r = (n - e + x.options.length) % x.options.length;
+			for (; x.options[r].disabled && r !== n;) r = D(e + 1);
 			return r;
 		}, O = async () => {
 			if (!w.value) return;
@@ -59,7 +59,7 @@ var v = {
 			t >= 0 && (C.value = t);
 		}, P = () => {
 			C.value = null;
-		}, F = i(() => x.disabled || e(C.value) ? "" : x.options[C.value]?.text ?? "");
+		}, F = i(() => x.disabled || t(C.value) ? "" : x.options[C.value]?.text ?? "");
 		return h(() => x.options, (e, t) => {
 			n(e) !== n(t) && P();
 		}, { flush: "post" }), y({
@@ -71,19 +71,19 @@ var v = {
 			focusLastSelected: M,
 			blur: P,
 			confirmOption: () => {
-				if (e(C.value)) return;
-				let t = x.options[C.value];
-				t.selected && S("option:unselected", t);
+				if (t(C.value)) return;
+				let e = x.options[C.value];
+				e.selected && S("option:unselected", e);
 			},
 			focusByHash: N,
 			getHighlighted: () => {
-				if (!e(C.value)) return x.options[C.value];
+				if (!t(C.value)) return x.options[C.value];
 			}
-		}), (e, n) => (d(), o(r, null, [(d(!0), o(r, null, p(e.options, (n, r) => (d(), a(t, {
+		}), (t, n) => (d(), o(r, null, [(d(!0), o(r, null, p(t.options, (n, r) => (d(), a(e, {
 			key: n.valueHash,
-			class: u(["bb-chipsbox-item", { "bb-badge--focused": !e.disabled && r === C.value }]),
-			clearable: !e.disabled,
-			size: e.size,
+			class: u(["bb-chipsbox-item", { "bb-badge--focused": !t.disabled && r === C.value }]),
+			clearable: !t.disabled,
+			size: t.size,
 			variant: "secondary",
 			"onClick:clear": _((e) => S("option:unselected", n), ["stop"])
 		}, {