@ac-design/design-system 2.2.0 → 2.3.0

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 };

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

@@ -47,8 +47,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     disabled: boolean;
     name: string;
     size: "small" | "normal";
-    readonly: boolean;
     hint: string;
+    readonly: boolean;
     errorMsg: string;
     presets: (string | ColorPreset)[];
     swatchOnly: boolean;

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

@@ -45,8 +45,22 @@ export interface Props {
     size?: "small" | "normal";
     /** Adds a hidden input with this name so plain form posts include the value. A range posts as `start/end`. */
     name?: string;
+    /** Draws the calendar in place, with no field, popover or border. In `date` mode each click updates `v-model` at once, and there's no Today button. */
+    inline?: boolean;
+    /** Saves each pick in `datetime` mode at once, with no Apply or Cancel; the popover stays open so the time can be set too. An empty value starts at the current time. */
+    autoApply?: boolean;
+    /** `24` shows 00–23 on the Time tab; `12` shows 1–12 with an AM/PM column, and the field reads `07:30 PM`. `v-model` is unchanged. Cloud `hour12`. */
+    hourCycle?: 12 | 24;
+    /** Shows the time-zone name in the field text and under the Time tab, e.g. `GMT+6`. */
+    showTimeZone?: boolean;
 }
 type __VLS_Props = Props;
+type __VLS_Slots = {
+    /** Content before the label text, such as a 14px icon. */
+    "label-icon"?: () => unknown;
+    /** Content after the label text, such as "(Optional)" or an info tooltip. */
+    "label-extra"?: () => unknown;
+};
 type __VLS_ModelProps = {
     /** `date`: `"2026-09-30"`. `datetime`: `"2026-09-30T14:05:00Z"` (UTC). `duration`: `"26h30m"`. With `range`: `[start, end]`. `null` when empty. */
     modelValue?: string | [string, string] | null;
@@ -54,9 +68,9 @@ type __VLS_ModelProps = {
     "open"?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
-    /** Moves focus to the field. */
-    focus: () => void | undefined;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    /** Moves focus to the field, or to the calendar's current day when `inline`. */
+    focus: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | [string, string] | null) => any;
     "update:open": (value: boolean) => any;
@@ -71,6 +85,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     mode: "date" | "datetime" | "duration";
     size: "small" | "normal";
     hint: string;
+    inline: boolean;
     placeholder: string;
     range: boolean;
     clearable: boolean;
@@ -83,6 +98,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     timeZone: string;
     weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     showSeconds: boolean;
+    autoApply: boolean;
+    hourCycle: 12 | 24;
+    showTimeZone: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};