@npm-questionpro/wick-ui-editor 2.10.0 → 2.12.0

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

@@ -1,200 +1,209 @@
-import { A as j, C as K, D as ue, E as fe, M as ve, O as he, S as pe, T as J, _ as Q, a as X, b as ge, c as me, d as be, f as Ce, g as Y, h as Z, i as G, j as ke, k as _e, l as V, m as D, n as L, o as ee, r as te, s as Ae, t as R, u as we, v as oe, w as ie, x as ye, y as Ie } from "../../sanitize-BZ0U7q7z.js";
-import { EditorContent as Te, useEditor as Se, useEditorState as g } from "@tiptap/react";
-import u, { useCallback as B, useRef as xe, useState as O } from "react";
-import Fe from "@tiptap/extension-image";
-import { TaskItem as He, TaskList as Le } from "@tiptap/extension-list";
+import { A as fe, C as j, D as ve, E as pe, O as ge, S as K, T as me, _ as Z, a as J, b as be, c as Y, d as Ce, g as G, h as Q, i as X, j as ae, k as V, l as ke, m as ee, n as L, o as te, p as P, r as oe, s as _e, t as R, u as we, v as Ae, w as re, x as Te, y as ye } from "../../sanitize-BBFSRhAk.js";
+import { EditorContent as Ie, useEditor as Se, useEditorState as g } from "@tiptap/react";
+import u, { useCallback as B, useRef as xe, useState as M } from "react";
+import He from "@tiptap/extension-image";
+import { TaskItem as Fe, TaskList as Le } from "@tiptap/extension-list";
 import Re from "@tiptap/extension-subscript";
 import Ee from "@tiptap/extension-superscript";
