@ac-design/design-system 2.2.1 → 2.4.0

package/dist/lib/components/AcTooltip.vue.d.ts

@@ -28,15 +28,15 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     title: string;
     disabled: boolean;
-    tone: "neutral" | "info" | "success" | "warning" | "danger";
-    align: "start" | "center" | "end";
-    maxWidth: string;
     content: string;
     placement: Side;
+    align: "start" | "center" | "end";
+    tone: "neutral" | "info" | "success" | "warning" | "danger";
     shortcut: string[];
     delay: number;
     interactive: boolean;
     overflowOnly: boolean;
+    maxWidth: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     /** The trigger: a button, icon button, link or any focusable element. It gets `aria-describedby`. */
     default?: () => unknown;

package/dist/lib/components/AcUserMenu.vue.d.ts

@@ -46,9 +46,15 @@ export interface Props {
     workspaces?: UserMenuWorkspace[];
     /** Heading of the workspace list. */
     workspacesLabel?: string;
+    /** Shows the name, email and avatar at the top of the menu. cloud-ui's workspace menu leaves it out and starts with the workspaces. */
+    showProfile?: boolean;
+    /** Shows the sign-out icon before `logoutLabel`. cloud-ui's workspace menu shows the text only. */
+    logoutIcon?: boolean;
 }
 type __VLS_Props = Props;
 type __VLS_Slots = {
+    /** Replaces the round avatar in the trigger, e.g. a square logo for an organisation workspace. */
+    avatar?: () => unknown;
     /** Custom rows after `items`. Give each focusable row `role="menuitem"`, `tabindex="-1"` and the `itemClass` classes; call `close()` after an action. */
     default?: (props: {
         close: () => void;
@@ -88,6 +94,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     logoutLabel: string;
     workspaces: UserMenuWorkspace[];
     workspacesLabel: string;
+    showProfile: boolean;
+    logoutIcon: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/lib/components/AcUserMenu.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import { fixedFrame as e } from "./fixedFrame.js";
 import t from "./AcAvatar.js";
 import n from "./AcFontScale.js";
 import r from "./AcThemeMode.js";
-import { Fragment as i, Teleport as a, Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, getCurrentInstance as ee, mergeModels as h, mergeProps as te, nextTick as g, normalizeClass as _, normalizeStyle as ne, onBeforeUnmount as re, openBlock as v, ref as y, renderList as b, renderSlot as ie, resolveDynamicComponent as x, toDisplayString as S, unref as C, useId as ae, useModel as w, watch as T, withCtx as E } from "vue";
+import { Fragment as i, Teleport as a, Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, getCurrentInstance as ee, mergeModels as h, mergeProps as te, nextTick as g, normalizeClass as _, normalizeStyle as ne, onBeforeUnmount as re, openBlock as v, ref as y, renderList as b, renderSlot as x, resolveDynamicComponent as S, toDisplayString as C, unref as w, useId as ie, useModel as T, useSlots as ae, watch as E, withCtx as D } from "vue";
 import { Building2 as oe, Check as se, ChevronDown as ce, LogOut as le } from "@lucide/vue";
 //#region src/lib/components/AcUserMenu.vue?vue&type=script&setup=true&lang.ts
 var ue = {
@@ -17,18 +17,23 @@ var ue = {
 	key: 0,
 	class: "hidden max-w-36 truncate text-base font-medium text-heading md:block"
 }, pe = {
+	key: 1,
+	class: "inline-flex shrink-0",
+	"aria-hidden": "true"
+}, me = {
+	key: 2,
 	class: "inline-flex size-9 shrink-0 rounded-full bg-linear-to-r from-primary/70 to-primary/90 p-0.5",
 	"aria-hidden": "true"
-}, me = { class: "inline-flex size-full items-center justify-center overflow-hidden rounded-full bg-surface text-xs font-semibold text-primary-strong" }, he = ["src"], ge = {
+}, he = { class: "inline-flex size-full items-center justify-center overflow-hidden rounded-full bg-surface text-xs font-semibold text-primary-strong" }, ge = ["src"], _e = {
 	class: "inline-flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-full bg-primary/10 text-base font-semibold text-primary-strong ring-1 ring-primary/25 ring-inset",
 	"aria-hidden": "true"
-}, _e = ["src"], ve = { class: "min-w-0 flex-1" }, ye = { class: "block truncate text-base font-medium text-heading" }, be = {
+}, ve = ["src"], ye = { class: "min-w-0 flex-1" }, be = { class: "block truncate text-base font-medium text-heading" }, xe = {
 	key: 0,
 	class: "block truncate text-xs text-muted"
-}, xe = ["aria-labelledby"], Se = ["id"], Ce = { class: "flex flex-col gap-1" }, we = ["aria-checked", "onClick"], Te = { class: "flex min-w-0 items-center gap-2" }, Ee = { class: "min-w-0" }, D = { class: "block truncate font-medium text-heading" }, De = { class: "block truncate text-xs text-muted" }, Oe = ["aria-labelledby"], ke = ["id"], Ae = ["aria-labelledby"], je = ["id"], Me = {
+}, Se = ["aria-labelledby"], Ce = ["id"], we = { class: "flex flex-col gap-1" }, Te = ["aria-checked", "onClick"], Ee = { class: "flex min-w-0 items-center gap-2" }, De = { class: "min-w-0" }, Oe = { class: "block truncate font-medium text-heading" }, ke = { class: "block truncate text-xs text-muted" }, Ae = ["aria-labelledby"], je = ["id"], Me = ["aria-labelledby"], Ne = ["id"], Pe = {
 	role: "group",
-	class: "mt-1 flex flex-col border-t border-border py-1"
-}, O = { class: "min-w-0 flex-1 truncate" }, k = "flex min-h-10 w-full cursor-pointer items-center gap-2 rounded-8 px-4 py-2.5 text-left text-base font-medium no-underline outline-none transition-colors duration-150 hover:bg-surface-sunken focus-visible:bg-surface-sunken focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", Ne = "[role=\"menuitem\"]:not([aria-disabled=\"true\"]), [role=\"menuitemradio\"], [role=\"radio\"]", A = /*@__PURE__*/ m({
+	class: "mt-1 flex flex-col border-t border-border py-1 first:mt-0 first:border-t-0"
+}, Fe = { class: "min-w-0 flex-1 truncate" }, O = "flex min-h-10 w-full cursor-pointer items-center gap-2 rounded-8 px-4 py-2.5 text-left text-base font-medium no-underline outline-none transition-colors duration-150 hover:bg-surface-sunken focus-visible:bg-surface-sunken focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", Ie = "[role=\"menuitem\"]:not([aria-disabled=\"true\"]), [role=\"menuitemradio\"], [role=\"radio\"]", k = /*@__PURE__*/ m({
 	__name: "AcUserMenu",
 	props: /*@__PURE__*/ h({
 		name: {},
@@ -51,7 +56,15 @@ var ue = {
 		logoutUrl: { default: "" },
 		logoutLabel: { default: "Sign out" },
 		workspaces: { default: () => [] },
-		workspacesLabel: { default: "Workspaces" }
+		workspacesLabel: { default: "Workspaces" },
+		showProfile: {
+			type: Boolean,
+			default: !0
+		},
+		logoutIcon: {
+			type: Boolean,
+			default: !0
+		}
 	}, {
 		open: {
 			type: Boolean,
@@ -68,35 +81,35 @@ var ue = {
 		"switch-workspace"
 	], ["update:open", "update:workspace"]),
 	setup(m, { emit: h }) {
-		let A = m, j = w(m, "open"), M = w(m, "workspace"), N = h, P = `${k} text-heading [&>svg]:text-muted`, Pe = `${k} text-danger-strong`, F = ee()?.appContext.components.RouterLink, I = ae(), L = `${I}-trigger`, R = `${I}-menu`, z = y(null), B = y(null), V = y(!1), H = y({
+		let k = m, A = T(m, "open"), j = T(m, "workspace"), M = h, Le = ae(), N = `${O} text-heading [&>svg]:text-muted`, Re = `${O} text-danger-strong`, P = ee()?.appContext.components.RouterLink, F = ie(), I = `${F}-trigger`, L = `${F}-menu`, R = y(null), z = y(null), B = y(!1), V = y({
 			top: 0,
 			right: 0
-		}), U = s(() => {
-			let e = A.name.trim().split(/[\s._-]+/).filter(Boolean);
+		}), H = s(() => {
+			let e = k.name.trim().split(/[\s._-]+/).filter(Boolean);
 			return e.length ? (e[0].charAt(0) + (e.length > 1 ? e[e.length - 1].charAt(0) : "")).toUpperCase() : "?";
-		}), W = s(() => !!A.avatarUrl && !V.value);
-		function G(e) {
-			return e.to && F && !e.disabled ? F : e.to || e.href ? "a" : "button";
+		}), U = s(() => !!k.avatarUrl && !B.value);
+		function W(e) {
+			return e.to && P && !e.disabled ? P : e.to || e.href ? "a" : "button";
 		}
-		function Fe(e) {
-			let t = G(e);
-			return t === F ? { to: e.to } : t === "a" ? e.disabled ? { "aria-disabled": "true" } : { href: e.href ?? (typeof e.to == "string" ? e.to : void 0) } : {
+		function ze(e) {
+			let t = W(e);
+			return t === P ? { to: e.to } : t === "a" ? e.disabled ? { "aria-disabled": "true" } : { href: e.href ?? (typeof e.to == "string" ? e.to : void 0) } : {
 				type: "button",
 				"aria-disabled": e.disabled ? "true" : void 0
 			};
 		}
-		function K() {
-			return [...B.value?.querySelectorAll(Ne) ?? []];
+		function G() {
+			return [...z.value?.querySelectorAll(Ie) ?? []];
 		}
-		function q(e) {
-			let t = K();
+		function K(e) {
+			let t = G();
 			t.length && t[(e + t.length) % t.length].focus();
 		}
-		function J() {
-			let t = z.value;
+		function q() {
+			let t = R.value;
 			if (!t) return;
-			let n = t.getBoundingClientRect(), r = e(), i = B.value?.offsetHeight ?? 320, a = B.value?.offsetWidth ?? 256, o = Math.max(8, Math.min(r.right - n.right, r.width - a - 8)), s = r.bottom - n.bottom - 6 - 8;
-			H.value = s < i && n.top - r.top > s ? {
+			let n = t.getBoundingClientRect(), r = e(), i = z.value?.offsetHeight ?? 320, a = z.value?.offsetWidth ?? 256, o = Math.max(8, Math.min(r.right - n.right, r.width - a - 8)), s = r.bottom - n.bottom - 6 - 8;
+			V.value = s < i && n.top - r.top > s ? {
 				bottom: r.bottom - n.top + 6,
 				right: o
 			} : {
@@ -104,71 +117,71 @@ var ue = {
 				right: o
 			};
 		}
-		async function Y(e = "first") {
-			j.value = !0, await g(), J(), q(e === "first" ? 0 : -1);
+		async function J(e = "first") {
+			A.value = !0, await g(), q(), K(e === "first" ? 0 : -1);
 		}
-		function X(e = !0) {
-			j.value && (j.value = !1, e && z.value?.focus());
+		function Y(e = !0) {
+			A.value && (A.value = !1, e && R.value?.focus());
 		}
-		function Ie(e) {
+		function Be(e) {
 			[
 				"Enter",
 				" ",
 				"ArrowDown"
-			].includes(e.key) ? (e.preventDefault(), Y("first")) : e.key === "ArrowUp" && (e.preventDefault(), Y("last"));
+			].includes(e.key) ? (e.preventDefault(), J("first")) : e.key === "ArrowUp" && (e.preventDefault(), J("last"));
 		}
-		function Le(e) {
-			let t = K().indexOf(document.activeElement);
-			e.key === "ArrowDown" ? (e.preventDefault(), q(t + 1)) : e.key === "ArrowUp" ? (e.preventDefault(), q(t - 1)) : e.key === "Home" ? (e.preventDefault(), q(0)) : e.key === "End" ? (e.preventDefault(), q(-1)) : e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), X()) : e.key === "Tab" && X();
+		function X(e) {
+			let t = G().indexOf(document.activeElement);
+			e.key === "ArrowDown" ? (e.preventDefault(), K(t + 1)) : e.key === "ArrowUp" ? (e.preventDefault(), K(t - 1)) : e.key === "Home" ? (e.preventDefault(), K(0)) : e.key === "End" ? (e.preventDefault(), K(-1)) : e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), Y()) : e.key === "Tab" && Y();
 		}
-		function Re(e) {
-			e.disabled || (N("select", e), X());
+		function Ve(e) {
+			e.disabled || (M("select", e), Y());
 		}
-		function ze(e) {
-			e.name !== M.value && (M.value = e.name, N("switch-workspace", e)), X();
+		function He(e) {
+			e.name !== j.value && (j.value = e.name, M("switch-workspace", e)), Y();
 		}
-		function Be() {
-			N("logout"), X(!1);
+		function Ue() {
+			M("logout"), Y(!1);
 		}
 		function Z(e) {
 			let t = e.target;
-			z.value?.contains(t) || B.value?.contains(t) || X(!1);
+			R.value?.contains(t) || z.value?.contains(t) || Y(!1);
 		}
 		function Q() {
-			J();
+			q();
 		}
 		function $() {
 			document.removeEventListener("pointerdown", Z, !0), window.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q);
 		}
-		return T(j, (e) => {
+		return E(A, (e) => {
 			if (!e) return $();
-			document.addEventListener("pointerdown", Z, !0), window.addEventListener("scroll", Q, !0), window.addEventListener("resize", Q), g(J);
-		}), T(() => A.avatarUrl, () => V.value = !1), re($), (e, s) => (v(), u("div", ue, [d("button", {
-			id: L,
+			document.addEventListener("pointerdown", Z, !0), window.addEventListener("scroll", Q, !0), window.addEventListener("resize", Q), g(q);
+		}), E(() => k.avatarUrl, () => B.value = !1), re($), (e, s) => (v(), u("div", ue, [d("button", {
+			id: I,
 			ref_key: "trigger",
-			ref: z,
+			ref: R,
 			type: "button",
 			"aria-haspopup": "menu",
-			"aria-expanded": j.value,
-			"aria-controls": j.value ? R : void 0,
+			"aria-expanded": A.value,
+			"aria-controls": A.value ? L : void 0,
 			"aria-label": `${m.name}, account menu`,
-			class: _(["group inline-flex shrink-0 cursor-pointer items-center gap-2 rounded-10 border border-transparent p-2 transition-colors duration-200 hover:border-border hover:bg-surface-sunken/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface", [m.showName && "md:px-4", j.value && "border-border bg-surface-sunken/50"]]),
+			class: _(["group inline-flex shrink-0 cursor-pointer items-center gap-2 rounded-10 border border-transparent p-2 transition-colors duration-200 hover:border-border hover:bg-surface-sunken/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface", [m.showName && "md:px-4", A.value && "border-border bg-surface-sunken/50"]]),
 			"data-ac-ds": "",
 			"data-testid": "ac-user-menu-trigger",
-			onClick: s[1] ||= (e) => j.value ? X() : Y(),
-			onKeydown: Ie
+			onClick: s[1] ||= (e) => A.value ? Y() : J(),
+			onKeydown: Be
 		}, [
-			m.showName ? (v(), u("span", fe, S(m.name), 1)) : l("", !0),
-			d("span", pe, [d("span", me, [W.value ? (v(), u("img", {
+			m.showName ? (v(), u("span", fe, C(m.name), 1)) : l("", !0),
+			Le.avatar ? (v(), u("span", pe, [x(e.$slots, "avatar")])) : (v(), u("span", me, [d("span", he, [U.value ? (v(), u("img", {
 				key: 0,
 				src: m.avatarUrl,
 				alt: "",
 				class: "size-full object-cover",
-				onError: s[0] ||= (e) => V.value = !0
-			}, null, 40, he)) : (v(), u(i, { key: 1 }, [f(S(U.value), 1)], 64))])]),
-			m.showName ? (v(), c(C(ce), {
-				key: 1,
-				class: _(["hidden size-4 shrink-0 text-muted transition-transform duration-200 motion-reduce:transition-none sm:block", j.value && "rotate-180"]),
+				onError: s[0] ||= (e) => B.value = !0
+			}, null, 40, ge)) : (v(), u(i, { key: 1 }, [f(C(H.value), 1)], 64))])])),
+			m.showName ? (v(), c(w(ce), {
+				key: 3,
+				class: _(["hidden size-4 shrink-0 text-muted transition-transform duration-200 motion-reduce:transition-none sm:block", A.value && "rotate-180"]),
 				"aria-hidden": "true"
 			}, null, 8, ["class"])) : l("", !0)
 		], 42, de), (v(), c(a, { to: "body" }, [p(o, {
@@ -177,65 +190,66 @@ var ue = {
 			"leave-active-class": "transition duration-100 ease-in",
 			"leave-to-class": "opacity-0"
 		}, {
-			default: E(() => [j.value ? (v(), u("div", {
+			default: D(() => [A.value ? (v(), u("div", {
 				key: 0,
-				id: R,
+				id: L,
 				ref_key: "panel",
-				ref: B,
+				ref: z,
 				role: "menu",
-				"aria-labelledby": L,
+				"aria-labelledby": I,
 				class: "fixed z-[90] w-64 max-w-[calc(100vw-16px)] origin-top-right overflow-hidden rounded-14 border border-border/80 bg-surface p-1 shadow-lg",
 				style: ne({
-					top: H.value.top === void 0 ? void 0 : `${H.value.top}px`,
-					bottom: H.value.bottom === void 0 ? void 0 : `${H.value.bottom}px`,
-					right: `${H.value.right}px`
+					top: V.value.top === void 0 ? void 0 : `${V.value.top}px`,
+					bottom: V.value.bottom === void 0 ? void 0 : `${V.value.bottom}px`,
+					right: `${V.value.right}px`
 				}),
 				"data-ac-ds": "",
 				"data-testid": "ac-user-menu-panel",
-				onKeydown: Le
+				onKeydown: X
 			}, [
-				(v(), c(x(m.profileUrl ? "a" : "div"), {
+				m.showProfile ? (v(), c(S(m.profileUrl ? "a" : "div"), {
+					key: 0,
 					href: m.profileUrl || void 0,
 					role: m.profileUrl ? "menuitem" : "presentation",
 					tabindex: m.profileUrl ? -1 : void 0,
 					class: _(["flex items-center gap-3 rounded-8 px-3 py-2.5 no-underline outline-none", m.profileUrl && "transition-colors duration-150 hover:bg-surface-sunken focus-visible:bg-surface-sunken focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset"])
 				}, {
-					default: E(() => [d("span", ge, [W.value ? (v(), u("img", {
+					default: D(() => [d("span", _e, [U.value ? (v(), u("img", {
 						key: 0,
 						src: m.avatarUrl,
 						alt: "",
 						class: "size-full object-cover",
-						onError: s[2] ||= (e) => V.value = !0
-					}, null, 40, _e)) : (v(), u(i, { key: 1 }, [f(S(U.value), 1)], 64))]), d("span", ve, [d("span", ye, S(m.name), 1), m.email ? (v(), u("span", be, S(m.email), 1)) : l("", !0)])]),
+						onError: s[2] ||= (e) => B.value = !0
+					}, null, 40, ve)) : (v(), u(i, { key: 1 }, [f(C(H.value), 1)], 64))]), d("span", ye, [d("span", be, C(m.name), 1), m.email ? (v(), u("span", xe, C(m.email), 1)) : l("", !0)])]),
 					_: 1
 				}, 8, [
 					"href",
 					"role",
 					"tabindex",
 					"class"
-				])),
+				])) : l("", !0),
 				m.workspaces.length ? (v(), u("div", {
-					key: 0,
+					key: 1,
 					role: "group",
-					"aria-labelledby": `${C(I)}-workspaces`,
-					class: "mt-1 border-t border-border px-3 py-2"
+					"aria-labelledby": `${w(F)}-workspaces`,
+					class: "mt-1 border-t border-border px-3 py-2 first:mt-0 first:border-t-0"
 				}, [d("p", {
-					id: `${C(I)}-workspaces`,
+					id: `${w(F)}-workspaces`,
 					class: "mb-2 flex items-center gap-2 text-xs font-semibold tracking-wide text-muted uppercase"
-				}, [p(C(oe), {
+				}, [p(w(oe), {
 					class: "size-4",
 					"aria-hidden": "true"
-				}), f(" " + S(m.workspacesLabel), 1)], 8, Se), d("div", Ce, [(v(!0), u(i, null, b(m.workspaces, (e) => (v(), u("button", {
+				}), f(" " + C(m.workspacesLabel), 1)], 8, Ce), d("div", we, [(v(!0), u(i, null, b(m.workspaces, (e) => (v(), u("button", {
 					key: e.name,
 					type: "button",
 					role: "menuitemradio",
 					tabindex: "-1",
-					"aria-checked": e.name === M.value,
-					class: _(["flex w-full cursor-pointer items-center justify-between gap-2 rounded-8 px-2 py-2 text-left text-base outline-none transition-colors duration-150 hover:bg-surface-sunken focus-visible:bg-surface-sunken focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", e.name === M.value && "bg-surface-sunken/50"]),
+					"aria-checked": e.name === j.value,
+					class: _(["flex w-full cursor-pointer items-center justify-between gap-2 rounded-8 px-2 py-2 text-left text-base outline-none transition-colors duration-150 hover:bg-surface-sunken focus-visible:bg-surface-sunken focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", e.name === j.value && "bg-surface-sunken/50"]),
 					"data-ac-ds": "",
 					"data-testid": "ac-user-menu-workspace",
-					onClick: (t) => ze(e)
-				}, [d("span", Te, [p(t, {
+					onClick: (t) => He(e)
+				}, [d("span", Ee, [p(t, {
 					name: e.displayName || e.name,
 					"img-url": e.avatarUrl,
 					kind: e.type === "user" ? "person" : "organization",
@@ -244,60 +258,63 @@ var ue = {
 					"name",
 					"img-url",
 					"kind"
-				]), d("span", Ee, [d("span", D, S(e.displayName || e.name), 1), d("span", De, [f(S(e.name), 1), e.type === "user" ? (v(), u(i, { key: 0 }, [f(" (Personal)")], 64)) : l("", !0)])])]), e.name === M.value ? (v(), c(C(se), {
+				]), d("span", De, [d("span", Oe, C(e.displayName || e.name), 1), d("span", ke, [f(C(e.name), 1), e.type === "user" ? (v(), u(i, { key: 0 }, [f(" (Personal)")], 64)) : l("", !0)])])]), e.name === j.value ? (v(), c(w(se), {
 					key: 0,
 					class: "size-4 shrink-0 text-primary",
 					"aria-hidden": "true"
-				})) : l("", !0)], 10, we))), 128))])], 8, xe)) : l("", !0),
+				})) : l("", !0)], 10, Te))), 128))])], 8, Se)) : l("", !0),
 				m.showThemeMode ? (v(), u("div", {
-					key: 1,
+					key: 2,
 					role: "group",
-					"aria-labelledby": `${C(I)}-theme`,
-					class: "mt-1 border-t border-border px-1 pt-2 pb-1"
+					"aria-labelledby": `${w(F)}-theme`,
+					class: "mt-1 border-t border-border px-1 pt-2 pb-1 first:mt-0 first:border-t-0"
 				}, [d("p", {
-					id: `${C(I)}-theme`,
+					id: `${w(F)}-theme`,
 					class: "mb-2 px-2 text-sm font-semibold tracking-[0.08em] text-muted uppercase"
-				}, "Theme", 8, ke), p(r, {
+				}, "Theme", 8, je), p(r, {
 					display: "labels",
-					"onSet:theme": s[3] ||= (e) => N("set:theme", e)
-				})], 8, Oe)) : l("", !0),
+					"onSet:theme": s[3] ||= (e) => M("set:theme", e)
+				})], 8, Ae)) : l("", !0),
 				m.showFontScale ? (v(), u("div", {
-					key: 2,
+					key: 3,
 					role: "group",
-					"aria-labelledby": `${C(I)}-scale`,
-					class: "mt-1 border-t border-border px-1 pt-2 pb-1"
+					"aria-labelledby": `${w(F)}-scale`,
+					class: "mt-1 border-t border-border px-1 pt-2 pb-1 first:mt-0 first:border-t-0"
 				}, [d("p", {
-					id: `${C(I)}-scale`,
+					id: `${w(F)}-scale`,
 					class: "mb-2 px-2 text-sm font-semibold tracking-[0.08em] text-muted uppercase"
-				}, "Text size", 8, je), p(n, { display: "labels" })], 8, Ae)) : l("", !0),
-				d("div", Me, [
-					(v(!0), u(i, null, b(m.items, (e) => (v(), c(x(G(e)), te({ key: e.label }, { ref_for: !0 }, Fe(e), {
+				}, "Text size", 8, Ne), p(n, { display: "labels" })], 8, Me)) : l("", !0),
+				d("div", Pe, [
+					(v(!0), u(i, null, b(m.items, (e) => (v(), c(S(W(e)), te({ key: e.label }, { ref_for: !0 }, ze(e), {
 						role: "menuitem",
 						tabindex: "-1",
-						class: P,
-						onClick: (t) => Re(e)
+						class: N,
+						onClick: (t) => Ve(e)
 					}), {
-						default: E(() => [e.icon ? (v(), c(x(e.icon), {
+						default: D(() => [e.icon ? (v(), c(S(e.icon), {
 							key: 0,
 							"aria-hidden": "true"
-						})) : l("", !0), d("span", O, S(e.label), 1)]),
+						})) : l("", !0), d("span", Fe, C(e.label), 1)]),
 						_: 2
 					}, 1040, ["onClick"]))), 128)),
-					ie(e.$slots, "default", {
-						close: X,
-						itemClass: P
+					x(e.$slots, "default", {
+						close: Y,
+						itemClass: N
 					}),
-					(v(), c(x(m.logoutUrl ? "a" : "button"), {
+					(v(), c(S(m.logoutUrl ? "a" : "button"), {
 						href: m.logoutUrl || void 0,
 						type: m.logoutUrl ? void 0 : "button",
 						role: "menuitem",
 						tabindex: "-1",
-						class: _(Pe),
+						class: _(Re),
 						"data-ac-ds": "",
 						"data-testid": "ac-user-menu-logout",
-						onClick: Be
+						onClick: Ue
 					}, {
-						default: E(() => [p(C(le), { "aria-hidden": "true" }), d("span", null, S(m.logoutLabel), 1)]),
+						default: D(() => [m.logoutIcon ? (v(), c(w(le), {
+							key: 0,
+							"aria-hidden": "true"
+						})) : l("", !0), d("span", null, C(m.logoutLabel), 1)]),
 						_: 1
 					}, 8, ["href", "type"]))
 				])
@@ -307,4 +324,4 @@ var ue = {
 	}
 });
 //#endregion
-export { A as default };
+export { k as default };

package/dist/lib/components/index.d.ts

@@ -61,6 +61,7 @@ export { default as AcPagination } from "./AcPagination.vue";
 export { default as AcPreloader } from "./AcPreloader.vue";
 export { default as AcProgress } from "./AcProgress.vue";
 export { default as AcProductHero } from "./AcProductHero.vue";
+export { default as AcRadioCard } from "./AcRadioCard.vue";
 export { default as AcResourceCard } from "./AcResourceCard.vue";
 export { default as AcSearchBar } from "./AcSearchBar.vue";
 export { default as AcSectionContent } from "./AcSectionContent.vue";
@@ -84,6 +85,7 @@ export { default as AcTable } from "./AcTable.vue";
 export { default as AcTabs } from "./AcTabs.vue";
 export { default as AcTag } from "./AcTag.vue";
 export { default as AcTagInput } from "./AcTagInput.vue";
+export { default as AcTaintInput } from "./AcTaintInput.vue";
 export { default as AcTextarea } from "./AcTextarea.vue";
 export { default as AcThemeMode } from "./AcThemeMode.vue";
 export { default as AcTimePicker } from "./AcTimePicker.vue";

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

@@ -13,4 +13,6 @@ export interface SelectOption<V = string | number> {
     disabled?: boolean;
     /** Options with the same group are listed under that heading. */
     group?: string;
+    /** Extra data for the `option` and `selected` slots, e.g. an icon, a price or a role. */
+    custom?: Record<string, unknown>;
 }

package/dist/lib/composables/useToast.d.ts

@@ -47,8 +47,8 @@ export declare function useToast(): {
         } | undefined;
         readonly progress?: boolean | undefined;
         readonly version: number;
-        readonly dismissible: boolean;
         readonly duration: number;
+        readonly dismissible: boolean;
     }[], readonly {
         readonly id: string;
         readonly tone: ToastTone;
@@ -60,8 +60,8 @@ export declare function useToast(): {
         } | undefined;
         readonly progress?: boolean | undefined;
         readonly version: number;
-        readonly dismissible: boolean;
         readonly duration: number;
+        readonly dismissible: boolean;
     }[]>>;
     toast: (title: string, options?: ToastOptions) => string;
     success: (title: string, options?: ToastOptions) => string;

package/dist/lib/index.d.ts

@@ -37,7 +37,8 @@ export type { SideTabItem } from "./components/AcSideTabs.vue";
 export type { SliderMark } from "./components/AcSlider.vue";
 export type { StatusBarItem, StatusBarStatus } from "./components/AcStatusBar.vue";
 export type { Step, SubStep } from "./components/AcSteps.vue";
-export type { Column } from "./components/AcTable.vue";
+export type { TaintItem } from "./components/AcTaintInput.vue";
+export type { Column, TableSearch } from "./components/AcTable.vue";
 export type { TabItem } from "./components/AcTabs.vue";
 export type { UsageBreakdownRow } from "./components/AcUsageCard.vue";
 export type { UserMenuItem, UserMenuWorkspace } from "./components/AcUserMenu.vue";