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

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

@@ -1,6 +1,6 @@
 import { Responsive } from '../../types/ResponsiveSize';
-import { InputVariantType } from '../../types/InputVariant';
-import { FormControlPtState, PtMap, PtValue, TextControlPtPart } from '../../types/passthrough';
+import { InputVariantBuiltIn, InputVariantRegistry, InputVariantType } from '../../types/InputVariant';
+import { FormControlPtState, PtMap, PtValue, TextControlPtPart, PtVariantAttrs } from '../../types/passthrough';
 import { HTMLAttributes, InputHTMLAttributes } from 'vue';
 import { FieldCrossAlign, FieldLayout } from '../../types/FieldLayout';
 import { IconType } from '../../types/Icon';
@@ -64,15 +64,22 @@ export type BbTimePickerInputPtState = FormControlPtState | 'open' | 'selected';
 export declare const BB_TIME_PICKER_INPUT_PT: {
     readonly parts: readonly ["root", "label", "description", "message", "hint", "box", "input", "icon", "spinner", "prefix", "suffix", "clear", "activator", "panel", "sheet", "header", "cellColumnHeader", "item"];
     readonly states: readonly ["hasValue", "selected", "readonly", "disabled", "warnings", "errors", "open", "loading"];
+    readonly variant: {
+        readonly names: readonly ["outline", "secondary", "ghost"];
+        readonly option: "inputVariants";
+        readonly parts: readonly ["root", "label", "description", "message", "hint", "box", "input", "icon", "spinner", "prefix", "suffix", "clear", "activator"];
+    };
 };
 export type BbTimePickerInputProps = {
-    [K in `pt:${BbTimePickerInputPtPart}` | `pt:${BbTimePickerInputPtPart}:${BbTimePickerInputPtState}`]?: PtValue;
-} & {
+    [K in `pt:${BbTimePickerInputPtPart}` | `pt:${BbTimePickerInputPtPart}:${BbTimePickerInputPtState}` | `pt:${TextControlPtPart}:${InputVariantBuiltIn}` | `pt:activator:${InputVariantBuiltIn}`]?: PtValue;
+} & /* @vue-ignore */ PtVariantAttrs<TextControlPtPart | 'activator', keyof InputVariantRegistry> & {
     /**
      * Passthrough, object form: the same keys as the `pt:*` attributes
      * without the prefix. See the `pt:<part>` row.
      */
-    pt?: PtMap<BbTimePickerInputPtPart, BbTimePickerInputPtState>;
+    pt?: PtMap<BbTimePickerInputPtPart, BbTimePickerInputPtState> & {
+        [K in `${TextControlPtPart | 'activator'}:${InputVariantBuiltIn | keyof InputVariantRegistry}`]?: PtValue;
+    };
     /**
      * On mobile the time columns open inside a bottom off-canvas sheet instead
      * of a floating popover. When unset, falls back to the global

package/dist/components/BbTimePickerInput/types.js

@@ -1,6 +1,7 @@
 import { TEXT_CONTROL_PT_PARTS as e } from "../../types/passthrough.js";
+import { INPUT_VARIANTS as t } from "../../types/InputVariant.js";
 //#region src/components/BbTimePickerInput/types.ts
-var t = {
+var n = {
 	parts: [
 		...e,
 		"activator",
@@ -19,7 +20,12 @@ var t = {
 		"errors",
 		"open",
 		"loading"
-	]
+	],
+	variant: {
+		names: t,
+		option: "inputVariants",
+		parts: [...e, "activator"]
+	}
 };
 //#endregion
-export { t as BB_TIME_PICKER_INPUT_PT };
+export { n as BB_TIME_PICKER_INPUT_PT };

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

@@ -1,14 +1,15 @@
-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 { 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 { BB_TOAST_PT as l } from "./types.js";
-import { Fragment as u, Teleport as d, computed as f, createBlock as p, createElementBlock as m, defineComponent as h, nextTick as g, onMounted as _, onUnmounted as v, openBlock as y, ref as b, renderList as x, shallowRef as S, unref as C, useAttrs as w, watch as T } 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 { topLayerHost as a } from "../../composables/useTopLayer.js";
+import { __registerToastHost as o, resolveToastPosition as s, toastState as c } from "../../composables/useToast.js";
+import l from "./BbToastRegion.vue.js";
+import { BB_TOAST_PT as u } from "./types.js";
+import { Fragment as d, Teleport as f, computed as p, createBlock as m, createElementBlock as h, defineComponent as g, nextTick as _, onMounted as v, onUnmounted as y, openBlock as b, ref as x, renderList as S, shallowRef as C, unref as w, useAttrs as T, watch as E } from "vue";
 //#region src/components/BbToast/BbToast.vue?vue&type=script&setup=true&lang.ts
-var E = /*@__PURE__*/ h({
+var D = /*@__PURE__*/ g({
+	mixins: [t(u)],
 	inheritAttrs: !1,
 	__name: "BbToast",
 	props: {
@@ -29,47 +30,88 @@ var E = /*@__PURE__*/ h({
 		"pt:footer:loading": {},
 		"pt:action:loading": {},
 		"pt:close:loading": {},
+		"pt:panel:default": {},
+		"pt:panel:success": {},
+		"pt:panel:info": {},
+		"pt:panel:warning": {},
+		"pt:panel:destructive": {},
+		"pt:icon:default": {},
+		"pt:icon:success": {},
+		"pt:icon:info": {},
+		"pt:icon:warning": {},
+		"pt:icon:destructive": {},
+		"pt:content:default": {},
+		"pt:content:success": {},
+		"pt:content:info": {},
+		"pt:content:warning": {},
+		"pt:content:destructive": {},
+		"pt:title:default": {},
+		"pt:title:success": {},
+		"pt:title:info": {},
+		"pt:title:warning": {},
+		"pt:title:destructive": {},
+		"pt:text:default": {},
+		"pt:text:success": {},
+		"pt:text:info": {},
+		"pt:text:warning": {},
+		"pt:text:destructive": {},
+		"pt:footer:default": {},
+		"pt:footer:success": {},
+		"pt:footer:info": {},
+		"pt:footer:warning": {},
+		"pt:footer:destructive": {},
+		"pt:action:default": {},
+		"pt:action:success": {},
+		"pt:action:info": {},
+		"pt:action:warning": {},
+		"pt:action:destructive": {},
+		"pt:close:default": {},
+		"pt:close:success": {},
+		"pt:close:info": {},
+		"pt:close:warning": {},
+		"pt:close:destructive": {},
 		pt: {}
 	},
-	setup(h) {
-		let E = h, D = e({
+	setup(t) {
+		let g = t, D = e({
 			component: "BbToast",
-			attrs: w(),
-			props: E,
-			parts: l.parts,
-			states: l.states,
-			active: {}
-		}), O = t();
-		process.env.NODE_ENV !== "production" && r("BbToast", n("BbToast"));
+			attrs: T(),
+			props: g,
+			parts: u.parts,
+			states: u.states,
+			active: {},
+			variant: u.variant
+		}), O = n();
+		process.env.NODE_ENV !== "production" && i("BbToast", r("BbToast"));
 		let k;
-		_(() => {
-			k = a().unregister;
-		}), v(() => {
+		v(() => {
+			k = o().unregister;
+		}), y(() => {
 			k?.();
 		});
-		let A = S(i.value ?? "body"), j = b(!i.value);
-		T(i, async (e) => {
+		let A = C(a.value ?? "body"), j = x(!a.value);
+		E(a, async (e) => {
 			if (e) {
 				A.value = e, j.value = !1;
 				return;
 			}
-			A.value = "body", await g(), i.value || (j.value = !0);
+			A.value = "body", await _(), a.value || (j.value = !0);
 		});
-		let M = f(() => {
+		let M = p(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of s.toasts) {
-				let n = o(t, O.toastPosition), r = e.get(n);
+			for (let t of c.toasts) {
+				let n = s(t, O.toastPosition), r = e.get(n);
 				r ? r.push(t) : e.set(n, [t]);
 			}
 			return [...e];
 		});
-		return (e, t) => (y(), p(d, {
+		return (e, t) => (b(), m(f, {
 			disabled: j.value,
 			to: A.value
-		}, [(y(!0), m(u, null, x(M.value, ([e, t]) => (y(), p(c, {
+		}, [(b(!0), h(d, null, S(M.value, ([e, t]) => (b(), m(l, {
 			key: e,
 			home: j.value ? null : A.value,
-			passthrough: C(D),
+			passthrough: w(D),
 			position: e,
 			toasts: t
 		}, null, 8, [
@@ -81,4 +123,4 @@ var E = /*@__PURE__*/ h({
 	}
 });
 //#endregion
-export { E as default };
+export { D as default };

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

@@ -4,9 +4,9 @@ import n from "../BbIcon/BbIcon.vue.js";
 import r from "../BbSpinner/BbSpinner.vue.js";
 import ee from "../BbButton/BbButton.vue.js";
 import { namedToastPortalRegistry as te } 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, normalizeProps as f, onBeforeUnmount as ne, onMounted as re, openBlock as p, ref as m, renderList as ie, resolveDynamicComponent as h, toDisplayString as g, unref as ae, watch as _ } from "vue";
+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, normalizeProps as f, onBeforeUnmount as p, onMounted as ne, openBlock as m, ref as h, renderList as g, resolveDynamicComponent as _, toDisplayString as v, unref as re, watch as y } from "vue";
 //#region src/components/BbToast/BbToastMessage.vue?vue&type=script&setup=true&lang.ts
-var oe = ["aria-live", "role"], se = ["aria-label"], v = 3, y = 4e3, b = /*@__PURE__*/ u({
+var ie = ["aria-live", "role"], ae = ["aria-label"], oe = 3, b = 4e3, x = /*@__PURE__*/ u({
 	__name: "BbToastMessage",
 	props: {
 		toast: {},
@@ -19,52 +19,52 @@ var oe = ["aria-live", "role"], se = ["aria-label"], v = 3, y = 4e3, b = /*@__PU
 		passthrough: {}
 	},
 	emits: ["height", "dismiss"],
-	setup(u, { emit: b }) {
-		let x = u, S = b, C = (e) => x.passthrough?.part?.(e, { loading: !!x.toast.loading }), { t: w } = t(), T = m(), E = m(), D = m(!1), O = m(0), ce = a(() => x.frontIndex === 0), k = a(() => x.frontIndex < v), le = a(() => !Number.isFinite(x.toast.duration ?? y)), ue = a(() => !x.toast.hideClose), A = a(() => x.toast.variant === "destructive" || x.toast.variant === "warning"), de = a(() => A.value ? "alert" : "status"), fe = a(() => !k.value || x.toast.removed ? "off" : A.value ? "assertive" : "polite"), pe = e(), j = a(() => x.toast.hideIcon ? void 0 : x.toast.icon ?? pe.variantIcons?.toast?.[x.toast.variant]), me = a(() => x.toast.loading || !!j.value), M = a(() => typeof x.toast.portal == "string" ? te.get(x.toast.portal) ?? null : null), N = a(() => x.toast.portal && typeof x.toast.portal != "string" ? x.toast.portal : null), he = a(() => !!M.value || !!N.value), ge = a(() => ({
-			toast: x.toast,
-			data: x.toast.data ?? {},
+	setup(u, { emit: x }) {
+		let S = u, C = x, w = (e) => S.passthrough?.part?.(e, { loading: !!S.toast.loading }, void 0, S.toast.variant), { t: se } = t(), T = h(), E = h(), D = h(!1), O = h(0), ce = a(() => S.frontIndex === 0), k = a(() => S.frontIndex < oe), le = a(() => !Number.isFinite(S.toast.duration ?? b)), ue = a(() => !S.toast.hideClose), A = a(() => S.toast.variant === "destructive" || S.toast.variant === "warning"), de = a(() => A.value ? "alert" : "status"), fe = a(() => !k.value || S.toast.removed ? "off" : A.value ? "assertive" : "polite"), pe = e(), j = a(() => S.toast.hideIcon ? void 0 : S.toast.icon ?? pe.variantIcons?.toast?.[S.toast.variant]), me = a(() => S.toast.loading || !!j.value), M = a(() => typeof S.toast.portal == "string" ? te.get(S.toast.portal) ?? null : null), N = a(() => S.toast.portal && typeof S.toast.portal != "string" ? S.toast.portal : null), he = a(() => !!M.value || !!N.value), ge = a(() => ({
+			toast: S.toast,
+			data: S.toast.data ?? {},
 			close: $
 		})), P = a(() => ({
-			...x.toast.data ?? {},
+			...S.toast.data ?? {},
 			close: $
-		})), F = a(() => x.position.startsWith("top") ? "top" : "bottom"), I = m(0), L = m(!1), _e = a(() => ({
-			"--front-index": x.frontIndex,
-			"--height-before": `${x.heightBefore}px`,
-			"--front-height": `${x.frontHeight}px`,
+		})), F = a(() => S.position.startsWith("top") ? "top" : "bottom"), I = h(0), L = h(!1), _e = a(() => ({
+			"--front-index": S.frontIndex,
+			"--height-before": `${S.heightBefore}px`,
+			"--front-height": `${S.frontHeight}px`,
 			"--toast-height": `${O.value}px`,
-			"--z": x.total - x.frontIndex,
+			"--z": S.total - S.frontIndex,
 			"--swipe-amount": `${I.value}px`
 		})), R, z, B = () => {
 			if (!E.value) return;
-			let e = E.value.offsetHeight;
-			e !== O.value && (O.value = e, S("height", x.toast.id, e));
-		}, V = m(null), ve = async (e) => {
+			let e = T.value, t = e ? e.offsetHeight - e.clientHeight : 0, n = E.value.offsetHeight + t;
+			n !== O.value && (O.value = n, C("height", S.toast.id, n));
+		}, V = h(null), ve = async (e) => {
 			if (V.value !== null) return;
-			let t = x.toast.actions?.[e];
+			let t = S.toast.actions?.[e];
 			if (!t) return;
 			V.value = e, J();
-			let n = x.toast.updatedAt;
+			let n = S.toast.updatedAt;
 			try {
-				if (t.onClick && await t.onClick(), V.value = null, x.toast.updatedAt !== n) {
+				if (t.onClick && await t.onClick(), V.value = null, S.toast.updatedAt !== n) {
 					Y();
 					return;
 				}
-				S("dismiss", x.toast.id, "action");
+				C("dismiss", S.toast.id, "action");
 			} catch {
-				V.value = null, x.paused || q();
+				V.value = null, S.paused || q();
 			}
-		}, H = a(() => x.toast.duration ?? y), U, W = 0, G = 0, K = () => {
+		}, H = a(() => S.toast.duration ?? b), U, W = 0, G = 0, K = () => {
 			U && clearTimeout(U), U = void 0;
 		}, q = () => {
-			K(), V.value === null && Number.isFinite(H.value) && (G = Date.now(), U = setTimeout(() => S("dismiss", x.toast.id, "auto"), W));
+			K(), V.value === null && Number.isFinite(H.value) && (G = Date.now(), U = setTimeout(() => C("dismiss", S.toast.id, "auto"), W));
 		}, J = () => {
 			U && (K(), W -= Date.now() - G);
 		}, Y = () => {
-			W = H.value, x.paused || q();
+			W = H.value, S.paused || q();
 		};
-		_(() => x.paused, (e) => {
+		y(() => S.paused, (e) => {
 			e ? J() : q();
-		}), _(() => [x.toast.updatedAt, H.value], () => Y());
+		}), y(() => [S.toast.updatedAt, H.value], () => Y());
 		let X = null, Z = 0, ye = (e) => {
 			le.value || e.button !== 0 || V.value === null && (e.target.closest("button") || (X = e.pointerId, Z = e.clientY, L.value = !0, T.value?.setPointerCapture(e.pointerId)));
 		}, be = (e) => {
@@ -72,17 +72,17 @@ var oe = ["aria-live", "role"], se = ["aria-label"], v = 3, y = 4e3, b = /*@__PU
 			let t = e.clientY - Z;
 			I.value = F.value === "bottom" ? Math.max(0, t) : Math.min(0, t);
 		}, Q = (e) => {
-			!L.value || e.pointerId !== X || (L.value = !1, X = null, Math.abs(I.value) > 45 ? S("dismiss", x.toast.id, "manual") : I.value = 0);
-		}, $ = () => S("dismiss", x.toast.id, "manual");
-		return re(() => {
+			!L.value || e.pointerId !== X || (L.value = !1, X = null, Math.abs(I.value) > 45 ? C("dismiss", S.toast.id, "manual") : I.value = 0);
+		}, $ = () => C("dismiss", S.toast.id, "manual");
+		return ne(() => {
 			B(), R = new ResizeObserver(B), E.value && R.observe(E.value), Y(), z = requestAnimationFrame(() => {
 				z = requestAnimationFrame(() => {
 					D.value = !0;
 				});
 			});
-		}), ne(() => {
+		}), p(() => {
 			K(), z !== void 0 && cancelAnimationFrame(z), R?.disconnect();
-		}), (e, t) => (p(), c("li", d({
+		}), (e, t) => (m(), c("li", d({
 			ref_key: "cardEl",
 			ref: T,
 			"aria-atomic": !0,
@@ -100,33 +100,33 @@ var oe = ["aria-live", "role"], se = ["aria-label"], v = 3, y = 4e3, b = /*@__PU
 			onPointerdown: ye,
 			onPointermove: be,
 			onPointerup: Q
-		}, C("panel")), [l("div", {
+		}, w("panel")), [l("div", {
 			ref_key: "innerEl",
 			ref: E,
 			class: "bb-toast__inner"
-		}, [he.value ? (p(), c("div", d({
+		}, [he.value ? (m(), c("div", d({
 			key: 0,
 			class: "bb-toast__content bb-toast__content--portal"
-		}, C("content")), [M.value ? (p(), o(h(M.value), f(d({ key: 0 }, ge.value)), null, 16)) : (p(), o(h(N.value), f(d({ key: 1 }, P.value)), null, 16))], 16)) : (p(), c(i, { key: 1 }, [me.value ? (p(), c("div", d({
+		}, w("content")), [M.value ? (m(), o(_(M.value), f(d({ key: 0 }, ge.value)), null, 16)) : (m(), o(_(N.value), f(d({ key: 1 }, P.value)), null, 16))], 16)) : (m(), c(i, { key: 1 }, [me.value ? (m(), c("div", d({
 			key: 0,
 			"aria-hidden": "true",
 			class: "bb-toast__icon"
-		}, C("icon")), [e.toast.loading ? (p(), o(r, {
+		}, w("icon")), [e.toast.loading ? (m(), o(r, {
 			key: 0,
 			size: "sm"
-		})) : j.value ? (p(), o(n, {
+		})) : j.value ? (m(), o(n, {
 			key: 1,
 			icon: j.value
-		}, null, 8, ["icon"])) : s("", !0)], 16)) : s("", !0), l("div", d({ class: "bb-toast__content" }, C("content")), [
-			l("p", d({ class: "bb-toast__title" }, C("title")), g(e.toast.title), 17),
-			e.toast.text ? (p(), c("p", d({
+		}, null, 8, ["icon"])) : s("", !0)], 16)) : s("", !0), l("div", d({ class: "bb-toast__content" }, w("content")), [
+			l("p", d({ class: "bb-toast__title" }, w("title")), v(e.toast.title), 17),
+			e.toast.text ? (m(), c("p", d({
 				key: 0,
 				class: "bb-toast__text"
-			}, C("text")), g(e.toast.text), 17)) : s("", !0),
-			e.toast.actions?.length ? (p(), c("div", d({
+			}, w("text")), v(e.toast.text), 17)) : s("", !0),
+			e.toast.actions?.length ? (m(), c("div", d({
 				key: 1,
 				class: "bb-toast__footer"
-			}, C("footer")), [(p(!0), c(i, null, ie(e.toast.actions, (e, t) => (p(), o(ee, d({
+			}, w("footer")), [(m(!0), c(i, null, g(e.toast.actions, (e, t) => (m(), o(ee, d({
 				key: t,
 				class: "bb-toast__action",
 				"append:icon": e["append:icon"],
@@ -140,7 +140,7 @@ var oe = ["aria-live", "role"], se = ["aria-label"], v = 3, y = 4e3, b = /*@__PU
 				variant: e.variant ?? "primary",
 				onClick: (e) => ve(t),
 				ref_for: !0
-			}, C("action")), null, 16, [
+			}, w("action")), null, 16, [
 				"append:icon",
 				"block",
 				"disabled",
@@ -152,13 +152,13 @@ var oe = ["aria-live", "role"], se = ["aria-label"], v = 3, y = 4e3, b = /*@__PU
 				"variant",
 				"onClick"
 			]))), 128))], 16)) : s("", !0)
-		], 16)], 64)), ue.value ? (p(), c("button", d({
+		], 16)], 64)), ue.value ? (m(), c("button", d({
 			key: 2,
-			"aria-label": ae(w)("common.closeLabel").value,
+			"aria-label": re(se)("common.closeLabel").value,
 			class: "bb-toast__close",
 			type: "button",
 			onClick: $
-		}, C("close")), t[0] ||= [l("svg", {
+		}, w("close")), t[0] ||= [l("svg", {
 			fill: "none",
 			viewBox: "0 0 24 24",
 			xmlns: "http://www.w3.org/2000/svg"
@@ -167,8 +167,8 @@ var oe = ["aria-live", "role"], se = ["aria-label"], v = 3, y = 4e3, b = /*@__PU
 			stroke: "currentColor",
 			"stroke-linecap": "round",
 			"stroke-width": "2"
-		})], -1)], 16, se)) : s("", !0)], 512)], 16, oe));
+		})], -1)], 16, ae)) : s("", !0)], 512)], 16, ie));
 	}
 });
 //#endregion
-export { b as default };
+export { x as default };

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

@@ -1,7 +1,7 @@
 import { Component } from 'vue';
-import { PtMap, PtValue } from '../../types/passthrough';
+import { PtMap, PtValue, PtVariantAttrs } from '../../types/passthrough';
 import { IconType } from '../../types/Icon';
-import { ToastVariantType } from '../../types/ToastVariant';
+import { ToastVariantBuiltIn, ToastVariantRegistry, ToastVariantType } from '../../types/ToastVariant';
 import { ActionButtonConfig } from '../../types/ActionButton';
 /**
  * Corner of the viewport a toast is rendered in.
@@ -119,16 +119,21 @@ export declare const BB_TOAST_PT: {
     /** `rowStates` are declared on `rowParts` only — the region never has them. */
     readonly rowParts: readonly ["panel", "icon", "content", "title", "text", "footer", "action", "close"];
     readonly rowStates: readonly ["loading"];
+    readonly variant: {
+        readonly names: readonly ["default", "success", "info", "warning", "destructive"];
+        readonly option: "toastVariants";
+        readonly parts: readonly ["panel", "icon", "content", "title", "text", "footer", "action", "close"];
+    };
 };
 export type BbToastProps = {
-    [K in `pt:${BbToastPtPart}` | `pt:${BbToastCardPtPart}:loading`]?: PtValue;
-} & {
+    [K in `pt:${BbToastPtPart}` | `pt:${BbToastCardPtPart}:loading` | `pt:${BbToastCardPtPart}:${ToastVariantBuiltIn}`]?: PtValue;
+} & /* @vue-ignore */ PtVariantAttrs<BbToastCardPtPart, keyof ToastVariantRegistry> & {
     /**
      * Passthrough, object form: the same keys as the `pt:*` attributes
      * without the prefix. See the `pt:<part>` row.
      */
     pt?: PtMap<BbToastPtPart, never> & {
-        [K in `${BbToastCardPtPart}:loading`]?: PtValue;
+        [K in `${BbToastCardPtPart}:loading` | `${BbToastCardPtPart}:${ToastVariantBuiltIn | keyof ToastVariantRegistry}`]?: PtValue;
     };
 };
 export {};

package/dist/components/BbToast/types.js

@@ -1,5 +1,6 @@
+import { TOAST_VARIANTS as e } from "../../types/ToastVariant.js";
 //#region src/components/BbToast/types.ts
-var e = {
+var t = {
 	parts: [
 		"root",
 		"panel",
@@ -22,7 +23,21 @@ var e = {
 		"action",
 		"close"
 	],
-	rowStates: ["loading"]
+	rowStates: ["loading"],
+	variant: {
+		names: e,
+		option: "toastVariants",
+		parts: [
+			"panel",
+			"icon",
+			"content",
+			"title",
+			"text",
+			"footer",
+			"action",
+			"close"
+		]
+	}
 };
 //#endregion
-export { e as BB_TOAST_PT };
+export { t as BB_TOAST_PT };