monowind 0.1.3 → 0.1.5

package/dist/index.js

@@ -1,14 +1,269 @@
+//#region src/borders.ts
+function e(e, n, r) {
+	let i = e.border;
+	if (i.top === 0 && i.right === 0 && i.bottom === 0 && i.left === 0) return;
+	let a = Math.max(i.top, i.right, i.bottom, i.left);
+	for (let o = 0; o < a; o++) {
+		let a = {
+			top: o < i.top,
+			right: o < i.right,
+			bottom: o < i.bottom,
+			left: o < i.left
+		}, s = {
+			x: n.x + (a.left ? o : 0),
+			y: n.y + (a.top ? o : 0),
+			width: n.width - (a.left ? o : 0) - (a.right ? o : 0),
+			height: n.height - (a.top ? o : 0) - (a.bottom ? o : 0)
+		};
+		s.width <= 0 || s.height <= 0 || t(r, e.borderStyle, e.borderColor, s, a);
+	}
+}
+function t(e, t, n, r, i) {
+	let a = c(t.top), o = c(t.right), s = c(t.bottom), l = c(t.left), u = (e, t, n) => n(c(e === t ? e : "solid")), { x: d, y: f, width: p, height: m } = r, h = p >= 2 && m >= 2, g = d + +!!i.left, _ = d + p - +!!i.right, v = f + +!!i.top, y = f + m - +!!i.bottom;
+	if (i.top && _ > g && e.push({
+		glyph: a.h,
+		x: g,
+		y: f,
+		length: _ - g,
+		color: n.top
+	}), i.bottom && m > +!!i.top && _ > g && e.push({
+		glyph: s.h,
+		x: g,
+		y: f + m - 1,
+		length: _ - g,
+		color: n.bottom
+	}), i.left) for (let t = v; t < y; t++) e.push({
+		glyph: l.v,
+		x: d,
+		y: t,
+		length: 1,
+		color: n.left
+	});
+	if (i.right && p > +!!i.left) for (let t = v; t < y; t++) e.push({
+		glyph: o.v,
+		x: d + p - 1,
+		y: t,
+		length: 1,
+		color: n.right
+	});
+	h && (i.top && i.left && e.push({
+		glyph: u(t.top, t.left, (e) => e.tl),
+		x: d,
+		y: f,
+		length: 1,
+		color: n.top
+	}), i.top && i.right && e.push({
+		glyph: u(t.top, t.right, (e) => e.tr),
+		x: d + p - 1,
+		y: f,
+		length: 1,
+		color: n.top
+	}), i.bottom && i.left && e.push({
+		glyph: u(t.bottom, t.left, (e) => e.bl),
+		x: d,
+		y: f + m - 1,
+		length: 1,
+		color: n.bottom
+	}), i.bottom && i.right && e.push({
+		glyph: u(t.bottom, t.right, (e) => e.br),
+		x: d + p - 1,
+		y: f + m - 1,
+		length: 1,
+		color: n.bottom
+	}));
+}
+function n(e, t) {
+	return e.style.position !== "static" || t.style.display === "flex" || t.style.display === "grid";
+}
+function r(e) {
+	if (e.children.length <= 1) return e.children;
+	let t = null, r = null, i = null;
+	for (let a of e.children) n(a, e) ? (i ??= []).push(a) : a.inlineBox ? (r ??= []).push(a) : (t ??= []).push(a);
+	return i && i.length > 1 && i.sort((e, t) => (e.style.zIndex ?? 0) - (t.style.zIndex ?? 0)), t && !r && !i ? t : !t && r && !i ? r : !t && !r && i ? i : [
+		...t ?? [],
+		...r ?? [],
+		...i ?? []
+	];
+}
+function i(e, t) {
+	let n = c(e);
+	return t === "h" ? n.h : n.v;
+}
+function a(e, t, n, r, i) {
+	return (e === "double" ? s : o)[(t ? 8 : 0) | (n ? 4 : 0) | (r ? 2 : 0) | !!i];
+}
+var o = [
+	" ",
+	"─",
+	"─",
+	"─",
+	"│",
+	"┌",
+	"┐",
+	"┬",
+	"│",
+	"└",
+	"┘",
+	"┴",
+	"│",
+	"├",
+	"┤",
+	"┼"
+], s = [
+	" ",
+	"═",
+	"═",
+	"═",
+	"║",
+	"╔",
+	"╗",
+	"╦",
+	"║",
+	"╚",
+	"╝",
+	"╩",
+	"║",
+	"╠",
+	"╣",
+	"╬"
+];
+function c(e) {
+	let t = (t, n, r, i) => a(e, t, n, r, i), n = {
+		h: t(!1, !1, !0, !0),
+		v: t(!0, !0, !1, !1),
+		tl: t(!1, !0, !1, !0),
+		tr: t(!1, !0, !0, !1),
+		bl: t(!0, !1, !1, !0),
+		br: t(!0, !1, !0, !1)
+	};
+	return e === "dashed" ? {
+		...n,
+		h: "╌",
+		v: "╎"
+	} : e === "dotted" ? {
+		...n,
+		h: "┄",
+		v: "┊"
+	} : n;
+}
+function l(e, t, n, r) {
+	let i = e.map((e) => e.spanned ? !1 : n === "between" ? e.beforeOccupied && e.afterOccupied : n !== "around" || e.beforeOccupied || e.afterOccupied), a = [];
+	for (let n = 0; n < e.length; n++) if (a.push({
+		start: e[n].start,
+		end: e[n].end,
+		covered: i[n]
+	}), n + 1 < e.length) {
+		let r = t === "intersection" ? !1 : t === "none" ? i[n] || i[n + 1] : i[n] && i[n + 1];
+		a.push({
+			start: e[n].end,
+			end: e[n + 1].start,
+			covered: r
+		});
+	}
+	let o = [];
+	for (let e of a) {
+		if (!e.covered) continue;
+		let t = o[o.length - 1];
+		t && t.end === e.start ? t.end = e.end : o.push({
+			start: e.start,
+			end: e.end
+		});
+	}
+	if (r === "overlap-join") {
+		let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+		for (let r = 0; r + 1 < e.length; r++) {
+			let i = e[r].end, a = e[r + 1].start - i;
+			a <= 0 || (n.set(i, i + Math.ceil(a / 2)), t.set(e[r + 1].start, i + Math.floor(a / 2)));
+		}
+		return o.map((e) => {
+			let r = t.get(e.start), i = n.get(e.end);
+			return {
+				start: r ?? e.start,
+				end: i ?? e.end,
+				startHalf: r !== void 0,
+				endHalf: i !== void 0
+			};
+		});
+	}
+	return o.map((e) => ({
+		start: e.start + r,
+		end: e.end - r
+	})).filter((e) => e.end > e.start);
+}
+function u(e) {
+	let t = [], n = e.border.left + e.padding.left, r = e.border.top + e.padding.top, o = (e, t) => ({
+		line: t.bandStart + Math.floor((t.bandSize - e.width) / 2),
+		start: t.start,
+		end: t.end,
+		startHalf: t.startHalf === !0,
+		endHalf: t.endHalf === !0
+	}), s = e.ruleX ? e.vertical.map((t) => o(e.ruleX, t)) : [], c = e.ruleY ? e.horizontal.map((t) => o(e.ruleY, t)) : [], l = e.ruleX?.width ?? 0, u = e.ruleY?.width ?? 0, f = (e, t, n, r) => e.some((e) => n >= e.line && n < e.line + t && (e.start < r && e.end > r || e.end === r && !e.endHalf || e.start === r && !e.startHalf)), p = (e, t) => c.some((n) => t >= n.line && t < n.line + u && e >= n.start && e < n.end);
+	if (e.ruleX) {
+		let a = i(e.ruleX.style, "v");
+		for (let i of s) {
+			for (let o = 0; o < l; o++) for (let s = i.start; s < i.end; s++) p(i.line + o, s) || t.push({
+				glyph: a,
+				x: n + i.line + o,
+				y: r + s,
+				length: 1,
+				color: e.ruleX.color
+			});
+			d(e, t, "x", i.line, i.start, i.end);
+		}
+	}
+	if (e.ruleY) {
+		let o = e.ruleY.style === "double" && e.ruleX?.style === "double";
+		for (let p of c) {
+			for (let d = 0; d < u; d++) {
+				let m = p.line + d;
+				for (let d = p.start; d < p.end; d++) {
+					let p = f(s, l, d, m), h = f(s, l, d, m + 1);
+					t.push({
+						glyph: p || h ? a(o ? "double" : "solid", p, h, f(c, u, m, d), f(c, u, m, d + 1)) : i(e.ruleY.style, "h"),
+						x: n + d,
+						y: r + m,
+						length: 1,
+						color: e.ruleY.color
+					});
+				}
+			}
+			d(e, t, "y", p.line, p.start, p.end);
+		}
+	}
+	return t;
+}
+function d(e, t, n, r, i, o) {
+	let s = n === "x" ? e.ruleX : e.ruleY, c = e.border.left + e.padding.left, l = e.border.top + e.padding.top, u = c + e.contentWidth + e.padding.right + e.border.right, d = l + e.contentHeight + e.padding.bottom + e.border.bottom, f = (e, n, r, i, o, c, l, u) => {
+		let d = s.style === "double" && r === "double" ? "double" : "solid";
+		t.push({
+			glyph: a(d, o, c, l, u),
+			x: e,
+			y: n,
+			length: 1,
+			color: i
+		});
+	};
+	if (n === "x") for (let t = 0; t < s.width; t++) {
+		let n = c + r + t;
+		i <= 0 && e.padding.top === 0 && e.border.top > 0 && f(n, e.border.top - 1, e.borderStyle.top, e.borderColor.top, !1, !0, !0, !0), o >= e.contentHeight && e.padding.bottom === 0 && e.border.bottom > 0 && f(n, d - e.border.bottom, e.borderStyle.bottom, e.borderColor.bottom, !0, !1, !0, !0);
+	}
+	else for (let t = 0; t < s.width; t++) {
+		let n = l + r + t;
+		i <= 0 && e.padding.left === 0 && e.border.left > 0 && f(e.border.left - 1, n, e.borderStyle.left, e.borderColor.left, !0, !0, !1, !0), o >= e.contentWidth && e.padding.right === 0 && e.border.right > 0 && f(u - e.border.right, n, e.borderStyle.right, e.borderColor.right, !0, !0, !0, !1);
+	}
+}
+//#endregion
 //#region src/metrics.ts
