@bloklabs/react 1.8.0 → 1.10.0

package/dist/index.mjs

@@ -1,54 +1,54 @@
 import { Component as e, Fragment as t, createContext as n, createElement as r, forwardRef as i, isValidElement as a, useCallback as o, useContext as s, useEffect as c, useImperativeHandle as l, useMemo as u, useRef as d, useState as f, useSyncExternalStore as p } from "react";
 import { Blok as m } from "@bloklabs/core";
-import { BlockChildrenMounted as h, DATA_ATTR as g, EMPTY_API as _, EMPTY_OUTPUT_DATA as v, createBlocksApiForEditor as y, createEmittedEchoWindow as ee, deepEqual as b, deepEqual as x, equalsOutputData as te, fillDefaults as S, markSanitizerConfig as C, mountChildBlocks as w, normalizeReadOnlyConfig as ne, toRenderableData as re } from "@bloklabs/core/adapters";
-import { Fragment as T, jsx as E } from "react/jsx-runtime";
-import { getDirection as D, normalizeLocale as O } from "@bloklabs/core/locales";
-import { createPortal as k, flushSync as A } from "react-dom";
-import { blocksToViewNodes as j } from "@bloklabs/core/view";
-import { createRoot as M } from "react-dom/client";
+import { BlockChildrenMounted as h, DATA_ATTR as g, EMPTY_API as _, EMPTY_OUTPUT_DATA as v, applyChildDecoration as y, changeTouchesSubtree as b, createBlocksApiForEditor as x, createChildDecorationLedger as S, createEmittedEchoWindow as ee, deepEqual as C, deepEqual as w, equalsOutputData as te, fillDefaults as T, markSanitizerConfig as E, mountChildBlocks as D, normalizeReadOnlyConfig as ne, toRenderableData as re } from "@bloklabs/core/adapters";
+import { Fragment as O, jsx as k } from "react/jsx-runtime";
+import { getDirection as A, normalizeLocale as j } from "@bloklabs/core/locales";
+import { createPortal as M, flushSync as N } from "react-dom";
+import { blocksToViewNodes as P } from "@bloklabs/core/view";
+import { createRoot as F } from "react-dom/client";
 //#region src/holder-map.ts
-var N = /* @__PURE__ */ new WeakMap();
+var I = /* @__PURE__ */ new WeakMap();
 function ie(e, t) {
-	N.set(e, t);
+	I.set(e, t);
 }
