@dialpad/dialtone-vue 3.218.3 → 3.219.0-next.2

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

@@ -1,64 +1,65 @@
-import { nodeViewProps as pt, NodeViewWrapper as mt, VueRenderer as We, VueNodeViewRenderer as gt, EditorContent as Ke, Editor as qe } from "../../node_modules/@tiptap/vue-3.js";
-import { isTextSelection as Xe, posToDOMRect as le, getText as Ye, getTextSerializersFromSchema as Ge, mergeAttributes as st, Node as ce, nodePasteRule as St, InputRule as Je, getMarksBetween as Ze, combineTransactionSteps as Qe, getChangedRanges as tn, findChildrenInRange as en, Mark as nn, nodeInputRule as on, Extension as sn } from "@tiptap/core";
-import { Plugin as It, PluginKey as at, NodeSelection as rn } from "@tiptap/pm/state";
-import { CellSelection as an } from "@tiptap/pm/tables";
-import { defineComponent as de, ref as ue, onMounted as he, nextTick as ln, onBeforeUnmount as fe, h as pe, resolveComponent as T, openBlock as _, createBlock as A, withCtx as C, createVNode as M, createElementBlock as et, withDirectives as cn, createElementVNode as nt, Fragment as dn, renderList as un, withModifiers as Dt, normalizeClass as me, resolveDynamicComponent as hn, vShow as fn, markRaw as pn, createTextVNode as lt, toDisplayString as B, createCommentVNode as rt, withKeys as mn, mergeProps as ge } from "vue";
-import gn from "@tiptap/extension-blockquote";
-import yn from "@tiptap/extension-code-block";
-import wn from "@tiptap/extension-code";
-import bn from "@tiptap/extension-document";
-import { UndoRedo as vn, Placeholder as xn, Gapcursor as Tn } from "@tiptap/extensions";
-import _n from "@tiptap/extension-hard-break";
+import { nodeViewProps as pt, NodeViewWrapper as mt, VueRenderer as Ke, VueNodeViewRenderer as gt, EditorContent as qe, Editor as Xe } from "../../node_modules/@tiptap/vue-3.js";
+import { isTextSelection as Ye, posToDOMRect as le, getText as Ge, getTextSerializersFromSchema as Je, mergeAttributes as ot, Node as ce, nodePasteRule as St, InputRule as Ze, getMarksBetween as Qe, combineTransactionSteps as tn, getChangedRanges as en, findChildrenInRange as nn, Mark as on, nodeInputRule as sn, Extension as rn } from "@tiptap/core";
+import { Plugin as It, PluginKey as rt, NodeSelection as an } from "@tiptap/pm/state";
+import { CellSelection as ln } from "@tiptap/pm/tables";
+import { defineComponent as de, ref as ue, onMounted as he, nextTick as cn, onBeforeUnmount as fe, h as pe, resolveComponent as x, openBlock as O, createBlock as E, withCtx as T, createVNode as I, createElementBlock as ht, withDirectives as dn, createElementVNode as dt, Fragment as un, renderList as hn, withModifiers as Dt, normalizeClass as me, resolveDynamicComponent as fn, vShow as pn, markRaw as mn, createTextVNode as Y, toDisplayString as B, createCommentVNode as st, withKeys as gn, mergeProps as ge } from "vue";
+import yn from "@tiptap/extension-blockquote";
+import wn from "@tiptap/extension-code-block";
+import bn from "@tiptap/extension-code";
+import vn from "@tiptap/extension-document";
+import { UndoRedo as xn, Placeholder as Tn, Gapcursor as _n } from "@tiptap/extensions";
+import On from "@tiptap/extension-hard-break";
 import ye from "@tiptap/extension-paragraph";
-import On from "@tiptap/extension-bold";
-import { BulletList as Cn, ListItem as En, OrderedList as kn } from "@tiptap/extension-list";
-import Sn from "@tiptap/extension-italic";
-import Ln from "@tiptap/extension-link";
-import An from "@tiptap/extension-strike";
-import In from "@tiptap/extension-underline";
-import Dn from "@tiptap/extension-text";
-import Rn from "@tiptap/extension-text-align";
-import { Table as Mn, TableRow as Hn, TableHeader as Bn, TableCell as $n } from "@tiptap/extension-table";
-import { TextStyle as Pn, TextStyleKit as Un } from "@tiptap/extension-text-style";
-import Vn from "@tiptap/suggestion";
+import Cn from "@tiptap/extension-bold";
+import { BulletList as kn, ListItem as En, OrderedList as Sn } from "@tiptap/extension-list";
+import Ln from "@tiptap/extension-italic";
+import An from "@tiptap/extension-link";
+import In from "@tiptap/extension-strike";
+import Dn from "@tiptap/extension-underline";
+import Rn from "@tiptap/extension-text";
+import Mn from "@tiptap/extension-text-align";
+import { Table as Hn, TableRow as Bn, TableHeader as $n, TableCell as Pn } from "@tiptap/extension-table";
+import { TextStyle as Un, TextStyleKit as Vn } from "@tiptap/extension-text-style";
+import zn from "@tiptap/suggestion";
 import { emojiPattern as we } from "regex-combined-emojis";
 import { _ as q } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import be from "../emoji/emoji.js";
-import { getEmojiData as zn, emojiRegex as Fn, stringToUnicode as Nn, codeToEmojiData as Rt, emojiShortCodeRegex as jn } from "../../common/emoji/index.js";
-import Wn from "../list-item/list-item.js";
+import { getEmojiData as Fn, emojiRegex as Nn, stringToUnicode as jn, codeToEmojiData as Rt, emojiShortCodeRegex as Wn } from "../../common/emoji/index.js";
+import Kn from "../list-item/list-item.js";
 import yt from "../stack/stack.js";
-import { linkRegex as Kn, getPhoneNumberRegex as qn, warnIfUnmounted as Xn, returnFirstEl as jt } from "../../common/utils/index.js";
-import Yn from "@tiptap/extension-image";
+import { linkRegex as qn, getPhoneNumberRegex as Xn, warnIfUnmounted as Yn, returnFirstEl as jt } from "../../common/utils/index.js";
+import Gn from "@tiptap/extension-image";
 import Mt from "@tiptap/extension-mention";
 import ve from "../link/link.js";
-import { DtIconLock as Gn } from "@dialpad/dialtone-icons/vue3";
+import { DtIconLock as Jn } from "@dialpad/dialtone-icons/vue";
 import { DialtoneLocalization as xe } from "../../localization/index.js";
-import Jn from "../input/input.js";
-import Zn from "../popover/popover.js";
+import Zn from "../input/input.js";
+import Qn from "../popover/popover.js";
 import Te from "../button/button.js";
-import Qn from "../badge/badge.js";
-import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as Wt, RICH_TEXT_EDITOR_OUTPUT_FORMATS as ti, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as ei } from "./rich-text-editor-constants.js";
-import ni from "../avatar/avatar.js";
-import ii from "@dialpad/dialtone-icons/vue3/hash";
-import oi from "@dialpad/dialtone-icons/vue3/lock";
+import ti from "../badge/badge.js";
+import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as Wt, RICH_TEXT_EDITOR_OUTPUT_FORMATS as ei, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as ni } from "./rich-text-editor-constants.js";
+import _e from "../text/text.js";
+import ii from "../avatar/avatar.js";
+import oi from "@dialpad/dialtone-icons/vue/hash";
+import si from "@dialpad/dialtone-icons/vue/lock";
 import { renderEditorToMarkdown as Kt } from "./markdownRenderer.js";
