@editora/react 1.0.1 → 1.0.2

package/dist/index.esm.js

@@ -1,47 +1,47 @@
-import { jsx as l, jsxs as N, Fragment as F } from "react/jsx-runtime";
-import ee, { useRef as E, useState as R, useEffect as T, useMemo as j } from "react";
-import { KeyboardShortcutManager as _, PluginManager as te, Editor as ne } from "@editora/core";
-const oe = ({
+import { jsx as l, jsxs as R, Fragment as B } from "react/jsx-runtime";
+import ee, { useRef as E, useState as N, useEffect as A, useMemo as j } from "react";
+import { KeyboardShortcutManager as _, PluginManager as te, Editor as ne, StatusBar as oe, calculateTextStats as re, countLines as ae, getCursorPosition as le, getSelectionInfo as ie } from "@editora/core";
+const ce = ({
   isOpen: e,
   options: t,
-  onSelect: d,
-  onClose: c,
+  onSelect: m,
+  onClose: s,
   anchorRef: i,
   className: r = ""
 }) => {
-  const m = E(null), [f, g] = R({ top: 0, left: 0 });
-  return T(() => {
+  const g = E(null), [d, h] = N({ top: 0, left: 0 });
+  return A(() => {
     if (e && i.current) {
-      const o = i.current.getBoundingClientRect(), s = 120, h = t.length * 36;
-      let b = o.bottom + 4, u = o.left;
-      const v = window.innerWidth, p = window.innerHeight;
-      u + s > v && (u = v - s - 8), b + h > p && (b = o.top - h - 4), g({ top: b, left: u });
+      const o = i.current.getBoundingClientRect(), u = 120, v = t.length * 36;
+      let C = o.bottom + 4, c = o.left;
+      const f = window.innerWidth, b = window.innerHeight;
+      c + u > f && (c = f - u - 8), C + v > b && (C = o.top - v - 4), h({ top: C, left: c });
     }
-  }, [e, i, t.length]), T(() => {
-    if (e && i.current && m.current) {
-      const o = i.current.getBoundingClientRect(), s = m.current.getBoundingClientRect();
-      let h = o.bottom + 4, b = o.left;
-      const u = window.innerWidth, v = window.innerHeight;
-      b + s.width > u && (b = u - s.width - 8), h + s.height > v && (h = o.top - s.height - 4), g({ top: h, left: b });
+  }, [e, i, t.length]), A(() => {
+    if (e && i.current && g.current) {
+      const o = i.current.getBoundingClientRect(), u = g.current.getBoundingClientRect();
+      let v = o.bottom + 4, C = o.left;
+      const c = window.innerWidth, f = window.innerHeight;
+      C + u.width > c && (C = c - u.width - 8), v + u.height > f && (v = o.top - u.height - 4), h({ top: v, left: C });
     }
-  }, [e]), T(() => {
-    const o = (h) => {
-      m.current && !m.current.contains(h.target) && i.current && !i.current.contains(h.target) && c();
-    }, s = (h) => {
-      h.key === "Escape" && c();
+  }, [e]), A(() => {
+    const o = (v) => {
+      g.current && !g.current.contains(v.target) && i.current && !i.current.contains(v.target) && s();
+    }, u = (v) => {
+      v.key === "Escape" && s();
     };
-    return e && (document.addEventListener("mousedown", o), document.addEventListener("keydown", s)), () => {
-      document.removeEventListener("mousedown", o), document.removeEventListener("keydown", s);
+    return e && (document.addEventListener("mousedown", o), document.addEventListener("keydown", u)), () => {
+      document.removeEventListener("mousedown", o), document.removeEventListener("keydown", u);
     };
-  }, [e, c, i]), e ? /* @__PURE__ */ l(
+  }, [e, s, i]), e ? /* @__PURE__ */ l(
     "div",
     {
-      ref: m,
+      ref: g,
       className: `rte-inline-menu ${r}`,
       style: {
         position: "fixed",
-        top: f.top,
-        left: f.left,
+        top: d.top,
+        left: d.left,
         zIndex: 1e3,
         background: "white",
         border: "1px solid #ccc",
@@ -56,7 +56,7 @@ const oe = ({
         {
           className: "rte-inline-menu-item",
           onClick: () => {
-            d(o.value), c();
+            m(o.value), s();
           },
           style: {
             padding: "8px 12px",
@@ -67,11 +67,11 @@ const oe = ({
             overflow: "hidden",
             textOverflow: "ellipsis"
           },
-          onMouseEnter: (s) => {
-            s.currentTarget.style.backgroundColor = "#f5f5f5";
+          onMouseEnter: (u) => {
+            u.currentTarget.style.backgroundColor = "#f5f5f5";
           },
-          onMouseLeave: (s) => {
-            s.currentTarget.style.backgroundColor = "transparent";
+          onMouseLeave: (u) => {
+            u.currentTarget.style.backgroundColor = "transparent";
           },
           children: o.label
         },
@@ -82,16 +82,16 @@ const oe = ({
 }, V = ({
   editor: e,
   position: t = "top",
-  sticky: d = !1,
-  floating: c = !1
+  sticky: m = !1,
+  floating: s = !1
 }) => {
-  const [i, r] = R(null), [m, f] = R(null), [g, o] = R(null), [s, h] = R(null), [b, u] = R(!1), v = E({}), p = E(null), y = E(null), C = E(null), w = e.pluginManager.getToolbarItems();
-  T(() => {
+  const [i, r] = N(null), [g, d] = N(null), [h, o] = N(null), [u, v] = N(null), [C, c] = N(!1), f = E({}), b = E(null), p = E(null), y = E(null), w = e.pluginManager.getToolbarItems();
+  A(() => {
     const n = () => {
-      if (!p.current || !y.current) return;
-      const W = p.current.clientWidth, H = 16, Y = 40, U = 4, Z = W - H - Y - U;
+      if (!b.current || !p.current) return;
+      const W = b.current.clientWidth, H = 16, Y = 40, U = 4, Z = W - H - Y - U;
       let q = 0, P = 0;
-      const $ = y.current.children;
+      const $ = p.current.children;
       for (let z = 0; z < $.length; z++) {
         const K = $[z].offsetWidth + U;
         if (q + K <= Z)
@@ -99,49 +99,49 @@ const oe = ({
         else
           break;
       }
-      h(Math.max(1, P));
+      v(Math.max(1, P));
     }, a = requestAnimationFrame(() => {
       n();
-    }), x = new ResizeObserver(() => {
+    }), k = new ResizeObserver(() => {
       n();
     });
-    p.current && x.observe(p.current);
-    const S = new MutationObserver(() => {
+    b.current && k.observe(b.current);
+    const M = new MutationObserver(() => {
       n();
     });
-    return y.current && S.observe(y.current, {
+    return p.current && M.observe(p.current, {
       childList: !0,
       subtree: !0
     }), () => {
-      cancelAnimationFrame(a), x.disconnect(), S.disconnect();
+      cancelAnimationFrame(a), k.disconnect(), M.disconnect();
     };
   }, [w.length]);
-  const L = (n) => (v.current[n] || (v.current[n] = ee.createRef()), v.current[n]), k = (n, a) => {
-    const x = p.current?.closest("[data-editora-editor]"), S = x?.querySelector(".rte-content");
-    if (S && S.focus(), g && (n === "setTextAlignment" || n === "setFontFamily" || n === "setBlockType")) {
+  const S = (n) => (f.current[n] || (f.current[n] = ee.createRef()), f.current[n]), x = (n, a) => {
+    const k = b.current?.closest("[data-editora-editor]"), M = k?.querySelector(".rte-content");
+    if (M && M.focus(), h && (n === "setTextAlignment" || n === "setFontFamily" || n === "setBlockType")) {
       const H = window.getSelection();
-      H && (H.removeAllRanges(), H.addRange(g)), o(null);
+      H && (H.removeAllRanges(), H.addRange(h)), o(null);
     }
     typeof window < "u" && window.executeEditorCommand && window.executeEditorCommand(n, a), r(null);
-    const W = x?.querySelector(".rte-content");
+    const W = k?.querySelector(".rte-content");
     W && W.focus();
-  }, A = (n) => {
+  }, T = (n) => {
     const a = window.getSelection();
     a && a.rangeCount > 0 && o(a.getRangeAt(0).cloneRange()), r(i === n ? null : n);
-  }, M = (n) => {
+  }, L = (n) => {
     const a = window.getSelection();
-    a && a.rangeCount > 0 && o(a.getRangeAt(0).cloneRange()), f(m === n ? null : n), r(null);
+    a && a.rangeCount > 0 && o(a.getRangeAt(0).cloneRange()), d(g === n ? null : n), r(null);
   }, I = (n, a) => {
-    if (g) {
-      const x = window.getSelection();
-      x && (x.removeAllRanges(), x.addRange(g)), o(null);
+    if (h) {
+      const k = window.getSelection();
+      k && (k.removeAllRanges(), k.addRange(h)), o(null);
     }
-    k(n, a), f(null);
+    x(n, a), d(null);
   }, D = (n, a) => n && n.startsWith("<svg") && n.endsWith("</svg>") ? /* @__PURE__ */ l("span", { dangerouslySetInnerHTML: { __html: n } }) : n && n.length === 1 && /^[BIUSH]$/.test(n) ? /* @__PURE__ */ l("span", { style: { fontWeight: "bold", fontSize: "14px", lineHeight: "1" }, children: n }) : n || "⚪";
-  if (c)
+  if (s)
     return null;
   const Q = {
-    ...d && {
+    ...m && {
       position: "sticky",
       top: 0,
       zIndex: 100,
@@ -152,44 +152,44 @@ const oe = ({
       order: 2
       // Move to bottom in flex container
     }
-  }, O = (n) => n.map((a, x) => /* @__PURE__ */ l(
+  }, O = (n) => n.map((a, k) => /* @__PURE__ */ l(
     "div",
     {
       className: "rte-toolbar-item",
       style: {
-        display: s !== null && x >= s ? "none" : "flex"
+        display: u !== null && k >= u ? "none" : "flex"
       },
-      children: a.type === "dropdown" ? /* @__PURE__ */ N("div", { className: "rte-toolbar-dropdown", children: [
-        /* @__PURE__ */ N(
+      children: a.type === "dropdown" ? /* @__PURE__ */ R("div", { className: "rte-toolbar-dropdown", children: [
+        /* @__PURE__ */ R(
           "button",
           {
             className: "rte-toolbar-button",
             "data-command": a.command,
             "data-active": "false",
-            onClick: () => A(a.command),
+            onClick: () => T(a.command),
             children: [
               a.label,
               " ▼"
             ]
           }
         ),
-        i === a.command && /* @__PURE__ */ l("div", { className: "rte-toolbar-dropdown-menu", children: a.options?.map((S) => /* @__PURE__ */ l(
+        i === a.command && /* @__PURE__ */ l("div", { className: "rte-toolbar-dropdown-menu", children: a.options?.map((M) => /* @__PURE__ */ l(
           "div",
           {
             className: "rte-toolbar-dropdown-item",
-            onClick: () => k(a.command, S.value),
-            children: S.label
+            onClick: () => x(a.command, M.value),
+            children: M.label
           },
-          S.value
+          M.value
         )) })
       ] }) : a.type === "inline-menu" ? /* @__PURE__ */ l(
         "button",
         {
-          ref: L(a.command),
+          ref: S(a.command),
           className: "rte-toolbar-button",
           "data-command": a.command,
           "data-active": "false",
-          onClick: () => M(a.command),
+          onClick: () => L(a.command),
           title: a.label,
           children: D(a.icon, a.command)
         }
@@ -199,11 +199,11 @@ const oe = ({
           type: "text",
           className: `rte-toolbar-input ${a.label.toLowerCase().replace(/\s+/g, "-")}`,
           placeholder: a.placeholder,
-          onChange: (S) => k(a.command, S.target.value),
-          onKeyDown: (S) => {
-            S.key === "Enter" && k(
+          onChange: (M) => x(a.command, M.target.value),
+          onKeyDown: (M) => {
+            M.key === "Enter" && x(
               a.command,
-              S.target.value
+              M.target.value
             );
           },
           title: a.label
@@ -227,66 +227,66 @@ const oe = ({
           className: "rte-toolbar-button",
           "data-command": a.command,
           "data-active": "false",
-          onClick: () => k(a.command),
+          onClick: () => x(a.command),
           title: a.label,
           children: D(a.icon, a.command)
         }
       )
     },
-    x
+    k
   ));
-  return /* @__PURE__ */ N(F, { children: [
-    /* @__PURE__ */ N("div", { className: "rte-toolbar-wrapper", style: Q, children: [
-      /* @__PURE__ */ N("div", { className: "rte-toolbar", ref: p, children: [
-        /* @__PURE__ */ l("div", { className: "rte-toolbar-items-container", ref: y, children: O(w) }),
-        s !== null && s < w.length && /* @__PURE__ */ l(
+  return /* @__PURE__ */ R(B, { children: [
+    /* @__PURE__ */ R("div", { className: "rte-toolbar-wrapper", style: Q, children: [
+      /* @__PURE__ */ R("div", { className: "rte-toolbar", ref: b, children: [
+        /* @__PURE__ */ l("div", { className: "rte-toolbar-items-container", ref: p, children: O(w) }),
+        u !== null && u < w.length && /* @__PURE__ */ l(
           "button",
           {
-            ref: C,
-            className: `rte-toolbar-more-button ${b ? "active" : ""}`,
-            onClick: () => u(!b),
+            ref: y,
+            className: `rte-toolbar-more-button ${C ? "active" : ""}`,
+            onClick: () => c(!C),
             title: "Show more options",
             "aria-label": "More toolbar options",
             children: "☰"
           }
         )
       ] }),
-      s !== null && s < w.length && /* @__PURE__ */ l(
+      u !== null && u < w.length && /* @__PURE__ */ l(
         "div",
         {
-          className: `rte-toolbar-expanded-row ${b ? "show" : ""}`,
+          className: `rte-toolbar-expanded-row ${C ? "show" : ""}`,
           children: w.map(
-            (n, a) => a >= (s || 0) && /* @__PURE__ */ l("div", { className: "rte-toolbar-item", children: n.type === "dropdown" ? /* @__PURE__ */ N("div", { className: "rte-toolbar-dropdown", children: [
-              /* @__PURE__ */ N(
+            (n, a) => a >= (u || 0) && /* @__PURE__ */ l("div", { className: "rte-toolbar-item", children: n.type === "dropdown" ? /* @__PURE__ */ R("div", { className: "rte-toolbar-dropdown", children: [
+              /* @__PURE__ */ R(
                 "button",
                 {
                   className: "rte-toolbar-button",
                   "data-command": n.command,
                   "data-active": "false",
-                  onClick: () => A(n.command),
+                  onClick: () => T(n.command),
                   children: [
                     n.label,
                     " ▼"
                   ]
                 }
               ),
-              i === n.command && /* @__PURE__ */ l("div", { className: "rte-toolbar-dropdown-menu", children: n.options?.map((x) => /* @__PURE__ */ l(
+              i === n.command && /* @__PURE__ */ l("div", { className: "rte-toolbar-dropdown-menu", children: n.options?.map((k) => /* @__PURE__ */ l(
                 "div",
                 {
                   className: "rte-toolbar-dropdown-item",
-                  onClick: () => k(n.command, x.value),
-                  children: x.label
+                  onClick: () => x(n.command, k.value),
+                  children: k.label
                 },
-                x.value
+                k.value
               )) })
             ] }) : n.type === "inline-menu" ? /* @__PURE__ */ l(
               "button",
               {
-                ref: L(n.command),
+                ref: S(n.command),
                 className: "rte-toolbar-button",
                 "data-command": n.command,
                 "data-active": "false",
-                onClick: () => M(n.command),
+                onClick: () => L(n.command),
                 title: n.label,
                 children: D(n.icon, n.command)
               }
@@ -296,11 +296,11 @@ const oe = ({
                 type: "text",
                 className: "rte-toolbar-input",
                 placeholder: n.placeholder,
-                onChange: (x) => k(n.command, x.target.value),
-                onKeyDown: (x) => {
-                  x.key === "Enter" && k(
+                onChange: (k) => x(n.command, k.target.value),
+                onKeyDown: (k) => {
+                  k.key === "Enter" && x(
                     n.command,
-                    x.target.value
+                    k.target.value
                   );
                 },
                 title: n.label
@@ -311,7 +311,7 @@ const oe = ({
                 className: "rte-toolbar-button",
                 "data-command": n.command,
                 "data-active": "false",
-                onClick: () => k(n.command),
+                onClick: () => x(n.command),
                 title: n.label,
                 children: D(n.icon, n.command)
               }
@@ -321,32 +321,32 @@ const oe = ({
       )
     ] }),
     w.map((n) => n.type === "inline-menu" ? /* @__PURE__ */ l(
-      oe,
+      ce,
       {
-        isOpen: m === n.command,
+        isOpen: g === n.command,
         options: n.options || [],
         onSelect: (a) => I(n.command, a),
-        onClose: () => f(null),
-        anchorRef: L(n.command)
+        onClose: () => d(null),
+        anchorRef: S(n.command)
       },
       `menu-${n.command}`
     ) : null)
   ] });
 };
-function re(e, t) {
-  const d = E(), c = E("");
-  return T(() => {
+function se(e, t) {
+  const m = E(), s = E("");
+  return A(() => {
     if (!t?.enabled) return;
-    const r = t.intervalMs || 3e4, m = t.storageKey || "rte-autosave", f = t.provider || "localStorage", g = async () => {
+    const r = t.intervalMs || 3e4, g = t.storageKey || "rte-autosave", d = t.provider || "localStorage", h = async () => {
       const o = e();
-      if (o !== c.current) {
-        if (c.current = o, f === "localStorage")
+      if (o !== s.current) {
+        if (s.current = o, d === "localStorage")
           try {
-            localStorage.setItem(m, o), localStorage.setItem(`${m}-timestamp`, Date.now().toString()), console.log("[Autosave] Content saved to localStorage");
-          } catch (s) {
-            console.error("[Autosave] Failed to save to localStorage:", s);
+            localStorage.setItem(g, o), localStorage.setItem(`${g}-timestamp`, Date.now().toString()), console.log("[Autosave] Content saved to localStorage");
+          } catch (u) {
+            console.error("[Autosave] Failed to save to localStorage:", u);
           }
-        else if (f === "api" && t.apiUrl)
+        else if (d === "api" && t.apiUrl)
           try {
             await fetch(t.apiUrl, {
               method: "POST",
@@ -355,29 +355,29 @@ function re(e, t) {
               },
               body: JSON.stringify({ content: o, timestamp: Date.now() })
             }), console.log("[Autosave] Content saved to API");
-          } catch (s) {
-            console.error("[Autosave] Failed to save to API:", s);
+          } catch (u) {
+            console.error("[Autosave] Failed to save to API:", u);
           }
       }
     };
-    return d.current = setInterval(g, r), () => {
-      d.current && clearInterval(d.current);
+    return m.current = setInterval(h, r), () => {
+      m.current && clearInterval(m.current);
     };
   }, [t?.enabled, t?.intervalMs, t?.storageKey, t?.provider, t?.apiUrl, e]), { restore: () => {
     if (!t?.enabled) return null;
     const r = t.storageKey || "rte-autosave";
     if ((t.provider || "localStorage") === "localStorage")
       try {
-        const f = localStorage.getItem(r), g = localStorage.getItem(`${r}-timestamp`);
-        if (f && g)
-          return console.log("[Autosave] Restored from localStorage, saved at:", new Date(parseInt(g))), f;
-      } catch (f) {
-        console.error("[Autosave] Failed to restore from localStorage:", f);
+        const d = localStorage.getItem(r), h = localStorage.getItem(`${r}-timestamp`);
+        if (d && h)
+          return console.log("[Autosave] Restored from localStorage, saved at:", new Date(parseInt(h))), d;
+      } catch (d) {
+        console.error("[Autosave] Failed to restore from localStorage:", d);
       }
     return null;
   } };
 }
-const ae = [
+const de = [
   "p",
   "br",
   "strong",
@@ -413,7 +413,7 @@ const ae = [
   "sup",
   "sub",
   "hr"
-], le = {
+], ue = {
   "*": ["class", "style", "id", "data-*"],
   a: ["href", "target", "rel", "title"],
   img: ["src", "alt", "width", "height", "loading"],
@@ -423,130 +423,130 @@ const ae = [
   td: ["colspan", "rowspan", "align", "valign"],
   th: ["colspan", "rowspan", "align", "valign"]
 };
-function G(e, t, d) {
+function G(e, t, m) {
   if (t?.sanitize === !1)
     return e;
-  const c = t?.allowedTags && t.allowedTags.length > 0 ? t.allowedTags : ae, i = t?.allowedAttributes || le, r = document.createElement("div");
-  return r.innerHTML = e, X(r, c, i), r.innerHTML;
+  const s = t?.allowedTags && t.allowedTags.length > 0 ? t.allowedTags : de, i = t?.allowedAttributes || ue, r = document.createElement("div");
+  return r.innerHTML = e, X(r, s, i), r.innerHTML;
 }
-function X(e, t, d) {
-  const c = Array.from(e.childNodes);
-  for (const i of c)
+function X(e, t, m) {
+  const s = Array.from(e.childNodes);
+  for (const i of s)
     if (i.nodeType === Node.ELEMENT_NODE) {
-      const r = i, m = r.tagName.toLowerCase();
-      if (!t.includes(m)) {
+      const r = i, g = r.tagName.toLowerCase();
+      if (!t.includes(g)) {
         for (; r.firstChild; )
           e.insertBefore(r.firstChild, r);
         e.removeChild(r);
         continue;
       }
-      ie(r, d), X(r, t, d);
+      fe(r, m), X(r, t, m);
     } else {
       if (i.nodeType === Node.TEXT_NODE)
         continue;
       e.removeChild(i);
     }
 }
-function ie(e, t) {
-  const d = e.tagName.toLowerCase(), c = Array.from(e.attributes), i = t[d] || [], r = t["*"] || [], m = [...i, ...r];
-  for (const f of c) {
-    const g = f.name.toLowerCase();
+function fe(e, t) {
+  const m = e.tagName.toLowerCase(), s = Array.from(e.attributes), i = t[m] || [], r = t["*"] || [], g = [...i, ...r];
+  for (const d of s) {
+    const h = d.name.toLowerCase();
     let o = !1;
-    m.includes(g) && (o = !0);
-    for (const s of m)
-      if (s.endsWith("*")) {
-        const h = s.slice(0, -1);
-        if (g.startsWith(h)) {
+    g.includes(h) && (o = !0);
+    for (const u of g)
+      if (u.endsWith("*")) {
+        const v = u.slice(0, -1);
+        if (h.startsWith(v)) {
           o = !0;
           break;
         }
       }
-    (g.startsWith("on") || // Event handlers
-    g === "javascript:" || g === "href" && f.value.trim().toLowerCase().startsWith("javascript:") || g === "src" && f.value.trim().toLowerCase().startsWith("javascript:")) && (o = !1), o || e.removeAttribute(f.name);
+    (h.startsWith("on") || // Event handlers
+    h === "javascript:" || h === "href" && d.value.trim().toLowerCase().startsWith("javascript:") || h === "src" && d.value.trim().toLowerCase().startsWith("javascript:")) && (o = !1), o || e.removeAttribute(d.name);
   }
   e.hasAttribute("href") && (e.getAttribute("href") || "").trim().toLowerCase().startsWith("javascript:") && e.removeAttribute("href"), e.hasAttribute("src") && (e.getAttribute("src") || "").trim().toLowerCase().startsWith("javascript:") && e.removeAttribute("src");
 }
-function ce(e, t, d) {
-  return d?.sanitizeOnPaste === !1 ? e : G(e, t);
+function me(e, t, m) {
+  return m?.sanitizeOnPaste === !1 ? e : G(e, t);
 }
-function se(e, t, d) {
-  return d?.sanitizeOnInput === !1 ? e : G(e, t);
+function ge(e, t, m) {
+  return m?.sanitizeOnInput === !1 ? e : G(e, t);
 }
-const de = ({
+const be = ({
   editor: e,
   defaultValue: t,
-  value: d,
-  onChange: c,
+  value: m,
+  onChange: s,
   pasteConfig: i,
   contentConfig: r,
-  securityConfig: m,
-  performanceConfig: f,
-  autosaveConfig: g
+  securityConfig: g,
+  performanceConfig: d,
+  autosaveConfig: h
 }) => {
-  const o = E(null), s = d !== void 0, h = E(), { restore: b } = re(
+  const o = E(null), u = m !== void 0, v = E(), { restore: C } = se(
     () => o.current?.innerHTML || "",
-    g
+    h
   );
-  return T(() => {
+  return A(() => {
     if (!o.current) return;
-    const u = b(), v = u || d || t;
-    v && o.current.innerHTML !== v && (o.current.innerHTML = v, u && c && c(u));
-  }, []), T(() => {
-    !o.current || !s || d !== o.current.innerHTML && (o.current.innerHTML = d);
-  }, [d, s]), T(() => {
+    const c = C(), f = c || m || t;
+    f && o.current.innerHTML !== f && (o.current.innerHTML = f, c && s && s(c));
+  }, []), A(() => {
+    !o.current || !u || m !== o.current.innerHTML && (o.current.innerHTML = m);
+  }, [m, u]), A(() => {
     if (!o.current) return;
-    const u = () => {
-      if (!o.current || !c) return;
-      let C = o.current.innerHTML;
-      if (m?.sanitizeOnInput !== !1 && r?.sanitize !== !1 && (C = se(C, r, m), C !== o.current.innerHTML)) {
-        const w = window.getSelection(), L = w && w.rangeCount > 0 ? w.getRangeAt(0) : null;
-        if (o.current.innerHTML = C, L && w)
+    const c = () => {
+      if (!o.current || !s) return;
+      let y = o.current.innerHTML;
+      if (g?.sanitizeOnInput !== !1 && r?.sanitize !== !1 && (y = ge(y, r, g), y !== o.current.innerHTML)) {
+        const w = window.getSelection(), S = w && w.rangeCount > 0 ? w.getRangeAt(0) : null;
+        if (o.current.innerHTML = y, S && w)
           try {
-            w.removeAllRanges(), w.addRange(L);
+            w.removeAllRanges(), w.addRange(S);
           } catch {
           }
       }
-      f?.debounceInputMs ? (h.current && clearTimeout(h.current), h.current = setTimeout(() => {
-        c(C);
-      }, f.debounceInputMs)) : c(C);
-    }, v = (C) => {
-      C.preventDefault();
-      let w = C.clipboardData?.getData("text/html");
-      const L = C.clipboardData?.getData("text/plain");
+      d?.debounceInputMs ? (v.current && clearTimeout(v.current), v.current = setTimeout(() => {
+        s(y);
+      }, d.debounceInputMs)) : s(y);
+    }, f = (y) => {
+      y.preventDefault();
+      let w = y.clipboardData?.getData("text/html");
+      const S = y.clipboardData?.getData("text/plain");
       if (i?.clean || !i?.keepFormatting) {
-        L && document.execCommand("insertText", !1, L);
+        S && document.execCommand("insertText", !1, S);
         return;
       }
       if (w) {
-        m?.sanitizeOnPaste !== !1 && r?.sanitize !== !1 && (w = ce(w, r, m));
-        const k = window.getSelection();
-        if (k && k.rangeCount > 0) {
-          const A = k.getRangeAt(0);
-          A.deleteContents();
-          const M = document.createElement("div");
-          M.innerHTML = w;
+        g?.sanitizeOnPaste !== !1 && r?.sanitize !== !1 && (w = me(w, r, g));
+        const x = window.getSelection();
+        if (x && x.rangeCount > 0) {
+          const T = x.getRangeAt(0);
+          T.deleteContents();
+          const L = document.createElement("div");
+          L.innerHTML = w;
           const I = document.createDocumentFragment();
-          for (; M.firstChild; )
-            I.appendChild(M.firstChild);
-          A.insertNode(I), A.collapse(!1), k.removeAllRanges(), k.addRange(A);
+          for (; L.firstChild; )
+            I.appendChild(L.firstChild);
+          T.insertNode(I), T.collapse(!1), x.removeAllRanges(), x.addRange(T);
         }
-      } else L && document.execCommand("insertText", !1, L);
-    }, p = (C) => {
-      const w = C.target;
+      } else S && document.execCommand("insertText", !1, S);
+    }, b = (y) => {
+      const w = y.target;
       (w.tagName === "IMG" || w.tagName === "VIDEO") && (w.style.resize = "both", w.style.overflow = "auto", w.style.display = "inline-block");
-    }, y = o.current;
-    return y.addEventListener("input", u), y.addEventListener("paste", v), y.addEventListener("click", p), y.focus(), () => {
-      h.current && clearTimeout(h.current), y.removeEventListener("input", u), y.removeEventListener("paste", v), y.removeEventListener("click", p);
+    }, p = o.current;
+    return p.addEventListener("input", c), p.addEventListener("paste", f), p.addEventListener("click", b), p.focus(), () => {
+      v.current && clearTimeout(v.current), p.removeEventListener("input", c), p.removeEventListener("paste", f), p.removeEventListener("click", b);
     };
-  }, [e, c, i, r, m, f]), T(() => {
+  }, [e, s, i, r, g, d]), A(() => {
     if (!o.current || typeof window > "u") return;
-    const u = new _(), v = o.current, p = (y) => {
-      u.handleKeyDown(y, (C, w) => {
-        typeof window < "u" && window.executeEditorCommand && window.executeEditorCommand(C, w);
+    const c = new _(), f = o.current, b = (p) => {
+      c.handleKeyDown(p, (y, w) => {
+        typeof window < "u" && window.executeEditorCommand && window.executeEditorCommand(y, w);
       });
     };
-    return v.addEventListener("keydown", p), () => {
-      v.removeEventListener("keydown", p);
+    return f.addEventListener("keydown", b), () => {
+      f.removeEventListener("keydown", b);
     };
   }, []), /* @__PURE__ */ l(
     "div",
@@ -561,7 +561,7 @@ const de = ({
         padding: "16px",
         outline: "none",
         border: "1px solid #ddd",
-        borderRadius: "4px",
+        borderRadius: "0px 0px 4px 4px",
         fontSize: "14px",
         lineHeight: "1.5",
         overflow: "auto",
@@ -573,54 +573,54 @@ const de = ({
       children: /* @__PURE__ */ l("p", { children: /* @__PURE__ */ l("br", {}) })
     }
   );
-}, ue = ({
+}, he = ({
   editor: e,
   isEnabled: t
 }) => {
-  const [d, c] = R(!1), [i, r] = R({ top: 0, left: 0 }), m = E(null), f = E(null), g = E(null), o = E(null);
-  T(() => {
+  const [m, s] = N(!1), [i, r] = N({ top: 0, left: 0 }), g = E(null), d = E(null), h = E(null), o = E(null);
+  A(() => {
     if (!t) {
-      c(!1);
+      s(!1);
       return;
     }
-    o.current = m.current?.closest("[data-editora-editor]");
-    const h = () => {
-      g.current && clearTimeout(g.current);
-      const u = window.getSelection();
-      if (!u || u.rangeCount === 0) {
-        c(!1), f.current = null;
+    o.current = g.current?.closest("[data-editora-editor]");
+    const v = () => {
+      h.current && clearTimeout(h.current);
+      const c = window.getSelection();
+      if (!c || c.rangeCount === 0) {
+        s(!1), d.current = null;
         return;
       }
-      const v = u.getRangeAt(0), p = u.toString().trim(), y = o.current?.querySelector(".rte-content");
-      if (!y || !y.contains(v.commonAncestorContainer)) {
-        c(!1), f.current = null;
+      const f = c.getRangeAt(0), b = c.toString().trim(), p = o.current?.querySelector(".rte-content");
+      if (!p || !p.contains(f.commonAncestorContainer)) {
+        s(!1), d.current = null;
         return;
       }
-      if (p.length > 0) {
-        const C = v.getBoundingClientRect(), w = y.getBoundingClientRect(), L = 300;
-        if (C && w) {
-          const k = C.top - 50;
-          let A = C.left + C.width / 2;
-          const M = L / 2, I = w.left, D = w.right;
-          A - M < I && (A = I + M + 10), A + M > D && (A = D - M - 10), r({ top: k, left: A }), g.current = setTimeout(() => {
-            c(!0), f.current = v.cloneRange();
+      if (b.length > 0) {
+        const y = f.getBoundingClientRect(), w = p.getBoundingClientRect(), S = 300;
+        if (y && w) {
+          const x = y.top - 50;
+          let T = y.left + y.width / 2;
+          const L = S / 2, I = w.left, D = w.right;
+          T - L < I && (T = I + L + 10), T + L > D && (T = D - L - 10), r({ top: x, left: T }), h.current = setTimeout(() => {
+            s(!0), d.current = f.cloneRange();
           }, 300);
         }
       } else
-        c(!1), f.current = null;
-    }, b = (u) => {
-      m.current && !m.current.contains(u.target) && (window.getSelection(), o.current?.querySelector(".rte-content")?.contains(u.target) || (c(!1), f.current = null));
+        s(!1), d.current = null;
+    }, C = (c) => {
+      g.current && !g.current.contains(c.target) && (window.getSelection(), o.current?.querySelector(".rte-content")?.contains(c.target) || (s(!1), d.current = null));
     };
-    return document.addEventListener("selectionchange", h), document.addEventListener("mousedown", b), document.addEventListener("keydown", (u) => {
-      u.key === "Escape" && (c(!1), f.current = null);
+    return document.addEventListener("selectionchange", v), document.addEventListener("mousedown", C), document.addEventListener("keydown", (c) => {
+      c.key === "Escape" && (s(!1), d.current = null);
     }), () => {
-      document.removeEventListener("selectionchange", h), document.removeEventListener("mousedown", b), g.current && clearTimeout(g.current);
+      document.removeEventListener("selectionchange", v), document.removeEventListener("mousedown", C), h.current && clearTimeout(h.current);
     };
   }, [t]);
-  const s = (h, b) => {
-    if (!f.current) return;
-    const u = o.current?.querySelector(".rte-content");
-    u && u.focus(), {
+  const u = (v, C) => {
+    if (!d.current) return;
+    const c = o.current?.querySelector(".rte-content");
+    c && c.focus(), {
       toggleBold: () => document.execCommand("bold", !1),
       toggleItalic: () => document.execCommand("italic", !1),
       toggleUnderline: () => document.execCommand("underline", !1),
@@ -632,27 +632,27 @@ const de = ({
         document.execCommand("removeFormat", !1), document.execCommand("unlink", !1);
       },
       toggleCode: () => {
-        const p = window.getSelection();
-        if (p && p.rangeCount > 0) {
-          const y = p.getRangeAt(0), C = document.createElement("code");
-          y.surroundContents(C);
+        const b = window.getSelection();
+        if (b && b.rangeCount > 0) {
+          const p = b.getRangeAt(0), y = document.createElement("code");
+          p.surroundContents(y);
         }
       },
       setBlockType: () => {
-        if (b === "blockquote") {
-          const p = window.getSelection();
-          if (p && p.rangeCount > 0) {
-            const y = p.getRangeAt(0);
-            (y.commonAncestorContainer.nodeType === Node.TEXT_NODE ? y.commonAncestorContainer.parentElement : y.commonAncestorContainer)?.closest?.("blockquote") ? document.execCommand("formatBlock", !1, "p") : document.execCommand("formatBlock", !1, "blockquote");
+        if (C === "blockquote") {
+          const b = window.getSelection();
+          if (b && b.rangeCount > 0) {
+            const p = b.getRangeAt(0);
+            (p.commonAncestorContainer.nodeType === Node.TEXT_NODE ? p.commonAncestorContainer.parentElement : p.commonAncestorContainer)?.closest?.("blockquote") ? document.execCommand("formatBlock", !1, "p") : document.execCommand("formatBlock", !1, "blockquote");
           }
-        } else b && document.execCommand("formatBlock", !1, b);
+        } else C && document.execCommand("formatBlock", !1, C);
       }
-    }[h]?.(), c(!1), f.current = null, u && u.focus();
+    }[v]?.(), s(!1), d.current = null, c && c.focus();
   };
-  return !t || !d ? null : /* @__PURE__ */ N(
+  return !t || !m ? null : /* @__PURE__ */ R(
     "div",
     {
-      ref: m,
+      ref: g,
       className: "floating-toolbar",
       style: {
         position: "fixed",
@@ -674,7 +674,7 @@ const de = ({
           "button",
           {
             className: "floating-toolbar-btn",
-            onClick: () => s("toggleBold"),
+            onClick: () => u("toggleBold"),
             title: "Bold (Ctrl+B)",
             children: /* @__PURE__ */ l("strong", { children: "B" })
           }
@@ -683,7 +683,7 @@ const de = ({
           "button",
           {
             className: "floating-toolbar-btn",
-            onClick: () => s("toggleItalic"),
+            onClick: () => u("toggleItalic"),
             title: "Italic (Ctrl+I)",
             children: /* @__PURE__ */ l("em", { children: "I" })
           }
@@ -692,7 +692,7 @@ const de = ({
           "button",
           {
             className: "floating-toolbar-btn",
-            onClick: () => s("toggleUnderline"),
+            onClick: () => u("toggleUnderline"),
             title: "Underline (Ctrl+U)",
             children: /* @__PURE__ */ l("u", { children: "U" })
           }
@@ -701,7 +701,7 @@ const de = ({
           "button",
           {
             className: "floating-toolbar-btn",
-            onClick: () => s("toggleStrikethrough"),
+            onClick: () => u("toggleStrikethrough"),
             title: "Strikethrough",
             children: /* @__PURE__ */ l("s", { children: "S" })
           }
@@ -711,7 +711,7 @@ const de = ({
           "button",
           {
             className: "floating-toolbar-btn",
-            onClick: () => s("clearFormatting"),
+            onClick: () => u("clearFormatting"),
             title: "Clear Formatting",
             children: "⌫"
           }
@@ -720,7 +720,7 @@ const de = ({
           "button",
           {
             className: "floating-toolbar-btn",
-            onClick: () => s("createLink"),
+            onClick: () => u("createLink"),
             title: "Insert Link",
             children: "🔗"
           }
@@ -729,7 +729,7 @@ const de = ({
           "button",
           {
             className: "floating-toolbar-btn",
-            onClick: () => s("toggleCode"),
+            onClick: () => u("toggleCode"),
             title: "Code",
             children: "Code"
           }
@@ -739,7 +739,7 @@ const de = ({
           "button",
           {
             className: "floating-toolbar-btn",
-            onClick: () => s("setBlockType", "blockquote"),
+            onClick: () => u("setBlockType", "blockquote"),
             title: "Quote",
             children: "❝"
           }
@@ -747,24 +747,28 @@ const de = ({
       ]
     }
   );
-}, fe = ({
+}, we = ({
   plugins: e,
   children: t
 }) => {
-  const d = e.filter((i) => i.context?.provider);
-  return d.length === 0 ? /* @__PURE__ */ l(F, { children: t }) : d.reduce(
+  const m = e.filter((i) => i.context?.provider);
+  return m.length === 0 ? /* @__PURE__ */ l(B, { children: t }) : m.reduce(
     (i, r) => {
-      const m = r.context.provider;
-      return /* @__PURE__ */ l(m, { children: i }, r.name);
+      const g = r.context.provider;
+      return /* @__PURE__ */ l(g, { children: i }, r.name);
     },
-    /* @__PURE__ */ l(F, { children: t })
+    /* @__PURE__ */ l(B, { children: t })
   );
-}, me = {
+}, ve = {
   toolbar: {
     items: [],
     floating: !1,
     sticky: !1
   },
+  statusbar: {
+    enabled: !1,
+    position: "bottom"
+  },
   menubar: {
     enabled: !1,
     items: []
@@ -828,16 +832,17 @@ const de = ({
   }
 };
 function J(e, t) {
-  const d = { ...e };
-  for (const c in t) {
-    const i = t[c], r = d[c];
-    i !== void 0 && (typeof i == "object" && i !== null && !Array.isArray(i) && typeof r == "object" && r !== null && !Array.isArray(r) ? d[c] = J(r, i) : d[c] = i);
+  const m = { ...e };
+  for (const s in t) {
+    const i = t[s], r = m[s];
+    i !== void 0 && (typeof i == "object" && i !== null && !Array.isArray(i) && typeof r == "object" && r !== null && !Array.isArray(r) ? m[s] = J(r, i) : m[s] = i);
   }
-  return d;
+  return m;
 }
-function ge(e) {
-  const t = J(me, {
+function pe(e) {
+  const t = J(ve, {
     toolbar: e.toolbar,
+    statusbar: e.statusbar,
     menubar: e.menubar,
     contextMenu: e.contextMenu,
     media: e.media,
@@ -869,19 +874,19 @@ function ge(e) {
     onChange: e.onChange,
     onInit: e.onInit,
     onDestroy: e.onDestroy,
-    plugins: Array.isArray(e.plugins) ? e.plugins.filter((c) => typeof c != "string") : [],
+    plugins: Array.isArray(e.plugins) ? e.plugins.filter((s) => typeof s != "string") : [],
     pluginConfig: e.pluginConfig || {}
   };
 }
-const B = /* @__PURE__ */ new Map();
+const F = /* @__PURE__ */ new Map();
 typeof window < "u" && (window.registerEditorCommand = (e, t) => {
-  B.set(e, t);
+  F.set(e, t);
 }, window.executeEditorCommand = (e, t) => {
-  const d = B.get(e);
-  return d ? d(t) : (console.warn(`No handler registered for command: ${e}`), !1);
+  const m = F.get(e);
+  return m ? m(t) : (console.warn(`No handler registered for command: ${e}`), !1);
 });
-const be = (e) => {
-  const t = j(() => ge(e), [
+const ye = (e) => {
+  const t = j(() => pe(e), [
     e.id,
     e.className,
     e.value,
@@ -902,61 +907,93 @@ const be = (e) => {
     e.security,
     e.floatingToolbar,
     e.mediaConfig
-  ]), d = E(null), c = E(null), i = E(e.onInit), r = E(e.onDestroy), m = E(null);
-  T(() => {
+  ]), m = E(null), s = E(null), i = E(e.onInit), r = E(e.onDestroy), g = E(null), d = E(null), h = E(null);
+  A(() => {
     i.current = e.onInit, r.current = e.onDestroy;
   });
-  const f = j(() => {
-    const h = new te();
-    t.plugins.forEach((u) => {
-      h.register(u), u.commands && typeof window < "u" && Object.entries(u.commands).forEach(([v, p]) => {
-        B.set(v, p);
+  const o = j(() => {
+    const c = new te();
+    t.plugins.forEach((b) => {
+      c.register(b), b.commands && typeof window < "u" && Object.entries(b.commands).forEach(([p, y]) => {
+        F.set(p, y);
       });
     });
-    const b = new ne(h);
-    return d.current = b, b;
+    const f = new ne(c);
+    return m.current = f, f;
   }, [t.plugins]);
-  T(() => {
-    const h = {
-      getHTML: () => m.current?.querySelector(".rte-content")?.innerHTML || "",
-      setHTML: (b) => {
-        const u = m.current?.querySelector(".rte-content");
-        u && (u.innerHTML = b);
+  A(() => {
+    const c = {
+      getHTML: () => g.current?.querySelector(".rte-content")?.innerHTML || "",
+      setHTML: (f) => {
+        const b = g.current?.querySelector(".rte-content");
+        b && (b.innerHTML = f);
       },
-      execCommand: (b, u) => {
-        typeof window < "u" && window.executeEditorCommand && window.executeEditorCommand(b, u);
+      execCommand: (f, b) => {
+        typeof window < "u" && window.executeEditorCommand && window.executeEditorCommand(f, b);
       },
-      registerCommand: (b, u) => {
-        typeof window < "u" && window.registerEditorCommand && window.registerEditorCommand(b, u);
+      registerCommand: (f, b) => {
+        typeof window < "u" && window.registerEditorCommand && window.registerEditorCommand(f, b);
       },
       focus: () => {
-        m.current?.querySelector(".rte-content")?.focus();
+        g.current?.querySelector(".rte-content")?.focus();
       },
       blur: () => {
-        m.current?.querySelector(".rte-content")?.blur();
+        g.current?.querySelector(".rte-content")?.blur();
       },
       destroy: () => {
         r.current && r.current();
       },
-      onChange: (b) => () => {
+      onChange: (f) => () => {
       },
       getState: () => ({
         plugins: t.plugins,
         config: t
       }),
       toolbar: {
-        items: f.toolbar?.items || []
+        items: o.toolbar?.items || []
       }
     };
-    return c.current = h, i.current && i.current(h), () => {
+    return s.current = c, i.current && i.current(c), () => {
       r.current && r.current();
     };
-  }, []);
-  const g = t.toolbar.floating ?? !1, o = t.toolbar.position || "top", s = t.toolbar.sticky ?? !1;
-  return /* @__PURE__ */ l(fe, { plugins: t.plugins, children: /* @__PURE__ */ N(
+  }, []), A(() => {
+    if (t.statusbar.enabled && h.current && g.current) {
+      d.current || (d.current = new oe({
+        enabled: !0,
+        position: t.statusbar.position
+      }), d.current.create(h.current));
+      const c = g.current.querySelector(".rte-content");
+      if (c) {
+        const f = () => {
+          const b = c.textContent || "", { words: p, chars: y } = re(b), w = ae(c), S = window.getSelection();
+          let x, T;
+          if (S && S.rangeCount > 0) {
+            const L = S.getRangeAt(0);
+            x = le(c, L), L.collapsed || (T = ie(L, x), x = void 0);
+          }
+          d.current?.update({
+            wordCount: p,
+            charCount: y,
+            lineCount: w,
+            cursorPosition: x,
+            selectionInfo: T
+          });
+        };
+        return c.addEventListener("input", f), c.addEventListener("selectionchange", f), document.addEventListener("selectionchange", f), f(), () => {
+          c.removeEventListener("input", f), c.removeEventListener("selectionchange", f), document.removeEventListener("selectionchange", f);
+        };
+      }
+    } else
+      d.current && (d.current.destroy(), d.current = null);
+    return () => {
+      d.current && (d.current.destroy(), d.current = null);
+    };
+  }, [t.statusbar.enabled, t.statusbar.position]);
+  const u = t.toolbar.floating ?? !1, v = t.toolbar.position || "top", C = t.toolbar.sticky ?? !1;
+  return /* @__PURE__ */ l(we, { plugins: t.plugins, children: /* @__PURE__ */ R(
     "div",
     {
-      ref: m,
+      ref: g,
       id: t.id,
       "data-editora-editor": !0,
       className: `rte-editor ${t.className || ""}`,
@@ -967,19 +1004,19 @@ const be = (e) => {
         height: "100%"
       },
       children: [
-        o !== "bottom" && /* @__PURE__ */ l(
+        v !== "bottom" && /* @__PURE__ */ l(
           V,
           {
-            editor: f,
-            position: o,
-            sticky: s,
-            floating: g
+            editor: o,
+            position: v,
+            sticky: C,
+            floating: u
           }
         ),
         /* @__PURE__ */ l(
-          de,
+          be,
           {
-            editor: f,
+            editor: o,
             defaultValue: t.defaultValue,
             value: t.value,
             onChange: t.onChange,
@@ -990,43 +1027,51 @@ const be = (e) => {
             autosaveConfig: t.autosave
           }
         ),
-        o === "bottom" && /* @__PURE__ */ l(
+        v === "bottom" && /* @__PURE__ */ l(
           V,
           {
-            editor: f,
-            position: o,
-            sticky: s,
-            floating: g
+            editor: o,
+            position: v,
+            sticky: C,
+            floating: u
           }
         ),
         /* @__PURE__ */ l(
-          ue,
+          he,
+          {
+            editor: o,
+            isEnabled: u
+          }
+        ),
+        t.statusbar.enabled && /* @__PURE__ */ l(
+          "div",
           {
-            editor: f,
-            isEnabled: g
+            ref: h,
+            className: "editora-statusbar-container",
+            style: { order: t.statusbar.position === "top" ? -1 : 1 }
           }
         )
       ]
     }
   ) });
-}, ye = (e) => /* @__PURE__ */ l(be, { ...e });
-function Ce(e = {}) {
-  const t = E(null), d = E(e.onCommand);
-  return T(() => {
-    d.current = e.onCommand;
-  }), T(() => {
+}, Se = (e) => /* @__PURE__ */ l(ye, { ...e });
+function Te(e = {}) {
+  const t = E(null), m = E(e.onCommand);
+  return A(() => {
+    m.current = e.onCommand;
+  }), A(() => {
     if (typeof window > "u" || e.enabled === !1) return;
-    const c = new _(e);
-    t.current = c;
-    const i = (m) => c.handleKeyDown(m, (g, o) => {
-      d.current && d.current(g, o), typeof window < "u" && window.executeEditorCommand && window.executeEditorCommand(g, o);
+    const s = new _(e);
+    t.current = s;
+    const i = (g) => s.handleKeyDown(g, (h, o) => {
+      m.current && m.current(h, o), typeof window < "u" && window.executeEditorCommand && window.executeEditorCommand(h, o);
     }), r = e.editorElement || document;
     return r && r.addEventListener("keydown", i), () => {
       r && r.removeEventListener("keydown", i);
     };
   }, [e.editorElement, e.enabled, e.shortcuts, e.customShortcuts]), {
     getShortcuts: () => t.current?.getAllShortcuts() || [],
-    getShortcutForCommand: (c) => t.current?.getShortcutForCommand(c),
+    getShortcutForCommand: (s) => t.current?.getShortcutForCommand(s),
     getShortcutsHelp: () => t.current?.getShortcutsHelp() || "",
     enable: () => t.current?.enable(),
     disable: () => t.current?.disable(),
@@ -1034,11 +1079,11 @@ function Ce(e = {}) {
   };
 }
 export {
-  de as EditorContent,
-  ye as EditoraEditor,
-  oe as InlineMenu,
-  ye as RichTextEditor,
+  be as EditorContent,
+  Se as EditoraEditor,
+  ce as InlineMenu,
+  Se as RichTextEditor,
   V as Toolbar,
-  ge as mergeConfig,
-  Ce as useKeyboardShortcuts
+  pe as mergeConfig,
+  Te as useKeyboardShortcuts
 };