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

package/dist/components/BbHoverCard/BbHoverCard.vue_vue_type_script_setup_true_lang.js

@@ -2,17 +2,17 @@ import { usePassthrough as e } from "../../composables/usePassthrough.js";
 import { useId as t } from "../../composables/useId.js";
 import { isTopEscapeEntry as n, pushEscapeEntry as r, removeEscapeEntry as ee } from "../../utils/overlayEscapeStack.js";
 import { useOverlayYield as te } from "../../composables/useOverlayYield.js";
-import { extractDomContainer as i } from "../../utilities/functions/extractDomContainer.js";
+import { domElement as i, extractDomContainer as ne, extractHtmlContainer as re } from "../../utilities/functions/extractDomContainer.js";
 import { transitions as a } from "../../utilities/misc/transitions.js";
-import ne from "../CommonPopover/CommonPopover.vue.js";
-import { useClosingInert as re } from "../../composables/useClosingInert.js";
+import ie from "../CommonPopover/CommonPopover.vue.js";
+import { useClosingInert as ae } from "../../composables/useClosingInert.js";
 import { parseWidthString as o } from "../../utilities/functions/parseWidthString.js";
 import { BB_HOVER_CARD_PT as s } from "./types.js";
-import { firstTabbable as c, isConvexHit as ie, lastTabbable as ae, nextTabbableAfter as oe, safeZone as se, tabbablesIn as ce } from "./hoverCardFocus.js";
-import { Fragment as le, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as ue, createVNode as de, defineComponent as fe, mergeModels as f, mergeProps as p, nextTick as pe, normalizeProps as me, onBeforeUnmount as he, onDeactivated as ge, onMounted as _e, openBlock as m, ref as h, renderSlot as g, unref as _, useModel as ve, useTemplateRef as ye, watch as v, withCtx as be } from "vue";
-import { useElementSize as xe, useIntersectionObserver as Se } from "@vueuse/core";
+import { firstTabbable as c, isConvexHit as oe, lastTabbable as se, nextTabbableAfter as ce, safeZone as le, tabbablesIn as ue } from "./hoverCardFocus.js";
+import { Fragment as de, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as fe, createVNode as pe, defineComponent as me, mergeModels as f, mergeProps as p, nextTick as he, normalizeProps as ge, onBeforeUnmount as _e, onDeactivated as ve, onMounted as ye, openBlock as m, ref as h, renderSlot as g, unref as _, useModel as be, useTemplateRef as xe, watch as v, withCtx as Se } from "vue";
+import { useElementSize as Ce, useIntersectionObserver as we } from "@vueuse/core";
 //#region src/components/BbHoverCard/BbHoverCard.vue?vue&type=script&setup=true&lang.ts
