@aithe/aithe-ui 26.3.1 → 26.3.2

package/dist/index.js

@@ -1318,6 +1318,9 @@ var Mn = {
 	"form.formItem.requiredField": "Field",
 	"form.autoform.submit": "Submit",
 	"form.autoform.patternMismatch": "Format mismatch",
+	"form.autoView.empty": "--",
+	"form.autoView.yes": "Yes",
+	"form.autoView.no": "No",
 	"feedback.modal.closeAriaLabel": "Close modal",
 	"feedback.drawer.closeAriaLabel": "Close drawer",
 	"data.tabs.removeTabAriaLabel": "Remove tab",
@@ -1470,6 +1473,9 @@ var Mn = {
 	"form.formItem.requiredField": "字段",
 	"form.autoform.submit": "提交",
 	"form.autoform.patternMismatch": "格式不匹配",
+	"form.autoView.empty": "--",
+	"form.autoView.yes": "是",
+	"form.autoView.no": "否",
 	"feedback.modal.closeAriaLabel": "关闭弹窗",
 	"feedback.drawer.closeAriaLabel": "关闭抽屉",
 	"data.tabs.removeTabAriaLabel": "移除标签页",
@@ -1622,6 +1628,9 @@ var Mn = {
 	"form.formItem.requiredField": "欄位",
 	"form.autoform.submit": "提交",
 	"form.autoform.patternMismatch": "格式不符",
+	"form.autoView.empty": "--",
+	"form.autoView.yes": "是",
+	"form.autoView.no": "否",
 	"feedback.modal.closeAriaLabel": "關閉彈窗",
 	"feedback.drawer.closeAriaLabel": "關閉抽屜",
 	"data.tabs.removeTabAriaLabel": "移除標籤頁",
@@ -1765,6 +1774,9 @@ var Mn = {
 	"form.formItem.requiredField": "欄位",
 	"form.autoform.submit": "提交",
 	"form.autoform.patternMismatch": "格式不符",
+	"form.autoView.empty": "--",
+	"form.autoView.yes": "是",
+	"form.autoView.no": "否",
 	"feedback.modal.closeAriaLabel": "關閉彈窗",
 	"feedback.drawer.closeAriaLabel": "關閉抽屜",
 	"data.tabs.removeTabAriaLabel": "移除標籤頁",
@@ -1908,6 +1920,9 @@ var Mn = {
 	"form.formItem.requiredField": "フィールド",
 	"form.autoform.submit": "送信",
 	"form.autoform.patternMismatch": "フォーマットが一致しません",
+	"form.autoView.empty": "--",
+	"form.autoView.yes": "はい",
+	"form.autoView.no": "いいえ",
 	"feedback.modal.closeAriaLabel": "モーダルを閉じる",
 	"feedback.drawer.closeAriaLabel": "ドロワーを閉じる",
 	"data.tabs.removeTabAriaLabel": "タブを削除",
@@ -2051,6 +2066,9 @@ var Mn = {
 	"form.formItem.requiredField": "필드",
 	"form.autoform.submit": "제출",
 	"form.autoform.patternMismatch": "형식이 일치하지 않습니다",
+	"form.autoView.empty": "--",
+	"form.autoView.yes": "예",
+	"form.autoView.no": "아니오",
 	"feedback.modal.closeAriaLabel": "모달 닫기",
 	"feedback.drawer.closeAriaLabel": "서랍 닫기",
 	"data.tabs.removeTabAriaLabel": "탭 제거",
@@ -2194,6 +2212,9 @@ var Mn = {
 	"form.formItem.requiredField": "Campo",
 	"form.autoform.submit": "Enviar",
 	"form.autoform.patternMismatch": "El formato no coincide",
+	"form.autoView.empty": "--",
+	"form.autoView.yes": "Sí",
+	"form.autoView.no": "No",
 	"feedback.modal.closeAriaLabel": "Cerrar modal",
 	"feedback.drawer.closeAriaLabel": "Cerrar panel",
 	"data.tabs.removeTabAriaLabel": "Eliminar pestaña",
@@ -2337,6 +2358,9 @@ var Mn = {
 	"form.formItem.requiredField": "Campo",
 	"form.autoform.submit": "Enviar",
 	"form.autoform.patternMismatch": "O formato não corresponde",
+	"form.autoView.empty": "--",
+	"form.autoView.yes": "Sim",
+	"form.autoView.no": "Não",
 	"feedback.modal.closeAriaLabel": "Fechar modal",
 	"feedback.drawer.closeAriaLabel": "Fechar painel",
 	"data.tabs.removeTabAriaLabel": "Remover aba",
@@ -2480,6 +2504,9 @@ var Mn = {
 	"form.formItem.requiredField": "Champ",
 	"form.autoform.submit": "Soumettre",
 	"form.autoform.patternMismatch": "Le format ne correspond pas",
+	"form.autoView.empty": "--",
+	"form.autoView.yes": "Oui",
+	"form.autoView.no": "Non",
 	"feedback.modal.closeAriaLabel": "Fermer la modale",
 	"feedback.drawer.closeAriaLabel": "Fermer le tiroir",
 	"data.tabs.removeTabAriaLabel": "Supprimer l'onglet",
@@ -2623,6 +2650,9 @@ var Mn = {
 	"form.formItem.requiredField": "Feld",
 	"form.autoform.submit": "Absenden",
 	"form.autoform.patternMismatch": "Format stimmt nicht überein",
+	"form.autoView.empty": "--",
+	"form.autoView.yes": "Ja",
+	"form.autoView.no": "Nein",
 	"feedback.modal.closeAriaLabel": "Modal schließen",
 	"feedback.drawer.closeAriaLabel": "Drawer schließen",
 	"data.tabs.removeTabAriaLabel": "Tab entfernen",
@@ -2951,7 +2981,7 @@ function lr(e, t) {
 function ur(e = "aithe") {
 	return sr += 1, `${e}-${sr}`;
 }
-function dr(e) {
+function b(e) {
 	if (typeof e != "object" || !e) return String(e);
 	try {
 		return JSON.stringify(e, null, 2);
@@ -2965,7 +2995,7 @@ function dr(e) {
 }
 //#endregion
 //#region src/core/floating.ts
-var fr = {
+var dr = {
 	top: [
 		"bottom",
 		"right",
@@ -3017,7 +3047,7 @@ var fr = {
 		"top-start"
 	]
 };
-function pr(e, t, n, r) {
+function fr(e, t, n, r) {
 	switch (n) {
 		case "top": return {
 			left: e.left + e.width / 2 - t.width / 2,
@@ -3065,20 +3095,20 @@ function pr(e, t, n, r) {
 		};
 	}
 }
-function mr(e, t, n, r) {
+function pr(e, t, n, r) {
 	let i = window.innerWidth, a = window.innerHeight;
 	return e >= r && t >= r && e + n.width <= i - r && t + n.height <= a - r;
 }
-function hr(e, t, n, r = {}) {
-	let i = r.offset ?? 8, a = r.padding ?? 12, o = [n, ...fr[n]];
+function mr(e, t, n, r = {}) {
+	let i = r.offset ?? 8, a = r.padding ?? 12, o = [n, ...dr[n]];
 	for (let n of o) {
-		let r = pr(e, t, n, i);
-		if (mr(r.left, r.top, t, a)) return {
+		let r = fr(e, t, n, i);
+		if (pr(r.left, r.top, t, a)) return {
 			...r,
 			placement: n
 		};
 	}
-	let s = pr(e, t, n, i);
+	let s = fr(e, t, n, i);
 	return {
 		left: cr(s.left, a, window.innerWidth - t.width - a),
 		top: cr(s.top, a, window.innerHeight - t.height - a),
@@ -3087,7 +3117,7 @@ function hr(e, t, n, r = {}) {
 }
 //#endregion
 //#region src/core/anchored-overlay.ts
-var gr = class extends g {
+var hr = class extends g {
 	constructor(...e) {
 		super(...e), this.open = !1, this.placement = "bottom-start", this.offset = 8, this.handleViewportChange = () => this.updateFloatingPosition();
 	}
@@ -3105,7 +3135,7 @@ var gr = class extends g {
 		if (!e || !this.open) return;
 		let t = this.anchorElement.getBoundingClientRect();
 		e.style.left = "0px", e.style.top = "0px";
-		let n = e.getBoundingClientRect(), r = n.left, i = n.top, a = hr(t, e.getBoundingClientRect(), this.placement, { offset: this.offset });
+		let n = e.getBoundingClientRect(), r = n.left, i = n.top, a = mr(t, e.getBoundingClientRect(), this.placement, { offset: this.offset });
 		e.style.left = `${a.left - r}px`, e.style.top = `${a.top - i}px`;
 	}
 	bindFloating() {
@@ -3118,10 +3148,10 @@ var gr = class extends g {
 h([s({
 	type: Boolean,
 	reflect: !0
-})], gr.prototype, "open", void 0), h([s({ type: String })], gr.prototype, "placement", void 0), h([s({ type: Number })], gr.prototype, "offset", void 0);
+})], hr.prototype, "open", void 0), h([s({ type: String })], hr.prototype, "placement", void 0), h([s({ type: Number })], hr.prototype, "offset", void 0);
 //#endregion
 //#region src/styles/mixins.ts
-var _r = t`
+var gr = t`
   :host {
     --aithe-font-family: 'Sora', 'IBM Plex Sans', 'PingFang SC', 'Microsoft YaHei', sans-serif;
     --aithe-font-family-mono: 'JetBrains Mono', 'SFMono-Regular', 'Consolas', monospace;
@@ -3136,13 +3166,13 @@ var _r = t`
     --aithe-duration-slow: 320ms;
     --aithe-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
   }
-`, vr = t`
+`, _r = t`
   background: var(--aithe-color-surface-elevated);
   border: 1px solid var(--aithe-color-border);
   border-radius: var(--aithe-container-radius-lg);
   box-shadow: var(--aithe-shadow-2);
   backdrop-filter: blur(16px);
-`, yr = t`
+`, vr = t`
   border: 1px solid var(--aithe-color-border);
   border-radius: var(--aithe-radius-md);
   background: var(--aithe-color-surface-elevated);
@@ -3152,18 +3182,18 @@ var _r = t`
     box-shadow var(--aithe-duration-fast) var(--aithe-ease-standard),
     background var(--aithe-duration-fast) var(--aithe-ease-standard),
     color var(--aithe-duration-fast) var(--aithe-ease-standard);
-`, br = t`
+`, yr = t`
   border-color: var(--aithe-primary-5);
   box-shadow: 0 0 0 4px var(--aithe-color-focus-ring);
-`, b = [_r, de], xr = (e = ".panel") => t`
+`, x = [gr, de], br = (e = ".panel") => t`
   ${a(e)} {
-    ${vr}
+    ${_r}
   }
+`, xr = t`
+  ${vr}
 `, Sr = t`
   ${yr}
 `, Cr = t`
-  ${br}
-`, wr = t`
   * {
     scrollbar-color: var(--aithe-neutral-5) transparent;
     scrollbar-width: thin;
@@ -3180,15 +3210,15 @@ var _r = t`
     border-radius: 999px;
     background-clip: padding-box;
   }
-`, x = class extends Error {
+`, S = class extends Error {
 	constructor(e) {
 		super(e.message), this.name = "DataHubError", this.code = e.code, this.trace = e.trace, this.status = e.status, this.url = e.url, this.data = e.data;
 	}
-}, Tr = {
+}, wr = {
 	default: {
 		name: "default",
 		onRequest(e) {
-			e.data = { data: e.data };
+			e.options.method !== "GET" && (e.data = { data: e.data });
 		},
 		onResponse(e) {
 			let t = e.data;
@@ -3254,24 +3284,24 @@ var _r = t`
 		}
 	}
 };
-function Er(e) {
-	return Tr[e];
+function Tr(e) {
+	return wr[e];
 }
-function Dr() {
-	return Object.keys(Tr);
+function Er() {
+	return Object.keys(wr);
 }
 //#endregion
 //#region src/core/datahub/core/adapter/fetch-adapter.ts
-var Or = /* @__PURE__ */ new Map(), kr = class {
+var Dr = /* @__PURE__ */ new Map(), Or = class {
 	constructor() {
 		this.name = "fetch";
 	}
 	async request(e) {
 		let { url: t, data: n, options: r } = e, i = r.method ?? "POST", a = r.timeout ?? 3e4, o = new AbortController();
-		Or.set(t, o);
+		Dr.set(t, o);
 		let s = {
 			method: i,
-			signal: r.signal ? Ar(r.signal, o.signal) : o.signal,
+			signal: r.signal ? kr(r.signal, o.signal) : o.signal,
 			headers: {
 				"Content-Type": "application/json",
 				...r.headers
@@ -3295,15 +3325,15 @@ var Or = /* @__PURE__ */ new Map(), kr = class {
 				headers: n
 			};
 		} finally {
-			clearTimeout(c), Or.delete(t);
+			clearTimeout(c), Dr.delete(t);
 		}
 	}
 	abort(e) {
-		let t = Or.get(e);
-		t && (t.abort(), Or.delete(e));
+		let t = Dr.get(e);
+		t && (t.abort(), Dr.delete(e));
 	}
 };
-function Ar(e, t) {
+function kr(e, t) {
 	let n = new AbortController(), r = () => {
 		e.removeEventListener("abort", i), t.removeEventListener("abort", i);
 	}, i = () => {
@@ -3313,13 +3343,13 @@ function Ar(e, t) {
 }
 //#endregion
 //#region src/core/datahub/core/adapter/mock-adapter.ts
-var jr = class {
+var Ar = class {
 	constructor() {
 		this.name = "mock";
 	}
 	async request(e) {
 		let { mockData: t, mockPath: n, mockDelay: r } = e.options, i;
-		if (t !== void 0) await Mr(r ?? 300), i = t;
+		if (t !== void 0) await jr(r ?? 300), i = t;
 		else if (n) {
 			let e = await fetch(n);
 			if (!e.ok) throw Error(`${e.status} - Fetch mock resource failed: ${n}`);
@@ -3337,31 +3367,31 @@ var jr = class {
 		};
 	}
 };
-function Mr(e) {
+function jr(e) {
 	return new Promise((t) => setTimeout(t, e));
 }
 //#endregion
 //#region src/core/datahub/utils/is-query.ts
-var Nr = [
+var Mr = [
 	"query",
 	"list",
 	"get"
 ];
-function Pr(e) {
-	Nr = e;
+function Nr(e) {
+	Mr = e;
 }
-function Fr() {
-	return [...Nr];
+function Pr() {
+	return [...Mr];
 }
-function Ir(e) {
+function Fr(e) {
 	let t = e;
 	for (; t.endsWith("/");) t = t.slice(0, -1);
 	let n = t.split("/").pop()?.toLowerCase() ?? "";
-	return Nr.some((e) => n === e || n.startsWith(e + "/"));
+	return Mr.some((e) => n === e || n.startsWith(e + "/"));
 }
 //#endregion
 //#region src/core/datahub/config/strategy.ts
-var Lr = {
+var Ir = {
 	query: {
 		type: "query",
 		cacheable: !0,
@@ -3377,96 +3407,96 @@ var Lr = {
 		retryable: !1
 	}
 };
-function Rr(e) {
-	return { ...Lr[Ir(e) ? "query" : "submit"] };
+function Lr(e) {
+	return { ...Ir[Fr(e) ? "query" : "submit"] };
 }
 //#endregion
 //#region src/core/datahub/utils/common.ts
-function zr(e, t) {
+function Rr(e, t) {
 	return `${e}::${t === void 0 ? "null" : JSON.stringify(t)}`;
 }
 //#endregion
 //#region src/core/datahub/utils/cache.ts
-var Br = /* @__PURE__ */ new Map();
-function Vr(e, t) {
-	let n = zr(e, t), r = Br.get(n);
-	return r ? Date.now() > r.expireAt ? (Br.delete(n), null) : r.data : null;
+var zr = /* @__PURE__ */ new Map();
+function Br(e, t) {
+	let n = Rr(e, t), r = zr.get(n);
+	return r ? Date.now() > r.expireAt ? (zr.delete(n), null) : r.data : null;
 }
-function Hr(e, t, n, r) {
-	let i = zr(e, t);
-	Br.set(i, {
+function Vr(e, t, n, r) {
+	let i = Rr(e, t);
+	zr.set(i, {
 		data: n,
 		expireAt: Date.now() + r
 	});
 }
-function Ur(e, t) {
-	return Br.delete(zr(e, t));
+function Hr(e, t) {
+	return zr.delete(Rr(e, t));
 }
-function Wr() {
-	Br.clear();
+function Ur() {
+	zr.clear();
 }
 //#endregion
 //#region src/core/datahub/utils/dedup.ts
-var Gr = /* @__PURE__ */ new Map();
-function Kr(e, t, n) {
-	let r = zr(e, t), i = Gr.get(r);
+var Wr = /* @__PURE__ */ new Map();
+function Gr(e, t, n) {
+	let r = Rr(e, t), i = Wr.get(r);
 	if (i) return i;
-	let a = n().then((e) => (Gr.delete(r), e)).catch((e) => {
-		throw Gr.delete(r), e;
+	let a = n().then((e) => (Wr.delete(r), e)).catch((e) => {
+		throw Wr.delete(r), e;
 	});
-	return Gr.set(r, a), a;
+	return Wr.set(r, a), a;
 }
-function qr() {
-	Gr.clear();
+function Kr() {
+	Wr.clear();
 }
 //#endregion
 //#region src/core/datahub/utils/loading.ts
-var Jr = /* @__PURE__ */ new Set(), Yr = /* @__PURE__ */ new Map();
+var qr = /* @__PURE__ */ new Set(), Jr = /* @__PURE__ */ new Map();
+function Yr(e) {
+	let t = Jr.get(e) ?? 0;
+	if (Jr.set(e, t + 1), t === 0) for (let t of qr) t(e, !0);
+}
 function Xr(e) {
-	let t = Yr.get(e) ?? 0;
-	if (Yr.set(e, t + 1), t === 0) for (let t of Jr) t(e, !0);
+	let t = Jr.get(e) ?? 0;
+	if (t <= 1) {
+		if (Jr.delete(e), t === 1) for (let t of qr) t(e, !1);
+	} else Jr.set(e, t - 1);
 }
 function Zr(e) {
-	let t = Yr.get(e) ?? 0;
-	if (t <= 1) {
-		if (Yr.delete(e), t === 1) for (let t of Jr) t(e, !1);
-	} else Yr.set(e, t - 1);
+	return (Jr.get(e) ?? 0) > 0;
 }
 function Qr(e) {
-	return (Yr.get(e) ?? 0) > 0;
-}
-function $r(e) {
-	return Jr.add(e), () => {
-		Jr.delete(e);
+	return qr.add(e), () => {
+		qr.delete(e);
 	};
 }
 //#endregion
 //#region src/core/datahub/utils/idempotent.ts
-var ei = /* @__PURE__ */ new Map();
-function ti(e, t, n) {
-	let r = zr(e, t);
-	if (ei.get(r)) return Promise.reject(new x({
+var $r = /* @__PURE__ */ new Map();
+function ei(e, t, n) {
+	let r = Rr(e, t);
+	if ($r.get(r)) return Promise.reject(new S({
 		code: "DuplicateSubmit",
 		message: `[DataHub] Idempotent guard: duplicate submit blocked for ${e}`,
 		url: e
 	}));
-	let i = n().then((e) => (ei.delete(r), e)).catch((e) => {
-		throw ei.delete(r), e;
+	let i = n().then((e) => ($r.delete(r), e)).catch((e) => {
+		throw $r.delete(r), e;
 	});
-	return ei.set(r, i), i;
+	return $r.set(r, i), i;
 }
-function ni() {
-	ei.clear();
+function ti() {
+	$r.clear();
 }
 //#endregion
 //#region src/core/datahub/core/datahub-core.ts
-var ri = {
+var ni = {
 	defaultTimeout: 3e4,
 	defaultCacheTTL: 6e4,
 	defaultAdapter: "fetch"
-}, ii = class {
+}, ri = class {
 	constructor(e = {}) {
-		this.adapters = /* @__PURE__ */ new Map(), this.onLoadingChange = $r, this.isLoading = Qr, this.config = e, this.registerAdapter(new kr()), this.registerAdapter(new jr());
+		this.adapters = /* @__PURE__ */ new Map(), this.onLoadingChange = Qr, this.isLoading = Zr, this.config = e, this.registerAdapter(new Or()), this.registerAdapter(new Ar());
 	}
 	registerAdapter(e) {
 		this.adapters.set(e.name, e);
@@ -3476,10 +3506,10 @@ var ri = {
 	}
 	setAPIStyle(e) {
 		if (typeof e == "string") {
-			let t = Er(e);
-			if (!t) throw new x({
+			let t = Tr(e);
+			if (!t) throw new S({
 				code: "APIStyleNotFound",
-				message: `Built-in APIStyle "${e}" is not found. Available: ${Dr().join(", ")}`
+				message: `Built-in APIStyle "${e}" is not found. Available: ${Er().join(", ")}`
 			});
 			this.apiStyle = t;
 		} else this.apiStyle = e;
@@ -3488,10 +3518,10 @@ var ri = {
 		return this.apiStyle;
 	}
 	resolveRequestStyle(e) {
-		return e.apiStyle ? typeof e.apiStyle == "string" ? Er(e.apiStyle) : e.apiStyle : this.apiStyle;
+		return e.apiStyle ? typeof e.apiStyle == "string" ? Tr(e.apiStyle) : e.apiStyle : this.apiStyle;
 	}
 	async request(e, t, n) {
-		let r = this.mergeOptions(n), i = this.resolveUrl(e), a = Rr(i), o = r.traceId ?? this.generateTraceId();
+		let r = this.mergeOptions(n), i = this.resolveUrl(e), a = Lr(i), o = r.traceId ?? this.generateTraceId();
 		r.traceId = o;
 		let s = this.config.traceHeaderKey ?? "X-B3-TraceId", c = this.config.localeHeaderKey ?? "X-Locale";
 		r.headers = {
@@ -3508,72 +3538,79 @@ var ri = {
 			let e = this.config.onRequest(l);
 			e && Object.assign(l, e);
 		}
-		if (a.cacheable && !r.skipCache) {
-			let e = Vr(i, t);
-			if (e) return e;
+		let d = this.isCacheable(a, r);
+		if (d && !r.skipCache) {
+			let e = Br(i, t);
+			if (e) return this.applyResponseInterceptor(e, l), this.handleResponse(e, u, o, i);
 		}
-		let d = async () => {
+		let f = () => this.executeRequest(l, r, u, o, i, t, d);
+		return this.isDedupable(a, r) && !r.skipDedup ? Gr(i, t, f) : this.shouldGuardIdempotent(a, r) ? ei(i, t, f) : f();
+	}
+	applyResponseInterceptor(e, t) {
+		if (!this.config.onResponse) return;
+		let n = this.config.onResponse(e, t);
+		n && Object.assign(e, n);
+	}
+	async executeRequest(e, t, n, r, i, a, o) {
+		Yr(i);
+		try {
+			let s = await this.resolveAdapter(t).request(e);
+			if (this.applyResponseInterceptor(s, e), !s.ok) throw this.buildHttpError(s, n, r, i);
+			let c = this.handleResponse(s, n, r, i);
+			return o && !t.skipCache && Vr(i, a, s, t.cacheTTL ?? ni.defaultCacheTTL), c;
+		} catch (t) {
+			let n = this.normalizeError(t, i, r);
+			throw this.config.onError && this.config.onError(n, e), n;
+		} finally {
 			Xr(i);
-			try {
-				let e = await this.resolveAdapter(r).request(l);
-				if (this.config.onResponse) {
-					let t = this.config.onResponse(e, l);
-					t && Object.assign(e, t);
-				}
-				if (!e.ok) {
-					if (u) {
-						let t = u.onResponse(e);
-						throw new x({
-							code: t.code ?? `HTTP_${e.status}`,
-							message: t.message || `HTTP request failed with status ${e.status}`,
-							trace: o,
-							status: e.status,
-							url: i,
-							data: e.data
-						});
-					}
-					throw this.createTransportError(e, o, i);
-				}
-				if (u) {
-					let n = u.onResponse(e);
-					if (!u.isSuccess(n)) throw new x({
-						code: n.code,
-						message: n.message || `error: ${n.code}`,
-						trace: o,
-						status: e.status,
-						url: i
-					});
-					if (a.cacheable && !r.skipCache) {
-						let n = r.cacheTTL ?? ri.defaultCacheTTL;
-						Hr(i, t, e, n);
-					}
-					return {
-						...e,
-						data: n.data
-					};
-				}
-				if (a.cacheable && !r.skipCache) {
-					let n = r.cacheTTL ?? ri.defaultCacheTTL;
-					Hr(i, t, e, n);
-				}
-				return e;
-			} catch (e) {
-				let t = this.normalizeError(e, i, o);
-				throw this.config.onError && this.config.onError(t, l), t;
-			} finally {
-				Zr(i);
-			}
+		}
+	}
+	buildHttpError(e, t, n, r) {
+		if (t) {
+			let i = t.onResponse(e);
+			return new S({
+				code: i.code ?? `HTTP_${e.status}`,
+				message: i.message || `HTTP request failed with status ${e.status}`,
+				trace: n,
+				status: e.status,
+				url: r,
+				data: e.data
+			});
+		}
+		return this.createTransportError(e, n, r);
+	}
+	isCacheable(e, t) {
+		return e.cacheable || t.forceCache === !0;
+	}
+	isDedupable(e, t) {
+		return e.dedupable || t.forceDedup === !0;
+	}
+	shouldGuardIdempotent(e, t) {
+		return !e.idempotent || t.skipIdempotent ? !1 : t.forceDedup !== !0 && t.forceCache !== !0;
+	}
+	handleResponse(e, t, n, r) {
+		if (!t) return e;
+		let i = t.onResponse(e);
+		if (!t.isSuccess(i)) throw new S({
+			code: i.code,
+			message: i.message || `error: ${i.code}`,
+			trace: n,
+			status: e.status,
+			url: r
+		});
+		return {
+			...e,
+			data: i.data
 		};
-		return a.dedupable && !r.skipDedup ? Kr(i, t, d) : a.idempotent && !r.skipIdempotent ? ti(i, t, d) : d();
 	}
 	clearCache() {
-		Wr();
+		Ur();
 	}
 	clearDedup() {
-		qr();
+		Kr();
 	}
 	clearIdempotent() {
-		ni();
+		ti();
 	}
 	setRequestInterceptor(e) {
 		this.config.onRequest = e;
@@ -3594,9 +3631,9 @@ var ri = {
 		return { ...this.config };
 	}
 	resolveAdapter(e) {
-		if (this.config.forceMock || e.mock) return this.adapters.get("mock") ?? this.adapters.get(ri.defaultAdapter);
-		let t = e.adapter ?? this.config.defaultAdapter ?? ri.defaultAdapter, n = this.adapters.get(t);
-		if (!n) throw new x({
+		if (this.config.forceMock || e.mock) return this.adapters.get("mock") ?? this.adapters.get(ni.defaultAdapter);
+		let t = e.adapter ?? this.config.defaultAdapter ?? ni.defaultAdapter, n = this.adapters.get(t);
+		if (!n) throw new S({
 			code: "AdapterNotFound",
 			message: `Adapter "${t}" is not registered`
 		});
@@ -3614,8 +3651,8 @@ var ri = {
 	}
 	mergeOptions(e) {
 		return {
-			timeout: ri.defaultTimeout,
-			cacheTTL: ri.defaultCacheTTL,
+			timeout: ni.defaultTimeout,
+			cacheTTL: ni.defaultCacheTTL,
 			...e
 		};
 	}
@@ -3626,7 +3663,7 @@ var ri = {
 		return typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues(t), e + Array.from(t, (e) => e.toString(16).padStart(2, "0")).join("");
 	}
 	createTransportError(e, t, n) {
-		return new x({
+		return new S({
 			code: `HTTP_${e.status}`,
 			message: `HTTP request failed with status ${e.status}`,
 			trace: t,
@@ -3636,30 +3673,30 @@ var ri = {
 		});
 	}
 	normalizeError(e, t, n) {
-		return e instanceof x ? e : e instanceof DOMException && e.name === "AbortError" ? new x({
+		return e instanceof S ? e : e instanceof DOMException && e.name === "AbortError" ? new S({
 			code: "RequestAborted",
 			message: "Request was aborted",
 			trace: n,
 			url: t
-		}) : e instanceof TypeError ? new x({
+		}) : e instanceof TypeError ? new S({
 			code: "NetworkError",
 			message: e.message ?? "Network error",
 			trace: n,
 			url: t
-		}) : new x({
+		}) : new S({
 			code: "UnknownError",
 			message: e instanceof Error ? e.message : String(e),
 			trace: n,
 			url: t
 		});
 	}
-}, ai = new ii(), oi = class {
+}, ii = new ri(), ai = class {
 	apply(e) {
 		if (e == null) return "--";
 		let t = typeof e == "string" ? Number.parseFloat(e) : e;
 		return Number.isNaN(t) ? "--" : t.toFixed(2);
 	}
-}, si = class {
+}, oi = class {
 	apply(e, t = "yyyy-MM-dd HH:mm:ss") {
 		if (e == null || e === "") return "--";
 		let n;
@@ -3682,11 +3719,11 @@ var ri = {
 		for (let [e, t] of Object.entries(r)) i = i.replace(e, t);
 		return i;
 	}
-}, ci = class {
+}, si = class {
 	apply(e, t = "--") {
-		return e == null || e === "" || typeof e == "number" && Number.isNaN(e) ? t : dr(e);
+		return e == null || e === "" || typeof e == "number" && Number.isNaN(e) ? t : b(e);
 	}
-}, li = class {
+}, ci = class {
 	constructor() {
 		this.iecUnits = [
 			"B",
@@ -3711,7 +3748,7 @@ var ri = {
 		let o = Math.min(Math.floor(Math.log(n) / Math.log(i)), a.length - 1);
 		return `${(n / i ** +o).toFixed(2)} ${a[o]}`;
 	}
-}, ui = class {
+}, li = class {
 	apply(e) {
 		let t = this.parseDate(e);
 		if (!t) return "--";
@@ -3750,12 +3787,12 @@ var ri = {
 		}
 		return `${n.getFullYear()}-${String(n.getMonth() + 1).padStart(2, "0")}-${String(n.getDate()).padStart(2, "0")}`;
 	}
-}, di = class {
+}, ui = class {
 	constructor() {
 		this.registry = /* @__PURE__ */ new Map(), this.registerDefaults();
 	}
 	registerDefaults() {
-		this.register("amount", oi), this.register("date", si), this.register("empty", ci), this.register("bytes", li), this.register("timeAgo", ui);
+		this.register("amount", ai), this.register("date", oi), this.register("empty", si), this.register("bytes", ci), this.register("timeAgo", li);
 	}
 	register(e, t) {
 		this.registry.set(e, new t());
@@ -3790,12 +3827,12 @@ var ri = {
 		}
 		return r;
 	}
-}, fi = new di(), pi = class extends g {
+}, di = new ui(), fi = class extends g {
 	constructor(...e) {
 		super(...e), this.name = "sparkles", this.color = "", this.size = "md";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         align-items: center;
@@ -3808,10 +3845,10 @@ var ri = {
 		return Tt.render(this.name, e, "", t);
 	}
 };
-h([s({ type: String })], pi.prototype, "name", void 0), h([s({ type: String })], pi.prototype, "color", void 0), h([s({ type: String })], pi.prototype, "size", void 0), pi = h([o("aithe-icon")], pi);
+h([s({ type: String })], fi.prototype, "name", void 0), h([s({ type: String })], fi.prototype, "color", void 0), h([s({ type: String })], fi.prototype, "size", void 0), fi = h([o("aithe-icon")], fi);
 //#endregion
 //#region src/components/basic/button.ts
-var S = class extends g {
+var C = class extends g {
 	constructor(...e) {
 		super(...e), this.type = "default", this.size = "medium", this.title = "", this.icon = "", this.disabled = !1, this.loading = !1, this.block = !1, this.href = "", this.target = "", this.handleClick = (e) => {
 			if (this.disabled || this.loading) {
@@ -3822,7 +3859,7 @@ var S = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         flex: 0 0 auto;
@@ -4011,24 +4048,24 @@ var S = class extends g {
     `;
 	}
 };
-h([s({ type: String })], S.prototype, "type", void 0), h([s({ type: String })], S.prototype, "size", void 0), h([s({ type: String })], S.prototype, "title", void 0), h([s({ type: String })], S.prototype, "icon", void 0), h([s({
+h([s({ type: String })], C.prototype, "type", void 0), h([s({ type: String })], C.prototype, "size", void 0), h([s({ type: String })], C.prototype, "title", void 0), h([s({ type: String })], C.prototype, "icon", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], S.prototype, "disabled", void 0), h([s({
+})], C.prototype, "disabled", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], S.prototype, "loading", void 0), h([s({
+})], C.prototype, "loading", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], S.prototype, "block", void 0), h([s({ type: String })], S.prototype, "href", void 0), h([s({ type: String })], S.prototype, "target", void 0), S = h([o("aithe-button")], S);
+})], C.prototype, "block", void 0), h([s({ type: String })], C.prototype, "href", void 0), h([s({ type: String })], C.prototype, "target", void 0), C = h([o("aithe-button")], C);
 //#endregion
 //#region src/components/basic/button-group.ts
-var mi = class extends g {
+var pi = class extends g {
 	constructor(...e) {
 		super(...e), this.gap = "var(--aithe-space-2)", this.vertical = !1;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         max-width: 100%;
@@ -4053,27 +4090,27 @@ var mi = class extends g {
     `;
 	}
 };
-h([s({ type: String })], mi.prototype, "gap", void 0), h([s({ type: Boolean })], mi.prototype, "vertical", void 0), mi = h([o("aithe-button-group")], mi);
+h([s({ type: String })], pi.prototype, "gap", void 0), h([s({ type: Boolean })], pi.prototype, "vertical", void 0), pi = h([o("aithe-button-group")], pi);
 //#endregion
 //#region src/components/basic/input.ts
-var hi = "aithe-input", C = class extends g {
+var mi = "aithe-input", w = class extends g {
 	constructor(...e) {
 		super(...e), this.type = "text", this.size = "md", this.status = "normal", this.value = "", this.placeholder = "", this.disabled = !1, this.readonly = !1, this.clearable = !1, this.name = "", this.autocomplete = "off", this.label = "", this.hasPrefix = !1, this.hasSuffix = !1, this.syncSlots = () => {
 			this.hasPrefix = this.prefixNodes.length > 0, this.hasSuffix = this.suffixNodes.length > 0;
 		}, this.handleInput = (e) => {
 			e.stopPropagation();
 			let t = e.currentTarget;
-			this.value = t.value, this.emit(hi, { value: this.value });
+			this.value = t.value, this.emit(mi, { value: this.value });
 		}, this.handleChange = (e) => {
 			e.stopPropagation();
 			let t = e.currentTarget;
 			this.value = t.value, this.emit("aithe-change", { value: this.value });
 		}, this.clearValue = () => {
-			this.disabled || this.readonly || (this.value = "", this.inputElement?.focus(), this.emit("aithe-clear"), this.emit(hi, { value: this.value }), this.emit("aithe-change", { value: this.value }));
+			this.disabled || this.readonly || (this.value = "", this.inputElement?.focus(), this.emit("aithe-clear"), this.emit(mi, { value: this.value }), this.emit("aithe-change", { value: this.value }));
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         width: 100%;
@@ -4239,13 +4276,13 @@ var hi = "aithe-input", C = class extends g {
     `;
 	}
 };
-h([s({ type: String })], C.prototype, "type", void 0), h([s({ type: String })], C.prototype, "size", void 0), h([s({ type: String })], C.prototype, "status", void 0), h([s({ type: String })], C.prototype, "value", void 0), h([s({ type: String })], C.prototype, "placeholder", void 0), h([s({
+h([s({ type: String })], w.prototype, "type", void 0), h([s({ type: String })], w.prototype, "size", void 0), h([s({ type: String })], w.prototype, "status", void 0), h([s({ type: String })], w.prototype, "value", void 0), h([s({ type: String })], w.prototype, "placeholder", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], C.prototype, "disabled", void 0), h([s({ type: Boolean })], C.prototype, "readonly", void 0), h([s({ type: Boolean })], C.prototype, "clearable", void 0), h([s({ type: String })], C.prototype, "name", void 0), h([s({ type: String })], C.prototype, "autocomplete", void 0), h([s({ type: String })], C.prototype, "label", void 0), h([c("input")], C.prototype, "inputElement", void 0), h([u({ slot: "prefix" })], C.prototype, "prefixNodes", void 0), h([u({ slot: "suffix" })], C.prototype, "suffixNodes", void 0), h([d()], C.prototype, "hasPrefix", void 0), h([d()], C.prototype, "hasSuffix", void 0), C = h([o("aithe-input")], C);
+})], w.prototype, "disabled", void 0), h([s({ type: Boolean })], w.prototype, "readonly", void 0), h([s({ type: Boolean })], w.prototype, "clearable", void 0), h([s({ type: String })], w.prototype, "name", void 0), h([s({ type: String })], w.prototype, "autocomplete", void 0), h([s({ type: String })], w.prototype, "label", void 0), h([c("input")], w.prototype, "inputElement", void 0), h([u({ slot: "prefix" })], w.prototype, "prefixNodes", void 0), h([u({ slot: "suffix" })], w.prototype, "suffixNodes", void 0), h([d()], w.prototype, "hasPrefix", void 0), h([d()], w.prototype, "hasSuffix", void 0), w = h([o("aithe-input")], w);
 //#endregion
 //#region src/components/basic/textarea.ts
-var gi = class extends g {
+var hi = class extends g {
 	constructor(...e) {
 		super(...e), this.rows = 4, this.placeholder = "", this.resize = "vertical", this.value = "", this.maxlength = -1, this.disabled = !1, this.handleInput = (e) => {
 			e.stopPropagation(), this.value = e.currentTarget.value, this.emit("aithe-input", { value: this.value });
@@ -4254,7 +4291,7 @@ var gi = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         width: 100%;
@@ -4263,13 +4300,13 @@ var gi = class extends g {
       .field {
         display: flex;
         flex-direction: column;
-        ${Sr}
+        ${xr}
         width: 100%;
         padding: var(--aithe-space-3) var(--aithe-space-3);
       }
 
       .field:focus-within {
-        ${Cr}
+        ${Sr}
       }
 
       .field.disabled {
@@ -4312,20 +4349,20 @@ var gi = class extends g {
     `;
 	}
 };
-h([s({ type: Number })], gi.prototype, "rows", void 0), h([s({ type: String })], gi.prototype, "placeholder", void 0), h([s({ type: String })], gi.prototype, "resize", void 0), h([s({ type: String })], gi.prototype, "value", void 0), h([s({ type: Number })], gi.prototype, "maxlength", void 0), h([s({
+h([s({ type: Number })], hi.prototype, "rows", void 0), h([s({ type: String })], hi.prototype, "placeholder", void 0), h([s({ type: String })], hi.prototype, "resize", void 0), h([s({ type: String })], hi.prototype, "value", void 0), h([s({ type: Number })], hi.prototype, "maxlength", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], gi.prototype, "disabled", void 0), gi = h([o("aithe-textarea")], gi);
+})], hi.prototype, "disabled", void 0), hi = h([o("aithe-textarea")], hi);
 //#endregion
 //#region src/components/basic/card.ts
-var w = class extends g {
+var T = class extends g {
 	constructor(...e) {
 		super(...e), this.title = "", this.icon = "", this.shadow = 2, this.bodyPadding = "var(--aithe-space-lg)", this.bordered = !0, this.divider = "border", this.hasHeaderSlot = !1, this.hasFooterSlot = !1, this.syncSlots = () => {
 			this.hasHeaderSlot = this.headerSlotNodes.length > 0, this.hasFooterSlot = this.footerSlotNodes.length > 0;
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         min-width: 0;
@@ -4417,20 +4454,20 @@ var w = class extends g {
     `;
 	}
 };
-h([s({ type: String })], w.prototype, "title", void 0), h([s({ type: String })], w.prototype, "icon", void 0), h([s({ type: Number })], w.prototype, "shadow", void 0), h([s({
+h([s({ type: String })], T.prototype, "title", void 0), h([s({ type: String })], T.prototype, "icon", void 0), h([s({ type: Number })], T.prototype, "shadow", void 0), h([s({
 	type: String,
 	attribute: "body-padding"
-})], w.prototype, "bodyPadding", void 0), h([s({ type: Boolean })], w.prototype, "bordered", void 0), h([s({ type: String })], w.prototype, "divider", void 0), h([u({ slot: "header" })], w.prototype, "headerSlotNodes", void 0), h([u({ slot: "footer" })], w.prototype, "footerSlotNodes", void 0), h([d()], w.prototype, "hasHeaderSlot", void 0), h([d()], w.prototype, "hasFooterSlot", void 0), w = h([o("aithe-card")], w);
+})], T.prototype, "bodyPadding", void 0), h([s({ type: Boolean })], T.prototype, "bordered", void 0), h([s({ type: String })], T.prototype, "divider", void 0), h([u({ slot: "header" })], T.prototype, "headerSlotNodes", void 0), h([u({ slot: "footer" })], T.prototype, "footerSlotNodes", void 0), h([d()], T.prototype, "hasHeaderSlot", void 0), h([d()], T.prototype, "hasFooterSlot", void 0), T = h([o("aithe-card")], T);
 //#endregion
 //#region src/components/basic/badge.ts
-var _i = class extends g {
+var gi = class extends g {
 	constructor(...e) {
 		super(...e), this.value = "", this.maxCount = 99, this.dot = !1, this.position = "top-right", this.hasBadgeSlot = !1, this.syncSlot = () => {
 			this.hasBadgeSlot = this.badgeSlotNodes.length > 0;
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         position: relative;
         display: inline-flex;
@@ -4514,13 +4551,13 @@ var _i = class extends g {
     `;
 	}
 };
-h([s({ type: String })], _i.prototype, "value", void 0), h([s({
+h([s({ type: String })], gi.prototype, "value", void 0), h([s({
 	type: Number,
 	attribute: "max-count"
-})], _i.prototype, "maxCount", void 0), h([s({ type: Boolean })], _i.prototype, "dot", void 0), h([s({ type: String })], _i.prototype, "position", void 0), h([u({ slot: "badge" })], _i.prototype, "badgeSlotNodes", void 0), h([d()], _i.prototype, "hasBadgeSlot", void 0), _i = h([o("aithe-badge")], _i);
+})], gi.prototype, "maxCount", void 0), h([s({ type: Boolean })], gi.prototype, "dot", void 0), h([s({ type: String })], gi.prototype, "position", void 0), h([u({ slot: "badge" })], gi.prototype, "badgeSlotNodes", void 0), h([d()], gi.prototype, "hasBadgeSlot", void 0), gi = h([o("aithe-badge")], gi);
 //#endregion
 //#region src/components/basic/tag.ts
-var vi = class extends g {
+var _i = class extends g {
 	constructor(...e) {
 		super(...e), this.type = "success", this.closable = !1, this.selectable = !1, this.selected = !1, this.rounded = "full", this.disabled = !1, this.size = "sm", this.toggleTag = () => {
 			!this.selectable || this.disabled || (this.selected = !this.selected, this.emit("aithe-change", { selected: this.selected }));
@@ -4529,7 +4566,7 @@ var vi = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
       }
@@ -4683,21 +4720,21 @@ var vi = class extends g {
     `;
 	}
 };
-h([s({ type: String })], vi.prototype, "type", void 0), h([s({ type: Boolean })], vi.prototype, "closable", void 0), h([s({ type: Boolean })], vi.prototype, "selectable", void 0), h([s({
+h([s({ type: String })], _i.prototype, "type", void 0), h([s({ type: Boolean })], _i.prototype, "closable", void 0), h([s({ type: Boolean })], _i.prototype, "selectable", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], vi.prototype, "selected", void 0), h([s({ type: String })], vi.prototype, "rounded", void 0), h([s({
+})], _i.prototype, "selected", void 0), h([s({ type: String })], _i.prototype, "rounded", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], vi.prototype, "disabled", void 0), h([s({ type: String })], vi.prototype, "size", void 0), vi = h([o("aithe-tag")], vi);
+})], _i.prototype, "disabled", void 0), h([s({ type: String })], _i.prototype, "size", void 0), _i = h([o("aithe-tag")], _i);
 //#endregion
 //#region src/components/basic/avatar.ts
-var yi = class extends g {
+var vi = class extends g {
 	constructor(...e) {
 		super(...e), this.src = "", this.alt = "", this.text = "", this.shape = "circle", this.size = "md", this.imageBroken = !1;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
       }
@@ -4768,15 +4805,15 @@ var yi = class extends g {
     `;
 	}
 };
-h([s({ type: String })], yi.prototype, "src", void 0), h([s({ type: String })], yi.prototype, "alt", void 0), h([s({ type: String })], yi.prototype, "text", void 0), h([s({ type: String })], yi.prototype, "shape", void 0), h([s({ type: String })], yi.prototype, "size", void 0), h([d()], yi.prototype, "imageBroken", void 0), yi = h([o("aithe-avatar")], yi);
+h([s({ type: String })], vi.prototype, "src", void 0), h([s({ type: String })], vi.prototype, "alt", void 0), h([s({ type: String })], vi.prototype, "text", void 0), h([s({ type: String })], vi.prototype, "shape", void 0), h([s({ type: String })], vi.prototype, "size", void 0), h([d()], vi.prototype, "imageBroken", void 0), vi = h([o("aithe-avatar")], vi);
 //#endregion
 //#region src/components/basic/divider.ts
-var bi = class extends g {
+var yi = class extends g {
 	constructor(...e) {
 		super(...e), this.vertical = !1, this.dashed = !1, this.label = "";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         width: 100%;
@@ -4851,15 +4888,15 @@ var bi = class extends g {
 h([s({
 	type: Boolean,
 	reflect: !0
-})], bi.prototype, "vertical", void 0), h([s({ type: Boolean })], bi.prototype, "dashed", void 0), h([s({ type: String })], bi.prototype, "label", void 0), bi = h([o("aithe-divider")], bi);
+})], yi.prototype, "vertical", void 0), h([s({ type: Boolean })], yi.prototype, "dashed", void 0), h([s({ type: String })], yi.prototype, "label", void 0), yi = h([o("aithe-divider")], yi);
 //#endregion
 //#region src/components/basic/empty.ts
-var xi = class extends g {
+var bi = class extends g {
 	constructor(...e) {
 		super(...e), this.text = "", this.icon = "sparkles";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
       }
@@ -4889,10 +4926,10 @@ var xi = class extends g {
     `;
 	}
 };
-h([s({ type: String })], xi.prototype, "text", void 0), h([s({ type: String })], xi.prototype, "icon", void 0), xi = h([o("aithe-empty")], xi);
+h([s({ type: String })], bi.prototype, "text", void 0), h([s({ type: String })], bi.prototype, "icon", void 0), bi = h([o("aithe-empty")], bi);
 //#endregion
 //#region src/components/basic/chip.ts
-var Si = class extends g {
+var xi = class extends g {
 	constructor(...e) {
 		super(...e), this.selected = !1, this.closable = !1, this.toggleSelect = () => {
 			this.selected = !this.selected, this.emit("aithe-select", { selected: this.selected });
@@ -4901,7 +4938,7 @@ var Si = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
       }
@@ -4951,15 +4988,15 @@ var Si = class extends g {
 h([s({
 	type: Boolean,
 	reflect: !0
-})], Si.prototype, "selected", void 0), h([s({ type: Boolean })], Si.prototype, "closable", void 0), Si = h([o("aithe-chip")], Si);
+})], xi.prototype, "selected", void 0), h([s({ type: Boolean })], xi.prototype, "closable", void 0), xi = h([o("aithe-chip")], xi);
 //#endregion
 //#region src/components/layout/container.ts
-var Ci = class extends g {
+var Si = class extends g {
 	constructor(...e) {
 		super(...e), this.maxWidth = "1280px", this.padding = "var(--aithe-space-lg)", this.gap = "0", this.fluid = !1, this.full = !1, this.direction = "column";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         width: 100%;
@@ -4986,18 +5023,18 @@ var Ci = class extends g {
     `;
 	}
 };
-h([s({ type: String })], Ci.prototype, "maxWidth", void 0), h([s({ type: String })], Ci.prototype, "padding", void 0), h([s({ type: String })], Ci.prototype, "gap", void 0), h([s({
+h([s({ type: String })], Si.prototype, "maxWidth", void 0), h([s({ type: String })], Si.prototype, "padding", void 0), h([s({ type: String })], Si.prototype, "gap", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], Ci.prototype, "fluid", void 0), h([s({ type: Boolean })], Ci.prototype, "full", void 0), h([s({ type: String })], Ci.prototype, "direction", void 0), Ci = h([o("aithe-container")], Ci);
+})], Si.prototype, "fluid", void 0), h([s({ type: Boolean })], Si.prototype, "full", void 0), h([s({ type: String })], Si.prototype, "direction", void 0), Si = h([o("aithe-container")], Si);
 //#endregion
 //#region src/components/layout/row.ts
-var wi = class extends g {
+var Ci = class extends g {
 	constructor(...e) {
 		super(...e), this.gutter = 24, this.rowGap = 24, this.justify = "start", this.align = "stretch";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         min-width: 0;
@@ -5044,18 +5081,18 @@ var wi = class extends g {
     `;
 	}
 };
-h([s({ type: Number })], wi.prototype, "gutter", void 0), h([s({
+h([s({ type: Number })], Ci.prototype, "gutter", void 0), h([s({
 	type: Number,
 	attribute: "row-gap"
-})], wi.prototype, "rowGap", void 0), h([s({ type: String })], wi.prototype, "justify", void 0), h([s({ type: String })], wi.prototype, "align", void 0), wi = h([o("aithe-row")], wi);
+})], Ci.prototype, "rowGap", void 0), h([s({ type: String })], Ci.prototype, "justify", void 0), h([s({ type: String })], Ci.prototype, "align", void 0), Ci = h([o("aithe-row")], Ci);
 //#endregion
 //#region src/components/layout/col.ts
-var Ti = class extends g {
+var wi = class extends g {
 	constructor(...e) {
 		super(...e), this.span = 24, this.offset = 0, this.push = 0, this.pull = 0, this.flex = "";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         position: relative;
@@ -5089,15 +5126,15 @@ var Ti = class extends g {
     `;
 	}
 };
-h([s({ type: Number })], Ti.prototype, "span", void 0), h([s({ type: Number })], Ti.prototype, "offset", void 0), h([s({ type: Number })], Ti.prototype, "push", void 0), h([s({ type: Number })], Ti.prototype, "pull", void 0), h([s({ type: String })], Ti.prototype, "flex", void 0), Ti = h([o("aithe-col")], Ti);
+h([s({ type: Number })], wi.prototype, "span", void 0), h([s({ type: Number })], wi.prototype, "offset", void 0), h([s({ type: Number })], wi.prototype, "push", void 0), h([s({ type: Number })], wi.prototype, "pull", void 0), h([s({ type: String })], wi.prototype, "flex", void 0), wi = h([o("aithe-col")], wi);
 //#endregion
 //#region src/components/layout/flex.ts
-var Ei = class extends g {
+var Ti = class extends g {
 	constructor(...e) {
 		super(...e), this.justify = "flex-start", this.align = "stretch", this.direction = "row", this.gap = "var(--aithe-space-md)", this.wrap = "nowrap", this.inline = !1;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         min-width: 0;
@@ -5132,18 +5169,18 @@ var Ei = class extends g {
     `;
 	}
 };
-h([s({ type: String })], Ei.prototype, "justify", void 0), h([s({ type: String })], Ei.prototype, "align", void 0), h([s({ type: String })], Ei.prototype, "direction", void 0), h([s({ type: String })], Ei.prototype, "gap", void 0), h([s({ type: String })], Ei.prototype, "wrap", void 0), h([s({
+h([s({ type: String })], Ti.prototype, "justify", void 0), h([s({ type: String })], Ti.prototype, "align", void 0), h([s({ type: String })], Ti.prototype, "direction", void 0), h([s({ type: String })], Ti.prototype, "gap", void 0), h([s({ type: String })], Ti.prototype, "wrap", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], Ei.prototype, "inline", void 0), Ei = h([o("aithe-flex")], Ei);
+})], Ti.prototype, "inline", void 0), Ti = h([o("aithe-flex")], Ti);
 //#endregion
 //#region src/components/layout/space.ts
-var Di = class extends g {
+var Ei = class extends g {
 	constructor(...e) {
 		super(...e), this.size = "var(--aithe-space-md)", this.direction = "vertical", this.align = "stretch", this.wrap = !1;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         min-width: 0;
@@ -5173,13 +5210,13 @@ var Di = class extends g {
     `;
 	}
 };
-h([s({ type: String })], Di.prototype, "size", void 0), h([s({ type: String })], Di.prototype, "direction", void 0), h([s({ type: String })], Di.prototype, "align", void 0), h([s({
+h([s({ type: String })], Ei.prototype, "size", void 0), h([s({ type: String })], Ei.prototype, "direction", void 0), h([s({ type: String })], Ei.prototype, "align", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], Di.prototype, "wrap", void 0), Di = h([o("aithe-space")], Di);
+})], Ei.prototype, "wrap", void 0), Ei = h([o("aithe-space")], Ei);
 //#endregion
 //#region src/components/layout/collapse.ts
-var Oi = class extends g {
+var Di = class extends g {
 	constructor(...e) {
 		super(...e), this.activeKey = "", this.accordion = !1, this.syncItems = () => {
 			let e = this.activeKeys;
@@ -5196,7 +5233,7 @@ var Oi = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: grid;
         gap: var(--aithe-space-3);
@@ -5227,10 +5264,10 @@ var Oi = class extends g {
 h([s({
 	type: String,
 	attribute: "active-key"
-})], Oi.prototype, "activeKey", void 0), h([s({ type: Boolean })], Oi.prototype, "accordion", void 0), Oi = h([o("aithe-collapse")], Oi);
+})], Di.prototype, "activeKey", void 0), h([s({ type: Boolean })], Di.prototype, "accordion", void 0), Di = h([o("aithe-collapse")], Di);
 //#endregion
 //#region src/components/layout/collapse-item.ts
-var ki = class extends g {
+var Oi = class extends g {
 	constructor(...e) {
 		super(...e), this.title = "", this.name = "", this.icon = "", this.disabled = !1, this.open = !1, this.toggle = () => {
 			this.disabled || this.emit("aithe-collapse-toggle", {
@@ -5242,7 +5279,7 @@ var ki = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         border: 1px solid var(--aithe-color-border);
@@ -5336,16 +5373,16 @@ var ki = class extends g {
     `;
 	}
 };
-h([s({ type: String })], ki.prototype, "title", void 0), h([s({ type: String })], ki.prototype, "name", void 0), h([s({ type: String })], ki.prototype, "icon", void 0), h([s({
+h([s({ type: String })], Oi.prototype, "title", void 0), h([s({ type: String })], Oi.prototype, "name", void 0), h([s({ type: String })], Oi.prototype, "icon", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], ki.prototype, "disabled", void 0), h([s({
+})], Oi.prototype, "disabled", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], ki.prototype, "open", void 0), ki = h([o("aithe-collapse-item")], ki);
+})], Oi.prototype, "open", void 0), Oi = h([o("aithe-collapse-item")], Oi);
 //#endregion
 //#region src/components/layout/affix.ts
-var Ai = class extends g {
+var ki = class extends g {
 	constructor(...e) {
 		super(...e), this.offsetTop = 0, this.target = "", this.affixed = !1, this.width = 0, this.height = 0, this.left = 0, this.scrollTarget = null, this.handleScroll = () => {
 			let e = this.getBoundingClientRect();
@@ -5353,7 +5390,7 @@ var Ai = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
       }
@@ -5404,10 +5441,10 @@ var Ai = class extends g {
 h([s({
 	type: Number,
 	attribute: "offset-top"
-})], Ai.prototype, "offsetTop", void 0), h([s({ type: String })], Ai.prototype, "target", void 0), h([d()], Ai.prototype, "affixed", void 0), h([d()], Ai.prototype, "width", void 0), h([d()], Ai.prototype, "height", void 0), h([d()], Ai.prototype, "left", void 0), Ai = h([o("aithe-affix")], Ai);
+})], ki.prototype, "offsetTop", void 0), h([s({ type: String })], ki.prototype, "target", void 0), h([d()], ki.prototype, "affixed", void 0), h([d()], ki.prototype, "width", void 0), h([d()], ki.prototype, "height", void 0), h([d()], ki.prototype, "left", void 0), ki = h([o("aithe-affix")], ki);
 //#endregion
 //#region src/components/theme/locale-switch.ts
-var ji = class extends g {
+var E = class extends g {
 	constructor(...e) {
 		super(...e), this.placement = "bottom-end", this.iconOnly = !1, this.locales = "", this.open = !1, this.currentLocale = y.getLocale(), this.handleViewportChange = () => this.updatePosition(), this.handleOutsideClick = (e) => {
 			this.open && (e.composedPath().includes(this) || (this.open = !1));
@@ -5419,7 +5456,7 @@ var ji = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         position: relative;
@@ -5511,7 +5548,7 @@ var ji = class extends g {
 	updatePosition() {
 		let e = this.overlayEl, t = this.triggerEl;
 		if (!e || !t || !this.open) return;
-		let n = hr(t.getBoundingClientRect(), e.getBoundingClientRect(), this.placement, { offset: 8 });
+		let n = mr(t.getBoundingClientRect(), e.getBoundingClientRect(), this.placement, { offset: 8 });
 		e.style.left = `${n.left}px`, e.style.top = `${n.top}px`;
 	}
 	getFilteredMenu() {
@@ -5542,13 +5579,13 @@ var ji = class extends g {
     `;
 	}
 };
-h([s({ type: String })], ji.prototype, "placement", void 0), h([s({
+h([s({ type: String })], E.prototype, "placement", void 0), h([s({
 	type: Boolean,
 	attribute: "icon-only"
-})], ji.prototype, "iconOnly", void 0), h([s({ type: String })], ji.prototype, "locales", void 0), h([d()], ji.prototype, "open", void 0), h([d()], ji.prototype, "currentLocale", void 0), h([c(".trigger")], ji.prototype, "triggerEl", void 0), h([c(".overlay")], ji.prototype, "overlayEl", void 0), ji = h([o("aithe-locale-switch")], ji);
+})], E.prototype, "iconOnly", void 0), h([s({ type: String })], E.prototype, "locales", void 0), h([d()], E.prototype, "open", void 0), h([d()], E.prototype, "currentLocale", void 0), h([c(".trigger")], E.prototype, "triggerEl", void 0), h([c(".overlay")], E.prototype, "overlayEl", void 0), E = h([o("aithe-locale-switch")], E);
 //#endregion
 //#region src/components/theme/theme-switch.ts
-function Mi() {
+function Ai() {
 	return [
 		{
 			id: "theme-group",
@@ -5591,9 +5628,9 @@ function Mi() {
 		}
 	];
 }
-var T = class extends g {
+var D = class extends g {
 	constructor(...e) {
-		super(...e), this.placement = "bottom-end", this.iconOnly = !1, this.open = !1, this.currentTheme = y.getTheme(), this.currentShadow = y.getShadow(), this.currentShape = y.getShape(), this.currentTypo = y.getTypo(), this.themeMenu = Mi(), this.handleViewportChange = () => this.updatePosition(), this.handleOutsideClick = (e) => {
+		super(...e), this.placement = "bottom-end", this.iconOnly = !1, this.open = !1, this.currentTheme = y.getTheme(), this.currentShadow = y.getShadow(), this.currentShape = y.getShape(), this.currentTypo = y.getTypo(), this.themeMenu = Ai(), this.handleViewportChange = () => this.updatePosition(), this.handleOutsideClick = (e) => {
 			this.open && (e.composedPath().includes(this) || (this.open = !1));
 		}, this.toggleOpen = () => {
 			this.open = !this.open, this.open ? this.bindViewport() : this.unbindViewport();
@@ -5625,7 +5662,7 @@ var T = class extends g {
       >${e.icon}</span>` : r;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         position: relative;
@@ -5726,7 +5763,7 @@ var T = class extends g {
 	updatePosition() {
 		let e = this.overlayEl, t = this.triggerEl;
 		if (!e || !t || !this.open) return;
-		let n = hr(t.getBoundingClientRect(), e.getBoundingClientRect(), this.placement, { offset: 8 });
+		let n = mr(t.getBoundingClientRect(), e.getBoundingClientRect(), this.placement, { offset: 8 });
 		e.style.left = `${n.left}px`, e.style.top = `${n.top}px`;
 	}
 	render() {
@@ -5753,18 +5790,18 @@ var T = class extends g {
     `;
 	}
 };
-h([s({ type: String })], T.prototype, "placement", void 0), h([s({
+h([s({ type: String })], D.prototype, "placement", void 0), h([s({
 	type: Boolean,
 	attribute: "icon-only"
-})], T.prototype, "iconOnly", void 0), h([d()], T.prototype, "open", void 0), h([d()], T.prototype, "currentTheme", void 0), h([d()], T.prototype, "currentShadow", void 0), h([d()], T.prototype, "currentShape", void 0), h([d()], T.prototype, "currentTypo", void 0), h([c(".trigger")], T.prototype, "triggerEl", void 0), h([c(".overlay")], T.prototype, "overlayEl", void 0), T = h([o("aithe-theme-switch")], T);
+})], D.prototype, "iconOnly", void 0), h([d()], D.prototype, "open", void 0), h([d()], D.prototype, "currentTheme", void 0), h([d()], D.prototype, "currentShadow", void 0), h([d()], D.prototype, "currentShape", void 0), h([d()], D.prototype, "currentTypo", void 0), h([c(".trigger")], D.prototype, "triggerEl", void 0), h([c(".overlay")], D.prototype, "overlayEl", void 0), D = h([o("aithe-theme-switch")], D);
 //#endregion
 //#region src/components/framework/header.ts
-var Ni = class extends g {
+var ji = class extends g {
 	constructor(...e) {
 		super(...e), this.brand = "Aithe UI", this.slogan = "", this.showLocaleSwitch = !1, this.showThemeSwitch = !1, this.centerAlign = "right";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         position: sticky;
@@ -5924,31 +5961,31 @@ var Ni = class extends g {
     `;
 	}
 };
-h([s({ type: String })], Ni.prototype, "brand", void 0), h([s({ type: String })], Ni.prototype, "slogan", void 0), h([s({
+h([s({ type: String })], ji.prototype, "brand", void 0), h([s({ type: String })], ji.prototype, "slogan", void 0), h([s({
 	type: Boolean,
 	attribute: "show-locale-switch"
-})], Ni.prototype, "showLocaleSwitch", void 0), h([s({
+})], ji.prototype, "showLocaleSwitch", void 0), h([s({
 	type: Boolean,
 	attribute: "show-theme-switch"
-})], Ni.prototype, "showThemeSwitch", void 0), h([s({
+})], ji.prototype, "showThemeSwitch", void 0), h([s({
 	type: String,
 	attribute: "center-align"
-})], Ni.prototype, "centerAlign", void 0), Ni = h([o("aithe-header")], Ni);
+})], ji.prototype, "centerAlign", void 0), ji = h([o("aithe-header")], ji);
 //#endregion
 //#region src/components/framework/body.ts
-var Pi = {
+var Mi = {
 	compact: "60%",
 	medium: "80%",
 	wide: "100%"
-}, Fi = [
+}, Ni = [
 	"compact",
 	"medium",
 	"wide"
-], Ii = {
+], Pi = {
 	compact: "◧",
 	medium: "◫",
 	wide: "◧"
-}, E = class extends g {
+}, O = class extends g {
 	constructor(...e) {
 		super(...e), this.layout = "medium", this.showActions = !1, this.showBackTop = !0, this.showLayoutSwitch = !0, this.showLogPanel = !1, this.visibilityHeight = 260, this.mobileBreakpoint = 768, this.scrolledPastThreshold = !1, this.isMobile = !1, this.logPanelOpen = !1, this.handleMobileChange = (e) => {
 			this.isMobile = e.matches, this.isMobile ? (this.layout = "wide", this.applyLayoutWidth()) : (this.layout = Pt(), this.applyLayoutWidth());
@@ -5960,7 +5997,7 @@ var Pi = {
 				behavior: "smooth"
 			});
 		}, this.handleLayoutSwitch = () => {
-			let e = Fi[(Fi.indexOf(this.layout) + 1) % Fi.length];
+			let e = Ni[(Ni.indexOf(this.layout) + 1) % Ni.length];
 			this.emit("aithe-layout-change", { layout: e }) && Nt(e);
 		}, this.handleLogPanelToggle = () => {
 			this.logPanelOpen = !this.logPanelOpen;
@@ -5969,7 +6006,7 @@ var Pi = {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: flex;
         flex-direction: column;
@@ -6090,7 +6127,7 @@ var Pi = {
 		e.has("layout") && this.applyLayoutWidth();
 	}
 	applyLayoutWidth() {
-		let e = Pi[this.layout] ?? Pi.medium;
+		let e = Mi[this.layout] ?? Mi.medium;
 		this.style.setProperty("--aithe-body-width", e);
 	}
 	render() {
@@ -6102,7 +6139,7 @@ var Pi = {
               title=${v("body.switchLayout")}
               @click=${this.handleLayoutSwitch}
             >
-              ${Ii[this.layout] ?? Ii.medium}
+              ${Pi[this.layout] ?? Pi.medium}
             </button>
           ` : r, t = this.showBackTop && this.scrolledPastThreshold ? n`
             <button
@@ -6139,31 +6176,31 @@ var Pi = {
     `;
 	}
 };
-h([s({ type: String })], E.prototype, "layout", void 0), h([s({
+h([s({ type: String })], O.prototype, "layout", void 0), h([s({
 	type: Boolean,
 	attribute: "show-actions"
-})], E.prototype, "showActions", void 0), h([s({
+})], O.prototype, "showActions", void 0), h([s({
 	type: Boolean,
 	attribute: "show-back-top"
-})], E.prototype, "showBackTop", void 0), h([s({
+})], O.prototype, "showBackTop", void 0), h([s({
 	type: Boolean,
 	attribute: "show-layout-switch"
-})], E.prototype, "showLayoutSwitch", void 0), h([s({
+})], O.prototype, "showLayoutSwitch", void 0), h([s({
 	type: Boolean,
 	attribute: "show-log-panel"
-})], E.prototype, "showLogPanel", void 0), h([s({
+})], O.prototype, "showLogPanel", void 0), h([s({
 	type: Number,
 	attribute: "visibility-height"
-})], E.prototype, "visibilityHeight", void 0), h([s({
+})], O.prototype, "visibilityHeight", void 0), h([s({
 	type: Number,
 	attribute: "mobile-breakpoint"
-})], E.prototype, "mobileBreakpoint", void 0), h([d()], E.prototype, "scrolledPastThreshold", void 0), h([d()], E.prototype, "isMobile", void 0), h([s({
+})], O.prototype, "mobileBreakpoint", void 0), h([d()], O.prototype, "scrolledPastThreshold", void 0), h([d()], O.prototype, "isMobile", void 0), h([s({
 	type: Boolean,
 	attribute: "log-panel-open"
-})], E.prototype, "logPanelOpen", void 0), h([c(".body-scroll")], E.prototype, "_scrollEl", void 0), E = h([o("aithe-body")], E);
+})], O.prototype, "logPanelOpen", void 0), h([c(".body-scroll")], O.prototype, "_scrollEl", void 0), O = h([o("aithe-body")], O);
 //#endregion
 //#region src/components/framework/sidebar.ts
-var D = class extends g {
+var k = class extends g {
 	constructor(...e) {
 		super(...e), this.brand = "", this.icon = "", this.itemsJson = "", this.items = [], this.active = "", this.expandAll = !1, this.collapsible = !1, this.collapsed = !1, this.itemFilter = null, this.overlay = !1, this.headerHeight = "56px", this.mobileBreakpoint = 768, this.expandedWidth = "260px", this.collapsedWidth = "64px", this.isMobile = !1, this.handleMobileChange = (e) => {
 			let t = this.isMobile;
@@ -6180,7 +6217,7 @@ var D = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: flex;
         flex-direction: column;
@@ -6449,39 +6486,39 @@ var D = class extends g {
     `;
 	}
 };
-h([s({ type: String })], D.prototype, "brand", void 0), h([s({ type: String })], D.prototype, "icon", void 0), h([s({
+h([s({ type: String })], k.prototype, "brand", void 0), h([s({ type: String })], k.prototype, "icon", void 0), h([s({
 	type: String,
 	attribute: "items"
-})], D.prototype, "itemsJson", void 0), h([s({ attribute: !1 })], D.prototype, "items", void 0), h([s({ type: String })], D.prototype, "active", void 0), h([s({
+})], k.prototype, "itemsJson", void 0), h([s({ attribute: !1 })], k.prototype, "items", void 0), h([s({ type: String })], k.prototype, "active", void 0), h([s({
 	type: Boolean,
 	attribute: "expand-all"
-})], D.prototype, "expandAll", void 0), h([s({ type: Boolean })], D.prototype, "collapsible", void 0), h([s({
+})], k.prototype, "expandAll", void 0), h([s({ type: Boolean })], k.prototype, "collapsible", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], D.prototype, "collapsed", void 0), h([s({ attribute: !1 })], D.prototype, "itemFilter", void 0), h([s({
+})], k.prototype, "collapsed", void 0), h([s({ attribute: !1 })], k.prototype, "itemFilter", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], D.prototype, "overlay", void 0), h([s({
+})], k.prototype, "overlay", void 0), h([s({
 	type: String,
 	attribute: "header-height"
-})], D.prototype, "headerHeight", void 0), h([s({
+})], k.prototype, "headerHeight", void 0), h([s({
 	type: Number,
 	attribute: "mobile-breakpoint"
-})], D.prototype, "mobileBreakpoint", void 0), h([s({
+})], k.prototype, "mobileBreakpoint", void 0), h([s({
 	type: String,
 	attribute: "expanded-width"
-})], D.prototype, "expandedWidth", void 0), h([s({
+})], k.prototype, "expandedWidth", void 0), h([s({
 	type: String,
 	attribute: "collapsed-width"
-})], D.prototype, "collapsedWidth", void 0), h([d()], D.prototype, "isMobile", void 0), D = h([o("aithe-sidebar")], D);
+})], k.prototype, "collapsedWidth", void 0), h([d()], k.prototype, "isMobile", void 0), k = h([o("aithe-sidebar")], k);
 //#endregion
 //#region src/components/framework/page.ts
-var Li = class extends g {
+var Fi = class extends g {
 	constructor(...e) {
 		super(...e), this.router = null, this.notFoundComponent = "", this.location = null;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         width: 100%;
@@ -6558,30 +6595,30 @@ var Li = class extends g {
     `;
 	}
 };
-h([s({ attribute: !1 })], Li.prototype, "router", void 0), h([s({
+h([s({ attribute: !1 })], Fi.prototype, "router", void 0), h([s({
 	type: String,
 	attribute: "not-found-component"
-})], Li.prototype, "notFoundComponent", void 0), h([d()], Li.prototype, "location", void 0), Li = h([o("aithe-page")], Li);
+})], Fi.prototype, "notFoundComponent", void 0), h([d()], Fi.prototype, "location", void 0), Fi = h([o("aithe-page")], Fi);
 //#endregion
 //#region src/components/framework/log-panel.ts
-var Ri = {
+var Ii = {
 	DEBUG: "var(--aithe-color-text-muted)",
 	INFO: "var(--aithe-primary-6)",
 	WARN: "#d18f29",
 	ERROR: "#df526b",
 	FATAL: "#a0153a"
-}, zi = {
+}, Li = {
 	DEBUG: "·",
 	INFO: "ℹ",
 	WARN: "⚠",
 	ERROR: "✕",
 	FATAL: "✕✕"
 };
-function Bi(e) {
+function Ri(e) {
 	let t = new Date(e), n = (e) => String(e).padStart(2, "0");
 	return `${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}.${String(t.getMilliseconds()).padStart(3, "0")}`;
 }
-var O = class extends g {
+var A = class extends g {
 	constructor(...e) {
 		super(...e), this.open = !1, this.panelPlacement = "overlay", this._entries = [], this._filterLevel = null, this._searchText = "", this._expandedIds = /* @__PURE__ */ new Set(), this._panelHeight = 200, this._unsubscribe = null, this._unsubscribeClear = null, this._dragStartY = 0, this._dragStartHeight = 0, this._dragging = !1;
 	}
@@ -6918,7 +6955,7 @@ var O = class extends g {
 	}
 	_copyData(e) {
 		let t = [];
-		for (let n of e.data) typeof n == "object" && n && t.push(dr(n));
+		for (let n of e.data) typeof n == "object" && n && t.push(b(n));
 		e.stack && t.push(e.stack), navigator.clipboard.writeText(t.join("\n"));
 	}
 	_onDragStart(e) {
@@ -6950,7 +6987,7 @@ var O = class extends g {
 		return e;
 	}
 	_renderEntry(e) {
-		let t = Ri[e.levelLabel] ?? "inherit", r = zi[e.levelLabel] ?? "", i = e.data.some((e) => typeof e == "object" && !!e) || !!e.stack, a = this._expandedIds.has(e.id), o = e.data.filter((e) => typeof e == "object" && !!e), s = i ? n`
+		let t = Ii[e.levelLabel] ?? "inherit", r = Li[e.levelLabel] ?? "", i = e.data.some((e) => typeof e == "object" && !!e) || !!e.stack, a = this._expandedIds.has(e.id), o = e.data.filter((e) => typeof e == "object" && !!e), s = i ? n`
           <button
             class="log-action-btn"
             type="button"
@@ -6963,7 +7000,7 @@ var O = class extends g {
           </button>
         ` : null, c = o.length ? n`
           <pre>
-            ${o.map((e) => dr(e)).join("\n")}</pre
+            ${o.map((e) => b(e)).join("\n")}</pre
           >
         ` : null, l = e.stack ? n`
           <div class="log-stack">${e.stack}</div>
@@ -6990,7 +7027,7 @@ var O = class extends g {
 		return n`
       <div class="log-item">
         <span class="log-icon" style="color:${t}">${r}</span>
-        <span class="log-time">${Bi(e.timestamp)}</span>
+        <span class="log-time">${Ri(e.timestamp)}</span>
         <span class="log-level" style="color:${t}">${e.levelLabel}</span>
         <div class="log-msg">
           <div class="log-msg-row">
@@ -7068,13 +7105,13 @@ h([s({
 	type: Boolean,
 	reflect: !0,
 	attribute: "open"
-})], O.prototype, "open", void 0), h([s({
+})], A.prototype, "open", void 0), h([s({
 	type: String,
 	attribute: "panel-placement"
-})], O.prototype, "panelPlacement", void 0), h([d()], O.prototype, "_entries", void 0), h([d()], O.prototype, "_filterLevel", void 0), h([d()], O.prototype, "_searchText", void 0), h([d()], O.prototype, "_expandedIds", void 0), h([d()], O.prototype, "_panelHeight", void 0), h([c(".log-list")], O.prototype, "_scrollContainer", void 0), O = h([o("aithe-log-panel")], O);
+})], A.prototype, "panelPlacement", void 0), h([d()], A.prototype, "_entries", void 0), h([d()], A.prototype, "_filterLevel", void 0), h([d()], A.prototype, "_searchText", void 0), h([d()], A.prototype, "_expandedIds", void 0), h([d()], A.prototype, "_panelHeight", void 0), h([c(".log-list")], A.prototype, "_scrollContainer", void 0), A = h([o("aithe-log-panel")], A);
 //#endregion
 //#region src/components/framework/dashboard-panel.ts
-var Vi = [
+var zi = [
 	{
 		edge: "n",
 		style: "top:-3px;left:8px;right:8px;height:6px;cursor:ns-resize;"
@@ -7107,7 +7144,7 @@ var Vi = [
 		edge: "sw",
 		style: "bottom:-3px;left:-3px;width:10px;height:10px;cursor:nesw-resize;"
 	}
-], k = class extends g {
+], j = class extends g {
 	constructor(...e) {
 		super(...e), this.panelId = "", this.x = 0, this.y = 0, this.w = 1, this.h = 1, this.closable = !0, this.label = "", this.icon = "", this.visible = !0, this.maximized = !1, this.locked = !1, this.showHeader = !0, this.dragging = !1, this.resizing = !1, this.dragStartX = 0, this.dragStartY = 0, this.dragOffsetX = 0, this.dragOffsetY = 0, this.resizeEdge = null, this.resizeStartX = 0, this.resizeStartY = 0, this.resizeDeltaX = 0, this.resizeDeltaY = 0, this.handleMouseDown = (e) => {
 			if (this.maximized) return;
@@ -7152,7 +7189,7 @@ var Vi = [
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         border-radius: var(--aithe-container-radius-lg);
@@ -7368,7 +7405,7 @@ var Vi = [
 	}
 	renderResizeHandles() {
 		return this.locked || this.maximized ? r : n`
-      ${Vi.map((e) => n`
+      ${zi.map((e) => n`
           <div class="resize-handle" data-edge=${e.edge} style=${e.style}></div>
         `)}
     `;
@@ -7386,25 +7423,25 @@ var Vi = [
 h([s({
 	type: String,
 	attribute: "panel-id"
-})], k.prototype, "panelId", void 0), h([s({ type: Number })], k.prototype, "x", void 0), h([s({ type: Number })], k.prototype, "y", void 0), h([s({ type: Number })], k.prototype, "w", void 0), h([s({ type: Number })], k.prototype, "h", void 0), h([s({ type: Boolean })], k.prototype, "closable", void 0), h([s({ type: String })], k.prototype, "label", void 0), h([s({ type: String })], k.prototype, "icon", void 0), h([s({
+})], j.prototype, "panelId", void 0), h([s({ type: Number })], j.prototype, "x", void 0), h([s({ type: Number })], j.prototype, "y", void 0), h([s({ type: Number })], j.prototype, "w", void 0), h([s({ type: Number })], j.prototype, "h", void 0), h([s({ type: Boolean })], j.prototype, "closable", void 0), h([s({ type: String })], j.prototype, "label", void 0), h([s({ type: String })], j.prototype, "icon", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], k.prototype, "visible", void 0), h([s({
+})], j.prototype, "visible", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], k.prototype, "maximized", void 0), h([s({
+})], j.prototype, "maximized", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], k.prototype, "locked", void 0), h([s({
+})], j.prototype, "locked", void 0), h([s({
 	type: Boolean,
 	attribute: "show-header",
 	reflect: !0
-})], k.prototype, "showHeader", void 0), h([d()], k.prototype, "dragging", void 0), h([d()], k.prototype, "resizing", void 0), h([c(".panel-header")], k.prototype, "headerEl", void 0), k = h([o("aithe-dashboard-panel")], k);
+})], j.prototype, "showHeader", void 0), h([d()], j.prototype, "dragging", void 0), h([d()], j.prototype, "resizing", void 0), h([c(".panel-header")], j.prototype, "headerEl", void 0), j = h([o("aithe-dashboard-panel")], j);
 //#endregion
 //#region src/components/framework/dashboard.ts
-var Hi = "aithe-dashboard-", Ui = 12, Wi = 60, Gi = 10, Ki = 1, qi = 1, A = class extends g {
+var Bi = "aithe-dashboard-", Vi = 12, Hi = 60, Ui = 10, Wi = 1, Gi = 1, M = class extends g {
 	constructor(...e) {
-		super(...e), this.columns = Ui, this.cellHeight = Wi, this.gap = Gi, this.locked = !1, this.storageKey = "", this.showToolbar = !0, this.showVisibility = !0, this.showLock = !0, this.showReset = !0, this.showFullscreen = !0, this.showTheme = !0, this.showAutoArrange = !0, this.showToggleContent = !0, this.panelStates = /* @__PURE__ */ new Map(), this.visibilityDropdownOpen = !1, this.fullscreen = !1, this.showContent = !0, this.dashboardTheme = "", this.computedCellWidth = 80, this.initialPanelStates = /* @__PURE__ */ new Map(), this.dragTargetId = "", this.dragStartGridX = 0, this.dragStartGridY = 0, this.resizeTargetId = "", this.resizeEdge = "", this.resizeStartW = 0, this.resizeStartH = 0, this.resizeStartX = 0, this.resizeStartY = 0, this.resizeObserver = null, this.handleSlotChange = () => {
+		super(...e), this.columns = Vi, this.cellHeight = Hi, this.gap = Ui, this.locked = !1, this.storageKey = "", this.showToolbar = !0, this.showVisibility = !0, this.showLock = !0, this.showReset = !0, this.showFullscreen = !0, this.showTheme = !0, this.showAutoArrange = !0, this.showToggleContent = !0, this.panelStates = /* @__PURE__ */ new Map(), this.visibilityDropdownOpen = !1, this.fullscreen = !1, this.showContent = !0, this.dashboardTheme = "", this.computedCellWidth = 80, this.initialPanelStates = /* @__PURE__ */ new Map(), this.dragTargetId = "", this.dragStartGridX = 0, this.dragStartGridY = 0, this.resizeTargetId = "", this.resizeEdge = "", this.resizeStartW = 0, this.resizeStartH = 0, this.resizeStartX = 0, this.resizeStartY = 0, this.resizeObserver = null, this.handleSlotChange = () => {
 			this.syncPanelsFromDOM();
 		}, this.handlePanelClose = (e) => {
 			let { panelId: t } = e.detail;
@@ -7439,13 +7476,13 @@ var Hi = "aithe-dashboard-", Ui = 12, Wi = 60, Gi = 10, Ki = 1, qi = 1, A = clas
 			let { deltaX: t, deltaY: n } = e.detail, r = this.panelStates.get(this.resizeTargetId);
 			if (!r) return;
 			let i = this.computedCellWidth + this.gap, a = this.cellHeight + this.gap, o = this.resizeStartW, s = this.resizeStartH, c = this.resizeStartX, l = this.resizeStartY, u = this.resizeEdge;
-			if (u.includes("e") && (o = Math.max(Ki, this.resizeStartW + Math.round(t / i))), u.includes("w")) {
+			if (u.includes("e") && (o = Math.max(Wi, this.resizeStartW + Math.round(t / i))), u.includes("w")) {
 				let e = Math.round(t / i), n = this.resizeStartW - e;
-				n >= Ki && (o = n, c = this.resizeStartX + e);
+				n >= Wi && (o = n, c = this.resizeStartX + e);
 			}
-			if (u.includes("s") && (s = Math.max(qi, this.resizeStartH + Math.round(n / a))), u.includes("n")) {
+			if (u.includes("s") && (s = Math.max(Gi, this.resizeStartH + Math.round(n / a))), u.includes("n")) {
 				let e = Math.round(n / a), t = this.resizeStartH - e;
-				t >= qi && (s = t, l = this.resizeStartY + e);
+				t >= Gi && (s = t, l = this.resizeStartY + e);
 			}
 			c = this.clampX(c, o), o = Math.min(o, this.columns - c), (o !== r.w || s !== r.h || c !== r.x || l !== r.y) && this.resizePanelWithAutoRearrange(this.resizeTargetId, c, l, o, s);
 		}, this.handlePanelResizeEnd = () => {
@@ -7490,7 +7527,7 @@ var Hi = "aithe-dashboard-", Ui = 12, Wi = 60, Gi = 10, Ki = 1, qi = 1, A = clas
 	static {
 		this.styles = [
 			a(He),
-			b,
+			x,
 			t`
       :host {
         display: block;
@@ -7838,7 +7875,7 @@ var Hi = "aithe-dashboard-", Ui = 12, Wi = 60, Gi = 10, Ki = 1, qi = 1, A = clas
 	resizePanelWithAutoRearrange(e, t, n, r, i) {
 		let a = this.panelStates.get(e);
 		if (!a) return;
-		let o = this.clampX(t, r), s = Math.max(0, n), c = Math.max(Ki, Math.min(r, this.columns - o)), l = Math.max(qi, i);
+		let o = this.clampX(t, r), s = Math.max(0, n), c = Math.max(Wi, Math.min(r, this.columns - o)), l = Math.max(Gi, i);
 		this.panelStates.set(e, {
 			...a,
 			x: o,
@@ -7868,7 +7905,7 @@ var Hi = "aithe-dashboard-", Ui = 12, Wi = 60, Gi = 10, Ki = 1, qi = 1, A = clas
 		return Array.from(this.panelStates.values());
 	}
 	getStorageFullKey() {
-		return this.storageKey ? `${Hi}${this.storageKey}` : "";
+		return this.storageKey ? `${Bi}${this.storageKey}` : "";
 	}
 	saveState() {
 		let e = this.getStorageFullKey();
@@ -8033,48 +8070,48 @@ var Hi = "aithe-dashboard-", Ui = 12, Wi = 60, Gi = 10, Ki = 1, qi = 1, A = clas
 h([s({
 	type: Number,
 	attribute: "columns"
-})], A.prototype, "columns", void 0), h([s({
+})], M.prototype, "columns", void 0), h([s({
 	type: Number,
 	attribute: "cell-height"
-})], A.prototype, "cellHeight", void 0), h([s({ type: Number })], A.prototype, "gap", void 0), h([s({
+})], M.prototype, "cellHeight", void 0), h([s({ type: Number })], M.prototype, "gap", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], A.prototype, "locked", void 0), h([s({
+})], M.prototype, "locked", void 0), h([s({
 	type: String,
 	attribute: "storage-key"
-})], A.prototype, "storageKey", void 0), h([s({
+})], M.prototype, "storageKey", void 0), h([s({
 	type: Boolean,
 	attribute: "show-toolbar"
-})], A.prototype, "showToolbar", void 0), h([s({
+})], M.prototype, "showToolbar", void 0), h([s({
 	type: Boolean,
 	attribute: "show-visibility"
-})], A.prototype, "showVisibility", void 0), h([s({
+})], M.prototype, "showVisibility", void 0), h([s({
 	type: Boolean,
 	attribute: "show-lock"
-})], A.prototype, "showLock", void 0), h([s({
+})], M.prototype, "showLock", void 0), h([s({
 	type: Boolean,
 	attribute: "show-reset"
-})], A.prototype, "showReset", void 0), h([s({
+})], M.prototype, "showReset", void 0), h([s({
 	type: Boolean,
 	attribute: "show-fullscreen"
-})], A.prototype, "showFullscreen", void 0), h([s({
+})], M.prototype, "showFullscreen", void 0), h([s({
 	type: Boolean,
 	attribute: "show-theme"
-})], A.prototype, "showTheme", void 0), h([s({
+})], M.prototype, "showTheme", void 0), h([s({
 	type: Boolean,
 	attribute: "show-auto-arrange"
-})], A.prototype, "showAutoArrange", void 0), h([s({
+})], M.prototype, "showAutoArrange", void 0), h([s({
 	type: Boolean,
 	attribute: "show-toggle-content"
-})], A.prototype, "showToggleContent", void 0), h([d()], A.prototype, "panelStates", void 0), h([d()], A.prototype, "visibilityDropdownOpen", void 0), h([d()], A.prototype, "fullscreen", void 0), h([d()], A.prototype, "showContent", void 0), h([d()], A.prototype, "dashboardTheme", void 0), h([c(".grid-container")], A.prototype, "gridContainer", void 0), h([c(".visibility-dropdown")], A.prototype, "visibilityDropdownEl", void 0), A = h([o("aithe-dashboard")], A);
+})], M.prototype, "showToggleContent", void 0), h([d()], M.prototype, "panelStates", void 0), h([d()], M.prototype, "visibilityDropdownOpen", void 0), h([d()], M.prototype, "fullscreen", void 0), h([d()], M.prototype, "showContent", void 0), h([d()], M.prototype, "dashboardTheme", void 0), h([c(".grid-container")], M.prototype, "gridContainer", void 0), h([c(".visibility-dropdown")], M.prototype, "visibilityDropdownEl", void 0), M = h([o("aithe-dashboard")], M);
 //#endregion
 //#region src/components/data/metrics.ts
-var Ji = class extends Et {
+var Ki = class extends Et {
 	constructor(...e) {
 		super(...e), this.label = "", this.value = "", this.showDivider = !1, this.align = "center", this.scale = "small", this.params = {}, this.data = null;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         flex-direction: column;
@@ -8212,7 +8249,7 @@ var Ji = class extends Et {
 	render() {
 		let e = this.data, t = Array.isArray(e) ? e[0] : e, r = t?.label ?? this.label, i = t?.value ?? this.value, a = t?.variant ?? this.variant, o = t?.filter ?? this.params.filter, s = this.params.showDivider ?? t?.showDivider ?? this.showDivider, c = this.params.align ?? t?.align ?? this.align, l = this.params.scale ?? t?.scale ?? this.scale;
 		c !== this.align && (this.align = c), l !== this.scale && (this.scale = l), s !== this.showDivider && (this.showDivider = s);
-		let u = o && i != null ? fi.format(i, o) : i, d = f({
+		let u = o && i != null ? di.format(i, o) : i, d = f({
 			"metrics-value": !0,
 			[a]: !0
 		});
@@ -8228,25 +8265,25 @@ var Ji = class extends Et {
     `;
 	}
 };
-h([s({ type: String })], Ji.prototype, "label", void 0), h([s({ type: String })], Ji.prototype, "value", void 0), h([s({
+h([s({ type: String })], Ki.prototype, "label", void 0), h([s({ type: String })], Ki.prototype, "value", void 0), h([s({
 	type: Boolean,
 	attribute: "show-divider",
 	reflect: !0
-})], Ji.prototype, "showDivider", void 0), h([s({
+})], Ki.prototype, "showDivider", void 0), h([s({
 	type: String,
 	reflect: !0
-})], Ji.prototype, "align", void 0), h([s({
+})], Ki.prototype, "align", void 0), h([s({
 	type: String,
 	reflect: !0
-})], Ji.prototype, "scale", void 0), h([s({ type: Object })], Ji.prototype, "params", void 0), h([s({ type: Object })], Ji.prototype, "data", void 0), Ji = h([o("aithe-metrics")], Ji);
+})], Ki.prototype, "scale", void 0), h([s({ type: Object })], Ki.prototype, "params", void 0), h([s({ type: Object })], Ki.prototype, "data", void 0), Ki = h([o("aithe-metrics")], Ki);
 //#endregion
 //#region src/components/data/metrics-group.ts
-var Yi = class extends Et {
+var qi = class extends Et {
 	constructor(...e) {
 		super(...e), this.direction = "horizontal", this.gap = 16, this.align = "left", this.params = {}, this.data = null, this._containerRef = ie();
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
       }
@@ -8292,10 +8329,10 @@ var Yi = class extends Et {
     `;
 	}
 };
-h([s({ type: String })], Yi.prototype, "direction", void 0), h([s({ type: Number })], Yi.prototype, "gap", void 0), h([s({ type: String })], Yi.prototype, "align", void 0), h([s({ type: Object })], Yi.prototype, "params", void 0), h([s({ type: Object })], Yi.prototype, "data", void 0), Yi = h([o("aithe-metrics-group")], Yi);
+h([s({ type: String })], qi.prototype, "direction", void 0), h([s({ type: Number })], qi.prototype, "gap", void 0), h([s({ type: String })], qi.prototype, "align", void 0), h([s({ type: Object })], qi.prototype, "params", void 0), h([s({ type: Object })], qi.prototype, "data", void 0), qi = h([o("aithe-metrics-group")], qi);
 //#endregion
 //#region src/core/router/index.ts
-function Xi(e) {
+function Ji(e) {
 	let t = [];
 	if (e === "*") return {
 		regex: /^.*$/,
@@ -8307,14 +8344,14 @@ function Xi(e) {
 		paramNames: t
 	};
 }
-function Zi(e) {
+function Yi(e) {
 	let t = {};
 	if (!e) return t;
 	let n = new URLSearchParams(e);
 	for (let [e, r] of n) t[e] = r;
 	return t;
 }
-var Qi = class {
+var Xi = class {
 	constructor(e) {
 		this.compiled = [], this.listeners = /* @__PURE__ */ new Set(), this.guards = [], this._currentLocation = null, this._started = !1, this.handleRouteChange = () => {
 			this.resolve();
@@ -8370,7 +8407,7 @@ var Qi = class {
 				return {
 					path: t,
 					params: a,
-					query: Zi(n),
+					query: Yi(n),
 					route: r.route,
 					fullPath: e
 				};
@@ -8379,7 +8416,7 @@ var Qi = class {
 		return {
 			path: t,
 			params: {},
-			query: Zi(n),
+			query: Yi(n),
 			route: null,
 			fullPath: e
 		};
@@ -8389,7 +8426,7 @@ var Qi = class {
 	}
 	compileRoutes() {
 		this.compiled = this.routes.map((e) => {
-			let { regex: t, paramNames: n } = Xi(e.path);
+			let { regex: t, paramNames: n } = Ji(e.path);
 			return {
 				route: e,
 				regex: t,
@@ -8410,7 +8447,7 @@ var Qi = class {
 		let t = e.indexOf("?");
 		return t === -1 ? [e, ""] : [e.slice(0, t), e.slice(t + 1)];
 	}
-}, $i = class extends g {
+}, Zi = class extends g {
 	constructor(...e) {
 		super(...e), this.mode = "vertical", this.active = "", this.collapsed = !1, this.selectable = !0, this.syncChildren = () => {
 			let e = Array.from(this.querySelectorAll("aithe-menu-item")), t = Array.from(this.querySelectorAll("aithe-sub-menu"));
@@ -8425,7 +8462,7 @@ var Qi = class {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         position: relative;
         display: block;
@@ -8463,10 +8500,10 @@ var Qi = class {
     `;
 	}
 };
-h([s({ type: String })], $i.prototype, "mode", void 0), h([s({ type: String })], $i.prototype, "active", void 0), h([s({ type: Boolean })], $i.prototype, "collapsed", void 0), h([s({ type: Boolean })], $i.prototype, "selectable", void 0), $i = h([o("aithe-menu")], $i);
+h([s({ type: String })], Zi.prototype, "mode", void 0), h([s({ type: String })], Zi.prototype, "active", void 0), h([s({ type: Boolean })], Zi.prototype, "collapsed", void 0), h([s({ type: Boolean })], Zi.prototype, "selectable", void 0), Zi = h([o("aithe-menu")], Zi);
 //#endregion
 //#region src/components/navigation/menu-item.ts
-var ea = class extends g {
+var Qi = class extends g {
 	constructor(...e) {
 		super(...e), this.name = "", this.title = "", this.icon = "", this.disabled = !1, this.active = !1, this.menuMode = "vertical", this.collapsed = !1, this.select = () => {
 			this.disabled || this.emit("aithe-menu-select", { name: this.name });
@@ -8475,7 +8512,7 @@ var ea = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
       }
@@ -8560,23 +8597,23 @@ var ea = class extends g {
     `;
 	}
 };
-h([s({ type: String })], ea.prototype, "name", void 0), h([s({ type: String })], ea.prototype, "title", void 0), h([s({ type: String })], ea.prototype, "icon", void 0), h([s({
+h([s({ type: String })], Qi.prototype, "name", void 0), h([s({ type: String })], Qi.prototype, "title", void 0), h([s({ type: String })], Qi.prototype, "icon", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], ea.prototype, "disabled", void 0), h([s({
+})], Qi.prototype, "disabled", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], ea.prototype, "active", void 0), h([s({ attribute: !1 })], ea.prototype, "menuMode", void 0), h([s({ attribute: !1 })], ea.prototype, "collapsed", void 0), ea = h([o("aithe-menu-item")], ea);
+})], Qi.prototype, "active", void 0), h([s({ attribute: !1 })], Qi.prototype, "menuMode", void 0), h([s({ attribute: !1 })], Qi.prototype, "collapsed", void 0), Qi = h([o("aithe-menu-item")], Qi);
 //#endregion
 //#region src/components/navigation/sub-menu.ts
-var j = class extends g {
+var N = class extends g {
 	constructor(...e) {
 		super(...e), this.name = "", this.title = "", this.icon = "", this.disabled = !1, this.open = !1, this.active = !1, this.menuMode = "vertical", this.collapsed = !1, this.toggle = () => {
 			this.disabled || (this.open = !this.open);
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         position: relative;
@@ -8618,7 +8655,6 @@ var j = class extends g {
 
       .toggle.active {
         color: var(--aithe-color-text);
-        background: var(--aithe-color-surface-muted);
       }
 
       .toggle.active .toggle-icon {
@@ -8727,16 +8763,16 @@ var j = class extends g {
     `;
 	}
 };
-h([s({ type: String })], j.prototype, "name", void 0), h([s({ type: String })], j.prototype, "title", void 0), h([s({ type: String })], j.prototype, "icon", void 0), h([s({
+h([s({ type: String })], N.prototype, "name", void 0), h([s({ type: String })], N.prototype, "title", void 0), h([s({ type: String })], N.prototype, "icon", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], j.prototype, "disabled", void 0), h([s({
+})], N.prototype, "disabled", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], j.prototype, "open", void 0), h([s({ attribute: !1 })], j.prototype, "active", void 0), h([s({ attribute: !1 })], j.prototype, "menuMode", void 0), h([s({ attribute: !1 })], j.prototype, "collapsed", void 0), j = h([o("aithe-sub-menu")], j);
+})], N.prototype, "open", void 0), h([s({ attribute: !1 })], N.prototype, "active", void 0), h([s({ attribute: !1 })], N.prototype, "menuMode", void 0), h([s({ attribute: !1 })], N.prototype, "collapsed", void 0), N = h([o("aithe-sub-menu")], N);
 //#endregion
 //#region src/components/navigation/breadcrumb.ts
-var ta = class extends g {
+var $i = class extends g {
 	constructor(...e) {
 		super(...e), this.separator = "/", this.syncItems = () => {
 			let e = this.items.filter((e) => e instanceof HTMLElement && e.tagName.toLowerCase() === "aithe-breadcrumb-item");
@@ -8744,7 +8780,7 @@ var ta = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
       }
@@ -8764,15 +8800,15 @@ var ta = class extends g {
     `;
 	}
 };
-h([s({ type: String })], ta.prototype, "separator", void 0), h([u()], ta.prototype, "items", void 0), ta = h([o("aithe-breadcrumb")], ta);
+h([s({ type: String })], $i.prototype, "separator", void 0), h([u()], $i.prototype, "items", void 0), $i = h([o("aithe-breadcrumb")], $i);
 //#endregion
 //#region src/components/navigation/breadcrumb-item.ts
-var na = class extends g {
+var ea = class extends g {
 	constructor(...e) {
 		super(...e), this.href = "", this.target = "", this.disabled = !1, this.current = !1, this.separator = "/";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         align-items: center;
@@ -8821,21 +8857,21 @@ var na = class extends g {
     `;
 	}
 };
-h([s({ type: String })], na.prototype, "href", void 0), h([s({ type: String })], na.prototype, "target", void 0), h([s({
+h([s({ type: String })], ea.prototype, "href", void 0), h([s({ type: String })], ea.prototype, "target", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], na.prototype, "disabled", void 0), h([s({
+})], ea.prototype, "disabled", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], na.prototype, "current", void 0), h([s({ type: String })], na.prototype, "separator", void 0), na = h([o("aithe-breadcrumb-item")], na);
+})], ea.prototype, "current", void 0), h([s({ type: String })], ea.prototype, "separator", void 0), ea = h([o("aithe-breadcrumb-item")], ea);
 //#endregion
 //#region src/components/navigation/steps.ts
-var ra = class extends g {
+var ta = class extends g {
 	constructor(...e) {
 		super(...e), this.current = 0, this.size = "md", this.direction = "horizontal", this.items = "[]";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
       }
@@ -8952,10 +8988,10 @@ var ra = class extends g {
     `;
 	}
 };
-h([s({ type: Number })], ra.prototype, "current", void 0), h([s({ type: String })], ra.prototype, "size", void 0), h([s({ type: String })], ra.prototype, "direction", void 0), h([s({ type: String })], ra.prototype, "items", void 0), ra = h([o("aithe-steps")], ra);
+h([s({ type: Number })], ta.prototype, "current", void 0), h([s({ type: String })], ta.prototype, "size", void 0), h([s({ type: String })], ta.prototype, "direction", void 0), h([s({ type: String })], ta.prototype, "items", void 0), ta = h([o("aithe-steps")], ta);
 //#endregion
 //#region src/components/navigation/back-top.ts
-var ia = class extends g {
+var na = class extends g {
 	constructor(...e) {
 		super(...e), this.target = "", this.visibilityHeight = 260, this.visible = !1, this.scrollTarget = null, this.handleScroll = () => {
 			let e = this.scrollTarget instanceof Window ? globalThis.scrollY : this.scrollTarget.scrollTop;
@@ -8975,7 +9011,7 @@ var ia = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         position: fixed;
         right: 28px;
@@ -9029,13 +9065,13 @@ var ia = class extends g {
         ` : n``;
 	}
 };
-h([s({ type: String })], ia.prototype, "target", void 0), h([s({
+h([s({ type: String })], na.prototype, "target", void 0), h([s({
 	type: Number,
 	attribute: "visibility-height"
-})], ia.prototype, "visibilityHeight", void 0), h([d()], ia.prototype, "visible", void 0), ia = h([o("aithe-back-top")], ia);
+})], na.prototype, "visibilityHeight", void 0), h([d()], na.prototype, "visible", void 0), na = h([o("aithe-back-top")], na);
 //#endregion
 //#region src/components/theme/theme-picker.ts
-var aa = class extends g {
+var ra = class extends g {
 	constructor(...e) {
 		super(...e), this.value = "light", this.placement = "bottom-end", this.iconOnly = !1, this.open = !1, this.handleViewportChange = () => this.updatePosition(), this.handleOutsideClick = (e) => {
 			this.open && (e.composedPath().includes(this) || (this.open = !1));
@@ -9047,7 +9083,7 @@ var aa = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         position: relative;
@@ -9144,7 +9180,7 @@ var aa = class extends g {
 	updatePosition() {
 		let e = this.overlayEl, t = this.triggerEl;
 		if (!e || !t || !this.open) return;
-		let n = hr(t.getBoundingClientRect(), e.getBoundingClientRect(), this.placement, { offset: 8 });
+		let n = mr(t.getBoundingClientRect(), e.getBoundingClientRect(), this.placement, { offset: 8 });
 		e.style.left = `${n.left}px`, e.style.top = `${n.top}px`;
 	}
 	render() {
@@ -9173,13 +9209,13 @@ var aa = class extends g {
     `;
 	}
 };
-h([s({ type: String })], aa.prototype, "value", void 0), h([s({ type: String })], aa.prototype, "placement", void 0), h([s({
+h([s({ type: String })], ra.prototype, "value", void 0), h([s({ type: String })], ra.prototype, "placement", void 0), h([s({
 	type: Boolean,
 	attribute: "icon-only"
-})], aa.prototype, "iconOnly", void 0), h([d()], aa.prototype, "open", void 0), h([c(".trigger")], aa.prototype, "triggerEl", void 0), h([c(".overlay")], aa.prototype, "overlayEl", void 0), aa = h([o("aithe-theme-picker")], aa);
+})], ra.prototype, "iconOnly", void 0), h([d()], ra.prototype, "open", void 0), h([c(".trigger")], ra.prototype, "triggerEl", void 0), h([c(".overlay")], ra.prototype, "overlayEl", void 0), ra = h([o("aithe-theme-picker")], ra);
 //#endregion
 //#region src/components/theme/theme-preview.ts
-var oa = class extends g {
+var ia = class extends g {
 	constructor(...e) {
 		super(...e), this.value = "light", this.previewTheme = this.value, this.previewShape = y.getShape(), this.previewShadow = y.getShadow(), this.previewTypo = y.getTypo(), this.handleThemeChange = (e) => {
 			e.preventDefault(), this.previewTheme = e.detail.theme;
@@ -9213,8 +9249,8 @@ var oa = class extends g {
 	static {
 		this.styles = [
 			a(He),
-			b,
-			wr,
+			x,
+			Cr,
 			t`
       :host {
         display: block;
@@ -9494,10 +9530,10 @@ var oa = class extends g {
     `;
 	}
 };
-h([s({ type: String })], oa.prototype, "value", void 0), h([d()], oa.prototype, "previewTheme", void 0), h([d()], oa.prototype, "previewShape", void 0), h([d()], oa.prototype, "previewShadow", void 0), h([d()], oa.prototype, "previewTypo", void 0), oa = h([o("aithe-theme-preview")], oa);
+h([s({ type: String })], ia.prototype, "value", void 0), h([d()], ia.prototype, "previewTheme", void 0), h([d()], ia.prototype, "previewShape", void 0), h([d()], ia.prototype, "previewShadow", void 0), h([d()], ia.prototype, "previewTypo", void 0), ia = h([o("aithe-theme-preview")], ia);
 //#endregion
 //#region src/components/theme/shape-picker.ts
-var M = class extends g {
+var aa = class extends g {
 	constructor(...e) {
 		super(...e), this.placement = "bottom-end", this.iconOnly = !1, this.open = !1, this.currentShape = y.getShape(), this.handleViewportChange = () => this.updatePosition(), this.handleOutsideClick = (e) => {
 			this.open && (e.composedPath().includes(this) || (this.open = !1));
@@ -9509,7 +9545,7 @@ var M = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         position: relative;
@@ -9604,7 +9640,7 @@ var M = class extends g {
 	updatePosition() {
 		let e = this.overlayEl, t = this.triggerEl;
 		if (!e || !t || !this.open) return;
-		let n = hr(t.getBoundingClientRect(), e.getBoundingClientRect(), this.placement, { offset: 8 });
+		let n = mr(t.getBoundingClientRect(), e.getBoundingClientRect(), this.placement, { offset: 8 });
 		e.style.left = `${n.left}px`, e.style.top = `${n.top}px`;
 	}
 	render() {
@@ -9633,13 +9669,13 @@ var M = class extends g {
     `;
 	}
 };
-h([s({ type: String })], M.prototype, "placement", void 0), h([s({
+h([s({ type: String })], aa.prototype, "placement", void 0), h([s({
 	type: Boolean,
 	attribute: "icon-only"
-})], M.prototype, "iconOnly", void 0), h([s({ type: String })], M.prototype, "value", void 0), h([d()], M.prototype, "open", void 0), h([d()], M.prototype, "currentShape", void 0), h([c(".trigger")], M.prototype, "triggerEl", void 0), h([c(".overlay")], M.prototype, "overlayEl", void 0), M = h([o("aithe-shape-picker")], M);
+})], aa.prototype, "iconOnly", void 0), h([s({ type: String })], aa.prototype, "value", void 0), h([d()], aa.prototype, "open", void 0), h([d()], aa.prototype, "currentShape", void 0), h([c(".trigger")], aa.prototype, "triggerEl", void 0), h([c(".overlay")], aa.prototype, "overlayEl", void 0), aa = h([o("aithe-shape-picker")], aa);
 //#endregion
 //#region src/components/theme/shadow-picker.ts
-var N = class extends g {
+var P = class extends g {
 	constructor(...e) {
 		super(...e), this.placement = "bottom-end", this.iconOnly = !1, this.open = !1, this.currentShadow = y.getShadow(), this.handleViewportChange = () => this.updatePosition(), this.handleOutsideClick = (e) => {
 			this.open && (e.composedPath().includes(this) || (this.open = !1));
@@ -9651,7 +9687,7 @@ var N = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         position: relative;
@@ -9746,7 +9782,7 @@ var N = class extends g {
 	updatePosition() {
 		let e = this.overlayEl, t = this.triggerEl;
 		if (!e || !t || !this.open) return;
-		let n = hr(t.getBoundingClientRect(), e.getBoundingClientRect(), this.placement, { offset: 8 });
+		let n = mr(t.getBoundingClientRect(), e.getBoundingClientRect(), this.placement, { offset: 8 });
 		e.style.left = `${n.left}px`, e.style.top = `${n.top}px`;
 	}
 	render() {
@@ -9775,13 +9811,13 @@ var N = class extends g {
     `;
 	}
 };
-h([s({ type: String })], N.prototype, "placement", void 0), h([s({
+h([s({ type: String })], P.prototype, "placement", void 0), h([s({
 	type: Boolean,
 	attribute: "icon-only"
-})], N.prototype, "iconOnly", void 0), h([s({ type: String })], N.prototype, "value", void 0), h([d()], N.prototype, "open", void 0), h([d()], N.prototype, "currentShadow", void 0), h([c(".trigger")], N.prototype, "triggerEl", void 0), h([c(".overlay")], N.prototype, "overlayEl", void 0), N = h([o("aithe-shadow-picker")], N);
+})], P.prototype, "iconOnly", void 0), h([s({ type: String })], P.prototype, "value", void 0), h([d()], P.prototype, "open", void 0), h([d()], P.prototype, "currentShadow", void 0), h([c(".trigger")], P.prototype, "triggerEl", void 0), h([c(".overlay")], P.prototype, "overlayEl", void 0), P = h([o("aithe-shadow-picker")], P);
 //#endregion
 //#region src/components/theme/typo-picker.ts
-var P = class extends g {
+var oa = class extends g {
 	constructor(...e) {
 		super(...e), this.placement = "bottom-end", this.iconOnly = !1, this.open = !1, this.currentTypo = y.getTypo(), this.handleViewportChange = () => this.updatePosition(), this.handleOutsideClick = (e) => {
 			this.open && (e.composedPath().includes(this) || (this.open = !1));
@@ -9793,7 +9829,7 @@ var P = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         position: relative;
@@ -9888,7 +9924,7 @@ var P = class extends g {
 	updatePosition() {
 		let e = this.overlayEl, t = this.triggerEl;
 		if (!e || !t || !this.open) return;
-		let n = hr(t.getBoundingClientRect(), e.getBoundingClientRect(), this.placement, { offset: 8 });
+		let n = mr(t.getBoundingClientRect(), e.getBoundingClientRect(), this.placement, { offset: 8 });
 		e.style.left = `${n.left}px`, e.style.top = `${n.top}px`;
 	}
 	render() {
@@ -9917,10 +9953,10 @@ var P = class extends g {
     `;
 	}
 };
-h([s({ type: String })], P.prototype, "placement", void 0), h([s({
+h([s({ type: String })], oa.prototype, "placement", void 0), h([s({
 	type: Boolean,
 	attribute: "icon-only"
-})], P.prototype, "iconOnly", void 0), h([s({ type: String })], P.prototype, "value", void 0), h([d()], P.prototype, "open", void 0), h([d()], P.prototype, "currentTypo", void 0), h([c(".trigger")], P.prototype, "triggerEl", void 0), h([c(".overlay")], P.prototype, "overlayEl", void 0), P = h([o("aithe-typo-picker")], P);
+})], oa.prototype, "iconOnly", void 0), h([s({ type: String })], oa.prototype, "value", void 0), h([d()], oa.prototype, "open", void 0), h([d()], oa.prototype, "currentTypo", void 0), h([c(".trigger")], oa.prototype, "triggerEl", void 0), h([c(".overlay")], oa.prototype, "overlayEl", void 0), oa = h([o("aithe-typo-picker")], oa);
 //#endregion
 //#region src/components/form/checkbox.ts
 var sa = class extends g {
@@ -9941,7 +9977,7 @@ var sa = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
       }
@@ -10013,7 +10049,7 @@ var ca = class extends g {
 		}
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         flex-wrap: wrap;
@@ -10060,7 +10096,7 @@ var la = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
       }
@@ -10125,7 +10161,7 @@ var ua = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         flex-wrap: wrap;
@@ -10157,7 +10193,7 @@ var ua = class extends g {
 h([s({ type: String })], ua.prototype, "value", void 0), h([s({ type: Boolean })], ua.prototype, "disabled", void 0), h([s({ type: String })], ua.prototype, "name", void 0), ua = h([o("aithe-radio-group")], ua);
 //#endregion
 //#region src/components/form/select.ts
-var F = class extends gr {
+var F = class extends hr {
 	constructor(...e) {
 		super(...e), this.optionsJson = "", this.options = [], this.value = "", this.title = "", this.icon = "", this.placeholder = "", this.searchable = !1, this.clearable = !1, this.disabled = !1, this.placement = "bottom-start", this.query = "", this.activeIndex = -1, this.handleOutsidePointer = (e) => {
 			this.open && !e.composedPath().includes(this) && (this.open = !1);
@@ -10200,9 +10236,9 @@ var F = class extends gr {
 	}
 	static {
 		this.styles = [
-			b,
-			xr(".panel"),
-			wr,
+			x,
+			br(".panel"),
+			Cr,
 			t`
       :host {
         display: inline-flex;
@@ -10346,6 +10382,18 @@ var F = class extends gr {
         color: var(--aithe-color-text-muted);
         text-align: center;
       }
+
+      .group-header {
+        padding: var(--aithe-space-2) var(--aithe-space-3);
+        font-size: var(--aithe-font-size-xs);
+        font-weight: var(--aithe-font-weight-medium);
+        color: var(--aithe-color-text-muted);
+        user-select: none;
+      }
+
+      .group .option {
+        padding-left: var(--aithe-space-6);
+      }
     `
 		];
 	}
@@ -10413,60 +10461,84 @@ var F = class extends gr {
       >
         <div class="value">
           ${this.icon ? n`
-                <aithe-icon class="value-icon" name=${this.icon} size="16"></aithe-icon>
-              ` : r}
+                  <aithe-icon class="value-icon" name=${this.icon} size="16"></aithe-icon>
+                ` : r}
           ${i}
         </div>
         <span class="actions">
           ${this.clearable && this.value ? n`
-                <button
-                  class="action"
-                  type="button"
-                  aria-label=${v("form.select.clearAriaLabel")}
-                  @click=${this.clearValue}
-                >
-                  ×
-                </button>
-              ` : null}
+                  <button
+                    class="action"
+                    type="button"
+                    aria-label=${v("form.select.clearAriaLabel")}
+                    @click=${this.clearValue}
+                  >
+                    ×
+                  </button>
+                ` : null}
           <span aria-hidden="true">${this.open ? "▴" : "▾"}</span>
         </span>
       </div>
       ${this.open ? n`
-            <div class="panel" role="listbox">${this.renderOptionList()}</div>
-          ` : null}
+              <div class="panel" role="listbox">${this.renderOptionList()}</div>
+            ` : null}
     `;
 	}
 	renderOptionList() {
-		return this.filteredOptions.length ? this.filteredOptions.map((e, t) => {
-			let i = e.variant && e.variant !== "default" ? e.variant : "", a = e.icon ? n`
-            <aithe-icon class="option-icon" name=${e.icon} size="20"></aithe-icon>
-          ` : r;
+		if (!this.filteredOptions.length) return [n`
+          <div class="empty">${v("form.select.emptyText")}</div>
+        `];
+		if (!this.filteredOptions.some((e) => e.group)) return this.filteredOptions.map((e, t) => this.renderOption(e, t));
+		let e = 0;
+		return this.groupedOptions.map((t) => {
+			let i = t.label ? n`
+            <div class="group-header" role="presentation">${t.label}</div>
+          ` : r, a = t.options.map((t) => this.renderOption(t, e++));
 			return n`
-        <button
-          class=${f({
-				option: !0,
-				active: t === this.activeIndex,
-				[i]: !!i
-			})}
-          ?disabled=${e.disabled}
-          type="button"
-          @click=${() => this.selectOption(e)}
-          @mouseenter=${() => this.activeIndex = t}
-        >
-          ${a}
-          <span style="display:grid;gap:2px;flex:1;min-width:0;">
-            <span style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
-              ${e.label}
-            </span>
-            ${e.description ? n`
+        <div class="group">${i}${a}</div>
+      `;
+		});
+	}
+	renderOption(e, t) {
+		let i = e.variant && e.variant !== "default" ? e.variant : "", a = e.icon ? n`
+          <aithe-icon class="option-icon" name=${e.icon} size="20"></aithe-icon>
+        ` : r;
+		return n`
+      <button
+        class=${f({
+			option: !0,
+			active: t === this.activeIndex,
+			[i]: !!i
+		})}
+        ?disabled=${e.disabled}
+        type="button"
+        @click=${() => this.selectOption(e)}
+        @mouseenter=${() => this.activeIndex = t}
+      >
+        ${a}
+        <span style="display:grid;gap:2px;flex:1;min-width:0;">
+          <span style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
+            ${e.label}
+          </span>
+          ${e.description ? n`
                   <span class="desc">${e.description}</span>
                 ` : null}
-          </span>
-        </button>
-      `;
-		}) : [n`
-          <div class="empty">${v("form.select.emptyText")}</div>
-        `];
+        </span>
+      </button>
+    `;
+	}
+	get groupedOptions() {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of this.filteredOptions) {
+			let n = t.group ?? "";
+			e.has(n) || e.set(n, []), e.get(n).push(t);
+		}
+		let t = [];
+		for (let [n, r] of e) t.push({
+			label: n || void 0,
+			options: r
+		});
+		return t;
 	}
 };
 h([s({
@@ -10485,7 +10557,7 @@ var da = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
       }
@@ -10594,7 +10666,7 @@ var fa = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
       }
@@ -10689,7 +10761,7 @@ var I = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         position: relative;
         display: inline-flex;
@@ -10802,6 +10874,18 @@ var I = class extends g {
         padding: var(--aithe-space-3);
         color: var(--aithe-color-text-subtle);
       }
+
+      .group-header {
+        padding: var(--aithe-space-2) var(--aithe-space-3);
+        font-size: var(--aithe-font-size-xs);
+        font-weight: var(--aithe-font-weight-medium);
+        color: var(--aithe-color-text-muted);
+        user-select: none;
+      }
+
+      .group .item {
+        padding-left: var(--aithe-space-6);
+      }
     `];
 	}
 	connectedCallback() {
@@ -10840,8 +10924,8 @@ var I = class extends g {
 			disabled: this.disabled
 		})} title=${this.title}>
         ${this.icon ? n`
-              <aithe-icon class="value-icon" name=${this.icon} size="16"></aithe-icon>
-            ` : r}
+                <aithe-icon class="value-icon" name=${this.icon} size="16"></aithe-icon>
+              ` : r}
         <input
           .value=${this.value}
           placeholder=${this.placeholder || v("form.combobox.placeholder")}
@@ -10851,26 +10935,47 @@ var I = class extends g {
         />
       </label>
       ${this.open ? n`
-            <div class="panel">${this.renderOptionList(e)}</div>
-          ` : null}
+              <div class="panel">${this.renderOptionList(e)}</div>
+            ` : null}
     `;
 	}
 	renderOptionList(e) {
-		return e.length ? e.map((e) => {
-			let t = e.variant && e.variant !== "default" ? e.variant : "", i = e.icon ? n`
-            <aithe-icon class="option-icon" name=${e.icon} size="16"></aithe-icon>
-          ` : r;
+		return e.length ? e.some((e) => e.group) ? this.groupedOptions(e).map((e) => {
+			let t = e.label ? n`
+            <div class="group-header" role="presentation">${e.label}</div>
+          ` : r, i = e.options.map((e) => this.renderOption(e));
 			return n`
-        <button class="item ${t}" type="button" @click=${() => this.selectOption(e)}>
-          <span style="display:inline-flex;align-items:center;gap:var(--aithe-space-2);">
-            ${i}${e.label}
-          </span>
-        </button>
+        <div class="group">${t}${i}</div>
       `;
-		}) : [n`
+		}) : e.map((e) => this.renderOption(e)) : [n`
           <div class="empty">${v("form.combobox.emptyText")}</div>
         `];
 	}
+	renderOption(e) {
+		let t = e.variant && e.variant !== "default" ? e.variant : "", i = e.icon ? n`
+          <aithe-icon class="option-icon" name=${e.icon} size="16"></aithe-icon>
+        ` : r;
+		return n`
+      <button class="item ${t}" type="button" @click=${() => this.selectOption(e)}>
+        <span style="display:inline-flex;align-items:center;gap:var(--aithe-space-2);">
+          ${i}${e.label}
+        </span>
+      </button>
+    `;
+	}
+	groupedOptions(e) {
+		let t = /* @__PURE__ */ new Map();
+		for (let n of e) {
+			let e = n.group ?? "";
+			t.has(e) || t.set(e, []), t.get(e).push(n);
+		}
+		let n = [];
+		for (let [e, r] of t) n.push({
+			label: e || void 0,
+			options: r
+		});
+		return n;
+	}
 };
 h([s({ type: String })], I.prototype, "value", void 0), h([s({ type: String })], I.prototype, "title", void 0), h([s({ type: String })], I.prototype, "icon", void 0), h([s({ type: String })], I.prototype, "options", void 0), h([s({ type: Boolean })], I.prototype, "filterable", void 0), h([s({
 	type: Boolean,
@@ -10883,7 +10988,7 @@ var pa = class extends g {
 		super(...e), this.value = "", this.format = "YYYY-MM-DD", this.range = !1, this.disabled = !1, this.endValue = "";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
       }
@@ -10958,7 +11063,7 @@ var ma = class extends g {
 		super(...e), this.value = "", this.format = "HH:mm", this.step = 300, this.disabled = !1;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
       }
@@ -11012,7 +11117,7 @@ var ha = class extends g {
 		super(...e), this.min = 0, this.max = 100, this.step = 1, this.range = !1, this.value = "50", this.disabled = !1;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         width: min(100%, 320px);
@@ -11089,7 +11194,7 @@ var ga = class extends g {
 		super(...e), this.max = 5, this.allowHalf = !1, this.color = "var(--aithe-warning-5)", this.value = 0;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
       }
@@ -11161,7 +11266,7 @@ var _a = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
       }
@@ -11200,7 +11305,7 @@ var va = class extends g {
 		super(...e), this.label = "", this.title = "", this.icon = "", this.prop = "", this.required = !1, this.error = "", this.internalError = "";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: grid;
         gap: var(--aithe-space-2);
@@ -11270,7 +11375,7 @@ var ya = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: grid;
         gap: var(--aithe-space-3);
@@ -11343,7 +11448,7 @@ var L = class extends g {
 		super(...e), this.data = "[]", this.value = "[]", this.titles = "", this.searchable = !1, this.leftSelected = /* @__PURE__ */ new Set(), this.rightSelected = /* @__PURE__ */ new Set(), this.leftQuery = "", this.rightQuery = "";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: grid;
         grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
@@ -11539,7 +11644,7 @@ var R = class extends g {
 		return this.initialValues ?? {};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         width: 100%;
@@ -11719,7 +11824,7 @@ var ba = /* @__PURE__ */ new Set([
 	static toComparable(e) {
 		if (e == null) return "";
 		if (typeof e == "boolean" || typeof e == "number") return e;
-		let t = dr(e);
+		let t = b(e);
 		if (ba.has(t)) return !0;
 		if (xa.has(t)) return !1;
 		let n = Number(t);
@@ -11814,7 +11919,27 @@ var ba = /* @__PURE__ */ new Set([
 	static types() {
 		return Array.from(e._controls.keys());
 	}
-}, Ea = {
+}, Ea = class e {
+	static {
+		this._views = /* @__PURE__ */ new Map();
+	}
+	static register(t) {
+		if (e._views.has(t.type)) throw Error(`[ViewRegistry] View type "${t.type}" is already registered. Call ViewRegistry.unregister() first if you want to replace it.`);
+		e._views.set(t.type, t);
+	}
+	static unregister(t) {
+		return e._views.delete(t);
+	}
+	static get(t) {
+		return e._views.get(t);
+	}
+	static has(t) {
+		return e._views.has(t);
+	}
+	static types() {
+		return Array.from(e._views.keys());
+	}
+}, Da = {
 	ts: "typescript",
 	js: "javascript",
 	py: "python",
@@ -11855,7 +11980,7 @@ var ba = /* @__PURE__ */ new Set([
 	mm: "objectivec",
 	h: "c",
 	hpp: "cpp"
-}, Da = {
+}, Oa = {
 	name: "heading",
 	block: (e) => {
 		let t = e[0];
@@ -11873,7 +11998,7 @@ var ba = /* @__PURE__ */ new Set([
 			consumed: 1
 		} : null;
 	}
-}, Oa = {
+}, ka = {
 	name: "setext-heading",
 	block: (e) => {
 		if (e.length < 2) return null;
@@ -11892,7 +12017,7 @@ var ba = /* @__PURE__ */ new Set([
 			consumed: 2
 		} : null;
 	}
-}, ka = {
+}, Aa = {
 	name: "thematic-break",
 	block: (e) => {
 		let t = e[0];
@@ -11901,14 +12026,14 @@ var ba = /* @__PURE__ */ new Set([
 			consumed: 1
 		};
 	}
-}, Aa = {
+}, ja = {
 	name: "code-fence",
 	block: (e) => {
 		let t = e[0];
 		if (!t) return null;
 		let n = /^[ \t]{0,3}(`{3,}|~{3,})([^\n]{0,200})$/.exec(t);
 		if (!n) return null;
-		let r = n[1], i = n[2].trim().split(/\s+/)[0] || "", a = Ea[i] || i, o = [], s = 1;
+		let r = n[1], i = n[2].trim().split(/\s+/)[0] || "", a = Da[i] || i, o = [], s = 1;
 		for (; s < e.length;) {
 			let t = e[s];
 			if (t !== void 0 && new RegExp(String.raw`^[ \t]{0,3}${r}[ \t]*(?:\n|$)`).exec(t)) {
@@ -11926,7 +12051,7 @@ var ba = /* @__PURE__ */ new Set([
 			consumed: s
 		};
 	}
-}, ja = {
+}, Ma = {
 	name: "table",
 	block: (e) => {
 		if (e.length < 2 || !e[0]?.includes("|") || !e[1]?.includes("|")) return null;
@@ -11934,9 +12059,9 @@ var ba = /* @__PURE__ */ new Set([
 		for (let n of e) if (n?.includes("|")) t.push(n);
 		else break;
 		if (t.length < 2) return null;
-		let n = Ma(t[0] ?? "");
+		let n = Na(t[0] ?? "");
 		if (!n.length) return null;
-		let r = Ma(t[1] ?? "").map((e) => {
+		let r = Na(t[1] ?? "").map((e) => {
 			let t = e.trim();
 			return t.startsWith(":") && t.endsWith(":") ? "center" : t.endsWith(":") ? "right" : t.startsWith(":") ? "left" : "";
 		});
@@ -11956,7 +12081,7 @@ var ba = /* @__PURE__ */ new Set([
 				align: r,
 				body: t.slice(2).map((e) => ({
 					type: "table-row",
-					children: Ma(e).map((e) => ({
+					children: Na(e).map((e) => ({
 						type: "table-cell",
 						children: [{
 							type: "text",
@@ -11969,11 +12094,11 @@ var ba = /* @__PURE__ */ new Set([
 		};
 	}
 };
-function Ma(e) {
+function Na(e) {
 	let t = e.trim(), n = t.startsWith("|") ? t.slice(1) : t;
 	return (n.endsWith("|") ? n.slice(0, -1) : n).split("|").map((e) => e.trim());
 }
-var Na = {
+var Pa = {
 	name: "blockquote",
 	block: (e) => {
 		let t = [], n = 0;
@@ -11997,54 +12122,135 @@ var Na = {
 		};
 	}
 };
-function Pa(e) {
-	let t = /^([-*+]) (.+)$/.exec(e);
-	if (t) return {
-		marker: t[1],
-		text: t[2],
-		checked: null
+function Fa(e, t = 0) {
+	let n = /^( *)([-*+]) (.+)$/.exec(e);
+	if (n) {
+		let e = n[1].length;
+		return e < t ? null : {
+			marker: n[2],
+			text: n[3],
+			checked: null,
+			indent: e
+		};
+	}
+	let r = /^( *)(\d+)\. (.+)$/.exec(e);
+	if (r) {
+		let e = r[1].length;
+		return e < t ? null : {
+			marker: r[2],
+			text: r[3],
+			checked: null,
+			indent: e
+		};
+	}
+	return null;
+}
+function Ia(e) {
+	return !e || e.trim() === "";
+}
+function La(e, t, n) {
+	let r = t;
+	for (; r < e.length && Ia(e[r]);) r++;
+	if (r >= e.length) return !1;
+	let i = e[r];
+	if (i === void 0) return !1;
+	let a = Fa(i, 0);
+	return !!(a && a.indent > n);
+}
+function Ra(e, t) {
+	let n = Fa(e, t);
+	if (n && n.indent === t) return !0;
+	let r = " ".repeat(t + 1);
+	return !e.startsWith(r) && e.trim() !== "";
+}
+function za(e, t, n) {
+	let r = [], i = t;
+	for (; i < e.length;) {
+		let t = e[i];
+		if (Ia(t)) {
+			if (La(e, i + 1, n)) {
+				r.push(""), i++;
+				continue;
+			}
+			break;
+		}
+		if (t !== void 0 && Ra(t, n)) break;
+		t !== void 0 && r.push(t), i++;
+	}
+	return {
+		subLines: r,
+		nextI: i
 	};
-	let n = /^(\d+)\. (.+)$/.exec(e);
-	return n ? {
-		marker: n[1],
-		text: n[2],
-		checked: null
-	} : null;
 }
-var Fa = {
+function Ba(e, t, n) {
+	let r = [{
+		type: "paragraph",
+		children: [{
+			type: "raw-inline",
+			value: e
+		}]
+	}];
+	return t.length > 0 && r.push(...Ha(t, n)), r;
+}
+var Va = {
 	name: "list",
 	block: (e) => {
-		let t = [], n = 0, r = !1, i = 1;
-		for (; n < e.length;) {
-			let a = e[n];
-			if (!a) break;
-			let o = Pa(a);
-			if (!o) break;
-			if (n === 0) r = /^\d/.test(o.marker), r && (i = Number.parseInt(o.marker, 10));
-			else if (r !== /^\d/.test(o.marker)) break;
-			t.push(o), n++;
+		if (e.length === 0) return null;
+		let t = e[0];
+		if (t === void 0) return null;
+		let n = Fa(t, 0);
+		if (!n) return null;
+		let r = /^\d/.test(n.marker), i = r ? Number.parseInt(n.marker, 10) : 1, a = n.indent, o = [], s = 0;
+		for (; s < e.length;) {
+			let t = e[s];
+			if (Ia(t) || t === void 0) break;
+			let n = Fa(t, a);
+			if (!(n && n.indent === a) || /^\d/.test(n.marker) !== r) break;
+			let i = n.text;
+			s++;
+			let { subLines: c, nextI: l } = za(e, s, a);
+			s = l, o.push({
+				text: i,
+				children: Ba(i, c, a)
+			});
 		}
-		return t.length === 0 ? null : {
+		return o.length === 0 ? null : {
 			nodes: [{
 				type: "list",
 				ordered: r,
 				start: i,
-				children: t.map((e) => ({
+				children: o.map((e) => ({
 					type: "list-item",
-					checked: e.checked,
-					children: [{
-						type: "paragraph",
-						children: [{
-							type: "raw-inline",
-							value: e.text
-						}]
-					}]
+					checked: null,
+					children: e.children
 				}))
 			}],
-			consumed: n
+			consumed: s
 		};
 	}
-}, Ia = {
+};
+function Ha(e, t) {
+	let n = [], r = e[0];
+	if (r === void 0) return n;
+	let i = Fa(r, 0);
+	if (i && i.indent > t) {
+		let r = Va.block(e);
+		if (r) {
+			n.push(...r.nodes);
+			let i = e.slice(r.consumed);
+			return i.length > 0 && n.push(...Ha(i, t)), n;
+		}
+	}
+	let a = e.join("\n").trim();
+	return a && n.push({
+		type: "paragraph",
+		children: [{
+			type: "raw-inline",
+			value: a
+		}]
+	}), n;
+}
+var Ua = {
 	name: "task-list",
 	block: (e) => {
 		let t = [], n = 0;
@@ -12078,7 +12284,7 @@ var Fa = {
 			consumed: n
 		};
 	}
-}, La = {
+}, Wa = {
 	name: "bold",
 	inline: (e) => {
 		let t = /^\*\*(.+?)\*\*/.exec(e);
@@ -12109,7 +12315,7 @@ var Fa = {
 			consumed: t[0].length
 		};
 	}
-}, Ra = {
+}, Ga = {
 	name: "italic",
 	inline: (e) => {
 		let t = /^([*_])(.+?)\1/.exec(e);
@@ -12124,7 +12330,7 @@ var Fa = {
 			consumed: t[0].length
 		} : null;
 	}
-}, za = {
+}, Ka = {
 	name: "code",
 	inline: (e) => {
 		let t = /^`(.+?)`/.exec(e);
@@ -12136,7 +12342,7 @@ var Fa = {
 			consumed: t[0].length
 		} : null;
 	}
-}, Ba = {
+}, qa = {
 	name: "delete",
 	inline: (e) => {
 		let t = /^~~(.+?)~~/.exec(e);
@@ -12152,7 +12358,7 @@ var Fa = {
 		} : null;
 	}
 };
-function Va() {
+function Ja() {
 	return {
 		name: "link",
 		inline: (e) => {
@@ -12174,7 +12380,7 @@ function Va() {
 		}
 	};
 }
-var Ha = Va(), Ua = {
+var Ya = Ja(), Xa = {
 	name: "image",
 	inline: (e) => {
 		let t = /^!\[([^[\]]*?)]\(([^()]+?)\)/.exec(e);
@@ -12187,7 +12393,7 @@ var Ha = Va(), Ua = {
 			consumed: t[0].length
 		} : null;
 	}
-}, Wa = {
+}, Za = {
 	name: "icon",
 	inline: (e) => {
 		let t = /^:([a-zA-Z]\w*):/.exec(e);
@@ -12199,7 +12405,7 @@ var Ha = Va(), Ua = {
 			consumed: t[0].length
 		} : null;
 	}
-}, Ga = {
+}, Qa = {
 	smile: "😄",
 	grin: "😁",
 	joy: "😂",
@@ -12265,12 +12471,12 @@ var Ha = Va(), Ua = {
 	heart: "❤️",
 	plus: "➕",
 	minus: "➖"
-}, Ka = {
+}, $a = {
 	name: "emoji",
 	inline: (e) => {
 		let t = /^:([a-z_][a-z0-9_]*):/.exec(e);
 		if (!t) return null;
-		let n = t[1], r = Ga[n];
+		let n = t[1], r = Qa[n];
 		return r ? {
 			nodes: [{
 				type: "emoji",
@@ -12286,7 +12492,7 @@ var Ha = Va(), Ua = {
 			consumed: t[0].length
 		};
 	}
-}, qa = class e {
+}, eo = class e {
 	constructor() {
 		this.blockParsers = [], this.inlineParsers = [], this._linkHooks = [];
 	}
@@ -12482,29 +12688,29 @@ var Ha = Va(), Ua = {
 	static renderChildren(t, n) {
 		return !t.children || t.children.length === 0 ? "" : t.children.map((t) => e.renderAst(t, n)).join("");
 	}
-}, Ja = class extends qa {
+}, to = class extends eo {
 	constructor() {
-		super(), this.use(La), this.use(za), this.use(Ba), this.use(Ha), this.use(Ka), this.use(Wa);
+		super(), this.use(Wa), this.use(Ka), this.use(qa), this.use(Ya), this.use($a), this.use(Za);
 	}
-}, Ya = class extends qa {
+}, no = class extends eo {
 	constructor() {
-		super(), this.use(Aa), this.use(Oa), this.use(Da), this.use(ka), this.use(ja), this.use(Na), this.use(Ia), this.use(Fa), this.use(Ua), this.use(Ha), this.use(La), this.use(Ra), this.use(za), this.use(Ba), this.use(Ka), this.use(Wa);
+		super(), this.use(ja), this.use(ka), this.use(Oa), this.use(Aa), this.use(Ma), this.use(Pa), this.use(Ua), this.use(Va), this.use(Xa), this.use(Ya), this.use(Wa), this.use(Ga), this.use(Ka), this.use(qa), this.use($a), this.use(Za);
 	}
-}, Xa = (e) => /^(?:https?:|ftp:|\/\/)/i.test(e) ? "" : e;
-function Za(e) {
-	let t = new Ja();
-	if (t.addLinkHook(Xa), e) for (let n of e) t.addLinkHook(n);
+}, ro = (e) => /^(?:https?:|ftp:|\/\/)/i.test(e) ? "" : e;
+function io(e) {
+	let t = new to();
+	if (t.addLinkHook(ro), e) for (let n of e) t.addLinkHook(n);
 	return t;
 }
-var Qa = class extends g {
+var ao = class extends g {
 	constructor(...e) {
 		super(...e), this.content = "";
 	}
 	get parser() {
-		return (!this._parser || this._linkHooks !== this.linkHooks) && (this._parser = Za(this.linkHooks), this._linkHooks = this.linkHooks), this._parser;
+		return (!this._parser || this._linkHooks !== this.linkHooks) && (this._parser = io(this.linkHooks), this._linkHooks = this.linkHooks), this._parser;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         line-height: 1.6;
@@ -12573,17 +12779,19 @@ var Qa = class extends g {
     `;
 	}
 };
-h([s({ type: String })], Qa.prototype, "content", void 0), h([s({ attribute: !1 })], Qa.prototype, "linkHooks", void 0), Qa = h([o("aithe-label")], Qa);
+h([s({ type: String })], ao.prototype, "content", void 0), h([s({ attribute: !1 })], ao.prototype, "linkHooks", void 0), ao = h([o("aithe-label")], ao);
 //#endregion
 //#region src/components/form/autoform-item.ts
 var z = class extends g {
 	constructor(...e) {
-		super(...e), this.name = "", this.type = "input", this.label = "", this.icon = "", this.tooltip = "", this.description = "", this.dft = "", this.placeholder = "", this.disabled = !1, this.required = !1, this.pattern = "", this.message = "", this.options = [], this.value = "", this.inputType = "text", this.min = "", this.max = "", this.step = "", this.rows = "3", this.validateOnChange = !0, this.errorMsg = "", this.dependencies = [], this.rules = [], this.dependencyValues = {}, this._visible = !0, this._ruleDisabled = !1, this._ruleOptions = null, this.pendingClear = !1, this.handleInputChange = (e) => {
+		super(...e), this.name = "", this.type = "input", this.label = "", this.icon = "", this.tooltip = "", this.description = "", this.dft = "", this.placeholder = "", this.disabled = !1, this.required = !1, this.pattern = "", this.message = "", this.options = [], this.value = "", this.inputType = "text", this.min = "", this.max = "", this.step = "", this.rows = "3", this.validateOnChange = !0, this.errorMsg = "", this.dependencies = [], this.rules = [], this.dependencyValues = {}, this._visible = !0, this._ruleDisabled = !1, this._ruleOptions = null, this._passwordVisible = !1, this.pendingClear = !1, this.handleInputChange = (e) => {
 			let t = e.target;
 			this.value = t.value, this.emit("aithe-change", {
 				name: this.name,
 				value: this.value
 			}), this.validateOnChange && this.validate();
+		}, this.togglePasswordVisible = () => {
+			this._passwordVisible = !this._passwordVisible;
 		}, this.handleSwitchChange = (e) => {
 			let t = e.target;
 			this.value = t.checked ? "true" : "false", this.emit("aithe-change", {
@@ -12648,7 +12856,7 @@ var z = class extends g {
 		return this._visible;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: flex;
         flex-direction: column;
@@ -12811,37 +13019,52 @@ var z = class extends g {
 		let e = Ta.get(this.type);
 		return e?.valueTransformer ? e.valueTransformer(this.value) : this.value;
 	}
+	resolvePasswordType() {
+		return this._passwordVisible ? "text" : "password";
+	}
 	renderControl() {
-		let e = this.placeholder || "", t = this.disabled || this._ruleDisabled, r = this._ruleOptions ?? this.options, i = Ta.get(this.type);
-		if (i) return i.render({
+		let e = this.placeholder || "", t = this.disabled || this._ruleDisabled, i = this._ruleOptions ?? this.options, a = Ta.get(this.type);
+		if (a) return a.render({
 			value: this.value,
 			placeholder: e,
 			disabled: t,
 			name: this.name,
-			options: r,
+			options: i,
 			min: this.min,
 			max: this.max,
 			step: this.step,
 			rows: this.rows,
 			inputType: this.inputType,
 			onChange: (e) => {
-				this.value = e == null || typeof e == "object" ? "" : dr(e), this.emit("aithe-change", {
+				this.value = e == null || typeof e == "object" ? "" : b(e), this.emit("aithe-change", {
 					name: this.name,
 					value: this.getFieldValue()
 				}), this.validateOnChange && this.validate();
 			}
 		});
 		switch (this.type) {
-			case "input": return n`
+			case "input": {
+				let i = this.inputType === "password", a = i ? this.resolvePasswordType() : this.inputType || "text", o = this._passwordVisible ? "eyeOff" : "eye";
+				return n`
           <aithe-input
-            .type=${this.inputType || "text"}
+            .type=${a}
             .placeholder=${e}
             .value=${this.value}
             ?disabled=${t}
             name=${this.name}
             @aithe-change=${this.handleInputChange}
-          ></aithe-input>
+          >
+            ${i ? n`
+                    <aithe-icon
+                      slot="suffix"
+                      name=${o}
+                      size="sm"
+                      @click=${this.togglePasswordVisible}
+                    ></aithe-icon>
+                  ` : r}
+          </aithe-input>
         `;
+			}
 			case "textarea": return n`
           <aithe-textarea
             .placeholder=${e}
@@ -12856,7 +13079,7 @@ var z = class extends g {
           <aithe-select
             .placeholder=${e}
             .value=${this.value}
-            .options=${r}
+            .options=${i}
             ?disabled=${t}
             name=${this.name}
             @aithe-change=${this.handleSelectChange}
@@ -12869,7 +13092,7 @@ var z = class extends g {
             name=${this.name}
             @aithe-change=${this.handleRadioChange}
           >
-            ${this.renderRadioOptions(r)}
+            ${this.renderRadioOptions(i)}
           </aithe-radio-group>
         `;
 			case "checkbox": return n`
@@ -12879,7 +13102,7 @@ var z = class extends g {
             name=${this.name}
             @aithe-change=${this.handleCheckboxChange}
           >
-            ${this.renderCheckboxOptions(r)}
+            ${this.renderCheckboxOptions(i)}
           </aithe-checkbox-group>
         `;
 			case "switch": return n`
@@ -12950,7 +13173,7 @@ var z = class extends g {
           <aithe-combobox
             .placeholder=${e}
             .value=${this.value}
-            .options=${JSON.stringify(r)}
+            .options=${JSON.stringify(i)}
             ?disabled=${t}
             name=${this.name}
             @aithe-change=${this.handleComboboxChange}
@@ -13024,10 +13247,10 @@ h([s({ type: String })], z.prototype, "name", void 0), h([s({ type: String })],
 })], z.prototype, "disabled", void 0), h([s({ type: Boolean })], z.prototype, "required", void 0), h([s({ type: String })], z.prototype, "pattern", void 0), h([s({ type: String })], z.prototype, "message", void 0), h([s({ attribute: !1 })], z.prototype, "options", void 0), h([s({ type: String })], z.prototype, "value", void 0), h([s({ type: String })], z.prototype, "inputType", void 0), h([s({ type: String })], z.prototype, "min", void 0), h([s({ type: String })], z.prototype, "max", void 0), h([s({ type: String })], z.prototype, "step", void 0), h([s({ type: String })], z.prototype, "rows", void 0), h([s({
 	type: Boolean,
 	attribute: "validate-on-change"
-})], z.prototype, "validateOnChange", void 0), h([d()], z.prototype, "errorMsg", void 0), h([s({ attribute: !1 })], z.prototype, "dependencies", void 0), h([s({ attribute: !1 })], z.prototype, "rules", void 0), h([s({ attribute: !1 })], z.prototype, "dependencyValues", void 0), h([d()], z.prototype, "_visible", void 0), h([d()], z.prototype, "_ruleDisabled", void 0), h([d()], z.prototype, "_ruleOptions", void 0), z = h([o("aithe-autoform-item")], z);
+})], z.prototype, "validateOnChange", void 0), h([d()], z.prototype, "errorMsg", void 0), h([s({ attribute: !1 })], z.prototype, "dependencies", void 0), h([s({ attribute: !1 })], z.prototype, "rules", void 0), h([s({ attribute: !1 })], z.prototype, "dependencyValues", void 0), h([d()], z.prototype, "_visible", void 0), h([d()], z.prototype, "_ruleDisabled", void 0), h([d()], z.prototype, "_ruleOptions", void 0), h([d()], z.prototype, "_passwordVisible", void 0), z = h([o("aithe-autoform-item")], z);
 //#endregion
 //#region src/components/feedback/dialog.ts
-var $a = class extends g {
+var oo = class extends g {
 	constructor(...e) {
 		super(...e), this.title = "Confirm", this.icon = "", this.visible = !1, this.closeable = !0, this.mask = !0, this.confirmText = "", this.cancelText = "", this.handleKeydown = (e) => {
 			e.key === "Escape" && this.visible && this.cancel();
@@ -13039,8 +13262,8 @@ var $a = class extends g {
 	}
 	static {
 		this.styles = [
-			b,
-			xr(".panel"),
+			x,
+			br(".panel"),
 			t`
       :host {
         display: contents;
@@ -13176,16 +13399,16 @@ var $a = class extends g {
     `;
 	}
 };
-h([s({ type: String })], $a.prototype, "title", void 0), h([s({ type: String })], $a.prototype, "icon", void 0), h([s({
+h([s({ type: String })], oo.prototype, "title", void 0), h([s({ type: String })], oo.prototype, "icon", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], $a.prototype, "visible", void 0), h([s({ type: Boolean })], $a.prototype, "closeable", void 0), h([s({ type: Boolean })], $a.prototype, "mask", void 0), h([s({
+})], oo.prototype, "visible", void 0), h([s({ type: Boolean })], oo.prototype, "closeable", void 0), h([s({ type: Boolean })], oo.prototype, "mask", void 0), h([s({
 	type: String,
 	attribute: "confirm-text"
-})], $a.prototype, "confirmText", void 0), h([s({
+})], oo.prototype, "confirmText", void 0), h([s({
 	type: String,
 	attribute: "cancel-text"
-})], $a.prototype, "cancelText", void 0), $a = h([o("aithe-dialog")], $a);
+})], oo.prototype, "cancelText", void 0), oo = h([o("aithe-dialog")], oo);
 //#endregion
 //#region src/components/feedback/modal.ts
 var B = class extends g {
@@ -13204,8 +13427,8 @@ var B = class extends g {
 	}
 	static {
 		this.styles = [
-			b,
-			xr(".panel"),
+			x,
+			br(".panel"),
 			t`
       :host {
         display: contents;
@@ -13404,8 +13627,8 @@ var V = class extends g {
 	}
 	static {
 		this.styles = [
-			b,
-			xr(".panel"),
+			x,
+			br(".panel"),
 			t`
       :host {
         display: contents;
@@ -13609,7 +13832,7 @@ h([s({
 })], V.prototype, "closeOnEsc", void 0), h([c(".panel")], V.prototype, "panel", void 0), h([u({ slot: "header" })], V.prototype, "headerNodes", void 0), h([u({ slot: "footer" })], V.prototype, "footerNodes", void 0), h([d()], V.prototype, "hasHeaderSlot", void 0), h([d()], V.prototype, "hasFooterSlot", void 0), V = h([o("aithe-drawer")], V);
 //#endregion
 //#region src/components/feedback/tooltip.ts
-var eo = "aria-describedby", to = class extends gr {
+var so = "aria-describedby", co = class extends hr {
 	constructor(...e) {
 		super(...e), this.content = "", this.title = "", this.icon = "", this.placement = "top", this.tooltipId = ur("aithe-tooltip"), this.showTooltip = () => {
 			this.open = !0;
@@ -13621,8 +13844,8 @@ var eo = "aria-describedby", to = class extends gr {
 	}
 	static {
 		this.styles = [
-			b,
-			xr(".tooltip"),
+			x,
+			br(".tooltip"),
 			t`
       :host {
         display: inline-flex;
@@ -13658,7 +13881,7 @@ var eo = "aria-describedby", to = class extends gr {
 	updated(e) {
 		if (super.updated(e), e.has("open")) {
 			let e = this.anchorElement;
-			this.open ? e.setAttribute(eo, this.tooltipId) : e.getAttribute(eo) === this.tooltipId && e.removeAttribute(eo);
+			this.open ? e.setAttribute(so, this.tooltipId) : e.getAttribute(so) === this.tooltipId && e.removeAttribute(so);
 		}
 	}
 	connectedCallback() {
@@ -13682,10 +13905,10 @@ var eo = "aria-describedby", to = class extends gr {
     `;
 	}
 };
-h([s({ type: String })], to.prototype, "content", void 0), h([s({ type: String })], to.prototype, "title", void 0), h([s({ type: String })], to.prototype, "icon", void 0), h([s({ type: String })], to.prototype, "placement", void 0), h([c(".tooltip")], to.prototype, "tooltip", void 0), to = h([o("aithe-tooltip")], to);
+h([s({ type: String })], co.prototype, "content", void 0), h([s({ type: String })], co.prototype, "title", void 0), h([s({ type: String })], co.prototype, "icon", void 0), h([s({ type: String })], co.prototype, "placement", void 0), h([c(".tooltip")], co.prototype, "tooltip", void 0), co = h([o("aithe-tooltip")], co);
 //#endregion
 //#region src/components/feedback/popover.ts
-var no = class extends gr {
+var lo = class extends hr {
 	constructor(...e) {
 		super(...e), this.placement = "bottom", this.handleOutsidePointer = (e) => {
 			this.open && (e.composedPath().includes(this) || (this.open = !1));
@@ -13697,9 +13920,9 @@ var no = class extends gr {
 	}
 	static {
 		this.styles = [
-			b,
-			xr(".panel"),
-			wr,
+			x,
+			br(".panel"),
+			Cr,
 			t`
       :host {
         display: inline-flex;
@@ -13751,10 +13974,10 @@ var no = class extends gr {
     `;
 	}
 };
-h([s({ type: String })], no.prototype, "placement", void 0), h([c(".panel")], no.prototype, "panel", void 0), no = h([o("aithe-popover")], no);
+h([s({ type: String })], lo.prototype, "placement", void 0), h([c(".panel")], lo.prototype, "panel", void 0), lo = h([o("aithe-popover")], lo);
 //#endregion
 //#region src/components/data/dropdown.ts
-var H = class extends gr {
+var H = class extends hr {
 	constructor(...e) {
 		super(...e), this.trigger = "click", this.title = "", this.icon = "", this.itemsJson = "", this.items = [], this.placement = "bottom-start", this.itemFilter = null, this.activeId = "", this.handleOutsidePointer = (e) => {
 			this.open && (e.composedPath().includes(this) || e.composedPath().some((e) => e instanceof HTMLElement && e.tagName === "AITHE-THEME-PICKER") || (this.open = !1));
@@ -13779,8 +14002,8 @@ var H = class extends gr {
 	}
 	static {
 		this.styles = [
-			b,
-			xr(".panel"),
+			x,
+			br(".panel"),
 			t`
       :host {
         display: inline-flex;
@@ -13861,12 +14084,12 @@ h([s({ type: String })], H.prototype, "trigger", void 0), h([s({ type: String })
 })], H.prototype, "itemsJson", void 0), h([s({ attribute: !1 })], H.prototype, "items", void 0), h([s({ type: String })], H.prototype, "placement", void 0), h([s({ attribute: !1 })], H.prototype, "itemFilter", void 0), h([c(".panel")], H.prototype, "panel", void 0), h([d()], H.prototype, "activeId", void 0), H = h([o("aithe-dropdown")], H);
 //#endregion
 //#region src/components/feedback/toast.ts
-var ro = class extends g {
+var uo = class extends g {
 	constructor(...e) {
 		super(...e), this.content = "", this.title = "", this.icon = "", this.type = "default", this.duration = 2400, this.visible = !0, this.timer = 0;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         position: fixed;
         top: 24px;
@@ -13935,20 +14158,20 @@ var ro = class extends g {
     `;
 	}
 };
-h([s({ type: String })], ro.prototype, "content", void 0), h([s({ type: String })], ro.prototype, "title", void 0), h([s({ type: String })], ro.prototype, "icon", void 0), h([s({ type: String })], ro.prototype, "type", void 0), h([s({ type: Number })], ro.prototype, "duration", void 0), h([s({
+h([s({ type: String })], uo.prototype, "content", void 0), h([s({ type: String })], uo.prototype, "title", void 0), h([s({ type: String })], uo.prototype, "icon", void 0), h([s({ type: String })], uo.prototype, "type", void 0), h([s({ type: Number })], uo.prototype, "duration", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], ro.prototype, "visible", void 0), ro = h([o("aithe-toast")], ro);
+})], uo.prototype, "visible", void 0), uo = h([o("aithe-toast")], uo);
 //#endregion
 //#region src/components/feedback/alert.ts
-var io = class extends g {
+var fo = class extends g {
 	constructor(...e) {
 		super(...e), this.type = "default", this.title = "", this.icon = "", this.closable = !1, this.banner = !1, this.open = !0, this.close = () => {
 			this.open = !1, this.emit("aithe-close");
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
       }
@@ -14025,20 +14248,20 @@ var io = class extends g {
     `;
 	}
 };
-h([s({ type: String })], io.prototype, "type", void 0), h([s({ type: String })], io.prototype, "title", void 0), h([s({ type: String })], io.prototype, "icon", void 0), h([s({ type: Boolean })], io.prototype, "closable", void 0), h([s({ type: Boolean })], io.prototype, "banner", void 0), h([s({
+h([s({ type: String })], fo.prototype, "type", void 0), h([s({ type: String })], fo.prototype, "title", void 0), h([s({ type: String })], fo.prototype, "icon", void 0), h([s({ type: Boolean })], fo.prototype, "closable", void 0), h([s({ type: Boolean })], fo.prototype, "banner", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], io.prototype, "open", void 0), io = h([o("aithe-alert")], io);
+})], fo.prototype, "open", void 0), fo = h([o("aithe-alert")], fo);
 //#endregion
 //#region src/components/feedback/notification.ts
-var ao = class extends g {
+var po = class extends g {
 	constructor(...e) {
 		super(...e), this.title = "", this.icon = "", this.content = "", this.type = "default", this.duration = 3200, this.open = !0, this.timer = 0, this.close = () => {
 			this.open = !1, this.emit("aithe-close");
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         position: fixed;
         top: 24px;
@@ -14132,18 +14355,18 @@ var ao = class extends g {
     `;
 	}
 };
-h([s({ type: String })], ao.prototype, "title", void 0), h([s({ type: String })], ao.prototype, "icon", void 0), h([s({ type: String })], ao.prototype, "content", void 0), h([s({ type: String })], ao.prototype, "type", void 0), h([s({ type: Number })], ao.prototype, "duration", void 0), h([s({
+h([s({ type: String })], po.prototype, "title", void 0), h([s({ type: String })], po.prototype, "icon", void 0), h([s({ type: String })], po.prototype, "content", void 0), h([s({ type: String })], po.prototype, "type", void 0), h([s({ type: Number })], po.prototype, "duration", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], ao.prototype, "open", void 0), ao = h([o("aithe-notification")], ao);
+})], po.prototype, "open", void 0), po = h([o("aithe-notification")], po);
 //#endregion
 //#region src/components/feedback/loading.ts
-var oo = class extends g {
+var mo = class extends g {
 	constructor(...e) {
 		super(...e), this.spinning = !0, this.size = "md", this.tip = "", this.fullscreen = !1;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         position: relative;
         display: block;
@@ -14221,7 +14444,7 @@ var oo = class extends g {
     `;
 	}
 };
-h([s({ type: Boolean })], oo.prototype, "spinning", void 0), h([s({ type: String })], oo.prototype, "size", void 0), h([s({ type: String })], oo.prototype, "tip", void 0), h([s({ type: Boolean })], oo.prototype, "fullscreen", void 0), oo = h([o("aithe-loading")], oo);
+h([s({ type: Boolean })], mo.prototype, "spinning", void 0), h([s({ type: String })], mo.prototype, "size", void 0), h([s({ type: String })], mo.prototype, "tip", void 0), h([s({ type: Boolean })], mo.prototype, "fullscreen", void 0), mo = h([o("aithe-loading")], mo);
 //#endregion
 //#region src/components/data/table-column.ts
 var U = class extends e {
@@ -14238,8 +14461,8 @@ h([s({ type: String })], U.prototype, "id", void 0), h([s({ type: String })], U.
 })], U.prototype, "minWidth", void 0), h([s({ type: String })], U.prototype, "align", void 0), h([s({ type: Boolean })], U.prototype, "sortable", void 0), h([s({ type: String })], U.prototype, "fixed", void 0), h([s({ type: Boolean })], U.prototype, "resizable", void 0), h([s({ type: Boolean })], U.prototype, "draggable", void 0), h([s({ type: String })], U.prototype, "icon", void 0), h([s({ type: String })], U.prototype, "variant", void 0), h([s({ attribute: !1 })], U.prototype, "cellRenderer", void 0), h([s({ type: String })], U.prototype, "filter", void 0), h([s({ type: String })], U.prototype, "box", void 0), U = h([o("aithe-table-column")], U);
 //#endregion
 //#region src/components/data/table.ts
-var so = 52, co = 40, lo = 120, uo = 5, fo = 15;
-function po(e) {
+var ho = 52, go = 40, _o = 120, vo = 5, yo = 15;
+function bo(e) {
 	return e == null || typeof e == "object" ? "" : typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : "";
 }
 var W = class extends g {
@@ -14274,7 +14497,7 @@ var W = class extends g {
 			r !== this.focusedRowIndex && (this.focusedRowIndex = r, this.requestUpdate(), this._scrollRowIntoView(r));
 		}, this._onResizeMove = (e) => {
 			if (!this.resizeData) return;
-			let t = this.resizeData, { startX: n, startWidth: r } = t, i = e.clientX - n, a = Math.max(co, r + i), o = this.resolvedColumns.find((e) => e.id === t.columnId), s = o?.minWidth ? Number.parseInt(o.minWidth, 10) : co, c = Math.max(s, a), l = this.renderRoot?.querySelectorAll("th");
+			let t = this.resizeData, { startX: n, startWidth: r } = t, i = e.clientX - n, a = Math.max(go, r + i), o = this.resolvedColumns.find((e) => e.id === t.columnId), s = o?.minWidth ? Number.parseInt(o.minWidth, 10) : go, c = Math.max(s, a), l = this.renderRoot?.querySelectorAll("th");
 			if (l) for (let e of l) {
 				let n = e;
 				n.dataset.columnId === t.columnId && (n.style.width = `${c}px`);
@@ -14296,7 +14519,7 @@ var W = class extends g {
 				columnId: this.resizeData.columnId,
 				width: t
 			}), this.resizeData = null;
-		}, this.dragThreshold = uo, this._onDragMove = (e) => {
+		}, this.dragThreshold = vo, this._onDragMove = (e) => {
 			if (!this.dragData) return;
 			let t = this.renderRoot?.querySelectorAll("th[data-column-id]");
 			if (t) {
@@ -14394,8 +14617,8 @@ var W = class extends g {
 	}
 	static {
 		this.styles = [
-			b,
-			wr,
+			x,
+			Cr,
 			t`
       :host {
         display: block;
@@ -14482,7 +14705,7 @@ var W = class extends g {
         top: 0;
         right: 0;
         bottom: 0;
-        width: ${fo}px;
+        width: ${yo}px;
         pointer-events: none;
         background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.06));
         transform: translateX(100%);
@@ -14494,7 +14717,7 @@ var W = class extends g {
         top: 0;
         left: 0;
         bottom: 0;
-        width: ${fo}px;
+        width: ${yo}px;
         pointer-events: none;
         background: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.06));
         transform: translateX(-100%);
@@ -14677,9 +14900,9 @@ var W = class extends g {
       }
 
       .selection-cell {
-        width: ${so}px;
-        min-width: ${so}px;
-        max-width: ${so}px;
+        width: ${ho}px;
+        min-width: ${ho}px;
+        max-width: ${ho}px;
         position: sticky;
         left: 0;
         z-index: 3;
@@ -14697,7 +14920,7 @@ var W = class extends g {
 		return e.sort((e, t) => {
 			let n = lr(e, this.sortKey), r = lr(t, this.sortKey);
 			if (typeof n == "number" && typeof r == "number") return this.sortOrder === "asc" ? n - r : r - n;
-			let i = po(n), a = po(r);
+			let i = bo(n), a = bo(r);
 			return this.sortOrder === "asc" ? i.localeCompare(a) : a.localeCompare(i);
 		}), e;
 	}
@@ -14709,7 +14932,7 @@ var W = class extends g {
 	}
 	getRecordKey(e, t) {
 		let n = lr(e, this.rowKey);
-		return n == null ? String(t) : dr(n);
+		return n == null ? String(t) : b(n);
 	}
 	toggleSort(e) {
 		e.sortable && (this.sortKey === e.id ? this.sortOrder === "asc" ? this.sortOrder = "desc" : this.sortOrder === "desc" ? (this.sortOrder = "", this.sortKey = "") : this.sortOrder = "asc" : (this.sortKey = e.id, this.sortOrder = "asc"), this.emit("aithe-sort-change", {
@@ -14796,7 +15019,7 @@ var W = class extends g {
 	}
 	renderCell(e, t) {
 		let n = lr(t, e.dataIndex ? String(e.dataIndex) : e.id);
-		return e.render ? e.render(e.id, n, t) : n == null ? r : typeof n == "object" ? JSON.stringify(n) : e.filter ? fi.format(n, e.filter) : n;
+		return e.render ? e.render(e.id, n, t) : n == null ? r : typeof n == "object" ? JSON.stringify(n) : e.filter ? di.format(n, e.filter) : n;
 	}
 	getSortIcon(e) {
 		return this.sortKey === e.id ? this.sortOrder === "asc" ? "↑" : this.sortOrder === "desc" ? "↓" : "↕" : "↕";
@@ -14828,7 +15051,7 @@ var W = class extends g {
 		return e.fixed ? e.fixed === "left" ? { left: `${this._calcLeftOffset(e)}px` } : e.fixed === "right" ? { right: `${this._calcRightOffset(e)}px` } : {} : {};
 	}
 	_calcLeftOffset(e) {
-		let t = this.selectable === "none" ? 0 : so;
+		let t = this.selectable === "none" ? 0 : ho;
 		for (let n of this.resolvedColumns) {
 			if (n.id === e.id) break;
 			n.fixed === "left" && (t += this._getColumnWidth(n));
@@ -14848,7 +15071,7 @@ var W = class extends g {
 			let t = Number.parseInt(e.width, 10);
 			if (!Number.isNaN(t)) return t;
 		}
-		return lo;
+		return _o;
 	}
 	_hasFixedLeft() {
 		return this.resolvedColumns.some((e) => e.fixed === "left");
@@ -14971,9 +15194,9 @@ var W = class extends g {
             <th
               class="selection-cell"
               style=${p({
-			width: `${so}px`,
-			minWidth: `${so}px`,
-			maxWidth: `${so}px`,
+			width: `${ho}px`,
+			minWidth: `${ho}px`,
+			maxWidth: `${ho}px`,
 			left: "0"
 		})}
             >
@@ -15059,12 +15282,12 @@ h([s({
 })], W.prototype, "sortOrder", void 0), h([s({ type: Boolean })], W.prototype, "loading", void 0), h([s({ type: String })], W.prototype, "loadingText", void 0), h([d()], W.prototype, "slotColumns", void 0), h([d()], W.prototype, "columnOrder", void 0), h([d()], W.prototype, "focusedRowIndex", void 0), W = h([o("aithe-table")], W);
 //#endregion
 //#region src/components/display/mini-box.ts
-var mo = class extends g {
+var xo = class extends g {
 	constructor(...e) {
 		super(...e), this.selected = !1, this.selectable = "none";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         box-sizing: border-box;
@@ -15160,12 +15383,12 @@ var mo = class extends g {
 h([s({
 	type: Boolean,
 	reflect: !0
-})], mo.prototype, "selected", void 0), h([s({ type: String })], mo.prototype, "selectable", void 0), mo = h([o("aithe-mini-box")], mo);
+})], xo.prototype, "selected", void 0), h([s({ type: String })], xo.prototype, "selectable", void 0), xo = h([o("aithe-mini-box")], xo);
 //#endregion
 //#region src/components/display/brief-box.ts
-var ho = class extends mo {
+var So = class extends xo {
 	static {
-		this.styles = [...mo.styles, t`
+		this.styles = [...xo.styles, t`
       .brief-left {
         flex: 1;
         min-width: 0;
@@ -15236,10 +15459,10 @@ var ho = class extends mo {
     `;
 	}
 };
-ho = h([o("aithe-brief-box")], ho);
+So = h([o("aithe-brief-box")], So);
 //#endregion
 //#region src/components/data/box-table.ts
-var go = class extends W {
+var Co = class extends W {
 	constructor(...e) {
 		super(...e), this.mode = "table", this.boxCols = 0;
 	}
@@ -15281,7 +15504,7 @@ var go = class extends W {
 	}
 	getBoxRecordKey(e, t) {
 		let n = lr(e, this.rowKey);
-		return n == null ? String(t) : dr(n);
+		return n == null ? String(t) : b(n);
 	}
 	handleBoxClick(e, t) {
 		this.emit("aithe-row-click", {
@@ -15365,18 +15588,18 @@ var go = class extends W {
 		this.selectable === "single" ? (this.selectionSet.clear(), r && this.selectionSet.add(i)) : r ? this.selectionSet.add(i) : this.selectionSet.delete(i), this.requestUpdate(), this.emit("aithe-selection-change", { selectionSet: this.selectionSet });
 	}
 };
-h([s({ type: String })], go.prototype, "mode", void 0), h([s({
+h([s({ type: String })], Co.prototype, "mode", void 0), h([s({
 	type: Number,
 	attribute: "box-cols"
-})], go.prototype, "boxCols", void 0), go = h([o("aithe-box-table")], go);
+})], Co.prototype, "boxCols", void 0), Co = h([o("aithe-box-table")], Co);
 //#endregion
 //#region src/components/data/timeline-item.ts
-var _o = class extends g {
+var wo = class extends g {
 	constructor(...e) {
 		super(...e), this.timestamp = "", this.type = "default", this.dot = "";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         position: relative;
         display: grid;
@@ -15454,10 +15677,10 @@ var _o = class extends g {
     `;
 	}
 };
-h([s({ type: String })], _o.prototype, "timestamp", void 0), h([s({ type: String })], _o.prototype, "type", void 0), h([s({ type: String })], _o.prototype, "dot", void 0), _o = h([o("aithe-timeline-item")], _o);
+h([s({ type: String })], wo.prototype, "timestamp", void 0), h([s({ type: String })], wo.prototype, "type", void 0), h([s({ type: String })], wo.prototype, "dot", void 0), wo = h([o("aithe-timeline-item")], wo);
 //#endregion
 //#region src/components/data/timeline.ts
-var vo = class extends g {
+var To = class extends g {
 	constructor(...e) {
 		super(...e), this.itemsJson = "", this.items = [], this.reverse = !1, this.hasSlotItems = !1, this.onSlotChange = () => {
 			let e = this.querySelectorAll("aithe-timeline-item");
@@ -15479,7 +15702,7 @@ var vo = class extends g {
 		return this.reverse ? [...e].reverse() : e;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: flex;
         flex-direction: column;
@@ -15581,7 +15804,7 @@ var vo = class extends g {
 h([s({
 	type: String,
 	attribute: "items"
-})], vo.prototype, "itemsJson", void 0), h([s({ attribute: !1 })], vo.prototype, "items", void 0), h([s({ type: Boolean })], vo.prototype, "reverse", void 0), h([d()], vo.prototype, "hasSlotItems", void 0), vo = h([o("aithe-timeline")], vo);
+})], To.prototype, "itemsJson", void 0), h([s({ attribute: !1 })], To.prototype, "items", void 0), h([s({ type: Boolean })], To.prototype, "reverse", void 0), h([d()], To.prototype, "hasSlotItems", void 0), To = h([o("aithe-timeline")], To);
 //#endregion
 //#region src/components/data/tabs.ts
 var G = class extends g {
@@ -15623,7 +15846,7 @@ var G = class extends g {
 		}));
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
       }
@@ -15851,16 +16074,16 @@ h([s({ type: String })], G.prototype, "type", void 0), h([s({
 	type: Number,
 	attribute: "max-visible-tabs"
 })], G.prototype, "maxVisibleTabs", void 0), h([u()], G.prototype, "slotNodes", void 0), h([d()], G.prototype, "panes", void 0), h([d()], G.prototype, "visiblePanes", void 0), h([d()], G.prototype, "overflowPanes", void 0), G = h([o("aithe-tabs")], G);
-var yo = class extends G {};
-yo = h([o("aithe-tab-group")], yo);
+var Eo = class extends G {};
+Eo = h([o("aithe-tab-group")], Eo);
 //#endregion
 //#region src/components/data/tab-pane.ts
-var bo = class extends g {
+var Do = class extends g {
 	constructor(...e) {
 		super(...e), this.tabId = "", this.label = "", this.icon = "", this.title = "", this.disabled = !1, this.closable = !1, this.active = !1;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: none;
       }
@@ -15879,16 +16102,16 @@ var bo = class extends g {
 h([s({
 	type: String,
 	attribute: "tab-id"
-})], bo.prototype, "tabId", void 0), h([s({ type: String })], bo.prototype, "label", void 0), h([s({ type: String })], bo.prototype, "icon", void 0), h([s({ type: String })], bo.prototype, "title", void 0), h([s({
+})], Do.prototype, "tabId", void 0), h([s({ type: String })], Do.prototype, "label", void 0), h([s({ type: String })], Do.prototype, "icon", void 0), h([s({ type: String })], Do.prototype, "title", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], bo.prototype, "disabled", void 0), h([s({
+})], Do.prototype, "disabled", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], bo.prototype, "closable", void 0), h([s({
+})], Do.prototype, "closable", void 0), h([s({
 	type: Boolean,
 	reflect: !0
-})], bo.prototype, "active", void 0), bo = h([o("aithe-tab-pane")], bo);
+})], Do.prototype, "active", void 0), Do = h([o("aithe-tab-pane")], Do);
 //#endregion
 //#region src/components/data/tree.ts
 var K = class extends g {
@@ -15902,7 +16125,7 @@ var K = class extends g {
 		super.disconnectedCallback(), this.unsubscribeLocale?.();
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
       }
@@ -16068,7 +16291,7 @@ var q = class extends g {
 		super.disconnectedCallback(), document.removeEventListener("mousedown", this.handleDocumentPointer), this.unsubscribeLocale?.();
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         transition: width var(--aithe-duration-base, 0.2s) var(--aithe-ease-standard, ease);
@@ -16236,7 +16459,6 @@ var q = class extends g {
 
       .group-toggle.active {
         color: var(--aithe-color-text);
-        background: var(--aithe-color-surface-muted);
       }
 
       .group-toggle:hover:not(:disabled) {
@@ -16273,6 +16495,7 @@ var q = class extends g {
         display: grid;
         gap: var(--aithe-space-2);
         padding-left: var(--aithe-space-4);
+        padding-top: var(--aithe-space-2);
       }
 
       .horizontal .children {
@@ -16417,12 +16640,12 @@ h([s({
 })], q.prototype, "expandedWidth", void 0), h([s({ attribute: !1 })], q.prototype, "itemFilter", void 0), h([s({ attribute: !1 })], q.prototype, "itemRenderer", void 0), h([d()], q.prototype, "expanded", void 0), q = h([o("aithe-tree-menu")], q);
 //#endregion
 //#region src/components/data/pagination.ts
-var xo = class extends g {
+var Oo = class extends g {
 	constructor(...e) {
 		super(...e), this.total = 0, this.pageSize = 10, this.currentPage = 1, this.size = "md";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
       }
@@ -16491,16 +16714,16 @@ var xo = class extends g {
     `;
 	}
 };
-h([s({ type: Number })], xo.prototype, "total", void 0), h([s({
+h([s({ type: Number })], Oo.prototype, "total", void 0), h([s({
 	type: Number,
 	attribute: "page-size"
-})], xo.prototype, "pageSize", void 0), h([s({
+})], Oo.prototype, "pageSize", void 0), h([s({
 	type: Number,
 	attribute: "current-page"
-})], xo.prototype, "currentPage", void 0), h([s({ type: String })], xo.prototype, "size", void 0), xo = h([o("aithe-pagination")], xo);
+})], Oo.prototype, "currentPage", void 0), h([s({ type: String })], Oo.prototype, "size", void 0), Oo = h([o("aithe-pagination")], Oo);
 //#endregion
 //#region src/components/display/carousel.ts
-var So = class extends g {
+var ko = class extends g {
 	constructor(...e) {
 		super(...e), this.autoplay = !1, this.interval = 3200, this.indicators = !0, this.arrows = !0, this.current = 0, this.timer = 0, this.syncSlides = () => {
 			let e = this.slides;
@@ -16511,7 +16734,7 @@ var So = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         position: relative;
         display: block;
@@ -16636,15 +16859,15 @@ var So = class extends g {
     `;
 	}
 };
-h([s({ type: Boolean })], So.prototype, "autoplay", void 0), h([s({ type: Number })], So.prototype, "interval", void 0), h([s({ type: Boolean })], So.prototype, "indicators", void 0), h([s({ type: Boolean })], So.prototype, "arrows", void 0), h([d()], So.prototype, "current", void 0), So = h([o("aithe-carousel")], So);
+h([s({ type: Boolean })], ko.prototype, "autoplay", void 0), h([s({ type: Number })], ko.prototype, "interval", void 0), h([s({ type: Boolean })], ko.prototype, "indicators", void 0), h([s({ type: Boolean })], ko.prototype, "arrows", void 0), h([d()], ko.prototype, "current", void 0), ko = h([o("aithe-carousel")], ko);
 //#endregion
 //#region src/components/display/comparison.ts
-var Co = class extends g {
+var Ao = class extends g {
 	constructor(...e) {
 		super(...e), this.beforeSrc = "", this.afterSrc = "", this.ratio = 50;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         position: relative;
         display: block;
@@ -16726,18 +16949,18 @@ var Co = class extends g {
 h([s({
 	type: String,
 	attribute: "before"
-})], Co.prototype, "beforeSrc", void 0), h([s({
+})], Ao.prototype, "beforeSrc", void 0), h([s({
 	type: String,
 	attribute: "after"
-})], Co.prototype, "afterSrc", void 0), h([s({ type: Number })], Co.prototype, "ratio", void 0), Co = h([o("aithe-comparison")], Co);
+})], Ao.prototype, "afterSrc", void 0), h([s({ type: Number })], Ao.prototype, "ratio", void 0), Ao = h([o("aithe-comparison")], Ao);
 //#endregion
 //#region src/components/display/animated-image.ts
-var wo = class extends g {
+var jo = class extends g {
 	constructor(...e) {
 		super(...e), this.src = "", this.loop = !0, this.speed = 1, this.play = !0;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         overflow: hidden;
@@ -16780,24 +17003,24 @@ var wo = class extends g {
     `;
 	}
 };
-h([s({ type: String })], wo.prototype, "src", void 0), h([s({ type: Boolean })], wo.prototype, "loop", void 0), h([s({ type: Number })], wo.prototype, "speed", void 0), h([s({ type: Boolean })], wo.prototype, "play", void 0), wo = h([o("aithe-animated-image")], wo);
+h([s({ type: String })], jo.prototype, "src", void 0), h([s({ type: Boolean })], jo.prototype, "loop", void 0), h([s({ type: Number })], jo.prototype, "speed", void 0), h([s({ type: Boolean })], jo.prototype, "play", void 0), jo = h([o("aithe-animated-image")], jo);
 //#endregion
 //#region src/components/display/markdown.ts
-var To = (e) => /^(?:https?:|ftp:|\/\/)/i.test(e) ? "" : e;
-function Eo(e) {
-	let t = new Ya();
-	if (t.addLinkHook(To), e) for (let n of e) t.addLinkHook(n);
+var Mo = (e) => /^(?:https?:|ftp:|\/\/)/i.test(e) ? "" : e;
+function No(e) {
+	let t = new no();
+	if (t.addLinkHook(Mo), e) for (let n of e) t.addLinkHook(n);
 	return t;
 }
-var Do = class extends g {
+var Po = class extends g {
 	constructor(...e) {
 		super(...e), this.content = "";
 	}
 	get parser() {
-		return (!this._parser || this._linkHooks !== this.linkHooks) && (this._parser = Eo(this.linkHooks), this._linkHooks = this.linkHooks), this._parser;
+		return (!this._parser || this._linkHooks !== this.linkHooks) && (this._parser = No(this.linkHooks), this._linkHooks = this.linkHooks), this._parser;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
       }
@@ -16887,11 +17110,11 @@ var Do = class extends g {
     `;
 	}
 };
-h([s({ type: String })], Do.prototype, "content", void 0), h([s({ attribute: !1 })], Do.prototype, "linkHooks", void 0), Do = h([o("aithe-markdown")], Do);
+h([s({ type: String })], Po.prototype, "content", void 0), h([s({ attribute: !1 })], Po.prototype, "linkHooks", void 0), Po = h([o("aithe-markdown")], Po);
 //#endregion
 //#region src/core/highlight/registry.ts
-var Oo = /* @__PURE__ */ new Map();
-function ko(e) {
+var Fo = /* @__PURE__ */ new Map();
+function Io(e) {
 	let t = {
 		"&": "&amp;",
 		"<": "&lt;",
@@ -16901,7 +17124,7 @@ function ko(e) {
 	};
 	return e.replace(/[&<>"']/g, (e) => t[e] ?? e);
 }
-function Ao(e, t) {
+function Lo(e, t) {
 	let n = [];
 	for (let r of t) {
 		let t = new RegExp(r.pattern.source, r.pattern.flags), i;
@@ -16914,7 +17137,7 @@ function Ao(e, t) {
 	}
 	return n;
 }
-function jo(e) {
+function Ro(e) {
 	let t = [...e].sort((e, t) => e.start - t.start || e.order - t.order), n = [];
 	for (let e of t) {
 		let t = n.at(-1);
@@ -16922,44 +17145,44 @@ function jo(e) {
 	}
 	return n;
 }
-function Mo(e, t) {
+function zo(e, t) {
 	let n = "", r = 0;
-	for (let i of t) i.start > r && (n += ko(e.slice(r, i.start))), n += `<span class="${i.className}">${ko(e.slice(i.start, i.end))}</span>`, r = i.end;
-	return r < e.length && (n += ko(e.slice(r))), n;
+	for (let i of t) i.start > r && (n += Io(e.slice(r, i.start))), n += `<span class="${i.className}">${Io(e.slice(i.start, i.end))}</span>`, r = i.end;
+	return r < e.length && (n += Io(e.slice(r))), n;
 }
 var J = class e {
 	static register(e) {
-		Oo.has(e.langId) && console.warn(`[SyntaxRegistry] Language "${e.langId}" already registered, overwriting.`);
+		Fo.has(e.langId) && console.warn(`[SyntaxRegistry] Language "${e.langId}" already registered, overwriting.`);
 		let t = [...e.rules].sort((e, t) => e.order - t.order);
-		Oo.set(e.langId, {
+		Fo.set(e.langId, {
 			...e,
 			rules: t
 		});
 	}
 	static get(e) {
-		return Oo.get(e);
+		return Fo.get(e);
 	}
 	static getAll() {
-		return new Map(Oo);
+		return new Map(Fo);
 	}
 	static has(e) {
-		return Oo.has(e);
+		return Fo.has(e);
 	}
 	static unregister(e) {
-		return Oo.delete(e);
+		return Fo.delete(e);
 	}
 	static clear() {
-		Oo.clear();
+		Fo.clear();
 	}
 	static escapeHtml(e) {
-		return ko(e);
+		return Io(e);
 	}
 	static highlightCode(e, t) {
-		return e ? !t || t.length === 0 ? ko(e) : Mo(e, jo(Ao(e, t))) : "";
+		return e ? !t || t.length === 0 ? Io(e) : zo(e, Ro(Lo(e, t))) : "";
 	}
 	static highlightByLanguage(t, n) {
 		let r = e.get(n);
-		return r ? e.highlightCode(t, r.rules) : (console.warn(`[SyntaxRegistry] Language "${n}" not found, returning plain text.`), ko(t));
+		return r ? e.highlightCode(t, r.rules) : (console.warn(`[SyntaxRegistry] Language "${n}" not found, returning plain text.`), Io(t));
 	}
 };
 //#endregion
@@ -18996,7 +19219,7 @@ var Y = class extends g {
 	static {
 		this.styles = [
 			a(He),
-			b,
+			x,
 			t`
       :host {
         display: block;
@@ -19623,7 +19846,7 @@ h([s({ type: String })], Y.prototype, "value", void 0), h([s({ type: String })],
 })], Y.prototype, "showLineNumbersToggle", void 0), h([c(".input-layer")], Y.prototype, "textarea", void 0), h([d()], Y.prototype, "focused", void 0), h([d()], Y.prototype, "isFullscreen", void 0), h([d()], Y.prototype, "copied", void 0), h([d()], Y.prototype, "editorTheme", void 0), h([d()], Y.prototype, "previewVisible", void 0), h([d()], Y.prototype, "splitterDragging", void 0), Y = h([o("aithe-code-editor")], Y);
 //#endregion
 //#region src/components/display/markdown-editor.ts
-var No = new Ya(), X = class extends g {
+var Bo = new no(), X = class extends g {
 	constructor(...e) {
 		super(...e), this.value = "", this.showToolbar = !1, this.showTheme = !0, this.lineNumbers = !0, this.readonly = !1, this.placeholder = "", this.showLanguage = !1, this.showFullscreen = !0, this.showCopy = !0, this.showLineNumbersToggle = !0, this.previewStrategy = "auto", this._changeCount = 0, this._lastRenderTime = 0, this._cachedPreview = "";
 	}
@@ -19636,13 +19859,13 @@ var No = new Ya(), X = class extends g {
 			return;
 		}
 		let e = this.previewStrategy, t = Date.now(), n = !0;
-		e.changeCount && (this._changeCount++, this._changeCount < e.changeCount ? n = !1 : this._changeCount = 0), e.updateSeconds && t - this._lastRenderTime < e.updateSeconds * 1e3 && (n = !1), n ? (this._cachedPreview = "", this._lastRenderTime = t, this.requestUpdate()) : this._cachedPreview = No.parse(this.value);
+		e.changeCount && (this._changeCount++, this._changeCount < e.changeCount ? n = !1 : this._changeCount = 0), e.updateSeconds && t - this._lastRenderTime < e.updateSeconds * 1e3 && (n = !1), n ? (this._cachedPreview = "", this._lastRenderTime = t, this.requestUpdate()) : this._cachedPreview = Bo.parse(this.value);
 	}
 	_getPreview() {
-		return this._shouldThrottle && this._cachedPreview ? this._cachedPreview : No.parse(this.value);
+		return this._shouldThrottle && this._cachedPreview ? this._cachedPreview : Bo.parse(this.value);
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
       }
@@ -19777,7 +20000,7 @@ h([s({ type: String })], X.prototype, "value", void 0), h([s({
 })], X.prototype, "showLineNumbersToggle", void 0), h([s({ type: Object })], X.prototype, "previewStrategy", void 0), X = h([o("aithe-markdown-editor")], X);
 //#endregion
 //#region src/components/display/detail-box.ts
-var Po = class extends mo {
+var Vo = class extends xo {
 	constructor(...e) {
 		super(...e), this._hasContent = !1, this._hasActions = !1;
 	}
@@ -19792,7 +20015,7 @@ var Po = class extends mo {
 		this._hasContent = this._checkSlot("content"), this._hasActions = this._checkSlot("actions");
 	}
 	static {
-		this.styles = [...mo.styles, t`
+		this.styles = [...xo.styles, t`
       .box-inner {
         align-items: stretch;
       }
@@ -19874,15 +20097,15 @@ var Po = class extends mo {
     `;
 	}
 };
-h([d()], Po.prototype, "_hasContent", void 0), h([d()], Po.prototype, "_hasActions", void 0), Po = h([o("aithe-detail-box")], Po);
+h([d()], Vo.prototype, "_hasContent", void 0), h([d()], Vo.prototype, "_hasActions", void 0), Vo = h([o("aithe-detail-box")], Vo);
 //#endregion
 //#region src/components/display/profile.ts
-var Z = class extends g {
+var Ho = class extends g {
 	constructor(...e) {
 		super(...e), this.icon = "", this.iconSize = "lg", this.iconShape = "none", this.title = "", this.desc = "", this.titleEllipsis = !0, this.descEllipsis = !0;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
         align-items: center;
@@ -19956,32 +20179,32 @@ var Z = class extends g {
     `;
 	}
 };
-h([s({ type: String })], Z.prototype, "icon", void 0), h([s({
+h([s({ type: String })], Ho.prototype, "icon", void 0), h([s({
 	type: String,
 	attribute: "icon-size"
-})], Z.prototype, "iconSize", void 0), h([s({
+})], Ho.prototype, "iconSize", void 0), h([s({
 	type: String,
 	attribute: "icon-shape"
-})], Z.prototype, "iconShape", void 0), h([s({ type: String })], Z.prototype, "title", void 0), h([s({ type: String })], Z.prototype, "desc", void 0), h([s({
+})], Ho.prototype, "iconShape", void 0), h([s({ type: String })], Ho.prototype, "title", void 0), h([s({ type: String })], Ho.prototype, "desc", void 0), h([s({
 	type: Boolean,
 	attribute: "title-ellipsis"
-})], Z.prototype, "titleEllipsis", void 0), h([s({
+})], Ho.prototype, "titleEllipsis", void 0), h([s({
 	type: Boolean,
 	attribute: "desc-ellipsis"
-})], Z.prototype, "descEllipsis", void 0), Z = h([o("aithe-profile")], Z);
+})], Ho.prototype, "descEllipsis", void 0), Ho = h([o("aithe-profile")], Ho);
 //#endregion
 //#region src/components/display/desc.ts
-var Q = class extends g {
+var Z = class extends g {
 	constructor(...e) {
-		super(...e), this.title = "", this.column = 1, this.border = !1, this.direction = "horizontal", this.size = "md", this.labelWidth = "150px", this.showTitle = !0, this.maxRows = 0;
+		super(...e), this.title = "", this.column = 1, this.border = !1, this.borderStyle = "none", this.labelBackground = "filled", this.direction = "horizontal", this.size = "md", this.labelWidth = "150px", this.showTitle = !0, this.maxRows = 0;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
         font-family: var(--aithe-font-family);
         color: var(--aithe-color-text);
-        border-radius: var(--aithe-radius-md, 6px);
+        border-radius: var(--aithe-container-radius-md, 6px);
         overflow: hidden;
       }
 
@@ -20007,7 +20230,7 @@ var Q = class extends g {
       .desc-body {
         display: grid;
         border: 1px solid var(--aithe-color-border, #e5e6eb);
-        border-radius: var(--aithe-radius-md, 6px);
+        border-radius: var(--aithe-container-radius-md, 6px);
         overflow: hidden;
       }
 
@@ -20034,6 +20257,7 @@ var Q = class extends g {
         background: var(--aithe-fill-2, #f0f1f3);
         font-weight: 500;
         min-width: 80px;
+        padding: var(--aithe-space-2, 8px) var(--aithe-space-3, 12px);
         border-bottom: 1px solid var(--aithe-color-border, #e5e6eb);
         border-right: 1px solid var(--aithe-color-border, #e5e6eb);
         word-break: break-word;
@@ -20048,7 +20272,14 @@ var Q = class extends g {
         background: var(--aithe-fill-2, #f0f1f3);
       }
 
+      :host([label-background='none']) .desc-cell-label,
+      :host([label-background='none']) .desc-cell-label.is-bordered {
+        background: transparent;
+      }
+
       .desc-cell-content {
+        display: flex;
+        align-items: center;
         font-size: var(--aithe-font-size-sm);
         color: var(--aithe-color-text);
         padding: var(--aithe-space-2, 8px) var(--aithe-space-3, 12px);
@@ -20069,6 +20300,30 @@ var Q = class extends g {
         border: none;
       }
 
+      /* Row border style: row separators only, no outer frame or column separators. */
+      :host([border-style='row']) .desc-body {
+        border: none;
+        border-radius: 0;
+      }
+
+      :host([border-style='row']) .desc-cell-label {
+        border-right: none;
+        border-bottom: 1px solid var(--aithe-color-border, #e5e6eb);
+      }
+
+      :host([border-style='row']) .desc-cell-label.no-border {
+        border-bottom: none;
+      }
+
+      :host([border-style='row']) .desc-cell-content {
+        border-right: none;
+        border-bottom: 1px solid var(--aithe-color-border, #e5e6eb);
+      }
+
+      :host([border-style='row']) .desc-cell-content.no-border {
+        border-bottom: none;
+      }
+
       /* Vertical direction */
       .desc-cell.vertical .desc-cell-label {
         border-right: none;
@@ -20120,10 +20375,10 @@ var Q = class extends g {
 		return t;
 	}
 	_getItemContent(e) {
-		return e.content ? String(e.filter ? fi.format(e.content, e.filter) : e.content) : Array.from(e.childNodes).filter((e) => e.nodeType !== Node.COMMENT_NODE && !(e instanceof HTMLElement && e.hasAttribute("slot"))).map((e) => e instanceof HTMLElement ? e.outerHTML : e.textContent ?? "").join("");
+		return e.content ? String(e.filter ? di.format(e.content, e.filter) : e.content) : Array.from(e.childNodes).filter((e) => e.nodeType !== Node.COMMENT_NODE && !(e instanceof HTMLElement && e.hasAttribute("slot"))).map((e) => e instanceof HTMLElement ? e.outerHTML : e.textContent ?? "").join("");
 	}
 	render() {
-		let e = Math.max(1, this.column), t = this.border, i = this.direction === "vertical", a = this._getItems(), o = this._layoutCells(a), s = i ? `repeat(${e}, 1fr)` : `repeat(${e}, ${this.labelWidth || "150px"} 1fr)`, c = Math.max(0, this.maxRows), l = this._getTotalRows(o), u = o.filter((e) => c === 0 || e.row < c).map((e) => {
+		let e = Math.max(1, this.column), t = this.border || this.borderStyle !== "none", i = this.direction === "vertical", a = this._getItems(), o = this._layoutCells(a), s = i ? `repeat(${e}, 1fr)` : `repeat(${e}, ${this.labelWidth || "150px"} 1fr)`, c = Math.max(0, this.maxRows), l = this._getTotalRows(o), u = o.filter((e) => c === 0 || e.row < c).map((e) => {
 			let a = e.item, o = [!i && this.labelWidth ? `width:${this.labelWidth}` : "", `text-align:${a.labelAlign}`].filter(Boolean).join(";"), s = [
 				a.width ? `width:${a.width}` : "",
 				a.minWidth ? `min-width:${a.minWidth}` : "",
@@ -20187,24 +20442,30 @@ var Q = class extends g {
     `;
 	}
 };
-h([s({ type: String })], Q.prototype, "title", void 0), h([s({ type: Number })], Q.prototype, "column", void 0), h([s({ type: Boolean })], Q.prototype, "border", void 0), h([s({ type: String })], Q.prototype, "direction", void 0), h([s({ type: String })], Q.prototype, "size", void 0), h([s({
+h([s({ type: String })], Z.prototype, "title", void 0), h([s({ type: Number })], Z.prototype, "column", void 0), h([s({ type: Boolean })], Z.prototype, "border", void 0), h([s({
+	attribute: "border-style",
+	type: String
+})], Z.prototype, "borderStyle", void 0), h([s({
+	attribute: "label-background",
+	type: String
+})], Z.prototype, "labelBackground", void 0), h([s({ type: String })], Z.prototype, "direction", void 0), h([s({ type: String })], Z.prototype, "size", void 0), h([s({
 	attribute: "label-width",
 	type: String
-})], Q.prototype, "labelWidth", void 0), h([s({
+})], Z.prototype, "labelWidth", void 0), h([s({
 	attribute: "show-title",
 	type: Boolean
-})], Q.prototype, "showTitle", void 0), h([s({
+})], Z.prototype, "showTitle", void 0), h([s({
 	attribute: "max-rows",
 	type: Number
-})], Q.prototype, "maxRows", void 0), Q = h([o("aithe-desc")], Q);
+})], Z.prototype, "maxRows", void 0), Z = h([o("aithe-desc")], Z);
 //#endregion
 //#region src/components/display/desc-item.ts
-var $ = class extends g {
+var Q = class extends g {
 	constructor(...e) {
 		super(...e), this.label = "", this.span = 1, this.rowspan = 1, this.width = "", this.labelAlign = "left", this.align = "left", this.minWidth = "", this.content = "", this.filter = "";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: contents;
       }
@@ -20261,22 +20522,275 @@ var $ = class extends g {
 	}
 	renderContent() {
 		return this.content ? n`
-      ${this.filter ? fi.format(this.content, this.filter) : this.content}
+      ${this.filter ? di.format(this.content, this.filter) : this.content}
     ` : n`<slot></slot>`;
 	}
 };
-h([s({ type: String })], $.prototype, "label", void 0), h([s({ type: Number })], $.prototype, "span", void 0), h([s({ type: Number })], $.prototype, "rowspan", void 0), h([s({ type: String })], $.prototype, "width", void 0), h([s({ type: String })], $.prototype, "labelAlign", void 0), h([s({ type: String })], $.prototype, "align", void 0), h([s({
+h([s({ type: String })], Q.prototype, "label", void 0), h([s({ type: Number })], Q.prototype, "span", void 0), h([s({ type: Number })], Q.prototype, "rowspan", void 0), h([s({ type: String })], Q.prototype, "width", void 0), h([s({ type: String })], Q.prototype, "labelAlign", void 0), h([s({ type: String })], Q.prototype, "align", void 0), h([s({
 	type: String,
 	attribute: "min-width"
-})], $.prototype, "minWidth", void 0), h([s({ type: String })], $.prototype, "content", void 0), h([s({ type: String })], $.prototype, "filter", void 0), $ = h([o("aithe-desc-item")], $);
+})], Q.prototype, "minWidth", void 0), h([s({ type: String })], Q.prototype, "content", void 0), h([s({ type: String })], Q.prototype, "filter", void 0), Q = h([o("aithe-desc-item")], Q);
+//#endregion
+//#region src/components/display/autoview.ts
+var $ = class extends g {
+	constructor(...e) {
+		super(...e), this.fields = "[]", this.data = {}, this.column = 1, this.border = !0, this.borderStyle = "none", this.labelBackground = "filled", this.direction = "horizontal", this.labelWidth = "150px", this.size = "md", this.title = "", this.showTitle = !0, this.maxRows = 0, this.emptyText = "";
+	}
+	static {
+		this.styles = [x, t`
+      :host {
+        display: block;
+        width: 100%;
+      }
+
+      .autoview-text {
+        color: var(--aithe-color-text);
+        font-size: var(--aithe-font-size-sm);
+        line-height: 1.5;
+        word-break: break-word;
+        overflow-wrap: break-word;
+      }
+
+      .autoview-empty {
+        color: var(--aithe-color-text-muted, var(--aithe-color-text-secondary));
+        font-size: var(--aithe-font-size-sm);
+        line-height: 1.5;
+      }
+
+      .autoview-tags {
+        display: inline-flex;
+        flex-wrap: wrap;
+        gap: var(--aithe-space-1, 4px);
+      }
+
+      .autoview-color {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--aithe-space-2, 8px);
+      }
+
+      .autoview-color-chip {
+        display: inline-block;
+        width: 16px;
+        height: 16px;
+        border-radius: var(--aithe-radius-sm, 3px);
+        border: 1px solid var(--aithe-color-border, #e5e6eb);
+        flex-shrink: 0;
+      }
+    `];
+	}
+	get _data() {
+		if (typeof this.data == "string") {
+			if (!this.data) return {};
+			try {
+				let e = JSON.parse(this.data);
+				return e && typeof e == "object" && !Array.isArray(e) ? e : {};
+			} catch {
+				return {};
+			}
+		}
+		return this.data ?? {};
+	}
+	get _emptyText() {
+		return this.emptyText || v("form.autoView.empty", "--");
+	}
+	getValues() {
+		let e = this.parseFields(), t = this._data, n = {};
+		for (let r of e) {
+			if (!this.isVisible(r, t)) continue;
+			let e = r.name ?? "";
+			e && (n[e] = t[e] ?? r.dft ?? "");
+		}
+		return n;
+	}
+	parseFields() {
+		let e = this.fields || "[]";
+		try {
+			return JSON.parse(e);
+		} catch {
+			try {
+				let t = e.replaceAll(/\\(?!["\\/bfnrtu])/g, "\\\\");
+				return JSON.parse(t);
+			} catch {
+				return [];
+			}
+		}
+	}
+	normalizeOptions(e) {
+		if (Array.isArray(e)) return e;
+		if (typeof e == "string") try {
+			let t = JSON.parse(e || "[]");
+			return Array.isArray(t) ? t : [];
+		} catch {
+			return [];
+		}
+		return [];
+	}
+	normalizeRules(e) {
+		return e ? e.map((e) => ({
+			...e,
+			options: e.type === "update" && e.options != null ? this.normalizeOptions(e.options) : e.options
+		})) : [];
+	}
+	isVisible(e, t) {
+		let n = this.normalizeRules(e.rules).filter((e) => e.type === "show" || e.type === "hide");
+		if (n.length === 0) return !0;
+		let r = {};
+		for (let n of e.dependencies ?? []) r[n] = t[n] ?? "";
+		return wa.evaluate(n, r, {
+			visible: !0,
+			disabled: !1,
+			options: this.normalizeOptions(e.options),
+			value: b(t[e.name ?? ""] ?? e.dft ?? "")
+		}).visible;
+	}
+	resolveRawValue(e, t) {
+		let n = e.name ?? "", r = n in t ? t[n] : e.dft ?? "";
+		return r == null ? "" : typeof r == "boolean" ? r ? "true" : "false" : typeof r == "number" ? String(r) : Array.isArray(r) ? JSON.stringify(r) : b(r);
+	}
+	transformValue(e, t) {
+		switch (e.type ?? "input") {
+			case "switch": return t === "true" || t === "";
+			case "number": {
+				let e = Number(t);
+				return Number.isNaN(e) ? "" : e;
+			}
+			case "checkbox": try {
+				let e = JSON.parse(t || "[]");
+				return Array.isArray(e) ? e : [];
+			} catch {
+				return [];
+			}
+			default: return t;
+		}
+	}
+	renderContent(e, t) {
+		let n = this.resolveRawValue(e, t), r = {
+			value: this.transformValue(e, n),
+			rawValue: n,
+			options: this.normalizeOptions(e.options),
+			field: e,
+			emptyText: e.emptyText || this._emptyText
+		}, i = Ea.get(e.type ?? "input");
+		return i ? i.render(r) : this.renderBuiltin(e, r);
+	}
+	renderBuiltin(e, t) {
+		let n = e.type ?? "input";
+		if (e.filter) return this.renderFiltered(t.rawValue, t.emptyText, e.filter);
+		switch (n) {
+			case "select":
+			case "radio": return this.renderOptionLabel(t.options, t.rawValue, t.emptyText);
+			case "checkbox": return this.renderCheckboxTags(t.value, t.options, t.emptyText);
+			case "switch": return this.renderSwitch(t.value);
+			case "date-picker":
+			case "time-picker": return this.renderDate(t.rawValue, t.emptyText);
+			case "color-picker": return this.renderColor(t.rawValue, t.emptyText);
+			case "rate":
+			case "slider": return this.renderPlain(t.rawValue, t.emptyText);
+			default: return this.renderPlain(t.rawValue, t.emptyText);
+		}
+	}
+	renderFiltered(e, t, r) {
+		let i = di.format(e, r), a = i == null || i === "" ? t : b(i);
+		return n`<span class="autoview-text">${a}</span>`;
+	}
+	renderOptionLabel(e, t, r) {
+		let i = e.find((e) => e.id === t);
+		return n`<span class="autoview-text">${i?.label ?? r}</span>`;
+	}
+	renderCheckboxTags(e, t, r) {
+		let i = Array.isArray(e) ? e : [];
+		return i.length === 0 ? n`<span class="autoview-empty">${r}</span>` : n`<span class="autoview-tags">
+      ${i.map((e) => {
+			let r = t.find((t) => t.id === e);
+			return n`<aithe-tag variant="default" size="sm">${r?.label ?? e}</aithe-tag>`;
+		})}
+    </span>`;
+	}
+	renderSwitch(e) {
+		let t = e === !0;
+		return n`<aithe-tag variant=${t ? "success" : "default"} size="sm">
+      ${t ? v("form.autoView.yes", "Yes") : v("form.autoView.no", "No")}
+    </aithe-tag>`;
+	}
+	renderDate(e, t) {
+		if (!e) return n`<span class="autoview-empty">${t}</span>`;
+		let r = di.format(e, "date yyyy-MM-dd");
+		return n`<span class="autoview-text">${r || t}</span>`;
+	}
+	renderColor(e, t) {
+		return e ? n`<span class="autoview-color">
+      <span class="autoview-color-chip" style="background:${e}"></span>
+      <span class="autoview-text">${e}</span>
+    </span>` : n`<span class="autoview-empty">${t}</span>`;
+	}
+	renderPlain(e, t) {
+		return n`<span class=${e ? "autoview-text" : "autoview-empty"}>${e || t}</span>`;
+	}
+	render() {
+		let e = this.parseFields(), t = this._data;
+		return n`
+      <aithe-desc
+        column=${this.column}
+        ?border=${this.border}
+        border-style=${this.borderStyle}
+        label-background=${this.labelBackground}
+        direction=${this.direction}
+        label-width=${this.labelWidth}
+        size=${this.size}
+        title=${this.title || r}
+        .showTitle=${this.showTitle}
+        max-rows=${this.maxRows}
+      >
+        <slot name="title" slot="title"></slot>
+        <slot name="extra" slot="extra"></slot>
+        ${e.map((e) => this.renderItem(e, t))}
+      </aithe-desc>
+    `;
+	}
+	renderItem(e, t) {
+		if (!this.isVisible(e, t)) return n``;
+		let i = e.hideLabel ? "" : e.label ?? "", a = this.renderContent(e, t);
+		return n`
+      <aithe-desc-item
+        label=${i || r}
+        .span=${e.span ?? 1}
+        .rowspan=${e.rowspan ?? 1}
+        .align=${e.align ?? "left"}
+      >${a}</aithe-desc-item>
+    `;
+	}
+	firstUpdated() {
+		this.emit("view-ready", { values: this.getValues() });
+	}
+};
+h([s({ type: String })], $.prototype, "fields", void 0), h([s({ type: Object })], $.prototype, "data", void 0), h([s({ type: Number })], $.prototype, "column", void 0), h([s({ type: Boolean })], $.prototype, "border", void 0), h([s({
+	attribute: "border-style",
+	type: String
+})], $.prototype, "borderStyle", void 0), h([s({
+	attribute: "label-background",
+	type: String
+})], $.prototype, "labelBackground", void 0), h([s({ type: String })], $.prototype, "direction", void 0), h([s({
+	type: String,
+	attribute: "label-width"
+})], $.prototype, "labelWidth", void 0), h([s({ type: String })], $.prototype, "size", void 0), h([s({ type: String })], $.prototype, "title", void 0), h([s({
+	attribute: "show-title",
+	type: Boolean
+})], $.prototype, "showTitle", void 0), h([s({
+	type: Number,
+	attribute: "max-rows"
+})], $.prototype, "maxRows", void 0), h([s({
+	type: String,
+	attribute: "empty-text"
+})], $.prototype, "emptyText", void 0), $ = h([o("aithe-autoview")], $);
 //#endregion
 //#region src/components/progress/progress-bar.ts
-var Fo = class extends g {
+var Uo = class extends g {
 	constructor(...e) {
 		super(...e), this.percent = 0, this.status = "default", this.showInfo = !0;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: grid;
         gap: var(--aithe-space-2);
@@ -20327,18 +20841,18 @@ var Fo = class extends g {
     `;
 	}
 };
-h([s({ type: Number })], Fo.prototype, "percent", void 0), h([s({ type: String })], Fo.prototype, "status", void 0), h([s({
+h([s({ type: Number })], Uo.prototype, "percent", void 0), h([s({ type: String })], Uo.prototype, "status", void 0), h([s({
 	type: Boolean,
 	attribute: "show-info"
-})], Fo.prototype, "showInfo", void 0), Fo = h([o("aithe-progress-bar")], Fo);
+})], Uo.prototype, "showInfo", void 0), Uo = h([o("aithe-progress-bar")], Uo);
 //#endregion
 //#region src/components/progress/progress-ring.ts
-var Io = class extends g {
+var Wo = class extends g {
 	constructor(...e) {
 		super(...e), this.percent = 0, this.size = "120", this.strokeWidth = 10, this.status = "default";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
       }
@@ -20396,18 +20910,18 @@ var Io = class extends g {
     `;
 	}
 };
-h([s({ type: Number })], Io.prototype, "percent", void 0), h([s({ type: String })], Io.prototype, "size", void 0), h([s({
+h([s({ type: Number })], Wo.prototype, "percent", void 0), h([s({ type: String })], Wo.prototype, "size", void 0), h([s({
 	type: Number,
 	attribute: "stroke-width"
-})], Io.prototype, "strokeWidth", void 0), h([s({ type: String })], Io.prototype, "status", void 0), Io = h([o("aithe-progress-ring")], Io);
+})], Wo.prototype, "strokeWidth", void 0), h([s({ type: String })], Wo.prototype, "status", void 0), Wo = h([o("aithe-progress-ring")], Wo);
 //#endregion
 //#region src/components/progress/spinner.ts
-var Lo = class extends g {
+var Go = class extends g {
 	constructor(...e) {
 		super(...e), this.size = "md", this.color = "var(--aithe-primary-6)", this.variant = "ring";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: inline-flex;
       }
@@ -20490,15 +21004,15 @@ var Lo = class extends g {
         `;
 	}
 };
-h([s({ type: String })], Lo.prototype, "size", void 0), h([s({ type: String })], Lo.prototype, "color", void 0), h([s({ type: String })], Lo.prototype, "variant", void 0), Lo = h([o("aithe-spinner")], Lo);
+h([s({ type: String })], Go.prototype, "size", void 0), h([s({ type: String })], Go.prototype, "color", void 0), h([s({ type: String })], Go.prototype, "variant", void 0), Go = h([o("aithe-spinner")], Go);
 //#endregion
 //#region src/components/progress/skeleton.ts
-var Ro = class extends g {
+var Ko = class extends g {
 	constructor(...e) {
 		super(...e), this.rows = 3, this.animated = !0, this.shape = "line", this.active = !0;
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: grid;
         gap: var(--aithe-space-3);
@@ -20552,15 +21066,15 @@ var Ro = class extends g {
       `;
 	}
 };
-h([s({ type: Number })], Ro.prototype, "rows", void 0), h([s({ type: Boolean })], Ro.prototype, "animated", void 0), h([s({ type: String })], Ro.prototype, "shape", void 0), h([s({ type: Boolean })], Ro.prototype, "active", void 0), Ro = h([o("aithe-skeleton")], Ro);
+h([s({ type: Number })], Ko.prototype, "rows", void 0), h([s({ type: Boolean })], Ko.prototype, "animated", void 0), h([s({ type: String })], Ko.prototype, "shape", void 0), h([s({ type: Boolean })], Ko.prototype, "active", void 0), Ko = h([o("aithe-skeleton")], Ko);
 //#endregion
 //#region src/components/container/callout.ts
-var zo = class extends g {
+var qo = class extends g {
 	constructor(...e) {
 		super(...e), this.type = "default", this.title = "", this.icon = "";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
       }
@@ -20618,15 +21132,15 @@ var zo = class extends g {
     `;
 	}
 };
-h([s({ type: String })], zo.prototype, "type", void 0), h([s({ type: String })], zo.prototype, "title", void 0), h([s({ type: String })], zo.prototype, "icon", void 0), zo = h([o("aithe-callout")], zo);
+h([s({ type: String })], qo.prototype, "type", void 0), h([s({ type: String })], qo.prototype, "title", void 0), h([s({ type: String })], qo.prototype, "icon", void 0), qo = h([o("aithe-callout")], qo);
 //#endregion
 //#region src/components/container/details.ts
-var Bo = class extends g {
+var Jo = class extends g {
 	constructor(...e) {
 		super(...e), this.open = !1, this.summary = "", this.icon = "", this.title = "";
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
       }
@@ -20684,10 +21198,10 @@ var Bo = class extends g {
 h([s({
 	type: Boolean,
 	reflect: !0
-})], Bo.prototype, "open", void 0), h([s({ type: String })], Bo.prototype, "summary", void 0), h([s({ type: String })], Bo.prototype, "icon", void 0), h([s({ type: String })], Bo.prototype, "title", void 0), h([c("details")], Bo.prototype, "detailsElement", void 0), Bo = h([o("aithe-details")], Bo);
+})], Jo.prototype, "open", void 0), h([s({ type: String })], Jo.prototype, "summary", void 0), h([s({ type: String })], Jo.prototype, "icon", void 0), h([s({ type: String })], Jo.prototype, "title", void 0), h([c("details")], Jo.prototype, "detailsElement", void 0), Jo = h([o("aithe-details")], Jo);
 //#endregion
 //#region src/components/container/scroller.ts
-var Vo = class extends g {
+var Yo = class extends g {
 	constructor(...e) {
 		super(...e), this.height = "", this.maxHeight = "", this.shadow = !1, this.scrollbar = !0, this.shadowTop = !1, this.shadowBottom = !1, this.handleScroll = (e) => {
 			let t = e.currentTarget;
@@ -20699,8 +21213,8 @@ var Vo = class extends g {
 	}
 	static {
 		this.styles = [
-			b,
-			wr,
+			x,
+			Cr,
 			t`
       :host {
         display: block;
@@ -20769,13 +21283,13 @@ var Vo = class extends g {
     `;
 	}
 };
-h([s({ type: String })], Vo.prototype, "height", void 0), h([s({
+h([s({ type: String })], Yo.prototype, "height", void 0), h([s({
 	type: String,
 	attribute: "max-height"
-})], Vo.prototype, "maxHeight", void 0), h([s({ type: Boolean })], Vo.prototype, "shadow", void 0), h([s({ type: Boolean })], Vo.prototype, "scrollbar", void 0), h([d()], Vo.prototype, "shadowTop", void 0), h([d()], Vo.prototype, "shadowBottom", void 0), Vo = h([o("aithe-scroller")], Vo);
+})], Yo.prototype, "maxHeight", void 0), h([s({ type: Boolean })], Yo.prototype, "shadow", void 0), h([s({ type: Boolean })], Yo.prototype, "scrollbar", void 0), h([d()], Yo.prototype, "shadowTop", void 0), h([d()], Yo.prototype, "shadowBottom", void 0), Yo = h([o("aithe-scroller")], Yo);
 //#endregion
 //#region src/components/container/split-panel.ts
-var Ho = class extends g {
+var Xo = class extends g {
 	constructor(...e) {
 		super(...e), this.direction = "horizontal", this.minSize = 20, this.maxSize = 80, this.value = 50, this.dragging = !1, this.handlePointerDown = () => {
 			this.dragging = !0;
@@ -20788,7 +21302,7 @@ var Ho = class extends g {
 		};
 	}
 	static {
-		this.styles = [b, t`
+		this.styles = [x, t`
       :host {
         display: block;
       }
@@ -20861,14 +21375,14 @@ var Ho = class extends g {
     `;
 	}
 };
-h([s({ type: String })], Ho.prototype, "direction", void 0), h([s({
+h([s({ type: String })], Xo.prototype, "direction", void 0), h([s({
 	type: Number,
 	attribute: "min-size"
-})], Ho.prototype, "minSize", void 0), h([s({
+})], Xo.prototype, "minSize", void 0), h([s({
 	type: Number,
 	attribute: "max-size"
-})], Ho.prototype, "maxSize", void 0), h([s({ type: Number })], Ho.prototype, "value", void 0), h([d()], Ho.prototype, "dragging", void 0), Ho = h([o("aithe-split-panel")], Ho);
+})], Xo.prototype, "maxSize", void 0), h([s({ type: Number })], Xo.prototype, "value", void 0), h([d()], Xo.prototype, "dragging", void 0), Xo = h([o("aithe-split-panel")], Xo);
 //#endregion
-export { Hn as AITHE_DEFAULT_LOCALE, Le as AITHE_DEFAULT_THEME, Re as AITHE_THEME_STORAGE_KEY, Ai as AitheAffix, io as AitheAlert, gr as AitheAnchoredOverlayElement, wo as AitheAnimatedImage, R as AitheAutoform, z as AitheAutoformItem, yi as AitheAvatar, ia as AitheBackTop, _i as AitheBadge, E as AitheBody, go as AitheBoxTable, ta as AitheBreadcrumb, na as AitheBreadcrumbItem, ho as AitheBriefBox, S as AitheButton, mi as AitheButtonGroup, zo as AitheCallout, w as AitheCard, So as AitheCarousel, sa as AitheCheckbox, ca as AitheCheckboxGroup, Si as AitheChip, Y as AitheCodeEditor, Ti as AitheCol, Oi as AitheCollapse, ki as AitheCollapseItem, fa as AitheColorPicker, I as AitheCombobox, Co as AitheComparison, Ci as AitheContainer, A as AitheDashboard, k as AitheDashboardPanel, pa as AitheDatePicker, Q as AitheDesc, $ as AitheDescItem, Po as AitheDetailBox, Bo as AitheDetails, $a as AitheDialog, bi as AitheDivider, V as AitheDrawer, H as AitheDropdown, g as AitheElement, xi as AitheEmpty, Ei as AitheFlex, va as AitheFormItem, Ni as AitheHeader, pi as AitheIcon, C as AitheInput, Qa as AitheLabel, oo as AitheLoading, ji as AitheLocaleSwitch, O as AitheLogPanel, Do as AitheMarkdown, X as AitheMarkdownEditor, $i as AitheMenu, ea as AitheMenuItem, Ji as AitheMetrics, Yi as AitheMetricsGroup, mo as AitheMiniBox, B as AitheModal, ao as AitheNotification, Li as AithePage, xo as AithePagination, no as AithePopover, Z as AitheProfile, Fo as AitheProgressBar, Io as AitheProgressRing, la as AitheRadio, ua as AitheRadioGroup, ga as AitheRate, wi as AitheRow, Vo as AitheScroller, F as AitheSelect, N as AitheShadowPicker, M as AitheShapePicker, D as AitheSidebar, Ro as AitheSkeleton, ha as AitheSlider, Di as AitheSpace, Lo as AitheSpinner, Ho as AitheSplitPanel, ra as AitheSteps, j as AitheSubMenu, da as AitheSwitch, yo as AitheTabGroup, bo as AitheTabPane, W as AitheTable, U as AitheTableColumn, G as AitheTabs, vi as AitheTag, gi as AitheTextarea, aa as AitheThemePicker, oa as AitheThemePreview, T as AitheThemeSwitch, ma as AitheTimePicker, vo as AitheTimeline, _o as AitheTimelineItem, ro as AitheToast, to as AitheTooltip, L as AitheTransfer, K as AitheTree, q as AitheTreeMenu, P as AitheTypoPicker, or as AitheUI, ya as AitheUpload, Et as AitheWidget, oi as AmountFilter, li as BytesFilter, Ke as CLOUD_THEMES, Ge as DARK_THEMES, rt as DEFAULT_LOG_CONFIG, ii as DataHubCore, x as DataHubError, si as DateFilter, ci as EmptyFilter, kr as FetchAdapter, di as FilterFactory, Sa as FormCondition, Ta as FormRegistry, wa as FormRuleEngine, Ct as ICON_GLYPH_MAP, St as ICON_SIZE_MAP, Tt as IconUtil, We as LIGHT_THEMES, nt as LOG_LEVEL_LABEL, m as LogLevel, ht as LoggerCore, jr as MockAdapter, Qi as Router, Ue as THEME_COLORS, ui as TimeAgoFilter, b as aitheBaseStyles, Cr as aitheControlFocusStyleBlock, Sr as aitheControlStyleBlock, xr as aithePanelStyles, wr as aitheScrollbarStyles, He as aitheThemeText, y as aitheUI, zr as buildKey, Wr as cacheClear, Ur as cacheDelete, Vr as cacheGet, Hr as cacheSet, hr as computeFloatingPosition, ai as dataHub, Vn as de, qr as dedupClear, Kr as dedupTrack, _t as emitAitheEvent, Mn as en, Rn as es, fi as filterFactory, se as findClosestThemeElement, le as findFirstFocusable, Bn as fr, $n as getAitheLocale, er as getAitheLocales, Er as getBuiltinStyle, Dr as getBuiltinStyleNames, ce as getFocusableElements, Xe as getGlobalTheme, Fr as getQueryKeywords, Ye as getThemeClassName, ni as idempotentClear, ti as idempotentGuard, tr as initAitheLocale, et as initAitheTheme, Qr as isLoading, vt as isNil, Ir as isQueryAction, In as ja, Ln as ko, Qe as loadStoredTheme, Zr as loadingEnd, Xr as loadingStart, Wn as localeMenu, gt as logger, bt as normalizeCssUnit, ar as onAitheLocaleChange, tt as onAitheThemeChange, $r as onLoadingChange, zn as ptBr, _ as registerAitheLocale, Je as registerAitheTheme, Zn as registerAitheTranslations, $e as resolveComputedTheme, Rr as resolveStrategy, Qn as setAitheLocale, Ze as setGlobalTheme, Pr as setQueryKeywords, v as t, qe as themeMenu, yt as toBooleanAttribute, ir as translateNodeLabel, Nn as zh, Fn as zhHk, Pn as zhTw };
+export { Hn as AITHE_DEFAULT_LOCALE, Le as AITHE_DEFAULT_THEME, Re as AITHE_THEME_STORAGE_KEY, ki as AitheAffix, fo as AitheAlert, hr as AitheAnchoredOverlayElement, jo as AitheAnimatedImage, $ as AitheAutoView, R as AitheAutoform, z as AitheAutoformItem, vi as AitheAvatar, na as AitheBackTop, gi as AitheBadge, O as AitheBody, Co as AitheBoxTable, $i as AitheBreadcrumb, ea as AitheBreadcrumbItem, So as AitheBriefBox, C as AitheButton, pi as AitheButtonGroup, qo as AitheCallout, T as AitheCard, ko as AitheCarousel, sa as AitheCheckbox, ca as AitheCheckboxGroup, xi as AitheChip, Y as AitheCodeEditor, wi as AitheCol, Di as AitheCollapse, Oi as AitheCollapseItem, fa as AitheColorPicker, I as AitheCombobox, Ao as AitheComparison, Si as AitheContainer, M as AitheDashboard, j as AitheDashboardPanel, pa as AitheDatePicker, Z as AitheDesc, Q as AitheDescItem, Vo as AitheDetailBox, Jo as AitheDetails, oo as AitheDialog, yi as AitheDivider, V as AitheDrawer, H as AitheDropdown, g as AitheElement, bi as AitheEmpty, Ti as AitheFlex, va as AitheFormItem, ji as AitheHeader, fi as AitheIcon, w as AitheInput, ao as AitheLabel, mo as AitheLoading, E as AitheLocaleSwitch, A as AitheLogPanel, Po as AitheMarkdown, X as AitheMarkdownEditor, Zi as AitheMenu, Qi as AitheMenuItem, Ki as AitheMetrics, qi as AitheMetricsGroup, xo as AitheMiniBox, B as AitheModal, po as AitheNotification, Fi as AithePage, Oo as AithePagination, lo as AithePopover, Ho as AitheProfile, Uo as AitheProgressBar, Wo as AitheProgressRing, la as AitheRadio, ua as AitheRadioGroup, ga as AitheRate, Ci as AitheRow, Yo as AitheScroller, F as AitheSelect, P as AitheShadowPicker, aa as AitheShapePicker, k as AitheSidebar, Ko as AitheSkeleton, ha as AitheSlider, Ei as AitheSpace, Go as AitheSpinner, Xo as AitheSplitPanel, ta as AitheSteps, N as AitheSubMenu, da as AitheSwitch, Eo as AitheTabGroup, Do as AitheTabPane, W as AitheTable, U as AitheTableColumn, G as AitheTabs, _i as AitheTag, hi as AitheTextarea, ra as AitheThemePicker, ia as AitheThemePreview, D as AitheThemeSwitch, ma as AitheTimePicker, To as AitheTimeline, wo as AitheTimelineItem, uo as AitheToast, co as AitheTooltip, L as AitheTransfer, K as AitheTree, q as AitheTreeMenu, oa as AitheTypoPicker, or as AitheUI, ya as AitheUpload, Et as AitheWidget, ai as AmountFilter, ci as BytesFilter, Ke as CLOUD_THEMES, Ge as DARK_THEMES, rt as DEFAULT_LOG_CONFIG, ri as DataHubCore, S as DataHubError, oi as DateFilter, si as EmptyFilter, Or as FetchAdapter, ui as FilterFactory, Sa as FormCondition, Ta as FormRegistry, wa as FormRuleEngine, Ct as ICON_GLYPH_MAP, St as ICON_SIZE_MAP, Tt as IconUtil, We as LIGHT_THEMES, nt as LOG_LEVEL_LABEL, m as LogLevel, ht as LoggerCore, Ar as MockAdapter, Xi as Router, Ue as THEME_COLORS, li as TimeAgoFilter, Ea as ViewRegistry, x as aitheBaseStyles, Sr as aitheControlFocusStyleBlock, xr as aitheControlStyleBlock, br as aithePanelStyles, Cr as aitheScrollbarStyles, He as aitheThemeText, y as aitheUI, Rr as buildKey, Ur as cacheClear, Hr as cacheDelete, Br as cacheGet, Vr as cacheSet, mr as computeFloatingPosition, ii as dataHub, Vn as de, Kr as dedupClear, Gr as dedupTrack, _t as emitAitheEvent, Mn as en, Rn as es, di as filterFactory, se as findClosestThemeElement, le as findFirstFocusable, Bn as fr, $n as getAitheLocale, er as getAitheLocales, Tr as getBuiltinStyle, Er as getBuiltinStyleNames, ce as getFocusableElements, Xe as getGlobalTheme, Pr as getQueryKeywords, Ye as getThemeClassName, ti as idempotentClear, ei as idempotentGuard, tr as initAitheLocale, et as initAitheTheme, Zr as isLoading, vt as isNil, Fr as isQueryAction, In as ja, Ln as ko, Qe as loadStoredTheme, Xr as loadingEnd, Yr as loadingStart, Wn as localeMenu, gt as logger, bt as normalizeCssUnit, ar as onAitheLocaleChange, tt as onAitheThemeChange, Qr as onLoadingChange, zn as ptBr, _ as registerAitheLocale, Je as registerAitheTheme, Zn as registerAitheTranslations, $e as resolveComputedTheme, Lr as resolveStrategy, Qn as setAitheLocale, Ze as setGlobalTheme, Nr as setQueryKeywords, v as t, qe as themeMenu, yt as toBooleanAttribute, ir as translateNodeLabel, Nn as zh, Fn as zhHk, Pn as zhTw };
 
 //# sourceMappingURL=index.js.map