@clevertask/scribe 0.1.6 → 0.1.7

package/README.md

@@ -186,6 +186,7 @@ If your content arrives as HTML (for example from a server), use the helper belo
 | `editable`                | `boolean`                                                          | `true`                     | Controls whether the editor is editable.                                                                                                                                                                                                                 |
 | `autoFocus`               | `boolean`                                                          | `false`                    | Controls whether the editor should automatically focus when mounted.                                                                                                                                                                                     |
 | `extensions`              | `Extension[]`                                                      | `undefined`                | You can set your own extensions for the text editor. For more information, [check the tip tap extensions docs](https://tiptap.dev/docs/editor/core-concepts/extensions)                                                                                  |
+| `externalEditor`          | `Editor`                                                           | `undefined`                | Uses a caller-owned Tiptap editor. Scribe attaches the editor but does not destroy it. The caller remains responsible for destroying it.                                                                                                                 |
 | `editorProps`             | `EditorProps`                                                      | `undefined`                | A tiptap-based prop to handle advanced use cases, you can read about it on their [documentation](https://tiptap.dev/docs/editor/api/editor#editorprops)                                                                                                  |
 | `showBarMenu`             | `boolean`                                                          | `true`                     | Determines whether to show the text editor top menu bar or not. This menu bar shows options to format the text                                                                                                                                           |
 | `placeholderText`         | `string`                                                           | `Type "/" for commands...` | Change the initial placeholder for your text editor                                                                                                                                                                                                      |

package/dist/{BarMenu-CXaFlpRJ.js → BarMenu-DC-S5Ggq.js}

@@ -1,4 +1,4 @@
-import { i as e } from "./dist-Cp938P7P.js";
+import { a as e } from "./dist-DT3iiwSr.js";
 import { getPopupMountTarget as t } from "./components/Scribe/extension/getPopupMountTarget.js";
 import n from "./components/Menu/LinkEditor.js";
 import { hideLinkBubbleMenu as r } from "./components/Menu/linkBubbleMenuPlugin.js";

package/dist/components/Menu/BarMenu.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../BarMenu-CXaFlpRJ.js";
+import { t as e } from "../../BarMenu-DC-S5Ggq.js";
 export { e as default };

package/dist/components/Menu/BubbleMenu.js

@@ -1,6 +1,6 @@
-import { i as e } from "../../dist-Cp938P7P.js";
+import { a as e } from "../../dist-DT3iiwSr.js";
 import { getPopupMountTarget as t } from "../Scribe/extension/getPopupMountTarget.js";
-import { t as n } from "../../menus-CakIdDdY.js";
+import { t as n } from "../../menus-CrKTaPWU.js";
 import { Flex as r, IconButton as i } from "@radix-ui/themes";
 import { useCallback as a } from "react";
 import { jsx as o } from "react/jsx-runtime";

package/dist/components/Menu/LinkBubbleMenu.js

@@ -1,8 +1,8 @@
-import { i as e } from "../../dist-Cp938P7P.js";
+import { a as e } from "../../dist-DT3iiwSr.js";
 import { getPopupMountTarget as t } from "../Scribe/extension/getPopupMountTarget.js";
 import n from "./LinkEditor.js";
 import { hideLinkBubbleMenu as r, linkBubbleMenuPluginKey as i } from "./linkBubbleMenuPlugin.js";
-import { t as a } from "../../menus-CakIdDdY.js";
+import { t as a } from "../../menus-CrKTaPWU.js";
 import { Box as o } from "@radix-ui/themes";
 import { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 import { jsx as f } from "react/jsx-runtime";

package/dist/components/Menu/Mobile/ListOptionBar.js

@@ -1,4 +1,4 @@
-import { i as e } from "../../../dist-Cp938P7P.js";
+import { a as e } from "../../../dist-DT3iiwSr.js";
 import { Button as t, Flex as n } from "@radix-ui/themes";
 import { useCallback as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";

package/dist/components/Scribe/extension/emoji/suggest.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../../../dist-Cp938P7P.js";
+import { n as e } from "../../../../dist-DT3iiwSr.js";
 import { getPopupMountTarget as t } from "../getPopupMountTarget.js";
 import { t as n } from "../../../../tippy.esm-D9LL2xiE.js";
 import { EmojiList as r } from "./EmojiList.js";

package/dist/components/Scribe/extension/slashCommand/renderItems.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../../../dist-Cp938P7P.js";
+import { n as e } from "../../../../dist-DT3iiwSr.js";
 import { getPopupMountTarget as t } from "../getPopupMountTarget.js";
 import { t as n } from "../../../../tippy.esm-D9LL2xiE.js";
 import { SlashCommandList as r } from "./SlashCommandList.js";

package/dist/components/Scribe/index.d.ts

@@ -31,6 +31,10 @@ export interface ScribeProps {
     editable?: boolean;
     autoFocus?: boolean;
     extensions?: Extension[];
+    /**
+     * A caller-owned editor. Scribe attaches it without taking responsibility
+     * for destroying it.
+     */
     externalEditor?: Editor;
     editorProps?: UseEditorOptions;
     showBarMenu?: boolean;

package/dist/components/Scribe/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Scribe/index.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AAGxC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,OAAO,KAAK,EACV,kCAAkC,EAElC,iCAAiC,EAClC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,OAAO,EACP,MAAM,EAGN,SAAS,EACT,WAAW,EACX,gBAAgB,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,oBAAoB,EAMrB,MAAM,OAAO,CAAC;AAGf,YAAY,EACV,yBAAyB,EACzB,mBAAmB,EACnB,yBAAyB,EACzB,8BAA8B,EAC9B,cAAc,GACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,YAAY,EACV,kCAAkC,EAClC,yBAAyB,EACzB,iCAAiC,GAClC,MAAM,6BAA6B,CAAC;AAErC,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,cAAc,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,KAAK,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;IAC5F,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,2FAA2F;IAC3F,2BAA2B,EAAE,CAAC,MAAM,EAAE,iCAAiC,KAAK,IAAI,CAAC;IACjF,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,yBAAyB,CAAC;IACzC,sEAAsE;IACtE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mFAAmF;IACnF,uBAAuB,CAAC,EAAE,kCAAkC,CAAC;CAC9D;AAED,eAAO,MAAM,MAAM,mGA0MjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Scribe/index.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AAGxC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,OAAO,KAAK,EACV,kCAAkC,EAElC,iCAAiC,EAClC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,OAAO,EACP,MAAM,EAGN,SAAS,EACT,WAAW,EACX,gBAAgB,EAEjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,oBAAoB,EAMrB,MAAM,OAAO,CAAC;AAGf,YAAY,EACV,yBAAyB,EACzB,mBAAmB,EACnB,yBAAyB,EACzB,8BAA8B,EAC9B,cAAc,GACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,YAAY,EACV,kCAAkC,EAClC,yBAAyB,EACzB,iCAAiC,GAClC,MAAM,6BAA6B,CAAC;AAErC,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,cAAc,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,KAAK,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;IAC5F,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,2FAA2F;IAC3F,2BAA2B,EAAE,CAAC,MAAM,EAAE,iCAAiC,KAAK,IAAI,CAAC;IACjF,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,yBAAyB,CAAC;IACzC,sEAAsE;IACtE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mFAAmF;IACnF,uBAAuB,CAAC,EAAE,kCAAkC,CAAC;CAC9D;AAoQD,eAAO,MAAM,MAAM,mGAMlB,CAAC"}

package/dist/components/Scribe/index.js

@@ -1,6 +1,5 @@
-import { n as e, t } from "../../BarMenu-CXaFlpRJ.js";
-import { t as n } from "../../dist-Cp938P7P.js";
-import { t as r } from "../../dist-BQjH-i-q.js";
+import { n as e, t } from "../../BarMenu-DC-S5Ggq.js";
+import { i as n, t as r } from "../../dist-DT3iiwSr.js";
 import i from "../Menu/LinkBubbleMenu.js";
 import { t as a } from "../../html-to-markdown-CrNOkSye.js";
 import { t as o } from "../../extension-CZOsheCI.js";
@@ -11,98 +10,90 @@ import { ListOptionBar as c } from "../Menu/Mobile/ListOptionBar.js";
 import { forwardRef as l, useCallback as u, useEffect as d, useImperativeHandle as f, useRef as p, useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import '../../assets/index.css';//#region lib/components/Scribe/index.tsx
-var _ = l((s, l) => {
-	let { autoFocus: _ = !1, content: v, editable: y = !0, editorProps: b, extensions: x, onContentChange: S, showBarMenu: C = !0, editorContentStyle: w, editorContentClassName: T, mainContainerStyle: E, mainContainerClassName: D, onKeyDown: O, externalEditor: k, mobile: A, onTableOfContentsChange: j } = s, M = p(!k && v !== void 0), N = p([]), P = p(j);
-	d(() => {
-		P.current = j;
-	}, [j]);
-	let F = u((e, t) => {
-		N.current = e, P.current?.(e, t);
-	}, []), I = u(({ editor: e, transaction: t }) => {
+var _ = (e) => {
+	let t = p([]), n = p(e);
+	return d(() => {
+		n.current = e;
+	}, [e]), {
+		handleTableOfContentsChange: u((e, r) => {
+			t.current = e, n.current?.(e, r);
+		}, []),
+		tableOfContentsItemsRef: t
+	};
+}, v = l((n, o) => {
+	let { autoFocus: s = !1, content: l, editable: m = !0, editor: _, initialContentWasApplied: v, onContentChange: y, showBarMenu: b = !0, editorContentStyle: x, editorContentClassName: S, mainContainerStyle: C, mainContainerClassName: w, onKeyDown: T, mobile: E, tableOfContentsItemsRef: D } = n, O = p(v && l !== void 0), k = u(({ editor: e, transaction: t }) => {
 		if (t.getMeta("scribeTableOfContents")) return;
-		let n = e.getHTML(), r = e.getJSON(), i = !y;
-		S && S({
+		let n = e.getHTML(), r = e.getJSON(), i = !m;
+		y && y({
 			jsonContent: e.isEmpty ? "" : r,
 			htmlContent: e.isEmpty ? "" : n,
 			markdownContent: e.isEmpty ? "" : a(n),
 			source: i ? "programmatic" : "user"
 		});
-	}, [y, S]), [L] = m(() => k ?? new r({
-		...b,
-		content: v ?? b?.content,
-		editable: y,
-		extensions: [...o({
-			...s,
-			onTableOfContentsChange: F
-		}), ...x ?? []],
-		editorProps: {
-			attributes: { class: "scribe" },
-			...b?.editorProps
-		}
-	})), R = u(() => {
-		L.commands.setContent("");
-	}, [L]), z = u((e) => L.isEmpty ? "" : {
-		html: () => L.getHTML(),
-		json: () => L.getJSON(),
-		markdown: () => a(L.getHTML())
-	}[e]?.(), [L]), B = u((e) => {
-		L.commands.setContent(e);
-	}, [L]), V = u((e) => {
-		let t = typeof e == "string" ? e : e.id, n = N.current.find((e) => e.id === t) ?? (typeof e == "string" ? void 0 : e);
-		if (!n || L.isDestroyed) return;
-		let r = L.view.nodeDOM(n.pos), i = r instanceof HTMLElement ? r : n.dom;
-		if (L.isEditable) {
-			let e = Math.max(0, Math.min(n.pos + n.node.nodeSize - 1, L.state.doc.content.size));
-			L.commands.focus(e, { scrollIntoView: !1 });
+	}, [m, y]), A = u(() => {
+		_.commands.setContent("");
+	}, [_]), j = u((e) => _.isEmpty ? "" : {
+		html: () => _.getHTML(),
+		json: () => _.getJSON(),
+		markdown: () => a(_.getHTML())
+	}[e]?.(), [_]), M = u((e) => {
+		_.commands.setContent(e);
+	}, [_]), N = u((e) => {
+		let t = typeof e == "string" ? e : e.id, n = D.current.find((e) => e.id === t) ?? (typeof e == "string" ? void 0 : e);
+		if (!n || _.isDestroyed) return;
+		let r = _.view.nodeDOM(n.pos), i = r instanceof HTMLElement ? r : n.dom;
+		if (_.isEditable) {
+			let e = Math.max(0, Math.min(n.pos + n.node.nodeSize - 1, _.state.doc.content.size));
+			_.commands.focus(e, { scrollIntoView: !1 });
 		}
 		i.scrollIntoView({
 			behavior: "smooth",
 			block: "start"
 		});
-	}, [L]);
-	return f(l, () => ({
-		resetContent: R,
-		setContent: B,
-		getContent: z,
-		scrollToTableOfContentsItem: V,
-		editor: L
+	}, [_, D]);
+	return f(o, () => ({
+		resetContent: A,
+		setContent: M,
+		getContent: j,
+		scrollToTableOfContentsItem: N,
+		editor: _
 	}), [
-		L,
-		z,
-		R,
-		V,
-		B
+		_,
+		j,
+		A,
+		N,
+		M
 	]), d(() => {
-		if (v !== void 0) {
-			if (M.current) {
-				M.current = !1;
+		if (l !== void 0) {
+			if (O.current) {
+				O.current = !1;
 				return;
 			}
-			L.commands.setContent(v, { emitUpdate: !1 });
+			_.commands.setContent(l, { emitUpdate: !1 });
 		}
-	}, [v, L]), d(() => {
-		L.setEditable(!!y);
-	}, [y, L]), d(() => (L.off("update"), L.on("update", I), () => {
-		L.off("update", I);
-	}), [L, I]), d(() => {
-		_ && L.commands.focus("end");
-	}, [_, L]), /* @__PURE__ */ g("div", {
-		className: e("scribe-wrapper", "scribe-root", D),
+	}, [l, _]), d(() => {
+		_.setEditable(!!m);
+	}, [m, _]), d(() => (_.off("update"), _.on("update", k), () => {
+		_.off("update", k);
+	}), [_, k]), d(() => {
+		s && _.commands.focus("end");
+	}, [s, _]), /* @__PURE__ */ g("div", {
+		className: e("scribe-wrapper", "scribe-root", w),
 		"data-scribe-root": !0,
-		style: E,
+		style: C,
 		children: [/* @__PURE__ */ g("div", {
-			className: e("scribe-frame", y && "scribe-frame--editable"),
+			className: e("scribe-frame", m && "scribe-frame--editable"),
 			children: [
-				L && C ? /* @__PURE__ */ h(t, { editor: L }) : null,
+				_ && b ? /* @__PURE__ */ h(t, { editor: _ }) : null,
 				/* @__PURE__ */ g("div", {
-					className: e("scribe-content", y && "scribe-content--editable", T),
-					style: w,
-					children: [/* @__PURE__ */ h(n, {
-						editor: L,
-						onKeyDown: O
-					}), y ? /* @__PURE__ */ h(i, { editor: L }) : null]
+					className: e("scribe-content", m && "scribe-content--editable", S),
+					style: x,
+					children: [/* @__PURE__ */ h(r, {
+						editor: _,
+						onKeyDown: T
+					}), m ? /* @__PURE__ */ h(i, { editor: _ }) : null]
 				}),
-				A ? /* @__PURE__ */ h(c, { editor: L }) : null
+				E ? /* @__PURE__ */ h(c, { editor: _ }) : null
 			]
 		}), /* @__PURE__ */ h("div", {
 			className: "scribe-popup-root",
@@ -110,5 +101,49 @@ var _ = l((s, l) => {
 		})]
 	});
 });
+v.displayName = "ScribeEditor";
+var y = l((e, t) => {
+	let { content: r, editable: i = !0, editorProps: a, extensions: s, onTableOfContentsChange: c } = e, { handleTableOfContentsChange: l, tableOfContentsItemsRef: u } = _(c), [d] = m(() => ({
+		...a,
+		content: r ?? a?.content,
+		editable: i,
+		extensions: [...o({
+			...e,
+			onTableOfContentsChange: l
+		}), ...s ?? []],
+		editorProps: {
+			attributes: { class: "scribe" },
+			...a?.editorProps
+		},
+		shouldRerenderOnTransaction: a?.shouldRerenderOnTransaction ?? !1
+	})), f = n(d);
+	return f ? /* @__PURE__ */ h(v, {
+		...e,
+		ref: t,
+		editor: f,
+		initialContentWasApplied: !0,
+		tableOfContentsItemsRef: u
+	}) : null;
+});
+y.displayName = "OwnedScribe";
+var b = l((e, t) => {
+	let { externalEditor: n, onTableOfContentsChange: r } = e, { tableOfContentsItemsRef: i } = _(r);
+	return n ? /* @__PURE__ */ h(v, {
+		...e,
+		ref: t,
+		editor: n,
+		initialContentWasApplied: !1,
+		tableOfContentsItemsRef: i
+	}) : null;
+});
+b.displayName = "ExternalScribe";
+var x = l((e, t) => e.externalEditor ? /* @__PURE__ */ h(b, {
+	...e,
+	ref: t
+}) : /* @__PURE__ */ h(y, {
+	...e,
+	ref: t
+}));
+x.displayName = "Scribe";
 //#endregion
-export { _ as Scribe, s as SuggestionItemType };
+export { x as Scribe, s as SuggestionItemType };

package/dist/{dist-Cp938P7P.js → dist-DT3iiwSr.js}

@@ -1,13 +1,14 @@
 import { t as e } from "./rolldown-runtime-CtkjhSXr.js";
-import * as t from "react";
-import n, { createContext as r, forwardRef as i, useContext as a, useDebugValue as o, useEffect as s, useLayoutEffect as c, useMemo as l, useState as u, version as d } from "react";
-import f, { flushSync as p } from "react-dom";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { t } from "./dist-BQjH-i-q.js";
+import * as n from "react";
+import r, { createContext as i, forwardRef as a, useContext as o, useDebugValue as s, useEffect as c, useLayoutEffect as l, useMemo as u, useRef as d, useState as f, version as p } from "react";
+import m, { flushSync as h } from "react-dom";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region builtin:esm-external-require-react
-var _ = /* @__PURE__ */ e(((e, n) => {
-	n.exports = { ...t };
-})), v = /* @__PURE__ */ e(((e) => {
-	var t = _();
+var y = /* @__PURE__ */ e(((e, t) => {
+	t.exports = { ...n };
+})), b = /* @__PURE__ */ e(((e) => {
+	var t = y();
 	function n(e, t) {
 		return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
 	}
@@ -44,7 +45,7 @@ var _ = /* @__PURE__ */ e(((e, n) => {
 	}
 	var d = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? u : c;
 	e.useSyncExternalStore = t.useSyncExternalStore === void 0 ? d : t.useSyncExternalStore;
-})), y = /* @__PURE__ */ e(((e) => {
+})), ee = /* @__PURE__ */ e(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t(e, t) {
 			return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
@@ -87,18 +88,18 @@ var _ = /* @__PURE__ */ e(((e, n) => {
 			return t();
 		}
 		typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var a = _(), o = typeof Object.is == "function" ? Object.is : t, s = a.useState, c = a.useEffect, l = a.useLayoutEffect, u = a.useDebugValue, d = !1, f = !1, p = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? i : n;
+		var a = y(), o = typeof Object.is == "function" ? Object.is : t, s = a.useState, c = a.useEffect, l = a.useLayoutEffect, u = a.useDebugValue, d = !1, f = !1, p = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? i : n;
 		e.useSyncExternalStore = a.useSyncExternalStore === void 0 ? p : a.useSyncExternalStore, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 	})();
-})), b = /* @__PURE__ */ e(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = v() : t.exports = y();
-})), ee = b(), { getOwnPropertyNames: te, getOwnPropertySymbols: x } = Object, { hasOwnProperty: S } = Object.prototype;
-function C(e, t) {
+})), x = /* @__PURE__ */ e(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = b() : t.exports = ee();
+})), S = x(), { getOwnPropertyNames: te, getOwnPropertySymbols: C } = Object, { hasOwnProperty: w } = Object.prototype;
+function T(e, t) {
 	return function(n, r, i) {
 		return e(n, r, i) && t(n, r, i);
 	};
 }
-function w(e) {
+function E(e) {
 	return function(t, n, r) {
 		if (!t || !n || typeof t != "object" || typeof n != "object") return e(t, n, r);
 		let { cache: i } = r, a = i.get(t), o = i.get(n);
@@ -108,39 +109,39 @@ function w(e) {
 		return i.delete(t), i.delete(n), s;
 	};
 }
-function T(e) {
+function ne(e) {
 	return e?.[Symbol.toStringTag];
 }
-function E(e) {
-	return te(e).concat(x(e));
+function D(e) {
+	return te(e).concat(C(e));
 }
-var D = Object.hasOwn || ((e, t) => S.call(e, t));
-function O(e, t) {
+var O = Object.hasOwn || ((e, t) => w.call(e, t));
+function k(e, t) {
 	return e === t || !e && !t && e !== e && t !== t;
 }
-var k = "__v", ne = "__o", re = "_owner", { getOwnPropertyDescriptor: A, keys: j } = Object;
-function ie(e, t) {
-	return e.byteLength === t.byteLength && z(new Uint8Array(e), new Uint8Array(t));
+var A = "__v", re = "__o", ie = "_owner", { getOwnPropertyDescriptor: j, keys: M } = Object;
+function ae(e, t) {
+	return e.byteLength === t.byteLength && R(new Uint8Array(e), new Uint8Array(t));
 }
-function ae(e, t, n) {
+function oe(e, t, n) {
 	let r = e.length;
 	if (t.length !== r) return !1;
 	for (; r-- > 0;) if (!n.equals(e[r], t[r], r, r, e, t, n)) return !1;
 	return !0;
 }
-function oe(e, t) {
-	return e.byteLength === t.byteLength && z(new Uint8Array(e.buffer, e.byteOffset, e.byteLength), new Uint8Array(t.buffer, t.byteOffset, t.byteLength));
-}
 function se(e, t) {
-	return O(e.getTime(), t.getTime());
+	return e.byteLength === t.byteLength && R(new Uint8Array(e.buffer, e.byteOffset, e.byteLength), new Uint8Array(t.buffer, t.byteOffset, t.byteLength));
 }
 function ce(e, t) {
-	return e.name === t.name && e.message === t.message && e.cause === t.cause && e.stack === t.stack;
+	return k(e.getTime(), t.getTime());
 }
 function le(e, t) {
+	return e.name === t.name && e.message === t.message && e.cause === t.cause && e.stack === t.stack;
+}
+function ue(e, t) {
 	return e === t;
 }
-function M(e, t, n) {
+function N(e, t, n) {
 	let r = e.size;
 	if (r !== t.size) return !1;
 	if (!r) return !0;
@@ -164,27 +165,27 @@ function M(e, t, n) {
 	}
 	return !0;
 }
-var N = O;
-function P(e, t, n) {
-	let r = j(e), i = r.length;
-	if (j(t).length !== i) return !1;
-	for (; i-- > 0;) if (!V(e, t, n, r[i])) return !1;
+var de = k;
+function fe(e, t, n) {
+	let r = M(e), i = r.length;
+	if (M(t).length !== i) return !1;
+	for (; i-- > 0;) if (!B(e, t, n, r[i])) return !1;
 	return !0;
 }
-function F(e, t, n) {
-	let r = E(e), i = r.length;
-	if (E(t).length !== i) return !1;
+function P(e, t, n) {
+	let r = D(e), i = r.length;
+	if (D(t).length !== i) return !1;
 	let a, o, s;
-	for (; i-- > 0;) if (a = r[i], !V(e, t, n, a) || (o = A(e, a), s = A(t, a), (o || s) && (!o || !s || o.configurable !== s.configurable || o.enumerable !== s.enumerable || o.writable !== s.writable))) return !1;
+	for (; i-- > 0;) if (a = r[i], !B(e, t, n, a) || (o = j(e, a), s = j(t, a), (o || s) && (!o || !s || o.configurable !== s.configurable || o.enumerable !== s.enumerable || o.writable !== s.writable))) return !1;
 	return !0;
 }
-function I(e, t) {
-	return O(e.valueOf(), t.valueOf());
+function F(e, t) {
+	return k(e.valueOf(), t.valueOf());
 }
-function L(e, t) {
+function I(e, t) {
 	return e.source === t.source && e.flags === t.flags;
 }
-function R(e, t, n) {
+function L(e, t, n) {
 	let r = e.size;
 	if (r !== t.size) return !1;
 	if (!r) return !0;
@@ -202,19 +203,19 @@ function R(e, t, n) {
 	}
 	return !0;
 }
-function z(e, t) {
+function R(e, t) {
 	let n = e.byteLength;
 	if (t.byteLength !== n || e.byteOffset !== t.byteOffset) return !1;
 	for (; n-- > 0;) if (e[n] !== t[n]) return !1;
 	return !0;
 }
-function B(e, t) {
+function z(e, t) {
 	return e.hostname === t.hostname && e.pathname === t.pathname && e.protocol === t.protocol && e.port === t.port && e.hash === t.hash && e.username === t.username && e.password === t.password;
 }
-function V(e, t, n, r) {
-	return (r === re || r === ne || r === k) && (e.$$typeof || t.$$typeof) ? !0 : D(t, r) && n.equals(e[r], t[r], r, r, e, t, n);
+function B(e, t, n, r) {
+	return (r === ie || r === re || r === A) && (e.$$typeof || t.$$typeof) ? !0 : O(t, r) && n.equals(e[r], t[r], r, r, e, t, n);
 }
-var H = "[object ArrayBuffer]", U = "[object Arguments]", W = "[object Boolean]", ue = "[object DataView]", de = "[object Date]", fe = "[object Error]", pe = "[object Map]", me = "[object Number]", he = "[object Object]", ge = "[object RegExp]", _e = "[object Set]", ve = "[object String]", ye = {
+var V = "[object ArrayBuffer]", pe = "[object Arguments]", me = "[object Boolean]", he = "[object DataView]", ge = "[object Date]", _e = "[object Error]", ve = "[object Map]", ye = "[object Number]", be = "[object Object]", xe = "[object RegExp]", Se = "[object Set]", Ce = "[object String]", we = {
 	"[object Int8Array]": !0,
 	"[object Uint8Array]": !0,
 	"[object Uint8ClampedArray]": !0,
@@ -227,8 +228,8 @@ var H = "[object ArrayBuffer]", U = "[object Arguments]", W = "[object Boolean]"
 	"[object Float64Array]": !0,
 	"[object BigInt64Array]": !0,
 	"[object BigUint64Array]": !0
-}, be = "[object URL]", xe = Object.prototype.toString;
-function Se({ areArrayBuffersEqual: e, areArraysEqual: t, areDataViewsEqual: n, areDatesEqual: r, areErrorsEqual: i, areFunctionsEqual: a, areMapsEqual: o, areNumbersEqual: s, areObjectsEqual: c, arePrimitiveWrappersEqual: l, areRegExpsEqual: u, areSetsEqual: d, areTypedArraysEqual: f, areUrlsEqual: p, unknownTagComparators: m }) {
+}, Te = "[object URL]", Ee = Object.prototype.toString;
+function De({ areArrayBuffersEqual: e, areArraysEqual: t, areDataViewsEqual: n, areDatesEqual: r, areErrorsEqual: i, areFunctionsEqual: a, areMapsEqual: o, areNumbersEqual: s, areObjectsEqual: c, arePrimitiveWrappersEqual: l, areRegExpsEqual: u, areSetsEqual: d, areTypedArraysEqual: f, areUrlsEqual: p, unknownTagComparators: m }) {
 	return function(h, g, _) {
 		if (h === g) return !0;
 		if (h == null || g == null) return !1;
@@ -243,23 +244,23 @@ function Se({ areArrayBuffersEqual: e, areArraysEqual: t, areDataViewsEqual: n,
 		if (y === RegExp) return u(h, g, _);
 		if (y === Map) return o(h, g, _);
 		if (y === Set) return d(h, g, _);
-		let b = xe.call(h);
-		if (b === de) return r(h, g, _);
-		if (b === ge) return u(h, g, _);
-		if (b === pe) return o(h, g, _);
-		if (b === _e) return d(h, g, _);
-		if (b === he) return typeof h.then != "function" && typeof g.then != "function" && c(h, g, _);
-		if (b === be) return p(h, g, _);
-		if (b === fe) return i(h, g, _);
-		if (b === U) return c(h, g, _);
-		if (ye[b]) return f(h, g, _);
-		if (b === H) return e(h, g, _);
-		if (b === ue) return n(h, g, _);
-		if (b === W || b === me || b === ve) return l(h, g, _);
+		let b = Ee.call(h);
+		if (b === ge) return r(h, g, _);
+		if (b === xe) return u(h, g, _);
+		if (b === ve) return o(h, g, _);
+		if (b === Se) return d(h, g, _);
+		if (b === be) return typeof h.then != "function" && typeof g.then != "function" && c(h, g, _);
+		if (b === Te) return p(h, g, _);
+		if (b === _e) return i(h, g, _);
+		if (b === pe) return c(h, g, _);
+		if (we[b]) return f(h, g, _);
+		if (b === V) return e(h, g, _);
+		if (b === he) return n(h, g, _);
+		if (b === me || b === ye || b === Ce) return l(h, g, _);
 		if (m) {
 			let e = m[b];
 			if (!e) {
-				let t = T(h);
+				let t = ne(h);
 				t && (e = m[t]);
 			}
 			if (e) return e(h, g, _);
@@ -267,26 +268,26 @@ function Se({ areArrayBuffersEqual: e, areArraysEqual: t, areDataViewsEqual: n,
 		return !1;
 	};
 }
-function Ce({ circular: e, createCustomConfig: t, strict: n }) {
+function Oe({ circular: e, createCustomConfig: t, strict: n }) {
 	let r = {
-		areArrayBuffersEqual: ie,
-		areArraysEqual: n ? F : ae,
-		areDataViewsEqual: oe,
-		areDatesEqual: se,
-		areErrorsEqual: ce,
-		areFunctionsEqual: le,
-		areMapsEqual: n ? C(M, F) : M,
-		areNumbersEqual: N,
-		areObjectsEqual: n ? F : P,
-		arePrimitiveWrappersEqual: I,
-		areRegExpsEqual: L,
-		areSetsEqual: n ? C(R, F) : R,
-		areTypedArraysEqual: n ? C(z, F) : z,
-		areUrlsEqual: B,
+		areArrayBuffersEqual: ae,
+		areArraysEqual: n ? P : oe,
+		areDataViewsEqual: se,
+		areDatesEqual: ce,
+		areErrorsEqual: le,
+		areFunctionsEqual: ue,
+		areMapsEqual: n ? T(N, P) : N,
+		areNumbersEqual: de,
+		areObjectsEqual: n ? P : fe,
+		arePrimitiveWrappersEqual: F,
+		areRegExpsEqual: I,
+		areSetsEqual: n ? T(L, P) : L,
+		areTypedArraysEqual: n ? T(R, P) : R,
+		areUrlsEqual: z,
 		unknownTagComparators: void 0
 	};
 	if (t && (r = Object.assign({}, r, t(r))), e) {
-		let e = w(r.areArraysEqual), t = w(r.areMapsEqual), n = w(r.areObjectsEqual), i = w(r.areSetsEqual);
+		let e = E(r.areArraysEqual), t = E(r.areMapsEqual), n = E(r.areObjectsEqual), i = E(r.areSetsEqual);
 		r = Object.assign({}, r, {
 			areArraysEqual: e,
 			areMapsEqual: t,
@@ -296,12 +297,12 @@ function Ce({ circular: e, createCustomConfig: t, strict: n }) {
 	}
 	return r;
 }
-function we(e) {
+function ke(e) {
 	return function(t, n, r, i, a, o, s) {
 		return e(t, n, s);
 	};
 }
-function Te({ circular: e, comparator: t, createState: n, equals: r, strict: i }) {
+function Ae({ circular: e, comparator: t, createState: n, equals: r, strict: i }) {
 	if (n) return function(a, o) {
 		let { cache: s = e ? /* @__PURE__ */ new WeakMap() : void 0, meta: c } = n();
 		return t(a, o, {
@@ -329,35 +330,35 @@ function Te({ circular: e, comparator: t, createState: n, equals: r, strict: i }
 		return t(e, n, a);
 	};
 }
-var Ee = G();
-G({ strict: !0 }), G({ circular: !0 }), G({
+var je = H();
+H({ strict: !0 }), H({ circular: !0 }), H({
 	circular: !0,
 	strict: !0
-}), G({ createInternalComparator: () => O }), G({
+}), H({ createInternalComparator: () => k }), H({
 	strict: !0,
-	createInternalComparator: () => O
-}), G({
+	createInternalComparator: () => k
+}), H({
 	circular: !0,
-	createInternalComparator: () => O
-}), G({
+	createInternalComparator: () => k
+}), H({
 	circular: !0,
-	createInternalComparator: () => O,
+	createInternalComparator: () => k,
 	strict: !0
 });
-function G(e = {}) {
-	let { circular: t = !1, createInternalComparator: n, createState: r, strict: i = !1 } = e, a = Se(Ce(e));
-	return Te({
+function H(e = {}) {
+	let { circular: t = !1, createInternalComparator: n, createState: r, strict: i = !1 } = e, a = De(Oe(e));
+	return Ae({
 		circular: t,
 		comparator: a,
 		createState: r,
-		equals: n ? n(a) : we(a),
+		equals: n ? n(a) : ke(a),
 		strict: i
 	});
 }
 //#endregion
 //#region node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.5/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.production.js
-var De = /* @__PURE__ */ e(((e) => {
-	var t = _(), n = b();
+var Me = /* @__PURE__ */ e(((e) => {
+	var t = y(), n = x();
 	function r(e, t) {
 		return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
 	}
@@ -401,13 +402,13 @@ var De = /* @__PURE__ */ e(((e) => {
 			f.hasValue = !0, f.value = p;
 		}, [p]), l(p), p;
 	};
-})), Oe = /* @__PURE__ */ e(((e) => {
+})), Ne = /* @__PURE__ */ e(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t(e, t) {
 			return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
 		}
 		typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var n = _(), r = b(), i = typeof Object.is == "function" ? Object.is : t, a = r.useSyncExternalStore, o = n.useRef, s = n.useEffect, c = n.useMemo, l = n.useDebugValue;
+		var n = y(), r = x(), i = typeof Object.is == "function" ? Object.is : t, a = r.useSyncExternalStore, o = n.useRef, s = n.useEffect, c = n.useMemo, l = n.useDebugValue;
 		e.useSyncExternalStoreWithSelector = function(e, t, n, r, u) {
 			var d = o(null);
 			if (d.current === null) {
@@ -448,17 +449,17 @@ var De = /* @__PURE__ */ e(((e) => {
 			}, [p]), l(p), p;
 		}, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 	})();
-})), ke = (/* @__PURE__ */ e(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = De() : t.exports = Oe();
-})))(), Ae = (...e) => (t) => {
+})), Pe = (/* @__PURE__ */ e(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = Me() : t.exports = Ne();
+})))(), Fe = (...e) => (t) => {
 	e.forEach((e) => {
 		typeof e == "function" ? e(t) : e && (e.current = t);
 	});
-}, je = ({ contentComponent: e }) => {
-	let t = (0, ee.useSyncExternalStore)(e.subscribe, e.getSnapshot, e.getServerSnapshot);
-	return /* @__PURE__ */ h(m, { children: Object.values(t) });
+}, Ie = ({ contentComponent: e }) => {
+	let t = (0, S.useSyncExternalStore)(e.subscribe, e.getSnapshot, e.getServerSnapshot);
+	return /* @__PURE__ */ _(g, { children: Object.values(t) });
 };
-function Me() {
+function Le() {
 	let e = /* @__PURE__ */ new Set(), t = {}, n = !1, r = () => {
 		n || !e.size || (n = !0, queueMicrotask(() => {
 			n = !1, e.forEach((e) => e());
@@ -479,7 +480,7 @@ function Me() {
 		setRenderer(e, n) {
 			t = {
 				...t,
-				[e]: f.createPortal(n.reactElement, n.element, e)
+				[e]: m.createPortal(n.reactElement, n.element, e)
 			}, r();
 		},
 		removeRenderer(e) {
@@ -488,9 +489,9 @@ function Me() {
 		}
 	};
 }
-var Ne = class extends n.Component {
+var Re = class extends r.Component {
 	constructor(e) {
-		super(e), this.editorContentRef = n.createRef();
+		super(e), this.editorContentRef = r.createRef();
 	}
 	componentDidMount() {
 		this.init();
@@ -503,7 +504,7 @@ var Ne = class extends n.Component {
 		if (e && !e.isDestroyed && e.view.dom?.parentNode) {
 			if (e.contentComponent) return;
 			let t = this.editorContentRef.current;
-			t.append(...e.view.dom.parentNode.childNodes), e.setOptions({ element: t }), e.contentComponent = Me(), e.createNodeViews(), e.isEditorContentInitialized = !0, this.forceUpdate();
+			t.append(...e.view.dom.parentNode.childNodes), e.setOptions({ element: t }), e.contentComponent = Le(), e.createNodeViews(), e.isEditorContentInitialized = !0, this.forceUpdate();
 		}
 	}
 	componentWillUnmount() {
@@ -519,19 +520,19 @@ var Ne = class extends n.Component {
 	}
 	render() {
 		let { editor: e, innerRef: t, ...n } = this.props;
-		return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
-			ref: Ae(t, this.editorContentRef),
+		return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
+			ref: Fe(t, this.editorContentRef),
 			...n
-		}), e?.contentComponent && /* @__PURE__ */ h(je, { contentComponent: e.contentComponent })] });
+		}), e?.contentComponent && /* @__PURE__ */ _(Ie, { contentComponent: e.contentComponent })] });
 	}
-}, Pe = i((e, t) => {
-	let r = n.useMemo(() => Math.floor(Math.random() * 4294967295).toString(), [e.editor]);
-	return n.createElement(Ne, {
-		key: r,
+}, ze = a((e, t) => {
+	let n = r.useMemo(() => Math.floor(Math.random() * 4294967295).toString(), [e.editor]);
+	return r.createElement(Re, {
+		key: n,
 		innerRef: t,
 		...e
 	});
-}), K = n.memo(Pe), Fe = typeof window < "u" ? c : s, Ie = class {
+}), U = r.memo(ze), Be = typeof window < "u" ? l : c, Ve = class {
 	constructor(e) {
 		this.transactionNumber = 0, this.lastTransactionNumber = 0, this.subscribers = /* @__PURE__ */ new Set(), this.editor = e, this.lastSnapshot = {
 			editor: e,
@@ -566,21 +567,156 @@ var Ne = class extends n.Component {
 		}
 	}
 };
-function Le(e) {
-	let [t] = u(() => new Ie(e.editor)), n = (0, ke.useSyncExternalStoreWithSelector)(t.subscribe, t.getSnapshot, t.getServerSnapshot, e.selector, e.equalityFn ?? Ee);
-	return Fe(() => t.watch(e.editor), [e.editor, t]), o(n), n;
+function W(e) {
+	let [t] = f(() => new Ve(e.editor)), n = (0, Pe.useSyncExternalStoreWithSelector)(t.subscribe, t.getSnapshot, t.getServerSnapshot, e.selector, e.equalityFn ?? je);
+	return Be(() => t.watch(e.editor), [e.editor, t]), s(n), n;
 }
-process.env.NODE_ENV, typeof window > "u" || typeof window < "u" && window.next;
-var q = r({ editor: null });
+var G = process.env.NODE_ENV !== "production", K = typeof window > "u", He = K || !!(typeof window < "u" && window.next), Ue = class e {
+	constructor(e) {
+		this.editor = null, this.subscriptions = /* @__PURE__ */ new Set(), this.isComponentMounted = !1, this.previousDeps = null, this.instanceId = "", this.options = e, this.subscriptions = /* @__PURE__ */ new Set(), this.setEditor(this.getInitialEditor()), this.scheduleDestroy(), this.getEditor = this.getEditor.bind(this), this.getServerSnapshot = this.getServerSnapshot.bind(this), this.subscribe = this.subscribe.bind(this), this.refreshEditorInstance = this.refreshEditorInstance.bind(this), this.scheduleDestroy = this.scheduleDestroy.bind(this), this.onRender = this.onRender.bind(this), this.createEditor = this.createEditor.bind(this);
+	}
+	setEditor(e) {
+		this.editor = e, this.instanceId = Math.random().toString(36).slice(2, 9), this.subscriptions.forEach((e) => e());
+	}
+	getInitialEditor() {
+		let e = this.options.current.immediatelyRender, t = e ?? !0;
+		return K ? (t && G && console.warn("SSR detected. `immediatelyRender` has been set to false to avoid hydration mismatches"), t = !1) : He && e === void 0 && (t = !1, G && console.warn("Next.js detected. `immediatelyRender` defaults to false to avoid hydration mismatches. Pass `immediatelyRender: true` explicitly if you are rendering the editor only on the client.")), t ? this.createEditor() : null;
+	}
+	createEditor() {
+		return new t({
+			...this.options.current,
+			onBeforeCreate: (...e) => {
+				var t;
+				return (t = this.options.current).onBeforeCreate?.call(t, ...e);
+			},
+			onBlur: (...e) => {
+				var t;
+				return (t = this.options.current).onBlur?.call(t, ...e);
+			},
+			onCreate: (...e) => {
+				var t;
+				return (t = this.options.current).onCreate?.call(t, ...e);
+			},
+			onDestroy: (...e) => {
+				var t;
+				return (t = this.options.current).onDestroy?.call(t, ...e);
+			},
+			onFocus: (...e) => {
+				var t;
+				return (t = this.options.current).onFocus?.call(t, ...e);
+			},
+			onSelectionUpdate: (...e) => {
+				var t;
+				return (t = this.options.current).onSelectionUpdate?.call(t, ...e);
+			},
+			onTransaction: (...e) => {
+				var t;
+				return (t = this.options.current).onTransaction?.call(t, ...e);
+			},
+			onUpdate: (...e) => {
+				var t;
+				return (t = this.options.current).onUpdate?.call(t, ...e);
+			},
+			onContentError: (...e) => {
+				var t;
+				return (t = this.options.current).onContentError?.call(t, ...e);
+			},
+			onDrop: (...e) => {
+				var t;
+				return (t = this.options.current).onDrop?.call(t, ...e);
+			},
+			onPaste: (...e) => {
+				var t;
+				return (t = this.options.current).onPaste?.call(t, ...e);
+			},
+			onDelete: (...e) => {
+				var t;
+				return (t = this.options.current).onDelete?.call(t, ...e);
+			},
+			onMount: (...e) => {
+				var t;
+				return (t = this.options.current).onMount?.call(t, ...e);
+			},
+			onUnmount: (...e) => {
+				var t;
+				return (t = this.options.current).onUnmount?.call(t, ...e);
+			}
+		});
+	}
+	getEditor() {
+		return this.editor;
+	}
+	getServerSnapshot() {
+		return null;
+	}
+	subscribe(e) {
+		return this.subscriptions.add(e), () => {
+			this.subscriptions.delete(e);
+		};
+	}
+	static compareOptions(e, t) {
+		return Object.keys(e).every((n) => [
+			"onCreate",
+			"onBeforeCreate",
+			"onDestroy",
+			"onUpdate",
+			"onTransaction",
+			"onFocus",
+			"onBlur",
+			"onSelectionUpdate",
+			"onContentError",
+			"onDrop",
+			"onPaste"
+		].includes(n) ? !0 : n === "extensions" && e.extensions && t.extensions ? e.extensions.length === t.extensions.length && e.extensions.every((e, n) => e === t.extensions?.[n]) : e[n] === t[n]);
+	}
+	onRender(t) {
+		return () => (this.isComponentMounted = !0, clearTimeout(this.scheduledDestructionTimeout), this.editor && !this.editor.isDestroyed && t.length === 0 ? e.compareOptions(this.options.current, this.editor.options) || this.editor.setOptions({
+			...this.options.current,
+			editable: this.editor.isEditable
+		}) : this.refreshEditorInstance(t), () => {
+			this.isComponentMounted = !1, this.scheduleDestroy();
+		});
+	}
+	refreshEditorInstance(e) {
+		if (this.editor && !this.editor.isDestroyed) {
+			if (this.previousDeps === null) {
+				this.previousDeps = e;
+				return;
+			}
+			if (this.previousDeps.length === e.length && this.previousDeps.every((t, n) => t === e[n])) return;
+		}
+		this.editor && !this.editor.isDestroyed && this.editor.destroy(), this.setEditor(this.createEditor()), this.previousDeps = e;
+	}
+	scheduleDestroy() {
+		let e = this.instanceId, t = this.editor;
+		this.scheduledDestructionTimeout = setTimeout(() => {
+			if (this.isComponentMounted && this.instanceId === e) {
+				t && t.setOptions(this.options.current);
+				return;
+			}
+			t && !t.isDestroyed && (t.destroy(), this.instanceId === e && this.setEditor(null));
+		}, 1);
+	}
+};
+function We(e = {}, t = []) {
+	let n = d(e);
+	n.current = e;
+	let [r] = f(() => new Ue(n)), i = (0, S.useSyncExternalStore)(r.subscribe, r.getEditor, r.getServerSnapshot);
+	return s(i), c(r.onRender(t)), W({
+		editor: i,
+		selector: ({ transactionNumber: t }) => e.shouldRerenderOnTransaction === !1 || e.shouldRerenderOnTransaction === void 0 ? null : e.immediatelyRender && t === 0 ? 0 : t + 1
+	}), i;
+}
+var q = i({ editor: null });
 q.Consumer;
-var Re = () => a(q), ze = r({
+var Ge = () => o(q), Ke = i({
 	onDragStart: () => {},
 	nodeViewContentChildren: void 0,
 	nodeViewContentRef: () => {}
-}), J = () => a(ze);
-n.forwardRef((e, t) => {
+}), J = () => o(Ke);
+r.forwardRef((e, t) => {
 	let { onDragStart: n } = J();
-	return /* @__PURE__ */ h(e.as || "div", {
+	return /* @__PURE__ */ _(e.as || "div", {
 		...e,
 		ref: t,
 		"data-node-view-wrapper": "",
@@ -597,26 +733,26 @@ function Y(e) {
 function X(e) {
 	return !!(typeof e == "object" && e.$$typeof && (e.$$typeof.toString() === "Symbol(react.forward_ref)" || e.$$typeof.description === "react.forward_ref"));
 }
-function Be(e) {
+function qe(e) {
 	return !!(typeof e == "object" && e.$$typeof && (e.$$typeof.toString() === "Symbol(react.memo)" || e.$$typeof.description === "react.memo"));
 }
-function Ve(e) {
+function Je(e) {
 	if (Y(e) || X(e)) return !0;
-	if (Be(e)) {
+	if (qe(e)) {
 		let t = e.type;
 		if (t) return Y(t) || X(t);
 	}
 	return !1;
 }
-function He() {
+function Ye() {
 	try {
-		if (d) return parseInt(d.split(".")[0], 10) >= 19;
+		if (p) return parseInt(p.split(".")[0], 10) >= 19;
 	} catch {}
 	return !1;
 }
-var Ue = class {
+var Xe = class {
 	constructor(e, { editor: t, props: n = {}, as: r = "div", className: i = "" }) {
-		this.ref = null, this.destroyed = !1, this.id = Math.floor(Math.random() * 4294967295).toString(), this.component = e, this.editor = t, this.props = n, this.element = document.createElement(r), this.element.classList.add("react-renderer"), i && this.element.classList.add(...i.split(" ")), this.editor.isEditorContentInitialized ? p(() => {
+		this.ref = null, this.destroyed = !1, this.id = Math.floor(Math.random() * 4294967295).toString(), this.component = e, this.editor = t, this.props = n, this.element = document.createElement(r), this.element.classList.add("react-renderer"), i && this.element.classList.add(...i.split(" ")), this.editor.isEditorContentInitialized ? h(() => {
 			this.render();
 		}) : queueMicrotask(() => {
 			this.destroyed || this.render();
@@ -625,10 +761,10 @@ var Ue = class {
 	render() {
 		var e;
 		if (this.destroyed) return;
-		let t = this.component, n = this.props, r = this.editor, i = He(), a = Ve(t), o = { ...n };
+		let t = this.component, n = this.props, r = this.editor, i = Ye(), a = Je(t), o = { ...n };
 		o.ref && !(i || a) && delete o.ref, !o.ref && (i || a) && (o.ref = (e) => {
 			this.ref = e;
-		}), this.reactElement = /* @__PURE__ */ h(t, { ...o }), (e = r?.contentComponent) == null || e.setRenderer(this.id, this);
+		}), this.reactElement = /* @__PURE__ */ _(t, { ...o }), (e = r?.contentComponent) == null || e.setRenderer(this.id, this);
 	}
 	updateProps(e = {}) {
 		if (this.destroyed) return;
@@ -658,19 +794,19 @@ var Ue = class {
 		});
 	}
 };
-n.createContext({ markViewContentRef: () => {} });
-var Z = r({ get editor() {
+r.createContext({ markViewContentRef: () => {} });
+var Z = i({ get editor() {
 	throw Error("useTiptap must be used within a <Tiptap> provider");
 } });
 Z.displayName = "TiptapContext";
-var We = () => a(Z);
+var Ze = () => o(Z);
 function Q({ children: e, ...t }) {
 	let n = "editor" in t ? t.editor : t.instance;
 	if (!n) throw Error("Tiptap: An editor instance is required. Pass a non-null `editor` prop.");
-	let r = l(() => ({ editor: n }), [n]), i = l(() => ({ editor: n }), [n]);
-	return /* @__PURE__ */ h(q.Provider, {
+	let r = u(() => ({ editor: n }), [n]), i = u(() => ({ editor: n }), [n]);
+	return /* @__PURE__ */ _(q.Provider, {
 		value: i,
-		children: /* @__PURE__ */ h(Z.Provider, {
+		children: /* @__PURE__ */ _(Z.Provider, {
 			value: r,
 			children: e
 		})
@@ -678,12 +814,12 @@ function Q({ children: e, ...t }) {
 }
 Q.displayName = "Tiptap";
 function $({ ...e }) {
-	let { editor: t } = We();
-	return /* @__PURE__ */ h(K, {
+	let { editor: t } = Ze();
+	return /* @__PURE__ */ _(U, {
 		editor: t,
 		...e
 	});
 }
 $.displayName = "Tiptap.Content", Object.assign(Q, { Content: $ });
 //#endregion
-export { Le as i, Ue as n, Re as r, K as t };
+export { W as a, We as i, Xe as n, Ge as r, U as t };

package/dist/{menus-CakIdDdY.js → menus-CrKTaPWU.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./dist-Cp938P7P.js";
+import { r as e } from "./dist-DT3iiwSr.js";
 import { a as t, i as n, r } from "./dist-CnXCIcnl.js";
 import { A as i, C as a, I as o, S as s, n as c } from "./dist-BQjH-i-q.js";
 import { a as l, c as u, i as d, l as f, n as p, o as m, s as h, t as g, u as _ } from "./floating-ui.dom-rih69525.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clevertask/scribe",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "private": false,
   "description": "A Radix-based Tiptap rich text editor with a Notion-style block interface for viewing and creating content. Perfect for diverse needs like notes, documents, AI chat, Markdown parsing, and comments.",
   "keywords": [