@bloklabs/react 1.2.1 → 1.2.2

package/dist/index.mjs

@@ -1,50 +1,51 @@
-import { createContext as e, forwardRef as t, useCallback as n, useContext as r, useEffect as i, useImperativeHandle as a, useMemo as o, useRef as s, useState as c, useSyncExternalStore as l } from "react";
-import { Blok as u } from "@bloklabs/core";
-import { EMPTY_API as d, createBlocksApiForEditor as f, deepEqual as p, normalizeReadOnlyConfig as m } from "@bloklabs/core/adapters";
-import { jsx as h } from "react/jsx-runtime";
+import { Component as e, createContext as t, forwardRef as n, useCallback as r, useContext as i, useEffect as a, useImperativeHandle as o, useMemo as s, useRef as c, useState as l, useSyncExternalStore as u } from "react";
+import { Blok as d } from "@bloklabs/core";
+import { DATA_ATTR as f, EMPTY_API as p, createBlocksApiForEditor as m, deepEqual as h, deepEqual as g, fillDefaults as _, mountChildBlocks as v, normalizeReadOnlyConfig as ee } from "@bloklabs/core/adapters";
+import { Fragment as y, jsx as b } from "react/jsx-runtime";
+import { createPortal as x, flushSync as S } from "react-dom";
 //#region src/holder-map.ts
