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

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

@@ -1,18 +1,18 @@
-import { useLogger as e } from "../../composables/useLogger.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";
+import { useId as e } from "../../composables/useId.js";
+import { useLocale as t } from "../../composables/useLocale.js";
+import { useLogger as ee } from "../../composables/useLogger.js";
+import { removedPropsFor as n } from "../../deprecation/removedProps.js";
+import { warnRemovedAttrs as r } from "../../utilities/functions/warnRemovedAttrs.js";
+import i from "../BbIcon/BbIcon.vue.js";
+import a from "../BbSpinner/BbSpinner.vue.js";
+import o from "./BadgeBodyContent.vue.js";
+import s from "./BbBadgeButton.vue.js";
 import { provideBadgeHost as c } from "./badgeButtonContext.js";
-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 l from "../../assets/svgs/clear.svg_raw.js";
+import { BB_BADGE_PT as u } from "./types.js";
+import { usePassthrough as d, variantPt as f } from "../../composables/usePassthrough.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, 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
+// src/components/BbBadge/BbBadge.vue?vue&type=script&setup=true&lang.ts
 var N = ["id"], P = {
 	key: 2,
 	class: "bb-badge__trailing"
@@ -24,7 +24,7 @@ var N = ["id"], P = {
 	key: 3,
 	class: "bb-sr-only"
 }, L = /*@__PURE__*/ b({
-	mixins: [n(f)],
+	mixins: [f(u)],
 	inheritAttrs: !1,
 	__name: "BbBadge",
 	props: {
@@ -35,18 +35,17 @@ var N = ["id"], P = {
 		"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:root:loading": {},
+		"pt:spinner:loading": {},
+		"pt:text:loading": {},
 		"pt:clear:loading": {},
 		"pt:root:primary": {},
 		"pt:root:secondary": {},
@@ -79,24 +78,24 @@ var N = ["id"], P = {
 		variant: { default: "primary" }
 	},
 	emits: ["click:clear"],
-	setup(n, { emit: b }) {
-		let L = n, R = b, z = A(), B = te(null), V = t({
+	setup(f, { emit: b }) {
+		let L = f, R = b, z = A(), B = te(null), V = d({
 			component: "BbBadge",
 			attrs: k(),
 			props: L,
-			parts: f.parts,
-			states: f.states,
+			parts: u.parts,
+			states: u.states,
 			active: {
 				loading: () => !!L.loading,
 				activeLink: () => !!B.value?.value.activeLink,
 				exactActiveLink: () => !!B.value?.value.exactActiveLink
 			},
 			variant: {
-				...f.variant,
+				...u.variant,
 				current: () => L.variant
 			}
 		});
-		process.env.NODE_ENV !== "production" && ee("BbBadge", i("BbBadge"));
+		process.env.NODE_ENV !== "production" && r("BbBadge", n("BbBadge"));
 		let H = [
 			"xs",
 			"sm",
@@ -104,11 +103,11 @@ var N = ["id"], P = {
 			"lg",
 			"xl",
 			"2xl"
-		], { 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 = () => ({
+		], { t: U } = t(), W = ee(), 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?.({}));
+		}), X = () => J() && !q(), Z = (e) => Array.isArray(e) && e.some((e) => S(e) && (e.type === s || e.type === p && Z(e.children))), Q = () => Z(z.default?.({}));
 		c({
 			passthrough: V,
 			icon: { get value() {
@@ -149,25 +148,25 @@ var N = ["id"], P = {
 				"bb-badge--clearable": L.clearable,
 				"bb-badge--loading": L.loading
 			}
-		]), $ = r().id, re = m(() => L.clearableLabel || Q() ? void 0 : `${$.value}__clear ${$.value}__body`), ie = (e) => {
+		]), $ = e().id, re = m(() => L.clearableLabel || Q() ? void 0 : `${$.value}__clear ${$.value}__body`), ie = (e) => {
 			R("click:clear", e);
 		};
 		return (e, t) => (T(), _("span", C({ class: ne.value }, O(V).rootAttrs), [
-			Q() ? E(e.$slots, "default", { key: 0 }) : (T(), _("span", {
+			Q() ? E(e.$slots, "default", {}, void 0, void 0, 0) : (T(), _("span", {
 				key: 1,
 				id: `${O($)}__body`,
 				class: "bb-badge__body"
-			}, [y(l, null, {
+			}, [y(o, null, {
 				default: j(() => [E(e.$slots, "default")]),
 				_: 3
 			})], 8, N)),
-			L.clearable ? (T(), _("span", P, [K() ? g("", !0) : (T(), _(p, { key: 0 }, [L.loading && X() ? (T(), h(s, C({
+			L.clearable ? (T(), _("span", P, [K() ? g("", !0) : (T(), _(p, { key: 0 }, [L.loading && X() ? (T(), h(a, C({
 				key: 0,
 				class: "bb-badge__spinner bb-badge__append-icon"
 			}, 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({
+			}, O(V).icon), [E(e.$slots, "append:icon", w(x(Y())))], 16)) : L["append:icon"] ? (T(), h(i, C({
 				key: 2,
 				class: "bb-badge__append-icon",
 				icon: L["append:icon"]
@@ -178,10 +177,9 @@ var N = ["id"], P = {
 				class: "bb-badge__clear",
 				type: "button",
 				onClick: M(ie, ["stop"])
-			}, O(V).clear), [y(o, { icon: O(d) }, null, 8, ["icon"])], 16, F)])) : g("", !0),
+			}, O(V).clear), [y(i, { icon: O(l) }, null, 8, ["icon"])], 16, F)])) : g("", !0),
 			L.loading ? (T(), _("span", I, D(O(U)("common.loadingText")), 1)) : g("", !0)
 		], 16));
 	}
 });
-//#endregion
 export { L as default };

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

@@ -1,7 +1,9 @@
+import { FallthroughAttrs } from '../../types/fallthrough';
 import { BbBadgeButtonProps, BbBadgeButtonSlots } from './types';
 export type { BbBadgeButtonProps, BbBadgeButtonSlots };
+type __VLS_Props = BbBadgeButtonProps & FallthroughAttrs<'button' | 'a' | 'label', BbBadgeButtonProps>;
 type __VLS_Slots = BbBadgeButtonSlots;
-declare const __VLS_base: import('vue').DefineComponent<BbBadgeButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbBadgeButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,5 +1,4 @@
 import e from "./BbBadgeButton.vue_vue_type_script_setup_true_lang.js";
-//#region src/components/BbBadge/BbBadgeButton.vue
+// src/components/BbBadge/BbBadgeButton.vue
 var t = e;
-//#endregion
 export { t as default };

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

@@ -1,10 +1,10 @@
 import { useLogger as e } from "../../composables/useLogger.js";
-import { useBadgeHost as t } from "./badgeButtonContext.js";
+import t from "../BbBaseButton/BbBaseButton.vue.js";
 import n from "./BadgeBodyContent.vue.js";
 import { provideLinkState as r, useLinkState as i } from "../BbBaseButton/useLinkState.js";
-import a from "../BbBaseButton/BbBaseButton.vue.js";
+import { useBadgeHost as a } from "./badgeButtonContext.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
+// src/components/BbBadge/BbBadgeButton.vue?vue&type=script&setup=true&lang.ts
 var y = /*@__PURE__*/ l({
 	inheritAttrs: !1,
 	__name: "BbBadgeButton",
@@ -68,7 +68,7 @@ var y = /*@__PURE__*/ l({
 		viewTransition: { type: Boolean }
 	},
 	setup(l) {
-		let y = l, b = t();
+		let y = l, b = a();
 		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));
@@ -80,15 +80,11 @@ var y = /*@__PURE__*/ l({
 					tabindex: -1
 				} : {},
 				onClick: (e) => {
-					if (C.value) {
-						e.preventDefault();
-						return;
-					}
-					n.forEach((t) => t(e));
+					C.value ? e.preventDefault() : n.forEach((t) => t(e));
 				}
 			});
 		});
-		return (e, t) => (m(), s(a, d({ class: "bb-badge__body" }, w.value), {
+		return (e, r) => (m(), s(t, d({ class: "bb-badge__body" }, w.value), {
 			default: v(() => [c(n, null, {
 				default: v(() => [h(e.$slots, "default", f(u(g(x))))]),
 				_: 3
@@ -97,5 +93,4 @@ var y = /*@__PURE__*/ l({
 		}, 16));
 	}
 });
-//#endregion
 export { y as default };

package/dist/components/BbBadge/badgeButtonContext.js

@@ -1,5 +1,4 @@
 import { inject as e, provide as t } from "vue";
-//#region src/components/BbBadge/badgeButtonContext.ts
+// src/components/BbBadge/badgeButtonContext.ts
 var n = Symbol("bitboss-ui:badge-host"), r = (e) => t(n, e), i = () => e(n, null);
-//#endregion
 export { r as provideBadgeHost, i as useBadgeHost };

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

@@ -1,5 +1,5 @@
 import { IconType } from '../../types/Icon';
-import { PtMap, PtValue, PtVariantAttrs } from '../../types/passthrough';
+import { PtCompoundProps, PtValue, PtVariantAttrs } from '../../types/passthrough';
 import { Sizes } from '../../types/SizeScale';
 import { BadgeVariantBuiltIn, BadgeVariantRegistry, BadgeVariantType } from '../../types/BadgeVariant';
 import { BbBaseButtonProps, BbLinkSlotProps } from '../BbBaseButton/types';
@@ -30,25 +30,41 @@ export type BbBadgePtPart = 'root' | 'icon' | 'spinner' | 'text' | 'clear';
  *   icon's place.
  */
 export type BbBadgePtState = 'activeLink' | 'exactActiveLink' | 'loading';
+/**
+ * Every `part` / `part:state` key of `BbBadge` — only the pairs that land
+ * (the variant keys aside): the spinner takes the icon's place while
+ * `loading`, so `icon` has no `loading` key.
+ */
+export type BbBadgePtKey = BbBadgePtPart | `${BbBadgePtPart}:${'activeLink' | 'exactActiveLink'}` | `${'root' | 'spinner' | 'text' | 'clear'}:loading`;
 /** The runtime lists the resolver is wired with — kept next to the types so the two cannot drift. */
 export declare const BB_BADGE_PT: {
     readonly parts: readonly ["root", "icon", "spinner", "text", "clear"];
     readonly states: readonly ["activeLink", "exactActiveLink", "loading"];
+    /** On every part: what the resolver's `active` map turns on. */
+    readonly wide: readonly ["activeLink", "exactActiveLink", "loading"];
+    /** The icon is not rendered while `loading`: the spinner takes its place. */
+    readonly except: {
+        readonly icon: readonly ["loading"];
+    };
     readonly variant: {
         readonly names: readonly ["primary", "secondary", "destructive", "outline"];
         readonly option: "badgeVariants";
     };
 };
 export type BbBadgeProps = {
-    [K in `pt:${BbBadgePtPart}` | `pt:${BbBadgePtPart}:${BbBadgePtState}` | `pt:${BbBadgePtPart}:${BadgeVariantBuiltIn}`]?: PtValue;
-} & /* @vue-ignore */ PtVariantAttrs<BbBadgePtPart, keyof BadgeVariantRegistry> & {
+    [K in `pt:${BbBadgePtPart}` | `pt:${BbBadgePtPart}:${'activeLink' | 'exactActiveLink'}` | `pt:${'root' | 'spinner' | 'text' | 'clear'}:loading` | `pt:${BbBadgePtPart}:${BadgeVariantBuiltIn}`]?: PtValue;
+} & /* @vue-ignore */ PtCompoundProps<typeof BB_BADGE_PT, PtVariantAttrs<BbBadgePtPart, keyof BadgeVariantRegistry>> & {
     /**
      * Passthrough, object form: `{ icon: '…', 'icon:loading': '…' }` — the same
      * keys as the `pt:*` attributes without the prefix. Parts: `root`, `icon`,
      * `spinner`, `text`, `clear`. States: `loading` and the registered
      * variants (an app's own included).
      */
-    pt?: PtMap<BbBadgePtPart, BbBadgePtState | BadgeVariantBuiltIn | keyof BadgeVariantRegistry>;
+    pt?: {
+        [K in BbBadgePtKey]?: PtValue;
+    } & {
+        [K in `${BbBadgePtPart}:${BadgeVariantBuiltIn | keyof BadgeVariantRegistry}`]?: PtValue;
+    };
     /**
      * Renders an icon-only badge. When set, `prepend:icon` / `append:icon` are
      * ignored and the default slot becomes the badge's visually hidden accessible

package/dist/components/BbBadge/types.js

@@ -1,5 +1,5 @@
 import { BADGE_VARIANTS as e } from "../../types/BadgeVariant.js";
-//#region src/components/BbBadge/types.ts
+// src/components/BbBadge/types.ts
 var t = {
 	parts: [
 		"root",
@@ -13,10 +13,15 @@ var t = {
 		"exactActiveLink",
 		"loading"
 	],
+	wide: [
+		"activeLink",
+		"exactActiveLink",
+		"loading"
+	],
+	except: { icon: ["loading"] },
 	variant: {
 		names: e,
 		option: "badgeVariants"
 	}
 };
-//#endregion
 export { t as BB_BADGE_PT };

package/dist/components/BbBaseButton/BbBaseButton.vue.d.ts

@@ -1,6 +1,8 @@
+import { FallthroughAttrs } from '../../types/fallthrough';
 import { BbBaseButtonProps, BbBaseButtonSlots } from './types';
+type __VLS_Props = BbBaseButtonProps & FallthroughAttrs<'button' | 'a' | 'label', BbBaseButtonProps>;
 type __VLS_Slots = BbBaseButtonSlots;
-declare const __VLS_base: import('vue').DefineComponent<BbBaseButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbBaseButtonProps> & Readonly<{}>, {
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     type: HTMLButtonElement["type"];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/BbBaseButton/BbBaseButton.vue.js

@@ -1,6 +1,5 @@
 import e from "./BbBaseButton.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                     */
-//#region src/components/BbBaseButton/BbBaseButton.vue
+// src/components/BbBaseButton/BbBaseButton.vue
 var t = e;
-//#endregion
 export { t as default };

package/dist/components/BbBaseButton/BbBaseButton.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
-import { usePassthrough as e } from "../../composables/usePassthrough.js";
-import { useConfig as t } from "../../composables/useConfig.js";
-import { useFrameworkDetection as n } from "../../composables/useFrameworkDetection.js";
-import { BB_BASE_BUTTON_PT as r } from "./types.js";
-import i from "./RouterComponent.vue.js";
-import { currentOrigin as a, isNonRoutable as o, useBaseLinkState as s } from "./useLinkState.js";
-import { computed as c, createBlock as l, createElementBlock as u, createTextVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useAttrs as x, withCtx as S } from "vue";
-//#region src/components/BbBaseButton/BbBaseButton.vue?vue&type=script&setup=true&lang.ts
-var C = /*@__PURE__*/ f({
+import e from "./RouterComponent.vue.js";
+import { currentOrigin as t, isNonRoutable as n, urlOf as r, useBaseLinkState as i } from "./useLinkState.js";
+import { useFrameworkDetection as a } from "../../composables/useFrameworkDetection.js";
+import { useConfig as o } from "../../composables/useConfig.js";
+import { BB_BASE_BUTTON_PT as s } from "./types.js";
+import { usePassthrough as c } from "../../composables/usePassthrough.js";
+import { computed as l, createBlock as u, createElementBlock as d, createTextVNode as f, defineComponent as p, guardReactiveProps as m, mergeProps as h, normalizeProps as g, openBlock as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, useAttrs as S, withCtx as C } from "vue";
+// src/components/BbBaseButton/BbBaseButton.vue?vue&type=script&setup=true&lang.ts
+var w = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "BbBaseButton",
 	props: {
@@ -66,105 +66,104 @@ var C = /*@__PURE__*/ f({
 		preserveUrl: { type: Boolean },
 		viewTransition: { type: Boolean }
 	},
-	setup(f) {
-		let C = f, w = s(C), T = e({
+	setup(p) {
+		let w = p, T = i(w), E = c({
 			component: "BbBaseButton",
-			attrs: x(),
-			props: C,
-			parts: r.parts,
-			states: r.states,
+			attrs: S(),
+			props: w,
+			parts: s.parts,
+			states: s.states,
 			active: {
-				disabled: () => !!C.disabled,
-				activeLink: () => w.value.activeLink,
-				exactActiveLink: () => w.value.exactActiveLink
+				disabled: () => !!w.disabled,
+				activeLink: () => T.value.activeLink,
+				exactActiveLink: () => T.value.exactActiveLink
 			}
-		}), E = t(), { isInertia: D, isNuxt: O } = n(), k = c(() => !C.to && w.value.activeLink), A = c(() => !C.to && w.value.exactActiveLink), j = c(() => !!(C.href && !o(C.href, a))), M = c(() => !!(C.href && D && j.value && !C.disabled && !C.target && !C.download && !C.external || C.to && !C.disabled)), N = c(() => !!(C.href || C.to && C.disabled)), P = c(() => C.activeClass ?? E.linkActiveClass), F = c(() => C.exactActiveClass ?? E.linkExactActiveClass), I = c(() => ({
+		}), D = o(), { isInertia: O, isNuxt: k } = a(), A = l(() => !w.to && T.value.activeLink), j = l(() => !w.to && T.value.exactActiveLink), M = l(() => r(w.href)), N = l(() => typeof w.href == "object" ? w.href.method : w.method), P = l(() => !(!M.value || n(M.value, t))), F = l(() => !!(M.value && O && P.value && !w.disabled && !w.target && !w.download && !w.external || w.to && !w.disabled)), I = l(() => !!(M.value || w.to && w.disabled)), L = l(() => w.activeClass ?? D.linkActiveClass), R = l(() => w.exactActiveClass ?? D.linkExactActiveClass), z = l(() => ({
 			"bb-base-button": !0,
-			"bb-base-button--block": C.block,
-			"bb-base-button--disabled": C.disabled,
-			[P.value]: k.value,
-			[F.value]: A.value
-		})), L = c(() => {
-			let e = C.rel?.trim() ?? "";
-			if (!C.target || C.target === "_self") return e || void 0;
+			"bb-base-button--block": w.block,
+			"bb-base-button--disabled": w.disabled,
+			[L.value]: A.value,
+			[R.value]: j.value
+		})), B = l(() => {
+			let e = w.rel?.trim() ?? "";
+			if (!w.target || w.target === "_self") return e || void 0;
 			let t = new Set(e.split(/\s+/).filter(Boolean));
 			return t.add("noopener"), t.add("noreferrer"), Array.from(t).join(" ");
-		}), R = () => ({
-			disabled: C.disabled,
-			type: C.type
-		}), z = () => {
-			if (C.disabled) return {
+		}), V = () => ({
+			disabled: w.disabled,
+			type: w.type
+		}), H = () => {
+			if (w.disabled) return {
 				"aria-disabled": !0,
 				role: "link",
 				href: void 0,
 				tabindex: -1
 			};
 			let e = {
-				href: C.href,
-				rel: L.value,
-				target: C.target,
-				download: C.download === !0 ? "" : (C.download ?? void 0) || void 0
+				href: M.value,
+				rel: B.value,
+				target: w.target,
+				download: w.download === !0 ? "" : (w.download ?? void 0) || void 0
 			};
-			return A.value && (e["aria-current"] = C.ariaCurrentValue ?? "page"), e;
-		}, B = () => ({
-			data: C.data,
-			async: C.async,
-			cacheFor: C.cacheFor,
-			cacheTags: C.cacheTags,
-			component: C.component,
-			except: C.except,
-			instant: C.instant,
-			onError: C.onError,
-			onPrefetched: C.onPrefetched,
-			onPrefetching: C.onPrefetching,
-			pageProps: C.pageProps,
-			prefetch: C.prefetch,
-			preserveUrl: C.preserveUrl,
-			viewTransition: C.viewTransition,
-			headers: C.headers,
-			method: C.method,
-			onBefore: C.onBefore,
-			onCancel: C.onCancel,
-			onCancelToken: C.onCancelToken,
-			onFinish: C.onFinish,
-			only: C.only,
-			onProgress: C.onProgress,
-			onStart: C.onStart,
-			onSuccess: C.onSuccess,
-			preserveScroll: C.preserveScroll,
-			preserveState: C.preserveState,
-			queryStringArrayFormat: C.queryStringArrayFormat,
-			replace: C.replace
-		}), V = () => ({
-			activeClass: P.value,
-			ariaCurrentValue: C.ariaCurrentValue,
-			exactActiveClass: F.value,
-			...O ? { external: C.external } : {},
-			rel: L.value,
-			replace: C.replace,
-			target: C.target,
-			to: C.to
-		}), H = c(() => C.tag ?? "button"), U = c(() => H.value === "button" ? R() : {}), W = c(() => z()), G = c(() => V()), K = c(() => D ? {
-			...W.value,
-			...B()
-		} : G.value);
-		return (e, t) => M.value ? (g(), l(i, m({
+			return j.value && (e["aria-current"] = w.ariaCurrentValue ?? "page"), e;
+		}, U = () => ({
+			data: w.data,
+			async: w.async,
+			cacheFor: w.cacheFor,
+			cacheTags: w.cacheTags,
+			component: w.component,
+			except: w.except,
+			instant: w.instant,
+			onError: w.onError,
+			onPrefetched: w.onPrefetched,
+			onPrefetching: w.onPrefetching,
+			pageProps: w.pageProps,
+			prefetch: w.prefetch,
+			preserveUrl: w.preserveUrl,
+			viewTransition: w.viewTransition,
+			headers: w.headers,
+			method: N.value,
+			onBefore: w.onBefore,
+			onCancel: w.onCancel,
+			onCancelToken: w.onCancelToken,
+			onFinish: w.onFinish,
+			only: w.only,
+			onProgress: w.onProgress,
+			onStart: w.onStart,
+			onSuccess: w.onSuccess,
+			preserveScroll: w.preserveScroll,
+			preserveState: w.preserveState,
+			queryStringArrayFormat: w.queryStringArrayFormat,
+			replace: w.replace
+		}), W = () => ({
+			activeClass: L.value,
+			ariaCurrentValue: w.ariaCurrentValue,
+			exactActiveClass: R.value,
+			...k ? { external: w.external } : {},
+			rel: B.value,
+			replace: w.replace,
+			target: w.target,
+			to: w.to
+		}), G = l(() => w.tag ?? "button"), K = l(() => G.value === "button" ? V() : {}), q = l(() => H()), J = l(() => W()), Y = l(() => O ? {
+			...q.value,
+			...U()
+		} : J.value);
+		return (t, n) => F.value ? (_(), u(e, h({
 			key: 0,
-			class: I.value
-		}, m(K.value, b(T).forwardAttrs, b(T).root)), {
-			default: S(() => [_(e.$slots, "default", h(p(b(w))), () => [d(y(e.text), 1)])]),
+			class: z.value
+		}, h(Y.value, x(E).forwardAttrs, x(E).root)), {
+			default: C(() => [v(t.$slots, "default", g(m(x(T))), () => [f(b(p.text), 1)])]),
 			_: 3
-		}, 16, ["class"])) : N.value ? (g(), u("a", m({
+		}, 16, ["class"])) : I.value ? (_(), d("a", h({
 			key: 1,
-			class: I.value
-		}, m(W.value, b(T).forwardAttrs, b(T).root)), [_(e.$slots, "default", h(p(b(w))), () => [d(y(e.text), 1)])], 16)) : (g(), l(v(H.value), m({
+			class: z.value
+		}, h(q.value, x(E).forwardAttrs, x(E).root)), [v(t.$slots, "default", g(m(x(T))), () => [f(b(p.text), 1)])], 16)) : (_(), u(y(G.value), h({
 			key: 2,
-			class: I.value
-		}, m(U.value, b(T).forwardAttrs, b(T).root)), {
-			default: S(() => [_(e.$slots, "default", h(p(b(w))), () => [d(y(e.text), 1)])]),
+			class: z.value
+		}, h(K.value, x(E).forwardAttrs, x(E).root)), {
+			default: C(() => [v(t.$slots, "default", g(m(x(T))), () => [f(b(p.text), 1)])]),
 			_: 3
 		}, 16, ["class"]));
 	}
 });
-//#endregion
-export { C as default };
+export { w as default };

package/dist/components/BbBaseButton/RouterComponent.vue.js

@@ -1,5 +1,4 @@
 import e from "./RouterComponent.vue_vue_type_script_setup_true_lang.js";
-//#region src/components/BbBaseButton/RouterComponent.vue
+// src/components/BbBaseButton/RouterComponent.vue
 var t = e;
-//#endregion
 export { t as default };

package/dist/components/BbBaseButton/RouterComponent.vue_vue_type_script_setup_true_lang.js

@@ -1,22 +1,22 @@
-import { useLogger as e } from "../../composables/useLogger.js";
-import { useConfig as t } from "../../composables/useConfig.js";
+import { useConfig as e } from "../../composables/useConfig.js";
+import { useLogger as t } from "../../composables/useLogger.js";
 import { useFrameworkDetection as n } from "../../composables/useFrameworkDetection.js";
 import { createBlock as r, defineComponent as i, getCurrentInstance as a, openBlock as o, renderSlot as s, resolveComponent as c, resolveDynamicComponent as l, unref as u, withCtx as d } from "vue";
 import { InertiaLink as f } from "virtual:bitboss-ui/link";
-//#region src/components/BbBaseButton/RouterComponent.vue?vue&type=script&setup=true&lang.ts
+// src/components/BbBaseButton/RouterComponent.vue?vue&type=script&setup=true&lang.ts
 var p = /*@__PURE__*/ i({
 	__name: "RouterComponent",
 	setup(i) {
-		let p = t(), { isInertia: m, isNuxt: h } = n(), g;
+		let p = e(), { isInertia: m, isNuxt: h } = n(), g;
 		if (m) {
 			if (g = a()?.appContext.components?.[p.inertiaLinkName] ?? f, !g) {
-				let { warn: t } = e();
-				t(`Inertia link component "${p.inertiaLinkName}" could not be resolved, and "@inertiajs/vue3" is not installed in this app. Install it, register a link component globally under the name "${p.inertiaLinkName}", or set the bitboss-ui config key "inertiaLinkName" to the name you do register.`), g = p.inertiaLinkName;
+				let { warn: e } = t();
+				e(`Inertia link component "${p.inertiaLinkName}" could not be resolved, and "@inertiajs/vue3" is not installed in this app. Install it, register a link component globally under the name "${p.inertiaLinkName}", or set the bitboss-ui config key "inertiaLinkName" to the name you do register.`), g = p.inertiaLinkName;
 			}
 		} else if (h) {
 			if (g = c(p.nuxtLinkName), typeof g == "string") {
-				let { warn: t } = e();
-				t(`Nuxt link component "${p.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${p.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally.`);
+				let { warn: e } = t();
+				e(`Nuxt link component "${p.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${p.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally.`);
 			}
 		} else g = "router-link";
 		return (e, t) => (o(), r(l(u(g)), null, {
@@ -25,5 +25,4 @@ var p = /*@__PURE__*/ i({
 		}));
 	}
 });
-//#endregion
 export { p as default };

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

@@ -1,5 +1,5 @@
 import { ButtonTag } from '../../types/CommonProps';
-import { PtMap, PtValue } from '../../types/passthrough';
+import { PtCompoundProps, PtMap, PtValue } from '../../types/passthrough';
 import { RouteLocationRaw } from 'vue-router';
 /**
  * Passthrough parts of `BbBaseButton` (plans/passthrough/BbBaseButton.md).
@@ -28,10 +28,12 @@ export type BbBaseButtonPtState = 'activeLink' | 'exactActiveLink' | 'disabled';
 export declare const BB_BASE_BUTTON_PT: {
     readonly parts: readonly ["root"];
     readonly states: readonly ["activeLink", "exactActiveLink", "disabled"];
+    /** On every part: every state is component-wide. */
+    readonly wide: readonly ["activeLink", "exactActiveLink", "disabled"];
 };
 export type BbBaseButtonProps = {
     [K in `pt:${BbBaseButtonPtPart}` | `pt:${BbBaseButtonPtPart}:${BbBaseButtonPtState}`]?: PtValue;
-} & {
+} & /* @vue-ignore */ PtCompoundProps<typeof BB_BASE_BUTTON_PT> & {
     /**
      * Passthrough, object form: the same keys as the `pt:*` attributes
      * without the prefix. See the `pt:<part>` row.
@@ -82,11 +84,14 @@ export type BbBaseButtonProps = {
      */
     headers?: object;
     /**
-     * Hyperlink reference used when rendering as an anchor (or as an Inertia
-     * link in Inertia-enabled apps). If provided and not disabled, the component
-     * renders as an anchor/Inertia link.
+     * The link target: renders an anchor (an Inertia `<Link>` under Inertia).
+     * Also takes Inertia's `{ url, method }`, a Wayfinder route: Inertia visits
+     * with its method; elsewhere the link is its `url`.
      */
-    href?: HTMLAnchorElement['href'];
+    href?: string | {
+        url: string;
+        method: 'get' | 'post' | 'put' | 'patch' | 'delete';
+    };
     /**
      * Marks an `href` link as a download: a plain `<a download>` with a native
      * navigation (never an Inertia or router visit), so `blob:` and `data:`