@onereach/ui-components 25.1.0 → 25.1.1-beta.5755.0

package/dist/esm/{OrRichTextEditor-B_uVsae1.mjs → OrRichTextEditor-DKhL46g9.mjs}

@@ -1,4 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("[data-v-f034427c] .or-cm-paragraph{@apply my-xs;}[data-v-f034427c] .or-cm-bulletList{@apply mx-lg my-xs list-disc;}[data-v-f034427c] .or-cm-orderedList{@apply mx-lg my-xs list-decimal;}[data-v-f034427c] .or-cm-blockquote{@apply my-sm mx-lg px-lg border-l-2 border-outline;}[data-v-f034427c] .or-cm-link{@apply text-primary cursor-pointer;}[data-v-f034427c] .or-cm-placeholder{@apply text-outline;}[data-v-f034427c] .or-cm-editorProps{@apply flex flex-col focus:outline-none gap-xs h-full;}.tiptap-editor-v3 .is-editor-empty:before{float:left;height:0;pointer-events:none;content:attr(data-placeholder)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("[data-v-1222a307] .or-cm-paragraph{@apply my-xs;}[data-v-1222a307] .or-cm-bulletList{@apply mx-lg my-xs list-disc;}[data-v-1222a307] .or-cm-orderedList{@apply mx-lg my-xs list-decimal;}[data-v-1222a307] .or-cm-blockquote{@apply my-sm mx-lg px-lg border-l-2 border-outline;}[data-v-1222a307] .or-cm-link{@apply text-primary cursor-pointer;}[data-v-1222a307] .or-cm-placeholder{@apply text-outline;}[data-v-1222a307] .or-cm-editorProps{@apply flex flex-col focus:outline-none gap-xs h-full;}.tiptap-editor-v3 .is-editor-empty:before{float:left;height:0;pointer-events:none;content:attr(data-placeholder)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 import { useTheme as ft, useResponsive as pt } from "@onereach/ui-components-common/hooks";
 import { isArray as gt } from "@onereach/ui-components-common/utils";
 import { O as ht } from "./OrButton-C_hXddAf.mjs";
@@ -13,39 +13,39 @@ import { O as St } from "./OrMenu-CJT4Snay.mjs";
 import { O as Lt } from "./OrModal-CQhwUYFk.mjs";
 import { O as Bt } from "./OrPopover-DbygLPtT.mjs";
 import { Node as Mt, Editor as At, mergeAttributes as Pt } from "@tiptap/core";
-import Fe from "@tiptap/extension-blockquote";
-import qe from "@tiptap/extension-bullet-list";
+import qe from "@tiptap/extension-blockquote";
+import ze from "@tiptap/extension-bullet-list";
 import Ht from "@tiptap/extension-heading";
-import ze from "@tiptap/extension-highlight";
-import Te from "@tiptap/extension-link";
-import De from "@tiptap/extension-ordered-list";
-import Ue from "@tiptap/extension-paragraph";
+import Te from "@tiptap/extension-highlight";
+import De from "@tiptap/extension-link";
+import Ue from "@tiptap/extension-ordered-list";
+import We from "@tiptap/extension-paragraph";
 import Rt from "@tiptap/extension-placeholder";
-import We from "@tiptap/extension-underline";
+import Ge from "@tiptap/extension-underline";
 import Nt from "@tiptap/starter-kit";
 import { useResizeObserver as Vt, useDebounceFn as $t, onClickOutside as It } from "@vueuse/core";
 import { useFocusTrap as Et } from "@vueuse/integrations/useFocusTrap";
-import { defineComponent as Ft, shallowRef as qt, ref as m, onMounted as zt, onBeforeUnmount as Tt, computed as w, watch as Dt, nextTick as Ut, resolveComponent as O, openBlock as f, createElementBlock as F, normalizeClass as R, createBlock as H, withCtx as v, renderSlot as ee, createTextVNode as V, toDisplayString as te, createCommentVNode as T, createVNode as $, createElementVNode as q, Fragment as oe, renderList as re, withDirectives as ne, vShow as ae, vModelText as Wt } from "vue";
+import { defineComponent as Ft, shallowRef as qt, ref as m, onMounted as zt, onBeforeUnmount as Tt, computed as w, watch as Dt, nextTick as Ut, resolveComponent as O, openBlock as f, createElementBlock as q, normalizeClass as V, createBlock as N, withCtx as b, renderSlot as re, createTextVNode as $, toDisplayString as ae, createCommentVNode as T, createVNode as I, createElementVNode as z, Fragment as ne, renderList as le, withDirectives as se, vShow as ie, vModelText as Wt } from "vue";
 import { TextSelection as Gt, Selection as Jt } from "prosemirror-state";
 import { exitCode as jt } from "prosemirror-commands";
-import { EditorState as Ce } from "@codemirror/state";
-import { EditorView as Ge, highlightActiveLine as Kt, highlightActiveLineGutter as Qt, lineNumbers as Xt, keymap as Yt } from "@codemirror/view";
+import { EditorState as we } from "@codemirror/state";
+import { EditorView as Je, highlightActiveLine as Kt, highlightActiveLineGutter as Qt, lineNumbers as Xt, keymap as Yt } from "@codemirror/view";
 import { HighlightStyle as Zt, syntaxHighlighting as xt } from "@codemirror/language";
-import { tags as a } from "@lezer/highlight";
+import { tags as n } from "@lezer/highlight";
 import { minimalSetup as _t } from "codemirror";
 import { javascript as eo } from "@codemirror/lang-javascript";
 import to from "@tiptap/extension-bold";
 import oo from "@tiptap/extension-code-block";
 import ro from "@tiptap/extension-hard-break";
-import no from "@tiptap/extension-italic";
-import ao from "@tiptap/extension-list-item";
+import ao from "@tiptap/extension-italic";
+import no from "@tiptap/extension-list-item";
 import lo from "@tiptap/extension-strike";
 import so from "@tiptap/extension-horizontal-rule";
 import { marked as io } from "marked";
-import { defaultMarkdownSerializer as S, MarkdownSerializer as co } from "prosemirror-markdown";
-import { DOMParser as uo } from "prosemirror-model";
+import { defaultMarkdownSerializer as S, MarkdownSerializer as uo } from "prosemirror-markdown";
+import { DOMParser as co } from "prosemirror-model";
 import { _ as mo } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-var Je = /* @__PURE__ */ ((e) => (e.Markdown = "markdown", e.Markup = "markup", e))(Je || {}), je = /* @__PURE__ */ ((e) => (e.bold = "format_bold", e.italic = "format_italic", e.underline = "format_underlined", e.strike = "format_strikethrough", e.bulletList = "format_list_bulleted", e.orderedList = "format_list_numbered", e.link = "link", e.highlight = "highlight", e.redo = "redo", e.undo = "undo", e.codeBlock = "code_blocks", e.blockquote = "format_quote", e.file = "attach_file", e.source = "source_notes", e))(je || {}), Ke = /* @__PURE__ */ ((e) => (e.bold = "Bold", e.italic = "Italic", e.underline = "Underline", e.strike = "Strike", e.bulletList = "Bulleted List", e.orderedList = "Numbered List", e.link = "Link", e.highlight = "Highlight", e.redo = "Redo", e.undo = "Undo", e.codeBlock = "Code Block", e.blockquote = "Quote", e.file = "File", e.source = "Source", e))(Ke || {});
+var je = /* @__PURE__ */ ((e) => (e.Markdown = "markdown", e.Markup = "markup", e))(je || {}), Ke = /* @__PURE__ */ ((e) => (e.bold = "format_bold", e.italic = "format_italic", e.underline = "format_underlined", e.strike = "format_strikethrough", e.bulletList = "format_list_bulleted", e.orderedList = "format_list_numbered", e.link = "link", e.highlight = "highlight", e.redo = "redo", e.undo = "undo", e.codeBlock = "code_blocks", e.blockquote = "format_quote", e.file = "attach_file", e.source = "source_notes", e))(Ke || {}), Qe = /* @__PURE__ */ ((e) => (e.bold = "Bold", e.italic = "Italic", e.underline = "Underline", e.strike = "Strike", e.bulletList = "Bulleted List", e.orderedList = "Numbered List", e.link = "Link", e.highlight = "Highlight", e.redo = "Redo", e.undo = "Undo", e.codeBlock = "Code Block", e.blockquote = "Quote", e.file = "File", e.source = "Source", e))(Qe || {});
 const fo = [
   // Layout
   "layout-column",
@@ -84,24 +84,24 @@ const fo = [
   "typography-body-2-regular",
   // Size
   "h-full"
-], n = ft(), vo = n == null ? void 0 : n.backgroundColor["custom-colors-custom-6"], we = n == null ? void 0 : n.backgroundColor["custom-colors-custom-1"], bo = n == null ? void 0 : n.backgroundColor["custom-colors-custom-3"];
-var Be;
-const ko = (Be = n == null ? void 0 : n.backgroundColor) == null ? void 0 : Be.white, le = n == null ? void 0 : n.backgroundColor["custom-colors-custom-6"], fe = n == null ? void 0 : n.backgroundColor["custom-colors-custom-5"], yo = n == null ? void 0 : n.backgroundColor["custom-colors-custom-3"], Co = n == null ? void 0 : n.backgroundColor.success, Oe = n == null ? void 0 : n.backgroundColor.warning, wo = n == null ? void 0 : n.backgroundColor["custom-colors-custom-1"];
-var Me, Ae, Pe, He, Re, Ne, Ve, $e, Ie, Ee;
-const Oo = Ge.theme({
+], a = ft(), vo = a == null ? void 0 : a.backgroundColor["custom-colors-custom-6"], Oe = a == null ? void 0 : a.backgroundColor["custom-colors-custom-1"], bo = a == null ? void 0 : a.backgroundColor["custom-colors-custom-3"];
+var Me;
+const ko = (Me = a == null ? void 0 : a.backgroundColor) == null ? void 0 : Me.white, ue = a == null ? void 0 : a.backgroundColor["custom-colors-custom-6"], ve = a == null ? void 0 : a.backgroundColor["custom-colors-custom-5"], yo = a == null ? void 0 : a.backgroundColor["custom-colors-custom-3"], Co = a == null ? void 0 : a.backgroundColor.success, Se = a == null ? void 0 : a.backgroundColor.warning, wo = a == null ? void 0 : a.backgroundColor["custom-colors-custom-1"];
+var Ae, Pe, He, Re, Ne, Ve, $e, Ie, Ee, Fe;
+const Oo = Je.theme({
   "&": {
-    color: le,
-    backgroundColor: (Me = n == null ? void 0 : n.backgroundColor) == null ? void 0 : Me["bg-primary-container"]
+    color: ue,
+    backgroundColor: (Ae = a == null ? void 0 : a.backgroundColor) == null ? void 0 : Ae["bg-primary-container"]
   },
   ".cm-editor": {
     border: "none",
-    borderRadius: (Ae = n == null ? void 0 : n.spacing) == null ? void 0 : Ae.xs
+    borderRadius: (Pe = a == null ? void 0 : a.spacing) == null ? void 0 : Pe.xs
   },
   "&.cm-focused": {
     outline: "none"
   },
   ".cm-scroller": {
-    borderRadius: (Pe = n == null ? void 0 : n.spacing) == null ? void 0 : Pe.xs
+    borderRadius: (He = a == null ? void 0 : a.spacing) == null ? void 0 : He.xs
   },
   ".cm-content": {
     // caretColor: cursor,
@@ -110,7 +110,7 @@ const Oo = Ge.theme({
     // background: highlightBackground,
     // color: themes?.colors?.neutral?.[600],
     border: 0,
-    borderRadius: (He = n == null ? void 0 : n.spacing) == null ? void 0 : He.xs
+    borderRadius: (Re = a == null ? void 0 : a.spacing) == null ? void 0 : Re.xs
   },
   ".cm-panel.cm-search input[type=checkbox]": {
     display: "inline-block",
@@ -122,7 +122,7 @@ const Oo = Ge.theme({
   },
   ".cm-panels": {
     // backgroundColor: darkBackground,
-    color: le
+    color: ue
   },
   // '.cm-panels.cm-panels-top': { borderBottom: `2px solid ${themes?.colors?.neutral?.[200]}` },
   // '.cm-panels.cm-panels-bottom': { borderTop: `2px solid ${themes?.colors?.neutral?.[200]}` },
@@ -134,23 +134,23 @@ const Oo = Ge.theme({
     // backgroundColor: themes?.colors?.sky?.[100],
   },
   ".cm-activeLine": {
-    backgroundColor: (Re = n == null ? void 0 : n.backgroundColor) == null ? void 0 : Re["bg-secondary-container"]
+    backgroundColor: (Ne = a == null ? void 0 : a.backgroundColor) == null ? void 0 : Ne["bg-secondary-container"]
   },
   // '.cm-selectionMatch': { backgroundColor: themes?.colors?.lime?.[500] },
   "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
     // backgroundColor: themes?.colors?.lime?.[600],
   },
   ".cm-gutters": {
-    backgroundColor: (Ne = n == null ? void 0 : n.backgroundColor) == null ? void 0 : Ne["primary-opacity-0-12"],
-    color: fe,
+    backgroundColor: (Ve = a == null ? void 0 : a.backgroundColor) == null ? void 0 : Ve["primary-opacity-0-12"],
+    color: ve,
     border: "none"
   },
   ".cm-lineNumbers .cm-gutterElement": {
-    paddingLeft: (Ve = n == null ? void 0 : n.spacing) == null ? void 0 : Ve["sm+*"],
-    paddingRight: ($e = n == null ? void 0 : n.spacing) == null ? void 0 : $e["sm+*"]
+    paddingLeft: ($e = a == null ? void 0 : a.spacing) == null ? void 0 : $e["sm+*"],
+    paddingRight: (Ie = a == null ? void 0 : a.spacing) == null ? void 0 : Ie["sm+*"]
   },
   ".cm-activeLineGutter": {
-    backgroundColor: (Ie = n == null ? void 0 : n.backgroundColor) == null ? void 0 : Ie["primary-opacity-0-16"]
+    backgroundColor: (Ee = a == null ? void 0 : a.backgroundColor) == null ? void 0 : Ee["primary-opacity-0-16"]
   },
   ".cm-foldPlaceholder": {
     backgroundColor: "transparent",
@@ -172,7 +172,7 @@ const Oo = Ge.theme({
   ".cm-tooltip-autocomplete": {
     "& > ul > li[aria-selected]": {
       // backgroundColor: highlightBackground,
-      color: le
+      color: ue
     }
   },
   ".cm-textfield": {
@@ -181,104 +181,104 @@ const Oo = Ge.theme({
     // color: themes?.colors?.neutral?.[600],
     // backgroundColor: themes?.colors?.neutral?.[100],
     // border: `1px solid ${themes?.colors?.neutral?.[200]}`,
-    borderRadius: (Ee = n == null ? void 0 : n.spacing) == null ? void 0 : Ee.xs
+    borderRadius: (Fe = a == null ? void 0 : a.spacing) == null ? void 0 : Fe.xs
   }
 }, { dark: !0 }), So = Zt.define([
   {
-    tag: a.keyword,
+    tag: n.keyword,
     color: wo
   },
   {
-    tag: [a.name, a.deleted, a.character, a.propertyName, a.macroName],
-    color: we
+    tag: [n.name, n.deleted, n.character, n.propertyName, n.macroName],
+    color: Oe
   },
   {
-    tag: [a.function(a.variableName), a.labelName],
+    tag: [n.function(n.variableName), n.labelName],
     color: yo
   },
   {
-    tag: [a.color, a.constant(a.name), a.standard(a.name)],
-    color: Oe
+    tag: [n.color, n.constant(n.name), n.standard(n.name)],
+    color: Se
   },
   {
-    tag: [a.definition(a.name), a.separator],
-    color: le
+    tag: [n.definition(n.name), n.separator],
+    color: ue
   },
   {
-    tag: [a.typeName, a.className, a.number, a.changed, a.annotation, a.modifier, a.self, a.namespace],
+    tag: [n.typeName, n.className, n.number, n.changed, n.annotation, n.modifier, n.self, n.namespace],
     color: vo
   },
   {
-    tag: [a.operator, a.operatorKeyword, a.url, a.escape, a.regexp, a.link, a.special(a.string)],
+    tag: [n.operator, n.operatorKeyword, n.url, n.escape, n.regexp, n.link, n.special(n.string)],
     color: bo
   },
   {
-    tag: [a.meta, a.comment],
-    color: fe
+    tag: [n.meta, n.comment],
+    color: ve
   },
   {
-    tag: a.strong,
+    tag: n.strong,
     fontWeight: "bold"
   },
   {
-    tag: a.emphasis,
+    tag: n.emphasis,
     fontStyle: "italic"
   },
   {
-    tag: a.strikethrough,
+    tag: n.strikethrough,
     textDecoration: "line-through"
   },
   {
-    tag: a.link,
-    color: fe,
+    tag: n.link,
+    color: ve,
     textDecoration: "underline"
   },
   {
-    tag: a.heading,
+    tag: n.heading,
     fontWeight: "bold",
-    color: we
+    color: Oe
   },
   {
-    tag: [a.atom, a.bool, a.special(a.variableName)],
-    color: Oe
+    tag: [n.atom, n.bool, n.special(n.variableName)],
+    color: Se
   },
   {
-    tag: [a.processingInstruction, a.string, a.inserted],
+    tag: [n.processingInstruction, n.string, n.inserted],
     color: Co
   },
   {
-    tag: a.invalid,
+    tag: n.invalid,
     color: ko
   }
-]), Lo = [Oo, xt(So)], Se = (e, o) => {
+]), Lo = [Oo, xt(So)], Le = (e, o) => {
   if (e === o)
     return null;
-  let t = 0, i = e.length, l = o.length;
-  for (; t < i && e.charCodeAt(t) === o.charCodeAt(t); )
+  let t = 0, s = e.length, l = o.length;
+  for (; t < s && e.charCodeAt(t) === o.charCodeAt(t); )
     t += 1;
-  for (; i > t && l > t && e.charCodeAt(i - 1) === o.charCodeAt(l - 1); )
-    i -= 1, l -= 1;
+  for (; s > t && l > t && e.charCodeAt(s - 1) === o.charCodeAt(l - 1); )
+    s -= 1, l -= 1;
   return {
     from: t,
-    to: i,
+    to: s,
     text: o.slice(t, l)
   };
 };
 class Bo {
   constructor(o) {
-    var g;
+    var h;
     this.updating = !1, this.node = o.node, this.view = o.view;
-    const t = ((g = o.cmOptions) == null ? void 0 : g.extensions) || [];
+    const t = ((h = o.cmOptions) == null ? void 0 : h.extensions) || [];
     this.name = "codeBlock", this.getPos = o.getPos;
-    const i = Ce.changeFilter.of((L) => (!L.docChanged && !this.updating && this.forwardSelection(), !0));
-    this.cm = new Ge({
+    const s = we.changeFilter.of((L) => (!L.docChanged && !this.updating && this.forwardSelection(), !0));
+    this.cm = new Je({
       dispatch: this.dispatch.bind(this)
     }), this.dom = this.cm.dom;
-    const l = Ce.create({
+    const l = we.create({
       doc: this.node.textContent,
       extensions: [
         Lo,
-        i,
+        s,
         Kt(),
         Qt(),
         Xt(),
@@ -316,22 +316,22 @@ class Bo {
     t.eq(o.selection) || this.view.dispatch(o.tr.setSelection(t));
   }
   asProseMirrorSelection(o) {
-    const t = this.getPos() + 1, { anchor: i, head: l } = this.cm.state.selection.main;
-    return Gt.create(o, i + t, l + t);
+    const t = this.getPos() + 1, { anchor: s, head: l } = this.cm.state.selection.main;
+    return Gt.create(o, s + t, l + t);
   }
   dispatch(o) {
     if (this.cm.setState(o.state), o.docChanged && !this.updating) {
-      const t = this.getPos() + 1, i = o.state.doc.toString(), l = Se(this.node.textContent, i);
+      const t = this.getPos() + 1, s = o.state.doc.toString(), l = Le(this.node.textContent, s);
       if (!l)
         return;
-      const g = l.text ? this.view.state.schema.text(l.text) : null, L = this.view.state.tr.replaceWith(l.from + t, l.to + t, g);
+      const h = l.text ? this.view.state.schema.text(l.text) : null, L = this.view.state.tr.replaceWith(l.from + t, l.to + t, h);
       this.view.dispatch(L), this.forwardSelection();
     }
   }
   mayBeEscape(o, t) {
-    return (i) => {
-      const { state: l } = i, { selection: g } = l, k = (() => {
-        const y = g.main.from, A = l.doc.lineAt(y);
+    return (s) => {
+      const { state: l } = s, { selection: h } = l, k = (() => {
+        const y = h.main.from, A = l.doc.lineAt(y);
         return {
           line: A.number,
           ch: y - A.from
@@ -347,7 +347,7 @@ class Bo {
     if (o.type !== this.node.type)
       return !1;
     this.node = o;
-    const t = Se(this.cm.state.doc.toString(), o.textContent);
+    const t = Le(this.cm.state.doc.toString(), o.textContent);
     return t && (this.updating = !0, this.cm.dispatch({
       changes: {
         from: t.from,
@@ -408,13 +408,13 @@ const Mo = Mt.create({
   }
 }), Ao = {
   ...S.nodes,
-  [Ue.name]: S.nodes.paragraph,
-  [qe.name]: S.nodes.bullet_list,
-  [ao.name]: S.nodes.list_item,
-  [De.name]: S.nodes.ordered_list,
+  [We.name]: S.nodes.paragraph,
+  [ze.name]: S.nodes.bullet_list,
+  [no.name]: S.nodes.list_item,
+  [Ue.name]: S.nodes.ordered_list,
   [ro.name]: S.nodes.hard_break,
   [oo.name]: S.nodes.code_block,
-  [Fe.name]: S.nodes.blockquote,
+  [qe.name]: S.nodes.blockquote,
   [so.name]: S.nodes.horizontal_rule
 }, Po = {
   ...S.marks,
@@ -425,56 +425,56 @@ const Mo = Mt.create({
     mixable: !0,
     expelEnclosingWhitespace: !0
   },
-  [no.name]: {
+  [ao.name]: {
     open: " _",
     close: "_ ",
     mixable: !0,
     expelEnclosingWhitespace: !0
   },
-  [ze.name]: {
+  [Te.name]: {
     open: "==",
     close: "==",
     mixable: !0,
     expelEnclosingWhitespace: !0
   },
-  [We.name]: {
+  [Ge.name]: {
     open: "<u>",
     close: "</u>",
     mixable: !0,
     expelEnclosingWhitespace: !0
   },
-  [Te.name]: {
-    open(e, o, t, i) {
-      return Le(o, t, i, 1) ? "<" : "[";
+  [De.name]: {
+    open(e, o, t, s) {
+      return Be(o, t, s, 1) ? "<" : "[";
     },
-    close(e, o, t, i) {
+    close(e, o, t, s) {
       const l = o.attrs.canonicalSrc || o.attrs.href;
-      return Le(o, t, i, -1) ? ">" : `](${e.esc(l)}${o.attrs.title ? ` ${e.quote(o.attrs.title)}` : ""})`;
+      return Be(o, t, s, -1) ? ">" : `](${e.esc(l)}${o.attrs.title ? ` ${e.quote(o.attrs.title)}` : ""})`;
     }
   }
 };
-function Le(e, o, t, i) {
+function Be(e, o, t, s) {
   if (e.attrs.title || !/^\w+:/.test(e.attrs.href)) return !1;
-  const l = o.child(t + (i < 0 ? -1 : 0));
+  const l = o.child(t + (s < 0 ? -1 : 0));
   if (!l.isText || l.text !== e.attrs.href || l.marks[l.marks.length - 1] !== e)
     return !1;
-  if (t === (i < 0 ? 1 : o.childCount - 1)) return !0;
-  const g = o.child(t + (i < 0 ? -2 : 1));
-  return !e.isInSet(g.marks);
+  if (t === (s < 0 ? 1 : o.childCount - 1)) return !0;
+  const h = o.child(t + (s < 0 ? -2 : 1));
+  return !e.isInSet(h.marks);
 }
-function de(e, o) {
-  const t = new co(
+function ge(e, o) {
+  const t = new uo(
     Ao,
     Po
-  ), i = e.nodeFromJSON(o);
-  return t.serialize(i, { tightLists: !0 });
+  ), s = e.nodeFromJSON(o);
+  return t.serialize(s, { tightLists: !0 });
 }
-function me(e, o) {
+function he(e, o) {
   if (!o) return null;
   const t = io.parse(o);
   if (!t) return null;
-  const i = new DOMParser(), { body: l } = i.parseFromString(t, "text/html");
-  return l.append(document.createComment(o)), uo.fromSchema(e).parse(l).toJSON();
+  const s = new DOMParser(), { body: l } = s.parseFromString(t, "text/html");
+  return l.append(document.createComment(o)), co.fromSchema(e).parse(l).toJSON();
 }
 const Ho = Ft({
   name: "OrRichTextEditor",
@@ -510,7 +510,7 @@ const Ho = Ft({
     },
     format: {
       type: String,
-      default: () => Je.Markup
+      default: () => je.Markup
     },
     label: {
       type: String,
@@ -550,7 +550,7 @@ const Ho = Ft({
   ],
   setup(e, o) {
     let t = qt();
-    const i = m(), l = m(), g = m(), L = m(), k = m(), D = m(), U = m(), W = m(), G = m(), B = m({
+    const s = m(), l = m(), h = m(), L = m(), k = m(), D = m(), U = m(), W = m(), G = m(), B = m({
       bold: !1,
       italic: !1,
       underline: !1,
@@ -565,29 +565,29 @@ const Ho = Ft({
       blockquote: !1,
       file: !1,
       source: !1
-    }), y = m(e.autofocus), A = [1, 2, 3, 4], P = m(0), I = m(""), s = m(!1), N = m(!1), d = m(""), b = m(""), se = m(0), pe = m(""), { isMobile: ge } = pt();
-    let he = Et(i, {
+    }), y = m(e.autofocus), A = [1, 2, 3, 4], P = m(0), E = m(""), i = m(!1), H = m(!1), d = m(""), v = m(""), ce = m(0), be = m(""), { isMobile: ke } = pt();
+    let ye = Et(s, {
       fallbackFocus: ".container",
       allowOutsideClick: !0
     });
-    Vt(g, $t((r) => {
-      var h, p;
-      const c = r[0], { width: u } = c.contentRect;
-      if (k.value && l.value && ve.value) {
+    Vt(h, $t((r) => {
+      var p, g;
+      const u = r[0], { width: c } = u.contentRect;
+      if (k.value && l.value && Ce.value) {
         let C = 0;
-        C = ((p = (h = l.value.firstElementChild) == null ? void 0 : h.firstElementChild) == null ? void 0 : p.offsetWidth) + 16;
-        const M = u / C - 2;
-        se.value = Math.round(ve.value - M);
+        C = ((g = (p = l.value.firstElementChild) == null ? void 0 : p.firstElementChild) == null ? void 0 : g.offsetWidth) + 16;
+        const M = c / C - 2;
+        ce.value = Math.round(Ce.value - M);
       }
     }, 10)), zt(() => {
       t.value = new At({
         onUpdate: ({ editor: r }) => {
-          y.value = !0, ce();
-          const c = r.getHTML(), u = r.getText();
-          e.format === "markdown" ? (I.value = de(r.schema, r.getJSON()), E.value = I.value) : E.value = u === "" ? u : c;
+          y.value = !0, me();
+          const u = r.getHTML(), c = r.getText();
+          e.format === "markdown" ? (E.value = ge(r.schema, r.getJSON()), F.value = E.value) : F.value = c === "" ? c : u;
         },
         onCreate: ({ editor: r }) => {
-          e.format === "markdown" ? r.commands.setContent(me(r.schema, E.value)) : r.commands.setContent(E.value);
+          e.format === "markdown" ? r.commands.setContent(he(r.schema, F.value)) : r.commands.setContent(F.value);
         },
         onFocus(r) {
           o.emit("focus", r);
@@ -595,7 +595,7 @@ const Ho = Ft({
         onBlur(r) {
           o.emit("blur", r);
         },
-        element: i.value,
+        element: s.value,
         autofocus: e.autofocus,
         enableInputRules: !0,
         enablePasteRules: !0,
@@ -609,40 +609,40 @@ const Ho = Ft({
             orderedList: !1,
             blockquote: !1
           }),
-          Ue.configure({
+          We.configure({
             HTMLAttributes: {
               class: "or-cm-paragraph my-xs"
             }
           }),
-          qe.configure({
+          ze.configure({
             HTMLAttributes: {
               class: "or-cm-bulletList mx-lg my-xs list-disc"
             }
           }),
-          De.configure({
+          Ue.configure({
             HTMLAttributes: {
               class: "or-cm-orderedList mx-lg my-xs list-decimal"
             }
           }),
-          Fe.configure({
+          qe.configure({
             HTMLAttributes: {
               class: "or-cm-blockquote my-sm mx-lg px-lg border-l-2 border-outline"
             }
           }),
           Ht.configure({ levels: A }).extend({
             levels: A,
-            renderHTML({ node: r, HTMLAttributes: c }) {
+            renderHTML({ node: r, HTMLAttributes: u }) {
               return [
                 "h" + r.attrs.level,
-                Pt(c, {
+                Pt(u, {
                   class: `typography-headline-${r.attrs.level} my-xs`
                 }),
                 0
               ];
             }
           }),
-          We,
-          Te.configure({
+          Ge,
+          De.configure({
             openOnClick: !0,
             linkOnPaste: !0,
             autolink: !1,
@@ -652,7 +652,7 @@ const Ho = Ft({
               class: "or-cm-link text-primary cursor-pointer"
             }
           }),
-          ze,
+          Te,
           Rt.configure({
             placeholder: e.placeholder,
             emptyEditorClass: "or-cm-placeholder text-outline is-editor-empty"
@@ -666,38 +666,38 @@ const Ho = Ft({
         parseOptions: {
           preserveWhitespace: !0
         }
-      }), ce(), he.activate();
+      }), me(), ye.activate();
     }), Tt(() => {
       var r;
       (r = t.value) == null || r.destroy();
-    }), It(g, () => {
-      y.value = !1, he.deactivate();
+    }), It(h, () => {
+      y.value = !1, ye.deactivate();
     });
-    const E = w({
+    const F = w({
       get: () => e.modelValue,
       set: (r) => {
         o.emit("input", r), o.emit("update:modelValue", r);
       }
-    }), Qe = w(() => e.toolbar.flat().indexOf("heading")), Xe = w(() => (r) => je[r]), Ye = w(() => (r) => Ke[r]), Ze = w(() => P.value && B.value.heading ? `format_h${P.value}` : "format_paragraph"), ve = w(() => e.toolbar.flat().length), ie = w(() => {
-      const r = se.value, c = e.toolbar.flat();
-      let u = new Set(c.slice(c.length - r, c.length));
-      return e.toolbar.forEach((h) => {
-        h.some((p) => u.has(p)) && h.forEach((p) => u.add(p));
-      }), u;
-    }), xe = () => {
-      var r, c, u;
-      ce(), y.value = !0, (r = t.value) == null || r.commands.focus(), P.value = ((u = (c = t.value) == null ? void 0 : c.getAttributes("heading")) == null ? void 0 : u.level) || 0;
-    }, _e = (r) => ge.value ? !0 : gt(r) ? !r.some((u) => ie.value.has(u)) : !ie.value.has(r), et = (r) => {
-      var h, p, C, M;
-      const u = r.target.value;
-      (p = t.value) == null || p.commands.setContent(me((h = t.value) == null ? void 0 : h.schema, u)), I.value = de((C = t.value) == null ? void 0 : C.schema, (M = t.value) == null ? void 0 : M.getJSON()), E.value = I.value;
-    }, tt = (r, c) => {
-      var u, h, p, C, M, J, j, K, Q, X, Y, Z, z, _, be, ke, ye;
+    }), Xe = w(() => e.toolbar.flat().indexOf("heading")), Ye = w(() => (r) => Ke[r]), Ze = w(() => (r) => Qe[r]), xe = w(() => P.value && B.value.heading ? `format_h${P.value}` : "format_paragraph"), Ce = w(() => e.toolbar.flat().length), de = w(() => {
+      const r = ce.value, u = e.toolbar.flat();
+      let c = new Set(u.slice(u.length - r, u.length));
+      return e.toolbar.forEach((p) => {
+        p.some((g) => c.has(g)) && p.forEach((g) => c.add(g));
+      }), c;
+    }), _e = () => {
+      var r, u, c;
+      me(), y.value = !0, (r = t.value) == null || r.commands.focus(), P.value = ((c = (u = t.value) == null ? void 0 : u.getAttributes("heading")) == null ? void 0 : c.level) || 0;
+    }, et = (r) => ke.value ? !0 : gt(r) ? !r.some((c) => de.value.has(c)) : !de.value.has(r), tt = (r) => {
+      var p, g, C, M;
+      const c = r.target.value;
+      (g = t.value) == null || g.commands.setContent(he((p = t.value) == null ? void 0 : p.schema, c)), E.value = ge((C = t.value) == null ? void 0 : C.schema, (M = t.value) == null ? void 0 : M.getJSON()), F.value = E.value;
+    }, ot = (r, u) => {
+      var c, p, g, C, M, J, j, K, Q, X, Y, Z, x, _, ee, te, oe;
       switch (r) {
         case "source":
-          N.value = !N.value, pe.value = de((u = t.value) == null ? void 0 : u.schema, (h = t.value) == null ? void 0 : h.getJSON()), (C = L.value) == null || C.style.setProperty("height", `${((p = i.value) == null ? void 0 : p.offsetHeight) || 88}px`), Ut(() => {
-            var x;
-            return (x = L.value) == null ? void 0 : x.focus();
+          i.value = !i.value, be.value = ge((c = t.value) == null ? void 0 : c.schema, (p = t.value) == null ? void 0 : p.getJSON()), (C = L.value) == null || C.style.setProperty("height", `${((g = s.value) == null ? void 0 : g.offsetHeight) || 88}px`), Ut(() => {
+            var R;
+            return (R = L.value) == null ? void 0 : R.focus();
           });
           break;
         case "bulletList":
@@ -706,10 +706,10 @@ const Ho = Ft({
           break;
         case "link":
           if (t.value) {
-            const x = ((j = t.value) == null ? void 0 : j.state.selection.$anchor.pos) || 0, { from: it, to: ct, empty: ut } = t.value.state.selection, ue = (K = t.value.view.state.doc.nodeAt(x)) == null ? void 0 : K.marks.filter((mt) => mt.type.name === "link"), dt = ue != null && ue.length && ((Q = t.value.view.state.doc.nodeAt(x)) == null ? void 0 : Q.text) || "";
-            d.value = ut ? dt : t.value.state.doc.textBetween(it, ct, " "), b.value = t.value.getAttributes("link").href || "";
+            const R = ((j = t.value) == null ? void 0 : j.state.selection.$anchor.pos) || 0, { from: fe, to: ut, empty: ct } = t.value.state.selection, pe = (K = t.value.view.state.doc.nodeAt(R)) == null ? void 0 : K.marks.filter((mt) => mt.type.name === "link"), dt = pe != null && pe.length && ((Q = t.value.view.state.doc.nodeAt(R)) == null ? void 0 : Q.text) || "";
+            d.value = ct ? dt : t.value.state.doc.textBetween(fe, ut, " "), v.value = t.value.getAttributes("link").href || "";
           }
-          s.value = !s.value;
+          H.value = !H.value;
           break;
         case "blockquote":
           (X = t.value) == null || X.chain().toggleBlockquote().run();
@@ -718,73 +718,82 @@ const Ho = Ft({
           B.value.codeBlock ? (Z = t.value) == null || Z.commands.setNode("paragraph") : (Y = t.value) == null || Y.commands.setNode(r, { language: "javascript" });
           break;
         case "heading":
-          c ? (P.value = c, (_ = t.value) == null || _.commands.toggleHeading({ level: c })) : ((z = t.value) == null || z.commands.setParagraph(), P.value = 0);
+          u ? (P.value = u, (_ = t.value) == null || _.commands.toggleHeading({ level: u })) : ((x = t.value) == null || x.commands.setParagraph(), P.value = 0);
           break;
         case "undo":
         case "redo":
-          r === "undo" ? (be = t.value) == null || be.commands.undo() : (ke = t.value) == null || ke.commands.redo();
+          r === "undo" ? (ee = t.value) == null || ee.commands.undo() : (te = t.value) == null || te.commands.redo();
           break;
         case "file":
           o.emit("file-upload");
           break;
         default:
-          (ye = t.value) == null || ye.chain().toggleMark(r).run();
+          (oe = t.value) == null || oe.chain().toggleMark(r).run();
           break;
       }
-    }, ot = async () => {
-      var p, C, M, J, j, K, Q, X, Y, Z;
-      b.value === "" && ((p = t.value) == null || p.chain().focus().extendMarkRange("link").unsetLink().run());
-      const r = (C = t.value) == null ? void 0 : C.state.selection.empty, c = ((M = t.value) == null ? void 0 : M.state.selection.$anchor.pos) || 0, u = (j = (J = t.value) == null ? void 0 : J.view.state.doc.nodeAt(c)) == null ? void 0 : j.marks.filter((z) => z.type.name === "link"), h = u != null && u.length ? (Q = (K = t.value) == null ? void 0 : K.view.state.doc.nodeAt(c)) == null ? void 0 : Q.text : "";
-      b.value && r && !h && ((X = t.value) == null || X.chain().focus().setMark("link", {
-        href: b.value,
+    }, rt = async () => {
+      var g, C, M, J, j, K, Q, X, Y, Z, x, _, ee, te, oe;
+      v.value === "" && ((g = t.value) == null || g.chain().focus().extendMarkRange("link").unsetLink().run());
+      const r = (C = t.value) == null ? void 0 : C.state.selection.empty, u = ((M = t.value) == null ? void 0 : M.state.selection.$anchor.pos) || 0, c = (j = (J = t.value) == null ? void 0 : J.view.state.doc.nodeAt(u)) == null ? void 0 : j.marks.filter((R) => R.type.name === "link"), p = c != null && c.length ? (Q = (K = t.value) == null ? void 0 : K.view.state.doc.nodeAt(u)) == null ? void 0 : Q.text : "";
+      v.value && r && !p && ((X = t.value) == null || X.chain().focus().setMark("link", {
+        href: v.value,
+        target: "__blank"
+      }).command(({ tr: R }) => {
+        const fe = d.value[d.value.length - 1] === " " ? d.value : `${d.value} `;
+        return R.insertText(fe), !0;
+      }).run()), v.value && p === d.value && r && ((Y = t.value) == null || Y.chain().extendMarkRange("link").updateAttributes("link", {
+        href: v.value
+      }).run()), v.value && d.value !== p && !r && ((te = t.value) == null || te.chain().focus().insertContentAt({
+        from: (Z = t.value) == null ? void 0 : Z.state.selection.from,
+        to: (x = t.value) == null ? void 0 : x.state.selection.to
+      }, d.value).setTextSelection({
+        from: (_ = t.value) == null ? void 0 : _.state.selection.from,
+        to: ((ee = t.value) == null ? void 0 : ee.state.selection.from) + d.value.length
+      }).setMark("link", {
+        href: v.value,
         target: "__blank"
-      }).command(({ tr: z }) => {
-        const _ = d.value[d.value.length - 1] === " " ? d.value : `${d.value} `;
-        return z.insertText(_), !0;
-      }).run()), b.value && h === d.value && r && ((Y = t.value) == null || Y.chain().extendMarkRange("link").updateAttributes("link", {
-        href: b.value
-      }).run()), b.value && !r && ((Z = t.value) == null || Z.chain().focus().setMark("link", {
-        href: b.value,
+      }).run()), v.value && !r && ((oe = t.value) == null || oe.chain().focus().setMark("link", {
+        href: v.value,
         target: "__blank"
-      }).run()), d.value = "", b.value = "", s.value = !1;
-    }, rt = () => {
-      s.value = !1;
-    }, ce = () => {
-      e.toolbar.flat().forEach((c) => {
-        var u;
-        c === "source" ? B.value[c] = N.value : B.value[c] = ((u = t.value) == null ? void 0 : u.isActive(c)) || !1;
+      }).run()), d.value = "", v.value = "", H.value = !1;
+    }, at = () => {
+      H.value = !1;
+    }, me = () => {
+      e.toolbar.flat().forEach((u) => {
+        var c;
+        u === "source" ? B.value[u] = i.value : B.value[u] = ((c = t.value) == null ? void 0 : c.isActive(u)) || !1;
       });
     };
     Dt([
       t,
-      E,
+      F,
       () => e.disabled
     ], ([
       r,
-      c,
-      u
+      u,
+      c
     ]) => {
-      c !== (r == null ? void 0 : r.getHTML()) && e.format !== "markdown" && (r == null || r.commands.setContent(c)), c !== I.value && e.format === "markdown" && (r == null || r.commands.setContent(me(r == null ? void 0 : r.schema, c))), r == null || r.setEditable(!u);
+      u !== (r == null ? void 0 : r.getHTML()) && e.format !== "markdown" && (r == null || r.commands.setContent(u)), u !== E.value && e.format === "markdown" && (r == null || r.commands.setContent(he(r == null ? void 0 : r.schema, u))), r == null || r.setEditable(!c);
     });
     const nt = w(() => [
       "or-rich-text-editor-v3",
       ...fo
-    ]), at = w(() => [
-      ...po
     ]), lt = w(() => [
-      ...go
+      ...po
     ]), st = w(() => [
+      ...go
+    ]), it = w(() => [
       "tiptap-editor-v3",
       ...ho
     ]);
     return {
-      root: g,
+      root: h,
       rootStyles: nt,
       toolbarRef: l,
-      toolbarStyles: at,
-      toolbarGroupStyles: lt,
-      controlRef: i,
-      controlStyles: st,
+      toolbarStyles: lt,
+      toolbarGroupStyles: st,
+      controlRef: s,
+      controlStyles: it,
       editor: t,
       containerRef: k,
       toolbarButtonRef: W,
@@ -792,84 +801,84 @@ const Ho = Ft({
       textareaRef: L,
       morePopoverRef: U,
       menuRef: G,
-      handleToolbarClick: tt,
-      handleEditorClick: xe,
+      handleToolbarClick: ot,
+      handleEditorClick: _e,
       isActive: B,
-      getRichTextEditorIcon: Xe,
-      getRichTextEditorTooltipIcon: Ye,
-      getIndexOfHeading: Qe,
+      getRichTextEditorIcon: Ye,
+      getRichTextEditorTooltipIcon: Ze,
+      getIndexOfHeading: Xe,
       headingLevels: A,
-      headingIcon: Ze,
-      attachLink: ot,
-      discardLink: rt,
-      isOpenLinkModal: s,
+      headingIcon: xe,
+      attachLink: rt,
+      discardLink: at,
+      isOpenLinkModal: H,
       text: d,
-      link: b,
+      link: v,
       isFocused: y,
-      isVisible: _e,
-      isMobile: ge,
-      countOfNotVisibleTools: se,
-      notVisibleTools: ie,
-      handleInput: et,
-      model: E,
-      disableMarkdown: N,
-      sourceValue: pe,
+      isVisible: et,
+      isMobile: ke,
+      countOfNotVisibleTools: ce,
+      notVisibleTools: de,
+      handleInput: tt,
+      model: F,
+      disableMarkdown: i,
+      sourceValue: be,
       activeHeadingLevel: P
     };
   }
 }), Ro = ["disabled"], No = ["disabled"], Vo = {
-  class: /* @__PURE__ */ R(["p-sm", "overflow-auto", "min-h-[88px]", "h-full"])
+  class: /* @__PURE__ */ V(["p-sm", "overflow-auto", "min-h-[88px]", "h-full"])
 }, $o = ["activated"], Io = { class: "flex p-sm gap-md" }, Eo = {
-  class: /* @__PURE__ */ R(["layout-column", "gap-md"])
+  class: /* @__PURE__ */ V(["layout-column", "gap-md"])
 }, Fo = {
-  class: /* @__PURE__ */ R(["layout-row-reverse", "gap-md"])
+  class: /* @__PURE__ */ V(["layout-row-reverse", "gap-md"])
 };
-function qo(e, o, t, i, l, g) {
-  const L = O("OrLabel"), k = O("OrIconButton"), D = O("OrInputBox"), U = O("OrHint"), W = O("OrError"), G = O("OrPopover"), B = O("OrMenuItem"), y = O("OrMenu"), A = O("OrInput"), P = O("OrButton"), I = O("OrModal");
-  return f(), F("div", {
+function qo(e, o, t, s, l, h) {
+  const L = O("OrLabel"), k = O("OrIconButton"), D = O("OrInputBox"), U = O("OrHint"), W = O("OrError"), G = O("OrPopover"), B = O("OrMenuItem"), y = O("OrMenu"), A = O("OrInput"), P = O("OrButton"), E = O("OrModal");
+  return f(), q("div", {
     ref: "root",
-    class: R(e.rootStyles)
+    class: V(e.rootStyles)
   }, [
-    e.$slots.label || e.$slots.addon || e.label ? (f(), H(L, {
+    e.$slots.label || e.$slots.addon || e.label ? (f(), N(L, {
       key: 0,
       variant: "input",
       required: e.required,
       disabled: e.disabled
     }, {
-      addon: v(() => [
-        ee(e.$slots, "addon", {}, void 0, !0)
+      addon: b(() => [
+        re(e.$slots, "addon", {}, void 0, !0)
       ]),
-      default: v(() => [
-        ee(e.$slots, "label", {}, () => [
-          V(te(e.label), 1)
+      default: b(() => [
+        re(e.$slots, "label", {}, () => [
+          $(ae(e.label), 1)
         ], !0)
       ]),
       _: 3
     }, 8, ["required", "disabled"])) : T("", !0),
-    $(D, {
+    I(D, {
       ref: "containerRef",
       class: "grow",
       direction: "column",
       invalid: !!e.error,
       disabled: e.disabled,
-      onClick: o[4] || (o[4] = (s) => e.handleEditorClick())
+      onClick: o[4] || (o[4] = (i) => e.handleEditorClick())
     }, {
-      default: v(() => [
-        q("div", {
+      default: b(() => [
+        z("div", {
           ref: "toolbarRef",
-          class: R(e.toolbarStyles),
+          class: V(e.toolbarStyles),
           disabled: e.disabled || !e.isFocused
         }, [
-          (f(!0), F(oe, null, re(e.toolbar, (s, N) => (f(), F("div", {
-            key: N,
-            class: R([...e.toolbarGroupStyles, { hidden: !e.isVisible(s) }]),
+          (f(!0), q(ne, null, le(e.toolbar, (i, H) => (f(), q("div", {
+            key: H,
+            class: V([...e.toolbarGroupStyles, { hidden: !e.isVisible(i) }]),
             disabled: e.disabled || !e.isFocused
           }, [
-            (f(!0), F(oe, null, re(s, (d) => (f(), F("div", {
+            (f(!0), q(ne, null, le(i, (d) => (f(), q("div", {
               key: d,
-              class: R(["flex gap-md", { hidden: !e.isVisible(d) }])
+              class: V(["flex gap-md", { hidden: !e.isVisible(d) }])
             }, [
-              d === "heading" ? (f(), H(k, {
+              d === "heading" ? (f(), N(k, {
                 key: 0,
                 ref_for: !0,
                 ref: "toolbarButtonRef",
@@ -877,158 +886,158 @@ function qo(e, o, t, i, l, g) {
                 tooltip: { content: d, placement: "top" },
                 selected: e.isActive[d],
                 disabled: e.disabled || !e.isFocused,
-                onClick: o[0] || (o[0] = (b) => e.menuRef && e.menuRef.toggle())
-              }, null, 8, ["icon", "tooltip", "selected", "disabled"])) : e.isVisible(d) ? (f(), H(k, {
+                onClick: o[0] || (o[0] = (v) => e.menuRef && e.menuRef.toggle())
+              }, null, 8, ["icon", "tooltip", "selected", "disabled"])) : e.isVisible(d) ? (f(), N(k, {
                 key: 1,
                 icon: { icon: e.getRichTextEditorIcon(d), variant: "inherit" },
                 tooltip: { content: e.getRichTextEditorTooltipIcon(d), placement: "top" },
                 selected: e.isActive[d],
                 disabled: e.disabled || !e.isFocused,
-                onClick: (b) => e.handleToolbarClick(d)
+                onClick: (v) => e.handleToolbarClick(d)
               }, null, 8, ["icon", "tooltip", "selected", "disabled", "onClick"])) : T("", !0)
             ], 2))), 128))
           ], 10, No))), 128)),
-          e.countOfNotVisibleTools > 0 && !e.isMobile ? (f(), H(k, {
+          e.countOfNotVisibleTools > 0 && !e.isMobile ? (f(), N(k, {
             key: 0,
             ref: "moreButtonRef",
-            class: R(["mx-sm"]),
+            class: V(["mx-sm"]),
             icon: { icon: "more_horiz", variant: "inherit" },
             disabled: e.disabled || !e.isFocused,
             "force-state": e.morePopoverRef && e.morePopoverRef.state === "open" ? "hover" : void 0,
-            onClick: o[1] || (o[1] = (s) => e.morePopoverRef && e.morePopoverRef.open())
+            onClick: o[1] || (o[1] = (i) => e.morePopoverRef && e.morePopoverRef.open())
           }, null, 8, ["disabled", "force-state"])) : T("", !0)
         ], 10, Ro),
-        q("div", Vo, [
-          ne(q("textarea", {
+        z("div", Vo, [
+          se(z("textarea", {
             ref: "textareaRef",
-            "onUpdate:modelValue": o[2] || (o[2] = (s) => e.sourceValue = s),
+            "onUpdate:modelValue": o[2] || (o[2] = (i) => e.sourceValue = i),
             activated: e.disableMarkdown,
             class: "block w-full h-full resize-none border-none outline-none bg-transparent typography-body-2-regular",
-            onInput: o[3] || (o[3] = (...s) => e.handleInput && e.handleInput(...s))
+            onInput: o[3] || (o[3] = (...i) => e.handleInput && e.handleInput(...i))
           }, null, 40, $o), [
-            [ae, e.disableMarkdown],
+            [ie, e.disableMarkdown],
             [Wt, e.sourceValue]
           ]),
-          ne(q("div", {
+          se(z("div", {
             ref: "controlRef",
-            class: R(e.controlStyles)
+            class: V(e.controlStyles)
           }, null, 2), [
-            [ae, !e.disableMarkdown]
+            [ie, !e.disableMarkdown]
           ]),
-          ee(e.$slots, "files", {}, void 0, !0)
+          re(e.$slots, "files", {}, void 0, !0)
         ])
       ]),
       _: 3
     }, 8, ["invalid", "disabled"]),
-    e.$slots.hint || e.hint ? ne((f(), H(U, {
+    e.$slots.hint || e.hint ? se((f(), N(U, {
       key: 1,
       disabled: e.disabled
     }, {
-      default: v(() => [
-        ee(e.$slots, "hint", {}, () => [
-          V(te(e.hint), 1)
+      default: b(() => [
+        re(e.$slots, "hint", {}, () => [
+          $(ae(e.hint), 1)
         ], !0)
       ]),
       _: 3
     }, 8, ["disabled"])), [
-      [ae, !e.error]
+      [ie, !e.error]
     ]) : T("", !0),
-    ne($(W, { disabled: e.disabled }, {
-      default: v(() => [
-        V(te(e.error), 1)
+    se(I(W, { disabled: e.disabled }, {
+      default: b(() => [
+        $(ae(e.error), 1)
       ]),
       _: 1
     }, 8, ["disabled"]), [
-      [ae, typeof e.error == "string" && e.error.length > 0]
+      [ie, typeof e.error == "string" && e.error.length > 0]
     ]),
-    e.moreButtonRef ? (f(), H(G, {
+    e.moreButtonRef ? (f(), N(G, {
       key: 2,
       ref: "morePopoverRef",
       trigger: e.moreButtonRef && e.moreButtonRef.root,
       placement: "top-end"
     }, {
-      default: v(() => [
-        q("div", Io, [
-          (f(!0), F(oe, null, re(e.notVisibleTools, (s) => (f(), H(k, {
-            key: s,
-            icon: { icon: e.getRichTextEditorIcon(s), variant: "inherit" },
-            tooltip: { content: e.getRichTextEditorTooltipIcon(s), placement: "top" },
-            selected: e.isActive[s],
-            onClick: (N) => e.handleToolbarClick(s)
+      default: b(() => [
+        z("div", Io, [
+          (f(!0), q(ne, null, le(e.notVisibleTools, (i) => (f(), N(k, {
+            key: i,
+            icon: { icon: e.getRichTextEditorIcon(i), variant: "inherit" },
+            tooltip: { content: e.getRichTextEditorTooltipIcon(i), placement: "top" },
+            selected: e.isActive[i],
+            onClick: (H) => e.handleToolbarClick(i)
           }, null, 8, ["icon", "tooltip", "selected", "onClick"]))), 128))
         ])
       ]),
       _: 1
     }, 8, ["trigger"])) : T("", !0),
-    e.toolbarButtonRef ? (f(), H(y, {
+    e.toolbarButtonRef ? (f(), N(y, {
       key: 3,
       ref: "menuRef",
       trigger: e.toolbarButtonRef[e.getIndexOfHeading] && e.toolbarButtonRef[e.getIndexOfHeading].root,
       placement: "bottom-start"
     }, {
-      default: v(() => [
-        (f(!0), F(oe, null, re(e.headingLevels, (s) => (f(), H(B, {
-          key: s,
-          selected: e.activeHeadingLevel === s,
-          onClick: (N) => e.handleToolbarClick("heading", s)
+      default: b(() => [
+        (f(!0), q(ne, null, le(e.headingLevels, (i) => (f(), N(B, {
+          key: i,
+          selected: e.activeHeadingLevel === i,
+          onClick: (H) => e.handleToolbarClick("heading", i)
         }, {
-          default: v(() => [
-            V(" Heading " + te(s), 1)
+          default: b(() => [
+            $(" Heading " + ae(i), 1)
           ]),
           _: 2
         }, 1032, ["selected", "onClick"]))), 128)),
-        $(B, {
+        I(B, {
           selected: !e.activeHeadingLevel,
-          onClick: o[5] || (o[5] = (s) => e.handleToolbarClick("heading"))
+          onClick: o[5] || (o[5] = (i) => e.handleToolbarClick("heading"))
         }, {
-          default: v(() => [
-            V(" None ")
+          default: b(() => [
+            $(" None ")
           ]),
           _: 1
         }, 8, ["selected"])
       ]),
       _: 1
     }, 8, ["trigger"])) : T("", !0),
-    $(I, {
+    I(E, {
       "is-open": e.isOpenLinkModal,
       size: "s"
     }, {
-      header: v(() => [
-        V(" Add Link ")
+      header: b(() => [
+        $(" Add Link ")
       ]),
-      footer: v(() => [
-        q("div", Fo, [
-          $(P, {
+      footer: b(() => [
+        z("div", Fo, [
+          I(P, {
             variant: "contained",
-            onClick: o[8] || (o[8] = (s) => e.attachLink())
+            onClick: o[8] || (o[8] = (i) => e.attachLink())
           }, {
-            default: v(() => [
-              V(" Save ")
+            default: b(() => [
+              $(" Save ")
             ]),
             _: 1
           }),
-          $(P, {
+          I(P, {
             variant: "outlined",
-            onClick: o[9] || (o[9] = (s) => e.discardLink())
+            onClick: o[9] || (o[9] = (i) => e.discardLink())
           }, {
-            default: v(() => [
-              V(" Cancel ")
+            default: b(() => [
+              $(" Cancel ")
             ]),
             _: 1
           })
         ])
       ]),
-      default: v(() => [
-        q("div", Eo, [
-          $(A, {
+      default: b(() => [
+        z("div", Eo, [
+          I(A, {
             modelValue: e.text,
-            "onUpdate:modelValue": o[6] || (o[6] = (s) => e.text = s),
+            "onUpdate:modelValue": o[6] || (o[6] = (i) => e.text = i),
             label: "Text",
             placeholder: "Enter text"
           }, null, 8, ["modelValue"]),
-          $(A, {
+          I(A, {
             modelValue: e.link,
-            "onUpdate:modelValue": o[7] || (o[7] = (s) => e.link = s),
+            "onUpdate:modelValue": o[7] || (o[7] = (i) => e.link = i),
             label: "Link",
             placeholder: "Enter link"
           }, null, 8, ["modelValue"])
@@ -1038,11 +1047,11 @@ function qo(e, o, t, i, l, g) {
     }, 8, ["is-open"])
   ], 2);
 }
-const Rr = /* @__PURE__ */ mo(Ho, [["render", qo], ["__scopeId", "data-v-f034427c"]]);
+const Rr = /* @__PURE__ */ mo(Ho, [["render", qo], ["__scopeId", "data-v-1222a307"]]);
 export {
-  Je as F,
+  je as F,
   Rr as O,
-  je as R,
-  Ke as a
+  Ke as R,
+  Qe as a
 };
-//# sourceMappingURL=OrRichTextEditor-B_uVsae1.mjs.map
+//# sourceMappingURL=OrRichTextEditor-DKhL46g9.mjs.map