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

package/dist/components/BbIcon/BbIcon.vue_vue_type_script_setup_true_lang.js

@@ -4,67 +4,65 @@ import { useLogger as n } from "../../composables/useLogger.js";
 import { warnRemovedAttrs as r } from "../../utilities/functions/warnRemovedAttrs.js";
 import { parseSize as i } from "../../utilities/functions/parseSize.js";
 import { ICONS_INJECTION_KEY as a } from "../../utilities/misc/iconsInjectionKey.js";
-import { EMPTY_ICON as o, cacheKeyFor as s, parseIcon as c, parsedIcons as l } from "./iconCache.js";
-import { computed as u, createElementBlock as d, defineComponent as f, inject as p, mergeProps as m, onBeforeMount as h, onServerPrefetch as g, openBlock as _, ref as v, watch as y } from "vue";
+import { EMPTY_ICON as o, MISSING_ICON as s, cacheKeyFor as c, parseIcon as l, parsedIcons as u, resolveRegistryIcon as d } from "./iconCache.js";
+import { computed as f, createElementBlock as p, defineComponent as m, inject as h, mergeProps as g, onBeforeMount as _, onServerPrefetch as v, openBlock as y, shallowRef as b, watch as x } from "vue";
 //#region src/components/BbIcon/BbIcon.vue?vue&type=script&setup=true&lang.ts