-function e(e) {
+function f(e) {
 	return (e >= 0 ? Math.floor(e + .5) : -Math.floor(-e + .5)) || 0;
 }
-function t(t, n) {
-	return n <= 0 ? 0 : e(t / (.25 * n));
+function p(e, t) {
+	return t <= 0 ? 0 : f(e / (.25 * t));
 }
-function n(t, n) {
-	return e(n * t / 100);
+function m(e, t) {
+	return f(t * e / 100);
 }
-function r(e, t) {
+function h(e, t) {
 	let n = t.getBoundingClientRect(), r = parseFloat(getComputedStyle(e).letterSpacing) || 0;
 	return {
 		width: n.width / 100,
@@ -16,47 +271,56 @@ function r(e, t) {
 		letterSpacing: r
 	};
 }
-function i() {
+function g() {
 	return parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
 }
 //#endregion
 //#region src/wrap.ts
-function a(e) {
+function _(e, t, n = {}) {
+	return x(e, t, n).map((t) => e.slice(t.start, t.end));
+}
+function v(e, t, n = {}) {
+	return x(e, t, n).length;
+}
+function y(e, t) {
+	return t.endsWith("\n") && e.pop(), e;
+}
+function b(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;
+	return y(t, e);
 }
-function o(e, t, n = {}) {
-	if (!/[^ \t\r\n\f]/.test(e)) return [];
+function x(e, t, n = {}) {
+	if (!/[^ \t\r\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;
+	for (let a = 0; a <= e.length; a++) (a === e.length || e[a] === "\n") && (r.push(...A(e, i, a, t, n)), i = a + 1);
+	return y(r, e);
 }
-function s(e, t, n) {
+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 c(e, t, n, r = 0) {
-	return t <= e ? 0 : s(e, t, n) - Math.min(r, l(t - 1, n));
+function C(e, t, n, r = 0) {
+	return t <= e ? 0 : S(e, t, n) - Math.min(r, w(t - 1, n));
 }
-function l(e, t) {
+function w(e, t) {
 	return t ? (t[e] ?? 1) - 1 : 0;
 }
-function u(e, t = {}) {
+function T(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));
+	for (let t of k(e, 0, e.length)) for (let a of D(e, t.start, t.end)) i = Math.max(i, C(a.start, a.end, n, r));
 	return i;
 }
-function d(e, t) {
+function E(e, t) {
 	let n = 0;
 	for (let r = 0; r < e.length; r++) e[r] === "" && (t(r, n), n++);
 }
-function f(e, t, n) {
+function D(e, t, n) {
 	let r = [], i = t;
 	for (let a = t; a < n; a++) {
 		if (e[a] === "") {
@@ -70,26 +334,27 @@ function f(e, t, n) {
 			continue;
 		}
 		if (e[a] !== "-") continue;
+		let o = a === t;
 		for (; a + 1 < n && e[a + 1] === "-";) a++;
-		let t = a + 1;
-		t < n && !/[0-9]/.test(e[t]) && (r.push({
+		let s = a + 1;
+		!o && s < n && (r.push({
 			start: i,
-			end: t
-		}), i = t);
+			end: s
+		}), i = s);
 	}
 	return r.push({
 		start: i,
 		end: n
 	}), r;
 }
-var p = /[ \t\r\n\f]/;
-function m(e, t, n) {
+var O = /[ \t\r\n\f]/;
+function k(e, t, n) {
 	let r = [], i = t;
 	for (; i < n;) {
-		for (; i < n && p.test(e[i]);) i++;
+		for (; i < n && O.test(e[i]);) i++;
 		if (i >= n) break;
 		let t = i;
-		for (; i < n && !p.test(e[i]);) i++;
+		for (; i < n && !O.test(e[i]);) i++;
 		r.push({
 			start: t,
 			end: i
@@ -97,8 +362,8 @@ function m(e, t, n) {
 	}
 	return r;
 }
-function h(e, t, n, r, { advances: i, tracking: a = 0 }) {
-	let o = m(e, t, n);
+function A(e, t, n, r, { advances: i, tracking: a = 0 }) {
+	let o = k(e, t, n);
 	if (o.length === 0) return [{
 		start: t,
 		end: t
@@ -107,57 +372,90 @@ function h(e, t, n, r, { advances: i, tracking: a = 0 }) {
 		start: o[0].start,
 		end: o[o.length - 1].end
 	}];
-	let u = [], d = null, p = 0;
+	let s = [], c = null, l = 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;
+		for (let o of D(e, t.start, t.end)) {
+			let e = o.start, t = o.end, u = c !== null && !n ? e - 1 : e, d = l + S(u, t, i), f = Math.min(a, w(t - 1, i));
+			if (c !== null && d - f <= r) c.end = t, l = d;
 			else {
-				for (d !== null && u.push(d);;) {
+				for (c !== null && s.push(c);;) {
 					let n = e;
-					for (; n < t && c(e, n + 1, i, a) <= r;) n++;
+					for (; n < t && C(e, n + 1, i, a) <= r;) n++;
 					if (n === t || n === e) break;
-					u.push({
+					s.push({
 						start: e,
 						end: n
 					}), e = n;
 				}
-				d = {
+				c = {
 					start: e,
 					end: t
-				}, p = s(e, t, i);
+				}, l = S(e, t, i);
 			}
 			n = !0;
 		}
 	}
-	return d !== null && u.push(d), u;
+	return c !== null && s.push(c), s;
 }
 //#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) => {
+function j(e, t) {
+	let n = e.row.map((e) => e.node.localRect).sort((e, t) => e.x - t.x), r = [];
+	for (let e = 1; e < n.length; e++) {
+		let i = n[e - 1].x + n[e - 1].width - t, a = n[e].x - t;
+		a > i && r.push({
+			start: i,
+			end: a
+		});
+	}
+	return r;
+}
+function M(e, t, n, r, i) {
+	if (e.style.ruleBreak !== "intersection") return [{
+		start: 0,
+		end: i
+	}];
+	let a = [t[n - 1], t[n]].flatMap((e) => j(e, r)).sort((e, t) => e.start - t.start), o = (e, t) => ({
+		start: e,
+		end: t,
+		spanned: !1,
+		beforeOccupied: !0,
+		afterOccupied: !0
+	}), s = [], c = 0;
+	for (let e of a) e.start > c && s.push(o(c, e.start)), c = Math.max(c, e.end);
+	return c < i && s.push(o(c, i)), l(s, "intersection", "all", e.style.ruleInset === "overlap-join" ? "overlap-join" : 0);
+}
+function N(e, t) {
+	return typeof t != "number" || t <= 0 ? e : e.map((e) => ({
+		...e,
+		start: e.start + t,
+		end: e.end - t
+	})).filter((e) => e.end > e.start);
+}
+function P(e, t, n, r, i, a, o) {
+	let s = At(e.style, "x", t), c = At(e.style, "y", n), l = oe(e).map((e) => {
 		let n = G(e.style.margin, t);
 		return {
 			node: e,
-			base: E(e, t, o),
+			base: ae(e, t, o),
 			grow: e.style.flexGrow,
 			shrink: e.style.flexShrink,
-			min: A(e, t, o),
+			min: le(e, t, o),
 			max: q(e.style.maxWidth, t),
 			margin: n
 		};
-	}), u = [];
+	}), d = [];
 	if (e.style.flexWrap === "wrap") {
 		let n = [], r = 0;
 		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 && a > t && (d.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);
+		n.length > 0 && d.push(n), e.style.wrapReverse && d.reverse();
+	} else d.push(l);
+	let f = i.left + a.left, p = i.top + a.top, m = d.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))) : ie(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,
@@ -165,49 +463,81 @@ function g(e, t, n, r, i, a, o) {
 			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];
+	}), h = m.map((e) => e.height), g = c * Math.max(0, m.length - 1), _;
+	if (e.style.flexWrap === "nowrap") Number.isFinite(n) && (h[0] = Math.max(n, h[0] ?? 0)), _ = [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);
+		let t = h.reduce((e, t) => e + t, 0), r = Number.isFinite(n) ? Math.max(0, n - t - g) : 0, i = se(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);
+			let e = I(Array.from({ length: m.length }, () => 1), r);
+			for (let t = 0; t < h.length; t++) h[t] += e[t];
+			_ = F("start", h, 0);
+		} else _ = F(i === "stretch" ? "start" : i, h, 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 < m.length; i++) {
+		let { row: a, widths: l, availableForItems: u } = m[i], d = h[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;
+			let s = a[i].node, c = L(s, e), u = a[i].margin, f = u.top === null || u.bottom === null, p = s.style.height !== void 0 && s.style.height.kind !== "auto";
+			if (c === "stretch" && !f && !p && d > s.localRect.height) {
+				let e = u.top ?? 0, a = u.bottom ?? 0, c = Number.isFinite(n) ? n : void 0, f = U(Math.max(0, d - e - a), q(s.style.minHeight, c) ?? 0, q(s.style.maxHeight, c));
+				if (f === s.localRect.height) continue;
 				H(s, t, r, 0, 0, "fill", o, {
 					width: l[i],
-					height: d
+					height: f
 				});
 			}
 		}
-		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;
+		let v = l.reduce((e, t) => e + t, 0), y = Math.max(0, u - v), b = a.reduce((e, t) => e + +(t.margin.left === null) + +(t.margin.right === null), 0), x = Array.from({ length: a.length }, () => 0), S = Array.from({ length: a.length }, () => 0), C;
+		if (b > 0 && y > 0) {
+			let e = I(Array.from({ length: b }, () => 1), y), t = 0;
+			for (let n = 0; n < a.length; n++) a[n].margin.left === null && (x[n] = e[t++]), a[n].margin.right === null && (S[n] = e[t++]);
+			C = F("start", l, 0);
+		} else C = F(ce(e.style), l, y);
+		let w = 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 = {
+			w += x[t] + i, r.localRect = {
 				...r.localRect,
-				x: d + D[t] + t * s + O,
-				y: f + _ + y(r, e.style.alignItems, h, n.margin)
-			}, O += E[t] + o;
+				x: f + C[t] + t * s + w,
+				y: p + g + ne(r, e.style.alignItems, d, n.margin)
+			}, w += S[t] + o;
 		}
 	}
-	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;
+	let v = h.reduce((e, t) => e + t, 0) + g, y = Number.isFinite(n) ? Math.max(n, v) : v;
+	if (e.style.ruleX || e.style.ruleY) {
+		let n = [], r = [];
+		for (let i = 0; i < m.length; i++) {
+			let a = _[i] + i * c;
+			for (let e of j(m[i], f)) n.push({
+				bandStart: e.start,
+				bandSize: e.end - e.start,
+				start: a,
+				end: a + h[i]
+			});
+			if (i > 0) {
+				let n = _[i - 1] + (i - 1) * c + h[i - 1];
+				if (a > n) for (let o of M(e, m, i, f, t)) r.push({
+					bandStart: n,
+					bandSize: a - n,
+					...o
+				});
+			}
+		}
+		e.decorationRuns = u({
+			ruleX: e.style.ruleX,
+			ruleY: e.style.ruleY,
+			vertical: N(n, e.style.ruleInset),
+			horizontal: N(r, e.style.ruleInset),
+			contentWidth: t,
+			contentHeight: y,
+			border: i,
+			borderStyle: e.style.borderStyle,
+			borderColor: e.style.borderColor,
+			padding: a
+		});
+	}
+	return ee(e, i, a, t, y), y;
 }
-function _(e, t, n, r, i) {
+function ee(e, t, n, r, i) {
 	for (let a of e.children) V(a.style) && (a.staticSlot = {
 		kind: "flex",
 		direction: e.style.flexDirection,
@@ -217,52 +547,76 @@ function _(e, t, n, r, i) {
 		innerHeight: i
 	});
 }
-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;
+function te(e, t, n, r, i, a, o) {
+	let s = At(e.style, "y", n), c = oe(e).map((i) => {
+		let a = G(i.style.margin, t), s = Math.max(0, t - (a.left ?? 0) - (a.right ?? 0)), c = L(i, e) === "stretch";
+		H(i, s, r && Number.isFinite(n) ? n : void 0, 0, 0, c ? "fill" : "shrink", o);
+		let l = Number.isFinite(n) ? n : void 0, u = i.style.flexBasis, d = u === void 0 || u.kind === "auto" ? i.unclampedHeight : u.kind === "cells" ? u.value : u.kind === "percent" && l !== void 0 ? m(u.value, l) : i.unclampedHeight, f = i.style.minHeight === "auto" ? i.style.overflow === "visible" ? i.localRect.height : 0 : void 0;
 		return {
-			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
+			node: i,
+			base: d,
+			grow: i.style.flexGrow,
+			shrink: i.style.flexShrink,
+			min: f ?? q(i.style.minHeight, l) ?? 0,
+			max: q(i.style.maxHeight, l),
+			margin: a
 		};
-	}), 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.margin.top ?? 0, o = r.margin.bottom ?? 0;
-		P += O[n] + a, i.localRect = {
+	}), l = s * Math.max(0, c.length - 1), d = c.reduce((e, t) => e + (t.margin.top ?? 0) + (t.margin.bottom ?? 0), 0), f = Number.isFinite(n), p = c.reduce((e, t) => e + t.base, 0), h = f ? Math.max(0, n - l - d) : p, g = r ? h : Math.max(h, p), _ = c.some((e) => e.margin.top === null || e.margin.bottom === null), v = f && !(f && _ && p <= g) ? ie(c, g) : c.map((e) => Math.max(0, U(e.base, e.min, e.max)));
+	for (let n = 0; n < c.length; n++) if (v[n] !== c[n].node.localRect.height) {
+		let r = c[n], i = Math.max(0, t - (r.margin.left ?? 0) - (r.margin.right ?? 0)), a = L(r.node, e) === "stretch";
+		H(r.node, i, v[n], 0, 0, a ? "fill" : "shrink", o, { height: v[n] });
+	}
+	let y = v.reduce((e, t) => e + t, 0), b = Math.max(0, g - y), x = c.reduce((e, t) => e + +(t.margin.top === null) + +(t.margin.bottom === null), 0), S = Array.from({ length: c.length }, () => 0), C = Array.from({ length: c.length }, () => 0), w;
+	if (x > 0 && b > 0) {
+		let e = I(Array.from({ length: x }, () => 1), b), t = 0;
+		for (let n = 0; n < c.length; n++) c[n].margin.top === null && (S[n] = e[t++]), c[n].margin.bottom === null && (C[n] = e[t++]);
+		w = F("start", v, 0);
+	} else w = F(ce(e.style), v, b);
+	let T = i.left + a.left, E = i.top + a.top, D = 0;
+	for (let n = 0; n < c.length; n++) {
+		let r = c[n], i = r.node, a = r.margin.top ?? 0, o = r.margin.bottom ?? 0;
+		D += S[n] + a, i.localRect = {
 			...i.localRect,
-			x: M + b(i, e.style.alignItems, t, r.margin),
-			y: N + j[n] + n * c + P
-		}, P += A[n] + o;
+			x: T + re(i, e.style.alignItems, t, r.margin),
+			y: E + w[n] + n * s + D
+		}, D += C[n] + o;
+	}
+	let O = y + l + d, k = f ? Math.max(n, O) : O;
+	if (e.style.ruleY && c.length > 1) {
+		let n = [], r = c.map((e) => e.node.localRect).slice().sort((e, t) => e.y - t.y);
+		for (let e = 1; e < r.length; e++) {
+			let i = r[e - 1].y + r[e - 1].height - E, a = r[e].y - E - i;
+			a > 0 && n.push({
+				bandStart: i,
+				bandSize: a,
+				start: 0,
+				end: t
+			});
+		}
+		e.decorationRuns = u({
+			ruleX: null,
+			ruleY: e.style.ruleY,
+			vertical: [],
+			horizontal: N(n, e.style.ruleInset),
+			contentWidth: t,
+			contentHeight: k,
+			border: i,
+			borderStyle: e.style.borderStyle,
+			borderColor: e.style.borderColor,
+			padding: a
+		});
 	}
-	let F = y + u + d, I = f ? Math.max(r, F) : F;
-	return _(e, a, o, t, I), I;
+	return ee(e, i, a, t, k), k;
 }
-function y(e, t, n, r) {
+function ne(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);
+	return c ? Math.floor(s / 2) : l ? s - o : u ? a : a + R(i, n, e.localRect.height);
 }
-function b(e, t, n, r) {
+function re(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);
+	return c ? Math.floor(s / 2) : l ? s - o : u ? a : a + R(i, n, e.localRect.width);
 }
-function x(e, t, n) {
+function F(e, t, n) {
 	let r = t.length;
 	if (r === 0) return [];
 	let i = [], a = 0;
@@ -272,7 +626,7 @@ function x(e, t, n) {
 		return i;
 	}
 	if ((e === "space-around" || e === "space-evenly") && n > 0) {
-		let o = C(Array.from({ length: r + 1 }, (t, n) => e === "space-evenly" || n === 0 || n === r ? 1 : 2), n);
+		let o = I(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;
 	}
@@ -280,7 +634,7 @@ function x(e, t, n) {
 	for (let e = 0; e < r; e++) i.push(a), a += t[e];
 	return i;
 }
-function S(e, t) {
+function ie(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);
@@ -290,7 +644,7 @@ function S(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 = 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);
+		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 = I(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;
@@ -302,7 +656,7 @@ function S(e, t) {
 	}
 	return o;
 }
-function C(e, t) {
+function I(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);
@@ -315,33 +669,33 @@ function C(e, t) {
 	}
 	return i;
 }
-function w(e, t) {
+function L(e, t) {
 	return e.style.alignSelf === "auto" ? t.style.alignItems : e.style.alignSelf;
 }
-function T(e, t, n) {
+function R(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) {
+function ae(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);
+	return r !== void 0 && r.kind !== "auto" ? J(r, t, e, n) : i !== void 0 && i.kind !== "auto" ? J(i, t, e, n) : Y(e, n);
 }
-function D(e) {
+function oe(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) {
+function se(e) {
 	return e.wrapReverse ? e.alignContent === "start" ? "end" : e.alignContent === "end" ? "start" : e.alignContent : e.alignContent;
 }
-function k(e) {
+function ce(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;
+function le(e, t, n) {
+	return e.style.minWidth === "auto" ? e.style.overflow === "visible" ? X(e, n) : 0 : q(e.style.minWidth, t) ?? 0;
 }
 //#endregion
 //#region src/types.ts
-function j() {
+function ue() {
 	return {
 		display: "block",
 		flexDirection: "row",
@@ -360,8 +714,8 @@ function j() {
 		justifySelf: "auto",
 		gridTemplateColumns: { kind: "none" },
 		gridTemplateRows: { kind: "none" },
-		gridAutoColumns: [N()],
-		gridAutoRows: [N()],
+		gridAutoColumns: [B()],
+		gridAutoRows: [B()],
 		gridAutoFlow: {
 			direction: "row",
 			dense: !1
@@ -377,7 +731,7 @@ function j() {
 		minHeight: "auto",
 		maxWidth: void 0,
 		maxHeight: void 0,
-		padding: M(),
+		padding: z(),
 		margin: {
 			top: 0,
 			right: 0,
@@ -393,7 +747,7 @@ function j() {
 		},
 		gapX: 0,
 		gapY: 0,
-		border: M(),
+		border: z(),
 		borderStyle: {
 			top: "solid",
 			right: "solid",
@@ -408,16 +762,35 @@ function j() {
 		textOverflow: "clip",
 		color: void 0,
 		backgroundColor: void 0,
+		backgroundClear: !1,
+		fontWeight: "400",
+		fontStyle: "normal",
+		textDecorationLine: "none",
 		borderColor: {
 			top: void 0,
 			right: void 0,
 			bottom: void 0,
 			left: void 0
 		},
-		textAlignBlocked: !1
+		textAlignBlocked: !1,
+		textAlign: "start",
+		tableRole: "none",
+		tableLayout: "auto",
+		borderCollapse: !1,
+		borderSpacingX: 0,
+		borderSpacingY: 0,
+		captionSide: "top",
+		verticalAlign: "start",
+		zIndex: null,
+		latticeBorder: null,
+		ruleX: null,
+		ruleY: null,
+		ruleBreak: "normal",
+		ruleInset: 0,
+		ruleVisibilityItems: "normal"
 	};
 }
-function M() {
+function z() {
 	return {
 		top: 0,
 		right: 0,
@@ -425,7 +798,7 @@ function M() {
 		left: 0
 	};
 }
-function N() {
+function B() {
 	return {
 		min: { kind: "auto" },
 		max: { kind: "auto" }
@@ -433,15 +806,15 @@ function N() {
 }
 //#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 ? {
+function de(e, t, n, r, i, a) {
+	let o = e.style, s = Number.isFinite(n) ? n : void 0, c = e.subgrid?.cols, d = e.subgrid?.rows, f = c ? c.gap : At(o, "x", t), p = d ? d.gap : At(o, "y", s), m = xe(e, t, s, f, p, 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];
+	} : void 0), { children: h, placed: g, colLines: _, rowLines: v, colTracks: y, rowTracks: b, colCollapsed: x, rowCollapsed: S } = m, C = h.map((e) => G(e.style.margin, t)), w = h.map((e) => e.style.justifySelf === "auto" ? o.justifyItems : e.style.justifySelf), T = h.map(fe), E = c ? me(c) : Le(y, x, he(m, T, C, a), t, f, o.justifyContent === "stretch"), D = c ? c.positions : Re(E, t, o.justifyContent), O = [];
+	for (let e = 0; e < h.length; e++) {
+		let t = h[e], n = g.items[e], r = Be(D, E.sizes, n.col.start, n.col.span), i = C[e], o = Math.max(0, r - Te(i)), s = T[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;
+			let e = s.cols ? pe(D, E, f, n.col.start, n.col.span, _e(t, "cols", i, r)) : void 0;
 			t.subgrid = {
 				colSpan: n.col.span,
 				rowSpan: n.row.span,
@@ -449,49 +822,84 @@ function P(e, t, n, r, i, a) {
 				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],
+		let c = w[e], l = i.left === null || i.right === null, u = 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 && !u ? H(t, r, void 0, 0, 0, "fill", a, { width: U(o, t.style.minWidth === "auto" ? t.style.overflow === "visible" ? X(t, a) : 0 : q(t.style.minWidth, r) ?? 0, jt(t.style.maxWidth, r, t, a)) }) : H(t, o, void 0, 0, 0, "shrink", a), O.push(t.localRect.width);
+	}
+	let k = d ? me(d) : Le(b, S, ge(m, T, C), s ?? "max-content", p, o.alignContent === "stretch"), A = ze(k), j = d ? d.positions : Re(k, s ?? A, o.alignContent), M = r.left + i.left, N = r.top + i.top;
+	for (let t = 0; t < h.length; t++) {
+		let n = h[t], r = g.items[t], i = C[t], o = Be(D, E.sizes, r.col.start, r.col.span), s = Be(j, k.sizes, r.row.start, r.row.span), c = Math.max(0, s - Ee(i)), l = L(n, e), u = i.top === null || i.bottom === null, d = n.style.height !== void 0 && n.style.height.kind !== "auto";
+		if (T[t].rows) n.subgrid.rows = pe(j, k, p, r.row.start, r.row.span, _e(n, "rows", i, o)), H(n, o, s, 0, 0, "fill", a, {
+			width: O[t],
 			height: c
 		});
-		else if (l === "stretch" && !u && !f) {
+		else if (l === "stretch" && !u && !d) {
 			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],
+				width: O[t],
 				height: e
 			});
-		} else n.style.height?.kind === "percent" && H(n, o, s, 0, 0, "fill", a, { width: D[t] });
+		} else n.style.height?.kind === "percent" && H(n, o, s, 0, 0, "fill", a, { width: O[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)
+			x: M + D[r.col.start] + Ve(w[t], i.left, i.right, o, n.localRect.width),
+			y: N + j[r.row.start] + Ve(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 P = Number.isFinite(n) ? Math.max(n, A) : A;
+	if (o.ruleX || o.ruleY) {
+		let n = E.sizes.length, a = k.sizes.length, s = Array.from({ length: n }, () => Array.from({ length: a }, () => !1)), c = Array.from({ length: Math.max(0, n - 1) }, () => Array.from({ length: a }, () => !1)), d = Array.from({ length: Math.max(0, a - 1) }, () => Array.from({ length: n }, () => !1));
+		for (let e of g.items) for (let t = e.col.start; t < e.col.start + e.col.span && t < n; t++) for (let r = e.row.start; r < e.row.start + e.row.span && r < a; r++) s[t][r] = !0, t + 1 < e.col.start + e.col.span && t < n - 1 && (c[t][r] = !0), r + 1 < e.row.start + e.row.span && r < a - 1 && (d[r][t] = !0);
+		let f = (e, t, n, r, i, a) => t.map((t, o) => ({
+			start: t,
+			end: t + n[o],
+			spanned: r[e]?.[o] ?? !1,
+			beforeOccupied: i(o),
+			afterOccupied: a(o)
+		})), p = (e, t, n) => {
+			let r = [];
+			for (let i = 1; i < e.length; i++) {
+				let a = e[i - 1] + t[i - 1], s = e[i] - a;
+				if (!(s <= 0)) for (let e of l(n(i - 1), o.ruleBreak, o.ruleVisibilityItems, o.ruleInset)) r.push({
+					bandStart: a,
+					bandSize: s,
+					...e
+				});
+			}
+			return r;
+		}, m = p(D, E.sizes, (e) => f(e, j, k.sizes, c, (t) => s[e]?.[t] ?? !1, (t) => s[e + 1]?.[t] ?? !1)), h = p(j, k.sizes, (e) => f(e, D, E.sizes, d, (t) => s[t]?.[e] ?? !1, (t) => s[t]?.[e + 1] ?? !1));
+		e.decorationRuns = u({
+			ruleX: o.ruleX,
+			ruleY: o.ruleY,
+			vertical: m,
+			horizontal: h,
+			contentWidth: t,
+			contentHeight: P,
+			border: r,
+			borderStyle: o.borderStyle,
+			borderColor: o.borderColor,
+			padding: i
+		});
+	}
+	let ee = e.children.filter((e) => V(e.style));
+	if (ee.length > 0) {
 		let e = V(o) ? {
 			x: r.left,
 			y: r.top,
 			width: i.left + t + i.right,
-			height: i.top + N + i.bottom
+			height: i.top + P + i.bottom
 		} : {
-			x: j,
-			y: M,
+			x: M,
+			y: N,
 			width: t,
-			height: N
+			height: P
 		};
-		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);
+		for (let n of ee) {
+			let r = ye(n.style.gridColumnStart, n.style.gridColumnEnd, _, g.colOrigin, D, E.sizes, -i.left, t + i.right), a = ye(n.style.gridRowStart, n.style.gridRowEnd, v, g.rowOrigin, j, k.sizes, -i.top, P + i.bottom);
 			n.staticSlot = {
 				kind: "grid",
 				area: {
-					x: j + r.start,
-					y: M + a.start,
+					x: M + r.start,
+					y: N + a.start,
 					width: Math.max(0, r.end - r.start),
 					height: Math.max(0, a.end - a.start)
 				},
@@ -499,16 +907,16 @@ function P(e, t, n, r, i, a) {
 			};
 		}
 	}
-	return N;
+	return P;
 }
-function F(e) {
+function fe(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) {
+function pe(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),
@@ -517,20 +925,20 @@ function I(e, t, n, r, i, a) {
 		gap: n
 	};
 }
-function ee(e) {
+function me(e) {
 	return {
 		sizes: e.sizes,
 		gapBefore: e.gapBefore,
 		limits: e.sizes
 	};
 }
-function te(e, t, n, r) {
+function he(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({
+			let e = _e(a, "cols", c, 0);
+			for (let t of ve(a, "cols", s, e, r)) i.push({
 				...t,
 				start: t.start + s.col.start
 			});
@@ -539,24 +947,24 @@ function te(e, t, n, r) {
 		i.push({
 			start: s.col.start,
 			span: s.col.span,
-			min: z(a, "min", r) + R(c),
-			max: z(a, "max", r) + R(c)
+			min: De(a, "min", r) + Te(c),
+			max: De(a, "max", r) + Te(c)
 		});
 	}), i;
 }
-function ne(e, t, n) {
+function ge(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({
+			let e = _e(i, "rows", s, 0);
+			for (let t of ve(i, "rows", o, e)) r.push({
 				...t,
 				start: t.start + o.row.start
 			});
 			return;
 		}
-		let c = i.localRect.height + ue(s);
+		let c = i.localRect.height + Ee(s);
 		r.push({
 			start: o.row.start,
 			span: o.row.span,
@@ -565,7 +973,7 @@ function ne(e, t, n) {
 		});
 	}), r;
 }
-function L(e, t, n, r) {
+function _e(e, t, n, r) {
 	let { border: i, padding: a } = e.style;
 	return t === "cols" ? {
 		start: (n.left ?? 0) + i.left + W(a.left, r),
@@ -575,15 +983,15 @@ function L(e, t, n, 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, {
+function ve(e, t, n, r, i) {
+	let a = t === "cols" ? n.col.span : n.row.span, o = xe(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, {
+		if (fe(e)[t]) {
+			let n = _e(e, t, p, 0), a = ve(e, t, c, {
 				start: n.start + (u ? r.start : 0),
 				end: n.end + (d ? r.end : 0)
 			}, i);
@@ -596,11 +1004,11 @@ function re(e, t, n, r, i) {
 		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
+			min: De(e, "min", i) + Te(p) + f,
+			max: De(e, "max", i) + Te(p) + f
 		});
 		else {
-			let t = e.localRect.height + ue(p) + f;
+			let t = e.localRect.height + Ee(p) + f;
 			s.push({
 				start: l.start,
 				span: l.span,
@@ -619,9 +1027,9 @@ function re(e, t, n, r, i) {
 	}
 	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));
+function ye(e, t, n, r, i, a, o, s) {
+	let c = Ne(e, "start", n), l = Ne(t, "end", n);
+	c !== null && l !== null ? c > l ? [c, l] = [l, c] : c === l && (l = null) : c !== null && t.kind === "span" ? l = Pe(c, t, 1, n) : l !== null && e.kind === "span" && (c = Pe(l, e, -1, n));
 	let u = i.length, d = (e) => {
 		if (e === null) return;
 		let t = e - r;
@@ -632,22 +1040,22 @@ function ie(e, t, n, r, i, a, o, s) {
 		end: h === void 0 ? s : p(h)
 	};
 }
-function ae(e, t) {
+function be(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 ? {
+	let r = e.style, i = Math.max(typeof r.gapX == "number" ? r.gapX : 0, r.ruleX?.width ?? 0), a = xe(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 = {
+	} : void 0), o = a.children.map(fe), s = a.children.map((e) => G(e.style.margin, 0)), c = Le(a.colTracks, a.colCollapsed, he(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];
+function xe(e, t, n, r, i, a) {
+	let o = e.style, s = we(e), c = o.gridTemplateColumns.kind === "subgrid" && a !== void 0, l = o.gridTemplateRows.kind === "subgrid" && a !== void 0, u = c ? Se(a.col) : Oe(o.gridTemplateColumns, t, r), d = l ? Se(a.row) : Oe(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);
+		c || Ae(p, u.lineNames, f.columns, o.gridAutoColumns), l || Ae(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 = {
@@ -656,28 +1064,28 @@ function oe(e, t, n, r, i, a) {
 	}, 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)
+	}, _ = Ie(s.map((e) => ({
+		col: Fe(e.style.gridColumnStart, e.style.gridColumnEnd, h),
+		row: Fe(e.style.gridRowStart, e.style.gridRowEnd, g)
 	})), p.length, m.length, o.gridAutoFlow);
-	return c && ce(_, "col", p.length), l && ce(_, "row", m.length), {
+	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))
+		colTracks: je(p, _.colOrigin, _.colCount, o.gridAutoColumns),
+		rowTracks: je(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) {
+function Se(e) {
 	return {
-		tracks: Array.from({ length: e }, () => N()),
+		tracks: Array.from({ length: e }, () => B()),
 		lineNames: Array.from({ length: e + 1 }, () => [])
 	};
 }
-function ce(e, t, n) {
+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);
@@ -685,22 +1093,22 @@ function ce(e, t, n) {
 	}
 	t === "col" ? (e.colOrigin = 0, e.colCount = n) : (e.rowOrigin = 0, e.rowCount = n);
 }
-function le(e) {
+function we(e) {
 	return e.children.filter((e) => !V(e.style) && !e.inlineBox).sort((e, t) => e.style.order - t.style.order);
 }
-function R(e) {
+function Te(e) {
 	return (e.left ?? 0) + (e.right ?? 0);
 }
-function ue(e) {
+function Ee(e) {
 	return (e.top ?? 0) + (e.bottom ?? 0);
 }
-function z(e, t, n) {
+function De(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));
+	r.width !== void 0 && r.width.kind !== "auto" && r.width.kind !== "percent" && (i = J(r.width, 0, e, n)), i === void 0 && (i = t === "min" ? X(e, n) : Y(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) {
+function Oe(e, t, n) {
 	if (e.kind !== "tracks") return {
 		tracks: [],
 		lineNames: [[]]
@@ -713,7 +1121,7 @@ function de(e, t, n) {
 	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;
+			let r = ke(n.min, t) ?? ke(n.max, t) ?? 1;
 			return e + Math.max(1, r);
 		}, 0);
 		s = Math.max(1, Math.floor((t + n) / (e + n * a.length)));
@@ -741,23 +1149,23 @@ function de(e, t, n) {
 		lineNames: d
 	};
 }
-function B(e, t) {
+function ke(e, t) {
 	if (e.kind === "cells") return e.value;
-	if (e.kind === "percent" && t !== void 0) return n(e.value, t);
+	if (e.kind === "percent" && t !== void 0) return m(e.value, t);
 	if (e.kind === "math") {
 		let n = [];
 		for (let r of e.args) {
-			let e = B(r, t);
+			let e = ke(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) {
+function Ae(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) {
+function je(e, t, n, r) {
 	let i = [];
 	for (let a = 0; a < n; a++) {
 		let n = a + t;
@@ -769,7 +1177,7 @@ function pe(e, t, n, r) {
 	}
 	return i;
 }
-function me(e, t, n, r) {
+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++) {
@@ -778,7 +1186,7 @@ function me(e, t, n, r) {
 	}
 	return i;
 }
-function he(e, t, n) {
+function Ne(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) {
@@ -793,14 +1201,14 @@ function he(e, t, n) {
 	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) {
+function Pe(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);
+function Fe(e, t, n) {
+	let r = Ne(e, "start", n), i = Ne(t, "end", n);
 	if (r !== null && i !== null) return r === i ? {
 		start: r,
 		span: 1
@@ -810,10 +1218,10 @@ function _e(e, t, n) {
 	};
 	if (r !== null) return {
 		start: r,
-		span: (t.kind === "span" ? ge(r, t, 1, n) : r + 1) - r
+		span: (t.kind === "span" ? Pe(r, t, 1, n) : r + 1) - r
 	};
 	if (i !== null) {
-		let t = e.kind === "span" ? ge(i, e, -1, n) : i - 1;
+		let t = e.kind === "span" ? Pe(i, e, -1, n) : i - 1;
 		return {
 			start: t,
 			span: i - t
@@ -824,7 +1232,7 @@ function _e(e, t, n) {
 		span: e.kind === "span" ? e.value : t.kind === "span" ? t.value : 1
 	};
 }
-function ve(e, t, n, r) {
+function Ie(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];
@@ -921,9 +1329,9 @@ function ve(e, t, n, r) {
 		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 {
+function Le(e, t, n, r, i, a) {
+	let o = typeof r == "number" ? r : void 0, s = e.map((e, n) => {
+		if (t[n]) return {
 			base: 0,
 			limit: 0,
 			baseIntrinsic: !1,
@@ -931,21 +1339,21 @@ function ye(t, n, r, i, a, o) {
 			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 {
+		let r = ke(e.min, o), i = r ?? 0, a = r === void 0, s = e.max;
+		if (s.kind === "fr") return {
 			base: i,
 			limit: null,
 			baseIntrinsic: a,
 			limitKind: "fr",
-			frFactor: o.value,
+			frFactor: s.value,
 			collapsed: !1
 		};
-		let c = B(o, s);
+		let c = ke(s, o);
 		return c === void 0 ? {
 			base: i,
 			limit: null,
 			baseIntrinsic: a,
-			limitKind: o.kind === "min-content" ? "intrinsic-min" : "intrinsic-max",
+			limitKind: s.kind === "min-content" ? "intrinsic-min" : "intrinsic-max",
 			frFactor: 0,
 			collapsed: !1
 		} : {
@@ -956,25 +1364,25 @@ function ye(t, n, r, i, a, o) {
 			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) => {
+	}), c = s.map((e, t) => t === 0 || e.collapsed ? 0 : s.slice(0, t).some((e) => !e.collapsed) ? i : 0), l = (e, t) => {
 		let n = 0;
-		for (let r = e + 1; r < e + t; r++) n += l[r];
+		for (let r = e + 1; r < e + t; r++) n += c[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) {
+	}, u = (e) => e.collapsed ? 0 : e.limitKind === "fixed" ? e.limit : Math.max(e.base, e.limit ?? e.base), d = [...n].sort((e, t) => e.span - t.span);
+	for (let e of d) {
 		let t = [], n = !1;
 		for (let r = e.start; r < e.start + e.span; r++) {
-			let e = c[r];
+			let e = s[r];
 			e !== void 0 && (e.limitKind === "fr" && (n = !0), t.push(e));
 		}
 		if (t.length === 0) continue;
-		let r = u(e.start, e.span);
+		let r = l(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);
+				let e = n.reduce((e, t) => e + t.frFactor, 0), t = I(n.map((t) => e > 0 ? t.frFactor : 1), a);
 				n.forEach((e, n) => {
 					e.base += t[n];
 				});
@@ -985,7 +1393,7 @@ function ye(t, n, r, i, a, o) {
 		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);
+				let e = I(i.map(() => 1), a);
 				i.forEach((t, n) => {
 					t.base += e[n];
 				});
@@ -994,51 +1402,51 @@ function ye(t, n, r, i, a, o) {
 		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);
+			let a = i - (t.reduce((e, t) => e + u(t), 0) + r);
 			if (a > 0) {
-				let t = C(e.map(() => 1), a);
+				let t = I(e.map(() => 1), a);
 				e.forEach((e, n) => {
-					e.limit = d(e) + t[n];
+					e.limit = u(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));
+	for (let e of s) 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 (o === void 0) {
+		let e = s.filter((e) => e.limitKind === "fr" && !e.collapsed);
+		if (e.length > 0) {
+			let t = 0;
+			for (let n of e) n.frFactor > 0 && (t = Math.max(t, n.base / n.frFactor));
+			for (let e of n) {
+				let n = 0, r = l(e.start, e.span);
+				for (let t = e.start; t < e.start + e.span; t++) {
+					let e = s[t];
+					e === void 0 || e.collapsed || (e.limitKind === "fr" ? n += e.frFactor : r += u(e));
 				}
-				t <= 0 || (n = Math.max(n, (e.max - r) / Math.max(t, 1)));
+				n <= 0 || (t = Math.max(t, (e.max - r) / Math.max(n, 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);
+			for (let n of e) {
+				let e = Math.max(n.base, f(n.frFactor * t));
+				n.limit = e, r === "max-content" && (n.base = e);
 			}
 		}
-		if (i === "max-content") for (let e of c) !e.collapsed && e.limitKind !== "fr" && (e.base = d(e));
+		if (r === "max-content") for (let e of s) !e.collapsed && e.limitKind !== "fr" && (e.base = u(e));
 	} else {
-		let e = l.reduce((e, t) => e + t, 0), t = s - e - c.reduce((e, t) => e + t.base, 0);
+		let e = c.reduce((e, t) => e + t, 0), t = o - e - s.reduce((e, t) => e + t.base, 0);
 		for (; !(t <= 0);) {
-			let e = c.filter((e) => !e.collapsed && e.limitKind !== "fr" && e.base < d(e));
+			let e = s.filter((e) => !e.collapsed && e.limitKind !== "fr" && e.base < u(e));
 			if (e.length === 0) break;
-			let n = C(e.map(() => 1), t), r = 0;
+			let n = I(e.map(() => 1), t), r = 0;
 			if (e.forEach((e, t) => {
-				let i = Math.min(n[t], d(e) - e.base);
+				let i = Math.min(n[t], u(e) - e.base);
 				e.base += i, r += i;
 			}), t -= r, r === 0) break;
 		}
-		let n = c.filter((e) => e.limitKind === "fr");
+		let n = s.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);
+			let t = Math.max(0, o - e - s.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);
+				let e = I(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]);
@@ -1049,10 +1457,10 @@ function ye(t, n, r, i, a, o) {
 				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 (a) {
+			let t = o - e - s.reduce((e, t) => e + t.base, 0), n = s.filter((e) => !e.collapsed && e.limitKind === "intrinsic-max");
 			if (t > 0 && n.length > 0) {
-				let e = C(n.map(() => 1), t);
+				let e = I(n.map(() => 1), t);
 				n.forEach((t, n) => {
 					t.base += e[n];
 				});
@@ -1060,53 +1468,574 @@ function ye(t, n, r, i, a, o) {
 		}
 	}
 	return {
-		sizes: c.map((e) => e.base),
-		gapBefore: l,
-		limits: c.map((e) => d(e))
+		sizes: s.map((e) => e.base),
+		gapBefore: c,
+		limits: s.map((e) => u(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;
+function Re(e, t, n) {
+	let { sizes: r, gapBefore: i } = e, a = Math.max(0, t - ze(e)), o = F(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) {
+function ze(e) {
 	return e.sizes.reduce((e, t) => e + t, 0) + e.gapBefore.reduce((e, t) => e + t, 0);
 }
-function Se(e, t, n, r) {
+function Be(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) {
+function Ve(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);
+	return t === null && n === null ? Math.floor(s / 2) : t === null ? s - o : n === null ? a : a + R(e, r, i + a + o);
+}
+//#endregion
+//#region src/warn.ts
+var He = /* @__PURE__ */ new WeakMap();
+function Ue(e, t) {
+	let n = He.get(e);
+	n || He.set(e, n = /* @__PURE__ */ new Set()), !n.has(t) && (n.add(t), console.warn(`[monowind] ${t}`, e));
+}
+//#endregion
+//#region src/table.ts
+function We(e, t) {
+	e.hidden.push(t), t.style.tableRole !== "column" && t.style.tableRole !== "column-group" && Ue(t.source, "Table content outside the expected structure (rows in tables, cells in rows) can't be laid out and was hidden — no anonymous table boxes (specs/table.md).");
+}
+function Ge(e, t) {
+	let n = Number.parseInt(e.getAttribute(t) ?? "", 10);
+	return Number.isNaN(n) ? 1 : t === "colspan" ? Math.min(1e3, Math.max(1, n)) : Math.min(65534, Math.max(0, n));
+}
+function Ke(e, t, n) {
+	let r = (t, r) => {
+		let i = t.style.width, a = i && i.kind !== "auto" && i.kind !== "percent" ? J(i, 0, t, n) : void 0, o = i && i.kind === "percent" ? i.value : void 0;
+		for (let t = 0; t < r; t++) e.colFixed.push(a), e.colPercent.push(o);
+	};
+	if (t.style.tableRole === "column") {
+		r(t, qe(t.source));
+		return;
+	}
+	let i = t.children.filter((e) => e.style.tableRole === "column");
+	if (i.length === 0) r(t, qe(t.source));
+	else for (let e of i) r(e, qe(e.source));
+	for (let n of t.children) n.style.tableRole !== "column" && We(e, n);
+}
+function qe(e) {
+	let t = Number.parseInt(e.getAttribute("span") ?? "", 10);
+	return Number.isNaN(t) ? 1 : Math.min(1e3, Math.max(1, t));
+}
+function Je(e, t) {
+	let n = {
+		caption: null,
+		rows: [],
+		rowGroups: [],
+		groupEnds: [],
+		cells: [],
+		columnCount: 0,
+		colFixed: [],
+		colPercent: [],
+		hidden: []
+	}, r = [], i = [], a = [];
+	for (let o of e.children) {
+		if (V(o.style)) continue;
+		let e = o.style.tableRole;
+		if (e === "row") i.push({
+			row: o,
+			group: null
+		});
+		else if (e === "header-group" || e === "row-group" || e === "footer-group") {
+			let t = e === "header-group" ? r : e === "footer-group" ? a : i;
+			for (let e of o.children) V(e.style) || (e.style.tableRole === "row" ? t.push({
+				row: e,
+				group: o
+			}) : We(n, e));
+		} else e === "caption" ? n.caption === null ? n.caption = o : We(n, o) : e === "column" || e === "column-group" ? (Ke(n, o, t), n.hidden.push(o)) : We(n, o);
+	}
+	let o = [
+		...r,
+		...i,
+		...a
+	], s = 0;
+	for (let e = 0; e < o.length; e++) {
+		n.rows.push(o[e].row), n.rowGroups.push(o[e].group);
+		let t = o[e + 1]?.group;
+		if (!(e + 1 < o.length && (o[e].group === t || o[e].group === null && t === null))) {
+			for (let t = s; t <= e; t++) n.groupEnds.push(e + 1);
+			s = e + 1;
+		}
+	}
+	return Ye(n), n;
+}
+function Ye(e) {
+	let t = [];
+	for (let n = 0; n < e.rows.length; n++) {
+		let r = e.rows[n], i = 0;
+		for (let a of r.children) {
+			if (V(a.style)) continue;
+			if (a.style.tableRole !== "cell") {
+				We(e, a);
+				continue;
+			}
+			for (; (t[i] ?? 0) > n;) i++;
+			let o = Ge(a.source, "colspan"), s = Ge(a.source, "rowspan"), c = e.groupEnds[n], l = Math.max(1, Math.min(s === 0 ? c - n : s, c - n));
+			for (let e = i; e < i + o; e++) t[e] = Math.max(t[e] ?? 0, n + l);
+			e.cells.push({
+				node: a,
+				rowNode: r,
+				row: n,
+				col: i,
+				rowSpan: l,
+				colSpan: o
+			}), i += o;
+		}
+	}
+	e.columnCount = Math.max(t.length, e.colFixed.length);
+}
+function Xe(e, t, n) {
+	let r = e.style, i = X(e, n), a;
+	if (t === "min") a = i;
+	else {
+		let t = r.width !== void 0 && r.width.kind !== "auto" && r.width.kind !== "percent" ? J(r.width, 0, e, n) : void 0;
+		a = t === void 0 ? Y(e, n) : Math.max(i, t);
+	}
+	let o = typeof r.minWidth == "number" ? r.minWidth : 0, s = typeof r.maxWidth == "number" ? r.maxWidth : void 0;
+	return Math.max(0, U(a, o, s));
+}
+function Ze(e) {
+	let t = e.style.width;
+	return t && t.kind === "percent" ? t.value : void 0;
+}
+function Qe(e, t, n) {
+	let r = e.columnCount, i = Array.from({ length: r }, () => 0), a = Array.from({ length: r }, () => 0), o = Array.from({ length: r }, () => void 0);
+	for (let t = 0; t < r; t++) e.colFixed[t] !== void 0 && (a[t] = e.colFixed[t]), o[t] = e.colPercent[t];
+	let s = [];
+	for (let t of e.cells) {
+		if (t.colSpan > 1) {
+			s.push(t);
+			continue;
+		}
+		i[t.col] = Math.max(i[t.col], Xe(t.node, "min", n)), a[t.col] = Math.max(a[t.col], Xe(t.node, "max", n));
+		let e = Ze(t.node);
+		e !== void 0 && (o[t.col] = Math.max(o[t.col] ?? 0, e));
+	}
+	s.sort((e, t) => e.colSpan - t.colSpan);
+	for (let e of s) {
+		let r = e.col, o = e.col + e.colSpan, s = at(t, r, o), c = a.slice(r, o);
+		for (let t of ["min", "max"]) {
+			let l = t === "min" ? i : a, u = l.slice(r, o).reduce((e, t) => e + t, 0) + s, d = Xe(e.node, t, n) - u;
+			if (d <= 0) continue;
+			let f = I(c.some((e) => e > 0) ? c : c.map(() => 1), d);
+			for (let e = r; e < o; e++) l[e] += f[e - r];
+		}
+	}
+	for (let e = 0; e < r; e++) a[e] = Math.max(a[e], i[e]);
+	return {
+		min: i,
+		max: a,
+		percent: o
+	};
+}
+function $e(e, t) {
+	let n = e.min.length, r = e.min.slice(), i = [], a = [];
+	for (let t = 0; t < n; t++) (e.percent[t] === void 0 ? a : i).push(t);
+	if (i.length > 0) {
+		let n = i.reduce((t, n) => t + e.percent[n], 0), o = Math.max(100, n);
+		for (let n of i) {
+			let i = Math.round(t * e.percent[n] / o);
+			r[n] = Math.max(e.min[n], i);
+		}
+		let s = a.reduce((t, n) => t + e.min[n], 0), c = i.reduce((e, t) => e + r[t], 0) - (t - s);
+		if (c > 0) {
+			let t = i.map((t) => r[t] - e.min[t]), n = I(t, Math.min(c, t.reduce((e, t) => e + t, 0)));
+			i.forEach((e, t) => r[e] -= n[t]);
+		}
+	}
+	let o = t - r.reduce((e, t) => e + t, 0);
+	if (o > 0 && a.length > 0) {
+		let t = a.map((t) => e.max[t] - e.min[t]), n = t.reduce((e, t) => e + t, 0), i = I(t, Math.min(o, n));
+		a.forEach((e, t) => r[e] += i[t]), o -= Math.min(o, n);
+	}
+	if (o > 0) {
+		let t = a.length > 0 ? a : i;
+		if (t.length > 0) {
+			let n = t.map((t) => e.max[t]), i = I(n.some((e) => e > 0) ? n : n.map(() => 1), o);
+			t.forEach((e, t) => r[e] += i[t]);
+		}
+	}
+	return r;
+}
+function et(e, t, n) {
+	let r = e.columnCount, i = Array.from({ length: r }, () => void 0);
+	for (let n = 0; n < r; n++) e.colFixed[n] === void 0 ? e.colPercent[n] !== void 0 && (i[n] = Math.max(0, Math.round(t * e.colPercent[n] / 100))) : i[n] = e.colFixed[n];
+	for (let r of e.cells) {
+		if (r.row !== 0) continue;
+		let e = r.node.style, a;
+		if (e.width && e.width.kind === "percent" ? a = Math.max(0, Math.round(t * e.width.value / 100)) : e.width && e.width.kind !== "auto" && (a = J(e.width, 0, r.node, n)), a === void 0) continue;
+		let o = I(Array.from({ length: r.colSpan }, () => 1), a);
+		for (let e = 0; e < r.colSpan; e++) {
+			let t = r.col + e;
+			i[t] === void 0 && (i[t] = o[e]);
+		}
+	}
+	let a = i.reduce((e, t) => e + (t ?? 0), 0), o = i.filter((e) => e === void 0).length;
+	if (o > 0) {
+		let e = I(Array.from({ length: o }, () => 1), Math.max(0, t - a)), n = 0;
+		for (let t = 0; t < r; t++) i[t] === void 0 && (i[t] = e[n++]);
+	}
+	return i.map((e) => e ?? 0);
+}
+var tt = {
+	double: 3,
+	solid: 2,
+	dashed: 1,
+	dotted: 0
+};
+function nt(e) {
+	for (let { border: t, side: n } of e) if (t?.hidden[n]) return null;
+	let t = null;
+	for (let { border: n, side: r } of e) {
+		if (!n) continue;
+		let e = n.width[r];
+		if (e <= 0) continue;
+		let i = n.style[r];
+		(t === null || e > t.width || e === t.width && tt[i] > tt[t.style]) && (t = {
+			width: e,
+			style: i,
+			color: n.color[r]
+		});
+	}
+	return t;
+}
+function rt(e, t) {
+	let n = t.columnCount, r = t.rows.length, i = e.style.borderCollapse, a = {
+		collapsed: i,
+		vLines: Array.from({ length: n + 1 }, () => 0),
+		hLines: Array.from({ length: r + 1 }, () => 0),
+		spacingX: i ? 0 : e.style.borderSpacingX,
+		spacingY: i ? 0 : e.style.borderSpacingY,
+		vSegments: [],
+		hSegments: []
+	};
+	if (!i || n === 0 || r === 0) return a;
+	let o = Array.from({ length: r }, () => Array.from({ length: n }, () => void 0));
+	for (let e of t.cells) for (let t = e.row; t < e.row + e.rowSpan; t++) for (let n = e.col; n < e.col + e.colSpan; n++) o[t][n] = e;
+	let s = e.style.latticeBorder;
+	for (let e = 0; e <= n; e++) {
+		let i = [];
+		for (let a = 0; a < r; a++) {
+			let r = e > 0 ? o[a][e - 1] : void 0, c = e < n ? o[a][e] : void 0;
+			if (r !== void 0 && r === c) {
+				i.push(null);
+				continue;
+			}
+			let l = [];
+			r && r.col + r.colSpan === e && l.push({
+				border: r.node.style.latticeBorder,
+				side: "right"
+			}), c && c.col === e && l.push({
+				border: c.node.style.latticeBorder,
+				side: "left"
+			});
+			let u = e === 0 ? "left" : e === n ? "right" : null;
+			if (u) {
+				l.push({
+					border: t.rows[a].style.latticeBorder,
+					side: u
+				});
+				let e = t.rowGroups[a];
+				e && l.push({
+					border: e.style.latticeBorder,
+					side: u
+				}), l.push({
+					border: s,
+					side: u
+				});
+			}
+			i.push(nt(l));
+		}
+		a.vSegments.push(i), a.vLines[e] = i.reduce((e, t) => Math.max(e, t?.width ?? 0), 0);
+	}
+	for (let e = 0; e <= r; e++) {
+		let i = [];
+		for (let a = 0; a < n; a++) {
+			let n = e > 0 ? o[e - 1][a] : void 0, c = e < r ? o[e][a] : void 0;
+			if (n !== void 0 && n === c) {
+				i.push(null);
+				continue;
+			}
+			let l = [];
+			n && n.row + n.rowSpan === e && l.push({
+				border: n.node.style.latticeBorder,
+				side: "bottom"
+			}), c && c.row === e && l.push({
+				border: c.node.style.latticeBorder,
+				side: "top"
+			}), e > 0 && l.push({
+				border: t.rows[e - 1].style.latticeBorder,
+				side: "bottom"
+			}), e < r && l.push({
+				border: t.rows[e].style.latticeBorder,
+				side: "top"
+			});
+			let u = e > 0 ? t.rowGroups[e - 1] : null, d = e < r ? t.rowGroups[e] : null;
+			u && u !== d && l.push({
+				border: u.style.latticeBorder,
+				side: "bottom"
+			}), d && d !== u && l.push({
+				border: d.style.latticeBorder,
+				side: "top"
+			}), e === 0 && l.push({
+				border: s,
+				side: "top"
+			}), e === r && l.push({
+				border: s,
+				side: "bottom"
+			}), i.push(nt(l));
+		}
+		a.hSegments.push(i), a.hLines[e] = i.reduce((e, t) => Math.max(e, t?.width ?? 0), 0);
+	}
+	return a;
+}
+function it(e, t) {
+	return e.collapsed ? e.vLines.reduce((e, t) => e + t, 0) : (t + 1) * e.spacingX;
+}
+function at(e, t, n) {
+	if (!e.collapsed) return e.spacingX * (n - t - 1);
+	let r = 0;
+	for (let i = t + 1; i < n; i++) r += e.vLines[i];
+	return r;
+}
+function ot(e, t, n) {
+	if (!e.collapsed) return e.spacingY * (n - t - 1);
+	let r = 0;
+	for (let i = t + 1; i < n; i++) r += e.hLines[i];
+	return r;
+}
+function st(e, t) {
+	let n = t.tableData.get(e);
+	if (n) return n;
+	let r = Je(e, t), i = rt(e, r), a = {
+		structure: r,
+		chrome: i,
+		bounds: Qe(r, i, t),
+		chromeX: it(i, r.columnCount)
+	};
+	return t.tableData.set(e, a), a;
+}
+function ct(e, t) {
+	let { structure: n, bounds: r, chromeX: i } = st(e, t), a = r.min.reduce((e, t) => e + t, 0) + i, o = r.max.reduce((e, t) => e + t, 0) + i;
+	return n.caption && (a = Math.max(a, X(n.caption, t)), o = Math.max(o, Y(n.caption, t))), {
+		min: a,
+		max: o
+	};
+}
+function lt(e, t, n) {
+	let r = e.style, { bounds: i, chromeX: a } = st(e, n), { min: o, max: s } = ct(e, n), c = r.border.left + r.border.right + W(r.padding.left, t) + W(r.padding.right, t), l = i.max.reduce((e, t) => e + t, 0), u = 0, d = 0;
+	for (let e = 0; e < i.max.length; e++) {
+		let t = i.percent[e];
+		t === void 0 ? d += i.max[e] : u += t;
+	}
+	if (u >= 100) l = Infinity;
+	else if (u > 0) {
+		for (let e = 0; e < i.max.length; e++) {
+			let t = i.percent[e];
+			t !== void 0 && t > 0 && (l = Math.max(l, Math.ceil(i.max[e] * 100 / t)));
+		}
+		l = Math.max(l, Math.ceil(d * 100 / (100 - u)));
+	}
+	let f = Math.max(l + a, s) + c;
+	return Math.max(o + c, Math.min(f, t));
+}
+function ut(e, t, n, r, i, a) {
+	let { structure: o, chrome: s, bounds: c } = st(e, a), l = o.columnCount, u = o.rows.length, d = r.left + i.left, f = r.top + i.top;
+	for (let e of o.hidden) e.tableHidden = !0, e.localRect = {
+		x: 0,
+		y: 0,
+		width: 0,
+		height: 0
+	}, e.resolvedPadding = {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0
+	}, e.unclampedHeight = 0;
+	let p = Math.max(0, t - it(s, l)), h = e.style, g = h.tableLayout === "fixed" && h.width !== void 0 && h.width.kind !== "auto" ? et(o, p, a) : $e(c, p), _ = [], v = 0;
+	for (let e = 0; e < l; e++) v += s.collapsed ? s.vLines[e] : s.spacingX, _.push(v), v += g[e];
+	let y = v + (s.collapsed ? s.vLines[l] ?? 0 : s.spacingX), b = 0;
+	o.caption && (H(o.caption, t, void 0, d, f, "fill", a), b = o.caption.localRect.height);
+	let x = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Map();
+	for (let e of o.cells) {
+		let t = e.col + e.colSpan, n = g.slice(e.col, t).reduce((e, t) => e + t, 0) + at(s, e.col, t);
+		S.set(e, n), H(e.node, n, void 0, 0, 0, "fill", a, { width: n }), x.set(e, e.node.localRect.height);
+	}
+	let C = s.collapsed ? s.hLines.reduce((e, t) => e + t, 0) : (u + 1) * s.spacingY, w = n === void 0 ? void 0 : Math.max(0, n - b - C), T = (e) => e !== void 0 && e.kind === "percent" && w !== void 0 ? m(e.value, w) : 0, E = Array.from({ length: u }, () => 0), D = Array.from({ length: u }, () => !1);
+	for (let e = 0; e < u; e++) {
+		let t = o.rows[e].style.height;
+		t !== void 0 && t.kind === "cells" && (E[e] = t.value);
+		let n = T(t);
+		n > 0 && (E[e] = Math.max(E[e], n), D[e] = !0);
+	}
+	for (let e of o.cells) if (e.rowSpan === 1) {
+		let t = T(e.node.style.height);
+		t > 0 && (D[e.row] = !0), E[e.row] = Math.max(E[e.row], x.get(e), t);
+	}
+	let O = o.cells.filter((e) => e.rowSpan > 1).sort((e, t) => e.rowSpan - t.rowSpan);
+	for (let e of O) {
+		let t = e.row + e.rowSpan, n = E.slice(e.row, t).reduce((e, t) => e + t, 0) + ot(s, e.row, t), r = x.get(e) - n;
+		if (r <= 0) continue;
+		let i = I(Array.from({ length: e.rowSpan }, () => 1), r);
+		for (let n = e.row; n < t; n++) E[n] += i[n - e.row];
+	}
+	if (n !== void 0 && u > 0) {
+		let e = n - b - C - E.reduce((e, t) => e + t, 0);
+		if (e > 0) {
+			let t = [];
+			for (let e = 0; e < u; e++) D[e] || t.push(e);
+			let n = t.length > 0 ? t : Array.from({ length: u }, (e, t) => t), r = I(n.map(() => 1), e);
+			n.forEach((e, t) => E[e] += r[t]);
+		}
+	}
+	let k = o.caption && e.style.captionSide === "top" ? b : 0, A = [], j = k;
+	for (let e = 0; e < u; e++) j += s.collapsed ? s.hLines[e] : s.spacingY, A.push(j), j += E[e];
+	let M = u > 0 ? j + (s.collapsed ? s.hLines[u] ?? 0 : s.spacingY) : k, N = /* @__PURE__ */ new Map();
+	for (let e = 0; e < u; e++) {
+		let t = o.rowGroups[e];
+		t && !N.has(t) && N.set(t, A[e]);
+	}
+	for (let [e, t] of N) {
+		let n = t;
+		for (let t = 0; t < u; t++) o.rowGroups[t] === e && (n = A[t] + E[t]);
+		e.localRect = {
+			x: d,
+			y: f + t,
+			width: y,
+			height: n - t
+		}, e.resolvedPadding = {
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0
+		}, e.unclampedHeight = n - t;
+	}
+	for (let e = 0; e < u; e++) {
+		let t = o.rows[e], n = o.rowGroups[e], r = n ? N.get(n) : void 0;
+		t.localRect = {
+			x: r === void 0 ? d : 0,
+			y: r === void 0 ? f + A[e] : A[e] - r,
+			width: y,
+			height: E[e]
+		}, t.resolvedPadding = {
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0
+		}, t.unclampedHeight = E[e];
+	}
+	for (let e of o.cells) {
+		let t = e.row + e.rowSpan, n = E.slice(e.row, t).reduce((e, t) => e + t, 0) + ot(s, e.row, t);
+		e.node.children.some((e) => !V(e.style) && e.style.height?.kind === "percent") && n !== x.get(e) && H(e.node, S.get(e), n, 0, 0, "fill", a, {
+			width: S.get(e),
+			height: n
+		}), dt(e.node, n - (e.node.naturalContentHeight ?? e.node.localRect.height)), e.node.localRect = {
+			x: _[e.col],
+			y: 0,
+			width: e.node.localRect.width,
+			height: n
+		};
+	}
+	for (let t of e.children) V(t.style) && (t.staticSlot = {
+		kind: "block",
+		x: d,
+		y: f
+	});
+	return o.caption && e.style.captionSide === "bottom" && (o.caption.localRect.y = f + M), s.collapsed && l > 0 && u > 0 && (e.decorationRuns = ft(s, o, g, E, _, A, d, f)), e.style.captionSide === "bottom" ? M + b : M;
+}
+function dt(e, t) {
+	if (t <= 0) return;
+	let n = e.style.verticalAlign, r = n === "center" ? Math.floor(t / 2) : n === "end" ? t : 0;
+	if (!e.children.some((e) => !V(e.style) && !e.inlineBox)) {
+		e.resolvedPadding.top += r, e.resolvedPadding.bottom += t - r;
+		return;
+	}
+	if (!(r <= 0)) for (let t of e.children) t.inlineBox || (V(t.style) ? t.staticSlot?.kind === "block" && (t.staticSlot.y += r) : t.localRect.y += r);
+}
+function ft(e, t, n, r, o, s, c, l) {
+	let u = t.columnCount, d = t.rows.length, f = [], p = (t) => t < u ? o[t] - e.vLines[t] : o[u - 1] + n[u - 1], m = (t) => t < d ? s[t] - e.hLines[t] : s[d - 1] + r[d - 1];
+	for (let t = 0; t <= u; t++) {
+		let n = e.vSegments[t];
+		for (let e = 0; e < d; e++) {
+			let a = n[e];
+			if (!a) continue;
+			let o = i(a.style, "v");
+			for (let n = 0; n < a.width; n++) for (let i = s[e]; i < s[e] + r[e]; i++) f.push({
+				glyph: o,
+				x: c + p(t) + n,
+				y: l + i,
+				length: 1,
+				color: a.color
+			});
+		}
+	}
+	for (let t = 0; t <= d; t++) {
+		let r = e.hSegments[t];
+		for (let e = 0; e < u; e++) {
+			let a = r[e];
+			if (!a) continue;
+			let s = i(a.style, "h");
+			for (let r = 0; r < a.width; r++) f.push({
+				glyph: s,
+				x: c + o[e],
+				y: l + m(t) + r,
+				length: n[e],
+				color: a.color
+			});
+		}
+	}
+	for (let t = 0; t <= u; t++) if (!(e.vLines[t] <= 0)) for (let n = 0; n <= d; n++) {
+		if (e.hLines[n] <= 0) continue;
+		let r = n > 0 ? e.vSegments[t][n - 1] : null, i = n < d ? e.vSegments[t][n] : null, o = t > 0 ? e.hSegments[n][t - 1] : null, s = t < u ? e.hSegments[n][t] : null, h = [
+			r,
+			i,
+			o,
+			s
+		].filter((e) => e !== null);
+		if (h.length === 0) continue;
+		let g = h.every((e) => e.style === "double") ? "double" : "solid", _ = h.reduce((e, t) => t.width > e.width || t.width === e.width && tt[t.style] > tt[e.style] ? t : e), v = a(g, r !== null, i !== null, o !== null, s !== null);
+		for (let r = 0; r < e.vLines[t]; r++) for (let i = 0; i < e.hLines[n]; i++) f.push({
+			glyph: v,
+			x: c + p(t) + r,
+			y: l + m(n) + i,
+			length: 1,
+			color: _.color
+		});
+	}
+	return f;
 }
 //#endregion
 //#region src/positioning.ts
-function we(e) {
+function pt(e) {
 	return e.position === "absolute" || e.position === "fixed" ? "absolute" : e.position === "relative" || e.position === "sticky" ? "relative" : "static";
 }
-function Te(e, t, n, r, i) {
+function mt(e, t, n, r, i) {
 	for (let a of e.children) {
-		let o = we(a.style);
+		let o = pt(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, {
+			a.localRect.x += ht(a.style.insets.left, a.style.insets.right, t), a.localRect.y += ht(a.style.insets.top, a.style.insets.bottom, n);
+		} else o === "absolute" && _t(a, e, t, n, r, i);
+		mt(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) {
+function ht(e, t, n) {
 	return e === null ? t === null ? 0 : -W(t, n) : W(e, n);
 }
-function De(e, t) {
+function gt(e, t) {
 	if (!t) for (let t = e.length - 1; t > 0; t--) {
 		let n = e[t];
-		if (!Ie(n.node.style)) continue;
+		if (!Tt(n.node.style)) continue;
 		let r = n.node.style.border;
 		return {
 			x: n.absX + r.left,
@@ -1123,43 +2052,43 @@ function De(e, t) {
 		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) ? {
+function _t(e, t, n, r, i, a) {
+	let o = e.style, s = o.position === "fixed", c = e.staticSlot, l = c?.kind === "grid" && !s && Tt(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);
+	} : gt(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 = jt(o.minWidth, l.width, e, a) ?? 0, S = jt(o.maxWidth, l.width, e, a), C = {};
+	if (!y) C.width = U(J(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);
+		C.width = U(Math.min(Y(e, a), Math.max(X(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;
+	} else E = u === null ? d === null ? St(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 + _;
+	} else D = f === null ? p === null ? Ct(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 vt(e, t, n) {
+	return F(e, [n], Math.max(0, t - n))[0];
 }
-function Ae(e, t, n, r) {
-	return T(w(e, t), n, r);
+function yt(e, t, n, r) {
+	return R(L(e, t), n, r);
 }
-function je(e, t, n, r, i) {
+function bt(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,
@@ -1171,9 +2100,9 @@ function je(e, t, n, r, i) {
 		n.innerHeight,
 		n.direction === "column"
 	], u = i + o + s;
-	return (l ? ke(k(t.style), c, u) : Ae(e, t, c, u)) + o;
+	return (l ? vt(ce(t.style), c, u) : yt(e, t, c, u)) + o;
 }
-function Me(e, t, n, r, i) {
+function xt(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,
@@ -1183,23 +2112,23 @@ function Me(e, t, n, r, i) {
 		a.top ?? 0,
 		a.bottom ?? 0,
 		n.height,
-		w(e, t)
+		L(e, t)
 	];
-	return T(u, l, i + s + c) + s;
+	return R(u, l, i + s + c) + s;
 }
-function Ne(e, t, n, r) {
+function St(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);
+	return i === void 0 ? n : i.kind === "block" ? n + i.x : i.kind === "grid" ? n + i.staticArea.x + xt(e, t, i.staticArea, "x", r) : n + i.originX + bt(e, t, i, "x", r);
 }
-function Pe(e, t, n, r) {
+function Ct(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);
+	return i === void 0 ? n : i.kind === "block" ? n + i.y : i.kind === "grid" ? n + i.staticArea.y + xt(e, t, i.staticArea, "y", r) : n + i.originY + bt(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, [{
+function wt(e, t) {
+	let n = Et();
+	return H(e, t, void 0, 0, 0, "fill", n), mt(e, 0, 0, [{
 		node: e,
 		absX: 0,
 		absY: 0
@@ -1208,106 +2137,118 @@ function Fe(e, t) {
 function V(e) {
 	return e.position === "absolute" || e.position === "fixed";
 }
-function Ie(e) {
+function Tt(e) {
 	return e.position !== "static";
 }
-function Le() {
+function Et() {
 	return {
 		maxContent: /* @__PURE__ */ new WeakMap(),
 		minContent: /* @__PURE__ */ new WeakMap(),
-		gridIntrinsic: /* @__PURE__ */ new WeakMap()
+		gridIntrinsic: /* @__PURE__ */ new WeakMap(),
+		tableData: /* @__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)
+function H(e, t, n, r, i, a, o, s) {
+	let c = e.style, l = s?.height;
+	delete e.decorationRuns;
+	let u = jt(c.minWidth, t, e, o) ?? 0, d = jt(c.maxWidth, t, e, o), f = q(c.minHeight, n) ?? 0, p = q(c.maxHeight, n), m = {
+		top: W(c.padding.top, t),
+		right: W(c.padding.right, t),
+		bottom: W(c.padding.bottom, t),
+		left: W(c.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)) {
+	e.resolvedPadding = m;
+	let h = s?.width ?? U(Pt(c, t, a, e, o), u, d), g = It(c, n), _ = zt(h, l ?? g ?? (f > 0 ? f : void 0) ?? Infinity, c.border, m), v = l !== void 0 || g !== void 0, y = v && Number.isFinite(_.height) ? _.height : void 0, b;
+	if (Dt(e)) {
 		if (e.text) {
 			let t = e.children.filter((e) => e.inlineBox);
-			d(e.text, (n, r) => {
+			E(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);
+				H(i, _.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 n = kt(e, _.width);
+			if (b = n.totalRows, Ot(e, n, _.width, _.height, m), t.length > 0) {
 				let r = (e) => n.spans.findIndex((t) => e >= t.start && e < t.end);
-				d(e.text, (i, a) => {
+				E(e.text, (i, a) => {
 					let o = r(i);
 					if (o === -1) return;
-					let c = n.spans[o];
+					let s = 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]
+						x: c.border.left + m.left + S(s.start, i, e.advances),
+						y: c.border.top + m.top + n.lineY[o]
 					};
 				});
 			}
-		} else w = e.intrinsicHeight;
+		} else b = e.intrinsicHeight;
 		for (let t of e.children) {
 			if (t.inlineBox) continue;
-			let e = G(t.style.margin, x.width);
+			let e = G(t.style.margin, _.width);
 			t.staticSlot = {
 				kind: "block",
-				x: l.border.left + _.left + (e.left ?? 0),
-				y: l.border.top + _.top + (e.top ?? 0)
+				x: c.border.left + m.left + (e.left ?? 0),
+				y: c.border.top + m.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 = {
+	} else b = c.display === "flex" && c.flexDirection === "row" ? P(e, _.width, _.height, y, c.border, m, o) : c.display === "flex" && c.flexDirection === "column" ? te(e, _.width, _.height, v, c.border, m, o) : c.display === "grid" ? de(e, _.width, _.height, c.border, m, o) : c.display === "table" ? ut(e, _.width, y, c.border, m, o) : Mt(e, _.width, y, c.border, m, o);
+	let x = b + c.border.top + c.border.bottom + m.top + m.bottom, C = l ?? g ?? x;
+	e.unclampedHeight = C, e.naturalContentHeight = x, e.localRect = {
 		x: r,
 		y: i,
-		width: y,
-		height: U(E, m, h)
+		width: h,
+		height: U(C, f, p)
 	};
 }
-function Re(e) {
+function Dt(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) {
+function Ot(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);
+	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), c = Math.max(0, n - s);
+	if (c > 0) {
+		let e = a.display === "grid" ? R(a.justifyItems, n, s) : o ? R(a.alignItems, n, s) : F(ce(a), [s], c)[0];
+		e > 0 && (i.left += e, i.right += c - 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];
+			let n = a.display === "grid" || !o ? R(a.alignItems, r, t.totalRows) : F(ce(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, {
+function kt(e, t) {
+	let n = e.style.whiteSpace === "normal" ? x(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;
+	}) : b(e.text), r = e.children.filter((e) => e.inlineBox), i = [], a = [], o = 0, s = 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);
+		i.push(o);
+		let c = n[t], l = 1, u = 0;
+		for (let t = c.start; t < c.end; t++) {
+			if (e.text[t] !== "") continue;
+			let n = r[s];
+			l = Math.max(l, n.localRect.height), n.style.verticalAlign === "end" ? u = Math.max(u, n.localRect.height - 1) : n.style.verticalAlign === "center" && Ue(n.source, "vertical-align: middle on an inline box can't land on whole rows and behaves as top. Use align-top or align-bottom."), s++;
+		}
+		a.push(o + Math.min(u, l - 1)), o += l + (t < n.length - 1 ? e.style.lineGap : 0);
 	}
 	return {
 		spans: n,
 		lineY: i,
-		totalRows: s
+		textY: a,
+		totalRows: o
 	};
 }
+function At(e, t, n) {
+	let r = W(t === "x" ? e.gapX : e.gapY, n), i = t === "x" ? e.ruleX : e.ruleY;
+	return Math.max(r, i?.width ?? 0);
+}
 function W(e, t) {
-	return typeof e == "number" ? e : t === void 0 || !Number.isFinite(t) ? 0 : n(e.percent, t);
+	return typeof e == "number" ? e : t === void 0 || !Number.isFinite(t) ? 0 : m(e.percent, t);
 }
 function G(e, t) {
 	let n = (e) => e === null ? null : W(e, t);
@@ -1322,12 +2263,12 @@ 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);
+	if (e !== void 0 && typeof e != "string") return typeof e == "number" ? e : t === void 0 ? void 0 : m(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 jt(e, t, n, r) {
+	return e === "min-content" || e === "max-content" || e === "fit-content" ? J({ kind: e }, t, n, r) : q(e, t);
 }
-function Ve(e, t, n, r, i, a) {
+function Mt(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;
@@ -1335,7 +2276,7 @@ function Ve(e, t, n, r, i, a) {
 			r.staticSlot = {
 				kind: "block",
 				x: o + u,
-				y: c + (l === null ? i : He(l, i))
+				y: c + (l === null ? i : Nt(l, i))
 			};
 			continue;
 		}
@@ -1343,7 +2284,7 @@ function Ve(e, t, n, r, i, 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 = {
+		h = p ? Math.floor(f / 2) : m ? f - d : u, c += l === null ? i : Nt(l, i), r.localRect = {
 			...r.localRect,
 			x: o + h,
 			y: c
@@ -1351,187 +2292,224 @@ function Ve(e, t, n, r, i, a) {
 	}
 	return l !== null && (c += l), c - s;
 }
-function He(e, t) {
+function Nt(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) {
+function Pt(e, t, n, r, i) {
 	let a = e.width;
-	return a !== void 0 && a.kind !== "auto" ? Y(a, t, r, i) : n === "shrink" ? Math.min(t, X(r, i)) : t;
+	if (e.display === "table") {
+		if (!r.children.some((e) => !V(e.style) && !e.inlineBox)) return a !== void 0 && a.kind !== "auto" ? J(a, t, r, i) : Math.min(t, Y(r, i));
+		if (a !== void 0 && a.kind !== "auto") {
+			let e = J(a, t, r, i);
+			return Math.max(e, Ft(r, t, i));
+		}
+		return lt(r, t, i);
+	}
+	return a !== void 0 && a.kind !== "auto" ? J(a, t, r, i) : n === "shrink" ? Math.min(t, Y(r, i)) : t;
 }
-function We(e, t) {
+function Ft(e, t, n) {
+	let r = e.style;
+	return ct(e, n).min + r.border.left + r.border.right + W(r.padding.left, t) + W(r.padding.right, t);
+}
+function It(e, t) {
 	if (e.height?.kind === "cells") return e.height.value;
-	if (e.height?.kind === "percent" && t != null) return n(e.height.value, t);
+	if (e.height?.kind === "percent" && t != null) return m(e.height.value, t);
 }
-function Y(e, t, r, i) {
+function J(e, t, n, r) {
 	switch (e.kind) {
 		case "cells": return e.value;
-		case "percent": return n(e.value, t);
-		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);
+		case "percent": return m(e.value, t);
+		case "min-content": return X(n, r);
+		case "max-content": return Y(n, r);
+		case "fit-content": return Math.min(Y(n, r), Math.max(X(n, r), t));
+		case "auto": return Y(n, r);
 	}
 }
-function X(e, t) {
+function Y(e, t) {
 	let n = t.maxContent.get(e);
 	if (n !== void 0) return n;
-	let r = e.style, i = Ge(e, t) + r.border.left + r.border.right + K(r.padding.left) + K(r.padding.right);
+	let r = e.style, i = Lt(e, t) + r.border.left + r.border.right + K(r.padding.left) + K(r.padding.right);
 	return t.maxContent.set(e, i), i;
 }
-function Ge(e, t) {
+function Lt(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 === "grid") return be(e, t).max;
+	if (e.style.display === "table") return ct(e, t).max;
 	if (e.style.display === "flex" && e.style.flexDirection === "row") {
-		let r = K(e.style.gapX) * Math.max(0, n.length - 1);
-		return n.reduce((e, n) => e + X(n, t), 0) + r;
+		let r = Math.max(K(e.style.gapX), e.style.ruleX?.width ?? 0) * Math.max(0, n.length - 1);
+		return n.reduce((e, n) => e + Y(n, t), 0) + r;
 	}
-	return n.reduce((e, n) => Math.max(e, X(n, t)), 0);
+	return n.reduce((e, n) => Math.max(e, Y(n, t)), 0);
 }
-function Z(e, t) {
+function X(e, t) {
 	let n = t.minContent.get(e);
 	if (n !== void 0) return n;
-	let r = e.style, i = Ke(e, t) + r.border.left + r.border.right + K(r.padding.left) + K(r.padding.right);
+	let r = e.style, i = Rt(e, t) + r.border.left + r.border.right + K(r.padding.left) + K(r.padding.right);
 	return t.minContent.set(e, i), i;
 }
-function Ke(e, t) {
+function Rt(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, {
+	if (n.length === 0) return !e.text || e.style.whiteSpace !== "normal" ? e.intrinsicWidth : T(e.text, {
 		advances: e.advances,
 		tracking: e.style.tracking
 	});
-	if (e.style.display === "grid") return ae(e, t).min;
+	if (e.style.display === "grid") return be(e, t).min;
+	if (e.style.display === "table") return ct(e, t).min;
 	if (e.style.display === "flex" && e.style.flexDirection === "row" && e.style.flexWrap === "nowrap") {
-		let r = K(e.style.gapX) * Math.max(0, n.length - 1);
-		return n.reduce((e, n) => e + Z(n, t), 0) + r;
+		let r = Math.max(K(e.style.gapX), e.style.ruleX?.width ?? 0) * Math.max(0, n.length - 1);
+		return n.reduce((e, n) => e + X(n, t), 0) + r;
 	}
-	return n.reduce((e, n) => Math.max(e, Z(n, t)), 0);
+	return n.reduce((e, n) => Math.max(e, X(n, t)), 0);
 }
-function qe(e, t, n, r) {
+function zt(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)
 	};
 }
 //#endregion
-//#region src/borders.ts
-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);
-	for (let a = 0; a < i; a++) {
-		let i = {
-			top: a < r.top,
-			right: a < r.right,
-			bottom: a < r.bottom,
-			left: a < r.left
-		}, o = {
-			x: t.x + (i.left ? a : 0),
-			y: t.y + (i.top ? a : 0),
-			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 || Ye(n, e.borderStyle, e.borderColor, o, i);
+//#region src/plain-text.ts
+function Bt(e) {
+	return Kt(e).grid.map((e) => e.join("").trimEnd()).join("\n");
+}
+function Vt(e) {
+	let { grid: t, paints: n } = Kt(e);
+	return t.map((e, t) => Ht(e, n[t]));
+}
+function Ht(e, t) {
+	let n = e.length;
+	for (; n > 0 && e[n - 1] === " " && t[n - 1]?.backgroundColor === void 0;) n--;
+	let r = [];
+	for (let i = 0; i < n; i++) {
+		let n = t[i], a = r[r.length - 1];
+		a && Ut(a, n) ? a.text += e[i] : r.push({
+			text: e[i],
+			...n
+		});
 	}
+	return r;
 }
-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,
-		y: d,
-		length: g - h,
-		color: n.top
-	}), i.bottom && p > +!!i.top && g > h && e.push({
-		glyph: s.h,
-		x: h,
-		y: d + p - 1,
-		length: g - h,
-		color: n.bottom
-	}), i.left) for (let t = _; t < v; t++) e.push({
-		glyph: c.v,
-		x: u,
-		y: t,
-		length: 1,
-		color: n.left
-	});
-	if (i.right && f > +!!i.left) for (let t = _; t < v; t++) e.push({
-		glyph: o.v,
-		x: u + f - 1,
-		y: t,
-		length: 1,
-		color: n.right
-	});
-	m && (i.top && i.left && e.push({
-		glyph: l(t.top, t.left, (e) => e.tl),
-		x: u,
-		y: d,
-		length: 1,
-		color: n.top
-	}), i.top && i.right && e.push({
-		glyph: l(t.top, t.right, (e) => e.tr),
-		x: u + f - 1,
-		y: d,
-		length: 1,
-		color: n.top
-	}), i.bottom && i.left && e.push({
-		glyph: l(t.bottom, t.left, (e) => e.bl),
-		x: u,
-		y: d + p - 1,
-		length: 1,
-		color: n.bottom
-	}), i.bottom && i.right && e.push({
-		glyph: l(t.bottom, t.right, (e) => e.br),
-		x: u + f - 1,
-		y: d + p - 1,
-		length: 1,
-		color: n.bottom
-	}));
+function Ut(e, t) {
+	return e.color === t?.color && e.backgroundColor === t?.backgroundColor && e.fontWeight === t?.fontWeight && e.fontStyle === t?.fontStyle && e.textDecorationLine === t?.textDecorationLine;
 }
-function Q(e) {
-	switch (e) {
-		case "double": return {
-			h: "═",
-			v: "║",
-			tl: "╔",
-			tr: "╗",
-			bl: "╚",
-			br: "╝"
-		};
-		case "dashed": return {
-			h: "╌",
-			v: "╎",
-			tl: "┌",
-			tr: "┐",
-			bl: "└",
-			br: "┘"
-		};
-		case "dotted": return {
-			h: "┄",
-			v: "┊",
-			tl: "┌",
-			tr: "┐",
-			bl: "└",
-			br: "┘"
-		};
-		default: return {
-			h: "─",
-			v: "│",
-			tl: "┌",
-			tr: "┐",
-			bl: "└",
-			br: "┘"
-		};
+function Wt(e, t) {
+	e.color !== void 0 && (t.color = e.color), e.backgroundColor !== void 0 && (t.backgroundColor = e.backgroundColor), e.fontWeight !== void 0 && (t.fontWeight = e.fontWeight), e.fontStyle !== void 0 && (t.fontStyle = e.fontStyle), e.textDecorationLine !== void 0 && (t.textDecoration = e.textDecorationLine);
+}
+function Gt(e) {
+	return e.color === void 0 && e.backgroundColor === void 0 && e.fontWeight === void 0 && e.fontStyle === void 0 && e.textDecorationLine === void 0;
+}
+function Kt(e) {
+	let t = Math.max(0, e.localRect.width), n = Math.max(0, e.localRect.height), r = Array.from({ length: n }, () => Array.from({ length: t }, () => " ")), i = Array.from({ length: n }, () => Array.from({ length: t }, () => void 0));
+	return Jt(e, 0, 0, (e, a, o, s) => {
+		if (e >= 0 && e < t && a >= 0 && a < n) {
+			r[a][e] = o;
+			let t = i[a][e];
+			i[a][e] = t ? {
+				...t,
+				...s
+			} : s;
+		}
+	}), {
+		grid: r,
+		paints: i
+	};
+}
+function qt(e) {
+	let t = {};
+	return e.color && (t.color = e.color), e.backgroundColor && (t.backgroundColor = e.backgroundColor), e.fontWeight !== "400" && e.fontWeight !== "normal" && e.fontWeight !== "" && (t.fontWeight = e.fontWeight), e.fontStyle !== "normal" && e.fontStyle !== "" && (t.fontStyle = e.fontStyle), e.textDecorationLine !== "none" && e.textDecorationLine !== "" && (t.textDecorationLine = e.textDecorationLine), t;
+}
+function Jt(t, n, i, a) {
+	if (t.tableHidden) return;
+	let o = n + t.localRect.x, s = i + t.localRect.y, c = t.style;
+	if (c.backgroundColor !== void 0 || c.backgroundClear) {
+		let e = c.backgroundColor === void 0 ? void 0 : { backgroundColor: c.backgroundColor };
+		for (let n = 0; n < t.localRect.height; n++) for (let r = 0; r < t.localRect.width; r++) a(o + r, s + n, " ", e);
+	}
+	let l = [];
+	e(c, {
+		x: o,
+		y: s,
+		width: t.localRect.width,
+		height: t.localRect.height
+	}, l);
+	for (let e of l) {
+		let t = e.color === void 0 ? void 0 : { color: e.color };
+		for (let n = 0; n < e.length; n++) a(e.x + n, e.y, e.glyph, t);
+	}
+	if (t.decorationRuns) for (let e of t.decorationRuns) {
+		let t = e.color === void 0 ? void 0 : { color: e.color };
+		for (let n = 0; n < e.length; n++) a(o + e.x + n, s + e.y, e.glyph, t);
+	}
+	if (!t.children.some((e) => !e.inlineBox && e.style.position !== "absolute" && e.style.position !== "fixed") && t.text) {
+		let e = t.resolvedPadding, n = o + c.border.left + e.left, r = s + c.border.top + e.top, i = t.localRect.width - c.border.left - c.border.right - e.left - e.right, { spans: l, textY: u } = kt(t, i), d = qt(c), f = t.inlineElements?.map((e) => qt(e));
+		for (let e = 0; e < l.length; e++) {
+			let o = l[e], s = r + u[e], p = c.whiteSpace !== "normal" && c.overflow === "clip" ? Yt(t.text, o, i, t.advances, c) : {
+				end: o.end,
+				ellipsis: !1
+			}, m = C(o.start, o.end, t.advances, c.tracking), h = Math.max(0, i - m), g = n + (c.textAlign === "end" ? h : c.textAlign === "center" ? Math.floor(h / 2) : 0);
+			for (let e = o.start; e < p.end; e++) {
+				if (t.text[e] !== "") {
+					let n = t.charInline?.[e] ?? -1, r = n >= 0 ? t.inlineElements[n] : void 0, i = r?.insets, o = i ? i.left ?? (i.right === null ? 0 : -i.right) : 0, c = i ? i.top ?? (i.bottom === null ? 0 : -i.bottom) : 0;
+					t.text[e] === "⁠" ? r?.backgroundColor && a(g + o, s + c, " ", { backgroundColor: r.backgroundColor }) : a(g + o, s + c, t.text[e], r ? f[n] : d);
+				}
+				g += S(e, e + 1, t.advances);
+			}
+			p.ellipsis && a(g, s, "…", d);
+		}
+	}
+	for (let e of r(t)) Jt(e, o, s, a);
+}
+function Yt(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, c = t.start;
+	for (; c < t.end && C(t.start, c + 1, r, o) <= s;) c++;
+	return {
+		end: c,
+		ellipsis: a === "ellipsis" && n > 0
+	};
+}
+//#endregion
+//#region src/paint.ts
+var Xt = /* @__PURE__ */ new WeakMap();
+function Zt(e, t) {
+	let n = Vt(e), r = Qt(n);
+	if (Xt.get(t) === r) return;
+	Xt.set(t, r);
+	let i = document.createDocumentFragment();
+	for (let e = 0; e < n.length; e++) {
+		e > 0 && i.appendChild(document.createTextNode("\n"));
+		for (let t of n[e]) {
+			if (Gt(t)) {
+				i.appendChild(document.createTextNode(t.text));
+				continue;
+			}
+			let e = document.createElement("span");
+			Wt(t, e.style), e.textContent = t.text, i.appendChild(e);
+		}
+	}
+	t.replaceChildren(i);
+}
+function Qt(e) {
+	let t = [];
+	for (let n of e) {
+		for (let e of n) t.push(e.text, e.color ?? "", e.backgroundColor ?? "", e.fontWeight ?? "", e.fontStyle ?? "", e.textDecorationLine ?? "");
+		t.push("\n");
 	}
+	return t.join("");
 }
 //#endregion
 //#region src/render.ts
-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;
+function $t(e) {
+	let t = /* @__PURE__ */ new Set();
+	tn(e, !0, t);
+	for (let n of Array.from(e.source.querySelectorAll("[data-mw-inline-inset]"))) if (!t.has(n)) {
+		n.removeAttribute("data-mw-inline-inset");
+		let e = n.style;
 		for (let t of [
 			"--mw-it",
 			"--mw-ir",
@@ -1540,131 +2518,227 @@ function Xe(e, t) {
 		]) 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) {
+function Z(e, t, n) {
+	e.style.getPropertyValue(t) !== n && e.style.setProperty(t, n);
+}
+function en(e, t) {
+	e.style.getPropertyValue(t) !== "" && e.style.removeProperty(t);
+}
+function Q(e, t, n) {
+	e.hasAttribute(t) !== n && (n ? e.setAttribute(t, "") : e.removeAttribute(t));
+}
+function tn(e, t, i) {
+	if (e.inlineElements) for (let { element: t, tracking: n, padLeft: r, padRight: a, 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));
+		Z(e, "--mw-ls", String(n)), r > 0 ? Z(e, "--mw-ipl", String(r)) : en(e, "--mw-ipl"), a > 0 ? Z(e, "--mw-ipr", String(a)) : en(e, "--mw-ipr"), o && (i.add(t), nn(e, o));
+	}
+	if (t || rn(e), !e.tableHidden) for (let t of r(e)) {
+		let r = t.source;
+		t.style.zIndex !== null && n(t, e) && !t.inlineBox ? Z(r, "--mw-z", String(t.style.zIndex)) : en(r, "--mw-z"), tn(t, !1, i);
 	}
-	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) Ze(t, o, s, r, !1, a);
 }
-function Qe(e, t) {
-	e.setAttribute("data-mw-inline-inset", "");
+function nn(e, t) {
+	Q(e, "data-mw-inline-inset", !0);
 	let n = (t, n) => {
-		n === null ? e.style.removeProperty(t) : e.style.setProperty(t, String(n));
+		n === null ? en(e, t) : Z(e, t, String(n));
 	};
 	n("--mw-it", t.top), n("--mw-ir", t.right), n("--mw-ib", t.bottom), n("--mw-il", t.left);
 }
-function $e(e) {
+function rn(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");
-		r.setAttribute("aria-hidden", "true"), r.style.position = "absolute", r.style.left = `calc(${n.x + t} * var(--mw-cw))`, r.style.top = `calc(${n.y} * var(--mw-ch))`, r.style.font = "inherit", r.style.lineHeight = "inherit", r.style.whiteSpace = "pre", r.style.pointerEvents = "none", r.style.userSelect = "none", n.color && (r.style.color = n.color), r.textContent = n.glyph, e.appendChild(r);
-	}
+	Q(t, e.inlineBox ? "data-mw-inline-box" : "data-mw-laid-out", !0), Q(t, e.inlineBox ? "data-mw-laid-out" : "data-mw-inline-box", !1), Q(t, "data-mw-vbottom", !!e.inlineBox && e.style.verticalAlign === "end"), Z(t, "--mw-ls", String(c)), Z(t, "--mw-lh", String(l + 1)), Z(t, "--mw-lhs", String(-l / 2)), Q(t, "data-mw-nowrap", s !== "normal"), Q(t, "data-mw-pre", s === "pre"), Z(t, "--mw-x", String(n.x)), Z(t, "--mw-y", String(n.y)), Z(t, "--mw-w", String(n.width)), Z(t, "--mw-h", String(n.height)), Q(t, "data-mw-clip", o === "clip"), Z(t, "--mw-pt", String(r.top)), Z(t, "--mw-pr", String(r.right)), Z(t, "--mw-pb", String(r.bottom)), Z(t, "--mw-pl", String(r.left)), Z(t, "--mw-bt", String(i.top)), Z(t, "--mw-br", String(i.right)), Z(t, "--mw-bb", String(i.bottom)), Z(t, "--mw-bl", String(i.left)), Q(t, "data-mw-text-align-blocked", a), Q(t, "data-mw-dropped-text", !!e.droppedText), Q(t, "data-mw-table-hidden", !!e.tableHidden);
 }
 //#endregion
 //#region src/style.ts
-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 = {
+function an(e, t, n) {
+	let r = getComputedStyle(e), i = parseFloat(r.fontSize) || t, a = vn(e) ? e.computedStyleMap() : null, o = e.getAttribute("class") ?? "", s = e.style;
+	pn(e, o, s);
+	let c = r.display || un[e.tagName] || "", l = dn[c] ?? "none", u = c === "flex" || c === "inline-flex" ? "flex" : c === "grid" || c === "inline-grid" ? "grid" : c === "table" || c === "inline-table" ? "table" : c === "none" || ln(r) ? "none" : "block", d = { kind: "none" }, m = { kind: "none" }, h = [B()], g = [B()], _ = {
 		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);
+	}, v = null;
+	if (u === "grid") {
+		if (a) d = In(a.get("grid-template-columns")?.toString() ?? "", t), m = In(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);
+				d = In(r.getPropertyValue("grid-template-columns"), t), m = In(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: l,
+		h = Bn(r.getPropertyValue("grid-auto-columns"), t), g = Bn(r.getPropertyValue("grid-auto-rows"), t), _ = Kn(r.getPropertyValue("grid-auto-flow")), v = zn(r.getPropertyValue("grid-template-areas"));
+	}
+	let y = "auto", b = !1, x = 0, S = 0;
+	if (u === "table" && (y = r.tableLayout === "fixed" ? "fixed" : "auto", b = r.borderCollapse === "collapse", !b)) {
+		let e = r.borderSpacing.split(" ");
+		x = p(parseFloat(e[0] ?? "") || 0, t), S = p(parseFloat(e[1] ?? e[0] ?? "") || 0, t);
+	}
+	let C = {
+		display: u,
+		tableRole: l,
+		tableLayout: y,
+		borderCollapse: b,
+		borderSpacingX: x,
+		borderSpacingY: S,
+		captionSide: r.captionSide === "bottom" ? "bottom" : "top",
+		verticalAlign: l === "cell" || c.startsWith("inline-") ? fn(e, r) : "start",
 		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),
+		flexBasis: Pn(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),
+		justifyContent: yn(r.justifyContent),
+		alignContent: yn(r.alignContent),
+		alignItems: bn(r.alignItems),
+		alignSelf: xn(r.alignSelf),
+		justifyItems: bn(r.justifyItems),
+		justifySelf: xn(r.justifySelf),
+		gridTemplateColumns: d,
+		gridTemplateRows: m,
+		gridAutoColumns: h,
+		gridAutoRows: g,
+		gridAutoFlow: _,
+		gridTemplateAreas: v,
+		gridColumnStart: Gn(r.getPropertyValue("grid-column-start")),
+		gridColumnEnd: Gn(r.getPropertyValue("grid-column-end")),
+		gridRowStart: Gn(r.getPropertyValue("grid-row-start")),
+		gridRowEnd: Gn(r.getPropertyValue("grid-row-end")),
+		width: kn(a, r.width, "width", t, o, s, n),
+		height: kn(a, r.height, "height", t, o, s, n),
+		minWidth: Nn(a, "min-width", r.minWidth, o, "min-w", s, n, t) ?? On(r.minWidth, t) ?? "auto",
+		minHeight: Nn(a, "min-height", r.minHeight, o, "min-h", s, n, t) ?? On(r.minHeight, t) ?? "auto",
+		maxWidth: Nn(a, "max-width", r.maxWidth, o, "max-w", s, n, t) ?? On(r.maxWidth, t),
+		maxHeight: Nn(a, "max-height", r.maxHeight, o, "max-h", s, n, t) ?? On(r.maxHeight, t),
+		padding: Jn(r, t),
+		margin: Sn(r, a, o, s, t),
+		position: Tn(r.position),
+		insets: En(r, a, o, s, t),
 		gapX: $(r.columnGap === "normal" ? "0px" : r.columnGap, t),
 		gapY: $(r.rowGap === "normal" ? "0px" : r.rowGap, t),
-		border: jt(r),
+		border: Yn(r),
 		borderStyle: {
-			top: pt(r.borderTopStyle),
-			right: pt(r.borderRightStyle),
-			bottom: pt(r.borderBottomStyle),
-			left: pt(r.borderLeftStyle)
+			top: Dn(r.borderTopStyle),
+			right: Dn(r.borderRightStyle),
+			bottom: Dn(r.borderBottomStyle),
+			left: Dn(r.borderLeftStyle)
 		},
-		overflow: nt(r.overflow) || nt(r.overflowX) || nt(r.overflowY) ? "clip" : "visible",
+		overflow: cn(r.overflow) || cn(r.overflowX) || cn(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),
+		lineGap: wn(r.lineHeight, i),
+		tracking: Cn(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,
+		fontWeight: r.fontWeight,
+		fontStyle: r.fontStyle,
+		textDecorationLine: r.textDecorationLine,
+		backgroundColor: sn(r.backgroundColor) ? void 0 : r.backgroundColor,
+		backgroundClear: r.getPropertyValue("--mw-bg-clear").trim() === "1",
 		borderColor: {
 			top: r.borderTopColor,
 			right: r.borderRightColor,
 			bottom: r.borderBottomColor,
 			left: r.borderLeftColor
 		},
-		textAlignBlocked: rt(o, s)
+		textAlignBlocked: gn(e, r),
+		textAlign: _n(e, r),
+		zIndex: r.zIndex === "auto" || r.zIndex === "" ? null : Number(r.zIndex) || 0,
+		latticeBorder: null,
+		ruleX: u === "flex" || u === "grid" ? hn(r, "x") : null,
+		ruleY: u === "flex" || u === "grid" ? hn(r, "y") : null,
+		ruleBreak: mn(r, "--mw-rule-break", ["none", "intersection"], "normal"),
+		ruleInset: r.getPropertyValue("--mw-rule-inset").trim() === "overlap-join" ? "overlap-join" : Math.max(0, f(parseFloat(r.getPropertyValue("--mw-rule-inset")) || 0)),
+		ruleVisibilityItems: mn(r, "--mw-rule-visibility-items", [
+			"all",
+			"around",
+			"between"
+		], "normal")
 	};
+	return on(C, r), C;
+}
+function on(e, t) {
+	t.borderCollapse === "collapse" && (e.display === "table" || e.tableRole === "cell" || e.tableRole === "row" || e.tableRole === "row-group" || e.tableRole === "header-group" || e.tableRole === "footer-group") && (e.latticeBorder = {
+		width: e.border,
+		style: e.borderStyle,
+		color: e.borderColor,
+		hidden: {
+			top: t.borderTopStyle === "hidden",
+			right: t.borderRightStyle === "hidden",
+			bottom: t.borderBottomStyle === "hidden",
+			left: t.borderLeftStyle === "hidden"
+		}
+	}, e.border = z(), e.display === "table" && (e.padding = z()));
 }
-function nt(e) {
+function sn(e) {
+	if (!e) return !0;
+	let t = e.trim().toLowerCase();
+	return t === "" || t === "transparent" || t === "rgba(0, 0, 0, 0)" || t === "currentcolor";
+}
+function cn(e) {
 	return e === "hidden" || e === "clip";
 }
-function rt(e, t) {
-	if (/(?:^|[\s:.[!])text-(?:center|justify)/.test(e)) return !0;
-	let n = t.textAlign;
-	return n === "center" || n === "justify";
+function ln(e) {
+	if (e.position !== "absolute" && e.position !== "fixed") return !1;
+	let t = e.clip.replace(/\s/g, "");
+	return t === "rect(0px,0px,0px,0px)" || t === "rect(0,0,0,0)" || (cn(e.overflow) || cn(e.overflowX)) && parseFloat(e.width) <= 1 && parseFloat(e.height) <= 1;
+}
+var un = {
+	TABLE: "table",
+	THEAD: "table-header-group",
+	TBODY: "table-row-group",
+	TFOOT: "table-footer-group",
+	TR: "table-row",
+	TD: "table-cell",
+	TH: "table-cell",
+	CAPTION: "table-caption",
+	COL: "table-column",
+	COLGROUP: "table-column-group"
+}, dn = {
+	"table-header-group": "header-group",
+	"table-row-group": "row-group",
+	"table-footer-group": "footer-group",
+	"table-row": "row",
+	"table-cell": "cell",
+	"table-caption": "caption",
+	"table-column": "column",
+	"table-column-group": "column-group"
+};
+function fn(e, t) {
+	let n = t.verticalAlign || e.getAttribute("valign")?.toLowerCase() || (e.tagName === "TD" || e.tagName === "TH" ? "middle" : "baseline");
+	return n === "top" ? "start" : n === "middle" ? "center" : n === "bottom" ? "end" : "start";
+}
+function pn(e, t, n) {
+	(/(?:^|[\s:.[!])text-(?:xs|sm|base|lg|[2-9]?xl)(?![\w-])/.test(t) || /(?:^|[\s:.[!])text-\[(?:(?:length|size):|[\d.])/.test(t) || n.fontSize !== "") && Ue(e, "font-size inside <mono-wind> is ignored — all text shares the host's cell size. Size the <mono-wind> element itself instead.");
+}
+function mn(e, t, n, r) {
+	let i = e.getPropertyValue(t).trim();
+	return n.includes(i) ? i : r;
+}
+function hn(e, t) {
+	let n = f(parseFloat(e.getPropertyValue(`--mw-rule-${t}-width`)) || 0);
+	if (n <= 0) return null;
+	let r = e.getPropertyValue(`--mw-rule-${t}-color`).trim();
+	return {
+		width: n,
+		style: Dn(e.getPropertyValue(`--mw-rule-${t}-style`).trim()),
+		color: r && r !== "currentcolor" && r !== "currentColor" ? r : e.color
+	};
 }
-function it(e) {
+function gn(e, t) {
+	return t.textAlign === "justify" || e.getAttribute("align")?.toLowerCase() === "justify";
+}
+function _n(e, t) {
+	let n = t.textAlign || e.getAttribute("align")?.toLowerCase() || "";
+	return n === "right" || n === "end" ? "end" : n === "center" || n.endsWith("-center") ? "center" : "start";
+}
+function vn(e) {
 	return typeof e.computedStyleMap == "function";
 }
-function at(e) {
+function yn(e) {
 	switch (e) {
 		case "center": return "center";
 		case "flex-end":
@@ -1679,7 +2753,7 @@ function at(e) {
 		default: return "start";
 	}
 }
-function ot(e) {
+function bn(e) {
 	switch (e) {
 		case "center": return "center";
 		case "flex-end":
@@ -1690,43 +2764,43 @@ function ot(e) {
 		default: return "start";
 	}
 }
-function st(e) {
-	return e === "auto" || e === "" || e === "normal" ? "auto" : ot(e);
+function xn(e) {
+	return e === "auto" || e === "" || e === "normal" ? "auto" : bn(e);
 }
-function ct(e, t, n, r) {
-	let i = (i, a, o) => {
+function Sn(e, t, n, r, i) {
+	let a = (a, o, s) => {
 		if (t) {
-			let e = t.get(i)?.toString().trim();
-			if (e === "auto" || t.get(a)?.toString().trim() === "auto") return null;
+			let e = t.get(a)?.toString().trim();
+			if (e === "auto" || t.get(o)?.toString().trim() === "auto") return null;
 			if (e?.endsWith("%")) {
 				let t = parseFloat(e);
 				if (Number.isFinite(t) && t !== 0) return { percent: t };
 			}
-		} else if (o.test(n)) return null;
-		let s = e.getPropertyValue(i);
-		if (s === "auto") return null;
-		let c = $(s, r);
-		if (c !== 0) return c;
-		let l = e.getPropertyValue(a);
-		return l === "auto" ? null : $(l, r);
+		} else if (s.test(n) || r.getPropertyValue(a) === "auto") return null;
+		let c = e.getPropertyValue(a);
+		if (c === "auto") return null;
+		let l = $(c, i);
+		if (l !== 0) return l;
+		let u = e.getPropertyValue(o);
+		return u === "auto" ? null : $(u, i);
 	};
 	return {
-		top: i("margin-top", "margin-block-start", /(?:^|[\s:.[!])(?:m|my|mt)-auto\b/),
-		right: i("margin-right", "margin-inline-end", /(?:^|[\s:.[!])(?:m|mx|mr|me)-auto\b/),
-		bottom: i("margin-bottom", "margin-block-end", /(?:^|[\s:.[!])(?:m|my|mb)-auto\b/),
-		left: i("margin-left", "margin-inline-start", /(?:^|[\s:.[!])(?:m|mx|ml|ms)-auto\b/)
+		top: a("margin-top", "margin-block-start", /(?:^|[\s:.[!])(?:m|my|mt)-auto\b/),
+		right: a("margin-right", "margin-inline-end", /(?:^|[\s:.[!])(?:m|mx|mr|me)-auto\b/),
+		bottom: a("margin-bottom", "margin-block-end", /(?:^|[\s:.[!])(?:m|my|mb)-auto\b/),
+		left: a("margin-left", "margin-inline-start", /(?:^|[\s:.[!])(?:m|mx|ml|ms)-auto\b/)
 	};
 }
-function lt(e, t, n) {
+function Cn(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) {
+function wn(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) {
+function Tn(e) {
 	switch (e) {
 		case "relative":
 		case "absolute":
@@ -1735,7 +2809,7 @@ function dt(e) {
 		default: return "static";
 	}
 }
-function ft(e, t, n, r, i) {
+function En(e, t, n, r, i) {
 	let a = (a, o) => {
 		if (t) {
 			let e = t.get(a)?.toString().trim();
@@ -1754,7 +2828,7 @@ function ft(e, t, n, r, i) {
 		left: a("left", /(?:^|[\s:.[!])-?(?:left|start|inset|inset-x)-/)
 	};
 }
-function pt(e) {
+function Dn(e) {
 	switch (e) {
 		case "double": return "double";
 		case "dashed": return "dashed";
@@ -1762,80 +2836,147 @@ function pt(e) {
 		default: return "solid";
 	}
 }
-function mt(e, n) {
+function On(e, t) {
 	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;
 	}
-	let r = parseFloat(e);
-	return Number.isFinite(r) ? t(r, n) : void 0;
+	let n = parseFloat(e);
+	return Number.isFinite(n) ? p(n, t) : void 0;
 }
-function $(e, n) {
+function $(e, t) {
 	if (!e || e === "auto" || e === "none") return 0;
 	if (e.endsWith("%")) {
 		let t = parseFloat(e);
 		return Number.isFinite(t) && t !== 0 ? { percent: t } : 0;
 	}
-	let r = parseFloat(e);
-	return Number.isFinite(r) ? t(r, n) : 0;
+	let n = parseFloat(e);
+	return Number.isFinite(n) ? p(n, t) : 0;
 }
-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 = _t(o);
-		if (s) return s;
-		if (o.endsWith("%")) return {
+function kn(e, t, n, r, i, a, o) {
+	let s = An(n === "width" ? a.width : a.height);
+	if (s !== null) return {
+		kind: "cells",
+		value: Mn(s, n, o, r)
+	};
+	let c = jn(i, n === "width" ? "w" : "h");
+	if (c !== null) {
+		let i = parseFloat(e ? String(e.get(n) ?? "") : t), a = Number.isFinite(i) && Math.abs(i - c) <= c * .3;
+		if (a || !Number.isFinite(i)) return {
+			kind: "cells",
+			value: Mn(a ? i : c, n, o, r)
+		};
+	}
+	if (e) {
+		let t = e.get(n);
+		if (t == null) return;
+		let i = t.toString().trim();
+		if (i === "auto") return { kind: "auto" };
+		let a = Fn(i);
+		if (a) return a;
+		if (i.endsWith("%")) return {
 			kind: "percent",
-			value: parseFloat(o)
+			value: parseFloat(i)
 		};
-		if (o.endsWith("px")) return {
+		if (i.endsWith("px")) return {
 			kind: "cells",
-			value: t(parseFloat(o), a)
+			value: p(parseFloat(i), r)
 		};
-		if (o.endsWith("rem")) return {
+		if (i.endsWith("rem")) return {
 			kind: "cells",
-			value: e(parseFloat(o) / .25)
+			value: f(parseFloat(i) / .25)
+		};
+		let s = An(i);
+		if (s !== null) return {
+			kind: "cells",
+			value: Mn(s, n, o, r)
 		};
 	}
-	let c = i === "width" ? s.width : s.height;
-	if (c) {
-		if (c === "auto") return { kind: "auto" };
-		let e = _t(c);
+	let l = n === "width" ? a.width : a.height;
+	if (l) {
+		if (l === "auto") return { kind: "auto" };
+		let e = Fn(l);
 		if (e) return e;
-		if (c.endsWith("%")) return {
+		if (l.endsWith("%")) return {
 			kind: "percent",
-			value: parseFloat(c)
+			value: parseFloat(l)
 		};
-		let n = parseFloat(c);
-		if (Number.isFinite(n)) return {
+		let t = parseFloat(l);
+		if (Number.isFinite(t)) return {
 			kind: "cells",
-			value: t(n, a)
+			value: p(t, r)
 		};
 	}
-	let l = i === "width" ? "w" : "h";
-	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 (!kt(o, l) || r === "auto") return { kind: "auto" };
-	if (r.endsWith("%")) return {
+	let u = n === "width" ? "w" : "h";
+	if (RegExp(`(?:^|[\\s:.[!])${u}-min\\b`).test(i)) return { kind: "min-content" };
+	if (RegExp(`(?:^|[\\s:.[!])${u}-max\\b`).test(i)) return { kind: "max-content" };
+	if (RegExp(`(?:^|[\\s:.[!])${u}-fit\\b`).test(i)) return { kind: "fit-content" };
+	let d = RegExp(`(?:^|[\\s:.[!])${u}-(\\d+)/(\\d+)(?![\\w./])`).exec(i);
+	if (d) return {
+		kind: "percent",
+		value: 100 * Number(d[1]) / Number(d[2])
+	};
+	if (RegExp(`(?:^|[\\s:.[!])${u}-full(?![\\w-])`).test(i)) return {
+		kind: "percent",
+		value: 100
+	};
+	let m = RegExp(`(?:^|[\\s:.[!])${u}-\\[(\\d+(?:\\.\\d+)?)%\\]`).exec(i);
+	if (m) return {
+		kind: "percent",
+		value: Number(m[1])
+	};
+	let h = RegExp(`(?:^|[\\s:.[!])${u}-(\\d+(?:\\.\\d+)?)(?![\\w-/])`).exec(i);
+	if (h) return {
+		kind: "cells",
+		value: f(Number(h[1]))
+	};
+	if (!qn(i, u) || t === "auto") return { kind: "auto" };
+	if (t.endsWith("%")) return {
 		kind: "percent",
-		value: parseFloat(r)
+		value: parseFloat(t)
 	};
-	let u = parseFloat(r);
-	if (Number.isFinite(u)) return {
+	let g = parseFloat(t);
+	if (Number.isFinite(g)) return {
 		kind: "cells",
-		value: t(u, a)
+		value: p(g, r)
 	};
 }
-function gt(e, n) {
+function An(e) {
+	let t = /^(-?[\d.]+)((?:[dsl]?v)(?:h|w|min|max)|vi|vb)$/.exec(e.trim());
+	if (!t || typeof window > "u") return null;
+	let n = parseFloat(t[1]);
+	if (!Number.isFinite(n)) return null;
+	let r = t[2], i = window.innerHeight, a = window.innerWidth, o = r.endsWith("h") ? i : r.endsWith("min") ? Math.min(a, i) : r.endsWith("max") ? Math.max(a, i) : r === "vb" ? i : a;
+	return n / 100 * o;
+}
+function jn(e, t) {
+	if (typeof window > "u") return null;
+	let n = RegExp(`(?:^|[\\s:.[!])${t}-(screen|[dsl]v[hw])(?![\\w-])`).exec(e);
+	if (n) {
+		let e = n[1];
+		return e === "screen" ? t.includes("h") ? window.innerHeight : window.innerWidth : e.endsWith("h") ? window.innerHeight : window.innerWidth;
+	}
+	let r = RegExp(`(?:^|[\\s:.[!])${t}-\\[(-?[\\d.]+(?:[dsl]?v(?:h|w|min|max)|vi|vb))\\]`).exec(e);
+	return r ? An(r[1]) : null;
+}
+function Mn(e, t, n, r) {
+	let i = t === "width" ? n?.width : n?.height;
+	return i && i > 0 ? Math.max(0, Math.floor(e / i)) : p(e, r);
+}
+function Nn(e, t, n, r, i, a, o, s) {
+	let c = t.endsWith("width") ? "width" : "height", l = An(a.getPropertyValue(t)) ?? An(e?.get(t)?.toString().trim() ?? "");
+	if (l !== null) return Mn(l, c, o, s);
+	let u = jn(r, i);
+	if (u === null) return;
+	let d = parseFloat(e ? String(e.get(t) ?? "") : n), f = Number.isFinite(d) && Math.abs(d - u) <= u * .3;
+	if (!(!f && Number.isFinite(d))) return Mn(f ? d : u, c, o, s);
+}
+function Pn(e, t) {
 	if (!e || e === "auto" || e === "content") return;
-	let r = _t(e);
-	if (r) return r;
+	let n = Fn(e);
+	if (n) return n;
 	if (e.endsWith("%")) {
 		let t = parseFloat(e);
 		return Number.isFinite(t) ? {
@@ -1843,33 +2984,33 @@ function gt(e, n) {
 			value: t
 		} : void 0;
 	}
-	let i = parseFloat(e);
-	return Number.isFinite(i) ? {
+	let r = parseFloat(e);
+	return Number.isFinite(r) ? {
 		kind: "cells",
-		value: t(i, n)
+		value: p(r, t)
 	} : void 0;
 }
-function _t(e) {
+function Fn(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 vt(e, t) {
+function In(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);
+	for (let e of Wn(n)) {
+		let n = Rn(e);
 		if (n) {
 			a.push(...n);
 			continue;
 		}
 		let i = e.match(/^repeat\(\s*([^,]+?)\s*,(.*)\)$/s);
 		if (i) {
-			let e = yt(i[2].trim(), t);
+			let e = Ln(i[2].trim(), t);
 			if (e.tracks.length === 0) continue;
 			let n = i[1];
 			if (n === "auto-fill" || n === "auto-fit") {
@@ -1887,7 +3028,7 @@ function vt(e, t) {
 			}
 			continue;
 		}
-		o(Ct(e, t));
+		o(Vn(e, t));
 	}
 	if (i.push(a), r.length === 0 && !s) return { kind: "none" };
 	let c = {
@@ -1896,26 +3037,26 @@ function vt(e, t) {
 	};
 	return i.some((e) => e.length > 0) && (c.lineNames = i), s && (c.autoRepeat = s), c;
 }
-function yt(e, t) {
+function Ln(e, t) {
 	let n = [], r = [], i = [];
-	for (let a of Et(e)) {
-		let e = bt(a);
+	for (let a of Wn(e)) {
+		let e = Rn(a);
 		if (e) {
 			i.push(...e);
 			continue;
 		}
-		r.push(i), i = [], n.push(Ct(a, t));
+		r.push(i), i = [], n.push(Vn(a, t));
 	}
 	return r.push(i), {
 		tracks: n,
 		lineNames: r
 	};
 }
-function bt(e) {
+function Rn(e) {
 	let t = e.match(/^\[(.*)\]$/s);
 	return t ? t[1].split(/\s+/).filter((e) => e !== "") : null;
 }
-function xt(e) {
+function zn(e) {
 	let t = [];
 	for (let n of e.matchAll(/"([^"]*)"|'([^']*)'/g)) {
 		let e = (n[1] ?? n[2] ?? "").trim().split(/\s+/).filter((e) => e !== "");
@@ -1945,23 +3086,23 @@ function xt(e) {
 		areas: r
 	};
 }
-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 Bn(e, t) {
+	let n = Wn(e.trim()).filter((e) => e !== "" && !e.startsWith("[")).map((e) => Vn(e, t));
+	return n.length > 0 ? n : [B()];
 }
-function Ct(e, t) {
+function Vn(e, t) {
 	let n = e.match(/^minmax\((.*)\)$/s);
 	if (n) {
-		let e = Tt(n[1]).map((e) => e.trim());
+		let e = Un(n[1]).map((e) => e.trim());
 		return e.length === 2 ? {
-			min: wt(e[0], t),
-			max: wt(e[1], t)
+			min: Hn(e[0], t),
+			max: Hn(e[1], t)
 		} : {
 			min: { kind: "auto" },
 			max: { kind: "auto" }
 		};
 	}
-	let r = wt(e, t);
+	let r = Hn(e, t);
 	return r.kind === "fr" ? {
 		min: { kind: "auto" },
 		max: r
@@ -1970,40 +3111,40 @@ function Ct(e, t) {
 		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 ? {
+function Hn(e, t) {
+	if (e === "auto" || e.startsWith("fit-content")) return { kind: "auto" };
+	if (e === "min-content") return { kind: "min-content" };
+	if (e === "max-content") return { kind: "max-content" };
+	let n = e.match(/^(min|max)\((.*)\)$/s);
+	if (n) {
+		let e = Un(n[2]).map((e) => Hn(e.trim(), t)), r = e.every((e) => e.kind === "cells" || e.kind === "percent" || e.kind === "math");
+		return e.length > 0 && r ? {
 			kind: "math",
-			fn: i[1],
+			fn: n[1],
 			args: e
 		} : { kind: "auto" };
 	}
-	if (n.endsWith("fr")) {
-		let e = parseFloat(n);
-		return Number.isFinite(e) && e >= 0 ? {
+	if (e.endsWith("fr")) {
+		let t = parseFloat(e);
+		return Number.isFinite(t) && t >= 0 ? {
 			kind: "fr",
-			value: e
+			value: t
 		} : { kind: "auto" };
 	}
-	if (n.endsWith("%")) {
-		let e = parseFloat(n);
-		return Number.isFinite(e) ? {
+	if (e.endsWith("%")) {
+		let t = parseFloat(e);
+		return Number.isFinite(t) ? {
 			kind: "percent",
-			value: e
+			value: t
 		} : { kind: "auto" };
 	}
-	let a = parseFloat(n);
-	return Number.isFinite(a) ? {
+	let r = parseFloat(e);
+	return Number.isFinite(r) ? {
 		kind: "cells",
-		value: n.endsWith("rem") ? e(a / .25) : t(a, r)
+		value: e.endsWith("rem") ? f(r / .25) : p(r, t)
 	} : { kind: "auto" };
 }
-function Tt(e) {
+function Un(e) {
 	let t = [], n = 0, r = 0;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
@@ -2011,7 +3152,7 @@ function Tt(e) {
 	}
 	return t.push(e.slice(r)), t.filter((e) => e.trim() !== "");
 }
-function Et(e) {
+function Wn(e) {
 	let t = [], n = 0, r = -1;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
@@ -2019,7 +3160,7 @@ function Et(e) {
 	}
 	return r !== -1 && t.push(e.slice(r)), t;
 }
-function Dt(e) {
+function Gn(e) {
 	let t = e.trim();
 	if (!t || t === "auto") return { kind: "auto" };
 	let n = !1, r, i;
@@ -2047,16 +3188,16 @@ function Dt(e) {
 		nth: r
 	};
 }
-function Ot(e) {
+function Kn(e) {
 	return {
 		direction: e.includes("column") ? "column" : "row",
 		dense: e.includes("dense")
 	};
 }
-function kt(e, t) {
+function qn(e, t) {
 	return (t === "w" ? /(?:^|[\s:.[!])w-/ : /(?:^|[\s:.[!])h-/).test(e);
 }
-function At(e, t) {
+function Jn(e, t) {
 	return {
 		top: $(e.getPropertyValue("padding-top"), t),
 		right: $(e.getPropertyValue("padding-right"), t),
@@ -2064,69 +3205,90 @@ function At(e, t) {
 		left: $(e.getPropertyValue("padding-left"), t)
 	};
 }
-function jt(t) {
-	let n = (n, r) => t.getPropertyValue(r) === "none" ? 0 : e(parseFloat(t.getPropertyValue(n)) || 0);
+function Yn(e) {
+	let t = (t, n) => e.getPropertyValue(n) === "none" ? 0 : f(parseFloat(e.getPropertyValue(t)) || 0);
 	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")
+		top: t("border-top-width", "border-top-style"),
+		right: t("border-right-width", "border-right-style"),
+		bottom: t("border-bottom-width", "border-bottom-style"),
+		left: t("border-left-width", "border-left-style")
 	};
 }
 //#endregion
 //#region src/tree.ts
-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, {
+function Xn(e, t, n, r) {
+	let i = an(e, t, n);
+	if (i.display === "none") return null;
+	let a = Array.from(e.children), o = a.map(tr), s = e.tagName, c = fr(s);
+	if (!o.includes("block") || c) {
+		let l = nr(e, i.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));
+			textareaWidths: r,
+			preserve: i.whiteSpace === "pre",
+			tabSize: i.tabSize
+		}), u = l.chars.join("");
+		if (l.boxes.length > 0) {
+			let e = Et();
+			E(l.chars, (t, n) => {
+				l.advances[t] = Math.max(1, Y(l.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 d = sr(u, l.advances, i.tracking);
+		if (c && d === 0) {
+			if (s === "INPUT") d = Number(e.size) || 20;
+			else if (s === "TEXTAREA") d = Number(e.cols) || 20;
+			else {
+				let t = e, n = (e) => e?.label || e?.textContent || "", r = getComputedStyle(e).getPropertyValue("field-sizing") === "content" ? [n(t.selectedOptions[0])] : Array.from(t.options, n);
+				d = Math.max(1, ...r.map((e) => e.trim().length));
+			}
 		}
-		let f = {
+		let f = u.length > 0 ? cr(u) : 0, p;
+		if (s === "TEXTAREA") {
+			let t = e, n = t.value ?? "", a = r?.get(t), o = +!!n.endsWith("\n"), s = a !== void 0 && a > 0 ? v(n, a) + o : n === "" ? 0 : n.split(/\r\n?|\n/).length, c = getComputedStyle(e).getPropertyValue("field-sizing") === "content" ? 1 : Number(t.rows) || 2, l = Math.max(c, s);
+			p = l + Math.max(0, l - 1) * i.lineGap;
+		} else p = c ? Math.max(1, f) : f;
+		let m = /* @__PURE__ */ new Map(), h = [];
+		for (let t of l.boxes) t.source.parentElement === e ? m.set(t.source, t) : h.push(t);
+		let g = [];
+		for (let e = 0; e < a.length; e++) {
+			let i = a[e], s = m.get(i);
+			if (s) g.push(s);
+			else if (o[e] === "out-of-flow") {
+				let e = Xn(i, t, n, r);
+				e && g.push(e);
+			}
+		}
+		g.push(...h);
+		let _ = {
 			source: e,
-			style: r,
-			children: u,
-			text: s,
-			intrinsicWidth: c,
-			intrinsicHeight: l,
+			style: i,
+			children: g,
+			text: u,
+			intrinsicWidth: d,
+			intrinsicHeight: p,
 			localRect: {
 				x: 0,
 				y: 0,
-				width: c,
-				height: l
+				width: d,
+				height: p
 			},
 			unclampedHeight: 0,
-			resolvedPadding: M()
+			resolvedPadding: z()
 		};
-		return (o.advances.some((e) => e !== 1) || o.boxes.length > 0) && (f.advances = o.advances), o.inlineElements.length > 0 && (f.inlineElements = o.inlineElements), f;
+		return (l.advances.some((e) => e !== 1) || l.boxes.length > 0) && (_.advances = l.advances), l.inlineElements.length > 0 && (_.inlineElements = l.inlineElements, _.charInline = l.chars.map((e, t) => l.inlineIndex[t] ?? -1)), _;
 	}
-	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);
+	let l = [];
+	for (let e = 0; e < a.length; e++) {
+		if (o[e] === "none") continue;
+		let i = Xn(a[e], t, n, r);
+		i && l.push(i);
 	}
-	let s = {
+	let u = {
 		source: e,
-		style: r,
-		children: o,
+		style: i,
+		children: l,
 		text: "",
 		intrinsicWidth: 0,
 		intrinsicHeight: 0,
@@ -2137,198 +3299,294 @@ function Mt(e, t, n) {
 			height: 0
 		},
 		unclampedHeight: 0,
-		resolvedPadding: M()
+		resolvedPadding: z()
 	};
-	return Jt(e, s), s;
+	return pr(e, u), u;
 }
-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");
+var Zn = /* @__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 Qn(e, t) {
+	return t || (Zn.has(e.tagName) ? "inline" : "block");
 }
-function Ft(e, t) {
-	let n = Pt(e, t);
+function $n(e, t) {
+	let n = Qn(e, t);
 	return n === "inline" || n === "contents";
 }
-function It(e, t) {
-	let n = Pt(e, t);
+function er(e, t) {
+	let n = Qn(e, t);
 	return n.startsWith("inline") && n !== "inline";
 }
-function Lt(e) {
+function tr(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";
+	return t.display === "none" ? "none" : t.position === "absolute" || t.position === "fixed" ? "out-of-flow" : $n(e, t.display) || er(e, t.display) ? "inline" : "block";
 }
-function Rt(e, t, n) {
+function nr(e, t, n) {
 	let r = {
 		chars: [],
 		advances: [],
+		inlineIndex: [],
 		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);
+	return rr(e, t, n, r), n.preserve ? r : or(r);
 }
-function zt(e, t, n, r) {
+function rr(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;
+	if (!fr(e.tagName)) {
+		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 (er(e, t.display)) {
+				let t = Xn(e, n.rootFontSizePx, n.cellMetrics, n.textareaWidths);
+				t && (t.inlineBox = !0, r.chars.push(""), r.advances.push(1), r.boxes.push(t));
+				continue;
+			}
+			if (!$n(e, t.display)) {
+				lr(e);
+				continue;
+			}
+			let i = Cn(t.letterSpacing, parseFloat(t.fontSize) || n.rootFontSizePx, n.rootLetterSpacingPx), o = ir(t.paddingLeft, n.rootFontSizePx), s = ir(t.paddingRight, n.rootFontSizePx);
+			r.inlineElements.push({
+				element: e,
+				tracking: i,
+				padLeft: o,
+				padRight: s,
+				insets: t.position === "static" ? null : ar(t, n.rootFontSizePx),
+				color: t.color,
+				backgroundColor: sn(t.backgroundColor) ? void 0 : t.backgroundColor,
+				fontWeight: t.fontWeight,
+				fontStyle: t.fontStyle,
+				textDecorationLine: t.textDecorationLine
+			});
+			let c = r.inlineElements.length - 1;
+			for (let e = 0; e < o; e++) r.inlineIndex[r.chars.length] = c, r.chars.push("⁠"), r.advances.push(1);
+			let l = r.chars.length;
+			rr(e, i, n, r);
+			for (let e = l; e < r.chars.length; e++) r.inlineIndex[e] === void 0 && (r.inlineIndex[e] = c);
+			for (let e = 0; e < s; e++) r.inlineIndex[r.chars.length] = c, r.chars.push("⁠"), r.advances.push(1);
 		}
-		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 Bt(e, n) {
+function ir(e, t) {
 	if (!e || e.endsWith("%")) return 0;
-	let r = parseFloat(e);
-	return Number.isFinite(r) ? Math.max(0, t(r, n)) : 0;
+	let n = parseFloat(e);
+	return Number.isFinite(n) ? Math.max(0, p(n, t)) : 0;
 }
-function Vt(e, n) {
-	let r = (e) => {
+function ar(e, t) {
+	let n = (e) => {
 		if (!e || e === "auto" || e.endsWith("%")) return null;
-		let r = parseFloat(e);
-		return Number.isFinite(r) ? t(r, n) : null;
+		let n = parseFloat(e);
+		return Number.isFinite(n) ? p(n, t) : null;
 	};
 	return {
-		top: r(e.top),
-		right: r(e.right),
-		bottom: r(e.bottom),
-		left: r(e.left)
+		top: n(e.top),
+		right: n(e.right),
+		bottom: n(e.bottom),
+		left: n(e.left)
 	};
 }
-function Ht(e) {
-	let t = [], n = [], r = () => {
+function or(e) {
+	let t = [], n = [], r = [], i = () => {
 		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();
+	}, a = () => {
+		for (; t.length > i() && t[t.length - 1] === " ";) t.pop(), n.pop(), r.pop();
 	};
-	for (let r = 0; r < e.chars.length; r++) {
-		let a = e.chars[r];
-		if (a === " ") {
+	for (let i = 0; i < e.chars.length; i++) {
+		let o = e.chars[i];
+		if (o === " ") {
 			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]);
+		} else o === "\n" && a();
+		t.push(o), n.push(e.advances[i]), r.push(e.inlineIndex[i] ?? -1);
 	}
-	for (i(); t[0] === "\n";) t.shift(), n.shift();
-	for (; t[t.length - 1] === "\n";) t.pop(), n.pop();
-	return {
+	return a(), {
 		chars: t,
 		advances: n,
+		inlineIndex: r,
 		inlineElements: e.inlineElements,
 		boxes: e.boxes
 	};
 }
-function Ut(e, t, n) {
+function sr(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);
+	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 Wt(e) {
-	return e.split("\n").length;
+function cr(e) {
+	return b(e).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 lr(e) {
+	Ue(e, "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.");
 }
-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)));
+function ur(e) {
+	return Array.from(e.childNodes).some((e) => e.nodeType === Node.TEXT_NODE && /[^ \t\r\n\f]/.test(e.textContent ?? ""));
+}
+var dr = "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>).";
+function fr(e) {
+	return e === "INPUT" || e === "SELECT" || e === "TEXTAREA";
+}
+function pr(e, t) {
+	ur(e) && (t.droppedText = !0, Ue(e, dr));
 }
 //#endregion
 //#region src/element.ts
-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;
-	#r = null;
-	#i = null;
-	#a = !1;
-	#o = null;
+var mr = "\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 render layer must not sink with it. Scoped to that\n   * state so an authored 'invisible' on the host stays intact. */\n  :host([data-mw-dropped-text]) #viewport { visibility: visible; }\n  /* The unified grid: one <pre> with same-paint-run spans, cell-precise\n   * (one monospace character = one cell). In select=\"grid\" the grid\n   * catches drags for native selection of the ASCII; interactive\n   * elements opt back into pointer-events via styles.css so clicks\n   * still work. In default select=\"text\" the grid is inert to events\n   * and drag selects the light DOM natively. */\n  #grid { position: absolute; inset: 0; margin: 0; font: inherit; line-height: inherit; letter-spacing: inherit; white-space: pre; pointer-events: none; user-select: none; -webkit-user-select: none; }\n  :host([select=\"grid\"]) #grid { pointer-events: auto; user-select: text; -webkit-user-select: text; }\n  :host([select=\"grid\"]) slot { pointer-events: none; user-select: none; -webkit-user-select: none; }\n  /* Full invert on selection (TUI-native, matches focus-visible).\n   * Both fields spelled out — setting only color makes some engines\n   * drop the OS default background. */\n  ::selection { color: var(--mw-bg, canvas); background: var(--mw-fg, canvastext); }\n</style>\n<div id=\"viewport\">\n  <pre id=\"grid\" aria-hidden=\"true\"></pre>\n  <slot></slot>\n</div>\n", hr = [
+	"pointerover",
+	"pointerleave",
+	"focusin",
+	"focusout",
+	"input",
+	"change"
+], gr = typeof HTMLElement > "u" ? class {} : HTMLElement, _r = class e extends gr {
+	static observedAttributes = ["select"];
+	static #e = /* @__PURE__ */ new Set();
+	static #t = null;
+	static #n = () => {
+		for (let t of e.#e) t.#y();
+	};
+	static #r(t) {
+		t instanceof HTMLLinkElement && t.rel === "stylesheet" && !t.sheet && t.addEventListener("load", e.#n, { once: !0 });
+	}
+	static #i(t) {
+		if (e.#e.add(t), e.#t) return;
+		for (let t of document.querySelectorAll("link[rel=stylesheet]")) e.#r(t);
+		let n = new MutationObserver((t) => {
+			for (let n of t) for (let t of n.addedNodes) e.#r(t);
+			e.#n();
+		});
+		n.observe(document.head, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0
+		}), e.#t = n;
+	}
+	static #a(t) {
+		e.#e.delete(t), e.#e.size === 0 && (e.#t?.disconnect(), e.#t = null);
+	}
+	#o;
+	#s;
+	#c;
+	#l = null;
+	#u = null;
+	#d = !1;
+	#f = null;
+	#p = null;
 	constructor() {
-		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);
+		super(), this.#o = this.attachShadow({ mode: "open" }), this.#o.innerHTML = mr, this.#s = this.#o.getElementById("grid"), this.#c = document.createElement("span"), this.#c.setAttribute("aria-hidden", "true"), this.#c.setAttribute("data-mw-probe", ""), this.#c.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.#c.textContent = "M".repeat(100);
 	}
 	connectedCallback() {
-		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, {
+		this.#c.parentNode !== this && this.appendChild(this.#c), this.#l = new ResizeObserver(() => this.#y()), this.#l.observe(this), window.addEventListener("resize", this.#h), this.#u = new MutationObserver(() => this.#y()), this.#u.observe(this, {
 			childList: !0,
 			subtree: !0,
 			characterData: !0,
 			attributes: !0,
-			attributeFilter: ["class", "style"]
-		}), document.fonts?.ready.then(this.#s).catch((e) => {
+			attributeFilter: [
+				"class",
+				"style",
+				"colspan",
+				"rowspan",
+				"span"
+			]
+		}), document.fonts?.ready.then(this.#g).catch((e) => {
 			console.warn("[monowind] document.fonts.ready failed:", e);
-		}), document.fonts?.addEventListener("loadingdone", this.#s), this.#c();
+		}), document.fonts?.addEventListener("loadingdone", this.#g);
+		for (let e of hr) this.addEventListener(e, this.#m);
+		e.#i(this), this.#y();
 	}
 	disconnectedCallback() {
-		this.#r?.disconnect(), this.#i?.disconnect(), this.#r = null, this.#i = null, document.fonts?.removeEventListener("loadingdone", this.#s);
+		window.removeEventListener("resize", this.#h), this.#l?.disconnect(), this.#u?.disconnect(), this.#l = null, this.#u = null, document.fonts?.removeEventListener("loadingdone", this.#g);
+		for (let e of hr) this.removeEventListener(e, this.#m);
+		e.#a(this);
 	}
-	#s = () => {
-		requestAnimationFrame(() => this.#c());
+	#m = (e) => {
+		if ((e.type === "focusin" || e.type === "focusout") && e.target instanceof HTMLSelectElement) {
+			this.#v();
+			return;
+		}
+		this.#y();
 	};
-	#c() {
-		this.#a || (this.#a = !0, requestAnimationFrame(() => {
-			this.#a = !1;
-			try {
-				this.#l();
-			} catch (e) {
-				console.error("[monowind] layout failed:", e);
+	attributeChangedCallback(e, t, n) {
+		e === "select" && n !== null && n !== "text" && n !== "grid" && console.warn(`[monowind] Ignoring unrecognized select="${n}". Expected "text" (default) or "grid".`, this), this.#y();
+	}
+	toPlainText() {
+		return this.#d && this.#b(), this.#p ? Bt(this.#p) : "";
+	}
+	#h = () => {
+		this.#y();
+	};
+	#g = () => {
+		requestAnimationFrame(() => this.#y());
+	};
+	#_() {
+		let e = document.activeElement;
+		if (!(e instanceof HTMLSelectElement) || !this.contains(e)) return !1;
+		try {
+			return e.matches(":open");
+		} catch {
+			return !1;
+		}
+	}
+	#v() {
+		try {
+			this.#b();
+		} catch (e) {
+			console.error("[monowind] layout failed:", e);
+		}
+	}
+	#y() {
+		this.#d || (this.#d = !0, requestAnimationFrame(() => {
+			if (this.#d = !1, this.#_()) {
+				this.#y();
+				return;
 			}
+			this.#v();
 		}));
 	}
-	#l() {
+	#b() {
+		if (!this.isConnected) return;
+		let e = /* @__PURE__ */ new Map(), t = getComputedStyle(this).getPropertyValue("--mw-cw").trim(), n = parseFloat(t);
+		if (Number.isFinite(n) && n > 0) for (let t of this.querySelectorAll("textarea")) {
+			let r = getComputedStyle(t), i = t.clientWidth - (parseFloat(r.paddingLeft) || 0) - (parseFloat(r.paddingRight) || 0);
+			e.set(t, Math.max(0, Math.round(i / n)));
+		}
 		this.setAttribute("measuring", "");
 		try {
-			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);
+			let t = h(this, this.#c), n = this.#f;
+			(n === null || n.width !== t.width || n.height !== t.height || n.letterSpacing !== t.letterSpacing) && (this.style.setProperty("--mw-cw", `${t.width}px`), this.style.setProperty("--mw-ch", `${t.height}px`), this.style.setProperty("--mw-rls", `${t.letterSpacing}px`)), this.#f = t;
+			let r = getComputedStyle(this), i = (parseFloat(r.paddingLeft) || 0) + (parseFloat(r.paddingRight) || 0), a = Math.max(0, Math.floor((this.clientWidth - i) / t.width));
+			if (a === 0) return;
+			let o = g(), s = [];
+			for (let n of Array.from(this.children)) {
+				if (n === this.#c) continue;
+				let r = Xn(n, o, t, e);
+				r && s.push(r);
 			}
-			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", "");
+			if (ur(this) ? (this.hasAttribute("data-mw-dropped-text") || console.warn(`[monowind] ${dr}`, this), this.setAttribute("data-mw-dropped-text", "")) : this.removeAttribute("data-mw-dropped-text"), s.length === 0) {
+				this.#s.replaceChildren(), this.#p = null, this.setAttribute("data-mw-ready", "");
 				return;
 			}
-			let l = {
+			let c = {
 				source: this,
-				style: j(),
-				children: c,
+				style: ue(),
+				children: s,
 				text: "",
 				intrinsicWidth: 0,
 				intrinsicHeight: 0,
@@ -2339,65 +3597,20 @@ var Yt = "\n<style>\n  :host { display: block; position: relative; contain: layo
 					height: 0
 				},
 				unclampedHeight: 0,
-				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", "");
+				resolvedPadding: z()
+			}, { height: l } = wt(c, a);
+			$t(c), Zt(c, this.#s), this.#p = c;
+			let u = r.boxSizing === "border-box" ? (parseFloat(r.paddingTop) || 0) + (parseFloat(r.paddingBottom) || 0) + (parseFloat(r.borderTopWidth) || 0) + (parseFloat(r.borderBottomWidth) || 0) : 0, d = `${l * t.height + u}px`;
+			this.style.height !== d && (this.style.height = d), this.hasAttribute("data-mw-ready") || this.setAttribute("data-mw-ready", "");
 		} finally {
-			this.removeAttribute("measuring"), this.#i?.takeRecords();
+			this.removeAttribute("measuring"), this.#u?.takeRecords();
 		}
 	}
 };
-function Qt() {
-	typeof customElements > "u" || customElements.get("mono-wind") || customElements.define("mono-wind", Zt);
-}
-//#endregion
-//#region src/ascii.ts
-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 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 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: 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.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) en(t, i, a, r);
-}
-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
-	};
+function vr() {
+	typeof customElements > "u" || customElements.get("mono-wind") || customElements.define("mono-wind", _r);
 }
 //#endregion
-export { Zt as MonoWindElement, Qt as defineMonoWind, $t as renderAscii };
+export { _r as MonoWindElement, vr as defineMonoWind, Bt as renderPlainText, _ as wrapLines };
 
 //# sourceMappingURL=index.js.map