@jackuait/blok 0.8.2 → 0.8.3-beta.2

package/dist/chunks/{tools-CW1RAIvp.mjs → tools-BBmJ8jqK.mjs}

@@ -1,8 +1,8 @@
-import { $ as e, A as t, At as n, B as r, Bt as i, Ct as a, D as o, En as s, Et as c, F as l, G as u, H as d, I as f, It as p, J as m, K as h, L as g, Lt as _, M as ee, Mn as v, N as te, Nn as y, Nt as ne, P as re, R as ie, St as ae, U as oe, V as se, Vt as ce, W as le, X as ue, Y as de, Z as fe, _t as pe, a as me, at as he, bt as ge, c as _e, ct as ve, d as ye, dt as be, f as xe, ft as Se, g as Ce, gt as we, h as Te, ht as Ee, i as De, it as Oe, j as ke, jt as Ae, k as je, l as Me, lt as Ne, mt as Pe, n as Fe, nn as Ie, nt as Le, o as Re, ot as ze, p as Be, pt as Ve, q as He, r as Ue, rt as We, s as Ge, st as Ke, t as qe, tt as Je, u as b, v as Ye, vt as Xe, xt as Ze, yt as Qe, z as $e } from "./constants-CyDHDZyH.mjs";
-import { t as x } from "./objectSpread2-CyPxu8-u.mjs";
-import { n as S } from "./tw-DmW6-pCY.mjs";
+import { $ as e, $t as t, A as n, At as r, B as i, Ct as a, D as o, Dt as s, Et as c, F as l, Ft as u, G as d, Gn as f, Gt as p, H as m, Ht as h, I as g, J as ee, Jt as _, K as te, L as ne, M as re, Mt as ie, N as ae, Nt as oe, O as se, Ot as ce, P as le, Pt as ue, Q as de, Qt as fe, R as pe, Rn as me, Rt as he, Tt as ge, U as _e, Ut as v, V as ve, W as ye, Wn as y, X as be, Y as xe, Yt as b, Z as Se, _t as Ce, a as we, at as Te, bt as Ee, c as De, d as Oe, et as ke, f as Ae, ft as je, g as Me, gt as Ne, h as Pe, ht as Fe, i as Ie, it as Le, j as Re, jt as ze, kt as Be, l as Ve, lt as He, mn as Ue, mt as We, n as Ge, nt as Ke, o as qe, ot as Je, p as Ye, pt as Xe, q as Ze, r as Qe, rt as $e, s as et, st as tt, t as nt, tt as rt, u as x, ut as it, v as at, vt as ot, wt as st, xt as ct, yt as lt, z as ut } from "./constants-PWnlOOrQ.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 et = (e) => {
+var dt = (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 et = (e) => {
 			t.removeChild(e);
 		}
 	}), t.innerHTML;
