@jackuait/blok 0.10.1 → 0.10.3

package/dist/chunks/{tools-1ZFajlGN.mjs → tools-BC1jRfoS.mjs}

@@ -1,4 +1,4 @@
-import { $ as e, A as t, At as n, B as r, Bt as i, Ct as a, D as o, Dt as s, En as c, Et as l, F as u, Ft as d, G as f, Gt as p, H as m, Ht as h, I as g, It as _, J as v, K as ee, Kt as y, L as b, Lt as x, M as S, Mt as te, N as ne, Nt as re, O as ie, Ot as ae, P as oe, Q as se, R as ce, Rt as le, St as ue, Tt as de, U as fe, Ut as pe, V as me, Vt as he, W as ge, Wt as _e, X as ve, Xn as ye, Xt as be, Y as xe, Z as Se, _t as Ce, a as we, at as Te, c as Ee, ct as De, d as Oe, dn as ke, dt as Ae, en as je, et as Me, f as Ne, ft as Pe, g as Fe, gt as Ie, h as Le, ht as Re, i as ze, it as Be, jt as Ve, k as He, kt as Ue, l as We, lt as Ge, mt as Ke, n as qe, nn as Je, nr as C, nt as Ye, o as Xe, on as w, ot as Ze, p as Qe, q as $e, qt as et, r as tt, rn as nt, rr as T, rt, s as it, sn as at, st as ot, t as st, tn as E, tt as ct, u as D, un as lt, ut, v as dt, vt as ft, wt as pt, xt as mt, yt as ht, z as gt, zt as _t } from "./constants-VDhCUk4c.mjs";
+import { $ as e, A as t, At as n, B as r, Bt as i, Ct as a, D as o, Dt as s, En as c, Et as l, F as u, Ft as d, G as f, Gt as p, H as m, Ht as h, I as g, It as _, J as v, K as ee, Kt as y, L as b, Lt as x, M as S, Mt as te, N as ne, Nt as re, O as ie, Ot as ae, P as oe, Q as se, R as ce, Rt as le, St as ue, Tt as de, U as fe, Ut as pe, V as me, Vt as he, W as ge, Wt as _e, X as ve, Xn as ye, Xt as be, Y as xe, Z as Se, _t as Ce, a as we, at as Te, c as Ee, ct as De, d as Oe, dn as ke, dt as Ae, en as je, et as Me, f as Ne, ft as Pe, g as Fe, gt as Ie, h as Le, ht as Re, i as ze, it as Be, jt as Ve, k as He, kt as Ue, l as We, lt as Ge, mt as Ke, n as qe, nn as Je, nr as C, nt as Ye, o as Xe, on as w, ot as Ze, p as Qe, q as $e, qt as et, r as tt, rn as nt, rr as T, rt, s as it, sn as at, st as ot, t as st, tn as E, tt as ct, u as D, un as lt, ut, v as dt, vt as ft, wt as pt, xt as mt, yt as ht, z as gt, zt as _t } from "./constants-Bp622jic.mjs";
 import { t as O } from "./objectSpread2-CWwMYL_U.mjs";
 import { n as k } from "./tw-CqxBf-1Y.mjs";
 //#region src/components/utils/html.ts
@@ -1845,7 +1845,7 @@ var Kt = "outline-hidden py-[7px] mt-[2px] mb-px", qt = "outline-hidden pl-0.5 l
 		let t = e.querySelector("svg");
 		t && (t.setAttribute("width", vr), t.setAttribute("height", vr), t.setAttribute("viewBox", "0 0 24 24"), t.classList.add("text-gray-500", "pointer-events-none"));
 	}
