monowind 0.1.0 → 0.1.2

package/dist/index.js

@@ -8,13 +8,12 @@ function t(t, n) {
 function n(t, n) {
 	return e(n * t / 100);
 }
-function r(e) {
-	let t = document.createElement("span");
-	t.setAttribute("aria-hidden", "true"), t.style.cssText = "position:absolute!important;visibility:hidden!important;pointer-events:none!important;white-space:pre!important;overflow-wrap:normal!important;top:0!important;left:0!important;padding:0!important;margin:0!important;border:0!important;", t.textContent = "M".repeat(100), e.appendChild(t);
-	let n = t.getBoundingClientRect();
-	return e.removeChild(t), {
+function r(e, t) {
+	let n = t.getBoundingClientRect(), r = parseFloat(getComputedStyle(e).letterSpacing) || 0;
+	return {
 		width: n.width / 100,
-		height: n.height
+		height: n.height,
+		letterSpacing: r
 	};
 }
 function i() {
@@ -22,219 +21,248 @@ function i() {
 }
 //#endregion
 //#region src/wrap.ts
-function a(e, t) {
-	return e.trim() === "" ? [] : e.split("\n").flatMap((e) => c(e, t));
-}
-function o(e, t) {
-	return a(e, t).length;
-}
-function s(e) {
-	let t = [], n = 0, r = /-+/g, i;
-	for (; (i = r.exec(e)) !== null;) {
-		let r = i.index + i[0].length;
-		r < e.length && !/[0-9]/.test(e[r]) && (t.push(e.slice(n, r)), n = r);
-	}
-	return t.push(e.slice(n)), t;
-}
-function c(e, t) {
-	let n = e.split(/[ \t\r\n\f]+/).filter(Boolean);
-	if (n.length === 0) return [""];
-	if (t <= 0) return [n.join(" ")];
-	let r = [], i = "";
-	for (let e of n) {
-		let n = !1;
-		for (let a of s(e)) {
-			let e = +(!n && i !== "");
-			if (i !== "" && i.length + e + a.length <= t) i += e ? ` ${a}` : a;
-			else {
-				for (i !== "" && r.push(i); a.length > t;) r.push(a.slice(0, t)), a = a.slice(t);
-				i = a;
-			}
-			n = !0;
-		}
-	}
-	return r.push(i), r;
-}
-//#endregion
-//#region src/layout.ts
-function l(e, t) {
-	return u(e, t, void 0, 0, 0, "fill", {
-		maxContent: /* @__PURE__ */ new WeakMap(),
-		minContent: /* @__PURE__ */ new WeakMap()
-	}), { height: e.localRect.height };
-}
-function u(e, t, n, r, i, a, s, c) {
-	let l = e.style, u = c?.height, p = h(l.minWidth, t) ?? 0, m = h(l.maxWidth, t), _ = h(l.minHeight, n) ?? 0, b = h(l.maxHeight, n), x = {
-		top: f(l.padding.top, t),
-		right: f(l.padding.right, t),
-		bottom: f(l.padding.bottom, t),
-		left: f(l.padding.left, t)
-	};
-	e.resolvedPadding = x;
-	let S = c?.width ?? d(E(l, t, a, e, s), p, m), C = D(l, n), w = L(S, u ?? C ?? (_ > 0 ? _ : void 0) ?? Infinity, l.border, x), T;
-	if (e.children.length === 0) T = e.text ? l.whiteSpace === "nowrap" ? e.text.split("\n").length : o(e.text, w.width) : e.intrinsicHeight;
-	else if (l.display === "flex" && l.flexDirection === "row") T = v(e, w.width, w.height, l.border, x, s);
-	else if (l.display === "flex" && l.flexDirection === "column") {
-		let t = u !== void 0 || C !== void 0;
-		T = y(e, w.width, w.height, t, l.border, x, s);
-	} else T = g(e, w.width, l.border, x, s);
-	let O = T + l.border.top + l.border.bottom + x.top + x.bottom, k = u ?? C ?? O;
-	e.unclampedHeight = k, e.localRect = {
-		x: r,
-		y: i,
-		width: S,
-		height: d(k, _, b)
-	};
+function a(e) {
+	let t = [], n = 0;
+	for (let r = 0; r <= e.length; r++) (r === e.length || e[r] === "\n") && (t.push({
+		start: n,
+		end: r
+	}), n = r + 1);
+	return t;
 }
-function d(e, t, n) {
-	return Math.max(t, n === void 0 ? e : Math.min(e, n));
+function o(e, t, n = {}) {
+	if (!/[^ \t\r\n\f]/.test(e)) return [];
+	let r = [], i = 0;
+	for (let a = 0; a <= e.length; a++) (a === e.length || e[a] === "\n") && (r.push(...h(e, i, a, t, n)), i = a + 1);
+	return r;
 }
-function f(e, t) {
-	return typeof e == "number" ? e : t === void 0 || !Number.isFinite(t) ? 0 : n(e.percent, t);
+function s(e, t, n) {
+	if (!n) return t - e;
+	let r = 0;
+	for (let i = e; i < t; i++) r += n[i] ?? 1;
+	return r;
 }
-function p(e, t) {
-	let n = (e) => e === null ? null : f(e, t);
-	return {
-		top: n(e.top),
-		right: n(e.right),
-		bottom: n(e.bottom),
-		left: n(e.left)
-	};
+function c(e, t, n, r = 0) {
+	return t <= e ? 0 : s(e, t, n) - Math.min(r, l(t - 1, n));
 }
-function m(e) {
-	return typeof e == "number" ? e : 0;
+function l(e, t) {
+	return t ? (t[e] ?? 1) - 1 : 0;
 }
-function h(e, t) {
-	if (e !== void 0 && e !== "auto") return typeof e == "number" ? e : t === void 0 ? void 0 : n(e.percent, t);
+function u(e, t = {}) {
+	let { advances: n, tracking: r = 0 } = t, i = 0;
+	for (let t of m(e, 0, e.length)) for (let a of f(e, t.start, t.end)) i = Math.max(i, c(a.start, a.end, n, r));
+	return i;
 }
-function g(e, t, n, r, i) {
-	let a = n.left + r.left, o = n.top + r.top, s = o, c = null;
-	for (let n of e.children) {
-		let e = p(n.style.margin, t), r = e.top ?? 0, o = e.bottom ?? 0, l = e.left ?? 0, d = e.right ?? 0;
-		u(n, Math.max(0, t - l - d), void 0, 0, 0, "fill", i);
-		let f = t - n.localRect.width, m = e.left === null && e.right === null, h = e.left === null && e.right !== null;
-		e.right === null && e.left;
-		let g;
-		g = m ? Math.floor(f / 2) : h ? f - d : l, s += c === null ? r : _(c, r), n.localRect = {
-			...n.localRect,
-			x: a + g,
-			y: s
-		}, s += n.localRect.height, c = o;
+function d(e, t) {
+	let n = 0;
+	for (let r = 0; r < e.length; r++) e[r] === "" && (t(r, n), n++);
+}
+function f(e, t, n) {
+	let r = [], i = t;
+	for (let a = t; a < n; a++) {
+		if (e[a] === "") {
+			a > i && r.push({
+				start: i,
+				end: a
+			}), r.push({
+				start: a,
+				end: a + 1
+			}), i = a + 1;
+			continue;
+		}
+		if (e[a] !== "-") continue;
+		for (; a + 1 < n && e[a + 1] === "-";) a++;
+		let t = a + 1;
+		t < n && !/[0-9]/.test(e[t]) && (r.push({
+			start: i,
+			end: t
+		}), i = t);
 	}
-	return c !== null && (s += c), s - o;
-}
-function _(e, t) {
-	return e >= 0 && t >= 0 ? Math.max(e, t) : e <= 0 && t <= 0 ? Math.min(e, t) : e + t;
+	return r.push({
+		start: i,
+		end: n
+	}), r;
+}
+var p = /[ \t\r\n\f]/;
+function m(e, t, n) {
+	let r = [], i = t;
+	for (; i < n;) {
+		for (; i < n && p.test(e[i]);) i++;
+		if (i >= n) break;
+		let t = i;
+		for (; i < n && !p.test(e[i]);) i++;
+		r.push({
+			start: t,
+			end: i
+		});
+	}
+	return r;
+}
+function h(e, t, n, r, { advances: i, tracking: a = 0 }) {
+	let o = m(e, t, n);
+	if (o.length === 0) return [{
+		start: t,
+		end: t
+	}];
+	if (r <= 0) return [{
+		start: o[0].start,
+		end: o[o.length - 1].end
+	}];
+	let u = [], d = null, p = 0;
+	for (let t of o) {
+		let n = !1;
+		for (let o of f(e, t.start, t.end)) {
+			let e = o.start, t = o.end, f = d !== null && !n ? e - 1 : e, m = p + s(f, t, i), h = Math.min(a, l(t - 1, i));
+			if (d !== null && m - h <= r) d.end = t, p = m;
+			else {
+				for (d !== null && u.push(d);;) {
+					let n = e;
+					for (; n < t && c(e, n + 1, i, a) <= r;) n++;
+					if (n === t || n === e) break;
+					u.push({
+						start: e,
+						end: n
+					}), e = n;
+				}
+				d = {
+					start: e,
+					end: t
+				}, p = s(e, t, i);
+			}
+			n = !0;
+		}
+	}
+	return d !== null && u.push(d), u;
 }
-function v(e, t, n, r, i, a) {
-	let o = f(e.style.gapX, t), s = f(e.style.gapY, n), c = A(e).map((e) => {
-		let n = p(e.style.margin, t);
+//#endregion
+//#region src/flex.ts
+function g(e, t, n, r, i, a, o) {
+	let s = W(e.style.gapX, t), c = W(e.style.gapY, n), l = D(e).map((e) => {
+		let n = G(e.style.margin, t);
 		return {
 			node: e,
-			intrinsic: O(e, t, a),
+			base: E(e, t, o),
 			grow: e.style.flexGrow,
 			shrink: e.style.flexShrink,
-			min: M(e, t, a),
-			max: h(e.style.maxWidth, t),
-			margin: n,
-			marginLeft: n.left,
-			marginRight: n.right
+			min: A(e, t, o),
+			max: q(e.style.maxWidth, t),
+			margin: n
 		};
-	}), l = [];
+	}), u = [];
 	if (e.style.flexWrap === "wrap") {
 		let n = [], r = 0;
-		for (let e of c) {
-			let i = Math.max(0, d(e.intrinsic, e.min, e.max)) + (e.marginLeft ?? 0) + (e.marginRight ?? 0), a = n.length === 0 ? i : r + o + i;
-			n.length > 0 && a > t && (l.push(n), n = [], r = 0), n.push(e), r = n.length === 1 ? i : r + o + i;
-		}
-		n.length > 0 && l.push(n), e.style.wrapReverse && l.reverse();
-	} else l.push(c);
-	let m = r.left + i.left, g = r.top + i.top, _ = 0, v = 0;
-	for (let r = 0; r < l.length; r++) {
-		let i = l[r], c = o * Math.max(0, i.length - 1), f = i.reduce((e, t) => e + (t.marginLeft ?? 0) + (t.marginRight ?? 0), 0), p = Math.max(0, t - c - f), y = i.some((e) => e.marginLeft === null || e.marginRight === null), x = i.reduce((e, t) => e + t.intrinsic, 0), T = y && x <= p ? i.map((e) => e.intrinsic) : C(i, p);
-		for (let e = 0; e < i.length; e++) u(i[e].node, t, void 0, 0, 0, "fill", a, { width: T[e] });
-		let E = i.reduce((e, t) => Math.max(e, t.node.localRect.height), 0), D = l.length === 1 && Number.isFinite(n) ? Math.max(n, E) : E;
-		for (let r = 0; r < i.length; r++) {
-			let o = i[r].node, s = o.style.alignSelf === "auto" ? e.style.alignItems : o.style.alignSelf, c = i[r].margin, l = c.top === null || c.bottom === null, f = o.style.height !== void 0 && o.style.height.kind !== "auto";
-			if (s === "stretch" && !l && !f && D > o.localRect.height) {
-				let e = c.top ?? 0, i = c.bottom ?? 0, s = Number.isFinite(n) ? n : void 0, l = d(Math.max(0, D - e - i), h(o.style.minHeight, s) ?? 0, h(o.style.maxHeight, s));
-				if (l === o.localRect.height) continue;
-				u(o, t, void 0, 0, 0, "fill", a, {
-					width: T[r],
-					height: l
+		for (let e of l) {
+			let i = Math.max(0, U(e.base, e.min, e.max)) + (e.margin.left ?? 0) + (e.margin.right ?? 0), a = n.length === 0 ? i : r + s + i;
+			n.length > 0 && a > t && (u.push(n), n = [], r = 0), n.push(e), r = n.length === 1 ? i : r + s + i;
+		}
+		n.length > 0 && u.push(n), e.style.wrapReverse && u.reverse();
+	} else u.push(l);
+	let d = i.left + a.left, f = i.top + a.top, p = u.map((e) => {
+		let n = s * Math.max(0, e.length - 1), i = e.reduce((e, t) => e + (t.margin.left ?? 0) + (t.margin.right ?? 0), 0), a = Math.max(0, t - n - i), c = e.some((e) => e.margin.left === null || e.margin.right === null), l = e.reduce((e, t) => e + t.base, 0), u = c && l <= a ? e.map((e) => Math.max(0, U(e.base, e.min, e.max))) : S(e, a);
+		for (let n = 0; n < e.length; n++) H(e[n].node, t, r, 0, 0, "fill", o, { width: u[n] });
+		return {
+			row: e,
+			widths: u,
+			availableForItems: a,
+			height: e.reduce((e, t) => Math.max(e, t.node.localRect.height), 0)
+		};
+	}), m = p.map((e) => e.height), h = c * Math.max(0, p.length - 1), g;
+	if (e.style.flexWrap === "nowrap") Number.isFinite(n) && (m[0] = Math.max(n, m[0] ?? 0)), g = [0];
+	else {
+		let t = m.reduce((e, t) => e + t, 0), r = Number.isFinite(n) ? Math.max(0, n - t - h) : 0, i = O(e.style);
+		if (i === "stretch" && r > 0) {
+			let e = C(Array.from({ length: p.length }, () => 1), r);
+			for (let t = 0; t < m.length; t++) m[t] += e[t];
+			g = x("start", m, 0);
+		} else g = x(i === "stretch" ? "start" : i, m, r);
+	}
+	for (let i = 0; i < p.length; i++) {
+		let { row: a, widths: l, availableForItems: u } = p[i], h = m[i], _ = g[i] + i * c;
+		for (let i = 0; i < a.length; i++) {
+			let s = a[i].node, c = w(s, e), u = a[i].margin, d = u.top === null || u.bottom === null, f = s.style.height !== void 0 && s.style.height.kind !== "auto";
+			if (c === "stretch" && !d && !f && h > s.localRect.height) {
+				let e = u.top ?? 0, a = u.bottom ?? 0, c = Number.isFinite(n) ? n : void 0, d = U(Math.max(0, h - e - a), q(s.style.minHeight, c) ?? 0, q(s.style.maxHeight, c));
+				if (d === s.localRect.height) continue;
+				H(s, t, r, 0, 0, "fill", o, {
+					width: l[i],
+					height: d
 				});
 			}
 		}
-		let O = T.reduce((e, t) => e + t, 0), k = Math.max(0, p - O), A = i.reduce((e, t) => e + +(t.marginLeft === null) + +(t.marginRight === null), 0), M = Array.from({ length: i.length }, () => 0), N = Array.from({ length: i.length }, () => 0), P;
-		if (A > 0 && k > 0) {
-			let e = w(Array.from({ length: A }, () => 1), k), t = 0;
-			for (let n = 0; n < i.length; n++) i[n].marginLeft === null && (M[n] = e[t++]), i[n].marginRight === null && (N[n] = e[t++]);
-			P = S("start", T, 0);
-		} else P = S(j(e.style), T, k);
-		let F = 0;
-		for (let t = 0; t < i.length; t++) {
-			let n = i[t], r = n.node, a = n.marginLeft ?? 0, s = n.marginRight ?? 0;
-			F += M[t] + a, r.localRect = {
+		let v = l.reduce((e, t) => e + t, 0), b = Math.max(0, u - v), S = a.reduce((e, t) => e + +(t.margin.left === null) + +(t.margin.right === null), 0), T = Array.from({ length: a.length }, () => 0), E = Array.from({ length: a.length }, () => 0), D;
+		if (S > 0 && b > 0) {
+			let e = C(Array.from({ length: S }, () => 1), b), t = 0;
+			for (let n = 0; n < a.length; n++) a[n].margin.left === null && (T[n] = e[t++]), a[n].margin.right === null && (E[n] = e[t++]);
+			D = x("start", l, 0);
+		} else D = x(k(e.style), l, b);
+		let O = 0;
+		for (let t = 0; t < a.length; t++) {
+			let n = a[t], r = n.node, i = n.margin.left ?? 0, o = n.margin.right ?? 0;
+			O += T[t] + i, r.localRect = {
 				...r.localRect,
-				x: m + P[t] + t * o + F,
-				y: g + _ + b(r, e.style.alignItems, D, n.margin)
-			}, F += N[t] + s;
+				x: d + D[t] + t * s + O,
+				y: f + _ + y(r, e.style.alignItems, h, n.margin)
+			}, O += E[t] + o;
 		}
-		let I = r < l.length - 1 ? s : 0;
-		_ += D + I, v += D + I;
 	}
-	return Number.isFinite(n) ? Math.max(n, v) : v;
+	let v = m.reduce((e, t) => e + t, 0) + h, b = Number.isFinite(n) ? Math.max(n, v) : v;
+	return _(e, i, a, t, b), b;
+}
+function _(e, t, n, r, i) {
+	for (let a of e.children) V(a.style) && (a.staticSlot = {
+		kind: "flex",
+		direction: e.style.flexDirection,
+		originX: t.left + n.left,
+		originY: t.top + n.top,
+		innerWidth: r,
+		innerHeight: i
+	});
 }
-function y(e, t, r, i, a, o, s) {
-	let c = f(e.style.gapY, r), l = A(e).map((i) => {
-		let a = p(i.style.margin, t), o = a.left ?? 0, c = a.right ?? 0;
-		u(i, Math.max(0, t - o - c), void 0, 0, 0, (i.style.alignSelf === "auto" ? e.style.alignItems : i.style.alignSelf) === "stretch" ? "fill" : "shrink", s);
-		let l = Number.isFinite(r) ? r : void 0, d = i.style.flexBasis, f = d === void 0 || d.kind === "auto" ? i.unclampedHeight : d.kind === "cells" ? d.value : d.kind === "percent" && l !== void 0 ? n(d.value, l) : i.unclampedHeight, m = i.style.minHeight === "auto" ? i.style.overflow === "visible" ? i.localRect.height : 0 : void 0;
+function v(e, t, r, i, a, o, s) {
+	let c = W(e.style.gapY, r), l = D(e).map((a) => {
+		let o = G(a.style.margin, t), c = Math.max(0, t - (o.left ?? 0) - (o.right ?? 0)), l = w(a, e) === "stretch";
+		H(a, c, i && Number.isFinite(r) ? r : void 0, 0, 0, l ? "fill" : "shrink", s);
+		let u = Number.isFinite(r) ? r : void 0, d = a.style.flexBasis, f = d === void 0 || d.kind === "auto" ? a.unclampedHeight : d.kind === "cells" ? d.value : d.kind === "percent" && u !== void 0 ? n(d.value, u) : a.unclampedHeight, p = a.style.minHeight === "auto" ? a.style.overflow === "visible" ? a.localRect.height : 0 : void 0;
 		return {
-			node: i,
-			intrinsic: f,
-			grow: i.style.flexGrow,
-			shrink: i.style.flexShrink,
-			min: m ?? h(i.style.minHeight, l) ?? 0,
-			max: h(i.style.maxHeight, l),
-			margin: a,
-			marginTop: a.top,
-			marginBottom: a.bottom,
-			marginLeft: o,
-			marginRight: c
+			node: a,
+			base: f,
+			grow: a.style.flexGrow,
+			shrink: a.style.flexShrink,
+			min: p ?? q(a.style.minHeight, u) ?? 0,
+			max: q(a.style.maxHeight, u),
+			margin: o
 		};
-	}), d = c * Math.max(0, l.length - 1), m = l.reduce((e, t) => e + (t.marginTop ?? 0) + (t.marginBottom ?? 0), 0), g = Number.isFinite(r), _ = l.reduce((e, t) => e + t.intrinsic, 0), v = g ? Math.max(0, r - d - m) : _, y = i ? v : Math.max(v, _), b = l.some((e) => e.marginTop === null || e.marginBottom === null), T = g && !(g && b && _ <= y) ? C(l, y) : l.map((e) => e.intrinsic);
-	for (let n = 0; n < l.length; n++) if (T[n] !== l[n].intrinsic) {
-		let r = l[n], i = Math.max(0, t - r.marginLeft - r.marginRight), a = (r.node.style.alignSelf === "auto" ? e.style.alignItems : r.node.style.alignSelf) === "stretch";
-		u(r.node, i, T[n], 0, 0, a ? "fill" : "shrink", s, { height: T[n] });
-	}
-	let E = T.reduce((e, t) => e + t, 0), D = Math.max(0, y - E), O = l.reduce((e, t) => e + +(t.marginTop === null) + +(t.marginBottom === null), 0), k = Array.from({ length: l.length }, () => 0), M = Array.from({ length: l.length }, () => 0), N;
-	if (O > 0 && D > 0) {
-		let e = w(Array.from({ length: O }, () => 1), D), t = 0;
-		for (let n = 0; n < l.length; n++) l[n].marginTop === null && (k[n] = e[t++]), l[n].marginBottom === null && (M[n] = e[t++]);
-		N = S("start", T, 0);
-	} else N = S(j(e.style), T, D);
-	let P = a.left + o.left, F = a.top + o.top, I = 0;
+	}), u = c * Math.max(0, l.length - 1), d = l.reduce((e, t) => e + (t.margin.top ?? 0) + (t.margin.bottom ?? 0), 0), f = Number.isFinite(r), p = l.reduce((e, t) => e + t.base, 0), m = f ? Math.max(0, r - u - d) : p, h = i ? m : Math.max(m, p), g = l.some((e) => e.margin.top === null || e.margin.bottom === null), v = f && !(f && g && p <= h) ? S(l, h) : l.map((e) => Math.max(0, U(e.base, e.min, e.max)));
+	for (let n = 0; n < l.length; n++) if (v[n] !== l[n].node.localRect.height) {
+		let r = l[n], i = Math.max(0, t - (r.margin.left ?? 0) - (r.margin.right ?? 0)), a = w(r.node, e) === "stretch";
+		H(r.node, i, v[n], 0, 0, a ? "fill" : "shrink", s, { height: v[n] });
+	}
+	let y = v.reduce((e, t) => e + t, 0), T = Math.max(0, h - y), E = l.reduce((e, t) => e + +(t.margin.top === null) + +(t.margin.bottom === null), 0), O = Array.from({ length: l.length }, () => 0), A = Array.from({ length: l.length }, () => 0), j;
+	if (E > 0 && T > 0) {
+		let e = C(Array.from({ length: E }, () => 1), T), t = 0;
+		for (let n = 0; n < l.length; n++) l[n].margin.top === null && (O[n] = e[t++]), l[n].margin.bottom === null && (A[n] = e[t++]);
+		j = x("start", v, 0);
+	} else j = x(k(e.style), v, T);
+	let M = a.left + o.left, N = a.top + o.top, P = 0;
 	for (let n = 0; n < l.length; n++) {
-		let r = l[n], i = r.node, a = r.marginTop ?? 0, o = r.marginBottom ?? 0;
-		I += k[n] + a, i.localRect = {
+		let r = l[n], i = r.node, a = r.margin.top ?? 0, o = r.margin.bottom ?? 0;
+		P += O[n] + a, i.localRect = {
 			...i.localRect,
-			x: P + x(i, e.style.alignItems, t, r.margin),
-			y: F + N[n] + n * c + I
-		}, I += M[n] + o;
+			x: M + b(i, e.style.alignItems, t, r.margin),
+			y: N + j[n] + n * c + P
+		}, P += A[n] + o;
 	}
-	let L = E + d + m;
-	return g ? Math.max(r, L) : L;
+	let F = y + u + d, I = f ? Math.max(r, F) : F;
+	return _(e, a, o, t, I), I;
 }
-function b(e, t, n, r) {
+function y(e, t, n, r) {
 	let i = e.style.alignSelf === "auto" ? t : e.style.alignSelf, a = r.top ?? 0, o = r.bottom ?? 0, s = n - e.localRect.height, c = r.top === null && r.bottom === null, l = r.top === null && r.bottom !== null, u = r.bottom === null && r.top !== null;
 	return c ? Math.floor(s / 2) : l ? s - o : u ? a : a + T(i, n, e.localRect.height);
 }
-function x(e, t, n, r) {
+function b(e, t, n, r) {
 	let i = e.style.alignSelf === "auto" ? t : e.style.alignSelf, a = r.left ?? 0, o = r.right ?? 0, s = n - e.localRect.width, c = r.left === null && r.right === null, l = r.left === null && r.right !== null, u = r.right === null && r.left !== null;
 	return c ? Math.floor(s / 2) : l ? s - o : u ? a : a + T(i, n, e.localRect.width);
 }
-function S(e, t, n) {
+function x(e, t, n) {
 	let r = t.length;
 	if (r === 0) return [];
 	let i = [], a = 0;
@@ -244,7 +272,7 @@ function S(e, t, n) {
 		return i;
 	}
 	if ((e === "space-around" || e === "space-evenly") && n > 0) {
-		let o = w(Array.from({ length: r + 1 }, (t, n) => e === "space-evenly" || n === 0 || n === r ? 1 : 2), n);
+		let o = C(Array.from({ length: r + 1 }, (t, n) => e === "space-evenly" || n === 0 || n === r ? 1 : 2), n);
 		for (let e = 0; e < r; e++) a += o[e], i.push(a), a += t[e];
 		return i;
 	}
@@ -252,8 +280,8 @@ function S(e, t, n) {
 	for (let e = 0; e < r; e++) i.push(a), a += t[e];
 	return i;
 }
-function C(e, t) {
-	let n = e.length, r = (t, n) => Math.max(0, d(t, e[n].min ?? 0, e[n].max)), i = e.map((e) => e.intrinsic), a = t >= i.reduce((e, t, n) => e + r(t, n), 0), o = Array.from({ length: n }, () => 0), s = Array.from({ length: n }, () => !1);
+function S(e, t) {
+	let n = e.length, r = (t, n) => Math.max(0, U(t, e[n].min ?? 0, e[n].max)), i = e.map((e) => e.base), a = t >= i.reduce((e, t, n) => e + r(t, n), 0), o = Array.from({ length: n }, () => 0), s = Array.from({ length: n }, () => !1);
 	for (let t = 0; t < n; t++) {
 		let n = r(i[t], t);
 		((a ? e[t].grow : e[t].shrink) === 0 || a && i[t] > n || !a && i[t] < n) && (o[t] = n, s[t] = !0);
@@ -262,7 +290,7 @@ function C(e, t) {
 		let c = [];
 		for (let e = 0; e < n; e++) s[e] || c.push(e);
 		if (c.length === 0) break;
-		let l = o.reduce((e, t, n) => s[n] ? e + t : e, 0), u = c.reduce((e, t) => e + i[t], 0), d = t - l - u, f = a ? Math.max(0, d) : Math.max(0, -d), p = w(c.map((t) => a ? e[t].grow : i[t] * e[t].shrink), f), m = c.map((e, t) => i[e] + (a ? p[t] : -p[t])), h = c.map((e, t) => r(m[t], e)), g = h.reduce((e, t, n) => e + (t - m[n]), 0);
+		let l = o.reduce((e, t, n) => s[n] ? e + t : e, 0), u = c.reduce((e, t) => e + i[t], 0), d = t - l - u, f = a ? Math.max(0, d) : Math.max(0, -d), p = C(c.map((t) => a ? e[t].grow : i[t] * e[t].shrink), f), m = c.map((e, t) => i[e] + (a ? p[t] : -p[t])), h = c.map((e, t) => r(m[t], e)), g = h.reduce((e, t, n) => e + (t - m[n]), 0);
 		if (g === 0) {
 			for (let e = 0; e < c.length; e++) o[c[e]] = h[e];
 			break;
@@ -274,7 +302,7 @@ function C(e, t) {
 	}
 	return o;
 }
-function w(e, t) {
+function C(e, t) {
 	let n = e.reduce((e, t) => e + t, 0);
 	if (n === 0 || t <= 0) return e.map(() => 0);
 	let r = e.map((e) => e / n * t), i = r.map(Math.floor), a = t - i.reduce((e, t) => e + t, 0);
@@ -287,75 +315,1099 @@ function w(e, t) {
 	}
 	return i;
 }
+function w(e, t) {
+	return e.style.alignSelf === "auto" ? t.style.alignItems : e.style.alignSelf;
+}
 function T(e, t, n) {
 	return e === "center" ? Math.max(0, Math.floor((t - n) / 2)) : e === "end" ? Math.max(0, t - n) : 0;
 }
-function E(e, t, n, r, i) {
+function E(e, t, n) {
+	let r = e.style.flexBasis, i = e.style.width;
+	return r !== void 0 && r.kind !== "auto" ? Y(r, t, e, n) : i !== void 0 && i.kind !== "auto" ? Y(i, t, e, n) : X(e, n);
+}
+function D(e) {
+	let t = e.children.filter((e) => !V(e.style)).sort((e, t) => e.style.order - t.style.order);
+	return e.style.flexReverse && t.reverse(), t;
+}
+function O(e) {
+	return e.wrapReverse ? e.alignContent === "start" ? "end" : e.alignContent === "end" ? "start" : e.alignContent : e.alignContent;
+}
+function k(e) {
+	let t = e.justifyContent === "stretch" ? "start" : e.justifyContent;
+	return e.flexReverse ? t === "start" ? "end" : t === "end" ? "start" : t : t;
+}
+function A(e, t, n) {
+	return e.style.minWidth === "auto" ? e.style.overflow === "visible" ? Z(e, n) : 0 : q(e.style.minWidth, t) ?? 0;
+}
+//#endregion
+//#region src/types.ts
+function j() {
+	return {
+		display: "block",
+		flexDirection: "row",
+		flexReverse: !1,
+		flexWrap: "nowrap",
+		wrapReverse: !1,
+		flexGrow: 0,
+		flexShrink: 0,
+		flexBasis: void 0,
+		order: 0,
+		justifyContent: "stretch",
+		alignContent: "stretch",
+		alignItems: "stretch",
+		alignSelf: "auto",
+		justifyItems: "stretch",
+		justifySelf: "auto",
+		gridTemplateColumns: { kind: "none" },
+		gridTemplateRows: { kind: "none" },
+		gridAutoColumns: [N()],
+		gridAutoRows: [N()],
+		gridAutoFlow: {
+			direction: "row",
+			dense: !1
+		},
+		gridTemplateAreas: null,
+		gridColumnStart: { kind: "auto" },
+		gridColumnEnd: { kind: "auto" },
+		gridRowStart: { kind: "auto" },
+		gridRowEnd: { kind: "auto" },
+		width: void 0,
+		height: void 0,
+		minWidth: "auto",
+		minHeight: "auto",
+		maxWidth: void 0,
+		maxHeight: void 0,
+		padding: M(),
+		margin: {
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0
+		},
+		position: "static",
+		insets: {
+			top: null,
+			right: null,
+			bottom: null,
+			left: null
+		},
+		gapX: 0,
+		gapY: 0,
+		border: M(),
+		borderStyle: {
+			top: "solid",
+			right: "solid",
+			bottom: "solid",
+			left: "solid"
+		},
+		overflow: "visible",
+		whiteSpace: "normal",
+		tabSize: 8,
+		lineGap: 0,
+		tracking: 0,
+		textOverflow: "clip",
+		color: void 0,
+		backgroundColor: void 0,
+		borderColor: {
+			top: void 0,
+			right: void 0,
+			bottom: void 0,
+			left: void 0
+		},
+		textAlignBlocked: !1
+	};
+}
+function M() {
+	return {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0
+	};
+}
+function N() {
+	return {
+		min: { kind: "auto" },
+		max: { kind: "auto" }
+	};
+}
+//#endregion
+//#region src/grid.ts
+function P(e, t, n, r, i, a) {
+	let o = e.style, s = Number.isFinite(n) ? n : void 0, c = e.subgrid?.cols, l = e.subgrid?.rows, u = c ? c.gap : W(o.gapX, t), d = l ? l.gap : W(o.gapY, s), f = oe(e, t, s, u, d, e.subgrid ? {
+		col: e.subgrid.colSpan,
+		row: e.subgrid.rowSpan
+	} : void 0), { children: p, placed: m, colLines: h, rowLines: g, colTracks: _, rowTracks: v, colCollapsed: y, rowCollapsed: b } = f, x = p.map((e) => G(e.style.margin, t)), S = p.map((e) => e.style.justifySelf === "auto" ? o.justifyItems : e.style.justifySelf), C = p.map(F), T = c ? ee(c) : ye(_, y, te(f, C, x, a), t, u, o.justifyContent === "stretch"), E = c ? c.positions : be(T, t, o.justifyContent), D = [];
+	for (let e = 0; e < p.length; e++) {
+		let t = p[e], n = m.items[e], r = Se(E, T.sizes, n.col.start, n.col.span), i = x[e], o = Math.max(0, r - R(i)), s = C[e];
+		if (s.cols || s.rows) {
+			let e = s.cols ? I(E, T, u, n.col.start, n.col.span, L(t, "cols", i, r)) : void 0;
+			t.subgrid = {
+				colSpan: n.col.span,
+				rowSpan: n.row.span,
+				cols: e,
+				rows: void 0
+			};
+		} else t.subgrid = void 0;
+		let c = S[e], l = i.left === null || i.right === null, d = t.style.width !== void 0 && t.style.width.kind !== "auto";
+		s.cols ? H(t, r, void 0, 0, 0, "fill", a, { width: o }) : c === "stretch" && !l && !d ? H(t, r, void 0, 0, 0, "fill", a, { width: U(o, t.style.minWidth === "auto" ? t.style.overflow === "visible" ? Z(t, a) : 0 : q(t.style.minWidth, r) ?? 0, J(t.style.maxWidth, r, t, a)) }) : H(t, o, void 0, 0, 0, "shrink", a), D.push(t.localRect.width);
+	}
+	let O = l ? ee(l) : ye(v, b, ne(f, C, x), s ?? "max-content", d, o.alignContent === "stretch"), k = xe(O), A = l ? l.positions : be(O, s ?? k, o.alignContent), j = r.left + i.left, M = r.top + i.top;
+	for (let t = 0; t < p.length; t++) {
+		let n = p[t], r = m.items[t], i = x[t], o = Se(E, T.sizes, r.col.start, r.col.span), s = Se(A, O.sizes, r.row.start, r.row.span), c = Math.max(0, s - ue(i)), l = w(n, e), u = i.top === null || i.bottom === null, f = n.style.height !== void 0 && n.style.height.kind !== "auto";
+		if (C[t].rows) n.subgrid.rows = I(A, O, d, r.row.start, r.row.span, L(n, "rows", i, o)), H(n, o, s, 0, 0, "fill", a, {
+			width: D[t],
+			height: c
+		});
+		else if (l === "stretch" && !u && !f) {
+			let e = U(c, n.style.minHeight === "auto" ? n.style.overflow === "visible" ? n.localRect.height : 0 : q(n.style.minHeight, s) ?? 0, q(n.style.maxHeight, s));
+			e !== n.localRect.height && H(n, o, s, 0, 0, "fill", a, {
+				width: D[t],
+				height: e
+			});
+		} else n.style.height?.kind === "percent" && H(n, o, s, 0, 0, "fill", a, { width: D[t] });
+		n.localRect = {
+			...n.localRect,
+			x: j + E[r.col.start] + Ce(S[t], i.left, i.right, o, n.localRect.width),
+			y: M + A[r.row.start] + Ce(l, i.top, i.bottom, s, n.localRect.height)
+		};
+	}
+	let N = Number.isFinite(n) ? Math.max(n, k) : k, P = e.children.filter((e) => V(e.style));
+	if (P.length > 0) {
+		let e = V(o) ? {
+			x: r.left,
+			y: r.top,
+			width: i.left + t + i.right,
+			height: i.top + N + i.bottom
+		} : {
+			x: j,
+			y: M,
+			width: t,
+			height: N
+		};
+		for (let n of P) {
+			let r = ie(n.style.gridColumnStart, n.style.gridColumnEnd, h, m.colOrigin, E, T.sizes, -i.left, t + i.right), a = ie(n.style.gridRowStart, n.style.gridRowEnd, g, m.rowOrigin, A, O.sizes, -i.top, N + i.bottom);
+			n.staticSlot = {
+				kind: "grid",
+				area: {
+					x: j + r.start,
+					y: M + a.start,
+					width: Math.max(0, r.end - r.start),
+					height: Math.max(0, a.end - a.start)
+				},
+				staticArea: e
+			};
+		}
+	}
+	return N;
+}
+function F(e) {
+	let t = e.style.display === "grid";
+	return {
+		cols: t && e.style.gridTemplateColumns.kind === "subgrid",
+		rows: t && e.style.gridTemplateRows.kind === "subgrid"
+	};
+}
+function I(e, t, n, r, i, a) {
+	let o = e[r] + a.start, s = t.sizes.slice(r, r + i);
+	return s[0] = Math.max(0, s[0] - a.start), s[i - 1] = Math.max(0, s[i - 1] - a.end), {
+		positions: Array.from({ length: i }, (t, n) => n === 0 ? 0 : e[r + n] - o),
+		sizes: s,
+		gapBefore: Array.from({ length: i }, (e, n) => n === 0 ? 0 : t.gapBefore[r + n]),
+		gap: n
+	};
+}
+function ee(e) {
+	return {
+		sizes: e.sizes,
+		gapBefore: e.gapBefore,
+		limits: e.sizes
+	};
+}
+function te(e, t, n, r) {
+	let i = [];
+	return e.children.forEach((a, o) => {
+		let s = e.placed.items[o], c = n[o];
+		if (t[o].cols) {
+			let e = L(a, "cols", c, 0);
+			for (let t of re(a, "cols", s, e, r)) i.push({
+				...t,
+				start: t.start + s.col.start
+			});
+			return;
+		}
+		i.push({
+			start: s.col.start,
+			span: s.col.span,
+			min: z(a, "min", r) + R(c),
+			max: z(a, "max", r) + R(c)
+		});
+	}), i;
+}
+function ne(e, t, n) {
+	let r = [];
+	return e.children.forEach((i, a) => {
+		let o = e.placed.items[a], s = n[a];
+		if (t[a].rows) {
+			let e = L(i, "rows", s, 0);
+			for (let t of re(i, "rows", o, e)) r.push({
+				...t,
+				start: t.start + o.row.start
+			});
+			return;
+		}
+		let c = i.localRect.height + ue(s);
+		r.push({
+			start: o.row.start,
+			span: o.row.span,
+			min: c,
+			max: c
+		});
+	}), r;
+}
+function L(e, t, n, r) {
+	let { border: i, padding: a } = e.style;
+	return t === "cols" ? {
+		start: (n.left ?? 0) + i.left + W(a.left, r),
+		end: (n.right ?? 0) + i.right + W(a.right, r)
+	} : {
+		start: (n.top ?? 0) + i.top + W(a.top, r),
+		end: (n.bottom ?? 0) + i.bottom + W(a.bottom, r)
+	};
+}
+function re(e, t, n, r, i) {
+	let a = t === "cols" ? n.col.span : n.row.span, o = oe(e, void 0, void 0, 0, 0, {
+		col: n.col.span,
+		row: n.row.span
+	}), s = [];
+	if (o.children.forEach((e, n) => {
+		let c = o.placed.items[n], l = t === "cols" ? c.col : c.row, u = l.start === 0, d = l.start + l.span === a, f = (u ? r.start : 0) + (d ? r.end : 0), p = G(e.style.margin, 0);
+		if (F(e)[t]) {
+			let n = L(e, t, p, 0), a = re(e, t, c, {
+				start: n.start + (u ? r.start : 0),
+				end: n.end + (d ? r.end : 0)
+			}, i);
+			for (let e of a) s.push({
+				...e,
+				start: e.start + l.start
+			});
+			return;
+		}
+		if (t === "cols") s.push({
+			start: l.start,
+			span: l.span,
+			min: z(e, "min", i) + R(p) + f,
+			max: z(e, "max", i) + R(p) + f
+		});
+		else {
+			let t = e.localRect.height + ue(p) + f;
+			s.push({
+				start: l.start,
+				span: l.span,
+				min: t,
+				max: t
+			});
+		}
+	}), s.length === 0) {
+		let e = r.start + r.end;
+		s.push({
+			start: 0,
+			span: a,
+			min: e,
+			max: e
+		});
+	}
+	return s;
+}
+function ie(e, t, n, r, i, a, o, s) {
+	let c = he(e, "start", n), l = he(t, "end", n);
+	c !== null && l !== null ? c > l ? [c, l] = [l, c] : c === l && (l = null) : c !== null && t.kind === "span" ? l = ge(c, t, 1, n) : l !== null && e.kind === "span" && (c = ge(l, e, -1, n));
+	let u = i.length, d = (e) => {
+		if (e === null) return;
+		let t = e - r;
+		return t < 0 || t > u || u === 0 ? void 0 : t;
+	}, f = (e) => e === u ? i[u - 1] + a[u - 1] : i[e], p = (e) => e === 0 ? i[0] : i[e - 1] + a[e - 1], m = d(c), h = d(l);
+	return {
+		start: m === void 0 ? o : f(m),
+		end: h === void 0 ? s : p(h)
+	};
+}
+function ae(e, t) {
+	let n = t.gridIntrinsic.get(e);
+	if (n !== void 0) return n;
+	let r = e.style, i = typeof r.gapX == "number" ? r.gapX : 0, a = oe(e, void 0, void 0, i, 0, e.subgrid ? {
+		col: e.subgrid.colSpan,
+		row: e.subgrid.rowSpan
+	} : void 0), o = a.children.map(F), s = a.children.map((e) => G(e.style.margin, 0)), c = ye(a.colTracks, a.colCollapsed, te(a, o, s, t), "min-content", i, !1), l = c.gapBefore.reduce((e, t) => e + t, 0), u = {
+		min: c.sizes.reduce((e, t) => e + t, 0) + l,
+		max: c.limits.reduce((e, t) => e + t, 0) + l
+	};
+	return t.gridIntrinsic.set(e, u), u;
+}
+function oe(e, t, n, r, i, a) {
+	let o = e.style, s = le(e), c = o.gridTemplateColumns.kind === "subgrid" && a !== void 0, l = o.gridTemplateRows.kind === "subgrid" && a !== void 0, u = c ? se(a.col) : de(o.gridTemplateColumns, t, r), d = l ? se(a.row) : de(o.gridTemplateRows, n, i), f = o.gridTemplateAreas, p = [...u.tracks], m = [...d.tracks];
+	if (f) {
+		c || fe(p, u.lineNames, f.columns, o.gridAutoColumns), l || fe(m, d.lineNames, f.rows, o.gridAutoRows);
+		for (let [e, t] of f.areas) u.lineNames[Math.min(t.colStart, p.length)].push(`${e}-start`), u.lineNames[Math.min(t.colEnd, p.length)].push(`${e}-end`), d.lineNames[Math.min(t.rowStart, m.length)].push(`${e}-start`), d.lineNames[Math.min(t.rowEnd, m.length)].push(`${e}-end`);
+	}
+	let h = {
+		explicitCount: p.length,
+		names: u.lineNames
+	}, g = {
+		explicitCount: m.length,
+		names: d.lineNames
+	}, _ = ve(s.map((e) => ({
+		col: _e(e.style.gridColumnStart, e.style.gridColumnEnd, h),
+		row: _e(e.style.gridRowStart, e.style.gridRowEnd, g)
+	})), p.length, m.length, o.gridAutoFlow);
+	return c && ce(_, "col", p.length), l && ce(_, "row", m.length), {
+		children: s,
+		placed: _,
+		colLines: h,
+		rowLines: g,
+		colTracks: pe(p, _.colOrigin, _.colCount, o.gridAutoColumns),
+		rowTracks: pe(m, _.rowOrigin, _.rowCount, o.gridAutoRows),
+		colCollapsed: me(u, _.colOrigin, _.colCount, _.items.map((e) => e.col)),
+		rowCollapsed: me(d, _.rowOrigin, _.rowCount, _.items.map((e) => e.row))
+	};
+}
+function se(e) {
+	return {
+		tracks: Array.from({ length: e }, () => N()),
+		lineNames: Array.from({ length: e + 1 }, () => [])
+	};
+}
+function ce(e, t, n) {
+	let r = t === "col" ? e.colOrigin : e.rowOrigin;
+	for (let i of e.items) {
+		let e = i[t], a = Math.min(Math.max(e.start + r, 0), n - 1), o = Math.min(Math.max(e.start + r + e.span, a + 1), n);
+		e.start = a, e.span = o - a;
+	}
+	t === "col" ? (e.colOrigin = 0, e.colCount = n) : (e.rowOrigin = 0, e.rowCount = n);
+}
+function le(e) {
+	return e.children.filter((e) => !V(e.style) && !e.inlineBox).sort((e, t) => e.style.order - t.style.order);
+}
+function R(e) {
+	return (e.left ?? 0) + (e.right ?? 0);
+}
+function ue(e) {
+	return (e.top ?? 0) + (e.bottom ?? 0);
+}
+function z(e, t, n) {
+	let r = e.style, i;
+	r.width !== void 0 && r.width.kind !== "auto" && r.width.kind !== "percent" && (i = Y(r.width, 0, e, n)), i === void 0 && (i = t === "min" ? Z(e, n) : X(e, n));
+	let a = typeof r.minWidth == "number" ? r.minWidth : 0, o = typeof r.maxWidth == "number" ? r.maxWidth : void 0;
+	return Math.max(0, U(i, a, o));
+}
+function de(e, t, n) {
+	if (e.kind !== "tracks") return {
+		tracks: [],
+		lineNames: [[]]
+	};
+	let r = (e.lineNames ?? Array.from({ length: e.tracks.length + 1 }, () => [])).map((e) => [...e]);
+	if (!e.autoRepeat) return {
+		tracks: e.tracks,
+		lineNames: r
+	};
+	let { index: i, tracks: a, mode: o } = e.autoRepeat, s = 1;
+	if (t !== void 0) {
+		let e = a.reduce((e, n) => {
+			let r = B(n.min, t) ?? B(n.max, t) ?? 1;
+			return e + Math.max(1, r);
+		}, 0);
+		s = Math.max(1, Math.floor((t + n) / (e + n * a.length)));
+	}
+	let c = [];
+	for (let e = 0; e < s; e++) c.push(...a);
+	let l = [
+		...e.tracks.slice(0, i),
+		...c,
+		...e.tracks.slice(i)
+	], u = e.autoRepeat.lineNames ?? Array.from({ length: a.length + 1 }, () => []), d = r.slice(0, i), f = [...e.autoRepeat.leadingNames ?? []];
+	for (let e = 0; e < s; e++) {
+		f.push(...u[0]);
+		for (let e = 0; e < a.length; e++) d.push(f), f = [...u[e + 1]];
+	}
+	return d.push([...f, ...r[i]]), d.push(...r.slice(i + 1)), o === "auto-fit" ? {
+		tracks: l,
+		lineNames: d,
+		autoFit: {
+			start: i,
+			end: i + c.length
+		}
+	} : {
+		tracks: l,
+		lineNames: d
+	};
+}
+function B(e, t) {
+	if (e.kind === "cells") return e.value;
+	if (e.kind === "percent" && t !== void 0) return n(e.value, t);
+	if (e.kind === "math") {
+		let n = [];
+		for (let r of e.args) {
+			let e = B(r, t);
+			if (e === void 0) return;
+			n.push(e);
+		}
+		return e.fn === "min" ? Math.min(...n) : Math.max(...n);
+	}
+}
+function fe(e, t, n, r) {
+	for (let i = e.length; i < n; i++) e.push(r[(i - e.length) % r.length]), t.push([]);
+}
+function pe(e, t, n, r) {
+	let i = [];
+	for (let a = 0; a < n; a++) {
+		let n = a + t;
+		if (n >= 0 && n < e.length) i.push(e[n]);
+		else {
+			let t = n < 0 ? n : n - e.length;
+			i.push(r[(t % r.length + r.length) % r.length]);
+		}
+	}
+	return i;
+}
+function me(e, t, n, r) {
+	let i = Array.from({ length: n }, () => !1);
+	if (!e.autoFit) return i;
+	for (let a = e.autoFit.start; a < e.autoFit.end; a++) {
+		let e = a - t;
+		e < 0 || e >= n || r.some((t) => e >= t.start && e < t.start + t.span) || (i[e] = !0);
+	}
+	return i;
+}
+function he(e, t, n) {
+	if (e.kind === "line") return e.value > 0 ? e.value - 1 : n.explicitCount + 1 + e.value;
+	if (e.kind !== "name") return null;
+	if (e.nth === void 0) {
+		let r = `${e.name}-${t}`, i = n.names.findIndex((e) => e.includes(r));
+		if (i !== -1) return i;
+	}
+	let r = e.nth ?? 1, i = n.explicitCount, a = 0;
+	if (r > 0) {
+		for (let t = 0; t <= i; t++) if (n.names[t].includes(e.name) && ++a === r) return t;
+		return i + (r - a);
+	}
+	for (let t = i; t >= 0; t--) if (n.names[t].includes(e.name) && ++a === -r) return t;
+	return -(-r - a);
+}
+function ge(e, t, n, r) {
+	if (t.name === void 0) return e + n * t.value;
+	let i = t.value, a = e;
+	for (; i > 0;) a += n, (!(a >= 0 && a <= r.explicitCount) || r.names[a].includes(t.name)) && i--;
+	return a;
+}
+function _e(e, t, n) {
+	let r = he(e, "start", n), i = he(t, "end", n);
+	if (r !== null && i !== null) return r === i ? {
+		start: r,
+		span: 1
+	} : {
+		start: Math.min(r, i),
+		span: Math.abs(i - r)
+	};
+	if (r !== null) return {
+		start: r,
+		span: (t.kind === "span" ? ge(r, t, 1, n) : r + 1) - r
+	};
+	if (i !== null) {
+		let t = e.kind === "span" ? ge(i, e, -1, n) : i - 1;
+		return {
+			start: t,
+			span: i - t
+		};
+	}
+	return {
+		start: null,
+		span: e.kind === "span" ? e.value : t.kind === "span" ? t.value : 1
+	};
+}
+function ve(e, t, n, r) {
+	let i = r.direction === "row", a = e.map((e) => i ? e.row : e.col), o = e.map((e) => i ? e.col : e.row), s = i ? t : n, c = i ? n : t, l = 0, u = Math.max(s, 1);
+	for (let t = 0; t < e.length; t++) {
+		let e = o[t];
+		e.start !== null && (l = Math.min(l, e.start), u = Math.max(u, e.start + e.span));
+	}
+	for (let t = 0; t < e.length; t++) {
+		let e = o[t];
+		e.start === null && (u = Math.max(u, l + e.span));
+	}
+	let d = 0;
+	for (let t = 0; t < e.length; t++) {
+		let e = a[t];
+		e.start !== null && (d = Math.min(d, e.start));
+	}
+	let f = /* @__PURE__ */ new Set(), p = (e, t, n, r) => {
+		for (let i = e; i < e + n; i++) for (let e = t; e < t + r; e++) if (f.has(`${i}:${e}`)) return !1;
+		return !0;
+	}, m = (e, t, n, r) => {
+		for (let i = e; i < e + n; i++) for (let e = t; e < t + r; e++) f.add(`${i}:${e}`);
+	}, h = e.map(() => null);
+	for (let t = 0; t < e.length; t++) {
+		let e = a[t], n = o[t];
+		e.start !== null && n.start !== null && (h[t] = {
+			major: e.start,
+			minor: n.start
+		}, m(e.start, n.start, e.span, n.span));
+	}
+	let g = /* @__PURE__ */ new Map();
+	for (let t = 0; t < e.length; t++) {
+		let e = a[t], n = o[t];
+		if (e.start === null || n.start !== null) continue;
+		let i = r.dense ? l : Math.max(l, g.get(e.start) ?? l);
+		for (; !p(e.start, i, e.span, n.span);) i++;
+		h[t] = {
+			major: e.start,
+			minor: i
+		}, m(e.start, i, e.span, n.span), r.dense || g.set(e.start, i + n.span), u = Math.max(u, i + n.span);
+	}
+	let _ = d, v = l;
+	for (let t = 0; t < e.length; t++) {
+		if (h[t] !== null) continue;
+		let e = a[t], n = o[t];
+		if (r.dense && (_ = d, v = l), n.start !== null) {
+			for (n.start < v && _++; !p(_, n.start, e.span, n.span);) _++;
+			h[t] = {
+				major: _,
+				minor: n.start
+			}, m(_, n.start, e.span, n.span), v = n.start + n.span;
+		} else {
+			let r = _, i = v;
+			for (;;) {
+				if (i + n.span > u) {
+					r++, i = l;
+					continue;
+				}
+				if (p(r, i, e.span, n.span)) break;
+				i++;
+			}
+			h[t] = {
+				major: r,
+				minor: i
+			}, m(r, i, e.span, n.span), _ = r, v = i + n.span;
+		}
+	}
+	let y = Math.max(c, d);
+	for (let t = 0; t < e.length; t++) y = Math.max(y, h[t].major + a[t].span);
+	let b = e.map((e, t) => {
+		let n = {
+			start: h[t].major - d,
+			span: a[t].span
+		}, r = {
+			start: h[t].minor - l,
+			span: o[t].span
+		};
+		return i ? {
+			col: r,
+			row: n
+		} : {
+			col: n,
+			row: r
+		};
+	}), x = y - d, S = u - l;
+	return i ? {
+		items: b,
+		colOrigin: l,
+		colCount: S,
+		rowOrigin: d,
+		rowCount: x
+	} : {
+		items: b,
+		colOrigin: d,
+		colCount: x,
+		rowOrigin: l,
+		rowCount: S
+	};
+}
+function ye(t, n, r, i, a, o) {
+	let s = typeof i == "number" ? i : void 0, c = t.map((e, t) => {
+		if (n[t]) return {
+			base: 0,
+			limit: 0,
+			baseIntrinsic: !1,
+			limitKind: "fixed",
+			frFactor: 0,
+			collapsed: !0
+		};
+		let r = B(e.min, s), i = r ?? 0, a = r === void 0, o = e.max;
+		if (o.kind === "fr") return {
+			base: i,
+			limit: null,
+			baseIntrinsic: a,
+			limitKind: "fr",
+			frFactor: o.value,
+			collapsed: !1
+		};
+		let c = B(o, s);
+		return c === void 0 ? {
+			base: i,
+			limit: null,
+			baseIntrinsic: a,
+			limitKind: o.kind === "min-content" ? "intrinsic-min" : "intrinsic-max",
+			frFactor: 0,
+			collapsed: !1
+		} : {
+			base: i,
+			limit: c,
+			baseIntrinsic: a,
+			limitKind: "fixed",
+			frFactor: 0,
+			collapsed: !1
+		};
+	}), l = c.map((e, t) => t === 0 || e.collapsed ? 0 : c.slice(0, t).some((e) => !e.collapsed) ? a : 0), u = (e, t) => {
+		let n = 0;
+		for (let r = e + 1; r < e + t; r++) n += l[r];
+		return n;
+	}, d = (e) => e.collapsed ? 0 : e.limitKind === "fixed" ? e.limit : Math.max(e.base, e.limit ?? e.base), f = [...r].sort((e, t) => e.span - t.span);
+	for (let e of f) {
+		let t = [], n = !1;
+		for (let r = e.start; r < e.start + e.span; r++) {
+			let e = c[r];
+			e !== void 0 && (e.limitKind === "fr" && (n = !0), t.push(e));
+		}
+		if (t.length === 0) continue;
+		let r = u(e.start, e.span);
+		if (n) {
+			let n = t.filter((e) => e.limitKind === "fr" && e.baseIntrinsic && !e.collapsed);
+			if (n.length === 0) continue;
+			let i = t.reduce((e, t) => e + t.base, 0) + r, a = e.min - i;
+			if (a > 0) {
+				let e = n.reduce((e, t) => e + t.frFactor, 0), t = C(n.map((t) => e > 0 ? t.frFactor : 1), a);
+				n.forEach((e, n) => {
+					e.base += t[n];
+				});
+			}
+			continue;
+		}
+		let i = t.filter((e) => e.baseIntrinsic && !e.collapsed);
+		if (i.length > 0) {
+			let n = t.reduce((e, t) => e + t.base, 0) + r, a = e.min - n;
+			if (a > 0) {
+				let e = C(i.map(() => 1), a);
+				i.forEach((t, n) => {
+					t.base += e[n];
+				});
+			}
+		}
+		for (let [n, i] of [["intrinsic-min", e.min], ["intrinsic-max", e.max]]) {
+			let e = t.filter((e) => e.limitKind === n && !e.collapsed);
+			if (e.length === 0) continue;
+			let a = i - (t.reduce((e, t) => e + d(t), 0) + r);
+			if (a > 0) {
+				let t = C(e.map(() => 1), a);
+				e.forEach((e, n) => {
+					e.limit = d(e) + t[n];
+				});
+			}
+		}
+	}
+	for (let e of c) e.collapsed || (e.limitKind === "fixed" ? e.base = Math.min(e.base, e.limit) : e.limitKind !== "fr" && (e.limit = Math.max(e.base, e.limit ?? e.base)));
+	if (s === void 0) {
+		let t = c.filter((e) => e.limitKind === "fr" && !e.collapsed);
+		if (t.length > 0) {
+			let n = 0;
+			for (let e of t) e.frFactor > 0 && (n = Math.max(n, e.base / e.frFactor));
+			for (let e of r) {
+				let t = 0, r = u(e.start, e.span);
+				for (let n = e.start; n < e.start + e.span; n++) {
+					let e = c[n];
+					e === void 0 || e.collapsed || (e.limitKind === "fr" ? t += e.frFactor : r += d(e));
+				}
+				t <= 0 || (n = Math.max(n, (e.max - r) / Math.max(t, 1)));
+			}
+			for (let r of t) {
+				let t = Math.max(r.base, e(r.frFactor * n));
+				r.limit = t, i === "max-content" && (r.base = t);
+			}
+		}
+		if (i === "max-content") for (let e of c) !e.collapsed && e.limitKind !== "fr" && (e.base = d(e));
+	} else {
+		let e = l.reduce((e, t) => e + t, 0), t = s - e - c.reduce((e, t) => e + t.base, 0);
+		for (; !(t <= 0);) {
+			let e = c.filter((e) => !e.collapsed && e.limitKind !== "fr" && e.base < d(e));
+			if (e.length === 0) break;
+			let n = C(e.map(() => 1), t), r = 0;
+			if (e.forEach((e, t) => {
+				let i = Math.min(n[t], d(e) - e.base);
+				e.base += i, r += i;
+			}), t -= r, r === 0) break;
+		}
+		let n = c.filter((e) => e.limitKind === "fr");
+		if (n.length > 0) {
+			let t = Math.max(0, s - e - c.reduce((e, t) => e + (t.limitKind === "fr" ? 0 : t.base), 0)), r = n, i = t, a = n.reduce((e, t) => e + t.frFactor, 0);
+			for (a < 1 && (i = Math.floor(i * a));;) {
+				let e = C(r.map((e) => e.frFactor), i), t = r.filter((t, n) => e[n] < t.base);
+				if (t.length === 0) {
+					r.forEach((t, n) => {
+						t.base = Math.max(t.base, e[n]);
+					});
+					break;
+				}
+				for (let e of t) i -= e.base;
+				if (i = Math.max(0, i), r = r.filter((e) => !t.includes(e)), r.length === 0) break;
+			}
+		}
+		if (o) {
+			let t = s - e - c.reduce((e, t) => e + t.base, 0), n = c.filter((e) => !e.collapsed && e.limitKind === "intrinsic-max");
+			if (t > 0 && n.length > 0) {
+				let e = C(n.map(() => 1), t);
+				n.forEach((t, n) => {
+					t.base += e[n];
+				});
+			}
+		}
+	}
+	return {
+		sizes: c.map((e) => e.base),
+		gapBefore: l,
+		limits: c.map((e) => d(e))
+	};
+}
+function be(e, t, n) {
+	let { sizes: r, gapBefore: i } = e, a = Math.max(0, t - xe(e)), o = x(n === "stretch" ? "start" : n, r, a), s = [], c = 0;
+	for (let e = 0; e < r.length; e++) c += i[e], s.push(o[e] + c);
+	return s;
+}
+function xe(e) {
+	return e.sizes.reduce((e, t) => e + t, 0) + e.gapBefore.reduce((e, t) => e + t, 0);
+}
+function Se(e, t, n, r) {
+	let i = n + r - 1;
+	return e[n] === void 0 || e[i] === void 0 ? 0 : e[i] + t[i] - e[n];
+}
+function Ce(e, t, n, r, i) {
+	let a = t ?? 0, o = n ?? 0, s = r - i;
+	return t === null && n === null ? Math.floor(s / 2) : t === null ? s - o : n === null ? a : a + T(e, r, i + a + o);
+}
+//#endregion
+//#region src/positioning.ts
+function we(e) {
+	return e.position === "absolute" || e.position === "fixed" ? "absolute" : e.position === "relative" || e.position === "sticky" ? "relative" : "static";
+}
+function Te(e, t, n, r, i) {
+	for (let a of e.children) {
+		let o = we(a.style);
+		if (o === "relative") {
+			let t = e.localRect.width - e.style.border.left - e.style.border.right - e.resolvedPadding.left - e.resolvedPadding.right, n = e.localRect.height - e.style.border.top - e.style.border.bottom - e.resolvedPadding.top - e.resolvedPadding.bottom;
+			a.localRect.x += Ee(a.style.insets.left, a.style.insets.right, t), a.localRect.y += Ee(a.style.insets.top, a.style.insets.bottom, n);
+		} else o === "absolute" && Oe(a, e, t, n, r, i);
+		Te(a, t + a.localRect.x, n + a.localRect.y, [...r, {
+			node: a,
+			absX: t + a.localRect.x,
+			absY: n + a.localRect.y
+		}], i);
+	}
+}
+function Ee(e, t, n) {
+	return e === null ? t === null ? 0 : -W(t, n) : W(e, n);
+}
+function De(e, t) {
+	if (!t) for (let t = e.length - 1; t > 0; t--) {
+		let n = e[t];
+		if (!Ie(n.node.style)) continue;
+		let r = n.node.style.border;
+		return {
+			x: n.absX + r.left,
+			y: n.absY + r.top,
+			width: Math.max(0, n.node.localRect.width - r.left - r.right),
+			height: Math.max(0, n.node.localRect.height - r.top - r.bottom)
+		};
+	}
+	let n = e[0];
+	return {
+		x: n.absX,
+		y: n.absY,
+		width: n.node.localRect.width,
+		height: n.node.localRect.height
+	};
+}
+function Oe(e, t, n, r, i, a) {
+	let o = e.style, s = o.position === "fixed", c = e.staticSlot, l = c?.kind === "grid" && !s && Ie(t.style) ? {
+		x: n + c.area.x,
+		y: r + c.area.y,
+		width: c.area.width,
+		height: c.area.height
+	} : De(i, s), u = o.insets.left === null ? null : W(o.insets.left, l.width), d = o.insets.right === null ? null : W(o.insets.right, l.width), f = o.insets.top === null ? null : W(o.insets.top, l.height), p = o.insets.bottom === null ? null : W(o.insets.bottom, l.height), m = G(o.margin, l.width), h = m.left ?? 0, g = m.right ?? 0, _ = m.top ?? 0, v = m.bottom ?? 0, y = o.width === void 0 || o.width.kind === "auto", b = o.height === void 0 || o.height.kind === "auto", x = J(o.minWidth, l.width, e, a) ?? 0, S = J(o.maxWidth, l.width, e, a), C = {};
+	if (!y) C.width = U(Y(o.width, l.width, e, a), x, S);
+	else if (u !== null && d !== null) C.width = U(Math.max(0, l.width - u - d - h - g), x, S);
+	else {
+		let t = Math.max(0, l.width - (u ?? 0) - (d ?? 0) - h - g);
+		C.width = U(Math.min(X(e, a), Math.max(Z(e, a), t)), x, S);
+	}
+	f !== null && p !== null && b && (C.height = U(Math.max(0, l.height - f - p - _ - v), q(o.minHeight, l.height) ?? 0, q(o.maxHeight, l.height))), H(e, l.width, l.height, 0, 0, "shrink", a, C);
+	let w = e.localRect.width, T = e.localRect.height, E;
+	if (u !== null && d !== null) {
+		let e = Math.max(0, l.width - u - d - w - h - g), t = m.left === null && m.right === null;
+		E = l.x + u + h + (t ? Math.floor(e / 2) : m.left === null ? e : 0);
+	} else E = u === null ? d === null ? Ne(e, t, n, w) : l.x + l.width - d - w - g : l.x + u + h;
+	let D;
+	if (f !== null && p !== null) {
+		let e = Math.max(0, l.height - f - p - T - _ - v), t = m.top === null && m.bottom === null;
+		D = l.y + f + _ + (t ? Math.floor(e / 2) : m.top === null ? e : 0);
+	} else D = f === null ? p === null ? Pe(e, t, r, T) : l.y + l.height - p - T - v : l.y + f + _;
+	e.localRect = {
+		...e.localRect,
+		x: E - n,
+		y: D - r
+	};
+}
+function ke(e, t, n) {
+	return x(e, [n], Math.max(0, t - n))[0];
+}
+function Ae(e, t, n, r) {
+	return T(w(e, t), n, r);
+}
+function je(e, t, n, r, i) {
+	let a = G(e.style.margin, n.innerWidth), [o, s, c, l] = r === "x" ? [
+		a.left ?? 0,
+		a.right ?? 0,
+		n.innerWidth,
+		n.direction === "row"
+	] : [
+		a.top ?? 0,
+		a.bottom ?? 0,
+		n.innerHeight,
+		n.direction === "column"
+	], u = i + o + s;
+	return (l ? ke(k(t.style), c, u) : Ae(e, t, c, u)) + o;
+}
+function Me(e, t, n, r, i) {
+	let a = G(e.style.margin, n.width), o = e.style.justifySelf === "auto" ? t.style.justifyItems : e.style.justifySelf, [s, c, l, u] = r === "x" ? [
+		a.left ?? 0,
+		a.right ?? 0,
+		n.width,
+		o
+	] : [
+		a.top ?? 0,
+		a.bottom ?? 0,
+		n.height,
+		w(e, t)
+	];
+	return T(u, l, i + s + c) + s;
+}
+function Ne(e, t, n, r) {
+	let i = e.staticSlot;
+	return i === void 0 ? n : i.kind === "block" ? n + i.x : i.kind === "grid" ? n + i.staticArea.x + Me(e, t, i.staticArea, "x", r) : n + i.originX + je(e, t, i, "x", r);
+}
+function Pe(e, t, n, r) {
+	let i = e.staticSlot;
+	return i === void 0 ? n : i.kind === "block" ? n + i.y : i.kind === "grid" ? n + i.staticArea.y + Me(e, t, i.staticArea, "y", r) : n + i.originY + je(e, t, i, "y", r);
+}
+//#endregion
+//#region src/layout.ts
+function Fe(e, t) {
+	let n = Le();
+	return H(e, t, void 0, 0, 0, "fill", n), Te(e, 0, 0, [{
+		node: e,
+		absX: 0,
+		absY: 0
+	}], n), { height: e.localRect.height };
+}
+function V(e) {
+	return e.position === "absolute" || e.position === "fixed";
+}
+function Ie(e) {
+	return e.position !== "static";
+}
+function Le() {
+	return {
+		maxContent: /* @__PURE__ */ new WeakMap(),
+		minContent: /* @__PURE__ */ new WeakMap(),
+		gridIntrinsic: /* @__PURE__ */ new WeakMap()
+	};
+}
+function H(e, t, n, r, i, a, o, c) {
+	let l = e.style, u = c?.height, f = J(l.minWidth, t, e, o) ?? 0, p = J(l.maxWidth, t, e, o), m = q(l.minHeight, n) ?? 0, h = q(l.maxHeight, n), _ = {
+		top: W(l.padding.top, t),
+		right: W(l.padding.right, t),
+		bottom: W(l.padding.bottom, t),
+		left: W(l.padding.left, t)
+	};
+	e.resolvedPadding = _;
+	let y = c?.width ?? U(Ue(l, t, a, e, o), f, p), b = We(l, n), x = qe(y, u ?? b ?? (m > 0 ? m : void 0) ?? Infinity, l.border, _), S = u !== void 0 || b !== void 0, C = S && Number.isFinite(x.height) ? x.height : void 0, w;
+	if (Re(e)) {
+		if (e.text) {
+			let t = e.children.filter((e) => e.inlineBox);
+			d(e.text, (n, r) => {
+				let i = t[r];
+				H(i, x.width, void 0, 0, 0, "shrink", o), e.advances[n] = Math.max(1, i.localRect.width);
+			});
+			let n = Be(e, x.width);
+			if (w = n.totalRows, ze(e, n, x.width, x.height, _), t.length > 0) {
+				let r = (e) => n.spans.findIndex((t) => e >= t.start && e < t.end);
+				d(e.text, (i, a) => {
+					let o = r(i);
+					if (o === -1) return;
+					let c = n.spans[o];
+					t[a].localRect = {
+						...t[a].localRect,
+						x: l.border.left + _.left + s(c.start, i, e.advances),
+						y: l.border.top + _.top + n.lineY[o]
+					};
+				});
+			}
+		} else w = e.intrinsicHeight;
+		for (let t of e.children) {
+			if (t.inlineBox) continue;
+			let e = G(t.style.margin, x.width);
+			t.staticSlot = {
+				kind: "block",
+				x: l.border.left + _.left + (e.left ?? 0),
+				y: l.border.top + _.top + (e.top ?? 0)
+			};
+		}
+	} else w = l.display === "flex" && l.flexDirection === "row" ? g(e, x.width, x.height, C, l.border, _, o) : l.display === "flex" && l.flexDirection === "column" ? v(e, x.width, x.height, S, l.border, _, o) : l.display === "grid" ? P(e, x.width, x.height, l.border, _, o) : Ve(e, x.width, C, l.border, _, o);
+	let T = w + l.border.top + l.border.bottom + _.top + _.bottom, E = u ?? b ?? T;
+	e.unclampedHeight = E, e.localRect = {
+		x: r,
+		y: i,
+		width: y,
+		height: U(E, m, h)
+	};
+}
+function Re(e) {
+	return e.children.some((e) => !V(e.style) && !e.inlineBox) ? !1 : e.text !== "" || e.style.display !== "flex" && e.style.display !== "grid";
+}
+function U(e, t, n) {
+	return Math.max(t, n === void 0 ? e : Math.min(e, n));
+}
+function ze(e, t, n, r, i) {
+	let a = e.style;
+	if (a.display !== "flex" && a.display !== "grid" || t.spans.length === 0) return;
+	let o = a.display === "flex" && a.flexDirection === "column", s = t.spans.reduce((t, n) => Math.max(t, c(n.start, n.end, e.advances, a.tracking)), 0), l = Math.max(0, n - s);
+	if (l > 0) {
+		let e = a.display === "grid" ? T(a.justifyItems, n, s) : o ? T(a.alignItems, n, s) : x(k(a), [s], l)[0];
+		e > 0 && (i.left += e, i.right += l - e);
+	}
+	if (Number.isFinite(r)) {
+		let e = Math.max(0, r - t.totalRows);
+		if (e > 0) {
+			let n = a.display === "grid" || !o ? T(a.alignItems, r, t.totalRows) : x(k(a), [t.totalRows], e)[0];
+			n > 0 && (i.top += n, i.bottom += e - n);
+		}
+	}
+}
+function Be(e, t) {
+	let n = e.style.whiteSpace === "normal" ? o(e.text, t, {
+		advances: e.advances,
+		tracking: e.style.tracking
+	}) : a(e.text), r = e.children.filter((e) => e.inlineBox), i = [], s = 0, c = 0;
+	for (let t = 0; t < n.length; t++) {
+		i.push(s);
+		let a = n[t], o = 1;
+		for (let t = a.start; t < a.end; t++) e.text[t] === "" && (o = Math.max(o, r[c].localRect.height), c++);
+		s += o + (t < n.length - 1 ? e.style.lineGap : 0);
+	}
+	return {
+		spans: n,
+		lineY: i,
+		totalRows: s
+	};
+}
+function W(e, t) {
+	return typeof e == "number" ? e : t === void 0 || !Number.isFinite(t) ? 0 : n(e.percent, t);
+}
+function G(e, t) {
+	let n = (e) => e === null ? null : W(e, t);
+	return {
+		top: n(e.top),
+		right: n(e.right),
+		bottom: n(e.bottom),
+		left: n(e.left)
+	};
+}
+function K(e) {
+	return typeof e == "number" ? e : 0;
+}
+function q(e, t) {
+	if (e !== void 0 && typeof e != "string") return typeof e == "number" ? e : t === void 0 ? void 0 : n(e.percent, t);
+}
+function J(e, t, n, r) {
+	return e === "min-content" || e === "max-content" || e === "fit-content" ? Y({ kind: e }, t, n, r) : q(e, t);
+}
+function Ve(e, t, n, r, i, a) {
+	let o = r.left + i.left, s = r.top + i.top, c = s, l = null;
+	for (let r of e.children) {
+		let e = G(r.style.margin, t), i = e.top ?? 0, s = e.bottom ?? 0, u = e.left ?? 0, d = e.right ?? 0;
+		if (V(r.style)) {
+			r.staticSlot = {
+				kind: "block",
+				x: o + u,
+				y: c + (l === null ? i : He(l, i))
+			};
+			continue;
+		}
+		H(r, Math.max(0, t - u - d), n, 0, 0, "fill", a);
+		let f = t - r.localRect.width, p = e.left === null && e.right === null, m = e.left === null && e.right !== null;
+		e.right === null && e.left;
+		let h;
+		h = p ? Math.floor(f / 2) : m ? f - d : u, c += l === null ? i : He(l, i), r.localRect = {
+			...r.localRect,
+			x: o + h,
+			y: c
+		}, c += r.localRect.height, l = s;
+	}
+	return l !== null && (c += l), c - s;
+}
+function He(e, t) {
+	return e >= 0 && t >= 0 ? Math.max(e, t) : e <= 0 && t <= 0 ? Math.min(e, t) : e + t;
+}
+function Ue(e, t, n, r, i) {
 	let a = e.width;
-	return a !== void 0 && a.kind !== "auto" ? k(a, t, r, i) : n === "shrink" ? Math.min(t, N(r, i)) : t;
+	return a !== void 0 && a.kind !== "auto" ? Y(a, t, r, i) : n === "shrink" ? Math.min(t, X(r, i)) : t;
 }
-function D(e, t) {
+function We(e, t) {
 	if (e.height?.kind === "cells") return e.height.value;
 	if (e.height?.kind === "percent" && t != null) return n(e.height.value, t);
 }
-function O(e, t, n) {
-	let r = e.style.flexBasis, i = e.style.width;
-	return r !== void 0 && r.kind !== "auto" ? k(r, t, e, n) : i !== void 0 && i.kind !== "auto" ? k(i, t, e, n) : N(e, n);
-}
-function k(e, t, r, i) {
+function Y(e, t, r, i) {
 	switch (e.kind) {
 		case "cells": return e.value;
 		case "percent": return n(e.value, t);
-		case "min-content": return F(r, i);
-		case "max-content": return N(r, i);
-		case "fit-content": return Math.min(N(r, i), Math.max(F(r, i), t));
-		case "auto": return N(r, i);
+		case "min-content": return Z(r, i);
+		case "max-content": return X(r, i);
+		case "fit-content": return Math.min(X(r, i), Math.max(Z(r, i), t));
+		case "auto": return X(r, i);
 	}
 }
-function A(e) {
-	let t = [...e.children].sort((e, t) => e.style.order - t.style.order);
-	return e.style.flexReverse && t.reverse(), t;
-}
-function j(e) {
-	return e.flexReverse ? e.justifyContent === "start" ? "end" : e.justifyContent === "end" ? "start" : e.justifyContent : e.justifyContent;
-}
-function M(e, t, n) {
-	return e.style.minWidth === "auto" ? e.style.overflow === "visible" ? F(e, n) : 0 : h(e.style.minWidth, t) ?? 0;
-}
-function N(e, t) {
+function X(e, t) {
 	let n = t.maxContent.get(e);
 	if (n !== void 0) return n;
-	let r = e.style, i = P(e, t) + r.border.left + r.border.right + m(r.padding.left) + m(r.padding.right);
+	let r = e.style, i = Ge(e, t) + r.border.left + r.border.right + K(r.padding.left) + K(r.padding.right);
 	return t.maxContent.set(e, i), i;
 }
-function P(e, t) {
-	if (e.children.length === 0) return e.intrinsicWidth;
+function Ge(e, t) {
+	let n = e.children.filter((e) => !V(e.style) && !e.inlineBox);
+	if (n.length === 0) return e.intrinsicWidth;
+	if (e.style.display === "grid") return ae(e, t).max;
 	if (e.style.display === "flex" && e.style.flexDirection === "row") {
-		let n = m(e.style.gapX) * Math.max(0, e.children.length - 1);
-		return e.children.reduce((e, n) => e + N(n, t), 0) + n;
+		let r = K(e.style.gapX) * Math.max(0, n.length - 1);
+		return n.reduce((e, n) => e + X(n, t), 0) + r;
 	}
-	return e.children.reduce((e, n) => Math.max(e, N(n, t)), 0);
+	return n.reduce((e, n) => Math.max(e, X(n, t)), 0);
 }
-function F(e, t) {
+function Z(e, t) {
 	let n = t.minContent.get(e);
 	if (n !== void 0) return n;
-	let r = e.style, i = I(e, t) + r.border.left + r.border.right + m(r.padding.left) + m(r.padding.right);
+	let r = e.style, i = Ke(e, t) + r.border.left + r.border.right + K(r.padding.left) + K(r.padding.right);
 	return t.minContent.set(e, i), i;
 }
-function I(e, t) {
-	if (e.children.length === 0) {
-		if (!e.text || e.style.whiteSpace === "nowrap") return e.intrinsicWidth;
-		let t = 0;
-		for (let n of e.text.split(/[ \t\r\n\f]+/)) for (let e of s(n)) e.length > t && (t = e.length);
-		return t;
-	}
+function Ke(e, t) {
+	let n = e.children.filter((e) => !V(e.style) && !e.inlineBox);
+	if (n.length === 0) return !e.text || e.style.whiteSpace !== "normal" ? e.intrinsicWidth : u(e.text, {
+		advances: e.advances,
+		tracking: e.style.tracking
+	});
+	if (e.style.display === "grid") return ae(e, t).min;
 	if (e.style.display === "flex" && e.style.flexDirection === "row" && e.style.flexWrap === "nowrap") {
-		let n = m(e.style.gapX) * Math.max(0, e.children.length - 1);
-		return e.children.reduce((e, n) => e + F(n, t), 0) + n;
+		let r = K(e.style.gapX) * Math.max(0, n.length - 1);
+		return n.reduce((e, n) => e + Z(n, t), 0) + r;
 	}
-	return e.children.reduce((e, n) => Math.max(e, F(n, t)), 0);
+	return n.reduce((e, n) => Math.max(e, Z(n, t)), 0);
 }
-function L(e, t, n, r) {
+function qe(e, t, n, r) {
 	return {
 		width: Math.max(0, e - n.left - n.right - r.left - r.right),
 		height: Math.max(0, t - n.top - n.bottom - r.top - r.bottom)
@@ -363,7 +1415,7 @@ function L(e, t, n, r) {
 }
 //#endregion
 //#region src/borders.ts
-function R(e, t, n) {
+function Je(e, t, n) {
 	let r = e.border;
 	if (r.top === 0 && r.right === 0 && r.bottom === 0 && r.left === 0) return;
 	let i = Math.max(r.top, r.right, r.bottom, r.left);
@@ -379,11 +1431,11 @@ function R(e, t, n) {
 			width: t.width - (i.left ? a : 0) - (i.right ? a : 0),
 			height: t.height - (i.top ? a : 0) - (i.bottom ? a : 0)
 		};
-		o.width <= 0 || o.height <= 0 || z(n, e.borderStyle, e.borderColor, o, i);
+		o.width <= 0 || o.height <= 0 || Ye(n, e.borderStyle, e.borderColor, o, i);
 	}
 }
-function z(e, t, n, r, i) {
-	let a = B(t.top), o = B(t.right), s = B(t.bottom), c = B(t.left), l = (e, t, n) => n(B(e === t ? e : "solid")), { x: u, y: d, width: f, height: p } = r, m = f >= 2 && p >= 2, h = u + +!!i.left, g = u + f - +!!i.right, _ = d + +!!i.top, v = d + p - +!!i.bottom;
+function Ye(e, t, n, r, i) {
+	let a = Q(t.top), o = Q(t.right), s = Q(t.bottom), c = Q(t.left), l = (e, t, n) => n(Q(e === t ? e : "solid")), { x: u, y: d, width: f, height: p } = r, m = f >= 2 && p >= 2, h = u + +!!i.left, g = u + f - +!!i.right, _ = d + +!!i.top, v = d + p - +!!i.bottom;
 	if (i.top && g > h && e.push({
 		glyph: a.h,
 		x: h,
@@ -436,7 +1488,7 @@ function z(e, t, n, r, i) {
 		color: n.bottom
 	}));
 }
-function B(e) {
+function Q(e) {
 	switch (e) {
 		case "double": return {
 			h: "═",
@@ -474,24 +1526,46 @@ function B(e) {
 }
 //#endregion
 //#region src/render.ts
-function ee(e, t) {
-	let n = [];
-	V(e, 0, 0, n, !0), ne(t, n);
-}
-function V(e, t, n, r, i) {
-	let a = t + e.localRect.x, o = n + e.localRect.y;
-	i || te(e.source, e.localRect, e.resolvedPadding, e.style.border, e.style.textAlignBlocked, e.style.overflow, e.style.whiteSpace), R(e.style, {
-		x: a,
-		y: o,
+function Xe(e, t) {
+	let n = [], r = /* @__PURE__ */ new Set();
+	Ze(e, 0, 0, n, !0, r), et(t, n);
+	for (let t of Array.from(e.source.querySelectorAll("[data-mw-inline-inset]"))) if (!r.has(t)) {
+		t.removeAttribute("data-mw-inline-inset");
+		let e = t.style;
+		for (let t of [
+			"--mw-it",
+			"--mw-ir",
+			"--mw-ib",
+			"--mw-il"
+		]) e.removeProperty(t);
+	}
+}
+function Ze(e, t, n, r, i, a) {
+	let o = t + e.localRect.x, s = n + e.localRect.y;
+	if (e.inlineElements) for (let { element: t, tracking: n, padLeft: r, padRight: i, insets: o } of e.inlineElements) {
+		let e = t;
+		e.style.setProperty("--mw-ls", String(n)), r > 0 ? e.style.setProperty("--mw-ipl", String(r)) : e.style.removeProperty("--mw-ipl"), i > 0 ? e.style.setProperty("--mw-ipr", String(i)) : e.style.removeProperty("--mw-ipr"), o && (a.add(t), Qe(e, o));
+	}
+	i || $e(e), Je(e.style, {
+		x: o,
+		y: s,
 		width: e.localRect.width,
 		height: e.localRect.height
 	}, r);
-	for (let t of e.children) V(t, a, o, r, !1);
+	for (let t of e.children) Ze(t, o, s, r, !1, a);
 }
-function te(e, t, n, r, i, a, o) {
-	e.setAttribute("data-mw-laid-out", ""), o === "nowrap" ? e.setAttribute("data-mw-nowrap", "") : e.removeAttribute("data-mw-nowrap"), e.style.setProperty("--mw-x", String(t.x)), e.style.setProperty("--mw-y", String(t.y)), e.style.setProperty("--mw-w", String(t.width)), e.style.setProperty("--mw-h", String(t.height)), a === "clip" ? e.setAttribute("data-mw-clip", "") : e.removeAttribute("data-mw-clip"), e.style.setProperty("--mw-pt", String(n.top)), e.style.setProperty("--mw-pr", String(n.right)), e.style.setProperty("--mw-pb", String(n.bottom)), e.style.setProperty("--mw-pl", String(n.left)), e.style.setProperty("--mw-bt", String(r.top)), e.style.setProperty("--mw-br", String(r.right)), e.style.setProperty("--mw-bb", String(r.bottom)), e.style.setProperty("--mw-bl", String(r.left)), i ? e.setAttribute("data-mw-text-align-blocked", "") : e.removeAttribute("data-mw-text-align-blocked");
+function Qe(e, t) {
+	e.setAttribute("data-mw-inline-inset", "");
+	let n = (t, n) => {
+		n === null ? e.style.removeProperty(t) : e.style.setProperty(t, String(n));
+	};
+	n("--mw-it", t.top), n("--mw-ir", t.right), n("--mw-ib", t.bottom), n("--mw-il", t.left);
 }
-function ne(e, t) {
+function $e(e) {
+	let t = e.source, n = e.localRect, r = e.resolvedPadding, { border: i, textAlignBlocked: a, overflow: o, whiteSpace: s, tracking: c, lineGap: l } = e.style;
+	t.setAttribute(e.inlineBox ? "data-mw-inline-box" : "data-mw-laid-out", ""), t.removeAttribute(e.inlineBox ? "data-mw-laid-out" : "data-mw-inline-box"), t.style.setProperty("--mw-ls", String(c)), t.style.setProperty("--mw-lh", String(l + 1)), t.style.setProperty("--mw-lhs", String(-l / 2)), s === "normal" ? t.removeAttribute("data-mw-nowrap") : t.setAttribute("data-mw-nowrap", ""), s === "pre" ? t.setAttribute("data-mw-pre", "") : t.removeAttribute("data-mw-pre"), t.style.setProperty("--mw-x", String(n.x)), t.style.setProperty("--mw-y", String(n.y)), t.style.setProperty("--mw-w", String(n.width)), t.style.setProperty("--mw-h", String(n.height)), o === "clip" ? t.setAttribute("data-mw-clip", "") : t.removeAttribute("data-mw-clip"), t.style.setProperty("--mw-pt", String(r.top)), t.style.setProperty("--mw-pr", String(r.right)), t.style.setProperty("--mw-pb", String(r.bottom)), t.style.setProperty("--mw-pl", String(r.left)), t.style.setProperty("--mw-bt", String(i.top)), t.style.setProperty("--mw-br", String(i.right)), t.style.setProperty("--mw-bb", String(i.bottom)), t.style.setProperty("--mw-bl", String(i.left)), a ? t.setAttribute("data-mw-text-align-blocked", "") : t.removeAttribute("data-mw-text-align-blocked"), e.droppedText ? t.setAttribute("data-mw-dropped-text", "") : t.removeAttribute("data-mw-dropped-text");
+}
+function et(e, t) {
 	e.replaceChildren();
 	for (let n of t) for (let t = 0; t < n.length; t++) {
 		let r = document.createElement("span");
@@ -500,64 +1574,97 @@ function ne(e, t) {
 }
 //#endregion
 //#region src/style.ts
-function re(e, t) {
-	let n = getComputedStyle(e), r = ae(e) ? e.computedStyleMap() : null, i = e.getAttribute("class") ?? "", a = e.style, o = n.display;
+function tt(e, t, n) {
+	let r = getComputedStyle(e), i = parseFloat(r.fontSize) || t, a = it(e) ? e.computedStyleMap() : null, o = e.getAttribute("class") ?? "", s = e.style, c = r.display, l = c === "flex" || c === "inline-flex" ? "flex" : c === "grid" || c === "inline-grid" ? "grid" : c === "none" ? "none" : "block", u = { kind: "none" }, d = { kind: "none" }, f = [N()], p = [N()], m = {
+		direction: "row",
+		dense: !1
+	}, h = null;
+	if (l === "grid") {
+		if (a) u = vt(a.get("grid-template-columns")?.toString() ?? "", t), d = vt(a.get("grid-template-rows")?.toString() ?? "", t);
+		else {
+			e.setAttribute("data-mw-degrid", "");
+			try {
+				u = vt(r.getPropertyValue("grid-template-columns"), t), d = vt(r.getPropertyValue("grid-template-rows"), t);
+			} finally {
+				e.removeAttribute("data-mw-degrid");
+			}
+		}
+		f = St(r.getPropertyValue("grid-auto-columns"), t), p = St(r.getPropertyValue("grid-auto-rows"), t), m = Ot(r.getPropertyValue("grid-auto-flow")), h = xt(r.getPropertyValue("grid-template-areas"));
+	}
 	return {
-		display: o === "flex" ? "flex" : o === "grid" ? "grid" : o === "none" ? "none" : (o.startsWith("inline"), "block"),
-		flexDirection: n.flexDirection.startsWith("column") ? "column" : "row",
-		flexReverse: n.flexDirection.endsWith("-reverse"),
-		flexWrap: n.flexWrap.startsWith("wrap") ? "wrap" : "nowrap",
-		wrapReverse: n.flexWrap === "wrap-reverse",
-		flexGrow: Number(n.flexGrow) || 0,
-		flexShrink: n.flexShrink === "" ? 1 : Number(n.flexShrink) || 0,
-		flexBasis: le(n.flexBasis, t),
-		order: Number(n.order) || 0,
-		justifyContent: oe(n.justifyContent),
-		alignItems: U(n.alignItems),
-		alignSelf: se(n.alignSelf),
-		width: q(r, n.width, "width", t, i, a),
-		height: q(r, n.height, "height", t, i, a),
-		minWidth: G(n.minWidth, t) ?? "auto",
-		minHeight: G(n.minHeight, t) ?? "auto",
-		maxWidth: G(n.maxWidth, t),
-		maxHeight: G(n.maxHeight, t),
-		padding: de(n, t),
-		margin: ce(n, r, i, t),
-		gapX: K(n.columnGap === "normal" ? "0px" : n.columnGap, t),
-		gapY: K(n.rowGap === "normal" ? "0px" : n.rowGap, t),
-		border: fe(n),
+		display: l,
+		flexDirection: r.flexDirection.startsWith("column") ? "column" : "row",
+		flexReverse: r.flexDirection.endsWith("-reverse"),
+		flexWrap: r.flexWrap.startsWith("wrap") ? "wrap" : "nowrap",
+		wrapReverse: r.flexWrap === "wrap-reverse",
+		flexGrow: Number(r.flexGrow) || 0,
+		flexShrink: r.flexShrink === "" ? 1 : Number(r.flexShrink) || 0,
+		flexBasis: gt(r.flexBasis, t),
+		order: Number(r.order) || 0,
+		justifyContent: at(r.justifyContent),
+		alignContent: at(r.alignContent),
+		alignItems: ot(r.alignItems),
+		alignSelf: st(r.alignSelf),
+		justifyItems: ot(r.justifyItems),
+		justifySelf: st(r.justifySelf),
+		gridTemplateColumns: u,
+		gridTemplateRows: d,
+		gridAutoColumns: f,
+		gridAutoRows: p,
+		gridAutoFlow: m,
+		gridTemplateAreas: h,
+		gridColumnStart: Dt(r.getPropertyValue("grid-column-start")),
+		gridColumnEnd: Dt(r.getPropertyValue("grid-column-end")),
+		gridRowStart: Dt(r.getPropertyValue("grid-row-start")),
+		gridRowEnd: Dt(r.getPropertyValue("grid-row-end")),
+		width: ht(a, r.width, "width", t, o, s),
+		height: ht(a, r.height, "height", t, o, s),
+		minWidth: mt(r.minWidth, t) ?? "auto",
+		minHeight: mt(r.minHeight, t) ?? "auto",
+		maxWidth: mt(r.maxWidth, t),
+		maxHeight: mt(r.maxHeight, t),
+		padding: At(r, t),
+		margin: ct(r, a, o, t),
+		position: dt(r.position),
+		insets: ft(r, a, o, s, t),
+		gapX: $(r.columnGap === "normal" ? "0px" : r.columnGap, t),
+		gapY: $(r.rowGap === "normal" ? "0px" : r.rowGap, t),
+		border: jt(r),
 		borderStyle: {
-			top: W(n.borderTopStyle),
-			right: W(n.borderRightStyle),
-			bottom: W(n.borderBottomStyle),
-			left: W(n.borderLeftStyle)
+			top: pt(r.borderTopStyle),
+			right: pt(r.borderRightStyle),
+			bottom: pt(r.borderBottomStyle),
+			left: pt(r.borderLeftStyle)
 		},
-		overflow: H(n.overflow) || H(n.overflowX) || H(n.overflowY) ? "clip" : "visible",
-		whiteSpace: n.whiteSpace === "nowrap" || n.whiteSpace === "pre" ? "nowrap" : "normal",
-		textOverflow: n.textOverflow === "ellipsis" ? "ellipsis" : "clip",
-		color: n.color,
-		backgroundColor: n.backgroundColor === "rgba(0, 0, 0, 0)" ? void 0 : n.backgroundColor,
+		overflow: nt(r.overflow) || nt(r.overflowX) || nt(r.overflowY) ? "clip" : "visible",
+		whiteSpace: r.whiteSpace === "pre" ? "pre" : r.whiteSpace === "nowrap" ? "nowrap" : "normal",
+		tabSize: Math.max(1, Math.floor(parseFloat(r.tabSize)) || 8),
+		lineGap: ut(r.lineHeight, n?.height ?? i),
+		tracking: lt(r.letterSpacing, i, n?.letterSpacing ?? 0),
+		textOverflow: r.textOverflow === "ellipsis" ? "ellipsis" : "clip",
+		color: r.color,
+		backgroundColor: r.backgroundColor === "rgba(0, 0, 0, 0)" ? void 0 : r.backgroundColor,
 		borderColor: {
-			top: n.borderTopColor,
-			right: n.borderRightColor,
-			bottom: n.borderBottomColor,
-			left: n.borderLeftColor
+			top: r.borderTopColor,
+			right: r.borderRightColor,
+			bottom: r.borderBottomColor,
+			left: r.borderLeftColor
 		},
-		textAlignBlocked: ie(i, a)
+		textAlignBlocked: rt(o, s)
 	};
 }
-function H(e) {
+function nt(e) {
 	return e === "hidden" || e === "clip";
 }
-function ie(e, t) {
+function rt(e, t) {
 	if (/(?:^|[\s:.[!])text-(?:center|justify)/.test(e)) return !0;
 	let n = t.textAlign;
 	return n === "center" || n === "justify";
 }
-function ae(e) {
+function it(e) {
 	return typeof e.computedStyleMap == "function";
 }
-function oe(e) {
+function at(e) {
 	switch (e) {
 		case "center": return "center";
 		case "flex-end":
@@ -566,10 +1673,13 @@ function oe(e) {
 		case "space-between": return "space-between";
 		case "space-around": return "space-around";
 		case "space-evenly": return "space-evenly";
+		case "normal":
+		case "stretch":
+		case "": return "stretch";
 		default: return "start";
 	}
 }
-function U(e) {
+function ot(e) {
 	switch (e) {
 		case "center": return "center";
 		case "flex-end":
@@ -580,10 +1690,10 @@ function U(e) {
 		default: return "start";
 	}
 }
-function se(e) {
-	return e === "auto" || e === "" || e === "normal" ? "auto" : U(e);
+function st(e) {
+	return e === "auto" || e === "" || e === "normal" ? "auto" : ot(e);
 }
-function ce(e, t, n, r) {
+function ct(e, t, n, r) {
 	let i = (i, a, o) => {
 		if (t) {
 			let e = t.get(i)?.toString().trim();
@@ -595,10 +1705,10 @@ function ce(e, t, n, r) {
 		} else if (o.test(n)) return null;
 		let s = e.getPropertyValue(i);
 		if (s === "auto") return null;
-		let c = K(s, r);
+		let c = $(s, r);
 		if (c !== 0) return c;
 		let l = e.getPropertyValue(a);
-		return l === "auto" ? null : K(l, r);
+		return l === "auto" ? null : $(l, r);
 	};
 	return {
 		top: i("margin-top", "margin-block-start", /(?:^|[\s:.[!])(?:m|my|mt)-auto\b/),
@@ -607,7 +1717,44 @@ function ce(e, t, n, r) {
 		left: i("margin-left", "margin-inline-start", /(?:^|[\s:.[!])(?:m|mx|ml|ms)-auto\b/)
 	};
 }
-function W(e) {
+function lt(e, t, n) {
+	let r = (e === "normal" ? 0 : parseFloat(e) || 0) - n;
+	return r <= 0 ? 0 : Math.floor(r / (.025 * t) + 1e-6);
+}
+function ut(e, t) {
+	if (!e || e === "normal" || t <= 0) return 0;
+	let n = parseFloat(e);
+	return Number.isFinite(n) ? Math.max(0, Math.floor(n / t + 1e-6) - 1) : 0;
+}
+function dt(e) {
+	switch (e) {
+		case "relative":
+		case "absolute":
+		case "fixed":
+		case "sticky": return e;
+		default: return "static";
+	}
+}
+function ft(e, t, n, r, i) {
+	let a = (a, o) => {
+		if (t) {
+			let e = t.get(a)?.toString().trim();
+			return !e || e === "auto" ? null : $(e, i);
+		}
+		let s = r[a];
+		if (s) return s === "auto" ? null : $(s, i);
+		if (!o.test(n)) return null;
+		let c = e.getPropertyValue(a);
+		return !c || c === "auto" ? null : $(c, i);
+	};
+	return {
+		top: a("top", /(?:^|[\s:.[!])-?(?:top|inset|inset-y)-/),
+		right: a("right", /(?:^|[\s:.[!])-?(?:right|end|inset|inset-x)-/),
+		bottom: a("bottom", /(?:^|[\s:.[!])-?(?:bottom|inset|inset-y)-/),
+		left: a("left", /(?:^|[\s:.[!])-?(?:left|start|inset|inset-x)-/)
+	};
+}
+function pt(e) {
 	switch (e) {
 		case "double": return "double";
 		case "dashed": return "dashed";
@@ -615,8 +1762,9 @@ function W(e) {
 		default: return "solid";
 	}
 }
-function G(e, n) {
+function mt(e, n) {
 	if (!e || e === "none" || e === "auto") return;
+	if (e === "min-content" || e === "max-content" || e === "fit-content") return e;
 	if (e.endsWith("%")) {
 		let t = parseFloat(e);
 		return Number.isFinite(t) ? { percent: t } : void 0;
@@ -624,7 +1772,7 @@ function G(e, n) {
 	let r = parseFloat(e);
 	return Number.isFinite(r) ? t(r, n) : void 0;
 }
-function K(e, n) {
+function $(e, n) {
 	if (!e || e === "auto" || e === "none") return 0;
 	if (e.endsWith("%")) {
 		let t = parseFloat(e);
@@ -633,13 +1781,13 @@ function K(e, n) {
 	let r = parseFloat(e);
 	return Number.isFinite(r) ? t(r, n) : 0;
 }
-function q(n, r, i, a, o, s) {
+function ht(n, r, i, a, o, s) {
 	if (n) {
 		let r = n.get(i);
 		if (r == null) return;
 		let o = r.toString().trim();
 		if (o === "auto") return { kind: "auto" };
-		let s = J(o);
+		let s = _t(o);
 		if (s) return s;
 		if (o.endsWith("%")) return {
 			kind: "percent",
@@ -657,7 +1805,7 @@ function q(n, r, i, a, o, s) {
 	let c = i === "width" ? s.width : s.height;
 	if (c) {
 		if (c === "auto") return { kind: "auto" };
-		let e = J(c);
+		let e = _t(c);
 		if (e) return e;
 		if (c.endsWith("%")) return {
 			kind: "percent",
@@ -673,7 +1821,7 @@ function q(n, r, i, a, o, s) {
 	if (RegExp(`(?:^|[\\s:.[!])${l}-min\\b`).test(o)) return { kind: "min-content" };
 	if (RegExp(`(?:^|[\\s:.[!])${l}-max\\b`).test(o)) return { kind: "max-content" };
 	if (RegExp(`(?:^|[\\s:.[!])${l}-fit\\b`).test(o)) return { kind: "fit-content" };
-	if (!ue(o, l) || r === "auto") return { kind: "auto" };
+	if (!kt(o, l) || r === "auto") return { kind: "auto" };
 	if (r.endsWith("%")) return {
 		kind: "percent",
 		value: parseFloat(r)
@@ -684,9 +1832,9 @@ function q(n, r, i, a, o, s) {
 		value: t(u, a)
 	};
 }
-function le(e, n) {
+function gt(e, n) {
 	if (!e || e === "auto" || e === "content") return;
-	let r = J(e);
+	let r = _t(e);
 	if (r) return r;
 	if (e.endsWith("%")) {
 		let t = parseFloat(e);
@@ -701,125 +1849,284 @@ function le(e, n) {
 		value: t(i, n)
 	} : void 0;
 }
-function J(e) {
+function _t(e) {
 	if (e === "min-content") return { kind: "min-content" };
 	if (e === "max-content") return { kind: "max-content" };
 	if (e === "fit-content") return { kind: "fit-content" };
 }
-function ue(e, t) {
-	return (t === "w" ? /(?:^|[\s:.[!])w-/ : /(?:^|[\s:.[!])h-/).test(e);
+function vt(e, t) {
+	let n = e.trim();
+	if (!n || n === "none") return { kind: "none" };
+	if (n === "subgrid" || n.startsWith("subgrid ")) return { kind: "subgrid" };
+	let r = [], i = [], a = [], o = (e) => {
+		i.push(a), a = [], r.push(e);
+	}, s;
+	for (let e of Et(n)) {
+		let n = bt(e);
+		if (n) {
+			a.push(...n);
+			continue;
+		}
+		let i = e.match(/^repeat\(\s*([^,]+?)\s*,(.*)\)$/s);
+		if (i) {
+			let e = yt(i[2].trim(), t);
+			if (e.tracks.length === 0) continue;
+			let n = i[1];
+			if (n === "auto-fill" || n === "auto-fit") {
+				s || (s = {
+					index: r.length,
+					tracks: e.tracks,
+					mode: n
+				}, e.lineNames.some((e) => e.length > 0) && (s.lineNames = e.lineNames), a.length > 0 && (s.leadingNames = a), a = []);
+				continue;
+			}
+			let c = Math.max(0, Math.floor(Number(n) || 0));
+			for (let t = 0; t < c; t++) {
+				a.push(...e.lineNames[0]);
+				for (let t = 0; t < e.tracks.length; t++) o(e.tracks[t]), a.push(...e.lineNames[t + 1]);
+			}
+			continue;
+		}
+		o(Ct(e, t));
+	}
+	if (i.push(a), r.length === 0 && !s) return { kind: "none" };
+	let c = {
+		kind: "tracks",
+		tracks: r
+	};
+	return i.some((e) => e.length > 0) && (c.lineNames = i), s && (c.autoRepeat = s), c;
+}
+function yt(e, t) {
+	let n = [], r = [], i = [];
+	for (let a of Et(e)) {
+		let e = bt(a);
+		if (e) {
+			i.push(...e);
+			continue;
+		}
+		r.push(i), i = [], n.push(Ct(a, t));
+	}
+	return r.push(i), {
+		tracks: n,
+		lineNames: r
+	};
+}
+function bt(e) {
+	let t = e.match(/^\[(.*)\]$/s);
+	return t ? t[1].split(/\s+/).filter((e) => e !== "") : null;
 }
-function de(e, t) {
+function xt(e) {
+	let t = [];
+	for (let n of e.matchAll(/"([^"]*)"|'([^']*)'/g)) {
+		let e = (n[1] ?? n[2] ?? "").trim().split(/\s+/).filter((e) => e !== "");
+		if (e.length === 0) return null;
+		t.push(e);
+	}
+	if (t.length === 0) return null;
+	let n = t[0].length;
+	if (t.some((e) => e.length !== n)) return null;
+	let r = /* @__PURE__ */ new Map();
+	t.forEach((e, t) => {
+		e.forEach((e, n) => {
+			if (/^\.+$/.test(e)) return;
+			let i = r.get(e);
+			i ? (i.colStart = Math.min(i.colStart, n), i.colEnd = Math.max(i.colEnd, n + 1), i.rowStart = Math.min(i.rowStart, t), i.rowEnd = Math.max(i.rowEnd, t + 1)) : r.set(e, {
+				colStart: n,
+				colEnd: n + 1,
+				rowStart: t,
+				rowEnd: t + 1
+			});
+		});
+	});
+	for (let [e, n] of r) for (let r = n.rowStart; r < n.rowEnd; r++) for (let i = n.colStart; i < n.colEnd; i++) if (t[r][i] !== e) return null;
 	return {
-		top: K(e.getPropertyValue("padding-top"), t),
-		right: K(e.getPropertyValue("padding-right"), t),
-		bottom: K(e.getPropertyValue("padding-bottom"), t),
-		left: K(e.getPropertyValue("padding-left"), t)
+		columns: n,
+		rows: t.length,
+		areas: r
 	};
 }
-function fe(t) {
-	let n = (n, r) => t.getPropertyValue(r) === "none" ? 0 : e(parseFloat(t.getPropertyValue(n)) || 0);
+function St(e, t) {
+	let n = Et(e.trim()).filter((e) => e !== "" && !e.startsWith("[")).map((e) => Ct(e, t));
+	return n.length > 0 ? n : [N()];
+}
+function Ct(e, t) {
+	let n = e.match(/^minmax\((.*)\)$/s);
+	if (n) {
+		let e = Tt(n[1]).map((e) => e.trim());
+		return e.length === 2 ? {
+			min: wt(e[0], t),
+			max: wt(e[1], t)
+		} : {
+			min: { kind: "auto" },
+			max: { kind: "auto" }
+		};
+	}
+	let r = wt(e, t);
+	return r.kind === "fr" ? {
+		min: { kind: "auto" },
+		max: r
+	} : {
+		min: r,
+		max: r
+	};
+}
+function wt(n, r) {
+	if (n === "auto" || n.startsWith("fit-content")) return { kind: "auto" };
+	if (n === "min-content") return { kind: "min-content" };
+	if (n === "max-content") return { kind: "max-content" };
+	let i = n.match(/^(min|max)\((.*)\)$/s);
+	if (i) {
+		let e = Tt(i[2]).map((e) => wt(e.trim(), r)), t = e.every((e) => e.kind === "cells" || e.kind === "percent" || e.kind === "math");
+		return e.length > 0 && t ? {
+			kind: "math",
+			fn: i[1],
+			args: e
+		} : { kind: "auto" };
+	}
+	if (n.endsWith("fr")) {
+		let e = parseFloat(n);
+		return Number.isFinite(e) && e >= 0 ? {
+			kind: "fr",
+			value: e
+		} : { kind: "auto" };
+	}
+	if (n.endsWith("%")) {
+		let e = parseFloat(n);
+		return Number.isFinite(e) ? {
+			kind: "percent",
+			value: e
+		} : { kind: "auto" };
+	}
+	let a = parseFloat(n);
+	return Number.isFinite(a) ? {
+		kind: "cells",
+		value: n.endsWith("rem") ? e(a / .25) : t(a, r)
+	} : { kind: "auto" };
+}
+function Tt(e) {
+	let t = [], n = 0, r = 0;
+	for (let i = 0; i < e.length; i++) {
+		let a = e[i];
+		a === "(" ? n++ : a === ")" ? n-- : a === "," && n === 0 && (t.push(e.slice(r, i)), r = i + 1);
+	}
+	return t.push(e.slice(r)), t.filter((e) => e.trim() !== "");
+}
+function Et(e) {
+	let t = [], n = 0, r = -1;
+	for (let i = 0; i < e.length; i++) {
+		let a = e[i];
+		a === "(" || a === "[" ? n++ : (a === ")" || a === "]") && n--, /\s/.test(a) && n === 0 ? (r !== -1 && t.push(e.slice(r, i)), r = -1) : r === -1 && (r = i);
+	}
+	return r !== -1 && t.push(e.slice(r)), t;
+}
+function Dt(e) {
+	let t = e.trim();
+	if (!t || t === "auto") return { kind: "auto" };
+	let n = !1, r, i;
+	for (let e of t.split(/\s+/)) e === "span" ? n = !0 : /^-?\d+$/.test(e) ? r = Number(e) : i = e;
+	if (n) {
+		let e = r ?? 1;
+		return e < 1 ? { kind: "auto" } : i === void 0 ? {
+			kind: "span",
+			value: e
+		} : {
+			kind: "span",
+			value: e,
+			name: i
+		};
+	}
+	return i === void 0 ? r !== void 0 && r !== 0 ? {
+		kind: "line",
+		value: r
+	} : { kind: "auto" } : r === 0 ? { kind: "auto" } : r === void 0 ? {
+		kind: "name",
+		name: i
+	} : {
+		kind: "name",
+		name: i,
+		nth: r
+	};
+}
+function Ot(e) {
 	return {
-		top: n("border-top-width", "border-top-style"),
-		right: n("border-right-width", "border-right-style"),
-		bottom: n("border-bottom-width", "border-bottom-style"),
-		left: n("border-left-width", "border-left-style")
+		direction: e.includes("column") ? "column" : "row",
+		dense: e.includes("dense")
 	};
 }
-//#endregion
-//#region src/types.ts
-function pe() {
+function kt(e, t) {
+	return (t === "w" ? /(?:^|[\s:.[!])w-/ : /(?:^|[\s:.[!])h-/).test(e);
+}
+function At(e, t) {
 	return {
-		display: "block",
-		flexDirection: "row",
-		flexReverse: !1,
-		flexWrap: "nowrap",
-		wrapReverse: !1,
-		flexGrow: 0,
-		flexShrink: 0,
-		flexBasis: void 0,
-		order: 0,
-		justifyContent: "start",
-		alignItems: "start",
-		alignSelf: "auto",
-		width: void 0,
-		height: void 0,
-		minWidth: "auto",
-		minHeight: "auto",
-		maxWidth: void 0,
-		maxHeight: void 0,
-		padding: Y(),
-		margin: {
-			top: 0,
-			right: 0,
-			bottom: 0,
-			left: 0
-		},
-		gapX: 0,
-		gapY: 0,
-		border: Y(),
-		borderStyle: {
-			top: "solid",
-			right: "solid",
-			bottom: "solid",
-			left: "solid"
-		},
-		overflow: "visible",
-		whiteSpace: "normal",
-		textOverflow: "clip",
-		color: void 0,
-		backgroundColor: void 0,
-		borderColor: {
-			top: void 0,
-			right: void 0,
-			bottom: void 0,
-			left: void 0
-		},
-		textAlignBlocked: !1
+		top: $(e.getPropertyValue("padding-top"), t),
+		right: $(e.getPropertyValue("padding-right"), t),
+		bottom: $(e.getPropertyValue("padding-bottom"), t),
+		left: $(e.getPropertyValue("padding-left"), t)
 	};
 }
-function Y() {
+function jt(t) {
+	let n = (n, r) => t.getPropertyValue(r) === "none" ? 0 : e(parseFloat(t.getPropertyValue(n)) || 0);
 	return {
-		top: 0,
-		right: 0,
-		bottom: 0,
-		left: 0
+		top: n("border-top-width", "border-top-style"),
+		right: n("border-right-width", "border-right-style"),
+		bottom: n("border-bottom-width", "border-bottom-style"),
+		left: n("border-left-width", "border-left-style")
 	};
 }
 //#endregion
 //#region src/tree.ts
-function X(e, t) {
-	let n = re(e, t);
-	if (n.display === "none") return null;
-	let r = Array.from(e.children);
-	if (r.every(he)) {
-		let t = Z(e).split("\n").map((e) => e.trim()).join("\n").trim(), r = ge(t), i = t.length > 0 ? _e(t) : 0;
-		return {
+function Mt(e, t, n) {
+	let r = tt(e, t, n);
+	if (r.display === "none") return null;
+	let i = Array.from(e.children), a = i.map(Lt);
+	if (!a.includes("block")) {
+		let o = Rt(e, r.tracking, {
+			rootFontSizePx: t,
+			rootLetterSpacingPx: n?.letterSpacing ?? 0,
+			cellMetrics: n,
+			preserve: r.whiteSpace === "pre",
+			tabSize: r.tabSize
+		}), s = o.chars.join("");
+		if (o.boxes.length > 0) {
+			let e = Le();
+			d(o.chars, (t, n) => {
+				o.advances[t] = Math.max(1, X(o.boxes[n], e));
+			});
+		}
+		let c = Ut(s, o.advances, r.tracking), l = s.length > 0 ? Wt(s) : 0, u = [...o.boxes];
+		for (let e = 0; e < i.length; e++) {
+			if (a[e] !== "out-of-flow") continue;
+			let r = Mt(i[e], t, n);
+			r && u.push(r);
+		}
+		let f = {
 			source: e,
-			style: n,
-			children: [],
-			text: t,
-			intrinsicWidth: r,
-			intrinsicHeight: i,
+			style: r,
+			children: u,
+			text: s,
+			intrinsicWidth: c,
+			intrinsicHeight: l,
 			localRect: {
 				x: 0,
 				y: 0,
-				width: r,
-				height: i
+				width: c,
+				height: l
 			},
 			unclampedHeight: 0,
-			resolvedPadding: Y()
+			resolvedPadding: M()
 		};
+		return (o.advances.some((e) => e !== 1) || o.boxes.length > 0) && (f.advances = o.advances), o.inlineElements.length > 0 && (f.inlineElements = o.inlineElements), f;
 	}
-	let i = [];
-	for (let e of r) {
-		let n = X(e, t);
-		n && i.push(n);
+	let o = [];
+	for (let e = 0; e < i.length; e++) {
+		if (a[e] === "none") continue;
+		let r = Mt(i[e], t, n);
+		r && o.push(r);
 	}
-	return {
+	let s = {
 		source: e,
-		style: n,
-		children: i,
+		style: r,
+		children: o,
 		text: "",
 		intrinsicWidth: 0,
 		intrinsicHeight: 0,
@@ -830,49 +2137,152 @@ function X(e, t) {
 			height: 0
 		},
 		unclampedHeight: 0,
-		resolvedPadding: Y()
+		resolvedPadding: M()
 	};
+	return Jt(e, s), s;
+}
+var Nt = /* @__PURE__ */ new Set(/* @__PURE__ */ "A.ABBR.B.BDI.BDO.BR.CITE.CODE.DATA.DFN.EM.I.KBD.MARK.Q.S.SAMP.SMALL.SPAN.STRONG.SUB.SUP.TIME.U.VAR.WBR".split("."));
+function Pt(e, t) {
+	return t || (Nt.has(e.tagName) ? "inline" : "block");
+}
+function Ft(e, t) {
+	let n = Pt(e, t);
+	return n === "inline" || n === "contents";
+}
+function It(e, t) {
+	let n = Pt(e, t);
+	return n.startsWith("inline") && n !== "inline";
+}
+function Lt(e) {
+	let t = getComputedStyle(e);
+	return t.display === "none" ? "none" : t.position === "absolute" || t.position === "fixed" ? "out-of-flow" : Ft(e, t.display) || It(e, t.display) ? "inline" : "block";
+}
+function Rt(e, t, n) {
+	let r = {
+		chars: [],
+		advances: [],
+		inlineElements: [],
+		boxes: []
+	};
+	return zt(e, t, n, r), n.preserve ? (r.chars[r.chars.length - 1] === "\n" && (r.chars.pop(), r.advances.pop()), r) : Ht(r);
 }
-var me = /* @__PURE__ */ new Set(/* @__PURE__ */ "A.ABBR.B.BDI.BDO.BR.CITE.CODE.DATA.DFN.EM.I.KBD.MARK.Q.S.SAMP.SMALL.SPAN.STRONG.SUB.SUP.TIME.U.VAR.WBR".split("."));
-function he(e) {
-	if (me.has(e.tagName)) return !0;
-	let t = getComputedStyle(e).display;
-	return t.startsWith("inline") || t === "contents";
+function zt(e, t, n, r) {
+	let i = () => {
+		let e = 0;
+		for (let t = r.chars.length - 1; t >= 0 && r.chars[t] !== "\n"; t--) e += r.advances[t];
+		return e;
+	};
+	for (let a of Array.from(e.childNodes)) if (a.nodeType === Node.TEXT_NODE) {
+		if (n.preserve) for (let e of (a.textContent ?? "").replace(/\r\n?/g, "\n")) if (e === "\n") r.chars.push("\n"), r.advances.push(0);
+		else if (e === "	") {
+			let e = (Math.floor(i() / n.tabSize) + 1) * n.tabSize;
+			for (let t = i(); t < e; t++) r.chars.push(" "), r.advances.push(1);
+		} else r.chars.push(e), r.advances.push(1 + t);
+		else for (let e of (a.textContent ?? "").replace(/[ \t\r\n\f]+/g, " ")) r.chars.push(e), r.advances.push(1 + t);
+	} else if (a.nodeType === Node.ELEMENT_NODE) {
+		let e = a;
+		if (e.tagName === "BR") {
+			r.chars.push("\n"), r.advances.push(0);
+			continue;
+		}
+		let t = getComputedStyle(e);
+		if (t.display === "none" || t.position === "absolute" || t.position === "fixed") continue;
+		if (It(e, t.display)) {
+			let t = Mt(e, n.rootFontSizePx, n.cellMetrics);
+			t && (t.inlineBox = !0, r.chars.push(""), r.advances.push(1), r.boxes.push(t));
+			continue;
+		}
+		if (!Ft(e, t.display)) {
+			qt(e);
+			continue;
+		}
+		let i = lt(t.letterSpacing, parseFloat(t.fontSize) || n.rootFontSizePx, n.rootLetterSpacingPx), o = Bt(t.paddingLeft, n.rootFontSizePx), s = Bt(t.paddingRight, n.rootFontSizePx);
+		r.inlineElements.push({
+			element: e,
+			tracking: i,
+			padLeft: o,
+			padRight: s,
+			insets: t.position === "static" ? null : Vt(t, n.rootFontSizePx)
+		});
+		for (let e = 0; e < o; e++) r.chars.push("⁠"), r.advances.push(1);
+		zt(e, i, n, r);
+		for (let e = 0; e < s; e++) r.chars.push("⁠"), r.advances.push(1);
+	}
 }
-function Z(e) {
-	let t = [];
-	for (let n of Array.from(e.childNodes)) if (n.nodeType === Node.TEXT_NODE) t.push((n.textContent ?? "").replace(/[ \t\r\n\f]+/g, " "));
-	else if (n.nodeType === Node.ELEMENT_NODE) {
-		let e = n;
-		e.tagName === "BR" ? t.push("\n") : t.push(Z(e));
+function Bt(e, n) {
+	if (!e || e.endsWith("%")) return 0;
+	let r = parseFloat(e);
+	return Number.isFinite(r) ? Math.max(0, t(r, n)) : 0;
+}
+function Vt(e, n) {
+	let r = (e) => {
+		if (!e || e === "auto" || e.endsWith("%")) return null;
+		let r = parseFloat(e);
+		return Number.isFinite(r) ? t(r, n) : null;
+	};
+	return {
+		top: r(e.top),
+		right: r(e.right),
+		bottom: r(e.bottom),
+		left: r(e.left)
+	};
+}
+function Ht(e) {
+	let t = [], n = [], r = () => {
+		let e = t.length;
+		for (; e > 0 && t[e - 1] !== "\n";) e--;
+		return e;
+	}, i = () => {
+		for (; t.length > r() && t[t.length - 1] === " ";) t.pop(), n.pop();
+	};
+	for (let r = 0; r < e.chars.length; r++) {
+		let a = e.chars[r];
+		if (a === " ") {
+			let e = t.length - 1;
+			for (; e >= 0 && t[e] === "⁠";) e--;
+			if (e < 0 || t[e] === "\n" || t[e] === " ") continue;
+		} else a === "\n" && i();
+		t.push(a), n.push(e.advances[r]);
 	}
-	return t.join("");
+	for (i(); t[0] === "\n";) t.shift(), n.shift();
+	for (; t[t.length - 1] === "\n";) t.pop(), n.pop();
+	return {
+		chars: t,
+		advances: n,
+		inlineElements: e.inlineElements,
+		boxes: e.boxes
+	};
 }
-function ge(e) {
-	let t = 0;
-	for (let n of e.split("\n")) n.length > t && (t = n.length);
-	return t;
+function Ut(e, t, n) {
+	let r = 0, i = 0;
+	for (let a = 0; a <= e.length; a++) (a === e.length || e[a] === "\n") && (r = Math.max(r, c(i, a, t, n)), i = a + 1);
+	return r;
 }
-function _e(e) {
+function Wt(e) {
 	return e.split("\n").length;
 }
+var Gt = /* @__PURE__ */ new WeakSet(), Kt = /* @__PURE__ */ new WeakSet();
+function qt(e) {
+	Kt.has(e) || (Kt.add(e), console.warn("[monowind] A block-level element nested inside a text run can't be laid out and was skipped. Give it its own place in the layout instead.", e));
+}
+function Jt(e, t) {
+	Array.from(e.childNodes).some((e) => e.nodeType === Node.TEXT_NODE && /[^ \t\r\n\f]/.test(e.textContent ?? "")) && (t.droppedText = !0, !Gt.has(e) && (Gt.add(e), console.warn("[monowind] Direct text next to block-level children can't be laid out and was hidden. Wrap each text segment in its own element (e.g. a <div>).", e)));
+}
 //#endregion
 //#region src/element.ts
-var ve = "\n<style>\n  :host { display: block; position: relative; contain: layout style; }\n  #viewport { position: relative; width: 100%; height: 100%; }\n  #decorations { position: absolute; inset: 0; pointer-events: none; user-select: none; white-space: pre; }\n</style>\n<div id=\"viewport\">\n  <div id=\"decorations\" aria-hidden=\"true\"></div>\n  <slot></slot>\n</div>\n", Q = class extends HTMLElement {
+var Yt = "\n<style>\n  :host { display: block; position: relative; contain: layout style; }\n  #viewport { position: relative; width: 100%; height: 100%; }\n  /* When the host hides its own dropped direct text (visibility, see\n   * styles.css), the decoration layer must not sink with it. Scoped to\n   * that state so an authored 'invisible' on the host stays intact. */\n  :host([data-mw-dropped-text]) #viewport { visibility: visible; }\n  #decorations { position: absolute; inset: 0; pointer-events: none; user-select: none; white-space: pre; }\n</style>\n<div id=\"viewport\">\n  <div id=\"decorations\" aria-hidden=\"true\"></div>\n  <slot></slot>\n</div>\n", Xt = typeof HTMLElement > "u" ? class {} : HTMLElement, Zt = class extends Xt {
 	#e;
 	#t;
-	#n = null;
+	#n;
 	#r = null;
-	#i = !1;
-	#a = 0;
+	#i = null;
+	#a = !1;
 	#o = null;
 	constructor() {
-		super(), this.#e = this.attachShadow({ mode: "open" }), this.#e.innerHTML = ve, this.#t = this.#e.getElementById("decorations");
+		super(), this.#e = this.attachShadow({ mode: "open" }), this.#e.innerHTML = Yt, this.#t = this.#e.getElementById("decorations"), this.#n = document.createElement("span"), this.#n.setAttribute("aria-hidden", "true"), this.#n.setAttribute("data-mw-probe", ""), this.#n.style.cssText = "position:absolute!important;top:0!important;left:0!important;visibility:hidden!important;pointer-events:none!important;user-select:none!important;white-space:pre!important;overflow-wrap:normal!important;padding:0!important;margin:0!important;border:0!important;", this.#n.textContent = "M".repeat(100);
 	}
 	connectedCallback() {
-		this.#n = new ResizeObserver(() => this.#l()), this.#n.observe(this), this.#r = new MutationObserver((e) => {
-			this.#a > 0 || e.every(this.#c) || (e.some((e) => e.target === this && e.type === "attributes") && (this.#o = null), this.#l());
-		}), this.#r.observe(this, {
+		this.#n.parentNode !== this && this.appendChild(this.#n), this.#r = new ResizeObserver(() => this.#c()), this.#r.observe(this), this.#i = new MutationObserver(() => this.#c()), this.#i.observe(this, {
 			childList: !0,
 			subtree: !0,
 			characterData: !0,
@@ -880,48 +2290,45 @@ var ve = "\n<style>\n  :host { display: block; position: relative; contain: layo
 			attributeFilter: ["class", "style"]
 		}), document.fonts?.ready.then(this.#s).catch((e) => {
 			console.warn("[monowind] document.fonts.ready failed:", e);
-		}), document.fonts?.addEventListener("loadingdone", this.#s), this.#l();
+		}), document.fonts?.addEventListener("loadingdone", this.#s), this.#c();
 	}
 	disconnectedCallback() {
-		this.#n?.disconnect(), this.#r?.disconnect(), this.#n = null, this.#r = null, document.fonts?.removeEventListener("loadingdone", this.#s), this.#o = null;
+		this.#r?.disconnect(), this.#i?.disconnect(), this.#r = null, this.#i = null, document.fonts?.removeEventListener("loadingdone", this.#s);
 	}
 	#s = () => {
-		this.#o = null, this.#l();
-	};
-	#c = (e) => {
-		if (e.type !== "attributes") return !1;
-		let t = e.attributeName;
-		return t === "data-mw-laid-out" || t === "data-mw-ready" || t === "data-mw-text-align-blocked" || t === "data-mw-clip" || t === "data-mw-nowrap" || t === "style" && this.#a > 0;
+		requestAnimationFrame(() => this.#c());
 	};
-	#l() {
-		this.#i || (this.#i = !0, requestAnimationFrame(() => {
-			this.#i = !1;
+	#c() {
+		this.#a || (this.#a = !0, requestAnimationFrame(() => {
+			this.#a = !1;
 			try {
-				this.#u();
+				this.#l();
 			} catch (e) {
 				console.error("[monowind] layout failed:", e);
 			}
 		}));
 	}
-	#u() {
-		this.#a++, this.setAttribute("measuring", "");
+	#l() {
+		this.setAttribute("measuring", "");
 		try {
-			this.#o || (this.#o = r(this), this.style.setProperty("--mw-cw", `${this.#o.width}px`), this.style.setProperty("--mw-ch", `${this.#o.height}px`));
-			let e = this.#o, t = Math.max(0, Math.floor(this.clientWidth / e.width));
-			if (t === 0) return;
-			let n = i(), a = [];
-			for (let e of Array.from(this.children)) {
-				let t = X(e, n);
-				t && a.push(t);
+			let e = r(this, this.#n), t = this.#o;
+			(t === null || t.width !== e.width || t.height !== e.height || t.letterSpacing !== e.letterSpacing) && (this.style.setProperty("--mw-cw", `${e.width}px`), this.style.setProperty("--mw-ch", `${e.height}px`), this.style.setProperty("--mw-rls", `${e.letterSpacing}px`)), this.#o = e;
+			let n = getComputedStyle(this), a = (parseFloat(n.paddingLeft) || 0) + (parseFloat(n.paddingRight) || 0), o = Math.max(0, Math.floor((this.clientWidth - a) / e.width));
+			if (o === 0) return;
+			let s = i(), c = [];
+			for (let t of Array.from(this.children)) {
+				if (t === this.#n) continue;
+				let n = Mt(t, s, e);
+				n && c.push(n);
 			}
-			if (a.length === 0) {
+			if (Array.from(this.childNodes).some((e) => e.nodeType === Node.TEXT_NODE && /[^ \t\r\n\f]/.test(e.textContent ?? "")) ? (this.hasAttribute("data-mw-dropped-text") || console.warn("[monowind] Direct text inside <mono-wind> can't be laid out and was hidden. Wrap each text segment in its own element (e.g. a <div>).", this), this.setAttribute("data-mw-dropped-text", "")) : this.removeAttribute("data-mw-dropped-text"), c.length === 0) {
 				this.#t.replaceChildren(), this.setAttribute("data-mw-ready", "");
 				return;
 			}
-			let o = {
+			let l = {
 				source: this,
-				style: pe(),
-				children: a,
+				style: j(),
+				children: c,
 				text: "",
 				intrinsicWidth: 0,
 				intrinsicHeight: 0,
@@ -932,56 +2339,65 @@ var ve = "\n<style>\n  :host { display: block; position: relative; contain: layo
 					height: 0
 				},
 				unclampedHeight: 0,
-				resolvedPadding: {
-					top: 0,
-					right: 0,
-					bottom: 0,
-					left: 0
-				}
-			}, { height: s } = l(o, t);
-			ee(o, this.#t), this.style.height = `${s * e.height}px`, this.setAttribute("data-mw-ready", "");
+				resolvedPadding: M()
+			}, { height: u } = Fe(l, o);
+			Xe(l, this.#t);
+			let d = n.boxSizing === "border-box" ? (parseFloat(n.paddingTop) || 0) + (parseFloat(n.paddingBottom) || 0) + (parseFloat(n.borderTopWidth) || 0) + (parseFloat(n.borderBottomWidth) || 0) : 0;
+			this.style.height = `${u * e.height + d}px`, this.setAttribute("data-mw-ready", "");
 		} finally {
-			this.removeAttribute("measuring"), queueMicrotask(() => {
-				this.#r?.takeRecords(), this.#a--;
-			});
+			this.removeAttribute("measuring"), this.#i?.takeRecords();
 		}
 	}
 };
-function ye() {
-	customElements.get("mono-wind") || customElements.define("mono-wind", Q);
+function Qt() {
+	typeof customElements > "u" || customElements.get("mono-wind") || customElements.define("mono-wind", Zt);
 }
 //#endregion
 //#region src/ascii.ts
-function be(e) {
+function $t(e) {
 	let t = e.localRect.width, n = e.localRect.height;
 	if (t <= 0 || n <= 0) return "";
 	let r = Array.from({ length: n }, () => Array.from({ length: t }, () => " "));
-	return $(e, 0, 0, (e, i, a) => {
+	return en(e, 0, 0, (e, i, a) => {
 		e >= 0 && e < t && i >= 0 && i < n && (r[i][e] = a);
 	}), r.map((e) => e.join("").trimEnd()).join("\n");
 }
-function $(e, t, n, r) {
-	let i = t + e.localRect.x, o = n + e.localRect.y, s = e.style, c = [];
-	R(s, {
+function en(e, t, n, r) {
+	let i = t + e.localRect.x, a = n + e.localRect.y, o = e.style, c = [];
+	Je(o, {
 		x: i,
-		y: o,
+		y: a,
 		width: e.localRect.width,
 		height: e.localRect.height
 	}, c);
 	for (let e of c) for (let t = 0; t < e.length; t++) r(e.x + t, e.y, e.glyph);
-	if (e.children.length === 0 && e.text) {
-		let t = e.resolvedPadding, n = i + s.border.left + t.left, c = o + s.border.top + t.top, l = e.localRect.width - s.border.left - s.border.right - t.left - t.right, u = s.whiteSpace === "nowrap" ? e.text.split("\n").map((e) => xe(e, l, s)) : a(e.text, l);
-		for (let e = 0; e < u.length; e++) {
-			let t = u[e];
-			for (let i = 0; i < t.length; i++) r(n + i, c + e, t[i]);
+	if (!e.children.some((e) => !e.inlineBox && e.style.position !== "absolute" && e.style.position !== "fixed") && e.text) {
+		let t = e.resolvedPadding, n = i + o.border.left + t.left, c = a + o.border.top + t.top, l = e.localRect.width - o.border.left - o.border.right - t.left - t.right, { spans: u, lineY: d } = Be(e, l);
+		for (let t = 0; t < u.length; t++) {
+			let i = u[t], a = c + d[t], f = o.whiteSpace !== "normal" && o.overflow === "clip" ? tn(e.text, i, l, e.advances, o) : {
+				end: i.end,
+				ellipsis: !1
+			}, p = n;
+			for (let t = i.start; t < f.end; t++) e.text[t] !== "" && e.text[t] !== "⁠" && r(p, a, e.text[t]), p += s(t, t + 1, e.advances);
+			f.ellipsis && r(p, a, "…");
 		}
 	}
-	for (let t of e.children) $(t, i, o, r);
+	for (let t of e.children) en(t, i, a, r);
 }
-function xe(e, t, n) {
-	return n.overflow !== "clip" || e.length <= t ? e : t <= 0 ? "" : n.textOverflow === "ellipsis" ? `${e.slice(0, t - 1)}…` : e.slice(0, t);
+function tn(e, t, n, r, i) {
+	let { textOverflow: a, tracking: o } = i;
+	if (c(t.start, t.end, r, o) <= n) return {
+		end: t.end,
+		ellipsis: !1
+	};
+	let s = a === "ellipsis" ? n - 1 : n, l = t.start;
+	for (; l < t.end && c(t.start, l + 1, r, o) <= s;) l++;
+	return {
+		end: l,
+		ellipsis: a === "ellipsis" && n > 0
+	};
 }
 //#endregion
-export { Q as MonoWindElement, ye as defineMonoWind, be as renderAscii };
+export { Zt as MonoWindElement, Qt as defineMonoWind, $t as renderAscii };
 
 //# sourceMappingURL=index.js.map