@tempots/beatui 1.1.2 → 1.1.3

package/dist/lexical/index.es.js

@@ -1,4 +1,4 @@
-import { HeadingNode as ht, QuoteNode as bt, registerRichText as Pt, $createHeadingNode as V, $createQuoteNode as Be } from "@lexical/rich-text";
+import { HeadingNode as ht, QuoteNode as bt, registerRichText as Pt, $createHeadingNode as W, $createQuoteNode as Be } from "@lexical/rich-text";
 import { ListNode as Bt, ListItemNode as $t, registerList as _e, registerCheckList as dt, INSERT_ORDERED_LIST_COMMAND as ke, insertList as Ae, INSERT_UNORDERED_LIST_COMMAND as Ee, INSERT_CHECK_LIST_COMMAND as yt, REMOVE_LIST_COMMAND as Ut, removeList as zt, $isListNode as jt } from "@lexical/list";
 import { INSERT_CHECK_LIST_COMMAND as Mi, INSERT_ORDERED_LIST_COMMAND as Li, INSERT_UNORDERED_LIST_COMMAND as _i, REMOVE_LIST_COMMAND as Ai } from "@lexical/list";
 import * as Ce from "@lexical/table";
@@ -10,14 +10,14 @@ import { HashtagNode as ze } from "@lexical/hashtag";
 import { MarkNode as oo, $wrapSelectionInMarkNode as no, $isMarkNode as pt, $getMarkIDs as io, $unwrapMarkNode as ro } from "@lexical/mark";
 import { OverflowNode as lo } from "@lexical/overflow";
 import * as ao from "lexical";
-import { $applyNodeReplacement as so, DecoratorNode as co, COMMAND_PRIORITY_LOW as K, TextNode as vt, KEY_ARROW_DOWN_COMMAND as uo, KEY_ARROW_UP_COMMAND as fo, KEY_ENTER_COMMAND as mo, KEY_ESCAPE_COMMAND as po, $getSelection as A, $isRangeSelection as R, $isTextNode as me, createCommand as je, $createParagraphNode as de, $getRoot as be, $insertNodes as go, CLICK_COMMAND as xt, $getNodeByKey as Ct, ParagraphNode as ho, $isElementNode as Te, $isRootNode as bo, createEditor as Ge, BLUR_COMMAND as Je, FORMAT_TEXT_COMMAND as te, INDENT_CONTENT_COMMAND as yo, OUTDENT_CONTENT_COMMAND as vo, UNDO_COMMAND as xo, REDO_COMMAND as Co, SELECTION_CHANGE_COMMAND as kt } from "lexical";
+import { $applyNodeReplacement as so, DecoratorNode as co, COMMAND_PRIORITY_LOW as K, TextNode as xt, KEY_ARROW_DOWN_COMMAND as uo, KEY_ARROW_UP_COMMAND as fo, KEY_ENTER_COMMAND as mo, KEY_ESCAPE_COMMAND as po, $getSelection as A, $isRangeSelection as R, $isTextNode as me, createCommand as je, $createParagraphNode as de, $getRoot as be, $insertNodes as go, CLICK_COMMAND as vt, $getNodeByKey as Ct, ParagraphNode as ho, $isElementNode as Te, $isRootNode as bo, createEditor as Ge, BLUR_COMMAND as Je, FORMAT_TEXT_COMMAND as te, INDENT_CONTENT_COMMAND as yo, OUTDENT_CONTENT_COMMAND as xo, UNDO_COMMAND as vo, REDO_COMMAND as Co, SELECTION_CHANGE_COMMAND as kt } from "lexical";
 import { BLUR_COMMAND as Ii, CLEAR_EDITOR_COMMAND as Di, CLICK_COMMAND as Fi, COMMAND_PRIORITY_CRITICAL as Hi, COMMAND_PRIORITY_EDITOR as Pi, COMMAND_PRIORITY_HIGH as Bi, COMMAND_PRIORITY_LOW as $i, COMMAND_PRIORITY_NORMAL as Ui, COPY_COMMAND as zi, CUT_COMMAND as ji, DecoratorNode as Gi, ElementNode as Ji, FOCUS_COMMAND as Ki, FORMAT_ELEMENT_COMMAND as qi, FORMAT_TEXT_COMMAND as Yi, INDENT_CONTENT_COMMAND as Wi, INSERT_PARAGRAPH_COMMAND as Vi, KEY_ENTER_COMMAND as Zi, KEY_ESCAPE_COMMAND as Xi, KEY_TAB_COMMAND as Qi, OUTDENT_CONTENT_COMMAND as er, PASTE_COMMAND as tr, REDO_COMMAND as or, SELECTION_CHANGE_COMMAND as nr, TextNode as ir, UNDO_COMMAND as rr, createCommand as lr } from "lexical";
 import { registerPlainText as ko } from "@lexical/plain-text";
 import { createEmptyHistoryState as Eo, registerHistory as To } from "@lexical/history";
 import "@lexical/clipboard";
 import { $convertToMarkdownString as So, TRANSFORMERS as No, $convertFromMarkdownString as Oo } from "@lexical/markdown";
 import { $generateHtmlFromNodes as wo, $generateNodesFromDOM as Mo } from "@lexical/html";
-import { $setBlocksType as Y, $getSelectionStyleValueForProperty as ve, $patchStyleText as xe } from "@lexical/selection";
+import { $setBlocksType as q, $getSelectionStyleValueForProperty as xe, $patchStyleText as ve } from "@lexical/selection";
 import { registerLexicalTextEntity as Lo } from "@lexical/text";
 import { mergeRegister as He, isHTMLElement as _o } from "@lexical/utils";
 import * as Ao from "@lexical/offset";
@@ -25,10 +25,10 @@ import * as Ie from "@lexical/dragon";
 import "@lexical/file";
 import { createBinding as Ro } from "@lexical/yjs";
 import "@lexical/headless";
-import { Use as ue, html as D, Task as Ke, attr as d, Value as U, WithElement as oe, OnDispose as ne, Ensure as Se, signal as z, on as X, prop as j, When as pe, style as W, aria as Pe, ForEach as Io, computedOf as Do } from "@tempots/dom";
+import { Use as ue, html as D, Task as Ke, attr as f, Value as U, WithElement as oe, OnDispose as ne, Ensure as Se, signal as z, on as ee, prop as j, When as pe, style as Y, aria as Pe, ForEach as Io, computedOf as Do } from "@tempots/dom";
 import { L as qe } from "../link-portal-Cr2l9f3k.js";
 import { T as Ye } from "../theme-kQZEeusG.js";
-import { M as Et, a as le, b as Fo } from "../menu-B8yoDMRS.js";
+import { M as Et, a as le, b as Fo } from "../menu-BkqFGcXg.js";
 import { B as ye, I as Z } from "../translations-B1_yyDUK.js";
 import { E as Ho, a as gt } from "../editor-toolbar-group-Crlu1QJw.js";
 import { delayedAnimationFrame as Po } from "@tempots/std";
