typerighter 0.5.1 → 0.6.0

package/dist/client/theme-default.js

@@ -1,9 +1,10 @@
-import { A as e, O as t, _ as n, a as r, c as i, g as a, h as o, i as s, k as c, l, m as u, n as d, o as f, s as p, t as m, u as h, v as g, w as _, x as v } from "../brand-C6VJ3Tpf.js";
+import { C as e, S as t, c as n, d as r, h as i, m as a, n as o, r as s, s as c, t as l, u, v as d, w as f } from "../shared-BoWAaUci.js";
+import { a as p, i as m, n as h, o as g, s as _, t as v } from "../brand-BfamszbH.js";
 import { t as y } from "../es-ClqUVRJn.js";
-import { a as b, c as x, d as S, i as C, l as w, n as ee, o as te, r as ne, s as re } from "../app-DZLkaV9-.js";
-import { Fragment as T, computed as E, createBlock as D, createCommentVNode as O, createElementBlock as k, createElementVNode as A, createVNode as j, defineComponent as M, h as N, inject as ie, markRaw as ae, mergeModels as oe, normalizeClass as P, onMounted as se, onUnmounted as ce, openBlock as F, readonly as le, ref as I, renderList as L, renderSlot as ue, resolveComponent as de, shallowRef as fe, toDisplayString as R, unref as z, useModel as pe, vModelText as me, watch as B, withCtx as V, withDirectives as he } from "vue";
+import { a as b, c as x, d as S, f as C, h as w, i as ee, l as T, m as E, n as te, o as D, p as O, r as ne, s as re } from "../app-BZKg-fe3.js";
+import { Fragment as k, Teleport as A, computed as j, createBlock as M, createCommentVNode as N, createElementBlock as P, createElementVNode as F, createTextVNode as ie, createVNode as I, defineComponent as L, markRaw as ae, mergeModels as oe, mergeProps as se, nextTick as ce, normalizeClass as R, normalizeStyle as z, onBeforeUnmount as le, onMounted as ue, onUnmounted as B, openBlock as V, readonly as de, ref as H, renderList as U, renderSlot as fe, resolveComponent as pe, shallowRef as me, toDisplayString as W, unref as G, useModel as he, useTemplateRef as ge, vModelText as _e, watch as K, withCtx as q, withDirectives as ve, withModifiers as ye } from "vue";
 //#region src/shared/utils/debounce.ts
