@dialpad/dialtone-vue 3.210.0 → 3.211.0-next.2

package/dist/lib/rich-text-editor/rich-text-editor.js

@@ -1,119 +1,120 @@
-import { nodeViewProps as ft, NodeViewWrapper as pt, VueRenderer as je, VueNodeViewRenderer as mt, EditorContent as ze, Editor as Fe } from "../../node_modules/@tiptap/vue-3.js";
-import { isTextSelection as Ke, posToDOMRect as re, getText as We, getTextSerializersFromSchema as qe, Node as ae, nodePasteRule as Et, InputRule as Xe, mergeAttributes as st, getMarksBetween as Ye, combineTransactionSteps as Ge, getChangedRanges as Je, findChildrenInRange as Ze, Mark as Qe, nodeInputRule as tn, Extension as en } from "@tiptap/core";
-import { Plugin as It, PluginKey as rt, NodeSelection as nn } from "@tiptap/pm/state";
-import { CellSelection as on } from "@tiptap/pm/tables";
-import { defineComponent as le, ref as ce, onMounted as de, nextTick as sn, onBeforeUnmount as ue, h as he, resolveComponent as T, openBlock as _, createBlock as I, withCtx as C, createVNode as M, createElementBlock as et, withDirectives as rn, createElementVNode as nt, Fragment as an, renderList as ln, withModifiers as At, normalizeClass as fe, resolveDynamicComponent as cn, vShow as dn, markRaw as un, createTextVNode as at, toDisplayString as $, createCommentVNode as it, withKeys as hn, mergeProps as pe } from "vue";
-import fn from "@tiptap/extension-blockquote";
-import pn from "@tiptap/extension-code-block";
-import mn from "@tiptap/extension-code";
-import gn from "@tiptap/extension-document";
-import { UndoRedo as yn, Placeholder as wn, Gapcursor as bn } from "@tiptap/extensions";
-import vn from "@tiptap/extension-hard-break";
+import { nodeViewProps as ft, NodeViewWrapper as pt, VueRenderer as je, VueNodeViewRenderer as mt, EditorContent as Fe, Editor as Ke } from "../../node_modules/@tiptap/vue-3.js";
+import { isTextSelection as We, posToDOMRect as re, getText as qe, getTextSerializersFromSchema as Xe, Node as ae, nodePasteRule as Et, InputRule as Ye, mergeAttributes as it, getMarksBetween as Ge, combineTransactionSteps as Je, getChangedRanges as Ze, findChildrenInRange as Qe, Mark as tn, nodeInputRule as en, Extension as nn } from "@tiptap/core";
+import { Plugin as It, PluginKey as st, NodeSelection as on } from "@tiptap/pm/state";
+import { CellSelection as sn } from "@tiptap/pm/tables";
+import { defineComponent as le, ref as ce, onMounted as de, nextTick as rn, onBeforeUnmount as ue, h as he, resolveComponent as x, openBlock as k, createBlock as E, withCtx as T, createVNode as A, createElementBlock as ut, withDirectives as an, createElementVNode as ct, Fragment as ln, renderList as cn, withModifiers as At, normalizeClass as fe, resolveDynamicComponent as dn, vShow as un, markRaw as hn, createTextVNode as Y, toDisplayString as $, createCommentVNode as ot, withKeys as fn, mergeProps as pe } from "vue";
+import pn from "@tiptap/extension-blockquote";
+import mn from "@tiptap/extension-code-block";
+import gn from "@tiptap/extension-code";
+import yn from "@tiptap/extension-document";
+import { UndoRedo as wn, Placeholder as bn, Gapcursor as vn } from "@tiptap/extensions";
+import xn from "@tiptap/extension-hard-break";
 import me from "@tiptap/extension-paragraph";
-import xn from "@tiptap/extension-bold";
-import { BulletList as Tn, ListItem as _n, OrderedList as kn } from "@tiptap/extension-list";
-import Cn from "@tiptap/extension-italic";
-import On from "@tiptap/extension-link";
-import En from "@tiptap/extension-strike";
-import Sn from "@tiptap/extension-underline";
-import Ln from "@tiptap/extension-text";
-import In from "@tiptap/extension-text-align";
-import { Table as An, TableRow as Dn, TableHeader as Rn, TableCell as Mn } from "@tiptap/extension-table";
-import { TextStyleKit as Hn } from "@tiptap/extension-text-style";
-import $n from "@tiptap/suggestion";
+import Tn from "@tiptap/extension-bold";
+import { BulletList as _n, ListItem as kn, OrderedList as Cn } from "@tiptap/extension-list";
+import On from "@tiptap/extension-italic";
+import En from "@tiptap/extension-link";
+import Sn from "@tiptap/extension-strike";
+import Ln from "@tiptap/extension-underline";
+import In from "@tiptap/extension-text";
+import An from "@tiptap/extension-text-align";
+import { Table as Dn, TableRow as Rn, TableHeader as Mn, TableCell as Hn } from "@tiptap/extension-table";
+import { TextStyleKit as $n } from "@tiptap/extension-text-style";
+import Bn from "@tiptap/suggestion";
 import { emojiPattern as ge } from "regex-combined-emojis";
 import { _ as q } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import ye from "../emoji/emoji.js";
-import { getEmojiData as Bn, emojiRegex as Nn, stringToUnicode as Pn, codeToEmojiData as Dt, emojiShortCodeRegex as Un } from "../../common/emoji/index.js";
-import Vn from "../list-item/list-item.js";
+import { getEmojiData as Nn, emojiRegex as Pn, stringToUnicode as Un, codeToEmojiData as Dt, emojiShortCodeRegex as Vn } from "../../common/emoji/index.js";
+import zn from "../list-item/list-item.js";
 import gt from "../stack/stack.js";
-import { linkRegex as jn, getPhoneNumberRegex as zn, warnIfUnmounted as Fn, returnFirstEl as zt } from "../../common/utils/index.js";
-import Kn from "@tiptap/extension-image";
+import { linkRegex as jn, getPhoneNumberRegex as Fn, warnIfUnmounted as Kn, returnFirstEl as jt } from "../../common/utils/index.js";
+import Wn from "@tiptap/extension-image";
 import Rt from "@tiptap/extension-mention";
 import we from "../link/link.js";
-import { DtIconLock as Wn } from "@dialpad/dialtone-icons/vue3";
+import { DtIconLock as qn } from "@dialpad/dialtone-icons/vue3";
 import { DialtoneLocalization as be } from "../../localization/index.js";
-import qn from "../input/input.js";
-import Xn from "../popover/popover.js";
+import Xn from "../input/input.js";
+import Yn from "../popover/popover.js";
 import ve from "../button/button.js";
-import Yn from "../badge/badge.js";
-import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as Ft, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Gn, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Jn } from "./rich-text-editor-constants.js";
-import Zn from "../avatar/avatar.js";
-import Qn from "@dialpad/dialtone-icons/vue3/hash";
-import to from "@dialpad/dialtone-icons/vue3/lock";
-import eo from "deep-equal";
-const xe = ["top", "right", "bottom", "left"], Kt = ["start", "end"], Wt = /* @__PURE__ */ xe.reduce((t, e) => t.concat(e, e + "-" + Kt[0], e + "-" + Kt[1]), []), G = Math.min, R = Math.max, wt = Math.round, Y = (t) => ({
+import Gn from "../badge/badge.js";
+import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as Ft, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Jn, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Zn } from "./rich-text-editor-constants.js";
+import xe from "../text/text.js";
+import Qn from "../avatar/avatar.js";
+import to from "@dialpad/dialtone-icons/vue3/hash";
+import eo from "@dialpad/dialtone-icons/vue3/lock";
+import no from "deep-equal";
+const Te = ["top", "right", "bottom", "left"], Kt = ["start", "end"], Wt = /* @__PURE__ */ Te.reduce((t, e) => t.concat(e, e + "-" + Kt[0], e + "-" + Kt[1]), []), J = Math.min, M = Math.max, wt = Math.round, G = (t) => ({
   x: t,
   y: t
-}), no = {
+}), oo = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, oo = {
+}, io = {
   start: "end",
   end: "start"
 };
 function St(t, e, o) {
-  return R(t, G(e, o));
+  return M(t, J(e, o));
 }
