dishui 0.0.64 → 0.0.66

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

@@ -1,976 +1,973 @@
-import { defaultLabels as E } from "../types.js";
-import { getNextFloatZIndex as V } from "../extensions/FloatingDialog.js";
-import { ToolbarButton as o, ToolbarDivider as a } from "./ToolbarButton.js";
-import { ColorPicker as m } from "./ColorPicker.js";
-import { FONT_FAMILIES as O, FONT_SIZES as R, SelectDropdown as C } from "./SelectDropdown.js";
-import { MarkdownTemplateMenu as U } from "./MarkdownTemplates.js";
-import { FloatingDialogMenu as D } from "./FloatingDialogMenu.js";
-import { TableOpsMenu as N } from "./TableOpsMenu.js";
-import { useCallback as d, useEffect as P, useState as q } from "react";
-import { Fragment as u, jsx as e, jsxs as i } from "react/jsx-runtime";
-var ne = ({ editor: t, config: l, labels: A, hasAI: B, onAIClick: v, onFormatPainterChange: g, children: M }) => {
-  const n = {
-    ...E,
-    ...A
-  }, [h, p] = q(null), c = {
-    textFormat: l?.textFormat ?? !0,
-    heading: l?.heading ?? !0,
-    alignment: l?.alignment ?? !0,
-    list: l?.list ?? !0,
-    insert: l?.insert ?? !0,
-    color: l?.color ?? !0,
-    history: l?.history ?? !0,
-    ai: l?.ai ?? !0,
-    tableOps: l?.tableOps ?? !0,
-    fontStyle: l?.fontStyle ?? !0,
-    formatPainter: l?.formatPainter ?? !0
-  }, b = d(() => {
-    const r = t.getAttributes("link").href, s = window.prompt(n.insertLinkUrl, r);
-    if (s !== null) {
-      if (s === "") {
-        t.chain().focus().extendMarkRange("link").unsetLink().run();
-        return;
-      }
-      t.chain().focus().extendMarkRange("link").setLink({ href: s }).run();
-    }
-  }, [t, n.insertLinkUrl]), W = d(() => {
-    const r = window.prompt(n.insertImageUrl);
-    r && t.chain().focus().setImage({ src: r }).run();
-  }, [t, n.insertImageUrl]), S = d(() => {
-    t.chain().focus().insertTable({
-      rows: 3,
-      cols: 3,
-      withHeaderRow: !0
-    }).run();
-  }, [t]), j = d(() => {
-    t.chain().focus().insertContent({
-      type: "codeBlock",
-      attrs: { language: "r-markdown" },
-      content: [{
-        type: "text",
-        text: `# Markdown
-
-Write your **markdown** here.`
-      }]
-    }).run();
-  }, [t]), z = d((r) => {
-    t.chain().focus().insertContent({
-      type: "codeBlock",
-      attrs: { language: "r-markdown" },
-      content: [{
-        type: "text",
-        text: r
-      }]
-    }).run();
-  }, [t]), F = d((r = "block") => {
-    const s = r === "float" ? {
-      x: 40,
-      y: 40,
-      zIndex: V(t)
-    } : r === "block" ? {} : { width: 240 };
-    t.chain().focus().insertContent({
-      type: "floatingDialog",
-      attrs: {
-        title: "Note",
-        layout: r,
-        ...s
-      },
-      content: [{ type: "paragraph" }]
-    }).run();
-  }, [t]), T = d(() => {
-    if (h) {
-      p(null), g?.(!1);
-      return;
-    }
-    const { from: r, to: s } = t.state.selection;
-    if (r === s) return;
-    const f = [];
-    t.state.doc.nodesBetween(r, s, (k) => {
-      k.marks && k.marks.forEach((x) => {
-        f.push({
-          type: x.type.name,
-          attrs: x.attrs
-        });
-      });
-    }), p(f), g?.(!0);
-  }, [
-    t,
-    h,
-    g
-  ]);
-  P(() => {
-    if (!h) return;
-    const r = t.view.dom, s = () => {
-      const { from: k, to: x } = t.state.selection;
-      if (k === x || !h) return;
-      const { tr: y } = t.state;
-      y.removeMark(k, x);
-      for (const w of h) {
-        const L = t.schema.marks[w.type];
-        L && y.addMark(k, x, L.create(w.attrs));
-      }
-      t.view.dispatch(y), p(null), g?.(!1);
-    }, f = () => {
-      requestAnimationFrame(s);
-    };
-    return r.addEventListener("mouseup", f), () => {
-      r.removeEventListener("mouseup", f);
-    };
-  }, [
-    t,
-    h,
-    g
-  ]);
-  const H = t.getAttributes("textStyle").fontFamily || "", I = t.getAttributes("textStyle").fontSize || "";
-  return /* @__PURE__ */ i("div", {
-    className: "rte-toolbar",
-    children: [
-      c.history && /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().undo().run(),
-          disabled: !t.can().undo(),
-          title: n.undo,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [/* @__PURE__ */ e("polyline", { points: "1 4 1 10 7 10" }), /* @__PURE__ */ e("path", { d: "M3.51 15a9 9 0 102.13-9.36L1 10" })]
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().redo().run(),
-          disabled: !t.can().redo(),
-          title: n.redo,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [/* @__PURE__ */ e("polyline", { points: "23 4 23 10 17 10" }), /* @__PURE__ */ e("path", { d: "M20.49 15a9 9 0 11-2.13-9.36L23 10" })]
-          })
-        }),
-        /* @__PURE__ */ e(a, {})
-      ] }),
-      c.fontStyle && /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ e(C, {
-          value: H,
-          options: O,
-          onChange: (r) => {
-            r ? t.chain().focus().setFontFamily(r).run() : t.chain().focus().unsetFontFamily().run();
-          },
-          title: n.fontFamily,
-          width: 120
-        }),
-        /* @__PURE__ */ e(C, {
-          value: I,
-          options: R,
-          onChange: (r) => {
-            r ? t.chain().focus().setFontSize(r).run() : t.chain().focus().unsetFontSize().run();
-          },
-          title: n.fontSize,
-          width: 80
-        }),
-        /* @__PURE__ */ e(a, {})
-      ] }),
-      c.textFormat && /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().toggleBold().run(),
-          isActive: t.isActive("bold"),
-          title: n.bold,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [/* @__PURE__ */ e("path", { d: "M6 4h8a4 4 0 014 4 4 4 0 01-4 4H6z" }), /* @__PURE__ */ e("path", { d: "M6 12h9a4 4 0 014 4 4 4 0 01-4 4H6z" })]
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().toggleItalic().run(),
-          isActive: t.isActive("italic"),
-          title: n.italic,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ e("line", {
-                x1: "19",
-                y1: "4",
-                x2: "10",
-                y2: "4"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "14",
-                y1: "20",
-                x2: "5",
-                y2: "20"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "15",
-                y1: "4",
-                x2: "9",
-                y2: "20"
-              })
-            ]
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().toggleUnderline().run(),
-          isActive: t.isActive("underline"),
-          title: n.underline,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [/* @__PURE__ */ e("path", { d: "M6 3v7a6 6 0 006 6 6 6 0 006-6V3" }), /* @__PURE__ */ e("line", {
-              x1: "4",
-              y1: "21",
-              x2: "20",
-              y2: "21"
-            })]
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().toggleStrike().run(),
-          isActive: t.isActive("strike"),
-          title: n.strikethrough,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ e("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__ */ e("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__ */ e("line", {
-                x1: "4",
-                y1: "12",
-                x2: "20",
-                y2: "12"
-              })
-            ]
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().toggleSubscript().run(),
-          isActive: t.isActive("subscript"),
-          title: n.subscript,
-          children: /* @__PURE__ */ i("span", {
-            style: {
-              fontSize: "13px",
-              fontWeight: 600
-            },
-            children: ["X", /* @__PURE__ */ e("sub", {
-              style: { fontSize: "9px" },
-              children: "2"
-            })]
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().toggleSuperscript().run(),
-          isActive: t.isActive("superscript"),
-          title: n.superscript,
-          children: /* @__PURE__ */ i("span", {
-            style: {
-              fontSize: "13px",
-              fontWeight: 600
-            },
-            children: ["X", /* @__PURE__ */ e("sup", {
-              style: { fontSize: "9px" },
-              children: "2"
-            })]
-          })
-        }),
-        c.formatPainter && /* @__PURE__ */ e(o, {
-          onClick: T,
-          isActive: !!h,
-          title: h ? n.formatPainterActive : n.formatPainter,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ e("path", { d: "M19 3H5a2 2 0 00-2 2v2a2 2 0 002 2h14a2 2 0 002-2V5a2 2 0 00-2-2z" }),
-              /* @__PURE__ */ e("path", { d: "M10 7v4a2 2 0 01-2 2H7" }),
-              /* @__PURE__ */ e("path", { d: "M7 13l-3 8" }),
-              /* @__PURE__ */ e("path", { d: "M4 21h6" })
-            ]
-          })
-        }),
-        /* @__PURE__ */ e(a, {})
-      ] }),
-      c.heading && /* @__PURE__ */ i(u, { children: [[
-        1,
-        2,
-        3,
-        4,
-        5,
-        6
-      ].map((r) => /* @__PURE__ */ e(o, {
-        onClick: () => t.chain().focus().toggleHeading({ level: r }).run(),
-        isActive: t.isActive("heading", { level: r }),
-        title: `${n.heading} ${r}`,
-        children: /* @__PURE__ */ i("span", {
-          style: {
-            fontSize: "12px",
-            fontWeight: 700
-          },
-          children: ["H", r]
-        })
-      }, r)), /* @__PURE__ */ e(a, {})] }),
-      c.alignment && /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().setTextAlign("left").run(),
-          isActive: t.isActive({ textAlign: "left" }),
-          title: n.alignLeft,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ e("line", {
-                x1: "17",
-                y1: "10",
-                x2: "3",
-                y2: "10"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "21",
-                y1: "6",
-                x2: "3",
-                y2: "6"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "21",
-                y1: "14",
-                x2: "3",
-                y2: "14"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "17",
-                y1: "18",
-                x2: "3",
-                y2: "18"
-              })
-            ]
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().setTextAlign("center").run(),
-          isActive: t.isActive({ textAlign: "center" }),
-          title: n.alignCenter,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ e("line", {
-                x1: "18",
-                y1: "10",
-                x2: "6",
-                y2: "10"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "21",
-                y1: "6",
-                x2: "3",
-                y2: "6"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "21",
-                y1: "14",
-                x2: "3",
-                y2: "14"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "18",
-                y1: "18",
-                x2: "6",
-                y2: "18"
-              })
-            ]
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().setTextAlign("right").run(),
-          isActive: t.isActive({ textAlign: "right" }),
-          title: n.alignRight,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ e("line", {
-                x1: "21",
-                y1: "10",
-                x2: "7",
-                y2: "10"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "21",
-                y1: "6",
-                x2: "3",
-                y2: "6"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "21",
-                y1: "14",
-                x2: "3",
-                y2: "14"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "21",
-                y1: "18",
-                x2: "7",
-                y2: "18"
-              })
-            ]
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().setTextAlign("justify").run(),
-          isActive: t.isActive({ textAlign: "justify" }),
-          title: n.alignJustify,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ e("line", {
-                x1: "21",
-                y1: "10",
-                x2: "3",
-                y2: "10"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "21",
-                y1: "6",
-                x2: "3",
-                y2: "6"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "21",
-                y1: "14",
-                x2: "3",
-                y2: "14"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "21",
-                y1: "18",
-                x2: "3",
-                y2: "18"
-              })
-            ]
-          })
-        }),
-        /* @__PURE__ */ e(a, {})
-      ] }),
-      c.list && /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().toggleBulletList().run(),
-          isActive: t.isActive("bulletList"),
-          title: n.bulletList,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ e("line", {
-                x1: "8",
-                y1: "6",
-                x2: "21",
-                y2: "6"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "8",
-                y1: "12",
-                x2: "21",
-                y2: "12"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "8",
-                y1: "18",
-                x2: "21",
-                y2: "18"
-              }),
-              /* @__PURE__ */ e("circle", {
-                cx: "4",
-                cy: "6",
-                r: "1",
-                fill: "currentColor"
-              }),
-              /* @__PURE__ */ e("circle", {
-                cx: "4",
-                cy: "12",
-                r: "1",
-                fill: "currentColor"
-              }),
-              /* @__PURE__ */ e("circle", {
-                cx: "4",
-                cy: "18",
-                r: "1",
-                fill: "currentColor"
-              })
-            ]
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().toggleOrderedList().run(),
-          isActive: t.isActive("orderedList"),
-          title: n.orderedList,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ e("line", {
-                x1: "10",
-                y1: "6",
-                x2: "21",
-                y2: "6"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "10",
-                y1: "12",
-                x2: "21",
-                y2: "12"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "10",
-                y1: "18",
-                x2: "21",
-                y2: "18"
-              }),
-              /* @__PURE__ */ e("text", {
-                x: "2",
-                y: "8",
-                fontSize: "8",
-                fill: "currentColor",
-                stroke: "none",
-                fontWeight: "bold",
-                children: "1"
-              }),
-              /* @__PURE__ */ e("text", {
-                x: "2",
-                y: "14",
-                fontSize: "8",
-                fill: "currentColor",
-                stroke: "none",
-                fontWeight: "bold",
-                children: "2"
-              }),
-              /* @__PURE__ */ e("text", {
-                x: "2",
-                y: "20",
-                fontSize: "8",
-                fill: "currentColor",
-                stroke: "none",
-                fontWeight: "bold",
-                children: "3"
-              })
-            ]
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().toggleTaskList().run(),
-          isActive: t.isActive("taskList"),
-          title: n.taskList,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ e("rect", {
-                x: "3",
-                y: "5",
-                width: "6",
-                height: "6",
-                rx: "1"
-              }),
-              /* @__PURE__ */ e("path", { d: "M5 8l1.5 1.5L9 6.5" }),
-              /* @__PURE__ */ e("line", {
-                x1: "12",
-                y1: "8",
-                x2: "21",
-                y2: "8"
-              }),
-              /* @__PURE__ */ e("rect", {
-                x: "3",
-                y: "14",
-                width: "6",
-                height: "6",
-                rx: "1"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "12",
-                y1: "17",
-                x2: "21",
-                y2: "17"
-              })
-            ]
-          })
-        }),
-        /* @__PURE__ */ e(a, {})
-      ] }),
-      c.insert && /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().toggleBlockquote().run(),
-          isActive: t.isActive("blockquote"),
-          title: n.blockquote,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [/* @__PURE__ */ e("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__ */ e("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__ */ e(o, {
-          onClick: () => t.chain().focus().toggleNode("codeBlock", "paragraph").run(),
-          isActive: t.isActive("codeBlock"),
-          title: n.codeBlock,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [/* @__PURE__ */ e("polyline", { points: "16 18 22 12 16 6" }), /* @__PURE__ */ e("polyline", { points: "8 6 2 12 8 18" })]
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: () => {
-            t.chain().focus().insertContent({
-              type: "codeBlock",
-              attrs: { language: "r-mermaid" },
-              content: [{
-                type: "text",
-                text: `graph TD
-    A[Start] --> B[End]`
-              }]
-            }).run();
-          },
-          title: n.mermaidBlock,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ e("circle", {
-                cx: "6",
-                cy: "6",
-                r: "3"
-              }),
-              /* @__PURE__ */ e("circle", {
-                cx: "18",
-                cy: "6",
-                r: "3"
-              }),
-              /* @__PURE__ */ e("circle", {
-                cx: "12",
-                cy: "18",
-                r: "3"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "6",
-                y1: "9",
-                x2: "12",
-                y2: "15"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "18",
-                y1: "9",
-                x2: "12",
-                y2: "15"
-              })
-            ]
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: b,
-          isActive: t.isActive("link"),
-          title: n.link,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [/* @__PURE__ */ e("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ e("path", { d: "M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71" })]
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: W,
-          title: n.image,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ e("rect", {
-                x: "3",
-                y: "3",
-                width: "18",
-                height: "18",
-                rx: "2",
-                ry: "2"
-              }),
-              /* @__PURE__ */ e("circle", {
-                cx: "8.5",
-                cy: "8.5",
-                r: "1.5"
-              }),
-              /* @__PURE__ */ e("polyline", { points: "21 15 16 10 5 21" })
-            ]
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: S,
-          title: n.table,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ e("rect", {
-                x: "3",
-                y: "3",
-                width: "18",
-                height: "18",
-                rx: "2"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "3",
-                y1: "9",
-                x2: "21",
-                y2: "9"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "3",
-                y1: "15",
-                x2: "21",
-                y2: "15"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "9",
-                y1: "3",
-                x2: "9",
-                y2: "21"
-              }),
-              /* @__PURE__ */ e("line", {
-                x1: "15",
-                y1: "3",
-                x2: "15",
-                y2: "21"
-              })
-            ]
-          })
-        }),
-        c.tableOps && /* @__PURE__ */ e(N, {
-          editor: t,
-          labels: n
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: () => t.chain().focus().setHorizontalRule().run(),
-          title: n.horizontalRule,
-          children: /* @__PURE__ */ e("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            children: /* @__PURE__ */ e("line", {
-              x1: "3",
-              y1: "12",
-              x2: "21",
-              y2: "12"
-            })
-          })
-        }),
-        /* @__PURE__ */ e(o, {
-          onClick: j,
-          title: n.markdownBlock,
-          children: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ e("path", { d: "M2 3h20v18H2z" }),
-              /* @__PURE__ */ e("path", { d: "M5 15V9l3 3.5L11 9v6" }),
-              /* @__PURE__ */ e("path", { d: "M17 9l-2.5 3H17v3" })
-            ]
-          })
-        }),
-        /* @__PURE__ */ e(U, {
-          labels: n,
-          onSelect: z
-        }),
-        /* @__PURE__ */ e(D, {
-          labels: n,
-          onInsert: F
-        }),
-        /* @__PURE__ */ e(a, {})
-      ] }),
-      c.color && /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ e(m, {
-          value: t.getAttributes("textStyle").color || "",
-          onChange: (r) => {
-            r ? t.chain().focus().setColor(r).run() : t.chain().focus().unsetColor().run();
-          },
-          title: n.color,
-          icon: /* @__PURE__ */ e("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: /* @__PURE__ */ e("path", { d: "M12 2L2 22h20L12 2z" })
-          })
-        }),
-        /* @__PURE__ */ e(m, {
-          value: t.getAttributes("highlight").color || "",
-          onChange: (r) => {
-            r ? t.chain().focus().toggleHighlight({ color: r }).run() : t.chain().focus().unsetHighlight().run();
-          },
-          title: n.highlight,
-          icon: /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [/* @__PURE__ */ e("path", { d: "M12 20h9" }), /* @__PURE__ */ e("path", { d: "M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z" })]
-          })
-        }),
-        /* @__PURE__ */ e(a, {})
-      ] }),
-      c.ai && B && v && /* @__PURE__ */ e(o, {
-        onClick: v,
-        title: n.ai,
-        children: /* @__PURE__ */ i("svg", {
-          width: "16",
-          height: "16",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          children: [/* @__PURE__ */ e("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__ */ e("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" })]
-        })
-      }),
-      M
-    ]
-  });
-};
-export {
-  ne as default
+import { defaultLabels as e } from "../types.js";
+import { getNextFloatZIndex as t } from "../extensions/FloatingDialog.js";
+import { ToolbarButton as n, ToolbarDivider as r } from "./ToolbarButton.js";
+import { ColorPicker as i } from "./ColorPicker.js";
+import { FONT_FAMILIES as a, FONT_SIZES as o, SelectDropdown as s } from "./SelectDropdown.js";
+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";
+//#region src/components/pro/RichTextEditor/Toolbar/Toolbar.tsx
+var _ = ({ editor: _, config: v, labels: y, hasAI: b, onAIClick: x, onFormatPainterChange: S, children: C }) => {
+	let w = {
+		...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();
+				return;
+			}
+			_.chain().focus().extendMarkRange("link").setLink({ href: t }).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({
+			rows: 3,
+			cols: 3,
+			withHeaderRow: !0
+		}).run();
+	}, [_]), j = d(() => {
+		_.chain().focus().insertContent({
+			type: "codeBlock",
+			attrs: { language: "r-markdown" },
+			content: [{
+				type: "text",
+				text: "# Markdown\n\nWrite your **markdown** here."
+			}]
+		}).run();
+	}, [_]), M = d((e) => {
+		_.chain().focus().insertContent({
+			type: "codeBlock",
+			attrs: { language: "r-markdown" },
+			content: [{
+				type: "text",
+				text: e
+			}]
+		}).run();
+	}, [_]), N = d((e = "block") => {
+		let n = e === "float" ? {
+			x: 40,
+			y: 40,
+			zIndex: t(_)
+		} : e === "block" ? {} : { width: 240 };
+		_.chain().focus().insertContent({
+			type: "floatingDialog",
+			attrs: {
+				title: "Note",
+				layout: e,
+				...n
+			},
+			content: [{ type: "paragraph" }]
+		}).run();
+	}, [_]), P = d(() => {
+		if (T) {
+			E(null), S?.(!1);
+			return;
+		}
+		let { from: e, to: t } = _.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
+	]);
+	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));
+			}
+			_.view.dispatch(n), E(null), S?.(!1);
+		}, n = () => {
+			requestAnimationFrame(t);
+		};
+		return e.addEventListener("mouseup", n), () => {
+			e.removeEventListener("mouseup", n);
+		};
+	}, [
+		_,
+		T,
+		S
+	]);
+	let F = _.getAttributes("textStyle").fontFamily || "", I = _.getAttributes("textStyle").fontSize || "";
+	return /* @__PURE__ */ g("div", {
+		className: "rte-toolbar",
+		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", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						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" })]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: () => _.chain().focus().redo().run(),
+					disabled: !_.can().redo(),
+					title: w.redo,
+					children: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						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" })]
+					})
+				}),
+				/* @__PURE__ */ h(r, {})
+			] }),
+			D.fontStyle && /* @__PURE__ */ g(m, { children: [
+				/* @__PURE__ */ h(s, {
+					value: F,
+					options: a,
+					onChange: (e) => {
+						e ? _.chain().focus().setFontFamily(e).run() : _.chain().focus().unsetFontFamily().run();
+					},
+					title: w.fontFamily,
+					width: 120
+				}),
+				/* @__PURE__ */ h(s, {
+					value: I,
+					options: o,
+					onChange: (e) => {
+						e ? _.chain().focus().setFontSize(e).run() : _.chain().focus().unsetFontSize().run();
+					},
+					title: w.fontSize,
+					width: 80
+				}),
+				/* @__PURE__ */ h(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", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						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" })]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: () => _.chain().focus().toggleItalic().run(),
+					isActive: _.isActive("italic"),
+					title: w.italic,
+					children: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ h("line", {
+								x1: "19",
+								y1: "4",
+								x2: "10",
+								y2: "4"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "14",
+								y1: "20",
+								x2: "5",
+								y2: "20"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "15",
+								y1: "4",
+								x2: "9",
+								y2: "20"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: () => _.chain().focus().toggleUnderline().run(),
+					isActive: _.isActive("underline"),
+					title: w.underline,
+					children: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						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", {
+							x1: "4",
+							y1: "21",
+							x2: "20",
+							y2: "21"
+						})]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: () => _.chain().focus().toggleStrike().run(),
+					isActive: _.isActive("strike"),
+					title: w.strikethrough,
+					children: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						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", {
+								x1: "4",
+								y1: "12",
+								x2: "20",
+								y2: "12"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: () => _.chain().focus().toggleSubscript().run(),
+					isActive: _.isActive("subscript"),
+					title: w.subscript,
+					children: /* @__PURE__ */ g("span", {
+						style: {
+							fontSize: "13px",
+							fontWeight: 600
+						},
+						children: ["X", /* @__PURE__ */ h("sub", {
+							style: { fontSize: "9px" },
+							children: "2"
+						})]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: () => _.chain().focus().toggleSuperscript().run(),
+					isActive: _.isActive("superscript"),
+					title: w.superscript,
+					children: /* @__PURE__ */ g("span", {
+						style: {
+							fontSize: "13px",
+							fontWeight: 600
+						},
+						children: ["X", /* @__PURE__ */ h("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", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						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__ */ h(r, {})
+			] }),
+			D.heading && /* @__PURE__ */ g(m, { 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", {
+					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", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ h("line", {
+								x1: "17",
+								y1: "10",
+								x2: "3",
+								y2: "10"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "21",
+								y1: "6",
+								x2: "3",
+								y2: "6"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "21",
+								y1: "14",
+								x2: "3",
+								y2: "14"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "17",
+								y1: "18",
+								x2: "3",
+								y2: "18"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: () => _.chain().focus().setTextAlign("center").run(),
+					isActive: _.isActive({ textAlign: "center" }),
+					title: w.alignCenter,
+					children: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ h("line", {
+								x1: "18",
+								y1: "10",
+								x2: "6",
+								y2: "10"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "21",
+								y1: "6",
+								x2: "3",
+								y2: "6"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "21",
+								y1: "14",
+								x2: "3",
+								y2: "14"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "18",
+								y1: "18",
+								x2: "6",
+								y2: "18"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: () => _.chain().focus().setTextAlign("right").run(),
+					isActive: _.isActive({ textAlign: "right" }),
+					title: w.alignRight,
+					children: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ h("line", {
+								x1: "21",
+								y1: "10",
+								x2: "7",
+								y2: "10"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "21",
+								y1: "6",
+								x2: "3",
+								y2: "6"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "21",
+								y1: "14",
+								x2: "3",
+								y2: "14"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "21",
+								y1: "18",
+								x2: "7",
+								y2: "18"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: () => _.chain().focus().setTextAlign("justify").run(),
+					isActive: _.isActive({ textAlign: "justify" }),
+					title: w.alignJustify,
+					children: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ h("line", {
+								x1: "21",
+								y1: "10",
+								x2: "3",
+								y2: "10"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "21",
+								y1: "6",
+								x2: "3",
+								y2: "6"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "21",
+								y1: "14",
+								x2: "3",
+								y2: "14"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "21",
+								y1: "18",
+								x2: "3",
+								y2: "18"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ h(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", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ h("line", {
+								x1: "8",
+								y1: "6",
+								x2: "21",
+								y2: "6"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "8",
+								y1: "12",
+								x2: "21",
+								y2: "12"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "8",
+								y1: "18",
+								x2: "21",
+								y2: "18"
+							}),
+							/* @__PURE__ */ h("circle", {
+								cx: "4",
+								cy: "6",
+								r: "1",
+								fill: "currentColor"
+							}),
+							/* @__PURE__ */ h("circle", {
+								cx: "4",
+								cy: "12",
+								r: "1",
+								fill: "currentColor"
+							}),
+							/* @__PURE__ */ h("circle", {
+								cx: "4",
+								cy: "18",
+								r: "1",
+								fill: "currentColor"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: () => _.chain().focus().toggleOrderedList().run(),
+					isActive: _.isActive("orderedList"),
+					title: w.orderedList,
+					children: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ h("line", {
+								x1: "10",
+								y1: "6",
+								x2: "21",
+								y2: "6"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "10",
+								y1: "12",
+								x2: "21",
+								y2: "12"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "10",
+								y1: "18",
+								x2: "21",
+								y2: "18"
+							}),
+							/* @__PURE__ */ h("text", {
+								x: "2",
+								y: "8",
+								fontSize: "8",
+								fill: "currentColor",
+								stroke: "none",
+								fontWeight: "bold",
+								children: "1"
+							}),
+							/* @__PURE__ */ h("text", {
+								x: "2",
+								y: "14",
+								fontSize: "8",
+								fill: "currentColor",
+								stroke: "none",
+								fontWeight: "bold",
+								children: "2"
+							}),
+							/* @__PURE__ */ h("text", {
+								x: "2",
+								y: "20",
+								fontSize: "8",
+								fill: "currentColor",
+								stroke: "none",
+								fontWeight: "bold",
+								children: "3"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: () => _.chain().focus().toggleTaskList().run(),
+					isActive: _.isActive("taskList"),
+					title: w.taskList,
+					children: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ h("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", {
+								x1: "12",
+								y1: "8",
+								x2: "21",
+								y2: "8"
+							}),
+							/* @__PURE__ */ h("rect", {
+								x: "3",
+								y: "14",
+								width: "6",
+								height: "6",
+								rx: "1"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "12",
+								y1: "17",
+								x2: "21",
+								y2: "17"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ h(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", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						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" })]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: () => _.chain().focus().toggleNode("codeBlock", "paragraph").run(),
+					isActive: _.isActive("codeBlock"),
+					title: w.codeBlock,
+					children: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						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" })]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: () => {
+						_.chain().focus().insertContent({
+							type: "codeBlock",
+							attrs: { language: "r-mermaid" },
+							content: [{
+								type: "text",
+								text: "graph TD\n    A[Start] --> B[End]"
+							}]
+						}).run();
+					},
+					title: w.mermaidBlock,
+					children: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ h("circle", {
+								cx: "6",
+								cy: "6",
+								r: "3"
+							}),
+							/* @__PURE__ */ h("circle", {
+								cx: "18",
+								cy: "6",
+								r: "3"
+							}),
+							/* @__PURE__ */ h("circle", {
+								cx: "12",
+								cy: "18",
+								r: "3"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "6",
+								y1: "9",
+								x2: "12",
+								y2: "15"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "18",
+								y1: "9",
+								x2: "12",
+								y2: "15"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: O,
+					isActive: _.isActive("link"),
+					title: w.link,
+					children: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						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" })]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: k,
+					title: w.image,
+					children: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ h("rect", {
+								x: "3",
+								y: "3",
+								width: "18",
+								height: "18",
+								rx: "2",
+								ry: "2"
+							}),
+							/* @__PURE__ */ h("circle", {
+								cx: "8.5",
+								cy: "8.5",
+								r: "1.5"
+							}),
+							/* @__PURE__ */ h("polyline", { points: "21 15 16 10 5 21" })
+						]
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: A,
+					title: w.table,
+					children: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [
+							/* @__PURE__ */ h("rect", {
+								x: "3",
+								y: "3",
+								width: "18",
+								height: "18",
+								rx: "2"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "3",
+								y1: "9",
+								x2: "21",
+								y2: "9"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "3",
+								y1: "15",
+								x2: "21",
+								y2: "15"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "9",
+								y1: "3",
+								x2: "9",
+								y2: "21"
+							}),
+							/* @__PURE__ */ h("line", {
+								x1: "15",
+								y1: "3",
+								x2: "15",
+								y2: "21"
+							})
+						]
+					})
+				}),
+				D.tableOps && /* @__PURE__ */ h(u, {
+					editor: _,
+					labels: w
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: () => _.chain().focus().setHorizontalRule().run(),
+					title: w.horizontalRule,
+					children: /* @__PURE__ */ h("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						children: /* @__PURE__ */ h("line", {
+							x1: "3",
+							y1: "12",
+							x2: "21",
+							y2: "12"
+						})
+					})
+				}),
+				/* @__PURE__ */ h(n, {
+					onClick: j,
+					title: w.markdownBlock,
+					children: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						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__ */ h(c, {
+					labels: w,
+					onSelect: M
+				}),
+				/* @__PURE__ */ h(l, {
+					labels: w,
+					onInsert: N
+				}),
+				/* @__PURE__ */ h(r, {})
+			] }),
+			D.color && /* @__PURE__ */ g(m, { children: [
+				/* @__PURE__ */ h(i, {
+					value: _.getAttributes("textStyle").color || "",
+					onChange: (e) => {
+						e ? _.chain().focus().setColor(e).run() : _.chain().focus().unsetColor().run();
+					},
+					title: w.color,
+					icon: /* @__PURE__ */ h("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: /* @__PURE__ */ h("path", { d: "M12 2L2 22h20L12 2z" })
+					})
+				}),
+				/* @__PURE__ */ h(i, {
+					value: _.getAttributes("highlight").color || "",
+					onChange: (e) => {
+						e ? _.chain().focus().toggleHighlight({ color: e }).run() : _.chain().focus().unsetHighlight().run();
+					},
+					title: w.highlight,
+					icon: /* @__PURE__ */ g("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						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" })]
+					})
+				}),
+				/* @__PURE__ */ h(r, {})
+			] }),
+			D.ai && b && x && /* @__PURE__ */ h(n, {
+				onClick: x,
+				title: w.ai,
+				children: /* @__PURE__ */ g("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					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" })]
+				})
+			}),
+			C
+		]
+	});
 };
+//#endregion
+export { _ as default };
 
 //# sourceMappingURL=Toolbar.js.map