-var b = ["innerHTML"], x = /*@__PURE__*/ f({
+var S = ["innerHTML"], C = /*@__PURE__*/ m({
 	__name: "BbIcon",
 	props: {
 		label: {},
 		icon: {},
 		size: { default: "md" }
 	},
-	setup(f) {
-		let x = f, S = e();
+	setup(m) {
+		let C = m, w = e();
 		process.env.NODE_ENV !== "production" && r("BbIcon", t("BbIcon"));
-		let C = n(), w = v(), T = () => {
-			w.value = p(a) ?? p("icons"), w.value || C.throw("Failed to load icons. Make sure the plugin for your platform (Vue, Nuxt, or Inertia) is installed.");
-		}, E = (e) => /<svg[\s>]/i.test(e), D = /* @__PURE__ */ RegExp("<(?:[^>\"']|\"[^\"]*\"|'[^']*')*[\\s/]on[a-z]+\\s*=", "i"), O = /<script[\s/>]/i, k = (e) => D.test(e) ? "inline event handler attributes" : O.test(e) ? "an embedded <script> element" : null, A = (e) => s(e, E(e)), j = v(l.get(A(x.icon)) ?? null), M = async () => {
-			let e = A(x.icon), t = l.get(e);
+		let T = n(), E = b(), D = () => {
+			E.value = h(a) ?? h("icons"), E.value || T.throw("Failed to load icons. Make sure the plugin for your platform (Vue, Nuxt, or Inertia) is installed.");
+		}, O = (e) => /<svg[\s>]/i.test(e), k = /* @__PURE__ */ RegExp("<(?:[^>\"']|\"[^\"]*\"|'[^']*')*[\\s/]on[a-z]+\\s*=", "i"), A = /<script[\s/>]/i, j = (e) => k.test(e) ? "inline event handler attributes" : A.test(e) ? "an embedded <script> element" : null, M = (e) => c(e, O(e)), N = b(u.get(M(C.icon)) ?? null), P = async () => {
+			let e = M(C.icon), t = u.get(e);
 			if (t) {
-				j.value = t;
+				N.value = t;
 				return;
 			}
-			if (E(x.icon)) {
-				let t = k(x.icon);
+			if (O(C.icon)) {
+				let t = j(C.icon);
 				if (t) {
-					j.value = o, C.warn(`Inline SVG icon rejected: it carries ${t} and did not pass sanitation, so the icon was dropped. bitboss-ui never sanitizes inline SVG — pass trusted markup (e.g. an import with \`?raw\`), never a string from a CMS, an API, or user input.`);
+					N.value = o, T.warn(`Inline SVG icon rejected: it carries ${t} and did not pass sanitation, so the icon was dropped. bitboss-ui never sanitizes inline SVG — pass trusted markup (e.g. an import with \`?raw\`), never a string from a CMS, an API, or user input.`);
 					return;
 				}
-				j.value = l.set(e, c(x.icon)).get(e);
+				N.value = u.set(e, l(C.icon)).get(e);
 				return;
 			}
-			w.value || C.throw("Icons have not been loaded");
-			let n = w.value[e];
-			n || C.throw(`Icon "${e}" does not exist.`);
-			let r = await n();
-			j.value = l.set(e, c(r)).get(e);
+			E.value || T.throw("Icons have not been loaded");
+			let n = await d(e, E.value);
+			M(C.icon) === e && (N.value = n);
 		};
-		g(async () => {
-			E(x.icon) || T(), await M();
-		}), h(async () => {
-			!w.value && !E(x.icon) && T(), j.value || await M();
-		}), y(() => x.icon, M);
-		let N = u(() => {
+		v(async () => {
+			O(C.icon) || D(), await P();
+		}), _(async () => {
+			!E.value && !O(C.icon) && D(), N.value || await P();
+		}), x(() => C.icon, P);
+		let F = f(() => {
 			try {
-				return i(x.size, S.iconDefaultSizes);
+				return i(C.size, w.iconDefaultSizes);
 			} catch {
-				return C.warn(`Invalid size: "${x.size}" in BbIcon. Falling back to "md".`), `${S.iconDefaultSizes.md}px`;
+				return T.warn(`Invalid size: "${C.size}" in BbIcon. Falling back to "md".`), `${w.iconDefaultSizes.md}px`;
 			}
-		}), P = u(() => {
-			let e = { "bb-icon": !0 }, t = { "--w": N.value }, n = {
+		}), I = f(() => {
+			let e = { "bb-icon": !0 }, t = { "--w": F.value }, n = {
 				viewBox: "0 0 1 1",
-				...j.value?.attributes ?? {},
+				...N.value?.attributes ?? {},
 				class: e,
 				style: t
 			};
-			return x.label ? (n.role = "img", n["aria-label"] = x.label.trim()) : n["aria-hidden"] = "true", n.focusable = "false", n;
+			return C.label ? (n.role = "img", n["aria-label"] = C.label.trim()) : n["aria-hidden"] = "true", n.focusable = "false", N.value === s && (n["data-bb-icon-missing"] = C.icon), n;
 		});
-		return (e, t) => (_(), d("svg", m(P.value, {
+		return (e, t) => (y(), p("svg", g(I.value, {
 			"data-allow-mismatch": "",
-			innerHTML: j.value?.content
-		}), null, 16, b));
+			innerHTML: N.value?.content
+		}), null, 16, S));
 	}
 });
 //#endregion
-export { x as default };
+export { C as default };

package/dist/components/BbIcon/iconCache.d.ts

@@ -28,6 +28,36 @@ export type ParsedIcon = {
 export declare const parsedIcons: Map<string, ParsedIcon>;
 /** The "no icon at all" outcome: a rejected payload, or a value we never got. */
 export declare const EMPTY_ICON: ParsedIcon;
+/**
+ * The built-in placeholder: a question mark in a circle on the house set's
+ * 24×24 grid and 2px stroke, painted in `currentColor`, no fixed size. It is
+ * part of the library bundle — never a provider or `local:` icon — so it can
+ * never itself be missing, and it is deliberately not configurable.
+ */
+export declare const MISSING_ICON_SVG: string;
+/**
+ * Names this page has already failed to resolve, with the message that was
+ * reported for each. Reported ONCE per name per page load — a table with the
+ * same missing glyph on every row logs one line, not one per cell.
+ */
+export declare const missingIcons: Map<string, string>;
+/** Test-only: forget every reported miss so a spec starts on a clean page. */
+export declare const __resetForTest: () => void;
+/**
+ * Resolve a registry key to its parsed icon, or to the placeholder when the
+ * name does not resolve. Never rejects: an unknown name is a rendering
+ * outcome (the placeholder plus one `console.error`), not an exception, so
+ * the component tree around the icon stays mounted.
+ *
+ * The registry's loader for an unknown name (a Proxy the build plugin emits)
+ * rejects with the actionable diagnosis — "does not exist in the lucide icon
+ * set — did you mean …", "exists but is not bundled … add it to
+ * `iconWhitelist`", "requires @iconify-json/… run npm install …" — and, in
+ * dev, also raises the Vite error overlay. That message is what gets logged.
+ */
+export declare const resolveRegistryIcon: (key: string, registry: Record<string, (() => Promise<string>) | undefined>) => Promise<ParsedIcon>;
 export declare const parseIcon: (source: string) => ParsedIcon;
+/** The placeholder, parsed once — `BbIcon` compares against it by identity. */
+export declare const MISSING_ICON: ParsedIcon;
 /** Registry key for a name, or the markup itself for an inline payload. */
 export declare const cacheKeyFor: (value: string, isInlineSvg: boolean) => string;

package/dist/components/BbIcon/iconCache.js

@@ -2,7 +2,25 @@
 var e = /* @__PURE__ */ new Map(), t = {
 	content: null,
 	attributes: {}
-}, n = (e) => {
+}, n = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M9.3 9.4a2.8 2.8 0 0 1 5.4.9c0 1.9-2.7 2.3-2.7 4\"/><path d=\"M12 17.6h.01\"/></svg>", r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = (e) => e.startsWith("local:") ? `[bitboss-ui] icon "${e}" does not exist — there is no "${e.slice(6)}.svg" in the plugin's iconDir.` : `[bitboss-ui] icon "${e}" does not exist in the icon registry.`, o = (t, n) => {
+	let o = e.get(t);
+	if (o) return Promise.resolve(o);
+	if (r.has(t)) return Promise.resolve(c);
+	let l = i.get(t);
+	return l || (l = (async () => {
+		try {
+			let r = n[t];
+			if (!r) throw Error(a(t));
+			let i = s(await r());
+			return e.set(t, i), i;
+		} catch (e) {
+			let n = e instanceof Error ? e.message : String(e);
+			return r.has(t) || (r.set(t, n), console.error(n.replace(/^\[bitboss-ui\] /, "bitboss-ui | "))), c;
+		} finally {
+			i.delete(t);
+		}
+	})(), i.set(t, l)), l;
+}, s = (e) => {
 	let t = e.replace(/<\?xml[^?]*\?>/gi, "").replace(/<!DOCTYPE[^>]*>/gi, "").replace(/<\/?svg(?:[^>"']|"[^"]*"|'[^']*')*>/gi, ""), n = {}, r = e.match(/<svg((?:[^>"']|"[^"]*"|'[^']*')*)>/i);
 	if (r) {
 		let e = /([\w-]+)="([^"]*)"/g, t;
@@ -12,6 +30,6 @@ var e = /* @__PURE__ */ new Map(), t = {
 		content: t,
 		attributes: n
 	};
-}, r = (e, t) => t || e.includes(":") ? e : `local:${e}`;
+}, c = s(n), l = (e, t) => t || e.includes(":") ? e : `local:${e}`;
 //#endregion
-export { t as EMPTY_ICON, r as cacheKeyFor, n as parseIcon, e as parsedIcons };
+export { t as EMPTY_ICON, c as MISSING_ICON, n as MISSING_ICON_SVG, l as cacheKeyFor, r as missingIcons, s as parseIcon, e as parsedIcons, o as resolveRegistryIcon };

package/dist/components/BbOffCanvas/BbOffCanvas.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,7 @@ var Me = [
 }, Pe = {
 	key: 1,
 	class: "bb-offcanvas__header"
-}, Fe = { class: "bb-offcanvas__body-content" }, Ie = { class: "bb-offcanvas__footer" }, Le = 4, Re = 2, ze = 50, Be = 8, p = 500, Ve = "cubic-bezier(0.32, 0.72, 0, 1)", m = /*@__PURE__*/ xe({
+}, Fe = { class: "bb-offcanvas__body-content" }, Ie = { class: "bb-offcanvas__footer" }, Le = 4, Re = 50, ze = 8, p = 500, Be = "cubic-bezier(0.32, 0.72, 0, 1)", m = /*@__PURE__*/ xe({
 	__name: "BbOffCanvas",
 	props: /*@__PURE__*/ s({
 		description: {},
@@ -64,93 +64,93 @@ var Me = [
 		"hidden"
 	], ["update:modelValue"]),
 	setup(re, { emit: xe }) {
-		let s = Oe(re, "modelValue"), m = re, h = xe, g = ke(), He = e();
+		let s = Oe(re, "modelValue"), m = re, h = xe, g = ke(), Ve = e();
 		process.env.NODE_ENV !== "production" && ne("BbOffCanvas", ee("BbOffCanvas"));
-		let { t: Ue } = ue(), _ = () => !!m.title || !!g.title, v = () => _() || !!g.header || w(), y = r(() => !!(m.disabled || m.persistent)), b = () => typeof document < "u", x = l(null), S = n(() => s.value || m.eager, { initialValue: s.value || m.eager }), C = `title_${t().id.value}`, We = `desc_${t().id.value}`, w = () => !!m.description || !!g.description, T = l(0), E = l(!1), D = l(null), Ge = () => {
+		let { t: He } = ue(), _ = () => !!m.title || !!g.title, v = () => _() || !!g.header || w(), y = r(() => !!(m.disabled || m.persistent)), b = () => typeof document < "u", x = l(null), S = n(() => s.value || m.eager, { initialValue: s.value || m.eager }), C = `title_${t().id.value}`, Ue = `desc_${t().id.value}`, w = () => !!m.description || !!g.description, T = l(0), E = l(!1), D = l(null), We = () => {
 			D.value = null;
-		}, Ke = (e) => {
+		}, Ge = (e) => {
 			D.value = {
 				startX: e.clientX,
 				startY: e.clientY,
 				startedOnBackdrop: e.target === e.currentTarget
 			};
-		}, qe = (e) => {
+		}, Ke = (e) => {
 			let t = D.value;
-			Ge(), !(t && !t.startedOnBackdrop) && (t && (Math.abs(e.clientX - t.startX) > Le || Math.abs(e.clientY - t.startY) > Le) || tt(e));
+			We(), !(t && !t.startedOnBackdrop) && (t && (Math.abs(e.clientX - t.startX) > Le || Math.abs(e.clientY - t.startY) > Le) || et(e));
 		}, O, k = (e) => {
 			clearTimeout(O), N.value = !0, O = setTimeout(() => {
 				N.value = !1;
 			}, e);
-		}, A = Symbol("bb-off-canvas-escape"), Je = () => {
-			oe(A), b() && document.addEventListener("keydown", Ze, { capture: !0 });
+		}, A = Symbol("bb-off-canvas-escape"), qe = () => {
+			oe(A), b() && document.addEventListener("keydown", Xe, { capture: !0 });
+		}, Je = () => {
+			se(A), b() && document.removeEventListener("keydown", Xe, { capture: !0 });
 		}, Ye = () => {
-			se(A), b() && document.removeEventListener("keydown", Ze, { capture: !0 });
-		}, Xe = () => {
 			if (!m.focusTarget) return;
 			let e = x.value?.querySelector(m.focusTarget);
 			e instanceof HTMLElement && e.focus();
-		}, Ze = (e) => {
+		}, Xe = (e) => {
 			if (e.key === "Escape" && !H.value && ae(A) && (e.stopImmediatePropagation(), y.value)) return e.preventDefault(), k(200), !1;
-		}, j = null, Qe = async (e) => {
-			if (e) h("show"), T.value++, b() && !document.documentElement.style.getPropertyValue("--scrollbar-width") && document.documentElement.style.setProperty("--scrollbar-width", `${rt()}px`), Je(), await Ce(), E.value = !0, x.value && !x.value.open && x.value.showModal(), _t(), x.value && (j = _e(x.value)), Xe(), h("shown");
+		}, j = null, Ze = async (e) => {
+			if (e) h("show"), T.value++, b() && !document.documentElement.style.getPropertyValue("--scrollbar-width") && document.documentElement.style.setProperty("--scrollbar-width", `${nt()}px`), qe(), await Ce(), E.value = !0, x.value && !x.value.open && x.value.showModal(), gt(), x.value && (j = _e(x.value)), Ye(), h("shown");
 			else {
-				h("hide");
+				h("hide"), _t();
 				let e = T.value;
 				if (await le(m.transitionDuration), e !== T.value) return;
-				Ye(), vt(), x.value?.close(), j?.(), j = null, E.value = !1, q = !1, K.value = !1, kt(), h("hidden");
+				Je(), x.value?.close(), j?.(), j = null, E.value = !1, q = !1, K.value = !1, kt(), h("hidden");
 			}
-		}, $e = () => {
+		}, Qe = () => {
 			process.env.NODE_ENV !== "production" && (!g.header || m.title || Ce(() => {
 				!x.value || document.getElementById(C) || te().warn(`BbOffCanvas: the #header slot does not contain an element with id="${C}", so aria-labelledby points at nothing and the panel announces as unnamed. Bind the slot's \`titleId\` to your heading: <template #header="{ titleId }"><h2 :id="titleId">…</h2></template>.`);
 			}));
 		};
-		f(s, Qe), Te(() => {
-			s.value && Qe(!0), $e();
+		f(s, Ze), Te(() => {
+			s.value && Ze(!0), Qe();
 		}), we(() => {
-			clearTimeout(O), Ye(), W.value?.removeEventListener("scroll", Ct), J?.disconnect(), J = null, vt(), j?.(), j = null;
+			clearTimeout(O), Je(), W.value?.removeEventListener("scroll", Ct), J?.disconnect(), J = null, _t(), j?.(), j = null;
 		});
-		let et = r(() => {
-			if (ot.value) return "100%";
-			let e = at(m.size);
-			return e === "auto" ? "fit-content" : de(e, He.offCanvasDefaultSizes);
-		}), tt = (e) => {
+		let $e = r(() => {
+			if (at.value) return "100%";
+			let e = it(m.size);
+			return e === "auto" ? "fit-content" : de(e, Ve.offCanvasDefaultSizes);
+		}), et = (e) => {
 			if (e.preventDefault(), y.value) return k(300), !1;
 			M();
 		}, M = () => {
 			s.value = !1;
-		}, nt = () => {
+		}, tt = () => {
 			if (m.disabled) {
 				k(300);
 				return;
 			}
 			M();
-		}, N = l(!1), rt = () => b() ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: it } = ce(), { resolve: at } = me(), ot = r(() => m.fullscreen === !0 || m.fullscreen === "mobile" && it.value), P = Symbol("bb-offcanvas"), { stacks: F, push: st, setSize: ct, remove: lt, offset: ut, openOrder: dt, registerOpen: ft, deregisterOpen: pt } = ge(), I = r(() => m.side === "left" || m.side === "right" ? "x" : "y"), L = r(() => m.side === "right" || m.side === "bottom" ? 1 : -1), mt = `bb-offcanvas-${t().id.value}`, R = r(() => m.stack || mt), z = null, B = () => {
+		}, N = l(!1), nt = () => b() ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: rt } = ce(), { resolve: it } = me(), at = r(() => m.fullscreen === !0 || m.fullscreen === "mobile" && rt.value), P = Symbol("bb-offcanvas"), { stacks: F, push: ot, setSize: st, remove: ct, offset: lt, openOrder: ut, registerOpen: dt, deregisterOpen: ft } = ge(), I = r(() => m.side === "left" || m.side === "right" ? "x" : "y"), L = r(() => m.side === "right" || m.side === "bottom" ? 1 : -1), pt = `bb-offcanvas-${t().id.value}`, R = r(() => m.stack || pt), z = null, B = () => {
 			let e = x.value?.getBoundingClientRect();
 			return e ? I.value === "x" ? e.width : e.height : 0;
-		}, V = null, ht = () => {
+		}, V = null, mt = () => {
 			typeof ResizeObserver > "u" || !x.value || (V = new ResizeObserver(() => {
-				z !== null && ct(z, P, B());
+				z !== null && st(z, P, B());
 			}), V.observe(x.value));
-		}, gt = () => {
+		}, ht = () => {
 			V?.disconnect(), V = null;
+		}, gt = () => {
+			z = R.value, ot(z, P, m.side, B(), m.stackGap), dt(P), mt();
 		}, _t = () => {
-			z = R.value, st(z, P, m.side, B(), m.stackGap), ft(P), ht();
-		}, vt = () => {
-			gt(), pt(P), z !== null && (lt(z, P), z = null);
+			ht(), ft(P), z !== null && (ct(z, P), z = null);
 		}, H = r(() => {
-			let e = dt.value.indexOf(P);
-			return E.value && e !== -1 && e < dt.value.length - Re;
-		});
+			let e = ut.value.indexOf(P);
+			return E.value && e !== -1 && e < ut.value.length - 1;
+		}), vt = r(() => ut.value.indexOf(P) > 0);
 		f([
 			R,
 			() => m.side,
 			() => m.stackGap
 		], ([e]) => {
-			z !== null && (lt(z, P), z = e, st(e, P, m.side, B(), m.stackGap));
+			z !== null && (ct(z, P), z = e, ot(e, P, m.side, B(), m.stackGap));
 		});
-		let yt = r(() => it.value ? 14 : 20), bt = r(() => {
+		let yt = r(() => rt.value ? 14 : 20), bt = r(() => {
 			F.value;
-			let e = I.value === "x" ? pe.value : fe.value, t = ut(R.value, P, e, yt.value);
+			let e = I.value === "x" ? pe.value : fe.value, t = lt(R.value, P, e, yt.value);
 			return {
 				[I.value === "x" ? "--stack-x" : "--stack-y"]: `${-L.value * t}px`,
 				"--stack-fill": `${t}px`
@@ -189,7 +189,7 @@ var Me = [
 			let t = x.value;
 			if (t) {
 				if (e) {
-					t.style.transition = `transform ${p}ms ${Ve}`, t.style.transform = "translate3d(0, 0, 0)", window.setTimeout(() => {
+					t.style.transition = `transform ${p}ms ${Be}`, t.style.transform = "translate3d(0, 0, 0)", window.setTimeout(() => {
 						!t.isConnected || q || (t.style.removeProperty("transform"), t.style.removeProperty("transition"), $());
 					}, p);
 					return;
@@ -205,7 +205,7 @@ var Me = [
 				M();
 				return;
 			}
-			if (q = !0, K.value = !0, e.style.transition = `transform ${p}ms ${Ve}`, Dt(), await le(p), !s.value) {
+			if (q = !0, K.value = !0, e.style.transition = `transform ${p}ms ${Be}`, Dt(), await le(p), !s.value) {
 				q = !1, K.value = !1, e.style.removeProperty("transform"), e.style.removeProperty("transition"), $();
 				return;
 			}
@@ -225,7 +225,7 @@ var Me = [
 		}, Pt = () => {
 			Y = !1, X = !1, Z = !1, Q = !1, G.value = !1;
 		}, { lengthX: Ft, lengthY: It } = je(x, {
-			threshold: Be,
+			threshold: ze,
 			passive: !1,
 			onSwipeStart: (e) => {
 				if (Pt(), !m.draggable || !E.value || e.target === x.value) return;
@@ -240,7 +240,7 @@ var Me = [
 						Q = !0;
 						return;
 					}
-					if (t < Be) return;
+					if (t < ze) return;
 					Z = !0, G.value = !0, Tt();
 				}
 				e.preventDefault(), Et(t);
@@ -251,43 +251,44 @@ var Me = [
 					return;
 				}
 				let e = wt();
-				if (Pt(), e >= ze && !y.value) {
+				if (Pt(), e >= Re && !y.value) {
 					At();
 					return;
 				}
-				Ot(!0), e >= ze && k(300);
+				Ot(!0), e >= Re && k(300);
 			}
 		});
 		return (e, t) => (c(), a("dialog", Se({
 			ref_key: "dialog",
 			ref: x,
-			"aria-describedby": d(S) && w() ? We : void 0,
+			"aria-describedby": d(S) && w() ? Ue : void 0,
 			"aria-labelledby": d(S) && (_() || e.$slots.header) ? C : void 0,
 			class: ["bb-offcanvas", [{
 				"bb-offcanvas--open": s.value,
 				"bb-offcanvas--visible": E.value,
-				"bb-offcanvas--fullscreen": ot.value,
+				"bb-offcanvas--fullscreen": at.value,
 				"bb-offcanvas--deny-close": N.value,
 				"bb-offcanvas--dragging": G.value,
 				"bb-offcanvas--swipe-exit": K.value,
 				"bb-offcanvas--instant-stack": U.value,
 				"bb-offcanvas--covered": H.value,
+				"bb-offcanvas--stacked": vt.value,
 				"bb-offcanvas--has-handle": e.draggable,
 				"bb-offcanvas--no-header": !v(),
 				[`bb-offcanvas--${m.side}`]: !0
 			}].flat()],
 			inert: !s.value && !E.value || H.value,
 			style: {
-				"--max-size": et.value,
+				"--max-size": $e.value,
 				"--transition-duration": `${m.transitionDuration}ms`,
 				"--stack-gap": `${m.stackGap}px`,
 				...bt.value
 			}
 		}, De(d(ie), !0), {
-			onCancel: tt,
-			onClick: Ae(qe, ["self"]),
-			onPointercancel: Ge,
-			onPointerdown: Ke
+			onCancel: et,
+			onClick: Ae(Ke, ["self"]),
+			onPointercancel: We,
+			onPointerdown: Ge
 		}), [d(S) ? (c(), a(ve, { key: 0 }, [
 			e.draggable ? (c(), a("div", Ne)) : i("", !0),
 			v() ? (c(), a("div", Pe, [u(e.$slots, "header", {
@@ -302,13 +303,13 @@ var Me = [
 				}, [u(e.$slots, "title", { text: e.title }, () => [be(Ee(e.title), 1)])])) : i("", !0),
 				w() ? (c(), a("p", {
 					key: 1,
-					id: We,
+					id: Ue,
 					class: "bb-offcanvas__description"
 				}, [u(e.$slots, "description", { text: e.description }, () => [be(Ee(e.description), 1)])])) : i("", !0),
 				e.hideClose ? i("", !0) : (c(), ye(he, {
 					key: 2,
-					"aria-label": d(Ue)("offCanvas.closeLabel").value,
-					onClick: nt
+					"aria-label": d(He)("offCanvas.closeLabel").value,
+					onClick: tt
 				}, null, 8, ["aria-label"]))
 			])])) : i("", !0),
 			o("div", {
@@ -317,8 +318,8 @@ var Me = [
 				class: "bb-offcanvas__body scrollbar-border"
 			}, [o("div", Fe, [u(e.$slots, "default", { close: M }), !v() && !e.hideClose ? (c(), ye(he, {
 				key: 0,
-				"aria-label": d(Ue)("offCanvas.closeLabel").value,
-				onClick: nt
+				"aria-label": d(He)("offCanvas.closeLabel").value,
+				onClick: tt
 			}, null, 8, ["aria-label"])) : i("", !0)])], 512),
 			o("div", Ie, [u(e.$slots, "footer")])
 		], 64)) : i("", !0)], 16, Me));

package/dist/components/BbPagination/BbPagination.vue_vue_type_script_setup_true_lang.js

@@ -9,11 +9,11 @@ import { parseCount as c, parsePositiveInteger as l } from "../../utilities/func
 import { computeNextMaxSize as u } from "./paginationFit.js";
 import { Fragment as d, computed as f, createBlock as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, guardReactiveProps as v, mergeModels as y, mergeProps as b, normalizeClass as x, normalizeProps as S, onBeforeUnmount as te, onMounted as ne, openBlock as C, ref as w, renderList as T, renderSlot as E, toDisplayString as D, unref as O, useModel as re, watch as k, withCtx as A } from "vue";
 //#region src/components/BbPagination/BbPagination.vue?vue&type=script&setup=true&lang.ts
-var j = ["aria-label"], M = { class: "bb-pagination__page-label sr-only" }, N = {
+var j = ["aria-label"], M = { class: "bb-pagination__page-label bb-sr-only" }, N = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "bb-pagination__page bb-pagination__page--ellipsis"
-}, P = { class: "bb-pagination__page-label" }, F = { class: "bb-pagination__page-label" }, I = { class: "bb-pagination__page-label sr-only" }, L = /*@__PURE__*/ _({
+}, P = { class: "bb-pagination__page-label" }, F = { class: "bb-pagination__page-label" }, I = { class: "bb-pagination__page-label bb-sr-only" }, L = /*@__PURE__*/ _({
 	__name: "BbPagination",
 	props: /*@__PURE__*/ y({
 		disabled: { type: Boolean },