@@ -144,8 +144,8 @@ async function Xe(e) {
   return ko(e);
 }
 async function Qe(e, t) {
-  const l = Eo(), a = t?.delay ?? 300;
-  return To(e, l, a);
+  const r = Eo(), l = t?.delay ?? 300;
+  return To(e, r, l);
 }
 async function et(e) {
   return () => {
@@ -182,103 +182,103 @@ async function ot(e) {
     K
   );
 }
-async function Zn(e, t, l) {
-  const a = t?.trigger || "/";
-  let i = !1, s = null, p = 0;
-  const x = () => e.getEditorState().read(() => {
-    const b = A();
-    if (!R(b) || !b.isCollapsed())
+async function Zn(e, t, r) {
+  const l = t?.trigger || "/";
+  let n = !1, s = null, g = 0;
+  const v = () => e.getEditorState().read(() => {
+    const y = A();
+    if (!R(y) || !y.isCollapsed())
       return !1;
-    const v = b.anchor, S = v.getNode();
-    if (!me(S))
+    const x = y.anchor, T = x.getNode();
+    if (!me(T))
       return !1;
-    const M = S.getTextContent(), B = v.offset;
-    if (B === 0 || M[B - 1] !== a)
+    const O = T.getTextContent(), I = x.offset;
+    if (I === 0 || O[I - 1] !== l)
       return !1;
-    if (B === 1)
+    if (I === 1)
       return !0;
-    const h = M[B - 2];
-    return !!/\s/.test(h);
-  }), w = () => s ? e.getEditorState().read(() => {
+    const b = O[I - 2];
+    return !!/\s/.test(b);
+  }), L = () => s ? e.getEditorState().read(() => {
     if (!s) return "";
-    const b = s.getTextContent(), v = b.indexOf(a, p);
-    if (v === -1) return "";
-    const S = A();
-    if (!R(S)) return "";
-    const M = S.anchor;
-    if (M.getNode().getKey() !== s.getKey())
+    const y = s.getTextContent(), x = y.indexOf(l, g);
+    if (x === -1) return "";
+    const T = A();
+    if (!R(T)) return "";
+    const O = T.anchor;
+    if (O.getNode().getKey() !== s.getKey())
       return "";
-    const E = M.offset;
-    return E <= v ? "" : b.slice(v + 1, E);
-  }) : "", L = () => {
+    const k = O.offset;
+    return k <= x ? "" : y.slice(x + 1, k);
+  }) : "", M = () => {
     e.getEditorState().read(() => {
-      const b = A();
-      if (R(b)) {
-        const v = b.anchor, S = v.getNode();
-        if (me(S)) {
-          s = S, p = v.offset - 1, i = !0;
-          const M = {
+      const y = A();
+      if (R(y)) {
+        const x = y.anchor, T = x.getNode();
+        if (me(T)) {
+          s = T, g = x.offset - 1, n = !0;
+          const O = {
             isActive: !0,
             filterText: "",
             anchorNode: s,
-            anchorOffset: p
+            anchorOffset: g
           };
-          l?.onTrigger?.(M, N), l?.onUpdate?.(M, N);
+          r?.onTrigger?.(O, N), r?.onUpdate?.(O, N);
         }
       }
     });
-  }, g = () => {
-    i && (i = !1, s = null, p = 0, l?.onClose?.());
+  }, h = () => {
+    n && (n = !1, s = null, g = 0, r?.onClose?.());
   }, N = () => {
     s && e.update(() => {
       if (!s) return;
-      const b = s.getTextContent(), v = b.indexOf(a, p);
-      if (v === -1) return;
-      const S = A();
-      if (!R(S)) return;
-      const M = S.anchor;
-      if (M.getNode().getKey() !== s.getKey()) return;
-      const E = M.offset, h = b.slice(0, v), _ = b.slice(E);
-      s.setTextContent(h + _);
-      const r = A();
-      R(r) && (r.anchor.set(s.getKey(), v, "text"), r.focus.set(s.getKey(), v, "text"));
+      const y = s.getTextContent(), x = y.indexOf(l, g);
+      if (x === -1) return;
+      const T = A();
+      if (!R(T)) return;
+      const O = T.anchor;
+      if (O.getNode().getKey() !== s.getKey()) return;
+      const k = O.offset, b = y.slice(0, x), w = y.slice(k);
+      s.setTextContent(b + w);
+      const a = A();
+      R(a) && (a.anchor.set(s.getKey(), x, "text"), a.focus.set(s.getKey(), x, "text"));
     });
-  }, y = () => {
-    if (!i) return;
-    const v = {
+  }, E = () => {
+    if (!n) return;
+    const x = {
       isActive: !0,
-      filterText: w(),
+      filterText: L(),
       anchorNode: s,
-      anchorOffset: p
+      anchorOffset: g
     };
-    l?.onUpdate?.(v, N);
-  }, f = e.registerMutationListener(
-    vt,
-    (b) => {
-      if (!i && x()) {
-        L();
+    r?.onUpdate?.(x, N);
+  }, m = e.registerMutationListener(
+    xt,
+    (y) => {
+      if (!n && v()) {
+        M();
         return;
       }
-      i && (s && !b.has(s.getKey()) ? y() : g());
+      n && (s && !y.has(s.getKey()) ? E() : h());
     }
-  ), k = He(
+  ), C = He(
     // Handle selection changes - deactivate if selection moves away
-    e.registerUpdateListener(({ editorState: b }) => {
-      b.read(() => {
-        if (!i) return;
-        const v = A();
-        if (!R(v)) {
-          g();
+    e.registerUpdateListener(({ editorState: y }) => {
+      y.read(() => {
+        if (!n) return;
+        const x = A();
+        if (!R(x)) {
+          h();
           return;
         }
-        const S = v.anchor, M = S.getNode();
-        if (!s || M.getKey() !== s.getKey()) {
-          g();
+        const T = x.anchor, O = T.getNode();
+        if (!s || O.getKey() !== s.getKey()) {
+          h();
           return;
         }
-        const E = s.getTextContent().indexOf(a, p);
-        if (E === -1 || S.offset <= E) {
-          g();
+        const k = s.getTextContent().indexOf(l, g);
+        if (k === -1 || T.offset <= k) {
+          h();
           return;
         }
       });
@@ -286,33 +286,33 @@ async function Zn(e, t, l) {
     // Prevent default arrow key behavior when palette is active
     e.registerCommand(
       uo,
-      (b) => i ? (b.preventDefault(), !0) : !1,
+      (y) => n ? (y.preventDefault(), !0) : !1,
       K
     ),
     e.registerCommand(
       fo,
-      (b) => i ? (b.preventDefault(), !0) : !1,
+      (y) => n ? (y.preventDefault(), !0) : !1,
       K
     ),
     // Prevent default enter behavior when palette is active
     e.registerCommand(
       mo,
-      (b) => i ? (b?.preventDefault(), !0) : !1,
+      (y) => n ? (y?.preventDefault(), !0) : !1,
       K
     ),
     // Handle escape to close palette
     e.registerCommand(
       po,
-      (b) => i ? (b?.preventDefault(), g(), !0) : !1,
+      (y) => n ? (y?.preventDefault(), h(), !0) : !1,
       K
     )
   );
   return () => {
-    g(), f(), k();
+    h(), m(), C();
   };
 }
-function Xn(e, t, l) {
-  l(), t.handler(e), e.focus();
+function Xn(e, t, r) {
+  r(), t.handler(e), e.focus();
 }
 const Qn = je(
   "TOGGLE_SLASH_COMMAND_PALETTE"
@@ -326,10 +326,10 @@ function nt(e) {
       const t = A();
       if (!R(t)) return !1;
       if (t.focus.getNode() !== null) {
-        const a = Ne();
-        t.insertNodes([a]);
-        const i = de();
-        a.insertAfter(i), i.selectStart();
+        const l = Ne();
+        t.insertNodes([l]);
+        const n = de();
+        l.insertAfter(n), n.selectStart();
       }
       return !0;
     },
@@ -340,19 +340,19 @@ const Jo = {
   dependencies: [ge],
   export: (e) => jo(e) ? "---" : null,
   regExp: /^(---|\*\*\*|___)\s?$/,
-  replace: (e, t, l, a) => {
-    const i = Ne();
-    if (a)
-      e.replace(i);
+  replace: (e, t, r, l) => {
+    const n = Ne();
+    if (l)
+      e.replace(n);
     else {
-      e.replace(i);
+      e.replace(n);
       const s = de();
-      i.insertAfter(s), s.selectStart();
+      n.insertAfter(s), s.selectStart();
     }
   },
   type: "element"
 }, it = [...No, Jo];
-async function Q(e) {
+async function X(e) {
   let t = "";
   return e.getEditorState().read(() => {
     t = So(it);
@@ -366,7 +366,7 @@ async function ae(e, t) {
 async function ti() {
   return it;
 }
-async function ee(e) {
+async function Q(e) {
   let t = "";
   return e.getEditorState().read(() => {
     t = wo(e);
@@ -374,42 +374,42 @@ async function ee(e) {
 }
 async function se(e, t) {
   e.update(() => {
-    const a = new DOMParser().parseFromString(t, "text/html"), i = Mo(e, a);
-    be().clear(), go(i);
+    const l = new DOMParser().parseFromString(t, "text/html"), n = Mo(e, l);
+    be().clear(), go(n);
   });
 }
-async function oi(e, t, l) {
-  let a, i, s;
+async function oi(e, t, r) {
+  let l, n, s;
   switch (t) {
     case "markdown":
-      a = await Q(e), i = "text/markdown", s = "md";
+      l = await X(e), n = "text/markdown", s = "md";
       break;
     case "html":
-      a = await ee(e), i = "text/html", s = "html";
+      l = await Q(e), n = "text/html", s = "html";
       break;
     case "json":
-      a = JSON.stringify(e.getEditorState().toJSON(), null, 2), i = "application/json", s = "json";
+      l = JSON.stringify(e.getEditorState().toJSON(), null, 2), n = "application/json", s = "json";
       break;
   }
-  const p = new Blob([a], { type: i }), x = URL.createObjectURL(p), w = document.createElement("a");
-  w.href = x, w.download = l ?? `document.${s}`, w.click(), URL.revokeObjectURL(x);
+  const g = new Blob([l], { type: n }), v = URL.createObjectURL(g), L = document.createElement("a");
+  L.href = v, L.download = r ?? `document.${s}`, L.click(), URL.revokeObjectURL(v);
 }
-async function ni(e, t, l) {
-  const a = await new Promise((s, p) => {
-    const x = new FileReader();
-    x.onload = () => s(x.result), x.onerror = () => p(x.error), x.readAsText(t);
+async function ni(e, t, r) {
+  const l = await new Promise((s, g) => {
+    const v = new FileReader();
+    v.onload = () => s(v.result), v.onerror = () => g(v.error), v.readAsText(t);
   });
-  switch (l ?? Ko(t.name)) {
+  switch (r ?? Ko(t.name)) {
     case "markdown": {
-      await ae(e, a);
+      await ae(e, l);
       break;
     }
     case "html": {
-      await se(e, a);
+      await se(e, l);
       break;
     }
     case "json": {
-      const s = e.parseEditorState(a);
+      const s = e.parseEditorState(l);
       e.setEditorState(s);
       break;
     }
@@ -423,10 +423,10 @@ async function rt(e, t) {
   typeof Ce.registerTablePlugin == "function" ? Ce.registerTablePlugin(e) : () => {
   };
 }
-async function ii(e, t = 3, l = 3) {
+async function ii(e, t = 3, r = 3) {
   e.dispatchCommand(Ce.INSERT_TABLE_COMMAND, {
     rows: String(t),
-    columns: String(l),
+    columns: String(r),
     includeHeaders: !0
   });
 }
@@ -443,33 +443,33 @@ function Yo(e) {
   return new ze(e);
 }
 async function ai(e, t) {
-  const l = [], a = Lo(
+  const r = [], l = Lo(
     e,
-    (i) => {
-      const s = qo.exec(i);
+    (n) => {
+      const s = qo.exec(n);
       return s ? { start: s.index, end: s.index + s[0].length } : null;
     },
     ze,
     Yo
   );
-  if (Array.isArray(a) ? l.push(...a) : typeof a == "function" && l.push(a), t?.onHashtagClick) {
-    const i = e.registerCommand(
-      xt,
+  if (Array.isArray(l) ? r.push(...l) : typeof l == "function" && r.push(l), t?.onHashtagClick) {
+    const n = e.registerCommand(
+      vt,
       (s) => {
-        const p = s.target;
-        if (p.classList.contains("bc-lexical-hashtag")) {
-          const x = p.textContent;
-          if (x)
-            return t.onHashtagClick(x.replace("#", "")), !0;
+        const g = s.target;
+        if (g.classList.contains("bc-lexical-hashtag")) {
+          const v = g.textContent;
+          if (v)
+            return t.onHashtagClick(v.replace("#", "")), !0;
         }
         return !1;
       },
       K
     );
-    l.push(i);
+    r.push(n);
   }
   return () => {
-    l.forEach((i) => i());
+    r.forEach((n) => n());
   };
 }
 const Wo = /((https?:\/\/(www\.)?|www\.)[^\s<>]+)/g, Vo = /([a-zA-Z0-9._+-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9._-]+)/g, Zo = [
@@ -483,40 +483,40 @@ const Wo = /((https?:\/\/(www\.)?|www\.)[^\s<>]+)/g, Vo = /([a-zA-Z0-9._+-]+@[a-
   }
 ];
 async function si(e, t) {
-  const l = t?.matchers ?? Zo;
-  return e.registerMutationListener(vt, (a) => {
+  const r = t?.matchers ?? Zo;
+  return e.registerMutationListener(xt, (l) => {
     e.update(() => {
-      for (const [i, s] of a) {
+      for (const [n, s] of l) {
         if (s !== "created" && s !== "updated") continue;
-        const p = Ct(i);
-        if (!p || !me(p)) continue;
-        const x = p.getTextContent();
-        for (const w of l) {
-          const L = new RegExp(
-            w.pattern.source,
-            w.pattern.flags
+        const g = Ct(n);
+        if (!g || !me(g)) continue;
+        const v = g.getTextContent();
+        for (const L of r) {
+          const M = new RegExp(
+            L.pattern.source,
+            L.pattern.flags
           );
-          let g;
-          for (; (g = L.exec(x)) !== null; )
-            w.urlTransformer(g[0]);
+          let h;
+          for (; (h = M.exec(v)) !== null; )
+            L.urlTransformer(h[0]);
         }
       }
     });
   });
 }
 async function ci(e, t) {
-  const l = [];
-  return t?.onMarkClick && l.push(
+  const r = [];
+  return t?.onMarkClick && r.push(
     e.registerCommand(
-      xt,
-      (a) => {
-        const i = a.target;
-        if (i.classList.contains("bc-lexical-mark")) {
-          const s = i.dataset.markId;
+      vt,
+      (l) => {
+        const n = l.target;
+        if (n.classList.contains("bc-lexical-mark")) {
+          const s = n.dataset.markId;
           if (s)
             return t.onMarkClick(s, {
               id: s,
-              type: i.dataset.markType || "annotation",
+              type: n.dataset.markType || "annotation",
               data: {}
             }), !0;
         }
@@ -524,32 +524,32 @@ async function ci(e, t) {
       },
       K
     )
-  ), () => l.forEach((a) => a());
+  ), () => r.forEach((l) => l());
 }
-async function ui(e, t, l) {
+async function ui(e, t, r) {
   e.update(() => {
-    const a = A();
-    R(a) && no(a, a.isBackward(), t);
+    const l = A();
+    R(l) && no(l, l.isBackward(), t);
   });
 }
 async function di(e, t) {
   e.update(() => {
-    const a = be().getAllTextNodes().filter((i) => {
-      const s = i.getParent();
-      return pt(s) ? io(i, 0)?.includes(t) ?? !1 : !1;
+    const l = be().getAllTextNodes().filter((n) => {
+      const s = n.getParent();
+      return pt(s) ? io(n, 0)?.includes(t) ?? !1 : !1;
     });
-    for (const i of a) {
-      const s = i.getParent();
+    for (const n of l) {
+      const s = n.getParent();
       pt(s) && ro(s);
     }
   });
 }
 async function fi(e, t) {
-  const { maxLength: l, onOverflow: a } = t;
-  return e.registerUpdateListener(({ editorState: i }) => {
-    i.read(() => {
-      const x = be().getTextContent().length, w = x > l;
-      a && a(w, x);
+  const { maxLength: r, onOverflow: l } = t;
+  return e.registerUpdateListener(({ editorState: n }) => {
+    n.read(() => {
+      const v = be().getTextContent().length, L = v > r;
+      l && l(L, v);
     });
   });
 }
@@ -558,16 +558,16 @@ async function lt(e) {
   };
 }
 async function at(e, t) {
-  const l = t.docMap ?? /* @__PURE__ */ new Map(), a = t.id ?? "lexical", i = t.doc.getText(a), s = Ro(
+  const r = t.docMap ?? /* @__PURE__ */ new Map(), l = t.id ?? "lexical", n = t.doc.getText(l), s = Ro(
     e,
     t.provider,
-    i,
+    n,
     t.doc,
-    l
-  ), p = e.registerUpdateListener(() => {
+    r
+  ), g = e.registerUpdateListener(() => {
   });
   return () => {
-    p(), s && typeof s.destroy == "function" && s.destroy();
+    g(), s && typeof s.destroy == "function" && s.destroy();
   };
 }
 function mi(e) {
@@ -578,12 +578,12 @@ function mi(e) {
     focusOffset: 0
   };
   return e.getEditorState().read(() => {
-    const l = A();
-    R(l) && (t = {
-      hasSelection: !l.isCollapsed(),
-      selectedText: l.getTextContent(),
-      anchorOffset: l.anchor.offset,
-      focusOffset: l.focus.offset
+    const r = A();
+    R(r) && (t = {
+      hasSelection: !r.isCollapsed(),
+      selectedText: r.getTextContent(),
+      anchorOffset: r.anchor.offset,
+      focusOffset: r.focus.offset
     });
   }), t;
 }
@@ -602,78 +602,78 @@ function gi(e) {
 }
 function hi(e, t) {
   e.update(() => {
-    const l = A();
-    R(l) && l.insertText(t);
+    const r = A();
+    R(r) && r.insertText(t);
   }), e.focus();
 }
 async function bi() {
   return Ao;
 }
-function he(e, t, l) {
-  const a = /* @__PURE__ */ new Map();
+function he(e, t, r) {
+  const l = /* @__PURE__ */ new Map();
   if (e)
-    for (const i of e.split(";")) {
-      const s = i.trim();
+    for (const n of e.split(";")) {
+      const s = n.trim();
       if (!s) continue;
-      const p = s.indexOf(":");
-      if (p === -1) continue;
-      const x = s.slice(0, p).trim(), w = s.slice(p + 1).trim();
-      a.set(x, w);
+      const g = s.indexOf(":");
+      if (g === -1) continue;
+      const v = s.slice(0, g).trim(), L = s.slice(g + 1).trim();
+      l.set(v, L);
     }
-  return l ? a.set(t, l) : a.delete(t), a.size === 0 ? "" : Array.from(a.entries()).map(([i, s]) => `${i}: ${s}`).join("; ");
+  return r ? l.set(t, r) : l.delete(t), l.size === 0 ? "" : Array.from(l.entries()).map(([n, s]) => `${n}: ${s}`).join("; ");
 }
 function ce(e, t) {
   if (!e) return "";
-  const l = new RegExp(
+  const r = new RegExp(
     `(?:^|;)\\s*${t.replace(/-/g, "\\-")}:\\s*([^;]+)`
-  ), a = e.match(l);
-  return a ? a[1].trim() : "";
+  ), l = e.match(r);
+  return l ? l[1].trim() : "";
 }
 function Xo(e, t) {
-  const l = e.getElementByKey(t);
-  l && e.getEditorState().read(() => {
-    const a = Ct(t);
-    if (!Te(a) || bo(a)) return;
-    const i = a.getStyle(), s = ce(i, "background-color");
-    l.style.backgroundColor = s || "";
-    const p = ce(i, "line-height");
-    l.style.lineHeight = p || "";
+  const r = e.getElementByKey(t);
+  r && e.getEditorState().read(() => {
+    const l = Ct(t);
+    if (!Te(l) || bo(l)) return;
+    const n = l.getStyle(), s = ce(n, "background-color");
+    r.style.backgroundColor = s || "";
+    const g = ce(n, "line-height");
+    r.style.lineHeight = g || "";
   });
 }
 function st(e) {
   const t = e.registerUpdateListener(
-    ({ dirtyElements: l }) => {
-      if (l.size !== 0)
-        for (const [a] of l)
-          Xo(e, a);
+    ({ dirtyElements: r }) => {
+      if (r.size !== 0)
+        for (const [l] of r)
+          Xo(e, l);
     }
   );
   return e.getEditorState().read(() => {
-    const l = be();
-    for (const a of l.getChildren())
-      if (Te(a)) {
-        const i = a.getStyle();
-        if (i) {
-          const s = e.getElementByKey(a.getKey());
+    const r = be();
+    for (const l of r.getChildren())
+      if (Te(l)) {
+        const n = l.getStyle();
+        if (n) {
+          const s = e.getElementByKey(l.getKey());
           if (s) {
-            const p = ce(i, "background-color");
-            p && (s.style.backgroundColor = p);
-            const x = ce(i, "line-height");
-            x && (s.style.lineHeight = x);
+            const g = ce(n, "background-color");
+            g && (s.style.backgroundColor = g);
+            const v = ce(n, "line-height");
+            v && (s.style.lineHeight = v);
           }
         }
       }
   }), t;
 }
 function De(e, t) {
-  const l = t.exportDOM(e);
-  if (l.element && _o(l.element) && Te(t)) {
-    const a = t.getStyle(), i = ce(a, "background-color");
-    i && (l.element.style.backgroundColor = i);
-    const s = ce(a, "line-height");
-    s && (l.element.style.lineHeight = s);
+  const r = t.exportDOM(e);
+  if (r.element && _o(r.element) && Te(t)) {
+    const l = t.getStyle(), n = ce(l, "background-color");
+    n && (r.element.style.backgroundColor = n);
+    const s = ce(l, "line-height");
+    s && (r.element.style.lineHeight = s);
   }
-  return l;
+  return r;
 }
 function we() {
   const e = /* @__PURE__ */ new Map();
@@ -681,33 +681,33 @@ function we() {
 }
 function Qo() {
   const e = (t) => () => ({
-    conversion: (l) => {
-      const a = t(l);
-      if (a && Te(a)) {
-        l.style?.textAlign && a.setFormat(l.style.textAlign);
-        let i = "";
-        l.style?.backgroundColor && (i = he(
-          i,
+    conversion: (r) => {
+      const l = t(r);
+      if (l && Te(l)) {
+        r.style?.textAlign && l.setFormat(r.style.textAlign);
+        let n = "";
+        r.style?.backgroundColor && (n = he(
+          n,
           "background-color",
-          l.style.backgroundColor
-        )), l.style?.lineHeight && (i = he(
-          i,
+          r.style.backgroundColor
+        )), r.style?.lineHeight && (n = he(
+          n,
           "line-height",
-          l.style.lineHeight
-        )), i && a.setStyle(i);
+          r.style.lineHeight
+        )), n && l.setStyle(n);
       }
-      return { node: a };
+      return { node: l };
     },
     priority: 1
   });
   return {
     p: e(() => de()),
-    h1: e(() => V("h1")),
-    h2: e(() => V("h2")),
-    h3: e(() => V("h3")),
-    h4: e(() => V("h4")),
-    h5: e(() => V("h5")),
-    h6: e(() => V("h6"))
+    h1: e(() => W("h1")),
+    h2: e(() => W("h2")),
+    h3: e(() => W("h3")),
+    h4: e(() => W("h4")),
+    h5: e(() => W("h5")),
+    h6: e(() => W("h6"))
   };
 }
 const en = [
@@ -745,29 +745,29 @@ const en = [
   "code",
   "mark"
 ];
-function rn(e, t, l) {
+function rn(e, t, r) {
   if (!me(t)) return;
-  const a = e.fontWeight, i = e.textDecoration.split(" ");
-  (a === "700" || a === "bold") && !t.hasFormat("bold") && t.toggleFormat("bold"), e.fontStyle === "italic" && !t.hasFormat("italic") && t.toggleFormat("italic"), i.includes("line-through") && !t.hasFormat("strikethrough") && t.toggleFormat("strikethrough"), i.includes("underline") && !t.hasFormat("underline") && t.toggleFormat("underline"), e.verticalAlign === "sub" && !t.hasFormat("subscript") && t.toggleFormat("subscript"), e.verticalAlign === "super" && !t.hasFormat("superscript") && t.toggleFormat("superscript"), l && !t.hasFormat(l) && t.toggleFormat(l);
+  const l = e.fontWeight, n = e.textDecoration.split(" ");
+  (l === "700" || l === "bold") && !t.hasFormat("bold") && t.toggleFormat("bold"), e.fontStyle === "italic" && !t.hasFormat("italic") && t.toggleFormat("italic"), n.includes("line-through") && !t.hasFormat("strikethrough") && t.toggleFormat("strikethrough"), n.includes("underline") && !t.hasFormat("underline") && t.toggleFormat("underline"), e.verticalAlign === "sub" && !t.hasFormat("subscript") && t.toggleFormat("subscript"), e.verticalAlign === "super" && !t.hasFormat("superscript") && t.toggleFormat("superscript"), r && !t.hasFormat(r) && t.toggleFormat(r);
 }
 function ln(e = en) {
   const t = {};
-  for (const l of nn)
-    t[l] = (a) => {
-      const i = a.style, s = on[l], p = l === "b" ? i.fontWeight !== "normal" ? "bold" : void 0 : s;
+  for (const r of nn)
+    t[r] = (l) => {
+      const n = l.style, s = on[r], g = r === "b" ? n.fontWeight !== "normal" ? "bold" : void 0 : s;
       return {
         conversion: () => ({
           node: null,
-          forChild: (x) => {
-            if (!me(x)) return x;
-            rn(i, x, p);
-            let w = x.getStyle();
-            for (const L of e) {
-              if (tn.has(L)) continue;
-              const g = i.getPropertyValue(L);
-              g && (w = he(w, L, g));
+          forChild: (v) => {
+            if (!me(v)) return v;
+            rn(n, v, g);
+            let L = v.getStyle();
+            for (const M of e) {
+              if (tn.has(M)) continue;
+              const h = n.getPropertyValue(M);
+              h && (L = he(L, M, h));
             }
-            return w && x.setStyle(w), x;
+            return L && v.setStyle(L), v;
           }
         }),
         priority: 1
@@ -782,11 +782,11 @@ function Me(e) {
   };
 }
 async function Le(e = {}) {
-  const { nodes: t = [], plugins: l = [], onError: a } = e, s = (await Go()).createEditor({
+  const { nodes: t = [], plugins: r = [], onError: l } = e, s = (await Go()).createEditor({
     namespace: "BeatUIHeadless",
     nodes: t,
-    onError: (p) => {
-      a ? a(p, s) : console.error("[BeatUI Headless]", p);
+    onError: (g) => {
+      l ? l(g, s) : console.error("[BeatUI Headless]", g);
     },
     editable: !1,
     // Headless editors are typically not editable
@@ -795,79 +795,79 @@ async function Le(e = {}) {
       import: Me()
     }
   });
-  if (l.length > 0)
-    for (const p of l)
-      p.register(s);
+  if (r.length > 0)
+    for (const g of r)
+      g.register(s);
   return s;
 }
 async function yi(e) {
   const t = await Le();
   return await ae(t, e), t.getEditorState().toJSON();
 }
-async function vi(e) {
-  const t = await Le(), l = t.parseEditorState(JSON.stringify(e));
-  return t.setEditorState(l), await Q(t);
-}
 async function xi(e) {
+  const t = await Le(), r = t.parseEditorState(JSON.stringify(e));
+  return t.setEditorState(r), await X(t);
+}
+async function vi(e) {
   const t = await Le();
   return await se(t, e), t.getEditorState().toJSON();
 }
 async function Ci(e) {
-  const t = await Le(), l = t.parseEditorState(JSON.stringify(e));
-  return t.setEditorState(l), await ee(t);
+  const t = await Le(), r = t.parseEditorState(JSON.stringify(e));
+  return t.setEditorState(r), await Q(t);
 }
 const an = (e) => {
   const {
     value: t,
-    format: l,
-    plugins: a,
-    readOnly: i,
+    format: r,
+    plugins: l,
+    readOnly: n,
     placeholder: s,
-    class: p,
-    namespace: x = "BeatUILexical",
-    heightMode: w = "auto",
-    autoFocus: L = !1,
-    onError: g,
+    class: g,
+    namespace: v = "BeatUILexical",
+    heightMode: L = "auto",
+    autoFocus: M = !1,
+    onError: h,
     onInput: N,
-    onChange: y,
-    onBlur: f,
-    onReady: k
+    onChange: E,
+    onBlur: m,
+    onReady: C
   } = e;
   return ue(
     Ye,
-    ({ appearance: b }) => D.div(
+    ({ appearance: y }) => D.div(
       // CSS injection via LinkPortal
       Ke(
         () => import("../styles-url-BIeImEjl.js"),
-        ({ default: v }) => qe({ id: "beatui-lexical-css", href: v })
+        ({ default: x }) => qe({ id: "beatui-lexical-css", href: x })
       ),
-      d.class("bc-lexical-editor-container"),
-      w === "fixed" ? d.class("bc-lexical-editor-container--fixed") : null,
-      d.class(p),
+      f.class("bc-lexical-editor-container"),
+      L === "fixed" ? f.class("bc-lexical-editor-container--fixed") : null,
+      f.class(g),
       // The editable surface
       D.div(
-        d.class("bc-lexical-editor"),
-        d.class(`bc-lexical-editor--${w}`),
-        d.contenteditable(
+        f.class("bc-lexical-editor"),
+        f.class(`bc-lexical-editor--${L}`),
+        f.contenteditable(
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          i != null ? U.map(i, (v) => !v) : !0
+          n != null ? U.map(n, (x) => !x) : !0
         ),
-        i != null ? d.class(
+        n != null ? f.class(
           U.map(
-            i,
-            (v) => v ? "bc-lexical-editor--readonly" : ""
+            n,
+            (x) => x ? "bc-lexical-editor--readonly" : ""
           )
         ) : null,
-        oe((v) => {
-          let S = null;
-          const M = [];
+        oe((x) => {
+          let T = null;
+          const O = [];
           return (async () => {
             try {
-              const E = a ?? Ve("bare"), h = We(E), _ = U.get(
-                l ?? "markdown"
-              ), r = Ge({
-                namespace: x,
-                nodes: h,
+              const k = l ?? Ve("bare"), b = We(k), w = U.get(
+                r ?? "markdown"
+              ), a = Ge({
+                namespace: v,
+                nodes: b,
                 theme: {
                   // Lexical theme classNames map — these are applied to rendered nodes
                   heading: {
@@ -904,135 +904,135 @@ const an = (e) => {
                   mark: "bc-lexical-mark",
                   paragraph: "bc-lexical-paragraph"
                 },
-                onError: (C) => {
-                  g ? g(C, r) : console.error("[BeatUI Lexical]", C);
+                onError: (u) => {
+                  h ? h(u, a) : console.error("[BeatUI Lexical]", u);
                 },
-                editable: i ? !U.get(i) : !0,
+                editable: n ? !U.get(n) : !0,
                 html: {
                   export: we(),
                   import: Me()
                 }
               });
-              S = r, r.setRootElement(v);
-              const I = [];
-              if (E.richText ? I.push(Ze(r)) : E.plainText && I.push(Xe(r)), E.history) {
-                const C = typeof E.history == "object" ? E.history : void 0;
-                I.push(Qe(r, C));
+              T = a, a.setRootElement(x);
+              const F = [];
+              if (k.richText ? F.push(Ze(a)) : k.plainText && F.push(Xe(a)), k.history) {
+                const u = typeof k.history == "object" ? k.history : void 0;
+                F.push(Qe(a, u));
               }
-              if (E.clipboard && I.push(et(r)), E.list && I.push(tt(r)), E.link && I.push(ot(r)), E.yjs && I.push(
-                at(r, E.yjs)
-              ), E.dragon && I.push(lt(r)), E.table && I.push(rt(r)), (await Promise.all(I)).forEach((C) => {
-                C && M.push(C);
-              }), M.push(nt(r)), M.push(st(r)), t != null) {
-                const C = U.get(
+              if (k.clipboard && F.push(et(a)), k.list && F.push(tt(a)), k.link && F.push(ot(a)), k.yjs && F.push(
+                at(a, k.yjs)
+              ), k.dragon && F.push(lt(a)), k.table && F.push(rt(a)), (await Promise.all(F)).forEach((u) => {
+                u && O.push(u);
+              }), O.push(nt(a)), O.push(st(a)), t != null) {
+                const u = U.get(
                   t
                 );
-                if (C != null && (C !== "" || _ === "json" && typeof C == "object")) {
-                  if (_ === "markdown" && typeof C == "string")
-                    await ae(r, C);
-                  else if (_ === "html" && typeof C == "string")
-                    await se(r, C);
-                  else if (_ === "json" && typeof C == "object")
+                if (u != null && (u !== "" || w === "json" && typeof u == "object")) {
+                  if (w === "markdown" && typeof u == "string")
+                    await ae(a, u);
+                  else if (w === "html" && typeof u == "string")
+                    await se(a, u);
+                  else if (w === "json" && typeof u == "object")
                     try {
-                      const o = JSON.stringify(C), O = r.parseEditorState(o);
-                      r.setEditorState(O);
-                    } catch (o) {
+                      const i = JSON.stringify(u), _ = a.parseEditorState(i);
+                      a.setEditorState(_);
+                    } catch (i) {
                       console.error(
                         "[BeatUI] Failed to parse JSON editor state:",
-                        o
-                      ), g && g(
-                        o instanceof Error ? o : new Error(String(o)),
-                        r
+                        i
+                      ), h && h(
+                        i instanceof Error ? i : new Error(String(i)),
+                        a
                       );
                     }
                 }
               }
-              if (M.push(
-                r.registerUpdateListener(
-                  ({ editorState: C, dirtyElements: u, dirtyLeaves: o }) => {
-                    u.size === 0 && o.size === 0 || N && C.read(async () => {
-                      if (_ === "markdown") {
-                        const O = await Q(r);
-                        N(O, r);
-                      } else if (_ === "html") {
-                        const O = await ee(r);
-                        N(O, r);
-                      } else _ === "json" && N(
-                        C.toJSON(),
-                        r
+              if (O.push(
+                a.registerUpdateListener(
+                  ({ editorState: u, dirtyElements: c, dirtyLeaves: i }) => {
+                    c.size === 0 && i.size === 0 || N && u.read(async () => {
+                      if (w === "markdown") {
+                        const _ = await X(a);
+                        N(_, a);
+                      } else if (w === "html") {
+                        const _ = await Q(a);
+                        N(_, a);
+                      } else w === "json" && N(
+                        u.toJSON(),
+                        a
                       );
                     });
                   }
                 )
-              ), t != null && M.push(
-                U.on(t, async (C) => {
-                  if (C != null) {
-                    if (_ === "markdown" && typeof C == "string") {
-                      const u = await Q(r);
-                      C !== u && await ae(r, C);
-                    } else if (_ === "html" && typeof C == "string") {
-                      const u = await ee(r);
-                      C !== u && await se(r, C);
-                    } else if (_ === "json" && typeof C == "object") {
-                      const u = JSON.stringify(
-                        r.getEditorState().toJSON()
-                      ), o = JSON.stringify(C);
-                      if (u !== o) {
-                        const O = r.parseEditorState(o);
-                        r.setEditorState(O);
+              ), t != null && O.push(
+                U.on(t, async (u) => {
+                  if (u != null) {
+                    if (w === "markdown" && typeof u == "string") {
+                      const c = await X(a);
+                      u !== c && await ae(a, u);
+                    } else if (w === "html" && typeof u == "string") {
+                      const c = await Q(a);
+                      u !== c && await se(a, u);
+                    } else if (w === "json" && typeof u == "object") {
+                      const c = JSON.stringify(
+                        a.getEditorState().toJSON()
+                      ), i = JSON.stringify(u);
+                      if (c !== i) {
+                        const _ = a.parseEditorState(i);
+                        a.setEditorState(_);
                       }
                     }
                   }
                 })
-              ), i != null && M.push(
-                U.on(i, (C) => {
-                  r.setEditable(!C);
+              ), n != null && O.push(
+                U.on(n, (u) => {
+                  a.setEditable(!u);
                 })
-              ), M.push(
-                r.registerCommand(
+              ), O.push(
+                a.registerCommand(
                   // Use BLUR_COMMAND from lexical
                   Je,
-                  () => (f && f(r), y && r.getEditorState().read(async () => {
-                    if (_ === "markdown") {
-                      const C = await Q(r);
-                      y(C, r);
-                    } else if (_ === "html") {
-                      const C = await ee(r);
-                      y(C, r);
-                    } else _ === "json" && y(
-                      r.getEditorState().toJSON(),
-                      r
+                  () => (m && m(a), E && a.getEditorState().read(async () => {
+                    if (w === "markdown") {
+                      const u = await X(a);
+                      E(u, a);
+                    } else if (w === "html") {
+                      const u = await Q(a);
+                      E(u, a);
+                    } else w === "json" && E(
+                      a.getEditorState().toJSON(),
+                      a
                     );
                   }), !1),
                   K
                 )
-              ), M.push(
-                b.on((C) => {
-                  const u = r.getRootElement();
-                  u && (u.dataset.theme = C);
+              ), O.push(
+                y.on((u) => {
+                  const c = a.getRootElement();
+                  c && (c.dataset.theme = u);
                 })
-              ), L)
-                r.focus();
+              ), M)
+                a.focus();
               else {
-                const C = r.getRootElement();
-                C && C === document.activeElement && C.blur();
+                const u = a.getRootElement();
+                u && u === document.activeElement && u.blur();
               }
-              k && k(r);
-            } catch (E) {
+              C && C(a);
+            } catch (k) {
               console.error(
                 "[BeatUI] Failed to initialize Lexical editor:",
-                E
+                k
               );
-              const h = v;
-              h.textContent = "Failed to load Lexical editor.";
+              const b = x;
+              b.textContent = "Failed to load Lexical editor.";
             }
           })(), ne(() => {
             try {
-              M.forEach((E) => E());
+              O.forEach((k) => k());
             } catch {
             }
             try {
-              S?.setRootElement(null);
+              T?.setRootElement(null);
             } catch {
             }
           });
@@ -1041,80 +1041,80 @@ const an = (e) => {
     )
   );
 };
-function St(e, t, l) {
-  const a = (f, k) => t.map(() => {
-    const b = e.value;
-    return b ? b.getEditorState().read(() => {
-      const v = A();
-      return R(v) ? f(v) : k;
-    }) : k;
-  }), i = (f) => {
-    const k = f.anchor.getNode();
-    return k.getKey() === "root" ? k : k.getTopLevelElementOrThrow();
+function St(e, t, r) {
+  const l = (m, C) => t.map(() => {
+    const y = e.value;
+    return y ? y.getEditorState().read(() => {
+      const x = A();
+      return R(x) ? m(x) : C;
+    }) : C;
+  }), n = (m) => {
+    const C = m.anchor.getNode();
+    return C.getKey() === "root" ? C : C.getTopLevelElementOrThrow();
   };
   return {
-    withSelection: a,
-    getAnchorElement: i,
-    textFormatActive: (f) => a((k) => k.hasFormat(f), !1),
-    blockTypeActive: (f) => a((k) => i(k).getType() === f, !1),
-    listTypeActive: (f) => a((k) => {
-      const b = i(k).getParent();
-      return jt(b) && b.getListType() === f;
+    withSelection: l,
+    getAnchorElement: n,
+    textFormatActive: (m) => l((C) => C.hasFormat(m), !1),
+    blockTypeActive: (m) => l((C) => n(C).getType() === m, !1),
+    listTypeActive: (m) => l((C) => {
+      const y = n(C).getParent();
+      return jt(y) && y.getListType() === m;
     }, !1),
-    headingActive: (f) => t.map(() => {
-      const k = e.value;
-      return k ? k.getEditorState().read(() => {
-        const b = A();
-        if (R(b)) {
-          const v = i(b);
-          if (v.getType() === "heading")
-            return k.getElementByKey(v.getKey())?.tagName === `H${f}`;
+    headingActive: (m) => t.map(() => {
+      const C = e.value;
+      return C ? C.getEditorState().read(() => {
+        const y = A();
+        if (R(y)) {
+          const x = n(y);
+          if (x.getType() === "heading")
+            return C.getElementByKey(x.getKey())?.tagName === `H${m}`;
         }
         return !1;
       }) : !1;
     }),
-    linkActive: () => a((f) => {
-      const k = f.anchor.getNode();
-      return k.getParent()?.getType() === "link" || k.getType() === "link";
+    linkActive: () => l((m) => {
+      const C = m.anchor.getNode();
+      return C.getParent()?.getType() === "link" || C.getType() === "link";
     }, !1),
-    dispatch: (f, k) => () => {
-      const b = e.value;
-      b && (b.dispatchCommand(f, k), b.focus());
+    dispatch: (m, C) => () => {
+      const y = e.value;
+      y && (y.dispatchCommand(m, C), y.focus());
     },
-    toggleBlock: (f, k) => () => {
-      const b = e.value;
-      b && (b.update(() => {
-        const v = A();
-        if (R(v)) {
-          const S = i(v);
-          Y(
-            v,
-            () => S.getType() === f ? de() : k()
+    toggleBlock: (m, C) => () => {
+      const y = e.value;
+      y && (y.update(() => {
+        const x = A();
+        if (R(x)) {
+          const T = n(x);
+          q(
+            x,
+            () => T.getType() === m ? de() : C()
           );
         }
-      }), b.focus());
+      }), y.focus());
     },
     toggleLink: () => {
-      const f = e.value;
-      f && (f.getEditorState().read(() => {
-        const k = A();
-        if (R(k)) {
-          const b = k.anchor.getNode();
-          if (b.getParent()?.getType() === "link" || b.getType() === "link")
-            f.dispatchCommand(Fe, null);
+      const m = e.value;
+      m && (m.getEditorState().read(() => {
+        const C = A();
+        if (R(C)) {
+          const y = C.anchor.getNode();
+          if (y.getParent()?.getType() === "link" || y.getType() === "link")
+            m.dispatchCommand(Fe, null);
           else {
-            const M = prompt(l?.enterUrlMessage?.() ?? "Enter URL:");
-            M && f.dispatchCommand(Fe, M);
+            const O = prompt(r?.enterUrlMessage?.() ?? "Enter URL:");
+            O && m.dispatchCommand(Fe, O);
           }
         }
-      }), f.focus());
+      }), m.focus());
     }
   };
 }
 function Nt(e, t) {
-  return (l) => (a) => Ho({
-    ...a,
-    display: l,
+  return (r) => (l) => Ho({
+    ...l,
+    display: r,
     disabled: e,
     size: t
   });
@@ -1160,16 +1160,16 @@ function un() {
 function dn(e) {
   if (e.layout)
     return e.layout;
-  const { visibleGroups: t, hiddenGroups: l, customGroups: a } = e;
-  let i = un();
-  if ((t || l) && (i = i.filter((s) => {
+  const { visibleGroups: t, hiddenGroups: r, customGroups: l } = e;
+  let n = un();
+  if ((t || r) && (n = n.filter((s) => {
     if ("separator" in s || "customGroup" in s) return !0;
-    const p = s.group;
-    return !(l?.includes(p) || t && !t.includes(p));
-  })), a && a.length > 0)
-    for (const s of a)
-      i.push({ customGroup: s.id });
-  return i;
+    const g = s.group;
+    return !(r?.includes(g) || t && !t.includes(g));
+  })), l && l.length > 0)
+    for (const s of l)
+      n.push({ customGroup: s.id });
+  return n;
 }
 const fn = [
   { value: "Arial", label: "Arial" },
@@ -1199,444 +1199,444 @@ const fn = [
 function gn({
   editor: e,
   stateUpdate: t,
-  toolbar: l = {},
-  readOnly: a = z(!1),
-  size: i = "sm"
+  toolbar: r = {},
+  readOnly: l = z(!1),
+  size: n = "sm"
 }) {
-  const { maxHeadingLevel: s = 3 } = l, p = dn(l);
+  const { maxHeadingLevel: s = 3 } = r, g = dn(r);
   return ue(
     ye,
-    (x) => Se(e, (w) => {
-      const L = w, g = x.$.lexical, {
+    (v) => Se(e, (L) => {
+      const M = L, h = v.$.lexical, {
         getAnchorElement: N,
-        textFormatActive: y,
-        blockTypeActive: f,
-        listTypeActive: k,
-        headingActive: b,
-        linkActive: v,
-        dispatch: S,
-        toggleBlock: M,
-        toggleLink: B
-      } = St(L, t, {
-        enterUrlMessage: () => x.value.lexical.enterUrl
-      }), h = Nt(a, i)(z(!0)), _ = () => {
-        const n = L.value;
-        n && (n.update(() => {
-          const m = A();
-          R(m) && Y(m, () => de());
-        }), n.focus());
-      }, r = (n) => {
-        const m = L.value;
-        m && (m.update(() => {
+        textFormatActive: E,
+        blockTypeActive: m,
+        listTypeActive: C,
+        headingActive: y,
+        linkActive: x,
+        dispatch: T,
+        toggleBlock: O,
+        toggleLink: I
+      } = St(M, t, {
+        enterUrlMessage: () => v.value.lexical.enterUrl
+      }), b = Nt(l, n)(z(!0)), w = () => {
+        const o = M.value;
+        o && (o.update(() => {
+          const p = A();
+          R(p) && q(p, () => de());
+        }), o.focus());
+      }, a = (o) => {
+        const p = M.value;
+        p && (p.update(() => {
           const H = A();
           if (R(H)) {
-            const J = N(H), ie = `h${n}`, re = m.getElementByKey(J.getKey());
-            J.getType() === "heading" && re?.tagName === `H${n}` ? Y(H, () => de()) : Y(H, () => V(ie));
+            const J = N(H), ie = `h${o}`, re = p.getElementByKey(J.getKey());
+            J.getType() === "heading" && re?.tagName === `H${o}` ? q(H, () => de()) : q(H, () => W(ie));
           }
-        }), m.focus());
-      }, I = () => {
-        const n = L.value;
-        if (!n) return;
-        const m = n.getRootElement();
-        m && (m.focus(), document.execCommand("copy"));
-      }, T = () => {
-        const n = L.value;
-        if (!n) return;
-        const m = n.getRootElement();
-        m && (m.focus(), document.execCommand("cut"));
-      }, C = () => {
-        const n = L.value;
-        n && navigator.clipboard.readText().then((m) => {
-          n.update(() => {
+        }), p.focus());
+      }, F = () => {
+        const o = M.value;
+        if (!o) return;
+        const p = o.getRootElement();
+        p && (p.focus(), document.execCommand("copy"));
+      }, S = () => {
+        const o = M.value;
+        if (!o) return;
+        const p = o.getRootElement();
+        p && (p.focus(), document.execCommand("cut"));
+      }, u = () => {
+        const o = M.value;
+        o && navigator.clipboard.readText().then((p) => {
+          o.update(() => {
             const H = A();
-            R(H) && H.insertText(m);
-          }), n.focus();
+            R(H) && H.insertText(p);
+          }), o.focus();
         }).catch(() => {
         });
-      }, u = () => {
-        const n = L.value;
-        n && (n.update(() => {
-          const m = A();
-          if (R(m))
-            for (const H of m.getNodes())
+      }, c = () => {
+        const o = M.value;
+        o && (o.update(() => {
+          const p = A();
+          if (R(p))
+            for (const H of p.getNodes())
               me(H) && (H.setFormat(0), H.setStyle(""));
-        }), n.focus());
-      }, o = () => {
-        const n = L.value;
-        n && (n.dispatchCommand($e, {
+        }), o.focus());
+      }, i = () => {
+        const o = M.value;
+        o && (o.dispatchCommand($e, {
           rows: "3",
           columns: "3",
           includeHeaders: !0
-        }), n.focus());
-      }, O = {
+        }), o.focus());
+      }, _ = {
         value: "",
-        label: x.value.lexical.defaultOption
-      }, q = [
-        O,
-        ...l.fontFamilies ?? fn
-      ], c = [
-        O,
-        ...l.fontSizes ?? mn
-      ], F = [
-        O,
-        ...l.lineHeights ?? pn
+        label: v.value.lexical.defaultOption
+      }, V = [
+        _,
+        ...r.fontFamilies ?? fn
+      ], d = [
+        _,
+        ...r.fontSizes ?? mn
+      ], B = [
+        _,
+        ...r.lineHeights ?? pn
       ], $ = t.map(() => {
-        const n = L.value;
-        return n ? n.getEditorState().read(() => {
-          const m = A();
-          return R(m) ? ve(m, "font-family", "") : "";
+        const o = M.value;
+        return o ? o.getEditorState().read(() => {
+          const p = A();
+          return R(p) ? xe(p, "font-family", "") : "";
         }) : "";
       }), G = t.map(() => {
-        const n = L.value;
-        return n ? n.getEditorState().read(() => {
-          const m = A();
-          return R(m) ? ve(m, "font-size", "") : "";
+        const o = M.value;
+        return o ? o.getEditorState().read(() => {
+          const p = A();
+          return R(p) ? xe(p, "font-size", "") : "";
         }) : "";
-      }), wt = (n) => {
-        const m = L.value;
-        m && (m.update(() => {
+      }), wt = (o) => {
+        const p = M.value;
+        p && (p.update(() => {
           const H = A();
-          R(H) && xe(H, { "font-family": n || null });
-        }), m.focus());
-      }, Mt = (n) => {
-        const m = L.value;
-        m && (m.update(() => {
+          R(H) && ve(H, { "font-family": o || null });
+        }), p.focus());
+      }, Mt = (o) => {
+        const p = M.value;
+        p && (p.update(() => {
           const H = A();
-          R(H) && xe(H, { "font-size": n || null });
-        }), m.focus());
+          R(H) && ve(H, { "font-size": o || null });
+        }), p.focus());
       }, Lt = t.map(() => {
-        const n = L.value;
-        return n ? n.getEditorState().read(() => {
-          const m = A();
-          return R(m) && ve(m, "color", "") || "#000000";
+        const o = M.value;
+        return o ? o.getEditorState().read(() => {
+          const p = A();
+          return R(p) && xe(p, "color", "") || "#000000";
         }) : "#000000";
       }), _t = t.map(() => {
-        const n = L.value;
-        return n ? n.getEditorState().read(() => {
-          const m = A();
-          return R(m) && ve(m, "background-color", "") || "#ffffff";
+        const o = M.value;
+        return o ? o.getEditorState().read(() => {
+          const p = A();
+          return R(p) && xe(p, "background-color", "") || "#ffffff";
         }) : "#ffffff";
       }), At = t.map(() => {
-        const n = L.value;
-        return n ? n.getEditorState().read(() => {
-          const m = A();
-          if (R(m)) {
-            const J = N(m).getStyle();
+        const o = M.value;
+        return o ? o.getEditorState().read(() => {
+          const p = A();
+          if (R(p)) {
+            const J = N(p).getStyle();
             return ce(J, "background-color") || "#ffffff";
           }
           return "#ffffff";
         }) : "#ffffff";
       }), Rt = t.map(() => {
-        const n = L.value;
-        return n ? n.getEditorState().read(() => {
-          const m = A();
-          if (R(m)) {
-            const J = N(m).getStyle();
+        const o = M.value;
+        return o ? o.getEditorState().read(() => {
+          const p = A();
+          if (R(p)) {
+            const J = N(p).getStyle();
             return ce(J, "line-height") || "";
           }
           return "";
         }) : "";
-      }), It = (n) => {
-        const m = L.value;
-        m && (m.update(() => {
+      }), It = (o) => {
+        const p = M.value;
+        p && (p.update(() => {
           const H = A();
-          R(H) && xe(H, { color: n });
-        }), m.focus());
-      }, Dt = (n) => {
-        const m = L.value;
-        m && (m.update(() => {
+          R(H) && ve(H, { color: o });
+        }), p.focus());
+      }, Dt = (o) => {
+        const p = M.value;
+        p && (p.update(() => {
           const H = A();
-          R(H) && xe(H, { "background-color": n });
-        }), m.focus());
-      }, Ft = (n) => {
-        const m = L.value;
-        m && (m.update(() => {
+          R(H) && ve(H, { "background-color": o });
+        }), p.focus());
+      }, Ft = (o) => {
+        const p = M.value;
+        p && (p.update(() => {
           const H = A();
           if (R(H)) {
             const J = N(H), ie = J.getStyle(), re = he(
               ie,
               "background-color",
-              n
+              o
             );
             J.setStyle(re);
           }
-        }), m.focus());
-      }, Ht = (n) => {
-        const m = L.value;
-        m && (m.update(() => {
+        }), p.focus());
+      }, Ht = (o) => {
+        const p = M.value;
+        p && (p.update(() => {
           const H = A();
           if (R(H)) {
             const J = N(H), ie = J.getStyle(), re = he(
               ie,
               "line-height",
-              n
+              o
             );
             J.setStyle(re);
           }
-        }), m.focus());
+        }), p.focus());
       }, P = /* @__PURE__ */ new Map();
       P.set(
         "bold",
-        () => h({
-          active: y("bold"),
-          onClick: S(te, "bold"),
-          label: g.map((n) => n.bold),
+        () => b({
+          active: E("bold"),
+          onClick: T(te, "bold"),
+          label: h.map((o) => o.bold),
           icon: "mdi:format-bold"
         })
       ), P.set(
         "italic",
-        () => h({
-          active: y("italic"),
-          onClick: S(te, "italic"),
-          label: g.map((n) => n.italic),
+        () => b({
+          active: E("italic"),
+          onClick: T(te, "italic"),
+          label: h.map((o) => o.italic),
           icon: "mdi:format-italic"
         })
       ), P.set(
         "underline",
-        () => h({
-          active: y("underline"),
-          onClick: S(te, "underline"),
-          label: g.map((n) => n.underline),
+        () => b({
+          active: E("underline"),
+          onClick: T(te, "underline"),
+          label: h.map((o) => o.underline),
           icon: "mdi:format-underline"
         })
       ), P.set(
         "strikethrough",
-        () => h({
-          active: y("strikethrough"),
-          onClick: S(te, "strikethrough"),
-          label: g.map((n) => n.strikethrough),
+        () => b({
+          active: E("strikethrough"),
+          onClick: T(te, "strikethrough"),
+          label: h.map((o) => o.strikethrough),
           icon: "mdi:format-strikethrough"
         })
       ), P.set(
         "code",
-        () => h({
-          active: y("code"),
-          onClick: S(te, "code"),
-          label: g.map((n) => n.code),
+        () => b({
+          active: E("code"),
+          onClick: T(te, "code"),
+          label: h.map((o) => o.code),
           icon: "mdi:code-tags"
         })
       ), P.set(
         "clear-formatting",
-        () => h({
+        () => b({
           active: z(!1),
-          onClick: u,
-          label: g.map((n) => n.clearFormatting),
+          onClick: c,
+          label: h.map((o) => o.clearFormatting),
           icon: "mdi:format-clear"
         })
       ), P.set(
         "paragraph",
-        () => h({
-          active: f("paragraph"),
-          onClick: _,
-          label: g.map((n) => n.normal),
+        () => b({
+          active: m("paragraph"),
+          onClick: w,
+          label: h.map((o) => o.normal),
           icon: "mdi:format-paragraph"
         })
       );
-      for (let n = 1; n <= s; n++)
+      for (let o = 1; o <= s; o++)
         P.set(
-          `heading-${n}`,
-          () => h({
-            active: b(n),
-            onClick: () => r(n),
-            label: g.map((m) => m.heading(n)),
-            icon: `mdi:format-header-${n}`
+          `heading-${o}`,
+          () => b({
+            active: y(o),
+            onClick: () => a(o),
+            label: h.map((p) => p.heading(o)),
+            icon: `mdi:format-header-${o}`
           })
         );
       P.set(
         "bullet-list",
-        () => h({
-          active: k("bullet"),
-          onClick: S(Ee, void 0),
-          label: g.map((n) => n.bulletList),
+        () => b({
+          active: C("bullet"),
+          onClick: T(Ee, void 0),
+          label: h.map((o) => o.bulletList),
           icon: "mdi:format-list-bulleted"
         })
       ), P.set(
         "ordered-list",
-        () => h({
-          active: k("number"),
-          onClick: S(ke, void 0),
-          label: g.map((n) => n.orderedList),
+        () => b({
+          active: C("number"),
+          onClick: T(ke, void 0),
+          label: h.map((o) => o.orderedList),
           icon: "mdi:format-list-numbered"
         })
       ), P.set(
         "check-list",
-        () => h({
-          active: k("check"),
-          onClick: S(yt, void 0),
-          label: g.map((n) => n.checkList),
+        () => b({
+          active: C("check"),
+          onClick: T(yt, void 0),
+          label: h.map((o) => o.checkList),
           icon: "mdi:format-list-checks"
         })
       ), P.set(
         "indent",
-        () => h({
+        () => b({
           active: z(!1),
-          onClick: S(yo, void 0),
-          label: g.map((n) => n.indent),
+          onClick: T(yo, void 0),
+          label: h.map((o) => o.indent),
           icon: "mdi:format-indent-increase"
         })
       ), P.set(
         "outdent",
-        () => h({
+        () => b({
           active: z(!1),
-          onClick: S(vo, void 0),
-          label: g.map((n) => n.outdent),
+          onClick: T(xo, void 0),
+          label: h.map((o) => o.outdent),
           icon: "mdi:format-indent-decrease"
         })
       ), P.set(
         "blockquote",
-        () => h({
-          active: f("quote"),
-          onClick: M("quote", Be),
-          label: g.map((n) => n.blockquote),
+        () => b({
+          active: m("quote"),
+          onClick: O("quote", Be),
+          label: h.map((o) => o.blockquote),
           icon: "mdi:format-quote-close"
         })
       ), P.set(
         "code-block",
-        () => h({
-          active: f("code"),
-          onClick: M("code", Ue),
-          label: g.map((n) => n.codeBlock),
+        () => b({
+          active: m("code"),
+          onClick: O("code", Ue),
+          label: h.map((o) => o.codeBlock),
           icon: "mdi:code-braces"
         })
       ), P.set(
         "horizontal-rule",
-        () => h({
+        () => b({
           active: z(!1),
-          onClick: S(Oe, void 0),
-          label: g.map((n) => n.horizontalRule),
+          onClick: T(Oe, void 0),
+          label: h.map((o) => o.horizontalRule),
           icon: "mdi:minus"
         })
       ), P.set(
         "insert-table",
-        () => h({
+        () => b({
           active: z(!1),
-          onClick: o,
-          label: g.map((n) => n.insertTable),
+          onClick: i,
+          label: h.map((o) => o.insertTable),
           icon: "mdi:table-plus"
         })
       ), P.set(
         "link",
-        () => h({
-          active: v(),
-          onClick: B,
-          label: g.map((n) => n.link),
+        () => b({
+          active: x(),
+          onClick: I,
+          label: h.map((o) => o.link),
           icon: "mdi:link"
         })
       ), P.set(
         "undo",
-        () => h({
+        () => b({
           active: z(!1),
-          onClick: S(xo, void 0),
-          label: g.map((n) => n.undo),
+          onClick: T(vo, void 0),
+          label: h.map((o) => o.undo),
           icon: "mdi:undo"
         })
       ), P.set(
         "redo",
-        () => h({
+        () => b({
           active: z(!1),
-          onClick: S(Co, void 0),
-          label: g.map((n) => n.redo),
+          onClick: T(Co, void 0),
+          label: h.map((o) => o.redo),
           icon: "mdi:redo"
         })
       ), P.set(
         "cut",
-        () => h({
+        () => b({
           active: z(!1),
-          onClick: T,
-          label: g.map((n) => n.cut),
+          onClick: S,
+          label: h.map((o) => o.cut),
           icon: "mdi:content-cut"
         })
       ), P.set(
         "copy",
-        () => h({
+        () => b({
           active: z(!1),
-          onClick: I,
-          label: g.map((n) => n.copy),
+          onClick: F,
+          label: h.map((o) => o.copy),
           icon: "mdi:content-copy"
         })
       ), P.set(
         "paste",
-        () => h({
+        () => b({
           active: z(!1),
-          onClick: C,
-          label: g.map((n) => n.paste),
+          onClick: u,
+          label: h.map((o) => o.paste),
           icon: "mdi:content-paste"
         })
       ), P.set(
         "font-family",
         () => D.select(
-          d.class("bc-lexical-toolbar-select"),
-          d.title(g.map((n) => n.fontFamily)),
-          d.disabled(a),
-          X.change(
-            (n) => wt(n.target.value)
+          f.class("bc-lexical-toolbar-select"),
+          f.title(h.map((o) => o.fontFamily)),
+          f.disabled(l),
+          ee.change(
+            (o) => wt(o.target.value)
           ),
-          ...q.map(
-            (n) => D.option(
-              d.value(n.value),
-              d.selected($.map((m) => m === n.value)),
-              n.label
+          ...V.map(
+            (o) => D.option(
+              f.value(o.value),
+              f.selected($.map((p) => p === o.value)),
+              o.label
             )
           )
         )
       ), P.set(
         "font-size",
         () => D.select(
-          d.class("bc-lexical-toolbar-select"),
-          d.title(g.map((n) => n.fontSize)),
-          d.disabled(a),
-          X.change((n) => Mt(n.target.value)),
-          ...c.map(
-            (n) => D.option(
-              d.value(n.value),
-              d.selected(G.map((m) => m === n.value)),
-              n.label
+          f.class("bc-lexical-toolbar-select"),
+          f.title(h.map((o) => o.fontSize)),
+          f.disabled(l),
+          ee.change((o) => Mt(o.target.value)),
+          ...d.map(
+            (o) => D.option(
+              f.value(o.value),
+              f.selected(G.map((p) => p === o.value)),
+              o.label
             )
           )
         )
       ), P.set(
         "line-height",
         () => D.select(
-          d.class("bc-lexical-toolbar-select"),
-          d.title(g.map((n) => n.lineHeight)),
-          d.disabled(a),
-          X.change(
-            (n) => Ht(n.target.value)
+          f.class("bc-lexical-toolbar-select"),
+          f.title(h.map((o) => o.lineHeight)),
+          f.disabled(l),
+          ee.change(
+            (o) => Ht(o.target.value)
           ),
-          ...F.map(
-            (n) => D.option(
-              d.value(n.value),
-              d.selected(Rt.map((m) => m === n.value)),
-              n.label
+          ...B.map(
+            (o) => D.option(
+              f.value(o.value),
+              f.selected(Rt.map((p) => p === o.value)),
+              o.label
             )
           )
         )
       ), P.set(
         "font-color",
         () => D.label(
-          d.class("bc-lexical-toolbar-color"),
-          d.title(g.map((n) => n.fontColor)),
+          f.class("bc-lexical-toolbar-color"),
+          f.title(h.map((o) => o.fontColor)),
           D.input(
-            d.type("color"),
-            d.value(Lt),
-            d.disabled(a),
-            X.input((n) => It(n.target.value))
+            f.type("color"),
+            f.value(Lt),
+            f.disabled(l),
+            ee.input((o) => It(o.target.value))
           ),
-          D.span(d.class("bc-lexical-toolbar-color-icon"), "A")
+          D.span(f.class("bc-lexical-toolbar-color-icon"), "A")
         )
       ), P.set(
         "highlight-color",
         () => D.label(
-          d.class("bc-lexical-toolbar-color"),
-          d.title(g.map((n) => n.highlightColor)),
+          f.class("bc-lexical-toolbar-color"),
+          f.title(h.map((o) => o.highlightColor)),
           D.input(
-            d.type("color"),
-            d.value(_t),
-            d.disabled(a),
-            X.input((n) => Dt(n.target.value))
+            f.type("color"),
+            f.value(_t),
+            f.disabled(l),
+            ee.input((o) => Dt(o.target.value))
           ),
           D.span(
-            d.class(
+            f.class(
               "bc-lexical-toolbar-color-icon bc-lexical-toolbar-color-icon--highlight"
             ),
             "A"
@@ -1645,16 +1645,16 @@ function gn({
       ), P.set(
         "background-color",
         () => D.label(
-          d.class("bc-lexical-toolbar-color"),
-          d.title(g.map((n) => n.backgroundColor)),
+          f.class("bc-lexical-toolbar-color"),
+          f.title(h.map((o) => o.backgroundColor)),
           D.input(
-            d.type("color"),
-            d.value(At),
-            d.disabled(a),
-            X.input((n) => Ft(n.target.value))
+            f.type("color"),
+            f.value(At),
+            f.disabled(l),
+            ee.input((o) => Ft(o.target.value))
           ),
           D.span(
-            d.class(
+            f.class(
               "bc-lexical-toolbar-color-icon bc-lexical-toolbar-color-icon--bg"
             ),
             "■"
@@ -1662,297 +1662,297 @@ function gn({
         )
       );
       const ct = {
-        editor: L,
+        editor: M,
         stateUpdate: t,
-        readOnly: a,
-        size: i,
-        button: (n) => h({
-          active: n.active ?? z(!1),
-          onClick: n.onClick,
-          label: n.label,
-          icon: n.icon
+        readOnly: l,
+        size: n,
+        button: (o) => b({
+          active: o.active ?? z(!1),
+          onClick: o.onClick,
+          label: o.label,
+          icon: o.icon
         })
-      }, ut = (n) => {
-        if (n.type === "button") {
-          const m = n;
+      }, ut = (o) => {
+        if (o.type === "button") {
+          const p = o;
           P.set(
-            n.id,
-            () => h({
-              active: m.active?.(ct) ?? z(!1),
-              onClick: () => m.onClick(L.value),
-              label: m.label,
-              icon: m.icon
+            o.id,
+            () => b({
+              active: p.active?.(ct) ?? z(!1),
+              onClick: () => p.onClick(M.value),
+              label: p.label,
+              icon: p.icon
             })
           );
-        } else if (n.type === "select") {
-          const m = n, H = m.resetOnSelect !== !1;
+        } else if (o.type === "select") {
+          const p = o, H = p.resetOnSelect !== !1;
           P.set(
-            n.id,
+            o.id,
             () => D.select(
-              d.class("bc-lexical-toolbar-select"),
-              d.title(m.label),
-              d.disabled(a),
-              X.change((J) => {
+              f.class("bc-lexical-toolbar-select"),
+              f.title(p.label),
+              f.disabled(l),
+              ee.change((J) => {
                 const ie = J.target, re = ie.value;
-                re !== "" && (m.onSelect(re, L.value), H && (ie.value = ""));
+                re !== "" && (p.onSelect(re, M.value), H && (ie.value = ""));
               }),
               D.option(
-                d.value(""),
-                d.disabled(H),
-                d.selected(!0),
-                m.label
+                f.value(""),
+                f.disabled(H),
+                f.selected(!0),
+                p.label
               ),
-              ...m.options.map(
-                (J) => D.option(d.value(J.value), J.label)
+              ...p.options.map(
+                (J) => D.option(f.value(J.value), J.label)
               )
             )
           );
-        } else if (n.type === "custom") {
-          const m = n;
-          P.set(n.id, () => m.render(ct));
+        } else if (o.type === "custom") {
+          const p = o;
+          P.set(o.id, () => p.render(ct));
         }
       };
-      if (l.customItems)
-        for (const n of l.customItems)
-          ut(n);
-      if (l.customGroups)
-        for (const n of l.customGroups)
-          for (const m of n.items)
-            ut(m);
+      if (r.customItems)
+        for (const o of r.customItems)
+          ut(o);
+      if (r.customGroups)
+        for (const o of r.customGroups)
+          for (const p of o.items)
+            ut(p);
       return Bo(
         {},
-        d.class("bc-lexical-toolbar"),
-        ...hn(p, P, s, l.customGroups)
+        f.class("bc-lexical-toolbar"),
+        ...hn(g, P, s, r.customGroups)
       );
     })
   );
 }
-function hn(e, t, l, a) {
-  const i = /* @__PURE__ */ new Map();
-  if (a)
-    for (const p of a)
-      i.set(p.id, p);
+function hn(e, t, r, l) {
+  const n = /* @__PURE__ */ new Map();
+  if (l)
+    for (const g of l)
+      n.set(g.id, g);
   const s = [];
-  for (const p of e) {
-    if ("separator" in p) {
+  for (const g of e) {
+    if ("separator" in g) {
       s.push($o());
       continue;
     }
-    if ("customGroup" in p) {
-      const g = i.get(p.customGroup);
-      if (!g) continue;
+    if ("customGroup" in g) {
+      const h = n.get(g.customGroup);
+      if (!h) continue;
       const N = [];
-      for (const f of g.items) {
-        const k = t.get(f.id);
-        k && N.push(k());
+      for (const m of h.items) {
+        const C = t.get(m.id);
+        C && N.push(C());
       }
       if (N.length === 0) continue;
-      const y = N.map(() => z(!0));
-      s.push(gt({ display: y }, ...N));
+      const E = N.map(() => z(!0));
+      s.push(gt({ display: E }, ...N));
       continue;
     }
-    let x = p.items ?? sn[p.group] ?? [];
-    p.group === "headings" && !p.items && (x = x.filter((g) => g.startsWith("heading-") ? parseInt(g.split("-")[1], 10) <= l : !0));
-    const w = [];
-    for (const g of x) {
-      const N = t.get(g);
-      N && w.push(N());
+    let v = g.items ?? sn[g.group] ?? [];
+    g.group === "headings" && !g.items && (v = v.filter((h) => h.startsWith("heading-") ? parseInt(h.split("-")[1], 10) <= r : !0));
+    const L = [];
+    for (const h of v) {
+      const N = t.get(h);
+      N && L.push(N());
     }
-    if (w.length === 0) continue;
-    const L = w.map(() => z(!0));
-    s.push(gt({ display: L }, ...w));
+    if (L.length === 0) continue;
+    const M = L.map(() => z(!0));
+    s.push(gt({ display: M }, ...L));
   }
   return s;
 }
 function Ot({
   editor: e,
   stateUpdate: t,
-  readOnly: l = z(!1)
+  readOnly: r = z(!1)
 }) {
-  const a = j(!1), i = j(0), s = j(0);
-  let p = null, x = null;
-  const w = j(!1), L = (E) => {
-    let h = null;
-    return E.getEditorState().read(() => {
-      const _ = A();
-      if (!R(_)) return;
-      let r = _.anchor.getNode();
-      for (; r; ) {
-        if (qt(r)) {
-          h = r;
+  const l = j(!1), n = j(0), s = j(0);
+  let g = null;
+  const v = j(!1), L = (I) => {
+    let k = null;
+    return I.getEditorState().read(() => {
+      const b = A();
+      if (!R(b)) return;
+      let w = b.anchor.getNode();
+      for (; w; ) {
+        if (qt(w)) {
+          k = w;
           break;
         }
-        if (r = r.getParent(), !r || r.getKey() === "root") break;
+        if (w = w.getParent(), !w || w.getKey() === "root") break;
       }
-    }), h;
-  }, g = (E, h) => {
-    const _ = E.getBoundingClientRect(), r = h.closest(".bc-lexical-editor-container"), I = r ? r.getBoundingClientRect() : h.getBoundingClientRect();
-    return i.value = _.top - I.top + 2, s.value = I.right - _.right + 2, !0;
-  }, N = () => {
-    const E = e.value;
-    if (!E) {
-      a.value = !1;
+    }), k;
+  }, M = (I, k) => {
+    const b = I.getBoundingClientRect(), w = k.closest(".bc-lexical-editor-container"), a = w ? w.getBoundingClientRect() : k.getBoundingClientRect();
+    return n.value = b.top - a.top + 2, s.value = a.right - b.right + 2, !0;
+  }, h = () => {
+    const I = e.value;
+    if (!I) {
+      l.value = !1;
       return;
     }
-    const h = L(E);
-    if (!h) {
-      w.value || (a.value = !1);
+    const k = L(I);
+    if (!k) {
+      v.value || (l.value = !1);
       return;
     }
-    const _ = E.getElementByKey(h.getKey()), r = E.getRootElement();
-    _ && r ? (g(_, r), a.value = !0) : a.value = !1;
+    const b = I.getElementByKey(k.getKey()), w = I.getRootElement();
+    b && w ? (M(b, w), l.value = !0) : l.value = !1;
   };
-  t.onChange(N);
-  const y = (E) => () => {
-    const h = e.value;
-    h && (h.update(E), x?.(), h.focus());
-  }, f = y(() => ft(!1)), k = y(() => ft(!0)), b = y(
+  t.onChange(h);
+  const N = (I) => () => {
+    const k = e.value;
+    k && (k.update(I), g?.set(!1), k.focus());
+  }, E = N(() => ft(!1)), m = N(() => ft(!0)), C = N(
     () => mt(!1)
-  ), v = y(
+  ), y = N(
     () => mt(!0)
-  ), S = y(() => Yt()), M = y(() => Wt()), B = y(() => {
-    const E = A();
-    if (!R(E)) return;
-    const h = E.anchor.getNode(), _ = Vt(h);
-    if (!_) return;
-    Zt(_).remove();
+  ), x = N(() => Yt()), T = N(() => Wt()), O = N(() => {
+    const I = A();
+    if (!R(I)) return;
+    const k = I.anchor.getNode(), b = Vt(k);
+    if (!b) return;
+    Zt(b).remove();
   });
   return ue(
     ye,
-    (E) => Se(e, (h) => {
-      const _ = h, r = E.$.lexical, I = (o) => {
-        const O = _.value;
-        if (!O || l.value) return;
-        const q = O.getRootElement();
-        if (!q) return;
-        const F = o.target.closest("td, th");
-        F && q.contains(F) && (o.preventDefault(), g(F, q) && (a.value = !0), Po(() => {
-          p?.();
+    (I) => Se(e, (k) => {
+      const b = k, w = I.$.lexical, a = (c) => {
+        const i = b.value;
+        if (!i || r.value) return;
+        const _ = i.getRootElement();
+        if (!_) return;
+        const d = c.target.closest("td, th");
+        d && _.contains(d) && (c.preventDefault(), M(d, _) && (l.value = !0), Po(() => {
+          g?.set(!0);
         }));
-      }, T = _.value?.getRootElement(), u = T?.closest(
+      }, F = b.value?.getRootElement(), u = F?.closest(
         ".bc-lexical-editor-container"
-      ) ?? T ?? document;
-      return u.addEventListener("contextmenu", I), [
+      ) ?? F ?? document;
+      return u.addEventListener("contextmenu", a), [
         ne(() => {
-          u.removeEventListener("contextmenu", I);
+          u.removeEventListener("contextmenu", a);
         }),
         pe(
-          a,
+          l,
           () => D.div(
-            d.class("bc-table-cell-marker"),
-            W.position("absolute"),
-            W.top(i.map((o) => `${o}px`)),
-            W.right(s.map((o) => `${o}px`)),
-            W.zIndex("10"),
+            f.class("bc-table-cell-marker"),
+            Y.position("absolute"),
+            Y.top(n.map((c) => `${c}px`)),
+            Y.right(s.map((c) => `${c}px`)),
+            Y.zIndex("10"),
             // Prevent mousedown from stealing focus from editor
-            oe((o) => {
-              o.addEventListener("mousedown", (O) => {
-                O.preventDefault();
+            oe((c) => {
+              c.addEventListener("mousedown", (i) => {
+                i.preventDefault();
               });
             }),
             D.button(
-              d.class("bc-table-cell-marker__button"),
-              d.type("button"),
-              d.title(r.map((o) => o.tableActions)),
-              d.disabled(l),
+              f.class("bc-table-cell-marker__button"),
+              f.type("button"),
+              f.title(w.map((c) => c.tableActions)),
+              f.disabled(r),
               Z({ icon: "lucide:chevron-down", size: "xs" }),
               // Track menu open state via aria-expanded
-              oe((o) => {
-                const O = new MutationObserver(() => {
-                  const q = o.getAttribute("aria-expanded") === "true";
-                  w.value = q;
+              oe((c) => {
+                const i = new MutationObserver(() => {
+                  const _ = c.getAttribute("aria-expanded") === "true";
+                  v.value = _;
                 });
-                return O.observe(o, {
+                return i.observe(c, {
                   attributes: !0,
                   attributeFilter: ["aria-expanded"]
-                }), ne(() => O.disconnect());
+                }), ne(() => i.disconnect());
               }),
               Et({
                 items: () => [
                   le({
                     key: "insert-row-above",
-                    content: r.map((o) => o.insertRowAbove),
+                    content: w.map((c) => c.insertRowAbove),
                     before: Z({
                       icon: "lucide:arrow-up",
                       size: "sm"
                     }),
-                    onClick: f,
-                    disabled: l
+                    onClick: E,
+                    disabled: r
                   }),
                   le({
                     key: "insert-row-below",
-                    content: r.map((o) => o.insertRowBelow),
+                    content: w.map((c) => c.insertRowBelow),
                     before: Z({
                       icon: "lucide:arrow-down",
                       size: "sm"
                     }),
-                    onClick: k,
-                    disabled: l
+                    onClick: m,
+                    disabled: r
                   }),
                   le({
                     key: "insert-column-left",
-                    content: r.map((o) => o.insertColumnLeft),
+                    content: w.map((c) => c.insertColumnLeft),
                     before: Z({
                       icon: "lucide:arrow-left",
                       size: "sm"
                     }),
-                    onClick: b,
-                    disabled: l
+                    onClick: C,
+                    disabled: r
                   }),
                   le({
                     key: "insert-column-right",
-                    content: r.map((o) => o.insertColumnRight),
+                    content: w.map((c) => c.insertColumnRight),
                     before: Z({
                       icon: "lucide:arrow-right",
                       size: "sm"
                     }),
-                    onClick: v,
-                    disabled: l
+                    onClick: y,
+                    disabled: r
                   }),
                   Fo(),
                   le({
                     key: "delete-row",
-                    content: r.map((o) => o.deleteRow),
+                    content: w.map((c) => c.deleteRow),
                     before: Z({
                       icon: "lucide:trash-2",
                       size: "sm"
                     }),
-                    onClick: S,
-                    disabled: l
+                    onClick: x,
+                    disabled: r
                   }),
                   le({
                     key: "delete-column",
-                    content: r.map((o) => o.deleteColumn),
+                    content: w.map((c) => c.deleteColumn),
                     before: Z({
                       icon: "lucide:trash-2",
                       size: "sm"
                     }),
-                    onClick: M,
-                    disabled: l
+                    onClick: T,
+                    disabled: r
                   }),
                   le({
                     key: "delete-table",
-                    content: r.map((o) => o.deleteTable),
+                    content: w.map((c) => c.deleteTable),
                     before: Z({
                       icon: "lucide:trash-2",
                       size: "sm"
                     }),
-                    onClick: B,
-                    disabled: l
+                    onClick: O,
+                    disabled: r
                   })
                 ],
                 placement: "bottom-end",
-                showOn: (o, O) => (p = o, x = O, X.click(() => {
-                  w.value ? O() : (o(), w.value = !0);
+                showOn: (c) => (g = c, ee.click(() => {
+                  c.set(!c.value);
                 })),
                 showDelay: 0,
                 hideDelay: 0,
                 mainAxisOffset: 4,
                 onClose: () => {
-                  const o = _.value;
-                  o && o.focus();
+                  const c = b.value;
+                  c && c.focus();
                 },
-                ariaLabel: r.map((o) => o.tableActions)
+                ariaLabel: w.map((c) => c.tableActions)
               })
             )
           )
@@ -1964,75 +1964,75 @@ function Ot({
 const ki = (e) => {
   const {
     value: t,
-    format: l,
-    plugins: a,
-    readOnly: i,
+    format: r,
+    plugins: l,
+    readOnly: n,
     placeholder: s,
-    class: p,
-    namespace: x = "BeatUILexical",
-    heightMode: w = "fixed",
-    toolbar: L,
-    autoFocus: g = !1,
+    class: g,
+    namespace: v = "BeatUILexical",
+    heightMode: L = "fixed",
+    toolbar: M,
+    autoFocus: h = !1,
     onError: N,
-    onInput: y,
-    onChange: f,
-    onBlur: k,
-    onReady: b
-  } = e, v = j(null), S = j(0), M = (E) => typeof E == "object" && E !== null && "map" in E && typeof E.map == "function", B = i != null ? M(i) ? i : j(U.get(i)) : j(!1);
+    onInput: E,
+    onChange: m,
+    onBlur: C,
+    onReady: y
+  } = e, x = j(null), T = j(0), O = (k) => typeof k == "object" && k !== null && "map" in k && typeof k.map == "function", I = n != null ? O(n) ? n : j(U.get(n)) : j(!1);
   return ue(
     Ye,
-    ({ appearance: E }) => D.div(
+    ({ appearance: k }) => D.div(
       // CSS injection via LinkPortal
       Ke(
         () => import("../styles-url-BIeImEjl.js"),
-        ({ default: h }) => qe({ id: "beatui-lexical-css", href: h })
+        ({ default: b }) => qe({ id: "beatui-lexical-css", href: b })
       ),
-      d.class("bc-lexical-editor-container"),
-      w === "fixed" ? d.class("bc-lexical-editor-container--fixed") : null,
-      d.class(p),
+      f.class("bc-lexical-editor-container"),
+      L === "fixed" ? f.class("bc-lexical-editor-container--fixed") : null,
+      f.class(g),
       // Toolbar (hidden in readOnly mode)
       pe(
-        B.map((h) => !h),
+        I.map((b) => !b),
         () => gn({
-          editor: v,
-          stateUpdate: S,
-          toolbar: L,
-          readOnly: B,
+          editor: x,
+          stateUpdate: T,
+          toolbar: M,
+          readOnly: I,
           size: "sm"
         })
       ),
       // Table context menu (appears when cursor is in a table cell)
       Ot({
-        editor: v,
-        stateUpdate: S,
-        readOnly: B
+        editor: x,
+        stateUpdate: T,
+        readOnly: I
       }),
       // The editable surface
       D.div(
-        d.class("bc-lexical-editor"),
-        d.class(`bc-lexical-editor--${w}`),
-        d.contenteditable(
-          i != null ? (
+        f.class("bc-lexical-editor"),
+        f.class(`bc-lexical-editor--${L}`),
+        f.contenteditable(
+          n != null ? (
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            U.map(i, (h) => !h)
+            U.map(n, (b) => !b)
           ) : !0
         ),
-        i != null ? d.class(
+        n != null ? f.class(
           U.map(
-            i,
-            (h) => h ? "bc-lexical-editor--readonly" : ""
+            n,
+            (b) => b ? "bc-lexical-editor--readonly" : ""
           )
         ) : null,
-        oe((h) => {
-          let _ = null;
-          const r = [];
+        oe((b) => {
+          let w = null;
+          const a = [];
           return (async () => {
             try {
-              const T = a ?? Ve("docked"), C = We(T), u = U.get(
-                l ?? "markdown"
-              ), o = Ge({
-                namespace: x,
-                nodes: C,
+              const S = l ?? Ve("docked"), u = We(S), c = U.get(
+                r ?? "markdown"
+              ), i = Ge({
+                namespace: v,
+                nodes: u,
                 theme: {
                   heading: {
                     h1: "bc-lexical-h1",
@@ -2068,143 +2068,143 @@ const ki = (e) => {
                   mark: "bc-lexical-mark",
                   paragraph: "bc-lexical-paragraph"
                 },
-                onError: (c) => {
-                  N ? N(c, o) : console.error("[BeatUI Lexical]", c);
+                onError: (d) => {
+                  N ? N(d, i) : console.error("[BeatUI Lexical]", d);
                 },
-                editable: i ? !U.get(i) : !0,
+                editable: n ? !U.get(n) : !0,
                 html: {
                   export: we(),
                   import: Me()
                 }
               });
-              _ = o, v.set(o), o.setRootElement(h);
-              const O = [];
-              if (T.richText ? O.push(Ze(o)) : T.plainText && O.push(Xe(o)), T.history) {
-                const c = typeof T.history == "object" ? T.history : void 0;
-                O.push(Qe(o, c));
+              w = i, x.set(i), i.setRootElement(b);
+              const _ = [];
+              if (S.richText ? _.push(Ze(i)) : S.plainText && _.push(Xe(i)), S.history) {
+                const d = typeof S.history == "object" ? S.history : void 0;
+                _.push(Qe(i, d));
               }
-              if (T.clipboard && O.push(et(o)), T.list && O.push(tt(o)), T.link && O.push(ot(o)), T.yjs && O.push(
-                at(o, T.yjs)
-              ), T.dragon && O.push(lt(o)), T.table && O.push(rt(o)), (await Promise.all(O)).forEach((c) => {
-                c && r.push(c);
-              }), r.push(nt(o)), r.push(st(o)), r.push(
-                o.registerCommand(
+              if (S.clipboard && _.push(et(i)), S.list && _.push(tt(i)), S.link && _.push(ot(i)), S.yjs && _.push(
+                at(i, S.yjs)
+              ), S.dragon && _.push(lt(i)), S.table && _.push(rt(i)), (await Promise.all(_)).forEach((d) => {
+                d && a.push(d);
+              }), a.push(nt(i)), a.push(st(i)), a.push(
+                i.registerCommand(
                   kt,
-                  () => (S.set(S.value + 1), !1),
+                  () => (T.set(T.value + 1), !1),
                   K
                 )
-              ), r.push(
-                o.registerUpdateListener(
-                  ({ editorState: c, dirtyElements: F, dirtyLeaves: $ }) => {
-                    (F.size > 0 || $.size > 0) && S.set(S.value + 1), y && (F.size > 0 || $.size > 0) && c.read(async () => {
-                      if (u === "markdown") {
-                        const G = await Q(o);
-                        y(G, o);
-                      } else if (u === "html") {
-                        const G = await ee(o);
-                        y(G, o);
-                      } else u === "json" && y(
-                        c.toJSON(),
-                        o
+              ), a.push(
+                i.registerUpdateListener(
+                  ({ editorState: d, dirtyElements: B, dirtyLeaves: $ }) => {
+                    (B.size > 0 || $.size > 0) && T.set(T.value + 1), E && (B.size > 0 || $.size > 0) && d.read(async () => {
+                      if (c === "markdown") {
+                        const G = await X(i);
+                        E(G, i);
+                      } else if (c === "html") {
+                        const G = await Q(i);
+                        E(G, i);
+                      } else c === "json" && E(
+                        d.toJSON(),
+                        i
                       );
                     });
                   }
                 )
               ), t != null) {
-                const c = U.get(
+                const d = U.get(
                   t
                 );
-                if (c != null && (c !== "" || u === "json" && typeof c == "object")) {
-                  if (u === "markdown" && typeof c == "string")
-                    await ae(o, c);
-                  else if (u === "html" && typeof c == "string")
-                    await se(o, c);
-                  else if (u === "json" && typeof c == "object")
+                if (d != null && (d !== "" || c === "json" && typeof d == "object")) {
+                  if (c === "markdown" && typeof d == "string")
+                    await ae(i, d);
+                  else if (c === "html" && typeof d == "string")
+                    await se(i, d);
+                  else if (c === "json" && typeof d == "object")
                     try {
-                      const $ = JSON.stringify(c), G = o.parseEditorState($);
-                      o.setEditorState(G);
+                      const $ = JSON.stringify(d), G = i.parseEditorState($);
+                      i.setEditorState(G);
                     } catch ($) {
                       console.error(
                         "[BeatUI] Failed to parse JSON editor state:",
                         $
                       ), N && N(
                         $ instanceof Error ? $ : new Error(String($)),
-                        o
+                        i
                       );
                     }
                 }
               }
-              if (t != null && r.push(
-                U.on(t, async (c) => {
-                  if (c != null) {
-                    if (u === "markdown" && typeof c == "string") {
-                      const F = await Q(o);
-                      c !== F && await ae(o, c);
-                    } else if (u === "html" && typeof c == "string") {
-                      const F = await ee(o);
-                      c !== F && await se(o, c);
-                    } else if (u === "json" && typeof c == "object") {
-                      const F = JSON.stringify(
-                        o.getEditorState().toJSON()
-                      ), $ = JSON.stringify(c);
-                      if (F !== $) {
-                        const G = o.parseEditorState($);
-                        o.setEditorState(G);
+              if (t != null && a.push(
+                U.on(t, async (d) => {
+                  if (d != null) {
+                    if (c === "markdown" && typeof d == "string") {
+                      const B = await X(i);
+                      d !== B && await ae(i, d);
+                    } else if (c === "html" && typeof d == "string") {
+                      const B = await Q(i);
+                      d !== B && await se(i, d);
+                    } else if (c === "json" && typeof d == "object") {
+                      const B = JSON.stringify(
+                        i.getEditorState().toJSON()
+                      ), $ = JSON.stringify(d);
+                      if (B !== $) {
+                        const G = i.parseEditorState($);
+                        i.setEditorState(G);
                       }
                     }
                   }
                 })
-              ), i != null && r.push(
-                U.on(i, (c) => {
-                  o.setEditable(!c);
+              ), n != null && a.push(
+                U.on(n, (d) => {
+                  i.setEditable(!d);
                 })
-              ), r.push(
-                o.registerCommand(
+              ), a.push(
+                i.registerCommand(
                   Je,
-                  () => (k && k(o), f && o.getEditorState().read(async () => {
-                    if (u === "markdown") {
-                      const c = await Q(o);
-                      f(c, o);
-                    } else if (u === "html") {
-                      const c = await ee(o);
-                      f(c, o);
-                    } else u === "json" && f(
-                      o.getEditorState().toJSON(),
-                      o
+                  () => (C && C(i), m && i.getEditorState().read(async () => {
+                    if (c === "markdown") {
+                      const d = await X(i);
+                      m(d, i);
+                    } else if (c === "html") {
+                      const d = await Q(i);
+                      m(d, i);
+                    } else c === "json" && m(
+                      i.getEditorState().toJSON(),
+                      i
                     );
                   }), !1),
                   K
                 )
-              ), r.push(
-                E.on((c) => {
-                  const F = o.getRootElement();
-                  F && (F.dataset.theme = c);
+              ), a.push(
+                k.on((d) => {
+                  const B = i.getRootElement();
+                  B && (B.dataset.theme = d);
                 })
-              ), g)
-                o.focus();
+              ), h)
+                i.focus();
               else {
-                const c = o.getRootElement();
-                c && c === document.activeElement && c.blur();
+                const d = i.getRootElement();
+                d && d === document.activeElement && d.blur();
               }
-              b && b(o);
-            } catch (T) {
+              y && y(i);
+            } catch (S) {
               console.error(
                 "[BeatUI] Failed to initialize Lexical editor:",
-                T
+                S
               );
-              const C = h;
-              C.textContent = "Failed to load Lexical editor.";
+              const u = b;
+              u.textContent = "Failed to load Lexical editor.";
             }
           })(), ne(() => {
             try {
-              r.forEach((T) => T());
+              a.forEach((S) => S());
             } catch {
             }
             try {
-              _?.setRootElement(null);
+              w?.setRootElement(null);
             } catch {
             }
-            v.set(null);
+            x.set(null);
           });
         })
       )
@@ -2214,163 +2214,163 @@ const ki = (e) => {
 function bn({
   editor: e,
   stateUpdate: t,
-  groups: l = ["text-formatting"],
-  readOnly: a = z(!1),
-  size: i = "sm"
+  groups: r = ["text-formatting"],
+  readOnly: l = z(!1),
+  size: n = "sm"
 }) {
-  const s = j(!1), p = j(0), x = j(0);
+  const s = j(!1), g = j(0), v = j(0);
   return ue(
     ye,
-    (w) => Se(e, (L) => {
-      const g = L, N = w.$.lexical, y = (r) => l.includes(r), { textFormatActive: f, linkActive: k, dispatch: b, toggleLink: v } = St(g, t, {
-        enterUrlMessage: () => w.value.lexical.enterUrl
-      }), M = Nt(a, i)(z(!0)), B = () => {
-        const r = g.value;
-        if (!r) {
+    (L) => Se(e, (M) => {
+      const h = M, N = L.$.lexical, E = (a) => r.includes(a), { textFormatActive: m, linkActive: C, dispatch: y, toggleLink: x } = St(h, t, {
+        enterUrlMessage: () => L.value.lexical.enterUrl
+      }), O = Nt(l, n)(z(!0)), I = () => {
+        const a = h.value;
+        if (!a) {
           s.value = !1;
           return;
         }
-        const I = r.getRootElement();
-        if (!I) {
+        const F = a.getRootElement();
+        if (!F) {
           s.value = !1;
           return;
         }
-        const T = window.getSelection();
-        if (!T || T.rangeCount === 0 || T.isCollapsed) {
+        const S = window.getSelection();
+        if (!S || S.rangeCount === 0 || S.isCollapsed) {
           s.value = !1;
           return;
         }
-        const C = T.anchorNode;
-        if (C && !I.contains(C)) {
+        const u = S.anchorNode;
+        if (u && !F.contains(u)) {
           s.value = !1;
           return;
         }
-        const o = T.getRangeAt(0).getBoundingClientRect();
-        if (o.width === 0 && o.height === 0) {
+        const i = S.getRangeAt(0).getBoundingClientRect();
+        if (i.width === 0 && i.height === 0) {
           s.value = !1;
           return;
         }
-        const O = 40, q = 8;
-        let c = o.top - O - q;
-        const F = o.left + o.width / 2;
-        c < 0 && (c = o.bottom + q), p.value = c, x.value = F, s.value = !0;
-      }, E = t.onChange(B), h = () => {
-        B();
+        const _ = 40, V = 8;
+        let d = i.top - _ - V;
+        const B = i.left + i.width / 2;
+        d < 0 && (d = i.bottom + V), g.value = d, v.value = B, s.value = !0;
+      }, k = t.onChange(I), b = () => {
+        I();
       };
-      document.addEventListener("selectionchange", h);
-      const _ = D.div(
-        d.class("bc-floating-toolbar"),
-        W.position("fixed"),
-        W.top(p.map((r) => `${r}px`)),
-        W.left(x.map((r) => `${r}px`)),
-        W.transform("translateX(-50%)"),
+      document.addEventListener("selectionchange", b);
+      const w = D.div(
+        f.class("bc-floating-toolbar"),
+        Y.position("fixed"),
+        Y.top(g.map((a) => `${a}px`)),
+        Y.left(v.map((a) => `${a}px`)),
+        Y.transform("translateX(-50%)"),
         // Escape key handler
-        oe((r) => {
-          const I = (C) => {
-            if (C.key === "Escape" && s.value) {
+        oe((a) => {
+          const F = (u) => {
+            if (u.key === "Escape" && s.value) {
               s.value = !1;
-              const u = g.value;
-              u && u.focus();
+              const c = h.value;
+              c && c.focus();
             }
-          }, T = (C) => {
-            if (s.value && !r.contains(C.target)) {
-              const u = g.value;
-              if (u) {
-                const o = u.getRootElement();
-                if (o && o.contains(C.target))
+          }, S = (u) => {
+            if (s.value && !a.contains(u.target)) {
+              const c = h.value;
+              if (c) {
+                const i = c.getRootElement();
+                if (i && i.contains(u.target))
                   return;
               }
               s.value = !1;
             }
           };
-          return document.addEventListener("keydown", I), document.addEventListener("mousedown", T), ne(() => {
-            E(), document.removeEventListener("keydown", I), document.removeEventListener("mousedown", T), document.removeEventListener(
+          return document.addEventListener("keydown", F), document.addEventListener("mousedown", S), ne(() => {
+            k(), document.removeEventListener("keydown", F), document.removeEventListener("mousedown", S), document.removeEventListener(
               "selectionchange",
-              h
+              b
             );
           });
         }),
-        ...y("text-formatting") ? [
-          M({
-            active: f("bold"),
-            onClick: b(te, "bold"),
-            label: N.map((r) => r.bold),
+        ...E("text-formatting") ? [
+          O({
+            active: m("bold"),
+            onClick: y(te, "bold"),
+            label: N.map((a) => a.bold),
             icon: "mdi:format-bold"
           }),
-          M({
-            active: f("italic"),
-            onClick: b(te, "italic"),
-            label: N.map((r) => r.italic),
+          O({
+            active: m("italic"),
+            onClick: y(te, "italic"),
+            label: N.map((a) => a.italic),
             icon: "mdi:format-italic"
           }),
-          M({
-            active: f("underline"),
-            onClick: b(te, "underline"),
-            label: N.map((r) => r.underline),
+          O({
+            active: m("underline"),
+            onClick: y(te, "underline"),
+            label: N.map((a) => a.underline),
             icon: "mdi:format-underline"
           }),
-          M({
-            active: f("strikethrough"),
-            onClick: b(te, "strikethrough"),
-            label: N.map((r) => r.strikethrough),
+          O({
+            active: m("strikethrough"),
+            onClick: y(te, "strikethrough"),
+            label: N.map((a) => a.strikethrough),
             icon: "mdi:format-strikethrough"
           }),
-          M({
-            active: f("code"),
-            onClick: b(te, "code"),
-            label: N.map((r) => r.code),
+          O({
+            active: m("code"),
+            onClick: y(te, "code"),
+            label: N.map((a) => a.code),
             icon: "mdi:code-tags"
           })
         ] : [],
-        ...y("links") ? [
-          M({
-            active: k(),
-            onClick: v,
-            label: N.map((r) => r.link),
+        ...E("links") ? [
+          O({
+            active: C(),
+            onClick: x,
+            label: N.map((a) => a.link),
             icon: "mdi:link"
           })
         ] : [],
-        ...y("clipboard") ? [
-          M({
+        ...E("clipboard") ? [
+          O({
             active: z(!1),
             onClick: () => {
-              const r = g.value;
-              if (!r) return;
-              const I = r.getRootElement();
-              I && (I.focus(), document.execCommand("cut"));
+              const a = h.value;
+              if (!a) return;
+              const F = a.getRootElement();
+              F && (F.focus(), document.execCommand("cut"));
             },
-            label: N.map((r) => r.cut),
+            label: N.map((a) => a.cut),
             icon: "mdi:content-cut"
           }),
-          M({
+          O({
             active: z(!1),
             onClick: () => {
-              const r = g.value;
-              if (!r) return;
-              const I = r.getRootElement();
-              I && (I.focus(), document.execCommand("copy"));
+              const a = h.value;
+              if (!a) return;
+              const F = a.getRootElement();
+              F && (F.focus(), document.execCommand("copy"));
             },
-            label: N.map((r) => r.copy),
+            label: N.map((a) => a.copy),
             icon: "mdi:content-copy"
           }),
-          M({
+          O({
             active: z(!1),
             onClick: () => {
-              const r = g.value;
-              r && navigator.clipboard.readText().then((I) => {
-                r.update(() => {
-                  const T = A();
-                  R(T) && T.insertText(I);
-                }), r.focus();
+              const a = h.value;
+              a && navigator.clipboard.readText().then((F) => {
+                a.update(() => {
+                  const S = A();
+                  R(S) && S.insertText(F);
+                }), a.focus();
               }).catch(() => {
               });
             },
-            label: N.map((r) => r.paste),
+            label: N.map((a) => a.paste),
             icon: "mdi:content-paste"
           })
         ] : []
       );
-      return pe(s, () => _);
+      return pe(s, () => w);
     })
   );
 }
@@ -2385,7 +2385,7 @@ const Ei = [
     handler: (e) => {
       e.update(() => {
         const t = A();
-        R(t) && Y(t, () => V("h1"));
+        R(t) && q(t, () => W("h1"));
       });
     }
   },
@@ -2399,7 +2399,7 @@ const Ei = [
     handler: (e) => {
       e.update(() => {
         const t = A();
-        R(t) && Y(t, () => V("h2"));
+        R(t) && q(t, () => W("h2"));
       });
     }
   },
@@ -2413,7 +2413,7 @@ const Ei = [
     handler: (e) => {
       e.update(() => {
         const t = A();
-        R(t) && Y(t, () => V("h3"));
+        R(t) && q(t, () => W("h3"));
       });
     }
   },
@@ -2449,7 +2449,7 @@ const Ei = [
     handler: (e) => {
       e.update(() => {
         const t = A();
-        R(t) && Y(t, () => Be());
+        R(t) && q(t, () => Be());
       });
     }
   },
@@ -2463,7 +2463,7 @@ const Ei = [
     handler: (e) => {
       e.update(() => {
         const t = A();
-        R(t) && Y(t, () => Ue());
+        R(t) && q(t, () => Ue());
       });
     }
   },
@@ -2497,108 +2497,108 @@ const Ei = [
 function Ti({
   commands: e,
   isVisible: t,
-  filterText: l,
-  position: a,
-  onSelect: i,
+  filterText: r,
+  position: l,
+  onSelect: n,
   onClose: s
 }) {
-  const p = j(0), x = l.map((y) => {
-    const f = y.toLowerCase().trim();
-    return f ? e.filter((k) => [
-      k.label.toLowerCase(),
-      k.description?.toLowerCase() || "",
-      ...k.keywords?.map((v) => v.toLowerCase()) || []
-    ].join(" ").includes(f)) : e;
+  const g = j(0), v = r.map((E) => {
+    const m = E.toLowerCase().trim();
+    return m ? e.filter((C) => [
+      C.label.toLowerCase(),
+      C.description?.toLowerCase() || "",
+      ...C.keywords?.map((x) => x.toLowerCase()) || []
+    ].join(" ").includes(m)) : e;
   });
-  x.onChange(() => {
-    p.value = 0;
+  v.onChange(() => {
+    g.value = 0;
   });
-  const w = (y) => {
-    const f = x.value;
-    if (y >= 0 && y < f.length) {
-      const k = f[y];
-      i(k);
+  const L = (E) => {
+    const m = v.value;
+    if (E >= 0 && E < m.length) {
+      const C = m[E];
+      n(C);
     }
-  }, L = (y) => {
+  }, M = (E) => {
     if (!t.value) return;
-    const k = x.value.length - 1;
-    switch (y.key) {
+    const C = v.value.length - 1;
+    switch (E.key) {
       case "ArrowDown":
-        y.preventDefault(), p.value = Math.min(p.value + 1, k);
+        E.preventDefault(), g.value = Math.min(g.value + 1, C);
         break;
       case "ArrowUp":
-        y.preventDefault(), p.value = Math.max(p.value - 1, 0);
+        E.preventDefault(), g.value = Math.max(g.value - 1, 0);
         break;
       case "Enter":
-        y.preventDefault(), w(p.value);
+        E.preventDefault(), L(g.value);
         break;
       case "Escape":
-        y.preventDefault(), s();
+        E.preventDefault(), s();
         break;
     }
-  }, g = (y, f) => {
-    const k = p.map((v) => v === f), b = `slash-cmd-${y.id}`;
+  }, h = (E, m) => {
+    const C = g.map((x) => x === m), y = `slash-cmd-${E.id}`;
     return D.div(
-      d.class("bc-slash-command-palette__item"),
-      d.id(b),
-      d.role("option"),
+      f.class("bc-slash-command-palette__item"),
+      f.id(y),
+      f.role("option"),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      Pe.selected(k),
+      Pe.selected(C),
       // Mouse hover handlers
-      oe((v) => {
-        const S = () => {
-          p.value = f;
-        }, M = () => {
-          w(f);
+      oe((x) => {
+        const T = () => {
+          g.value = m;
+        }, O = () => {
+          L(m);
         };
-        return v.addEventListener("mouseenter", S), v.addEventListener("click", M), ne(() => {
-          v.removeEventListener("mouseenter", S), v.removeEventListener("click", M);
+        return x.addEventListener("mouseenter", T), x.addEventListener("click", O), ne(() => {
+          x.removeEventListener("mouseenter", T), x.removeEventListener("click", O);
         });
       }),
       // Icon
-      typeof y.icon == "string" ? D.div(
-        d.class("bc-slash-command-palette__icon"),
-        Z({ icon: y.icon, size: "sm" })
-      ) : y.icon,
+      typeof E.icon == "string" ? D.div(
+        f.class("bc-slash-command-palette__icon"),
+        Z({ icon: E.icon, size: "sm" })
+      ) : E.icon,
       // Label and description
       D.div(
-        d.class("bc-slash-command-palette__content"),
-        D.div(d.class("bc-slash-command-palette__label"), y.label),
-        y.description ? D.div(
-          d.class("bc-slash-command-palette__description"),
-          y.description
+        f.class("bc-slash-command-palette__content"),
+        D.div(f.class("bc-slash-command-palette__label"), E.label),
+        E.description ? D.div(
+          f.class("bc-slash-command-palette__description"),
+          E.description
         ) : void 0
       ),
       // Category badge (optional)
-      y.category ? D.div(
-        d.class("bc-slash-command-palette__category"),
-        y.category
+      E.category ? D.div(
+        f.class("bc-slash-command-palette__category"),
+        E.category
       ) : void 0
     );
   }, N = ue(
     ye,
-    (y) => D.div(
-      d.class("bc-slash-command-palette"),
-      d.role("listbox"),
-      Pe.label(y.$.lexical.map((f) => f.slashCommands)),
-      W.position("absolute"),
-      W.top(a.map((f) => `${f.top}px`)),
-      W.left(a.map((f) => `${f.left}px`)),
-      oe(() => (document.addEventListener("keydown", L), ne(() => {
-        document.removeEventListener("keydown", L);
+    (E) => D.div(
+      f.class("bc-slash-command-palette"),
+      f.role("listbox"),
+      Pe.label(E.$.lexical.map((m) => m.slashCommands)),
+      Y.position("absolute"),
+      Y.top(l.map((m) => `${m.top}px`)),
+      Y.left(l.map((m) => `${m.left}px`)),
+      oe(() => (document.addEventListener("keydown", M), ne(() => {
+        document.removeEventListener("keydown", M);
       }))),
       // Empty state
       pe(
-        x.map((f) => f.length === 0),
+        v.map((m) => m.length === 0),
         () => D.div(
-          d.class("bc-slash-command-palette__empty"),
-          y.$.lexical.map((f) => f.noCommandsFound)
+          f.class("bc-slash-command-palette__empty"),
+          E.$.lexical.map((m) => m.noCommandsFound)
         )
       ),
       // Command list using ForEach for proper Tempo dynamic list rendering
-      Io(x, (f, k) => {
-        const b = f.value;
-        return g(b, k.index);
+      Io(v, (m, C) => {
+        const y = m.value;
+        return h(y, C.index);
       })
     )
   );
@@ -2612,7 +2612,7 @@ const yn = [
     handler: (e) => {
       e.update(() => {
         const t = A();
-        R(t) && Y(t, () => de());
+        R(t) && q(t, () => de());
       });
     }
   },
@@ -2623,7 +2623,7 @@ const yn = [
     handler: (e) => {
       e.update(() => {
         const t = A();
-        R(t) && Y(t, () => V("h1"));
+        R(t) && q(t, () => W("h1"));
       });
     }
   },
@@ -2634,7 +2634,7 @@ const yn = [
     handler: (e) => {
       e.update(() => {
         const t = A();
-        R(t) && Y(t, () => V("h2"));
+        R(t) && q(t, () => W("h2"));
       });
     }
   },
@@ -2645,7 +2645,7 @@ const yn = [
     handler: (e) => {
       e.update(() => {
         const t = A();
-        R(t) && Y(t, () => V("h3"));
+        R(t) && q(t, () => W("h3"));
       });
     }
   },
@@ -2672,7 +2672,7 @@ const yn = [
     handler: (e) => {
       e.update(() => {
         const t = A();
-        R(t) && Y(t, () => Be());
+        R(t) && q(t, () => Be());
       });
     }
   },
@@ -2683,7 +2683,7 @@ const yn = [
     handler: (e) => {
       e.update(() => {
         const t = A();
-        R(t) && Y(t, () => Ue());
+        R(t) && q(t, () => Ue());
       });
     }
   },
@@ -2708,128 +2708,126 @@ const yn = [
     }
   }
 ];
-function vn({
+function xn({
   editor: e,
   stateUpdate: t,
-  readOnly: l = z(!1),
-  commands: a = yn
+  readOnly: r = z(!1),
+  commands: l = yn
 }) {
-  const i = j(!1), s = j(!1), p = j(0), x = j(0);
+  const n = j(!1), s = j(!1), g = j(0), v = j(0);
   return ue(
     ye,
-    (w) => Se(e, (L) => {
-      const g = L;
-      let N = null, y = !1, f = null, k = null;
-      const b = 24, v = 4, S = 200, M = (u) => {
-        if (u === N && i.value) return;
+    (L) => Se(e, (M) => {
+      const h = M;
+      let N = null, E = !1, m = null;
+      const C = 24, y = 4, x = 200, T = (u) => {
+        if (u === N && n.value) return;
         N = u;
-        const o = u.getBoundingClientRect();
-        p.value = o.top, x.value = o.left - b - v, i.value = !0;
-      }, B = () => {
-        f != null && (clearTimeout(f), f = null);
-      }, E = () => {
-        s.value || (B(), f = setTimeout(() => {
-          f = null, s.value || (i.value = !1, N = null);
-        }, S));
-      }, h = () => {
-        const u = g.value;
+        const c = u.getBoundingClientRect();
+        g.value = c.top, v.value = c.left - C - y, n.value = !0;
+      }, O = () => {
+        m != null && (clearTimeout(m), m = null);
+      }, I = () => {
+        s.value || (O(), m = setTimeout(() => {
+          m = null, s.value || (n.value = !1, N = null);
+        }, x));
+      }, k = () => {
+        const u = h.value;
         if (!u) return;
-        const o = u.getRootElement();
-        o && (I(o), u.getEditorState().read(() => {
-          const O = A();
-          if (R(O))
+        const c = u.getRootElement();
+        c && (a(c), u.getEditorState().read(() => {
+          const i = A();
+          if (R(i))
             try {
-              const c = O.anchor.getNode().getTopLevelElementOrThrow(), F = u.getElementByKey(c.getKey());
-              F && M(F);
+              const V = i.anchor.getNode().getTopLevelElementOrThrow(), d = u.getElementByKey(V.getKey());
+              d && T(d);
             } catch {
             }
         }));
-      }, _ = (u) => {
+      }, b = (u) => {
         if (s.value) return;
-        const o = g.value;
-        if (!o) return;
-        const O = o.getRootElement();
-        if (O)
-          for (const q of Array.from(O.children)) {
-            const c = q.getBoundingClientRect();
-            if (u.clientY >= c.top && u.clientY <= c.bottom) {
-              B(), M(q);
+        const c = h.value;
+        if (!c) return;
+        const i = c.getRootElement();
+        if (i)
+          for (const _ of Array.from(i.children)) {
+            const V = _.getBoundingClientRect();
+            if (u.clientY >= V.top && u.clientY <= V.bottom) {
+              O(), T(_);
               return;
             }
           }
-      }, r = () => {
-        E();
-      }, I = (u) => {
-        y || (y = !0, u.addEventListener("mousemove", _), u.addEventListener("mouseleave", r));
-      }, T = t.onChange(h);
+      }, w = () => {
+        I();
+      }, a = (u) => {
+        E || (E = !0, u.addEventListener("mousemove", b), u.addEventListener("mouseleave", w));
+      }, F = t.onChange(k);
       return [
         ne(() => {
-          T(), B();
-          const u = g.value;
+          F(), O();
+          const u = h.value;
           if (u) {
-            const o = u.getRootElement();
-            o && y && (o.removeEventListener("mousemove", _), o.removeEventListener("mouseleave", r));
+            const c = u.getRootElement();
+            c && E && (c.removeEventListener("mousemove", b), c.removeEventListener("mouseleave", w));
           }
         }),
         pe(
-          i,
+          n,
           () => D.div(
-            d.class("bc-block-handle"),
-            W.position("fixed"),
-            W.top(p.map((u) => `${u}px`)),
-            W.left(x.map((u) => `${u}px`)),
+            f.class("bc-block-handle"),
+            Y.position("fixed"),
+            Y.top(g.map((u) => `${u}px`)),
+            Y.left(v.map((u) => `${u}px`)),
             // Cancel hide when mouse enters handle area
-            X.mouseenter(B),
+            ee.mouseenter(O),
             // Schedule hide when mouse leaves handle (unless menu is open)
-            X.mouseleave(() => E()),
+            ee.mouseleave(() => I()),
             // Prevent mousedown from stealing focus from editor
             oe((u) => {
-              u.addEventListener("mousedown", (o) => {
-                o.preventDefault();
+              u.addEventListener("mousedown", (c) => {
+                c.preventDefault();
               });
             }),
             D.button(
-              d.class("bc-block-handle__button"),
-              d.type("button"),
-              d.title(w.$.lexical.map((u) => u.changeBlockType)),
-              d.disabled(l),
+              f.class("bc-block-handle__button"),
+              f.type("button"),
+              f.title(L.$.lexical.map((u) => u.changeBlockType)),
+              f.disabled(r),
               Z({ icon: "mdi:drag-horizontal-variant", size: "sm" }),
               // Track menu open state via aria-expanded (set by Flyout)
               oe((u) => {
-                const o = new MutationObserver(() => {
-                  const O = u.getAttribute("aria-expanded") === "true";
-                  s.value = O;
+                const c = new MutationObserver(() => {
+                  const i = u.getAttribute("aria-expanded") === "true";
+                  s.value = i;
                 });
-                return o.observe(u, {
+                return c.observe(u, {
                   attributes: !0,
                   attributeFilter: ["aria-expanded"]
-                }), ne(() => o.disconnect());
+                }), ne(() => c.disconnect());
               }),
               // Block type menu (uses BeatUI Menu + MenuItem)
               Et({
-                items: () => a.map(
+                items: () => l.map(
                   (u) => le({
                     key: u.id,
                     content: u.label,
                     before: Z({ icon: u.icon, size: "sm" }),
                     onClick: () => {
-                      const o = g.value;
-                      o && (u.handler(o), k?.(), o.focus());
+                      const c = h.value;
+                      c && (u.handler(c), c.focus());
                     }
                   })
                 ),
                 placement: "bottom-start",
-                showOn: (u, o) => (k = o, X.click(() => {
-                  s.value ? o() : (u(), s.value = !0);
-                })),
+                showOn: "click",
                 showDelay: 0,
                 hideDelay: 0,
                 mainAxisOffset: 4,
                 onClose: () => {
-                  const u = g.value;
+                  const u = h.value;
                   u && u.focus();
                 },
-                ariaLabel: w.value.lexical.blockTypes
+                ariaLabel: L.value.lexical.blockTypes
               })
             )
           )
@@ -2841,77 +2839,77 @@ function vn({
 const Si = (e) => {
   const {
     value: t,
-    format: l,
-    plugins: a,
-    readOnly: i,
+    format: r,
+    plugins: l,
+    readOnly: n,
     placeholder: s,
-    class: p,
-    namespace: x = "BeatUILexical",
-    heightMode: w = "auto",
-    floatingToolbarGroups: L,
-    autoFocus: g = !1,
+    class: g,
+    namespace: v = "BeatUILexical",
+    heightMode: L = "auto",
+    floatingToolbarGroups: M,
+    autoFocus: h = !1,
     onError: N,
-    onInput: y,
-    onChange: f,
-    onBlur: k,
-    onReady: b
-  } = e, v = j(null), S = j(0), M = (E) => typeof E == "object" && E !== null && "map" in E && typeof E.map == "function", B = i != null ? M(i) ? i : j(U.get(i)) : j(!1);
+    onInput: E,
+    onChange: m,
+    onBlur: C,
+    onReady: y
+  } = e, x = j(null), T = j(0), O = (k) => typeof k == "object" && k !== null && "map" in k && typeof k.map == "function", I = n != null ? O(n) ? n : j(U.get(n)) : j(!1);
   return ue(
     Ye,
-    ({ appearance: E }) => D.div(
+    ({ appearance: k }) => D.div(
       // CSS injection via LinkPortal
       Ke(
         () => import("../styles-url-BIeImEjl.js"),
-        ({ default: h }) => qe({ id: "beatui-lexical-css", href: h })
+        ({ default: b }) => qe({ id: "beatui-lexical-css", href: b })
       ),
-      d.class("bc-lexical-editor-container"),
-      w === "fixed" ? d.class("bc-lexical-editor-container--fixed") : null,
-      d.class(p),
+      f.class("bc-lexical-editor-container"),
+      L === "fixed" ? f.class("bc-lexical-editor-container--fixed") : null,
+      f.class(g),
       // Floating toolbar (appears on text selection)
       bn({
-        editor: v,
-        stateUpdate: S,
-        groups: L ?? ["text-formatting", "links"],
-        readOnly: B
+        editor: x,
+        stateUpdate: T,
+        groups: M ?? ["text-formatting", "links"],
+        readOnly: I
       }),
       // Block handle (appears at the left of each block on hover/cursor)
-      vn({
-        editor: v,
-        stateUpdate: S,
-        readOnly: B
+      xn({
+        editor: x,
+        stateUpdate: T,
+        readOnly: I
       }),
       // Table context menu (appears when cursor is in a table cell)
       Ot({
-        editor: v,
-        stateUpdate: S,
-        readOnly: B
+        editor: x,
+        stateUpdate: T,
+        readOnly: I
       }),
       // The editable surface
       D.div(
-        d.class("bc-lexical-editor"),
-        d.class(`bc-lexical-editor--${w}`),
-        d.contenteditable(
-          i != null ? (
+        f.class("bc-lexical-editor"),
+        f.class(`bc-lexical-editor--${L}`),
+        f.contenteditable(
+          n != null ? (
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            U.map(i, (h) => !h)
+            U.map(n, (b) => !b)
           ) : !0
         ),
-        i != null ? d.class(
+        n != null ? f.class(
           U.map(
-            i,
-            (h) => h ? "bc-lexical-editor--readonly" : ""
+            n,
+            (b) => b ? "bc-lexical-editor--readonly" : ""
           )
         ) : null,
-        oe((h) => {
-          let _ = null;
-          const r = [];
+        oe((b) => {
+          let w = null;
+          const a = [];
           return (async () => {
             try {
-              const T = a ?? Ve("contextual"), C = We(T), u = U.get(
-                l ?? "markdown"
-              ), o = Ge({
-                namespace: x,
-                nodes: C,
+              const S = l ?? Ve("contextual"), u = We(S), c = U.get(
+                r ?? "markdown"
+              ), i = Ge({
+                namespace: v,
+                nodes: u,
                 theme: {
                   heading: {
                     h1: "bc-lexical-h1",
@@ -2947,143 +2945,143 @@ const Si = (e) => {
                   mark: "bc-lexical-mark",
                   paragraph: "bc-lexical-paragraph"
                 },
-                onError: (c) => {
-                  N ? N(c, o) : console.error("[BeatUI Lexical]", c);
+                onError: (d) => {
+                  N ? N(d, i) : console.error("[BeatUI Lexical]", d);
                 },
-                editable: i ? !U.get(i) : !0,
+                editable: n ? !U.get(n) : !0,
                 html: {
                   export: we(),
                   import: Me()
                 }
               });
-              _ = o, v.set(o), o.setRootElement(h);
-              const O = [];
-              if (T.richText ? O.push(Ze(o)) : T.plainText && O.push(Xe(o)), T.history) {
-                const c = typeof T.history == "object" ? T.history : void 0;
-                O.push(Qe(o, c));
+              w = i, x.set(i), i.setRootElement(b);
+              const _ = [];
+              if (S.richText ? _.push(Ze(i)) : S.plainText && _.push(Xe(i)), S.history) {
+                const d = typeof S.history == "object" ? S.history : void 0;
+                _.push(Qe(i, d));
               }
-              if (T.clipboard && O.push(et(o)), T.list && O.push(tt(o)), T.link && O.push(ot(o)), T.yjs && O.push(
-                at(o, T.yjs)
-              ), T.dragon && O.push(lt(o)), T.table && O.push(rt(o)), (await Promise.all(O)).forEach((c) => {
-                c && r.push(c);
-              }), r.push(nt(o)), r.push(st(o)), r.push(
-                o.registerCommand(
+              if (S.clipboard && _.push(et(i)), S.list && _.push(tt(i)), S.link && _.push(ot(i)), S.yjs && _.push(
+                at(i, S.yjs)
+              ), S.dragon && _.push(lt(i)), S.table && _.push(rt(i)), (await Promise.all(_)).forEach((d) => {
+                d && a.push(d);
+              }), a.push(nt(i)), a.push(st(i)), a.push(
+                i.registerCommand(
                   kt,
-                  () => (S.set(S.value + 1), !1),
+                  () => (T.set(T.value + 1), !1),
                   K
                 )
-              ), r.push(
-                o.registerUpdateListener(
-                  ({ editorState: c, dirtyElements: F, dirtyLeaves: $ }) => {
-                    (F.size > 0 || $.size > 0) && S.set(S.value + 1), y && (F.size > 0 || $.size > 0) && c.read(async () => {
-                      if (u === "markdown") {
-                        const G = await Q(o);
-                        y(G, o);
-                      } else if (u === "html") {
-                        const G = await ee(o);
-                        y(G, o);
-                      } else u === "json" && y(
-                        c.toJSON(),
-                        o
+              ), a.push(
+                i.registerUpdateListener(
+                  ({ editorState: d, dirtyElements: B, dirtyLeaves: $ }) => {
+                    (B.size > 0 || $.size > 0) && T.set(T.value + 1), E && (B.size > 0 || $.size > 0) && d.read(async () => {
+                      if (c === "markdown") {
+                        const G = await X(i);
+                        E(G, i);
+                      } else if (c === "html") {
+                        const G = await Q(i);
+                        E(G, i);
+                      } else c === "json" && E(
+                        d.toJSON(),
+                        i
                       );
                     });
                   }
                 )
               ), t != null) {
-                const c = U.get(
+                const d = U.get(
                   t
                 );
-                if (c != null && (c !== "" || u === "json" && typeof c == "object")) {
-                  if (u === "markdown" && typeof c == "string")
-                    await ae(o, c);
-                  else if (u === "html" && typeof c == "string")
-                    await se(o, c);
-                  else if (u === "json" && typeof c == "object")
+                if (d != null && (d !== "" || c === "json" && typeof d == "object")) {
+                  if (c === "markdown" && typeof d == "string")
+                    await ae(i, d);
+                  else if (c === "html" && typeof d == "string")
+                    await se(i, d);
+                  else if (c === "json" && typeof d == "object")
                     try {
-                      const $ = JSON.stringify(c), G = o.parseEditorState($);
-                      o.setEditorState(G);
+                      const $ = JSON.stringify(d), G = i.parseEditorState($);
+                      i.setEditorState(G);
                     } catch ($) {
                       console.error(
                         "[BeatUI] Failed to parse JSON editor state:",
                         $
                       ), N && N(
                         $ instanceof Error ? $ : new Error(String($)),
-                        o
+                        i
                       );
                     }
                 }
               }
-              if (t != null && r.push(
-                U.on(t, async (c) => {
-                  if (c != null) {
-                    if (u === "markdown" && typeof c == "string") {
-                      const F = await Q(o);
-                      c !== F && await ae(o, c);
-                    } else if (u === "html" && typeof c == "string") {
-                      const F = await ee(o);
-                      c !== F && await se(o, c);
-                    } else if (u === "json" && typeof c == "object") {
-                      const F = JSON.stringify(
-                        o.getEditorState().toJSON()
-                      ), $ = JSON.stringify(c);
-                      if (F !== $) {
-                        const G = o.parseEditorState($);
-                        o.setEditorState(G);
+              if (t != null && a.push(
+                U.on(t, async (d) => {
+                  if (d != null) {
+                    if (c === "markdown" && typeof d == "string") {
+                      const B = await X(i);
+                      d !== B && await ae(i, d);
+                    } else if (c === "html" && typeof d == "string") {
+                      const B = await Q(i);
+                      d !== B && await se(i, d);
+                    } else if (c === "json" && typeof d == "object") {
+                      const B = JSON.stringify(
+                        i.getEditorState().toJSON()
+                      ), $ = JSON.stringify(d);
+                      if (B !== $) {
+                        const G = i.parseEditorState($);
+                        i.setEditorState(G);
                       }
                     }
                   }
                 })
-              ), i != null && r.push(
-                U.on(i, (c) => {
-                  o.setEditable(!c);
+              ), n != null && a.push(
+                U.on(n, (d) => {
+                  i.setEditable(!d);
                 })
-              ), r.push(
-                o.registerCommand(
+              ), a.push(
+                i.registerCommand(
                   Je,
-                  () => (k && k(o), f && o.getEditorState().read(async () => {
-                    if (u === "markdown") {
-                      const c = await Q(o);
-                      f(c, o);
-                    } else if (u === "html") {
-                      const c = await ee(o);
-                      f(c, o);
-                    } else u === "json" && f(
-                      o.getEditorState().toJSON(),
-                      o
+                  () => (C && C(i), m && i.getEditorState().read(async () => {
+                    if (c === "markdown") {
+                      const d = await X(i);
+                      m(d, i);
+                    } else if (c === "html") {
+                      const d = await Q(i);
+                      m(d, i);
+                    } else c === "json" && m(
+                      i.getEditorState().toJSON(),
+                      i
                     );
                   }), !1),
                   K
                 )
-              ), r.push(
-                E.on((c) => {
-                  const F = o.getRootElement();
-                  F && (F.dataset.theme = c);
+              ), a.push(
+                k.on((d) => {
+                  const B = i.getRootElement();
+                  B && (B.dataset.theme = d);
                 })
-              ), g)
-                o.focus();
+              ), h)
+                i.focus();
               else {
-                const c = o.getRootElement();
-                c && c === document.activeElement && c.blur();
+                const d = i.getRootElement();
+                d && d === document.activeElement && d.blur();
               }
-              b && b(o);
-            } catch (T) {
+              y && y(i);
+            } catch (S) {
               console.error(
                 "[BeatUI] Failed to initialize Lexical editor:",
-                T
+                S
               );
-              const C = h;
-              C.textContent = "Failed to load Lexical editor.";
+              const u = b;
+              u.textContent = "Failed to load Lexical editor.";
             }
           })(), ne(() => {
             try {
-              r.forEach((T) => T());
+              a.forEach((S) => S());
             } catch {
             }
             try {
-              _?.setRootElement(null);
+              w?.setRootElement(null);
             } catch {
             }
-            v.set(null);
+            x.set(null);
           });
         })
       )
@@ -3093,73 +3091,73 @@ const Si = (e) => {
   const {
     // InputOptions fields
     value: t,
-    before: l,
-    after: a,
-    onChange: i,
+    before: r,
+    after: l,
+    onChange: n,
     onInput: s,
-    onBlur: p,
-    disabled: x,
-    hasError: w,
-    name: L,
-    placeholder: g,
+    onBlur: g,
+    disabled: v,
+    hasError: L,
+    name: M,
+    placeholder: h,
     id: N,
-    required: y,
-    tabIndex: f,
-    size: k,
-    class: b,
+    required: E,
+    tabIndex: m,
+    size: C,
+    class: y,
     // LexicalEditorBaseOptions fields
-    namespace: v,
-    format: S,
-    plugins: M,
-    readOnly: B,
-    onError: E,
-    onReady: h,
-    marks: _,
-    autoFocus: r
+    namespace: x,
+    format: T,
+    plugins: O,
+    readOnly: I,
+    onError: k,
+    onReady: b,
+    marks: w,
+    autoFocus: a
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  } = e, I = x != null && B != null ? Do(x, B)((T, C) => (T ?? !1) || (C ?? !1)) : x ?? B;
+  } = e, F = v != null && I != null ? Do(v, I)((S, u) => (S ?? !1) || (u ?? !1)) : v ?? I;
   return Uo({
-    disabled: x,
-    hasError: w,
-    size: k,
+    disabled: v,
+    hasError: L,
+    size: C,
     baseContainer: !0,
     growInput: !0,
     focusableSelector: "[contenteditable]",
-    before: l,
-    after: a,
+    before: r,
+    after: l,
     input: D.div(
-      d.class("bc-lexical-editor-input"),
-      d.name(L),
-      d.id(N),
-      y != null ? Pe.required(y) : null,
-      f != null ? d.tabindex(f) : null,
-      w != null ? d.class(
+      f.class("bc-lexical-editor-input"),
+      f.name(M),
+      f.id(N),
+      E != null ? Pe.required(E) : null,
+      m != null ? f.tabindex(m) : null,
+      L != null ? f.class(
         U.map(
-          w,
-          (T) => T ? "bc-lexical-editor-input--error" : ""
+          L,
+          (S) => S ? "bc-lexical-editor-input--error" : ""
         )
       ) : null,
       an({
         value: t,
-        format: S ?? "markdown",
-        plugins: M,
-        readOnly: I,
-        placeholder: g,
-        namespace: v,
-        class: b,
-        autoFocus: r,
-        onError: E,
-        onReady: h,
-        onInput: s ? (T, C) => {
-          s(T);
+        format: T ?? "markdown",
+        plugins: O,
+        readOnly: F,
+        placeholder: h,
+        namespace: x,
+        class: y,
+        autoFocus: a,
+        onError: k,
+        onReady: b,
+        onInput: s ? (S, u) => {
+          s(S);
         } : void 0,
-        onChange: i ? (T, C) => {
-          i(
-            T
+        onChange: n ? (S, u) => {
+          n(
+            S
           );
         } : void 0,
-        onBlur: p ? (T) => {
-          p();
+        onBlur: g ? (S) => {
+          g();
         } : void 0
       })
     )
@@ -3170,7 +3168,7 @@ export {
   jo as $isHorizontalRuleNode,
   Ii as BLUR_COMMAND,
   an as BareEditor,
-  vn as BlockHandle,
+  xn as BlockHandle,
   Di as CLEAR_EDITOR_COMMAND,
   Fi as CLICK_COMMAND,
   Hi as COMMAND_PRIORITY_CRITICAL,
@@ -3223,22 +3221,22 @@ export {
   Le as createHeadlessEditor,
   Xn as executeSlashCommand,
   oi as exportEditorToFile,
-  ee as exportToHtml,
-  Q as exportToMarkdown,
+  Q as exportToHtml,
+  X as exportToMarkdown,
   pi as getCharacterCount,
   ti as getMarkdownTransformers,
   We as getNodesForPlugins,
   mi as getSelectionInfo,
   Tt as getTextContent,
   gi as getWordCount,
-  xi as htmlToLexicalJson,
+  vi as htmlToLexicalJson,
   ni as importFileToEditor,
   se as importFromHtml,
   ae as importFromMarkdown,
   ii as insertTable,
   hi as insertTextAtCursor,
   Ci as lexicalJsonToHtml,
-  vi as lexicalJsonToMarkdown,
+  xi as lexicalJsonToMarkdown,
   Go as loadLexicalCore,
   bi as loadOffsetUtils,
   yi as markdownToLexicalJson,