@bikdotai/bik-component-library 0.0.858-beta.1 → 0.0.858

package/dist/esm/editor/BikEditor.js

@@ -1,90 +1,94 @@
 import { jsxs as u, jsx as d } from "react/jsx-runtime";
-import { getMarkRange as Ee } from "../node_modules/@tiptap/core/dist/index.js";
-import { useEditor as Te, EditorContent as ee } from "@tiptap/react";
-import { forwardRef as Ae, useState as x, useRef as a, useEffect as Ie, useImperativeHandle as Je } from "react";
-import { BodyCaption as te } from "../components/TypographyStyle.js";
-import { BikEditorShell as Me, BikJsonHeader as Re, BikJsonBody as Le, BikJsonEmptyState as Oe, BikJsonError as Fe } from "./BikEditor.styles.js";
-import { DEFAULT_FORMAT_STATE as ne } from "./BikEditor.types.js";
-import { buildJsonCodeBlockHtml as je, buildSectionedContent as oe, normalizeHtml as i, extractActiveFormats as re, extractContent as se, getCodeBlockText as g, parseJson as p, extractBodyContent as ze, extractSectionContent as Ne, setCodeBlockText as v, findSectionEndPos as ie, findSectionStartPos as He, setSectionContentInEditor as I, insertInlineHtml as we } from "./BikEditor.utils.js";
-import { buildExtensions as Pe } from "./extensions/buildExtensions.js";
-import { LinkBubbleMenu as De } from "./floating/LinkBubbleMenu.js";
-import qe from "../icons/BIK AI specific/WandSparkles.js";
-import Ue from "../icons/Actions/Formatting/Copy.js";
-import $e from "../icons/Actions/Common actions/Code.js";
-import We from "../icons/Informational/General/Info.js";
-function Ve(k) {
+import { getMarkRange as Tt } from "../node_modules/@tiptap/core/dist/index.js";
+import { useEditor as At, EditorContent as et } from "@tiptap/react";
+import { forwardRef as Rt, useCallback as It, useState as x, useRef as a, useEffect as Jt, useImperativeHandle as Mt } from "react";
+import { BodyCaption as nt } from "../components/TypographyStyle.js";
+import { sanitizeEmailHtml as Lt, sanitizeBasicHtml as Ot } from "../helpers/sanitize.js";
+import { BikEditorShell as zt, BikJsonHeader as Ft, BikJsonBody as jt, BikJsonEmptyState as Ht, BikJsonError as Nt } from "./BikEditor.styles.js";
+import { DEFAULT_FORMAT_STATE as ot } from "./BikEditor.types.js";
+import { normalizeHtml as Pt, buildJsonCodeBlockHtml as wt, buildSectionedContent as rt, extractActiveFormats as st, extractContent as it, getCodeBlockText as g, parseJson as p, extractBodyContent as Dt, extractSectionContent as qt, setCodeBlockText as b, findSectionEndPos as ct, findSectionStartPos as Ut, setSectionContentInEditor as R, insertInlineHtml as $t } from "./BikEditor.utils.js";
+import { buildExtensions as Wt } from "./extensions/buildExtensions.js";
+import { LinkBubbleMenu as Vt } from "./floating/LinkBubbleMenu.js";
+import _t from "../icons/BIK AI specific/WandSparkles.js";
+import Qt from "../icons/Actions/Formatting/Copy.js";
+import Zt from "../icons/Actions/Common actions/Code.js";
+import Gt from "../icons/Informational/General/Info.js";
+function Kt(k) {
   return Object.entries(k).map(
-    ([b, C]) => `${b.replace(/([A-Z])/g, (y) => `-${y.toLowerCase()}`)}:${C}`
+    ([v, C]) => `${v.replace(/([A-Z])/g, (y) => `-${y.toLowerCase()}`)}:${C}`
   ).join(";");
 }
-const _e = (k, b) => {
+const Xt = (k, v) => {
   const {
     initialContent: C,
     sections: y,
     features: B,
-    disabled: ce,
-    maxCharacters: J,
-    characterLimit: ae,
-    characterLimitHard: le,
-    shortcuts: de,
-    sendShortcut: ue,
+    disabled: at,
+    maxCharacters: I,
+    characterLimit: lt,
+    characterLimitHard: dt,
+    shortcuts: ut,
+    sendShortcut: mt,
     mentions: l,
     slashCommands: S,
-    link: me,
-    onPaste: fe,
-    onReady: M,
-    onChange: R,
+    link: ft,
+    onPaste: gt,
+    onReady: J,
+    onChange: M,
     onSend: E,
     onFocus: L,
     onBlur: O,
-    onSelectionChange: F,
-    minHeight: ge,
-    maxHeight: he,
-    style: pe,
-    className: Ce,
-    editorClassName: j,
-    editorStyle: z,
-    renderJsonError: N
-  } = k, m = !!B?.jsonMode, [f, H] = x(null), [Se, w] = x(!1), [T, P] = x(
+    onSelectionChange: z,
+    minHeight: ht,
+    maxHeight: pt,
+    style: Ct,
+    className: St,
+    editorClassName: F,
+    editorStyle: j,
+    renderJsonError: H
+  } = k, m = !!B?.jsonMode, N = !!B?.richPaste ? Lt : Ot, i = It(
+    (t) => Pt(t, N),
+    [N]
+  ), [f, P] = x(null), [kt, w] = x(!1), [T, D] = x(
     m && !(C ?? "").trim()
-  ), [ke, D] = x(!1), ye = m ? je(C ?? "") : y?.length ? oe(
+  ), [yt, q] = x(!1), Bt = m ? wt(C ?? "") : y?.length ? rt(
     i(C ?? ""),
-    y.map((e) => ({ ...e, content: i(e.content) }))
-  ) : i(C ?? ""), A = a([]), q = a(!1), U = a(M);
-  U.current = M;
-  const $ = a(R);
-  $.current = R;
-  const W = a(F);
-  W.current = F;
-  const V = a(ne), _ = a(L);
-  _.current = L;
-  const Q = a(O);
-  Q.current = O;
-  const Z = a(E);
-  Z.current = E;
-  const G = a(l?.agents ?? []);
-  G.current = l?.agents ?? [];
-  const K = a(l?.teams ?? []);
-  K.current = l?.teams ?? [];
-  const X = a(S?.items ?? []);
-  X.current = S?.items ?? [];
-  const n = Te({
-    extensions: Pe({
+    y.map((t) => ({ ...t, content: i(t.content) }))
+  ) : i(C ?? ""), A = a([]), U = a(!1), $ = a(J);
+  $.current = J;
+  const W = a(M);
+  W.current = M;
+  const V = a(z);
+  V.current = z;
+  const _ = a(ot), Q = a(L);
+  Q.current = L;
+  const Z = a(O);
+  Z.current = O;
+  const G = a(E);
+  G.current = E;
+  const K = a(l?.agents ?? []);
+  K.current = l?.agents ?? [];
+  const X = a(l?.teams ?? []);
+  X.current = l?.teams ?? [];
+  const Y = a(S?.items ?? []);
+  Y.current = S?.items ?? [];
+  const n = At({
+    extensions: Wt({
       features: B,
       placeholder: k.placeholder,
-      maxCharacters: J,
-      characterLimit: ae,
-      characterLimitHard: le,
+      maxCharacters: I,
+      characterLimit: lt,
+      characterLimitHard: dt,
       hasSections: (y?.length ?? 0) > 0,
       mentions: {
-        agents: l ? G : void 0,
-        teams: l ? K : void 0
+        agents: l ? K : void 0,
+        teams: l ? X : void 0
       },
-      slashCommands: S ? X : void 0,
-      onPaste: fe,
-      onSend: E ? (e) => Z.current?.(e) : void 0,
-      sendShortcut: ue,
-      shortcuts: de,
+      slashCommands: S ? Y : void 0,
+      onPaste: gt,
+      onSend: E ? (t) => G.current?.(t) : void 0,
+      sendShortcut: mt,
+      shortcuts: ut,
       onMentionSelected: l?.onSelect,
       onSlashCommandSelected: S?.onSelect,
       renderMentionItem: l?.renderItem,
@@ -94,187 +98,187 @@ const _e = (k, b) => {
       renderSlashCommandItem: S?.renderItem,
       renderSlashCommandDropdown: S?.renderDropdown
     }),
-    content: ye,
-    editable: !ce,
+    content: Bt,
+    editable: !at,
     immediatelyRender: !1,
     // SSR-safe — NEVER remove this
     editorProps: {
       attributes: {
-        ...j ? { class: j } : {},
-        ...z ? { style: Ve(z) } : {}
+        ...F ? { class: F } : {},
+        ...j ? { style: Kt(j) } : {}
       }
     },
-    onUpdate: ({ editor: e }) => {
-      if ($.current?.(se(e)), m) {
-        const t = g(e), o = p(t);
-        H(o.valid ? null : o), P(!t.trim());
+    onUpdate: ({ editor: t }) => {
+      if (W.current?.(it(t)), m) {
+        const e = g(t), o = p(e);
+        P(o.valid ? null : o), D(!e.trim());
       }
     },
-    onTransaction: ({ editor: e }) => {
-      const t = re(e), o = V.current;
-      (o.bold !== t.bold || o.italic !== t.italic || o.underline !== t.underline || o.strike !== t.strike || o.bulletList !== t.bulletList || o.orderedList !== t.orderedList || o.blockquote !== t.blockquote || o.codeBlock !== t.codeBlock || o.superscript !== t.superscript || o.subscript !== t.subscript || o.textAlign !== t.textAlign || o.fontFamily !== t.fontFamily || o.fontSize !== t.fontSize || o.color !== t.color || o.highlight !== t.highlight || o.link?.href !== t.link?.href) && (V.current = t, W.current?.(t));
+    onTransaction: ({ editor: t }) => {
+      const e = st(t), o = _.current;
+      (o.bold !== e.bold || o.italic !== e.italic || o.underline !== e.underline || o.strike !== e.strike || o.bulletList !== e.bulletList || o.orderedList !== e.orderedList || o.blockquote !== e.blockquote || o.codeBlock !== e.codeBlock || o.superscript !== e.superscript || o.subscript !== e.subscript || o.textAlign !== e.textAlign || o.fontFamily !== e.fontFamily || o.fontSize !== e.fontSize || o.color !== e.color || o.highlight !== e.highlight || o.link?.href !== e.link?.href) && (_.current = e, V.current?.(e));
     },
     onFocus: () => {
-      D(!0), _.current?.();
+      q(!0), Q.current?.();
     },
     onBlur: () => {
-      D(!1), Q.current?.();
+      q(!1), Z.current?.();
     }
   });
-  function s(e) {
-    n ? e(n) : A.current.push(e);
+  function s(t) {
+    n ? t(n) : A.current.push(t);
   }
-  Ie(() => {
-    if (n && (A.current.length > 0 && A.current.splice(0).forEach((t) => t(n)), q.current || (q.current = !0, U.current?.()), m)) {
-      const e = g(n), t = p(e);
-      H(t.valid ? null : t), P(!e.trim());
+  Jt(() => {
+    if (n && (A.current.length > 0 && A.current.splice(0).forEach((e) => e(n)), U.current || (U.current = !0, $.current?.()), m)) {
+      const t = g(n), e = p(t);
+      P(e.valid ? null : e), D(!t.trim());
     }
-  }, [n, m]), Je(
-    b,
+  }, [n, m]), Mt(
+    v,
     () => ({
       // ── Focus ────────────────────────────────────────────────────────
-      focus: (e) => s((t) => t.commands.focus(e)),
-      blur: () => s((e) => e.commands.blur()),
+      focus: (t) => s((e) => e.commands.focus(t)),
+      blur: () => s((t) => t.commands.blur()),
       // ── Content ──────────────────────────────────────────────────────
-      clearContent: () => s((e) => e.commands.clearContent(!0)),
-      setContent: (e) => {
-        const t = i(e);
-        s((o) => o.commands.setContent(t, { emitUpdate: !0 }));
+      clearContent: () => s((t) => t.commands.clearContent(!0)),
+      setContent: (t) => {
+        const e = i(t);
+        s((o) => o.commands.setContent(e, { emitUpdate: !0 }));
       },
-      insertContent: (e) => {
-        const t = i(e);
-        s((o) => o.commands.insertContent(t));
+      insertContent: (t) => {
+        const e = i(t);
+        s((o) => o.commands.insertContent(e));
       },
-      insertInlineContent: (e) => {
-        s((t) => we(t, e));
+      insertInlineContent: (t) => {
+        s((e) => $t(e, t));
       },
-      insertAtStart: (e) => {
-        const t = i(e);
-        s((o) => o.commands.insertContentAt(1, t));
+      insertAtStart: (t) => {
+        const e = i(t);
+        s((o) => o.commands.insertContentAt(1, e));
       },
-      insertBlock: (e) => {
-        const t = i(e);
+      insertBlock: (t) => {
+        const e = i(t);
         s(
-          (o) => o.commands.insertContentAt(o.state.doc.content.size, t)
+          (o) => o.commands.insertContentAt(o.state.doc.content.size, e)
         );
       },
-      appendInline: (e) => {
-        const t = i(e);
+      appendInline: (t) => {
+        const e = i(t);
         s(
-          (o) => o.commands.insertContentAt(o.state.doc.content.size - 1, t)
+          (o) => o.commands.insertContentAt(o.state.doc.content.size - 1, e)
         );
       },
       // Backwards-compatible aliases
-      insertAtEnd(e) {
-        this.insertBlock(e);
+      insertAtEnd(t) {
+        this.insertBlock(t);
       },
-      appendContent(e) {
-        this.appendInline(e);
+      appendContent(t) {
+        this.appendInline(t);
       },
-      getContent: () => n ? se(n) : { html: "", text: "", isEmpty: !0, characterCount: 0 },
+      getContent: () => n ? it(n) : { html: "", text: "", isEmpty: !0, characterCount: 0 },
       getJSON: () => n?.getJSON() ?? null,
       getMentions: () => {
-        const e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Set();
+        const t = /* @__PURE__ */ new Set(), e = /* @__PURE__ */ new Set();
         return n ? (n.state.doc.descendants((o) => {
-          o.type.name === "mentionAgent" && o.attrs.id != null ? e.add(String(o.attrs.id)) : o.type.name === "mentionTeam" && o.attrs.id != null && t.add(String(o.attrs.id));
-        }), { agentIds: Array.from(e), teamIds: Array.from(t) }) : { agentIds: [], teamIds: [] };
+          o.type.name === "mentionAgent" && o.attrs.id != null ? t.add(String(o.attrs.id)) : o.type.name === "mentionTeam" && o.attrs.id != null && e.add(String(o.attrs.id));
+        }), { agentIds: Array.from(t), teamIds: Array.from(e) }) : { agentIds: [], teamIds: [] };
       },
       // ── Selection ────────────────────────────────────────────────────
       getCursorPosition: () => {
         if (!n) return { from: 0, to: 0 };
-        const { from: e, to: t } = n.state.selection;
-        return { from: e, to: t };
+        const { from: t, to: e } = n.state.selection;
+        return { from: t, to: e };
       },
-      insertAtPosition: (e, t) => {
-        const o = i(t);
-        s((r) => r.commands.insertContentAt(e, o));
+      insertAtPosition: (t, e) => {
+        const o = i(e);
+        s((r) => r.commands.insertContentAt(t, o));
       },
       getSelectedText: () => {
         if (!n) return "";
-        const { state: e } = n, { from: t, to: o, empty: r } = e.selection;
+        const { state: t } = n, { from: e, to: o, empty: r } = t.selection;
         if (!r)
-          return e.doc.textBetween(t, o, " ");
-        const c = e.schema.marks.link;
+          return t.doc.textBetween(e, o, " ");
+        const c = t.schema.marks.link;
         if (c) {
-          const h = Ee(e.doc.resolve(t), c);
+          const h = Tt(t.doc.resolve(e), c);
           if (h)
-            return e.doc.textBetween(h.from, h.to, " ");
+            return t.doc.textBetween(h.from, h.to, " ");
         }
         return "";
       },
       // ── Character count ───────────────────────────────────────────────
       getCharacterCount: () => ({
         count: n?.storage.characterCount?.characters?.() ?? n?.getText().length ?? 0,
-        limit: J ?? null
+        limit: I ?? null
       }),
       // ── Sections ─────────────────────────────────────────────────────
-      getSectionContent: (e) => n ? Ne(n, e) : { html: "", text: "", isEmpty: !0, characterCount: 0 },
-      setSectionContent: (e, t) => {
-        const o = i(t);
-        s((r) => I(r, e, o));
+      getSectionContent: (t) => n ? qt(n, t) : { html: "", text: "", isEmpty: !0, characterCount: 0 },
+      setSectionContent: (t, e) => {
+        const o = i(e);
+        s((r) => R(r, t, o));
       },
-      focusSection: (e) => {
-        s((t) => {
-          if (e === "body") {
-            let r = t.state.doc.content.size - 1;
-            t.state.doc.descendants((c, h) => (c.type.name === "sectionDivider" && r === t.state.doc.content.size - 1 && (r = h - 1), r === t.state.doc.content.size - 1)), r < 1 && (r = 1), t.chain().focus().setTextSelection(r).run();
+      focusSection: (t) => {
+        s((e) => {
+          if (t === "body") {
+            let r = e.state.doc.content.size - 1;
+            e.state.doc.descendants((c, h) => (c.type.name === "sectionDivider" && r === e.state.doc.content.size - 1 && (r = h - 1), r === e.state.doc.content.size - 1)), r < 1 && (r = 1), e.chain().focus().setTextSelection(r).run();
             return;
           }
           let o = -1;
-          t.state.doc.descendants((r, c) => {
+          e.state.doc.descendants((r, c) => {
             if (o !== -1) return !1;
-            r.type.name === "sectionDivider" && r.attrs.sectionId === e && (o = c + r.nodeSize + 1);
-          }), o !== -1 && t.chain().focus().setTextSelection(o).run();
+            r.type.name === "sectionDivider" && r.attrs.sectionId === t && (o = c + r.nodeSize + 1);
+          }), o !== -1 && e.chain().focus().setTextSelection(o).run();
         });
       },
-      clearSection: (e) => {
-        s((t) => I(t, e, "<p></p>"));
+      clearSection: (t) => {
+        s((e) => R(e, t, "<p></p>"));
       },
       // ── Convenience body shorthands ───────────────────────────────────
-      getBodyContent: () => n ? ze(n) : { html: "", text: "", isEmpty: !0, characterCount: 0 },
-      setBodyContent: (e) => {
-        const t = i(e);
-        s((o) => I(o, "body", t));
+      getBodyContent: () => n ? Dt(n) : { html: "", text: "", isEmpty: !0, characterCount: 0 },
+      setBodyContent: (t) => {
+        const e = i(t);
+        s((o) => R(o, "body", e));
       },
-      setBodyAndSections: (e, t) => {
-        const o = oe(
-          i(e),
-          t.map((r) => ({
+      setBodyAndSections: (t, e) => {
+        const o = rt(
+          i(t),
+          e.map((r) => ({
             id: r.id,
             content: i(r.content)
           }))
         );
         s((r) => r.commands.setContent(o, { emitUpdate: !0 }));
       },
-      appendBodyContent: (e) => {
-        const t = i(e);
+      appendBodyContent: (t) => {
+        const e = i(t);
         s((o) => {
-          const r = ie(o, "body");
-          o.commands.insertContentAt(r - 1, t, {
+          const r = ct(o, "body");
+          o.commands.insertContentAt(r - 1, e, {
             parseOptions: { preserveWhitespace: !0 }
           });
         });
       },
-      insertAtSectionStart: (e, t) => {
-        const o = i(t);
+      insertAtSectionStart: (t, e) => {
+        const o = i(e);
         s((r) => {
-          const c = He(r, e);
+          const c = Ut(r, t);
           c !== -1 && r.commands.insertContentAt(c, o, {
             parseOptions: { preserveWhitespace: !0 }
           });
         });
       },
-      insertAtSectionEnd: (e, t) => {
-        const o = i(t);
+      insertAtSectionEnd: (t, e) => {
+        const o = i(e);
         s((r) => {
-          const c = ie(r, e);
+          const c = ct(r, t);
           r.commands.insertContentAt(c, o, {
             parseOptions: { preserveWhitespace: !0 }
           });
         });
       },
       // ── Formats & actions ─────────────────────────────────────────────
-      getActiveFormats: () => n ? re(n) : ne,
+      getActiveFormats: () => n ? st(n) : ot,
       actions: {
         toggleBold: () => n?.chain().focus().toggleBold().run(),
         toggleItalic: () => n?.chain().focus().toggleItalic().run(),
@@ -284,33 +288,33 @@ const _e = (k, b) => {
         toggleOrderedList: () => n?.chain().focus().toggleOrderedList().run(),
         toggleBlockquote: () => n?.chain().focus().toggleBlockquote().run(),
         toggleCodeBlock: () => n?.chain().focus().toggleCodeBlock().run(),
-        setTextAlign: (e) => n?.chain().focus().setTextAlign(e).run(),
-        setFontFamily: (e) => n?.chain().focus().setFontFamily(e).run(),
-        setFontSize: (e) => n?.chain().focus().setFontSize(e).run(),
-        setColor: (e) => n?.chain().focus().setColor(e).run(),
-        setHighlight: (e) => n?.chain().focus().toggleHighlight({ color: e }).run(),
+        setTextAlign: (t) => n?.chain().focus().setTextAlign(t).run(),
+        setFontFamily: (t) => n?.chain().focus().setFontFamily(t).run(),
+        setFontSize: (t) => n?.chain().focus().setFontSize(t).run(),
+        setColor: (t) => n?.chain().focus().setColor(t).run(),
+        setHighlight: (t) => n?.chain().focus().toggleHighlight({ color: t }).run(),
         unsetColor: () => n?.chain().focus().unsetColor().run(),
         unsetHighlight: () => n?.chain().focus().unsetHighlight().run(),
-        setLink: (e, t) => {
-          n && (t !== void 0 ? n.chain().focus().extendMarkRange("link").command(({ tr: o, state: r }) => {
-            const { from: c, to: h } = o.selection, Y = r.schema.marks.link;
-            if (!Y) return !1;
-            const ve = r.schema.text(t, [
-              Y.create({ href: e })
-            ]), be = r.schema.text(" ");
-            return o.replaceWith(c, h, [ve, be]), !0;
-          }).run() : n.chain().focus().extendMarkRange("link").setLink({ href: e }).insertContent(" ").run());
+        setLink: (t, e) => {
+          n && (e !== void 0 ? n.chain().focus().extendMarkRange("link").command(({ tr: o, state: r }) => {
+            const { from: c, to: h } = o.selection, tt = r.schema.marks.link;
+            if (!tt) return !1;
+            const vt = r.schema.text(e, [
+              tt.create({ href: t })
+            ]), Et = r.schema.text(" ");
+            return o.replaceWith(c, h, [vt, Et]), !0;
+          }).run() : n.chain().focus().extendMarkRange("link").setLink({ href: t }).insertContent(" ").run());
         },
-        updateLink: (e) => n?.chain().focus().extendMarkRange("link").setLink({ href: e }).run(),
+        updateLink: (t) => n?.chain().focus().extendMarkRange("link").setLink({ href: t }).run(),
         removeLink: () => n?.chain().focus().extendMarkRange("link").unsetLink().run(),
-        insertEmoji: (e) => n?.chain().focus().insertContent(e).run(),
-        insertVariable: (e) => n?.chain().focus().insertContent(`{{${e}}}`).run(),
-        insertHtml: (e) => n?.commands.insertContent(i(e)),
-        openMentionMenu: (e = "@") => {
+        insertEmoji: (t) => n?.chain().focus().insertContent(t).run(),
+        insertVariable: (t) => n?.chain().focus().insertContent(`{{${t}}}`).run(),
+        insertHtml: (t) => n?.commands.insertContent(i(t)),
+        openMentionMenu: (t = "@") => {
           if (!n)
             return;
-          const { to: t } = n.state.selection, o = t > 1 ? n.state.doc.textBetween(t - 1, t) : "", r = o !== "" && !/\s/.test(o);
-          n.chain().focus().setTextSelection(t).insertContent(r ? ` ${e}` : e).run();
+          const { to: e } = n.state.selection, o = e > 1 ? n.state.doc.textBetween(e - 1, e) : "", r = o !== "" && !/\s/.test(o);
+          n.chain().focus().setTextSelection(e).insertContent(r ? ` ${t}` : t).run();
         },
         undo: () => n?.chain().focus().undo().run(),
         redo: () => n?.chain().focus().redo().run(),
@@ -318,57 +322,57 @@ const _e = (k, b) => {
         canRedo: () => n?.can().redo() ?? !1,
         toggleSuperscript: () => n?.chain().focus().toggleSuperscript().run(),
         toggleSubscript: () => n?.chain().focus().toggleSubscript().run(),
-        insertImage: (e) => n?.chain().focus().setImage({ src: e }).run()
+        insertImage: (t) => n?.chain().focus().setImage({ src: t }).run()
       },
       // ── JSON body ─────────────────────────────────────────────────────
       json: B?.jsonMode ? {
         getText: () => n ? g(n) : "",
-        setText: (e) => s((t) => v(t, e)),
+        setText: (t) => s((e) => b(e, t)),
         parse: () => p(n ? g(n) : ""),
         isValid: () => p(n ? g(n) : "").valid,
-        format: (e = 2) => s((t) => {
-          const { valid: o, value: r } = p(g(t));
-          !o || r === null || v(t, JSON.stringify(r, null, e));
+        format: (t = 2) => s((e) => {
+          const { valid: o, value: r } = p(g(e));
+          !o || r === null || b(e, JSON.stringify(r, null, t));
         }),
-        minify: () => s((e) => {
-          const { valid: t, value: o } = p(g(e));
-          !t || o === null || v(e, JSON.stringify(o));
+        minify: () => s((t) => {
+          const { valid: e, value: o } = p(g(t));
+          !e || o === null || b(t, JSON.stringify(o));
         })
       } : void 0
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n]
   );
-  const Be = () => {
+  const xt = () => {
     if (!n) return;
-    const { valid: e, value: t } = p(g(n));
-    !e || t === null || v(n, JSON.stringify(t, null, 2));
-  }, xe = () => {
+    const { valid: t, value: e } = p(g(n));
+    !t || e === null || b(n, JSON.stringify(e, null, 2));
+  }, bt = () => {
     n && (navigator.clipboard?.writeText(g(n)), w(!0), setTimeout(() => w(!1), 1500));
   };
   return n ? /* @__PURE__ */ u(
-    Me,
+    zt,
     {
-      minHeight: ge,
-      maxHeight: he,
+      minHeight: ht,
+      maxHeight: pt,
       tightParagraphs: !B?.richPaste,
       jsonMode: m,
-      style: pe,
-      className: Ce,
+      style: Ct,
+      className: St,
       children: [
-        m && /* @__PURE__ */ u(Re, { children: [
+        m && /* @__PURE__ */ u(Ft, { children: [
           /* @__PURE__ */ d("span", { className: "bik-json-header-label", children: "JSON" }),
           /* @__PURE__ */ u("div", { className: "bik-json-header-actions", children: [
             /* @__PURE__ */ u(
               "button",
               {
                 type: "button",
-                onClick: Be,
+                onClick: xt,
                 disabled: !!f || T,
                 title: "Format JSON",
                 children: [
-                  /* @__PURE__ */ d(qe, { size: 16 }),
-                  /* @__PURE__ */ d(te, { children: "Beautify" })
+                  /* @__PURE__ */ d(_t, { size: 16 }),
+                  /* @__PURE__ */ d(nt, { children: "Beautify" })
                 ]
               }
             ),
@@ -376,27 +380,27 @@ const _e = (k, b) => {
               "button",
               {
                 type: "button",
-                onClick: xe,
+                onClick: bt,
                 disabled: T,
                 title: "Copy JSON",
                 children: [
-                  /* @__PURE__ */ d(Ue, { size: 16 }),
-                  Se && /* @__PURE__ */ d(te, { children: "Copied" })
+                  /* @__PURE__ */ d(Qt, { size: 16 }),
+                  kt && /* @__PURE__ */ d(nt, { children: "Copied" })
                 ]
               }
             )
           ] })
         ] }),
-        m ? /* @__PURE__ */ u(Le, { $error: !!f, children: [
-          /* @__PURE__ */ d(ee, { editor: n }),
-          T && !ke && /* @__PURE__ */ u(Oe, { "aria-hidden": !0, children: [
-            /* @__PURE__ */ d($e, { size: 20 }),
+        m ? /* @__PURE__ */ u(jt, { $error: !!f, children: [
+          /* @__PURE__ */ d(et, { editor: n }),
+          T && !yt && /* @__PURE__ */ u(Ht, { "aria-hidden": !0, children: [
+            /* @__PURE__ */ d(Zt, { size: 20 }),
             /* @__PURE__ */ d("span", { children: k.placeholder ?? "Type or paste JSON here" })
           ] })
-        ] }) : /* @__PURE__ */ d(ee, { editor: n }),
-        /* @__PURE__ */ d(De, { editor: n, renderLinkTooltip: me?.renderTooltip }),
-        m && f ? N ? N(f) : /* @__PURE__ */ u(Fe, { children: [
-          /* @__PURE__ */ d(We, { size: 16 }),
+        ] }) : /* @__PURE__ */ d(et, { editor: n }),
+        /* @__PURE__ */ d(Vt, { editor: n, renderLinkTooltip: ft?.renderTooltip }),
+        m && f ? H ? H(f) : /* @__PURE__ */ u(Nt, { children: [
+          /* @__PURE__ */ d(Gt, { size: 16 }),
           /* @__PURE__ */ u("span", { children: [
             f.line != null && /* @__PURE__ */ u("strong", { children: [
               "Line ",
@@ -411,11 +415,11 @@ const _e = (k, b) => {
       ]
     }
   ) : null;
-}, Qe = Ae(
-  _e
+}, Yt = Rt(
+  Xt
 );
-Qe.displayName = "BikEditor";
+Yt.displayName = "BikEditor";
 export {
-  Qe as BikEditor
+  Yt as BikEditor
 };
 //# sourceMappingURL=BikEditor.js.map