monowind 0.2.2 → 0.2.4

package/dist/index.js

@@ -33,7 +33,7 @@ function i(e) {
 		if (!e.contains(a)) continue;
 		t.splice(i, 1), r = !0;
 		let l = c(getComputedStyle(a), "background-color"), u = f(o), d = f(s);
-		!l || !u || !d || n.set(a, {
+		l && u && d && n.set(a, {
 			from: u,
 			to: d,
 			toValue: s,
@@ -344,49 +344,54 @@ x("blocks", {
 var M = /* @__PURE__ */ new WeakMap();
 function N(e, t) {
 	let n = M.get(e);
-	n || M.set(e, n = /* @__PURE__ */ new Set()), !n.has(t) && (n.add(t), console.warn(`[monowind] ${t}`, e));
+	n || M.set(e, n = /* @__PURE__ */ new Set()), !n.has(t) && (n.add(t), console.warn(`[monowind] ${t}`, ee(e)));
+}
+function ee(e) {
+	if (!globalThis.process?.versions?.node) return e;
+	let t = e.id ? `#${e.id}` : "", n = e.classList.length ? `.${Array.from(e.classList).join(".")}` : "";
+	return `<${e.tagName.toLowerCase()}${t}${n}>`;
 }
 //#endregion
 //#region src/leaf.ts
-var ee = /* @__PURE__ */ new Map(), te = /* @__PURE__ */ new Set();
-function ne(e) {
+var te = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new Set();
+function re(e) {
 	let t = e.tag.toLowerCase();
 	if (!t.includes("-")) {
 		console.warn(`[monowind] registerLeafRenderer: "${e.tag}" is not a custom-element tag name (needs a hyphen); ignored.`);
 		return;
 	}
-	ee.has(t) && console.warn(`[monowind] registerLeafRenderer: replacing existing renderer for <${t}> (last registration wins).`), ee.set(t, {
+	te.has(t) && console.warn(`[monowind] registerLeafRenderer: replacing existing renderer for <${t}> (last registration wins).`), te.set(t, {
 		...e,
 		tag: t
-	}), ce();
+	}), le();
 }
-function re() {
-	ce();
+function ie() {
+	le();
 }
-function ie(e) {
-	return ee.get(e.toLowerCase());
+function ae(e) {
+	return te.get(e.toLowerCase());
 }
-function ae() {
+function oe() {
 	let e = /* @__PURE__ */ new Set();
-	for (let t of ee.values()) for (let n of t.observedAttributes ?? []) e.add(n.toLowerCase());
+	for (let t of te.values()) for (let n of t.observedAttributes ?? []) e.add(n.toLowerCase());
 	return [...e];
 }
-function oe(e) {
-	return te.add(e), () => te.delete(e);
+function se(e) {
+	return ne.add(e), () => ne.delete(e);
 }
-function se(e, t) {
+function ce(e, t) {
 	try {
 		return e.render(t);
 	} catch (n) {
 		return N(t, `<${e.tag}> renderer threw; rendering nothing. ${String(n)}`), null;
 	}
 }
-function ce() {
-	for (let e of te) e();
+function le() {
+	for (let e of ne) e();
 }
 //#endregion
 //#region src/borders.ts
-function le(e, t, n) {
+function ue(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);
@@ -402,11 +407,11 @@ function le(e, t, n) {
 			width: t.width - (i.left ? a : 0) - (i.right ? a : 0),
 			height: t.height - (i.top ? a : 0) - (i.bottom ? a : 0)
 		};
-		o.width <= 0 || o.height <= 0 || ue(n, e.borderStyle, e.borderColor, o, i, S(e.glyphSet));
+		o.width <= 0 || o.height <= 0 || de(n, e.borderStyle, e.borderColor, o, i, S(e.glyphSet));
 	}
 }
-function ue(e, t, n, r, i, a) {
-	let o = he(t.top, a), s = he(t.right, a), c = he(t.bottom, a), l = he(t.left, a), u = (e, t, n) => n(he(e === t ? e : "solid", a)), { 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;
+function de(e, t, n, r, i, a) {
+	let o = ge(t.top, a), s = ge(t.right, a), c = ge(t.bottom, a), l = ge(t.left, a), u = (e, t, n) => n(ge(e === t ? e : "solid", a)), { 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: o.h,
 		x: g,
@@ -459,13 +464,13 @@ function ue(e, t, n, r, i, a) {
 		color: n.bottom
 	}));
 }
-function de(e, t) {
+function fe(e, t) {
 	return e.style.position !== "static" || (t.style.display === "flex" || t.style.display === "grid") && e.style.zIndex !== null;
 }
-function fe(e) {
+function pe(e) {
 	if (e.children.length <= 1) return e.children;
 	let t = null, n = null, r = null, i = null;
-	for (let a of e.children) de(a, e) ? (a.style.zIndex ?? 0) < 0 ? (t ??= []).push(a) : (i ??= []).push(a) : a.inlineBox ? (r ??= []).push(a) : (n ??= []).push(a);
+	for (let a of e.children) fe(a, e) ? (a.style.zIndex ?? 0) < 0 ? (t ??= []).push(a) : (i ??= []).push(a) : a.inlineBox ? (r ??= []).push(a) : (n ??= []).push(a);
 	return t && t.length > 1 && t.sort((e, t) => (e.style.zIndex ?? 0) - (t.style.zIndex ?? 0)), i && i.length > 1 && i.sort((e, t) => (e.style.zIndex ?? 0) - (t.style.zIndex ?? 0)), !t && n && !r && !i ? n : !t && !n && r && !i ? r : !t && !n && !r && i ? i : [
 		...t ?? [],
 		...n ?? [],
@@ -473,11 +478,11 @@ function fe(e) {
 		...i ?? []
 	];
 }
-function pe(e, t, n) {
-	let r = he(e, n);
+function me(e, t, n) {
+	let r = ge(e, n);
 	return t === "h" ? r.h : r.v;
 }
-function me(e, t, n, r, i, a) {
+function he(e, t, n, r, i, a) {
 	let o = (t ? 8 : 0) | (n ? 4 : 0) | (r ? 2 : 0) | !!i;
 	if (a) {
 		let t = w(o), n = t && a[e]?.[t];
@@ -485,8 +490,8 @@ function me(e, t, n, r, i, a) {
 	}
 	return (e === "double" ? E : T)[o];
 }
-function he(e, t) {
-	let n = (n, r, i, a) => me(e, n, r, i, a, t), r = {
+function ge(e, t) {
+	let n = (n, r, i, a) => he(e, n, r, i, a, t), r = {
 		h: n(!1, !1, !0, !0),
 		v: n(!0, !0, !1, !1),
 		tl: n(!1, !0, !1, !0),
@@ -497,24 +502,24 @@ function he(e, t) {
 	return e === "dashed" ? {
 		h: "╌",
 		v: "╎",
-		...ge(r),
-		..._e(t, e)
+		..._e(r),
+		...ve(t, e)
 	} : e === "dotted" ? {
 		h: "┄",
 		v: "┊",
-		...ge(r),
-		..._e(t, e)
+		..._e(r),
+		...ve(t, e)
 	} : r;
 }
-function ge(e) {
+function _e(e) {
 	let { h: t, v: n, ...r } = e;
 	return r;
 }
-function _e(e, t) {
+function ve(e, t) {
 	let n = e?.[t], r = {};
 	return n?.h && (r.h = n.h), n?.v && (r.v = n.v), r;
 }
-function ve(e, t, n, r) {
+function ye(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,
@@ -558,7 +563,7 @@ function ve(e, t, n, r) {
 		end: e.end - r
 	})).filter((e) => e.end > e.start);
 }
-function ye(e) {
+function be(e) {
 	let t = [], n = e.border.left + e.padding.left, r = e.border.top + e.padding.top, i = (e, t) => ({
 		line: t.bandStart + Math.floor((t.bandSize - e.width) / 2),
 		start: t.start,
@@ -567,7 +572,7 @@ function ye(e) {
 		endHalf: t.endHalf === !0
 	}), a = e.ruleX ? e.vertical.map((t) => i(e.ruleX, t)) : [], o = e.ruleY ? e.horizontal.map((t) => i(e.ruleY, t)) : [], s = e.ruleX?.width ?? 0, c = e.ruleY?.width ?? 0, l = (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)), u = (e, t) => o.some((n) => t >= n.line && t < n.line + c && e >= n.start && e < n.end);
 	if (e.ruleX) {
-		let i = pe(e.ruleX.style, "v", e.glyphs);
+		let i = me(e.ruleX.style, "v", e.glyphs);
 		for (let o of a) {
 			for (let a = 0; a < s; a++) for (let s = o.start; s < o.end; s++) u(o.line + a, s) || t.push({
 				glyph: i,
@@ -576,7 +581,7 @@ function ye(e) {
 				length: 1,
 				color: e.ruleX.color
 			});
-			be(e, t, "x", o.line, o.start, o.end);
+			xe(e, t, "x", o.line, o.start, o.end);
 		}
 	}
 	if (e.ruleY) {
@@ -587,7 +592,7 @@ function ye(e) {
 				for (let d = u.start; d < u.end; d++) {
 					let u = l(a, s, d, f), p = l(a, s, d, f + 1);
 					t.push({
-						glyph: u || p ? me(i ? "double" : "solid", u, p, l(o, c, f, d), l(o, c, f, d + 1), e.glyphs) : pe(e.ruleY.style, "h", e.glyphs),
+						glyph: u || p ? he(i ? "double" : "solid", u, p, l(o, c, f, d), l(o, c, f, d + 1), e.glyphs) : me(e.ruleY.style, "h", e.glyphs),
 						x: n + d,
 						y: r + f,
 						length: 1,
@@ -595,16 +600,16 @@ function ye(e) {
 					});
 				}
 			}
-			be(e, t, "y", u.line, u.start, u.end);
+			xe(e, t, "y", u.line, u.start, u.end);
 		}
 	}
 	return t;
 }
-function be(e, t, n, r, i, a) {
+function xe(e, t, n, r, i, a) {
 	let o = n === "x" ? e.ruleX : e.ruleY, s = e.border.left + e.padding.left, c = e.border.top + e.padding.top, l = s + e.contentWidth + e.padding.right + e.border.right, u = c + e.contentHeight + e.padding.bottom + e.border.bottom, d = (n, r, i, a, s, c, l, u) => {
 		let d = o.style === "double" && i === "double" ? "double" : "solid";
 		t.push({
-			glyph: me(d, s, c, l, u, e.glyphs),
+			glyph: he(d, s, c, l, u, e.glyphs),
 			x: n,
 			y: r,
 			length: 1,
@@ -622,11 +627,11 @@ function be(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/pointer.ts
-function xe(e, t, n) {
+function Se(e, t, n) {
 	let r = [], i = e, a = e.localRect.x, o = e.localRect.y;
 	for (;;) {
 		let e = null;
-		for (let r of fe(i)) {
+		for (let r of pe(i)) {
 			if (r.tableHidden) continue;
 			let i = a + r.localRect.x, s = o + r.localRect.y;
 			t >= i && t < i + r.localRect.width && n >= s && n < s + r.localRect.height && (e = r);
@@ -639,8 +644,8 @@ function xe(e, t, n) {
 		}), a += e.localRect.x - (e.scroll?.x ?? 0), o += e.localRect.y - (e.scroll?.y ?? 0), i = e;
 	}
 }
-function Se(e, t, n) {
-	return xe(e, t, n).map((e) => e.node.source);
+function Ce(e, t, n) {
+	return Se(e, t, n).map((e) => e.node.source);
 }
 //#endregion
 //#region src/metrics.ts
@@ -650,10 +655,10 @@ function P(e) {
 function F(e, t) {
 	return t <= 0 ? 0 : P(e / (.25 * t));
 }
-function Ce(e, t) {
+function we(e, t) {
 	return P(t * e / 100);
 }
-function we(e, t) {
+function Te(e, t) {
 	let n = t.getBoundingClientRect(), r = parseFloat(getComputedStyle(e).letterSpacing) || 0, i = t.ownerDocument.createRange();
 	i.selectNodeContents(t);
 	let a = Math.max(0, i.getBoundingClientRect().height - n.height);
@@ -664,56 +669,56 @@ function we(e, t) {
 		inkOverhang: a
 	};
 }
-function Te() {
+function Ee() {
 	return parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
 }
 //#endregion
 //#region src/wrap.ts
-function Ee(e, t, n = {}) {
-	return Ae(e, t, n).map((t) => e.slice(t.start, t.end));
-}
 function De(e, t, n = {}) {
-	return Ae(e, t, n).length;
+	return je(e, t, n).map((t) => e.slice(t.start, t.end));
 }
-function Oe(e, t) {
+function Oe(e, t, n = {}) {
+	return je(e, t, n).length;
+}
+function ke(e, t) {
 	return t.endsWith("\n") && e.pop(), e;
 }
-function ke(e) {
+function Ae(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 Oe(t, e);
+	return ke(t, e);
 }
-function Ae(e, t, n = {}) {
+function je(e, t, n = {}) {
 	if (!/[^ \t\r\f]/.test(e)) return [];
 	let r = [], i = 0, a = n.firstLineIndent ?? 0;
-	for (let o = 0; o <= e.length; o++) (o === e.length || e[o] === "\n") && (r.push(...Re(e, i, o, t, n, a)), a = 0, i = o + 1);
-	return Oe(r, e);
+	for (let o = 0; o <= e.length; o++) (o === e.length || e[o] === "\n") && (r.push(...ze(e, i, o, t, n, a)), a = 0, i = o + 1);
+	return ke(r, e);
 }
-function je(e, t, n) {
+function Me(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 I(e, t, n, r = 0) {
-	return t <= e ? 0 : je(e, t, n) - Math.min(r, Me(t - 1, n));
+	return t <= e ? 0 : Me(e, t, n) - Math.min(r, Ne(t - 1, n));
 }
-function Me(e, t) {
+function Ne(e, t) {
 	return t ? (t[e] ?? 1) - 1 : 0;
 }
-function Ne(e, t = {}) {
+function Pe(e, t = {}) {
 	let { advances: n, tracking: r = 0 } = t, i = 0;
-	for (let t of Le(e, 0, e.length)) for (let a of Fe(e, t.start, t.end)) i = Math.max(i, I(a.start, a.end, n, r));
+	for (let t of Re(e, 0, e.length)) for (let a of Ie(e, t.start, t.end)) i = Math.max(i, I(a.start, a.end, n, r));
 	return i;
 }
-function Pe(e, t) {
+function Fe(e, t) {
 	let n = 0;
 	for (let r = 0; r < e.length; r++) e[r] === "" && (t(r, n), n++);
 }
-function Fe(e, t, n) {
+function Ie(e, t, n) {
 	let r = [], i = t;
 	for (let a = t; a < n; a++) {
 		if (e[a] === "") {
@@ -740,14 +745,14 @@ function Fe(e, t, n) {
 		end: n
 	}), r;
 }
-var Ie = /[ \t\r\n\f]/;
-function Le(e, t, n) {
+var Le = /[ \t\r\n\f]/;
+function Re(e, t, n) {
 	let r = [], i = t;
 	for (; i < n;) {
-		for (; i < n && Ie.test(e[i]);) i++;
+		for (; i < n && Le.test(e[i]);) i++;
 		if (i >= n) break;
 		let t = i;
-		for (; i < n && !Ie.test(e[i]);) i++;
+		for (; i < n && !Le.test(e[i]);) i++;
 		r.push({
 			start: t,
 			end: i
@@ -755,8 +760,8 @@ function Le(e, t, n) {
 	}
 	return r;
 }
-function Re(e, t, n, r, { advances: i, tracking: a = 0 }, o = 0) {
-	let s = Le(e, t, n);
+function ze(e, t, n, r, { advances: i, tracking: a = 0 }, o = 0) {
+	let s = Re(e, t, n);
 	if (s.length === 0) return [{
 		start: t,
 		end: t
@@ -768,8 +773,8 @@ function Re(e, t, n, r, { advances: i, tracking: a = 0 }, o = 0) {
 	let c = [], l = null, u = 0, d = Math.max(0, o), f = () => r - d;
 	for (let t of s) {
 		let n = !1;
-		for (let r of Fe(e, t.start, t.end)) {
-			let e = r.start, t = r.end, o = l !== null && !n ? e - 1 : e, s = u + je(o, t, i), p = Math.min(a, Me(t - 1, i));
+		for (let r of Ie(e, t.start, t.end)) {
+			let e = r.start, t = r.end, o = l !== null && !n ? e - 1 : e, s = u + Me(o, t, i), p = Math.min(a, Ne(t - 1, i));
 			if (l !== null && s - p <= f()) l.end = t, u = s;
 			else {
 				for (l !== null && (c.push(l), d = 0);;) {
@@ -784,7 +789,7 @@ function Re(e, t, n, r, { advances: i, tracking: a = 0 }, o = 0) {
 				l = {
 					start: e,
 					end: t
-				}, u = je(e, t, i);
+				}, u = Me(e, t, i);
 			}
 			n = !0;
 		}
@@ -793,7 +798,7 @@ function Re(e, t, n, r, { advances: i, tracking: a = 0 }, o = 0) {
 }
 //#endregion
 //#region src/flex.ts
-function ze(e, t) {
+function Be(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;
@@ -804,12 +809,12 @@ function ze(e, t) {
 	}
 	return r;
 }
-function Be(e, t, n, r, i) {
+function Ve(e, t, n, r, i) {
 	if (e.style.ruleBreak !== "intersection") return [{
 		start: 0,
 		end: i
 	}];
-	let a = [t[n - 1], t[n]].flatMap((e) => ze(e, r)).sort((e, t) => e.start - t.start), o = (e, t) => ({
+	let a = [t[n - 1], t[n]].flatMap((e) => Be(e, r)).sort((e, t) => e.start - t.start), o = (e, t) => ({
 		start: e,
 		end: t,
 		spanned: !1,
@@ -817,39 +822,39 @@ function Be(e, t, n, r, i) {
 		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)), ve(s, "intersection", "all", e.style.ruleInset === "overlap-join" ? "overlap-join" : 0);
+	return c < i && s.push(o(c, i)), ye(s, "intersection", "all", e.style.ruleInset === "overlap-join" ? "overlap-join" : 0);
 }
-function Ve(e, t) {
+function He(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 He(e, t, n, r, i, a, o) {
-	let s = U(e.style, "x", t), c = U(e.style, "y", n), l = Xe(e).map((e) => {
-		let n = G(e.style.margin, t);
+function Ue(e, t, n, r, i, a, o) {
+	let s = H(e.style, "x", t), c = H(e.style, "y", n), l = Qe(e).map((e) => {
+		let n = W(e.style.margin, t);
 		return {
 			node: e,
-			base: Ye(e, t, o),
+			base: Ze(e, t, o),
 			grow: e.style.flexGrow,
 			shrink: e.style.flexShrink,
-			min: $e(e, t, o),
-			max: K(e.style.maxWidth, t),
+			min: tt(e, t, o),
+			max: G(e.style.maxWidth, t),
 			margin: n
 		};
 	}), u = [];
 	if (e.style.flexWrap === "wrap") {
 		let n = [], r = 0;
 		for (let e of l) {
-			let i = Math.max(0, H(e.base, e.min, e.max)) + (e.margin.left ?? 0) + (e.margin.right ?? 0), a = n.length === 0 ? i : r + s + i;
+			let i = Math.max(0, V(e.base, e.min, e.max)) + (e.margin.left ?? 0) + (e.margin.right ?? 0), a = n.length === 0 ? i : r + s + i;
 			n.length > 0 && a > t && (u.push(n), n = [], r = 0), n.push(e), r = n.length === 1 ? i : r + s + i;
 		}
 		n.length > 0 && u.push(n), e.style.wrapReverse && u.reverse();
 	} else u.push(l);
 	let d = i.left + a.left, f = i.top + a.top, p = u.map((e) => {
-		let n = s * Math.max(0, e.length - 1), i = e.reduce((e, t) => e + (t.margin.left ?? 0) + (t.margin.right ?? 0), 0), a = Math.max(0, t - n - i), c = e.some((e) => e.margin.left === null || e.margin.right === null), l = e.reduce((e, t) => e + t.base, 0), u = c && l <= a ? e.map((e) => Math.max(0, H(e.base, e.min, e.max))) : qe(e, a);
-		for (let n = 0; n < e.length; n++) V(e[n].node, t, r, 0, 0, "fill", o, { width: u[n] });
+		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, V(e.base, e.min, e.max))) : Je(e, a);
+		for (let n = 0; n < e.length; n++) B(e[n].node, t, r, 0, 0, "fill", o, { width: u[n] });
 		return {
 			row: e,
 			widths: u,
@@ -859,7 +864,7 @@ function He(e, t, n, r, i, a, o) {
 	}), m = p.map((e) => e.height), h = c * Math.max(0, p.length - 1), g;
 	if (e.style.flexWrap === "nowrap") r === void 0 ? Number.isFinite(n) && (m[0] = Math.max(n, m[0] ?? 0)) : m[0] = r, g = [0];
 	else {
-		let t = m.reduce((e, t) => e + t, 0), r = Number.isFinite(n) ? Math.max(0, n - t - h) : 0, i = Ze(e.style);
+		let t = m.reduce((e, t) => e + t, 0), r = Number.isFinite(n) ? Math.max(0, n - t - h) : 0, i = $e(e.style);
 		if (i === "stretch" && r > 0) {
 			let e = R(Array.from({ length: p.length }, () => 1), r);
 			for (let t = 0; t < m.length; t++) m[t] += e[t];
@@ -869,11 +874,11 @@ function He(e, t, n, r, i, a, o) {
 	for (let i = 0; i < p.length; i++) {
 		let { row: a, widths: l, availableForItems: u } = p[i], h = m[i], _ = g[i] + i * c;
 		for (let i = 0; i < a.length; i++) {
-			let s = a[i].node, c = Je(s, e), u = a[i].margin, d = u.top === null || u.bottom === null, f = s.style.height !== void 0 && s.style.height.kind !== "auto";
+			let s = a[i].node, c = Ye(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 = H(Math.max(0, h - e - a), K(s.style.minHeight, c) ?? 0, K(s.style.maxHeight, c));
+				let e = u.top ?? 0, a = u.bottom ?? 0, c = Number.isFinite(n) ? n : void 0, d = V(Math.max(0, h - e - a), G(s.style.minHeight, c) ?? 0, G(s.style.maxHeight, c));
 				if (d === s.localRect.height) continue;
-				V(s, t, r, 0, 0, "fill", o, {
+				B(s, t, r, 0, 0, "fill", o, {
 					width: l[i],
 					height: d
 				});
@@ -884,14 +889,14 @@ function He(e, t, n, r, i, a, o) {
 			let e = R(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 = L("start", l, 0);
-		} else C = L(Qe(e.style), l, y);
+		} else C = L(et(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;
 			w += x[t] + i, r.localRect = {
 				...r.localRect,
 				x: d + C[t] + t * s + w,
-				y: f + _ + Ge(r, e.style.alignItems, h, n.margin)
+				y: f + _ + Ke(r, e.style.alignItems, h, n.margin)
 			}, w += S[t] + o;
 		}
 	}
@@ -900,7 +905,7 @@ function He(e, t, n, r, i, a, o) {
 		let n = [], r = [];
 		for (let i = 0; i < p.length; i++) {
 			let a = g[i] + i * c;
-			for (let e of ze(p[i], d)) n.push({
+			for (let e of Be(p[i], d)) n.push({
 				bandStart: e.start,
 				bandSize: e.end - e.start,
 				start: a,
@@ -908,19 +913,19 @@ function He(e, t, n, r, i, a, o) {
 			});
 			if (i > 0) {
 				let n = g[i - 1] + (i - 1) * c + m[i - 1];
-				if (a > n) for (let o of Be(e, p, i, d, t)) r.push({
+				if (a > n) for (let o of Ve(e, p, i, d, t)) r.push({
 					bandStart: n,
 					bandSize: a - n,
 					...o
 				});
 			}
 		}
-		e.decorationRuns = ye({
+		e.decorationRuns = be({
 			glyphs: S(e.style.glyphSet),
 			ruleX: e.style.ruleX,
 			ruleY: e.style.ruleY,
-			vertical: Ve(n, e.style.ruleInset),
-			horizontal: Ve(r, e.style.ruleInset),
+			vertical: He(n, e.style.ruleInset),
+			horizontal: He(r, e.style.ruleInset),
 			contentWidth: t,
 			contentHeight: v,
 			border: i,
@@ -929,10 +934,10 @@ function He(e, t, n, r, i, a, o) {
 			padding: a
 		});
 	}
-	return Ue(e, i, a, t, v), v;
+	return We(e, i, a, t, v), v;
 }
-function Ue(e, t, n, r, i) {
-	for (let a of e.children) B(a.style) && (a.staticSlot = {
+function We(e, t, n, r, i) {
+	for (let a of e.children) z(a.style) && (a.staticSlot = {
 		kind: "flex",
 		direction: e.style.flexDirection,
 		originX: t.left + n.left,
@@ -941,37 +946,37 @@ function Ue(e, t, n, r, i) {
 		innerHeight: i
 	});
 }
-function We(e, t, n, r, i, a, o) {
-	let s = U(e.style, "y", n), c = Xe(e).map((i) => {
-		let a = G(i.style.margin, t), s = Math.max(0, t - (a.left ?? 0) - (a.right ?? 0)), c = Je(i, e) === "stretch";
-		V(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 ? Ce(u.value, l) : i.unclampedHeight, f = i.style.minHeight === "auto" ? i.style.overflow.y === "visible" ? i.localRect.height : 0 : void 0;
+function Ge(e, t, n, r, i, a, o) {
+	let s = H(e.style, "y", n), c = Qe(e).map((i) => {
+		let a = W(i.style.margin, t), s = Math.max(0, t - (a.left ?? 0) - (a.right ?? 0)), c = Ye(i, e) === "stretch";
+		B(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 ? we(u.value, l) : i.unclampedHeight, f = i.style.minHeight === "auto" ? i.style.overflow.y === "visible" ? i.localRect.height : 0 : void 0;
 		return {
 			node: i,
 			base: d,
 			grow: i.style.flexGrow,
 			shrink: i.style.flexShrink,
-			min: f ?? K(i.style.minHeight, l) ?? 0,
-			max: K(i.style.maxHeight, l),
+			min: f ?? G(i.style.minHeight, l) ?? 0,
+			max: G(i.style.maxHeight, l),
 			margin: a
 		};
-	}), l = s * Math.max(0, c.length - 1), u = c.reduce((e, t) => e + (t.margin.top ?? 0) + (t.margin.bottom ?? 0), 0), d = Number.isFinite(n), f = c.reduce((e, t) => e + t.base, 0), p = d ? Math.max(0, n - l - u) : f, m = r ? p : Math.max(p, f), h = c.some((e) => e.margin.top === null || e.margin.bottom === null), g = d && !(d && h && f <= m) ? qe(c, m) : c.map((e) => Math.max(0, H(e.base, e.min, e.max)));
+	}), l = s * Math.max(0, c.length - 1), u = c.reduce((e, t) => e + (t.margin.top ?? 0) + (t.margin.bottom ?? 0), 0), d = Number.isFinite(n), f = c.reduce((e, t) => e + t.base, 0), p = d ? Math.max(0, n - l - u) : f, m = r ? p : Math.max(p, f), h = c.some((e) => e.margin.top === null || e.margin.bottom === null), g = d && !(d && h && f <= m) ? Je(c, m) : c.map((e) => Math.max(0, V(e.base, e.min, e.max)));
 	for (let n = 0; n < c.length; n++) if (g[n] !== c[n].node.localRect.height) {
-		let r = c[n], i = Math.max(0, t - (r.margin.left ?? 0) - (r.margin.right ?? 0)), a = Je(r.node, e) === "stretch";
-		V(r.node, i, g[n], 0, 0, a ? "fill" : "shrink", o, { height: g[n] });
+		let r = c[n], i = Math.max(0, t - (r.margin.left ?? 0) - (r.margin.right ?? 0)), a = Ye(r.node, e) === "stretch";
+		B(r.node, i, g[n], 0, 0, a ? "fill" : "shrink", o, { height: g[n] });
 	}
 	let _ = g.reduce((e, t) => e + t, 0), v = Math.max(0, m - _), y = c.reduce((e, t) => e + +(t.margin.top === null) + +(t.margin.bottom === null), 0), b = Array.from({ length: c.length }, () => 0), x = Array.from({ length: c.length }, () => 0), C;
 	if (y > 0 && v > 0) {
 		let e = R(Array.from({ length: y }, () => 1), v), t = 0;
 		for (let n = 0; n < c.length; n++) c[n].margin.top === null && (b[n] = e[t++]), c[n].margin.bottom === null && (x[n] = e[t++]);
 		C = L("start", g, 0);
-	} else C = L(Qe(e.style), g, v);
+	} else C = L(et(e.style), g, v);
 	let w = i.left + a.left, T = i.top + a.top, E = 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;
 		E += b[n] + a, i.localRect = {
 			...i.localRect,
-			x: w + Ke(i, e.style.alignItems, t, r.margin),
+			x: w + qe(i, e.style.alignItems, t, r.margin),
 			y: T + C[n] + n * s + E
 		}, E += x[n] + o;
 	}
@@ -987,12 +992,12 @@ function We(e, t, n, r, i, a, o) {
 				end: t
 			});
 		}
-		e.decorationRuns = ye({
+		e.decorationRuns = be({
 			glyphs: S(e.style.glyphSet),
 			ruleX: null,
 			ruleY: e.style.ruleY,
 			vertical: [],
-			horizontal: Ve(n, e.style.ruleInset),
+			horizontal: He(n, e.style.ruleInset),
 			contentWidth: t,
 			contentHeight: O,
 			border: i,
@@ -1001,15 +1006,15 @@ function We(e, t, n, r, i, a, o) {
 			padding: a
 		});
 	}
-	return Ue(e, i, a, t, O), O;
+	return We(e, i, a, t, O), O;
 }
-function Ge(e, t, n, r) {
+function Ke(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 + z(i, n, e.localRect.height);
+	return c ? Math.floor(s / 2) : l ? s - o : u ? a : a + Xe(i, n, e.localRect.height);
 }
-function Ke(e, t, n, r) {
+function qe(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 + z(i, n, e.localRect.width);
+	return c ? Math.floor(s / 2) : l ? s - o : u ? a : a + Xe(i, n, e.localRect.width);
 }
 function L(e, t, n) {
 	let r = t.length;
@@ -1029,8 +1034,8 @@ function L(e, t, n) {
 	for (let e = 0; e < r; e++) i.push(a), a += t[e];
 	return i;
 }
-function qe(e, t) {
-	let n = e.length, r = (t, n) => Math.max(0, H(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);
+function Je(e, t) {
+	let n = e.length, r = (t, n) => Math.max(0, V(t, e[n].min ?? 0, e[n].max)), i = e.map((e) => e.base), a = t >= i.reduce((e, t, n) => e + r(t, n), 0), o = Array.from({ length: n }, () => 0), s = Array.from({ length: n }, () => !1);
 	for (let t = 0; t < n; t++) {
 		let n = r(i[t], t);
 		((a ? e[t].grow : e[t].shrink) === 0 || a && i[t] > n || !a && i[t] < n) && (o[t] = n, s[t] = !0);
@@ -1064,45 +1069,53 @@ function R(e, t) {
 	}
 	return i;
 }
-function Je(e, t) {
+function Ye(e, t) {
 	return e.style.alignSelf === "auto" ? t.style.alignItems : e.style.alignSelf;
 }
-function z(e, t, n) {
+function Xe(e, t, n) {
 	return e === "center" ? Math.max(0, Math.floor((t - n) / 2)) : e === "end" ? Math.max(0, t - n) : 0;
 }
-function Ye(e, t, n) {
+function Ze(e, t, n) {
 	let r = e.style.flexBasis, i = e.style.width;
-	return r !== void 0 && r.kind !== "auto" ? q(r, t, e, n) : i !== void 0 && i.kind !== "auto" ? q(i, t, e, n) : J(e, n);
+	return r !== void 0 && r.kind !== "auto" ? K(r, t, e, n) : i !== void 0 && i.kind !== "auto" ? K(i, t, e, n) : q(e, n);
 }
-function Xe(e) {
-	let t = e.children.filter((e) => !B(e.style)).sort((e, t) => e.style.order - t.style.order);
+function Qe(e) {
+	let t = e.children.filter((e) => !z(e.style)).sort((e, t) => e.style.order - t.style.order);
 	return e.style.flexReverse && t.reverse(), t;
 }
-function Ze(e) {
+function $e(e) {
 	return e.wrapReverse ? e.alignContent === "start" ? "end" : e.alignContent === "end" ? "start" : e.alignContent : e.alignContent;
 }
-function Qe(e) {
+function et(e) {
 	let t = e.justifyContent === "stretch" ? "start" : e.justifyContent;
 	return e.flexReverse ? t === "start" ? "end" : t === "end" ? "start" : t : t;
 }
-function $e(e, t, n) {
-	return e.style.minWidth === "auto" ? e.style.overflow.x === "visible" ? Y(e, n) : 0 : K(e.style.minWidth, t) ?? 0;
+function tt(e, t, n) {
+	return e.style.minWidth === "auto" ? e.style.overflow.x === "visible" ? Y(e, n) : 0 : G(e.style.minWidth, t) ?? 0;
 }
 //#endregion
 //#region src/types.ts
-function et(e) {
+function nt(e) {
 	return e === "auto" || e === "scroll";
 }
-function tt(e) {
-	return e.scrollbarWidth === "none" ? {
+function rt(e) {
+	return {
+		right: e.scrollbarSize.y + e.scrollbarInset.x,
+		bottom: e.scrollbarSize.x + e.scrollbarInset.y
+	};
+}
+function it(e) {
+	if (e.scrollbarWidth === "none") return {
 		right: 0,
 		bottom: 0
-	} : {
-		right: e.overflow.y === "scroll" ? e.scrollbarSize.y : 0,
-		bottom: e.overflow.x === "scroll" ? e.scrollbarSize.x : 0
+	};
+	let t = rt(e);
+	return {
+		right: e.overflow.y === "scroll" ? t.right : 0,
+		bottom: e.overflow.x === "scroll" ? t.bottom : 0
 	};
 }
-function nt() {
+function at() {
 	return {
 		display: "block",
 		flexDirection: "row",
@@ -1121,8 +1134,8 @@ function nt() {
 		justifySelf: "auto",
 		gridTemplateColumns: { kind: "none" },
 		gridTemplateRows: { kind: "none" },
-		gridAutoColumns: [it()],
-		gridAutoRows: [it()],
+		gridAutoColumns: [st()],
+		gridAutoRows: [st()],
 		gridAutoFlow: {
 			direction: "row",
 			dense: !1
@@ -1138,7 +1151,7 @@ function nt() {
 		minHeight: "auto",
 		maxWidth: void 0,
 		maxHeight: void 0,
-		padding: rt(),
+		padding: ot(),
 		margin: {
 			top: 0,
 			right: 0,
@@ -1154,7 +1167,7 @@ function nt() {
 		},
 		gapX: 0,
 		gapY: 0,
-		border: rt(),
+		border: ot(),
 		borderStyle: {
 			top: "solid",
 			right: "solid",
@@ -1170,6 +1183,10 @@ function nt() {
 			x: 1,
 			y: 1
 		},
+		scrollbarInset: {
+			x: 0,
+			y: 0
+		},
 		overscroll: {
 			x: !0,
 			y: !0
@@ -1220,7 +1237,7 @@ function nt() {
 		breakInsideAvoid: !1
 	};
 }
-function rt() {
+function ot() {
 	return {
 		top: 0,
 		right: 0,
@@ -1228,7 +1245,7 @@ function rt() {
 		left: 0
 	};
 }
-function it() {
+function st() {
 	return {
 		min: { kind: "auto" },
 		max: { kind: "auto" }
@@ -1236,15 +1253,15 @@ function it() {
 }
 //#endregion
 //#region src/grid.ts
-function at(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 : U(o, "x", t), d = l ? l.gap : U(o, "y", s), f = ht(e, t, s, u, d, e.subgrid ? {
+function ct(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 : H(o, "x", t), d = l ? l.gap : H(o, "y", s), f = vt(e, t, s, u, d, e.subgrid ? {
 		col: e.subgrid.colSpan,
 		row: e.subgrid.rowSpan
-	} : void 0), { children: p, placed: m, colLines: h, rowLines: g, colTracks: _, rowTracks: v, colCollapsed: y, rowCollapsed: b } = f, x = p.map((e) => G(e.style.margin, t)), C = p.map((e) => e.style.justifySelf === "auto" ? o.justifyItems : e.style.justifySelf), w = p.map(ot), T = c ? ct(c) : jt(_, y, lt(f, w, x, a), t, u, o.justifyContent === "stretch"), E = c ? c.positions : Mt(T, t, o.justifyContent), D = [];
+	} : void 0), { children: p, placed: m, colLines: h, rowLines: g, colTracks: _, rowTracks: v, colCollapsed: y, rowCollapsed: b } = f, x = p.map((e) => W(e.style.margin, t)), C = p.map((e) => e.style.justifySelf === "auto" ? o.justifyItems : e.style.justifySelf), w = p.map(lt), T = c ? dt(c) : Nt(_, y, ft(f, w, x, a), t, u, o.justifyContent === "stretch"), E = c ? c.positions : Pt(T, t, o.justifyContent), D = [];
 	for (let e = 0; e < p.length; e++) {
-		let t = p[e], n = m.items[e], r = Pt(E, T.sizes, n.col.start, n.col.span), i = x[e], o = Math.max(0, r - yt(i)), s = w[e];
+		let t = p[e], n = m.items[e], r = It(E, T.sizes, n.col.start, n.col.span), i = x[e], o = Math.max(0, r - St(i)), s = w[e];
 		if (s.cols || s.rows) {
-			let e = s.cols ? st(E, T, u, n.col.start, n.col.span, dt(t, "cols", i, r)) : void 0;
+			let e = s.cols ? ut(E, T, u, n.col.start, n.col.span, mt(t, "cols", i, r)) : void 0;
 			t.subgrid = {
 				colSpan: n.col.span,
 				rowSpan: n.row.span,
@@ -1253,26 +1270,26 @@ function at(e, t, n, r, i, a) {
 			};
 		} else t.subgrid = void 0;
 		let c = C[e], l = i.left === null || i.right === null, d = t.style.width !== void 0 && t.style.width.kind !== "auto";
-		s.cols ? V(t, r, void 0, 0, 0, "fill", a, { width: o }) : c === "stretch" && !l && !d ? V(t, r, void 0, 0, 0, "fill", a, { width: H(o, t.style.minWidth === "auto" ? t.style.overflow.x === "visible" ? Y(t, a) : 0 : K(t.style.minWidth, r) ?? 0, Wn(t.style.maxWidth, r, t, a)) }) : V(t, o, void 0, 0, 0, "shrink", a), D.push(t.localRect.width);
+		s.cols ? B(t, r, void 0, 0, 0, "fill", a, { width: o }) : c === "stretch" && !l && !d ? B(t, r, void 0, 0, 0, "fill", a, { width: V(o, t.style.minWidth === "auto" ? t.style.overflow.x === "visible" ? Y(t, a) : 0 : G(t.style.minWidth, r) ?? 0, Kn(t.style.maxWidth, r, t, a)) }) : B(t, o, void 0, 0, 0, "shrink", a), D.push(t.localRect.width);
 	}
-	let O = l ? ct(l) : jt(v, b, ut(f, w, x), s ?? "max-content", d, o.alignContent === "stretch"), k = Nt(O), A = l ? l.positions : Mt(O, s ?? k, o.alignContent), j = r.left + i.left, M = r.top + i.top;
+	let O = l ? dt(l) : Nt(v, b, pt(f, w, x), s ?? "max-content", d, o.alignContent === "stretch"), k = Ft(O), A = l ? l.positions : Pt(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 = Pt(E, T.sizes, r.col.start, r.col.span), s = Pt(A, O.sizes, r.row.start, r.row.span), c = Math.max(0, s - bt(i)), l = Je(n, e), u = i.top === null || i.bottom === null, f = n.style.height !== void 0 && n.style.height.kind !== "auto";
-		if (w[t].rows) n.subgrid.rows = st(A, O, d, r.row.start, r.row.span, dt(n, "rows", i, o)), V(n, o, s, 0, 0, "fill", a, {
+		let n = p[t], r = m.items[t], i = x[t], o = It(E, T.sizes, r.col.start, r.col.span), s = It(A, O.sizes, r.row.start, r.row.span), c = Math.max(0, s - Ct(i)), l = Ye(n, e), u = i.top === null || i.bottom === null, f = n.style.height !== void 0 && n.style.height.kind !== "auto";
+		if (w[t].rows) n.subgrid.rows = ut(A, O, d, r.row.start, r.row.span, mt(n, "rows", i, o)), B(n, o, s, 0, 0, "fill", a, {
 			width: D[t],
 			height: c
 		});
 		else if (l === "stretch" && !u && !f) {
-			let e = H(c, n.style.minHeight === "auto" ? n.style.overflow.y === "visible" ? n.localRect.height : 0 : K(n.style.minHeight, s) ?? 0, K(n.style.maxHeight, s));
-			e !== n.localRect.height && V(n, o, s, 0, 0, "fill", a, {
+			let e = V(c, n.style.minHeight === "auto" ? n.style.overflow.y === "visible" ? n.localRect.height : 0 : G(n.style.minHeight, s) ?? 0, G(n.style.maxHeight, s));
+			e !== n.localRect.height && B(n, o, s, 0, 0, "fill", a, {
 				width: D[t],
 				height: e
 			});
-		} else n.style.height?.kind === "percent" && V(n, o, s, 0, 0, "fill", a, { width: D[t] });
+		} else n.style.height?.kind === "percent" && B(n, o, s, 0, 0, "fill", a, { width: D[t] });
 		n.localRect = {
 			...n.localRect,
-			x: j + E[r.col.start] + Ft(C[t], i.left, i.right, o, n.localRect.width),
-			y: M + A[r.row.start] + Ft(l, i.top, i.bottom, s, n.localRect.height)
+			x: j + E[r.col.start] + Lt(C[t], i.left, i.right, o, n.localRect.width),
+			y: M + A[r.row.start] + Lt(l, i.top, i.bottom, s, n.localRect.height)
 		};
 	}
 	let N = Number.isFinite(n) ? Math.max(n, k) : k;
@@ -1289,7 +1306,7 @@ function at(e, t, n, r, i, a) {
 			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 ve(n(i - 1), o.ruleBreak, o.ruleVisibilityItems, o.ruleInset)) r.push({
+				if (!(s <= 0)) for (let e of ye(n(i - 1), o.ruleBreak, o.ruleVisibilityItems, o.ruleInset)) r.push({
 					bandStart: a,
 					bandSize: s,
 					...e
@@ -1297,7 +1314,7 @@ function at(e, t, n, r, i, a) {
 			}
 			return r;
 		}, f = d(E, T.sizes, (e) => u(e, A, O.sizes, c, (t) => s[e]?.[t] ?? !1, (t) => s[e + 1]?.[t] ?? !1)), p = d(A, O.sizes, (e) => u(e, E, T.sizes, l, (t) => s[t]?.[e] ?? !1, (t) => s[t]?.[e + 1] ?? !1));
-		e.decorationRuns = ye({
+		e.decorationRuns = be({
 			glyphs: S(o.glyphSet),
 			ruleX: o.ruleX,
 			ruleY: o.ruleY,
@@ -1311,9 +1328,9 @@ function at(e, t, n, r, i, a) {
 			padding: i
 		});
 	}
-	let ee = e.children.filter((e) => B(e.style));
+	let ee = e.children.filter((e) => z(e.style));
 	if (ee.length > 0) {
-		let e = B(o) ? {
+		let e = z(o) ? {
 			x: r.left,
 			y: r.top,
 			width: i.left + t + i.right,
@@ -1325,7 +1342,7 @@ function at(e, t, n, r, i, a) {
 			height: N
 		};
 		for (let n of ee) {
-			let r = pt(n.style.gridColumnStart, n.style.gridColumnEnd, h, m.colOrigin, E, T.sizes, -i.left, t + i.right), a = pt(n.style.gridRowStart, n.style.gridRowEnd, g, m.rowOrigin, A, O.sizes, -i.top, N + i.bottom);
+			let r = gt(n.style.gridColumnStart, n.style.gridColumnEnd, h, m.colOrigin, E, T.sizes, -i.left, t + i.right), a = gt(n.style.gridRowStart, n.style.gridRowEnd, g, m.rowOrigin, A, O.sizes, -i.top, N + i.bottom);
 			n.staticSlot = {
 				kind: "grid",
 				area: {
@@ -1340,14 +1357,14 @@ function at(e, t, n, r, i, a) {
 	}
 	return N;
 }
-function ot(e) {
+function lt(e) {
 	let t = e.style.display === "grid";
 	return {
 		cols: t && e.style.gridTemplateColumns.kind === "subgrid",
 		rows: t && e.style.gridTemplateRows.kind === "subgrid"
 	};
 }
-function st(e, t, n, r, i, a) {
+function ut(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),
@@ -1356,20 +1373,20 @@ function st(e, t, n, r, i, a) {
 		gap: n
 	};
 }
-function ct(e) {
+function dt(e) {
 	return {
 		sizes: e.sizes,
 		gapBefore: e.gapBefore,
 		limits: e.sizes
 	};
 }
-function lt(e, t, n, r) {
+function ft(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 = dt(a, "cols", c, 0);
-			for (let t of ft(a, "cols", s, e, r)) i.push({
+			let e = mt(a, "cols", c, 0);
+			for (let t of ht(a, "cols", s, e, r)) i.push({
 				...t,
 				start: t.start + s.col.start
 			});
@@ -1378,24 +1395,24 @@ function lt(e, t, n, r) {
 		i.push({
 			start: s.col.start,
 			span: s.col.span,
-			min: xt(a, "min", r) + yt(c),
-			max: xt(a, "max", r) + yt(c)
+			min: J(a, "min", r) + St(c),
+			max: J(a, "max", r) + St(c)
 		});
 	}), i;
 }
-function ut(e, t, n) {
+function pt(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 = dt(i, "rows", s, 0);
-			for (let t of ft(i, "rows", o, e)) r.push({
+			let e = mt(i, "rows", s, 0);
+			for (let t of ht(i, "rows", o, e)) r.push({
 				...t,
 				start: t.start + o.row.start
 			});
 			return;
 		}
-		let c = i.localRect.height + bt(s), l = i.style.minHeight === "auto" && i.style.overflow.y !== "visible" ? bt(s) : c;
+		let c = i.localRect.height + Ct(s), l = i.style.minHeight === "auto" && i.style.overflow.y !== "visible" ? Ct(s) : c;
 		r.push({
 			start: o.row.start,
 			span: o.row.span,
@@ -1404,25 +1421,25 @@ function ut(e, t, n) {
 		});
 	}), r;
 }
-function dt(e, t, n, r) {
+function mt(e, t, n, r) {
 	let { border: i, padding: a } = e.style;
 	return t === "cols" ? {
-		start: (n.left ?? 0) + i.left + W(a.left, r),
-		end: (n.right ?? 0) + i.right + W(a.right, r)
+		start: (n.left ?? 0) + i.left + U(a.left, r),
+		end: (n.right ?? 0) + i.right + U(a.right, r)
 	} : {
-		start: (n.top ?? 0) + i.top + W(a.top, r),
-		end: (n.bottom ?? 0) + i.bottom + W(a.bottom, r)
+		start: (n.top ?? 0) + i.top + U(a.top, r),
+		end: (n.bottom ?? 0) + i.bottom + U(a.bottom, r)
 	};
 }
-function ft(e, t, n, r, i) {
-	let a = t === "cols" ? n.col.span : n.row.span, o = ht(e, void 0, void 0, 0, 0, {
+function ht(e, t, n, r, i) {
+	let a = t === "cols" ? n.col.span : n.row.span, o = vt(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 (ot(e)[t]) {
-			let n = dt(e, t, p, 0), a = ft(e, t, c, {
+		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 = W(e.style.margin, 0);
+		if (lt(e)[t]) {
+			let n = mt(e, t, p, 0), a = ht(e, t, c, {
 				start: n.start + (u ? r.start : 0),
 				end: n.end + (d ? r.end : 0)
 			}, i);
@@ -1435,11 +1452,11 @@ function ft(e, t, n, r, i) {
 		if (t === "cols") s.push({
 			start: l.start,
 			span: l.span,
-			min: xt(e, "min", i) + yt(p) + f,
-			max: xt(e, "max", i) + yt(p) + f
+			min: J(e, "min", i) + St(p) + f,
+			max: J(e, "max", i) + St(p) + f
 		});
 		else {
-			let t = e.localRect.height + bt(p) + f;
+			let t = e.localRect.height + Ct(p) + f;
 			s.push({
 				start: l.start,
 				span: l.span,
@@ -1458,9 +1475,9 @@ function ft(e, t, n, r, i) {
 	}
 	return s;
 }
-function pt(e, t, n, r, i, a, o, s) {
-	let c = Dt(e, "start", n), l = Dt(t, "end", n);
-	c !== null && l !== null ? c > l ? [c, l] = [l, c] : c === l && (l = null) : c !== null && t.kind === "span" ? l = Ot(c, t, 1, n) : l !== null && e.kind === "span" && (c = Ot(l, e, -1, n));
+function gt(e, t, n, r, i, a, o, s) {
+	let c = kt(e, "start", n), l = kt(t, "end", n);
+	c !== null && l !== null ? c > l ? [c, l] = [l, c] : c === l && (l = null) : c !== null && t.kind === "span" ? l = At(c, t, 1, n) : l !== null && e.kind === "span" && (c = At(l, e, -1, n));
 	let u = i.length, d = (e) => {
 		if (e === null) return;
 		let t = e - r;
@@ -1471,22 +1488,22 @@ function pt(e, t, n, r, i, a, o, s) {
 		end: h === void 0 ? s : p(h)
 	};
 }
-function mt(e, t) {
+function _t(e, t) {
 	let n = t.gridIntrinsic.get(e);
 	if (n !== void 0) return n;
-	let r = e.style, i = Math.max(typeof r.gapX == "number" ? r.gapX : 0, r.ruleX?.width ?? 0), a = ht(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 = vt(e, void 0, void 0, i, 0, e.subgrid ? {
 		col: e.subgrid.colSpan,
 		row: e.subgrid.rowSpan
-	} : void 0), o = a.children.map(ot), s = a.children.map((e) => G(e.style.margin, 0)), c = jt(a.colTracks, a.colCollapsed, lt(a, o, s, t), "min-content", i, !1), l = c.gapBefore.reduce((e, t) => e + t, 0), u = {
+	} : void 0), o = a.children.map(lt), s = a.children.map((e) => W(e.style.margin, 0)), c = Nt(a.colTracks, a.colCollapsed, ft(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 ht(e, t, n, r, i, a) {
-	let o = e.style, s = vt(e), c = o.gridTemplateColumns.kind === "subgrid" && a !== void 0, l = o.gridTemplateRows.kind === "subgrid" && a !== void 0, u = c ? gt(a.col) : St(o.gridTemplateColumns, t, r), d = l ? gt(a.row) : St(o.gridTemplateRows, n, i), f = o.gridTemplateAreas, p = [...u.tracks], m = [...d.tracks];
+function vt(e, t, n, r, i, a) {
+	let o = e.style, s = xt(e), c = o.gridTemplateColumns.kind === "subgrid" && a !== void 0, l = o.gridTemplateRows.kind === "subgrid" && a !== void 0, u = c ? yt(a.col) : wt(o.gridTemplateColumns, t, r), d = l ? yt(a.row) : wt(o.gridTemplateRows, n, i), f = o.gridTemplateAreas, p = [...u.tracks], m = [...d.tracks];
 	if (f) {
-		c || wt(p, u.lineNames, f.columns, o.gridAutoColumns), l || wt(m, d.lineNames, f.rows, o.gridAutoRows);
+		c || Et(p, u.lineNames, f.columns, o.gridAutoColumns), l || Et(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 = {
@@ -1495,28 +1512,28 @@ function ht(e, t, n, r, i, a) {
 	}, g = {
 		explicitCount: m.length,
 		names: d.lineNames
-	}, _ = At(s.map((e) => ({
-		col: kt(e.style.gridColumnStart, e.style.gridColumnEnd, h),
-		row: kt(e.style.gridRowStart, e.style.gridRowEnd, g)
+	}, _ = Mt(s.map((e) => ({
+		col: jt(e.style.gridColumnStart, e.style.gridColumnEnd, h),
+		row: jt(e.style.gridRowStart, e.style.gridRowEnd, g)
 	})), p.length, m.length, o.gridAutoFlow);
-	return c && _t(_, "col", p.length), l && _t(_, "row", m.length), {
+	return c && bt(_, "col", p.length), l && bt(_, "row", m.length), {
 		children: s,
 		placed: _,
 		colLines: h,
 		rowLines: g,
-		colTracks: Tt(p, _.colOrigin, _.colCount, o.gridAutoColumns),
-		rowTracks: Tt(m, _.rowOrigin, _.rowCount, o.gridAutoRows),
-		colCollapsed: Et(u, _.colOrigin, _.colCount, _.items.map((e) => e.col)),
-		rowCollapsed: Et(d, _.rowOrigin, _.rowCount, _.items.map((e) => e.row))
+		colTracks: Dt(p, _.colOrigin, _.colCount, o.gridAutoColumns),
+		rowTracks: Dt(m, _.rowOrigin, _.rowCount, o.gridAutoRows),
+		colCollapsed: Ot(u, _.colOrigin, _.colCount, _.items.map((e) => e.col)),
+		rowCollapsed: Ot(d, _.rowOrigin, _.rowCount, _.items.map((e) => e.row))
 	};
 }
-function gt(e) {
+function yt(e) {
 	return {
-		tracks: Array.from({ length: e }, () => it()),
+		tracks: Array.from({ length: e }, () => st()),
 		lineNames: Array.from({ length: e + 1 }, () => [])
 	};
 }
-function _t(e, t, n) {
+function bt(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);
@@ -1524,22 +1541,16 @@ function _t(e, t, n) {
 	}
 	t === "col" ? (e.colOrigin = 0, e.colCount = n) : (e.rowOrigin = 0, e.rowCount = n);
 }
-function vt(e) {
-	return e.children.filter((e) => !B(e.style) && !e.inlineBox).sort((e, t) => e.style.order - t.style.order);
+function xt(e) {
+	return e.children.filter((e) => !z(e.style) && !e.inlineBox).sort((e, t) => e.style.order - t.style.order);
 }
-function yt(e) {
+function St(e) {
 	return (e.left ?? 0) + (e.right ?? 0);
 }
-function bt(e) {
+function Ct(e) {
 	return (e.top ?? 0) + (e.bottom ?? 0);
 }
-function xt(e, t, n) {
-	let r = e.style, i;
-	r.width !== void 0 && r.width.kind !== "auto" && r.width.kind !== "percent" && (i = q(r.width, 0, e, n)), i === void 0 && (i = t === "min" ? Y(e, n) : J(e, n));
-	let a = typeof r.minWidth == "number" ? r.minWidth : 0, o = typeof r.maxWidth == "number" ? r.maxWidth : void 0;
-	return Math.max(0, H(i, a, o));
-}
-function St(e, t, n) {
+function wt(e, t, n) {
 	if (e.kind !== "tracks") return {
 		tracks: [],
 		lineNames: [[]]
@@ -1552,7 +1563,7 @@ function St(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 = Ct(n.min, t) ?? Ct(n.max, t) ?? 1;
+			let r = Tt(n.min, t) ?? Tt(n.max, t) ?? 1;
 			return e + Math.max(1, r);
 		}, 0);
 		s = Math.max(1, Math.floor((t + n) / (e + n * a.length)));
@@ -1580,23 +1591,23 @@ function St(e, t, n) {
 		lineNames: d
 	};
 }
-function Ct(e, t) {
+function Tt(e, t) {
 	if (e.kind === "cells") return e.value;
-	if (e.kind === "percent" && t !== void 0) return Ce(e.value, t);
+	if (e.kind === "percent" && t !== void 0) return we(e.value, t);
 	if (e.kind === "math") {
 		let n = [];
 		for (let r of e.args) {
-			let e = Ct(r, t);
+			let e = Tt(r, t);
 			if (e === void 0) return;
 			n.push(e);
 		}
 		return e.fn === "min" ? Math.min(...n) : Math.max(...n);
 	}
 }
-function wt(e, t, n, r) {
+function Et(e, t, n, r) {
 	for (let i = e.length; i < n; i++) e.push(r[(i - e.length) % r.length]), t.push([]);
 }
-function Tt(e, t, n, r) {
+function Dt(e, t, n, r) {
 	let i = [];
 	for (let a = 0; a < n; a++) {
 		let n = a + t;
@@ -1608,7 +1619,7 @@ function Tt(e, t, n, r) {
 	}
 	return i;
 }
-function Et(e, t, n, r) {
+function Ot(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++) {
@@ -1617,7 +1628,7 @@ function Et(e, t, n, r) {
 	}
 	return i;
 }
-function Dt(e, t, n) {
+function kt(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) {
@@ -1632,14 +1643,14 @@ function Dt(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 Ot(e, t, n, r) {
+function At(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 kt(e, t, n) {
-	let r = Dt(e, "start", n), i = Dt(t, "end", n);
+function jt(e, t, n) {
+	let r = kt(e, "start", n), i = kt(t, "end", n);
 	if (r !== null && i !== null) return r === i ? {
 		start: r,
 		span: 1
@@ -1649,10 +1660,10 @@ function kt(e, t, n) {
 	};
 	if (r !== null) return {
 		start: r,
-		span: (t.kind === "span" ? Ot(r, t, 1, n) : r + 1) - r
+		span: (t.kind === "span" ? At(r, t, 1, n) : r + 1) - r
 	};
 	if (i !== null) {
-		let t = e.kind === "span" ? Ot(i, e, -1, n) : i - 1;
+		let t = e.kind === "span" ? At(i, e, -1, n) : i - 1;
 		return {
 			start: t,
 			span: i - t
@@ -1663,7 +1674,7 @@ function kt(e, t, n) {
 		span: e.kind === "span" ? e.value : t.kind === "span" ? t.value : 1
 	};
 }
-function At(e, t, n, r) {
+function Mt(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];
@@ -1760,7 +1771,7 @@ function At(e, t, n, r) {
 		rowCount: S
 	};
 }
-function jt(e, t, n, r, i, a) {
+function Nt(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,
@@ -1770,7 +1781,7 @@ function jt(e, t, n, r, i, a) {
 			frFactor: 0,
 			collapsed: !0
 		};
-		let r = Ct(e.min, o), i = r ?? 0, a = r === void 0, s = e.max;
+		let r = Tt(e.min, o), i = r ?? 0, a = r === void 0, s = e.max;
 		if (s.kind === "fr") return {
 			base: i,
 			limit: null,
@@ -1779,7 +1790,7 @@ function jt(e, t, n, r, i, a) {
 			frFactor: s.value,
 			collapsed: !1
 		};
-		let c = Ct(s, o);
+		let c = Tt(s, o);
 		return c === void 0 ? {
 			base: i,
 			limit: null,
@@ -1904,65 +1915,65 @@ function jt(e, t, n, r, i, a) {
 		limits: s.map((e) => u(e))
 	};
 }
-function Mt(e, t, n) {
-	let { sizes: r, gapBefore: i } = e, a = Math.max(0, t - Nt(e)), o = L(n === "stretch" ? "start" : n, r, a), s = [], c = 0;
+function Pt(e, t, n) {
+	let { sizes: r, gapBefore: i } = e, a = Math.max(0, t - Ft(e)), o = L(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 Nt(e) {
+function Ft(e) {
 	return e.sizes.reduce((e, t) => e + t, 0) + e.gapBefore.reduce((e, t) => e + t, 0);
 }
-function Pt(e, t, n, r) {
+function It(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 Ft(e, t, n, r, i) {
+function Lt(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 + z(e, r, i + a + o);
+	return t === null && n === null ? Math.floor(s / 2) : t === null ? s - o : n === null ? a : a + Xe(e, r, i + a + o);
 }
 //#endregion
 //#region src/multicol.ts
-function It(e, t, n) {
+function Rt(e, t, n) {
 	let r = e.columnWidth === null ? null : Math.max(1, Math.floor((t + n) / (e.columnWidth + n)));
 	return e.columnCount !== null && r !== null ? Math.max(1, Math.min(e.columnCount, r)) : r === null ? Math.max(1, e.columnCount ?? 1) : r;
 }
-function Lt(e, t, n) {
-	let r = It(e, t, n), i = Math.max(1, Math.floor((t - (r - 1) * n) / r)), a = Math.max(0, t - (r * i + (r - 1) * n));
+function zt(e, t, n) {
+	let r = Rt(e, t, n), i = Math.max(1, Math.floor((t - (r - 1) * n) / r)), a = Math.max(0, t - (r * i + (r - 1) * n));
 	return Array.from({ length: r }, (e, t) => i + +(t < a));
 }
-function Rt(e, t) {
+function Bt(e, t) {
 	let n = Math.max(typeof e.gapX == "number" ? e.gapX : 0, e.ruleX?.width ?? 0);
 	return e.columnCount === null ? Math.max(e.columnWidth ?? 1, t) : e.columnCount * t + (e.columnCount - 1) * n;
 }
-function zt(e, t) {
+function Vt(e, t) {
 	return e === void 0 ? t : t === void 0 ? e : Math.min(e, t);
 }
-function Bt(e, t, n) {
+function Ht(e, t, n) {
 	for (; e < t;) {
 		let r = e + t >> 1;
 		n(r) ? t = r : e = r + 1;
 	}
 	return e;
 }
-function Vt(e, t, n) {
-	let r = It(e, t, n), i = Math.max(1, Math.floor((t - (r - 1) * n) / r));
+function Ut(e, t, n) {
+	let r = Rt(e, t, n), i = Math.max(1, Math.floor((t - (r - 1) * n) / r));
 	return {
 		count: r,
 		width: i,
 		leftover: Math.max(0, t - (r * i + (r - 1) * n))
 	};
 }
-function Ht(e, t, n) {
+function Wt(e, t, n) {
 	return e === "all" ? !0 : e === "around" ? t || n : t && n;
 }
-function Ut(e, t, n, r) {
-	let i = Vn(e, Math.max(1, t.width - e.style.tracking)), { heights: a, textOffsets: o } = Hn(e, i), s = e.style.lineGap, c = Gt(a.map((e) => e + s)), l;
+function Gt(e, t, n, r) {
+	let i = Un(e, Math.max(1, t.width - e.style.tracking)), { heights: a, textOffsets: o } = Wn(e, i), s = e.style.lineGap, c = qt(a.map((e) => e + s)), l;
 	if (e.style.columnFill === "auto" && r !== void 0) l = Math.max(1, r);
 	else {
-		let e = Bt(c.reduce((e, t) => Math.max(e, t.rows - s), 1), Math.max(1, c.reduce((e, t) => e + t.rows, 0) - s), (e) => Wt(c, s, e).columns <= t.count);
+		let e = Ht(c.reduce((e, t) => Math.max(e, t.rows - s), 1), Math.max(1, c.reduce((e, t) => e + t.rows, 0) - s), (e) => Kt(c, s, e).columns <= t.count);
 		l = r === void 0 ? e : Math.max(1, Math.min(e, r));
 	}
-	let u = Wt(c, s, l);
+	let u = Kt(c, s, l);
 	return {
 		spans: i,
 		lineY: u.top,
@@ -1975,7 +1986,7 @@ function Ut(e, t, n, r) {
 		columnsUsed: i.length > 0 ? u.columns : 0
 	};
 }
-function Wt(e, t, n, r = "truncate") {
+function Kt(e, t, n, r = "truncate") {
 	let i = 0, a = 0, o = 0, s = [], c = [];
 	for (let l = 0; l < e.length; l++) {
 		let u = e[l], d = r === "glue" || l === 0 || a > 0 ? u.pre : 0;
@@ -1996,7 +2007,7 @@ function Wt(e, t, n, r = "truncate") {
 		top: c
 	};
 }
-function Gt(e) {
+function qt(e) {
 	return e.map((e) => ({
 		rows: e,
 		pre: 0,
@@ -2005,27 +2016,27 @@ function Gt(e) {
 		lines: 1
 	}));
 }
-var Kt = null;
-function qt() {
-	if (Kt !== null) return Kt;
+var Jt = null;
+function Yt() {
+	if (Jt !== null) return Jt;
 	let e = document.createElement("div");
 	e.style.cssText = "position:absolute;left:-9999px;visibility:hidden;columns:2;column-gap:0;column-fill:balance;width:200px;font:10px/20px monospace;orphans:1;widows:1", e.innerHTML = "<div style=\"margin:0;padding:0 0 20px 0\">aaaaaa aaaaaa aaaaaa</div><div style=\"margin:0\"><span>bbbbbb</span> bbbbbb</div>", document.body.appendChild(e);
 	let t = e.getBoundingClientRect().top, n = e.querySelector("span").getBoundingClientRect();
-	return e.remove(), Kt = !(n.width > 0 && n.top - t >= 10), Kt;
+	return e.remove(), Jt = !(n.width > 0 && n.top - t >= 10), Jt;
 }
-function Jt(e, t) {
-	let { columnWidth: n, columnCount: r, tracking: i = 0, lineGap: a = 0, restrictingHeight: o } = t, s = i > 0 ? Array.from(e, () => 1 + i) : void 0, c = Ae(e, Math.max(1, n - i), {
+function Xt(e, t) {
+	let { columnWidth: n, columnCount: r, tracking: i = 0, lineGap: a = 0, restrictingHeight: o } = t, s = i > 0 ? Array.from(e, () => 1 + i) : void 0, c = je(e, Math.max(1, n - i), {
 		advances: s,
 		tracking: i,
 		firstLineIndent: t.firstLineIndent
-	}), l = Gt(c.map(() => 1 + a)), u = Wt(l, a, o ?? Bt(1, Math.max(1, c.length * (1 + a) - a), (e) => Wt(l, a, e).columns <= r));
+	}), l = qt(c.map(() => 1 + a)), u = Kt(l, a, o ?? Ht(1, Math.max(1, c.length * (1 + a) - a), (e) => Kt(l, a, e).columns <= r));
 	return c.map((t, n) => ({
 		text: e.slice(t.start, t.end),
 		column: u.column[n],
 		top: u.top[n]
 	}));
 }
-function Yt(e, t, n, r) {
+function Zt(e, t, n, r) {
 	let i = e.style;
 	if (!i.ruleX) return;
 	let a = t.columnCount * t.columnWidth + (t.columnCount - 1) * t.gap, o = t.ruleSegments ?? [{
@@ -2035,18 +2046,18 @@ function Yt(e, t, n, r) {
 	}], s = [];
 	for (let e of o) {
 		let n = Math.min(e.columns, t.columnCount);
-		for (let r = 0; r < t.columnCount - 1; r++) Ht(i.ruleVisibilityItems, r < n, r + 1 < n) && s.push({
+		for (let r = 0; r < t.columnCount - 1; r++) Wt(i.ruleVisibilityItems, r < n, r + 1 < n) && s.push({
 			bandStart: (r + 1) * t.columnWidth + r * t.gap,
 			bandSize: t.gap,
 			start: e.start,
 			end: e.end
 		});
 	}
-	e.decorationRuns = ye({
+	e.decorationRuns = be({
 		glyphs: S(i.glyphSet),
 		ruleX: i.ruleX,
 		ruleY: null,
-		vertical: Ve(s, i.ruleInset),
+		vertical: He(s, i.ruleInset),
 		horizontal: [],
 		contentWidth: a,
 		contentHeight: t.totalRows,
@@ -2056,12 +2067,12 @@ function Yt(e, t, n, r) {
 		padding: r
 	});
 }
-function Xt(e, t) {
+function Qt(e, t) {
 	let n = e.style, r = n.padding;
 	return e.text !== "" && e.children.length === 0 && n.display === "block" && n.position === "static" && !n.columnSpan && n.whiteSpace === "normal" && n.lineGap === t.lineGap && n.border.top === 0 && n.border.right === 0 && n.border.bottom === 0 && n.border.left === 0 && r.top === 0 && r.right === 0 && r.bottom === 0 && r.left === 0 && n.backgroundColor === void 0 && !n.backgroundClear && n.overflow.x === "visible" && n.overflow.y === "visible" && (n.width === void 0 || n.width.kind === "auto") && (n.height === void 0 || n.height.kind === "auto") && (n.minWidth === "auto" || n.minWidth === 0 || n.minWidth === void 0) && (n.minHeight === "auto" || n.minHeight === 0 || n.minHeight === void 0) && n.maxWidth === void 0 && n.maxHeight === void 0;
 }
-function Zt(e, t, n, r, i, a, o) {
-	let s = e.style, c = U(s, "x", n), l = Vt(s, n, c);
+function $t(e, t, n, r, i, a, o) {
+	let s = e.style, c = H(s, "x", n), l = Ut(s, n, c);
 	a.right += l.leftover;
 	let u = s.lineGap, d = i.left + a.left, f = i.top + a.top, p = n - l.leftover, m = [[]], h = [];
 	for (let e of t) e.style.columnSpan ? (h[m.length - 1] = e, m.push([])) : m[m.length - 1].push(e);
@@ -2071,13 +2082,13 @@ function Zt(e, t, n, r, i, a, o) {
 		if (t.length > 0) {
 			let i = t.map((e) => ({
 				node: e,
-				spans: Vn(e, Math.max(1, l.width - e.style.tracking)),
-				margin: G(e.style.margin, l.width),
+				spans: Un(e, Math.max(1, l.width - e.style.tracking)),
+				margin: W(e.style.margin, l.width),
 				pre: 0,
 				post: 0
 			})), a = [], o = null, h = null, x = !1;
 			for (let e of i) {
-				let { node: t, spans: n, margin: r } = e, i = o === null ? r.top ?? 0 : qn(o, r.top ?? 0), s = i;
+				let { node: t, spans: n, margin: r } = e, i = o === null ? r.top ?? 0 : Yn(o, r.top ?? 0), s = i;
 				_ === "glue" && h !== null ? (s = 0, h.post = i, a[a.length - 1].post = i) : e.pre = i;
 				let c = x || t.style.breakBeforeColumn;
 				if (t.style.breakInsideAvoid && n.length > 0) a.push({
@@ -2100,10 +2111,10 @@ function Zt(e, t, n, r, i, a, o) {
 			let S;
 			if (s.columnFill === "auto" && r !== void 0) S = Math.max(1, r);
 			else {
-				let e = Bt(1, Math.max(1, Wt(a, u, Infinity, _).maxUsed), (e) => Wt(a, u, e, _).columns <= l.count);
+				let e = Ht(1, Math.max(1, Kt(a, u, Infinity, _).maxUsed), (e) => Kt(a, u, e, _).columns <= l.count);
 				S = r === void 0 ? e : Math.max(1, Math.min(e, r));
 			}
-			let C = Wt(a, u, S, _);
+			let C = Kt(a, u, S, _);
 			for (let e = 0, t = 0; e < i.length; e++) {
 				let { node: n, spans: r, margin: a, pre: o, post: s } = i[e], u = [], m = [];
 				for (let e = 0; e < r.length; e++, t++) u.push(y + C.top[t]), m.push(C.column[t] * (l.width + c));
@@ -2142,9 +2153,9 @@ function Zt(e, t, n, r, i, a, o) {
 		}
 		let i = h[e];
 		if (i) {
-			let e = G(i.style.margin, p), t = (e.left ?? 0) + (e.right ?? 0);
-			V(i, Math.max(0, p - t), void 0, 0, 0, "fill", o);
-			let r = Kn(e, p, i.localRect.width), a = (e.top ?? 0) + n;
+			let e = W(i.style.margin, p), t = (e.left ?? 0) + (e.right ?? 0);
+			B(i, Math.max(0, p - t), void 0, 0, 0, "fill", o);
+			let r = Jn(e, p, i.localRect.width), a = (e.top ?? 0) + n;
 			y += a, i.localRect = {
 				...i.localRect,
 				x: d + r,
@@ -2159,8 +2170,8 @@ function Zt(e, t, n, r, i, a, o) {
 	}
 	let x = y;
 	for (let t of e.children) {
-		if (!B(t.style)) continue;
-		let e = G(t.style.margin, n);
+		if (!z(t.style)) continue;
+		let e = W(t.style.margin, n);
 		t.staticSlot = {
 			kind: "block",
 			x: d + (e.left ?? 0),
@@ -2183,10 +2194,10 @@ function Zt(e, t, n, r, i, a, o) {
 		} : {}
 	}, x;
 }
-function Qt(e, t, n, r, i, a, o) {
-	let s = e.style, c = zt(n, r), l = e.children.filter((e) => !B(e.style)), u = l.filter((e) => !e.style.columnSpan), d = l.reduce((e, t, n) => !t.style.columnSpan && (n === 0 || l[n - 1].style.columnSpan) ? e + 1 : e, 0);
-	if (u.length > 0 && u.every((e) => Xt(e, s)) && (u.length === l.length || s.columnFill === "balance" && c === void 0 && (qt() || d <= 1 && u.every((e) => (e.style.margin.top === 0 || e.style.margin.top === null) && (e.style.margin.bottom === 0 || e.style.margin.bottom === null))))) return Zt(e, l, t, c, i, a, o);
-	let f = U(s, "x", t), p = Lt(s, t, f), m = p.length, h = [];
+function en(e, t, n, r, i, a, o) {
+	let s = e.style, c = Vt(n, r), l = e.children.filter((e) => !z(e.style)), u = l.filter((e) => !e.style.columnSpan), d = l.reduce((e, t, n) => !t.style.columnSpan && (n === 0 || l[n - 1].style.columnSpan) ? e + 1 : e, 0);
+	if (u.length > 0 && u.every((e) => Qt(e, s)) && (u.length === l.length || s.columnFill === "balance" && c === void 0 && (Yt() || d <= 1 && u.every((e) => (e.style.margin.top === 0 || e.style.margin.top === null) && (e.style.margin.bottom === 0 || e.style.margin.bottom === null))))) return $t(e, l, t, c, i, a, o);
+	let f = H(s, "x", t), p = zt(s, t, f), m = p.length, h = [];
 	{
 		let e = 0;
 		for (let t of p) h.push(e), e += t + f;
@@ -2195,7 +2206,7 @@ function Qt(e, t, n, r, i, a, o) {
 		let r = 0, i = 0, a = null, s = 0, c = (e) => {
 			if (t) for (let t of T) {
 				if (t.index !== e) continue;
-				let n = a === null ? t.margin.top ?? 0 : qn(a, t.margin.top ?? 0);
+				let n = a === null ? t.margin.top ?? 0 : Yn(a, t.margin.top ?? 0);
 				t.child.staticSlot = {
 					kind: "block",
 					x: y + g(r) + (t.margin.left ?? 0),
@@ -2206,16 +2217,16 @@ function Qt(e, t, n, r, i, a, o) {
 		for (let l = 0; l < w.length; l++) {
 			let u = w[l];
 			c(l);
-			let d = a === null ? l === 0 ? u.margin.top ?? 0 : 0 : qn(a, u.margin.top ?? 0), f = u.node.localRect.height;
+			let d = a === null ? l === 0 ? u.margin.top ?? 0 : 0 : Yn(a, u.margin.top ?? 0), f = u.node.localRect.height;
 			if (a !== null && (u.breakBefore || i + d + f > e) && (r += 1, i = 0, a = null, d = 0), t) {
 				let e = u.node, t = _(r);
 				if (t !== v) {
 					let r = (u.margin.left ?? 0) + (u.margin.right ?? 0);
-					V(e, Math.max(0, t - r), n, 0, 0, "fill", o);
+					B(e, Math.max(0, t - r), n, 0, 0, "fill", o);
 				}
 				e.localRect = {
 					...e.localRect,
-					x: y + g(r) + Kn(u.margin, t, e.localRect.width),
+					x: y + g(r) + Jn(u.margin, t, e.localRect.width),
 					y: b + C + i + d
 				};
 			}
@@ -2238,13 +2249,13 @@ function Qt(e, t, n, r, i, a, o) {
 		let e = c === void 0 ? void 0 : Math.max(1, c - C), t = s.columnFill === "auto" && e !== void 0, r;
 		if (t) r = e;
 		else {
-			let t = Bt(1, D(Infinity, !1).maxUsed, (e) => D(e, !1).columns <= m);
+			let t = Ht(1, D(Infinity, !1).maxUsed, (e) => D(e, !1).columns <= m);
 			r = e === void 0 ? t : Math.min(t, e);
 		}
 		let i = D(r, !0), a = t && n !== void 0 ? Math.max(i.maxUsed, r) : i.maxUsed;
 		if (s.ruleX) for (let e = 0; e < m - 1; e++) {
 			let t = Math.min(i.columns, m);
-			Ht(s.ruleVisibilityItems, e < t, e + 1 < t) && x.push({
+			Wt(s.ruleVisibilityItems, e < t, e + 1 < t) && x.push({
 				bandStart: h[e] + p[e],
 				bandSize: f,
 				start: C,
@@ -2254,36 +2265,36 @@ function Qt(e, t, n, r, i, a, o) {
 		C += a, w = [], T = [];
 	};
 	for (let r of e.children) {
-		if (B(r.style)) {
+		if (z(r.style)) {
 			T.push({
 				child: r,
-				margin: G(r.style.margin, t),
+				margin: W(r.style.margin, t),
 				index: w.length
 			});
 			continue;
 		}
 		if (r.style.columnSpan) {
 			O(), E = !1;
-			let e = G(r.style.margin, t), i = (e.left ?? 0) + (e.right ?? 0);
-			V(r, Math.max(0, t - i), n, 0, 0, "fill", o), C += e.top ?? 0, r.localRect = {
+			let e = W(r.style.margin, t), i = (e.left ?? 0) + (e.right ?? 0);
+			B(r, Math.max(0, t - i), n, 0, 0, "fill", o), C += e.top ?? 0, r.localRect = {
 				...r.localRect,
-				x: y + Kn(e, t, r.localRect.width),
+				x: y + Jn(e, t, r.localRect.width),
 				y: b + C
 			}, C += r.localRect.height + (e.bottom ?? 0);
 			continue;
 		}
-		let e = G(r.style.margin, v), i = (e.left ?? 0) + (e.right ?? 0);
-		V(r, Math.max(0, v - i), n, 0, 0, "fill", o), w.push({
+		let e = W(r.style.margin, v), i = (e.left ?? 0) + (e.right ?? 0);
+		B(r, Math.max(0, v - i), n, 0, 0, "fill", o), w.push({
 			node: r,
 			margin: e,
 			breakBefore: E || r.style.breakBeforeColumn
 		}), E = r.style.breakAfterColumn;
 	}
-	return O(), s.ruleX && x.length > 0 && (e.decorationRuns = ye({
+	return O(), s.ruleX && x.length > 0 && (e.decorationRuns = be({
 		glyphs: S(s.glyphSet),
 		ruleX: s.ruleX,
 		ruleY: null,
-		vertical: Ve(x, s.ruleInset),
+		vertical: He(x, s.ruleInset),
 		horizontal: [],
 		contentWidth: t,
 		contentHeight: C,
@@ -2295,32 +2306,32 @@ function Qt(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/table.ts
-function $t(e, t) {
+function tn(e, t) {
 	e.hidden.push(t), t.style.tableRole !== "column" && t.style.tableRole !== "column-group" && N(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 en(e, t) {
+function nn(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 tn(e, t, n) {
+function rn(e, t, n) {
 	let r = (t, r) => {
-		let i = t.style.width, a = i && i.kind !== "auto" && i.kind !== "percent" ? q(i, 0, t, n) : void 0, o = i && i.kind === "percent" ? i.value : void 0;
+		let i = t.style.width, a = i && i.kind !== "auto" && i.kind !== "percent" ? K(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, nn(t.source));
+		r(t, an(t.source));
 		return;
 	}
 	let i = t.children.filter((e) => e.style.tableRole === "column");
-	if (i.length === 0) r(t, nn(t.source));
-	else for (let e of i) r(e, nn(e.source));
-	for (let n of t.children) n.style.tableRole !== "column" && $t(e, n);
+	if (i.length === 0) r(t, an(t.source));
+	else for (let e of i) r(e, an(e.source));
+	for (let n of t.children) n.style.tableRole !== "column" && tn(e, n);
 }
-function nn(e) {
+function an(e) {
 	let t = Number.parseInt(e.getAttribute("span") ?? "", 10);
 	return Number.isNaN(t) ? 1 : Math.min(1e3, Math.max(1, t));
 }
-function rn(e, t) {
+function on(e, t) {
 	let n = {
 		caption: null,
 		rows: [],
@@ -2333,7 +2344,7 @@ function rn(e, t) {
 		hidden: []
 	}, r = [], i = [], a = [];
 	for (let o of e.children) {
-		if (B(o.style)) continue;
+		if (z(o.style)) continue;
 		let e = o.style.tableRole;
 		if (e === "row") i.push({
 			row: o,
@@ -2341,11 +2352,11 @@ function rn(e, t) {
 		});
 		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) B(e.style) || (e.style.tableRole === "row" ? t.push({
+			for (let e of o.children) z(e.style) || (e.style.tableRole === "row" ? t.push({
 				row: e,
 				group: o
-			}) : $t(n, e));
-		} else e === "caption" ? n.caption === null ? n.caption = o : $t(n, o) : e === "column" || e === "column-group" ? (tn(n, o, t), n.hidden.push(o)) : $t(n, o);
+			}) : tn(n, e));
+		} else e === "caption" ? n.caption === null ? n.caption = o : tn(n, o) : e === "column" || e === "column-group" ? (rn(n, o, t), n.hidden.push(o)) : tn(n, o);
 	}
 	let o = [
 		...r,
@@ -2360,20 +2371,20 @@ function rn(e, t) {
 			s = e + 1;
 		}
 	}
-	return an(n), n;
+	return sn(n), n;
 }
-function an(e) {
+function sn(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 (B(a.style)) continue;
+			if (z(a.style)) continue;
 			if (a.style.tableRole !== "cell") {
-				$t(e, a);
+				tn(e, a);
 				continue;
 			}
 			for (; (t[i] ?? 0) > n;) i++;
-			let o = en(a.source, "colspan"), s = en(a.source, "rowspan"), c = e.groupEnds[n], l = Math.max(1, Math.min(s === 0 ? c - n : s, c - n));
+			let o = nn(a.source, "colspan"), s = nn(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,
@@ -2387,21 +2398,21 @@ function an(e) {
 	}
 	e.columnCount = Math.max(t.length, e.colFixed.length);
 }
-function on(e, t, n) {
+function cn(e, t, n) {
 	let r = e.style, i = Y(e, n), a;
 	if (t === "min") a = i;
 	else {
-		let t = r.width !== void 0 && r.width.kind !== "auto" && r.width.kind !== "percent" ? q(r.width, 0, e, n) : void 0;
-		a = t === void 0 ? J(e, n) : Math.max(i, t);
+		let t = r.width !== void 0 && r.width.kind !== "auto" && r.width.kind !== "percent" ? K(r.width, 0, e, n) : void 0;
+		a = t === void 0 ? q(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, H(a, o, s));
+	return Math.max(0, V(a, o, s));
 }
-function sn(e) {
+function ln(e) {
 	let t = e.style.width;
 	return t && t.kind === "percent" ? t.value : void 0;
 }
-function cn(e, t, n) {
+function un(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 = [];
@@ -2410,15 +2421,15 @@ function cn(e, t, n) {
 			s.push(t);
 			continue;
 		}
-		i[t.col] = Math.max(i[t.col], on(t.node, "min", n)), a[t.col] = Math.max(a[t.col], on(t.node, "max", n));
-		let e = sn(t.node);
+		i[t.col] = Math.max(i[t.col], cn(t.node, "min", n)), a[t.col] = Math.max(a[t.col], cn(t.node, "max", n));
+		let e = ln(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 = hn(t, r, o), c = a.slice(r, o);
+		let r = e.col, o = e.col + e.colSpan, s = _n(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 = on(e.node, t, n) - u;
+			let l = t === "min" ? i : a, u = l.slice(r, o).reduce((e, t) => e + t, 0) + s, d = cn(e.node, t, n) - u;
 			if (d <= 0) continue;
 			let f = R(c.some((e) => e > 0) ? c : c.map(() => 1), d);
 			for (let e = r; e < o; e++) l[e] += f[e - r];
@@ -2431,7 +2442,7 @@ function cn(e, t, n) {
 		percent: o
 	};
 }
-function ln(e, t) {
+function dn(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) {
@@ -2460,13 +2471,13 @@ function ln(e, t) {
 	}
 	return r;
 }
-function un(e, t, n) {
+function fn(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 = q(e.width, 0, r.node, n)), a === void 0) continue;
+		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 = K(e.width, 0, r.node, n)), a === void 0) continue;
 		let o = R(Array.from({ length: r.colSpan }, () => 1), a);
 		for (let e = 0; e < r.colSpan; e++) {
 			let t = r.col + e;
@@ -2480,13 +2491,13 @@ function un(e, t, n) {
 	}
 	return i.map((e) => e ?? 0);
 }
-var dn = {
+var pn = {
 	double: 3,
 	solid: 2,
 	dashed: 1,
 	dotted: 0
 };
-function fn(e) {
+function mn(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) {
@@ -2494,7 +2505,7 @@ function fn(e) {
 		let e = n.width[r];
 		if (e <= 0) continue;
 		let i = n.style[r];
-		(t === null || e > t.width || e === t.width && dn[i] > dn[t.style]) && (t = {
+		(t === null || e > t.width || e === t.width && pn[i] > pn[t.style]) && (t = {
 			width: e,
 			style: i,
 			color: n.color[r]
@@ -2502,7 +2513,7 @@ function fn(e) {
 	}
 	return t;
 }
-function pn(e, t) {
+function hn(e, t) {
 	let n = t.columnCount, r = t.rows.length, i = e.style.borderCollapse, a = {
 		collapsed: i,
 		vLines: Array.from({ length: n + 1 }, () => 0),
@@ -2547,7 +2558,7 @@ function pn(e, t) {
 					side: u
 				});
 			}
-			i.push(fn(l));
+			i.push(mn(l));
 		}
 		a.vSegments.push(i), a.vLines[e] = i.reduce((e, t) => Math.max(e, t?.width ?? 0), 0);
 	}
@@ -2586,47 +2597,47 @@ function pn(e, t) {
 			}), e === r && l.push({
 				border: s,
 				side: "bottom"
-			}), i.push(fn(l));
+			}), i.push(mn(l));
 		}
 		a.hSegments.push(i), a.hLines[e] = i.reduce((e, t) => Math.max(e, t?.width ?? 0), 0);
 	}
 	return a;
 }
-function mn(e, t) {
+function gn(e, t) {
 	return e.collapsed ? e.vLines.reduce((e, t) => e + t, 0) : (t + 1) * e.spacingX;
 }
-function hn(e, t, n) {
+function _n(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 gn(e, t, n) {
+function vn(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 _n(e, t) {
+function yn(e, t) {
 	let n = t.tableData.get(e);
 	if (n) return n;
-	let r = rn(e, t), i = pn(e, r), a = {
+	let r = on(e, t), i = hn(e, r), a = {
 		structure: r,
 		chrome: i,
-		bounds: cn(r, i, t),
-		chromeX: mn(i, r.columnCount)
+		bounds: un(r, i, t),
+		chromeX: gn(i, r.columnCount)
 	};
 	return t.tableData.set(e, a), a;
 }
-function vn(e, t) {
-	let { structure: n, bounds: r, chromeX: i } = _n(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, Y(n.caption, t)), o = Math.max(o, J(n.caption, t))), {
+function bn(e, t) {
+	let { structure: n, bounds: r, chromeX: i } = yn(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, Y(n.caption, t)), o = Math.max(o, q(n.caption, t))), {
 		min: a,
 		max: o
 	};
 }
-function yn(e, t, n) {
-	let r = e.style, { bounds: i, chromeX: a } = _n(e, n), { min: o, max: s } = vn(e, n), c = r.border.left + r.border.right + W(r.padding.left, t) + W(r.padding.right, t) + tt(r).right, l = i.max.reduce((e, t) => e + t, 0), u = 0, d = 0;
+function xn(e, t, n) {
+	let r = e.style, { bounds: i, chromeX: a } = yn(e, n), { min: o, max: s } = bn(e, n), c = r.border.left + r.border.right + U(r.padding.left, t) + U(r.padding.right, t) + it(r).right, 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;
@@ -2642,8 +2653,8 @@ function yn(e, t, n) {
 	let f = Math.max(l + a, s) + c;
 	return Math.max(o + c, Math.min(f, t));
 }
-function bn(e, t, n, r, i, a) {
-	let { structure: o, chrome: s, bounds: c } = _n(e, a), l = o.columnCount, u = o.rows.length, d = r.left + i.left, f = r.top + i.top;
+function Sn(e, t, n, r, i, a) {
+	let { structure: o, chrome: s, bounds: c } = yn(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,
@@ -2655,16 +2666,16 @@ function bn(e, t, n, r, i, a) {
 		bottom: 0,
 		left: 0
 	}, e.unclampedHeight = 0;
-	let p = Math.max(0, t - mn(s, l)), m = e.style, h = m.tableLayout === "fixed" && m.width !== void 0 && m.width.kind !== "auto" ? un(o, p, a) : ln(c, p), g = [], _ = 0;
+	let p = Math.max(0, t - gn(s, l)), m = e.style, h = m.tableLayout === "fixed" && m.width !== void 0 && m.width.kind !== "auto" ? fn(o, p, a) : dn(c, p), g = [], _ = 0;
 	for (let e = 0; e < l; e++) _ += s.collapsed ? s.vLines[e] : s.spacingX, g.push(_), _ += h[e];
 	let v = _ + (s.collapsed ? s.vLines[l] ?? 0 : s.spacingX), y = 0;
-	o.caption && (V(o.caption, t, void 0, d, f, "fill", a), y = o.caption.localRect.height);
+	o.caption && (B(o.caption, t, void 0, d, f, "fill", a), y = o.caption.localRect.height);
 	let b = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map();
 	for (let e of o.cells) {
-		let t = e.col + e.colSpan, n = h.slice(e.col, t).reduce((e, t) => e + t, 0) + hn(s, e.col, t);
-		x.set(e, n), V(e.node, n, void 0, 0, 0, "fill", a, { width: n }), b.set(e, e.node.localRect.height);
+		let t = e.col + e.colSpan, n = h.slice(e.col, t).reduce((e, t) => e + t, 0) + _n(s, e.col, t);
+		x.set(e, n), B(e.node, n, void 0, 0, 0, "fill", a, { width: n }), b.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 - y - C), T = (e) => e !== void 0 && e.kind === "percent" && w !== void 0 ? Ce(e.value, w) : 0, E = Array.from({ length: u }, () => 0), D = Array.from({ length: u }, () => !1);
+	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 - y - C), T = (e) => e !== void 0 && e.kind === "percent" && w !== void 0 ? we(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);
@@ -2677,7 +2688,7 @@ function bn(e, t, n, r, i, a) {
 	}
 	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) + gn(s, e.row, t), r = b.get(e) - n;
+		let t = e.row + e.rowSpan, n = E.slice(e.row, t).reduce((e, t) => e + t, 0) + vn(s, e.row, t), r = b.get(e) - n;
 		if (r <= 0) continue;
 		let i = R(Array.from({ length: e.rowSpan }, () => 1), r);
 		for (let n = e.row; n < t; n++) E[n] += i[n - e.row];
@@ -2728,41 +2739,41 @@ function bn(e, t, n, r, i, a) {
 		}, 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) + gn(s, e.row, t);
-		e.node.children.some((e) => !B(e.style) && e.style.height?.kind === "percent") && n !== b.get(e) && V(e.node, x.get(e), n, 0, 0, "fill", a, {
+		let t = e.row + e.rowSpan, n = E.slice(e.row, t).reduce((e, t) => e + t, 0) + vn(s, e.row, t);
+		e.node.children.some((e) => !z(e.style) && e.style.height?.kind === "percent") && n !== b.get(e) && B(e.node, x.get(e), n, 0, 0, "fill", a, {
 			width: x.get(e),
 			height: n
-		}), xn(e.node, n - (e.node.naturalContentHeight ?? e.node.localRect.height)), e.node.localRect = {
+		}), Cn(e.node, n - (e.node.naturalContentHeight ?? e.node.localRect.height)), e.node.localRect = {
 			x: g[e.col],
 			y: 0,
 			width: e.node.localRect.width,
 			height: n
 		};
 	}
-	for (let t of e.children) B(t.style) && (t.staticSlot = {
+	for (let t of e.children) z(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 = Sn(s, o, h, E, g, A, d, f, S(e.style.glyphSet))), e.style.captionSide === "bottom" ? M + y : M;
+	return o.caption && e.style.captionSide === "bottom" && (o.caption.localRect.y = f + M), s.collapsed && l > 0 && u > 0 && (e.decorationRuns = wn(s, o, h, E, g, A, d, f, S(e.style.glyphSet))), e.style.captionSide === "bottom" ? M + y : M;
 }
-function xn(e, t) {
+function Cn(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) => !B(e.style) && !e.inlineBox)) {
+	if (!e.children.some((e) => !z(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 || (B(t.style) ? t.staticSlot?.kind === "block" && (t.staticSlot.y += r) : t.localRect.y += r);
+	if (!(r <= 0)) for (let t of e.children) t.inlineBox || (z(t.style) ? t.staticSlot?.kind === "block" && (t.staticSlot.y += r) : t.localRect.y += r);
 }
-function Sn(e, t, n, r, i, a, o, s, c) {
+function wn(e, t, n, r, i, a, o, s, c) {
 	let l = t.columnCount, u = t.rows.length, d = [], f = (t) => t < l ? i[t] - e.vLines[t] : i[l - 1] + n[l - 1], p = (t) => t < u ? a[t] - e.hLines[t] : a[u - 1] + r[u - 1];
 	for (let t = 0; t <= l; t++) {
 		let n = e.vSegments[t];
 		for (let e = 0; e < u; e++) {
 			let i = n[e];
 			if (!i) continue;
-			let l = pe(i.style, "v", c);
+			let l = me(i.style, "v", c);
 			for (let n = 0; n < i.width; n++) for (let c = a[e]; c < a[e] + r[e]; c++) d.push({
 				glyph: l,
 				x: o + f(t) + n,
@@ -2777,7 +2788,7 @@ function Sn(e, t, n, r, i, a, o, s, c) {
 		for (let e = 0; e < l; e++) {
 			let a = r[e];
 			if (!a) continue;
-			let l = pe(a.style, "h", c);
+			let l = me(a.style, "h", c);
 			for (let r = 0; r < a.width; r++) d.push({
 				glyph: l,
 				x: o + i[e],
@@ -2796,7 +2807,7 @@ function Sn(e, t, n, r, i, a, o, s, c) {
 			m
 		].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 && dn[t.style] > dn[e.style] ? t : e), v = me(g, r !== null, i !== null, a !== null, m !== null, c);
+		let g = h.every((e) => e.style === "double") ? "double" : "solid", _ = h.reduce((e, t) => t.width > e.width || t.width === e.width && pn[t.style] > pn[e.style] ? t : e), v = he(g, r !== null, i !== null, a !== null, m !== null, c);
 		for (let r = 0; r < e.vLines[t]; r++) for (let i = 0; i < e.hLines[n]; i++) d.push({
 			glyph: v,
 			x: o + f(t) + r,
@@ -2809,30 +2820,30 @@ function Sn(e, t, n, r, i, a, o, s, c) {
 }
 //#endregion
 //#region src/positioning.ts
-function Cn(e) {
+function Tn(e) {
 	return e.position === "absolute" || e.position === "fixed" ? "absolute" : e.position === "relative" || e.position === "sticky" ? "relative" : "static";
 }
-function wn(e, t, n, r, i) {
+function En(e, t, n, r, i) {
 	for (let a of e.children) {
-		let o = Cn(a.style);
+		let o = Tn(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 += Tn(a.style.insets.left, a.style.insets.right, t), a.localRect.y += Tn(a.style.insets.top, a.style.insets.bottom, n);
-		} else o === "absolute" && Dn(a, e, t, n, r, i);
-		wn(a, t + a.localRect.x, n + a.localRect.y, [...r, {
+			a.localRect.x += Dn(a.style.insets.left, a.style.insets.right, t), a.localRect.y += Dn(a.style.insets.top, a.style.insets.bottom, n);
+		} else o === "absolute" && kn(a, e, t, n, r, i);
+		En(a, t + a.localRect.x, n + a.localRect.y, [...r, {
 			node: a,
 			absX: t + a.localRect.x,
 			absY: n + a.localRect.y
 		}], i);
 	}
 }
-function Tn(e, t, n) {
-	return e === null ? t === null ? 0 : -W(t, n) : W(e, n);
+function Dn(e, t, n) {
+	return e === null ? t === null ? 0 : -U(t, n) : U(e, n);
 }
-function En(e, t) {
+function On(e, t) {
 	if (!t) for (let t = e.length - 1; t > 0; t--) {
 		let n = e[t];
-		if (!Fn(n.node.style)) continue;
+		if (!Ln(n.node.style)) continue;
 		let r = n.node.style.border;
 		return {
 			x: n.absX + r.left,
@@ -2849,44 +2860,44 @@ function En(e, t) {
 		height: n.node.localRect.height
 	};
 }
-function Dn(e, t, n, r, i, a) {
-	let o = e.style, s = o.position === "fixed", c = e.staticSlot, l = c?.kind === "grid" && !s && Fn(t.style) ? {
+function kn(e, t, n, r, i, a) {
+	let o = e.style, s = o.position === "fixed", c = e.staticSlot, l = c?.kind === "grid" && !s && Ln(t.style) ? {
 		x: n + c.area.x,
 		y: r + c.area.y,
 		width: c.area.width,
 		height: c.area.height
-	} : En(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 = Wn(o.minWidth, l.width, e, a) ?? 0, S = Wn(o.maxWidth, l.width, e, a), C = {};
-	if (!y) C.width = H(q(o.width, l.width, e, a), x, S);
-	else if (u !== null && d !== null) C.width = H(Math.max(0, l.width - u - d - h - g), x, S);
+	} : On(i, s), u = o.insets.left === null ? null : U(o.insets.left, l.width), d = o.insets.right === null ? null : U(o.insets.right, l.width), f = o.insets.top === null ? null : U(o.insets.top, l.height), p = o.insets.bottom === null ? null : U(o.insets.bottom, l.height), m = W(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 = Kn(o.minWidth, l.width, e, a) ?? 0, S = Kn(o.maxWidth, l.width, e, a), C = {};
+	if (!y) C.width = V(K(o.width, l.width, e, a), x, S);
+	else if (u !== null && d !== null) C.width = V(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 = H(Math.min(J(e, a), Math.max(Y(e, a), t)), x, S);
+		C.width = V(Math.min(q(e, a), Math.max(Y(e, a), t)), x, S);
 	}
-	f !== null && p !== null && b && (C.height = H(Math.max(0, l.height - f - p - _ - v), K(o.minHeight, l.height) ?? 0, K(o.maxHeight, l.height))), V(e, l.width, l.height, 0, 0, "shrink", a, C);
+	f !== null && p !== null && b && (C.height = V(Math.max(0, l.height - f - p - _ - v), G(o.minHeight, l.height) ?? 0, G(o.maxHeight, l.height))), B(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 ? Mn(e, t, n, w) : l.x + l.width - d - w - g : l.x + u + h;
+	} else E = u === null ? d === null ? Pn(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 ? Nn(e, t, r, T) : l.y + l.height - p - T - v : l.y + f + _;
+	} else D = f === null ? p === null ? Fn(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 On(e, t, n) {
+function An(e, t, n) {
 	return L(e, [n], Math.max(0, t - n))[0];
 }
-function kn(e, t, n, r) {
-	return z(Je(e, t), n, r);
+function jn(e, t, n, r) {
+	return Xe(Ye(e, t), n, r);
 }
-function An(e, t, n, r, i) {
-	let a = G(e.style.margin, n.innerWidth), [o, s, c, l] = r === "x" ? [
+function Mn(e, t, n, r, i) {
+	let a = W(e.style.margin, n.innerWidth), [o, s, c, l] = r === "x" ? [
 		a.left ?? 0,
 		a.right ?? 0,
 		n.innerWidth,
@@ -2897,10 +2908,10 @@ function An(e, t, n, r, i) {
 		n.innerHeight,
 		n.direction === "column"
 	], u = i + o + s;
-	return (l ? On(Qe(t.style), c, u) : kn(e, t, c, u)) + o;
+	return (l ? An(et(t.style), c, u) : jn(e, t, c, u)) + o;
 }
-function jn(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" ? [
+function Nn(e, t, n, r, i) {
+	let a = W(e.style.margin, n.width), o = e.style.justifySelf === "auto" ? t.style.justifyItems : e.style.justifySelf, [s, c, l, u] = r === "x" ? [
 		a.left ?? 0,
 		a.right ?? 0,
 		n.width,
@@ -2909,37 +2920,37 @@ function jn(e, t, n, r, i) {
 		a.top ?? 0,
 		a.bottom ?? 0,
 		n.height,
-		Je(e, t)
+		Ye(e, t)
 	];
-	return z(u, l, i + s + c) + s;
+	return Xe(u, l, i + s + c) + s;
 }
-function Mn(e, t, n, r) {
+function Pn(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 + jn(e, t, i.staticArea, "x", r) : n + i.originX + An(e, t, i, "x", r);
+	return i === void 0 ? n : i.kind === "block" ? n + i.x : i.kind === "grid" ? n + i.staticArea.x + Nn(e, t, i.staticArea, "x", r) : n + i.originX + Mn(e, t, i, "x", r);
 }
-function Nn(e, t, n, r) {
+function Fn(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 + jn(e, t, i.staticArea, "y", r) : n + i.originY + An(e, t, i, "y", r);
+	return i === void 0 ? n : i.kind === "block" ? n + i.y : i.kind === "grid" ? n + i.staticArea.y + Nn(e, t, i.staticArea, "y", r) : n + i.originY + Mn(e, t, i, "y", r);
 }
 //#endregion
 //#region src/layout.ts
-function Pn(e, t) {
-	let n = In();
-	V(e, t, void 0, 0, 0, "fill", n), wn(e, 0, 0, [{
+function In(e, t) {
+	let n = Rn();
+	B(e, t, void 0, 0, 0, "fill", n), En(e, 0, 0, [{
 		node: e,
 		absX: 0,
 		absY: 0
 	}], n);
-	let r = e.localRect.height, i = Yn(e);
+	let r = e.localRect.height, i = Zn(e);
 	return e.localRect.width = Math.max(e.localRect.width, i.x), e.localRect.height = Math.max(r, i.y), { height: r };
 }
-function B(e) {
+function z(e) {
 	return e.position === "absolute" || e.position === "fixed";
 }
-function Fn(e) {
+function Ln(e) {
 	return e.position !== "static";
 }
-function In() {
+function Rn() {
 	return {
 		maxContent: /* @__PURE__ */ new WeakMap(),
 		minContent: /* @__PURE__ */ new WeakMap(),
@@ -2947,46 +2958,49 @@ function In() {
 		tableData: /* @__PURE__ */ new WeakMap()
 	};
 }
-function V(e, t, n, r, i, a, o, s) {
+function B(e, t, n, r, i, a, o, s) {
 	let c = e.style, l = s?.height;
 	delete e.decorationRuns, delete e.multicolGeometry, delete e.multicolFlow, delete e.multicolFlowSpan, delete e.textExtent;
-	let u = Wn(c.minWidth, t, e, o) ?? 0, d = Wn(c.maxWidth, t, e, o), f = K(c.minHeight, n) ?? 0, p = K(c.maxHeight, n), m = tt(c);
-	s?.gutter?.right && (m.right = c.scrollbarSize.y), s?.gutter?.bottom && (m.bottom = c.scrollbarSize.x);
-	let h = {
-		top: W(c.padding.top, t),
-		right: W(c.padding.right, t) + m.right,
-		bottom: W(c.padding.bottom, t) + m.bottom,
-		left: W(c.padding.left, t)
+	let u = Kn(c.minWidth, t, e, o) ?? 0, d = Kn(c.maxWidth, t, e, o), f = G(c.minHeight, n) ?? 0, p = G(c.maxHeight, n), m = it(c), h = rt(c);
+	s?.gutter?.right && (m.right = h.right), s?.gutter?.bottom && (m.bottom = h.bottom);
+	let g = {
+		top: U(c.padding.top, t),
+		right: U(c.padding.right, t) + m.right,
+		bottom: U(c.padding.bottom, t) + m.bottom,
+		left: U(c.padding.left, t)
 	};
-	e.resolvedPadding = h;
-	let g = s?.width ?? H(Jn(c, t, a, e, o), u, d), _ = Qn(c, n), v = tr(g, l ?? _ ?? (f > 0 ? f : void 0) ?? Infinity, c.border, h), y = l !== void 0 || _ !== void 0, b = p === void 0 ? void 0 : Math.max(0, p - c.border.top - c.border.bottom - h.top - h.bottom), x = Rn(e), S = (t, n) => {
+	e.resolvedPadding = g;
+	let _ = s?.width ?? V(Xn(c, t, a, e, o), u, d), v = er(c, n), y = rr(_, l ?? v ?? (f > 0 ? f : void 0) ?? Infinity, c.border, g), b = l !== void 0 || v !== void 0, x = p === void 0 ? void 0 : Math.max(0, p - c.border.top - c.border.bottom - g.top - g.bottom), S = Bn(e), C = (t, n) => {
 		let r = n && Number.isFinite(t) ? t : void 0;
-		return x ? Ln(e, v.width, t, r, b, h, o) : c.display === "flex" && c.flexDirection === "row" ? He(e, v.width, t, r, c.border, h, o) : c.display === "flex" ? We(e, v.width, t, n, c.border, h, o) : c.display === "grid" ? at(e, v.width, t, c.border, h, o) : c.display === "table" ? bn(e, v.width, r, c.border, h, o) : c.display === "multicol" ? Qt(e, v.width, r, b, c.border, h, o) : Gn(e, v.width, r, c.border, h, o);
-	}, C = S(v.height, y);
-	!x && (c.display === "flex" || c.display === "grid") && !y && b !== void 0 && C > b && (C = S(b, !0));
-	let w = C + c.border.top + c.border.bottom + h.top + h.bottom, T = l ?? _ ?? w;
-	e.unclampedHeight = T, e.naturalContentHeight = w;
-	let E = H(T, f, p), D = e.multicolGeometry;
-	if (D) {
-		let t = E - c.border.top - c.border.bottom - h.top - h.bottom;
-		t > D.totalRows && (h.bottom += t - D.totalRows), Yt(e, D, c.border, h);
+		return S ? zn(e, y.width, t, r, x, g, o) : c.display === "flex" && c.flexDirection === "row" ? Ue(e, y.width, t, r, c.border, g, o) : c.display === "flex" ? Ge(e, y.width, t, n, c.border, g, o) : c.display === "grid" ? ct(e, y.width, t, c.border, g, o) : c.display === "table" ? Sn(e, y.width, r, c.border, g, o) : c.display === "multicol" ? en(e, y.width, r, x, c.border, g, o) : qn(e, y.width, r, c.border, g, o);
+	}, w = C(y.height, b);
+	if (!S && (c.display === "flex" || c.display === "grid") && !b && p !== void 0) {
+		let e = c.border.top + c.border.bottom + g.top + g.bottom, t = V(w + e, f, p) - e;
+		t < w && (w = C(Math.max(0, t), !0));
+	}
+	let T = w + c.border.top + c.border.bottom + g.top + g.bottom, E = l ?? v ?? T;
+	e.unclampedHeight = E, e.naturalContentHeight = T;
+	let D = V(E, f, p), O = e.multicolGeometry;
+	if (O) {
+		let t = D - c.border.top - c.border.bottom - g.top - g.bottom;
+		t > O.totalRows && (g.bottom += t - O.totalRows), Zt(e, O, c.border, g);
 	}
 	if (e.localRect = {
 		x: r,
 		y: i,
-		width: g,
-		height: E
-	}, et(c.overflow.x) || et(c.overflow.y)) {
-		let l = Yn(e), u = Math.max(0, l.x - c.border.left - h.left), d = Math.max(0, l.y - c.border.top - h.top), f = Math.max(0, g - c.border.left - c.border.right - h.left - h.right), p = Math.max(0, E - c.border.top - c.border.bottom - h.top - h.bottom);
+		width: _,
+		height: D
+	}, nt(c.overflow.x) || nt(c.overflow.y)) {
+		let l = Zn(e), u = Math.max(0, l.x - c.border.left - g.left), d = Math.max(0, l.y - c.border.top - g.top), f = Math.max(0, _ - c.border.left - c.border.right - g.left - g.right), p = Math.max(0, D - c.border.top - c.border.bottom - g.top - g.bottom);
 		if (e.scrollRange = {
 			sizeX: u,
 			sizeY: d,
-			maxX: et(c.overflow.x) ? Math.max(0, u - f) : 0,
-			maxY: et(c.overflow.y) ? Math.max(0, d - p) : 0
+			maxX: nt(c.overflow.x) ? Math.max(0, u - f) : 0,
+			maxY: nt(c.overflow.y) ? Math.max(0, d - p) : 0
 		}, !s?.gutter && c.scrollbarWidth !== "none") {
 			let l = c.overflow.y === "auto" && e.scrollRange.maxY > 0, u = c.overflow.x === "auto" && e.scrollRange.maxX > 0;
 			if (l || u) {
-				V(e, t, n, r, i, a, o, {
+				B(e, t, n, r, i, a, o, {
 					...s,
 					gutter: {
 						right: l,
@@ -3002,33 +3016,33 @@ function V(e, t, n, r, i, a, o, s) {
 		};
 	} else delete e.scrollRange, delete e.scrollGutterCells;
 }
-function Ln(e, t, n, r, i, a, o) {
+function zn(e, t, n, r, i, a, o) {
 	let s = e.style, c;
 	if (e.text) {
 		let l = e.children.filter((e) => e.inlineBox);
-		Pe(e.text, (n, r) => {
+		Fe(e.text, (n, r) => {
 			let i = l[r];
-			V(i, t, void 0, 0, 0, "shrink", o), e.advances[n] = Math.max(1, i.localRect.width);
+			B(i, t, void 0, 0, 0, "shrink", o), e.advances[n] = Math.max(1, i.localRect.width);
 		});
 		let u, d;
 		if (s.display === "multicol") {
-			let n = U(s, "x", t), o = Vt(s, t, n);
+			let n = H(s, "x", t), o = Ut(s, t, n);
 			a.right += o.leftover;
-			let c = Ut(e, o, n, zt(r, i));
+			let c = Gt(e, o, n, Vt(r, i));
 			e.multicolGeometry = c, u = c, d = c.lineX;
-		} else u = Bn(e, t);
+		} else u = Hn(e, t);
 		if (c = u.totalRows, e.textExtent = {
 			width: u.spans.reduce((t, n) => Math.max(t, I(n.start, n.end, e.advances, s.tracking)), 0),
 			rows: u.totalRows
-		}, zn(e, u, t, n, a), l.length > 0) {
+		}, Vn(e, u, t, n, a), l.length > 0) {
 			let t = (e) => u.spans.findIndex((t) => e >= t.start && e < t.end);
-			Pe(e.text, (n, r) => {
+			Fe(e.text, (n, r) => {
 				let i = t(n);
 				if (i === -1) return;
 				let o = u.spans[i];
 				l[r].localRect = {
 					...l[r].localRect,
-					x: s.border.left + a.left + (d?.[i] ?? 0) + je(o.start, n, e.advances),
+					x: s.border.left + a.left + (d?.[i] ?? 0) + Me(o.start, n, e.advances),
 					y: s.border.top + a.top + u.lineY[i]
 				};
 			});
@@ -3036,7 +3050,7 @@ function Ln(e, t, n, r, i, a, o) {
 	} else c = e.intrinsicHeight;
 	for (let n of e.children) {
 		if (n.inlineBox) continue;
-		let e = G(n.style.margin, t);
+		let e = W(n.style.margin, t);
 		n.staticSlot = {
 			kind: "block",
 			x: s.border.left + a.left + (e.left ?? 0),
@@ -3045,30 +3059,30 @@ function Ln(e, t, n, r, i, a, o) {
 	}
 	return c;
 }
-function Rn(e) {
-	return e.children.some((e) => !B(e.style) && !e.inlineBox) ? !1 : e.text !== "" || e.style.display !== "flex" && e.style.display !== "grid";
+function Bn(e) {
+	return e.children.some((e) => !z(e.style) && !e.inlineBox) ? !1 : e.text !== "" || e.style.display !== "flex" && e.style.display !== "grid";
 }
-function H(e, t, n) {
+function V(e, t, n) {
 	return Math.max(t, n === void 0 ? e : Math.min(e, n));
 }
-function zn(e, t, n, r, i) {
+function Vn(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, I(n.start, n.end, e.advances, a.tracking)), 0), c = Math.max(0, n - s);
 	if (c > 0) {
-		let e = a.display === "grid" ? z(a.justifyItems, n, s) : o ? z(a.alignItems, n, s) : L(Qe(a), [s], c)[0];
+		let e = a.display === "grid" ? Xe(a.justifyItems, n, s) : o ? Xe(a.alignItems, n, s) : L(et(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 ? z(a.alignItems, r, t.totalRows) : L(Qe(a), [t.totalRows], e)[0];
+			let n = a.display === "grid" || !o ? Xe(a.alignItems, r, t.totalRows) : L(et(a), [t.totalRows], e)[0];
 			n > 0 && (i.top += n, i.bottom += e - n);
 		}
 	}
 }
-function Bn(e, t) {
-	let n = Vn(e, t), { heights: r, textOffsets: i } = Hn(e, n), a = [], o = [], s = 0;
+function Hn(e, t) {
+	let n = Un(e, t), { heights: r, textOffsets: i } = Wn(e, n), a = [], o = [], s = 0;
 	for (let t = 0; t < n.length; t++) a.push(s), o.push(s + i[t]), s += r[t] + (t < n.length - 1 ? e.style.lineGap : 0);
 	return {
 		spans: n,
@@ -3077,14 +3091,14 @@ function Bn(e, t) {
 		totalRows: s
 	};
 }
-function Vn(e, t) {
-	return e.style.whiteSpace === "normal" ? Ae(e.text, t, {
+function Un(e, t) {
+	return e.style.whiteSpace === "normal" ? je(e.text, t, {
 		advances: e.advances,
 		tracking: e.style.tracking,
 		firstLineIndent: e.style.textIndent
-	}) : ke(e.text);
+	}) : Ae(e.text);
 }
-function Hn(e, t) {
+function Wn(e, t) {
 	let n = e.children.filter((e) => e.inlineBox), r = [], i = [], a = 0;
 	for (let o of t) {
 		let t = 1, s = 0;
@@ -3100,15 +3114,15 @@ function Hn(e, t) {
 		textOffsets: i
 	};
 }
-function U(e, t, n) {
-	let r = W(t === "x" ? e.gapX : e.gapY, n), i = t === "x" ? e.ruleX : e.ruleY;
+function H(e, t, n) {
+	let r = U(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 : Ce(e.percent, t);
+function U(e, t) {
+	return typeof e == "number" ? e : t === void 0 || !Number.isFinite(t) ? 0 : we(e.percent, t);
 }
-function G(e, t) {
-	let n = (e) => e === null ? null : W(e, t);
+function W(e, t) {
+	let n = (e) => e === null ? null : U(e, t);
 	return {
 		top: n(e.top),
 		right: n(e.right),
@@ -3116,30 +3130,30 @@ function G(e, t) {
 		left: n(e.left)
 	};
 }
-function Un(e) {
+function Gn(e) {
 	return typeof e == "number" ? e : 0;
 }
-function K(e, t) {
-	if (e !== void 0 && typeof e != "string") return typeof e == "number" ? e : t === void 0 ? void 0 : Ce(e.percent, t);
+function G(e, t) {
+	if (e !== void 0 && typeof e != "string") return typeof e == "number" ? e : t === void 0 ? void 0 : we(e.percent, t);
 }
-function Wn(e, t, n, r) {
-	return e === "min-content" || e === "max-content" || e === "fit-content" ? q({ kind: e }, t, n, r) : K(e, t);
+function Kn(e, t, n, r) {
+	return e === "min-content" || e === "max-content" || e === "fit-content" ? K({ kind: e }, t, n, r) : G(e, t);
 }
-function Gn(e, t, n, r, i, a) {
+function qn(e, t, n, r, i, a) {
 	let o = r.left + i.left, s = r.top + i.top, c = s, l = null;
 	for (let r of e.children) {
-		let e = G(r.style.margin, t), i = e.top ?? 0, s = e.bottom ?? 0, u = e.left ?? 0, d = e.right ?? 0;
-		if (B(r.style)) {
+		let e = W(r.style.margin, t), i = e.top ?? 0, s = e.bottom ?? 0, u = e.left ?? 0, d = e.right ?? 0;
+		if (z(r.style)) {
 			r.staticSlot = {
 				kind: "block",
 				x: o + u,
-				y: c + (l === null ? i : qn(l, i))
+				y: c + (l === null ? i : Yn(l, i))
 			};
 			continue;
 		}
-		V(r, Math.max(0, t - u - d), n, 0, 0, "fill", a);
-		let f = Kn(e, t, r.localRect.width);
-		c += l === null ? i : qn(l, i), r.localRect = {
+		B(r, Math.max(0, t - u - d), n, 0, 0, "fill", a);
+		let f = Jn(e, t, r.localRect.width);
+		c += l === null ? i : Yn(l, i), r.localRect = {
 			...r.localRect,
 			x: o + f,
 			y: c
@@ -3147,30 +3161,30 @@ function Gn(e, t, n, r, i, a) {
 	}
 	return l !== null && (c += l), c - s;
 }
-function Kn(e, t, n) {
+function Jn(e, t, n) {
 	let r = t - n;
 	return e.left === null && e.right === null ? Math.floor(r / 2) : e.left === null ? r - (e.right ?? 0) : e.left;
 }
-function qn(e, t) {
+function Yn(e, t) {
 	return e >= 0 && t >= 0 ? Math.max(e, t) : e <= 0 && t <= 0 ? Math.min(e, t) : e + t;
 }
-function Jn(e, t, n, r, i) {
+function Xn(e, t, n, r, i) {
 	let a = e.width;
 	if (e.display === "table") {
-		if (!r.children.some((e) => !B(e.style) && !e.inlineBox)) return a !== void 0 && a.kind !== "auto" ? q(a, t, r, i) : Math.min(t, J(r, i));
+		if (!r.children.some((e) => !z(e.style) && !e.inlineBox)) return a !== void 0 && a.kind !== "auto" ? K(a, t, r, i) : Math.min(t, q(r, i));
 		if (a !== void 0 && a.kind !== "auto") {
-			let e = q(a, t, r, i);
-			return Math.max(e, Zn(r, t, i));
+			let e = K(a, t, r, i);
+			return Math.max(e, $n(r, t, i));
 		}
-		return yn(r, t, i);
+		return xn(r, t, i);
 	}
-	return a !== void 0 && a.kind !== "auto" ? q(a, t, r, i) : n === "shrink" ? Math.min(t, J(r, i)) : t;
+	return a !== void 0 && a.kind !== "auto" ? K(a, t, r, i) : n === "shrink" ? Math.min(t, q(r, i)) : t;
 }
-function Yn(e) {
+function Zn(e) {
 	let t = 0, n = 0;
 	for (let r of e.children) {
 		if (r.style.position === "fixed") continue;
-		let e = Xn(r);
+		let e = Qn(r);
 		t = Math.max(t, r.localRect.x + e.x), n = Math.max(n, r.localRect.y + e.y);
 	}
 	if (e.textExtent) {
@@ -3182,75 +3196,81 @@ function Yn(e) {
 		y: n
 	};
 }
-function Xn(e) {
+function Qn(e) {
 	let { width: t, height: n } = e.localRect, r = e.style.overflow.x !== "visible", i = e.style.overflow.y !== "visible";
 	if (r && i) return {
 		x: t,
 		y: n
 	};
-	let a = Yn(e);
+	let a = Zn(e);
 	return {
 		x: r ? t : Math.max(t, a.x),
 		y: i ? n : Math.max(n, a.y)
 	};
 }
-function Zn(e, t, n) {
+function $n(e, t, n) {
 	let r = e.style;
-	return vn(e, n).min + r.border.left + r.border.right + W(r.padding.left, t) + W(r.padding.right, t) + tt(r).right;
+	return bn(e, n).min + r.border.left + r.border.right + U(r.padding.left, t) + U(r.padding.right, t) + it(r).right;
 }
-function Qn(e, t) {
+function er(e, t) {
 	if (e.height?.kind === "cells") return e.height.value;
-	if (e.height?.kind === "percent" && t != null) return Ce(e.height.value, t);
+	if (e.height?.kind === "percent" && t != null) return we(e.height.value, t);
 }
-function q(e, t, n, r) {
+function K(e, t, n, r) {
 	switch (e.kind) {
 		case "cells": return e.value;
-		case "percent": return Ce(e.value, t);
+		case "percent": return we(e.value, t);
 		case "min-content": return Y(n, r);
-		case "max-content": return J(n, r);
-		case "fit-content": return Math.min(J(n, r), Math.max(Y(n, r), t));
-		case "auto": return J(n, r);
+		case "max-content": return q(n, r);
+		case "fit-content": return Math.min(q(n, r), Math.max(Y(n, r), t));
+		case "auto": return q(n, r);
 	}
 }
-function J(e, t) {
+function q(e, t) {
 	let n = t.maxContent.get(e);
 	if (n !== void 0) return n;
-	let r = e.style, i = $n(e, t) + r.border.left + r.border.right + Un(r.padding.left) + Un(r.padding.right) + tt(r).right;
+	let r = e.style, i = tr(e, t) + r.border.left + r.border.right + Gn(r.padding.left) + Gn(r.padding.right) + it(r).right;
 	return t.maxContent.set(e, i), i;
 }
-function $n(e, t) {
-	let n = e.children.filter((e) => !B(e.style) && !e.inlineBox);
-	if (n.length === 0) return e.style.display === "multicol" ? Rt(e.style, e.intrinsicWidth) : e.intrinsicWidth;
-	if (e.style.display === "grid") return mt(e, t).max;
-	if (e.style.display === "table") return vn(e, t).max;
+function tr(e, t) {
+	let n = e.children.filter((e) => !z(e.style) && !e.inlineBox);
+	if (n.length === 0) return e.style.display === "multicol" ? Bt(e.style, e.intrinsicWidth) : e.intrinsicWidth;
+	if (e.style.display === "grid") return _t(e, t).max;
+	if (e.style.display === "table") return bn(e, t).max;
 	if (e.style.display === "flex" && e.style.flexDirection === "row") {
-		let r = Math.max(Un(e.style.gapX), e.style.ruleX?.width ?? 0) * Math.max(0, n.length - 1);
-		return n.reduce((e, n) => e + J(n, t), 0) + r;
+		let r = Math.max(Gn(e.style.gapX), e.style.ruleX?.width ?? 0) * Math.max(0, n.length - 1);
+		return n.reduce((e, n) => e + J(n, "max", t), 0) + r;
 	}
-	let r = n.reduce((e, n) => Math.max(e, J(n, t)), 0);
-	return e.style.display === "multicol" ? Rt(e.style, r) : r;
+	let r = n.reduce((e, n) => Math.max(e, J(n, "max", t)), 0);
+	return e.style.display === "multicol" ? Bt(e.style, r) : r;
+}
+function J(e, t, n) {
+	let r = e.style, i;
+	r.width !== void 0 && r.width.kind !== "auto" && r.width.kind !== "percent" && (i = K(r.width, 0, e, n)), i === void 0 && (i = t === "min" ? Y(e, n) : q(e, n));
+	let a = typeof r.minWidth == "number" ? r.minWidth : 0, o = typeof r.maxWidth == "number" ? r.maxWidth : void 0;
+	return Math.max(0, V(i, a, o));
 }
 function Y(e, t) {
 	let n = t.minContent.get(e);
 	if (n !== void 0) return n;
-	let r = e.style, i = er(e, t) + r.border.left + r.border.right + Un(r.padding.left) + Un(r.padding.right) + tt(r).right;
+	let r = e.style, i = nr(e, t) + r.border.left + r.border.right + Gn(r.padding.left) + Gn(r.padding.right) + it(r).right;
 	return t.minContent.set(e, i), i;
 }
-function er(e, t) {
-	let n = e.children.filter((e) => !B(e.style) && !e.inlineBox);
-	if (n.length === 0) return !e.text || e.style.whiteSpace !== "normal" ? e.intrinsicWidth : Ne(e.text, {
+function nr(e, t) {
+	let n = e.children.filter((e) => !z(e.style) && !e.inlineBox);
+	if (n.length === 0) return !e.text || e.style.whiteSpace !== "normal" ? e.intrinsicWidth : Pe(e.text, {
 		advances: e.advances,
 		tracking: e.style.tracking
 	});
-	if (e.style.display === "grid") return mt(e, t).min;
-	if (e.style.display === "table") return vn(e, t).min;
+	if (e.style.display === "grid") return _t(e, t).min;
+	if (e.style.display === "table") return bn(e, t).min;
 	if (e.style.display === "flex" && e.style.flexDirection === "row" && e.style.flexWrap === "nowrap") {
-		let r = Math.max(Un(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;
+		let r = Math.max(Gn(e.style.gapX), e.style.ruleX?.width ?? 0) * Math.max(0, n.length - 1);
+		return n.reduce((e, n) => e + J(n, "min", t), 0) + r;
 	}
-	return n.reduce((e, n) => Math.max(e, Y(n, t)), 0);
+	return n.reduce((e, n) => Math.max(e, J(n, "min", t)), 0);
 }
-function tr(e, t, n, r) {
+function rr(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)
@@ -3258,38 +3278,38 @@ function tr(e, t, n, r) {
 }
 //#endregion
 //#region src/plain-text.ts
-function nr(e) {
-	return cr(e).grid.map((e) => e.join("").trimEnd()).join("\n");
+function ir(e) {
+	return ur(e).grid.map((e) => e.join("").trimEnd()).join("\n");
 }
-function rr(e) {
-	let { grid: t, paints: n } = cr(e);
-	return t.map((e, t) => ir(e, n[t]));
+function ar(e) {
+	let { grid: t, paints: n } = ur(e);
+	return t.map((e, t) => or(e, n[t]));
 }
-function ir(e, t) {
+function or(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 && ar(a, n) ? a.text += e[i] : r.push({
+		a && sr(a, n) ? a.text += e[i] : r.push({
 			text: e[i],
 			...n
 		});
 	}
 	return r;
 }
-function ar(e, t) {
+function sr(e, t) {
 	return e.color === t?.color && e.backgroundColor === t?.backgroundColor && e.fontWeight === t?.fontWeight && e.fontStyle === t?.fontStyle && e.textDecorationLine === t?.textDecorationLine && e.opacity === t?.opacity;
 }
-function or(e, t) {
+function cr(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), e.opacity !== void 0 && (t.opacity = e.opacity);
 }
-function sr(e) {
+function lr(e) {
 	return e.color === void 0 && e.backgroundColor === void 0 && e.fontWeight === void 0 && e.fontStyle === void 0 && e.textDecorationLine === void 0 && e.opacity === void 0;
 }
-function cr(e) {
+function ur(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 ur(e, 0, 0, (e, a, o, s) => {
+	return fr(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];
@@ -3303,11 +3323,11 @@ function cr(e) {
 		paints: i
 	};
 }
-function lr(e) {
+function dr(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 ur(e, t, n, r, i = 1) {
+function fr(e, t, n, r, i = 1) {
 	if (e.tableHidden) return;
 	let a = t + e.localRect.x, o = n + e.localRect.y, s = e.style, c = (e) => i >= 1 ? e : {
 		...e,
@@ -3318,7 +3338,7 @@ function ur(e, t, n, r, i = 1) {
 		for (let n = 0; n < e.localRect.height; n++) for (let i = 0; i < e.localRect.width; i++) r(a + i, o + n, " ", t);
 	}
 	let l = [];
-	le(s, {
+	ue(s, {
 		x: a,
 		y: o,
 		width: e.localRect.width,
@@ -3340,9 +3360,9 @@ function ur(e, t, n, r, i = 1) {
 		};
 	}
 	if (!e.children.some((e) => !e.inlineBox && e.style.position !== "absolute" && e.style.position !== "fixed") && e.text) {
-		let t = m + s.border.left + u.left, n = h + s.border.top + u.top, r = e.localRect.width - s.border.left - s.border.right - u.left - u.right, i = e.multicolGeometry, { spans: a, textY: o } = i ?? Bn(e, r), l = i ? Math.max(1, i.columnWidth - s.tracking) : r, d = c(lr(s)), f = e.inlineElements?.map((e) => c(lr(e)));
+		let t = m + s.border.left + u.left, n = h + s.border.top + u.top, r = e.localRect.width - s.border.left - s.border.right - u.left - u.right, i = e.multicolGeometry, { spans: a, textY: o } = i ?? Hn(e, r), l = i ? Math.max(1, i.columnWidth - s.tracking) : r, d = c(dr(s)), f = e.inlineElements?.map((e) => c(dr(e)));
 		for (let r = 0; r < a.length; r++) {
-			let u = a[r], p = n + o[r], m = r === 0 ? s.textIndent : 0, h = s.whiteSpace !== "normal" && s.overflow.x === "clip" ? fr(e.text, u, l - m, e.advances, s) : {
+			let u = a[r], p = n + o[r], m = r === 0 ? s.textIndent : 0, h = s.whiteSpace !== "normal" && s.overflow.x === "clip" ? hr(e.text, u, l - m, e.advances, s) : {
 				end: u.end,
 				ellipsis: !1
 			}, _ = I(u.start, u.end, e.advances, s.tracking), v = Math.max(0, l - m - _), y = s.textAlign === "end" ? v : s.textAlign === "center" ? Math.floor(v / 2) : 0, b = t + (i?.lineX[r] ?? 0) + y + m;
@@ -3351,45 +3371,55 @@ function ur(e, t, n, r, i = 1) {
 					let n = e.charInline?.[t] ?? -1, r = n >= 0 ? e.inlineElements[n] : void 0, i = r?.insets, a = i ? i.left ?? (i.right === null ? 0 : -i.right) : 0, o = i ? i.top ?? (i.bottom === null ? 0 : -i.bottom) : 0;
 					e.text[t] === "⁠" ? r?.backgroundColor && g(b + a, p + o, " ", c({ backgroundColor: r.backgroundColor })) : g(b + a, p + o, e.text[t], r ? f[n] : d);
 				}
-				b += je(t, t + 1, e.advances);
+				b += Me(t, t + 1, e.advances);
 			}
 			h.ellipsis && g(b, p, "…", d);
 		}
 	}
-	for (let t of fe(e)) ur(t, m, h, g, i * t.style.opacity);
+	for (let t of pe(e)) fr(t, m, h, g, i * t.style.opacity);
 	let _ = e.scrollRange;
 	if (_ && d && (d.right > 0 || d.bottom > 0)) {
-		let { track: t, thumb: n } = j(S(s.glyphSet)), i = o + s.border.top, l = a + s.border.left, u = o + e.localRect.height - s.border.bottom, f = a + e.localRect.width - s.border.right, p = (e) => c(e ? { color: e } : void 0), m = p(s.scrollbarColor?.track ?? s.color), h = p(s.scrollbarColor?.thumb ?? s.color);
-		if (d.right > 0) {
-			let a = u - i - d.bottom, { at: o, len: s } = dr(a, _.sizeY, _.maxY, e.scroll?.y ?? 0);
-			for (let e = 0; e < d.right; e++) {
-				let c = f - d.right + e;
-				for (let e = 0; e < a; e++) {
-					let a = e >= o && e < o + s;
-					r(c, i + e, a ? n : t, a ? h : m);
-				}
+		let { track: t, thumb: n } = j(S(s.glyphSet)), i = (e) => c(e ? { color: e } : void 0), l = i(s.scrollbarColor?.track ?? s.color), u = i(s.scrollbarColor?.thumb ?? s.color), d = pr(e, a, o);
+		if (d.y) {
+			let { col: i, row: a, thick: o, len: s } = d.y, { at: c, len: f } = mr(s, _.sizeY, _.maxY, e.scroll?.y ?? 0);
+			for (let e = 0; e < o; e++) for (let o = 0; o < s; o++) {
+				let s = o >= c && o < c + f;
+				r(i + e, a + o, s ? n : t, s ? u : l);
 			}
 		}
-		if (d.bottom > 0) {
-			let i = f - l - d.right, { at: a, len: o } = dr(i, _.sizeX, _.maxX, e.scroll?.x ?? 0);
-			for (let e = 0; e < d.bottom; e++) {
-				let s = u - d.bottom + e;
-				for (let e = 0; e < i; e++) {
-					let i = e >= a && e < a + o;
-					r(l + e, s, i ? n : t, i ? h : m);
-				}
+		if (d.x) {
+			let { col: i, row: a, thick: o, len: s } = d.x, { at: c, len: f } = mr(s, _.sizeX, _.maxX, e.scroll?.x ?? 0);
+			for (let e = 0; e < o; e++) for (let o = 0; o < s; o++) {
+				let s = o >= c && o < c + f;
+				r(i + o, a + e, s ? n : t, s ? u : l);
 			}
 		}
 	}
 }
-function dr(e, t, n, r) {
+function pr(e, t, n) {
+	let r = e.scrollGutterCells;
+	if (!r) return {};
+	let { border: i, scrollbarSize: a, scrollbarInset: o } = e.style, s = n + i.top, c = t + i.left, l = n + e.localRect.height - i.bottom, u = t + e.localRect.width - i.right, d = r.bottom > 0 ? l - r.bottom : l - o.y, f = r.right > 0 ? u - r.right : u - o.x, p = {};
+	return r.right > 0 && (p.y = {
+		col: u - r.right,
+		row: s + o.y,
+		thick: Math.min(a.y, r.right),
+		len: Math.max(0, d - s - o.y)
+	}), r.bottom > 0 && (p.x = {
+		col: c + o.x,
+		row: l - r.bottom,
+		thick: Math.min(a.x, r.bottom),
+		len: Math.max(0, f - c - o.x)
+	}), p;
+}
+function mr(e, t, n, r) {
 	let i = t > 0 ? Math.min(1, e / t) : 1, a = Math.max(1, Math.round(i * e));
 	return n > 0 && (a = Math.max(1, Math.min(a, e - n))), {
 		at: n > 0 ? Math.round(Math.min(r, n) / n * (e - a)) : 0,
 		len: a
 	};
 }
-function fr(e, t, n, r, i) {
+function hr(e, t, n, r, i) {
 	let { textOverflow: a, tracking: o } = i;
 	if (I(t.start, t.end, r, o) <= n) return {
 		end: t.end,
@@ -3404,61 +3434,61 @@ function fr(e, t, n, r, i) {
 }
 //#endregion
 //#region src/paint.ts
-var pr = /* @__PURE__ */ new WeakMap(), mr = /* @__PURE__ */ new WeakMap();
-function hr(e) {
-	return vr(e, !0) !== null;
-}
-function gr(e, t, n = !1) {
-	let r = rr(e), i = Cr(r);
-	if (pr.get(t) === i) return !0;
-	let a = mr.get(t);
-	if (a && _r(t, a.nodes, r)) {
-		pr.set(t, i);
+var gr = /* @__PURE__ */ new WeakMap(), _r = /* @__PURE__ */ new WeakMap();
+function vr(e) {
+	return xr(e, !0) !== null;
+}
+function yr(e, t, n = !1) {
+	let r = ar(e), i = Er(r);
+	if (gr.get(t) === i) return !0;
+	let a = _r.get(t);
+	if (a && br(t, a.nodes, r)) {
+		gr.set(t, i);
 		for (let e = 0; e < r.length; e++) for (let t = 0; t < r[e].length; t++) {
 			let n = r[e][t];
-			if (sr(n) || ar(n, a.segments[e][t])) continue;
+			if (lr(n) || sr(n, a.segments[e][t])) continue;
 			let i = a.nodes[e][t];
-			i.style.cssText = "", or(n, i.style);
+			i.style.cssText = "", cr(n, i.style);
 		}
 		return a.segments = r, !0;
 	}
-	if (n && hr(t)) return !1;
-	pr.set(t, i);
+	if (n && vr(t)) return !1;
+	gr.set(t, i);
 	let o = document.createDocumentFragment(), s = [];
 	for (let e = 0; e < r.length; e++) {
 		e > 0 && o.appendChild(document.createTextNode("\n"));
 		let t = [];
 		for (let n of r[e]) {
-			if (sr(n)) {
+			if (lr(n)) {
 				let e = document.createTextNode(n.text);
 				t.push(e), o.appendChild(e);
 				continue;
 			}
 			let e = document.createElement("span");
-			or(n, e.style), e.textContent = n.text, t.push(e), o.appendChild(e);
+			cr(n, e.style), e.textContent = n.text, t.push(e), o.appendChild(e);
 		}
 		s.push(t);
 	}
-	mr.set(t, {
+	_r.set(t, {
 		nodes: s,
 		segments: r
 	});
-	let c = vr(t, !1);
-	return t.replaceChildren(o), c && yr(t, c), !0;
+	let c = xr(t, !1);
+	return t.replaceChildren(o), c && Sr(t, c), !0;
 }
-function _r(e, t, n) {
+function br(e, t, n) {
 	if (t.length !== n.length) return !1;
 	for (let r = 0; r < n.length; r++) {
 		let i = t[r], a = n[r];
 		if (i.length !== a.length) return !1;
 		for (let t = 0; t < a.length; t++) {
 			let n = i[t];
-			if (sr(a[t]) !== (n.nodeType === Node.TEXT_NODE) || n.textContent !== a[t].text || n.parentNode !== e) return !1;
+			if (lr(a[t]) !== (n.nodeType === Node.TEXT_NODE) || n.textContent !== a[t].text || n.parentNode !== e) return !1;
 		}
 	}
 	return !0;
 }
-function vr(e, t) {
+function xr(e, t) {
 	try {
 		let n = e.ownerDocument.getSelection();
 		if (!n) return null;
@@ -3474,7 +3504,7 @@ function vr(e, t) {
 			if (!e || e.rangeCount === 0) return null;
 			i = e.getRangeAt(0);
 		}
-		let a = br(e, i.startContainer, i.startOffset), o = br(e, i.endContainer, i.endOffset);
+		let a = Cr(e, i.startContainer, i.startOffset), o = Cr(e, i.endContainer, i.endOffset);
 		return a === null || o === null || a === o && !t ? null : {
 			start: a,
 			end: o,
@@ -3484,32 +3514,32 @@ function vr(e, t) {
 		return null;
 	}
 }
-function yr(e, t) {
+function Sr(e, t) {
 	try {
-		let n = xr(e, t.start), r = xr(e, t.end);
+		let n = wr(e, t.start), r = wr(e, t.end);
 		if (!n || !r) return;
 		let i = e.getRootNode().getSelection?.() ?? e.ownerDocument.getSelection();
 		t.backward ? i?.setBaseAndExtent(r[0], r[1], n[0], n[1]) : i?.setBaseAndExtent(n[0], n[1], r[0], r[1]);
 	} catch {}
 }
-function br(e, t, n) {
+function Cr(e, t, n) {
 	if (!e.contains(t)) return null;
 	let r = e.ownerDocument.createRange();
 	return r.selectNodeContents(e), r.setEnd(t, n), r.toString().length;
 }
-function xr(e, t) {
+function wr(e, t) {
 	let n = t, r = null;
-	for (let t of Sr(e)) {
+	for (let t of Tr(e)) {
 		if (n <= t.data.length) return [t, n];
 		n -= t.data.length, r = [t, t.data.length];
 	}
 	return r;
 }
-function* Sr(e) {
+function* Tr(e) {
 	let t = e.ownerDocument.createTreeWalker(e, NodeFilter.SHOW_TEXT), n = t.nextNode();
 	for (; n;) yield n, n = t.nextNode();
 }
-function Cr(e) {
+function Er(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 ?? "", e.opacity ?? "");
@@ -3519,9 +3549,9 @@ function Cr(e) {
 }
 //#endregion
 //#region src/render.ts
-function wr(e) {
+function Dr(e) {
 	let t = /* @__PURE__ */ new Set();
-	Tr(e, !0, t);
+	Or(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;
@@ -3542,33 +3572,33 @@ function Z(e, t) {
 function Q(e, t, n) {
 	e.hasAttribute(t) !== n && (n ? e.setAttribute(t, "") : e.removeAttribute(t));
 }
-function Tr(e, t, n) {
+function Or(e, t, n) {
 	if (e.inlineElements) for (let { element: t, tracking: r, padLeft: i, padRight: a, insets: o } of e.inlineElements) {
 		let e = t;
-		X(e, "--mw-ls", String(r)), i > 0 ? X(e, "--mw-ipl", String(i)) : Z(e, "--mw-ipl"), a > 0 ? X(e, "--mw-ipr", String(a)) : Z(e, "--mw-ipr"), o && (n.add(t), Er(e, o));
+		X(e, "--mw-ls", String(r)), i > 0 ? X(e, "--mw-ipl", String(i)) : Z(e, "--mw-ipl"), a > 0 ? X(e, "--mw-ipr", String(a)) : Z(e, "--mw-ipr"), o && (n.add(t), kr(e, o));
 	}
-	if (t || Or(e), !e.tableHidden) for (let t of fe(e)) {
+	if (t || jr(e), !e.tableHidden) for (let t of pe(e)) {
 		let r = t.source;
-		t.style.zIndex !== null && de(t, e) && !t.inlineBox ? X(r, "--mw-z", String(t.style.zIndex)) : Z(r, "--mw-z"), Tr(t, !1, n);
+		t.style.zIndex !== null && fe(t, e) && !t.inlineBox ? X(r, "--mw-z", String(t.style.zIndex)) : Z(r, "--mw-z"), Or(t, !1, n);
 	}
 }
-function Er(e, t) {
+function kr(e, t) {
 	Q(e, "data-mw-inline-inset", !0);
 	let n = (t, n) => {
 		n === null ? Z(e, t) : X(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 Dr(e) {
+function Ar(e) {
 	let t = e.style;
 	if (t.textAlign !== "center" || !e.text || e.inlineBox || e.children.length > 0) return !1;
-	let n = e.multicolGeometry, r = e.resolvedPadding, i = e.localRect.width - t.border.left - t.border.right - r.left - r.right, a = n ? Math.max(1, n.columnWidth - t.tracking) : i, o = n?.spans ?? Vn(e, i);
+	let n = e.multicolGeometry, r = e.resolvedPadding, i = e.localRect.width - t.border.left - t.border.right - r.left - r.right, a = n ? Math.max(1, n.columnWidth - t.tracking) : i, o = n?.spans ?? Un(e, i);
 	return o.length !== 0 && o.every((n, r) => {
 		let i = r === 0 ? t.textIndent : 0, o = a - i - I(n.start, n.end, e.advances, t.tracking);
 		return o > 0 && o % 2 == 1;
 	});
 }
-function Or(e) {
+function jr(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, u = e.multicolFlow, d = e.multicolFlowSpan;
 	Q(t, "data-mw-laid-out", !e.inlineBox && !u && !d), Q(t, "data-mw-inline-box", !!e.inlineBox), Q(t, "data-mw-multicol-flow", !!u), Q(t, "data-mw-multicol-flow-span", !!d);
 	let f = u ?? d;
@@ -3578,107 +3608,111 @@ function Or(e) {
 		let { maxX: n, maxY: r } = e.scrollRange;
 		X(t, "--mw-se-x", String(n > 0 ? n + e.localRect.width : 1)), X(t, "--mw-se-y", String(r > 0 ? r + e.localRect.height : 1));
 	} else Z(t, "--mw-se-x"), Z(t, "--mw-se-y");
-	X(t, "--mw-pt", String(r.top)), X(t, "--mw-pr", String(r.right)), X(t, "--mw-pb", String(r.bottom)), X(t, "--mw-pl", String(r.left)), X(t, "--mw-bt", String(i.top)), X(t, "--mw-br", String(i.right)), X(t, "--mw-bb", String(i.bottom)), X(t, "--mw-bl", String(i.left)), X(t, "--mw-ti", String(e.style.textIndent)), Q(t, "data-mw-text-align-blocked", a), Q(t, "data-mw-center-nudge", Dr(e)), Q(t, "data-mw-dropped-text", !!e.droppedText), Q(t, "data-mw-table-hidden", !!e.tableHidden);
+	X(t, "--mw-pt", String(r.top)), X(t, "--mw-pr", String(r.right)), X(t, "--mw-pb", String(r.bottom)), X(t, "--mw-pl", String(r.left)), X(t, "--mw-bt", String(i.top)), X(t, "--mw-br", String(i.right)), X(t, "--mw-bb", String(i.bottom)), X(t, "--mw-bl", String(i.left)), X(t, "--mw-ti", String(e.style.textIndent)), Q(t, "data-mw-text-align-blocked", a), Q(t, "data-mw-center-nudge", Ar(e)), Q(t, "data-mw-dropped-text", !!e.droppedText), Q(t, "data-mw-table-hidden", !!e.tableHidden);
 }
 //#endregion
 //#region src/style.ts
-function kr(e, t, n) {
-	let r = getComputedStyle(e), i = parseFloat(r.fontSize) || t, a = Zr(e) ? e.computedStyleMap() : null, o = e.getAttribute("class") ?? "", s = e.style;
-	Kr(e, o, s);
-	let c = r.display || Ur[e.tagName] || "", l = Wr[c] ?? "none", u = r.columnCount && r.columnCount !== "auto" ? Math.max(1, Math.floor(Number(r.columnCount) || 1)) : null, d = r.columnWidth && r.columnWidth !== "auto" ? parseFloat(r.columnWidth) : NaN, f = Number.isFinite(d) ? Math.max(1, F(d, t)) : null, p = c === "flex" || c === "inline-flex" ? "flex" : c === "grid" || c === "inline-grid" ? "grid" : c === "table" || c === "inline-table" ? "table" : c === "none" || Hr(e, r) ? "none" : u !== null || f !== null ? "multicol" : "block", m = { kind: "none" }, h = { kind: "none" }, g = [it()], _ = [it()], v = {
+function Mr(e, t, n) {
+	let r = getComputedStyle(e), i = parseFloat(r.fontSize) || t, a = ei(e) ? e.computedStyleMap() : null, o = e.getAttribute("class") ?? "", s = e.style;
+	Yr(e, o, s);
+	let c = (e, r, i) => _i(a, e, r, o, i, s, n, t) ?? yi(a, e, r, o, i, s, n, t) ?? ui(r, t), l = r.display || Kr[e.tagName] || "", u = qr[l] ?? "none", d = r.columnCount && r.columnCount !== "auto" ? Math.max(1, Math.floor(Number(r.columnCount) || 1)) : null, f = r.columnWidth && r.columnWidth !== "auto" ? parseFloat(r.columnWidth) : NaN, p = Number.isFinite(f) ? Math.max(1, F(f, t)) : null, m = l === "flex" || l === "inline-flex" ? "flex" : l === "grid" || l === "inline-grid" ? "grid" : l === "table" || l === "inline-table" ? "table" : l === "none" || Gr(e, r) ? "none" : d !== null || p !== null ? "multicol" : "block", h = { kind: "none" }, g = { kind: "none" }, _ = [st()], v = [st()], y = {
 		direction: "row",
 		dense: !1
-	}, y = null;
-	if (p === "grid") {
-		if (a) m = _i(a.get("grid-template-columns")?.toString() ?? "", t), h = _i(a.get("grid-template-rows")?.toString() ?? "", t);
+	}, b = null;
+	if (m === "grid") {
+		if (a) h = Si(a.get("grid-template-columns")?.toString() ?? "", t), g = Si(a.get("grid-template-rows")?.toString() ?? "", t);
 		else {
 			e.setAttribute("data-mw-degrid", "");
 			try {
-				m = _i(r.getPropertyValue("grid-template-columns"), t), h = _i(r.getPropertyValue("grid-template-rows"), t);
+				h = Si(r.getPropertyValue("grid-template-columns"), t), g = Si(r.getPropertyValue("grid-template-rows"), t);
 			} finally {
 				e.removeAttribute("data-mw-degrid");
 			}
 		}
-		g = xi(r.getPropertyValue("grid-auto-columns"), t), _ = xi(r.getPropertyValue("grid-auto-rows"), t), v = Di(r.getPropertyValue("grid-auto-flow")), y = bi(r.getPropertyValue("grid-template-areas"));
+		_ = Ei(r.getPropertyValue("grid-auto-columns"), t), v = Ei(r.getPropertyValue("grid-auto-rows"), t), y = Mi(r.getPropertyValue("grid-auto-flow")), b = Ti(r.getPropertyValue("grid-template-areas"));
 	}
-	let b = "auto", x = !1, S = 0, C = 0;
-	if (p === "table" && (b = r.tableLayout === "fixed" ? "fixed" : "auto", x = r.borderCollapse === "collapse", !x)) {
+	let x = "auto", S = !1, C = 0, w = 0;
+	if (m === "table" && (x = r.tableLayout === "fixed" ? "fixed" : "auto", S = r.borderCollapse === "collapse", !S)) {
 		let e = r.borderSpacing.split(" ");
-		S = F(parseFloat(e[0] ?? "") || 0, t), C = F(parseFloat(e[1] ?? e[0] ?? "") || 0, t);
-	}
-	let w = {
-		display: p,
-		tableRole: l,
-		tableLayout: b,
-		borderCollapse: x,
-		borderSpacingX: S,
-		borderSpacingY: C,
+		C = F(parseFloat(e[0] ?? "") || 0, t), w = F(parseFloat(e[1] ?? e[0] ?? "") || 0, t);
+	}
+	let T = {
+		display: m,
+		tableRole: u,
+		tableLayout: x,
+		borderCollapse: S,
+		borderSpacingX: C,
+		borderSpacingY: w,
 		captionSide: r.captionSide === "bottom" ? "bottom" : "top",
-		verticalAlign: l === "cell" || c.startsWith("inline-") ? Gr(e, r) : "start",
+		verticalAlign: u === "cell" || l.startsWith("inline-") ? Jr(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: hi(r.flexBasis, t),
+		flexBasis: bi(r.flexBasis, t),
 		order: Number(r.order) || 0,
-		justifyContent: Qr(r.justifyContent),
-		alignContent: Qr(r.alignContent),
-		alignItems: $r(r.alignItems),
-		alignSelf: ei(r.alignSelf),
-		justifyItems: $r(r.justifyItems),
-		justifySelf: ei(r.justifySelf),
-		gridTemplateColumns: m,
-		gridTemplateRows: h,
-		gridAutoColumns: g,
-		gridAutoRows: _,
-		gridAutoFlow: v,
-		gridTemplateAreas: y,
-		gridColumnStart: Ei(r.getPropertyValue("grid-column-start")),
-		gridColumnEnd: Ei(r.getPropertyValue("grid-column-end")),
-		gridRowStart: Ei(r.getPropertyValue("grid-row-start")),
-		gridRowEnd: Ei(r.getPropertyValue("grid-row-end")),
-		width: ui(a, r.width, "width", t, o, s, n),
-		height: ui(a, r.height, "height", t, o, s, n),
-		minWidth: mi(a, "min-width", r.minWidth, o, "min-w", s, n, t) ?? si(r.minWidth, t) ?? "auto",
-		minHeight: mi(a, "min-height", r.minHeight, o, "min-h", s, n, t) ?? si(r.minHeight, t) ?? "auto",
-		maxWidth: mi(a, "max-width", r.maxWidth, o, "max-w", s, n, t) ?? si(r.maxWidth, t),
-		maxHeight: mi(a, "max-height", r.maxHeight, o, "max-h", s, n, t) ?? si(r.maxHeight, t),
-		padding: ki(r, t),
-		margin: ti(r, a, o, s, t),
-		position: ii(r.position),
-		insets: ai(r, a, o, s, t),
-		gapX: $(r.columnGap === "normal" || r.columnGap === "" ? p === "multicol" ? `${i}px` : "0px" : r.columnGap, t),
+		justifyContent: ti(r.justifyContent),
+		alignContent: ti(r.alignContent),
+		alignItems: ni(r.alignItems),
+		alignSelf: ri(r.alignSelf),
+		justifyItems: ni(r.justifyItems),
+		justifySelf: ri(r.justifySelf),
+		gridTemplateColumns: h,
+		gridTemplateRows: g,
+		gridAutoColumns: _,
+		gridAutoRows: v,
+		gridAutoFlow: y,
+		gridTemplateAreas: b,
+		gridColumnStart: ji(r.getPropertyValue("grid-column-start")),
+		gridColumnEnd: ji(r.getPropertyValue("grid-column-end")),
+		gridRowStart: ji(r.getPropertyValue("grid-row-start")),
+		gridRowEnd: ji(r.getPropertyValue("grid-row-end")),
+		width: pi(a, r.width, "width", t, o, s, n),
+		height: pi(a, r.height, "height", t, o, s, n),
+		minWidth: c("min-width", r.minWidth, "min-w") ?? "auto",
+		minHeight: c("min-height", r.minHeight, "min-h") ?? "auto",
+		maxWidth: c("max-width", r.maxWidth, "max-w"),
+		maxHeight: c("max-height", r.maxHeight, "max-h"),
+		padding: Pi(r, t),
+		margin: ii(r, a, o, s, t),
+		position: si(r.position),
+		insets: ci(r, a, o, s, t),
+		gapX: $(r.columnGap === "normal" || r.columnGap === "" ? m === "multicol" ? `${i}px` : "0px" : r.columnGap, t),
 		gapY: $(r.rowGap === "normal" ? "0px" : r.rowGap, t),
-		border: Ai(r),
+		border: Fi(r),
 		borderStyle: {
-			top: oi(r.borderTopStyle),
-			right: oi(r.borderRightStyle),
-			bottom: oi(r.borderBottomStyle),
-			left: oi(r.borderLeftStyle)
+			top: li(r.borderTopStyle),
+			right: li(r.borderRightStyle),
+			bottom: li(r.borderBottomStyle),
+			left: li(r.borderLeftStyle)
 		},
-		overflow: Vr(r),
-		scrollbarWidth: Lr(e, r),
-		scrollbarColor: Rr(r.scrollbarColor),
+		overflow: Wr(r),
+		scrollbarWidth: Br(e, r),
+		scrollbarColor: Vr(r.scrollbarColor),
 		overscroll: {
 			x: (r.overscrollBehaviorX || "auto") === "auto",
 			y: (r.overscrollBehaviorY || "auto") === "auto"
 		},
 		scrollbarSize: {
-			x: zr(r.getPropertyValue("--mw-scrollbar-x-size")),
-			y: zr(r.getPropertyValue("--mw-scrollbar-y-size"))
+			x: Hr(r.getPropertyValue("--mw-scrollbar-size-x")),
+			y: Hr(r.getPropertyValue("--mw-scrollbar-size-y"))
+		},
+		scrollbarInset: {
+			x: Hr(r.getPropertyValue("--mw-scrollbar-inset-x"), 0),
+			y: Hr(r.getPropertyValue("--mw-scrollbar-inset-y"), 0)
 		},
 		whiteSpace: r.whiteSpace === "pre" ? "pre" : r.whiteSpace === "nowrap" ? "nowrap" : "normal",
 		tabSize: Math.max(1, Math.floor(parseFloat(r.tabSize)) || 8),
-		lineGap: ri(r.lineHeight, i),
-		tracking: ni(r.letterSpacing, i, n?.letterSpacing ?? 0),
+		lineGap: oi(r.lineHeight, i),
+		tracking: ai(r.letterSpacing, i, n?.letterSpacing ?? 0),
 		textOverflow: r.textOverflow === "ellipsis" ? "ellipsis" : "clip",
 		color: r.color,
 		fontWeight: r.fontWeight,
 		fontStyle: r.fontStyle,
 		textDecorationLine: r.textDecorationLine,
-		backgroundColor: Mr(e, r.backgroundColor, r),
+		backgroundColor: Fr(e, r.backgroundColor, r),
 		backgroundClear: r.getPropertyValue("--mw-bg-clear").trim() === "1",
 		borderColor: {
 			top: r.borderTopColor,
@@ -3686,33 +3720,33 @@ function kr(e, t, n) {
 			bottom: r.borderBottomColor,
 			left: r.borderLeftColor
 		},
-		textAlignBlocked: Yr(e, r),
-		textAlign: Xr(e, r),
-		textIndent: li(r, t),
-		opacity: ci(r.opacity),
+		textAlignBlocked: Qr(e, r),
+		textAlign: $r(e, r),
+		textIndent: fi(r, t),
+		opacity: di(r.opacity),
 		glyphSet: r.getPropertyValue("--mw-border-glyphs").trim() || null,
 		zIndex: r.zIndex === "auto" || r.zIndex === "" ? null : Number(r.zIndex) || 0,
 		latticeBorder: null,
-		ruleX: p === "flex" || p === "grid" || p === "multicol" ? Jr(r, "x") : null,
-		ruleY: p === "flex" || p === "grid" ? Jr(r, "y") : null,
-		ruleBreak: qr(r, "--mw-rule-break", ["none", "intersection"], "normal"),
+		ruleX: m === "flex" || m === "grid" || m === "multicol" ? Zr(r, "x") : null,
+		ruleY: m === "flex" || m === "grid" ? Zr(r, "y") : null,
+		ruleBreak: Xr(r, "--mw-rule-break", ["none", "intersection"], "normal"),
 		ruleInset: r.getPropertyValue("--mw-rule-inset").trim() === "overlap-join" ? "overlap-join" : Math.max(0, P(parseFloat(r.getPropertyValue("--mw-rule-inset")) || 0)),
-		ruleVisibilityItems: qr(r, "--mw-rule-visibility-items", [
+		ruleVisibilityItems: Xr(r, "--mw-rule-visibility-items", [
 			"all",
 			"around",
 			"between"
 		], "normal"),
-		columnCount: u,
-		columnWidth: f,
+		columnCount: d,
+		columnWidth: p,
 		columnFill: r.columnFill === "auto" ? "auto" : "balance",
 		columnSpan: r.columnSpan === "all",
 		breakBeforeColumn: r.breakBefore === "column",
 		breakAfterColumn: r.breakAfter === "column",
 		breakInsideAvoid: r.breakInside === "avoid" || r.breakInside === "avoid-column"
 	};
-	return Ar(w, r), w;
+	return Nr(T, r), T;
 }
-function Ar(e, t) {
+function Nr(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,
@@ -3723,37 +3757,37 @@ function Ar(e, t) {
 			bottom: t.borderBottomStyle === "hidden",
 			left: t.borderLeftStyle === "hidden"
 		}
-	}, e.border = rt(), e.display === "table" && (e.padding = rt()));
+	}, e.border = ot(), e.display === "table" && (e.padding = ot()));
 }
-function jr(e) {
+function Pr(e) {
 	if (!e) return !0;
 	let t = e.trim().toLowerCase();
 	return t === "" || t === "transparent" || t === "rgba(0, 0, 0, 0)" || t === "currentcolor";
 }
-function Mr(e, t, n) {
-	let i = r(e, jr(t) ? "" : t, n);
+function Fr(e, t, n) {
+	let i = r(e, Pr(t) ? "" : t, n);
 	return i === "" ? void 0 : i;
 }
-function Nr(e) {
+function Ir(e) {
 	return e === "hidden" || e === "clip";
 }
-var Pr = /* @__PURE__ */ new WeakMap(), Fr = null;
-function Ir(e) {
-	if (Fr !== null) return Fr;
+var Lr = /* @__PURE__ */ new WeakMap(), Rr = null;
+function zr(e) {
+	if (Rr !== null) return Rr;
 	if (!e.body) return !0;
 	let t = e.createElement("div");
-	return t.style.cssText = "position: absolute; width: 0; height: 0; overflow: auto", e.body.appendChild(t), Fr = getComputedStyle(t).scrollbarWidth !== "none", t.remove(), Fr;
+	return t.style.cssText = "position: absolute; width: 0; height: 0; overflow: auto", e.body.appendChild(t), Rr = getComputedStyle(t).scrollbarWidth !== "none", t.remove(), Rr;
 }
-function Lr(e, t) {
-	if (!Ir(e.ownerDocument)) return "auto";
+function Br(e, t) {
+	if (!zr(e.ownerDocument)) return "auto";
 	if (e.hasAttribute("data-mw-scroll")) {
-		let t = Pr.get(e);
+		let t = Lr.get(e);
 		if (t !== void 0) return t;
 	}
 	let n = t.scrollbarWidth === "none" ? "none" : "auto";
-	return Pr.set(e, n), n;
+	return Lr.set(e, n), n;
 }
-function Rr(e) {
+function Vr(e) {
 	let t = (e ?? "").trim();
 	if (!t || t === "auto") return null;
 	let n = 0;
@@ -3768,25 +3802,25 @@ function Rr(e) {
 	}
 	return null;
 }
-function zr(e) {
-	return Math.max(1, Math.floor(Number(e) || 1));
+function Hr(e, t = 1) {
+	return Math.max(t, Math.floor(Number(e) || t));
 }
-function Br(e) {
-	return Nr(e) ? "clip" : e === "auto" || e === "scroll" ? e : "visible";
+function Ur(e) {
+	return Ir(e) ? "clip" : e === "auto" || e === "scroll" ? e : "visible";
 }
-function Vr(e) {
-	let t = Br(e.overflowX || e.overflow), n = Br(e.overflowY || e.overflow);
+function Wr(e) {
+	let t = Ur(e.overflowX || e.overflow), n = Ur(e.overflowY || e.overflow);
 	return t !== "visible" && n === "visible" && (n = "auto"), n !== "visible" && t === "visible" && (t = "auto"), {
 		x: t,
 		y: n
 	};
 }
-function Hr(e, t) {
+function Gr(e, t) {
 	if (t.position !== "absolute" && t.position !== "fixed") return !1;
 	let n = t.clip.replace(/\s/g, "");
-	return n === "rect(0px,0px,0px,0px)" || n === "rect(0,0,0,0)" || !ie(e.tagName) && (Nr(t.overflow) || Nr(t.overflowX)) && parseFloat(t.width) <= 1 && parseFloat(t.height) <= 1;
+	return n === "rect(0px,0px,0px,0px)" || n === "rect(0,0,0,0)" || !ae(e.tagName) && (Ir(t.overflow) || Ir(t.overflowX)) && parseFloat(t.width) <= 1 && parseFloat(t.height) <= 1;
 }
-var Ur = {
+var Kr = {
 	TABLE: "table",
 	THEAD: "table-header-group",
 	TBODY: "table-row-group",
@@ -3797,7 +3831,7 @@ var Ur = {
 	CAPTION: "table-caption",
 	COL: "table-column",
 	COLGROUP: "table-column-group"
-}, Wr = {
+}, qr = {
 	"table-header-group": "header-group",
 	"table-row-group": "row-group",
 	"table-footer-group": "footer-group",
@@ -3807,38 +3841,38 @@ var Ur = {
 	"table-column": "column",
 	"table-column-group": "column-group"
 };
-function Gr(e, t) {
+function Jr(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 Kr(e, t, n) {
+function Yr(e, t, n) {
 	(/(?:^|[\s:.[!])text-(?:xs|sm|base|lg|[2-9]?xl)(?![\w-])/.test(t) || /(?:^|[\s:.[!])text-\[(?:(?:length|size):|[\d.])/.test(t) || n.fontSize !== "") && N(e, "font-size inside <mono-wind> is ignored — all text shares the host's cell size. Size the <mono-wind> element itself instead.");
 }
-function qr(e, t, n, r) {
+function Xr(e, t, n, r) {
 	let i = e.getPropertyValue(t).trim();
 	return n.includes(i) ? i : r;
 }
-function Jr(e, t) {
+function Zr(e, t) {
 	let n = P(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: oi(e.getPropertyValue(`--mw-rule-${t}-style`).trim()),
+		style: li(e.getPropertyValue(`--mw-rule-${t}-style`).trim()),
 		color: r && r !== "currentcolor" && r !== "currentColor" ? r : e.color
 	};
 }
-function Yr(e, t) {
+function Qr(e, t) {
 	return t.textAlign === "justify" || e.getAttribute("align")?.toLowerCase() === "justify";
 }
-function Xr(e, t) {
+function $r(e, t) {
 	let n = t.textAlign || e.getAttribute("align")?.toLowerCase() || "";
 	return n === "right" || n === "end" ? "end" : n === "center" || n.endsWith("-center") ? "center" : "start";
 }
-function Zr(e) {
+function ei(e) {
 	return typeof e.computedStyleMap == "function";
 }
-function Qr(e) {
+function ti(e) {
 	switch (e) {
 		case "center": return "center";
 		case "flex-end":
@@ -3853,7 +3887,7 @@ function Qr(e) {
 		default: return "start";
 	}
 }
-function $r(e) {
+function ni(e) {
 	switch (e) {
 		case "center": return "center";
 		case "flex-end":
@@ -3864,10 +3898,10 @@ function $r(e) {
 		default: return "start";
 	}
 }
-function ei(e) {
-	return e === "auto" || e === "" || e === "normal" ? "auto" : $r(e);
+function ri(e) {
+	return e === "auto" || e === "" || e === "normal" ? "auto" : ni(e);
 }
-function ti(e, t, n, r, i) {
+function ii(e, t, n, r, i) {
 	let a = (a, o, s) => {
 		if (t) {
 			let e = t.get(a)?.toString().trim();
@@ -3891,16 +3925,16 @@ function ti(e, t, n, r, i) {
 		left: a("margin-left", "margin-inline-start", /(?:^|[\s:.[!])(?:m|mx|ml|ms)-auto\b/)
 	};
 }
-function ni(e, t, n) {
+function ai(e, t, n) {
 	let r = (e === "normal" ? 0 : parseFloat(e) || 0) - n;
 	return r <= 0 ? 0 : Math.floor(r / (.025 * t) + 1e-6);
 }
-function ri(e, t) {
+function oi(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 ii(e) {
+function si(e) {
 	switch (e) {
 		case "relative":
 		case "absolute":
@@ -3909,7 +3943,7 @@ function ii(e) {
 		default: return "static";
 	}
 }
-function ai(e, t, n, r, i) {
+function ci(e, t, n, r, i) {
 	let a = (a, o) => {
 		if (t) {
 			let e = t.get(a)?.toString().trim();
@@ -3928,7 +3962,7 @@ function ai(e, t, n, r, i) {
 		left: a("left", /(?:^|[\s:.[!])-?(?:left|start|inset|inset-x)-/)
 	};
 }
-function oi(e) {
+function li(e) {
 	switch (e) {
 		case "double": return "double";
 		case "dashed": return "dashed";
@@ -3936,7 +3970,7 @@ function oi(e) {
 		default: return "solid";
 	}
 }
-function si(e, t) {
+function ui(e, t) {
 	if (!e || e === "none" || e === "auto") return;
 	if (e === "min-content" || e === "max-content" || e === "fit-content") return e;
 	if (e.endsWith("%")) {
@@ -3955,28 +3989,33 @@ function $(e, t) {
 	let n = parseFloat(e);
 	return Number.isFinite(n) ? F(n, t) : 0;
 }
-function ci(e) {
+function di(e) {
 	let t = parseFloat(e);
 	return Number.isFinite(t) ? Math.min(1, Math.max(0, t)) : 1;
 }
-function li(e, t) {
+function fi(e, t) {
 	let n = e.textIndent;
 	if (!n || n.endsWith("%")) return 0;
 	let r = parseFloat(n);
 	return Number.isFinite(r) ? Math.max(0, F(r, t)) : 0;
 }
-function ui(e, t, n, r, i, a, o) {
-	let s = di(n === "width" ? a.width : a.height);
+function pi(e, t, n, r, i, a, o) {
+	let s = mi(n === "width" ? a.width : a.height);
 	if (s !== null) return {
 		kind: "cells",
-		value: pi(s, n, o, r)
+		value: gi(s, n, o, r)
+	};
+	let c = _i(e, n, t, i, n === "width" ? "w" : "h", a, o, r);
+	if (c !== void 0) return {
+		kind: "cells",
+		value: c
 	};
-	let c = fi(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;
+	let l = hi(i, n === "width" ? "w" : "h");
+	if (l !== null) {
+		let i = parseFloat(e ? String(e.get(n) ?? "") : t), a = Number.isFinite(i) && Math.abs(i - l) <= l * .3;
 		if (a || !Number.isFinite(i)) return {
 			kind: "cells",
-			value: pi(a ? i : c, n, o, r)
+			value: gi(a ? i : l, n, o, r)
 		};
 	}
 	if (e) {
@@ -3984,7 +4023,7 @@ function ui(e, t, n, r, i, a, o) {
 		if (t == null) return;
 		let i = t.toString().trim();
 		if (i === "auto") return { kind: "auto" };
-		let a = gi(i);
+		let a = xi(i);
 		if (a) return a;
 		if (i.endsWith("%")) return {
 			kind: "percent",
@@ -3998,62 +4037,62 @@ function ui(e, t, n, r, i, a, o) {
 			kind: "cells",
 			value: P(parseFloat(i) / .25)
 		};
-		let s = di(i);
+		let s = mi(i);
 		if (s !== null) return {
 			kind: "cells",
-			value: pi(s, n, o, r)
+			value: gi(s, n, o, r)
 		};
 	}
-	let l = n === "width" ? a.width : a.height;
-	if (l) {
-		if (l === "auto") return { kind: "auto" };
-		let e = gi(l);
+	let u = n === "width" ? a.width : a.height;
+	if (u) {
+		if (u === "auto") return { kind: "auto" };
+		let e = xi(u);
 		if (e) return e;
-		if (l.endsWith("%")) return {
+		if (u.endsWith("%")) return {
 			kind: "percent",
-			value: parseFloat(l)
+			value: parseFloat(u)
 		};
-		let t = parseFloat(l);
+		let t = parseFloat(u);
 		if (Number.isFinite(t)) return {
 			kind: "cells",
 			value: F(t, r)
 		};
 	}
-	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 {
+	let d = n === "width" ? "w" : "h";
+	if (RegExp(`(?:^|[\\s:.[!])${d}-min\\b`).test(i)) return { kind: "min-content" };
+	if (RegExp(`(?:^|[\\s:.[!])${d}-max\\b`).test(i)) return { kind: "max-content" };
+	if (RegExp(`(?:^|[\\s:.[!])${d}-fit\\b`).test(i)) return { kind: "fit-content" };
+	let f = RegExp(`(?:^|[\\s:.[!])${d}-(\\d+)/(\\d+)(?![\\w./])`).exec(i);
+	if (f) return {
 		kind: "percent",
-		value: 100 * Number(d[1]) / Number(d[2])
+		value: 100 * Number(f[1]) / Number(f[2])
 	};
-	if (RegExp(`(?:^|[\\s:.[!])${u}-full(?![\\w-])`).test(i)) return {
+	if (RegExp(`(?:^|[\\s:.[!])${d}-full(?![\\w-])`).test(i)) return {
 		kind: "percent",
 		value: 100
 	};
-	let f = RegExp(`(?:^|[\\s:.[!])${u}-\\[(\\d+(?:\\.\\d+)?)%\\]`).exec(i);
-	if (f) return {
+	let p = RegExp(`(?:^|[\\s:.[!])${d}-\\[(\\d+(?:\\.\\d+)?)%\\]`).exec(i);
+	if (p) return {
 		kind: "percent",
-		value: Number(f[1])
+		value: Number(p[1])
 	};
-	let p = RegExp(`(?:^|[\\s:.[!])${u}-(\\d+(?:\\.\\d+)?)(?![\\w-/])`).exec(i);
-	if (p) return {
+	let m = RegExp(`(?:^|[\\s:.[!])${d}-(\\d+(?:\\.\\d+)?)(?![\\w-/])`).exec(i);
+	if (m) return {
 		kind: "cells",
-		value: P(Number(p[1]))
+		value: P(Number(m[1]))
 	};
-	if (!Oi(i, u) || t === "auto") return { kind: "auto" };
+	if (!Ni(i, d) || t === "auto") return { kind: "auto" };
 	if (t.endsWith("%")) return {
 		kind: "percent",
 		value: parseFloat(t)
 	};
-	let m = parseFloat(t);
-	if (Number.isFinite(m)) return {
+	let h = parseFloat(t);
+	if (Number.isFinite(h)) return {
 		kind: "cells",
-		value: F(m, r)
+		value: F(h, r)
 	};
 }
-function di(e) {
+function mi(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]);
@@ -4061,7 +4100,7 @@ function di(e) {
 	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 fi(e, t) {
+function hi(e, t) {
 	if (typeof window > "u") return null;
 	let n = RegExp(`(?:^|[\\s:.[!])${t}-(screen|[dsl]v[hw])(?![\\w-])`).exec(e);
 	if (n) {
@@ -4069,23 +4108,117 @@ function fi(e, t) {
 		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 ? di(r[1]) : null;
+	return r ? mi(r[1]) : null;
 }
-function pi(e, t, n, r) {
+function gi(e, t, n, r) {
 	let i = t === "width" ? n?.width : n?.height;
 	return i && i > 0 ? Math.max(0, Math.floor(e / i)) : F(e, r);
 }
-function mi(e, t, n, r, i, a, o, s) {
-	let c = t.endsWith("width") ? "width" : "height", l = di(a.getPropertyValue(t)) ?? di(e?.get(t)?.toString().trim() ?? "");
-	if (l !== null) return pi(l, c, o, s);
-	let u = fi(r, i);
+function _i(e, t, n, r, i, a, o, s) {
+	let c = t.endsWith("width") ? "width" : "height", l = a.getPropertyValue(t).trim(), u = l.startsWith("calc(");
+	if (!u && !r.includes("-[calc(")) return;
+	let d = RegExp(`(?:^|[\\s:.[!])${i}-\\[(calc\\([^\\]]*\\))\\]`).exec(r), f = u ? l : d?.[1]?.replaceAll("_", " ");
+	if (!f) return;
+	let p = vi(f, c, o, s);
+	if (!p || p.unitless) return;
+	let m = Math.max(0, P(p.cells));
+	if (u) return m;
+	let h = (e ? String(e.get(t) ?? "") : n).trim(), g = parseFloat(h);
+	return (Number.isFinite(g) ? Math.abs(g - p.px) <= Math.abs(p.px) * .3 : h === "") ? m : void 0;
+}
+function vi(e, t, n, r) {
+	let i = e.match(/--spacing\(\s*-?[\d.]+\s*\)|calc|[\d.]+[a-z%]*|[()+\-*/]/g);
+	if (!i || i.join("").replace(/\s+/g, "") !== e.replace(/\s+/g, "")) return null;
+	let a = 0, o = () => i[a], s = () => i[a++], c = (e, t) => ({
+		cells: e,
+		px: t,
+		unitless: !1
+	}), l = (e) => {
+		let i = /^--spacing\(\s*(-?[\d.]+)\s*\)$/.exec(e);
+		if (i) {
+			let e = parseFloat(i[1]);
+			return c(e, e * r / 4);
+		}
+		let a = /^([\d.]+)([a-z%]*)$/.exec(e);
+		if (!a) return null;
+		let o = parseFloat(a[1]), s = a[2];
+		if (!Number.isFinite(o)) return null;
+		if (s === "") return {
+			cells: o,
+			px: o,
+			unitless: !0
+		};
+		if (s === "px") return c(o / (r / 4), o);
+		if (s === "rem") return c(o * 4, o * r);
+		let l = mi(e);
+		return l === null ? null : c(gi(l, t, n, r), l);
+	}, u = (e, t, n) => {
+		if (e === "+" || e === "-") {
+			if (t.unitless !== n.unitless) return null;
+			let r = e === "+" ? 1 : -1;
+			return {
+				cells: t.cells + r * n.cells,
+				px: t.px + r * n.px,
+				unitless: t.unitless
+			};
+		}
+		if (e === "*") {
+			if (!t.unitless && !n.unitless) return null;
+			let [e, r] = t.unitless ? [t, n] : [n, t];
+			return {
+				cells: r.cells * e.cells,
+				px: r.px * e.px,
+				unitless: r.unitless && e.unitless
+			};
+		}
+		return !n.unitless || n.px === 0 ? null : {
+			cells: t.cells / n.cells,
+			px: t.px / n.px,
+			unitless: t.unitless
+		};
+	}, d = () => {
+		let e = s();
+		if (e === void 0) return null;
+		if (e === "-") {
+			let e = d();
+			return e && {
+				cells: -e.cells,
+				px: -e.px,
+				unitless: e.unitless
+			};
+		}
+		return e === "calc" ? s() === "(" ? f() : null : e === "(" ? f() : l(e);
+	}, f = () => {
+		let e = m();
+		return s() === ")" ? e : null;
+	}, p = () => {
+		let e = d();
+		for (; e && (o() === "*" || o() === "/");) {
+			let t = s(), n = d();
+			e = n ? u(t, e, n) : null;
+		}
+		return e;
+	}, m = () => {
+		let e = p();
+		for (; e && (o() === "+" || o() === "-");) {
+			let t = s(), n = p();
+			e = n ? u(t, e, n) : null;
+		}
+		return e;
+	}, h = m();
+	return a === i.length ? h : null;
+}
+function yi(e, t, n, r, i, a, o, s) {
+	let c = t.endsWith("width") ? "width" : "height", l = mi(a.getPropertyValue(t)) ?? mi(e?.get(t)?.toString().trim() ?? "");
+	if (l !== null) return gi(l, c, o, s);
+	let u = hi(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 pi(f ? d : u, c, o, s);
+	let d = (e ? String(e.get(t) ?? "") : n).trim(), f = parseFloat(d), p = Number.isFinite(f) && Math.abs(f - u) <= u * .3;
+	if (p || d === "") return gi(p ? f : u, c, o, s);
 }
-function hi(e, t) {
+function bi(e, t) {
 	if (!e || e === "auto" || e === "content") return;
-	let n = gi(e);
+	let n = xi(e);
 	if (n) return n;
 	if (e.endsWith("%")) {
 		let t = parseFloat(e);
@@ -4100,27 +4233,27 @@ function hi(e, t) {
 		value: F(r, t)
 	} : void 0;
 }
-function gi(e) {
+function xi(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 _i(e, t) {
+function Si(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 Ti(n)) {
-		let n = yi(e);
+	for (let e of Ai(n)) {
+		let n = wi(e);
 		if (n) {
 			a.push(...n);
 			continue;
 		}
 		let i = e.match(/^repeat\(\s*([^,]+?)\s*,(.*)\)$/s);
 		if (i) {
-			let e = vi(i[2].trim(), t);
+			let e = Ci(i[2].trim(), t);
 			if (e.tracks.length === 0) continue;
 			let n = i[1];
 			if (n === "auto-fill" || n === "auto-fit") {
@@ -4138,7 +4271,7 @@ function _i(e, t) {
 			}
 			continue;
 		}
-		o(Si(e, t));
+		o(Di(e, t));
 	}
 	if (i.push(a), r.length === 0 && !s) return { kind: "none" };
 	let c = {
@@ -4147,26 +4280,26 @@ function _i(e, t) {
 	};
 	return i.some((e) => e.length > 0) && (c.lineNames = i), s && (c.autoRepeat = s), c;
 }
-function vi(e, t) {
+function Ci(e, t) {
 	let n = [], r = [], i = [];
-	for (let a of Ti(e)) {
-		let e = yi(a);
+	for (let a of Ai(e)) {
+		let e = wi(a);
 		if (e) {
 			i.push(...e);
 			continue;
 		}
-		r.push(i), i = [], n.push(Si(a, t));
+		r.push(i), i = [], n.push(Di(a, t));
 	}
 	return r.push(i), {
 		tracks: n,
 		lineNames: r
 	};
 }
-function yi(e) {
+function wi(e) {
 	let t = e.match(/^\[(.*)\]$/s);
 	return t ? t[1].split(/\s+/).filter((e) => e !== "") : null;
 }
-function bi(e) {
+function Ti(e) {
 	let t = [];
 	for (let n of e.matchAll(/"([^"]*)"|'([^']*)'/g)) {
 		let e = (n[1] ?? n[2] ?? "").trim().split(/\s+/).filter((e) => e !== "");
@@ -4196,23 +4329,23 @@ function bi(e) {
 		areas: r
 	};
 }
-function xi(e, t) {
-	let n = Ti(e.trim()).filter((e) => e !== "" && !e.startsWith("[")).map((e) => Si(e, t));
-	return n.length > 0 ? n : [it()];
+function Ei(e, t) {
+	let n = Ai(e.trim()).filter((e) => e !== "" && !e.startsWith("[")).map((e) => Di(e, t));
+	return n.length > 0 ? n : [st()];
 }
-function Si(e, t) {
+function Di(e, t) {
 	let n = e.match(/^minmax\((.*)\)$/s);
 	if (n) {
-		let e = wi(n[1]).map((e) => e.trim());
+		let e = ki(n[1]).map((e) => e.trim());
 		return e.length === 2 ? {
-			min: Ci(e[0], t),
-			max: Ci(e[1], t)
+			min: Oi(e[0], t),
+			max: Oi(e[1], t)
 		} : {
 			min: { kind: "auto" },
 			max: { kind: "auto" }
 		};
 	}
-	let r = Ci(e, t);
+	let r = Oi(e, t);
 	return r.kind === "fr" ? {
 		min: { kind: "auto" },
 		max: r
@@ -4221,13 +4354,13 @@ function Si(e, t) {
 		max: r
 	};
 }
-function Ci(e, t) {
+function Oi(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 = wi(n[2]).map((e) => Ci(e.trim(), t)), r = e.every((e) => e.kind === "cells" || e.kind === "percent" || e.kind === "math");
+		let e = ki(n[2]).map((e) => Oi(e.trim(), t)), r = e.every((e) => e.kind === "cells" || e.kind === "percent" || e.kind === "math");
 		return e.length > 0 && r ? {
 			kind: "math",
 			fn: n[1],
@@ -4254,7 +4387,7 @@ function Ci(e, t) {
 		value: e.endsWith("rem") ? P(r / .25) : F(r, t)
 	} : { kind: "auto" };
 }
-function wi(e) {
+function ki(e) {
 	let t = [], n = 0, r = 0;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
@@ -4262,7 +4395,7 @@ function wi(e) {
 	}
 	return t.push(e.slice(r)), t.filter((e) => e.trim() !== "");
 }
-function Ti(e) {
+function Ai(e) {
 	let t = [], n = 0, r = -1;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
@@ -4270,7 +4403,7 @@ function Ti(e) {
 	}
 	return r !== -1 && t.push(e.slice(r)), t;
 }
-function Ei(e) {
+function ji(e) {
 	let t = e.trim();
 	if (!t || t === "auto") return { kind: "auto" };
 	let n = !1, r, i;
@@ -4298,16 +4431,16 @@ function Ei(e) {
 		nth: r
 	};
 }
-function Di(e) {
+function Mi(e) {
 	return {
 		direction: e.includes("column") ? "column" : "row",
 		dense: e.includes("dense")
 	};
 }
-function Oi(e, t) {
+function Ni(e, t) {
 	return (t === "w" ? /(?:^|[\s:.[!])w-/ : /(?:^|[\s:.[!])h-/).test(e);
 }
-function ki(e, t) {
+function Pi(e, t) {
 	return {
 		top: $(e.getPropertyValue("padding-top"), t),
 		right: $(e.getPropertyValue("padding-right"), t),
@@ -4315,7 +4448,7 @@ function ki(e, t) {
 		left: $(e.getPropertyValue("padding-left"), t)
 	};
 }
-function Ai(e) {
+function Fi(e) {
 	let t = (t, n) => e.getPropertyValue(n) === "none" ? 0 : P(parseFloat(e.getPropertyValue(t)) || 0);
 	return {
 		top: t("border-top-width", "border-top-style"),
@@ -4326,14 +4459,14 @@ function Ai(e) {
 }
 //#endregion
 //#region src/tree.ts
-function ji(e, t, n, r) {
-	let i = kr(e, t, n);
+function Ii(e, t, n, r) {
+	let i = Mr(e, t, n);
 	if (i.display === "none") return null;
-	let a = ie(e.tagName);
-	if (a) return Mi(e, i, a);
-	let o = Array.from(e.children), s = o.map(Li), c = e.tagName, l = Ji(c);
+	let a = ae(e.tagName);
+	if (a) return Li(e, i, a);
+	let o = Array.from(e.children), s = o.map(Hi), c = e.tagName, l = $i(c);
 	if (!s.includes("block") || l) {
-		let a = Ri(e, i.tracking, {
+		let a = Ui(e, i.tracking, {
 			rootFontSizePx: t,
 			rootLetterSpacingPx: n?.letterSpacing ?? 0,
 			cellMetrics: n,
@@ -4342,12 +4475,12 @@ function ji(e, t, n, r) {
 			tabSize: i.tabSize
 		}), u = a.chars.join("");
 		if (a.boxes.length > 0) {
-			let e = In();
-			Pe(a.chars, (t, n) => {
-				a.advances[t] = Math.max(1, J(a.boxes[n], e));
+			let e = Rn();
+			Fe(a.chars, (t, n) => {
+				a.advances[t] = Math.max(1, q(a.boxes[n], e));
 			});
 		}
-		let d = Ui(u, a.advances, i.tracking);
+		let d = Ji(u, a.advances, i.tracking);
 		if (l && d === 0) {
 			if (c === "INPUT") d = Number(e.size) || 20;
 			else if (c === "TEXTAREA") d = Number(e.cols) || 20;
@@ -4356,9 +4489,9 @@ function ji(e, t, n, r) {
 				d = Math.max(1, ...r.map((e) => e.trim().length));
 			}
 		}
-		let f = u.length > 0 ? Wi(u) : 0, p;
+		let f = u.length > 0 ? Yi(u) : 0, p;
 		if (c === "TEXTAREA") {
-			let t = e, n = t.value ?? "", a = r?.get(t), o = +!!n.endsWith("\n"), s = a !== void 0 && a > 0 ? De(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);
+			let t = e, n = t.value ?? "", a = r?.get(t), o = +!!n.endsWith("\n"), s = a !== void 0 && a > 0 ? Oe(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 = l ? Math.max(1, f) : f;
 		let m = /* @__PURE__ */ new Map(), h = [];
@@ -4368,7 +4501,7 @@ function ji(e, t, n, r) {
 			let i = o[e], a = m.get(i);
 			if (a) g.push(a);
 			else if (s[e] === "out-of-flow") {
-				let e = ji(i, t, n, r);
+				let e = Ii(i, t, n, r);
 				e && g.push(e);
 			}
 		}
@@ -4387,14 +4520,14 @@ function ji(e, t, n, r) {
 				height: p
 			},
 			unclampedHeight: 0,
-			resolvedPadding: rt()
+			resolvedPadding: ot()
 		};
 		return (a.advances.some((e) => e !== 1) || a.boxes.length > 0) && (_.advances = a.advances), a.inlineElements.length > 0 && (_.inlineElements = a.inlineElements, _.charInline = a.chars.map((e, t) => a.inlineIndex[t] ?? -1)), _;
 	}
 	let u = [];
 	for (let e = 0; e < o.length; e++) {
 		if (s[e] === "none") continue;
-		let i = ji(o[e], t, n, r);
+		let i = Ii(o[e], t, n, r);
 		i && u.push(i);
 	}
 	let d = {
@@ -4411,14 +4544,14 @@ function ji(e, t, n, r) {
 			height: 0
 		},
 		unclampedHeight: 0,
-		resolvedPadding: rt()
+		resolvedPadding: ot()
 	};
-	return Yi(e, d), d;
+	return ea(e, d), d;
 }
-function Mi(e, t, n) {
-	let r = se(n, e), i = r?.lines ?? [], a = i.join("\n");
+function Li(e, t, n) {
+	let r = ce(n, e), i = r?.lines ?? [], a = i.join("\n");
 	t.whiteSpace = "pre", (t.width === void 0 || t.width.kind === "auto") && (t.width = { kind: "max-content" });
-	let o = Array.from({ length: a.length }, () => 1 + t.tracking), s = Ui(a, o, t.tracking), c = i.length, l = {
+	let o = Array.from({ length: a.length }, () => 1 + t.tracking), s = Ji(a, o, t.tracking), c = i.length, l = {
 		source: e,
 		style: t,
 		children: [],
@@ -4432,7 +4565,7 @@ function Mi(e, t, n) {
 			height: c
 		},
 		unclampedHeight: 0,
-		resolvedPadding: rt()
+		resolvedPadding: ot()
 	};
 	t.tracking > 0 && (l.advances = o);
 	let u = r?.runs ?? [];
@@ -4460,23 +4593,23 @@ function Mi(e, t, n) {
 	}
 	return l;
 }
-var Ni = /* @__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 Pi(e, t) {
-	return t || (Ni.has(e.tagName) ? "inline" : "block");
+var Ri = /* @__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 zi(e, t) {
+	return t || (Ri.has(e.tagName) ? "inline" : "block");
 }
-function Fi(e, t) {
-	let n = Pi(e, t);
+function Bi(e, t) {
+	let n = zi(e, t);
 	return n === "inline" || n === "contents";
 }
-function Ii(e, t) {
-	let n = Pi(e, t);
+function Vi(e, t) {
+	let n = zi(e, t);
 	return n.startsWith("inline") && n !== "inline";
 }
-function Li(e) {
+function Hi(e) {
 	let t = getComputedStyle(e);
-	return t.display === "none" ? "none" : t.position === "absolute" || t.position === "fixed" ? "out-of-flow" : ie(e.tagName) ? "block" : Fi(e, t.display) || Ii(e, t.display) ? "inline" : "block";
+	return t.display === "none" ? "none" : t.position === "absolute" || t.position === "fixed" ? "out-of-flow" : ae(e.tagName) ? "block" : Bi(e, t.display) || Vi(e, t.display) ? "inline" : "block";
 }
-function Ri(e, t, n) {
+function Ui(e, t, n) {
 	let r = {
 		chars: [],
 		advances: [],
@@ -4484,15 +4617,15 @@ function Ri(e, t, n) {
 		inlineElements: [],
 		boxes: []
 	};
-	return zi(e, t, n, r), n.preserve ? r : Hi(r);
+	return Wi(e, t, n, r), n.preserve ? r : qi(r);
 }
-function zi(e, t, n, r) {
+function Wi(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;
 	};
-	if (!Ji(e.tagName)) {
+	if (!$i(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 === "	") {
@@ -4508,24 +4641,24 @@ function zi(e, t, n, r) {
 			}
 			let t = getComputedStyle(e);
 			if (t.display === "none" || t.position === "absolute" || t.position === "fixed") continue;
-			if (Ii(e, t.display)) {
-				let t = ji(e, n.rootFontSizePx, n.cellMetrics, n.textareaWidths);
+			if (Vi(e, t.display)) {
+				let t = Ii(e, n.rootFontSizePx, n.cellMetrics, n.textareaWidths);
 				t && (t.inlineBox = !0, r.chars.push(""), r.advances.push(1), r.boxes.push(t));
 				continue;
 			}
-			if (!Fi(e, t.display)) {
-				Gi(e);
+			if (!Bi(e, t.display)) {
+				Xi(e);
 				continue;
 			}
-			let i = ni(t.letterSpacing, parseFloat(t.fontSize) || n.rootFontSizePx, n.rootLetterSpacingPx), o = Bi(t.paddingLeft, n.rootFontSizePx), s = Bi(t.paddingRight, n.rootFontSizePx);
+			let i = ai(t.letterSpacing, parseFloat(t.fontSize) || n.rootFontSizePx, n.rootLetterSpacingPx), o = Gi(t.paddingLeft, n.rootFontSizePx), s = Gi(t.paddingRight, n.rootFontSizePx);
 			r.inlineElements.push({
 				element: e,
 				tracking: i,
 				padLeft: o,
 				padRight: s,
-				insets: t.position === "static" ? null : Vi(t, n.rootFontSizePx),
+				insets: t.position === "static" ? null : Ki(t, n.rootFontSizePx),
 				color: t.color,
-				backgroundColor: jr(t.backgroundColor) ? void 0 : t.backgroundColor,
+				backgroundColor: Pr(t.backgroundColor) ? void 0 : t.backgroundColor,
 				fontWeight: t.fontWeight,
 				fontStyle: t.fontStyle,
 				textDecorationLine: t.textDecorationLine
@@ -4533,18 +4666,18 @@ function zi(e, t, n, r) {
 			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;
-			zi(e, i, n, r);
+			Wi(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);
 		}
 	}
 }
-function Bi(e, t) {
+function Gi(e, t) {
 	if (!e || e.endsWith("%")) return 0;
 	let n = parseFloat(e);
 	return Number.isFinite(n) ? Math.max(0, F(n, t)) : 0;
 }
-function Vi(e, t) {
+function Ki(e, t) {
 	let n = (e) => {
 		if (!e || e === "auto" || e.endsWith("%")) return null;
 		let n = parseFloat(e);
@@ -4557,7 +4690,7 @@ function Vi(e, t) {
 		left: n(e.left)
 	};
 }
-function Hi(e) {
+function qi(e) {
 	let t = [], n = [], r = [], i = () => {
 		let e = t.length;
 		for (; e > 0 && t[e - 1] !== "\n";) e--;
@@ -4582,30 +4715,30 @@ function Hi(e) {
 		boxes: e.boxes
 	};
 }
-function Ui(e, t, n) {
+function Ji(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, I(i, a, t, n)), i = a + 1);
 	return r;
 }
-function Wi(e) {
-	return ke(e).length;
+function Yi(e) {
+	return Ae(e).length;
 }
-function Gi(e) {
+function Xi(e) {
 	N(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 Ki(e) {
+function Zi(e) {
 	return Array.from(e.childNodes).some((e) => e.nodeType === Node.TEXT_NODE && /[^ \t\r\n\f]/.test(e.textContent ?? ""));
 }
-var qi = "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 Ji(e) {
+var Qi = "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 $i(e) {
 	return e === "INPUT" || e === "SELECT" || e === "TEXTAREA";
 }
-function Yi(e, t) {
-	Ki(e) && (t.droppedText = !0, N(e, qi));
+function ea(e, t) {
+	Zi(e) && (t.droppedText = !0, N(e, Qi));
 }
 //#endregion
 //#region src/element.ts
-var Xi = "\n<style>\n  :host { display: block; position: relative; contain: layout style; }\n  #viewport { position: relative; width: 100%; height: 100%; background: inherit; }\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\n   * default, reflected onto the attribute — see DEFAULT_SELECT) the\n   * grid 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 select=\"text\" the grid is inert to events and drag\n   * selects the light DOM natively. */\n  /* Sized by the engine's ink extent (element.ts), not the host box:\n   * visible overflow paints past the host (specs/cell-model.md\n   * \"Overflow\"), and the host's background follows it there — the\n   * host is the canvas, as the root element's background covers a\n   * document's overflow — inherited through #viewport, the shadow\n   * parent. (A translucent host background paints repeatedly inside\n   * the box.) */\n  #grid { position: absolute; top: 0; left: 0; margin: 0; background: inherit; 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  /* Selection invert — mirror of the canonical rule in styles.css\n   * (which explains the field choices); update together. */\n  ::selection { color: var(--mw-bg, canvas); text-shadow: 0 0 0 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", Zi = "grid", Qi = [
+var ta = "\n<style>\n  :host { display: block; position: relative; contain: layout style; }\n  #viewport { position: relative; width: 100%; height: 100%; background: inherit; }\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\n   * default, reflected onto the attribute — see DEFAULT_SELECT) the\n   * grid 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 select=\"text\" the grid is inert to events and drag\n   * selects the light DOM natively. */\n  /* Sized by the engine's ink extent (element.ts), not the host box:\n   * visible overflow paints past the host (specs/cell-model.md\n   * \"Overflow\"), and the host's background follows it there — the\n   * host is the canvas, as the root element's background covers a\n   * document's overflow — inherited through #viewport, the shadow\n   * parent. (A translucent host background paints repeatedly inside\n   * the box.) */\n  #grid { position: absolute; top: 0; left: 0; margin: 0; background: inherit; 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  /* Selection invert — mirror of the canonical rule in styles.css\n   * (which explains the field choices); update together. */\n  ::selection { color: var(--mw-bg, canvas); text-shadow: 0 0 0 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", na = "grid", ra = [
 	"pointerover",
 	"pointerleave",
 	"pointerdown",
@@ -4617,12 +4750,12 @@ var Xi = "\n<style>\n  :host { display: block; position: relative; contain: layo
 	"focusout",
 	"input",
 	"change"
-], $i = /^(color|opacity|border-(top|right|bottom|left)-color|border-color)$/, ea = 3e4, ta = 200, na = 3, ra = 4, ia = 8, aa = 160, oa = typeof HTMLElement > "u" ? class {} : HTMLElement, sa = class e extends oa {
+], ia = /^(color|opacity|border-(top|right|bottom|left)-color|border-color)$/, aa = 3e4, oa = 200, sa = 3, ca = 4, la = 8, ua = 100, da = 160, fa = typeof HTMLElement > "u" ? class {} : HTMLElement, pa = class e extends fa {
 	static observedAttributes = ["select"];
 	static #e = /* @__PURE__ */ new Set();
 	static #t = null;
 	static #n = () => {
-		for (let t of e.#e) t.#se();
+		for (let t of e.#e) t.#fe();
 	};
 	static #r(t) {
 		t instanceof HTMLLinkElement && t.rel === "stylesheet" && !t.sheet && t.addEventListener("load", e.#n, { once: !0 });
@@ -4659,7 +4792,8 @@ var Xi = "\n<style>\n  :host { display: block; position: relative; contain: layo
 	#y = /* @__PURE__ */ new WeakMap();
 	#b = null;
 	#x = null;
-	#S() {
+	#S = [];
+	#C() {
 		this.#u?.observe(this, {
 			childList: !0,
 			subtree: !0,
@@ -4671,73 +4805,80 @@ var Xi = "\n<style>\n  :host { display: block; position: relative; contain: layo
 				"colspan",
 				"rowspan",
 				"span",
-				...ae()
+				...oe()
 			]
 		});
 	}
 	constructor() {
-		super(), this.#o = this.attachShadow({ mode: "open" }), this.#o.innerHTML = Xi, 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);
+		super(), this.#o = this.attachShadow({ mode: "open" }), this.#o.innerHTML = ta, 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.hasAttribute("select") || this.setAttribute("select", Zi), this.#c.parentNode !== this && this.appendChild(this.#c), this.#l = new ResizeObserver(() => this.#se()), this.#l.observe(this), this.#l.observe(this.#c), window.addEventListener("resize", this.#re), this.#u = new MutationObserver(() => this.#se()), this.#S(), this.#m = oe(() => {
-			this.#S(), this.#se();
-		}), this.#h = C(() => this.#se()), document.fonts?.ready.then(this.#ie).catch((e) => {
+		this.hasAttribute("select") || this.setAttribute("select", na), this.#c.parentNode !== this && this.appendChild(this.#c), this.#l = new ResizeObserver(() => this.#fe()), this.#l.observe(this), this.#G(), this.#l.observe(this.#c), window.addEventListener("resize", this.#ce), this.#u = new MutationObserver(() => this.#fe()), this.#C(), this.#m = se(() => {
+			this.#C(), this.#fe();
+		}), this.#h = C(() => this.#fe()), document.fonts?.ready.then(this.#le).catch((e) => {
 			console.warn("[monowind] document.fonts.ready failed:", e);
-		}), document.fonts?.addEventListener("loadingdone", this.#ie);
-		for (let e of Qi) this.addEventListener(e, this.#ne);
-		this.addEventListener("transitionrun", this.#$), this.addEventListener("transitionend", this.#ee), this.addEventListener("transitioncancel", this.#ee), this.addEventListener("pointermove", this.#U), this.addEventListener("pointerleave", this.#W), this.addEventListener("pointerdown", this.#G), this.addEventListener("scroll", this.#L, {
+		}), document.fonts?.addEventListener("loadingdone", this.#le);
+		for (let e of ra) this.addEventListener(e, this.#se);
+		this.addEventListener("transitionrun", this.#ie), this.addEventListener("transitionend", this.#ae), this.addEventListener("transitioncancel", this.#ae), this.addEventListener("pointermove", this.#J), this.addEventListener("pointerleave", this.#Y), this.addEventListener("pointerdown", this.#X), this.addEventListener("scroll", this.#B, {
 			capture: !0,
 			passive: !0
-		}), this.addEventListener("scrollend", this.#R, { capture: !0 }), this.addEventListener("wheel", this.#B, { passive: !1 }), window.addEventListener("pointerup", this.#K), window.addEventListener("pointercancel", this.#K), document.addEventListener("scroll", this.#q, {
+		}), this.addEventListener("scrollend", this.#V, { capture: !0 }), this.addEventListener("wheel", this.#U, { passive: !1 }), window.addEventListener("pointerup", this.#Z), window.addEventListener("pointercancel", this.#Z), document.addEventListener("scroll", this.#Q, {
 			capture: !0,
 			passive: !0
-		}), e.#i(this), this.#se();
+		}), e.#i(this), this.#fe();
 	}
 	disconnectedCallback() {
-		window.removeEventListener("resize", this.#re), this.#l?.disconnect(), this.#u?.disconnect(), this.#l = null, this.#u = null, this.#m?.(), this.#m = null, this.#h?.(), this.#h = null, document.fonts?.removeEventListener("loadingdone", this.#ie);
-		for (let e of Qi) this.removeEventListener(e, this.#ne);
-		this.removeEventListener("transitionrun", this.#$), this.removeEventListener("transitionend", this.#ee), this.removeEventListener("transitioncancel", this.#ee), this.#X = 0, this.removeEventListener("pointermove", this.#U), this.removeEventListener("pointerleave", this.#W), this.removeEventListener("pointerdown", this.#G), this.removeEventListener("scroll", this.#L, { capture: !0 }), this.removeEventListener("scrollend", this.#R, { capture: !0 }), this.removeEventListener("wheel", this.#B);
+		window.removeEventListener("resize", this.#ce), this.#l?.disconnect(), this.#u?.disconnect(), this.#l = null, this.#u = null, this.#m?.(), this.#m = null, this.#h?.(), this.#h = null, document.fonts?.removeEventListener("loadingdone", this.#le);
+		for (let e of ra) this.removeEventListener(e, this.#se);
+		this.removeEventListener("transitionrun", this.#ie), this.removeEventListener("transitionend", this.#ae), this.removeEventListener("transitioncancel", this.#ae), this.#te = 0, this.removeEventListener("pointermove", this.#J), this.removeEventListener("pointerleave", this.#Y), this.removeEventListener("pointerdown", this.#X), this.removeEventListener("scroll", this.#B, { capture: !0 }), this.removeEventListener("scrollend", this.#V, { capture: !0 }), this.removeEventListener("wheel", this.#U);
 		for (let e of this.#v.values()) clearTimeout(e);
-		this.#v.clear(), this.#x = null, this.#b = null, window.removeEventListener("pointerup", this.#K), window.removeEventListener("pointercancel", this.#K), document.removeEventListener("scroll", this.#q, { capture: !0 }), this.#O = null, this.#T = null, this.#E = !1, this.#D = !1, this.#J(), e.#a(this);
+		this.#v.clear(), this.#x = null, this.#b = null, window.removeEventListener("pointerup", this.#Z), window.removeEventListener("pointercancel", this.#Z), document.removeEventListener("scroll", this.#Q, { capture: !0 }), this.#k = null, this.#E = null, this.#D = !1, this.#O = !1, this.#$(), e.#a(this);
 	}
-	#C = /* @__PURE__ */ new Set();
 	#w = /* @__PURE__ */ new Set();
-	#T = null;
-	#E = !1;
+	#T = /* @__PURE__ */ new Set();
+	#E = null;
 	#D = !1;
-	#O = null;
-	#k = NaN;
+	#O = !1;
+	#k = null;
 	#A = NaN;
-	#j = null;
-	static #M = typeof matchMedia > "u" ? null : matchMedia("(hover: hover)");
-	#N() {
+	#j = NaN;
+	#M = null;
+	static #N = typeof matchMedia > "u" ? null : matchMedia("(hover: hover)");
+	#P() {
 		if (this.#g || this.#d) return;
 		this.#g = !0;
 		let e = !1, t = () => {
 			if (e) return;
 			e = !0, this.#g = !1;
 			let t = this.#f;
-			!this.isConnected || !this.#p || !t || (this.#P(t), this.#D = !gr(this.#p, this.#s, this.#E), this.#J());
+			this.isConnected && this.#p && t && (this.#F(t), this.#O = !yr(this.#p, this.#s, this.#D), this.#$());
 		};
 		requestAnimationFrame(t), setTimeout(t, 50);
 	}
-	#P(e, t) {
+	#F(e, t) {
 		for (let n of this.#_) {
 			let r = n.source, { maxX: i, maxY: a } = n.scrollRange, o = t?.get(r);
 			n.scroll = o ? {
 				x: o.pinX ? i : Math.min(o.x, i),
 				y: o.pinY ? a : Math.min(o.y, a)
-			} : {
-				x: la(r, "x", e.width, i),
-				y: la(r, "y", e.height, a)
-			};
+			} : this.#I(n, e);
 		}
 	}
-	#F() {
+	#I(e, t) {
+		let n = e.source, { maxX: r, maxY: i } = e.scrollRange, a = e.scroll ?? {
+			x: 0,
+			y: 0
+		};
+		return {
+			x: ha(n, "x", t.width, r, a.x),
+			y: ha(n, "y", t.height, i, a.y)
+		};
+	}
+	#L() {
 		let e = /* @__PURE__ */ new Map(), t = this.#f;
 		if (!t) return e;
 		for (let n of this.#_) {
-			let r = n.source, { maxX: i, maxY: a } = n.scrollRange, o = la(r, "x", t.width, i), s = la(r, "y", t.height, a);
+			let r = n.source, { maxX: i, maxY: a } = n.scrollRange, { x: o, y: s } = this.#I(n, t);
 			e.set(r, {
 				top: r.scrollTop,
 				left: r.scrollLeft,
@@ -4749,56 +4890,56 @@ var Xi = "\n<style>\n  :host { display: block; position: relative; contain: layo
 		}
 		return e;
 	}
-	#I(e) {
+	#R(e) {
 		for (let t of this.#_) {
 			let n = t.source, r = e.get(n);
-			r && (n.scrollTop = r.pinY ? n.scrollHeight : r.top, n.scrollLeft = r.pinX ? n.scrollWidth : r.left, n.scrollTop, n.scrollLeft);
+			r && (n.scrollTop, n.scrollLeft, n.scrollTop = r.pinY ? n.scrollHeight : r.top, n.scrollLeft = r.pinX ? n.scrollWidth : r.left);
 		}
 	}
-	#L = (e) => {
+	#z(e, t) {
+		clearTimeout(this.#v.get(e)), this.#v.set(e, setTimeout(() => this.#H(e), t));
+	}
+	#B = (e) => {
 		let t = e.target;
-		!(t instanceof HTMLElement) || t === this || t.hasAttribute("data-mw-scroll") && (this.#N(), "onscrollend" in window || (clearTimeout(this.#v.get(t)), this.#v.set(t, setTimeout(() => this.#z(t), aa))));
+		t instanceof HTMLElement && t !== this && t.hasAttribute("data-mw-scroll") && (this.#P(), !(Date.now() - (this.#y.get(t) ?? 0) < oa) && (clearTimeout(this.#v.get(t)), "onscrollend" in window || this.#z(t, da)));
 	};
-	#R = (e) => {
+	#V = (e) => {
 		let t = e.target;
-		!(t instanceof HTMLElement) || t === this || t.hasAttribute("data-mw-scroll") && (Date.now() - (this.#y.get(t) ?? 0) < ta || this.#z(t));
+		t instanceof HTMLElement && t !== this && t.hasAttribute("data-mw-scroll") && (Date.now() - (this.#y.get(t) ?? 0) < oa || this.#z(t, ua));
 	};
-	#z(e) {
+	#H(e) {
 		if (this.#x?.el === e) return;
-		this.#N();
+		this.#P();
 		let t = this.#f, n = this.#_.find((t) => t.source === e);
 		if (!t || !n) return;
-		let r = n.scrollRange, i = (e, t, n, r) => {
-			let i = Math.min(Math.max(0, Math.round(e / t)), n);
-			return i === n ? r : i * t;
-		}, a = i(e.scrollTop, t.height, r.maxY, e.scrollHeight - e.clientHeight), o = i(e.scrollLeft, t.width, r.maxX, e.scrollWidth - e.clientWidth);
+		let r = n.scrollRange, i = n.scroll ?? this.#I(n, t), a = i.y === r.maxY ? e.scrollHeight - e.clientHeight : i.y * t.height, o = i.x === r.maxX ? e.scrollWidth - e.clientWidth : i.x * t.width;
 		(Math.abs(e.scrollTop - a) > .5 || Math.abs(e.scrollLeft - o) > .5) && e.scrollTo({
 			top: a,
 			left: o,
 			behavior: "instant"
 		});
 	}
-	#B = (e) => {
+	#U = (e) => {
 		if (this.getAttribute("select") !== "grid") return;
 		let t = this.#p, n = this.#f;
 		if (!t || !n || this.#_.length === 0) return;
-		let r = e;
-		if (!r.cancelable) return;
-		let { col: i, row: a } = this.#V(r.clientX, r.clientY, n), o = r.deltaMode === 1 ? n.height : r.deltaMode === 2 ? this.clientHeight : 1, s = r.deltaX * o, c = r.deltaY * o, l = Date.now(), u = Math.abs(s) + Math.abs(c);
+		let r = e, i = r.deltaMode === 1 ? n.height : r.deltaMode === 2 ? this.clientHeight : 1, a = r.deltaX * i, o = r.deltaY * i;
+		if (!r.cancelable && this.#W(a, o)) return;
+		let { col: s, row: c } = this.#K(r.clientX, r.clientY, n), l = Date.now(), u = Math.abs(a) + Math.abs(o);
 		if (u === 0) {
-			this.#b = null;
+			this.#b = null, r.preventDefault();
 			return;
 		}
 		let d = (e) => {
 			let t = e.scrollRange, n = e.source;
-			return c !== 0 && t.maxY > 0 && (c > 0 && n.scrollTop < n.scrollHeight - n.clientHeight - .5 || c < 0 && n.scrollTop > .5) || s !== 0 && t.maxX > 0 && (s > 0 && n.scrollLeft < n.scrollWidth - n.clientWidth - .5 || s < 0 && n.scrollLeft > .5);
-		}, f = this.#b, p = Math.abs(s) >= Math.abs(c) ? "x" : "y", m = f !== null && u > f.mag * 1.25 + 1, h = f !== null && (Math.abs(r.clientX - f.x) > na || Math.abs(r.clientY - f.y) > na), g = f !== null && f.decayed >= ia, _ = f !== null && l - f.at < ta && p === f.axis && (h ? u <= f.mag : !(g && m)), v = null;
+			return o !== 0 && t.maxY > 0 && (o > 0 && n.scrollTop < n.scrollHeight - n.clientHeight - .5 || o < 0 && n.scrollTop > .5) || a !== 0 && t.maxX > 0 && (a > 0 && n.scrollLeft < n.scrollWidth - n.clientWidth - .5 || a < 0 && n.scrollLeft > .5);
+		}, f = this.#b, p = Math.abs(a) >= Math.abs(o) ? "x" : "y", m = f !== null && u > f.mag * 1.25 + 1, h = f !== null && (Math.abs(r.clientX - f.x) > sa || Math.abs(r.clientY - f.y) > sa), g = f !== null && f.decayed >= la, _ = f !== null && l - f.at < oa && p === f.axis && (h ? u <= f.mag : !(g && m)), v = null;
 		if (_) {
 			if (f.decayed = u <= f.mag && u >= f.mag * .5 ? f.decayed + 1 : g ? f.decayed : 0, f.mag = u, f.at = l, !f.el) return;
 			v = this.#_.find((e) => e.source === f.el) ?? null;
 		}
 		if (!v) {
-			let e = xe(t, i, a);
+			let e = Se(t, s, c);
 			for (let t = e.length - 1; t >= 0; t--) {
 				let n = e[t].node;
 				if (!n.scrollRange) continue;
@@ -4807,12 +4948,12 @@ var Xi = "\n<style>\n  :host { display: block; position: relative; contain: layo
 					break;
 				}
 				let r = n.style.overscroll;
-				if (c !== 0 && !r.y || s !== 0 && !r.x) {
+				if (o !== 0 && !r.y || a !== 0 && !r.x) {
 					v = n;
 					break;
 				}
 			}
-			if (!v && u < ra) {
+			if (!v && u < ca) {
 				r.preventDefault();
 				return;
 			}
@@ -4828,116 +4969,125 @@ var Xi = "\n<style>\n  :host { display: block; position: relative; contain: layo
 		}
 		if (!v || (r.preventDefault(), !d(v))) return;
 		let y = v.source, b = v.scrollRange, x = { behavior: "instant" };
-		c !== 0 && b.maxY > 0 && (x.top = c), s !== 0 && b.maxX > 0 && (x.left = s), y.scrollBy(x), this.#y.set(y, l), clearTimeout(this.#v.get(y)), this.#v.set(y, setTimeout(() => this.#z(y), ta));
+		o !== 0 && b.maxY > 0 && (x.top = o), a !== 0 && b.maxX > 0 && (x.left = a), y.scrollBy(x), this.#y.set(y, l), this.#z(y, oa);
 	};
-	#V(e, t, n) {
-		if (!this.#j) {
+	#W(e, t) {
+		return this.#S.some((n) => t > 0 && n.scrollTop < n.scrollHeight - n.clientHeight - .5 || t < 0 && n.scrollTop > .5 || e > 0 && n.scrollLeft < n.scrollWidth - n.clientWidth - .5 || e < 0 && n.scrollLeft > .5);
+	}
+	#G() {
+		let e = this.parentElement;
+		if (e && this.#l) {
+			this.#l.observe(e);
+			for (let t of e.children) t !== this && this.#l.observe(t);
+		}
+	}
+	#K(e, t, n) {
+		if (!this.#M) {
 			let e = this.#s.getBoundingClientRect();
-			this.#j = {
+			this.#M = {
 				left: e.left,
 				top: e.top
 			};
 		}
 		return {
-			col: Math.floor((e - this.#j.left) / n.width),
-			row: Math.floor((t - this.#j.top) / n.height)
+			col: Math.floor((e - this.#M.left) / n.width),
+			row: Math.floor((t - this.#M.top) / n.height)
 		};
 	}
-	#H(e, t) {
+	#q(e, t) {
 		let n = this.#p, r = this.#f;
 		if (!n || !r || this.#_.length === 0) return null;
-		let { col: i, row: a } = this.#V(e, t, r), o = xe(n, i, a);
+		let { col: i, row: a } = this.#K(e, t, r), o = Se(n, i, a);
 		for (let n = o.length - 1; n >= 0; n--) {
 			let { node: s, x: c, y: l } = o[n], u = s.scrollRange;
 			if (!u) continue;
-			let d = s.style, f = s.scrollGutterCells;
-			if (!f || f.right === 0 && f.bottom === 0) continue;
-			let p = s.source, m = l + d.border.top, h = c + d.border.left, g = l + s.localRect.height - d.border.bottom, _ = c + s.localRect.width - d.border.right;
-			if (f.right > 0 && u.maxY > 0 && i >= _ - f.right && i < _ && a >= m && a < g) {
-				let e = g - m - f.bottom, n = dr(e, u.sizeY, u.maxY, 0).len, i = Math.max(1, (e - n) * r.height);
+			let d = s.source, { y: f, x: p } = pr(s, c, l);
+			if (f && u.maxY > 0 && i >= f.col && i < f.col + f.thick && a >= f.row && a < f.row + f.len) {
+				let e = mr(f.len, u.sizeY, u.maxY, 0).len, n = Math.max(1, (f.len - e) * r.height);
 				return {
-					el: p,
+					el: d,
 					axis: "y",
 					startClient: t,
-					startPx: p.scrollTop,
-					factor: u.maxY * r.height / i
+					startPx: d.scrollTop,
+					factor: u.maxY * r.height / n
 				};
 			}
-			if (f.bottom > 0 && u.maxX > 0 && a >= g - f.bottom && a < g && i >= h && i < _) {
-				let t = _ - h - f.right, n = dr(t, u.sizeX, u.maxX, 0).len, i = Math.max(1, (t - n) * r.width);
+			if (p && u.maxX > 0 && a >= p.row && a < p.row + p.thick && i >= p.col && i < p.col + p.len) {
+				let t = mr(p.len, u.sizeX, u.maxX, 0).len, n = Math.max(1, (p.len - t) * r.width);
 				return {
-					el: p,
+					el: d,
 					axis: "x",
 					startClient: e,
-					startPx: p.scrollLeft,
-					factor: u.maxX * r.width / i
+					startPx: d.scrollLeft,
+					factor: u.maxX * r.width / n
 				};
 			}
 		}
 		return null;
 	}
-	#U = (e) => {
+	#J = (e) => {
+		if (_a(e)) return;
 		let { clientX: t, clientY: n } = e, r = this.#x;
 		if (r) {
 			let e = (r.axis === "y" ? n : t) - r.startClient, i = r.startPx + e * r.factor;
 			r.axis === "y" ? r.el.scrollTop = i : r.el.scrollLeft = i;
 			return;
 		}
-		this.#O = {
+		this.#k = {
 			x: t,
 			y: n
 		};
 		let i = this.#f;
 		if (i) {
-			let { col: e, row: r } = this.#V(t, n, i);
-			if (e === this.#k && r === this.#A) return;
+			let { col: e, row: r } = this.#K(t, n, i);
+			if (e === this.#A && r === this.#j) return;
 		}
-		this.#J();
+		this.#$();
 	};
-	#W = () => {
-		this.#O = null, this.#J();
+	#Y = () => {
+		this.#k = null, this.#$();
 	};
-	#G = (e) => {
+	#X = (e) => {
 		let t = e;
-		if (!t.isPrimary || t.button !== 0) return;
-		let n = t.pointerType === "touch" ? null : this.#H(t.clientX, t.clientY);
+		if (!t.isPrimary || t.button !== 0 || _a(t)) return;
+		let n = this.#q(t.clientX, t.clientY);
 		if (n) {
 			this.#x = n, t.preventDefault(), t.isTrusted && this.setPointerCapture(t.pointerId);
 			return;
 		}
-		this.#O = {
+		this.#k = {
 			x: t.clientX,
 			y: t.clientY
-		}, this.#E = !0, this.#J(!0);
+		}, this.#D = !0, this.#$(!0);
 	};
-	#K = (e) => {
+	#Z = (e) => {
 		if (e.isPrimary) {
 			if (this.#x) {
-				this.#z(this.#x.el), this.#x = null;
+				this.#H(this.#x.el), this.#x = null;
 				return;
 			}
-			!this.#E && !this.#T || (this.#E = !1, this.#T = null, this.#J(), this.#D && this.#se());
+			(this.#D || this.#E) && (this.#D = !1, this.#E = null, this.#$(), this.#O && this.#fe());
 		}
 	};
-	#q = (e) => {
-		if (!this.#O) return;
+	#Q = (e) => {
+		if (!this.#k) return;
 		let t = e.target;
-		t instanceof HTMLElement && t.hasAttribute("data-mw-scroll") || (this.#j = null, this.#J());
+		t instanceof HTMLElement && t.hasAttribute("data-mw-scroll") || (this.#M = null, this.#$());
 	};
-	#J(t = !1) {
+	#$(t = !1) {
 		let n = this.#p, r = this.#f, i = [];
-		if (this.#O && n && r && this.isConnected && this.getAttribute("select") === "grid" && (this.#E || e.#M?.matches)) {
-			let { col: e, row: t } = this.#V(this.#O.x, this.#O.y, r);
-			this.#k = e, this.#A = t, i = Se(n, e, t);
-		} else this.#k = NaN, this.#A = NaN;
+		if (this.#k && n && r && this.isConnected && this.getAttribute("select") === "grid" && (this.#D || e.#N?.matches)) {
+			let { col: e, row: t } = this.#K(this.#k.x, this.#k.y, r);
+			this.#A = e, this.#j = t, i = Ce(n, e, t);
+		} else this.#A = NaN, this.#j = NaN;
 		let a = i.at(-1) ?? null;
-		t && (this.#T = a);
-		let o = e.#M?.matches ? i : [], s = this.#T ? i.indexOf(this.#T) : -1, c = s >= 0 ? i.slice(0, s + 1) : [], l = this.#Y("data-mw-hover", this.#C, o);
-		l = this.#Y("data-mw-active", this.#w, c) || l;
+		t && (this.#E = a);
+		let o = e.#N?.matches ? i : [], s = this.#E ? i.indexOf(this.#E) : -1, c = s >= 0 ? i.slice(0, s + 1) : [], l = this.#ee("data-mw-hover", this.#w, o);
+		l = this.#ee("data-mw-active", this.#T, c) || l;
 		let u = a ? getComputedStyle(a).cursor : "";
-		this.#s.style.cursor = u === "auto" ? "" : u, l && this.isConnected && this.#se();
+		this.#s.style.cursor = u === "auto" ? "" : u, l && this.isConnected && this.#fe();
 	}
-	#Y(e, t, n) {
+	#ee(e, t, n) {
 		let r = !1, i = new Set(n);
 		for (let n of t) i.has(n) || (n.removeAttribute(e), r = !0);
 		for (let n of i) t.has(n) || (n.setAttribute(e, ""), r = !0);
@@ -4945,51 +5095,53 @@ var Xi = "\n<style>\n  :host { display: block; position: relative; contain: layo
 		for (let e of i) t.add(e);
 		return r;
 	}
-	#X = 0;
-	#Z = !1;
-	#Q = 0;
-	#$ = (e) => {
-		$i.test(e.propertyName) && (this.#X++, this.#Q = performance.now(), this.#te());
+	#te = 0;
+	#ne = !1;
+	#re = 0;
+	#ie = (e) => {
+		ia.test(e.propertyName) && (this.#te++, this.#re = performance.now(), this.#oe());
 	};
-	#ee = (e) => {
-		$i.test(e.propertyName) && (this.#X = Math.max(0, this.#X - 1));
+	#ae = (e) => {
+		ia.test(e.propertyName) && (this.#te = Math.max(0, this.#te - 1));
 	};
-	#te() {
-		if (this.#Z) return;
-		this.#Z = !0;
+	#oe() {
+		if (this.#ne) return;
+		this.#ne = !0;
 		let e = () => {
-			if (!this.isConnected || this.#X === 0 && !a() || performance.now() - this.#Q > ea) {
-				this.#Z = !1, this.#X = 0, this.#se();
+			if (!this.isConnected || this.#te === 0 && !a() || performance.now() - this.#re > aa) {
+				this.#ne = !1, this.#te = 0, this.#fe();
 				return;
 			}
-			this.#oe(), requestAnimationFrame(e);
+			this.#de(), requestAnimationFrame(e);
 		};
 		requestAnimationFrame(e);
 	}
-	#ne = (e) => {
-		if ((e.type === "focusin" || e.type === "focusout") && e.target instanceof HTMLSelectElement) {
-			this.#oe();
-			return;
+	#se = (e) => {
+		if (!_a(e)) {
+			if ((e.type === "focusin" || e.type === "focusout") && e.target instanceof HTMLSelectElement) {
+				this.#de();
+				return;
+			}
+			this.#fe();
 		}
-		this.#se();
 	};
 	attributeChangedCallback(e, t, n) {
 		if (e === "select" && n !== "text" && n !== "grid") {
-			n !== null && console.warn(`[monowind] Ignoring unrecognized select="${n}". Expected "grid" (default) or "text".`, this), this.setAttribute("select", Zi);
+			n !== null && console.warn(`[monowind] Ignoring unrecognized select="${n}". Expected "grid" (default) or "text".`, ee(this)), this.setAttribute("select", na);
 			return;
 		}
-		e === "select" && this.#J(), this.#se();
+		e === "select" && this.#$(), this.#fe();
 	}
 	toPlainText() {
-		return this.#d && this.#ce(), this.#p ? nr(this.#p) : "";
+		return this.#d && this.#pe(), this.#p ? ir(this.#p) : "";
 	}
-	#re = () => {
-		this.#se();
+	#ce = () => {
+		this.#fe();
 	};
-	#ie = () => {
-		requestAnimationFrame(() => this.#se());
+	#le = () => {
+		requestAnimationFrame(() => this.#fe());
 	};
-	#ae() {
+	#ue() {
 		let e = document.activeElement;
 		if (!(e instanceof HTMLSelectElement) || !this.contains(e)) return !1;
 		try {
@@ -4998,25 +5150,25 @@ var Xi = "\n<style>\n  :host { display: block; position: relative; contain: layo
 			return !1;
 		}
 	}
-	#oe() {
+	#de() {
 		try {
-			this.#ce();
+			this.#pe();
 		} catch (e) {
 			console.error("[monowind] layout failed:", e);
 		}
 	}
-	#se() {
+	#fe() {
 		this.#d || (this.#d = !0, requestAnimationFrame(() => {
-			if (this.#d = !1, this.#ae()) {
-				this.#se();
+			if (this.#d = !1, this.#ue()) {
+				this.#fe();
 				return;
 			}
-			this.#oe();
+			this.#de();
 		}));
 	}
-	#ce() {
+	#pe() {
 		if (!this.isConnected) return;
-		let e = this.#F(), t = /* @__PURE__ */ new Map(), n = getComputedStyle(this).getPropertyValue("--mw-cw").trim(), r = parseFloat(n);
+		let e = this.#L(), t = /* @__PURE__ */ new Map(), n = getComputedStyle(this).getPropertyValue("--mw-cw").trim(), r = parseFloat(n);
 		if (Number.isFinite(r) && r > 0) for (let e of this.querySelectorAll("textarea")) {
 			let n = getComputedStyle(e), i = e.clientWidth - (parseFloat(n.paddingLeft) || 0) - (parseFloat(n.paddingRight) || 0);
 			t.set(e, Math.max(0, Math.round(i / r)));
@@ -5024,23 +5176,23 @@ var Xi = "\n<style>\n  :host { display: block; position: relative; contain: layo
 		this.setAttribute("measuring", "");
 		try {
 			this.#c.parentNode !== this && this.appendChild(this.#c);
-			let n = we(this, this.#c), r = this.#f;
+			let n = Te(this, this.#c), r = this.#f;
 			(r === null || r.width !== n.width || r.height !== n.height || r.letterSpacing !== n.letterSpacing || r.inkOverhang !== n.inkOverhang) && (this.style.setProperty("--mw-cw", `${n.width}px`), this.style.setProperty("--mw-ch", `${n.height}px`), this.style.setProperty("--mw-rls", `${n.letterSpacing}px`), this.style.setProperty("--mw-ink", `${n.inkOverhang ?? 0}px`)), this.#f = n;
 			let i = getComputedStyle(this), a = (parseFloat(i.paddingLeft) || 0) + (parseFloat(i.paddingRight) || 0), o = Math.max(0, Math.floor((this.clientWidth - a) / n.width));
 			if (o === 0) return;
-			let s = Te(), c = [];
+			let s = Ee(), c = [];
 			for (let e of Array.from(this.children)) {
 				if (e === this.#c) continue;
-				let r = ji(e, s, n, t);
+				let r = Ii(e, s, n, t);
 				r && c.push(r);
 			}
-			if (Ki(this) ? (this.hasAttribute("data-mw-dropped-text") || console.warn(`[monowind] ${qi}`, this), this.setAttribute("data-mw-dropped-text", "")) : this.removeAttribute("data-mw-dropped-text"), c.length === 0) {
+			if (Zi(this) ? (this.hasAttribute("data-mw-dropped-text") || console.warn(`[monowind] ${Qi}`, ee(this)), this.setAttribute("data-mw-dropped-text", "")) : this.removeAttribute("data-mw-dropped-text"), c.length === 0) {
 				this.#s.replaceChildren(), this.#p = null, this.setAttribute("data-mw-ready", "");
 				return;
 			}
 			let l = {
 				source: this,
-				style: nt(),
+				style: at(),
 				children: c,
 				text: "",
 				intrinsicWidth: 0,
@@ -5052,26 +5204,38 @@ var Xi = "\n<style>\n  :host { display: block; position: relative; contain: layo
 					height: 0
 				},
 				unclampedHeight: 0,
-				resolvedPadding: rt()
-			}, { height: u } = Pn(l, o);
-			wr(l), this.#_ = ua(l), this.#P(n, e), this.#D = !gr(l, this.#s, this.#E), this.#p = l;
+				resolvedPadding: ot()
+			}, { height: u } = In(l, o);
+			Dr(l), this.#_ = va(l), this.#F(n, e), this.#O = !yr(l, this.#s, this.#D), this.#p = l;
 			let d = `${l.localRect.width * n.width}px`, f = `${l.localRect.height * n.height}px`;
 			this.#s.style.width !== d && (this.#s.style.width = d), this.#s.style.height !== f && (this.#s.style.height = f);
 			let p = i.boxSizing === "border-box" ? (parseFloat(i.paddingTop) || 0) + (parseFloat(i.paddingBottom) || 0) + (parseFloat(i.borderTopWidth) || 0) + (parseFloat(i.borderBottomWidth) || 0) : 0, m = `${u * n.height + p}px`;
-			this.style.height !== m && (this.style.height = m), this.hasAttribute("data-mw-ready") || this.setAttribute("data-mw-ready", "");
+			this.style.height !== m && (this.style.height = m);
+			let h = i.boxSizing === "border-box" ? a + (parseFloat(i.borderLeftWidth) || 0) + (parseFloat(i.borderRightWidth) || 0) : 0, g = `${o * n.width + h}px`;
+			this.style.getPropertyValue("--mw-host-w") !== g && this.style.setProperty("--mw-host-w", g), this.hasAttribute("data-mw-ready") || this.setAttribute("data-mw-ready", "");
 		} finally {
-			this.setAttribute("settling", ""), this.removeAttribute("measuring"), getComputedStyle(this).transitionProperty, this.removeAttribute("settling"), this.#I(e), this.#u?.takeRecords(), i(this) && (a() ? (this.#Q = performance.now(), this.#te()) : this.#se()), this.#j = null, this.#O && this.#J();
+			this.setAttribute("settling", ""), this.removeAttribute("measuring"), getComputedStyle(this).transitionProperty, this.removeAttribute("settling"), this.#R(e), this.#u?.takeRecords(), i(this) && (a() ? (this.#re = performance.now(), this.#oe()) : this.#fe()), this.#G(), this.#S = [];
+			let t = document.scrollingElement ?? document.documentElement;
+			for (let e = this.parentElement; e; e = e.parentElement) (e === t || /auto|scroll/.test(getComputedStyle(e).overflow)) && this.#S.push(e);
+			this.#M = null, this.#k && this.#$();
 		}
 	}
 };
-function ca() {
-	typeof customElements > "u" || customElements.get("mono-wind") || customElements.define("mono-wind", sa);
+function ma() {
+	typeof customElements > "u" || customElements.get("mono-wind") || customElements.define("mono-wind", pa);
+}
+function ha(e, t, n, r, i) {
+	return ga(t === "y" ? e.scrollTop : e.scrollLeft, t === "y" ? e.scrollHeight - e.clientHeight : e.scrollWidth - e.clientWidth, n, r, i);
+}
+function ga(e, t, n, r, i) {
+	if (r > 0 && e > 0 && e >= t - 1) return r;
+	let a = e / n - i, o = Math.abs(a) <= .5 ? i : i + Math.sign(a) * Math.round(Math.abs(a));
+	return Math.min(Math.max(0, o), r);
 }
-function la(e, t, n, r) {
-	let i = t === "y" ? e.scrollTop : e.scrollLeft, a = t === "y" ? e.scrollHeight - e.clientHeight : e.scrollWidth - e.clientWidth;
-	return r > 0 && i > 0 && i >= a - 1 ? r : Math.min(Math.max(0, Math.floor((i + 1) / n)), r);
+function _a(e) {
+	return e instanceof PointerEvent && e.pointerType === "touch" && e.type !== "pointerup";
 }
-function ua(e) {
+function va(e) {
 	let t = [], n = (e) => {
 		e.scrollRange && t.push(e);
 		for (let t of e.children) n(t);
@@ -5079,6 +5243,6 @@ function ua(e) {
 	return n(e), t;
 }
 //#endregion
-export { sa as MonoWindElement, ca as defineMonoWind, re as invalidateLeaves, Jt as multicolLines, x as registerBorderGlyphs, ne as registerLeafRenderer, nr as renderPlainText, Ee as wrapLines };
+export { pa as MonoWindElement, ma as defineMonoWind, ie as invalidateLeaves, Xt as multicolLines, x as registerBorderGlyphs, re as registerLeafRenderer, ir as renderPlainText, De as wrapLines };
 
 //# sourceMappingURL=index.js.map