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

package/dist/components/BbAlert/BbAlert.vue_vue_type_script_setup_true_lang.js

@@ -1,23 +1,44 @@
-import { usePassthrough as e } from "../../composables/usePassthrough.js";
-import { useConfig as t } from "../../composables/useConfig.js";
-import { removedPropsFor as n } from "../../deprecation/removedProps.js";
-import { warnRemovedAttrs as r } from "../../utilities/functions/warnRemovedAttrs.js";
-import { transitions as i } from "../../utilities/misc/transitions.js";
-import { useLocale as a } from "../../composables/useLocale.js";
-import o from "../BbIcon/BbIcon.vue.js";
-import s from "../ClearableButton/ClearableButton.vue.js";
-import { BB_ALERT_PT as c } from "./types.js";
-import { Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, defineComponent as g, guardReactiveProps as _, mergeModels as v, mergeProps as y, normalizeProps as b, openBlock as x, renderSlot as S, toDisplayString as C, unref as w, useAttrs as T, useModel as E, withCtx as D } from "vue";
+import { usePassthrough as e, variantPt as t } from "../../composables/usePassthrough.js";
+import { useConfig as n } from "../../composables/useConfig.js";
+import { removedPropsFor as r } from "../../deprecation/removedProps.js";
+import { warnRemovedAttrs as i } from "../../utilities/functions/warnRemovedAttrs.js";
+import { transitions as a } from "../../utilities/misc/transitions.js";
+import { useLocale as o } from "../../composables/useLocale.js";
+import s from "../BbIcon/BbIcon.vue.js";
+import c from "../ClearableButton/ClearableButton.vue.js";
+import { BB_ALERT_PT as l } from "./types.js";
+import { Transition as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, defineComponent as _, guardReactiveProps as v, mergeModels as y, mergeProps as b, normalizeProps as x, openBlock as S, renderSlot as C, toDisplayString as w, unref as T, useAttrs as E, useModel as D, withCtx as O } from "vue";
 //#region src/components/BbAlert/BbAlert.vue?vue&type=script&setup=true&lang.ts