-var g = /* @__PURE__ */ new WeakMap();
-function _(e, t) {
-	g.set(e, t);
+var C = /* @__PURE__ */ new WeakMap();
+function te(e, t) {
+	C.set(e, t);
 }
-function v(e) {
-	return g.get(e);
+function w(e) {
+	return C.get(e);
 }
-function y(e) {
-	g.delete(e);
+function T(e) {
+	C.delete(e);
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.126.0/helpers/typeof.js
-function b(e) {
+function E(e) {
 	"@babel/helpers - typeof";
-	return b = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+	return E = 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;
-	}, b(e);
+	}, E(e);
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.126.0/helpers/toPrimitive.js
-function x(e, t) {
-	if (b(e) != "object" || !e) return e;
+function D(e, t) {
+	if (E(e) != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
 		var r = n.call(e, t || "default");
-		if (b(r) != "object") return r;
+		if (E(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.126.0/helpers/toPropertyKey.js
-function S(e) {
-	var t = x(e, "string");
-	return b(t) == "symbol" ? t : t + "";
+function O(e) {
+	var t = D(e, "string");
+	return E(t) == "symbol" ? t : t + "";
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.126.0/helpers/defineProperty.js
-function C(e, t, n) {
-	return (t = S(t)) in e ? Object.defineProperty(e, t, {
+function k(e, t, n) {
+	return (t = O(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
@@ -53,7 +54,7 @@ function C(e, t, n) {
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.126.0/helpers/objectSpread2.js
-function w(e, t) {
+function A(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -63,12 +64,12 @@ function w(e, t) {
 	}
 	return n;
 }
-function T(e) {
+function j(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? w(Object(n), !0).forEach(function(t) {
-			C(e, t, n[t]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : w(Object(n)).forEach(function(t) {
+		t % 2 ? A(Object(n), !0).forEach(function(t) {
+			k(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : A(Object(n)).forEach(function(t) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		});
 	}
@@ -76,130 +77,222 @@ function T(e) {
 }
 //#endregion
 //#region src/provide-blok.tsx
-var E = e({});
-function D({ defaults: e, children: t }) {
-	return /* @__PURE__ */ h(E.Provider, {
+var M = t({});
+function N({ defaults: e, children: t }) {
+	return /* @__PURE__ */ b(M.Provider, {
 		value: e,
 		children: t
 	});
 }
-function O() {
-	return r(E);
+function P() {
+	return i(M);
 }
-function k(e, t) {
+function F(e, t) {
 	if (Object.keys(e).length === 0) return t;
-	let n = T({}, e);
+	let n = j({}, 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 = T(T({}, e.tools), t.tools)), n;
+	return (e.tools !== void 0 || t.tools !== void 0) && (n.tools = j(j({}, e.tools), t.tools)), n;
 }
 //#endregion
-//#region src/useBlok.ts
-function A(e, t) {
-	let n = k(r(E), e), [a, l] = c(null), d = s(n);
-	d.current = n;
-	let f = s({
+//#region src/block-portal-registry.ts
+var I = "__blokPortalRegistry", L = () => {
+	let e = { snapshot: /* @__PURE__ */ new Map() }, t = /* @__PURE__ */ new Set(), n = (n) => {
+		e.snapshot = n, t.forEach((e) => e());
+	};
+	return {
+		register(t, r) {
+			let i = new Map(e.snapshot);
+			i.set(t, r), n(i);
+		},
+		unregister(t) {
+			if (!e.snapshot.has(t)) return;
+			let r = new Map(e.snapshot);
+			r.delete(t), n(r);
+		},
+		setProps(t, r) {
+			let i = e.snapshot.get(t);
+			if (i === void 0) return;
+			let a = new Map(e.snapshot);
+			a.set(t, j(j({}, i), {}, { props: j(j({}, i.props), r) })), n(a);
+		},
+		subscribe(e) {
+			return t.add(e), () => {
+				t.delete(e);
+			};
+		},
+		getSnapshot() {
+			return e.snapshot;
+		}
+	};
+}, R = /* @__PURE__ */ new WeakMap();
+function z(e, t) {
+	R.set(e, t);
+}
+function B(e) {
+	return R.get(e);
+}
+function V(e) {
+	R.delete(e);
+}
+//#endregion
+//#region src/live-tool-config.ts
+var H = (e) => {
+	if (typeof e != "object" || !e) return !1;
+	let t = Object.getPrototypeOf(e);
+	return t === Object.prototype || t === null;
+}, U = (e, t) => t.reduce((e, t) => {
+	if (Array.isArray(e)) return typeof t == "number" ? e[t] : void 0;
+	if (H(e)) return e[t];
+}, e), W = (e, t) => {
+	if (!H(e)) return e;
+	let n = {};
+	for (let [r, i] of Object.entries(e)) {
+		if (!H(i) || !H(i.config)) {
+			n[r] = i;
+			continue;
+		}
+		let e = /* @__PURE__ */ new WeakSet(), a = (n, i) => {
+			if (typeof n == "function") {
+				let e = n;
+				return function(...n) {
+					let a = t(), o = H(a) ? a[r] : void 0, s = U(H(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 (H(n)) {
+				if (e.has(n)) return n;
+				e.add(n);
+				let t = {};
+				for (let [e, r] of Object.entries(n)) t[e] = a(r, [...i, e]);
+				return t;
+			}
+			return n;
+		};
+		n[r] = j(j({}, i), {}, { config: a(i.config, []) });
+	}
+	return n;
+}, G = (e, t) => {
+	if (typeof e != "object" || !e) return e;
+	let n = {};
+	for (let [i, a] of Object.entries(e)) {
+		var r;
+		let e = typeof a == "function" ? a : a == null ? void 0 : a.class;
+		if (!(typeof e == "function" && e.__isBlokReactBlock === !0)) {
+			n[i] = a;
+			continue;
+		}
+		let o = typeof a == "function" ? { class: a } : j({}, a);
+		o.config = j(j({}, (r = o.config) == null ? {} : r), {}, { [I]: t }), n[i] = o;
+	}
+	return n;
+};
+function K(e, t) {
+	let n = F(i(M), e), [r, o] = l(null), u = c(n);
+	u.current = n;
+	let f = c({
 		editor: null,
 		holder: null,
 		destroyTimeout: null,
 		isDestroyed: !1,
 		isEditorReady: !1,
 		depsToken: null
-	}), h = o(() => ({}), t == null ? [] : t), g = s(n.data), v = s(null), b = s(n.data), x = s(Promise.resolve()), S = s(void 0);
-	i(() => {
+	}), p = s(() => ({}), t == null ? [] : t), m = c(n.data), h = c(null), _ = c(n.data), v = c(Promise.resolve()), y = c(void 0);
+	a(() => {
 		if (typeof window > "u") return;
 		let e = f.current;
-		if (e.destroyTimeout !== null && (clearTimeout(e.destroyTimeout), e.destroyTimeout = null), e.editor !== null && !e.isDestroyed && e.depsToken === h) return e.isEditorReady && l(e.editor), () => {
-			j(e, l);
+		if (e.destroyTimeout !== null && (clearTimeout(e.destroyTimeout), e.destroyTimeout = null), e.editor !== null && !e.isDestroyed && e.depsToken === p) return e.isEditorReady && o(e.editor), () => {
+			q(e, o);
 		};
 		if (e.editor !== null && !e.isDestroyed) {
-			y(e.editor);
+			T(e.editor), V(e.editor);
 			try {
 				e.editor.destroy();
 			} catch (e) {}
-			e.editor = null, e.holder = null, e.isDestroyed = !0, e.isEditorReady = !1, l(null);
+			e.editor = null, e.holder = null, e.isDestroyed = !0, e.isEditorReady = !1, o(null);
 		}
 		let t = document.createElement("div");
-		e.holder = t, e.isDestroyed = !1, e.isEditorReady = !1, e.depsToken = h;
-		let n = d.current, r = T(T({}, n), {}, {
+		e.holder = t, e.isDestroyed = !1, e.isEditorReady = !1, e.depsToken = p;
+		let n = u.current, r = L(), i = n.tools === void 0 ? void 0 : G(W(n.tools, () => u.current.tools), r), a = j(j(j({}, n), i === void 0 ? {} : { tools: i }), {}, {
 			holder: t,
 			onReady: (...e) => {
 				var t, n;
-				(t = (n = d.current).onReady) == null || t.call(n, ...e);
+				(t = (n = u.current).onReady) == null || t.call(n, ...e);
 			},
 			onChange: (...e) => {
 				var t, n;
-				(t = (n = d.current).onChange) == null || t.call(n, ...e);
+				(t = (n = u.current).onChange) == null || t.call(n, ...e);
 			}
 		});
-		n.onSave && (r.onSave = (...e) => {
+		n.onSave && (a.onSave = (...e) => {
 			var t, n;
-			g.current = e[0], (t = (n = d.current).onSave) == null || t.call(n, ...e);
-		}), n.onBeforeRender && (r.onBeforeRender = (...e) => {
+			m.current = e[0], (t = (n = u.current).onSave) == null || t.call(n, ...e);
+		}), n.onBeforeRender && (a.onBeforeRender = (...e) => {
 			var t, n, r;
-			return (t = (n = (r = d.current).onBeforeRender) == null ? void 0 : n.call(r, ...e)) == null ? e[0] : t;
-		}), n.onAfterRender && (r.onAfterRender = (...e) => {
+			return (t = (n = (r = u.current).onBeforeRender) == null ? void 0 : n.call(r, ...e)) == null ? e[0] : t;
+		}), n.onAfterRender && (a.onAfterRender = (...e) => {
 			var t, n;
-			(t = (n = d.current).onAfterRender) == null || t.call(n, ...e);
+			(t = (n = u.current).onAfterRender) == null || t.call(n, ...e);
 		});
-		let i = new u(r);
-		return e.editor = i, b.current = n.data, _(i, t), i.isReady.then(() => {
-			e.editor === i && !e.isDestroyed && (e.isEditorReady = !0, l(i));
+		let s = new d(a);
+		return e.editor = s, _.current = n.data, te(s, t), z(s, r), s.isReady.then(() => {
+			e.editor === s && !e.isDestroyed && (e.isEditorReady = !0, o(s));
 		}).catch(() => {
-			if (e.editor === i && !e.isDestroyed) {
-				y(i);
+			if (e.editor === s && !e.isDestroyed) {
+				T(s), V(s);
 				try {
-					i.destroy();
+					s.destroy();
 				} catch (e) {}
-				e.editor = null, e.holder = null, e.isDestroyed = !0, e.isEditorReady = !1, l(null);
+				e.editor = null, e.holder = null, e.isDestroyed = !0, e.isEditorReady = !1, o(null);
 			}
 		}), () => {
-			j(e, l);
+			q(e, o);
 		};
-	}, [h]);
-	let C = m(n.readOnly).enabled;
-	i(() => {
-		a !== null && a.readOnly.set(C);
-	}, [a, C]);
-	let { autofocus: w } = n;
-	i(() => {
-		a === null || !w || a.focus();
-	}, [a, w]);
-	let { theme: D } = n;
-	i(() => {
-		a === null || D === void 0 || a.theme.set(D);
-	}, [a, D]);
-	let { width: O } = n;
-	i(() => {
-		a === null || O === void 0 || a.width.set(O);
-	}, [a, O]);
-	let { placeholder: A } = n;
-	i(() => {
-		a === null || A === void 0 || a.placeholder.set(A);
-	}, [a, A]);
-	let { data: M } = n;
-	return i(() => {
-		if (a === null || M === void 0) return;
+	}, [p]);
+	let b = ee(n.readOnly).enabled;
+	a(() => {
+		r !== null && r.readOnly.set(b);
+	}, [r, b]);
+	let { autofocus: x } = n;
+	a(() => {
+		r === null || !x || r.focus();
+	}, [r, x]);
+	let { theme: S } = n;
+	a(() => {
+		r === null || S === void 0 || r.theme.set(S);
+	}, [r, S]);
+	let { width: C } = n;
+	a(() => {
+		r === null || C === void 0 || r.width.set(C);
+	}, [r, C]);
+	let { placeholder: w } = n;
+	a(() => {
+		r === null || w === void 0 || r.placeholder.set(w);
+	}, [r, w]);
+	let { data: E } = n;
+	return a(() => {
+		if (r === null || E === void 0) return;
 		let e = f.current;
-		if (!(e.editor !== a || e.isDestroyed)) {
-			if (v.current !== a && (v.current = a, S.current = void 0, p(M, b.current))) {
-				g.current = M;
+		if (!(e.editor !== r || e.isDestroyed)) {
+			if (h.current !== r && (h.current = r, y.current = void 0, g(E, _.current))) {
+				m.current = E;
 				return;
 			}
-			p(M, g.current) || p(M, S.current) || (S.current = M, x.current = x.current.catch(() => void 0).then(() => a.render(M)).then(() => {
-				g.current = M;
+			g(E, m.current) || g(E, y.current) || (y.current = E, v.current = v.current.catch(() => void 0).then(() => r.render(E)).then(() => {
+				m.current = E;
 			}, () => {}).then(() => {
-				S.current === M && (S.current = void 0);
+				y.current === E && (y.current = void 0);
 			}));
 		}
-	}, [a, M]), a;
+	}, [r, E]), r;
 }
-function j(e, t) {
+function q(e, t) {
 	e.destroyTimeout = setTimeout(() => {
 		if (e.editor !== null) {
-			y(e.editor);
+			T(e.editor), V(e.editor);
 			try {
 				e.editor.destroy();
 			} catch (e) {}
@@ -208,8 +301,29 @@ function j(e, t) {
 	}, 0);
 }
 //#endregion
+//#region src/BlockPortalHost.tsx
+var J = class extends e {
+	constructor(...e) {
+		super(...e), this.state = { failed: !1 };
+	}
+	static getDerivedStateFromError() {
+		return { failed: !0 };
+	}
+	componentDidCatch() {}
+	render() {
+		return this.state.failed ? null : this.props.children;
+	}
+};
+function Y({ registry: e }) {
+	let t = u(e.subscribe, e.getSnapshot, e.getSnapshot);
+	return /* @__PURE__ */ b(y, { children: Array.from(t.entries()).map(([e, t]) => {
+		let n = t.component;
+		return x(/* @__PURE__ */ b(J, { children: /* @__PURE__ */ b(n, j({}, t.props)) }), t.hostEl, e);
+	}) });
+}
+//#endregion
 //#region \0@oxc-project+runtime@0.126.0/helpers/objectWithoutPropertiesLoose.js
-function M(e, t) {
+function X(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -220,9 +334,9 @@ function M(e, t) {
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.126.0/helpers/objectWithoutProperties.js
-function N(e, t) {
+function Z(e, t) {
 	if (e == null) return {};
-	var n, r, i = M(e, t);
+	var n, r, i = X(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]);
@@ -231,60 +345,62 @@ function N(e, t) {
 }
 //#endregion
 //#region src/BlokContent.tsx
-var P = ["editor"], F = t(function(e, t) {
-	let { editor: n } = e, r = N(e, P), a = s(null);
-	return i(() => {
-		if (n === null || a.current === null) return;
-		let e = v(n);
-		if (e !== void 0) return a.current.appendChild(e), () => {
-			e.remove();
-		};
-	}, [n]), /* @__PURE__ */ h("div", T({ ref: (e) => {
-		if (a.current = e, typeof t == "function") t(e);
+var ne = ["editor"], Q = n(function(e, t) {
+	let { editor: n } = e, r = Z(e, ne), i = c(null), o = (e) => {
+		if (i.current = e, typeof t == "function") t(e);
 		else if (t != null) {
 			let n = t;
 			n.current = e;
 		}
-	} }, r));
-}), I = /* @__PURE__ */ "autofocus.defaultBlock.dataModel.placeholder.sanitizer.hideToolbar.maxHistoryLength.historyDebounceTime.newGroupDelay.globalUndoRedo.tools.data.minHeight.logLevel.readOnly.i18n.link.linkPaste.onBeforePaste.onReady.onChange.onSave.onBeforeRender.onAfterRender.inlineToolbar.tunes.style.theme.onThemeChange.scrollToBlock.user.resolveUser.notifierPosition.notifier.width".split("."), L = [
+	};
+	a(() => {
+		if (n === null || i.current === null) return;
+		let e = w(n);
+		if (e !== void 0) return i.current.appendChild(e), () => {
+			e.remove();
+		};
+	}, [n]);
+	let s = n === null ? void 0 : B(n);
+	return /* @__PURE__ */ b("div", j(j({ ref: o }, r), {}, { children: s === void 0 ? null : /* @__PURE__ */ b(Y, { registry: s }) }));
+}), re = /* @__PURE__ */ "autofocus.defaultBlock.dataModel.placeholder.sanitizer.hideToolbar.maxHistoryLength.historyDebounceTime.newGroupDelay.globalUndoRedo.tools.data.minHeight.logLevel.readOnly.i18n.link.linkPaste.onBeforePaste.onReady.onChange.onSave.onBeforeRender.onAfterRender.inlineToolbar.tunes.style.theme.onThemeChange.scrollToBlock.user.resolveUser.notifierPosition.notifier.width".split("."), ie = [
 	"deps",
 	"onReady",
 	"onBlocksRendered",
 	"onBlockRendered"
-], R = new Set(I), z = t(function(e, t) {
-	let { deps: n, onReady: r, onBlocksRendered: o, onBlockRendered: c } = e, l = N(e, L), u = {}, d = {};
+], ae = new Set(re), oe = n(function(e, t) {
+	let { deps: n, onReady: r, onBlocksRendered: i, onBlockRendered: s } = e, l = Z(e, ie), u = {}, d = {};
 	for (let e of Object.keys(l)) {
 		let t = l[e];
-		R.has(e) ? u[e] = t : d[e] = t;
+		ae.has(e) ? u[e] = t : d[e] = t;
 	}
-	let f = A(u, n);
-	a(t, () => f, [f]);
-	let p = s(r);
-	p.current = r, i(() => {
+	let f = K(u, n);
+	o(t, () => f, [f]);
+	let p = c(r);
+	p.current = r, a(() => {
 		if (f !== null) {
 			var e;
 			(e = p.current) == null || e.call(p, f);
 		}
 	}, [f]);
-	let m = s(o);
-	m.current = o;
-	let g = s(c);
-	g.current = c;
-	let _ = !!o, v = !!c;
-	return i(() => {
+	let m = c(i);
+	m.current = i;
+	let h = c(s);
+	h.current = s;
+	let g = !!i, _ = !!s;
+	return a(() => {
 		if (f === null) return;
 		let e = [];
-		if (_) {
+		if (g) {
 			let t = (e) => {
 				var t;
 				return (t = m.current) == null ? void 0 : t.call(m, e);
 			};
 			f.on("blocks:rendered", t), e.push(["blocks:rendered", t]);
 		}
-		if (v) {
+		if (_) {
 			let t = (e) => {
 				var t;
-				return (t = g.current) == null ? void 0 : t.call(g, e);
+				return (t = h.current) == null ? void 0 : t.call(h, e);
 			};
 			f.on("block:rendered", t), e.push(["block:rendered", t]);
 		}
@@ -293,21 +409,126 @@ var P = ["editor"], F = t(function(e, t) {
 		};
 	}, [
 		f,
-		_,
-		v
-	]), /* @__PURE__ */ h(F, T({ editor: f }, d));
-}), B = "block changed";
-function V(e) {
-	let t = s(0), r = s(e);
-	r.current !== e && (r.current = e, t.current = 0);
-	let i = n((n) => {
+		g,
+		_
+	]), /* @__PURE__ */ b(Q, j({ editor: f }, d));
+}), $ = "block changed";
+function se(e) {
+	let t = c(0), n = c(e);
+	n.current !== e && (n.current = e, t.current = 0);
+	let i = r((n) => {
 		if (e === null) return () => void 0;
 		let r = () => {
 			t.current += 1, n();
 		};
-		return e.on(B, r), () => e.off(B, r);
-	}, [e]), a = n(() => t.current, []);
-	return l(i, a, a), o(() => e === null ? d : f(e), [e]);
+		return e.on($, r), () => e.off($, r);
+	}, [e]), a = r(() => t.current, []);
+	return u(i, a, a), s(() => e === null ? p : m(e), [e]);
+}
+//#endregion
+//#region src/createReactBlock.tsx
+function ce(e) {
+	var t;
+	return t = class {
+		static get toolbox() {
+			return e.toolbox;
+		}
+		static get isReadOnlySupported() {
+			return !0;
+		}
+		constructor(t) {
+			var n, r;
+			this.hostEl = null, this.pendingDispatch = !1, this.commit = (t) => {
+				var n;
+				let r = _(e.propSchema, j(j({}, this.mirror), t));
+				this.mirror = r, this.lastRendered = r, (n = this.registry) == null || n.setProps(this.blockApi.id, { data: r }), this.flushDispatch();
+			}, this.blockApi = t.block;
+			let i = (n = t.config) == null ? {} : n;
+			this.registry = i[I];
+			let o = t.api;
+			this.pointerDrag = () => {
+				var e;
+				return (o == null || (e = o.blocks) == null ? void 0 : e.isPointerDragActive) === !0;
+			}, this.mirror = _(e.propSchema, (r = t.data) == null ? {} : r), this.lastRendered = this.mirror, this.readOnly = t.readOnly;
+			let s = this.blockApi;
+			this.childrenComponent = function() {
+				let e = c(null);
+				return a(() => {
+					e.current !== null && v(e.current, s.getChildren());
+				}), /* @__PURE__ */ b("div", {
+					ref: e,
+					[f.nestedBlocks]: ""
+				});
+			};
+		}
+		render() {
+			var t;
+			let n = document.createElement("div");
+			return n.setAttribute("data-blok-mutation-free", "true"), this.hostEl = n, (t = this.registry) == null || t.register(this.blockApi.id, {
+				hostEl: n,
+				component: e.component,
+				props: this.buildProps()
+			}), n;
+		}
+		rendered() {
+			var t;
+			(t = e.onRendered) == null || t.call(e, this.blockApi);
+		}
+		save() {
+			return this.mirror;
+		}
+		async setData(t) {
+			var n = this;
+			let r = _(e.propSchema, t == null ? {} : t);
+			return h(r, n.lastRendered) ? !0 : (n.mirror = r, n.lastRendered = r, n.pushProps({ data: r }), !0);
+		}
+		setReadOnly(e) {
+			this.readOnly = e, this.pushProps({ readOnly: e });
+		}
+		moved() {
+			var t;
+			(t = e.onMoved) == null || t.call(e, this.blockApi);
+		}
+		removed() {
+			var t, n;
+			(t = this.registry) == null || t.unregister(this.blockApi.id), (n = e.onRemoved) == null || n.call(e, this.blockApi);
+		}
+		destroy() {
+			var e;
+			(e = this.registry) == null || e.unregister(this.blockApi.id);
+		}
+		buildProps() {
+			return {
+				data: this.mirror,
+				commit: this.commit,
+				block: this.blockApi,
+				readOnly: this.readOnly,
+				BlockChildren: this.childrenComponent
+			};
+		}
+		pushProps(e) {
+			let t = this.registry;
+			t !== void 0 && S(() => {
+				t.setProps(this.blockApi.id, e);
+			});
+		}
+		flushDispatch() {
+			if (!this.pointerDrag()) {
+				this.pendingDispatch = !1, this.blockApi.dispatchChange();
+				return;
+			}
+			if (this.pendingDispatch) return;
+			this.pendingDispatch = !0;
+			let e = () => {
+				if (this.pointerDrag()) {
+					requestAnimationFrame(e);
+					return;
+				}
+				this.pendingDispatch = !1, this.blockApi.dispatchChange();
+			};
+			requestAnimationFrame(e);
+		}
+	}, t.__isBlokReactBlock = !0, t;
 }
 //#endregion
-export { F as BlokContent, z as BlokEditor, D as BlokProvider, V as useBlocks, A as useBlok, O as useBlokDefaults };
+export { I as BLOK_PORTAL_REGISTRY_CONFIG_KEY, Y as BlockPortalHost, Q as BlokContent, oe as BlokEditor, N as BlokProvider, L as createBlockPortalRegistry, ce as createReactBlock, se as useBlocks, K as useBlok, P as useBlokDefaults };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloklabs/react",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "React bindings for the Blok editor",
   "license": "Apache-2.0",
   "author": "JackUait",
@@ -33,7 +33,7 @@
     "build": "yarn run -T vite build --mode production"
   },
   "peerDependencies": {
-    "@bloklabs/core": "^1.2.1",
+    "@bloklabs/core": "^1.2.2",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   }