-}, M = "data-blok-table-row", N = "data-blok-table-cell", P = "data-blok-table-cell-row", F = "data-blok-table-cell-col", I = "1px solid var(--blok-table-border)", br = [
+}, M = "data-blok-table-row", N = "data-blok-table-cell", P = "data-blok-table-cell-row", F = "data-blok-table-cell-col", br = "1px solid var(--blok-table-border)", xr = [
 	"py-1",
 	"px-2",
 	"min-h-[2em]",
@@ -1853,17 +1853,17 @@ var Kt = "outline-hidden py-[7px] mt-[2px] mb-px", qt = "outline-hidden pl-0.5 l
 	"leading-none",
 	"text-sm",
 	"cursor-text"
-], xr = (e) => {
+], Sr = (e) => {
 	let t = Math.round(100 / e * 100) / 100;
 	return Array.from({ length: e }, () => t);
-}, Sr = class {
+}, Cr = class {
 	constructor(e) {
 		this.readOnly = e.readOnly;
 	}
 	createGrid(e, t, n) {
 		let r = document.createElement("table");
-		r.style.tableLayout = "fixed", r.style.width = "100%", r.style.borderCollapse = "separate", r.style.borderSpacing = "0px", r.style.borderTop = I, r.style.borderLeft = I;
-		let i = n == null ? xr(t) : n, a = document.createElement("colgroup");
+		r.style.tableLayout = "fixed", r.style.width = "100%", r.style.borderCollapse = "separate", r.style.borderSpacing = "0px", r.style.borderTop = br, r.style.borderLeft = br;
+		let i = n == null ? Sr(t) : n, a = document.createElement("colgroup");
 		i.forEach((e) => {
 			a.appendChild(this.createCol(e));
 		}), r.appendChild(a);
@@ -1876,9 +1876,9 @@ var Kt = "outline-hidden py-[7px] mt-[2px] mb-px", qt = "outline-hidden pl-0.5 l
 	createGridFromModel(e) {
 		var t;
 		let n = document.createElement("table");
-		n.style.tableLayout = "fixed", n.style.width = "100%", n.style.borderCollapse = "separate", n.style.borderSpacing = "0px", n.style.borderTop = I, n.style.borderLeft = I;
+		n.style.tableLayout = "fixed", n.style.width = "100%", n.style.borderCollapse = "separate", n.style.borderSpacing = "0px", n.style.borderTop = br, n.style.borderLeft = br;
 		let r = document.createElement("colgroup");
-		((t = e.colWidths) == null ? xr(e.cols) : t).forEach((e) => r.appendChild(this.createCol(e))), n.appendChild(r);
+		((t = e.colWidths) == null ? Sr(e.cols) : t).forEach((e) => r.appendChild(this.createCol(e))), n.appendChild(r);
 		let i = document.createElement("tbody");
 		return Array.from({ length: e.rows }).forEach((t, n) => {
 			let r = document.createElement("tr");
@@ -1970,9 +1970,25 @@ var Kt = "outline-hidden py-[7px] mt-[2px] mb-px", qt = "outline-hidden pl-0.5 l
 		}), this.reindexCoordinates(e));
 	}
 	reindexCoordinates(e) {
-		e.querySelectorAll(`[${M}]`).forEach((e, t) => {
-			e.querySelectorAll(`[${N}]`).forEach((e, n) => {
-				e.setAttribute(P, String(t)), e.setAttribute(F, String(n));
+		let t = Array.from(e.querySelectorAll(`[${M}]`)), n = /* @__PURE__ */ new Map();
+		t.forEach((e, t) => {
+			var r;
+			let i = Array.from(e.querySelectorAll(`[${N}]`)), a = (r = n.get(t)) == null ? /* @__PURE__ */ new Set() : r;
+			i.reduce((e, r) => {
+				let i = r, o = (e) => a.has(e) ? o(e + 1) : e, s = o(e);
+				r.setAttribute(P, String(t)), r.setAttribute(F, String(s));
+				let c = i.colSpan || 1, l = i.rowSpan || 1;
+				return l > 1 && this.blockRowspanCols(n, t, s, l, c), s + c;
+			}, 0), n.delete(t);
+		});
+	}
+	blockRowspanCols(e, t, n, r, i) {
+		Array.from({ length: r - 1 }, (e, t) => t + 1).forEach((r) => {
+			let a = t + r;
+			e.has(a) || e.set(a, /* @__PURE__ */ new Set());
+			let o = e.get(a);
+			Array.from({ length: i }, (e, t) => t).forEach((e) => {
+				o.add(n + e);
 			});
 		});
 	}
@@ -2041,11 +2057,11 @@ var Kt = "outline-hidden py-[7px] mt-[2px] mb-px", qt = "outline-hidden pl-0.5 l
 	}
 	createCell(e, t) {
 		let n = document.createElement("td");
-		n.className = k(br), n.style.borderRight = I, n.style.borderBottom = I, n.style.overflow = "hidden", n.style.overflowWrap = "break-word", n.style.height = "0", n.setAttribute(N, ""), e !== void 0 && t !== void 0 && (n.setAttribute(P, String(e)), n.setAttribute(F, String(t)));
+		n.className = k(xr), n.style.borderRight = br, n.style.borderBottom = br, n.style.overflow = "hidden", n.style.overflowWrap = "break-word", n.style.height = "0", n.setAttribute(N, ""), e !== void 0 && t !== void 0 && (n.setAttribute(P, String(e)), n.setAttribute(F, String(t)));
 		let r = document.createElement("div");
-		return r.setAttribute(R, ""), r.setAttribute(C.nestedBlocks, ""), r.style.display = "flex", r.style.flexDirection = "column", r.style.minHeight = "100%", n.appendChild(r), n;
+		return r.setAttribute(L, ""), r.setAttribute(C.nestedBlocks, ""), r.style.display = "flex", r.style.flexDirection = "column", r.style.minHeight = "100%", n.appendChild(r), n;
 	}
-}, L = (e) => typeof e == "object" && !!e && "blocks" in e, R = "data-blok-table-cell-blocks", Cr = class {
+}, I = (e) => typeof e == "object" && !!e && "blocks" in e, L = "data-blok-table-cell-blocks", wr = class {
 	constructor(e) {
 		var t;
 		this._activeCellWithBlocks = null, this.cellsPendingCheck = /* @__PURE__ */ new Set(), this.pendingCheckScheduled = !1, this.removedBlockCells = /* @__PURE__ */ new Map(), this.deferredEvents = [], this.isExitingTable = !1, this.handleBlockMutation = (e) => {
@@ -2071,7 +2087,7 @@ var Kt = "outline-hidden py-[7px] mt-[2px] mb-px", qt = "outline-hidden pl-0.5 l
 				this.claimBlockForCell(i.cell, n.target.id), this.syncBlockToModel(i.cell, n.target.id), this.cellsPendingCheck.delete(i.cell);
 				return;
 			}
-			let a = n.target.holder, o = a.closest(`[${R}]`);
+			let a = n.target.holder, o = a.closest(`[${L}]`);
 			o && this.stripPlaceholders(o);
 			let s = o && !this.model.findCellForBlock(n.target.id) ? o.closest(`[${N}]`) : null;
 			if (s && this.syncBlockToModel(s, n.target.id), o) return;
@@ -2089,11 +2105,11 @@ var Kt = "outline-hidden py-[7px] mt-[2px] mb-px", qt = "outline-hidden pl-0.5 l
 		}, this.handleCellBlankSpaceClick = (e) => {
 			let t = e.target;
 			if (!t) return;
-			let n = t.hasAttribute(N), r = t.hasAttribute(R);
+			let n = t.hasAttribute(N), r = t.hasAttribute(L);
 			if (!n && !r) return;
 			let i = n ? t : t.closest(`[${N}]`);
 			if (!i) return;
-			let a = n ? i.querySelector(`[${R}]`) : t;
+			let a = n ? i.querySelector(`[${L}]`) : t;
 			if (!a) return;
 			let o = a.querySelectorAll("[data-blok-id]"), s = o[o.length - 1];
 			if (!s) return;
@@ -2191,7 +2207,7 @@ var Kt = "outline-hidden py-[7px] mt-[2px] mb-px", qt = "outline-hidden pl-0.5 l
 		this.clearActiveCellWithBlocks();
 		let r = this.getCell(e.row, e.col);
 		if (!r) return;
-		let i = r.querySelector(`[${R}]`);
+		let i = r.querySelector(`[${L}]`);
 		if (!i) return;
 		let a = i.querySelectorAll("[contenteditable=\"true\"]");
 		a.length !== 0 && ((t ? a[a.length - 1] : a[0]).focus(), (n = this.onNavigateToCell) == null || n.call(this, e));
@@ -2220,13 +2236,13 @@ var Kt = "outline-hidden py-[7px] mt-[2px] mb-px", qt = "outline-hidden pl-0.5 l
 			e.forEach((e, t) => {
 				let n = i.querySelector(`[${F}="${t}"]`);
 				if (!n) return;
-				let r = n.querySelector(`[${R}]`);
+				let r = n.querySelector(`[${L}]`);
 				if (!r) return;
-				let o = L(e) && e.blocks.length > 0 ? [...e.blocks] : null, { mountedIds: s, replacements: c } = o ? this.mountBlocksInCell(r, o) : {
+				let o = I(e) && e.blocks.length > 0 ? [...e.blocks] : null, { mountedIds: s, replacements: c } = o ? this.mountBlocksInCell(r, o) : {
 					mountedIds: [],
 					replacements: /* @__PURE__ */ new Map()
 				}, l = {};
-				if (L(e) && (e.color !== void 0 && (l.color = e.color), e.textColor !== void 0 && (l.textColor = e.textColor)), s.length > 0) {
+				if (I(e) && (e.color !== void 0 && (l.color = e.color), e.textColor !== void 0 && (l.textColor = e.textColor)), s.length > 0) {
 					let e = o == null ? s : o, t = c.size > 0 ? e.map((e) => {
 						var t;
 						return (t = c.get(e)) == null ? e : t;
@@ -2274,7 +2290,7 @@ var Kt = "outline-hidden py-[7px] mt-[2px] mb-px", qt = "outline-hidden pl-0.5 l
 	}
 	claimBlockForCell(e, t) {
 		var n, r;
-		let i = e.querySelector(`[${R}]`);
+		let i = e.querySelector(`[${L}]`);
 		if (!i) return;
 		let a = this.api.blocks.getBlockIndex(t);
 		if (a === void 0) return;
@@ -2293,7 +2309,7 @@ var Kt = "outline-hidden py-[7px] mt-[2px] mb-px", qt = "outline-hidden pl-0.5 l
 	}
 	ensureCellHasBlock(e) {
 		var t, n;
-		let r = e.querySelector(`[${R}]`);
+		let r = e.querySelector(`[${L}]`);
 		r && r.querySelector("[data-blok-id]") === null && ((t = (n = this.api.blocks).transactWithoutCapture) == null || t.call(n, () => {
 			let t = this.api.blocks.insert("paragraph", { text: "" }, {}, this.api.blocks.getBlocksCount(), !0);
 			r.appendChild(t.holder), this.api.blocks.setBlockParent(t.id, this.tableBlockId), this.syncBlockToModel(e, t.id), this.stripPlaceholders(r);
@@ -2379,7 +2395,7 @@ var Kt = "outline-hidden py-[7px] mt-[2px] mb-px", qt = "outline-hidden pl-0.5 l
 	getBlockIdsFromCells(e) {
 		let t = [];
 		return Array.from(e).forEach((e) => {
-			let n = e.querySelector(`[${R}]`);
+			let n = e.querySelector(`[${L}]`);
 			n && n.querySelectorAll("[data-blok-id]").forEach((e) => {
 				let n = e.getAttribute("data-blok-id");
 				n && t.push(n);
@@ -2410,18 +2426,18 @@ var Kt = "outline-hidden py-[7px] mt-[2px] mb-px", qt = "outline-hidden pl-0.5 l
 };
 //#endregion
 //#region src/components/shared/color-picker.ts
-function wr() {
+function Tr() {
 	var e, t;
 	let n = document.documentElement.getAttribute("data-blok-theme");
 	return n === "dark" ? y : n === "light" ? p : typeof window < "u" && (e = (t = window).matchMedia) != null && e.call(t, "(prefers-color-scheme: dark)").matches ? y : p;
 }
-function Tr(e, t) {
+function Er(e, t) {
 	if (e === t) return !0;
 	let n = _e(e), r = _e(t);
 	return n === null || r === null ? !1 : n[0] === r[0] && n[1] === r[1] && n[2] === r[2];
 }
-var Er = "var(--blok-swatch-neutral-bg)";
-function Dr(e) {
+var Dr = "var(--blok-swatch-neutral-bg)";
+function Or(e) {
 	let { i18n: t, modes: n, testIdPrefix: r, onColorSelect: i } = e, a = { activeColors: Object.fromEntries(n.map((e) => [e.key, null])) }, o = document.createElement("div");
 	o.setAttribute("data-blok-testid", `${r}-picker`), o.className = "flex flex-col gap-3 p-2";
 	let s = [];
@@ -2434,17 +2450,17 @@ function Dr(e) {
 		a.className = "grid gap-1", a.style.gridTemplateColumns = "repeat(5, 2.25rem)", s.push(a), n.appendChild(i), n.appendChild(a), o.appendChild(n);
 	});
 	let c = (e) => {
-		let o = s[e], c = n[e], l = wr();
+		let o = s[e], c = n[e], l = Tr();
 		o.innerHTML = "";
 		let u = a.activeColors[c.key], d = document.createElement("button"), f = u === null;
-		d.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-default`), d.className = k("w-9 h-9 rounded-md cursor-pointer border-none outline-hidden", "flex items-center justify-center text-sm font-semibold", "transition-[box-shadow,transform] ring-inset hover:ring-2 hover:ring-swatch-ring-hover active:scale-90", f && "ring-2 ring-swatch-ring-hover"), d.textContent = c.presetField === "text" ? "A" : "", c.presetField === "text" && (d.style.color = "var(--blok-text-primary)"), d.style.backgroundColor = Er, d.addEventListener("click", () => {
+		d.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-default`), d.className = k("w-9 h-9 rounded-md cursor-pointer border-none outline-hidden", "flex items-center justify-center text-sm font-semibold", "transition-[box-shadow,transform] ring-inset hover:ring-2 hover:ring-swatch-ring-hover active:scale-90", f && "ring-2 ring-swatch-ring-hover"), d.textContent = c.presetField === "text" ? "A" : "", c.presetField === "text" && (d.style.color = "var(--blok-text-primary)"), d.style.backgroundColor = Dr, d.addEventListener("click", () => {
 			i(null, c.key);
 		});
 		let p = t.t("tools.colorPicker.defaultSwatchLabel").replace("{default}", t.t("tools.marker.default")).replace("{mode}", t.t(c.labelKey).toLowerCase());
 		E(d, p.charAt(0).toUpperCase() + p.slice(1), { placement: "top" }), o.appendChild(d);
 		for (let e of l) {
-			let n = document.createElement("button"), a = c.presetField === "text" ? e.text : e.bg, s = u !== null && Tr(a, u);
-			n.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-${e.name}`), n.className = k("w-9 h-9 rounded-md cursor-pointer border-none outline-hidden", "flex items-center justify-center text-sm font-semibold", "transition-[box-shadow,transform] ring-inset hover:ring-2 hover:ring-swatch-ring-hover active:scale-90", s && "ring-2 ring-swatch-ring-hover"), n.textContent = c.presetField === "text" ? "A" : "", c.presetField === "text" ? (n.style.color = e.text, n.style.backgroundColor = Er) : (n.style.color = l === y ? e.text : "#37352f", n.style.backgroundColor = e.bg), n.addEventListener("click", () => {
+			let n = document.createElement("button"), a = c.presetField === "text" ? e.text : e.bg, s = u !== null && Er(a, u);
+			n.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-${e.name}`), n.className = k("w-9 h-9 rounded-md cursor-pointer border-none outline-hidden", "flex items-center justify-center text-sm font-semibold", "transition-[box-shadow,transform] ring-inset hover:ring-2 hover:ring-swatch-ring-hover active:scale-90", s && "ring-2 ring-swatch-ring-hover"), n.textContent = c.presetField === "text" ? "A" : "", c.presetField === "text" ? (n.style.color = e.text, n.style.backgroundColor = Dr) : (n.style.color = l === y ? e.text : "#37352f", n.style.backgroundColor = e.bg), n.addEventListener("click", () => {
 				i(a, c.key);
 			});
 			let d = t.t("tools.colorPicker.colorSwatchLabel").replace("{color}", t.t("tools.colorPicker.color." + e.name)).replace("{mode}", t.t(c.labelKey).toLowerCase());
@@ -2467,8 +2483,8 @@ function Dr(e) {
 }
 //#endregion
 //#region src/tools/table/table-cell-color-picker.ts
-var Or = (e) => {
-	let t = Dr({
+var kr = (e) => {
+	let t = Or({
 		i18n: e.i18n,
 		testIdPrefix: "cell-color",
 		modes: [{
@@ -2485,7 +2501,7 @@ var Or = (e) => {
 		}
 	});
 	return { element: t.element };
-}, kr = [
+}, Ar = [
 	"top-left",
 	"top-center",
 	"top-right",
@@ -2495,7 +2511,7 @@ var Or = (e) => {
 	"bottom-left",
 	"bottom-center",
 	"bottom-right"
-], Ar = {
+], jr = {
 	"top-left": "tools.table.placementTopLeft",
 	"top-center": "tools.table.placementTopCenter",
 	"top-right": "tools.table.placementTopRight",
@@ -2505,25 +2521,25 @@ var Or = (e) => {
 	"bottom-left": "tools.table.placementBottomLeft",
 	"bottom-center": "tools.table.placementBottomCenter",
 	"bottom-right": "tools.table.placementBottomRight"
-}, jr = {
+}, Mr = {
 	top: "flex-start",
 	middle: "center",
 	bottom: "flex-end"
-}, Mr = {
+}, Nr = {
 	left: "flex-start",
 	center: "center",
 	right: "flex-end"
-}, Nr = (e) => {
+}, Pr = (e) => {
 	var t;
 	let n = (t = e.currentPlacement) == null ? "top-left" : t, r = document.createElement("div");
 	r.style.padding = "8px";
 	let i = document.createElement("div");
 	i.style.display = "grid", i.style.gridTemplateColumns = "repeat(3, 1fr)", i.style.gap = "3px";
 	let a = document.createElement("div");
-	a.style.textAlign = "center", a.style.fontSize = "11px", a.style.marginTop = "6px", a.style.color = "var(--blok-text-secondary, #707684)", a.textContent = e.i18n.t(Ar[n]);
-	for (let t of kr) {
+	a.style.textAlign = "center", a.style.fontSize = "11px", a.style.marginTop = "6px", a.style.color = "var(--blok-text-secondary, #707684)", a.textContent = e.i18n.t(jr[n]);
+	for (let t of Ar) {
 		let [r, o] = t.split("-"), s = document.createElement("div");
-		s.setAttribute("data-placement", t), s.style.width = "32px", s.style.height = "26px", s.style.borderRadius = "3px", s.style.display = "flex", s.style.flexDirection = "column", s.style.alignItems = Mr[o], s.style.justifyContent = jr[r], s.style.padding = "3px", s.style.cursor = "pointer", s.style.gap = "1px", t === n ? (s.setAttribute("data-active", "true"), s.style.outline = "2px solid var(--blok-color-primary, #388AE5)", s.style.outlineOffset = "-2px", s.style.backgroundColor = "var(--blok-item-focus-bg, rgba(35, 131, 226, 0.14))") : s.style.backgroundColor = "var(--blok-bg-light, #eff2f5)";
+		s.setAttribute("data-placement", t), s.style.width = "32px", s.style.height = "26px", s.style.borderRadius = "3px", s.style.display = "flex", s.style.flexDirection = "column", s.style.alignItems = Nr[o], s.style.justifyContent = Mr[r], s.style.padding = "3px", s.style.cursor = "pointer", s.style.gap = "1px", t === n ? (s.setAttribute("data-active", "true"), s.style.outline = "2px solid var(--blok-color-primary, #388AE5)", s.style.outlineOffset = "-2px", s.style.backgroundColor = "var(--blok-item-focus-bg, rgba(35, 131, 226, 0.14))") : s.style.backgroundColor = "var(--blok-bg-light, #eff2f5)";
 		let c = document.createElement("div");
 		c.style.width = "14px", c.style.height = "2px", c.style.borderRadius = "1px", c.style.backgroundColor = "currentColor", c.style.opacity = "0.6";
 		let l = document.createElement("div");
@@ -2531,44 +2547,44 @@ var Or = (e) => {
 			i.querySelectorAll("[data-placement]").forEach((e) => {
 				let t = e;
 				t.removeAttribute("data-active"), t.style.outline = "", t.style.outlineOffset = "", t.style.backgroundColor = "var(--blok-bg-tertiary, #f0f0f0)";
-			}), s.setAttribute("data-active", "true"), s.style.outline = "2px solid var(--blok-color-primary, #388AE5)", s.style.outlineOffset = "-2px", s.style.backgroundColor = "var(--blok-item-focus-bg, rgba(35, 131, 226, 0.14))", a.textContent = e.i18n.t(Ar[t]), e.onPlacementSelect(t);
+			}), s.setAttribute("data-active", "true"), s.style.outline = "2px solid var(--blok-color-primary, #388AE5)", s.style.outlineOffset = "-2px", s.style.backgroundColor = "var(--blok-item-focus-bg, rgba(35, 131, 226, 0.14))", a.textContent = e.i18n.t(jr[t]), e.onPlacementSelect(t);
 		}), i.appendChild(s);
 	}
 	return r.appendChild(i), r.appendChild(a), { element: r };
-}, Pr = (e, t, n) => {
+}, Fr = (e, t, n) => {
 	t === "col" ? Object.assign(e.style, { height: `${n}px` }) : Object.assign(e.style, { width: `${n}px` });
-}, Fr = [
+}, Ir = [
 	[2, 2],
 	[8, 2],
 	[2, 7],
 	[8, 7],
 	[2, 12],
 	[8, 12]
-], Ir = [
+], Lr = [
 	[2, 2],
 	[7, 2],
 	[12, 2],
 	[2, 8],
 	[7, 8],
 	[12, 8]
-], Lr = (e) => {
+], Rr = (e) => {
 	let t = document.createElementNS("http://www.w3.org/2000/svg", "svg"), n = e === "horizontal";
 	t.setAttribute("width", n ? "14" : "10"), t.setAttribute("height", n ? "10" : "14"), t.setAttribute("viewBox", n ? "0 0 14 10" : "0 0 10 14"), t.setAttribute("fill", "currentColor"), t.classList.add("opacity-0", "transition-opacity", "duration-150", "text-gray-400", "pointer-events-none");
-	let r = n ? Ir : Fr;
+	let r = n ? Lr : Ir;
 	for (let [e, n] of r) {
 		let r = document.createElementNS("http://www.w3.org/2000/svg", "circle");
 		r.setAttribute("cx", String(e)), r.setAttribute("cy", String(n)), r.setAttribute("r", "1.5"), t.appendChild(r);
 	}
 	return t;
-}, Rr = (e, t) => {
+}, zr = (e, t) => {
 	t === "col" ? Object.assign(e.style, { height: "16px" }) : Object.assign(e.style, { width: "16px" }), e.classList.add("bg-gray-200"), e.classList.remove("bg-gray-300");
 	let n = e.querySelector("svg");
 	n && (n.classList.remove("opacity-0"), n.classList.add("opacity-100"));
-}, zr = (e, t, n) => {
-	Pr(e, t, n), e.classList.remove("bg-gray-200"), e.classList.add("bg-gray-300");
+}, Br = (e, t, n) => {
+	Fr(e, t, n), e.classList.remove("bg-gray-200"), e.classList.add("bg-gray-300");
 	let r = e.querySelector("svg");
 	r && (r.classList.add("opacity-0"), r.classList.remove("opacity-100"));
-}, Br = "data-blok-table-cell-selected", Vr = "2px solid #3b82f6", Hr = "data-blok-table-selection-pill", Ur = 16, Wr = 20, Gr = 4, Kr = [
+}, Vr = "data-blok-table-cell-selected", Hr = "2px solid #3b82f6", Ur = "data-blok-table-selection-pill", Wr = 16, Gr = 20, Kr = 4, qr = [
 	"absolute",
 	"z-3",
 	"rounded-sm",
@@ -2581,9 +2597,9 @@ var Or = (e) => {
 	"overflow-hidden",
 	"cursor-pointer",
 	"bg-blue-500"
-], qr = (e) => e.style.userSelect === "none", Jr = class {
+], Jr = (e) => e.style.userSelect === "none", Yr = class {
 	constructor(e) {
-		this.anchorCell = null, this.extentCell = null, this.isSelecting = !1, this.hasSelection = !1, this.selectedCells = [], this.overlay = null, this.pill = null, this.pillPopover = null, this.resizeObserver = null, this.lastPaintedRange = null, this.grid = e.grid, this.rectangleSelection = e.rectangleSelection, this.onSelectionActiveChange = e.onSelectionActiveChange, this.onClearContent = e.onClearContent, this.onCopy = e.onCopy, this.onCut = e.onCut, this.onCopyViaButton = e.onCopyViaButton, this.onColorChange = e.onColorChange, this.onPlacementChange = e.onPlacementChange, this.getCellPlacement = e.getCellPlacement, this.onSelectionRangeChange = e.onSelectionRangeChange, this.onPointerDragActiveChange = e.onPointerDragActiveChange, this.isPopoverOpen = e.isPopoverOpen, this.canMergeCells = e.canMergeCells, this.onMergeCells = e.onMergeCells, this.isMergedCell = e.isMergedCell, this.onSplitCell = e.onSplitCell, this.i18n = e.i18n, this.grid.style.position = "relative", this.boundPointerDown = this.handlePointerDown.bind(this), this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.bind(this), this.boundClearSelection = this.handleClearSelection.bind(this), this.boundCancelRectangle = this.handleCancelRectangle.bind(this), this.boundKeyDown = this.handleKeyDown.bind(this), this.boundCopyHandler = this.handleCopy.bind(this), this.boundCutHandler = this.handleCut.bind(this), this.boundPreventDragStart = this.handleDragStart.bind(this), this.grid.addEventListener("pointerdown", this.boundPointerDown), this.grid.addEventListener("dragstart", this.boundPreventDragStart), document.addEventListener("keydown", this.boundKeyDown), document.addEventListener("copy", this.boundCopyHandler), document.addEventListener("cut", this.boundCutHandler);
+		this.anchorCell = null, this.extentCell = null, this.isSelecting = !1, this.hasSelection = !1, this.selectedCells = [], this.overlay = null, this.pill = null, this.pillPopover = null, this.resizeObserver = null, this.lastPaintedRange = null, this.preExpansionWasSingleCell = !1, this.grid = e.grid, this.rectangleSelection = e.rectangleSelection, this.onSelectionActiveChange = e.onSelectionActiveChange, this.onClearContent = e.onClearContent, this.onCopy = e.onCopy, this.onCut = e.onCut, this.onCopyViaButton = e.onCopyViaButton, this.onColorChange = e.onColorChange, this.onPlacementChange = e.onPlacementChange, this.getCellPlacement = e.getCellPlacement, this.onSelectionRangeChange = e.onSelectionRangeChange, this.onPointerDragActiveChange = e.onPointerDragActiveChange, this.isPopoverOpen = e.isPopoverOpen, this.canMergeCells = e.canMergeCells, this.onMergeCells = e.onMergeCells, this.isMergedCell = e.isMergedCell, this.onSplitCell = e.onSplitCell, this.getCellSpan = e.getCellSpan, this.i18n = e.i18n, this.grid.style.position = "relative", this.boundPointerDown = this.handlePointerDown.bind(this), this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.bind(this), this.boundClearSelection = this.handleClearSelection.bind(this), this.boundCancelRectangle = this.handleCancelRectangle.bind(this), this.boundKeyDown = this.handleKeyDown.bind(this), this.boundCopyHandler = this.handleCopy.bind(this), this.boundCutHandler = this.handleCut.bind(this), this.boundPreventDragStart = this.handleDragStart.bind(this), this.grid.addEventListener("pointerdown", this.boundPointerDown), this.grid.addEventListener("dragstart", this.boundPreventDragStart), document.addEventListener("keydown", this.boundKeyDown), document.addEventListener("copy", this.boundCopyHandler), document.addEventListener("cut", this.boundCutHandler);
 	}
 	destroy() {
 		if (this.destroyPillPopover(), this.disconnectResizeObserver(), this.clearSelection(), this.anchorCell) {
@@ -2614,9 +2630,9 @@ var Or = (e) => {
 	}
 	handlePointerDown(e) {
 		var t;
-		if (qr(this.grid) || e.button !== 0) return;
+		if (Jr(this.grid) || e.button !== 0) return;
 		let n = e.target;
-		if (n.closest("[data-blok-table-grip]") || n.closest("[data-blok-table-resize]") || n.closest(`[${Hr}]`)) return;
+		if (n.closest("[data-blok-table-grip]") || n.closest("[data-blok-table-resize]") || n.closest(`[${Ur}]`)) return;
 		let r = this.resolveCellCoord(n);
 		r && (this.hasSelection && this.lastPaintedRange !== null && this.lastPaintedRange.minRow === r.row && this.lastPaintedRange.maxRow === r.row && this.lastPaintedRange.minCol === r.col && this.lastPaintedRange.maxCol === r.col ? document.removeEventListener("pointerdown", this.boundClearSelection) : this.hasSelection && this.clearSelection(), this.anchorCell = r, this.isSelecting = !1, (t = this.onPointerDragActiveChange) == null || t.call(this, !0), document.addEventListener("mousemove", this.boundCancelRectangle, !0), document.addEventListener("pointermove", this.boundPointerMove), document.addEventListener("pointerup", this.boundPointerUp), document.addEventListener("pointercancel", this.boundPointerUp));
 	}
@@ -2658,7 +2674,7 @@ var Or = (e) => {
 	}
 	handleClearSelection(e) {
 		let t = e.target;
-		t instanceof HTMLElement && t.closest(`[${Hr}]`) || t instanceof HTMLElement && t.closest("[data-blok-popover-opened]") !== null || (this.pillPopover !== null && this.destroyPillPopover(), document.removeEventListener("pointerdown", this.boundClearSelection), this.clearSelection());
+		t instanceof HTMLElement && t.closest(`[${Ur}]`) || t instanceof HTMLElement && t.closest("[data-blok-popover-opened]") !== null || (this.pillPopover !== null && this.destroyPillPopover(), document.removeEventListener("pointerdown", this.boundClearSelection), this.clearSelection());
 	}
 	handleKeyDown(e) {
 		var t;
@@ -2666,22 +2682,26 @@ var Or = (e) => {
 	}
 	handleCopy(e) {
 		var t;
-		!this.hasSelection || !e.clipboardData || (e.preventDefault(), (t = this.onCopy) == null || t.call(this, [...this.selectedCells], e.clipboardData));
+		!this.hasSelection || !e.clipboardData || this.selectedCells.length <= 1 && this.hasNativeTextSelection() || (e.preventDefault(), (t = this.onCopy) == null || t.call(this, [...this.selectedCells], e.clipboardData));
 	}
 	handleCut(e) {
 		var t, n;
-		!this.hasSelection || !e.clipboardData || (e.preventDefault(), (t = this.onCut) == null || t.call(this, [...this.selectedCells], e.clipboardData), (n = this.onClearContent) == null || n.call(this, [...this.selectedCells]), this.clearSelection());
+		!this.hasSelection || !e.clipboardData || this.selectedCells.length <= 1 && this.hasNativeTextSelection() || (e.preventDefault(), (t = this.onCut) == null || t.call(this, [...this.selectedCells], e.clipboardData), (n = this.onClearContent) == null || n.call(this, [...this.selectedCells]), this.clearSelection());
+	}
+	hasNativeTextSelection() {
+		let e = window.getSelection();
+		return e !== null && !e.isCollapsed;
 	}
 	clearSelection() {
 		let e = this.hasSelection;
-		if (this.restoreModifiedCells(), this.hasSelection = !1, this.lastPaintedRange = null, e) {
+		if (this.restoreModifiedCells(), this.hasSelection = !1, this.lastPaintedRange = null, this.preExpansionWasSingleCell = !1, e) {
 			var t;
 			(t = this.onSelectionActiveChange) == null || t.call(this, !1);
 		}
 	}
 	restoreModifiedCells() {
 		this.destroyPillPopover(), this.disconnectResizeObserver(), this.selectedCells.forEach((e) => {
-			e.removeAttribute(Br);
+			e.removeAttribute(Vr);
 		}), this.pill && (this.pill.remove(), this.pill = null), this.overlay && (this.overlay.remove(), this.overlay = null), this.selectedCells = [];
 	}
 	showProgrammaticSelection(e, t, n, r) {
@@ -2698,26 +2718,43 @@ var Or = (e) => {
 		}
 		this.anchorCell = null, this.extentCell = null, document.addEventListener("pointerdown", this.boundClearSelection);
 	}
+	expandRectToMergedSpans(e) {
+		return this.getCellSpan ? this.expandRectStep(e) : e;
+	}
+	expandRectStep(e) {
+		let t = this.getCellSpan;
+		if (!t) return e;
+		let n = Array.from({ length: e.maxRow - e.minRow + 1 }, (t, n) => e.minRow + n), r = Array.from({ length: e.maxCol - e.minCol + 1 }, (t, n) => e.minCol + n), i = n.reduce((e, n) => r.reduce((e, r) => {
+			let { colspan: i, rowspan: a } = t(n, r);
+			return {
+				minRow: e.minRow,
+				maxRow: Math.max(e.maxRow, n + a - 1),
+				minCol: e.minCol,
+				maxCol: Math.max(e.maxCol, r + i - 1)
+			};
+		}, e), e);
+		return i.maxRow !== e.maxRow || i.maxCol !== e.maxCol ? this.expandRectStep(i) : i;
+	}
 	paintSelection() {
 		if (!this.anchorCell || !this.extentCell) return;
 		this.selectedCells.forEach((e) => {
-			e.removeAttribute(Br);
+			e.removeAttribute(Vr);
 		}), this.selectedCells = [];
 		let e = Math.min(this.anchorCell.row, this.extentCell.row), t = Math.max(this.anchorCell.row, this.extentCell.row), n = Math.min(this.anchorCell.col, this.extentCell.col), r = Math.max(this.anchorCell.col, this.extentCell.col);
-		this.lastPaintedRange = {
+		this.preExpansionWasSingleCell = e === t && n === r, this.lastPaintedRange = this.expandRectToMergedSpans({
 			minRow: e,
 			maxRow: t,
 			minCol: n,
 			maxCol: r
-		};
-		let i = this.grid.querySelectorAll(`[${M}]`);
-		this.selectedCells = this.collectCellsInRange(i, e, t, n, r), this.selectedCells.forEach((e) => {
-			e.setAttribute(Br, "");
 		});
-		let a = this.findCellByCoordOrIndex(i, e, n), o = this.findCellByCoordOrIndex(i, t, r);
-		if (!a || !o) return;
-		let s = this.grid.getBoundingClientRect(), c = a.getBoundingClientRect(), l = o.getBoundingClientRect(), u = getComputedStyle(this.grid), d = parseFloat(u.borderTopWidth) || 0, f = parseFloat(u.borderLeftWidth) || 0, p = l.right - c.left + 1, m = l.bottom - c.top + 1, h = c.top - s.top - d - 1, g = c.left - s.left - f - 1;
-		this.overlay || (this.overlay = document.createElement("div"), this.overlay.setAttribute("data-blok-table-selection-overlay", ""), this.overlay.style.position = "absolute", this.overlay.style.border = Vr, this.overlay.style.pointerEvents = "none", this.overlay.style.boxSizing = "border-box", this.overlay.style.borderRadius = "2px", this.grid.appendChild(this.overlay)), this.overlay.style.top = `${h}px`, this.overlay.style.left = `${g}px`, this.overlay.style.width = `${p}px`, this.overlay.style.height = `${m}px`, this.pill || (this.pill = this.createPill(), this.grid.appendChild(this.pill)), this.pill.style.left = `${g + p - 1}px`, this.pill.style.top = `${h + m / 2}px`, this.observeCellResizes();
+		let { minRow: i, maxRow: a, minCol: o, maxCol: s } = this.lastPaintedRange, c = this.grid.querySelectorAll(`[${M}]`);
+		this.selectedCells = this.collectCellsInRange(c, i, a, o, s), this.selectedCells.forEach((e) => {
+			e.setAttribute(Vr, "");
+		});
+		let l = this.findCellByCoordOrIndex(c, i, o), u = this.findCellByCoordOrIndex(c, a, s);
+		if (!l || !u) return;
+		let d = this.grid.getBoundingClientRect(), f = l.getBoundingClientRect(), p = u.getBoundingClientRect(), m = getComputedStyle(this.grid), h = parseFloat(m.borderTopWidth) || 0, g = parseFloat(m.borderLeftWidth) || 0, _ = p.right - f.left + 1, v = p.bottom - f.top + 1, ee = f.top - d.top - h - 1, y = f.left - d.left - g - 1;
+		this.overlay || (this.overlay = document.createElement("div"), this.overlay.setAttribute("data-blok-table-selection-overlay", ""), this.overlay.style.position = "absolute", this.overlay.style.border = Hr, this.overlay.style.pointerEvents = "none", this.overlay.style.boxSizing = "border-box", this.overlay.style.borderRadius = "2px", this.grid.appendChild(this.overlay)), this.overlay.style.top = `${ee}px`, this.overlay.style.left = `${y}px`, this.overlay.style.width = `${_}px`, this.overlay.style.height = `${v}px`, this.pill || (this.pill = this.createPill(), this.grid.appendChild(this.pill)), this.pill.style.left = `${y + _ - 1}px`, this.pill.style.top = `${ee + v / 2}px`, this.observeCellResizes();
 	}
 	repositionOverlay() {
 		let e = this.lastPaintedRange;
@@ -2740,8 +2777,8 @@ var Or = (e) => {
 	}
 	createPill() {
 		let e = document.createElement("div");
-		e.setAttribute(Hr, ""), e.setAttribute("contenteditable", "false"), e.className = k(Kr), e.style.width = `${Gr}px`, e.style.height = `${Wr}px`, e.style.pointerEvents = "auto", e.style.transform = "translate(-50%, -50%)", e.style.outline = "2px solid var(--blok-table-grip-outline, transparent)";
-		let t = Lr("vertical");
+		e.setAttribute(Ur, ""), e.setAttribute("contenteditable", "false"), e.className = k(qr), e.style.width = `${Kr}px`, e.style.height = `${Gr}px`, e.style.pointerEvents = "auto", e.style.transform = "translate(-50%, -50%)", e.style.outline = "2px solid var(--blok-table-grip-outline, transparent)";
+		let t = Rr("vertical");
 		return t.classList.remove("text-gray-400"), t.classList.add("text-white"), e.appendChild(t), e.addEventListener("mouseenter", () => {
 			this.pillPopover === null && this.expandPill();
 		}), e.addEventListener("mouseleave", () => {
@@ -2755,7 +2792,7 @@ var Or = (e) => {
 		this.expandPill();
 		let e = ke === "Meta" ? "⌘C" : "Ctrl+C", t = [];
 		if (this.onColorChange !== void 0) {
-			let { element: e } = Or({
+			let { element: e } = kr({
 				i18n: this.i18n,
 				onColorSelect: (e, t) => {
 					var n;
@@ -2777,7 +2814,7 @@ var Or = (e) => {
 		}
 		let n = [];
 		if (this.onPlacementChange !== void 0) {
-			let e = this.lastPaintedRange && this.getCellPlacement ? this.getCellPlacement(this.lastPaintedRange.minRow, this.lastPaintedRange.minCol) : void 0, { element: t } = Nr({
+			let e = this.lastPaintedRange && this.getCellPlacement ? this.getCellPlacement(this.lastPaintedRange.minRow, this.lastPaintedRange.minCol) : void 0, { element: t } = Pr({
 				i18n: this.i18n,
 				currentPlacement: e,
 				onPlacementSelect: (e) => {
@@ -2802,7 +2839,7 @@ var Or = (e) => {
 		if (this.lastPaintedRange && this.onMergeCells) {
 			var i;
 			let e = this.lastPaintedRange;
-			(e.minRow !== e.maxRow || e.minCol !== e.maxCol) && (i = this.canMergeCells) != null && i.call(this, e) && r.push({
+			(e.minRow !== e.maxRow || e.minCol !== e.maxCol) && !this.preExpansionWasSingleCell && (i = this.canMergeCells) != null && i.call(this, e) && r.push({
 				icon: Ke,
 				title: this.i18n.t("tools.table.mergeCells"),
 				closeOnActivate: !0,
@@ -2813,9 +2850,9 @@ var Or = (e) => {
 			});
 		}
 		if (this.lastPaintedRange && this.onSplitCell) {
-			var a;
-			let e = this.lastPaintedRange;
-			e.minRow === e.maxRow && e.minCol === e.maxCol && (a = this.isMergedCell) != null && a.call(this, e.minRow, e.minCol) && r.push({
+			var a, o;
+			let e = this.lastPaintedRange, t = e.minRow === e.maxRow && e.minCol === e.maxCol, n = this.preExpansionWasSingleCell && ((a = this.isMergedCell) == null ? void 0 : a.call(this, e.minRow, e.minCol));
+			(t || n) && (o = this.isMergedCell) != null && o.call(this, e.minRow, e.minCol) && r.push({
 				icon: ue,
 				title: this.i18n.t("tools.table.splitCell"),
 				closeOnActivate: !0,
@@ -2859,13 +2896,13 @@ var Or = (e) => {
 	}
 	expandPill() {
 		if (!this.pill) return;
-		this.pill.style.width = `${Ur}px`;
+		this.pill.style.width = `${Wr}px`;
 		let e = this.pill.querySelector("svg");
 		e && (e.classList.remove("opacity-0"), e.classList.add("opacity-100"));
 	}
 	collapsePill() {
 		if (!this.pill) return;
-		this.pill.style.width = `${Gr}px`;
+		this.pill.style.width = `${Kr}px`;
 		let e = this.pill.querySelector("svg");
 		e && (e.classList.add("opacity-0"), e.classList.remove("opacity-100"));
 	}
@@ -2880,12 +2917,20 @@ var Or = (e) => {
 		if (!t) return null;
 		let n = t.closest(`[${M}]`);
 		if (!n || !this.grid.contains(n)) return null;
-		let r = Array.from(this.grid.querySelectorAll(`[${M}]`)).indexOf(n);
-		if (r < 0) return null;
-		let i = Array.from(n.querySelectorAll(`[${N}]`)).indexOf(t);
-		return i < 0 ? null : {
-			row: r,
-			col: i
+		let r = t.getAttribute(P), i = t.getAttribute(F);
+		if (r !== null && i !== null) {
+			let e = parseInt(r, 10), t = parseInt(i, 10);
+			if (!isNaN(e) && !isNaN(t)) return {
+				row: e,
+				col: t
+			};
+		}
+		let a = Array.from(this.grid.querySelectorAll(`[${M}]`)).indexOf(n);
+		if (a < 0) return null;
+		let o = Array.from(n.querySelectorAll(`[${N}]`)).indexOf(t);
+		return o < 0 ? null : {
+			row: a,
+			col: o
 		};
 	}
 	clampExtentToEdge(e) {
@@ -2913,8 +2958,11 @@ var Or = (e) => {
 		});
 	}
 	findCellByCoordOrIndex(e, t, n) {
-		var r;
-		return this.grid.querySelector(`[${P}="${t}"][${F}="${n}"]`) || ((r = e[t]) == null ? void 0 : r.querySelectorAll(`[${N}]`)[n]);
+		var r, i, a;
+		return this.grid.querySelector(`[${P}="${t}"][${F}="${n}"]`) || ((r = e[t]) == null ? void 0 : r.querySelectorAll(`[${N}]`)[n]) || Array.from((i = (a = e[t]) == null ? void 0 : a.querySelectorAll("[data-blok-table-cell]")) == null ? [] : i).find((e) => {
+			let t = Number(e.getAttribute(F)), r = e.colSpan || 1;
+			return t <= n && t + r - 1 >= n;
+		});
 	}
 	getLogicalColumnCount() {
 		var e, t;
@@ -2926,7 +2974,7 @@ var Or = (e) => {
 	clampAxis(e, t, n, r, i) {
 		return e < t ? 0 : e > n ? r - 1 : i;
 	}
-}, z = (e) => {
+}, R = (e) => {
 	let t = e.querySelector("colgroup");
 	if (!t) return [];
 	let n = t.querySelectorAll("col"), r = n[0];
@@ -2935,7 +2983,7 @@ var Or = (e) => {
 		if (t) return Array.from(t.querySelectorAll(`[${N}]`)).map((e) => Math.round(e.getBoundingClientRect().width));
 	}
 	return Array.from(n).map((e) => parseFloat(e.style.width) || 0);
-}, B = (e, t) => {
+}, z = (e, t) => {
 	let n = t.reduce((e, t) => e + t, 0), r = e;
 	r.style.width = `${n + 1}px`;
 	let i = e.querySelector("colgroup");
@@ -2944,28 +2992,28 @@ var Or = (e) => {
 	t.forEach((e, t) => {
 		t < a.length && (a[t].style.width = `${e}px`);
 	});
-}, Yr = (e, t) => {
+}, Xr = (e, t) => {
 	let n = Array.from(e.querySelectorAll(`[${M}]`)), r = n.findIndex((e) => Array.from(e.querySelectorAll(`[${N}]`)).includes(t));
 	return r === -1 ? null : {
 		row: r,
 		col: Array.from(n[r].querySelectorAll(`[${N}]`)).indexOf(t)
 	};
-}, Xr = (e) => {
+}, Zr = (e) => {
 	var t;
-	let n = e.querySelector(`[${R}]`);
+	let n = e.querySelector(`[${L}]`);
 	return n ? ((t = n.textContent) == null ? "" : t).trim().length === 0 : !0;
-}, Zr = (e, t) => {
+}, Qr = (e, t) => {
 	let n = e.querySelectorAll(`[${M}]`)[t];
 	if (!n) return !0;
 	let r = n.querySelectorAll(`[${N}]`);
-	return Array.from(r).every((e) => Xr(e));
-}, Qr = (e, t) => {
+	return Array.from(r).every((e) => Zr(e));
+}, $r = (e, t) => {
 	let n = e.querySelectorAll(`[${M}]`);
 	return Array.from(n).every((e) => {
 		let n = e.querySelector(`[${F}="${t}"]`);
-		return !n || Xr(n);
+		return !n || Zr(n);
 	});
-}, $r = (e) => {
+}, ei = (e) => {
 	let t = e.querySelector("colgroup");
 	if (!t) return;
 	let n = t.querySelectorAll("col"), r = Array.from(n).reduce((e, t) => e + (parseFloat(t.style.width) || 0), 0);
@@ -2975,25 +3023,25 @@ var Or = (e) => {
 		let t = e, n = parseFloat(t.style.width) || 0;
 		t.style.width = `${Math.round(n * i * 100) / 100}%`;
 	});
-}, ei = (e, t, n) => {
+}, ti = (e, t, n) => {
 	if (!e) return e;
 	let r = [...e], [i] = r.splice(t, 1);
 	return r.splice(n, 0, i), r;
-}, ti = (e, t) => {
+}, ni = (e, t) => {
 	if (!e) return e;
 	let n = [...e];
 	return n.splice(t, 1), n.length > 0 ? n : void 0;
-}, ni = (e, t, n, r, i) => {
-	let a = n == null ? z(e) : n, o = r === void 0 ? V(a) : Math.round(r / 2 * 100) / 100;
+}, ri = (e, t, n, r, i) => {
+	let a = n == null ? R(e) : n, o = r === void 0 ? B(a) : Math.round(r / 2 * 100) / 100;
 	i.addColumn(e, t, a, o);
 	let s = [...a];
 	return s.splice(t, 0, o), s;
-}, V = (e) => Math.round(e.reduce((e, t) => e + t, 0) / e.length / 2 * 100) / 100, ri = (e) => e.length === 0 ? 0 : Math.round(e.reduce((e, t) => e + t, 0) / e.length * 100) / 100, ii = (e, t, n) => {
+}, B = (e) => Math.round(e.reduce((e, t) => e + t, 0) / e.length / 2 * 100) / 100, ii = (e) => e.length === 0 ? 0 : Math.round(e.reduce((e, t) => e + t, 0) / e.length * 100) / 100, ai = (e, t, n) => {
 	var r;
 	if (!e) return [];
 	let i = e.querySelectorAll(`[${M}]`)[n];
 	return i ? (r = t == null ? void 0 : t.getBlockIdsFromCells(i.querySelectorAll("[data-blok-table-cell]"))) == null ? [] : r : [];
-}, ai = (e, t, n) => {
+}, oi = (e, t, n) => {
 	var r;
 	if (!e) return [];
 	let i = e.querySelectorAll(`[${M}]`), a = [];
@@ -3001,11 +3049,11 @@ var Or = (e) => {
 		let t = e.querySelector(`[${F}="${n}"]`);
 		t && a.push(t);
 	}), (r = t == null ? void 0 : t.getBlockIdsFromCells(a)) == null ? [] : r;
-}, H = (e, t) => {
+}, V = (e, t) => {
 	e.querySelectorAll(`[${N}]`).forEach((e) => {
 		t == null || t.ensureCellHasBlock(e);
 	});
-}, oi = (e, t, n, r) => {
+}, si = (e, t, n, r) => {
 	let i = e.querySelectorAll(`[${M}]`);
 	t.forEach((e, t) => {
 		let a = i[t];
@@ -3013,11 +3061,11 @@ var Or = (e) => {
 			var i;
 			let o = a.querySelector(`[${F}="${t}"]`);
 			if (!o) return;
-			let s = o.querySelector(`[${R}]`);
+			let s = o.querySelector(`[${L}]`);
 			if (!s) return;
 			let c = s.querySelectorAll("[data-blok-id]").length > 0;
-			if (!(!L(e) && c)) {
-				if (!L(e)) {
+			if (!(!I(e) && c)) {
+				if (!I(e)) {
 					let t = document.createElement("div");
 					t.className = "leading-[1.5]", t.innerHTML = e, s.replaceChildren(t);
 					return;
@@ -3043,7 +3091,7 @@ var Or = (e) => {
 			}
 		});
 	});
-}, si = (e, t) => {
+}, ci = (e, t) => {
 	var n, r, i, a, o, s, c;
 	if (!(typeof e == "object" && e && "content" in e)) {
 		var l, u;
@@ -3063,50 +3111,50 @@ var Or = (e) => {
 		colWidths: m,
 		initialColWidth: d.initialColWidth
 	};
-}, ci = (e, t) => {
+}, li = (e, t) => {
 	let n = (n) => {
 		let r = n.target.closest(`[${N}]`);
 		if (!r) return;
-		let i = Yr(e, r);
+		let i = Xr(e, r);
 		i && (t == null || t.handleKeyDown(n, i));
 	};
 	return e.addEventListener("keydown", n), () => {
 		e.removeEventListener("keydown", n);
 	};
-}, li = ["overflow-x-auto", "overflow-y-hidden"], ui = (e) => {
-	e == null || e.classList.add(...li);
-}, U = (e, t) => {
+}, ui = ["overflow-x-auto", "overflow-y-hidden"], di = (e) => {
+	e == null || e.classList.add(...ui);
+}, H = (e, t) => {
 	if (!e) return;
 	let n = e.querySelectorAll(`[${M}]`);
 	n.forEach((e) => {
 		e.removeAttribute("data-blok-table-heading");
 	}), t && n.length > 0 && n[0].setAttribute("data-blok-table-heading", "");
-}, di = (e, t) => {
+}, fi = (e, t) => {
 	let n = e.querySelectorAll(`[${M}]`);
 	t.forEach((e, t) => {
 		t >= n.length || e.forEach((e, r) => {
 			let i = n[t].querySelector(`[${F}="${r}"]`);
-			i && (L(e) && e.color ? i.style.backgroundColor = e.color : i.style.backgroundColor = "", L(e) && e.textColor ? i.style.color = e.textColor : i.style.color = "");
+			i && (I(e) && e.color ? i.style.backgroundColor = e.color : i.style.backgroundColor = "", I(e) && e.textColor ? i.style.color = e.textColor : i.style.color = "");
 		});
 	});
-}, fi = (e, t) => {
+}, pi = (e, t) => {
 	let n = e.querySelectorAll(`[${M}]`);
 	t.forEach((e, t) => {
 		t >= n.length || e.forEach((e, r) => {
 			let i = n[t].querySelector(`[${F}="${r}"]`);
 			if (!i) return;
-			let a = i.querySelector(`[${R}]`);
-			a && (L(e) && e.placement && e.placement !== "top-left" ? a.setAttribute("data-blok-cell-placement", e.placement) : a.removeAttribute("data-blok-cell-placement"));
+			let a = i.querySelector(`[${L}]`);
+			a && (I(e) && e.placement && e.placement !== "top-left" ? a.setAttribute("data-blok-cell-placement", e.placement) : a.removeAttribute("data-blok-cell-placement"));
 		});
 	});
-}, W = (e, t) => {
+}, U = (e, t) => {
 	e && (e.querySelectorAll(`[${N}]`).forEach((e) => {
 		e.removeAttribute("data-blok-table-heading-col");
 	}), t && e.querySelectorAll(`[${M}]`).forEach((e) => {
 		let t = e.querySelector(`[${N}]`);
 		t && t.setAttribute("data-blok-table-heading-col", "");
 	}));
-}, pi = (e) => !!(/^#[0-9a-f]{3,4}$/i.test(e) || /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(e) || /^rgba?\(\s*[\d.]+\s*,\s*[\d.]+\s*,\s*[\d.]+\s*(,\s*[\d.]+\s*)?\)$/i.test(e) || /^hsla?\(\s*[\d.]+\s*,\s*[\d.]+%\s*,\s*[\d.]+%\s*(,\s*[\d.]+\s*)?\)$/i.test(e) || e === "transparent"), mi = class {
+}, mi = (e) => !!(/^#[0-9a-f]{3,4}$/i.test(e) || /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(e) || /^rgba?\(\s*[\d.]+\s*,\s*[\d.]+\s*,\s*[\d.]+\s*(,\s*[\d.]+\s*)?\)$/i.test(e) || /^hsla?\(\s*[\d.]+\s*,\s*[\d.]+%\s*,\s*[\d.]+%\s*(,\s*[\d.]+\s*)?\)$/i.test(e) || e === "transparent"), hi = class {
 	constructor(e) {
 		var t, n, r;
 		this.withHeadingsValue = (t = e == null ? void 0 : e.withHeadings) == null ? !1 : t, this.withHeadingColumnValue = (n = e == null ? void 0 : e.withHeadingColumn) == null ? !1 : n, this.stretchedValue = (r = e == null ? void 0 : e.stretched) == null ? !1 : r, this.colWidthsValue = e != null && e.colWidths ? [...e.colWidths] : void 0, this.initialColWidthValue = e == null ? void 0 : e.initialColWidth, this.contentGrid = this.normalizeContent(e == null ? void 0 : e.content), this.blockCellMap = /* @__PURE__ */ new Map(), this.rebuildBlockCellMap();
@@ -3149,7 +3197,7 @@ var Or = (e) => {
 		return (t = this.blockCellMap.get(e)) == null ? null : t;
 	}
 	addBlockToCell(e, t, n) {
-		if (!this.isInBounds(e, t)) return;
+		if (!this.isInBounds(e, t) || this.isSpannedCell(e, t)) return;
 		let r = this.blockCellMap.get(n);
 		if (r) {
 			let e = this.contentGrid[r.row][r.col];
@@ -3166,7 +3214,7 @@ var Or = (e) => {
 		i !== -1 && (r.blocks.splice(i, 1), this.blockCellMap.delete(n));
 	}
 	setCellBlocks(e, t, n) {
-		if (this.isInBounds(e, t)) {
+		if (this.isInBounds(e, t) && !this.isSpannedCell(e, t)) {
 			for (let n of this.contentGrid[e][t].blocks) this.blockCellMap.delete(n);
 			this.contentGrid[e][t].blocks = [...n];
 			for (let r of n) this.blockCellMap.set(r, {
@@ -3179,13 +3227,13 @@ var Or = (e) => {
 		return this.isInBounds(e, t) ? [...this.contentGrid[e][t].blocks] : [];
 	}
 	setCellColor(e, t, n) {
-		this.isInBounds(e, t) && (n === void 0 ? delete this.contentGrid[e][t].color : pi(n) && (this.contentGrid[e][t].color = n));
+		this.isInBounds(e, t) && (n === void 0 ? delete this.contentGrid[e][t].color : mi(n) && (this.contentGrid[e][t].color = n));
 	}
 	getCellColor(e, t) {
 		if (this.isInBounds(e, t)) return this.contentGrid[e][t].color;
 	}
 	setCellTextColor(e, t, n) {
-		this.isInBounds(e, t) && (n === void 0 ? delete this.contentGrid[e][t].textColor : pi(n) && (this.contentGrid[e][t].textColor = n));
+		this.isInBounds(e, t) && (n === void 0 ? delete this.contentGrid[e][t].textColor : mi(n) && (this.contentGrid[e][t].textColor = n));
 	}
 	getCellTextColor(e, t) {
 		if (this.isInBounds(e, t)) return this.contentGrid[e][t].textColor;
@@ -3633,9 +3681,9 @@ var Or = (e) => {
 		return !e || !Array.isArray(e) ? [] : e.map((e) => (e == null ? [] : e).map((e) => this.normalizeCell(e)));
 	}
 	normalizeCell(e) {
-		if (L(e)) {
+		if (I(e)) {
 			let t = { blocks: [...e.blocks] };
-			return e.color !== void 0 && pi(e.color) && (t.color = e.color), e.textColor !== void 0 && pi(e.textColor) && (t.textColor = e.textColor), e.placement !== void 0 && (t.placement = e.placement), e.colspan !== void 0 && e.colspan > 1 && (t.colspan = e.colspan), e.rowspan !== void 0 && e.rowspan > 1 && (t.rowspan = e.rowspan), e.mergedInto !== void 0 && (t.mergedInto = [...e.mergedInto]), t;
+			return e.color !== void 0 && mi(e.color) && (t.color = e.color), e.textColor !== void 0 && mi(e.textColor) && (t.textColor = e.textColor), e.placement !== void 0 && (t.placement = e.placement), e.colspan !== void 0 && e.colspan > 1 && (t.colspan = e.colspan), e.rowspan !== void 0 && e.rowspan > 1 && (t.rowspan = e.rowspan), e.mergedInto !== void 0 && (t.mergedInto = [...e.mergedInto]), t;
 		}
 		return { blocks: [] };
 	}
@@ -3668,7 +3716,7 @@ var Or = (e) => {
 		for (let n of this.contentGrid) e < n.length && t.push(...n[e].blocks);
 		return t;
 	}
-}, hi = "data-blok-table-resize", gi = 50, _i = 16, vi = class {
+}, gi = "data-blok-table-resize", _i = 50, vi = 16, yi = class {
 	get enabled() {
 		return this._enabled;
 	}
@@ -3695,7 +3743,7 @@ var Or = (e) => {
 	}
 	createHandle(e) {
 		let t = document.createElement("div"), n = this.getHandleLeftPx(e);
-		return t.setAttribute(hi, ""), t.setAttribute("data-col", String(e)), t.style.position = "absolute", t.style.top = "-1px", t.style.bottom = "0px", t.style.width = `${_i}px`, t.style.left = `${n - _i / 2}px`, t.style.cursor = "col-resize", t.style.zIndex = "2", t.style.background = "linear-gradient(to right, transparent 7px, #3b82f6 7px, #3b82f6 9px, transparent 9px)", t.style.opacity = "0", t.style.transition = "opacity 150ms ease", t.setAttribute("contenteditable", "false"), t.addEventListener("mouseenter", () => {
+		return t.setAttribute(gi, ""), t.setAttribute("data-col", String(e)), t.style.position = "absolute", t.style.top = "-1px", t.style.bottom = "0px", t.style.width = `${vi}px`, t.style.left = `${n - vi / 2}px`, t.style.cursor = "col-resize", t.style.zIndex = "2", t.style.background = "linear-gradient(to right, transparent 7px, #3b82f6 7px, #3b82f6 9px, transparent 9px)", t.style.opacity = "0", t.style.transition = "opacity 150ms ease", t.setAttribute("contenteditable", "false"), t.addEventListener("mouseenter", () => {
 			this.isDragging || (t.style.opacity = "1");
 		}), t.addEventListener("mouseleave", () => {
 			this.isDragging || (t.style.opacity = "0");
@@ -3707,14 +3755,14 @@ var Or = (e) => {
 	updateHandlePositions() {
 		this.handles.forEach((e, t) => {
 			let n = this.getHandleLeftPx(t), r = e;
-			r.style.left = `${n - _i / 2}px`;
+			r.style.left = `${n - vi / 2}px`;
 		});
 	}
 	onPointerDown(e) {
 		var t;
 		if (!this._enabled) return;
 		let n = e.target;
-		if (!n.hasAttribute(hi)) return;
+		if (!n.hasAttribute(gi)) return;
 		e.preventDefault(), this.needsInitialApply && (this.applyWidths(), this.updateHandlePositions(), this.needsInitialApply = !1);
 		let r = n.getAttribute("data-col");
 		r !== null && (this.dragColIndex = Number(r), this.isDragging = !0, this.dragStartX = e.clientX, this.startColWidth = this.colWidths[this.dragColIndex], this.dragColElements = this.resolveColElements(), (t = this.onDragStart) == null || t.call(this), this.gridEl.style.userSelect = "none", n.style.opacity = "1", n.setPointerCapture && n.setPointerCapture(e.pointerId), document.addEventListener("pointermove", this.boundPointerMove), document.addEventListener("pointerup", this.boundPointerUp));
@@ -3722,7 +3770,7 @@ var Or = (e) => {
 	onPointerMove(e) {
 		var t, n;
 		if (!this.isDragging) return;
-		let r = e.clientX - this.dragStartX, i = this.startColWidth + r, a = Math.max(gi, i);
+		let r = e.clientX - this.dragStartX, i = this.startColWidth + r, a = Math.max(_i, i);
 		this.colWidths[this.dragColIndex] = a, this.applyWidths((t = this.dragColElements) == null ? void 0 : t), this.updateHandlePositions(), (n = this.onDrag) == null || n.call(this);
 	}
 	onPointerUp() {
@@ -3744,7 +3792,7 @@ var Or = (e) => {
 			}
 		});
 	}
-}, yi = (e, t, n) => (n.grid.addRow(e, t), H(e, n.cellBlocks), {
+}, bi = (e, t, n) => (n.grid.addRow(e, t), V(e, n.cellBlocks), {
 	pendingHighlight: {
 		type: "row",
 		index: t
@@ -3753,9 +3801,9 @@ var Or = (e) => {
 	colWidths: n.data.colWidths,
 	withHeadings: n.data.withHeadings,
 	withHeadingColumn: n.data.withHeadingColumn
-}), bi = (e, t, n) => {
-	let r = ni(e, t, n.data.colWidths, n.data.initialColWidth, n.grid);
-	return H(e, n.cellBlocks), {
+}), xi = (e, t, n) => {
+	let r = ri(e, t, n.data.colWidths, n.data.initialColWidth, n.grid);
+	return V(e, n.cellBlocks), {
 		pendingHighlight: {
 			type: "col",
 			index: t
@@ -3765,7 +3813,7 @@ var Or = (e) => {
 		withHeadings: n.data.withHeadings,
 		withHeadingColumn: n.data.withHeadingColumn
 	};
-}, xi = (e, t, n, r) => (r.grid.moveRow(e, t, n), {
+}, Si = (e, t, n, r) => (r.grid.moveRow(e, t, n), {
 	pendingHighlight: null,
 	moveSelection: {
 		type: "row",
@@ -3774,16 +3822,16 @@ var Or = (e) => {
 	colWidths: r.data.colWidths,
 	withHeadings: r.data.withHeadings,
 	withHeadingColumn: r.data.withHeadingColumn
-}), Si = (e, t, n, r) => (r.grid.moveColumn(e, t, n), {
+}), Ci = (e, t, n, r) => (r.grid.moveColumn(e, t, n), {
 	pendingHighlight: null,
 	moveSelection: {
 		type: "col",
 		index: n
 	},
-	colWidths: ei(r.data.colWidths, t, n),
+	colWidths: ti(r.data.colWidths, t, n),
 	withHeadings: r.data.withHeadings,
 	withHeadingColumn: r.data.withHeadingColumn
-}), Ci = (e, t, n) => {
+}), wi = (e, t, n) => {
 	var r, i;
 	return (r = n.cellBlocks) == null || r.deleteBlocks((i = n.blocksToDelete) == null ? [] : i), n.grid.deleteRow(e, t), {
 		pendingHighlight: {
@@ -3795,11 +3843,11 @@ var Or = (e) => {
 		withHeadings: n.data.withHeadings,
 		withHeadingColumn: n.data.withHeadingColumn
 	};
-}, wi = (e, t, n) => {
+}, Ti = (e, t, n) => {
 	var r, i;
 	(r = n.cellBlocks) == null || r.deleteBlocks((i = n.blocksToDelete) == null ? [] : i), n.grid.deleteColumn(e, t);
-	let a = ti(n.data.colWidths, t);
-	return a ? B(e, a) : $r(e), {
+	let a = ni(n.data.colWidths, t);
+	return a ? z(e, a) : ei(e), {
 		pendingHighlight: {
 			type: "col",
 			index: t < n.grid.getColumnCount(e) ? t : t - 1
@@ -3809,16 +3857,16 @@ var Or = (e) => {
 		withHeadings: n.data.withHeadings,
 		withHeadingColumn: n.data.withHeadingColumn
 	};
-}, Ti = (e, t, n) => {
+}, Ei = (e, t, n) => {
 	switch (t.type) {
-		case "insert-row-above": return yi(e, t.index, n);
-		case "insert-row-below": return yi(e, t.index + 1, n);
-		case "insert-col-left": return bi(e, t.index, n);
-		case "insert-col-right": return bi(e, t.index + 1, n);
-		case "move-row": return xi(e, t.fromIndex, t.toIndex, n);
-		case "move-col": return Si(e, t.fromIndex, t.toIndex, n);
-		case "delete-row": return Ci(e, t.index, n);
-		case "delete-col": return wi(e, t.index, n);
+		case "insert-row-above": return bi(e, t.index, n);
+		case "insert-row-below": return bi(e, t.index + 1, n);
+		case "insert-col-left": return xi(e, t.index, n);
+		case "insert-col-right": return xi(e, t.index + 1, n);
+		case "move-row": return Si(e, t.fromIndex, t.toIndex, n);
+		case "move-col": return Ci(e, t.fromIndex, t.toIndex, n);
+		case "delete-row": return wi(e, t.index, n);
+		case "delete-col": return Ti(e, t.index, n);
 		case "toggle-heading": return {
 			pendingHighlight: {
 				type: "row",
@@ -3840,7 +3888,7 @@ var Or = (e) => {
 			withHeadingColumn: !n.data.withHeadingColumn
 		};
 	}
-}, Ei = 10, Di = "data-blok-table-drag-ghost", Oi = (e) => {
+}, Di = 10, Oi = "data-blok-table-drag-ghost", ki = (e) => {
 	let t = e.querySelector("colgroup");
 	if (t) return Array.from(t.querySelectorAll("col")).reduce((e, t) => {
 		let n = e[e.length - 1], r = t.offsetWidth || parseFloat(t.style.width) || 0;
@@ -3851,7 +3899,7 @@ var Or = (e) => {
 		let n = e[e.length - 1];
 		return [...e, n + t.offsetWidth];
 	}, [0]) : [0];
-}, ki = class {
+}, Ai = class {
 	constructor(e) {
 		var t;
 		this.isDragging = !1, this.dragType = null, this.dragFromIndex = -1, this.dragStartX = 0, this.dragStartY = 0, this.dropIndicator = null, this.dragOverlayCells = [], this.ghostEl = null, this.ghostOffsetX = 0, this.ghostOffsetY = 0, this.resolveTracking = null, this.grid = e.grid, this.onAction = e.onAction, this.onDragStateChange = (t = e.onDragStateChange) == null ? null : t, this.boundDocPointerMove = this.handleDocPointerMove.bind(this), this.boundDocPointerUp = this.handleDocPointerUp.bind(this), this.boundDocPointerCancel = this.handleDocPointerCancel.bind(this);
@@ -3870,7 +3918,7 @@ var Or = (e) => {
 	}
 	handleDocPointerMove(e) {
 		let t = Math.abs(e.clientX - this.dragStartX), n = Math.abs(e.clientY - this.dragStartY);
-		!this.isDragging && (t > Ei || n > Ei) && (this.isDragging = !0, this.startDrag()), this.isDragging && (this.updateDragIndicator(e), this.updateGhostPosition(e));
+		!this.isDragging && (t > Di || n > Di) && (this.isDragging = !0, this.startDrag()), this.isDragging && (this.updateDragIndicator(e), this.updateGhostPosition(e));
 	}
 	handleDocPointerUp(e) {
 		if (document.removeEventListener("pointermove", this.boundDocPointerMove), document.removeEventListener("pointerup", this.boundDocPointerUp), document.removeEventListener("pointercancel", this.boundDocPointerCancel), this.isDragging) {
@@ -3949,7 +3997,7 @@ var Or = (e) => {
 	updateColIndicator(e, t) {
 		var n;
 		if (!this.dropIndicator) return;
-		let r = e.clientX - t.left, i = this.getColDropIndex(r), a = Oi(this.grid);
+		let r = e.clientX - t.left, i = this.getColDropIndex(r), a = ki(this.grid);
 		this.dropIndicator.style.left = `${((n = a[i]) == null ? 0 : n) - 1.5}px`;
 	}
 	finishDrag(e) {
@@ -3978,7 +4026,7 @@ var Or = (e) => {
 	}
 	createGhost() {
 		let e = document.createElement("div");
-		e.setAttribute(Di, ""), e.setAttribute("contenteditable", "false");
+		e.setAttribute(Oi, ""), e.setAttribute("contenteditable", "false");
 		let t = e.style;
 		t.position = "fixed", t.pointerEvents = "none", t.opacity = "0.5", t.zIndex = "50", t.borderRadius = "4px", t.overflow = "hidden", t.boxShadow = this.isDarkMode() ? "0 8px 24px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.08)" : "0 4px 12px rgba(0, 0, 0, 0.15)", this.ghostEl = e;
 		let n = this.getSourceRect();
@@ -4045,10 +4093,10 @@ var Or = (e) => {
 		return 0;
 	}
 	getColDropIndex(e) {
-		let t = Oi(this.grid).map((t) => Math.abs(e - t)), n = Math.min(...t);
+		let t = ki(this.grid).map((t) => Math.abs(e - t)), n = Math.min(...t);
 		return t.indexOf(n);
 	}
-}, Ai = [
+}, ji = [
 	"flex",
 	"items-center",
 	"select-none",
@@ -4060,7 +4108,7 @@ var Or = (e) => {
 	"mb-px",
 	"cursor-pointer",
 	"can-hover:hover:bg-item-hover-bg"
-], ji = [
+], Mi = [
 	"flex",
 	"items-center",
 	"justify-center",
@@ -4069,13 +4117,13 @@ var Or = (e) => {
 	"mr-2",
 	"[&_svg]:w-icon",
 	"[&_svg]:h-icon"
-], Mi = [
+], Ni = [
 	"mr-auto",
 	"truncate",
 	"text-sm",
 	"font-medium",
 	"leading-5"
-], Ni = [
+], Pi = [
 	"relative",
 	"w-[30px]",
 	"h-[18px]",
@@ -4085,7 +4133,7 @@ var Or = (e) => {
 	"ease-out",
 	"shrink-0",
 	"ml-2"
-], Pi = [
+], Fi = [
 	"absolute",
 	"top-[2px]",
 	"w-[14px]",
@@ -4095,27 +4143,27 @@ var Or = (e) => {
 	"transition-[left]",
 	"duration-[220ms]",
 	"[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]"
-], Fi = (e) => {
+], Ii = (e) => {
 	let { icon: t, label: n, isActive: r, onToggle: i } = e, a = { active: r }, o = document.createElement("div");
-	o.className = k(Ai);
+	o.className = k(ji);
 	let s = document.createElement("div");
-	s.className = k(ji), s.innerHTML = t, o.appendChild(s);
+	s.className = k(Mi), s.innerHTML = t, o.appendChild(s);
 	let c = document.createElement("span");
-	c.className = k(Mi), c.textContent = n, o.appendChild(c);
+	c.className = k(Ni), c.textContent = n, o.appendChild(c);
 	let l = document.createElement("div");
-	l.className = k(Ni);
+	l.className = k(Pi);
 	let u = document.createElement("div");
-	u.className = k(Pi), l.appendChild(u), o.appendChild(l);
+	u.className = k(Fi), l.appendChild(u), o.appendChild(l);
 	let d = () => {
 		l.style.backgroundColor = a.active ? "var(--blok-toggle-on-bg)" : "var(--blok-toggle-off-bg)", u.style.left = a.active ? "14px" : "2px", u.style.backgroundColor = a.active ? "var(--blok-toggle-thumb-on-bg)" : "", u.style.boxShadow = a.active ? "0 1px 3px rgba(0,0,0,0.35), 0 0 0 1px rgba(0,0,0,0.04)" : "0 1px 3px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.06)";
 	};
 	return d(), o.addEventListener("click", (e) => {
 		e.stopPropagation(), a.active = !a.active, d(), i(a.active);
 	}), o;
-}, Ii = (e, t) => {
+}, Li = (e, t) => {
 	let n = e === 0 ? [{
 		type: w.Html,
-		element: Fi({
+		element: Ii({
 			icon: Me,
 			label: t.i18n.t("tools.table.headerColumn"),
 			isActive: t.isHeadingColumn(),
@@ -4161,10 +4209,10 @@ var Or = (e) => {
 		...r,
 		...a
 	];
-}, Li = (e, t) => {
+}, Ri = (e, t) => {
 	let n = e === 0 ? [{
 		type: w.Html,
-		element: Fi({
+		element: Ii({
 			icon: ct,
 			label: t.i18n.t("tools.table.headerRow"),
 			isActive: t.isHeadingRow(),
@@ -4210,7 +4258,7 @@ var Or = (e) => {
 		...r,
 		...a
 	];
-}, Ri = (e, t, n, r, i) => {
+}, zi = (e, t, n, r, i) => {
 	i.destroyPopover(), i.clearHideTimeout();
 	let a = e === "col" ? n.col[t] : n.row[t];
 	if (!a) return {
@@ -4218,7 +4266,7 @@ var Or = (e) => {
 		grip: null
 	};
 	let o = new Fe({
-		items: e === "col" ? Ii(t, r) : Li(t, r),
+		items: e === "col" ? Li(t, r) : Ri(t, r),
 		trigger: a,
 		flippable: !0
 	});
@@ -4229,7 +4277,7 @@ var Or = (e) => {
 		popover: o,
 		grip: a
 	};
-}, zi = "data-blok-table-grip", Bi = "data-blok-table-grip-col", Vi = "data-blok-table-grip-row", Hi = 150, Ui = 24, Wi = 4, Gi = 4, Ki = 20, qi = [
+}, Bi = "data-blok-table-grip", Vi = "data-blok-table-grip-col", Hi = "data-blok-table-grip-row", Ui = 150, Wi = 24, Gi = 4, Ki = 4, qi = 20, Ji = [
 	"absolute",
 	"z-3",
 	"rounded-sm",
@@ -4242,25 +4290,25 @@ var Or = (e) => {
 	"items-center",
 	"justify-center",
 	"overflow-hidden"
-], Ji = [
+], Yi = [
 	"bg-gray-300",
 	"opacity-0",
 	"pointer-events-none"
-], Yi = [
+], Xi = [
 	"bg-gray-300",
 	"opacity-100",
 	"pointer-events-auto"
-], Xi = [
+], Zi = [
 	"bg-blue-500",
 	"text-white",
 	"opacity-100",
 	"pointer-events-auto"
-], Zi = class {
+], Qi = class {
 	constructor(e) {
 		this.colGrips = [], this.rowGrips = [], this.popoverState = {
 			popover: null,
 			grip: null
-		}, this.lockedGrip = null, this.hideTimeout = null, this.activeColGripIndex = -1, this.activeRowGripIndex = -1, this.isInsideTable = !1, this.rowResizeObserver = null, this.boundScrollHandler = null, this.grid = e.grid, this.overlay = e.overlay, this.scrollContainer = e.scrollContainer, this.getColumnCount = e.getColumnCount, this.getRowCount = e.getRowCount, this.isHeadingRow = e.isHeadingRow, this.isHeadingColumn = e.isHeadingColumn, this.onAction = e.onAction, this.onGripClick = e.onGripClick, this.onGripPopoverClose = e.onGripPopoverClose, this.i18n = e.i18n, this.drag = new ki({
+		}, this.lockedGrip = null, this.hideTimeout = null, this.activeColGripIndex = -1, this.activeRowGripIndex = -1, this.isInsideTable = !1, this.rowResizeObserver = null, this.boundScrollHandler = null, this.grid = e.grid, this.overlay = e.overlay, this.scrollContainer = e.scrollContainer, this.getColumnCount = e.getColumnCount, this.getRowCount = e.getRowCount, this.isHeadingRow = e.isHeadingRow, this.isHeadingColumn = e.isHeadingColumn, this.onAction = e.onAction, this.onGripClick = e.onGripClick, this.onGripPopoverClose = e.onGripPopoverClose, this.i18n = e.i18n, this.drag = new Ai({
 			grid: this.grid,
 			onAction: this.onAction,
 			onDragStateChange: (t, n) => {
@@ -4328,26 +4376,36 @@ var Or = (e) => {
 	}
 	createGripElement(e, t) {
 		let n = document.createElement("div");
-		n.className = k(qi, Ji), n.setAttribute(zi, ""), n.setAttribute(e === "col" ? Bi : Vi, String(t)), n.setAttribute("contenteditable", "false");
-		let r = e === "col" ? Ui : Gi, i = e === "col" ? Wi : Ki, a = e === "col" ? Wi : Gi;
-		return n.style.width = `${r}px`, n.style.height = `${i}px`, n.style.transform = "translate(-50%, -50%)", n.style.outline = "2px solid var(--blok-table-grip-outline, transparent)", n.appendChild(Lr(e === "col" ? "horizontal" : "vertical")), n.addEventListener("pointerdown", this.boundPointerDown), n.addEventListener("mouseenter", () => {
-			this.overlay && this.clearHideTimeout(), this.isGripInteractionLocked() || Rr(n, e);
+		n.className = k(Ji, Yi), n.setAttribute(Bi, ""), n.setAttribute(e === "col" ? Vi : Hi, String(t)), n.setAttribute("contenteditable", "false");
+		let r = e === "col" ? Wi : Ki, i = e === "col" ? Gi : qi, a = e === "col" ? Gi : Ki;
+		return n.style.width = `${r}px`, n.style.height = `${i}px`, n.style.transform = "translate(-50%, -50%)", n.style.outline = "2px solid var(--blok-table-grip-outline, transparent)", n.appendChild(Rr(e === "col" ? "horizontal" : "vertical")), n.addEventListener("pointerdown", this.boundPointerDown), n.addEventListener("mouseenter", () => {
+			this.overlay && this.clearHideTimeout(), this.isGripInteractionLocked() || zr(n, e);
 		}), n.addEventListener("mouseleave", () => {
-			this.isGripInteractionLocked() || (zr(n, e, a), this.overlay && this.scheduleHideAll());
+			this.isGripInteractionLocked() || (Br(n, e, a), this.overlay && this.scheduleHideAll());
 		}), n;
 	}
 	positionGrips() {
 		let e = this.grid.querySelectorAll(`[${M}]`);
 		if (!e[0]) return;
-		let t = Oi(this.grid), n = this.overlay && this.scrollContainer ? this.scrollContainer.scrollLeft : 0, r = this.overlay && this.scrollContainer ? this.scrollContainer.clientWidth : Infinity;
+		let t = ki(this.grid), n = this.overlay && this.scrollContainer ? this.scrollContainer.scrollLeft : 0, r = this.overlay && this.scrollContainer ? this.scrollContainer.clientWidth : Infinity;
 		this.colGrips.forEach((e, i) => {
 			if (i + 1 >= t.length) return;
 			let a = (t[i] + t[i + 1]) / 2 - n, o = e.style;
 			o.top = `${-1 / 2}px`, o.left = `${a}px`, this.overlay && (o.visibility = a < 0 || a > r ? "hidden" : "");
 		}), this.rowGrips.forEach((t, n) => {
 			if (n >= e.length) return;
-			let r = e[n], i = r.offsetTop + r.offsetHeight / 2, a = t.style;
-			a.left = `${-1 / 2}px`, a.top = `${i}px`;
+			let r = e[n], i = this.grid.querySelectorAll(`[${P}="${n}"]`), a = Array.from(i).reduce((e, t) => {
+				let n = t, r = e === null ? 0 : e.rowSpan || 1;
+				return (n.rowSpan || 1) > r ? n : e;
+			}, null);
+			if ((a === null ? 1 : a.rowSpan || 1) > 1 && a !== null) {
+				var o;
+				let e = ((o = this.overlay) == null ? this.grid : o).getBoundingClientRect(), n = a.getBoundingClientRect(), r = n.top - e.top + n.height / 2, i = t.style;
+				i.left = `${-1 / 2}px`, i.top = `${r}px`;
+			} else {
+				let e = r.offsetTop + r.offsetHeight / 2, n = t.style;
+				n.left = `${-1 / 2}px`, n.top = `${e}px`;
+			}
 		});
 	}
 	observeRowHeights() {
@@ -4374,14 +4432,12 @@ var Or = (e) => {
 		this.isGripInteractionLocked() || this.scheduleHideAll();
 	}
 	getCellPosition(e) {
-		let t = e.closest(`[${M}]`);
-		if (!t) return null;
-		let n = Array.from(this.grid.querySelectorAll(`[${M}]`)).indexOf(t);
-		if (n < 0) return null;
-		let r = Array.from(t.querySelectorAll(`[${N}]`)).indexOf(e);
-		return r < 0 ? null : {
-			row: n,
-			col: r
+		let t = e.getAttribute(P), n = e.getAttribute(F);
+		if (t === null || n === null) return null;
+		let r = parseInt(t, 10), i = parseInt(n, 10);
+		return isNaN(r) || isNaN(i) ? null : {
+			row: r,
+			col: i
 		};
 	}
 	setGripsDisplay(e) {
@@ -4407,13 +4463,13 @@ var Or = (e) => {
 		this.activeRowGripIndex >= 0 && this.activeRowGripIndex < this.rowGrips.length && this.applyIdleClasses(this.rowGrips[this.activeRowGripIndex]), this.activeRowGripIndex = -1;
 	}
 	applyVisibleClasses(e) {
-		let t = e, n = t.hasAttribute(Bi);
-		Pr(t, n ? "col" : "row", n ? Wi : Gi), this.isInsideTable && (t.style.transition = "none"), t.className = k(qi, Yi), t.setAttribute("data-blok-table-grip-visible", ""), this.isInsideTable && (t.offsetHeight, t.style.transition = "");
+		let t = e, n = t.hasAttribute(Vi);
+		Fr(t, n ? "col" : "row", n ? Gi : Ki), this.isInsideTable && (t.style.transition = "none"), t.className = k(Ji, Xi), t.setAttribute("data-blok-table-grip-visible", ""), this.isInsideTable && (t.offsetHeight, t.style.transition = "");
 		let r = t.querySelector("svg");
 		r && (r.classList.remove("text-white", "opacity-100"), r.classList.add("text-gray-400", "opacity-0"));
 	}
 	applyActiveClasses(e) {
-		Object.assign(e, { className: k(qi, Xi) }), e.setAttribute("data-blok-table-grip-visible", "");
+		Object.assign(e, { className: k(Ji, Zi) }), e.setAttribute("data-blok-table-grip-visible", "");
 		let t = e.querySelector("svg");
 		t && (t.classList.remove("text-gray-400", "opacity-0"), t.classList.add("text-white", "opacity-100"));
 	}
@@ -4423,8 +4479,8 @@ var Or = (e) => {
 		});
 	}
 	applyIdleClasses(e) {
-		let t = e, n = t.hasAttribute(Bi), r = n ? "col" : "row", i = n ? Wi + 12 : Gi + 12;
-		this.isInsideTable && (t.style.transition = "none"), Pr(t, r, i), t.className = k(qi, Ji), t.removeAttribute("data-blok-table-grip-visible");
+		let t = e, n = t.hasAttribute(Vi), r = n ? "col" : "row", i = n ? Gi + 12 : Ki + 12;
+		this.isInsideTable && (t.style.transition = "none"), Fr(t, r, i), t.className = k(Ji, Yi), t.removeAttribute("data-blok-table-grip-visible");
 		let a = t.querySelector("svg");
 		a && (a.classList.add("opacity-0"), a.classList.remove("opacity-100")), this.isInsideTable && (t.offsetHeight, t.style.transition = "");
 	}
@@ -4437,13 +4493,13 @@ var Or = (e) => {
 	scheduleHideAll() {
 		this.hideTimeout = setTimeout(() => {
 			this.hideColGrip(), this.hideRowGrip(), this.isInsideTable = !1, this.hideTimeout = null;
-		}, Hi);
+		}, Ui);
 	}
 	clearHideTimeout() {
 		this.hideTimeout !== null && (clearTimeout(this.hideTimeout), this.hideTimeout = null);
 	}
 	handlePointerDown(e) {
-		let t = e.target.closest(`[${zi}]`);
+		let t = e.target.closest(`[${Bi}]`);
 		if (!t) return;
 		e.preventDefault(), e.stopPropagation();
 		let n = this.detectGripType(t);
@@ -4452,12 +4508,12 @@ var Or = (e) => {
 		});
 	}
 	detectGripType(e) {
-		let t = e.getAttribute(Bi);
+		let t = e.getAttribute(Vi);
 		if (t !== null) return {
 			type: "col",
 			index: Number(t)
 		};
-		let n = e.getAttribute(Vi);
+		let n = e.getAttribute(Hi);
 		return n === null ? null : {
 			type: "row",
 			index: Number(n)
@@ -4465,7 +4521,7 @@ var Or = (e) => {
 	}
 	openPopover(e, t) {
 		var n, r;
-		this.popoverState = Ri(e, t, {
+		this.popoverState = zi(e, t, {
 			col: this.colGrips,
 			row: this.rowGrips
 		}, {
@@ -4494,10 +4550,10 @@ var Or = (e) => {
 			}, e.destroy();
 		}
 	}
-}, Qi = "data-blok-table-corner-drag", $i = 5, ea = class {
+}, $i = "data-blok-table-corner-drag", ea = 5, ta = class {
 	constructor(e) {
 		var t;
-		this.dragState = null, this.wrapper = e.wrapper, this.gridEl = e.gridEl, this.getTableSize = e.getTableSize, this.onAddRow = e.onAddRow, this.onAddColumn = e.onAddColumn, this.onRemoveLastRow = e.onRemoveLastRow, this.onRemoveLastColumn = e.onRemoveLastColumn, this.onDragStart = e.onDragStart, this.onDragEnd = e.onDragEnd, this.canRemoveLastRow = e.canRemoveLastRow, this.canRemoveLastColumn = e.canRemoveLastColumn, this.onClickAdd = (t = e.onClickAdd) == null ? null : t, this.hitZone = document.createElement("div"), this.hitZone.setAttribute(Qi, ""), this.hitZone.setAttribute("contenteditable", "false"), this.hitZone.style.position = "absolute", this.hitZone.style.width = "36px", this.hitZone.style.height = "36px", this.hitZone.style.cursor = "nwse-resize", this.hitZone.style.zIndex = "2", this.hitZone.style.pointerEvents = "auto", this.hitZone.style.bottom = "-36px", this.hitZone.style.right = "-16px", this.boundMouseEnter = this.handleMouseEnter.bind(this), this.boundMouseLeave = this.handleMouseLeave.bind(this), this.boundPointerDown = this.handlePointerDown.bind(this), this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.bind(this), this.hitZone.addEventListener("mouseenter", this.boundMouseEnter), this.hitZone.addEventListener("mouseleave", this.boundMouseLeave), this.hitZone.addEventListener("pointerdown", this.boundPointerDown), this.wrapper.appendChild(this.hitZone);
+		this.dragState = null, this.wrapper = e.wrapper, this.gridEl = e.gridEl, this.getTableSize = e.getTableSize, this.onAddRow = e.onAddRow, this.onAddColumn = e.onAddColumn, this.onRemoveLastRow = e.onRemoveLastRow, this.onRemoveLastColumn = e.onRemoveLastColumn, this.onDragStart = e.onDragStart, this.onDragEnd = e.onDragEnd, this.canRemoveLastRow = e.canRemoveLastRow, this.canRemoveLastColumn = e.canRemoveLastColumn, this.onClickAdd = (t = e.onClickAdd) == null ? null : t, this.hitZone = document.createElement("div"), this.hitZone.setAttribute($i, ""), this.hitZone.setAttribute("contenteditable", "false"), this.hitZone.style.position = "absolute", this.hitZone.style.width = "36px", this.hitZone.style.height = "36px", this.hitZone.style.cursor = "nwse-resize", this.hitZone.style.zIndex = "2", this.hitZone.style.pointerEvents = "auto", this.hitZone.style.bottom = "-36px", this.hitZone.style.right = "-16px", this.boundMouseEnter = this.handleMouseEnter.bind(this), this.boundMouseLeave = this.handleMouseLeave.bind(this), this.boundPointerDown = this.handlePointerDown.bind(this), this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.bind(this), this.hitZone.addEventListener("mouseenter", this.boundMouseEnter), this.hitZone.addEventListener("mouseleave", this.boundMouseLeave), this.hitZone.addEventListener("pointerdown", this.boundPointerDown), this.wrapper.appendChild(this.hitZone);
 	}
 	updateTooltip() {
 		let e = this.getTableSize();
@@ -4535,7 +4591,7 @@ var Or = (e) => {
 		if (this.dragState === null) return;
 		let t = e.clientX - this.dragState.startX, n = e.clientY - this.dragState.startY;
 		if (!this.dragState.didDrag) {
-			if (Math.sqrt(t * t + n * n) < $i) return;
+			if (Math.sqrt(t * t + n * n) < ea) return;
 			this.dragState.didDrag = !0, document.body.style.cursor = "nwse-resize", document.body.style.userSelect = "none", this.onDragStart();
 		}
 		let { unitHeight: r, unitWidth: i } = this.dragState, a = Math.trunc(n / r), o = Math.trunc(t / i);
@@ -4560,7 +4616,7 @@ var Or = (e) => {
 		var e;
 		this.hitZone.removeEventListener("mouseenter", this.boundMouseEnter), this.hitZone.removeEventListener("mouseleave", this.boundMouseLeave), this.hitZone.removeEventListener("pointerdown", this.boundPointerDown), this.hitZone.removeEventListener("pointermove", this.boundPointerMove), this.hitZone.removeEventListener("pointerup", this.boundPointerUp), (e = this.dragState) != null && e.didDrag && (document.body.style.cursor = "", document.body.style.userSelect = ""), this.dragState = null, je(), this.hitZone.remove();
 	}
-}, ta = "data-blok-table-haze", na = "data-blok-table-haze-visible", ra = 1, ia = [
+}, na = "data-blok-table-haze", ra = "data-blok-table-haze-visible", ia = 1, aa = [
 	"absolute",
 	"top-0",
 	"bottom-0",
@@ -4570,17 +4626,17 @@ var Or = (e) => {
 	"transition-opacity",
 	"duration-150",
 	"z-1"
-], aa = [
+], oa = [
 	"left-0",
 	"bg-linear-to-r",
 	"from-white/80",
 	"to-transparent"
-], oa = [
+], sa = [
 	"right-5",
 	"bg-linear-to-l",
 	"from-white/80",
 	"to-transparent"
-], sa = class {
+], ca = class {
 	constructor() {
 		this.leftHaze = null, this.rightHaze = null, this.scrollContainer = null, this.boundOnScroll = null, this.ticking = !1;
 	}
@@ -4600,7 +4656,7 @@ var Or = (e) => {
 	}
 	createHazeElement(e) {
 		let t = document.createElement("div");
-		return t.setAttribute(ta, e), t.setAttribute("aria-hidden", "true"), t.classList.add(...ia, ...e === "left" ? aa : oa), t;
+		return t.setAttribute(na, e), t.setAttribute("aria-hidden", "true"), t.classList.add(...aa, ...e === "left" ? oa : sa), t;
 	}
 	syncVisibility() {
 		let e = this.scrollContainer;
@@ -4611,12 +4667,12 @@ var Or = (e) => {
 			return;
 		}
 		let { scrollLeft: n, scrollWidth: r, clientWidth: i } = e, a = r - i;
-		this.setVisible(this.leftHaze, n > ra), this.setVisible(this.rightHaze, a > ra && n < a - ra);
+		this.setVisible(this.leftHaze, n > ia), this.setVisible(this.rightHaze, a > ia && n < a - ia);
 	}
 	setVisible(e, t) {
-		e && (t ? e.setAttribute(na, "") : e.removeAttribute(na));
+		e && (t ? e.setAttribute(ra, "") : e.removeAttribute(ra));
 	}
-}, ca = 3, la = 3, ua = ["my-2", "pr-5"], da = [
+}, la = 3, ua = 3, da = ["my-2", "pr-5"], fa = [
 	"relative",
 	"mb-7",
 	"after:content-[\"\"]",
@@ -4626,11 +4682,11 @@ var Or = (e) => {
 	"after:right-0",
 	"after:h-10",
 	"after:pointer-events-none"
-], fa = class {
+], pa = class {
 	constructor({ data: e, config: t, api: n, readOnly: r, block: i }) {
 		this.initialContent = null, this.resize = null, this.addControls = null, this.rowColControls = null, this.cellBlocks = null, this.cellSelection = null, this.cornerDrag = null, this.scrollHaze = null, this.element = null, this.gridElement = null, this.scrollContainer = null, this.gripOverlay = null, this.pendingHighlight = null, this.isNewTable = !1, this.unregisterRestrictedTools = null, this.gridPasteCleanup = null, this.keyboardNavCleanup = null, this.setDataGeneration = 0, this.structuralOpDepth = 0, this.api = n, this.readOnly = r, this.config = t == null ? {} : t;
-		let a = si(e, this.config);
-		this.initialContent = a.content, this.grid = new Sr({ readOnly: r }), this.model = new mi(a), this.blockId = i == null ? void 0 : i.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = c(this.config.restrictedTools));
+		let a = ci(e, this.config);
+		this.initialContent = a.content, this.grid = new Cr({ readOnly: r }), this.model = new hi(a), this.blockId = i == null ? void 0 : i.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = c(this.config.restrictedTools));
 	}
 	runStructuralOp(e, t = !1) {
 		this.structuralOpDepth++;
@@ -4682,7 +4738,7 @@ var Or = (e) => {
 				if (typeof e == "string" || e.mergedInto) return;
 				let o = t.querySelector(`[${P}="${i}"][${F}="${a}"]`);
 				if (!o) return;
-				let s = o.querySelector(`[${R}]`);
+				let s = o.querySelector(`[${L}]`);
 				s && e.blocks.forEach((e) => {
 					let t = n.get(e);
 					t && !r.has(e) && (s.appendChild(t), r.add(e));
@@ -4698,10 +4754,10 @@ var Or = (e) => {
 	}
 	createFlatGrid() {
 		var e, t;
-		let n = ((e = this.initialContent) == null ? void 0 : e.length) || this.config.rows || ca, r = ((t = this.initialContent) == null ? void 0 : t.reduce((e, t) => {
+		let n = ((e = this.initialContent) == null ? void 0 : e.length) || this.config.rows || la, r = ((t = this.initialContent) == null ? void 0 : t.reduce((e, t) => {
 			var n;
 			return Math.max(e, (n = t == null ? void 0 : t.length) == null ? 0 : n);
-		}, 0)) || this.config.cols || la;
+		}, 0)) || this.config.cols || ua;
 		return this.grid.createGrid(n, r, this.model.colWidths);
 	}
 	initSubsystems(e) {
@@ -4772,23 +4828,23 @@ var Or = (e) => {
 	render() {
 		var e, t, n, r;
 		let i = document.createElement("div");
-		i.className = k(ua, !this.readOnly && da), i.setAttribute(C.tool, "table"), this.readOnly && i.setAttribute("data-blok-table-readonly", ""), this.isNewTable = ((e = (t = this.initialContent) == null ? void 0 : t.length) == null ? 0 : e) === 0;
+		i.className = k(da, !this.readOnly && fa), i.setAttribute(C.tool, "table"), this.readOnly && i.setAttribute("data-blok-table-readonly", ""), this.isNewTable = ((e = (t = this.initialContent) == null ? void 0 : t.length) == null ? 0 : e) === 0;
 		let a = ((n = (r = this.initialContent) == null ? void 0 : r.length) == null ? 0 : n) > 0, o = a && this.modelHasMerges(), s = o ? this.grid.createGridFromModel(this.model) : this.createFlatGrid();
 		if (a && !o) {
 			var c;
 			this.grid.fillGrid(s, (c = this.initialContent) == null ? [] : c);
 		}
-		if (this.model.colWidths && B(s, this.model.colWidths), this.gridElement = s, this.model.colWidths || !this.readOnly) {
+		if (this.model.colWidths && z(s, this.model.colWidths), this.gridElement = s, this.model.colWidths || !this.readOnly) {
 			let e = document.createElement("div");
 			e.setAttribute("data-blok-table-scroll", "");
-			let t = this.model.colWidths ? li : [];
+			let t = this.model.colWidths ? ui : [];
 			e.classList.add(...t), e.appendChild(s), i.appendChild(e), this.scrollContainer = e;
 		} else i.appendChild(s), this.scrollContainer = null;
 		if (!this.readOnly) {
 			let e = document.createElement("div");
 			e.setAttribute("data-blok-table-grip-overlay", ""), e.style.position = "absolute", e.style.inset = "0", e.style.pointerEvents = "none", e.style.zIndex = "3", i.appendChild(e), this.gripOverlay = e;
 		}
-		return this.element = i, this.model.withHeadings && U(this.gridElement, this.model.withHeadings), this.model.withHeadingColumn && W(this.gridElement, this.model.withHeadingColumn), this.readOnly || (this.initCellBlocks(s), this.keyboardNavCleanup = ci(s, this.cellBlocks)), i;
+		return this.element = i, this.model.withHeadings && H(this.gridElement, this.model.withHeadings), this.model.withHeadingColumn && U(this.gridElement, this.model.withHeadingColumn), this.readOnly || (this.initCellBlocks(s), this.keyboardNavCleanup = li(s, this.cellBlocks)), i;
 	}
 	rendered() {
 		if (!this.element || this.initialContent === null) return;
@@ -4797,9 +4853,9 @@ var Or = (e) => {
 		let t = this.initialContent;
 		if (this.initialContent = null, this.readOnly) {
 			var n;
-			oi(e, t, this.api, (n = this.blockId) == null ? "" : n);
+			si(e, t, this.api, (n = this.blockId) == null ? "" : n);
 			let r = this.model.snapshot();
-			di(e, r.content), fi(e, r.content), this.initScrollHaze();
+			fi(e, r.content), pi(e, r.content), this.initScrollHaze();
 			return;
 		}
 		if (this.runTransactedStructuralOp(() => {
@@ -4808,15 +4864,15 @@ var Or = (e) => {
 				let t = e.querySelectorAll(`[${N}]`).length;
 				return Array.from({ length: t }, () => ({ blocks: [] }));
 			}) : i;
-			this.model.replaceAll(O(O({}, this.model.snapshot()), {}, { content: a })), this.isNewTable && H(e, this.cellBlocks), this.removeGhostChildren();
+			this.model.replaceAll(O(O({}, this.model.snapshot()), {}, { content: a })), this.isNewTable && V(e, this.cellBlocks), this.removeGhostChildren();
 		}, !0), this.model.initialColWidth === void 0) {
 			var r;
-			let t = (r = this.model.colWidths) == null ? z(e) : r;
-			this.model.setInitialColWidth(t.length > 0 ? ri(t) : void 0);
+			let t = (r = this.model.colWidths) == null ? R(e) : r;
+			this.model.setInitialColWidth(t.length > 0 ? ii(t) : void 0);
 		}
 		this.initSubsystems(e);
 		let i = this.model.snapshot();
-		if (di(e, i.content), fi(e, i.content), this.isNewTable) {
+		if (fi(e, i.content), pi(e, i.content), this.isNewTable) {
 			var a;
 			(a = this.cellSelection) == null || a.selectRange({
 				minRow: 0,
@@ -4830,11 +4886,11 @@ var Or = (e) => {
 		let t = this.element, n = this.gridElement;
 		if (!(!t || !n)) if (this.readOnly = e, e) {
 			var r, i;
-			this.teardownSubsystems(), (r = this.cellBlocks) == null || r.destroy(), this.cellBlocks = null, this.gripOverlay && (this.gripOverlay.remove(), this.gripOverlay = null), da.forEach((e) => t.classList.remove(e)), t.setAttribute("data-blok-table-readonly", ""), oi(n, this.model.snapshot().content, this.api, (i = this.blockId) == null ? "" : i);
+			this.teardownSubsystems(), (r = this.cellBlocks) == null || r.destroy(), this.cellBlocks = null, this.gripOverlay && (this.gripOverlay.remove(), this.gripOverlay = null), fa.forEach((e) => t.classList.remove(e)), t.setAttribute("data-blok-table-readonly", ""), si(n, this.model.snapshot().content, this.api, (i = this.blockId) == null ? "" : i);
 		} else {
-			t.removeAttribute("data-blok-table-readonly"), da.forEach((e) => t.classList.add(e));
+			t.removeAttribute("data-blok-table-readonly"), fa.forEach((e) => t.classList.add(e));
 			let e = document.createElement("div");
-			e.setAttribute("data-blok-table-grip-overlay", ""), e.style.position = "absolute", e.style.inset = "0", e.style.pointerEvents = "none", e.style.zIndex = "3", t.appendChild(e), this.gripOverlay = e, this.initCellBlocks(n), this.keyboardNavCleanup = ci(n, this.cellBlocks), this.initSubsystems(n);
+			e.setAttribute("data-blok-table-grip-overlay", ""), e.style.position = "absolute", e.style.inset = "0", e.style.pointerEvents = "none", e.style.zIndex = "3", t.appendChild(e), this.gripOverlay = e, this.initCellBlocks(n), this.keyboardNavCleanup = li(n, this.cellBlocks), this.initSubsystems(n);
 		}
 	}
 	removeGhostChildren() {
@@ -4849,7 +4905,7 @@ var Or = (e) => {
 	save(e) {
 		let t = this.model.snapshot();
 		return t.content = t.content.map((e) => e.map((e) => {
-			if (!L(e)) return e;
+			if (!I(e)) return e;
 			let t = e.blocks.filter((e) => {
 				var t, n;
 				let r = (t = (n = this.api.blocks).getById) == null ? void 0 : t.call(n, e);
@@ -4864,7 +4920,7 @@ var Or = (e) => {
 	setData(e) {
 		var t, n, r, i, a;
 		this.setDataGeneration++;
-		let o = this.setDataGeneration, s = si(O(O({}, this.model.snapshot()), e), this.config);
+		let o = this.setDataGeneration, s = ci(O(O({}, this.model.snapshot()), e), this.config);
 		this.initialContent = s.content, this.model.replaceAll(s), this.api.blocks.isSyncingFromYjs || this.runStructuralOp(() => {
 			var e;
 			(e = this.cellBlocks) == null || e.deleteAllBlocks();
@@ -4879,7 +4935,7 @@ var Or = (e) => {
 		if (!f) return;
 		if (this.readOnly) {
 			let e = this.model.snapshot();
-			di(f, e.content), fi(f, e.content);
+			fi(f, e.content), pi(f, e.content);
 			return;
 		}
 		if (o !== this.setDataGeneration || (this.runStructuralOp(() => {
@@ -4891,14 +4947,14 @@ var Or = (e) => {
 						let t = e.querySelectorAll(`[${N}]`).length;
 						return Array.from({ length: t }, () => ({ blocks: [] }));
 					});
-					this.model.replaceAll(O(O({}, this.model.snapshot()), {}, { content: e })), H(f, this.cellBlocks);
+					this.model.replaceAll(O(O({}, this.model.snapshot()), {}, { content: e })), V(f, this.cellBlocks);
 				} else this.model.replaceAll(O(O({}, this.model.snapshot()), {}, { content: i }));
 				this.initialContent = null;
 			}
 		}, !0), o !== this.setDataGeneration)) return;
 		this.initSubsystems(f), l !== null && this.cellSelection !== null && this.cellSelection.selectRange(l), u !== null && this.rowColControls !== null && this.rowColControls.restoreVisibleGrips(u.col, u.row);
 		let p = this.model.snapshot();
-		di(f, p.content), fi(f, p.content);
+		fi(f, p.content), pi(f, p.content);
 	}
 	onPaste(e) {
 		var t, n;
@@ -4935,7 +4991,7 @@ var Or = (e) => {
 				});
 			}, !0), this.initSubsystems(f);
 			let e = this.model.snapshot();
-			di(f, e.content), fi(f, e.content);
+			fi(f, e.content), pi(f, e.content);
 		}
 	}
 	destroy() {
@@ -4963,10 +5019,10 @@ var Or = (e) => {
 		});
 	}
 	getBlockIdsInRow(e) {
-		return ii(this.element, this.cellBlocks, e);
+		return ai(this.element, this.cellBlocks, e);
 	}
 	getBlockIdsInColumn(e) {
-		return ai(this.element, this.cellBlocks, e);
+		return oi(this.element, this.cellBlocks, e);
 	}
 	initAddControls(e) {
 		var t;
@@ -4982,20 +5038,20 @@ var Or = (e) => {
 			}),
 			getNewColumnWidth: () => {
 				var t;
-				let n = (t = this.model.colWidths) == null ? z(e) : t;
-				return this.model.initialColWidth === void 0 ? V(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
+				let n = (t = this.model.colWidths) == null ? R(e) : t;
+				return this.model.initialColWidth === void 0 ? B(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
 			},
 			onAddRow: () => {
 				this.runTransactedStructuralOp(() => {
 					var t, n;
-					this.grid.addRow(e), this.model.addRow(), H(e, this.cellBlocks), U(this.gridElement, this.model.withHeadings), W(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (t = this.addControls) == null || t.syncRowButtonWidth(), (n = this.rowColControls) == null || n.refresh();
+					this.grid.addRow(e), this.model.addRow(), V(e, this.cellBlocks), H(this.gridElement, this.model.withHeadings), U(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (t = this.addControls) == null || t.syncRowButtonWidth(), (n = this.rowColControls) == null || n.refresh();
 				});
 			},
 			onAddColumn: () => {
 				this.runTransactedStructuralOp(() => {
 					var t, n, r;
-					let i = (t = this.model.colWidths) == null ? z(e) : t, a = this.model.initialColWidth === void 0 ? V(i) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
-					this.grid.addColumn(e, void 0, i, a), this.model.addColumn(void 0, a), this.model.setColWidths([...i, a]), H(e, this.cellBlocks), W(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (n = this.rowColControls) == null || n.refresh(), this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth), (r = this.addControls) == null || r.syncRowButtonWidth();
+					let i = (t = this.model.colWidths) == null ? R(e) : t, a = this.model.initialColWidth === void 0 ? B(i) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
+					this.grid.addColumn(e, void 0, i, a), this.model.addColumn(void 0, a), this.model.setColWidths([...i, a]), V(e, this.cellBlocks), U(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (n = this.rowColControls) == null || n.refresh(), this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth), (r = this.addControls) == null || r.syncRowButtonWidth();
 				});
 			},
 			onDragStart: () => {
@@ -5004,13 +5060,13 @@ var Or = (e) => {
 			},
 			onDragAddRow: () => {
 				this.runTransactedStructuralOp(() => {
-					this.grid.addRow(e), this.model.addRow(), H(e, this.cellBlocks), U(this.gridElement, this.model.withHeadings), W(this.gridElement, this.model.withHeadingColumn);
+					this.grid.addRow(e), this.model.addRow(), V(e, this.cellBlocks), H(this.gridElement, this.model.withHeadings), U(this.gridElement, this.model.withHeadingColumn);
 				});
 			},
 			onDragRemoveRow: () => {
 				this.runTransactedStructuralOp(() => {
 					let t = this.grid.getRowCount(e);
-					if (t > 1 && Zr(e, t - 1)) {
+					if (t > 1 && Qr(e, t - 1)) {
 						var n;
 						let { blocksToDelete: r } = this.model.deleteRow(t - 1);
 						(n = this.cellBlocks) == null || n.deleteBlocks(r), this.grid.deleteRow(e, t - 1);
@@ -5020,19 +5076,19 @@ var Or = (e) => {
 			onDragAddCol: () => {
 				this.runTransactedStructuralOp(() => {
 					var t;
-					let r = (t = this.model.colWidths) == null ? z(e) : t, i = this.model.initialColWidth === void 0 ? V(r) : Math.round(this.model.initialColWidth / 2 * 100) / 100, a = [...r, i];
-					this.grid.addColumn(e, void 0, r, i), this.model.addColumn(void 0, i), this.model.setColWidths(a), B(e, a), H(e, this.cellBlocks), W(this.gridElement, this.model.withHeadingColumn), this.initResize(e), n.addedCols++, this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth);
+					let r = (t = this.model.colWidths) == null ? R(e) : t, i = this.model.initialColWidth === void 0 ? B(r) : Math.round(this.model.initialColWidth / 2 * 100) / 100, a = [...r, i];
+					this.grid.addColumn(e, void 0, r, i), this.model.addColumn(void 0, i), this.model.setColWidths(a), z(e, a), V(e, this.cellBlocks), U(this.gridElement, this.model.withHeadingColumn), this.initResize(e), n.addedCols++, this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth);
 				});
 			},
 			onDragRemoveCol: () => {
 				this.runTransactedStructuralOp(() => {
 					var t;
 					let r = this.grid.getColumnCount(e);
-					if (r <= 1 || !Qr(e, r - 1)) return;
+					if (r <= 1 || !$r(e, r - 1)) return;
 					let { blocksToDelete: i } = this.model.deleteColumn(r - 1);
 					(t = this.cellBlocks) == null || t.deleteBlocks(i), this.grid.deleteColumn(e, r - 1);
 					let a = this.model.colWidths;
-					a && B(e, a), this.initResize(e), n.addedCols--;
+					a && z(e, a), this.initResize(e), n.addedCols--;
 				});
 			},
 			onDragEnd: () => {
@@ -5043,19 +5099,19 @@ var Or = (e) => {
 	}
 	initCornerDrag(e) {
 		var t;
-		(t = this.cornerDrag) == null || t.destroy(), this.element && (this.cornerDrag = new ea({
+		(t = this.cornerDrag) == null || t.destroy(), this.element && (this.cornerDrag = new ta({
 			wrapper: this.element,
 			gridEl: e,
 			onAddRow: () => {
 				this.runStructuralOp(() => {
-					this.grid.addRow(e), this.model.addRow(), H(e, this.cellBlocks), U(this.gridElement, this.model.withHeadings), W(this.gridElement, this.model.withHeadingColumn);
+					this.grid.addRow(e), this.model.addRow(), V(e, this.cellBlocks), H(this.gridElement, this.model.withHeadings), U(this.gridElement, this.model.withHeadingColumn);
 				});
 			},
 			onAddColumn: () => {
 				this.runStructuralOp(() => {
 					var t;
-					let n = (t = this.model.colWidths) == null ? z(e) : t, r = this.model.initialColWidth === void 0 ? V(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100, i = [...n, r];
-					this.grid.addColumn(e, void 0, n, r), this.model.addColumn(void 0, r), this.model.setColWidths(i), B(e, i), ui(this.ensureScrollContainer()), H(e, this.cellBlocks), W(this.gridElement, this.model.withHeadingColumn);
+					let n = (t = this.model.colWidths) == null ? R(e) : t, r = this.model.initialColWidth === void 0 ? B(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100, i = [...n, r];
+					this.grid.addColumn(e, void 0, n, r), this.model.addColumn(void 0, r), this.model.setColWidths(i), z(e, i), di(this.ensureScrollContainer()), V(e, this.cellBlocks), U(this.gridElement, this.model.withHeadingColumn);
 				});
 			},
 			onRemoveLastRow: () => {
@@ -5075,7 +5131,7 @@ var Or = (e) => {
 					let { blocksToDelete: r } = this.model.deleteColumn(n - 1);
 					(t = this.cellBlocks) == null || t.deleteBlocks(r), this.grid.deleteColumn(e, n - 1);
 					let i = this.model.colWidths;
-					i && B(e, i);
+					i && z(e, i);
 				});
 			},
 			onDragStart: () => {
@@ -5090,21 +5146,21 @@ var Or = (e) => {
 				rows: this.model.rows,
 				cols: this.model.cols
 			}),
-			canRemoveLastRow: () => this.model.rows > 1 && Zr(e, this.model.rows - 1),
-			canRemoveLastColumn: () => this.model.cols > 1 && Qr(e, this.model.cols - 1),
+			canRemoveLastRow: () => this.model.rows > 1 && Qr(e, this.model.rows - 1),
+			canRemoveLastColumn: () => this.model.cols > 1 && $r(e, this.model.cols - 1),
 			onClickAdd: () => {
 				this.runTransactedStructuralOp(() => {
 					var t, n, r;
-					this.grid.addRow(e), this.model.addRow(), H(e, this.cellBlocks), U(this.gridElement, this.model.withHeadings), W(this.gridElement, this.model.withHeadingColumn);
-					let i = (t = this.model.colWidths) == null ? z(e) : t, a = this.model.initialColWidth === void 0 ? V(i) : Math.round(this.model.initialColWidth / 2 * 100) / 100, o = [...i, a];
-					this.grid.addColumn(e, void 0, i, a), this.model.addColumn(void 0, a), this.model.setColWidths(o), B(e, o), H(e, this.cellBlocks), W(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (n = this.rowColControls) == null || n.refresh(), (r = this.addControls) == null || r.syncRowButtonWidth();
+					this.grid.addRow(e), this.model.addRow(), V(e, this.cellBlocks), H(this.gridElement, this.model.withHeadings), U(this.gridElement, this.model.withHeadingColumn);
+					let i = (t = this.model.colWidths) == null ? R(e) : t, a = this.model.initialColWidth === void 0 ? B(i) : Math.round(this.model.initialColWidth / 2 * 100) / 100, o = [...i, a];
+					this.grid.addColumn(e, void 0, i, a), this.model.addColumn(void 0, a), this.model.setColWidths(o), z(e, o), V(e, this.cellBlocks), U(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (n = this.rowColControls) == null || n.refresh(), (r = this.addControls) == null || r.syncRowButtonWidth();
 				});
 			}
 		}));
 	}
 	initRowColControls(e) {
 		var t, n, r;
-		(t = this.rowColControls) == null || t.destroy(), this.element && (this.rowColControls = new Zi({
+		(t = this.rowColControls) == null || t.destroy(), this.element && (this.rowColControls = new Qi({
 			grid: e,
 			overlay: (n = this.gripOverlay) == null ? void 0 : n,
 			scrollContainer: (r = this.scrollContainer) == null ? void 0 : r,
@@ -5152,7 +5208,7 @@ var Or = (e) => {
 		this.runTransactedStructuralOp(() => {
 			var r, i;
 			if (n !== this.setDataGeneration || this.gridElement !== e) return;
-			let a = this.model.colWidths, { blocksToDelete: o } = this.syncModelForAction(t), s = Ti(e, t, {
+			let a = this.model.colWidths, { blocksToDelete: o } = this.syncModelForAction(t), s = Ei(e, t, {
 				grid: this.grid,
 				data: {
 					colWidths: a,
@@ -5164,7 +5220,7 @@ var Or = (e) => {
 				blocksToDelete: o
 			});
 			if (n !== this.setDataGeneration || this.gridElement !== e) return;
-			if (this.model.setColWidths(s.colWidths), this.model.setWithHeadings(s.withHeadings), this.model.setWithHeadingColumn(s.withHeadingColumn), this.pendingHighlight = s.pendingHighlight, U(this.gridElement, this.model.withHeadings), W(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (r = this.addControls) == null || r.syncRowButtonWidth(), !(t.type === "toggle-heading" || t.type === "toggle-heading-column")) {
+			if (this.model.setColWidths(s.colWidths), this.model.setWithHeadings(s.withHeadings), this.model.setWithHeadingColumn(s.withHeadingColumn), this.pendingHighlight = s.pendingHighlight, H(this.gridElement, this.model.withHeadings), U(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (r = this.addControls) == null || r.syncRowButtonWidth(), !(t.type === "toggle-heading" || t.type === "toggle-heading-column")) {
 				var c;
 				(c = this.rowColControls) == null || c.refresh();
 			}
@@ -5210,10 +5266,10 @@ var Or = (e) => {
 	initResize(e) {
 		var t, n;
 		(t = this.resize) == null || t.destroy();
-		let r = this.model.colWidths === void 0, i = (n = this.model.colWidths) == null ? z(e) : n;
-		r || ui(this.ensureScrollContainer()), this.resize = new vi(e, i, (e) => {
+		let r = this.model.colWidths === void 0, i = (n = this.model.colWidths) == null ? R(e) : n;
+		r || di(this.ensureScrollContainer()), this.resize = new yi(e, i, (e) => {
 			var t, n, r;
-			this.model.setColWidths(e), ui(this.ensureScrollContainer()), (t = this.rowColControls) == null || t.positionGrips(), (n = this.addControls) == null || n.syncRowButtonWidth(), (r = this.scrollHaze) == null || r.update();
+			this.model.setColWidths(e), di(this.ensureScrollContainer()), (t = this.rowColControls) == null || t.positionGrips(), (n = this.addControls) == null || n.syncRowButtonWidth(), (r = this.scrollHaze) == null || r.update();
 		}, () => {
 			var e;
 			(e = this.rowColControls) == null || e.hideAllGrips();
@@ -5224,7 +5280,7 @@ var Or = (e) => {
 	}
 	initCellBlocks(e) {
 		var t;
-		this.cellBlocks = new Cr({
+		this.cellBlocks = new wr({
 			api: this.api,
 			gridElement: e,
 			tableBlockId: (t = this.blockId) == null ? "" : t,
@@ -5251,7 +5307,7 @@ var Or = (e) => {
 		let r = this.gridElement;
 		r && this.runTransactedStructuralOp(() => {
 			for (let i of e) {
-				let e = Yr(r, i);
+				let e = Xr(r, i);
 				e && (n === "backgroundColor" ? (this.model.setCellColor(e.row, e.col, t == null ? void 0 : t), i.style.backgroundColor = t == null ? "" : t) : (this.model.setCellTextColor(e.row, e.col, t == null ? void 0 : t), i.style.color = t == null ? "" : t));
 			}
 		});
@@ -5260,23 +5316,18 @@ var Or = (e) => {
 		let n = this.gridElement;
 		n && this.runTransactedStructuralOp(() => {
 			for (let r of e) {
-				let e = Yr(n, r);
+				let e = Xr(n, r);
 				if (!e) continue;
 				this.model.setCellPlacement(e.row, e.col, t === "top-left" ? void 0 : t);
-				let i = r.querySelector(`[${R}]`);
+				let i = r.querySelector(`[${L}]`);
 				i && (t === "top-left" ? i.removeAttribute("data-blok-cell-placement") : i.setAttribute("data-blok-cell-placement", t));
 			}
 		});
 	}
 	collectCellBlockData(e) {
-		let t = this.gridElement;
-		if (!t) return [];
-		let n = Array.from(t.querySelectorAll(`[${M}]`));
-		return e.map((e) => {
-			var t;
-			let r = e.closest(`[${M}]`);
-			if (!r) return null;
-			let i = n.indexOf(r), a = Array.from(r.querySelectorAll(`[${N}]`)).indexOf(e), o = e.querySelector(`[${R}]`), s = [];
+		return this.gridElement ? e.map((e) => {
+			var t, n, r;
+			let i = parseInt((t = e.getAttribute("data-blok-table-cell-row")) == null ? "0" : t, 10), a = parseInt((n = e.getAttribute("data-blok-table-cell-col")) == null ? "0" : n, 10), o = e.querySelector(`[${L}]`), s = [];
 			if (!o) return {
 				row: i,
 				col: a,
@@ -5293,7 +5344,7 @@ var Or = (e) => {
 					data: r.preservedData
 				}, Object.keys(r.preservedTunes).length > 0 ? { tunes: r.preservedTunes } : {}));
 			});
-			let c = s.length === 0 ? ((t = o.innerHTML) == null ? "" : t).trim() : "";
+			let c = s.length === 0 ? ((r = o.innerHTML) == null ? "" : r).trim() : "";
 			s.length === 0 && c.length > 0 && s.push({
 				tool: "paragraph",
 				data: { text: c }
@@ -5304,13 +5355,13 @@ var Or = (e) => {
 				col: a,
 				blocks: s
 			}, l === void 0 ? {} : { color: l }), u === void 0 ? {} : { textColor: u });
-		}).filter((e) => e !== null);
+		}) : [];
 	}
 	initCellSelection(e) {
 		var t;
 		(t = this.cellSelection) == null || t.destroy();
 		let n = this.api.rectangleSelection;
-		this.cellSelection = new Jr({
+		this.cellSelection = new Yr({
 			grid: e,
 			rectangleSelection: n,
 			i18n: this.api.i18n,
@@ -5337,7 +5388,7 @@ var Or = (e) => {
 					t.deleteBlocks(n);
 					let r = this.gridElement;
 					if (r) for (let t of e) {
-						let e = Yr(r, t);
+						let e = Xr(r, t);
 						e && (this.model.setCellColor(e.row, e.col, void 0), this.model.setCellTextColor(e.row, e.col, void 0), t.style.backgroundColor = "", t.style.color = "");
 					}
 				});
@@ -5369,12 +5420,13 @@ var Or = (e) => {
 				this.runTransactedStructuralOp(() => {
 					this.model.splitCell(e, t), this.rebuildTableBody();
 				});
-			}
+			},
+			getCellSpan: (e, t) => this.model.getCellSpan(e, t)
 		});
 	}
 	initScrollHaze() {
 		var e;
-		(e = this.scrollHaze) == null || e.destroy(), !(!this.element || !this.scrollContainer) && (this.scrollHaze = new sa(), this.scrollHaze.init(this.element, this.scrollContainer));
+		(e = this.scrollHaze) == null || e.destroy(), !(!this.element || !this.scrollContainer) && (this.scrollHaze = new ca(), this.scrollHaze.init(this.element, this.scrollContainer));
 	}
 	initGridPasteListener(e) {
 		let t = (t) => {
@@ -5385,22 +5437,21 @@ var Or = (e) => {
 		};
 	}
 	handleGridPaste(e, t) {
+		var n, r;
 		if (this.readOnly || !e.clipboardData || e.defaultPrevented) return;
-		let n = e.clipboardData.getData("text/html"), r = _t(n), a = r === null ? i(n) : null, o = r == null ? a : r;
-		if (!o || a !== null && new DOMParser().parseFromString(n, "text/html").querySelectorAll("table").length > 1) return;
-		let s = document.activeElement;
-		if (!s) return;
-		let c = s.closest(`[${N}]`);
-		if (!c || !t.contains(c)) return;
-		let l = c.closest(`[${M}]`);
+		let a = e.clipboardData.getData("text/html"), o = _t(a), s = o === null ? i(a) : null, c = o == null ? s : o;
+		if (!c || s !== null && new DOMParser().parseFromString(a, "text/html").querySelectorAll("table").length > 1) return;
+		let l = document.activeElement;
 		if (!l) return;
-		if (o.rows === 1 && o.cols === 1) {
-			e.preventDefault(), e.stopPropagation(), this.insertSingleCellPayloadInline(o.cells[0][0]);
+		let u = l.closest(`[${N}]`);
+		if (!u || !t.contains(u) || !u.closest("[data-blok-table-row]")) return;
+		if (c.rows === 1 && c.cols === 1) {
+			e.preventDefault(), e.stopPropagation(), this.insertSingleCellPayloadInline(c.cells[0][0]);
 			return;
 		}
 		e.preventDefault(), e.stopPropagation();
-		let u = Array.from(t.querySelectorAll(`[${M}]`)).indexOf(l), d = Array.from(l.querySelectorAll(`[${N}]`)).indexOf(c);
-		this.pastePayloadIntoCells(t, o, u, d);
+		let d = parseInt((n = u.getAttribute("data-blok-table-cell-row")) == null ? "0" : n, 10), f = parseInt((r = u.getAttribute("data-blok-table-cell-col")) == null ? "0" : r, 10);
+		this.pastePayloadIntoCells(t, c, d, f);
 	}
 	insertSingleCellPayloadInline(e) {
 		let t = e.blocks.map((e) => typeof e.data.text == "string" ? e.data.text : "").filter(Boolean).join("<br>");
@@ -5447,11 +5498,11 @@ var Or = (e) => {
 	expandGridForPaste(e, t, n) {
 		let r = this.grid.getRowCount(e), i = this.grid.getColumnCount(e);
 		Array.from({ length: Math.max(0, t - r) }).forEach(() => {
-			this.grid.addRow(e), this.model.addRow(), H(e, this.cellBlocks), U(this.gridElement, this.model.withHeadings), W(this.gridElement, this.model.withHeadingColumn);
+			this.grid.addRow(e), this.model.addRow(), V(e, this.cellBlocks), H(this.gridElement, this.model.withHeadings), U(this.gridElement, this.model.withHeadingColumn);
 		}), Array.from({ length: Math.max(0, n - i) }).forEach(() => {
 			var t;
-			let n = (t = this.model.colWidths) == null ? z(e) : t, r = this.model.initialColWidth === void 0 ? V(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
-			this.grid.addColumn(e, void 0, n, r), this.model.addColumn(void 0, r), this.model.setColWidths([...n, r]), H(e, this.cellBlocks), W(this.gridElement, this.model.withHeadingColumn);
+			let n = (t = this.model.colWidths) == null ? R(e) : t, r = this.model.initialColWidth === void 0 ? B(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
+			this.grid.addColumn(e, void 0, n, r), this.model.addColumn(void 0, r), this.model.setColWidths([...n, r]), V(e, this.cellBlocks), U(this.gridElement, this.model.withHeadingColumn);
 		});
 	}
 	pasteCellPayload(e, t) {
@@ -5459,7 +5510,7 @@ var Or = (e) => {
 			let t = this.cellBlocks.getBlockIdsFromCells([e]);
 			this.cellBlocks.deleteBlocks(t);
 		}
-		let n = e.querySelector(`[${R}]`);
+		let n = e.querySelector(`[${L}]`);
 		if (n) {
 			if (t.blocks.length === 0) {
 				var r;
@@ -5473,19 +5524,19 @@ var Or = (e) => {
 			}
 		}
 	}
-}, pa = (e) => {
+}, ma = (e) => {
 	let t = document.createElement("div");
 	t.innerHTML = e.trim();
 	let n = document.createDocumentFragment();
 	return n.append(...Array.from(t.childNodes)), n;
-}, ma = (e, t, n, r) => {
+}, ha = (e, t, n, r) => {
 	if (!t) return e;
 	let i = n();
 	return {
 		text: i ? vt(i.innerHTML) : e.text,
 		isOpen: r
 	};
-}, ha = (e, t) => {
+}, ga = (e, t) => {
 	let { data: n, getContentElement: r } = e;
 	n.text += t.text;
 	let i = r();
@@ -5493,7 +5544,7 @@ var Or = (e) => {
 		let n = e.parseHTML(t.text);
 		i.appendChild(n), i.normalize();
 	}
-}, ga = (e, t, n) => {
+}, _a = (e, t, n) => {
 	let r = n();
 	if (!r) return {
 		newData: e,
@@ -5504,7 +5555,7 @@ var Or = (e) => {
 		newData: i,
 		inPlace: !0
 	};
-}, _a = class e {
+}, va = class e {
 	constructor({ data: e, config: t, api: n, readOnly: r, block: i }) {
 		var a;
 		this._element = null, this._contentElement = null, this._arrowElement = null, this._bodyPlaceholderElement = null, this._childContainerElement = null, this.handleBlockChanged = (e) => {
@@ -5548,16 +5599,16 @@ var Or = (e) => {
 		this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility();
 	}
 	save() {
-		return ma(this._data, this._element, this.getContentElement.bind(this), this._isOpen);
+		return ha(this._data, this._element, this.getContentElement.bind(this), this._isOpen);
 	}
 	validate(e) {
 		return !0;
 	}
 	merge(e) {
-		ha({
+		ga({
 			data: this._data,
 			getContentElement: this.getContentElement.bind(this),
-			parseHTML: pa
+			parseHTML: ma
 		}, e);
 	}
 	onPaste(t) {
@@ -5569,7 +5620,7 @@ var Or = (e) => {
 		o !== null && (o.innerHTML = a);
 	}
 	setData(e) {
-		let t = ga(this._data, e, this.getContentElement.bind(this));
+		let t = _a(this._data, e, this.getContentElement.bind(this));
 		return this._data = t.newData, typeof this._data.isOpen == "boolean" && (this._isOpen = this._data.isOpen), this._arrowElement && this._element && Ft(this._arrowElement, this._element, this._isOpen, {
 			collapse: this.api.i18n.t(st),
 			expand: this.api.i18n.t(qe)
@@ -5706,18 +5757,18 @@ var Or = (e) => {
 	static get isReadOnlySupported() {
 		return !0;
 	}
-}, va = "callout", ya = "tools.callout.color", ba = "tools.callout.editIcon", xa = "tools.callout.addEmoji", Sa = "tools.callout.removeEmoji", Ca = "tools.callout.filterEmojis", wa = "tools.callout.calloutEmojiCategory", Ta = "tools.callout.noEmojisFound", Ea = "tools.callout.pickRandom", Da = "tools.callout.skinTone", Oa = "tools.callout.emojiCategoryPeople", ka = "tools.callout.emojiCategoryNature", Aa = "tools.callout.emojiCategoryFood", ja = "tools.callout.emojiCategoryActivity", Ma = "tools.callout.emojiCategoryTravel", Na = "tools.callout.emojiCategoryObjects", Pa = "tools.callout.emojiCategorySymbols", Fa = "tools.callout.emojiCategoryFlags", Ia = "💡", La = "rounded-xl pl-8 pr-4 py-[5px] my-1 flex items-start gap-2 relative", Ra = "text-[1.5rem] leading-[1] cursor-pointer bg-transparent border-0 px-0 py-[7px] h-[38px] flex-shrink-0 select-none", za = "flex-1 min-w-0", Ba = "absolute left-0 top-0 h-full cursor-grab select-none";
+}, ya = "callout", ba = "tools.callout.color", xa = "tools.callout.editIcon", Sa = "tools.callout.addEmoji", Ca = "tools.callout.removeEmoji", wa = "tools.callout.filterEmojis", Ta = "tools.callout.calloutEmojiCategory", Ea = "tools.callout.noEmojisFound", Da = "tools.callout.pickRandom", Oa = "tools.callout.skinTone", ka = "tools.callout.emojiCategoryPeople", Aa = "tools.callout.emojiCategoryNature", ja = "tools.callout.emojiCategoryFood", Ma = "tools.callout.emojiCategoryActivity", Na = "tools.callout.emojiCategoryTravel", Pa = "tools.callout.emojiCategoryObjects", Fa = "tools.callout.emojiCategorySymbols", Ia = "tools.callout.emojiCategoryFlags", La = "💡", Ra = "rounded-xl pl-8 pr-4 py-[5px] my-1 flex items-start gap-2 relative", za = "text-[1.5rem] leading-[1] cursor-pointer bg-transparent border-0 px-0 py-[7px] h-[38px] flex-shrink-0 select-none", Ba = "flex-1 min-w-0", Va = "absolute left-0 top-0 h-full cursor-grab select-none";
 //#endregion
 //#region src/tools/callout/dom-builder.ts
-function Va(e) {
+function Ha(e) {
 	let { emoji: t, readOnly: n, addEmojiLabel: r } = e, i = document.createElement("div");
-	i.className = La;
+	i.className = Ra;
 	let a = document.createElement("button");
-	a.type = "button", a.className = Ra, a.textContent = t || "", a.setAttribute("aria-label", t === "" ? r : t), a.setAttribute("tabindex", "0"), a.setAttribute("data-blok-testid", "callout-emoji-btn"), n && (a.disabled = !0);
+	a.type = "button", a.className = za, a.textContent = t || "", a.setAttribute("aria-label", t === "" ? r : t), a.setAttribute("tabindex", "0"), a.setAttribute("data-blok-testid", "callout-emoji-btn"), n && (a.disabled = !0);
 	let o = document.createElement("div");
-	o.className = za, o.setAttribute(D.toggleChildren, ""), o.setAttribute(C.nestedBlocks, ""), o.setAttribute("data-blok-child-toolbar", ""), o.setAttribute("data-blok-mutation-free", "true"), i.appendChild(a), i.appendChild(o);
+	o.className = Ba, o.setAttribute(D.toggleChildren, ""), o.setAttribute(C.nestedBlocks, ""), o.setAttribute("data-blok-child-toolbar", ""), o.setAttribute("data-blok-mutation-free", "true"), i.appendChild(a), i.appendChild(o);
 	let s = document.createElement("span");
-	return s.className = Ba, s.style.width = "32px", s.setAttribute("data-callout-drag-zone", ""), i.prepend(s), {
+	return s.className = Va, s.style.width = "32px", s.setAttribute("data-callout-drag-zone", ""), i.prepend(s), {
 		wrapper: i,
 		emojiButton: a,
 		childContainer: o,
@@ -5726,7 +5777,7 @@ function Va(e) {
 }
 //#endregion
 //#region src/tools/callout/block-operations.ts
-function Ha(e) {
+function Ua(e) {
 	return {
 		emoji: e.emoji,
 		textColor: e.textColor,
@@ -5735,7 +5786,7 @@ function Ha(e) {
 }
 //#endregion
 //#region src/tools/callout/callout-keyboard.ts
-async function Ua(e) {
+async function Wa(e) {
 	if (e.calloutBlockId === void 0) return;
 	let t = e.api.blocks.getChildren(e.calloutBlockId);
 	if (e.event.preventDefault(), t.length <= 1) {
@@ -5749,7 +5800,7 @@ async function Ua(e) {
 }
 //#endregion
 //#region src/tools/callout/emoji-picker/emoji-data.ts
-var Wa = [
+var Ga = [
 	"💡",
 	"👉",
 	"☝️",
@@ -5770,8 +5821,8 @@ var Wa = [
 	"📢",
 	"🛠️",
 	"⚙️"
-], Ga = { data: null };
-function Ka(e, t) {
+], Ka = { data: null };
+function qa(e, t) {
 	let n = [];
 	for (let r of e.emojis) {
 		let i = t[r];
@@ -5788,12 +5839,12 @@ function Ka(e, t) {
 	}
 	return n;
 }
-async function qa() {
-	if (Ga.data !== null) return Ga.data;
-	let e = await import("./native-D0cfLXsM.mjs"), t = "default" in e && e.default !== void 0 ? e.default : e, n = t.categories.flatMap((e) => Ka(e, t.emojis));
-	return Ga.data = n, n;
+async function Ja() {
+	if (Ka.data !== null) return Ka.data;
+	let e = await import("./native-D0cfLXsM.mjs"), t = "default" in e && e.default !== void 0 ? e.default : e, n = t.categories.flatMap((e) => qa(e, t.emojis));
+	return Ka.data = n, n;
 }
-function Ja(e, t, n) {
+function Ya(e, t, n) {
 	let r = t.toLowerCase();
 	return e.filter((e) => {
 		if (e.name.toLowerCase().includes(r) || e.keywords.some((e) => e.includes(r))) return !0;
@@ -5801,7 +5852,7 @@ function Ja(e, t, n) {
 		return t === void 0 ? !1 : t.n.toLowerCase().includes(r) || t.k !== void 0 && t.k.some((e) => e.toLowerCase().includes(r));
 	});
 }
-function Ya(e) {
+function Xa(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let r of e) {
 		var n;
@@ -5812,7 +5863,7 @@ function Ya(e) {
 }
 //#endregion
 //#region src/tools/callout/emoji-picker/emoji-locale.ts
-var Xa = /* @__PURE__ */ new Map(), Za = {
+var Za = /* @__PURE__ */ new Map(), Qa = {
 	am: () => import("./am-BxlkYGsI.mjs"),
 	ar: () => import("./ar-9vlpr9V8.mjs"),
 	az: () => import("./az-ON63W_FP.mjs"),
@@ -5879,32 +5930,32 @@ var Xa = /* @__PURE__ */ new Map(), Za = {
 	vi: () => import("./vi-bt-3LPGO.mjs"),
 	zh: () => import("./zh-Dgyb5Ly8.mjs")
 };
-async function Qa(e) {
+async function $a(e) {
 	if (e === "en") return null;
-	let t = Xa.get(e);
+	let t = Za.get(e);
 	if (t !== void 0) return t;
-	let n = Za[e];
+	let n = Qa[e];
 	if (n === void 0) return null;
 	try {
 		let t = (await n()).default;
-		return Xa.set(e, t), t;
+		return Za.set(e, t), t;
 	} catch (e) {
 		return null;
 	}
 }
 //#endregion
 //#region src/tools/callout/emoji-picker/index.ts
-var $a = {
-	callout: wa,
-	people: Oa,
-	nature: ka,
-	foods: Aa,
-	activity: ja,
-	places: Ma,
-	objects: Na,
-	symbols: Pa,
-	flags: Fa
-}, eo = [
+var eo = {
+	callout: Ta,
+	people: ka,
+	nature: Aa,
+	foods: ja,
+	activity: Ma,
+	places: Na,
+	objects: Pa,
+	symbols: Fa,
+	flags: Ia
+}, to = [
 	["callout", ge],
 	["people", m],
 	["nature", fe],
@@ -5914,17 +5965,17 @@ var $a = {
 	["objects", me],
 	["symbols", r],
 	["flags", ce]
-], to = [
+], no = [
 	"✋",
 	"✋🏻",
 	"✋🏼",
 	"✋🏽",
 	"✋🏾",
 	"✋🏿"
-], no = "blok-emoji-skin-tone";
-function ro() {
+], ro = "blok-emoji-skin-tone";
+function io() {
 	try {
-		let e = localStorage.getItem(no);
+		let e = localStorage.getItem(ro);
 		if (e === null) return 0;
 		let t = parseInt(e, 10);
 		return t >= 0 && t <= 5 ? t : 0;
@@ -5932,12 +5983,12 @@ function ro() {
 		return 0;
 	}
 }
-function io(e) {
+function ao(e) {
 	try {
-		localStorage.setItem(no, String(e));
+		localStorage.setItem(ro, String(e));
 	} catch (e) {}
 }
-var ao = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"1.5\" y=\"1.5\" width=\"11\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.2\"/><circle cx=\"4.5\" cy=\"4.5\" r=\".9\" fill=\"currentColor\"/><circle cx=\"7\" cy=\"7\" r=\".9\" fill=\"currentColor\"/><circle cx=\"9.5\" cy=\"9.5\" r=\".9\" fill=\"currentColor\"/></svg>", oo = class {
+var oo = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"1.5\" y=\"1.5\" width=\"11\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.2\"/><circle cx=\"4.5\" cy=\"4.5\" r=\".9\" fill=\"currentColor\"/><circle cx=\"7\" cy=\"7\" r=\".9\" fill=\"currentColor\"/><circle cx=\"9.5\" cy=\"9.5\" r=\".9\" fill=\"currentColor\"/></svg>", so = class {
 	constructor(e) {
 		this._localeData = null, this._open = !1, this._allEmojis = [], this._skinTone = 0, this._showingEmptyState = !1, this._anchorEl = null, this._backdrop = null, this._savedOverflow = "", this._navButtons = /* @__PURE__ */ new Map(), this._sectionEls = /* @__PURE__ */ new Map(), this._activeNavId = "", this._navRafId = 0, this._skinToneButtons = [], this.onSelect = e.onSelect, this.onRemove = e.onRemove, this.i18n = e.i18n, this._locale = e.locale, this._element = this.buildElement();
 		let t = this._element.querySelector("[data-emoji-picker-body]"), n = this._element.querySelector("[data-emoji-picker-nav]"), r = this._element.querySelector("input[type=\"text\"]");
@@ -5955,13 +6006,13 @@ var ao = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 	async open(e) {
 		var t = this;
 		t._anchorEl = e, t._open = !0, t._filterInput.value = "", t._element.setAttribute("data-theme", t.resolveTheme());
-		let n = ro();
+		let n = io();
 		if (n !== t._skinTone) {
-			t._skinTone = n, t._skinToneToggle.textContent = to[n];
+			t._skinTone = n, t._skinToneToggle.textContent = no[n];
 			for (let [e, r] of t._skinToneButtons.entries()) t.applySkinToneActiveStyle(r, e === n);
 		}
-		if (t._allEmojis.length === 0 && (t._allEmojis = await qa()), t._locale !== "en" && t._localeData === null) {
-			let e = await Qa(t._locale);
+		if (t._allEmojis.length === 0 && (t._allEmojis = await Ja()), t._locale !== "en" && t._localeData === null) {
+			let e = await $a(t._locale);
 			e !== null && (t._localeData = e);
 		}
 		t.renderEmojiGrid(t._allEmojis), t.showBackdrop(), t._element.style.animation = "none", t._element.hidden = !1, t.position(e), t._element.offsetHeight, t._element.style.animation = "", t._filterInput.focus();
@@ -5984,7 +6035,7 @@ var ao = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 		let r = document.createElement("span");
 		r.className = ["pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center", "text-neutral-400 theme-dark:text-neutral-500 [&>svg]:w-[16px] [&>svg]:h-[16px]"].join(" "), r.innerHTML = mt;
 		let i = document.createElement("input");
-		i.type = "text", i.placeholder = this.i18n.t(Ca), i.className = [
+		i.type = "text", i.placeholder = this.i18n.t(wa), i.className = [
 			"w-full text-[13px] rounded-lg py-[7px] pl-8 pr-3 outline-hidden",
 			"bg-neutral-100 text-neutral-800 placeholder:text-neutral-400",
 			"theme-dark:bg-neutral-800 theme-dark:text-neutral-200 theme-dark:placeholder:text-neutral-500",
@@ -5994,28 +6045,28 @@ var ao = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 		let a = document.createElement("div");
 		a.className = "relative flex-shrink-0";
 		let o = document.createElement("button");
-		o.type = "button", o.setAttribute("data-emoji-picker-skin-toggle", ""), o.setAttribute("aria-label", this.i18n.t(Da)), o.title = this.i18n.t(Da), o.className = [
+		o.type = "button", o.setAttribute("data-emoji-picker-skin-toggle", ""), o.setAttribute("aria-label", this.i18n.t(Oa)), o.title = this.i18n.t(Oa), o.className = [
 			"w-[28px] h-[28px] flex items-center justify-center rounded-lg",
 			"text-[14px] leading-none cursor-pointer select-none",
 			"hover:bg-neutral-100 theme-dark:hover:bg-neutral-800",
 			"active:scale-90 transition-all duration-100"
-		].join(" "), o.textContent = to[this._skinTone], o.addEventListener("click", () => this.toggleSkinTonePopover()), this._skinToneToggle = o, a.appendChild(o), this._skinTonePopover = this.buildSkinTonePopover(), a.appendChild(this._skinTonePopover);
+		].join(" "), o.textContent = no[this._skinTone], o.addEventListener("click", () => this.toggleSkinTonePopover()), this._skinToneToggle = o, a.appendChild(o), this._skinTonePopover = this.buildSkinTonePopover(), a.appendChild(this._skinTonePopover);
 		let s = document.createElement("button");
-		s.type = "button", s.setAttribute("data-emoji-picker-random", ""), s.setAttribute("aria-label", this.i18n.t(Ea)), s.className = [
+		s.type = "button", s.setAttribute("data-emoji-picker-random", ""), s.setAttribute("aria-label", this.i18n.t(Da)), s.className = [
 			"flex-shrink-0 w-[34px] h-[34px] flex items-center justify-center rounded-lg",
 			"text-neutral-400 hover:bg-neutral-100 hover:text-neutral-600",
 			"theme-dark:hover:bg-neutral-800 theme-dark:hover:text-neutral-300",
 			"transition-colors duration-100 cursor-pointer"
-		].join(" "), s.innerHTML = ao, s.addEventListener("click", () => this.pickRandom()), E(s, this.i18n.t(Ea), { placement: "bottom" });
+		].join(" "), s.innerHTML = oo, s.addEventListener("click", () => this.pickRandom()), E(s, this.i18n.t(Da), { placement: "bottom" });
 		let c = document.createElement("button");
-		c.type = "button", c.setAttribute("data-emoji-picker-remove", ""), c.setAttribute("aria-label", this.i18n.t(Sa)), c.className = [
+		c.type = "button", c.setAttribute("data-emoji-picker-remove", ""), c.setAttribute("aria-label", this.i18n.t(Ca)), c.className = [
 			"flex-shrink-0 w-[34px] h-[34px] flex items-center justify-center rounded-lg",
 			"text-neutral-400 hover:bg-neutral-100 hover:text-neutral-600",
 			"theme-dark:hover:bg-neutral-800 theme-dark:hover:text-neutral-300",
 			"transition-colors duration-100 cursor-pointer"
 		].join(" "), c.innerHTML = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3.5 3.5l7 7M10.5 3.5l-7 7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/></svg>", c.addEventListener("click", () => {
 			this.onRemove(), this.close();
-		}), E(c, this.i18n.t(Sa), { placement: "bottom" });
+		}), E(c, this.i18n.t(Ca), { placement: "bottom" });
 		let l = document.createElement("div");
 		l.className = "flex items-center gap-1", l.appendChild(s), l.appendChild(c), t.appendChild(n), t.appendChild(a), t.appendChild(l), e.appendChild(t);
 		let u = document.createElement("div");
@@ -6042,9 +6093,9 @@ var ao = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 			"bg-white border border-neutral-200/70 shadow-lg",
 			"theme-dark:bg-neutral-800 theme-dark:border-neutral-700/50"
 		].join(" "), e.hidden = !0, this._skinToneButtons = [];
-		for (let [t, n] of to.entries()) {
+		for (let [t, n] of no.entries()) {
 			let r = document.createElement("button");
-			r.type = "button", r.textContent = n, r.setAttribute("aria-label", `${this.i18n.t(Da)} ${t + 1}`), r.className = [
+			r.type = "button", r.textContent = n, r.setAttribute("aria-label", `${this.i18n.t(Oa)} ${t + 1}`), r.className = [
 				"w-[32px] h-[32px] flex items-center justify-center rounded-lg",
 				"text-[1.2rem] leading-none cursor-pointer select-none",
 				"hover:bg-neutral-100 theme-dark:hover:bg-neutral-700",
@@ -6076,7 +6127,7 @@ var ao = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 		e ? this._skinToneToggle.classList.add(...t) : this._skinToneToggle.classList.remove(...t);
 	}
 	setSkinTone(e) {
-		this._skinTone = e, io(e), this._skinToneToggle.textContent = to[e];
+		this._skinTone = e, ao(e), this._skinToneToggle.textContent = no[e];
 		for (let [t, n] of this._skinToneButtons.entries()) this.applySkinToneActiveStyle(n, t === e);
 		let t = Array.from(this._body.querySelectorAll("[data-emoji-native]"));
 		for (let e of t) {
@@ -6093,7 +6144,7 @@ var ao = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 	}
 	buildCategoryNav(e) {
 		this._nav.innerHTML = "", this._navButtons.clear(), this._activeNavId = "";
-		for (let [t, n] of eo) {
+		for (let [t, n] of to) {
 			if (!e.has(t)) continue;
 			let r = this.translateCategory(t), i = document.createElement("button");
 			i.type = "button", i.innerHTML = n, i.title = r, i.setAttribute("aria-label", r), i.setAttribute("data-emoji-nav", t), i.className = [
@@ -6133,11 +6184,11 @@ var ao = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 			return;
 		}
 		this._nav.hidden = !0;
-		let t = Ja(this._allEmojis, e, this._localeData);
+		let t = Ya(this._allEmojis, e, this._localeData);
 		if (t.length === 0) this._showingEmptyState || this.renderEmptyState();
 		else {
 			this._body.innerHTML = "", this._sectionEls.clear(), this._showingEmptyState = !1;
-			let e = Ya(t);
+			let e = Xa(t);
 			for (let [t, n] of e) {
 				let e = this.buildSection(this.translateCategory(t), n);
 				e.setAttribute("data-emoji-section", t), this._sectionEls.set(t, e), this._body.appendChild(e);
@@ -6146,13 +6197,13 @@ var ao = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 	}
 	renderEmojiGrid(e) {
 		this._body.innerHTML = "", this._sectionEls.clear(), this._showingEmptyState = !1;
-		let t = /* @__PURE__ */ new Set(), n = Wa.map((t) => e.find((e) => e.native === t)).filter((e) => e !== void 0);
+		let t = /* @__PURE__ */ new Set(), n = Ga.map((t) => e.find((e) => e.native === t)).filter((e) => e !== void 0);
 		if (n.length > 0) {
 			t.add("callout");
 			let e = this.buildSection(this.translateCategory("callout"), n);
 			e.setAttribute("data-emoji-section", "callout"), this._sectionEls.set("callout", e), this._body.appendChild(e);
 		}
-		let r = new Set(Wa), i = Ya(e.filter((e) => !r.has(e.native)));
+		let r = new Set(Ga), i = Xa(e.filter((e) => !r.has(e.native)));
 		for (let [e, n] of i) {
 			t.add(e);
 			let r = this.buildSection(this.translateCategory(e), n);
@@ -6171,10 +6222,10 @@ var ao = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 		let t = document.createElement("span");
 		t.className = "mb-3 opacity-20 [&>svg]:w-9 [&>svg]:h-9", t.innerHTML = mt;
 		let n = document.createElement("span");
-		n.className = "text-[13px] font-medium", n.textContent = this.i18n.t(Ta), e.appendChild(t), e.appendChild(n), this._body.appendChild(e);
+		n.className = "text-[13px] font-medium", n.textContent = this.i18n.t(Ea), e.appendChild(t), e.appendChild(n), this._body.appendChild(e);
 	}
 	translateCategory(e) {
-		let t = $a[e];
+		let t = eo[e];
 		return t === void 0 ? e : this.i18n.t(t);
 	}
 	buildSection(e, t) {
@@ -6229,10 +6280,10 @@ var ao = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 };
 //#endregion
 //#region src/tools/callout/index.ts
-function so(e) {
-	return e.isEmojiVisible === !1 ? "" : typeof e.emoji == "string" && e.emoji.length > 0 ? e.emoji : Ia;
+function co(e) {
+	return e.isEmojiVisible === !1 ? "" : typeof e.emoji == "string" && e.emoji.length > 0 ? e.emoji : La;
 }
-var co = {
+var lo = {
 	general: null,
 	note: "blue",
 	important: "purple",
@@ -6240,32 +6291,32 @@ var co = {
 	additional: "yellow",
 	recommendation: "green",
 	caution: "red"
-}, lo = class {
+}, uo = class {
 	constructor({ data: e, api: t, readOnly: n, block: r }) {
 		this._dom = null, this._emojiPicker = null, this._colorPicker = null, this._dragZone = null, this.api = t, this.readOnly = n, this._data = this.normalizeData(e), r && (this.blockId = r.id);
 	}
 	normalizeData(e) {
 		let t = e;
 		return "variant" in t || "isEmojiVisible" in t ? this.normalizeLegacyData(t) : {
-			emoji: typeof e.emoji == "string" ? e.emoji : Ia,
+			emoji: typeof e.emoji == "string" ? e.emoji : La,
 			textColor: typeof e.textColor == "string" ? e.textColor : null,
 			backgroundColor: typeof e.backgroundColor == "string" ? e.backgroundColor : null
 		};
 	}
 	normalizeLegacyData(e) {
-		let t = typeof e.variant == "string" ? e.variant : "general", n = t in co ? co[t] : null;
+		let t = typeof e.variant == "string" ? e.variant : "general", n = t in lo ? lo[t] : null;
 		return {
-			emoji: so(e),
+			emoji: co(e),
 			textColor: null,
 			backgroundColor: n == null ? null : n
 		};
 	}
 	render() {
 		if (this._dom) return this._dom.wrapper;
-		let e = Va({
+		let e = Ha({
 			emoji: this._data.emoji,
 			readOnly: this.readOnly,
-			addEmojiLabel: this.api.i18n.t(xa)
+			addEmojiLabel: this.api.i18n.t(Sa)
 		});
 		return this._dom = e, this._dragZone = e.dragZone, this.applyColors(), this.readOnly || (e.emojiButton.addEventListener("click", () => this.openEmojiPicker()), e.emojiButton.addEventListener("keydown", (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.openEmojiPicker());
@@ -6285,7 +6336,7 @@ var co = {
 		}
 	}
 	save() {
-		return Ha({
+		return Ua({
 			emoji: this._data.emoji,
 			textColor: this._data.textColor,
 			backgroundColor: this._data.backgroundColor
@@ -6305,7 +6356,7 @@ var co = {
 	}
 	renderSettings() {
 		if (this._colorPicker === null) {
-			let e = Dr({
+			let e = Or({
 				i18n: this.api.i18n,
 				testIdPrefix: "callout-color",
 				modes: [{
@@ -6326,13 +6377,13 @@ var co = {
 		}
 		return this.syncPickerActiveColors(), [{
 			icon: m,
-			title: this.api.i18n.t(ba),
+			title: this.api.i18n.t(xa),
 			name: "callout-edit-icon",
 			closeOnActivate: !0,
 			onActivate: () => this.openEmojiPicker()
 		}, {
 			icon: Re,
-			title: this.api.i18n.t(ya),
+			title: this.api.i18n.t(ba),
 			name: "callout-color",
 			children: { items: [{
 				type: w.Html,
@@ -6367,7 +6418,7 @@ var co = {
 		let n = t[0], r = e.target;
 		if (!n.holder.contains(r)) return;
 		let i = window.getSelection(), a = i !== null && i.rangeCount > 0 && i.getRangeAt(0).startOffset === 0 && i.getRangeAt(0).collapsed;
-		n.holder.textContent !== "" || !a || Ua({
+		n.holder.textContent !== "" || !a || Wa({
 			api: this.api,
 			calloutBlockId: this.blockId,
 			firstChildBlockId: n.id,
@@ -6375,7 +6426,7 @@ var co = {
 		});
 	}
 	openEmojiPicker() {
-		this._dom !== null && (this._emojiPicker === null && (this._emojiPicker = new oo({
+		this._dom !== null && (this._emojiPicker === null && (this._emojiPicker = new so({
 			onSelect: (e) => this.setEmoji(e),
 			onRemove: () => this.setEmoji(""),
 			i18n: this.api.i18n,
@@ -6383,14 +6434,14 @@ var co = {
 		}), document.body.appendChild(this._emojiPicker.getElement())), this._emojiPicker.open(this._dom.emojiButton));
 	}
 	setEmoji(e) {
-		this._data.emoji = e, this._dom !== null && (this._dom.emojiButton.textContent = e, this._dom.emojiButton.setAttribute("aria-label", e === "" ? this.api.i18n.t(xa) : e));
+		this._data.emoji = e, this._dom !== null && (this._dom.emojiButton.textContent = e, this._dom.emojiButton.setAttribute("aria-label", e === "" ? this.api.i18n.t(Sa) : e));
 	}
 	static get toolbox() {
 		return {
 			icon: ie,
 			title: "Callout",
 			titleKey: "callout",
-			name: va,
+			name: ya,
 			searchTerms: [
 				"callout",
 				"note",
@@ -6411,7 +6462,7 @@ var co = {
 	}
 	static get conversionConfig() {
 		return { import: () => ({
-			emoji: Ia,
+			emoji: La,
 			textColor: null,
 			backgroundColor: null
 		}) };
@@ -6429,7 +6480,7 @@ var co = {
 	static get isReadOnlySupported() {
 		return !0;
 	}
-}, uo = class {
+}, fo = class {
 	constructor(e) {
 		this.element = null;
 	}
@@ -6482,7 +6533,7 @@ var co = {
 	static get sanitize() {
 		return {};
 	}
-}, fo = "tools.quote.placeholder", po = [
+}, po = "tools.quote.placeholder", mo = [
 	"border-l-[3px]",
 	"border-current",
 	"pl-[0.9em]",
@@ -6492,7 +6543,7 @@ var co = {
 	"outline-hidden",
 	"mt-[0.3em]",
 	"mb-[0.3em]"
-], mo = "text-[1.2em]", ho = class {
+], ho = "text-[1.2em]", go = class {
 	constructor({ data: e, api: t, readOnly: n }) {
 		var r, i;
 		this.placeholderCleanup = null, this._element = null, this.api = t, this.readOnly = n, this._data = {
@@ -6505,13 +6556,13 @@ var co = {
 	}
 	drawView() {
 		let e = document.createElement("blockquote");
-		return e.className = k(this.api.styles.block, po, xt, this._data.size === "large" ? mo : ""), e.setAttribute(C.tool, "quote"), e.contentEditable = "false", this._data.text ? e.innerHTML = this._data.text : this.readOnly && (e.innerHTML = "<br>"), this.readOnly || (e.contentEditable = "true", e.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = A(e, this.api.i18n.t(fo), "data-blok-placeholder-active")), e;
+		return e.className = k(this.api.styles.block, mo, xt, this._data.size === "large" ? ho : ""), e.setAttribute(C.tool, "quote"), e.contentEditable = "false", this._data.text ? e.innerHTML = this._data.text : this.readOnly && (e.innerHTML = "<br>"), this.readOnly || (e.contentEditable = "true", e.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = A(e, this.api.i18n.t(po), "data-blok-placeholder-active")), e;
 	}
 	render() {
 		return this._element || (this._element = this.drawView()), this._element;
 	}
 	setReadOnly(e) {
-		this._element && (this.readOnly = e, e ? (this._element.contentEditable = "false", this._element.removeEventListener("keyup", this.onKeyUp), this.placeholderCleanup && (this.placeholderCleanup(), this.placeholderCleanup = null), Ct(this._element) && (this._element.innerHTML = "<br>")) : (this._element.contentEditable = "true", this._element.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = A(this._element, this.api.i18n.t(fo), "data-blok-placeholder-active"), this._element.innerHTML === "<br>" && (this._element.innerHTML = "")));
+		this._element && (this.readOnly = e, e ? (this._element.contentEditable = "false", this._element.removeEventListener("keyup", this.onKeyUp), this.placeholderCleanup && (this.placeholderCleanup(), this.placeholderCleanup = null), Ct(this._element) && (this._element.innerHTML = "<br>")) : (this._element.contentEditable = "true", this._element.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = A(this._element, this.api.i18n.t(po), "data-blok-placeholder-active"), this._element.innerHTML === "<br>" && (this._element.innerHTML = "")));
 	}
 	save(e) {
 		return {
@@ -6551,7 +6602,7 @@ var co = {
 		}];
 	}
 	setSize(e) {
-		this._data.size = e, this._element && (this._element.className = k(this.api.styles.block, po, xt, e === "large" ? mo : ""));
+		this._data.size = e, this._element && (this._element.className = k(this.api.styles.block, mo, xt, e === "large" ? ho : ""));
 	}
 	onPaste(e) {
 		let t = e.detail;
@@ -6598,7 +6649,7 @@ var co = {
 	static get pasteConfig() {
 		return { tags: ["BLOCKQUOTE"] };
 	}
-}, go = "tools.code.language", _o = "tools.code.copied", vo = "tools.code.copyCode", yo = "tools.code.searchLanguage", bo = "plain text", xo = [
+}, _o = "tools.code.language", vo = "tools.code.copied", yo = "tools.code.copyCode", bo = "tools.code.searchLanguage", xo = "plain text", So = [
 	{
 		id: "plain text",
 		name: "Plain Text"
@@ -6723,12 +6774,12 @@ var co = {
 		id: "lua",
 		name: "Lua"
 	}
-], So = "group/code flex flex-col rounded-xl border border-border-secondary bg-bg-secondary overflow-hidden my-2", Co = "flex items-center gap-1 px-3 py-1.5 text-xs text-gray-text", wo = "inline-flex items-center px-1.5 py-0.5 rounded cursor-pointer bg-transparent border-0 text-xs text-gray-text font-medium transition-colors can-hover:hover:bg-item-hover-bg select-none", To = "flex items-center gap-1 opacity-0 group-hover/code:opacity-100 transition-opacity", Eo = "p-1 rounded cursor-pointer bg-transparent border-0 text-gray-text transition-colors can-hover:hover:bg-item-hover-bg flex items-center justify-center", Do = "p-1.5 rounded-lg cursor-pointer bg-transparent border-0 text-gray-text transition-colors can-hover:hover:bg-item-hover-bg flex items-center justify-center", Oo = "block px-4 py-3 font-mono text-sm leading-relaxed outline-hidden whitespace-pre-wrap overflow-x-auto min-h-[1.5em]", ko = "text-xs text-gray-text font-medium select-none", Ao = new Set(["latex", "mermaid"]), jo = "tools.code.codeTab", Mo = "tools.code.previewTab", No = "px-4 py-3 overflow-x-auto min-h-[1.5em] flex justify-center", Po = "tools.code.sideBySide", Fo = "flex items-center rounded-lg border border-border-secondary p-0.5 gap-0.5", Io = "p-1 rounded cursor-pointer bg-transparent border-0 text-gray-text transition-colors flex items-center justify-center", Lo = "p-1 rounded cursor-pointer bg-item-hover-bg border-0 text-primary transition-colors flex items-center justify-center", Ro = "p-[6px] rounded cursor-pointer bg-transparent border-0 text-gray-text transition-colors flex items-center justify-center", zo = "p-[6px] rounded cursor-pointer bg-item-hover-bg border-0 text-primary transition-colors flex items-center justify-center", Bo = "flex flex-col overflow-hidden", Vo = "flex flex-row overflow-hidden", Ho = "flex-1 min-w-0 overflow-hidden", Uo = "one-light", Wo = "vitesse-dark", Go = ".dark", Ko = new Set(xo.map((e) => e.id).filter((e) => e !== bo)), qo = "flex overflow-hidden", Jo = "select-none text-right pl-4 pr-3 py-3 font-mono text-sm leading-relaxed text-gray-text/40 shrink-0", Yo = "leading-relaxed";
+], Co = "group/code flex flex-col rounded-xl border border-border-secondary bg-bg-secondary overflow-hidden my-2", wo = "flex items-center gap-1 px-3 py-1.5 text-xs text-gray-text", To = "inline-flex items-center px-1.5 py-0.5 rounded cursor-pointer bg-transparent border-0 text-xs text-gray-text font-medium transition-colors can-hover:hover:bg-item-hover-bg select-none", Eo = "flex items-center gap-1 opacity-0 group-hover/code:opacity-100 transition-opacity", Do = "p-1 rounded cursor-pointer bg-transparent border-0 text-gray-text transition-colors can-hover:hover:bg-item-hover-bg flex items-center justify-center", Oo = "p-1.5 rounded-lg cursor-pointer bg-transparent border-0 text-gray-text transition-colors can-hover:hover:bg-item-hover-bg flex items-center justify-center", ko = "block px-4 py-3 font-mono text-sm leading-relaxed outline-hidden whitespace-pre-wrap overflow-x-auto min-h-[1.5em]", Ao = "text-xs text-gray-text font-medium select-none", jo = new Set(["latex", "mermaid"]), Mo = "tools.code.codeTab", No = "tools.code.previewTab", Po = "px-4 py-3 overflow-x-auto min-h-[1.5em] flex justify-center", Fo = "tools.code.sideBySide", Io = "flex items-center rounded-lg border border-border-secondary p-0.5 gap-0.5", Lo = "p-1 rounded cursor-pointer bg-transparent border-0 text-gray-text transition-colors flex items-center justify-center", Ro = "p-1 rounded cursor-pointer bg-item-hover-bg border-0 text-primary transition-colors flex items-center justify-center", zo = "p-[6px] rounded cursor-pointer bg-transparent border-0 text-gray-text transition-colors flex items-center justify-center", Bo = "p-[6px] rounded cursor-pointer bg-item-hover-bg border-0 text-primary transition-colors flex items-center justify-center", Vo = "flex flex-col overflow-hidden", Ho = "flex flex-row overflow-hidden", Uo = "flex-1 min-w-0 overflow-hidden", Wo = "one-light", Go = "vitesse-dark", Ko = ".dark", qo = new Set(So.map((e) => e.id).filter((e) => e !== xo)), Jo = "flex overflow-hidden", Yo = "select-none text-right pl-4 pr-3 py-3 font-mono text-sm leading-relaxed text-gray-text/40 shrink-0", Xo = "leading-relaxed";
 //#endregion
 //#region src/tools/code/dom-builder.ts
-function Xo(e) {
+function Zo(e) {
 	let t = document.createElement("div");
-	t.className = Fo, t.setAttribute("role", "group"), t.setAttribute("data-blok-testid", "code-view-mode");
+	t.className = Io, t.setAttribute("role", "group"), t.setAttribute("data-blok-testid", "code-view-mode");
 	let n = [
 		{
 			mode: "code",
@@ -6748,61 +6799,61 @@ function Xo(e) {
 	];
 	for (let { mode: e, icon: r, label: i } of n) {
 		let n = document.createElement("button"), a = e === "preview";
-		n.type = "button", n.className = a ? Ro : Io, n.innerHTML = r, n.setAttribute("aria-label", i), n.setAttribute("aria-pressed", "false"), n.setAttribute("data-blok-testid", `code-mode-${e}`), n.setAttribute("data-mode", e), t.appendChild(n);
+		n.type = "button", n.className = a ? zo : Lo, n.innerHTML = r, n.setAttribute("aria-label", i), n.setAttribute("aria-pressed", "false"), n.setAttribute("data-blok-testid", `code-mode-${e}`), n.setAttribute("data-mode", e), t.appendChild(n);
 	}
 	let r = document.createElement("div");
-	r.className = No, r.setAttribute("data-blok-testid", "code-preview");
+	r.className = Po, r.setAttribute("data-blok-testid", "code-preview");
 	let i = document.createElement("div");
-	return i.className = Bo, i.setAttribute("data-blok-testid", "code-split-container"), {
+	return i.className = Vo, i.setAttribute("data-blok-testid", "code-split-container"), {
 		viewModeContainer: t,
 		previewElement: r,
 		splitContainer: i
 	};
 }
-function Zo(e, t) {
+function Qo(e, t) {
 	let n = Array.from(e.querySelectorAll("[data-mode]"));
 	for (let e of n) {
 		let n = e.getAttribute("data-mode") === t, r = e.getAttribute("data-mode") === "preview";
-		e.setAttribute("aria-pressed", String(n)), r ? e.className = n ? zo : Ro : e.className = n ? Lo : Io;
+		e.setAttribute("aria-pressed", String(n)), r ? e.className = n ? Bo : zo : e.className = n ? Ro : Lo;
 	}
 }
-function Qo(e) {
+function $o(e) {
 	var n, r, i;
 	let { code: a, languageName: o, readOnly: s, copyLabel: c, previewable: l, viewModeLabels: u } = e, d = document.createElement("div");
-	d.className = So;
+	d.className = Co;
 	let f = document.createElement("div");
-	f.className = Co;
+	f.className = wo;
 	let p = document.createElement("button");
-	p.type = "button", p.className = wo, p.setAttribute("aria-haspopup", "listbox"), p.setAttribute("data-blok-testid", "code-language-btn");
+	p.type = "button", p.className = To, p.setAttribute("aria-haspopup", "listbox"), p.setAttribute("data-blok-testid", "code-language-btn");
 	let m = document.createElement("span");
 	m.textContent = o, p.appendChild(m);
 	let h = document.createElement("span");
 	h.className = "inline-flex items-center ml-0.5 -mr-0.5", h.innerHTML = t, p.appendChild(h);
 	let g = document.createElement("div");
 	g.className = "flex-1";
-	let _ = !s && u ? Xo(u) : null, v = (n = _ == null ? void 0 : _.viewModeContainer) == null ? null : n, ee = (r = _ == null ? void 0 : _.previewElement) == null ? null : r, y = (i = _ == null ? void 0 : _.splitContainer) == null ? null : i;
+	let _ = !s && u ? Zo(u) : null, v = (n = _ == null ? void 0 : _.viewModeContainer) == null ? null : n, ee = (r = _ == null ? void 0 : _.previewElement) == null ? null : r, y = (i = _ == null ? void 0 : _.splitContainer) == null ? null : i;
 	v && (v.hidden = !l);
 	let b = document.createElement("button");
-	b.type = "button", b.className = l ? Do : Eo, b.innerHTML = oe, b.setAttribute("aria-label", c), b.setAttribute("data-blok-testid", "code-copy-btn");
+	b.type = "button", b.className = l ? Oo : Do, b.innerHTML = oe, b.setAttribute("aria-label", c), b.setAttribute("data-blok-testid", "code-copy-btn");
 	let x = document.createElement("code");
-	x.className = Oo, x.setAttribute("data-blok-testid", "code-content"), a && (x.textContent = a), s || (x.setAttribute("contenteditable", "plaintext-only"), x.setAttribute("spellcheck", "false"));
+	x.className = ko, x.setAttribute("data-blok-testid", "code-content"), a && (x.textContent = a), s || (x.setAttribute("contenteditable", "plaintext-only"), x.setAttribute("spellcheck", "false"));
 	let S = document.createElement("div");
-	S.className = Jo, S.setAttribute("aria-hidden", "true"), S.setAttribute("data-blok-testid", "code-gutter");
+	S.className = Yo, S.setAttribute("aria-hidden", "true"), S.setAttribute("data-blok-testid", "code-gutter");
 	let te = a ? a.split("\n").length : 1;
 	Array.from({ length: te }, (e, t) => {
 		let n = document.createElement("div");
-		n.className = Yo, n.textContent = String(t + 1), S.appendChild(n);
+		n.className = Xo, n.textContent = String(t + 1), S.appendChild(n);
 	}), f.appendChild(p), f.appendChild(g);
 	let ne = document.createElement("div");
-	ne.className = To, v && ne.appendChild(v), ne.appendChild(b), f.appendChild(ne);
+	ne.className = Eo, v && ne.appendChild(v), ne.appendChild(b), f.appendChild(ne);
 	let re = document.createElement("pre");
 	re.appendChild(x);
 	let ie = document.createElement("div");
-	if (ie.className = qo, ie.appendChild(S), ie.appendChild(re), d.appendChild(f), y && ee) {
+	if (ie.className = Jo, ie.appendChild(S), ie.appendChild(re), d.appendChild(f), y && ee) {
 		let e = document.createElement("div");
-		e.className = Ho, e.appendChild(ie);
+		e.className = Uo, e.appendChild(ie);
 		let t = document.createElement("div");
-		t.className = Ho, t.appendChild(ee), y.appendChild(e), y.appendChild(t), d.appendChild(y);
+		t.className = Uo, t.appendChild(ee), y.appendChild(e), y.appendChild(t), d.appendChild(y);
 	} else d.appendChild(ie);
 	return {
 		wrapper: d,
@@ -6818,10 +6869,10 @@ function Qo(e) {
 }
 //#endregion
 //#region src/tools/code/code-keyboard.ts
-function $o(e, t, n) {
-	return e.key === "Enter" && e.shiftKey ? (n(), !0) : e.key === "Enter" ? (es(t), !0) : e.key === "Tab" && !e.shiftKey ? (ts(), !0) : e.key === "Tab" && e.shiftKey ? (rs(t), !0) : !1;
+function es(e, t, n) {
+	return e.key === "Enter" && e.shiftKey ? (n(), !0) : e.key === "Enter" ? (ts(t), !0) : e.key === "Tab" && !e.shiftKey ? (ns(), !0) : e.key === "Tab" && e.shiftKey ? (is(t), !0) : !1;
 }
-function es(e) {
+function ts(e) {
 	var t;
 	let n = window.getSelection();
 	if (!n || n.rangeCount === 0) return;
@@ -6829,9 +6880,9 @@ function es(e) {
 	i.selectNodeContents(e), i.setEnd(r.startContainer, r.startOffset);
 	let a = i.toString().length, o = (t = e.textContent) == null ? "" : t, s = o.substring(0, a), c = o.substring(a);
 	for (; e.firstChild;) e.removeChild(e.firstChild);
-	e.appendChild(document.createTextNode(s + "\n" + c)), is(e, a + 1);
+	e.appendChild(document.createTextNode(s + "\n" + c)), as(e, a + 1);
 }
-function ts() {
+function ns() {
 	let e = window.getSelection();
 	if (!e || e.rangeCount === 0) return;
 	let t = e.getRangeAt(0);
@@ -6839,23 +6890,23 @@ function ts() {
 	let n = document.createTextNode("  ");
 	t.insertNode(n), t.setStartAfter(n), t.collapse(!0), e.removeAllRanges(), e.addRange(t);
 }
-function ns(e) {
+function rs(e) {
 	let t = Math.min(2, e.length), n = e.substring(0, t).match(/^ */);
 	return n ? n[0].length : 0;
 }
-function rs(e) {
+function is(e) {
 	var t;
 	let n = window.getSelection();
 	if (!n || n.rangeCount === 0) return;
 	let r = n.getRangeAt(0), i = (t = e.textContent) == null ? "" : t, a = r.cloneRange();
 	a.selectNodeContents(e), a.setEnd(r.startContainer, r.startOffset);
-	let o = a.toString().length, s = i.lastIndexOf("\n", o - 1) + 1, c = ns(i.substring(s));
+	let o = a.toString().length, s = i.lastIndexOf("\n", o - 1) + 1, c = rs(i.substring(s));
 	if (c === 0) return;
 	let l = i.substring(0, s) + i.substring(s + c);
 	for (; e.firstChild;) e.removeChild(e.firstChild);
-	e.appendChild(document.createTextNode(l)), is(e, Math.max(s, o - c));
+	e.appendChild(document.createTextNode(l)), as(e, Math.max(s, o - c));
 }
-function is(e, t) {
+function as(e, t) {
 	let n = window.getSelection();
 	if (!n) return;
 	let r = document.createTreeWalker(e, NodeFilter.SHOW_TEXT), i = (e) => {
@@ -6874,23 +6925,23 @@ function is(e, t) {
 }
 //#endregion
 //#region src/tools/code/katex-loader.ts
-var as = {
+var os = {
 	katexPromise: null,
 	cssInjected: !1
 };
-function os() {
-	if (as.cssInjected) return;
-	as.cssInjected = !0;
+function ss() {
+	if (os.cssInjected) return;
+	os.cssInjected = !0;
 	let e = document.createElement("link");
 	e.rel = "stylesheet", e.setAttribute("data-katex-css", ""), e.href = "https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css", document.head.appendChild(e);
 }
-async function ss() {
-	return as.katexPromise || (as.katexPromise = import("./katex-CmTPfM0f.mjs").then((e) => e.n).then((e) => e.default)), as.katexPromise;
+async function cs() {
+	return os.katexPromise || (os.katexPromise = import("./katex-CmTPfM0f.mjs").then((e) => e.n).then((e) => e.default)), os.katexPromise;
 }
-async function cs(e) {
-	os();
+async function ls(e) {
+	ss();
 	try {
-		return (await ss()).renderToString(e, {
+		return (await cs()).renderToString(e, {
 			throwOnError: !1,
 			displayMode: !0
 		});
@@ -6900,21 +6951,21 @@ async function cs(e) {
 }
 //#endregion
 //#region src/tools/code/mermaid-loader.ts
-var ls = {
+var us = {
 	mermaidPromise: null,
 	initialized: !1
 };
-async function us() {
-	ls.mermaidPromise || (ls.mermaidPromise = import("./mermaid.core-CA8nc1sZ.mjs").then((e) => e.default));
-	let e = await ls.mermaidPromise;
-	return ls.initialized || (ls.initialized = !0, e.initialize({
+async function ds() {
+	us.mermaidPromise || (us.mermaidPromise = import("./mermaid.core-CA8nc1sZ.mjs").then((e) => e.default));
+	let e = await us.mermaidPromise;
+	return us.initialized || (us.initialized = !0, e.initialize({
 		startOnLoad: !1,
 		securityLevel: "strict"
 	})), e;
 }
-async function ds(e) {
+async function fs(e) {
 	try {
-		let t = await us();
+		let t = await ds();
 		if (await t.parse(e, { suppressErrors: !0 }) === !1) return "<span class=\"text-red-500 text-sm\">Invalid Mermaid syntax</span>";
 		let n = `mermaid-${crypto.randomUUID()}`;
 		return (await t.render(n, e)).svg;
@@ -6924,7 +6975,7 @@ async function ds(e) {
 }
 //#endregion
 //#region src/tools/code/shiki-loader.ts
-var fs = {
+var ps = {
 	javascript: () => import("./javascript-CBgeF1Xx.mjs"),
 	typescript: () => import("./typescript-DO5cd4m8.mjs").then((e) => e.n),
 	python: () => import("./python-DfwfY9t5.mjs"),
@@ -6955,29 +7006,29 @@ var fs = {
 	lua: () => import("./lua-DV0fuZWx.mjs"),
 	latex: () => import("./latex-24n3TcOR.mjs"),
 	mermaid: () => import("./mermaid-vF0cEnZ0.mjs")
-}, ps = {
+}, ms = {
 	highlighterPromise: null,
 	highlighter: null
 };
-function ms(e) {
-	return Ko.has(e);
+function hs(e) {
+	return qo.has(e);
 }
-async function hs() {
-	return ps.highlighterPromise || (ps.highlighterPromise = (async () => {
+async function gs() {
+	return ms.highlighterPromise || (ms.highlighterPromise = (async () => {
 		let { createHighlighterCore: e } = await import("./core-Bm6DWt7D.mjs"), { createJavaScriptRegexEngine: t } = await import("./engine-javascript-CJpnSvzf.mjs"), n = await e({
 			themes: [import("./one-light-DmNO_Y4X.mjs"), import("./vitesse-dark-CcorSKT2.mjs")],
 			langs: [],
 			engine: t()
 		});
-		return ps.highlighter = n, n;
-	})()), ps.highlighterPromise;
+		return ms.highlighter = n, n;
+	})()), ms.highlighterPromise;
 }
-async function gs(e, t) {
+async function _s(e, t) {
 	if (e.getLoadedLanguages().includes(t)) return;
-	let n = fs[t];
+	let n = ps[t];
 	n && await e.loadLanguage(await n());
 }
-function _s(e) {
+function vs(e) {
 	return {
 		tokens: e.tokens.map((t) => t.map((t) => {
 			var n;
@@ -6990,52 +7041,52 @@ function _s(e) {
 		fg: e.fg
 	};
 }
-async function vs(e, t) {
-	if (!ms(t)) return null;
+async function ys(e, t) {
+	if (!hs(t)) return null;
 	try {
-		let n = await hs();
-		await gs(n, t);
+		let n = await gs();
+		await _s(n, t);
 		let r = n.codeToTokens(e, {
 			lang: t,
-			theme: Uo
+			theme: Wo
 		}), i = n.codeToTokens(e, {
 			lang: t,
-			theme: Wo
+			theme: Go
 		});
 		return {
-			light: _s(r),
-			dark: _s(i)
+			light: vs(r),
+			dark: vs(i)
 		};
 	} catch (e) {
-		return ps.highlighterPromise = null, ps.highlighter = null, null;
+		return ms.highlighterPromise = null, ms.highlighter = null, null;
 	}
 }
 //#endregion
 //#region src/tools/code/highlight-applier.ts
-var ys = {
+var bs = {
 	stylesheet: null,
 	knownRules: /* @__PURE__ */ new Set()
 };
-function bs() {
+function xs() {
 	return typeof CSS < "u" && "highlights" in CSS;
 }
-function xs() {
+function Ss() {
 	return CSS.highlights;
 }
-function Ss() {
-	return ys.stylesheet || (ys.stylesheet = new CSSStyleSheet(), document.adoptedStyleSheets = [...document.adoptedStyleSheets, ys.stylesheet]), ys.stylesheet;
+function Cs() {
+	return bs.stylesheet || (bs.stylesheet = new CSSStyleSheet(), document.adoptedStyleSheets = [...document.adoptedStyleSheets, bs.stylesheet]), bs.stylesheet;
 }
-function Cs(e) {
+function ws(e) {
 	let t = e.replace("#", "").toLowerCase();
 	return t.length > 6 ? t.substring(0, 6) : t;
 }
-function ws(e, t, n, r) {
+function Ts(e, t, n, r) {
 	let i = `${r == null ? "" : r}::${t}`;
-	if (ys.knownRules.has(i)) return;
+	if (bs.knownRules.has(i)) return;
 	let a = r ? `${r} ::highlight(${t}) { color: ${n}; }` : `::highlight(${t}) { color: ${n}; }`;
-	e.insertRule(a, e.cssRules.length), ys.knownRules.add(i);
+	e.insertRule(a, e.cssRules.length), bs.knownRules.add(i);
 }
-function Ts(e, t) {
+function Es(e, t) {
 	let n = document.createTreeWalker(e, NodeFilter.SHOW_TEXT), r = (i, a) => {
 		var o, s;
 		if (!i) {
@@ -7056,7 +7107,7 @@ function Ts(e, t) {
 	};
 	return r(n.nextNode(), 0);
 }
-function Es(e) {
+function Ds(e) {
 	return e.split("\n").reduce((e, t) => ({
 		offsets: [...e.offsets, e.pos],
 		pos: e.pos + t.length + 1
@@ -7065,30 +7116,30 @@ function Es(e) {
 		pos: 0
 	}).offsets;
 }
-function Ds(e, t, n, r, i, a, o, s, c) {
+function Os(e, t, n, r, i, a, o, s, c) {
 	if (!r.content.trim()) return;
 	let l = n + r.offset, u = l + r.content.length;
 	if (u > t.length) return;
-	let d = Ts(e, l), f = Ts(e, u);
+	let d = Es(e, l), f = Es(e, u);
 	if (!(!d || !f)) try {
 		let e = new Range();
 		e.setStart(d.node, d.offset), e.setEnd(f.node, f.offset);
-		let t = `blok-${i}-${Cs(r.color)}`, n = xs();
-		ws(s, t, r.color, a);
+		let t = `blok-${i}-${ws(r.color)}`, n = Ss();
+		Ts(s, t, r.color, a);
 		let l = n.get(t), u = l == null ? new Highlight() : l;
 		l || (u.priority = o, n.set(t, u)), u.add(e), c.push([t, e]);
 	} catch (e) {}
 }
-function Os(e, t, n, r, i, a, o, s, c) {
+function ks(e, t, n, r, i, a, o, s, c) {
 	for (let [l, u] of r.tokens.entries()) {
 		let r = n[l];
-		if (r !== void 0) for (let n of u) Ds(e, t, r, n, i, a, o, s, c);
+		if (r !== void 0) for (let n of u) Os(e, t, r, n, i, a, o, s, c);
 	}
 }
-function ks(e, t) {
+function As(e, t) {
 	var n;
-	if (!bs()) return () => {};
-	let r = Ss(), i = [], a = (n = e.textContent) == null ? "" : n, o = Es(a), s = [[
+	if (!xs()) return () => {};
+	let r = Cs(), i = [], a = (n = e.textContent) == null ? "" : n, o = Ds(a), s = [[
 		"l",
 		t.light,
 		void 0,
@@ -7096,13 +7147,13 @@ function ks(e, t) {
 	], [
 		"d",
 		t.dark,
-		Go,
+		Ko,
 		1
 	]];
-	for (let [t, n, c, l] of s) Os(e, a, o, n, t, c, l, r, i);
-	return () => As(i, xs());
+	for (let [t, n, c, l] of s) ks(e, a, o, n, t, c, l, r, i);
+	return () => js(i, Ss());
 }
-function As(e, t) {
+function js(e, t) {
 	for (let [n, r] of e) {
 		let e = t.get(n);
 		e && (e.delete(r), e.size === 0 && t.delete(n));
@@ -7110,7 +7161,7 @@ function As(e, t) {
 }
 //#endregion
 //#region src/tools/code/language-detector.ts
-var js = [
+var Ms = [
 	"javascript",
 	"typescript",
 	"python",
@@ -7126,8 +7177,8 @@ var js = [
 	"yaml",
 	"markdown",
 	"php"
-], Ms = 20, Ns = .75, Ps = 2;
-function Fs(e, t) {
+], Ns = 20, Ps = .75, Fs = 2;
+function Is(e, t) {
 	let n = e.flat(), r = n.reduce((e, t) => e + t.content.length, 0);
 	if (r === 0) return 1;
 	let { fgChars: i, nonFgColors: a } = n.reduce((e, n) => ({
@@ -7137,16 +7188,16 @@ function Fs(e, t) {
 		fgChars: 0,
 		nonFgColors: /* @__PURE__ */ new Set()
 	});
-	return a.size < Ps ? 1 : i / r;
+	return a.size < Fs ? 1 : i / r;
 }
-async function Is(e) {
-	if (e.length < Ms) return null;
-	let t = (await Promise.all(js.map(async (t) => ({
+async function Ls(e) {
+	if (e.length < Ns) return null;
+	let t = (await Promise.all(Ms.map(async (t) => ({
 		lang: t,
-		tokens: await vs(e, t)
+		tokens: await ys(e, t)
 	})))).reduce((e, { lang: t, tokens: n }) => {
 		if (!n) return e;
-		let r = Fs(n.light.tokens, n.light.fg);
+		let r = Is(n.light.tokens, n.light.fg);
 		return r < e.score ? {
 			lang: t,
 			score: r
@@ -7155,35 +7206,35 @@ async function Is(e) {
 		lang: null,
 		score: Infinity
 	});
-	return t.lang === null || t.score >= Ns ? null : t.lang;
+	return t.lang === null || t.score >= Ps ? null : t.lang;
 }
 //#endregion
 //#region src/tools/code/index.ts
-var Ls = 1500, Rs = class {
+var Rs = 1500, zs = class {
 	constructor({ data: e, api: t, readOnly: n }) {
 		var r, i, a;
 		this._dom = null, this._lineNumbers = !0, this._picker = null, this._viewMode = "preview", this._previewContainer = null, this._disposeHighlights = null, this._highlightRafId = null, this._detectedLanguage = null, this._detectionTimeoutId = null, this.api = t, this.readOnly = n, this._data = {
 			code: (r = e == null ? void 0 : e.code) == null ? "" : r,
-			language: (i = e == null ? void 0 : e.language) == null ? bo : i,
+			language: (i = e == null ? void 0 : e.language) == null ? xo : i,
 			lineNumbers: e == null ? void 0 : e.lineNumbers
 		}, this._lineNumbers = (a = e == null ? void 0 : e.lineNumbers) == null ? !0 : a;
 	}
 	render() {
-		let e = Ao.has(this._data.language), t = Qo({
+		let e = jo.has(this._data.language), t = $o({
 			code: this._data.code,
 			languageName: this.getLanguageName(this._data.language),
 			readOnly: this.readOnly,
-			copyLabel: this.api.i18n.t(vo),
+			copyLabel: this.api.i18n.t(yo),
 			previewable: this.readOnly ? !1 : e,
 			viewModeLabels: this.readOnly ? void 0 : {
-				code: this.api.i18n.t(jo),
-				preview: this.api.i18n.t(Mo),
-				split: this.api.i18n.t(Po)
+				code: this.api.i18n.t(Mo),
+				preview: this.api.i18n.t(No),
+				split: this.api.i18n.t(Fo)
 			}
 		});
 		if (this._dom = t, t.gutterElement.hidden = !this._lineNumbers, this.readOnly && e) {
 			let e = document.createElement("div");
-			e.className = No, e.setAttribute("data-blok-testid", "code-preview"), t.wrapper.appendChild(e), t.preElement.hidden = !0, t.gutterElement.hidden = !0, this._previewContainer = e, this.renderPreview();
+			e.className = Po, e.setAttribute("data-blok-testid", "code-preview"), t.wrapper.appendChild(e), t.preElement.hidden = !0, t.gutterElement.hidden = !0, this._previewContainer = e, this.renderPreview();
 		}
 		if (!this.readOnly && e && t.previewElement && (this._viewMode = "preview", this._previewContainer = t.previewElement, this.applyViewMode(), this.renderPreview()), !this.readOnly && t.viewModeContainer) {
 			let e = Array.from(t.viewModeContainer.querySelectorAll("[data-mode]"));
@@ -7196,10 +7247,10 @@ var Ls = 1500, Rs = class {
 			}
 		}
 		return this.readOnly || (t.codeElement.addEventListener("keydown", (e) => {
-			$o(e, t.codeElement, () => this.exitBlock()) && (e.preventDefault(), this.syncTrailingBr(), this.updateGutter(), this.scheduleHighlight(), this.scheduleDetection());
+			es(e, t.codeElement, () => this.exitBlock()) && (e.preventDefault(), this.syncTrailingBr(), this.updateGutter(), this.scheduleHighlight(), this.scheduleDetection());
 		}), t.codeElement.addEventListener("input", () => {
 			this.syncTrailingBr(), this.updateGutter(), this.scheduleHighlight(), this.scheduleDetection();
-		})), t.copyButton.addEventListener("click", () => this.copyCode()), E(t.copyButton, this.api.i18n.t(vo), { placement: "bottom" }), this.readOnly || (this._picker = this.buildLanguagePicker(t.languageButton, t.wrapper), t.languageButton.addEventListener("click", () => {
+		})), t.copyButton.addEventListener("click", () => this.copyCode()), E(t.copyButton, this.api.i18n.t(yo), { placement: "bottom" }), this.readOnly || (this._picker = this.buildLanguagePicker(t.languageButton, t.wrapper), t.languageButton.addEventListener("click", () => {
 			var e;
 			if ((e = this._picker) != null && e.isShown) this._picker.hide();
 			else {
@@ -7221,17 +7272,17 @@ var Ls = 1500, Rs = class {
 	applyViewMode() {
 		var e, t;
 		if (!((e = this._dom) != null && e.previewElement) || !this._dom.viewModeContainer || !this._dom.splitContainer) return;
-		Zo(this._dom.viewModeContainer, this._viewMode);
+		Qo(this._dom.viewModeContainer, this._viewMode);
 		let n = (t = this._dom.preElement.parentElement) == null ? void 0 : t.parentElement;
 		switch (this._viewMode) {
 			case "code":
-				this._dom.preElement.hidden = !1, this._dom.gutterElement.hidden = !this._lineNumbers, this._dom.previewElement.hidden = !0, n && (n.hidden = !1), this._dom.splitContainer.className = Bo;
+				this._dom.preElement.hidden = !1, this._dom.gutterElement.hidden = !this._lineNumbers, this._dom.previewElement.hidden = !0, n && (n.hidden = !1), this._dom.splitContainer.className = Vo;
 				break;
 			case "preview":
-				this._dom.preElement.hidden = !0, this._dom.gutterElement.hidden = !0, this._dom.previewElement.hidden = !1, n && (n.hidden = !0), this._dom.splitContainer.className = Bo;
+				this._dom.preElement.hidden = !0, this._dom.gutterElement.hidden = !0, this._dom.previewElement.hidden = !1, n && (n.hidden = !0), this._dom.splitContainer.className = Vo;
 				break;
 			case "split":
-				this._dom.preElement.hidden = !1, this._dom.gutterElement.hidden = !this._lineNumbers, this._dom.previewElement.hidden = !1, n && (n.hidden = !1), this._dom.splitContainer.className = Vo;
+				this._dom.preElement.hidden = !1, this._dom.gutterElement.hidden = !this._lineNumbers, this._dom.previewElement.hidden = !1, n && (n.hidden = !1), this._dom.splitContainer.className = Ho;
 				break;
 		}
 	}
@@ -7240,7 +7291,7 @@ var Ls = 1500, Rs = class {
 		let r = e._previewContainer;
 		if (!r) return;
 		let i = (t = (n = e._dom) == null ? void 0 : n.codeElement.textContent) == null ? e._data.code : t;
-		r.innerHTML = e._data.language === "mermaid" ? await ds(i) : await cs(i);
+		r.innerHTML = e._data.language === "mermaid" ? await fs(i) : await ls(i);
 	}
 	setReadOnly(e) {
 		this.readOnly = e, this._dom && (e ? (this._dom.codeElement.setAttribute("contenteditable", "false"), this._dom.codeElement.removeAttribute("spellcheck")) : (this._dom.codeElement.setAttribute("contenteditable", "plaintext-only"), this._dom.codeElement.setAttribute("spellcheck", "false")));
@@ -7257,12 +7308,12 @@ var Ls = 1500, Rs = class {
 		return e.code.trim() !== "";
 	}
 	merge(e) {
-		this._data.code += "\n" + e.code, this._dom && (this._dom.codeElement.textContent = this._data.code), this.highlightCode();
+		this._data.code += "\n" + e.code, this._dom && (this._dom.codeElement.textContent = this._data.code, this.syncTrailingBr(), this.updateGutter()), this.highlightCode();
 	}
 	renderSettings() {
 		let e = this._data.language, t = this._detectedLanguage, n = t !== null && t !== e, r = [];
 		if (n) {
-			let e = xo.find((e) => e.id === t);
+			let e = So.find((e) => e.id === t);
 			e && (r.push({
 				title: e.name,
 				secondaryLabel: "auto",
@@ -7272,14 +7323,14 @@ var Ls = 1500, Rs = class {
 				isActive: () => this._data.language === e.id
 			}), r.push({ type: w.Separator }));
 		}
-		return r.push(...xo.map((t) => ({
+		return r.push(...So.map((t) => ({
 			title: t.name,
 			trailingIcon: t.id === e ? He : void 0,
 			onActivate: () => this.setLanguage(t.id),
 			closeOnActivate: !0
 		}))), [{
 			icon: ne,
-			title: this.api.i18n.t(go),
+			title: this.api.i18n.t(_o),
 			name: "code-language",
 			children: { items: r }
 		}];
@@ -7296,11 +7347,11 @@ var Ls = 1500, Rs = class {
 				this._data.code = t;
 			}
 		}
-		this._dom && (this._dom.codeElement.textContent = this._data.code), this.highlightCode();
+		this._dom && (this._dom.codeElement.textContent = this._data.code, this.syncTrailingBr(), this.updateGutter()), this.highlightCode();
 	}
 	setLanguage(e) {
 		this._data.language = e;
-		let t = Ao.has(e);
+		let t = jo.has(e);
 		if (this._dom) {
 			let n = this._dom.languageButton.querySelector("span");
 			n && (n.textContent = this.getLanguageName(e)), this._dom.viewModeContainer && (this._dom.viewModeContainer.hidden = !t), t && this._dom.previewElement && (this._previewContainer = this._dom.previewElement, this._viewMode = "preview", this.applyViewMode(), this.renderPreview()), t || (this._previewContainer = null, this._viewMode = "code", this.applyViewMode()), this._picker && this._picker.destroy(), this._picker = this.buildLanguagePicker(this._dom.languageButton, this._dom.wrapper);
@@ -7310,7 +7361,7 @@ var Ls = 1500, Rs = class {
 	buildLanguagePickerItems() {
 		let e = this._data.language, t = this._detectedLanguage, n = t !== null && t !== e, r = [];
 		if (n) {
-			let e = xo.find((e) => e.id === t);
+			let e = So.find((e) => e.id === t);
 			e && (r.push({
 				title: e.name,
 				name: e.id,
@@ -7321,7 +7372,7 @@ var Ls = 1500, Rs = class {
 				onActivate: () => this.setLanguage(e.id)
 			}), r.push({ type: w.Separator }));
 		}
-		return r.push(...xo.map((t) => ({
+		return r.push(...So.map((t) => ({
 			title: t.name,
 			name: t.id,
 			trailingIcon: t.id === e ? He : void 0,
@@ -7337,11 +7388,11 @@ var Ls = 1500, Rs = class {
 			leftAlignElement: t,
 			searchable: !0,
 			width: "200px",
-			messages: { search: this.api.i18n.t(yo) }
+			messages: { search: this.api.i18n.t(bo) }
 		});
 	}
 	getLanguageName(e) {
-		let t = xo.find((t) => t.id === e);
+		let t = So.find((t) => t.id === e);
 		return t ? t.name : e;
 	}
 	copyCode() {
@@ -7350,9 +7401,9 @@ var Ls = 1500, Rs = class {
 		navigator.clipboard.writeText(n).then(() => {
 			if (!this._dom) return;
 			let e = this._dom.copyButton, t = e.innerHTML;
-			e.innerHTML = `<span class="${ko}">${this.api.i18n.t(_o)}</span>`, setTimeout(() => {
+			e.innerHTML = `<span class="${Ao}">${this.api.i18n.t(vo)}</span>`, setTimeout(() => {
 				e.innerHTML = t;
-			}, Ls);
+			}, Rs);
 		}).catch(() => {});
 	}
 	updateGutter() {
@@ -7361,7 +7412,7 @@ var Ls = 1500, Rs = class {
 		let t = (e = this._dom.codeElement.textContent) == null ? "" : e, n = t ? t.split("\n").length : 1, r = this._dom.gutterElement;
 		r.children.length !== n && (r.innerHTML = "", Array.from({ length: n }, (e, t) => {
 			let n = document.createElement("div");
-			n.className = Yo, n.textContent = String(t + 1), r.appendChild(n);
+			n.className = Xo, n.textContent = String(t + 1), r.appendChild(n);
 		}));
 	}
 	syncTrailingBr() {
@@ -7378,14 +7429,14 @@ var Ls = 1500, Rs = class {
 	scheduleDetection() {
 		this._detectionTimeoutId !== null && clearTimeout(this._detectionTimeoutId), this._detectionTimeoutId = setTimeout(() => {
 			var e, t;
-			this._detectionTimeoutId = null, Is((e = (t = this._dom) == null ? void 0 : t.codeElement.textContent) == null ? "" : e).then((e) => {
+			this._detectionTimeoutId = null, Ls((e = (t = this._dom) == null ? void 0 : t.codeElement.textContent) == null ? "" : e).then((e) => {
 				e !== this._detectedLanguage && (this._detectedLanguage = e, this._dom && (this._picker && this._picker.destroy(), this._picker = this.buildLanguagePicker(this._dom.languageButton, this._dom.wrapper)));
 			});
 		}, 600);
 	}
 	async highlightCode() {
 		var e = this, t, n, r;
-		if (!bs() || !ms(e._data.language)) {
+		if (!xs() || !hs(e._data.language)) {
 			var i;
 			(i = e._disposeHighlights) == null || i.call(e), e._disposeHighlights = null;
 			return;
@@ -7396,8 +7447,8 @@ var Ls = 1500, Rs = class {
 			(o = e._disposeHighlights) == null || o.call(e), e._disposeHighlights = null;
 			return;
 		}
-		let s = await vs(a, e._data.language);
-		!s || !e._dom || ((r = e._disposeHighlights) == null || r.call(e), e._disposeHighlights = ks(e._dom.codeElement, s));
+		let s = await ys(a, e._data.language);
+		!s || !e._dom || ((r = e._disposeHighlights) == null || r.call(e), e._disposeHighlights = As(e._dom.codeElement, s));
 	}
 	exitBlock() {
 		let e = this.api.blocks.getCurrentBlockIndex();
@@ -7444,36 +7495,36 @@ var Ls = 1500, Rs = class {
 			patterns: { code: /^```/ }
 		};
 	}
-}, G = (e) => {
+}, W = (e) => {
 	let t = e.tagName;
 	return t === "B" || t === "STRONG";
-}, zs = (e) => !!(e && e.nodeType === Node.ELEMENT_NODE && G(e)), Bs = (e) => e.textContent.length === 0, K = (e) => e ? e.nodeType === Node.ELEMENT_NODE && G(e) ? q(e) : K(e.parentNode) : null, q = (e) => {
+}, Bs = (e) => !!(e && e.nodeType === Node.ELEMENT_NODE && W(e)), Vs = (e) => e.textContent.length === 0, G = (e) => e ? e.nodeType === Node.ELEMENT_NODE && W(e) ? K(e) : G(e.parentNode) : null, K = (e) => {
 	if (e.tagName === "STRONG") return e;
 	let t = document.createElement("strong");
 	for (e.hasAttributes() && Array.from(e.attributes).forEach((e) => {
 		t.setAttribute(e.name, e.value);
 	}); e.firstChild;) t.appendChild(e.firstChild);
 	return e.replaceWith(t), t;
-}, Vs = (e) => {
+}, Hs = (e) => {
 	let t = e.nextSibling;
 	if ((t == null ? void 0 : t.nodeType) === Node.TEXT_NODE) return t;
 	let n = e.parentNode;
 	if (!n) return null;
 	let r = e.ownerDocument.createTextNode("");
 	return n.insertBefore(r, t), r;
-}, Hs = (e) => {
+}, Us = (e) => {
 	if (!e.boldElement.isConnected) return null;
-	let t = q(e.boldElement), n = e.boundary, r = n.isConnected && n.previousSibling === t ? n : Vs(t);
+	let t = K(e.boldElement), n = e.boundary, r = n.isConnected && n.previousSibling === t ? n : Hs(t);
 	return r ? {
 		boundary: r,
 		boldElement: t
 	} : null;
-}, Us = (e, t) => e ? e === t || t.contains(e) : !1, Ws, J = {
+}, Ws = (e, t) => e ? e === t || t.contains(e) : !1, Gs, q = {
 	COLLAPSED_LENGTH: "data-blok-bold-collapsed-length",
 	COLLAPSED_ACTIVE: "data-blok-bold-collapsed-active",
 	PREV_LENGTH: "data-blok-bold-prev-length",
 	LEADING_WHITESPACE: "data-blok-bold-leading-ws"
-}, Y = class e {
+}, J = class e {
 	constructor() {
 		this.records = /* @__PURE__ */ new Set();
 	}
@@ -7487,15 +7538,15 @@ var Ls = 1500, Rs = class {
 		return this.records.size > 0;
 	}
 	isActivePlaceholder(e) {
-		return e.getAttribute(J.COLLAPSED_ACTIVE) === "true" || e.hasAttribute(J.COLLAPSED_LENGTH);
+		return e.getAttribute(q.COLLAPSED_ACTIVE) === "true" || e.hasAttribute(q.COLLAPSED_LENGTH);
 	}
 	static get ATTR() {
-		return J;
+		return q;
 	}
 	enter(e, t) {
 		if (!e.collapsed) return;
 		let n = document.createElement("strong"), r = document.createTextNode("");
-		n.appendChild(r), n.setAttribute(J.COLLAPSED_ACTIVE, "true");
+		n.appendChild(r), n.setAttribute(q.COLLAPSED_ACTIVE, "true");
 		let i = e.startContainer, a = e.startOffset;
 		if (!(i.nodeType === Node.TEXT_NODE ? this.insertCollapsedBoldIntoText(i, n, a) : i.nodeType === Node.ELEMENT_NODE && (this.insertCollapsedBoldIntoElement(i, n, a), !0))) return;
 		let o = document.createRange();
@@ -7512,23 +7563,23 @@ var Ls = 1500, Rs = class {
 		let i = e.textContent, a = i.slice(0, n), o = i.slice(n);
 		e.textContent = a;
 		let s = o.length ? document.createTextNode(o) : null;
-		return s && r.insertBefore(s, e.nextSibling), r.insertBefore(t, s == null ? e.nextSibling : s), t.setAttribute(J.PREV_LENGTH, a.length.toString()), !0;
+		return s && r.insertBefore(s, e.nextSibling), r.insertBefore(t, s == null ? e.nextSibling : s), t.setAttribute(q.PREV_LENGTH, a.length.toString()), !0;
 	}
 	insertCollapsedBoldIntoElement(e, t, n) {
 		var r;
 		let i = (r = e.childNodes[n]) == null ? null : r;
-		e.insertBefore(t, i), t.setAttribute(J.PREV_LENGTH, "0");
+		e.insertBefore(t, i), t.setAttribute(q.PREV_LENGTH, "0");
 	}
 	exit(e, t) {
-		let n = q(t), r = n.parentNode;
-		if (r) return Bs(n) ? this.removeEmptyBoldElement(e, n, r) : this.exitBoldWithContent(e, n, r);
+		let n = K(t), r = n.parentNode;
+		if (r) return Vs(n) ? this.removeEmptyBoldElement(e, n, r) : this.exitBoldWithContent(e, n, r);
 	}
 	removeEmptyBoldElement(e, t, n) {
 		let r = document.createRange();
 		return r.setStartBefore(t), r.collapse(!0), n.removeChild(t), e.removeAllRanges(), e.addRange(r), r;
 	}
 	exitBoldWithContent(e, t, n) {
-		t.setAttribute(J.COLLAPSED_LENGTH, t.textContent.length.toString()), t.removeAttribute(J.PREV_LENGTH), t.removeAttribute(J.COLLAPSED_ACTIVE), t.removeAttribute(J.LEADING_WHITESPACE);
+		t.setAttribute(q.COLLAPSED_LENGTH, t.textContent.length.toString()), t.removeAttribute(q.PREV_LENGTH), t.removeAttribute(q.COLLAPSED_ACTIVE), t.removeAttribute(q.LEADING_WHITESPACE);
 		let r = t.nextSibling, i = !r || r.nodeType !== Node.TEXT_NODE, a = i ? document.createTextNode("​") : null;
 		a && n.insertBefore(a, r);
 		let o = a == null ? r : a;
@@ -7545,7 +7596,7 @@ var Ls = 1500, Rs = class {
 	}
 	maintain() {
 		if (!(typeof document > "u")) for (let e of Array.from(this.records)) {
-			let t = Hs(e);
+			let t = Us(e);
 			if (!t) {
 				this.records.delete(e);
 				continue;
@@ -7580,10 +7631,10 @@ var Ls = 1500, Rs = class {
 		var t, n;
 		let r = (t = e == null ? void 0 : e.anchorNode) == null ? e == null ? void 0 : e.focusNode : t, i = r && r.nodeType === Node.ELEMENT_NODE ? r : r == null ? void 0 : r.parentElement, a = (n = i == null ? void 0 : i.closest(T(C.editor))) == null ? i == null ? void 0 : i.ownerDocument : n;
 		if (!a) return;
-		let o = `strong[${J.COLLAPSED_ACTIVE}="true"]`;
+		let o = `strong[${q.COLLAPSED_ACTIVE}="true"]`;
 		a.querySelectorAll(o).forEach((t) => {
 			var n;
-			let r = t.getAttribute(J.PREV_LENGTH), i = t.previousSibling;
+			let r = t.getAttribute(q.PREV_LENGTH), i = t.previousSibling;
 			if (!r || !i || i.nodeType !== Node.TEXT_NODE) return;
 			let a = Number(r);
 			if (!Number.isFinite(a)) return;
@@ -7592,10 +7643,10 @@ var Ls = 1500, Rs = class {
 			let c = s.slice(0, a), l = s.slice(a);
 			o.textContent = c;
 			let u = l.match(/^[\u00A0\s]+/);
-			if (u && !t.hasAttribute(J.LEADING_WHITESPACE) && t.setAttribute(J.LEADING_WHITESPACE, u[0]), l.length === 0) return;
-			let d = t.textContent, f = d + l, p = (n = t.getAttribute(J.LEADING_WHITESPACE)) == null ? "" : n, m = p.length > 0 && d.length === 0 && !f.startsWith(p) ? p + f : f, h = document.createTextNode(m);
+			if (u && !t.hasAttribute(q.LEADING_WHITESPACE) && t.setAttribute(q.LEADING_WHITESPACE, u[0]), l.length === 0) return;
+			let d = t.textContent, f = d + l, p = (n = t.getAttribute(q.LEADING_WHITESPACE)) == null ? "" : n, m = p.length > 0 && d.length === 0 && !f.startsWith(p) ? p + f : f, h = document.createTextNode(m);
 			for (; t.firstChild;) t.removeChild(t.firstChild);
-			if (t.appendChild(h), !(e != null && e.isCollapsed) || !Us(e.focusNode, o)) return;
+			if (t.appendChild(h), !(e != null && e.isCollapsed) || !Ws(e.focusNode, o)) return;
 			let g = document.createRange(), _ = h.textContent.length;
 			g.setStart(h, _), g.collapse(!0), e.removeAllRanges(), e.addRange(g);
 		});
@@ -7605,13 +7656,13 @@ var Ls = 1500, Rs = class {
 		let n = (t = e == null ? void 0 : e.anchorNode) == null ? e == null ? void 0 : e.focusNode : t;
 		if (!n) return;
 		let r = n.nodeType === Node.ELEMENT_NODE ? n : n.parentElement, i = r == null ? void 0 : r.closest(T(C.editor));
-		i && i.querySelectorAll(`strong[${J.COLLAPSED_LENGTH}]`).forEach((t) => {
+		i && i.querySelectorAll(`strong[${q.COLLAPSED_LENGTH}]`).forEach((t) => {
 			var n;
-			let r = t.getAttribute(J.COLLAPSED_LENGTH);
+			let r = t.getAttribute(q.COLLAPSED_LENGTH);
 			if (!r) return;
 			let i = Number(r), a = t.textContent;
 			if (!Number.isFinite(i)) return;
-			let o = a.length > i, s = o ? this.splitCollapsedBoldText(t, i, a) : null, c = t.getAttribute(J.PREV_LENGTH), l = c ? Number(c) : NaN, u = t.previousSibling, d = (u == null ? void 0 : u.nodeType) === Node.TEXT_NODE ? u : null, f = (n = d == null ? void 0 : d.textContent) == null ? "" : n, p = !!(c && Number.isFinite(l) && d && f.length > l);
+			let o = a.length > i, s = o ? this.splitCollapsedBoldText(t, i, a) : null, c = t.getAttribute(q.PREV_LENGTH), l = c ? Number(c) : NaN, u = t.previousSibling, d = (u == null ? void 0 : u.nodeType) === Node.TEXT_NODE ? u : null, f = (n = d == null ? void 0 : d.textContent) == null ? "" : n, p = !!(c && Number.isFinite(l) && d && f.length > l);
 			if (p && d) {
 				var m;
 				let e = f.slice(0, l), n = f.slice(l);
@@ -7619,11 +7670,11 @@ var Ls = 1500, Rs = class {
 				let r = document.createTextNode(n);
 				(m = t.parentNode) == null || m.insertBefore(r, t.nextSibling);
 			}
-			if (p && t.removeAttribute(J.PREV_LENGTH), e != null && e.isCollapsed && s && Us(e.focusNode, t)) {
+			if (p && t.removeAttribute(q.PREV_LENGTH), e != null && e.isCollapsed && s && Ws(e.focusNode, t)) {
 				let t = document.createRange(), n = s.textContent.length;
 				t.setStart(s, n), t.collapse(!0), e.removeAllRanges(), e.addRange(t);
 			}
-			o && t.removeAttribute(J.COLLAPSED_LENGTH);
+			o && t.removeAttribute(q.COLLAPSED_LENGTH);
 		});
 	}
 	splitCollapsedBoldText(e, t, n) {
@@ -7655,8 +7706,8 @@ var Ls = 1500, Rs = class {
 		if (!e.rangeCount) return;
 		let t = e.getRangeAt(0);
 		if (!t.collapsed) return;
-		let n = K(t.startContainer);
-		(n == null ? void 0 : n.getAttribute(J.COLLAPSED_ACTIVE)) !== "true" && (this.moveCaretFromElementContainer(e, t) || this.moveCaretFromTextContainer(e, t));
+		let n = G(t.startContainer);
+		(n == null ? void 0 : n.getAttribute(q.COLLAPSED_ACTIVE)) !== "true" && (this.moveCaretFromElementContainer(e, t) || this.moveCaretFromTextContainer(e, t));
 	}
 	moveCaretFromElementContainer(e, t) {
 		if (t.startContainer.nodeType !== Node.ELEMENT_NODE) return !1;
@@ -7686,7 +7737,7 @@ var Ls = 1500, Rs = class {
 			this.setCaret(e, n, i.length);
 			return;
 		}
-		let o = K(n);
+		let o = G(n);
 		if (!o || t.startOffset !== n.textContent.length) return;
 		let s = this.ensureFollowingTextNode(o, o.nextSibling);
 		if (s) {
@@ -7713,18 +7764,18 @@ var Ls = 1500, Rs = class {
 		return t.tagName === "STRONG" || t.tagName === "B";
 	}
 };
-Ws = Y, Ws.instance = null;
+Gs = J, Gs.instance = null;
 //#endregion
 //#region src/components/inline-tools/services/bold-normalization-pass.ts
-var Gs = {
+var Ks = {
 	convertLegacyTags: !0,
 	normalizeWhitespace: !0,
 	removeEmpty: !0,
 	mergeAdjacent: !0,
 	preserveNode: null
-}, X = class e {
+}, Y = class e {
 	constructor(e) {
-		this.options = O(O({}, Gs), e);
+		this.options = O(O({}, Ks), e);
 	}
 	run(e) {
 		if (typeof document > "u") return;
@@ -7759,7 +7810,7 @@ var Gs = {
 	processCollectedElements(e, t) {
 		this.options.convertLegacyTags && e.forEach((e) => {
 			if (e.isConnected) {
-				let n = q(e);
+				let n = K(e);
 				t.push(n);
 			}
 		}), t.forEach((e) => {
@@ -7777,19 +7828,19 @@ var Gs = {
 		t.includes("\xA0") && (e.textContent = t.replace(/\u00A0/g, " "));
 	}
 	isEmptyAndSafe(e) {
-		return e.textContent.length !== 0 || Y.getInstance().isActivePlaceholder(e) ? !1 : !(this.options.preserveNode && Us(this.options.preserveNode, e));
+		return e.textContent.length !== 0 || J.getInstance().isActivePlaceholder(e) ? !1 : !(this.options.preserveNode && Ws(this.options.preserveNode, e));
 	}
 	mergeWithAdjacent(e) {
 		let t = e.previousSibling;
-		if (t && zs(t)) {
+		if (t && Bs(t)) {
 			this.mergeStrongNodes(t, e);
 			return;
 		}
 		let n = e.nextSibling;
-		n && zs(n) && this.mergeStrongNodes(e, n);
+		n && Bs(n) && this.mergeStrongNodes(e, n);
 	}
 	mergeStrongNodes(e, t) {
-		let n = q(e), r = q(t);
+		let n = K(e), r = K(t);
 		for (; r.firstChild;) n.appendChild(r.firstChild);
 		r.remove();
 	}
@@ -7800,7 +7851,7 @@ var Gs = {
 		let i = r.nodeType === Node.ELEMENT_NODE ? r : r.parentElement;
 		return i ? ((n = i.closest("[data-blok-component=\"paragraph\"]")) == null ? i.closest(T(C.elementContent)) : n) || i.closest(T(C.editor)) : null;
 	}
-}, Ks, qs = class e {
+}, qs, Js = class e {
 	constructor() {
 		this.handlers = /* @__PURE__ */ new Map(), this.listenersRegistered = !1, this.handleSelectionChange = () => {
 			let e = this.getSelection();
@@ -7857,10 +7908,10 @@ var Gs = {
 		return !(t.meta && !n || t.ctrl && !e.ctrlKey);
 	}
 };
-Ks = qs, Ks.instance = null;
+qs = Js, qs.instance = null;
 //#endregion
 //#region src/components/inline-tools/utils/formatting-range-utils.ts
-var Js = (e, t) => {
+var Ys = (e, t) => {
 	try {
 		return e.intersectsNode(t);
 	} catch (n) {
@@ -7869,26 +7920,26 @@ var Js = (e, t) => {
 		let i = e.compareBoundaryPoints(Range.END_TO_START, r) > 0, a = e.compareBoundaryPoints(Range.START_TO_END, r) < 0;
 		return i && a;
 	}
-}, Ys = (e) => {
+}, Xs = (e) => {
 	var t;
 	let n = e.commonAncestorContainer, r = n.nodeType === Node.TEXT_NODE ? (t = n.parentNode) == null ? n : t : n;
-	return document.createTreeWalker(r, NodeFilter.SHOW_TEXT, { acceptNode: (t) => Js(e, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT });
-}, Z = (e, t, n) => !e || e === n ? null : e.nodeType === Node.ELEMENT_NODE && t(e) ? e : Z(e.parentNode, t, n), Xs = (e, t) => Z(e, t) !== null, Zs = (e, t, n = {}) => {
-	if (e.collapsed) return Z(e.startContainer, t) !== null;
-	let r = Ys(e), i = [];
+	return document.createTreeWalker(r, NodeFilter.SHOW_TEXT, { acceptNode: (t) => Ys(e, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT });
+}, X = (e, t, n) => !e || e === n ? null : e.nodeType === Node.ELEMENT_NODE && t(e) ? e : X(e.parentNode, t, n), Zs = (e, t) => X(e, t) !== null, Qs = (e, t, n = {}) => {
+	if (e.collapsed) return X(e.startContainer, t) !== null;
+	let r = Xs(e), i = [];
 	for (; r.nextNode();) {
 		let e = r.currentNode, t = e.textContent;
 		n.ignoreWhitespace && t.trim().length === 0 || t.length !== 0 && i.push(e);
 	}
-	return i.length === 0 ? Z(e.startContainer, t) !== null : i.every((e) => Xs(e, t));
-}, Q = (e, t) => {
-	let n = /* @__PURE__ */ new Set(), r = Ys(e);
+	return i.length === 0 ? X(e.startContainer, t) !== null : i.every((e) => Zs(e, t));
+}, Z = (e, t) => {
+	let n = /* @__PURE__ */ new Set(), r = Xs(e);
 	for (; r.nextNode();) {
-		let e = Z(r.currentNode, t);
+		let e = X(r.currentNode, t);
 		e && n.add(e);
 	}
 	return Array.from(n);
-}, $, Qs = class e {
+}, Q, $s = class e {
 	static get sanitize() {
 		return {
 			strong: {},
@@ -7900,7 +7951,7 @@ var Js = (e, t) => {
 	}
 	static initializeGlobalListeners() {
 		if (typeof document > "u") return !1;
-		let t = qs.getInstance();
+		let t = Js.getInstance();
 		return t.hasHandler("bold") ? !0 : (t.register("bold", {
 			shortcut: {
 				key: "b",
@@ -7916,14 +7967,14 @@ var Js = (e, t) => {
 			onInput: (t, n) => {
 				e.refreshSelectionState("input");
 			},
-			onBeforeInput: (e) => e.inputType === "formatBold" ? (X.normalizeAroundSelection(window.getSelection()), !0) : !1,
+			onBeforeInput: (e) => e.inputType === "formatBold" ? (Y.normalizeAroundSelection(window.getSelection()), !0) : !1,
 			isRelevant: (t) => e.isSelectionInsideBlok(t)
 		}), e.guardKeydownListenerRegistered || (document.addEventListener("keydown", (e) => {
-			Y.getInstance().guardBoundaryKeydown(e);
+			J.getInstance().guardBoundaryKeydown(e);
 		}, !0), e.guardKeydownListenerRegistered = !0), e.ensureMutationObserver(), !0);
 	}
 	static mergeStrongNodes(e, t) {
-		let n = q(e), r = q(t);
+		let n = K(e), r = K(t);
 		for (; r.firstChild;) n.appendChild(r.firstChild);
 		return r.remove(), n;
 	}
@@ -7960,11 +8011,11 @@ var Js = (e, t) => {
 		r && n && (r.removeAllRanges(), r.addRange(n));
 		let i = this.findBoldElementFromRangeOrSelection(n, r);
 		if (!i) {
-			X.normalizeAroundSelection(r), this.notifySelectionChange();
+			Y.normalizeAroundSelection(r), this.notifySelectionChange();
 			return;
 		}
 		let a = this.mergeAdjacentBold(i);
-		this.selectElementContents(a), X.normalizeAroundSelection(r), this.notifySelectionChange();
+		this.selectElementContents(a), Y.normalizeAroundSelection(r), this.notifySelectionChange();
 	}
 	unwrapBoldTags(t) {
 		let n = this.collectBoldAncestors(t), r = window.getSelection();
@@ -7973,7 +8024,7 @@ var Js = (e, t) => {
 		i.setAttribute("data-blok-bold-marker", `unwrap-${e.markerSequence++}`), i.appendChild(a), this.removeNestedBold(i), t.insertNode(i);
 		let o = document.createRange();
 		for (o.selectNodeContents(i), r.removeAllRanges(), r.addRange(o);;) {
-			let e = K(i);
+			let e = G(i);
 			if (!e) break;
 			this.moveMarkerOutOfBold(i, e);
 		}
@@ -7981,8 +8032,8 @@ var Js = (e, t) => {
 		this.unwrapElement(i), s && c && (() => {
 			let e = document.createRange();
 			return e.setStartBefore(s), e.setEndAfter(c), r.removeAllRanges(), r.addRange(e), e;
-		})() || r.removeAllRanges(), X.normalizeAroundSelection(r), n.forEach((e) => {
-			Bs(e) && e.remove();
+		})() || r.removeAllRanges(), Y.normalizeAroundSelection(r), n.forEach((e) => {
+			Vs(e) && e.remove();
 		}), this.notifySelectionChange();
 	}
 	replaceRangeWithHtml(t, n) {
@@ -8022,7 +8073,7 @@ var Js = (e, t) => {
 		n.selectNodeContents(e), t.removeAllRanges(), t.addRange(n);
 	}
 	isRangeBold(e, t) {
-		return Zs(e, G, t);
+		return Qs(e, W, t);
 	}
 	removeNestedBold(e) {
 		e.querySelectorAll("b,strong").forEach((e) => {
@@ -8039,28 +8090,28 @@ var Js = (e, t) => {
 		t.removeChild(e);
 	}
 	findBoldElementFromRangeOrSelection(e, t) {
-		return e ? K(e.startContainer) || K(e.commonAncestorContainer) || (e.startContainer.nodeType === Node.ELEMENT_NODE && G(e.startContainer) ? e.startContainer : null) : t ? K(t.focusNode) : null;
+		return e ? G(e.startContainer) || G(e.commonAncestorContainer) || (e.startContainer.nodeType === Node.ELEMENT_NODE && W(e.startContainer) ? e.startContainer : null) : t ? G(t.focusNode) : null;
 	}
 	mergeAdjacentBold(t) {
-		let n = q(t), r = n.previousSibling, i = r && r.nodeType === Node.ELEMENT_NODE && G(r) ? e.mergeStrongNodes(r, n) : n, a = i.nextSibling;
-		return a && a.nodeType === Node.ELEMENT_NODE && G(a) ? e.mergeStrongNodes(i, a) : i;
+		let n = K(t), r = n.previousSibling, i = r && r.nodeType === Node.ELEMENT_NODE && W(r) ? e.mergeStrongNodes(r, n) : n, a = i.nextSibling;
+		return a && a.nodeType === Node.ELEMENT_NODE && W(a) ? e.mergeStrongNodes(i, a) : i;
 	}
 	toggleCollapsedSelection() {
 		let t = window.getSelection();
 		if (!t || t.rangeCount === 0) return;
-		let n = t.getRangeAt(0), r = K(n.startContainer), i = (() => {
-			if (r && r.getAttribute(Y.ATTR.COLLAPSED_ACTIVE) !== "true") return Y.getInstance().exit(t, r);
+		let n = t.getRangeAt(0), r = G(n.startContainer), i = (() => {
+			if (r && r.getAttribute(J.ATTR.COLLAPSED_ACTIVE) !== "true") return J.getInstance().exit(t, r);
 			let i = r == null ? e.getBoundaryBold(n) : r;
-			return i ? Y.getInstance().exit(t, i) : this.startCollapsedBold(n);
+			return i ? J.getInstance().exit(t, i) : this.startCollapsedBold(n);
 		})();
-		document.dispatchEvent(new Event("selectionchange")), i && (t.removeAllRanges(), t.addRange(i)), X.normalizeAroundSelection(t), this.notifySelectionChange();
+		document.dispatchEvent(new Event("selectionchange")), i && (t.removeAllRanges(), t.addRange(i)), Y.normalizeAroundSelection(t), this.notifySelectionChange();
 	}
 	startCollapsedBold(e) {
-		let t = Y.getInstance().enter(e, (e) => this.mergeAdjacentBold(e)), n = window.getSelection();
-		return X.normalizeAroundSelection(n), n && t && (n.removeAllRanges(), n.addRange(t)), this.notifySelectionChange(), t;
+		let t = J.getInstance().enter(e, (e) => this.mergeAdjacentBold(e)), n = window.getSelection();
+		return Y.normalizeAroundSelection(n), n && t && (n.removeAllRanges(), n.addRange(t)), this.notifySelectionChange(), t;
 	}
 	notifySelectionChange() {
-		Y.getInstance().enforceLengths(window.getSelection()), document.dispatchEvent(new Event("selectionchange")), this.updateToolbarButtonState();
+		J.getInstance().enforceLengths(window.getSelection()), document.dispatchEvent(new Event("selectionchange")), this.updateToolbarButtonState();
 	}
 	updateToolbarButtonState() {
 		let e = window.getSelection();
@@ -8074,7 +8125,7 @@ var Js = (e, t) => {
 	}
 	static refreshSelectionState(e) {
 		let t = window.getSelection();
-		Y.getInstance().enforceLengths(t), Y.getInstance().maintain(), Y.getInstance().synchronize(t), X.normalizeAroundSelection(t, { normalizeWhitespace: !1 }), e === "input" && t && Y.getInstance().moveCaretAfterBoundaryBold(t);
+		J.getInstance().enforceLengths(t), J.getInstance().maintain(), J.getInstance().synchronize(t), Y.normalizeAroundSelection(t, { normalizeWhitespace: !1 }), e === "input" && t && J.getInstance().moveCaretAfterBoundaryBold(t);
 	}
 	static ensureMutationObserver() {
 		if (typeof MutationObserver > "u" || e.mutationObserver) return;
@@ -8083,7 +8134,7 @@ var Js = (e, t) => {
 				e.isProcessingMutation = !0;
 				try {
 					let n = (e) => {
-						e && new X({
+						e && new Y({
 							mergeAdjacent: !1,
 							removeEmpty: !1,
 							normalizeWhitespace: !1
@@ -8115,15 +8166,15 @@ var Js = (e, t) => {
 	}
 	static getBoundaryBoldForText(e, t) {
 		let n = t.textContent.length;
-		if (e.startOffset === n) return K(t);
+		if (e.startOffset === n) return G(t);
 		if (e.startOffset !== 0) return null;
 		let r = t.previousSibling;
-		return zs(r) ? r : null;
+		return Bs(r) ? r : null;
 	}
 	static getBoundaryBoldForElement(e, t) {
 		if (e.startOffset <= 0) return null;
 		let n = t.childNodes[e.startOffset - 1];
-		return zs(n) ? n : null;
+		return Bs(n) ? n : null;
 	}
 	static isSelectionInsideBlok(e) {
 		let t = e.anchorNode;
@@ -8142,16 +8193,16 @@ var Js = (e, t) => {
 		return t.innerHTML = e, t.content;
 	}
 	collectBoldAncestors(e) {
-		return Q(e, G);
+		return Z(e, W);
 	}
 };
-$ = Qs, $.isInline = !0, $.title = "Bold", $.titleKey = "bold", $.markerSequence = 0, $.isProcessingMutation = !1, $.instances = /* @__PURE__ */ new Set(), $.guardKeydownListenerRegistered = !1, $.shortcut = "CMD+B";
+Q = $s, Q.isInline = !0, Q.title = "Bold", Q.titleKey = "bold", Q.markerSequence = 0, Q.isProcessingMutation = !1, Q.instances = /* @__PURE__ */ new Set(), Q.guardKeydownListenerRegistered = !1, Q.shortcut = "CMD+B";
 //#endregion
 //#region src/components/inline-tools/inline-tool-italic.ts
-var $s, ec = (e) => {
+var ec, tc = (e) => {
 	let t = e.tagName;
 	return t === "I" || t === "EM";
-}, tc = class {
+}, nc = class {
 	static get sanitize() {
 		return {
 			i: {},
@@ -8200,7 +8251,7 @@ var $s, ec = (e) => {
 		return this.isRangeItalic(t, { ignoreWhitespace: !0 });
 	}
 	isRangeItalic(e, t) {
-		return Zs(e, ec, t);
+		return Qs(e, tc, t);
 	}
 	wrapWithItalic(e) {
 		let t = this.getRangeHtmlWithoutItalic(e), n = this.replaceRangeWithHtml(e, `<i>${t}</i>`), r = window.getSelection();
@@ -8226,13 +8277,13 @@ var $s, ec = (e) => {
 		});
 	}
 	hasItalicParent(e) {
-		return Xs(e, ec);
+		return Zs(e, tc);
 	}
 	findItalicElement(e) {
-		return Z(e, ec);
+		return X(e, tc);
 	}
 	collectItalicAncestors(e) {
-		return Q(e, ec);
+		return Z(e, tc);
 	}
 	getRangeHtmlWithoutItalic(e) {
 		let t = e.cloneContents();
@@ -8289,10 +8340,10 @@ var $s, ec = (e) => {
 		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-$s = tc, $s.isInline = !0, $s.title = "Italic", $s.titleKey = "italic", $s.shortcut = "CMD+I";
+ec = nc, ec.isInline = !0, ec.title = "Italic", ec.titleKey = "italic", ec.shortcut = "CMD+I";
 //#endregion
 //#region src/components/inline-tools/inline-tool-link.ts
-var nc, rc = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left cursor-pointer can-hover:hover:bg-item-hover-bg transition-colors", ic = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left pointer-events-none", ac = class {
+var rc, ic = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left cursor-pointer can-hover:hover:bg-item-hover-bg transition-colors", ac = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left pointer-events-none", oc = class {
 	static get sanitize() {
 		return { a: {
 			href: !0,
@@ -8352,7 +8403,7 @@ var nc, rc = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md tex
 		let t = document.createElement("div");
 		t.className = "mt-1 mb-0.5 h-px bg-link-input-border";
 		let n = document.createElement("button");
-		n.type = "button", n.className = rc, n.setAttribute("data-link-suggestion-row", "");
+		n.type = "button", n.className = ic, n.setAttribute("data-link-suggestion-row", "");
 		let r = document.createElement("span");
 		r.className = "text-gray-text shrink-0 flex [&>svg]:size-7", r.setAttribute("data-link-suggestion-icon", "");
 		let i = document.createElement("span");
@@ -8370,7 +8421,7 @@ var nc, rc = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md tex
 			return;
 		}
 		let n = this.isLinkComplete(t), { icon: r, label: i } = this.getLinkTypeInfo(t), a = this.nodes.suggestion.querySelector("[data-link-suggestion-icon]"), o = this.nodes.suggestion.querySelector("[data-link-suggestion-url]"), s = this.nodes.suggestion.querySelector("[data-link-suggestion-type]"), c = this.nodes.suggestion.querySelector("[data-link-suggestion-row]");
-		a && (a.innerHTML = r, a.className = `${n ? "text-gray-text" : "text-gray-text opacity-40"} shrink-0 flex [&>svg]:size-7`), o && (o.textContent = t, o.className = `block text-xs font-medium truncate ${n ? "text-text-primary" : "text-gray-text"}`), s && (s.textContent = n ? i : "Keep typing to add a link", s.className = "block text-[10.5px] text-gray-text leading-tight mt-px"), c && (c.className = n ? rc : ic), this.nodes.suggestion.classList.remove("hidden");
+		a && (a.innerHTML = r, a.className = `${n ? "text-gray-text" : "text-gray-text opacity-40"} shrink-0 flex [&>svg]:size-7`), o && (o.textContent = t, o.className = `block text-xs font-medium truncate ${n ? "text-text-primary" : "text-gray-text"}`), s && (s.textContent = n ? i : "Keep typing to add a link", s.className = "block text-[10.5px] text-gray-text leading-tight mt-px"), c && (c.className = n ? ic : ac), this.nodes.suggestion.classList.remove("hidden");
 	}
 	isLinkComplete(e) {
 		return /^https?:\/\//i.test(e) ? e.replace(/^https?:\/\//i, "").length > 0 : /^\w+:\/\//.test(e) ? e.replace(/^\w+:\/\//, "").length > 0 : /^\w+:/.test(e) ? e.slice(e.indexOf(":") + 1).length > 0 : e.startsWith("//") ? e.slice(2).length > 0 : e.startsWith("#") ? e.length > 1 : e.startsWith("/") ? !0 : /\.[a-zA-Z]{2,}/.test(e) || /^\d{1,3}(\.\d{1,3}){3}/.test(e);
@@ -8499,10 +8550,10 @@ var nc, rc = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md tex
 		e && e.setAttribute(t, n ? "true" : "false");
 	}
 };
-nc = ac, nc.isInline = !0, nc.title = "Link", nc.titleKey = "link", nc.shortcut = "CMD+K";
+rc = oc, rc.isInline = !0, rc.title = "Link", rc.titleKey = "link", rc.shortcut = "CMD+K";
 //#endregion
 //#region src/components/inline-tools/utils/marker-dom-utils.ts
-var oc = (e) => e.tagName === "MARK", sc = (e) => Z(e, oc), cc, lc = {
+var sc = (e) => e.tagName === "MARK", cc = (e) => X(e, sc), $, lc = {
 	color: "background-color",
 	"background-color": "color"
 }, uc = class e {
@@ -8514,7 +8565,7 @@ var oc = (e) => e.tagName === "MARK", sc = (e) => Z(e, oc), cc, lc = {
 		} };
 	}
 	constructor({ api: e }) {
-		this.colorMode = "color", this.activeTextColor = null, this.activeBgColor = null, this.i18n = e.i18n, this.inlineToolbar = e.inlineToolbar, this.selection = new at(), this.picker = Dr({
+		this.colorMode = "color", this.activeTextColor = null, this.activeBgColor = null, this.i18n = e.i18n, this.inlineToolbar = e.inlineToolbar, this.selection = new at(), this.picker = Or({
 			i18n: this.i18n,
 			testIdPrefix: "marker",
 			modes: [{
@@ -8538,7 +8589,7 @@ var oc = (e) => e.tagName === "MARK", sc = (e) => Z(e, oc), cc, lc = {
 			isActive: () => {
 				let e = window.getSelection();
 				if (!e || e.rangeCount === 0) return !1;
-				let t = e.getRangeAt(0), n = Zs(t, oc, { ignoreWhitespace: !0 });
+				let t = e.getRangeAt(0), n = Qs(t, sc, { ignoreWhitespace: !0 });
 				if (n) {
 					let e = this.detectBothSelectionColors(t);
 					this.updateToolbarColors(e.text, e.bg);
@@ -8589,7 +8640,7 @@ var oc = (e) => e.tagName === "MARK", sc = (e) => Z(e, oc), cc, lc = {
 		if (!r || r.rangeCount === 0) return;
 		let i = r.getRangeAt(0), a = i.startContainer, o = i.startOffset, s = i.endContainer, c = i.endOffset, l = i.toString(), u = i.commonAncestorContainer, d = u.nodeType === Node.ELEMENT_NODE ? u : u.parentElement, f = d != null && d.closest("mark") ? (t = (n = d.closest("mark")) == null ? void 0 : n.parentElement) == null ? d : t : d;
 		this.splitMarksAtBoundaries(i);
-		let p = Q(i, oc);
+		let p = Z(i, sc);
 		for (let t of p) {
 			t.style.removeProperty(e);
 			let n = lc[e], r = t.style.getPropertyValue(n);
@@ -8620,7 +8671,7 @@ var oc = (e) => e.tagName === "MARK", sc = (e) => Z(e, oc), cc, lc = {
 		this.selection.removeFakeBackground(), this.selection.savedSelectionRange && this.selection.restore(), this.selection.clearSaved();
 	}
 	detectBothSelectionColors(e) {
-		let t = sc(e.startContainer);
+		let t = cc(e.startContainer);
 		if (!t) return {
 			text: null,
 			bg: null
@@ -8640,7 +8691,7 @@ var oc = (e) => e.tagName === "MARK", sc = (e) => Z(e, oc), cc, lc = {
 			text: null,
 			bg: null
 		};
-		let t = sc(e.getRangeAt(0).startContainer);
+		let t = cc(e.getRangeAt(0).startContainer);
 		if (!t) return {
 			text: null,
 			bg: null
@@ -8660,11 +8711,11 @@ var oc = (e) => e.tagName === "MARK", sc = (e) => Z(e, oc), cc, lc = {
 		this.selection.savedSelectionRange && (this.selection.removeFakeBackground(), this.selection.restore(), this.selection.clearSaved());
 	}
 	findContainingMark(e) {
-		let t = sc(e.startContainer), n = sc(e.endContainer);
+		let t = cc(e.startContainer), n = cc(e.endContainer);
 		return t && t === n ? t : null;
 	}
 	removeNestedMarkStyle(e, t) {
-		let n = Q(e, oc);
+		let n = Z(e, sc);
 		for (let e of n) {
 			e.style.removeProperty(t);
 			let n = lc[t], r = e.style.getPropertyValue(n);
@@ -8698,7 +8749,7 @@ var oc = (e) => e.tagName === "MARK", sc = (e) => Z(e, oc), cc, lc = {
 		}
 	}
 	splitMarksAtBoundaries(e) {
-		let t = Q(e, oc);
+		let t = Z(e, sc);
 		for (let n of t) {
 			let t = document.createRange();
 			t.selectNodeContents(n);
@@ -8767,7 +8818,7 @@ var oc = (e) => e.tagName === "MARK", sc = (e) => Z(e, oc), cc, lc = {
 		return r === null ? e : et(r, n);
 	}
 };
-cc = uc, cc.isInline = !0, cc.title = "Color", cc.titleKey = "marker", cc.shortcut = "CMD+SHIFT+H", cc.ALLOWED_STYLE_PROPS = new Set(["color", "background-color"]);
+$ = uc, $.isInline = !0, $.title = "Color", $.titleKey = "marker", $.shortcut = "CMD+SHIFT+H", $.ALLOWED_STYLE_PROPS = new Set(["color", "background-color"]);
 //#endregion
 //#region src/components/inline-tools/inline-tool-underline.ts
 var dc, fc = (e) => e.tagName === "U", pc = class {
@@ -8816,7 +8867,7 @@ var dc, fc = (e) => e.tagName === "U", pc = class {
 		return this.isRangeUnderline(t, { ignoreWhitespace: !0 });
 	}
 	isRangeUnderline(e, t) {
-		return Zs(e, fc, t);
+		return Qs(e, fc, t);
 	}
 	wrapWithUnderline(e) {
 		let t = this.getRangeHtmlWithoutUnderline(e), n = this.replaceRangeWithHtml(e, `<u>${t}</u>`), r = window.getSelection();
@@ -8842,13 +8893,13 @@ var dc, fc = (e) => e.tagName === "U", pc = class {
 		});
 	}
 	hasUnderlineParent(e) {
-		return Xs(e, fc);
+		return Zs(e, fc);
 	}
 	findUnderlineElement(e) {
-		return Z(e, fc);
+		return X(e, fc);
 	}
 	collectUnderlineAncestors(e) {
-		return Q(e, fc);
+		return Z(e, fc);
 	}
 	getRangeHtmlWithoutUnderline(e) {
 		let t = e.cloneContents();
@@ -8954,7 +9005,7 @@ var mc, hc = (e) => e.tagName === "S", gc = class {
 		return this.isRangeStrikethrough(t, { ignoreWhitespace: !0 });
 	}
 	isRangeStrikethrough(e, t) {
-		return Zs(e, hc, t);
+		return Qs(e, hc, t);
 	}
 	wrapWithStrikethrough(e) {
 		let t = this.getRangeHtmlWithoutStrikethrough(e), n = this.replaceRangeWithHtml(e, `<s>${t}</s>`), r = window.getSelection();
@@ -8980,13 +9031,13 @@ var mc, hc = (e) => e.tagName === "S", gc = class {
 		});
 	}
 	hasStrikethroughParent(e) {
-		return Xs(e, hc);
+		return Zs(e, hc);
 	}
 	findStrikethroughElement(e) {
-		return Z(e, hc);
+		return X(e, hc);
 	}
 	collectStrikethroughAncestors(e) {
-		return Q(e, hc);
+		return Z(e, hc);
 	}
 	getRangeHtmlWithoutStrikethrough(e) {
 		let t = e.cloneContents();
@@ -9092,7 +9143,7 @@ var _c, vc = (e) => e.tagName === "CODE", yc = class {
 		return this.isRangeCode(t, { ignoreWhitespace: !0 });
 	}
 	isRangeCode(e, t) {
-		return Zs(e, vc, t);
+		return Qs(e, vc, t);
 	}
 	wrapWithCode(e) {
 		let t = this.getRangeHtmlWithoutCode(e), n = this.replaceRangeWithHtml(e, `<code>${t}</code>`), r = window.getSelection();
@@ -9118,10 +9169,10 @@ var _c, vc = (e) => e.tagName === "CODE", yc = class {
 		});
 	}
 	findCodeElement(e) {
-		return Z(e, vc);
+		return X(e, vc);
 	}
 	collectCodeAncestors(e) {
-		return Q(e, vc);
+		return Z(e, vc);
 	}
 	getRangeHtmlWithoutCode(e) {
 		let t = e.cloneContents();
@@ -9201,4 +9252,4 @@ var bc = {
 	inlineCode: {}
 };
 //#endregion
-export { Gt as _, pc as a, tc as c, ho as d, uo as f, ur as g, fa as h, gc as i, Qs as l, _a as m, xc as n, uc as o, lo as p, yc as r, ac as s, bc as t, Rs as u, Ot as v };
+export { Gt as _, pc as a, nc as c, go as d, fo as f, ur as g, pa as h, gc as i, $s as l, va as m, xc as n, uc as o, uo as p, yc as r, oc as s, bc as t, zs as u, Ot as v };