@jackuait/blok 0.7.2 → 0.7.3-beta.2

package/dist/chunks/{tools-rsbC2UUN.mjs → tools-CUIpIxxP.mjs}

@@ -1,8 +1,8 @@
-import { $ as e, A as t, At as n, B as r, D as i, Dn as a, Dt as o, En as s, F as c, Ft as l, G as u, H as d, I as f, J as p, K as m, L as h, M as g, N as ee, P as te, Pt as ne, Q as re, R as ie, Tt as ae, U as oe, V as se, W as ce, X as le, Xt as ue, _t as de, a as fe, bn as pe, bt as me, c as he, ct as ge, d as _e, dt as ve, et as ye, f as be, ft as xe, g as Se, gt as Ce, h as we, ht as Te, i as Ee, it as De, j as Oe, jt as _, k as ke, l as Ae, lt as je, mt as Me, n as Ne, nt as Pe, o as Fe, p as Ie, pt as Le, q as Re, r as ze, rt as Be, s as Ve, t as He, tt as Ue, u as v, ut as We, v as Ge, wt as Ke, z as qe } from "./constants-BkelccB1.mjs";
-import { t as y } from "./objectSpread2-CyPxu8-u.mjs";
-import { n as b } from "./tw-DmW6-pCY.mjs";
+import { $ as e, A as t, B as n, Ct as r, D as i, F as a, G as o, H as s, I as c, J as l, Jt as u, K as d, L as f, M as p, Mt as m, N as h, Nt as g, Ot as _, P as ee, Q as te, R as ne, St as re, Tn as v, Tt as ie, U as ae, V as oe, W as se, X as ce, a as le, c as ue, ct as de, d as fe, dt as pe, et as me, f as he, ft as ge, g as _e, h as ve, ht as ye, i as be, it as xe, j as Se, k as Ce, kt as y, l as we, lt as Te, mt as Ee, n as De, nt as Oe, o as ke, ot as Ae, p as je, pt as Me, q as Ne, r as Pe, rt as Fe, s as Ie, st as Le, t as Re, tt as ze, u as b, ut as Be, v as Ve, vn as He, vt as Ue, wn as x, z as We } from "./constants-DWpV4hCh.mjs";
+import { t as S } from "./objectSpread2-CyPxu8-u.mjs";
+import { n as C } from "./tw-DmW6-pCY.mjs";
 //#region src/components/utils/html.ts
-var Je = (e) => {
+var Ge = (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 Je = (e) => {
 			t.removeChild(e);
 		}
 	}), t.innerHTML;
-}, x = [
+}, w = [
 	"empty:before:pointer-events-none",
 	"empty:before:text-gray-text",
 	"empty:before:cursor-text",
@@ -21,7 +21,7 @@ var Je = (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)]"
-], Ye = [
+], Ke = [
 	"empty:before:pointer-events-none",
 	"empty:before:text-gray-text",
 	"empty:before:cursor-text",
@@ -30,7 +30,7 @@ var Je = (e) => {
 	"data-[empty=true]:before:text-gray-text",
 	"data-[empty=true]:before:cursor-text",
 	"data-[empty=true]:before:content-[attr(data-blok-placeholder-active)]"
-], Xe = [
+], qe = [
 	"empty:focus:before:pointer-events-none",
 	"empty:focus:before:text-gray-text",
 	"empty:focus:before:cursor-text",
@@ -39,7 +39,7 @@ var Je = (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)]"
-], Ze = [
+], Je = [
 	"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 Je = (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)]"
-], Qe = (e) => {
+], Ye = (e) => {
 	let t = e.innerHTML.trim();
 	return t === "" || t === "<br>";
-}, $e = (e) => {
+}, Xe = (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);
-}, et = (e) => {
-	Qe(e) && $e(e);
-}, S = (e, t, n = "data-placeholder") => {
-	e.setAttribute(n, t == null ? "" : t), e.addEventListener("focus", () => et(e));
-}, tt, nt = (e) => {
+}, Ze = (e) => {
+	Ye(e) && Xe(e);
+}, Qe = (e, t, n = "data-placeholder") => {
+	e.setAttribute(n, t == null ? "" : t), e.addEventListener("focus", () => Ze(e));
+}, $e, et = (e) => {
 	let t = document.createElement("div");
 	t.innerHTML = e.trim();
 	let n = document.createDocumentFragment();
 	return n.append(...Array.from(t.childNodes)), n;
-}, rt = class t {
+}, tt = class t {
 	static get DEFAULT_PLACEHOLDER() {
 		return "tools.paragraph.placeholder";
 	}
@@ -85,9 +85,9 @@ var Je = (e) => {
 	}
 	drawView() {
 		let e = document.createElement("DIV");
-		e.className = b(this.api.styles.block, t.WRAPPER_CLASSES, Xe, Ze), e.setAttribute(s.tool, "paragraph"), e.contentEditable = "false";
+		e.className = C(this.api.styles.block, t.WRAPPER_CLASSES, qe, Je), e.setAttribute(x.tool, "paragraph"), e.contentEditable = "false";
 		let n = this.buildInlineStyles();
-		return Object.keys(n).length > 0 && Object.assign(e.style, n), this._data.text ? e.innerHTML = this._data.text : this.readOnly && (e.innerHTML = "<br>"), this.readOnly || (e.contentEditable = "true", e.addEventListener("keyup", this.onKeyUp), S(e, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), e;
+		return Object.keys(n).length > 0 && Object.assign(e.style, n), this._data.text ? e.innerHTML = this._data.text : this.readOnly && (e.innerHTML = "<br>"), this.readOnly || (e.contentEditable = "true", e.addEventListener("keyup", this.onKeyUp), Qe(e, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), e;
 	}
 	render() {
 		return this._element = this.drawView(), this._element;
@@ -95,14 +95,14 @@ var Je = (e) => {
 	merge(e) {
 		if (!this._element) return;
 		this._data.text += e.text;
-		let t = nt(e.text);
+		let t = et(e.text);
 		this._element.appendChild(t), this._element.normalize();
 	}
 	validate(e) {
 		return !(e.text.trim() === "" && !this._preserveBlank);
 	}
 	save(e) {
-		return { text: Je(e.innerHTML) };
+		return { text: Ge(e.innerHTML) };
 	}
 	onPaste(e) {
 		let t = e.detail;
@@ -145,7 +145,7 @@ var Je = (e) => {
 		};
 	}
 };
-tt = rt, tt.WRAPPER_CLASSES = [
+$e = tt, $e.WRAPPER_CLASSES = [
 	"leading-[1.6em]",
 	"outline-hidden",
 	"mt-[2px]",
@@ -155,54 +155,54 @@ tt = rt, tt.WRAPPER_CLASSES = [
 ];
 //#endregion
 //#region src/tools/toggle/dom-builder.ts
-var it = (e) => {
-	let { data: t, readOnly: n, isOpen: r, keydownHandler: i, onArrowClick: a, onBodyPlaceholderClick: o } = e, c = document.createElement("div");
-	c.className = fe, c.setAttribute(s.tool, Ie), c.setAttribute(v.toggleOpen, String(r));
-	let l = document.createElement("div");
-	l.className = be;
-	let u = at(r, a, {}, e.ariaLabels), d = st(t, n, i);
-	l.appendChild(u), l.appendChild(d);
-	let f = ot(o, e.bodyPlaceholderText), p = document.createElement("div");
-	return p.className = _e, p.setAttribute(v.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 nt = (e) => {
+	let { data: t, readOnly: n, isOpen: r, keydownHandler: i, onArrowClick: a, onBodyPlaceholderClick: o } = e, s = document.createElement("div");
+	s.className = le, s.setAttribute(x.tool, je), s.setAttribute(b.toggleOpen, String(r));
+	let c = document.createElement("div");
+	c.className = he;
+	let l = rt(r, a, {}, e.ariaLabels), u = at(t, n, i);
+	c.appendChild(l), c.appendChild(u);
+	let d = it(o, e.bodyPlaceholderText), f = document.createElement("div");
+	return f.className = fe, 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
 	};
-}, at = (e, t, n = {}, r = {
+}, rt = (e, t, n = {}, r = {
 	collapse: "Collapse",
 	expand: "Expand"
 }) => {
 	let i = document.createElement("span");
-	i.className = Ee, i.setAttribute(v.toggleArrow, ""), i.setAttribute(s.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 = ze;
+	i.className = be, i.setAttribute(b.toggleArrow, ""), i.setAttribute(x.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 = Pe;
 	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();
 	}), i.addEventListener("keydown", (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), t());
 	})), i;
-}, ot = (e, t) => {
+}, it = (e, t) => {
 	let n = document.createElement("div");
-	return n.className = Ve, n.setAttribute(v.toggleBodyPlaceholder, ""), n.setAttribute("data-blok-mutation-free", "true"), n.textContent = t, e && n.addEventListener("click", e), n;
-}, st = (e, t, n) => {
+	return n.className = Ie, n.setAttribute(b.toggleBodyPlaceholder, ""), n.setAttribute("data-blok-mutation-free", "true"), n.textContent = t, e && n.addEventListener("click", e), n;
+}, at = (e, t, n) => {
 	let r = document.createElement("div");
-	return r.className = b(he, Ye, Ze), r.setAttribute(v.toggleContent, ""), r.contentEditable = t ? "false" : "true", r.innerHTML = e.text, n && r.addEventListener("keydown", n), r;
-}, ct = (e) => {
-	let t = it(e);
-	return t.contentElement && S(t.contentElement, e.placeholder, "data-blok-placeholder-active"), t;
-}, C = (e, t, n, r = {
+	return r.className = C(ue, Ke, Je), r.setAttribute(b.toggleContent, ""), r.contentEditable = t ? "false" : "true", r.innerHTML = e.text, n && r.addEventListener("keydown", n), r;
+}, ot = (e) => {
+	let t = nt(e);
+	return t.contentElement && Qe(t.contentElement, e.placeholder, "data-blok-placeholder-active"), t;
+}, T = (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(v.toggleOpen, String(n));
-}, lt = (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));
+}, st = (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"));
-}, ut = (e, t, n, r, i) => {
+}, ct = (e, t, n, r, i) => {
 	if (e === null) return;
 	if (i) {
 		e.classList.add("hidden");
@@ -210,27 +210,27 @@ var it = (e) => {
 	}
 	let a = t.blocks.getChildren(n);
 	r && a.length === 0 ? e.classList.remove("hidden") : e.classList.add("hidden");
-}, dt = async (e) => {
+}, lt = 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 } = pt(c, l.getRangeAt(0)), f = (t = n.blocks.getBlockIndex(r)) == null ? n.blocks.getCurrentBlockIndex() : t;
+	let { beforeContent: u, afterContent: d } = dt(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 }, Ie, { text: d }, f + 1), i.text = u;
-}, ft = async (e, t) => {
+	n.blocks.splitBlock(r, { text: u }, je, { text: d }, f + 1), i.text = u;
+}, ut = 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 || !me(s)) return;
+	if (!s || !Ue(s)) return;
 	let c = i.text;
 	c === "" && (t.preventDefault(), await n.blocks.convert(r, "paragraph", { text: c }));
-}, pt = (e, t) => {
+}, dt = (e, t) => {
 	if (!e.lastChild) return {
 		beforeContent: "",
 		afterContent: ""
@@ -246,13 +246,13 @@ var it = (e) => {
 		beforeContent: i.innerHTML,
 		afterContent: a.innerHTML
 	};
-}, mt = async (e) => {
+}, ft = 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 } = pt(c, l.getRangeAt(0)), f = (t = n.blocks.getBlockIndex(r)) == null ? n.blocks.getCurrentBlockIndex() : t;
+	let { beforeContent: u, afterContent: d } = dt(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 it = (e) => {
 		level: s,
 		isToggleable: !0
 	}, f + 1);
-}, ht = async (e, t) => {
+}, pt = 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 || !me(c)) return;
+	if (!c || !Ue(c)) return;
 	let l = i();
 	l === "" && (t.preventDefault(), await n.blocks.convert(r, "header", {
 		text: l,
 		level: s
 	}));
-}, gt, _t = class e {
+}, mt, ht = 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 it = (e) => {
 				e.preventDefault(), this.handleEnter();
 				return;
 			}
