@ac-design/design-system 2.0.0 → 2.1.0

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

@@ -2,39 +2,36 @@ import { statusMeta as e } from "./status.js";
 import t from "./AcBadge.js";
 import n from "./AcModal.js";
 import r from "./AcSkeleton.js";
-import i from "./AcTag.js";
-import a from "./AcTooltip.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as ee, defineAsyncComponent as te, defineComponent as p, getCurrentInstance as ne, h as re, mergeProps as m, nextTick as ie, normalizeClass as h, normalizeStyle as ae, onBeforeUnmount as oe, onMounted as se, openBlock as g, ref as _, renderList as ce, resolveDynamicComponent as v, toDisplayString as y, unref as b, watch as x, withCtx as S, withModifiers as C } from "vue";
-import { Braces as le, Check as ue, Minus as de } from "@lucide/vue";
+import i from "./AcTooltip.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as ee, defineAsyncComponent as te, defineComponent as f, getCurrentInstance as ne, h as re, mergeProps as p, nextTick as ie, normalizeClass as m, normalizeStyle as ae, onBeforeUnmount as oe, onMounted as se, openBlock as h, ref as g, renderList as ce, resolveDynamicComponent as _, toDisplayString as v, unref as y, watch as b, withCtx as x, withModifiers as S } from "vue";
+import { Braces as le, Check as ue, LoaderCircle as de, Minus as fe, Tag as pe } from "@lucide/vue";
 //#region src/lib/components/AcCellValue.vue?vue&type=script&setup=true&lang.ts
