dishui 0.0.71 → 0.0.73

package/dist/components/pro/RichTextEditor/Toolbar/Toolbar.js

@@ -6,45 +6,65 @@ import { FONT_FAMILIES as a, FONT_SIZES as o, SelectDropdown as s } from "./Sele
 import { MarkdownTemplateMenu as c } from "./MarkdownTemplates.js";
 import { FloatingDialogMenu as l } from "./FloatingDialogMenu.js";
 import { TableOpsMenu as u } from "./TableOpsMenu.js";
-import { useCallback as d, useEffect as f, useState as p } from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useCallback as d, useEffect as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useEditorState as v } from "@tiptap/react";
 //#region src/components/pro/RichTextEditor/Toolbar/Toolbar.tsx
-var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPainterChange: S, children: C }) => {
-	let w = {
+var y = /* @__PURE__ */ new Set([
+	"bold",
+	"italic",
+	"underline",
+	"strike",
+	"code",
+	"subscript",
+	"superscript",
+	"textStyle",
+	"highlight"
+]), b = ({ editor: b, config: x, labels: S, hasAI: C, onAIClick: w, onFormatPainterChange: T, children: E }) => {
+	let D = {
 		...e,
-		...y
-	}, [T, E] = p(null), D = {
-		textFormat: v?.textFormat ?? !0,
-		heading: v?.heading ?? !0,
-		alignment: v?.alignment ?? !0,
-		list: v?.list ?? !0,
-		insert: v?.insert ?? !0,
-		color: v?.color ?? !0,
-		history: v?.history ?? !0,
-		ai: v?.ai ?? !0,
-		tableOps: v?.tableOps ?? !0,
-		fontStyle: v?.fontStyle ?? !0,
-		formatPainter: v?.formatPainter ?? !0
-	}, O = d(() => {
-		let e = _.getAttributes("link").href, t = window.prompt(w.insertLinkUrl, e);
-		if (t !== null) {
-			if (t === "") {
-				_.chain().focus().extendMarkRange("link").unsetLink().run();
+		...S
+	};
+	v({
+		editor: b,
+		selector: ({ transactionNumber: e }) => e
+	});
+	let [O, k] = m(null), A = p(T);
+	f(() => {
+		A.current = T;
+	}, [T]);
+	let j = {
+		textFormat: x?.textFormat ?? !0,
+		heading: x?.heading ?? !0,
+		alignment: x?.alignment ?? !0,
+		list: x?.list ?? !0,
+		insert: x?.insert ?? !0,
+		color: x?.color ?? !0,
+		history: x?.history ?? !0,
+		ai: x?.ai ?? !0,
+		tableOps: x?.tableOps ?? !0,
+		fontStyle: x?.fontStyle ?? !0,
+		formatPainter: x?.formatPainter ?? !0
+	}, M = d(() => {
+		let e = b.getAttributes("link").href, t = window.prompt(D.insertLinkUrl, e);
+		if (t !== null && !b.isDestroyed && b.isEditable) {
+			if (t.trim() === "") {
+				b.chain().focus().extendMarkRange("link").unsetLink().run();
 				return;
 			}
-			_.chain().focus().extendMarkRange("link").setLink({ href: t }).run();
+			b.chain().focus().extendMarkRange("link").setLink({ href: t.trim() }).run();
 		}
-	}, [_, w.insertLinkUrl]), k = d(() => {
-		let e = window.prompt(w.insertImageUrl);
-		e && _.chain().focus().setImage({ src: e }).run();
-	}, [_, w.insertImageUrl]), A = d(() => {
-		_.chain().focus().insertTable({
+	}, [b, D.insertLinkUrl]), N = d(() => {
+		let e = window.prompt(D.insertImageUrl);
+		e && b.chain().focus().setImage({ src: e }).run();
+	}, [b, D.insertImageUrl]), P = d(() => {
+		b.chain().focus().insertTable({
 			rows: 3,
 			cols: 3,
 			withHeaderRow: !0
 		}).run();
-	}, [_]), j = d(() => {
-		_.chain().focus().insertContent({
+	}, [b]), F = d(() => {
+		b.chain().focus().insertContent({
 			type: "codeBlock",
 			attrs: { language: "r-markdown" },
 			content: [{
@@ -52,8 +72,8 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 				text: "# Markdown\n\nWrite your **markdown** here."
 			}]
 		}).run();
-	}, [_]), M = d((e) => {
-		_.chain().focus().insertContent({
+	}, [b]), I = d((e) => {
+		b.chain().focus().insertContent({
 			type: "codeBlock",
 			attrs: { language: "r-markdown" },
 			content: [{
@@ -61,13 +81,13 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 				text: e
 			}]
 		}).run();
-	}, [_]), N = d((e = "block") => {
+	}, [b]), L = d((e = "block") => {
 		let n = e === "float" ? {
 			x: 40,
 			y: 40,
-			zIndex: t(_)
+			zIndex: t(b)
 		} : e === "block" ? {} : { width: 240 };
-		_.chain().focus().insertContent({
+		b.chain().focus().insertContent({
 			type: "floatingDialog",
 			attrs: {
 				title: "Note",
@@ -76,60 +96,72 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 			},
 			content: [{ type: "paragraph" }]
 		}).run();
-	}, [_]), P = d(() => {
-		if (T) {
-			E(null), S?.(!1);
+	}, [b]), R = d(() => {
+		if (O) {
+			k(null);
 			return;
 		}
-		let { from: e, to: t } = _.state.selection;
+		if (b.isDestroyed || !b.isEditable) return;
+		let { from: e, to: t } = b.state.selection;
 		if (e === t) return;
-		let n = [];
-		_.state.doc.nodesBetween(e, t, (e) => {
-			e.marks && e.marks.forEach((e) => {
-				n.push({
-					type: e.type.name,
-					attrs: e.attrs
-				});
-			});
-		}), E(n), S?.(!0);
-	}, [
-		_,
-		T,
-		S
-	]);
+		let n;
+		b.state.doc.nodesBetween(e, t, (e) => {
+			if (!e.isText) return;
+			let t = e.marks.filter((e) => y.has(e.type.name));
+			n = n === void 0 ? t : n.filter((e) => t.some((t) => e.eq(t)));
+		}), n !== void 0 && k(n);
+	}, [b, O]);
 	f(() => {
-		if (!T) return;
-		let e = _.view.dom, t = () => {
-			let { from: e, to: t } = _.state.selection;
-			if (e === t || !T) return;
-			let { tr: n } = _.state;
-			n.removeMark(e, t);
-			for (let r of T) {
-				let i = _.schema.marks[r.type];
-				i && n.addMark(e, t, i.create(r.attrs));
+		if (!O) return;
+		if (b.isDestroyed || !b.isEditable || !j.formatPainter || !j.textFormat) {
+			k(null);
+			return;
+		}
+		A.current?.(!0);
+		let e = b.view.dom, t = null, n = !1, r = () => {
+			n = !0, t !== null && cancelAnimationFrame(t), t = null, k(null);
+		}, i = () => {
+			b.isEditable || r();
+		}, a = (e) => {
+			e.key === "Escape" && r();
+		}, o = () => {
+			if (t = null, n || b.isDestroyed || !b.isEditable) return;
+			let { from: e, to: r } = b.state.selection;
+			if (e === r) return;
+			let { tr: i } = b.state;
+			for (let t of y) {
+				let n = b.schema.marks[t];
+				n && i.removeMark(e, r, n);
 			}
-			_.view.dispatch(n), E(null), S?.(!1);
-		}, n = () => {
-			requestAnimationFrame(t);
+			b.state.doc.nodesBetween(e, r, (t, n) => {
+				if (!t.isText) return;
+				let a = t.marks.filter((e) => !y.has(e.type.name));
+				for (let o of O) a.some((e) => o.type.excludes(e.type) || e.type.excludes(o.type)) || i.addMark(Math.max(e, n), Math.min(r, n + t.nodeSize), o);
+			}), n = !0, b.view.dispatch(i), k(null);
+		}, s = () => {
+			n || (t !== null && cancelAnimationFrame(t), t = requestAnimationFrame(o));
 		};
-		return e.addEventListener("mouseup", n), () => {
-			e.removeEventListener("mouseup", n);
+		return e.addEventListener("mouseup", s), e.ownerDocument.addEventListener("keydown", a), b.on("transaction", i), b.on("destroy", r), () => {
+			n = !0, t !== null && cancelAnimationFrame(t), e.removeEventListener("mouseup", s), e.ownerDocument.removeEventListener("keydown", a), b.off("transaction", i), b.off("destroy", r), A.current?.(!1);
 		};
 	}, [
-		_,
-		T,
-		S
+		b,
+		O,
+		j.formatPainter,
+		j.textFormat
 	]);
-	let F = _.getAttributes("textStyle").fontFamily || "", I = _.getAttributes("textStyle").fontSize || "";
-	return /* @__PURE__ */ g("div", {
+	let z = b.getAttributes("textStyle").fontFamily || "", B = b.getAttributes("textStyle").fontSize || "";
+	return /* @__PURE__ */ _("div", {
 		className: "rte-toolbar",
+		role: "group",
+		"aria-label": "Text formatting",
 		children: [
-			D.history && /* @__PURE__ */ g(m, { children: [
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().undo().run(),
-					disabled: !_.can().undo(),
-					title: w.undo,
-					children: /* @__PURE__ */ g("svg", {
+			j.history && /* @__PURE__ */ _(h, { children: [
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().undo().run(),
+					disabled: !b.can().undo(),
+					title: D.undo,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -138,14 +170,14 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeWidth: "2",
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
-						children: [/* @__PURE__ */ h("polyline", { points: "1 4 1 10 7 10" }), /* @__PURE__ */ h("path", { d: "M3.51 15a9 9 0 102.13-9.36L1 10" })]
+						children: [/* @__PURE__ */ g("polyline", { points: "1 4 1 10 7 10" }), /* @__PURE__ */ g("path", { d: "M3.51 15a9 9 0 102.13-9.36L1 10" })]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().redo().run(),
-					disabled: !_.can().redo(),
-					title: w.redo,
-					children: /* @__PURE__ */ g("svg", {
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().redo().run(),
+					disabled: !b.can().redo(),
+					title: D.redo,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -154,38 +186,38 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeWidth: "2",
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
-						children: [/* @__PURE__ */ h("polyline", { points: "23 4 23 10 17 10" }), /* @__PURE__ */ h("path", { d: "M20.49 15a9 9 0 11-2.13-9.36L23 10" })]
+						children: [/* @__PURE__ */ g("polyline", { points: "23 4 23 10 17 10" }), /* @__PURE__ */ g("path", { d: "M20.49 15a9 9 0 11-2.13-9.36L23 10" })]
 					})
 				}),
-				/* @__PURE__ */ h(r, {})
+				/* @__PURE__ */ g(r, {})
 			] }),
-			D.fontStyle && /* @__PURE__ */ g(m, { children: [
-				/* @__PURE__ */ h(s, {
-					value: F,
+			j.fontStyle && /* @__PURE__ */ _(h, { children: [
+				/* @__PURE__ */ g(s, {
+					value: z,
 					options: a,
 					onChange: (e) => {
-						e ? _.chain().focus().setFontFamily(e).run() : _.chain().focus().unsetFontFamily().run();
+						e ? b.chain().focus().setFontFamily(e).run() : b.chain().focus().unsetFontFamily().run();
 					},
-					title: w.fontFamily,
+					title: D.fontFamily,
 					width: 120
 				}),
-				/* @__PURE__ */ h(s, {
-					value: I,
+				/* @__PURE__ */ g(s, {
+					value: B,
 					options: o,
 					onChange: (e) => {
-						e ? _.chain().focus().setFontSize(e).run() : _.chain().focus().unsetFontSize().run();
+						e ? b.chain().focus().setFontSize(e).run() : b.chain().focus().unsetFontSize().run();
 					},
-					title: w.fontSize,
+					title: D.fontSize,
 					width: 80
 				}),
-				/* @__PURE__ */ h(r, {})
+				/* @__PURE__ */ g(r, {})
 			] }),
-			D.textFormat && /* @__PURE__ */ g(m, { children: [
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().toggleBold().run(),
-					isActive: _.isActive("bold"),
-					title: w.bold,
-					children: /* @__PURE__ */ g("svg", {
+			j.textFormat && /* @__PURE__ */ _(h, { children: [
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().toggleBold().run(),
+					isActive: b.isActive("bold"),
+					title: D.bold,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -194,14 +226,14 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeWidth: "2.5",
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
-						children: [/* @__PURE__ */ h("path", { d: "M6 4h8a4 4 0 014 4 4 4 0 01-4 4H6z" }), /* @__PURE__ */ h("path", { d: "M6 12h9a4 4 0 014 4 4 4 0 01-4 4H6z" })]
+						children: [/* @__PURE__ */ g("path", { d: "M6 4h8a4 4 0 014 4 4 4 0 01-4 4H6z" }), /* @__PURE__ */ g("path", { d: "M6 12h9a4 4 0 014 4 4 4 0 01-4 4H6z" })]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().toggleItalic().run(),
-					isActive: _.isActive("italic"),
-					title: w.italic,
-					children: /* @__PURE__ */ g("svg", {
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().toggleItalic().run(),
+					isActive: b.isActive("italic"),
+					title: D.italic,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -211,19 +243,19 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						children: [
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "19",
 								y1: "4",
 								x2: "10",
 								y2: "4"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "14",
 								y1: "20",
 								x2: "5",
 								y2: "20"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "15",
 								y1: "4",
 								x2: "9",
@@ -232,11 +264,11 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().toggleUnderline().run(),
-					isActive: _.isActive("underline"),
-					title: w.underline,
-					children: /* @__PURE__ */ g("svg", {
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().toggleUnderline().run(),
+					isActive: b.isActive("underline"),
+					title: D.underline,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -245,7 +277,7 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeWidth: "2",
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
-						children: [/* @__PURE__ */ h("path", { d: "M6 3v7a6 6 0 006 6 6 6 0 006-6V3" }), /* @__PURE__ */ h("line", {
+						children: [/* @__PURE__ */ g("path", { d: "M6 3v7a6 6 0 006 6 6 6 0 006-6V3" }), /* @__PURE__ */ g("line", {
 							x1: "4",
 							y1: "21",
 							x2: "20",
@@ -253,11 +285,11 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						})]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().toggleStrike().run(),
-					isActive: _.isActive("strike"),
-					title: w.strikethrough,
-					children: /* @__PURE__ */ g("svg", {
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().toggleStrike().run(),
+					isActive: b.isActive("strike"),
+					title: D.strikethrough,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -267,9 +299,9 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						children: [
-							/* @__PURE__ */ h("path", { d: "M17.3 4.9c-2.3-.6-4.4-1-6.2-.9-2.7 0-5.3.7-5.3 3.6 0 1.5 1.8 3.3 7.2 3.3" }),
-							/* @__PURE__ */ h("path", { d: "M13 15.1c0 2.8-2.6 3.6-5.3 3.6-1.8-.1-3.9-.5-6.2-.9" }),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("path", { d: "M17.3 4.9c-2.3-.6-4.4-1-6.2-.9-2.7 0-5.3.7-5.3 3.6 0 1.5 1.8 3.3 7.2 3.3" }),
+							/* @__PURE__ */ g("path", { d: "M13 15.1c0 2.8-2.6 3.6-5.3 3.6-1.8-.1-3.9-.5-6.2-.9" }),
+							/* @__PURE__ */ g("line", {
 								x1: "4",
 								y1: "12",
 								x2: "20",
@@ -278,41 +310,42 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().toggleSubscript().run(),
-					isActive: _.isActive("subscript"),
-					title: w.subscript,
-					children: /* @__PURE__ */ g("span", {
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().toggleSubscript().run(),
+					isActive: b.isActive("subscript"),
+					title: D.subscript,
+					children: /* @__PURE__ */ _("span", {
 						style: {
 							fontSize: "13px",
 							fontWeight: 600
 						},
-						children: ["X", /* @__PURE__ */ h("sub", {
+						children: ["X", /* @__PURE__ */ g("sub", {
 							style: { fontSize: "9px" },
 							children: "2"
 						})]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().toggleSuperscript().run(),
-					isActive: _.isActive("superscript"),
-					title: w.superscript,
-					children: /* @__PURE__ */ g("span", {
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().toggleSuperscript().run(),
+					isActive: b.isActive("superscript"),
+					title: D.superscript,
+					children: /* @__PURE__ */ _("span", {
 						style: {
 							fontSize: "13px",
 							fontWeight: 600
 						},
-						children: ["X", /* @__PURE__ */ h("sup", {
+						children: ["X", /* @__PURE__ */ g("sup", {
 							style: { fontSize: "9px" },
 							children: "2"
 						})]
 					})
 				}),
-				D.formatPainter && /* @__PURE__ */ h(n, {
-					onClick: P,
-					isActive: !!T,
-					title: T ? w.formatPainterActive : w.formatPainter,
-					children: /* @__PURE__ */ g("svg", {
+				j.formatPainter && /* @__PURE__ */ g(n, {
+					onClick: R,
+					disabled: !b.isEditable || !O && b.state.selection.empty,
+					isActive: !!O,
+					title: O ? D.formatPainterActive : D.formatPainter,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -322,40 +355,40 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						children: [
-							/* @__PURE__ */ h("path", { d: "M19 3H5a2 2 0 00-2 2v2a2 2 0 002 2h14a2 2 0 002-2V5a2 2 0 00-2-2z" }),
-							/* @__PURE__ */ h("path", { d: "M10 7v4a2 2 0 01-2 2H7" }),
-							/* @__PURE__ */ h("path", { d: "M7 13l-3 8" }),
-							/* @__PURE__ */ h("path", { d: "M4 21h6" })
+							/* @__PURE__ */ g("path", { d: "M19 3H5a2 2 0 00-2 2v2a2 2 0 002 2h14a2 2 0 002-2V5a2 2 0 00-2-2z" }),
+							/* @__PURE__ */ g("path", { d: "M10 7v4a2 2 0 01-2 2H7" }),
+							/* @__PURE__ */ g("path", { d: "M7 13l-3 8" }),
+							/* @__PURE__ */ g("path", { d: "M4 21h6" })
 						]
 					})
 				}),
-				/* @__PURE__ */ h(r, {})
+				/* @__PURE__ */ g(r, {})
 			] }),
-			D.heading && /* @__PURE__ */ g(m, { children: [[
+			j.heading && /* @__PURE__ */ _(h, { children: [[
 				1,
 				2,
 				3,
 				4,
 				5,
 				6
-			].map((e) => /* @__PURE__ */ h(n, {
-				onClick: () => _.chain().focus().toggleHeading({ level: e }).run(),
-				isActive: _.isActive("heading", { level: e }),
-				title: `${w.heading} ${e}`,
-				children: /* @__PURE__ */ g("span", {
+			].map((e) => /* @__PURE__ */ g(n, {
+				onClick: () => b.chain().focus().toggleHeading({ level: e }).run(),
+				isActive: b.isActive("heading", { level: e }),
+				title: `${D.heading} ${e}`,
+				children: /* @__PURE__ */ _("span", {
 					style: {
 						fontSize: "12px",
 						fontWeight: 700
 					},
 					children: ["H", e]
 				})
-			}, e)), /* @__PURE__ */ h(r, {})] }),
-			D.alignment && /* @__PURE__ */ g(m, { children: [
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().setTextAlign("left").run(),
-					isActive: _.isActive({ textAlign: "left" }),
-					title: w.alignLeft,
-					children: /* @__PURE__ */ g("svg", {
+			}, e)), /* @__PURE__ */ g(r, {})] }),
+			j.alignment && /* @__PURE__ */ _(h, { children: [
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().setTextAlign("left").run(),
+					isActive: b.isActive({ textAlign: "left" }),
+					title: D.alignLeft,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -365,25 +398,25 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						children: [
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "17",
 								y1: "10",
 								x2: "3",
 								y2: "10"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "21",
 								y1: "6",
 								x2: "3",
 								y2: "6"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "21",
 								y1: "14",
 								x2: "3",
 								y2: "14"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "17",
 								y1: "18",
 								x2: "3",
@@ -392,11 +425,11 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().setTextAlign("center").run(),
-					isActive: _.isActive({ textAlign: "center" }),
-					title: w.alignCenter,
-					children: /* @__PURE__ */ g("svg", {
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().setTextAlign("center").run(),
+					isActive: b.isActive({ textAlign: "center" }),
+					title: D.alignCenter,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -406,25 +439,25 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						children: [
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "18",
 								y1: "10",
 								x2: "6",
 								y2: "10"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "21",
 								y1: "6",
 								x2: "3",
 								y2: "6"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "21",
 								y1: "14",
 								x2: "3",
 								y2: "14"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "18",
 								y1: "18",
 								x2: "6",
@@ -433,11 +466,11 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().setTextAlign("right").run(),
-					isActive: _.isActive({ textAlign: "right" }),
-					title: w.alignRight,
-					children: /* @__PURE__ */ g("svg", {
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().setTextAlign("right").run(),
+					isActive: b.isActive({ textAlign: "right" }),
+					title: D.alignRight,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -447,25 +480,25 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						children: [
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "21",
 								y1: "10",
 								x2: "7",
 								y2: "10"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "21",
 								y1: "6",
 								x2: "3",
 								y2: "6"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "21",
 								y1: "14",
 								x2: "3",
 								y2: "14"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "21",
 								y1: "18",
 								x2: "7",
@@ -474,11 +507,11 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().setTextAlign("justify").run(),
-					isActive: _.isActive({ textAlign: "justify" }),
-					title: w.alignJustify,
-					children: /* @__PURE__ */ g("svg", {
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().setTextAlign("justify").run(),
+					isActive: b.isActive({ textAlign: "justify" }),
+					title: D.alignJustify,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -488,25 +521,25 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						children: [
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "21",
 								y1: "10",
 								x2: "3",
 								y2: "10"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "21",
 								y1: "6",
 								x2: "3",
 								y2: "6"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "21",
 								y1: "14",
 								x2: "3",
 								y2: "14"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "21",
 								y1: "18",
 								x2: "3",
@@ -515,14 +548,14 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						]
 					})
 				}),
-				/* @__PURE__ */ h(r, {})
+				/* @__PURE__ */ g(r, {})
 			] }),
-			D.list && /* @__PURE__ */ g(m, { children: [
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().toggleBulletList().run(),
-					isActive: _.isActive("bulletList"),
-					title: w.bulletList,
-					children: /* @__PURE__ */ g("svg", {
+			j.list && /* @__PURE__ */ _(h, { children: [
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().toggleBulletList().run(),
+					isActive: b.isActive("bulletList"),
+					title: D.bulletList,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -532,37 +565,37 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						children: [
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "8",
 								y1: "6",
 								x2: "21",
 								y2: "6"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "8",
 								y1: "12",
 								x2: "21",
 								y2: "12"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "8",
 								y1: "18",
 								x2: "21",
 								y2: "18"
 							}),
-							/* @__PURE__ */ h("circle", {
+							/* @__PURE__ */ g("circle", {
 								cx: "4",
 								cy: "6",
 								r: "1",
 								fill: "currentColor"
 							}),
-							/* @__PURE__ */ h("circle", {
+							/* @__PURE__ */ g("circle", {
 								cx: "4",
 								cy: "12",
 								r: "1",
 								fill: "currentColor"
 							}),
-							/* @__PURE__ */ h("circle", {
+							/* @__PURE__ */ g("circle", {
 								cx: "4",
 								cy: "18",
 								r: "1",
@@ -571,11 +604,11 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().toggleOrderedList().run(),
-					isActive: _.isActive("orderedList"),
-					title: w.orderedList,
-					children: /* @__PURE__ */ g("svg", {
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().toggleOrderedList().run(),
+					isActive: b.isActive("orderedList"),
+					title: D.orderedList,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -585,25 +618,25 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						children: [
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "10",
 								y1: "6",
 								x2: "21",
 								y2: "6"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "10",
 								y1: "12",
 								x2: "21",
 								y2: "12"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "10",
 								y1: "18",
 								x2: "21",
 								y2: "18"
 							}),
-							/* @__PURE__ */ h("text", {
+							/* @__PURE__ */ g("text", {
 								x: "2",
 								y: "8",
 								fontSize: "8",
@@ -612,7 +645,7 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 								fontWeight: "bold",
 								children: "1"
 							}),
-							/* @__PURE__ */ h("text", {
+							/* @__PURE__ */ g("text", {
 								x: "2",
 								y: "14",
 								fontSize: "8",
@@ -621,7 +654,7 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 								fontWeight: "bold",
 								children: "2"
 							}),
-							/* @__PURE__ */ h("text", {
+							/* @__PURE__ */ g("text", {
 								x: "2",
 								y: "20",
 								fontSize: "8",
@@ -633,11 +666,11 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().toggleTaskList().run(),
-					isActive: _.isActive("taskList"),
-					title: w.taskList,
-					children: /* @__PURE__ */ g("svg", {
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().toggleTaskList().run(),
+					isActive: b.isActive("taskList"),
+					title: D.taskList,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -647,28 +680,28 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						children: [
-							/* @__PURE__ */ h("rect", {
+							/* @__PURE__ */ g("rect", {
 								x: "3",
 								y: "5",
 								width: "6",
 								height: "6",
 								rx: "1"
 							}),
-							/* @__PURE__ */ h("path", { d: "M5 8l1.5 1.5L9 6.5" }),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("path", { d: "M5 8l1.5 1.5L9 6.5" }),
+							/* @__PURE__ */ g("line", {
 								x1: "12",
 								y1: "8",
 								x2: "21",
 								y2: "8"
 							}),
-							/* @__PURE__ */ h("rect", {
+							/* @__PURE__ */ g("rect", {
 								x: "3",
 								y: "14",
 								width: "6",
 								height: "6",
 								rx: "1"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "12",
 								y1: "17",
 								x2: "21",
@@ -677,14 +710,14 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						]
 					})
 				}),
-				/* @__PURE__ */ h(r, {})
+				/* @__PURE__ */ g(r, {})
 			] }),
-			D.insert && /* @__PURE__ */ g(m, { children: [
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().toggleBlockquote().run(),
-					isActive: _.isActive("blockquote"),
-					title: w.blockquote,
-					children: /* @__PURE__ */ g("svg", {
+			j.insert && /* @__PURE__ */ _(h, { children: [
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().toggleBlockquote().run(),
+					isActive: b.isActive("blockquote"),
+					title: D.blockquote,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -693,14 +726,14 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeWidth: "2",
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
-						children: [/* @__PURE__ */ h("path", { d: "M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z" }), /* @__PURE__ */ h("path", { d: "M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z" })]
+						children: [/* @__PURE__ */ g("path", { d: "M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z" }), /* @__PURE__ */ g("path", { d: "M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z" })]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().toggleNode("codeBlock", "paragraph").run(),
-					isActive: _.isActive("codeBlock"),
-					title: w.codeBlock,
-					children: /* @__PURE__ */ g("svg", {
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().toggleNode("codeBlock", "paragraph").run(),
+					isActive: b.isActive("codeBlock"),
+					title: D.codeBlock,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -709,12 +742,12 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeWidth: "2",
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
-						children: [/* @__PURE__ */ h("polyline", { points: "16 18 22 12 16 6" }), /* @__PURE__ */ h("polyline", { points: "8 6 2 12 8 18" })]
+						children: [/* @__PURE__ */ g("polyline", { points: "16 18 22 12 16 6" }), /* @__PURE__ */ g("polyline", { points: "8 6 2 12 8 18" })]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
+				/* @__PURE__ */ g(n, {
 					onClick: () => {
-						_.chain().focus().insertContent({
+						b.chain().focus().insertContent({
 							type: "codeBlock",
 							attrs: { language: "r-mermaid" },
 							content: [{
@@ -723,8 +756,8 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 							}]
 						}).run();
 					},
-					title: w.mermaidBlock,
-					children: /* @__PURE__ */ g("svg", {
+					title: D.mermaidBlock,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -734,28 +767,28 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						children: [
-							/* @__PURE__ */ h("circle", {
+							/* @__PURE__ */ g("circle", {
 								cx: "6",
 								cy: "6",
 								r: "3"
 							}),
-							/* @__PURE__ */ h("circle", {
+							/* @__PURE__ */ g("circle", {
 								cx: "18",
 								cy: "6",
 								r: "3"
 							}),
-							/* @__PURE__ */ h("circle", {
+							/* @__PURE__ */ g("circle", {
 								cx: "12",
 								cy: "18",
 								r: "3"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "6",
 								y1: "9",
 								x2: "12",
 								y2: "15"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "18",
 								y1: "9",
 								x2: "12",
@@ -764,11 +797,11 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: O,
-					isActive: _.isActive("link"),
-					title: w.link,
-					children: /* @__PURE__ */ g("svg", {
+				/* @__PURE__ */ g(n, {
+					onClick: M,
+					isActive: b.isActive("link"),
+					title: D.link,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -777,13 +810,13 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeWidth: "2",
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
-						children: [/* @__PURE__ */ h("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ h("path", { d: "M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71" })]
+						children: [/* @__PURE__ */ g("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ g("path", { d: "M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71" })]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: k,
-					title: w.image,
-					children: /* @__PURE__ */ g("svg", {
+				/* @__PURE__ */ g(n, {
+					onClick: N,
+					title: D.image,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -793,7 +826,7 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						children: [
-							/* @__PURE__ */ h("rect", {
+							/* @__PURE__ */ g("rect", {
 								x: "3",
 								y: "3",
 								width: "18",
@@ -801,19 +834,19 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 								rx: "2",
 								ry: "2"
 							}),
-							/* @__PURE__ */ h("circle", {
+							/* @__PURE__ */ g("circle", {
 								cx: "8.5",
 								cy: "8.5",
 								r: "1.5"
 							}),
-							/* @__PURE__ */ h("polyline", { points: "21 15 16 10 5 21" })
+							/* @__PURE__ */ g("polyline", { points: "21 15 16 10 5 21" })
 						]
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: A,
-					title: w.table,
-					children: /* @__PURE__ */ g("svg", {
+				/* @__PURE__ */ g(n, {
+					onClick: P,
+					title: D.table,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -823,32 +856,32 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						children: [
-							/* @__PURE__ */ h("rect", {
+							/* @__PURE__ */ g("rect", {
 								x: "3",
 								y: "3",
 								width: "18",
 								height: "18",
 								rx: "2"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "3",
 								y1: "9",
 								x2: "21",
 								y2: "9"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "3",
 								y1: "15",
 								x2: "21",
 								y2: "15"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "9",
 								y1: "3",
 								x2: "9",
 								y2: "21"
 							}),
-							/* @__PURE__ */ h("line", {
+							/* @__PURE__ */ g("line", {
 								x1: "15",
 								y1: "3",
 								x2: "15",
@@ -857,14 +890,14 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						]
 					})
 				}),
-				D.tableOps && /* @__PURE__ */ h(u, {
-					editor: _,
-					labels: w
+				j.tableOps && /* @__PURE__ */ g(u, {
+					editor: b,
+					labels: D
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: () => _.chain().focus().setHorizontalRule().run(),
-					title: w.horizontalRule,
-					children: /* @__PURE__ */ h("svg", {
+				/* @__PURE__ */ g(n, {
+					onClick: () => b.chain().focus().setHorizontalRule().run(),
+					title: D.horizontalRule,
+					children: /* @__PURE__ */ g("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -872,7 +905,7 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						stroke: "currentColor",
 						strokeWidth: "2",
 						strokeLinecap: "round",
-						children: /* @__PURE__ */ h("line", {
+						children: /* @__PURE__ */ g("line", {
 							x1: "3",
 							y1: "12",
 							x2: "21",
@@ -880,10 +913,10 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						})
 					})
 				}),
-				/* @__PURE__ */ h(n, {
-					onClick: j,
-					title: w.markdownBlock,
-					children: /* @__PURE__ */ g("svg", {
+				/* @__PURE__ */ g(n, {
+					onClick: F,
+					title: D.markdownBlock,
+					children: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -893,30 +926,30 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						children: [
-							/* @__PURE__ */ h("path", { d: "M2 3h20v18H2z" }),
-							/* @__PURE__ */ h("path", { d: "M5 15V9l3 3.5L11 9v6" }),
-							/* @__PURE__ */ h("path", { d: "M17 9l-2.5 3H17v3" })
+							/* @__PURE__ */ g("path", { d: "M2 3h20v18H2z" }),
+							/* @__PURE__ */ g("path", { d: "M5 15V9l3 3.5L11 9v6" }),
+							/* @__PURE__ */ g("path", { d: "M17 9l-2.5 3H17v3" })
 						]
 					})
 				}),
-				/* @__PURE__ */ h(c, {
-					labels: w,
-					onSelect: M
+				/* @__PURE__ */ g(c, {
+					labels: D,
+					onSelect: I
 				}),
-				/* @__PURE__ */ h(l, {
-					labels: w,
-					onInsert: N
+				/* @__PURE__ */ g(l, {
+					labels: D,
+					onInsert: L
 				}),
-				/* @__PURE__ */ h(r, {})
+				/* @__PURE__ */ g(r, {})
 			] }),
-			D.color && /* @__PURE__ */ g(m, { children: [
-				/* @__PURE__ */ h(i, {
-					value: _.getAttributes("textStyle").color || "",
+			j.color && /* @__PURE__ */ _(h, { children: [
+				/* @__PURE__ */ g(i, {
+					value: b.getAttributes("textStyle").color || "",
 					onChange: (e) => {
-						e ? _.chain().focus().setColor(e).run() : _.chain().focus().unsetColor().run();
+						e ? b.chain().focus().setColor(e).run() : b.chain().focus().unsetColor().run();
 					},
-					title: w.color,
-					icon: /* @__PURE__ */ h("svg", {
+					title: D.color,
+					icon: /* @__PURE__ */ g("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -925,16 +958,16 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeWidth: "2",
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
-						children: /* @__PURE__ */ h("path", { d: "M12 2L2 22h20L12 2z" })
+						children: /* @__PURE__ */ g("path", { d: "M12 2L2 22h20L12 2z" })
 					})
 				}),
-				/* @__PURE__ */ h(i, {
-					value: _.getAttributes("highlight").color || "",
+				/* @__PURE__ */ g(i, {
+					value: b.getAttributes("highlight").color || "",
 					onChange: (e) => {
-						e ? _.chain().focus().toggleHighlight({ color: e }).run() : _.chain().focus().unsetHighlight().run();
+						e ? b.chain().focus().toggleHighlight({ color: e }).run() : b.chain().focus().unsetHighlight().run();
 					},
-					title: w.highlight,
-					icon: /* @__PURE__ */ g("svg", {
+					title: D.highlight,
+					icon: /* @__PURE__ */ _("svg", {
 						width: "16",
 						height: "16",
 						viewBox: "0 0 24 24",
@@ -943,15 +976,15 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 						strokeWidth: "2",
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
-						children: [/* @__PURE__ */ h("path", { d: "M12 20h9" }), /* @__PURE__ */ h("path", { d: "M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z" })]
+						children: [/* @__PURE__ */ g("path", { d: "M12 20h9" }), /* @__PURE__ */ g("path", { d: "M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z" })]
 					})
 				}),
-				/* @__PURE__ */ h(r, {})
+				/* @__PURE__ */ g(r, {})
 			] }),
-			D.ai && b && x && /* @__PURE__ */ h(n, {
-				onClick: x,
-				title: w.ai,
-				children: /* @__PURE__ */ g("svg", {
+			j.ai && C && w && /* @__PURE__ */ g(n, {
+				onClick: w,
+				title: D.ai,
+				children: /* @__PURE__ */ _("svg", {
 					width: "16",
 					height: "16",
 					viewBox: "0 0 24 24",
@@ -960,14 +993,14 @@ var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPain
 					strokeWidth: "2",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: [/* @__PURE__ */ h("path", { d: "M9.5 2A2.5 2.5 0 0112 4.5v15a2.5 2.5 0 01-4.96.44 2.5 2.5 0 01-2.96-3.08 3 3 0 01-.34-5.58 2.5 2.5 0 011.32-4.24 2.5 2.5 0 011.98-3A2.5 2.5 0 019.5 2z" }), /* @__PURE__ */ h("path", { d: "M14.5 2A2.5 2.5 0 0012 4.5v15a2.5 2.5 0 004.96.44 2.5 2.5 0 002.96-3.08 3 3 0 00.34-5.58 2.5 2.5 0 00-1.32-4.24 2.5 2.5 0 00-1.98-3A2.5 2.5 0 0014.5 2z" })]
+					children: [/* @__PURE__ */ g("path", { d: "M9.5 2A2.5 2.5 0 0112 4.5v15a2.5 2.5 0 01-4.96.44 2.5 2.5 0 01-2.96-3.08 3 3 0 01-.34-5.58 2.5 2.5 0 011.32-4.24 2.5 2.5 0 011.98-3A2.5 2.5 0 019.5 2z" }), /* @__PURE__ */ g("path", { d: "M14.5 2A2.5 2.5 0 0012 4.5v15a2.5 2.5 0 004.96.44 2.5 2.5 0 002.96-3.08 3 3 0 00.34-5.58 2.5 2.5 0 00-1.32-4.24 2.5 2.5 0 00-1.98-3A2.5 2.5 0 0014.5 2z" })]
 				})
 			}),
-			C
+			E
 		]
 	});
 };
 //#endregion
-export { _ as default };
+export { b as default };
 
 //# sourceMappingURL=Toolbar.js.map