-var O = ["aria-live", "role"], k = { class: "bb-alert__inner-container" }, A = { class: "bb-alert__icon-container" }, j = { class: "bb-alert__content" }, M = /*@__PURE__*/ g({
+var k = ["aria-live", "role"], A = { class: "bb-alert__inner-container" }, j = { class: "bb-alert__icon-container" }, M = { class: "bb-alert__content" }, N = /*@__PURE__*/ _({
+	mixins: [t(l)],
 	inheritAttrs: !1,
 	__name: "BbAlert",
-	props: /*@__PURE__*/ v({
+	props: /*@__PURE__*/ y({
 		"pt:root": {},
 		"pt:icon": {},
 		"pt:title": {},
 		"pt:text": {},
 		"pt:close": {},
+		"pt:root:outline": {},
+		"pt:root:primary": {},
+		"pt:root:destructive": {},
+		"pt:root:warning": {},
+		"pt:icon:outline": {},
+		"pt:icon:primary": {},
+		"pt:icon:destructive": {},
+		"pt:icon:warning": {},
+		"pt:title:outline": {},
+		"pt:title:primary": {},
+		"pt:title:destructive": {},
+		"pt:title:warning": {},
+		"pt:text:outline": {},
+		"pt:text:primary": {},
+		"pt:text:destructive": {},
+		"pt:text:warning": {},
+		"pt:close:outline": {},
+		"pt:close:primary": {},
+		"pt:close:destructive": {},
+		"pt:close:warning": {},
 		pt: {},
 		closeLabel: {},
 		hideClose: { type: Boolean },
@@ -26,7 +47,7 @@ var O = ["aria-live", "role"], k = { class: "bb-alert__inner-container" }, A = {
 		variant: { default: "outline" },
 		role: {},
 		ariaLive: {},
-		transitionDuration: { default: i.medium },
+		transitionDuration: { default: a.medium },
 		icon: {},
 		hideIcon: { type: Boolean },
 		iconSize: { default: "16" },
@@ -39,45 +60,49 @@ var O = ["aria-live", "role"], k = { class: "bb-alert__inner-container" }, A = {
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(i) {
-		let g = E(i, "modelValue"), v = i, M = e({
+	setup(t) {
+		let a = D(t, "modelValue"), _ = t, y = e({
 			component: "BbAlert",
-			attrs: T(),
-			props: v,
-			parts: c.parts,
-			states: c.states,
-			active: {}
+			attrs: E(),
+			props: _,
+			parts: l.parts,
+			states: l.states,
+			active: {},
+			variant: {
+				...l.variant,
+				current: () => _.variant
+			}
 		});
-		process.env.NODE_ENV !== "production" && r("BbAlert", n("BbAlert"));
-		let { t: N } = a(), P = t(), F = u(() => v.hideIcon ? void 0 : v.icon ?? P.variantIcons?.alert?.[v.variant]), I = u(() => v.variant === "destructive" || v.variant === "warning"), L = u(() => v.role ?? (I.value ? "alert" : "status")), R = u(() => v.ariaLive ? v.ariaLive : v.role ? v.role === "alert" ? "assertive" : "polite" : I.value ? "assertive" : "polite"), z = () => {
-			g.value = !1;
+		process.env.NODE_ENV !== "production" && i("BbAlert", r("BbAlert"));
+		let { t: N } = o(), P = n(), F = d(() => _.hideIcon ? void 0 : _.icon ?? P.variantIcons?.alert?.[_.variant]), I = d(() => _.variant === "destructive" || _.variant === "warning"), L = d(() => _.role ?? (I.value ? "alert" : "status")), R = d(() => _.ariaLive ? _.ariaLive : _.role ? _.role === "alert" ? "assertive" : "polite" : I.value ? "assertive" : "polite"), z = () => {
+			a.value = !1;
 		};
-		return (e, t) => (x(), d(l, { name: "bb-alert-transition" }, {
-			default: D(() => [g.value ? (x(), p("div", y({
+		return (e, t) => (S(), f(u, { name: "bb-alert-transition" }, {
+			default: O(() => [a.value ? (S(), m("div", b({
 				key: 0,
 				"aria-atomic": "true",
 				"aria-live": R.value,
-				class: ["bb-alert", `bb-alert--${v.variant}`],
+				class: ["bb-alert", `bb-alert--${_.variant}`],
 				role: L.value,
-				style: { "--transition-duration": `${v.transitionDuration}ms` }
-			}, w(M).rootAttrs), [m("div", k, [m("div", A, [F.value ? (x(), d(o, y({
+				style: { "--transition-duration": `${_.transitionDuration}ms` }
+			}, T(y).rootAttrs), [h("div", A, [h("div", j, [F.value ? (S(), f(s, b({
 				key: 0,
 				class: "bb-alert__icon",
 				icon: F.value,
 				size: e.iconSize
-			}, w(M).icon), null, 16, ["icon", "size"])) : f("", !0)]), m("div", j, [
-				e.hideClose ? f("", !0) : (x(), d(s, y({
+			}, T(y).icon), null, 16, ["icon", "size"])) : p("", !0)]), h("div", M, [
+				e.hideClose ? p("", !0) : (S(), f(c, b({
 					key: 0,
 					class: "bb-alert__close",
-					label: e.closeLabel || w(N)("common.closeLabel").value,
+					label: e.closeLabel || T(N)("common.closeLabel").value,
 					onClick: z
-				}, w(M).close), null, 16, ["label"])),
-				m("div", y({ class: "bb-alert__title" }, w(M).title), [S(e.$slots, "title", b(_({ text: e.title })), () => [h(C(e.title), 1)])], 16),
-				m("div", y({ class: "bb-alert__text" }, w(M).text), [S(e.$slots, "text", b(_({ text: e.text })), () => [S(e.$slots, "default", {}, () => [h(C(e.text), 1)])])], 16)
-			])])], 16, O)) : f("", !0)]),
+				}, T(y).close), null, 16, ["label"])),
+				h("div", b({ class: "bb-alert__title" }, T(y).title), [C(e.$slots, "title", x(v({ text: e.title })), () => [g(w(e.title), 1)])], 16),
+				h("div", b({ class: "bb-alert__text" }, T(y).text), [C(e.$slots, "text", x(v({ text: e.text })), () => [C(e.$slots, "default", {}, () => [g(w(e.text), 1)])])], 16)
+			])])], 16, k)) : p("", !0)]),
 			_: 3
 		}));
 	}
 });
 //#endregion
-export { M as default };
+export { N as default };

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

@@ -1,5 +1,5 @@
-import { AlertVariantType } from '../../types/AlertVariant';
-import { PtMap, PtValue } from '../../types/passthrough';
+import { AlertVariantBuiltIn, AlertVariantRegistry, AlertVariantType } from '../../types/AlertVariant';
+import { PtMap, PtValue, PtVariantAttrs } from '../../types/passthrough';
 import { IconType } from '../../types/Icon';
 import { BbIconProps } from '../BbIcon/types';
 /**
@@ -18,15 +18,19 @@ export type BbAlertPtPart = 'root' | 'icon' | 'title' | 'text' | 'close';
 export declare const BB_ALERT_PT: {
     readonly parts: readonly ["root", "icon", "title", "text", "close"];
     readonly states: readonly [];
+    readonly variant: {
+        readonly names: readonly ["outline", "primary", "destructive", "warning"];
+        readonly option: "alertVariants";
+    };
 };
 export type BbAlertProps = {
-    [K in `pt:${BbAlertPtPart}`]?: PtValue;
-} & {
+    [K in `pt:${BbAlertPtPart}` | `pt:${BbAlertPtPart}:${AlertVariantBuiltIn}`]?: PtValue;
+} & /* @vue-ignore */ PtVariantAttrs<BbAlertPtPart, keyof AlertVariantRegistry> & {
     /**
      * Passthrough, object form: the same keys as the `pt:*` attributes
      * without the prefix. See the `pt:<part>` row.
      */
-    pt?: PtMap<BbAlertPtPart, never>;
+    pt?: PtMap<BbAlertPtPart, AlertVariantBuiltIn | keyof AlertVariantRegistry>;
     /**
      * Visually hidden string used to label the close button.
      */

package/dist/components/BbAlert/types.js

@@ -1,5 +1,6 @@
+import { ALERT_VARIANTS as e } from "../../types/AlertVariant.js";
 //#region src/components/BbAlert/types.ts
-var e = {
+var t = {
 	parts: [
 		"root",
 		"icon",
@@ -7,7 +8,11 @@ var e = {
 		"text",
 		"close"
 	],
-	states: []
+	states: [],
+	variant: {
+		names: e,
+		option: "alertVariants"
+	}
 };
 //#endregion
-export { e as BB_ALERT_PT };
+export { t as BB_ALERT_PT };

package/dist/components/BbBadge/BadgeBodyContent.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_11: {}, __VLS_23: {};
+declare var __VLS_16: {}, __VLS_33: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_16) => any;
 } & {
-    default?: (props: typeof __VLS_23) => any;
+    default?: (props: typeof __VLS_33) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/BbBadge/BadgeBodyContent.vue_vue_type_script_setup_true_lang.js

@@ -2,39 +2,48 @@ import { useLogger as e } from "../../composables/useLogger.js";
 import t from "../BbIcon/BbIcon.vue.js";
 import n from "../BbSpinner/BbSpinner.vue.js";
 import { useBadgeHost as r } from "./badgeButtonContext.js";
-import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, mergeProps as u, openBlock as d, renderSlot as f, unref as p } from "vue";
+import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeProps as f, openBlock as p, renderSlot as m, resolveDynamicComponent as h, unref as g } from "vue";
 //#region src/components/BbBadge/BadgeBodyContent.vue?vue&type=script&setup=true&lang.ts
-var m = /*@__PURE__*/ l({
+var _ = /*@__PURE__*/ l({
 	__name: "BadgeBodyContent",
 	setup(l) {
-		let m = r() ?? e().throw("[BbBadge] internal body renderer mounted outside a badge — this is a bug.");
-		return (e, r) => p(m).icon.value ? (d(), s(i, { key: 0 }, [p(m).loading.value ? (d(), a(n, u({
+		let _ = r() ?? e().throw("[BbBadge] internal body renderer mounted outside a badge — this is a bug.");
+		return (e, r) => g(_).icon.value || g(_).slots.icon ? (p(), s(i, { key: 0 }, [g(_).loading.value ? (p(), a(n, d({
 			key: 0,
 			class: "bb-badge__spinner bb-badge__icon"
-		}, p(m).passthrough.spinner), null, 16)) : (d(), a(t, u({
+		}, g(_).passthrough.spinner), null, 16)) : g(_).slots.icon ? (p(), s("span", d({
 			key: 1,
+			class: "bb-badge__icon bb-badge__icon-slot"
+		}, g(_).passthrough.icon), [(p(), a(h(g(_).slots.icon), f(u(g(_).iconScope.value)), null, 16))], 16)) : g(_).icon.value ? (p(), a(t, d({
+			key: 2,
 			class: "bb-badge__icon",
-			icon: p(m).icon.value
-		}, p(m).passthrough.icon), null, 16, ["icon"])), c("span", u({ class: "bb-badge__text bb-sr-only" }, p(m).passthrough.text), [f(e.$slots, "default")], 16)], 64)) : (d(), s(i, { key: 1 }, [
-			p(m).spinnerLeads.value ? (d(), a(n, u({
+			icon: g(_).icon.value
+		}, g(_).passthrough.icon), null, 16, ["icon"])) : o("", !0), c("span", d({ class: "bb-badge__text bb-sr-only" }, g(_).passthrough.text), [m(e.$slots, "default")], 16)], 64)) : (p(), s(i, { key: 1 }, [
+			g(_).spinnerLeads.value ? (p(), a(n, d({
 				key: 0,
 				class: "bb-badge__spinner bb-badge__prepend-icon"
-			}, p(m).passthrough.spinner), null, 16)) : p(m).prependIcon.value ? (d(), a(t, u({
+			}, g(_).passthrough.spinner), null, 16)) : g(_).slots["prepend:icon"] ? (p(), s("span", d({
 				key: 1,
+				class: "bb-badge__prepend-icon bb-badge__icon-slot"
+			}, g(_).passthrough.icon), [(p(), a(h(g(_).slots["prepend:icon"]), f(u(g(_).iconScope.value)), null, 16))], 16)) : g(_).prependIcon.value ? (p(), a(t, d({
+				key: 2,
 				class: "bb-badge__prepend-icon",
-				icon: p(m).prependIcon.value
-			}, p(m).passthrough.icon), null, 16, ["icon"])) : o("", !0),
-			c("span", u({ class: "bb-badge__text" }, p(m).passthrough.text), [f(e.$slots, "default")], 16),
-			p(m).clearable.value ? o("", !0) : (d(), s(i, { key: 2 }, [p(m).spinnerTrails.value ? (d(), a(n, u({
+				icon: g(_).prependIcon.value
+			}, g(_).passthrough.icon), null, 16, ["icon"])) : o("", !0),
+			c("span", d({ class: "bb-badge__text" }, g(_).passthrough.text), [m(e.$slots, "default")], 16),
+			g(_).clearable.value ? o("", !0) : (p(), s(i, { key: 3 }, [g(_).spinnerTrails.value ? (p(), a(n, d({
 				key: 0,
 				class: "bb-badge__append-icon"
-			}, p(m).passthrough.spinner), null, 16)) : p(m).appendIcon.value ? (d(), a(t, u({
+			}, g(_).passthrough.spinner), null, 16)) : g(_).slots["append:icon"] ? (p(), s("span", d({
 				key: 1,
+				class: "bb-badge__append-icon bb-badge__icon-slot"
+			}, g(_).passthrough.icon), [(p(), a(h(g(_).slots["append:icon"]), f(u(g(_).iconScope.value)), null, 16))], 16)) : g(_).appendIcon.value ? (p(), a(t, d({
+				key: 2,
 				class: "bb-badge__append-icon",
-				icon: p(m).appendIcon.value
-			}, p(m).passthrough.icon), null, 16, ["icon"])) : o("", !0)], 64))
+				icon: g(_).appendIcon.value
+			}, g(_).passthrough.icon), null, 16, ["icon"])) : o("", !0)], 64))
 		], 64));
 	}
 });
 //#endregion
-export { m as default };
+export { _ as default };

package/dist/components/BbBadge/BbBadge.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { useLogger as e } from "../../composables/useLogger.js";
-import { usePassthrough as t } from "../../composables/usePassthrough.js";
-import { useId as n } from "../../composables/useId.js";
-import { removedPropsFor as r } from "../../deprecation/removedProps.js";
-import { warnRemovedAttrs as i } from "../../utilities/functions/warnRemovedAttrs.js";
+import { usePassthrough as t, variantPt as n } from "../../composables/usePassthrough.js";
+import { useId as r } from "../../composables/useId.js";
+import { removedPropsFor as i } from "../../deprecation/removedProps.js";
+import { warnRemovedAttrs as ee } from "../../utilities/functions/warnRemovedAttrs.js";
 import { useLocale as a } from "../../composables/useLocale.js";
 import o from "../BbIcon/BbIcon.vue.js";
 import s from "../BbSpinner/BbSpinner.vue.js";
@@ -11,19 +11,20 @@ import l from "./BadgeBodyContent.vue.js";
 import u from "./BbBadgeButton.vue.js";
 import d from "../../assets/svgs/clear.svg_raw.js";
 import { BB_BADGE_PT as f } from "./types.js";
-import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createVNode as y, defineComponent as b, isVNode as x, mergeProps as S, openBlock as C, renderSlot as w, toDisplayString as T, unref as E, useAttrs as D, useSlots as O, withCtx as k, withModifiers as A } from "vue";
+import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createVNode as y, defineComponent as b, guardReactiveProps as x, isVNode as S, mergeProps as C, normalizeProps as w, openBlock as T, renderSlot as E, shallowRef as te, toDisplayString as D, unref as O, useAttrs as k, useSlots as A, withCtx as j, withModifiers as M } from "vue";
 //#region src/components/BbBadge/BbBadge.vue?vue&type=script&setup=true&lang.ts
-var j = ["id"], M = {
+var N = ["id"], P = {
 	key: 2,
 	class: "bb-badge__trailing"
-}, N = [
+}, F = [
 	"id",
 	"aria-label",
 	"aria-labelledby"
-], P = {
+], I = {
 	key: 3,
 	class: "bb-sr-only"
-}, F = /*@__PURE__*/ b({
+}, L = /*@__PURE__*/ b({
+	mixins: [n(f)],
 	inheritAttrs: !1,
 	__name: "BbBadge",
 	props: {
@@ -32,11 +33,41 @@ var j = ["id"], M = {
 		"pt:spinner": {},
 		"pt:text": {},
 		"pt:clear": {},
+		"pt:root:activeLink": {},
+		"pt:root:exactActiveLink": {},
 		"pt:root:loading": {},
+		"pt:icon:activeLink": {},
+		"pt:icon:exactActiveLink": {},
 		"pt:icon:loading": {},
+		"pt:spinner:activeLink": {},
+		"pt:spinner:exactActiveLink": {},
 		"pt:spinner:loading": {},
+		"pt:text:activeLink": {},
+		"pt:text:exactActiveLink": {},
 		"pt:text:loading": {},
+		"pt:clear:activeLink": {},
+		"pt:clear:exactActiveLink": {},
 		"pt:clear:loading": {},
+		"pt:root:primary": {},
+		"pt:root:secondary": {},
+		"pt:root:destructive": {},
+		"pt:root:outline": {},
+		"pt:icon:primary": {},
+		"pt:icon:secondary": {},
+		"pt:icon:destructive": {},
+		"pt:icon:outline": {},
+		"pt:spinner:primary": {},
+		"pt:spinner:secondary": {},
+		"pt:spinner:destructive": {},
+		"pt:spinner:outline": {},
+		"pt:text:primary": {},
+		"pt:text:secondary": {},
+		"pt:text:destructive": {},
+		"pt:text:outline": {},
+		"pt:clear:primary": {},
+		"pt:clear:secondary": {},
+		"pt:clear:destructive": {},
+		"pt:clear:outline": {},
 		pt: {},
 		icon: {},
 		"prepend:icon": {},
@@ -48,87 +79,109 @@ var j = ["id"], M = {
 		variant: { default: "primary" }
 	},
 	emits: ["click:clear"],
-	setup(b, { emit: F }) {
-		let I = b, L = F, R = O(), z = t({
+	setup(n, { emit: b }) {
+		let L = n, R = b, z = A(), B = te(null), V = t({
 			component: "BbBadge",
-			attrs: D(),
-			props: I,
+			attrs: k(),
+			props: L,
 			parts: f.parts,
 			states: f.states,
-			active: { loading: () => !!I.loading }
+			active: {
+				loading: () => !!L.loading,
+				activeLink: () => !!B.value?.value.activeLink,
+				exactActiveLink: () => !!B.value?.value.exactActiveLink
+			},
+			variant: {
+				...f.variant,
+				current: () => L.variant
+			}
 		});
-		process.env.NODE_ENV !== "production" && i("BbBadge", r("BbBadge"));
-		let B = [
+		process.env.NODE_ENV !== "production" && ee("BbBadge", i("BbBadge"));
+		let H = [
 			"xs",
 			"sm",
 			"md",
 			"lg",
 			"xl",
 			"2xl"
-		], { t: V } = a(), H = e(), U = m(() => B.includes(I.size) ? I.size : (H.warn(`Invalid size: "${I.size}" in BbBadge. Expected one of: ${B.join(", ")}. Falling back to "md".`), "md")), W = () => !!I["append:icon"] && !I["prepend:icon"], G = (e) => Array.isArray(e) && e.some((e) => x(e) && (e.type === u || e.type === p && G(e.children))), K = () => G(R.default?.({}));
+		], { t: U } = a(), W = e(), G = m(() => H.includes(L.size) ? L.size : (W.warn(`Invalid size: "${L.size}" in BbBadge. Expected one of: ${H.join(", ")}. Falling back to "md".`), "md")), K = () => !!L.icon || !!z.icon, q = () => !!L["prepend:icon"] || !!z["prepend:icon"], J = () => !!L["append:icon"] || !!z["append:icon"], Y = () => ({
+			activeLink: !!B.value?.value.activeLink,
+			exactActiveLink: !!B.value?.value.exactActiveLink,
+			loading: !!L.loading
+		}), X = () => J() && !q(), Z = (e) => Array.isArray(e) && e.some((e) => S(e) && (e.type === u || e.type === p && Z(e.children))), Q = () => Z(z.default?.({}));
 		c({
-			passthrough: z,
+			passthrough: V,
 			icon: { get value() {
-				return I.icon;
+				return L.icon;
+			} },
+			slots: z,
+			iconScope: { get value() {
+				return Y();
 			} },
 			prependIcon: { get value() {
-				return I["prepend:icon"];
+				return L["prepend:icon"];
 			} },
 			appendIcon: { get value() {
-				return I["append:icon"];
+				return L["append:icon"];
 			} },
 			loading: { get value() {
-				return !!I.loading;
+				return !!L.loading;
 			} },
 			spinnerLeads: { get value() {
-				return !!I.loading && !W();
+				return !!L.loading && !X();
 			} },
 			spinnerTrails: { get value() {
-				return !!I.loading && W();
+				return !!L.loading && X();
 			} },
 			clearable: { get value() {
-				return !!I.clearable;
-			} }
+				return !!L.clearable;
+			} },
+			reportLink: (e) => {
+				B.value = e;
+			}
 		});
-		let q = m(() => [
+		let ne = m(() => [
 			"bb-badge",
-			`bb-badge--${U.value}`,
-			I.variant && I.variant !== "none" && `bb-badge--${I.variant}`,
+			`bb-badge--${G.value}`,
+			L.variant && L.variant !== "none" && `bb-badge--${L.variant}`,
 			{
-				"bb-badge--icon": !!I.icon,
-				"bb-badge--clearable": I.clearable,
-				"bb-badge--loading": I.loading
+				"bb-badge--icon": K(),
+				"bb-badge--clearable": L.clearable,
+				"bb-badge--loading": L.loading
 			}
-		]), J = n().id, Y = m(() => K() ? void 0 : `${J.value}__clear ${J.value}__body`), X = (e) => {
-			L("click:clear", e);
+		]), $ = r().id, re = m(() => L.clearableLabel || Q() ? void 0 : `${$.value}__clear ${$.value}__body`), ie = (e) => {
+			R("click:clear", e);
 		};
-		return (e, t) => (C(), _("span", S({ class: q.value }, E(z).rootAttrs), [
-			K() ? w(e.$slots, "default", { key: 0 }) : (C(), _("span", {
+		return (e, t) => (T(), _("span", C({ class: ne.value }, O(V).rootAttrs), [
+			Q() ? E(e.$slots, "default", { key: 0 }) : (T(), _("span", {
 				key: 1,
-				id: `${E(J)}__body`,
+				id: `${O($)}__body`,
 				class: "bb-badge__body"
 			}, [y(l, null, {
-				default: k(() => [w(e.$slots, "default")]),
+				default: j(() => [E(e.$slots, "default")]),
 				_: 3
-			})], 8, j)),
-			I.clearable ? (C(), _("span", M, [I.icon ? g("", !0) : (C(), _(p, { key: 0 }, [I.loading && W() ? (C(), h(s, S({
+			})], 8, N)),
+			L.clearable ? (T(), _("span", P, [K() ? g("", !0) : (T(), _(p, { key: 0 }, [L.loading && X() ? (T(), h(s, C({
 				key: 0,
 				class: "bb-badge__spinner bb-badge__append-icon"
-			}, E(z).spinner), null, 16)) : I["append:icon"] ? (C(), h(o, S({
+			}, O(V).spinner), null, 16)) : z["append:icon"] ? (T(), _("span", C({
 				key: 1,
+				class: "bb-badge__append-icon bb-badge__icon-slot"
+			}, O(V).icon), [E(e.$slots, "append:icon", w(x(Y())))], 16)) : L["append:icon"] ? (T(), h(o, C({
+				key: 2,
 				class: "bb-badge__append-icon",
-				icon: I["append:icon"]
-			}, E(z).icon), null, 16, ["icon"])) : g("", !0)], 64)), v("button", S({
-				id: `${E(J)}__clear`,
-				"aria-label": I.clearableLabel || E(V)("badge.clearLabel").value,
-				"aria-labelledby": Y.value,
+				icon: L["append:icon"]
+			}, O(V).icon), null, 16, ["icon"])) : g("", !0)], 64)), v("button", C({
+				id: `${O($)}__clear`,
+				"aria-label": L.clearableLabel || O(U)("badge.clearLabel").value,
+				"aria-labelledby": re.value,
 				class: "bb-badge__clear",
 				type: "button",
-				onClick: A(X, ["stop"])
-			}, E(z).clear), [y(o, { icon: E(d) }, null, 8, ["icon"])], 16, N)])) : g("", !0),
-			I.loading ? (C(), _("span", P, T(E(V)("common.loadingText")), 1)) : g("", !0)
+				onClick: M(ie, ["stop"])
+			}, O(V).clear), [y(o, { icon: O(d) }, null, 8, ["icon"])], 16, F)])) : g("", !0),
+			L.loading ? (T(), _("span", I, D(O(U)("common.loadingText")), 1)) : g("", !0)
 		], 16));
 	}
 });
 //#endregion
-export { F as default };
+export { L as default };

package/dist/components/BbBadge/BbBadgeButton.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,17 @@
 import { useLogger as e } from "../../composables/useLogger.js";
 import { useBadgeHost as t } from "./badgeButtonContext.js";
 import n from "./BadgeBodyContent.vue.js";
-import r from "../BbBaseButton/BbBaseButton.vue.js";
-import { computed as i, createBlock as a, createVNode as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, useAttrs as d, withCtx as f } from "vue";
+import { provideLinkState as r, useLinkState as i } from "../BbBaseButton/useLinkState.js";
+import a from "../BbBaseButton/BbBaseButton.vue.js";
+import { computed as o, createBlock as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeProps as f, onBeforeUnmount as p, openBlock as m, renderSlot as h, unref as g, useAttrs as _, withCtx as v } from "vue";
 //#region src/components/BbBadge/BbBadgeButton.vue?vue&type=script&setup=true&lang.ts
-var p = /*@__PURE__*/ s({
+var y = /*@__PURE__*/ l({
 	inheritAttrs: !1,
 	__name: "BbBadgeButton",
 	props: {
 		"pt:root": {},
+		"pt:root:activeLink": {},
+		"pt:root:exactActiveLink": {},
 		"pt:root:disabled": {},
 		pt: {},
 		activeClass: {},
@@ -64,18 +67,20 @@ var p = /*@__PURE__*/ s({
 		preserveUrl: { type: Boolean },
 		viewTransition: { type: Boolean }
 	},
-	setup(s) {
-		let p = s, m = t();
-		m || e().throw("[BbBadgeButton] must be rendered inside a <BbBadge> default slot.");
-		let h = d(), g = i(() => !!m?.loading.value), _ = i(() => {
-			let { onClick: e, ...t } = h, n = [].concat(e ?? []).filter((e) => typeof e == "function");
-			return c(t, p, {
-				...g.value ? {
+	setup(l) {
+		let y = l, b = t();
+		b || e().throw("[BbBadgeButton] must be rendered inside a <BbBadge> default slot.");
+		let x = i(y);
+		r(x), b?.reportLink(x), p(() => b?.reportLink(null));
+		let S = _(), C = o(() => !!b?.loading.value), w = o(() => {
+			let { onClick: e, ...t } = S, n = [].concat(e ?? []).filter((e) => typeof e == "function");
+			return d(t, y, {
+				...C.value ? {
 					"aria-disabled": !0,
 					tabindex: -1
 				} : {},
 				onClick: (e) => {
-					if (g.value) {
+					if (C.value) {
 						e.preventDefault();
 						return;
 					}
@@ -83,9 +88,9 @@ var p = /*@__PURE__*/ s({
 				}
 			});
 		});
-		return (e, t) => (l(), a(r, c({ class: "bb-badge__body" }, _.value), {
-			default: f(() => [o(n, null, {
-				default: f(() => [u(e.$slots, "default")]),
+		return (e, t) => (m(), s(a, d({ class: "bb-badge__body" }, w.value), {
+			default: v(() => [c(n, null, {
+				default: v(() => [h(e.$slots, "default", f(u(g(x))))]),
 				_: 3
 			})]),
 			_: 3
@@ -93,4 +98,4 @@ var p = /*@__PURE__*/ s({
 	}
 });
 //#endregion
-export { p as default };
+export { y as default };

package/dist/components/BbBadge/badgeButtonContext.d.ts

@@ -1,6 +1,7 @@
 import { IconType } from '../../types/Icon';
+import { LinkState } from '../BbBaseButton/useLinkState';
 import { PassthroughBindings } from '../../composables/usePassthrough';
-import { BbBadgePtPart, BbBadgePtState } from './types';
+import { BbBadgeIconSlotProps, BbBadgePtPart, BbBadgePtState, BbBadgeSlots } from './types';
 /**
  * A read-only view of one piece of the host's state.
  *
@@ -28,6 +29,10 @@ export type BadgeHostContext = {
     icon: HostValue<IconType | undefined>;
     prependIcon: HostValue<IconType | undefined>;
     appendIcon: HostValue<IconType | undefined>;
+    /** The badge's own slots: an icon slot beats its prop (Q81.4). */
+    slots: BbBadgeSlots;
+    /** What an icon slot sees. */
+    iconScope: HostValue<BbBadgeIconSlotProps>;
     loading: HostValue<boolean>;
     /** Whether the loading spinner takes the leading slot (BbButton convention). */
     spinnerLeads: HostValue<boolean>;
@@ -39,6 +44,12 @@ export type BadgeHostContext = {
      * the append icon only when the badge is *not* clearable.
      */
     clearable: HostValue<boolean>;
+    /**
+     * A slotted `BbBadgeButton` hands the badge its link state (`null` when it
+     * unmounts), so the badge's own parts get `activeLink` / `exactActiveLink`:
+     * the whole chip changes, not just the inner button.
+     */
+    reportLink: (state: HostValue<LinkState> | null) => void;
 };
 export declare const provideBadgeHost: (context: BadgeHostContext) => void;
 export declare const useBadgeHost: () => BadgeHostContext | null;