-function Z(t, e) {
+function Q(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
-function j(t) {
+function z(t) {
   return t.split("-")[0];
 }
 function F(t) {
   return t.split("-")[1];
 }
-function Te(t) {
+function _e(t) {
   return t === "x" ? "y" : "x";
 }
 function Mt(t) {
   return t === "y" ? "height" : "width";
 }
-const io = /* @__PURE__ */ new Set(["top", "bottom"]);
+const so = /* @__PURE__ */ new Set(["top", "bottom"]);
 function X(t) {
-  return io.has(j(t)) ? "y" : "x";
+  return so.has(z(t)) ? "y" : "x";
 }
 function Ht(t) {
-  return Te(X(t));
+  return _e(X(t));
 }
-function _e(t, e, o) {
+function ke(t, e, o) {
   o === void 0 && (o = !1);
   const n = F(t), i = Ht(t), s = Mt(i);
   let r = i === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
   return e.reference[s] > e.floating[s] && (r = vt(r)), [r, vt(r)];
 }
-function so(t) {
+function ro(t) {
   const e = vt(t);
   return [bt(t), e, bt(e)];
 }
 function bt(t) {
-  return t.replace(/start|end/g, (e) => oo[e]);
+  return t.replace(/start|end/g, (e) => io[e]);
 }
-const qt = ["left", "right"], Xt = ["right", "left"], ro = ["top", "bottom"], ao = ["bottom", "top"];
-function lo(t, e, o) {
+const qt = ["left", "right"], Xt = ["right", "left"], ao = ["top", "bottom"], lo = ["bottom", "top"];
+function co(t, e, o) {
   switch (t) {
     case "top":
     case "bottom":
       return o ? e ? Xt : qt : e ? qt : Xt;
     case "left":
     case "right":
-      return e ? ro : ao;
+      return e ? ao : lo;
     default:
       return [];
   }
 }
-function co(t, e, o, n) {
+function uo(t, e, o, n) {
   const i = F(t);
-  let s = lo(j(t), o === "start", n);
+  let s = co(z(t), o === "start", n);
   return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(bt)))), s;
 }
 function vt(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => no[e]);
+  return t.replace(/left|right|bottom|top/g, (e) => oo[e]);
 }
-function uo(t) {
+function ho(t) {
   return {
     top: 0,
     right: 0,
@@ -123,14 +124,14 @@ function uo(t) {
   };
 }
 function $t(t) {
-  return typeof t != "number" ? uo(t) : {
+  return typeof t != "number" ? ho(t) : {
     top: t,
     right: t,
     bottom: t,
     left: t
   };
 }
-function ct(t) {
+function at(t) {
   const {
     x: e,
     y: o,
@@ -153,7 +154,7 @@ function Yt(t, e, o) {
     reference: n,
     floating: i
   } = t;
-  const s = X(e), r = Ht(e), a = Mt(r), l = j(e), u = s === "y", d = n.x + n.width / 2 - i.width / 2, c = n.y + n.height / 2 - i.height / 2, h = n[a] / 2 - i[a] / 2;
+  const s = X(e), r = Ht(e), a = Mt(r), l = z(e), u = s === "y", d = n.x + n.width / 2 - i.width / 2, c = n.y + n.height / 2 - i.height / 2, h = n[a] / 2 - i[a] / 2;
   let f;
   switch (l) {
     case "top":
@@ -196,7 +197,7 @@ function Yt(t, e, o) {
   }
   return f;
 }
-async function ho(t, e) {
+async function fo(t, e) {
   var o;
   e === void 0 && (e = {});
   const {
@@ -212,7 +213,7 @@ async function ho(t, e) {
     elementContext: c = "floating",
     altBoundary: h = !1,
     padding: f = 0
-  } = Z(e, t), p = $t(f), g = a[h ? c === "floating" ? "reference" : "floating" : c], y = ct(await s.getClippingRect({
+  } = Q(e, t), p = $t(f), g = a[h ? c === "floating" ? "reference" : "floating" : c], y = at(await s.getClippingRect({
     element: (o = await (s.isElement == null ? void 0 : s.isElement(g))) == null || o ? g : g.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(a.floating)),
     boundary: u,
     rootBoundary: d,
@@ -222,26 +223,26 @@ async function ho(t, e) {
     y: i,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, v = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a.floating)), x = await (s.isElement == null ? void 0 : s.isElement(v)) ? await (s.getScale == null ? void 0 : s.getScale(v)) || {
+  } : r.reference, v = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a.floating)), _ = await (s.isElement == null ? void 0 : s.isElement(v)) ? await (s.getScale == null ? void 0 : s.getScale(v)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, O = ct(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, O = at(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: b,
     offsetParent: v,
     strategy: l
   }) : b);
   return {
-    top: (y.top - O.top + p.top) / x.y,
-    bottom: (O.bottom - y.bottom + p.bottom) / x.y,
-    left: (y.left - O.left + p.left) / x.x,
-    right: (O.right - y.right + p.right) / x.x
+    top: (y.top - O.top + p.top) / _.y,
+    bottom: (O.bottom - y.bottom + p.bottom) / _.y,
+    left: (y.left - O.left + p.left) / _.x,
+    right: (O.right - y.right + p.right) / _.x
   };
 }
-const fo = async (t, e, o) => {
+const po = async (t, e, o) => {
   const {
     placement: n = "bottom",
     strategy: i = "absolute",
@@ -263,9 +264,9 @@ const fo = async (t, e, o) => {
       fn: b
     } = a[g], {
       x: v,
-      y: x,
+      y: _,
       data: O,
-      reset: k
+      reset: C
     } = await b({
       x: d,
       y: c,
@@ -276,24 +277,24 @@ const fo = async (t, e, o) => {
       rects: u,
       platform: {
         ...r,
-        detectOverflow: (m = r.detectOverflow) != null ? m : ho
+        detectOverflow: (m = r.detectOverflow) != null ? m : fo
       },
       elements: {
         reference: t,
         floating: e
       }
     });
-    d = v ?? d, c = x ?? c, f = {
+    d = v ?? d, c = _ ?? c, f = {
       ...f,
       [y]: {
         ...f[y],
         ...O
       }
-    }, k && p <= 50 && (p++, typeof k == "object" && (k.placement && (h = k.placement), k.rects && (u = k.rects === !0 ? await r.getElementRects({
+    }, C && p <= 50 && (p++, typeof C == "object" && (C.placement && (h = C.placement), C.rects && (u = C.rects === !0 ? await r.getElementRects({
       reference: t,
       floating: e,
       strategy: i
-    }) : k.rects), {
+    }) : C.rects), {
       x: d,
       y: c
     } = Yt(u, h, l)), g = -1);
@@ -305,7 +306,7 @@ const fo = async (t, e, o) => {
     strategy: i,
     middlewareData: f
   };
-}, po = (t) => ({
+}, mo = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -320,21 +321,21 @@ const fo = async (t, e, o) => {
     } = e, {
       element: u,
       padding: d = 0
-    } = Z(t, e) || {};
+    } = Q(t, e) || {};
     if (u == null)
       return {};
     const c = $t(d), h = {
       x: o,
       y: n
-    }, f = Ht(i), p = Mt(f), m = await r.getDimensions(u), g = f === "y", y = g ? "top" : "left", b = g ? "bottom" : "right", v = g ? "clientHeight" : "clientWidth", x = s.reference[p] + s.reference[f] - h[f] - s.floating[p], O = h[f] - s.reference[f], k = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(u));
-    let L = k ? k[v] : 0;
-    (!L || !await (r.isElement == null ? void 0 : r.isElement(k))) && (L = a.floating[v] || s.floating[p]);
-    const U = x / 2 - O / 2, A = L / 2 - m[p] / 2 - 1, w = G(c[y], A), E = G(c[b], A), D = w, H = L - m[p] - E, S = L / 2 - m[p] / 2 + U, z = St(D, S, H), V = !l.arrow && F(i) != null && S !== z && s.reference[p] / 2 - (S < D ? w : E) - m[p] / 2 < 0, B = V ? S < D ? S - D : S - H : 0;
+    }, f = Ht(i), p = Mt(f), m = await r.getDimensions(u), g = f === "y", y = g ? "top" : "left", b = g ? "bottom" : "right", v = g ? "clientHeight" : "clientWidth", _ = s.reference[p] + s.reference[f] - h[f] - s.floating[p], O = h[f] - s.reference[f], C = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(u));
+    let I = C ? C[v] : 0;
+    (!I || !await (r.isElement == null ? void 0 : r.isElement(C))) && (I = a.floating[v] || s.floating[p]);
+    const U = _ / 2 - O / 2, D = I / 2 - m[p] / 2 - 1, w = J(c[y], D), S = J(c[b], D), R = w, H = I - m[p] - S, L = I / 2 - m[p] / 2 + U, j = St(R, L, H), V = !l.arrow && F(i) != null && L !== j && s.reference[p] / 2 - (L < R ? w : S) - m[p] / 2 < 0, B = V ? L < R ? L - R : L - H : 0;
     return {
       [f]: h[f] + B,
       data: {
-        [f]: z,
-        centerOffset: S - z - B,
+        [f]: j,
+        centerOffset: L - j - B,
         ...V && {
           alignmentOffset: B
         }
@@ -343,10 +344,10 @@ const fo = async (t, e, o) => {
     };
   }
 });
-function mo(t, e, o) {
-  return (t ? [...o.filter((i) => F(i) === t), ...o.filter((i) => F(i) !== t)] : o.filter((i) => j(i) === i)).filter((i) => t ? F(i) === t || (e ? bt(i) !== i : !1) : !0);
+function go(t, e, o) {
+  return (t ? [...o.filter((i) => F(i) === t), ...o.filter((i) => F(i) !== t)] : o.filter((i) => z(i) === i)).filter((i) => t ? F(i) === t || (e ? bt(i) !== i : !1) : !0);
 }
-const go = function(t) {
+const yo = function(t) {
   return t === void 0 && (t = {}), {
     name: "autoPlacement",
     options: t,
@@ -364,57 +365,57 @@ const go = function(t) {
         allowedPlacements: h = Wt,
         autoAlignment: f = !0,
         ...p
-      } = Z(t, e), m = c !== void 0 || h === Wt ? mo(c || null, f, h) : h, g = await l.detectOverflow(e, p), y = ((o = r.autoPlacement) == null ? void 0 : o.index) || 0, b = m[y];
+      } = Q(t, e), m = c !== void 0 || h === Wt ? go(c || null, f, h) : h, g = await l.detectOverflow(e, p), y = ((o = r.autoPlacement) == null ? void 0 : o.index) || 0, b = m[y];
       if (b == null)
         return {};
-      const v = _e(b, s, await (l.isRTL == null ? void 0 : l.isRTL(u.floating)));
+      const v = ke(b, s, await (l.isRTL == null ? void 0 : l.isRTL(u.floating)));
       if (a !== b)
         return {
           reset: {
             placement: m[0]
           }
         };
-      const x = [g[j(b)], g[v[0]], g[v[1]]], O = [...((n = r.autoPlacement) == null ? void 0 : n.overflows) || [], {
+      const _ = [g[z(b)], g[v[0]], g[v[1]]], O = [...((n = r.autoPlacement) == null ? void 0 : n.overflows) || [], {
         placement: b,
-        overflows: x
-      }], k = m[y + 1];
-      if (k)
+        overflows: _
+      }], C = m[y + 1];
+      if (C)
         return {
           data: {
             index: y + 1,
             overflows: O
           },
           reset: {
-            placement: k
+            placement: C
           }
         };
-      const L = O.map((w) => {
-        const E = F(w.placement);
-        return [w.placement, E && d ? (
+      const I = O.map((w) => {
+        const S = F(w.placement);
+        return [w.placement, S && d ? (
           // Check along the mainAxis and main crossAxis side.
-          w.overflows.slice(0, 2).reduce((D, H) => D + H, 0)
+          w.overflows.slice(0, 2).reduce((R, H) => R + H, 0)
         ) : (
           // Check only the mainAxis.
           w.overflows[0]
         ), w.overflows];
-      }).sort((w, E) => w[1] - E[1]), A = ((i = L.filter((w) => w[2].slice(
+      }).sort((w, S) => w[1] - S[1]), D = ((i = I.filter((w) => w[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
         F(w[0]) ? 2 : 3
-      ).every((E) => E <= 0))[0]) == null ? void 0 : i[0]) || L[0][0];
-      return A !== a ? {
+      ).every((S) => S <= 0))[0]) == null ? void 0 : i[0]) || I[0][0];
+      return D !== a ? {
         data: {
           index: y + 1,
           overflows: O
         },
         reset: {
-          placement: A
+          placement: D
         }
       } : {};
     }
   };
-}, yo = function(t) {
+}, wo = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -435,49 +436,49 @@ const go = function(t) {
         fallbackAxisSideDirection: p = "none",
         flipAlignment: m = !0,
         ...g
-      } = Z(t, e);
+      } = Q(t, e);
       if ((o = s.arrow) != null && o.alignmentOffset)
         return {};
-      const y = j(i), b = X(a), v = j(a) === a, x = await (l.isRTL == null ? void 0 : l.isRTL(u.floating)), O = h || (v || !m ? [vt(a)] : so(a)), k = p !== "none";
-      !h && k && O.push(...co(a, m, p, x));
-      const L = [a, ...O], U = await l.detectOverflow(e, g), A = [];
+      const y = z(i), b = X(a), v = z(a) === a, _ = await (l.isRTL == null ? void 0 : l.isRTL(u.floating)), O = h || (v || !m ? [vt(a)] : ro(a)), C = p !== "none";
+      !h && C && O.push(...uo(a, m, p, _));
+      const I = [a, ...O], U = await l.detectOverflow(e, g), D = [];
       let w = ((n = s.flip) == null ? void 0 : n.overflows) || [];
-      if (d && A.push(U[y]), c) {
-        const S = _e(i, r, x);
-        A.push(U[S[0]], U[S[1]]);
+      if (d && D.push(U[y]), c) {
+        const L = ke(i, r, _);
+        D.push(U[L[0]], U[L[1]]);
       }
       if (w = [...w, {
         placement: i,
-        overflows: A
-      }], !A.every((S) => S <= 0)) {
-        var E, D;
-        const S = (((E = s.flip) == null ? void 0 : E.index) || 0) + 1, z = L[S];
-        if (z && (!(c === "alignment" ? b !== X(z) : !1) || // We leave the current main axis only if every placement on that axis
+        overflows: D
+      }], !D.every((L) => L <= 0)) {
+        var S, R;
+        const L = (((S = s.flip) == null ? void 0 : S.index) || 0) + 1, j = I[L];
+        if (j && (!(c === "alignment" ? b !== X(j) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         w.every((N) => X(N.placement) === b ? N.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: S,
+              index: L,
               overflows: w
             },
             reset: {
-              placement: z
+              placement: j
             }
           };
-        let V = (D = w.filter((B) => B.overflows[0] <= 0).sort((B, N) => B.overflows[1] - N.overflows[1])[0]) == null ? void 0 : D.placement;
+        let V = (R = w.filter((B) => B.overflows[0] <= 0).sort((B, N) => B.overflows[1] - N.overflows[1])[0]) == null ? void 0 : R.placement;
         if (!V)
           switch (f) {
             case "bestFit": {
               var H;
               const B = (H = w.filter((N) => {
-                if (k) {
-                  const tt = X(N.placement);
-                  return tt === b || // Create a bias to the `y` side axis due to horizontal
+                if (C) {
+                  const et = X(N.placement);
+                  return et === b || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  tt === "y";
+                  et === "y";
                 }
                 return !0;
-              }).map((N) => [N.placement, N.overflows.filter((tt) => tt > 0).reduce((tt, Ve) => tt + Ve, 0)]).sort((N, tt) => N[1] - tt[1])[0]) == null ? void 0 : H[0];
+              }).map((N) => [N.placement, N.overflows.filter((et) => et > 0).reduce((et, ze) => et + ze, 0)]).sort((N, et) => N[1] - et[1])[0]) == null ? void 0 : H[0];
               B && (V = B);
               break;
             }
@@ -505,9 +506,9 @@ function Gt(t, e) {
   };
 }
 function Jt(t) {
-  return xe.some((e) => t[e] >= 0);
+  return Te.some((e) => t[e] >= 0);
 }
-const wo = function(t) {
+const bo = function(t) {
   return t === void 0 && (t = {}), {
     name: "hide",
     options: t,
@@ -518,7 +519,7 @@ const wo = function(t) {
       } = e, {
         strategy: i = "referenceHidden",
         ...s
-      } = Z(t, e);
+      } = Q(t, e);
       switch (i) {
         case "referenceHidden": {
           const r = await n.detectOverflow(e, {
@@ -550,8 +551,8 @@ const wo = function(t) {
     }
   };
 };
-function ke(t) {
-  const e = G(...t.map((s) => s.left)), o = G(...t.map((s) => s.top)), n = R(...t.map((s) => s.right)), i = R(...t.map((s) => s.bottom));
+function Ce(t) {
+  const e = J(...t.map((s) => s.left)), o = J(...t.map((s) => s.top)), n = M(...t.map((s) => s.right)), i = M(...t.map((s) => s.bottom));
   return {
     x: e,
     y: o,
@@ -559,16 +560,16 @@ function ke(t) {
     height: i - o
   };
 }
-function bo(t) {
+function vo(t) {
   const e = t.slice().sort((i, s) => i.y - s.y), o = [];
   let n = null;
   for (let i = 0; i < e.length; i++) {
     const s = e[i];
     !n || s.y - n.y > n.height / 2 ? o.push([s]) : o[o.length - 1].push(s), n = s;
   }
-  return o.map((i) => ct(ke(i)));
+  return o.map((i) => at(Ce(i)));
 }
-const vo = function(t) {
+const xo = function(t) {
   return t === void 0 && (t = {}), {
     name: "inline",
     options: t,
@@ -583,34 +584,34 @@ const vo = function(t) {
         padding: a = 2,
         x: l,
         y: u
-      } = Z(t, e), d = Array.from(await (s.getClientRects == null ? void 0 : s.getClientRects(n.reference)) || []), c = bo(d), h = ct(ke(d)), f = $t(a);
+      } = Q(t, e), d = Array.from(await (s.getClientRects == null ? void 0 : s.getClientRects(n.reference)) || []), c = vo(d), h = at(Ce(d)), f = $t(a);
       function p() {
         if (c.length === 2 && c[0].left > c[1].right && l != null && u != null)
           return c.find((g) => l > g.left - f.left && l < g.right + f.right && u > g.top - f.top && u < g.bottom + f.bottom) || h;
         if (c.length >= 2) {
           if (X(o) === "y") {
-            const w = c[0], E = c[c.length - 1], D = j(o) === "top", H = w.top, S = E.bottom, z = D ? w.left : E.left, V = D ? w.right : E.right, B = V - z, N = S - H;
+            const w = c[0], S = c[c.length - 1], R = z(o) === "top", H = w.top, L = S.bottom, j = R ? w.left : S.left, V = R ? w.right : S.right, B = V - j, N = L - H;
             return {
               top: H,
-              bottom: S,
-              left: z,
+              bottom: L,
+              left: j,
               right: V,
               width: B,
               height: N,
-              x: z,
+              x: j,
               y: H
             };
           }
-          const g = j(o) === "left", y = R(...c.map((w) => w.right)), b = G(...c.map((w) => w.left)), v = c.filter((w) => g ? w.left === b : w.right === y), x = v[0].top, O = v[v.length - 1].bottom, k = b, L = y, U = L - k, A = O - x;
+          const g = z(o) === "left", y = M(...c.map((w) => w.right)), b = J(...c.map((w) => w.left)), v = c.filter((w) => g ? w.left === b : w.right === y), _ = v[0].top, O = v[v.length - 1].bottom, C = b, I = y, U = I - C, D = O - _;
           return {
-            top: x,
+            top: _,
             bottom: O,
-            left: k,
-            right: L,
+            left: C,
+            right: I,
             width: U,
-            height: A,
-            x: k,
-            y: x
+            height: D,
+            x: C,
+            y: _
           };
         }
         return h;
@@ -629,13 +630,13 @@ const vo = function(t) {
       } : {};
     }
   };
-}, xo = /* @__PURE__ */ new Set(["left", "top"]);
-async function To(t, e) {
+}, To = /* @__PURE__ */ new Set(["left", "top"]);
+async function _o(t, e) {
   const {
     placement: o,
     platform: n,
     elements: i
-  } = t, s = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), r = j(o), a = F(o), l = X(o) === "y", u = xo.has(r) ? -1 : 1, d = s && l ? -1 : 1, c = Z(e, t);
+  } = t, s = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), r = z(o), a = F(o), l = X(o) === "y", u = To.has(r) ? -1 : 1, d = s && l ? -1 : 1, c = Q(e, t);
   let {
     mainAxis: h,
     crossAxis: f,
@@ -657,7 +658,7 @@ async function To(t, e) {
     y: f * d
   };
 }
-const _o = function(t) {
+const ko = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -668,7 +669,7 @@ const _o = function(t) {
         y: s,
         placement: r,
         middlewareData: a
-      } = e, l = await To(e, t);
+      } = e, l = await _o(e, t);
       return r === ((o = a.offset) == null ? void 0 : o.placement) && (n = a.arrow) != null && n.alignmentOffset ? {} : {
         x: i + l.x,
         y: s + l.y,
@@ -679,7 +680,7 @@ const _o = function(t) {
       };
     }
   };
-}, ko = function(t) {
+}, Co = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -705,18 +706,18 @@ const _o = function(t) {
           }
         },
         ...u
-      } = Z(t, e), d = {
+      } = Q(t, e), d = {
         x: o,
         y: n
-      }, c = await s.detectOverflow(e, u), h = X(j(i)), f = Te(h);
+      }, c = await s.detectOverflow(e, u), h = X(z(i)), f = _e(h);
       let p = d[f], m = d[h];
       if (r) {
-        const y = f === "y" ? "top" : "left", b = f === "y" ? "bottom" : "right", v = p + c[y], x = p - c[b];
-        p = St(v, p, x);
+        const y = f === "y" ? "top" : "left", b = f === "y" ? "bottom" : "right", v = p + c[y], _ = p - c[b];
+        p = St(v, p, _);
       }
       if (a) {
-        const y = h === "y" ? "top" : "left", b = h === "y" ? "bottom" : "right", v = m + c[y], x = m - c[b];
-        m = St(v, m, x);
+        const y = h === "y" ? "top" : "left", b = h === "y" ? "bottom" : "right", v = m + c[y], _ = m - c[b];
+        m = St(v, m, _);
       }
       const g = l.fn({
         ...e,
@@ -736,7 +737,7 @@ const _o = function(t) {
       };
     }
   };
-}, Co = function(t) {
+}, Oo = function(t) {
   return t === void 0 && (t = {}), {
     name: "size",
     options: t,
@@ -751,25 +752,25 @@ const _o = function(t) {
         apply: l = () => {
         },
         ...u
-      } = Z(t, e), d = await r.detectOverflow(e, u), c = j(i), h = F(i), f = X(i) === "y", {
+      } = Q(t, e), d = await r.detectOverflow(e, u), c = z(i), h = F(i), f = X(i) === "y", {
         width: p,
         height: m
       } = s.floating;
       let g, y;
       c === "top" || c === "bottom" ? (g = c, y = h === (await (r.isRTL == null ? void 0 : r.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (y = c, g = h === "end" ? "top" : "bottom");
-      const b = m - d.top - d.bottom, v = p - d.left - d.right, x = G(m - d[g], b), O = G(p - d[y], v), k = !e.middlewareData.shift;
-      let L = x, U = O;
-      if ((o = e.middlewareData.shift) != null && o.enabled.x && (U = v), (n = e.middlewareData.shift) != null && n.enabled.y && (L = b), k && !h) {
-        const w = R(d.left, 0), E = R(d.right, 0), D = R(d.top, 0), H = R(d.bottom, 0);
-        f ? U = p - 2 * (w !== 0 || E !== 0 ? w + E : R(d.left, d.right)) : L = m - 2 * (D !== 0 || H !== 0 ? D + H : R(d.top, d.bottom));
+      const b = m - d.top - d.bottom, v = p - d.left - d.right, _ = J(m - d[g], b), O = J(p - d[y], v), C = !e.middlewareData.shift;
+      let I = _, U = O;
+      if ((o = e.middlewareData.shift) != null && o.enabled.x && (U = v), (n = e.middlewareData.shift) != null && n.enabled.y && (I = b), C && !h) {
+        const w = M(d.left, 0), S = M(d.right, 0), R = M(d.top, 0), H = M(d.bottom, 0);
+        f ? U = p - 2 * (w !== 0 || S !== 0 ? w + S : M(d.left, d.right)) : I = m - 2 * (R !== 0 || H !== 0 ? R + H : M(d.top, d.bottom));
       }
       await l({
         ...e,
         availableWidth: U,
-        availableHeight: L
+        availableHeight: I
       });
-      const A = await r.getDimensions(a.floating);
-      return p !== A.width || m !== A.height ? {
+      const D = await r.getDimensions(a.floating);
+      return p !== D.width || m !== D.height ? {
         reset: {
           rects: !0
         }
@@ -780,30 +781,30 @@ const _o = function(t) {
 function xt() {
   return typeof window < "u";
 }
-function ut(t) {
-  return Ce(t) ? (t.nodeName || "").toLowerCase() : "#document";
+function dt(t) {
+  return Oe(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
 function P(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function Q(t) {
+function tt(t) {
   var e;
-  return (e = (Ce(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (Oe(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function Ce(t) {
+function Oe(t) {
   return xt() ? t instanceof Node || t instanceof P(t).Node : !1;
 }
 function K(t) {
   return xt() ? t instanceof Element || t instanceof P(t).Element : !1;
 }
-function J(t) {
+function Z(t) {
   return xt() ? t instanceof HTMLElement || t instanceof P(t).HTMLElement : !1;
 }
 function Zt(t) {
   return !xt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof P(t).ShadowRoot;
 }
-const Oo = /* @__PURE__ */ new Set(["inline", "contents"]);
+const Eo = /* @__PURE__ */ new Set(["inline", "contents"]);
 function yt(t) {
   const {
     overflow: e,
@@ -811,15 +812,15 @@ function yt(t) {
     overflowY: n,
     display: i
   } = W(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !Oo.has(i);
+  return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !Eo.has(i);
 }
-const Eo = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function So(t) {
-  return Eo.has(ut(t));
+const So = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Lo(t) {
+  return So.has(dt(t));
 }
-const Lo = [":popover-open", ":modal"];
+const Io = [":popover-open", ":modal"];
 function Tt(t) {
-  return Lo.some((e) => {
+  return Io.some((e) => {
     try {
       return t.matches(e);
     } catch {
@@ -827,28 +828,28 @@ function Tt(t) {
     }
   });
 }
-const Io = ["transform", "translate", "scale", "rotate", "perspective"], Ao = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Do = ["paint", "layout", "strict", "content"];
+const Ao = ["transform", "translate", "scale", "rotate", "perspective"], Do = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ro = ["paint", "layout", "strict", "content"];
 function Bt(t) {
   const e = Nt(), o = K(t) ? W(t) : t;
-  return Io.some((n) => o[n] ? o[n] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !e && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !e && (o.filter ? o.filter !== "none" : !1) || Ao.some((n) => (o.willChange || "").includes(n)) || Do.some((n) => (o.contain || "").includes(n));
+  return Ao.some((n) => o[n] ? o[n] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !e && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !e && (o.filter ? o.filter !== "none" : !1) || Do.some((n) => (o.willChange || "").includes(n)) || Ro.some((n) => (o.contain || "").includes(n));
 }
-function Ro(t) {
-  let e = ot(t);
-  for (; J(e) && !dt(e); ) {
+function Mo(t) {
+  let e = nt(t);
+  for (; Z(e) && !lt(e); ) {
     if (Bt(e))
       return e;
     if (Tt(e))
       return null;
-    e = ot(e);
+    e = nt(e);
   }
   return null;
 }
 function Nt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const Mo = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function dt(t) {
-  return Mo.has(ut(t));
+const Ho = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function lt(t) {
+  return Ho.has(dt(t));
 }
 function W(t) {
   return P(t).getComputedStyle(t);
@@ -862,86 +863,86 @@ function _t(t) {
     scrollTop: t.scrollY
   };
 }
-function ot(t) {
-  if (ut(t) === "html")
+function nt(t) {
+  if (dt(t) === "html")
     return t;
   const e = (
     // Step into the shadow DOM of the parent of a slotted node.
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
     Zt(t) && t.host || // Fallback.
-    Q(t)
+    tt(t)
   );
   return Zt(e) ? e.host : e;
 }
-function Oe(t) {
-  const e = ot(t);
-  return dt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : J(e) && yt(e) ? e : Oe(e);
+function Ee(t) {
+  const e = nt(t);
+  return lt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : Z(e) && yt(e) ? e : Ee(e);
 }
-function Ee(t, e, o) {
+function Se(t, e, o) {
   var n;
   e === void 0 && (e = []);
-  const i = Oe(t), s = i === ((n = t.ownerDocument) == null ? void 0 : n.body), r = P(i);
-  return s ? e.concat(r, r.visualViewport || [], yt(i) ? i : [], []) : e.concat(i, Ee(i, []));
+  const i = Ee(t), s = i === ((n = t.ownerDocument) == null ? void 0 : n.body), r = P(i);
+  return s ? e.concat(r, r.visualViewport || [], yt(i) ? i : [], []) : e.concat(i, Se(i, []));
 }
 function Qt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function Se(t) {
+function Le(t) {
   const e = W(t);
   let o = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
-  const i = J(t), s = i ? t.offsetWidth : o, r = i ? t.offsetHeight : n, a = wt(o) !== s || wt(n) !== r;
+  const i = Z(t), s = i ? t.offsetWidth : o, r = i ? t.offsetHeight : n, a = wt(o) !== s || wt(n) !== r;
   return a && (o = s, n = r), {
     width: o,
     height: n,
     $: a
   };
 }
-function Le(t) {
+function Ie(t) {
   return K(t) ? t : t.contextElement;
 }
-function lt(t) {
-  const e = Le(t);
-  if (!J(e))
-    return Y(1);
+function rt(t) {
+  const e = Ie(t);
+  if (!Z(e))
+    return G(1);
   const o = e.getBoundingClientRect(), {
     width: n,
     height: i,
     $: s
-  } = Se(e);
+  } = Le(e);
   let r = (s ? wt(o.width) : o.width) / n, a = (s ? wt(o.height) : o.height) / i;
   return (!r || !Number.isFinite(r)) && (r = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: r,
     y: a
   };
 }
-const Ho = /* @__PURE__ */ Y(0);
-function Ie(t) {
+const $o = /* @__PURE__ */ G(0);
+function Ae(t) {
   const e = P(t);
-  return !Nt() || !e.visualViewport ? Ho : {
+  return !Nt() || !e.visualViewport ? $o : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function $o(t, e, o) {
+function Bo(t, e, o) {
   return e === void 0 && (e = !1), !o || e && o !== P(t) ? !1 : e;
 }
 function ht(t, e, o, n) {
   e === void 0 && (e = !1), o === void 0 && (o = !1);
-  const i = t.getBoundingClientRect(), s = Le(t);
-  let r = Y(1);
-  e && (n ? K(n) && (r = lt(n)) : r = lt(t));
-  const a = $o(s, o, n) ? Ie(s) : Y(0);
+  const i = t.getBoundingClientRect(), s = Ie(t);
+  let r = G(1);
+  e && (n ? K(n) && (r = rt(n)) : r = rt(t));
+  const a = Bo(s, o, n) ? Ae(s) : G(0);
   let l = (i.left + a.x) / r.x, u = (i.top + a.y) / r.y, d = i.width / r.x, c = i.height / r.y;
   if (s) {
     const h = P(s), f = n && K(n) ? P(n) : n;
     let p = h, m = Qt(p);
     for (; m && n && f !== p; ) {
-      const g = lt(m), y = m.getBoundingClientRect(), b = W(m), v = y.left + (m.clientLeft + parseFloat(b.paddingLeft)) * g.x, x = y.top + (m.clientTop + parseFloat(b.paddingTop)) * g.y;
-      l *= g.x, u *= g.y, d *= g.x, c *= g.y, l += v, u += x, p = P(m), m = Qt(p);
+      const g = rt(m), y = m.getBoundingClientRect(), b = W(m), v = y.left + (m.clientLeft + parseFloat(b.paddingLeft)) * g.x, _ = y.top + (m.clientTop + parseFloat(b.paddingTop)) * g.y;
+      l *= g.x, u *= g.y, d *= g.x, c *= g.y, l += v, u += _, p = P(m), m = Qt(p);
     }
   }
-  return ct({
+  return at({
     width: d,
     height: c,
     x: l,
@@ -950,35 +951,35 @@ function ht(t, e, o, n) {
 }
 function kt(t, e) {
   const o = _t(t).scrollLeft;
-  return e ? e.left + o : ht(Q(t)).left + o;
+  return e ? e.left + o : ht(tt(t)).left + o;
 }
-function Ae(t, e) {
+function De(t, e) {
   const o = t.getBoundingClientRect(), n = o.left + e.scrollLeft - kt(t, o), i = o.top + e.scrollTop;
   return {
     x: n,
     y: i
   };
 }
-function Bo(t) {
+function No(t) {
   let {
     elements: e,
     rect: o,
     offsetParent: n,
     strategy: i
   } = t;
-  const s = i === "fixed", r = Q(n), a = e ? Tt(e.floating) : !1;
+  const s = i === "fixed", r = tt(n), a = e ? Tt(e.floating) : !1;
   if (n === r || a && s)
     return o;
   let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, u = Y(1);
-  const d = Y(0), c = J(n);
-  if ((c || !c && !s) && ((ut(n) !== "body" || yt(r)) && (l = _t(n)), J(n))) {
+  }, u = G(1);
+  const d = G(0), c = Z(n);
+  if ((c || !c && !s) && ((dt(n) !== "body" || yt(r)) && (l = _t(n)), Z(n))) {
     const f = ht(n);
-    u = lt(n), d.x = f.x + n.clientLeft, d.y = f.y + n.clientTop;
+    u = rt(n), d.x = f.x + n.clientLeft, d.y = f.y + n.clientTop;
   }
-  const h = r && !c && !s ? Ae(r, l) : Y(0);
+  const h = r && !c && !s ? De(r, l) : G(0);
   return {
     width: o.width * u.x,
     height: o.height * u.y,
@@ -986,14 +987,14 @@ function Bo(t) {
     y: o.y * u.y - l.scrollTop * u.y + d.y + h.y
   };
 }
-function No(t) {
+function Po(t) {
   return Array.from(t.getClientRects());
 }
-function Po(t) {
-  const e = Q(t), o = _t(t), n = t.ownerDocument.body, i = R(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), s = R(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
+function Uo(t) {
+  const e = tt(t), o = _t(t), n = t.ownerDocument.body, i = M(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), s = M(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
   let r = -o.scrollLeft + kt(t);
   const a = -o.scrollTop;
-  return W(n).direction === "rtl" && (r += R(e.clientWidth, n.clientWidth) - i), {
+  return W(n).direction === "rtl" && (r += M(e.clientWidth, n.clientWidth) - i), {
     width: i,
     height: s,
     x: r,
@@ -1001,8 +1002,8 @@ function Po(t) {
   };
 }
 const te = 25;
-function Uo(t, e) {
-  const o = P(t), n = Q(t), i = o.visualViewport;
+function Vo(t, e) {
+  const o = P(t), n = tt(t), i = o.visualViewport;
   let s = n.clientWidth, r = n.clientHeight, a = 0, l = 0;
   if (i) {
     s = i.width, r = i.height;
@@ -1021,9 +1022,9 @@ function Uo(t, e) {
     y: l
   };
 }
-const Vo = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+const zo = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function jo(t, e) {
-  const o = ht(t, !0, e === "fixed"), n = o.top + t.clientTop, i = o.left + t.clientLeft, s = J(t) ? lt(t) : Y(1), r = t.clientWidth * s.x, a = t.clientHeight * s.y, l = i * s.x, u = n * s.y;
+  const o = ht(t, !0, e === "fixed"), n = o.top + t.clientTop, i = o.left + t.clientLeft, s = Z(t) ? rt(t) : G(1), r = t.clientWidth * s.x, a = t.clientHeight * s.y, l = i * s.x, u = n * s.y;
   return {
     width: r,
     height: a,
@@ -1034,13 +1035,13 @@ function jo(t, e) {
 function ee(t, e, o) {
   let n;
   if (e === "viewport")
-    n = Uo(t, o);
+    n = Vo(t, o);
   else if (e === "document")
-    n = Po(Q(t));
+    n = Uo(tt(t));
   else if (K(e))
     n = jo(e, o);
   else {
-    const i = Ie(t);
+    const i = Ae(t);
     n = {
       x: e.x - i.x,
       y: e.y - i.y,
@@ -1048,35 +1049,35 @@ function ee(t, e, o) {
       height: e.height
     };
   }
-  return ct(n);
+  return at(n);
 }
-function De(t, e) {
-  const o = ot(t);
-  return o === e || !K(o) || dt(o) ? !1 : W(o).position === "fixed" || De(o, e);
+function Re(t, e) {
+  const o = nt(t);
+  return o === e || !K(o) || lt(o) ? !1 : W(o).position === "fixed" || Re(o, e);
 }
-function zo(t, e) {
+function Fo(t, e) {
   const o = e.get(t);
   if (o)
     return o;
-  let n = Ee(t, []).filter((a) => K(a) && ut(a) !== "body"), i = null;
+  let n = Se(t, []).filter((a) => K(a) && dt(a) !== "body"), i = null;
   const s = W(t).position === "fixed";
-  let r = s ? ot(t) : t;
-  for (; K(r) && !dt(r); ) {
+  let r = s ? nt(t) : t;
+  for (; K(r) && !lt(r); ) {
     const a = W(r), l = Bt(r);
-    !l && a.position === "fixed" && (i = null), (s ? !l && !i : !l && a.position === "static" && !!i && Vo.has(i.position) || yt(r) && !l && De(t, r)) ? n = n.filter((d) => d !== r) : i = a, r = ot(r);
+    !l && a.position === "fixed" && (i = null), (s ? !l && !i : !l && a.position === "static" && !!i && zo.has(i.position) || yt(r) && !l && Re(t, r)) ? n = n.filter((d) => d !== r) : i = a, r = nt(r);
   }
   return e.set(t, n), n;
 }
-function Fo(t) {
+function Ko(t) {
   let {
     element: e,
     boundary: o,
     rootBoundary: n,
     strategy: i
   } = t;
-  const r = [...o === "clippingAncestors" ? Tt(e) ? [] : zo(e, this._c) : [].concat(o), n], a = r[0], l = r.reduce((u, d) => {
+  const r = [...o === "clippingAncestors" ? Tt(e) ? [] : Fo(e, this._c) : [].concat(o), n], a = r[0], l = r.reduce((u, d) => {
     const c = ee(e, d, i);
-    return u.top = R(c.top, u.top), u.right = G(c.right, u.right), u.bottom = G(c.bottom, u.bottom), u.left = R(c.left, u.left), u;
+    return u.top = M(c.top, u.top), u.right = J(c.right, u.right), u.bottom = J(c.bottom, u.bottom), u.left = M(c.left, u.left), u;
   }, ee(e, a, i));
   return {
     width: l.right - l.left,
@@ -1085,33 +1086,33 @@ function Fo(t) {
     y: l.top
   };
 }
-function Ko(t) {
+function Wo(t) {
   const {
     width: e,
     height: o
-  } = Se(t);
+  } = Le(t);
   return {
     width: e,
     height: o
   };
 }
-function Wo(t, e, o) {
-  const n = J(e), i = Q(e), s = o === "fixed", r = ht(t, !0, s, e);
+function qo(t, e, o) {
+  const n = Z(e), i = tt(e), s = o === "fixed", r = ht(t, !0, s, e);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = Y(0);
+  const l = G(0);
   function u() {
     l.x = kt(i);
   }
   if (n || !n && !s)
-    if ((ut(e) !== "body" || yt(i)) && (a = _t(e)), n) {
+    if ((dt(e) !== "body" || yt(i)) && (a = _t(e)), n) {
       const f = ht(e, !0, s, e);
       l.x = f.x + e.clientLeft, l.y = f.y + e.clientTop;
     } else i && u();
   s && !n && i && u();
-  const d = i && !n && !s ? Ae(i, a) : Y(0), c = r.left + a.scrollLeft - l.x - d.x, h = r.top + a.scrollTop - l.y - d.y;
+  const d = i && !n && !s ? De(i, a) : G(0), c = r.left + a.scrollLeft - l.x - d.x, h = r.top + a.scrollTop - l.y - d.y;
   return {
     x: c,
     y: h,
@@ -1123,35 +1124,35 @@ function Ot(t) {
   return W(t).position === "static";
 }
 function ne(t, e) {
-  if (!J(t) || W(t).position === "fixed")
+  if (!Z(t) || W(t).position === "fixed")
     return null;
   if (e)
     return e(t);
   let o = t.offsetParent;
-  return Q(t) === o && (o = o.ownerDocument.body), o;
+  return tt(t) === o && (o = o.ownerDocument.body), o;
 }
-function Re(t, e) {
+function Me(t, e) {
   const o = P(t);
   if (Tt(t))
     return o;
-  if (!J(t)) {
-    let i = ot(t);
-    for (; i && !dt(i); ) {
+  if (!Z(t)) {
+    let i = nt(t);
+    for (; i && !lt(i); ) {
       if (K(i) && !Ot(i))
         return i;
-      i = ot(i);
+      i = nt(i);
     }
     return o;
   }
   let n = ne(t, e);
-  for (; n && So(n) && Ot(n); )
+  for (; n && Lo(n) && Ot(n); )
     n = ne(n, e);
-  return n && dt(n) && Ot(n) && !Bt(n) ? o : n || Ro(t) || o;
+  return n && lt(n) && Ot(n) && !Bt(n) ? o : n || Mo(t) || o;
 }
-const qo = async function(t) {
-  const e = this.getOffsetParent || Re, o = this.getDimensions, n = await o(t.floating);
+const Xo = async function(t) {
+  const e = this.getOffsetParent || Me, o = this.getDimensions, n = await o(t.floating);
   return {
-    reference: Wo(t.reference, await e(t.floating), t.strategy),
+    reference: qo(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1160,38 +1161,38 @@ const qo = async function(t) {
     }
   };
 };
-function Xo(t) {
+function Yo(t) {
   return W(t).direction === "rtl";
 }
-const Yo = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Bo,
-  getDocumentElement: Q,
-  getClippingRect: Fo,
-  getOffsetParent: Re,
-  getElementRects: qo,
-  getClientRects: No,
-  getDimensions: Ko,
-  getScale: lt,
+const Go = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: No,
+  getDocumentElement: tt,
+  getClippingRect: Ko,
+  getOffsetParent: Me,
+  getElementRects: Xo,
+  getClientRects: Po,
+  getDimensions: Wo,
+  getScale: rt,
   isElement: K,
-  isRTL: Xo
-}, Pt = _o, Me = go, Ut = ko, Vt = yo, He = Co, $e = wo, Be = po, Ne = vo, jt = (t, e, o) => {
+  isRTL: Yo
+}, Pt = ko, He = yo, Ut = Co, Vt = wo, $e = Oo, Be = bo, Ne = mo, Pe = xo, zt = (t, e, o) => {
   const n = /* @__PURE__ */ new Map(), i = {
-    platform: Yo,
+    platform: Go,
     ...o
   }, s = {
     ...i.platform,
     _c: n
   };
-  return fo(t, e, {
+  return po(t, e, {
     ...i,
     platform: s
   });
 };
-function Go(t, e) {
+function Jo(t, e) {
   const o = Math.min(t.top, e.top), n = Math.max(t.bottom, e.bottom), i = Math.min(t.left, e.left), r = Math.max(t.right, e.right) - i, a = n - o, l = i, u = o;
   return new DOMRect(l, u, r, a);
 }
-var Jo = class {
+var Zo = class {
   constructor({
     editor: t,
     element: e,
@@ -1219,7 +1220,7 @@ var Jo = class {
       onUpdate: void 0,
       onDestroy: void 0
     }, this.shouldShow = ({ view: d, state: c, from: h, to: f }) => {
-      const { doc: p, selection: m } = c, { empty: g } = m, y = !p.textBetween(h, f).length && Ke(c.selection), b = this.element.contains(document.activeElement);
+      const { doc: p, selection: m } = c, { empty: g } = m, y = !p.textBetween(h, f).length && We(c.selection), b = this.element.contains(document.activeElement);
       return !(!(d.hasFocus() || b) || g || y || !this.editor.isEditable);
     }, this.mousedownHandler = () => {
       this.preventHide = !0;
@@ -1272,12 +1273,12 @@ var Jo = class {
       Ut(typeof this.floatingUIOptions.shift != "boolean" ? this.floatingUIOptions.shift : void 0)
     ), this.floatingUIOptions.offset && t.push(
       Pt(typeof this.floatingUIOptions.offset != "boolean" ? this.floatingUIOptions.offset : void 0)
-    ), this.floatingUIOptions.arrow && t.push(Be(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push(He(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
-      Me(
+    ), this.floatingUIOptions.arrow && t.push(Ne(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push($e(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
+      He(
         typeof this.floatingUIOptions.autoPlacement != "boolean" ? this.floatingUIOptions.autoPlacement : void 0
       )
-    ), this.floatingUIOptions.hide && t.push($e(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
-      Ne(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0)
+    ), this.floatingUIOptions.hide && t.push(Be(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
+      Pe(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0)
     ), t;
   }
   get virtualElement() {
@@ -1292,7 +1293,7 @@ var Jo = class {
       getBoundingClientRect: () => s,
       getClientRects: () => [s]
     };
-    if (n instanceof nn) {
+    if (n instanceof on) {
       let a = this.view.nodeDOM(n.from);
       const l = a.dataset.nodeViewWrapper ? a : a.querySelector("[data-node-view-wrapper]");
       l && (a = l), a && (r = {
@@ -1300,11 +1301,11 @@ var Jo = class {
         getClientRects: () => [a.getBoundingClientRect()]
       });
     }
-    if (n instanceof on) {
+    if (n instanceof sn) {
       const { $anchorCell: a, $headCell: l } = n, u = a ? a.pos : l.pos, d = l ? l.pos : a.pos, c = this.view.nodeDOM(u), h = this.view.nodeDOM(d);
       if (!c || !h)
         return;
-      const f = c === h ? c.getBoundingClientRect() : Go(
+      const f = c === h ? c.getBoundingClientRect() : Jo(
         c.getBoundingClientRect(),
         h.getBoundingClientRect()
       );
@@ -1317,7 +1318,7 @@ var Jo = class {
   }
   updatePosition() {
     const t = this.virtualElement;
-    t && jt(t, this.element, {
+    t && zt(t, this.element, {
       placement: this.floatingUIOptions.placement,
       strategy: this.floatingUIOptions.strategy,
       middleware: this.middlewares
@@ -1376,10 +1377,10 @@ var Jo = class {
   destroy() {
     this.hide(), this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.view.dom.removeEventListener("dragstart", this.dragstartHandler), window.removeEventListener("resize", this.resizeHandler), this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.editor.off("focus", this.focusHandler), this.editor.off("blur", this.blurHandler), this.editor.off("transaction", this.transactionHandler), this.floatingUIOptions.onDestroy && this.floatingUIOptions.onDestroy();
   }
-}, Zo = (t) => new It({
-  key: typeof t.pluginKey == "string" ? new rt(t.pluginKey) : t.pluginKey,
-  view: (e) => new Jo({ view: e, ...t })
-}), Qo = le({
+}, Qo = (t) => new It({
+  key: typeof t.pluginKey == "string" ? new st(t.pluginKey) : t.pluginKey,
+  view: (e) => new Zo({ view: e, ...t })
+}), ti = le({
   name: "BubbleMenu",
   inheritAttrs: !1,
   props: {
@@ -1429,9 +1430,9 @@ var Jo = class {
         getReferencedVirtualElement: d,
         updateDelay: c
       } = t, h = n.value;
-      h && (h.style.visibility = "hidden", h.style.position = "absolute", h.remove(), sn(() => {
+      h && (h.style.visibility = "hidden", h.style.position = "absolute", h.remove(), rn(() => {
         i.registerPlugin(
-          Zo({
+          Qo({
             editor: i,
             element: h,
             options: s,
@@ -1452,7 +1453,7 @@ var Jo = class {
       return he("div", { ref: n, ...o }, (i = e.default) == null ? void 0 : i.call(e));
     };
   }
-}), ti = class {
+}), ei = class {
   constructor({
     editor: t,
     element: e,
@@ -1512,7 +1513,7 @@ var Jo = class {
     }, this.element.tabIndex = 0, a && (this.shouldShow = a), this.element.addEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.editor.on("focus", this.focusHandler), this.editor.on("blur", this.blurHandler), this.editor.on("transaction", this.transactionHandler), window.addEventListener("resize", this.resizeHandler), this.scrollTarget.addEventListener("scroll", this.resizeHandler), this.update(o, o.state), this.getShouldShow() && (this.show(), this.updatePosition());
   }
   getTextContent(t) {
-    return We(t, { textSerializers: qe(this.editor.schema) });
+    return qe(t, { textSerializers: Xe(this.editor.schema) });
   }
   get middlewares() {
     const t = [];
@@ -1520,12 +1521,12 @@ var Jo = class {
       Ut(typeof this.floatingUIOptions.shift != "boolean" ? this.floatingUIOptions.shift : void 0)
     ), this.floatingUIOptions.offset && t.push(
       Pt(typeof this.floatingUIOptions.offset != "boolean" ? this.floatingUIOptions.offset : void 0)
-    ), this.floatingUIOptions.arrow && t.push(Be(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push(He(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
-      Me(
+    ), this.floatingUIOptions.arrow && t.push(Ne(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push($e(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
+      He(
         typeof this.floatingUIOptions.autoPlacement != "boolean" ? this.floatingUIOptions.autoPlacement : void 0
       )
-    ), this.floatingUIOptions.hide && t.push($e(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
-      Ne(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0)
+    ), this.floatingUIOptions.hide && t.push(Be(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
+      Pe(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0)
     ), t;
   }
   getShouldShow(t) {
@@ -1552,7 +1553,7 @@ var Jo = class {
   }
   updatePosition() {
     const { selection: t } = this.editor.state, e = re(this.view, t.from, t.to);
-    jt({
+    zt({
       getBoundingClientRect: () => e,
       getClientRects: () => [e]
     }, this.element, {
@@ -1586,9 +1587,9 @@ var Jo = class {
   destroy() {
     this.hide(), this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: !0 }), window.removeEventListener("resize", this.resizeHandler), this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.editor.off("focus", this.focusHandler), this.editor.off("blur", this.blurHandler), this.editor.off("transaction", this.transactionHandler), this.floatingUIOptions.onDestroy && this.floatingUIOptions.onDestroy();
   }
-}, ei = (t) => new It({
-  key: typeof t.pluginKey == "string" ? new rt(t.pluginKey) : t.pluginKey,
-  view: (e) => new ti({ view: e, ...t })
+}, ni = (t) => new It({
+  key: typeof t.pluginKey == "string" ? new st(t.pluginKey) : t.pluginKey,
+  view: (e) => new ei({ view: e, ...t })
 });
 le({
   name: "FloatingMenu",
@@ -1630,7 +1631,7 @@ le({
     return de(() => {
       const { pluginKey: i, editor: s, updateDelay: r, resizeDelay: a, options: l, appendTo: u, shouldShow: d } = t, c = n.value;
       c && (c.style.visibility = "hidden", c.style.position = "absolute", c.remove(), s.registerPlugin(
-        ei({
+        ni({
           pluginKey: i,
           editor: s,
           element: c,
@@ -1650,7 +1651,7 @@ le({
     };
   }
 });
-const ni = {
+const oi = {
   compatConfig: { MODE: 3 },
   name: "EmojiComponent",
   components: {
@@ -1659,11 +1660,11 @@ const ni = {
   },
   props: ft
 };
-function oi(t, e, o, n, i, s) {
-  const r = T("dt-emoji"), a = T("node-view-wrapper");
-  return _(), I(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
-    default: C(() => [
-      M(r, {
+function ii(t, e, o, n, i, s) {
+  const r = x("dt-emoji"), a = x("node-view-wrapper");
+  return k(), E(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
+    default: T(() => [
+      A(r, {
         size: "500",
         code: t.node.attrs.code
       }, null, 8, ["code"])
@@ -1671,11 +1672,11 @@ function oi(t, e, o, n, i, s) {
     _: 1
   });
 }
-const ii = /* @__PURE__ */ q(ni, [["render", oi]]), si = {
+const si = /* @__PURE__ */ q(oi, [["render", ii]]), ri = {
   compatConfig: { MODE: 3 },
   name: "SuggestionList",
   components: {
-    DtListItem: Vn
+    DtListItem: zn
   },
   props: {
     items: {
@@ -1744,15 +1745,15 @@ const ii = /* @__PURE__ */ q(ni, [["render", oi]]), si = {
       }
     }
   }
-}, ri = { class: "d-popover__dialog d-suggestion-list__container" }, ai = {
+}, ai = { class: "d-popover__dialog d-suggestion-list__container" }, li = {
   ref: "suggestionList",
   class: "d-suggestion-list"
 };
-function li(t, e, o, n, i, s) {
-  const r = T("dt-list-item");
-  return _(), et("div", ri, [
-    rn(nt("ul", ai, [
-      (_(!0), et(an, null, ln(o.items, (a, l) => (_(), I(r, {
+function ci(t, e, o, n, i, s) {
+  const r = x("dt-list-item");
+  return k(), ut("div", ai, [
+    an(ct("ul", li, [
+      (k(!0), ut(ln, null, cn(o.items, (a, l) => (k(), E(r, {
         key: a.id,
         class: fe([
           "d-suggestion-list__item",
@@ -1762,18 +1763,18 @@ function li(t, e, o, n, i, s) {
         onClick: (u) => s.selectItem(l),
         onKeydown: At(s.onKeyDown, ["prevent"])
       }, {
-        default: C(() => [
-          (_(), I(cn(o.itemComponent), { item: a }, null, 8, ["item"]))
+        default: T(() => [
+          (k(), E(dn(o.itemComponent), { item: a }, null, 8, ["item"]))
         ]),
         _: 2
       }, 1032, ["class", "onClick", "onKeydown"]))), 128))
     ], 512), [
-      [dn, o.items.length]
+      [un, o.items.length]
     ])
   ]);
 }
-const ci = /* @__PURE__ */ q(si, [["render", li]]), Pe = "top-start", Ue = "650";
-function di() {
+const di = /* @__PURE__ */ q(ri, [["render", ci]]), Ue = "top-start", Ve = "650";
+function ui() {
   return {
     getBoundingClientRect: () => ({
       width: 0,
@@ -1790,12 +1791,12 @@ function di() {
 function oe(t) {
   return { getBoundingClientRect: t };
 }
-async function ui(t, e, o = {}) {
+async function hi(t, e, o = {}) {
   if (!t || !(e != null && e.getBoundingClientRect)) return;
   const {
-    placement: n = Pe,
+    placement: n = Ue,
     middleware: i = [Pt(0), Vt(), Ut({ padding: 8 })]
-  } = o, { x: s, y: r } = await jt(e, t, {
+  } = o, { x: s, y: r } = await zt(e, t, {
     placement: n,
     middleware: i
   });
@@ -1804,61 +1805,61 @@ async function ui(t, e, o = {}) {
     top: `${r}px`
   });
 }
-function hi(t, e = {}) {
-  const { zIndex: o = Ue } = e;
+function fi(t, e = {}) {
+  const { zIndex: o = Ve } = e;
   t.style.position = "absolute", t.style.zIndex = o, t.style.display = "none";
 }
-function fi(t) {
+function pi(t) {
   t && (t.style.display = "block");
 }
-function pi(t) {
+function mi(t) {
   t && (t.style.display = "none");
 }
-function mi(t, e) {
+function gi(t, e) {
   return (o) => {
     o.key === "Escape" && e() && t();
   };
 }
-function gi(t) {
+function yi(t) {
   document.addEventListener("keydown", t);
 }
-function yi(t) {
+function wi(t) {
   document.removeEventListener("keydown", t);
 }
-function wi(t, e, o, n) {
+function bi(t, e, o, n) {
   return new je(t, {
     props: {
-      itemComponent: un(e),
+      itemComponent: hn(e),
       itemType: o,
       ...n
     },
     editor: n.editor
   });
 }
-function bi(t) {
+function vi(t) {
   var e, o;
-  t.escHandler && yi(t.escHandler), (e = t.floatingEl) == null || e.remove(), (o = t.component) == null || o.destroy();
+  t.escHandler && wi(t.escHandler), (e = t.floatingEl) == null || e.remove(), (o = t.component) == null || o.destroy();
 }
 function Ct(t, e, o = {}) {
   const {
-    listComponent: n = ci,
-    placement: i = Pe,
-    zIndex: s = Ue
+    listComponent: n = di,
+    placement: i = Ue,
+    zIndex: s = Ve
   } = o;
   return () => {
-    let r = null, a = null, l = !1, u = di(), d = null;
+    let r = null, a = null, l = !1, u = ui(), d = null;
     function c() {
-      ui(a, u, { placement: i });
+      hi(a, u, { placement: i });
     }
     function h() {
-      a && (fi(a), l = !0, c());
+      a && (pi(a), l = !0, c());
     }
     function f() {
-      a && (pi(a), l = !1);
+      a && (mi(a), l = !1);
     }
     return {
       onStart: (p) => {
-        r = wi(n, t, e, p), p.clientRect && (a = r.element, hi(a, { zIndex: s }), document.body.appendChild(a), u = oe(p.clientRect), d = mi(f, () => l), gi(d), p.items.length > 0 && h());
+        r = bi(n, t, e, p), p.clientRect && (a = r.element, fi(a, { zIndex: s }), document.body.appendChild(a), u = oe(p.clientRect), d = gi(f, () => l), yi(d), p.items.length > 0 && h());
       },
       onUpdate(p) {
         r == null || r.updateProps(p), p.items.length > 0 ? h() : f(), p.clientRect && (u = oe(p.clientRect), c());
@@ -1869,12 +1870,12 @@ function Ct(t, e, o = {}) {
           return (m = r == null ? void 0 : r.ref) == null ? void 0 : m.onKeyDown(p);
       },
       onExit() {
-        bi({ escHandler: d, floatingEl: a, component: r }), d = null, a = null, r = null;
+        vi({ escHandler: d, floatingEl: a, component: r }), d = null, a = null, r = null;
       }
     };
   };
 }
-const vi = {
+const xi = {
   compatConfig: { MODE: 3 },
   name: "EmojiSuggestion",
   components: {
@@ -1888,31 +1889,31 @@ const vi = {
     }
   }
 };
-function xi(t, e, o, n, i, s) {
-  const r = T("dt-emoji"), a = T("dt-stack");
-  return _(), I(a, {
+function Ti(t, e, o, n, i, s) {
+  const r = x("dt-emoji"), a = x("dt-stack");
+  return k(), E(a, {
     direction: "row",
     gap: "400"
   }, {
-    default: C(() => [
-      M(r, {
+    default: T(() => [
+      A(r, {
         size: "200",
         code: o.item.code
       }, null, 8, ["code"]),
-      at(" " + $(o.item.code), 1)
+      Y(" " + $(o.item.code), 1)
     ]),
     _: 1
   });
 }
-const Ti = /* @__PURE__ */ q(vi, [["render", xi]]), _i = 20, ki = (t, e, o) => {
+const _i = /* @__PURE__ */ q(xi, [["render", Ti]]), ki = 20, Ci = (t, e, o) => {
   var a, l;
   const n = (a = t.shortname) == null ? void 0 : a.replaceAll(":", ""), i = (l = e.shortname) == null ? void 0 : l.replaceAll(":", ""), s = n.startsWith(o), r = i.startsWith(o);
   return s && !r ? -1 : !s && r ? 1 : n.localeCompare(i);
-}, Ci = {
+}, Oi = {
   items: ({ query: t }) => {
     if (t.length < 2)
       return [];
-    const e = Object.values(Bn());
+    const e = Object.values(Nn());
     return t = t.toLowerCase(), e.filter(
       (n) => {
         var i;
@@ -1922,7 +1923,7 @@ const Ti = /* @__PURE__ */ q(vi, [["render", xi]]), _i = 20, ki = (t, e, o) => {
           ...n.keywords || []
         ].some((s) => s && s.startsWith(t));
       }
-    ).splice(0, _i).sort((n, i) => ki(n, i, t)).map((n) => ({ code: n.shortname }));
+    ).splice(0, ki).sort((n, i) => Ci(n, i, t)).map((n) => ({ code: n.shortname }));
   },
   command: ({ editor: t, range: e, props: o }) => {
     var s, r;
@@ -1934,15 +1935,15 @@ const Ti = /* @__PURE__ */ q(vi, [["render", xi]]), _i = 20, ki = (t, e, o) => {
       }
     ]).run(), (r = window.getSelection()) == null || r.collapseToEnd();
   },
-  render: Ct(Ti, "emoji")
-}, Oi = /(:\w+:)$/, Ei = new RegExp(ge + "$"), Si = (t) => {
+  render: Ct(_i, "emoji")
+}, Ei = /(:\w+:)$/, Si = new RegExp(ge + "$"), Li = (t) => {
   if (t && Dt(t[0]))
     return { text: t[2] || t[0] };
-}, Li = (t) => [...t.matchAll(Un)].filter((o) => Dt(o[0])).map((o) => ({
+}, Ii = (t) => [...t.matchAll(Vn)].filter((o) => Dt(o[0])).map((o) => ({
   index: o.index,
   text: o[0],
   match: o
-})), Ii = ae.create({
+})), Ai = ae.create({
   name: "emoji",
   addOptions() {
     return {
@@ -1954,7 +1955,7 @@ const Ti = /* @__PURE__ */ q(vi, [["render", xi]]), _i = 20, ki = (t, e, o) => {
   selectable: !1,
   atom: !0,
   addNodeView() {
-    return mt(ii);
+    return mt(si);
   },
   addAttributes() {
     return {
@@ -1971,18 +1972,18 @@ const Ti = /* @__PURE__ */ q(vi, [["render", xi]]), _i = 20, ki = (t, e, o) => {
     ];
   },
   renderText({ node: t }) {
-    return Pn(Dt(t.attrs.code).unicode_output);
+    return Un(Dt(t.attrs.code).unicode_output);
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["emoji-component", st(this.options.HTMLAttributes, t)];
+    return ["emoji-component", it(this.options.HTMLAttributes, t)];
   },
   addInputRules() {
     return [
-      new Xe({
+      new Ye({
         find: (t) => {
-          const e = t.match(Oi) || t.match(Ei);
+          const e = t.match(Ei) || t.match(Si);
           if (e)
-            return Si(e);
+            return Li(e);
         },
         handler: ({ state: t, range: e, match: o }) => {
           const { tr: n } = t, i = e.from, s = e.to;
@@ -1994,7 +1995,7 @@ const Ti = /* @__PURE__ */ q(vi, [["render", xi]]), _i = 20, ki = (t, e, o) => {
   addPasteRules() {
     return [
       Et({
-        find: Li,
+        find: Ii,
         type: this.type,
         getAttributes(t) {
           return {
@@ -2003,7 +2004,7 @@ const Ti = /* @__PURE__ */ q(vi, [["render", xi]]), _i = 20, ki = (t, e, o) => {
         }
       }),
       Et({
-        find: Nn,
+        find: Pn,
         type: this.type,
         getAttributes(t) {
           return {
@@ -2015,12 +2016,12 @@ const Ti = /* @__PURE__ */ q(vi, [["render", xi]]), _i = 20, ki = (t, e, o) => {
   },
   addProseMirrorPlugins() {
     return [
-      $n({
+      Bn({
         char: ":",
-        pluginKey: new rt("emoji"),
+        pluginKey: new st("emoji"),
         editor: this.editor,
         ...this.options.suggestion,
-        ...Ci
+        ...Oi
       })
     ];
   },
@@ -2037,7 +2038,7 @@ const Ti = /* @__PURE__ */ q(vi, [["render", xi]]), _i = 20, ki = (t, e, o) => {
     };
   }
 });
-function Ai(t, e, o = () => !0) {
+function Di(t, e, o = () => !0) {
   const n = [];
   e.lastIndex = 0;
   let i;
@@ -2045,10 +2046,10 @@ function Ai(t, e, o = () => !0) {
     o(t, i) && n.push(i);
   return n;
 }
-function Di(t, e) {
+function Ri(t, e) {
   return !["#", "@"].includes(t.charAt(e.index)) && !["#", "@"].includes(t.charAt(e.index - 1));
 }
-function Ri(t) {
+function Mi(t) {
   const e = new RegExp(
     "(?:" + [
       `[!?.,:;'"]`,
@@ -2058,7 +2059,7 @@ function Ri(t) {
   );
   return t.replace(e, "");
 }
-function Mi(t, e) {
+function Hi(t, e) {
   const o = t.slice(0, e + 1).search(/\S+\s*$/), n = t.slice(e).search(/\s/);
   if (n < 0) {
     const i = t.slice(o);
@@ -2075,18 +2076,18 @@ function Mi(t, e) {
   };
 }
 function Lt(t, e, o, n) {
-  const i = Mi(t, e);
+  const i = Hi(t, e);
   if (n.lastIndex = 0, !n.test(i.text))
     return i;
   const s = o === "left" ? i.from - 1 : i.to + 1;
   return s <= 0 || s >= t.length || s === e ? i : Lt(t, s, o, n);
 }
-function Hi(t, e, o, n) {
-  const i = Math.max(t.from - 1, 0), s = Math.min(t.to + 1, e.content.size), r = Ye(i, s, e);
+function $i(t, e, o, n) {
+  const i = Math.max(t.from - 1, 0), s = Math.min(t.to + 1, e.content.size), r = Ge(i, s, e);
   for (const a of r)
     a.mark.type === n && o.removeMark(a.from, a.to, n);
 }
-const ie = zn(1, 15);
+const ie = Fn(1, 15);
 function se(t, e, o, n, i, s) {
   if (!t)
     return;
@@ -2103,27 +2104,27 @@ function se(t, e, o, n, i, s) {
     "right",
     ie
   ), d = t.slice(l.from, u.to);
-  Ai(d, jn, Di).forEach((h) => {
-    const f = Ri(h[0]), p = e + l.from + h.index + 1, m = p + f.length;
+  Di(d, jn, Ri).forEach((h) => {
+    const f = Mi(h[0]), p = e + l.from + h.index + 1, m = p + f.length;
     i.addMark(p, m, s.create());
   });
 }
-function $i(t) {
+function Bi(t) {
   let e = !1;
   return new It({
-    key: new rt("autolink"),
+    key: new st("autolink"),
     appendTransaction: (o, n, i) => {
       const s = o.some((d) => d.docChanged) && !n.doc.eq(i.doc);
       if (e && !s)
         return;
       const { tr: r } = i, { textContent: a } = i.doc;
       e || se(a, 0, 0, a.length, r, t.type), e = !0;
-      const l = Ge(
+      const l = Je(
         n.doc,
         [...o]
       );
-      return Je(l).forEach(({ oldRange: d, newRange: c }) => {
-        Hi(c, i.doc, r, t.type), Ze(
+      return Ze(l).forEach(({ oldRange: d, newRange: c }) => {
+        $i(c, i.doc, r, t.type), Qe(
           i.doc,
           c,
           (f) => f.isTextblock
@@ -2141,18 +2142,18 @@ function $i(t) {
     }
   });
 }
-const Bi = {
+const Ni = {
   class: "d-link d-c-text d-d-inline-block d-wb-break-all",
   rel: "noopener noreferrer nofollow"
-}, Ni = Qe.create({
+}, Pi = tn.create({
   name: "CustomLink",
   renderHTML({ HTMLAttributes: t }) {
     return [
       "a",
-      st(
+      it(
         this.options.HTMLAttributes,
         t,
-        Bi
+        Ni
       )
     ];
   },
@@ -2161,10 +2162,10 @@ const Bi = {
   },
   addProseMirrorPlugins() {
     return [
-      $i({ type: this.type })
+      Bi({ type: this.type })
     ];
   }
-}), Pi = Kn.extend({
+}), Ui = Wn.extend({
   name: "ConfigurableImage",
   addAttributes() {
     return {
@@ -2188,14 +2189,14 @@ const Bi = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), Ui = me.extend({
+}).configure({ inline: !0, allowBase64: !0 }), Vi = me.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["div", st(this.options.HTMLAttributes, t), 0];
+    return ["div", it(this.options.HTMLAttributes, t), 0];
   }
-}), Vi = {
+}), zi = {
   compatConfig: { MODE: 3 },
   name: "MentionComponent",
   components: {
@@ -2229,10 +2230,10 @@ const Bi = {
   }
 };
 function ji(t, e, o, n, i, s) {
-  const r = T("dt-link"), a = T("node-view-wrapper");
-  return _(), I(a, { class: "d-d-inline-block" }, {
-    default: C(() => [
-      M(r, {
+  const r = x("dt-link"), a = x("node-view-wrapper");
+  return k(), E(a, { class: "d-d-inline-block" }, {
+    default: T(() => [
+      A(r, {
         kind: "mention",
         onClick: At(s.handleClick, ["prevent"]),
         onMouseenter: s.handleMouseEnter,
@@ -2240,8 +2241,8 @@ function ji(t, e, o, n, i, s) {
         onFocusin: s.handleMouseEnter,
         onFocusout: s.handleMouseLeave
       }, {
-        default: C(() => [
-          at($(s.text), 1)
+        default: T(() => [
+          Y($(s.text), 1)
         ]),
         _: 1
       }, 8, ["onClick", "onMouseenter", "onMouseleave", "onFocusin", "onFocusout"])
@@ -2249,9 +2250,9 @@ function ji(t, e, o, n, i, s) {
     _: 1
   });
 }
-const zi = /* @__PURE__ */ q(Vi, [["render", ji]]), Fi = Rt.extend({
+const Fi = /* @__PURE__ */ q(zi, [["render", ji]]), Ki = Rt.extend({
   addNodeView() {
-    return mt(zi);
+    return mt(Fi);
   },
   parseHTML() {
     return [
@@ -2280,20 +2281,20 @@ const zi = /* @__PURE__ */ q(Vi, [["render", ji]]), Fi = Rt.extend({
     return `@${t.attrs.id}`;
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["mention-component", st(this.options.HTMLAttributes, t)];
+    return ["mention-component", it(this.options.HTMLAttributes, t)];
   }
 }).configure({
   suggestion: {
     char: "@",
-    pluginKey: new rt("mentionSuggestion")
+    pluginKey: new st("mentionSuggestion")
   }
-}), Ki = {
+}), Wi = {
   compatConfig: { MODE: 3 },
   name: "ChannelComponent",
   components: {
     NodeViewWrapper: pt,
     DtLink: we,
-    DtIconLock: Wn,
+    DtIconLock: qn,
     DtStack: gt
   },
   props: ft,
@@ -2314,25 +2315,25 @@ const zi = /* @__PURE__ */ q(Vi, [["render", ji]]), Fi = Rt.extend({
     }
   }
 };
-function Wi(t, e, o, n, i, s) {
-  const r = T("dt-icon-lock"), a = T("dt-stack"), l = T("dt-link"), u = T("node-view-wrapper");
-  return _(), I(u, { class: "d-d-inline-block" }, {
-    default: C(() => [
-      M(l, {
+function qi(t, e, o, n, i, s) {
+  const r = x("dt-icon-lock"), a = x("dt-stack"), l = x("dt-link"), u = x("node-view-wrapper");
+  return k(), E(u, { class: "d-d-inline-block" }, {
+    default: T(() => [
+      A(l, {
         kind: "mention",
         onClick: At(s.handleClick, ["prevent"])
       }, {
-        default: C(() => [
-          M(a, {
+        default: T(() => [
+          A(a, {
             direction: "row",
             gap: "0"
           }, {
-            default: C(() => [
-              t.$props.node.attrs.locked ? (_(), I(r, {
+            default: T(() => [
+              t.$props.node.attrs.locked ? (k(), E(r, {
                 key: 0,
                 size: "200"
-              })) : it("", !0),
-              nt("span", null, $(s.text), 1)
+              })) : ot("", !0),
+              ct("span", null, $(s.text), 1)
             ]),
             _: 1
           })
@@ -2343,10 +2344,10 @@ function Wi(t, e, o, n, i, s) {
     _: 1
   });
 }
-const qi = /* @__PURE__ */ q(Ki, [["render", Wi]]), Xi = Rt.extend({
+const Xi = /* @__PURE__ */ q(Wi, [["render", qi]]), Yi = Rt.extend({
   name: "channel",
   addNodeView() {
-    return mt(qi);
+    return mt(Xi);
   },
   parseHTML() {
     return [
@@ -2375,14 +2376,14 @@ const qi = /* @__PURE__ */ q(Ki, [["render", Wi]]), Xi = Rt.extend({
     return `#${t.attrs.id}`;
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["channel-component", st(this.options.HTMLAttributes, t)];
+    return ["channel-component", it(this.options.HTMLAttributes, t)];
   }
 }).configure({
   suggestion: {
     char: "#",
-    pluginKey: new rt("channelSuggestion")
+    pluginKey: new st("channelSuggestion")
   }
-}), Yi = {
+}), Gi = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandsComponent",
   components: {
@@ -2405,23 +2406,23 @@ const qi = /* @__PURE__ */ q(Ki, [["render", Wi]]), Xi = Rt.extend({
     e && typeof e == "function" && e(t);
   }
 };
-function Gi(t, e, o, n, i, s) {
-  const r = T("node-view-wrapper");
-  return _(), I(r, { class: "d-d-inline-block" }, {
-    default: C(() => [
-      at($(s.text), 1)
+function Ji(t, e, o, n, i, s) {
+  const r = x("node-view-wrapper");
+  return k(), E(r, { class: "d-d-inline-block" }, {
+    default: T(() => [
+      Y($(s.text), 1)
     ]),
     _: 1
   });
 }
-const Ji = /* @__PURE__ */ q(Yi, [["render", Gi]]), Zi = (t, e) => [...t.matchAll(e)].map((n) => {
+const Zi = /* @__PURE__ */ q(Gi, [["render", Ji]]), Qi = (t, e) => [...t.matchAll(e)].map((n) => {
   let i = n[2];
   return i.endsWith(" ") || (i += " "), {
     index: n.index,
     text: i,
     match: n
   };
-}), Qi = Rt.extend({
+}), ts = Rt.extend({
   name: "slash-commands",
   group: "inline",
   inline: !0,
@@ -2438,7 +2439,7 @@ const Ji = /* @__PURE__ */ q(Yi, [["render", Gi]]), Zi = (t, e) => [...t.matchAl
     };
   },
   addNodeView() {
-    return mt(Ji);
+    return mt(Zi);
   },
   parseHTML() {
     return [
@@ -2464,13 +2465,13 @@ const Ji = /* @__PURE__ */ q(Yi, [["render", Gi]]), Zi = (t, e) => [...t.matchAl
     return `/${t.attrs.command}`;
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["command-component", st(this.options.HTMLAttributes, t)];
+    return ["command-component", it(this.options.HTMLAttributes, t)];
   },
   addInputRules() {
     var o;
     const t = (o = this.options.suggestion) == null ? void 0 : o.items({ query: "" }).map((n) => n.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) $`);
     return [
-      tn({
+      en({
         find: e,
         type: this.type,
         getAttributes(n) {
@@ -2484,7 +2485,7 @@ const Ji = /* @__PURE__ */ q(Yi, [["render", Gi]]), Zi = (t, e) => [...t.matchAl
     const t = (o = this.options.suggestion) == null ? void 0 : o.items({ query: "" }).map((n) => n.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) ?$`, "g");
     return [
       Et({
-        find: (n) => Zi(n, e),
+        find: (n) => Qi(n, e),
         type: this.type,
         getAttributes(n) {
           return { command: n[0].trim() };
@@ -2495,22 +2496,22 @@ const Ji = /* @__PURE__ */ q(Yi, [["render", Gi]]), Zi = (t, e) => [...t.matchAl
 }).configure({
   suggestion: {
     char: "/",
-    pluginKey: new rt("slashCommandSuggestion")
+    pluginKey: new st("slashCommandSuggestion")
   }
-}), ts = 100, es = {
+}), es = 100, ns = {
   name: "VariableComponent",
   components: {
-    DtBadge: Yn,
+    DtBadge: Gn,
     DtButton: ve,
-    DtPopover: Xn,
-    DtInput: qn,
+    DtPopover: Yn,
+    DtInput: Xn,
     NodeViewWrapper: pt
   },
   props: ft,
   data() {
     return {
       i18n: new be(),
-      MAX_VARIABLE_ALT_LENGTH: ts
+      MAX_VARIABLE_ALT_LENGTH: es
     };
   },
   computed: {
@@ -2550,21 +2551,21 @@ const Ji = /* @__PURE__ */ q(Yi, [["render", Gi]]), Zi = (t, e) => [...t.matchAl
     }
   }
 };
-function ns(t, e, o, n, i, s) {
-  const r = T("dt-badge"), a = T("dt-button"), l = T("dt-input"), u = T("dt-popover"), d = T("node-view-wrapper");
-  return _(), I(d, { class: "d-d-inline-block" }, {
-    default: C(() => [
-      s.enableAltText ? (_(), I(u, {
+function os(t, e, o, n, i, s) {
+  const r = x("dt-badge"), a = x("dt-button"), l = x("dt-input"), u = x("dt-popover"), d = x("node-view-wrapper");
+  return k(), E(d, { class: "d-d-inline-block" }, {
+    default: T(() => [
+      s.enableAltText ? (k(), E(u, {
         key: 0,
         padding: "small",
         "navigation-type": "arrow-keys",
         placement: "top-start",
         modal: !1
       }, {
-        anchor: C(({ attrs: c }) => [
-          M(a, pe(c, { kind: "unstyled" }), {
-            default: C(() => [
-              M(r, {
+        anchor: T(({ attrs: c }) => [
+          A(a, pe(c, { kind: "unstyled" }), {
+            default: T(() => [
+              A(r, {
                 text: s.badgeLabel,
                 contenteditable: "false"
               }, null, 8, ["text"])
@@ -2572,8 +2573,8 @@ function ns(t, e, o, n, i, s) {
             _: 1
           }, 16)
         ]),
-        content: C(({ close: c }) => [
-          M(l, {
+        content: T(({ close: c }) => [
+          A(l, {
             modelValue: s.altText,
             "onUpdate:modelValue": e[0] || (e[0] = (h) => s.altText = h),
             "root-class": "d-p8 d-w332",
@@ -2588,11 +2589,11 @@ function ns(t, e, o, n, i, s) {
                 limitMaxLength: !0
               }
             },
-            onKeyup: hn((h) => c(), ["enter"])
+            onKeyup: fn((h) => c(), ["enter"])
           }, null, 8, ["modelValue", "label", "placeholder", "validate", "onKeyup"])
         ]),
         _: 1
-      })) : (_(), I(r, {
+      })) : (k(), E(r, {
         key: 1,
         text: s.badgeLabel,
         contenteditable: "false"
@@ -2601,7 +2602,7 @@ function ns(t, e, o, n, i, s) {
     _: 1
   });
 }
-const os = /* @__PURE__ */ q(es, [["render", ns]]), is = ae.create({
+const is = /* @__PURE__ */ q(ns, [["render", os]]), ss = ae.create({
   name: "variable",
   group: "inline",
   inline: !0,
@@ -2614,7 +2615,7 @@ const os = /* @__PURE__ */ q(es, [["render", ns]]), is = ae.create({
     };
   },
   addNodeView() {
-    return mt(os);
+    return mt(is);
   },
   addAttributes() {
     return {
@@ -2654,7 +2655,7 @@ const os = /* @__PURE__ */ q(es, [["render", ns]]), is = ae.create({
   renderHTML({ node: t, HTMLAttributes: e }) {
     return [
       "variable",
-      st(this.options.HTMLAttributes, e, {
+      it(this.options.HTMLAttributes, e, {
         "data-variable-id": t.attrs.id,
         "data-alt-text": t.attrs.altText,
         "data-enable-alt-text": String(t.attrs.enableAltText)
@@ -2673,12 +2674,13 @@ const os = /* @__PURE__ */ q(es, [["render", ns]]), is = ae.create({
       })
     };
   }
-}), ss = {
+}), rs = {
   compatConfig: { MODE: 3 },
   name: "MentionSuggestion",
   components: {
-    DtAvatar: Zn,
-    DtStack: gt
+    DtAvatar: Qn,
+    DtStack: gt,
+    DtText: xe
   },
   props: {
     item: {
@@ -2714,22 +2716,16 @@ const os = /* @__PURE__ */ q(es, [["render", ns]]), is = ae.create({
       return this.item.showDetails;
     }
   }
-}, rs = { class: "d-mention-suggestion__name" }, as = {
-  key: 1,
-  class: "d-mention-suggestion__divider"
-}, ls = {
-  key: 2,
-  class: "d-mention-suggestion__status"
-};
-function cs(t, e, o, n, i, s) {
-  const r = T("dt-avatar"), a = T("dt-stack");
-  return _(), I(a, {
+}, as = { class: "d-mention-suggestion__name" };
+function ls(t, e, o, n, i, s) {
+  const r = x("dt-avatar"), a = x("dt-text"), l = x("dt-stack");
+  return k(), E(l, {
     direction: "row",
     class: "d-mention-suggestion__container",
     gap: "400"
   }, {
-    default: C(() => [
-      M(r, {
+    default: T(() => [
+      A(r, {
         "full-name": s.name,
         "image-src": s.avatarSrc,
         "image-alt": s.name,
@@ -2737,28 +2733,59 @@ function cs(t, e, o, n, i, s) {
         presence: s.presence,
         size: "sm"
       }, null, 8, ["full-name", "image-src", "image-alt", "show-presence", "presence"]),
-      M(a, {
+      A(l, {
         class: "d-mention-suggestion__details-container",
         gap: "100"
       }, {
-        default: C(() => [
-          nt("span", rs, $(s.name), 1),
-          s.showDetails ? (_(), I(a, {
+        default: T(() => [
+          ct("span", as, $(s.name), 1),
+          s.showDetails ? (k(), E(l, {
             key: 0,
             direction: "row",
-            gap: "300",
-            class: "d-label--sm-plain"
+            gap: "300"
           }, {
-            default: C(() => [
-              s.presenceText ? (_(), et("span", {
+            default: T(() => [
+              s.presenceText ? (k(), E(a, {
                 key: 0,
+                kind: "label",
+                size: "sm",
+                strength: "normal",
                 class: fe(["d-mention-suggestion__presence", [s.presenceFontColorClass]])
-              }, $(s.presenceText), 3)) : it("", !0),
-              s.status && s.presenceText ? (_(), et("div", as, " • ")) : it("", !0),
-              s.status ? (_(), et("div", ls, $(s.status), 1)) : it("", !0)
+              }, {
+                default: T(() => [
+                  Y($(s.presenceText), 1)
+                ]),
+                _: 1
+              }, 8, ["class"])) : ot("", !0),
+              s.status && s.presenceText ? (k(), E(a, {
+                key: 1,
+                kind: "label",
+                size: "sm",
+                strength: "normal",
+                as: "div",
+                class: "d-mention-suggestion__divider"
+              }, {
+                default: T(() => [...e[0] || (e[0] = [
+                  Y(" • ", -1)
+                ])]),
+                _: 1
+              })) : ot("", !0),
+              s.status ? (k(), E(a, {
+                key: 2,
+                kind: "label",
+                size: "sm",
+                strength: "normal",
+                as: "div",
+                class: "d-mention-suggestion__status"
+              }, {
+                default: T(() => [
+                  Y($(s.status), 1)
+                ]),
+                _: 1
+              })) : ot("", !0)
             ]),
             _: 1
-          })) : it("", !0)
+          })) : ot("", !0)
         ]),
         _: 1
       })
@@ -2766,19 +2793,19 @@ function cs(t, e, o, n, i, s) {
     _: 1
   });
 }
-const ds = /* @__PURE__ */ q(ss, [["render", cs]]), us = {
+const cs = /* @__PURE__ */ q(rs, [["render", ls]]), ds = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
   allowSpaces: !0,
-  render: Ct(ds, "mention")
-}, hs = {
+  render: Ct(cs, "mention")
+}, us = {
   compatConfig: { MODE: 3 },
   name: "ChannelSuggestion",
   components: {
     DtStack: gt,
-    DtIconHash: Qn,
-    DtIconLock: to
+    DtIconHash: to,
+    DtIconLock: eo
   },
   props: {
     item: {
@@ -2792,34 +2819,35 @@ const ds = /* @__PURE__ */ q(ss, [["render", cs]]), us = {
     }
   }
 };
-function fs(t, e, o, n, i, s) {
-  const r = T("dt-icon-hash"), a = T("dt-icon-lock"), l = T("dt-stack");
-  return _(), I(l, {
+function hs(t, e, o, n, i, s) {
+  const r = x("dt-icon-hash"), a = x("dt-icon-lock"), l = x("dt-stack");
+  return k(), E(l, {
     direction: "row",
     gap: "400"
   }, {
-    default: C(() => [
-      o.item.locked ? (_(), I(a, {
+    default: T(() => [
+      o.item.locked ? (k(), E(a, {
         key: 1,
         size: "300"
-      })) : (_(), I(r, {
+      })) : (k(), E(r, {
         key: 0,
         size: "300"
       })),
-      nt("span", null, $(s.name), 1)
+      ct("span", null, $(s.name), 1)
     ]),
     _: 1
   });
 }
-const ps = /* @__PURE__ */ q(hs, [["render", fs]]), ms = {
+const fs = /* @__PURE__ */ q(us, [["render", hs]]), ps = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
   allowSpaces: !0,
-  render: Ct(ps, "channel")
-}, gs = {
+  render: Ct(fs, "channel")
+}, ms = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandSuggestion",
+  components: { DtText: xe },
   props: {
     item: {
       type: Object,
@@ -2837,29 +2865,48 @@ const ps = /* @__PURE__ */ q(hs, [["render", fs]]), ms = {
       return this.item.parametersExample;
     }
   }
-}, ys = { class: "d-body--md-compact" }, ws = { key: 0 }, bs = { class: "d-body--sm d-fc-tertiary" };
-function vs(t, e, o, n, i, s) {
-  return _(), et("div", null, [
-    nt("div", ys, [
-      nt("span", null, "/" + $(s.command), 1),
-      s.parametersExample ? (_(), et("span", ws, $(s.parametersExample), 1)) : it("", !0)
-    ]),
-    nt("div", bs, $(s.description), 1)
+}, gs = { key: 0 };
+function ys(t, e, o, n, i, s) {
+  const r = x("dt-text");
+  return k(), ut("div", null, [
+    A(r, {
+      kind: "body",
+      size: "md",
+      density: 300,
+      as: "div"
+    }, {
+      default: T(() => [
+        ct("span", null, "/" + $(s.command), 1),
+        s.parametersExample ? (k(), ut("span", gs, $(s.parametersExample), 1)) : ot("", !0)
+      ]),
+      _: 1
+    }),
+    A(r, {
+      kind: "body",
+      size: "sm",
+      tone: "tertiary",
+      as: "div"
+    }, {
+      default: T(() => [
+        Y($(s.description), 1)
+      ]),
+      _: 1
+    })
   ]);
 }
-const xs = /* @__PURE__ */ q(gs, [["render", vs]]), Ts = {
+const ws = /* @__PURE__ */ q(ms, [["render", ys]]), bs = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
   allowSpaces: !0,
   startOfLine: !0,
-  render: Ct(xs, "slash-command")
-}, _s = {
+  render: Ct(ws, "slash-command")
+}, vs = {
   compatConfig: { MODE: 3 },
   name: "DtRichTextEditor",
   components: {
-    EditorContent: ze,
-    BubbleMenu: Qo,
+    EditorContent: Fe,
+    BubbleMenu: ti,
     DtButton: ve,
     DtStack: gt
   },
@@ -2933,7 +2980,7 @@ const xs = /* @__PURE__ */ q(gs, [["render", vs]]), Ts = {
       type: [Boolean, String, Number],
       default: !1,
       validator(t) {
-        return typeof t == "string" ? Jn.includes(t) : !0;
+        return typeof t == "string" ? Zn.includes(t) : !0;
       }
     },
     /**
@@ -2946,7 +2993,7 @@ const xs = /* @__PURE__ */ q(gs, [["render", vs]]), Ts = {
       type: String,
       default: "html",
       validator(t) {
-        return Gn.includes(t);
+        return Jn.includes(t);
       }
     },
     /**
@@ -3273,7 +3320,7 @@ const xs = /* @__PURE__ */ q(gs, [["render", vs]]), Ts = {
       editor: null,
       appendTo: () => {
         var t;
-        return (t = zt(this.$refs.editor.$el).getRootNode()) == null ? void 0 : t.querySelector("body");
+        return (t = jt(this.$refs.editor.$el).getRootNode()) == null ? void 0 : t.querySelector("body");
       },
       floatingOptions: {
         placement: "top-start"
@@ -3418,15 +3465,15 @@ ${this.processNodeContent(t)}
     },
     // eslint-disable-next-line complexity
     extensions() {
-      const t = [gn, Ln, yn, vn];
-      t.push(this.useDivTags ? Ui : me), this.allowBold && t.push(xn), this.allowBlockquote && t.push(fn), this.allowBulletList && (t.push(Tn), t.push(_n.extend({
+      const t = [yn, In, wn, xn];
+      t.push(this.useDivTags ? Vi : me), this.allowBold && t.push(Tn), this.allowBlockquote && t.push(pn), this.allowBulletList && (t.push(_n), t.push(kn.extend({
         renderText({ node: n }) {
           return n.textContent;
         }
-      })), t.push(kn)), this.allowItalic && t.push(Cn), this.allowStrike && t.push(En), this.allowUnderline && t.push(Sn), this.placeholder && t.push(
-        wn.configure({ placeholder: this.placeholder })
+      })), t.push(Cn)), this.allowItalic && t.push(On), this.allowStrike && t.push(Sn), this.allowUnderline && t.push(Ln), this.placeholder && t.push(
+        bn.configure({ placeholder: this.placeholder })
       );
-      const e = this, o = en.create({
+      const e = this, o = nn.create({
         addKeyboardShortcuts() {
           return {
             "Shift-Enter": ({ editor: n }) => e.allowLineBreaks ? !1 : (n.commands.first(({ commands: i }) => [
@@ -3440,7 +3487,7 @@ ${this.processNodeContent(t)}
           };
         }
       });
-      if (t.push(o), this.link && t.push(On.extend({
+      if (t.push(o), this.link && t.push(En.extend({
         inclusive: !1,
         addKeyboardShortcuts() {
           return {
@@ -3454,28 +3501,28 @@ ${this.processNodeContent(t)}
         openOnClick: !1,
         autolink: !0,
         protocols: Ft
-      })), this.customLink && t.push(this.getExtension(Ni, this.customLink)), this.mentionSuggestion) {
-        const n = { ...this.mentionSuggestion, ...us };
-        t.push(Fi.configure({ suggestion: n }));
+      })), this.customLink && t.push(this.getExtension(Pi, this.customLink)), this.mentionSuggestion) {
+        const n = { ...this.mentionSuggestion, ...ds };
+        t.push(Ki.configure({ suggestion: n }));
       }
       if (this.channelSuggestion) {
-        const n = { ...this.channelSuggestion, ...ms };
-        t.push(Xi.configure({ suggestion: n }));
+        const n = { ...this.channelSuggestion, ...ps };
+        t.push(Yi.configure({ suggestion: n }));
       }
       if (this.slashCommandSuggestion) {
-        const n = { ...this.slashCommandSuggestion, ...Ts };
-        t.push(Qi.configure({
+        const n = { ...this.slashCommandSuggestion, ...bs };
+        t.push(ts.configure({
           suggestion: n,
           onSelectedCommand: (i) => {
             this.$emit("selected-command", i);
           }
         }));
       }
-      return this.allowVariable && t.push(is.configure({
+      return this.allowVariable && t.push(ss.configure({
         variableItems: this.variableItems
-      })), t.push(Ii), t.push(In.configure({
+      })), t.push(Ai), t.push(An.configure({
         types: ["paragraph"]
-      })), this.allowCode && t.push(mn), this.allowCodeblock && t.push(pn.extend({
+      })), this.allowCode && t.push(gn), this.allowCodeblock && t.push(mn.extend({
         renderText({ node: n }) {
           return `\`\`\`
 ${n.textContent}
@@ -3485,18 +3532,18 @@ ${n.textContent}
         HTMLAttributes: {
           class: "d-rich-text-editor__code-block"
         }
-      })), this.allowInlineImages && t.push(Pi.configure({
+      })), this.allowInlineImages && t.push(Ui.configure({
         resize: {
           enabled: this.allowImageResize,
           alwaysPreserveAspectRatio: !0
         }
-      })), (this.allowFontFamily || this.allowFontColor || this.allowFontSize) && t.push(Hn.configure({
+      })), (this.allowFontFamily || this.allowFontColor || this.allowFontSize) && t.push($n.configure({
         color: this.allowFontColor,
         backgroundColor: !1,
         fontFamily: this.allowFontFamily,
         fontSize: this.allowFontSize,
         lineHeight: !1
-      })), this.additionalExtensions.length && t.push(...this.additionalExtensions), this.allowTables && t.push(An.configure({ resizable: !0 }), Dn, Rn, Mn, bn), t;
+      })), this.additionalExtensions.length && t.push(...this.additionalExtensions), this.allowTables && t.push(Dn.configure({ resizable: !0 }), Rn, Mn, Hn, vn), t;
     },
     inputAttrs() {
       const t = {
@@ -3536,11 +3583,11 @@ ${n.textContent}
     this.destroyEditor();
   },
   mounted() {
-    Fn(zt(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
+    Kn(jt(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
   },
   methods: {
     createEditor() {
-      this.editor = new Fe({
+      this.editor = new Ke({
         autofocus: this.autoFocus,
         content: this.modelValue,
         editable: this.editable,
@@ -3614,7 +3661,7 @@ ${n.textContent}
     processValue(t, e = !0) {
       if (!this.editor) return;
       const o = this.getOutput();
-      if (!(e && eo(t, o))) {
+      if (!(e && no(t, o))) {
         if (typeof t == "string" && this.outputFormat === "text") {
           const n = new RegExp(`(${ge})`, "g");
           t = t == null ? void 0 : t.replace(n, '<emoji-component code="$1"></emoji-component>');
@@ -3759,11 +3806,11 @@ ${n.textContent}
       this.editor.commands.focus();
     }
   }
-}, ks = { class: "d-popover__dialog" };
-function Cs(t, e, o, n, i, s) {
-  const r = T("dt-button"), a = T("dt-stack"), l = T("bubble-menu"), u = T("editor-content");
-  return _(), et("div", null, [
-    i.editor && o.link && !o.hideLinkBubbleMenu ? (_(), I(l, {
+}, xs = { class: "d-popover__dialog" };
+function Ts(t, e, o, n, i, s) {
+  const r = x("dt-button"), a = x("dt-stack"), l = x("bubble-menu"), u = x("editor-content");
+  return k(), ut("div", null, [
+    i.editor && o.link && !o.hideLinkBubbleMenu ? (k(), E(l, {
       key: 0,
       editor: i.editor,
       "should-show": s.bubbleMenuShouldShow,
@@ -3771,41 +3818,41 @@ function Cs(t, e, o, n, i, s) {
       "append-to": i.appendTo,
       style: { visibility: "visible" }
     }, {
-      default: C(() => [
-        nt("div", ks, [
-          M(a, {
+      default: T(() => [
+        ct("div", xs, [
+          A(a, {
             direction: "row",
             class: "d-rich-text-editor-bubble-menu__button-stack",
             gap: "0"
           }, {
-            default: C(() => [
-              M(r, {
+            default: T(() => [
+              A(r, {
                 kind: "muted",
                 importance: "clear",
                 onClick: s.editLink
               }, {
-                default: C(() => [
-                  at($(i.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")), 1)
+                default: T(() => [
+                  Y($(i.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"]),
-              M(r, {
+              A(r, {
                 kind: "muted",
                 importance: "clear",
                 onClick: s.openLink
               }, {
-                default: C(() => [
-                  at($(i.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")), 1)
+                default: T(() => [
+                  Y($(i.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"]),
-              M(r, {
+              A(r, {
                 kind: "danger",
                 importance: "clear",
                 onClick: s.removeLink
               }, {
-                default: C(() => [
-                  at($(i.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")), 1)
+                default: T(() => [
+                  Y($(i.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])
@@ -3815,8 +3862,8 @@ function Cs(t, e, o, n, i, s) {
         ])
       ]),
       _: 1
-    }, 8, ["editor", "should-show", "options", "append-to"])) : it("", !0),
-    M(u, pe({
+    }, 8, ["editor", "should-show", "options", "append-to"])) : ot("", !0),
+    A(u, pe({
       ref: "editor",
       editor: i.editor,
       class: "d-rich-text-editor",
@@ -3824,8 +3871,8 @@ function Cs(t, e, o, n, i, s) {
     }, s.attrs), null, 16, ["editor"])
   ]);
 }
-const gr = /* @__PURE__ */ q(_s, [["render", Cs]]);
+const pr = /* @__PURE__ */ q(vs, [["render", Ts]]);
 export {
-  gr as default
+  pr as default
 };
 //# sourceMappingURL=rich-text-editor.js.map