@remarkablejames/editor 0.0.1

package/lib/Mermaid-D8bbIgAl.js

@@ -0,0 +1,381 @@
+import { h as V, N as U, k as F, m as P } from "./clsx-CDyrfCnw.js";
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
+import { useState as s, useRef as E, useCallback as A, useEffect as C } from "react";
+import { D as k, m as H, A as R, n as O, o as $, p as j, B as _, h as q, u as W, d as G } from "./index-lj3VWExo.js";
+import { T as z } from "./textarea-gEoNp9CA.js";
+const J = ({
+  editor: e,
+  node: a,
+  updateAttributes: d
+}) => {
+  var i, n;
+  const l = ((i = a == null ? void 0 : a.attrs) == null ? void 0 : i.code) ?? b, h = ((n = a == null ? void 0 : a.attrs) == null ? void 0 : n.align) ?? "center", [r, y] = s(l), [v, x] = s(""), [M, m] = s(""), [u, g] = s(!1), [o, I] = s(null), [p, D] = s(!0), L = E(
+    `mermaid-edit-${Math.random().toString(36).slice(2, 9)}`
+  ), N = A(
+    (c) => {
+      g(c), c && y(l);
+    },
+    [l]
+  );
+  C(() => {
+    import("mermaid").then((c) => {
+      const w = c.default;
+      w.initialize({
+        startOnLoad: !1,
+        darkMode: !1,
+        fontSize: 12,
+        theme: "base"
+      }), I(w);
+    }).finally(() => D(!1));
+  }, []), C(() => {
+    if (!o || !u) return;
+    (async () => {
+      const w = r.trim();
+      if (!w) {
+        x(""), m("");
+        return;
+      }
+      try {
+        const T = `${L.current}-${Date.now()}`, { svg: B } = await o.render(T, w);
+        x(B), m("");
+      } catch (T) {
+        x(""), m((T == null ? void 0 : T.message) ?? "Invalid Mermaid syntax");
+      }
+    })();
+  }, [r, o, u]);
+  const S = A(() => {
+    r.trim() && (d ? d({ code: r }) : e == null || e.chain().focus().setMermaid({ code: r, align: h }).run(), g(!1));
+  }, [e, r, h, d]);
+  return /* @__PURE__ */ f(k, { onOpenChange: N, open: u, children: [
+    /* @__PURE__ */ t(H, { asChild: !0, children: /* @__PURE__ */ t(
+      R,
+      {
+        action: () => g(!0),
+        icon: "Pencil",
+        tooltip: "Edit Mermaid"
+      }
+    ) }),
+    /* @__PURE__ */ f(O, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
+      /* @__PURE__ */ t($, { children: "Edit Mermaid Diagram" }),
+      /* @__PURE__ */ t("div", { style: { height: "100%", border: "1px solid hsl(var(--border))" }, children: p ? /* @__PURE__ */ t("div", { className: "richtext-flex richtext-items-center richtext-justify-center richtext-p-10 richtext-text-sm richtext-text-gray-400", children: "Loading Mermaid…" }) : /* @__PURE__ */ f("div", { className: "richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]", children: [
+        /* @__PURE__ */ t(
+          z,
+          {
+            autoFocus: !0,
+            className: "richtext-flex-1 richtext-font-mono richtext-text-sm",
+            onChange: (c) => y(c.target.value),
+            placeholder: b,
+            required: !0,
+            rows: 18,
+            value: r,
+            style: { color: "hsl(var(--foreground))" }
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: "richtext-flex richtext-flex-1 richtext-items-center richtext-justify-center richtext-overflow-auto richtext-rounded-[10px] richtext-p-[10px]",
+            style: {
+              minHeight: 400,
+              border: "1px solid hsl(var(--border))",
+              background: "#fff"
+            },
+            children: M ? /* @__PURE__ */ f("p", { className: "richtext-max-w-xs richtext-break-words richtext-text-sm richtext-text-red-500", children: [
+              "⚠ ",
+              M
+            ] }) : v ? (
+              // oxlint-disable-next-line react/no-danger
+              /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: v } })
+            ) : /* @__PURE__ */ t("p", { className: "richtext-text-sm richtext-text-gray-400", children: "Start typing to preview…" })
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
+        _,
+        {
+          disabled: p || !o || !r.trim(),
+          onClick: S,
+          type: "button",
+          children: "Save changes"
+        }
+      ) })
+    ] })
+  ] });
+};
+function K({
+  editor: e,
+  node: a,
+  updateAttributes: d,
+  selected: l,
+  extension: h
+}) {
+  const [r, y] = s(
+    () => (e == null ? void 0 : e.isEditable) ?? !1
+  );
+  C(() => {
+    const i = () => y((e == null ? void 0 : e.isEditable) ?? !1);
+    return i(), e == null || e.on("editableUpdate", i), e == null || e.on("update", i), () => {
+      e == null || e.off("editableUpdate", i), e == null || e.off("update", i);
+    };
+  }, [e]);
+  const { code: v, align: x, width: M } = a.attrs, m = E(null), [u, g] = s(""), [o, I] = s(""), [p, D] = s(null), L = E(
+    `mermaid-view-${Math.random().toString(36).slice(2, 9)}`
+  );
+  C(() => {
+    import("mermaid").then((i) => {
+      const n = i.default;
+      n.initialize({
+        startOnLoad: !1,
+        darkMode: !1,
+        fontSize: 12,
+        theme: "base"
+      }), D(n);
+    });
+  }, []);
+  const N = A(
+    async (i) => {
+      if (!(!p || !(i != null && i.trim())))
+        try {
+          const n = `${L.current}-${Date.now()}`, { svg: c } = await p.render(n, i);
+          g(c), I("");
+        } catch (n) {
+          g(""), I((n == null ? void 0 : n.message) ?? "Invalid Mermaid syntax");
+        }
+    },
+    [p]
+  );
+  return C(() => {
+    N(v);
+  }, [v, N]), /* @__PURE__ */ t(
+    V,
+    {
+      className: "mermaid-node-view richtext-relative richtext-my-4",
+      style: {
+        textAlign: x ?? "center",
+        width: M ?? "100%"
+      },
+      children: /* @__PURE__ */ f(
+        "div",
+        {
+          "data-drag-handle": !0,
+          draggable: r ? "true" : "false",
+          ref: m,
+          className: [
+            "richtext-relative richtext-inline-block richtext-rounded-lg richtext-border richtext-bg-white richtext-p-4 richtext-transition-all",
+            r ? l ? "richtext-border-gray-300" : "richtext-border-transparent" : "richtext-pointer-events-none richtext-select-none richtext-border-transparent"
+          ].join(" "),
+          style: { maxWidth: "100%" },
+          children: [
+            o ? /* @__PURE__ */ t("div", { className: "richtext-flex richtext-min-h-[120px] richtext-min-w-[200px] richtext-items-center richtext-justify-center richtext-rounded richtext-bg-red-50 richtext-p-4 richtext-text-sm richtext-text-red-500", children: /* @__PURE__ */ f("span", { children: [
+              "⚠ ",
+              o
+            ] }) }) : u ? /* @__PURE__ */ t(
+              "div",
+              {
+                className: "mermaid-svg-container",
+                dangerouslySetInnerHTML: { __html: u }
+              }
+            ) : /* @__PURE__ */ t("div", { className: "richtext-flex richtext-min-h-[120px] richtext-min-w-[200px] richtext-items-center richtext-justify-center richtext-rounded richtext-bg-gray-50 richtext-text-sm richtext-text-gray-400", children: "Rendering…" }),
+            r && /* @__PURE__ */ t("div", { className: "richtext-absolute richtext-right-2 richtext-top-2 richtext-opacity-0 richtext-transition-opacity [.mermaid-node-view:hover_&]:richtext-opacity-100", children: /* @__PURE__ */ t(
+              J,
+              {
+                editor: e,
+                node: a,
+                updateAttributes: d,
+                extension: h
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+function re() {
+  const e = q(), a = W(Q.name), { tooltipOptions: d = {}, isActive: l = void 0 } = (a == null ? void 0 : a.componentProps) ?? {}, { editorDisabled: h } = G(l), [r, y] = s(b), [v, x] = s(""), [M, m] = s(""), [u, g] = s(!1), [o, I] = s(null), [p, D] = s(!0), L = E(
+    `mermaid-toolbar-${Math.random().toString(36).slice(2, 9)}`
+  );
+  C(() => {
+    import("mermaid").then((i) => {
+      const n = i.default;
+      n.initialize({
+        startOnLoad: !1,
+        darkMode: !1,
+        fontSize: 12,
+        theme: "base"
+      }), I(n);
+    }).finally(() => D(!1));
+  }, []), C(() => {
+    if (!o || !u) return;
+    (async () => {
+      const n = r.trim();
+      if (!n) {
+        x(""), m("");
+        return;
+      }
+      try {
+        const c = `${L.current}-${Date.now()}`, { svg: w } = await o.render(c, n);
+        x(w), m("");
+      } catch (c) {
+        x(""), m((c == null ? void 0 : c.message) ?? "Invalid Mermaid syntax");
+      }
+    })();
+  }, [r, o, u]);
+  const N = A((i) => {
+    g(i), i && (y(b), x(""), m(""));
+  }, []), S = A(() => {
+    r.trim() && (e == null || e.chain().focus().setMermaid({ code: r, align: "center", width: "100%" }).run(), g(!1));
+  }, [e, r]);
+  return /* @__PURE__ */ f(k, { onOpenChange: N, open: u, children: [
+    /* @__PURE__ */ t(H, { asChild: !0, children: /* @__PURE__ */ t(
+      R,
+      {
+        disabled: h,
+        icon: "Mermaid",
+        tooltip: "Mermaid",
+        tooltipOptions: d,
+        action: () => {
+          h || g(!0);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ f(O, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
+      /* @__PURE__ */ t($, { children: "Insert Mermaid Diagram" }),
+      /* @__PURE__ */ t("div", { style: { height: "100%", border: "1px solid hsl(var(--border))" }, children: p ? /* @__PURE__ */ t("div", { className: "richtext-flex richtext-items-center richtext-justify-center richtext-p-10 richtext-text-sm richtext-text-gray-400", children: "Loading Mermaid…" }) : /* @__PURE__ */ f("div", { className: "richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]", children: [
+        /* @__PURE__ */ t(
+          z,
+          {
+            autoFocus: !0,
+            className: "richtext-flex-1 richtext-font-mono richtext-text-sm",
+            onChange: (i) => y(i.target.value),
+            placeholder: b,
+            required: !0,
+            rows: 18,
+            value: r,
+            style: { color: "hsl(var(--foreground))" }
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: "richtext-flex richtext-flex-1 richtext-items-center richtext-justify-center richtext-overflow-auto richtext-rounded-[10px] richtext-p-[10px]",
+            style: {
+              minHeight: 400,
+              border: "1px solid hsl(var(--border))",
+              background: "#fff"
+            },
+            children: M ? /* @__PURE__ */ f("p", { className: "richtext-max-w-xs richtext-break-words richtext-text-sm richtext-text-red-500", children: [
+              "⚠ ",
+              M
+            ] }) : v ? (
+              // oxlint-disable-next-line react/no-danger
+              /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: v } })
+            ) : /* @__PURE__ */ t("p", { className: "richtext-text-sm richtext-text-gray-400", children: "Start typing to preview…" })
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
+        _,
+        {
+          disabled: p || !o || !r.trim(),
+          onClick: S,
+          type: "button",
+          children: "Insert diagram"
+        }
+      ) })
+    ] })
+  ] });
+}
+const b = `graph TB
+  A --> B`, Q = /* @__PURE__ */ U.create({
+  name: "mermaid",
+  group: "block",
+  selectable: !0,
+  atom: !0,
+  draggable: !0,
+  inline: !1,
+  addOptions() {
+    return {
+      divider: !1,
+      spacer: !1,
+      HTMLAttributes: {
+        class: "mermaid-node"
+      },
+      button: ({ editor: e, t: a, extension: d }) => ({
+        componentProps: {
+          action: () => !0,
+          isActive: () => e.isActive("mermaid"),
+          disabled: !1,
+          editor: e,
+          icon: "Mermaid",
+          tooltip: a("editor.mermaid.tooltip")
+        }
+      })
+    };
+  },
+  addAttributes() {
+    return {
+      code: {
+        default: b,
+        parseHTML: (e) => e.getAttribute("data-code") ? decodeURIComponent(e.getAttribute("data-code")) : b,
+        renderHTML: (e) => ({
+          "data-code": encodeURIComponent(e.code ?? "")
+        })
+      },
+      align: {
+        default: "center",
+        parseHTML: (e) => e.getAttribute("data-align") ?? "center",
+        renderHTML: (e) => ({
+          "data-align": e.align
+        })
+      },
+      width: {
+        default: "100%",
+        parseHTML: (e) => e.getAttribute("data-width") ?? "100%",
+        renderHTML: (e) => ({
+          "data-width": e.width
+        })
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[class=mermaid-node]"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: e, node: a }) {
+    const { align: d } = a.attrs, l = d ? `text-align: ${d};` : "";
+    return [
+      "div",
+      P({ class: "mermaid-node" }, e, { style: l })
+    ];
+  },
+  addCommands() {
+    return {
+      setMermaid: (e) => ({ tr: a, commands: d }) => {
+        var l, h, r;
+        return e = {
+          code: b,
+          align: "center",
+          width: "100%",
+          ...e
+        }, ((r = (h = (l = a.selection) == null ? void 0 : l.node) == null ? void 0 : h.type) == null ? void 0 : r.name) === this.name ? d.updateAttributes(this.name, e) : d.insertContent({
+          type: this.name,
+          attrs: e
+        });
+      },
+      setMermaidAlign: (e) => ({ commands: a }) => a.updateAttributes(this.name, { align: e })
+    };
+  },
+  addNodeView() {
+    return F(K);
+  }
+});
+export {
+  b as D,
+  J as E,
+  Q as M,
+  re as R
+};

package/lib/Mermaid.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./clsx-CXbNJWDD.cjs");const e=require("./Mermaid-0GiGVxn0.cjs");exports.DEFAULT_MERMAID_CODE=e.DEFAULT_MERMAID_CODE;exports.Mermaid=e.Mermaid;exports.RichTextMermaid=e.RichTextMermaid;

package/lib/Mermaid.js

@@ -0,0 +1,7 @@
+import "./clsx-CDyrfCnw.js";
+import { D as e, M as i, R as m } from "./Mermaid-D8bbIgAl.js";
+export {
+  e as DEFAULT_MERMAID_CODE,
+  i as Mermaid,
+  m as RichTextMermaid
+};

package/lib/MoreMark.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./clsx-CXbNJWDD.cjs"),e=require("react/jsx-runtime"),M=require("react"),c=require("./index-D9oM__YW.cjs");require("./theme.cjs");const l=require("./dropdown-menu-DjWlG2-J.cjs");var x=u.Mark.create({name:"subscript",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"sub"},{style:"vertical-align",getAttrs(t){return t!=="sub"?!1:null}}]},renderHTML({HTMLAttributes:t}){return["sub",u.mergeAttributes(this.options.HTMLAttributes,t),0]},addCommands(){return{setSubscript:()=>({commands:t})=>t.setMark(this.name),toggleSubscript:()=>({commands:t})=>t.toggleMark(this.name),unsetSubscript:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-,":()=>this.editor.commands.toggleSubscript()}}}),f=u.Mark.create({name:"superscript",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"sup"},{style:"vertical-align",getAttrs(t){return t!=="super"?!1:null}}]},renderHTML({HTMLAttributes:t}){return["sup",u.mergeAttributes(this.options.HTMLAttributes,t),0]},addCommands(){return{setSuperscript:()=>({commands:t})=>t.setMark(this.name),toggleSuperscript:()=>({commands:t})=>t.toggleMark(this.name),unsetSuperscript:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-.":()=>this.editor.commands.toggleSuperscript()}}});function S(){const t=c.useButtonProps(m.name),{icon:s=void 0,tooltip:n=void 0,items:i=[],isActive:d=void 0}=(t==null?void 0:t.componentProps)??{},{disabled:a,dataState:o}=c.useActive(d),h=M.useMemo(()=>(o==null?void 0:o.title)||"",[o]);return t?e.jsxs(l.DropdownMenu,{children:[e.jsx(l.DropdownMenuTrigger,{asChild:!0,disabled:a,children:e.jsx(c.ActionButton,{customClass:"!richtext-w-12 richtext-h-12",disabled:a,icon:s,tooltip:n,children:e.jsx(c.MenuDown,{className:"richtext-size-3 richtext-text-gray-500"})})}),e.jsx(l.DropdownMenuContent,{className:"w-full",children:i==null?void 0:i.map((r,p)=>e.jsxs(l.DropdownMenuCheckboxItem,{checked:h===r.title,className:"richtext-flex richtext-items-center richtext-gap-3",onClick:r.action,children:[e.jsx(c.IconComponent,{name:r==null?void 0:r.icon}),e.jsx("span",{className:"richtext-ml-1",children:r.title}),!!(r!=null&&r.shortcutKeys)&&e.jsx("span",{className:"richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60",children:c.getShortcutKeys(r.shortcutKeys)})]},`more-mark-${p}`))})]}):e.jsx(e.Fragment,{})}const m=u.Extension.create({name:"moreMark",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button({editor:s,extension:n,t:i}){var p,g;const d=n.options.subscript,a=n.options.superscript,o={action:()=>s.commands.toggleSubscript(),isActive:()=>s.isActive("subscript")||!1,disabled:!s.can().toggleSubscript(),icon:"Subscript",title:i("editor.subscript.tooltip"),shortcutKeys:((p=n.options.shortcutKeys)==null?void 0:p[0])??["mod","."]},h={action:()=>s.commands.toggleSuperscript(),isActive:()=>s.isActive("superscript")||!1,disabled:!s.can().toggleSuperscript(),icon:"Superscript",title:i("editor.superscript.tooltip"),shortcutKeys:((g=n.options.shortcutKeys)==null?void 0:g[1])??["mod",","]},r=[];return d!==!1&&r.push(o),a!==!1&&r.push(h),{componentProps:{icon:"Type",tooltip:i("editor.moremark"),disabled:!s.isEditable,items:r,isActive:()=>r==null?void 0:r.find(b=>b.isActive())}}}}},addExtensions(){const t=[];return this.options.subscript!==!1&&t.push(x.configure(this.options.subscript)),this.options.superscript!==!1&&t.push(f.configure(this.options.superscript)),t}});exports.MoreMark=m;exports.RichTextMoreMark=S;

package/lib/MoreMark.js

@@ -0,0 +1,157 @@
+import { M as h, m, E as b } from "./clsx-CDyrfCnw.js";
+import { jsx as e, Fragment as M, jsxs as d } from "react/jsx-runtime";
+import { useMemo as f } from "react";
+import { u as x, e as A, A as S, M as k, I as v, g as y } from "./index-lj3VWExo.js";
+import "./theme.js";
+import { D as T, a as K, b as w, c as C } from "./dropdown-menu-Bs69ZBbO.js";
+var H = h.create({
+  name: "subscript",
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "sub"
+      },
+      {
+        style: "vertical-align",
+        getAttrs(t) {
+          return t !== "sub" ? !1 : null;
+        }
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return ["sub", m(this.options.HTMLAttributes, t), 0];
+  },
+  addCommands() {
+    return {
+      setSubscript: () => ({ commands: t }) => t.setMark(this.name),
+      toggleSubscript: () => ({ commands: t }) => t.toggleMark(this.name),
+      unsetSubscript: () => ({ commands: t }) => t.unsetMark(this.name)
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-,": () => this.editor.commands.toggleSubscript()
+    };
+  }
+}), L = h.create({
+  name: "superscript",
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "sup"
+      },
+      {
+        style: "vertical-align",
+        getAttrs(t) {
+          return t !== "super" ? !1 : null;
+        }
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return ["sup", m(this.options.HTMLAttributes, t), 0];
+  },
+  addCommands() {
+    return {
+      setSuperscript: () => ({ commands: t }) => t.setMark(this.name),
+      toggleSuperscript: () => ({ commands: t }) => t.toggleMark(this.name),
+      unsetSuperscript: () => ({ commands: t }) => t.unsetMark(this.name)
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-.": () => this.editor.commands.toggleSuperscript()
+    };
+  }
+});
+function z() {
+  const t = x(D.name), {
+    icon: s = void 0,
+    tooltip: n = void 0,
+    items: i = [],
+    isActive: a = void 0
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { disabled: c, dataState: o } = A(a), p = f(() => (o == null ? void 0 : o.title) || "", [o]);
+  return t ? /* @__PURE__ */ d(T, { children: [
+    /* @__PURE__ */ e(K, { asChild: !0, disabled: c, children: /* @__PURE__ */ e(
+      S,
+      {
+        customClass: "!richtext-w-12 richtext-h-12",
+        disabled: c,
+        icon: s,
+        tooltip: n,
+        children: /* @__PURE__ */ e(k, { className: "richtext-size-3 richtext-text-gray-500" })
+      }
+    ) }),
+    /* @__PURE__ */ e(w, { className: "w-full", children: i == null ? void 0 : i.map((r, u) => /* @__PURE__ */ d(
+      C,
+      {
+        checked: p === r.title,
+        className: "richtext-flex richtext-items-center richtext-gap-3",
+        onClick: r.action,
+        children: [
+          /* @__PURE__ */ e(v, { name: r == null ? void 0 : r.icon }),
+          /* @__PURE__ */ e("span", { className: "richtext-ml-1", children: r.title }),
+          !!(r != null && r.shortcutKeys) && /* @__PURE__ */ e("span", { className: "richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60", children: y(r.shortcutKeys) })
+        ]
+      },
+      `more-mark-${u}`
+    )) })
+  ] }) : /* @__PURE__ */ e(M, {});
+}
+const D = /* @__PURE__ */ b.create({
+  name: "moreMark",
+  //@ts-expect-error
+  addOptions() {
+    var t;
+    return {
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      button({ editor: s, extension: n, t: i }) {
+        var u, l;
+        const a = n.options.subscript, c = n.options.superscript, o = {
+          action: () => s.commands.toggleSubscript(),
+          isActive: () => s.isActive("subscript") || !1,
+          disabled: !s.can().toggleSubscript(),
+          icon: "Subscript",
+          title: i("editor.subscript.tooltip"),
+          shortcutKeys: ((u = n.options.shortcutKeys) == null ? void 0 : u[0]) ?? ["mod", "."]
+        }, p = {
+          action: () => s.commands.toggleSuperscript(),
+          isActive: () => s.isActive("superscript") || !1,
+          disabled: !s.can().toggleSuperscript(),
+          icon: "Superscript",
+          title: i("editor.superscript.tooltip"),
+          shortcutKeys: ((l = n.options.shortcutKeys) == null ? void 0 : l[1]) ?? ["mod", ","]
+        }, r = [];
+        return a !== !1 && r.push(o), c !== !1 && r.push(p), {
+          // component: ActionMoreButton,
+          componentProps: {
+            icon: "Type",
+            tooltip: i("editor.moremark"),
+            disabled: !s.isEditable,
+            items: r,
+            isActive: () => r == null ? void 0 : r.find((g) => g.isActive())
+          }
+        };
+      }
+    };
+  },
+  addExtensions() {
+    const t = [];
+    return this.options.subscript !== !1 && t.push(H.configure(this.options.subscript)), this.options.superscript !== !1 && t.push(L.configure(this.options.superscript)), t;
+  }
+});
+export {
+  D as MoreMark,
+  z as RichTextMoreMark
+};

package/lib/OrderedList.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index-BCzvbrf5.cjs"),r=require("react/jsx-runtime"),s=require("./index-D9oM__YW.cjs");require("react");require("./theme.cjs");function O(){const t=s.useButtonProps(c.name),{icon:e=void 0,tooltip:i=void 0,shortcutKeys:o=void 0,tooltipOptions:u={},action:n=void 0,isActive:a=void 0}=(t==null?void 0:t.componentProps)??{},{dataState:p,disabled:d,update:l}=s.useToggleActive(a),m=()=>{d||n&&(n(),l())};return t?r.jsx(s.ActionButton,{action:m,dataState:p,disabled:d,icon:e,shortcutKeys:o,tooltip:i,tooltipOptions:u}):r.jsx(r.Fragment,{})}const c=v.OrderedList.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:e,t:i,extension:o})=>({componentProps:{action:()=>e.commands.toggleOrderedList(),isActive:()=>e.isActive("orderedList"),disabled:!1,icon:"ListOrdered",shortcutKeys:o.options.shortcutKeys??["mod","shift","7"],tooltip:i("editor.orderedlist.tooltip")}})}}});exports.OrderedList=c;exports.RichTextOrderedList=O;

package/lib/OrderedList.js

@@ -0,0 +1,52 @@
+import { O as u } from "./index-DjDf4BK8.js";
+import { jsx as n, Fragment as l } from "react/jsx-runtime";
+import { u as f, d as v, A as O } from "./index-lj3VWExo.js";
+import "react";
+import "./theme.js";
+function K() {
+  const t = f(A.name), {
+    icon: o = void 0,
+    tooltip: i = void 0,
+    shortcutKeys: e = void 0,
+    tooltipOptions: d = {},
+    action: s = void 0,
+    isActive: c = void 0
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { dataState: a, disabled: r, update: p } = v(c), m = () => {
+    r || s && (s(), p());
+  };
+  return t ? /* @__PURE__ */ n(
+    O,
+    {
+      action: m,
+      dataState: a,
+      disabled: r,
+      icon: o,
+      shortcutKeys: e,
+      tooltip: i,
+      tooltipOptions: d
+    }
+  ) : /* @__PURE__ */ n(l, {});
+}
+const A = /* @__PURE__ */ u.extend({
+  //@ts-expect-error
+  addOptions() {
+    var t;
+    return {
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      button: ({ editor: o, t: i, extension: e }) => ({
+        componentProps: {
+          action: () => o.commands.toggleOrderedList(),
+          isActive: () => o.isActive("orderedList"),
+          disabled: !1,
+          icon: "ListOrdered",
+          shortcutKeys: e.options.shortcutKeys ?? ["mod", "shift", "7"],
+          tooltip: i("editor.orderedlist.tooltip")
+        }
+      })
+    };
+  }
+});
+export {
+  A as OrderedList,
+  K as RichTextOrderedList
+};

package/lib/SearchAndReplace.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("./clsx-CXbNJWDD.cjs"),D=require("@tiptap/pm/state"),b=require("@tiptap/pm/view"),a=require("react/jsx-runtime"),g=require("react"),h=require("./index-D9oM__YW.cjs");require("./theme.cjs");const J=require("./index-bVGIXhRg.cjs"),q=require("./popover-D-hUKDYu.cjs");function Q(){const{t}=J.useLocale(),e=h.useEditorInstance(),s=h.useButtonProps(F.name),{icon:n=void 0,tooltip:u=void 0,shortcutKeys:o=void 0,tooltipOptions:c={},action:x=void 0,isActive:m=void 0}=(s==null?void 0:s.componentProps)??{},{disabled:i}=h.useActive(m),[R,f]=g.useState(!1),[p,T]=g.useState(""),[C,N]=g.useState(""),[j,M]=g.useState(!1),[V,B]=g.useState(""),w=()=>{var r,l,v,d;B(`${((l=(r=e==null?void 0:e.storage)==null?void 0:r.searchAndReplace)==null?void 0:l.resultIndex)+1}/${(d=(v=e==null?void 0:e.storage)==null?void 0:v.searchAndReplace)==null?void 0:d.results.length}`)};g.useEffect(()=>{e&&w()},[e]);const K=()=>{i||x&&x()},P=(r=!1)=>{var l,v,d,S,A,L,y,$;e&&(r&&((v=(l=e==null?void 0:e.commands)==null?void 0:l.resetIndex)==null||v.call(l)),(S=(d=e==null?void 0:e.commands)==null?void 0:d.setSearchTerm)==null||S.call(d,p),(L=(A=e==null?void 0:e.commands)==null?void 0:A.setReplaceTerm)==null||L.call(A,C),($=(y=e==null?void 0:e.commands)==null?void 0:y.setCaseSensitive)==null||$.call(y,j),w())},k=()=>{var S,A;if(!e)return;const{results:r,resultIndex:l}=e.storage.searchAndReplace,v=r[l];if(!v)return;(A=(S=e==null?void 0:e.commands)==null?void 0:S.setTextSelection)==null||A.call(S,v);const{node:d}=e.view.domAtPos(e.state.selection.anchor);d instanceof HTMLElement&&d.scrollIntoView({behavior:"smooth",block:"center"}),w()};g.useEffect(()=>{p.trim()||E(),p.trim()&&P(!0)},[p]),g.useEffect(()=>{C.trim()&&P()},[C]),g.useEffect(()=>{P(!0)},[j]);const W=()=>{var r,l;(l=(r=e==null?void 0:e.commands)==null?void 0:r.replace)==null||l.call(r),k()},H=()=>{var r,l;(l=(r=e==null?void 0:e.commands)==null?void 0:r.nextSearchResult)==null||l.call(r),k()},U=()=>{var r,l;(l=(r=e==null?void 0:e.commands)==null?void 0:r.previousSearchResult)==null||l.call(r),k()},E=()=>{var r,l;T(""),N(""),(l=(r=e==null?void 0:e.commands)==null?void 0:r.resetIndex)==null||l.call(r),w()},z=()=>{var r,l;(l=(r=e==null?void 0:e.commands)==null?void 0:r.replaceAll)==null||l.call(r),B("0/0")};return s?a.jsxs(q.Popover,{onOpenChange:f,open:R,children:[a.jsx(q.PopoverTrigger,{asChild:!0,disabled:i,children:a.jsx(h.ActionButton,{action:K,disabled:i,icon:n,shortcutKeys:o,tooltip:u,tooltipOptions:c})}),a.jsxs(q.PopoverContent,{align:"start",className:"richtext-w-full",hideWhenDetached:!0,side:"bottom",children:[a.jsxs("div",{className:"richtext-mb-[6px] richtext-flex richtext-items-center richtext-justify-between",children:[a.jsx(h.Label,{children:t("editor.search.dialog.text")}),a.jsx("span",{className:"richtext-font-semibold",children:V})]}),a.jsxs("div",{className:"richtext-mb-[10px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5",children:[a.jsx(h.Input,{autoFocus:!0,className:"richtext-w-full",onChange:r=>T(r.target.value),placeholder:"Text",required:!0,type:"text",value:p}),a.jsx(h.Button,{className:"richtext-flex-1",onClick:U,children:a.jsx(h.IconComponent,{name:"ChevronUp"})}),a.jsx(h.Button,{className:"richtext-flex-1",onClick:H,children:a.jsx(h.IconComponent,{name:"ChevronDown"})}),a.jsx(h.Button,{className:"richtext-flex-1",onClick:E,children:"Clear"})]}),a.jsx(h.Label,{className:"richtext-mb-[6px]",children:t("editor.replace.dialog.text")}),a.jsx("div",{className:"richtext-mb-[5px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5",children:a.jsx("div",{className:"richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center",children:a.jsx(h.Input,{className:"richtext-w-80",onChange:r=>N(r.target.value),placeholder:"Text",required:!0,type:"text",value:C})})}),a.jsxs("div",{className:"richtext-my-[10px] richtext-flex richtext-items-center richtext-gap-1",children:[a.jsx(h.Checkbox,{checked:j,onCheckedChange:r=>{M(r),e.commands.setCaseSensitive(r)}}),a.jsx(h.Label,{children:t("editor.replace.caseSensitive")})]}),a.jsxs("div",{className:"richtext-flex richtext-items-center richtext-gap-[10px]",children:[a.jsx(h.Button,{className:"richtext-flex-1",onClick:W,children:t("editor.replace.dialog.text")}),a.jsx(h.Button,{className:"richtext-flex-1",onClick:z,children:t("editor.replaceAll.dialog.text")})]})]})]}):a.jsx(a.Fragment,{})}const I=(t,e)=>e(t.tr);function X(t,e,s){return RegExp(e?t.replace(/[$()*+.?[\\\]^{|}]/g,String.raw`\$&`):t,s?"gu":"gui")}function Y(t,e,s,n){const u=[],o=[];let c=[],x=0;if(!e)return{decorationsToReturn:b.DecorationSet.empty,results:[]};t==null||t.descendants((m,i)=>{m.isText?c[x]?c[x]={text:c[x].text+m.text,pos:c[x].pos}:c[x]={text:`${m.text}`,pos:i}:x+=1}),c=c.filter(Boolean);for(const m of c){const{text:i,pos:R}=m,f=Array.from(i.matchAll(e)).filter(([p])=>p.trim());for(const p of f){if(p[0]==="")break;p.index!==void 0&&o.push({from:R+p.index,to:R+p.index+p[0].length})}}for(const[m,i]of o.entries()){const R=m===n?`${s} ${s}-current`:s,f=b.Decoration.inline(i.from,i.to,{class:R});u.push(f)}return{decorationsToReturn:b.DecorationSet.create(t,u),results:o}}function O(t,e,{state:s,dispatch:n}){if(!e[0])return;const{from:o,to:c}=e[0];n&&n(s.tr.insertText(t,o,c))}function Z(t,e,s,n){const u=e+1;if(!n[u])return null;const{from:o,to:c}=n[e],x=c-o-t.length+s,{from:m,to:i}=n[u];return n[u]={to:i-x,from:m-x},[x,n]}function _(t,e,{tr:s,dispatch:n}){let u=0,o=e.slice();if(o.length!==0){for(let c=0;c<o.length;c+=1){const{from:x,to:m}=o[c];s.insertText(t,x,m);const i=Z(t,c,u,o);i&&(u=i[0],o=i[1])}n(s)}}const F=G.Extension.create({name:"searchAndReplace",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),searchTerm:"",replaceTerm:"",results:[],searchResultClass:"search-result",searchResultCurrentClass:"search-result-current",caseSensitive:!1,disableRegex:!0,onChange:()=>{},button:({editor:e,t:s})=>({componentProps:{action:()=>{},icon:"SearchAndReplace",tooltip:s("editor.searchAndReplace.tooltip"),isActive:()=>!0,editor:e}})}},addStorage(){return{searchTerm:"",replaceTerm:"",results:[],lastSearchTerm:"",caseSensitive:!1,lastCaseSensitive:!1,resultIndex:0,lastResultIndex:0}},addCommands(){return{setSearchTerm:t=>({editor:e,state:s,dispatch:n})=>(e.storage.searchAndReplace.searchTerm=t,I(s,n),!1),setReplaceTerm:t=>({editor:e,state:s,dispatch:n})=>(e.storage.searchAndReplace.replaceTerm=t,I(s,n),!1),setCaseSensitive:t=>({editor:e,state:s,dispatch:n})=>(e.storage.searchAndReplace.caseSensitive=t,I(s,n),!1),resetIndex:()=>({editor:t,state:e,dispatch:s})=>(t.storage.searchAndReplace.resultIndex=0,I(e,s),!1),nextSearchResult:()=>({editor:t})=>{const{results:e,resultIndex:s}=t.storage.searchAndReplace,n=s+1;return e[n]?t.storage.searchAndReplace.resultIndex=n:t.storage.searchAndReplace.resultIndex=0,!1},previousSearchResult:()=>({editor:t})=>{const{results:e,resultIndex:s}=t.storage.searchAndReplace,n=s-1;return e[n]?t.storage.searchAndReplace.resultIndex=n:t.storage.searchAndReplace.resultIndex=e.length-1,!1},replace:()=>({editor:t,state:e,dispatch:s})=>{const{replaceTerm:n,results:u,resultIndex:o}=t.storage.searchAndReplace,c=u[o];return c?(O(n,[c],{state:e,dispatch:s}),t.storage.searchAndReplace.results.splice(o,1)):(O(n,u,{state:e,dispatch:s}),t.storage.searchAndReplace.results.shift()),I(e,s),!1},replaceAll:()=>({editor:t,tr:e,state:s,dispatch:n})=>{const{replaceTerm:u,results:o}=t.storage.searchAndReplace;return _(u,o,{tr:e,dispatch:n}),t.storage.searchAndReplace.resultIndex=0,t.storage.searchAndReplace.results=[],I(s,n),!1}}},addProseMirrorPlugins(){const t=this.editor,{searchResultClass:e,disableRegex:s}=this.options,n=c=>t.storage.searchAndReplace.lastSearchTerm=c,u=c=>t.storage.searchAndReplace.lastCaseSensitive=c,o=c=>t.storage.searchAndReplace.lastResultIndex=c;return[new D.Plugin({key:new D.PluginKey(`richtextCustomPlugin${this.name}`),state:{init:()=>b.DecorationSet.empty,apply({doc:c,docChanged:x},m){const{searchTerm:i,lastSearchTerm:R,caseSensitive:f,lastCaseSensitive:p,resultIndex:T,lastResultIndex:C}=t.storage.searchAndReplace;if(!x&&R===i&&p===f&&C===T)return m;if(n(i),u(f),o(T),!i)return t.storage.searchAndReplace.results=[],b.DecorationSet.empty;const{decorationsToReturn:N,results:j}=Y(c,X(i,s,f),e,T);return t.storage.searchAndReplace.results=j,N}},props:{decorations(c){return this.getState(c)}}})]}});exports.RichTextSearchAndReplace=Q;exports.SearchAndReplace=F;