-function ge(e, t) {
+function be(e, t) {
 	let n;
 	return (...r) => {
 		clearTimeout(n), n = setTimeout(() => e(...r), t);
@@ -11,77 +12,25 @@ function ge(e, t) {
 }
 //#endregion
 //#region src/shared/utils/regex.ts
-function H(e) {
+function J(e) {
 	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-//#endregion
-//#region ../../node_modules/.pnpm/@lucide+vue@1.30.0_vue@3.5.40_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/isEmptyString.mjs
-var U = (e) => e === "", _e = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), ve = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ye = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), be = (e) => {
-	let t = ye(e);
-	return t.charAt(0).toUpperCase() + t.slice(1);
-}, W = {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: 24,
-	height: 24,
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	"stroke-width": 2,
-	"stroke-linecap": "round",
-	"stroke-linejoin": "round"
-}, xe = /* @__PURE__ */ Symbol("lucide-icons");
-function Se() {
-	return ie(xe, {});
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@lucide+vue@1.30.0_vue@3.5.40_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/Icon.mjs
-var Ce = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absolute-stroke-width": i, strokeWidth: a, "stroke-width": o, size: s, color: c, ...l }, { slots: u }) => {
-	let { size: d, color: f, strokeWidth: p = 2, absoluteStrokeWidth: m = !1, class: h = "" } = Se(), g = E(() => {
-		let e = U(r) || U(i) || r === !0 || i === !0 || m === !0, t = a || o || p || W["stroke-width"];
-		return e ? Number(t) * 24 / Number(s ?? d ?? W.width) : t;
-	});
-	return N("svg", {
-		...W,
-		...l,
-		width: s ?? d ?? W.width,
-		height: s ?? d ?? W.height,
-		stroke: c ?? f ?? W.stroke,
-		"stroke-width": g.value,
-		class: _e("lucide", h, ...e ? [`lucide-${ve(be(e))}-icon`, `lucide-${ve(e)}`] : ["lucide-icon"])
-	}, [...(t ?? n ?? []).map((e) => N(...e)), ...u.default ? [u.default()] : []]);
-}, G = (e, t) => (n, { slots: r, attrs: i }) => N(Ce, {
-	...i,
-	...n,
-	iconNode: t,
-	name: e
-}, r.default ? { default: r.default } : void 0), we = G("chevron-down", [["path", {
+var xe = w("chevron-down", [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"
-}]]), Te = G("corner-left-up", [["path", {
-	d: "M14 9 9 4 4 9",
-	key: "1af5af"
-}], ["path", {
-	d: "M20 20h-7a4 4 0 0 1-4-4V4",
-	key: "1blwi3"
-}]]), K = G("file", [["path", {
-	d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
-	key: "1oefj6"
-}], ["path", {
-	d: "M14 2v5a1 1 0 0 0 1 1h5",
-	key: "wfsgrz"
-}]]), q = G("folder-open", [["path", {
-	d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",
-	key: "usdka0"
-}]]), Ee = G("folder", [["path", {
+}]]), Se = w("folder", [["path", {
 	d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
 	key: "1kt360"
-}]]), De = G("house", [["path", {
+}]]), Ce = w("house", [["path", {
 	d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",
 	key: "5wwlr5"
 }], ["path", {
 	d: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
 	key: "r6nss1"
-}]]), Oe = G("menu", [
+}]]), we = w("loader-circle", [["path", {
+	d: "M21 12a9 9 0 1 1-6.219-8.56",
+	key: "13zald"
+}]]), Te = w("menu", [
 	["path", {
 		d: "M4 5h16",
 		key: "1tepv9"
@@ -94,10 +43,10 @@ var Ce = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		d: "M4 19h16",
 		key: "1djgab"
 	}]
-]), ke = G("moon", [["path", {
+]), Ee = w("moon", [["path", {
 	d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
 	key: "kfwtm"
-}]]), Ae = G("search", [["path", {
+}]]), De = w("search", [["path", {
 	d: "m21 21-4.34-4.34",
 	key: "14j7rj"
 }], ["circle", {
@@ -105,7 +54,20 @@ var Ce = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 	cy: "11",
 	r: "8",
 	key: "4ej97u"
-}]]), je = G("sun", [
+}]]), Oe = w("square-check-big", [["path", {
+	d: "M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344",
+	key: "2acyp4"
+}], ["path", {
+	d: "m9 11 3 3L22 4",
+	key: "1pflzl"
+}]]), ke = w("square", [["rect", {
+	width: "18",
+	height: "18",
+	x: "3",
+	y: "3",
+	rx: "2",
+	key: "afitv7"
+}]]), Ae = w("sun", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -144,188 +106,240 @@ var Ce = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		d: "m19.07 4.93-1.41 1.41",
 		key: "1shlcs"
 	}]
-]), J = G("x", [["path", {
+]), Y = w("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
 	d: "m6 6 12 12",
 	key: "d8bk6v"
-}]]), Me = [
+}]]), je = [
 	"height",
 	"width",
 	"viewBox"
-], Ne = ["d"], Pe = ["d"], Fe = ["d"], Y = /* @__PURE__ */ M({
+], Me = ["d"], Ne = ["d"], Pe = ["d"], Fe = /* @__PURE__ */ L({
 	__name: "TdBrandIcon",
 	props: { size: { default: 28 } },
 	setup(e) {
-		return (t, n) => (F(), k("svg", {
+		return (t, n) => (V(), P("svg", {
 			fill: "none",
 			height: e.size,
 			width: e.size * 208 / 128,
-			viewBox: z(r),
+			viewBox: G(p),
 			xmlns: "http://www.w3.org/2000/svg"
 		}, [
-			A("path", {
+			F("path", {
 				"clip-rule": "evenodd",
-				d: z(d),
+				d: G(h),
 				"fill-rule": "evenodd",
 				fill: "currentColor"
-			}, null, 8, Ne),
-			A("path", {
-				d: z(s),
+			}, null, 8, Me),
+			F("path", {
+				d: G(m),
 				fill: "currentColor"
-			}, null, 8, Pe),
-			A("path", {
-				d: z(m),
+			}, null, 8, Ne),
+			F("path", {
+				d: G(v),
 				fill: "currentColor"
-			}, null, 8, Fe)
-		], 8, Me));
+			}, null, 8, Pe)
+		], 8, je));
 	}
-}), Ie = ["title", "aria-label"], X = /* @__PURE__ */ M({
+}), Ie = ["title", "aria-label"], X = /* @__PURE__ */ L({
 	__name: "TdButton",
 	props: { label: {} },
 	setup(e) {
-		return (t, n) => (F(), k("button", {
+		return (t, n) => (V(), P("button", {
 			type: "button",
 			class: "inline-flex items-center justify-center cursor-pointer",
 			title: e.label,
 			"aria-label": e.label
-		}, [ue(t.$slots, "default")], 8, Ie));
+		}, [fe(t.$slots, "default")], 8, Ie));
 	}
-}), Le = {
+}), Le = /*#__PURE__*/ C(/* @__PURE__ */ L({
+	inheritAttrs: !1,
+	__name: "TdTooltip",
+	props: { text: {} },
+	setup(e) {
+		let t = ge("wrapper"), n = H(!1), r = H({
+			top: "0px",
+			left: "0px"
+		}), i;
+		function a() {
+			i !== void 0 && (clearTimeout(i), i = void 0);
+		}
+		function o() {
+			i = setTimeout(() => {
+				n.value = !1;
+			}, 100);
+		}
+		function s() {
+			let e = t.value;
+			if (!e || e.scrollWidth <= e.clientWidth) return;
+			a();
+			let i = e.getBoundingClientRect();
+			r.value = {
+				top: `${i.bottom + 6}px`,
+				left: `${i.left}px`
+			}, n.value = !0;
+		}
+		return le(() => {
+			a();
+		}), (i, c) => (V(), P(k, null, [F("span", se({
+			ref_key: "wrapper",
+			ref: t
+		}, i.$attrs, {
+			class: "td-tooltip-trigger",
+			onMouseenter: s,
+			onMouseleave: o
+		}), [fe(i.$slots, "default", {}, void 0, !0)], 16), (V(), M(A, { to: "body" }, [n.value ? (V(), P("span", {
+			key: 0,
+			class: "td-tooltip",
+			style: z(r.value),
+			role: "tooltip",
+			onMouseenter: a,
+			onMouseleave: o
+		}, W(e.text), 37)) : N("", !0)]))], 64));
+	}
+}), [["__scopeId", "data-v-018d7f4b"]]), Re = {
 	key: 0,
 	class: "td-tree-node"
-}, Re = { class: "td-tree-label" }, ze = ["aria-expanded"], Be = { class: "td-tree-label-text" }, Ve = ["href"], He = { class: "td-tree-count" }, Ue = {
+}, ze = { class: "td-tree-label" }, Be = ["aria-expanded"], Ve = { class: "td-tree-label-text" }, He = ["href"], Ue = { class: "td-tree-count" }, We = {
 	key: 0,
 	class: "td-tree-children"
-}, We = ["href"], Ge = { class: "td-tree-link-text" }, Ke = { class: "td-tree-time" }, qe = 4, Je = /*#__PURE__*/ S(/* @__PURE__ */ M({
+}, Ge = ["href"], Ke = { class: "td-tree-time" }, qe = 4, Je = /*#__PURE__*/ C(/* @__PURE__ */ L({
 	__name: "TdTreeNode",
 	props: {
 		node: {},
 		urlPrefix: { default: "" }
 	},
 	setup(e) {
-		let r = w(), a = o(e.urlPrefix, e.node.name), s = e.node.items.find((e) => v(e.filepath) === t), c = e.node.items.filter((e) => v(e.filepath) !== t), l = 0 < e.node.children.length || 0 < e.node.items.length, d = E(() => f(e.node));
-		function f(e) {
-			return e.items.length + e.children.reduce((e, t) => e + f(t), 0);
+		let a = T(), o = n(e.urlPrefix, e.node.name), l = e.node.items.find((e) => i(e.filepath) === t), f = e.node.items.filter((e) => i(e.filepath) !== t), p = 0 < e.node.children.length || 0 < e.node.items.length, m = j(() => h(e.node));
+		function h(e) {
+			return e.items.length + e.children.reduce((e, t) => e + h(t), 0);
 		}
-		let p = I(!g(a, r.path)), m = I(!1), h = E(() => m.value ? c : c.slice(0, qe)), y = E(() => Math.max(0, c.length - qe));
-		B(() => r.path, (e) => {
-			g(a, e) && (p.value = !1);
+		let g = H(!r(o, a.path)), _ = H(!1), v = j(() => _.value ? f : f.slice(0, qe)), y = j(() => Math.max(0, f.length - qe));
+		K(() => a.path, (e) => {
+			r(o, e) && (g.value = !1);
 		});
 		function b() {
-			m.value = !0;
+			_.value = !0;
 		}
 		function x(e) {
-			return r.path === e;
+			return a.path === e;
 		}
 		function S() {
-			p.value = !p.value;
+			g.value = !g.value;
 		}
-		return (t, r) => {
-			let o = de("TdTreeNode", !0);
-			return z(l) ? (F(), k("div", Le, [A("div", Re, [
-				A("button", {
+		return (t, n) => {
+			let r = pe("TdTreeNode", !0);
+			return G(p) ? (V(), P("div", Re, [F("div", ze, [
+				F("button", {
 					type: "button",
 					class: "td-tree-toggle",
-					"aria-expanded": !p.value,
+					"aria-expanded": !g.value,
 					onClick: S
-				}, [j(z(we), {
+				}, [I(G(xe), {
 					size: 14,
-					class: P(["td-tree-caret", { "is-collapsed": p.value }])
-				}, null, 8, ["class"]), A("span", Be, R(z(_)(e.node.name)), 1)], 8, ze),
-				A("a", {
-					href: z(s) ? z(n)(z(s).filepath) : z(a),
-					class: P(["td-tree-index-btn", { "is-active": x(z(s) ? z(n)(z(s).filepath) : z(a)) }])
-				}, [x(z(s) ? z(n)(z(s).filepath) : z(a)) ? (F(), D(z(q), {
+					class: R(["td-tree-caret", { "is-collapsed": g.value }])
+				}, null, 8, ["class"]), F("span", Ve, W(G(d)(e.node.name)), 1)], 8, Be),
+				F("a", {
+					href: G(l) ? G(u)(G(l).filepath) : G(o),
+					class: R(["td-tree-index-btn", { "is-active": x(G(l) ? G(u)(G(l).filepath) : G(o)) }])
+				}, [x(G(l) ? G(u)(G(l).filepath) : G(o)) ? (V(), M(G(O), {
 					key: 0,
 					size: 12
-				})) : (F(), D(z(Ee), {
+				})) : (V(), M(G(Se), {
 					key: 1,
 					size: 12
-				}))], 10, Ve),
-				A("span", He, R(d.value), 1)
-			]), p.value ? O("", !0) : (F(), k("div", Ue, [
-				(F(!0), k(T, null, L(e.node.children, (e) => (F(), D(o, {
+				}))], 10, He),
+				F("span", Ue, W(m.value), 1)
+			]), g.value ? N("", !0) : (V(), P("div", We, [
+				(V(!0), P(k, null, U(e.node.children, (e) => (V(), M(r, {
 					key: e.name,
 					node: e,
-					"url-prefix": z(a)
+					"url-prefix": G(o)
 				}, null, 8, ["node", "url-prefix"]))), 128)),
-				(F(!0), k(T, null, L(h.value, (e) => (F(), k("a", {
+				(V(!0), P(k, null, U(v.value, (e) => (V(), P("a", {
 					key: e.filepath,
-					href: z(n)(e.filepath),
-					class: P(["td-tree-link", { "is-active": x(z(n)(e.filepath)) }])
+					href: G(u)(e.filepath),
+					class: R(["td-tree-link", { "is-active": x(G(u)(e.filepath)) }])
 				}, [
-					j(z(K), {
+					I(G(E), {
 						size: 14,
 						class: "td-tree-file-icon"
 					}),
-					A("span", Ge, R(z(u)(e.header, e.filepath)), 1),
-					A("span", Ke, R(z(i)(e.metadata.mtime)), 1)
-				], 10, We))), 128)),
-				y.value > 0 && !m.value ? (F(), k("button", {
+					I(Le, {
+						class: "td-tree-link-text",
+						text: G(c)(e.header, e.filepath)
+					}, {
+						default: q(() => [ie(W(G(c)(e.header, e.filepath)), 1)]),
+						_: 2
+					}, 1032, ["text"]),
+					F("span", Ke, W(G(s)(e.metadata.mtime)), 1)
+				], 10, Ge))), 128)),
+				y.value > 0 && !_.value ? (V(), P("button", {
 					key: 0,
 					class: "td-tree-more",
 					type: "button",
 					onClick: b
-				}, R(y.value) + " more ", 1)) : O("", !0)
-			]))])) : O("", !0);
+				}, W(y.value) + " more ", 1)) : N("", !0)
+			]))])) : N("", !0);
 		};
 	}
-}), [["__scopeId", "data-v-a6c2934f"]]), Ye = ["href"], Xe = {
+}), [["__scopeId", "data-v-cfecc9ff"]]), Ye = ["href"], Xe = {
 	key: 0,
 	class: "td-root-link-time"
-}, Ze = ["href"], Qe = { class: "td-root-link-text" }, $e = { class: "td-root-link-time" }, et = /*#__PURE__*/ S(/* @__PURE__ */ M({
+}, Ze = ["href"], Qe = { class: "td-root-link-text" }, $e = { class: "td-root-link-time" }, et = /*#__PURE__*/ C(/* @__PURE__ */ L({
 	__name: "TdContentNav",
 	props: { tree: {} },
 	setup(e) {
-		let r = w(), a = e.tree.rootItems.find((e) => v(e.filepath) === t), o = e.tree.rootItems.filter((e) => v(e.filepath) !== t);
-		function s(e) {
-			return r.path === e;
+		let n = T(), r = e.tree.rootItems.find((e) => i(e.filepath) === t), a = e.tree.rootItems.filter((e) => i(e.filepath) !== t);
+		function o(e) {
+			return n.path === e;
 		}
-		return (t, r) => (F(), k("nav", null, [
-			A("a", {
-				href: z(a) ? z(n)(z(a).filepath) : "/",
-				class: P(["td-root-link", { "is-active": s(z(a) ? z(n)(z(a).filepath) : "/") }])
+		return (t, n) => (V(), P("nav", null, [
+			F("a", {
+				href: G(r) ? G(u)(G(r).filepath) : "/",
+				class: R(["td-root-link", { "is-active": o(G(r) ? G(u)(G(r).filepath) : "/") }])
 			}, [
-				j(z(De), {
+				I(G(Ce), {
 					size: 14,
 					class: "td-root-link-icon"
 				}),
-				r[0] ||= A("span", { class: "td-root-link-text" }, "Overview", -1),
-				z(a) ? (F(), k("span", Xe, R(z(i)(z(a).metadata.mtime)), 1)) : O("", !0)
+				n[0] ||= F("span", { class: "td-root-link-text" }, "Overview", -1),
+				G(r) ? (V(), P("span", Xe, W(G(s)(G(r).metadata.mtime)), 1)) : N("", !0)
 			], 10, Ye),
-			(F(!0), k(T, null, L(z(o), (e) => (F(), k("a", {
+			(V(!0), P(k, null, U(G(a), (e) => (V(), P("a", {
 				key: e.filepath,
-				href: z(n)(e.filepath),
-				class: P(["td-root-link", { "is-active": s(z(n)(e.filepath)) }])
+				href: G(u)(e.filepath),
+				class: R(["td-root-link", { "is-active": o(G(u)(e.filepath)) }])
 			}, [
-				j(z(K), {
+				I(G(E), {
 					size: 14,
 					class: "td-root-link-icon"
 				}),
-				A("span", Qe, R(z(u)(e.header, e.filepath)), 1),
-				A("span", $e, R(z(i)(e.metadata.mtime)), 1)
+				F("span", Qe, W(G(c)(e.header, e.filepath)), 1),
+				F("span", $e, W(G(s)(e.metadata.mtime)), 1)
 			], 10, Ze))), 128)),
-			(F(!0), k(T, null, L(e.tree.children, (e) => (F(), D(Je, {
+			(V(!0), P(k, null, U(e.tree.children, (e) => (V(), M(Je, {
 				key: e.name,
 				node: e
 			}, null, 8, ["node"]))), 128))
 		]));
 	}
-}), [["__scopeId", "data-v-392b5753"]]), tt = {
+}), [["__scopeId", "data-v-b997c6ec"]]), tt = {
 	class: "td-breadcrumb",
 	"aria-label": "Breadcrumb"
 }, nt = {
 	key: 0,
-	class: "td-breadcrumb-sep"
+	class: "td-breadcrumb-sep",
+	"aria-hidden": "true"
 }, rt = ["href"], it = {
 	key: 2,
 	class: "td-breadcrumb-current"
-}, at = /*#__PURE__*/ S(/* @__PURE__ */ M({
+}, at = /*#__PURE__*/ C(/* @__PURE__ */ L({
 	__name: "TdBreadcrumb",
 	setup(e) {
-		let t = w(), n = E(() => {
+		let t = T(), n = j(() => {
 			let e = t.path === "/" ? "/" : t.path.replace(/\/$/, ""), n = [{
 				name: "Home",
 				href: "/"
@@ -333,27 +347,35 @@ var Ce = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 			if (e === "/") return n;
 			let r = e.replace(/^\//, "").split("/");
 			for (let e = 0; e < r.length; e++) n.push({
-				name: _(r[e]),
+				name: d(r[e]),
 				href: "/" + r.slice(0, e + 1).join("/")
 			});
 			return n;
 		});
-		return (e, t) => (F(), k("nav", tt, [(F(!0), k(T, null, L(n.value, (e, t) => (F(), k(T, { key: e.href }, [t > 0 ? (F(), k("span", nt, "/")) : O("", !0), t < n.value.length - 1 ? (F(), k("a", {
+		return (e, t) => (V(), P("nav", tt, [(V(!0), P(k, null, U(n.value, (e, t) => (V(), P(k, { key: e.href }, [t > 0 ? (V(), P("span", nt, "/")) : N("", !0), t < n.value.length - 1 ? (V(), P("a", {
 			key: 1,
 			href: e.href,
 			class: "td-breadcrumb-link"
-		}, R(e.name), 9, rt)) : (F(), k("span", it, R(e.name), 1))], 64))), 128))]));
+		}, W(e.name), 9, rt)) : (V(), P("span", it, W(e.name), 1))], 64))), 128))]));
 	}
-}), [["__scopeId", "data-v-7273c2c0"]]), ot = { class: "td-widget-checkbox" }, st = /*#__PURE__*/ S(/* @__PURE__ */ M({
+}), [["__scopeId", "data-v-12edfa89"]]), ot = { class: "td-widget-checkbox" }, st = /*#__PURE__*/ C(/* @__PURE__ */ L({
 	__name: "TdWidgetCheckbox",
 	props: { value: {} },
 	setup(e) {
-		return (t, n) => (F(), k("span", ot, R(e.value ? "☑" : "☐"), 1));
+		return (t, n) => (V(), P("span", ot, [e.value ? (V(), M(G(Oe), {
+			key: 0,
+			size: 16,
+			class: "td-widget-checkbox-icon is-checked"
+		})) : (V(), M(G(ke), {
+			key: 1,
+			size: 16,
+			class: "td-widget-checkbox-icon"
+		}))]));
 	}
-}), [["__scopeId", "data-v-32f57a06"]]);
+}), [["__scopeId", "data-v-0efb2919"]]);
 //#endregion
 //#region src/client/theme-default/components/TdFrontmatter/widgets/ref.ts
-function Z(e) {
+function ct(e) {
 	if (typeof e != "object" || !e) return;
 	let t = e.$ref;
 	if (typeof t != "object" || !t) return;
@@ -365,72 +387,124 @@ function Z(e) {
 }
 //#endregion
 //#region src/client/theme-default/components/TdFrontmatter/widgets/TdWidgetList.vue?vue&type=script&setup=true&lang.ts
-var ct = ["href"], lt = { class: "td-widget-list" }, Q = 5, ut = /*#__PURE__*/ S(/* @__PURE__ */ M({
+var lt = ["href"], ut = { class: "td-widget-list" }, Z = 5, dt = /*#__PURE__*/ C(/* @__PURE__ */ L({
 	__name: "TdWidgetList",
 	props: {
 		definition: {},
 		value: {}
 	},
 	setup(e) {
-		let t = I(!1), n = Array.isArray(e.value) ? e.value : [], r = e.definition.items?.widget === "relation", i = r ? n.map((e) => Z(e)).filter((e) => e !== void 0) : [], a = r ? Math.max(0, i.length - Q) : Math.max(0, n.length - Q);
+		let t = H(!1), n = Array.isArray(e.value) ? e.value : [], r = e.definition.items?.widget === "relation", i = r ? n.map((e) => ct(e)).filter((e) => e !== void 0) : [], a = r ? Math.max(0, i.length - Z) : Math.max(0, n.length - Z);
 		function o() {
 			t.value = !t.value;
 		}
 		function s(e) {
-			return t.value ? e : e.slice(0, Q);
+			return t.value ? e : e.slice(0, Z);
 		}
-		return (e, c) => r ? (F(), k(T, { key: 0 }, [(F(!0), k(T, null, L(s(z(i)), (e, t) => (F(), k("a", {
+		return (e, c) => r ? (V(), P(k, { key: 0 }, [(V(!0), P(k, null, U(s(G(i)), (e, t) => (V(), P("a", {
 			key: t,
 			href: e.url,
 			class: "td-widget-ref"
-		}, R(e.name), 9, ct))), 128)), z(a) > 0 ? (F(), k("button", {
+		}, W(e.name), 9, lt))), 128)), G(a) > 0 ? (V(), P("button", {
 			key: 0,
 			class: "td-widget-more",
 			type: "button",
 			onClick: o
-		}, R(t.value ? "show less" : `+${z(a)} more`), 1)) : O("", !0)], 64)) : (F(), k(T, { key: 1 }, [A("ul", lt, [(F(!0), k(T, null, L(s(z(n)), (e, t) => (F(), k("li", { key: t }, R(e), 1))), 128))]), z(a) > 0 ? (F(), k("button", {
+		}, W(t.value ? "show less" : `+${G(a)} more`), 1)) : N("", !0)], 64)) : (V(), P(k, { key: 1 }, [F("ul", ut, [(V(!0), P(k, null, U(s(G(n)), (e, t) => (V(), P("li", { key: t }, W(e), 1))), 128))]), G(a) > 0 ? (V(), P("button", {
 			key: 0,
 			class: "td-widget-more",
 			type: "button",
 			onClick: o
-		}, R(t.value ? "show less" : `+${z(a)} more`), 1)) : O("", !0)], 64));
+		}, W(t.value ? "show less" : `+${G(a)} more`), 1)) : N("", !0)], 64));
+	}
+}), [["__scopeId", "data-v-a933ebef"]]), ft = [
+	{
+		fg: "#a0522d",
+		bg: "rgba(160, 82, 45, 0.1)"
+	},
+	{
+		fg: "#4F6BCA",
+		bg: "rgba(79, 107, 202, 0.1)"
+	},
+	{
+		fg: "#10b981",
+		bg: "rgba(16, 185, 129, 0.1)"
+	},
+	{
+		fg: "#8b5cf6",
+		bg: "rgba(139, 92, 246, 0.1)"
+	},
+	{
+		fg: "#ec4899",
+		bg: "rgba(236, 72, 153, 0.1)"
+	},
+	{
+		fg: "#f59e0b",
+		bg: "rgba(245, 158, 11, 0.1)"
+	},
+	{
+		fg: "#06b6d4",
+		bg: "rgba(6, 182, 212, 0.1)"
+	},
+	{
+		fg: "#ef4444",
+		bg: "rgba(239, 68, 68, 0.1)"
 	}
-}), [["__scopeId", "data-v-5428367c"]]), dt = 5, ft = /*#__PURE__*/ S(/* @__PURE__ */ M({
+];
+function Q(e) {
+	let t = ft[pt(String(e ?? "")) % ft.length];
+	return {
+		color: t.fg,
+		background: t.bg
+	};
+}
+function pt(e) {
+	let t = 0;
+	for (let n = 0; n < e.length; n++) t = (t << 5) - t + e.charCodeAt(n) | 0;
+	return Math.abs(t);
+}
+//#endregion
+//#region src/client/theme-default/components/TdFrontmatter/widgets/TdWidgetMultiSelect.vue?vue&type=script&setup=true&lang.ts
+var mt = 5, ht = /*#__PURE__*/ C(/* @__PURE__ */ L({
 	__name: "TdWidgetMultiSelect",
 	props: { value: {} },
 	setup(e) {
-		let t = I(!1), n = Array.isArray(e.value) ? e.value : [], r = () => t.value ? n : n.slice(0, dt), i = Math.max(0, n.length - dt);
+		let t = H(!1), n = Array.isArray(e.value) ? e.value : [], r = () => t.value ? n : n.slice(0, mt), i = Math.max(0, n.length - mt);
 		function a() {
 			t.value = !t.value;
 		}
-		return (e, n) => (F(), k(T, null, [(F(!0), k(T, null, L(r(), (e, t) => (F(), k("span", {
+		return (e, n) => (V(), P(k, null, [(V(!0), P(k, null, U(r(), (e, t) => (V(), P("span", {
 			key: t,
-			class: "td-widget-pill"
-		}, R(e), 1))), 128)), z(i) > 0 ? (F(), k("button", {
+			class: "td-widget-pill",
+			style: z(G(Q)(e))
+		}, W(e), 5))), 128)), G(i) > 0 ? (V(), P("button", {
 			key: 0,
 			class: "td-widget-more",
 			type: "button",
 			onClick: a
-		}, R(t.value ? "show less" : `+${z(i)} more`), 1)) : O("", !0)], 64));
+		}, W(t.value ? "show less" : `+${G(i)} more`), 1)) : N("", !0)], 64));
 	}
-}), [["__scopeId", "data-v-3d5db69d"]]), pt = ["href"], mt = { key: 1 }, ht = /*#__PURE__*/ S(/* @__PURE__ */ M({
+}), [["__scopeId", "data-v-33269637"]]), gt = ["href"], _t = { key: 1 }, vt = /*#__PURE__*/ C(/* @__PURE__ */ L({
 	__name: "TdWidgetRelation",
 	props: { value: {} },
 	setup(e) {
-		let t = Z(e.value);
-		return (n, r) => z(t) ? (F(), k("a", {
+		let t = ct(e.value);
+		return (n, r) => G(t) ? (V(), P("a", {
 			key: 0,
-			href: z(t).url,
+			href: G(t).url,
 			class: "td-widget-ref"
-		}, R(z(t).name), 9, pt)) : (F(), k("span", mt, R(e.value), 1));
+		}, W(G(t).name), 9, gt)) : (V(), P("span", _t, W(e.value), 1));
 	}
-}), [["__scopeId", "data-v-32528101"]]), gt = { class: "td-widget-pill" }, _t = /*#__PURE__*/ S(/* @__PURE__ */ M({
+}), [["__scopeId", "data-v-32528101"]]), yt = /*#__PURE__*/ C(/* @__PURE__ */ L({
 	__name: "TdWidgetSelect",
 	props: { value: {} },
 	setup(e) {
-		return (t, n) => (F(), k("span", gt, R(e.value), 1));
+		return (t, n) => (V(), P("span", {
+			class: "td-widget-pill",
+			style: z(G(Q)(e.value))
+		}, W(e.value), 5));
 	}
-}), [["__scopeId", "data-v-99c8837d"]]), vt = /* @__PURE__ */ M({
+}), [["__scopeId", "data-v-7dea5e20"]]), bt = /* @__PURE__ */ L({
 	__name: "TdWidgetText",
 	props: {
 		definition: {},
@@ -438,68 +512,68 @@ var ct = ["href"], lt = { class: "td-widget-list" }, Q = 5, ut = /*#__PURE__*/ S
 	},
 	setup(e) {
 		function t(t) {
-			return t == null ? "" : e.definition.widget === "date" ? f(String(t)) : String(t);
+			return t == null ? "" : e.definition.widget === "date" ? l(String(t)) : String(t);
 		}
-		return (n, r) => R(t(e.value));
+		return (n, r) => W(t(e.value));
 	}
-}), yt = {
+}), xt = {
 	key: 0,
 	class: "td-frontmatter-empty"
-}, bt = /*#__PURE__*/ S(/* @__PURE__ */ M({
+}, St = /*#__PURE__*/ C(/* @__PURE__ */ L({
 	__name: "TdFrontmatterValue",
 	props: {
 		definition: {},
 		value: {}
 	},
 	setup(e) {
-		return (t, n) => e.value === void 0 || e.value === null ? (F(), k("span", yt, "Empty")) : e.definition.widget === "checkbox" ? (F(), D(st, {
+		return (t, n) => e.value === void 0 || e.value === null ? (V(), P("span", xt, "Empty")) : e.definition.widget === "checkbox" ? (V(), M(st, {
 			key: 1,
 			value: e.value
-		}, null, 8, ["value"])) : e.definition.widget === "select" ? (F(), D(_t, {
+		}, null, 8, ["value"])) : e.definition.widget === "select" ? (V(), M(yt, {
 			key: 2,
 			value: e.value
-		}, null, 8, ["value"])) : e.definition.widget === "multiSelect" ? (F(), D(ft, {
+		}, null, 8, ["value"])) : e.definition.widget === "multiSelect" ? (V(), M(ht, {
 			key: 3,
 			value: e.value
-		}, null, 8, ["value"])) : e.definition.widget === "relation" ? (F(), D(ht, {
+		}, null, 8, ["value"])) : e.definition.widget === "relation" ? (V(), M(vt, {
 			key: 4,
 			value: e.value
-		}, null, 8, ["value"])) : e.definition.widget === "list" ? (F(), D(ut, {
+		}, null, 8, ["value"])) : e.definition.widget === "list" ? (V(), M(dt, {
 			key: 5,
 			definition: e.definition,
 			value: e.value
-		}, null, 8, ["definition", "value"])) : (F(), D(vt, {
+		}, null, 8, ["definition", "value"])) : (V(), M(bt, {
 			key: 6,
 			definition: e.definition,
 			value: e.value
 		}, null, 8, ["definition", "value"]));
 	}
-}), [["__scopeId", "data-v-0bce73aa"]]), xt = {
+}), [["__scopeId", "data-v-2d482376"]]), Ct = {
 	key: 0,
 	class: "td-frontmatter"
-}, St = { class: "td-frontmatter-label" }, Ct = { class: "td-frontmatter-value" }, wt = /*#__PURE__*/ S(/* @__PURE__ */ M({
+}, wt = { class: "td-frontmatter-label" }, Tt = { class: "td-frontmatter-value" }, Et = /*#__PURE__*/ C(/* @__PURE__ */ L({
 	__name: "TdFrontmatter",
 	props: {
 		schema: { default: () => void 0 },
 		frontmatter: {}
 	},
 	setup(e) {
-		let t = b(), n = E(() => {
+		let t = b(), n = j(() => {
 			if (e.schema) return t.schemas[e.schema];
-		}), r = E(() => {
+		}), r = j(() => {
 			let e = n.value;
 			return e ? Object.entries(e).filter(([e]) => !e.startsWith("_")) : [];
 		});
-		return (t, n) => r.value.length > 0 ? (F(), k("div", xt, [(F(!0), k(T, null, L(r.value, ([t, n]) => (F(), k("div", {
+		return (t, n) => r.value.length > 0 ? (V(), P("div", Ct, [(V(!0), P(k, null, U(r.value, ([t, n]) => (V(), P("div", {
 			key: t,
 			class: "td-frontmatter-row"
-		}, [A("span", St, R(z(_)(t)), 1), A("span", Ct, [j(bt, {
+		}, [F("span", wt, W(G(d)(t)), 1), F("span", Tt, [I(St, {
 			definition: n,
 			value: e.frontmatter[t]
-		}, null, 8, ["definition", "value"])])]))), 128))])) : O("", !0);
+		}, null, 8, ["definition", "value"])])]))), 128))])) : N("", !0);
 	}
-}), [["__scopeId", "data-v-76ddc55f"]]), $ = I(!1);
-function Tt() {
+}), [["__scopeId", "data-v-1d3c9aa2"]]), $ = H(!1);
+function Dt() {
 	function e() {
 		$.value = !$.value;
 	}
@@ -507,28 +581,28 @@ function Tt() {
 		$.value = !1;
 	}
 	return {
-		isOpen: le($),
+		isOpen: de($),
 		toggle: e,
 		close: t
 	};
 }
 //#endregion
 //#region src/client/theme-default/components/TdMenuButton.vue
-var Et = /* @__PURE__ */ M({
+var Ot = /* @__PURE__ */ L({
 	__name: "TdMenuButton",
 	setup(e) {
-		let { isOpen: t, toggle: n } = Tt();
-		return (e, r) => (F(), D(X, {
+		let { isOpen: t, toggle: n } = Dt();
+		return (e, r) => (V(), M(X, {
 			class: "td-menu-button w-9 h-9 text-td-neutral-fg-muted group",
-			label: z(t) ? "Close menu" : "Open menu",
-			"aria-expanded": z(t),
-			onClick: z(n)
+			label: G(t) ? "Close menu" : "Open menu",
+			"aria-expanded": G(t),
+			onClick: G(n)
 		}, {
-			default: V(() => [z(t) ? (F(), D(z(J), {
+			default: q(() => [G(t) ? (V(), M(G(Y), {
 				key: 0,
 				size: 20,
 				class: "group-hover:text-td-primary-solid transition-colors"
-			})) : (F(), D(z(Oe), {
+			})) : (V(), M(G(Te), {
 				key: 1,
 				size: 20,
 				class: "group-hover:text-td-primary-solid transition-colors"
@@ -540,19 +614,16 @@ var Et = /* @__PURE__ */ M({
 			"onClick"
 		]));
 	}
-}), Dt = { class: "td-search" }, Ot = { class: "td-search-input-wrap" }, kt = {
-	key: 0,
+}), kt = { class: "td-search" }, At = { class: "td-search-input-wrap" }, jt = {
+	key: 1,
 	class: "td-search-count"
-}, At = {
+}, Mt = {
 	key: 0,
 	class: "td-search-results"
-}, jt = ["href"], Mt = { class: "td-search-result-header" }, Nt = ["innerHTML"], Pt = {
-	key: 0,
-	class: "td-search-result-badge"
-}, Ft = { class: "td-search-result-breadcrumb" }, It = ["innerHTML"], Lt = {
+}, Nt = { class: "td-search-group-label" }, Pt = ["href"], Ft = ["innerHTML"], It = ["innerHTML"], Lt = {
 	key: 1,
 	class: "td-search-empty"
-}, Rt = 120, zt = /*#__PURE__*/ S(/* @__PURE__ */ M({
+}, Rt = 120, zt = /*#__PURE__*/ C(/* @__PURE__ */ L({
 	__name: "TdSearch",
 	props: {
 		active: {
@@ -565,43 +636,54 @@ var Et = /* @__PURE__ */ M({
 	},
 	emits: /*@__PURE__*/ oe(["select"], ["update:active", "update:query"]),
 	setup(t, { emit: n }) {
-		let r = pe(t, "active"), i = pe(t, "query"), a = n, o = w(), s = fe([]), u = E(() => 0 < i.value.trim().length);
-		B(u, (e) => {
+		let r = he(t, "active"), i = he(t, "query"), o = n, s = me([]), c = H(!1), l = H(-1), u = j(() => 0 < i.value.trim().length), p = j(() => {
+			let e = [], t = /* @__PURE__ */ new Map();
+			for (let n of s.value) {
+				let r = a(n.id), i = t.get(r);
+				i || (i = {
+					pageUrl: r,
+					pageTitle: d(r.split("/").pop() || "index"),
+					results: []
+				}, t.set(r, i), e.push(i)), i.results.push(n);
+			}
+			return e;
+		});
+		K(u, (e) => {
 			r.value = e;
 		});
-		let d = ne(), f = ee(), p;
-		B(d, () => {
-			p = void 0;
+		let m = ne(), h = te(), v;
+		K(m, () => {
+			v = void 0;
 		});
-		function m() {
-			if (p) return p;
-			if (d.value) return p = ae(y.loadJSON(d.value, {
-				fields: c,
-				storeFields: e
-			})), p;
+		function b() {
+			if (v) return v;
+			if (m.value) return v = ae(y.loadJSON(m.value, {
+				fields: e,
+				storeFields: f
+			})), v;
 		}
-		let g = !1, _ = ge((e) => D(e), 150);
-		B(i, (e, t, n) => {
+		let x = !1, S = be((e) => ie(e), 150);
+		K(i, (e, t, n) => {
 			n(() => {
-				g = !0;
-			}), g = !1;
+				x = !0;
+			}), x = !1;
 			let r = e.trim();
 			if (!r) {
-				s.value = [];
+				s.value = [], c.value = !1;
 				return;
 			}
-			_(r);
+			c.value = !0, l.value = -1, S(r);
 		});
-		function v() {
+		function C() {
 			i.value = "";
 		}
-		function b(e, t) {
-			let n = RegExp(`id="${H(t)}"[^>]*>`, "i").exec(e);
-			if (!n) return h(e);
+		function w(e, t) {
+			let n = RegExp(`id="${J(t)}"[^>]*>`, "i").exec(e);
+			if (!n) return _(e);
 			let r = e.slice(n.index + n[0].length), i = r.search(/<h[1-6]/i);
-			return h(0 <= i ? r.slice(0, i) : r);
+			return _(0 <= i ? r.slice(0, i) : r);
 		}
-		function x(e, t) {
+		function ee(e, t) {
 			if (!e) return "";
 			let n = Object.keys(t);
 			if (n.length === 0) return e.slice(0, Rt);
@@ -613,105 +695,128 @@ var Et = /* @__PURE__ */ M({
 			let a = Math.max(0, i - 30), o = Math.min(e.length, a + Rt), s = e.slice(a, o).trim();
 			return 0 < a && (s = "..." + s), o < e.length && (s += "..."), s;
 		}
-		async function S(e, t, n) {
-			let r = t.indexOf("#"), i = 0 <= r ? t.slice(0, r) : t, a = 0 <= r ? t.slice(r + 1) : "";
+		async function T(e, t, n) {
+			let r = a(t), i = t.indexOf("#"), o = 0 <= i ? t.slice(i + 1) : "";
 			try {
-				let t = (await e(i))?.default, r = (typeof t?.data == "function" ? t.data() : {}).__html ?? "";
-				return x(a ? b(r, a) : h(r), n);
+				let t = (await e(r))?.default, i = (typeof t?.data == "function" ? t.data() : {}).__html ?? "";
+				return ee(o ? w(i, o) : _(i), n);
 			} catch {
 				return "";
 			}
 		}
-		function C(e, t) {
-			if (!e || !t) return l(e);
-			let n = t.trim().split(/\s+/).filter(Boolean), r = l(e);
+		let E = j(() => p.value.flatMap((e) => e.results)), D = j(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t = 0; t < E.value.length; t++) e.set(E.value[t].id, t);
+			return e;
+		});
+		function O(e, t) {
+			if (!e || !t) return g(e);
+			let n = t.trim().split(/\s+/).filter(Boolean), r = g(e);
 			for (let e of n) {
-				let t = RegExp(`(${H(e)})`, "gi");
+				let t = RegExp(`(${J(e)})`, "gi");
 				r = r.replace(t, "<mark>$1</mark>");
 			}
 			return r;
 		}
-		function te(e) {
-			let t = e.split("#")[0];
-			return o.path === t;
+		function re(e) {
+			let t = D.value.size;
+			if (t !== 0) {
+				if (e.key === "ArrowDown") e.preventDefault(), l.value = (l.value + 1) % t;
+				else if (e.key === "ArrowUp") e.preventDefault(), l.value = (l.value - 1 + t) % t;
+				else if (e.key === "Enter" && 0 <= l.value) {
+					e.preventDefault();
+					let t = E.value[l.value];
+					if (!t) return;
+					document.querySelector(`.td-search-result[href="${CSS.escape(t.id)}"]`)?.click();
+				}
+			}
 		}
-		function re() {
-			a("select");
+		function A() {
+			o("select");
 		}
-		async function D(e) {
-			let t = m();
-			if (!t) return;
-			let n = t.search(e, {
-				prefix: !0,
-				fuzzy: .2,
-				boost: { title: 2 }
-			}), r = await Promise.all(n.slice(0, 20).map(async (e) => {
-				let t = f ? await S(f, e.id, e.match) : "";
-				return {
-					id: e.id,
-					title: e.title,
-					titles: e.titles,
-					excerpt: t,
-					score: e.score
-				};
-			}));
-			g || (s.value = r);
+		async function ie(e) {
+			let t = b();
+			if (t) try {
+				let n = t.search(e, {
+					prefix: !0,
+					fuzzy: .2,
+					boost: { title: 2 }
+				}), r = await Promise.all(n.slice(0, 20).map(async (e) => {
+					let t = h ? await T(h, e.id, e.match) : "";
+					return {
+						id: e.id,
+						title: e.title,
+						titles: e.titles,
+						excerpt: t,
+						score: e.score
+					};
+				}));
+				if (x) return;
+				s.value = r;
+			} finally {
+				x || (c.value = !1);
+			}
 		}
-		return (e, t) => (F(), k("div", Dt, [
-			A("div", Ot, [
-				j(z(Ae), {
+		return (e, t) => (V(), P("div", kt, [
+			F("div", At, [
+				I(G(De), {
 					size: 14,
 					class: "td-search-icon"
 				}),
-				he(A("input", {
+				ve(F("input", {
 					"onUpdate:modelValue": t[0] ||= (e) => i.value = e,
 					class: "td-search-input",
 					type: "text",
-					placeholder: "Search..."
-				}, null, 512), [[me, i.value]]),
-				u.value ? (F(), k("span", kt, R(s.value.length), 1)) : O("", !0),
-				i.value ? (F(), k("button", {
-					key: 1,
+					size: "1",
+					placeholder: "Search...",
+					onKeydown: re
+				}, null, 544), [[_e, i.value]]),
+				c.value ? (V(), M(G(we), {
+					key: 0,
+					size: 12,
+					class: "td-search-spinner"
+				})) : u.value ? (V(), P("span", jt, W(s.value.length), 1)) : N("", !0),
+				i.value ? (V(), P("button", {
+					key: 2,
 					class: "td-search-clear",
 					type: "button",
 					"aria-label": "Clear search",
-					onClick: v
-				}, [j(z(J), { size: 12 })])) : O("", !0)
+					onClick: C
+				}, [I(G(Y), { size: 12 })])) : N("", !0)
 			]),
-			u.value && s.value.length > 0 ? (F(), k("div", At, [(F(!0), k(T, null, L(s.value, (e) => (F(), k("a", {
+			u.value && s.value.length > 0 ? (V(), P("div", Mt, [(V(!0), P(k, null, U(p.value, (e) => (V(), P("div", {
+				key: e.pageUrl,
+				class: "td-search-group"
+			}, [F("div", Nt, W(e.pageTitle), 1), (V(!0), P(k, null, U(e.results, (e) => (V(), P("a", {
 				key: e.id,
 				href: e.id,
-				class: "td-search-result",
-				onClick: re
-			}, [
-				A("span", Mt, [A("span", {
-					class: "td-search-result-title",
-					innerHTML: C(e.title, i.value)
-				}, null, 8, Nt), te(e.id) ? (F(), k("span", Pt, "current page")) : O("", !0)]),
-				A("span", Ft, R(e.titles.join(" / ")), 1),
-				e.excerpt ? (F(), k("span", {
-					key: 0,
-					class: "td-search-result-excerpt",
-					innerHTML: C(e.excerpt, i.value)
-				}, null, 8, It)) : O("", !0)
-			], 8, jt))), 128))])) : O("", !0),
-			u.value && s.value.length === 0 ? (F(), k("div", Lt, " No results for \"" + R(i.value) + "\" ", 1)) : O("", !0)
+				class: R(["td-search-result", { "is-selected": D.value.get(e.id) === l.value }]),
+				onClick: A
+			}, [F("span", {
+				class: "td-search-result-title",
+				innerHTML: O(e.title, i.value)
+			}, null, 8, Ft), e.excerpt ? (V(), P("span", {
+				key: 0,
+				class: "td-search-result-excerpt",
+				innerHTML: O(e.excerpt, i.value)
+			}, null, 8, It)) : N("", !0)], 10, Pt))), 128))]))), 128))])) : N("", !0),
+			u.value && s.value.length === 0 ? (V(), P("div", Lt, " No results for \"" + W(i.value) + "\" ", 1)) : N("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-44fb07da"]]), Bt = /* @__PURE__ */ M({
+}), [["__scopeId", "data-v-dc5caa87"]]), Bt = /* @__PURE__ */ L({
 	__name: "TdThemeToggle",
 	setup(e) {
 		let { isDark: t, toggle: n } = re();
-		return (e, r) => (F(), D(X, {
+		return (e, r) => (V(), M(X, {
 			class: "w-9 h-9 text-td-neutral-fg-muted group hover:opacity-70",
-			label: z(t) ? "Switch to light mode" : "Switch to dark mode",
-			onClick: z(n)
+			label: G(t) ? "Switch to light mode" : "Switch to dark mode",
+			onClick: G(n)
 		}, {
-			default: V(() => [z(t) ? (F(), D(z(je), {
+			default: q(() => [G(t) ? (V(), M(G(Ae), {
 				key: 0,
 				size: 18,
 				class: "group-hover:text-td-primary-solid transition-colors"
-			})) : (F(), D(z(ke), {
+			})) : (V(), M(G(Ee), {
 				key: 1,
 				size: 18,
 				class: "group-hover:text-td-primary-solid transition-colors"
@@ -734,152 +839,209 @@ function Vt() {
 			t.classList.remove("copied"), t.setAttribute("title", i);
 		}, 2e3);
 	}
-	se(() => {
+	ue(() => {
 		document.addEventListener("click", e);
-	}), ce(() => {
+	}), B(() => {
 		document.removeEventListener("click", e);
 	});
 }
 //#endregion
-//#region src/client/theme-default/TdLayout.vue?vue&type=script&setup=true&lang.ts
-var Ht = { class: "td-header" }, Ut = { class: "td-header-left" }, Wt = {
+//#region src/client/theme-default/composables/useResizableTable.ts
+var Ht = 6, Ut = 40;
+function Wt() {
+	let e, t = !1;
+	function n(e, t) {
+		return e.getBoundingClientRect().right - t < Ht;
+	}
+	function r(r) {
+		if (t) return;
+		let i = r.target;
+		if (!i?.closest(".td-content")) {
+			e &&= (e.classList.remove("is-near-border"), void 0);
+			return;
+		}
+		let a = i.closest("th");
+		e && e !== a && (e.classList.remove("is-near-border"), e = void 0), !(!a || !a.nextElementSibling) && (n(a, r.clientX) ? (a.classList.add("is-near-border"), e = a) : (a.classList.remove("is-near-border"), e = void 0));
+	}
+	function i(e) {
+		let r = e.target?.closest(".td-content th");
+		if (!r || !r.nextElementSibling || !n(r, e.clientX)) return;
+		e.preventDefault(), t = !0;
+		let i = e.clientX, a = r.offsetWidth;
+		r.classList.add("is-resizing"), document.body.style.cursor = "col-resize";
+		function o(e) {
+			let t = e.clientX - i;
+			r && (r.style.width = `${Math.max(Ut, a + t)}px`);
+		}
+		function s() {
+			t = !1, r?.classList.remove("is-resizing"), document.body.style.cursor = "", document.removeEventListener("pointermove", o), document.removeEventListener("pointerup", s);
+		}
+		document.addEventListener("pointermove", o), document.addEventListener("pointerup", s);
+	}
+	ue(() => {
+		document.addEventListener("pointermove", r), document.addEventListener("pointerdown", i);
+	}), B(() => {
+		document.removeEventListener("pointermove", r), document.removeEventListener("pointerdown", i);
+	});
+}
+//#endregion
+//#region src/client/theme-default/composables/useActiveTocHeading.ts
+function Gt(e) {
+	let t = H(""), n;
+	function r() {
+		n?.disconnect(), t.value = "";
+		let e = Array.from(document.querySelectorAll(".td-content h2[id], .td-content h3[id], .td-content h4[id], .td-content h5[id]"));
+		if (e.length !== 0) {
+			n = new IntersectionObserver((n) => {
+				for (let e of n) if (e.isIntersecting) {
+					t.value = e.target.id;
+					return;
+				}
+				let r = window.scrollY;
+				for (let n = e.length - 1; 0 <= n; n--) if (e[n].offsetTop <= r + 100) {
+					t.value = e[n].id;
+					return;
+				}
+			}, {
+				rootMargin: "-64px 0px -70% 0px",
+				threshold: 0
+			});
+			for (let t of e) n.observe(t);
+		}
+	}
+	return K(e, () => ce(r), { immediate: !0 }), B(() => {
+		n?.disconnect();
+	}), t;
+}
+//#endregion
+//#region src/client/theme-default/components/TdToc.vue?vue&type=script&setup=true&lang.ts
+var Kt = {
+	key: 0,
+	class: "td-toc"
+}, qt = { class: "td-toc-list" }, Jt = ["href"], Yt = /*#__PURE__*/ C(/* @__PURE__ */ L({
+	__name: "TdToc",
+	props: { headings: {} },
+	setup(e) {
+		let t = Gt(() => e.headings);
+		return (n, r) => e.headings.length ? (V(), P("div", Kt, [r[0] ||= F("div", { class: "td-toc-label" }, " On this page ", -1), F("ul", qt, [(V(!0), P(k, null, U(e.headings, (e) => (V(), P("li", {
+			key: e.slug,
+			class: R({
+				"td-toc-indent-1": e.level === 3,
+				"td-toc-indent-2": e.level === 4,
+				"td-toc-indent-3": e.level === 5
+			})
+		}, [F("a", {
+			href: e.link,
+			class: R(["td-toc-link", { "is-active": G(t) === e.slug }])
+		}, W(e.title), 11, Jt)], 2))), 128))])])) : N("", !0);
+	}
+}), [["__scopeId", "data-v-84e4402d"]]), Xt = { class: "td-header" }, Zt = { class: "td-header-left" }, Qt = {
 	href: "/",
 	class: "td-brand"
-}, Gt = { class: "td-brand-name" }, Kt = { class: "td-header-right" }, qt = { class: "td-menu-header" }, Jt = { class: "td-header-left" }, Yt = {
+}, $t = { class: "td-brand-name" }, en = { class: "td-header-right" }, tn = { class: "td-menu-header" }, nn = { class: "td-header-left" }, rn = {
 	href: "/",
 	class: "td-brand"
-}, Xt = { class: "td-brand-name" }, Zt = {
+}, an = { class: "td-brand-name" }, on = {
 	key: 0,
 	class: "pt-4",
 	"aria-label": "Site navigation"
-}, Qt = { class: "td-page" }, $t = {
-	class: "td-sidebar-left",
-	"aria-label": "Site navigation"
-}, en = { class: "td-main-and-toc" }, tn = { class: "td-main" }, nn = { class: "td-content" }, rn = {
+}, sn = { class: "td-page" }, cn = { class: "td-main-and-toc" }, ln = { class: "td-main" }, un = { class: "td-content" }, dn = {
 	key: 0,
 	class: "td-page-title"
-}, an = {
+}, fn = {
 	key: 1,
 	class: "td-page-meta"
-}, on = { key: 0 }, sn = {
+}, pn = { key: 0 }, mn = {
 	class: "td-sidebar-right",
 	"aria-label": "Table of contents"
-}, cn = {
-	key: 0,
-	class: "td-toc"
-}, ln = { class: "td-toc-list" }, un = ["href"], dn = /*#__PURE__*/ S(/* @__PURE__ */ M({
+}, hn = 200, gn = 500, _n = 272, vn = "td-sidebar-width", yn = /*#__PURE__*/ C(/* @__PURE__ */ L({
 	__name: "TdLayout",
 	setup(e) {
-		let { title: t, page: n } = te(), r = C(), i = b(), { isOpen: a, close: o } = Tt(), s = I(""), c = I(!1), l = I(!1), u = w();
-		return B(() => u.path, () => o()), Vt(), (e, u) => (F(), k("div", null, [
-			A("header", Ht, [A("div", Ut, [j(Et), A("a", Wt, [j(Y), A("span", Gt, R(z(r).title || "Typedown"), 1)])]), A("div", Kt, [j(Bt)])]),
-			A("div", { class: P(["td-menu-overlay", { "is-open": z(a) }]) }, [
-				A("header", qt, [A("div", Jt, [j(X, {
+		let { title: t, page: n } = D(), r = ee(), i = b(), { isOpen: a, close: s } = Dt(), c = H(""), l = H(!1), u = H(!1), d = T();
+		K(() => d.path, () => s()), Vt(), Wt();
+		let f = H(typeof localStorage < "u" && Number(localStorage.getItem(vn)) || _n);
+		function p(e) {
+			let t = e.clientX, n = f.value, r = e.currentTarget;
+			r.setPointerCapture(e.pointerId);
+			function i(e) {
+				let r = Math.min(gn, Math.max(hn, n + e.clientX - t));
+				f.value = r;
+			}
+			function a() {
+				document.body.style.cursor = "", r.removeEventListener("pointermove", i), r.removeEventListener("pointerup", a), localStorage.setItem(vn, String(f.value));
+			}
+			document.body.style.cursor = "col-resize", r.addEventListener("pointermove", i), r.addEventListener("pointerup", a);
+		}
+		return (e, d) => (V(), P("div", null, [
+			F("header", Xt, [F("div", Zt, [I(Ot), F("a", Qt, [I(Fe), F("span", $t, W(G(r).title || "Typedown"), 1)])]), F("div", en, [I(Bt)])]),
+			F("div", { class: R(["td-menu-overlay", { "is-open": G(a) }]) }, [
+				F("header", tn, [F("div", nn, [I(X, {
 					class: "w-9 h-9 text-td-neutral-fg-muted hover:text-td-primary-solid",
 					label: "Close menu",
-					onClick: z(o)
+					onClick: G(s)
 				}, {
-					default: V(() => [j(z(J), { size: 20 })]),
+					default: q(() => [I(G(Y), { size: 20 })]),
 					_: 1
-				}, 8, ["onClick"]), A("a", Yt, [j(Y), A("span", Xt, R(z(r).title || "Typedown"), 1)])])]),
-				j(zt, {
-					query: s.value,
-					"onUpdate:query": u[0] ||= (e) => s.value = e,
-					active: l.value,
-					"onUpdate:active": u[1] ||= (e) => l.value = e,
-					onSelect: z(o)
+				}, 8, ["onClick"]), F("a", rn, [I(Fe), F("span", an, W(G(r).title || "Typedown"), 1)])])]),
+				I(zt, {
+					query: c.value,
+					"onUpdate:query": d[0] ||= (e) => c.value = e,
+					active: u.value,
+					"onUpdate:active": d[1] ||= (e) => u.value = e,
+					onSelect: G(s)
 				}, null, 8, [
 					"query",
 					"active",
 					"onSelect"
 				]),
-				l.value ? O("", !0) : (F(), k("nav", Zt, [j(et, { tree: z(i).contentTree }, null, 8, ["tree"])]))
+				u.value ? N("", !0) : (V(), P("nav", on, [I(et, { tree: G(i).contentTree }, null, 8, ["tree"])]))
 			], 2),
-			A("div", Qt, [A("nav", $t, [j(zt, {
-				query: s.value,
-				"onUpdate:query": u[2] ||= (e) => s.value = e,
-				active: c.value,
-				"onUpdate:active": u[3] ||= (e) => c.value = e
-			}, null, 8, ["query", "active"]), c.value ? O("", !0) : (F(), D(et, {
-				key: 0,
-				tree: z(i).contentTree
-			}, null, 8, ["tree"]))]), A("div", en, [A("main", tn, [A("article", nn, [
-				j(at),
-				z(t) ? (F(), k("h1", rn, R(z(t)), 1)) : O("", !0),
-				z(n).metadata ? (F(), k("div", an, [A("span", null, R(z(p)(z(n).metadata.mtime, "Modified")), 1), z(n).metadata.ctime === z(n).metadata.mtime ? O("", !0) : (F(), k("span", on, " · " + R(z(p)(z(n).metadata.ctime, "Created")), 1))])) : O("", !0),
-				j(z(wt), {
-					schema: z(n).schema,
-					frontmatter: z(n).frontmatter
+			F("div", sn, [F("nav", {
+				class: "td-sidebar-left",
+				"aria-label": "Site navigation",
+				style: z({ width: `${f.value}px` })
+			}, [
+				I(zt, {
+					query: c.value,
+					"onUpdate:query": d[2] ||= (e) => c.value = e,
+					active: l.value,
+					"onUpdate:active": d[3] ||= (e) => l.value = e
+				}, null, 8, ["query", "active"]),
+				l.value ? N("", !0) : (V(), M(et, {
+					key: 0,
+					tree: G(i).contentTree
+				}, null, 8, ["tree"])),
+				F("div", {
+					class: "td-sidebar-resize",
+					onPointerdown: ye(p, ["prevent"])
+				}, null, 32)
+			], 4), F("div", cn, [F("main", ln, [F("article", un, [
+				I(at),
+				G(t) ? (V(), P("h1", dn, W(G(t)), 1)) : N("", !0),
+				G(n).metadata ? (V(), P("div", fn, [F("span", null, W(G(o)(G(n).metadata.mtime, "Modified")), 1), G(n).metadata.ctime === G(n).metadata.mtime ? N("", !0) : (V(), P("span", pn, " · " + W(G(o)(G(n).metadata.ctime, "Created")), 1))])) : N("", !0),
+				I(G(Et), {
+					schema: G(n).schema,
+					frontmatter: G(n).frontmatter
 				}, null, 8, ["schema", "frontmatter"]),
-				j(z(x))
-			])]), A("nav", sn, [z(n).headings.length ? (F(), k("div", cn, [u[4] ||= A("div", { class: "td-toc-label" }, " On this page ", -1), A("ul", ln, [(F(!0), k(T, null, L(z(n).headings, (e) => (F(), k("li", {
-				key: e.slug,
-				class: P({
-					"td-toc-indent-1": e.level === 3,
-					"td-toc-indent-2": e.level === 4,
-					"td-toc-indent-3": e.level === 5
-				})
-			}, [A("a", {
-				href: e.link,
-				class: "td-toc-link"
-			}, R(e.title), 9, un)], 2))), 128))])])) : O("", !0)])])])
+				I(G(x))
+			])]), F("nav", mn, [I(Yt, { headings: G(n).headings }, null, 8, ["headings"])])])])
 		]));
 	}
-}), [["__scopeId", "data-v-24088016"]]), fn = {}, pn = { class: "pt-16 pb-24" };
-function mn(e, t) {
-	return F(), k("div", pn, [...t[0] ||= [
-		A("p", { class: "text-td-display font-td-heading leading-none tracking-td-title text-td-fg-muted" }, " 404 ", -1),
-		A("h1", { class: "text-td-h2 font-td-heading leading-td-heading tracking-td-heading mt-4" }, " Page Not Found ", -1),
-		A("p", { class: "text-td-fg-muted mt-2 text-td-body leading-td-body" }, " The page you are looking for does not exist. ", -1),
-		A("a", {
+}), [["__scopeId", "data-v-1b48ef38"]]), bn = {}, xn = { class: "pt-16 pb-24" };
+function Sn(e, t) {
+	return V(), P("div", xn, [...t[0] ||= [
+		F("p", { class: "text-td-display font-td-heading leading-none tracking-td-title text-td-fg-muted" }, " 404 ", -1),
+		F("h1", { class: "text-td-h2 font-td-heading leading-td-heading tracking-td-heading mt-4" }, " Page Not Found ", -1),
+		F("p", { class: "text-td-fg-muted mt-2 text-td-body leading-td-body" }, " The page you are looking for does not exist. ", -1),
+		F("a", {
 			class: "inline-flex items-center mt-6 text-td-primary-solid text-td-ui font-td-heading tracking-td-heading hover:text-td-primary-solid-hover",
 			href: "/"
 		}, "Go Home", -1)
 	]]);
 }
-var hn = /*#__PURE__*/ S(fn, [["render", mn]]), gn = ["href"], _n = { key: 1 }, vn = ["href"], yn = { class: "font-td-semibold text-td-body-sm" }, bn = { class: "text-td-label text-td-neutral-fg-muted ml-auto" }, xn = { key: 2 }, Sn = ["href"], Cn = { class: "font-td-semibold text-td-body-sm" }, wn = /*#__PURE__*/ S(/* @__PURE__ */ M({
-	__name: "TdDirectoryIndex",
-	props: {
-		url: {},
-		subdirectories: { default: () => [] },
-		items: { default: () => [] }
-	},
-	setup(e) {
-		let t = E(() => e.url === "/"), n = E(() => a(e.url));
-		return (r, i) => (F(), k("div", null, [
-			t.value ? O("", !0) : (F(), k("a", {
-				key: 0,
-				href: n.value,
-				class: "td-dir-row"
-			}, [j(z(Te), {
-				size: 16,
-				class: "text-td-gray-500 flex-shrink-0"
-			}), i[0] ||= A("span", { class: "font-td-semibold text-td-body-sm text-td-neutral-fg-muted" }, "..", -1)], 8, gn)),
-			e.subdirectories.length > 0 ? (F(), k("div", _n, [(F(!0), k(T, null, L(e.subdirectories, (e) => (F(), k("a", {
-				key: e.url,
-				href: e.url,
-				class: "td-dir-row"
-			}, [
-				j(z(q), {
-					size: 16,
-					class: "text-td-gray-500 flex-shrink-0"
-				}),
-				A("span", yn, R(e.name), 1),
-				A("span", bn, R(e.count), 1)
-			], 8, vn))), 128))])) : O("", !0),
-			e.items.length > 0 ? (F(), k("div", xn, [(F(!0), k(T, null, L(e.items, (e) => (F(), k("a", {
-				key: e.url,
-				href: e.url,
-				class: "td-dir-row"
-			}, [j(z(K), {
-				size: 16,
-				class: "text-td-gray-500 flex-shrink-0"
-			}), A("span", Cn, R(e.name), 1)], 8, Sn))), 128))])) : O("", !0)
-		]));
-	}
-}), [["__scopeId", "data-v-d08106fa"]]), Tn = {
-	Layout: dn,
-	NotFound: hn
+var Cn = /*#__PURE__*/ C(bn, [["render", Sn]]), wn = {
+	Layout: yn,
+	NotFound: Cn
 };
 //#endregion
-export { wn as TdDirectoryIndex, dn as TdLayout, hn as TdNotFound, Tn as default, Vt as useCopyCode };
+export { S as TdDirectoryIndex, yn as TdLayout, Cn as TdNotFound, wn as default, Vt as useCopyCode };