@ac-design/design-system 2.2.0 → 2.2.1

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

@@ -1,50 +1,51 @@
-import { statusMeta as e } from "./status.js";
-import t from "./AcSkeleton.js";
-import { Fragment as n, Teleport as r, Transition as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, inject as ee, mergeModels as p, nextTick as m, normalizeClass as h, normalizeStyle as te, onBeforeUnmount as ne, openBlock as g, ref as _, renderList as re, renderSlot as v, resolveDynamicComponent as ie, toDisplayString as y, unref as b, useId as ae, useModel as oe, vModelText as se, watch as ce, withCtx as le, withDirectives as ue, withModifiers as de } from "vue";
-import { Check as fe, ChevronsUpDown as pe, Cloud as me, Plus as he, Search as ge } from "@lucide/vue";
+import { fixedFrame as e } from "./fixedFrame.js";
+import { statusMeta as t } from "./status.js";
+import n from "./AcSkeleton.js";
+import { Fragment as r, Teleport as i, 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, inject as ee, mergeModels as m, nextTick as h, normalizeClass as g, normalizeStyle as te, onBeforeUnmount as ne, openBlock as _, ref as v, renderList as re, renderSlot as y, resolveDynamicComponent as ie, toDisplayString as b, unref as x, useId as ae, useModel as oe, vModelText as se, watch as ce, withCtx as S, withDirectives as le, withModifiers as ue } from "vue";
+import { Check as de, ChevronsUpDown as fe, Cloud as C, Plus as pe, Search as me } from "@lucide/vue";
 //#region src/lib/components/AcClusterSwitcher.vue?vue&type=script&setup=true&lang.ts
