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

package/dist/composables/usePassthrough.js

@@ -45,31 +45,49 @@ var O = 1e3, k = /* @__PURE__ */ new Map(), A = (e) => {
 	D.dedupes++;
 	let n = k.get(t);
 	return n === void 0 && (D.dedupeMisses++, n = _(t), k.size >= O && k.clear(), k.set(t, n)), n;
-}, j = (e) => (e.class !== void 0 && (e.class = A(e.class)), e), M = /* @__PURE__ */ new Set(), N = (e) => Array.isArray(e) || !!e && typeof e == "object" && !("class" in e) && !("style" in e) && !("attrs" in e) && Object.keys(e).length > 0, P = (e) => e.replace(/-/g, "").toLowerCase();
-function F(n) {
-	let { component: f, props: p, parts: h, states: g, active: _, attrs: v, inherit: y } = n, b = (e) => {
+}, j = (e) => (e.class !== void 0 && (e.class = A(e.class)), e), M = /* @__PURE__ */ new Set(), N = (e) => Array.isArray(e) || !!e && typeof e == "object" && !("class" in e) && !("style" in e) && !("attrs" in e) && Object.keys(e).length > 0, P = (e) => {
+	let t = h, n = t.variantNames?.[e], r = t[e], i = [...Array.isArray(n) ? n : [], ...Array.isArray(r) ? r : r && typeof r == "object" ? Object.keys(r) : []];
+	return [...new Set(i.filter((e) => typeof e == "string").map((e) => e.trim()).filter(Boolean))];
+}, F = (e, t) => [.../* @__PURE__ */ new Set([...e, ...P(t)])], I = (e) => {
+	let t = {};
+	for (let n of [].concat(e.variant)) for (let r of P(n.option)) if (!n.names.includes(r)) for (let i of n.parts ?? e.parts) t[`pt:${i}:${r}`] = null;
+	return { props: t };
+}, L = (e) => e.replace(/-/g, "").toLowerCase();
+function R(n) {
+	let { component: f, props: p, parts: h, states: g, active: _, attrs: v, inherit: y, variant: b } = n, S = (b ? [].concat(b) : []).map((e) => {
+		let t;
+		return {
+			parts: e.parts ?? h,
+			current: e.current,
+			names: () => t ??= F(e.names, e.option)
+		};
+	}), w = (e, t) => {
+		let n = S.find((t) => t.parts.includes(e)), r = n?.current ? n.current() : t;
+		return r && !g.includes(r) ? `${e}:${r}` : void 0;
+	}, O = (e) => {
 		if (!y) return;
 		let t = e.indexOf(":"), n = t < 0 ? e : e.slice(0, t), r = y.parts[n];
 		return r && (t < 0 ? r : r + e.slice(t));
-	}, S = new Map((n.controlAttrs ?? []).map((e) => [P(e), e])), w = E && l() ? u(e, null) : null, O = () => {
+	}, k = new Map((n.controlAttrs ?? []).map((e) => [L(e), e])), A = E && l() ? u(e, null) : null, P = () => {
 		let e = [];
-		for (let t of w?.value ?? []) {
+		for (let t of A?.value ?? []) {
 			let n = T[t]?.[f];
 			n && e.push([t, n]);
 		}
 		return e;
-	}, k = (e) => S.size > 0 ? S.get(P(e)) : void 0, A = (e) => k(e) !== void 0;
+	}, I = (e) => k.size > 0 ? k.get(L(e)) : void 0, R = (e) => I(e) !== void 0;
 	if (process.env.NODE_ENV !== "production") {
 		let e = t(), n = /* @__PURE__ */ new Set();
 		for (let e of h) {
 			n.add(e);
 			for (let t of g) n.add(`${e}:${t}`);
 		}
+		for (let e of S) for (let t of e.parts) for (let r of e.names()) n.add(`${t}:${r}`);
 		let r = (t, n) => {
 			let r = `${f}|${t}|${n}`;
 			if (M.has(r)) return;
 			M.add(r);
-			let i = o(n), a = i && !h.includes(i.part) ? `"${i.part}" is not a part of ${f}. Parts: ${h.join(", ")}.` : i && i.state && !g.includes(i.state) ? `"${i.state}" is not a state of ${f}. States: ${g.join(", ")}.` : "Use \"<part>\" or \"<part>:<state>\" with one state at most.";
+			let i = o(n), a = i && !h.includes(i.part) ? `"${i.part}" is not a part of ${f}. Parts: ${h.join(", ")}.` : i && i.state && !g.includes(i.state) ? `"${i.state}" is not a state of ${f}. States: ${g.join(", ")}.${S.map((e) => ` Variants (on ${e.parts.join(", ")}): ${e.names().join(", ")}.`).join("")}` : "Use \"<part>\" or \"<part>:<state>\" with one state at most.";
 			e.warn(`${f}: passthrough key "${n}" in ${t} matches nothing and is ignored. ${a}`);
 		}, i = (t, n) => {
 			let r = `${f}|${t}|${n}|shape`;
@@ -77,20 +95,20 @@ function F(n) {
 		}, a = (e, t) => {
 			for (let [a, o] of Object.entries(t)) n.has(a) ? N(o) && i(e, a) : r(e, a);
 		};
-		(p.pt !== void 0 || C[f] || w && Object.values(T).some((e) => e[f])) && m(() => {
+		(p.pt !== void 0 || C[f] || A && Object.values(T).some((e) => e[f])) && m(() => {
 			let e = p.pt;
 			e && typeof e == "object" && a("the `pt` object", e);
 			let t = C[f];
 			t && typeof t == "object" && a("the global `pt` map", t);
-			for (let [e, t] of O()) typeof t == "object" && a(`the \`ptScopes.${e}\` map`, t);
+			for (let [e, t] of P()) typeof t == "object" && a(`the \`ptScopes.${e}\` map`, t);
 		});
 		for (let e of h) for (let t of [e, ...g.map((t) => `${e}:${t}`)]) {
 			let e = p[s(`pt:${t}`)];
 			N(e) && i(`the \`pt:${t}\` attribute`, t);
 		}
 	}
-	let F = (e, t, n = !1) => {
-		let r = p.pt, i = 0, o = b(e), c = (n) => {
+	let z = (e, t, n = !1) => {
+		let r = p.pt, i = 0, o = O(e), c = (n) => {
 			if (!n) return;
 			if (o) {
 				let e = a(n[y.component]?.[o]);
@@ -99,7 +117,7 @@ function F(n) {
 			let r = a(n[f]?.[e]);
 			r && (t.push(r), i++);
 		};
-		if (n || c(C), w && !n) for (let e of w.value) c(T[e]);
+		if (n || c(C), A && !n) for (let e of A.value) c(T[e]);
 		if (e === "root" && v && !n) {
 			let e = v.class;
 			e != null && e !== "" && t.push({ class: e });
@@ -109,57 +127,60 @@ function F(n) {
 			e && (t.push(e), i++);
 		}
 		return i;
-	}, I = (e, t) => {
+	}, B = (e, t, n) => {
 		D.resolves++;
-		let n = [], r = F(e, n);
-		for (let i of g) t(i) && (r += F(`${e}:${i}`, n));
-		return n.length === 0 ? x : r === 0 ? n[0] : n.length === 1 ? j(n[0]) : (D.merges++, j(d(...n)));
-	}, L = (e) => _[e]?.() ?? !1, R = {};
+		let r = [], i = z(e, r), a = w(e, n);
+		a && (i += z(a, r));
+		for (let n of g) t(n) && (i += z(`${e}:${n}`, r));
+		return r.length === 0 ? x : i === 0 ? r[0] : r.length === 1 ? j(r[0]) : (D.merges++, j(d(...r)));
+	}, V = (e) => _[e]?.() ?? !1, H = () => S.find((e) => e.current)?.current?.(), U = {};
 	for (let e of h) {
 		let t;
-		Object.defineProperty(R, e, {
-			get: () => (t ??= c(() => I(e, L))).value,
+		Object.defineProperty(U, e, {
+			get: () => (t ??= c(() => B(e, V))).value,
 			enumerable: !0
 		});
 	}
-	let z = (e) => {
+	let W = (e) => {
 		let t = p.pt, n = i(t?.[e]), r = i(p[s(`pt:${e}`)]);
 		return n.length ? n.concat(r) : r;
-	}, B = /* @__PURE__ */ new Map(), V = (e, t, n) => {
-		let r = e;
+	}, G = /* @__PURE__ */ new Map(), K = (e, t, r, i) => {
+		let o = e;
 		for (let e of g) {
 			let n = t[e];
-			n !== void 0 && (r += `|${e}=${+!!n}`);
+			n !== void 0 && (o += `|${e}=${+!!n}`);
 		}
-		let i = B.get(r);
-		if (!i) {
+		i !== void 0 && (o += `|v=${i}`);
+		let s = G.get(o);
+		if (!s) {
 			let n = { ...t };
-			i = c(() => I(e, (e) => n[e] ?? L(e))), B.set(r, i);
+			s = c(() => B(e, (e) => n[e] ?? V(e), i)), G.set(o, s);
 		}
-		let o = i.value;
-		if (n === void 0) return o;
-		let s = z(e);
-		if (s.length === 0) return o;
-		let l = { item: n };
-		for (let e of g) l[e] = !!(t[e] ?? L(e));
-		let u = o;
-		for (let e of s) {
-			let t = a(e(l));
-			t && (D.merges++, u = j(u === x ? t : d(u, t)));
+		let l = s.value;
+		if (r === void 0) return l;
+		let u = W(e);
+		if (u.length === 0) return l;
+		let f = { item: r };
+		for (let e of g) f[e] = !!(t[e] ?? V(e));
+		S.length && (f.variant = i ?? H()), n.facts && Object.assign(f, n.facts(r));
+		let p = l;
+		for (let e of u) {
+			let t = a(e(f));
+			t && (D.merges++, p = j(p === x ? t : d(p, t)));
 		}
-		return u;
-	}, H = (e, t) => {
-		let n = g.filter((e) => !(t ?? g).includes(e));
-		return !n.length || !e.length ? e : e.map((e) => (t) => {
-			let r = {};
-			for (let e of n) r[e] = L(e);
-			return e({
-				...r,
+		return p;
+	}, q = (e, t) => {
+		let n = g.filter((e) => !(t ?? g).includes(e)), r = S.some((e) => e.current);
+		return !n.length && !r || !e.length ? e : e.map((e) => (t) => {
+			let i = {};
+			for (let e of n) i[e] = V(e);
+			return r && (i.variant = H()), e({
+				...i,
 				...t
 			});
 		});
-	}, U = /* @__PURE__ */ new Map(), W = (e, t, n, o = !1) => {
-		let s = Array.isArray(e) ? e.map((e) => [e, e]) : Object.entries(e), l = s.map(([e, t]) => `${e}>${t}`).join(",") + "#" + (t ?? g).join(",") + (n ? "+extra" : "") + (o ? "+instance" : ""), u = U.get(l);
+	}, J = /* @__PURE__ */ new Map(), Y = (e, t, n, o = !1) => {
+		let s = Array.isArray(e) ? e.map((e) => [e, e]) : Object.entries(e), l = s.map(([e, t]) => `${e}>${t}`).join(",") + "#" + (t ?? g).join(",") + (n ? "+extra" : "") + (o ? "+instance" : ""), u = J.get(l);
 		return u || (u = c(() => {
 			let e = {}, c = (t, n, i = []) => {
 				let a = e[t], o = { attrs: d(...a?.attrs ? [a.attrs] : [], ...n) }, s = [...a?.[r] ?? [], ...i];
@@ -167,13 +188,21 @@ function F(n) {
 			};
 			for (let [e, n] of s) {
 				let r = [];
-				F(e, r, o);
+				z(e, r, o);
+				let i = S.find((t) => t.parts.includes(e));
+				if (i) {
+					let a = i.current?.();
+					for (let s of i.names()) if (!g.includes(s)) if ((t ?? []).includes(s)) {
+						let t = [];
+						z(`${e}:${s}`, t, o), t.length && c(`${n}:${s}`, t);
+					} else s === a && z(`${e}:${s}`, r, o);
+				}
 				for (let i of g) if ((t ?? g).includes(i)) {
 					let t = [];
-					F(`${e}:${i}`, t, o), t.length && c(`${n}:${i}`, t);
-				} else L(i) && F(`${e}:${i}`, r, o);
-				let i = H(z(e), t);
-				(r.length || i.length) && c(n, r, i);
+					z(`${e}:${i}`, t, o), t.length && c(`${n}:${i}`, t);
+				} else V(i) && z(`${e}:${i}`, r, o);
+				let a = q(W(e), t);
+				(r.length || a.length) && c(n, r, a);
 			}
 			let l = n?.();
 			if (l && typeof l == "object") for (let [e, t] of Object.entries(l)) {
@@ -181,48 +210,48 @@ function F(n) {
 				(n || r.length) && c(e, n ? [n] : [], r);
 			}
 			return e;
-		}), U.set(l, u)), u.value;
+		}), J.set(l, u)), u.value;
 	};
-	return Object.defineProperty(R, "rootAttrs", {
+	return Object.defineProperty(U, "rootAttrs", {
 		get: () => {
-			let e = R.root ?? x;
+			let e = U.root ?? x;
 			if (!v) return e;
 			let t;
-			for (let e in v) e !== "class" && !A(e) && ((t ??= {})[e] = v[e]);
+			for (let e in v) e !== "class" && !R(e) && ((t ??= {})[e] = v[e]);
 			return t ? d(t, e) : e;
 		},
 		enumerable: !1
-	}), Object.defineProperty(R, "forwardAttrs", {
+	}), Object.defineProperty(U, "forwardAttrs", {
 		get: () => {
 			if (!v) return x;
 			let e;
-			for (let t in v) t !== "class" && !A(t) && ((e ??= {})[t] = v[t]);
+			for (let t in v) t !== "class" && !R(t) && ((e ??= {})[t] = v[t]);
 			return e ?? x;
 		},
 		enumerable: !1
-	}), Object.defineProperty(R, "controlAttrs", {
+	}), Object.defineProperty(U, "controlAttrs", {
 		get: () => {
-			if (!v || !S.size) return x;
+			if (!v || !k.size) return x;
 			let e;
 			for (let t in v) {
-				let n = k(t);
+				let n = I(t);
 				n !== void 0 && ((e ??= {})[n] = v[t]);
 			}
 			return e ?? x;
 		},
 		enumerable: !1
-	}), Object.defineProperty(R, "part", {
-		value: V,
+	}), Object.defineProperty(U, "part", {
+		value: K,
 		enumerable: !1
-	}), Object.defineProperty(R, "forward", {
-		value: W,
+	}), Object.defineProperty(U, "forward", {
+		value: Y,
 		enumerable: !1
-	}), Object.defineProperty(R, "forwardInstance", {
-		value: (e, t) => W(e, t, void 0, !0),
+	}), Object.defineProperty(U, "forwardInstance", {
+		value: (e, t) => Y(e, t, void 0, !0),
 		enumerable: !1
-	}), R;
+	}), U;
 }
-var I = (e, t) => {
+var z = (e, t) => {
 	let n = e, r = {};
 	for (let e of /* @__PURE__ */ new Set([...Object.keys(n), ...Object.keys(t)])) {
 		let i = t[e] ?? e;
@@ -232,7 +261,7 @@ var I = (e, t) => {
 		});
 	}
 	return r;
-}, L = (e, t = () => n(e.modelValue)) => {
+}, B = (e, t = () => n(e.modelValue)) => {
 	let r = (e) => Array.isArray(e) ? e.length > 0 : !!e, i = () => !!e.hasErrors || r(e.errors);
 	return {
 		errors: i,
@@ -242,6 +271,6 @@ var I = (e, t) => {
 		readonly: () => !!e.readonly,
 		hasValue: t
 	};
-}, R = (e, t) => Object.fromEntries(t.map((t) => [t, e[t]]));
+}, V = (e, t) => Object.fromEntries(t.map((t) => [t, e[t]]));
 //#endregion
-export { b as SEGMENTED_CONTROL_NATIVE_ATTRS, y as SELECT_CONTROL_NATIVE_ATTRS, v as TEXT_CONTROL_NATIVE_ATTRS, D as __ptStats, I as aliasParts, L as formControlPtActive, w as getGlobalPt, R as pickActive, F as usePassthrough };
+export { b as SEGMENTED_CONTROL_NATIVE_ATTRS, y as SELECT_CONTROL_NATIVE_ATTRS, v as TEXT_CONTROL_NATIVE_ATTRS, D as __ptStats, z as aliasParts, B as formControlPtActive, w as getGlobalPt, V as pickActive, F as registeredVariantNames, R as usePassthrough, I as variantPt };

package/dist/directives/bbTooltip.d.ts

@@ -4,21 +4,27 @@ import { BbTooltipProps } from '../components/BbTooltip/types';
  * Value accepted by the `v-bb-tooltip` directive.
  *
  * - a string/number is used directly as the tooltip text
- * - an object spreads every `BbTooltip` prop plus a required `text`
+ * - an object spreads every `BbTooltip` prop but `activator` plus a required
+ *   `text`: the activator is always the element the directive sits on
  */
-export type BbTooltipDirectiveValue = string | number | (Partial<BbTooltipProps> & {
+export type BbTooltipDirectiveValue = string | number | TooltipOptions;
+type TooltipOptions = Omit<Partial<BbTooltipProps>, 'activator'> & {
     text: string;
-});
+    activator?: never;
+};
 /**
  * `v-bb-tooltip` — attach a {@link BbTooltip} to any element without wrapping it.
  *
  * @example
  * ```html
- * <span v-bb-tooltip="'North Atlantic Treaty Organization'">Nato</span>
- * <span v-bb-tooltip:bottom="'North Atlantic…'">Nato</span>
- * <span v-bb-tooltip="{ text: 'North Atlantic…', placement: 'right', delay: 300 }">Nato</span>
+ * <BbButton variant="ghost" icon="lucide:info" v-bb-tooltip="'Prices include VAT'">About prices</BbButton>
+ * <BbButton variant="ghost" icon="lucide:info" v-bb-tooltip:bottom="'Prices include VAT'">About prices</BbButton>
+ * <BbButton variant="ghost" icon="lucide:info" v-bb-tooltip="{ text: 'Prices include VAT', placement: 'right', delay: 300 }">About prices</BbButton>
  * ```
  *
+ * Host it on something keyboard focus reaches: on a bare icon or `<span>` the
+ * tip is pointer-only (Q76.15).
+ *
  * Not dormant, on purpose (unlike `v-bb-dropdown`, see `DormantContract`;
  * owner 2026-10-06, Q63): the tooltip wires `aria-describedby` to its hidden
  * description node at mount, so a screen reader announces the text on the

package/dist/directives/createPopoverDirective.js

@@ -23,7 +23,7 @@ var a = 0, o = (o) => {
 		if (!u.size) return;
 		let t = e.target;
 		for (; t;) {
-			let e = t instanceof HTMLElement ? u.get(t) : void 0;
+			let e = t instanceof Element ? u.get(t) : void 0;
 			if (e) {
 				v(e);
 				return;

package/dist/index.d.ts

@@ -14,6 +14,8 @@ export type { ToastVariantRegistry, ToastVariantType, } from './types/ToastVaria
 export type { IndicatorVariantRegistry, IndicatorVariantType, } from './types/IndicatorVariant';
 export type { InputVariantRegistry, InputVariantType, } from './types/InputVariant';
 export type { TabsVariantRegistry, TabsVariantType } from './types/TabsVariant';
+export type { RadioVariantRegistry, RadioVariantType, } from './types/RadioVariant';
+export type { CheckboxVariantRegistry, CheckboxVariantType, } from './types/CheckboxVariant';
 export type { FieldLayout, ListLayout } from './types/FieldLayout';
 /**
  * Types for a standalone `item-props` mapper — the ADDITIONAL row fields (never
@@ -194,7 +196,7 @@ export type { BbPtScopeName, BbPtScopeProps, BbPtScopeSlots, } from './component
 export type { BbRadioGroupEvents, BbRadioGroupProps, } from './components/BbRadioGroup/types';
 export type { BbRadioProps, BbRadioEvents } from './components/BbRadio/types';
 export type { BbRatingProps, BbRatingEvents, } from './components/BbRating/types';
-export type { BbSelectProps, BbSelectEvents, BbSelectKnownItem, BbSelectSlots, } from './components/BbSelect/types';
+export type { BbSelectProps, BbSelectEvents, BbSelectKnownItem, BbSelectSlotRow, BbSelectSlots, } from './components/BbSelect/types';
 export type { BbSliderProps, BbSliderEvents, } from './components/BbSlider/types';
 export type { BbSelectPopoverProps, BbSelectPopoverEvents, BbSelectPopoverSlots, BbSelectResolvedOption, } from './components/BbSelectPopover/types';
 export type { BbSmoothHeightProps, BbSmoothHeightSlots, } from './components/BbSmoothHeight/types';