-}, C = [
+}, w = [
 	"empty:before:pointer-events-none",
 	"empty:before:text-gray-text",
 	"empty:before:cursor-text",
@@ -21,7 +21,7 @@ var et = (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)]"
-], tt = [
+], ft = [
 	"empty:before:pointer-events-none",
 	"empty:before:text-gray-text",
 	"empty:before:cursor-text",
@@ -30,7 +30,7 @@ var et = (e) => {
 	"data-[empty=true]:before:text-gray-text",
 	"data-[empty=true]:before:cursor-text",
 	"data-[empty=true]:before:content-[attr(data-blok-placeholder-active)]"
-], nt = [
+], pt = [
 	"empty:focus:before:pointer-events-none",
 	"empty:focus:before:text-gray-text",
 	"empty:focus:before:cursor-text",
@@ -39,7 +39,7 @@ var et = (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)]"
-], rt = [
+], mt = [
 	"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 et = (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)]"
-], it = (e) => {
+], ht = (e) => {
 	let t = e.innerHTML.trim();
 	return t === "" || t === "<br>";
-}, at = (e) => {
+}, gt = (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);
-}, ot = (e) => {
-	it(e) && at(e);
-}, st = (e, t, n = "data-placeholder") => {
-	e.setAttribute(n, t == null ? "" : t), e.addEventListener("focus", () => ot(e));
-}, ct, lt = (e) => {
+}, _t = (e) => {
+	ht(e) && gt(e);
+}, vt = (e, t, n = "data-placeholder") => {
+	e.setAttribute(n, t == null ? "" : t), e.addEventListener("focus", () => _t(e));
+}, yt, bt = (e) => {
 	let t = document.createElement("div");
 	t.innerHTML = e.trim();
 	let n = document.createDocumentFragment();
 	return n.append(...Array.from(t.childNodes)), n;
-}, ut = class e {
+}, xt = class e {
 	static get DEFAULT_PLACEHOLDER() {
 		return "tools.paragraph.placeholder";
 	}
@@ -85,9 +85,9 @@ var et = (e) => {
 	}
 	drawView() {
 		let t = document.createElement("DIV");
-		t.className = S(this.api.styles.block, e.WRAPPER_CLASSES, nt, rt), t.setAttribute(v.tool, "paragraph"), t.contentEditable = "false";
+		t.className = C(this.api.styles.block, e.WRAPPER_CLASSES, pt, mt), t.setAttribute(y.tool, "paragraph"), t.contentEditable = "false";
 		let n = this.buildInlineStyles();
-		return Object.keys(n).length > 0 && Object.assign(t.style, n), this._data.text ? t.innerHTML = this._data.text : this.readOnly && (t.innerHTML = "<br>"), this.readOnly || (t.contentEditable = "true", t.addEventListener("keyup", this.onKeyUp), st(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
+		return Object.keys(n).length > 0 && Object.assign(t.style, n), this._data.text ? t.innerHTML = this._data.text : this.readOnly && (t.innerHTML = "<br>"), this.readOnly || (t.contentEditable = "true", t.addEventListener("keyup", this.onKeyUp), vt(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
 	}
 	render() {
 		return this._element = this.drawView(), this._element;
@@ -95,14 +95,14 @@ var et = (e) => {
 	merge(e) {
 		if (!this._element) return;
 		this._data.text += e.text;
-		let t = lt(e.text);
+		let t = bt(e.text);
 		this._element.appendChild(t), this._element.normalize();
 	}
 	validate(e) {
 		return !(e.text.trim() === "" && !this._preserveBlank);
 	}
 	save(e) {
-		return { text: et(e.innerHTML) };
+		return { text: dt(e.innerHTML) };
 	}
 	onPaste(e) {
 		let t = e.detail;
@@ -134,7 +134,7 @@ var et = (e) => {
 	}
 	static get toolbox() {
 		return {
-			icon: We,
+			icon: Fe,
 			title: "Text",
 			titleKey: "text",
 			searchTerms: [
@@ -145,7 +145,7 @@ var et = (e) => {
 		};
 	}
 };
-ct = ut, ct.WRAPPER_CLASSES = [
+yt = xt, yt.WRAPPER_CLASSES = [
 	"leading-[1.5]",
 	"outline-hidden",
 	"mt-px",
@@ -155,54 +155,54 @@ ct = ut, ct.WRAPPER_CLASSES = [
 ];
 //#endregion
 //#region src/tools/toggle/dom-builder.ts
-var dt = (e) => {
+var St = (e) => {
 	let { data: t, readOnly: n, isOpen: r, keydownHandler: i, onArrowClick: a, onBodyPlaceholderClick: o } = e, s = document.createElement("div");
-	s.className = me, s.setAttribute(v.tool, Be), s.setAttribute(b.toggleOpen, String(r));
+	s.className = we, s.setAttribute(y.tool, Ye), s.setAttribute(x.toggleOpen, String(r));
 	let c = document.createElement("div");
-	c.className = xe;
-	let l = ft(r, a, {}, e.ariaLabels), u = mt(t, n, i);
+	c.className = Ae;
+	let l = Ct(r, a, {}, e.ariaLabels), u = Tt(t, n, i);
 	c.appendChild(l), c.appendChild(u);
-	let d = pt(o, e.bodyPlaceholderText), f = document.createElement("div");
-	return f.className = ye, f.setAttribute(b.toggleChildren, ""), f.setAttribute("data-blok-mutation-free", "true"), f.id = `toggle-children-${Date.now()}-${Math.random().toString(36).slice(2)}`, l.setAttribute("aria-controls", f.id), s.appendChild(c), s.appendChild(d), s.appendChild(f), {
+	let d = wt(o, e.bodyPlaceholderText), f = document.createElement("div");
+	return f.className = Oe, f.setAttribute(x.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
 	};
-}, ft = (e, t, n = {}, r = {
+}, Ct = (e, t, n = {}, r = {
 	collapse: "Collapse",
 	expand: "Expand"
 }) => {
 	let i = document.createElement("span");
-	i.className = De, i.setAttribute(b.toggleArrow, ""), i.setAttribute(v.mutationFree, "true"), i.setAttribute("role", "button"), i.setAttribute("tabindex", "0"), i.setAttribute("aria-label", e ? r.collapse : r.expand), i.setAttribute("aria-expanded", String(e)), n.contentEditableFalse === !0 && (i.contentEditable = "false"), i.innerHTML = Ue;
+	i.className = Ie, i.setAttribute(x.toggleArrow, ""), i.setAttribute(y.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 = Qe;
 	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;
-}, pt = (e, t) => {
+}, wt = (e, t) => {
 	let n = document.createElement("div");
-	return n.className = Ge, n.setAttribute(b.toggleBodyPlaceholder, ""), n.setAttribute("data-blok-mutation-free", "true"), n.textContent = t, e && n.addEventListener("click", e), n;
-}, mt = (e, t, n) => {
+	return n.className = et, n.setAttribute(x.toggleBodyPlaceholder, ""), n.setAttribute("data-blok-mutation-free", "true"), n.textContent = t, e && n.addEventListener("click", e), n;
+}, Tt = (e, t, n) => {
 	let r = document.createElement("div");
-	return r.className = S(_e, tt, rt), r.setAttribute(b.toggleContent, ""), r.contentEditable = t ? "false" : "true", r.innerHTML = e.text, n && r.addEventListener("keydown", n), r;
-}, ht = (e) => {
-	let t = dt(e);
-	return t.contentElement && st(t.contentElement, e.placeholder, "data-blok-placeholder-active"), t;
-}, w = (e, t, n, r = {
+	return r.className = C(De, ft, mt), r.setAttribute(x.toggleContent, ""), r.contentEditable = t ? "false" : "true", r.innerHTML = e.text, n && r.addEventListener("keydown", n), r;
+}, Et = (e) => {
+	let t = St(e);
+	return t.contentElement && vt(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(b.toggleOpen, String(n));
-}, gt = (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(x.toggleOpen, String(n));
+}, Dt = (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"));
-}, _t = (e, t, n, r, i) => {
+}, Ot = (e, t, n, r, i) => {
 	if (e === null) return;
 	if (i) {
 		e.classList.add("hidden");
@@ -210,27 +210,33 @@ var dt = (e) => {
 	}
 	let a = t.blocks.getChildren(n);
 	r && a.length === 0 ? e.classList.remove("hidden") : e.classList.add("hidden");
-}, vt = async (e) => {
+}, kt = 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 } = bt(c, l.getRangeAt(0)), f = (t = n.blocks.getBlockIndex(r)) == null ? n.blocks.getCurrentBlockIndex() : t;
+	let { beforeContent: u, afterContent: d } = Mt(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");
+		let e = jt(n, r, f), t = n.blocks.insertInsideParent(r, e);
+		n.caret.setToBlock(t.id, "start");
 		return;
 	}
-	n.blocks.splitBlock(r, { text: u }, Be, { text: d }, f + 1), i.text = u;
-}, yt = async (e, t) => {
+	n.blocks.splitBlock(r, { text: u }, Ye, { text: d }, f + 1), i.text = u;
+}, At = 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 || !c(s)) return;
-	let l = i.text;
-	l === "" && (t.preventDefault(), await n.blocks.convert(r, "paragraph", { text: l }));
-}, bt = (e, t) => {
+	if (!s || !he(s)) return;
+	let c = i.text;
+	c === "" && (t.preventDefault(), await n.blocks.convert(r, "paragraph", { text: c }));
+}, jt = (e, t, n) => {
+	var r;
+	let i = e.blocks.getChildren(t);
+	if (i.length === 0) return n + 1;
+	let a = i[i.length - 1], o = (r = e.blocks.getBlockIndex(a.id)) == null ? n : r;
+	return jt(e, a.id, o);
+}, Mt = (e, t) => {
 	if (!e.lastChild) return {
 		beforeContent: "",
 		afterContent: ""
@@ -246,16 +252,16 @@ var dt = (e) => {
 		beforeContent: i.innerHTML,
 		afterContent: a.innerHTML
 	};
-}, xt = async (e) => {
+}, Nt = 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 } = bt(c, l.getRangeAt(0)), f = (t = n.blocks.getBlockIndex(r)) == null ? n.blocks.getCurrentBlockIndex() : t;
+	let { beforeContent: u, afterContent: d } = Mt(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");
+		let e = jt(n, r, f), t = n.blocks.insertInsideParent(r, e);
+		n.caret.setToBlock(t.id, "start");
 		return;
 	}
 	n.blocks.splitBlock(r, {
@@ -267,17 +273,17 @@ var dt = (e) => {
 		level: s,
 		isToggleable: !0
 	}, f + 1);
-}, St = 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 l = a();
-	if (!l || !c(l)) return;
-	let u = i();
-	u === "" && (t.preventDefault(), await n.blocks.convert(r, "header", {
-		text: u,
+	let c = a();
+	if (!c || !he(c)) return;
+	let l = i();
+	l === "" && (t.preventDefault(), await n.blocks.convert(r, "header", {
+		text: l,
 		level: s
 	}));
-}, Ct, wt = class e {
+}, Ft, It = 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,10 +291,10 @@ var dt = (e) => {
 				e.preventDefault(), this.handleEnter();
 				return;
 			}
-			e.key === "Backspace" && St(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);
+		}, this.api = n, this.readOnly = r, this._settings = t || {}, this._data = this.normalizeData(e), this._isOpen = (a = this._data.isOpen) == null ? !0 : a, this._element = this.getTag(), i && (this.blockId = i.id), !r && this._data.isToggleable && this.api.events.on("block changed", this.handleBlockChanged);
 	}
 	get _CSS() {
 		return {
@@ -311,7 +317,7 @@ var dt = (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(`[${b.toggleArrow}]`);
+			let t = e.querySelector(`[${x.toggleArrow}]`);
 			t && (t.remove(), r.text = e.innerHTML);
 		}
 		return r;
@@ -326,13 +332,13 @@ var dt = (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 && w(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 && w(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 +366,14 @@ var dt = (e) => {
 	merge(e) {
 		let t = document.createElement("div");
 		t.innerHTML = e.text;
-		let n = t.querySelector(`[${b.toggleArrow}]`);
+		let n = t.querySelector(`[${x.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 && w(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 +412,13 @@ var dt = (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(b.toggleOpen, String(this._isOpen)), this._element.className = S(e.BASE_STYLES, this.currentLevel.styles, C, "pl-8"), !this._wrapper) this.createToggleWrapper();
-			else if (!this._wrapper.querySelector(`[${b.toggleArrow}]`)) {
+			if (this._element.setAttribute(x.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(`[${x.toggleArrow}]`)) {
 				var n;
 				let e = this.buildArrow();
 				this._arrowElement = e, ((n = this._headerRow) == null ? this._wrapper : n).prepend(e);
 			}
-		} else if (this._element.removeAttribute(b.toggleOpen), this._element.className = S(e.BASE_STYLES, this.currentLevel.styles, C), this._arrowElement = null, this._wrapper) {
+		} else if (this._element.removeAttribute(x.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 +428,14 @@ var dt = (e) => {
 	}
 	getTag() {
 		let t = document.createElement(this.currentLevel.tag);
-		t.innerHTML = this._data.text || "", t.className = S(e.BASE_STYLES, this.currentLevel.styles, C, 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(v.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this._data.isToggleable && t.setAttribute(b.toggleOpen, String(this._isOpen));
+		n && Object.assign(t.style, n), t.setAttribute(y.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this._data.isToggleable && t.setAttribute(x.toggleOpen, String(this._isOpen));
 		let r = this.api.i18n.t(this.currentLevel.nameKey), i = this.resolvePlaceholderText(r);
-		return this.readOnly ? t.setAttribute("data-placeholder", i) : st(t, i), !this.readOnly && this._data.isToggleable && t.addEventListener("keydown", this.handleKeyDown), t;
+		return this.readOnly ? t.setAttribute("data-placeholder", i) : vt(t, i), !this.readOnly && this._data.isToggleable && t.addEventListener("keydown", this.handleKeyDown), t;
 	}
 	buildArrow() {
-		let e = ft(this._isOpen, () => this.toggleOpen(), {}, {
+		let e = Ct(this._isOpen, () => this.toggleOpen(), {}, {
 			collapse: this.api.i18n.t("tools.toggle.ariaLabelCollapse"),
 			expand: this.api.i18n.t("tools.toggle.ariaLabelExpand")
 		});
@@ -441,9 +447,9 @@ var dt = (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 = S(Ge, "pl-8"), r.setAttribute(b.toggleBodyPlaceholder, ""), r.setAttribute("data-blok-mutation-free", "true"), r.textContent = this.api.i18n.t("tools.toggle.bodyPlaceholder"), this.readOnly || r.addEventListener("click", () => this.handleBodyPlaceholderClick()), this._bodyPlaceholderElement = r, e.appendChild(r);
+		r.className = C(et, "pl-8"), r.setAttribute(x.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 = "pl-8", i.setAttribute(b.toggleChildren, ""), i.setAttribute("data-blok-mutation-free", "true"), this._childContainerElement = i, e.appendChild(i), e;
+		return i.className = "pl-8", i.setAttribute(x.toggleChildren, ""), i.setAttribute("data-blok-mutation-free", "true"), this._childContainerElement = i, e.appendChild(i), e;
 	}
 	createToggleWrapper() {
 		let e = this._element.parentNode;
@@ -468,19 +474,19 @@ var dt = (e) => {
 	}
 	async handleEnter() {
 		var e = this;
-		await xt(e.createKeyboardContext()), e.updateChildrenVisibility(), e.updateBodyPlaceholderVisibility();
+		await Nt(e.createKeyboardContext()), e.updateChildrenVisibility(), e.updateBodyPlaceholderVisibility();
 	}
 	toggleOpen() {
-		this._isOpen = !this._isOpen, this._arrowElement && this._element && w(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 && gt(this.api, this.blockId, this._isOpen, this._childContainerElement, this._arrowElement);
+		this.blockId !== void 0 && Dt(this.api, this.blockId, this._isOpen, this._childContainerElement, this._arrowElement);
 	}
 	updateBodyPlaceholderVisibility() {
-		this.blockId !== void 0 && _t(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly);
+		this.blockId !== void 0 && Ot(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly);
 	}
 	handleBodyPlaceholderClick() {
 		var e;
@@ -558,9 +564,9 @@ var dt = (e) => {
 			],
 			shortcut: "#".repeat(e.number)
 		})), n = {
-			1: Oe,
-			2: he,
-			3: ze
+			1: Ne,
+			2: Ce,
+			3: ot
 		}, r = e.DEFAULT_LEVELS.filter((e) => e.number <= 3).map((e) => ({
 			icon: n[e.number],
 			title: `Toggle heading ${e.number}`,
@@ -581,13 +587,13 @@ var dt = (e) => {
 		return [...t, ...r];
 	}
 };
-Ct = wt, Ct.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [&_p]:p-0! [&_p]:m-0! [&_div]:p-0! [&_div]:m-0!", Ct.DEFAULT_LEVELS = [
+Ft = It, Ft.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [&_p]:p-0! [&_p]:m-0! [&_div]:p-0! [&_div]:m-0!", Ft.DEFAULT_LEVELS = [
 	{
 		number: 1,
 		tag: "H1",
 		nameKey: "tools.header.heading1",
 		name: "Heading 1",
-		icon: ee,
+		icon: m,
 		styles: "text-3xl font-semibold mt-8 mb-px"
 	},
 	{
@@ -595,7 +601,7 @@ Ct = wt, Ct.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H2",
 		nameKey: "tools.header.heading2",
 		name: "Heading 2",
-		icon: te,
+		icon: _e,
 		styles: "text-2xl font-semibold mt-[26px] mb-px"
 	},
 	{
@@ -603,7 +609,7 @@ Ct = wt, Ct.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H3",
 		nameKey: "tools.header.heading3",
 		name: "Heading 3",
-		icon: re,
+		icon: ye,
 		styles: "text-xl font-semibold mt-5 mb-px"
 	},
 	{
@@ -611,7 +617,7 @@ Ct = wt, Ct.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H4",
 		nameKey: "tools.header.heading4",
 		name: "Heading 4",
-		icon: l,
+		icon: d,
 		styles: "text-lg font-semibold mt-3 mb-px"
 	},
 	{
@@ -619,7 +625,7 @@ Ct = wt, Ct.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H5",
 		nameKey: "tools.header.heading5",
 		name: "Heading 5",
-		icon: f,
+		icon: te,
 		styles: "text-base font-semibold mt-3 mb-px"
 	},
 	{
@@ -627,16 +633,16 @@ Ct = wt, Ct.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H6",
 		nameKey: "tools.header.heading6",
 		name: "Heading 6",
-		icon: g,
+		icon: Ze,
 		styles: "text-sm font-semibold mt-3 mb-px"
 	}
 ];
 //#endregion
 //#region src/tools/list/constants.ts
-var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 leading-[1.5] items-start", Dt = "flex items-start pl-0.5", Ot = "mt-0.5 w-5 mr-2 h-5 cursor-pointer accent-current", kt = "tools.list.placeholder", At = "list", jt = {
+var Lt = "outline-hidden py-[7px] mt-[2px] mb-px", Rt = "outline-hidden pl-0.5 leading-[1.5] items-start", zt = "flex items-start pl-0.5", Bt = "mt-0.5 w-5 mr-2 h-5 cursor-pointer accent-current", Vt = "tools.list.placeholder", Ht = "list", Ut = {
 	contentContainer: "list-content-container",
 	checklistContent: "list-checklist-content"
-}, Mt = (e, t) => {
+}, Wt = (e, t) => {
 	let n = e;
 	n._placeholder = t, Object.defineProperty(n, "getPlaceholder", {
 		value: () => n._placeholder,
@@ -644,8 +650,8 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		enumerable: !0,
 		configurable: !1
 	});
-}, Nt = (e) => {
-	let { data: t, keydownHandler: n, readOnly: r } = e, i = Pt(e), a = t.style === "checklist" ? It(e) : Ft(e);
+}, Gt = (e) => {
+	let { data: t, keydownHandler: n, readOnly: r } = e, i = Kt(e), a = t.style === "checklist" ? Jt(e) : qt(e);
 	i.appendChild(a), !r && n && i.addEventListener("keydown", n);
 	let o = a.querySelector("[data-list-marker]"), s = a.querySelector("input[type=\"checkbox\"]"), c = a.querySelector("[contenteditable]");
 	return {
@@ -654,49 +660,49 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		markerElement: o,
 		checkboxElement: s
 	};
-}, Pt = (e) => {
+}, Kt = (e) => {
 	var t;
 	let { data: n } = e, r = document.createElement("div");
-	return r.className = Tt, r.setAttribute(v.tool, At), r.setAttribute("data-list-style", n.style), r.setAttribute("data-list-depth", String((t = n.depth) == null ? 0 : t)), n.start !== void 0 && n.start !== 1 && r.setAttribute("data-list-start", String(n.start)), r;
-}, Ft = (e) => {
+	return r.className = Lt, r.setAttribute(y.tool, Ht), 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;
+}, qt = (e) => {
 	var t;
 	let { data: n, itemColor: r, itemSize: i, placeholder: a } = e, o = document.createElement("div");
-	o.setAttribute("role", "listitem"), o.className = S(Et, "flex", ...C), r && (o.style.color = r), i && (o.style.fontSize = i);
+	o.setAttribute("role", "listitem"), o.className = C(Rt, "flex", ...w), r && (o.style.color = r), i && (o.style.fontSize = i);
 	let s = (t = n.depth) == null ? 0 : t;
 	if (s > 0) {
 		let e = n.style === "ordered" ? 26 : 27;
 		o.style.marginLeft = `${s * e}px`;
 	}
-	let c = Lt(n.style, s);
+	let c = Yt(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 = S("flex-1 min-w-0 outline-hidden", ...C), l.setAttribute("data-blok-testid", jt.contentContainer), l.contentEditable = e.readOnly ? "false" : "true", l.innerHTML = n.text, Mt(l, a), o.appendChild(l), o;
-}, It = (e) => {
+	return l.className = C("flex-1 min-w-0 outline-hidden", ...w), l.setAttribute("data-blok-testid", Ut.contentContainer), l.contentEditable = e.readOnly ? "false" : "true", l.innerHTML = n.text, Wt(l, a), o.appendChild(l), o;
+}, Jt = (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 = Dt, r && (s.style.color = r), i && (s.style.fontSize = i);
+	s.setAttribute("role", "listitem"), s.className = zt, r && (s.style.color = r), i && (s.style.fontSize = i);
 	let c = (t = n.depth) == null ? 0 : t;
 	c > 0 && (s.style.marginLeft = `${c * 27}px`);
 	let l = document.createElement("input");
-	l.type = "checkbox", l.className = Ot, l.checked = !!n.checked, l.disabled = o;
+	l.type = "checkbox", l.className = Bt, l.checked = !!n.checked, l.disabled = o;
 	let u = document.createElement("div");
-	return u.className = S("flex-1 outline-hidden leading-[1.5]", n.checked ? "line-through opacity-60" : "", ...C), u.setAttribute("data-blok-testid", jt.checklistContent), u.setAttribute("data-checked", String(n.checked)), u.contentEditable = o ? "false" : "true", u.innerHTML = n.text, Mt(u, a), s.appendChild(l), s.appendChild(u), s;
-}, Lt = (e, t) => {
+	return u.className = C("flex-1 outline-hidden leading-[1.5]", n.checked ? "line-through opacity-60" : "", ...w), u.setAttribute("data-blok-testid", Ut.checklistContent), u.setAttribute("data-checked", String(n.checked)), u.contentEditable = o ? "false" : "true", u.innerHTML = n.text, Wt(u, a), s.appendChild(l), s.appendChild(u), s;
+}, Yt = (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 = S(n.className, "text-right"), n.style.paddingRight = "11px", n.style.minWidth = "fit-content") : (n.textContent = Rt(t), n.className = S(n.className, "w-6 text-center flex justify-center"), n.style.paddingLeft = "1px", n.style.paddingRight = "13px", n.style.fontSize = "24px", n.style.fontFamily = "Arial", n.style.lineHeight = "1.5rem"), n;
-}, Rt = (e) => {
+	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 = Xt(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.style.lineHeight = "1.5rem"), n;
+}, Xt = (e) => {
 	let t = [
 		"•",
 		"◦",
 		"▪"
 	];
 	return t[e % t.length];
-}, zt = (e) => {
+}, Zt = (e) => {
 	let { data: t, readOnly: n, placeholder: r, itemColor: i, itemSize: a, element: o, setupItemPlaceholder: s, onCheckboxChange: c, keydownHandler: l } = e;
 	if (!o) return null;
 	let u = o.parentNode;
 	if (!u) return null;
-	let d = Nt({
+	let d = Gt({
 		data: t,
 		readOnly: n,
 		placeholder: r,
@@ -711,14 +717,14 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		});
 	}
 	return u.replaceChild(d.wrapper, o), d.wrapper;
-}, Bt = (e, t, n) => {
+}, Qt = (e, t, n) => {
 	if (!t) return e;
-	let r = n(), i = x({
-		text: r ? et(r.innerHTML) : e.text,
+	let r = n(), i = S({
+		text: r ? dt(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;
-}, Vt = (e, t, n, r, i) => {
+}, $t = (e, t, n, r, i) => {
 	var a, o;
 	if (!n) return {
 		newData: e,
@@ -729,7 +735,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		newData: e,
 		inPlace: !1
 	};
-	let d = "depth" in t ? t.depth : 0, f = x(x(x({}, 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
@@ -742,7 +748,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		newData: f,
 		inPlace: !0
 	};
-}, Ht = (e, t) => {
+}, en = (e, t) => {
 	let { element: n, getContentElement: r, parseHTML: i, data: a } = e;
 	if (!n) return;
 	a.text += t.text;
@@ -751,29 +757,29 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		let e = i(t.text);
 		o.appendChild(e), o.normalize();
 	}
-}, Ut = (e, t, n, r) => e.map((e) => ({
+}, tn = (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
-})), Wt = (e) => {
+})), nn = (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;
-}, Gt = (e) => {
+}, rn = (e) => {
 	let t = e.closest("[data-list-depth]");
 	if (!t) return;
 	let n = t.getAttribute("data-list-depth");
 	if (n === null) return;
 	let r = parseInt(n, 10);
 	return r > 0 ? { left: r * 27 } : void 0;
-}, Kt = (e) => {
-	let t = Wt(e.closest("[role=\"listitem\"]") || e.querySelector("[role=\"listitem\"]"));
-	return t === void 0 ? Gt(e) : t;
-}, qt = (e, t) => {
+}, an = (e) => {
+	let t = nn(e.closest("[role=\"listitem\"]") || e.querySelector("[role=\"listitem\"]"));
+	return t === void 0 ? rn(e) : t;
+}, on = (e, t) => {
 	let n = document.createRange();
 	if (n.setStart(e, 0), n.setEnd(t.startContainer, t.startOffset), !e.lastChild) return {
 		beforeContent: "",
@@ -781,32 +787,32 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	};
 	let r = document.createRange();
 	return r.setStart(t.endContainer, t.endOffset), r.setEndAfter(e.lastChild), {
-		beforeContent: Jt(n.cloneContents()),
-		afterContent: Jt(r.cloneContents())
+		beforeContent: sn(n.cloneContents()),
+		afterContent: sn(r.cloneContents())
 	};
-}, Jt = (e) => {
+}, sn = (e) => {
 	let t = document.createElement("div");
 	return t.appendChild(e), t.innerHTML;
-}, Yt = (e) => {
+}, cn = (e) => {
 	let t = document.createElement("div");
 	t.innerHTML = e.trim();
 	let n = document.createDocumentFragment();
 	return n.append(...Array.from(t.childNodes)), n;
-}, Xt = (e, t) => {
+}, ln = (e, t) => {
 	let n = document.createRange();
 	return n.selectNodeContents(e), n.setEnd(t.startContainer, t.startOffset), n.toString().length === 0;
-}, Zt = (e, t) => {
+}, un = (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;
-}, Qt = (e) => {
+}, dn = (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]);
-}, $t = (e) => typeof e == "object" && !!e, en = (e) => typeof e == "string" ? e : "", tn = (e, t) => e === "unordered" || e === "ordered" || e === "checklist" ? e : t, nn = (e) => !!e, rn = (e, t) => typeof e == "number" ? e : t, an = (e, t) => {
+}, fn = (e) => typeof e == "object" && !!e, pn = (e) => typeof e == "string" ? e : "", mn = (e, t) => e === "unordered" || e === "ordered" || e === "checklist" ? e : t, hn = (e) => !!e, gn = (e, t) => typeof e == "number" ? e : t, _n = (e, t) => {
 	let n = t.defaultStyle || "unordered";
 	if (!e || typeof e != "object") return {
 		text: "",
@@ -814,18 +820,18 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		checked: !1,
 		depth: 0
 	};
-	if (Qt(e)) {
+	if (dn(e)) {
 		let t = e.items[0], r = (t == null ? void 0 : t.content) || "", i = (t == null ? void 0 : t.checked) || !1;
-		return x({
+		return S({
 			text: r,
 			style: e.style || n,
 			checked: !!i,
 			depth: 0
 		}, e.start !== void 0 && e.start !== 1 ? { start: e.start } : {});
 	}
-	if ($t(e)) {
-		let t = en(e.text), r = tn(e.style, n), i = nn(e.checked), a = rn(e.depth, 0), o = e.start, s = typeof o == "number" && o !== void 0 && o !== 1 ? o : void 0;
-		return x({
+	if (fn(e)) {
+		let t = pn(e.text), r = mn(e.style, n), i = hn(e.checked), a = gn(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,
@@ -838,7 +844,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		checked: !1,
 		depth: 0
 	};
-}, on = class {
+}, vn = class {
 	constructor(e) {
 		this.blocks = e;
 	}
@@ -866,7 +872,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		let n = (t = e.holder) == null || (t = t.querySelector("[role=\"listitem\"]")) == null ? void 0 : t.getAttribute("style"), r = n == null ? void 0 : n.match(/margin-left:\s*(\d+)px/);
 		return r ? Math.round(parseInt(r[1], 10) / 27) : 0;
 	}
-}, sn = (e, t) => {
+}, yn = (e, t) => {
 	if (!e) return null;
 	if (t === "checklist") {
 		let t = e.querySelector("[contenteditable]");
@@ -874,15 +880,15 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	}
 	let n = e.querySelector("[data-blok-testid=\"list-content-container\"]");
 	return n instanceof HTMLElement ? n : null;
-}, cn = (e, t, n) => {
+}, bn = (e, t, n) => {
 	e && e.setAttribute("data-list-depth", String(n));
 	let r = e == null ? void 0 : e.querySelector("[role=\"listitem\"]");
 	r instanceof HTMLElement && (r.style.marginLeft = n > 0 ? `${n * 27}px` : ""), t.depth = n;
-}, ln = (e, t) => t.getBlockDepth(e), un = (e, t) => t.getBlockStyle(e), dn = (e, t) => t.getBulletCharacter(e), fn = (e, t, n, r, i) => {
+}, xn = (e, t) => t.getBlockDepth(e), Sn = (e, t) => t.getBlockStyle(e), Cn = (e, t) => t.getBulletCharacter(e), wn = (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);
-}, pn = (e, t, n, r, i, a) => {
+}, Tn = (e, t, n, r, i, a) => {
 	var o;
 	if (e === 0) {
 		var s;
@@ -890,10 +896,10 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "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);
-}, mn = (e, t, n, r, i, a) => {
-	let o = pn(e, t, r, n, i, a) + e;
+}, En = (e, t, n, r, i, a) => {
+	let o = Tn(e, t, r, n, i, a) + e;
 	return a.formatNumber(o, t);
-}, hn = (e, t, n, r) => r.findGroupStart(e, t, n), gn = (e, t, n, r) => {
+}, Dn = (e, t, n, r) => r.findGroupStart(e, t, n), On = (e, t, n, r) => {
 	if (!e) return;
 	let i = e.holder, a = i == null ? void 0 : i.querySelector("[data-list-style=\"ordered\"]");
 	if (!a) return;
@@ -901,9 +907,9 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	if (!o) return;
 	let s = t.getBlockIndex(e.id);
 	if (s == null) return;
-	let c = ln(e, n), l = un(e, r) || "ordered", u = r.getSiblingIndex(s, c, l), d = r.getGroupStartValue(s, c, u, l) + u;
+	let c = xn(e, n), l = Sn(e, r) || "ordered", u = r.getSiblingIndex(s, c, l), d = r.getGroupStartValue(s, c, u, l) + u;
 	o.textContent = r.formatNumber(d, c);
-}, _n = (e, t, n, r, i, a, o, s) => {
+}, kn = (e, t, n, r, i, a, o, s) => {
 	let c = (e) => {
 		if (e >= t) return;
 		if (e === n) {
@@ -912,25 +918,25 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		}
 		let l = a.getBlockByIndex(e);
 		if (!l || l.name !== "list") return;
-		let u = ln(l, o);
+		let u = xn(l, o);
 		if (!(u < r)) {
 			if (u > r) {
 				c(e + 1);
 				return;
 			}
-			un(l, s) === i && (gn(l, a, o, s), c(e + 1));
+			Sn(l, s) === i && (On(l, a, o, s), c(e + 1));
 		}
 	};
 	c(e);
-}, vn = (e, t, n) => {
+}, An = (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\"]") && gn(i, e, t, n);
+		a != null && a.querySelector("[data-list-style=\"ordered\"]") && On(i, e, t, n);
 	});
-}, T = (e, t, n = "end") => {
+}, E = (e, t, n = "end") => {
 	let r = () => {
 		let r = t.holder;
 		if (!r) return;
@@ -946,7 +952,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "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());
-}, yn = async (e) => {
+}, jn = async (e) => {
 	var t;
 	let { api: n, blockId: r, data: i, element: a, getContentElement: o } = e, s = window.getSelection();
 	if (!s || !a) return;
@@ -954,49 +960,49 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	if (!c) return;
 	let l = c.innerHTML.trim();
 	if (l === "" || l === "<br>") {
-		await bn(e);
+		await Mn(e);
 		return;
 	}
-	let { beforeContent: u, afterContent: d } = qt(c, s.getRangeAt(0)), f = r ? (t = n.blocks.getBlockIndex(r)) == null ? n.blocks.getCurrentBlockIndex() : t : n.blocks.getCurrentBlockIndex();
+	let { beforeContent: u, afterContent: d } = on(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, T(n, n.blocks.insert(At, x(x({
+		c.innerHTML = u, i.text = u, E(n, n.blocks.insert(Ht, 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 }, At, x(x({
+	let p = n.blocks.splitBlock(r, { text: u }, Ht, S(S({
 		text: d,
 		style: i.style
 	}, i.style === "checklist" ? { checked: !!i.checked } : {}), {}, { depth: i.depth }), f + 1);
-	i.text = u, T(n, p, "start");
-}, bn = async (e) => {
+	i.text = u, E(n, p, "start");
+}, Mn = async (e) => {
 	let { api: t, blockId: n, getDepth: r } = e;
 	if (r() > 0) {
-		await Cn(e);
+		await Fn(e);
 		return;
 	}
-	n !== void 0 && T(t, await t.blocks.convert(n, "paragraph", { text: "" }), "start");
-}, xn = async (e, t) => {
+	n !== void 0 && E(t, await t.blocks.convert(n, "paragraph", { text: "" }), "start");
+}, Nn = 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 (Zt(d, u) && !l.isCollapsed) {
+	if (un(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 (!Xt(d, u) || (t.preventDefault(), r === void 0)) return;
+	if (!ln(d, u) || (t.preventDefault(), r === void 0)) return;
 	let m = await n.blocks.convert(r, "paragraph", { text: f });
 	p > 0 && requestAnimationFrame(() => {
 		let e = m.holder;
 		e && (e.style.marginLeft = `${p * 27}px`, e.setAttribute("data-blok-depth", String(p)));
-	}), T(n, m, "start");
-}, Sn = 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);
@@ -1005,15 +1011,15 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	if (l > t.getBlockDepth(c)) return;
 	a();
 	let u = l + 1;
-	i.depth = u, T(n, await n.blocks.update(r || "", x(x({}, i), {}, { depth: u })));
-}, Cn = async (e) => {
+	i.depth = u, E(n, await n.blocks.update(r || "", S(S({}, i), {}, { depth: u })));
+}, Fn = 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, T(t, await t.blocks.update(n || "", x(x({}, r), {}, { depth: s })));
-}, wn = (e) => {
-	let { data: t, readOnly: n, placeholder: r, itemColor: i, itemSize: a, setupItemPlaceholder: o, onCheckboxChange: s, keydownHandler: c } = e, l = Nt({
+	r.depth = s, E(t, await t.blocks.update(n || "", S(S({}, r), {}, { depth: s })));
+}, In = (e) => {
+	let { data: t, readOnly: n, placeholder: r, itemColor: i, itemSize: a, setupItemPlaceholder: o, onCheckboxChange: s, keydownHandler: c } = e, l = Gt({
 		data: t,
 		readOnly: n,
 		placeholder: r,
@@ -1028,14 +1034,14 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		});
 	}
 	return l.wrapper;
-}, Tn = (e) => {
+}, Ln = (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);
-}, En = (e) => {
+}, Rn = (e) => {
 	let t = [
 		[1e3, "m"],
 		[900, "cm"],
@@ -1056,7 +1062,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		return e >= i ? a + n(e - i, r) : n(e, r + 1);
 	};
 	return n(e, 0);
-}, Dn = class {
+}, zn = class {
 	constructor(e) {
 		this.blocks = e;
 	}
@@ -1082,7 +1088,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	}
 	formatNumber(e, t) {
 		let n = t % 3;
-		return n === 1 ? `${Tn(e)}.` : n === 2 ? `${En(e)}.` : `${e}.`;
+		return n === 1 ? `${Ln(e)}.` : n === 2 ? `${Rn(e)}.` : `${e}.`;
 	}
 	getGroupStartValue(e, t, n, r) {
 		if (n === 0) return this.getBlockStartValue(e);
@@ -1137,9 +1143,9 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "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;
 	}
-}, On = { value: !1 }, kn = class {
+}, Bn = { value: !1 }, Vn = class {
 	constructor(e) {
-		this.blocks = e, this.depthValidator = new on(e), this.markerCalculator = new Dn(e);
+		this.blocks = e, this.depthValidator = new vn(e), this.markerCalculator = new zn(e);
 	}
 	updateMarker(e, t, n) {
 		let r = e.querySelector("[data-list-marker]");
@@ -1166,8 +1172,8 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		}
 	}
 	scheduleUpdateAll() {
-		On.value || (On.value = !0, requestAnimationFrame(() => {
-			On.value = !1, this.updateAllMarkers();
+		Bn.value || (Bn.value = !0, requestAnimationFrame(() => {
+			Bn.value = !1, this.updateAllMarkers();
 		}));
 	}
 	findListGroupStartIndex(e, t, n) {
@@ -1206,12 +1212,12 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		})() : c) + s;
 		r.textContent = this.markerCalculator.formatNumber(l, a);
 	}
-}, An = (e) => e instanceof HTMLElement, jn = new Set(/* @__PURE__ */ "decimal.decimal-leading-zero.lower-roman.upper-roman.lower-greek.lower-latin.upper-latin.lower-alpha.upper-alpha.arabic-indic.armenian.bengali.cambodian.cjk-decimal.devanagari.georgian.gujarati.gurmukhi.hebrew.kannada.khmer.lao.malayalam.mongolian.myanmar.oriya.persian.telugu.thai.tibetan".split(".")), Mn = new Set([
+}, Hn = (e) => e instanceof HTMLElement, Un = 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(".")), Wn = new Set([
 	"disc",
 	"circle",
 	"square",
 	"none"
-]), Nn = (e) => {
+]), Gn = (e) => {
 	let t = e.getAttribute("data-list-style");
 	if (t === "ordered") return "ordered";
 	if (t === "unordered") return "unordered";
@@ -1220,24 +1226,24 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "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 jn.has(i) ? "ordered" : Mn.has(i) ? "unordered" : null;
-}, Pn = (e, t) => {
+	return Un.has(i) ? "ordered" : Wn.has(i) ? "unordered" : null;
+}, Kn = (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" : Nn(e) || t;
-}, Fn = (e) => {
+	return (n == null ? void 0 : n.tagName) === "OL" ? "ordered" : (n == null ? void 0 : n.tagName) === "UL" ? e.querySelector("input[type=\"checkbox\"]") ? "checklist" : "unordered" : Gn(e) || t;
+}, qn = (e) => {
 	let t = e.innerHTML || e.textContent || "", n = e.querySelector("input[type=\"checkbox\"]");
 	return {
 		text: t,
 		checked: n instanceof HTMLInputElement ? n.checked : !1
 	};
-}, In = (e) => {
+}, Jn = (e) => {
 	let t = e.getAttribute("aria-level");
 	if (t) {
 		let e = parseInt(t, 10);
 		return Math.max(0, e - 1);
 	}
 	return 0;
-}, Ln = () => ({ text: {
+}, Yn = () => ({ text: {
 	br: !0,
 	a: {
 		href: !0,
@@ -1246,38 +1252,38 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	},
 	b: !0,
 	i: !0
-} }), Rn = () => ({ tags: [{ li: {
+} }), Xn = () => ({ tags: [{ li: {
 	style: !0,
 	"aria-level": !0
-} }] }), zn = () => ({
+} }] }), Zn = () => ({
 	export: (e) => e.text,
 	import: (e) => ({
 		text: e,
 		style: "unordered",
 		checked: !1
 	})
-}), Bn = [
+}), Qn = [
 	{
 		name: "bulletedList",
 		titleKey: "bulletedList",
 		style: "unordered",
-		icon: He
+		icon: $e
 	},
 	{
 		name: "numberedList",
 		titleKey: "numberedList",
 		style: "ordered",
-		icon: de
+		icon: Te
 	},
 	{
 		name: "todoList",
 		titleKey: "todoList",
 		style: "checklist",
-		icon: m
+		icon: Le
 	}
-], Vn = () => [
+], $n = () => [
 	{
-		icon: He,
+		icon: $e,
 		title: "Bulleted list",
 		titleKey: "bulletedList",
 		data: { style: "unordered" },
@@ -1291,7 +1297,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		shortcut: "-"
 	},
 	{
-		icon: de,
+		icon: Te,
 		title: "Numbered list",
 		titleKey: "numberedList",
 		data: { style: "ordered" },
@@ -1305,7 +1311,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		shortcut: "1."
 	},
 	{
-		icon: m,
+		icon: Le,
 		title: "To-do list",
 		titleKey: "todoList",
 		data: { style: "checklist" },
@@ -1319,24 +1325,24 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		],
 		shortcut: "[]"
 	}
-], Hn = class {
+], er = 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 on(n.blocks), this.markerCalculator = new Dn(n.blocks), this.markerManager = this._data.style === "ordered" ? new kn(n.blocks) : null, i && (this.blockId = i.id), this._data.style === "ordered" && this.api.events.on("block changed", this.handleBlockChanged);
+		}, this.api = n, this.readOnly = r, this._settings = t || {}, this._data = this.normalizeData(e), this.depthValidator = new vn(n.blocks), this.markerCalculator = new zn(n.blocks), this.markerManager = this._data.style === "ordered" ? new Vn(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 an(e, this._settings);
+		return _n(e, this._settings);
 	}
 	get availableStyles() {
 		let e = this._settings.styles;
-		return !e || e.length === 0 ? Bn : Bn.filter((t) => e.includes(t.style));
+		return !e || e.length === 0 ? Qn : Qn.filter((t) => e.includes(t.style));
 	}
 	get itemColor() {
 		return this._settings.itemColor;
@@ -1345,13 +1351,13 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		return this._settings.itemSize;
 	}
 	get placeholder() {
-		return this.api.i18n.t(kt);
+		return this.api.i18n.t(Vt);
 	}
 	setupItemPlaceholder(e) {
-		this.readOnly || st(e, this.placeholder);
+		this.readOnly || vt(e, this.placeholder);
 	}
 	render() {
-		return this._element = wn({
+		return this._element = In({
 			data: this._data,
 			readOnly: this.readOnly,
 			placeholder: this.placeholder,
@@ -1382,31 +1388,31 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		n !== r && this.adjustDepthTo(r);
 	}
 	adjustDepthTo(e) {
-		cn(this._element, this._data, e);
+		bn(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() {
-		vn(this.api.blocks, this.depthValidator, this.markerCalculator);
+		An(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 = mn(fn(this.blockId, n, this._data.style, this.api.blocks, this.markerCalculator), n, this._data, this.blockId, this.api.blocks, this.markerCalculator);
+		t.textContent = En(wn(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();
-		_n(hn(t, n, r, this.markerCalculator), i, t, n, r, this.api.blocks, this.depthValidator, this.markerCalculator);
+		kn(Dn(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 = mn(fn(this.blockId, e, this._data.style, this.api.blocks, this.markerCalculator), e, this._data, this.blockId, this.api.blocks, this.markerCalculator) : r.textContent = dn(e, this.markerCalculator));
+		r instanceof HTMLElement && (t === "ordered" ? r.textContent = En(wn(this.blockId, e, this._data.style, this.api.blocks, this.markerCalculator), e, this._data, this.blockId, this.api.blocks, this.markerCalculator) : r.textContent = Cn(e, this.markerCalculator));
 	}
 	updateCheckboxState(e) {
 		var t;
@@ -1436,7 +1442,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	}
 	async handleEnter() {
 		var e = this;
-		await yn({
+		await jn({
 			api: e.api,
 			blockId: e.blockId,
 			data: e._data,
@@ -1448,7 +1454,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	}
 	async handleBackspace(e) {
 		var t = this;
-		await xn({
+		await Nn({
 			api: t.api,
 			blockId: t.blockId,
 			data: t._data,
@@ -1460,7 +1466,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	}
 	async handleIndent() {
 		var e = this;
-		await Sn({
+		await Pn({
 			api: e.api,
 			blockId: e.blockId,
 			data: e._data,
@@ -1472,7 +1478,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	}
 	async handleOutdent() {
 		var e = this;
-		await Cn({
+		await Fn({
 			api: e.api,
 			blockId: e.blockId,
 			data: e._data,
@@ -1490,10 +1496,10 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		n instanceof HTMLInputElement && (this._data.checked = n.checked);
 	}
 	getContentElement() {
-		return sn(this._element, this._data.style);
+		return yn(this._element, this._data.style);
 	}
 	renderSettings() {
-		return Ut(this.availableStyles, this._data.style, this.api.i18n.t, (e) => this.setStyle(e));
+		return tn(this.availableStyles, this._data.style, this.api.i18n.t, (e) => this.setStyle(e));
 	}
 	setStyle(e) {
 		let t = this._data.style;
@@ -1503,7 +1509,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		}
 	}
 	rerender() {
-		let e = zt({
+		let e = Zt({
 			data: this._data,
 			readOnly: this.readOnly,
 			placeholder: this.placeholder,
@@ -1522,10 +1528,10 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		return typeof e.text == "string";
 	}
 	save() {
-		return Bt(this._data, this._element, this.getContentElement.bind(this));
+		return Qt(this._data, this._element, this.getContentElement.bind(this));
 	}
 	setData(e) {
-		let t = Vt(this._data, e, this._element, this.getContentElement.bind(this), {
+		let t = $t(this._data, e, this._element, this.getContentElement.bind(this), {
 			adjustDepthTo: this.adjustDepthTo.bind(this),
 			updateMarkerForDepth: this.updateMarkerForDepth.bind(this),
 			updateCheckboxState: this.updateCheckboxState.bind(this)
@@ -1533,31 +1539,31 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		return this._data = t.newData, t.inPlace;
 	}
 	merge(e) {
-		Ht({
+		en({
 			data: this._data,
 			element: this._element,
 			getContentElement: this.getContentElement.bind(this),
-			parseHTML: Yt
+			parseHTML: cn
 		}, e);
 	}
 	static get conversionConfig() {
-		return zn();
+		return Zn();
 	}
 	static get sanitize() {
-		return Ln();
+		return Yn();
 	}
 	static get pasteConfig() {
-		return Rn();
+		return Xn();
 	}
 	onPaste(e) {
 		let t = e.detail;
 		if (!("data" in t)) return;
 		let n = t.data;
-		if (!An(n)) return;
-		let { text: r, checked: i } = Fn(n), a = In(n);
+		if (!Hn(n)) return;
+		let { text: r, checked: i } = qn(n), a = Jn(n);
 		this._data = {
 			text: r,
-			style: Pn(n, this._data.style),
+			style: Kn(n, this._data.style),
 			checked: i,
 			depth: a
 		}, this.rerender();
@@ -1566,18 +1572,18 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		return !0;
 	}
 	getContentOffset(e) {
-		return Kt(e);
+		return an(e);
 	}
 	static get toolbox() {
-		return Vn();
+		return $n();
 	}
-}, Un = "data-blok-table-add-row", Wn = "data-blok-table-add-col", Gn = 150, Kn = 5, qn = 40, Jn = [
+}, tr = "data-blok-table-add-row", nr = "data-blok-table-add-col", rr = 150, ir = 5, ar = 40, or = [
 	"flex",
 	"items-center",
 	"justify-center",
 	"transition-opacity",
 	"duration-150"
-], Yn = [
+], sr = [
 	"flex",
 	"items-center",
 	"justify-center",
@@ -1585,7 +1591,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	"border-gray-300",
 	"rounded-full",
 	"group-hover/add:bg-gray-50"
-], Xn = "12", Zn = class {
+], cr = "12", lr = class {
 	constructor(e) {
 		this.rowHideTimeout = null, this.colHideTimeout = null, this.rowVisible = !1, this.colVisible = !1, this.interactive = !0, this.dragState = null, this.scrollContainer = null, this.boundScrollHandler = null, this.scrollContainerResizeObserver = null, this.wrapper = e.wrapper, this.grid = e.grid, this.i18n = e.i18n, this.boundAddRowClick = e.onAddRow, this.boundAddColClick = e.onAddColumn, this.onDragStart = e.onDragStart, this.onDragAddRow = e.onDragAddRow, this.onDragRemoveRow = e.onDragRemoveRow, this.onDragAddCol = e.onDragAddCol, this.onDragRemoveCol = e.onDragRemoveCol, this.onDragEnd = e.onDragEnd, this.getNewColumnWidth = e.getNewColumnWidth, this.boundMouseMove = this.handleMouseMove.bind(this), this.boundDocumentMouseMove = this.handleDocumentMouseMove.bind(this), this.boundMouseLeave = this.handleMouseLeave.bind(this), this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.bind(this), this.boundPointerCancel = this.handlePointerCancel.bind(this), this.boundRowPointerDown = (e) => this.handlePointerDown("row", e), this.boundColPointerDown = (e) => this.handlePointerDown("col", e), this.addRowBtn = this.createAddRowButton(), this.addColBtn = this.createAddColumnButton(), this.wrapper.appendChild(this.addRowBtn), this.wrapper.appendChild(this.addColBtn), this.syncRowButtonWidth(), this.wrapper.addEventListener("mousemove", this.boundMouseMove), this.wrapper.addEventListener("mouseleave", this.boundMouseLeave), document.addEventListener("mousemove", this.boundDocumentMouseMove), this.addRowBtn.addEventListener("pointerdown", this.boundRowPointerDown), this.addColBtn.addEventListener("pointerdown", this.boundColPointerDown);
 	}
@@ -1658,10 +1664,10 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	}
 	handlePointerMove(e) {
 		if (!this.dragState) return;
-		let { axis: t, startPos: r, unitSize: i } = this.dragState, a = (t === "row" ? e.clientY : e.clientX) - r, o = Math.floor(a / i);
-		for (; this.dragState.addedCount < o;) t === "row" ? this.onDragAddRow() : this.onDragAddCol(), this.dragState.addedCount++;
-		for (; this.dragState.addedCount > o;) t === "row" ? this.onDragRemoveRow() : this.onDragRemoveCol(), this.dragState.addedCount--;
-		Math.abs(a) > Kn && !this.dragState.didDrag && (this.dragState.didDrag = !0, document.body.style.cursor = t === "row" ? "row-resize" : "col-resize", n(), this.onDragStart());
+		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) > ir && !this.dragState.didDrag && (this.dragState.didDrag = !0, document.body.style.cursor = t === "row" ? "row-resize" : "col-resize", h(), this.onDragStart());
 	}
 	handlePointerUp(e) {
 		if (!this.dragState) return;
@@ -1690,14 +1696,14 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "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 <= qn ? this.showRow() : this.scheduleHideRow(), a <= qn ? this.showCol() : this.scheduleHideCol();
+		i <= ar ? this.showRow() : this.scheduleHideRow(), a <= ar ? this.showCol() : this.scheduleHideCol();
 	}
 	handleMouseLeave() {
 		this.scheduleHideRow(), this.scheduleHideCol();
 	}
 	handleDocumentMouseMove(e) {
 		if (this.wrapper.contains(e.target)) return;
-		let t = this.grid.getBoundingClientRect(), n = qn;
+		let t = this.grid.getBoundingClientRect(), n = ar;
 		e.clientX >= t.left - n && e.clientX <= t.right + n && e.clientY >= t.top - n && e.clientY <= t.bottom + n && this.handleMouseMove(e);
 	}
 	showRow() {
@@ -1710,13 +1716,13 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "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;
-		}, Gn));
+		}, rr));
 	}
 	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;
-		}, Gn));
+		}, rr));
 	}
 	clearRowTimeout() {
 		this.rowHideTimeout !== null && (clearTimeout(this.rowHideTimeout), this.rowHideTimeout = null);
@@ -1726,25 +1732,25 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	}
 	createAddRowButton() {
 		let e = document.createElement("div");
-		e.className = S(Jn, "group/add", "items-start", "cursor-row-resize"), e.setAttribute(Un, ""), e.setAttribute("contenteditable", "false"), e.style.opacity = "0", e.style.pointerEvents = "none", e.style.position = "absolute", e.style.left = "0", e.style.bottom = "-36px", e.style.zIndex = "1", e.style.height = "32px";
+		e.className = C(or, "group/add", "items-start", "cursor-row-resize"), e.setAttribute(tr, ""), 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 = S(Yn), t.style.width = "100%", t.style.height = "16px", this.appendIcon(t), e.appendChild(t), Ae(e, Te([this.i18n.t("tools.table.clickToAddRow"), this.i18n.t("tools.table.dragToAddRemoveRows")]), {
+		return t.className = C(sr), t.style.width = "100%", t.style.height = "16px", this.appendIcon(t), e.appendChild(t), v(e, Pe([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 = S(Jn, "group/add", "justify-start", "cursor-col-resize"), e.setAttribute(Wn, ""), e.setAttribute("contenteditable", "false"), e.style.opacity = "0", e.style.pointerEvents = "none", e.style.position = "absolute", e.style.right = "-36px", e.style.top = "0px", e.style.bottom = "0px", e.style.width = "32px";
+		e.className = C(or, "group/add", "justify-start", "cursor-col-resize"), e.setAttribute(nr, ""), 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 = S(Yn), t.style.width = "16px", t.style.height = "100%", this.appendIcon(t), e.appendChild(t), Ae(e, Te([this.i18n.t("tools.table.clickToAddColumn"), this.i18n.t("tools.table.dragToAddRemoveColumns")]), { placement: "bottom" }), e;
+		return t.className = C(sr), t.style.width = "16px", t.style.height = "100%", this.appendIcon(t), e.appendChild(t), v(e, Pe([this.i18n.t("tools.table.clickToAddColumn"), this.i18n.t("tools.table.dragToAddRemoveColumns")]), { placement: "bottom" }), e;
 	}
-	appendIcon(t) {
-		t.insertAdjacentHTML("beforeend", e);
-		let n = t.querySelector("svg");
-		n && (n.setAttribute("width", Xn), n.setAttribute("height", Xn), n.setAttribute("viewBox", "0 0 24 24"), n.classList.add("text-gray-500", "pointer-events-none"));
+	appendIcon(e) {
+		e.insertAdjacentHTML("beforeend", it);
+		let t = e.querySelector("svg");
+		t && (t.setAttribute("width", cr), t.setAttribute("height", cr), t.setAttribute("viewBox", "0 0 24 24"), t.classList.add("text-gray-500", "pointer-events-none"));
 	}
-}, E = "data-blok-table-row", D = "data-blok-table-cell", Qn = "1px solid var(--blok-table-border)", $n = ["flex"], er = [
+}, D = "data-blok-table-row", O = "data-blok-table-cell", ur = "1px solid var(--blok-table-border)", dr = ["flex"], fr = [
 	"py-1",
 	"px-2",
 	"min-h-[2em]",
@@ -1752,37 +1758,37 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	"leading-none",
 	"text-sm",
 	"cursor-text"
-], tr = (e) => {
+], pr = (e) => {
 	let t = Math.round(100 / e * 100) / 100;
 	return Array.from({ length: e }, () => t);
-}, nr = class {
+}, mr = class {
 	constructor(e) {
 		this.readOnly = e.readOnly;
 	}
 	createGrid(e, t, n) {
 		let r = document.createElement("div");
-		r.style.borderTop = Qn, r.style.borderLeft = Qn;
-		let i = n == null ? tr(t) : n;
+		r.style.borderTop = ur, r.style.borderLeft = ur;
+		let i = n == null ? pr(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(`[${E}]`);
+		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(`[${E}]`);
+		let n = e.querySelectorAll(`[${D}]`);
 		t < n.length && n[t].remove();
 	}
 	addColumn(e, t, n, r) {
-		let i = e.querySelectorAll(`[${E}]`), 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(`[${D}]`).forEach((e, n) => {
+			e.querySelectorAll(`[${O}]`).forEach((e, n) => {
 				if (n < t.length) {
 					let r = e;
 					r.style.width = `${t[n]}px`;
@@ -1793,7 +1799,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "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(`[${D}]`), 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;
@@ -1802,17 +1808,17 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		});
 	}
 	computeHalfAvgPxWidth(e, t) {
-		let n = e[0], r = n == null ? void 0 : n.querySelectorAll(`[${D}]`), i = Array.from(r == null ? [] : r).reduce((e, t) => e + (parseFloat(t.style.width) || 0), 0);
+		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(`[${D}]`).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(`[${D}]`), 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;
@@ -1821,77 +1827,77 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		});
 	}
 	deleteColumn(e, t) {
-		e.querySelectorAll(`[${E}]`).forEach((e) => {
-			let n = e.querySelectorAll(`[${D}]`);
+		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(`[${E}]`));
+		let r = Array.from(e.querySelectorAll(`[${D}]`));
 		if (t >= r.length || n >= r.length) return;
 		let i = r[t];
 		i.remove();
-		let a = Array.from(e.querySelectorAll(`[${E}]`));
+		let a = Array.from(e.querySelectorAll(`[${D}]`));
 		n >= a.length ? e.appendChild(i) : e.insertBefore(i, a[n]);
 	}
 	moveColumn(e, t, n) {
-		t !== n && e.querySelectorAll(`[${E}]`).forEach((e) => {
-			let r = Array.from(e.querySelectorAll(`[${D}]`));
+		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(`[${D}]`));
+			let a = Array.from(e.querySelectorAll(`[${O}]`));
 			n >= a.length ? e.appendChild(i) : e.insertBefore(i, a[n]);
 		});
 	}
 	getRowCount(e) {
-		return e.querySelectorAll(`[${E}]`).length;
+		return e.querySelectorAll(`[${D}]`).length;
 	}
 	getColumnCount(e) {
-		let t = e.querySelector(`[${E}]`);
-		return t ? t.querySelectorAll(`[${D}]`).length : 0;
+		let t = e.querySelector(`[${D}]`);
+		return t ? t.querySelectorAll(`[${O}]`).length : 0;
 	}
 	getCell(e, t, n) {
-		let r = e.querySelectorAll(`[${E}]`);
+		let r = e.querySelectorAll(`[${D}]`);
 		if (t >= r.length) return null;
-		let i = r[t].querySelectorAll(`[${D}]`);
+		let i = r[t].querySelectorAll(`[${O}]`);
 		return n >= i.length ? null : i[n];
 	}
 	getColWidths(e) {
-		let t = e.querySelector(`[${E}]`);
+		let t = e.querySelector(`[${D}]`);
 		if (!t) return [];
-		let n = t.querySelectorAll(`[${D}]`), 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(`[${E}]`);
+		let t = e.querySelector(`[${D}]`);
 		if (!t) return "%";
-		let n = t.querySelector(`[${D}]`);
+		let n = t.querySelector(`[${O}]`);
 		return n && n.style.width.endsWith("px") ? "px" : "%";
 	}
 	getRawCellWidths(e) {
-		let t = e.querySelector(`[${E}]`);
+		let t = e.querySelector(`[${D}]`);
 		if (!t) return [];
-		let n = t.querySelectorAll(`[${D}]`);
+		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 = S($n), n.setAttribute(E, ""), Array.from({ length: e }).forEach((e, r) => {
+		return n.className = C(dr), 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 = S(er), t.style.borderRight = Qn, t.style.borderBottom = Qn, t.style.flexShrink = "0", t.style.overflow = "hidden", t.style.overflowWrap = "break-word", e !== void 0 && (t.style.width = typeof e == "string" ? e : `${e}%`), t.setAttribute(D, "");
+		t.className = C(fr), t.style.borderRight = ur, t.style.borderBottom = ur, 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(A, ""), t.appendChild(n), t;
 	}
-}, O = (e) => typeof e == "object" && !!e && "blocks" in e, k = "data-blok-table-cell-blocks", rr = class {
+}, k = (e) => typeof e == "object" && !!e && "blocks" in e, A = "data-blok-table-cell-blocks", hr = class {
 	constructor(e) {
 		var t;
 		this._activeCellWithBlocks = null, this.cellsPendingCheck = /* @__PURE__ */ new Set(), this.pendingCheckScheduled = !1, this.removedBlockCells = /* @__PURE__ */ new Map(), this.deferredEvents = [], this.isExitingTable = !1, this.handleBlockMutation = (e) => {
@@ -1913,9 +1919,9 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "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(`[${A}]`);
 			o && this.stripPlaceholders(o);
-			let s = o && !this.model.findCellForBlock(n.target.id) ? o.closest(`[${D}]`) : 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.getBlockIndex(this.tableBlockId), t = e === void 0 ? null : this.api.blocks.getBlockByIndex(e);
@@ -1931,11 +1937,11 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		}, this.handleCellBlankSpaceClick = (e) => {
 			let t = e.target;
 			if (!t) return;
-			let n = t.hasAttribute(D), r = t.hasAttribute(k);
+			let n = t.hasAttribute(O), r = t.hasAttribute(A);
 			if (!n && !r) return;
-			let i = n ? t : t.closest(`[${D}]`);
+			let i = n ? t : t.closest(`[${O}]`);
 			if (!i) return;
-			let a = n ? i.querySelector(`[${k}]`) : t;
+			let a = n ? i.querySelector(`[${A}]`) : t;
 			if (!a) return;
 			let o = a.querySelectorAll("[data-blok-id]"), s = o[o.length - 1];
 			if (!s) return;
@@ -2033,7 +2039,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "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(`[${A}]`);
 		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));
@@ -2052,18 +2058,18 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "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(`[${E}]`), n = [];
+		let t = this.gridElement.querySelectorAll(`[${D}]`), n = [];
 		return e.forEach((e, r) => {
 			let i = t[r];
 			if (!i) return;
-			let a = i.querySelectorAll(`[${D}]`), 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(`[${A}]`);
 				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(x({ blocks: i == null ? s : i }, c));
+				let i = k(e) && e.blocks.length > 0 ? [...e.blocks] : null, s = i ? this.mountBlocksInCell(r, i) : [], c = {};
+				if (k(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 = [];
@@ -2071,7 +2077,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "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(x({ blocks: i === null ? s : [...i, ...s] }, c));
+					o.push(S({ blocks: i === null ? s : [...i, ...s] }, c));
 				}
 				this.stripPlaceholders(r);
 			}), n.push(o);
@@ -2096,7 +2102,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	}
 	claimBlockForCell(e, t) {
 		var n, r;
-		let i = e.querySelector(`[${k}]`);
+		let i = e.querySelector(`[${A}]`);
 		if (!i) return;
 		let a = this.api.blocks.getBlockIndex(t);
 		if (a === void 0) return;
@@ -2110,12 +2116,12 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "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(`[${D}]`);
+		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(`[${A}]`);
 		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);
@@ -2137,11 +2143,11 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		n && this.model.addBlockToCell(n.row, n.col, t);
 	}
 	getCellPosition(e) {
-		let t = e.closest(`[${E}]`);
+		let t = e.closest(`[${D}]`);
 		if (!t) return null;
-		let n = Array.from(this.gridElement.querySelectorAll(`[${E}]`)).indexOf(t);
+		let n = Array.from(this.gridElement.querySelectorAll(`[${D}]`)).indexOf(t);
 		if (n < 0) return null;
-		let r = Array.from(t.querySelectorAll(`[${D}]`)).indexOf(e);
+		let r = Array.from(t.querySelectorAll(`[${O}]`)).indexOf(e);
 		return r < 0 ? null : {
 			row: n,
 			col: r
@@ -2149,7 +2155,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 	}
 	recordRemovedBlockCell(e) {
 		if (e.index === void 0) return;
-		let t = e.target.holder.closest(`[${D}]`);
+		let t = e.target.holder.closest(`[${O}]`);
 		t && this.gridElement.contains(t) && this.removedBlockCells.set(e.target.id, {
 			cell: t,
 			index: e.index
@@ -2197,7 +2203,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "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(`[${A}]`);
 			n && n.querySelectorAll("[data-blok-id]").forEach((e) => {
 				let n = e.getAttribute("data-blok-id");
 				n && t.push(n);
@@ -2210,7 +2216,7 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 		});
 	}
 	deleteAllBlocks() {
-		let e = this.gridElement.querySelectorAll(`[${D}]`), t = this.getBlockIdsFromCells(e);
+		let e = this.gridElement.querySelectorAll(`[${O}]`), t = this.getBlockIdsFromCells(e);
 		this.deleteBlocks(t);
 	}
 	destroy() {
@@ -2227,18 +2233,18 @@ var Tt = "outline-hidden py-[7px] mt-[2px] mb-px", Et = "outline-hidden pl-0.5 l
 };
 //#endregion
 //#region src/components/shared/color-picker.ts
-function ir() {
+function gr() {
 	var e, t;
 	let n = document.documentElement.getAttribute("data-blok-theme");
-	return n === "dark" ? ae : n === "light" ? Ze : typeof window < "u" && (e = (t = window).matchMedia) != null && e.call(t, "(prefers-color-scheme: dark)").matches ? ae : Ze;
+	return n === "dark" ? ue : n === "light" ? oe : typeof window < "u" && (e = (t = window).matchMedia) != null && e.call(t, "(prefers-color-scheme: dark)").matches ? ue : oe;
 }
-function ar(e, t) {
+function _r(e, t) {
 	if (e === t) return !0;
-	let n = ge(e), r = ge(t);
+	let n = ie(e), r = ie(t);
 	return n === null || r === null ? !1 : n[0] === r[0] && n[1] === r[1] && n[2] === r[2];
 }
-var or = "var(--blok-swatch-neutral-bg)";
-function sr(e) {
+var vr = "var(--blok-swatch-neutral-bg)";
+function yr(e) {
 	let { i18n: t, modes: n, testIdPrefix: r, onColorSelect: i } = e, a = { activeColors: Object.fromEntries(n.map((e) => [e.key, null])) }, o = document.createElement("div");
 	o.setAttribute("data-blok-testid", `${r}-picker`), o.className = "flex flex-col gap-3 p-2";
 	let s = [];
@@ -2251,21 +2257,21 @@ function sr(e) {
 		a.className = "grid gap-1", a.style.gridTemplateColumns = "repeat(5, 2.25rem)", s.push(a), n.appendChild(i), n.appendChild(a), o.appendChild(n);
 	});
 	let c = (e) => {
-		let o = s[e], c = n[e], l = ir();
+		let o = s[e], c = n[e], l = gr();
 		o.innerHTML = "";
 		let u = a.activeColors[c.key], d = document.createElement("button"), f = u === null;
-		d.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-default`), d.className = S("w-9 h-9 rounded-md cursor-pointer border-none outline-hidden", "flex items-center justify-center text-sm font-semibold", "transition-[box-shadow,transform] ring-inset hover:ring-2 hover:ring-swatch-ring-hover active:scale-90", f && "ring-2 ring-swatch-ring-hover"), d.textContent = c.presetField === "text" ? "A" : "", c.presetField === "text" && (d.style.color = "var(--blok-text-primary)"), d.style.backgroundColor = or, d.addEventListener("click", () => {
+		d.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-default`), d.className = C("w-9 h-9 rounded-md cursor-pointer border-none outline-hidden", "flex items-center justify-center text-sm font-semibold", "transition-[box-shadow,transform] ring-inset hover:ring-2 hover:ring-swatch-ring-hover active:scale-90", f && "ring-2 ring-swatch-ring-hover"), d.textContent = c.presetField === "text" ? "A" : "", c.presetField === "text" && (d.style.color = "var(--blok-text-primary)"), d.style.backgroundColor = vr, d.addEventListener("click", () => {
 			i(null, c.key);
 		});
 		let p = t.t("tools.colorPicker.defaultSwatchLabel").replace("{default}", t.t("tools.marker.default")).replace("{mode}", t.t(c.labelKey).toLowerCase());
-		Ae(d, p.charAt(0).toUpperCase() + p.slice(1), { placement: "top" }), o.appendChild(d);
+		v(d, p.charAt(0).toUpperCase() + p.slice(1), { placement: "top" }), o.appendChild(d);
 		for (let e of l) {
-			let n = document.createElement("button"), a = c.presetField === "text" ? e.text : e.bg, s = u !== null && ar(a, u);
-			n.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-${e.name}`), n.className = S("w-9 h-9 rounded-md cursor-pointer border-none outline-hidden", "flex items-center justify-center text-sm font-semibold", "transition-[box-shadow,transform] ring-inset hover:ring-2 hover:ring-swatch-ring-hover active:scale-90", s && "ring-2 ring-swatch-ring-hover"), n.textContent = c.presetField === "text" ? "A" : "", c.presetField === "text" ? (n.style.color = e.text, n.style.backgroundColor = or) : (n.style.color = l === ae ? e.text : "#37352f", n.style.backgroundColor = e.bg), n.addEventListener("click", () => {
+			let n = document.createElement("button"), a = c.presetField === "text" ? e.text : e.bg, s = u !== null && _r(a, u);
+			n.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-${e.name}`), n.className = C("w-9 h-9 rounded-md cursor-pointer border-none outline-hidden", "flex items-center justify-center text-sm font-semibold", "transition-[box-shadow,transform] ring-inset hover:ring-2 hover:ring-swatch-ring-hover active:scale-90", s && "ring-2 ring-swatch-ring-hover"), n.textContent = c.presetField === "text" ? "A" : "", c.presetField === "text" ? (n.style.color = e.text, n.style.backgroundColor = vr) : (n.style.color = l === ue ? e.text : "#37352f", n.style.backgroundColor = e.bg), n.addEventListener("click", () => {
 				i(a, c.key);
 			});
 			let d = t.t("tools.colorPicker.colorSwatchLabel").replace("{color}", t.t("tools.colorPicker.color." + e.name)).replace("{mode}", t.t(c.labelKey).toLowerCase());
-			Ae(n, d.charAt(0).toUpperCase() + d.slice(1), { placement: "top" }), o.appendChild(n);
+			v(n, d.charAt(0).toUpperCase() + d.slice(1), { placement: "top" }), o.appendChild(n);
 		}
 	}, l = () => {
 		n.forEach((e, t) => c(t));
@@ -2284,8 +2290,8 @@ function sr(e) {
 }
 //#endregion
 //#region src/tools/table/table-cell-color-picker.ts
-var cr = (e) => {
-	let t = sr({
+var br = (e) => {
+	let t = yr({
 		i18n: e.i18n,
 		testIdPrefix: "cell-color",
 		modes: [{
@@ -2302,40 +2308,40 @@ var cr = (e) => {
 		}
 	});
 	return { element: t.element };
-}, lr = (e, t, n) => {
+}, xr = (e, t, n) => {
 	t === "col" ? Object.assign(e.style, { height: `${n}px` }) : Object.assign(e.style, { width: `${n}px` });
-}, ur = [
+}, Sr = [
 	[2, 2],
 	[8, 2],
 	[2, 7],
 	[8, 7],
 	[2, 12],
 	[8, 12]
-], dr = [
+], Cr = [
 	[2, 2],
 	[7, 2],
 	[12, 2],
 	[2, 8],
 	[7, 8],
 	[12, 8]
-], fr = (e) => {
+], wr = (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 ? dr : ur;
+	let r = n ? Cr : Sr;
 	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;
-}, pr = (e, t) => {
+}, Tr = (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"));
-}, mr = (e, t, n) => {
-	lr(e, t, n), e.classList.remove("bg-gray-200"), e.classList.add("bg-gray-300");
+}, Er = (e, t, n) => {
+	xr(e, t, n), e.classList.remove("bg-gray-200"), e.classList.add("bg-gray-300");
 	let r = e.querySelector("svg");
 	r && (r.classList.add("opacity-0"), r.classList.remove("opacity-100"));
-}, hr = "data-blok-table-cell-selected", gr = "2px solid #3b82f6", _r = "data-blok-table-selection-pill", vr = 16, yr = 20, br = 4, xr = [
+}, Dr = "data-blok-table-cell-selected", Or = "2px solid #3b82f6", kr = "data-blok-table-selection-pill", Ar = 16, jr = 20, Mr = 4, Nr = [
 	"absolute",
 	"z-3",
 	"rounded-sm",
@@ -2348,7 +2354,7 @@ var cr = (e) => {
 	"overflow-hidden",
 	"cursor-pointer",
 	"bg-blue-500"
-], Sr = (e) => e.style.userSelect === "none", Cr = class {
+], Pr = (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);
 	}
@@ -2365,7 +2371,7 @@ var cr = (e) => {
 		r !== 0 && this.showProgrammaticSelection(e, 0, e, r - 1);
 	}
 	selectColumn(e) {
-		let t = this.grid.querySelectorAll(`[${E}]`).length;
+		let t = this.grid.querySelectorAll(`[${D}]`).length;
 		t !== 0 && this.showProgrammaticSelection(0, e, t - 1, e);
 	}
 	clearActiveSelection() {
@@ -2382,9 +2388,9 @@ var cr = (e) => {
 	}
 	handlePointerDown(e) {
 		var t;
-		if (Sr(this.grid) || e.button !== 0) return;
+		if (Pr(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(`[${_r}]`)) return;
+		if (n.closest("[data-blok-table-grip]") || n.closest("[data-blok-table-resize]") || n.closest(`[${kr}]`)) 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));
 	}
@@ -2426,7 +2432,7 @@ var cr = (e) => {
 	}
 	handleClearSelection(e) {
 		let t = e.target;
-		t instanceof HTMLElement && t.closest(`[${_r}]`) || t instanceof HTMLElement && t.closest("[data-blok-popover-opened]") !== null || (this.pillPopover !== null && this.destroyPillPopover(), document.removeEventListener("pointerdown", this.boundClearSelection), this.clearSelection());
+		t instanceof HTMLElement && t.closest(`[${kr}]`) || 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;
@@ -2449,7 +2455,7 @@ var cr = (e) => {
 	}
 	restoreModifiedCells() {
 		this.destroyPillPopover(), this.disconnectResizeObserver(), this.selectedCells.forEach((e) => {
-			e.removeAttribute(hr);
+			e.removeAttribute(Dr);
 		}), this.pill && (this.pill.remove(), this.pill = null), this.overlay && (this.overlay.remove(), this.overlay = null), this.selectedCells = [];
 	}
 	showProgrammaticSelection(e, t, n, r) {
@@ -2470,7 +2476,7 @@ var cr = (e) => {
 		var e, t;
 		if (!this.anchorCell || !this.extentCell) return;
 		this.selectedCells.forEach((e) => {
-			e.removeAttribute(hr);
+			e.removeAttribute(Dr);
 		}), 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 = {
@@ -2479,20 +2485,20 @@ var cr = (e) => {
 			minCol: i,
 			maxCol: a
 		};
-		let o = this.grid.querySelectorAll(`[${E}]`);
+		let o = this.grid.querySelectorAll(`[${D}]`);
 		this.selectedCells = this.collectCellsInRange(o, n, r, i, a), this.selectedCells.forEach((e) => {
-			e.setAttribute(hr, "");
+			e.setAttribute(Dr, "");
 		});
-		let s = (e = o[n]) == null ? void 0 : e.querySelectorAll(`[${D}]`)[i], c = (t = o[r]) == null ? void 0 : t.querySelectorAll(`[${D}]`)[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, _ = 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 = gr, this.overlay.style.pointerEvents = "none", this.overlay.style.boxSizing = "border-box", this.overlay.style.borderRadius = "2px", this.grid.appendChild(this.overlay)), this.overlay.style.top = `${_}px`, this.overlay.style.left = `${ee}px`, this.overlay.style.width = `${h}px`, this.overlay.style.height = `${g}px`, this.pill || (this.pill = this.createPill(), this.grid.appendChild(this.pill)), this.pill.style.left = `${ee + h - 1}px`, this.pill.style.top = `${_ + g / 2}px`, this.observeCellResizes();
+		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, _ = 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 = Or, 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 = `${_}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 = `${_ + h - 1}px`, this.pill.style.top = `${ee + g / 2}px`, this.observeCellResizes();
 	}
 	repositionOverlay() {
 		var e, t;
 		let n = this.lastPaintedRange;
 		if (!n || !this.overlay) return;
-		let r = this.grid.querySelectorAll(`[${E}]`), i = (e = r[n.minRow]) == null ? void 0 : e.querySelectorAll(`[${D}]`)[n.minCol], a = (t = r[n.maxRow]) == null ? void 0 : t.querySelectorAll(`[${D}]`)[n.maxCol];
+		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`);
@@ -2510,8 +2516,8 @@ var cr = (e) => {
 	}
 	createPill() {
 		let e = document.createElement("div");
-		e.setAttribute(_r, ""), e.setAttribute("contenteditable", "false"), e.className = S(xr), e.style.width = `${br}px`, e.style.height = `${yr}px`, e.style.pointerEvents = "auto", e.style.transform = "translate(-50%, -50%)", e.style.outline = "2px solid var(--blok-table-grip-outline, transparent)";
-		let t = fr("vertical");
+		e.setAttribute(kr, ""), e.setAttribute("contenteditable", "false"), e.className = C(Nr), e.style.width = `${Mr}px`, e.style.height = `${jr}px`, e.style.pointerEvents = "auto", e.style.transform = "translate(-50%, -50%)", e.style.outline = "2px solid var(--blok-table-grip-outline, transparent)";
+		let t = wr("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", () => {
@@ -2523,33 +2529,33 @@ var cr = (e) => {
 	openPillPopover() {
 		if (this.destroyPillPopover(), !this.pill) return;
 		this.expandPill();
-		let e = ce === "Meta" ? "⌘C" : "Ctrl+C", n = [];
+		let e = t === "Meta" ? "⌘C" : "Ctrl+C", r = [];
 		if (this.onColorChange !== void 0) {
-			let { element: e } = cr({
+			let { element: e } = br({
 				i18n: this.i18n,
 				onColorSelect: (e, t) => {
 					var n;
 					(n = this.onColorChange) == null || n.call(this, [...this.selectedCells], e, t);
 				}
 			});
-			n.push({
-				icon: fe,
+			r.push({
+				icon: tt,
 				title: this.i18n.t("tools.table.cellColor"),
 				name: "cellColor",
 				children: {
 					items: [{
-						type: p.Html,
+						type: _.Html,
 						element: e
 					}],
 					isFlippable: !1
 				}
 			});
 		}
-		this.pillPopover = new Ce({
+		this.pillPopover = new Me({
 			items: [
-				...n,
+				...r,
 				{
-					icon: je,
+					icon: n,
 					title: this.i18n.t("tools.table.copySelection"),
 					secondaryLabel: e,
 					closeOnActivate: !0,
@@ -2559,7 +2565,7 @@ var cr = (e) => {
 					}
 				},
 				{
-					icon: t,
+					icon: Re,
 					title: this.i18n.t("tools.table.clearSelection"),
 					secondaryLabel: "Del",
 					closeOnActivate: !0,
@@ -2571,19 +2577,19 @@ var cr = (e) => {
 			],
 			trigger: this.pill,
 			flippable: !0
-		}), this.pillPopover.on(Ye.Closed, () => {
+		}), this.pillPopover.on(at.Closed, () => {
 			this.pillPopover !== null && (this.destroyPillPopover(), this.collapsePill());
 		}), this.pillPopover.show();
 	}
 	expandPill() {
 		if (!this.pill) return;
-		this.pill.style.width = `${vr}px`;
+		this.pill.style.width = `${Ar}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 = `${br}px`;
+		this.pill.style.width = `${Mr}px`;
 		let e = this.pill.querySelector("svg");
 		e && (e.classList.add("opacity-0"), e.classList.remove("opacity-100"));
 	}
@@ -2594,13 +2600,13 @@ var cr = (e) => {
 		}
 	}
 	resolveCellCoord(e) {
-		let t = e.closest(`[${D}]`);
+		let t = e.closest(`[${O}]`);
 		if (!t) return null;
-		let n = t.closest(`[${E}]`);
+		let n = t.closest(`[${D}]`);
 		if (!n || !this.grid.contains(n)) return null;
-		let r = Array.from(this.grid.querySelectorAll(`[${E}]`)).indexOf(n);
+		let r = Array.from(this.grid.querySelectorAll(`[${D}]`)).indexOf(n);
 		if (r < 0) return null;
-		let i = Array.from(n.querySelectorAll(`[${D}]`)).indexOf(t);
+		let i = Array.from(n.querySelectorAll(`[${O}]`)).indexOf(t);
 		return i < 0 ? null : {
 			row: r,
 			col: i
@@ -2609,7 +2615,7 @@ var cr = (e) => {
 	clampExtentToEdge(e) {
 		var t, n, r, i, a, o;
 		if (!this.anchorCell || !this.isSelecting) return;
-		let s = this.grid.getBoundingClientRect(), c = this.grid.querySelectorAll(`[${E}]`), 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),
@@ -2619,106 +2625,106 @@ var cr = (e) => {
 	}
 	collectCellsInRange(e, t, n, r, i) {
 		return Array.from(e).slice(t, n + 1).flatMap((e) => {
-			let t = e.querySelectorAll(`[${D}]`);
+			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(`[${E}]`);
+}, j = (e) => {
+	let t = e.querySelector(`[${D}]`);
 	if (!t) return [];
-	let n = t.querySelectorAll(`[${D}]`);
+	let n = t.querySelectorAll(`[${O}]`);
 	return Array.from(n).map((e) => e.getBoundingClientRect().width);
-}, j = (e, t) => {
+}, Ir = (e, t) => {
 	let n = t.reduce((e, t) => e + t, 0), r = e;
-	r.style.width = `${n + 1}px`, e.querySelectorAll(`[${E}]`).forEach((e) => {
-		e.querySelectorAll(`[${D}]`).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`;
 			}
 		});
 	});
-}, wr = (e, t) => {
-	let n = Array.from(e.querySelectorAll(`[${E}]`)), r = n.findIndex((e) => Array.from(e.querySelectorAll(`[${D}]`)).includes(t));
+}, Lr = (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(`[${D}]`)).indexOf(t)
+		col: Array.from(n[r].querySelectorAll(`[${O}]`)).indexOf(t)
 	};
-}, Tr = (e) => {
+}, Rr = (e) => {
 	var t;
-	let n = e.querySelector(`[${k}]`);
+	let n = e.querySelector(`[${A}]`);
 	return n ? ((t = n.textContent) == null ? "" : t).trim().length === 0 : !0;
-}, Er = (e, t) => {
-	let n = e.querySelectorAll(`[${E}]`)[t];
+}, zr = (e, t) => {
+	let n = e.querySelectorAll(`[${D}]`)[t];
 	if (!n) return !0;
-	let r = n.querySelectorAll(`[${D}]`);
-	return Array.from(r).every((e) => Tr(e));
-}, Dr = (e, t) => {
-	let n = e.querySelectorAll(`[${E}]`);
+	let r = n.querySelectorAll(`[${O}]`);
+	return Array.from(r).every((e) => Rr(e));
+}, Br = (e, t) => {
+	let n = e.querySelectorAll(`[${D}]`);
 	return Array.from(n).every((e) => {
-		let n = e.querySelectorAll(`[${D}]`)[t];
-		return !n || Tr(n);
+		let n = e.querySelectorAll(`[${O}]`)[t];
+		return !n || Rr(n);
 	});
-}, Or = (e) => {
-	let t = e.querySelectorAll(`[${E}]`), n = t[0];
+}, Vr = (e) => {
+	let t = e.querySelectorAll(`[${D}]`), n = t[0];
 	if (!n) return;
-	let r = n.querySelectorAll(`[${D}]`), 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(`[${D}]`).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}%`;
 		});
 	});
-}, kr = (e, t, n) => {
+}, Hr = (e, t, n) => {
 	if (!e) return e;
 	let r = [...e], [i] = r.splice(t, 1);
 	return r.splice(n, 0, i), r;
-}, Ar = (e, t) => {
+}, Ur = (e, t) => {
 	if (!e) return e;
 	let n = [...e];
 	return n.splice(t, 1), n.length > 0 ? n : void 0;
-}, jr = (e, t, n, r, i) => {
-	let a = n == null ? A(e) : n, o = r === void 0 ? M(a) : Math.round(r / 2 * 100) / 100;
+}, Wr = (e, t, n, r, i) => {
+	let a = n == null ? j(e) : n, o = r === void 0 ? M(a) : Math.round(r / 2 * 100) / 100;
 	i.addColumn(e, t, a, o);
 	let s = [...a];
 	return s.splice(t, 0, o), s;
-}, M = (e) => Math.round(e.reduce((e, t) => e + t, 0) / e.length / 2 * 100) / 100, Mr = (e) => e.length === 0 ? 0 : Math.round(e.reduce((e, t) => e + t, 0) / e.length * 100) / 100, Nr = (e, t, n) => {
+}, M = (e) => Math.round(e.reduce((e, t) => e + t, 0) / e.length / 2 * 100) / 100, Gr = (e) => e.length === 0 ? 0 : Math.round(e.reduce((e, t) => e + t, 0) / e.length * 100) / 100, Kr = (e, t, n) => {
 	var r;
 	if (!e) return [];
-	let i = e.querySelectorAll(`[${E}]`)[n];
+	let i = e.querySelectorAll(`[${D}]`)[n];
 	return i ? (r = t == null ? void 0 : t.getBlockIdsFromCells(i.querySelectorAll("[data-blok-table-cell]"))) == null ? [] : r : [];
-}, Pr = (e, t, n) => {
+}, qr = (e, t, n) => {
 	var r;
 	if (!e) return [];
-	let i = e.querySelectorAll(`[${E}]`), a = [];
+	let i = e.querySelectorAll(`[${D}]`), a = [];
 	return i.forEach((e) => {
-		let t = e.querySelectorAll(`[${D}]`);
+		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(`[${D}]`).forEach((e) => {
+	e.querySelectorAll(`[${O}]`).forEach((e) => {
 		t == null || t.ensureCellHasBlock(e);
 	});
-}, Fr = (e, t, n, r) => {
-	let i = e.querySelectorAll(`[${E}]`);
+}, Jr = (e, t, n, r) => {
+	let i = e.querySelectorAll(`[${D}]`);
 	t.forEach((e, t) => {
 		let r = i[t];
 		if (!r) return;
-		let a = r.querySelectorAll(`[${D}]`);
+		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(`[${A}]`);
 			if (!o) return;
 			let s = o.querySelectorAll("[data-blok-id]").length > 0;
-			if (!(!O(e) && s)) {
-				if (!O(e)) {
+			if (!(!k(e) && s)) {
+				if (!k(e)) {
 					o.innerHTML = e;
 					return;
 				}
@@ -2737,7 +2743,7 @@ var cr = (e) => {
 			}
 		});
 	});
-}, Ir = (e, t) => {
+}, Yr = (e, t) => {
 	var n, r, i, a, o, s, c;
 	if (!(typeof e == "object" && e && "content" in e)) {
 		var l, u;
@@ -2757,40 +2763,40 @@ var cr = (e) => {
 		colWidths: m,
 		initialColWidth: d.initialColWidth
 	};
-}, Lr = (e, t) => {
+}, Xr = (e, t) => {
 	e.addEventListener("keydown", (n) => {
-		let r = n.target.closest(`[${D}]`);
+		let r = n.target.closest(`[${O}]`);
 		if (!r) return;
-		let i = wr(e, r);
+		let i = Lr(e, r);
 		i && (t == null || t.handleKeyDown(n, i));
 	});
-}, Rr = ["overflow-x-auto", "overflow-y-hidden"], zr = (e) => {
-	e == null || e.classList.add(...Rr);
+}, Zr = ["overflow-x-auto", "overflow-y-hidden"], Qr = (e) => {
+	e == null || e.classList.add(...Zr);
 }, P = (e, t) => {
 	if (!e) return;
-	let n = e.querySelectorAll(`[${E}]`);
+	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(`[${E}]`);
+	let n = e.querySelectorAll(`[${D}]`);
 	t.forEach((e, t) => {
 		if (t >= n.length) return;
-		let r = n[t].querySelectorAll(`[${D}]`);
+		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 = "";
+			k(e) && e.color ? n.style.backgroundColor = e.color : n.style.backgroundColor = "", k(e) && e.textColor ? n.style.color = e.textColor : n.style.color = "";
 		});
 	});
 }, I = (e, t) => {
-	e && (e.querySelectorAll(`[${D}]`).forEach((e) => {
+	e && (e.querySelectorAll(`[${O}]`).forEach((e) => {
 		e.removeAttribute("data-blok-table-heading-col");
-	}), t && e.querySelectorAll(`[${E}]`).forEach((e) => {
-		let t = e.querySelector(`[${D}]`);
+	}), t && e.querySelectorAll(`[${D}]`).forEach((e) => {
+		let t = e.querySelector(`[${O}]`);
 		t && t.setAttribute("data-blok-table-heading-col", "");
 	}));
-}, Br = (e) => !!(/^#[0-9a-f]{3,4}$/i.test(e) || /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(e) || /^rgba?\(\s*[\d.]+\s*,\s*[\d.]+\s*,\s*[\d.]+\s*(,\s*[\d.]+\s*)?\)$/i.test(e) || /^hsla?\(\s*[\d.]+\s*,\s*[\d.]+%\s*,\s*[\d.]+%\s*(,\s*[\d.]+\s*)?\)$/i.test(e) || e === "transparent"), Vr = class {
+}, $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"), ei = 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();
@@ -2863,13 +2869,13 @@ var cr = (e) => {
 		return this.isInBounds(e, t) ? [...this.contentGrid[e][t].blocks] : [];
 	}
 	setCellColor(e, t, n) {
-		this.isInBounds(e, t) && (n === void 0 ? delete this.contentGrid[e][t].color : Br(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 : Br(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;
@@ -3007,9 +3013,9 @@ var cr = (e) => {
 		return !e || !Array.isArray(e) ? [] : e.map((e) => (e == null ? [] : e).map((e) => this.normalizeCell(e)));
 	}
 	normalizeCell(e) {
-		if (O(e)) {
+		if (k(e)) {
 			let t = { blocks: [...e.blocks] };
-			return e.color !== void 0 && Br(e.color) && (t.color = e.color), e.textColor !== void 0 && Br(e.textColor) && (t.textColor = e.textColor), t;
+			return 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: [] };
 	}
@@ -3042,7 +3048,7 @@ var cr = (e) => {
 		for (let n of this.contentGrid) e < n.length && t.push(...n[e].blocks);
 		return t;
 	}
-}, Hr = "data-blok-table-resize", Ur = "data-blok-table-cell", Wr = "data-blok-table-row", Gr = 50, Kr = 16, qr = class {
+}, ti = "data-blok-table-resize", ni = "data-blok-table-cell", ri = "data-blok-table-row", ii = 50, ai = 16, oi = class {
 	get enabled() {
 		return this._enabled;
 	}
@@ -3069,7 +3075,7 @@ var cr = (e) => {
 	}
 	createHandle(e) {
 		let t = document.createElement("div"), n = this.getHandleLeftPx(e);
-		return t.setAttribute(Hr, ""), t.setAttribute("data-col", String(e)), t.style.position = "absolute", t.style.top = "-1px", t.style.bottom = "0px", t.style.width = `${Kr}px`, t.style.left = `${n - Kr / 2}px`, t.style.cursor = "col-resize", t.style.zIndex = "2", t.style.background = "linear-gradient(to right, transparent 7px, #3b82f6 7px, #3b82f6 9px, transparent 9px)", t.style.opacity = "0", t.style.transition = "opacity 150ms ease", t.setAttribute("contenteditable", "false"), t.addEventListener("mouseenter", () => {
+		return t.setAttribute(ti, ""), t.setAttribute("data-col", String(e)), t.style.position = "absolute", t.style.top = "-1px", t.style.bottom = "0px", t.style.width = `${ai}px`, t.style.left = `${n - ai / 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");
@@ -3081,14 +3087,14 @@ var cr = (e) => {
 	updateHandlePositions() {
 		this.handles.forEach((e, t) => {
 			let n = this.getHandleLeftPx(t), r = e;
-			r.style.left = `${n - Kr / 2}px`;
+			r.style.left = `${n - ai / 2}px`;
 		});
 	}
 	onPointerDown(e) {
 		var t;
 		if (!this._enabled) return;
 		let n = e.target;
-		if (!n.hasAttribute(Hr)) return;
+		if (!n.hasAttribute(ti)) 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));
@@ -3096,7 +3102,7 @@ var cr = (e) => {
 	onPointerMove(e) {
 		var t, n;
 		if (!this.isDragging) return;
-		let r = e.clientX - this.dragStartX, i = this.startColWidth + r, a = Math.max(Gr, i);
+		let r = e.clientX - this.dragStartX, i = this.startColWidth + r, a = Math.max(ii, 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() {
@@ -3106,8 +3112,8 @@ var cr = (e) => {
 		e && (e.style.opacity = "0"), document.removeEventListener("pointermove", this.boundPointerMove), document.removeEventListener("pointerup", this.boundPointerUp), this.dragRowCells = null, this.onChange([...this.colWidths]);
 	}
 	resolveRowCells() {
-		let e = this.gridEl.querySelectorAll(`[${Wr}]`);
-		return Array.from(e, (e) => Array.from(e.querySelectorAll(`[${Ur}]`)));
+		let e = this.gridEl.querySelectorAll(`[${ri}]`);
+		return Array.from(e, (e) => Array.from(e.querySelectorAll(`[${ni}]`)));
 	}
 	applyWidths(e = this.resolveRowCells()) {
 		let t = this.colWidths.reduce((e, t) => e + t, 0);
@@ -3117,7 +3123,7 @@ var cr = (e) => {
 			});
 		});
 	}
-}, Jr = (e, t, n) => (n.grid.addRow(e, t), N(e, n.cellBlocks), {
+}, si = (e, t, n) => (n.grid.addRow(e, t), N(e, n.cellBlocks), {
 	pendingHighlight: {
 		type: "row",
 		index: t
@@ -3126,8 +3132,8 @@ var cr = (e) => {
 	colWidths: n.data.colWidths,
 	withHeadings: n.data.withHeadings,
 	withHeadingColumn: n.data.withHeadingColumn
-}), Yr = (e, t, n) => {
-	let r = jr(e, t, n.data.colWidths, n.data.initialColWidth, n.grid);
+}), ci = (e, t, n) => {
+	let r = Wr(e, t, n.data.colWidths, n.data.initialColWidth, n.grid);
 	return N(e, n.cellBlocks), {
 		pendingHighlight: {
 			type: "col",
@@ -3138,7 +3144,7 @@ var cr = (e) => {
 		withHeadings: n.data.withHeadings,
 		withHeadingColumn: n.data.withHeadingColumn
 	};
-}, Xr = (e, t, n, r) => (r.grid.moveRow(e, t, n), {
+}, li = (e, t, n, r) => (r.grid.moveRow(e, t, n), {
 	pendingHighlight: null,
 	moveSelection: {
 		type: "row",
@@ -3147,16 +3153,16 @@ var cr = (e) => {
 	colWidths: r.data.colWidths,
 	withHeadings: r.data.withHeadings,
 	withHeadingColumn: r.data.withHeadingColumn
-}), Zr = (e, t, n, r) => (r.grid.moveColumn(e, t, n), {
+}), ui = (e, t, n, r) => (r.grid.moveColumn(e, t, n), {
 	pendingHighlight: null,
 	moveSelection: {
 		type: "col",
 		index: n
 	},
-	colWidths: kr(r.data.colWidths, t, n),
+	colWidths: Hr(r.data.colWidths, t, n),
 	withHeadings: r.data.withHeadings,
 	withHeadingColumn: r.data.withHeadingColumn
-}), Qr = (e, t, n) => {
+}), di = (e, t, n) => {
 	var r, i;
 	return (r = n.cellBlocks) == null || r.deleteBlocks((i = n.blocksToDelete) == null ? [] : i), n.grid.deleteRow(e, t), {
 		pendingHighlight: {
@@ -3168,11 +3174,11 @@ var cr = (e) => {
 		withHeadings: n.data.withHeadings,
 		withHeadingColumn: n.data.withHeadingColumn
 	};
-}, $r = (e, t, n) => {
+}, fi = (e, t, n) => {
 	var r, i;
 	(r = n.cellBlocks) == null || r.deleteBlocks((i = n.blocksToDelete) == null ? [] : i), n.grid.deleteColumn(e, t);
-	let a = Ar(n.data.colWidths, t);
-	return a ? j(e, a) : Or(e), {
+	let a = Ur(n.data.colWidths, t);
+	return a ? Ir(e, a) : Vr(e), {
 		pendingHighlight: {
 			type: "col",
 			index: t < n.grid.getColumnCount(e) ? t : t - 1
@@ -3182,16 +3188,16 @@ var cr = (e) => {
 		withHeadings: n.data.withHeadings,
 		withHeadingColumn: n.data.withHeadingColumn
 	};
-}, ei = (e, t, n) => {
+}, pi = (e, t, n) => {
 	switch (t.type) {
-		case "insert-row-above": return Jr(e, t.index, n);
-		case "insert-row-below": return Jr(e, t.index + 1, n);
-		case "insert-col-left": return Yr(e, t.index, n);
-		case "insert-col-right": return Yr(e, t.index + 1, n);
-		case "move-row": return Xr(e, t.fromIndex, t.toIndex, n);
-		case "move-col": return Zr(e, t.fromIndex, t.toIndex, n);
-		case "delete-row": return Qr(e, t.index, n);
-		case "delete-col": return $r(e, t.index, n);
+		case "insert-row-above": return si(e, t.index, n);
+		case "insert-row-below": return si(e, t.index + 1, n);
+		case "insert-col-left": return ci(e, t.index, n);
+		case "insert-col-right": return ci(e, t.index + 1, n);
+		case "move-row": return li(e, t.fromIndex, t.toIndex, n);
+		case "move-col": return ui(e, t.fromIndex, t.toIndex, n);
+		case "delete-row": return di(e, t.index, n);
+		case "delete-col": return fi(e, t.index, n);
 		case "toggle-heading": return {
 			pendingHighlight: {
 				type: "row",
@@ -3213,13 +3219,13 @@ var cr = (e) => {
 			withHeadingColumn: !n.data.withHeadingColumn
 		};
 	}
-}, ti = 10, ni = "data-blok-table-drag-ghost", ri = (e) => {
-	let t = e.querySelector(`[${E}]`);
-	return t ? Array.from(t.querySelectorAll(`[${D}]`)).reduce((e, t) => {
+}, mi = 10, hi = "data-blok-table-drag-ghost", gi = (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];
-}, ii = class {
+}, _i = 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);
@@ -3238,7 +3244,7 @@ var cr = (e) => {
 	}
 	handleDocPointerMove(e) {
 		let t = Math.abs(e.clientX - this.dragStartX), n = Math.abs(e.clientY - this.dragStartY);
-		!this.isDragging && (t > ti || n > ti) && (this.isDragging = !0, this.startDrag()), this.isDragging && (this.updateDragIndicator(e), this.updateGhostPosition(e));
+		!this.isDragging && (t > mi || n > mi) && (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) {
@@ -3259,7 +3265,7 @@ var cr = (e) => {
 		this.grid.style.userSelect = "none", document.body.style.cursor = "grabbing", (e = this.onDragStateChange) == null || e.call(this, !0, this.dragType), this.highlightSourceCells(), this.createDropIndicator(), this.createGhost();
 	}
 	highlightSourceCells() {
-		let e = this.grid.querySelectorAll(`[${E}]`);
+		let e = this.grid.querySelectorAll(`[${D}]`);
 		if (this.dragType === "row") {
 			this.highlightRowCells(e);
 			return;
@@ -3270,7 +3276,7 @@ var cr = (e) => {
 		let t = e[this.dragFromIndex];
 		if (!t) return;
 		let n = this.getDragSourceBg();
-		t.querySelectorAll(`[${D}]`).forEach((e) => {
+		t.querySelectorAll(`[${O}]`).forEach((e) => {
 			let t = e;
 			t.style.backgroundColor = n, t.style.opacity = "0.7", this.dragOverlayCells.push(t);
 		});
@@ -3278,7 +3284,7 @@ var cr = (e) => {
 	highlightColumnCells(e) {
 		let t = this.getDragSourceBg();
 		e.forEach((e) => {
-			let n = e.querySelectorAll(`[${D}]`);
+			let n = e.querySelectorAll(`[${O}]`);
 			if (this.dragFromIndex >= n.length) return;
 			let r = n[this.dragFromIndex];
 			r.style.backgroundColor = t, r.style.opacity = "0.7", this.dragOverlayCells.push(r);
@@ -3297,7 +3303,7 @@ var cr = (e) => {
 		let e = this.dropIndicator.style;
 		if (e.position = "absolute", e.backgroundColor = "#3b82f6", e.borderRadius = "1.5px", e.zIndex = "5", e.pointerEvents = "none", this.dropIndicator.setAttribute("contenteditable", "false"), this.dragType === "row") e.height = "3px", e.left = "-1px", e.right = "0", e.transition = "top 100ms ease";
 		else {
-			let t = this.grid.querySelectorAll(`[${E}]`), 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);
@@ -3319,7 +3325,7 @@ var cr = (e) => {
 	updateColIndicator(e, t) {
 		var n;
 		if (!this.dropIndicator) return;
-		let r = e.clientX - t.left, i = this.getColDropIndex(r), a = ri(this.grid);
+		let r = e.clientX - t.left, i = this.getColDropIndex(r), a = gi(this.grid);
 		this.dropIndicator.style.left = `${((n = a[i]) == null ? 0 : n) - 1.5}px`;
 	}
 	finishDrag(e) {
@@ -3348,7 +3354,7 @@ var cr = (e) => {
 	}
 	createGhost() {
 		let e = document.createElement("div");
-		e.setAttribute(ni, ""), e.setAttribute("contenteditable", "false");
+		e.setAttribute(hi, ""), e.setAttribute("contenteditable", "false");
 		let t = e.style;
 		t.position = "fixed", t.pointerEvents = "none", t.opacity = "0.5", t.zIndex = "50", t.borderRadius = "4px", t.overflow = "hidden", t.boxShadow = this.isDarkMode() ? "0 8px 24px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.08)" : "0 4px 12px rgba(0, 0, 0, 0.15)", this.ghostEl = e;
 		let n = this.getSourceRect();
@@ -3359,22 +3365,22 @@ var cr = (e) => {
 	}
 	getRowSourceRect() {
 		var e;
-		let t = this.grid.querySelectorAll(`[${E}]`)[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(`[${E}]`), 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(`[${D}]`)[this.dragFromIndex], i = n.querySelectorAll(`[${D}]`)[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(`[${E}]`)[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(`[${D}]`).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);
@@ -3382,10 +3388,10 @@ var cr = (e) => {
 	}
 	buildColumnGhost() {
 		if (!this.ghostEl) return;
-		let e = this.grid.querySelectorAll(`[${E}]`), 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(`[${D}]`);
+			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);
@@ -3397,7 +3403,7 @@ var cr = (e) => {
 		this.dragType === "row" && (t.top = `${e.clientY - this.ghostOffsetY}px`), this.dragType === "col" && (t.left = `${e.clientX - this.ghostOffsetX}px`);
 	}
 	getRowDropIndex(e) {
-		let t = Array.from(this.grid.querySelectorAll(`[${E}]`)), 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);
@@ -3406,7 +3412,7 @@ var cr = (e) => {
 		return r.indexOf(i);
 	}
 	getRowDropTopPx(e) {
-		let t = this.grid.querySelectorAll(`[${E}]`);
+		let t = this.grid.querySelectorAll(`[${D}]`);
 		if (e < t.length) return t[e].offsetTop;
 		if (t.length > 0) {
 			let e = t[t.length - 1];
@@ -3415,10 +3421,10 @@ var cr = (e) => {
 		return 0;
 	}
 	getColDropIndex(e) {
-		let t = ri(this.grid).map((t) => Math.abs(e - t)), n = Math.min(...t);
+		let t = gi(this.grid).map((t) => Math.abs(e - t)), n = Math.min(...t);
 		return t.indexOf(n);
 	}
-}, ai = [
+}, vi = [
 	"flex",
 	"items-center",
 	"select-none",
@@ -3430,7 +3436,7 @@ var cr = (e) => {
 	"mb-px",
 	"cursor-pointer",
 	"can-hover:hover:bg-item-hover-bg"
-], oi = [
+], yi = [
 	"flex",
 	"items-center",
 	"justify-center",
@@ -3439,13 +3445,13 @@ var cr = (e) => {
 	"mr-2",
 	"[&_svg]:w-icon",
 	"[&_svg]:h-icon"
-], si = [
+], bi = [
 	"mr-auto",
 	"truncate",
 	"text-sm",
 	"font-medium",
 	"leading-5"
-], ci = [
+], xi = [
 	"relative",
 	"w-[30px]",
 	"h-[18px]",
@@ -3455,7 +3461,7 @@ var cr = (e) => {
 	"ease-out",
 	"shrink-0",
 	"ml-2"
-], li = [
+], Si = [
 	"absolute",
 	"top-[2px]",
 	"w-[14px]",
@@ -3465,85 +3471,85 @@ var cr = (e) => {
 	"transition-[left]",
 	"duration-[220ms]",
 	"[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]"
-], ui = (e) => {
+], Ci = (e) => {
 	let { icon: t, label: n, isActive: r, onToggle: i } = e, a = { active: r }, o = document.createElement("div");
-	o.className = S(ai);
+	o.className = C(vi);
 	let s = document.createElement("div");
-	s.className = S(oi), s.innerHTML = t, o.appendChild(s);
+	s.className = C(yi), s.innerHTML = t, o.appendChild(s);
 	let c = document.createElement("span");
-	c.className = S(si), c.textContent = n, o.appendChild(c);
+	c.className = C(bi), c.textContent = n, o.appendChild(c);
 	let l = document.createElement("div");
-	l.className = S(ci);
+	l.className = C(xi);
 	let u = document.createElement("div");
-	u.className = S(li), l.appendChild(u), o.appendChild(l);
+	u.className = C(Si), l.appendChild(u), o.appendChild(l);
 	let d = () => {
 		l.style.backgroundColor = a.active ? "var(--blok-toggle-on-bg)" : "var(--blok-toggle-off-bg)", u.style.left = a.active ? "14px" : "2px", u.style.backgroundColor = a.active ? "var(--blok-toggle-thumb-on-bg)" : "", u.style.boxShadow = a.active ? "0 1px 3px rgba(0,0,0,0.35), 0 0 0 1px rgba(0,0,0,0.04)" : "0 1px 3px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.06)";
 	};
 	return d(), o.addEventListener("click", (e) => {
 		e.stopPropagation(), a.active = !a.active, d(), i(a.active);
 	}), o;
-}, di = (e, t) => {
-	let n = e === 0 ? [{
-		type: p.Html,
-		element: ui({
-			icon: $e,
-			label: t.i18n.t("tools.table.headerColumn"),
-			isActive: t.isHeadingColumn(),
+}, wi = (t, n) => {
+	let r = t === 0 ? [{
+		type: _.Html,
+		element: Ci({
+			icon: xe,
+			label: n.i18n.t("tools.table.headerColumn"),
+			isActive: n.isHeadingColumn(),
 			onToggle: () => {
-				t.onAction({ type: "toggle-heading-column" });
+				n.onAction({ type: "toggle-heading-column" });
 			}
 		})
-	}, { type: p.Separator }] : [], r = [{
-		icon: oe,
-		title: t.i18n.t("tools.table.insertColumnLeft"),
+	}, { type: _.Separator }] : [], i = [{
+		icon: e,
+		title: n.i18n.t("tools.table.insertColumnLeft"),
 		closeOnActivate: !0,
 		onActivate: () => {
-			t.onAction({
+			n.onAction({
 				type: "insert-col-left",
-				index: e
+				index: t
 			});
 		}
 	}, {
-		icon: le,
-		title: t.i18n.t("tools.table.insertColumnRight"),
+		icon: ke,
+		title: n.i18n.t("tools.table.insertColumnRight"),
 		closeOnActivate: !0,
 		onActivate: () => {
-			t.onAction({
+			n.onAction({
 				type: "insert-col-right",
-				index: e
+				index: t
 			});
 		}
-	}], i = t.getColumnCount() > 1, a = [{ type: p.Separator }, {
-		icon: ve,
-		title: t.i18n.t("tools.table.deleteColumn"),
+	}], a = n.getColumnCount() > 1, o = [{ type: _.Separator }, {
+		icon: Ee,
+		title: n.i18n.t("tools.table.deleteColumn"),
 		isDestructive: !0,
-		isDisabled: !i,
+		isDisabled: !a,
 		closeOnActivate: !0,
 		onActivate: () => {
-			t.onAction({
+			n.onAction({
 				type: "delete-col",
-				index: e
+				index: t
 			});
 		}
 	}];
 	return [
-		...n,
 		...r,
-		...a
+		...i,
+		...o
 	];
-}, fi = (e, t) => {
+}, Ti = (e, t) => {
 	let n = e === 0 ? [{
-		type: p.Html,
-		element: ui({
-			icon: r,
+		type: _.Html,
+		element: Ci({
+			icon: be,
 			label: t.i18n.t("tools.table.headerRow"),
 			isActive: t.isHeadingRow(),
 			onToggle: () => {
 				t.onAction({ type: "toggle-heading" });
 			}
 		})
-	}, { type: p.Separator }] : [], i = [{
-		icon: se,
+	}, { type: _.Separator }] : [], r = [{
+		icon: Se,
 		title: t.i18n.t("tools.table.insertRowAbove"),
 		closeOnActivate: !0,
 		onActivate: () => {
@@ -3553,7 +3559,7 @@ var cr = (e) => {
 			});
 		}
 	}, {
-		icon: d,
+		icon: de,
 		title: t.i18n.t("tools.table.insertRowBelow"),
 		closeOnActivate: !0,
 		onActivate: () => {
@@ -3562,11 +3568,11 @@ var cr = (e) => {
 				index: e
 			});
 		}
-	}], a = t.getRowCount() > 1, o = [{ type: p.Separator }, {
-		icon: ve,
+	}], i = t.getRowCount() > 1, a = [{ type: _.Separator }, {
+		icon: Ee,
 		title: t.i18n.t("tools.table.deleteRow"),
 		isDestructive: !0,
-		isDisabled: !a,
+		isDisabled: !i,
 		closeOnActivate: !0,
 		onActivate: () => {
 			t.onAction({
@@ -3577,29 +3583,29 @@ var cr = (e) => {
 	}];
 	return [
 		...n,
-		...i,
-		...o
+		...r,
+		...a
 	];
-}, pi = (e, t, n, r, i) => {
+}, Ei = (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 Ce({
-		items: e === "col" ? di(t, r) : fi(t, r),
+	let o = new Me({
+		items: e === "col" ? wi(t, r) : Ti(t, r),
 		trigger: a,
 		flippable: !0
 	});
-	return o.on(Ye.Closed, () => {
+	return o.on(at.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
 	};
-}, mi = "data-blok-table-grip", hi = "data-blok-table-grip-col", gi = "data-blok-table-grip-row", _i = 150, vi = 24, yi = 4, bi = 4, xi = 20, Si = [
+}, Di = "data-blok-table-grip", Oi = "data-blok-table-grip-col", ki = "data-blok-table-grip-row", Ai = 150, ji = 24, Mi = 4, Ni = 4, Pi = 20, Fi = [
 	"absolute",
 	"z-3",
 	"rounded-sm",
@@ -3612,25 +3618,25 @@ var cr = (e) => {
 	"items-center",
 	"justify-center",
 	"overflow-hidden"
-], Ci = [
+], Ii = [
 	"bg-gray-300",
 	"opacity-0",
 	"pointer-events-none"
-], wi = [
+], Li = [
 	"bg-gray-300",
 	"opacity-100",
 	"pointer-events-auto"
-], Ti = [
+], Ri = [
 	"bg-blue-500",
 	"text-white",
 	"opacity-100",
 	"pointer-events-auto"
-], Ei = class {
+], zi = class {
 	constructor(e) {
 		this.colGrips = [], this.rowGrips = [], this.popoverState = {
 			popover: null,
 			grip: null
-		}, this.lockedGrip = null, this.hideTimeout = null, this.activeColGripIndex = -1, this.activeRowGripIndex = -1, this.isInsideTable = !1, this.rowResizeObserver = null, this.boundScrollHandler = null, this.grid = e.grid, this.overlay = e.overlay, this.scrollContainer = e.scrollContainer, this.getColumnCount = e.getColumnCount, this.getRowCount = e.getRowCount, this.isHeadingRow = e.isHeadingRow, this.isHeadingColumn = e.isHeadingColumn, this.onAction = e.onAction, this.onGripClick = e.onGripClick, this.onGripPopoverClose = e.onGripPopoverClose, this.i18n = e.i18n, this.drag = new ii({
+		}, 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 _i({
 			grid: this.grid,
 			onAction: this.onAction,
 			onDragStateChange: (t, n) => {
@@ -3651,7 +3657,7 @@ var cr = (e) => {
 	}
 	handleUnlockGrip(e) {
 		document.removeEventListener("pointerdown", this.boundUnlockGrip), this.lockedGrip && (this.applyIdleClasses(this.lockedGrip), this.lockedGrip = null);
-		let t = e.target instanceof HTMLElement ? e.target : null, n = t == null ? void 0 : t.closest(`[${D}]`);
+		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);
@@ -3698,18 +3704,18 @@ var cr = (e) => {
 	}
 	createGripElement(e, t) {
 		let n = document.createElement("div");
-		n.className = S(Si, Ci), n.setAttribute(mi, ""), n.setAttribute(e === "col" ? hi : gi, String(t)), n.setAttribute("contenteditable", "false");
-		let r = e === "col" ? vi : bi, i = e === "col" ? yi : xi, a = e === "col" ? yi : bi;
-		return n.style.width = `${r}px`, n.style.height = `${i}px`, n.style.transform = "translate(-50%, -50%)", n.style.outline = "2px solid var(--blok-table-grip-outline, transparent)", n.appendChild(fr(e === "col" ? "horizontal" : "vertical")), n.addEventListener("pointerdown", this.boundPointerDown), n.addEventListener("mouseenter", () => {
-			this.overlay && this.clearHideTimeout(), this.isGripInteractionLocked() || pr(n, e);
+		n.className = C(Fi, Ii), n.setAttribute(Di, ""), n.setAttribute(e === "col" ? Oi : ki, String(t)), n.setAttribute("contenteditable", "false");
+		let r = e === "col" ? ji : Ni, i = e === "col" ? Mi : Pi, a = e === "col" ? Mi : Ni;
+		return n.style.width = `${r}px`, n.style.height = `${i}px`, n.style.transform = "translate(-50%, -50%)", n.style.outline = "2px solid var(--blok-table-grip-outline, transparent)", n.appendChild(wr(e === "col" ? "horizontal" : "vertical")), n.addEventListener("pointerdown", this.boundPointerDown), n.addEventListener("mouseenter", () => {
+			this.overlay && this.clearHideTimeout(), this.isGripInteractionLocked() || Tr(n, e);
 		}), n.addEventListener("mouseleave", () => {
-			this.isGripInteractionLocked() || (mr(n, e, a), this.overlay && this.scheduleHideAll());
+			this.isGripInteractionLocked() || (Er(n, e, a), this.overlay && this.scheduleHideAll());
 		}), n;
 	}
 	positionGrips() {
-		let e = this.grid.querySelectorAll(`[${E}]`);
+		let e = this.grid.querySelectorAll(`[${D}]`);
 		if (!e[0]) return;
-		let t = ri(this.grid), n = this.overlay && this.scrollContainer ? this.scrollContainer.scrollLeft : 0, r = this.overlay && this.scrollContainer ? this.scrollContainer.clientWidth : Infinity;
+		let t = gi(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;
@@ -3724,7 +3730,7 @@ var cr = (e) => {
 		var e;
 		(e = this.rowResizeObserver) == null || e.disconnect(), this.rowResizeObserver = new ResizeObserver(() => {
 			this.positionGrips();
-		}), this.grid.querySelectorAll(`[${E}]`).forEach((e) => {
+		}), this.grid.querySelectorAll(`[${D}]`).forEach((e) => {
 			var t;
 			(t = this.rowResizeObserver) == null || t.observe(e);
 		});
@@ -3734,7 +3740,7 @@ var cr = (e) => {
 	}
 	handleMouseOver(e) {
 		if (this.isGripInteractionLocked()) return;
-		let t = e.target.closest(`[${D}]`);
+		let t = e.target.closest(`[${O}]`);
 		if (!t) return;
 		this.clearHideTimeout();
 		let n = this.getCellPosition(t);
@@ -3744,11 +3750,11 @@ var cr = (e) => {
 		this.isGripInteractionLocked() || this.scheduleHideAll();
 	}
 	getCellPosition(e) {
-		let t = e.closest(`[${E}]`);
+		let t = e.closest(`[${D}]`);
 		if (!t) return null;
-		let n = Array.from(this.grid.querySelectorAll(`[${E}]`)).indexOf(t);
+		let n = Array.from(this.grid.querySelectorAll(`[${D}]`)).indexOf(t);
 		if (n < 0) return null;
-		let r = Array.from(t.querySelectorAll(`[${D}]`)).indexOf(e);
+		let r = Array.from(t.querySelectorAll(`[${O}]`)).indexOf(e);
 		return r < 0 ? null : {
 			row: n,
 			col: r
@@ -3777,13 +3783,13 @@ var cr = (e) => {
 		this.activeRowGripIndex >= 0 && this.activeRowGripIndex < this.rowGrips.length && this.applyIdleClasses(this.rowGrips[this.activeRowGripIndex]), this.activeRowGripIndex = -1;
 	}
 	applyVisibleClasses(e) {
-		let t = e, n = t.hasAttribute(hi);
-		lr(t, n ? "col" : "row", n ? yi : bi), this.isInsideTable && (t.style.transition = "none"), t.className = S(Si, wi), t.setAttribute("data-blok-table-grip-visible", ""), this.isInsideTable && (t.offsetHeight, t.style.transition = "");
+		let t = e, n = t.hasAttribute(Oi);
+		xr(t, n ? "col" : "row", n ? Mi : Ni), this.isInsideTable && (t.style.transition = "none"), t.className = C(Fi, Li), t.setAttribute("data-blok-table-grip-visible", ""), this.isInsideTable && (t.offsetHeight, t.style.transition = "");
 		let r = t.querySelector("svg");
 		r && (r.classList.remove("text-white", "opacity-100"), r.classList.add("text-gray-400", "opacity-0"));
 	}
 	applyActiveClasses(e) {
-		Object.assign(e, { className: S(Si, Ti) }), e.setAttribute("data-blok-table-grip-visible", "");
+		Object.assign(e, { className: C(Fi, Ri) }), 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"));
 	}
@@ -3793,8 +3799,8 @@ var cr = (e) => {
 		});
 	}
 	applyIdleClasses(e) {
-		let t = e, n = t.hasAttribute(hi), r = n ? "col" : "row", i = n ? yi + 12 : bi + 12;
-		this.isInsideTable && (t.style.transition = "none"), lr(t, r, i), t.className = S(Si, Ci), t.removeAttribute("data-blok-table-grip-visible");
+		let t = e, n = t.hasAttribute(Oi), r = n ? "col" : "row", i = n ? Mi + 12 : Ni + 12;
+		this.isInsideTable && (t.style.transition = "none"), xr(t, r, i), t.className = C(Fi, Ii), t.removeAttribute("data-blok-table-grip-visible");
 		let a = t.querySelector("svg");
 		a && (a.classList.add("opacity-0"), a.classList.remove("opacity-100")), this.isInsideTable && (t.offsetHeight, t.style.transition = "");
 	}
@@ -3807,13 +3813,13 @@ var cr = (e) => {
 	scheduleHideAll() {
 		this.hideTimeout = setTimeout(() => {
 			this.hideColGrip(), this.hideRowGrip(), this.isInsideTable = !1, this.hideTimeout = null;
-		}, _i);
+		}, Ai);
 	}
 	clearHideTimeout() {
 		this.hideTimeout !== null && (clearTimeout(this.hideTimeout), this.hideTimeout = null);
 	}
 	handlePointerDown(e) {
-		let t = e.target.closest(`[${mi}]`);
+		let t = e.target.closest(`[${Di}]`);
 		if (!t) return;
 		e.preventDefault(), e.stopPropagation();
 		let n = this.detectGripType(t);
@@ -3822,12 +3828,12 @@ var cr = (e) => {
 		});
 	}
 	detectGripType(e) {
-		let t = e.getAttribute(hi);
+		let t = e.getAttribute(Oi);
 		if (t !== null) return {
 			type: "col",
 			index: Number(t)
 		};
-		let n = e.getAttribute(gi);
+		let n = e.getAttribute(ki);
 		return n === null ? null : {
 			type: "row",
 			index: Number(n)
@@ -3835,7 +3841,7 @@ var cr = (e) => {
 	}
 	openPopover(e, t) {
 		var n, r;
-		this.popoverState = pi(e, t, {
+		this.popoverState = Ei(e, t, {
 			col: this.colGrips,
 			row: this.rowGrips
 		}, {
@@ -3864,7 +3870,7 @@ var cr = (e) => {
 			}, e.destroy();
 		}
 	}
-}, Di = "data-blok-table-haze", Oi = "data-blok-table-haze-visible", ki = 1, Ai = [
+}, Bi = "data-blok-table-haze", Vi = "data-blok-table-haze-visible", Hi = 1, Ui = [
 	"absolute",
 	"top-0",
 	"bottom-0",
@@ -3874,17 +3880,17 @@ var cr = (e) => {
 	"transition-opacity",
 	"duration-150",
 	"z-1"
-], ji = [
+], Wi = [
 	"left-0",
 	"bg-linear-to-r",
 	"from-white/80",
 	"to-transparent"
-], Mi = [
+], Gi = [
 	"right-5",
 	"bg-linear-to-l",
 	"from-white/80",
 	"to-transparent"
-], Ni = class {
+], Ki = class {
 	constructor() {
 		this.leftHaze = null, this.rightHaze = null, this.scrollContainer = null, this.boundOnScroll = null, this.ticking = !1;
 	}
@@ -3904,7 +3910,7 @@ var cr = (e) => {
 	}
 	createHazeElement(e) {
 		let t = document.createElement("div");
-		return t.setAttribute(Di, e), t.setAttribute("aria-hidden", "true"), t.classList.add(...Ai, ...e === "left" ? ji : Mi), t;
+		return t.setAttribute(Bi, e), t.setAttribute("aria-hidden", "true"), t.classList.add(...Ui, ...e === "left" ? Wi : Gi), t;
 	}
 	syncVisibility() {
 		let e = this.scrollContainer;
@@ -3915,12 +3921,12 @@ var cr = (e) => {
 			return;
 		}
 		let { scrollLeft: n, scrollWidth: r, clientWidth: i } = e, a = r - i;
-		this.setVisible(this.leftHaze, n > ki), this.setVisible(this.rightHaze, a > ki && n < a - ki);
+		this.setVisible(this.leftHaze, n > Hi), this.setVisible(this.rightHaze, a > Hi && n < a - Hi);
 	}
 	setVisible(e, t) {
-		e && (t ? e.setAttribute(Oi, "") : e.removeAttribute(Oi));
+		e && (t ? e.setAttribute(Vi, "") : e.removeAttribute(Vi));
 	}
-}, Pi = 3, Fi = 3, Ii = ["my-2", "pr-5"], Li = [
+}, qi = 3, Ji = 3, Yi = ["my-2", "pr-5"], Xi = [
 	"relative",
 	"mb-7",
 	"after:content-[\"\"]",
@@ -3930,11 +3936,11 @@ var cr = (e) => {
 	"after:right-0",
 	"after:h-10",
 	"after:pointer-events-none"
-], Ri = class {
+], Zi = 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 = Ir(e, this.config);
-		this.initialContent = a.content, this.grid = new nr({ readOnly: r }), this.model = new Vr(a), this.blockId = i == null ? void 0 : i.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = Ie(this.config.restrictedTools));
+		let a = Yr(e, this.config);
+		this.initialContent = a.content, this.grid = new mr({ readOnly: r }), this.model = new ei(a), this.blockId = i == null ? void 0 : i.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = Ue(this.config.restrictedTools));
 	}
 	runStructuralOp(e, t = !1) {
 		this.structuralOpDepth++;
@@ -3969,7 +3975,7 @@ var cr = (e) => {
 	}
 	static get toolbox() {
 		return {
-			icon: Le,
+			icon: We,
 			title: "Table",
 			titleKey: "tools.table.title",
 			searchTerms: [
@@ -4002,7 +4008,7 @@ var cr = (e) => {
 			em: !0,
 			mark: (e) => {
 				let t = e.style, n = Array.from({ length: t.length }, (e, n) => t.item(n));
-				for (let e of n) be.has(e) || t.removeProperty(e);
+				for (let e of n) a.has(e) || t.removeProperty(e);
 				return t.length > 0 ? { style: !0 } : {};
 			},
 			a: { href: !0 },
@@ -4023,26 +4029,26 @@ var cr = (e) => {
 	render() {
 		var e, t, n, r, i, a;
 		let o = document.createElement("div");
-		o.className = S(Ii, !this.readOnly && Li), o.setAttribute(v.tool, "table"), this.readOnly && o.setAttribute("data-blok-table-readonly", ""), this.isNewTable = ((e = (t = this.initialContent) == null ? void 0 : t.length) == null ? 0 : e) === 0;
-		let s = ((n = this.initialContent) == null ? void 0 : n.length) || this.config.rows || Pi, c = ((r = this.initialContent) == null ? void 0 : r.reduce((e, t) => {
+		o.className = C(Yi, !this.readOnly && Xi), o.setAttribute(y.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 || qi, 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 || Fi, l = this.grid.createGrid(s, c, this.model.colWidths);
+		}, 0)) || this.config.cols || Ji, l = this.grid.createGrid(s, c, this.model.colWidths);
 		if (((i = (a = this.initialContent) == null ? void 0 : a.length) == null ? 0 : i) > 0) {
 			var u;
 			this.grid.fillGrid(l, (u = this.initialContent) == null ? [] : u);
 		}
-		if (this.model.colWidths && j(l, this.model.colWidths), this.gridElement = l, this.model.colWidths || !this.readOnly) {
+		if (this.model.colWidths && Ir(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 ? Rr : [];
+			let t = this.model.colWidths ? Zr : [];
 			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(l), Lr(l, this.cellBlocks)), o;
+		return this.element = o, this.model.withHeadings && P(this.gridElement, this.model.withHeadings), this.model.withHeadingColumn && I(this.gridElement, this.model.withHeadingColumn), this.readOnly || (this.initCellBlocks(l), Xr(l, this.cellBlocks)), o;
 	}
 	rendered() {
 		if (!this.element || this.initialContent === null) return;
@@ -4051,20 +4057,20 @@ var cr = (e) => {
 		let t = this.initialContent;
 		if (this.initialContent = null, this.readOnly) {
 			var n;
-			Fr(e, t, this.api, (n = this.blockId) == null ? "" : n), F(e, this.model.snapshot().content), this.initScrollHaze();
+			Jr(e, t, this.api, (n = this.blockId) == null ? "" : n), F(e, this.model.snapshot().content), this.initScrollHaze();
 			return;
 		}
 		if (this.runTransactedStructuralOp(() => {
 			var n, r;
-			let i = (n = (r = this.cellBlocks) == null ? void 0 : r.initializeCells(t)) == null ? t : n, a = this.isNewTable && i.length === 0 ? Array.from(e.querySelectorAll(`[${E}]`), (e) => {
-				let t = e.querySelectorAll(`[${D}]`).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(x(x({}, 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 && N(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 ? Mr(t) : void 0);
+			let t = (r = this.model.colWidths) == null ? j(e) : r;
+			this.model.setInitialColWidth(t.length > 0 ? Gr(t) : void 0);
 		}
 		if (this.initSubsystems(e), F(e, this.model.snapshot().content), this.isNewTable) {
 			var i;
@@ -4094,7 +4100,7 @@ var cr = (e) => {
 	setData(e) {
 		var t, n, r, i, a;
 		this.setDataGeneration++;
-		let o = this.setDataGeneration, s = Ir(x(x({}, this.model.snapshot()), e), this.config);
+		let o = this.setDataGeneration, s = Yr(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();
@@ -4116,12 +4122,12 @@ var cr = (e) => {
 				let i = (e = (t = (n = this.cellBlocks) == null ? void 0 : n.initializeCells((r = this.initialContent) == null ? [] : r)) == null ? this.initialContent : t) == null ? [] : e;
 				if (o === this.setDataGeneration) {
 					if (this.api.blocks.isSyncingFromYjs && i.length === 0 && f) {
-						let e = Array.from(f.querySelectorAll(`[${E}]`), (e) => {
-							let t = e.querySelectorAll(`[${D}]`).length;
+						let e = Array.from(f.querySelectorAll(`[${D}]`), (e) => {
+							let t = e.querySelectorAll(`[${O}]`).length;
 							return Array.from({ length: t }, () => ({ blocks: [] }));
 						});
-						this.model.replaceAll(x(x({}, this.model.snapshot()), {}, { content: e })), N(f, this.cellBlocks);
-					} else this.model.replaceAll(x(x({}, this.model.snapshot()), {}, { content: i }));
+						this.model.replaceAll(S(S({}, this.model.snapshot()), {}, { content: e })), N(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)));
@@ -4129,37 +4135,37 @@ var cr = (e) => {
 	}
 	onPaste(e) {
 		var t, n;
-		let r = e.detail.data, i = r.querySelectorAll("tr"), a = [], o = [];
-		i.forEach((e) => {
-			let t = e.querySelectorAll("td, th"), n = [], r = [];
+		let i = e.detail.data, a = i.querySelectorAll("tr"), o = [], s = [];
+		a.forEach((e) => {
+			let t = e.querySelectorAll("td, th"), n = [], i = [];
 			t.forEach((e) => {
 				var t;
 				n.push(e.innerHTML);
-				let i = (t = e.getAttribute("style")) == null ? "" : t, a = {}, o = /background-color\s*:\s*([^;]+)/i.exec(i);
-				o != null && o[1] && (a.color = Xe(o[1].trim(), "bg"));
-				let s = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(i);
-				s != null && s[1] && !Pe(s[1].trim()) && (a.textColor = Xe(s[1].trim(), "text")), r.push(a);
-			}), n.length > 0 && (a.push(n), o.push(r));
+				let a = (t = e.getAttribute("style")) == null ? "" : t, o = {}, s = /background-color\s*:\s*([^;]+)/i.exec(a);
+				s != null && s[1] && (o.color = r(s[1].trim(), "bg"));
+				let l = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(a);
+				l != null && l[1] && !c(l[1].trim()) && (o.textColor = r(l[1].trim(), "text")), i.push(o);
+			}), n.length > 0 && (o.push(n), s.push(i));
 		});
-		let s = r.querySelector("thead") !== null, c = ((t = i[0]) == null ? void 0 : t.querySelector("th")) !== null, l = s || c;
-		this.initialContent = a, this.model.setWithHeadings(l), this.model.setWithHeadingColumn(!1), this.model.setColWidths(void 0), this.runStructuralOp(() => {
+		let l = i.querySelector("thead") !== null, u = ((t = a[0]) == null ? void 0 : t.querySelector("th")) !== null, d = l || u;
+		this.initialContent = o, this.model.setWithHeadings(d), this.model.setWithHeadingColumn(!1), this.model.setColWidths(void 0), this.runStructuralOp(() => {
 			var e;
 			(e = this.cellBlocks) == null || e.deleteAllBlocks();
 		}, !0), (n = this.cellBlocks) == null || n.destroy(), this.teardownSubsystems();
-		let u = this.element;
-		if (!(u != null && u.parentNode)) return;
-		let d = this.render();
-		u.parentNode.replaceChild(d, u);
-		let f = this.gridElement;
-		!this.readOnly && f && (this.runStructuralOp(() => {
+		let f = this.element;
+		if (!(f != null && f.parentNode)) return;
+		let p = this.render();
+		f.parentNode.replaceChild(p, f);
+		let m = this.gridElement;
+		!this.readOnly && m && (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(x(x({}, 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, s.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(m), F(m, this.model.snapshot().content));
 	}
 	destroy() {
 		var e, t;
@@ -4186,22 +4192,22 @@ var cr = (e) => {
 		});
 	}
 	getBlockIdsInRow(e) {
-		return Nr(this.element, this.cellBlocks, e);
+		return Kr(this.element, this.cellBlocks, e);
 	}
 	getBlockIdsInColumn(e) {
-		return Pr(this.element, this.cellBlocks, e);
+		return qr(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 Zn({
+		this.addControls = new lr({
 			wrapper: this.element,
 			grid: e,
 			i18n: this.api.i18n,
 			getNewColumnWidth: () => {
 				var t;
-				let n = (t = this.model.colWidths) == null ? A(e) : t;
+				let n = (t = this.model.colWidths) == null ? j(e) : t;
 				return this.model.initialColWidth === void 0 ? M(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
 			},
 			onAddRow: () => {
@@ -4213,7 +4219,7 @@ var cr = (e) => {
 			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;
+					let i = (t = this.model.colWidths) == null ? j(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();
 				});
 			},
@@ -4229,7 +4235,7 @@ var cr = (e) => {
 			onDragRemoveRow: () => {
 				this.runTransactedStructuralOp(() => {
 					let t = this.grid.getRowCount(e);
-					if (t > 1 && Er(e, t - 1)) {
+					if (t > 1 && zr(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);
@@ -4239,19 +4245,19 @@ var cr = (e) => {
 			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 ? j(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), Ir(e, a), N(e, this.cellBlocks), I(this.gridElement, this.model.withHeadingColumn), this.initResize(e), n.addedCols++, this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth);
 				});
 			},
 			onDragRemoveCol: () => {
 				this.runTransactedStructuralOp(() => {
 					var t;
 					let r = this.grid.getColumnCount(e);
-					if (r <= 1 || !Dr(e, r - 1)) return;
+					if (r <= 1 || !Br(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 && Ir(e, a), this.initResize(e), n.addedCols--;
 				});
 			},
 			onDragEnd: () => {
@@ -4262,7 +4268,7 @@ var cr = (e) => {
 	}
 	initRowColControls(e) {
 		var t, n, r;
-		(t = this.rowColControls) == null || t.destroy(), this.element && (this.rowColControls = new Ei({
+		(t = this.rowColControls) == null || t.destroy(), this.element && (this.rowColControls = new zi({
 			grid: e,
 			overlay: (n = this.gripOverlay) == null ? void 0 : n,
 			scrollContainer: (r = this.scrollContainer) == null ? void 0 : r,
@@ -4310,7 +4316,7 @@ var cr = (e) => {
 		this.runTransactedStructuralOp(() => {
 			var r, i;
 			if (n !== this.setDataGeneration || this.gridElement !== e) return;
-			let a = this.model.colWidths, { blocksToDelete: o } = this.syncModelForAction(t), s = ei(e, t, {
+			let a = this.model.colWidths, { blocksToDelete: o } = this.syncModelForAction(t), s = pi(e, t, {
 				grid: this.grid,
 				data: {
 					colWidths: a,
@@ -4368,10 +4374,10 @@ var cr = (e) => {
 	initResize(e) {
 		var t, n;
 		(t = this.resize) == null || t.destroy();
-		let r = this.model.colWidths === void 0, i = (n = this.model.colWidths) == null ? A(e) : n;
-		r || zr(this.ensureScrollContainer()), this.resize = new qr(e, i, (e) => {
+		let r = this.model.colWidths === void 0, i = (n = this.model.colWidths) == null ? j(e) : n;
+		r || Qr(this.ensureScrollContainer()), this.resize = new oi(e, i, (e) => {
 			var t, n, r;
-			this.model.setColWidths(e), zr(this.ensureScrollContainer()), (t = this.rowColControls) == null || t.positionGrips(), (n = this.addControls) == null || n.syncRowButtonWidth(), (r = this.scrollHaze) == null || r.update();
+			this.model.setColWidths(e), Qr(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();
@@ -4382,7 +4388,7 @@ var cr = (e) => {
 	}
 	initCellBlocks(e) {
 		var t;
-		this.cellBlocks = new rr({
+		this.cellBlocks = new hr({
 			api: this.api,
 			gridElement: e,
 			tableBlockId: (t = this.blockId) == null ? "" : t,
@@ -4393,13 +4399,13 @@ var cr = (e) => {
 	handleCellCopy(e, t) {
 		let n = this.collectCellBlockData(e);
 		if (n.length === 0) return;
-		let r = pe(n);
-		t.setData("text/html", Se(r)), t.setData("text/plain", Ve(r));
+		let r = Be(n);
+		t.setData("text/html", st(r)), t.setData("text/plain", ge(r));
 	}
 	handleCellCopyViaButton(e) {
 		let t = this.collectCellBlockData(e);
 		if (t.length === 0) return;
-		let n = pe(t), r = Se(n), i = Ve(n), a = new Blob([r], { type: "text/html" }), o = new Blob([i], { type: "text/plain" });
+		let n = Be(t), r = st(n), i = ge(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
@@ -4409,7 +4415,7 @@ var cr = (e) => {
 		let r = this.gridElement;
 		r && this.runTransactedStructuralOp(() => {
 			for (let i of e) {
-				let e = wr(r, i);
+				let e = Lr(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));
 			}
 		});
@@ -4417,12 +4423,12 @@ var cr = (e) => {
 	collectCellBlockData(e) {
 		let t = this.gridElement;
 		if (!t) return [];
-		let n = Array.from(t.querySelectorAll(`[${E}]`));
+		let n = Array.from(t.querySelectorAll(`[${D}]`));
 		return e.map((e) => {
 			var t;
-			let r = e.closest(`[${E}]`);
+			let r = e.closest(`[${D}]`);
 			if (!r) return null;
-			let i = n.indexOf(r), a = Array.from(r.querySelectorAll(`[${D}]`)).indexOf(e), o = e.querySelector(`[${k}]`), s = [];
+			let i = n.indexOf(r), a = Array.from(r.querySelectorAll(`[${O}]`)).indexOf(e), o = e.querySelector(`[${A}]`), s = [];
 			if (!o) return {
 				row: i,
 				col: a,
@@ -4434,7 +4440,7 @@ var cr = (e) => {
 				let n = this.api.blocks.getBlockIndex(t);
 				if (n === void 0) return;
 				let r = this.api.blocks.getBlockByIndex(n);
-				r && s.push(x({
+				r && s.push(S({
 					tool: r.name,
 					data: r.preservedData
 				}, Object.keys(r.preservedTunes).length > 0 ? { tunes: r.preservedTunes } : {}));
@@ -4445,7 +4451,7 @@ var cr = (e) => {
 				data: { text: c }
 			});
 			let l = this.model.getCellColor(i, a), u = this.model.getCellTextColor(i, a);
-			return x(x({
+			return S(S({
 				row: i,
 				col: a,
 				blocks: s
@@ -4456,7 +4462,7 @@ var cr = (e) => {
 		var t;
 		(t = this.cellSelection) == null || t.destroy();
 		let n = this.api.rectangleSelection;
-		this.cellSelection = new Cr({
+		this.cellSelection = new Fr({
 			grid: e,
 			rectangleSelection: n,
 			i18n: this.api.i18n,
@@ -4483,7 +4489,7 @@ var cr = (e) => {
 					t.deleteBlocks(n);
 					let r = this.gridElement;
 					if (r) for (let t of e) {
-						let e = wr(r, t);
+						let e = Lr(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 = "");
 					}
 				});
@@ -4504,7 +4510,7 @@ var cr = (e) => {
 	}
 	initScrollHaze() {
 		var e;
-		(e = this.scrollHaze) == null || e.destroy(), !(!this.element || !this.scrollContainer) && (this.scrollHaze = new Ni(), this.scrollHaze.init(this.element, this.scrollContainer));
+		(e = this.scrollHaze) == null || e.destroy(), !(!this.element || !this.scrollContainer) && (this.scrollHaze = new Ki(), this.scrollHaze.init(this.element, this.scrollContainer));
 	}
 	initGridPasteListener(e) {
 		e.addEventListener("paste", (t) => {
@@ -4513,21 +4519,21 @@ var cr = (e) => {
 	}
 	handleGridPaste(e, t) {
 		if (this.readOnly || !e.clipboardData || e.defaultPrevented) return;
-		let n = e.clipboardData.getData("text/html"), r = Ee(n), i = r === null ? we(n) : null, a = r == null ? i : r;
+		let n = e.clipboardData.getData("text/html"), r = s(n), i = r === null ? ce(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(`[${D}]`);
-		if (!s || !t.contains(s)) return;
-		let c = s.closest(`[${E}]`);
-		if (!c) return;
+		let c = o.closest(`[${O}]`);
+		if (!c || !t.contains(c)) return;
+		let l = c.closest(`[${D}]`);
+		if (!l) 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(`[${E}]`)).indexOf(c), u = Array.from(c.querySelectorAll(`[${D}]`)).indexOf(s);
-		this.pastePayloadIntoCells(t, a, l, u);
+		let u = Array.from(t.querySelectorAll(`[${D}]`)).indexOf(l), d = Array.from(l.querySelectorAll(`[${O}]`)).indexOf(c);
+		this.pastePayloadIntoCells(t, a, u, d);
 	}
 	insertSingleCellPayloadInline(e) {
 		let t = e.blocks.map((e) => typeof e.data.text == "string" ? e.data.text : "").filter(Boolean).join("<br>");
@@ -4547,11 +4553,11 @@ var cr = (e) => {
 		this.runTransactedStructuralOp(() => {
 			var i, a;
 			this.expandGridForPaste(e, n + t.rows, r + t.cols);
-			let o = e.querySelectorAll(`[${E}]`);
+			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(`[${D}]`);
+				let a = i.querySelectorAll(`[${O}]`);
 				Array.from({ length: t.cols }, (e, t) => t).forEach((i) => {
 					let o = a[r + i];
 					if (o) {
@@ -4566,7 +4572,7 @@ var cr = (e) => {
 				});
 			}), this.initResize(e), (i = this.addControls) == null || i.syncRowButtonWidth(), (a = this.rowColControls) == null || a.refresh();
 		});
-		let i = e.querySelectorAll(`[${E}]`)[n + t.rows - 1], a = i == null ? void 0 : i.querySelectorAll(`[${D}]`)[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");
@@ -4577,7 +4583,7 @@ var cr = (e) => {
 			this.grid.addRow(e), this.model.addRow(), N(e, this.cellBlocks), P(this.gridElement, this.model.withHeadings), I(this.gridElement, this.model.withHeadingColumn);
 		}), Array.from({ length: Math.max(0, n - i) }).forEach(() => {
 			var t;
-			let n = (t = this.model.colWidths) == null ? A(e) : t, r = this.model.initialColWidth === void 0 ? M(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
+			let n = (t = this.model.colWidths) == null ? j(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);
 		});
 	}
@@ -4586,7 +4592,7 @@ var cr = (e) => {
 			let t = this.cellBlocks.getBlockIdsFromCells([e]);
 			this.cellBlocks.deleteBlocks(t);
 		}
-		let n = e.querySelector(`[${k}]`);
+		let n = e.querySelector(`[${A}]`);
 		if (n) {
 			if (t.blocks.length === 0) {
 				var r;
@@ -4600,19 +4606,19 @@ var cr = (e) => {
 			}
 		}
 	}
-}, zi = (e) => {
+}, Qi = (e) => {
 	let t = document.createElement("div");
 	t.innerHTML = e.trim();
 	let n = document.createDocumentFragment();
 	return n.append(...Array.from(t.childNodes)), n;
-}, Bi = (e, t, n, r) => {
+}, $i = (e, t, n, r) => {
 	if (!t) return e;
 	let i = n();
 	return {
-		text: i ? et(i.innerHTML) : e.text,
+		text: i ? dt(i.innerHTML) : e.text,
 		isOpen: r
 	};
-}, Vi = (e, t) => {
+}, ea = (e, t) => {
 	let { data: n, getContentElement: r } = e;
 	n.text += t.text;
 	let i = r();
@@ -4620,23 +4626,23 @@ var cr = (e) => {
 		let n = e.parseHTML(t.text);
 		i.appendChild(n), i.normalize();
 	}
-}, Hi = (e, t, n) => {
+}, ta = (e, t, n) => {
 	let r = n();
 	if (!r) return {
 		newData: e,
 		inPlace: !1
 	};
-	let i = x(x({}, e), t);
+	let i = S(S({}, e), t);
 	return typeof t.text == "string" && (r.innerHTML = t.text), {
 		newData: i,
 		inPlace: !0
 	};
-}, Ui = class e {
+}, na = class e {
 	constructor({ data: e, config: t, api: n, readOnly: r, block: i }) {
 		var a;
 		this._element = null, this._contentElement = null, this._arrowElement = null, this._bodyPlaceholderElement = null, this._childContainerElement = null, this.handleBlockChanged = (e) => {
 			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, i && (this.blockId = i.id), r || this.api.events.on("block changed", this.handleBlockChanged);
+		}, this.api = n, this.readOnly = r, this._settings = t || {}, this._data = this.normalizeData(e), this._isOpen = (a = this._data.isOpen) == null ? !0 : a, i && (this.blockId = i.id), r || this.api.events.on("block changed", this.handleBlockChanged);
 	}
 	normalizeData(e) {
 		if (typeof e == "object" && e && "text" in e) {
@@ -4651,11 +4657,11 @@ var cr = (e) => {
 	}
 	get placeholder() {
 		if (this._settings.placeholder) return this._settings.placeholder;
-		let e = this.api.i18n.t(Me);
+		let e = this.api.i18n.t(Ve);
 		return e === "tools.toggle.placeholder" ? "Toggle" : e;
 	}
 	render() {
-		let e = ht({
+		let e = Et({
 			data: this._data,
 			readOnly: this.readOnly,
 			isOpen: this._isOpen,
@@ -4663,10 +4669,10 @@ var cr = (e) => {
 			keydownHandler: this.readOnly ? null : this.handleKeyDown.bind(this),
 			onArrowClick: () => this.toggleOpen(),
 			onBodyPlaceholderClick: this.readOnly ? null : () => this.handleBodyPlaceholderClick(),
-			bodyPlaceholderText: this.api.i18n.t(Re),
+			bodyPlaceholderText: this.api.i18n.t(qe),
 			ariaLabels: {
-				collapse: this.api.i18n.t(qe),
-				expand: this.api.i18n.t(Fe)
+				collapse: this.api.i18n.t(nt),
+				expand: this.api.i18n.t(Ge)
 			}
 		});
 		return this._element = e.wrapper, this._contentElement = e.contentElement, this._arrowElement = e.arrowElement, this._bodyPlaceholderElement = e.bodyPlaceholderElement, this._childContainerElement = e.childContainerElement, this._element;
@@ -4675,31 +4681,31 @@ var cr = (e) => {
 		this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility();
 	}
 	save() {
-		return Bi(this._data, this._element, this.getContentElement.bind(this), this._isOpen);
+		return $i(this._data, this._element, this.getContentElement.bind(this), this._isOpen);
 	}
 	validate(e) {
 		return !0;
 	}
 	merge(e) {
-		Vi({
+		ea({
 			data: this._data,
 			getContentElement: this.getContentElement.bind(this),
-			parseHTML: zi
+			parseHTML: Qi
 		}, e);
 	}
 	onPaste(t) {
 		let n = t.detail;
 		if (!("data" in n)) return;
-		let r = n.data, i = r.querySelector("summary"), a = ne(i === null ? r.innerHTML : i.innerHTML, e.sanitize.text);
+		let r = n.data, i = r.querySelector("summary"), a = p(i === null ? r.innerHTML : i.innerHTML, e.sanitize.text);
 		this._data = { text: a };
 		let o = this.getContentElement();
 		o !== null && (o.innerHTML = a);
 	}
 	setData(e) {
-		let t = Hi(this._data, e, this.getContentElement.bind(this));
-		return this._data = t.newData, typeof this._data.isOpen == "boolean" && (this._isOpen = this._data.isOpen), this._arrowElement && this._element && w(this._arrowElement, this._element, this._isOpen, {
-			collapse: this.api.i18n.t(qe),
-			expand: this.api.i18n.t(Fe)
+		let t = ta(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 && T(this._arrowElement, this._element, this._isOpen, {
+			collapse: this.api.i18n.t(nt),
+			expand: this.api.i18n.t(Ge)
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility(), t.inPlace;
 	}
 	renderSettings() {
@@ -4721,19 +4727,19 @@ var cr = (e) => {
 		return this._contentElement;
 	}
 	setOpenState(e) {
-		this._isOpen = e, this._arrowElement && this._element && w(this._arrowElement, this._element, this._isOpen, {
-			collapse: this.api.i18n.t(qe),
-			expand: this.api.i18n.t(Fe)
+		this._isOpen = e, this._arrowElement && this._element && T(this._arrowElement, this._element, this._isOpen, {
+			collapse: this.api.i18n.t(nt),
+			expand: this.api.i18n.t(Ge)
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility();
 	}
 	toggleOpen() {
 		this.setOpenState(!this._isOpen);
 	}
 	updateChildrenVisibility() {
-		this.blockId !== void 0 && gt(this.api, this.blockId, this._isOpen, this._childContainerElement, this._arrowElement);
+		this.blockId !== void 0 && Dt(this.api, this.blockId, this._isOpen, this._childContainerElement, this._arrowElement);
 	}
 	updateBodyPlaceholderVisibility() {
-		this.blockId !== void 0 && _t(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly);
+		this.blockId !== void 0 && Ot(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly);
 	}
 	handleBodyPlaceholderClick() {
 		var e;
@@ -4769,10 +4775,10 @@ var cr = (e) => {
 	}
 	async handleEnter() {
 		var e = this;
-		await vt(e.createKeyboardContext()), e.updateBodyPlaceholderVisibility();
+		await kt(e.createKeyboardContext()), e.updateBodyPlaceholderVisibility();
 	}
 	async handleBackspace(e) {
-		await yt(this.createKeyboardContext(), e);
+		await At(this.createKeyboardContext(), e);
 	}
 	syncContentFromDOM() {
 		let e = this.getContentElement();
@@ -4780,10 +4786,10 @@ var cr = (e) => {
 	}
 	static get toolbox() {
 		return {
-			icon: Ke,
+			icon: lt,
 			title: "Toggle list",
 			titleKey: "toggleList",
-			name: Be,
+			name: Ye,
 			searchTerms: [
 				"toggle",
 				"collapse",
@@ -4822,31 +4828,680 @@ var cr = (e) => {
 	static get isReadOnlySupported() {
 		return !0;
 	}
+}, ra = "callout", ia = "tools.callout.color", aa = "tools.callout.editIcon", oa = "tools.callout.addEmoji", sa = "tools.callout.removeEmoji", ca = "tools.callout.filterEmojis", la = "tools.callout.calloutEmojiCategory", ua = "tools.callout.noEmojisFound", da = "tools.callout.pickRandom", fa = "tools.callout.skinTone", pa = "tools.callout.emojiCategoryPeople", ma = "tools.callout.emojiCategoryNature", ha = "tools.callout.emojiCategoryFood", ga = "tools.callout.emojiCategoryActivity", _a = "tools.callout.emojiCategoryTravel", va = "tools.callout.emojiCategoryObjects", ya = "tools.callout.emojiCategorySymbols", ba = "tools.callout.emojiCategoryFlags", xa = "💡", Sa = "rounded-xl px-4 py-[5px] my-1 flex items-start gap-2", Ca = "text-[1.25rem] cursor-pointer bg-transparent border-0 px-0 py-[7px] flex-shrink-0 select-none", wa = "flex-1 min-w-0";
+//#endregion
+//#region src/tools/callout/dom-builder.ts
+function Ta(e) {
+	let { emoji: t, readOnly: n, addEmojiLabel: r } = e, i = document.createElement("div");
+	i.className = Sa;
+	let a = document.createElement("button");
+	a.type = "button", a.className = Ca, a.textContent = t || "", a.setAttribute("aria-label", t === "" ? r : t), a.setAttribute("tabindex", "0"), a.setAttribute("data-blok-testid", "callout-emoji-btn"), n && (a.disabled = !0);
+	let o = document.createElement("div");
+	return o.className = wa, o.setAttribute(x.toggleChildren, ""), o.setAttribute("data-blok-child-toolbar", ""), o.setAttribute("data-blok-mutation-free", "true"), i.appendChild(a), i.appendChild(o), {
+		wrapper: i,
+		emojiButton: a,
+		childContainer: o
+	};
+}
+//#endregion
+//#region src/tools/callout/block-operations.ts
+function Ea(e) {
+	return {
+		emoji: e.emoji,
+		textColor: e.textColor,
+		backgroundColor: e.backgroundColor
+	};
+}
+//#endregion
+//#region src/tools/callout/callout-keyboard.ts
+async function Da(e) {
+	if (e.calloutBlockId === void 0) return;
+	let t = e.api.blocks.getChildren(e.calloutBlockId);
+	if (e.event.preventDefault(), t.length <= 1) {
+		await e.api.blocks.convert(e.calloutBlockId, "paragraph");
+		return;
+	}
+	let n = e.api.blocks.getBlockIndex(e.firstChildBlockId);
+	n !== void 0 && await e.api.blocks.delete(n);
+	let r = e.api.blocks.getBlockIndex(e.calloutBlockId);
+	r !== void 0 && r > 0 && e.api.caret.setToBlock(r - 1, "end");
+}
+//#endregion
+//#region src/tools/callout/emoji-picker/emoji-data.ts
+var Oa = [
+	"💡",
+	"👉",
+	"☝️",
+	"✅",
+	"⚠️",
+	"🔑",
+	"🔥",
+	"📌",
+	"✂️",
+	"❓",
+	"🚫",
+	"⏰",
+	"♻️",
+	"🔒",
+	"📖",
+	"👣",
+	"➡️",
+	"📢",
+	"🛠️",
+	"⚙️"
+], ka = { data: null };
+function Aa(e, t) {
+	let n = [];
+	for (let r of e.emojis) {
+		let i = t[r];
+		if (i === void 0) continue;
+		let a = i.skins[0];
+		a !== void 0 && n.push({
+			native: a.native,
+			skins: i.skins.map((e) => e.native),
+			id: i.id,
+			name: i.name,
+			keywords: i.keywords,
+			category: e.id
+		});
+	}
+	return n;
+}
+async function ja() {
+	if (ka.data !== null) return ka.data;
+	let e = await import("./native-BPcABu9z.mjs"), t = "default" in e && e.default !== void 0 ? e.default : e, n = t.categories.flatMap((e) => Aa(e, t.emojis));
+	return ka.data = n, n;
+}
+function Ma(e, t, n) {
+	let r = t.toLowerCase();
+	return e.filter((e) => {
+		if (e.name.toLowerCase().includes(r) || e.keywords.some((e) => e.includes(r))) return !0;
+		let t = n == null ? void 0 : n[e.native];
+		return t === void 0 ? !1 : t.n.toLowerCase().includes(r) || t.k !== void 0 && t.k.some((e) => e.toLowerCase().includes(r));
+	});
+}
+function Na(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let r of e) {
+		var n;
+		let e = (n = t.get(r.category)) == null ? [] : n;
+		e.push(r), t.set(r.category, e);
+	}
+	return t;
+}
+//#endregion
+//#region src/tools/callout/emoji-picker/emoji-locale.ts
+var Pa = /* @__PURE__ */ new Map(), Fa = {
+	am: () => import("./am-CHDDMHkd.mjs"),
+	ar: () => import("./ar-DoqfNqut.mjs"),
+	az: () => import("./az-C34P9iEa.mjs"),
+	bg: () => import("./bg-jroXLY8Y.mjs"),
+	bn: () => import("./bn-BRI-WqxY.mjs"),
+	bs: () => import("./bs-CCGUpNHu.mjs"),
+	cs: () => import("./cs-D5qZOGuc.mjs"),
+	da: () => import("./da-DrJ7W37K.mjs"),
+	de: () => import("./de-BW6-kp2c.mjs"),
+	el: () => import("./el-C-Vc_Otu.mjs"),
+	es: () => import("./es-B6fI5K9i.mjs"),
+	et: () => import("./et-BhVlZ-Yz.mjs"),
+	fa: () => import("./fa-D55Ijdqa.mjs"),
+	fi: () => import("./fi-jNLjhKUQ.mjs"),
+	fil: () => import("./fil-DYd0T5aX.mjs"),
+	fr: () => import("./fr-yxy5xWw_.mjs"),
+	gu: () => import("./gu-CcY_LJe7.mjs"),
+	he: () => import("./he-DL9s7wNw.mjs"),
+	hi: () => import("./hi-C8eGXgw5.mjs"),
+	hr: () => import("./hr-DLpybOhU.mjs"),
+	hu: () => import("./hu-BkT0gT00.mjs"),
+	hy: () => import("./hy-CVFDCp2S.mjs"),
+	id: () => import("./id-0P4W9Az0.mjs"),
+	it: () => import("./it-mLY6_uoW.mjs"),
+	ja: () => import("./ja-7RkeRNWG.mjs"),
+	ka: () => import("./ka-C7Lx-Qsh.mjs"),
+	km: () => import("./km-Q8udaraH.mjs"),
+	kn: () => import("./kn-BiETM-iq.mjs"),
+	ko: () => import("./ko-tiB80pF1.mjs"),
+	ku: () => import("./ku-CY-OABkR.mjs"),
+	lo: () => import("./lo-CTBhEnyk.mjs"),
+	lt: () => import("./lt-BHKHEtqK.mjs"),
+	lv: () => import("./lv-DWxgtfUg.mjs"),
+	mk: () => import("./mk-BjookGdx.mjs"),
+	ml: () => import("./ml-L-NnZcp9.mjs"),
+	mn: () => import("./mn-OMWi7Hl_.mjs"),
+	mr: () => import("./mr-B6JPzITo.mjs"),
+	ms: () => import("./ms-CG3S-sPB.mjs"),
+	my: () => import("./my-BLAmGfhT.mjs"),
+	ne: () => import("./ne-D1JHLfYw.mjs"),
+	nl: () => import("./nl-Ca7Q8FnY.mjs"),
+	no: () => import("./no-Coxcohcz.mjs"),
+	pa: () => import("./pa-CCaXqpaI.mjs"),
+	pl: () => import("./pl-Cl_fAZ84.mjs"),
+	ps: () => import("./ps-WD5qGAWy.mjs"),
+	pt: () => import("./pt-C4zvLfvq.mjs"),
+	ro: () => import("./ro-DbefHcmM.mjs"),
+	ru: () => import("./ru-uU1J14jd.mjs"),
+	sd: () => import("./sd-DKu368Ip.mjs"),
+	si: () => import("./si-BsJCiPkZ.mjs"),
+	sk: () => import("./sk-CD-a3SN6.mjs"),
+	sl: () => import("./sl-CXhrPJe_.mjs"),
+	sq: () => import("./sq-CTctCoFQ.mjs"),
+	sr: () => import("./sr-BZkhBwXj.mjs"),
+	sv: () => import("./sv-NmRZb_xi.mjs"),
+	sw: () => import("./sw-Be5ik3H6.mjs"),
+	ta: () => import("./ta-DsXh6neL.mjs"),
+	te: () => import("./te-CwpCbM8M.mjs"),
+	th: () => import("./th-CcZ15OLk.mjs"),
+	tr: () => import("./tr-q3bTgvhW.mjs"),
+	ug: () => import("./ug-919EhLsL.mjs"),
+	uk: () => import("./uk-aNMEzd0Y.mjs"),
+	ur: () => import("./ur-BwQI77sh.mjs"),
+	vi: () => import("./vi-Dxq806-F.mjs"),
+	zh: () => import("./zh-BcHuy1Ti.mjs")
+};
+async function Ia(e) {
+	if (e === "en") return null;
+	let t = Pa.get(e);
+	if (t !== void 0) return t;
+	let n = Fa[e];
+	if (n === void 0) return null;
+	try {
+		let t = (await n()).default;
+		return Pa.set(e, t), t;
+	} catch (e) {
+		return null;
+	}
+}
+//#endregion
+//#region src/tools/callout/emoji-picker/index.ts
+var La = {
+	callout: la,
+	people: pa,
+	nature: ma,
+	foods: ha,
+	activity: ga,
+	places: _a,
+	objects: va,
+	symbols: ya,
+	flags: ba
+}, Ra = [
+	["callout", ut],
+	["people", ne],
+	["nature", pe],
+	["foods", i],
+	["activity", re],
+	["places", le],
+	["objects", g],
+	["symbols", l],
+	["flags", ae]
+], za = [
+	"✋",
+	"✋🏻",
+	"✋🏼",
+	"✋🏽",
+	"✋🏾",
+	"✋🏿"
+], Ba = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"1.5\" y=\"1.5\" width=\"11\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.2\"/><circle cx=\"4.5\" cy=\"4.5\" r=\".9\" fill=\"currentColor\"/><circle cx=\"7\" cy=\"7\" r=\".9\" fill=\"currentColor\"/><circle cx=\"9.5\" cy=\"9.5\" r=\".9\" fill=\"currentColor\"/></svg>", Va = class {
+	constructor(e) {
+		this._localeData = null, this._open = !1, this._allEmojis = [], this._skinTone = 0, this._showingEmptyState = !1, this._anchorEl = null, this._backdrop = null, this._savedOverflow = "", this._navButtons = /* @__PURE__ */ new Map(), this._sectionEls = /* @__PURE__ */ new Map(), this._activeNavId = "", this._navRafId = 0, this._skinToneButtons = [], this.onSelect = e.onSelect, this.onRemove = e.onRemove, this.i18n = e.i18n, this._locale = e.locale, this._element = this.buildElement();
+		let t = this._element.querySelector("[data-emoji-picker-body]"), n = this._element.querySelector("[data-emoji-picker-nav]"), r = this._element.querySelector("input[type=\"text\"]");
+		if (t === null || n === null || r === null) throw Error("EmojiPicker: failed to build required elements");
+		this._body = t, this._nav = n, this._filterInput = r, this._body.addEventListener("scroll", () => {
+			cancelAnimationFrame(this._navRafId), this._navRafId = requestAnimationFrame(() => this.updateActiveNav());
+		}, { passive: !0 });
+	}
+	getElement() {
+		return this._element;
+	}
+	isOpen() {
+		return this._open;
+	}
+	async open(e) {
+		var t = this;
+		if (t._anchorEl = e, t._open = !0, t._filterInput.value = "", t._element.setAttribute("data-theme", t.resolveTheme()), t._allEmojis.length === 0 && (t._allEmojis = await ja()), t._locale !== "en" && t._localeData === null) {
+			let e = await Ia(t._locale);
+			e !== null && (t._localeData = e);
+		}
+		t.renderEmojiGrid(t._allEmojis), t.showBackdrop(), t._element.style.animation = "none", t._element.hidden = !1, t.position(e), t._element.offsetHeight, t._element.style.animation = "", t._filterInput.focus();
+	}
+	close() {
+		var e;
+		this._open = !1, this._element.hidden = !0, this.closeSkinTonePopover(), this.removeBackdrop(), (e = this._anchorEl) == null || e.focus();
+	}
+	buildElement() {
+		let e = document.createElement("div");
+		e.setAttribute("data-blok-emoji-picker", ""), e.className = [
+			"fixed z-50 w-[400px] overflow-hidden rounded-xl",
+			"border border-neutral-200/70 bg-white shadow-2xl",
+			"theme-dark:border-neutral-700/50 theme-dark:bg-neutral-900"
+		].join(" "), e.hidden = !0;
+		let t = document.createElement("div");
+		t.className = "flex items-center gap-2.5 px-3 pt-3 pb-2";
+		let n = document.createElement("div");
+		n.className = "relative flex-1 min-w-0";
+		let r = document.createElement("span");
+		r.className = ["pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center", "text-neutral-400 theme-dark:text-neutral-500 [&>svg]:w-[16px] [&>svg]:h-[16px]"].join(" "), r.innerHTML = je;
+		let i = document.createElement("input");
+		i.type = "text", i.placeholder = this.i18n.t(ca), i.className = [
+			"w-full text-[13px] rounded-lg py-[7px] pl-8 pr-3 outline-hidden",
+			"bg-neutral-100 text-neutral-800 placeholder:text-neutral-400",
+			"theme-dark:bg-neutral-800 theme-dark:text-neutral-200 theme-dark:placeholder:text-neutral-500",
+			"focus:ring-2 focus:ring-neutral-300/60 theme-dark:focus:ring-neutral-600/60",
+			"transition-shadow duration-150"
+		].join(" "), i.addEventListener("input", () => this.handleFilterChange(i.value)), n.appendChild(r), n.appendChild(i);
+		let a = document.createElement("div");
+		a.className = "relative flex-shrink-0";
+		let o = document.createElement("button");
+		o.type = "button", o.setAttribute("data-emoji-picker-skin-toggle", ""), o.setAttribute("aria-label", this.i18n.t(fa)), o.title = this.i18n.t(fa), o.className = [
+			"w-[28px] h-[28px] flex items-center justify-center rounded-lg",
+			"text-[14px] leading-none cursor-pointer select-none",
+			"hover:bg-neutral-100 theme-dark:hover:bg-neutral-800",
+			"active:scale-90 transition-all duration-100"
+		].join(" "), o.textContent = za[this._skinTone], o.addEventListener("click", () => this.toggleSkinTonePopover()), this._skinToneToggle = o, a.appendChild(o), this._skinTonePopover = this.buildSkinTonePopover(), a.appendChild(this._skinTonePopover);
+		let s = document.createElement("button");
+		s.type = "button", s.setAttribute("data-emoji-picker-random", ""), s.setAttribute("aria-label", this.i18n.t(da)), s.title = this.i18n.t(da), s.className = [
+			"flex-shrink-0 w-[34px] h-[34px] flex items-center justify-center rounded-lg",
+			"text-neutral-400 hover:bg-neutral-100 hover:text-neutral-600",
+			"theme-dark:hover:bg-neutral-800 theme-dark:hover:text-neutral-300",
+			"transition-colors duration-100 cursor-pointer"
+		].join(" "), s.innerHTML = Ba, s.addEventListener("click", () => this.pickRandom()), v(s, this.i18n.t(da), { placement: "bottom" });
+		let c = document.createElement("button");
+		c.type = "button", c.setAttribute("data-emoji-picker-remove", ""), c.setAttribute("aria-label", this.i18n.t(sa)), c.title = this.i18n.t(sa), c.className = [
+			"flex-shrink-0 w-[34px] h-[34px] flex items-center justify-center rounded-lg",
+			"text-neutral-400 hover:bg-neutral-100 hover:text-neutral-600",
+			"theme-dark:hover:bg-neutral-800 theme-dark:hover:text-neutral-300",
+			"transition-colors duration-100 cursor-pointer"
+		].join(" "), c.innerHTML = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3.5 3.5l7 7M10.5 3.5l-7 7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/></svg>", c.addEventListener("click", () => {
+			this.onRemove(), this.close();
+		}), v(c, this.i18n.t(sa), { placement: "bottom" });
+		let l = document.createElement("div");
+		l.className = "flex items-center gap-1", l.appendChild(s), l.appendChild(c), t.appendChild(n), t.appendChild(a), t.appendChild(l), e.appendChild(t);
+		let u = document.createElement("div");
+		u.setAttribute("data-emoji-picker-body", ""), u.className = "overflow-y-auto max-h-[260px] px-1.5 pb-2", e.appendChild(u);
+		let d = document.createElement("div");
+		return d.setAttribute("data-emoji-picker-nav", ""), d.className = ["flex items-center gap-1 px-2 pt-1 pb-1", "border-t border-neutral-100 theme-dark:border-neutral-800"].join(" "), e.appendChild(d), e.addEventListener("mousedown", (e) => {
+			let t = e.target;
+			!this._skinTonePopover.hidden && !this._skinTonePopover.contains(t) && !this._skinToneToggle.contains(t) && this.closeSkinTonePopover();
+		}), e.addEventListener("keydown", (e) => {
+			if (e.key === "Escape") {
+				if (!this._skinTonePopover.hidden) {
+					this.closeSkinTonePopover();
+					return;
+				}
+				this.close();
+			}
+		}), e;
+	}
+	buildSkinTonePopover() {
+		let e = document.createElement("div");
+		e.setAttribute("data-emoji-picker-skin-tone", ""), e.className = [
+			"absolute right-0 top-full mt-1.5 z-20",
+			"flex items-center gap-0.5 p-1 rounded-xl",
+			"bg-white border border-neutral-200/70 shadow-lg",
+			"theme-dark:bg-neutral-800 theme-dark:border-neutral-700/50"
+		].join(" "), e.hidden = !0, this._skinToneButtons = [];
+		for (let [t, n] of za.entries()) {
+			let r = document.createElement("button");
+			r.type = "button", r.textContent = n, r.setAttribute("aria-label", `${this.i18n.t(fa)} ${t + 1}`), r.className = [
+				"w-[32px] h-[32px] flex items-center justify-center rounded-lg",
+				"text-[1.2rem] leading-none cursor-pointer select-none",
+				"hover:bg-neutral-100 theme-dark:hover:bg-neutral-700",
+				"active:scale-90 transition-all duration-100"
+			].join(" "), this.applySkinToneActiveStyle(r, t === this._skinTone), r.addEventListener("click", () => {
+				this.setSkinTone(t), this.closeSkinTonePopover();
+			}), e.appendChild(r), this._skinToneButtons.push(r);
+		}
+		return e;
+	}
+	applySkinToneActiveStyle(e, t) {
+		let n = [
+			"bg-neutral-100",
+			"theme-dark:bg-neutral-700",
+			"ring-2",
+			"ring-neutral-300/60",
+			"theme-dark:ring-neutral-600/60"
+		];
+		t ? e.classList.add(...n) : e.classList.remove(...n);
+	}
+	toggleSkinTonePopover() {
+		this._skinTonePopover.hidden = !this._skinTonePopover.hidden, this.updateSkinToneToggleActive();
+	}
+	closeSkinTonePopover() {
+		this._skinTonePopover.hidden = !0, this.updateSkinToneToggleActive();
+	}
+	updateSkinToneToggleActive() {
+		let e = !this._skinTonePopover.hidden, t = ["bg-neutral-100", "theme-dark:bg-neutral-700"];
+		e ? this._skinToneToggle.classList.add(...t) : this._skinToneToggle.classList.remove(...t);
+	}
+	setSkinTone(e) {
+		this._skinTone = e, this._skinToneToggle.textContent = za[e];
+		for (let [t, n] of this._skinToneButtons.entries()) this.applySkinToneActiveStyle(n, t === e);
+		let t = Array.from(this._body.querySelectorAll("[data-emoji-native]"));
+		for (let e of t) {
+			let t = e.getAttribute("data-emoji-native");
+			if (t === null) continue;
+			let n = this._allEmojis.find((e) => e.native === t);
+			n !== void 0 && (e.textContent = this.getSkinnedNative(n));
+		}
+	}
+	pickRandom() {
+		if (this._allEmojis.length === 0) return;
+		let e = Math.floor(Math.random() * this._allEmojis.length), t = this._allEmojis[e];
+		t !== void 0 && this.onSelect(this.getSkinnedNative(t));
+	}
+	buildCategoryNav(e) {
+		this._nav.innerHTML = "", this._navButtons.clear(), this._activeNavId = "";
+		for (let [t, n] of Ra) {
+			if (!e.has(t)) continue;
+			let r = this.translateCategory(t), i = document.createElement("button");
+			i.type = "button", i.innerHTML = n, i.title = r, i.setAttribute("aria-label", r), i.setAttribute("data-emoji-nav", t), i.className = [
+				"flex-1 h-[36px] flex items-center justify-center",
+				"rounded-lg cursor-pointer opacity-50",
+				"text-neutral-500 theme-dark:text-neutral-400",
+				"[&>svg]:w-[20px] [&>svg]:h-[20px]",
+				"hover:opacity-100 hover:bg-neutral-100",
+				"theme-dark:hover:bg-neutral-800",
+				"transition-all duration-100"
+			].join(" "), i.addEventListener("click", () => this.scrollToSection(t)), this._nav.appendChild(i), this._navButtons.set(t, i);
+		}
+	}
+	scrollToSection(e) {
+		let t = this._sectionEls.get(e);
+		if (t === void 0) return;
+		let n = this._body.getBoundingClientRect(), r = t.getBoundingClientRect();
+		this._body.scrollTo({
+			top: this._body.scrollTop + (r.top - n.top),
+			behavior: "smooth"
+		});
+	}
+	updateActiveNav() {
+		let e = this._body.getBoundingClientRect().top, t = [...this._sectionEls.entries()].filter(([, t]) => t.getBoundingClientRect().top - e <= 20).reduce((e, [t]) => t, "");
+		if (t !== this._activeNavId) {
+			this._activeNavId = t;
+			for (let [e, n] of this._navButtons) e === t ? (n.classList.remove("opacity-50"), n.classList.add("opacity-100", "bg-neutral-100", "theme-dark:bg-neutral-800")) : (n.classList.remove("opacity-100", "bg-neutral-100", "theme-dark:bg-neutral-800"), n.classList.add("opacity-50"));
+		}
+	}
+	getSkinnedNative(e) {
+		var t;
+		return (t = e.skins[this._skinTone]) == null ? e.native : t;
+	}
+	handleFilterChange(e) {
+		if (e.trim() === "") {
+			this._nav.hidden = !1, this.renderEmojiGrid(this._allEmojis);
+			return;
+		}
+		this._nav.hidden = !0;
+		let t = Ma(this._allEmojis, e, this._localeData);
+		if (t.length === 0) this._showingEmptyState || this.renderEmptyState();
+		else {
+			this._body.innerHTML = "", this._sectionEls.clear(), this._showingEmptyState = !1;
+			let e = Na(t);
+			for (let [t, n] of e) {
+				let e = this.buildSection(this.translateCategory(t), n);
+				e.setAttribute("data-emoji-section", t), this._sectionEls.set(t, e), this._body.appendChild(e);
+			}
+		}
+	}
+	renderEmojiGrid(e) {
+		this._body.innerHTML = "", this._sectionEls.clear(), this._showingEmptyState = !1;
+		let t = /* @__PURE__ */ new Set(), n = Oa.map((t) => e.find((e) => e.native === t)).filter((e) => e !== void 0);
+		if (n.length > 0) {
+			t.add("callout");
+			let e = this.buildSection(this.translateCategory("callout"), n);
+			e.setAttribute("data-emoji-section", "callout"), this._sectionEls.set("callout", e), this._body.appendChild(e);
+		}
+		let r = Na(e);
+		for (let [e, n] of r) {
+			t.add(e);
+			let r = this.buildSection(this.translateCategory(e), n);
+			r.setAttribute("data-emoji-section", e), this._sectionEls.set(e, r), this._body.appendChild(r);
+		}
+		this.buildCategoryNav(t), this._nav.hidden = !1, requestAnimationFrame(() => this.updateActiveNav());
+	}
+	renderEmptyState() {
+		this._body.innerHTML = "", this._showingEmptyState = !0, this._sectionEls.clear();
+		let e = document.createElement("div");
+		e.className = [
+			"flex flex-col items-center justify-center py-10",
+			"text-neutral-400 theme-dark:text-neutral-500 select-none",
+			"animate-[blok-emoji-empty-in_300ms_ease-out_both]"
+		].join(" ");
+		let t = document.createElement("span");
+		t.className = "mb-3 opacity-20 [&>svg]:w-9 [&>svg]:h-9", t.innerHTML = je;
+		let n = document.createElement("span");
+		n.className = "text-[13px] font-medium", n.textContent = this.i18n.t(ua), e.appendChild(t), e.appendChild(n), this._body.appendChild(e);
+	}
+	translateCategory(e) {
+		let t = La[e];
+		return t === void 0 ? e : this.i18n.t(t);
+	}
+	buildSection(e, t) {
+		let n = document.createElement("div"), r = document.createElement("div");
+		return r.className = [
+			"text-[11px] font-semibold uppercase tracking-wider px-2 pt-3 pb-1.5",
+			"text-neutral-400/80 theme-dark:text-neutral-500/80",
+			"sticky top-0 bg-white theme-dark:bg-neutral-900 z-10"
+		].join(" "), r.textContent = e, n.appendChild(r), n.appendChild(this.buildGrid(t)), n;
+	}
+	getDisplayName(e) {
+		var t, n;
+		return ((t = (n = this._localeData) == null || (n = n[e.native]) == null ? void 0 : n.n) == null ? e.name : t).toLocaleLowerCase();
+	}
+	buildGrid(e) {
+		let t = document.createElement("div");
+		t.className = "grid grid-cols-10 gap-0.5 px-0.5 pt-1";
+		for (let n of e) {
+			let e = document.createElement("button");
+			e.type = "button", e.textContent = this.getSkinnedNative(n), e.title = this.getDisplayName(n), e.setAttribute("data-emoji-native", n.native), e.className = [
+				"aspect-square flex items-center justify-center",
+				"text-[1.25rem] leading-none rounded-lg cursor-pointer",
+				"hover:bg-neutral-100 theme-dark:hover:bg-neutral-800",
+				"hover:scale-110 active:scale-95",
+				"transition-transform duration-75"
+			].join(" "), e.addEventListener("click", () => {
+				this.onSelect(this.getSkinnedNative(n)), this.close();
+			}), v(e, this.getDisplayName(n), { placement: "bottom" }), t.appendChild(e);
+		}
+		return t;
+	}
+	resolveTheme() {
+		let e = document.documentElement.getAttribute("data-blok-theme");
+		return e === "dark" ? "dark" : e === "light" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+	}
+	showBackdrop() {
+		var e;
+		this.removeBackdrop();
+		let t = document.createElement("div");
+		t.setAttribute("data-blok-emoji-picker-backdrop", ""), t.style.position = "fixed", t.style.inset = "0", t.style.zIndex = "50", t.addEventListener("mousedown", (e) => {
+			e.target === t && this.close();
+		}), (e = this._element.parentElement) == null || e.insertBefore(t, this._element), t.appendChild(this._element), this._backdrop = t, this._savedOverflow = document.documentElement.style.overflow, document.documentElement.style.overflow = "hidden";
+	}
+	removeBackdrop() {
+		var e;
+		this._backdrop !== null && (document.documentElement.style.overflow = this._savedOverflow, (e = this._backdrop.parentElement) == null || e.insertBefore(this._element, this._backdrop), this._backdrop.remove(), this._backdrop = null);
+	}
+	position(e) {
+		let t = e.getBoundingClientRect(), n = this._element.getBoundingClientRect(), r = window.innerHeight, i = window.innerWidth, a = t.bottom + n.height > r ? t.top - n.height - 4 : t.bottom + 4, o = t.left - 8, s = o + n.width > i ? t.right - n.width : Math.max(0, o);
+		this._element.style.top = `${a}px`, this._element.style.left = `${s}px`;
+	}
+}, Ha = class {
+	constructor({ data: e, api: t, readOnly: n, block: r }) {
+		this._dom = null, this._emojiPicker = null, this._colorPicker = null, this.api = t, this.readOnly = n, this._data = this.normalizeData(e), r && (this.blockId = r.id);
+	}
+	normalizeData(e) {
+		return {
+			emoji: typeof e.emoji == "string" ? e.emoji : xa,
+			textColor: typeof e.textColor == "string" ? e.textColor : null,
+			backgroundColor: typeof e.backgroundColor == "string" ? e.backgroundColor : null
+		};
+	}
+	render() {
+		let e = Ta({
+			emoji: this._data.emoji,
+			readOnly: this.readOnly,
+			addEmojiLabel: this.api.i18n.t(oa)
+		});
+		return this._dom = e, this.applyColors(), this.readOnly || (e.emojiButton.addEventListener("click", () => this.openEmojiPicker()), e.emojiButton.addEventListener("keydown", (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.openEmojiPicker());
+		}), e.childContainer.addEventListener("keydown", (e) => {
+			e.key === "Backspace" && this.handleChildBackspace(e);
+		})), e.wrapper;
+	}
+	rendered() {
+		if (this.blockId === void 0 || this._dom === null) return;
+		let e = this.api.blocks.getChildren(this.blockId);
+		for (let t of e) t.holder.parentElement !== this._dom.childContainer && this._dom.childContainer.appendChild(t.holder);
+		if (e.length === 0) {
+			let e = this.api.blocks.getBlockIndex(this.blockId);
+			if (e !== void 0) {
+				let t = this.api.blocks.insertInsideParent(this.blockId, e + 1);
+				this._dom.childContainer.appendChild(t.holder), this.api.caret.setToBlock(t.id, "start");
+			}
+		}
+	}
+	save() {
+		return Ea({
+			emoji: this._data.emoji,
+			textColor: this._data.textColor,
+			backgroundColor: this._data.backgroundColor
+		});
+	}
+	validate(e) {
+		return !0;
+	}
+	renderSettings() {
+		if (this._colorPicker === null) {
+			let e = yr({
+				i18n: this.api.i18n,
+				testIdPrefix: "callout-color",
+				modes: [{
+					key: "color",
+					labelKey: "tools.marker.textColor",
+					presetField: "text"
+				}, {
+					key: "background-color",
+					labelKey: "tools.marker.background",
+					presetField: "bg"
+				}],
+				onColorSelect: (t, n) => {
+					let r = t === null ? null : ze(t, n === "color" ? "text" : "bg");
+					n === "color" ? this._data.textColor = r : this._data.backgroundColor = r, e.setActiveColor(t, n), this.applyColors();
+				}
+			});
+			this._colorPicker = e;
+		}
+		return this.syncPickerActiveColors(), [{
+			icon: ne,
+			title: this.api.i18n.t(aa),
+			name: "callout-edit-icon",
+			closeOnActivate: !0,
+			onActivate: () => this.openEmojiPicker()
+		}, {
+			icon: He,
+			title: this.api.i18n.t(ia),
+			name: "callout-color",
+			children: { items: [{
+				type: _.Html,
+				element: this._colorPicker.element
+			}] }
+		}];
+	}
+	removed() {}
+	syncPickerActiveColors() {
+		if (this._colorPicker === null) return;
+		let e = this._data.textColor, t = this._data.backgroundColor;
+		this._colorPicker.setActiveColor(e === null ? null : u(e, "text"), "color"), this._colorPicker.setActiveColor(t === null ? null : u(t, "bg"), "background-color");
+	}
+	applyColors() {
+		if (this._dom === null) return;
+		let { textColor: e, backgroundColor: t } = this._data;
+		if (e === null ? this._dom.wrapper.style.color = "" : this._dom.wrapper.style.color = u(e, "text"), t !== null) {
+			let e = u(t, "bg");
+			this._dom.wrapper.style.backgroundColor = e, this._dom.wrapper.style.border = "", this._dom.wrapper.style.setProperty("--blok-search-input-bg", `light-dark(color-mix(in srgb, ${e} 70%, white), color-mix(in srgb, ${e} 85%, white))`);
+		} else this._dom.wrapper.style.backgroundColor = "", this._dom.wrapper.style.border = "1px solid var(--blok-callout-default-border, #e5e7eb)", this._dom.wrapper.style.removeProperty("--blok-search-input-bg"), this._dom.wrapper.style.removeProperty("--blok-search-input-border");
+	}
+	handleChildBackspace(e) {
+		if (this.blockId === void 0 || this._dom === null) return;
+		let t = this.api.blocks.getChildren(this.blockId);
+		if (t.length === 0) return;
+		let n = t[0], r = e.target;
+		if (!n.holder.contains(r)) return;
+		let i = window.getSelection(), a = i !== null && i.rangeCount > 0 && i.getRangeAt(0).startOffset === 0 && i.getRangeAt(0).collapsed;
+		n.holder.textContent !== "" || !a || Da({
+			api: this.api,
+			calloutBlockId: this.blockId,
+			firstChildBlockId: n.id,
+			event: e
+		});
+	}
+	openEmojiPicker() {
+		this._dom !== null && (this._emojiPicker === null && (this._emojiPicker = new Va({
+			onSelect: (e) => this.setEmoji(e),
+			onRemove: () => this.setEmoji(""),
+			i18n: this.api.i18n,
+			locale: this.api.i18n.getLocale()
+		}), document.body.appendChild(this._emojiPicker.getElement())), this._emojiPicker.open(this._dom.emojiButton));
+	}
+	setEmoji(e) {
+		this._data.emoji = e, this._dom !== null && (this._dom.emojiButton.textContent = e, this._dom.emojiButton.setAttribute("aria-label", e === "" ? this.api.i18n.t(oa) : e));
+	}
+	static get toolbox() {
+		return {
+			icon: se,
+			title: "Callout",
+			titleKey: "callout",
+			name: ra,
+			searchTerms: [
+				"callout",
+				"note",
+				"info",
+				"warning",
+				"tip",
+				"alert"
+			]
+		};
+	}
+	static get conversionConfig() {
+		return { import: () => ({
+			emoji: xa,
+			textColor: null,
+			backgroundColor: null
+		}) };
+	}
+	static get sanitize() {
+		return {
+			emoji: !1,
+			textColor: !1,
+			backgroundColor: !1
+		};
+	}
+	static get isReadOnlySupported() {
+		return !0;
+	}
 }, L = (e) => {
 	let t = e.tagName;
 	return t === "B" || t === "STRONG";
-}, Wi = (e) => !!(e && e.nodeType === Node.ELEMENT_NODE && L(e)), Gi = (e) => e.textContent.length === 0, R = (e) => e ? e.nodeType === Node.ELEMENT_NODE && L(e) ? z(e) : R(e.parentNode) : null, z = (e) => {
+}, Ua = (e) => !!(e && e.nodeType === Node.ELEMENT_NODE && L(e)), Wa = (e) => e.textContent.length === 0, R = (e) => e ? e.nodeType === Node.ELEMENT_NODE && L(e) ? z(e) : R(e.parentNode) : null, z = (e) => {
 	if (e.tagName === "STRONG") return e;
 	let t = document.createElement("strong");
 	for (e.hasAttributes() && Array.from(e.attributes).forEach((e) => {
 		t.setAttribute(e.name, e.value);
 	}); e.firstChild;) t.appendChild(e.firstChild);
 	return e.replaceWith(t), t;
-}, Ki = (e) => {
+}, Ga = (e) => {
 	let t = e.nextSibling;
 	if ((t == null ? void 0 : t.nodeType) === Node.TEXT_NODE) return t;
 	let n = e.parentNode;
 	if (!n) return null;
 	let r = e.ownerDocument.createTextNode("");
 	return n.insertBefore(r, t), r;
-}, qi = (e) => {
+}, Ka = (e) => {
 	if (!e.boldElement.isConnected) return null;
-	let t = z(e.boldElement), n = e.boundary, r = n.isConnected && n.previousSibling === t ? n : Ki(t);
+	let t = z(e.boldElement), n = e.boundary, r = n.isConnected && n.previousSibling === t ? n : Ga(t);
 	return r ? {
 		boundary: r,
 		boldElement: t
 	} : null;
-}, Ji = (e, t) => e ? e === t || t.contains(e) : !1, Yi, B = {
+}, qa = (e, t) => e ? e === t || t.contains(e) : !1, Ja, B = {
 	COLLAPSED_LENGTH: "data-blok-bold-collapsed-length",
 	COLLAPSED_ACTIVE: "data-blok-bold-collapsed-active",
 	PREV_LENGTH: "data-blok-bold-prev-length",
@@ -4899,7 +5554,7 @@ var cr = (e) => {
 	}
 	exit(e, t) {
 		let n = z(t), r = n.parentNode;
-		if (r) return Gi(n) ? this.removeEmptyBoldElement(e, n, r) : this.exitBoldWithContent(e, n, r);
+		if (r) return Wa(n) ? this.removeEmptyBoldElement(e, n, r) : this.exitBoldWithContent(e, n, r);
 	}
 	removeEmptyBoldElement(e, t, n) {
 		let r = document.createRange();
@@ -4923,7 +5578,7 @@ var cr = (e) => {
 	}
 	maintain() {
 		if (!(typeof document > "u")) for (let e of Array.from(this.records)) {
-			let t = qi(e);
+			let t = Ka(e);
 			if (!t) {
 				this.records.delete(e);
 				continue;
@@ -4956,7 +5611,7 @@ var cr = (e) => {
 	}
 	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, a = (n = i == null ? void 0 : i.closest(y(v.editor))) == null ? i == null ? void 0 : i.ownerDocument : n;
+		let r = (t = e == null ? void 0 : e.anchorNode) == null ? e == null ? void 0 : e.focusNode : t, i = r && r.nodeType === Node.ELEMENT_NODE ? r : r == null ? void 0 : r.parentElement, a = (n = i == null ? void 0 : i.closest(f(y.editor))) == null ? i == null ? void 0 : i.ownerDocument : n;
 		if (!a) return;
 		let o = `strong[${B.COLLAPSED_ACTIVE}="true"]`;
 		a.querySelectorAll(o).forEach((t) => {
@@ -4973,16 +5628,16 @@ var cr = (e) => {
 			if (u && !t.hasAttribute(B.LEADING_WHITESPACE) && t.setAttribute(B.LEADING_WHITESPACE, u[0]), l.length === 0) return;
 			let d = t.textContent, f = d + l, p = (n = t.getAttribute(B.LEADING_WHITESPACE)) == null ? "" : n, m = p.length > 0 && d.length === 0 && !f.startsWith(p) ? p + f : f, h = document.createTextNode(m);
 			for (; t.firstChild;) t.removeChild(t.firstChild);
-			if (t.appendChild(h), !(e != null && e.isCollapsed) || !Ji(e.focusNode, o)) return;
-			let g = document.createRange(), _ = h.textContent.length;
-			g.setStart(h, _), g.collapse(!0), e.removeAllRanges(), e.addRange(g);
+			if (t.appendChild(h), !(e != null && e.isCollapsed) || !qa(e.focusNode, o)) return;
+			let g = document.createRange(), ee = h.textContent.length;
+			g.setStart(h, ee), 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(y(v.editor));
+		let r = n.nodeType === Node.ELEMENT_NODE ? n : n.parentElement, i = r == null ? void 0 : r.closest(f(y.editor));
 		i && i.querySelectorAll(`strong[${B.COLLAPSED_LENGTH}]`).forEach((t) => {
 			var n;
 			let r = t.getAttribute(B.COLLAPSED_LENGTH);
@@ -4997,7 +5652,7 @@ var cr = (e) => {
 				let r = document.createTextNode(n);
 				(m = t.parentNode) == null || m.insertBefore(r, t.nextSibling);
 			}
-			if (p && t.removeAttribute(B.PREV_LENGTH), e != null && e.isCollapsed && s && Ji(e.focusNode, t)) {
+			if (p && t.removeAttribute(B.PREV_LENGTH), e != null && e.isCollapsed && s && qa(e.focusNode, t)) {
 				let t = document.createRange(), n = s.textContent.length;
 				t.setStart(s, n), t.collapse(!0), e.removeAllRanges(), e.addRange(t);
 			}
@@ -5091,10 +5746,10 @@ var cr = (e) => {
 		return t.tagName === "STRONG" || t.tagName === "B";
 	}
 };
-Yi = V, Yi.instance = null;
+Ja = V, Ja.instance = null;
 //#endregion
 //#region src/components/inline-tools/services/bold-normalization-pass.ts
-var Xi = {
+var Ya = {
 	convertLegacyTags: !0,
 	normalizeWhitespace: !0,
 	removeEmpty: !0,
@@ -5102,7 +5757,7 @@ var Xi = {
 	preserveNode: null
 }, H = class e {
 	constructor(e) {
-		this.options = x(x({}, Xi), e);
+		this.options = S(S({}, Ya), e);
 	}
 	run(e) {
 		if (typeof document > "u") return;
@@ -5155,16 +5810,16 @@ var Xi = {
 		t.includes("\xA0") && (e.textContent = t.replace(/\u00A0/g, " "));
 	}
 	isEmptyAndSafe(e) {
-		return e.textContent.length !== 0 || V.getInstance().isActivePlaceholder(e) ? !1 : !(this.options.preserveNode && Ji(this.options.preserveNode, e));
+		return e.textContent.length !== 0 || V.getInstance().isActivePlaceholder(e) ? !1 : !(this.options.preserveNode && qa(this.options.preserveNode, e));
 	}
 	mergeWithAdjacent(e) {
 		let t = e.previousSibling;
-		if (t && Wi(t)) {
+		if (t && Ua(t)) {
 			this.mergeStrongNodes(t, e);
 			return;
 		}
 		let n = e.nextSibling;
-		n && Wi(n) && this.mergeStrongNodes(e, n);
+		n && Ua(n) && this.mergeStrongNodes(e, n);
 	}
 	mergeStrongNodes(e, t) {
 		let n = z(e), r = z(t);
@@ -5176,9 +5831,9 @@ var Xi = {
 		let r = (t = e == null ? void 0 : e.anchorNode) == null ? e == null ? void 0 : e.focusNode : t;
 		if (!r) return null;
 		let i = r.nodeType === Node.ELEMENT_NODE ? r : r.parentElement;
-		return i ? ((n = i.closest("[data-blok-component=\"paragraph\"]")) == null ? i.closest(y(v.elementContent)) : n) || i.closest(y(v.editor)) : null;
+		return i ? ((n = i.closest("[data-blok-component=\"paragraph\"]")) == null ? i.closest(f(y.elementContent)) : n) || i.closest(f(y.editor)) : null;
 	}
-}, Zi, Qi = class e {
+}, Xa, Za = class e {
 	constructor() {
 		this.handlers = /* @__PURE__ */ new Map(), this.listenersRegistered = !1, this.handleSelectionChange = () => {
 			let e = this.getSelection();
@@ -5235,10 +5890,10 @@ var Xi = {
 		return !(t.meta && !n || t.ctrl && !e.ctrlKey);
 	}
 };
-Zi = Qi, Zi.instance = null;
+Xa = Za, Xa.instance = null;
 //#endregion
 //#region src/components/inline-tools/utils/formatting-range-utils.ts
-var $i = (e, t) => {
+var Qa = (e, t) => {
 	try {
 		return e.intersectsNode(t);
 	} catch (n) {
@@ -5247,26 +5902,26 @@ var $i = (e, t) => {
 		let i = e.compareBoundaryPoints(Range.END_TO_START, r) > 0, a = e.compareBoundaryPoints(Range.START_TO_END, r) < 0;
 		return i && a;
 	}
-}, ea = (e) => {
+}, $a = (e) => {
 	var t;
 	let n = e.commonAncestorContainer, r = n.nodeType === Node.TEXT_NODE ? (t = n.parentNode) == null ? n : t : n;
-	return document.createTreeWalker(r, NodeFilter.SHOW_TEXT, { acceptNode: (t) => $i(e, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT });
-}, U = (e, t, n) => !e || e === n ? null : e.nodeType === Node.ELEMENT_NODE && t(e) ? e : U(e.parentNode, t, n), ta = (e, t) => U(e, t) !== null, W = (e, t, n = {}) => {
+	return document.createTreeWalker(r, NodeFilter.SHOW_TEXT, { acceptNode: (t) => Qa(e, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT });
+}, U = (e, t, n) => !e || e === n ? null : e.nodeType === Node.ELEMENT_NODE && t(e) ? e : U(e.parentNode, t, n), W = (e, t) => U(e, t) !== null, G = (e, t, n = {}) => {
 	if (e.collapsed) return U(e.startContainer, t) !== null;
-	let r = ea(e), i = [];
+	let r = $a(e), i = [];
 	for (; r.nextNode();) {
 		let e = r.currentNode, t = e.textContent;
 		n.ignoreWhitespace && t.trim().length === 0 || t.length !== 0 && i.push(e);
 	}
-	return i.length === 0 ? U(e.startContainer, t) !== null : i.every((e) => ta(e, t));
-}, G = (e, t) => {
-	let n = /* @__PURE__ */ new Set(), r = ea(e);
+	return i.length === 0 ? U(e.startContainer, t) !== null : i.every((e) => W(e, t));
+}, K = (e, t) => {
+	let n = /* @__PURE__ */ new Set(), r = $a(e);
 	for (; r.nextNode();) {
 		let e = U(r.currentNode, t);
 		e && n.add(e);
 	}
 	return Array.from(n);
-}, K, na = class e {
+}, q, eo = class e {
 	static get sanitize() {
 		return {
 			strong: {},
@@ -5278,7 +5933,7 @@ var $i = (e, t) => {
 	}
 	static initializeGlobalListeners() {
 		if (typeof document > "u") return !1;
-		let t = Qi.getInstance();
+		let t = Za.getInstance();
 		return t.hasHandler("bold") ? !0 : (t.register("bold", {
 			shortcut: {
 				key: "b",
@@ -5360,7 +6015,7 @@ var $i = (e, t) => {
 			let e = document.createRange();
 			return e.setStartBefore(s), e.setEndAfter(c), r.removeAllRanges(), r.addRange(e), e;
 		})() || r.removeAllRanges(), H.normalizeAroundSelection(r), n.forEach((e) => {
-			Gi(e) && e.remove();
+			Wa(e) && e.remove();
 		}), this.notifySelectionChange();
 	}
 	replaceRangeWithHtml(t, n) {
@@ -5400,7 +6055,7 @@ var $i = (e, t) => {
 		n.selectNodeContents(e), t.removeAllRanges(), t.addRange(n);
 	}
 	isRangeBold(e, t) {
-		return W(e, L, t);
+		return G(e, L, t);
 	}
 	removeNestedBold(e) {
 		e.querySelectorAll("b,strong").forEach((e) => {
@@ -5443,7 +6098,7 @@ var $i = (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(y(v.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(f(y.editor));
 		if (!r) return;
 		let i = r.querySelector("[data-blok-testid=inline-toolbar]");
 		if (!(i instanceof HTMLElement)) return;
@@ -5485,7 +6140,7 @@ var $i = (e, t) => {
 	}
 	static findBlokScopeFromNode(e) {
 		let t = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
-		return !t || typeof t.closest != "function" ? null : t.closest(`${y(v.interface)}, ${y(v.editor)}`);
+		return !t || typeof t.closest != "function" ? null : t.closest(`${f(y.interface)}, ${f(y.editor)}`);
 	}
 	static getBoundaryBold(t) {
 		let n = t.startContainer;
@@ -5496,18 +6151,18 @@ var $i = (e, t) => {
 		if (e.startOffset === n) return R(t);
 		if (e.startOffset !== 0) return null;
 		let r = t.previousSibling;
-		return Wi(r) ? r : null;
+		return Ua(r) ? r : null;
 	}
 	static getBoundaryBoldForElement(e, t) {
 		if (e.startOffset <= 0) return null;
 		let n = t.childNodes[e.startOffset - 1];
-		return Wi(n) ? n : null;
+		return Ua(n) ? n : null;
 	}
 	static isSelectionInsideBlok(e) {
 		let t = e.anchorNode;
 		if (!t) return !1;
 		let n = t.nodeType === Node.ELEMENT_NODE ? t : t.parentElement;
-		return !!(n != null && n.closest(y(v.editor)));
+		return !!(n != null && n.closest(f(y.editor)));
 	}
 	getRangeHtmlWithoutBold(e) {
 		let t = e.cloneContents();
@@ -5520,16 +6175,16 @@ var $i = (e, t) => {
 		return t.innerHTML = e, t.content;
 	}
 	collectBoldAncestors(e) {
-		return G(e, L);
+		return K(e, L);
 	}
 };
-K = na, K.isInline = !0, K.title = "Bold", K.titleKey = "bold", K.markerSequence = 0, K.isProcessingMutation = !1, K.instances = /* @__PURE__ */ new Set(), K.guardKeydownListenerRegistered = !1, K.shortcut = "CMD+B";
+q = eo, q.isInline = !0, q.title = "Bold", q.titleKey = "bold", q.markerSequence = 0, q.isProcessingMutation = !1, q.instances = /* @__PURE__ */ new Set(), q.guardKeydownListenerRegistered = !1, q.shortcut = "CMD+B";
 //#endregion
 //#region src/components/inline-tools/inline-tool-italic.ts
-var q, ra = (e) => {
+var J, to = (e) => {
 	let t = e.tagName;
 	return t === "I" || t === "EM";
-}, ia = class {
+}, no = class {
 	static get sanitize() {
 		return {
 			i: {},
@@ -5538,7 +6193,7 @@ var q, ra = (e) => {
 	}
 	render() {
 		return {
-			icon: u,
+			icon: rt,
 			name: "italic",
 			onActivate: () => {
 				this.toggleItalic();
@@ -5578,7 +6233,7 @@ var q, ra = (e) => {
 		return this.isRangeItalic(t, { ignoreWhitespace: !0 });
 	}
 	isRangeItalic(e, t) {
-		return W(e, ra, t);
+		return G(e, to, t);
 	}
 	wrapWithItalic(e) {
 		let t = this.getRangeHtmlWithoutItalic(e), n = this.replaceRangeWithHtml(e, `<i>${t}</i>`), r = window.getSelection();
@@ -5604,13 +6259,13 @@ var q, ra = (e) => {
 		});
 	}
 	hasItalicParent(e) {
-		return ta(e, ra);
+		return W(e, to);
 	}
 	findItalicElement(e) {
-		return U(e, ra);
+		return U(e, to);
 	}
 	collectItalicAncestors(e) {
-		return G(e, ra);
+		return K(e, to);
 	}
 	getRangeHtmlWithoutItalic(e) {
 		let t = e.cloneContents();
@@ -5667,10 +6322,10 @@ var q, ra = (e) => {
 		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-q = ia, q.isInline = !0, q.title = "Italic", q.titleKey = "italic", q.shortcut = "CMD+I";
+J = no, J.isInline = !0, J.title = "Italic", J.titleKey = "italic", J.shortcut = "CMD+I";
 //#endregion
 //#region src/components/inline-tools/inline-tool-link.ts
-var J, aa = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left cursor-pointer can-hover:hover:bg-item-hover-bg transition-colors", oa = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left pointer-events-none", sa = class {
+var Y, ro = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left cursor-pointer can-hover:hover:bg-item-hover-bg transition-colors", io = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left pointer-events-none", ao = class {
 	static get sanitize() {
 		return { a: {
 			href: !0,
@@ -5690,17 +6345,17 @@ var J, aa = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 			button: null
 		}, this.inputOpened = !1, this.unlinkAvailable = !1, this.handleButtonClick = (e) => {
 			!this.inputOpened || !this.unlinkAvailable || (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.restoreSelection(), this.unlink(), this.inlineToolbar.close());
-		}, this.toolbar = e.toolbar, this.inlineToolbar = e.inlineToolbar, this.notifier = e.notifier, this.i18n = e.i18n, this.selection = new _(), this.nodes.input = this.createInput(), this.nodes.suggestion = this.createSuggestion(), this.nodes.inputWrapper = document.createElement("div"), this.nodes.inputWrapper.append(this.nodes.input, this.nodes.suggestion);
+		}, this.toolbar = e.toolbar, this.inlineToolbar = e.inlineToolbar, this.notifier = e.notifier, this.i18n = e.i18n, this.selection = new b(), this.nodes.input = this.createInput(), this.nodes.suggestion = this.createSuggestion(), this.nodes.inputWrapper = document.createElement("div"), this.nodes.inputWrapper.append(this.nodes.input, this.nodes.suggestion);
 	}
 	render() {
 		return {
-			icon: h,
+			icon: Ke,
 			name: "link",
 			isActive: () => !!this.selection.findParentTag("A"),
 			children: {
 				hideChevron: !0,
 				items: [{
-					type: p.Html,
+					type: _.Html,
 					element: this.nodes.inputWrapper
 				}],
 				onOpen: () => {
@@ -5730,7 +6385,7 @@ var J, aa = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 		let t = document.createElement("div");
 		t.className = "mt-1 mb-0.5 h-px bg-link-input-border";
 		let n = document.createElement("button");
-		n.type = "button", n.className = aa, n.setAttribute("data-link-suggestion-row", "");
+		n.type = "button", n.className = ro, n.setAttribute("data-link-suggestion-row", "");
 		let r = document.createElement("span");
 		r.className = "text-gray-text shrink-0 flex [&>svg]:size-7", r.setAttribute("data-link-suggestion-icon", "");
 		let i = document.createElement("span");
@@ -5748,20 +6403,20 @@ var J, aa = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 			return;
 		}
 		let n = this.isLinkComplete(t), { icon: r, label: i } = this.getLinkTypeInfo(t), a = this.nodes.suggestion.querySelector("[data-link-suggestion-icon]"), o = this.nodes.suggestion.querySelector("[data-link-suggestion-url]"), s = this.nodes.suggestion.querySelector("[data-link-suggestion-type]"), c = this.nodes.suggestion.querySelector("[data-link-suggestion-row]");
-		a && (a.innerHTML = r, a.className = `${n ? "text-gray-text" : "text-gray-text opacity-40"} shrink-0 flex [&>svg]:size-7`), o && (o.textContent = t, o.className = `block text-xs font-medium truncate ${n ? "text-text-primary" : "text-gray-text"}`), s && (s.textContent = n ? i : "Keep typing to add a link", s.className = "block text-[10.5px] text-gray-text leading-tight mt-px"), c && (c.className = n ? aa : oa), this.nodes.suggestion.classList.remove("hidden");
+		a && (a.innerHTML = r, a.className = `${n ? "text-gray-text" : "text-gray-text opacity-40"} shrink-0 flex [&>svg]:size-7`), o && (o.textContent = t, o.className = `block text-xs font-medium truncate ${n ? "text-text-primary" : "text-gray-text"}`), s && (s.textContent = n ? i : "Keep typing to add a link", s.className = "block text-[10.5px] text-gray-text leading-tight mt-px"), c && (c.className = n ? ro : io), this.nodes.suggestion.classList.remove("hidden");
 	}
 	isLinkComplete(e) {
 		return /^https?:\/\//i.test(e) ? e.replace(/^https?:\/\//i, "").length > 0 : /^\w+:\/\//.test(e) ? e.replace(/^\w+:\/\//, "").length > 0 : /^\w+:/.test(e) ? e.slice(e.indexOf(":") + 1).length > 0 : e.startsWith("//") ? e.slice(2).length > 0 : e.startsWith("#") ? e.length > 1 : e.startsWith("/") ? !0 : /\.[a-zA-Z]{2,}/.test(e) || /^\d{1,3}(\.\d{1,3}){3}/.test(e);
 	}
 	getLinkTypeInfo(e) {
 		return e.startsWith("mailto:") ? {
-			icon: ue,
+			icon: Je,
 			label: "Email address"
 		} : e.startsWith("#") ? {
-			icon: ie,
+			icon: ee,
 			label: "Jump to section"
 		} : {
-			icon: ke,
+			icon: ve,
 			label: "Link to web page"
 		};
 	}
@@ -5786,7 +6441,7 @@ var J, aa = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 			let e = t.getAttribute("href");
 			this.nodes.input.value = e === null ? "" : e;
 		} else this.nodes.input.value = "";
-		this.updateSuggestion(this.nodes.input.value), this.nodes.input.className = S(this.INPUT_BASE_CLASSES, "block"), this.setBooleanStateAttribute(this.nodes.input, this.DATA_ATTRIBUTES.inputOpened, !0), this.selection.setFakeBackground(), this.selection.save(), e && this.focusInputWithRetry(), this.inputOpened = !0;
+		this.updateSuggestion(this.nodes.input.value), 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(() => {
@@ -5797,7 +6452,7 @@ var J, aa = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 		}, 0));
 	}
 	getButtonElement() {
-		let e = document.querySelector(`${y(v.interface, i)} [data-blok-item-name="link"]`);
+		let e = document.querySelector(`${f(y.interface, fe)} [data-blok-item-name="link"]`);
 		return e && e !== this.nodes.button && (e.addEventListener("click", this.handleButtonClick, !0), this.nodes.button = e), e;
 	}
 	updateButtonStateAttributes(e) {
@@ -5811,7 +6466,7 @@ var J, aa = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 		(this.selection.isFakeBackgroundEnabled || e && this.selection.savedSelectionRange) && this.restoreSelection(), this.nodes.input && (this.nodes.input.className = this.INPUT_BASE_CLASSES, this.setBooleanStateAttribute(this.nodes.input, this.DATA_ATTRIBUTES.inputOpened, !1), this.nodes.input.value = "", (t = this.nodes.suggestion) == null || t.classList.add("hidden"), this.updateButtonStateAttributes(!1), this.unlinkAvailable = !1, e && this.selection.clearSaved(), this.inputOpened = !1);
 	}
 	restoreSelection() {
-		let e = new _(), t = _.isAtBlok;
+		let e = new b(), t = b.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();
@@ -5835,7 +6490,7 @@ var J, aa = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 			this.notifier.show({
 				message: this.i18n.t("tools.link.invalidLink"),
 				style: "error"
-			}), s("Incorrect Link pasted", "warn", t);
+			}), me("Incorrect Link pasted", "warn", t);
 			return;
 		}
 		let n = this.prepareLink(t);
@@ -5858,7 +6513,7 @@ var J, aa = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 			this.selection.expandToTag(t), t.href = e, t.target = "_blank", t.rel = "nofollow";
 			return;
 		}
-		let n = _.range;
+		let n = b.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);
@@ -5877,13 +6532,13 @@ var J, aa = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 		e && e.setAttribute(t, n ? "true" : "false");
 	}
 };
-J = sa, J.isInline = !0, J.title = "Link", J.titleKey = "link", J.shortcut = "CMD+K";
+Y = ao, Y.isInline = !0, Y.title = "Link", Y.titleKey = "link", Y.shortcut = "CMD+K";
 //#endregion
 //#region src/components/inline-tools/utils/marker-dom-utils.ts
-var Y = (e) => e.tagName === "MARK", ca = (e) => U(e, Y), X, la = {
+var X = (e) => e.tagName === "MARK", oo = (e) => U(e, X), Z, so = {
 	color: "background-color",
 	"background-color": "color"
-}, ua = class e {
+}, co = class e {
 	static get sanitize() {
 		return { mark: (t) => {
 			let n = t.style, r = Array.from({ length: n.length }, (e, t) => n.item(t));
@@ -5892,7 +6547,7 @@ var Y = (e) => e.tagName === "MARK", ca = (e) => U(e, Y), X, la = {
 		} };
 	}
 	constructor({ api: e }) {
-		this.colorMode = "color", this.activeTextColor = null, this.activeBgColor = null, this.i18n = e.i18n, this.inlineToolbar = e.inlineToolbar, this.selection = new _(), this.picker = sr({
+		this.colorMode = "color", this.activeTextColor = null, this.activeBgColor = null, this.i18n = e.i18n, this.inlineToolbar = e.inlineToolbar, this.selection = new b(), this.picker = yr({
 			i18n: this.i18n,
 			testIdPrefix: "marker",
 			modes: [{
@@ -5911,12 +6566,12 @@ var Y = (e) => e.tagName === "MARK", ca = (e) => U(e, Y), X, la = {
 	}
 	render() {
 		return {
-			icon: fe,
+			icon: tt,
 			name: "marker",
 			isActive: () => {
 				let e = window.getSelection();
 				if (!e || e.rangeCount === 0) return !1;
-				let t = e.getRangeAt(0), n = W(t, Y, { ignoreWhitespace: !0 });
+				let t = e.getRangeAt(0), n = G(t, X, { ignoreWhitespace: !0 });
 				if (n) {
 					let e = this.detectBothSelectionColors(t);
 					this.updateToolbarColors(e.text, e.bg);
@@ -5926,7 +6581,7 @@ var Y = (e) => e.tagName === "MARK", ca = (e) => U(e, Y), X, la = {
 			children: {
 				hideChevron: !0,
 				items: [{
-					type: p.Html,
+					type: _.Html,
 					element: this.picker.element
 				}],
 				onOpen: () => {
@@ -5967,10 +6622,10 @@ var Y = (e) => e.tagName === "MARK", ca = (e) => U(e, Y), X, la = {
 		if (!r || r.rangeCount === 0) return;
 		let i = r.getRangeAt(0), a = i.startContainer, o = i.startOffset, s = i.endContainer, c = i.endOffset, l = i.toString(), u = i.commonAncestorContainer, d = u.nodeType === Node.ELEMENT_NODE ? u : u.parentElement, f = d != null && d.closest("mark") ? (t = (n = d.closest("mark")) == null ? void 0 : n.parentElement) == null ? d : t : d;
 		this.splitMarksAtBoundaries(i);
-		let p = G(i, Y);
+		let p = K(i, X);
 		for (let t of p) {
 			t.style.removeProperty(e);
-			let n = la[e], r = t.style.getPropertyValue(n);
+			let n = so[e], r = t.style.getPropertyValue(n);
 			r !== "" && r !== "transparent" ? this.ensureTransparentBg(t) : this.unwrapElement(t);
 		}
 		let m = a.isConnected, h = s.isConnected;
@@ -5998,7 +6653,7 @@ var Y = (e) => e.tagName === "MARK", ca = (e) => U(e, Y), X, la = {
 		this.selection.removeFakeBackground(), this.selection.savedSelectionRange && this.selection.restore(), this.selection.clearSaved();
 	}
 	detectBothSelectionColors(e) {
-		let t = ca(e.startContainer);
+		let t = oo(e.startContainer);
 		if (!t) return {
 			text: null,
 			bg: null
@@ -6018,7 +6673,7 @@ var Y = (e) => e.tagName === "MARK", ca = (e) => U(e, Y), X, la = {
 			text: null,
 			bg: null
 		};
-		let t = ca(e.getRangeAt(0).startContainer);
+		let t = oo(e.getRangeAt(0).startContainer);
 		if (!t) return {
 			text: null,
 			bg: null
@@ -6038,14 +6693,14 @@ var Y = (e) => e.tagName === "MARK", ca = (e) => U(e, Y), X, la = {
 		this.selection.savedSelectionRange && (this.selection.removeFakeBackground(), this.selection.restore(), this.selection.clearSaved());
 	}
 	findContainingMark(e) {
-		let t = ca(e.startContainer), n = ca(e.endContainer);
+		let t = oo(e.startContainer), n = oo(e.endContainer);
 		return t && t === n ? t : null;
 	}
 	removeNestedMarkStyle(e, t) {
-		let n = G(e, Y);
+		let n = K(e, X);
 		for (let e of n) {
 			e.style.removeProperty(t);
-			let n = la[t], r = e.style.getPropertyValue(n);
+			let n = so[t], r = e.style.getPropertyValue(n);
 			r !== "" && r !== "transparent" ? this.ensureTransparentBg(e) : this.unwrapElement(e);
 		}
 	}
@@ -6076,7 +6731,7 @@ var Y = (e) => e.tagName === "MARK", ca = (e) => U(e, Y), X, la = {
 		}
 	}
 	splitMarksAtBoundaries(e) {
-		let t = G(e, Y);
+		let t = K(e, X);
 		for (let n of t) {
 			let t = document.createRange();
 			t.selectNodeContents(n);
@@ -6141,20 +6796,20 @@ var Y = (e) => e.tagName === "MARK", ca = (e) => U(e, Y), X, la = {
 	}
 	resolveToVar(e, t) {
 		if (e.startsWith("var(")) return e;
-		let n = t === "color" ? "text" : "bg", r = Qe(e, n);
-		return r === null ? e : a(r, n);
+		let n = t === "color" ? "text" : "bg", r = ze(e, n);
+		return r === null ? e : u(r, n);
 	}
 };
-X = ua, X.isInline = !0, X.title = "Color", X.titleKey = "marker", X.shortcut = "CMD+SHIFT+H", X.ALLOWED_STYLE_PROPS = new Set(["color", "background-color"]);
+Z = co, Z.isInline = !0, Z.title = "Color", Z.titleKey = "marker", Z.shortcut = "CMD+SHIFT+H", Z.ALLOWED_STYLE_PROPS = new Set(["color", "background-color"]);
 //#endregion
 //#region src/components/inline-tools/inline-tool-underline.ts
-var Z, da = (e) => e.tagName === "U", fa = class {
+var Q, lo = (e) => e.tagName === "U", uo = class {
 	static get sanitize() {
 		return { u: {} };
 	}
 	render() {
 		return {
-			icon: Ne,
+			icon: ct,
 			name: "underline",
 			onActivate: () => {
 				this.toggleUnderline();
@@ -6194,7 +6849,7 @@ var Z, da = (e) => e.tagName === "U", fa = class {
 		return this.isRangeUnderline(t, { ignoreWhitespace: !0 });
 	}
 	isRangeUnderline(e, t) {
-		return W(e, da, t);
+		return G(e, lo, t);
 	}
 	wrapWithUnderline(e) {
 		let t = this.getRangeHtmlWithoutUnderline(e), n = this.replaceRangeWithHtml(e, `<u>${t}</u>`), r = window.getSelection();
@@ -6220,13 +6875,13 @@ var Z, da = (e) => e.tagName === "U", fa = class {
 		});
 	}
 	hasUnderlineParent(e) {
-		return ta(e, da);
+		return W(e, lo);
 	}
 	findUnderlineElement(e) {
-		return U(e, da);
+		return U(e, lo);
 	}
 	collectUnderlineAncestors(e) {
-		return G(e, da);
+		return K(e, lo);
 	}
 	getRangeHtmlWithoutUnderline(e) {
 		let t = e.cloneContents();
@@ -6283,16 +6938,16 @@ var Z, da = (e) => e.tagName === "U", fa = class {
 		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-Z = fa, Z.isInline = !0, Z.title = "Underline", Z.titleKey = "underline", Z.shortcut = "CMD+U";
+Q = uo, Q.isInline = !0, Q.title = "Underline", Q.titleKey = "underline", Q.shortcut = "CMD+U";
 //#endregion
 //#region src/components/inline-tools/inline-tool-strikethrough.ts
-var Q, $ = (e) => e.tagName === "S", pa = class {
+var $, fo = (e) => e.tagName === "S", po = class {
 	static get sanitize() {
 		return { s: {} };
 	}
 	render() {
 		return {
-			icon: Je,
+			icon: Xe,
 			name: "strikethrough",
 			onActivate: () => {
 				this.toggleStrikethrough();
@@ -6332,7 +6987,7 @@ var Q, $ = (e) => e.tagName === "S", pa = class {
 		return this.isRangeStrikethrough(t, { ignoreWhitespace: !0 });
 	}
 	isRangeStrikethrough(e, t) {
-		return W(e, $, t);
+		return G(e, fo, t);
 	}
 	wrapWithStrikethrough(e) {
 		let t = this.getRangeHtmlWithoutStrikethrough(e), n = this.replaceRangeWithHtml(e, `<s>${t}</s>`), r = window.getSelection();
@@ -6358,13 +7013,13 @@ var Q, $ = (e) => e.tagName === "S", pa = class {
 		});
 	}
 	hasStrikethroughParent(e) {
-		return ta(e, $);
+		return W(e, fo);
 	}
 	findStrikethroughElement(e) {
-		return U(e, $);
+		return U(e, fo);
 	}
 	collectStrikethroughAncestors(e) {
-		return G(e, $);
+		return K(e, fo);
 	}
 	getRangeHtmlWithoutStrikethrough(e) {
 		let t = e.cloneContents();
@@ -6421,16 +7076,17 @@ var Q, $ = (e) => e.tagName === "S", pa = class {
 		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-Q = pa, Q.isInline = !0, Q.title = "Strikethrough", Q.titleKey = "strikethrough", Q.shortcut = "CMD+SHIFT+S";
+$ = po, $.isInline = !0, $.title = "Strikethrough", $.titleKey = "strikethrough", $.shortcut = "CMD+SHIFT+S";
 //#endregion
 //#region src/tools/index.ts
-var ma = {
+var mo = {
 	paragraph: { preserveBlank: !0 },
 	header: {},
 	list: {},
 	table: {},
-	toggle: {}
-}, ha = {
+	toggle: {},
+	callout: {}
+}, ho = {
 	bold: {},
 	italic: {},
 	link: {},
@@ -6439,4 +7095,4 @@ var ma = {
 	strikethrough: {}
 };
 //#endregion
-export { ua as a, na as c, Hn as d, wt as f, fa as i, Ui as l, ha as n, sa as o, ut as p, pa as r, ia as s, ma as t, Ri as u };
+export { co as a, eo as c, Zi as d, er as f, uo as i, Ha as l, xt as m, ho as n, ao as o, It as p, po as r, no as s, mo as t, na as u };