@jackuait/blok 0.7.3 → 0.8.0

package/dist/chunks/{tools-BCb5bMO3.mjs → tools-B5yNeTZh.mjs}

@@ -1,8 +1,8 @@
-import { $ as e, A as t, An as n, B as r, D as i, F as a, Ft as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, Ot as h, P as g, Pt as _, R as ee, Rt as te, U as ne, V as re, W as ie, X as ae, Y as oe, Z as se, _t as ce, a as le, at as ue, bt as de, c as fe, d as pe, dt as me, en as he, f as ge, ft as _e, g as ve, gt as ye, h as be, ht as xe, i as Se, it as Ce, j as we, jn as v, jt as Te, k as Ee, kt as De, l as Oe, lt as ke, mt as Ae, n as je, nt as Me, o as Ne, ot as Pe, p as Fe, pt as Ie, q as Le, r as Re, rt as ze, s as Be, st as Ve, t as He, tt as Ue, u as y, ut as We, v as Ge, vt as Ke, wn as qe, wt as Je, xt as Ye, yt as Xe, z as Ze, zt as Qe } from "./constants-WhLyFkza.mjs";
-import { t as b } from "./objectSpread2-CyPxu8-u.mjs";
-import { n as x } from "./tw-DmW6-pCY.mjs";
+import { $ as e, A as t, At as n, B as r, Bt as i, Ct as a, D as o, En as s, Et as c, F as l, G as u, H as d, I as f, It as p, J as m, K as h, L as g, Lt as _, M as ee, Mn as v, N as te, Nn as y, Nt as ne, P as re, R as ie, St as ae, U as oe, V as se, Vt as ce, W as le, X as ue, Y as de, Z as fe, _t as pe, a as me, at as he, bt as ge, c as _e, ct as ve, d as ye, dt as be, f as xe, ft as Se, g as Ce, gt as we, h as Te, ht as Ee, i as De, it as Oe, j as ke, jt as Ae, k as je, l as Me, lt as Ne, mt as Pe, n as Fe, nn as Ie, nt as Le, o as Re, ot as ze, p as Be, pt as Ve, q as He, r as Ue, rt as We, s as Ge, st as Ke, t as qe, tt as Je, u as b, v as Ye, vt as Xe, xt as Ze, yt as Qe, z as $e } from "./constants-CjWRVOdm.mjs";
+import { t as x } from "./objectSpread2-CyPxu8-u.mjs";
+import { n as S } from "./tw-DmW6-pCY.mjs";
 //#region src/components/utils/html.ts