-var Ce = 200, y = /*@__PURE__*/ fe({
+var Te = 200, y = /*@__PURE__*/ me({
 	inheritAttrs: !1,
 	__name: "BbHoverCard",
 	props: /*@__PURE__*/ f({
@@ -55,9 +55,9 @@ var Ce = 200, y = /*@__PURE__*/ fe({
 		"shown",
 		"hidden"
 	], ["update:modelValue"]),
-	setup(a, { emit: fe }) {
-		let f = ve(a, "modelValue"), y = a, b = fe, { id: we } = t(), x = y.id ?? we.value, S = `bbhc_${x}`, C = h(), Te = ye("popover-ref"), w = l(() => i(Te.value)), T = l(() => y.activator != null), Ee = l(() => T.value && C.value?.id || x), { blocked: E } = te(() => C.value, () => w.value, () => {
-			L(), B(), $();
+	setup(a, { emit: me }) {
+		let f = be(a, "modelValue"), y = a, b = me, { id: Ee } = t(), x = y.id ?? Ee.value, S = `bbhc_${x}`, C = h(), De = xe("popover-ref"), w = l(() => re(De.value)), T = l(() => y.activator != null), Oe = l(() => T.value && C.value?.id || x), { blocked: E } = te(() => C.value, () => w.value, () => {
+			I(), z(), $();
 		}), D = e({
 			component: "BbHoverCard",
 			props: y,
@@ -66,8 +66,8 @@ var Ce = 200, y = /*@__PURE__*/ fe({
 			active: { open: () => f.value }
 		}), O = h(!1), k = () => {
 			let e = w.value;
-			e && (O.value = ce(e).length > 0);
-		}, A, De = () => {
+			e && (O.value = ue(e).length > 0);
+		}, A, ke = () => {
 			let e = w.value;
 			!e || typeof MutationObserver > "u" || (A?.disconnect(), A = new MutationObserver(k), A.observe(e, {
 				attributeFilter: [
@@ -84,32 +84,32 @@ var Ce = 200, y = /*@__PURE__*/ fe({
 			}));
 		}, j = () => {
 			A?.disconnect(), A = void 0;
-		}, Oe = l(() => O.value ? {
+		}, Ae = l(() => O.value ? {
 			role: "group",
-			"aria-labelledby": Ee.value
-		} : { role: "none" }), M = (e) => {
-			C.value = i(e) ?? void 0;
-		}, ke = l(() => ({
+			"aria-labelledby": Oe.value
+		} : { role: "none" }), je = (e) => {
+			C.value = ne(e) ?? void 0;
+		}, Me = l(() => ({
 			"aria-expanded": O.value ? f.value : void 0,
 			"aria-controls": O.value ? S : void 0,
 			id: x,
-			ref: M,
-			onPointerenter: U,
-			onPointerleave: W,
-			onFocusin: q,
-			onFocusout: J,
-			onKeydown: Y,
-			onPointerdown: H,
-			onContextmenu: H
+			ref: je,
+			onPointerenter: H,
+			onPointerleave: U,
+			onFocusin: K,
+			onFocusout: q,
+			onKeydown: J,
+			onPointerdown: V,
+			onContextmenu: V
 		}));
 		v(() => y.activator, (e) => {
-			e && M(e);
+			e && je(e);
 		}, { immediate: !0 }), v(C, (e, t, n) => {
 			if (!e || !T.value) return;
-			e.addEventListener("pointerenter", U), e.addEventListener("pointerleave", W), e.addEventListener("focusin", q), e.addEventListener("focusout", J), e.addEventListener("keydown", Y), e.addEventListener("pointerdown", H), e.addEventListener("contextmenu", H);
+			e.addEventListener("pointerenter", H), e.addEventListener("pointerleave", U), e.addEventListener("focusin", K), e.addEventListener("focusout", q), e.addEventListener("keydown", J), e.addEventListener("pointerdown", V), e.addEventListener("contextmenu", V);
 			let r = !e.id;
 			r && e.setAttribute("id", x), n(() => {
-				r && e.id === x && e.removeAttribute("id"), e.removeEventListener("pointerenter", U), e.removeEventListener("pointerleave", W), e.removeEventListener("focusin", q), e.removeEventListener("focusout", J), e.removeEventListener("keydown", Y), e.removeEventListener("pointerdown", H), e.removeEventListener("contextmenu", H), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls");
+				r && e.id === x && e.removeAttribute("id"), e.removeEventListener("pointerenter", H), e.removeEventListener("pointerleave", U), e.removeEventListener("focusin", K), e.removeEventListener("focusout", q), e.removeEventListener("keydown", J), e.removeEventListener("pointerdown", V), e.removeEventListener("contextmenu", V), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls");
 			});
 		}, { immediate: !0 }), v([
 			C,
@@ -118,145 +118,145 @@ var Ce = 200, y = /*@__PURE__*/ fe({
 		], ([e, t, n]) => {
 			!e || !T.value || (n ? (e.setAttribute("aria-expanded", String(t)), e.setAttribute("aria-controls", S)) : (e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls")));
 		}, { immediate: !0 }), v(w, (e, t, n) => {
-			e && (e.addEventListener("pointerenter", Pe), e.addEventListener("pointerleave", Fe), e.addEventListener("focusout", J), e.addEventListener("keydown", Le), n(() => {
-				e.removeEventListener("pointerenter", Pe), e.removeEventListener("pointerleave", Fe), e.removeEventListener("focusout", J), e.removeEventListener("keydown", Le);
+			e && (e.addEventListener("pointerenter", Le), e.addEventListener("pointerleave", Re), e.addEventListener("focusout", q), e.addEventListener("keydown", Be), n(() => {
+				e.removeEventListener("pointerenter", Le), e.removeEventListener("pointerleave", Re), e.removeEventListener("focusout", q), e.removeEventListener("keydown", Be);
 			}));
-		}), Se(C, ([{ intersectionRatio: e }]) => {
+		}), we(() => i(C.value), ([{ intersectionRatio: e }]) => {
 			e < .99 && f.value && $();
 		}, { threshold: [0, 1] });
-		let N, P, F = !1, I = !1, L = () => {
-			clearTimeout(N), clearTimeout(P), N = P = void 0;
-		}, Ae = () => {
-			clearTimeout(P), P = void 0, !(f.value || y.disabled || N || E()) && (N = setTimeout(() => {
-				N = void 0, !y.disabled && !E() && (f.value = !0);
+		let M, N, P = !1, F = !1, I = () => {
+			clearTimeout(M), clearTimeout(N), M = N = void 0;
+		}, Ne = () => {
+			clearTimeout(N), N = void 0, !(f.value || y.disabled || M || E()) && (M = setTimeout(() => {
+				M = void 0, !y.disabled && !E() && (f.value = !0);
 			}, y.delay));
-		}, R = () => {
-			clearTimeout(N), N = void 0, clearTimeout(P), P = setTimeout(() => {
-				P = void 0, G() || $();
-			}, Ce);
-		}, z = null, je = (e) => {
-			!z || F || I || (ie(z, [e.clientX, e.clientY]) ? R() : B());
-		}, Me = (e, t) => {
-			B(), t && (z = se([e.clientX, e.clientY], t), document.addEventListener("pointermove", je, { passive: !0 }));
+		}, L = () => {
+			clearTimeout(M), M = void 0, clearTimeout(N), N = setTimeout(() => {
+				N = void 0, W() || $();
+			}, Te);
+		}, R = null, Pe = (e) => {
+			!R || P || F || (oe(R, [e.clientX, e.clientY]) ? L() : z());
+		}, Fe = (e, t) => {
+			z(), t && (R = le([e.clientX, e.clientY], t), document.addEventListener("pointermove", Pe, { passive: !0 }));
 		};
-		function B() {
-			z = null, document.removeEventListener("pointermove", je);
+		function z() {
+			R = null, document.removeEventListener("pointermove", Pe);
 		}
-		let Ne = () => w.value?.querySelector(".bb-common-popover__bubble") ?? w.value ?? void 0, V = (e) => e.pointerType === "touch";
-		function H() {
-			L(), B(), $();
+		let Ie = () => w.value?.querySelector(".bb-common-popover__bubble") ?? w.value ?? void 0, B = (e) => e.pointerType === "touch";
+		function V() {
+			I(), z(), $();
 		}
-		function U(e) {
-			V(e) || (F = !0, B(), Ae());
+		function H(e) {
+			B(e) || (P = !0, z(), Ne());
 		}
-		function W(e) {
-			V(e) || (F = !1, !G() && (R(), f.value && Me(e, Ne())));
+		function U(e) {
+			B(e) || (P = !1, !W() && (L(), f.value && Fe(e, Ie())));
 		}
-		function Pe(e) {
-			V(e) || !f.value || (I = !0, B(), clearTimeout(P), P = void 0);
+		function Le(e) {
+			B(e) || !f.value || (F = !0, z(), clearTimeout(N), N = void 0);
 		}
-		function Fe(e) {
-			V(e) || (I = !1, !(!f.value || G()) && (R(), Me(e, C.value)));
+		function Re(e) {
+			B(e) || (F = !1, !(!f.value || W()) && (L(), Fe(e, C.value)));
 		}
-		let Ie = (e) => e instanceof Node && (!!C.value?.contains(e) || !!w.value?.contains(e)), G = () => {
+		let ze = (e) => e instanceof Node && (!!C.value?.contains(e) || !!w.value?.contains(e)), W = () => {
 			let e = document.activeElement;
-			return Ie(e) && !!e?.matches(":focus-visible");
-		}, K = !1;
-		function q(e) {
-			if (K) {
-				K = !1;
+			return ze(e) && !!e?.matches(":focus-visible");
+		}, G = !1;
+		function K(e) {
+			if (G) {
+				G = !1;
 				return;
 			}
-			e.target?.matches?.(":focus-visible") && Ae();
+			e.target?.matches?.(":focus-visible") && Ne();
 		}
-		function J(e) {
-			Ie(e.relatedTarget) || F || I || (L(), $());
+		function q(e) {
+			ze(e.relatedTarget) || P || F || (I(), $());
 		}
-		function Y(e) {
+		function J(e) {
 			if (e.key !== "Tab" || e.shiftKey) return;
 			if (!f.value) {
-				clearTimeout(N), N = void 0;
+				clearTimeout(M), M = void 0;
 				return;
 			}
 			let t = w.value && c(w.value);
 			t && (e.preventDefault(), t.focus());
 		}
-		function Le(e) {
+		function Be(e) {
 			if (e.key !== "Tab" || !w.value) return;
 			let t = e.target;
 			if (e.shiftKey) {
 				if (t !== c(w.value)) return;
-				e.preventDefault(), K = !0, C.value?.focus();
+				e.preventDefault(), G = !0, C.value?.focus();
 				return;
 			}
-			if (t !== ae(w.value)) return;
-			let n = C.value && oe(C.value, w.value);
-			n && (e.preventDefault(), n.focus(), L(), $());
+			if (t !== se(w.value)) return;
+			let n = C.value && ce(C.value, w.value);
+			n && (e.preventDefault(), n.focus(), I(), $());
 		}
-		let X = Symbol("bb-hover-card"), Z = (e) => {
-			e.key === "Escape" && n(X) && (e.preventDefault(), e.stopImmediatePropagation(), $());
-		}, Q = !1, Re = async () => {
-			Q = !0, b("show"), r(X, {
+		let Y = Symbol("bb-hover-card"), X = (e) => {
+			e.key === "Escape" && n(Y) && (e.preventDefault(), e.stopImmediatePropagation(), $());
+		}, Z = !1, Q = async () => {
+			Z = !0, b("show"), r(Y, {
 				element: () => w.value,
 				transient: !0
-			}), document.addEventListener("keydown", Z, { capture: !0 }), await pe(), f.value && (k(), De());
-		}, ze = () => {
-			Q && (Q = !1, b("hide"), w.value?.contains(document.activeElement) && (K = !0, C.value?.focus()), I = !1, L(), B(), j(), ee(X), document.removeEventListener("keydown", Z, { capture: !0 }));
+			}), document.addEventListener("keydown", X, { capture: !0 }), await he(), f.value && (k(), ke());
+		}, Ve = () => {
+			Z && (Z = !1, b("hide"), w.value?.contains(document.activeElement) && (G = !0, C.value?.focus()), F = !1, I(), z(), j(), ee(Y), document.removeEventListener("keydown", X, { capture: !0 }));
 		};
 		v(f, (e) => {
-			e ? Re() : ze();
-		}), _e(() => {
-			f.value && Re();
+			e ? Q() : Ve();
+		}), ye(() => {
+			f.value && Q();
 		}), v(() => y.disabled, (e) => {
-			e && (L(), $());
-		}), he(() => {
-			L(), B(), j(), ee(X), document.removeEventListener("keydown", Z, { capture: !0 });
+			e && (I(), $());
+		}), _e(() => {
+			I(), z(), j(), ee(Y), document.removeEventListener("keydown", X, { capture: !0 });
 		});
 		let $ = () => {
 			f.value = !1;
-		}, Be = re(f, () => y.transitionDuration), Ve = ({ availableHeight: e }) => p({
+		}, He = ae(f, () => y.transitionDuration), Ue = ({ availableHeight: e }) => p({
 			class: ["bb-hover-card__panel", { "bb-hover-card__panel--scrollable": y.scrollable }],
-			inert: Be.value,
+			inert: He.value,
 			style: { "--max-h": y.scrollable && e != null ? `${e}px` : void 0 }
-		}, D.panel), He = l(() => {
+		}, D.panel), We = l(() => {
 			if (!y.width) return !1;
 			let { unit: e } = o(y.width);
 			return e === "%";
-		}), { width: Ue } = xe(l(() => He.value ? C.value : void 0), {
+		}), { width: Ge } = Ce(l(() => i(We.value ? C.value : void 0)), {
 			width: 0,
 			height: 0
-		}, { box: "border-box" }), We = l(() => {
+		}, { box: "border-box" }), Ke = l(() => {
 			if (!y.width) return;
 			let { value: e, unit: t } = o(y.width);
-			return t === "%" && C.value ? `${Ue.value * (e / 100)}px` : `${e}px`;
+			return t === "%" && C.value ? `${Ge.value * (e / 100)}px` : `${e}px`;
 		});
-		return ge($), (e, t) => (m(), d(le, null, [T.value ? u("", !0) : g(e.$slots, "activator", me(p({ key: 0 }, {
-			props: ke.value,
+		return ve($), (e, t) => (m(), d(de, null, [T.value ? u("", !0) : g(e.$slots, "activator", ge(p({ key: 0 }, {
+			props: Me.value,
 			disabled: !!e.disabled,
 			open: f.value,
 			placement: e.placement
-		}))), de(ne, p({
+		}))), pe(ie, p({
 			id: S,
 			ref: "popover-ref",
 			modelValue: f.value,
 			"onUpdate:modelValue": t[0] ||= (e) => f.value = e,
 			anchor: C.value,
 			boundary: e.boundary,
-			"bubble-attrs": Ve,
+			"bubble-attrs": Ue,
 			class: "bb-hover-card",
 			eager: e.eager,
 			"hide-arrow": "",
 			offset: e.offset,
 			padding: e.padding,
 			placement: e.placement,
-			style: { width: We.value },
+			style: { width: Ke.value },
 			tag: "span",
 			"transition-duration": e.transitionDuration
-		}, p(e.$attrs, _(D).root, Oe.value), {
+		}, p(e.$attrs, _(D).root, Ae.value), {
 			onHidden: t[1] ||= (e) => b("hidden"),
 			onShown: t[2] ||= (e) => b("shown")
 		}), {
-			default: be(() => [
+			default: Se(() => [
 				e.$slots.header ? (m(), d("span", p({
 					key: 0,
 					class: "bb-hover-card__header"
@@ -266,7 +266,7 @@ var Ce = 200, y = /*@__PURE__*/ fe({
 					open: f.value,
 					placement: e.placement
 				})], 16)) : u("", !0),
-				ue("span", p({ class: "bb-hover-card__content scrollbar-border" }, _(D).content), [g(e.$slots, "default", {
+				fe("span", p({ class: "bb-hover-card__content scrollbar-border" }, _(D).content), [g(e.$slots, "default", {
 					close: $,
 					disabled: !!e.disabled,
 					open: f.value,

package/dist/components/BbIndicator/BbIndicator.vue_vue_type_script_setup_true_lang.js

@@ -1,20 +1,31 @@
 import { useLogger as e } from "../../composables/useLogger.js";
 import { isNil as t } from "../../utilities/functions/isNil.js";
-import { usePassthrough as n } from "../../composables/usePassthrough.js";
-import { BB_INDICATOR_PT as r } from "./types.js";
-import { Fragment as i, Transition as a, computed as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, useAttrs as _, withCtx as v } from "vue";
+import { usePassthrough as n, variantPt as r } from "../../composables/usePassthrough.js";
+import { BB_INDICATOR_PT as i } from "./types.js";
+import { Fragment as a, Transition as o, computed as s, createCommentVNode as c, createElementBlock as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeProps as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v, withCtx as y } from "vue";
 //#region src/components/BbIndicator/BbIndicator.vue?vue&type=script&setup=true&lang.ts
-var y = [
+var b = [
 	"aria-atomic",
 	"aria-hidden",
 	"aria-live",
 	"role"
-], b = /*@__PURE__*/ d({
+], x = /*@__PURE__*/ f({
+	mixins: [r(i)],
 	inheritAttrs: !1,
 	__name: "BbIndicator",
 	props: {
 		"pt:root": {},
 		"pt:bubble": {},
+		"pt:root:default": {},
+		"pt:root:success": {},
+		"pt:root:info": {},
+		"pt:root:warning": {},
+		"pt:root:destructive": {},
+		"pt:bubble:default": {},
+		"pt:bubble:success": {},
+		"pt:bubble:info": {},
+		"pt:bubble:warning": {},
+		"pt:bubble:destructive": {},
 		pt: {},
 		text: {},
 		max: {},
@@ -24,14 +35,18 @@ var y = [
 		size: { default: "md" },
 		variant: { default: "default" }
 	},
-	setup(d) {
-		let b = d, x = n({
+	setup(r) {
+		let f = r, x = n({
 			component: "BbIndicator",
-			attrs: _(),
-			props: b,
-			parts: r.parts,
-			states: r.states,
-			active: {}
+			attrs: v(),
+			props: f,
+			parts: i.parts,
+			states: i.states,
+			active: {},
+			variant: {
+				...i.variant,
+				current: () => f.variant
+			}
 		}), S = e(), C = [
 			"xs",
 			"sm",
@@ -39,31 +54,31 @@ var y = [
 			"lg",
 			"xl",
 			"2xl"
-		], w = o(() => C.includes(b.size) ? b.size : (S.warn(`Invalid size: "${b.size}" in BbIndicator. Expected one of: ${C.join(", ")}. Falling back to "md".`), "md")), T = o(() => b.dot || !t(b.text)), E = o(() => typeof b.text == "number" && !t(b.max) && b.max > 0 && b.text > b.max ? `${b.max}+` : b.text), D = o(() => [
+		], w = s(() => C.includes(f.size) ? f.size : (S.warn(`Invalid size: "${f.size}" in BbIndicator. Expected one of: ${C.join(", ")}. Falling back to "md".`), "md")), T = s(() => f.dot || !t(f.text)), E = s(() => typeof f.text == "number" && !t(f.max) && f.max > 0 && f.text > f.max ? `${f.max}+` : f.text), D = s(() => [
 			"bb-indicator",
 			`bb-indicator--${w.value}`,
-			b.variant && `bb-indicator--${b.variant}`,
+			f.variant && `bb-indicator--${f.variant}`,
 			{
-				"bb-indicator--dot": b.dot,
-				"bb-indicator--bottom": b.bottom,
-				"bb-indicator--left": b.left
+				"bb-indicator--dot": f.dot,
+				"bb-indicator--bottom": f.bottom,
+				"bb-indicator--left": f.left
 			}
 		]);
-		return (e, t) => (p(), c("span", f({ class: D.value }, g(x).rootAttrs), [m(e.$slots, "default"), u(a, {
+		return (e, t) => (m(), l("span", p({ class: D.value }, _(x).rootAttrs), [h(e.$slots, "default"), d(o, {
 			appear: "",
 			name: "bb-indicator-bubble"
 		}, {
-			default: v(() => [T.value ? (p(), c("span", f({
+			default: y(() => [T.value ? (m(), l("span", p({
 				key: 0,
-				"aria-atomic": b.dot ? void 0 : "true",
-				"aria-hidden": b.dot || void 0,
-				"aria-live": b.dot ? void 0 : "polite",
+				"aria-atomic": f.dot ? void 0 : "true",
+				"aria-hidden": f.dot || void 0,
+				"aria-live": f.dot ? void 0 : "polite",
 				class: "bb-indicator__bubble",
-				role: b.dot ? void 0 : "status"
-			}, g(x).bubble), [b.dot ? s("", !0) : (p(), c(i, { key: 0 }, [l(h(E.value), 1)], 64))], 16, y)) : s("", !0)]),
+				role: f.dot ? void 0 : "status"
+			}, _(x).bubble), [f.dot ? c("", !0) : (m(), l(a, { key: 0 }, [u(g(E.value), 1)], 64))], 16, b)) : c("", !0)]),
 			_: 1
 		})], 16));
 	}
 });
 //#endregion
-export { b as default };
+export { x as default };

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

@@ -1,6 +1,6 @@
 import { Sizes } from '../../types/SizeScale';
-import { PtMap, PtValue } from '../../types/passthrough';
-import { IndicatorVariantType } from '../../types/IndicatorVariant';
+import { PtMap, PtValue, PtVariantAttrs } from '../../types/passthrough';
+import { IndicatorVariantBuiltIn, IndicatorVariantRegistry, IndicatorVariantType } from '../../types/IndicatorVariant';
 /**
  * Passthrough parts of `BbIndicator` (plans/passthrough/BbIndicator.md).
  * Nothing it paints is a state.
@@ -16,15 +16,19 @@ export type BbIndicatorPtPart = 'root' | 'bubble';
 export declare const BB_INDICATOR_PT: {
     readonly parts: readonly ["root", "bubble"];
     readonly states: readonly [];
+    readonly variant: {
+        readonly names: readonly ["default", "success", "info", "warning", "destructive"];
+        readonly option: "indicatorVariants";
+    };
 };
 export type BbIndicatorProps = {
-    [K in `pt:${BbIndicatorPtPart}`]?: PtValue;
-} & {
+    [K in `pt:${BbIndicatorPtPart}` | `pt:${BbIndicatorPtPart}:${IndicatorVariantBuiltIn}`]?: PtValue;
+} & /* @vue-ignore */ PtVariantAttrs<BbIndicatorPtPart, keyof IndicatorVariantRegistry> & {
     /**
      * Passthrough, object form: the same keys as the `pt:*` attributes
      * without the prefix. See the `pt:<part>` row.
      */
-    pt?: PtMap<BbIndicatorPtPart, never>;
+    pt?: PtMap<BbIndicatorPtPart, IndicatorVariantBuiltIn | keyof IndicatorVariantRegistry>;
     /**
      * Content shown inside the indicator bubble. A `number` is accepted for count
      * ergonomics (e.g. `:text="unread"`). When omitted the indicator renders only

package/dist/components/BbIndicator/types.js

@@ -1,7 +1,12 @@
+import { INDICATOR_VARIANTS as e } from "../../types/IndicatorVariant.js";
 //#region src/components/BbIndicator/types.ts
-var e = {
+var t = {
 	parts: ["root", "bubble"],
-	states: []
+	states: [],
+	variant: {
+		names: e,
+		option: "indicatorVariants"
+	}
 };
 //#endregion
-export { e as BB_INDICATOR_PT };
+export { t as BB_INDICATOR_PT };