@npm-questionpro/wick-ui-editor 0.14.2 → 2.0.0-next.4

package/dist/wick-ui-editor/es/index.js

@@ -1,166 +1,134 @@
-import { jsx as e, jsxs as v, Fragment as F } from "react/jsx-runtime";
-import { useEditorState as p, useEditor as V, EditorContent as X } from "@tiptap/react";
-import Y from "clsx";
-import h, { useState as I, useRef as Z, useCallback as B } from "react";
-import Q from "@tiptap/extension-image";
-import { TaskList as tt, TaskItem as et } from "@tiptap/extension-list";
-import ot from "@tiptap/extension-subscript";
-import nt from "@tiptap/extension-superscript";
-import { TableKit as it } from "@tiptap/extension-table";
-import rt from "@tiptap/extension-text-align";
-import { TextStyle as st, Color as ct, BackgroundColor as lt, LineHeight as at, FontSize as ut, FontFamily as dt } from "@tiptap/extension-text-style";
-import mt from "@tiptap/starter-kit";
-import { WuIcon as f, WuModal as D, WuModalHeader as H, WuModalContent as z, WuInput as L, WuModalFooter as R, WuModalClose as x, WuToggle as ht, WuButton as q } from "@npm-questionpro/wick-ui-lib";
-import { DropdownMenu as j, DropdownMenuTrigger as $, DropdownMenuContent as K, DropdownMenuItem as U } from "@radix-ui/react-dropdown-menu";
-import ft from "dompurify";
-const gt = "_wuContentEditor_1kzbo_8", pt = "_wuContentEditorTable_1kzbo_1", wt = "_wuContentEditorContainer_1kzbo_8", Ct = "_wuContentEditorToolbar_1kzbo_80", vt = "_wuContentEditorAction_1kzbo_107", bt = "_wuContentEditorDropdown_1kzbo_133", At = "_wuContentEditorDropdownItem_1kzbo_146", kt = "_wuContentEditorFontSize_1kzbo_157", Et = "_wuContentEditorModal_1kzbo_171", yt = "_wuCodeEditor_1kzbo_175", Tt = "_wuFormatCode_1kzbo_185", St = "_wuCodeEditorPreview_1kzbo_198", xt = "_wuCodeEditorInput_1kzbo_213", a = {
-  wuContentEditor: gt,
-  wuContentEditorTable: pt,
+import { EditorContent as G, useEditor as V, useEditorState as f } from "@tiptap/react";
+import X from "clsx";
+import m, { useCallback as O, useRef as Y, useState as N } from "react";
+import Z from "@tiptap/extension-image";
+import { TaskItem as Q, TaskList as tt } from "@tiptap/extension-list";
+import et from "@tiptap/extension-subscript";
+import ot from "@tiptap/extension-superscript";
+import { TableKit as nt } from "@tiptap/extension-table";
+import it from "@tiptap/extension-text-align";
+import { BackgroundColor as rt, Color as lt, FontFamily as at, FontSize as st, LineHeight as ct, TextStyle as ut } from "@tiptap/extension-text-style";
+import dt from "@tiptap/starter-kit";
+import { Fragment as x, jsx as e, jsxs as v } from "react/jsx-runtime";
+import { WuButton as q, WuIcon as h, WuInput as F, WuModal as H, WuModalClose as _, WuModalContent as D, WuModalFooter as R, WuModalHeader as z, WuToggle as mt } from "@npm-questionpro/wick-ui-lib";
+import { DropdownMenu as U, DropdownMenuContent as j, DropdownMenuItem as $, DropdownMenuTrigger as K } from "@radix-ui/react-dropdown-menu";
+import ht from "dompurify";
+var pt = "_wuContentEditor_cl3h6_7", ft = "_wuContentEditorTable_cl3h6_1", gt = "_selectedCell_cl3h6_1", vt = "_tableWrapper_cl3h6_1", wt = "_wuContentEditorContainer_cl3h6_7", Ct = "_wuContentEditorToolbar_cl3h6_82", bt = "_wuContentEditorAction_cl3h6_110", At = "_wuContentEditorDropdown_cl3h6_136", yt = "_wuContentEditorDropdownItem_cl3h6_150", kt = "_wuContentEditorFontSize_cl3h6_162", Et = "_wuContentEditorModal_cl3h6_176", Tt = "_wuCodeEditor_cl3h6_180", St = "_wuFormatCode_cl3h6_190", _t = "_wuCodeEditorPreview_cl3h6_205", xt = "_wuCodeEditorInput_cl3h6_222", a = {
+  wuContentEditor: pt,
+  wuContentEditorTable: ft,
+  selectedCell: gt,
+  "column-resize-handle": "_column-resize-handle_cl3h6_1",
+  tableWrapper: vt,
+  "resize-cursor": "_resize-cursor_cl3h6_1",
   wuContentEditorContainer: wt,
   wuContentEditorToolbar: Ct,
-  wuContentEditorAction: vt,
-  wuContentEditorDropdown: bt,
-  wuContentEditorDropdownItem: At,
+  wuContentEditorAction: bt,
+  wuContentEditorDropdown: At,
+  wuContentEditorDropdownItem: yt,
   wuContentEditorFontSize: kt,
   wuContentEditorModal: Et,
-  wuCodeEditor: yt,
-  wuFormatCode: Tt,
-  wuCodeEditorPreview: St,
+  wuCodeEditor: Tt,
+  wuFormatCode: St,
+  wuCodeEditorPreview: _t,
   wuCodeEditorInput: xt
 }, Ft = [
-  mt.configure({
-    link: {
-      openOnClick: !1,
-      autolink: !0,
-      defaultProtocol: "https",
-      protocols: ["http", "https"],
-      isAllowedUri: (t, o) => {
-        try {
-          const n = t.includes(":") ? new URL(t) : new URL(`${o.defaultProtocol}://${t}`);
-          if (!o.defaultValidate(n.href))
-            return !1;
-          const i = ["ftp", "file", "mailto"], s = n.protocol.replace(":", "");
-          if (i.includes(s) || !o.protocols.map(
-            (r) => typeof r == "string" ? r : r.scheme
-          ).includes(s))
-            return !1;
-          const u = [
-            "example-phishing.com",
-            "malicious-site.net"
-          ], c = n.hostname;
-          return !u.includes(c);
-        } catch {
-          return !1;
-        }
-      },
-      shouldAutoLink: (t) => {
-        try {
-          const o = t.includes(":") ? new URL(t) : new URL(`https://${t}`), n = [
-            "example-no-autolink.com",
-            "another-no-autolink.com"
-          ], i = o.hostname;
-          return !n.includes(i);
-        } catch {
-          return !1;
-        }
+  dt.configure({ link: {
+    openOnClick: !1,
+    autolink: !0,
+    defaultProtocol: "https",
+    protocols: ["http", "https"],
+    isAllowedUri: (t, o) => {
+      try {
+        const n = t.includes(":") ? new URL(t) : new URL(`${o.defaultProtocol}://${t}`);
+        if (!o.defaultValidate(n.href)) return !1;
+        const i = [
+          "ftp",
+          "file",
+          "mailto"
+        ], r = n.protocol.replace(":", "");
+        if (i.includes(r) || !o.protocols.map((l) => typeof l == "string" ? l : l.scheme).includes(r)) return !1;
+        const u = ["example-phishing.com", "malicious-site.net"], c = n.hostname;
+        return !u.includes(c);
+      } catch {
+        return !1;
+      }
+    },
+    shouldAutoLink: (t) => {
+      try {
+        const o = t.includes(":") ? new URL(t) : new URL(`https://${t}`), n = ["example-no-autolink.com", "another-no-autolink.com"], i = o.hostname;
+        return !n.includes(i);
+      } catch {
+        return !1;
       }
     }
-  }),
-  rt.configure({
-    types: ["heading", "paragraph"]
-  }),
-  nt,
+  } }),
+  it.configure({ types: ["heading", "paragraph"] }),
   ot,
-  st,
-  ct,
+  et,
+  ut,
   lt,
+  rt,
   tt,
-  et,
+  Q,
+  ct,
+  st,
   at,
-  ut,
-  dt,
-  Q.configure({
+  Z.configure({
     resize: {
       enabled: !0,
       alwaysPreserveAspectRatio: !0
     },
     inline: !0
   }),
-  it.configure({
-    table: { resizable: !0 }
-  })
-], J = h.createContext(
-  null
-), Lt = ({
-  editor: t,
-  children: o,
-  customFonts: n,
-  isHtml: i,
-  setIsHtml: s
-}) => /* @__PURE__ */ e(J.Provider, { value: { editor: t, customFonts: n, isHtml: i, setIsHtml: s }, children: o }), g = () => {
-  const t = h.useContext(J);
-  if (!t)
-    throw new Error("useToolbar must be used within a ToolbarProvider");
+  nt.configure({ table: { resizable: !0 } })
+], J = m.createContext(null), Lt = ({ editor: t, children: o, customFonts: n, isHtml: i, setIsHtml: r }) => /* @__PURE__ */ e(J.Provider, {
+  value: {
+    editor: t,
+    customFonts: n,
+    isHtml: i,
+    setIsHtml: r
+  },
+  children: o
+}), p = () => {
+  const t = m.useContext(J);
+  if (!t) throw new Error("useToolbar must be used within a ToolbarProvider");
   return t;
 }, M = ({ action: t, defaultValue: o }) => {
-  var s;
-  const [n, i] = h.useState(
-    o || t.items.find((l) => l.active) || t.items[0]
-  );
-  return h.useEffect(() => {
-    i(
-      o || t.items.find((l) => l.active) || t.items[0]
-    );
-  }, [t, o]), /* @__PURE__ */ v(j, { children: [
-    /* @__PURE__ */ e(
-      $,
-      {
+  const [n, i] = m.useState(o || t.items.find((r) => r.active) || t.items[0]);
+  return m.useEffect(() => {
+    i(o || t.items.find((r) => r.active) || t.items[0]);
+  }, [t, o]), /* @__PURE__ */ v(U, { children: [/* @__PURE__ */ e(K, {
+    className: a.wuContentEditorAction,
+    "data-active": t.active,
+    children: /* @__PURE__ */ e(h, { icon: n.icon })
+  }), /* @__PURE__ */ e(j, {
+    align: "start",
+    onCloseAutoFocus: (r) => r.preventDefault(),
+    className: a.wuContentEditorDropdown,
+    "data-inline": !0,
+    children: t.items?.map((r) => /* @__PURE__ */ e($, {
+      onClick: () => {
+        r.event(), i(r);
+      },
+      title: r.tooltip,
+      children: /* @__PURE__ */ e("button", {
+        type: "button",
         className: a.wuContentEditorAction,
-        "data-active": t.active,
-        children: /* @__PURE__ */ e(f, { icon: n.icon })
-      }
-    ),
-    /* @__PURE__ */ e(
-      K,
-      {
-        align: "start",
-        onCloseAutoFocus: (l) => l.preventDefault(),
-        className: a.wuContentEditorDropdown,
-        "data-inline": !0,
-        children: (s = t.items) == null ? void 0 : s.map((l) => /* @__PURE__ */ e(
-          U,
-          {
-            onClick: () => {
-              l.event(), i(l);
-            },
-            title: l.tooltip,
-            children: /* @__PURE__ */ e(
-              "button",
-              {
-                className: a.wuContentEditorAction,
-                "data-active": l.active,
-                children: /* @__PURE__ */ e(f, { icon: l.icon })
-              }
-            )
-          },
-          l.id
-        ))
-      }
-    )
-  ] });
-}, _t = () => {
-  const { editor: t } = g(), o = p({
+        "data-active": r.active,
+        children: /* @__PURE__ */ e(h, { icon: r.icon })
+      })
+    }, r.id))
+  })] });
+}, It = () => {
+  const { editor: t } = p(), o = f({
     editor: t,
-    selector: (i) => {
-      var s, l, u, c, r, d, w;
-      return {
-        isLeft: (s = i.editor) == null ? void 0 : s.isActive({ textAlign: "left" }),
-        isCenter: (l = i.editor) == null ? void 0 : l.isActive({ textAlign: "center" }),
-        isRight: (u = i.editor) == null ? void 0 : u.isActive({ textAlign: "right" }),
-        isJustify: (c = i.editor) == null ? void 0 : c.isActive({ textAlign: "justify" }),
-        isAligned: ((r = i.editor) == null ? void 0 : r.isActive({ textAlign: "center" })) || ((d = i.editor) == null ? void 0 : d.isActive({ textAlign: "right" })) || ((w = i.editor) == null ? void 0 : w.isActive({ textAlign: "justify" }))
-      };
-    }
+    selector: (i) => ({
+      isLeft: i.editor?.isActive({ textAlign: "left" }),
+      isCenter: i.editor?.isActive({ textAlign: "center" }),
+      isRight: i.editor?.isActive({ textAlign: "right" }),
+      isJustify: i.editor?.isActive({ textAlign: "justify" }),
+      isAligned: i.editor?.isActive({ textAlign: "center" }) || i.editor?.isActive({ textAlign: "right" }) || i.editor?.isActive({ textAlign: "justify" })
+    })
   }), n = [
     {
       id: "left",
@@ -191,59 +159,43 @@ const gt = "_wuContentEditor_1kzbo_8", pt = "_wuContentEditorTable_1kzbo_1", wt
       active: o.isJustify
     }
   ];
-  return /* @__PURE__ */ e(
-    M,
-    {
-      action: {
-        id: "style",
-        active: o.isAligned,
-        icon: "wm-format-paragraph",
-        items: n
-      }
-    }
-  );
+  return /* @__PURE__ */ e(M, { action: {
+    id: "style",
+    active: o.isAligned,
+    icon: "wm-format-paragraph",
+    items: n
+  } });
 }, Nt = () => {
-  const { editor: t } = g(), o = p({
+  const { editor: t } = p(), o = f({
     editor: t,
-    selector: ({ editor: n }) => ({
-      bgColor: n.getAttributes("textStyle").backgroundColor
-    })
+    selector: ({ editor: n }) => ({ bgColor: n.getAttributes("textStyle").backgroundColor })
   });
-  return /* @__PURE__ */ v(
-    "label",
-    {
-      className: a.wuContentEditorAction,
-      htmlFor: "bg-color",
-      title: "Background Color",
-      children: [
-        /* @__PURE__ */ e(f, { icon: "wm-border-color", style: { color: o.bgColor } }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "color",
-            id: "bg-color",
-            name: "bg-color",
-            defaultValue: "#fff",
-            onChange: (n) => t.chain().focus().setBackgroundColor(n.target.value).run()
-          }
-        )
-      ]
-    }
-  );
-}, It = () => {
-  const { editor: t } = g(), o = p({
+  return /* @__PURE__ */ v("label", {
+    className: a.wuContentEditorAction,
+    htmlFor: "bg-color",
+    title: "Background Color",
+    children: [/* @__PURE__ */ e(h, {
+      icon: "wm-border-color",
+      style: { color: o.bgColor }
+    }), /* @__PURE__ */ e("input", {
+      type: "color",
+      id: "bg-color",
+      name: "bg-color",
+      defaultValue: "#fff",
+      onChange: (n) => t.chain().focus().setBackgroundColor(n.target.value).run()
+    })]
+  });
+}, Ht = () => {
+  const { editor: t } = p(), o = f({
     editor: t,
-    selector: (i) => {
-      var s, l, u, c, r, d;
-      return {
-        isParagraph: (s = i.editor) == null ? void 0 : s.isActive("paragraph"),
-        isH1: (l = i.editor) == null ? void 0 : l.isActive("heading", { level: 1 }),
-        isH2: (u = i.editor) == null ? void 0 : u.isActive("heading", { level: 2 }),
-        isH3: (c = i.editor) == null ? void 0 : c.isActive("heading", { level: 3 }),
-        isH4: (r = i.editor) == null ? void 0 : r.isActive("heading", { level: 4 }),
-        isStyle: (d = i.editor) == null ? void 0 : d.isActive("heading")
-      };
-    }
+    selector: (i) => ({
+      isParagraph: i.editor?.isActive("paragraph"),
+      isH1: i.editor?.isActive("heading", { level: 1 }),
+      isH2: i.editor?.isActive("heading", { level: 2 }),
+      isH3: i.editor?.isActive("heading", { level: 3 }),
+      isH4: i.editor?.isActive("heading", { level: 4 }),
+      isStyle: i.editor?.isActive("heading")
+    })
   }), n = [
     {
       id: "paragraph",
@@ -276,343 +228,289 @@ const gt = "_wuContentEditor_1kzbo_8", pt = "_wuContentEditorTable_1kzbo_1", wt
       active: o.isH4
     }
   ];
-  return /* @__PURE__ */ e(
-    M,
-    {
-      action: {
-        id: "style",
-        active: o.isStyle,
-        icon: "wm-format-paragraph",
-        items: n
-      },
-      defaultValue: n.find((i) => i.active)
-    }
-  );
+  return /* @__PURE__ */ e(M, {
+    action: {
+      id: "style",
+      active: o.isStyle,
+      icon: "wm-format-paragraph",
+      items: n
+    },
+    defaultValue: n.find((i) => i.active)
+  });
 }, Dt = () => {
-  const { editor: t } = g(), o = p({
+  const { editor: t } = p(), o = f({
     editor: t,
-    selector: (n) => {
-      var i;
-      return {
-        blockquote: (i = n.editor) == null ? void 0 : i.isActive("blockquote")
-      };
-    }
+    selector: (n) => ({ blockquote: n.editor?.isActive("blockquote") })
   });
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      title: "quote",
-      className: a.wuContentEditorAction,
-      "data-active": o.blockquote,
-      onClick: (n) => {
-        n.preventDefault(), t.chain().focus().toggleBlockquote().run();
-      },
-      children: /* @__PURE__ */ e(f, { icon: "wm-format-quote" })
-    }
-  );
-}, Ht = () => {
-  const { editor: t } = g(), o = p({
+  return /* @__PURE__ */ e("button", {
+    type: "button",
+    title: "quote",
+    className: a.wuContentEditorAction,
+    "data-active": o.blockquote,
+    onClick: (n) => {
+      n.preventDefault(), t.chain().focus().toggleBlockquote().run();
+    },
+    children: /* @__PURE__ */ e(h, { icon: "wm-format-quote" })
+  });
+}, Rt = () => {
+  const { editor: t } = p(), o = f({
     editor: t,
-    selector: (n) => {
-      var i;
-      return {
-        bold: (i = n.editor) == null ? void 0 : i.isActive("bold")
-      };
-    }
+    selector: (n) => ({ bold: n.editor?.isActive("bold") })
+  });
+  return /* @__PURE__ */ e("button", {
+    type: "button",
+    title: "Bold",
+    className: a.wuContentEditorAction,
+    "data-active": o.bold,
+    onClick: (n) => {
+      n.preventDefault(), t.chain().focus().toggleBold().run();
+    },
+    children: /* @__PURE__ */ e(h, { icon: "wm-format-bold" })
   });
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      title: "Bold",
-      className: a.wuContentEditorAction,
-      "data-active": o.bold,
-      onClick: (n) => {
-        n.preventDefault(), t.chain().focus().toggleBold().run();
-      },
-      children: /* @__PURE__ */ e(f, { icon: "wm-format-bold" })
-    }
-  );
 }, zt = () => {
-  const { editor: t } = g();
-  return /* @__PURE__ */ e(F, { children: [
-    {
-      id: "clear",
-      icon: "wm-format-clear",
-      event: () => t.chain().focus().clearNodes().unsetAllMarks().run(),
-      tooltip: "Clear Formatting"
-    }
-  ].map((n) => /* @__PURE__ */ e(
-    "button",
-    {
-      title: n.tooltip,
-      className: a.wuContentEditorAction,
-      onClick: (i) => {
-        i.preventDefault(), n.event();
-      },
-      children: /* @__PURE__ */ e(f, { icon: n.icon })
+  const { editor: t } = p();
+  return /* @__PURE__ */ e(x, { children: [{
+    id: "clear",
+    icon: "wm-format-clear",
+    event: () => t.chain().focus().clearNodes().unsetAllMarks().run(),
+    tooltip: "Clear Formatting"
+  }].map((o) => /* @__PURE__ */ e("button", {
+    type: "button",
+    title: o.tooltip,
+    className: a.wuContentEditorAction,
+    onClick: (n) => {
+      n.preventDefault(), o.event();
     },
-    n.id
-  )) });
-}, Rt = () => {
-  const { editor: t } = g(), o = p({
+    children: /* @__PURE__ */ e(h, { icon: o.icon })
+  }, o.id)) });
+}, Mt = () => {
+  const { editor: t } = p(), o = f({
     editor: t,
-    selector: (n) => ({
-      code: n.editor.isActive("code")
-    })
+    selector: (n) => ({ code: n.editor.isActive("code") })
   });
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      className: a.wuContentEditorAction,
-      "data-active": o.code,
-      title: "Code line",
-      onMouseDown: (n) => {
-        n.preventDefault(), t.chain().focus().toggleCode().run();
-      },
-      children: /* @__PURE__ */ e(f, { icon: "wm-code" })
-    }
-  );
-}, Mt = () => {
-  const { editor: t } = g(), o = p({
+  return /* @__PURE__ */ e("button", {
+    type: "button",
+    className: a.wuContentEditorAction,
+    "data-active": o.code,
+    title: "Code line",
+    onMouseDown: (n) => {
+      n.preventDefault(), t.chain().focus().toggleCode().run();
+    },
+    children: /* @__PURE__ */ e(h, { icon: "wm-code" })
+  });
+}, Wt = () => {
+  const { editor: t } = p(), o = f({
     editor: t,
-    selector: (c) => {
-      var r, d;
-      return {
-        isImage: (r = c.editor) == null ? void 0 : r.isActive("image"),
-        imageAttrs: (d = c.editor) == null ? void 0 : d.getAttributes("image")
-      };
-    }
-  }), [n, i] = h.useState(o.imageAttrs.src || ""), [s, l] = h.useState(o.imageAttrs.alt || ""), u = () => {
-    t.chain().focus().setImage({ src: n, alt: s }).run();
+    selector: (l) => ({
+      isImage: l.editor?.isActive("image"),
+      imageAttrs: l.editor?.getAttributes("image")
+    })
+  }), [n, i] = m.useState(o.imageAttrs.src || ""), [r, u] = m.useState(o.imageAttrs.alt || ""), c = () => {
+    t.chain().focus().setImage({
+      src: n,
+      alt: r
+    }).run();
   };
-  return /* @__PURE__ */ v(
-    D,
-    {
-      Trigger: /* @__PURE__ */ e(
-        "button",
-        {
-          className: a.wuContentEditorAction,
-          "data-active": o.isImage,
-          children: /* @__PURE__ */ e(f, { icon: "wm-image" })
-        }
-      ),
-      maxWidth: "400px",
-      children: [
-        /* @__PURE__ */ e(H, { style: { display: "none" } }),
-        /* @__PURE__ */ v(z, { className: a.wuContentEditorModal, children: [
-          /* @__PURE__ */ e(
-            L,
-            {
-              Label: "Image URL",
-              type: "url",
-              value: n,
-              onChange: (c) => i(c.target.value),
-              required: !0
-            }
-          ),
-          /* @__PURE__ */ e(
-            L,
-            {
-              Label: "Alt Text",
-              type: "text",
-              value: s,
-              onChange: (c) => l(c.target.value)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ v(R, { children: [
-          /* @__PURE__ */ e(x, { variant: "secondary", children: "Cancel" }),
-          /* @__PURE__ */ e(x, { onClick: u, disabled: !n, children: "Save" })
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ v(H, {
+    Trigger: /* @__PURE__ */ e("button", {
+      type: "button",
+      className: a.wuContentEditorAction,
+      "data-active": o.isImage,
+      children: /* @__PURE__ */ e(h, { icon: "wm-image" })
+    }),
+    maxWidth: "400px",
+    children: [
+      /* @__PURE__ */ e(z, { style: { display: "none" } }),
+      /* @__PURE__ */ v(D, {
+        className: a.wuContentEditorModal,
+        children: [/* @__PURE__ */ e(F, {
+          Label: "Image URL",
+          type: "url",
+          value: n,
+          onChange: (l) => i(l.target.value),
+          required: !0
+        }), /* @__PURE__ */ e(F, {
+          Label: "Alt Text",
+          type: "text",
+          value: r,
+          onChange: (l) => u(l.target.value)
+        })]
+      }),
+      /* @__PURE__ */ v(R, { children: [/* @__PURE__ */ e(_, {
+        variant: "secondary",
+        children: "Cancel"
+      }), /* @__PURE__ */ e(_, {
+        onClick: c,
+        disabled: !n,
+        children: "Save"
+      })] })
+    ]
+  });
 }, Ot = () => {
-  const { editor: t } = g(), o = p({
+  const { editor: t } = p(), o = f({
     editor: t,
-    selector: (r) => {
-      var d, w;
-      return {
-        isLink: (d = r.editor) == null ? void 0 : d.isActive("link"),
-        linkAttrs: (w = r.editor) == null ? void 0 : w.getAttributes("link")
-      };
-    }
-  }), [n, i] = h.useState(o.linkAttrs.href || ""), [s, l] = h.useState(o.linkAttrs.alt || ""), u = () => {
+    selector: (s) => ({
+      isLink: s.editor?.isActive("link"),
+      linkAttrs: s.editor?.getAttributes("link")
+    })
+  }), [n, i] = m.useState(o.linkAttrs.href || ""), [r, u] = m.useState(o.linkAttrs.alt || ""), c = () => {
     t.chain().focus().insertContent({
       type: "text",
-      text: s || n,
-      marks: [{ type: "link", attrs: { href: n } }]
+      text: r || n,
+      marks: [{
+        type: "link",
+        attrs: { href: n }
+      }]
     }).run();
-  }, c = () => {
-    const { $from: r } = t.state.selection, d = r.parent.textContent, w = r.parentOffset;
-    let k = w, A = w;
-    for (; k > 0 && !/\s/.test(d[k - 1]); )
-      k--;
-    for (; A < d.length && !/\s/.test(d[A]); )
-      A++;
-    const y = r.start(), E = y + k, b = y + A, C = d.slice(k, A);
-    t.commands.setTextSelection({ from: E, to: b }), i(o.linkAttrs.href || ""), l(C || o.linkAttrs.alt || "");
+  }, l = () => {
+    const { $from: s } = t.state.selection, C = s.parent.textContent, k = s.parentOffset;
+    let b = k, w = k;
+    for (; b > 0 && !/\s/.test(C[b - 1]); ) b--;
+    for (; w < C.length && !/\s/.test(C[w]); ) w++;
+    const E = s.start(), A = E + b, y = E + w, g = C.slice(b, w);
+    t.commands.setTextSelection({
+      from: A,
+      to: y
+    }), i(o.linkAttrs.href || ""), u(g || o.linkAttrs.alt || "");
   };
-  return /* @__PURE__ */ v(
-    D,
-    {
-      Trigger: /* @__PURE__ */ e(
-        "button",
-        {
-          className: a.wuContentEditorAction,
-          "data-active": o.isLink,
-          children: /* @__PURE__ */ e(f, { icon: "wm-link" })
-        }
-      ),
-      maxWidth: "400px",
-      onOpenChange: (r) => r && c(),
-      children: [
-        /* @__PURE__ */ e(H, { style: { display: "none" } }),
-        /* @__PURE__ */ v(z, { className: a.wuContentEditorModal, children: [
-          /* @__PURE__ */ e(
-            L,
-            {
-              Label: "Link",
-              type: "url",
-              value: n,
-              onChange: (r) => i(r.target.value),
-              required: !0
-            }
-          ),
-          /* @__PURE__ */ e(
-            L,
-            {
-              Label: "Text to display",
-              type: "text",
-              value: s,
-              onChange: (r) => l(r.target.value)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ v(R, { children: [
-          o.isLink && /* @__PURE__ */ e(
-            x,
-            {
-              color: "error",
-              onClick: () => t.chain().focus().unsetLink().run(),
-              variant: "secondary",
-              children: "Remove"
-            }
-          ),
-          /* @__PURE__ */ e(x, { onClick: u, disabled: !n, children: "Save" })
-        ] })
-      ]
-    }
-  );
-}, Bt = () => {
-  const { editor: t } = g(), o = p({
+  return /* @__PURE__ */ v(H, {
+    Trigger: /* @__PURE__ */ e("button", {
+      type: "button",
+      title: "Link",
+      className: a.wuContentEditorAction,
+      "data-active": o.isLink,
+      children: /* @__PURE__ */ e(h, { icon: "wm-link" })
+    }),
+    maxWidth: "400px",
+    onOpenChange: (s) => s && l(),
+    children: [
+      /* @__PURE__ */ e(z, { style: { display: "none" } }),
+      /* @__PURE__ */ v(D, {
+        className: a.wuContentEditorModal,
+        children: [/* @__PURE__ */ e(F, {
+          Label: "Link",
+          type: "url",
+          value: n,
+          onChange: (s) => i(s.target.value),
+          required: !0
+        }), /* @__PURE__ */ e(F, {
+          Label: "Text to display",
+          type: "text",
+          value: r,
+          onChange: (s) => u(s.target.value)
+        })]
+      }),
+      /* @__PURE__ */ v(R, { children: [o.isLink && /* @__PURE__ */ e(_, {
+        color: "error",
+        onClick: () => t.chain().focus().unsetLink().run(),
+        variant: "secondary",
+        children: "Remove"
+      }), /* @__PURE__ */ e(_, {
+        onClick: c,
+        disabled: !n,
+        children: "Save"
+      })] })
+    ]
+  });
+}, Pt = () => {
+  const { editor: t } = p(), o = f({
     editor: t,
-    selector: (r) => ({
-      isTable: r.editor.isActive("table"),
-      tableAttrs: r.editor.getAttributes("table")
+    selector: (l) => ({
+      isTable: l.editor.isActive("table"),
+      tableAttrs: l.editor.getAttributes("table")
     })
-  }), [n, i] = I(!1), s = Z(null), l = B(() => {
-    s.current = setTimeout(() => {
-      t.chain().focus().insertTable({ rows: 2, cols: 4, withHeaderRow: n }).run();
+  }), [n, i] = N(!1), r = Y(null), u = O(() => {
+    r.current = setTimeout(() => {
+      t.chain().focus().insertTable({
+        rows: 2,
+        cols: 4,
+        withHeaderRow: n
+      }).run();
     }, 100);
-  }, [t, n]), u = B(() => {
-    i((r) => !r), s.current = setTimeout(() => {
+  }, [t, n]), c = O(() => {
+    i((l) => !l), r.current = setTimeout(() => {
       t.chain().focus().toggleHeaderRow().run();
     }, 100);
-  }, [t]), c = [
-    {
-      text: "Column left",
-      icon: "wm-add",
-      event: () => t.chain().focus().addColumnBefore().run()
-    },
-    {
-      text: "Row above",
-      icon: "wm-add",
-      event: () => t.chain().focus().addRowBefore().run()
-    },
-    {
-      text: "Column right",
-      icon: "wm-add",
-      event: () => t.chain().focus().addColumnAfter().run()
-    },
-    {
-      text: "Row below",
-      icon: "wm-add",
-      event: () => t.chain().focus().addRowAfter().run()
-    },
-    {
-      text: "Delete Column",
-      icon: "wm-delete",
-      event: () => t.chain().focus().deleteColumn().run()
-    },
-    {
-      text: "Delete Row",
-      icon: "wm-delete",
-      event: () => t.chain().focus().deleteRow().run()
-    }
-  ];
-  return o.isTable ? /* @__PURE__ */ v(
-    D,
-    {
-      Trigger: /* @__PURE__ */ e(
-        "button",
-        {
-          className: a.wuContentEditorAction,
-          "data-active": o.isTable,
-          children: /* @__PURE__ */ e(f, { icon: "wm-table" })
-        }
-      ),
-      maxWidth: "320px",
-      children: [
-        /* @__PURE__ */ e(H, { style: { display: "none" } }),
-        /* @__PURE__ */ v(z, { className: a.wuContentEditorModal, children: [
-          /* @__PURE__ */ e(
-            ht,
+  }, [t]);
+  return o.isTable ? /* @__PURE__ */ v(H, {
+    Trigger: /* @__PURE__ */ e("button", {
+      type: "button",
+      title: "Table",
+      className: a.wuContentEditorAction,
+      "data-active": o.isTable,
+      children: /* @__PURE__ */ e(h, { icon: "wm-table" })
+    }),
+    maxWidth: "320px",
+    children: [
+      /* @__PURE__ */ e(z, { style: { display: "none" } }),
+      /* @__PURE__ */ v(D, {
+        className: a.wuContentEditorModal,
+        children: [/* @__PURE__ */ e(mt, {
+          checked: n,
+          onClick: c,
+          Label: "Title Row",
+          labelPosition: "left"
+        }), /* @__PURE__ */ e("div", {
+          className: a.wuContentEditorTable,
+          children: [
             {
-              checked: n,
-              onClick: u,
-              Label: "Title Row",
-              labelPosition: "left"
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: a.wuContentEditorTable, children: c.map(({ text: r, icon: d, event: w }) => /* @__PURE__ */ e(
-            q,
+              text: "Column left",
+              icon: "wm-add",
+              event: () => t.chain().focus().addColumnBefore().run()
+            },
             {
-              onClick: w,
-              variant: "secondary",
-              Icon: /* @__PURE__ */ e(f, { icon: d }),
-              children: r
+              text: "Row above",
+              icon: "wm-add",
+              event: () => t.chain().focus().addRowBefore().run()
             },
-            r
-          )) })
-        ] }),
-        /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(
-          x,
-          {
-            onClick: () => t.chain().focus().deleteTable().run(),
-            variant: "outline",
-            color: "error",
-            Icon: /* @__PURE__ */ e("span", { className: "wm-delete" }),
-            iconPosition: "left",
-            children: "Delete Table"
-          }
-        ) })
-      ]
-    }
-  ) : /* @__PURE__ */ e(
-    "button",
-    {
-      onClick: l,
-      className: a.wuContentEditorAction,
-      children: /* @__PURE__ */ e(f, { icon: "wm-table" })
-    }
-  );
-}, Pt = () => {
-  const { editor: t, customFonts: o } = g(), n = p({
+            {
+              text: "Column right",
+              icon: "wm-add",
+              event: () => t.chain().focus().addColumnAfter().run()
+            },
+            {
+              text: "Row below",
+              icon: "wm-add",
+              event: () => t.chain().focus().addRowAfter().run()
+            },
+            {
+              text: "Delete Column",
+              icon: "wm-delete",
+              event: () => t.chain().focus().deleteColumn().run()
+            },
+            {
+              text: "Delete Row",
+              icon: "wm-delete",
+              event: () => t.chain().focus().deleteRow().run()
+            }
+          ].map(({ text: l, icon: s, event: C }) => /* @__PURE__ */ e(q, {
+            onClick: C,
+            variant: "secondary",
+            Icon: /* @__PURE__ */ e(h, { icon: s }),
+            children: l
+          }, l))
+        })]
+      }),
+      /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(_, {
+        onClick: () => t.chain().focus().deleteTable().run(),
+        variant: "outline",
+        color: "error",
+        Icon: /* @__PURE__ */ e("span", { className: "wm-delete" }),
+        iconPosition: "left",
+        children: "Delete Table"
+      }) })
+    ]
+  }) : /* @__PURE__ */ e("button", {
+    type: "button",
+    title: "Table",
+    onClick: u,
+    className: a.wuContentEditorAction,
+    children: /* @__PURE__ */ e(h, { icon: "wm-table" })
+  });
+}, Bt = () => {
+  const { editor: t, customFonts: o } = p(), n = f({
     editor: t,
-    selector: (u) => ({
-      currentFontFamily: u.editor.getAttributes("textStyle").fontFamily || ""
-    })
+    selector: (c) => ({ currentFontFamily: c.editor.getAttributes("textStyle").fontFamily || "" })
   }), i = [
     "Fira Sans",
     "Inter",
@@ -620,81 +518,53 @@ const gt = "_wuContentEditor_1kzbo_8", pt = "_wuContentEditorTable_1kzbo_1", wt
     "JetBrains Mono",
     "Montserrat",
     ...o || []
-  ], [s, l] = I(
-    n.currentFontFamily || i[0]
-  );
-  return h.useEffect(() => {
-    var u;
-    l(
-      ((u = n.currentFontFamily) == null ? void 0 : u.replace(/"/g, "")) || i[0]
-    );
-  }, [n.currentFontFamily]), /* @__PURE__ */ v(j, { children: [
-    /* @__PURE__ */ e(
-      $,
-      {
-        className: a.wuContentEditorAction,
-        "data-active": s !== "Fira Sans",
-        style: { fontFamily: s },
-        title: s || "Font Family",
-        children: s == null ? void 0 : s[0]
-      }
-    ),
-    /* @__PURE__ */ e(
-      K,
-      {
-        align: "start",
-        className: a.wuContentEditorDropdown,
-        "data-block": !0,
-        onCloseAutoFocus: (u) => u.preventDefault(),
-        children: i.map((u) => /* @__PURE__ */ e(
-          U,
-          {
-            title: u,
-            className: a.wuContentEditorDropdownItem,
-            onSelect: () => {
-              t.chain().focus().setFontFamily(u).run(), l(u);
-            },
-            children: u
-          },
-          u
-        ))
-      }
-    )
-  ] });
-}, Wt = () => {
-  const { editor: t } = g(), o = p({
-    editor: t,
-    selector: (n) => {
-      var i;
-      return {
-        italic: (i = n.editor) == null ? void 0 : i.isActive("italic")
-      };
-    }
-  });
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      title: "Italic",
-      className: a.wuContentEditorAction,
-      "data-active": o.italic,
-      onClick: (n) => {
-        n.preventDefault(), t.chain().focus().toggleItalic().run();
+  ], [r, u] = N(n.currentFontFamily || i[0]);
+  return m.useEffect(() => {
+    u(n.currentFontFamily?.replace(/"/g, "") || i[0]);
+  }, [n.currentFontFamily]), /* @__PURE__ */ v(U, { children: [/* @__PURE__ */ e(K, {
+    className: a.wuContentEditorAction,
+    "data-active": r !== "Fira Sans",
+    style: { fontFamily: r },
+    title: r || "Font Family",
+    children: r?.[0]
+  }), /* @__PURE__ */ e(j, {
+    align: "start",
+    className: a.wuContentEditorDropdown,
+    "data-block": !0,
+    onCloseAutoFocus: (c) => c.preventDefault(),
+    children: i.map((c) => /* @__PURE__ */ e($, {
+      title: c,
+      className: a.wuContentEditorDropdownItem,
+      onSelect: () => {
+        t.chain().focus().setFontFamily(c).run(), u(c);
       },
-      children: /* @__PURE__ */ e(f, { icon: "wm-format-italic" })
-    }
-  );
+      children: c
+    }, c))
+  })] });
 }, qt = () => {
-  const { editor: t } = g(), o = p({
+  const { editor: t } = p(), o = f({
     editor: t,
-    selector: (i) => {
-      var s, l, u, c, r, d;
-      return {
-        isUl: (s = i.editor) == null ? void 0 : s.isActive("bulletList"),
-        isOl: (l = i.editor) == null ? void 0 : l.isActive("orderedList"),
-        isTodo: (u = i.editor) == null ? void 0 : u.isActive("taskList"),
-        isList: ((c = i.editor) == null ? void 0 : c.isActive("bulletList")) || ((r = i.editor) == null ? void 0 : r.isActive("orderedList")) || ((d = i.editor) == null ? void 0 : d.isActive("taskList"))
-      };
-    }
+    selector: (n) => ({ italic: n.editor?.isActive("italic") })
+  });
+  return /* @__PURE__ */ e("button", {
+    type: "button",
+    title: "Italic",
+    className: a.wuContentEditorAction,
+    "data-active": o.italic,
+    onClick: (n) => {
+      n.preventDefault(), t.chain().focus().toggleItalic().run();
+    },
+    children: /* @__PURE__ */ e(h, { icon: "wm-format-italic" })
+  });
+}, Ut = () => {
+  const { editor: t } = p(), o = f({
+    editor: t,
+    selector: (i) => ({
+      isUl: i.editor?.isActive("bulletList"),
+      isOl: i.editor?.isActive("orderedList"),
+      isTodo: i.editor?.isActive("taskList"),
+      isList: i.editor?.isActive("bulletList") || i.editor?.isActive("orderedList") || i.editor?.isActive("taskList")
+    })
   }), n = [
     {
       id: "ul",
@@ -718,238 +588,181 @@ const gt = "_wuContentEditor_1kzbo_8", pt = "_wuContentEditorTable_1kzbo_1", wt
       tooltip: "To-Do List"
     }
   ];
-  return /* @__PURE__ */ e(
-    M,
-    {
-      action: {
-        id: "style",
-        active: o.isList,
-        icon: "wm-format-paragraph",
-        items: n
-      }
-    }
-  );
-}, jt = ["e", "E", "+", "-"], P = 1, $t = () => {
-  const { editor: t } = g(), [o, n] = I(16), i = p({
+  return /* @__PURE__ */ e(M, { action: {
+    id: "style",
+    active: o.isList,
+    icon: "wm-format-paragraph",
+    items: n
+  } });
+}, jt = [
+  "e",
+  "E",
+  "+",
+  "-"
+], P = 1, $t = () => {
+  const { editor: t } = p(), [o, n] = N(16), i = f({
     editor: t,
-    selector: (c) => ({
-      fontSize: c.editor.getAttributes("textStyle").fontSize
-    })
-  }), s = (c) => {
-    t.chain().focus().setFontSize(c + "px").run();
-  }, l = (c) => {
-    const r = Math.max(P, c);
-    n(r), s(r);
-  }, u = (c) => {
-    jt.includes(c.key) ? c.preventDefault() : c.key === "Enter" && s(o);
+    selector: (l) => ({ fontSize: l.editor.getAttributes("textStyle").fontSize })
+  }), r = (l) => {
+    t.chain().focus().setFontSize(l + "px").run();
+  }, u = (l) => {
+    const s = Math.max(P, l);
+    n(s), r(s);
+  }, c = (l) => {
+    jt.includes(l.key) ? l.preventDefault() : l.key === "Enter" && r(o);
   };
-  return h.useEffect(() => {
-    var c;
-    n(Number((c = i.fontSize) == null ? void 0 : c.replace("px", "")) || 16);
-  }, [i.fontSize]), /* @__PURE__ */ v("div", { className: a.wuContentEditorFontSize, children: [
-    /* @__PURE__ */ e(
-      "button",
-      {
+  return m.useEffect(() => {
+    n(Number(i.fontSize?.replace("px", "")) || 16);
+  }, [i.fontSize]), /* @__PURE__ */ v("div", {
+    className: a.wuContentEditorFontSize,
+    children: [
+      /* @__PURE__ */ e("button", {
+        type: "button",
         className: a.wuContentEditorAction,
-        onClick: () => l(o - 1),
+        onClick: () => u(o - 1),
         disabled: o <= P,
         children: "−"
-      }
-    ),
-    /* @__PURE__ */ e(
-      "input",
-      {
+      }),
+      /* @__PURE__ */ e("input", {
         type: "number",
         inputMode: "numeric",
         pattern: "[0-9]*",
         value: o,
-        onKeyDown: u,
-        onChange: (c) => n(c.target.valueAsNumber),
-        onBlur: () => s(o)
-      }
-    ),
-    /* @__PURE__ */ e(
-      "button",
-      {
+        onKeyDown: c,
+        onChange: (l) => n(l.target.valueAsNumber),
+        onBlur: () => r(o)
+      }),
+      /* @__PURE__ */ e("button", {
+        type: "button",
         className: a.wuContentEditorAction,
-        onClick: () => l(o + 1),
+        onClick: () => u(o + 1),
         disabled: o >= 128,
         children: "+"
-      }
-    )
-  ] });
+      })
+    ]
+  });
 }, Kt = () => {
-  const { editor: t } = g(), o = p({
+  const { editor: t } = p(), o = f({
     editor: t,
-    selector: (n) => {
-      var i;
-      return {
-        strikethrough: (i = n.editor) == null ? void 0 : i.isActive("strike")
-      };
-    }
+    selector: (n) => ({ strikethrough: n.editor?.isActive("strike") })
   });
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      title: "strikethrough",
-      className: a.wuContentEditorAction,
-      "data-active": o.strikethrough,
-      onClick: (n) => {
-        n.preventDefault(), t.chain().focus().toggleStrike().run();
-      },
-      children: /* @__PURE__ */ e(f, { icon: "wm-format-strikethrough" })
-    }
-  );
-}, Ut = () => {
-  const { editor: t } = g(), o = p({
-    editor: t,
-    selector: (n) => {
-      var i;
-      return {
-        subscript: (i = n.editor) == null ? void 0 : i.isActive("subscript")
-      };
-    }
+  return /* @__PURE__ */ e("button", {
+    type: "button",
+    title: "strikethrough",
+    className: a.wuContentEditorAction,
+    "data-active": o.strikethrough,
+    onClick: (n) => {
+      n.preventDefault(), t.chain().focus().toggleStrike().run();
+    },
+    children: /* @__PURE__ */ e(h, { icon: "wm-format-strikethrough" })
   });
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      title: "Subscript",
-      className: a.wuContentEditorAction,
-      "data-active": o.subscript,
-      onClick: (n) => {
-        n.preventDefault(), t.chain().focus().toggleSubscript().run();
-      },
-      children: /* @__PURE__ */ e(f, { icon: "wm-subscript" })
-    }
-  );
 }, Jt = () => {
-  const { editor: t } = g(), o = p({
+  const { editor: t } = p(), o = f({
     editor: t,
-    selector: (n) => {
-      var i;
-      return {
-        superscript: (i = n.editor) == null ? void 0 : i.isActive("superscript")
-      };
-    }
+    selector: (n) => ({ subscript: n.editor?.isActive("subscript") })
+  });
+  return /* @__PURE__ */ e("button", {
+    type: "button",
+    title: "Subscript",
+    className: a.wuContentEditorAction,
+    "data-active": o.subscript,
+    onClick: (n) => {
+      n.preventDefault(), t.chain().focus().toggleSubscript().run();
+    },
+    children: /* @__PURE__ */ e(h, { icon: "wm-subscript" })
   });
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      title: "Superscript",
-      className: a.wuContentEditorAction,
-      "data-active": o.superscript,
-      onClick: (n) => {
-        n.preventDefault(), t.chain().focus().toggleSuperscript().run();
-      },
-      children: /* @__PURE__ */ e(f, { icon: "wm-superscript" })
-    }
-  );
 }, Gt = () => {
-  const { editor: t } = g(), o = p({
+  const { editor: t } = p(), o = f({
     editor: t,
-    selector: ({ editor: n }) => ({
-      textColor: n.getAttributes("textStyle").color
-    })
+    selector: (n) => ({ superscript: n.editor?.isActive("superscript") })
+  });
+  return /* @__PURE__ */ e("button", {
+    type: "button",
+    title: "Superscript",
+    className: a.wuContentEditorAction,
+    "data-active": o.superscript,
+    onClick: (n) => {
+      n.preventDefault(), t.chain().focus().toggleSuperscript().run();
+    },
+    children: /* @__PURE__ */ e(h, { icon: "wm-superscript" })
   });
-  return /* @__PURE__ */ v(
-    "label",
-    {
-      className: a.wuContentEditorAction,
-      htmlFor: "text-color",
-      title: "Text Color",
-      children: [
-        /* @__PURE__ */ e(
-          f,
-          {
-            icon: "wm-format-color-text",
-            className: a.bgColorCursorPointer,
-            style: { color: o.textColor }
-          }
-        ),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "color",
-            className: a.bgColorHiddenInput,
-            id: "text-color",
-            defaultValue: "#545E6B",
-            onChange: (n) => t.chain().focus().setColor(n.target.value).run()
-          }
-        )
-      ]
-    }
-  );
 }, Vt = () => {
-  const { editor: t } = g(), o = p({
+  const { editor: t } = p(), o = f({
     editor: t,
-    selector: (n) => {
-      var i;
-      return {
-        underline: (i = n.editor) == null ? void 0 : i.isActive("underline")
-      };
-    }
+    selector: ({ editor: n }) => ({ textColor: n.getAttributes("textStyle").color })
+  });
+  return /* @__PURE__ */ v("label", {
+    className: a.wuContentEditorAction,
+    htmlFor: "text-color",
+    title: "Text Color",
+    children: [/* @__PURE__ */ e(h, {
+      icon: "wm-format-color-text",
+      className: a.bgColorCursorPointer,
+      style: { color: o.textColor }
+    }), /* @__PURE__ */ e("input", {
+      type: "color",
+      className: a.bgColorHiddenInput,
+      id: "text-color",
+      defaultValue: "#545E6B",
+      onChange: (n) => t.chain().focus().setColor(n.target.value).run()
+    })]
+  });
+}, Xt = () => {
+  const { editor: t } = p(), o = f({
+    editor: t,
+    selector: (n) => ({ underline: n.editor?.isActive("underline") })
+  });
+  return /* @__PURE__ */ e("button", {
+    type: "button",
+    title: "Underline",
+    className: a.wuContentEditorAction,
+    "data-active": o.underline,
+    onClick: (n) => {
+      n.preventDefault(), t.chain().focus().toggleUnderline().run();
+    },
+    children: /* @__PURE__ */ e(h, { icon: "wm-format-underlined" })
   });
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      title: "Underline",
-      className: a.wuContentEditorAction,
-      "data-active": o.underline,
-      onClick: (n) => {
-        n.preventDefault(), t.chain().focus().toggleUnderline().run();
-      },
-      children: /* @__PURE__ */ e(f, { icon: "wm-format-underlined" })
-    }
-  );
 };
-function Xt() {
-  const { isHtml: t, setIsHtml: o } = g();
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      title: "HTML source",
-      className: a.wuContentEditorAction,
-      "data-active": t,
-      onClick: (n) => {
-        n.preventDefault(), o(!t);
-      },
-      children: /* @__PURE__ */ e(f, { icon: "wm-html" })
-    }
-  );
+function Yt() {
+  const { isHtml: t, setIsHtml: o } = p();
+  return /* @__PURE__ */ e("button", {
+    type: "button",
+    title: "HTML source",
+    className: a.wuContentEditorAction,
+    "data-active": t,
+    onClick: (n) => {
+      n.preventDefault(), o(!t);
+    },
+    children: /* @__PURE__ */ e(h, { icon: "wm-html" })
+  });
 }
-const W = {
-  block: /* @__PURE__ */ e(It, {}),
-  fontFamily: /* @__PURE__ */ e(Pt, {}),
+var B = {
+  block: /* @__PURE__ */ e(Ht, {}),
+  fontFamily: /* @__PURE__ */ e(Bt, {}),
   fontSize: /* @__PURE__ */ e($t, {}),
-  bold: /* @__PURE__ */ e(Ht, {}),
-  italic: /* @__PURE__ */ e(Wt, {}),
-  underline: /* @__PURE__ */ e(Vt, {}),
+  bold: /* @__PURE__ */ e(Rt, {}),
+  italic: /* @__PURE__ */ e(qt, {}),
+  underline: /* @__PURE__ */ e(Xt, {}),
   strike: /* @__PURE__ */ e(Kt, {}),
-  color: /* @__PURE__ */ e(Gt, {}),
+  color: /* @__PURE__ */ e(Vt, {}),
   bgColor: /* @__PURE__ */ e(Nt, {}),
-  list: /* @__PURE__ */ e(qt, {}),
-  alignment: /* @__PURE__ */ e(_t, {}),
-  image: /* @__PURE__ */ e(Mt, {}),
+  list: /* @__PURE__ */ e(Ut, {}),
+  alignment: /* @__PURE__ */ e(It, {}),
+  image: /* @__PURE__ */ e(Wt, {}),
   link: /* @__PURE__ */ e(Ot, {}),
-  table: /* @__PURE__ */ e(Bt, {}),
+  table: /* @__PURE__ */ e(Pt, {}),
   blockquote: /* @__PURE__ */ e(Dt, {}),
-  superscript: /* @__PURE__ */ e(Jt, {}),
-  subscript: /* @__PURE__ */ e(Ut, {}),
-  codeline: /* @__PURE__ */ e(Rt, {}),
+  superscript: /* @__PURE__ */ e(Gt, {}),
+  subscript: /* @__PURE__ */ e(Jt, {}),
+  codeline: /* @__PURE__ */ e(Mt, {}),
   clear: /* @__PURE__ */ e(zt, {}),
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  "|": /* @__PURE__ */ e(
-    "div",
-    {
-      style: {
-        height: 16,
-        width: 1,
-        background: "rgb(var(--wu-gray-40))"
-      }
-    }
-  ),
-  html: /* @__PURE__ */ e(Xt, {})
-}, Yt = [
+  "|": /* @__PURE__ */ e("div", { style: {
+    height: 16,
+    width: 1,
+    background: "rgb(var(--wu-gray-40))"
+  } }),
+  html: /* @__PURE__ */ e(Yt, {})
+}, Zt = [
   "block",
   "fontFamily",
   "|",
@@ -977,31 +790,26 @@ const W = {
   "|",
   "html",
   "clear"
-], Zt = (t) => {
-  const {
-    editor: o,
-    customFonts: n,
-    children: i,
-    items: s = Yt,
-    isHtml: l,
-    setIsHtml: u,
-    ...c
-  } = t;
-  return /* @__PURE__ */ e("div", { ...c, children: /* @__PURE__ */ v(
-    Lt,
-    {
+], Qt = (t) => {
+  const { editor: o, customFonts: n, children: i, items: r = Zt, isHtml: u, setIsHtml: c, ...l } = t;
+  return /* @__PURE__ */ e("div", {
+    ...l,
+    children: /* @__PURE__ */ v(Lt, {
       editor: o,
       customFonts: n,
-      isHtml: l,
-      setIsHtml: u,
-      children: [
-        s.map((r, d) => /* @__PURE__ */ e(F, { children: l && r !== "html" ? /* @__PURE__ */ e("span", { style: { pointerEvents: "none", opacity: 0.4 }, children: W[r] }) : W[r] }, r + d)),
-        i
-      ]
-    }
-  ) });
-}, O = ft();
-O.setConfig({
+      isHtml: u,
+      setIsHtml: c,
+      children: [r.map((s, C) => /* @__PURE__ */ e(x, { children: u && s !== "html" ? /* @__PURE__ */ e("span", {
+        style: {
+          pointerEvents: "none",
+          opacity: 0.4
+        },
+        children: B[s]
+      }) : B[s] }, s + C)), i]
+    })
+  });
+}, W = ht();
+W.setConfig({
   USE_PROFILES: { html: !0 },
   ALLOWED_TAGS: [
     "div",
@@ -1053,176 +861,134 @@ O.setConfig({
   ],
   ALLOW_DATA_ATTR: !0
 });
-O.addHook("uponSanitizeAttribute", (t, o) => {
+W.addHook("uponSanitizeAttribute", (t, o) => {
   if (o.attrName === "style") {
     const n = o.attrValue.toLowerCase();
     (n.includes("expression") || n.includes("javascript:") || n.includes("url(")) && (o.keepAttr = !1);
   }
 });
 function S(t) {
-  return t ? O.sanitize(t) : "";
+  return t ? W.sanitize(t) : "";
 }
-let N = null;
-function Qt() {
-  return N || (N = import("shiki").then(
-    ({ createHighlighter: t }) => t({
-      themes: ["github-light"],
-      langs: ["html"]
-    })
-  )), N;
+var I = null;
+function te() {
+  return I || (I = import("shiki").then(({ createHighlighter: t }) => t({
+    themes: ["github-light"],
+    langs: ["html"]
+  }))), I;
 }
-function te({
-  defaultValue: t,
-  onUpdate: o,
-  readonly: n
-}) {
-  const [i, s] = h.useState(t || ""), [l, u] = h.useState(""), [c, r] = h.useState(!1), [d, w] = h.useState(!1), k = h.useRef(!1), A = h.useCallback(
-    async (C) => {
-      try {
-        const [{ format: m }, { default: T }] = await Promise.all([
-          import("../../standalone-uA6N_bR1.js"),
-          import("../../html-asrO2y6j.js")
-        ]), _ = await m(C, {
-          parser: "html",
-          plugins: [T],
-          htmlWhitespaceSensitivity: "css",
-          printWidth: 80
-        });
-        return r(!1), _;
-      } catch (m) {
-        return console.error("Format error:", m), r(!0), C;
-      }
-    },
-    []
-  ), y = h.useCallback((C) => {
-    Qt().then((m) => {
-      const T = m.codeToHtml(C || " ", {
+function ee({ defaultValue: t, onUpdate: o, readonly: n }) {
+  const [i, r] = m.useState(t || ""), [u, c] = m.useState(""), [l, s] = m.useState(!1), [C, k] = m.useState(!1), b = m.useRef(!1), w = m.useCallback(async (g) => {
+    try {
+      const [{ format: d }, { default: T }] = await Promise.all([import("../../standalone-DSxjHhed.js"), import("../../html-Ccb8eKR4.js")]), L = await d(g, {
+        parser: "html",
+        plugins: [T],
+        htmlWhitespaceSensitivity: "css",
+        printWidth: 80
+      });
+      return s(!1), L;
+    } catch (d) {
+      return console.error("Format error:", d), s(!0), g;
+    }
+  }, []), E = m.useCallback((g) => {
+    te().then((d) => {
+      c(d.codeToHtml(g || " ", {
         lang: "html",
         theme: "github-light"
-      });
-      u(T);
-    }).catch((m) => console.error("Highlight error:", m));
+      }));
+    }).catch((d) => console.error("Highlight error:", d));
   }, []);
-  h.useEffect(() => {
-    y(i), o == null || o(S(i));
-  }, [i, y, o]), h.useEffect(() => {
-    k.current || !t || (k.current = !0, A(t).then(s));
-  }, [t, A]);
-  const E = async (C) => {
-    C.preventDefault(), w(!0);
-    const m = await A(i);
-    s(m), w(!1);
-  }, b = (C) => {
-    if (C.key === "Tab") {
-      C.preventDefault();
-      const m = C.currentTarget, T = m.selectionStart, _ = m.selectionEnd, G = i.substring(0, T) + "  " + i.substring(_);
-      s(G), requestAnimationFrame(() => {
-        m.selectionStart = T + 2, m.selectionEnd = T + 2;
+  m.useEffect(() => {
+    E(i), o?.(S(i));
+  }, [
+    i,
+    E,
+    o
+  ]), m.useEffect(() => {
+    b.current || !t || (b.current = !0, w(t).then(r));
+  }, [t, w]);
+  const A = async (g) => {
+    g.preventDefault(), k(!0), r(await w(i)), k(!1);
+  }, y = (g) => {
+    if (g.key === "Tab") {
+      g.preventDefault();
+      const d = g.currentTarget, T = d.selectionStart, L = d.selectionEnd;
+      r(i.substring(0, T) + "  " + i.substring(L)), requestAnimationFrame(() => {
+        d.selectionStart = T + 2, d.selectionEnd = T + 2;
       });
     }
   };
-  return /* @__PURE__ */ e(F, { children: d ? /* @__PURE__ */ e(F, { children: "Formatting..." }) : /* @__PURE__ */ e("div", { className: a.wuContentEditor, children: /* @__PURE__ */ v("div", { className: a.wuCodeEditor, children: [
-    /* @__PURE__ */ e(
-      q,
-      {
-        variant: "iconOnly",
-        Icon: /* @__PURE__ */ e(f, { icon: "wm-data-object" }),
-        onClick: E,
-        className: a.wuFormatCode,
-        style: { color: c ? "red" : "" }
-      }
-    ),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        dangerouslySetInnerHTML: { __html: l },
-        className: a.wuCodeEditorPreview
-      }
-    ),
-    /* @__PURE__ */ e(
-      "textarea",
-      {
-        value: i,
-        onChange: (C) => s(C.target.value),
-        onKeyDown: b,
-        className: a.wuCodeEditorInput,
-        disabled: n
-      }
-    )
-  ] }) }) });
+  return /* @__PURE__ */ e(x, { children: C ? /* @__PURE__ */ e(x, { children: "Formatting..." }) : /* @__PURE__ */ e("div", {
+    className: a.wuContentEditor,
+    children: /* @__PURE__ */ v("div", {
+      className: a.wuCodeEditor,
+      children: [
+        /* @__PURE__ */ e(q, {
+          variant: "iconOnly",
+          Icon: /* @__PURE__ */ e(h, { icon: "wm-data-object" }),
+          onClick: A,
+          className: a.wuFormatCode,
+          style: { color: l ? "red" : "" }
+        }),
+        /* @__PURE__ */ e("div", {
+          dangerouslySetInnerHTML: { __html: u },
+          className: a.wuCodeEditorPreview
+        }),
+        /* @__PURE__ */ e("textarea", {
+          value: i,
+          onChange: (g) => r(g.target.value),
+          onKeyDown: y,
+          className: a.wuCodeEditorInput,
+          disabled: n
+        })
+      ]
+    })
+  }) });
 }
-function pe({
-  defaultValue: t,
-  onUpdate: o,
-  className: n,
-  toolbarPosition: i = "top",
-  customToolbarChildren: s,
-  toolbarItems: l,
-  hideToolbar: u,
-  readonly: c,
-  customFonts: r,
-  isHtml: d,
-  setIsHtml: w,
-  ...k
-}) {
-  const [A, y] = h.useState(d ?? !1), E = h.useRef(t || ""), b = V({
-    editable: !c,
+function ve({ defaultValue: t, onUpdate: o, className: n, toolbarPosition: i = "top", customToolbarChildren: r, toolbarItems: u, hideToolbar: c, readonly: l, customFonts: s, isHtml: C, setIsHtml: k, ...b }) {
+  const [w, E] = m.useState(C ?? !1), A = m.useRef(t || ""), y = V({
+    editable: !l,
     extensions: Ft,
     content: S(t || ""),
-    onUpdate: ({ editor: m }) => {
-      o && o(S(m.getHTML()));
+    onUpdate: ({ editor: d }) => {
+      o && o(S(d.getHTML()));
     }
-  }), C = (m) => {
-    m ? E.current = (b == null ? void 0 : b.getHTML()) ?? "" : b == null || b.commands.setContent(S(E.current)), o && o(S(E.current)), y(m), w == null || w(m);
+  }), g = (d) => {
+    d ? A.current = y?.getHTML() ?? "" : y?.commands.setContent(S(A.current)), o && o(S(A.current)), E(d), k?.(d);
   };
-  return /* @__PURE__ */ v(
-    "div",
-    {
-      className: Y(a.wuContentEditorContainer, n),
+  return /* @__PURE__ */ v("div", {
+    className: X(a.wuContentEditorContainer, n),
+    "data-position": i,
+    "data-slot": "wu-content-editor-container",
+    onClick: () => {
+      w || y?.chain().focus().run();
+    },
+    ...b,
+    children: [!c && /* @__PURE__ */ e(Qt, {
+      editor: y,
+      customFonts: s,
+      className: a.wuContentEditorToolbar,
+      items: u,
+      isHtml: w,
+      setIsHtml: g,
+      "data-slot": "wu-content-editor-toolbar",
       "data-position": i,
-      "data-slot": "wu-content-editor-container",
-      onClick: () => {
-        A || b == null || b.chain().focus().run();
+      children: r
+    }), w ? /* @__PURE__ */ e(ee, {
+      defaultValue: A.current,
+      onUpdate: (d) => {
+        A.current = d ?? "", o && o(d ?? "");
       },
-      ...k,
-      children: [
-        !u && /* @__PURE__ */ e(
-          Zt,
-          {
-            editor: b,
-            customFonts: r,
-            className: a.wuContentEditorToolbar,
-            items: l,
-            isHtml: A,
-            setIsHtml: C,
-            "data-slot": "wu-content-editor-toolbar",
-            "data-position": i,
-            children: s
-          }
-        ),
-        A ? /* @__PURE__ */ e(
-          te,
-          {
-            defaultValue: E.current,
-            onUpdate: (m) => {
-              E.current = m ?? "", o && o(m ?? "");
-            },
-            "data-position": i,
-            "data-slot": "wu-content-editor",
-            readonly: c
-          }
-        ) : /* @__PURE__ */ e(
-          X,
-          {
-            editor: b,
-            className: a.wuContentEditor,
-            "data-slot": "wu-content-editor"
-          }
-        )
-      ]
-    }
-  );
+      "data-position": i,
+      "data-slot": "wu-content-editor",
+      readonly: l
+    }) : /* @__PURE__ */ e(G, {
+      editor: y,
+      className: a.wuContentEditor,
+      "data-slot": "wu-content-editor"
+    })]
+  });
 }
 export {
-  pe as WuContentEditor
+  ve as WuContentEditor
 };