-var $e = (e) => {
+var et = (e) => {
 	if (!e || !e.includes("data-blok-fake-background")) return e;
 	let t = document.createElement("div");
 	return t.innerHTML = e, t.querySelectorAll("[data-blok-fake-background=\"true\"]").forEach((e) => {
@@ -12,7 +12,7 @@ var $e = (e) => {
 			t.removeChild(e);
 		}
 	}), t.innerHTML;
-}, S = [
+}, C = [
 	"empty:before:pointer-events-none",
 	"empty:before:text-gray-text",
 	"empty:before:cursor-text",
@@ -21,7 +21,7 @@ var $e = (e) => {
 	"data-[blok-empty=true]:before:text-gray-text",
 	"data-[blok-empty=true]:before:cursor-text",
 	"data-[blok-empty=true]:before:content-[attr(data-placeholder)]"
-], et = [
+], tt = [
 	"empty:before:pointer-events-none",
 	"empty:before:text-gray-text",
 	"empty:before:cursor-text",
@@ -30,7 +30,7 @@ var $e = (e) => {
 	"data-[empty=true]:before:text-gray-text",
 	"data-[empty=true]:before:cursor-text",
 	"data-[empty=true]:before:content-[attr(data-blok-placeholder-active)]"
-], tt = [
+], nt = [
 	"empty:focus:before:pointer-events-none",
 	"empty:focus:before:text-gray-text",
 	"empty:focus:before:cursor-text",
@@ -39,7 +39,7 @@ var $e = (e) => {
 	"[&[data-empty=true]:focus]:before:text-gray-text",
 	"[&[data-empty=true]:focus]:before:cursor-text",
 	"[&[data-empty=true]:focus]:before:content-[attr(data-blok-placeholder-active)]"
-], nt = [
+], rt = [
 	"empty:in-data-[blok-empty=true]:before:pointer-events-none",
 	"empty:in-data-[blok-empty=true]:before:text-gray-text",
 	"empty:in-data-[blok-empty=true]:before:cursor-text",
@@ -48,25 +48,25 @@ var $e = (e) => {
 	"[[data-blok-empty=true]_&[data-empty=true]]:before:text-gray-text",
 	"[[data-blok-empty=true]_&[data-empty=true]]:before:cursor-text",
 	"[[data-blok-empty=true]_&[data-empty=true]]:before:content-[attr(data-blok-placeholder-active)]"
-], rt = (e) => {
+], it = (e) => {
 	let t = e.innerHTML.trim();
 	return t === "" || t === "<br>";
-}, it = (e) => {
+}, at = (e) => {
 	e.innerHTML === "<br>" && (e.innerHTML = "");
 	let t = window.getSelection();
 	if (!t) return;
 	let n = document.createRange();
 	n.selectNodeContents(e), n.collapse(!0), t.removeAllRanges(), t.addRange(n);
-}, at = (e) => {
-	rt(e) && it(e);
-}, ot = (e, t, n = "data-placeholder") => {
-	e.setAttribute(n, t == null ? "" : t), e.addEventListener("focus", () => at(e));
-}, st, ct = (e) => {
+}, ot = (e) => {
+	it(e) && at(e);
+}, st = (e, t, n = "data-placeholder") => {
+	e.setAttribute(n, t == null ? "" : t), e.addEventListener("focus", () => ot(e));
+}, ct, lt = (e) => {
 	let t = document.createElement("div");
 	t.innerHTML = e.trim();
 	let n = document.createDocumentFragment();
 	return n.append(...Array.from(t.childNodes)), n;
-}, lt = class e {
+}, ut = class e {
 	static get DEFAULT_PLACEHOLDER() {
 		return "tools.paragraph.placeholder";
 	}
@@ -85,9 +85,9 @@ var $e = (e) => {
 	}
 	drawView() {
 		let t = document.createElement("DIV");
-		t.className = x(this.api.styles.block, e.WRAPPER_CLASSES, tt, nt), t.setAttribute(n.tool, "paragraph"), t.contentEditable = "false";
-		let r = this.buildInlineStyles();
-		return Object.keys(r).length > 0 && Object.assign(t.style, r), this._data.text ? t.innerHTML = this._data.text : this.readOnly && (t.innerHTML = "<br>"), this.readOnly || (t.contentEditable = "true", t.addEventListener("keyup", this.onKeyUp), ot(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
+		t.className = S(this.api.styles.block, e.WRAPPER_CLASSES, nt, rt), t.setAttribute(v.tool, "paragraph"), t.contentEditable = "false";
+		let n = this.buildInlineStyles();
+		return Object.keys(n).length > 0 && Object.assign(t.style, n), this._data.text ? t.innerHTML = this._data.text : this.readOnly && (t.innerHTML = "<br>"), this.readOnly || (t.contentEditable = "true", t.addEventListener("keyup", this.onKeyUp), st(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
 	}
 	render() {
 		return this._element = this.drawView(), this._element;
@@ -95,14 +95,14 @@ var $e = (e) => {
 	merge(e) {
 		if (!this._element) return;
 		this._data.text += e.text;
-		let t = ct(e.text);
+		let t = lt(e.text);
 		this._element.appendChild(t), this._element.normalize();
 	}
 	validate(e) {
 		return !(e.text.trim() === "" && !this._preserveBlank);
 	}
 	save(e) {
-		return { text: $e(e.innerHTML) };
+		return { text: et(e.innerHTML) };
 	}
 	onPaste(e) {
 		let t = e.detail;
@@ -134,7 +134,7 @@ var $e = (e) => {
 	}
 	static get toolbox() {
 		return {
-			icon: Me,
+			icon: We,
 			title: "Text",
 			titleKey: "text",
 			searchTerms: [
@@ -145,7 +145,7 @@ var $e = (e) => {
 		};
 	}
 };
-st = lt, st.WRAPPER_CLASSES = [
+ct = ut, ct.WRAPPER_CLASSES = [
 	"leading-[1.5]",
 	"outline-hidden",
 	"mt-px",
@@ -155,54 +155,54 @@ st = lt, st.WRAPPER_CLASSES = [
 ];
 //#endregion
 //#region src/tools/toggle/dom-builder.ts
-var ut = (e) => {
-	let { data: t, readOnly: r, isOpen: i, keydownHandler: a, onArrowClick: o, onBodyPlaceholderClick: s } = e, c = document.createElement("div");
-	c.className = le, c.setAttribute(n.tool, Fe), c.setAttribute(y.toggleOpen, String(i));
-	let l = document.createElement("div");
-	l.className = ge;
-	let u = dt(i, o, {}, e.ariaLabels), d = pt(t, r, a);
-	l.appendChild(u), l.appendChild(d);
-	let f = ft(s, e.bodyPlaceholderText), p = document.createElement("div");
-	return p.className = pe, p.setAttribute(y.toggleChildren, ""), p.setAttribute("data-blok-mutation-free", "true"), p.id = `toggle-children-${Date.now()}-${Math.random().toString(36).slice(2)}`, u.setAttribute("aria-controls", p.id), c.appendChild(l), c.appendChild(f), c.appendChild(p), {
-		wrapper: c,
-		arrowElement: u,
-		contentElement: d,
-		bodyPlaceholderElement: f,
-		childContainerElement: p
+var dt = (e) => {
+	let { data: t, readOnly: n, isOpen: r, keydownHandler: i, onArrowClick: a, onBodyPlaceholderClick: o } = e, s = document.createElement("div");
+	s.className = me, s.setAttribute(v.tool, Be), s.setAttribute(b.toggleOpen, String(r));
+	let c = document.createElement("div");
+	c.className = xe;
+	let l = ft(r, a, {}, e.ariaLabels), u = mt(t, n, i);
+	c.appendChild(l), c.appendChild(u);
+	let d = pt(o, e.bodyPlaceholderText), f = document.createElement("div");
+	return f.className = ye, f.setAttribute(b.toggleChildren, ""), f.setAttribute("data-blok-mutation-free", "true"), f.id = `toggle-children-${Date.now()}-${Math.random().toString(36).slice(2)}`, l.setAttribute("aria-controls", f.id), s.appendChild(c), s.appendChild(d), s.appendChild(f), {
+		wrapper: s,
+		arrowElement: l,
+		contentElement: u,
+		bodyPlaceholderElement: d,
+		childContainerElement: f
 	};
-}, dt = (e, t, r = {}, i = {
+}, ft = (e, t, n = {}, r = {
 	collapse: "Collapse",
 	expand: "Expand"
 }) => {
-	let a = document.createElement("span");
-	a.className = Se, a.setAttribute(y.toggleArrow, ""), a.setAttribute(n.mutationFree, "true"), a.setAttribute("role", "button"), a.setAttribute("tabindex", "0"), a.setAttribute("aria-label", e ? i.collapse : i.expand), a.setAttribute("aria-expanded", String(e)), r.contentEditableFalse === !0 && (a.contentEditable = "false"), a.innerHTML = Re;
-	let o = a.querySelector("svg");
-	return o && (o.style.transition = "transform 200ms ease-in-out", e && (o.style.transform = "rotate(90deg)")), t && (a.addEventListener("click", (e) => {
+	let i = document.createElement("span");
+	i.className = De, i.setAttribute(b.toggleArrow, ""), i.setAttribute(v.mutationFree, "true"), i.setAttribute("role", "button"), i.setAttribute("tabindex", "0"), i.setAttribute("aria-label", e ? r.collapse : r.expand), i.setAttribute("aria-expanded", String(e)), n.contentEditableFalse === !0 && (i.contentEditable = "false"), i.innerHTML = Ue;
+	let a = i.querySelector("svg");
+	return a && (a.style.transition = "transform 200ms ease-in-out", e && (a.style.transform = "rotate(90deg)")), t && (i.addEventListener("click", (e) => {
 		e.stopPropagation(), t();
-	}), a.addEventListener("keydown", (e) => {
+	}), i.addEventListener("keydown", (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), t());
-	})), a;
-}, ft = (e, t) => {
+	})), i;
+}, pt = (e, t) => {
 	let n = document.createElement("div");
-	return n.className = Be, n.setAttribute(y.toggleBodyPlaceholder, ""), n.setAttribute("data-blok-mutation-free", "true"), n.textContent = t, e && n.addEventListener("click", e), n;
-}, pt = (e, t, n) => {
+	return n.className = Ge, n.setAttribute(b.toggleBodyPlaceholder, ""), n.setAttribute("data-blok-mutation-free", "true"), n.textContent = t, e && n.addEventListener("click", e), n;
+}, mt = (e, t, n) => {
 	let r = document.createElement("div");
-	return r.className = x(fe, et, nt), r.setAttribute(y.toggleContent, ""), r.contentEditable = t ? "false" : "true", r.innerHTML = e.text, n && r.addEventListener("keydown", n), r;
-}, mt = (e) => {
-	let t = ut(e);
-	return t.contentElement && ot(t.contentElement, e.placeholder, "data-blok-placeholder-active"), t;
-}, C = (e, t, n, r = {
+	return r.className = S(_e, tt, rt), r.setAttribute(b.toggleContent, ""), r.contentEditable = t ? "false" : "true", r.innerHTML = e.text, n && r.addEventListener("keydown", n), r;
+}, ht = (e) => {
+	let t = dt(e);
+	return t.contentElement && st(t.contentElement, e.placeholder, "data-blok-placeholder-active"), t;
+}, w = (e, t, n, r = {
 	collapse: "Collapse",
 	expand: "Expand"
 }) => {
 	let i = e.querySelector("svg");
-	i && (i.style.transform = n ? "rotate(90deg)" : ""), e.setAttribute("aria-label", n ? r.collapse : r.expand), e.setAttribute("aria-expanded", String(n)), t.setAttribute(y.toggleOpen, String(n));
-}, ht = (e, t, n, r, i) => {
+	i && (i.style.transform = n ? "rotate(90deg)" : ""), e.setAttribute("aria-label", n ? r.collapse : r.expand), e.setAttribute("aria-expanded", String(n)), t.setAttribute(b.toggleOpen, String(n));
+}, gt = (e, t, n, r, i) => {
 	let a = e.blocks.getChildren(t);
 	!n && r && i && r.contains(document.activeElement) && i.focus();
 	for (let e of a) r && e.holder.parentElement !== r && r.appendChild(e.holder), n ? e.holder.classList.remove("hidden") : e.holder.classList.add("hidden");
 	r && (n ? r.removeAttribute("aria-hidden") : r.setAttribute("aria-hidden", "true"));
-}, gt = (e, t, n, r, i) => {
+}, _t = (e, t, n, r, i) => {
 	if (e === null) return;
 	if (i) {
 		e.classList.add("hidden");
@@ -210,27 +210,27 @@ var ut = (e) => {
 	}
 	let a = t.blocks.getChildren(n);
 	r && a.length === 0 ? e.classList.remove("hidden") : e.classList.add("hidden");
-}, _t = async (e) => {
+}, vt = async (e) => {
 	var t;
 	let { api: n, blockId: r, data: i, getContentElement: a, syncContentFromDOM: o, isOpen: s } = e;
 	if (o(), r === void 0) return;
 	let c = a(), l = window.getSelection();
 	if (!c || !l || l.rangeCount === 0) return;
-	let { beforeContent: u, afterContent: d } = yt(c, l.getRangeAt(0)), f = (t = n.blocks.getBlockIndex(r)) == null ? n.blocks.getCurrentBlockIndex() : t;
+	let { beforeContent: u, afterContent: d } = bt(c, l.getRangeAt(0)), f = (t = n.blocks.getBlockIndex(r)) == null ? n.blocks.getCurrentBlockIndex() : t;
 	if (s && d === "") {
 		let e = n.blocks.insertInsideParent(r, f + 1);
 		n.caret.setToBlock(e.id, "start");
 		return;
 	}
-	n.blocks.splitBlock(r, { text: u }, Fe, { text: d }, f + 1), i.text = u;
-}, vt = async (e, t) => {
+	n.blocks.splitBlock(r, { text: u }, Be, { text: d }, f + 1), i.text = u;
+}, yt = async (e, t) => {
 	let { api: n, blockId: r, data: i, getContentElement: a, syncContentFromDOM: o } = e;
 	if (o(), r === void 0) return;
 	let s = a();
-	if (!s || !Je(s)) return;
-	let c = i.text;
-	c === "" && (t.preventDefault(), await n.blocks.convert(r, "paragraph", { text: c }));
-}, yt = (e, t) => {
+	if (!s || !c(s)) return;
+	let l = i.text;
+	l === "" && (t.preventDefault(), await n.blocks.convert(r, "paragraph", { text: l }));
+}, bt = (e, t) => {
 	if (!e.lastChild) return {
 		beforeContent: "",
 		afterContent: ""
@@ -246,13 +246,13 @@ var ut = (e) => {
 		beforeContent: i.innerHTML,
 		afterContent: a.innerHTML
 	};
-}, bt = async (e) => {
+}, xt = async (e) => {
 	var t;
 	let { api: n, blockId: r, getContentElement: i, syncContentFromDOM: a, isOpen: o, currentLevel: s } = e;
 	if (a(), r === void 0) return;
 	let c = i(), l = window.getSelection();
 	if (!c || !l || l.rangeCount === 0) return;
-	let { beforeContent: u, afterContent: d } = yt(c, l.getRangeAt(0)), f = (t = n.blocks.getBlockIndex(r)) == null ? n.blocks.getCurrentBlockIndex() : t;
+	let { beforeContent: u, afterContent: d } = bt(c, l.getRangeAt(0)), f = (t = n.blocks.getBlockIndex(r)) == null ? n.blocks.getCurrentBlockIndex() : t;
 	if (o && d === "") {
 		let e = n.blocks.insertInsideParent(r, f + 1);
 		n.caret.setToBlock(e.id, "start");
@@ -267,17 +267,17 @@ var ut = (e) => {
 		level: s,
 		isToggleable: !0
 	}, f + 1);
-}, xt = async (e, t) => {
+}, St = async (e, t) => {
 	let { api: n, blockId: r, getText: i, getContentElement: a, syncContentFromDOM: o, currentLevel: s } = e;
 	if (o(), r === void 0) return;
-	let c = a();
-	if (!c || !Je(c)) return;
-	let l = i();
-	l === "" && (t.preventDefault(), await n.blocks.convert(r, "header", {
-		text: l,
+	let l = a();
+	if (!l || !c(l)) return;
+	let u = i();
+	u === "" && (t.preventDefault(), await n.blocks.convert(r, "header", {
+		text: u,
 		level: s
 	}));
-}, St, Ct = class e {
+}, Ct, wt = class e {
 	constructor({ data: e, config: t, api: n, readOnly: r, block: i }) {
 		var a;
 		this._arrowElement = null, this._wrapper = null, this._headerRow = null, this._childContainerElement = null, this._bodyPlaceholderElement = null, this.handleKeyDown = (e) => {
@@ -285,7 +285,7 @@ var ut = (e) => {
 				e.preventDefault(), this.handleEnter();
 				return;
 			}
-			e.key === "Backspace" && xt(this.createKeyboardContext(), e);
+			e.key === "Backspace" && St(this.createKeyboardContext(), e);
 		}, this.handleBlockChanged = (e) => {
 			this.isBlockChangedPayload(e) && (e.event.type === "block-removed" || e.event.type === "block-added") && this.updateBodyPlaceholderVisibility();
 		}, this.api = n, this.readOnly = r, this._settings = t || {}, this._data = this.normalizeData(e), this._isOpen = (a = this._data.isOpen) == null ? !r : a, this._element = this.getTag(), i && (this.blockId = i.id), !r && this._data.isToggleable && this.api.events.on("block changed", this.handleBlockChanged);
@@ -311,7 +311,7 @@ var ut = (e) => {
 		if (e.isToggleable === !0 && (r.isToggleable = !0), typeof e.isOpen == "boolean" && (r.isOpen = e.isOpen), r.text) {
 			let e = document.createElement("div");
 			e.innerHTML = r.text;
-			let t = e.querySelector(`[${y.toggleArrow}]`);
+			let t = e.querySelector(`[${b.toggleArrow}]`);
 			t && (t.remove(), r.text = e.innerHTML);
 		}
 		return r;
@@ -326,13 +326,13 @@ var ut = (e) => {
 		this.api.events.off("block changed", this.handleBlockChanged), this._element.removeEventListener("keydown", this.handleKeyDown);
 	}
 	expand() {
-		!this._data.isToggleable || this._isOpen || (this._isOpen = !0, this._arrowElement && this._element && C(this._arrowElement, this._element, this._isOpen, {
+		!this._data.isToggleable || this._isOpen || (this._isOpen = !0, this._arrowElement && this._element && w(this._arrowElement, this._element, this._isOpen, {
 			collapse: this.api.i18n.t("tools.toggle.ariaLabelCollapse"),
 			expand: this.api.i18n.t("tools.toggle.ariaLabelExpand")
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility());
 	}
 	collapse() {
-		!this._data.isToggleable || !this._isOpen || (this._isOpen = !1, this._arrowElement && this._element && C(this._arrowElement, this._element, this._isOpen, {
+		!this._data.isToggleable || !this._isOpen || (this._isOpen = !1, this._arrowElement && this._element && w(this._arrowElement, this._element, this._isOpen, {
 			collapse: this.api.i18n.t("tools.toggle.ariaLabelCollapse"),
 			expand: this.api.i18n.t("tools.toggle.ariaLabelExpand")
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility());
@@ -360,14 +360,14 @@ var ut = (e) => {
 	merge(e) {
 		let t = document.createElement("div");
 		t.innerHTML = e.text;
-		let n = t.querySelector(`[${y.toggleArrow}]`);
+		let n = t.querySelector(`[${b.toggleArrow}]`);
 		n && n.remove(), this._element.insertAdjacentHTML("beforeend", t.innerHTML);
 	}
 	validate(e) {
 		return typeof e.text == "string";
 	}
 	setData(e) {
-		return this._data = this.normalizeData(e), typeof e.text == "string" && (this._element.innerHTML = e.text), this._data.isToggleable && typeof this._data.isOpen == "boolean" && (this._isOpen = this._data.isOpen, this._arrowElement && this._element && C(this._arrowElement, this._element, this._isOpen, {
+		return this._data = this.normalizeData(e), typeof e.text == "string" && (this._element.innerHTML = e.text), this._data.isToggleable && typeof this._data.isOpen == "boolean" && (this._isOpen = this._data.isOpen, this._arrowElement && this._element && w(this._arrowElement, this._element, this._isOpen, {
 			collapse: this.api.i18n.t("tools.toggle.ariaLabelCollapse"),
 			expand: this.api.i18n.t("tools.toggle.ariaLabelExpand")
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility()), !0;
@@ -406,13 +406,13 @@ var ut = (e) => {
 			e.innerHTML = this._element.innerHTML, this._element.parentNode.replaceChild(e, this._element), this._element = e;
 		}
 		if (t.text !== void 0 && (this._element.innerHTML = this._data.text || ""), this._data.isToggleable) {
-			if (this._element.setAttribute(y.toggleOpen, String(this._isOpen)), this._element.className = x(e.BASE_STYLES, this.currentLevel.styles, S, "pl-8"), !this._wrapper) this.createToggleWrapper();
-			else if (!this._wrapper.querySelector(`[${y.toggleArrow}]`)) {
+			if (this._element.setAttribute(b.toggleOpen, String(this._isOpen)), this._element.className = S(e.BASE_STYLES, this.currentLevel.styles, C, "pl-8"), !this._wrapper) this.createToggleWrapper();
+			else if (!this._wrapper.querySelector(`[${b.toggleArrow}]`)) {
 				var n;
 				let e = this.buildArrow();
 				this._arrowElement = e, ((n = this._headerRow) == null ? this._wrapper : n).prepend(e);
 			}
-		} else if (this._element.removeAttribute(y.toggleOpen), this._element.className = x(e.BASE_STYLES, this.currentLevel.styles, S), this._arrowElement = null, this._wrapper) {
+		} else if (this._element.removeAttribute(b.toggleOpen), this._element.className = S(e.BASE_STYLES, this.currentLevel.styles, C), this._arrowElement = null, this._wrapper) {
 			let e = this._wrapper.parentNode;
 			e && e.replaceChild(this._element, this._wrapper), this._wrapper = null, this._headerRow = null;
 		}
@@ -422,14 +422,14 @@ var ut = (e) => {
 	}
 	getTag() {
 		let t = document.createElement(this.currentLevel.tag);
-		t.innerHTML = this._data.text || "", t.className = x(e.BASE_STYLES, this.currentLevel.styles, S, this._data.isToggleable ? "pl-8" : "");
-		let { inlineStyles: r } = this.currentLevel;
-		r && Object.assign(t.style, r), t.setAttribute(n.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this._data.isToggleable && t.setAttribute(y.toggleOpen, String(this._isOpen));
-		let i = this.api.i18n.t(this.currentLevel.nameKey), a = this.resolvePlaceholderText(i);
-		return this.readOnly ? t.setAttribute("data-placeholder", a) : ot(t, a), !this.readOnly && this._data.isToggleable && t.addEventListener("keydown", this.handleKeyDown), t;
+		t.innerHTML = this._data.text || "", t.className = S(e.BASE_STYLES, this.currentLevel.styles, C, this._data.isToggleable ? "pl-8" : "");
+		let { inlineStyles: n } = this.currentLevel;
+		n && Object.assign(t.style, n), t.setAttribute(v.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this._data.isToggleable && t.setAttribute(b.toggleOpen, String(this._isOpen));
+		let r = this.api.i18n.t(this.currentLevel.nameKey), i = this.resolvePlaceholderText(r);
+		return this.readOnly ? t.setAttribute("data-placeholder", i) : st(t, i), !this.readOnly && this._data.isToggleable && t.addEventListener("keydown", this.handleKeyDown), t;
 	}
 	buildArrow() {
-		let e = dt(this._isOpen, () => this.toggleOpen(), {}, {
+		let e = ft(this._isOpen, () => this.toggleOpen(), {}, {
 			collapse: this.api.i18n.t("tools.toggle.ariaLabelCollapse"),
 			expand: this.api.i18n.t("tools.toggle.ariaLabelExpand")
 		});
@@ -441,9 +441,9 @@ var ut = (e) => {
 		let n = this.buildArrow();
 		this._arrowElement = n, t.appendChild(n), t.appendChild(this._element), e.appendChild(t);
 		let r = document.createElement("div");
-		r.className = Be, r.setAttribute(y.toggleBodyPlaceholder, ""), r.setAttribute("data-blok-mutation-free", "true"), r.textContent = this.api.i18n.t("tools.toggle.bodyPlaceholder"), this.readOnly || r.addEventListener("click", () => this.handleBodyPlaceholderClick()), this._bodyPlaceholderElement = r, e.appendChild(r);
+		r.className = S(Ge, "pl-8"), r.setAttribute(b.toggleBodyPlaceholder, ""), r.setAttribute("data-blok-mutation-free", "true"), r.textContent = this.api.i18n.t("tools.toggle.bodyPlaceholder"), this.readOnly || r.addEventListener("click", () => this.handleBodyPlaceholderClick()), this._bodyPlaceholderElement = r, e.appendChild(r);
 		let i = document.createElement("div");
-		return i.className = pe, i.setAttribute(y.toggleChildren, ""), i.setAttribute("data-blok-mutation-free", "true"), this._childContainerElement = i, e.appendChild(i), e;
+		return i.className = "pl-8", i.setAttribute(b.toggleChildren, ""), i.setAttribute("data-blok-mutation-free", "true"), this._childContainerElement = i, e.appendChild(i), e;
 	}
 	createToggleWrapper() {
 		let e = this._element.parentNode;
@@ -468,19 +468,19 @@ var ut = (e) => {
 	}
 	async handleEnter() {
 		var e = this;
-		await bt(e.createKeyboardContext()), e.updateChildrenVisibility(), e.updateBodyPlaceholderVisibility();
+		await xt(e.createKeyboardContext()), e.updateChildrenVisibility(), e.updateBodyPlaceholderVisibility();
 	}
 	toggleOpen() {
-		this._isOpen = !this._isOpen, this._arrowElement && this._element && C(this._arrowElement, this._element, this._isOpen, {
+		this._isOpen = !this._isOpen, this._arrowElement && this._element && w(this._arrowElement, this._element, this._isOpen, {
 			collapse: this.api.i18n.t("tools.toggle.ariaLabelCollapse"),
 			expand: this.api.i18n.t("tools.toggle.ariaLabelExpand")
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility();
 	}
 	updateChildrenVisibility() {
-		this.blockId !== void 0 && ht(this.api, this.blockId, this._isOpen, this._childContainerElement, this._arrowElement);
+		this.blockId !== void 0 && gt(this.api, this.blockId, this._isOpen, this._childContainerElement, this._arrowElement);
 	}
 	updateBodyPlaceholderVisibility() {
-		this.blockId !== void 0 && gt(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly);
+		this.blockId !== void 0 && _t(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly);
 	}
 	handleBodyPlaceholderClick() {
 		var e;
@@ -558,9 +558,9 @@ var ut = (e) => {
 			],
 			shortcut: "#".repeat(e.number)
 		})), n = {
-			1: ze,
-			2: Ce,
-			3: ue
+			1: Oe,
+			2: he,
+			3: ze
 		}, r = e.DEFAULT_LEVELS.filter((e) => e.number <= 3).map((e) => ({
 			icon: n[e.number],
 			title: `Toggle heading ${e.number}`,
@@ -581,13 +581,13 @@ var ut = (e) => {
 		return [...t, ...r];
 	}
 };
-St = Ct, St.BASE_STYLES = "py-[3px] px-[2px] m-0 leading-[1.3]! outline-hidden [&_p]:p-0! [&_p]:m-0! [&_div]:p-0! [&_div]:m-0!", St.DEFAULT_LEVELS = [
+Ct = wt, Ct.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [&_p]:p-0! [&_p]:m-0! [&_div]:p-0! [&_div]:m-0!", Ct.DEFAULT_LEVELS = [
 	{
 		number: 1,
 		tag: "H1",
 		nameKey: "tools.header.heading1",
 		name: "Heading 1",
-		icon: p,
+		icon: ee,
 		styles: "text-3xl font-semibold mt-8 mb-px"
 	},
 	{
@@ -595,7 +595,7 @@ St = Ct, St.BASE_STYLES = "py-[3px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H2",
 		nameKey: "tools.header.heading2",
 		name: "Heading 2",
-		icon: m,
+		icon: te,
 		styles: "text-2xl font-semibold mt-[26px] mb-px"
 	},
 	{
@@ -603,7 +603,7 @@ St = Ct, St.BASE_STYLES = "py-[3px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H3",
 		nameKey: "tools.header.heading3",
 		name: "Heading 3",
-		icon: g,
+		icon: re,
 		styles: "text-xl font-semibold mt-5 mb-px"
 	},
 	{
@@ -611,7 +611,7 @@ St = Ct, St.BASE_STYLES = "py-[3px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H4",
 		nameKey: "tools.header.heading4",
 		name: "Heading 4",
-		icon: a,
+		icon: l,
 		styles: "text-lg font-semibold mt-3 mb-px"
 	},
 	{
@@ -619,7 +619,7 @@ St = Ct, St.BASE_STYLES = "py-[3px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H5",
 		nameKey: "tools.header.heading5",
 		name: "Heading 5",
-		icon: l,
+		icon: f,
 		styles: "text-base font-semibold mt-3 mb-px"
 	},
 	{
@@ -627,16 +627,16 @@ St = Ct, St.BASE_STYLES = "py-[3px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H6",
 		nameKey: "tools.header.heading6",
 		name: "Heading 6",
-		icon: f,
+		icon: g,
 		styles: "text-sm font-semibold mt-3 mb-px"
 	}
 ];
 //#endregion
 //#region src/tools/list/constants.ts
-var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 leading-[1.5] items-center", Et = "flex items-start pl-0.5", Dt = "mt-0.5 w-5 mr-2 h-5 cursor-pointer accent-current", Ot = "tools.list.placeholder", kt = "list", At = {
+var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 leading-[1.5] items-start", Dt = "flex items-start pl-0.5", Ot = "mt-0.5 w-5 mr-2 h-5 cursor-pointer accent-current", kt = "tools.list.placeholder", At = "list", jt = {
 	contentContainer: "list-content-container",
 	checklistContent: "list-checklist-content"
-}, jt = (e, t) => {
+}, Mt = (e, t) => {
 	let n = e;
 	n._placeholder = t, Object.defineProperty(n, "getPlaceholder", {
 		value: () => n._placeholder,
@@ -644,8 +644,8 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		enumerable: !0,
 		configurable: !1
 	});
-}, Mt = (e) => {
-	let { data: t, keydownHandler: n, readOnly: r } = e, i = Nt(e), a = t.style === "checklist" ? Ft(e) : Pt(e);
+}, Nt = (e) => {
+	let { data: t, keydownHandler: n, readOnly: r } = e, i = Pt(e), a = t.style === "checklist" ? It(e) : Ft(e);
 	i.appendChild(a), !r && n && i.addEventListener("keydown", n);
 	let o = a.querySelector("[data-list-marker]"), s = a.querySelector("input[type=\"checkbox\"]"), c = a.querySelector("[contenteditable]");
 	return {
@@ -654,49 +654,49 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		markerElement: o,
 		checkboxElement: s
 	};
-}, Nt = (e) => {
-	var t;
-	let { data: r } = e, i = document.createElement("div");
-	return i.className = wt, i.setAttribute(n.tool, kt), i.setAttribute("data-list-style", r.style), i.setAttribute("data-list-depth", String((t = r.depth) == null ? 0 : t)), r.start !== void 0 && r.start !== 1 && i.setAttribute("data-list-start", String(r.start)), i;
 }, Pt = (e) => {
+	var t;
+	let { data: n } = e, r = document.createElement("div");
+	return r.className = Tt, r.setAttribute(v.tool, At), r.setAttribute("data-list-style", n.style), r.setAttribute("data-list-depth", String((t = n.depth) == null ? 0 : t)), n.start !== void 0 && n.start !== 1 && r.setAttribute("data-list-start", String(n.start)), r;
+}, Ft = (e) => {
 	var t;
 	let { data: n, itemColor: r, itemSize: i, placeholder: a } = e, o = document.createElement("div");
-	o.setAttribute("role", "listitem"), o.className = x(Tt, "flex", ...S), r && (o.style.color = r), i && (o.style.fontSize = i);
+	o.setAttribute("role", "listitem"), o.className = S(Et, "flex", ...C), r && (o.style.color = r), i && (o.style.fontSize = i);
 	let s = (t = n.depth) == null ? 0 : t;
 	if (s > 0) {
 		let e = n.style === "ordered" ? 26 : 27;
 		o.style.marginLeft = `${s * e}px`;
 	}
-	let c = It(n.style, s);
+	let c = Lt(n.style, s);
 	c.setAttribute("data-list-marker", "true"), c.setAttribute("data-blok-mutation-free", "true"), o.appendChild(c);
 	let l = document.createElement("div");
-	return l.className = x("flex-1 min-w-0 outline-hidden", ...S), l.setAttribute("data-blok-testid", At.contentContainer), l.contentEditable = e.readOnly ? "false" : "true", l.innerHTML = n.text, jt(l, a), o.appendChild(l), o;
-}, Ft = (e) => {
+	return l.className = S("flex-1 min-w-0 outline-hidden", ...C), l.setAttribute("data-blok-testid", jt.contentContainer), l.contentEditable = e.readOnly ? "false" : "true", l.innerHTML = n.text, Mt(l, a), o.appendChild(l), o;
+}, It = (e) => {
 	var t;
 	let { data: n, itemColor: r, itemSize: i, placeholder: a, readOnly: o } = e, s = document.createElement("div");
-	s.setAttribute("role", "listitem"), s.className = Et, r && (s.style.color = r), i && (s.style.fontSize = i);
+	s.setAttribute("role", "listitem"), s.className = Dt, r && (s.style.color = r), i && (s.style.fontSize = i);
 	let c = (t = n.depth) == null ? 0 : t;
 	c > 0 && (s.style.marginLeft = `${c * 27}px`);
 	let l = document.createElement("input");
-	l.type = "checkbox", l.className = Dt, l.checked = !!n.checked, l.disabled = o;
+	l.type = "checkbox", l.className = Ot, l.checked = !!n.checked, l.disabled = o;
 	let u = document.createElement("div");
-	return u.className = x("flex-1 outline-hidden leading-[1.5]", n.checked ? "line-through opacity-60" : "", ...S), u.setAttribute("data-blok-testid", At.checklistContent), u.setAttribute("data-checked", String(n.checked)), u.contentEditable = o ? "false" : "true", u.innerHTML = n.text, jt(u, a), s.appendChild(l), s.appendChild(u), s;
-}, It = (e, t) => {
+	return u.className = S("flex-1 outline-hidden leading-[1.5]", n.checked ? "line-through opacity-60" : "", ...C), u.setAttribute("data-blok-testid", jt.checklistContent), u.setAttribute("data-checked", String(n.checked)), u.contentEditable = o ? "false" : "true", u.innerHTML = n.text, Mt(u, a), s.appendChild(l), s.appendChild(u), s;
+}, Lt = (e, t) => {
 	let n = document.createElement("span");
-	return n.className = "shrink-0 select-none", n.setAttribute("aria-hidden", "true"), n.contentEditable = "false", e === "ordered" ? (n.textContent = "1.", n.className = x(n.className, "text-right"), n.style.paddingRight = "11px", n.style.minWidth = "fit-content") : (n.textContent = Lt(t), n.className = x(n.className, "w-6 text-center flex justify-center"), n.style.paddingLeft = "1px", n.style.paddingRight = "13px", n.style.fontSize = "24px", n.style.fontFamily = "Arial"), n;
-}, Lt = (e) => {
+	return n.className = "shrink-0 select-none", n.setAttribute("aria-hidden", "true"), n.contentEditable = "false", e === "ordered" ? (n.textContent = "1.", n.className = S(n.className, "text-right"), n.style.paddingRight = "11px", n.style.minWidth = "fit-content") : (n.textContent = Rt(t), n.className = S(n.className, "w-6 text-center flex justify-center"), n.style.paddingLeft = "1px", n.style.paddingRight = "13px", n.style.fontSize = "24px", n.style.fontFamily = "Arial", n.style.lineHeight = "1.5rem"), n;
+}, Rt = (e) => {
 	let t = [
 		"•",
 		"◦",
 		"▪"
 	];
 	return t[e % t.length];
-}, Rt = (e) => {
+}, zt = (e) => {
 	let { data: t, readOnly: n, placeholder: r, itemColor: i, itemSize: a, element: o, setupItemPlaceholder: s, onCheckboxChange: c, keydownHandler: l } = e;
 	if (!o) return null;
 	let u = o.parentNode;
 	if (!u) return null;
-	let d = Mt({
+	let d = Nt({
 		data: t,
 		readOnly: n,
 		placeholder: r,
@@ -711,14 +711,14 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		});
 	}
 	return u.replaceChild(d.wrapper, o), d.wrapper;
-}, zt = (e, t, n) => {
+}, Bt = (e, t, n) => {
 	if (!t) return e;
-	let r = n(), i = b({
-		text: r ? $e(r.innerHTML) : e.text,
+	let r = n(), i = x({
+		text: r ? et(r.innerHTML) : e.text,
 		style: e.style
 	}, e.style === "checklist" ? { checked: !!e.checked } : {});
 	return e.start !== void 0 && e.start !== 1 && (i.start = e.start), e.depth !== void 0 && e.depth > 0 && (i.depth = e.depth), i;
-}, Bt = (e, t, n, r, i) => {
+}, Vt = (e, t, n, r, i) => {
 	var a, o;
 	if (!n) return {
 		newData: e,
@@ -729,7 +729,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		newData: e,
 		inPlace: !1
 	};
-	let d = "depth" in t ? t.depth : 0, f = b(b(b({}, e), t), {}, { depth: d }), p = r();
+	let d = "depth" in t ? t.depth : 0, f = x(x(x({}, e), t), {}, { depth: d }), p = r();
 	if (p && typeof t.text == "string" && (p.innerHTML = t.text), s !== c) return i.adjustDepthTo(c), i.updateMarkerForDepth(c, u), {
 		newData: f,
 		inPlace: !0
@@ -742,7 +742,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		newData: f,
 		inPlace: !0
 	};
-}, Vt = (e, t) => {
+}, Ht = (e, t) => {
 	let { element: n, getContentElement: r, parseHTML: i, data: a } = e;
 	if (!n) return;
 	a.text += t.text;
@@ -751,29 +751,29 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		let e = i(t.text);
 		o.appendChild(e), o.normalize();
 	}
-}, Ht = (e, t, n, r) => e.map((e) => ({
+}, Ut = (e, t, n, r) => e.map((e) => ({
 	icon: e.icon,
 	title: n(`toolNames.${e.titleKey}`),
 	onActivate: () => r(e.style),
 	closeOnActivate: !0,
 	isActive: t === e.style
-})), Ut = (e) => {
+})), Wt = (e) => {
 	if (!e) return;
 	let t = (e.getAttribute("style") || "").match(/margin-left:\s*(\d+)px/);
 	if (!t) return;
 	let n = parseInt(t[1], 10);
 	return n > 0 ? { left: n } : void 0;
-}, Wt = (e) => {
+}, Gt = (e) => {
 	let t = e.closest("[data-list-depth]");
 	if (!t) return;
 	let n = t.getAttribute("data-list-depth");
 	if (n === null) return;
 	let r = parseInt(n, 10);
 	return r > 0 ? { left: r * 27 } : void 0;
-}, Gt = (e) => {
-	let t = Ut(e.closest("[role=\"listitem\"]") || e.querySelector("[role=\"listitem\"]"));
-	return t === void 0 ? Wt(e) : t;
-}, Kt = (e, t) => {
+}, Kt = (e) => {
+	let t = Wt(e.closest("[role=\"listitem\"]") || e.querySelector("[role=\"listitem\"]"));
+	return t === void 0 ? Gt(e) : t;
+}, qt = (e, t) => {
 	let n = document.createRange();
 	if (n.setStart(e, 0), n.setEnd(t.startContainer, t.startOffset), !e.lastChild) return {
 		beforeContent: "",
@@ -781,32 +781,32 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	};
 	let r = document.createRange();
 	return r.setStart(t.endContainer, t.endOffset), r.setEndAfter(e.lastChild), {
-		beforeContent: qt(n.cloneContents()),
-		afterContent: qt(r.cloneContents())
+		beforeContent: Jt(n.cloneContents()),
+		afterContent: Jt(r.cloneContents())
 	};
-}, qt = (e) => {
+}, Jt = (e) => {
 	let t = document.createElement("div");
 	return t.appendChild(e), t.innerHTML;
-}, Jt = (e) => {
+}, Yt = (e) => {
 	let t = document.createElement("div");
 	t.innerHTML = e.trim();
 	let n = document.createDocumentFragment();
 	return n.append(...Array.from(t.childNodes)), n;
-}, Yt = (e, t) => {
+}, Xt = (e, t) => {
 	let n = document.createRange();
 	return n.selectNodeContents(e), n.setEnd(t.startContainer, t.startOffset), n.toString().length === 0;
-}, Xt = (e, t) => {
+}, Zt = (e, t) => {
 	let n = document.createRange();
 	n.selectNodeContents(e), n.setEnd(t.startContainer, t.startOffset);
 	let r = n.toString().length === 0, i = document.createRange();
 	i.selectNodeContents(e), i.setStart(t.endContainer, t.endOffset);
 	let a = i.toString().length === 0;
 	return r && a;
-}, Zt = (e) => {
+}, Qt = (e) => {
 	if (typeof e != "object" || !e) return !1;
 	let t = Object.entries(e).find(([e]) => e === "items");
 	return t === void 0 ? !1 : Array.isArray(t[1]);
-}, Qt = (e) => typeof e == "object" && !!e, $t = (e) => typeof e == "string" ? e : "", en = (e, t) => e === "unordered" || e === "ordered" || e === "checklist" ? e : t, tn = (e) => !!e, nn = (e, t) => typeof e == "number" ? e : t, rn = (e, t) => {
+}, $t = (e) => typeof e == "object" && !!e, en = (e) => typeof e == "string" ? e : "", tn = (e, t) => e === "unordered" || e === "ordered" || e === "checklist" ? e : t, nn = (e) => !!e, rn = (e, t) => typeof e == "number" ? e : t, an = (e, t) => {
 	let n = t.defaultStyle || "unordered";
 	if (!e || typeof e != "object") return {
 		text: "",
@@ -814,18 +814,18 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		checked: !1,
 		depth: 0
 	};
-	if (Zt(e)) {
+	if (Qt(e)) {
 		let t = e.items[0], r = (t == null ? void 0 : t.content) || "", i = (t == null ? void 0 : t.checked) || !1;
-		return b({
+		return x({
 			text: r,
 			style: e.style || n,
 			checked: !!i,
 			depth: 0
 		}, e.start !== void 0 && e.start !== 1 ? { start: e.start } : {});
 	}
-	if (Qt(e)) {
-		let t = $t(e.text), r = en(e.style, n), i = tn(e.checked), a = nn(e.depth, 0), o = e.start, s = typeof o == "number" && o !== void 0 && o !== 1 ? o : void 0;
-		return b({
+	if ($t(e)) {
+		let t = en(e.text), r = tn(e.style, n), i = nn(e.checked), a = rn(e.depth, 0), o = e.start, s = typeof o == "number" && o !== void 0 && o !== 1 ? o : void 0;
+		return x({
 			text: t,
 			style: r,
 			checked: i,
@@ -838,7 +838,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		checked: !1,
 		depth: 0
 	};
-}, an = class {
+}, on = class {
 	constructor(e) {
 		this.blocks = e;
 	}
@@ -866,7 +866,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		let n = (t = e.holder) == null || (t = t.querySelector("[role=\"listitem\"]")) == null ? void 0 : t.getAttribute("style"), r = n == null ? void 0 : n.match(/margin-left:\s*(\d+)px/);
 		return r ? Math.round(parseInt(r[1], 10) / 27) : 0;
 	}
-}, on = (e, t) => {
+}, sn = (e, t) => {
 	if (!e) return null;
 	if (t === "checklist") {
 		let t = e.querySelector("[contenteditable]");
@@ -874,15 +874,15 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	}
 	let n = e.querySelector("[data-blok-testid=\"list-content-container\"]");
 	return n instanceof HTMLElement ? n : null;
-}, sn = (e, t, n) => {
+}, cn = (e, t, n) => {
 	e && e.setAttribute("data-list-depth", String(n));
 	let r = e == null ? void 0 : e.querySelector("[role=\"listitem\"]");
 	r instanceof HTMLElement && (r.style.marginLeft = n > 0 ? `${n * 27}px` : ""), t.depth = n;
-}, cn = (e, t) => t.getBlockDepth(e), ln = (e, t) => t.getBlockStyle(e), un = (e, t) => t.getBulletCharacter(e), dn = (e, t, n, r, i) => {
+}, ln = (e, t) => t.getBlockDepth(e), un = (e, t) => t.getBlockStyle(e), dn = (e, t) => t.getBulletCharacter(e), fn = (e, t, n, r, i) => {
 	var a;
 	let o = e ? (a = r.getBlockIndex(e)) == null ? r.getCurrentBlockIndex() : a : r.getCurrentBlockIndex();
 	return o <= 0 ? 0 : i.getSiblingIndex(o, t, n);
-}, fn = (e, t, n, r, i, a) => {
+}, pn = (e, t, n, r, i, a) => {
 	var o;
 	if (e === 0) {
 		var s;
@@ -890,10 +890,10 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	}
 	let c = n ? (o = i.getBlockIndex(n)) == null ? i.getCurrentBlockIndex() : o : i.getCurrentBlockIndex(), l = a.findFirstItemIndex(c - 1, t, e, r.style);
 	return l === null ? 1 : a.getBlockStartValue(l);
-}, pn = (e, t, n, r, i, a) => {
-	let o = fn(e, t, r, n, i, a) + e;
+}, mn = (e, t, n, r, i, a) => {
+	let o = pn(e, t, r, n, i, a) + e;
 	return a.formatNumber(o, t);
-}, mn = (e, t, n, r) => r.findGroupStart(e, t, n), hn = (e, t, n, r) => {
+}, hn = (e, t, n, r) => r.findGroupStart(e, t, n), gn = (e, t, n, r) => {
 	if (!e) return;
 	let i = e.holder, a = i == null ? void 0 : i.querySelector("[data-list-style=\"ordered\"]");
 	if (!a) return;
@@ -901,9 +901,9 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	if (!o) return;
 	let s = t.getBlockIndex(e.id);
 	if (s == null) return;
-	let c = cn(e, n), l = ln(e, r) || "ordered", u = r.getSiblingIndex(s, c, l), d = r.getGroupStartValue(s, c, u, l) + u;
+	let c = ln(e, n), l = un(e, r) || "ordered", u = r.getSiblingIndex(s, c, l), d = r.getGroupStartValue(s, c, u, l) + u;
 	o.textContent = r.formatNumber(d, c);
-}, gn = (e, t, n, r, i, a, o, s) => {
+}, _n = (e, t, n, r, i, a, o, s) => {
 	let c = (e) => {
 		if (e >= t) return;
 		if (e === n) {
@@ -912,25 +912,25 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		}
 		let l = a.getBlockByIndex(e);
 		if (!l || l.name !== "list") return;
-		let u = cn(l, o);
+		let u = ln(l, o);
 		if (!(u < r)) {
 			if (u > r) {
 				c(e + 1);
 				return;
 			}
-			ln(l, s) === i && (hn(l, a, o, s), c(e + 1));
+			un(l, s) === i && (gn(l, a, o, s), c(e + 1));
 		}
 	};
 	c(e);
-}, _n = (e, t, n) => {
+}, vn = (e, t, n) => {
 	let r = e.getBlocksCount();
 	Array.from({ length: r }, (e, t) => t).forEach((r) => {
 		let i = e.getBlockByIndex(r);
 		if (!i || i.name !== "list") return;
 		let a = i.holder;
-		a != null && a.querySelector("[data-list-style=\"ordered\"]") && hn(i, e, t, n);
+		a != null && a.querySelector("[data-list-style=\"ordered\"]") && gn(i, e, t, n);
 	});
-}, w = (e, t, n = "end") => {
+}, T = (e, t, n = "end") => {
 	let r = () => {
 		let r = t.holder;
 		if (!r) return;
@@ -946,7 +946,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		n === "start" ? (o.setStart(i, 0), o.collapse(!0)) : (o.selectNodeContents(i), o.collapse(!1)), a.removeAllRanges(), a.addRange(o), e.caret.updateLastCaretAfterPosition();
 	}, i = t.holder;
 	(i == null ? void 0 : i.querySelector("[contenteditable=\"true\"]")) instanceof HTMLElement ? r() : requestAnimationFrame(() => r());
-}, vn = async (e) => {
+}, yn = async (e) => {
 	var t;
 	let { api: n, blockId: r, data: i, element: a, getContentElement: o } = e, s = window.getSelection();
 	if (!s || !a) return;
@@ -954,49 +954,49 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	if (!c) return;
 	let l = c.innerHTML.trim();
 	if (l === "" || l === "<br>") {
-		await yn(e);
+		await bn(e);
 		return;
 	}
-	let { beforeContent: u, afterContent: d } = Kt(c, s.getRangeAt(0)), f = r ? (t = n.blocks.getBlockIndex(r)) == null ? n.blocks.getCurrentBlockIndex() : t : n.blocks.getCurrentBlockIndex();
+	let { beforeContent: u, afterContent: d } = qt(c, s.getRangeAt(0)), f = r ? (t = n.blocks.getBlockIndex(r)) == null ? n.blocks.getCurrentBlockIndex() : t : n.blocks.getCurrentBlockIndex();
 	if (!r) {
-		c.innerHTML = u, i.text = u, w(n, n.blocks.insert(kt, b(b({
+		c.innerHTML = u, i.text = u, T(n, n.blocks.insert(At, x(x({
 			text: d,
 			style: i.style
 		}, i.style === "checklist" ? { checked: !!i.checked } : {}), {}, { depth: i.depth }), void 0, f + 1, !0), "start");
 		return;
 	}
-	let p = n.blocks.splitBlock(r, { text: u }, kt, b(b({
+	let p = n.blocks.splitBlock(r, { text: u }, At, x(x({
 		text: d,
 		style: i.style
 	}, i.style === "checklist" ? { checked: !!i.checked } : {}), {}, { depth: i.depth }), f + 1);
-	i.text = u, w(n, p, "start");
-}, yn = async (e) => {
+	i.text = u, T(n, p, "start");
+}, bn = async (e) => {
 	let { api: t, blockId: n, getDepth: r } = e;
 	if (r() > 0) {
-		await Sn(e);
+		await Cn(e);
 		return;
 	}
-	n !== void 0 && w(t, await t.blocks.convert(n, "paragraph", { text: "" }), "start");
-}, bn = async (e, t) => {
+	n !== void 0 && T(t, await t.blocks.convert(n, "paragraph", { text: "" }), "start");
+}, xn = async (e, t) => {
 	let { api: n, blockId: r, data: i, element: a, getContentElement: o, getDepth: s, syncContentFromDOM: c } = e, l = window.getSelection();
 	if (!l || !a) return;
 	let u = l.getRangeAt(0), d = o();
 	if (!d) return;
 	c();
 	let f = i.text, p = s();
-	if (Xt(d, u) && !l.isCollapsed) {
+	if (Zt(d, u) && !l.isCollapsed) {
 		t.preventDefault(), d.innerHTML = "", i.text = "";
 		let e = document.createRange();
 		e.setStart(d, 0), e.collapse(!0), l.removeAllRanges(), l.addRange(e);
 		return;
 	}
-	if (!Yt(d, u) || (t.preventDefault(), r === void 0)) return;
+	if (!Xt(d, u) || (t.preventDefault(), r === void 0)) return;
 	let m = await n.blocks.convert(r, "paragraph", { text: f });
 	p > 0 && requestAnimationFrame(() => {
 		let e = m.holder;
 		e && (e.style.marginLeft = `${p * 27}px`, e.setAttribute("data-blok-depth", String(p)));
-	}), w(n, m, "start");
-}, xn = async (e, t) => {
+	}), T(n, m, "start");
+}, Sn = async (e, t) => {
 	let { api: n, blockId: r, data: i, syncContentFromDOM: a, getDepth: o } = e, s = n.blocks.getCurrentBlockIndex();
 	if (s === 0) return;
 	let c = n.blocks.getBlockByIndex(s - 1);
@@ -1005,15 +1005,15 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	if (l > t.getBlockDepth(c)) return;
 	a();
 	let u = l + 1;
-	i.depth = u, w(n, await n.blocks.update(r || "", b(b({}, i), {}, { depth: u })));
-}, Sn = async (e) => {
+	i.depth = u, T(n, await n.blocks.update(r || "", x(x({}, i), {}, { depth: u })));
+}, Cn = async (e) => {
 	let { api: t, blockId: n, data: r, syncContentFromDOM: i, getDepth: a } = e, o = a();
 	if (o === 0) return;
 	i();
 	let s = o - 1;
-	r.depth = s, w(t, await t.blocks.update(n || "", b(b({}, r), {}, { depth: s })));
-}, Cn = (e) => {
-	let { data: t, readOnly: n, placeholder: r, itemColor: i, itemSize: a, setupItemPlaceholder: o, onCheckboxChange: s, keydownHandler: c } = e, l = Mt({
+	r.depth = s, T(t, await t.blocks.update(n || "", x(x({}, r), {}, { depth: s })));
+}, wn = (e) => {
+	let { data: t, readOnly: n, placeholder: r, itemColor: i, itemSize: a, setupItemPlaceholder: o, onCheckboxChange: s, keydownHandler: c } = e, l = Nt({
 		data: t,
 		readOnly: n,
 		placeholder: r,
@@ -1028,14 +1028,14 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		});
 	}
 	return l.wrapper;
-}, wn = (e) => {
+}, Tn = (e) => {
 	let t = (e) => {
 		if (e <= 0) return "";
 		let n = e - 1;
 		return t(Math.floor(n / 26)) + String.fromCharCode(97 + n % 26);
 	};
 	return t(e);
-}, Tn = (e) => {
+}, En = (e) => {
 	let t = [
 		[1e3, "m"],
 		[900, "cm"],
@@ -1056,7 +1056,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		return e >= i ? a + n(e - i, r) : n(e, r + 1);
 	};
 	return n(e, 0);
-}, En = class {
+}, Dn = class {
 	constructor(e) {
 		this.blocks = e;
 	}
@@ -1082,7 +1082,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	}
 	formatNumber(e, t) {
 		let n = t % 3;
-		return n === 1 ? `${wn(e)}.` : n === 2 ? `${Tn(e)}.` : `${e}.`;
+		return n === 1 ? `${Tn(e)}.` : n === 2 ? `${En(e)}.` : `${e}.`;
 	}
 	getGroupStartValue(e, t, n, r) {
 		if (n === 0) return this.getBlockStartValue(e);
@@ -1137,9 +1137,9 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		let a = this.getBlockDepth(i);
 		return a < n ? t : a > n ? this.findGroupStartRecursive(e - 1, t, n, r) : this.getBlockStyle(i) === r ? this.findGroupStartRecursive(e - 1, e, n, r) : t;
 	}
-}, Dn = { value: !1 }, On = class {
+}, On = { value: !1 }, kn = class {
 	constructor(e) {
-		this.blocks = e, this.depthValidator = new an(e), this.markerCalculator = new En(e);
+		this.blocks = e, this.depthValidator = new on(e), this.markerCalculator = new Dn(e);
 	}
 	updateMarker(e, t, n) {
 		let r = e.querySelector("[data-list-marker]");
@@ -1166,8 +1166,8 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		}
 	}
 	scheduleUpdateAll() {
-		Dn.value || (Dn.value = !0, requestAnimationFrame(() => {
-			Dn.value = !1, this.updateAllMarkers();
+		On.value || (On.value = !0, requestAnimationFrame(() => {
+			On.value = !1, this.updateAllMarkers();
 		}));
 	}
 	findListGroupStartIndex(e, t, n) {
@@ -1206,12 +1206,12 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		})() : c) + s;
 		r.textContent = this.markerCalculator.formatNumber(l, a);
 	}
-}, kn = (e) => e instanceof HTMLElement, An = new Set(/* @__PURE__ */ "decimal.decimal-leading-zero.lower-roman.upper-roman.lower-greek.lower-latin.upper-latin.lower-alpha.upper-alpha.arabic-indic.armenian.bengali.cambodian.cjk-decimal.devanagari.georgian.gujarati.gurmukhi.hebrew.kannada.khmer.lao.malayalam.mongolian.myanmar.oriya.persian.telugu.thai.tibetan".split(".")), jn = new Set([
+}, An = (e) => e instanceof HTMLElement, jn = new Set(/* @__PURE__ */ "decimal.decimal-leading-zero.lower-roman.upper-roman.lower-greek.lower-latin.upper-latin.lower-alpha.upper-alpha.arabic-indic.armenian.bengali.cambodian.cjk-decimal.devanagari.georgian.gujarati.gurmukhi.hebrew.kannada.khmer.lao.malayalam.mongolian.myanmar.oriya.persian.telugu.thai.tibetan".split(".")), Mn = new Set([
 	"disc",
 	"circle",
 	"square",
 	"none"
-]), Mn = (e) => {
+]), Nn = (e) => {
 	let t = e.getAttribute("data-list-style");
 	if (t === "ordered") return "ordered";
 	if (t === "unordered") return "unordered";
@@ -1220,24 +1220,24 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	let r = n.match(/list-style-type\s*:\s*([^;]+)/);
 	if (!r) return null;
 	let i = r[1].trim().toLowerCase();
-	return An.has(i) ? "ordered" : jn.has(i) ? "unordered" : null;
-}, Nn = (e, t) => {
+	return jn.has(i) ? "ordered" : Mn.has(i) ? "unordered" : null;
+}, Pn = (e, t) => {
 	let n = e.parentElement;
-	return (n == null ? void 0 : n.tagName) === "OL" ? "ordered" : (n == null ? void 0 : n.tagName) === "UL" ? e.querySelector("input[type=\"checkbox\"]") ? "checklist" : "unordered" : Mn(e) || t;
-}, Pn = (e) => {
+	return (n == null ? void 0 : n.tagName) === "OL" ? "ordered" : (n == null ? void 0 : n.tagName) === "UL" ? e.querySelector("input[type=\"checkbox\"]") ? "checklist" : "unordered" : Nn(e) || t;
+}, Fn = (e) => {
 	let t = e.innerHTML || e.textContent || "", n = e.querySelector("input[type=\"checkbox\"]");
 	return {
 		text: t,
 		checked: n instanceof HTMLInputElement ? n.checked : !1
 	};
-}, Fn = (e) => {
+}, In = (e) => {
 	let t = e.getAttribute("aria-level");
 	if (t) {
 		let e = parseInt(t, 10);
 		return Math.max(0, e - 1);
 	}
 	return 0;
-}, In = () => ({ text: {
+}, Ln = () => ({ text: {
 	br: !0,
 	a: {
 		href: !0,
@@ -1246,38 +1246,38 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	},
 	b: !0,
 	i: !0
-} }), Ln = () => ({ tags: [{ li: {
+} }), Rn = () => ({ tags: [{ li: {
 	style: !0,
 	"aria-level": !0
-} }] }), Rn = () => ({
+} }] }), zn = () => ({
 	export: (e) => e.text,
 	import: (e) => ({
 		text: e,
 		style: "unordered",
 		checked: !1
 	})
-}), zn = [
+}), Bn = [
 	{
 		name: "bulletedList",
 		titleKey: "bulletedList",
 		style: "unordered",
-		icon: Le
+		icon: He
 	},
 	{
 		name: "numberedList",
 		titleKey: "numberedList",
 		style: "ordered",
-		icon: oe
+		icon: de
 	},
 	{
 		name: "todoList",
 		titleKey: "todoList",
 		style: "checklist",
-		icon: u
+		icon: m
 	}
-], Bn = () => [
+], Vn = () => [
 	{
-		icon: Le,
+		icon: He,
 		title: "Bulleted list",
 		titleKey: "bulletedList",
 		data: { style: "unordered" },
@@ -1291,7 +1291,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		shortcut: "-"
 	},
 	{
-		icon: oe,
+		icon: de,
 		title: "Numbered list",
 		titleKey: "numberedList",
 		data: { style: "ordered" },
@@ -1305,7 +1305,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		shortcut: "1."
 	},
 	{
-		icon: u,
+		icon: m,
 		title: "To-do list",
 		titleKey: "todoList",
 		data: { style: "checklist" },
@@ -1319,24 +1319,24 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		],
 		shortcut: "[]"
 	}
-], Vn = class {
+], Hn = class {
 	constructor({ data: e, config: t, api: n, readOnly: r, block: i }) {
 		this._element = null, this.handleBlockChanged = (e) => {
 			if (this.isBlockChangedEventPayload(e) && (e.event.type === "block-removed" || e.event.type === "block-added")) {
 				var t;
 				(t = this.markerManager) == null || t.scheduleUpdateAll();
 			}
-		}, this.api = n, this.readOnly = r, this._settings = t || {}, this._data = this.normalizeData(e), this.depthValidator = new an(n.blocks), this.markerCalculator = new En(n.blocks), this.markerManager = this._data.style === "ordered" ? new On(n.blocks) : null, i && (this.blockId = i.id), this._data.style === "ordered" && this.api.events.on("block changed", this.handleBlockChanged);
+		}, this.api = n, this.readOnly = r, this._settings = t || {}, this._data = this.normalizeData(e), this.depthValidator = new on(n.blocks), this.markerCalculator = new Dn(n.blocks), this.markerManager = this._data.style === "ordered" ? new kn(n.blocks) : null, i && (this.blockId = i.id), this._data.style === "ordered" && this.api.events.on("block changed", this.handleBlockChanged);
 	}
 	isBlockChangedEventPayload(e) {
 		return typeof e == "object" && !!e && "event" in e && typeof e.event == "object" && e.event !== null && "type" in e.event && typeof e.event.type == "string";
 	}
 	normalizeData(e) {
-		return rn(e, this._settings);
+		return an(e, this._settings);
 	}
 	get availableStyles() {
 		let e = this._settings.styles;
-		return !e || e.length === 0 ? zn : zn.filter((t) => e.includes(t.style));
+		return !e || e.length === 0 ? Bn : Bn.filter((t) => e.includes(t.style));
 	}
 	get itemColor() {
 		return this._settings.itemColor;
@@ -1345,13 +1345,13 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		return this._settings.itemSize;
 	}
 	get placeholder() {
-		return this.api.i18n.t(Ot);
+		return this.api.i18n.t(kt);
 	}
 	setupItemPlaceholder(e) {
-		this.readOnly || ot(e, this.placeholder);
+		this.readOnly || st(e, this.placeholder);
 	}
 	render() {
-		return this._element = Cn({
+		return this._element = wn({
 			data: this._data,
 			readOnly: this.readOnly,
 			placeholder: this.placeholder,
@@ -1382,31 +1382,31 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		n !== r && this.adjustDepthTo(r);
 	}
 	adjustDepthTo(e) {
-		sn(this._element, this._data, e);
+		cn(this._element, this._data, e);
 	}
 	removed() {
 		var e;
 		this._data.style === "ordered" && (this.api.events.off("block changed", this.handleBlockChanged), (e = this.markerManager) == null || e.scheduleUpdateAll());
 	}
 	updateAllOrderedListMarkers() {
-		_n(this.api.blocks, this.depthValidator, this.markerCalculator);
+		vn(this.api.blocks, this.depthValidator, this.markerCalculator);
 	}
 	updateMarker() {
 		var e;
 		let t = (e = this._element) == null ? void 0 : e.querySelector("[data-list-marker]");
 		if (!t) return;
 		let n = this.getDepth();
-		t.textContent = pn(dn(this.blockId, n, this._data.style, this.api.blocks, this.markerCalculator), n, this._data, this.blockId, this.api.blocks, this.markerCalculator);
+		t.textContent = mn(fn(this.blockId, n, this._data.style, this.api.blocks, this.markerCalculator), n, this._data, this.blockId, this.api.blocks, this.markerCalculator);
 	}
 	updateSiblingListMarkers() {
 		var e;
 		let t = this.blockId ? (e = this.api.blocks.getBlockIndex(this.blockId)) == null ? this.api.blocks.getCurrentBlockIndex() : e : this.api.blocks.getCurrentBlockIndex(), n = this.getDepth(), r = this._data.style, i = this.api.blocks.getBlocksCount();
-		gn(mn(t, n, r, this.markerCalculator), i, t, n, r, this.api.blocks, this.depthValidator, this.markerCalculator);
+		_n(hn(t, n, r, this.markerCalculator), i, t, n, r, this.api.blocks, this.depthValidator, this.markerCalculator);
 	}
 	updateMarkerForDepth(e, t) {
 		var n;
 		let r = (n = this._element) == null ? void 0 : n.querySelector("[aria-hidden=\"true\"]");
-		r instanceof HTMLElement && (t === "ordered" ? r.textContent = pn(dn(this.blockId, e, this._data.style, this.api.blocks, this.markerCalculator), e, this._data, this.blockId, this.api.blocks, this.markerCalculator) : r.textContent = un(e, this.markerCalculator));
+		r instanceof HTMLElement && (t === "ordered" ? r.textContent = mn(fn(this.blockId, e, this._data.style, this.api.blocks, this.markerCalculator), e, this._data, this.blockId, this.api.blocks, this.markerCalculator) : r.textContent = dn(e, this.markerCalculator));
 	}
 	updateCheckboxState(e) {
 		var t;
@@ -1436,7 +1436,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	}
 	async handleEnter() {
 		var e = this;
-		await vn({
+		await yn({
 			api: e.api,
 			blockId: e.blockId,
 			data: e._data,
@@ -1448,7 +1448,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	}
 	async handleBackspace(e) {
 		var t = this;
-		await bn({
+		await xn({
 			api: t.api,
 			blockId: t.blockId,
 			data: t._data,
@@ -1460,7 +1460,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	}
 	async handleIndent() {
 		var e = this;
-		await xn({
+		await Sn({
 			api: e.api,
 			blockId: e.blockId,
 			data: e._data,
@@ -1472,7 +1472,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	}
 	async handleOutdent() {
 		var e = this;
-		await Sn({
+		await Cn({
 			api: e.api,
 			blockId: e.blockId,
 			data: e._data,
@@ -1490,10 +1490,10 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		n instanceof HTMLInputElement && (this._data.checked = n.checked);
 	}
 	getContentElement() {
-		return on(this._element, this._data.style);
+		return sn(this._element, this._data.style);
 	}
 	renderSettings() {
-		return Ht(this.availableStyles, this._data.style, this.api.i18n.t, (e) => this.setStyle(e));
+		return Ut(this.availableStyles, this._data.style, this.api.i18n.t, (e) => this.setStyle(e));
 	}
 	setStyle(e) {
 		let t = this._data.style;
@@ -1503,7 +1503,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		}
 	}
 	rerender() {
-		let e = Rt({
+		let e = zt({
 			data: this._data,
 			readOnly: this.readOnly,
 			placeholder: this.placeholder,
@@ -1522,10 +1522,10 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		return typeof e.text == "string";
 	}
 	save() {
-		return zt(this._data, this._element, this.getContentElement.bind(this));
+		return Bt(this._data, this._element, this.getContentElement.bind(this));
 	}
 	setData(e) {
-		let t = Bt(this._data, e, this._element, this.getContentElement.bind(this), {
+		let t = Vt(this._data, e, this._element, this.getContentElement.bind(this), {
 			adjustDepthTo: this.adjustDepthTo.bind(this),
 			updateMarkerForDepth: this.updateMarkerForDepth.bind(this),
 			updateCheckboxState: this.updateCheckboxState.bind(this)
@@ -1533,31 +1533,31 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		return this._data = t.newData, t.inPlace;
 	}
 	merge(e) {
-		Vt({
+		Ht({
 			data: this._data,
 			element: this._element,
 			getContentElement: this.getContentElement.bind(this),
-			parseHTML: Jt
+			parseHTML: Yt
 		}, e);
 	}
 	static get conversionConfig() {
-		return Rn();
+		return zn();
 	}
 	static get sanitize() {
-		return In();
+		return Ln();
 	}
 	static get pasteConfig() {
-		return Ln();
+		return Rn();
 	}
 	onPaste(e) {
 		let t = e.detail;
 		if (!("data" in t)) return;
 		let n = t.data;
-		if (!kn(n)) return;
-		let { text: r, checked: i } = Pn(n), a = Fn(n);
+		if (!An(n)) return;
+		let { text: r, checked: i } = Fn(n), a = In(n);
 		this._data = {
 			text: r,
-			style: Nn(n, this._data.style),
+			style: Pn(n, this._data.style),
 			checked: i,
 			depth: a
 		}, this.rerender();
@@ -1566,18 +1566,18 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		return !0;
 	}
 	getContentOffset(e) {
-		return Gt(e);
+		return Kt(e);
 	}
 	static get toolbox() {
-		return Bn();
+		return Vn();
 	}
-}, Hn = "data-blok-table-add-row", Un = "data-blok-table-add-col", Wn = 150, Gn = 5, Kn = 40, qn = [
+}, Un = "data-blok-table-add-row", Wn = "data-blok-table-add-col", Gn = 150, Kn = 5, qn = 40, Jn = [
 	"flex",
 	"items-center",
 	"justify-center",
 	"transition-opacity",
 	"duration-150"
-], Jn = [
+], Yn = [
 	"flex",
 	"items-center",
 	"justify-center",
@@ -1585,7 +1585,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	"border-gray-300",
 	"rounded-full",
 	"group-hover/add:bg-gray-50"
-], Yn = "12", Xn = class {
+], Xn = "12", Zn = class {
 	constructor(e) {
 		this.rowHideTimeout = null, this.colHideTimeout = null, this.rowVisible = !1, this.colVisible = !1, this.interactive = !0, this.dragState = null, this.scrollContainer = null, this.boundScrollHandler = null, this.scrollContainerResizeObserver = null, this.wrapper = e.wrapper, this.grid = e.grid, this.i18n = e.i18n, this.boundAddRowClick = e.onAddRow, this.boundAddColClick = e.onAddColumn, this.onDragStart = e.onDragStart, this.onDragAddRow = e.onDragAddRow, this.onDragRemoveRow = e.onDragRemoveRow, this.onDragAddCol = e.onDragAddCol, this.onDragRemoveCol = e.onDragRemoveCol, this.onDragEnd = e.onDragEnd, this.getNewColumnWidth = e.getNewColumnWidth, this.boundMouseMove = this.handleMouseMove.bind(this), this.boundDocumentMouseMove = this.handleDocumentMouseMove.bind(this), this.boundMouseLeave = this.handleMouseLeave.bind(this), this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.bind(this), this.boundPointerCancel = this.handlePointerCancel.bind(this), this.boundRowPointerDown = (e) => this.handlePointerDown("row", e), this.boundColPointerDown = (e) => this.handlePointerDown("col", e), this.addRowBtn = this.createAddRowButton(), this.addColBtn = this.createAddColumnButton(), this.wrapper.appendChild(this.addRowBtn), this.wrapper.appendChild(this.addColBtn), this.syncRowButtonWidth(), this.wrapper.addEventListener("mousemove", this.boundMouseMove), this.wrapper.addEventListener("mouseleave", this.boundMouseLeave), document.addEventListener("mousemove", this.boundDocumentMouseMove), this.addRowBtn.addEventListener("pointerdown", this.boundRowPointerDown), this.addColBtn.addEventListener("pointerdown", this.boundColPointerDown);
 	}
@@ -1658,10 +1658,10 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	}
 	handlePointerMove(e) {
 		if (!this.dragState) return;
-		let { axis: t, startPos: n, unitSize: r } = this.dragState, i = (t === "row" ? e.clientY : e.clientX) - n, a = Math.floor(i / r);
-		for (; this.dragState.addedCount < a;) t === "row" ? this.onDragAddRow() : this.onDragAddCol(), this.dragState.addedCount++;
-		for (; this.dragState.addedCount > a;) t === "row" ? this.onDragRemoveRow() : this.onDragRemoveCol(), this.dragState.addedCount--;
-		Math.abs(i) > Gn && !this.dragState.didDrag && (this.dragState.didDrag = !0, document.body.style.cursor = t === "row" ? "row-resize" : "col-resize", h(), this.onDragStart());
+		let { axis: t, startPos: r, unitSize: i } = this.dragState, a = (t === "row" ? e.clientY : e.clientX) - r, o = Math.floor(a / i);
+		for (; this.dragState.addedCount < o;) t === "row" ? this.onDragAddRow() : this.onDragAddCol(), this.dragState.addedCount++;
+		for (; this.dragState.addedCount > o;) t === "row" ? this.onDragRemoveRow() : this.onDragRemoveCol(), this.dragState.addedCount--;
+		Math.abs(a) > Kn && !this.dragState.didDrag && (this.dragState.didDrag = !0, document.body.style.cursor = t === "row" ? "row-resize" : "col-resize", n(), this.onDragStart());
 	}
 	handlePointerUp(e) {
 		if (!this.dragState) return;
@@ -1690,14 +1690,14 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	}
 	handleMouseMove(e) {
 		let t = this.grid.getBoundingClientRect(), n = this.grid.parentElement, r = n !== null && n !== this.wrapper ? Math.min(t.right, n.getBoundingClientRect().right) : t.right, i = Math.abs(e.clientY - t.bottom), a = Math.abs(e.clientX - r);
-		i <= Kn ? this.showRow() : this.scheduleHideRow(), a <= Kn ? this.showCol() : this.scheduleHideCol();
+		i <= qn ? this.showRow() : this.scheduleHideRow(), a <= qn ? this.showCol() : this.scheduleHideCol();
 	}
 	handleMouseLeave() {
 		this.scheduleHideRow(), this.scheduleHideCol();
 	}
 	handleDocumentMouseMove(e) {
 		if (this.wrapper.contains(e.target)) return;
-		let t = this.grid.getBoundingClientRect(), n = Kn;
+		let t = this.grid.getBoundingClientRect(), n = qn;
 		e.clientX >= t.left - n && e.clientX <= t.right + n && e.clientY >= t.top - n && e.clientY <= t.bottom + n && this.handleMouseMove(e);
 	}
 	showRow() {
@@ -1710,13 +1710,13 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		var e;
 		!this.rowVisible || this.rowHideTimeout !== null || ((e = this.dragState) == null ? void 0 : e.axis) === "row" || (this.rowHideTimeout = setTimeout(() => {
 			this.addRowBtn.style.opacity = "0", this.addRowBtn.style.pointerEvents = "none", this.rowVisible = !1, this.rowHideTimeout = null;
-		}, Wn));
+		}, Gn));
 	}
 	scheduleHideCol() {
 		var e;
 		!this.colVisible || this.colHideTimeout !== null || ((e = this.dragState) == null ? void 0 : e.axis) === "col" || (this.colHideTimeout = setTimeout(() => {
 			this.addColBtn.style.opacity = "0", this.addColBtn.style.pointerEvents = "none", this.colVisible = !1, this.colHideTimeout = null;
-		}, Wn));
+		}, Gn));
 	}
 	clearRowTimeout() {
 		this.rowHideTimeout !== null && (clearTimeout(this.rowHideTimeout), this.rowHideTimeout = null);
@@ -1726,25 +1726,25 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	}
 	createAddRowButton() {
 		let e = document.createElement("div");
-		e.className = x(qn, "group/add", "items-start", "cursor-row-resize"), e.setAttribute(Hn, ""), e.setAttribute("contenteditable", "false"), e.style.opacity = "0", e.style.pointerEvents = "none", e.style.position = "absolute", e.style.left = "0", e.style.bottom = "-36px", e.style.zIndex = "1", e.style.height = "32px";
+		e.className = S(Jn, "group/add", "items-start", "cursor-row-resize"), e.setAttribute(Un, ""), e.setAttribute("contenteditable", "false"), e.style.opacity = "0", e.style.pointerEvents = "none", e.style.position = "absolute", e.style.left = "0", e.style.bottom = "-36px", e.style.zIndex = "1", e.style.height = "32px";
 		let t = document.createElement("div");
-		return t.className = x(Jn), t.style.width = "100%", t.style.height = "16px", this.appendIcon(t), e.appendChild(t), De(e, be([this.i18n.t("tools.table.clickToAddRow"), this.i18n.t("tools.table.dragToAddRemoveRows")]), {
+		return t.className = S(Yn), t.style.width = "100%", t.style.height = "16px", this.appendIcon(t), e.appendChild(t), Ae(e, Te([this.i18n.t("tools.table.clickToAddRow"), this.i18n.t("tools.table.dragToAddRemoveRows")]), {
 			placement: "bottom",
 			marginTop: -16
 		}), e;
 	}
 	createAddColumnButton() {
 		let e = document.createElement("div");
-		e.className = x(qn, "group/add", "justify-start", "cursor-col-resize"), e.setAttribute(Un, ""), e.setAttribute("contenteditable", "false"), e.style.opacity = "0", e.style.pointerEvents = "none", e.style.position = "absolute", e.style.right = "-36px", e.style.top = "0px", e.style.bottom = "0px", e.style.width = "32px";
+		e.className = S(Jn, "group/add", "justify-start", "cursor-col-resize"), e.setAttribute(Wn, ""), e.setAttribute("contenteditable", "false"), e.style.opacity = "0", e.style.pointerEvents = "none", e.style.position = "absolute", e.style.right = "-36px", e.style.top = "0px", e.style.bottom = "0px", e.style.width = "32px";
 		let t = document.createElement("div");
-		return t.className = x(Jn), t.style.width = "16px", t.style.height = "100%", this.appendIcon(t), e.appendChild(t), De(e, be([this.i18n.t("tools.table.clickToAddColumn"), this.i18n.t("tools.table.dragToAddRemoveColumns")]), { placement: "bottom" }), e;
+		return t.className = S(Yn), t.style.width = "16px", t.style.height = "100%", this.appendIcon(t), e.appendChild(t), Ae(e, Te([this.i18n.t("tools.table.clickToAddColumn"), this.i18n.t("tools.table.dragToAddRemoveColumns")]), { placement: "bottom" }), e;
 	}
 	appendIcon(t) {
 		t.insertAdjacentHTML("beforeend", e);
 		let n = t.querySelector("svg");
-		n && (n.setAttribute("width", Yn), n.setAttribute("height", Yn), n.setAttribute("viewBox", "0 0 24 24"), n.classList.add("text-gray-500", "pointer-events-none"));
+		n && (n.setAttribute("width", Xn), n.setAttribute("height", Xn), n.setAttribute("viewBox", "0 0 24 24"), n.classList.add("text-gray-500", "pointer-events-none"));
 	}
-}, T = "data-blok-table-row", E = "data-blok-table-cell", Zn = "1px solid var(--blok-table-border)", Qn = ["flex"], $n = [
+}, E = "data-blok-table-row", D = "data-blok-table-cell", Qn = "1px solid var(--blok-table-border)", $n = ["flex"], er = [
 	"py-1",
 	"px-2",
 	"min-h-[2em]",
@@ -1752,37 +1752,37 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	"leading-none",
 	"text-sm",
 	"cursor-text"
-], er = (e) => {
+], tr = (e) => {
 	let t = Math.round(100 / e * 100) / 100;
 	return Array.from({ length: e }, () => t);
-}, tr = class {
+}, nr = class {
 	constructor(e) {
 		this.readOnly = e.readOnly;
 	}
 	createGrid(e, t, n) {
 		let r = document.createElement("div");
-		r.style.borderTop = Zn, r.style.borderLeft = Zn;
-		let i = n == null ? er(t) : n;
+		r.style.borderTop = Qn, r.style.borderLeft = Qn;
+		let i = n == null ? tr(t) : n;
 		return Array.from({ length: e }).forEach(() => {
 			r.appendChild(this.createRow(t, i));
 		}), r;
 	}
 	fillGrid(e, t) {}
 	addRow(e, t) {
-		let n = this.getColumnCount(e), r = this.getRawCellWidths(e), i = this.createRow(n, r), a = e.querySelectorAll(`[${T}]`);
+		let n = this.getColumnCount(e), r = this.getRawCellWidths(e), i = this.createRow(n, r), a = e.querySelectorAll(`[${E}]`);
 		return t !== void 0 && t < a.length ? e.insertBefore(i, a[t]) : e.appendChild(i), i;
 	}
 	deleteRow(e, t) {
-		let n = e.querySelectorAll(`[${T}]`);
+		let n = e.querySelectorAll(`[${E}]`);
 		t < n.length && n[t].remove();
 	}
 	addColumn(e, t, n, r) {
-		let i = e.querySelectorAll(`[${T}]`), a = this.getColumnCount(e), o = n !== void 0 && n.length === a, s = o || this.detectWidthUnit(e) === "px";
+		let i = e.querySelectorAll(`[${E}]`), a = this.getColumnCount(e), o = n !== void 0 && n.length === a, s = o || this.detectWidthUnit(e) === "px";
 		return o && this.convertToPixelWidths(i, n), s ? (this.addColumnPx(i, a, t, r), !0) : (this.addColumnPercent(i, a, t), !0);
 	}
 	convertToPixelWidths(e, t) {
 		e.forEach((e) => {
-			e.querySelectorAll(`[${E}]`).forEach((e, n) => {
+			e.querySelectorAll(`[${D}]`).forEach((e, n) => {
 				if (n < t.length) {
 					let r = e;
 					r.style.width = `${t[n]}px`;
@@ -1793,7 +1793,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	addColumnPx(e, t, n, r) {
 		let i = r == null ? this.computeHalfAvgPxWidth(e, t) : r;
 		e.forEach((e) => {
-			let t = e.querySelectorAll(`[${E}]`), r = n === void 0 || n >= t.length, a = this.createCell(`${i}px`);
+			let t = e.querySelectorAll(`[${D}]`), r = n === void 0 || n >= t.length, a = this.createCell(`${i}px`);
 			if (!r) {
 				e.insertBefore(a, t[n]);
 				return;
@@ -1802,17 +1802,17 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		});
 	}
 	computeHalfAvgPxWidth(e, t) {
-		let n = e[0], r = n == null ? void 0 : n.querySelectorAll(`[${E}]`), i = Array.from(r == null ? [] : r).reduce((e, t) => e + (parseFloat(t.style.width) || 0), 0);
+		let n = e[0], r = n == null ? void 0 : n.querySelectorAll(`[${D}]`), i = Array.from(r == null ? [] : r).reduce((e, t) => e + (parseFloat(t.style.width) || 0), 0);
 		return t > 0 ? Math.round(i / t / 2 * 100) / 100 : 0;
 	}
 	addColumnPercent(e, t, n) {
 		let r = 1 - .5 / t;
 		e.forEach((e) => {
-			e.querySelectorAll(`[${E}]`).forEach((e) => {
+			e.querySelectorAll(`[${D}]`).forEach((e) => {
 				let n = e, i = parseFloat(n.style.width) || 100 / t, a = Math.round(i * r * 100) / 100;
 				n.style.width = `${a}%`;
 			});
-			let i = Math.round(100 / t / 2 * 100) / 100, a = e.querySelectorAll(`[${E}]`), o = n === void 0 || n >= a.length, s = this.createCell(`${i}%`);
+			let i = Math.round(100 / t / 2 * 100) / 100, a = e.querySelectorAll(`[${D}]`), o = n === void 0 || n >= a.length, s = this.createCell(`${i}%`);
 			if (!o) {
 				e.insertBefore(s, a[n]);
 				return;
@@ -1821,77 +1821,77 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		});
 	}
 	deleteColumn(e, t) {
-		e.querySelectorAll(`[${T}]`).forEach((e) => {
-			let n = e.querySelectorAll(`[${E}]`);
+		e.querySelectorAll(`[${E}]`).forEach((e) => {
+			let n = e.querySelectorAll(`[${D}]`);
 			t >= n.length || n[t].remove();
 		});
 	}
 	moveRow(e, t, n) {
 		if (t === n) return;
-		let r = Array.from(e.querySelectorAll(`[${T}]`));
+		let r = Array.from(e.querySelectorAll(`[${E}]`));
 		if (t >= r.length || n >= r.length) return;
 		let i = r[t];
 		i.remove();
-		let a = Array.from(e.querySelectorAll(`[${T}]`));
+		let a = Array.from(e.querySelectorAll(`[${E}]`));
 		n >= a.length ? e.appendChild(i) : e.insertBefore(i, a[n]);
 	}
 	moveColumn(e, t, n) {
-		t !== n && e.querySelectorAll(`[${T}]`).forEach((e) => {
-			let r = Array.from(e.querySelectorAll(`[${E}]`));
+		t !== n && e.querySelectorAll(`[${E}]`).forEach((e) => {
+			let r = Array.from(e.querySelectorAll(`[${D}]`));
 			if (t >= r.length || n >= r.length) return;
 			let i = r[t];
 			i.remove();
-			let a = Array.from(e.querySelectorAll(`[${E}]`));
+			let a = Array.from(e.querySelectorAll(`[${D}]`));
 			n >= a.length ? e.appendChild(i) : e.insertBefore(i, a[n]);
 		});
 	}
 	getRowCount(e) {
-		return e.querySelectorAll(`[${T}]`).length;
+		return e.querySelectorAll(`[${E}]`).length;
 	}
 	getColumnCount(e) {
-		let t = e.querySelector(`[${T}]`);
-		return t ? t.querySelectorAll(`[${E}]`).length : 0;
+		let t = e.querySelector(`[${E}]`);
+		return t ? t.querySelectorAll(`[${D}]`).length : 0;
 	}
 	getCell(e, t, n) {
-		let r = e.querySelectorAll(`[${T}]`);
+		let r = e.querySelectorAll(`[${E}]`);
 		if (t >= r.length) return null;
-		let i = r[t].querySelectorAll(`[${E}]`);
+		let i = r[t].querySelectorAll(`[${D}]`);
 		return n >= i.length ? null : i[n];
 	}
 	getColWidths(e) {
-		let t = e.querySelector(`[${T}]`);
+		let t = e.querySelector(`[${E}]`);
 		if (!t) return [];
-		let n = t.querySelectorAll(`[${E}]`), r = [];
+		let n = t.querySelectorAll(`[${D}]`), r = [];
 		return n.forEach((e) => {
 			let t = parseFloat(e.style.width);
 			r.push(isNaN(t) ? 0 : t);
 		}), r;
 	}
 	detectWidthUnit(e) {
-		let t = e.querySelector(`[${T}]`);
+		let t = e.querySelector(`[${E}]`);
 		if (!t) return "%";
-		let n = t.querySelector(`[${E}]`);
+		let n = t.querySelector(`[${D}]`);
 		return n && n.style.width.endsWith("px") ? "px" : "%";
 	}
 	getRawCellWidths(e) {
-		let t = e.querySelector(`[${T}]`);
+		let t = e.querySelector(`[${E}]`);
 		if (!t) return [];
-		let n = t.querySelectorAll(`[${E}]`);
+		let n = t.querySelectorAll(`[${D}]`);
 		return Array.from(n).map((e) => e.style.width);
 	}
 	createRow(e, t) {
 		let n = document.createElement("div");
-		return n.className = x(Qn), n.setAttribute(T, ""), Array.from({ length: e }).forEach((e, r) => {
+		return n.className = S($n), n.setAttribute(E, ""), Array.from({ length: e }).forEach((e, r) => {
 			n.appendChild(this.createCell(t[r]));
 		}), n;
 	}
 	createCell(e) {
 		let t = document.createElement("div");
-		t.className = x($n), t.style.borderRight = Zn, t.style.borderBottom = Zn, t.style.flexShrink = "0", t.style.overflow = "hidden", t.style.overflowWrap = "break-word", e !== void 0 && (t.style.width = typeof e == "string" ? e : `${e}%`), t.setAttribute(E, "");
+		t.className = S(er), t.style.borderRight = Qn, t.style.borderBottom = Qn, t.style.flexShrink = "0", t.style.overflow = "hidden", t.style.overflowWrap = "break-word", e !== void 0 && (t.style.width = typeof e == "string" ? e : `${e}%`), t.setAttribute(D, "");
 		let n = document.createElement("div");
-		return n.setAttribute(O, ""), t.appendChild(n), t;
+		return n.setAttribute(k, ""), t.appendChild(n), t;
 	}
-}, D = (e) => typeof e == "object" && !!e && "blocks" in e, O = "data-blok-table-cell-blocks", nr = class {
+}, O = (e) => typeof e == "object" && !!e && "blocks" in e, k = "data-blok-table-cell-blocks", rr = 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) => {
@@ -1913,15 +1913,17 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "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(`[${O}]`);
+			let a = n.target.holder, o = a.closest(`[${k}]`);
 			o && this.stripPlaceholders(o);
-			let s = o && !this.model.findCellForBlock(n.target.id) ? o.closest(`[${E}]`) : null;
+			let s = o && !this.model.findCellForBlock(n.target.id) ? o.closest(`[${D}]`) : null;
 			if (s && this.syncBlockToModel(s, n.target.id), o) return;
 			if (!this.gridElement.contains(a)) {
-				let e = this.api.blocks.getCurrentBlockIndex(), t = e >= 0 ? this.api.blocks.getBlockByIndex(e) : null;
-				if (!(t != null && this.getOwnedCellForBlock(t.id) !== null)) return;
-				let i = this.findCellForNewBlock(r);
-				i && (this.claimBlockForCell(i, n.target.id), this.syncBlockToModel(i, n.target.id), this.cellsPendingCheck.delete(i));
+				let e = this.api.blocks.getBlockIndex(this.tableBlockId), t = e === void 0 ? null : this.api.blocks.getBlockByIndex(e);
+				if (t && !t.holder.contains(a)) return;
+				let i = this.api.blocks.getCurrentBlockIndex(), o = i >= 0 ? this.api.blocks.getBlockByIndex(i) : null;
+				if (!(o != null && this.getOwnedCellForBlock(o.id) !== null)) return;
+				let s = this.findCellForNewBlock(r);
+				s && (this.claimBlockForCell(s, n.target.id), this.syncBlockToModel(s, n.target.id), this.cellsPendingCheck.delete(s));
 				return;
 			}
 			let c = this.findCellForNewBlock(r);
@@ -1929,11 +1931,11 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		}, this.handleCellBlankSpaceClick = (e) => {
 			let t = e.target;
 			if (!t) return;
-			let n = t.hasAttribute(E), r = t.hasAttribute(O);
+			let n = t.hasAttribute(D), r = t.hasAttribute(k);
 			if (!n && !r) return;
-			let i = n ? t : t.closest(`[${E}]`);
+			let i = n ? t : t.closest(`[${D}]`);
 			if (!i) return;
-			let a = n ? i.querySelector(`[${O}]`) : t;
+			let a = n ? i.querySelector(`[${k}]`) : t;
 			if (!a) return;
 			let o = a.querySelectorAll("[data-blok-id]"), s = o[o.length - 1];
 			if (!s) return;
@@ -2009,8 +2011,8 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		}
 		this.isExitingTable = !0;
 		try {
-			let e = this.api.blocks.getBlocksCount(), t = this.api.blocks.insert(void 0, {}, {}, e, !0);
-			this.api.caret.setToBlock(t.id, "start");
+			let t = this.api.blocks.getBlocksCount(), n = this.api.blocks.insert(void 0, {}, {}, t, !0), r = this.gridElement.contains(n.holder) ? this.api.blocks.getBlockByIndex(e) : null;
+			r && r.holder.after(n.holder), this.api.caret.setToBlock(n.id, "start");
 		} finally {
 			this.isExitingTable = !1;
 		}
@@ -2031,7 +2033,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		this.clearActiveCellWithBlocks();
 		let r = this.getCell(e.row, e.col);
 		if (!r) return;
-		let i = r.querySelector(`[${O}]`);
+		let i = r.querySelector(`[${k}]`);
 		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));
@@ -2050,18 +2052,18 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		return r ? (n = r.querySelectorAll("[data-blok-table-cell]")[t]) == null ? null : n : null;
 	}
 	initializeCells(e) {
-		let t = this.gridElement.querySelectorAll(`[${T}]`), n = [];
+		let t = this.gridElement.querySelectorAll(`[${E}]`), n = [];
 		return e.forEach((e, r) => {
 			let i = t[r];
 			if (!i) return;
-			let a = i.querySelectorAll(`[${E}]`), o = [];
+			let a = i.querySelectorAll(`[${D}]`), o = [];
 			e.forEach((e, t) => {
 				let n = a[t];
 				if (!n) return;
-				let r = n.querySelector(`[${O}]`);
+				let r = n.querySelector(`[${k}]`);
 				if (!r) return;
-				let i = D(e) && e.blocks.length > 0 ? [...e.blocks] : null, s = i ? this.mountBlocksInCell(r, i) : [], c = {};
-				if (D(e) && (e.color !== void 0 && (c.color = e.color), e.textColor !== void 0 && (c.textColor = e.textColor)), s.length > 0) o.push(b({ blocks: i == null ? s : i }, c));
+				let i = O(e) && e.blocks.length > 0 ? [...e.blocks] : null, s = i ? this.mountBlocksInCell(r, i) : [], c = {};
+				if (O(e) && (e.color !== void 0 && (c.color = e.color), e.textColor !== void 0 && (c.textColor = e.textColor)), s.length > 0) o.push(x({ blocks: i == null ? s : i }, c));
 				else {
 					var l;
 					let t = typeof e == "string" ? e : (l = e.text) == null ? "" : l, n = t.split(/<br\s*\/?>/i).map((e) => e.trim()).filter(Boolean), a = n.length > 0 ? n : [t], s = [];
@@ -2069,7 +2071,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 						let t = this.api.blocks.insert("paragraph", { text: e }, {}, this.api.blocks.getBlocksCount(), !1);
 						r.appendChild(t.holder), this.api.blocks.setBlockParent(t.id, this.tableBlockId), s.push(t.id);
 					}
-					o.push(b({ blocks: i === null ? s : [...i, ...s] }, c));
+					o.push(x({ blocks: i === null ? s : [...i, ...s] }, c));
 				}
 				this.stripPlaceholders(r);
 			}), n.push(o);
@@ -2094,7 +2096,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	}
 	claimBlockForCell(e, t) {
 		var n, r;
-		let i = e.querySelector(`[${O}]`);
+		let i = e.querySelector(`[${k}]`);
 		if (!i) return;
 		let a = this.api.blocks.getBlockIndex(t);
 		if (a === void 0) return;
@@ -2108,12 +2110,12 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	}
 	findCellForAdjacentBlock(e) {
 		if (e < 0 || e >= this.api.blocks.getBlocksCount()) return null;
-		let t = this.api.blocks.getBlockByIndex(e), n = t == null ? void 0 : t.holder.closest(`[${E}]`);
+		let t = this.api.blocks.getBlockByIndex(e), n = t == null ? void 0 : t.holder.closest(`[${D}]`);
 		return n && this.gridElement.contains(n) ? n : null;
 	}
 	ensureCellHasBlock(e) {
 		var t, n;
-		let r = e.querySelector(`[${O}]`);
+		let r = e.querySelector(`[${k}]`);
 		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);
@@ -2135,11 +2137,11 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		n && this.model.addBlockToCell(n.row, n.col, t);
 	}
 	getCellPosition(e) {
-		let t = e.closest(`[${T}]`);
+		let t = e.closest(`[${E}]`);
 		if (!t) return null;
-		let n = Array.from(this.gridElement.querySelectorAll(`[${T}]`)).indexOf(t);
+		let n = Array.from(this.gridElement.querySelectorAll(`[${E}]`)).indexOf(t);
 		if (n < 0) return null;
-		let r = Array.from(t.querySelectorAll(`[${E}]`)).indexOf(e);
+		let r = Array.from(t.querySelectorAll(`[${D}]`)).indexOf(e);
 		return r < 0 ? null : {
 			row: n,
 			col: r
@@ -2147,7 +2149,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	}
 	recordRemovedBlockCell(e) {
 		if (e.index === void 0) return;
-		let t = e.target.holder.closest(`[${E}]`);
+		let t = e.target.holder.closest(`[${D}]`);
 		t && this.gridElement.contains(t) && this.removedBlockCells.set(e.target.id, {
 			cell: t,
 			index: e.index
@@ -2195,7 +2197,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 	getBlockIdsFromCells(e) {
 		let t = [];
 		return Array.from(e).forEach((e) => {
-			let n = e.querySelector(`[${O}]`);
+			let n = e.querySelector(`[${k}]`);
 			n && n.querySelectorAll("[data-blok-id]").forEach((e) => {
 				let n = e.getAttribute("data-blok-id");
 				n && t.push(n);
@@ -2208,7 +2210,7 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 		});
 	}
 	deleteAllBlocks() {
-		let e = this.gridElement.querySelectorAll(`[${E}]`), t = this.getBlockIdsFromCells(e);
+		let e = this.gridElement.querySelectorAll(`[${D}]`), t = this.getBlockIdsFromCells(e);
 		this.deleteBlocks(t);
 	}
 	destroy() {
@@ -2225,18 +2227,18 @@ var wt = "outline-hidden py-[3px] mt-[2px] mb-px", Tt = "outline-hidden pl-0.5 l
 };
 //#endregion
 //#region src/components/shared/color-picker.ts
-function rr() {
+function ir() {
 	var e, t;
 	let n = document.documentElement.getAttribute("data-blok-theme");
-	return n === "dark" ? de : n === "light" ? Xe : typeof window < "u" && (e = (t = window).matchMedia) != null && e.call(t, "(prefers-color-scheme: dark)").matches ? de : Xe;
+	return n === "dark" ? ae : n === "light" ? Ze : typeof window < "u" && (e = (t = window).matchMedia) != null && e.call(t, "(prefers-color-scheme: dark)").matches ? ae : Ze;
 }
-function ir(e, t) {
+function ar(e, t) {
 	if (e === t) return !0;
-	let n = Ke(e), r = Ke(t);
+	let n = ge(e), r = ge(t);
 	return n === null || r === null ? !1 : n[0] === r[0] && n[1] === r[1] && n[2] === r[2];
 }
-var ar = "var(--blok-swatch-neutral-bg)";
-function or(e) {
+var or = "var(--blok-swatch-neutral-bg)";
+function sr(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 = [];
@@ -2249,17 +2251,21 @@ function or(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 = rr();
+		let o = s[e], c = n[e], l = ir();
 		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 = x("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 = ar, d.addEventListener("click", () => {
+		d.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-default`), d.className = S("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 = or, d.addEventListener("click", () => {
 			i(null, c.key);
-		}), De(d, `${t.t("tools.marker.default")} ${t.t(c.labelKey).toLowerCase()}`, { placement: "top" }), o.appendChild(d);
+		});
+		let p = t.t("tools.colorPicker.defaultSwatchLabel").replace("{default}", t.t("tools.marker.default")).replace("{mode}", t.t(c.labelKey).toLowerCase());
+		Ae(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 && ir(a, u);
-			n.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-${e.name}`), n.className = x("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 = ar) : (n.style.color = l === de ? 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 && ar(a, u);
+			n.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-${e.name}`), n.className = S("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 = or) : (n.style.color = l === ae ? e.text : "#37352f", n.style.backgroundColor = e.bg), n.addEventListener("click", () => {
 				i(a, c.key);
-			}), De(n, `${t.t("tools.colorPicker.color." + e.name)} ${t.t(c.labelKey).toLowerCase()}`, { placement: "top" }), o.appendChild(n);
+			});
+			let d = t.t("tools.colorPicker.colorSwatchLabel").replace("{color}", t.t("tools.colorPicker.color." + e.name)).replace("{mode}", t.t(c.labelKey).toLowerCase());
+			Ae(n, d.charAt(0).toUpperCase() + d.slice(1), { placement: "top" }), o.appendChild(n);
 		}
 	}, l = () => {
 		n.forEach((e, t) => c(t));
@@ -2278,8 +2284,8 @@ function or(e) {
 }
 //#endregion
 //#region src/tools/table/table-cell-color-picker.ts
-var sr = (e) => {
-	let t = or({
+var cr = (e) => {
+	let t = sr({
 		i18n: e.i18n,
 		testIdPrefix: "cell-color",
 		modes: [{
@@ -2296,40 +2302,40 @@ var sr = (e) => {
 		}
 	});
 	return { element: t.element };
-}, cr = (e, t, n) => {
+}, lr = (e, t, n) => {
 	t === "col" ? Object.assign(e.style, { height: `${n}px` }) : Object.assign(e.style, { width: `${n}px` });
-}, lr = [
+}, ur = [
 	[2, 2],
 	[8, 2],
 	[2, 7],
 	[8, 7],
 	[2, 12],
 	[8, 12]
-], ur = [
+], dr = [
 	[2, 2],
 	[7, 2],
 	[12, 2],
 	[2, 8],
 	[7, 8],
 	[12, 8]
-], dr = (e) => {
+], fr = (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 ? ur : lr;
+	let r = n ? dr : ur;
 	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;
-}, fr = (e, t) => {
+}, pr = (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"));
-}, pr = (e, t, n) => {
-	cr(e, t, n), e.classList.remove("bg-gray-200"), e.classList.add("bg-gray-300");
+}, mr = (e, t, n) => {
+	lr(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"));
-}, mr = "data-blok-table-cell-selected", hr = "2px solid #3b82f6", gr = "data-blok-table-selection-pill", _r = 16, vr = 20, yr = 4, br = [
+}, hr = "data-blok-table-cell-selected", gr = "2px solid #3b82f6", _r = "data-blok-table-selection-pill", vr = 16, yr = 20, br = 4, xr = [
 	"absolute",
 	"z-3",
 	"rounded-sm",
@@ -2342,7 +2348,7 @@ var sr = (e) => {
 	"overflow-hidden",
 	"cursor-pointer",
 	"bg-blue-500"
-], xr = (e) => e.style.userSelect === "none", Sr = class {
+], Sr = (e) => e.style.userSelect === "none", Cr = 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.onSelectionRangeChange = e.onSelectionRangeChange, this.onPointerDragActiveChange = e.onPointerDragActiveChange, this.isPopoverOpen = e.isPopoverOpen, 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);
 	}
@@ -2359,7 +2365,7 @@ var sr = (e) => {
 		r !== 0 && this.showProgrammaticSelection(e, 0, e, r - 1);
 	}
 	selectColumn(e) {
-		let t = this.grid.querySelectorAll(`[${T}]`).length;
+		let t = this.grid.querySelectorAll(`[${E}]`).length;
 		t !== 0 && this.showProgrammaticSelection(0, e, t - 1, e);
 	}
 	clearActiveSelection() {
@@ -2376,9 +2382,9 @@ var sr = (e) => {
 	}
 	handlePointerDown(e) {
 		var t;
-		if (xr(this.grid) || e.button !== 0) return;
+		if (Sr(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(`[${gr}]`)) return;
+		if (n.closest("[data-blok-table-grip]") || n.closest("[data-blok-table-resize]") || n.closest(`[${_r}]`)) 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));
 	}
@@ -2420,7 +2426,7 @@ var sr = (e) => {
 	}
 	handleClearSelection(e) {
 		let t = e.target;
-		t instanceof HTMLElement && t.closest(`[${gr}]`) || 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(`[${_r}]`) || 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;
@@ -2443,7 +2449,7 @@ var sr = (e) => {
 	}
 	restoreModifiedCells() {
 		this.destroyPillPopover(), this.disconnectResizeObserver(), this.selectedCells.forEach((e) => {
-			e.removeAttribute(mr);
+			e.removeAttribute(hr);
 		}), this.pill && (this.pill.remove(), this.pill = null), this.overlay && (this.overlay.remove(), this.overlay = null), this.selectedCells = [];
 	}
 	showProgrammaticSelection(e, t, n, r) {
@@ -2464,7 +2470,7 @@ var sr = (e) => {
 		var e, t;
 		if (!this.anchorCell || !this.extentCell) return;
 		this.selectedCells.forEach((e) => {
-			e.removeAttribute(mr);
+			e.removeAttribute(hr);
 		}), this.selectedCells = [];
 		let n = Math.min(this.anchorCell.row, this.extentCell.row), r = Math.max(this.anchorCell.row, this.extentCell.row), i = Math.min(this.anchorCell.col, this.extentCell.col), a = Math.max(this.anchorCell.col, this.extentCell.col);
 		this.lastPaintedRange = {
@@ -2473,20 +2479,20 @@ var sr = (e) => {
 			minCol: i,
 			maxCol: a
 		};
-		let o = this.grid.querySelectorAll(`[${T}]`);
+		let o = this.grid.querySelectorAll(`[${E}]`);
 		this.selectedCells = this.collectCellsInRange(o, n, r, i, a), this.selectedCells.forEach((e) => {
-			e.setAttribute(mr, "");
+			e.setAttribute(hr, "");
 		});
-		let s = (e = o[n]) == null ? void 0 : e.querySelectorAll(`[${E}]`)[i], c = (t = o[r]) == null ? void 0 : t.querySelectorAll(`[${E}]`)[a];
+		let s = (e = o[n]) == null ? void 0 : e.querySelectorAll(`[${D}]`)[i], c = (t = o[r]) == null ? void 0 : t.querySelectorAll(`[${D}]`)[a];
 		if (!s || !c) return;
 		let l = this.grid.getBoundingClientRect(), u = s.getBoundingClientRect(), d = c.getBoundingClientRect(), f = getComputedStyle(this.grid), p = parseFloat(f.borderTopWidth) || 0, m = parseFloat(f.borderLeftWidth) || 0, h = d.right - u.left + 1, g = d.bottom - u.top + 1, _ = u.top - l.top - p - 1, ee = u.left - l.left - m - 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 = `${_}px`, this.overlay.style.left = `${ee}px`, this.overlay.style.width = `${h}px`, this.overlay.style.height = `${g}px`, this.pill || (this.pill = this.createPill(), this.grid.appendChild(this.pill)), this.pill.style.left = `${ee + h - 1}px`, this.pill.style.top = `${_ + g / 2}px`, this.observeCellResizes();
+		this.overlay || (this.overlay = document.createElement("div"), this.overlay.setAttribute("data-blok-table-selection-overlay", ""), this.overlay.style.position = "absolute", this.overlay.style.border = gr, 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 = `${_}px`, this.overlay.style.left = `${ee}px`, this.overlay.style.width = `${h}px`, this.overlay.style.height = `${g}px`, this.pill || (this.pill = this.createPill(), this.grid.appendChild(this.pill)), this.pill.style.left = `${ee + h - 1}px`, this.pill.style.top = `${_ + g / 2}px`, this.observeCellResizes();
 	}
 	repositionOverlay() {
 		var e, t;
 		let n = this.lastPaintedRange;
 		if (!n || !this.overlay) return;
-		let r = this.grid.querySelectorAll(`[${T}]`), i = (e = r[n.minRow]) == null ? void 0 : e.querySelectorAll(`[${E}]`)[n.minCol], a = (t = r[n.maxRow]) == null ? void 0 : t.querySelectorAll(`[${E}]`)[n.maxCol];
+		let r = this.grid.querySelectorAll(`[${E}]`), i = (e = r[n.minRow]) == null ? void 0 : e.querySelectorAll(`[${D}]`)[n.minCol], a = (t = r[n.maxRow]) == null ? void 0 : t.querySelectorAll(`[${D}]`)[n.maxCol];
 		if (!i || !a) return;
 		let o = this.grid.getBoundingClientRect(), s = i.getBoundingClientRect(), c = a.getBoundingClientRect(), l = getComputedStyle(this.grid), u = parseFloat(l.borderTopWidth) || 0, d = parseFloat(l.borderLeftWidth) || 0, f = c.right - s.left + 1, p = c.bottom - s.top + 1, m = s.top - o.top - u - 1, h = s.left - o.left - d - 1;
 		this.overlay.style.top = `${m}px`, this.overlay.style.left = `${h}px`, this.overlay.style.width = `${f}px`, this.overlay.style.height = `${p}px`, this.pill && (this.pill.style.left = `${h + f - 1}px`, this.pill.style.top = `${m + p / 2}px`);
@@ -2504,8 +2510,8 @@ var sr = (e) => {
 	}
 	createPill() {
 		let e = document.createElement("div");
-		e.setAttribute(gr, ""), e.setAttribute("contenteditable", "false"), e.className = x(br), e.style.width = `${yr}px`, e.style.height = `${vr}px`, e.style.pointerEvents = "auto", e.style.transform = "translate(-50%, -50%)", e.style.outline = "2px solid var(--blok-table-grip-outline, transparent)";
-		let t = dr("vertical");
+		e.setAttribute(_r, ""), e.setAttribute("contenteditable", "false"), e.className = S(xr), e.style.width = `${br}px`, e.style.height = `${yr}px`, e.style.pointerEvents = "auto", e.style.transform = "translate(-50%, -50%)", e.style.outline = "2px solid var(--blok-table-grip-outline, transparent)";
+		let t = fr("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", () => {
@@ -2517,9 +2523,9 @@ var sr = (e) => {
 	openPillPopover() {
 		if (this.destroyPillPopover(), !this.pill) return;
 		this.expandPill();
-		let e = Qe === "Meta" ? "⌘C" : "Ctrl+C", n = [];
+		let e = ce === "Meta" ? "⌘C" : "Ctrl+C", n = [];
 		if (this.onColorChange !== void 0) {
-			let { element: e } = sr({
+			let { element: e } = cr({
 				i18n: this.i18n,
 				onColorSelect: (e, t) => {
 					var n;
@@ -2527,23 +2533,23 @@ var sr = (e) => {
 				}
 			});
 			n.push({
-				icon: se,
+				icon: fe,
 				title: this.i18n.t("tools.table.cellColor"),
 				name: "cellColor",
 				children: {
 					items: [{
-						type: _.Html,
+						type: p.Html,
 						element: e
 					}],
 					isFlippable: !1
 				}
 			});
 		}
-		this.pillPopover = new ve({
+		this.pillPopover = new Ce({
 			items: [
 				...n,
 				{
-					icon: Ee,
+					icon: je,
 					title: this.i18n.t("tools.table.copySelection"),
 					secondaryLabel: e,
 					closeOnActivate: !0,
@@ -2565,19 +2571,19 @@ var sr = (e) => {
 			],
 			trigger: this.pill,
 			flippable: !0
-		}), this.pillPopover.on(Ge.Closed, () => {
+		}), this.pillPopover.on(Ye.Closed, () => {
 			this.pillPopover !== null && (this.destroyPillPopover(), this.collapsePill());
 		}), this.pillPopover.show();
 	}
 	expandPill() {
 		if (!this.pill) return;
-		this.pill.style.width = `${_r}px`;
+		this.pill.style.width = `${vr}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 = `${yr}px`;
+		this.pill.style.width = `${br}px`;
 		let e = this.pill.querySelector("svg");
 		e && (e.classList.add("opacity-0"), e.classList.remove("opacity-100"));
 	}
@@ -2588,13 +2594,13 @@ var sr = (e) => {
 		}
 	}
 	resolveCellCoord(e) {
-		let t = e.closest(`[${E}]`);
+		let t = e.closest(`[${D}]`);
 		if (!t) return null;
-		let n = t.closest(`[${T}]`);
+		let n = t.closest(`[${E}]`);
 		if (!n || !this.grid.contains(n)) return null;
-		let r = Array.from(this.grid.querySelectorAll(`[${T}]`)).indexOf(n);
+		let r = Array.from(this.grid.querySelectorAll(`[${E}]`)).indexOf(n);
 		if (r < 0) return null;
-		let i = Array.from(n.querySelectorAll(`[${E}]`)).indexOf(t);
+		let i = Array.from(n.querySelectorAll(`[${D}]`)).indexOf(t);
 		return i < 0 ? null : {
 			row: r,
 			col: i
@@ -2603,7 +2609,7 @@ var sr = (e) => {
 	clampExtentToEdge(e) {
 		var t, n, r, i, a, o;
 		if (!this.anchorCell || !this.isSelecting) return;
-		let s = this.grid.getBoundingClientRect(), c = this.grid.querySelectorAll(`[${T}]`), l = c.length, u = (t = (n = c[0]) == null ? void 0 : n.querySelectorAll("[data-blok-table-cell]").length) == null ? 0 : t;
+		let s = this.grid.getBoundingClientRect(), c = this.grid.querySelectorAll(`[${E}]`), l = c.length, u = (t = (n = c[0]) == null ? void 0 : n.querySelectorAll("[data-blok-table-cell]").length) == null ? 0 : t;
 		if (l === 0 || u === 0) return;
 		let d = {
 			row: this.clampAxis(e.clientY, s.top, s.bottom, l, (r = (i = this.extentCell) == null ? void 0 : i.row) == null ? this.anchorCell.row : r),
@@ -2613,106 +2619,106 @@ var sr = (e) => {
 	}
 	collectCellsInRange(e, t, n, r, i) {
 		return Array.from(e).slice(t, n + 1).flatMap((e) => {
-			let t = e.querySelectorAll(`[${E}]`);
+			let t = e.querySelectorAll(`[${D}]`);
 			return Array.from(t).slice(r, i + 1).filter((e) => e instanceof HTMLElement);
 		});
 	}
 	clampAxis(e, t, n, r, i) {
 		return e < t ? 0 : e > n ? r - 1 : i;
 	}
-}, k = (e) => {
-	let t = e.querySelector(`[${T}]`);
+}, A = (e) => {
+	let t = e.querySelector(`[${E}]`);
 	if (!t) return [];
-	let n = t.querySelectorAll(`[${E}]`);
+	let n = t.querySelectorAll(`[${D}]`);
 	return Array.from(n).map((e) => e.getBoundingClientRect().width);
-}, A = (e, t) => {
+}, j = (e, t) => {
 	let n = t.reduce((e, t) => e + t, 0), r = e;
-	r.style.width = `${n + 1}px`, e.querySelectorAll(`[${T}]`).forEach((e) => {
-		e.querySelectorAll(`[${E}]`).forEach((e, n) => {
+	r.style.width = `${n + 1}px`, e.querySelectorAll(`[${E}]`).forEach((e) => {
+		e.querySelectorAll(`[${D}]`).forEach((e, n) => {
 			if (n < t.length) {
 				let r = e;
 				r.style.width = `${t[n]}px`;
 			}
 		});
 	});
-}, Cr = (e, t) => {
-	let n = Array.from(e.querySelectorAll(`[${T}]`)), r = n.findIndex((e) => Array.from(e.querySelectorAll(`[${E}]`)).includes(t));
+}, wr = (e, t) => {
+	let n = Array.from(e.querySelectorAll(`[${E}]`)), r = n.findIndex((e) => Array.from(e.querySelectorAll(`[${D}]`)).includes(t));
 	return r === -1 ? null : {
 		row: r,
-		col: Array.from(n[r].querySelectorAll(`[${E}]`)).indexOf(t)
+		col: Array.from(n[r].querySelectorAll(`[${D}]`)).indexOf(t)
 	};
-}, wr = (e) => {
+}, Tr = (e) => {
 	var t;
-	let n = e.querySelector(`[${O}]`);
+	let n = e.querySelector(`[${k}]`);
 	return n ? ((t = n.textContent) == null ? "" : t).trim().length === 0 : !0;
-}, Tr = (e, t) => {
-	let n = e.querySelectorAll(`[${T}]`)[t];
-	if (!n) return !0;
-	let r = n.querySelectorAll(`[${E}]`);
-	return Array.from(r).every((e) => wr(e));
 }, Er = (e, t) => {
-	let n = e.querySelectorAll(`[${T}]`);
+	let n = e.querySelectorAll(`[${E}]`)[t];
+	if (!n) return !0;
+	let r = n.querySelectorAll(`[${D}]`);
+	return Array.from(r).every((e) => Tr(e));
+}, Dr = (e, t) => {
+	let n = e.querySelectorAll(`[${E}]`);
 	return Array.from(n).every((e) => {
-		let n = e.querySelectorAll(`[${E}]`)[t];
-		return !n || wr(n);
+		let n = e.querySelectorAll(`[${D}]`)[t];
+		return !n || Tr(n);
 	});
-}, Dr = (e) => {
-	let t = e.querySelectorAll(`[${T}]`), n = t[0];
+}, Or = (e) => {
+	let t = e.querySelectorAll(`[${E}]`), n = t[0];
 	if (!n) return;
-	let r = n.querySelectorAll(`[${E}]`), i = Array.from(r).reduce((e, t) => e + (parseFloat(t.style.width) || 0), 0);
+	let r = n.querySelectorAll(`[${D}]`), i = Array.from(r).reduce((e, t) => e + (parseFloat(t.style.width) || 0), 0);
 	if (i <= 0) return;
 	let a = 100 / i;
 	t.forEach((e) => {
-		e.querySelectorAll(`[${E}]`).forEach((e) => {
+		e.querySelectorAll(`[${D}]`).forEach((e) => {
 			let t = e, n = parseFloat(t.style.width) || 0;
 			t.style.width = `${Math.round(n * a * 100) / 100}%`;
 		});
 	});
-}, Or = (e, t, n) => {
+}, kr = (e, t, n) => {
 	if (!e) return e;
 	let r = [...e], [i] = r.splice(t, 1);
 	return r.splice(n, 0, i), r;
-}, kr = (e, t) => {
+}, Ar = (e, t) => {
 	if (!e) return e;
 	let n = [...e];
 	return n.splice(t, 1), n.length > 0 ? n : void 0;
-}, Ar = (e, t, n, r, i) => {
-	let a = n == null ? k(e) : n, o = r === void 0 ? j(a) : Math.round(r / 2 * 100) / 100;
+}, jr = (e, t, n, r, i) => {
+	let a = n == null ? A(e) : n, o = r === void 0 ? M(a) : Math.round(r / 2 * 100) / 100;
 	i.addColumn(e, t, a, o);
 	let s = [...a];
 	return s.splice(t, 0, o), s;
-}, j = (e) => Math.round(e.reduce((e, t) => e + t, 0) / e.length / 2 * 100) / 100, jr = (e) => e.length === 0 ? 0 : Math.round(e.reduce((e, t) => e + t, 0) / e.length * 100) / 100, Mr = (e, t, n) => {
+}, M = (e) => Math.round(e.reduce((e, t) => e + t, 0) / e.length / 2 * 100) / 100, Mr = (e) => e.length === 0 ? 0 : Math.round(e.reduce((e, t) => e + t, 0) / e.length * 100) / 100, Nr = (e, t, n) => {
 	var r;
 	if (!e) return [];
-	let i = e.querySelectorAll(`[${T}]`)[n];
+	let i = e.querySelectorAll(`[${E}]`)[n];
 	return i ? (r = t == null ? void 0 : t.getBlockIdsFromCells(i.querySelectorAll("[data-blok-table-cell]"))) == null ? [] : r : [];
-}, Nr = (e, t, n) => {
+}, Pr = (e, t, n) => {
 	var r;
 	if (!e) return [];
-	let i = e.querySelectorAll(`[${T}]`), a = [];
+	let i = e.querySelectorAll(`[${E}]`), a = [];
 	return i.forEach((e) => {
-		let t = e.querySelectorAll(`[${E}]`);
+		let t = e.querySelectorAll(`[${D}]`);
 		n < t.length && a.push(t[n]);
 	}), (r = t == null ? void 0 : t.getBlockIdsFromCells(a)) == null ? [] : r;
-}, M = (e, t) => {
-	e.querySelectorAll(`[${E}]`).forEach((e) => {
+}, N = (e, t) => {
+	e.querySelectorAll(`[${D}]`).forEach((e) => {
 		t == null || t.ensureCellHasBlock(e);
 	});
-}, Pr = (e, t, n, r) => {
-	let i = e.querySelectorAll(`[${T}]`);
+}, Fr = (e, t, n, r) => {
+	let i = e.querySelectorAll(`[${E}]`);
 	t.forEach((e, t) => {
 		let r = i[t];
 		if (!r) return;
-		let a = r.querySelectorAll(`[${E}]`);
+		let a = r.querySelectorAll(`[${D}]`);
 		e.forEach((e, t) => {
 			var r;
 			let i = a[t];
 			if (!i) return;
-			let o = i.querySelector(`[${O}]`);
+			let o = i.querySelector(`[${k}]`);
 			if (!o) return;
 			let s = o.querySelectorAll("[data-blok-id]").length > 0;
-			if (!(!D(e) && s)) {
-				if (!D(e)) {
+			if (!(!O(e) && s)) {
+				if (!O(e)) {
 					o.innerHTML = e;
 					return;
 				}
@@ -2731,7 +2737,7 @@ var sr = (e) => {
 			}
 		});
 	});
-}, Fr = (e, t) => {
+}, Ir = (e, t) => {
 	var n, r, i, a, o, s, c;
 	if (!(typeof e == "object" && e && "content" in e)) {
 		var l, u;
@@ -2751,40 +2757,40 @@ var sr = (e) => {
 		colWidths: m,
 		initialColWidth: d.initialColWidth
 	};
-}, Ir = (e, t) => {
+}, Lr = (e, t) => {
 	e.addEventListener("keydown", (n) => {
-		let r = n.target.closest(`[${E}]`);
+		let r = n.target.closest(`[${D}]`);
 		if (!r) return;
-		let i = Cr(e, r);
+		let i = wr(e, r);
 		i && (t == null || t.handleKeyDown(n, i));
 	});
-}, Lr = ["overflow-x-auto", "overflow-y-hidden"], Rr = (e) => {
-	e == null || e.classList.add(...Lr);
-}, N = (e, t) => {
+}, Rr = ["overflow-x-auto", "overflow-y-hidden"], zr = (e) => {
+	e == null || e.classList.add(...Rr);
+}, P = (e, t) => {
 	if (!e) return;
-	let n = e.querySelectorAll(`[${T}]`);
+	let n = e.querySelectorAll(`[${E}]`);
 	n.forEach((e) => {
 		e.removeAttribute("data-blok-table-heading");
 	}), t && n.length > 0 && n[0].setAttribute("data-blok-table-heading", "");
-}, P = (e, t) => {
-	let n = e.querySelectorAll(`[${T}]`);
+}, F = (e, t) => {
+	let n = e.querySelectorAll(`[${E}]`);
 	t.forEach((e, t) => {
 		if (t >= n.length) return;
-		let r = n[t].querySelectorAll(`[${E}]`);
+		let r = n[t].querySelectorAll(`[${D}]`);
 		e.forEach((e, t) => {
 			if (t >= r.length) return;
 			let n = r[t];
-			D(e) && e.color ? n.style.backgroundColor = e.color : n.style.backgroundColor = "", D(e) && e.textColor ? n.style.color = e.textColor : n.style.color = "";
+			O(e) && e.color ? n.style.backgroundColor = e.color : n.style.backgroundColor = "", O(e) && e.textColor ? n.style.color = e.textColor : n.style.color = "";
 		});
 	});
-}, F = (e, t) => {
-	e && (e.querySelectorAll(`[${E}]`).forEach((e) => {
+}, I = (e, t) => {
+	e && (e.querySelectorAll(`[${D}]`).forEach((e) => {
 		e.removeAttribute("data-blok-table-heading-col");
-	}), t && e.querySelectorAll(`[${T}]`).forEach((e) => {
-		let t = e.querySelector(`[${E}]`);
+	}), t && e.querySelectorAll(`[${E}]`).forEach((e) => {
+		let t = e.querySelector(`[${D}]`);
 		t && t.setAttribute("data-blok-table-heading-col", "");
 	}));
-}, I = (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"), zr = class {
+}, Br = (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"), Vr = 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();
@@ -2857,13 +2863,13 @@ var sr = (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 : I(n) && (this.contentGrid[e][t].color = n));
+		this.isInBounds(e, t) && (n === void 0 ? delete this.contentGrid[e][t].color : Br(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 : I(n) && (this.contentGrid[e][t].textColor = n));
+		this.isInBounds(e, t) && (n === void 0 ? delete this.contentGrid[e][t].textColor : Br(n) && (this.contentGrid[e][t].textColor = n));
 	}
 	getCellTextColor(e, t) {
 		if (this.isInBounds(e, t)) return this.contentGrid[e][t].textColor;
@@ -3001,9 +3007,9 @@ var sr = (e) => {
 		return !e || !Array.isArray(e) ? [] : e.map((e) => (e == null ? [] : e).map((e) => this.normalizeCell(e)));
 	}
 	normalizeCell(e) {
-		if (D(e)) {
+		if (O(e)) {
 			let t = { blocks: [...e.blocks] };
-			return e.color !== void 0 && I(e.color) && (t.color = e.color), e.textColor !== void 0 && I(e.textColor) && (t.textColor = e.textColor), t;
+			return e.color !== void 0 && Br(e.color) && (t.color = e.color), e.textColor !== void 0 && Br(e.textColor) && (t.textColor = e.textColor), t;
 		}
 		return { blocks: [] };
 	}
@@ -3036,7 +3042,7 @@ var sr = (e) => {
 		for (let n of this.contentGrid) e < n.length && t.push(...n[e].blocks);
 		return t;
 	}
-}, Br = "data-blok-table-resize", Vr = "data-blok-table-cell", Hr = "data-blok-table-row", Ur = 50, Wr = 16, Gr = class {
+}, Hr = "data-blok-table-resize", Ur = "data-blok-table-cell", Wr = "data-blok-table-row", Gr = 50, Kr = 16, qr = class {
 	get enabled() {
 		return this._enabled;
 	}
@@ -3063,7 +3069,7 @@ var sr = (e) => {
 	}
 	createHandle(e) {
 		let t = document.createElement("div"), n = this.getHandleLeftPx(e);
-		return t.setAttribute(Br, ""), t.setAttribute("data-col", String(e)), t.style.position = "absolute", t.style.top = "-1px", t.style.bottom = "0px", t.style.width = `${Wr}px`, t.style.left = `${n - Wr / 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(Hr, ""), t.setAttribute("data-col", String(e)), t.style.position = "absolute", t.style.top = "-1px", t.style.bottom = "0px", t.style.width = `${Kr}px`, t.style.left = `${n - Kr / 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");
@@ -3075,14 +3081,14 @@ var sr = (e) => {
 	updateHandlePositions() {
 		this.handles.forEach((e, t) => {
 			let n = this.getHandleLeftPx(t), r = e;
-			r.style.left = `${n - Wr / 2}px`;
+			r.style.left = `${n - Kr / 2}px`;
 		});
 	}
 	onPointerDown(e) {
 		var t;
 		if (!this._enabled) return;
 		let n = e.target;
-		if (!n.hasAttribute(Br)) return;
+		if (!n.hasAttribute(Hr)) 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.dragRowCells = this.resolveRowCells(), (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));
@@ -3090,7 +3096,7 @@ var sr = (e) => {
 	onPointerMove(e) {
 		var t, n;
 		if (!this.isDragging) return;
-		let r = e.clientX - this.dragStartX, i = this.startColWidth + r, a = Math.max(Ur, i);
+		let r = e.clientX - this.dragStartX, i = this.startColWidth + r, a = Math.max(Gr, i);
 		this.colWidths[this.dragColIndex] = a, this.applyWidths((t = this.dragRowCells) == null ? void 0 : t), this.updateHandlePositions(), (n = this.onDrag) == null || n.call(this);
 	}
 	onPointerUp() {
@@ -3100,8 +3106,8 @@ var sr = (e) => {
 		e && (e.style.opacity = "0"), document.removeEventListener("pointermove", this.boundPointerMove), document.removeEventListener("pointerup", this.boundPointerUp), this.dragRowCells = null, this.onChange([...this.colWidths]);
 	}
 	resolveRowCells() {
-		let e = this.gridEl.querySelectorAll(`[${Hr}]`);
-		return Array.from(e, (e) => Array.from(e.querySelectorAll(`[${Vr}]`)));
+		let e = this.gridEl.querySelectorAll(`[${Wr}]`);
+		return Array.from(e, (e) => Array.from(e.querySelectorAll(`[${Ur}]`)));
 	}
 	applyWidths(e = this.resolveRowCells()) {
 		let t = this.colWidths.reduce((e, t) => e + t, 0);
@@ -3111,7 +3117,7 @@ var sr = (e) => {
 			});
 		});
 	}
-}, Kr = (e, t, n) => (n.grid.addRow(e, t), M(e, n.cellBlocks), {
+}, Jr = (e, t, n) => (n.grid.addRow(e, t), N(e, n.cellBlocks), {
 	pendingHighlight: {
 		type: "row",
 		index: t
@@ -3120,9 +3126,9 @@ var sr = (e) => {
 	colWidths: n.data.colWidths,
 	withHeadings: n.data.withHeadings,
 	withHeadingColumn: n.data.withHeadingColumn
-}), qr = (e, t, n) => {
-	let r = Ar(e, t, n.data.colWidths, n.data.initialColWidth, n.grid);
-	return M(e, n.cellBlocks), {
+}), Yr = (e, t, n) => {
+	let r = jr(e, t, n.data.colWidths, n.data.initialColWidth, n.grid);
+	return N(e, n.cellBlocks), {
 		pendingHighlight: {
 			type: "col",
 			index: t
@@ -3132,7 +3138,7 @@ var sr = (e) => {
 		withHeadings: n.data.withHeadings,
 		withHeadingColumn: n.data.withHeadingColumn
 	};
-}, Jr = (e, t, n, r) => (r.grid.moveRow(e, t, n), {
+}, Xr = (e, t, n, r) => (r.grid.moveRow(e, t, n), {
 	pendingHighlight: null,
 	moveSelection: {
 		type: "row",
@@ -3141,16 +3147,16 @@ var sr = (e) => {
 	colWidths: r.data.colWidths,
 	withHeadings: r.data.withHeadings,
 	withHeadingColumn: r.data.withHeadingColumn
-}), Yr = (e, t, n, r) => (r.grid.moveColumn(e, t, n), {
+}), Zr = (e, t, n, r) => (r.grid.moveColumn(e, t, n), {
 	pendingHighlight: null,
 	moveSelection: {
 		type: "col",
 		index: n
 	},
-	colWidths: Or(r.data.colWidths, t, n),
+	colWidths: kr(r.data.colWidths, t, n),
 	withHeadings: r.data.withHeadings,
 	withHeadingColumn: r.data.withHeadingColumn
-}), Xr = (e, t, n) => {
+}), Qr = (e, t, n) => {
 	var r, i;
 	return (r = n.cellBlocks) == null || r.deleteBlocks((i = n.blocksToDelete) == null ? [] : i), n.grid.deleteRow(e, t), {
 		pendingHighlight: {
@@ -3162,11 +3168,11 @@ var sr = (e) => {
 		withHeadings: n.data.withHeadings,
 		withHeadingColumn: n.data.withHeadingColumn
 	};
-}, Zr = (e, t, n) => {
+}, $r = (e, t, n) => {
 	var r, i;
 	(r = n.cellBlocks) == null || r.deleteBlocks((i = n.blocksToDelete) == null ? [] : i), n.grid.deleteColumn(e, t);
-	let a = kr(n.data.colWidths, t);
-	return a ? A(e, a) : Dr(e), {
+	let a = Ar(n.data.colWidths, t);
+	return a ? j(e, a) : Or(e), {
 		pendingHighlight: {
 			type: "col",
 			index: t < n.grid.getColumnCount(e) ? t : t - 1
@@ -3176,16 +3182,16 @@ var sr = (e) => {
 		withHeadings: n.data.withHeadings,
 		withHeadingColumn: n.data.withHeadingColumn
 	};
-}, Qr = (e, t, n) => {
+}, ei = (e, t, n) => {
 	switch (t.type) {
-		case "insert-row-above": return Kr(e, t.index, n);
-		case "insert-row-below": return Kr(e, t.index + 1, n);
-		case "insert-col-left": return qr(e, t.index, n);
-		case "insert-col-right": return qr(e, t.index + 1, n);
-		case "move-row": return Jr(e, t.fromIndex, t.toIndex, n);
-		case "move-col": return Yr(e, t.fromIndex, t.toIndex, n);
-		case "delete-row": return Xr(e, t.index, n);
-		case "delete-col": return Zr(e, t.index, n);
+		case "insert-row-above": return Jr(e, t.index, n);
+		case "insert-row-below": return Jr(e, t.index + 1, n);
+		case "insert-col-left": return Yr(e, t.index, n);
+		case "insert-col-right": return Yr(e, t.index + 1, n);
+		case "move-row": return Xr(e, t.fromIndex, t.toIndex, n);
+		case "move-col": return Zr(e, t.fromIndex, t.toIndex, n);
+		case "delete-row": return Qr(e, t.index, n);
+		case "delete-col": return $r(e, t.index, n);
 		case "toggle-heading": return {
 			pendingHighlight: {
 				type: "row",
@@ -3207,13 +3213,13 @@ var sr = (e) => {
 			withHeadingColumn: !n.data.withHeadingColumn
 		};
 	}
-}, $r = 10, ei = "data-blok-table-drag-ghost", ti = (e) => {
-	let t = e.querySelector(`[${T}]`);
-	return t ? Array.from(t.querySelectorAll(`[${E}]`)).reduce((e, t) => {
+}, ti = 10, ni = "data-blok-table-drag-ghost", ri = (e) => {
+	let t = e.querySelector(`[${E}]`);
+	return t ? Array.from(t.querySelectorAll(`[${D}]`)).reduce((e, t) => {
 		let n = e[e.length - 1];
 		return [...e, n + t.offsetWidth];
 	}, [0]) : [0];
-}, ni = class {
+}, ii = 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);
@@ -3232,7 +3238,7 @@ var sr = (e) => {
 	}
 	handleDocPointerMove(e) {
 		let t = Math.abs(e.clientX - this.dragStartX), n = Math.abs(e.clientY - this.dragStartY);
-		!this.isDragging && (t > $r || n > $r) && (this.isDragging = !0, this.startDrag()), this.isDragging && (this.updateDragIndicator(e), this.updateGhostPosition(e));
+		!this.isDragging && (t > ti || n > ti) && (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) {
@@ -3253,7 +3259,7 @@ var sr = (e) => {
 		this.grid.style.userSelect = "none", document.body.style.cursor = "grabbing", (e = this.onDragStateChange) == null || e.call(this, !0, this.dragType), this.highlightSourceCells(), this.createDropIndicator(), this.createGhost();
 	}
 	highlightSourceCells() {
-		let e = this.grid.querySelectorAll(`[${T}]`);
+		let e = this.grid.querySelectorAll(`[${E}]`);
 		if (this.dragType === "row") {
 			this.highlightRowCells(e);
 			return;
@@ -3264,7 +3270,7 @@ var sr = (e) => {
 		let t = e[this.dragFromIndex];
 		if (!t) return;
 		let n = this.getDragSourceBg();
-		t.querySelectorAll(`[${E}]`).forEach((e) => {
+		t.querySelectorAll(`[${D}]`).forEach((e) => {
 			let t = e;
 			t.style.backgroundColor = n, t.style.opacity = "0.7", this.dragOverlayCells.push(t);
 		});
@@ -3272,7 +3278,7 @@ var sr = (e) => {
 	highlightColumnCells(e) {
 		let t = this.getDragSourceBg();
 		e.forEach((e) => {
-			let n = e.querySelectorAll(`[${E}]`);
+			let n = e.querySelectorAll(`[${D}]`);
 			if (this.dragFromIndex >= n.length) return;
 			let r = n[this.dragFromIndex];
 			r.style.backgroundColor = t, r.style.opacity = "0.7", this.dragOverlayCells.push(r);
@@ -3291,7 +3297,7 @@ var sr = (e) => {
 		let e = this.dropIndicator.style;
 		if (e.position = "absolute", e.backgroundColor = "#3b82f6", e.borderRadius = "1.5px", e.zIndex = "5", e.pointerEvents = "none", this.dropIndicator.setAttribute("contenteditable", "false"), this.dragType === "row") e.height = "3px", e.left = "-1px", e.right = "0", e.transition = "top 100ms ease";
 		else {
-			let t = this.grid.querySelectorAll(`[${T}]`), n = t[t.length - 1], r = n ? n.offsetTop + n.offsetHeight : 0;
+			let t = this.grid.querySelectorAll(`[${E}]`), n = t[t.length - 1], r = n ? n.offsetTop + n.offsetHeight : 0;
 			e.width = "3px", e.top = "-1px", e.height = `${r + 1}px`, e.transition = "left 100ms ease";
 		}
 		this.grid.appendChild(this.dropIndicator);
@@ -3313,7 +3319,7 @@ var sr = (e) => {
 	updateColIndicator(e, t) {
 		var n;
 		if (!this.dropIndicator) return;
-		let r = e.clientX - t.left, i = this.getColDropIndex(r), a = ti(this.grid);
+		let r = e.clientX - t.left, i = this.getColDropIndex(r), a = ri(this.grid);
 		this.dropIndicator.style.left = `${((n = a[i]) == null ? 0 : n) - 1.5}px`;
 	}
 	finishDrag(e) {
@@ -3342,7 +3348,7 @@ var sr = (e) => {
 	}
 	createGhost() {
 		let e = document.createElement("div");
-		e.setAttribute(ei, ""), e.setAttribute("contenteditable", "false");
+		e.setAttribute(ni, ""), 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();
@@ -3353,22 +3359,22 @@ var sr = (e) => {
 	}
 	getRowSourceRect() {
 		var e;
-		let t = this.grid.querySelectorAll(`[${T}]`)[this.dragFromIndex];
+		let t = this.grid.querySelectorAll(`[${E}]`)[this.dragFromIndex];
 		return (e = t == null ? void 0 : t.getBoundingClientRect()) == null ? null : e;
 	}
 	getColSourceRect() {
-		let e = this.grid.querySelectorAll(`[${T}]`), t = e[0], n = e[e.length - 1];
+		let e = this.grid.querySelectorAll(`[${E}]`), t = e[0], n = e[e.length - 1];
 		if (!t || !n) return null;
-		let r = t.querySelectorAll(`[${E}]`)[this.dragFromIndex], i = n.querySelectorAll(`[${E}]`)[this.dragFromIndex];
+		let r = t.querySelectorAll(`[${D}]`)[this.dragFromIndex], i = n.querySelectorAll(`[${D}]`)[this.dragFromIndex];
 		if (!r || !i) return null;
 		let a = r.getBoundingClientRect(), o = i.getBoundingClientRect();
 		return new DOMRect(a.left, a.top, a.width, o.bottom - a.top);
 	}
 	buildRowGhost() {
-		let e = this.grid.querySelectorAll(`[${T}]`)[this.dragFromIndex];
+		let e = this.grid.querySelectorAll(`[${E}]`)[this.dragFromIndex];
 		if (!e || !this.ghostEl) return;
 		let t = this.ghostEl.style;
-		t.display = "flex", t.height = `${e.offsetHeight}px`, e.querySelectorAll(`[${E}]`).forEach((e) => {
+		t.display = "flex", t.height = `${e.offsetHeight}px`, e.querySelectorAll(`[${D}]`).forEach((e) => {
 			var t;
 			let n = e, r = n.cloneNode(!0);
 			r.style.width = `${n.offsetWidth}px`, r.style.flexShrink = "0", r.removeAttribute("contenteditable"), (t = this.ghostEl) == null || t.appendChild(r);
@@ -3376,10 +3382,10 @@ var sr = (e) => {
 	}
 	buildColumnGhost() {
 		if (!this.ghostEl) return;
-		let e = this.grid.querySelectorAll(`[${T}]`), t = this.ghostEl.style;
+		let e = this.grid.querySelectorAll(`[${E}]`), t = this.ghostEl.style;
 		t.display = "flex", t.flexDirection = "column", e.forEach((e) => {
 			var t;
-			let n = e.querySelectorAll(`[${E}]`);
+			let n = e.querySelectorAll(`[${D}]`);
 			if (this.dragFromIndex >= n.length) return;
 			let r = n[this.dragFromIndex], i = r.cloneNode(!0);
 			i.style.width = `${r.offsetWidth}px`, i.style.height = `${r.offsetHeight}px`, i.removeAttribute("contenteditable"), (t = this.ghostEl) == null || t.appendChild(i);
@@ -3391,7 +3397,7 @@ var sr = (e) => {
 		this.dragType === "row" && (t.top = `${e.clientY - this.ghostOffsetY}px`), this.dragType === "col" && (t.left = `${e.clientX - this.ghostOffsetX}px`);
 	}
 	getRowDropIndex(e) {
-		let t = Array.from(this.grid.querySelectorAll(`[${T}]`)), n = t.map((e) => e.offsetTop);
+		let t = Array.from(this.grid.querySelectorAll(`[${E}]`)), n = t.map((e) => e.offsetTop);
 		if (t.length > 0) {
 			let e = t[t.length - 1];
 			n.push(e.offsetTop + e.offsetHeight);
@@ -3400,7 +3406,7 @@ var sr = (e) => {
 		return r.indexOf(i);
 	}
 	getRowDropTopPx(e) {
-		let t = this.grid.querySelectorAll(`[${T}]`);
+		let t = this.grid.querySelectorAll(`[${E}]`);
 		if (e < t.length) return t[e].offsetTop;
 		if (t.length > 0) {
 			let e = t[t.length - 1];
@@ -3409,10 +3415,10 @@ var sr = (e) => {
 		return 0;
 	}
 	getColDropIndex(e) {
-		let t = ti(this.grid).map((t) => Math.abs(e - t)), n = Math.min(...t);
+		let t = ri(this.grid).map((t) => Math.abs(e - t)), n = Math.min(...t);
 		return t.indexOf(n);
 	}
-}, ri = [
+}, ai = [
 	"flex",
 	"items-center",
 	"select-none",
@@ -3424,7 +3430,7 @@ var sr = (e) => {
 	"mb-px",
 	"cursor-pointer",
 	"can-hover:hover:bg-item-hover-bg"
-], ii = [
+], oi = [
 	"flex",
 	"items-center",
 	"justify-center",
@@ -3433,13 +3439,13 @@ var sr = (e) => {
 	"mr-2",
 	"[&_svg]:w-icon",
 	"[&_svg]:h-icon"
-], ai = [
+], si = [
 	"mr-auto",
 	"truncate",
 	"text-sm",
 	"font-medium",
 	"leading-5"
-], oi = [
+], ci = [
 	"relative",
 	"w-[30px]",
 	"h-[18px]",
@@ -3449,7 +3455,7 @@ var sr = (e) => {
 	"ease-out",
 	"shrink-0",
 	"ml-2"
-], si = [
+], li = [
 	"absolute",
 	"top-[2px]",
 	"w-[14px]",
@@ -3459,36 +3465,36 @@ var sr = (e) => {
 	"transition-[left]",
 	"duration-[220ms]",
 	"[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]"
-], ci = (e) => {
+], ui = (e) => {
 	let { icon: t, label: n, isActive: r, onToggle: i } = e, a = { active: r }, o = document.createElement("div");
-	o.className = x(ri);
+	o.className = S(ai);
 	let s = document.createElement("div");
-	s.className = x(ii), s.innerHTML = t, o.appendChild(s);
+	s.className = S(oi), s.innerHTML = t, o.appendChild(s);
 	let c = document.createElement("span");
-	c.className = x(ai), c.textContent = n, o.appendChild(c);
+	c.className = S(si), c.textContent = n, o.appendChild(c);
 	let l = document.createElement("div");
-	l.className = x(oi);
+	l.className = S(ci);
 	let u = document.createElement("div");
-	u.className = x(si), l.appendChild(u), o.appendChild(l);
+	u.className = S(li), 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;
-}, li = (e, t) => {
+}, di = (e, t) => {
 	let n = e === 0 ? [{
-		type: _.Html,
-		element: ci({
-			icon: Ze,
+		type: p.Html,
+		element: ui({
+			icon: $e,
 			label: t.i18n.t("tools.table.headerColumn"),
 			isActive: t.isHeadingColumn(),
 			onToggle: () => {
 				t.onAction({ type: "toggle-heading-column" });
 			}
 		})
-	}, { type: _.Separator }] : [], r = [{
-		icon: ne,
+	}, { type: p.Separator }] : [], r = [{
+		icon: oe,
 		title: t.i18n.t("tools.table.insertColumnLeft"),
 		closeOnActivate: !0,
 		onActivate: () => {
@@ -3498,7 +3504,7 @@ var sr = (e) => {
 			});
 		}
 	}, {
-		icon: ie,
+		icon: le,
 		title: t.i18n.t("tools.table.insertColumnRight"),
 		closeOnActivate: !0,
 		onActivate: () => {
@@ -3507,8 +3513,8 @@ var sr = (e) => {
 				index: e
 			});
 		}
-	}], i = t.getColumnCount() > 1, a = [{ type: _.Separator }, {
-		icon: Ve,
+	}], i = t.getColumnCount() > 1, a = [{ type: p.Separator }, {
+		icon: ve,
 		title: t.i18n.t("tools.table.deleteColumn"),
 		isDestructive: !0,
 		isDisabled: !i,
@@ -3525,10 +3531,10 @@ var sr = (e) => {
 		...r,
 		...a
 	];
-}, ui = (e, t) => {
+}, fi = (e, t) => {
 	let n = e === 0 ? [{
-		type: _.Html,
-		element: ci({
+		type: p.Html,
+		element: ui({
 			icon: r,
 			label: t.i18n.t("tools.table.headerRow"),
 			isActive: t.isHeadingRow(),
@@ -3536,8 +3542,8 @@ var sr = (e) => {
 				t.onAction({ type: "toggle-heading" });
 			}
 		})
-	}, { type: _.Separator }] : [], i = [{
-		icon: re,
+	}, { type: p.Separator }] : [], i = [{
+		icon: se,
 		title: t.i18n.t("tools.table.insertRowAbove"),
 		closeOnActivate: !0,
 		onActivate: () => {
@@ -3547,7 +3553,7 @@ var sr = (e) => {
 			});
 		}
 	}, {
-		icon: c,
+		icon: d,
 		title: t.i18n.t("tools.table.insertRowBelow"),
 		closeOnActivate: !0,
 		onActivate: () => {
@@ -3556,8 +3562,8 @@ var sr = (e) => {
 				index: e
 			});
 		}
-	}], a = t.getRowCount() > 1, o = [{ type: _.Separator }, {
-		icon: Ve,
+	}], a = t.getRowCount() > 1, o = [{ type: p.Separator }, {
+		icon: ve,
 		title: t.i18n.t("tools.table.deleteRow"),
 		isDestructive: !0,
 		isDisabled: !a,
@@ -3574,26 +3580,26 @@ var sr = (e) => {
 		...i,
 		...o
 	];
-}, di = (e, t, n, r, i) => {
+}, pi = (e, t, n, r, i) => {
 	i.destroyPopover(), i.clearHideTimeout();
 	let a = e === "col" ? n.col[t] : n.row[t];
 	if (!a) return {
 		popover: null,
 		grip: null
 	};
-	let o = new ve({
-		items: e === "col" ? li(t, r) : ui(t, r),
+	let o = new Ce({
+		items: e === "col" ? di(t, r) : fi(t, r),
 		trigger: a,
 		flippable: !0
 	});
-	return o.on(Ge.Closed, () => {
+	return o.on(Ye.Closed, () => {
 		var e;
 		i.destroyPopover(), i.applyVisibleClasses(a), i.scheduleHideAll(), (e = i.onGripPopoverClose) == null || e.call(i);
 	}), i.hideAllGripsExcept(a), i.applyActiveClasses(a), e === "col" ? a.style.height = "16px" : a.style.width = "16px", {
 		popover: o,
 		grip: a
 	};
-}, fi = "data-blok-table-grip", L = "data-blok-table-grip-col", pi = "data-blok-table-grip-row", mi = 150, hi = 24, R = 4, z = 4, gi = 20, B = [
+}, mi = "data-blok-table-grip", hi = "data-blok-table-grip-col", gi = "data-blok-table-grip-row", _i = 150, vi = 24, yi = 4, bi = 4, xi = 20, Si = [
 	"absolute",
 	"z-3",
 	"rounded-sm",
@@ -3606,25 +3612,25 @@ var sr = (e) => {
 	"items-center",
 	"justify-center",
 	"overflow-hidden"
-], _i = [
+], Ci = [
 	"bg-gray-300",
 	"opacity-0",
 	"pointer-events-none"
-], vi = [
+], wi = [
 	"bg-gray-300",
 	"opacity-100",
 	"pointer-events-auto"
-], yi = [
+], Ti = [
 	"bg-blue-500",
 	"text-white",
 	"opacity-100",
 	"pointer-events-auto"
-], bi = class {
+], Ei = 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 ni({
+		}, 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 ii({
 			grid: this.grid,
 			onAction: this.onAction,
 			onDragStateChange: (t, n) => {
@@ -3645,7 +3651,7 @@ var sr = (e) => {
 	}
 	handleUnlockGrip(e) {
 		document.removeEventListener("pointerdown", this.boundUnlockGrip), this.lockedGrip && (this.applyIdleClasses(this.lockedGrip), this.lockedGrip = null);
-		let t = e.target instanceof HTMLElement ? e.target : null, n = t == null ? void 0 : t.closest(`[${E}]`);
+		let t = e.target instanceof HTMLElement ? e.target : null, n = t == null ? void 0 : t.closest(`[${D}]`);
 		if (n) {
 			let e = this.getCellPosition(n);
 			e && (this.clearHideTimeout(), this.showColGrip(e.col), this.showRowGrip(e.row), this.isInsideTable = !0);
@@ -3692,18 +3698,18 @@ var sr = (e) => {
 	}
 	createGripElement(e, t) {
 		let n = document.createElement("div");
-		n.className = x(B, _i), n.setAttribute(fi, ""), n.setAttribute(e === "col" ? L : pi, String(t)), n.setAttribute("contenteditable", "false");
-		let r = e === "col" ? hi : z, i = e === "col" ? R : gi, a = e === "col" ? R : z;
-		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(dr(e === "col" ? "horizontal" : "vertical")), n.addEventListener("pointerdown", this.boundPointerDown), n.addEventListener("mouseenter", () => {
-			this.overlay && this.clearHideTimeout(), this.isGripInteractionLocked() || fr(n, e);
+		n.className = S(Si, Ci), n.setAttribute(mi, ""), n.setAttribute(e === "col" ? hi : gi, String(t)), n.setAttribute("contenteditable", "false");
+		let r = e === "col" ? vi : bi, i = e === "col" ? yi : xi, a = e === "col" ? yi : bi;
+		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(fr(e === "col" ? "horizontal" : "vertical")), n.addEventListener("pointerdown", this.boundPointerDown), n.addEventListener("mouseenter", () => {
+			this.overlay && this.clearHideTimeout(), this.isGripInteractionLocked() || pr(n, e);
 		}), n.addEventListener("mouseleave", () => {
-			this.isGripInteractionLocked() || (pr(n, e, a), this.overlay && this.scheduleHideAll());
+			this.isGripInteractionLocked() || (mr(n, e, a), this.overlay && this.scheduleHideAll());
 		}), n;
 	}
 	positionGrips() {
-		let e = this.grid.querySelectorAll(`[${T}]`);
+		let e = this.grid.querySelectorAll(`[${E}]`);
 		if (!e[0]) return;
-		let t = ti(this.grid), n = this.overlay && this.scrollContainer ? this.scrollContainer.scrollLeft : 0, r = this.overlay && this.scrollContainer ? this.scrollContainer.clientWidth : Infinity;
+		let t = ri(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;
@@ -3718,7 +3724,7 @@ var sr = (e) => {
 		var e;
 		(e = this.rowResizeObserver) == null || e.disconnect(), this.rowResizeObserver = new ResizeObserver(() => {
 			this.positionGrips();
-		}), this.grid.querySelectorAll(`[${T}]`).forEach((e) => {
+		}), this.grid.querySelectorAll(`[${E}]`).forEach((e) => {
 			var t;
 			(t = this.rowResizeObserver) == null || t.observe(e);
 		});
@@ -3728,7 +3734,7 @@ var sr = (e) => {
 	}
 	handleMouseOver(e) {
 		if (this.isGripInteractionLocked()) return;
-		let t = e.target.closest(`[${E}]`);
+		let t = e.target.closest(`[${D}]`);
 		if (!t) return;
 		this.clearHideTimeout();
 		let n = this.getCellPosition(t);
@@ -3738,11 +3744,11 @@ var sr = (e) => {
 		this.isGripInteractionLocked() || this.scheduleHideAll();
 	}
 	getCellPosition(e) {
-		let t = e.closest(`[${T}]`);
+		let t = e.closest(`[${E}]`);
 		if (!t) return null;
-		let n = Array.from(this.grid.querySelectorAll(`[${T}]`)).indexOf(t);
+		let n = Array.from(this.grid.querySelectorAll(`[${E}]`)).indexOf(t);
 		if (n < 0) return null;
-		let r = Array.from(t.querySelectorAll(`[${E}]`)).indexOf(e);
+		let r = Array.from(t.querySelectorAll(`[${D}]`)).indexOf(e);
 		return r < 0 ? null : {
 			row: n,
 			col: r
@@ -3771,13 +3777,13 @@ var sr = (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(L);
-		cr(t, n ? "col" : "row", n ? R : z), this.isInsideTable && (t.style.transition = "none"), t.className = x(B, vi), t.setAttribute("data-blok-table-grip-visible", ""), this.isInsideTable && (t.offsetHeight, t.style.transition = "");
+		let t = e, n = t.hasAttribute(hi);
+		lr(t, n ? "col" : "row", n ? yi : bi), this.isInsideTable && (t.style.transition = "none"), t.className = S(Si, wi), 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: x(B, yi) }), e.setAttribute("data-blok-table-grip-visible", "");
+		Object.assign(e, { className: S(Si, Ti) }), 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"));
 	}
@@ -3787,8 +3793,8 @@ var sr = (e) => {
 		});
 	}
 	applyIdleClasses(e) {
-		let t = e, n = t.hasAttribute(L), r = n ? "col" : "row", i = n ? R + 12 : z + 12;
-		this.isInsideTable && (t.style.transition = "none"), cr(t, r, i), t.className = x(B, _i), t.removeAttribute("data-blok-table-grip-visible");
+		let t = e, n = t.hasAttribute(hi), r = n ? "col" : "row", i = n ? yi + 12 : bi + 12;
+		this.isInsideTable && (t.style.transition = "none"), lr(t, r, i), t.className = S(Si, Ci), 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 = "");
 	}
@@ -3801,13 +3807,13 @@ var sr = (e) => {
 	scheduleHideAll() {
 		this.hideTimeout = setTimeout(() => {
 			this.hideColGrip(), this.hideRowGrip(), this.isInsideTable = !1, this.hideTimeout = null;
-		}, mi);
+		}, _i);
 	}
 	clearHideTimeout() {
 		this.hideTimeout !== null && (clearTimeout(this.hideTimeout), this.hideTimeout = null);
 	}
 	handlePointerDown(e) {
-		let t = e.target.closest(`[${fi}]`);
+		let t = e.target.closest(`[${mi}]`);
 		if (!t) return;
 		e.preventDefault(), e.stopPropagation();
 		let n = this.detectGripType(t);
@@ -3816,12 +3822,12 @@ var sr = (e) => {
 		});
 	}
 	detectGripType(e) {
-		let t = e.getAttribute(L);
+		let t = e.getAttribute(hi);
 		if (t !== null) return {
 			type: "col",
 			index: Number(t)
 		};
-		let n = e.getAttribute(pi);
+		let n = e.getAttribute(gi);
 		return n === null ? null : {
 			type: "row",
 			index: Number(n)
@@ -3829,7 +3835,7 @@ var sr = (e) => {
 	}
 	openPopover(e, t) {
 		var n, r;
-		this.popoverState = di(e, t, {
+		this.popoverState = pi(e, t, {
 			col: this.colGrips,
 			row: this.rowGrips
 		}, {
@@ -3858,7 +3864,7 @@ var sr = (e) => {
 			}, e.destroy();
 		}
 	}
-}, xi = "data-blok-table-haze", Si = "data-blok-table-haze-visible", Ci = 1, wi = [
+}, Di = "data-blok-table-haze", Oi = "data-blok-table-haze-visible", ki = 1, Ai = [
 	"absolute",
 	"top-0",
 	"bottom-0",
@@ -3868,17 +3874,17 @@ var sr = (e) => {
 	"transition-opacity",
 	"duration-150",
 	"z-1"
-], Ti = [
+], ji = [
 	"left-0",
 	"bg-linear-to-r",
 	"from-white/80",
 	"to-transparent"
-], Ei = [
+], Mi = [
 	"right-5",
 	"bg-linear-to-l",
 	"from-white/80",
 	"to-transparent"
-], Di = class {
+], Ni = class {
 	constructor() {
 		this.leftHaze = null, this.rightHaze = null, this.scrollContainer = null, this.boundOnScroll = null, this.ticking = !1;
 	}
@@ -3898,7 +3904,7 @@ var sr = (e) => {
 	}
 	createHazeElement(e) {
 		let t = document.createElement("div");
-		return t.setAttribute(xi, e), t.setAttribute("aria-hidden", "true"), t.classList.add(...wi, ...e === "left" ? Ti : Ei), t;
+		return t.setAttribute(Di, e), t.setAttribute("aria-hidden", "true"), t.classList.add(...Ai, ...e === "left" ? ji : Mi), t;
 	}
 	syncVisibility() {
 		let e = this.scrollContainer;
@@ -3909,12 +3915,12 @@ var sr = (e) => {
 			return;
 		}
 		let { scrollLeft: n, scrollWidth: r, clientWidth: i } = e, a = r - i;
-		this.setVisible(this.leftHaze, n > Ci), this.setVisible(this.rightHaze, a > Ci && n < a - Ci);
+		this.setVisible(this.leftHaze, n > ki), this.setVisible(this.rightHaze, a > ki && n < a - ki);
 	}
 	setVisible(e, t) {
-		e && (t ? e.setAttribute(Si, "") : e.removeAttribute(Si));
+		e && (t ? e.setAttribute(Oi, "") : e.removeAttribute(Oi));
 	}
-}, Oi = 3, ki = 3, Ai = ["my-2", "pr-5"], ji = [
+}, Pi = 3, Fi = 3, Ii = ["my-2", "pr-5"], Li = [
 	"relative",
 	"after:content-[\"\"]",
 	"after:absolute",
@@ -3923,11 +3929,11 @@ var sr = (e) => {
 	"after:right-0",
 	"after:h-10",
 	"after:pointer-events-none"
-], Mi = class {
+], Ri = 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.scrollHaze = null, this.element = null, this.gridElement = null, this.scrollContainer = null, this.gripOverlay = null, this.pendingHighlight = null, this.isNewTable = !1, this.unregisterRestrictedTools = null, this.setDataGeneration = 0, this.structuralOpDepth = 0, this.api = n, this.readOnly = r, this.config = t == null ? {} : t;
-		let a = Fr(e, this.config);
-		this.initialContent = a.content, this.grid = new tr({ readOnly: r }), this.model = new zr(a), this.blockId = i == null ? void 0 : i.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = he(this.config.restrictedTools));
+		let a = Ir(e, this.config);
+		this.initialContent = a.content, this.grid = new nr({ readOnly: r }), this.model = new Vr(a), this.blockId = i == null ? void 0 : i.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = Ie(this.config.restrictedTools));
 	}
 	runStructuralOp(e, t = !1) {
 		this.structuralOpDepth++;
@@ -3962,7 +3968,7 @@ var sr = (e) => {
 	}
 	static get toolbox() {
 		return {
-			icon: Ue,
+			icon: Le,
 			title: "Table",
 			titleKey: "tools.table.title",
 			searchTerms: [
@@ -3995,7 +4001,7 @@ var sr = (e) => {
 			em: !0,
 			mark: (e) => {
 				let t = e.style, n = Array.from({ length: t.length }, (e, n) => t.item(n));
-				for (let e of n) ke.has(e) || t.removeProperty(e);
+				for (let e of n) be.has(e) || t.removeProperty(e);
 				return t.length > 0 ? { style: !0 } : {};
 			},
 			a: { href: !0 },
@@ -4014,28 +4020,28 @@ var sr = (e) => {
 		return n && this.element && (this.element.insertBefore(t, n), t.appendChild(n)), this.scrollContainer = t, (e = this.addControls) == null || e.attachScrollContainer(t), t;
 	}
 	render() {
-		var e, t, r, i, a, o;
-		let s = document.createElement("div");
-		s.className = x(Ai, !this.readOnly && ji), s.setAttribute(n.tool, "table"), this.readOnly && s.setAttribute("data-blok-table-readonly", ""), this.isNewTable = ((e = (t = this.initialContent) == null ? void 0 : t.length) == null ? 0 : e) === 0;
-		let c = ((r = this.initialContent) == null ? void 0 : r.length) || this.config.rows || Oi, l = ((i = this.initialContent) == null ? void 0 : i.reduce((e, t) => {
+		var e, t, n, r, i, a;
+		let o = document.createElement("div");
+		o.className = S(Ii, !this.readOnly && Li), o.setAttribute(v.tool, "table"), this.readOnly && o.setAttribute("data-blok-table-readonly", ""), this.isNewTable = ((e = (t = this.initialContent) == null ? void 0 : t.length) == null ? 0 : e) === 0;
+		let s = ((n = this.initialContent) == null ? void 0 : n.length) || this.config.rows || Pi, c = ((r = this.initialContent) == null ? void 0 : r.reduce((e, t) => {
 			var n;
 			return Math.max(e, (n = t == null ? void 0 : t.length) == null ? 0 : n);
-		}, 0)) || this.config.cols || ki, u = this.grid.createGrid(c, l, this.model.colWidths);
-		if (((a = (o = this.initialContent) == null ? void 0 : o.length) == null ? 0 : a) > 0) {
-			var d;
-			this.grid.fillGrid(u, (d = this.initialContent) == null ? [] : d);
+		}, 0)) || this.config.cols || Fi, l = this.grid.createGrid(s, c, this.model.colWidths);
+		if (((i = (a = this.initialContent) == null ? void 0 : a.length) == null ? 0 : i) > 0) {
+			var u;
+			this.grid.fillGrid(l, (u = this.initialContent) == null ? [] : u);
 		}
-		if (this.model.colWidths && A(u, this.model.colWidths), this.gridElement = u, this.model.colWidths || !this.readOnly) {
+		if (this.model.colWidths && j(l, this.model.colWidths), this.gridElement = l, this.model.colWidths || !this.readOnly) {
 			let e = document.createElement("div");
 			e.setAttribute("data-blok-table-scroll", "");
-			let t = this.model.colWidths ? Lr : [];
-			e.classList.add(...t), e.appendChild(u), s.appendChild(e), this.scrollContainer = e;
-		} else s.appendChild(u), this.scrollContainer = null;
+			let t = this.model.colWidths ? Rr : [];
+			e.classList.add(...t), e.appendChild(l), o.appendChild(e), this.scrollContainer = e;
+		} else o.appendChild(l), 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", s.appendChild(e), this.gripOverlay = e;
+			e.setAttribute("data-blok-table-grip-overlay", ""), e.style.position = "absolute", e.style.inset = "0", e.style.pointerEvents = "none", e.style.zIndex = "3", o.appendChild(e), this.gripOverlay = e;
 		}
-		return this.element = s, this.model.withHeadings && N(this.gridElement, this.model.withHeadings), this.model.withHeadingColumn && F(this.gridElement, this.model.withHeadingColumn), this.readOnly || (this.initCellBlocks(u), Ir(u, this.cellBlocks)), s;
+		return this.element = o, this.model.withHeadings && P(this.gridElement, this.model.withHeadings), this.model.withHeadingColumn && I(this.gridElement, this.model.withHeadingColumn), this.readOnly || (this.initCellBlocks(l), Lr(l, this.cellBlocks)), o;
 	}
 	rendered() {
 		if (!this.element || this.initialContent === null) return;
@@ -4044,22 +4050,22 @@ var sr = (e) => {
 		let t = this.initialContent;
 		if (this.initialContent = null, this.readOnly) {
 			var n;
-			Pr(e, t, this.api, (n = this.blockId) == null ? "" : n), P(e, this.model.snapshot().content), this.initScrollHaze();
+			Fr(e, t, this.api, (n = this.blockId) == null ? "" : n), F(e, this.model.snapshot().content), this.initScrollHaze();
 			return;
 		}
 		if (this.runTransactedStructuralOp(() => {
 			var n, r;
-			let i = (n = (r = this.cellBlocks) == null ? void 0 : r.initializeCells(t)) == null ? t : n, a = this.isNewTable && i.length === 0 ? Array.from(e.querySelectorAll(`[${T}]`), (e) => {
-				let t = e.querySelectorAll(`[${E}]`).length;
+			let i = (n = (r = this.cellBlocks) == null ? void 0 : r.initializeCells(t)) == null ? t : n, a = this.isNewTable && i.length === 0 ? Array.from(e.querySelectorAll(`[${E}]`), (e) => {
+				let t = e.querySelectorAll(`[${D}]`).length;
 				return Array.from({ length: t }, () => ({ blocks: [] }));
 			}) : i;
-			this.model.replaceAll(b(b({}, this.model.snapshot()), {}, { content: a })), this.isNewTable && M(e, this.cellBlocks), this.removeGhostChildren();
+			this.model.replaceAll(x(x({}, this.model.snapshot()), {}, { content: a })), this.isNewTable && N(e, this.cellBlocks), this.removeGhostChildren();
 		}, !0), this.model.initialColWidth === void 0) {
 			var r;
-			let t = (r = this.model.colWidths) == null ? k(e) : r;
-			this.model.setInitialColWidth(t.length > 0 ? jr(t) : void 0);
+			let t = (r = this.model.colWidths) == null ? A(e) : r;
+			this.model.setInitialColWidth(t.length > 0 ? Mr(t) : void 0);
 		}
-		if (this.initSubsystems(e), P(e, this.model.snapshot().content), this.isNewTable) {
+		if (this.initSubsystems(e), F(e, this.model.snapshot().content), this.isNewTable) {
 			var i;
 			(i = this.cellSelection) == null || i.selectRange({
 				minRow: 0,
@@ -4087,7 +4093,7 @@ var sr = (e) => {
 	setData(e) {
 		var t, n, r, i, a;
 		this.setDataGeneration++;
-		let o = this.setDataGeneration, s = Fr(b(b({}, this.model.snapshot()), e), this.config);
+		let o = this.setDataGeneration, s = Ir(x(x({}, 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();
@@ -4101,7 +4107,7 @@ var sr = (e) => {
 		let f = this.gridElement;
 		if (f) {
 			if (this.readOnly) {
-				P(f, this.model.snapshot().content);
+				F(f, this.model.snapshot().content);
 				return;
 			}
 			o === this.setDataGeneration && (this.runStructuralOp(() => {
@@ -4109,15 +4115,15 @@ var sr = (e) => {
 				let i = (e = (t = (n = this.cellBlocks) == null ? void 0 : n.initializeCells((r = this.initialContent) == null ? [] : r)) == null ? this.initialContent : t) == null ? [] : e;
 				if (o === this.setDataGeneration) {
 					if (this.api.blocks.isSyncingFromYjs && i.length === 0 && f) {
-						let e = Array.from(f.querySelectorAll(`[${T}]`), (e) => {
-							let t = e.querySelectorAll(`[${E}]`).length;
+						let e = Array.from(f.querySelectorAll(`[${E}]`), (e) => {
+							let t = e.querySelectorAll(`[${D}]`).length;
 							return Array.from({ length: t }, () => ({ blocks: [] }));
 						});
-						this.model.replaceAll(b(b({}, this.model.snapshot()), {}, { content: e })), M(f, this.cellBlocks);
-					} else this.model.replaceAll(b(b({}, this.model.snapshot()), {}, { content: i }));
+						this.model.replaceAll(x(x({}, this.model.snapshot()), {}, { content: e })), N(f, this.cellBlocks);
+					} else this.model.replaceAll(x(x({}, this.model.snapshot()), {}, { content: i }));
 					this.initialContent = null;
 				}
-			}, !0), o === this.setDataGeneration && (this.initSubsystems(f), l !== null && this.cellSelection !== null && this.cellSelection.selectRange(l), u !== null && this.rowColControls !== null && this.rowColControls.restoreVisibleGrips(u.col, u.row), P(f, this.model.snapshot().content)));
+			}, !0), o === this.setDataGeneration && (this.initSubsystems(f), l !== null && this.cellSelection !== null && this.cellSelection.selectRange(l), u !== null && this.rowColControls !== null && this.rowColControls.restoreVisibleGrips(u.col, u.row), F(f, this.model.snapshot().content)));
 		}
 	}
 	onPaste(e) {
@@ -4129,9 +4135,9 @@ var sr = (e) => {
 				var t;
 				n.push(e.innerHTML);
 				let i = (t = e.getAttribute("style")) == null ? "" : t, a = {}, o = /background-color\s*:\s*([^;]+)/i.exec(i);
-				o != null && o[1] && (a.color = ye(o[1].trim(), "bg"));
+				o != null && o[1] && (a.color = Xe(o[1].trim(), "bg"));
 				let s = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(i);
-				s != null && s[1] && !_e(s[1].trim()) && (a.textColor = ye(s[1].trim(), "text")), r.push(a);
+				s != null && s[1] && !Pe(s[1].trim()) && (a.textColor = Xe(s[1].trim(), "text")), r.push(a);
 			}), n.length > 0 && (a.push(n), o.push(r));
 		});
 		let s = r.querySelector("thead") !== null, c = ((t = i[0]) == null ? void 0 : t.querySelector("th")) !== null, l = s || c;
@@ -4147,12 +4153,12 @@ var sr = (e) => {
 		!this.readOnly && f && (this.runStructuralOp(() => {
 			var e, t, n, r;
 			let i = (e = (t = (n = this.cellBlocks) == null ? void 0 : n.initializeCells((r = this.initialContent) == null ? [] : r)) == null ? this.initialContent : t) == null ? [] : e;
-			this.model.replaceAll(b(b({}, this.model.snapshot()), {}, { content: i })), this.initialContent = null, o.forEach((e, t) => {
+			this.model.replaceAll(x(x({}, this.model.snapshot()), {}, { content: i })), this.initialContent = null, o.forEach((e, t) => {
 				e.forEach((e, n) => {
 					e.color !== void 0 && this.model.setCellColor(t, n, e.color), e.textColor !== void 0 && this.model.setCellTextColor(t, n, e.textColor);
 				});
 			});
-		}, !0), this.initSubsystems(f), P(f, this.model.snapshot().content));
+		}, !0), this.initSubsystems(f), F(f, this.model.snapshot().content));
 	}
 	destroy() {
 		var e, t;
@@ -4179,35 +4185,35 @@ var sr = (e) => {
 		});
 	}
 	getBlockIdsInRow(e) {
-		return Mr(this.element, this.cellBlocks, e);
+		return Nr(this.element, this.cellBlocks, e);
 	}
 	getBlockIdsInColumn(e) {
-		return Nr(this.element, this.cellBlocks, e);
+		return Pr(this.element, this.cellBlocks, e);
 	}
 	initAddControls(e) {
 		var t;
 		if ((t = this.addControls) == null || t.destroy(), !this.element) return;
 		let n = { addedCols: 0 };
-		this.addControls = new Xn({
+		this.addControls = new Zn({
 			wrapper: this.element,
 			grid: e,
 			i18n: this.api.i18n,
 			getNewColumnWidth: () => {
 				var t;
-				let n = (t = this.model.colWidths) == null ? k(e) : t;
-				return this.model.initialColWidth === void 0 ? j(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
+				let n = (t = this.model.colWidths) == null ? A(e) : t;
+				return this.model.initialColWidth === void 0 ? M(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
 			},
 			onAddRow: () => {
 				this.runTransactedStructuralOp(() => {
 					var t, n;
-					this.grid.addRow(e), this.model.addRow(), M(e, this.cellBlocks), N(this.gridElement, this.model.withHeadings), F(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(), N(e, this.cellBlocks), P(this.gridElement, this.model.withHeadings), I(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 ? k(e) : t, a = this.model.initialColWidth === void 0 ? j(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]), M(e, this.cellBlocks), F(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 ? A(e) : t, a = this.model.initialColWidth === void 0 ? M(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]), N(e, this.cellBlocks), I(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: () => {
@@ -4216,13 +4222,13 @@ var sr = (e) => {
 			},
 			onDragAddRow: () => {
 				this.runTransactedStructuralOp(() => {
-					this.grid.addRow(e), this.model.addRow(), M(e, this.cellBlocks), N(this.gridElement, this.model.withHeadings), F(this.gridElement, this.model.withHeadingColumn);
+					this.grid.addRow(e), this.model.addRow(), N(e, this.cellBlocks), P(this.gridElement, this.model.withHeadings), I(this.gridElement, this.model.withHeadingColumn);
 				});
 			},
 			onDragRemoveRow: () => {
 				this.runTransactedStructuralOp(() => {
 					let t = this.grid.getRowCount(e);
-					if (t > 1 && Tr(e, t - 1)) {
+					if (t > 1 && Er(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);
@@ -4232,19 +4238,19 @@ var sr = (e) => {
 			onDragAddCol: () => {
 				this.runTransactedStructuralOp(() => {
 					var t;
-					let r = (t = this.model.colWidths) == null ? k(e) : t, i = this.model.initialColWidth === void 0 ? j(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), A(e, a), M(e, this.cellBlocks), F(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 ? A(e) : t, i = this.model.initialColWidth === void 0 ? M(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), j(e, a), N(e, this.cellBlocks), I(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 || !Er(e, r - 1)) return;
+					if (r <= 1 || !Dr(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 && A(e, a), this.initResize(e), n.addedCols--;
+					a && j(e, a), this.initResize(e), n.addedCols--;
 				});
 			},
 			onDragEnd: () => {
@@ -4255,7 +4261,7 @@ var sr = (e) => {
 	}
 	initRowColControls(e) {
 		var t, n, r;
-		(t = this.rowColControls) == null || t.destroy(), this.element && (this.rowColControls = new bi({
+		(t = this.rowColControls) == null || t.destroy(), this.element && (this.rowColControls = new Ei({
 			grid: e,
 			overlay: (n = this.gripOverlay) == null ? void 0 : n,
 			scrollContainer: (r = this.scrollContainer) == null ? void 0 : r,
@@ -4303,7 +4309,7 @@ var sr = (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 = Qr(e, t, {
+			let a = this.model.colWidths, { blocksToDelete: o } = this.syncModelForAction(t), s = ei(e, t, {
 				grid: this.grid,
 				data: {
 					colWidths: a,
@@ -4315,7 +4321,7 @@ var sr = (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, N(this.gridElement, this.model.withHeadings), F(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, P(this.gridElement, this.model.withHeadings), I(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();
 			}
@@ -4361,10 +4367,10 @@ var sr = (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 ? k(e) : n;
-		r || Rr(this.ensureScrollContainer()), this.resize = new Gr(e, i, (e) => {
+		let r = this.model.colWidths === void 0, i = (n = this.model.colWidths) == null ? A(e) : n;
+		r || zr(this.ensureScrollContainer()), this.resize = new qr(e, i, (e) => {
 			var t, n, r;
-			this.model.setColWidths(e), Rr(this.ensureScrollContainer()), (t = this.rowColControls) == null || t.positionGrips(), (n = this.addControls) == null || n.syncRowButtonWidth(), (r = this.scrollHaze) == null || r.update();
+			this.model.setColWidths(e), zr(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();
@@ -4375,7 +4381,7 @@ var sr = (e) => {
 	}
 	initCellBlocks(e) {
 		var t;
-		this.cellBlocks = new nr({
+		this.cellBlocks = new rr({
 			api: this.api,
 			gridElement: e,
 			tableBlockId: (t = this.blockId) == null ? "" : t,
@@ -4386,13 +4392,13 @@ var sr = (e) => {
 	handleCellCopy(e, t) {
 		let n = this.collectCellBlockData(e);
 		if (n.length === 0) return;
-		let r = xe(n);
-		t.setData("text/html", We(r)), t.setData("text/plain", me(r));
+		let r = pe(n);
+		t.setData("text/html", Se(r)), t.setData("text/plain", Ve(r));
 	}
 	handleCellCopyViaButton(e) {
 		let t = this.collectCellBlockData(e);
 		if (t.length === 0) return;
-		let n = xe(t), r = We(n), i = me(n), a = new Blob([r], { type: "text/html" }), o = new Blob([i], { type: "text/plain" });
+		let n = pe(t), r = Se(n), i = Ve(n), a = new Blob([r], { type: "text/html" }), o = new Blob([i], { type: "text/plain" });
 		navigator.clipboard.write([new ClipboardItem({
 			"text/html": a,
 			"text/plain": o
@@ -4402,7 +4408,7 @@ var sr = (e) => {
 		let r = this.gridElement;
 		r && this.runTransactedStructuralOp(() => {
 			for (let i of e) {
-				let e = Cr(r, i);
+				let e = wr(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));
 			}
 		});
@@ -4410,12 +4416,12 @@ var sr = (e) => {
 	collectCellBlockData(e) {
 		let t = this.gridElement;
 		if (!t) return [];
-		let n = Array.from(t.querySelectorAll(`[${T}]`));
+		let n = Array.from(t.querySelectorAll(`[${E}]`));
 		return e.map((e) => {
 			var t;
-			let r = e.closest(`[${T}]`);
+			let r = e.closest(`[${E}]`);
 			if (!r) return null;
-			let i = n.indexOf(r), a = Array.from(r.querySelectorAll(`[${E}]`)).indexOf(e), o = e.querySelector(`[${O}]`), s = [];
+			let i = n.indexOf(r), a = Array.from(r.querySelectorAll(`[${D}]`)).indexOf(e), o = e.querySelector(`[${k}]`), s = [];
 			if (!o) return {
 				row: i,
 				col: a,
@@ -4427,7 +4433,7 @@ var sr = (e) => {
 				let n = this.api.blocks.getBlockIndex(t);
 				if (n === void 0) return;
 				let r = this.api.blocks.getBlockByIndex(n);
-				r && s.push(b({
+				r && s.push(x({
 					tool: r.name,
 					data: r.preservedData
 				}, Object.keys(r.preservedTunes).length > 0 ? { tunes: r.preservedTunes } : {}));
@@ -4438,7 +4444,7 @@ var sr = (e) => {
 				data: { text: c }
 			});
 			let l = this.model.getCellColor(i, a), u = this.model.getCellTextColor(i, a);
-			return b(b({
+			return x(x({
 				row: i,
 				col: a,
 				blocks: s
@@ -4449,7 +4455,7 @@ var sr = (e) => {
 		var t;
 		(t = this.cellSelection) == null || t.destroy();
 		let n = this.api.rectangleSelection;
-		this.cellSelection = new Sr({
+		this.cellSelection = new Cr({
 			grid: e,
 			rectangleSelection: n,
 			i18n: this.api.i18n,
@@ -4476,7 +4482,7 @@ var sr = (e) => {
 					t.deleteBlocks(n);
 					let r = this.gridElement;
 					if (r) for (let t of e) {
-						let e = Cr(r, t);
+						let e = wr(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 = "");
 					}
 				});
@@ -4497,7 +4503,7 @@ var sr = (e) => {
 	}
 	initScrollHaze() {
 		var e;
-		(e = this.scrollHaze) == null || e.destroy(), !(!this.element || !this.scrollContainer) && (this.scrollHaze = new Di(), this.scrollHaze.init(this.element, this.scrollContainer));
+		(e = this.scrollHaze) == null || e.destroy(), !(!this.element || !this.scrollContainer) && (this.scrollHaze = new Ni(), this.scrollHaze.init(this.element, this.scrollContainer));
 	}
 	initGridPasteListener(e) {
 		e.addEventListener("paste", (t) => {
@@ -4506,20 +4512,20 @@ var sr = (e) => {
 	}
 	handleGridPaste(e, t) {
 		if (this.readOnly || !e.clipboardData || e.defaultPrevented) return;
-		let n = e.clipboardData.getData("text/html"), r = Ie(n), i = r === null ? Ae(n) : null, a = r == null ? i : r;
+		let n = e.clipboardData.getData("text/html"), r = Ee(n), i = r === null ? we(n) : null, a = r == null ? i : r;
 		if (!a || i !== null && new DOMParser().parseFromString(n, "text/html").querySelectorAll("table").length > 1) return;
 		let o = document.activeElement;
 		if (!o) return;
-		let s = o.closest(`[${E}]`);
+		let s = o.closest(`[${D}]`);
 		if (!s || !t.contains(s)) return;
-		let c = s.closest(`[${T}]`);
+		let c = s.closest(`[${E}]`);
 		if (!c) return;
 		if (a.rows === 1 && a.cols === 1) {
 			e.preventDefault(), e.stopPropagation(), this.insertSingleCellPayloadInline(a.cells[0][0]);
 			return;
 		}
 		e.preventDefault(), e.stopPropagation();
-		let l = Array.from(t.querySelectorAll(`[${T}]`)).indexOf(c), u = Array.from(c.querySelectorAll(`[${E}]`)).indexOf(s);
+		let l = Array.from(t.querySelectorAll(`[${E}]`)).indexOf(c), u = Array.from(c.querySelectorAll(`[${D}]`)).indexOf(s);
 		this.pastePayloadIntoCells(t, a, l, u);
 	}
 	insertSingleCellPayloadInline(e) {
@@ -4540,11 +4546,11 @@ var sr = (e) => {
 		this.runTransactedStructuralOp(() => {
 			var i, a;
 			this.expandGridForPaste(e, n + t.rows, r + t.cols);
-			let o = e.querySelectorAll(`[${T}]`);
+			let o = e.querySelectorAll(`[${E}]`);
 			Array.from({ length: t.rows }, (e, t) => t).forEach((e) => {
 				let i = o[n + e];
 				if (!i) return;
-				let a = i.querySelectorAll(`[${E}]`);
+				let a = i.querySelectorAll(`[${D}]`);
 				Array.from({ length: t.cols }, (e, t) => t).forEach((i) => {
 					let o = a[r + i];
 					if (o) {
@@ -4559,7 +4565,7 @@ var sr = (e) => {
 				});
 			}), this.initResize(e), (i = this.addControls) == null || i.syncRowButtonWidth(), (a = this.rowColControls) == null || a.refresh();
 		});
-		let i = e.querySelectorAll(`[${T}]`)[n + t.rows - 1], a = i == null ? void 0 : i.querySelectorAll(`[${E}]`)[r + t.cols - 1];
+		let i = e.querySelectorAll(`[${E}]`)[n + t.rows - 1], a = i == null ? void 0 : i.querySelectorAll(`[${D}]`)[r + t.cols - 1];
 		if (!a || !this.cellBlocks || !this.api.caret) return;
 		let o = this.cellBlocks.getBlockIdsFromCells([a]), s = o[o.length - 1];
 		s !== void 0 && this.api.caret.setToBlock(s, "end");
@@ -4567,11 +4573,11 @@ var sr = (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(), M(e, this.cellBlocks), N(this.gridElement, this.model.withHeadings), F(this.gridElement, this.model.withHeadingColumn);
+			this.grid.addRow(e), this.model.addRow(), N(e, this.cellBlocks), P(this.gridElement, this.model.withHeadings), I(this.gridElement, this.model.withHeadingColumn);
 		}), Array.from({ length: Math.max(0, n - i) }).forEach(() => {
 			var t;
-			let n = (t = this.model.colWidths) == null ? k(e) : t, r = this.model.initialColWidth === void 0 ? j(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]), M(e, this.cellBlocks), F(this.gridElement, this.model.withHeadingColumn);
+			let n = (t = this.model.colWidths) == null ? A(e) : t, r = this.model.initialColWidth === void 0 ? M(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]), N(e, this.cellBlocks), I(this.gridElement, this.model.withHeadingColumn);
 		});
 	}
 	pasteCellPayload(e, t) {
@@ -4579,7 +4585,7 @@ var sr = (e) => {
 			let t = this.cellBlocks.getBlockIdsFromCells([e]);
 			this.cellBlocks.deleteBlocks(t);
 		}
-		let n = e.querySelector(`[${O}]`);
+		let n = e.querySelector(`[${k}]`);
 		if (n) {
 			if (t.blocks.length === 0) {
 				var r;
@@ -4593,19 +4599,19 @@ var sr = (e) => {
 			}
 		}
 	}
-}, Ni = (e) => {
+}, zi = (e) => {
 	let t = document.createElement("div");
 	t.innerHTML = e.trim();
 	let n = document.createDocumentFragment();
 	return n.append(...Array.from(t.childNodes)), n;
-}, Pi = (e, t, n, r) => {
+}, Bi = (e, t, n, r) => {
 	if (!t) return e;
 	let i = n();
 	return {
-		text: i ? $e(i.innerHTML) : e.text,
+		text: i ? et(i.innerHTML) : e.text,
 		isOpen: r
 	};
-}, Fi = (e, t) => {
+}, Vi = (e, t) => {
 	let { data: n, getContentElement: r } = e;
 	n.text += t.text;
 	let i = r();
@@ -4613,18 +4619,18 @@ var sr = (e) => {
 		let n = e.parseHTML(t.text);
 		i.appendChild(n), i.normalize();
 	}
-}, Ii = (e, t, n) => {
+}, Hi = (e, t, n) => {
 	let r = n();
 	if (!r) return {
 		newData: e,
 		inPlace: !1
 	};
-	let i = b(b({}, e), t);
+	let i = x(x({}, e), t);
 	return typeof t.text == "string" && (r.innerHTML = t.text), {
 		newData: i,
 		inPlace: !0
 	};
-}, Li = class e {
+}, Ui = 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) => {
@@ -4644,11 +4650,11 @@ var sr = (e) => {
 	}
 	get placeholder() {
 		if (this._settings.placeholder) return this._settings.placeholder;
-		let e = this.api.i18n.t(Oe);
+		let e = this.api.i18n.t(Me);
 		return e === "tools.toggle.placeholder" ? "Toggle" : e;
 	}
 	render() {
-		let e = mt({
+		let e = ht({
 			data: this._data,
 			readOnly: this.readOnly,
 			isOpen: this._isOpen,
@@ -4656,10 +4662,10 @@ var sr = (e) => {
 			keydownHandler: this.readOnly ? null : this.handleKeyDown.bind(this),
 			onArrowClick: () => this.toggleOpen(),
 			onBodyPlaceholderClick: this.readOnly ? null : () => this.handleBodyPlaceholderClick(),
-			bodyPlaceholderText: this.api.i18n.t(Ne),
+			bodyPlaceholderText: this.api.i18n.t(Re),
 			ariaLabels: {
-				collapse: this.api.i18n.t(He),
-				expand: this.api.i18n.t(je)
+				collapse: this.api.i18n.t(qe),
+				expand: this.api.i18n.t(Fe)
 			}
 		});
 		return this._element = e.wrapper, this._contentElement = e.contentElement, this._arrowElement = e.arrowElement, this._bodyPlaceholderElement = e.bodyPlaceholderElement, this._childContainerElement = e.childContainerElement, this._element;
@@ -4668,31 +4674,31 @@ var sr = (e) => {
 		this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility();
 	}
 	save() {
-		return Pi(this._data, this._element, this.getContentElement.bind(this), this._isOpen);
+		return Bi(this._data, this._element, this.getContentElement.bind(this), this._isOpen);
 	}
 	validate(e) {
 		return !0;
 	}
 	merge(e) {
-		Fi({
+		Vi({
 			data: this._data,
 			getContentElement: this.getContentElement.bind(this),
-			parseHTML: Ni
+			parseHTML: zi
 		}, e);
 	}
 	onPaste(t) {
 		let n = t.detail;
 		if (!("data" in n)) return;
-		let r = n.data, i = r.querySelector("summary"), a = Te(i === null ? r.innerHTML : i.innerHTML, e.sanitize.text);
+		let r = n.data, i = r.querySelector("summary"), a = ne(i === null ? r.innerHTML : i.innerHTML, e.sanitize.text);
 		this._data = { text: a };
 		let o = this.getContentElement();
 		o !== null && (o.innerHTML = a);
 	}
 	setData(e) {
-		let t = Ii(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 && C(this._arrowElement, this._element, this._isOpen, {
-			collapse: this.api.i18n.t(He),
-			expand: this.api.i18n.t(je)
+		let t = Hi(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 && w(this._arrowElement, this._element, this._isOpen, {
+			collapse: this.api.i18n.t(qe),
+			expand: this.api.i18n.t(Fe)
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility(), t.inPlace;
 	}
 	renderSettings() {
@@ -4714,19 +4720,19 @@ var sr = (e) => {
 		return this._contentElement;
 	}
 	setOpenState(e) {
-		this._isOpen = e, this._arrowElement && this._element && C(this._arrowElement, this._element, this._isOpen, {
-			collapse: this.api.i18n.t(He),
-			expand: this.api.i18n.t(je)
+		this._isOpen = e, this._arrowElement && this._element && w(this._arrowElement, this._element, this._isOpen, {
+			collapse: this.api.i18n.t(qe),
+			expand: this.api.i18n.t(Fe)
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility();
 	}
 	toggleOpen() {
 		this.setOpenState(!this._isOpen);
 	}
 	updateChildrenVisibility() {
-		this.blockId !== void 0 && ht(this.api, this.blockId, this._isOpen, this._childContainerElement, this._arrowElement);
+		this.blockId !== void 0 && gt(this.api, this.blockId, this._isOpen, this._childContainerElement, this._arrowElement);
 	}
 	updateBodyPlaceholderVisibility() {
-		this.blockId !== void 0 && gt(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly);
+		this.blockId !== void 0 && _t(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly);
 	}
 	handleBodyPlaceholderClick() {
 		var e;
@@ -4762,10 +4768,10 @@ var sr = (e) => {
 	}
 	async handleEnter() {
 		var e = this;
-		await _t(e.createKeyboardContext()), e.updateBodyPlaceholderVisibility();
+		await vt(e.createKeyboardContext()), e.updateBodyPlaceholderVisibility();
 	}
 	async handleBackspace(e) {
-		await vt(this.createKeyboardContext(), e);
+		await yt(this.createKeyboardContext(), e);
 	}
 	syncContentFromDOM() {
 		let e = this.getContentElement();
@@ -4773,10 +4779,10 @@ var sr = (e) => {
 	}
 	static get toolbox() {
 		return {
-			icon: Pe,
+			icon: Ke,
 			title: "Toggle list",
 			titleKey: "toggleList",
-			name: Fe,
+			name: Be,
 			searchTerms: [
 				"toggle",
 				"collapse",
@@ -4815,36 +4821,36 @@ var sr = (e) => {
 	static get isReadOnlySupported() {
 		return !0;
 	}
-}, V = (e) => {
+}, L = (e) => {
 	let t = e.tagName;
 	return t === "B" || t === "STRONG";
-}, Ri = (e) => !!(e && e.nodeType === Node.ELEMENT_NODE && V(e)), zi = (e) => e.textContent.length === 0, H = (e) => e ? e.nodeType === Node.ELEMENT_NODE && V(e) ? U(e) : H(e.parentNode) : null, U = (e) => {
+}, Wi = (e) => !!(e && e.nodeType === Node.ELEMENT_NODE && L(e)), Gi = (e) => e.textContent.length === 0, R = (e) => e ? e.nodeType === Node.ELEMENT_NODE && L(e) ? z(e) : R(e.parentNode) : null, z = (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;
-}, Bi = (e) => {
+}, Ki = (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;
-}, Vi = (e) => {
+}, qi = (e) => {
 	if (!e.boldElement.isConnected) return null;
-	let t = U(e.boldElement), n = e.boundary, r = n.isConnected && n.previousSibling === t ? n : Bi(t);
+	let t = z(e.boldElement), n = e.boundary, r = n.isConnected && n.previousSibling === t ? n : Ki(t);
 	return r ? {
 		boundary: r,
 		boldElement: t
 	} : null;
-}, Hi = (e, t) => e ? e === t || t.contains(e) : !1, Ui, W = {
+}, Ji = (e, t) => e ? e === t || t.contains(e) : !1, Yi, B = {
 	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"
-}, G = class e {
+}, V = class e {
 	constructor() {
 		this.records = /* @__PURE__ */ new Set();
 	}
@@ -4858,15 +4864,15 @@ var sr = (e) => {
 		return this.records.size > 0;
 	}
 	isActivePlaceholder(e) {
-		return e.getAttribute(W.COLLAPSED_ACTIVE) === "true" || e.hasAttribute(W.COLLAPSED_LENGTH);
+		return e.getAttribute(B.COLLAPSED_ACTIVE) === "true" || e.hasAttribute(B.COLLAPSED_LENGTH);
 	}
 	static get ATTR() {
-		return W;
+		return B;
 	}
 	enter(e, t) {
 		if (!e.collapsed) return;
 		let n = document.createElement("strong"), r = document.createTextNode("");
-		n.appendChild(r), n.setAttribute(W.COLLAPSED_ACTIVE, "true");
+		n.appendChild(r), n.setAttribute(B.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();
@@ -4883,23 +4889,23 @@ var sr = (e) => {
 		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(W.PREV_LENGTH, a.length.toString()), !0;
+		return s && r.insertBefore(s, e.nextSibling), r.insertBefore(t, s == null ? e.nextSibling : s), t.setAttribute(B.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(W.PREV_LENGTH, "0");
+		e.insertBefore(t, i), t.setAttribute(B.PREV_LENGTH, "0");
 	}
 	exit(e, t) {
-		let n = U(t), r = n.parentNode;
-		if (r) return zi(n) ? this.removeEmptyBoldElement(e, n, r) : this.exitBoldWithContent(e, n, r);
+		let n = z(t), r = n.parentNode;
+		if (r) return Gi(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(W.COLLAPSED_LENGTH, t.textContent.length.toString()), t.removeAttribute(W.PREV_LENGTH), t.removeAttribute(W.COLLAPSED_ACTIVE), t.removeAttribute(W.LEADING_WHITESPACE);
+		t.setAttribute(B.COLLAPSED_LENGTH, t.textContent.length.toString()), t.removeAttribute(B.PREV_LENGTH), t.removeAttribute(B.COLLAPSED_ACTIVE), t.removeAttribute(B.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;
@@ -4916,7 +4922,7 @@ var sr = (e) => {
 	}
 	maintain() {
 		if (!(typeof document > "u")) for (let e of Array.from(this.records)) {
-			let t = Vi(e);
+			let t = qi(e);
 			if (!t) {
 				this.records.delete(e);
 				continue;
@@ -4948,13 +4954,13 @@ var sr = (e) => {
 		c && this.records.delete(e);
 	}
 	synchronize(e) {
-		var t, r;
-		let i = (t = e == null ? void 0 : e.anchorNode) == null ? e == null ? void 0 : e.focusNode : t, a = i && i.nodeType === Node.ELEMENT_NODE ? i : i == null ? void 0 : i.parentElement, o = (r = a == null ? void 0 : a.closest(v(n.editor))) == null ? a == null ? void 0 : a.ownerDocument : r;
-		if (!o) return;
-		let s = `strong[${W.COLLAPSED_ACTIVE}="true"]`;
-		o.querySelectorAll(s).forEach((t) => {
+		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(y(v.editor))) == null ? i == null ? void 0 : i.ownerDocument : n;
+		if (!a) return;
+		let o = `strong[${B.COLLAPSED_ACTIVE}="true"]`;
+		a.querySelectorAll(o).forEach((t) => {
 			var n;
-			let r = t.getAttribute(W.PREV_LENGTH), i = t.previousSibling;
+			let r = t.getAttribute(B.PREV_LENGTH), i = t.previousSibling;
 			if (!r || !i || i.nodeType !== Node.TEXT_NODE) return;
 			let a = Number(r);
 			if (!Number.isFinite(a)) return;
@@ -4963,26 +4969,26 @@ var sr = (e) => {
 			let c = s.slice(0, a), l = s.slice(a);
 			o.textContent = c;
 			let u = l.match(/^[\u00A0\s]+/);
-			if (u && !t.hasAttribute(W.LEADING_WHITESPACE) && t.setAttribute(W.LEADING_WHITESPACE, u[0]), l.length === 0) return;
-			let d = t.textContent, f = d + l, p = (n = t.getAttribute(W.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(B.LEADING_WHITESPACE) && t.setAttribute(B.LEADING_WHITESPACE, u[0]), l.length === 0) return;
+			let d = t.textContent, f = d + l, p = (n = t.getAttribute(B.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) || !Hi(e.focusNode, o)) return;
+			if (t.appendChild(h), !(e != null && e.isCollapsed) || !Ji(e.focusNode, o)) return;
 			let g = document.createRange(), _ = h.textContent.length;
 			g.setStart(h, _), g.collapse(!0), e.removeAllRanges(), e.addRange(g);
 		});
 	}
 	enforceLengths(e) {
 		var t;
-		let r = (t = e == null ? void 0 : e.anchorNode) == null ? e == null ? void 0 : e.focusNode : t;
-		if (!r) return;
-		let i = r.nodeType === Node.ELEMENT_NODE ? r : r.parentElement, a = i == null ? void 0 : i.closest(v(n.editor));
-		a && a.querySelectorAll(`strong[${W.COLLAPSED_LENGTH}]`).forEach((t) => {
+		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(y(v.editor));
+		i && i.querySelectorAll(`strong[${B.COLLAPSED_LENGTH}]`).forEach((t) => {
 			var n;
-			let r = t.getAttribute(W.COLLAPSED_LENGTH);
+			let r = t.getAttribute(B.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(W.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(B.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);
@@ -4990,11 +4996,11 @@ var sr = (e) => {
 				let r = document.createTextNode(n);
 				(m = t.parentNode) == null || m.insertBefore(r, t.nextSibling);
 			}
-			if (p && t.removeAttribute(W.PREV_LENGTH), e != null && e.isCollapsed && s && Hi(e.focusNode, t)) {
+			if (p && t.removeAttribute(B.PREV_LENGTH), e != null && e.isCollapsed && s && Ji(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(W.COLLAPSED_LENGTH);
+			o && t.removeAttribute(B.COLLAPSED_LENGTH);
 		});
 	}
 	splitCollapsedBoldText(e, t, n) {
@@ -5026,8 +5032,8 @@ var sr = (e) => {
 		if (!e.rangeCount) return;
 		let t = e.getRangeAt(0);
 		if (!t.collapsed) return;
-		let n = H(t.startContainer);
-		(n == null ? void 0 : n.getAttribute(W.COLLAPSED_ACTIVE)) !== "true" && (this.moveCaretFromElementContainer(e, t) || this.moveCaretFromTextContainer(e, t));
+		let n = R(t.startContainer);
+		(n == null ? void 0 : n.getAttribute(B.COLLAPSED_ACTIVE)) !== "true" && (this.moveCaretFromElementContainer(e, t) || this.moveCaretFromTextContainer(e, t));
 	}
 	moveCaretFromElementContainer(e, t) {
 		if (t.startContainer.nodeType !== Node.ELEMENT_NODE) return !1;
@@ -5057,7 +5063,7 @@ var sr = (e) => {
 			this.setCaret(e, n, i.length);
 			return;
 		}
-		let o = H(n);
+		let o = R(n);
 		if (!o || t.startOffset !== n.textContent.length) return;
 		let s = this.ensureFollowingTextNode(o, o.nextSibling);
 		if (s) {
@@ -5084,18 +5090,18 @@ var sr = (e) => {
 		return t.tagName === "STRONG" || t.tagName === "B";
 	}
 };
-Ui = G, Ui.instance = null;
+Yi = V, Yi.instance = null;
 //#endregion
 //#region src/components/inline-tools/services/bold-normalization-pass.ts
-var Wi = {
+var Xi = {
 	convertLegacyTags: !0,
 	normalizeWhitespace: !0,
 	removeEmpty: !0,
 	mergeAdjacent: !0,
 	preserveNode: null
-}, K = class e {
+}, H = class e {
 	constructor(e) {
-		this.options = b(b({}, Wi), e);
+		this.options = x(x({}, Xi), e);
 	}
 	run(e) {
 		if (typeof document > "u") return;
@@ -5130,7 +5136,7 @@ var Wi = {
 	processCollectedElements(e, t) {
 		this.options.convertLegacyTags && e.forEach((e) => {
 			if (e.isConnected) {
-				let n = U(e);
+				let n = z(e);
 				t.push(n);
 			}
 		}), t.forEach((e) => {
@@ -5148,30 +5154,30 @@ var Wi = {
 		t.includes("\xA0") && (e.textContent = t.replace(/\u00A0/g, " "));
 	}
 	isEmptyAndSafe(e) {
-		return e.textContent.length !== 0 || G.getInstance().isActivePlaceholder(e) ? !1 : !(this.options.preserveNode && Hi(this.options.preserveNode, e));
+		return e.textContent.length !== 0 || V.getInstance().isActivePlaceholder(e) ? !1 : !(this.options.preserveNode && Ji(this.options.preserveNode, e));
 	}
 	mergeWithAdjacent(e) {
 		let t = e.previousSibling;
-		if (t && Ri(t)) {
+		if (t && Wi(t)) {
 			this.mergeStrongNodes(t, e);
 			return;
 		}
 		let n = e.nextSibling;
-		n && Ri(n) && this.mergeStrongNodes(e, n);
+		n && Wi(n) && this.mergeStrongNodes(e, n);
 	}
 	mergeStrongNodes(e, t) {
-		let n = U(e), r = U(t);
+		let n = z(e), r = z(t);
 		for (; r.firstChild;) n.appendChild(r.firstChild);
 		r.remove();
 	}
 	static findScopeFromSelection(e) {
-		var t, r;
-		let i = (t = e == null ? void 0 : e.anchorNode) == null ? e == null ? void 0 : e.focusNode : t;
-		if (!i) return null;
-		let a = i.nodeType === Node.ELEMENT_NODE ? i : i.parentElement;
-		return a ? ((r = a.closest("[data-blok-component=\"paragraph\"]")) == null ? a.closest(v(n.elementContent)) : r) || a.closest(v(n.editor)) : null;
+		var t, n;
+		let r = (t = e == null ? void 0 : e.anchorNode) == null ? e == null ? void 0 : e.focusNode : t;
+		if (!r) return null;
+		let i = r.nodeType === Node.ELEMENT_NODE ? r : r.parentElement;
+		return i ? ((n = i.closest("[data-blok-component=\"paragraph\"]")) == null ? i.closest(y(v.elementContent)) : n) || i.closest(y(v.editor)) : null;
 	}
-}, Gi, Ki = class e {
+}, Zi, Qi = class e {
 	constructor() {
 		this.handlers = /* @__PURE__ */ new Map(), this.listenersRegistered = !1, this.handleSelectionChange = () => {
 			let e = this.getSelection();
@@ -5228,10 +5234,10 @@ var Wi = {
 		return !(t.meta && !n || t.ctrl && !e.ctrlKey);
 	}
 };
-Gi = Ki, Gi.instance = null;
+Zi = Qi, Zi.instance = null;
 //#endregion
 //#region src/components/inline-tools/utils/formatting-range-utils.ts
-var qi = (e, t) => {
+var $i = (e, t) => {
 	try {
 		return e.intersectsNode(t);
 	} catch (n) {
@@ -5240,26 +5246,26 @@ var qi = (e, t) => {
 		let i = e.compareBoundaryPoints(Range.END_TO_START, r) > 0, a = e.compareBoundaryPoints(Range.START_TO_END, r) < 0;
 		return i && a;
 	}
-}, Ji = (e) => {
+}, ea = (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) => qi(e, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT });
-}, q = (e, t, n) => !e || e === n ? null : e.nodeType === Node.ELEMENT_NODE && t(e) ? e : q(e.parentNode, t, n), Yi = (e, t) => q(e, t) !== null, Xi = (e, t, n = {}) => {
-	if (e.collapsed) return q(e.startContainer, t) !== null;
-	let r = Ji(e), i = [];
+	return document.createTreeWalker(r, NodeFilter.SHOW_TEXT, { acceptNode: (t) => $i(e, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT });
+}, U = (e, t, n) => !e || e === n ? null : e.nodeType === Node.ELEMENT_NODE && t(e) ? e : U(e.parentNode, t, n), ta = (e, t) => U(e, t) !== null, W = (e, t, n = {}) => {
+	if (e.collapsed) return U(e.startContainer, t) !== null;
+	let r = ea(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 ? q(e.startContainer, t) !== null : i.every((e) => Yi(e, t));
-}, J = (e, t) => {
-	let n = /* @__PURE__ */ new Set(), r = Ji(e);
+	return i.length === 0 ? U(e.startContainer, t) !== null : i.every((e) => ta(e, t));
+}, G = (e, t) => {
+	let n = /* @__PURE__ */ new Set(), r = ea(e);
 	for (; r.nextNode();) {
-		let e = q(r.currentNode, t);
+		let e = U(r.currentNode, t);
 		e && n.add(e);
 	}
 	return Array.from(n);
-}, Y, Zi = class e {
+}, K, na = class e {
 	static get sanitize() {
 		return {
 			strong: {},
@@ -5271,7 +5277,7 @@ var qi = (e, t) => {
 	}
 	static initializeGlobalListeners() {
 		if (typeof document > "u") return !1;
-		let t = Ki.getInstance();
+		let t = Qi.getInstance();
 		return t.hasHandler("bold") ? !0 : (t.register("bold", {
 			shortcut: {
 				key: "b",
@@ -5287,20 +5293,20 @@ var qi = (e, t) => {
 			onInput: (t, n) => {
 				e.refreshSelectionState("input");
 			},
-			onBeforeInput: (e) => e.inputType === "formatBold" ? (K.normalizeAroundSelection(window.getSelection()), !0) : !1,
+			onBeforeInput: (e) => e.inputType === "formatBold" ? (H.normalizeAroundSelection(window.getSelection()), !0) : !1,
 			isRelevant: (t) => e.isSelectionInsideBlok(t)
 		}), e.guardKeydownListenerRegistered || (document.addEventListener("keydown", (e) => {
-			G.getInstance().guardBoundaryKeydown(e);
+			V.getInstance().guardBoundaryKeydown(e);
 		}, !0), e.guardKeydownListenerRegistered = !0), e.ensureMutationObserver(), !0);
 	}
 	static mergeStrongNodes(e, t) {
-		let n = U(e), r = U(t);
+		let n = z(e), r = z(t);
 		for (; r.firstChild;) n.appendChild(r.firstChild);
 		return r.remove(), n;
 	}
 	render() {
 		return {
-			icon: i,
+			icon: o,
 			name: "bold",
 			onActivate: () => {
 				this.toggleBold();
@@ -5331,11 +5337,11 @@ var qi = (e, t) => {
 		r && n && (r.removeAllRanges(), r.addRange(n));
 		let i = this.findBoldElementFromRangeOrSelection(n, r);
 		if (!i) {
-			K.normalizeAroundSelection(r), this.notifySelectionChange();
+			H.normalizeAroundSelection(r), this.notifySelectionChange();
 			return;
 		}
 		let a = this.mergeAdjacentBold(i);
-		this.selectElementContents(a), K.normalizeAroundSelection(r), this.notifySelectionChange();
+		this.selectElementContents(a), H.normalizeAroundSelection(r), this.notifySelectionChange();
 	}
 	unwrapBoldTags(t) {
 		let n = this.collectBoldAncestors(t), r = window.getSelection();
@@ -5344,7 +5350,7 @@ var qi = (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 = H(i);
+			let e = R(i);
 			if (!e) break;
 			this.moveMarkerOutOfBold(i, e);
 		}
@@ -5352,8 +5358,8 @@ var qi = (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(), K.normalizeAroundSelection(r), n.forEach((e) => {
-			zi(e) && e.remove();
+		})() || r.removeAllRanges(), H.normalizeAroundSelection(r), n.forEach((e) => {
+			Gi(e) && e.remove();
 		}), this.notifySelectionChange();
 	}
 	replaceRangeWithHtml(t, n) {
@@ -5393,7 +5399,7 @@ var qi = (e, t) => {
 		n.selectNodeContents(e), t.removeAllRanges(), t.addRange(n);
 	}
 	isRangeBold(e, t) {
-		return Xi(e, V, t);
+		return W(e, L, t);
 	}
 	removeNestedBold(e) {
 		e.querySelectorAll("b,strong").forEach((e) => {
@@ -5410,42 +5416,42 @@ var qi = (e, t) => {
 		t.removeChild(e);
 	}
 	findBoldElementFromRangeOrSelection(e, t) {
-		return e ? H(e.startContainer) || H(e.commonAncestorContainer) || (e.startContainer.nodeType === Node.ELEMENT_NODE && V(e.startContainer) ? e.startContainer : null) : t ? H(t.focusNode) : null;
+		return e ? R(e.startContainer) || R(e.commonAncestorContainer) || (e.startContainer.nodeType === Node.ELEMENT_NODE && L(e.startContainer) ? e.startContainer : null) : t ? R(t.focusNode) : null;
 	}
 	mergeAdjacentBold(t) {
-		let n = U(t), r = n.previousSibling, i = r && r.nodeType === Node.ELEMENT_NODE && V(r) ? e.mergeStrongNodes(r, n) : n, a = i.nextSibling;
-		return a && a.nodeType === Node.ELEMENT_NODE && V(a) ? e.mergeStrongNodes(i, a) : i;
+		let n = z(t), r = n.previousSibling, i = r && r.nodeType === Node.ELEMENT_NODE && L(r) ? e.mergeStrongNodes(r, n) : n, a = i.nextSibling;
+		return a && a.nodeType === Node.ELEMENT_NODE && L(a) ? e.mergeStrongNodes(i, a) : i;
 	}
 	toggleCollapsedSelection() {
 		let t = window.getSelection();
 		if (!t || t.rangeCount === 0) return;
-		let n = t.getRangeAt(0), r = H(n.startContainer), i = (() => {
-			if (r && r.getAttribute(G.ATTR.COLLAPSED_ACTIVE) !== "true") return G.getInstance().exit(t, r);
+		let n = t.getRangeAt(0), r = R(n.startContainer), i = (() => {
+			if (r && r.getAttribute(V.ATTR.COLLAPSED_ACTIVE) !== "true") return V.getInstance().exit(t, r);
 			let i = r == null ? e.getBoundaryBold(n) : r;
-			return i ? G.getInstance().exit(t, i) : this.startCollapsedBold(n);
+			return i ? V.getInstance().exit(t, i) : this.startCollapsedBold(n);
 		})();
-		document.dispatchEvent(new Event("selectionchange")), i && (t.removeAllRanges(), t.addRange(i)), K.normalizeAroundSelection(t), this.notifySelectionChange();
+		document.dispatchEvent(new Event("selectionchange")), i && (t.removeAllRanges(), t.addRange(i)), H.normalizeAroundSelection(t), this.notifySelectionChange();
 	}
 	startCollapsedBold(e) {
-		let t = G.getInstance().enter(e, (e) => this.mergeAdjacentBold(e)), n = window.getSelection();
-		return K.normalizeAroundSelection(n), n && t && (n.removeAllRanges(), n.addRange(t)), this.notifySelectionChange(), t;
+		let t = V.getInstance().enter(e, (e) => this.mergeAdjacentBold(e)), n = window.getSelection();
+		return H.normalizeAroundSelection(n), n && t && (n.removeAllRanges(), n.addRange(t)), this.notifySelectionChange(), t;
 	}
 	notifySelectionChange() {
-		G.getInstance().enforceLengths(window.getSelection()), document.dispatchEvent(new Event("selectionchange")), this.updateToolbarButtonState();
+		V.getInstance().enforceLengths(window.getSelection()), document.dispatchEvent(new Event("selectionchange")), this.updateToolbarButtonState();
 	}
 	updateToolbarButtonState() {
 		let e = window.getSelection();
 		if (!e) return;
-		let t = e.anchorNode, r = (t == null ? void 0 : t.nodeType) === Node.ELEMENT_NODE ? t : t == null ? void 0 : t.parentElement, i = r == null ? void 0 : r.closest(v(n.editor));
-		if (!i) return;
-		let a = i.querySelector("[data-blok-testid=inline-toolbar]");
-		if (!(a instanceof HTMLElement)) return;
-		let o = a.querySelector("[data-blok-item-name=\"bold\"]");
-		o instanceof HTMLElement && (this.isSelectionVisuallyBold(e) ? o.setAttribute("data-blok-popover-item-active", "true") : o.removeAttribute("data-blok-popover-item-active"));
+		let t = e.anchorNode, n = (t == null ? void 0 : t.nodeType) === Node.ELEMENT_NODE ? t : t == null ? void 0 : t.parentElement, r = n == null ? void 0 : n.closest(y(v.editor));
+		if (!r) return;
+		let i = r.querySelector("[data-blok-testid=inline-toolbar]");
+		if (!(i instanceof HTMLElement)) return;
+		let a = i.querySelector("[data-blok-item-name=\"bold\"]");
+		a instanceof HTMLElement && (this.isSelectionVisuallyBold(e) ? a.setAttribute("data-blok-popover-item-active", "true") : a.removeAttribute("data-blok-popover-item-active"));
 	}
 	static refreshSelectionState(e) {
 		let t = window.getSelection();
-		G.getInstance().enforceLengths(t), G.getInstance().maintain(), G.getInstance().synchronize(t), K.normalizeAroundSelection(t, { normalizeWhitespace: !1 }), e === "input" && t && G.getInstance().moveCaretAfterBoundaryBold(t);
+		V.getInstance().enforceLengths(t), V.getInstance().maintain(), V.getInstance().synchronize(t), H.normalizeAroundSelection(t, { normalizeWhitespace: !1 }), e === "input" && t && V.getInstance().moveCaretAfterBoundaryBold(t);
 	}
 	static ensureMutationObserver() {
 		if (typeof MutationObserver > "u" || e.mutationObserver) return;
@@ -5454,7 +5460,7 @@ var qi = (e, t) => {
 				e.isProcessingMutation = !0;
 				try {
 					let n = (e) => {
-						e && new K({
+						e && new H({
 							mergeAdjacent: !1,
 							removeEmpty: !1,
 							normalizeWhitespace: !1
@@ -5478,7 +5484,7 @@ var qi = (e, t) => {
 	}
 	static findBlokScopeFromNode(e) {
 		let t = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
-		return !t || typeof t.closest != "function" ? null : t.closest(`${v(n.interface)}, ${v(n.editor)}`);
+		return !t || typeof t.closest != "function" ? null : t.closest(`${y(v.interface)}, ${y(v.editor)}`);
 	}
 	static getBoundaryBold(t) {
 		let n = t.startContainer;
@@ -5486,21 +5492,21 @@ var qi = (e, t) => {
 	}
 	static getBoundaryBoldForText(e, t) {
 		let n = t.textContent.length;
-		if (e.startOffset === n) return H(t);
+		if (e.startOffset === n) return R(t);
 		if (e.startOffset !== 0) return null;
 		let r = t.previousSibling;
-		return Ri(r) ? r : null;
+		return Wi(r) ? r : null;
 	}
 	static getBoundaryBoldForElement(e, t) {
 		if (e.startOffset <= 0) return null;
 		let n = t.childNodes[e.startOffset - 1];
-		return Ri(n) ? n : null;
+		return Wi(n) ? n : null;
 	}
 	static isSelectionInsideBlok(e) {
 		let t = e.anchorNode;
 		if (!t) return !1;
-		let r = t.nodeType === Node.ELEMENT_NODE ? t : t.parentElement;
-		return !!(r != null && r.closest(v(n.editor)));
+		let n = t.nodeType === Node.ELEMENT_NODE ? t : t.parentElement;
+		return !!(n != null && n.closest(y(v.editor)));
 	}
 	getRangeHtmlWithoutBold(e) {
 		let t = e.cloneContents();
@@ -5513,16 +5519,16 @@ var qi = (e, t) => {
 		return t.innerHTML = e, t.content;
 	}
 	collectBoldAncestors(e) {
-		return J(e, V);
+		return G(e, L);
 	}
 };
-Y = Zi, Y.isInline = !0, Y.title = "Bold", Y.titleKey = "bold", Y.markerSequence = 0, Y.isProcessingMutation = !1, Y.instances = /* @__PURE__ */ new Set(), Y.guardKeydownListenerRegistered = !1, Y.shortcut = "CMD+B";
+K = na, K.isInline = !0, K.title = "Bold", K.titleKey = "bold", K.markerSequence = 0, K.isProcessingMutation = !1, K.instances = /* @__PURE__ */ new Set(), K.guardKeydownListenerRegistered = !1, K.shortcut = "CMD+B";
 //#endregion
 //#region src/components/inline-tools/inline-tool-italic.ts
-var X, Qi = (e) => {
+var q, ra = (e) => {
 	let t = e.tagName;
 	return t === "I" || t === "EM";
-}, $i = class {
+}, ia = class {
 	static get sanitize() {
 		return {
 			i: {},
@@ -5531,7 +5537,7 @@ var X, Qi = (e) => {
 	}
 	render() {
 		return {
-			icon: s,
+			icon: u,
 			name: "italic",
 			onActivate: () => {
 				this.toggleItalic();
@@ -5571,7 +5577,7 @@ var X, Qi = (e) => {
 		return this.isRangeItalic(t, { ignoreWhitespace: !0 });
 	}
 	isRangeItalic(e, t) {
-		return Xi(e, Qi, t);
+		return W(e, ra, t);
 	}
 	wrapWithItalic(e) {
 		let t = this.getRangeHtmlWithoutItalic(e), n = this.replaceRangeWithHtml(e, `<i>${t}</i>`), r = window.getSelection();
@@ -5597,13 +5603,13 @@ var X, Qi = (e) => {
 		});
 	}
 	hasItalicParent(e) {
-		return Yi(e, Qi);
+		return ta(e, ra);
 	}
 	findItalicElement(e) {
-		return q(e, Qi);
+		return U(e, ra);
 	}
 	collectItalicAncestors(e) {
-		return J(e, Qi);
+		return G(e, ra);
 	}
 	getRangeHtmlWithoutItalic(e) {
 		let t = e.cloneContents();
@@ -5660,10 +5666,10 @@ var X, Qi = (e) => {
 		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-X = $i, X.isInline = !0, X.title = "Italic", X.titleKey = "italic", X.shortcut = "CMD+I";
+q = ia, q.isInline = !0, q.title = "Italic", q.titleKey = "italic", q.shortcut = "CMD+I";
 //#endregion
 //#region src/components/inline-tools/inline-tool-link.ts
-var Z, ea = "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", ta = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left pointer-events-none", na = class {
+var J, aa = "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", oa = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left pointer-events-none", sa = class {
 	static get sanitize() {
 		return { a: {
 			href: !0,
@@ -5683,17 +5689,17 @@ var Z, ea = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 			button: null
 		}, this.inputOpened = !1, this.unlinkAvailable = !1, this.handleButtonClick = (e) => {
 			!this.inputOpened || !this.unlinkAvailable || (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.restoreSelection(), this.unlink(), this.inlineToolbar.close());
-		}, this.toolbar = e.toolbar, this.inlineToolbar = e.inlineToolbar, this.notifier = e.notifier, this.i18n = e.i18n, this.selection = new o(), this.nodes.input = this.createInput(), this.nodes.suggestion = this.createSuggestion(), this.nodes.inputWrapper = document.createElement("div"), this.nodes.inputWrapper.append(this.nodes.input, this.nodes.suggestion);
+		}, this.toolbar = e.toolbar, this.inlineToolbar = e.inlineToolbar, this.notifier = e.notifier, this.i18n = e.i18n, this.selection = new _(), this.nodes.input = this.createInput(), this.nodes.suggestion = this.createSuggestion(), this.nodes.inputWrapper = document.createElement("div"), this.nodes.inputWrapper.append(this.nodes.input, this.nodes.suggestion);
 	}
 	render() {
 		return {
-			icon: d,
+			icon: h,
 			name: "link",
 			isActive: () => !!this.selection.findParentTag("A"),
 			children: {
 				hideChevron: !0,
 				items: [{
-					type: _.Html,
+					type: p.Html,
 					element: this.nodes.inputWrapper
 				}],
 				onOpen: () => {
@@ -5723,7 +5729,7 @@ var Z, ea = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 		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 = ea, n.setAttribute("data-link-suggestion-row", "");
+		n.type = "button", n.className = aa, 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");
@@ -5741,20 +5747,20 @@ var Z, ea = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 			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 ? ea : ta), 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 ? aa : oa), 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);
 	}
 	getLinkTypeInfo(e) {
 		return e.startsWith("mailto:") ? {
-			icon: ae,
+			icon: ue,
 			label: "Email address"
 		} : e.startsWith("#") ? {
-			icon: ee,
+			icon: ie,
 			label: "Jump to section"
 		} : {
-			icon: we,
+			icon: ke,
 			label: "Link to web page"
 		};
 	}
@@ -5779,7 +5785,7 @@ var Z, ea = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 			let e = t.getAttribute("href");
 			this.nodes.input.value = e === null ? "" : e;
 		} else this.nodes.input.value = "";
-		this.updateSuggestion(this.nodes.input.value), this.nodes.input.className = x(this.INPUT_BASE_CLASSES, "block"), this.setBooleanStateAttribute(this.nodes.input, this.DATA_ATTRIBUTES.inputOpened, !0), this.selection.setFakeBackground(), this.selection.save(), e && this.focusInputWithRetry(), this.inputOpened = !0;
+		this.updateSuggestion(this.nodes.input.value), this.nodes.input.className = S(this.INPUT_BASE_CLASSES, "block"), this.setBooleanStateAttribute(this.nodes.input, this.DATA_ATTRIBUTES.inputOpened, !0), this.selection.setFakeBackground(), this.selection.save(), e && this.focusInputWithRetry(), this.inputOpened = !0;
 	}
 	focusInputWithRetry() {
 		this.nodes.input && (this.nodes.input.focus(), !(typeof window > "u" || typeof document > "u") && window.setTimeout(() => {
@@ -5790,7 +5796,7 @@ var Z, ea = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 		}, 0));
 	}
 	getButtonElement() {
-		let e = document.querySelector(`${v(n.interface, te)} [data-blok-item-name="link"]`);
+		let e = document.querySelector(`${y(v.interface, i)} [data-blok-item-name="link"]`);
 		return e && e !== this.nodes.button && (e.addEventListener("click", this.handleButtonClick, !0), this.nodes.button = e), e;
 	}
 	updateButtonStateAttributes(e) {
@@ -5804,7 +5810,7 @@ var Z, ea = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 		(this.selection.isFakeBackgroundEnabled || e && this.selection.savedSelectionRange) && this.restoreSelection(), this.nodes.input && (this.nodes.input.className = this.INPUT_BASE_CLASSES, this.setBooleanStateAttribute(this.nodes.input, this.DATA_ATTRIBUTES.inputOpened, !1), this.nodes.input.value = "", (t = this.nodes.suggestion) == null || t.classList.add("hidden"), this.updateButtonStateAttributes(!1), this.unlinkAvailable = !1, e && this.selection.clearSaved(), this.inputOpened = !1);
 	}
 	restoreSelection() {
-		let e = new o(), t = o.isAtBlok;
+		let e = new _(), t = _.isAtBlok;
 		if (t && e.save(), this.selection.removeFakeBackground(), this.selection.restore(), !t && this.selection.savedSelectionRange) {
 			let e = this.selection.savedSelectionRange.commonAncestorContainer, t = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
 			t == null || t.focus();
@@ -5828,7 +5834,7 @@ var Z, ea = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 			this.notifier.show({
 				message: this.i18n.t("tools.link.invalidLink"),
 				style: "error"
-			}), qe("Incorrect Link pasted", "warn", t);
+			}), s("Incorrect Link pasted", "warn", t);
 			return;
 		}
 		let n = this.prepareLink(t);
@@ -5851,7 +5857,7 @@ var Z, ea = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 			this.selection.expandToTag(t), t.href = e, t.target = "_blank", t.rel = "nofollow";
 			return;
 		}
-		let n = o.range;
+		let n = _.range;
 		if (!n) return;
 		let r = document.createElement("a");
 		r.href = e, r.target = "_blank", r.rel = "nofollow", r.appendChild(n.extractContents()), n.insertNode(r), this.selection.expandToTag(r);
@@ -5870,13 +5876,13 @@ var Z, ea = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 		e && e.setAttribute(t, n ? "true" : "false");
 	}
 };
-Z = na, Z.isInline = !0, Z.title = "Link", Z.titleKey = "link", Z.shortcut = "CMD+K";
+J = sa, J.isInline = !0, J.title = "Link", J.titleKey = "link", J.shortcut = "CMD+K";
 //#endregion
 //#region src/components/inline-tools/utils/marker-dom-utils.ts
-var Q = (e) => e.tagName === "MARK", ra = (e) => q(e, Q), $, ia = {
+var Y = (e) => e.tagName === "MARK", ca = (e) => U(e, Y), X, la = {
 	color: "background-color",
 	"background-color": "color"
-}, aa = class e {
+}, ua = class e {
 	static get sanitize() {
 		return { mark: (t) => {
 			let n = t.style, r = Array.from({ length: n.length }, (e, t) => n.item(t));
@@ -5885,7 +5891,7 @@ var Q = (e) => e.tagName === "MARK", ra = (e) => q(e, Q), $, ia = {
 		} };
 	}
 	constructor({ api: e }) {
-		this.colorMode = "color", this.activeTextColor = null, this.activeBgColor = null, this.i18n = e.i18n, this.inlineToolbar = e.inlineToolbar, this.selection = new o(), this.picker = or({
+		this.colorMode = "color", this.activeTextColor = null, this.activeBgColor = null, this.i18n = e.i18n, this.inlineToolbar = e.inlineToolbar, this.selection = new _(), this.picker = sr({
 			i18n: this.i18n,
 			testIdPrefix: "marker",
 			modes: [{
@@ -5904,12 +5910,12 @@ var Q = (e) => e.tagName === "MARK", ra = (e) => q(e, Q), $, ia = {
 	}
 	render() {
 		return {
-			icon: se,
+			icon: fe,
 			name: "marker",
 			isActive: () => {
 				let e = window.getSelection();
 				if (!e || e.rangeCount === 0) return !1;
-				let t = e.getRangeAt(0), n = Xi(t, Q, { ignoreWhitespace: !0 });
+				let t = e.getRangeAt(0), n = W(t, Y, { ignoreWhitespace: !0 });
 				if (n) {
 					let e = this.detectBothSelectionColors(t);
 					this.updateToolbarColors(e.text, e.bg);
@@ -5919,7 +5925,7 @@ var Q = (e) => e.tagName === "MARK", ra = (e) => q(e, Q), $, ia = {
 			children: {
 				hideChevron: !0,
 				items: [{
-					type: _.Html,
+					type: p.Html,
 					element: this.picker.element
 				}],
 				onOpen: () => {
@@ -5960,10 +5966,10 @@ var Q = (e) => e.tagName === "MARK", ra = (e) => q(e, Q), $, ia = {
 		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 = J(i, Q);
+		let p = G(i, Y);
 		for (let t of p) {
 			t.style.removeProperty(e);
-			let n = ia[e], r = t.style.getPropertyValue(n);
+			let n = la[e], r = t.style.getPropertyValue(n);
 			r !== "" && r !== "transparent" ? this.ensureTransparentBg(t) : this.unwrapElement(t);
 		}
 		let m = a.isConnected, h = s.isConnected;
@@ -5991,7 +5997,7 @@ var Q = (e) => e.tagName === "MARK", ra = (e) => q(e, Q), $, ia = {
 		this.selection.removeFakeBackground(), this.selection.savedSelectionRange && this.selection.restore(), this.selection.clearSaved();
 	}
 	detectBothSelectionColors(e) {
-		let t = ra(e.startContainer);
+		let t = ca(e.startContainer);
 		if (!t) return {
 			text: null,
 			bg: null
@@ -6011,7 +6017,7 @@ var Q = (e) => e.tagName === "MARK", ra = (e) => q(e, Q), $, ia = {
 			text: null,
 			bg: null
 		};
-		let t = ra(e.getRangeAt(0).startContainer);
+		let t = ca(e.getRangeAt(0).startContainer);
 		if (!t) return {
 			text: null,
 			bg: null
@@ -6031,14 +6037,14 @@ var Q = (e) => e.tagName === "MARK", ra = (e) => q(e, Q), $, ia = {
 		this.selection.savedSelectionRange && (this.selection.removeFakeBackground(), this.selection.restore(), this.selection.clearSaved());
 	}
 	findContainingMark(e) {
-		let t = ra(e.startContainer), n = ra(e.endContainer);
+		let t = ca(e.startContainer), n = ca(e.endContainer);
 		return t && t === n ? t : null;
 	}
 	removeNestedMarkStyle(e, t) {
-		let n = J(e, Q);
+		let n = G(e, Y);
 		for (let e of n) {
 			e.style.removeProperty(t);
-			let n = ia[t], r = e.style.getPropertyValue(n);
+			let n = la[t], r = e.style.getPropertyValue(n);
 			r !== "" && r !== "transparent" ? this.ensureTransparentBg(e) : this.unwrapElement(e);
 		}
 	}
@@ -6069,7 +6075,7 @@ var Q = (e) => e.tagName === "MARK", ra = (e) => q(e, Q), $, ia = {
 		}
 	}
 	splitMarksAtBoundaries(e) {
-		let t = J(e, Q);
+		let t = G(e, Y);
 		for (let n of t) {
 			let t = document.createRange();
 			t.selectNodeContents(n);
@@ -6134,24 +6140,302 @@ var Q = (e) => e.tagName === "MARK", ra = (e) => q(e, Q), $, ia = {
 	}
 	resolveToVar(e, t) {
 		if (e.startsWith("var(")) return e;
-		let n = t === "color" ? "text" : "bg", r = ce(e, n);
-		return r === null ? e : Ye(r, n);
+		let n = t === "color" ? "text" : "bg", r = Qe(e, n);
+		return r === null ? e : a(r, n);
+	}
+};
+X = ua, X.isInline = !0, X.title = "Color", X.titleKey = "marker", X.shortcut = "CMD+SHIFT+H", X.ALLOWED_STYLE_PROPS = new Set(["color", "background-color"]);
+//#endregion
+//#region src/components/inline-tools/inline-tool-underline.ts
+var Z, da = (e) => e.tagName === "U", fa = class {
+	static get sanitize() {
+		return { u: {} };
+	}
+	render() {
+		return {
+			icon: Ne,
+			name: "underline",
+			onActivate: () => {
+				this.toggleUnderline();
+			},
+			isActive: () => {
+				let e = window.getSelection();
+				return e ? this.isSelectionVisuallyUnderline(e) : !1;
+			}
+		};
+	}
+	toggleUnderline() {
+		let e = window.getSelection();
+		if (!e || e.rangeCount === 0) return;
+		let t = e.getRangeAt(0);
+		if (t.collapsed) {
+			this.toggleCollapsedUnderline(t, e);
+			return;
+		}
+		this.isRangeUnderline(t, { ignoreWhitespace: !0 }) ? this.unwrapUnderlineTags(t) : this.wrapWithUnderline(t);
+	}
+	toggleCollapsedUnderline(e, t) {
+		if (this.isRangeUnderline(e, { ignoreWhitespace: !0 })) {
+			let n = document.createTextNode("​");
+			e.insertNode(n), e.selectNode(n), this.unwrapUnderlineTags(e);
+			let r = document.createRange();
+			r.setStart(n, 1), r.setEnd(n, 1), t.removeAllRanges(), t.addRange(r);
+		} else {
+			let n = document.createElement("u"), r = document.createTextNode("​");
+			n.appendChild(r), e.insertNode(n);
+			let i = document.createRange();
+			i.setStart(r, 1), i.setEnd(r, 1), t.removeAllRanges(), t.addRange(i);
+		}
+	}
+	isSelectionVisuallyUnderline(e) {
+		if (e.rangeCount === 0) return !1;
+		let t = e.getRangeAt(0);
+		return this.isRangeUnderline(t, { ignoreWhitespace: !0 });
+	}
+	isRangeUnderline(e, t) {
+		return W(e, da, t);
+	}
+	wrapWithUnderline(e) {
+		let t = this.getRangeHtmlWithoutUnderline(e), n = this.replaceRangeWithHtml(e, `<u>${t}</u>`), r = window.getSelection();
+		r && n && (r.removeAllRanges(), r.addRange(n));
+	}
+	unwrapUnderlineTags(e) {
+		let t = this.collectUnderlineAncestors(e), n = window.getSelection();
+		if (!n) return;
+		let r = document.createElement("span"), i = e.extractContents();
+		r.appendChild(i), this.removeNestedUnderline(r), e.insertNode(r);
+		let a = document.createRange();
+		for (a.selectNodeContents(r), n.removeAllRanges(), n.addRange(a);;) {
+			let e = this.findUnderlineElement(r);
+			if (!e) break;
+			this.moveMarkerOutOfUnderline(r, e);
+		}
+		let o = r.firstChild, s = r.lastChild;
+		this.unwrapElement(r), o && s && (() => {
+			let e = document.createRange();
+			return e.setStartBefore(o), e.setEndAfter(s), n.removeAllRanges(), n.addRange(e), e;
+		})() || n.removeAllRanges(), t.forEach((e) => {
+			e.textContent.length === 0 && e.remove();
+		});
+	}
+	hasUnderlineParent(e) {
+		return ta(e, da);
+	}
+	findUnderlineElement(e) {
+		return U(e, da);
+	}
+	collectUnderlineAncestors(e) {
+		return G(e, da);
+	}
+	getRangeHtmlWithoutUnderline(e) {
+		let t = e.cloneContents();
+		this.removeNestedUnderline(t);
+		let n = document.createElement("div");
+		return n.appendChild(t), n.innerHTML;
+	}
+	removeNestedUnderline(e) {
+		e.querySelectorAll("u").forEach((e) => {
+			this.unwrapElement(e);
+		});
+	}
+	unwrapElement(e) {
+		let t = e.parentNode;
+		if (!t) {
+			e.remove();
+			return;
+		}
+		for (; e.firstChild;) t.insertBefore(e.firstChild, e);
+		t.removeChild(e);
+	}
+	replaceRangeWithHtml(e, t) {
+		var n, r;
+		let i = this.createFragmentFromHtml(t), a = (n = i.firstChild) == null ? null : n, o = (r = i.lastChild) == null ? null : r;
+		if (e.deleteContents(), !a || !o) return;
+		e.insertNode(i);
+		let s = document.createRange();
+		return s.setStartBefore(a), s.setEndAfter(o), s;
+	}
+	createFragmentFromHtml(e) {
+		let t = document.createElement("template");
+		return t.innerHTML = e, t.content;
+	}
+	moveMarkerOutOfUnderline(e, t) {
+		let n = t.parentNode;
+		if (!n) return;
+		if (Array.from(t.childNodes).forEach((e) => {
+			var t;
+			e.nodeType === Node.TEXT_NODE && ((t = e.textContent) == null ? "" : t).length === 0 && e.remove();
+		}), t.childNodes.length === 1 && t.firstChild === e) {
+			t.replaceWith(e);
+			return;
+		}
+		if (t.firstChild === e) {
+			n.insertBefore(e, t);
+			return;
+		}
+		if (t.lastChild === e) {
+			n.insertBefore(e, t.nextSibling);
+			return;
+		}
+		let r = t.cloneNode(!1);
+		for (; e.nextSibling;) r.appendChild(e.nextSibling);
+		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
+	}
+};
+Z = fa, Z.isInline = !0, Z.title = "Underline", Z.titleKey = "underline", Z.shortcut = "CMD+U";
+//#endregion
+//#region src/components/inline-tools/inline-tool-strikethrough.ts
+var Q, $ = (e) => e.tagName === "S", pa = class {
+	static get sanitize() {
+		return { s: {} };
+	}
+	render() {
+		return {
+			icon: Je,
+			name: "strikethrough",
+			onActivate: () => {
+				this.toggleStrikethrough();
+			},
+			isActive: () => {
+				let e = window.getSelection();
+				return e ? this.isSelectionVisuallyStrikethrough(e) : !1;
+			}
+		};
+	}
+	toggleStrikethrough() {
+		let e = window.getSelection();
+		if (!e || e.rangeCount === 0) return;
+		let t = e.getRangeAt(0);
+		if (t.collapsed) {
+			this.toggleCollapsedStrikethrough(t, e);
+			return;
+		}
+		this.isRangeStrikethrough(t, { ignoreWhitespace: !0 }) ? this.unwrapStrikethroughTags(t) : this.wrapWithStrikethrough(t);
+	}
+	toggleCollapsedStrikethrough(e, t) {
+		if (this.isRangeStrikethrough(e, { ignoreWhitespace: !0 })) {
+			let n = document.createTextNode("​");
+			e.insertNode(n), e.selectNode(n), this.unwrapStrikethroughTags(e);
+			let r = document.createRange();
+			r.setStart(n, 1), r.setEnd(n, 1), t.removeAllRanges(), t.addRange(r);
+		} else {
+			let n = document.createElement("s"), r = document.createTextNode("​");
+			n.appendChild(r), e.insertNode(n);
+			let i = document.createRange();
+			i.setStart(r, 1), i.setEnd(r, 1), t.removeAllRanges(), t.addRange(i);
+		}
+	}
+	isSelectionVisuallyStrikethrough(e) {
+		if (e.rangeCount === 0) return !1;
+		let t = e.getRangeAt(0);
+		return this.isRangeStrikethrough(t, { ignoreWhitespace: !0 });
+	}
+	isRangeStrikethrough(e, t) {
+		return W(e, $, t);
+	}
+	wrapWithStrikethrough(e) {
+		let t = this.getRangeHtmlWithoutStrikethrough(e), n = this.replaceRangeWithHtml(e, `<s>${t}</s>`), r = window.getSelection();
+		r && n && (r.removeAllRanges(), r.addRange(n));
+	}
+	unwrapStrikethroughTags(e) {
+		let t = this.collectStrikethroughAncestors(e), n = window.getSelection();
+		if (!n) return;
+		let r = document.createElement("span"), i = e.extractContents();
+		r.appendChild(i), this.removeNestedStrikethrough(r), e.insertNode(r);
+		let a = document.createRange();
+		for (a.selectNodeContents(r), n.removeAllRanges(), n.addRange(a);;) {
+			let e = this.findStrikethroughElement(r);
+			if (!e) break;
+			this.moveMarkerOutOfStrikethrough(r, e);
+		}
+		let o = r.firstChild, s = r.lastChild;
+		this.unwrapElement(r), o && s && (() => {
+			let e = document.createRange();
+			return e.setStartBefore(o), e.setEndAfter(s), n.removeAllRanges(), n.addRange(e), e;
+		})() || n.removeAllRanges(), t.forEach((e) => {
+			e.textContent.length === 0 && e.remove();
+		});
+	}
+	hasStrikethroughParent(e) {
+		return ta(e, $);
+	}
+	findStrikethroughElement(e) {
+		return U(e, $);
+	}
+	collectStrikethroughAncestors(e) {
+		return G(e, $);
+	}
+	getRangeHtmlWithoutStrikethrough(e) {
+		let t = e.cloneContents();
+		this.removeNestedStrikethrough(t);
+		let n = document.createElement("div");
+		return n.appendChild(t), n.innerHTML;
+	}
+	removeNestedStrikethrough(e) {
+		e.querySelectorAll("s").forEach((e) => {
+			this.unwrapElement(e);
+		});
+	}
+	unwrapElement(e) {
+		let t = e.parentNode;
+		if (!t) {
+			e.remove();
+			return;
+		}
+		for (; e.firstChild;) t.insertBefore(e.firstChild, e);
+		t.removeChild(e);
+	}
+	replaceRangeWithHtml(e, t) {
+		var n, r;
+		let i = this.createFragmentFromHtml(t), a = (n = i.firstChild) == null ? null : n, o = (r = i.lastChild) == null ? null : r;
+		if (e.deleteContents(), !a || !o) return;
+		e.insertNode(i);
+		let s = document.createRange();
+		return s.setStartBefore(a), s.setEndAfter(o), s;
+	}
+	createFragmentFromHtml(e) {
+		let t = document.createElement("template");
+		return t.innerHTML = e, t.content;
+	}
+	moveMarkerOutOfStrikethrough(e, t) {
+		let n = t.parentNode;
+		if (!n) return;
+		if (Array.from(t.childNodes).forEach((e) => {
+			var t;
+			e.nodeType === Node.TEXT_NODE && ((t = e.textContent) == null ? "" : t).length === 0 && e.remove();
+		}), t.childNodes.length === 1 && t.firstChild === e) {
+			t.replaceWith(e);
+			return;
+		}
+		if (t.firstChild === e) {
+			n.insertBefore(e, t);
+			return;
+		}
+		if (t.lastChild === e) {
+			n.insertBefore(e, t.nextSibling);
+			return;
+		}
+		let r = t.cloneNode(!1);
+		for (; e.nextSibling;) r.appendChild(e.nextSibling);
+		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-$ = aa, $.isInline = !0, $.title = "Color", $.titleKey = "marker", $.shortcut = "CMD+SHIFT+H", $.ALLOWED_STYLE_PROPS = new Set(["color", "background-color"]);
+Q = pa, Q.isInline = !0, Q.title = "Strikethrough", Q.titleKey = "strikethrough", Q.shortcut = "CMD+SHIFT+S";
 //#endregion
 //#region src/tools/index.ts
-var oa = {
+var ma = {
 	paragraph: { preserveBlank: !0 },
 	header: {},
 	list: {},
 	table: {},
 	toggle: {}
-}, sa = {
+}, ha = {
 	bold: {},
 	italic: {},
 	link: {},
-	marker: {}
+	marker: {},
+	underline: {},
+	strikethrough: {}
 };
 //#endregion
-export { $i as a, Mi as c, lt as d, na as i, Vn as l, sa as n, Zi as o, aa as r, Li as s, oa as t, Ct as u };
+export { ua as a, na as c, Hn as d, wt as f, fa as i, Ui as l, ha as n, sa as o, ut as p, pa as r, ia as s, ma as t, Ri as u };