typerighter 0.46.3 → 0.47.0

package/dist/client/theme-default.js

@@ -3,7 +3,7 @@ import { t as T } from "../es-ClqUVRJn.js";
 import { A as ee, C as te, D as ne, E, F as re, I as ie, L as D, M as ae, N as oe, O as se, P as ce, S as le, T as ue, _ as de, a as fe, b as pe, c as O, d as me, f as he, g as ge, h as _e, i as ve, j as ye, k as be, m as k, n as xe, o as Se, p as Ce, r as A, s as we, u as Te, v as Ee, w as De, x as Oe, y as ke } from "../app-n56VkC5b.js";
 import { a as Ae, i as je, n as Me, t as Ne } from "../brand-CG1fQshq.js";
 import { t as Pe } from "../inlineRe-Cn-J_E76.js";
-import { Fragment as j, Teleport as Fe, computed as M, createBlock as N, createCommentVNode as P, createElementBlock as F, createElementVNode as I, createTextVNode as L, createVNode as R, defineComponent as z, getCurrentScope as Ie, markRaw as Le, mergeModels as Re, mergeProps as ze, nextTick as Be, normalizeClass as B, normalizeStyle as Ve, onBeforeUnmount as He, onMounted as Ue, onScopeDispose as We, onUnmounted as Ge, openBlock as V, readonly as Ke, ref as H, renderList as U, renderSlot as W, resolveComponent as qe, resolveDynamicComponent as G, shallowReadonly as Je, shallowRef as Ye, toDisplayString as K, toValue as Xe, unref as q, useModel as Ze, useTemplateRef as Qe, vModelText as $e, watch as J, watchEffect as et, withCtx as tt, withDirectives as nt, withKeys as rt, withModifiers as it } from "vue";
+import { Fragment as j, Teleport as Fe, computed as M, createBlock as N, createCommentVNode as P, createElementBlock as F, createElementVNode as I, createTextVNode as L, createVNode as R, defineComponent as z, getCurrentScope as Ie, markRaw as Le, mergeModels as Re, mergeProps as ze, nextTick as Be, normalizeClass as B, normalizeStyle as Ve, onBeforeUnmount as He, onMounted as Ue, onScopeDispose as We, onUnmounted as V, openBlock as H, readonly as Ge, ref as U, renderList as W, renderSlot as G, resolveComponent as Ke, resolveDynamicComponent as qe, shallowReadonly as Je, shallowRef as Ye, toDisplayString as K, toValue as Xe, unref as q, useModel as Ze, useTemplateRef as Qe, vModelText as $e, watch as J, watchEffect as et, withCtx as tt, withDirectives as nt, withKeys as rt, withModifiers as it } from "vue";
 var at = D({
 	name: "circle-dot",
 	size: 24,
@@ -140,7 +140,7 @@ var at = D({
 	__name: "TdBrandIcon",
 	props: { size: { default: 28 } },
 	setup(e) {
-		return (t, n) => (V(), F("svg", {
+		return (t, n) => (H(), F("svg", {
 			fill: "none",
 			height: e.size,
 			width: e.size * 208 / 128,
@@ -167,12 +167,12 @@ var at = D({
 	__name: "TdButton",
 	props: { label: {} },
 	setup(e) {
-		return (t, n) => (V(), F("button", {
+		return (t, n) => (H(), F("button", {
 			type: "button",
 			class: "td-icon-btn",
 			title: e.label,
 			"aria-label": e.label
-		}, [W(t.$slots, "default", {}, void 0, !0)], 8, xt));
+		}, [G(t.$slots, "default", {}, void 0, !0)], 8, xt));
 	}
 }), [["__scopeId", "data-v-b1861a4a"]]), Ct = Math.min, wt = Math.max, Tt = Math.round, Y = (e) => ({
 	x: e,
@@ -896,7 +896,7 @@ function cr(e, t) {
 }
 function lr(e, t, n) {
 	n === void 0 && (n = {});
-	let r = n.whileElementsMounted, i = M(() => Xe(n.open) ?? !0), a = M(() => Xe(n.middleware)), o = M(() => Xe(n.placement) ?? "bottom"), s = M(() => Xe(n.strategy) ?? "absolute"), c = M(() => Xe(n.transform) ?? !0), l = M(() => ar(e.value)), u = M(() => ar(t.value)), d = H(0), f = H(0), p = H(s.value), m = H(o.value), h = Ye({}), g = H(!1), _ = M(() => {
+	let r = n.whileElementsMounted, i = M(() => Xe(n.open) ?? !0), a = M(() => Xe(n.middleware)), o = M(() => Xe(n.placement) ?? "bottom"), s = M(() => Xe(n.strategy) ?? "absolute"), c = M(() => Xe(n.transform) ?? !0), l = M(() => ar(e.value)), u = M(() => ar(t.value)), d = U(0), f = U(0), p = U(s.value), m = U(o.value), h = Ye({}), g = U(!1), _ = M(() => {
 		let e = {
 			position: p.value,
 			left: "0",
@@ -963,7 +963,7 @@ var ur = /*#__PURE__*/ k(/* @__PURE__ */ z({
 		}
 	},
 	setup(e) {
-		let t = Qe("trigger"), n = Qe("tooltip"), r = Qe("arrowEl"), i = H(!1), a, o, { floatingStyles: s, middlewareData: c, placement: l } = lr(t, n, {
+		let t = Qe("trigger"), n = Qe("tooltip"), r = Qe("arrowEl"), i = U(!1), a, o, { floatingStyles: s, middlewareData: c, placement: l } = lr(t, n, {
 			placement: "right",
 			middleware: [
 				$n(8),
@@ -987,14 +987,14 @@ var ur = /*#__PURE__*/ k(/* @__PURE__ */ z({
 				i.value = !1;
 			}, 100);
 		}
-		return (r, a) => (V(), F(j, null, [I("span", ze({
+		return (r, a) => (H(), F(j, null, [I("span", ze({
 			ref_key: "trigger",
 			ref: t
 		}, r.$attrs, {
 			class: "td-tooltip-trigger",
 			onMouseenter: d,
 			onMouseleave: f
-		}), [W(r.$slots, "default", {}, void 0, !0)], 16), (V(), N(Fe, { to: "body" }, [i.value ? (V(), F("div", {
+		}), [G(r.$slots, "default", {}, void 0, !0)], 16), (H(), N(Fe, { to: "body" }, [i.value ? (H(), F("div", {
 			key: 0,
 			ref_key: "tooltip",
 			ref: n,
@@ -1020,7 +1020,7 @@ var ur = /*#__PURE__*/ k(/* @__PURE__ */ z({
 //#endregion
 //#region src/client/theme-default/utils/renderInlineMarkup.ts
 function dr(e) {
-	let t = H(fr(e()));
+	let t = U(fr(e()));
 	return et((n) => {
 		let r = e();
 		if (!r.includes("$")) {
@@ -1047,7 +1047,7 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 	props: { text: {} },
 	setup(e) {
 		let t = dr(() => e.text);
-		return (e, n) => (V(), F("span", { innerHTML: q(t) }, null, 8, pr));
+		return (e, n) => (H(), F("span", { innerHTML: q(t) }, null, 8, pr));
 	}
 }), hr = ["aria-expanded"], gr = { class: "td-tree-label-text" }, _r = ["href"], vr = { class: "td-tree-count" }, yr = ["href"], br = ["href"], xr = {
 	key: 2,
@@ -1065,7 +1065,7 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 			for (let n of e.entries) n.kind === "file" ? t++ : t += y(n.node);
 			return t;
 		}
-		let b = H(!m(a.value, r.path)), x = H(!1), S = M(() => h.value.filter((e) => e.kind === "file").length), T = M(() => x.value ? 0 : Math.max(0, S.value - Sr)), te = M(() => {
+		let b = U(!m(a.value, r.path)), x = U(!1), S = M(() => h.value.filter((e) => e.kind === "file").length), T = M(() => x.value ? 0 : Math.max(0, S.value - Sr)), te = M(() => {
 			if (x.value) return h.value;
 			let e = 0;
 			return h.value.filter((t) => t.kind === "dir" || ++e <= Sr);
@@ -1086,8 +1086,8 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 			b.value = !b.value;
 		}
 		return (e, t) => {
-			let r = qe("TdTreeNode", !0);
-			return g.value ? (V(), F("div", {
+			let r = Ke("TdTreeNode", !0);
+			return g.value ? (H(), F("div", {
 				key: 0,
 				class: "td-tree-node",
 				role: "treeitem",
@@ -1112,13 +1112,13 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 						href: d.value,
 						class: B(["td-tree-index-btn", { "is-active": E(s.value) }]),
 						onClick: t[0] ||= it(() => {}, ["stop"])
-					}, [p.value ? (V(), N(G(p.value), {
+					}, [p.value ? (H(), N(qe(p.value), {
 						key: 0,
 						size: 12
-					})) : E(s.value) ? (V(), N(q(lt), {
+					})) : E(s.value) ? (H(), N(q(lt), {
 						key: 1,
 						size: 12
-					})) : (V(), N(q(De), {
+					})) : (H(), N(q(De), {
 						key: 2,
 						size: 12
 					}))], 10, _r)]),
@@ -1129,7 +1129,7 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 				class: B(["td-collapse td-tree-children", { "is-collapsed": b.value }]),
 				role: "group"
 			}, [I("div", null, [
-				o.value ? (V(), F("a", {
+				o.value ? (H(), F("a", {
 					key: 0,
 					href: d.value,
 					class: B(["td-tree-link td-tree-index-entry", { "is-active": E(s.value) }])
@@ -1137,20 +1137,20 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 					size: 14,
 					class: "td-tree-file-icon"
 				}), t[1] ||= I("span", { class: "td-tree-link-text" }, "Overview", -1)], 10, yr)) : P("", !0),
-				(V(!0), F(j, null, U(te.value, (e) => (V(), F(j, { key: e.kind === "dir" ? e.node.name : e.item.filepath }, [e.kind === "dir" ? (V(), N(r, {
+				(H(!0), F(j, null, W(te.value, (e) => (H(), F(j, { key: e.kind === "dir" ? e.node.name : e.item.filepath }, [e.kind === "dir" ? (H(), N(r, {
 					key: 0,
 					node: e.node,
 					"url-prefix": a.value
-				}, null, 8, ["node", "url-prefix"])) : (V(), F("a", {
+				}, null, 8, ["node", "url-prefix"])) : (H(), F("a", {
 					key: 1,
 					href: q(i)(q(n)(e.item.filepath)),
 					class: B(["td-tree-link", { "is-active": E(q(n)(e.item.filepath)) }])
 				}, [
-					e.item.icon && q(me)(e.item.icon.name) ? (V(), N(G(q(me)(e.item.icon.name)), {
+					e.item.icon && q(me)(e.item.icon.name) ? (H(), N(qe(q(me)(e.item.icon.name)), {
 						key: 0,
 						size: 14,
 						class: "td-tree-file-icon"
-					})) : (V(), N(q(ue), {
+					})) : (H(), N(q(ue), {
 						key: 1,
 						size: 14,
 						class: "td-tree-file-icon"
@@ -1162,9 +1162,9 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 						default: tt(() => [R(mr, { text: q(w)(e.item.filepath, e.item.label) }, null, 8, ["text"])]),
 						_: 2
 					}, 1032, ["text"]),
-					e.item.fileMetadata ? (V(), F("span", xr, K(q(l)(e.item.fileMetadata.mtime)), 1)) : P("", !0)
+					e.item.fileMetadata ? (H(), F("span", xr, K(q(l)(e.item.fileMetadata.mtime)), 1)) : P("", !0)
 				], 10, br))], 64))), 128)),
-				T.value > 0 && !x.value ? (V(), F("button", {
+				T.value > 0 && !x.value ? (H(), F("button", {
 					key: 1,
 					class: "td-tree-more",
 					type: "button",
@@ -1190,7 +1190,7 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 		function o(e) {
 			return t.path === e;
 		}
-		return (e, t) => (V(), F("nav", wr, [I("div", Tr, [I("a", {
+		return (e, t) => (H(), F("nav", wr, [I("div", Tr, [I("a", {
 			href: q(r)(i.value ? q(n)(i.value.filepath) : q(C)("/")),
 			class: B(["td-root-link", { "is-active": o(i.value ? q(n)(i.value.filepath) : q(C)("/")) }]),
 			role: "treeitem"
@@ -1200,42 +1200,42 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 				class: "td-root-link-icon"
 			}),
 			t[0] ||= I("span", { class: "td-root-link-text" }, "Overview", -1),
-			i.value ? (V(), F("span", Dr, K(i.value.fileMetadata ? q(l)(i.value.fileMetadata.mtime) : ""), 1)) : P("", !0)
-		], 10, Er), (V(!0), F(j, null, U(a.value, (e) => (V(), F(j, { key: e.kind === "dir" ? e.node.name : e.item.filepath }, [e.kind === "dir" ? (V(), N(Cr, {
+			i.value ? (H(), F("span", Dr, K(i.value.fileMetadata ? q(l)(i.value.fileMetadata.mtime) : ""), 1)) : P("", !0)
+		], 10, Er), (H(!0), F(j, null, W(a.value, (e) => (H(), F(j, { key: e.kind === "dir" ? e.node.name : e.item.filepath }, [e.kind === "dir" ? (H(), N(Cr, {
 			key: 0,
 			node: e.node
-		}, null, 8, ["node"])) : (V(), F("a", {
+		}, null, 8, ["node"])) : (H(), F("a", {
 			key: 1,
 			href: q(r)(q(n)(e.item.filepath)),
 			class: B(["td-root-link", { "is-active": o(q(n)(e.item.filepath)) }]),
 			role: "treeitem"
 		}, [
-			e.item.icon && q(me)(e.item.icon.name) ? (V(), N(G(q(me)(e.item.icon.name)), {
+			e.item.icon && q(me)(e.item.icon.name) ? (H(), N(qe(q(me)(e.item.icon.name)), {
 				key: 0,
 				size: 14,
 				class: "td-root-link-icon"
-			})) : (V(), N(q(ue), {
+			})) : (H(), N(q(ue), {
 				key: 1,
 				size: 14,
 				class: "td-root-link-icon"
 			})),
 			I("span", kr, K(q(w)(e.item.filepath, e.item.label)), 1),
-			e.item.fileMetadata ? (V(), F("span", Ar, K(q(l)(e.item.fileMetadata.mtime)), 1)) : P("", !0)
+			e.item.fileMetadata ? (H(), F("span", Ar, K(q(l)(e.item.fileMetadata.mtime)), 1)) : P("", !0)
 		], 10, Or))], 64))), 128))])]));
 	}
 }), [["__scopeId", "data-v-d02f24f2"]]), Mr = { class: "td-footer" }, Nr = { key: 0 }, Pr = /*#__PURE__*/ k(/* @__PURE__ */ z({
 	__name: "TdFooter",
 	setup(e) {
 		let t = A(), n = (/* @__PURE__ */ new Date()).getFullYear();
-		return (e, r) => (V(), F("footer", Mr, [r[0] ||= I("span", null, [L(" Powered by "), I("a", {
+		return (e, r) => (H(), F("footer", Mr, [r[0] ||= I("span", null, [L(" Powered by "), I("a", {
 			href: "https://github.com/huydo862003/typerighter",
 			target: "_blank",
 			rel: "noopener noreferrer",
 			class: "td-footer-link"
-		}, "Typerighter")], -1), q(t).author || q(t).license ? (V(), F("span", Nr, [
-			q(t).license ? (V(), F(j, { key: 0 }, [L(K(q(t).license), 1)], 64)) : P("", !0),
-			q(t).license && q(t).author ? (V(), F(j, { key: 1 }, [L(" · ")], 64)) : P("", !0),
-			q(t).author ? (V(), F(j, { key: 2 }, [L("© " + K(q(n)) + " " + K(q(t).author), 1)], 64)) : P("", !0)
+		}, "Typerighter")], -1), q(t).author || q(t).license ? (H(), F("span", Nr, [
+			q(t).license ? (H(), F(j, { key: 0 }, [L(K(q(t).license), 1)], 64)) : P("", !0),
+			q(t).license && q(t).author ? (H(), F(j, { key: 1 }, [L(" · ")], 64)) : P("", !0),
+			q(t).author ? (H(), F(j, { key: 2 }, [L("© " + K(q(n)) + " " + K(q(t).author), 1)], 64)) : P("", !0)
 		])) : P("", !0)]));
 	}
 }), [["__scopeId", "data-v-50e2a5bc"]]), Fr = {
@@ -1262,12 +1262,12 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 		}
 		return J(t, (e) => {
 			typeof document < "u" && (e ? document.addEventListener("click", r) : document.removeEventListener("click", r));
-		}), Ge(() => {
+		}), V(() => {
 			typeof document < "u" && document.removeEventListener("click", r);
-		}), (e, r) => (V(), F("span", ze({
+		}), (e, r) => (H(), F("span", ze({
 			ref_key: "wrapper",
 			ref: n
-		}, e.$attrs, { class: "td-dropdown" }), [I("span", { onClick: i }, [W(e.$slots, "trigger", {}, void 0, !0)]), t.value ? (V(), F("div", Fr, [W(e.$slots, "default", {}, void 0, !0)])) : P("", !0)], 16));
+		}, e.$attrs, { class: "td-dropdown" }), [I("span", { onClick: i }, [G(e.$slots, "trigger", {}, void 0, !0)]), t.value ? (H(), F("div", Fr, [G(e.$slots, "default", {}, void 0, !0)])) : P("", !0)], 16));
 	}
 }), [["__scopeId", "data-v-80759150"]]), Lr = {
 	class: "td-breadcrumb",
@@ -1284,7 +1284,7 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 }, Gr = 3, Kr = /*#__PURE__*/ k(/* @__PURE__ */ z({
 	__name: "TdBreadcrumb",
 	setup(e) {
-		let t = O(), { withBase: n } = A(), i = H(!1), a = M(() => {
+		let t = O(), { withBase: n } = A(), i = U(!1), a = M(() => {
 			let e = r(t.path), i = [{
 				name: "Home",
 				href: n(C("/"))
@@ -1302,10 +1302,10 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 		}), o = M(() => Gr < a.value.length), c = M(() => a.value.slice(1, -2));
 		return J(() => t.path, () => {
 			i.value = !1;
-		}), (e, t) => (V(), F("nav", Lr, [I("a", {
+		}), (e, t) => (H(), F("nav", Lr, [I("a", {
 			href: a.value[0].href,
 			class: "td-breadcrumb-link td-breadcrumb-home"
-		}, K(a.value[0].name), 9, Rr), o.value ? (V(), F(j, { key: 0 }, [
+		}, K(a.value[0].name), 9, Rr), o.value ? (H(), F(j, { key: 0 }, [
 			t[2] ||= I("span", {
 				class: "td-breadcrumb-sep",
 				"aria-hidden": "true"
@@ -1315,29 +1315,29 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 				"onUpdate:open": t[0] ||= (e) => i.value = e
 			}, {
 				trigger: tt(() => [I("button", zr, [R(q(ne), { size: 14 })])]),
-				default: tt(() => [(V(!0), F(j, null, U(c.value, (e) => (V(), F("a", {
+				default: tt(() => [(H(!0), F(j, null, W(c.value, (e) => (H(), F("a", {
 					key: e.href,
 					href: e.href,
 					class: "td-breadcrumb-dropdown-item"
 				}, K(e.name), 9, Br))), 128))]),
 				_: 1
 			}, 8, ["open"]),
-			(V(!0), F(j, null, U(a.value.slice(-2), (e) => (V(), F(j, { key: e.href }, [t[1] ||= I("span", {
+			(H(!0), F(j, null, W(a.value.slice(-2), (e) => (H(), F(j, { key: e.href }, [t[1] ||= I("span", {
 				class: "td-breadcrumb-sep",
 				"aria-hidden": "true"
-			}, "/", -1), e === a.value[a.value.length - 1] ? (V(), F("span", Hr, K(e.name), 1)) : (V(), F("a", {
+			}, "/", -1), e === a.value[a.value.length - 1] ? (H(), F("span", Hr, K(e.name), 1)) : (H(), F("a", {
 				key: 0,
 				href: e.href,
 				class: "td-breadcrumb-link"
 			}, K(e.name), 9, Vr))], 64))), 128))
-		], 64)) : (V(!0), F(j, { key: 1 }, U(a.value.slice(1), (e, n) => (V(), F(j, { key: e.href }, [t[3] ||= I("span", {
+		], 64)) : (H(!0), F(j, { key: 1 }, W(a.value.slice(1), (e, n) => (H(), F(j, { key: e.href }, [t[3] ||= I("span", {
 			class: "td-breadcrumb-sep",
 			"aria-hidden": "true"
-		}, "/", -1), n < a.value.length - 2 ? (V(), F("a", {
+		}, "/", -1), n < a.value.length - 2 ? (H(), F("a", {
 			key: 0,
 			href: e.href,
 			class: "td-breadcrumb-link"
-		}, K(e.name), 9, Ur)) : (V(), F("span", Wr, K(e.name), 1))], 64))), 128))]));
+		}, K(e.name), 9, Ur)) : (H(), F("span", Wr, K(e.name), 1))], 64))), 128))]));
 	}
 }), [["__scopeId", "data-v-3400a7c6"]]), qr = {
 	key: 0,
@@ -1353,13 +1353,13 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 		function a(t) {
 			return !e(t) && i.path.startsWith(r(t));
 		}
-		return (t, i) => q(n).nav?.length ? (V(), F("nav", qr, [(V(!0), F(j, null, U(q(n).nav, (t) => (V(), F("a", {
+		return (t, i) => q(n).nav?.length ? (H(), F("nav", qr, [(H(!0), F(j, null, W(q(n).nav, (t) => (H(), F("a", {
 			key: t.link,
 			href: q(e)(t.link) ? t.link : q(r)(t.link),
 			target: q(e)(t.link) ? "_blank" : void 0,
 			rel: q(e)(t.link) ? "noopener noreferrer" : void 0,
 			class: B(["td-header-nav-link", { "is-active": a(t.link) }])
-		}, [L(K(t.title), 1), q(e)(t.link) ? (V(), N(q(oe), {
+		}, [L(K(t.title), 1), q(e)(t.link) ? (H(), N(q(oe), {
 			key: 0,
 			size: 14
 		})) : P("", !0)], 10, Jr))), 128))])) : P("", !0);
@@ -1378,20 +1378,20 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 		function a(t) {
 			return !e(t) && i.path.startsWith(r(t));
 		}
-		return (t, i) => q(n).nav?.length ? (V(), F("nav", Xr, [(V(!0), F(j, null, U(q(n).nav, (t) => (V(), F("a", {
+		return (t, i) => q(n).nav?.length ? (H(), F("nav", Xr, [(H(!0), F(j, null, W(q(n).nav, (t) => (H(), F("a", {
 			key: t.link,
 			href: q(e)(t.link) ? t.link : q(r)(t.link),
 			target: q(e)(t.link) ? "_blank" : void 0,
 			rel: q(e)(t.link) ? "noopener noreferrer" : void 0,
 			class: B(["td-menu-nav-item", { "is-active": a(t.link) }])
 		}, [
-			t.icon ? (V(), N(Te, {
+			t.icon ? (H(), N(Te, {
 				key: 0,
 				name: t.icon,
 				size: 16
 			}, null, 8, ["name"])) : P("", !0),
 			I("span", null, K(t.title), 1),
-			q(e)(t.link) ? (V(), N(q(oe), {
+			q(e)(t.link) ? (H(), N(q(oe), {
 				key: 1,
 				size: 14
 			})) : P("", !0)
@@ -1401,11 +1401,11 @@ var pr = ["innerHTML"], mr = /* @__PURE__ */ z({
 	__name: "TdWidgetCheckbox",
 	props: { value: {} },
 	setup(e) {
-		return (t, n) => (V(), F("span", $r, [e.value ? (V(), N(q(pt), {
+		return (t, n) => (H(), F("span", $r, [e.value ? (H(), N(q(pt), {
 			key: 0,
 			size: 16,
 			class: "td-widget-checkbox-icon is-checked"
-		})) : (V(), N(q(Ee), {
+		})) : (H(), N(q(Ee), {
 			key: 1,
 			size: 16,
 			class: "td-widget-checkbox-icon"
@@ -1470,7 +1470,7 @@ var ii = {
 	},
 	setup(t) {
 		let { withBase: n } = A(), r = M(() => ni(t.value)), i = M(() => r.value?.icon ? me(r.value.icon.name) : void 0), a = M(() => r.value !== void 0 && e(r.value.url));
-		return (e, o) => r.value ? (V(), F("span", ii, [r.value.isImage ? (V(), F("a", {
+		return (e, o) => r.value ? (H(), F("span", ii, [r.value.isImage ? (H(), F("a", {
 			key: 0,
 			href: q(n)(r.value.url),
 			target: "_blank",
@@ -1482,13 +1482,13 @@ var ii = {
 			alt: r.value.name,
 			class: "td-widget-image-img",
 			loading: "lazy"
-		}, null, 8, oi)], 8, ai)) : r.value.format || r.value.url.includes(".") ? (V(), F("a", {
+		}, null, 8, oi)], 8, ai)) : r.value.format || r.value.url.includes(".") ? (H(), F("a", {
 			key: 1,
 			href: q(n)(r.value.url),
 			target: "_blank",
 			rel: "noopener noreferrer",
 			class: "td-widget-file-link"
-		}, [R(q(E), { class: "td-widget-file-icon" }), I("span", ci, K(r.value.name), 1)], 8, si)) : a.value ? (V(), F("a", {
+		}, [R(q(E), { class: "td-widget-file-icon" }), I("span", ci, K(r.value.name), 1)], 8, si)) : a.value ? (H(), F("a", {
 			key: 2,
 			href: r.value.url,
 			target: "_blank",
@@ -1497,15 +1497,15 @@ var ii = {
 		}, [R(q(oe), {
 			size: 12,
 			class: "td-widget-external-icon"
-		})], 8, li)) : (V(), F("a", {
+		})], 8, li)) : (H(), F("a", {
 			key: 3,
 			href: q(n)(r.value.url),
 			class: "td-widget-ref"
-		}, [i.value && !t.hideIcon ? (V(), N(G(i.value), {
+		}, [i.value && !t.hideIcon ? (H(), N(qe(i.value), {
 			key: 0,
 			size: 14,
 			class: "td-widget-ref-icon"
-		})) : P("", !0), L(K(r.value.name), 1)], 8, ui))])) : (V(), F("span", di, K(t.value), 1));
+		})) : P("", !0), L(K(r.value.name), 1)], 8, ui))])) : (H(), F("span", di, K(t.value), 1));
 	}
 }), [["__scopeId", "data-v-e593af69"]]), pi = { key: 0 }, mi = { class: "td-widget-list td-widget-list-icons" }, hi = { key: 1 }, gi = { class: "td-widget-list" }, _i = 5, vi = /*#__PURE__*/ k(/* @__PURE__ */ z({
 	__name: "TdWidgetList",
@@ -1514,28 +1514,28 @@ var ii = {
 		value: {}
 	},
 	setup(e) {
-		let t = H(!1), n = M(() => Array.isArray(e.value) ? e.value : []), r = M(() => e.definition.items?.widget === "relation"), i = M(() => r.value ? n.value.map((e) => ni(e)).filter((e) => e !== void 0) : []), a = M(() => r.value ? Math.max(0, i.value.length - _i) : Math.max(0, n.value.length - _i));
+		let t = U(!1), n = M(() => Array.isArray(e.value) ? e.value : []), r = M(() => e.definition.items?.widget === "relation"), i = M(() => r.value ? n.value.map((e) => ni(e)).filter((e) => e !== void 0) : []), a = M(() => r.value ? Math.max(0, i.value.length - _i) : Math.max(0, n.value.length - _i));
 		function o() {
 			t.value = !t.value;
 		}
 		function s(e) {
 			return t.value ? e : e.slice(0, _i);
 		}
-		return (e, c) => r.value ? (V(), F("div", pi, [I("ul", mi, [(V(!0), F(j, null, U(s(i.value), (e, t) => (V(), F("li", { key: t }, [(V(), N(G(e.icon ? q(me)(e.icon.name) ?? q(ue) : q(ue)), {
+		return (e, c) => r.value ? (H(), F("div", pi, [I("ul", mi, [(H(!0), F(j, null, W(s(i.value), (e, t) => (H(), F("li", { key: t }, [(H(), N(qe(e.icon ? q(me)(e.icon.name) ?? q(ue) : q(ue)), {
 			size: 14,
 			class: "td-widget-list-icon"
 		})), R(fi, {
 			value: { $ref: e },
 			"hide-icon": ""
-		}, null, 8, ["value"])]))), 128))]), a.value > 0 ? (V(), F("button", {
+		}, null, 8, ["value"])]))), 128))]), a.value > 0 ? (H(), F("button", {
 			key: 0,
 			class: "td-widget-more",
 			type: "button",
 			onClick: o
-		}, K(t.value ? "show less" : `+${a.value} more`), 1)) : P("", !0)])) : (V(), F("div", hi, [I("ul", gi, [(V(!0), F(j, null, U(s(n.value), (e, t) => (V(), F("li", { key: t }, [q(ni)(e) ? (V(), N(fi, {
+		}, K(t.value ? "show less" : `+${a.value} more`), 1)) : P("", !0)])) : (H(), F("div", hi, [I("ul", gi, [(H(!0), F(j, null, W(s(n.value), (e, t) => (H(), F("li", { key: t }, [q(ni)(e) ? (H(), N(fi, {
 			key: 0,
 			value: e
-		}, null, 8, ["value"])) : (V(), F(j, { key: 1 }, [L(K(e), 1)], 64))]))), 128))]), a.value > 0 ? (V(), F("button", {
+		}, null, 8, ["value"])) : (H(), F(j, { key: 1 }, [L(K(e), 1)], 64))]))), 128))]), a.value > 0 ? (H(), F("button", {
 			key: 0,
 			class: "td-widget-more",
 			type: "button",
@@ -1594,15 +1594,15 @@ var Si = 5, Ci = /*#__PURE__*/ k(/* @__PURE__ */ z({
 	__name: "TdWidgetMultiSelect",
 	props: { value: {} },
 	setup(e) {
-		let t = H(!1), n = M(() => Array.isArray(e.value) ? e.value : []), r = M(() => t.value ? n.value : n.value.slice(0, Si)), i = M(() => Math.max(0, n.value.length - Si));
+		let t = U(!1), n = M(() => Array.isArray(e.value) ? e.value : []), r = M(() => t.value ? n.value : n.value.slice(0, Si)), i = M(() => Math.max(0, n.value.length - Si));
 		function a() {
 			t.value = !t.value;
 		}
-		return (e, n) => (V(), F(j, null, [(V(!0), F(j, null, U(r.value, (e, t) => (V(), F("span", {
+		return (e, n) => (H(), F(j, null, [(H(!0), F(j, null, W(r.value, (e, t) => (H(), F("span", {
 			key: t,
 			class: "td-widget-pill",
 			style: Ve(q(bi)(e))
-		}, K(e), 5))), 128)), i.value > 0 ? (V(), F("button", {
+		}, K(e), 5))), 128)), i.value > 0 ? (H(), F("button", {
 			key: 0,
 			class: "td-widget-more",
 			type: "button",
@@ -1613,7 +1613,7 @@ var Si = 5, Ci = /*#__PURE__*/ k(/* @__PURE__ */ z({
 	__name: "TdWidgetSelect",
 	props: { value: {} },
 	setup(e) {
-		return (t, n) => (V(), F("span", {
+		return (t, n) => (H(), F("span", {
 			class: "td-widget-pill",
 			style: Ve(q(bi)(e.value))
 		}, K(e.value), 5));
@@ -1629,7 +1629,7 @@ var Si = 5, Ci = /*#__PURE__*/ k(/* @__PURE__ */ z({
 		function c(t) {
 			return t == null ? "" : e.definition.widget === "date" ? g(String(t)) : String(t);
 		}
-		return (t, a) => i.value ? (V(), F("a", {
+		return (t, a) => i.value ? (H(), F("a", {
 			key: 0,
 			href: o.value,
 			target: "_blank",
@@ -1641,13 +1641,13 @@ var Si = 5, Ci = /*#__PURE__*/ k(/* @__PURE__ */ z({
 			alt: r.value ? r.value.name : n.value,
 			class: "td-widget-image-img",
 			loading: "lazy"
-		}, null, 8, Ei)], 8, Ti)) : s.value ? (V(), F("a", {
+		}, null, 8, Ei)], 8, Ti)) : s.value ? (H(), F("a", {
 			key: 1,
 			href: o.value,
 			target: "_blank",
 			rel: "noopener noreferrer",
 			class: "td-widget-file-link"
-		}, [R(q(E), { class: "td-widget-file-icon" }), I("span", Oi, K(n.value.split("/").pop() ?? n.value), 1)], 8, Di)) : (V(), F(j, { key: 2 }, [L(K(c(e.value)), 1)], 64));
+		}, [R(q(E), { class: "td-widget-file-icon" }), I("span", Oi, K(n.value.split("/").pop() ?? n.value), 1)], 8, Di)) : (H(), F(j, { key: 2 }, [L(K(c(e.value)), 1)], 64));
 	}
 }), [["__scopeId", "data-v-37708635"]]), Ai = {
 	key: 0,
@@ -1659,23 +1659,23 @@ var Si = 5, Ci = /*#__PURE__*/ k(/* @__PURE__ */ z({
 		value: {}
 	},
 	setup(e) {
-		return (t, n) => e.value === void 0 || e.value === null ? (V(), F("span", Ai, "Empty")) : e.definition.widget === "checkbox" ? (V(), N(ei, {
+		return (t, n) => e.value === void 0 || e.value === null ? (H(), F("span", Ai, "Empty")) : e.definition.widget === "checkbox" ? (H(), N(ei, {
 			key: 1,
 			value: e.value
-		}, null, 8, ["value"])) : e.definition.widget === "select" ? (V(), N(wi, {
+		}, null, 8, ["value"])) : e.definition.widget === "select" ? (H(), N(wi, {
 			key: 2,
 			value: e.value
-		}, null, 8, ["value"])) : e.definition.widget === "multiSelect" ? (V(), N(Ci, {
+		}, null, 8, ["value"])) : e.definition.widget === "multiSelect" ? (H(), N(Ci, {
 			key: 3,
 			value: e.value
-		}, null, 8, ["value"])) : q(ni)(e.value) || e.definition.widget === "relation" ? (V(), N(fi, {
+		}, null, 8, ["value"])) : q(ni)(e.value) || e.definition.widget === "relation" ? (H(), N(fi, {
 			key: 4,
 			value: e.value
-		}, null, 8, ["value"])) : Array.isArray(e.value) || e.definition.widget === "list" ? (V(), N(vi, {
+		}, null, 8, ["value"])) : Array.isArray(e.value) || e.definition.widget === "list" ? (H(), N(vi, {
 			key: 5,
 			definition: e.definition,
 			value: e.value
-		}, null, 8, ["definition", "value"])) : (V(), N(ki, {
+		}, null, 8, ["definition", "value"])) : (H(), N(ki, {
 			key: 6,
 			definition: e.definition,
 			value: e.value
@@ -1719,40 +1719,40 @@ var Si = 5, Ci = /*#__PURE__*/ k(/* @__PURE__ */ z({
 		function a(e) {
 			return i[e] ?? ht;
 		}
-		let o = H(!1), s = H(!1);
+		let o = U(!1), s = U(!1);
 		function c() {
 			o.value = !o.value;
 		}
 		function l() {
 			s.value = !s.value;
 		}
-		return (t, n) => e.mode === "rail" && r.value.length > 0 ? (V(), F("div", Mi, [I("button", {
+		return (t, n) => e.mode === "rail" && r.value.length > 0 ? (H(), F("div", Mi, [I("button", {
 			type: "button",
 			class: "td-fm-rail-header",
 			onClick: l
 		}, [n[0] ||= I("span", { class: "td-fm-rail-label" }, "Properties", -1), R(q(ee), {
 			size: 14,
 			class: B(["td-fm-rail-caret", { "is-collapsed": s.value }])
-		}, null, 8, ["class"])]), I("div", { class: B(["td-collapse", { "is-collapsed": s.value }]) }, [I("div", null, [(V(!0), F(j, null, U(r.value, ([t, n]) => (V(), F("div", {
+		}, null, 8, ["class"])]), I("div", { class: B(["td-collapse", { "is-collapsed": s.value }]) }, [I("div", null, [(H(!0), F(j, null, W(r.value, ([t, n]) => (H(), F("div", {
 			key: t,
 			class: "td-fm-rail-row"
-		}, [I("span", Ni, [(V(), N(G(a(n.widget)), {
+		}, [I("span", Ni, [(H(), N(qe(a(n.widget)), {
 			size: 12,
 			class: "td-fm-icon"
 		})), L(" " + K(q(v)(t)), 1)]), I("span", Pi, [R(ji, {
 			definition: n,
 			value: e.frontmatter[t]
-		}, null, 8, ["definition", "value"])])]))), 128))])], 2)])) : r.value.length > 0 ? (V(), F("div", Fi, [I("button", {
+		}, null, 8, ["definition", "value"])])]))), 128))])], 2)])) : r.value.length > 0 ? (H(), F("div", Fi, [I("button", {
 			type: "button",
 			class: "td-fm-box-header",
 			onClick: c
-		}, [I("span", Ii, [n[1] ||= L("Properties ", -1), I("span", Li, K(r.value.length), 1)]), I("span", Ri, [L(K(o.value ? "Show" : "Hide") + " ", 1), o.value ? (V(), N(q(se), {
+		}, [I("span", Ii, [n[1] ||= L("Properties ", -1), I("span", Li, K(r.value.length), 1)]), I("span", Ri, [L(K(o.value ? "Show" : "Hide") + " ", 1), o.value ? (H(), N(q(se), {
 			key: 1,
 			size: 14
-		})) : (V(), N(q(ee), {
+		})) : (H(), N(q(ee), {
 			key: 0,
 			size: 14
-		}))])]), I("div", { class: B(["td-collapse", { "is-collapsed": o.value }]) }, [I("div", zi, [(V(!0), F(j, null, U(r.value, ([t, n]) => (V(), F(j, { key: t }, [I("span", Bi, [(V(), N(G(a(n.widget)), {
+		}))])]), I("div", { class: B(["td-collapse", { "is-collapsed": o.value }]) }, [I("div", zi, [(H(!0), F(j, null, W(r.value, ([t, n]) => (H(), F(j, { key: t }, [I("span", Bi, [(H(), N(qe(a(n.widget)), {
 			size: 12,
 			class: "td-fm-icon"
 		})), L(" " + K(q(v)(t)), 1)]), I("span", Vi, [R(ji, {
@@ -1760,7 +1760,7 @@ var Si = 5, Ci = /*#__PURE__*/ k(/* @__PURE__ */ z({
 			value: e.frontmatter[t]
 		}, null, 8, ["definition", "value"])])], 64))), 128))])], 2)])) : P("", !0);
 	}
-}), [["__scopeId", "data-v-1b3924e7"]]), Ui = H(!1);
+}), [["__scopeId", "data-v-1b3924e7"]]), Ui = U(!1);
 function Wi() {
 	function e() {
 		Ui.value = !Ui.value;
@@ -1772,7 +1772,7 @@ function Wi() {
 		Ui.value = !1;
 	}
 	return {
-		isOpen: Ke(Ui),
+		isOpen: Ge(Ui),
 		toggle: e,
 		open: t,
 		close: n
@@ -1784,16 +1784,16 @@ var Gi = /* @__PURE__ */ z({
 	__name: "TdMenuButton",
 	setup(e) {
 		let { isOpen: t, toggle: n } = Wi();
-		return (e, r) => (V(), N(St, {
+		return (e, r) => (H(), N(St, {
 			class: "td-menu-button",
 			label: q(t) ? "Close menu" : "Open menu",
 			"aria-expanded": q(t),
 			onClick: q(n)
 		}, {
-			default: tt(() => [q(t) ? (V(), N(q(_e), {
+			default: tt(() => [q(t) ? (H(), N(q(_e), {
 				key: 0,
 				size: 20
-			})) : (V(), N(q(Oe), {
+			})) : (H(), N(q(Oe), {
 				key: 1,
 				size: 20
 			}))]),
@@ -1895,25 +1895,25 @@ var Zi = {
 	__name: "TdPreviousNext",
 	setup(e) {
 		let { previous: t, next: n, groupName: r } = Ki();
-		return (e, i) => q(t) || q(n) ? (V(), F("nav", Zi, [q(t) ? (V(), F("a", {
+		return (e, i) => q(t) || q(n) ? (H(), F("nav", Zi, [q(t) ? (H(), F("a", {
 			key: 0,
 			href: q(t).url,
 			class: "td-prevnext-link is-previous"
 		}, [I("span", $i, [R(q(be), {
 			size: 14,
 			class: "td-prevnext-chevron"
-		}), L(" " + K(q(r) ? `Previous in ${q(r)}` : "Previous"), 1)]), I("span", ea, K(q(t).title), 1)], 8, Qi)) : (V(), F("span", ta)), q(n) ? (V(), F("a", {
+		}), L(" " + K(q(r) ? `Previous in ${q(r)}` : "Previous"), 1)]), I("span", ea, K(q(t).title), 1)], 8, Qi)) : (H(), F("span", ta)), q(n) ? (H(), F("a", {
 			key: 2,
 			href: q(n).url,
 			class: "td-prevnext-link is-next"
 		}, [I("span", ra, [L(K(q(r) ? `Next in ${q(r)}` : "Next") + " ", 1), R(q(se), {
 			size: 14,
 			class: "td-prevnext-chevron"
-		})]), I("span", ia, K(q(n).title), 1)], 8, na)) : (V(), F("span", aa))])) : P("", !0);
+		})]), I("span", ia, K(q(n).title), 1)], 8, na)) : (H(), F("span", aa))])) : P("", !0);
 	}
 }), [["__scopeId", "data-v-8ea01cd7"]]), sa = 100;
 function ca(e) {
-	let t = H(void 0), n = [], r;
+	let t = U(void 0), n = [], r;
 	function i() {
 		if (n.length === 0) return;
 		let e = window.scrollY;
@@ -1937,7 +1937,7 @@ function ca(e) {
 	}
 	return Ue(() => {
 		window.addEventListener("scroll", a);
-	}), Ge(() => {
+	}), V(() => {
 		window.removeEventListener("scroll", a), r !== void 0 && cancelAnimationFrame(r);
 	}), J(e, (e) => {
 		typeof window < "u" && Be(() => o(e));
@@ -1972,7 +1972,7 @@ var ua = {
 			}
 			return t;
 		}), n = e.static ? M(() => void 0) : ca(() => t.value);
-		return (r, i) => e.headings.length ? (V(), F("div", ua, [i[0] ||= I("div", { class: "td-toc-label" }, " On this page ", -1), I("ul", da, [(V(!0), F(j, null, U(t.value, (e) => (V(), F("li", {
+		return (r, i) => e.headings.length ? (H(), F("div", ua, [i[0] ||= I("div", { class: "td-toc-label" }, " On this page ", -1), I("ul", da, [(H(!0), F(j, null, W(t.value, (e) => (H(), F("li", {
 			key: e.slug,
 			class: B({
 				"td-toc-indent-1": e.level === 3,
@@ -1989,7 +1989,7 @@ var ua = {
 	__name: "TdRail",
 	setup(e) {
 		let { page: t } = fe();
-		return (e, n) => (V(), F("aside", ma, [R(q(Hi), {
+		return (e, n) => (H(), F("aside", ma, [R(q(Hi), {
 			mode: "rail",
 			schema: q(t).schema,
 			frontmatter: q(t).frontmatter
@@ -2013,7 +2013,7 @@ var ua = {
 			55,
 			72
 		];
-		return (n, r) => (V(), F("div", ga, [(V(!0), F(j, null, U(e.lines, (e) => (V(), F("div", {
+		return (n, r) => (H(), F("div", ga, [(H(!0), F(j, null, W(e.lines, (e) => (H(), F("div", {
 			key: e,
 			class: "td-skeleton-line",
 			style: Ve({ width: `${t[(e - 1) % t.length]}%` })
@@ -2032,11 +2032,11 @@ var ua = {
 			Be(() => {
 				n.value?.querySelector(".is-active")?.scrollIntoView({ block: "nearest" });
 			});
-		}, { immediate: !0 }), (t, r) => (V(), F("div", {
+		}, { immediate: !0 }), (t, r) => (H(), F("div", {
 			ref_key: "scrollElement",
 			ref: n,
 			class: "td-sidebar-scroll"
-		}, [!e.searchActive && !e.ready ? (V(), N(_a, { key: 0 })) : e.searchActive ? P("", !0) : (V(), N(jr, {
+		}, [!e.searchActive && !e.ready ? (H(), N(_a, { key: 0 })) : e.searchActive ? P("", !0) : (H(), N(jr, {
 			key: 1,
 			tree: e.tree
 		}, null, 8, ["tree"]))], 512));
@@ -2069,10 +2069,10 @@ var ua = {
 			let i = n[e];
 			return i ? { label: i } : { label: e.toUpperCase() };
 		}));
-		return (e, t) => (V(), F("span", ya, [(V(!0), F(j, null, U(r.value, (e, t) => (V(), F("kbd", { key: t }, [e.icon ? (V(), N(G(e.icon), {
+		return (e, t) => (H(), F("span", ya, [(H(!0), F(j, null, W(r.value, (e, t) => (H(), F("kbd", { key: t }, [e.icon ? (H(), N(qe(e.icon), {
 			key: 0,
 			size: 12
-		})) : (V(), F(j, { key: 1 }, [L(K(e.label), 1)], 64))]))), 128))]));
+		})) : (H(), F(j, { key: 1 }, [L(K(e.label), 1)], 64))]))), 128))]));
 	}
 }), [["__scopeId", "data-v-b61b97da"]]), xa = 120;
 function Sa() {
@@ -2174,7 +2174,7 @@ var wa = { class: "td-search" }, Ta = { class: "td-search-input-wrap" }, Ea = {
 	},
 	emits: /*@__PURE__*/ Re(["select"], ["update:active", "update:query"]),
 	setup(e, { expose: t, emit: n }) {
-		let r = Ze(e, "active"), i = Ze(e, "query"), a = n, s = O(), { withBase: c } = A(), { results: l, searching: u, indexLoaded: d, search: f, cancel: p } = Sa(), m = H(-1), h = M(() => 0 < i.value.trim().length), g = M(() => {
+		let r = Ze(e, "active"), i = Ze(e, "query"), a = n, s = O(), { withBase: c } = A(), { results: l, searching: u, indexLoaded: d, search: f, cancel: p } = Sa(), m = U(-1), h = M(() => 0 < i.value.trim().length), g = M(() => {
 			let e = [], t = /* @__PURE__ */ new Map();
 			for (let n of l.value) {
 				let r = o(n.id), i = t.get(r);
@@ -2238,7 +2238,7 @@ var wa = { class: "td-search" }, Ta = { class: "td-search-input-wrap" }, Ea = {
 			get isFocused() {
 				return document.activeElement === w.value;
 			}
-		}), (e, t) => (V(), F("div", wa, [
+		}), (e, t) => (H(), F("div", wa, [
 			I("div", Ta, [
 				R(q(ke), {
 					size: 14,
@@ -2254,17 +2254,17 @@ var wa = { class: "td-search" }, Ta = { class: "td-search-input-wrap" }, Ea = {
 					placeholder: "Search...",
 					onKeydown: x
 				}, null, 544), [[$e, i.value]]),
-				!h.value && !q(u) ? (V(), N(ba, {
+				!h.value && !q(u) ? (H(), N(ba, {
 					key: 0,
 					keys: [q($).Meta, q($).k],
 					class: "td-search-kbd"
 				}, null, 8, ["keys"])) : P("", !0),
-				q(u) || !q(d) ? (V(), N(q(ut), {
+				q(u) || !q(d) ? (H(), N(q(ut), {
 					key: 1,
 					size: 12,
 					class: "td-search-spinner"
-				})) : h.value ? (V(), F("span", Ea, K(q(l).length), 1)) : P("", !0),
-				i.value ? (V(), F("button", {
+				})) : h.value ? (H(), F("span", Ea, K(q(l).length), 1)) : P("", !0),
+				i.value ? (H(), F("button", {
 					key: 3,
 					class: "td-search-clear",
 					type: "button",
@@ -2272,10 +2272,10 @@ var wa = { class: "td-search" }, Ta = { class: "td-search-input-wrap" }, Ea = {
 					onClick: _
 				}, [R(q(_e), { size: 12 })])) : P("", !0)
 			]),
-			h.value && q(l).length > 0 ? (V(), F("div", Da, [(V(!0), F(j, null, U(g.value, (e) => (V(), F("div", {
+			h.value && q(l).length > 0 ? (H(), F("div", Da, [(H(!0), F(j, null, W(g.value, (e) => (H(), F("div", {
 				key: e.pageUrl,
 				class: "td-search-group"
-			}, [(V(!0), F(j, null, U(e.results, (e) => (V(), F("a", {
+			}, [(H(!0), F(j, null, W(e.results, (e) => (H(), F("a", {
 				key: e.id,
 				href: q(c)(e.id),
 				class: B(["td-search-result", {
@@ -2289,27 +2289,27 @@ var wa = { class: "td-search" }, Ta = { class: "td-search-input-wrap" }, Ea = {
 					innerHTML: q(Ca)(e.title, i.value)
 				}, null, 8, ka),
 				I("span", Aa, K(e.id), 1),
-				e.excerpt ? (V(), F("span", {
+				e.excerpt ? (H(), F("span", {
 					key: 0,
 					class: "td-search-result-excerpt",
 					innerHTML: q(Ca)(e.excerpt, i.value)
 				}, null, 8, ja)) : P("", !0)
 			], 10, Oa))), 128))]))), 128))])) : P("", !0),
-			h.value && q(l).length === 0 ? (V(), F("div", Ma, " No results for \"" + K(i.value) + "\" ", 1)) : P("", !0)
+			h.value && q(l).length === 0 ? (H(), F("div", Ma, " No results for \"" + K(i.value) + "\" ", 1)) : P("", !0)
 		]));
 	}
 }), [["__scopeId", "data-v-999e1838"]]), Pa = /* @__PURE__ */ z({
 	__name: "TdThemeToggle",
 	setup(e) {
 		let { isDark: t, toggle: n } = Se();
-		return (e, r) => (V(), N(St, {
+		return (e, r) => (H(), N(St, {
 			label: q(t) ? "Switch to light mode" : "Switch to dark mode",
 			onClick: q(n)
 		}, {
-			default: tt(() => [q(t) ? (V(), N(q(de), {
+			default: tt(() => [q(t) ? (H(), N(q(de), {
 				key: 0,
 				size: 18
-			})) : (V(), N(q(pe), {
+			})) : (H(), N(q(pe), {
 				key: 1,
 				size: 18
 			}))]),
@@ -2333,7 +2333,7 @@ function Fa() {
 	}
 	Ue(() => {
 		document.addEventListener("click", e);
-	}), Ge(() => {
+	}), V(() => {
 		document.removeEventListener("click", e);
 	});
 }
@@ -2351,7 +2351,7 @@ function Ia() {
 	}
 	Ue(() => {
 		document.addEventListener("click", e);
-	}), Ge(() => {
+	}), V(() => {
 		document.removeEventListener("click", e);
 	});
 }
@@ -2367,7 +2367,7 @@ function Ra(e, t) {
 	function n(n) {
 		n.defaultPrevented || Ba(n, e) && (n.preventDefault(), t(n));
 	}
-	Ue(() => window.addEventListener("keydown", n)), Ge(() => window.removeEventListener("keydown", n));
+	Ue(() => window.addEventListener("keydown", n)), V(() => window.removeEventListener("keydown", n));
 }
 function za(e) {
 	let t = [];
@@ -2385,7 +2385,7 @@ function za(e) {
 	}
 	return J(e, (e, t) => {
 		t?.removeEventListener("keydown", r), e?.addEventListener("keydown", r);
-	}, { immediate: !0 }), Ge(() => {
+	}, { immediate: !0 }), V(() => {
 		e.value?.removeEventListener("keydown", r);
 	}), { register: n };
 }
@@ -2430,7 +2430,7 @@ function Ua() {
 	}
 	Ue(() => {
 		document.addEventListener("pointermove", r), document.addEventListener("pointerdown", i);
-	}), Ge(() => {
+	}), V(() => {
 		document.removeEventListener("pointermove", r), document.removeEventListener("pointerdown", i);
 	});
 }
@@ -2464,7 +2464,7 @@ function qa() {
 			childList: !0,
 			subtree: !0
 		}));
-	}), Ge(() => {
+	}), V(() => {
 		e?.disconnect();
 	});
 }
@@ -2484,32 +2484,82 @@ async function Ja() {
 	}), Ga;
 }
 //#endregion
+//#region src/client/theme-default/composables/useD2.ts
+var Ya = "https://esm.sh/@terrastruct/d2", Xa, Za = 0;
+function Qa() {
+	let e;
+	async function t() {
+		let e = document.getElementById("td-content");
+		if (!e) return;
+		let t = e.querySelectorAll(".td-d2-placeholder");
+		if (t.length === 0) return;
+		let n = await $a();
+		if (n) for (let e of t) {
+			let t = e.querySelector("code");
+			if (!t) continue;
+			let r = `td-d2-${Za++}`;
+			try {
+				let i = await n.compile(t.textContent ?? "", { layout: "dagre" }), a = await n.render(i.diagram, {
+					...i.renderOptions,
+					themeID: document.documentElement.classList.contains("dark") ? 200 : 0
+				}), o = document.createElement("div");
+				o.className = "td-d2", o.id = r, o.innerHTML = a, e.replaceWith(o);
+			} catch {
+				e.classList.add("td-d2-error");
+			}
+		}
+	}
+	Ue(() => {
+		t();
+		let n = document.getElementById("td-content");
+		n && (e = new MutationObserver(t), e.observe(n, {
+			childList: !0,
+			subtree: !0
+		}));
+	}), V(() => {
+		e?.disconnect();
+	});
+}
+async function $a() {
+	if (Xa) return Xa;
+	try {
+		let e = await import(
+			/* @vite-ignore */
+			Ya
+);
+		Xa = new (e.D2 || (e.default?.D2) || e.default)();
+	} catch {
+		return;
+	}
+	return Xa;
+}
+//#endregion
 //#region src/client/theme-default/TdLayout.vue?vue&type=script&setup=true&lang.ts
-var Ya = { class: "td-header" }, Xa = { class: "td-header-left" }, Za = ["href"], Qa = { class: "td-brand-name" }, $a = { class: "td-header-right" }, eo = ["href"], to = { class: "td-drawer-header" }, no = ["href"], ro = { class: "td-brand-name" }, io = {
+var eo = { class: "td-header" }, to = { class: "td-header-left" }, no = ["href"], ro = { class: "td-brand-name" }, io = { class: "td-header-right" }, ao = ["href"], oo = { class: "td-drawer-header" }, so = ["href"], co = { class: "td-brand-name" }, lo = {
 	key: 0,
 	class: "pt-4",
 	"aria-label": "Site navigation"
-}, ao = { class: "td-page" }, oo = ["onKeydown"], so = { class: "td-main-and-rail" }, co = { class: "td-main" }, lo = {
+}, uo = { class: "td-page" }, fo = ["onKeydown"], po = { class: "td-main-and-rail" }, mo = { class: "td-main" }, ho = {
 	id: "td-content",
 	class: "td-content",
 	"data-testid": "content"
-}, uo = {
+}, go = {
 	key: 0,
 	class: "td-page-eyebrow"
-}, fo = {
+}, _o = {
 	key: 1,
 	class: "td-page-icon"
-}, po = ["innerHTML"], mo = {
+}, vo = ["innerHTML"], yo = {
 	key: 3,
 	class: "td-page-meta"
-}, ho = { key: 0 }, go = { class: "td-content-body" }, _o = ["href"], vo = 200, yo = 500, bo = 300, xo = "td-sidebar-width", So = /*#__PURE__*/ k(/* @__PURE__ */ z({
+}, bo = { key: 0 }, xo = { class: "td-content-body" }, So = ["href"], Co = 200, wo = 500, To = 300, Eo = "td-sidebar-width", Do = /*#__PURE__*/ k(/* @__PURE__ */ z({
 	__name: "TdLayout",
 	setup(e) {
 		let { title: t, page: n } = fe(), i = M(() => {
 			let e = n.value.icon;
 			return e ? me(e.name) : void 0;
-		}), a = A(), { withBase: o } = a, s = ve(), c = M(() => s.value.ready), { isOpen: l, open: u, close: d } = Wi(), f = H(""), p = H(!1), m = H(!1), h = O();
-		J(() => h.path, () => d()), Fa(), Ia(), qa();
+		}), a = A(), { withBase: o } = a, s = ve(), c = M(() => s.value.ready), { isOpen: l, open: u, close: d } = Wi(), f = U(""), p = U(!1), m = U(!1), h = O();
+		J(() => h.path, () => d()), Fa(), Ia(), qa(), Qa();
 		let g = Qe("sidebarSearch"), _ = Qe("menuSearch");
 		function v(e) {
 			let t = a.repo;
@@ -2529,43 +2579,43 @@ var Ya = { class: "td-header" }, Xa = { class: "td-header-left" }, Za = ["href"]
 			let i = n.value.frontmatter?.description === void 0 ? a.description ?? "" : String(n.value.frontmatter.description), o = document.querySelector("meta[name=\"description\"]");
 			o && o.setAttribute("content", i);
 		}), Ua();
-		let x = H(typeof localStorage < "u" && Number(localStorage.getItem(xo)) || bo);
+		let x = U(typeof localStorage < "u" && Number(localStorage.getItem(Eo)) || To);
 		function S() {
-			x.value = Math.min(yo, x.value + 20);
+			x.value = Math.min(wo, x.value + 20);
 		}
 		function w(e) {
 			let t = e.clientX, n = x.value, r = e.currentTarget;
 			r.setPointerCapture(e.pointerId);
 			function i(e) {
-				let r = Math.min(yo, window.innerWidth * .85), i = Math.min(r, Math.max(vo, n + e.clientX - t));
+				let r = Math.min(wo, window.innerWidth * .85), i = Math.min(r, Math.max(Co, n + e.clientX - t));
 				x.value = i;
 			}
 			function a() {
-				document.body.style.cursor = "", r.removeEventListener("pointermove", i), r.removeEventListener("pointerup", a), localStorage.setItem(xo, String(x.value));
+				document.body.style.cursor = "", r.removeEventListener("pointermove", i), r.removeEventListener("pointerup", a), localStorage.setItem(Eo, String(x.value));
 			}
 			document.body.style.cursor = "col-resize", r.addEventListener("pointermove", i), r.addEventListener("pointerup", a);
 		}
 		function T() {
-			x.value = Math.max(vo, x.value - 20);
+			x.value = Math.max(Co, x.value - 20);
 		}
-		return (e, r) => (V(), F("div", null, [
-			W(e.$slots, "layout-top", {}, void 0, !0),
+		return (e, r) => (H(), F("div", null, [
+			G(e.$slots, "layout-top", {}, void 0, !0),
 			r[6] ||= I("a", {
 				href: "#td-content",
 				class: "td-skip-link"
 			}, "Skip to content", -1),
-			I("header", Ya, [
-				I("div", Xa, [
+			I("header", eo, [
+				I("div", to, [
 					R(Gi, { onClick: b }),
 					I("a", {
 						href: q(o)(q(C)("/")),
 						class: "td-brand"
-					}, [R(bt), I("span", Qa, K(q(a).title || "Typedown"), 1)], 8, Za),
+					}, [R(bt), I("span", ro, K(q(a).title || "Typedown"), 1)], 8, no),
 					R(Kr, { class: "td-header-breadcrumb" })
 				]),
 				R(q(Yr)),
-				W(e.$slots, "nav-bar-after", {}, void 0, !0),
-				I("div", $a, [R(Pa), q(a).repo ? (V(), F("a", {
+				G(e.$slots, "nav-bar-after", {}, void 0, !0),
+				I("div", io, [R(Pa), q(a).repo ? (H(), F("a", {
 					key: 0,
 					href: q(a).repo.url,
 					target: "_blank",
@@ -2583,7 +2633,7 @@ var Ya = { class: "td-header" }, Xa = { class: "td-header-left" }, Za = ["href"]
 					"fill-rule": "evenodd",
 					"clip-rule": "evenodd",
 					d: "M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59\n              2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367\n              7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778\n              5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125\n              0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2\n              0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364\n              19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"
-				})], -1)]], 8, eo)) : P("", !0)])
+				})], -1)]], 8, ao)) : P("", !0)])
 			]),
 			I("div", {
 				class: B(["td-drawer-scrim", { "is-open": q(l) }]),
@@ -2597,10 +2647,10 @@ var Ya = { class: "td-header" }, Xa = { class: "td-header-left" }, Za = ["href"]
 					class: "td-resize-handle",
 					onPointerdown: it(w, ["prevent"])
 				}, null, 32),
-				I("header", to, [I("a", {
+				I("header", oo, [I("a", {
 					href: q(o)(q(C)("/")),
 					class: "td-brand"
-				}, [R(bt), I("span", ro, K(q(a).title || "Typedown"), 1)], 8, no), R(St, {
+				}, [R(bt), I("span", co, K(q(a).title || "Typedown"), 1)], 8, so), R(St, {
 					label: "Close menu",
 					onClick: q(d)
 				}, {
@@ -2621,18 +2671,18 @@ var Ya = { class: "td-header" }, Xa = { class: "td-header-left" }, Za = ["href"]
 					"active",
 					"onSelect"
 				]),
-				m.value ? P("", !0) : (V(), F("nav", io, [c.value ? (V(), N(jr, {
+				m.value ? P("", !0) : (H(), F("nav", lo, [c.value ? (H(), N(jr, {
 					key: 1,
 					tree: q(s).contentTree
-				}, null, 8, ["tree"])) : (V(), N(_a, { key: 0 }))]))
+				}, null, 8, ["tree"])) : (H(), N(_a, { key: 0 }))]))
 			], 6),
-			I("div", ao, [I("nav", {
+			I("div", uo, [I("nav", {
 				class: "td-sidebar-left",
 				"data-testid": "sidebar",
 				"aria-label": "Site navigation",
 				style: Ve({ width: `${x.value}px` })
 			}, [
-				W(e.$slots, "sidebar-top", {}, void 0, !0),
+				G(e.$slots, "sidebar-top", {}, void 0, !0),
 				R(Na, {
 					ref_key: "sidebarSearch",
 					ref: g,
@@ -2651,7 +2701,7 @@ var Ya = { class: "td-header" }, Xa = { class: "td-header-left" }, Za = ["href"]
 					"search-active",
 					"ready"
 				]),
-				W(e.$slots, "sidebar-bottom", {}, void 0, !0),
+				G(e.$slots, "sidebar-bottom", {}, void 0, !0),
 				I("div", {
 					class: "td-resize-handle",
 					role: "separator",
@@ -2660,62 +2710,62 @@ var Ya = { class: "td-header" }, Xa = { class: "td-header-left" }, Za = ["href"]
 					tabindex: "0",
 					onPointerdown: it(w, ["prevent"]),
 					onKeydown: [rt(it(T, ["prevent"]), ["left"]), rt(it(S, ["prevent"]), ["right"])]
-				}, null, 40, oo)
-			], 4), I("div", so, [I("main", co, [I("article", lo, [
-				W(e.$slots, "doc-before", {}, void 0, !0),
-				q(n).schema ? (V(), F("div", uo, K(q(n).schemaLabel ?? q(n).schema), 1)) : P("", !0),
-				i.value ? (V(), F("div", fo, [(V(), N(G(i.value), { size: 32 }))])) : P("", !0),
-				q(t) ? (V(), F("h1", {
+				}, null, 40, fo)
+			], 4), I("div", po, [I("main", mo, [I("article", ho, [
+				G(e.$slots, "doc-before", {}, void 0, !0),
+				q(n).schema ? (H(), F("div", go, K(q(n).schemaLabel ?? q(n).schema), 1)) : P("", !0),
+				i.value ? (H(), F("div", _o, [(H(), N(qe(i.value), { size: 32 }))])) : P("", !0),
+				q(t) ? (H(), F("h1", {
 					key: 2,
 					class: "td-page-title",
 					innerHTML: q(n).titleHtml
-				}, null, 8, po)) : P("", !0),
-				q(n).fileMetadata ? (V(), F("div", mo, [I("span", null, K(q(y)(q(n).fileMetadata.mtime, "Modified")), 1), q(n).fileMetadata.ctime === q(n).fileMetadata.mtime ? P("", !0) : (V(), F("span", ho, " · " + K(q(y)(q(n).fileMetadata.ctime, "Created")), 1))])) : P("", !0),
+				}, null, 8, vo)) : P("", !0),
+				q(n).fileMetadata ? (H(), F("div", yo, [I("span", null, K(q(y)(q(n).fileMetadata.mtime, "Modified")), 1), q(n).fileMetadata.ctime === q(n).fileMetadata.mtime ? P("", !0) : (H(), F("span", bo, " · " + K(q(y)(q(n).fileMetadata.ctime, "Created")), 1))])) : P("", !0),
 				R(q(Hi), {
 					class: "td-frontmatter-inline",
 					schema: q(n).schema,
 					frontmatter: q(n).frontmatter
 				}, null, 8, ["schema", "frontmatter"]),
-				q(n).headings.length > 0 ? (V(), N(pa, {
+				q(n).headings.length > 0 ? (H(), N(pa, {
 					key: 4,
 					class: "td-toc-inline",
 					headings: q(n).headings,
 					static: ""
 				}, null, 8, ["headings"])) : P("", !0),
-				W(e.$slots, "doc-content-before", {}, void 0, !0),
-				I("div", go, [R(q(we))]),
-				W(e.$slots, "doc-content-after", {}, void 0, !0),
+				G(e.$slots, "doc-content-before", {}, void 0, !0),
+				I("div", xo, [R(q(we))]),
+				G(e.$slots, "doc-content-after", {}, void 0, !0),
 				R(oa),
-				q(a).repo && q(n).filepath ? (V(), F("a", {
+				q(a).repo && q(n).filepath ? (H(), F("a", {
 					key: 5,
 					href: v(q(n).filepath),
 					target: "_blank",
 					rel: "noopener noreferrer",
 					class: "td-page-edit"
-				}, "Edit this page", 8, _o)) : P("", !0),
-				W(e.$slots, "doc-after", {}, void 0, !0)
+				}, "Edit this page", 8, So)) : P("", !0),
+				G(e.$slots, "doc-after", {}, void 0, !0)
 			])]), R(ha, { class: "td-rail" })])]),
 			R(Pr),
-			W(e.$slots, "layout-bottom", {}, void 0, !0)
+			G(e.$slots, "layout-bottom", {}, void 0, !0)
 		]));
 	}
-}), [["__scopeId", "data-v-8fc9921f"]]), Co = { class: "pt-16 pb-24" }, wo = ["href"], To = /* @__PURE__ */ z({
+}), [["__scopeId", "data-v-fb070f3c"]]), Oo = { class: "pt-16 pb-24" }, ko = ["href"], Ao = /* @__PURE__ */ z({
 	__name: "TdNotFound",
 	setup(e) {
 		let { withBase: t } = A();
-		return (e, n) => (V(), F("div", Co, [
+		return (e, n) => (H(), F("div", Oo, [
 			n[0] ||= I("p", { class: "text-td-4xl font-extrabold leading-none tracking-td-tight text-td-fg-muted" }, " 404 ", -1),
 			n[1] ||= I("h1", { class: "text-td-xl font-extrabold leading-td-tight tracking-td-tight mt-4" }, " Page Not Found ", -1),
 			n[2] ||= I("p", { class: "text-td-fg-muted mt-2 text-td-base leading-td-relaxed" }, " The page you are looking for does not exist. ", -1),
 			I("a", {
 				class: "inline-flex items-center mt-6 text-td-accent text-td-sm font-extrabold tracking-td-tight hover:text-td-accent-hi",
 				href: q(t)(q(C)("/"))
-			}, "Go Home", 8, wo)
+			}, "Go Home", 8, ko)
 		]));
 	}
-}), Eo = {
-	Layout: So,
-	NotFound: To
+}), jo = {
+	Layout: Do,
+	NotFound: Ao
 };
 //#endregion
-export { bt as TdBrandIcon, jr as TdContentNav, Ce as TdDirectoryIndex, Pr as TdFooter, he as TdGlossaryIndex, ba as TdKbdShortcut, $ as TdKeyName, So as TdLayout, To as TdNotFound, oa as TdPreviousNext, ha as TdRail, Pa as TdThemeToggle, pa as TdToc, Eo as default, Fa as useCopyCode, Ra as useGlobalHotkey, za as useLocalHotkeys };
+export { bt as TdBrandIcon, jr as TdContentNav, Ce as TdDirectoryIndex, Pr as TdFooter, he as TdGlossaryIndex, ba as TdKbdShortcut, $ as TdKeyName, Do as TdLayout, Ao as TdNotFound, oa as TdPreviousNext, ha as TdRail, Pa as TdThemeToggle, pa as TdToc, jo as default, Fa as useCopyCode, Ra as useGlobalHotkey, za as useLocalHotkeys };