@ac-design/design-system 2.5.2 → 2.6.0

package/dist/lib/compat.css

@@ -3124,6 +3124,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .pb-1:where([data-ac-ds], [data-ac-ds] *) {
     padding-bottom: var(--spacing) !important;
   }
+  .pb-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-bottom: calc(var(--spacing) * 1.5) !important;
+  }
   .pb-2:where([data-ac-ds], [data-ac-ds] *) {
     padding-bottom: calc(var(--spacing) * 2) !important;
   }

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

@@ -32,7 +32,7 @@ export interface Props {
     isOfflineInstaller?: boolean;
     /** Replaces the built-in AppsCode list. Entries without `url` get one built from `baseUrl`; the self-host and org-type rules aren't applied. */
     apps?: AppSwitcherApp[];
-    /** Hides the current app; defaults to `true` to match the old component. */
+    /** Hides the current app. By default it shows, highlighted with a check, so people see where they are; clicking it closes the menu. */
     hideCurrent?: boolean;
     /** Accessible name of the grid button, and the panel heading. */
     label?: string;

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

@@ -44,7 +44,7 @@ var ae = {
 		apps: { default: void 0 },
 		hideCurrent: {
 			type: Boolean,
-			default: !0
+			default: !1
 		},
 		label: { default: "AppsCode apps" },
 		align: { default: "end" }
@@ -176,7 +176,11 @@ var ae = {
 			let e = [`gorg=${encodeURIComponent(k.activeOrganization)}`, "path=/"];
 			k.rootDomain && e.push(`domain=${k.rootDomain}`), document.cookie = e.join("; ");
 		}
-		function be(e) {
+		function be(e, t) {
+			if (K(e)) {
+				t?.preventDefault(), Z();
+				return;
+			}
 			e.name === "grafana" && ye(), j("select", e);
 		}
 		function xe(e) {
@@ -262,7 +266,7 @@ var ae = {
 					class: "group relative flex h-full flex-col items-center gap-2 rounded-8 px-1.5 pt-3 pb-2.5 text-center no-underline outline-none transition-colors duration-200 hover:bg-surface-sunken focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset aria-[current=page]:bg-accent",
 					"data-ac-ds": "",
 					"data-testid": "ac-app-switcher-app",
-					onClick: (t) => be(e)
+					onClick: (t) => be(e, t)
 				}, [
 					u("span", {
 						class: h(["relative inline-flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-10 ring-1 transition-transform duration-200 ring-inset motion-safe:group-hover:-translate-y-px", e.iconUrl || e.name === E && !e.icon ? "bg-surface ring-border" : I[e.color ?? "slate"]]),

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

@@ -18,8 +18,14 @@ export interface UserMenuWorkspace {
     displayName?: string;
     /** Logo or profile photo. Organisations without one show a building icon. */
     avatarUrl?: string;
-    /** `user` is the personal account: a round avatar and "(Personal)". `organization` gets a square logo. */
+    /** `user` is the personal account: a round avatar and "(Personal)". `organization` gets a square building icon when it has no logo; a logo shows round. */
     type?: "user" | "organization";
+    /** What kind of account it is, under its name in the trigger and the current-account card, e.g. "Admin org". Defaults to "Personal account" or "Organization". */
+    kind?: string;
+    /** Line under the name in the switch list, e.g. "Your own clusters and settings". Defaults to the kind and `@name`. */
+    description?: string;
+    /** Tint of the current-account card: `primary` (default for a personal account), `info` (default for an organisation) or `warning`, e.g. for an admin org. */
+    tone?: "primary" | "info" | "warning";
 }
 export interface Props {
     /** The person's name or username. The avatar shows its initials. */
@@ -44,8 +50,12 @@ export interface Props {
     logoutLabel?: string;
     /** The person's account and organisations, listed at the top of the menu like cloud-ui's workspace switcher. Choosing one updates `v-model:workspace` and emits `switch-workspace`. */
     workspaces?: UserMenuWorkspace[];
-    /** Heading of the workspace list. */
+    /** Heading of the workspace list. Defaults to "Switch to", or "Workspaces" with `workspace-style="list"`. */
     workspacesLabel?: string;
+    /** How `workspaces` show. `switcher`: the trigger names the current workspace and its kind, and the menu opens with a tinted current-account card and a "Switch to" list of the others. `list`: the trigger shows the person, and every workspace is one list with a check on the current one. */
+    workspaceStyle?: "switcher" | "list";
+    /** Heading above the current-account card in the `switcher` style. */
+    currentLabel?: 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. */
@@ -94,6 +104,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     logoutLabel: string;
     workspaces: UserMenuWorkspace[];
     workspacesLabel: string;
+    workspaceStyle: "switcher" | "list";
+    currentLabel: string;
     showProfile: boolean;
     logoutIcon: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -2,40 +2,46 @@ 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 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";
+import { Fragment as i, Teleport as ee, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, getCurrentInstance as te, mergeModels as m, mergeProps as ne, nextTick as re, normalizeClass as h, normalizeStyle as ie, onBeforeUnmount as ae, openBlock as g, ref as _, renderList as v, renderSlot as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, useId as oe, useModel as se, useSlots as ce, watch as C, withCtx as w } from "vue";
+import { Building2 as le, Check as ue, ChevronDown as de, CircleCheck as fe, LogOut as pe } from "@lucide/vue";
 //#region src/lib/components/AcUserMenu.vue?vue&type=script&setup=true&lang.ts
-var ue = {
+var me = {
 	class: "inline-flex",
 	"data-ac-ds": "",
 	"data-testid": "ac-user-menu"
-}, de = [
+}, he = [
 	"aria-expanded",
 	"aria-controls",
 	"aria-label"
-], fe = {
+], ge = {
 	key: 0,
-	class: "hidden max-w-36 truncate text-base font-medium text-heading md:block"
-}, pe = {
+	class: "hidden min-w-0 flex-col items-end leading-tight md:flex"
+}, _e = { class: "max-w-36 truncate text-base font-medium text-heading" }, ve = { class: "max-w-36 truncate text-xs text-muted" }, ye = {
 	key: 1,
+	class: "hidden max-w-36 truncate text-base font-medium text-heading md:block"
+}, be = {
+	key: 2,
 	class: "inline-flex shrink-0",
 	"aria-hidden": "true"
-}, me = {
-	key: 2,
+}, xe = {
+	key: 4,
 	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"
-}, 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 = {
+}, Se = { class: "inline-flex size-full items-center justify-center overflow-hidden rounded-full bg-surface text-xs font-semibold text-primary-strong" }, Ce = ["src"], we = {
 	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"
-}, ve = ["src"], ye = { class: "min-w-0 flex-1" }, be = { class: "block truncate text-base font-medium text-heading" }, xe = {
+}, Te = ["src"], Ee = { class: "min-w-0 flex-1" }, De = { class: "block truncate text-base font-medium text-heading" }, Oe = {
 	key: 0,
 	class: "block truncate text-xs text-muted"
-}, 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 = {
+}, ke = {
+	class: "mt-1 border-t border-border px-2 pt-2 pb-1 first:mt-0 first:border-t-0",
+	"data-testid": "ac-user-menu-current"
+}, Ae = { class: "m-0 px-1 pb-1.5 text-xs font-semibold tracking-wide text-muted uppercase" }, je = { class: "flex min-w-0 flex-1 flex-col leading-tight" }, Me = { class: "truncate text-base font-semibold text-heading" }, Ne = { class: "truncate text-xs text-muted" }, Pe = ["aria-labelledby"], Fe = ["id"], Ie = ["onClick"], Le = { class: "flex min-w-0 flex-col leading-tight" }, Re = { class: "truncate text-base font-medium text-heading" }, ze = { class: "truncate text-xs font-normal text-muted" }, Be = ["aria-labelledby"], Ve = ["id"], He = { class: "flex flex-col gap-1" }, Ue = ["aria-checked", "onClick"], We = { class: "flex min-w-0 items-center gap-2" }, Ge = { class: "min-w-0" }, Ke = { class: "block truncate font-medium text-heading" }, qe = { class: "block truncate text-xs text-muted" }, Je = ["aria-labelledby"], Ye = ["id"], Xe = ["aria-labelledby"], Ze = ["id"], Qe = {
 	role: "group",
 	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({
+}, $e = { class: "min-w-0 flex-1 truncate" }, T = "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", et = "[role=\"menuitem\"]:not([aria-disabled=\"true\"]), [role=\"menuitemradio\"], [role=\"radio\"]", E = /*@__PURE__*/ p({
 	__name: "AcUserMenu",
-	props: /*@__PURE__*/ h({
+	props: /*@__PURE__*/ m({
 		name: {},
 		email: { default: "" },
 		avatarUrl: { default: "" },
@@ -56,7 +62,9 @@ var ue = {
 		logoutUrl: { default: "" },
 		logoutLabel: { default: "Sign out" },
 		workspaces: { default: () => [] },
-		workspacesLabel: { default: "Workspaces" },
+		workspacesLabel: { default: void 0 },
+		workspaceStyle: { default: "switcher" },
+		currentLabel: { default: "Current account" },
 		showProfile: {
 			type: Boolean,
 			default: !0
@@ -74,254 +82,333 @@ var ue = {
 		workspace: { default: "" },
 		workspaceModifiers: {}
 	}),
-	emits: /*@__PURE__*/ h([
+	emits: /*@__PURE__*/ m([
 		"select",
 		"logout",
 		"set:theme",
 		"switch-workspace"
 	], ["update:open", "update:workspace"]),
-	setup(m, { emit: h }) {
-		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({
+	setup(p, { emit: m }) {
+		let E = p, D = se(p, "open"), O = se(p, "workspace"), k = m, tt = ce(), A = `${T} text-heading [&>svg]:text-muted`, nt = `${T} text-danger-strong`, j = te()?.appContext.components.RouterLink, M = oe(), N = `${M}-trigger`, rt = `${M}-menu`, P = _(null), F = _(null), I = _(!1), L = _({
 			top: 0,
 			right: 0
-		}), H = s(() => {
-			let e = k.name.trim().split(/[\s._-]+/).filter(Boolean);
+		}), R = o(() => {
+			let e = E.name.trim().split(/[\s._-]+/).filter(Boolean);
 			return e.length ? (e[0].charAt(0) + (e.length > 1 ? e[e.length - 1].charAt(0) : "")).toUpperCase() : "?";
-		}), U = s(() => !!k.avatarUrl && !B.value);
-		function W(e) {
-			return e.to && P && !e.disabled ? P : e.to || e.href ? "a" : "button";
+		}), it = o(() => !!E.avatarUrl && !I.value), z = o(() => E.workspaceStyle === "switcher" && E.workspaces.length > 0), B = o(() => E.workspaces.find((e) => e.name === O.value) ?? E.workspaces[0]), V = o(() => E.workspaces.filter((e) => e !== B.value)), H = o(() => E.workspacesLabel ?? (z.value ? "Switch to" : "Workspaces")), at = {
+			primary: {
+				card: "border-primary/40 bg-primary/8",
+				icon: "text-primary"
+			},
+			info: {
+				card: "border-info/40 bg-info/8",
+				icon: "text-info"
+			},
+			warning: {
+				card: "border-warning/40 bg-warning/10",
+				icon: "text-warning-strong"
+			}
+		}, U = (e) => e.displayName || e.name, W = (e) => e.kind || (e.type === "user" ? "Personal account" : "Organization"), ot = (e) => e.description || (e.type === "user" ? W(e) : `${W(e)} · @${e.name}`), G = (e) => at[e.tone ?? (e.type === "user" ? "primary" : "info")], K = (e) => e.type === "user" || e.avatarUrl ? "circle" : "square";
+		function q(e) {
+			return e.to && j && !e.disabled ? j : e.to || e.href ? "a" : "button";
 		}
-		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) } : {
+		function st(e) {
+			let t = q(e);
+			return t === j ? { 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 G() {
-			return [...z.value?.querySelectorAll(Ie) ?? []];
+		function J() {
+			return [...F.value?.querySelectorAll(et) ?? []];
 		}
-		function K(e) {
-			let t = G();
+		function Y(e) {
+			let t = J();
 			t.length && t[(e + t.length) % t.length].focus();
 		}
-		function q() {
-			let t = R.value;
+		function X() {
+			let t = P.value;
 			if (!t) return;
-			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 ? {
+			let n = t.getBoundingClientRect(), r = e(), i = F.value?.offsetHeight ?? 320, ee = F.value?.offsetWidth ?? 256, a = Math.max(8, Math.min(r.right - n.right, r.width - ee - 8)), o = r.bottom - n.bottom - 6 - 8;
+			L.value = o < i && n.top - r.top > o ? {
 				bottom: r.bottom - n.top + 6,
-				right: o
+				right: a
 			} : {
 				top: n.bottom + 6 - r.top,
-				right: o
+				right: a
 			};
 		}
-		async function J(e = "first") {
-			A.value = !0, await g(), q(), K(e === "first" ? 0 : -1);
+		async function Z(e = "first") {
+			D.value = !0, await re(), X(), Y(e === "first" ? 0 : -1);
 		}
-		function Y(e = !0) {
-			A.value && (A.value = !1, e && R.value?.focus());
+		function Q(e = !0) {
+			D.value && (D.value = !1, e && P.value?.focus());
 		}
-		function Be(e) {
+		function ct(e) {
 			[
 				"Enter",
 				" ",
 				"ArrowDown"
-			].includes(e.key) ? (e.preventDefault(), J("first")) : e.key === "ArrowUp" && (e.preventDefault(), J("last"));
+			].includes(e.key) ? (e.preventDefault(), Z("first")) : e.key === "ArrowUp" && (e.preventDefault(), Z("last"));
 		}
-		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 lt(e) {
+			let t = J().indexOf(document.activeElement);
+			e.key === "ArrowDown" ? (e.preventDefault(), Y(t + 1)) : e.key === "ArrowUp" ? (e.preventDefault(), Y(t - 1)) : e.key === "Home" ? (e.preventDefault(), Y(0)) : e.key === "End" ? (e.preventDefault(), Y(-1)) : e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), Q()) : e.key === "Tab" && Q();
 		}
-		function Ve(e) {
-			e.disabled || (M("select", e), Y());
+		function ut(e) {
+			e.disabled || (k("select", e), Q());
 		}
-		function He(e) {
-			e.name !== j.value && (j.value = e.name, M("switch-workspace", e)), Y();
+		function dt(e) {
+			e.name !== O.value && (O.value = e.name, k("switch-workspace", e)), Q();
 		}
-		function Ue() {
-			M("logout"), Y(!1);
+		function ft() {
+			k("logout"), Q(!1);
 		}
-		function Z(e) {
+		function pt(e) {
 			let t = e.target;
-			R.value?.contains(t) || z.value?.contains(t) || Y(!1);
-		}
-		function Q() {
-			q();
+			P.value?.contains(t) || F.value?.contains(t) || Q(!1);
 		}
 		function $() {
-			document.removeEventListener("pointerdown", Z, !0), window.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q);
+			X();
+		}
+		function mt() {
+			document.removeEventListener("pointerdown", pt, !0), window.removeEventListener("scroll", $, !0), window.removeEventListener("resize", $);
 		}
-		return E(A, (e) => {
-			if (!e) return $();
-			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,
+		return C(D, (e) => {
+			if (!e) return mt();
+			document.addEventListener("pointerdown", pt, !0), window.addEventListener("scroll", $, !0), window.addEventListener("resize", $), re(X);
+		}), C(() => E.avatarUrl, () => I.value = !1), ae(mt), (e, o) => (g(), l("div", me, [u("button", {
+			id: N,
 			ref_key: "trigger",
-			ref: R,
+			ref: P,
 			type: "button",
 			"aria-haspopup": "menu",
-			"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", A.value && "border-border bg-surface-sunken/50"]]),
+			"aria-expanded": D.value,
+			"aria-controls": D.value ? rt : void 0,
+			"aria-label": z.value && B.value ? `${U(B.value)}, ${W(B.value)}, account menu` : `${p.name}, account menu`,
+			class: h(["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", [p.showName && "md:px-4", D.value && "border-border bg-surface-sunken/50"]]),
 			"data-ac-ds": "",
 			"data-testid": "ac-user-menu-trigger",
-			onClick: s[1] ||= (e) => A.value ? Y() : J(),
-			onKeydown: Be
+			onClick: o[1] ||= (e) => D.value ? Q() : Z(),
+			onKeydown: ct
 		}, [
-			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", {
+			p.showName && z.value && B.value ? (g(), l("span", ge, [u("span", _e, x(U(B.value)), 1), u("span", ve, x(W(B.value)), 1)])) : p.showName ? (g(), l("span", ye, x(p.name), 1)) : c("", !0),
+			tt.avatar ? (g(), l("span", be, [y(e.$slots, "avatar")])) : z.value && B.value ? (g(), s(t, {
+				key: 3,
+				name: U(B.value),
+				"img-url": B.value.avatarUrl,
+				kind: B.value.type === "user" ? "person" : "organization",
+				shape: K(B.value),
+				alt: "",
+				class: "ring-1 ring-border"
+			}, null, 8, [
+				"name",
+				"img-url",
+				"kind",
+				"shape"
+			])) : (g(), l("span", xe, [u("span", Se, [it.value ? (g(), l("img", {
 				key: 0,
-				src: m.avatarUrl,
+				src: p.avatarUrl,
 				alt: "",
 				class: "size-full object-cover",
-				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"]),
+				onError: o[0] ||= (e) => I.value = !0
+			}, null, 40, Ce)) : (g(), l(i, { key: 1 }, [d(x(R.value), 1)], 64))])])),
+			p.showName ? (g(), s(S(de), {
+				key: 5,
+				class: h(["hidden size-4 shrink-0 text-muted transition-transform duration-200 motion-reduce:transition-none sm:block", D.value && "rotate-180"]),
 				"aria-hidden": "true"
-			}, null, 8, ["class"])) : l("", !0)
-		], 42, de), (v(), c(a, { to: "body" }, [p(o, {
+			}, null, 8, ["class"])) : c("", !0)
+		], 42, he), (g(), s(ee, { to: "body" }, [f(a, {
 			"enter-active-class": "transition duration-150 ease-out motion-reduce:transition-none",
 			"enter-from-class": "opacity-0 scale-95",
 			"leave-active-class": "transition duration-100 ease-in",
 			"leave-to-class": "opacity-0"
 		}, {
-			default: D(() => [A.value ? (v(), u("div", {
+			default: w(() => [D.value ? (g(), l("div", {
 				key: 0,
-				id: L,
+				id: rt,
 				ref_key: "panel",
-				ref: z,
+				ref: F,
 				role: "menu",
-				"aria-labelledby": I,
+				"aria-labelledby": N,
 				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: 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`
+				style: ie({
+					top: L.value.top === void 0 ? void 0 : `${L.value.top}px`,
+					bottom: L.value.bottom === void 0 ? void 0 : `${L.value.bottom}px`,
+					right: `${L.value.right}px`
 				}),
 				"data-ac-ds": "",
 				"data-testid": "ac-user-menu-panel",
-				onKeydown: X
+				onKeydown: lt
 			}, [
-				m.showProfile ? (v(), c(S(m.profileUrl ? "a" : "div"), {
+				p.showProfile ? (g(), s(b(p.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"])
+					href: p.profileUrl || void 0,
+					role: p.profileUrl ? "menuitem" : "presentation",
+					tabindex: p.profileUrl ? -1 : void 0,
+					class: h(["flex items-center gap-3 rounded-8 px-3 py-2.5 no-underline outline-none", p.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: D(() => [d("span", _e, [U.value ? (v(), u("img", {
+					default: w(() => [u("span", we, [it.value ? (g(), l("img", {
 						key: 0,
-						src: m.avatarUrl,
+						src: p.avatarUrl,
 						alt: "",
 						class: "size-full object-cover",
-						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)])]),
+						onError: o[2] ||= (e) => I.value = !0
+					}, null, 40, Te)) : (g(), l(i, { key: 1 }, [d(x(R.value), 1)], 64))]), u("span", Ee, [u("span", De, x(p.name), 1), p.email ? (g(), l("span", Oe, x(p.email), 1)) : c("", !0)])]),
 					_: 1
 				}, 8, [
 					"href",
 					"role",
 					"tabindex",
 					"class"
-				])) : l("", !0),
-				m.workspaces.length ? (v(), u("div", {
-					key: 1,
+				])) : c("", !0),
+				z.value && B.value ? (g(), l(i, { key: 1 }, [u("div", ke, [u("p", Ae, x(p.currentLabel), 1), u("div", {
+					class: h(["flex items-center gap-3 rounded-10 border px-3 py-2", G(B.value).card]),
+					"aria-current": "true"
+				}, [
+					f(t, {
+						name: U(B.value),
+						"img-url": B.value.avatarUrl,
+						kind: B.value.type === "user" ? "person" : "organization",
+						shape: K(B.value),
+						size: "small",
+						alt: ""
+					}, null, 8, [
+						"name",
+						"img-url",
+						"kind",
+						"shape"
+					]),
+					u("span", je, [u("span", Me, x(U(B.value)), 1), u("span", Ne, x(W(B.value)), 1)]),
+					f(S(fe), {
+						class: h(["size-5 shrink-0", G(B.value).icon]),
+						"aria-label": p.currentLabel
+					}, null, 8, ["class", "aria-label"])
+				], 2)]), V.value.length ? (g(), l("div", {
+					key: 0,
+					role: "group",
+					"aria-labelledby": `${S(M)}-workspaces`,
+					class: "px-1 pb-1"
+				}, [u("p", {
+					id: `${S(M)}-workspaces`,
+					class: "m-0 px-2 pt-2 pb-1 text-xs font-semibold tracking-wide text-muted uppercase"
+				}, x(H.value), 9, Fe), (g(!0), l(i, null, v(V.value, (e) => (g(), l("button", {
+					key: e.name,
+					type: "button",
+					role: "menuitem",
+					tabindex: "-1",
+					class: h(A),
+					"data-ac-ds": "",
+					"data-testid": "ac-user-menu-workspace",
+					onClick: (t) => dt(e)
+				}, [f(t, {
+					name: U(e),
+					"img-url": e.avatarUrl,
+					kind: e.type === "user" ? "person" : "organization",
+					shape: K(e),
+					size: "small",
+					alt: ""
+				}, null, 8, [
+					"name",
+					"img-url",
+					"kind",
+					"shape"
+				]), u("span", Le, [u("span", Re, x(U(e)), 1), u("span", ze, x(ot(e)), 1)])], 8, Ie))), 128))], 8, Pe)) : c("", !0)], 64)) : p.workspaces.length ? (g(), l("div", {
+					key: 2,
 					role: "group",
-					"aria-labelledby": `${w(F)}-workspaces`,
+					"aria-labelledby": `${S(M)}-workspaces`,
 					class: "mt-1 border-t border-border px-3 py-2 first:mt-0 first:border-t-0"
-				}, [d("p", {
-					id: `${w(F)}-workspaces`,
+				}, [u("p", {
+					id: `${S(M)}-workspaces`,
 					class: "mb-2 flex items-center gap-2 text-xs font-semibold tracking-wide text-muted uppercase"
-				}, [p(w(oe), {
+				}, [f(S(le), {
 					class: "size-4",
 					"aria-hidden": "true"
-				}), f(" " + C(m.workspacesLabel), 1)], 8, Ce), d("div", we, [(v(!0), u(i, null, b(m.workspaces, (e) => (v(), u("button", {
+				}), d(" " + x(H.value), 1)], 8, Ve), u("div", He, [(g(!0), l(i, null, v(p.workspaces, (e) => (g(), l("button", {
 					key: e.name,
 					type: "button",
 					role: "menuitemradio",
 					tabindex: "-1",
-					"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"]),
+					"aria-checked": e.name === O.value,
+					class: h(["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 === O.value && "bg-surface-sunken/50"]),
 					"data-ac-ds": "",
 					"data-testid": "ac-user-menu-workspace",
-					onClick: (t) => He(e)
-				}, [d("span", Ee, [p(t, {
+					onClick: (t) => dt(e)
+				}, [u("span", We, [f(t, {
 					name: e.displayName || e.name,
 					"img-url": e.avatarUrl,
 					kind: e.type === "user" ? "person" : "organization",
+					shape: K(e),
 					alt: ""
 				}, null, 8, [
 					"name",
 					"img-url",
-					"kind"
-				]), 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), {
+					"kind",
+					"shape"
+				]), u("span", Ge, [u("span", Ke, x(e.displayName || e.name), 1), u("span", qe, [d(x(e.name), 1), e.type === "user" ? (g(), l(i, { key: 0 }, [d(" (Personal)")], 64)) : c("", !0)])])]), e.name === O.value ? (g(), s(S(ue), {
 					key: 0,
 					class: "size-4 shrink-0 text-primary",
 					"aria-hidden": "true"
-				})) : l("", !0)], 10, Te))), 128))])], 8, Se)) : l("", !0),
-				m.showThemeMode ? (v(), u("div", {
-					key: 2,
+				})) : c("", !0)], 10, Ue))), 128))])], 8, Be)) : c("", !0),
+				p.showThemeMode ? (g(), l("div", {
+					key: 3,
 					role: "group",
-					"aria-labelledby": `${w(F)}-theme`,
+					"aria-labelledby": `${S(M)}-theme`,
 					class: "mt-1 border-t border-border px-1 pt-2 pb-1 first:mt-0 first:border-t-0"
-				}, [d("p", {
-					id: `${w(F)}-theme`,
+				}, [u("p", {
+					id: `${S(M)}-theme`,
 					class: "mb-2 px-2 text-sm font-semibold tracking-[0.08em] text-muted uppercase"
-				}, "Theme", 8, je), p(r, {
+				}, "Theme", 8, Ye), f(r, {
 					display: "labels",
-					"onSet:theme": s[3] ||= (e) => M("set:theme", e)
-				})], 8, Ae)) : l("", !0),
-				m.showFontScale ? (v(), u("div", {
-					key: 3,
+					"onSet:theme": o[3] ||= (e) => k("set:theme", e)
+				})], 8, Je)) : c("", !0),
+				p.showFontScale ? (g(), l("div", {
+					key: 4,
 					role: "group",
-					"aria-labelledby": `${w(F)}-scale`,
+					"aria-labelledby": `${S(M)}-scale`,
 					class: "mt-1 border-t border-border px-1 pt-2 pb-1 first:mt-0 first:border-t-0"
-				}, [d("p", {
-					id: `${w(F)}-scale`,
+				}, [u("p", {
+					id: `${S(M)}-scale`,
 					class: "mb-2 px-2 text-sm font-semibold tracking-[0.08em] text-muted uppercase"
-				}, "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), {
+				}, "Text size", 8, Ze), f(n, { display: "labels" })], 8, Xe)) : c("", !0),
+				u("div", Qe, [
+					(g(!0), l(i, null, v(p.items, (e) => (g(), s(b(q(e)), ne({ key: e.label }, { ref_for: !0 }, st(e), {
 						role: "menuitem",
 						tabindex: "-1",
-						class: N,
-						onClick: (t) => Ve(e)
+						class: A,
+						onClick: (t) => ut(e)
 					}), {
-						default: D(() => [e.icon ? (v(), c(S(e.icon), {
+						default: w(() => [e.icon ? (g(), s(b(e.icon), {
 							key: 0,
 							"aria-hidden": "true"
-						})) : l("", !0), d("span", Fe, C(e.label), 1)]),
+						})) : c("", !0), u("span", $e, x(e.label), 1)]),
 						_: 2
 					}, 1040, ["onClick"]))), 128)),
-					x(e.$slots, "default", {
-						close: Y,
-						itemClass: N
+					y(e.$slots, "default", {
+						close: Q,
+						itemClass: A
 					}),
-					(v(), c(S(m.logoutUrl ? "a" : "button"), {
-						href: m.logoutUrl || void 0,
-						type: m.logoutUrl ? void 0 : "button",
+					(g(), s(b(p.logoutUrl ? "a" : "button"), {
+						href: p.logoutUrl || void 0,
+						type: p.logoutUrl ? void 0 : "button",
 						role: "menuitem",
 						tabindex: "-1",
-						class: _(Re),
+						class: h(nt),
 						"data-ac-ds": "",
 						"data-testid": "ac-user-menu-logout",
-						onClick: Ue
+						onClick: ft
 					}, {
-						default: D(() => [m.logoutIcon ? (v(), c(w(le), {
+						default: w(() => [p.logoutIcon ? (g(), s(S(pe), {
 							key: 0,
 							"aria-hidden": "true"
-						})) : l("", !0), d("span", null, C(m.logoutLabel), 1)]),
+						})) : c("", !0), u("span", null, x(p.logoutLabel), 1)]),
 						_: 1
 					}, 8, ["href", "type"]))
 				])
-			], 36)) : l("", !0)]),
+			], 36)) : c("", !0)]),
 			_: 3
 		})]))]));
 	}
 });
 //#endregion
-export { k as default };
+export { E as default };

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

@@ -0,0 +1,17 @@
+import type { UserMenuWorkspace } from "../components/AcUserMenu.vue";
+/** An AppsCode account as the APIs return it: the signed-in user or one of their organisations. */
+export interface AppsCodeAccount {
+    username: string;
+    full_name?: string;
+    avatar_url?: string;
+    /** 2 Rancher org, 3 client org, 6 admin org. */
+    orgType?: number;
+    /** Set on the signed-in user's own account. */
+    isPersonalAccount?: boolean;
+}
+/** What kind of account it is, in the words every console uses: "Personal account", "Admin org", "Client org", "Rancher org" or "Organization". */
+export declare function accountKind(account: AppsCodeAccount, personal?: boolean): string;
+/** One account as an `AcUserMenu` workspace, with the kind, the line under it and the tint every console shows. */
+export declare function toAccountWorkspace(account: AppsCodeAccount, personal?: boolean): UserMenuWorkspace;
+/** The signed-in user's account, then their admin orgs, then the other organisations, as `AcUserMenu` workspaces. */
+export declare function accountWorkspaces(user: AppsCodeAccount | undefined, organizations?: AppsCodeAccount[]): UserMenuWorkspace[];

package/dist/lib/composables/accounts.js

@@ -0,0 +1,27 @@
+//#region src/lib/composables/accounts.ts
+var e = {
+	2: "Rancher org",
+	3: "Client org",
+	6: "Admin org"
+};
+function t(t, n = !!t.isPersonalAccount) {
+	return n ? "Personal account" : e[t.orgType ?? -1] ?? "Organization";
+}
+function n(e, n = !!e.isPersonalAccount) {
+	let r = t(e, n);
+	return {
+		name: e.username,
+		displayName: e.full_name || e.username,
+		avatarUrl: e.avatar_url,
+		type: n ? "user" : "organization",
+		kind: r,
+		description: n ? "Your own clusters and settings" : `${r} · @${e.username}`,
+		tone: n ? "primary" : e.orgType === 6 ? "warning" : "info"
+	};
+}
+function r(e, t = []) {
+	let r = (e) => e.orgType === 6 ? 0 : 1, i = [...t].filter((t) => t.username && t.username !== e?.username).sort((e, t) => r(e) - r(t));
+	return [...e?.username ? [n(e, !0)] : [], ...i.map((e) => n(e, !1))];
+}
+//#endregion
+export { t as accountKind, r as accountWorkspaces, n as toAccountWorkspace };

package/dist/lib/index.d.ts

@@ -11,6 +11,8 @@ export type { ApiPagination, ApiPaginationProps, UseApiPaginationOptions } from
 export { useBulkSelection } from "./composables/useBulkSelection";
 export type { BulkSelection, UseBulkSelectionOptions } from "./composables/useBulkSelection";
 export { useFormValidation } from "./composables/useFormValidation";
+export { accountKind, accountWorkspaces, toAccountWorkspace } from "./composables/accounts";
+export type { AppsCodeAccount } from "./composables/accounts";
 export type { FieldPath, FormRules, FormValidationOptions, Rule, RuleFn, SimpleRuleName } from "./composables/useFormValidation";
 export { statusMeta, normalizeState, humanizeState } from "./components/status";
 export type { StatusMeta, StatusMetaOptions, StatusTone } from "./components/status";

package/dist/lib/index.js

@@ -55,11 +55,11 @@ import re from "./components/AcHeaderItem.js";
 import ie from "./components/AcHeaderItems.js";
 import ae from "./components/AcInfoTable.js";
 import oe from "./components/AcKbd.js";
-import $ from "./components/AcSelect.js";
-import se from "./components/AcKeyValueInput.js";
-import ce from "./components/AcLoader.js";
-import le from "./components/AcLocaleSwitcher.js";
-import ue from "./components/AcProductTag.js";
+import se from "./components/AcSelect.js";
+import ce from "./components/AcKeyValueInput.js";
+import le from "./components/AcLoader.js";
+import ue from "./components/AcLocaleSwitcher.js";
+import $ from "./components/AcProductTag.js";
 import de from "./components/AcNavbar.js";
 import fe from "./components/AcNotificationMenu.js";
 import pe from "./components/AcNumberInput.js";
@@ -102,5 +102,6 @@ import { useTablePagination as Xe } from "./composables/useTablePagination.js";
 import { useApiPagination as Ze } from "./composables/useApiPagination.js";
 import { useBulkSelection as Qe } from "./composables/useBulkSelection.js";
 import { useFormValidation as $e } from "./composables/useFormValidation.js";
-import { HSLToHex as et, HexToHSL as tt, MIN_CONTRAST as nt, contrastOnWhite as rt, getThemeHSL as it, hexToHsl as at, hslToHex as ot, readableLightness as st, setThemeHSL as ct, useBrandColor as lt } from "./composables/useBrandColor.js";
-export { ee as AcAccordion, te as AcAccordionItem, r as AcAlert, o as AcAppSwitcher, s as AcAvatar, d as AcBadge, f as AcBanner, p as AcBreadcrumb, m as AcBulkActionBar, n as AcButton, h as AcButtons, g as AcCard, y as AcCellValue, b as AcCheckBox, x as AcCheckList, S as AcCheckRadio, C as AcCircularProgress, w as AcClusterSwitcher, T as AcColorInput, E as AcCommandBlock, D as AcConfirmModal, O as AcContentHeader, k as AcContentLayout, j as AcContentTable, M as AcCopyButton, N as AcCostSummary, P as AcDatePicker, I as AcDeleteConfirmationModal, I as AcDeleteModal, L as AcDivider, R as AcDropdown, z as AcDropdownDivider, B as AcDropdownItem, V as AcEmptyState, H as AcErrorState, U as AcFeatureCard, W as AcFileUpload, q as AcFontScale, J as AcFooter, Y as AcForm, X as AcFormArray, Z as AcFormFooter, Q as AcFormSection, ne as AcHeader, re as AcHeaderItem, ie as AcHeaderItems, ae as AcInfoTable, F as AcInput, oe as AcKbd, se as AcKeyValueInput, ce as AcLoader, le as AcLocaleSwitcher, i as AcLogo, _ as AcModal, de as AcNavbar, a as AcNavbarItem, fe as AcNotificationMenu, pe as AcNumberInput, me as AcPage, he as AcPagination, ge as AcPreloader, ve as AcProductHero, ue as AcProductTag, _e as AcProgress, ye as AcRadioCard, xe as AcResourceCard, A as AcSearchBar, Se as AcSectionContent, Ce as AcSegmentedControl, $ as AcSelect, we as AcSettingsRow, ke as AcSidePanel, Ae as AcSideTabs, Te as AcSidebar, Ee as AcSidebarBrand, De as AcSidebarItem, Oe as AcSidebarSection, v as AcSkeleton, je as AcSlider, e as AcSpinner, Me as AcStatCard, Ne as AcStatusBar, Pe as AcSteps, Fe as AcSwitch, Ie as AcSwitchCard, Le as AcTable, Re as AcTabs, be as AcTag, ze as AcTagInput, Be as AcTaintInput, Ve as AcTextarea, Ue as AcThemeMode, We as AcTimePicker, qe as AcToaster, t as AcTooltip, Je as AcUsageCard, Ye as AcUserMenu, G as FONT_SCALES, et as HSLToHex, tt as HexToHSL, nt as MIN_CONTRAST, rt as contrastOnWhite, it as getThemeHSL, at as hexToHsl, ot as hslToHex, c as humanizeState, l as normalizeState, st as readableLightness, ct as setThemeHSL, Ge as showToast, u as statusMeta, Ze as useApiPagination, lt as useBrandColor, Qe as useBulkSelection, He as useColorMode, K as useFontScale, $e as useFormValidation, Xe as useTablePagination, Ke as useToast };
+import { accountKind as et, accountWorkspaces as tt, toAccountWorkspace as nt } from "./composables/accounts.js";
+import { HSLToHex as rt, HexToHSL as it, MIN_CONTRAST as at, contrastOnWhite as ot, getThemeHSL as st, hexToHsl as ct, hslToHex as lt, readableLightness as ut, setThemeHSL as dt, useBrandColor as ft } from "./composables/useBrandColor.js";
+export { ee as AcAccordion, te as AcAccordionItem, r as AcAlert, o as AcAppSwitcher, s as AcAvatar, d as AcBadge, f as AcBanner, p as AcBreadcrumb, m as AcBulkActionBar, n as AcButton, h as AcButtons, g as AcCard, y as AcCellValue, b as AcCheckBox, x as AcCheckList, S as AcCheckRadio, C as AcCircularProgress, w as AcClusterSwitcher, T as AcColorInput, E as AcCommandBlock, D as AcConfirmModal, O as AcContentHeader, k as AcContentLayout, j as AcContentTable, M as AcCopyButton, N as AcCostSummary, P as AcDatePicker, I as AcDeleteConfirmationModal, I as AcDeleteModal, L as AcDivider, R as AcDropdown, z as AcDropdownDivider, B as AcDropdownItem, V as AcEmptyState, H as AcErrorState, U as AcFeatureCard, W as AcFileUpload, q as AcFontScale, J as AcFooter, Y as AcForm, X as AcFormArray, Z as AcFormFooter, Q as AcFormSection, ne as AcHeader, re as AcHeaderItem, ie as AcHeaderItems, ae as AcInfoTable, F as AcInput, oe as AcKbd, ce as AcKeyValueInput, le as AcLoader, ue as AcLocaleSwitcher, i as AcLogo, _ as AcModal, de as AcNavbar, a as AcNavbarItem, fe as AcNotificationMenu, pe as AcNumberInput, me as AcPage, he as AcPagination, ge as AcPreloader, ve as AcProductHero, $ as AcProductTag, _e as AcProgress, ye as AcRadioCard, xe as AcResourceCard, A as AcSearchBar, Se as AcSectionContent, Ce as AcSegmentedControl, se as AcSelect, we as AcSettingsRow, ke as AcSidePanel, Ae as AcSideTabs, Te as AcSidebar, Ee as AcSidebarBrand, De as AcSidebarItem, Oe as AcSidebarSection, v as AcSkeleton, je as AcSlider, e as AcSpinner, Me as AcStatCard, Ne as AcStatusBar, Pe as AcSteps, Fe as AcSwitch, Ie as AcSwitchCard, Le as AcTable, Re as AcTabs, be as AcTag, ze as AcTagInput, Be as AcTaintInput, Ve as AcTextarea, Ue as AcThemeMode, We as AcTimePicker, qe as AcToaster, t as AcTooltip, Je as AcUsageCard, Ye as AcUserMenu, G as FONT_SCALES, rt as HSLToHex, it as HexToHSL, at as MIN_CONTRAST, et as accountKind, tt as accountWorkspaces, ot as contrastOnWhite, st as getThemeHSL, ct as hexToHsl, lt as hslToHex, c as humanizeState, l as normalizeState, ut as readableLightness, dt as setThemeHSL, Ge as showToast, u as statusMeta, nt as toAccountWorkspace, Ze as useApiPagination, ft as useBrandColor, Qe as useBulkSelection, He as useColorMode, K as useFontScale, $e as useFormValidation, Xe as useTablePagination, Ke as useToast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ac-design/design-system",
-  "version": "2.5.2",
+  "version": "2.6.0",
   "description": "AppsCode design system: Tailwind CSS v4 theme and Vue 3 components.",
   "repository": {
     "type": "git",