-var _e = [
+var he = [
 	"id",
 	"aria-expanded",
 	"aria-controls",
 	"aria-label",
 	"title",
 	"disabled"
-], ve = {
+], ge = {
 	class: "relative inline-flex size-7 shrink-0 items-center justify-center rounded-8 bg-surface ring-1 ring-border ring-inset",
 	"aria-hidden": "true"
-}, ye = ["src"], be = { class: "min-w-0 flex-1" }, xe = {
+}, _e = ["src"], ve = { class: "min-w-0 flex-1" }, ye = {
 	key: 0,
 	class: "block truncate text-sm text-muted"
-}, Se = {
+}, be = {
 	key: 0,
 	class: "border-b border-border p-2"
-}, Ce = { class: "relative" }, we = [
+}, xe = { class: "relative" }, Se = [
 	"aria-activedescendant",
 	"aria-label",
 	"placeholder"
-], Te = ["tabindex", "aria-activedescendant"], Ee = [
+], Ce = ["tabindex", "aria-activedescendant"], we = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
 	"onMouseenter",
 	"onClick"
-], De = {
+], Te = {
 	class: "inline-flex size-8 shrink-0 items-center justify-center rounded-8 bg-surface ring-1 ring-border ring-inset",
 	"aria-hidden": "true"
-}, Oe = ["src", "onError"], ke = { class: "min-w-0 flex-1" }, Ae = { class: "block truncate text-base leading-5 font-medium text-heading" }, je = { class: "flex min-w-0 items-center gap-1.5 text-xs text-muted" }, Me = {
+}, Ee = ["src", "onError"], De = { class: "min-w-0 flex-1" }, Oe = { class: "block truncate text-base leading-5 font-medium text-heading" }, ke = { class: "flex min-w-0 items-center gap-1.5 text-xs text-muted" }, Ae = {
 	key: 1,
 	"aria-hidden": "true"
-}, Ne = { class: "truncate" }, Pe = {
+}, je = { class: "truncate" }, Me = {
 	key: 0,
 	role: "presentation",
 	class: "px-3 py-6 text-center text-base text-muted"
-}, Fe = {
+}, Ne = {
 	key: 1,
 	class: "border-t border-border p-2"
-}, x = /*@__PURE__*/ f({
+}, Pe = /*@__PURE__*/ p({
 	__name: "AcClusterSwitcher",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ m({
 		clusterOptions: { default: () => [] },
 		sidebarCollapsed: {
 			type: Boolean,
@@ -76,13 +77,13 @@ var _e = [
 		},
 		openModifiers: {}
 	}),
-	emits: /*@__PURE__*/ p(["select", "import"], ["update:modelValue", "update:open"]),
-	setup(f, { expose: p, emit: x }) {
-		let S = f, C = oe(f, "modelValue"), w = oe(f, "open"), T = x, Ie = {
+	emits: /*@__PURE__*/ m(["select", "import"], ["update:modelValue", "update:open"]),
+	setup(p, { expose: m, emit: Pe }) {
+		let w = p, T = oe(p, "modelValue"), E = oe(p, "open"), D = Pe, Fe = {
 			registered: "warning",
 			unknown: "warning",
 			notconnected: "danger"
-		}, E = {
+		}, Ie = {
 			success: "bg-success",
 			danger: "bg-danger",
 			info: "bg-info",
@@ -96,37 +97,37 @@ var _e = [
 			warning: "text-warning-strong",
 			pending: "text-pending-strong",
 			neutral: "text-muted"
-		}, D = ee("ac-sidebar", null), O = ae(), k = `${O}-panel`, A = `${O}-list`, j = _(null), M = _(null), Re = _(null), N = _(null), P = _(""), F = _(-1), I = _(/* @__PURE__ */ new Set()), L = _({}), R = _(!0), z = a(() => S.sidebarCollapsed ?? D?.rail.value ?? !1), B = a(() => D?.dark.value ?? !1), V = a(() => C.value ? S.clusterOptions.find((e) => e.name === C.value) ?? { name: C.value } : null), H = a(() => {
+		}, Re = ee("ac-sidebar", null), O = ae(), k = `${O}-panel`, A = `${O}-list`, j = v(null), M = v(null), ze = v(null), N = v(null), P = v(""), F = v(-1), I = v(/* @__PURE__ */ new Set()), L = v({}), R = v(!0), z = o(() => w.sidebarCollapsed ?? Re?.rail.value ?? !1), B = o(() => Re?.dark.value ?? !1), V = o(() => T.value ? w.clusterOptions.find((e) => e.name === T.value) ?? { name: T.value } : null), H = o(() => {
 			let e = P.value.trim().toLowerCase();
-			return e ? S.clusterOptions.filter((t) => [
+			return e ? w.clusterOptions.filter((t) => [
 				t.name,
 				t.displayName,
 				t.provider,
 				t.location
-			].some((t) => t?.toLowerCase().includes(e))) : S.clusterOptions;
-		}), ze = a(() => V.value ? `Cluster: ${U(V.value)}${V.value.status ? `, ${V.value.status}` : ""}. Switch cluster` : "Select a cluster");
+			].some((t) => t?.toLowerCase().includes(e))) : w.clusterOptions;
+		}), Be = o(() => V.value ? `Cluster: ${U(V.value)}${V.value.status ? `, ${V.value.status}` : ""}. Switch cluster` : "Select a cluster");
 		function U(e) {
 			return e.displayName || e.name;
 		}
 		function W(e) {
 			return !!(e.disabled || e.$isDisabled);
 		}
-		function G(t) {
-			let n = (t ?? "").toLowerCase().replace(/[^a-z]/g, "");
+		function G(e) {
+			let n = (e ?? "").toLowerCase().replace(/[^a-z]/g, "");
 			if (!n) return "neutral";
-			let r = Ie[n] ?? e(t).tone;
+			let r = Fe[n] ?? t(e).tone;
 			return r === "default" ? "neutral" : r;
 		}
 		function K(e) {
-			return !S.providerIconBase || !e || I.value.has(e) ? "" : `${S.providerIconBase}/${e}.png`;
+			return !w.providerIconBase || !e || I.value.has(e) ? "" : `${w.providerIconBase}/${e}.png`;
 		}
-		function Be(e) {
+		function q(e) {
 			e && (I.value = new Set(I.value).add(e));
 		}
-		function q(e) {
+		function J(e) {
 			return `${O}-opt-${e}`;
 		}
-		function J(e = 0, t = 1) {
+		function Y(e = 0, t = 1) {
 			let n = H.value;
 			for (let r = e; r >= 0 && r < n.length; r += t) if (!W(n[r])) return r;
 			return -1;
@@ -136,256 +137,256 @@ var _e = [
 			if (!t.length) return;
 			let n = F.value;
 			for (let r = 0; r < t.length && (n = (n + e + t.length) % t.length, W(t[n])); r++);
-			F.value = n, Y();
-		}
-		function Y() {
-			m(() => N.value?.querySelector(`#${CSS.escape(q(F.value))}`)?.scrollIntoView({ block: "nearest" }));
+			F.value = n, X();
 		}
 		function X() {
-			let e = j.value;
-			if (!e || !M.value) return;
-			let t = e.getBoundingClientRect(), n = Math.min(Math.max(z.value ? 288 : t.width, 288), window.innerWidth - 16);
-			M.value.style.width = `${n}px`;
-			let r = M.value.offsetHeight;
+			h(() => N.value?.querySelector(`#${CSS.escape(J(F.value))}`)?.scrollIntoView({ block: "nearest" }));
+		}
+		function Z() {
+			let t = j.value;
+			if (!t || !M.value) return;
+			let n = t.getBoundingClientRect(), r = e(), i = Math.min(Math.max(z.value ? 288 : n.width, 288), r.width - 16);
+			M.value.style.width = `${i}px`;
+			let a = M.value.offsetHeight;
 			if (z.value) {
-				let e = t.top + r <= window.innerHeight - 8;
+				let e = n.top + a <= r.bottom - 8;
 				R.value = e, L.value = {
-					...e ? { top: `${t.top}px` } : { bottom: "8px" },
-					left: `${Math.min(t.right + 6, window.innerWidth - n - 8)}px`,
-					width: `${n}px`,
-					maxHeight: `${window.innerHeight - 16}px`
+					...e ? { top: `${n.top - r.top}px` } : { bottom: "8px" },
+					left: `${Math.min(n.right + 6 - r.left, r.width - i - 8)}px`,
+					width: `${i}px`,
+					maxHeight: `${r.height - 16}px`
 				};
 				return;
 			}
-			let i = window.innerHeight - t.bottom - 6 - 8, a = t.top - 6 - 8, o = i < r && a > i;
-			R.value = !o, L.value = {
-				[o ? "bottom" : "top"]: `${o ? window.innerHeight - t.top + 6 : t.bottom + 6}px`,
-				left: `${Math.max(8, Math.min(t.left, window.innerWidth - n - 8))}px`,
-				width: `${n}px`,
-				maxHeight: `${Math.max(o ? a : i, 200)}px`
+			let o = r.bottom - n.bottom - 6 - 8, s = n.top - r.top - 6 - 8, c = o < a && s > o;
+			R.value = !c, L.value = {
+				[c ? "bottom" : "top"]: `${c ? r.bottom - n.top + 6 : n.bottom + 6 - r.top}px`,
+				left: `${Math.max(8, Math.min(n.left - r.left, r.width - i - 8))}px`,
+				width: `${i}px`,
+				maxHeight: `${Math.max(c ? s : o, 200)}px`
 			};
 		}
-		function He() {
-			S.disabled || S.loading || (w.value = !0);
+		function Q() {
+			w.disabled || w.loading || (E.value = !0);
 		}
-		function Z(e = !0) {
-			w.value && (w.value = !1, e && j.value?.focus());
+		function $(e = !0) {
+			E.value && (E.value = !1, e && j.value?.focus());
 		}
-		function Ue(e) {
-			W(e) || (C.value = e.name, T("select", e), Z());
+		function He(e) {
+			W(e) || (T.value = e.name, D("select", e), $());
 		}
-		function We() {
-			T("import"), Z(!1);
+		function Ue() {
+			D("import"), $(!1);
 		}
-		function Ge(e) {
-			!w.value && ["ArrowDown", "ArrowUp"].includes(e.key) && (e.preventDefault(), He());
+		function We(e) {
+			!E.value && ["ArrowDown", "ArrowUp"].includes(e.key) && (e.preventDefault(), Q());
 		}
-		function Q(e) {
+		function Ge(e) {
 			if (e.key === "ArrowDown" || e.key === "ArrowUp") e.preventDefault(), Ve(e.key === "ArrowDown" ? 1 : -1);
-			else if ((e.key === "Home" || e.key === "End") && !S.searchable) e.preventDefault(), F.value = e.key === "Home" ? J() : J(H.value.length - 1, -1), Y();
-			else if (e.key === "Enter" || e.key === " " && !S.searchable) {
+			else if ((e.key === "Home" || e.key === "End") && !w.searchable) e.preventDefault(), F.value = e.key === "Home" ? Y() : Y(H.value.length - 1, -1), X();
+			else if (e.key === "Enter" || e.key === " " && !w.searchable) {
 				e.preventDefault();
 				let t = H.value[F.value];
-				t && Ue(t);
+				t && He(t);
 			}
 		}
 		function Ke(e) {
-			e.key === "Escape" ? (e.preventDefault(), Z()) : e.key === "Tab" && qe(e);
+			e.key === "Escape" ? (e.preventDefault(), $()) : e.key === "Tab" && qe(e);
 		}
 		function qe(e) {
 			let t = [...M.value?.querySelectorAll("input, a[href], button:not([disabled]), [tabindex=\"0\"]") ?? []], n = t[0], r = t[t.length - 1];
-			e.shiftKey && document.activeElement === n ? (e.preventDefault(), Z()) : !e.shiftKey && document.activeElement === r && Z();
+			e.shiftKey && document.activeElement === n ? (e.preventDefault(), $()) : !e.shiftKey && document.activeElement === r && $();
 		}
 		function Je(e) {
 			let t = e.target;
-			j.value?.contains(t) || M.value?.contains(t) || Z(!1);
+			j.value?.contains(t) || M.value?.contains(t) || $(!1);
 		}
 		function Ye(e) {
-			e?.target instanceof Node && M.value?.contains(e.target) || X();
+			e?.target instanceof Node && M.value?.contains(e.target) || Z();
 		}
-		function $(e) {
+		function Xe(e) {
 			let t = e ? "addEventListener" : "removeEventListener";
 			document[t]("pointerdown", Je, !0), window[t]("scroll", Ye, !0), window[t]("resize", Ye);
 		}
-		return ce(w, async (e) => {
-			if ($(e), !e) return;
+		return ce(E, async (e) => {
+			if (Xe(e), !e) return;
 			P.value = "";
-			let t = H.value.findIndex((e) => e.name === C.value);
-			F.value = t >= 0 ? t : J(), await m(), X(), (S.searchable ? Re.value : N.value)?.focus(), Y();
+			let t = H.value.findIndex((e) => e.name === T.value);
+			F.value = t >= 0 ? t : Y(), await h(), Z(), (w.searchable ? ze.value : N.value)?.focus(), X();
 		}), ce(P, () => {
-			F.value = J(), m(X);
-		}), ne(() => $(!1)), p({ focus: () => j.value?.focus() }), (e, a) => (g(), c("div", {
-			class: h(["min-w-0", z.value ? "inline-flex" : "flex w-full"]),
+			F.value = Y(), h(Z);
+		}), ne(() => Xe(!1)), m({ focus: () => j.value?.focus() }), (e, t) => (_(), l("div", {
+			class: g(["min-w-0", z.value ? "inline-flex" : "flex w-full"]),
 			"data-ac-ds": "",
 			"data-testid": "ac-cluster-switcher"
-		}, [f.loading ? (g(), c("div", {
+		}, [p.loading ? (_(), l("div", {
 			key: 0,
 			role: "status",
 			"aria-label": "Loading clusters",
-			class: h(["flex h-10 items-center rounded-10 border", [z.value ? "size-10 justify-center" : "w-full gap-2.5 px-2", B.value ? "border-white/10" : "border-border"]]),
+			class: g(["flex h-10 items-center rounded-10 border", [z.value ? "size-10 justify-center" : "w-full gap-2.5 px-2", B.value ? "border-white/10" : "border-border"]]),
 			"data-ac-ds": "",
 			"data-testid": "ac-cluster-switcher-loading"
-		}, [d(t, {
+		}, [f(n, {
 			shape: "rect",
 			width: "28px",
 			height: "28px",
 			label: "",
 			class: "shrink-0"
-		}), z.value ? s("", !0) : (g(), o(t, {
+		}), z.value ? c("", !0) : (_(), s(n, {
 			key: 0,
 			shape: "text",
 			width: "60%",
 			height: "10px",
 			label: ""
-		}))], 2)) : (g(), c("button", {
+		}))], 2)) : (_(), l("button", {
 			key: 1,
-			id: `${b(O)}-trigger`,
+			id: `${x(O)}-trigger`,
 			ref_key: "trigger",
 			ref: j,
 			type: "button",
 			"aria-haspopup": "dialog",
-			"aria-expanded": w.value,
-			"aria-controls": w.value ? k : void 0,
-			"aria-label": ze.value,
+			"aria-expanded": E.value,
+			"aria-controls": E.value ? k : void 0,
+			"aria-label": Be.value,
 			title: z.value && V.value ? U(V.value) : void 0,
-			disabled: f.disabled,
-			class: h(["group relative flex h-10 min-w-0 cursor-pointer items-center rounded-10 border text-left transition-[color,background-color,border-color,box-shadow] duration-200 disabled:cursor-not-allowed disabled:opacity-50", [
+			disabled: p.disabled,
+			class: g(["group relative flex h-10 min-w-0 cursor-pointer items-center rounded-10 border text-left transition-[color,background-color,border-color,box-shadow] duration-200 disabled:cursor-not-allowed disabled:opacity-50", [
 				z.value ? "size-10 justify-center" : "w-full gap-2.5 pr-2.5 pl-1.5",
 				B.value ? "border-white/10 bg-white/4 enabled:hover:bg-white/8 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" : "border-border bg-background enabled:hover:border-accent-active focus-visible:focus-ring",
-				w.value && (B.value ? "bg-white/8" : "focus-ring")
+				E.value && (B.value ? "bg-white/8" : "focus-ring")
 			]]),
 			"data-ac-ds": "",
 			"data-testid": "ac-cluster-switcher-trigger",
-			onClick: a[1] ||= (e) => w.value ? Z() : He(),
-			onKeydown: Ge
-		}, [l("span", ve, [K(V.value?.provider) ? (g(), c("img", {
+			onClick: t[1] ||= (e) => E.value ? $() : Q(),
+			onKeydown: We
+		}, [u("span", ge, [K(V.value?.provider) ? (_(), l("img", {
 			key: 0,
 			src: K(V.value?.provider),
 			alt: "",
 			class: "size-5 object-contain",
-			onError: a[0] ||= (e) => Be(V.value?.provider)
-		}, null, 40, ye)) : (g(), o(b(me), {
+			onError: t[0] ||= (e) => q(V.value?.provider)
+		}, null, 40, _e)) : (_(), s(x(C), {
 			key: 1,
 			class: "size-4 text-muted"
-		})), V.value ? (g(), c("span", {
+		})), V.value ? (_(), l("span", {
 			key: 2,
-			class: h(["absolute -right-0.5 -bottom-0.5 size-2.5 rounded-full ring-2", [E[G(V.value.status)], B.value ? "ring-sidebar" : "ring-surface"]])
-		}, null, 2)) : s("", !0)]), z.value ? s("", !0) : (g(), c(n, { key: 0 }, [l("span", be, [l("span", { class: h(["block truncate text-base leading-5 font-medium", V.value ? "text-heading" : "text-muted"]) }, y(V.value ? U(V.value) : f.placeholder), 3), V.value?.location ? (g(), c("span", xe, y(V.value.location), 1)) : s("", !0)]), d(b(pe), {
+			class: g(["absolute -right-0.5 -bottom-0.5 size-2.5 rounded-full ring-2", [Ie[G(V.value.status)], B.value ? "ring-sidebar" : "ring-surface"]])
+		}, null, 2)) : c("", !0)]), z.value ? c("", !0) : (_(), l(r, { key: 0 }, [u("span", ve, [u("span", { class: g(["block truncate text-base leading-5 font-medium", V.value ? "text-heading" : "text-muted"]) }, b(V.value ? U(V.value) : p.placeholder), 3), V.value?.location ? (_(), l("span", ye, b(V.value.location), 1)) : c("", !0)]), f(x(fe), {
 			class: "size-4 shrink-0 text-muted transition-colors group-hover:text-heading",
 			"aria-hidden": "true"
-		})], 64))], 42, _e)), (g(), o(r, { to: "body" }, [d(i, {
+		})], 64))], 42, he)), (_(), s(i, { to: "body" }, [f(a, {
 			"enter-active-class": "transition duration-150 ease-out",
 			"enter-from-class": `opacity-0 motion-safe:scale-[0.98] ${z.value ? "motion-safe:-translate-x-1" : R.value ? "motion-safe:-translate-y-1" : "motion-safe:translate-y-1"}`,
 			"leave-active-class": "transition duration-100 ease-in",
 			"leave-to-class": "opacity-0"
 		}, {
-			default: le(() => [w.value ? (g(), c("div", {
+			default: S(() => [E.value ? (_(), l("div", {
 				key: 0,
 				id: k,
 				ref_key: "panel",
 				ref: M,
 				role: "dialog",
 				"aria-label": "Switch cluster",
-				class: h(["fixed z-[90] flex max-w-[calc(100vw-16px)] flex-col overflow-hidden rounded-14 border border-border bg-surface shadow-lg", z.value ? "origin-left" : R.value ? "origin-top" : "origin-bottom"]),
+				class: g(["fixed z-[90] flex max-w-[calc(100vw-16px)] flex-col overflow-hidden rounded-14 border border-border bg-surface shadow-lg", z.value ? "origin-left" : R.value ? "origin-top" : "origin-bottom"]),
 				style: te(L.value),
 				"data-ac-ds": "",
 				"data-testid": "ac-cluster-switcher-panel",
 				onKeydown: Ke
 			}, [
-				f.searchable ? (g(), c("div", Se, [l("div", Ce, [d(b(ge), {
+				p.searchable ? (_(), l("div", be, [u("div", xe, [f(x(me), {
 					class: "pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2 text-muted",
 					"aria-hidden": "true"
-				}), ue(l("input", {
+				}), le(u("input", {
 					ref_key: "searchInput",
-					ref: Re,
-					"onUpdate:modelValue": a[2] ||= (e) => P.value = e,
+					ref: ze,
+					"onUpdate:modelValue": t[2] ||= (e) => P.value = e,
 					type: "text",
 					role: "combobox",
 					"aria-autocomplete": "list",
 					"aria-expanded": "true",
 					"aria-controls": A,
-					"aria-activedescendant": F.value >= 0 ? q(F.value) : void 0,
-					"aria-label": f.searchPlaceholder,
-					placeholder: f.searchPlaceholder,
+					"aria-activedescendant": F.value >= 0 ? J(F.value) : void 0,
+					"aria-label": p.searchPlaceholder,
+					placeholder: p.searchPlaceholder,
 					autocomplete: "off",
 					spellcheck: "false",
 					class: "h-9 w-full rounded-10 border border-border bg-background pr-3 pl-9 text-base text-heading outline-none transition-[border-color,box-shadow] duration-200 placeholder:text-muted/80 hover:border-accent-active focus:focus-ring",
 					"data-ac-ds": "",
 					"data-testid": "ac-cluster-switcher-search",
-					onKeydown: Q
-				}, null, 40, we), [[se, P.value]])])])) : s("", !0),
-				l("ul", {
+					onKeydown: Ge
+				}, null, 40, Se), [[se, P.value]])])])) : c("", !0),
+				u("ul", {
 					id: A,
 					ref_key: "listEl",
 					ref: N,
 					role: "listbox",
 					"aria-label": "Clusters",
-					tabindex: f.searchable ? -1 : 0,
-					"aria-activedescendant": !f.searchable && F.value >= 0 ? q(F.value) : void 0,
+					tabindex: p.searchable ? -1 : 0,
+					"aria-activedescendant": !p.searchable && F.value >= 0 ? J(F.value) : void 0,
 					class: "ac-scrollbar max-h-72 min-h-0 flex-1 p-2 outline-none",
-					onKeydown: Q
-				}, [(g(!0), c(n, null, re(H.value, (t, n) => (g(), c("li", {
-					id: q(n),
-					key: t.name,
+					onKeydown: Ge
+				}, [(_(!0), l(r, null, re(H.value, (n, r) => (_(), l("li", {
+					id: J(r),
+					key: n.name,
 					role: "option",
-					"aria-selected": t.name === C.value,
-					"aria-disabled": W(t) || void 0,
-					class: h(["flex items-center gap-2.5 rounded-8 px-2.5 py-2 transition-colors duration-75", [W(t) ? "cursor-not-allowed opacity-50" : "cursor-pointer", n === F.value ? "bg-accent-hover" : t.name === C.value && "bg-accent"]]),
+					"aria-selected": n.name === T.value,
+					"aria-disabled": W(n) || void 0,
+					class: g(["flex items-center gap-2.5 rounded-8 px-2.5 py-2 transition-colors duration-75", [W(n) ? "cursor-not-allowed opacity-50" : "cursor-pointer", r === F.value ? "bg-accent-hover" : n.name === T.value && "bg-accent"]]),
 					"data-ac-ds": "",
 					"data-testid": "ac-cluster-switcher-option",
-					onMouseenter: (e) => !W(t) && (F.value = n),
-					onMousedown: a[3] ||= de(() => {}, ["prevent"]),
-					onClick: (e) => Ue(t)
-				}, [v(e.$slots, "option", {
-					cluster: t,
-					selected: t.name === C.value,
-					active: n === F.value
+					onMouseenter: (e) => !W(n) && (F.value = r),
+					onMousedown: t[3] ||= ue(() => {}, ["prevent"]),
+					onClick: (e) => He(n)
+				}, [y(e.$slots, "option", {
+					cluster: n,
+					selected: n.name === T.value,
+					active: r === F.value
 				}, () => [
-					l("span", De, [K(t.provider) ? (g(), c("img", {
+					u("span", Te, [K(n.provider) ? (_(), l("img", {
 						key: 0,
-						src: K(t.provider),
+						src: K(n.provider),
 						alt: "",
 						class: "size-5 object-contain",
-						onError: (e) => Be(t.provider)
-					}, null, 40, Oe)) : (g(), o(b(me), {
+						onError: (e) => q(n.provider)
+					}, null, 40, Ee)) : (_(), s(x(C), {
 						key: 1,
 						class: "size-4 text-muted"
 					}))]),
-					l("span", ke, [l("span", Ae, y(U(t)), 1), l("span", je, [
-						t.status ? (g(), c("span", {
+					u("span", De, [u("span", Oe, b(U(n)), 1), u("span", ke, [
+						n.status ? (_(), l("span", {
 							key: 0,
-							class: h(["inline-flex shrink-0 items-center gap-1", Le[G(t.status)]])
-						}, [l("span", {
-							class: h(["size-1.5 rounded-full", E[G(t.status)]]),
+							class: g(["inline-flex shrink-0 items-center gap-1", Le[G(n.status)]])
+						}, [u("span", {
+							class: g(["size-1.5 rounded-full", Ie[G(n.status)]]),
 							"aria-hidden": "true"
-						}, null, 2), u(" " + y(t.status), 1)], 2)) : s("", !0),
-						t.status && (t.location || t.provider) ? (g(), c("span", Me, "·")) : s("", !0),
-						l("span", Ne, y([t.provider, t.location].filter(Boolean).join(" · ")), 1)
+						}, null, 2), d(" " + b(n.status), 1)], 2)) : c("", !0),
+						n.status && (n.location || n.provider) ? (_(), l("span", Ae, "·")) : c("", !0),
+						u("span", je, b([n.provider, n.location].filter(Boolean).join(" · ")), 1)
 					])]),
-					t.name === C.value ? (g(), o(b(fe), {
+					n.name === T.value ? (_(), s(x(de), {
 						key: 0,
 						class: "size-4 shrink-0 text-primary-strong",
 						"aria-hidden": "true"
-					})) : s("", !0)
-				])], 42, Ee))), 128)), H.value.length ? s("", !0) : (g(), c("li", Pe, [v(e.$slots, "empty", { query: P.value }, () => [u(y(P.value ? `No clusters match “${P.value}”` : "No clusters yet"), 1)])]))], 40, Te),
-				e.$slots.footer || f.importLabel ? (g(), c("div", Fe, [v(e.$slots, "footer", { close: Z }, () => [(g(), o(ie(f.importUrl ? "a" : "button"), {
-					href: f.importUrl || void 0,
-					type: f.importUrl ? void 0 : "button",
+					})) : c("", !0)
+				])], 42, we))), 128)), H.value.length ? c("", !0) : (_(), l("li", Me, [y(e.$slots, "empty", { query: P.value }, () => [d(b(P.value ? `No clusters match “${P.value}”` : "No clusters yet"), 1)])]))], 40, Ce),
+				e.$slots.footer || p.importLabel ? (_(), l("div", Ne, [y(e.$slots, "footer", { close: $ }, () => [(_(), s(ie(p.importUrl ? "a" : "button"), {
+					href: p.importUrl || void 0,
+					type: p.importUrl ? void 0 : "button",
 					class: "flex min-h-9 w-full cursor-pointer items-center gap-2.5 rounded-8 px-3 py-2 text-base font-medium text-heading no-underline outline-none transition-colors duration-150 hover:bg-accent-hover focus-visible:bg-accent-hover focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
 					"data-ac-ds": "",
 					"data-testid": "ac-cluster-switcher-import",
-					onClick: We
+					onClick: Ue
 				}, {
-					default: le(() => [d(b(he), {
+					default: S(() => [f(x(pe), {
 						class: "size-4 shrink-0 text-muted",
 						"aria-hidden": "true"
-					}), u(" " + y(f.importLabel), 1)]),
+					}), d(" " + b(p.importLabel), 1)]),
 					_: 1
-				}, 8, ["href", "type"]))])])) : s("", !0)
-			], 38)) : s("", !0)]),
+				}, 8, ["href", "type"]))])])) : c("", !0)
+			], 38)) : c("", !0)]),
 			_: 3
 		}, 8, ["enter-from-class"])]))], 2));
 	}
 });
 //#endregion
-export { x as default };
+export { Pe as default };