@jackuait/blok 0.9.0 → 0.10.0-beta.1

package/dist/chunks/{tools-nT6zA9QL.mjs → tools-TuZCMYTS.mjs}

@@ -1,8 +1,8 @@
-import { $ as e, $t as t, A as n, At as r, B as i, D as a, Dt as o, Et as s, F as c, Ft as l, G as u, Gn as d, H as f, I as p, It as m, J as h, K as g, Kn as _, Kt as ee, L as te, M as ne, Mt as re, N as ie, Nt as ae, O as oe, Ot as se, P as ce, Pt as le, Q as ue, R as de, St as fe, Tt as pe, U as me, Ut as he, V as ge, W as _e, Wt as v, X as ve, Xt as y, Y as ye, Yt as b, Z as be, _t as xe, a as Se, at as Ce, bt as we, c as Te, ct as Ee, d as De, dt as Oe, en as ke, et as Ae, f as je, g as Me, gt as Ne, h as Pe, hn as Fe, ht as Ie, i as Le, it as Re, j as ze, jt as Be, kt as Ve, l as He, mt as Ue, n as We, nt as Ge, o as Ke, ot as qe, p as Je, pt as Ye, q as Xe, r as Ze, rt as Qe, s as $e, st as et, t as tt, tt as nt, u as x, ut as rt, v as it, vt as at, wt as ot, xt as st, yt as ct, z as lt, zn as ut, zt as dt } from "./constants-A3iVmQL8.mjs";
+import { $ as e, A as t, At as n, B as r, Bn as i, Bt as a, Ct as o, D as s, Dt as c, Et as l, F as u, Ft as d, G as f, Gt as p, H as m, I as h, It as g, J as ee, K as te, Kn as _, L as ne, Lt as re, M as ie, Mt as ae, N as oe, Nt as se, O as ce, Ot as le, P as ue, Pt as de, Q as fe, R as pe, St as me, Tt as he, U as ge, V as _e, W as ve, Wt as ye, X as be, Xt as v, Y as xe, Z as Se, Zt as y, _t as Ce, a as we, at as Te, bt as Ee, c as De, ct as Oe, d as ke, dt as Ae, en as je, et as Me, f as Ne, ft as Pe, g as Fe, gn as Ie, gt as Le, h as Re, ht as ze, i as Be, it as Ve, j as He, jt as Ue, kt as We, l as Ge, mt as Ke, n as qe, nt as Je, o as Ye, ot as Xe, p as Ze, q as Qe, qn as b, qt as $e, r as et, rt as tt, s as nt, st as rt, t as it, tn as at, tt as ot, u as x, ut as st, v as ct, vt as lt, xt as ut, yt as dt, z as ft } from "./constants-B_TnFMSA.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 ft = (e) => {
+var pt = (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) => {
@@ -21,7 +21,7 @@ var ft = (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)]"
-], pt = [
+], mt = [
 	"empty:before:pointer-events-none",
 	"empty:before:text-gray-text",
 	"empty:before:cursor-text",
@@ -30,7 +30,7 @@ var ft = (e) => {
 	"data-[empty=true]:before:text-gray-text",
 	"data-[empty=true]:before:cursor-text",
 	"data-[empty=true]:before:content-[attr(data-blok-placeholder-active)]"
-], mt = [
+], ht = [
 	"empty:focus:before:pointer-events-none",
 	"empty:focus:before:text-gray-text",
 	"empty:focus:before:cursor-text",
@@ -39,7 +39,7 @@ var ft = (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)]"
-], ht = [
+], gt = [
 	"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,19 +48,19 @@ var ft = (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)]"
-], gt = (e) => {
+], _t = (e) => {
 	let t = e.innerHTML.trim();
 	return t === "" || t === "<br>";
-}, _t = (e) => {
+}, vt = (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);
-}, vt = (e) => {
-	gt(e) && _t(e);
-}, yt = (e, t, n = "data-placeholder") => {
-	e.setAttribute(n, t == null ? "" : t), e.addEventListener("focus", () => vt(e));
+}, yt = (e) => {
+	_t(e) && vt(e);
+}, T = (e, t, n = "data-placeholder") => {
+	e.setAttribute(n, t == null ? "" : t), e.addEventListener("focus", () => yt(e));
 }, bt, xt = (e) => {
 	let t = document.createElement("div");
 	t.innerHTML = e.trim();
@@ -85,9 +85,9 @@ var ft = (e) => {
 	}
 	drawView() {
 		let t = document.createElement("DIV");
-		t.className = C(this.api.styles.block, e.WRAPPER_CLASSES, mt, ht), t.setAttribute(d.tool, "paragraph"), t.contentEditable = "false";
+		t.className = C(this.api.styles.block, e.WRAPPER_CLASSES, ht, gt), t.setAttribute(_.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), yt(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), T(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
 	}
 	render() {
 		return this._element = this.drawView(), this._element;
@@ -102,7 +102,7 @@ var ft = (e) => {
 		return !(e.text.trim() === "" && !this._preserveBlank);
 	}
 	save(e) {
-		return { text: ft(e.innerHTML) };
+		return { text: pt(e.innerHTML) };
 	}
 	onPaste(e) {
 		let t = e.detail;
@@ -134,14 +134,15 @@ var ft = (e) => {
 	}
 	static get toolbox() {
 		return {
-			icon: Ne,
+			icon: Ce,
 			title: "Text",
 			titleKey: "text",
 			searchTerms: [
 				"p",
 				"paragraph",
 				"plain"
-			]
+			],
+			searchTermKeys: ["paragraph", "plain"]
 		};
 	}
 };
@@ -157,25 +158,25 @@ bt = St, bt.WRAPPER_CLASSES = [
 //#region src/tools/toggle/dom-builder.ts
 var Ct = (e) => {
 	let { data: t, readOnly: n, isOpen: r, keydownHandler: i, onArrowClick: a, onBodyPlaceholderClick: o } = e, s = document.createElement("div");
-	s.className = Se, s.setAttribute(d.tool, Je), s.setAttribute(x.toggleOpen, String(r));
+	s.className = we, s.setAttribute(_.tool, Ze), s.setAttribute(x.toggleOpen, String(r));
 	let c = document.createElement("div");
-	c.className = je;
+	c.className = Ne;
 	let l = wt(r, a, {}, e.ariaLabels), u = Et(t, n, i);
 	c.appendChild(l), c.appendChild(u);
-	let f = Tt(o, e.bodyPlaceholderText), p = document.createElement("div");
-	return p.className = De, p.setAttribute(x.toggleChildren, ""), p.setAttribute("data-blok-mutation-free", "true"), p.id = `toggle-children-${Date.now()}-${Math.random().toString(36).slice(2)}`, l.setAttribute("aria-controls", p.id), s.appendChild(c), s.appendChild(f), s.appendChild(p), {
+	let d = Tt(o, e.bodyPlaceholderText), f = document.createElement("div");
+	return f.className = ke, 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: f,
-		childContainerElement: p
+		bodyPlaceholderElement: d,
+		childContainerElement: f
 	};
 }, wt = (e, t, n = {}, r = {
 	collapse: "Collapse",
 	expand: "Expand"
 }) => {
 	let i = document.createElement("span");
-	i.className = Le, i.setAttribute(x.toggleArrow, ""), i.setAttribute(d.mutationFree, "true"), i.setAttribute("role", "button"), i.setAttribute("tabindex", "0"), i.setAttribute("aria-label", e ? r.collapse : r.expand), i.setAttribute("aria-expanded", String(e)), n.contentEditableFalse === !0 && (i.contentEditable = "false"), i.innerHTML = Ze;
+	i.className = Be, i.setAttribute(x.toggleArrow, ""), i.setAttribute(_.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 = et;
 	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();
@@ -184,14 +185,14 @@ var Ct = (e) => {
 	})), i;
 }, Tt = (e, t) => {
 	let n = document.createElement("div");
-	return n.className = $e, n.setAttribute(x.toggleBodyPlaceholder, ""), n.setAttribute("data-blok-mutation-free", "true"), n.textContent = t, e && n.addEventListener("click", e), n;
+	return n.className = nt, n.setAttribute(x.toggleBodyPlaceholder, ""), n.setAttribute("data-blok-mutation-free", "true"), n.textContent = t, e && n.addEventListener("click", e), n;
 }, Et = (e, t, n) => {
 	let r = document.createElement("div");
-	return r.className = C(Te, pt, ht), r.setAttribute(x.toggleContent, ""), r.contentEditable = t ? "false" : "true", r.innerHTML = e.text, n && r.addEventListener("keydown", n), r;
+	return r.className = C(De, mt, gt), r.setAttribute(x.toggleContent, ""), r.contentEditable = t ? "false" : "true", r.innerHTML = e.text, n && r.addEventListener("keydown", n), r;
 }, Dt = (e) => {
 	let t = Ct(e);
-	return t.contentElement && yt(t.contentElement, e.placeholder, "data-blok-placeholder-active"), t;
-}, T = (e, t, n, r = {
+	return t.contentElement && T(t.contentElement, e.placeholder, "data-blok-placeholder-active"), t;
+}, E = (e, t, n, r = {
 	collapse: "Collapse",
 	expand: "Expand"
 }) => {
@@ -222,14 +223,14 @@ var Ct = (e) => {
 		n.caret.setToBlock(t.id, "start");
 		return;
 	}
-	n.blocks.splitBlock(r, { text: u }, Je, { text: d }, f + 1), i.text = u;
+	n.blocks.splitBlock(r, { text: u }, Ze, { text: d }, f + 1), i.text = u;
 }, jt = 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 || !dt(s)) return;
-	let c = i.text;
-	c === "" && (t.preventDefault(), await n.blocks.convert(r, "paragraph", { text: c }));
+	let { api: n, blockId: r, data: i, getContentElement: o, syncContentFromDOM: s } = e;
+	if (s(), r === void 0) return;
+	let c = o();
+	if (!c || !a(c)) return;
+	let l = i.text;
+	l === "" && (t.preventDefault(), await n.blocks.convert(r, "paragraph", { text: l }));
 }, Mt = (e, t, n) => {
 	var r;
 	let i = e.blocks.getChildren(t);
@@ -274,14 +275,14 @@ var Ct = (e) => {
 		isToggleable: !0
 	}, f + 1);
 }, Ft = async (e, t) => {
-	let { api: n, blockId: r, getText: i, getContentElement: a, syncContentFromDOM: o, currentLevel: s } = e;
-	if (o(), r === void 0) return;
-	let c = a();
-	if (!c || !dt(c)) return;
-	let l = i();
-	l === "" && (t.preventDefault(), await n.blocks.convert(r, "header", {
-		text: l,
-		level: s
+	let { api: n, blockId: r, getText: i, getContentElement: o, syncContentFromDOM: s, currentLevel: c } = e;
+	if (s(), r === void 0) return;
+	let l = o();
+	if (!l || !a(l)) return;
+	let u = i();
+	u === "" && (t.preventDefault(), await n.blocks.convert(r, "header", {
+		text: u,
+		level: c
 	}));
 }, It, Lt = class e {
 	constructor({ data: e, config: t, api: n, readOnly: r, block: i }) {
@@ -332,13 +333,13 @@ var Ct = (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 && T(this._arrowElement, this._element, this._isOpen, {
+		!this._data.isToggleable || this._isOpen || (this._isOpen = !0, this._arrowElement && this._element && E(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 && T(this._arrowElement, this._element, this._isOpen, {
+		!this._data.isToggleable || !this._isOpen || (this._isOpen = !1, this._arrowElement && this._element && E(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());
@@ -373,7 +374,7 @@ var Ct = (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 && T(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 && E(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;
@@ -430,9 +431,9 @@ var Ct = (e) => {
 		let t = document.createElement(this.currentLevel.tag);
 		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(d.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this._data.isToggleable && t.setAttribute(x.toggleOpen, String(this._isOpen));
+		n && Object.assign(t.style, n), t.setAttribute(_.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) : yt(t, i), !this.readOnly && this._data.isToggleable && t.addEventListener("keydown", this.handleKeyDown), t;
+		return this.readOnly ? t.setAttribute("data-placeholder", i) : T(t, i), !this.readOnly && this._data.isToggleable && t.addEventListener("keydown", this.handleKeyDown), t;
 	}
 	buildArrow() {
 		let e = wt(this._isOpen, () => this.toggleOpen(), {}, {
@@ -447,7 +448,7 @@ var Ct = (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 = C($e, "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);
+		r.className = C(nt, "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(x.toggleChildren, ""), i.setAttribute("data-blok-mutation-free", "true"), this._childContainerElement = i, e.appendChild(i), e;
 	}
@@ -477,7 +478,7 @@ var Ct = (e) => {
 		await Pt(e.createKeyboardContext()), e.updateChildrenVisibility(), e.updateBodyPlaceholderVisibility();
 	}
 	toggleOpen() {
-		this._isOpen = !this._isOpen, this._arrowElement && this._element && T(this._arrowElement, this._element, this._isOpen, {
+		this._isOpen = !this._isOpen, this._arrowElement && this._element && E(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();
@@ -562,11 +563,16 @@ var Ct = (e) => {
 				"header",
 				"heading"
 			],
+			searchTermKeys: [
+				"title",
+				"header",
+				"heading"
+			],
 			shortcut: "#".repeat(e.number)
 		})), n = {
-			1: xe,
-			2: at,
-			3: ct
+			1: lt,
+			2: dt,
+			3: Ee
 		}, r = e.DEFAULT_LEVELS.filter((e) => e.number <= 3).map((e) => ({
 			icon: n[e.number],
 			title: `Toggle heading ${e.number}`,
@@ -582,6 +588,11 @@ var Ct = (e) => {
 				`h${e.number}`,
 				"collapsible"
 			],
+			searchTermKeys: [
+				"toggle",
+				"heading",
+				"collapsible"
+			],
 			shortcut: ">" + "#".repeat(e.number)
 		}));
 		return [...t, ...r];
@@ -593,7 +604,7 @@ It = Lt, It.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H1",
 		nameKey: "tools.header.heading1",
 		name: "Heading 1",
-		icon: me,
+		icon: ge,
 		styles: "text-3xl font-semibold mt-8 mb-px"
 	},
 	{
@@ -601,7 +612,7 @@ It = Lt, It.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H2",
 		nameKey: "tools.header.heading2",
 		name: "Heading 2",
-		icon: _e,
+		icon: ve,
 		styles: "text-2xl font-semibold mt-[26px] mb-px"
 	},
 	{
@@ -609,7 +620,7 @@ It = Lt, It.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H3",
 		nameKey: "tools.header.heading3",
 		name: "Heading 3",
-		icon: u,
+		icon: f,
 		styles: "text-xl font-semibold mt-5 mb-px"
 	},
 	{
@@ -617,7 +628,7 @@ It = Lt, It.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H4",
 		nameKey: "tools.header.heading4",
 		name: "Heading 4",
-		icon: g,
+		icon: te,
 		styles: "text-lg font-semibold mt-3 mb-px"
 	},
 	{
@@ -625,7 +636,7 @@ It = Lt, It.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H5",
 		nameKey: "tools.header.heading5",
 		name: "Heading 5",
-		icon: Xe,
+		icon: Qe,
 		styles: "text-base font-semibold mt-3 mb-px"
 	},
 	{
@@ -633,7 +644,7 @@ It = Lt, It.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H6",
 		nameKey: "tools.header.heading6",
 		name: "Heading 6",
-		icon: h,
+		icon: ee,
 		styles: "text-sm font-semibold mt-3 mb-px"
 	}
 ];
@@ -663,7 +674,7 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 }, qt = (e) => {
 	var t;
 	let { data: n } = e, r = document.createElement("div");
-	return r.className = Rt, r.setAttribute(d.tool, Ut), 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;
+	return r.className = Rt, r.setAttribute(_.tool, Ut), 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;
 }, Jt = (e) => {
 	var t;
 	let { data: n, itemColor: r, itemSize: i, placeholder: a } = e, o = document.createElement("div");
@@ -720,7 +731,7 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 }, $t = (e, t, n) => {
 	if (!t) return e;
 	let r = n(), i = S({
-		text: r ? ft(r.innerHTML) : e.text,
+		text: r ? pt(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;
@@ -936,7 +947,7 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 		let a = i.holder;
 		a != null && a.querySelector("[data-list-style=\"ordered\"]") && kn(i, e, t, n);
 	});
-}, E = (e, t, n = "end") => {
+}, D = (e, t, n = "end") => {
 	let r = () => {
 		let r = t.holder;
 		if (!r) return;
@@ -965,7 +976,7 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 	}
 	let { beforeContent: u, afterContent: d } = sn(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, E(n, n.blocks.insert(Ut, S(S({
+		c.innerHTML = u, i.text = u, D(n, n.blocks.insert(Ut, S(S({
 			text: d,
 			style: i.style
 		}, i.style === "checklist" ? { checked: !!i.checked } : {}), {}, { depth: i.depth }), void 0, f + 1, !0), "start");
@@ -975,14 +986,14 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 		text: d,
 		style: i.style
 	}, i.style === "checklist" ? { checked: !!i.checked } : {}), {}, { depth: i.depth }), f + 1);
-	i.text = u, E(n, p, "start");
+	i.text = u, D(n, p, "start");
 }, Nn = async (e) => {
 	let { api: t, blockId: n, getDepth: r } = e;
 	if (r() > 0) {
 		await In(e);
 		return;
 	}
-	n !== void 0 && E(t, await t.blocks.convert(n, "paragraph", { text: "" }), "start");
+	n !== void 0 && D(t, await t.blocks.convert(n, "paragraph", { text: "" }), "start");
 }, Pn = 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;
@@ -1001,7 +1012,7 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 	p > 0 && requestAnimationFrame(() => {
 		let e = m.holder;
 		e && (e.style.marginLeft = `${p * 27}px`, e.setAttribute("data-blok-depth", String(p)));
-	}), E(n, m, "start");
+	}), D(n, m, "start");
 }, Fn = async (e, t) => {
 	let { api: n, blockId: r, data: i, syncContentFromDOM: a, getDepth: o } = e, s = n.blocks.getCurrentBlockIndex();
 	if (s === 0) return;
@@ -1011,13 +1022,13 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 	if (l > t.getBlockDepth(c)) return;
 	a();
 	let u = l + 1;
-	i.depth = u, E(n, await n.blocks.update(r || "", S(S({}, i), {}, { depth: u })));
+	i.depth = u, D(n, await n.blocks.update(r || "", S(S({}, i), {}, { depth: u })));
 }, In = 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, E(t, await t.blocks.update(n || "", S(S({}, r), {}, { depth: s })));
+	r.depth = s, D(t, await t.blocks.update(n || "", S(S({}, r), {}, { depth: s })));
 }, Ln = (e) => {
 	let { data: t, readOnly: n, placeholder: r, itemColor: i, itemSize: a, setupItemPlaceholder: o, onCheckboxChange: s, keydownHandler: c } = e, l = Kt({
 		data: t,
@@ -1267,23 +1278,23 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 		name: "bulletedList",
 		titleKey: "bulletedList",
 		style: "unordered",
-		icon: Re
+		icon: Ve
 	},
 	{
 		name: "numberedList",
 		titleKey: "numberedList",
 		style: "ordered",
-		icon: qe
+		icon: Xe
 	},
 	{
 		name: "todoList",
 		titleKey: "todoList",
 		style: "checklist",
-		icon: Ce
+		icon: Te
 	}
 ], er = () => [
 	{
-		icon: Re,
+		icon: Ve,
 		title: "Bulleted list",
 		titleKey: "bulletedList",
 		data: { style: "unordered" },
@@ -1294,10 +1305,15 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 			"unordered",
 			"list"
 		],
+		searchTermKeys: [
+			"bullet",
+			"unordered",
+			"list"
+		],
 		shortcut: "-"
 	},
 	{
-		icon: qe,
+		icon: Xe,
 		title: "Numbered list",
 		titleKey: "numberedList",
 		data: { style: "ordered" },
@@ -1308,10 +1324,15 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 			"number",
 			"list"
 		],
+		searchTermKeys: [
+			"ordered",
+			"number",
+			"list"
+		],
 		shortcut: "1."
 	},
 	{
-		icon: Ce,
+		icon: Te,
 		title: "To-do list",
 		titleKey: "todoList",
 		data: { style: "checklist" },
@@ -1323,6 +1344,13 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 			"check",
 			"list"
 		],
+		searchTermKeys: [
+			"checkbox",
+			"task",
+			"todo",
+			"check",
+			"list"
+		],
 		shortcut: "[]"
 	}
 ], tr = class {
@@ -1354,7 +1382,7 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 		return this.api.i18n.t(Ht);
 	}
 	setupItemPlaceholder(e) {
-		this.readOnly || yt(e, this.placeholder);
+		this.readOnly || T(e, this.placeholder);
 	}
 	render() {
 		return this._element = Ln({
@@ -1667,7 +1695,7 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 		let { axis: t, startPos: n, unitSize: r } = this.dragState, i = (t === "row" ? e.clientY : e.clientX) - n, a = Math.floor(i / r);
 		for (; this.dragState.addedCount < a;) t === "row" ? this.onDragAddRow() : this.onDragAddCol(), this.dragState.addedCount++;
 		for (; this.dragState.addedCount > a;) t === "row" ? this.onDragRemoveRow() : this.onDragRemoveCol(), this.dragState.addedCount--;
-		Math.abs(i) > ar && !this.dragState.didDrag && (this.dragState.didDrag = !0, document.body.style.cursor = t === "row" ? "row-resize" : "col-resize", he(), this.onDragStart());
+		Math.abs(i) > ar && !this.dragState.didDrag && (this.dragState.didDrag = !0, document.body.style.cursor = t === "row" ? "row-resize" : "col-resize", ye(), this.onDragStart());
 	}
 	handlePointerUp(e) {
 		if (!this.dragState) return;
@@ -1734,7 +1762,7 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 		let e = document.createElement("div");
 		e.className = C(sr, "group/add", "items-start", "cursor-row-resize"), e.setAttribute(nr, ""), 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 = C(cr), 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")]), {
+		return t.className = C(cr), t.style.width = "100%", t.style.height = "16px", this.appendIcon(t), e.appendChild(t), p(e, Re([this.i18n.t("tools.table.clickToAddRow"), this.i18n.t("tools.table.dragToAddRemoveRows")]), {
 			placement: "bottom",
 			marginTop: -16
 		}), e;
@@ -1743,14 +1771,14 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 		let e = document.createElement("div");
 		e.className = C(sr, "group/add", "justify-start", "cursor-col-resize"), e.setAttribute(rr, ""), 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 = C(cr), 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;
+		return t.className = C(cr), t.style.width = "16px", t.style.height = "100%", this.appendIcon(t), e.appendChild(t), p(e, Re([this.i18n.t("tools.table.clickToAddColumn"), this.i18n.t("tools.table.dragToAddRemoveColumns")]), { placement: "bottom" }), e;
 	}
 	appendIcon(e) {
-		e.insertAdjacentHTML("beforeend", Oe);
+		e.insertAdjacentHTML("beforeend", Ae);
 		let t = e.querySelector("svg");
 		t && (t.setAttribute("width", lr), t.setAttribute("height", lr), t.setAttribute("viewBox", "0 0 24 24"), t.classList.add("text-gray-500", "pointer-events-none"));
 	}
-}, D = "data-blok-table-row", O = "data-blok-table-cell", dr = "1px solid var(--blok-table-border)", fr = ["flex"], pr = [
+}, O = "data-blok-table-row", k = "data-blok-table-cell", dr = "1px solid var(--blok-table-border)", fr = ["flex"], pr = [
 	"py-1",
 	"px-2",
 	"min-h-[2em]",
@@ -1775,20 +1803,20 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 	}
 	fillGrid(e, t) {}
 	addRow(e, t) {
-		let n = this.getColumnCount(e), r = this.getRawCellWidths(e), i = this.createRow(n, r), a = e.querySelectorAll(`[${D}]`);
+		let n = this.getColumnCount(e), r = this.getRawCellWidths(e), i = this.createRow(n, r), a = e.querySelectorAll(`[${O}]`);
 		return t !== void 0 && t < a.length ? e.insertBefore(i, a[t]) : e.appendChild(i), i;
 	}
 	deleteRow(e, t) {
-		let n = e.querySelectorAll(`[${D}]`);
+		let n = e.querySelectorAll(`[${O}]`);
 		t < n.length && n[t].remove();
 	}
 	addColumn(e, t, n, r) {
-		let i = e.querySelectorAll(`[${D}]`), a = this.getColumnCount(e), o = n !== void 0 && n.length === a, s = o || this.detectWidthUnit(e) === "px";
+		let i = e.querySelectorAll(`[${O}]`), 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(`[${O}]`).forEach((e, n) => {
+			e.querySelectorAll(`[${k}]`).forEach((e, n) => {
 				if (n < t.length) {
 					let r = e;
 					r.style.width = `${t[n]}px`;
@@ -1799,7 +1827,7 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "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(`[${O}]`), r = n === void 0 || n >= t.length, a = this.createCell(`${i}px`);
+			let t = e.querySelectorAll(`[${k}]`), r = n === void 0 || n >= t.length, a = this.createCell(`${i}px`);
 			if (!r) {
 				e.insertBefore(a, t[n]);
 				return;
@@ -1808,17 +1836,17 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 		});
 	}
 	computeHalfAvgPxWidth(e, t) {
-		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);
+		let n = e[0], r = n == null ? void 0 : n.querySelectorAll(`[${k}]`), 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(`[${O}]`).forEach((e) => {
+			e.querySelectorAll(`[${k}]`).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(`[${O}]`), o = n === void 0 || n >= a.length, s = this.createCell(`${i}%`);
+			let i = Math.round(100 / t / 2 * 100) / 100, a = e.querySelectorAll(`[${k}]`), o = n === void 0 || n >= a.length, s = this.createCell(`${i}%`);
 			if (!o) {
 				e.insertBefore(s, a[n]);
 				return;
@@ -1827,77 +1855,77 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 		});
 	}
 	deleteColumn(e, t) {
-		e.querySelectorAll(`[${D}]`).forEach((e) => {
-			let n = e.querySelectorAll(`[${O}]`);
+		e.querySelectorAll(`[${O}]`).forEach((e) => {
+			let n = e.querySelectorAll(`[${k}]`);
 			t >= n.length || n[t].remove();
 		});
 	}
 	moveRow(e, t, n) {
 		if (t === n) return;
-		let r = Array.from(e.querySelectorAll(`[${D}]`));
+		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]);
 	}
 	moveColumn(e, t, n) {
-		t !== n && e.querySelectorAll(`[${D}]`).forEach((e) => {
-			let r = Array.from(e.querySelectorAll(`[${O}]`));
+		t !== n && e.querySelectorAll(`[${O}]`).forEach((e) => {
+			let r = Array.from(e.querySelectorAll(`[${k}]`));
 			if (t >= r.length || n >= r.length) return;
 			let i = r[t];
 			i.remove();
-			let a = Array.from(e.querySelectorAll(`[${O}]`));
+			let a = Array.from(e.querySelectorAll(`[${k}]`));
 			n >= a.length ? e.appendChild(i) : e.insertBefore(i, a[n]);
 		});
 	}
 	getRowCount(e) {
-		return e.querySelectorAll(`[${D}]`).length;
+		return e.querySelectorAll(`[${O}]`).length;
 	}
 	getColumnCount(e) {
-		let t = e.querySelector(`[${D}]`);
-		return t ? t.querySelectorAll(`[${O}]`).length : 0;
+		let t = e.querySelector(`[${O}]`);
+		return t ? t.querySelectorAll(`[${k}]`).length : 0;
 	}
 	getCell(e, t, n) {
-		let r = e.querySelectorAll(`[${D}]`);
+		let r = e.querySelectorAll(`[${O}]`);
 		if (t >= r.length) return null;
-		let i = r[t].querySelectorAll(`[${O}]`);
+		let i = r[t].querySelectorAll(`[${k}]`);
 		return n >= i.length ? null : i[n];
 	}
 	getColWidths(e) {
-		let t = e.querySelector(`[${D}]`);
+		let t = e.querySelector(`[${O}]`);
 		if (!t) return [];
-		let n = t.querySelectorAll(`[${O}]`), r = [];
+		let n = t.querySelectorAll(`[${k}]`), r = [];
 		return n.forEach((e) => {
 			let t = parseFloat(e.style.width);
 			r.push(isNaN(t) ? 0 : t);
 		}), r;
 	}
 	detectWidthUnit(e) {
-		let t = e.querySelector(`[${D}]`);
+		let t = e.querySelector(`[${O}]`);
 		if (!t) return "%";
-		let n = t.querySelector(`[${O}]`);
+		let n = t.querySelector(`[${k}]`);
 		return n && n.style.width.endsWith("px") ? "px" : "%";
 	}
 	getRawCellWidths(e) {
-		let t = e.querySelector(`[${D}]`);
+		let t = e.querySelector(`[${O}]`);
 		if (!t) return [];
-		let n = t.querySelectorAll(`[${O}]`);
+		let n = t.querySelectorAll(`[${k}]`);
 		return Array.from(n).map((e) => e.style.width);
 	}
 	createRow(e, t) {
 		let n = document.createElement("div");
-		return n.className = C(fr), n.setAttribute(D, ""), Array.from({ length: e }).forEach((e, r) => {
+		return n.className = C(fr), n.setAttribute(O, ""), Array.from({ length: e }).forEach((e, r) => {
 			n.appendChild(this.createCell(t[r]));
 		}), n;
 	}
 	createCell(e) {
 		let t = document.createElement("div");
-		t.className = C(pr), t.style.borderRight = dr, t.style.borderBottom = dr, 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, "");
+		t.className = C(pr), t.style.borderRight = dr, t.style.borderBottom = dr, 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(k, "");
 		let n = document.createElement("div");
-		return n.setAttribute(A, ""), t.appendChild(n), t;
+		return n.setAttribute(j, ""), t.appendChild(n), t;
 	}
-}, k = (e) => typeof e == "object" && !!e && "blocks" in e, A = "data-blok-table-cell-blocks", gr = class {
+}, A = (e) => typeof e == "object" && !!e && "blocks" in e, j = "data-blok-table-cell-blocks", gr = 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) => {
@@ -1919,9 +1947,9 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "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(`[${A}]`);
+			let a = n.target.holder, o = a.closest(`[${j}]`);
 			o && this.stripPlaceholders(o);
-			let s = o && !this.model.findCellForBlock(n.target.id) ? o.closest(`[${O}]`) : null;
+			let s = o && !this.model.findCellForBlock(n.target.id) ? o.closest(`[${k}]`) : 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);
@@ -1937,11 +1965,11 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 		}, this.handleCellBlankSpaceClick = (e) => {
 			let t = e.target;
 			if (!t) return;
-			let n = t.hasAttribute(O), r = t.hasAttribute(A);
+			let n = t.hasAttribute(k), r = t.hasAttribute(j);
 			if (!n && !r) return;
-			let i = n ? t : t.closest(`[${O}]`);
+			let i = n ? t : t.closest(`[${k}]`);
 			if (!i) return;
-			let a = n ? i.querySelector(`[${A}]`) : t;
+			let a = n ? i.querySelector(`[${j}]`) : t;
 			if (!a) return;
 			let o = a.querySelectorAll("[data-blok-id]"), s = o[o.length - 1];
 			if (!s) return;
@@ -2039,7 +2067,7 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 		this.clearActiveCellWithBlocks();
 		let r = this.getCell(e.row, e.col);
 		if (!r) return;
-		let i = r.querySelector(`[${A}]`);
+		let i = r.querySelector(`[${j}]`);
 		if (!i) return;
 		let a = i.querySelectorAll("[contenteditable=\"true\"]");
 		a.length !== 0 && ((t ? a[a.length - 1] : a[0]).focus(), (n = this.onNavigateToCell) == null || n.call(this, e));
@@ -2058,18 +2086,18 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "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(`[${D}]`), n = [];
+		let t = this.gridElement.querySelectorAll(`[${O}]`), n = [];
 		return e.forEach((e, r) => {
 			let i = t[r];
 			if (!i) return;
-			let a = i.querySelectorAll(`[${O}]`), o = [];
+			let a = i.querySelectorAll(`[${k}]`), o = [];
 			e.forEach((e, t) => {
 				let n = a[t];
 				if (!n) return;
-				let r = n.querySelector(`[${A}]`);
+				let r = n.querySelector(`[${j}]`);
 				if (!r) return;
-				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));
+				let i = A(e) && e.blocks.length > 0 ? [...e.blocks] : null, s = i ? this.mountBlocksInCell(r, i) : [], c = {};
+				if (A(e) && (e.color !== void 0 && (c.color = e.color), e.textColor !== void 0 && (c.textColor = e.textColor)), s.length > 0) o.push(S({ blocks: i == null ? s : i }, c));
 				else {
 					var l;
 					let t = typeof e == "string" ? e : (l = e.text) == null ? "" : l, n = t.split(/<br\s*\/?>/i).map((e) => e.trim()).filter(Boolean), a = n.length > 0 ? n : [t], s = [];
@@ -2102,7 +2130,7 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 	}
 	claimBlockForCell(e, t) {
 		var n, r;
-		let i = e.querySelector(`[${A}]`);
+		let i = e.querySelector(`[${j}]`);
 		if (!i) return;
 		let a = this.api.blocks.getBlockIndex(t);
 		if (a === void 0) return;
@@ -2116,12 +2144,12 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "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(`[${O}]`);
+		let t = this.api.blocks.getBlockByIndex(e), n = t == null ? void 0 : t.holder.closest(`[${k}]`);
 		return n && this.gridElement.contains(n) ? n : null;
 	}
 	ensureCellHasBlock(e) {
 		var t, n;
-		let r = e.querySelector(`[${A}]`);
+		let r = e.querySelector(`[${j}]`);
 		r && r.querySelector("[data-blok-id]") === null && ((t = (n = this.api.blocks).transactWithoutCapture) == null || t.call(n, () => {
 			let t = this.api.blocks.insert("paragraph", { text: "" }, {}, this.api.blocks.getBlocksCount(), !0);
 			r.appendChild(t.holder), this.api.blocks.setBlockParent(t.id, this.tableBlockId), this.syncBlockToModel(e, t.id), this.stripPlaceholders(r);
@@ -2143,11 +2171,11 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 		n && this.model.addBlockToCell(n.row, n.col, t);
 	}
 	getCellPosition(e) {
-		let t = e.closest(`[${D}]`);
+		let t = e.closest(`[${O}]`);
 		if (!t) return null;
-		let n = Array.from(this.gridElement.querySelectorAll(`[${D}]`)).indexOf(t);
+		let n = Array.from(this.gridElement.querySelectorAll(`[${O}]`)).indexOf(t);
 		if (n < 0) return null;
-		let r = Array.from(t.querySelectorAll(`[${O}]`)).indexOf(e);
+		let r = Array.from(t.querySelectorAll(`[${k}]`)).indexOf(e);
 		return r < 0 ? null : {
 			row: n,
 			col: r
@@ -2155,7 +2183,7 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 	}
 	recordRemovedBlockCell(e) {
 		if (e.index === void 0) return;
-		let t = e.target.holder.closest(`[${O}]`);
+		let t = e.target.holder.closest(`[${k}]`);
 		t && this.gridElement.contains(t) && this.removedBlockCells.set(e.target.id, {
 			cell: t,
 			index: e.index
@@ -2203,7 +2231,7 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 	getBlockIdsFromCells(e) {
 		let t = [];
 		return Array.from(e).forEach((e) => {
-			let n = e.querySelector(`[${A}]`);
+			let n = e.querySelector(`[${j}]`);
 			n && n.querySelectorAll("[data-blok-id]").forEach((e) => {
 				let n = e.getAttribute("data-blok-id");
 				n && t.push(n);
@@ -2216,7 +2244,7 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 		});
 	}
 	deleteAllBlocks() {
-		let e = this.gridElement.querySelectorAll(`[${O}]`), t = this.getBlockIdsFromCells(e);
+		let e = this.gridElement.querySelectorAll(`[${k}]`), t = this.getBlockIdsFromCells(e);
 		this.deleteBlocks(t);
 	}
 	destroy() {
@@ -2236,11 +2264,11 @@ var Rt = "outline-hidden py-[7px] mt-[2px] mb-px", zt = "outline-hidden pl-0.5 l
 function _r() {
 	var e, t;
 	let n = document.documentElement.getAttribute("data-blok-theme");
-	return n === "dark" ? l : n === "light" ? le : typeof window < "u" && (e = (t = window).matchMedia) != null && e.call(t, "(prefers-color-scheme: dark)").matches ? l : le;
+	return n === "dark" ? g : n === "light" ? d : typeof window < "u" && (e = (t = window).matchMedia) != null && e.call(t, "(prefers-color-scheme: dark)").matches ? g : d;
 }
 function vr(e, t) {
 	if (e === t) return !0;
-	let n = ae(e), r = ae(t);
+	let n = de(e), r = de(t);
 	return n === null || r === null ? !1 : n[0] === r[0] && n[1] === r[1] && n[2] === r[2];
 }
 var yr = "var(--blok-swatch-neutral-bg)";
@@ -2257,26 +2285,26 @@ function br(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], u = _r();
+		let o = s[e], c = n[e], l = _r();
 		o.innerHTML = "";
-		let d = a.activeColors[c.key], f = document.createElement("button"), p = d === null;
-		f.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-default`), f.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", p && "ring-2 ring-swatch-ring-hover"), f.textContent = c.presetField === "text" ? "A" : "", c.presetField === "text" && (f.style.color = "var(--blok-text-primary)"), f.style.backgroundColor = yr, f.addEventListener("click", () => {
+		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 = 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 = yr, d.addEventListener("click", () => {
 			i(null, c.key);
 		});
 		let m = t.t("tools.colorPicker.defaultSwatchLabel").replace("{default}", t.t("tools.marker.default")).replace("{mode}", t.t(c.labelKey).toLowerCase());
-		v(f, m.charAt(0).toUpperCase() + m.slice(1), { placement: "top" }), o.appendChild(f);
-		for (let e of u) {
-			let n = document.createElement("button"), a = c.presetField === "text" ? e.text : e.bg, s = d !== null && vr(a, d);
-			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 = yr) : (n.style.color = u === l ? e.text : "#37352f", n.style.backgroundColor = e.bg), n.addEventListener("click", () => {
+		p(d, m.charAt(0).toUpperCase() + m.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 && vr(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 = yr) : (n.style.color = l === g ? e.text : "#37352f", n.style.backgroundColor = e.bg), n.addEventListener("click", () => {
 				i(a, c.key);
 			});
-			let f = t.t("tools.colorPicker.colorSwatchLabel").replace("{color}", t.t("tools.colorPicker.color." + e.name)).replace("{mode}", t.t(c.labelKey).toLowerCase());
-			v(n, f.charAt(0).toUpperCase() + f.slice(1), { placement: "top" }), o.appendChild(n);
+			let d = t.t("tools.colorPicker.colorSwatchLabel").replace("{color}", t.t("tools.colorPicker.color." + e.name)).replace("{mode}", t.t(c.labelKey).toLowerCase());
+			p(n, d.charAt(0).toUpperCase() + d.slice(1), { placement: "top" }), o.appendChild(n);
 		}
-	}, u = () => {
+	}, l = () => {
 		n.forEach((e, t) => c(t));
 	};
-	return u(), {
+	return l(), {
 		element: o,
 		setActiveColor: (e, t) => {
 			let r = n.findIndex((e) => e.key === t);
@@ -2284,7 +2312,7 @@ function br(e) {
 		},
 		reset: () => {
 			for (let e of n) a.activeColors[e.key] = null;
-			u();
+			l();
 		}
 	};
 }
@@ -2371,7 +2399,7 @@ var xr = (e) => {
 		r !== 0 && this.showProgrammaticSelection(e, 0, e, r - 1);
 	}
 	selectColumn(e) {
-		let t = this.grid.querySelectorAll(`[${D}]`).length;
+		let t = this.grid.querySelectorAll(`[${O}]`).length;
 		t !== 0 && this.showProgrammaticSelection(0, e, t - 1, e);
 	}
 	clearActiveSelection() {
@@ -2485,20 +2513,20 @@ var xr = (e) => {
 			minCol: i,
 			maxCol: a
 		};
-		let o = this.grid.querySelectorAll(`[${D}]`);
+		let o = this.grid.querySelectorAll(`[${O}]`);
 		this.selectedCells = this.collectCellsInRange(o, n, r, i, a), this.selectedCells.forEach((e) => {
 			e.setAttribute(Or, "");
 		});
-		let s = (e = o[n]) == null ? void 0 : e.querySelectorAll(`[${O}]`)[i], c = (t = o[r]) == null ? void 0 : t.querySelectorAll(`[${O}]`)[a];
+		let s = (e = o[n]) == null ? void 0 : e.querySelectorAll(`[${k}]`)[i], c = (t = o[r]) == null ? void 0 : t.querySelectorAll(`[${k}]`)[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 = kr, 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, te = u.left - l.left - m - 1;
+		this.overlay || (this.overlay = document.createElement("div"), this.overlay.setAttribute("data-blok-table-selection-overlay", ""), this.overlay.style.position = "absolute", this.overlay.style.border = kr, this.overlay.style.pointerEvents = "none", this.overlay.style.boxSizing = "border-box", this.overlay.style.borderRadius = "2px", this.grid.appendChild(this.overlay)), this.overlay.style.top = `${ee}px`, this.overlay.style.left = `${te}px`, this.overlay.style.width = `${h}px`, this.overlay.style.height = `${g}px`, this.pill || (this.pill = this.createPill(), this.grid.appendChild(this.pill)), this.pill.style.left = `${te + h - 1}px`, this.pill.style.top = `${ee + g / 2}px`, this.observeCellResizes();
 	}
 	repositionOverlay() {
 		var e, t;
 		let n = this.lastPaintedRange;
 		if (!n || !this.overlay) return;
-		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];
+		let r = this.grid.querySelectorAll(`[${O}]`), i = (e = r[n.minRow]) == null ? void 0 : e.querySelectorAll(`[${k}]`)[n.minCol], a = (t = r[n.maxRow]) == null ? void 0 : t.querySelectorAll(`[${k}]`)[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`);
@@ -2529,7 +2557,7 @@ var xr = (e) => {
 	openPillPopover() {
 		if (this.destroyPillPopover(), !this.pill) return;
 		this.expandPill();
-		let e = ke === "Meta" ? "⌘C" : "Ctrl+C", t = [];
+		let e = at === "Meta" ? "⌘C" : "Ctrl+C", n = [];
 		if (this.onColorChange !== void 0) {
 			let { element: e } = xr({
 				i18n: this.i18n,
@@ -2538,24 +2566,24 @@ var xr = (e) => {
 					(n = this.onColorChange) == null || n.call(this, [...this.selectedCells], e, t);
 				}
 			});
-			t.push({
-				icon: Ee,
+			n.push({
+				icon: Oe,
 				title: this.i18n.t("tools.table.cellColor"),
 				name: "cellColor",
 				children: {
 					items: [{
-						type: b.Html,
+						type: v.Html,
 						element: e
 					}],
 					isFlippable: !1
 				}
 			});
 		}
-		this.pillPopover = new Me({
+		this.pillPopover = new Fe({
 			items: [
-				...t,
+				...n,
 				{
-					icon: n,
+					icon: t,
 					title: this.i18n.t("tools.table.copySelection"),
 					secondaryLabel: e,
 					closeOnActivate: !0,
@@ -2565,7 +2593,7 @@ var xr = (e) => {
 					}
 				},
 				{
-					icon: ze,
+					icon: He,
 					title: this.i18n.t("tools.table.clearSelection"),
 					secondaryLabel: "Del",
 					closeOnActivate: !0,
@@ -2577,7 +2605,7 @@ var xr = (e) => {
 			],
 			trigger: this.pill,
 			flippable: !0
-		}), this.pillPopover.on(it.Closed, () => {
+		}), this.pillPopover.on(ct.Closed, () => {
 			this.pillPopover !== null && (this.destroyPillPopover(), this.collapsePill());
 		}), this.pillPopover.show();
 	}
@@ -2600,13 +2628,13 @@ var xr = (e) => {
 		}
 	}
 	resolveCellCoord(e) {
-		let t = e.closest(`[${O}]`);
+		let t = e.closest(`[${k}]`);
 		if (!t) return null;
-		let n = t.closest(`[${D}]`);
+		let n = t.closest(`[${O}]`);
 		if (!n || !this.grid.contains(n)) return null;
-		let r = Array.from(this.grid.querySelectorAll(`[${D}]`)).indexOf(n);
+		let r = Array.from(this.grid.querySelectorAll(`[${O}]`)).indexOf(n);
 		if (r < 0) return null;
-		let i = Array.from(n.querySelectorAll(`[${O}]`)).indexOf(t);
+		let i = Array.from(n.querySelectorAll(`[${k}]`)).indexOf(t);
 		return i < 0 ? null : {
 			row: r,
 			col: i
@@ -2615,7 +2643,7 @@ var xr = (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(`[${D}]`), 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(`[${O}]`), 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),
@@ -2625,22 +2653,22 @@ var xr = (e) => {
 	}
 	collectCellsInRange(e, t, n, r, i) {
 		return Array.from(e).slice(t, n + 1).flatMap((e) => {
-			let t = e.querySelectorAll(`[${O}]`);
+			let t = e.querySelectorAll(`[${k}]`);
 			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;
 	}
-}, j = (e) => {
-	let t = e.querySelector(`[${D}]`);
+}, M = (e) => {
+	let t = e.querySelector(`[${O}]`);
 	if (!t) return [];
-	let n = t.querySelectorAll(`[${O}]`);
+	let n = t.querySelectorAll(`[${k}]`);
 	return Array.from(n).map((e) => e.getBoundingClientRect().width);
 }, Lr = (e, t) => {
 	let n = t.reduce((e, t) => e + t, 0), r = e;
-	r.style.width = `${n + 1}px`, e.querySelectorAll(`[${D}]`).forEach((e) => {
-		e.querySelectorAll(`[${O}]`).forEach((e, n) => {
+	r.style.width = `${n + 1}px`, e.querySelectorAll(`[${O}]`).forEach((e) => {
+		e.querySelectorAll(`[${k}]`).forEach((e, n) => {
 			if (n < t.length) {
 				let r = e;
 				r.style.width = `${t[n]}px`;
@@ -2648,34 +2676,34 @@ var xr = (e) => {
 		});
 	});
 }, Rr = (e, t) => {
-	let n = Array.from(e.querySelectorAll(`[${D}]`)), r = n.findIndex((e) => Array.from(e.querySelectorAll(`[${O}]`)).includes(t));
+	let n = Array.from(e.querySelectorAll(`[${O}]`)), r = n.findIndex((e) => Array.from(e.querySelectorAll(`[${k}]`)).includes(t));
 	return r === -1 ? null : {
 		row: r,
-		col: Array.from(n[r].querySelectorAll(`[${O}]`)).indexOf(t)
+		col: Array.from(n[r].querySelectorAll(`[${k}]`)).indexOf(t)
 	};
 }, zr = (e) => {
 	var t;
-	let n = e.querySelector(`[${A}]`);
+	let n = e.querySelector(`[${j}]`);
 	return n ? ((t = n.textContent) == null ? "" : t).trim().length === 0 : !0;
 }, Br = (e, t) => {
-	let n = e.querySelectorAll(`[${D}]`)[t];
+	let n = e.querySelectorAll(`[${O}]`)[t];
 	if (!n) return !0;
-	let r = n.querySelectorAll(`[${O}]`);
+	let r = n.querySelectorAll(`[${k}]`);
 	return Array.from(r).every((e) => zr(e));
 }, Vr = (e, t) => {
-	let n = e.querySelectorAll(`[${D}]`);
+	let n = e.querySelectorAll(`[${O}]`);
 	return Array.from(n).every((e) => {
-		let n = e.querySelectorAll(`[${O}]`)[t];
+		let n = e.querySelectorAll(`[${k}]`)[t];
 		return !n || zr(n);
 	});
 }, Hr = (e) => {
-	let t = e.querySelectorAll(`[${D}]`), n = t[0];
+	let t = e.querySelectorAll(`[${O}]`), n = t[0];
 	if (!n) return;
-	let r = n.querySelectorAll(`[${O}]`), i = Array.from(r).reduce((e, t) => e + (parseFloat(t.style.width) || 0), 0);
+	let r = n.querySelectorAll(`[${k}]`), 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(`[${O}]`).forEach((e) => {
+		e.querySelectorAll(`[${k}]`).forEach((e) => {
 			let t = e, n = parseFloat(t.style.width) || 0;
 			t.style.width = `${Math.round(n * a * 100) / 100}%`;
 		});
@@ -2689,42 +2717,42 @@ var xr = (e) => {
 	let n = [...e];
 	return n.splice(t, 1), n.length > 0 ? n : void 0;
 }, Gr = (e, t, n, r, i) => {
-	let a = n == null ? j(e) : n, o = r === void 0 ? M(a) : Math.round(r / 2 * 100) / 100;
+	let a = n == null ? M(e) : n, o = r === void 0 ? N(a) : Math.round(r / 2 * 100) / 100;
 	i.addColumn(e, t, a, o);
 	let s = [...a];
 	return s.splice(t, 0, o), s;
-}, M = (e) => Math.round(e.reduce((e, t) => e + t, 0) / e.length / 2 * 100) / 100, Kr = (e) => e.length === 0 ? 0 : Math.round(e.reduce((e, t) => e + t, 0) / e.length * 100) / 100, qr = (e, t, n) => {
+}, N = (e) => Math.round(e.reduce((e, t) => e + t, 0) / e.length / 2 * 100) / 100, Kr = (e) => e.length === 0 ? 0 : Math.round(e.reduce((e, t) => e + t, 0) / e.length * 100) / 100, qr = (e, t, n) => {
 	var r;
 	if (!e) return [];
-	let i = e.querySelectorAll(`[${D}]`)[n];
+	let i = e.querySelectorAll(`[${O}]`)[n];
 	return i ? (r = t == null ? void 0 : t.getBlockIdsFromCells(i.querySelectorAll("[data-blok-table-cell]"))) == null ? [] : r : [];
 }, Jr = (e, t, n) => {
 	var r;
 	if (!e) return [];
-	let i = e.querySelectorAll(`[${D}]`), a = [];
+	let i = e.querySelectorAll(`[${O}]`), a = [];
 	return i.forEach((e) => {
-		let t = e.querySelectorAll(`[${O}]`);
+		let t = e.querySelectorAll(`[${k}]`);
 		n < t.length && a.push(t[n]);
 	}), (r = t == null ? void 0 : t.getBlockIdsFromCells(a)) == null ? [] : r;
-}, N = (e, t) => {
-	e.querySelectorAll(`[${O}]`).forEach((e) => {
+}, P = (e, t) => {
+	e.querySelectorAll(`[${k}]`).forEach((e) => {
 		t == null || t.ensureCellHasBlock(e);
 	});
 }, Yr = (e, t, n, r) => {
-	let i = e.querySelectorAll(`[${D}]`);
+	let i = e.querySelectorAll(`[${O}]`);
 	t.forEach((e, t) => {
 		let r = i[t];
 		if (!r) return;
-		let a = r.querySelectorAll(`[${O}]`);
+		let a = r.querySelectorAll(`[${k}]`);
 		e.forEach((e, t) => {
 			var r;
 			let i = a[t];
 			if (!i) return;
-			let o = i.querySelector(`[${A}]`);
+			let o = i.querySelector(`[${j}]`);
 			if (!o) return;
 			let s = o.querySelectorAll("[data-blok-id]").length > 0;
-			if (!(!k(e) && s)) {
-				if (!k(e)) {
+			if (!(!A(e) && s)) {
+				if (!A(e)) {
 					o.innerHTML = e;
 					return;
 				}
@@ -2765,35 +2793,35 @@ var xr = (e) => {
 	};
 }, Zr = (e, t) => {
 	e.addEventListener("keydown", (n) => {
-		let r = n.target.closest(`[${O}]`);
+		let r = n.target.closest(`[${k}]`);
 		if (!r) return;
 		let i = Rr(e, r);
 		i && (t == null || t.handleKeyDown(n, i));
 	});
 }, Qr = ["overflow-x-auto", "overflow-y-hidden"], $r = (e) => {
 	e == null || e.classList.add(...Qr);
-}, P = (e, t) => {
+}, F = (e, t) => {
 	if (!e) return;
-	let n = e.querySelectorAll(`[${D}]`);
+	let n = e.querySelectorAll(`[${O}]`);
 	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(`[${D}]`);
+}, I = (e, t) => {
+	let n = e.querySelectorAll(`[${O}]`);
 	t.forEach((e, t) => {
 		if (t >= n.length) return;
-		let r = n[t].querySelectorAll(`[${O}]`);
+		let r = n[t].querySelectorAll(`[${k}]`);
 		e.forEach((e, t) => {
 			if (t >= r.length) return;
 			let n = r[t];
-			k(e) && e.color ? n.style.backgroundColor = e.color : n.style.backgroundColor = "", k(e) && e.textColor ? n.style.color = e.textColor : n.style.color = "";
+			A(e) && e.color ? n.style.backgroundColor = e.color : n.style.backgroundColor = "", A(e) && e.textColor ? n.style.color = e.textColor : n.style.color = "";
 		});
 	});
-}, I = (e, t) => {
-	e && (e.querySelectorAll(`[${O}]`).forEach((e) => {
+}, L = (e, t) => {
+	e && (e.querySelectorAll(`[${k}]`).forEach((e) => {
 		e.removeAttribute("data-blok-table-heading-col");
-	}), t && e.querySelectorAll(`[${D}]`).forEach((e) => {
-		let t = e.querySelector(`[${O}]`);
+	}), t && e.querySelectorAll(`[${O}]`).forEach((e) => {
+		let t = e.querySelector(`[${k}]`);
 		t && t.setAttribute("data-blok-table-heading-col", "");
 	}));
 }, ei = (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"), ti = class {
@@ -3013,7 +3041,7 @@ var xr = (e) => {
 		return !e || !Array.isArray(e) ? [] : e.map((e) => (e == null ? [] : e).map((e) => this.normalizeCell(e)));
 	}
 	normalizeCell(e) {
-		if (k(e)) {
+		if (A(e)) {
 			let t = { blocks: [...e.blocks] };
 			return e.color !== void 0 && ei(e.color) && (t.color = e.color), e.textColor !== void 0 && ei(e.textColor) && (t.textColor = e.textColor), t;
 		}
@@ -3123,7 +3151,7 @@ var xr = (e) => {
 			});
 		});
 	}
-}, ci = (e, t, n) => (n.grid.addRow(e, t), N(e, n.cellBlocks), {
+}, ci = (e, t, n) => (n.grid.addRow(e, t), P(e, n.cellBlocks), {
 	pendingHighlight: {
 		type: "row",
 		index: t
@@ -3134,7 +3162,7 @@ var xr = (e) => {
 	withHeadingColumn: n.data.withHeadingColumn
 }), li = (e, t, n) => {
 	let r = Gr(e, t, n.data.colWidths, n.data.initialColWidth, n.grid);
-	return N(e, n.cellBlocks), {
+	return P(e, n.cellBlocks), {
 		pendingHighlight: {
 			type: "col",
 			index: t
@@ -3220,8 +3248,8 @@ var xr = (e) => {
 		};
 	}
 }, hi = 10, gi = "data-blok-table-drag-ghost", _i = (e) => {
-	let t = e.querySelector(`[${D}]`);
-	return t ? Array.from(t.querySelectorAll(`[${O}]`)).reduce((e, t) => {
+	let t = e.querySelector(`[${O}]`);
+	return t ? Array.from(t.querySelectorAll(`[${k}]`)).reduce((e, t) => {
 		let n = e[e.length - 1];
 		return [...e, n + t.offsetWidth];
 	}, [0]) : [0];
@@ -3265,7 +3293,7 @@ var xr = (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(`[${D}]`);
+		let e = this.grid.querySelectorAll(`[${O}]`);
 		if (this.dragType === "row") {
 			this.highlightRowCells(e);
 			return;
@@ -3276,7 +3304,7 @@ var xr = (e) => {
 		let t = e[this.dragFromIndex];
 		if (!t) return;
 		let n = this.getDragSourceBg();
-		t.querySelectorAll(`[${O}]`).forEach((e) => {
+		t.querySelectorAll(`[${k}]`).forEach((e) => {
 			let t = e;
 			t.style.backgroundColor = n, t.style.opacity = "0.7", this.dragOverlayCells.push(t);
 		});
@@ -3284,7 +3312,7 @@ var xr = (e) => {
 	highlightColumnCells(e) {
 		let t = this.getDragSourceBg();
 		e.forEach((e) => {
-			let n = e.querySelectorAll(`[${O}]`);
+			let n = e.querySelectorAll(`[${k}]`);
 			if (this.dragFromIndex >= n.length) return;
 			let r = n[this.dragFromIndex];
 			r.style.backgroundColor = t, r.style.opacity = "0.7", this.dragOverlayCells.push(r);
@@ -3303,7 +3331,7 @@ var xr = (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(`[${D}]`), n = t[t.length - 1], r = n ? n.offsetTop + n.offsetHeight : 0;
+			let t = this.grid.querySelectorAll(`[${O}]`), 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);
@@ -3365,22 +3393,22 @@ var xr = (e) => {
 	}
 	getRowSourceRect() {
 		var e;
-		let t = this.grid.querySelectorAll(`[${D}]`)[this.dragFromIndex];
+		let t = this.grid.querySelectorAll(`[${O}]`)[this.dragFromIndex];
 		return (e = t == null ? void 0 : t.getBoundingClientRect()) == null ? null : e;
 	}
 	getColSourceRect() {
-		let e = this.grid.querySelectorAll(`[${D}]`), t = e[0], n = e[e.length - 1];
+		let e = this.grid.querySelectorAll(`[${O}]`), t = e[0], n = e[e.length - 1];
 		if (!t || !n) return null;
-		let r = t.querySelectorAll(`[${O}]`)[this.dragFromIndex], i = n.querySelectorAll(`[${O}]`)[this.dragFromIndex];
+		let r = t.querySelectorAll(`[${k}]`)[this.dragFromIndex], i = n.querySelectorAll(`[${k}]`)[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(`[${D}]`)[this.dragFromIndex];
+		let e = this.grid.querySelectorAll(`[${O}]`)[this.dragFromIndex];
 		if (!e || !this.ghostEl) return;
 		let t = this.ghostEl.style;
-		t.display = "flex", t.height = `${e.offsetHeight}px`, e.querySelectorAll(`[${O}]`).forEach((e) => {
+		t.display = "flex", t.height = `${e.offsetHeight}px`, e.querySelectorAll(`[${k}]`).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);
@@ -3388,10 +3416,10 @@ var xr = (e) => {
 	}
 	buildColumnGhost() {
 		if (!this.ghostEl) return;
-		let e = this.grid.querySelectorAll(`[${D}]`), t = this.ghostEl.style;
+		let e = this.grid.querySelectorAll(`[${O}]`), t = this.ghostEl.style;
 		t.display = "flex", t.flexDirection = "column", e.forEach((e) => {
 			var t;
-			let n = e.querySelectorAll(`[${O}]`);
+			let n = e.querySelectorAll(`[${k}]`);
 			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);
@@ -3403,7 +3431,7 @@ var xr = (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(`[${D}]`)), n = t.map((e) => e.offsetTop);
+		let t = Array.from(this.grid.querySelectorAll(`[${O}]`)), n = t.map((e) => e.offsetTop);
 		if (t.length > 0) {
 			let e = t[t.length - 1];
 			n.push(e.offsetTop + e.offsetHeight);
@@ -3412,7 +3440,7 @@ var xr = (e) => {
 		return r.indexOf(i);
 	}
 	getRowDropTopPx(e) {
-		let t = this.grid.querySelectorAll(`[${D}]`);
+		let t = this.grid.querySelectorAll(`[${O}]`);
 		if (e < t.length) return t[e].offsetTop;
 		if (t.length > 0) {
 			let e = t[t.length - 1];
@@ -3490,17 +3518,17 @@ var xr = (e) => {
 	}), o;
 }, Ti = (e, t) => {
 	let n = e === 0 ? [{
-		type: b.Html,
+		type: v.Html,
 		element: wi({
-			icon: ve,
+			icon: be,
 			label: t.i18n.t("tools.table.headerColumn"),
 			isActive: t.isHeadingColumn(),
 			onToggle: () => {
 				t.onAction({ type: "toggle-heading-column" });
 			}
 		})
-	}, { type: b.Separator }] : [], r = [{
-		icon: Ae,
+	}, { type: v.Separator }] : [], r = [{
+		icon: Me,
 		title: t.i18n.t("tools.table.insertColumnLeft"),
 		closeOnActivate: !0,
 		onActivate: () => {
@@ -3510,7 +3538,7 @@ var xr = (e) => {
 			});
 		}
 	}, {
-		icon: nt,
+		icon: ot,
 		title: t.i18n.t("tools.table.insertColumnRight"),
 		closeOnActivate: !0,
 		onActivate: () => {
@@ -3519,8 +3547,8 @@ var xr = (e) => {
 				index: e
 			});
 		}
-	}], i = t.getColumnCount() > 1, a = [{ type: b.Separator }, {
-		icon: st,
+	}], i = t.getColumnCount() > 1, a = [{ type: v.Separator }, {
+		icon: me,
 		title: t.i18n.t("tools.table.deleteColumn"),
 		isDestructive: !0,
 		isDisabled: !i,
@@ -3539,17 +3567,17 @@ var xr = (e) => {
 	];
 }, Ei = (t, n) => {
 	let r = t === 0 ? [{
-		type: b.Html,
+		type: v.Html,
 		element: wi({
-			icon: be,
+			icon: Se,
 			label: n.i18n.t("tools.table.headerRow"),
 			isActive: n.isHeadingRow(),
 			onToggle: () => {
 				n.onAction({ type: "toggle-heading" });
 			}
 		})
-	}, { type: b.Separator }] : [], i = [{
-		icon: ue,
+	}, { type: v.Separator }] : [], i = [{
+		icon: fe,
 		title: n.i18n.t("tools.table.insertRowAbove"),
 		closeOnActivate: !0,
 		onActivate: () => {
@@ -3568,8 +3596,8 @@ var xr = (e) => {
 				index: t
 			});
 		}
-	}], a = n.getRowCount() > 1, o = [{ type: b.Separator }, {
-		icon: st,
+	}], a = n.getRowCount() > 1, o = [{ type: v.Separator }, {
+		icon: me,
 		title: n.i18n.t("tools.table.deleteRow"),
 		isDestructive: !0,
 		isDisabled: !a,
@@ -3593,12 +3621,12 @@ var xr = (e) => {
 		popover: null,
 		grip: null
 	};
-	let o = new Me({
+	let o = new Fe({
 		items: e === "col" ? Ti(t, r) : Ei(t, r),
 		trigger: a,
 		flippable: !0
 	});
-	return o.on(it.Closed, () => {
+	return o.on(ct.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", {
@@ -3657,7 +3685,7 @@ var xr = (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(`[${O}]`);
+		let t = e.target instanceof HTMLElement ? e.target : null, n = t == null ? void 0 : t.closest(`[${k}]`);
 		if (n) {
 			let e = this.getCellPosition(n);
 			e && (this.clearHideTimeout(), this.showColGrip(e.col), this.showRowGrip(e.row), this.isInsideTable = !0);
@@ -3713,7 +3741,7 @@ var xr = (e) => {
 		}), n;
 	}
 	positionGrips() {
-		let e = this.grid.querySelectorAll(`[${D}]`);
+		let e = this.grid.querySelectorAll(`[${O}]`);
 		if (!e[0]) return;
 		let t = _i(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) => {
@@ -3730,7 +3758,7 @@ var xr = (e) => {
 		var e;
 		(e = this.rowResizeObserver) == null || e.disconnect(), this.rowResizeObserver = new ResizeObserver(() => {
 			this.positionGrips();
-		}), this.grid.querySelectorAll(`[${D}]`).forEach((e) => {
+		}), this.grid.querySelectorAll(`[${O}]`).forEach((e) => {
 			var t;
 			(t = this.rowResizeObserver) == null || t.observe(e);
 		});
@@ -3740,7 +3768,7 @@ var xr = (e) => {
 	}
 	handleMouseOver(e) {
 		if (this.isGripInteractionLocked()) return;
-		let t = e.target.closest(`[${O}]`);
+		let t = e.target.closest(`[${k}]`);
 		if (!t) return;
 		this.clearHideTimeout();
 		let n = this.getCellPosition(t);
@@ -3750,11 +3778,11 @@ var xr = (e) => {
 		this.isGripInteractionLocked() || this.scheduleHideAll();
 	}
 	getCellPosition(e) {
-		let t = e.closest(`[${D}]`);
+		let t = e.closest(`[${O}]`);
 		if (!t) return null;
-		let n = Array.from(this.grid.querySelectorAll(`[${D}]`)).indexOf(t);
+		let n = Array.from(this.grid.querySelectorAll(`[${O}]`)).indexOf(t);
 		if (n < 0) return null;
-		let r = Array.from(t.querySelectorAll(`[${O}]`)).indexOf(e);
+		let r = Array.from(t.querySelectorAll(`[${k}]`)).indexOf(e);
 		return r < 0 ? null : {
 			row: n,
 			col: r
@@ -3940,7 +3968,7 @@ var xr = (e) => {
 	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 = Xr(e, this.config);
-		this.initialContent = a.content, this.grid = new hr({ readOnly: r }), this.model = new ti(a), this.blockId = i == null ? void 0 : i.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = Fe(this.config.restrictedTools));
+		this.initialContent = a.content, this.grid = new hr({ readOnly: r }), this.model = new ti(a), this.blockId = i == null ? void 0 : i.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = Ie(this.config.restrictedTools));
 	}
 	runStructuralOp(e, t = !1) {
 		this.structuralOpDepth++;
@@ -3975,13 +4003,18 @@ var xr = (e) => {
 	}
 	static get toolbox() {
 		return {
-			icon: Ie,
+			icon: Le,
 			title: "Table",
 			titleKey: "tools.table.title",
 			searchTerms: [
 				"table",
 				"grid",
 				"spreadsheet"
+			],
+			searchTermKeys: [
+				"table",
+				"grid",
+				"spreadsheet"
 			]
 		};
 	}
@@ -4008,7 +4041,7 @@ var xr = (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) ot.has(e) || t.removeProperty(e);
+				for (let e of n) he.has(e) || t.removeProperty(e);
 				return t.length > 0 ? { style: !0 } : {};
 			},
 			a: { href: !0 },
@@ -4029,7 +4062,7 @@ var xr = (e) => {
 	render() {
 		var e, t, n, r, i, a;
 		let o = document.createElement("div");
-		o.className = C(Xi, !this.readOnly && Zi), o.setAttribute(d.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;
+		o.className = C(Xi, !this.readOnly && Zi), o.setAttribute(_.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 || Ji, 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);
@@ -4048,7 +4081,7 @@ var xr = (e) => {
 			let e = document.createElement("div");
 			e.setAttribute("data-blok-table-grip-overlay", ""), e.style.position = "absolute", e.style.inset = "0", e.style.pointerEvents = "none", e.style.zIndex = "3", 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), Zr(l, this.cellBlocks)), o;
+		return this.element = o, this.model.withHeadings && F(this.gridElement, this.model.withHeadings), this.model.withHeadingColumn && L(this.gridElement, this.model.withHeadingColumn), this.readOnly || (this.initCellBlocks(l), Zr(l, this.cellBlocks)), o;
 	}
 	rendered() {
 		if (!this.element || this.initialContent === null) return;
@@ -4057,22 +4090,22 @@ var xr = (e) => {
 		let t = this.initialContent;
 		if (this.initialContent = null, this.readOnly) {
 			var n;
-			Yr(e, t, this.api, (n = this.blockId) == null ? "" : n), F(e, this.model.snapshot().content), this.initScrollHaze();
+			Yr(e, t, this.api, (n = this.blockId) == null ? "" : n), I(e, this.model.snapshot().content), this.initScrollHaze();
 			return;
 		}
 		if (this.runTransactedStructuralOp(() => {
 			var n, r;
-			let i = (n = (r = this.cellBlocks) == null ? void 0 : r.initializeCells(t)) == null ? t : n, a = this.isNewTable && i.length === 0 ? Array.from(e.querySelectorAll(`[${D}]`), (e) => {
-				let t = e.querySelectorAll(`[${O}]`).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(`[${O}]`), (e) => {
+				let t = e.querySelectorAll(`[${k}]`).length;
 				return Array.from({ length: t }, () => ({ blocks: [] }));
 			}) : i;
-			this.model.replaceAll(S(S({}, this.model.snapshot()), {}, { content: a })), this.isNewTable && N(e, this.cellBlocks), this.removeGhostChildren();
+			this.model.replaceAll(S(S({}, this.model.snapshot()), {}, { content: a })), this.isNewTable && P(e, this.cellBlocks), this.removeGhostChildren();
 		}, !0), this.model.initialColWidth === void 0) {
 			var r;
-			let t = (r = this.model.colWidths) == null ? j(e) : r;
+			let t = (r = this.model.colWidths) == null ? M(e) : r;
 			this.model.setInitialColWidth(t.length > 0 ? Kr(t) : void 0);
 		}
-		if (this.initSubsystems(e), F(e, this.model.snapshot().content), this.isNewTable) {
+		if (this.initSubsystems(e), I(e, this.model.snapshot().content), this.isNewTable) {
 			var i;
 			(i = this.cellSelection) == null || i.selectRange({
 				minRow: 0,
@@ -4114,7 +4147,7 @@ var xr = (e) => {
 		let f = this.gridElement;
 		if (f) {
 			if (this.readOnly) {
-				F(f, this.model.snapshot().content);
+				I(f, this.model.snapshot().content);
 				return;
 			}
 			o === this.setDataGeneration && (this.runStructuralOp(() => {
@@ -4122,50 +4155,50 @@ var xr = (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(`[${D}]`), (e) => {
-							let t = e.querySelectorAll(`[${O}]`).length;
+						let e = Array.from(f.querySelectorAll(`[${O}]`), (e) => {
+							let t = e.querySelectorAll(`[${k}]`).length;
 							return Array.from({ length: t }, () => ({ blocks: [] }));
 						});
-						this.model.replaceAll(S(S({}, this.model.snapshot()), {}, { content: e })), N(f, this.cellBlocks);
+						this.model.replaceAll(S(S({}, this.model.snapshot()), {}, { content: e })), P(f, this.cellBlocks);
 					} else this.model.replaceAll(S(S({}, this.model.snapshot()), {}, { content: i }));
 					this.initialContent = null;
 				}
-			}, !0), o === this.setDataGeneration && (this.initSubsystems(f), l !== null && this.cellSelection !== null && this.cellSelection.selectRange(l), u !== null && this.rowColControls !== null && this.rowColControls.restoreVisibleGrips(u.col, u.row), F(f, this.model.snapshot().content)));
+			}, !0), o === this.setDataGeneration && (this.initSubsystems(f), l !== null && this.cellSelection !== null && this.cellSelection.selectRange(l), u !== null && this.rowColControls !== null && this.rowColControls.restoreVisibleGrips(u.col, u.row), I(f, this.model.snapshot().content)));
 		}
 	}
 	onPaste(e) {
 		var t, n;
-		let r = e.detail.data, i = r.querySelectorAll("tr"), a = [], s = [];
+		let r = e.detail.data, i = r.querySelectorAll("tr"), a = [], o = [];
 		i.forEach((e) => {
 			let t = e.querySelectorAll("td, th"), n = [], r = [];
 			t.forEach((e) => {
 				var t;
 				n.push(e.innerHTML);
-				let i = (t = e.getAttribute("style")) == null ? "" : t, a = {}, s = /background-color\s*:\s*([^;]+)/i.exec(i);
-				s != null && s[1] && (a.color = Be(s[1].trim(), "bg"));
-				let c = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(i);
-				c != null && c[1] && !o(c[1].trim()) && (a.textColor = Be(c[1].trim(), "text")), r.push(a);
-			}), n.length > 0 && (a.push(n), s.push(r));
+				let i = (t = e.getAttribute("style")) == null ? "" : t, a = {}, o = /background-color\s*:\s*([^;]+)/i.exec(i);
+				o != null && o[1] && (a.color = ae(o[1].trim(), "bg"));
+				let s = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(i);
+				s != null && s[1] && !le(s[1].trim()) && (a.textColor = ae(s[1].trim(), "text")), r.push(a);
+			}), n.length > 0 && (a.push(n), o.push(r));
 		});
-		let c = r.querySelector("thead") !== null, l = ((t = i[0]) == null ? void 0 : t.querySelector("th")) !== null, u = c || l;
-		this.initialContent = a, this.model.setWithHeadings(u), this.model.setWithHeadingColumn(!1), this.model.setColWidths(void 0), this.runStructuralOp(() => {
+		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(() => {
 			var e;
 			(e = this.cellBlocks) == null || e.deleteAllBlocks();
 		}, !0), (n = this.cellBlocks) == null || n.destroy(), this.teardownSubsystems();
-		let d = this.element;
-		if (!(d != null && d.parentNode)) return;
-		let f = this.render();
-		d.parentNode.replaceChild(f, d);
-		let p = this.gridElement;
-		!this.readOnly && p && (this.runStructuralOp(() => {
+		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(() => {
 			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(S(S({}, this.model.snapshot()), {}, { content: i })), this.initialContent = null, s.forEach((e, t) => {
+			this.model.replaceAll(S(S({}, this.model.snapshot()), {}, { content: i })), this.initialContent = null, o.forEach((e, t) => {
 				e.forEach((e, n) => {
 					e.color !== void 0 && this.model.setCellColor(t, n, e.color), e.textColor !== void 0 && this.model.setCellTextColor(t, n, e.textColor);
 				});
 			});
-		}, !0), this.initSubsystems(p), F(p, this.model.snapshot().content));
+		}, !0), this.initSubsystems(f), I(f, this.model.snapshot().content));
 	}
 	destroy() {
 		var e, t;
@@ -4207,20 +4240,20 @@ var xr = (e) => {
 			i18n: this.api.i18n,
 			getNewColumnWidth: () => {
 				var 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;
+				let n = (t = this.model.colWidths) == null ? M(e) : t;
+				return this.model.initialColWidth === void 0 ? N(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
 			},
 			onAddRow: () => {
 				this.runTransactedStructuralOp(() => {
 					var t, n;
-					this.grid.addRow(e), this.model.addRow(), N(e, this.cellBlocks), P(this.gridElement, this.model.withHeadings), I(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (t = this.addControls) == null || t.syncRowButtonWidth(), (n = this.rowColControls) == null || n.refresh();
+					this.grid.addRow(e), this.model.addRow(), P(e, this.cellBlocks), F(this.gridElement, this.model.withHeadings), L(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (t = this.addControls) == null || t.syncRowButtonWidth(), (n = this.rowColControls) == null || n.refresh();
 				});
 			},
 			onAddColumn: () => {
 				this.runTransactedStructuralOp(() => {
 					var t, n, r;
-					let i = (t = this.model.colWidths) == null ? 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();
+					let i = (t = this.model.colWidths) == null ? M(e) : t, a = this.model.initialColWidth === void 0 ? N(i) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
+					this.grid.addColumn(e, void 0, i, a), this.model.addColumn(void 0, a), this.model.setColWidths([...i, a]), P(e, this.cellBlocks), L(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (n = this.rowColControls) == null || n.refresh(), this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth), (r = this.addControls) == null || r.syncRowButtonWidth();
 				});
 			},
 			onDragStart: () => {
@@ -4229,7 +4262,7 @@ var xr = (e) => {
 			},
 			onDragAddRow: () => {
 				this.runTransactedStructuralOp(() => {
-					this.grid.addRow(e), this.model.addRow(), N(e, this.cellBlocks), P(this.gridElement, this.model.withHeadings), I(this.gridElement, this.model.withHeadingColumn);
+					this.grid.addRow(e), this.model.addRow(), P(e, this.cellBlocks), F(this.gridElement, this.model.withHeadings), L(this.gridElement, this.model.withHeadingColumn);
 				});
 			},
 			onDragRemoveRow: () => {
@@ -4245,8 +4278,8 @@ var xr = (e) => {
 			onDragAddCol: () => {
 				this.runTransactedStructuralOp(() => {
 					var t;
-					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), Lr(e, a), N(e, this.cellBlocks), I(this.gridElement, this.model.withHeadingColumn), this.initResize(e), n.addedCols++, this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth);
+					let r = (t = this.model.colWidths) == null ? M(e) : t, i = this.model.initialColWidth === void 0 ? N(r) : Math.round(this.model.initialColWidth / 2 * 100) / 100, a = [...r, i];
+					this.grid.addColumn(e, void 0, r, i), this.model.addColumn(void 0, i), this.model.setColWidths(a), Lr(e, a), P(e, this.cellBlocks), L(this.gridElement, this.model.withHeadingColumn), this.initResize(e), n.addedCols++, this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth);
 				});
 			},
 			onDragRemoveCol: () => {
@@ -4328,7 +4361,7 @@ var xr = (e) => {
 				blocksToDelete: o
 			});
 			if (n !== this.setDataGeneration || this.gridElement !== e) return;
-			if (this.model.setColWidths(s.colWidths), this.model.setWithHeadings(s.withHeadings), this.model.setWithHeadingColumn(s.withHeadingColumn), this.pendingHighlight = s.pendingHighlight, P(this.gridElement, this.model.withHeadings), I(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (r = this.addControls) == null || r.syncRowButtonWidth(), !(t.type === "toggle-heading" || t.type === "toggle-heading-column")) {
+			if (this.model.setColWidths(s.colWidths), this.model.setWithHeadings(s.withHeadings), this.model.setWithHeadingColumn(s.withHeadingColumn), this.pendingHighlight = s.pendingHighlight, F(this.gridElement, this.model.withHeadings), L(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (r = this.addControls) == null || r.syncRowButtonWidth(), !(t.type === "toggle-heading" || t.type === "toggle-heading-column")) {
 				var c;
 				(c = this.rowColControls) == null || c.refresh();
 			}
@@ -4374,7 +4407,7 @@ var xr = (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 ? j(e) : n;
+		let r = this.model.colWidths === void 0, i = (n = this.model.colWidths) == null ? M(e) : n;
 		r || $r(this.ensureScrollContainer()), this.resize = new si(e, i, (e) => {
 			var t, n, r;
 			this.model.setColWidths(e), $r(this.ensureScrollContainer()), (t = this.rowColControls) == null || t.positionGrips(), (n = this.addControls) == null || n.syncRowButtonWidth(), (r = this.scrollHaze) == null || r.update();
@@ -4399,16 +4432,16 @@ var xr = (e) => {
 	handleCellCopy(e, t) {
 		let n = this.collectCellBlockData(e);
 		if (n.length === 0) return;
-		let i = r(n);
-		t.setData("text/html", pe(i)), t.setData("text/plain", s(i));
+		let r = Ue(n);
+		t.setData("text/html", l(r)), t.setData("text/plain", c(r));
 	}
 	handleCellCopyViaButton(e) {
 		let t = this.collectCellBlockData(e);
 		if (t.length === 0) return;
-		let n = r(t), i = pe(n), a = s(n), o = new Blob([i], { type: "text/html" }), c = new Blob([a], { type: "text/plain" });
+		let n = Ue(t), r = l(n), i = c(n), a = new Blob([r], { type: "text/html" }), o = new Blob([i], { type: "text/plain" });
 		navigator.clipboard.write([new ClipboardItem({
-			"text/html": o,
-			"text/plain": c
+			"text/html": a,
+			"text/plain": o
 		})]);
 	}
 	handleCellColorChange(e, t, n) {
@@ -4423,12 +4456,12 @@ var xr = (e) => {
 	collectCellBlockData(e) {
 		let t = this.gridElement;
 		if (!t) return [];
-		let n = Array.from(t.querySelectorAll(`[${D}]`));
+		let n = Array.from(t.querySelectorAll(`[${O}]`));
 		return e.map((e) => {
 			var t;
-			let r = e.closest(`[${D}]`);
+			let r = e.closest(`[${O}]`);
 			if (!r) return null;
-			let i = n.indexOf(r), a = Array.from(r.querySelectorAll(`[${O}]`)).indexOf(e), o = e.querySelector(`[${A}]`), s = [];
+			let i = n.indexOf(r), a = Array.from(r.querySelectorAll(`[${k}]`)).indexOf(e), o = e.querySelector(`[${j}]`), s = [];
 			if (!o) return {
 				row: i,
 				col: a,
@@ -4519,21 +4552,21 @@ var xr = (e) => {
 	}
 	handleGridPaste(e, t) {
 		if (this.readOnly || !e.clipboardData || e.defaultPrevented) return;
-		let n = e.clipboardData.getData("text/html"), r = se(n), i = r === null ? Ve(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(`[${O}]`);
-		if (!s || !t.contains(s)) return;
-		let c = s.closest(`[${D}]`);
-		if (!c) return;
-		if (a.rows === 1 && a.cols === 1) {
-			e.preventDefault(), e.stopPropagation(), this.insertSingleCellPayloadInline(a.cells[0][0]);
+		let r = e.clipboardData.getData("text/html"), i = We(r), a = i === null ? n(r) : null, o = i == null ? a : i;
+		if (!o || a !== null && new DOMParser().parseFromString(r, "text/html").querySelectorAll("table").length > 1) return;
+		let s = document.activeElement;
+		if (!s) return;
+		let c = s.closest(`[${k}]`);
+		if (!c || !t.contains(c)) return;
+		let l = c.closest(`[${O}]`);
+		if (!l) return;
+		if (o.rows === 1 && o.cols === 1) {
+			e.preventDefault(), e.stopPropagation(), this.insertSingleCellPayloadInline(o.cells[0][0]);
 			return;
 		}
 		e.preventDefault(), e.stopPropagation();
-		let l = Array.from(t.querySelectorAll(`[${D}]`)).indexOf(c), u = Array.from(c.querySelectorAll(`[${O}]`)).indexOf(s);
-		this.pastePayloadIntoCells(t, a, l, u);
+		let u = Array.from(t.querySelectorAll(`[${O}]`)).indexOf(l), d = Array.from(l.querySelectorAll(`[${k}]`)).indexOf(c);
+		this.pastePayloadIntoCells(t, o, u, d);
 	}
 	insertSingleCellPayloadInline(e) {
 		let t = e.blocks.map((e) => typeof e.data.text == "string" ? e.data.text : "").filter(Boolean).join("<br>");
@@ -4553,11 +4586,11 @@ var xr = (e) => {
 		this.runTransactedStructuralOp(() => {
 			var i, a;
 			this.expandGridForPaste(e, n + t.rows, r + t.cols);
-			let o = e.querySelectorAll(`[${D}]`);
+			let o = e.querySelectorAll(`[${O}]`);
 			Array.from({ length: t.rows }, (e, t) => t).forEach((e) => {
 				let i = o[n + e];
 				if (!i) return;
-				let a = i.querySelectorAll(`[${O}]`);
+				let a = i.querySelectorAll(`[${k}]`);
 				Array.from({ length: t.cols }, (e, t) => t).forEach((i) => {
 					let o = a[r + i];
 					if (o) {
@@ -4572,7 +4605,7 @@ var xr = (e) => {
 				});
 			}), this.initResize(e), (i = this.addControls) == null || i.syncRowButtonWidth(), (a = this.rowColControls) == null || a.refresh();
 		});
-		let i = e.querySelectorAll(`[${D}]`)[n + t.rows - 1], a = i == null ? void 0 : i.querySelectorAll(`[${O}]`)[r + t.cols - 1];
+		let i = e.querySelectorAll(`[${O}]`)[n + t.rows - 1], a = i == null ? void 0 : i.querySelectorAll(`[${k}]`)[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");
@@ -4580,11 +4613,11 @@ var xr = (e) => {
 	expandGridForPaste(e, t, n) {
 		let r = this.grid.getRowCount(e), i = this.grid.getColumnCount(e);
 		Array.from({ length: Math.max(0, t - r) }).forEach(() => {
-			this.grid.addRow(e), this.model.addRow(), N(e, this.cellBlocks), P(this.gridElement, this.model.withHeadings), I(this.gridElement, this.model.withHeadingColumn);
+			this.grid.addRow(e), this.model.addRow(), P(e, this.cellBlocks), F(this.gridElement, this.model.withHeadings), L(this.gridElement, this.model.withHeadingColumn);
 		}), Array.from({ length: Math.max(0, n - i) }).forEach(() => {
 			var t;
-			let n = (t = this.model.colWidths) == null ? 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);
+			let n = (t = this.model.colWidths) == null ? M(e) : t, r = this.model.initialColWidth === void 0 ? N(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
+			this.grid.addColumn(e, void 0, n, r), this.model.addColumn(void 0, r), this.model.setColWidths([...n, r]), P(e, this.cellBlocks), L(this.gridElement, this.model.withHeadingColumn);
 		});
 	}
 	pasteCellPayload(e, t) {
@@ -4592,7 +4625,7 @@ var xr = (e) => {
 			let t = this.cellBlocks.getBlockIdsFromCells([e]);
 			this.cellBlocks.deleteBlocks(t);
 		}
-		let n = e.querySelector(`[${A}]`);
+		let n = e.querySelector(`[${j}]`);
 		if (n) {
 			if (t.blocks.length === 0) {
 				var r;
@@ -4615,7 +4648,7 @@ var xr = (e) => {
 	if (!t) return e;
 	let i = n();
 	return {
-		text: i ? ft(i.innerHTML) : e.text,
+		text: i ? pt(i.innerHTML) : e.text,
 		isOpen: r
 	};
 }, ta = (e, t) => {
@@ -4657,7 +4690,7 @@ var xr = (e) => {
 	}
 	get placeholder() {
 		if (this._settings.placeholder) return this._settings.placeholder;
-		let e = this.api.i18n.t(He);
+		let e = this.api.i18n.t(Ge);
 		return e === "tools.toggle.placeholder" ? "Toggle" : e;
 	}
 	render() {
@@ -4669,10 +4702,10 @@ var xr = (e) => {
 			keydownHandler: this.readOnly ? null : this.handleKeyDown.bind(this),
 			onArrowClick: () => this.toggleOpen(),
 			onBodyPlaceholderClick: this.readOnly ? null : () => this.handleBodyPlaceholderClick(),
-			bodyPlaceholderText: this.api.i18n.t(Ke),
+			bodyPlaceholderText: this.api.i18n.t(Ye),
 			ariaLabels: {
-				collapse: this.api.i18n.t(tt),
-				expand: this.api.i18n.t(We)
+				collapse: this.api.i18n.t(it),
+				expand: this.api.i18n.t(qe)
 			}
 		});
 		return this._element = e.wrapper, this._contentElement = e.contentElement, this._arrowElement = e.arrowElement, this._bodyPlaceholderElement = e.bodyPlaceholderElement, this._childContainerElement = e.childContainerElement, this._element;
@@ -4696,16 +4729,16 @@ var xr = (e) => {
 	onPaste(t) {
 		let n = t.detail;
 		if (!("data" in n)) return;
-		let r = n.data, i = r.querySelector("summary"), a = ee(i === null ? r.innerHTML : i.innerHTML, e.sanitize.text);
+		let r = n.data, i = r.querySelector("summary"), a = $e(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 = na(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(tt),
-			expand: this.api.i18n.t(We)
+		return this._data = t.newData, typeof this._data.isOpen == "boolean" && (this._isOpen = this._data.isOpen), this._arrowElement && this._element && E(this._arrowElement, this._element, this._isOpen, {
+			collapse: this.api.i18n.t(it),
+			expand: this.api.i18n.t(qe)
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility(), t.inPlace;
 	}
 	renderSettings() {
@@ -4727,9 +4760,9 @@ var xr = (e) => {
 		return this._contentElement;
 	}
 	setOpenState(e) {
-		this._isOpen = e, this._arrowElement && this._element && T(this._arrowElement, this._element, this._isOpen, {
-			collapse: this.api.i18n.t(tt),
-			expand: this.api.i18n.t(We)
+		this._isOpen = e, this._arrowElement && this._element && E(this._arrowElement, this._element, this._isOpen, {
+			collapse: this.api.i18n.t(it),
+			expand: this.api.i18n.t(qe)
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility();
 	}
 	toggleOpen() {
@@ -4786,16 +4819,22 @@ var xr = (e) => {
 	}
 	static get toolbox() {
 		return {
-			icon: we,
+			icon: ut,
 			title: "Toggle list",
 			titleKey: "toggleList",
-			name: Je,
+			name: Ze,
 			searchTerms: [
 				"toggle",
 				"collapse",
 				"expand",
 				"accordion"
 			],
+			searchTermKeys: [
+				"toggle",
+				"collapse",
+				"expand",
+				"accordion"
+			],
 			shortcut: ">"
 		};
 	}
@@ -5024,15 +5063,15 @@ var Ra = {
 	symbols: ba,
 	flags: xa
 }, za = [
-	["callout", i],
-	["people", de],
-	["nature", lt],
-	["foods", ge],
-	["activity", ie],
-	["places", c],
-	["objects", te],
-	["symbols", p],
-	["flags", ce]
+	["callout", r],
+	["people", pe],
+	["nature", ft],
+	["foods", _e],
+	["activity", oe],
+	["places", u],
+	["objects", ne],
+	["symbols", h],
+	["flags", ue]
 ], Ba = [
 	"✋",
 	"✋🏻",
@@ -5040,7 +5079,23 @@ var Ra = {
 	"✋🏽",
 	"✋🏾",
 	"✋🏿"
-], Va = "<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>", Ha = class {
+], Va = "blok-emoji-skin-tone";
+function Ha() {
+	try {
+		let e = localStorage.getItem(Va);
+		if (e === null) return 0;
+		let t = parseInt(e, 10);
+		return t >= 0 && t <= 5 ? t : 0;
+	} catch (e) {
+		return 0;
+	}
+}
+function Ua(e) {
+	try {
+		localStorage.setItem(Va, String(e));
+	} catch (e) {}
+}
+var Wa = "<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>", Ga = 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\"]");
@@ -5057,7 +5112,13 @@ var Ra = {
 	}
 	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 Ma()), t._locale !== "en" && t._localeData === null) {
+		t._anchorEl = e, t._open = !0, t._filterInput.value = "", t._element.setAttribute("data-theme", t.resolveTheme());
+		let n = Ha();
+		if (n !== t._skinTone) {
+			t._skinTone = n, t._skinToneToggle.textContent = Ba[n];
+			for (let [e, r] of t._skinToneButtons.entries()) t.applySkinToneActiveStyle(r, e === n);
+		}
+		if (t._allEmojis.length === 0 && (t._allEmojis = await Ma()), t._locale !== "en" && t._localeData === null) {
 			let e = await La(t._locale);
 			e !== null && (t._localeData = e);
 		}
@@ -5079,7 +5140,7 @@ var Ra = {
 		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 = Ye;
+		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 = Ke;
 		let i = document.createElement("input");
 		i.type = "text", i.placeholder = this.i18n.t(la), i.className = [
 			"w-full text-[13px] rounded-lg py-[7px] pl-8 pr-3 outline-hidden",
@@ -5103,7 +5164,7 @@ var Ra = {
 			"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 = Va, s.addEventListener("click", () => this.pickRandom()), v(s, this.i18n.t(fa), { placement: "bottom" });
+		].join(" "), s.innerHTML = Wa, s.addEventListener("click", () => this.pickRandom()), p(s, this.i18n.t(fa), { placement: "bottom" });
 		let c = document.createElement("button");
 		c.type = "button", c.setAttribute("data-emoji-picker-remove", ""), c.setAttribute("aria-label", this.i18n.t(ca)), c.className = [
 			"flex-shrink-0 w-[34px] h-[34px] flex items-center justify-center rounded-lg",
@@ -5112,7 +5173,7 @@ var Ra = {
 			"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(ca), { placement: "bottom" });
+		}), p(c, this.i18n.t(ca), { placement: "bottom" });
 		let l = document.createElement("div");
 		l.className = "flex items-center gap-1", l.appendChild(s), l.appendChild(c), t.appendChild(n), t.appendChild(a), t.appendChild(l), e.appendChild(t);
 		let u = document.createElement("div");
@@ -5173,7 +5234,7 @@ var Ra = {
 		e ? this._skinToneToggle.classList.add(...t) : this._skinToneToggle.classList.remove(...t);
 	}
 	setSkinTone(e) {
-		this._skinTone = e, this._skinToneToggle.textContent = Ba[e];
+		this._skinTone = e, Ua(e), this._skinToneToggle.textContent = Ba[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) {
@@ -5266,7 +5327,7 @@ var Ra = {
 			"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 = Ye;
+		t.className = "mb-3 opacity-20 [&>svg]:w-9 [&>svg]:h-9", t.innerHTML = Ke;
 		let n = document.createElement("span");
 		n.className = "text-[13px] font-medium", n.textContent = this.i18n.t(da), e.appendChild(t), e.appendChild(n), this._body.appendChild(e);
 	}
@@ -5299,7 +5360,7 @@ var Ra = {
 				"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);
+			}), p(e, this.getDisplayName(n), { placement: "bottom" }), t.appendChild(e);
 		}
 		return t;
 	}
@@ -5326,10 +5387,10 @@ var Ra = {
 };
 //#endregion
 //#region src/tools/callout/index.ts
-function Ua(e) {
+function Ka(e) {
 	return e.isEmojiVisible === !1 ? "" : typeof e.emoji == "string" && e.emoji.length > 0 ? e.emoji : Sa;
 }
-var Wa = {
+var qa = {
 	general: null,
 	note: "blue",
 	important: "purple",
@@ -5337,7 +5398,7 @@ var Wa = {
 	additional: "yellow",
 	recommendation: "green",
 	caution: "red"
-}, Ga = class {
+}, Ja = 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);
 	}
@@ -5350,9 +5411,9 @@ var Wa = {
 		};
 	}
 	normalizeLegacyData(e) {
-		let t = typeof e.variant == "string" ? e.variant : "general", n = t in Wa ? Wa[t] : null;
+		let t = typeof e.variant == "string" ? e.variant : "general", n = t in qa ? qa[t] : null;
 		return {
-			emoji: Ua(e),
+			emoji: Ka(e),
 			textColor: null,
 			backgroundColor: n == null ? null : n
 		};
@@ -5406,24 +5467,24 @@ var Wa = {
 					presetField: "bg"
 				}],
 				onColorSelect: (t, n) => {
-					let r = t === null ? null : re(t, n === "color" ? "text" : "bg");
+					let r = t === null ? null : se(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: de,
+			icon: pe,
 			title: this.api.i18n.t(oa),
 			name: "callout-edit-icon",
 			closeOnActivate: !0,
 			onActivate: () => this.openEmojiPicker()
 		}, {
-			icon: rt,
+			icon: st,
 			title: this.api.i18n.t(aa),
 			name: "callout-color",
 			children: { items: [{
-				type: b.Html,
+				type: v.Html,
 				element: this._colorPicker.element
 			}] }
 		}];
@@ -5432,13 +5493,13 @@ var Wa = {
 	syncPickerActiveColors() {
 		if (this._colorPicker === null) return;
 		let e = this._data.textColor, t = this._data.backgroundColor;
-		this._colorPicker.setActiveColor(e === null ? null : m(e, "text"), "color"), this._colorPicker.setActiveColor(t === null ? null : m(t, "bg"), "background-color");
+		this._colorPicker.setActiveColor(e === null ? null : re(e, "text"), "color"), this._colorPicker.setActiveColor(t === null ? null : re(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 = m(e, "text"), t !== null) {
-			let e = m(t, "bg");
+		if (e === null ? this._dom.wrapper.style.color = "" : this._dom.wrapper.style.color = re(e, "text"), t !== null) {
+			let e = re(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");
 	}
@@ -5457,7 +5518,7 @@ var Wa = {
 		});
 	}
 	openEmojiPicker() {
-		this._dom !== null && (this._emojiPicker === null && (this._emojiPicker = new Ha({
+		this._dom !== null && (this._emojiPicker === null && (this._emojiPicker = new Ga({
 			onSelect: (e) => this.setEmoji(e),
 			onRemove: () => this.setEmoji(""),
 			i18n: this.api.i18n,
@@ -5469,7 +5530,7 @@ var Wa = {
 	}
 	static get toolbox() {
 		return {
-			icon: oe,
+			icon: ce,
 			title: "Callout",
 			titleKey: "callout",
 			name: ia,
@@ -5480,6 +5541,14 @@ var Wa = {
 				"warning",
 				"tip",
 				"alert"
+			],
+			searchTermKeys: [
+				"callout",
+				"note",
+				"info",
+				"warning",
+				"tip",
+				"alert"
 			]
 		};
 	}
@@ -5500,7 +5569,7 @@ var Wa = {
 	static get isReadOnlySupported() {
 		return !0;
 	}
-}, Ka = class {
+}, Ya = class {
 	constructor(e) {
 		this.element = null;
 	}
@@ -5518,7 +5587,7 @@ var Wa = {
 	}
 	static get toolbox() {
 		return {
-			icon: ne,
+			icon: ie,
 			titleKey: "divider",
 			shortcut: "---",
 			searchTerms: [
@@ -5526,7 +5595,16 @@ var Wa = {
 				"line",
 				"separator",
 				"rule",
-				"---"
+				"---",
+				"divider",
+				"delimiter",
+				"splitter"
+			],
+			searchTermKeys: [
+				"divider",
+				"separator",
+				"delimiter",
+				"splitter"
 			]
 		};
 	}
@@ -5539,36 +5617,146 @@ var Wa = {
 	static get sanitize() {
 		return {};
 	}
-}, L = (e) => {
+}, Xa = "tools.quote.placeholder", Za = [
+	"border-l-[3px]",
+	"border-current",
+	"pl-[0.9em]",
+	"pr-[0.9em]",
+	"py-[0.2em]",
+	"leading-[1.5]",
+	"outline-hidden",
+	"mt-[0.3em]",
+	"mb-[0.3em]"
+], Qa = "text-[1.2em]", $a = class {
+	constructor({ data: e, api: t, readOnly: n }) {
+		var r, i;
+		this._element = null, this.api = t, this.readOnly = n, this._data = {
+			text: (r = e == null ? void 0 : e.text) == null ? "" : r,
+			size: (i = e == null ? void 0 : e.size) == null ? "default" : i
+		}, this.readOnly || (this.onKeyUp = this.onKeyUp.bind(this));
+	}
+	onKeyUp(e) {
+		e.code !== "Backspace" && e.code !== "Delete" || this._element && this._element.textContent === "" && (this._element.innerHTML = "");
+	}
+	render() {
+		let e = document.createElement("blockquote");
+		return e.className = C(this.api.styles.block, Za, ht, this._data.size === "large" ? Qa : ""), e.setAttribute(_.tool, "quote"), e.contentEditable = "false", this._data.text ? e.innerHTML = this._data.text : this.readOnly && (e.innerHTML = "<br>"), this.readOnly || (e.contentEditable = "true", e.addEventListener("keyup", this.onKeyUp), T(e, this.api.i18n.t(Xa), "data-blok-placeholder-active")), this._element = e, e;
+	}
+	save(e) {
+		return {
+			text: pt(e.innerHTML),
+			size: this._data.size
+		};
+	}
+	validate(e) {
+		return e.text.trim() !== "";
+	}
+	merge(e) {
+		if (!this._element) return;
+		this._data.text += e.text;
+		let t = document.createElement("div");
+		t.innerHTML = e.text.trim();
+		let n = document.createDocumentFragment();
+		n.append(...Array.from(t.childNodes)), this._element.appendChild(n), this._element.normalize();
+	}
+	renderSettings() {
+		return [{
+			icon: Pe,
+			title: this.api.i18n.t("tools.quote.size"),
+			name: "quote-size",
+			children: { items: [{
+				icon: Pe,
+				title: this.api.i18n.t("tools.quote.defaultSize"),
+				onActivate: () => this.setSize("default"),
+				closeOnActivate: !0,
+				isActive: this._data.size === "default"
+			}, {
+				icon: Pe,
+				title: this.api.i18n.t("tools.quote.largeSize"),
+				onActivate: () => this.setSize("large"),
+				closeOnActivate: !0,
+				isActive: this._data.size === "large"
+			}] }
+		}];
+	}
+	setSize(e) {
+		this._data.size = e, this._element && (this._element.className = C(this.api.styles.block, Za, ht, e === "large" ? Qa : ""));
+	}
+	onPaste(e) {
+		let t = e.detail;
+		"data" in t && (this._data = {
+			text: t.data.innerHTML,
+			size: this._data.size
+		}, this._element && (this._element.innerHTML = this._data.text || ""));
+	}
+	static get toolbox() {
+		return {
+			icon: Pe,
+			title: "Quote",
+			titleKey: "quote",
+			searchTerms: [
+				"quote",
+				"blockquote",
+				"citation"
+			],
+			searchTermKeys: [
+				"quote",
+				"blockquote",
+				"citation"
+			]
+		};
+	}
+	static get conversionConfig() {
+		return {
+			export: "text",
+			import: "text"
+		};
+	}
+	static get sanitize() {
+		return { text: {
+			br: !0,
+			b: !0,
+			i: !0,
+			a: !0,
+			mark: { style: !0 }
+		} };
+	}
+	static get isReadOnlySupported() {
+		return !0;
+	}
+	static get pasteConfig() {
+		return { tags: ["BLOCKQUOTE"] };
+	}
+}, R = (e) => {
 	let t = e.tagName;
 	return t === "B" || t === "STRONG";
-}, qa = (e) => !!(e && e.nodeType === Node.ELEMENT_NODE && L(e)), Ja = (e) => e.textContent.length === 0, R = (e) => e ? e.nodeType === Node.ELEMENT_NODE && L(e) ? z(e) : R(e.parentNode) : null, z = (e) => {
+}, eo = (e) => !!(e && e.nodeType === Node.ELEMENT_NODE && R(e)), to = (e) => e.textContent.length === 0, z = (e) => e ? e.nodeType === Node.ELEMENT_NODE && R(e) ? B(e) : z(e.parentNode) : null, B = (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;
-}, Ya = (e) => {
+}, no = (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;
-}, Xa = (e) => {
+}, ro = (e) => {
 	if (!e.boldElement.isConnected) return null;
-	let t = z(e.boldElement), n = e.boundary, r = n.isConnected && n.previousSibling === t ? n : Ya(t);
+	let t = B(e.boldElement), n = e.boundary, r = n.isConnected && n.previousSibling === t ? n : no(t);
 	return r ? {
 		boundary: r,
 		boldElement: t
 	} : null;
-}, Za = (e, t) => e ? e === t || t.contains(e) : !1, Qa, B = {
+}, io = (e, t) => e ? e === t || t.contains(e) : !1, ao, V = {
 	COLLAPSED_LENGTH: "data-blok-bold-collapsed-length",
 	COLLAPSED_ACTIVE: "data-blok-bold-collapsed-active",
 	PREV_LENGTH: "data-blok-bold-prev-length",
 	LEADING_WHITESPACE: "data-blok-bold-leading-ws"
-}, V = class e {
+}, H = class e {
 	constructor() {
 		this.records = /* @__PURE__ */ new Set();
 	}
@@ -5582,15 +5770,15 @@ var Wa = {
 		return this.records.size > 0;
 	}
 	isActivePlaceholder(e) {
-		return e.getAttribute(B.COLLAPSED_ACTIVE) === "true" || e.hasAttribute(B.COLLAPSED_LENGTH);
+		return e.getAttribute(V.COLLAPSED_ACTIVE) === "true" || e.hasAttribute(V.COLLAPSED_LENGTH);
 	}
 	static get ATTR() {
-		return B;
+		return V;
 	}
 	enter(e, t) {
 		if (!e.collapsed) return;
 		let n = document.createElement("strong"), r = document.createTextNode("");
-		n.appendChild(r), n.setAttribute(B.COLLAPSED_ACTIVE, "true");
+		n.appendChild(r), n.setAttribute(V.COLLAPSED_ACTIVE, "true");
 		let i = e.startContainer, a = e.startOffset;
 		if (!(i.nodeType === Node.TEXT_NODE ? this.insertCollapsedBoldIntoText(i, n, a) : i.nodeType === Node.ELEMENT_NODE && (this.insertCollapsedBoldIntoElement(i, n, a), !0))) return;
 		let o = document.createRange();
@@ -5607,23 +5795,23 @@ var Wa = {
 		let i = e.textContent, a = i.slice(0, n), o = i.slice(n);
 		e.textContent = a;
 		let s = o.length ? document.createTextNode(o) : null;
-		return s && r.insertBefore(s, e.nextSibling), r.insertBefore(t, s == null ? e.nextSibling : s), t.setAttribute(B.PREV_LENGTH, a.length.toString()), !0;
+		return s && r.insertBefore(s, e.nextSibling), r.insertBefore(t, s == null ? e.nextSibling : s), t.setAttribute(V.PREV_LENGTH, a.length.toString()), !0;
 	}
 	insertCollapsedBoldIntoElement(e, t, n) {
 		var r;
 		let i = (r = e.childNodes[n]) == null ? null : r;
-		e.insertBefore(t, i), t.setAttribute(B.PREV_LENGTH, "0");
+		e.insertBefore(t, i), t.setAttribute(V.PREV_LENGTH, "0");
 	}
 	exit(e, t) {
-		let n = z(t), r = n.parentNode;
-		if (r) return Ja(n) ? this.removeEmptyBoldElement(e, n, r) : this.exitBoldWithContent(e, n, r);
+		let n = B(t), r = n.parentNode;
+		if (r) return to(n) ? this.removeEmptyBoldElement(e, n, r) : this.exitBoldWithContent(e, n, r);
 	}
 	removeEmptyBoldElement(e, t, n) {
 		let r = document.createRange();
 		return r.setStartBefore(t), r.collapse(!0), n.removeChild(t), e.removeAllRanges(), e.addRange(r), r;
 	}
 	exitBoldWithContent(e, t, n) {
-		t.setAttribute(B.COLLAPSED_LENGTH, t.textContent.length.toString()), t.removeAttribute(B.PREV_LENGTH), t.removeAttribute(B.COLLAPSED_ACTIVE), t.removeAttribute(B.LEADING_WHITESPACE);
+		t.setAttribute(V.COLLAPSED_LENGTH, t.textContent.length.toString()), t.removeAttribute(V.PREV_LENGTH), t.removeAttribute(V.COLLAPSED_ACTIVE), t.removeAttribute(V.LEADING_WHITESPACE);
 		let r = t.nextSibling, i = !r || r.nodeType !== Node.TEXT_NODE, a = i ? document.createTextNode("​") : null;
 		a && n.insertBefore(a, r);
 		let o = a == null ? r : a;
@@ -5640,7 +5828,7 @@ var Wa = {
 	}
 	maintain() {
 		if (!(typeof document > "u")) for (let e of Array.from(this.records)) {
-			let t = Xa(e);
+			let t = ro(e);
 			if (!t) {
 				this.records.delete(e);
 				continue;
@@ -5673,12 +5861,12 @@ var Wa = {
 	}
 	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(_(d.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(b(_.editor))) == null ? i == null ? void 0 : i.ownerDocument : n;
 		if (!a) return;
-		let o = `strong[${B.COLLAPSED_ACTIVE}="true"]`;
+		let o = `strong[${V.COLLAPSED_ACTIVE}="true"]`;
 		a.querySelectorAll(o).forEach((t) => {
 			var n;
-			let r = t.getAttribute(B.PREV_LENGTH), i = t.previousSibling;
+			let r = t.getAttribute(V.PREV_LENGTH), i = t.previousSibling;
 			if (!r || !i || i.nodeType !== Node.TEXT_NODE) return;
 			let a = Number(r);
 			if (!Number.isFinite(a)) return;
@@ -5687,26 +5875,26 @@ var Wa = {
 			let c = s.slice(0, a), l = s.slice(a);
 			o.textContent = c;
 			let u = l.match(/^[\u00A0\s]+/);
-			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);
+			if (u && !t.hasAttribute(V.LEADING_WHITESPACE) && t.setAttribute(V.LEADING_WHITESPACE, u[0]), l.length === 0) return;
+			let d = t.textContent, f = d + l, p = (n = t.getAttribute(V.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) || !Za(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) || !io(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(_(d.editor));
-		i && i.querySelectorAll(`strong[${B.COLLAPSED_LENGTH}]`).forEach((t) => {
+		let r = n.nodeType === Node.ELEMENT_NODE ? n : n.parentElement, i = r == null ? void 0 : r.closest(b(_.editor));
+		i && i.querySelectorAll(`strong[${V.COLLAPSED_LENGTH}]`).forEach((t) => {
 			var n;
-			let r = t.getAttribute(B.COLLAPSED_LENGTH);
+			let r = t.getAttribute(V.COLLAPSED_LENGTH);
 			if (!r) return;
 			let i = Number(r), a = t.textContent;
 			if (!Number.isFinite(i)) return;
-			let o = a.length > i, s = o ? this.splitCollapsedBoldText(t, i, a) : null, c = t.getAttribute(B.PREV_LENGTH), l = c ? Number(c) : NaN, u = t.previousSibling, d = (u == null ? void 0 : u.nodeType) === Node.TEXT_NODE ? u : null, f = (n = d == null ? void 0 : d.textContent) == null ? "" : n, p = !!(c && Number.isFinite(l) && d && f.length > l);
+			let o = a.length > i, s = o ? this.splitCollapsedBoldText(t, i, a) : null, c = t.getAttribute(V.PREV_LENGTH), l = c ? Number(c) : NaN, u = t.previousSibling, d = (u == null ? void 0 : u.nodeType) === Node.TEXT_NODE ? u : null, f = (n = d == null ? void 0 : d.textContent) == null ? "" : n, p = !!(c && Number.isFinite(l) && d && f.length > l);
 			if (p && d) {
 				var m;
 				let e = f.slice(0, l), n = f.slice(l);
@@ -5714,11 +5902,11 @@ var Wa = {
 				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 && Za(e.focusNode, t)) {
+			if (p && t.removeAttribute(V.PREV_LENGTH), e != null && e.isCollapsed && s && io(e.focusNode, t)) {
 				let t = document.createRange(), n = s.textContent.length;
 				t.setStart(s, n), t.collapse(!0), e.removeAllRanges(), e.addRange(t);
 			}
-			o && t.removeAttribute(B.COLLAPSED_LENGTH);
+			o && t.removeAttribute(V.COLLAPSED_LENGTH);
 		});
 	}
 	splitCollapsedBoldText(e, t, n) {
@@ -5750,8 +5938,8 @@ var Wa = {
 		if (!e.rangeCount) return;
 		let t = e.getRangeAt(0);
 		if (!t.collapsed) return;
-		let n = R(t.startContainer);
-		(n == null ? void 0 : n.getAttribute(B.COLLAPSED_ACTIVE)) !== "true" && (this.moveCaretFromElementContainer(e, t) || this.moveCaretFromTextContainer(e, t));
+		let n = z(t.startContainer);
+		(n == null ? void 0 : n.getAttribute(V.COLLAPSED_ACTIVE)) !== "true" && (this.moveCaretFromElementContainer(e, t) || this.moveCaretFromTextContainer(e, t));
 	}
 	moveCaretFromElementContainer(e, t) {
 		if (t.startContainer.nodeType !== Node.ELEMENT_NODE) return !1;
@@ -5781,7 +5969,7 @@ var Wa = {
 			this.setCaret(e, n, i.length);
 			return;
 		}
-		let o = R(n);
+		let o = z(n);
 		if (!o || t.startOffset !== n.textContent.length) return;
 		let s = this.ensureFollowingTextNode(o, o.nextSibling);
 		if (s) {
@@ -5808,18 +5996,18 @@ var Wa = {
 		return t.tagName === "STRONG" || t.tagName === "B";
 	}
 };
-Qa = V, Qa.instance = null;
+ao = H, ao.instance = null;
 //#endregion
 //#region src/components/inline-tools/services/bold-normalization-pass.ts
-var $a = {
+var oo = {
 	convertLegacyTags: !0,
 	normalizeWhitespace: !0,
 	removeEmpty: !0,
 	mergeAdjacent: !0,
 	preserveNode: null
-}, H = class e {
+}, U = class e {
 	constructor(e) {
-		this.options = S(S({}, $a), e);
+		this.options = S(S({}, oo), e);
 	}
 	run(e) {
 		if (typeof document > "u") return;
@@ -5854,7 +6042,7 @@ var $a = {
 	processCollectedElements(e, t) {
 		this.options.convertLegacyTags && e.forEach((e) => {
 			if (e.isConnected) {
-				let n = z(e);
+				let n = B(e);
 				t.push(n);
 			}
 		}), t.forEach((e) => {
@@ -5872,19 +6060,19 @@ var $a = {
 		t.includes("\xA0") && (e.textContent = t.replace(/\u00A0/g, " "));
 	}
 	isEmptyAndSafe(e) {
-		return e.textContent.length !== 0 || V.getInstance().isActivePlaceholder(e) ? !1 : !(this.options.preserveNode && Za(this.options.preserveNode, e));
+		return e.textContent.length !== 0 || H.getInstance().isActivePlaceholder(e) ? !1 : !(this.options.preserveNode && io(this.options.preserveNode, e));
 	}
 	mergeWithAdjacent(e) {
 		let t = e.previousSibling;
-		if (t && qa(t)) {
+		if (t && eo(t)) {
 			this.mergeStrongNodes(t, e);
 			return;
 		}
 		let n = e.nextSibling;
-		n && qa(n) && this.mergeStrongNodes(e, n);
+		n && eo(n) && this.mergeStrongNodes(e, n);
 	}
 	mergeStrongNodes(e, t) {
-		let n = z(e), r = z(t);
+		let n = B(e), r = B(t);
 		for (; r.firstChild;) n.appendChild(r.firstChild);
 		r.remove();
 	}
@@ -5893,9 +6081,9 @@ var $a = {
 		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(_(d.elementContent)) : n) || i.closest(_(d.editor)) : null;
+		return i ? ((n = i.closest("[data-blok-component=\"paragraph\"]")) == null ? i.closest(b(_.elementContent)) : n) || i.closest(b(_.editor)) : null;
 	}
-}, eo, to = class e {
+}, so, co = class e {
 	constructor() {
 		this.handlers = /* @__PURE__ */ new Map(), this.listenersRegistered = !1, this.handleSelectionChange = () => {
 			let e = this.getSelection();
@@ -5952,10 +6140,10 @@ var $a = {
 		return !(t.meta && !n || t.ctrl && !e.ctrlKey);
 	}
 };
-eo = to, eo.instance = null;
+so = co, so.instance = null;
 //#endregion
 //#region src/components/inline-tools/utils/formatting-range-utils.ts
-var no = (e, t) => {
+var lo = (e, t) => {
 	try {
 		return e.intersectsNode(t);
 	} catch (n) {
@@ -5964,26 +6152,26 @@ var no = (e, t) => {
 		let i = e.compareBoundaryPoints(Range.END_TO_START, r) > 0, a = e.compareBoundaryPoints(Range.START_TO_END, r) < 0;
 		return i && a;
 	}
-}, ro = (e) => {
+}, uo = (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) => no(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), io = (e, t) => U(e, t) !== null, W = (e, t, n = {}) => {
-	if (e.collapsed) return U(e.startContainer, t) !== null;
-	let r = ro(e), i = [];
+	return document.createTreeWalker(r, NodeFilter.SHOW_TEXT, { acceptNode: (t) => lo(e, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT });
+}, W = (e, t, n) => !e || e === n ? null : e.nodeType === Node.ELEMENT_NODE && t(e) ? e : W(e.parentNode, t, n), fo = (e, t) => W(e, t) !== null, G = (e, t, n = {}) => {
+	if (e.collapsed) return W(e.startContainer, t) !== null;
+	let r = uo(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) => io(e, t));
-}, G = (e, t) => {
-	let n = /* @__PURE__ */ new Set(), r = ro(e);
+	return i.length === 0 ? W(e.startContainer, t) !== null : i.every((e) => fo(e, t));
+}, K = (e, t) => {
+	let n = /* @__PURE__ */ new Set(), r = uo(e);
 	for (; r.nextNode();) {
-		let e = U(r.currentNode, t);
+		let e = W(r.currentNode, t);
 		e && n.add(e);
 	}
 	return Array.from(n);
-}, K, ao = class e {
+}, q, po = class e {
 	static get sanitize() {
 		return {
 			strong: {},
@@ -5995,7 +6183,7 @@ var no = (e, t) => {
 	}
 	static initializeGlobalListeners() {
 		if (typeof document > "u") return !1;
-		let t = to.getInstance();
+		let t = co.getInstance();
 		return t.hasHandler("bold") ? !0 : (t.register("bold", {
 			shortcut: {
 				key: "b",
@@ -6011,20 +6199,20 @@ var no = (e, t) => {
 			onInput: (t, n) => {
 				e.refreshSelectionState("input");
 			},
-			onBeforeInput: (e) => e.inputType === "formatBold" ? (H.normalizeAroundSelection(window.getSelection()), !0) : !1,
+			onBeforeInput: (e) => e.inputType === "formatBold" ? (U.normalizeAroundSelection(window.getSelection()), !0) : !1,
 			isRelevant: (t) => e.isSelectionInsideBlok(t)
 		}), e.guardKeydownListenerRegistered || (document.addEventListener("keydown", (e) => {
-			V.getInstance().guardBoundaryKeydown(e);
+			H.getInstance().guardBoundaryKeydown(e);
 		}, !0), e.guardKeydownListenerRegistered = !0), e.ensureMutationObserver(), !0);
 	}
 	static mergeStrongNodes(e, t) {
-		let n = z(e), r = z(t);
+		let n = B(e), r = B(t);
 		for (; r.firstChild;) n.appendChild(r.firstChild);
 		return r.remove(), n;
 	}
 	render() {
 		return {
-			icon: a,
+			icon: s,
 			name: "bold",
 			onActivate: () => {
 				this.toggleBold();
@@ -6055,11 +6243,11 @@ var no = (e, t) => {
 		r && n && (r.removeAllRanges(), r.addRange(n));
 		let i = this.findBoldElementFromRangeOrSelection(n, r);
 		if (!i) {
-			H.normalizeAroundSelection(r), this.notifySelectionChange();
+			U.normalizeAroundSelection(r), this.notifySelectionChange();
 			return;
 		}
 		let a = this.mergeAdjacentBold(i);
-		this.selectElementContents(a), H.normalizeAroundSelection(r), this.notifySelectionChange();
+		this.selectElementContents(a), U.normalizeAroundSelection(r), this.notifySelectionChange();
 	}
 	unwrapBoldTags(t) {
 		let n = this.collectBoldAncestors(t), r = window.getSelection();
@@ -6068,7 +6256,7 @@ var no = (e, t) => {
 		i.setAttribute("data-blok-bold-marker", `unwrap-${e.markerSequence++}`), i.appendChild(a), this.removeNestedBold(i), t.insertNode(i);
 		let o = document.createRange();
 		for (o.selectNodeContents(i), r.removeAllRanges(), r.addRange(o);;) {
-			let e = R(i);
+			let e = z(i);
 			if (!e) break;
 			this.moveMarkerOutOfBold(i, e);
 		}
@@ -6076,8 +6264,8 @@ var no = (e, t) => {
 		this.unwrapElement(i), s && c && (() => {
 			let e = document.createRange();
 			return e.setStartBefore(s), e.setEndAfter(c), r.removeAllRanges(), r.addRange(e), e;
-		})() || r.removeAllRanges(), H.normalizeAroundSelection(r), n.forEach((e) => {
-			Ja(e) && e.remove();
+		})() || r.removeAllRanges(), U.normalizeAroundSelection(r), n.forEach((e) => {
+			to(e) && e.remove();
 		}), this.notifySelectionChange();
 	}
 	replaceRangeWithHtml(t, n) {
@@ -6117,7 +6305,7 @@ var no = (e, t) => {
 		n.selectNodeContents(e), t.removeAllRanges(), t.addRange(n);
 	}
 	isRangeBold(e, t) {
-		return W(e, L, t);
+		return G(e, R, t);
 	}
 	removeNestedBold(e) {
 		e.querySelectorAll("b,strong").forEach((e) => {
@@ -6134,33 +6322,33 @@ var no = (e, t) => {
 		t.removeChild(e);
 	}
 	findBoldElementFromRangeOrSelection(e, t) {
-		return e ? R(e.startContainer) || R(e.commonAncestorContainer) || (e.startContainer.nodeType === Node.ELEMENT_NODE && L(e.startContainer) ? e.startContainer : null) : t ? R(t.focusNode) : null;
+		return e ? z(e.startContainer) || z(e.commonAncestorContainer) || (e.startContainer.nodeType === Node.ELEMENT_NODE && R(e.startContainer) ? e.startContainer : null) : t ? z(t.focusNode) : null;
 	}
 	mergeAdjacentBold(t) {
-		let n = z(t), r = n.previousSibling, i = r && r.nodeType === Node.ELEMENT_NODE && L(r) ? e.mergeStrongNodes(r, n) : n, a = i.nextSibling;
-		return a && a.nodeType === Node.ELEMENT_NODE && L(a) ? e.mergeStrongNodes(i, a) : i;
+		let n = B(t), r = n.previousSibling, i = r && r.nodeType === Node.ELEMENT_NODE && R(r) ? e.mergeStrongNodes(r, n) : n, a = i.nextSibling;
+		return a && a.nodeType === Node.ELEMENT_NODE && R(a) ? e.mergeStrongNodes(i, a) : i;
 	}
 	toggleCollapsedSelection() {
 		let t = window.getSelection();
 		if (!t || t.rangeCount === 0) return;
-		let n = t.getRangeAt(0), r = R(n.startContainer), i = (() => {
-			if (r && r.getAttribute(V.ATTR.COLLAPSED_ACTIVE) !== "true") return V.getInstance().exit(t, r);
+		let n = t.getRangeAt(0), r = z(n.startContainer), i = (() => {
+			if (r && r.getAttribute(H.ATTR.COLLAPSED_ACTIVE) !== "true") return H.getInstance().exit(t, r);
 			let i = r == null ? e.getBoundaryBold(n) : r;
-			return i ? V.getInstance().exit(t, i) : this.startCollapsedBold(n);
+			return i ? H.getInstance().exit(t, i) : this.startCollapsedBold(n);
 		})();
-		document.dispatchEvent(new Event("selectionchange")), i && (t.removeAllRanges(), t.addRange(i)), H.normalizeAroundSelection(t), this.notifySelectionChange();
+		document.dispatchEvent(new Event("selectionchange")), i && (t.removeAllRanges(), t.addRange(i)), U.normalizeAroundSelection(t), this.notifySelectionChange();
 	}
 	startCollapsedBold(e) {
-		let t = V.getInstance().enter(e, (e) => this.mergeAdjacentBold(e)), n = window.getSelection();
-		return H.normalizeAroundSelection(n), n && t && (n.removeAllRanges(), n.addRange(t)), this.notifySelectionChange(), t;
+		let t = H.getInstance().enter(e, (e) => this.mergeAdjacentBold(e)), n = window.getSelection();
+		return U.normalizeAroundSelection(n), n && t && (n.removeAllRanges(), n.addRange(t)), this.notifySelectionChange(), t;
 	}
 	notifySelectionChange() {
-		V.getInstance().enforceLengths(window.getSelection()), document.dispatchEvent(new Event("selectionchange")), this.updateToolbarButtonState();
+		H.getInstance().enforceLengths(window.getSelection()), document.dispatchEvent(new Event("selectionchange")), this.updateToolbarButtonState();
 	}
 	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(_(d.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(b(_.editor));
 		if (!r) return;
 		let i = r.querySelector("[data-blok-testid=inline-toolbar]");
 		if (!(i instanceof HTMLElement)) return;
@@ -6169,7 +6357,7 @@ var no = (e, t) => {
 	}
 	static refreshSelectionState(e) {
 		let t = window.getSelection();
-		V.getInstance().enforceLengths(t), V.getInstance().maintain(), V.getInstance().synchronize(t), H.normalizeAroundSelection(t, { normalizeWhitespace: !1 }), e === "input" && t && V.getInstance().moveCaretAfterBoundaryBold(t);
+		H.getInstance().enforceLengths(t), H.getInstance().maintain(), H.getInstance().synchronize(t), U.normalizeAroundSelection(t, { normalizeWhitespace: !1 }), e === "input" && t && H.getInstance().moveCaretAfterBoundaryBold(t);
 	}
 	static ensureMutationObserver() {
 		if (typeof MutationObserver > "u" || e.mutationObserver) return;
@@ -6178,7 +6366,7 @@ var no = (e, t) => {
 				e.isProcessingMutation = !0;
 				try {
 					let n = (e) => {
-						e && new H({
+						e && new U({
 							mergeAdjacent: !1,
 							removeEmpty: !1,
 							normalizeWhitespace: !1
@@ -6202,7 +6390,7 @@ var no = (e, t) => {
 	}
 	static findBlokScopeFromNode(e) {
 		let t = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
-		return !t || typeof t.closest != "function" ? null : t.closest(`${_(d.interface)}, ${_(d.editor)}`);
+		return !t || typeof t.closest != "function" ? null : t.closest(`${b(_.interface)}, ${b(_.editor)}`);
 	}
 	static getBoundaryBold(t) {
 		let n = t.startContainer;
@@ -6210,21 +6398,21 @@ var no = (e, t) => {
 	}
 	static getBoundaryBoldForText(e, t) {
 		let n = t.textContent.length;
-		if (e.startOffset === n) return R(t);
+		if (e.startOffset === n) return z(t);
 		if (e.startOffset !== 0) return null;
 		let r = t.previousSibling;
-		return qa(r) ? r : null;
+		return eo(r) ? r : null;
 	}
 	static getBoundaryBoldForElement(e, t) {
 		if (e.startOffset <= 0) return null;
 		let n = t.childNodes[e.startOffset - 1];
-		return qa(n) ? n : null;
+		return eo(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(_(d.editor)));
+		return !!(n != null && n.closest(b(_.editor)));
 	}
 	getRangeHtmlWithoutBold(e) {
 		let t = e.cloneContents();
@@ -6237,16 +6425,16 @@ var no = (e, t) => {
 		return t.innerHTML = e, t.content;
 	}
 	collectBoldAncestors(e) {
-		return G(e, L);
+		return K(e, R);
 	}
 };
-K = ao, 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 = po, 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, oo = (e) => {
+var J, mo = (e) => {
 	let t = e.tagName;
 	return t === "I" || t === "EM";
-}, so = class {
+}, ho = class {
 	static get sanitize() {
 		return {
 			i: {},
@@ -6255,7 +6443,7 @@ var q, oo = (e) => {
 	}
 	render() {
 		return {
-			icon: Ge,
+			icon: Je,
 			name: "italic",
 			onActivate: () => {
 				this.toggleItalic();
@@ -6295,7 +6483,7 @@ var q, oo = (e) => {
 		return this.isRangeItalic(t, { ignoreWhitespace: !0 });
 	}
 	isRangeItalic(e, t) {
-		return W(e, oo, t);
+		return G(e, mo, t);
 	}
 	wrapWithItalic(e) {
 		let t = this.getRangeHtmlWithoutItalic(e), n = this.replaceRangeWithHtml(e, `<i>${t}</i>`), r = window.getSelection();
@@ -6321,13 +6509,13 @@ var q, oo = (e) => {
 		});
 	}
 	hasItalicParent(e) {
-		return io(e, oo);
+		return fo(e, mo);
 	}
 	findItalicElement(e) {
-		return U(e, oo);
+		return W(e, mo);
 	}
 	collectItalicAncestors(e) {
-		return G(e, oo);
+		return K(e, mo);
 	}
 	getRangeHtmlWithoutItalic(e) {
 		let t = e.cloneContents();
@@ -6384,10 +6572,10 @@ var q, oo = (e) => {
 		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-q = so, q.isInline = !0, q.title = "Italic", q.titleKey = "italic", q.shortcut = "CMD+I";
+J = ho, 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, co = "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", lo = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left pointer-events-none", uo = class {
+var Y, go = "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", _o = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left pointer-events-none", vo = class {
 	static get sanitize() {
 		return { a: {
 			href: !0,
@@ -6411,13 +6599,13 @@ var J, co = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 	}
 	render() {
 		return {
-			icon: Qe,
+			icon: tt,
 			name: "link",
 			isActive: () => !!this.selection.findParentTag("A"),
 			children: {
 				hideChevron: !0,
 				items: [{
-					type: b.Html,
+					type: v.Html,
 					element: this.nodes.inputWrapper
 				}],
 				onOpen: () => {
@@ -6447,7 +6635,7 @@ var J, co = "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 = co, n.setAttribute("data-link-suggestion-row", "");
+		n.type = "button", n.className = go, 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");
@@ -6465,20 +6653,20 @@ var J, co = "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 ? co : lo), 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 ? go : _o), 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: et,
+			icon: rt,
 			label: "Email address"
 		} : e.startsWith("#") ? {
-			icon: ye,
+			icon: xe,
 			label: "Jump to section"
 		} : {
-			icon: f,
+			icon: m,
 			label: "Link to web page"
 		};
 	}
@@ -6514,7 +6702,7 @@ var J, co = "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(`${_(d.interface, t)} [data-blok-item-name="link"]`);
+		let e = document.querySelector(`${b(_.interface, je)} [data-blok-item-name="link"]`);
 		return e && e !== this.nodes.button && (e.addEventListener("click", this.handleButtonClick, !0), this.nodes.button = e), e;
 	}
 	updateButtonStateAttributes(e) {
@@ -6552,7 +6740,7 @@ var J, co = "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"
-			}), ut("Incorrect Link pasted", "warn", t);
+			}), i("Incorrect Link pasted", "warn", t);
 			return;
 		}
 		let n = this.prepareLink(t);
@@ -6594,13 +6782,13 @@ var J, co = "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 = uo, J.isInline = !0, J.title = "Link", J.titleKey = "link", J.shortcut = "CMD+K";
+Y = vo, 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", X = (e) => U(e, Y), Z, fo = {
+var X = (e) => e.tagName === "MARK", yo = (e) => W(e, X), Z, bo = {
 	color: "background-color",
 	"background-color": "color"
-}, po = class e {
+}, xo = class e {
 	static get sanitize() {
 		return { mark: (t) => {
 			let n = t.style, r = Array.from({ length: n.length }, (e, t) => n.item(t));
@@ -6628,12 +6816,12 @@ var Y = (e) => e.tagName === "MARK", X = (e) => U(e, Y), Z, fo = {
 	}
 	render() {
 		return {
-			icon: Ee,
+			icon: Oe,
 			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);
@@ -6643,7 +6831,7 @@ var Y = (e) => e.tagName === "MARK", X = (e) => U(e, Y), Z, fo = {
 			children: {
 				hideChevron: !0,
 				items: [{
-					type: b.Html,
+					type: v.Html,
 					element: this.picker.element
 				}],
 				onOpen: () => {
@@ -6684,10 +6872,10 @@ var Y = (e) => e.tagName === "MARK", X = (e) => U(e, Y), Z, fo = {
 		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 = fo[e], r = t.style.getPropertyValue(n);
+			let n = bo[e], r = t.style.getPropertyValue(n);
 			r !== "" && r !== "transparent" ? this.ensureTransparentBg(t) : this.unwrapElement(t);
 		}
 		let m = a.isConnected, h = s.isConnected;
@@ -6715,7 +6903,7 @@ var Y = (e) => e.tagName === "MARK", X = (e) => U(e, Y), Z, fo = {
 		this.selection.removeFakeBackground(), this.selection.savedSelectionRange && this.selection.restore(), this.selection.clearSaved();
 	}
 	detectBothSelectionColors(e) {
-		let t = X(e.startContainer);
+		let t = yo(e.startContainer);
 		if (!t) return {
 			text: null,
 			bg: null
@@ -6735,7 +6923,7 @@ var Y = (e) => e.tagName === "MARK", X = (e) => U(e, Y), Z, fo = {
 			text: null,
 			bg: null
 		};
-		let t = X(e.getRangeAt(0).startContainer);
+		let t = yo(e.getRangeAt(0).startContainer);
 		if (!t) return {
 			text: null,
 			bg: null
@@ -6755,14 +6943,14 @@ var Y = (e) => e.tagName === "MARK", X = (e) => U(e, Y), Z, fo = {
 		this.selection.savedSelectionRange && (this.selection.removeFakeBackground(), this.selection.restore(), this.selection.clearSaved());
 	}
 	findContainingMark(e) {
-		let t = X(e.startContainer), n = X(e.endContainer);
+		let t = yo(e.startContainer), n = yo(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 = fo[t], r = e.style.getPropertyValue(n);
+			let n = bo[t], r = e.style.getPropertyValue(n);
 			r !== "" && r !== "transparent" ? this.ensureTransparentBg(e) : this.unwrapElement(e);
 		}
 	}
@@ -6793,7 +6981,7 @@ var Y = (e) => e.tagName === "MARK", X = (e) => U(e, Y), Z, fo = {
 		}
 	}
 	splitMarksAtBoundaries(e) {
-		let t = G(e, Y);
+		let t = K(e, X);
 		for (let n of t) {
 			let t = document.createRange();
 			t.selectNodeContents(n);
@@ -6858,20 +7046,20 @@ var Y = (e) => e.tagName === "MARK", X = (e) => U(e, Y), Z, fo = {
 	}
 	resolveToVar(e, t) {
 		if (e.startsWith("var(")) return e;
-		let n = t === "color" ? "text" : "bg", r = re(e, n);
-		return r === null ? e : m(r, n);
+		let n = t === "color" ? "text" : "bg", r = se(e, n);
+		return r === null ? e : re(r, n);
 	}
 };
-Z = po, Z.isInline = !0, Z.title = "Color", Z.titleKey = "marker", Z.shortcut = "CMD+SHIFT+H", Z.ALLOWED_STYLE_PROPS = new Set(["color", "background-color"]);
+Z = xo, 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 Q, mo = (e) => e.tagName === "U", ho = class {
+var Q, So = (e) => e.tagName === "U", Co = class {
 	static get sanitize() {
 		return { u: {} };
 	}
 	render() {
 		return {
-			icon: fe,
+			icon: o,
 			name: "underline",
 			onActivate: () => {
 				this.toggleUnderline();
@@ -6911,7 +7099,7 @@ var Q, mo = (e) => e.tagName === "U", ho = class {
 		return this.isRangeUnderline(t, { ignoreWhitespace: !0 });
 	}
 	isRangeUnderline(e, t) {
-		return W(e, mo, t);
+		return G(e, So, t);
 	}
 	wrapWithUnderline(e) {
 		let t = this.getRangeHtmlWithoutUnderline(e), n = this.replaceRangeWithHtml(e, `<u>${t}</u>`), r = window.getSelection();
@@ -6937,13 +7125,13 @@ var Q, mo = (e) => e.tagName === "U", ho = class {
 		});
 	}
 	hasUnderlineParent(e) {
-		return io(e, mo);
+		return fo(e, So);
 	}
 	findUnderlineElement(e) {
-		return U(e, mo);
+		return W(e, So);
 	}
 	collectUnderlineAncestors(e) {
-		return G(e, mo);
+		return K(e, So);
 	}
 	getRangeHtmlWithoutUnderline(e) {
 		let t = e.cloneContents();
@@ -7000,16 +7188,16 @@ var Q, mo = (e) => e.tagName === "U", ho = class {
 		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-Q = ho, Q.isInline = !0, Q.title = "Underline", Q.titleKey = "underline", Q.shortcut = "CMD+U";
+Q = Co, Q.isInline = !0, Q.title = "Underline", Q.titleKey = "underline", Q.shortcut = "CMD+U";
 //#endregion
 //#region src/components/inline-tools/inline-tool-strikethrough.ts
-var $, go = (e) => e.tagName === "S", _o = class {
+var $, wo = (e) => e.tagName === "S", To = class {
 	static get sanitize() {
 		return { s: {} };
 	}
 	render() {
 		return {
-			icon: Ue,
+			icon: ze,
 			name: "strikethrough",
 			onActivate: () => {
 				this.toggleStrikethrough();
@@ -7049,7 +7237,7 @@ var $, go = (e) => e.tagName === "S", _o = class {
 		return this.isRangeStrikethrough(t, { ignoreWhitespace: !0 });
 	}
 	isRangeStrikethrough(e, t) {
-		return W(e, go, t);
+		return G(e, wo, t);
 	}
 	wrapWithStrikethrough(e) {
 		let t = this.getRangeHtmlWithoutStrikethrough(e), n = this.replaceRangeWithHtml(e, `<s>${t}</s>`), r = window.getSelection();
@@ -7075,13 +7263,13 @@ var $, go = (e) => e.tagName === "S", _o = class {
 		});
 	}
 	hasStrikethroughParent(e) {
-		return io(e, go);
+		return fo(e, wo);
 	}
 	findStrikethroughElement(e) {
-		return U(e, go);
+		return W(e, wo);
 	}
 	collectStrikethroughAncestors(e) {
-		return G(e, go);
+		return K(e, wo);
 	}
 	getRangeHtmlWithoutStrikethrough(e) {
 		let t = e.cloneContents();
@@ -7138,18 +7326,19 @@ var $, go = (e) => e.tagName === "S", _o = class {
 		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-$ = _o, $.isInline = !0, $.title = "Strikethrough", $.titleKey = "strikethrough", $.shortcut = "CMD+SHIFT+S";
+$ = To, $.isInline = !0, $.title = "Strikethrough", $.titleKey = "strikethrough", $.shortcut = "CMD+SHIFT+S";
 //#endregion
 //#region src/tools/index.ts
-var vo = {
+var Eo = {
 	paragraph: { preserveBlank: !0 },
 	header: {},
 	list: {},
 	table: {},
 	toggle: {},
 	callout: {},
-	divider: {}
-}, yo = {
+	divider: {},
+	quote: {}
+}, Do = {
 	bold: {},
 	italic: {},
 	link: {},
@@ -7158,4 +7347,4 @@ var vo = {
 	strikethrough: {}
 };
 //#endregion
-export { po as a, ao as c, ra as d, Qi as f, St as h, ho as i, Ka as l, Lt as m, yo as n, uo as o, tr as p, _o as r, so as s, vo as t, Ga as u };
+export { xo as a, po as c, Ja as d, ra as f, St as g, Lt as h, Co as i, $a as l, tr as m, Do as n, vo as o, Qi as p, To as r, ho as s, Eo as t, Ya as u };