-function P(e) {
-	return N.get(e);
+function L(e) {
+	return I.get(e);
 }
-function F(e) {
-	N.delete(e);
+function R(e) {
+	I.delete(e);
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.139.0/helpers/esm/typeof.js
-function I(e) {
+function z(e) {
 	"@babel/helpers - typeof";
-	return I = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+	return z = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
 		return typeof e;
 	} : function(e) {
 		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-	}, I(e);
+	}, z(e);
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.139.0/helpers/esm/toPrimitive.js
-function L(e, t) {
-	if (I(e) != "object" || !e) return e;
+function B(e, t) {
+	if (z(e) != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
 		var r = n.call(e, t || "default");
-		if (I(r) != "object") return r;
+		if (z(r) != "object") return r;
 		throw TypeError("@@toPrimitive must return a primitive value.");
 	}
 	return (t === "string" ? String : Number)(e);
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.139.0/helpers/esm/toPropertyKey.js
-function R(e) {
-	var t = L(e, "string");
-	return I(t) == "symbol" ? t : t + "";
+function V(e) {
+	var t = B(e, "string");
+	return z(t) == "symbol" ? t : t + "";
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.139.0/helpers/esm/defineProperty.js
-function z(e, t, n) {
-	return (t = R(t)) in e ? Object.defineProperty(e, t, {
+function H(e, t, n) {
+	return (t = V(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
@@ -57,7 +57,7 @@ function z(e, t, n) {
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.139.0/helpers/esm/objectSpread2.js
-function B(e, t) {
+function U(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -67,12 +67,12 @@ function B(e, t) {
 	}
 	return n;
 }
-function V(e) {
+function W(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? B(Object(n), !0).forEach(function(t) {
-			z(e, t, n[t]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : B(Object(n)).forEach(function(t) {
+		t % 2 ? U(Object(n), !0).forEach(function(t) {
+			H(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : U(Object(n)).forEach(function(t) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		});
 	}
@@ -80,35 +80,35 @@ function V(e) {
 }
 //#endregion
 //#region src/provide-blok.tsx
-var H = n({});
-function U({ defaults: e, children: t }) {
-	return /* @__PURE__ */ E(H.Provider, {
+var G = n({});
+function ae({ defaults: e, children: t }) {
+	return /* @__PURE__ */ k(G.Provider, {
 		value: e,
 		children: t
 	});
 }
-function W() {
-	return s(H);
+function oe() {
+	return s(G);
 }
-function ae(e, t) {
+function se(e, t) {
 	if (Object.keys(e).length === 0) return t;
-	let n = V({}, e);
+	let n = W({}, e);
 	for (let e of Object.keys(t)) {
 		let r = t[e];
 		r !== void 0 && (n[e] = r);
 	}
-	return (e.tools !== void 0 || t.tools !== void 0) && (n.tools = V(V({}, e.tools), t.tools)), n;
+	return (e.tools !== void 0 || t.tools !== void 0) && (n.tools = W(W({}, e.tools), t.tools)), n;
 }
 //#endregion
 //#region src/block-portal-registry.ts
-var G = "__blokPortalRegistry", K = "__blokToolName", oe = () => {
+var K = "__blokPortalRegistry", q = "__blokToolName", ce = () => {
 	let e = { snapshot: /* @__PURE__ */ new Map() }, t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map(), r = (n) => {
 		e.snapshot = n, t.forEach((e) => e());
 	};
 	return {
 		register(t, i) {
 			let a = new Map(e.snapshot), o = i.toolName === void 0 ? void 0 : n.get(i.toolName);
-			a.set(t, o === void 0 ? i : V(V({}, i), {}, { props: V(V({}, i.props), {}, { config: o }) })), r(a);
+			a.set(t, o === void 0 ? i : W(W({}, i), {}, { props: W(W({}, i.props), {}, { config: o }) })), r(a);
 		},
 		unregister(t, n) {
 			let i = e.snapshot.get(t);
@@ -120,14 +120,14 @@ var G = "__blokPortalRegistry", K = "__blokToolName", oe = () => {
 			let i = e.snapshot.get(t);
 			if (i === void 0) return;
 			let a = new Map(e.snapshot);
-			a.set(t, V(V({}, i), {}, { props: V(V({}, i.props), n) })), r(a);
+			a.set(t, W(W({}, i), {}, { props: W(W({}, i.props), n) })), r(a);
 		},
 		setToolConfig(t, i) {
 			n.set(t, i);
 			let a = [...e.snapshot].filter(([, e]) => e.toolName === t);
 			if (a.length === 0) return;
 			let o = new Map(e.snapshot);
-			for (let [e, t] of a) o.set(e, V(V({}, t), {}, { props: V(V({}, t.props), {}, { config: i }) }));
+			for (let [e, t] of a) o.set(e, W(W({}, t), {}, { props: W(W({}, t.props), {}, { config: i }) }));
 			r(o);
 		},
 		subscribe(e) {
@@ -139,57 +139,57 @@ var G = "__blokPortalRegistry", K = "__blokToolName", oe = () => {
 			return e.snapshot;
 		}
 	};
-}, q = /* @__PURE__ */ new WeakMap();
-function se(e, t) {
-	q.set(e, t);
+}, J = /* @__PURE__ */ new WeakMap();
+function le(e, t) {
+	J.set(e, t);
 }
-function ce(e) {
-	return q.get(e);
+function ue(e) {
+	return J.get(e);
 }
-function J(e) {
-	q.delete(e);
+function Y(e) {
+	J.delete(e);
 }
 //#endregion
 //#region src/content-baseline-map.ts
-var Y = /* @__PURE__ */ new WeakMap();
-function le(e, t) {
-	Y.set(e, t);
+var X = /* @__PURE__ */ new WeakMap();
+function de(e, t) {
+	X.set(e, t);
 }
-function ue(e) {
-	return Y.get(e);
+function fe(e) {
+	return X.get(e);
 }
-function X(e) {
-	Y.delete(e);
+function Z(e) {
+	X.delete(e);
 }
 //#endregion
 //#region src/live-tool-config.ts
-var Z = (e) => {
+var Q = (e) => {
 	if (typeof e != "object" || !e) return !1;
 	let t = Object.getPrototypeOf(e);
 	return t === Object.prototype || t === null;
-}, de = (e, t) => t.reduce((e, t) => {
+}, pe = (e, t) => t.reduce((e, t) => {
 	if (Array.isArray(e)) return typeof t == "number" ? e[t] : void 0;
-	if (Z(e)) return e[t];
-}, e), fe = (e, t) => {
+	if (Q(e)) return e[t];
+}, e), me = (e, t) => {
 	let n = (e, t) => {
 		if (typeof e == "function") return typeof t == "function" ? t : e;
 		if (Array.isArray(e)) {
 			let r = Array.isArray(t) ? t : [];
 			return e.map((e, t) => n(e, r[t]));
 		}
-		if (Z(e)) {
-			let r = Z(t) ? t : {}, i = {};
+		if (Q(e)) {
+			let r = Q(t) ? t : {}, i = {};
 			for (let [t, a] of Object.entries(e)) i[t] = n(a, r[t]);
 			return i;
 		}
 		return e;
 	}, r = n(t, e);
-	return Z(r) ? r : {};
-}, pe = (e, t) => {
-	if (!Z(e)) return e;
+	return Q(r) ? r : {};
+}, he = (e, t) => {
+	if (!Q(e)) return e;
 	let n = {};
 	for (let [r, i] of Object.entries(e)) {
-		if (!Z(i) || !Z(i.config)) {
+		if (!Q(i) || !Q(i.config)) {
 			n[r] = i;
 			continue;
 		}
@@ -197,12 +197,12 @@ var Z = (e) => {
 			if (typeof n == "function") {
 				let e = n;
 				return function(...n) {
-					let a = t(), o = Z(a) ? a[r] : void 0, s = de(Z(o) ? o.config : void 0, i);
+					let a = t(), o = Q(a) ? a[r] : void 0, s = pe(Q(o) ? o.config : void 0, i);
 					return Reflect.apply(typeof s == "function" ? s : e, this, n);
 				};
 			}
 			if (Array.isArray(n)) return e.has(n) ? n : (e.add(n), n.map((e, t) => a(e, [...i, t])));
-			if (Z(n)) {
+			if (Q(n)) {
 				if (e.has(n)) return n;
 				e.add(n);
 				let t = {};
@@ -211,37 +211,37 @@ var Z = (e) => {
 			}
 			return n;
 		};
-		n[r] = V(V({}, i), {}, { config: a(i.config, []) });
+		n[r] = W(W({}, i), {}, { config: a(i.config, []) });
 	}
 	return n;
-}, me = (e) => {
+}, ge = (e) => {
 	let t = typeof e == "function" ? e : e == null ? void 0 : e.class;
 	return typeof t == "function" && t.__isBlokReactBlock === !0;
-}, he = (e) => {
+}, _e = (e) => {
 	let t = typeof e == "function" ? e : e == null ? void 0 : e.class;
 	return typeof t == "function" && t.__isBlokReactInlineTool === !0;
-}, ge = (e, t) => {
+}, ve = (e, t) => {
 	if (typeof e != "object" || !e) return e;
 	let n = {};
 	for (let [i, a] of Object.entries(e)) {
 		var r;
-		if (!me(a) && !he(a)) {
+		if (!ge(a) && !_e(a)) {
 			n[i] = a;
 			continue;
 		}
-		let e = typeof a == "function" ? { class: a } : V({}, a);
-		e.config = V(V({}, (r = e.config) == null ? {} : r), {}, {
-			[G]: t,
-			[K]: i
+		let e = typeof a == "function" ? { class: a } : W({}, a);
+		e.config = W(W({}, (r = e.config) == null ? {} : r), {}, {
+			[K]: t,
+			[q]: i
 		});
 		let o = e.class.__buildPortalToolbox, s = typeof o == "function" && e.toolbox === void 0 ? o(t, i) : void 0;
 		s !== void 0 && (e.toolbox = s), n[i] = e;
 	}
 	return n;
 };
-function _e(e, t) {
+function ye(e, t) {
 	var n, r;
-	let i = ae(s(H), e), [a, o] = f(null), l = d(i);
+	let i = se(s(G), e), [a, o] = f(null), l = d(i);
 	l.current = i;
 	let p = d({
 		editor: null,
@@ -250,7 +250,7 @@ function _e(e, t) {
 		isDestroyed: !1,
 		isEditorReady: !1,
 		depsToken: null
-	}), h = u(() => ({}), t == null ? [] : t), g = d(i.data), _ = d(ee()), v = d(null), y = d(i.data), b = d(Promise.resolve()), S = d(void 0), C = d(null), w = d(void 0), T = d(/* @__PURE__ */ new Map()), E = d(/* @__PURE__ */ new Map()), D = d(null), O = d({
+	}), h = u(() => ({}), t == null ? [] : t), g = d(i.data), _ = d(ee()), v = d(null), y = d(i.data), b = d(Promise.resolve()), x = d(void 0), S = d(null), C = d(void 0), T = d(/* @__PURE__ */ new Map()), E = d(/* @__PURE__ */ new Map()), D = d(null), O = d({
 		onChange: !1,
 		onSave: !1,
 		onEnter: !1,
@@ -263,10 +263,10 @@ function _e(e, t) {
 		if (typeof window > "u") return;
 		let t = p.current;
 		if (t.destroyTimeout !== null && (clearTimeout(t.destroyTimeout), t.destroyTimeout = null), t.editor !== null && !t.isDestroyed && t.depsToken === h) return t.isEditorReady && o(t.editor), () => {
-			ve(t, o);
+			be(t, o);
 		};
 		if (t.editor !== null && !t.isDestroyed) {
-			F(t.editor), J(t.editor), X(t.editor);
+			R(t.editor), Y(t.editor), Z(t.editor);
 			try {
 				t.editor.destroy();
 			} catch (e) {}
@@ -274,8 +274,8 @@ function _e(e, t) {
 		}
 		let n = document.createElement("div");
 		t.holder = n, t.isDestroyed = !1, t.isEditorReady = !1, t.depsToken = h;
-		let r = l.current, i = oe(), a = r.tools === void 0 ? void 0 : pe(r.tools, () => l.current.tools), s = a === void 0 ? void 0 : ge(a, i);
-		C.current = i, w.current = a, T.current = /* @__PURE__ */ new Map(), E.current = new Map(Object.entries((e = r.tools) == null ? {} : e).map(([e, t]) => [e, typeof t == "object" && t ? t.toolbox : void 0]));
+		let r = l.current, i = ce(), a = r.tools === void 0 ? void 0 : he(r.tools, () => l.current.tools), s = a === void 0 ? void 0 : ve(a, i);
+		S.current = i, C.current = a, T.current = /* @__PURE__ */ new Map(), E.current = new Map(Object.entries((e = r.tools) == null ? {} : e).map(([e, t]) => [e, typeof t == "object" && t ? t.toolbox : void 0]));
 		let c = {
 			onChange: (...e) => {
 				var t, n;
@@ -312,39 +312,39 @@ function _e(e, t) {
 			onAfterRender: r.onAfterRender !== void 0
 		};
 		O.current = u;
-		let d = new m(V(V(V(V(V(V(V(V({}, r), s === void 0 ? {} : { tools: s }), {}, {
+		let d = new m(W(W(W(W(W(W(W(W({}, r), s === void 0 ? {} : { tools: s }), {}, {
 			holder: n,
 			onReady: (...e) => {
 				var t, n;
 				(t = (n = l.current).onReady) == null || t.call(n, ...e);
 			}
 		}, u.onChange ? { onChange: c.onChange } : {}), u.onSave ? { onSave: c.onSave } : {}), u.onEnter ? { onEnter: c.onEnter } : {}), u.onSubmit ? { onSubmit: c.onSubmit } : {}), u.onBeforeRender ? { onBeforeRender: c.onBeforeRender } : {}), u.onAfterRender ? { onAfterRender: c.onAfterRender } : {}));
-		return t.editor = d, y.current = r.data, ie(d, n), se(d, i), le(d, { markRendered: (e) => {
-			_.current.clear(), g.current = e, S.current = void 0;
+		return t.editor = d, y.current = r.data, ie(d, n), le(d, i), de(d, { markRendered: (e) => {
+			_.current.clear(), g.current = e, x.current = void 0;
 		} }), d.isReady.then(() => {
 			t.editor === d && !t.isDestroyed && (t.isEditorReady = !0, o(d));
 		}).catch(() => {
 			if (t.editor === d && !t.isDestroyed) {
-				F(d), J(d), X(d);
+				R(d), Y(d), Z(d);
 				try {
 					d.destroy();
 				} catch (e) {}
 				t.editor = null, t.holder = null, t.isDestroyed = !0, t.isEditorReady = !1, o(null);
 			}
 		}), () => {
-			ve(t, o);
+			be(t, o);
 		};
 	}, [h]), c(() => {
-		let e = C.current, t = p.current;
+		let e = S.current, t = p.current;
 		if (e === null || t.editor === null || t.isDestroyed) return;
 		let n = l.current.tools;
 		if (typeof n != "object" || !n) return;
-		let r = w.current;
+		let r = C.current;
 		for (let [t, a] of Object.entries(n)) {
 			var i;
-			if (!me(a)) continue;
-			let n = typeof a == "function" || (i = a.config) == null ? {} : i, o = r == null ? void 0 : r[t], s = fe(typeof o == "object" && o ? o.config : void 0, n), c = T.current.get(t);
-			if (c !== void 0 && x(s, c)) continue;
+			if (!ge(a)) continue;
+			let n = typeof a == "function" || (i = a.config) == null ? {} : i, o = r == null ? void 0 : r[t], s = me(typeof o == "object" && o ? o.config : void 0, n), c = T.current.get(t);
+			if (c !== void 0 && w(s, c)) continue;
 			let l = Object.freeze(s);
 			T.current.set(t, l), e.setToolConfig(t, l);
 		}
@@ -356,7 +356,7 @@ function _e(e, t) {
 			var n;
 			if (!E.current.has(r)) continue;
 			let t = typeof i == "object" && i ? i.toolbox : void 0;
-			x(t, E.current.get(r)) || (E.current.set(r, t), (n = e.editor.tools) == null || n.update(r, { toolbox: t }));
+			w(t, E.current.get(r)) || (E.current.set(r, t), (n = e.editor.tools) == null || n.update(r, { toolbox: t }));
 		}
 	}), c(() => {
 		let e = p.current, t = D.current;
@@ -400,50 +400,50 @@ function _e(e, t) {
 	c(() => {
 		a === null || !P || a.focus();
 	}, [a, P]);
-	let { theme: I } = i;
+	let { theme: F } = i;
+	c(() => {
+		a === null || F === void 0 || a.theme.set(F);
+	}, [a, F]);
+	let { width: I } = i;
 	c(() => {
-		a === null || I === void 0 || a.theme.set(I);
+		a === null || I === void 0 || a.width.set(I);
 	}, [a, I]);
-	let { width: L } = i;
+	let L = (n = i.style) == null ? void 0 : n.tokens, z = d((r = i.style) == null ? void 0 : r.tokens);
 	c(() => {
-		a === null || L === void 0 || a.width.set(L);
+		a === null || L === void 0 || w(L, z.current) || (z.current = L, a.tokens.set(L));
 	}, [a, L]);
-	let R = (n = i.style) == null ? void 0 : n.tokens, z = d((r = i.style) == null ? void 0 : r.tokens);
+	let { i18n: B } = i, V = d(i.i18n);
 	c(() => {
-		a === null || R === void 0 || x(R, z.current) || (z.current = R, a.tokens.set(R));
-	}, [a, R]);
-	let { i18n: B } = i, U = d(i.i18n);
-	c(() => {
-		if (a === null || B === void 0 || x(B, U.current)) return;
-		U.current = B;
+		if (a === null || B === void 0 || w(B, V.current)) return;
+		V.current = B;
 		let { locale: e, messages: t, direction: n } = B;
-		a.i18n.update(V(V(V({}, e === void 0 ? {} : { locale: e }), t === void 0 ? {} : { messages: t }), n === void 0 ? {} : { direction: n }));
+		a.i18n.update(W(W(W({}, e === void 0 ? {} : { locale: e }), t === void 0 ? {} : { messages: t }), n === void 0 ? {} : { direction: n }));
 	}, [a, B]);
-	let { placeholder: W } = i;
+	let { placeholder: H } = i;
 	c(() => {
-		a === null || W === void 0 || a.placeholder.set(W);
-	}, [a, W]);
-	let { data: G } = i;
+		a === null || H === void 0 || a.placeholder.set(H);
+	}, [a, H]);
+	let { data: U } = i;
 	return c(() => {
-		if (a === null || G === void 0) return;
+		if (a === null || U === void 0) return;
 		let e = p.current;
 		if (e.editor !== a || e.isDestroyed) return;
-		if (v.current !== a && (v.current = a, S.current = void 0, _.current.clear(), x(G, y.current))) {
-			g.current = G;
+		if (v.current !== a && (v.current = a, x.current = void 0, _.current.clear(), w(U, y.current))) {
+			g.current = U;
 			return;
 		}
-		let t = g.current, n = S.current;
-		t !== void 0 && te(G, t) || n !== void 0 && te(G, n) || _.current.matches(G) || (_.current.clear(), S.current = G, b.current = b.current.catch(() => void 0).then(() => a.render(re(G))).then(() => {
-			g.current = G;
+		let t = g.current, n = x.current;
+		t !== void 0 && te(U, t) || n !== void 0 && te(U, n) || _.current.matches(U) || (_.current.clear(), x.current = U, b.current = b.current.catch(() => void 0).then(() => a.render(re(U))).then(() => {
+			g.current = U;
 		}, () => {}).then(() => {
-			S.current === G && (S.current = void 0);
+			x.current === U && (x.current = void 0);
 		}));
-	}, [a, G]), a;
+	}, [a, U]), a;
 }
-function ve(e, t) {
+function be(e, t) {
 	e.destroyTimeout = setTimeout(() => {
 		if (e.editor !== null) {
-			F(e.editor), J(e.editor), X(e.editor);
+			R(e.editor), Y(e.editor), Z(e.editor);
 			try {
 				e.editor.destroy();
 			} catch (e) {}
@@ -453,7 +453,7 @@ function ve(e, t) {
 }
 //#endregion
 //#region src/BlockPortalHost.tsx
-var ye = class extends e {
+var xe = class extends e {
 	constructor(...e) {
 		super(...e), this.state = { failed: !1 };
 	}
@@ -465,22 +465,22 @@ var ye = class extends e {
 		return this.state.failed ? null : this.props.children;
 	}
 };
-function be({ registry: e }) {
+function Se({ registry: e }) {
 	let t = p(e.subscribe, e.getSnapshot, e.getSnapshot);
-	return /* @__PURE__ */ E(T, { children: Array.from(t.entries()).map(([e, t]) => {
+	return /* @__PURE__ */ k(O, { children: Array.from(t.entries()).map(([e, t]) => {
 		let n = t.component;
-		return k(/* @__PURE__ */ E(ye, { children: /* @__PURE__ */ E(n, V({}, t.props)) }), t.hostEl, e);
+		return M(/* @__PURE__ */ k(xe, { children: /* @__PURE__ */ k(n, W({}, t.props)) }), t.hostEl, e);
 	}) });
 }
 //#endregion
 //#region src/blok-instance-context.ts
-var xe = n(null);
-function Se() {
-	return s(xe);
+var Ce = n(null);
+function we() {
+	return s(Ce);
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.139.0/helpers/esm/objectWithoutPropertiesLoose.js
-function Ce(e, t) {
+function Te(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -491,9 +491,9 @@ function Ce(e, t) {
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.139.0/helpers/esm/objectWithoutProperties.js
-function Q(e, t) {
+function $(e, t) {
 	if (e == null) return {};
-	var n, r, i = Ce(e, t);
+	var n, r, i = Te(e, t);
 	if (Object.getOwnPropertySymbols) {
 		var a = Object.getOwnPropertySymbols(e);
 		for (r = 0; r < a.length; r++) n = a[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
@@ -502,22 +502,22 @@ function Q(e, t) {
 }
 //#endregion
 //#region src/BlokContent.tsx
-var we = ["editor"];
-function Te(e) {
+var Ee = ["editor"];
+function De(e) {
 	var t, n;
 	if (typeof window > "u") return;
 	let r = window.location.hash.slice(1);
-	r !== "" && ((t = (n = e.blocks).scrollToBlock) == null || t.call(n, Ee(r)));
+	r !== "" && ((t = (n = e.blocks).scrollToBlock) == null || t.call(n, Oe(r)));
 }
-function Ee(e) {
+function Oe(e) {
 	try {
 		return decodeURIComponent(e);
 	} catch (t) {
 		return e;
 	}
 }
-var De = i(function(e, t) {
-	let { editor: n } = e, r = Q(e, we), i = d(null), a = (e) => {
+var ke = i(function(e, t) {
+	let { editor: n } = e, r = $(e, Ee), i = d(null), a = (e) => {
 		if (i.current = e, typeof t == "function") t(e);
 		else if (t != null) {
 			let n = t;
@@ -526,33 +526,33 @@ var De = i(function(e, t) {
 	};
 	c(() => {
 		if (n === null || i.current === null) return;
-		let e = P(n);
-		if (e !== void 0) return i.current.appendChild(e), Te(n), () => {
+		let e = L(n);
+		if (e !== void 0) return i.current.appendChild(e), De(n), () => {
 			e.remove();
 		};
 	}, [n]);
-	let o = n === null ? void 0 : ce(n);
-	return /* @__PURE__ */ E("div", V(V({ ref: a }, r), {}, { children: o === void 0 ? null : /* @__PURE__ */ E(xe.Provider, {
+	let o = n === null ? void 0 : ue(n);
+	return /* @__PURE__ */ k("div", W(W({ ref: a }, r), {}, { children: o === void 0 ? null : /* @__PURE__ */ k(Ce.Provider, {
 		value: n,
-		children: /* @__PURE__ */ E(be, { registry: o })
+		children: /* @__PURE__ */ k(Se, { registry: o })
 	}) }));
-}), Oe = /* @__PURE__ */ "autofocus.defaultBlock.dataModel.placeholder.sanitizer.hideToolbar.maxHistoryLength.historyDebounceTime.newGroupDelay.globalUndoRedo.tools.data.minHeight.logLevel.readOnly.i18n.link.linkPaste.onBeforePaste.onReady.onChange.onSave.onError.onEnter.onSubmit.onBeforeRender.onAfterRender.inlineToolbar.tunes.style.theme.onThemeChange.scrollToBlock.user.resolveUser.notifierPosition.notifier.width.migrations.uploader.captureClicksBelowEditor".split("."), ke = [
+}), Ae = /* @__PURE__ */ "autofocus.defaultBlock.dataModel.placeholder.sanitizer.hideToolbar.maxHistoryLength.historyDebounceTime.newGroupDelay.globalUndoRedo.tools.data.minHeight.logLevel.readOnly.i18n.link.linkPaste.onBeforePaste.onReady.onChange.onSave.onError.onEnter.onSubmit.onBeforeRender.onAfterRender.inlineToolbar.tunes.style.theme.onThemeChange.scrollToBlock.user.resolveUser.notifierPosition.notifier.width.migrations.uploader.captureClicksBelowEditor".split("."), je = [
 	"deps",
 	"onReady",
 	"locale",
 	"onBlocksRendered",
 	"onBlockRendered"
-], Ae = new Set(Oe), je = i(function(e, t) {
-	let { deps: n, onReady: r, locale: i, onBlocksRendered: a, onBlockRendered: o } = e, s = Q(e, ke), u = {}, f = {};
+], Me = new Set(Ae), Ne = i(function(e, t) {
+	let { deps: n, onReady: r, locale: i, onBlocksRendered: a, onBlockRendered: o } = e, s = $(e, je), u = {}, f = {};
 	for (let e of Object.keys(s)) {
 		let t = s[e];
-		Ae.has(e) ? u[e] = t : f[e] = t;
+		Me.has(e) ? u[e] = t : f[e] = t;
 	}
 	if (i !== void 0) {
 		let e = u.i18n;
-		u.i18n = V(V({}, e), {}, { locale: i });
+		u.i18n = W(W({}, e), {}, { locale: i });
 	}
-	let p = _e(u, n);
+	let p = ye(u, n);
 	l(t, () => p, [p]);
 	let m = d(r);
 	m.current = r;
@@ -592,11 +592,11 @@ var De = i(function(e, t) {
 		p,
 		v,
 		y
-	]), /* @__PURE__ */ E(De, V({ editor: p }, f));
+	]), /* @__PURE__ */ k(ke, W({ editor: p }, f));
 });
 //#endregion
 //#region src/useBlokHandle.ts
-function Me() {
+function Pe() {
 	let e = d(null);
 	return u(() => ({
 		ref: (t) => {
@@ -616,7 +616,7 @@ function Me() {
 			let t = e.current;
 			return t === null ? Promise.resolve() : t.clear().then(() => {
 				var e;
-				(e = ue(t)) == null || e.markRendered(v);
+				(e = fe(t)) == null || e.markRendered(v);
 			});
 		},
 		save: () => e.current === null ? Promise.resolve(null) : e.current.save(),
@@ -624,7 +624,7 @@ function Me() {
 			let n = e.current;
 			return n === null ? Promise.resolve() : n.render(t).then(() => {
 				var e;
-				(e = ue(n)) == null || e.markRendered(t);
+				(e = fe(n)) == null || e.markRendered(t);
 			});
 		},
 		setReadOnly: (t) => {
@@ -635,22 +635,23 @@ function Me() {
 }
 //#endregion
 //#region src/useBlocks.ts
-var Ne = "block changed";
-function Pe(e) {
-	let t = d(0), n = d(e);
-	n.current !== e && (n.current = e, t.current = 0);
-	let r = o((n) => {
+var Fe = "block changed";
+function Ie(e, t = {}) {
+	var n;
+	let r = (n = t.within) == null ? null : n, i = d(0), a = d(e);
+	a.current !== e && (a.current = e, i.current = 0);
+	let s = o((t) => {
 		if (e === null) return () => void 0;
-		let r = () => {
-			t.current += 1, n();
+		let n = (n) => {
+			r !== null && !b(e, n, r) || (i.current += 1, t());
 		};
-		return e.on(Ne, r), () => e.off(Ne, r);
-	}, [e]), i = o(() => t.current, []);
-	return p(r, i, i), u(() => e === null ? _ : y(e), [e]);
+		return e.on(Fe, n), () => e.off(Fe, n);
+	}, [e, r]), c = o(() => i.current, []);
+	return p(s, c, c), u(() => e === null ? _ : x(e), [e]);
 }
 //#endregion
 //#region src/useBlokReady.ts
-function Fe(e = {}) {
+function Le(e = {}) {
 	let { within: t, settleOn: n } = e, [r, i] = f(!1);
 	return c(() => {
 		let e = () => {
@@ -666,7 +667,7 @@ function Fe(e = {}) {
 }
 //#endregion
 //#region src/view-nodes-to-react.ts
-var Ie = /* @__PURE__ */ new Set([
+var Re = /* @__PURE__ */ new Set([
 	"area",
 	"base",
 	"br",
@@ -681,7 +682,7 @@ var Ie = /* @__PURE__ */ new Set([
 	"source",
 	"track",
 	"wbr"
-]), Le = /* @__PURE__ */ new Set([
+]), ze = /* @__PURE__ */ new Set([
 	"disabled",
 	"open",
 	"controls",
@@ -697,7 +698,7 @@ var Ie = /* @__PURE__ */ new Set([
 	"novalidate",
 	"allowfullscreen",
 	"itemscope"
-]), $ = {
+]), Be = {
 	class: "className",
 	for: "htmlFor",
 	colspan: "colSpan",
@@ -719,7 +720,7 @@ var Ie = /* @__PURE__ */ new Set([
 	minlength: "minLength",
 	usemap: "useMap",
 	itemscope: "itemScope"
-}, Re = (e) => {
+}, Ve = (e) => {
 	let t = {};
 	for (let n of e.split(";")) {
 		let e = n.indexOf(":");
@@ -730,12 +731,12 @@ var Ie = /* @__PURE__ */ new Set([
 		t[a] = i;
 	}
 	return t;
-}, ze = (e, t) => {
+}, He = (e, t) => {
 	let n = { key: t };
 	for (let [t, a] of Object.entries(e)) {
 		var r;
 		if (t === "style") {
-			n.style = Re(a);
+			n.style = Ve(a);
 			continue;
 		}
 		if (t === "checked") {
@@ -746,28 +747,29 @@ var Ie = /* @__PURE__ */ new Set([
 			n.defaultValue = a;
 			continue;
 		}
-		if (Le.has(t)) {
+		if (ze.has(t)) {
 			var i;
-			n[(i = $[t]) == null ? t : i] = !0;
+			n[(i = Be[t]) == null ? t : i] = !0;
 			continue;
 		}
-		n[(r = $[t]) == null ? t : r] = a;
+		n[(r = Be[t]) == null ? t : r] = a;
 	}
 	return n;
-}, Be = (e) => e.map((e, t) => {
+}, Ue = (e) => e.map((e, t) => {
 	if ("text" in e) return e.text;
-	let n = ze(e.attrs, t);
-	return Ie.has(e.tag) || e.children.length === 0 ? r(e.tag, n) : r(e.tag, n, ...Be(e.children));
-}), Ve = (e, n) => {
-	let i = n == null ? void 0 : n.schema, a = n == null ? void 0 : n.renderers, o = n == null ? void 0 : n.onUnknownBlock, s = n == null ? void 0 : n.toolAttributes, c = n == null ? void 0 : n.blockIds, l = n == null ? void 0 : n.transformUrl, d = n == null ? void 0 : n.classes;
-	return u(() => r(t, null, ...Be(j(e, {
+	let n = He(e.attrs, t);
+	return Re.has(e.tag) || e.children.length === 0 ? r(e.tag, n) : r(e.tag, n, ...Ue(e.children));
+}), We = (e, n) => {
+	let i = n == null ? void 0 : n.schema, a = n == null ? void 0 : n.renderers, o = n == null ? void 0 : n.onUnknownBlock, s = n == null ? void 0 : n.toolAttributes, c = n == null ? void 0 : n.blockIds, l = n == null ? void 0 : n.transformUrl, d = n == null ? void 0 : n.inlineRenderers, f = n == null ? void 0 : n.classes;
+	return u(() => r(t, null, ...Ue(P(e, {
 		schema: i,
 		renderers: a,
 		onUnknownBlock: o,
 		toolAttributes: s,
 		blockIds: c,
 		transformUrl: l,
-		classes: d
+		inlineRenderers: d,
+		classes: f
 	}))), [
 		e,
 		i,
@@ -776,9 +778,10 @@ var Ie = /* @__PURE__ */ new Set([
 		s,
 		c,
 		l,
-		d
+		d,
+		f
 	]);
-}, He = [
+}, Ge = [
 	"data",
 	"schema",
 	"renderers",
@@ -786,69 +789,49 @@ var Ie = /* @__PURE__ */ new Set([
 	"toolAttributes",
 	"blockIds",
 	"transformUrl",
+	"inlineRenderers",
 	"classes"
-], Ue = (e) => {
-	let { data: t, schema: n, renderers: r, onUnknownBlock: i, toolAttributes: a, blockIds: o, transformUrl: s, classes: c } = e, l = Q(e, He), u = Ve(t, {
+], Ke = (e) => {
+	let { data: t, schema: n, renderers: r, onUnknownBlock: i, toolAttributes: a, blockIds: o, transformUrl: s, inlineRenderers: c, classes: l } = e, u = $(e, Ge), d = We(t, {
 		schema: n,
 		renderers: r,
 		onUnknownBlock: i,
 		toolAttributes: a,
 		blockIds: o,
 		transformUrl: s,
-		classes: c == null || c
+		inlineRenderers: c,
+		classes: l == null || l
 	});
-	return /* @__PURE__ */ E("div", V(V({ "data-blok-interface": "view" }, l), {}, { children: u }));
-}, We = ["icon", "title"], Ge = ["commit", "readOnly"], Ke = [G, K], qe = (e, t, n) => {
-	let r = /* @__PURE__ */ new Map();
-	t.forEach((e, t) => {
-		var i;
-		let a = [];
-		for (let [r, o] of Object.entries((i = n == null ? void 0 : n(e, t)) == null ? {} : i)) {
-			if (o == null) {
-				e.holder.removeAttribute(r);
-				continue;
-			}
-			e.holder.setAttribute(r, String(o)), a.push(r);
-		}
-		r.set(e.id, {
-			holder: e.holder,
-			names: a
-		});
-	});
-	for (let [t, n] of e) {
-		let e = r.get(t);
-		n.names.filter((t) => e === void 0 || !e.names.includes(t)).forEach((e) => n.holder.removeAttribute(e));
-	}
-	e.clear(), r.forEach((t, n) => e.set(n, t));
-}, Je = (e, t, n) => {
+	return /* @__PURE__ */ k("div", W(W({ "data-blok-interface": "view" }, u), {}, { children: d }));
+}, qe = ["icon", "title"], Je = ["commit", "readOnly"], Ye = [K, q], Xe = (e, t, n) => {
 	var r;
 	e == null || (r = e.events) == null || r.emit(h, {
 		blockId: t,
 		childIds: n.map((e) => e.id)
 	});
-}, Ye = /* @__PURE__ */ new Set([
+}, Ze = /* @__PURE__ */ new Set([
 	void 0,
 	"user",
 	"api",
 	"convert"
-]), Xe = [
+]), Qe = [
 	"toolbox",
 	"isReadOnlySupported",
 	"__isBlokReactBlock",
 	"__buildPortalToolbox"
 ];
-function Ze(e) {
+function $e(e) {
 	var t, n;
 	let r = (e) => {
 		if (typeof document > "u") return null;
-		let t = document.createElement("div"), n = M(t);
-		A(() => {
+		let t = document.createElement("div"), n = F(t);
+		N(() => {
 			n.render(e);
 		});
 		let r = t.innerHTML;
 		return n.unmount(), r === "" ? null : r;
 	}, i = (e) => {
-		let { icon: t, title: n } = e, i = V({}, Q(e, We));
+		let { icon: t, title: n } = e, i = W({}, $(e, qe));
 		if (typeof n == "string" && (i.title = n), !a(t)) return t !== void 0 && (i.icon = t), {
 			entry: i,
 			deferred: !1
@@ -880,13 +863,13 @@ function Ze(e) {
 			if (s && delete o.icon, !a(e.title)) return o;
 			let c = document.createElement("span");
 			c.setAttribute("data-blok-mutation-free", "true");
-			let l = e.title, u = () => /* @__PURE__ */ E(T, { children: l });
+			let l = e.title, u = () => /* @__PURE__ */ k(O, { children: l });
 			return u.displayName = `BlokToolboxTitle(${n})`, t.register(`__blok-toolbox-title__:${n}:${r}`, {
 				hostEl: c,
 				component: u,
 				props: {},
 				toolName: n
-			}), V(V({}, o), {}, { titleEl: c });
+			}), W(W({}, o), {}, { titleEl: c });
 		});
 		return Array.isArray(e.toolbox) ? o : o[0];
 	}, l = {
@@ -900,10 +883,10 @@ function Ze(e) {
 		let n = e.viewComponent;
 		if (t.readOnly && n !== void 0) {
 			let { commit: e, readOnly: r } = t;
-			return /* @__PURE__ */ E(n, V({}, Q(t, Ge)));
+			return /* @__PURE__ */ k(n, W({}, $(t, Je)));
 		}
 		let r = e.component;
-		return /* @__PURE__ */ E(r, V({}, t));
+		return /* @__PURE__ */ k(r, W({}, t));
 	}, p = (t = class {
 		static get toolbox() {
 			return u();
@@ -916,32 +899,37 @@ function Ze(e) {
 		}
 		constructor(t) {
 			var n, r, i;
-			this.mountSignalled = !1, this.hostEl = null, this.pendingDispatch = !1, this.commit = (t) => {
+			this.mountSignalled = !1, this.hostEl = null, this.pendingDispatch = !1, this.anchorEl = null, this.toolbarAnchorRef = (e) => {
+				this.anchorEl = e;
+			}, this.commit = (t) => {
 				var n;
-				let r = S(e.propSchema, V(V({}, this.mirror), t));
-				b(r, this.mirror) || (this.mirror = r, this.lastRendered = r, (n = this.registry) == null || n.setProps(this.blockApi.id, { data: r }), this.flushDispatch());
+				let r = T(e.propSchema, W(W({}, this.mirror), t));
+				C(r, this.mirror) || (this.mirror = r, this.lastRendered = r, (n = this.registry) == null || n.setProps(this.blockApi.id, { data: r }), this.flushDispatch());
 			}, this.blockApi = t.block;
 			let a = (n = t.config) == null ? {} : n;
-			this.registry = a[G];
-			let o = a[K];
+			this.registry = a[K];
+			let o = a[q];
 			this.toolName = typeof o == "string" ? o : void 0;
 			let s = {};
-			for (let [e, t] of Object.entries(a)) Ke.includes(e) || (s[e] = t);
+			for (let [e, t] of Object.entries(a)) Ye.includes(e) || (s[e] = t);
 			this.toolConfig = Object.freeze(s), this.api = t.api;
 			let l = t.api;
 			this.pointerDrag = () => {
 				var e;
 				return (l == null || (e = l.blocks) == null ? void 0 : e.isPointerDragActive) === !0;
-			}, this.mirror = S(e.propSchema, (r = t.data) == null ? {} : r), this.lastRendered = this.mirror, this.readOnly = t.readOnly, this.origin = (i = t.origin) == null ? "api" : i;
+			}, this.mirror = T(e.propSchema, (r = t.data) == null ? {} : r), this.lastRendered = this.mirror, this.readOnly = t.readOnly, this.origin = (i = t.origin) == null ? "api" : i;
 			let u = this.blockApi, f = this.api;
-			this.childrenComponent = function({ childAttributes: e }) {
-				let t = d(null), n = d(/* @__PURE__ */ new Map());
+			this.childrenComponent = function({ childAttributes: e, childContentAttributes: t }) {
+				let n = d(null), r = d(S());
 				return c(() => {
-					if (t.current === null) return;
-					let r = u.getChildren();
-					w(t.current, r), qe(n.current, r, e), Je(f, u.id, r);
-				}), /* @__PURE__ */ E("div", {
-					ref: t,
+					if (n.current === null) return;
+					let i = u.getChildren();
+					D(n.current, i), y(r.current, i, {
+						childAttributes: e,
+						childContentAttributes: t
+					}), Xe(f, u.id, i);
+				}), /* @__PURE__ */ k("div", {
+					ref: n,
 					[g.nestedBlocks]: ""
 				});
 			}, this.entryComponent = this.buildEntryComponent();
@@ -956,8 +944,8 @@ function Ze(e) {
 					origin: this.origin,
 					api: this.api
 				};
-				t == null || t(this.blockApi, e), Ye.has(this.origin) && (n == null || n(this.blockApi, e));
-			}, a = (e) => (c(i, []), /* @__PURE__ */ E(r, V({}, e)));
+				t == null || t(this.blockApi, e), Ze.has(this.origin) && (n == null || n(this.blockApi, e));
+			}, a = (e) => (c(i, []), /* @__PURE__ */ k(r, W({}, e)));
 			return a.displayName = `BlokBlockMount(${e.type})`, a;
 		}
 		render() {
@@ -979,16 +967,18 @@ function Ze(e) {
 		}
 		async setData(t) {
 			var n = this;
-			let r = S(e.propSchema, t == null ? {} : t);
-			return b(r, n.lastRendered) ? !0 : (n.mirror = r, n.lastRendered = r, n.pushProps({ data: r }), !0);
+			let r = T(e.propSchema, t == null ? {} : t);
+			return C(r, n.lastRendered) ? !0 : (n.mirror = r, n.lastRendered = r, n.pushProps({ data: r }), !0);
 		}
 		setReadOnly(e) {
 			this.readOnly = e, this.pushProps({ readOnly: e });
 		}
 		getToolbarAnchorElement() {
 			var t;
-			let n = this.hostEl;
-			if (!(n === null || e.getToolbarAnchorElement === void 0)) return (t = e.getToolbarAnchorElement(n, this.blockApi)) == null ? void 0 : t;
+			let n = this.anchorEl;
+			if (n !== null && n.isConnected) return n;
+			let r = this.hostEl;
+			if (!(r === null || e.getToolbarAnchorElement === void 0)) return (t = e.getToolbarAnchorElement(r, this.blockApi)) == null ? void 0 : t;
 		}
 		moved() {
 			var t;
@@ -1010,12 +1000,13 @@ function Ze(e) {
 				api: this.api,
 				readOnly: this.readOnly,
 				config: this.toolConfig,
-				BlockChildren: this.childrenComponent
+				BlockChildren: this.childrenComponent,
+				toolbarAnchorRef: this.toolbarAnchorRef
 			};
 		}
 		pushProps(e) {
 			let t = this.registry;
-			t !== void 0 && A(() => {
+			t !== void 0 && N(() => {
 				t.setProps(this.blockApi.id, e);
 			});
 		}
@@ -1036,7 +1027,7 @@ function Ze(e) {
 			requestAnimationFrame(e);
 		}
 	}, t.__isBlokReactBlock = !0, t);
-	for (let [t, r] of Object.entries((n = e.statics) == null ? {} : n)) Xe.includes(t) || Object.defineProperty(p, t, {
+	for (let [t, r] of Object.entries((n = e.statics) == null ? {} : n)) Qe.includes(t) || Object.defineProperty(p, t, {
 		value: r,
 		writable: !0,
 		enumerable: !0,
@@ -1046,13 +1037,13 @@ function Ze(e) {
 }
 //#endregion
 //#region src/createReactInlineTool.tsx
-var Qe = [G, K], $e = (e) => `__blok-inline-tool__:${e}:${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, et = n(null);
-function tt() {
-	let e = s(et);
+var et = [K, q], tt = (e) => `__blok-inline-tool__:${e}:${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, nt = n(null);
+function rt() {
+	let e = s(nt);
 	if (e === null) throw Error("useInlineTool() must be called from a component rendered by createReactInlineTool");
 	return e;
 }
-function nt(e) {
+function it(e) {
 	var t;
 	return t = class {
 		static get type() {
@@ -1072,7 +1063,7 @@ function nt(e) {
 			return e.mark;
 		}
 		static get sanitize() {
-			return e.sanitize === void 0 ? e.mark === void 0 ? void 0 : C(e.mark) : e.sanitize;
+			return e.sanitize === void 0 ? e.mark === void 0 ? void 0 : E(e.mark) : e.sanitize;
 		}
 		static get isReadOnlySupported() {
 			var t;
@@ -1082,11 +1073,11 @@ function nt(e) {
 			var n;
 			this.active = !1, this.registered = !1;
 			let r = (n = t == null ? void 0 : t.config) == null ? {} : n;
-			this.api = t == null ? void 0 : t.api, this.registry = r[G];
-			let i = r[K];
-			this.toolName = typeof i == "string" ? i : e.type, this.portalKey = $e(this.toolName);
+			this.api = t == null ? void 0 : t.api, this.registry = r[K];
+			let i = r[q];
+			this.toolName = typeof i == "string" ? i : e.type, this.portalKey = tt(this.toolName);
 			let a = {};
-			for (let [e, t] of Object.entries(r)) Qe.includes(e) || (a[e] = t);
+			for (let [e, t] of Object.entries(r)) et.includes(e) || (a[e] = t);
 			this.toolConfig = Object.freeze(a), this.portalComponent = this.createPortalComponent();
 		}
 		render() {
@@ -1149,9 +1140,9 @@ function nt(e) {
 					api: t,
 					mark: i
 				}), [e.active, e.config]);
-				return /* @__PURE__ */ E(et.Provider, {
+				return /* @__PURE__ */ k(nt.Provider, {
 					value: n,
-					children: /* @__PURE__ */ E(r, {
+					children: /* @__PURE__ */ k(r, {
 						active: e.active,
 						config: e.config
 					})
@@ -1162,4 +1153,4 @@ function nt(e) {
 	}, t.__isBlokReactInlineTool = !0, t.isInline = !0, t;
 }
 //#endregion
-export { G as BLOK_PORTAL_REGISTRY_CONFIG_KEY, K as BLOK_TOOL_NAME_CONFIG_KEY, be as BlockPortalHost, De as BlokContent, je as BlokEditor, U as BlokProvider, Ue as BlokView, oe as createBlockPortalRegistry, Ze as createReactBlock, nt as createReactInlineTool, D as getDirection, O as normalizeLocale, Pe as useBlocks, _e as useBlok, W as useBlokDefaults, Me as useBlokHandle, Se as useBlokInstance, Fe as useBlokReady, Ve as useBlokView, tt as useInlineTool };
+export { K as BLOK_PORTAL_REGISTRY_CONFIG_KEY, q as BLOK_TOOL_NAME_CONFIG_KEY, Se as BlockPortalHost, ke as BlokContent, Ne as BlokEditor, ae as BlokProvider, Ke as BlokView, ce as createBlockPortalRegistry, $e as createReactBlock, it as createReactInlineTool, A as getDirection, j as normalizeLocale, Ie as useBlocks, ye as useBlok, oe as useBlokDefaults, Pe as useBlokHandle, we as useBlokInstance, Le as useBlokReady, We as useBlokView, rt as useInlineTool };