-import { TableKit as Ne } from "@tiptap/extension-table";
-import ze from "@tiptap/extension-text-align";
-import { BackgroundColor as De, Color as Be, FontFamily as Pe, FontSize as Me, LineHeight as Oe, TextStyle as $e } from "@tiptap/extension-text-style";
-import qe from "@tiptap/starter-kit";
-import { Fragment as N, jsx as e, jsxs as p } from "react/jsx-runtime";
-import { Menu as w } from "@base-ui/react/menu";
-import { Dialog as y } from "@base-ui/react/dialog";
-import { Switch as re } from "@base-ui/react/switch";
+import { TableKit as ze } from "@tiptap/extension-table";
+import Ne from "@tiptap/extension-text-align";
+import { BackgroundColor as Pe, Color as Be, FontFamily as De, FontSize as qe, LineHeight as Me, TextStyle as Oe } from "@tiptap/extension-text-style";
+import $e from "@tiptap/starter-kit";
+import { Fragment as z, jsx as e, jsxs as p } from "react/jsx-runtime";
+import { Menu as A } from "@base-ui/react/menu";
+import { Dialog as T } from "@base-ui/react/dialog";
+import { Switch as ie } from "@base-ui/react/switch";
 var Ue = [
-  qe.configure({ link: {
+  $e.configure({ link: {
     openOnClick: !1,
     autolink: !0,
     defaultProtocol: "https",
     protocols: ["http", "https"],
     isAllowedUri: (o, t) => {
       try {
-        const i = o.includes(":") ? new URL(o) : new URL(`${t.defaultProtocol}://${o}`);
-        if (!t.defaultValidate(i.href)) return !1;
-        const r = [
+        const r = o.includes(":") ? new URL(o) : new URL(`${t.defaultProtocol}://${o}`);
+        if (!t.defaultValidate(r.href)) return !1;
+        const i = [
           "ftp",
           "file",
           "mailto"
-        ], n = i.protocol.replace(":", "");
-        if (r.includes(n) || !t.protocols.map((d) => typeof d == "string" ? d : d.scheme).includes(n)) return !1;
-        const s = ["example-phishing.com", "malicious-site.net"], l = i.hostname;
-        return !s.includes(l);
+        ], n = r.protocol.replace(":", "");
+        if (i.includes(n) || !t.protocols.map((c) => typeof c == "string" ? c : c.scheme).includes(n)) return !1;
+        const l = ["example-phishing.com", "malicious-site.net"], a = r.hostname;
+        return !l.includes(a);
       } catch {
         return !1;
       }
     },
     shouldAutoLink: (o) => {
       try {
-        const t = o.includes(":") ? new URL(o) : new URL(`https://${o}`), i = ["example-no-autolink.com", "another-no-autolink.com"], r = t.hostname;
-        return !i.includes(r);
+        const t = o.includes(":") ? new URL(o) : new URL(`https://${o}`), r = ["example-no-autolink.com", "another-no-autolink.com"], i = t.hostname;
+        return !r.includes(i);
       } catch {
         return !1;
       }
     }
   } }),
-  ze.configure({ types: ["heading", "paragraph"] }),
-  Ee,
-  Re,
-  $e,
+  Ne.configure({ types: [
+    "heading",
+    "paragraph",
+    "listItem",
+    "taskItem"
+  ] }),
+  Ee.extend({ excludes: "subscript" }),
+  Re.extend({ excludes: "superscript" }),
+  Oe,
   Be,
-  De,
+  Pe,
   Le,
-  He,
-  Oe,
+  Fe,
   Me,
-  Pe,
-  Fe.configure({
+  qe,
+  De,
+  He.configure({
     resize: {
       enabled: !0,
       alwaysPreserveAspectRatio: !0
     },
     inline: !0
   }),
-  Ne.configure({ table: { resizable: !0 } })
-], $ = u.createContext(null), We = ({ editor: o, children: t, customFonts: i, defaultValues: r, isHtml: n, setIsHtml: s, htmlSourceEnabled: l }) => /* @__PURE__ */ e($.Provider, {
+  ze.configure({ table: { resizable: !0 } })
+], O = u.createContext(null), We = ({ editor: o, children: t, customFonts: r, defaultValues: i, isHtml: n, setIsHtml: l, htmlSourceEnabled: a }) => /* @__PURE__ */ e(O.Provider, {
   value: {
     editor: o,
-    customFonts: i,
-    defaultValues: r,
+    customFonts: r,
+    defaultValues: i,
     isHtml: n,
-    setIsHtml: s,
-    htmlSourceEnabled: l
+    setIsHtml: l,
+    htmlSourceEnabled: a
   },
   children: t
-}), v = () => {
-  const o = u.useContext($);
+}), f = () => {
+  const o = u.useContext(O);
   if (!o) throw new Error("useToolbar must be used within a ToolbarProvider");
   return o;
-}, je = "_dropdown_sx3z9_1", Ke = "_dropdownItem_sx3z9_17", Je = "_dropdownPositioner_sx3z9_29", q = {
+}, je = "_dropdown_sx3z9_1", Ke = "_dropdownItem_sx3z9_17", Ze = "_dropdownPositioner_sx3z9_29", $ = {
   dropdown: je,
   dropdownItem: Ke,
-  dropdownPositioner: Je
-}, Qe = "_item_wqnwe_1", Xe = { item: Qe }, f = u.forwardRef(function({ Icon: t, children: i, ...r }, n) {
-  return /* @__PURE__ */ p("button", {
-    ref: n,
-    ...r,
-    className: Xe.item,
-    children: [
-      t,
-      " ",
-      i
-    ]
+  dropdownPositioner: Ze
+}, Je = "_item_wqnwe_1", Ye = { item: Je }, h = u.forwardRef(function({ Icon: t, children: r, title: i, ...n }, l) {
+  return /* @__PURE__ */ e(ae, {
+    content: i,
+    children: /* @__PURE__ */ p("button", {
+      ref: l,
+      "aria-label": i,
+      ...n,
+      className: Ye.item,
+      children: [
+        t,
+        " ",
+        r
+      ]
+    })
   });
-}), ae = u.forwardRef(({ children: o, ...t }, i) => /* @__PURE__ */ e("div", {
-  ref: i,
-  className: q.dropdown,
+}), se = u.forwardRef(({ children: o, ...t }, r) => /* @__PURE__ */ e("div", {
+  ref: r,
+  className: $.dropdown,
   ...t,
   children: o
 }));
-ae.displayName = "DropdownPopup";
-var se = u.forwardRef(({ children: o, ...t }, i) => /* @__PURE__ */ e("div", {
-  ref: i,
-  className: q.dropdownItem,
+se.displayName = "DropdownPopup";
+var ce = u.forwardRef(({ children: o, ...t }, r) => /* @__PURE__ */ e("div", {
+  ref: r,
+  className: $.dropdownItem,
   ...t,
   children: o
 }));
-se.displayName = "DropdownItem";
-function z({ trigger: o, triggerTitle: t, active: i, items: r, align: n = "start", direction: s = "inline" }) {
-  return /* @__PURE__ */ p(w.Root, { children: [/* @__PURE__ */ e(w.Trigger, {
-    render: /* @__PURE__ */ e(f, {}),
-    "data-active": i,
+ce.displayName = "DropdownItem";
+function N({ trigger: o, triggerTitle: t, active: r, items: i, align: n = "start", direction: l = "inline" }) {
+  return /* @__PURE__ */ p(A.Root, { children: [/* @__PURE__ */ e(A.Trigger, {
+    render: /* @__PURE__ */ e(h, {}),
+    "data-active": r,
     title: t,
     children: o
-  }), /* @__PURE__ */ e(w.Portal, { children: /* @__PURE__ */ e(w.Positioner, {
+  }), /* @__PURE__ */ e(A.Portal, { children: /* @__PURE__ */ e(A.Positioner, {
     align: n,
     sideOffset: 4,
-    className: q.dropdownPositioner,
-    children: /* @__PURE__ */ e(w.Popup, {
-      render: /* @__PURE__ */ e(ae, {}),
-      "data-inline": s === "inline" ? !0 : void 0,
-      "data-block": s === "block" ? !0 : void 0,
+    className: $.dropdownPositioner,
+    children: /* @__PURE__ */ e(A.Popup, {
+      render: /* @__PURE__ */ e(se, {}),
+      "data-inline": l === "inline" ? !0 : void 0,
+      "data-block": l === "block" ? !0 : void 0,
       finalFocus: !1,
-      children: r.map((l) => s === "block" ? /* @__PURE__ */ e(w.Item, {
-        render: /* @__PURE__ */ e(se, {}),
-        title: l.tooltip,
-        "data-active": l.active,
-        style: l.style,
-        onClick: l.event,
-        children: l.icon ?? l.label
-      }, l.id) : /* @__PURE__ */ e(w.Item, {
-        render: /* @__PURE__ */ e(f, {}),
-        "data-active": l.active,
-        title: l.tooltip,
-        onClick: l.event,
-        children: l.icon ?? l.label
-      }, l.id))
+      children: i.map((a) => l === "block" ? /* @__PURE__ */ e(A.Item, {
+        render: /* @__PURE__ */ e(ce, {}),
+        title: a.tooltip,
+        "data-active": a.active,
+        style: a.style,
+        onClick: a.event,
+        children: a.icon ?? a.label
+      }, a.id) : /* @__PURE__ */ e(A.Item, {
+        render: /* @__PURE__ */ e(h, {}),
+        "data-active": a.active,
+        title: a.tooltip,
+        onClick: a.event,
+        children: a.icon ?? a.label
+      }, a.id))
     })
   }) })] });
 }
-var Ye = () => {
-  const { editor: o } = v(), t = g({
+var Ge = () => {
+  const { editor: o } = f(), t = g({
     editor: o,
-    selector: (r) => ({
-      isParagraph: r.editor?.isActive("paragraph"),
-      isH1: r.editor?.isActive("heading", { level: 1 }),
-      isH2: r.editor?.isActive("heading", { level: 2 }),
-      isH3: r.editor?.isActive("heading", { level: 3 }),
-      isH4: r.editor?.isActive("heading", { level: 4 }),
-      isHeading: r.editor?.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 }),
+      isHeading: i.editor?.isActive("heading")
     })
-  }), i = [
+  }), r = [
     {
       id: "paragraph",
-      icon: /* @__PURE__ */ e(J, {}),
+      icon: /* @__PURE__ */ e(re, {}),
       event: () => o.chain().focus().setParagraph().run(),
       tooltip: "Paragraph",
       active: t.isParagraph
     },
     {
       id: "h1",
-      icon: /* @__PURE__ */ e(Z, {}),
+      icon: /* @__PURE__ */ e(ee, {}),
       event: () => o.chain().focus().setHeading({ level: 1 }).run(),
       tooltip: "Heading 1",
       active: t.isH1
     },
     {
       id: "h2",
-      icon: /* @__PURE__ */ e(Y, {}),
+      icon: /* @__PURE__ */ e(Q, {}),
       event: () => o.chain().focus().setHeading({ level: 2 }).run(),
       tooltip: "Heading 2",
       active: t.isH2
     },
     {
       id: "h3",
-      icon: /* @__PURE__ */ e(Q, {}),
+      icon: /* @__PURE__ */ e(G, {}),
       event: () => o.chain().focus().setHeading({ level: 3 }).run(),
       tooltip: "Heading 3",
       active: t.isH3
     },
     {
       id: "h4",
-      icon: /* @__PURE__ */ e(oe, {}),
+      icon: /* @__PURE__ */ e(Z, {}),
       event: () => o.chain().focus().setHeading({ level: 4 }).run(),
       tooltip: "Heading 4",
       active: t.isH4
     }
   ];
-  return /* @__PURE__ */ e(z, {
-    trigger: t.isH1 ? /* @__PURE__ */ e(Z, {}) : t.isH2 ? /* @__PURE__ */ e(Y, {}) : t.isH3 ? /* @__PURE__ */ e(Q, {}) : t.isH4 ? /* @__PURE__ */ e(oe, {}) : /* @__PURE__ */ e(J, {}),
+  return /* @__PURE__ */ e(N, {
+    trigger: t.isH1 ? /* @__PURE__ */ e(ee, {}) : t.isH2 ? /* @__PURE__ */ e(Q, {}) : t.isH3 ? /* @__PURE__ */ e(G, {}) : t.isH4 ? /* @__PURE__ */ e(Z, {}) : /* @__PURE__ */ e(re, {}),
     triggerTitle: "Block Style",
     active: t.isHeading,
-    items: i
+    items: r
   });
-}, Ze = () => {
-  const { editor: o } = v();
-  return /* @__PURE__ */ e(f, {
+}, Qe = () => {
+  const { editor: o } = f();
+  return /* @__PURE__ */ e(h, {
     title: "Bold",
     "data-active": g({
       editor: o,
@@ -203,25 +212,25 @@ var Ye = () => {
     onClick: (t) => {
       t.preventDefault(), o.chain().focus().toggleBold().run();
     },
-    children: /* @__PURE__ */ e(me, {})
+    children: /* @__PURE__ */ e(_e, {})
   });
-}, Ge = () => {
-  const { editor: o } = v();
-  return /* @__PURE__ */ e(N, { children: [{
+}, Xe = () => {
+  const { editor: o } = f();
+  return /* @__PURE__ */ e(z, { children: [{
     id: "clear",
-    icon: /* @__PURE__ */ e(we, {}),
+    icon: /* @__PURE__ */ e(ke, {}),
     event: () => o.chain().focus().clearNodes().unsetAllMarks().run(),
     tooltip: "Clear Formatting"
-  }].map((t) => /* @__PURE__ */ e(f, {
+  }].map((t) => /* @__PURE__ */ e(h, {
     title: t.tooltip,
-    onClick: (i) => {
-      i.preventDefault(), t.event();
+    onClick: (r) => {
+      r.preventDefault(), t.event();
     },
     children: t.icon
   }, t.id)) });
 }, Ve = () => {
-  const { editor: o } = v();
-  return /* @__PURE__ */ e(f, {
+  const { editor: o } = f();
+  return /* @__PURE__ */ e(h, {
     "data-active": g({
       editor: o,
       selector: (t) => ({ code: t.editor.isActive("code") })
@@ -233,8 +242,8 @@ var Ye = () => {
     children: /* @__PURE__ */ e(Ce, {})
   });
 }, et = () => {
-  const { editor: o } = v();
-  return /* @__PURE__ */ e(f, {
+  const { editor: o } = f();
+  return /* @__PURE__ */ e(h, {
     title: "Italic",
     "data-active": g({
       editor: o,
@@ -243,18 +252,18 @@ var Ye = () => {
     onClick: (t) => {
       t.preventDefault(), o.chain().focus().toggleItalic().run();
     },
-    children: /* @__PURE__ */ e(ye, {})
+    children: /* @__PURE__ */ e(be, {})
   });
 }, tt = () => {
-  const { editor: o } = v(), t = g({
+  const { editor: o } = f(), t = g({
     editor: o,
-    selector: (r) => ({
-      isUl: r.editor?.isActive("bulletList"),
-      isOl: r.editor?.isActive("orderedList"),
-      isTodo: r.editor?.isActive("taskList"),
-      isList: r.editor?.isActive("bulletList") || r.editor?.isActive("orderedList") || r.editor?.isActive("taskList")
+    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")
     })
-  }), i = [
+  }), r = [
     {
       id: "ul",
       icon: /* @__PURE__ */ e(K, {}),
@@ -264,28 +273,28 @@ var Ye = () => {
     },
     {
       id: "ol",
-      icon: /* @__PURE__ */ e(ie, {}),
+      icon: /* @__PURE__ */ e(j, {}),
       event: () => o.chain().focus().toggleOrderedList().run(),
       tooltip: "Numbered List",
       active: t.isOl
     },
     {
       id: "todo",
-      icon: /* @__PURE__ */ e(V, {}),
+      icon: /* @__PURE__ */ e(Y, {}),
       event: () => o.chain().focus().toggleTaskList().run(),
       tooltip: "To-Do List",
       active: t.isTodo
     }
   ];
-  return /* @__PURE__ */ e(z, {
-    trigger: t.isOl ? /* @__PURE__ */ e(ie, {}) : t.isTodo ? /* @__PURE__ */ e(V, {}) : /* @__PURE__ */ e(K, {}),
+  return /* @__PURE__ */ e(N, {
+    trigger: t.isOl ? /* @__PURE__ */ e(j, {}) : t.isTodo ? /* @__PURE__ */ e(Y, {}) : /* @__PURE__ */ e(K, {}),
     triggerTitle: "List Style",
     active: t.isList,
-    items: i
+    items: r
   });
 }, ot = () => {
-  const { editor: o } = v();
-  return /* @__PURE__ */ e(f, {
+  const { editor: o } = f();
+  return /* @__PURE__ */ e(h, {
     title: "strikethrough",
     "data-active": g({
       editor: o,
@@ -294,11 +303,11 @@ var Ye = () => {
     onClick: (t) => {
       t.preventDefault(), o.chain().focus().toggleStrike().run();
     },
-    children: /* @__PURE__ */ e(ue, {})
+    children: /* @__PURE__ */ e(pe, {})
   });
-}, it = () => {
-  const { editor: o } = v();
-  return /* @__PURE__ */ e(f, {
+}, rt = () => {
+  const { editor: o } = f();
+  return /* @__PURE__ */ e(h, {
     title: "Subscript",
     "data-active": g({
       editor: o,
@@ -307,11 +316,11 @@ var Ye = () => {
     onClick: (t) => {
       t.preventDefault(), o.chain().focus().toggleSubscript().run();
     },
-    children: /* @__PURE__ */ e(he, {})
+    children: /* @__PURE__ */ e(ve, {})
   });
-}, rt = () => {
-  const { editor: o } = v();
-  return /* @__PURE__ */ e(f, {
+}, it = () => {
+  const { editor: o } = f();
+  return /* @__PURE__ */ e(h, {
     title: "Superscript",
     "data-active": g({
       editor: o,
@@ -320,26 +329,45 @@ var Ye = () => {
     onClick: (t) => {
       t.preventDefault(), o.chain().focus().toggleSuperscript().run();
     },
-    children: /* @__PURE__ */ e(_e, {})
+    children: /* @__PURE__ */ e(ge, {})
   });
-}, nt = () => {
-  const { editor: o, defaultValues: t } = v(), i = g({
+}, de = ({ glyphPath: o, barPath: t, barColor: r, ...i }) => /* @__PURE__ */ p("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 -960 960 960",
+  width: "1em",
+  height: "1em",
+  "aria-hidden": "true",
+  focusable: "false",
+  ...i,
+  children: [/* @__PURE__ */ e("path", {
+    d: o,
+    fill: "currentColor"
+  }), /* @__PURE__ */ e("path", {
+    d: t,
+    fill: r || "currentColor"
+  })]
+}), nt = "M287-286q-32 0-50.5-26t-7.5-56l165-460q7-20 24-32t38-12h48q21 0 38 12t24 32l167 464q11 29-6.5 53.5T678-286q-20 0-36-12t-22-31l-30-93H376l-32 95q-6 18-21.5 29.5T287-286ZM412-530h138l-68-212h-4l-66 212Z", lt = "M101 0Q79 0 63.5-15.5T48-53v-100q0-22 15.5-37.5T101-206h758q22 0 37.5 15.5T912-153v100q0 22-15.5 37.5T859 0H101Z", at = () => {
+  const { editor: o, defaultValues: t } = f(), r = g({
     editor: o,
     selector: ({ editor: n }) => ({ textColor: n.getAttributes("textStyle").color })
-  }), r = u.useRef(null);
-  return /* @__PURE__ */ p(f, {
+  }), i = u.useRef(null);
+  return /* @__PURE__ */ p(h, {
     title: "Text Color",
-    onClick: () => r.current?.click(),
-    children: [/* @__PURE__ */ e(ke, { style: { color: i.textColor } }), /* @__PURE__ */ e("input", {
-      ref: r,
+    onClick: () => i.current?.click(),
+    children: [/* @__PURE__ */ e(de, {
+      glyphPath: nt,
+      barPath: lt,
+      barColor: r.textColor
+    }), /* @__PURE__ */ e("input", {
+      ref: i,
       type: "color",
       defaultValue: t?.color ?? "#545E6B",
       onChange: (n) => o.chain().focus().setColor(n.target.value).run()
     })]
   });
-}, lt = () => {
-  const { editor: o } = v();
-  return /* @__PURE__ */ e(f, {
+}, st = () => {
+  const { editor: o } = f();
+  return /* @__PURE__ */ e(h, {
     title: "Underline",
     "data-active": g({
       editor: o,
@@ -348,26 +376,30 @@ var Ye = () => {
     onClick: (t) => {
       t.preventDefault(), o.chain().focus().toggleUnderline().run();
     },
-    children: /* @__PURE__ */ e(ve, {})
+    children: /* @__PURE__ */ e(fe, {})
   });
-}, at = () => {
-  const { editor: o, defaultValues: t } = v(), i = g({
+}, ct = "M123-299v-150q0-11 4-20t12-17l453-451q12-11 26.5-17t29.5-6q15 0 30 5.5t26 17.5l110 111q11 12 17 26.5t6 29.5q0 15-6 29.5T814-714L363-261q-8 8-17 11.5t-20 3.5H176q-22 0-37.5-15.5T123-299ZM647-694l76-76-76-76-76 76 76 76Z", dt = "M178 46q-44 0-75-30.5T72-60q0-45 30.5-75.5T178-166h604q44 0 75 30.5T888-60q0 45-30.5 75.5T782 46H178Z", ut = () => {
+  const { editor: o, defaultValues: t } = f(), r = g({
     editor: o,
     selector: ({ editor: n }) => ({ bgColor: n.getAttributes("textStyle").backgroundColor })
-  }), r = u.useRef(null);
-  return /* @__PURE__ */ p(f, {
+  }), i = u.useRef(null);
+  return /* @__PURE__ */ p(h, {
     title: "Background Color",
-    onClick: () => r.current?.click(),
-    children: [/* @__PURE__ */ e(Ae, { style: { color: i.bgColor } }), /* @__PURE__ */ e("input", {
-      ref: r,
+    onClick: () => i.current?.click(),
+    children: [/* @__PURE__ */ e(de, {
+      glyphPath: ct,
+      barPath: dt,
+      barColor: r.bgColor
+    }), /* @__PURE__ */ e("input", {
+      ref: i,
       type: "color",
       defaultValue: t?.bgColor ?? "#fff",
       onChange: (n) => o.chain().focus().setBackgroundColor(n.target.value).run()
     })]
   });
-}, st = () => {
-  const { editor: o } = v();
-  return /* @__PURE__ */ e(f, {
+}, ht = () => {
+  const { editor: o } = f();
+  return /* @__PURE__ */ e(h, {
     title: "quote",
     "data-active": g({
       editor: o,
@@ -376,123 +408,125 @@ var Ye = () => {
     onClick: (t) => {
       t.preventDefault(), o.chain().focus().toggleBlockquote().run();
     },
-    children: /* @__PURE__ */ e(fe, {})
+    children: /* @__PURE__ */ e(me, {})
   });
 };
-function ct() {
-  const { isHtml: o, setIsHtml: t, htmlSourceEnabled: i } = v();
-  return i ? /* @__PURE__ */ e(f, {
+function ft() {
+  const { isHtml: o, setIsHtml: t, htmlSourceEnabled: r } = f();
+  return r ? /* @__PURE__ */ e(h, {
     title: "HTML source",
     "data-active": o,
-    onClick: (r) => {
-      r.preventDefault(), t(!o);
+    onClick: (i) => {
+      i.preventDefault(), t(!o);
     },
-    children: /* @__PURE__ */ e(Ie, {})
+    children: /* @__PURE__ */ e(Ae, {})
   }) : null;
 }
-var dt = () => {
-  const { editor: o } = v(), t = g({
+var vt = () => {
+  const { editor: o } = f(), t = g({
     editor: o,
-    selector: (r) => ({
-      isLeft: r.editor?.isActive({ textAlign: "left" }),
-      isCenter: r.editor?.isActive({ textAlign: "center" }),
-      isRight: r.editor?.isActive({ textAlign: "right" }),
-      isJustify: r.editor?.isActive({ textAlign: "justify" }),
-      isAligned: r.editor?.isActive({ textAlign: "center" }) || r.editor?.isActive({ textAlign: "right" }) || r.editor?.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" })
     })
-  }), i = [
+  }), r = [
     {
       id: "left",
-      icon: /* @__PURE__ */ e(X, {}),
+      icon: /* @__PURE__ */ e(J, {}),
       event: () => o.chain().focus().setTextAlign("left").run(),
       tooltip: "Align Left",
       active: t.isLeft
     },
     {
       id: "center",
-      icon: /* @__PURE__ */ e(te, {}),
+      icon: /* @__PURE__ */ e(oe, {}),
       event: () => o.chain().focus().setTextAlign("center").run(),
       tooltip: "Align Center",
       active: t.isCenter
     },
     {
       id: "right",
-      icon: /* @__PURE__ */ e(ee, {}),
+      icon: /* @__PURE__ */ e(te, {}),
       event: () => o.chain().focus().setTextAlign("right").run(),
       tooltip: "Align Right",
       active: t.isRight
     },
     {
       id: "justify",
-      icon: /* @__PURE__ */ e(G, {}),
+      icon: /* @__PURE__ */ e(X, {}),
       event: () => o.chain().focus().setTextAlign("justify").run(),
       tooltip: "Justify",
       active: t.isJustify
     }
   ];
-  return /* @__PURE__ */ e(z, {
-    trigger: t.isCenter ? /* @__PURE__ */ e(te, {}) : t.isRight ? /* @__PURE__ */ e(ee, {}) : t.isJustify ? /* @__PURE__ */ e(G, {}) : /* @__PURE__ */ e(X, {}),
+  return /* @__PURE__ */ e(N, {
+    trigger: t.isCenter ? /* @__PURE__ */ e(oe, {}) : t.isRight ? /* @__PURE__ */ e(te, {}) : t.isJustify ? /* @__PURE__ */ e(X, {}) : /* @__PURE__ */ e(J, {}),
     triggerTitle: "Text Alignment",
     active: t.isAligned,
-    items: i
+    items: r
   });
-}, ut = "_wuContentEditor_1v4bi_4", ft = "_selectedCell_1v4bi_1", vt = "_tableWrapper_1v4bi_1", ht = "_wuContentEditorRoot_1v4bi_4", pt = "_wuContentEditorToolbar_1v4bi_18", gt = "_fontSize_1v4bi_39", mt = "_wuContentEditorTable_1v4bi_57", F = {
-  wuContentEditor: ut,
-  selectedCell: ft,
-  "column-resize-handle": "_column-resize-handle_1v4bi_1",
-  tableWrapper: vt,
-  "resize-cursor": "_resize-cursor_1v4bi_1",
-  wuContentEditorRoot: ht,
-  wuContentEditorToolbar: pt,
-  fontSize: gt,
-  wuContentEditorTable: mt
-}, bt = [
+}, pt = "_wuContentEditor_rsptw_4", gt = "_selectedCell_rsptw_1", mt = "_tableWrapper_rsptw_1", bt = "_wuContentEditorRoot_rsptw_4", Ct = "_wuContentEditorToolbar_rsptw_19", kt = "_fontSize_rsptw_41", _t = "_wuContentEditorTable_rsptw_59", H = {
+  wuContentEditor: pt,
+  selectedCell: gt,
+  "column-resize-handle": "_column-resize-handle_rsptw_1",
+  tableWrapper: mt,
+  "resize-cursor": "_resize-cursor_rsptw_1",
+  wuContentEditorRoot: bt,
+  wuContentEditorToolbar: Ct,
+  fontSize: kt,
+  wuContentEditorTable: _t
+}, wt = [
   "e",
   "E",
   "+",
   "-"
-], ne = 1, Ct = () => {
-  const { editor: o, defaultValues: t } = v(), [i, r] = O(t?.fontSize ?? 16), n = g({
+], ne = 1, At = () => {
+  const { editor: o, defaultValues: t } = f(), [r, i] = M(t?.fontSize ?? 16), n = g({
     editor: o,
-    selector: (c) => ({ fontSize: c.editor.getAttributes("textStyle").fontSize })
-  }), s = (c) => {
-    o.chain().focus().setFontSize(c + "px").run();
-  }, l = (c) => {
-    const a = Math.max(ne, c);
-    r(a), s(a);
-  }, d = (c) => {
-    bt.includes(c.key) ? c.preventDefault() : c.key === "Enter" && s(i);
+    selector: (d) => ({ fontSize: d.editor.getAttributes("textStyle").fontSize })
+  }), l = (d) => {
+    o.chain().focus().setFontSize(d + "px").run();
+  }, a = (d) => {
+    const s = Math.max(ne, d);
+    i(s), l(s);
+  }, c = (d) => {
+    wt.includes(d.key) ? d.preventDefault() : d.key === "Enter" && l(r);
   };
   return u.useEffect(() => {
-    r(Number(n.fontSize?.replace("px", "")) || (t?.fontSize ?? 16));
+    i(Number(n.fontSize?.replace("px", "")) || (t?.fontSize ?? 16));
   }, [n.fontSize, t?.fontSize]), /* @__PURE__ */ p("div", {
-    className: F.fontSize,
+    className: H.fontSize,
     children: [
-      /* @__PURE__ */ e(f, {
-        onClick: () => l(i - 1),
-        disabled: i <= ne,
+      /* @__PURE__ */ e(h, {
+        title: "Decrease Font Size",
+        onClick: () => a(r - 1),
+        disabled: r <= ne,
         children: "−"
       }),
       /* @__PURE__ */ e("input", {
         type: "number",
         inputMode: "numeric",
         pattern: "[0-9]*",
-        value: i,
-        onKeyDown: d,
-        onChange: (c) => r(c.target.valueAsNumber),
-        onBlur: () => s(i)
+        value: r,
+        onKeyDown: c,
+        onChange: (d) => i(d.target.valueAsNumber),
+        onBlur: () => l(r)
       }),
-      /* @__PURE__ */ e(f, {
-        onClick: () => l(i + 1),
-        disabled: i >= 128,
+      /* @__PURE__ */ e(h, {
+        title: "Increase Font Size",
+        onClick: () => a(r + 1),
+        disabled: r >= 128,
         children: "+"
       })
     ]
   });
-}, kt = () => {
-  const { editor: o, customFonts: t, defaultValues: i } = v(), r = g({
+}, Tt = () => {
+  const { editor: o, customFonts: t, defaultValues: r } = f(), i = g({
     editor: o,
-    selector: (c) => ({ currentFontFamily: c.editor.getAttributes("textStyle").fontFamily || "" })
+    selector: (d) => ({ currentFontFamily: d.editor.getAttributes("textStyle").fontFamily || "" })
   }), n = [
     "Fira Sans",
     "Inter",
@@ -500,64 +534,68 @@ var dt = () => {
     "JetBrains Mono",
     "Montserrat",
     ...t || []
-  ], [s, l] = O(r.currentFontFamily || i?.fontFamily || n[0]);
+  ], [l, a] = M(i.currentFontFamily || r?.fontFamily || n[0]);
   u.useEffect(() => {
-    l(r.currentFontFamily?.replace(/"/g, "") || i?.fontFamily || n[0]);
-  }, [r.currentFontFamily]);
-  const d = n.map((c) => ({
-    id: c,
-    label: c,
-    tooltip: c,
-    active: c === s,
-    style: { fontFamily: c },
+    a(i.currentFontFamily?.replace(/"/g, "") || r?.fontFamily || n[0]);
+  }, [i.currentFontFamily]);
+  const c = n.map((d) => ({
+    id: d,
+    label: d,
+    tooltip: d,
+    active: d === l,
+    style: { fontFamily: d },
     event: () => {
-      o.chain().focus().setFontFamily(c).run(), l(c);
+      o.chain().focus().setFontFamily(d).run(), a(d);
     }
   }));
-  return /* @__PURE__ */ e(z, {
+  return /* @__PURE__ */ e(N, {
     trigger: /* @__PURE__ */ e("span", {
-      style: { fontFamily: s },
-      children: s?.[0]
+      style: { fontFamily: l },
+      children: l?.[0]
     }),
-    triggerTitle: s || "Font Family",
-    active: s !== (i?.fontFamily ?? n[0]),
-    items: d,
+    triggerTitle: l || "Font Family",
+    active: l !== (r?.fontFamily ?? n[0]),
+    items: c,
     direction: "block"
   });
-}, _t = "_button_583n5_1", At = { button: _t }, ce = u.forwardRef(function({ children: t, variant: i, color: r, icon: n, ...s }, l) {
-  return /* @__PURE__ */ p("button", {
-    ref: l,
-    className: At.button,
-    "data-variant": i,
-    "data-color": r,
-    ...s,
-    children: [n, t]
+}, yt = "_button_583n5_1", It = { button: yt }, ue = u.forwardRef(function({ children: t, variant: r, color: i, icon: n, title: l, ...a }, c) {
+  return /* @__PURE__ */ e(ae, {
+    content: l,
+    children: /* @__PURE__ */ p("button", {
+      ref: c,
+      className: It.button,
+      "data-variant": r,
+      "data-color": i,
+      "aria-label": l,
+      ...a,
+      children: [n, t]
+    })
   });
-}), wt = "_dialog_vbrv2_1", yt = "_backdrop_vbrv2_27", It = "_content_vbrv2_46", Tt = "_footer_vbrv2_52", St = "_close_vbrv2_59", x = {
-  dialog: wt,
-  backdrop: yt,
-  content: It,
-  footer: Tt,
-  close: St
+}), St = "_dialog_vbrv2_1", xt = "_backdrop_vbrv2_27", Ht = "_content_vbrv2_46", Ft = "_footer_vbrv2_52", Lt = "_close_vbrv2_59", x = {
+  dialog: St,
+  backdrop: xt,
+  content: Ht,
+  footer: Ft,
+  close: Lt
 };
-function U({ Trigger: o, children: t, maxWidth: i, onOpenChange: r, footer: n }) {
-  const s = u.useContext($), l = u.useCallback((d) => {
-    s?.editor.setEditable(!d, !1), r?.(d);
-  }, [s, r]);
-  return /* @__PURE__ */ p(y.Root, {
+function U({ Trigger: o, children: t, maxWidth: r, onOpenChange: i, footer: n }) {
+  const l = u.useContext(O), a = u.useCallback((c) => {
+    l?.editor.setEditable(!c, !1), i?.(c);
+  }, [l, i]);
+  return /* @__PURE__ */ p(T.Root, {
     modal: !0,
-    onOpenChange: l,
+    onOpenChange: a,
     children: [/* @__PURE__ */ e("span", {
-      onClick: (d) => d.stopPropagation(),
-      children: /* @__PURE__ */ e(y.Trigger, { render: o })
-    }), /* @__PURE__ */ p(y.Portal, { children: [/* @__PURE__ */ e(y.Backdrop, { className: x.backdrop }), /* @__PURE__ */ p(y.Popup, {
+      onClick: (c) => c.stopPropagation(),
+      children: /* @__PURE__ */ e(T.Trigger, { render: o })
+    }), /* @__PURE__ */ p(T.Portal, { children: [/* @__PURE__ */ e(T.Backdrop, { className: x.backdrop }), /* @__PURE__ */ p(T.Popup, {
       className: x.dialog,
-      style: i ? { maxWidth: i } : void 0,
+      style: r ? { maxWidth: r } : void 0,
       children: [
-        /* @__PURE__ */ e(y.Close, {
+        /* @__PURE__ */ e(T.Close, {
           className: x.close,
           "aria-label": "Close",
-          children: /* @__PURE__ */ e(be, {
+          children: /* @__PURE__ */ e(we, {
             width: 10,
             height: 10
           })
@@ -574,186 +612,186 @@ function U({ Trigger: o, children: t, maxWidth: i, onOpenChange: r, footer: n })
     })] })]
   });
 }
-function H({ children: o, variant: t, color: i, icon: r, ...n }) {
-  return /* @__PURE__ */ e(y.Close, {
-    render: /* @__PURE__ */ e(ce, {
+function F({ children: o, variant: t, color: r, icon: i, ...n }) {
+  return /* @__PURE__ */ e(T.Close, {
+    render: /* @__PURE__ */ e(ue, {
       variant: t,
-      color: i,
-      icon: r
+      color: r,
+      icon: i
     }),
     ...n,
     children: o
   });
 }
-var xt = "_group_56lao_1", Ft = "_label_56lao_8", Ht = "_input_56lao_14", P = {
-  group: xt,
-  label: Ft,
-  input: Ht
+var Rt = "_group_56lao_1", Et = "_label_56lao_8", zt = "_input_56lao_14", D = {
+  group: Rt,
+  label: Et,
+  input: zt
 };
-function E({ label: o, id: t, ...i }) {
+function E({ label: o, id: t, ...r }) {
   return /* @__PURE__ */ p("div", {
-    className: P.group,
+    className: D.group,
     children: [o && /* @__PURE__ */ e("label", {
-      className: P.label,
+      className: D.label,
       htmlFor: t,
       children: o
     }), /* @__PURE__ */ e("input", {
       id: t,
-      className: P.input,
-      ...i
+      className: D.input,
+      ...r
     })]
   });
 }
-var Lt = () => {
-  const { editor: o } = v(), t = g({
+var Nt = () => {
+  const { editor: o } = f(), t = g({
     editor: o,
-    selector: (d) => ({
-      isImage: d.editor?.isActive("image"),
-      imageAttrs: d.editor?.getAttributes("image")
+    selector: (c) => ({
+      isImage: c.editor?.isActive("image"),
+      imageAttrs: c.editor?.getAttributes("image")
     })
-  }), [i, r] = u.useState(t.imageAttrs.src || ""), [n, s] = u.useState(t.imageAttrs.alt || ""), l = () => {
+  }), [r, i] = u.useState(t.imageAttrs.src || ""), [n, l] = u.useState(t.imageAttrs.alt || ""), a = () => {
     o.chain().focus().setImage({
-      src: i,
+      src: r,
       alt: n
     }).run();
   };
   return /* @__PURE__ */ p(U, {
-    Trigger: /* @__PURE__ */ e(f, {
+    Trigger: /* @__PURE__ */ e(h, {
       title: "Image",
       "data-active": t.isImage,
-      children: /* @__PURE__ */ e(ge, {})
+      children: /* @__PURE__ */ e(ye, {})
     }),
     maxWidth: "400px",
-    footer: /* @__PURE__ */ p(N, { children: [/* @__PURE__ */ e(H, {
+    footer: /* @__PURE__ */ p(z, { children: [/* @__PURE__ */ e(F, {
       variant: "secondary",
       children: "Cancel"
-    }), /* @__PURE__ */ e(H, {
-      onClick: l,
-      disabled: !i,
+    }), /* @__PURE__ */ e(F, {
+      onClick: a,
+      disabled: !r,
       children: "Save"
     })] }),
     children: [/* @__PURE__ */ e(E, {
       label: "Image URL",
       type: "url",
-      value: i,
-      onChange: (d) => r(d.target.value),
+      value: r,
+      onChange: (c) => i(c.target.value),
       required: !0
     }), /* @__PURE__ */ e(E, {
       label: "Alt Text",
       type: "text",
       value: n,
-      onChange: (d) => s(d.target.value)
+      onChange: (c) => l(c.target.value)
     })]
   });
-}, Rt = () => {
-  const { editor: o } = v(), t = g({
+}, Pt = () => {
+  const { editor: o } = f(), t = g({
     editor: o,
-    selector: (a) => ({
-      isLink: a.editor?.isActive("link"),
-      linkAttrs: a.editor?.getAttributes("link")
+    selector: (s) => ({
+      isLink: s.editor?.isActive("link"),
+      linkAttrs: s.editor?.getAttributes("link")
     })
-  }), [i, r] = u.useState(t.linkAttrs.href || ""), [n, s] = u.useState(t.linkAttrs.alt || ""), l = (a) => !a || a.startsWith("http://") || a.startsWith("https://") ? a : `https://${a}`, d = () => {
-    const a = l(i);
+  }), [r, i] = u.useState(t.linkAttrs.href || ""), [n, l] = u.useState(t.linkAttrs.alt || ""), a = (s) => !s || s.startsWith("http://") || s.startsWith("https://") ? s : `https://${s}`, c = () => {
+    const s = a(r);
     o.chain().focus().insertContent({
       type: "text",
-      text: n || a,
+      text: n || s,
       marks: [{
         type: "link",
-        attrs: { href: a }
+        attrs: { href: s }
       }]
     }).run();
-  }, c = () => {
-    const a = o.getAttributes("link"), { from: m, to: _, $from: S } = o.state.selection;
+  }, d = () => {
+    const s = o.getAttributes("link"), { from: m, to: _, $from: S } = o.state.selection;
     let b;
     if (m !== _) b = o.state.doc.textBetween(m, _);
     else {
-      const I = S.parent.textContent, T = S.parentOffset;
-      let A = T, C = T;
-      for (; A > 0 && !/\s/.test(I[A - 1]); ) A--;
-      for (; C < I.length && !/\s/.test(I[C]); ) C++;
-      if (b = I.slice(A, C), b) {
+      const y = S.parent.textContent, I = S.parentOffset;
+      let w = I, C = I;
+      for (; w > 0 && !/\s/.test(y[w - 1]); ) w--;
+      for (; C < y.length && !/\s/.test(y[C]); ) C++;
+      if (b = y.slice(w, C), b) {
         const k = S.start();
         o.commands.setTextSelection({
-          from: k + A,
+          from: k + w,
           to: k + C
         });
       }
     }
-    r(a.href || ""), s(b || a.alt || "");
+    i(s.href || ""), l(b || s.alt || "");
   };
   return /* @__PURE__ */ p(U, {
-    Trigger: /* @__PURE__ */ e(f, {
+    Trigger: /* @__PURE__ */ e(h, {
       title: "Link",
       "data-active": t.isLink,
-      children: /* @__PURE__ */ e(pe, {})
+      children: /* @__PURE__ */ e(Te, {})
     }),
     maxWidth: "400px",
-    onOpenChange: (a) => a && c(),
-    footer: /* @__PURE__ */ p(N, { children: [t.isLink && /* @__PURE__ */ e(H, {
+    onOpenChange: (s) => s && d(),
+    footer: /* @__PURE__ */ p(z, { children: [t.isLink && /* @__PURE__ */ e(F, {
       color: "error",
       variant: "secondary",
       onClick: () => o.chain().focus().unsetLink().run(),
       children: "Remove"
-    }), /* @__PURE__ */ e(H, {
-      onClick: d,
-      disabled: !i,
+    }), /* @__PURE__ */ e(F, {
+      onClick: c,
+      disabled: !r,
       children: "Save"
     })] }),
     children: [/* @__PURE__ */ e(E, {
       label: "Link",
       type: "url",
-      value: i,
-      onChange: (a) => r(a.target.value),
+      value: r,
+      onChange: (s) => i(s.target.value),
       required: !0
     }), /* @__PURE__ */ e(E, {
       label: "Text to display",
       type: "text",
       value: n,
-      onChange: (a) => s(a.target.value)
+      onChange: (s) => l(s.target.value)
     })]
   });
-}, Et = "_label_1kiov_1", Nt = "_root_1kiov_11", zt = "_thumb_1kiov_44", M = {
-  label: Et,
-  root: Nt,
-  thumb: zt
+}, Bt = "_label_1kiov_1", Dt = "_root_1kiov_11", qt = "_thumb_1kiov_44", q = {
+  label: Bt,
+  root: Dt,
+  thumb: qt
 };
-function Dt({ checked: o, onCheckedChange: t, label: i }) {
+function Mt({ checked: o, onCheckedChange: t, label: r }) {
   return /* @__PURE__ */ p("label", {
-    className: M.label,
-    children: [/* @__PURE__ */ e("span", { children: i }), /* @__PURE__ */ e(re.Root, {
-      className: M.root,
+    className: q.label,
+    children: [/* @__PURE__ */ e("span", { children: r }), /* @__PURE__ */ e(ie.Root, {
+      className: q.root,
       checked: o,
       onCheckedChange: t,
-      children: /* @__PURE__ */ e(re.Thumb, { className: M.thumb })
+      children: /* @__PURE__ */ e(ie.Thumb, { className: q.thumb })
     })]
   });
 }
-var Bt = () => {
-  const { editor: o } = v(), t = g({
+var Ot = () => {
+  const { editor: o } = f(), t = g({
     editor: o,
-    selector: (a) => ({
-      isTable: a.editor.isActive("table"),
-      tableAttrs: a.editor.getAttributes("table")
+    selector: (s) => ({
+      isTable: s.editor.isActive("table"),
+      tableAttrs: s.editor.getAttributes("table")
     })
-  }), [i, r] = O(!1), n = xe(null), s = B((a) => {
-    n.current && clearTimeout(n.current), n.current = setTimeout(a, 100);
+  }), [r, i] = M(!1), n = xe(null), l = B((s) => {
+    n.current && clearTimeout(n.current), n.current = setTimeout(s, 100);
   }, []);
   u.useEffect(() => () => {
     n.current && clearTimeout(n.current);
   }, []);
-  const l = B(() => {
-    s(() => o.chain().focus().insertTable({
+  const a = B(() => {
+    l(() => o.chain().focus().insertTable({
       rows: 2,
       cols: 4,
-      withHeaderRow: i
+      withHeaderRow: r
     }).run());
   }, [
     o,
-    i,
-    s
-  ]), d = B(() => {
-    r((a) => !a), s(() => o.chain().focus().toggleHeaderRow().run());
-  }, [o, s]), c = [
+    r,
+    l
+  ]), c = B(() => {
+    i((s) => !s), l(() => o.chain().focus().toggleHeaderRow().run());
+  }, [o, l]), d = [
     {
       text: "Column left",
       icon: /* @__PURE__ */ e(L, {}),
@@ -776,74 +814,75 @@ var Bt = () => {
     },
     {
       text: "Delete Column",
-      icon: /* @__PURE__ */ e(D, {}),
+      icon: /* @__PURE__ */ e(P, {}),
       event: () => o.chain().focus().deleteColumn().run()
     },
     {
       text: "Delete Row",
-      icon: /* @__PURE__ */ e(D, {}),
+      icon: /* @__PURE__ */ e(P, {}),
       event: () => o.chain().focus().deleteRow().run()
     }
   ];
   return t.isTable ? /* @__PURE__ */ p(U, {
-    Trigger: /* @__PURE__ */ e(f, {
+    Trigger: /* @__PURE__ */ e(h, {
       title: "Table",
       "data-active": t.isTable,
-      children: /* @__PURE__ */ e(j, {})
+      children: /* @__PURE__ */ e(V, {})
     }),
     maxWidth: "320px",
-    footer: /* @__PURE__ */ e(H, {
+    footer: /* @__PURE__ */ e(F, {
       variant: "secondary",
       color: "error",
-      icon: /* @__PURE__ */ e(D, {}),
+      icon: /* @__PURE__ */ e(P, {}),
       onClick: () => o.chain().focus().deleteTable().run(),
       children: "Delete Table"
     }),
-    children: [/* @__PURE__ */ e(Dt, {
-      checked: i,
-      onCheckedChange: d,
+    children: [/* @__PURE__ */ e(Mt, {
+      checked: r,
+      onCheckedChange: c,
       label: "Title Row"
     }), /* @__PURE__ */ e("div", {
-      className: F.wuContentEditorTable,
-      children: c.map(({ text: a, icon: m, event: _ }) => /* @__PURE__ */ e(ce, {
+      className: H.wuContentEditorTable,
+      children: d.map(({ text: s, icon: m, event: _ }) => /* @__PURE__ */ e(ue, {
+        title: s,
         onClick: _,
         variant: "secondary",
         icon: m,
-        children: a
-      }, a))
+        children: s
+      }, s))
     })]
-  }) : /* @__PURE__ */ e(f, {
+  }) : /* @__PURE__ */ e(h, {
     title: "Table",
-    onClick: l,
-    children: /* @__PURE__ */ e(j, {})
+    onClick: a,
+    children: /* @__PURE__ */ e(V, {})
   });
 }, le = {
-  block: /* @__PURE__ */ e(Ye, {}),
-  fontFamily: /* @__PURE__ */ e(kt, {}),
-  fontSize: /* @__PURE__ */ e(Ct, {}),
-  bold: /* @__PURE__ */ e(Ze, {}),
+  block: /* @__PURE__ */ e(Ge, {}),
+  fontFamily: /* @__PURE__ */ e(Tt, {}),
+  fontSize: /* @__PURE__ */ e(At, {}),
+  bold: /* @__PURE__ */ e(Qe, {}),
   italic: /* @__PURE__ */ e(et, {}),
-  underline: /* @__PURE__ */ e(lt, {}),
+  underline: /* @__PURE__ */ e(st, {}),
   strike: /* @__PURE__ */ e(ot, {}),
-  color: /* @__PURE__ */ e(nt, {}),
-  bgColor: /* @__PURE__ */ e(at, {}),
+  color: /* @__PURE__ */ e(at, {}),
+  bgColor: /* @__PURE__ */ e(ut, {}),
   list: /* @__PURE__ */ e(tt, {}),
-  alignment: /* @__PURE__ */ e(dt, {}),
-  image: /* @__PURE__ */ e(Lt, {}),
-  link: /* @__PURE__ */ e(Rt, {}),
-  table: /* @__PURE__ */ e(Bt, {}),
-  blockquote: /* @__PURE__ */ e(st, {}),
-  superscript: /* @__PURE__ */ e(rt, {}),
-  subscript: /* @__PURE__ */ e(it, {}),
+  alignment: /* @__PURE__ */ e(vt, {}),
+  image: /* @__PURE__ */ e(Nt, {}),
+  link: /* @__PURE__ */ e(Pt, {}),
+  table: /* @__PURE__ */ e(Ot, {}),
+  blockquote: /* @__PURE__ */ e(ht, {}),
+  superscript: /* @__PURE__ */ e(it, {}),
+  subscript: /* @__PURE__ */ e(rt, {}),
   codeline: /* @__PURE__ */ e(Ve, {}),
-  clear: /* @__PURE__ */ e(Ge, {}),
+  clear: /* @__PURE__ */ e(Xe, {}),
   "|": /* @__PURE__ */ e("div", { style: {
     height: 16,
     width: 1,
     background: "var(--we-border)"
   } }),
-  html: /* @__PURE__ */ e(ct, {})
-}, Pt = [
+  html: /* @__PURE__ */ e(ft, {})
+}, $t = [
   "block",
   "fontFamily",
   "|",
@@ -871,18 +910,18 @@ var Bt = () => {
   "|",
   "html",
   "clear"
-], Mt = (o) => {
-  const { editor: t, customFonts: i, defaultValues: r, children: n, items: s = Pt, isHtml: l, setIsHtml: d, htmlSourceEnabled: c, ...a } = o;
+], Ut = (o) => {
+  const { editor: t, customFonts: r, defaultValues: i, children: n, items: l = $t, isHtml: a, setIsHtml: c, htmlSourceEnabled: d, ...s } = o;
   return /* @__PURE__ */ e("div", {
-    ...a,
+    ...s,
     children: /* @__PURE__ */ p(We, {
       editor: t,
-      customFonts: i,
-      defaultValues: r,
-      isHtml: l,
-      setIsHtml: d,
-      htmlSourceEnabled: c,
-      children: [s.map((m, _) => /* @__PURE__ */ e(N, { children: l && m !== "html" ? /* @__PURE__ */ e("span", {
+      customFonts: r,
+      defaultValues: i,
+      isHtml: a,
+      setIsHtml: c,
+      htmlSourceEnabled: d,
+      children: [l.map((m, _) => /* @__PURE__ */ e(z, { children: a && m !== "html" ? /* @__PURE__ */ e("span", {
         style: {
           pointerEvents: "none",
           opacity: 0.4
@@ -892,70 +931,70 @@ var Bt = () => {
     })
   });
 };
-function Ot(...o) {
+function Wt(...o) {
   return o.filter(Boolean).join(" ");
 }
-function oo({ defaultValue: o, onUpdate: t, className: i, toolbarPosition: r = "top", customToolbarChildren: n, toolbarItems: s, hideToolbar: l, readonly: d, autoFocus: c, customFonts: a, htmlSource: m, isHtml: _, setIsHtml: S, defaultValues: b, ...I }) {
-  const [T, A] = u.useState((_ ?? !1) && !!m);
+function lo({ defaultValue: o, onUpdate: t, className: r, toolbarPosition: i = "top", customToolbarChildren: n, toolbarItems: l, hideToolbar: a, readonly: c, autoFocus: d, customFonts: s, htmlSource: m, isHtml: _, setIsHtml: S, defaultValues: b, ...y }) {
+  const [I, w] = u.useState((_ ?? !1) && !!m);
   u.useEffect(() => {
     process.env.NODE_ENV !== "production" && _ && !m && console.warn('[WuContentEditor]: `isHtml` has no effect without an `htmlSource` component. Import {WuHtmlSource} from "@npm-questionpro/wick-ui-editor/html" and pass it as `htmlSource`.');
   }, []);
   const C = u.useRef(o || ""), k = Se({
-    editable: !d,
-    autofocus: c ? "end" : !1,
+    editable: !c,
+    autofocus: d ? "end" : !1,
     extensions: Ue,
     content: R(o || ""),
-    onUpdate: ({ editor: h }) => {
-      t && t(R(h.getHTML()));
+    onUpdate: ({ editor: v }) => {
+      t && t(R(v.getHTML()));
     }
   });
   u.useEffect(() => {
     if (!k || !b) return;
-    const h = k.chain();
-    b.fontFamily && h.setFontFamily(b.fontFamily), b.fontSize && h.setFontSize(`${b.fontSize}px`), b.color && h.setColor(b.color), b.bgColor && h.setBackgroundColor(b.bgColor), h.run();
+    const v = k.chain();
+    b.fontFamily && v.setFontFamily(b.fontFamily), b.fontSize && v.setFontSize(`${b.fontSize}px`), b.color && v.setColor(b.color), b.bgColor && v.setBackgroundColor(b.bgColor), v.run();
   }, [k]);
-  const de = (h) => {
-    h ? C.current = k?.getHTML() ?? "" : k?.commands.setContent(R(C.current)), t && t(R(C.current)), A(h), S?.(h);
+  const he = (v) => {
+    v ? C.current = k?.getHTML() ?? "" : k?.commands.setContent(R(C.current)), t && t(R(C.current)), w(v), S?.(v);
   };
   return /* @__PURE__ */ p("div", {
-    className: Ot(F.wuContentEditorRoot, i),
-    "data-position": r,
+    className: Wt(H.wuContentEditorRoot, r),
+    "data-position": i,
     "data-slot": "wu-content-editor-root",
-    onClick: (h) => {
-      if ((h.ctrlKey || h.metaKey) && h.target instanceof HTMLElement) {
-        const W = h.target.closest("a");
+    onClick: (v) => {
+      if ((v.ctrlKey || v.metaKey) && v.target instanceof HTMLElement) {
+        const W = v.target.closest("a");
         if (W?.href) {
           window.open(W.href, "_blank", "noopener,noreferrer");
           return;
         }
       }
-      T || k?.chain().focus().run();
+      I || k?.chain().focus().run();
     },
-    ...I,
-    children: [!l && /* @__PURE__ */ e(Mt, {
+    ...y,
+    children: [!a && /* @__PURE__ */ e(Ut, {
       editor: k,
-      customFonts: a,
+      customFonts: s,
       defaultValues: b,
-      className: F.wuContentEditorToolbar,
-      items: s,
-      isHtml: T,
-      setIsHtml: de,
+      className: H.wuContentEditorToolbar,
+      items: l,
+      isHtml: I,
+      setIsHtml: he,
       htmlSourceEnabled: !!m,
       "data-slot": "wu-content-editor-toolbar",
       children: n
-    }), T && m ? /* @__PURE__ */ e(m, {
+    }), I && m ? /* @__PURE__ */ e(m, {
       defaultValue: C.current,
-      onUpdate: (h) => {
-        C.current = h ?? "", t && t(h ?? "");
+      onUpdate: (v) => {
+        C.current = v ?? "", t && t(v ?? "");
       },
-      readonly: d
-    }) : /* @__PURE__ */ e(Te, {
+      readonly: c
+    }) : /* @__PURE__ */ e(Ie, {
       editor: k,
-      className: F.wuContentEditor,
+      className: H.wuContentEditor,
       "data-slot": "wu-content-editor"
     })]
   });
 }
 export {
-  oo as WuContentEditor
+  lo as WuContentEditor
 };