-var fe = ["src"], pe = {
+var me = ["src"], he = {
 	key: 1,
 	class: "text-muted"
-}, me = {
-	class: "relative flex size-1.5 shrink-0",
-	"aria-hidden": "true"
-}, he = ["tabindex"], ge = {
-	class: "relative flex size-1.5 shrink-0",
-	"aria-hidden": "true"
-}, _e = {
+}, ge = ["tabindex"], _e = {
 	key: 4,
 	class: "inline-flex items-center gap-1"
-}, ve = ["datetime"], ye = ["datetime", "tabindex"], be = ["aria-expanded", "aria-label"], xe = ["tabindex"], Se = ["aria-label"], w = _(Date.now()), T = 0, E;
-function Ce() {
-	T++ === 0 && (E = setInterval(() => w.value = Date.now(), 3e4));
+}, ve = ["datetime"], ye = ["datetime", "tabindex"], be = {
+	class: "inline-flex max-w-full items-center gap-1 rounded-4 bg-primary/10 px-1.5 py-1 text-xs leading-4 whitespace-nowrap text-primary-strong",
+	"data-ac-ds": "",
+	"data-testid": "ac-cell-value-chip"
+}, xe = { class: "truncate" }, Se = ["aria-expanded", "aria-label"], Ce = ["tabindex"], we = ["aria-label"], C = g(Date.now()), w = 0, T;
+function Te() {
+	w++ === 0 && (T = setInterval(() => C.value = Date.now(), 3e4));
 }
-function we() {
-	--T === 0 && clearInterval(E);
+function E() {
+	--w === 0 && clearInterval(T);
 }
 var D = /* @__PURE__ */ new WeakMap(), O;
-function Te(e, t) {
+function Ee(e, t) {
 	if (typeof ResizeObserver > "u") return t();
 	O ??= new ResizeObserver((e) => e.forEach((e) => D.get(e.target)?.())), D.set(e, t), O.observe(e);
 }
 function k(e) {
 	D.delete(e), O?.unobserve(e);
 }
-var A = /*@__PURE__*/ p({
+var A = /*@__PURE__*/ f({
 	__name: "AcCellValue",
 	props: {
 		value: { default: void 0 },
@@ -76,8 +73,8 @@ var A = /*@__PURE__*/ p({
 			default: !1
 		}
 	},
-	setup(p) {
-		let T = p, E = /* @__PURE__ */ new Set([
+	setup(f) {
+		let w = f, T = /* @__PURE__ */ new Set([
 			"",
 			"<none>",
 			"<unknown>",
@@ -110,82 +107,86 @@ var A = /*@__PURE__*/ p({
 			pending: ["bg-pending", "text-pending-strong"],
 			dark: ["bg-heading", "text-heading"],
 			default: ["bg-muted", "text-muted"]
-		}, A = /^-?[\d.]+\s?[a-zA-Z%]{0,3}$/, Ee = /^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}/, De = new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }), Oe = new Intl.NumberFormat(void 0, { maximumFractionDigits: 0 }), ke = new Intl.DateTimeFormat(void 0, {
+		}, A = /^-?[\d.]+\s?[a-zA-Z%]{0,3}$/, De = /^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}/, Oe = new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }), ke = new Intl.NumberFormat(void 0, { maximumFractionDigits: 0 }), Ae = new Intl.DateTimeFormat(void 0, {
 			dateStyle: "medium",
 			timeStyle: "long"
-		}), Ae = te({
+		}), je = te({
 			loader: () => import("../editor/index.js").then((e) => e.AcCodeEditor),
 			loadingComponent: () => re(r, {
 				shape: "editor",
 				height: "240px"
 			}),
 			delay: 150
-		}), je = ne()?.appContext.components.RouterLink, j = _(null), Me = _(!1), M = _(!1), N = _(!1), P = _(!1), F = s(() => T.cell ? T.cell.data : T.value), I = s(() => T.title || T.column?.name || ""), L = s(() => T.tooltip || T.cell?.tooltip || ""), Ne = s(() => T.icon || T.cell?.icon || ""), Pe = s(() => T.bold || !!T.cell?.isBold || T.column?.format === "name"), R = s(() => T.align ?? T.column?.textAlign), z = s(() => {
-			let e = T.href || T.cell?.link || "";
-			return e && T.resolveLink ? T.resolveLink(e) : e;
-		}), Fe = s(() => /^https?:\/\//.test(z.value)), B = s(() => je && z.value.startsWith("/") ? je : "a"), V = s(() => z.value ? Fe.value ? {
+		}), Me = ne()?.appContext.components.RouterLink, j = g(null), Ne = g(!1), M = g(!1), N = g(!1), P = g(!1), F = o(() => w.cell ? w.cell.data : w.value), I = o(() => w.title || w.column?.name || ""), L = o(() => w.tooltip || w.cell?.tooltip || ""), Pe = o(() => w.icon || w.cell?.icon || ""), Fe = o(() => w.bold || !!w.cell?.isBold || w.column?.format === "name"), R = o(() => w.align ?? w.column?.textAlign), z = o(() => {
+			let e = w.href || w.cell?.link || "";
+			return e && w.resolveLink ? w.resolveLink(e) : e;
+		}), Ie = o(() => /^https?:\/\//.test(z.value)), B = o(() => Me && z.value.startsWith("/") ? Me : "a"), V = o(() => z.value ? Ie.value ? {
 			href: z.value,
 			target: "_blank",
 			rel: "noopener noreferrer"
-		} : B.value === "a" ? { href: z.value } : { to: z.value } : null), H = s(() => {
-			let t = (T.color || T.cell?.color || "").trim().split(/\s+/)[0].replace(/^is-/, "");
-			return t ? D[t] ?? "default" : W.value === "status" ? e(String(F.value)).tone : null;
-		}), U = s(() => W.value === "status" && e(String(F.value)).transient), W = s(() => {
+		} : B.value === "a" ? { href: z.value } : { to: z.value } : null), H = o(() => {
+			let e = (w.color || w.cell?.color || "").trim().split(/\s+/)[0].replace(/^is-/, "");
+			return e ? D[e] ?? "default" : void 0;
+		}), U = o(() => G.value === "status" ? e(String(F.value)) : null), W = o(() => !!U.value?.transient), Le = o(() => H.value ? H.value : U.value ? W.value ? "primary" : U.value.tone : null), Re = o(() => !H.value && !!U.value?.hollow), G = o(() => {
 			let e = F.value;
-			if (Ue(e)) return "empty";
-			if (T.color || T.cell?.color) return "status";
-			if (T.type !== "auto") return T.type;
-			let t = typeof e == "object" ? void 0 : T.column?.type;
-			return t && t !== "auto" && t !== "object" ? t : typeof e == "boolean" ? "boolean" : typeof e == "number" ? "number" : Array.isArray(e) ? "array" : typeof e == "object" ? We(e) ? "labels" : "object" : typeof e == "string" && Ee.test(e) && !Number.isNaN(Date.parse(e)) ? "date" : "string";
-		}), G = s(() => W.value === "date" ? Ge(F.value) : null), K = s(() => {
+			if (Ke(e)) return "empty";
+			if (w.color || w.cell?.color) return "status";
+			if (w.type !== "auto") return w.type;
+			let t = typeof e == "object" ? void 0 : w.column?.type;
+			return t && t !== "auto" && t !== "object" ? t : typeof e == "boolean" ? "boolean" : typeof e == "number" ? "number" : Array.isArray(e) ? "array" : typeof e == "object" ? qe(e) ? "labels" : "object" : typeof e == "string" && De.test(e) && !Number.isNaN(Date.parse(e)) ? "date" : "string";
+		}), K = o(() => G.value === "date" ? Je(F.value) : null), q = o(() => {
 			let e = F.value;
-			switch (W.value) {
+			switch (G.value) {
 				case "number":
 				case "integer": {
 					let t = typeof e == "number" ? e : Number(e);
-					return Number.isNaN(t) ? `${String(e)}${T.unit}` : `${(W.value === "integer" ? Oe : De).format(t)}${T.unit}`;
+					return Number.isNaN(t) ? `${String(e)}${w.unit}` : `${(G.value === "integer" ? ke : Oe).format(t)}${w.unit}`;
 				}
-				case "boolean": return Z(e) ? "true" : "false";
-				case "date": return G.value ? T.relative ? Q(G.value, w.value) : ke.format(G.value) : String(e);
-				case "object": return qe(e);
+				case "boolean": return $(e) ? "true" : "false";
+				case "date": return K.value ? w.relative ? Ye(K.value, C.value) : Ae.format(K.value) : String(e);
+				case "object": return Ze(e);
 				default: return typeof e == "object" ? JSON.stringify(e) : String(e);
 			}
-		}), q = s(() => G.value ? L.value || (T.relative ? ke.format(G.value) : Q(G.value, w.value)) : L.value), Ie = s(() => L.value || (Me.value ? K.value : "")), J = s(() => {
+		}), J = o(() => K.value ? L.value || (w.relative ? Ae.format(K.value) : Ye(K.value, C.value)) : L.value), ze = o(() => L.value || (Ne.value ? q.value : "")), Y = o(() => {
 			let e = F.value;
-			return W.value === "labels" ? Object.entries(e).map(([e, t]) => ({
+			return G.value === "labels" ? Object.entries(e).map(([e, t]) => ({
 				key: e,
 				value: String(t ?? ""),
 				text: `${e}=${t ?? ""}`
-			})) : W.value === "array" ? e.map((e) => {
-				let t = Je(e);
+			})) : G.value === "array" ? e.map((e) => {
+				let t = Qe(e);
 				return {
 					key: "",
 					value: t,
 					text: t
 				};
 			}) : [];
-		}), Le = s(() => M.value ? J.value : J.value.slice(0, T.maxItems)), Y = s(() => J.value.length - Math.min(J.value.length, T.maxItems)), Re = s(() => W.value === "object" || W.value === "array" && F.value.some((e) => typeof e == "object" && !!e)), ze = s(() => N.value ? JSON.stringify(F.value, null, 2) : ""), Be = s(() => W.value === "number" || W.value === "integer" || W.value === "string" && A.test(K.value)), X = s(() => O[H.value ?? "default"]), Ve = s(() => T.plain ? "rounded-4" : T.column?.shape === "Rectangle" ? "rounded-6" : "rounded-full"), He = s(() => W.value === "labels" ? "labels" : "items");
-		function Ue(e) {
-			return e == null ? !0 : typeof e == "string" ? E.has(e.trim()) : Array.isArray(e) ? e.length === 0 : typeof e == "object" && Object.keys(e).length === 0;
+		}), Be = o(() => {
+			if (w.emptyText !== "—") return w.emptyText;
+			let e = F.value, t = typeof e == "object" && !!e && !Array.isArray(e) && !(e instanceof Date);
+			return w.type === "labels" || w.column?.type === "labels" || t && /^(labels?|tags?)$/i.test(I.value) ? "No labels" : w.emptyText;
+		}), Ve = o(() => M.value ? Y.value : Y.value.slice(0, w.maxItems)), X = o(() => Y.value.length - Math.min(Y.value.length, w.maxItems)), He = o(() => G.value === "object" || G.value === "array" && F.value.some((e) => typeof e == "object" && !!e)), Ue = o(() => N.value ? JSON.stringify(F.value, null, 2) : ""), Z = o(() => G.value === "number" || G.value === "integer" || G.value === "string" && A.test(q.value)), Q = o(() => O[Le.value ?? "default"]), We = o(() => w.plain ? "rounded-4" : w.column?.shape === "Rectangle" ? "rounded-6" : "rounded-full"), Ge = o(() => G.value === "labels" ? "labels" : "items");
+		function Ke(e) {
+			return e == null ? !0 : typeof e == "string" ? T.has(e.trim()) : Array.isArray(e) ? e.length === 0 : typeof e == "object" && Object.keys(e).length === 0;
 		}
-		function We(e) {
+		function qe(e) {
 			return Object.values(e).every((e) => e === null || [
 				"string",
 				"number",
 				"boolean"
 			].includes(typeof e));
 		}
-		function Z(e) {
+		function $(e) {
 			return e === !0 || String(e).toLowerCase() === "true";
 		}
-		function Ge(e) {
+		function Je(e) {
 			if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : e;
 			if (typeof e == "number") return new Date(e < 0xe8d4a51000 ? e * 1e3 : e);
-			if (typeof e == "string" && /^\d+$/.test(e)) return Ge(Number(e));
+			if (typeof e == "string" && /^\d+$/.test(e)) return Je(Number(e));
 			let t = typeof e == "string" ? Date.parse(e) : NaN;
 			return Number.isNaN(t) ? null : new Date(t);
 		}
-		function Q(e, t) {
+		function Ye(e, t) {
 			let n = Math.round((t - e.getTime()) / 1e3), r = Math.abs(n);
 			if (r < 45) return "just now";
 			let i = [
@@ -199,212 +200,217 @@ var A = /*@__PURE__*/ p({
 			let o = Math.floor(r / a[0]);
 			return n >= 0 ? `${o}${a[1]} ago` : `in ${o}${a[1]}`;
 		}
-		function Ke(e) {
+		function Xe(e) {
 			return Array.isArray(e) ? `[${e.length}]` : typeof e == "object" && e ? "{…}" : typeof e == "string" ? e : String(e);
 		}
-		function qe(e) {
-			return Object.entries(e).map(([e, t]) => `${e}: ${Ke(t)}`).join(", ");
+		function Ze(e) {
+			return Object.entries(e).map(([e, t]) => `${e}: ${Xe(t)}`).join(", ");
 		}
-		function Je(e) {
+		function Qe(e) {
 			if (typeof e != "object" || !e) return String(e);
 			let t = e, n = t.name ?? t.Name ?? Object.values(t)[0];
 			return n === void 0 || typeof n == "object" ? "{…}" : String(n);
 		}
-		function Ye(e) {
+		function $e(e) {
 			j.value = e && "$el" in e ? e.$el : e;
 		}
-		function $() {
+		function et() {
 			let e = j.value;
-			Me.value = !!e && e.scrollWidth > e.clientWidth + 1;
+			Ne.value = !!e && e.scrollWidth > e.clientWidth + 1;
 		}
-		function Xe() {
+		function tt() {
 			N.value = !0, P.value = !0;
 		}
-		return x(j, (e, t) => {
-			t && k(t), e && Te(e, $);
-		}), x(K, () => ie($)), x(() => W.value === "date", (e, t) => {
-			e && !t ? Ce() : !e && t && we();
+		return b(j, (e, t) => {
+			t && k(t), e && Ee(e, et);
+		}), b(q, () => ie(et)), b(() => G.value === "date", (e, t) => {
+			e && !t ? Te() : !e && t && E();
 		}), se(() => {
-			W.value === "date" && Ce();
+			G.value === "date" && Te();
 		}), oe(() => {
-			W.value === "date" && we(), j.value && k(j.value);
-		}), (e, s) => (g(), u("span", {
-			class: h(["max-w-full min-w-0 items-center gap-1.5 align-middle", [
+			G.value === "date" && E(), j.value && k(j.value);
+		}), (e, o) => (h(), l("span", {
+			class: m(["max-w-full min-w-0 items-center gap-1.5 align-middle", [
 				R.value ? "flex w-full" : "inline-flex",
 				R.value === "center" && "justify-center",
 				R.value === "right" && "justify-end",
-				Pe.value && "font-semibold text-heading"
+				Fe.value && "font-semibold text-heading"
 			]]),
 			"data-ac-ds": "",
 			"data-testid": "ac-cell-value"
-		}, [p.loading ? (g(), c(r, {
+		}, [f.loading ? (h(), s(r, {
 			key: 0,
 			width: "96px"
-		})) : (g(), u(o, { key: 1 }, [
-			Ne.value ? (g(), u("img", {
+		})) : (h(), l(a, { key: 1 }, [
+			Pe.value ? (h(), l("img", {
 				key: 0,
-				src: Ne.value,
+				src: Pe.value,
 				alt: "",
 				class: "size-4 shrink-0 object-contain"
-			}, null, 8, fe)) : l("", !0),
-			W.value === "empty" ? (g(), u("span", pe, y(p.emptyText), 1)) : W.value === "status" && V.value ? (g(), c(v(B.value), m({ key: 2 }, V.value, {
-				class: ["inline-flex focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", [Ve.value, p.plain && "underline-offset-2 hover:underline"]],
-				onClick: s[0] ||= C(() => {}, ["stop"])
+			}, null, 8, me)) : c("", !0),
+			G.value === "empty" ? (h(), l("span", he, v(Be.value), 1)) : G.value === "status" && V.value ? (h(), s(_(B.value), p({ key: 2 }, V.value, {
+				class: ["inline-flex focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", [We.value, f.plain && "underline-offset-2 hover:underline"]],
+				onClick: o[0] ||= S(() => {}, ["stop"])
 			}), {
-				default: S(() => [p.plain ? (g(), u("span", {
+				default: x(() => [f.plain ? (h(), l("span", {
 					key: 0,
-					class: h(["inline-flex items-center gap-1.5 text-xs font-medium whitespace-nowrap", X.value[1]])
-				}, [d("span", me, [U.value ? (g(), u("span", {
+					class: m(["inline-flex items-center gap-1.5 text-xs font-medium whitespace-nowrap", Q.value[1]])
+				}, [W.value ? (h(), s(y(de), {
 					key: 0,
-					class: h(["absolute inset-0 rounded-full opacity-60 motion-safe:animate-ping", X.value[0]])
-				}, null, 2)) : l("", !0), d("span", { class: h(["relative size-1.5 rounded-full", X.value[0]]) }, null, 2)]), f(y(K.value), 1)], 2)) : (g(), c(t, {
+					class: "size-3 shrink-0 motion-safe:animate-spin",
+					"aria-hidden": "true"
+				})) : (h(), l("span", {
 					key: 1,
-					label: K.value,
-					color: H.value ?? "default",
+					class: m(["size-1.5 shrink-0 rounded-full", Re.value ? "border border-muted bg-transparent" : Q.value[0]]),
+					"aria-hidden": "true"
+				}, null, 2)), d(v(q.value), 1)], 2)) : (h(), s(t, {
+					key: 1,
+					status: String(F.value),
+					label: q.value,
+					color: H.value,
 					variant: "light",
-					rounded: p.column?.shape !== "Rectangle",
-					dot: "",
-					pulse: U.value
+					rounded: f.column?.shape !== "Rectangle",
+					dot: ""
 				}, null, 8, [
+					"status",
 					"label",
 					"color",
-					"rounded",
-					"pulse"
+					"rounded"
 				]))]),
 				_: 1
-			}, 16, ["class"])) : W.value === "status" ? (g(), c(a, {
+			}, 16, ["class"])) : G.value === "status" ? (h(), s(i, {
 				key: 3,
 				content: L.value
 			}, {
-				default: S(() => [d("span", {
+				default: x(() => [u("span", {
 					tabindex: L.value ? 0 : void 0,
-					class: h(["inline-flex focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", Ve.value])
-				}, [p.plain ? (g(), u("span", {
+					class: m(["inline-flex focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", We.value])
+				}, [f.plain ? (h(), l("span", {
 					key: 0,
-					class: h(["inline-flex items-center gap-1.5 text-xs font-medium whitespace-nowrap", X.value[1]])
-				}, [d("span", ge, [U.value ? (g(), u("span", {
+					class: m(["inline-flex items-center gap-1.5 text-xs font-medium whitespace-nowrap", Q.value[1]])
+				}, [W.value ? (h(), s(y(de), {
 					key: 0,
-					class: h(["absolute inset-0 rounded-full opacity-60 motion-safe:animate-ping", X.value[0]])
-				}, null, 2)) : l("", !0), d("span", { class: h(["relative size-1.5 rounded-full", X.value[0]]) }, null, 2)]), f(y(K.value), 1)], 2)) : (g(), c(t, {
+					class: "size-3 shrink-0 motion-safe:animate-spin",
+					"aria-hidden": "true"
+				})) : (h(), l("span", {
 					key: 1,
-					label: K.value,
-					color: H.value ?? "default",
+					class: m(["size-1.5 shrink-0 rounded-full", Re.value ? "border border-muted bg-transparent" : Q.value[0]]),
+					"aria-hidden": "true"
+				}, null, 2)), d(v(q.value), 1)], 2)) : (h(), s(t, {
+					key: 1,
+					status: String(F.value),
+					label: q.value,
+					color: H.value,
 					variant: "light",
-					rounded: p.column?.shape !== "Rectangle",
-					dot: "",
-					pulse: U.value
+					rounded: f.column?.shape !== "Rectangle",
+					dot: ""
 				}, null, 8, [
+					"status",
 					"label",
 					"color",
-					"rounded",
-					"pulse"
-				]))], 10, he)]),
+					"rounded"
+				]))], 10, ge)]),
 				_: 1
-			}, 8, ["content"])) : W.value === "boolean" ? (g(), u("span", _e, [Z(F.value) ? (g(), c(b(ue), {
+			}, 8, ["content"])) : G.value === "boolean" ? (h(), l("span", _e, [$(F.value) ? (h(), s(y(ue), {
 				key: 0,
 				class: "size-3.5 text-success-strong",
 				"aria-hidden": "true"
-			})) : (g(), c(b(de), {
+			})) : (h(), s(y(fe), {
 				key: 1,
 				class: "size-3.5 text-muted",
 				"aria-hidden": "true"
-			})), d("span", { class: h(!Z(F.value) && "text-muted") }, y(K.value), 3)])) : W.value === "date" ? (g(), c(a, {
+			})), u("span", { class: m(!$(F.value) && "text-muted") }, v(q.value), 3)])) : G.value === "date" ? (h(), s(i, {
 				key: 5,
-				content: q.value
+				content: J.value
 			}, {
-				default: S(() => [V.value ? (g(), c(v(B.value), m({ key: 0 }, V.value, {
+				default: x(() => [V.value ? (h(), s(_(B.value), p({ key: 0 }, V.value, {
 					class: "font-medium whitespace-nowrap text-primary-strong tabular-nums underline-offset-2 hover:underline focus-visible:rounded-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-					onClick: s[1] ||= C(() => {}, ["stop"])
+					onClick: o[1] ||= S(() => {}, ["stop"])
 				}), {
-					default: S(() => [d("time", { datetime: G.value?.toISOString() }, y(K.value), 9, ve)]),
+					default: x(() => [u("time", { datetime: K.value?.toISOString() }, v(q.value), 9, ve)]),
 					_: 1
-				}, 16)) : (g(), u("time", {
+				}, 16)) : (h(), l("time", {
 					key: 1,
-					datetime: G.value?.toISOString(),
-					tabindex: q.value ? 0 : void 0,
-					class: h(["whitespace-nowrap tabular-nums focus-visible:rounded-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", q.value && "cursor-default decoration-border-dark decoration-dotted underline-offset-4 hover:underline"])
-				}, y(K.value), 11, ye))]),
+					datetime: K.value?.toISOString(),
+					tabindex: J.value ? 0 : void 0,
+					class: m(["whitespace-nowrap tabular-nums focus-visible:rounded-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", J.value && "cursor-default decoration-border-dark decoration-dotted underline-offset-4 hover:underline"])
+				}, v(q.value), 11, ye))]),
 				_: 1
-			}, 8, ["content"])) : W.value === "labels" || W.value === "array" ? (g(), u("span", {
+			}, 8, ["content"])) : G.value === "labels" || G.value === "array" ? (h(), l("span", {
 				key: 6,
-				class: h(["flex w-max min-w-0 items-center gap-1", M.value ? "flex-wrap" : "flex-nowrap"]),
-				style: ae({ maxWidth: p.maxWidth })
-			}, [(g(!0), u(o, null, ce(Le.value, (e, t) => (g(), c(a, {
+				class: m(["flex w-max min-w-0 items-center gap-2", M.value ? "flex-wrap" : "flex-nowrap"]),
+				style: ae({ maxWidth: f.maxWidth })
+			}, [(h(!0), l(a, null, ce(Ve.value, (e, t) => (h(), s(i, {
 				key: `${e.text}-${t}`,
 				content: e.text.length > 28 && !M.value ? e.text : "",
-				class: h(!M.value && "max-w-48 min-w-0")
+				class: m(!M.value && "max-w-48 min-w-0")
 			}, {
-				default: S(() => [e.key ? (g(), c(i, {
+				default: x(() => [u("span", be, [G.value === "labels" ? (h(), s(y(pe), {
 					key: 0,
-					"key-label": e.key,
-					"value-label": e.value,
-					rounded: ""
-				}, null, 8, ["key-label", "value-label"])) : (g(), c(i, {
-					key: 1,
-					label: e.value,
-					rounded: ""
-				}, null, 8, ["label"]))]),
+					class: "size-3 shrink-0",
+					"aria-hidden": "true"
+				})) : c("", !0), u("span", xe, v(e.text), 1)])]),
 				_: 2
-			}, 1032, ["content", "class"]))), 128)), Y.value > 0 ? (g(), u("button", {
+			}, 1032, ["content", "class"]))), 128)), X.value > 0 ? (h(), l("button", {
 				key: 0,
 				type: "button",
-				class: "inline-flex h-6 shrink-0 cursor-pointer items-center rounded-full border border-dashed border-primary/40 px-2 text-xs font-medium whitespace-nowrap text-primary-strong transition-colors duration-200 hover:bg-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+				class: "inline-flex shrink-0 cursor-pointer items-center rounded-4 border border-dashed border-primary/40 px-1.5 py-1 text-xs leading-4 font-medium whitespace-nowrap text-primary-strong underline-offset-2 transition-colors duration-200 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
 				"aria-expanded": M.value,
-				"aria-label": M.value ? `Show fewer ${He.value}` : `Show ${Y.value} more ${He.value}`,
-				onClick: s[2] ||= C((e) => M.value = !M.value, ["stop"])
-			}, y(M.value ? "Show less" : `+${Y.value} more`), 9, be)) : l("", !0)], 6)) : (g(), c(a, {
+				"aria-label": M.value ? `Show fewer ${Ge.value}` : `Show ${X.value} more ${Ge.value}`,
+				onClick: o[2] ||= S((e) => M.value = !M.value, ["stop"])
+			}, v(M.value ? "Show less" : `+${X.value} more`), 9, Se)) : c("", !0)], 6)) : (h(), s(i, {
 				key: 7,
-				content: Ie.value,
+				content: ze.value,
 				class: "min-w-0"
 			}, {
-				default: S(() => [V.value ? (g(), c(v(B.value), m({
+				default: x(() => [V.value ? (h(), s(_(B.value), p({
 					key: 0,
-					ref: Ye
+					ref: $e
 				}, V.value, {
-					class: ["block truncate font-medium text-primary-strong underline-offset-2 hover:underline focus-visible:rounded-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", [(p.mono || W.value === "object") && "font-mono text-xs", Be.value && "tabular-nums"]],
-					style: { maxWidth: p.maxWidth },
-					onClick: s[3] ||= C(() => {}, ["stop"])
+					class: ["block truncate font-medium text-primary-strong underline-offset-2 hover:underline focus-visible:rounded-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", [(f.mono || G.value === "object") && "font-mono text-xs", Z.value && "tabular-nums"]],
+					style: { maxWidth: f.maxWidth },
+					onClick: o[3] ||= S(() => {}, ["stop"])
 				}), {
-					default: S(() => [f(y(K.value), 1)]),
+					default: x(() => [d(v(q.value), 1)]),
 					_: 1
-				}, 16, ["class", "style"])) : (g(), u("span", {
+				}, 16, ["class", "style"])) : (h(), l("span", {
 					key: 1,
-					ref: Ye,
-					tabindex: Ie.value ? 0 : void 0,
-					class: h(["block truncate focus-visible:rounded-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", [
-						(p.mono || W.value === "object") && "font-mono text-xs",
-						Be.value && "tabular-nums",
-						W.value === "object" && "text-muted"
+					ref: $e,
+					tabindex: ze.value ? 0 : void 0,
+					class: m(["block truncate focus-visible:rounded-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", [
+						(f.mono || G.value === "object") && "font-mono text-xs",
+						Z.value && "tabular-nums",
+						G.value === "object" && "text-muted"
 					]]),
-					style: ae({ maxWidth: p.maxWidth })
-				}, y(K.value), 15, xe))]),
+					style: ae({ maxWidth: f.maxWidth })
+				}, v(q.value), 15, Ce))]),
 				_: 1
 			}, 8, ["content"])),
-			Re.value ? (g(), c(a, {
+			He.value ? (h(), s(i, {
 				key: 8,
 				content: "View as JSON"
 			}, {
-				default: S(() => [d("button", {
+				default: x(() => [u("button", {
 					type: "button",
 					class: "inline-flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-8 text-muted transition-colors duration-200 hover:bg-surface-sunken hover:text-heading focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
 					"aria-label": I.value ? `View ${I.value} as JSON` : "View as JSON",
 					"aria-haspopup": "dialog",
-					onClick: C(Xe, ["stop"])
-				}, [ee(b(le), {
+					onClick: S(tt, ["stop"])
+				}, [ee(y(le), {
 					class: "size-3.5",
 					"aria-hidden": "true"
-				})], 8, Se)]),
+				})], 8, we)]),
 				_: 1
-			})) : l("", !0),
-			N.value ? (g(), c(n, {
+			})) : c("", !0),
+			N.value ? (h(), s(n, {
 				key: 9,
 				open: P.value,
-				"onUpdate:open": s[4] ||= (e) => P.value = e,
+				"onUpdate:open": o[4] ||= (e) => P.value = e,
 				title: I.value || "Value",
 				size: "medium"
 			}, {
-				default: S(() => [ee(b(Ae), {
-					"model-value": ze.value,
+				default: x(() => [ee(y(je), {
+					"model-value": Ue.value,
 					language: "json",
 					readonly: "",
 					copyable: "",
@@ -413,7 +419,7 @@ var A = /*@__PURE__*/ p({
 					label: `${I.value || "Value"} as JSON`
 				}, null, 8, ["model-value", "label"])]),
 				_: 1
-			}, 8, ["open", "title"])) : l("", !0)
+			}, 8, ["open", "title"])) : c("", !0)
 		], 64))], 2));
 	}
 });

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

@@ -14,7 +14,7 @@ export interface Props<V> {
     disabled?: boolean;
     /** Single checkbox: shows a dash for "some, but not all" (a select-all box). Ignored while checked. */
     indeterminate?: boolean;
-    /** `small` is a 16px box for table cells and card headers; `normal` is 20px. */
+    /** `small` is an 18px box for table cells and card headers; `normal` is a 24px box for forms. */
     size?: "small" | "normal";
 }
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{