-import si from "deep-equal";
-const _e = ["top", "right", "bottom", "left"], qt = ["start", "end"], Xt = /* @__PURE__ */ _e.reduce((t, e) => t.concat(e, e + "-" + qt[0], e + "-" + qt[1]), []), G = Math.min, R = Math.max, bt = Math.round, Y = (t) => ({
+import ri from "deep-equal";
+const Oe = ["top", "right", "bottom", "left"], qt = ["start", "end"], Xt = /* @__PURE__ */ Oe.reduce((t, e) => t.concat(e, e + "-" + qt[0], e + "-" + qt[1]), []), J = Math.min, M = Math.max, bt = Math.round, G = (t) => ({
   x: t,
   y: t
-}), ri = {
+}), ai = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, ai = {
+}, li = {
   start: "end",
   end: "start"
 };
 function Lt(t, e, n) {
-  return R(t, G(e, n));
+  return M(t, J(e, n));
 }
-function Z(t, e) {
+function Q(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
 function F(t) {
@@ -67,54 +68,54 @@ function F(t) {
 function j(t) {
   return t.split("-")[1];
 }
-function Oe(t) {
+function Ce(t) {
   return t === "x" ? "y" : "x";
 }
 function Ht(t) {
   return t === "y" ? "height" : "width";
 }
-const li = /* @__PURE__ */ new Set(["top", "bottom"]);
+const ci = /* @__PURE__ */ new Set(["top", "bottom"]);
 function X(t) {
-  return li.has(F(t)) ? "y" : "x";
+  return ci.has(F(t)) ? "y" : "x";
 }
 function Bt(t) {
-  return Oe(X(t));
+  return Ce(X(t));
 }
-function Ce(t, e, n) {
+function ke(t, e, n) {
   n === void 0 && (n = !1);
   const i = j(t), o = Bt(t), s = Ht(o);
   let r = o === "x" ? i === (n ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
   return e.reference[s] > e.floating[s] && (r = xt(r)), [r, xt(r)];
 }
-function ci(t) {
+function di(t) {
   const e = xt(t);
   return [vt(t), e, vt(e)];
 }
 function vt(t) {
-  return t.replace(/start|end/g, (e) => ai[e]);
+  return t.replace(/start|end/g, (e) => li[e]);
 }
-const Yt = ["left", "right"], Gt = ["right", "left"], di = ["top", "bottom"], ui = ["bottom", "top"];
-function hi(t, e, n) {
+const Yt = ["left", "right"], Gt = ["right", "left"], ui = ["top", "bottom"], hi = ["bottom", "top"];
+function fi(t, e, n) {
   switch (t) {
     case "top":
     case "bottom":
       return n ? e ? Gt : Yt : e ? Yt : Gt;
     case "left":
     case "right":
-      return e ? di : ui;
+      return e ? ui : hi;
     default:
       return [];
   }
 }
-function fi(t, e, n, i) {
+function pi(t, e, n, i) {
   const o = j(t);
-  let s = hi(F(t), n === "start", i);
+  let s = fi(F(t), n === "start", i);
   return o && (s = s.map((r) => r + "-" + o), e && (s = s.concat(s.map(vt)))), s;
 }
 function xt(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => ri[e]);
+  return t.replace(/left|right|bottom|top/g, (e) => ai[e]);
 }
-function pi(t) {
+function mi(t) {
   return {
     top: 0,
     right: 0,
@@ -124,14 +125,14 @@ function pi(t) {
   };
 }
 function $t(t) {
-  return typeof t != "number" ? pi(t) : {
+  return typeof t != "number" ? mi(t) : {
     top: t,
     right: t,
     bottom: t,
     left: t
   };
 }
-function dt(t) {
+function lt(t) {
   const {
     x: e,
     y: n,
@@ -197,7 +198,7 @@ function Jt(t, e, n) {
   }
   return f;
 }
-async function mi(t, e) {
+async function gi(t, e) {
   var n;
   e === void 0 && (e = {});
   const {
@@ -213,7 +214,7 @@ async function mi(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 = dt(await s.getClippingRect({
+  } = Q(e, t), p = $t(f), g = a[h ? c === "floating" ? "reference" : "floating" : c], y = lt(await s.getClippingRect({
     element: (n = await (s.isElement == null ? void 0 : s.isElement(g))) == null || n ? g : g.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(a.floating)),
     boundary: u,
     rootBoundary: d,
@@ -223,26 +224,26 @@ async function mi(t, e) {
     y: o,
     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
-  }, E = dt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, k = lt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: b,
     offsetParent: v,
     strategy: l
   }) : b);
   return {
-    top: (y.top - E.top + p.top) / x.y,
-    bottom: (E.bottom - y.bottom + p.bottom) / x.y,
-    left: (y.left - E.left + p.left) / x.x,
-    right: (E.right - y.right + p.right) / x.x
+    top: (y.top - k.top + p.top) / _.y,
+    bottom: (k.bottom - y.bottom + p.bottom) / _.y,
+    left: (y.left - k.left + p.left) / _.x,
+    right: (k.right - y.right + p.right) / _.x
   };
 }
-const gi = async (t, e, n) => {
+const yi = async (t, e, n) => {
   const {
     placement: i = "bottom",
     strategy: o = "absolute",
@@ -264,9 +265,9 @@ const gi = async (t, e, n) => {
       fn: b
     } = a[g], {
       x: v,
-      y: x,
-      data: E,
-      reset: O
+      y: _,
+      data: k,
+      reset: C
     } = await b({
       x: d,
       y: c,
@@ -277,24 +278,24 @@ const gi = async (t, e, n) => {
       rects: u,
       platform: {
         ...r,
-        detectOverflow: (m = r.detectOverflow) != null ? m : mi
+        detectOverflow: (m = r.detectOverflow) != null ? m : gi
       },
       elements: {
         reference: t,
         floating: e
       }
     });
-    d = v ?? d, c = x ?? c, f = {
+    d = v ?? d, c = _ ?? c, f = {
       ...f,
       [y]: {
         ...f[y],
-        ...E
+        ...k
       }
-    }, O && p <= 50 && (p++, typeof O == "object" && (O.placement && (h = O.placement), O.rects && (u = O.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: o
-    }) : O.rects), {
+    }) : C.rects), {
       x: d,
       y: c
     } = Jt(u, h, l)), g = -1);
@@ -306,7 +307,7 @@ const gi = async (t, e, n) => {
     strategy: o,
     middlewareData: f
   };
-}, yi = (t) => ({
+}, wi = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -321,21 +322,21 @@ const gi = async (t, e, n) => {
     } = e, {
       element: u,
       padding: d = 0
-    } = Z(t, e) || {};
+    } = Q(t, e) || {};
     if (u == null)
       return {};
     const c = $t(d), h = {
       x: n,
       y: i
-    }, f = Bt(o), p = Ht(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], E = h[f] - s.reference[f], O = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(u));
-    let L = O ? O[v] : 0;
-    (!L || !await (r.isElement == null ? void 0 : r.isElement(O))) && (L = a.floating[v] || s.floating[p]);
-    const V = x / 2 - E / 2, I = L / 2 - m[p] / 2 - 1, w = G(c[y], I), k = G(c[b], I), D = w, H = L - m[p] - k, S = L / 2 - m[p] / 2 + V, N = Lt(D, S, H), z = !l.arrow && j(o) != null && S !== N && s.reference[p] / 2 - (S < D ? w : k) - m[p] / 2 < 0, $ = z ? S < D ? S - D : S - H : 0;
+    }, f = Bt(o), p = Ht(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], k = h[f] - s.reference[f], C = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(u));
+    let A = C ? C[v] : 0;
+    (!A || !await (r.isElement == null ? void 0 : r.isElement(C))) && (A = a.floating[v] || s.floating[p]);
+    const V = _ / 2 - k / 2, D = A / 2 - m[p] / 2 - 1, w = J(c[y], D), S = J(c[b], D), R = w, H = A - m[p] - S, L = A / 2 - m[p] / 2 + V, N = Lt(R, L, H), z = !l.arrow && j(o) != null && L !== N && s.reference[p] / 2 - (L < R ? w : S) - m[p] / 2 < 0, $ = z ? L < R ? L - R : L - H : 0;
     return {
       [f]: h[f] + $,
       data: {
         [f]: N,
-        centerOffset: S - N - $,
+        centerOffset: L - N - $,
         ...z && {
           alignmentOffset: $
         }
@@ -344,10 +345,10 @@ const gi = async (t, e, n) => {
     };
   }
 });
-function wi(t, e, n) {
+function bi(t, e, n) {
   return (t ? [...n.filter((o) => j(o) === t), ...n.filter((o) => j(o) !== t)] : n.filter((o) => F(o) === o)).filter((o) => t ? j(o) === t || (e ? vt(o) !== o : !1) : !0);
 }
-const bi = function(t) {
+const vi = function(t) {
   return t === void 0 && (t = {}), {
     name: "autoPlacement",
     options: t,
@@ -365,57 +366,57 @@ const bi = function(t) {
         allowedPlacements: h = Xt,
         autoAlignment: f = !0,
         ...p
-      } = Z(t, e), m = c !== void 0 || h === Xt ? wi(c || null, f, h) : h, g = await l.detectOverflow(e, p), y = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, b = m[y];
+      } = Q(t, e), m = c !== void 0 || h === Xt ? bi(c || null, f, h) : h, g = await l.detectOverflow(e, p), y = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, b = m[y];
       if (b == null)
         return {};
-      const v = Ce(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[F(b)], g[v[0]], g[v[1]]], E = [...((i = r.autoPlacement) == null ? void 0 : i.overflows) || [], {
+      const _ = [g[F(b)], g[v[0]], g[v[1]]], k = [...((i = r.autoPlacement) == null ? void 0 : i.overflows) || [], {
         placement: b,
-        overflows: x
-      }], O = m[y + 1];
-      if (O)
+        overflows: _
+      }], C = m[y + 1];
+      if (C)
         return {
           data: {
             index: y + 1,
-            overflows: E
+            overflows: k
           },
           reset: {
-            placement: O
+            placement: C
           }
         };
-      const L = E.map((w) => {
-        const k = j(w.placement);
-        return [w.placement, k && d ? (
+      const A = k.map((w) => {
+        const S = j(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, k) => w[1] - k[1]), I = ((o = L.filter((w) => w[2].slice(
+      }).sort((w, S) => w[1] - S[1]), D = ((o = A.filter((w) => w[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
         j(w[0]) ? 2 : 3
-      ).every((k) => k <= 0))[0]) == null ? void 0 : o[0]) || L[0][0];
-      return I !== a ? {
+      ).every((S) => S <= 0))[0]) == null ? void 0 : o[0]) || A[0][0];
+      return D !== a ? {
         data: {
           index: y + 1,
-          overflows: E
+          overflows: k
         },
         reset: {
-          placement: I
+          placement: D
         }
       } : {};
     }
   };
-}, vi = function(t) {
+}, xi = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -436,49 +437,49 @@ const bi = function(t) {
         fallbackAxisSideDirection: p = "none",
         flipAlignment: m = !0,
         ...g
-      } = Z(t, e);
+      } = Q(t, e);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const y = F(o), b = X(a), v = F(a) === a, x = await (l.isRTL == null ? void 0 : l.isRTL(u.floating)), E = h || (v || !m ? [xt(a)] : ci(a)), O = p !== "none";
-      !h && O && E.push(...fi(a, m, p, x));
-      const L = [a, ...E], V = await l.detectOverflow(e, g), I = [];
+      const y = F(o), b = X(a), v = F(a) === a, _ = await (l.isRTL == null ? void 0 : l.isRTL(u.floating)), k = h || (v || !m ? [xt(a)] : di(a)), C = p !== "none";
+      !h && C && k.push(...pi(a, m, p, _));
+      const A = [a, ...k], V = await l.detectOverflow(e, g), D = [];
       let w = ((i = s.flip) == null ? void 0 : i.overflows) || [];
-      if (d && I.push(V[y]), c) {
-        const S = Ce(o, r, x);
-        I.push(V[S[0]], V[S[1]]);
+      if (d && D.push(V[y]), c) {
+        const L = ke(o, r, _);
+        D.push(V[L[0]], V[L[1]]);
       }
       if (w = [...w, {
         placement: o,
-        overflows: I
-      }], !I.every((S) => S <= 0)) {
-        var k, D;
-        const S = (((k = s.flip) == null ? void 0 : k.index) || 0) + 1, N = L[S];
+        overflows: D
+      }], !D.every((L) => L <= 0)) {
+        var S, R;
+        const L = (((S = s.flip) == null ? void 0 : S.index) || 0) + 1, N = A[L];
         if (N && (!(c === "alignment" ? b !== X(N) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         w.every((P) => X(P.placement) === b ? P.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: S,
+              index: L,
               overflows: w
             },
             reset: {
               placement: N
             }
           };
-        let z = (D = w.filter(($) => $.overflows[0] <= 0).sort(($, P) => $.overflows[1] - P.overflows[1])[0]) == null ? void 0 : D.placement;
+        let z = (R = w.filter(($) => $.overflows[0] <= 0).sort(($, P) => $.overflows[1] - P.overflows[1])[0]) == null ? void 0 : R.placement;
         if (!z)
           switch (f) {
             case "bestFit": {
               var H;
               const $ = (H = w.filter((P) => {
-                if (O) {
-                  const tt = X(P.placement);
-                  return tt === b || // Create a bias to the `y` side axis due to horizontal
+                if (C) {
+                  const et = X(P.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((P) => [P.placement, P.overflows.filter((tt) => tt > 0).reduce((tt, je) => tt + je, 0)]).sort((P, tt) => P[1] - tt[1])[0]) == null ? void 0 : H[0];
+              }).map((P) => [P.placement, P.overflows.filter((et) => et > 0).reduce((et, We) => et + We, 0)]).sort((P, et) => P[1] - et[1])[0]) == null ? void 0 : H[0];
               $ && (z = $);
               break;
             }
@@ -506,9 +507,9 @@ function Zt(t, e) {
   };
 }
 function Qt(t) {
-  return _e.some((e) => t[e] >= 0);
+  return Oe.some((e) => t[e] >= 0);
 }
-const xi = function(t) {
+const Ti = function(t) {
   return t === void 0 && (t = {}), {
     name: "hide",
     options: t,
@@ -519,7 +520,7 @@ const xi = function(t) {
       } = e, {
         strategy: o = "referenceHidden",
         ...s
-      } = Z(t, e);
+      } = Q(t, e);
       switch (o) {
         case "referenceHidden": {
           const r = await i.detectOverflow(e, {
@@ -552,7 +553,7 @@ const xi = function(t) {
   };
 };
 function Ee(t) {
-  const e = G(...t.map((s) => s.left)), n = G(...t.map((s) => s.top)), i = R(...t.map((s) => s.right)), o = R(...t.map((s) => s.bottom));
+  const e = J(...t.map((s) => s.left)), n = J(...t.map((s) => s.top)), i = M(...t.map((s) => s.right)), o = M(...t.map((s) => s.bottom));
   return {
     x: e,
     y: n,
@@ -560,16 +561,16 @@ function Ee(t) {
     height: o - n
   };
 }
-function Ti(t) {
+function _i(t) {
   const e = t.slice().sort((o, s) => o.y - s.y), n = [];
   let i = null;
   for (let o = 0; o < e.length; o++) {
     const s = e[o];
     !i || s.y - i.y > i.height / 2 ? n.push([s]) : n[n.length - 1].push(s), i = s;
   }
-  return n.map((o) => dt(Ee(o)));
+  return n.map((o) => lt(Ee(o)));
 }
-const _i = function(t) {
+const Oi = function(t) {
   return t === void 0 && (t = {}), {
     name: "inline",
     options: t,
@@ -584,16 +585,16 @@ const _i = function(t) {
         padding: a = 2,
         x: l,
         y: u
-      } = Z(t, e), d = Array.from(await (s.getClientRects == null ? void 0 : s.getClientRects(i.reference)) || []), c = Ti(d), h = dt(Ee(d)), f = $t(a);
+      } = Q(t, e), d = Array.from(await (s.getClientRects == null ? void 0 : s.getClientRects(i.reference)) || []), c = _i(d), h = lt(Ee(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(n) === "y") {
-            const w = c[0], k = c[c.length - 1], D = F(n) === "top", H = w.top, S = k.bottom, N = D ? w.left : k.left, z = D ? w.right : k.right, $ = z - N, P = S - H;
+            const w = c[0], S = c[c.length - 1], R = F(n) === "top", H = w.top, L = S.bottom, N = R ? w.left : S.left, z = R ? w.right : S.right, $ = z - N, P = L - H;
             return {
               top: H,
-              bottom: S,
+              bottom: L,
               left: N,
               right: z,
               width: $,
@@ -602,16 +603,16 @@ const _i = function(t) {
               y: H
             };
           }
-          const g = F(n) === "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, E = v[v.length - 1].bottom, O = b, L = y, V = L - O, I = E - x;
+          const g = F(n) === "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, k = v[v.length - 1].bottom, C = b, A = y, V = A - C, D = k - _;
           return {
-            top: x,
-            bottom: E,
-            left: O,
-            right: L,
+            top: _,
+            bottom: k,
+            left: C,
+            right: A,
             width: V,
-            height: I,
-            x: O,
-            y: x
+            height: D,
+            x: C,
+            y: _
           };
         }
         return h;
@@ -630,13 +631,13 @@ const _i = function(t) {
       } : {};
     }
   };
-}, Oi = /* @__PURE__ */ new Set(["left", "top"]);
-async function Ci(t, e) {
+}, Ci = /* @__PURE__ */ new Set(["left", "top"]);
+async function ki(t, e) {
   const {
     placement: n,
     platform: i,
     elements: o
-  } = t, s = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), r = F(n), a = j(n), l = X(n) === "y", u = Oi.has(r) ? -1 : 1, d = s && l ? -1 : 1, c = Z(e, t);
+  } = t, s = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), r = F(n), a = j(n), l = X(n) === "y", u = Ci.has(r) ? -1 : 1, d = s && l ? -1 : 1, c = Q(e, t);
   let {
     mainAxis: h,
     crossAxis: f,
@@ -669,7 +670,7 @@ const Ei = function(t) {
         y: s,
         placement: r,
         middlewareData: a
-      } = e, l = await Ci(e, t);
+      } = e, l = await ki(e, t);
       return r === ((n = a.offset) == null ? void 0 : n.placement) && (i = a.arrow) != null && i.alignmentOffset ? {} : {
         x: o + l.x,
         y: s + l.y,
@@ -680,7 +681,7 @@ const Ei = function(t) {
       };
     }
   };
-}, ki = function(t) {
+}, Si = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -706,18 +707,18 @@ const Ei = function(t) {
           }
         },
         ...u
-      } = Z(t, e), d = {
+      } = Q(t, e), d = {
         x: n,
         y: i
-      }, c = await s.detectOverflow(e, u), h = X(F(o)), f = Oe(h);
+      }, c = await s.detectOverflow(e, u), h = X(F(o)), f = Ce(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 = Lt(v, p, x);
+        const y = f === "y" ? "top" : "left", b = f === "y" ? "bottom" : "right", v = p + c[y], _ = p - c[b];
+        p = Lt(v, p, _);
       }
       if (a) {
-        const y = h === "y" ? "top" : "left", b = h === "y" ? "bottom" : "right", v = m + c[y], x = m - c[b];
-        m = Lt(v, m, x);
+        const y = h === "y" ? "top" : "left", b = h === "y" ? "bottom" : "right", v = m + c[y], _ = m - c[b];
+        m = Lt(v, m, _);
       }
       const g = l.fn({
         ...e,
@@ -737,7 +738,7 @@ const Ei = function(t) {
       };
     }
   };
-}, Si = function(t) {
+}, Li = function(t) {
   return t === void 0 && (t = {}), {
     name: "size",
     options: t,
@@ -752,25 +753,25 @@ const Ei = function(t) {
         apply: l = () => {
         },
         ...u
-      } = Z(t, e), d = await r.detectOverflow(e, u), c = F(o), h = j(o), f = X(o) === "y", {
+      } = Q(t, e), d = await r.detectOverflow(e, u), c = F(o), h = j(o), f = X(o) === "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), E = G(p - d[y], v), O = !e.middlewareData.shift;
-      let L = x, V = E;
-      if ((n = e.middlewareData.shift) != null && n.enabled.x && (V = v), (i = e.middlewareData.shift) != null && i.enabled.y && (L = b), O && !h) {
-        const w = R(d.left, 0), k = R(d.right, 0), D = R(d.top, 0), H = R(d.bottom, 0);
-        f ? V = p - 2 * (w !== 0 || k !== 0 ? w + k : 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), k = J(p - d[y], v), C = !e.middlewareData.shift;
+      let A = _, V = k;
+      if ((n = e.middlewareData.shift) != null && n.enabled.x && (V = v), (i = e.middlewareData.shift) != null && i.enabled.y && (A = 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 ? V = p - 2 * (w !== 0 || S !== 0 ? w + S : M(d.left, d.right)) : A = m - 2 * (R !== 0 || H !== 0 ? R + H : M(d.top, d.bottom));
       }
       await l({
         ...e,
         availableWidth: V,
-        availableHeight: L
+        availableHeight: A
       });
-      const I = await r.getDimensions(a.floating);
-      return p !== I.width || m !== I.height ? {
+      const D = await r.getDimensions(a.floating);
+      return p !== D.width || m !== D.height ? {
         reset: {
           rects: !0
         }
@@ -781,30 +782,30 @@ const Ei = function(t) {
 function Tt() {
   return typeof window < "u";
 }
-function ht(t) {
-  return ke(t) ? (t.nodeName || "").toLowerCase() : "#document";
+function ut(t) {
+  return Se(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
 function U(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 = (ke(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (Se(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function ke(t) {
+function Se(t) {
   return Tt() ? t instanceof Node || t instanceof U(t).Node : !1;
 }
 function W(t) {
   return Tt() ? t instanceof Element || t instanceof U(t).Element : !1;
 }
-function J(t) {
+function Z(t) {
   return Tt() ? t instanceof HTMLElement || t instanceof U(t).HTMLElement : !1;
 }
 function te(t) {
   return !Tt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof U(t).ShadowRoot;
 }
-const Li = /* @__PURE__ */ new Set(["inline", "contents"]);
+const Ai = /* @__PURE__ */ new Set(["inline", "contents"]);
 function wt(t) {
   const {
     overflow: e,
@@ -812,15 +813,15 @@ function wt(t) {
     overflowY: i,
     display: o
   } = K(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + i + n) && !Li.has(o);
+  return /auto|scroll|overlay|hidden|clip/.test(e + i + n) && !Ai.has(o);
 }
-const Ai = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Ii(t) {
-  return Ai.has(ht(t));
+const Ii = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Di(t) {
+  return Ii.has(ut(t));
 }
-const Di = [":popover-open", ":modal"];
+const Ri = [":popover-open", ":modal"];
 function _t(t) {
-  return Di.some((e) => {
+  return Ri.some((e) => {
     try {
       return t.matches(e);
     } catch {
@@ -828,28 +829,28 @@ function _t(t) {
     }
   });
 }
-const Ri = ["transform", "translate", "scale", "rotate", "perspective"], Mi = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Hi = ["paint", "layout", "strict", "content"];
+const Mi = ["transform", "translate", "scale", "rotate", "perspective"], Hi = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Bi = ["paint", "layout", "strict", "content"];
 function Pt(t) {
   const e = Ut(), n = W(t) ? K(t) : t;
-  return Ri.some((i) => n[i] ? n[i] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || Mi.some((i) => (n.willChange || "").includes(i)) || Hi.some((i) => (n.contain || "").includes(i));
+  return Mi.some((i) => n[i] ? n[i] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || Hi.some((i) => (n.willChange || "").includes(i)) || Bi.some((i) => (n.contain || "").includes(i));
 }
-function Bi(t) {
-  let e = ot(t);
-  for (; J(e) && !ut(e); ) {
+function $i(t) {
+  let e = it(t);
+  for (; Z(e) && !ct(e); ) {
     if (Pt(e))
       return e;
     if (_t(e))
       return null;
-    e = ot(e);
+    e = it(e);
   }
   return null;
 }
 function Ut() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const $i = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function ut(t) {
-  return $i.has(ht(t));
+const Pi = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function ct(t) {
+  return Pi.has(ut(t));
 }
 function K(t) {
   return U(t).getComputedStyle(t);
@@ -863,86 +864,86 @@ function Ot(t) {
     scrollTop: t.scrollY
   };
 }
-function ot(t) {
-  if (ht(t) === "html")
+function it(t) {
+  if (ut(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.
     te(t) && t.host || // Fallback.
-    Q(t)
+    tt(t)
   );
   return te(e) ? e.host : e;
 }
-function Se(t) {
-  const e = ot(t);
-  return ut(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : J(e) && wt(e) ? e : Se(e);
+function Le(t) {
+  const e = it(t);
+  return ct(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : Z(e) && wt(e) ? e : Le(e);
 }
-function Le(t, e, n) {
+function Ae(t, e, n) {
   var i;
   e === void 0 && (e = []);
-  const o = Se(t), s = o === ((i = t.ownerDocument) == null ? void 0 : i.body), r = U(o);
-  return s ? e.concat(r, r.visualViewport || [], wt(o) ? o : [], []) : e.concat(o, Le(o, []));
+  const o = Le(t), s = o === ((i = t.ownerDocument) == null ? void 0 : i.body), r = U(o);
+  return s ? e.concat(r, r.visualViewport || [], wt(o) ? o : [], []) : e.concat(o, Ae(o, []));
 }
 function ee(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function Ae(t) {
+function Ie(t) {
   const e = K(t);
   let n = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
-  const o = J(t), s = o ? t.offsetWidth : n, r = o ? t.offsetHeight : i, a = bt(n) !== s || bt(i) !== r;
+  const o = Z(t), s = o ? t.offsetWidth : n, r = o ? t.offsetHeight : i, a = bt(n) !== s || bt(i) !== r;
   return a && (n = s, i = r), {
     width: n,
     height: i,
     $: a
   };
 }
-function Ie(t) {
+function De(t) {
   return W(t) ? t : t.contextElement;
 }
-function ct(t) {
-  const e = Ie(t);
-  if (!J(e))
-    return Y(1);
+function at(t) {
+  const e = De(t);
+  if (!Z(e))
+    return G(1);
   const n = e.getBoundingClientRect(), {
     width: i,
     height: o,
     $: s
-  } = Ae(e);
+  } = Ie(e);
   let r = (s ? bt(n.width) : n.width) / i, a = (s ? bt(n.height) : n.height) / o;
   return (!r || !Number.isFinite(r)) && (r = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: r,
     y: a
   };
 }
-const Pi = /* @__PURE__ */ Y(0);
-function De(t) {
+const Ui = /* @__PURE__ */ G(0);
+function Re(t) {
   const e = U(t);
-  return !Ut() || !e.visualViewport ? Pi : {
+  return !Ut() || !e.visualViewport ? Ui : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function Ui(t, e, n) {
+function Vi(t, e, n) {
   return e === void 0 && (e = !1), !n || e && n !== U(t) ? !1 : e;
 }
 function ft(t, e, n, i) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
-  const o = t.getBoundingClientRect(), s = Ie(t);
-  let r = Y(1);
-  e && (i ? W(i) && (r = ct(i)) : r = ct(t));
-  const a = Ui(s, n, i) ? De(s) : Y(0);
+  const o = t.getBoundingClientRect(), s = De(t);
+  let r = G(1);
+  e && (i ? W(i) && (r = at(i)) : r = at(t));
+  const a = Vi(s, n, i) ? Re(s) : G(0);
   let l = (o.left + a.x) / r.x, u = (o.top + a.y) / r.y, d = o.width / r.x, c = o.height / r.y;
   if (s) {
     const h = U(s), f = i && W(i) ? U(i) : i;
     let p = h, m = ee(p);
     for (; m && i && f !== p; ) {
-      const g = ct(m), y = m.getBoundingClientRect(), b = K(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 = U(m), m = ee(p);
+      const g = at(m), y = m.getBoundingClientRect(), b = K(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 = U(m), m = ee(p);
     }
   }
-  return dt({
+  return lt({
     width: d,
     height: c,
     x: l,
@@ -951,35 +952,35 @@ function ft(t, e, n, i) {
 }
 function Ct(t, e) {
   const n = Ot(t).scrollLeft;
-  return e ? e.left + n : ft(Q(t)).left + n;
+  return e ? e.left + n : ft(tt(t)).left + n;
 }
-function Re(t, e) {
+function Me(t, e) {
   const n = t.getBoundingClientRect(), i = n.left + e.scrollLeft - Ct(t, n), o = n.top + e.scrollTop;
   return {
     x: i,
     y: o
   };
 }
-function Vi(t) {
+function zi(t) {
   let {
     elements: e,
     rect: n,
     offsetParent: i,
     strategy: o
   } = t;
-  const s = o === "fixed", r = Q(i), a = e ? _t(e.floating) : !1;
+  const s = o === "fixed", r = tt(i), a = e ? _t(e.floating) : !1;
   if (i === r || a && s)
     return n;
   let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, u = Y(1);
-  const d = Y(0), c = J(i);
-  if ((c || !c && !s) && ((ht(i) !== "body" || wt(r)) && (l = Ot(i)), J(i))) {
+  }, u = G(1);
+  const d = G(0), c = Z(i);
+  if ((c || !c && !s) && ((ut(i) !== "body" || wt(r)) && (l = Ot(i)), Z(i))) {
     const f = ft(i);
-    u = ct(i), d.x = f.x + i.clientLeft, d.y = f.y + i.clientTop;
+    u = at(i), d.x = f.x + i.clientLeft, d.y = f.y + i.clientTop;
   }
-  const h = r && !c && !s ? Re(r, l) : Y(0);
+  const h = r && !c && !s ? Me(r, l) : G(0);
   return {
     width: n.width * u.x,
     height: n.height * u.y,
@@ -987,14 +988,14 @@ function Vi(t) {
     y: n.y * u.y - l.scrollTop * u.y + d.y + h.y
   };
 }
-function zi(t) {
+function Fi(t) {
   return Array.from(t.getClientRects());
 }
-function Fi(t) {
-  const e = Q(t), n = Ot(t), i = t.ownerDocument.body, o = R(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), s = R(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
+function Ni(t) {
+  const e = tt(t), n = Ot(t), i = t.ownerDocument.body, o = M(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), s = M(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
   let r = -n.scrollLeft + Ct(t);
   const a = -n.scrollTop;
-  return K(i).direction === "rtl" && (r += R(e.clientWidth, i.clientWidth) - o), {
+  return K(i).direction === "rtl" && (r += M(e.clientWidth, i.clientWidth) - o), {
     width: o,
     height: s,
     x: r,
@@ -1002,8 +1003,8 @@ function Fi(t) {
   };
 }
 const ne = 25;
-function Ni(t, e) {
-  const n = U(t), i = Q(t), o = n.visualViewport;
+function ji(t, e) {
+  const n = U(t), i = tt(t), o = n.visualViewport;
   let s = i.clientWidth, r = i.clientHeight, a = 0, l = 0;
   if (o) {
     s = o.width, r = o.height;
@@ -1022,9 +1023,9 @@ function Ni(t, e) {
     y: l
   };
 }
-const ji = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function Wi(t, e) {
-  const n = ft(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, s = J(t) ? ct(t) : Y(1), r = t.clientWidth * s.x, a = t.clientHeight * s.y, l = o * s.x, u = i * s.y;
+const Wi = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Ki(t, e) {
+  const n = ft(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, s = Z(t) ? at(t) : G(1), r = t.clientWidth * s.x, a = t.clientHeight * s.y, l = o * s.x, u = i * s.y;
   return {
     width: r,
     height: a,
@@ -1035,13 +1036,13 @@ function Wi(t, e) {
 function ie(t, e, n) {
   let i;
   if (e === "viewport")
-    i = Ni(t, n);
+    i = ji(t, n);
   else if (e === "document")
-    i = Fi(Q(t));
+    i = Ni(tt(t));
   else if (W(e))
-    i = Wi(e, n);
+    i = Ki(e, n);
   else {
-    const o = De(t);
+    const o = Re(t);
     i = {
       x: e.x - o.x,
       y: e.y - o.y,
@@ -1049,35 +1050,35 @@ function ie(t, e, n) {
       height: e.height
     };
   }
-  return dt(i);
+  return lt(i);
 }
-function Me(t, e) {
-  const n = ot(t);
-  return n === e || !W(n) || ut(n) ? !1 : K(n).position === "fixed" || Me(n, e);
+function He(t, e) {
+  const n = it(t);
+  return n === e || !W(n) || ct(n) ? !1 : K(n).position === "fixed" || He(n, e);
 }
-function Ki(t, e) {
+function qi(t, e) {
   const n = e.get(t);
   if (n)
     return n;
-  let i = Le(t, []).filter((a) => W(a) && ht(a) !== "body"), o = null;
+  let i = Ae(t, []).filter((a) => W(a) && ut(a) !== "body"), o = null;
   const s = K(t).position === "fixed";
-  let r = s ? ot(t) : t;
-  for (; W(r) && !ut(r); ) {
+  let r = s ? it(t) : t;
+  for (; W(r) && !ct(r); ) {
     const a = K(r), l = Pt(r);
-    !l && a.position === "fixed" && (o = null), (s ? !l && !o : !l && a.position === "static" && !!o && ji.has(o.position) || wt(r) && !l && Me(t, r)) ? i = i.filter((d) => d !== r) : o = a, r = ot(r);
+    !l && a.position === "fixed" && (o = null), (s ? !l && !o : !l && a.position === "static" && !!o && Wi.has(o.position) || wt(r) && !l && He(t, r)) ? i = i.filter((d) => d !== r) : o = a, r = it(r);
   }
   return e.set(t, i), i;
 }
-function qi(t) {
+function Xi(t) {
   let {
     element: e,
     boundary: n,
     rootBoundary: i,
     strategy: o
   } = t;
-  const r = [...n === "clippingAncestors" ? _t(e) ? [] : Ki(e, this._c) : [].concat(n), i], a = r[0], l = r.reduce((u, d) => {
+  const r = [...n === "clippingAncestors" ? _t(e) ? [] : qi(e, this._c) : [].concat(n), i], a = r[0], l = r.reduce((u, d) => {
     const c = ie(e, d, o);
-    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;
   }, ie(e, a, o));
   return {
     width: l.right - l.left,
@@ -1086,33 +1087,33 @@ function qi(t) {
     y: l.top
   };
 }
-function Xi(t) {
+function Yi(t) {
   const {
     width: e,
     height: n
-  } = Ae(t);
+  } = Ie(t);
   return {
     width: e,
     height: n
   };
 }
-function Yi(t, e, n) {
-  const i = J(e), o = Q(e), s = n === "fixed", r = ft(t, !0, s, e);
+function Gi(t, e, n) {
+  const i = Z(e), o = tt(e), s = n === "fixed", r = ft(t, !0, s, e);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = Y(0);
+  const l = G(0);
   function u() {
     l.x = Ct(o);
   }
   if (i || !i && !s)
-    if ((ht(e) !== "body" || wt(o)) && (a = Ot(e)), i) {
+    if ((ut(e) !== "body" || wt(o)) && (a = Ot(e)), i) {
       const f = ft(e, !0, s, e);
       l.x = f.x + e.clientLeft, l.y = f.y + e.clientTop;
     } else o && u();
   s && !i && o && u();
-  const d = o && !i && !s ? Re(o, a) : Y(0), c = r.left + a.scrollLeft - l.x - d.x, h = r.top + a.scrollTop - l.y - d.y;
+  const d = o && !i && !s ? Me(o, 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,
@@ -1120,39 +1121,39 @@ function Yi(t, e, n) {
     height: r.height
   };
 }
-function kt(t) {
+function Et(t) {
   return K(t).position === "static";
 }
 function oe(t, e) {
-  if (!J(t) || K(t).position === "fixed")
+  if (!Z(t) || K(t).position === "fixed")
     return null;
   if (e)
     return e(t);
   let n = t.offsetParent;
-  return Q(t) === n && (n = n.ownerDocument.body), n;
+  return tt(t) === n && (n = n.ownerDocument.body), n;
 }
-function He(t, e) {
+function Be(t, e) {
   const n = U(t);
   if (_t(t))
     return n;
-  if (!J(t)) {
-    let o = ot(t);
-    for (; o && !ut(o); ) {
-      if (W(o) && !kt(o))
+  if (!Z(t)) {
+    let o = it(t);
+    for (; o && !ct(o); ) {
+      if (W(o) && !Et(o))
         return o;
-      o = ot(o);
+      o = it(o);
     }
     return n;
   }
   let i = oe(t, e);
-  for (; i && Ii(i) && kt(i); )
+  for (; i && Di(i) && Et(i); )
     i = oe(i, e);
-  return i && ut(i) && kt(i) && !Pt(i) ? n : i || Bi(t) || n;
+  return i && ct(i) && Et(i) && !Pt(i) ? n : i || $i(t) || n;
 }
-const Gi = async function(t) {
-  const e = this.getOffsetParent || He, n = this.getDimensions, i = await n(t.floating);
+const Ji = async function(t) {
+  const e = this.getOffsetParent || Be, n = this.getDimensions, i = await n(t.floating);
   return {
-    reference: Yi(t.reference, await e(t.floating), t.strategy),
+    reference: Gi(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1161,38 +1162,38 @@ const Gi = async function(t) {
     }
   };
 };
-function Ji(t) {
+function Zi(t) {
   return K(t).direction === "rtl";
 }
-const Zi = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Vi,
-  getDocumentElement: Q,
-  getClippingRect: qi,
-  getOffsetParent: He,
-  getElementRects: Gi,
-  getClientRects: zi,
-  getDimensions: Xi,
-  getScale: ct,
+const Qi = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: zi,
+  getDocumentElement: tt,
+  getClippingRect: Xi,
+  getOffsetParent: Be,
+  getElementRects: Ji,
+  getClientRects: Fi,
+  getDimensions: Yi,
+  getScale: at,
   isElement: W,
-  isRTL: Ji
-}, Vt = Ei, Be = bi, zt = ki, Ft = vi, $e = Si, Pe = xi, Ue = yi, Ve = _i, Nt = (t, e, n) => {
+  isRTL: Zi
+}, Vt = Ei, $e = vi, zt = Si, Ft = xi, Pe = Li, Ue = Ti, Ve = wi, ze = Oi, Nt = (t, e, n) => {
   const i = /* @__PURE__ */ new Map(), o = {
-    platform: Zi,
+    platform: Qi,
     ...n
   }, s = {
     ...o.platform,
     _c: i
   };
-  return gi(t, e, {
+  return yi(t, e, {
     ...o,
     platform: s
   });
 };
-function Qi(t, e) {
+function to(t, e) {
   const n = Math.min(t.top, e.top), i = Math.max(t.bottom, e.bottom), o = Math.min(t.left, e.left), r = Math.max(t.right, e.right) - o, a = i - n, l = o, u = n;
   return new DOMRect(l, u, r, a);
 }
-var to = class {
+var eo = class {
   constructor({
     editor: t,
     element: e,
@@ -1220,7 +1221,7 @@ var to = 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 && Xe(c.selection), b = this.element.contains(document.activeElement);
+      const { doc: p, selection: m } = c, { empty: g } = m, y = !p.textBetween(h, f).length && Ye(c.selection), b = this.element.contains(document.activeElement);
       return !(!(d.hasFocus() || b) || g || y || !this.editor.isEditable);
     }, this.mousedownHandler = () => {
       this.preventHide = !0;
@@ -1273,12 +1274,12 @@ var to = class {
       zt(typeof this.floatingUIOptions.shift != "boolean" ? this.floatingUIOptions.shift : void 0)
     ), this.floatingUIOptions.offset && t.push(
       Vt(typeof this.floatingUIOptions.offset != "boolean" ? this.floatingUIOptions.offset : void 0)
-    ), this.floatingUIOptions.arrow && t.push(Ue(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push($e(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
-      Be(
+    ), this.floatingUIOptions.arrow && t.push(Ve(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push(Pe(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
+      $e(
         typeof this.floatingUIOptions.autoPlacement != "boolean" ? this.floatingUIOptions.autoPlacement : void 0
       )
-    ), this.floatingUIOptions.hide && t.push(Pe(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
-      Ve(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0)
+    ), this.floatingUIOptions.hide && t.push(Ue(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
+      ze(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0)
     ), t;
   }
   get virtualElement() {
@@ -1293,7 +1294,7 @@ var to = class {
       getBoundingClientRect: () => s,
       getClientRects: () => [s]
     };
-    if (i instanceof rn) {
+    if (i instanceof an) {
       let a = this.view.nodeDOM(i.from);
       const l = a.dataset.nodeViewWrapper ? a : a.querySelector("[data-node-view-wrapper]");
       l && (a = l), a && (r = {
@@ -1301,11 +1302,11 @@ var to = class {
         getClientRects: () => [a.getBoundingClientRect()]
       });
     }
-    if (i instanceof an) {
+    if (i instanceof ln) {
       const { $anchorCell: a, $headCell: l } = i, 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() : Qi(
+      const f = c === h ? c.getBoundingClientRect() : to(
         c.getBoundingClientRect(),
         h.getBoundingClientRect()
       );
@@ -1377,10 +1378,10 @@ var to = 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();
   }
-}, eo = (t) => new It({
-  key: typeof t.pluginKey == "string" ? new at(t.pluginKey) : t.pluginKey,
-  view: (e) => new to({ view: e, ...t })
-}), no = de({
+}, no = (t) => new It({
+  key: typeof t.pluginKey == "string" ? new rt(t.pluginKey) : t.pluginKey,
+  view: (e) => new eo({ view: e, ...t })
+}), io = de({
   name: "BubbleMenu",
   inheritAttrs: !1,
   props: {
@@ -1430,9 +1431,9 @@ var to = class {
         getReferencedVirtualElement: d,
         updateDelay: c
       } = t, h = i.value;
-      h && (h.style.visibility = "hidden", h.style.position = "absolute", h.remove(), ln(() => {
+      h && (h.style.visibility = "hidden", h.style.position = "absolute", h.remove(), cn(() => {
         o.registerPlugin(
-          eo({
+          no({
             editor: o,
             element: h,
             options: s,
@@ -1453,7 +1454,7 @@ var to = class {
       return pe("div", { ref: i, ...n }, (o = e.default) == null ? void 0 : o.call(e));
     };
   }
-}), io = class {
+}), oo = class {
   constructor({
     editor: t,
     element: e,
@@ -1513,7 +1514,7 @@ var to = 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(n, n.state), this.getShouldShow() && (this.show(), this.updatePosition());
   }
   getTextContent(t) {
-    return Ye(t, { textSerializers: Ge(this.editor.schema) });
+    return Ge(t, { textSerializers: Je(this.editor.schema) });
   }
   get middlewares() {
     const t = [];
@@ -1521,12 +1522,12 @@ var to = class {
       zt(typeof this.floatingUIOptions.shift != "boolean" ? this.floatingUIOptions.shift : void 0)
     ), this.floatingUIOptions.offset && t.push(
       Vt(typeof this.floatingUIOptions.offset != "boolean" ? this.floatingUIOptions.offset : void 0)
-    ), this.floatingUIOptions.arrow && t.push(Ue(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push($e(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
-      Be(
+    ), this.floatingUIOptions.arrow && t.push(Ve(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push(Pe(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
+      $e(
         typeof this.floatingUIOptions.autoPlacement != "boolean" ? this.floatingUIOptions.autoPlacement : void 0
       )
-    ), this.floatingUIOptions.hide && t.push(Pe(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
-      Ve(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0)
+    ), this.floatingUIOptions.hide && t.push(Ue(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
+      ze(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0)
     ), t;
   }
   getShouldShow(t) {
@@ -1587,9 +1588,9 @@ var to = 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();
   }
-}, oo = (t) => new It({
-  key: typeof t.pluginKey == "string" ? new at(t.pluginKey) : t.pluginKey,
-  view: (e) => new io({ view: e, ...t })
+}, so = (t) => new It({
+  key: typeof t.pluginKey == "string" ? new rt(t.pluginKey) : t.pluginKey,
+  view: (e) => new oo({ view: e, ...t })
 });
 de({
   name: "FloatingMenu",
@@ -1631,7 +1632,7 @@ de({
     return he(() => {
       const { pluginKey: o, editor: s, updateDelay: r, resizeDelay: a, options: l, appendTo: u, shouldShow: d } = t, c = i.value;
       c && (c.style.visibility = "hidden", c.style.position = "absolute", c.remove(), s.registerPlugin(
-        oo({
+        so({
           pluginKey: o,
           editor: s,
           element: c,
@@ -1651,60 +1652,60 @@ de({
     };
   }
 });
-const it = (t) => ({
+const nt = (t) => ({
   default: null,
   parseHTML: (e) => e.getAttribute(t),
   renderHTML: (e) => e[t] ? { [t]: e[t] } : {}
-}), so = () => {
-  let t = it("style");
-  return t.renderHTML = (e) => e.style ? { style: ro(e.style) } : {}, t;
+}), ro = () => {
+  let t = nt("style");
+  return t.renderHTML = (e) => e.style ? { style: ao(e.style) } : {}, t;
 };
-function ro(t) {
+function ao(t) {
   return t.replace(new RegExp("(?<![a-z-])width\\s*:\\s*([^;]+);?", "gi"), (e, n) => /^\s*0\s*[a-z%]*\s*(!important)?\s*$/i.test(n) ? "width: 100%;" : e);
 }
-const ao = Mn.extend({
+const lo = Hn.extend({
   addAttributes() {
     var t;
     return {
       ...(t = this.parent) == null ? void 0 : t.call(this),
-      border: it("border"),
-      cellpadding: it("cellpadding"),
-      cellspacing: it("cellspacing"),
-      style: so()
+      border: nt("border"),
+      cellpadding: nt("cellpadding"),
+      cellspacing: nt("cellspacing"),
+      style: ro()
     };
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["table", st(this.options.HTMLAttributes, t), ["tbody", 0]];
+    return ["table", ot(this.options.HTMLAttributes, t), ["tbody", 0]];
   }
-}), lo = Hn.extend({
+}), co = Bn.extend({
   addAttributes() {
     var t;
     return {
       ...(t = this.parent) == null ? void 0 : t.call(this),
-      style: it("style")
+      style: nt("style")
     };
   }
-}), ze = {
-  style: it("style"),
-  valign: it("valign"),
-  width: it("width")
-}, co = $n.extend({
+}), Fe = {
+  style: nt("style"),
+  valign: nt("valign"),
+  width: nt("width")
+}, uo = Pn.extend({
   addAttributes() {
     var t;
     return {
       ...(t = this.parent) == null ? void 0 : t.call(this),
-      ...ze
+      ...Fe
     };
   }
-}), uo = Bn.extend({
+}), ho = $n.extend({
   addAttributes() {
     var t;
     return {
       ...(t = this.parent) == null ? void 0 : t.call(this),
-      ...ze
+      ...Fe
     };
   }
-}), ho = Pn.extend({
+}), fo = Un.extend({
   parseHTML() {
     var t;
     return [
@@ -1721,7 +1722,7 @@ const ao = Mn.extend({
       }
     ];
   }
-}), fo = {
+}), po = {
   compatConfig: { MODE: 3 },
   name: "EmojiComponent",
   components: {
@@ -1730,11 +1731,11 @@ const ao = Mn.extend({
   },
   props: pt
 };
-function po(t, e, n, i, o, s) {
-  const r = T("dt-emoji"), a = T("node-view-wrapper");
-  return _(), A(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
-    default: C(() => [
-      M(r, {
+function mo(t, e, n, i, o, s) {
+  const r = x("dt-emoji"), a = x("node-view-wrapper");
+  return O(), E(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
+    default: T(() => [
+      I(r, {
         size: "500",
         code: t.node.attrs.code
       }, null, 8, ["code"])
@@ -1742,11 +1743,11 @@ function po(t, e, n, i, o, s) {
     _: 1
   });
 }
-const mo = /* @__PURE__ */ q(fo, [["render", po]]), go = {
+const go = /* @__PURE__ */ q(po, [["render", mo]]), yo = {
   compatConfig: { MODE: 3 },
   name: "SuggestionList",
   components: {
-    DtListItem: Wn
+    DtListItem: Kn
   },
   props: {
     items: {
@@ -1815,15 +1816,15 @@ const mo = /* @__PURE__ */ q(fo, [["render", po]]), go = {
       }
     }
   }
-}, yo = { class: "d-popover__dialog d-suggestion-list__container" }, wo = {
+}, wo = { class: "d-popover__dialog d-suggestion-list__container" }, bo = {
   ref: "suggestionList",
   class: "d-suggestion-list"
 };
-function bo(t, e, n, i, o, s) {
-  const r = T("dt-list-item");
-  return _(), et("div", yo, [
-    cn(nt("ul", wo, [
-      (_(!0), et(dn, null, un(n.items, (a, l) => (_(), A(r, {
+function vo(t, e, n, i, o, s) {
+  const r = x("dt-list-item");
+  return O(), ht("div", wo, [
+    dn(dt("ul", bo, [
+      (O(!0), ht(un, null, hn(n.items, (a, l) => (O(), E(r, {
         key: a.id,
         class: me([
           "d-suggestion-list__item",
@@ -1833,18 +1834,18 @@ function bo(t, e, n, i, o, s) {
         onClick: (u) => s.selectItem(l),
         onKeydown: Dt(s.onKeyDown, ["prevent"])
       }, {
-        default: C(() => [
-          (_(), A(hn(n.itemComponent), { item: a }, null, 8, ["item"]))
+        default: T(() => [
+          (O(), E(fn(n.itemComponent), { item: a }, null, 8, ["item"]))
         ]),
         _: 2
       }, 1032, ["class", "onClick", "onKeydown"]))), 128))
     ], 512), [
-      [fn, n.items.length]
+      [pn, n.items.length]
     ])
   ]);
 }
-const vo = /* @__PURE__ */ q(go, [["render", bo]]), Fe = "top-start", Ne = "650";
-function xo() {
+const xo = /* @__PURE__ */ q(yo, [["render", vo]]), Ne = "top-start", je = "650";
+function To() {
   return {
     getBoundingClientRect: () => ({
       width: 0,
@@ -1861,10 +1862,10 @@ function xo() {
 function se(t) {
   return { getBoundingClientRect: t };
 }
-async function To(t, e, n = {}) {
+async function _o(t, e, n = {}) {
   if (!t || !(e != null && e.getBoundingClientRect)) return;
   const {
-    placement: i = Fe,
+    placement: i = Ne,
     middleware: o = [Vt(0), Ft(), zt({ padding: 8 })]
   } = n, { x: s, y: r } = await Nt(e, t, {
     placement: i,
@@ -1875,14 +1876,14 @@ async function To(t, e, n = {}) {
     top: `${r}px`
   });
 }
-function _o(t, e = {}) {
-  const { zIndex: n = Ne } = e;
+function Oo(t, e = {}) {
+  const { zIndex: n = je } = e;
   t.style.position = "absolute", t.style.zIndex = n, t.style.display = "none";
 }
-function Oo(t) {
+function Co(t) {
   t && (t.style.display = "block");
 }
-function Co(t) {
+function ko(t) {
   t && (t.style.display = "none");
 }
 function Eo(t, e) {
@@ -1890,46 +1891,46 @@ function Eo(t, e) {
     n.key === "Escape" && e() && t();
   };
 }
-function ko(t) {
+function So(t) {
   document.addEventListener("keydown", t);
 }
-function So(t) {
+function Lo(t) {
   document.removeEventListener("keydown", t);
 }
-function Lo(t, e, n, i) {
-  return new We(t, {
+function Ao(t, e, n, i) {
+  return new Ke(t, {
     props: {
-      itemComponent: pn(e),
+      itemComponent: mn(e),
       itemType: n,
       ...i
     },
     editor: i.editor
   });
 }
-function Ao(t) {
+function Io(t) {
   var e, n;
-  t.escHandler && So(t.escHandler), (e = t.floatingEl) == null || e.remove(), (n = t.component) == null || n.destroy();
+  t.escHandler && Lo(t.escHandler), (e = t.floatingEl) == null || e.remove(), (n = t.component) == null || n.destroy();
 }
-function Et(t, e, n = {}) {
+function kt(t, e, n = {}) {
   const {
-    listComponent: i = vo,
-    placement: o = Fe,
-    zIndex: s = Ne
+    listComponent: i = xo,
+    placement: o = Ne,
+    zIndex: s = je
   } = n;
   return () => {
-    let r = null, a = null, l = !1, u = xo(), d = null;
+    let r = null, a = null, l = !1, u = To(), d = null;
     function c() {
-      To(a, u, { placement: o });
+      _o(a, u, { placement: o });
     }
     function h() {
-      a && (Oo(a), l = !0, c());
+      a && (Co(a), l = !0, c());
     }
     function f() {
-      a && (Co(a), l = !1);
+      a && (ko(a), l = !1);
     }
     return {
       onStart: (p) => {
-        r = Lo(i, t, e, p), p.clientRect && (a = r.element, _o(a, { zIndex: s }), document.body.appendChild(a), u = se(p.clientRect), d = Eo(f, () => l), ko(d), p.items.length > 0 && h());
+        r = Ao(i, t, e, p), p.clientRect && (a = r.element, Oo(a, { zIndex: s }), document.body.appendChild(a), u = se(p.clientRect), d = Eo(f, () => l), So(d), p.items.length > 0 && h());
       },
       onUpdate(p) {
         r == null || r.updateProps(p), p.items.length > 0 ? h() : f(), p.clientRect && (u = se(p.clientRect), c());
@@ -1940,12 +1941,12 @@ function Et(t, e, n = {}) {
           return (m = r == null ? void 0 : r.ref) == null ? void 0 : m.onKeyDown(p);
       },
       onExit() {
-        Ao({ escHandler: d, floatingEl: a, component: r }), d = null, a = null, r = null;
+        Io({ escHandler: d, floatingEl: a, component: r }), d = null, a = null, r = null;
       }
     };
   };
 }
-const Io = {
+const Do = {
   compatConfig: { MODE: 3 },
   name: "EmojiSuggestion",
   components: {
@@ -1959,31 +1960,31 @@ const Io = {
     }
   }
 };
-function Do(t, e, n, i, o, s) {
-  const r = T("dt-emoji"), a = T("dt-stack");
-  return _(), A(a, {
+function Ro(t, e, n, i, o, s) {
+  const r = x("dt-emoji"), a = x("dt-stack");
+  return O(), E(a, {
     direction: "row",
-    gap: "400"
+    gap: "100"
   }, {
-    default: C(() => [
-      M(r, {
+    default: T(() => [
+      I(r, {
         size: "200",
         code: n.item.code
       }, null, 8, ["code"]),
-      lt(" " + B(n.item.code), 1)
+      Y(" " + B(n.item.code), 1)
     ]),
     _: 1
   });
 }
-const Ro = /* @__PURE__ */ q(Io, [["render", Do]]), Mo = 20, Ho = (t, e, n) => {
+const Mo = /* @__PURE__ */ q(Do, [["render", Ro]]), Ho = 20, Bo = (t, e, n) => {
   var a, l;
   const i = (a = t.shortname) == null ? void 0 : a.replaceAll(":", ""), o = (l = e.shortname) == null ? void 0 : l.replaceAll(":", ""), s = i.startsWith(n), r = o.startsWith(n);
   return s && !r ? -1 : !s && r ? 1 : i.localeCompare(o);
-}, Bo = {
+}, $o = {
   items: ({ query: t }) => {
     if (t.length < 2)
       return [];
-    const e = Object.values(zn());
+    const e = Object.values(Fn());
     return t = t.toLowerCase(), e.filter(
       (i) => {
         var o;
@@ -1993,7 +1994,7 @@ const Ro = /* @__PURE__ */ q(Io, [["render", Do]]), Mo = 20, Ho = (t, e, n) => {
           ...i.keywords || []
         ].some((s) => s && s.startsWith(t));
       }
-    ).splice(0, Mo).sort((i, o) => Ho(i, o, t)).map((i) => ({ code: i.shortname }));
+    ).splice(0, Ho).sort((i, o) => Bo(i, o, t)).map((i) => ({ code: i.shortname }));
   },
   command: ({ editor: t, range: e, props: n }) => {
     var s, r;
@@ -2005,15 +2006,15 @@ const Ro = /* @__PURE__ */ q(Io, [["render", Do]]), Mo = 20, Ho = (t, e, n) => {
       }
     ]).run(), (r = window.getSelection()) == null || r.collapseToEnd();
   },
-  render: Et(Ro, "emoji")
-}, $o = /(:\w+:)$/, Po = new RegExp(we + "$"), Uo = (t) => {
+  render: kt(Mo, "emoji")
+}, Po = /(:\w+:)$/, Uo = new RegExp(we + "$"), Vo = (t) => {
   if (t && Rt(t[0]))
     return { text: t[2] || t[0] };
-}, Vo = (t) => [...t.matchAll(jn)].filter((n) => Rt(n[0])).map((n) => ({
+}, zo = (t) => [...t.matchAll(Wn)].filter((n) => Rt(n[0])).map((n) => ({
   index: n.index,
   text: n[0],
   match: n
-})), zo = ce.create({
+})), Fo = ce.create({
   name: "emoji",
   addOptions() {
     return {
@@ -2025,7 +2026,7 @@ const Ro = /* @__PURE__ */ q(Io, [["render", Do]]), Mo = 20, Ho = (t, e, n) => {
   selectable: !1,
   atom: !0,
   addNodeView() {
-    return gt(mo);
+    return gt(go);
   },
   addAttributes() {
     return {
@@ -2042,18 +2043,18 @@ const Ro = /* @__PURE__ */ q(Io, [["render", Do]]), Mo = 20, Ho = (t, e, n) => {
     ];
   },
   renderText({ node: t }) {
-    return Nn(Rt(t.attrs.code).unicode_output);
+    return jn(Rt(t.attrs.code).unicode_output);
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["emoji-component", st(this.options.HTMLAttributes, t)];
+    return ["emoji-component", ot(this.options.HTMLAttributes, t)];
   },
   addInputRules() {
     return [
-      new Je({
+      new Ze({
         find: (t) => {
-          const e = t.match($o) || t.match(Po);
+          const e = t.match(Po) || t.match(Uo);
           if (e)
-            return Uo(e);
+            return Vo(e);
         },
         handler: ({ state: t, range: e, match: n }) => {
           const { tr: i } = t, o = e.from, s = e.to;
@@ -2065,7 +2066,7 @@ const Ro = /* @__PURE__ */ q(Io, [["render", Do]]), Mo = 20, Ho = (t, e, n) => {
   addPasteRules() {
     return [
       St({
-        find: Vo,
+        find: zo,
         type: this.type,
         getAttributes(t) {
           return {
@@ -2074,7 +2075,7 @@ const Ro = /* @__PURE__ */ q(Io, [["render", Do]]), Mo = 20, Ho = (t, e, n) => {
         }
       }),
       St({
-        find: Fn,
+        find: Nn,
         type: this.type,
         getAttributes(t) {
           return {
@@ -2086,12 +2087,12 @@ const Ro = /* @__PURE__ */ q(Io, [["render", Do]]), Mo = 20, Ho = (t, e, n) => {
   },
   addProseMirrorPlugins() {
     return [
-      Vn({
+      zn({
         char: ":",
-        pluginKey: new at("emoji"),
+        pluginKey: new rt("emoji"),
         editor: this.editor,
         ...this.options.suggestion,
-        ...Bo
+        ...$o
       })
     ];
   },
@@ -2108,7 +2109,7 @@ const Ro = /* @__PURE__ */ q(Io, [["render", Do]]), Mo = 20, Ho = (t, e, n) => {
     };
   }
 });
-function Fo(t, e, n = () => !0) {
+function No(t, e, n = () => !0) {
   const i = [];
   e.lastIndex = 0;
   let o;
@@ -2116,10 +2117,10 @@ function Fo(t, e, n = () => !0) {
     n(t, o) && i.push(o);
   return i;
 }
-function No(t, e) {
+function jo(t, e) {
   return !["#", "@"].includes(t.charAt(e.index)) && !["#", "@"].includes(t.charAt(e.index - 1));
 }
-function jo(t) {
+function Wo(t) {
   const e = new RegExp(
     "(?:" + [
       `[!?.,:;'"]`,
@@ -2129,7 +2130,7 @@ function jo(t) {
   );
   return t.replace(e, "");
 }
-function Wo(t, e) {
+function Ko(t, e) {
   const n = t.slice(0, e + 1).search(/\S+\s*$/), i = t.slice(e).search(/\s/);
   if (i < 0) {
     const o = t.slice(n);
@@ -2146,18 +2147,18 @@ function Wo(t, e) {
   };
 }
 function At(t, e, n, i) {
-  const o = Wo(t, e);
+  const o = Ko(t, e);
   if (i.lastIndex = 0, !i.test(o.text))
     return o;
   const s = n === "left" ? o.from - 1 : o.to + 1;
   return s <= 0 || s >= t.length || s === e ? o : At(t, s, n, i);
 }
-function Ko(t, e, n, i) {
-  const o = Math.max(t.from - 1, 0), s = Math.min(t.to + 1, e.content.size), r = Ze(o, s, e);
+function qo(t, e, n, i) {
+  const o = Math.max(t.from - 1, 0), s = Math.min(t.to + 1, e.content.size), r = Qe(o, s, e);
   for (const a of r)
     a.mark.type === i && n.removeMark(a.from, a.to, i);
 }
-const re = qn(1, 15);
+const re = Xn(1, 15);
 function ae(t, e, n, i, o, s) {
   if (!t)
     return;
@@ -2174,27 +2175,27 @@ function ae(t, e, n, i, o, s) {
     "right",
     re
   ), d = t.slice(l.from, u.to);
-  Fo(d, Kn, No).forEach((h) => {
-    const f = jo(h[0]), p = e + l.from + h.index + 1, m = p + f.length;
+  No(d, qn, jo).forEach((h) => {
+    const f = Wo(h[0]), p = e + l.from + h.index + 1, m = p + f.length;
     o.addMark(p, m, s.create());
   });
 }
-function qo(t) {
+function Xo(t) {
   let e = !1;
   return new It({
-    key: new at("autolink"),
+    key: new rt("autolink"),
     appendTransaction: (n, i, o) => {
       const s = n.some((d) => d.docChanged) && !i.doc.eq(o.doc);
       if (e && !s)
         return;
       const { tr: r } = o, { textContent: a } = o.doc;
       e || ae(a, 0, 0, a.length, r, t.type), e = !0;
-      const l = Qe(
+      const l = tn(
         i.doc,
         [...n]
       );
-      return tn(l).forEach(({ oldRange: d, newRange: c }) => {
-        Ko(c, o.doc, r, t.type), en(
+      return en(l).forEach(({ oldRange: d, newRange: c }) => {
+        qo(c, o.doc, r, t.type), nn(
           o.doc,
           c,
           (f) => f.isTextblock
@@ -2212,18 +2213,18 @@ function qo(t) {
     }
   });
 }
-const Xo = {
+const Yo = {
   class: "d-link d-c-text d-d-inline-block d-wb-break-all",
   rel: "noopener noreferrer nofollow"
-}, Yo = nn.create({
+}, Go = on.create({
   name: "CustomLink",
   renderHTML({ HTMLAttributes: t }) {
     return [
       "a",
-      st(
+      ot(
         this.options.HTMLAttributes,
         t,
-        Xo
+        Yo
       )
     ];
   },
@@ -2232,10 +2233,10 @@ const Xo = {
   },
   addProseMirrorPlugins() {
     return [
-      qo({ type: this.type })
+      Xo({ type: this.type })
     ];
   }
-}), Go = Yn.extend({
+}), Jo = Gn.extend({
   name: "ConfigurableImage",
   addAttributes() {
     return {
@@ -2259,7 +2260,7 @@ const Xo = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), Jo = /* @__PURE__ */ new Set([
+}).configure({ inline: !0, allowBase64: !0 }), Zo = /* @__PURE__ */ new Set([
   "address",
   "article",
   "aside",
@@ -2293,22 +2294,22 @@ const Xo = {
   "section",
   "table",
   "ul"
-]), Zo = ye.extend({
+]), Qo = ye.extend({
   parseHTML() {
     return [{
       tag: "div",
       getAttrs: (t) => {
         for (const e of t.children)
-          if (Jo.has(e.tagName.toLowerCase()))
+          if (Zo.has(e.tagName.toLowerCase()))
             return !1;
         return null;
       }
     }];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["div", st(this.options.HTMLAttributes, t), 0];
+    return ["div", ot(this.options.HTMLAttributes, t), 0];
   }
-}), Qo = {
+}), ts = {
   compatConfig: { MODE: 3 },
   name: "MentionComponent",
   components: {
@@ -2341,11 +2342,11 @@ const Xo = {
     }
   }
 };
-function ts(t, e, n, i, o, s) {
-  const r = T("dt-link"), a = T("node-view-wrapper");
-  return _(), A(a, { class: "d-d-inline-block" }, {
-    default: C(() => [
-      M(r, {
+function es(t, e, n, i, o, s) {
+  const r = x("dt-link"), a = x("node-view-wrapper");
+  return O(), E(a, { class: "d-d-inline-block" }, {
+    default: T(() => [
+      I(r, {
         kind: "mention",
         onClick: Dt(s.handleClick, ["prevent"]),
         onMouseenter: s.handleMouseEnter,
@@ -2353,8 +2354,8 @@ function ts(t, e, n, i, o, s) {
         onFocusin: s.handleMouseEnter,
         onFocusout: s.handleMouseLeave
       }, {
-        default: C(() => [
-          lt(B(s.text), 1)
+        default: T(() => [
+          Y(B(s.text), 1)
         ]),
         _: 1
       }, 8, ["onClick", "onMouseenter", "onMouseleave", "onFocusin", "onFocusout"])
@@ -2362,9 +2363,9 @@ function ts(t, e, n, i, o, s) {
     _: 1
   });
 }
-const es = /* @__PURE__ */ q(Qo, [["render", ts]]), ns = Mt.extend({
+const ns = /* @__PURE__ */ q(ts, [["render", es]]), is = Mt.extend({
   addNodeView() {
-    return gt(es);
+    return gt(ns);
   },
   parseHTML() {
     return [
@@ -2393,20 +2394,20 @@ const es = /* @__PURE__ */ q(Qo, [["render", ts]]), ns = Mt.extend({
     return `@${t.attrs.id}`;
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["mention-component", st(this.options.HTMLAttributes, t)];
+    return ["mention-component", ot(this.options.HTMLAttributes, t)];
   }
 }).configure({
   suggestion: {
     char: "@",
-    pluginKey: new at("mentionSuggestion")
+    pluginKey: new rt("mentionSuggestion")
   }
-}), is = {
+}), os = {
   compatConfig: { MODE: 3 },
   name: "ChannelComponent",
   components: {
     NodeViewWrapper: mt,
     DtLink: ve,
-    DtIconLock: Gn,
+    DtIconLock: Jn,
     DtStack: yt
   },
   props: pt,
@@ -2427,25 +2428,25 @@ const es = /* @__PURE__ */ q(Qo, [["render", ts]]), ns = Mt.extend({
     }
   }
 };
-function os(t, e, n, i, o, s) {
-  const r = T("dt-icon-lock"), a = T("dt-stack"), l = T("dt-link"), u = T("node-view-wrapper");
-  return _(), A(u, { class: "d-d-inline-block" }, {
-    default: C(() => [
-      M(l, {
+function ss(t, e, n, i, o, s) {
+  const r = x("dt-icon-lock"), a = x("dt-stack"), l = x("dt-link"), u = x("node-view-wrapper");
+  return O(), E(u, { class: "d-d-inline-block" }, {
+    default: T(() => [
+      I(l, {
         kind: "mention",
         onClick: Dt(s.handleClick, ["prevent"])
       }, {
-        default: C(() => [
-          M(a, {
+        default: T(() => [
+          I(a, {
             direction: "row",
             gap: "0"
           }, {
-            default: C(() => [
-              t.$props.node.attrs.locked ? (_(), A(r, {
+            default: T(() => [
+              t.$props.node.attrs.locked ? (O(), E(r, {
                 key: 0,
                 size: "200"
-              })) : rt("", !0),
-              nt("span", null, B(s.text), 1)
+              })) : st("", !0),
+              dt("span", null, B(s.text), 1)
             ]),
             _: 1
           })
@@ -2456,10 +2457,10 @@ function os(t, e, n, i, o, s) {
     _: 1
   });
 }
-const ss = /* @__PURE__ */ q(is, [["render", os]]), rs = Mt.extend({
+const rs = /* @__PURE__ */ q(os, [["render", ss]]), as = Mt.extend({
   name: "channel",
   addNodeView() {
-    return gt(ss);
+    return gt(rs);
   },
   parseHTML() {
     return [
@@ -2488,14 +2489,14 @@ const ss = /* @__PURE__ */ q(is, [["render", os]]), rs = Mt.extend({
     return `#${t.attrs.id}`;
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["channel-component", st(this.options.HTMLAttributes, t)];
+    return ["channel-component", ot(this.options.HTMLAttributes, t)];
   }
 }).configure({
   suggestion: {
     char: "#",
-    pluginKey: new at("channelSuggestion")
+    pluginKey: new rt("channelSuggestion")
   }
-}), as = {
+}), ls = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandsComponent",
   components: {
@@ -2518,23 +2519,23 @@ const ss = /* @__PURE__ */ q(is, [["render", os]]), rs = Mt.extend({
     e && typeof e == "function" && e(t);
   }
 };
-function ls(t, e, n, i, o, s) {
-  const r = T("node-view-wrapper");
-  return _(), A(r, { class: "d-d-inline-block" }, {
-    default: C(() => [
-      lt(B(s.text), 1)
+function cs(t, e, n, i, o, s) {
+  const r = x("node-view-wrapper");
+  return O(), E(r, { class: "d-d-inline-block" }, {
+    default: T(() => [
+      Y(B(s.text), 1)
     ]),
     _: 1
   });
 }
-const cs = /* @__PURE__ */ q(as, [["render", ls]]), ds = (t, e) => [...t.matchAll(e)].map((i) => {
+const ds = /* @__PURE__ */ q(ls, [["render", cs]]), us = (t, e) => [...t.matchAll(e)].map((i) => {
   let o = i[2];
   return o.endsWith(" ") || (o += " "), {
     index: i.index,
     text: o,
     match: i
   };
-}), us = Mt.extend({
+}), hs = Mt.extend({
   name: "slash-commands",
   group: "inline",
   inline: !0,
@@ -2551,7 +2552,7 @@ const cs = /* @__PURE__ */ q(as, [["render", ls]]), ds = (t, e) => [...t.matchAl
     };
   },
   addNodeView() {
-    return gt(cs);
+    return gt(ds);
   },
   parseHTML() {
     return [
@@ -2577,13 +2578,13 @@ const cs = /* @__PURE__ */ q(as, [["render", ls]]), ds = (t, e) => [...t.matchAl
     return `/${t.attrs.command}`;
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["command-component", st(this.options.HTMLAttributes, t)];
+    return ["command-component", ot(this.options.HTMLAttributes, t)];
   },
   addInputRules() {
     var n;
     const t = (n = this.options.suggestion) == null ? void 0 : n.items({ query: "" }).map((i) => i.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) $`);
     return [
-      on({
+      sn({
         find: e,
         type: this.type,
         getAttributes(i) {
@@ -2597,7 +2598,7 @@ const cs = /* @__PURE__ */ q(as, [["render", ls]]), ds = (t, e) => [...t.matchAl
     const t = (n = this.options.suggestion) == null ? void 0 : n.items({ query: "" }).map((i) => i.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) ?$`, "g");
     return [
       St({
-        find: (i) => ds(i, e),
+        find: (i) => us(i, e),
         type: this.type,
         getAttributes(i) {
           return { command: i[0].trim() };
@@ -2608,22 +2609,22 @@ const cs = /* @__PURE__ */ q(as, [["render", ls]]), ds = (t, e) => [...t.matchAl
 }).configure({
   suggestion: {
     char: "/",
-    pluginKey: new at("slashCommandSuggestion")
+    pluginKey: new rt("slashCommandSuggestion")
   }
-}), hs = 100, fs = {
+}), fs = 100, ps = {
   name: "VariableComponent",
   components: {
-    DtBadge: Qn,
+    DtBadge: ti,
     DtButton: Te,
-    DtPopover: Zn,
-    DtInput: Jn,
+    DtPopover: Qn,
+    DtInput: Zn,
     NodeViewWrapper: mt
   },
   props: pt,
   data() {
     return {
       i18n: new xe(),
-      MAX_VARIABLE_ALT_LENGTH: hs
+      MAX_VARIABLE_ALT_LENGTH: fs
     };
   },
   computed: {
@@ -2663,21 +2664,21 @@ const cs = /* @__PURE__ */ q(as, [["render", ls]]), ds = (t, e) => [...t.matchAl
     }
   }
 };
-function ps(t, e, n, i, o, s) {
-  const r = T("dt-badge"), a = T("dt-button"), l = T("dt-input"), u = T("dt-popover"), d = T("node-view-wrapper");
-  return _(), A(d, { class: "d-d-inline-block" }, {
-    default: C(() => [
-      s.enableAltText ? (_(), A(u, {
+function ms(t, e, n, i, o, s) {
+  const r = x("dt-badge"), a = x("dt-button"), l = x("dt-input"), u = x("dt-popover"), d = x("node-view-wrapper");
+  return O(), E(d, { class: "d-d-inline-block" }, {
+    default: T(() => [
+      s.enableAltText ? (O(), E(u, {
         key: 0,
         padding: "small",
         "navigation-type": "arrow-keys",
         placement: "top-start",
         modal: !1
       }, {
-        anchor: C(({ attrs: c }) => [
-          M(a, ge(c, { kind: "unstyled" }), {
-            default: C(() => [
-              M(r, {
+        anchor: T(({ attrs: c }) => [
+          I(a, ge(c, { kind: "unstyled" }), {
+            default: T(() => [
+              I(r, {
                 text: s.badgeLabel,
                 contenteditable: "false"
               }, null, 8, ["text"])
@@ -2685,11 +2686,11 @@ function ps(t, e, n, i, o, s) {
             _: 1
           }, 16)
         ]),
-        content: C(({ close: c }) => [
-          M(l, {
+        content: T(({ close: c }) => [
+          I(l, {
             modelValue: s.altText,
             "onUpdate:modelValue": e[0] || (e[0] = (h) => s.altText = h),
-            "root-class": "d-p8 d-w332",
+            "root-class": "d-p-100 d-w332",
             label: o.i18n.$t("DIALTONE_EDITOR_VARIABLE_LABEL"),
             placeholder: s.placeholderText,
             validate: {
@@ -2701,11 +2702,11 @@ function ps(t, e, n, i, o, s) {
                 limitMaxLength: !0
               }
             },
-            onKeyup: mn((h) => c(), ["enter"])
+            onKeyup: gn((h) => c(), ["enter"])
           }, null, 8, ["modelValue", "label", "placeholder", "validate", "onKeyup"])
         ]),
         _: 1
-      })) : (_(), A(r, {
+      })) : (O(), E(r, {
         key: 1,
         text: s.badgeLabel,
         contenteditable: "false"
@@ -2714,7 +2715,7 @@ function ps(t, e, n, i, o, s) {
     _: 1
   });
 }
-const ms = /* @__PURE__ */ q(fs, [["render", ps]]), gs = ce.create({
+const gs = /* @__PURE__ */ q(ps, [["render", ms]]), ys = ce.create({
   name: "variable",
   group: "inline",
   inline: !0,
@@ -2727,7 +2728,7 @@ const ms = /* @__PURE__ */ q(fs, [["render", ps]]), gs = ce.create({
     };
   },
   addNodeView() {
-    return gt(ms);
+    return gt(gs);
   },
   addAttributes() {
     return {
@@ -2767,7 +2768,7 @@ const ms = /* @__PURE__ */ q(fs, [["render", ps]]), gs = ce.create({
   renderHTML({ node: t, HTMLAttributes: e }) {
     return [
       "variable",
-      st(this.options.HTMLAttributes, e, {
+      ot(this.options.HTMLAttributes, e, {
         "data-variable-id": t.attrs.id,
         "data-alt-text": t.attrs.altText,
         "data-enable-alt-text": String(t.attrs.enableAltText)
@@ -2786,12 +2787,13 @@ const ms = /* @__PURE__ */ q(fs, [["render", ps]]), gs = ce.create({
       })
     };
   }
-}), ys = {
+}), ws = {
   compatConfig: { MODE: 3 },
   name: "MentionSuggestion",
   components: {
-    DtAvatar: ni,
-    DtStack: yt
+    DtAvatar: ii,
+    DtStack: yt,
+    DtText: _e
   },
   props: {
     item: {
@@ -2827,51 +2829,76 @@ const ms = /* @__PURE__ */ q(fs, [["render", ps]]), gs = ce.create({
       return this.item.showDetails;
     }
   }
-}, ws = { class: "d-mention-suggestion__name" }, bs = {
-  key: 1,
-  class: "d-mention-suggestion__divider"
-}, vs = {
-  key: 2,
-  class: "d-mention-suggestion__status"
-};
-function xs(t, e, n, i, o, s) {
-  const r = T("dt-avatar"), a = T("dt-stack");
-  return _(), A(a, {
+}, bs = { class: "d-mention-suggestion__name" };
+function vs(t, e, n, i, o, s) {
+  const r = x("dt-avatar"), a = x("dt-text"), l = x("dt-stack");
+  return O(), E(l, {
     direction: "row",
     class: "d-mention-suggestion__container",
-    gap: "400"
+    gap: "100"
   }, {
-    default: C(() => [
-      M(r, {
+    default: T(() => [
+      I(r, {
         "full-name": s.name,
         "image-src": s.avatarSrc,
         "image-alt": s.name,
         "show-presence": s.showDetails,
         presence: s.presence,
-        size: "sm"
+        size: 200
       }, null, 8, ["full-name", "image-src", "image-alt", "show-presence", "presence"]),
-      M(a, {
+      I(l, {
         class: "d-mention-suggestion__details-container",
-        gap: "100"
+        gap: "1"
       }, {
-        default: C(() => [
-          nt("span", ws, B(s.name), 1),
-          s.showDetails ? (_(), A(a, {
+        default: T(() => [
+          dt("span", bs, B(s.name), 1),
+          s.showDetails ? (O(), E(l, {
             key: 0,
             direction: "row",
-            gap: "300",
-            class: "d-label--sm-plain"
+            gap: "50"
           }, {
-            default: C(() => [
-              s.presenceText ? (_(), et("span", {
+            default: T(() => [
+              s.presenceText ? (O(), E(a, {
                 key: 0,
+                kind: "label",
+                size: 200,
+                strength: "normal",
                 class: me(["d-mention-suggestion__presence", [s.presenceFontColorClass]])
-              }, B(s.presenceText), 3)) : rt("", !0),
-              s.status && s.presenceText ? (_(), et("div", bs, " • ")) : rt("", !0),
-              s.status ? (_(), et("div", vs, B(s.status), 1)) : rt("", !0)
+              }, {
+                default: T(() => [
+                  Y(B(s.presenceText), 1)
+                ]),
+                _: 1
+              }, 8, ["class"])) : st("", !0),
+              s.status && s.presenceText ? (O(), E(a, {
+                key: 1,
+                kind: "label",
+                size: 200,
+                strength: "normal",
+                as: "div",
+                class: "d-mention-suggestion__divider"
+              }, {
+                default: T(() => [...e[0] || (e[0] = [
+                  Y(" • ", -1)
+                ])]),
+                _: 1
+              })) : st("", !0),
+              s.status ? (O(), E(a, {
+                key: 2,
+                kind: "label",
+                size: 200,
+                strength: "normal",
+                as: "div",
+                class: "d-mention-suggestion__status"
+              }, {
+                default: T(() => [
+                  Y(B(s.status), 1)
+                ]),
+                _: 1
+              })) : st("", !0)
             ]),
             _: 1
-          })) : rt("", !0)
+          })) : st("", !0)
         ]),
         _: 1
       })
@@ -2879,19 +2906,19 @@ function xs(t, e, n, i, o, s) {
     _: 1
   });
 }
-const Ts = /* @__PURE__ */ q(ys, [["render", xs]]), _s = {
+const xs = /* @__PURE__ */ q(ws, [["render", vs]]), Ts = {
   // 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: Et(Ts, "mention")
-}, Os = {
+  render: kt(xs, "mention")
+}, _s = {
   compatConfig: { MODE: 3 },
   name: "ChannelSuggestion",
   components: {
     DtStack: yt,
-    DtIconHash: ii,
-    DtIconLock: oi
+    DtIconHash: oi,
+    DtIconLock: si
   },
   props: {
     item: {
@@ -2905,34 +2932,35 @@ const Ts = /* @__PURE__ */ q(ys, [["render", xs]]), _s = {
     }
   }
 };
-function Cs(t, e, n, i, o, s) {
-  const r = T("dt-icon-hash"), a = T("dt-icon-lock"), l = T("dt-stack");
-  return _(), A(l, {
+function Os(t, e, n, i, o, s) {
+  const r = x("dt-icon-hash"), a = x("dt-icon-lock"), l = x("dt-stack");
+  return O(), E(l, {
     direction: "row",
     gap: "400"
   }, {
-    default: C(() => [
-      n.item.locked ? (_(), A(a, {
+    default: T(() => [
+      n.item.locked ? (O(), E(a, {
         key: 1,
         size: "300"
-      })) : (_(), A(r, {
+      })) : (O(), E(r, {
         key: 0,
         size: "300"
       })),
-      nt("span", null, B(s.name), 1)
+      dt("span", null, B(s.name), 1)
     ]),
     _: 1
   });
 }
-const Es = /* @__PURE__ */ q(Os, [["render", Cs]]), ks = {
+const Cs = /* @__PURE__ */ q(_s, [["render", Os]]), ks = {
   // 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: Et(Es, "channel")
-}, Ss = {
+  render: kt(Cs, "channel")
+}, Es = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandSuggestion",
+  components: { DtText: _e },
   props: {
     item: {
       type: Object,
@@ -2950,29 +2978,48 @@ const Es = /* @__PURE__ */ q(Os, [["render", Cs]]), ks = {
       return this.item.parametersExample;
     }
   }
-}, Ls = { class: "d-body--md-compact" }, As = { key: 0 }, Is = { class: "d-body--sm d-fc-tertiary" };
-function Ds(t, e, n, i, o, s) {
-  return _(), et("div", null, [
-    nt("div", Ls, [
-      nt("span", null, "/" + B(s.command), 1),
-      s.parametersExample ? (_(), et("span", As, B(s.parametersExample), 1)) : rt("", !0)
-    ]),
-    nt("div", Is, B(s.description), 1)
+}, Ss = { key: 0 };
+function Ls(t, e, n, i, o, s) {
+  const r = x("dt-text");
+  return O(), ht("div", null, [
+    I(r, {
+      kind: "body",
+      size: 300,
+      density: 300,
+      as: "div"
+    }, {
+      default: T(() => [
+        dt("span", null, "/" + B(s.command), 1),
+        s.parametersExample ? (O(), ht("span", Ss, B(s.parametersExample), 1)) : st("", !0)
+      ]),
+      _: 1
+    }),
+    I(r, {
+      kind: "body",
+      size: 200,
+      tone: "tertiary",
+      as: "div"
+    }, {
+      default: T(() => [
+        Y(B(s.description), 1)
+      ]),
+      _: 1
+    })
   ]);
 }
-const Rs = /* @__PURE__ */ q(Ss, [["render", Ds]]), Ms = {
+const As = /* @__PURE__ */ q(Es, [["render", Ls]]), Is = {
   // 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: Et(Rs, "slash-command")
-}, Hs = {
+  render: kt(As, "slash-command")
+}, Ds = {
   compatConfig: { MODE: 3 },
   name: "DtRichTextEditor",
   components: {
-    EditorContent: Ke,
-    BubbleMenu: no,
+    EditorContent: qe,
+    BubbleMenu: io,
     DtButton: Te,
     DtStack: yt
   },
@@ -3025,7 +3072,7 @@ const Rs = /* @__PURE__ */ q(Ss, [["render", Ds]]), Ms = {
     /**
      * Additional class name for the input element. Only accepts a String value
      * because this is passed to the editor via options. For multiple classes,
-     * join them into one string, e.g. "d-p8 d-hmx96"
+     * join them into one string, e.g. "d-p-100 d-hmx-150"
      */
     inputClass: {
       type: String,
@@ -3046,7 +3093,7 @@ const Rs = /* @__PURE__ */ q(Ss, [["render", Ds]]), Ms = {
       type: [Boolean, String, Number],
       default: !1,
       validator(t) {
-        return typeof t == "string" ? ei.includes(t) : !0;
+        return typeof t == "string" ? ni.includes(t) : !0;
       }
     },
     /**
@@ -3059,7 +3106,7 @@ const Rs = /* @__PURE__ */ q(Ss, [["render", Ds]]), Ms = {
       type: String,
       default: "html",
       validator(t) {
-        return ti.includes(t);
+        return ei.includes(t);
       }
     },
     /**
@@ -3433,15 +3480,15 @@ const Rs = /* @__PURE__ */ q(Ss, [["render", Ds]]), Ms = {
     },
     // eslint-disable-next-line complexity
     extensions() {
-      const t = [bn, Dn, vn, _n];
-      t.push(this.useDivTags ? Zo : ye), this.allowBold && t.push(On), this.allowBlockquote && t.push(gn), this.allowBulletList && (t.push(Cn), t.push(En.extend({
+      const t = [vn, Rn, xn, On];
+      t.push(this.useDivTags ? Qo : ye), this.allowBold && t.push(Cn), this.allowBlockquote && t.push(yn), this.allowBulletList && (t.push(kn), t.push(En.extend({
         renderText({ node: i }) {
           return i.textContent;
         }
-      })), t.push(kn)), this.allowItalic && t.push(Sn), this.allowStrike && t.push(An), this.allowUnderline && t.push(In), this.placeholder && t.push(
-        xn.configure({ placeholder: this.placeholder })
+      })), t.push(Sn)), this.allowItalic && t.push(Ln), this.allowStrike && t.push(In), this.allowUnderline && t.push(Dn), this.placeholder && t.push(
+        Tn.configure({ placeholder: this.placeholder })
       );
-      const e = this, n = sn.create({
+      const e = this, n = rn.create({
         addKeyboardShortcuts() {
           return {
             "Shift-Enter": ({ editor: i }) => e.allowLineBreaks ? !1 : (i.commands.first(({ commands: o }) => [
@@ -3455,7 +3502,7 @@ const Rs = /* @__PURE__ */ q(Ss, [["render", Ds]]), Ms = {
           };
         }
       });
-      if (t.push(n), this.link && t.push(Ln.extend({
+      if (t.push(n), this.link && t.push(An.extend({
         inclusive: !1,
         addKeyboardShortcuts() {
           return {
@@ -3469,28 +3516,28 @@ const Rs = /* @__PURE__ */ q(Ss, [["render", Ds]]), Ms = {
         openOnClick: !1,
         autolink: !0,
         protocols: Wt
-      })), this.customLink && t.push(this.getExtension(Yo, this.customLink)), this.mentionSuggestion) {
-        const i = { ...this.mentionSuggestion, ..._s };
-        t.push(ns.configure({ suggestion: i }));
+      })), this.customLink && t.push(this.getExtension(Go, this.customLink)), this.mentionSuggestion) {
+        const i = { ...this.mentionSuggestion, ...Ts };
+        t.push(is.configure({ suggestion: i }));
       }
       if (this.channelSuggestion) {
         const i = { ...this.channelSuggestion, ...ks };
-        t.push(rs.configure({ suggestion: i }));
+        t.push(as.configure({ suggestion: i }));
       }
       if (this.slashCommandSuggestion) {
-        const i = { ...this.slashCommandSuggestion, ...Ms };
-        t.push(us.configure({
+        const i = { ...this.slashCommandSuggestion, ...Is };
+        t.push(hs.configure({
           suggestion: i,
           onSelectedCommand: (o) => {
             this.$emit("selected-command", o);
           }
         }));
       }
-      return this.allowVariable && t.push(gs.configure({
+      return this.allowVariable && t.push(ys.configure({
         variableItems: this.variableItems
-      })), t.push(zo), t.push(Rn.configure({
+      })), t.push(Fo), t.push(Mn.configure({
         types: ["paragraph"]
-      })), this.allowCode && t.push(wn), this.allowCodeblock && t.push(yn.extend({
+      })), this.allowCode && t.push(bn), this.allowCodeblock && t.push(wn.extend({
         renderText({ node: i }) {
           return `\`\`\`
 ${i.textContent}
@@ -3500,23 +3547,23 @@ ${i.textContent}
         HTMLAttributes: {
           class: "d-rich-text-editor__code-block"
         }
-      })), this.allowInlineImages && t.push(Go.configure({
+      })), this.allowInlineImages && t.push(Jo.configure({
         resize: {
           enabled: this.allowImageResize,
           alwaysPreserveAspectRatio: !0
         }
-      })), (this.allowFontFamily || this.allowFontColor || this.allowFontSize || this.allowBackgroundColor || this.allowLineHeight) && (t.push(Un.configure({
+      })), (this.allowFontFamily || this.allowFontColor || this.allowFontSize || this.allowBackgroundColor || this.allowLineHeight) && (t.push(Vn.configure({
         color: this.allowFontColor,
         backgroundColor: this.allowBackgroundColor,
         fontFamily: this.allowFontFamily,
         fontSize: this.allowFontSize,
         lineHeight: this.allowLineHeight
-      })), t.push(ho)), this.additionalExtensions.length && t.push(...this.additionalExtensions), this.allowTables && t.push(
-        ao.configure({ resizable: !0 }),
-        lo,
-        uo,
+      })), t.push(fo)), this.additionalExtensions.length && t.push(...this.additionalExtensions), this.allowTables && t.push(
+        lo.configure({ resizable: !0 }),
         co,
-        Tn
+        ho,
+        uo,
+        _n
       ), t;
     },
     inputAttrs() {
@@ -3557,11 +3604,11 @@ ${i.textContent}
     this.destroyEditor();
   },
   mounted() {
-    Xn(jt(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
+    Yn(jt(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
   },
   methods: {
     createEditor() {
-      this.editor = new qe({
+      this.editor = new Xe({
         autofocus: this.autoFocus,
         content: this.modelValue,
         editable: this.editable,
@@ -3635,7 +3682,7 @@ ${i.textContent}
     processValue(t, e = !0) {
       if (!this.editor) return;
       const n = this.getOutput();
-      if (!(e && si(t, n))) {
+      if (!(e && ri(t, n))) {
         if (typeof t == "string" && this.outputFormat === "text") {
           const i = new RegExp(`(${we})`, "g");
           t = t == null ? void 0 : t.replace(i, '<emoji-component code="$1"></emoji-component>');
@@ -3783,11 +3830,11 @@ ${i.textContent}
       this.editor.commands.focus();
     }
   }
-}, Bs = { class: "d-popover__dialog" };
-function $s(t, e, n, i, o, s) {
-  const r = T("dt-button"), a = T("dt-stack"), l = T("bubble-menu"), u = T("editor-content");
-  return _(), et("div", null, [
-    o.editor && n.link && !n.hideLinkBubbleMenu ? (_(), A(l, {
+}, Rs = { class: "d-popover__dialog" };
+function Ms(t, e, n, i, o, s) {
+  const r = x("dt-button"), a = x("dt-stack"), l = x("bubble-menu"), u = x("editor-content");
+  return O(), ht("div", null, [
+    o.editor && n.link && !n.hideLinkBubbleMenu ? (O(), E(l, {
       key: 0,
       editor: o.editor,
       "should-show": s.bubbleMenuShouldShow,
@@ -3795,41 +3842,41 @@ function $s(t, e, n, i, o, s) {
       "append-to": o.appendTo,
       style: { visibility: "visible" }
     }, {
-      default: C(() => [
-        nt("div", Bs, [
-          M(a, {
+      default: T(() => [
+        dt("div", Rs, [
+          I(a, {
             direction: "row",
             class: "d-rich-text-editor-bubble-menu__button-stack",
             gap: "0"
           }, {
-            default: C(() => [
-              M(r, {
+            default: T(() => [
+              I(r, {
                 kind: "muted",
                 importance: "clear",
                 onClick: s.editLink
               }, {
-                default: C(() => [
-                  lt(B(o.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")), 1)
+                default: T(() => [
+                  Y(B(o.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"]),
-              M(r, {
+              I(r, {
                 kind: "muted",
                 importance: "clear",
                 onClick: s.openLink
               }, {
-                default: C(() => [
-                  lt(B(o.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")), 1)
+                default: T(() => [
+                  Y(B(o.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"]),
-              M(r, {
+              I(r, {
                 kind: "danger",
                 importance: "clear",
                 onClick: s.removeLink
               }, {
-                default: C(() => [
-                  lt(B(o.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")), 1)
+                default: T(() => [
+                  Y(B(o.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])
@@ -3839,8 +3886,8 @@ function $s(t, e, n, i, o, s) {
         ])
       ]),
       _: 1
-    }, 8, ["editor", "should-show", "options", "append-to"])) : rt("", !0),
-    M(u, ge({
+    }, 8, ["editor", "should-show", "options", "append-to"])) : st("", !0),
+    I(u, ge({
       ref: "editor",
       editor: o.editor,
       class: "d-rich-text-editor",
@@ -3848,8 +3895,8 @@ function $s(t, e, n, i, o, s) {
     }, s.attrs), null, 16, ["editor"])
   ]);
 }
-const Lr = /* @__PURE__ */ q(Hs, [["render", $s]]);
+const Er = /* @__PURE__ */ q(Ds, [["render", Ms]]);
 export {
-  Lr as default
+  Er as default
 };
 //# sourceMappingURL=rich-text-editor.js.map