-			e.key === "Backspace" && ht(this.createKeyboardContext(), e);
+			e.key === "Backspace" && pt(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 it = (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(`[${v.toggleArrow}]`);
+			let t = e.querySelector(`[${b.toggleArrow}]`);
 			t && (t.remove(), r.text = e.innerHTML);
 		}
 		return r;
@@ -326,13 +326,13 @@ var it = (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 && T(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 && T(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 it = (e) => {
 	merge(e) {
 		let t = document.createElement("div");
 		t.innerHTML = e.text;
-		let n = t.querySelector(`[${v.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 && T(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 it = (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(v.toggleOpen, String(this._isOpen)), this._element.className = b(e.BASE_STYLES, this.currentLevel.styles, x, "pl-8"), !this._wrapper) this.createToggleWrapper();
-			else if (!this._wrapper.querySelector(`[${v.toggleArrow}]`)) {
+			if (this._element.setAttribute(b.toggleOpen, String(this._isOpen)), this._element.className = C(e.BASE_STYLES, this.currentLevel.styles, w, "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(v.toggleOpen), this._element.className = b(e.BASE_STYLES, this.currentLevel.styles, x), this._arrowElement = null, this._wrapper) {
+		} else if (this._element.removeAttribute(b.toggleOpen), this._element.className = C(e.BASE_STYLES, this.currentLevel.styles, w), 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 it = (e) => {
 	}
 	getTag() {
 		let t = document.createElement(this.currentLevel.tag);
-		t.innerHTML = this._data.text || "", t.className = b(e.BASE_STYLES, this.currentLevel.styles, x, this._data.isToggleable ? "pl-8" : "");
+		t.innerHTML = this._data.text || "", t.className = C(e.BASE_STYLES, this.currentLevel.styles, w, this._data.isToggleable ? "pl-8" : "");
 		let { inlineStyles: n } = this.currentLevel;
-		n && Object.assign(t.style, n), t.setAttribute(s.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this._data.isToggleable && t.setAttribute(v.toggleOpen, String(this._isOpen));
+		n && Object.assign(t.style, n), t.setAttribute(x.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) : S(t, i), !this.readOnly && this._data.isToggleable && t.addEventListener("keydown", this.handleKeyDown), t;
+		return this.readOnly ? t.setAttribute("data-placeholder", i) : Qe(t, i), !this.readOnly && this._data.isToggleable && t.addEventListener("keydown", this.handleKeyDown), t;
 	}
 	buildArrow() {
-		let e = at(this._isOpen, this.readOnly ? null : () => this.toggleOpen(), {}, {
+		let e = rt(this._isOpen, this.readOnly ? null : () => this.toggleOpen(), {}, {
 			collapse: this.api.i18n.t("tools.toggle.ariaLabelCollapse"),
 			expand: this.api.i18n.t("tools.toggle.ariaLabelExpand")
 		});
@@ -441,9 +441,9 @@ var it = (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 = Ve, r.setAttribute(v.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 = Ie, 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 = _e, i.setAttribute(v.toggleChildren, ""), i.setAttribute("data-blok-mutation-free", "true"), this._childContainerElement = i, e.appendChild(i), e;
+		return i.className = fe, 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 it = (e) => {
 	}
 	async handleEnter() {
 		var e = this;
-		await mt(e.createKeyboardContext()), e.updateChildrenVisibility(), e.updateBodyPlaceholderVisibility();
+		await ft(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 && T(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 && lt(this.api, this.blockId, this._isOpen, this._childContainerElement, this._arrowElement);
+		this.blockId !== void 0 && st(this.api, this.blockId, this._isOpen, this._childContainerElement, this._arrowElement);
 	}
 	updateBodyPlaceholderVisibility() {
-		this.blockId !== void 0 && ut(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly);
+		this.blockId !== void 0 && ct(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly);
 	}
 	handleBodyPlaceholderClick() {
 		var e;
@@ -558,9 +558,9 @@ var it = (e) => {
 			],
 			shortcut: "#".repeat(e.number)
 		})), n = {
-			1: ye,
-			2: Ue,
-			3: Pe
+			1: me,
+			2: ze,
+			3: Oe
 		}, 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 it = (e) => {
 		return [...t, ...r];
 	}
 };
-gt = _t, gt.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!", gt.DEFAULT_LEVELS = [
+mt = ht, mt.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!", mt.DEFAULT_LEVELS = [
 	{
 		number: 1,
 		tag: "H1",
 		nameKey: "tools.header.heading1",
 		name: "Heading 1",
-		icon: Oe,
+		icon: Se,
 		styles: "text-4xl font-bold mt-8 mb-1"
 	},
 	{
@@ -595,7 +595,7 @@ gt = _t, gt.BASE_STYLES = "py-[3px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H2",
 		nameKey: "tools.header.heading2",
 		name: "Heading 2",
-		icon: g,
+		icon: p,
 		styles: "text-3xl font-semibold mt-6 mb-px"
 	},
 	{
@@ -603,7 +603,7 @@ gt = _t, gt.BASE_STYLES = "py-[3px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H3",
 		nameKey: "tools.header.heading3",
 		name: "Heading 3",
-		icon: ee,
+		icon: h,
 		styles: "text-2xl font-semibold mt-4 mb-px"
 	},
 	{
@@ -611,7 +611,7 @@ gt = _t, gt.BASE_STYLES = "py-[3px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H4",
 		nameKey: "tools.header.heading4",
 		name: "Heading 4",
-		icon: te,
+		icon: ee,
 		styles: "text-xl font-semibold mt-3 mb-px"
 	},
 	{
@@ -619,7 +619,7 @@ gt = _t, gt.BASE_STYLES = "py-[3px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H5",
 		nameKey: "tools.header.heading5",
 		name: "Heading 5",
-		icon: c,
+		icon: a,
 		styles: "text-base font-semibold mt-3 mb-px"
 	},
 	{
@@ -627,16 +627,16 @@ gt = _t, gt.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: c,
 		styles: "text-sm font-semibold mt-3 mb-px"
 	}
 ];
 //#endregion
 //#region src/tools/list/constants.ts
-var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 leading-[1.6em]", bt = "flex items-start pl-0.5", xt = "mt-1 w-4 mr-2 h-4 cursor-pointer accent-current", St = "tools.list.placeholder", Ct = "list", wt = {
+var gt = "outline-hidden py-[3px] mt-[2px] mb-px", _t = "outline-hidden pl-0.5 leading-[1.6em]", vt = "flex items-start pl-0.5", yt = "mt-1 w-4 mr-2 h-4 cursor-pointer accent-current", bt = "tools.list.placeholder", xt = "list", St = {
 	contentContainer: "list-content-container",
 	checklistContent: "list-checklist-content"
-}, Tt = (e, t) => {
+}, Ct = (e, t) => {
 	let n = e;
 	n._placeholder = t, Object.defineProperty(n, "getPlaceholder", {
 		value: () => n._placeholder,
@@ -644,8 +644,8 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		enumerable: !0,
 		configurable: !1
 	});
-}, Et = (e) => {
-	let { data: t, keydownHandler: n, readOnly: r } = e, i = Dt(e), a = t.style === "checklist" ? kt(e) : Ot(e);
+}, wt = (e) => {
+	let { data: t, keydownHandler: n, readOnly: r } = e, i = Tt(e), a = t.style === "checklist" ? Dt(e) : Et(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,46 +654,46 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		markerElement: o,
 		checkboxElement: s
 	};
-}, Dt = (e) => {
+}, Tt = (e) => {
 	var t;
 	let { data: n } = e, r = document.createElement("div");
-	return r.className = vt, r.setAttribute(s.tool, Ct), 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;
-}, Ot = (e) => {
+	return r.className = gt, r.setAttribute(x.tool, xt), 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;
+}, Et = (e) => {
 	var t;
 	let { data: n, itemColor: r, itemSize: i, placeholder: a } = e, o = document.createElement("div");
-	o.setAttribute("role", "listitem"), o.className = b(yt, "flex", ...x), r && (o.style.color = r), i && (o.style.fontSize = i);
+	o.setAttribute("role", "listitem"), o.className = C(_t, "flex", ...w), r && (o.style.color = r), i && (o.style.fontSize = i);
 	let s = (t = n.depth) == null ? 0 : t;
 	s > 0 && (o.style.marginLeft = `${s * 24}px`);
-	let c = At(n.style, s);
+	let c = Ot(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 = b("flex-1 min-w-0 outline-hidden", ...x), l.setAttribute("data-blok-testid", wt.contentContainer), l.contentEditable = e.readOnly ? "false" : "true", l.innerHTML = n.text, Tt(l, a), o.appendChild(l), o;
-}, kt = (e) => {
+	return l.className = C("flex-1 min-w-0 outline-hidden", ...w), l.setAttribute("data-blok-testid", St.contentContainer), l.contentEditable = e.readOnly ? "false" : "true", l.innerHTML = n.text, Ct(l, a), o.appendChild(l), o;
+}, Dt = (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 = bt, r && (s.style.color = r), i && (s.style.fontSize = i);
+	s.setAttribute("role", "listitem"), s.className = vt, r && (s.style.color = r), i && (s.style.fontSize = i);
 	let c = (t = n.depth) == null ? 0 : t;
 	c > 0 && (s.style.marginLeft = `${c * 24}px`);
 	let l = document.createElement("input");
-	l.type = "checkbox", l.className = xt, l.checked = !!n.checked, l.disabled = o;
+	l.type = "checkbox", l.className = yt, l.checked = !!n.checked, l.disabled = o;
 	let u = document.createElement("div");
-	return u.className = b("flex-1 outline-hidden leading-[1.6em]", n.checked ? "line-through opacity-60" : "", ...x), u.setAttribute("data-blok-testid", wt.checklistContent), u.setAttribute("data-checked", String(n.checked)), u.contentEditable = o ? "false" : "true", u.innerHTML = n.text, Tt(u, a), s.appendChild(l), s.appendChild(u), s;
-}, At = (e, t) => {
+	return u.className = C("flex-1 outline-hidden leading-[1.6em]", n.checked ? "line-through opacity-60" : "", ...w), u.setAttribute("data-blok-testid", St.checklistContent), u.setAttribute("data-checked", String(n.checked)), u.contentEditable = o ? "false" : "true", u.innerHTML = n.text, Ct(u, a), s.appendChild(l), s.appendChild(u), s;
+}, Ot = (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 = b(n.className, "text-right"), n.style.paddingRight = "11px", n.style.minWidth = "fit-content") : (n.textContent = jt(t), n.className = b(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;
-}, jt = (e) => {
+	return n.className = "shrink-0 select-none", n.setAttribute("aria-hidden", "true"), n.contentEditable = "false", e === "ordered" ? (n.textContent = "1.", n.className = C(n.className, "text-right"), n.style.paddingRight = "11px", n.style.minWidth = "fit-content") : (n.textContent = kt(t), n.className = C(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;
+}, kt = (e) => {
 	let t = [
 		"•",
 		"◦",
 		"▪"
 	];
 	return t[e % t.length];
-}, Mt = (e) => {
+}, At = (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 = Et({
+	let d = wt({
 		data: t,
 		readOnly: n,
 		placeholder: r,
@@ -708,14 +708,14 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		});
 	}
 	return u.replaceChild(d.wrapper, o), d.wrapper;
-}, Nt = (e, t, n) => {
+}, jt = (e, t, n) => {
 	if (!t) return e;
-	let r = n(), i = y({
-		text: r ? Je(r.innerHTML) : e.text,
+	let r = n(), i = S({
+		text: r ? Ge(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;
-}, Pt = (e, t, n, r, i) => {
+}, Mt = (e, t, n, r, i) => {
 	var a, o;
 	if (!n) return {
 		newData: e,
@@ -726,7 +726,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		newData: e,
 		inPlace: !1
 	};
-	let d = "depth" in t ? t.depth : 0, f = y(y(y({}, e), t), {}, { depth: d }), p = r();
+	let d = "depth" in t ? t.depth : 0, f = S(S(S({}, 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
@@ -739,7 +739,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		newData: f,
 		inPlace: !0
 	};
-}, Ft = (e, t) => {
+}, Nt = (e, t) => {
 	let { element: n, getContentElement: r, parseHTML: i, data: a } = e;
 	if (!n) return;
 	a.text += t.text;
@@ -748,29 +748,29 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		let e = i(t.text);
 		o.appendChild(e), o.normalize();
 	}
-}, It = (e, t, n, r) => e.map((e) => ({
+}, Pt = (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
-})), Lt = (e) => {
+})), Ft = (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;
-}, Rt = (e) => {
+}, It = (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 * 24 } : void 0;
-}, zt = (e) => {
-	let t = Lt(e.closest("[role=\"listitem\"]") || e.querySelector("[role=\"listitem\"]"));
-	return t === void 0 ? Rt(e) : t;
-}, Bt = (e, t) => {
+}, Lt = (e) => {
+	let t = Ft(e.closest("[role=\"listitem\"]") || e.querySelector("[role=\"listitem\"]"));
+	return t === void 0 ? It(e) : t;
+}, Rt = (e, t) => {
 	let n = document.createRange();
 	if (n.setStart(e, 0), n.setEnd(t.startContainer, t.startOffset), !e.lastChild) return {
 		beforeContent: "",
@@ -778,32 +778,32 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 	};
 	let r = document.createRange();
 	return r.setStart(t.endContainer, t.endOffset), r.setEndAfter(e.lastChild), {
-		beforeContent: Vt(n.cloneContents()),
-		afterContent: Vt(r.cloneContents())
+		beforeContent: zt(n.cloneContents()),
+		afterContent: zt(r.cloneContents())
 	};
-}, Vt = (e) => {
+}, zt = (e) => {
 	let t = document.createElement("div");
 	return t.appendChild(e), t.innerHTML;
-}, Ht = (e) => {
+}, Bt = (e) => {
 	let t = document.createElement("div");
 	t.innerHTML = e.trim();
 	let n = document.createDocumentFragment();
 	return n.append(...Array.from(t.childNodes)), n;
-}, Ut = (e, t) => {
+}, Vt = (e, t) => {
 	let n = document.createRange();
 	return n.selectNodeContents(e), n.setEnd(t.startContainer, t.startOffset), n.toString().length === 0;
-}, Wt = (e, t) => {
+}, Ht = (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;
-}, Gt = (e) => {
+}, Ut = (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]);
-}, Kt = (e) => typeof e == "object" && !!e, qt = (e) => typeof e == "string" ? e : "", Jt = (e, t) => e === "unordered" || e === "ordered" || e === "checklist" ? e : t, Yt = (e) => !!e, Xt = (e, t) => typeof e == "number" ? e : t, Zt = (e, t) => {
+}, Wt = (e) => typeof e == "object" && !!e, Gt = (e) => typeof e == "string" ? e : "", Kt = (e, t) => e === "unordered" || e === "ordered" || e === "checklist" ? e : t, qt = (e) => !!e, Jt = (e, t) => typeof e == "number" ? e : t, Yt = (e, t) => {
 	let n = t.defaultStyle || "unordered";
 	if (!e || typeof e != "object") return {
 		text: "",
@@ -811,18 +811,18 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		checked: !1,
 		depth: 0
 	};
-	if (Gt(e)) {
+	if (Ut(e)) {
 		let t = e.items[0], r = (t == null ? void 0 : t.content) || "", i = (t == null ? void 0 : t.checked) || !1;
-		return y({
+		return S({
 			text: r,
 			style: e.style || n,
 			checked: !!i,
 			depth: 0
 		}, e.start !== void 0 && e.start !== 1 ? { start: e.start } : {});
 	}
-	if (Kt(e)) {
-		let t = qt(e.text), r = Jt(e.style, n), i = Yt(e.checked), a = Xt(e.depth, 0), o = e.start, s = typeof o == "number" && o !== void 0 && o !== 1 ? o : void 0;
-		return y({
+	if (Wt(e)) {
+		let t = Gt(e.text), r = Kt(e.style, n), i = qt(e.checked), a = Jt(e.depth, 0), o = e.start, s = typeof o == "number" && o !== void 0 && o !== 1 ? o : void 0;
+		return S({
 			text: t,
 			style: r,
 			checked: i,
@@ -835,7 +835,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		checked: !1,
 		depth: 0
 	};
-}, Qt = class {
+}, Xt = class {
 	constructor(e) {
 		this.blocks = e;
 	}
@@ -862,7 +862,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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) / 24) : 0;
 	}
-}, $t = (e, t) => {
+}, Zt = (e, t) => {
 	if (!e) return null;
 	if (t === "checklist") {
 		let t = e.querySelector("[contenteditable]");
@@ -870,15 +870,15 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 	}
 	let n = e.querySelector("[data-blok-testid=\"list-content-container\"]");
 	return n instanceof HTMLElement ? n : null;
-}, en = (e, t, n) => {
+}, Qt = (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 * 24}px` : ""), t.depth = n;
-}, tn = (e, t) => t.getBlockDepth(e), nn = (e, t) => t.getBlockStyle(e), rn = (e, t) => t.getBulletCharacter(e), an = (e, t, n, r, i) => {
+}, $t = (e, t) => t.getBlockDepth(e), en = (e, t) => t.getBlockStyle(e), tn = (e, t) => t.getBulletCharacter(e), nn = (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);
-}, on = (e, t, n, r, i, a) => {
+}, rn = (e, t, n, r, i, a) => {
 	var o;
 	if (e === 0) {
 		var s;
@@ -886,10 +886,10 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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);
-}, sn = (e, t, n, r, i, a) => {
-	let o = on(e, t, r, n, i, a) + e;
+}, an = (e, t, n, r, i, a) => {
+	let o = rn(e, t, r, n, i, a) + e;
 	return a.formatNumber(o, t);
-}, cn = (e, t, n, r) => r.findGroupStart(e, t, n), ln = (e, t, n, r) => {
+}, on = (e, t, n, r) => r.findGroupStart(e, t, n), sn = (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;
@@ -897,9 +897,9 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 	if (!o) return;
 	let s = t.getBlockIndex(e.id);
 	if (s == null) return;
-	let c = tn(e, n), l = nn(e, r) || "ordered", u = r.getSiblingIndex(s, c, l), d = r.getGroupStartValue(s, c, u, l) + u;
+	let c = $t(e, n), l = en(e, r) || "ordered", u = r.getSiblingIndex(s, c, l), d = r.getGroupStartValue(s, c, u, l) + u;
 	o.textContent = r.formatNumber(d, c);
-}, un = (e, t, n, r, i, a, o, s) => {
+}, cn = (e, t, n, r, i, a, o, s) => {
 	let c = (e) => {
 		if (e >= t) return;
 		if (e === n) {
@@ -908,25 +908,25 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		}
 		let l = a.getBlockByIndex(e);
 		if (!l || l.name !== "list") return;
-		let u = tn(l, o);
+		let u = $t(l, o);
 		if (!(u < r)) {
 			if (u > r) {
 				c(e + 1);
 				return;
 			}
-			nn(l, s) === i && (ln(l, a, o, s), c(e + 1));
+			en(l, s) === i && (sn(l, a, o, s), c(e + 1));
 		}
 	};
 	c(e);
-}, dn = (e, t, n) => {
+}, ln = (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\"]") && ln(i, e, t, n);
+		a != null && a.querySelector("[data-list-style=\"ordered\"]") && sn(i, e, t, n);
 	});
-}, w = (e, t, n = "end") => {
+}, E = (e, t, n = "end") => {
 	let r = () => {
 		let r = t.holder;
 		if (!r) return;
@@ -942,7 +942,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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());
-}, fn = async (e) => {
+}, un = async (e) => {
 	var t;
 	let { api: n, blockId: r, data: i, element: a, getContentElement: o } = e, s = window.getSelection();
 	if (!s || !a) return;
@@ -950,49 +950,49 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 	if (!c) return;
 	let l = c.innerHTML.trim();
 	if (l === "" || l === "<br>") {
-		await pn(e);
+		await dn(e);
 		return;
 	}
-	let { beforeContent: u, afterContent: d } = Bt(c, s.getRangeAt(0)), f = r ? (t = n.blocks.getBlockIndex(r)) == null ? n.blocks.getCurrentBlockIndex() : t : n.blocks.getCurrentBlockIndex();
+	let { beforeContent: u, afterContent: d } = Rt(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(Ct, y(y({
+		c.innerHTML = u, i.text = u, E(n, n.blocks.insert(xt, S(S({
 			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 }, Ct, y(y({
+	let p = n.blocks.splitBlock(r, { text: u }, xt, S(S({
 		text: d,
 		style: i.style
 	}, i.style === "checklist" ? { checked: !!i.checked } : {}), {}, { depth: i.depth }), f + 1);
-	i.text = u, w(n, p, "start");
-}, pn = async (e) => {
+	i.text = u, E(n, p, "start");
+}, dn = async (e) => {
 	let { api: t, blockId: n, getDepth: r } = e;
 	if (r() > 0) {
-		await gn(e);
+		await mn(e);
 		return;
 	}
-	n !== void 0 && w(t, await t.blocks.convert(n, "paragraph", { text: "" }), "start");
-}, mn = async (e, t) => {
+	n !== void 0 && E(t, await t.blocks.convert(n, "paragraph", { text: "" }), "start");
+}, fn = 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 (Wt(d, u) && !l.isCollapsed) {
+	if (Ht(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 (!Ut(d, u) || (t.preventDefault(), r === void 0)) return;
+	if (!Vt(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 * 24}px`, e.setAttribute("data-blok-depth", String(p)));
-	}), w(n, m, "start");
-}, hn = async (e, t) => {
+	}), E(n, m, "start");
+}, pn = 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);
@@ -1001,15 +1001,15 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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 || "", y(y({}, i), {}, { depth: u })));
-}, gn = async (e) => {
+	i.depth = u, E(n, await n.blocks.update(r || "", S(S({}, i), {}, { depth: u })));
+}, mn = 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 || "", y(y({}, r), {}, { depth: s })));
-}, _n = (e) => {
-	let { data: t, readOnly: n, placeholder: r, itemColor: i, itemSize: a, setupItemPlaceholder: o, onCheckboxChange: s, keydownHandler: c } = e, l = Et({
+	r.depth = s, E(t, await t.blocks.update(n || "", S(S({}, r), {}, { depth: s })));
+}, hn = (e) => {
+	let { data: t, readOnly: n, placeholder: r, itemColor: i, itemSize: a, setupItemPlaceholder: o, onCheckboxChange: s, keydownHandler: c } = e, l = wt({
 		data: t,
 		readOnly: n,
 		placeholder: r,
@@ -1024,14 +1024,14 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		});
 	}
 	return l.wrapper;
-}, vn = (e) => {
+}, gn = (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);
-}, yn = (e) => {
+}, _n = (e) => {
 	let t = [
 		[1e3, "m"],
 		[900, "cm"],
@@ -1052,7 +1052,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		return e >= i ? a + n(e - i, r) : n(e, r + 1);
 	};
 	return n(e, 0);
-}, bn = class {
+}, vn = class {
 	constructor(e) {
 		this.blocks = e;
 	}
@@ -1078,7 +1078,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 	}
 	formatNumber(e, t) {
 		let n = t % 3;
-		return n === 1 ? `${vn(e)}.` : n === 2 ? `${yn(e)}.` : `${e}.`;
+		return n === 1 ? `${gn(e)}.` : n === 2 ? `${_n(e)}.` : `${e}.`;
 	}
 	getGroupStartValue(e, t, n, r) {
 		if (n === 0) return this.getBlockStartValue(e);
@@ -1133,9 +1133,9 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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;
 	}
-}, xn = { value: !1 }, Sn = class {
+}, yn = { value: !1 }, bn = class {
 	constructor(e) {
-		this.blocks = e, this.depthValidator = new Qt(e), this.markerCalculator = new bn(e);
+		this.blocks = e, this.depthValidator = new Xt(e), this.markerCalculator = new vn(e);
 	}
 	updateMarker(e, t, n) {
 		let r = e.querySelector("[data-list-marker]");
@@ -1162,8 +1162,8 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		}
 	}
 	scheduleUpdateAll() {
-		xn.value || (xn.value = !0, requestAnimationFrame(() => {
-			xn.value = !1, this.updateAllMarkers();
+		yn.value || (yn.value = !0, requestAnimationFrame(() => {
+			yn.value = !1, this.updateAllMarkers();
 		}));
 	}
 	findListGroupStartIndex(e, t, n) {
@@ -1202,12 +1202,12 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		})() : c) + s;
 		r.textContent = this.markerCalculator.formatNumber(l, a);
 	}
-}, Cn = (e) => e instanceof HTMLElement, wn = 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(".")), Tn = new Set([
+}, xn = (e) => e instanceof HTMLElement, Sn = 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(".")), Cn = new Set([
 	"disc",
 	"circle",
 	"square",
 	"none"
-]), En = (e) => {
+]), wn = (e) => {
 	let t = e.getAttribute("data-list-style");
 	if (t === "ordered") return "ordered";
 	if (t === "unordered") return "unordered";
@@ -1216,24 +1216,24 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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 wn.has(i) ? "ordered" : Tn.has(i) ? "unordered" : null;
-}, Dn = (e, t) => {
+	return Sn.has(i) ? "ordered" : Cn.has(i) ? "unordered" : null;
+}, Tn = (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" : En(e) || t;
-}, On = (e) => {
+	return (n == null ? void 0 : n.tagName) === "OL" ? "ordered" : (n == null ? void 0 : n.tagName) === "UL" ? e.querySelector("input[type=\"checkbox\"]") ? "checklist" : "unordered" : wn(e) || t;
+}, En = (e) => {
 	let t = e.innerHTML || e.textContent || "", n = e.querySelector("input[type=\"checkbox\"]");
 	return {
 		text: t,
 		checked: n instanceof HTMLInputElement ? n.checked : !1
 	};
-}, kn = (e) => {
+}, Dn = (e) => {
 	let t = e.getAttribute("aria-level");
 	if (t) {
 		let e = parseInt(t, 10);
 		return Math.max(0, e - 1);
 	}
 	return 0;
-}, An = () => ({ text: {
+}, On = () => ({ text: {
 	br: !0,
 	a: {
 		href: !0,
@@ -1242,38 +1242,38 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 	},
 	b: !0,
 	i: !0
-} }), jn = () => ({ tags: [{ li: {
+} }), kn = () => ({ tags: [{ li: {
 	style: !0,
 	"aria-level": !0
-} }] }), Mn = () => ({
+} }] }), An = () => ({
 	export: (e) => e.text,
 	import: (e) => ({
 		text: e,
 		style: "unordered",
 		checked: !1
 	})
-}), Nn = [
+}), jn = [
 	{
 		name: "bulletedList",
 		titleKey: "bulletedList",
 		style: "unordered",
-		icon: u
+		icon: o
 	},
 	{
 		name: "numberedList",
 		titleKey: "numberedList",
 		style: "ordered",
-		icon: Re
+		icon: Ne
 	},
 	{
 		name: "todoList",
 		titleKey: "todoList",
 		style: "checklist",
-		icon: m
+		icon: d
 	}
-], Pn = () => [
+], Mn = () => [
 	{
-		icon: u,
+		icon: o,
 		title: "Bulleted list",
 		titleKey: "bulletedList",
 		data: { style: "unordered" },
@@ -1287,7 +1287,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		shortcut: "-"
 	},
 	{
-		icon: Re,
+		icon: Ne,
 		title: "Numbered list",
 		titleKey: "numberedList",
 		data: { style: "ordered" },
@@ -1301,7 +1301,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		shortcut: "1."
 	},
 	{
-		icon: m,
+		icon: d,
 		title: "To-do list",
 		titleKey: "todoList",
 		data: { style: "checklist" },
@@ -1315,24 +1315,24 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		],
 		shortcut: "[]"
 	}
-], Fn = class {
+], Nn = 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 Qt(n.blocks), this.markerCalculator = new bn(n.blocks), this.markerManager = this._data.style === "ordered" ? new Sn(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 Xt(n.blocks), this.markerCalculator = new vn(n.blocks), this.markerManager = this._data.style === "ordered" ? new bn(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 Zt(e, this._settings);
+		return Yt(e, this._settings);
 	}
 	get availableStyles() {
 		let e = this._settings.styles;
-		return !e || e.length === 0 ? Nn : Nn.filter((t) => e.includes(t.style));
+		return !e || e.length === 0 ? jn : jn.filter((t) => e.includes(t.style));
 	}
 	get itemColor() {
 		return this._settings.itemColor;
@@ -1341,13 +1341,13 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		return this._settings.itemSize;
 	}
 	get placeholder() {
-		return this.api.i18n.t(St);
+		return this.api.i18n.t(bt);
 	}
 	setupItemPlaceholder(e) {
-		this.readOnly || S(e, this.placeholder);
+		this.readOnly || Qe(e, this.placeholder);
 	}
 	render() {
-		return this._element = _n({
+		return this._element = hn({
 			data: this._data,
 			readOnly: this.readOnly,
 			placeholder: this.placeholder,
@@ -1377,31 +1377,31 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		t !== n && this.adjustDepthTo(n);
 	}
 	adjustDepthTo(e) {
-		en(this._element, this._data, e);
+		Qt(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() {
-		dn(this.api.blocks, this.depthValidator, this.markerCalculator);
+		ln(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 = sn(an(this.blockId, n, this._data.style, this.api.blocks, this.markerCalculator), n, this._data, this.blockId, this.api.blocks, this.markerCalculator);
+		t.textContent = an(nn(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();
-		un(cn(t, n, r, this.markerCalculator), i, t, n, r, this.api.blocks, this.depthValidator, this.markerCalculator);
+		cn(on(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 = sn(an(this.blockId, e, this._data.style, this.api.blocks, this.markerCalculator), e, this._data, this.blockId, this.api.blocks, this.markerCalculator) : r.textContent = rn(e, this.markerCalculator));
+		r instanceof HTMLElement && (t === "ordered" ? r.textContent = an(nn(this.blockId, e, this._data.style, this.api.blocks, this.markerCalculator), e, this._data, this.blockId, this.api.blocks, this.markerCalculator) : r.textContent = tn(e, this.markerCalculator));
 	}
 	updateCheckboxState(e) {
 		var t;
@@ -1431,7 +1431,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 	}
 	async handleEnter() {
 		var e = this;
-		await fn({
+		await un({
 			api: e.api,
 			blockId: e.blockId,
 			data: e._data,
@@ -1443,7 +1443,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 	}
 	async handleBackspace(e) {
 		var t = this;
-		await mn({
+		await fn({
 			api: t.api,
 			blockId: t.blockId,
 			data: t._data,
@@ -1455,7 +1455,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 	}
 	async handleIndent() {
 		var e = this;
-		await hn({
+		await pn({
 			api: e.api,
 			blockId: e.blockId,
 			data: e._data,
@@ -1467,7 +1467,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 	}
 	async handleOutdent() {
 		var e = this;
-		await gn({
+		await mn({
 			api: e.api,
 			blockId: e.blockId,
 			data: e._data,
@@ -1485,10 +1485,10 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		n instanceof HTMLInputElement && (this._data.checked = n.checked);
 	}
 	getContentElement() {
-		return $t(this._element, this._data.style);
+		return Zt(this._element, this._data.style);
 	}
 	renderSettings() {
-		return It(this.availableStyles, this._data.style, this.api.i18n.t, (e) => this.setStyle(e));
+		return Pt(this.availableStyles, this._data.style, this.api.i18n.t, (e) => this.setStyle(e));
 	}
 	setStyle(e) {
 		let t = this._data.style;
@@ -1498,7 +1498,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		}
 	}
 	rerender() {
-		let e = Mt({
+		let e = At({
 			data: this._data,
 			readOnly: this.readOnly,
 			placeholder: this.placeholder,
@@ -1517,10 +1517,10 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		return typeof e.text == "string";
 	}
 	save() {
-		return Nt(this._data, this._element, this.getContentElement.bind(this));
+		return jt(this._data, this._element, this.getContentElement.bind(this));
 	}
 	setData(e) {
-		let t = Pt(this._data, e, this._element, this.getContentElement.bind(this), {
+		let t = Mt(this._data, e, this._element, this.getContentElement.bind(this), {
 			adjustDepthTo: this.adjustDepthTo.bind(this),
 			updateMarkerForDepth: this.updateMarkerForDepth.bind(this),
 			updateCheckboxState: this.updateCheckboxState.bind(this)
@@ -1528,31 +1528,31 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		return this._data = t.newData, t.inPlace;
 	}
 	merge(e) {
-		Ft({
+		Nt({
 			data: this._data,
 			element: this._element,
 			getContentElement: this.getContentElement.bind(this),
-			parseHTML: Ht
+			parseHTML: Bt
 		}, e);
 	}
 	static get conversionConfig() {
-		return Mn();
+		return An();
 	}
 	static get sanitize() {
-		return An();
+		return On();
 	}
 	static get pasteConfig() {
-		return jn();
+		return kn();
 	}
 	onPaste(e) {
 		let t = e.detail;
 		if (!("data" in t)) return;
 		let n = t.data;
-		if (!Cn(n)) return;
-		let { text: r, checked: i } = On(n), a = kn(n);
+		if (!xn(n)) return;
+		let { text: r, checked: i } = En(n), a = Dn(n);
 		this._data = {
 			text: r,
-			style: Dn(n, this._data.style),
+			style: Tn(n, this._data.style),
 			checked: i,
 			depth: a
 		}, this.rerender();
@@ -1561,18 +1561,18 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		return !0;
 	}
 	getContentOffset(e) {
-		return zt(e);
+		return Lt(e);
 	}
 	static get toolbox() {
-		return Pn();
+		return Mn();
 	}
-}, In = "data-blok-table-add-row", Ln = "data-blok-table-add-col", Rn = 150, zn = 5, Bn = 40, Vn = [
+}, Pn = "data-blok-table-add-row", Fn = "data-blok-table-add-col", In = 150, Ln = 5, Rn = 40, zn = [
 	"flex",
 	"items-center",
 	"justify-center",
 	"transition-opacity",
 	"duration-150"
-], Hn = [
+], Bn = [
 	"flex",
 	"items-center",
 	"justify-center",
@@ -1580,7 +1580,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 	"border-gray-300",
 	"rounded-full",
 	"group-hover/add:bg-gray-50"
-], Un = "12", Wn = class {
+], Vn = "12", Hn = 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);
 	}
@@ -1656,7 +1656,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		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) > zn && !this.dragState.didDrag && (this.dragState.didDrag = !0, document.body.style.cursor = t === "row" ? "row-resize" : "col-resize", Ke(), this.onDragStart());
+		Math.abs(i) > Ln && !this.dragState.didDrag && (this.dragState.didDrag = !0, document.body.style.cursor = t === "row" ? "row-resize" : "col-resize", re(), this.onDragStart());
 	}
 	handlePointerUp(e) {
 		if (!this.dragState) return;
@@ -1685,14 +1685,14 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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 <= Bn ? this.showRow() : this.scheduleHideRow(), a <= Bn ? this.showCol() : this.scheduleHideCol();
+		i <= Rn ? this.showRow() : this.scheduleHideRow(), a <= Rn ? this.showCol() : this.scheduleHideCol();
 	}
 	handleMouseLeave() {
 		this.scheduleHideRow(), this.scheduleHideCol();
 	}
 	handleDocumentMouseMove(e) {
 		if (this.wrapper.contains(e.target)) return;
-		let t = this.grid.getBoundingClientRect(), n = Bn;
+		let t = this.grid.getBoundingClientRect(), n = Rn;
 		e.clientX >= t.left - n && e.clientX <= t.right + n && e.clientY >= t.top - n && e.clientY <= t.bottom + n && this.handleMouseMove(e);
 	}
 	showRow() {
@@ -1705,13 +1705,13 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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;
-		}, Rn));
+		}, In));
 	}
 	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;
-		}, Rn));
+		}, In));
 	}
 	clearRowTimeout() {
 		this.rowHideTimeout !== null && (clearTimeout(this.rowHideTimeout), this.rowHideTimeout = null);
@@ -1721,25 +1721,25 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 	}
 	createAddRowButton() {
 		let e = document.createElement("div");
-		e.className = b(Vn, "group/add", "items-start", "cursor-row-resize"), e.setAttribute(In, ""), 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 = C(zn, "group/add", "items-start", "cursor-row-resize"), e.setAttribute(Pn, ""), 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 = b(Hn), t.style.width = "100%", t.style.height = "16px", this.appendIcon(t), e.appendChild(t), ae(e, we([this.i18n.t("tools.table.clickToAddRow"), this.i18n.t("tools.table.dragToAddRemoveRows")]), {
+		return t.className = C(Bn), t.style.width = "100%", t.style.height = "16px", this.appendIcon(t), e.appendChild(t), r(e, ve([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 = b(Vn, "group/add", "justify-start", "cursor-col-resize"), e.setAttribute(Ln, ""), 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 = C(zn, "group/add", "justify-start", "cursor-col-resize"), e.setAttribute(Fn, ""), 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 = b(Hn), t.style.width = "16px", t.style.height = "100%", this.appendIcon(t), e.appendChild(t), ae(e, we([this.i18n.t("tools.table.clickToAddColumn"), this.i18n.t("tools.table.dragToAddRemoveColumns")]), { placement: "bottom" }), e;
+		return t.className = C(Bn), t.style.width = "16px", t.style.height = "100%", this.appendIcon(t), e.appendChild(t), r(e, ve([this.i18n.t("tools.table.clickToAddColumn"), this.i18n.t("tools.table.dragToAddRemoveColumns")]), { placement: "bottom" }), e;
 	}
 	appendIcon(e) {
-		e.insertAdjacentHTML("beforeend", le);
+		e.insertAdjacentHTML("beforeend", ce);
 		let t = e.querySelector("svg");
-		t && (t.setAttribute("width", Un), t.setAttribute("height", Un), t.setAttribute("viewBox", "0 0 24 24"), t.classList.add("text-gray-500", "pointer-events-none"));
+		t && (t.setAttribute("width", Vn), t.setAttribute("height", Vn), t.setAttribute("viewBox", "0 0 24 24"), t.classList.add("text-gray-500", "pointer-events-none"));
 	}
-}, T = "data-blok-table-row", E = "data-blok-table-cell", D = "1px solid #d1d5db", Gn = ["flex"], Kn = [
+}, D = "data-blok-table-row", O = "data-blok-table-cell", k = "1px solid #d1d5db", Un = ["flex"], Wn = [
 	"py-1",
 	"px-2",
 	"min-h-[2em]",
@@ -1747,37 +1747,37 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 	"leading-normal",
 	"text-sm",
 	"cursor-text"
-], qn = (e) => {
+], Gn = (e) => {
 	let t = Math.round(100 / e * 100) / 100;
 	return Array.from({ length: e }, () => t);
-}, Jn = class {
+}, Kn = class {
 	constructor(e) {
 		this.readOnly = e.readOnly;
 	}
 	createGrid(e, t, n) {
 		let r = document.createElement("div");
-		r.style.borderTop = D, r.style.borderLeft = D;
-		let i = n == null ? qn(t) : n;
+		r.style.borderTop = k, r.style.borderLeft = k;
+		let i = n == null ? Gn(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(`[${D}]`);
 		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(`[${D}]`);
 		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(`[${D}]`), 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(`[${O}]`).forEach((e, n) => {
 				if (n < t.length) {
 					let r = e;
 					r.style.width = `${t[n]}px`;
@@ -1788,7 +1788,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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(`[${O}]`), r = n === void 0 || n >= t.length, a = this.createCell(`${i}px`);
 			if (!r) {
 				e.insertBefore(a, t[n]);
 				return;
@@ -1797,17 +1797,17 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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(`[${O}]`), 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(`[${O}]`).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(`[${O}]`), o = n === void 0 || n >= a.length, s = this.createCell(`${i}%`);
 			if (!o) {
 				e.insertBefore(s, a[n]);
 				return;
@@ -1816,77 +1816,77 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		});
 	}
 	deleteColumn(e, t) {
-		e.querySelectorAll(`[${T}]`).forEach((e) => {
-			let n = e.querySelectorAll(`[${E}]`);
+		e.querySelectorAll(`[${D}]`).forEach((e) => {
+			let n = e.querySelectorAll(`[${O}]`);
 			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(`[${D}]`));
 		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(`[${D}]`));
 		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(`[${D}]`).forEach((e) => {
+			let r = Array.from(e.querySelectorAll(`[${O}]`));
 			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(`[${O}]`));
 			n >= a.length ? e.appendChild(i) : e.insertBefore(i, a[n]);
 		});
 	}
 	getRowCount(e) {
-		return e.querySelectorAll(`[${T}]`).length;
+		return e.querySelectorAll(`[${D}]`).length;
 	}
 	getColumnCount(e) {
-		let t = e.querySelector(`[${T}]`);
-		return t ? t.querySelectorAll(`[${E}]`).length : 0;
+		let t = e.querySelector(`[${D}]`);
+		return t ? t.querySelectorAll(`[${O}]`).length : 0;
 	}
 	getCell(e, t, n) {
-		let r = e.querySelectorAll(`[${T}]`);
+		let r = e.querySelectorAll(`[${D}]`);
 		if (t >= r.length) return null;
-		let i = r[t].querySelectorAll(`[${E}]`);
+		let i = r[t].querySelectorAll(`[${O}]`);
 		return n >= i.length ? null : i[n];
 	}
 	getColWidths(e) {
-		let t = e.querySelector(`[${T}]`);
+		let t = e.querySelector(`[${D}]`);
 		if (!t) return [];
-		let n = t.querySelectorAll(`[${E}]`), r = [];
+		let n = t.querySelectorAll(`[${O}]`), 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(`[${D}]`);
 		if (!t) return "%";
-		let n = t.querySelector(`[${E}]`);
+		let n = t.querySelector(`[${O}]`);
 		return n && n.style.width.endsWith("px") ? "px" : "%";
 	}
 	getRawCellWidths(e) {
-		let t = e.querySelector(`[${T}]`);
+		let t = e.querySelector(`[${D}]`);
 		if (!t) return [];
-		let n = t.querySelectorAll(`[${E}]`);
+		let n = t.querySelectorAll(`[${O}]`);
 		return Array.from(n).map((e) => e.style.width);
 	}
 	createRow(e, t) {
 		let n = document.createElement("div");
-		return n.className = b(Gn), n.setAttribute(T, ""), Array.from({ length: e }).forEach((e, r) => {
+		return n.className = C(Un), n.setAttribute(D, ""), Array.from({ length: e }).forEach((e, r) => {
 			n.appendChild(this.createCell(t[r]));
 		}), n;
 	}
 	createCell(e) {
 		let t = document.createElement("div");
-		t.className = b(Kn), t.style.borderRight = D, t.style.borderBottom = D, 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 = C(Wn), t.style.borderRight = k, t.style.borderBottom = k, 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(O, "");
 		let n = document.createElement("div");
-		return n.setAttribute(k, ""), t.appendChild(n), t;
+		return n.setAttribute(j, ""), t.appendChild(n), t;
 	}
-}, O = (e) => typeof e == "object" && !!e && "blocks" in e, k = "data-blok-table-cell-blocks", Yn = class {
+}, A = (e) => typeof e == "object" && !!e && "blocks" in e, j = "data-blok-table-cell-blocks", qn = 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) => {
@@ -1908,9 +1908,9 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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(`[${k}]`);
+			let a = n.target.holder, o = a.closest(`[${j}]`);
 			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(`[${O}]`) : 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;
@@ -1924,11 +1924,11 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		}, this.handleCellBlankSpaceClick = (e) => {
 			let t = e.target;
 			if (!t) return;
-			let n = t.hasAttribute(E), r = t.hasAttribute(k);
+			let n = t.hasAttribute(O), r = t.hasAttribute(j);
 			if (!n && !r) return;
-			let i = n ? t : t.closest(`[${E}]`);
+			let i = n ? t : t.closest(`[${O}]`);
 			if (!i) return;
-			let a = n ? i.querySelector(`[${k}]`) : t;
+			let a = n ? i.querySelector(`[${j}]`) : t;
 			if (!a) return;
 			let o = a.querySelectorAll("[data-blok-id]"), s = o[o.length - 1];
 			if (!s) return;
@@ -2026,7 +2026,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		this.clearActiveCellWithBlocks();
 		let r = this.getCell(e.row, e.col);
 		if (!r) return;
-		let i = r.querySelector(`[${k}]`);
+		let i = r.querySelector(`[${j}]`);
 		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));
@@ -2045,18 +2045,18 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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(`[${D}]`), n = [];
 		return e.forEach((e, r) => {
 			let i = t[r];
 			if (!i) return;
-			let a = i.querySelectorAll(`[${E}]`), o = [];
+			let a = i.querySelectorAll(`[${O}]`), o = [];
 			e.forEach((e, t) => {
 				let n = a[t];
 				if (!n) return;
-				let r = n.querySelector(`[${k}]`);
+				let r = n.querySelector(`[${j}]`);
 				if (!r) return;
-				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(y({ blocks: i == null ? s : i }, c));
+				let i = A(e) && e.blocks.length > 0 ? [...e.blocks] : null, s = i ? this.mountBlocksInCell(r, i) : [], c = {};
+				if (A(e) && (e.color !== void 0 && (c.color = e.color), e.textColor !== void 0 && (c.textColor = e.textColor)), s.length > 0) o.push(S({ 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 = [];
@@ -2064,7 +2064,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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(y({ blocks: i === null ? s : [...i, ...s] }, c));
+					o.push(S({ blocks: i === null ? s : [...i, ...s] }, c));
 				}
 				this.stripPlaceholders(r);
 			}), n.push(o);
@@ -2089,7 +2089,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 	}
 	claimBlockForCell(e, t) {
 		var n, r;
-		let i = e.querySelector(`[${k}]`);
+		let i = e.querySelector(`[${j}]`);
 		if (!i) return;
 		let a = this.api.blocks.getBlockIndex(t);
 		if (a === void 0) return;
@@ -2103,12 +2103,12 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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(`[${O}]`);
 		return n && this.gridElement.contains(n) ? n : null;
 	}
 	ensureCellHasBlock(e) {
 		var t, n;
-		let r = e.querySelector(`[${k}]`);
+		let r = e.querySelector(`[${j}]`);
 		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);
@@ -2130,11 +2130,11 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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(`[${D}]`);
 		if (!t) return null;
-		let n = Array.from(this.gridElement.querySelectorAll(`[${T}]`)).indexOf(t);
+		let n = Array.from(this.gridElement.querySelectorAll(`[${D}]`)).indexOf(t);
 		if (n < 0) return null;
-		let r = Array.from(t.querySelectorAll(`[${E}]`)).indexOf(e);
+		let r = Array.from(t.querySelectorAll(`[${O}]`)).indexOf(e);
 		return r < 0 ? null : {
 			row: n,
 			col: r
@@ -2142,7 +2142,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "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(`[${O}]`);
 		t && this.gridElement.contains(t) && this.removedBlockCells.set(e.target.id, {
 			cell: t,
 			index: e.index
@@ -2190,7 +2190,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 	getBlockIdsFromCells(e) {
 		let t = [];
 		return Array.from(e).forEach((e) => {
-			let n = e.querySelector(`[${k}]`);
+			let n = e.querySelector(`[${j}]`);
 			n && n.querySelectorAll("[data-blok-id]").forEach((e) => {
 				let n = e.getAttribute("data-blok-id");
 				n && t.push(n);
@@ -2203,7 +2203,7 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 		});
 	}
 	deleteAllBlocks() {
-		let e = this.gridElement.querySelectorAll(`[${E}]`), t = this.getBlockIdsFromCells(e);
+		let e = this.gridElement.querySelectorAll(`[${O}]`), t = this.getBlockIdsFromCells(e);
 		this.deleteBlocks(t);
 	}
 	destroy() {
@@ -2220,13 +2220,13 @@ var vt = "outline-hidden py-[3px] mt-[2px] mb-px", yt = "outline-hidden pl-0.5 l
 };
 //#endregion
 //#region src/components/shared/color-picker.ts
-function Xn(e, t) {
+function Jn(e, t) {
 	if (e === t) return !0;
-	let n = Ce(e), r = Ce(t);
+	let n = Ee(e), r = Ee(t);
 	return n === null || r === null ? !1 : n[0] === r[0] && n[1] === r[1] && n[2] === r[2];
 }
-var Zn = "flex-1 py-1.5 text-xs text-center rounded-md cursor-pointer border-none outline-hidden transition-colors", Qn = "#f7f7f5";
-function $n(e) {
+var Yn = "flex-1 py-1.5 text-xs text-center rounded-md cursor-pointer border-none outline-hidden transition-colors", Xn = "#f7f7f5";
+function Zn(e) {
 	var t;
 	let { i18n: n, modes: r, testIdPrefix: i, onColorSelect: a } = e, o = (t = e.defaultModeIndex) == null ? 0 : t, s = {
 		modeIndex: o,
@@ -2243,20 +2243,20 @@ function $n(e) {
 		}), u.push(r), l.appendChild(r);
 	});
 	let d = () => {
-		for (let [e, t] of u.entries()) t.className = b(Zn, e === s.modeIndex ? "bg-item-hover-bg font-medium" : "bg-transparent hover:bg-item-hover-bg/50");
+		for (let [e, t] of u.entries()) t.className = C(Yn, e === s.modeIndex ? "bg-item-hover-bg font-medium" : "bg-transparent hover:bg-item-hover-bg/50");
 	}, f = document.createElement("div");
 	f.setAttribute("data-blok-testid", `${i}-grid`), f.className = "grid grid-cols-5 gap-1.5";
 	let p = () => {
 		f.innerHTML = "";
 		let e = r[s.modeIndex];
-		for (let t of de) {
-			let n = document.createElement("button"), r = e.presetField === "text" ? t.text : t.bg, o = s.activeColor !== null && Xn(r, s.activeColor);
-			n.setAttribute("data-blok-testid", `${i}-swatch-${t.name}`), n.className = b("w-8 h-8 rounded-md cursor-pointer border-none outline-hidden", "flex items-center justify-center text-sm font-semibold", "transition-shadow ring-inset hover:ring-2 hover:ring-black/10", o && "ring-2 ring-black/30"), n.textContent = "A", e.presetField === "text" ? (n.style.color = t.text, n.style.backgroundColor = Qn) : (n.style.color = "", n.style.backgroundColor = t.bg), n.addEventListener("click", () => {
+		for (let t of ye) {
+			let n = document.createElement("button"), r = e.presetField === "text" ? t.text : t.bg, o = s.activeColor !== null && Jn(r, s.activeColor);
+			n.setAttribute("data-blok-testid", `${i}-swatch-${t.name}`), n.className = C("w-8 h-8 rounded-md cursor-pointer border-none outline-hidden", "flex items-center justify-center text-sm font-semibold", "transition-shadow ring-inset hover:ring-2 hover:ring-black/10", o && "ring-2 ring-black/30"), n.textContent = "A", e.presetField === "text" ? (n.style.color = t.text, n.style.backgroundColor = Xn) : (n.style.color = "", n.style.backgroundColor = t.bg), n.addEventListener("click", () => {
 				a(r, e.key);
 			}), f.appendChild(n);
 		}
 	}, m = document.createElement("button");
-	return m.setAttribute("data-blok-testid", `${i}-default-btn`), m.className = b("w-full py-1.5 text-xs text-center rounded-md cursor-pointer", "bg-transparent border-none outline-hidden hover:bg-item-hover-bg", "mt-0.5 transition-colors"), m.textContent = n.t("tools.marker.default"), m.addEventListener("click", () => {
+	return m.setAttribute("data-blok-testid", `${i}-default-btn`), m.className = C("w-full py-1.5 text-xs text-center rounded-md cursor-pointer", "bg-transparent border-none outline-hidden hover:bg-item-hover-bg", "mt-0.5 transition-colors"), m.textContent = n.t("tools.marker.default"), m.addEventListener("click", () => {
 		a(null, r[s.modeIndex].key);
 	}), d(), p(), c.appendChild(l), c.appendChild(f), c.appendChild(m), {
 		element: c,
@@ -2272,7 +2272,7 @@ function $n(e) {
 }
 //#endregion
 //#region src/tools/table/table-cell-color-picker.ts
-var er = (e) => ({ element: $n({
+var Qn = (e) => ({ element: Zn({
 	i18n: e.i18n,
 	testIdPrefix: "cell-color",
 	defaultModeIndex: 1,
@@ -2288,38 +2288,38 @@ var er = (e) => ({ element: $n({
 	onColorSelect: (t, n) => {
 		e.onColorSelect(t, n);
 	}
-}).element }), tr = [
+}).element }), $n = [
 	[2, 2],
 	[8, 2],
 	[2, 7],
 	[8, 7],
 	[2, 12],
 	[8, 12]
-], nr = [
+], er = [
 	[2, 2],
 	[7, 2],
 	[12, 2],
 	[2, 8],
 	[7, 8],
 	[12, 8]
-], rr = (e) => {
+], tr = (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 ? nr : tr;
+	let r = n ? er : $n;
 	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;
-}, ir = (e, t) => {
+}, nr = (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"));
-}, ar = (e, t, n) => {
+}, rr = (e, t, n) => {
 	t === "col" ? Object.assign(e.style, { height: `${n}px` }) : Object.assign(e.style, { width: `${n}px` }), 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"));
-}, or = "data-blok-table-cell-selected", sr = "2px solid #3b82f6", cr = "data-blok-table-selection-pill", lr = 16, ur = 20, dr = 4, fr = [
+}, ir = "data-blok-table-cell-selected", ar = "2px solid #3b82f6", or = "data-blok-table-selection-pill", sr = 16, cr = 20, lr = 4, ur = [
 	"absolute",
 	"z-3",
 	"rounded-sm",
@@ -2332,7 +2332,7 @@ var er = (e) => ({ element: $n({
 	"overflow-hidden",
 	"cursor-pointer",
 	"bg-blue-500"
-], pr = (e) => e.style.userSelect === "none", mr = class {
+], dr = (e) => e.style.userSelect === "none", fr = 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);
 	}
@@ -2349,7 +2349,7 @@ var er = (e) => ({ element: $n({
 		r !== 0 && this.showProgrammaticSelection(e, 0, e, r - 1);
 	}
 	selectColumn(e) {
-		let t = this.grid.querySelectorAll(`[${T}]`).length;
+		let t = this.grid.querySelectorAll(`[${D}]`).length;
 		t !== 0 && this.showProgrammaticSelection(0, e, t - 1, e);
 	}
 	clearActiveSelection() {
@@ -2366,9 +2366,9 @@ var er = (e) => ({ element: $n({
 	}
 	handlePointerDown(e) {
 		var t;
-		if (pr(this.grid) || e.button !== 0) return;
+		if (dr(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(`[${cr}]`)) return;
+		if (n.closest("[data-blok-table-grip]") || n.closest("[data-blok-table-resize]") || n.closest(`[${or}]`)) 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));
 	}
@@ -2410,7 +2410,7 @@ var er = (e) => ({ element: $n({
 	}
 	handleClearSelection(e) {
 		let t = e.target;
-		t instanceof HTMLElement && t.closest(`[${cr}]`) || 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(`[${or}]`) || 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;
@@ -2433,7 +2433,7 @@ var er = (e) => ({ element: $n({
 	}
 	restoreModifiedCells() {
 		this.destroyPillPopover(), this.disconnectResizeObserver(), this.selectedCells.forEach((e) => {
-			e.removeAttribute(or);
+			e.removeAttribute(ir);
 		}), this.pill && (this.pill.remove(), this.pill = null), this.overlay && (this.overlay.remove(), this.overlay = null), this.selectedCells = [];
 	}
 	showProgrammaticSelection(e, t, n, r) {
@@ -2454,7 +2454,7 @@ var er = (e) => ({ element: $n({
 		var e, t;
 		if (!this.anchorCell || !this.extentCell) return;
 		this.selectedCells.forEach((e) => {
-			e.removeAttribute(or);
+			e.removeAttribute(ir);
 		}), 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 = {
@@ -2463,20 +2463,20 @@ var er = (e) => ({ element: $n({
 			minCol: i,
 			maxCol: a
 		};
-		let o = this.grid.querySelectorAll(`[${T}]`);
+		let o = this.grid.querySelectorAll(`[${D}]`);
 		this.selectedCells = this.collectCellsInRange(o, n, r, i, a), this.selectedCells.forEach((e) => {
-			e.setAttribute(or, "");
+			e.setAttribute(ir, "");
 		});
-		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(`[${O}]`)[i], c = (t = o[r]) == null ? void 0 : t.querySelectorAll(`[${O}]`)[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, ee = u.top - l.top - p - 1, te = 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 = sr, this.overlay.style.pointerEvents = "none", this.overlay.style.boxSizing = "border-box", this.overlay.style.borderRadius = "2px", this.grid.appendChild(this.overlay)), this.overlay.style.top = `${ee}px`, this.overlay.style.left = `${te}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 = `${te + h - 1}px`, this.pill.style.top = `${ee + g / 2}px`, this.observeCellResizes();
+		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 = ar, 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(`[${D}]`), i = (e = r[n.minRow]) == null ? void 0 : e.querySelectorAll(`[${O}]`)[n.minCol], a = (t = r[n.maxRow]) == null ? void 0 : t.querySelectorAll(`[${O}]`)[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`);
@@ -2494,8 +2494,8 @@ var er = (e) => ({ element: $n({
 	}
 	createPill() {
 		let e = document.createElement("div");
-		e.setAttribute(cr, ""), e.setAttribute("contenteditable", "false"), e.className = b(fr), e.style.width = `${dr}px`, e.style.height = `${ur}px`, e.style.pointerEvents = "auto", e.style.transform = "translate(-50%, -50%)", e.style.outline = "2px solid white";
-		let t = rr("vertical");
+		e.setAttribute(or, ""), e.setAttribute("contenteditable", "false"), e.className = C(ur), e.style.width = `${lr}px`, e.style.height = `${cr}px`, e.style.pointerEvents = "auto", e.style.transform = "translate(-50%, -50%)", e.style.outline = "2px solid white";
+		let t = tr("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", () => {
@@ -2507,22 +2507,22 @@ var er = (e) => ({ element: $n({
 	openPillPopover() {
 		if (this.destroyPillPopover(), !this.pill) return;
 		this.expandPill();
-		let e = l === "Meta" ? "⌘C" : "Ctrl+C", r = [];
+		let e = g === "Meta" ? "⌘C" : "Ctrl+C", n = [];
 		if (this.onColorChange !== void 0) {
-			let { element: e } = er({
+			let { element: e } = Qn({
 				i18n: this.i18n,
 				onColorSelect: (e, t) => {
 					var n;
 					(n = this.onColorChange) == null || n.call(this, [...this.selectedCells], e, t);
 				}
 			});
-			r.push({
-				icon: p,
+			n.push({
+				icon: l,
 				title: this.i18n.t("tools.table.cellColor"),
 				name: "cellColor",
 				children: {
 					items: [{
-						type: n.Html,
+						type: _.Html,
 						element: e
 					}],
 					isFlippable: !1,
@@ -2530,11 +2530,11 @@ var er = (e) => ({ element: $n({
 				}
 			});
 		}
-		this.pillPopover = new Se({
+		this.pillPopover = new _e({
 			items: [
-				...r,
+				...n,
 				{
-					icon: ke,
+					icon: Ce,
 					title: this.i18n.t("tools.table.copySelection"),
 					secondaryLabel: e,
 					closeOnActivate: !0,
@@ -2556,19 +2556,19 @@ var er = (e) => ({ element: $n({
 			],
 			trigger: this.pill,
 			flippable: !0
-		}), this.pillPopover.on(Ge.Closed, () => {
+		}), this.pillPopover.on(Ve.Closed, () => {
 			this.pillPopover !== null && (this.destroyPillPopover(), this.collapsePill());
 		}), this.pillPopover.show();
 	}
 	expandPill() {
 		if (!this.pill) return;
-		this.pill.style.width = `${lr}px`;
+		this.pill.style.width = `${sr}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 = `${dr}px`;
+		this.pill.style.width = `${lr}px`;
 		let e = this.pill.querySelector("svg");
 		e && (e.classList.add("opacity-0"), e.classList.remove("opacity-100"));
 	}
@@ -2579,13 +2579,13 @@ var er = (e) => ({ element: $n({
 		}
 	}
 	resolveCellCoord(e) {
-		let t = e.closest(`[${E}]`);
+		let t = e.closest(`[${O}]`);
 		if (!t) return null;
-		let n = t.closest(`[${T}]`);
+		let n = t.closest(`[${D}]`);
 		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(`[${D}]`)).indexOf(n);
 		if (r < 0) return null;
-		let i = Array.from(n.querySelectorAll(`[${E}]`)).indexOf(t);
+		let i = Array.from(n.querySelectorAll(`[${O}]`)).indexOf(t);
 		return i < 0 ? null : {
 			row: r,
 			col: i
@@ -2594,7 +2594,7 @@ var er = (e) => ({ element: $n({
 	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(`[${D}]`), 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),
@@ -2604,106 +2604,106 @@ var er = (e) => ({ element: $n({
 	}
 	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(`[${O}]`);
 			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;
 	}
-}, A = (e) => {
-	let t = e.querySelector(`[${T}]`);
+}, M = (e) => {
+	let t = e.querySelector(`[${D}]`);
 	if (!t) return [];
-	let n = t.querySelectorAll(`[${E}]`);
+	let n = t.querySelectorAll(`[${O}]`);
 	return Array.from(n).map((e) => e.getBoundingClientRect().width);
-}, j = (e, t) => {
+}, pr = (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(`[${D}]`).forEach((e) => {
+		e.querySelectorAll(`[${O}]`).forEach((e, n) => {
 			if (n < t.length) {
 				let r = e;
 				r.style.width = `${t[n]}px`;
 			}
 		});
 	});
-}, hr = (e, t) => {
-	let n = Array.from(e.querySelectorAll(`[${T}]`)), r = n.findIndex((e) => Array.from(e.querySelectorAll(`[${E}]`)).includes(t));
+}, mr = (e, t) => {
+	let n = Array.from(e.querySelectorAll(`[${D}]`)), r = n.findIndex((e) => Array.from(e.querySelectorAll(`[${O}]`)).includes(t));
 	return r === -1 ? null : {
 		row: r,
-		col: Array.from(n[r].querySelectorAll(`[${E}]`)).indexOf(t)
+		col: Array.from(n[r].querySelectorAll(`[${O}]`)).indexOf(t)
 	};
-}, gr = (e) => {
+}, hr = (e) => {
 	var t;
-	let n = e.querySelector(`[${k}]`);
+	let n = e.querySelector(`[${j}]`);
 	return n ? ((t = n.textContent) == null ? "" : t).trim().length === 0 : !0;
-}, _r = (e, t) => {
-	let n = e.querySelectorAll(`[${T}]`)[t];
+}, gr = (e, t) => {
+	let n = e.querySelectorAll(`[${D}]`)[t];
 	if (!n) return !0;
-	let r = n.querySelectorAll(`[${E}]`);
-	return Array.from(r).every((e) => gr(e));
-}, vr = (e, t) => {
-	let n = e.querySelectorAll(`[${T}]`);
+	let r = n.querySelectorAll(`[${O}]`);
+	return Array.from(r).every((e) => hr(e));
+}, _r = (e, t) => {
+	let n = e.querySelectorAll(`[${D}]`);
 	return Array.from(n).every((e) => {
-		let n = e.querySelectorAll(`[${E}]`)[t];
-		return !n || gr(n);
+		let n = e.querySelectorAll(`[${O}]`)[t];
+		return !n || hr(n);
 	});
-}, yr = (e) => {
-	let t = e.querySelectorAll(`[${T}]`), n = t[0];
+}, vr = (e) => {
+	let t = e.querySelectorAll(`[${D}]`), 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(`[${O}]`), 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(`[${O}]`).forEach((e) => {
 			let t = e, n = parseFloat(t.style.width) || 0;
 			t.style.width = `${Math.round(n * a * 100) / 100}%`;
 		});
 	});
-}, br = (e, t, n) => {
+}, yr = (e, t, n) => {
 	if (!e) return e;
 	let r = [...e], [i] = r.splice(t, 1);
 	return r.splice(n, 0, i), r;
-}, xr = (e, t) => {
+}, br = (e, t) => {
 	if (!e) return e;
 	let n = [...e];
 	return n.splice(t, 1), n.length > 0 ? n : void 0;
-}, Sr = (e, t, n, r, i) => {
-	let a = n == null ? A(e) : n, o = r === void 0 ? M(a) : Math.round(r / 2 * 100) / 100;
+}, xr = (e, t, n, r, i) => {
+	let a = n == null ? M(e) : n, o = r === void 0 ? N(a) : Math.round(r / 2 * 100) / 100;
 	i.addColumn(e, t, a, o);
 	let s = [...a];
 	return s.splice(t, 0, o), s;
-}, M = (e) => Math.round(e.reduce((e, t) => e + t, 0) / e.length / 2 * 100) / 100, Cr = (e) => e.length === 0 ? 0 : Math.round(e.reduce((e, t) => e + t, 0) / e.length * 100) / 100, wr = (e, t, n) => {
+}, N = (e) => Math.round(e.reduce((e, t) => e + t, 0) / e.length / 2 * 100) / 100, Sr = (e) => e.length === 0 ? 0 : Math.round(e.reduce((e, t) => e + t, 0) / e.length * 100) / 100, Cr = (e, t, n) => {
 	var r;
 	if (!e) return [];
-	let i = e.querySelectorAll(`[${T}]`)[n];
+	let i = e.querySelectorAll(`[${D}]`)[n];
 	return i ? (r = t == null ? void 0 : t.getBlockIdsFromCells(i.querySelectorAll("[data-blok-table-cell]"))) == null ? [] : r : [];
-}, Tr = (e, t, n) => {
+}, wr = (e, t, n) => {
 	var r;
 	if (!e) return [];
-	let i = e.querySelectorAll(`[${T}]`), a = [];
+	let i = e.querySelectorAll(`[${D}]`), a = [];
 	return i.forEach((e) => {
-		let t = e.querySelectorAll(`[${E}]`);
+		let t = e.querySelectorAll(`[${O}]`);
 		n < t.length && a.push(t[n]);
 	}), (r = t == null ? void 0 : t.getBlockIdsFromCells(a)) == null ? [] : r;
-}, N = (e, t) => {
-	e.querySelectorAll(`[${E}]`).forEach((e) => {
+}, P = (e, t) => {
+	e.querySelectorAll(`[${O}]`).forEach((e) => {
 		t == null || t.ensureCellHasBlock(e);
 	});
-}, Er = (e, t, n, r) => {
-	let i = e.querySelectorAll(`[${T}]`);
+}, Tr = (e, t, n, r) => {
+	let i = e.querySelectorAll(`[${D}]`);
 	t.forEach((e, t) => {
 		let r = i[t];
 		if (!r) return;
-		let a = r.querySelectorAll(`[${E}]`);
+		let a = r.querySelectorAll(`[${O}]`);
 		e.forEach((e, t) => {
 			var r;
 			let i = a[t];
 			if (!i) return;
-			let o = i.querySelector(`[${k}]`);
+			let o = i.querySelector(`[${j}]`);
 			if (!o) return;
 			let s = o.querySelectorAll("[data-blok-id]").length > 0;
-			if (!(!O(e) && s)) {
-				if (!O(e)) {
+			if (!(!A(e) && s)) {
+				if (!A(e)) {
 					o.innerHTML = e;
 					return;
 				}
@@ -2722,7 +2722,7 @@ var er = (e) => ({ element: $n({
 			}
 		});
 	});
-}, Dr = (e, t) => {
+}, Er = (e, t) => {
 	var n, r, i, a, o, s, c;
 	if (!(typeof e == "object" && e && "content" in e)) {
 		var l, u;
@@ -2742,40 +2742,40 @@ var er = (e) => ({ element: $n({
 		colWidths: m,
 		initialColWidth: d.initialColWidth
 	};
-}, Or = (e, t) => {
+}, Dr = (e, t) => {
 	e.addEventListener("keydown", (n) => {
-		let r = n.target.closest(`[${E}]`);
+		let r = n.target.closest(`[${O}]`);
 		if (!r) return;
-		let i = hr(e, r);
+		let i = mr(e, r);
 		i && (t == null || t.handleKeyDown(n, i));
 	});
-}, kr = ["overflow-x-auto", "overflow-y-hidden"], Ar = (e) => {
-	e == null || e.classList.add(...kr);
-}, P = (e, t) => {
+}, Or = ["overflow-x-auto", "overflow-y-hidden"], kr = (e) => {
+	e == null || e.classList.add(...Or);
+}, F = (e, t) => {
 	if (!e) return;
-	let n = e.querySelectorAll(`[${T}]`);
+	let n = e.querySelectorAll(`[${D}]`);
 	n.forEach((e) => {
 		e.removeAttribute("data-blok-table-heading");
 	}), t && n.length > 0 && n[0].setAttribute("data-blok-table-heading", "");
-}, F = (e, t) => {
-	let n = e.querySelectorAll(`[${T}]`);
+}, I = (e, t) => {
+	let n = e.querySelectorAll(`[${D}]`);
 	t.forEach((e, t) => {
 		if (t >= n.length) return;
-		let r = n[t].querySelectorAll(`[${E}]`);
+		let r = n[t].querySelectorAll(`[${O}]`);
 		e.forEach((e, t) => {
 			if (t >= r.length) return;
 			let n = r[t];
-			O(e) && e.color ? n.style.backgroundColor = e.color : n.style.backgroundColor = "", O(e) && e.textColor ? n.style.color = e.textColor : n.style.color = "";
+			A(e) && e.color ? n.style.backgroundColor = e.color : n.style.backgroundColor = "", A(e) && e.textColor ? n.style.color = e.textColor : n.style.color = "";
 		});
 	});
-}, I = (e, t) => {
-	e && (e.querySelectorAll(`[${E}]`).forEach((e) => {
+}, L = (e, t) => {
+	e && (e.querySelectorAll(`[${O}]`).forEach((e) => {
 		e.removeAttribute("data-blok-table-heading-col");
-	}), t && e.querySelectorAll(`[${T}]`).forEach((e) => {
-		let t = e.querySelector(`[${E}]`);
+	}), t && e.querySelectorAll(`[${D}]`).forEach((e) => {
+		let t = e.querySelector(`[${O}]`);
 		t && t.setAttribute("data-blok-table-heading-col", "");
 	}));
-}, L = (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"), jr = class {
+}, R = (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"), Ar = 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();
@@ -2848,13 +2848,13 @@ var er = (e) => ({ element: $n({
 		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 : L(n) && (this.contentGrid[e][t].color = n));
+		this.isInBounds(e, t) && (n === void 0 ? delete this.contentGrid[e][t].color : R(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 : L(n) && (this.contentGrid[e][t].textColor = n));
+		this.isInBounds(e, t) && (n === void 0 ? delete this.contentGrid[e][t].textColor : R(n) && (this.contentGrid[e][t].textColor = n));
 	}
 	getCellTextColor(e, t) {
 		if (this.isInBounds(e, t)) return this.contentGrid[e][t].textColor;
@@ -2992,9 +2992,9 @@ var er = (e) => ({ element: $n({
 		return !e || !Array.isArray(e) ? [] : e.map((e) => (e == null ? [] : e).map((e) => this.normalizeCell(e)));
 	}
 	normalizeCell(e) {
-		if (O(e)) {
+		if (A(e)) {
 			let t = { blocks: [...e.blocks] };
-			return e.color !== void 0 && L(e.color) && (t.color = e.color), e.textColor !== void 0 && L(e.textColor) && (t.textColor = e.textColor), t;
+			return e.color !== void 0 && R(e.color) && (t.color = e.color), e.textColor !== void 0 && R(e.textColor) && (t.textColor = e.textColor), t;
 		}
 		return { blocks: [] };
 	}
@@ -3027,7 +3027,7 @@ var er = (e) => ({ element: $n({
 		for (let n of this.contentGrid) e < n.length && t.push(...n[e].blocks);
 		return t;
 	}
-}, Mr = "data-blok-table-resize", Nr = "data-blok-table-cell", Pr = "data-blok-table-row", Fr = 50, Ir = 16, Lr = class {
+}, jr = "data-blok-table-resize", Mr = "data-blok-table-cell", Nr = "data-blok-table-row", Pr = 50, Fr = 16, Ir = class {
 	get enabled() {
 		return this._enabled;
 	}
@@ -3054,7 +3054,7 @@ var er = (e) => ({ element: $n({
 	}
 	createHandle(e) {
 		let t = document.createElement("div"), n = this.getHandleLeftPx(e);
-		return t.setAttribute(Mr, ""), t.setAttribute("data-col", String(e)), t.style.position = "absolute", t.style.top = "-1px", t.style.bottom = "0px", t.style.width = `${Ir}px`, t.style.left = `${n - Ir / 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(jr, ""), t.setAttribute("data-col", String(e)), t.style.position = "absolute", t.style.top = "-1px", t.style.bottom = "0px", t.style.width = `${Fr}px`, t.style.left = `${n - Fr / 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");
@@ -3066,14 +3066,14 @@ var er = (e) => ({ element: $n({
 	updateHandlePositions() {
 		this.handles.forEach((e, t) => {
 			let n = this.getHandleLeftPx(t), r = e;
-			r.style.left = `${n - Ir / 2}px`;
+			r.style.left = `${n - Fr / 2}px`;
 		});
 	}
 	onPointerDown(e) {
 		var t;
 		if (!this._enabled) return;
 		let n = e.target;
-		if (!n.hasAttribute(Mr)) return;
+		if (!n.hasAttribute(jr)) 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));
@@ -3081,7 +3081,7 @@ var er = (e) => ({ element: $n({
 	onPointerMove(e) {
 		var t, n;
 		if (!this.isDragging) return;
-		let r = e.clientX - this.dragStartX, i = this.startColWidth + r, a = Math.max(Fr, i);
+		let r = e.clientX - this.dragStartX, i = this.startColWidth + r, a = Math.max(Pr, 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() {
@@ -3091,8 +3091,8 @@ var er = (e) => ({ element: $n({
 		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(`[${Pr}]`);
-		return Array.from(e, (e) => Array.from(e.querySelectorAll(`[${Nr}]`)));
+		let e = this.gridEl.querySelectorAll(`[${Nr}]`);
+		return Array.from(e, (e) => Array.from(e.querySelectorAll(`[${Mr}]`)));
 	}
 	applyWidths(e = this.resolveRowCells()) {
 		let t = this.colWidths.reduce((e, t) => e + t, 0);
@@ -3102,7 +3102,7 @@ var er = (e) => ({ element: $n({
 			});
 		});
 	}
-}, Rr = (e, t, n) => (n.grid.addRow(e, t), N(e, n.cellBlocks), {
+}, Lr = (e, t, n) => (n.grid.addRow(e, t), P(e, n.cellBlocks), {
 	pendingHighlight: {
 		type: "row",
 		index: t
@@ -3111,9 +3111,9 @@ var er = (e) => ({ element: $n({
 	colWidths: n.data.colWidths,
 	withHeadings: n.data.withHeadings,
 	withHeadingColumn: n.data.withHeadingColumn
-}), zr = (e, t, n) => {
-	let r = Sr(e, t, n.data.colWidths, n.data.initialColWidth, n.grid);
-	return N(e, n.cellBlocks), {
+}), Rr = (e, t, n) => {
+	let r = xr(e, t, n.data.colWidths, n.data.initialColWidth, n.grid);
+	return P(e, n.cellBlocks), {
 		pendingHighlight: {
 			type: "col",
 			index: t
@@ -3123,7 +3123,7 @@ var er = (e) => ({ element: $n({
 		withHeadings: n.data.withHeadings,
 		withHeadingColumn: n.data.withHeadingColumn
 	};
-}, Br = (e, t, n, r) => (r.grid.moveRow(e, t, n), {
+}, zr = (e, t, n, r) => (r.grid.moveRow(e, t, n), {
 	pendingHighlight: null,
 	moveSelection: {
 		type: "row",
@@ -3132,16 +3132,16 @@ var er = (e) => ({ element: $n({
 	colWidths: r.data.colWidths,
 	withHeadings: r.data.withHeadings,
 	withHeadingColumn: r.data.withHeadingColumn
-}), Vr = (e, t, n, r) => (r.grid.moveColumn(e, t, n), {
+}), Br = (e, t, n, r) => (r.grid.moveColumn(e, t, n), {
 	pendingHighlight: null,
 	moveSelection: {
 		type: "col",
 		index: n
 	},
-	colWidths: br(r.data.colWidths, t, n),
+	colWidths: yr(r.data.colWidths, t, n),
 	withHeadings: r.data.withHeadings,
 	withHeadingColumn: r.data.withHeadingColumn
-}), Hr = (e, t, n) => {
+}), Vr = (e, t, n) => {
 	var r, i;
 	return (r = n.cellBlocks) == null || r.deleteBlocks((i = n.blocksToDelete) == null ? [] : i), n.grid.deleteRow(e, t), {
 		pendingHighlight: {
@@ -3153,11 +3153,11 @@ var er = (e) => ({ element: $n({
 		withHeadings: n.data.withHeadings,
 		withHeadingColumn: n.data.withHeadingColumn
 	};
-}, Ur = (e, t, n) => {
+}, Hr = (e, t, n) => {
 	var r, i;
 	(r = n.cellBlocks) == null || r.deleteBlocks((i = n.blocksToDelete) == null ? [] : i), n.grid.deleteColumn(e, t);
-	let a = xr(n.data.colWidths, t);
-	return a ? j(e, a) : yr(e), {
+	let a = br(n.data.colWidths, t);
+	return a ? pr(e, a) : vr(e), {
 		pendingHighlight: {
 			type: "col",
 			index: t < n.grid.getColumnCount(e) ? t : t - 1
@@ -3167,16 +3167,16 @@ var er = (e) => ({ element: $n({
 		withHeadings: n.data.withHeadings,
 		withHeadingColumn: n.data.withHeadingColumn
 	};
-}, Wr = (e, t, n) => {
+}, Ur = (e, t, n) => {
 	switch (t.type) {
-		case "insert-row-above": return Rr(e, t.index, n);
-		case "insert-row-below": return Rr(e, t.index + 1, n);
-		case "insert-col-left": return zr(e, t.index, n);
-		case "insert-col-right": return zr(e, t.index + 1, n);
-		case "move-row": return Br(e, t.fromIndex, t.toIndex, n);
-		case "move-col": return Vr(e, t.fromIndex, t.toIndex, n);
-		case "delete-row": return Hr(e, t.index, n);
-		case "delete-col": return Ur(e, t.index, n);
+		case "insert-row-above": return Lr(e, t.index, n);
+		case "insert-row-below": return Lr(e, t.index + 1, n);
+		case "insert-col-left": return Rr(e, t.index, n);
+		case "insert-col-right": return Rr(e, t.index + 1, n);
+		case "move-row": return zr(e, t.fromIndex, t.toIndex, n);
+		case "move-col": return Br(e, t.fromIndex, t.toIndex, n);
+		case "delete-row": return Vr(e, t.index, n);
+		case "delete-col": return Hr(e, t.index, n);
 		case "toggle-heading": return {
 			pendingHighlight: {
 				type: "row",
@@ -3198,13 +3198,13 @@ var er = (e) => ({ element: $n({
 			withHeadingColumn: !n.data.withHeadingColumn
 		};
 	}
-}, Gr = 10, Kr = "data-blok-table-drag-ghost", qr = (e) => {
-	let t = e.querySelector(`[${T}]`);
-	return t ? Array.from(t.querySelectorAll(`[${E}]`)).reduce((e, t) => {
+}, Wr = 10, Gr = "data-blok-table-drag-ghost", Kr = (e) => {
+	let t = e.querySelector(`[${D}]`);
+	return t ? Array.from(t.querySelectorAll(`[${O}]`)).reduce((e, t) => {
 		let n = e[e.length - 1];
 		return [...e, n + t.offsetWidth];
 	}, [0]) : [0];
-}, Jr = class {
+}, qr = 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);
@@ -3223,7 +3223,7 @@ var er = (e) => ({ element: $n({
 	}
 	handleDocPointerMove(e) {
 		let t = Math.abs(e.clientX - this.dragStartX), n = Math.abs(e.clientY - this.dragStartY);
-		!this.isDragging && (t > Gr || n > Gr) && (this.isDragging = !0, this.startDrag()), this.isDragging && (this.updateDragIndicator(e), this.updateGhostPosition(e));
+		!this.isDragging && (t > Wr || n > Wr) && (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) {
@@ -3244,7 +3244,7 @@ var er = (e) => ({ element: $n({
 		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(`[${D}]`);
 		if (this.dragType === "row") {
 			this.highlightRowCells(e);
 			return;
@@ -3253,14 +3253,14 @@ var er = (e) => ({ element: $n({
 	}
 	highlightRowCells(e) {
 		let t = e[this.dragFromIndex];
-		t && t.querySelectorAll(`[${E}]`).forEach((e) => {
+		t && t.querySelectorAll(`[${O}]`).forEach((e) => {
 			let t = e;
 			t.style.backgroundColor = "#f3f4f6", t.style.opacity = "0.7", this.dragOverlayCells.push(t);
 		});
 	}
 	highlightColumnCells(e) {
 		e.forEach((e) => {
-			let t = e.querySelectorAll(`[${E}]`);
+			let t = e.querySelectorAll(`[${O}]`);
 			if (this.dragFromIndex >= t.length) return;
 			let n = t[this.dragFromIndex];
 			n.style.backgroundColor = "#f3f4f6", n.style.opacity = "0.7", this.dragOverlayCells.push(n);
@@ -3271,7 +3271,7 @@ var er = (e) => ({ element: $n({
 		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(`[${D}]`), 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);
@@ -3293,7 +3293,7 @@ var er = (e) => ({ element: $n({
 	updateColIndicator(e, t) {
 		var n;
 		if (!this.dropIndicator) return;
-		let r = e.clientX - t.left, i = this.getColDropIndex(r), a = qr(this.grid);
+		let r = e.clientX - t.left, i = this.getColDropIndex(r), a = Kr(this.grid);
 		this.dropIndicator.style.left = `${((n = a[i]) == null ? 0 : n) - 1.5}px`;
 	}
 	finishDrag(e) {
@@ -3322,7 +3322,7 @@ var er = (e) => ({ element: $n({
 	}
 	createGhost() {
 		let e = document.createElement("div");
-		e.setAttribute(Kr, ""), e.setAttribute("contenteditable", "false");
+		e.setAttribute(Gr, ""), 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 = "0 4px 12px rgba(0,0,0,0.15)", this.ghostEl = e;
 		let n = this.getSourceRect();
@@ -3333,22 +3333,22 @@ var er = (e) => ({ element: $n({
 	}
 	getRowSourceRect() {
 		var e;
-		let t = this.grid.querySelectorAll(`[${T}]`)[this.dragFromIndex];
+		let t = this.grid.querySelectorAll(`[${D}]`)[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(`[${D}]`), 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(`[${O}]`)[this.dragFromIndex], i = n.querySelectorAll(`[${O}]`)[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(`[${D}]`)[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(`[${O}]`).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);
@@ -3356,10 +3356,10 @@ var er = (e) => ({ element: $n({
 	}
 	buildColumnGhost() {
 		if (!this.ghostEl) return;
-		let e = this.grid.querySelectorAll(`[${T}]`), t = this.ghostEl.style;
+		let e = this.grid.querySelectorAll(`[${D}]`), t = this.ghostEl.style;
 		t.display = "flex", t.flexDirection = "column", e.forEach((e) => {
 			var t;
-			let n = e.querySelectorAll(`[${E}]`);
+			let n = e.querySelectorAll(`[${O}]`);
 			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);
@@ -3371,7 +3371,7 @@ var er = (e) => ({ element: $n({
 		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(`[${D}]`)), n = t.map((e) => e.offsetTop);
 		if (t.length > 0) {
 			let e = t[t.length - 1];
 			n.push(e.offsetTop + e.offsetHeight);
@@ -3380,7 +3380,7 @@ var er = (e) => ({ element: $n({
 		return r.indexOf(i);
 	}
 	getRowDropTopPx(e) {
-		let t = this.grid.querySelectorAll(`[${T}]`);
+		let t = this.grid.querySelectorAll(`[${D}]`);
 		if (e < t.length) return t[e].offsetTop;
 		if (t.length > 0) {
 			let e = t[t.length - 1];
@@ -3389,10 +3389,10 @@ var er = (e) => ({ element: $n({
 		return 0;
 	}
 	getColDropIndex(e) {
-		let t = qr(this.grid).map((t) => Math.abs(e - t)), n = Math.min(...t);
+		let t = Kr(this.grid).map((t) => Math.abs(e - t)), n = Math.min(...t);
 		return t.indexOf(n);
 	}
-}, Yr = [
+}, Jr = [
 	"flex",
 	"items-center",
 	"select-none",
@@ -3404,7 +3404,7 @@ var er = (e) => ({ element: $n({
 	"mb-px",
 	"cursor-pointer",
 	"can-hover:hover:bg-item-hover-bg"
-], Xr = [
+], Yr = [
 	"flex",
 	"items-center",
 	"justify-center",
@@ -3413,13 +3413,13 @@ var er = (e) => ({ element: $n({
 	"mr-2",
 	"[&_svg]:w-icon",
 	"[&_svg]:h-icon"
-], Zr = [
+], Xr = [
 	"mr-auto",
 	"truncate",
 	"text-sm",
 	"font-medium",
 	"leading-5"
-], Qr = [
+], Zr = [
 	"relative",
 	"w-[34px]",
 	"h-[20px]",
@@ -3427,7 +3427,7 @@ var er = (e) => ({ element: $n({
 	"transition-colors",
 	"duration-200",
 	"shrink-0"
-], $r = [
+], Qr = [
 	"absolute",
 	"top-[2px]",
 	"w-4",
@@ -3437,36 +3437,36 @@ var er = (e) => ({ element: $n({
 	"shadow-xs",
 	"transition-[left]",
 	"duration-200"
-], ei = (e) => {
+], $r = (e) => {
 	let { icon: t, label: n, isActive: r, onToggle: i } = e, a = { active: r }, o = document.createElement("div");
-	o.className = b(Yr);
+	o.className = C(Jr);
 	let s = document.createElement("div");
-	s.className = b(Xr), s.innerHTML = t, o.appendChild(s);
+	s.className = C(Yr), s.innerHTML = t, o.appendChild(s);
 	let c = document.createElement("span");
-	c.className = b(Zr), c.textContent = n, o.appendChild(c);
+	c.className = C(Xr), c.textContent = n, o.appendChild(c);
 	let l = document.createElement("div");
-	l.className = b(Qr);
+	l.className = C(Zr);
 	let u = document.createElement("div");
-	u.className = b($r), l.appendChild(u), o.appendChild(l);
+	u.className = C(Qr), l.appendChild(u), o.appendChild(l);
 	let d = () => {
 		l.style.backgroundColor = a.active ? "#3b82f6" : "#d1d5db", u.style.left = a.active ? "16px" : "2px";
 	};
 	return d(), o.addEventListener("click", (e) => {
 		e.stopPropagation(), a.active = !a.active, d(), i(a.active);
 	}), o;
-}, ti = (e, t) => {
-	let r = e === 0 ? [{
-		type: n.Html,
-		element: ei({
-			icon: h,
+}, ei = (e, t) => {
+	let n = e === 0 ? [{
+		type: _.Html,
+		element: $r({
+			icon: f,
 			label: t.i18n.t("tools.table.headerColumn"),
 			isActive: t.isHeadingColumn(),
 			onToggle: () => {
 				t.onAction({ type: "toggle-heading-column" });
 			}
 		})
-	}, { type: n.Separator }] : [], i = [{
-		icon: se,
+	}, { type: _.Separator }] : [], r = [{
+		icon: oe,
 		title: t.i18n.t("tools.table.insertColumnLeft"),
 		closeOnActivate: !0,
 		onActivate: () => {
@@ -3476,7 +3476,7 @@ var er = (e) => ({ element: $n({
 			});
 		}
 	}, {
-		icon: d,
+		icon: s,
 		title: t.i18n.t("tools.table.insertColumnRight"),
 		closeOnActivate: !0,
 		onActivate: () => {
@@ -3485,11 +3485,11 @@ var er = (e) => ({ element: $n({
 				index: e
 			});
 		}
-	}], a = t.getColumnCount() > 1, o = [{ type: n.Separator }, {
-		icon: De,
+	}], i = t.getColumnCount() > 1, a = [{ type: _.Separator }, {
+		icon: xe,
 		title: t.i18n.t("tools.table.deleteColumn"),
 		isDestructive: !0,
-		isDisabled: !a,
+		isDisabled: !i,
 		closeOnActivate: !0,
 		onActivate: () => {
 			t.onAction({
@@ -3499,23 +3499,23 @@ var er = (e) => ({ element: $n({
 		}
 	}];
 	return [
+		...n,
 		...r,
-		...i,
-		...o
+		...a
 	];
-}, ni = (e, t) => {
-	let i = e === 0 ? [{
-		type: n.Html,
-		element: ei({
-			icon: ie,
+}, ti = (e, t) => {
+	let r = e === 0 ? [{
+		type: _.Html,
+		element: $r({
+			icon: ne,
 			label: t.i18n.t("tools.table.headerRow"),
 			isActive: t.isHeadingRow(),
 			onToggle: () => {
 				t.onAction({ type: "toggle-heading" });
 			}
 		})
-	}, { type: n.Separator }] : [], a = [{
-		icon: qe,
+	}, { type: _.Separator }] : [], i = [{
+		icon: We,
 		title: t.i18n.t("tools.table.insertRowAbove"),
 		closeOnActivate: !0,
 		onActivate: () => {
@@ -3525,7 +3525,7 @@ var er = (e) => ({ element: $n({
 			});
 		}
 	}, {
-		icon: r,
+		icon: n,
 		title: t.i18n.t("tools.table.insertRowBelow"),
 		closeOnActivate: !0,
 		onActivate: () => {
@@ -3534,11 +3534,11 @@ var er = (e) => ({ element: $n({
 				index: e
 			});
 		}
-	}], o = t.getRowCount() > 1, s = [{ type: n.Separator }, {
-		icon: De,
+	}], a = t.getRowCount() > 1, o = [{ type: _.Separator }, {
+		icon: xe,
 		title: t.i18n.t("tools.table.deleteRow"),
 		isDestructive: !0,
-		isDisabled: !o,
+		isDisabled: !a,
 		closeOnActivate: !0,
 		onActivate: () => {
 			t.onAction({
@@ -3548,30 +3548,30 @@ var er = (e) => ({ element: $n({
 		}
 	}];
 	return [
+		...r,
 		...i,
-		...a,
-		...s
+		...o
 	];
-}, ri = (e, t, n, r, i) => {
+}, ni = (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 Se({
-		items: e === "col" ? ti(t, r) : ni(t, r),
+	let o = new _e({
+		items: e === "col" ? ei(t, r) : ti(t, r),
 		trigger: a,
 		flippable: !0
 	});
-	return o.on(Ge.Closed, () => {
+	return o.on(Ve.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
 	};
-}, ii = "data-blok-table-grip", R = "data-blok-table-grip-col", ai = "data-blok-table-grip-row", oi = 150, si = 24, z = 4, B = 4, ci = 20, li = [
+}, ri = "data-blok-table-grip", z = "data-blok-table-grip-col", ii = "data-blok-table-grip-row", ai = 150, oi = 24, si = 4, B = 4, ci = 20, li = [
 	"absolute",
 	"z-3",
 	"rounded-sm",
@@ -3602,7 +3602,7 @@ var er = (e) => ({ element: $n({
 		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 Jr({
+		}, 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 qr({
 			grid: this.grid,
 			onAction: this.onAction,
 			onDragStateChange: (t, n) => {
@@ -3623,7 +3623,7 @@ var er = (e) => ({ element: $n({
 	}
 	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(`[${O}]`);
 		if (n) {
 			let e = this.getCellPosition(n);
 			e && (this.clearHideTimeout(), this.showColGrip(e.col), this.showRowGrip(e.row), this.isInsideTable = !0);
@@ -3670,18 +3670,18 @@ var er = (e) => ({ element: $n({
 	}
 	createGripElement(e, t) {
 		let n = document.createElement("div");
-		n.className = b(li, ui), n.setAttribute(ii, ""), n.setAttribute(e === "col" ? R : ai, String(t)), n.setAttribute("contenteditable", "false");
-		let r = e === "col" ? si : B, i = e === "col" ? z : ci, a = e === "col" ? z : B;
-		return n.style.width = `${r}px`, n.style.height = `${i}px`, n.style.transform = "translate(-50%, -50%)", n.style.outline = "2px solid white", n.appendChild(rr(e === "col" ? "horizontal" : "vertical")), n.addEventListener("pointerdown", this.boundPointerDown), n.addEventListener("mouseenter", () => {
-			this.overlay && this.clearHideTimeout(), this.isGripInteractionLocked() || ir(n, e);
+		n.className = C(li, ui), n.setAttribute(ri, ""), n.setAttribute(e === "col" ? z : ii, String(t)), n.setAttribute("contenteditable", "false");
+		let r = e === "col" ? oi : B, i = e === "col" ? si : ci, a = e === "col" ? si : B;
+		return n.style.width = `${r}px`, n.style.height = `${i}px`, n.style.transform = "translate(-50%, -50%)", n.style.outline = "2px solid white", n.appendChild(tr(e === "col" ? "horizontal" : "vertical")), n.addEventListener("pointerdown", this.boundPointerDown), n.addEventListener("mouseenter", () => {
+			this.overlay && this.clearHideTimeout(), this.isGripInteractionLocked() || nr(n, e);
 		}), n.addEventListener("mouseleave", () => {
-			this.isGripInteractionLocked() || (ar(n, e, a), this.overlay && this.scheduleHideAll());
+			this.isGripInteractionLocked() || (rr(n, e, a), this.overlay && this.scheduleHideAll());
 		}), n;
 	}
 	positionGrips() {
-		let e = this.grid.querySelectorAll(`[${T}]`);
+		let e = this.grid.querySelectorAll(`[${D}]`);
 		if (!e[0]) return;
-		let t = qr(this.grid), n = this.overlay && this.scrollContainer ? this.scrollContainer.scrollLeft : 0, r = this.overlay && this.scrollContainer ? this.scrollContainer.clientWidth : Infinity;
+		let t = Kr(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;
@@ -3696,7 +3696,7 @@ var er = (e) => ({ element: $n({
 		var e;
 		(e = this.rowResizeObserver) == null || e.disconnect(), this.rowResizeObserver = new ResizeObserver(() => {
 			this.positionGrips();
-		}), this.grid.querySelectorAll(`[${T}]`).forEach((e) => {
+		}), this.grid.querySelectorAll(`[${D}]`).forEach((e) => {
 			var t;
 			(t = this.rowResizeObserver) == null || t.observe(e);
 		});
@@ -3706,7 +3706,7 @@ var er = (e) => ({ element: $n({
 	}
 	handleMouseOver(e) {
 		if (this.isGripInteractionLocked()) return;
-		let t = e.target.closest(`[${E}]`);
+		let t = e.target.closest(`[${O}]`);
 		if (!t) return;
 		this.clearHideTimeout();
 		let n = this.getCellPosition(t);
@@ -3716,11 +3716,11 @@ var er = (e) => ({ element: $n({
 		this.isGripInteractionLocked() || this.scheduleHideAll();
 	}
 	getCellPosition(e) {
-		let t = e.closest(`[${T}]`);
+		let t = e.closest(`[${D}]`);
 		if (!t) return null;
-		let n = Array.from(this.grid.querySelectorAll(`[${T}]`)).indexOf(t);
+		let n = Array.from(this.grid.querySelectorAll(`[${D}]`)).indexOf(t);
 		if (n < 0) return null;
-		let r = Array.from(t.querySelectorAll(`[${E}]`)).indexOf(e);
+		let r = Array.from(t.querySelectorAll(`[${O}]`)).indexOf(e);
 		return r < 0 ? null : {
 			row: n,
 			col: r
@@ -3749,13 +3749,13 @@ var er = (e) => ({ element: $n({
 		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(R);
-		ar(t, n ? "col" : "row", n ? z : B), this.isInsideTable && (t.style.transition = "none"), t.className = b(li, di), t.setAttribute("data-blok-table-grip-visible", ""), this.isInsideTable && (t.offsetHeight, t.style.transition = "");
+		let t = e, n = t.hasAttribute(z);
+		rr(t, n ? "col" : "row", n ? si : B), this.isInsideTable && (t.style.transition = "none"), t.className = C(li, di), 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"), r.classList.add("text-gray-400"));
 	}
 	applyActiveClasses(e) {
-		Object.assign(e, { className: b(li, fi) }), e.setAttribute("data-blok-table-grip-visible", "");
+		Object.assign(e, { className: C(li, fi) }), 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"));
 	}
@@ -3765,8 +3765,8 @@ var er = (e) => ({ element: $n({
 		});
 	}
 	applyIdleClasses(e) {
-		let t = e, n = t.hasAttribute(R), r = n ? "col" : "row", i = n ? z + 12 : B + 12;
-		this.isInsideTable && (t.style.transition = "none"), ar(t, r, i), t.className = b(li, ui), t.removeAttribute("data-blok-table-grip-visible"), this.isInsideTable && (t.offsetHeight, t.style.transition = "");
+		let t = e, n = t.hasAttribute(z), r = n ? "col" : "row", i = n ? si + 12 : B + 12;
+		this.isInsideTable && (t.style.transition = "none"), rr(t, r, i), t.className = C(li, ui), t.removeAttribute("data-blok-table-grip-visible"), this.isInsideTable && (t.offsetHeight, t.style.transition = "");
 	}
 	handleDragStateChange(e, t) {
 		[...this.colGrips, ...this.rowGrips].forEach((t) => {
@@ -3777,13 +3777,13 @@ var er = (e) => ({ element: $n({
 	scheduleHideAll() {
 		this.hideTimeout = setTimeout(() => {
 			this.hideColGrip(), this.hideRowGrip(), this.isInsideTable = !1, this.hideTimeout = null;
-		}, oi);
+		}, ai);
 	}
 	clearHideTimeout() {
 		this.hideTimeout !== null && (clearTimeout(this.hideTimeout), this.hideTimeout = null);
 	}
 	handlePointerDown(e) {
-		let t = e.target.closest(`[${ii}]`);
+		let t = e.target.closest(`[${ri}]`);
 		if (!t) return;
 		e.preventDefault(), e.stopPropagation();
 		let n = this.detectGripType(t);
@@ -3792,12 +3792,12 @@ var er = (e) => ({ element: $n({
 		});
 	}
 	detectGripType(e) {
-		let t = e.getAttribute(R);
+		let t = e.getAttribute(z);
 		if (t !== null) return {
 			type: "col",
 			index: Number(t)
 		};
-		let n = e.getAttribute(ai);
+		let n = e.getAttribute(ii);
 		return n === null ? null : {
 			type: "row",
 			index: Number(n)
@@ -3805,7 +3805,7 @@ var er = (e) => ({ element: $n({
 	}
 	openPopover(e, t) {
 		var n, r;
-		this.popoverState = ri(e, t, {
+		this.popoverState = ni(e, t, {
 			col: this.colGrips,
 			row: this.rowGrips
 		}, {
@@ -3902,8 +3902,8 @@ var er = (e) => ({ element: $n({
 ], Ti = 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 = Dr(e, this.config);
-		this.initialContent = a.content, this.grid = new Jn({ readOnly: r }), this.model = new jr(a), this.blockId = i == null ? void 0 : i.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = ue(this.config.restrictedTools));
+		let a = Er(e, this.config);
+		this.initialContent = a.content, this.grid = new Kn({ readOnly: r }), this.model = new Ar(a), this.blockId = i == null ? void 0 : i.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = u(this.config.restrictedTools));
 	}
 	runStructuralOp(e, t = !1) {
 		this.structuralOpDepth++;
@@ -3938,7 +3938,7 @@ var er = (e) => ({ element: $n({
 	}
 	static get toolbox() {
 		return {
-			icon: re,
+			icon: te,
 			title: "Table",
 			titleKey: "tools.table.title",
 			searchTerms: [
@@ -3971,7 +3971,7 @@ var er = (e) => ({ element: $n({
 			em: !0,
 			mark: (e) => {
 				let t = e.style, n = Array.from({ length: t.length }, (e, n) => t.item(n));
-				for (let e of n) ge.has(e) || t.removeProperty(e);
+				for (let e of n) Ae.has(e) || t.removeProperty(e);
 				return t.length > 0 ? { style: !0 } : {};
 			},
 			a: { href: !0 },
@@ -3992,26 +3992,26 @@ var er = (e) => ({ element: $n({
 	render() {
 		var e, t, n, r, i, a;
 		let o = document.createElement("div");
-		o.className = b(Ci, !this.readOnly && wi), o.setAttribute(s.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 c = ((n = this.initialContent) == null ? void 0 : n.length) || this.config.rows || xi, l = ((r = this.initialContent) == null ? void 0 : r.reduce((e, t) => {
+		o.className = C(Ci, !this.readOnly && wi), o.setAttribute(x.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 || xi, 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 || Si, u = this.grid.createGrid(c, l, this.model.colWidths);
+		}, 0)) || this.config.cols || Si, l = this.grid.createGrid(s, c, this.model.colWidths);
 		if (((i = (a = this.initialContent) == null ? void 0 : a.length) == null ? 0 : i) > 0) {
-			var d;
-			this.grid.fillGrid(u, (d = this.initialContent) == null ? [] : d);
+			var u;
+			this.grid.fillGrid(l, (u = this.initialContent) == null ? [] : u);
 		}
-		if (this.model.colWidths && j(u, this.model.colWidths), this.gridElement = u, this.model.colWidths || !this.readOnly) {
+		if (this.model.colWidths && pr(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 ? kr : [];
-			e.classList.add(...t), e.appendChild(u), o.appendChild(e), this.scrollContainer = e;
-		} else o.appendChild(u), this.scrollContainer = null;
+			let t = this.model.colWidths ? Or : [];
+			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", o.appendChild(e), this.gripOverlay = e;
 		}
-		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(u), Or(u, this.cellBlocks)), o;
+		return this.element = o, this.model.withHeadings && F(this.gridElement, this.model.withHeadings), this.model.withHeadingColumn && L(this.gridElement, this.model.withHeadingColumn), this.readOnly || (this.initCellBlocks(l), Dr(l, this.cellBlocks)), o;
 	}
 	rendered() {
 		if (!this.element || this.initialContent === null) return;
@@ -4020,22 +4020,22 @@ var er = (e) => ({ element: $n({
 		let t = this.initialContent;
 		if (this.initialContent = null, this.readOnly) {
 			var n;
-			Er(e, t, this.api, (n = this.blockId) == null ? "" : n), F(e, this.model.snapshot().content), this.initScrollHaze();
+			Tr(e, t, this.api, (n = this.blockId) == null ? "" : n), I(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(`[${D}]`), (e) => {
+				let t = e.querySelectorAll(`[${O}]`).length;
 				return Array.from({ length: t }, () => ({ blocks: [] }));
 			}) : i;
-			this.model.replaceAll(y(y({}, this.model.snapshot()), {}, { content: a })), this.isNewTable && N(e, this.cellBlocks), this.removeGhostChildren();
+			this.model.replaceAll(S(S({}, this.model.snapshot()), {}, { content: a })), this.isNewTable && P(e, this.cellBlocks), this.removeGhostChildren();
 		}, !0), this.model.initialColWidth === void 0) {
 			var r;
-			let t = (r = this.model.colWidths) == null ? A(e) : r;
-			this.model.setInitialColWidth(t.length > 0 ? Cr(t) : void 0);
+			let t = (r = this.model.colWidths) == null ? M(e) : r;
+			this.model.setInitialColWidth(t.length > 0 ? Sr(t) : void 0);
 		}
-		if (this.initSubsystems(e), F(e, this.model.snapshot().content), this.isNewTable) {
+		if (this.initSubsystems(e), I(e, this.model.snapshot().content), this.isNewTable) {
 			var i;
 			(i = this.cellSelection) == null || i.selectRange({
 				minRow: 0,
@@ -4063,7 +4063,7 @@ var er = (e) => ({ element: $n({
 	setData(e) {
 		var t, n, r, i, a;
 		this.setDataGeneration++;
-		let o = this.setDataGeneration, s = Dr(y(y({}, this.model.snapshot()), e), this.config);
+		let o = this.setDataGeneration, s = Er(S(S({}, 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();
@@ -4077,7 +4077,7 @@ var er = (e) => ({ element: $n({
 		let f = this.gridElement;
 		if (f) {
 			if (this.readOnly) {
-				F(f, this.model.snapshot().content);
+				I(f, this.model.snapshot().content);
 				return;
 			}
 			o === this.setDataGeneration && (this.runStructuralOp(() => {
@@ -4085,15 +4085,15 @@ var er = (e) => ({ element: $n({
 				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(`[${D}]`), (e) => {
+							let t = e.querySelectorAll(`[${O}]`).length;
 							return Array.from({ length: t }, () => ({ blocks: [] }));
 						});
-						this.model.replaceAll(y(y({}, this.model.snapshot()), {}, { content: e })), N(f, this.cellBlocks);
-					} else this.model.replaceAll(y(y({}, this.model.snapshot()), {}, { content: i }));
+						this.model.replaceAll(S(S({}, this.model.snapshot()), {}, { content: e })), P(f, this.cellBlocks);
+					} else this.model.replaceAll(S(S({}, 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), F(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), I(f, this.model.snapshot().content)));
 		}
 	}
 	onPaste(e) {
@@ -4105,9 +4105,9 @@ var er = (e) => ({ element: $n({
 				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 = Te(o[1].trim(), "bg"));
+				o != null && o[1] && (a.color = Me(o[1].trim(), "bg"));
 				let s = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(i);
-				s != null && s[1] && !ve(s[1].trim()) && (a.textColor = Te(s[1].trim(), "text")), r.push(a);
+				s != null && s[1] && !Te(s[1].trim()) && (a.textColor = Me(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;
@@ -4123,12 +4123,12 @@ var er = (e) => ({ element: $n({
 		!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(y(y({}, this.model.snapshot()), {}, { content: i })), this.initialContent = null, o.forEach((e, t) => {
+			this.model.replaceAll(S(S({}, 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), F(f, this.model.snapshot().content));
+		}, !0), this.initSubsystems(f), I(f, this.model.snapshot().content));
 	}
 	destroy() {
 		var e, t;
@@ -4155,35 +4155,35 @@ var er = (e) => ({ element: $n({
 		});
 	}
 	getBlockIdsInRow(e) {
-		return wr(this.element, this.cellBlocks, e);
+		return Cr(this.element, this.cellBlocks, e);
 	}
 	getBlockIdsInColumn(e) {
-		return Tr(this.element, this.cellBlocks, e);
+		return wr(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 Wn({
+		this.addControls = new Hn({
 			wrapper: this.element,
 			grid: e,
 			i18n: this.api.i18n,
 			getNewColumnWidth: () => {
 				var t;
-				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;
+				let n = (t = this.model.colWidths) == null ? M(e) : t;
+				return this.model.initialColWidth === void 0 ? N(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
 			},
 			onAddRow: () => {
 				this.runTransactedStructuralOp(() => {
 					var t, n;
-					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();
+					this.grid.addRow(e), this.model.addRow(), P(e, this.cellBlocks), F(this.gridElement, this.model.withHeadings), L(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 ? 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();
+					let i = (t = this.model.colWidths) == null ? M(e) : t, a = this.model.initialColWidth === void 0 ? N(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]), P(e, this.cellBlocks), L(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: () => {
@@ -4192,13 +4192,13 @@ var er = (e) => ({ element: $n({
 			},
 			onDragAddRow: () => {
 				this.runTransactedStructuralOp(() => {
-					this.grid.addRow(e), this.model.addRow(), N(e, this.cellBlocks), P(this.gridElement, this.model.withHeadings), I(this.gridElement, this.model.withHeadingColumn);
+					this.grid.addRow(e), this.model.addRow(), P(e, this.cellBlocks), F(this.gridElement, this.model.withHeadings), L(this.gridElement, this.model.withHeadingColumn);
 				});
 			},
 			onDragRemoveRow: () => {
 				this.runTransactedStructuralOp(() => {
 					let t = this.grid.getRowCount(e);
-					if (t > 1 && _r(e, t - 1)) {
+					if (t > 1 && gr(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);
@@ -4208,19 +4208,19 @@ var er = (e) => ({ element: $n({
 			onDragAddCol: () => {
 				this.runTransactedStructuralOp(() => {
 					var t;
-					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);
+					let r = (t = this.model.colWidths) == null ? M(e) : t, i = this.model.initialColWidth === void 0 ? N(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), pr(e, a), P(e, this.cellBlocks), L(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 || !vr(e, r - 1)) return;
+					if (r <= 1 || !_r(e, r - 1)) return;
 					let { blocksToDelete: i } = this.model.deleteColumn(r - 1);
 					(t = this.cellBlocks) == null || t.deleteBlocks(i), this.grid.deleteColumn(e, r - 1);
 					let a = this.model.colWidths;
-					a && j(e, a), this.initResize(e), n.addedCols--;
+					a && pr(e, a), this.initResize(e), n.addedCols--;
 				});
 			},
 			onDragEnd: () => {
@@ -4279,7 +4279,7 @@ var er = (e) => ({ element: $n({
 		this.runTransactedStructuralOp(() => {
 			var r, i;
 			if (n !== this.setDataGeneration || this.gridElement !== e) return;
-			let a = this.model.colWidths, { blocksToDelete: o } = this.syncModelForAction(t), s = Wr(e, t, {
+			let a = this.model.colWidths, { blocksToDelete: o } = this.syncModelForAction(t), s = Ur(e, t, {
 				grid: this.grid,
 				data: {
 					colWidths: a,
@@ -4291,7 +4291,7 @@ var er = (e) => ({ element: $n({
 				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, 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")) {
+			if (this.model.setColWidths(s.colWidths), this.model.setWithHeadings(s.withHeadings), this.model.setWithHeadingColumn(s.withHeadingColumn), this.pendingHighlight = s.pendingHighlight, F(this.gridElement, this.model.withHeadings), L(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();
 			}
@@ -4337,10 +4337,10 @@ var er = (e) => ({ element: $n({
 	initResize(e) {
 		var t, n;
 		(t = this.resize) == null || t.destroy();
-		let r = this.model.colWidths === void 0, i = (n = this.model.colWidths) == null ? A(e) : n;
-		r || Ar(this.ensureScrollContainer()), this.resize = new Lr(e, i, (e) => {
+		let r = this.model.colWidths === void 0, i = (n = this.model.colWidths) == null ? M(e) : n;
+		r || kr(this.ensureScrollContainer()), this.resize = new Ir(e, i, (e) => {
 			var t, n, r;
-			this.model.setColWidths(e), Ar(this.ensureScrollContainer()), (t = this.rowColControls) == null || t.positionGrips(), (n = this.addControls) == null || n.syncRowButtonWidth(), (r = this.scrollHaze) == null || r.update();
+			this.model.setColWidths(e), kr(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();
@@ -4351,7 +4351,7 @@ var er = (e) => ({ element: $n({
 	}
 	initCellBlocks(e) {
 		var t;
-		this.cellBlocks = new Yn({
+		this.cellBlocks = new qn({
 			api: this.api,
 			gridElement: e,
 			tableBlockId: (t = this.blockId) == null ? "" : t,
@@ -4362,13 +4362,13 @@ var er = (e) => ({ element: $n({
 	handleCellCopy(e, t) {
 		let n = this.collectCellBlockData(e);
 		if (n.length === 0) return;
-		let r = Me(n);
-		t.setData("text/html", je(r)), t.setData("text/plain", We(r));
+		let r = ge(n);
+		t.setData("text/html", Le(r)), t.setData("text/plain", de(r));
 	}
 	handleCellCopyViaButton(e) {
 		let t = this.collectCellBlockData(e);
 		if (t.length === 0) return;
-		let n = Me(t), r = je(n), i = We(n), a = new Blob([r], { type: "text/html" }), o = new Blob([i], { type: "text/plain" });
+		let n = ge(t), r = Le(n), i = de(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
@@ -4378,7 +4378,7 @@ var er = (e) => ({ element: $n({
 		let r = this.gridElement;
 		r && this.runTransactedStructuralOp(() => {
 			for (let i of e) {
-				let e = hr(r, i);
+				let e = mr(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));
 			}
 		});
@@ -4386,12 +4386,12 @@ var er = (e) => ({ element: $n({
 	collectCellBlockData(e) {
 		let t = this.gridElement;
 		if (!t) return [];
-		let n = Array.from(t.querySelectorAll(`[${T}]`));
+		let n = Array.from(t.querySelectorAll(`[${D}]`));
 		return e.map((e) => {
 			var t;
-			let r = e.closest(`[${T}]`);
+			let r = e.closest(`[${D}]`);
 			if (!r) return null;
-			let i = n.indexOf(r), a = Array.from(r.querySelectorAll(`[${E}]`)).indexOf(e), o = e.querySelector(`[${k}]`), s = [];
+			let i = n.indexOf(r), a = Array.from(r.querySelectorAll(`[${O}]`)).indexOf(e), o = e.querySelector(`[${j}]`), s = [];
 			if (!o) return {
 				row: i,
 				col: a,
@@ -4403,7 +4403,7 @@ var er = (e) => ({ element: $n({
 				let n = this.api.blocks.getBlockIndex(t);
 				if (n === void 0) return;
 				let r = this.api.blocks.getBlockByIndex(n);
-				r && s.push(y({
+				r && s.push(S({
 					tool: r.name,
 					data: r.preservedData
 				}, Object.keys(r.preservedTunes).length > 0 ? { tunes: r.preservedTunes } : {}));
@@ -4414,7 +4414,7 @@ var er = (e) => ({ element: $n({
 				data: { text: c }
 			});
 			let l = this.model.getCellColor(i, a), u = this.model.getCellTextColor(i, a);
-			return y(y({
+			return S(S({
 				row: i,
 				col: a,
 				blocks: s
@@ -4425,7 +4425,7 @@ var er = (e) => ({ element: $n({
 		var t;
 		(t = this.cellSelection) == null || t.destroy();
 		let n = this.api.rectangleSelection;
-		this.cellSelection = new mr({
+		this.cellSelection = new fr({
 			grid: e,
 			rectangleSelection: n,
 			i18n: this.api.i18n,
@@ -4452,7 +4452,7 @@ var er = (e) => ({ element: $n({
 					t.deleteBlocks(n);
 					let r = this.gridElement;
 					if (r) for (let t of e) {
-						let e = hr(r, t);
+						let e = mr(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 = "");
 					}
 				});
@@ -4482,20 +4482,20 @@ var er = (e) => ({ element: $n({
 	}
 	handleGridPaste(e, t) {
 		if (this.readOnly || !e.clipboardData || e.defaultPrevented) return;
-		let n = e.clipboardData.getData("text/html"), r = xe(n), i = r === null ? Le(n) : null, a = r == null ? i : r;
+		let n = e.clipboardData.getData("text/html"), r = Be(n), i = r === null ? pe(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(`[${O}]`);
 		if (!s || !t.contains(s)) return;
-		let c = s.closest(`[${T}]`);
+		let c = s.closest(`[${D}]`);
 		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(`[${D}]`)).indexOf(c), u = Array.from(c.querySelectorAll(`[${O}]`)).indexOf(s);
 		this.pastePayloadIntoCells(t, a, l, u);
 	}
 	insertSingleCellPayloadInline(e) {
@@ -4516,11 +4516,11 @@ var er = (e) => ({ element: $n({
 		this.runTransactedStructuralOp(() => {
 			var i, a;
 			this.expandGridForPaste(e, n + t.rows, r + t.cols);
-			let o = e.querySelectorAll(`[${T}]`);
+			let o = e.querySelectorAll(`[${D}]`);
 			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(`[${O}]`);
 				Array.from({ length: t.cols }, (e, t) => t).forEach((i) => {
 					let o = a[r + i];
 					if (o) {
@@ -4535,7 +4535,7 @@ var er = (e) => ({ element: $n({
 				});
 			}), 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(`[${D}]`)[n + t.rows - 1], a = i == null ? void 0 : i.querySelectorAll(`[${O}]`)[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");
@@ -4543,11 +4543,11 @@ var er = (e) => ({ element: $n({
 	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(), N(e, this.cellBlocks), P(this.gridElement, this.model.withHeadings), I(this.gridElement, this.model.withHeadingColumn);
+			this.grid.addRow(e), this.model.addRow(), P(e, this.cellBlocks), F(this.gridElement, this.model.withHeadings), L(this.gridElement, this.model.withHeadingColumn);
 		}), Array.from({ length: Math.max(0, n - i) }).forEach(() => {
 			var t;
-			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);
+			let n = (t = this.model.colWidths) == null ? M(e) : t, r = this.model.initialColWidth === void 0 ? N(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]), P(e, this.cellBlocks), L(this.gridElement, this.model.withHeadingColumn);
 		});
 	}
 	pasteCellPayload(e, t) {
@@ -4555,7 +4555,7 @@ var er = (e) => ({ element: $n({
 			let t = this.cellBlocks.getBlockIdsFromCells([e]);
 			this.cellBlocks.deleteBlocks(t);
 		}
-		let n = e.querySelector(`[${k}]`);
+		let n = e.querySelector(`[${j}]`);
 		if (n) {
 			if (t.blocks.length === 0) {
 				var r;
@@ -4578,7 +4578,7 @@ var er = (e) => ({ element: $n({
 	if (!t) return e;
 	let i = n();
 	return {
-		text: i ? Je(i.innerHTML) : e.text,
+		text: i ? Ge(i.innerHTML) : e.text,
 		isOpen: r
 	};
 }, Oi = (e, t) => {
@@ -4595,7 +4595,7 @@ var er = (e) => ({ element: $n({
 		newData: e,
 		inPlace: !1
 	};
-	let i = y(y({}, e), t);
+	let i = S(S({}, e), t);
 	return typeof t.text == "string" && (r.innerHTML = t.text), {
 		newData: i,
 		inPlace: !0
@@ -4612,15 +4612,19 @@ var er = (e) => ({ element: $n({
 			let t = { text: typeof e.text == "string" ? e.text : "" };
 			return typeof e.isOpen == "boolean" && (t.isOpen = e.isOpen), t;
 		}
+		if (typeof e == "object" && e && "title" in e) {
+			let t = e, n = { text: typeof t.title == "string" ? t.title : "" };
+			return typeof t.isExpanded == "boolean" && (n.isOpen = t.isExpanded), n;
+		}
 		return { text: "" };
 	}
 	get placeholder() {
 		if (this._settings.placeholder) return this._settings.placeholder;
-		let e = this.api.i18n.t(Ae);
+		let e = this.api.i18n.t(we);
 		return e === "tools.toggle.placeholder" ? "Toggle" : e;
 	}
 	render() {
-		let e = ct({
+		let e = ot({
 			data: this._data,
 			readOnly: this.readOnly,
 			isOpen: this._isOpen,
@@ -4628,10 +4632,10 @@ var er = (e) => ({ element: $n({
 			keydownHandler: this.readOnly ? null : this.handleKeyDown.bind(this),
 			onArrowClick: this.readOnly ? null : () => this.toggleOpen(),
 			onBodyPlaceholderClick: this.readOnly ? null : () => this.handleBodyPlaceholderClick(),
-			bodyPlaceholderText: this.api.i18n.t(Fe),
+			bodyPlaceholderText: this.api.i18n.t(ke),
 			ariaLabels: {
-				collapse: this.api.i18n.t(He),
-				expand: this.api.i18n.t(Ne)
+				collapse: this.api.i18n.t(Re),
+				expand: this.api.i18n.t(De)
 			}
 		});
 		return this._element = e.wrapper, this._contentElement = e.contentElement, this._arrowElement = e.arrowElement, this._bodyPlaceholderElement = e.bodyPlaceholderElement, this._childContainerElement = e.childContainerElement, this._element;
@@ -4655,16 +4659,16 @@ var er = (e) => ({ element: $n({
 	onPaste(t) {
 		let n = t.detail;
 		if (!("data" in n)) return;
-		let r = n.data, i = r.querySelector("summary"), a = o(i === null ? r.innerHTML : i.innerHTML, e.sanitize.text);
+		let r = n.data, i = r.querySelector("summary"), a = ie(i === null ? r.innerHTML : i.innerHTML, e.sanitize.text);
 		this._data = { text: a };
-		let s = this.getContentElement();
-		s !== null && (s.innerHTML = a);
+		let o = this.getContentElement();
+		o !== null && (o.innerHTML = a);
 	}
 	setData(e) {
 		let t = ki(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(Ne)
+		return this._data = t.newData, typeof this._data.isOpen == "boolean" && (this._isOpen = this._data.isOpen), this._arrowElement && this._element && T(this._arrowElement, this._element, this._isOpen, {
+			collapse: this.api.i18n.t(Re),
+			expand: this.api.i18n.t(De)
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility(), t.inPlace;
 	}
 	renderSettings() {
@@ -4686,19 +4690,19 @@ var er = (e) => ({ element: $n({
 		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(Ne)
+		this._isOpen = e, this._arrowElement && this._element && T(this._arrowElement, this._element, this._isOpen, {
+			collapse: this.api.i18n.t(Re),
+			expand: this.api.i18n.t(De)
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility();
 	}
 	toggleOpen() {
 		this.setOpenState(!this._isOpen);
 	}
 	updateChildrenVisibility() {
-		this.blockId !== void 0 && lt(this.api, this.blockId, this._isOpen, this._childContainerElement, this._arrowElement);
+		this.blockId !== void 0 && st(this.api, this.blockId, this._isOpen, this._childContainerElement, this._arrowElement);
 	}
 	updateBodyPlaceholderVisibility() {
-		this.blockId !== void 0 && ut(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly);
+		this.blockId !== void 0 && ct(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly);
 	}
 	handleBodyPlaceholderClick() {
 		var e;
@@ -4734,10 +4738,10 @@ var er = (e) => ({ element: $n({
 	}
 	async handleEnter() {
 		var e = this;
-		await dt(e.createKeyboardContext()), e.updateBodyPlaceholderVisibility();
+		await lt(e.createKeyboardContext()), e.updateBodyPlaceholderVisibility();
 	}
 	async handleBackspace(e) {
-		await ft(this.createKeyboardContext(), e);
+		await ut(this.createKeyboardContext(), e);
 	}
 	syncContentFromDOM() {
 		let e = this.getContentElement();
@@ -4745,10 +4749,10 @@ var er = (e) => ({ element: $n({
 	}
 	static get toolbox() {
 		return {
-			icon: Be,
+			icon: Fe,
 			title: "Toggle list",
 			titleKey: "toggleList",
-			name: Ie,
+			name: je,
 			searchTerms: [
 				"toggle",
 				"collapse",
@@ -4921,10 +4925,10 @@ var er = (e) => ({ element: $n({
 	}
 	synchronize(e) {
 		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, o = (n = i == null ? void 0 : i.closest(a(s.editor))) == null ? i == null ? void 0 : i.ownerDocument : n;
-		if (!o) return;
-		let c = `strong[${W.COLLAPSED_ACTIVE}="true"]`;
-		o.querySelectorAll(c).forEach((t) => {
+		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(v(x.editor))) == null ? i == null ? void 0 : i.ownerDocument : n;
+		if (!a) return;
+		let o = `strong[${W.COLLAPSED_ACTIVE}="true"]`;
+		a.querySelectorAll(o).forEach((t) => {
 			var n;
 			let r = t.getAttribute(W.PREV_LENGTH), i = t.previousSibling;
 			if (!r || !i || i.nodeType !== Node.TEXT_NODE) return;
@@ -4939,15 +4943,15 @@ var er = (e) => ({ element: $n({
 			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);
 			for (; t.firstChild;) t.removeChild(t.firstChild);
 			if (t.appendChild(h), !(e != null && e.isCollapsed) || !Fi(e.focusNode, o)) return;
-			let g = document.createRange(), ee = h.textContent.length;
-			g.setStart(h, ee), g.collapse(!0), e.removeAllRanges(), e.addRange(g);
+			let g = document.createRange(), _ = h.textContent.length;
+			g.setStart(h, _), g.collapse(!0), e.removeAllRanges(), e.addRange(g);
 		});
 	}
 	enforceLengths(e) {
 		var 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(a(s.editor));
+		let r = n.nodeType === Node.ELEMENT_NODE ? n : n.parentElement, i = r == null ? void 0 : r.closest(v(x.editor));
 		i && i.querySelectorAll(`strong[${W.COLLAPSED_LENGTH}]`).forEach((t) => {
 			var n;
 			let r = t.getAttribute(W.COLLAPSED_LENGTH);
@@ -5067,7 +5071,7 @@ var Li = {
 	preserveNode: null
 }, K = class e {
 	constructor(e) {
-		this.options = y(y({}, Li), e);
+		this.options = S(S({}, Li), e);
 	}
 	run(e) {
 		if (typeof document > "u") return;
@@ -5141,7 +5145,7 @@ var Li = {
 		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(a(s.elementContent)) : n) || i.closest(a(s.editor)) : null;
+		return i ? ((n = i.closest("[data-blok-component=\"paragraph\"]")) == null ? i.closest(v(x.elementContent)) : n) || i.closest(v(x.editor)) : null;
 	}
 }, Ri, zi = class e {
 	constructor() {
@@ -5404,12 +5408,12 @@ var Bi = (e, t) => {
 	updateToolbarButtonState() {
 		let e = window.getSelection();
 		if (!e) return;
-		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(a(s.editor));
+		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(v(x.editor));
 		if (!r) return;
 		let i = r.querySelector("[data-blok-testid=inline-toolbar]");
 		if (!(i instanceof HTMLElement)) return;
-		let o = i.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 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();
@@ -5446,7 +5450,7 @@ var Bi = (e, t) => {
 	}
 	static findBlokScopeFromNode(e) {
 		let t = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
-		return !t || typeof t.closest != "function" ? null : t.closest(`${a(s.interface)}, ${a(s.editor)}`);
+		return !t || typeof t.closest != "function" ? null : t.closest(`${v(x.interface)}, ${v(x.editor)}`);
 	}
 	static getBoundaryBold(t) {
 		let n = t.startContainer;
@@ -5468,7 +5472,7 @@ var Bi = (e, t) => {
 		let t = e.anchorNode;
 		if (!t) return !1;
 		let n = t.nodeType === Node.ELEMENT_NODE ? t : t.parentElement;
-		return !!(n != null && n.closest(a(s.editor)));
+		return !!(n != null && n.closest(v(x.editor)));
 	}
 	getRangeHtmlWithoutBold(e) {
 		let t = e.cloneContents();
@@ -5499,7 +5503,7 @@ var X, Gi = (e) => {
 	}
 	render() {
 		return {
-			icon: oe,
+			icon: ae,
 			name: "italic",
 			onActivate: () => {
 				this.toggleItalic();
@@ -5649,18 +5653,18 @@ var Z, qi = class {
 			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 _(), this.nodes.input = this.createInput();
+		}, this.toolbar = e.toolbar, this.inlineToolbar = e.inlineToolbar, this.notifier = e.notifier, this.i18n = e.i18n, this.selection = new y(), this.nodes.input = this.createInput();
 	}
 	render() {
 		return {
-			icon: ce,
+			icon: se,
 			name: "link",
 			isActive: () => !!this.selection.findParentTag("A"),
 			children: {
 				hideChevron: !0,
 				width: "200px",
 				items: [{
-					type: n.Html,
+					type: _.Html,
 					element: this.nodes.input
 				}],
 				onOpen: () => {
@@ -5685,7 +5689,7 @@ var Z, qi = class {
 			let e = t.getAttribute("href");
 			this.nodes.input.value = e === null ? "" : e;
 		} else this.nodes.input.value = "";
-		this.nodes.input.className = b(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.nodes.input.className = C(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(() => {
@@ -5696,7 +5700,7 @@ var Z, qi = class {
 		}, 0));
 	}
 	getButtonElement() {
-		let e = document.querySelector(`${a(s.interface, ne)} [data-blok-item-name="link"]`);
+		let e = document.querySelector(`${v(x.interface, m)} [data-blok-item-name="link"]`);
 		return e && e !== this.nodes.button && (e.addEventListener("click", this.handleButtonClick, !0), this.nodes.button = e), e;
 	}
 	updateButtonStateAttributes(e) {
@@ -5709,7 +5713,7 @@ var Z, qi = class {
 		(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 = "", this.updateButtonStateAttributes(!1), this.unlinkAvailable = !1, e && this.selection.clearSaved(), this.inputOpened = !1);
 	}
 	restoreSelection() {
-		let e = new _(), t = _.isAtBlok;
+		let e = new y(), t = y.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();
@@ -5733,7 +5737,7 @@ var Z, qi = class {
 			this.notifier.show({
 				message: this.i18n.t("tools.link.invalidLink"),
 				style: "error"
-			}), pe("Incorrect Link pasted", "warn", t);
+			}), He("Incorrect Link pasted", "warn", t);
 			return;
 		}
 		let n = this.prepareLink(t);
@@ -5756,7 +5760,7 @@ var Z, qi = class {
 			this.selection.expandToTag(t), t.href = e, t.target = "_blank", t.rel = "nofollow";
 			return;
 		}
-		let n = _.range;
+		let n = y.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);
@@ -5790,7 +5794,7 @@ var Q = (e) => e.tagName === "MARK", Ji = (e) => q(e, Q), $, Yi = {
 		} };
 	}
 	constructor({ api: e }) {
-		this.colorMode = "color", this.i18n = e.i18n, this.inlineToolbar = e.inlineToolbar, this.selection = new _(), this.picker = $n({
+		this.colorMode = "color", this.i18n = e.i18n, this.inlineToolbar = e.inlineToolbar, this.selection = new y(), this.picker = Zn({
 			i18n: this.i18n,
 			testIdPrefix: "marker",
 			defaultModeIndex: 0,
@@ -5810,7 +5814,7 @@ var Q = (e) => e.tagName === "MARK", Ji = (e) => q(e, Q), $, Yi = {
 	}
 	render() {
 		return {
-			icon: p,
+			icon: l,
 			name: "marker",
 			isActive: () => {
 				let e = window.getSelection();
@@ -5820,7 +5824,7 @@ var Q = (e) => e.tagName === "MARK", Ji = (e) => q(e, Q), $, Yi = {
 				hideChevron: !0,
 				width: "200px",
 				items: [{
-					type: n.Html,
+					type: _.Html,
 					element: this.picker.element
 				}],
 				onOpen: () => {
@@ -6020,4 +6024,4 @@ var Zi = {
 	marker: {}
 };
 //#endregion
-export { Ki as a, Ti as c, rt as d, qi as i, Fn as l, Qi as n, Wi as o, Xi as r, Ai as s, Zi as t, _t as u };
+export { Ki as a, Ti as c, tt as d, qi as i, Nn as l, Qi as n, Wi as o, Xi as r, Ai as s, Zi as t, ht as u };