@dialpad/dialtone-vue 3.108.0 → 3.108.2

package/dist/dialtone-vue.js

@@ -1,11 +1,11 @@
-import { S as Rt, c as Ce, M as et, d as vn, e as pt, f as yn, D as tt, L as Dt, P as bt, g as _n, h as Qe, i as Sn, j as vt, k as wn, a as Cn, R as kn, b as In } from "./rich_text_editor-UHm3sveX.js";
-import { p as Eh, q as Ah, o as Mh, l as xh, m as Bh, n as Ph, A as Rh, B as $h, C as Nh, x as Fh, r as zh, w as qh, s as Hh, u as Vh, t as Wh, v as Uh, y as jh, z as Kh } from "./rich_text_editor-UHm3sveX.js";
-import { w as V, t as j, F as Tn, M as Dn, G as On, H as Fe, J as Wa, K as Ua, N as ja, O as Ka, P as $t, x as Ya, D as Ln } from "./emoji-5bJ2I-JN.js";
-import { W as Gh, S as Qh, R as Xh, Q as Zh, T as Jh, a1 as ef, a4 as tf, a3 as af, a2 as nf, z as sf, y as rf, U as of, I as lf, Y as df, X as cf, V as uf, C as hf, L as ff, a9 as mf, a5 as gf, a6 as pf, a8 as bf, a7 as vf, a0 as yf, $ as _f, Z as Sf, _ as wf } from "./emoji-5bJ2I-JN.js";
+import { S as Rt, c as Ce, M as et, d as vn, e as pt, f as yn, D as tt, L as Dt, P as bt, g as _n, h as Qe, i as Sn, j as vt, k as wn, a as Cn, R as kn, b as In } from "./rich_text_editor-I1OAinYe.js";
+import { p as Ah, q as Mh, o as xh, l as Bh, m as Ph, n as Rh, A as $h, B as Nh, C as Fh, x as zh, r as qh, w as Hh, s as Vh, u as Wh, t as Uh, v as jh, y as Kh, z as Yh } from "./rich_text_editor-I1OAinYe.js";
+import { w as V, t as j, F as Tn, M as Dn, G as On, H as Fe, J as Wa, K as Ua, N as ja, O as Ka, P as $t, x as Ya, D as Ln } from "./emoji-Qb33TUJF.js";
+import { W as Qh, S as Xh, R as Zh, Q as Jh, T as ef, a1 as tf, a4 as af, a3 as nf, a2 as sf, z as rf, y as of, U as lf, I as df, Y as cf, X as uf, V as hf, C as ff, L as mf, a9 as gf, a5 as pf, a6 as bf, a8 as vf, a7 as yf, a0 as _f, $ as Sf, Z as wf, _ as Cf } from "./emoji-Qb33TUJF.js";
 import { resolveComponent as p, openBlock as d, createElementBlock as u, normalizeClass as C, createCommentVNode as w, createVNode as g, createElementVNode as b, renderSlot as m, createTextVNode as z, toDisplayString as M, createBlock as D, mergeProps as A, withCtx as c, normalizeStyle as ke, withKeys as de, Fragment as Q, renderList as J, withModifiers as ce, normalizeProps as ze, Transition as Nt, withDirectives as Ae, resolveDynamicComponent as Se, guardReactiveProps as yt, vShow as Me, toHandlers as K, ref as Z, reactive as At, unref as L, Teleport as En, warn as _t, computed as Le, watch as Ze, onMounted as Ga, nextTick as Ye, markRaw as An, shallowReactive as Mn, h as xn, provide as Bn, createSlots as Ft, pushScopeId as Pn, popScopeId as Rn } from "vue";
 import { _ as I, h as ae, u as we, g as re, c as zt, k as at, E as X, f as va, T as $n, m as ya, n as Mt, L as Nn, o as Fn, D as _e, s as qt, p as zn } from "./tooltip-XSz6YAOI.js";
-import { r as kf, q as If, y as Tf, w as Df, x as Of, V as Lf, v as Ef } from "./tooltip-XSz6YAOI.js";
-import { _ as Ht } from "./emoji_text_wrapper-eOnmhh72.js";
+import { r as If, q as Tf, y as Df, w as Of, x as Lf, V as Ef, v as Af } from "./tooltip-XSz6YAOI.js";
+import { _ as Ht } from "./emoji_text_wrapper-plWr8zzQ.js";
 const _a = {
   default: "",
   info: "d-badge--info",
@@ -522,7 +522,7 @@ function ri(e, a, t, i, s, n) {
     }, 8, ["hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label"])
   ], 2);
 }
-const Au = /* @__PURE__ */ I(si, [["render", ri]]), oi = {
+const Mu = /* @__PURE__ */ I(si, [["render", ri]]), oi = {
   name: "DtBanner",
   components: {
     DtNoticeIcon: Wt,
@@ -726,7 +726,7 @@ function di(e, a, t, i, s, n) {
     ], 10, li)
   ], 38);
 }
-const Mu = /* @__PURE__ */ I(oi, [["render", di]]), ci = "d-breadcrumbs__item--selected", ui = "d-breadcrumbs--inverted", hi = {
+const xu = /* @__PURE__ */ I(oi, [["render", di]]), ci = "d-breadcrumbs__item--selected", ui = "d-breadcrumbs--inverted", hi = {
   name: "DtBreadcrumbItem",
   components: {
     DtLink: vn
@@ -855,7 +855,7 @@ function bi(e, a, t, i, s, n) {
     ])
   ], 10, pi);
 }
-const xu = /* @__PURE__ */ I(gi, [["render", bi]]), Ca = {
+const Bu = /* @__PURE__ */ I(gi, [["render", bi]]), Ca = {
   start: "d-btn-group--start",
   end: "d-btn-group--end",
   "space-between": "d-btn-group--space-between"
@@ -888,7 +888,7 @@ function yi(e, a, t, i, s, n) {
     m(e.$slots, "default")
   ], 2);
 }
-const Bu = /* @__PURE__ */ I(vi, [["render", yi]]), _i = {
+const Pu = /* @__PURE__ */ I(vi, [["render", yi]]), _i = {
   name: "DtCard",
   props: {
     /**
@@ -988,7 +988,7 @@ function Ii(e, a, t, i, s, n) {
   `)
   ]);
 }
-const Pu = /* @__PURE__ */ I(Ci, [["render", Ii]]), Ti = {
+const Ru = /* @__PURE__ */ I(Ci, [["render", Ii]]), Ti = {
   methods: {
     /**
      * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.
@@ -2001,7 +2001,7 @@ function Xi(e, a, t, i, s, n) {
     ], 64))), 128))
   ], 2);
 }
-const Ru = /* @__PURE__ */ I(Qi, [["render", Xi]]), Xe = {
+const $u = /* @__PURE__ */ I(Qi, [["render", Xi]]), Xe = {
   none: void 0,
   small: "d-py0",
   large: "d-py4"
@@ -2395,7 +2395,7 @@ const ts = /* @__PURE__ */ I(Zi, [["render", es]]), as = {
 function is(e, a, t, i, s, n) {
   return d(), u("li", ns);
 }
-const $u = /* @__PURE__ */ I(as, [["render", is]]), ss = function() {
+const Nu = /* @__PURE__ */ I(as, [["render", is]]), ss = function() {
   const e = Z(null);
   let a, t, i = null, s = null;
   function n(o) {
@@ -2424,7 +2424,7 @@ const $u = /* @__PURE__ */ I(as, [["render", is]]), ss = function() {
   }
   let l = null;
   return () => (l === null && (l = { current: e, enter: n, leave: r }), l);
-}(), Nu = {
+}(), Fu = {
   __name: "hovercard",
   props: {
     /**
@@ -3364,7 +3364,7 @@ function Cs(e, a, t, i, s, n) {
     _: 3
   }, 16, ["show", "class", "aria-hidden"]);
 }
-const Fu = /* @__PURE__ */ I(vs, [["render", Cs]]), ks = {
+const zu = /* @__PURE__ */ I(vs, [["render", Cs]]), ks = {
   name: "DtListItemGroup",
   props: {
     /**
@@ -3421,7 +3421,7 @@ function Ds(e, a, t, i, s, n) {
     m(e.$slots, "default")
   ], 10, Is);
 }
-const zu = /* @__PURE__ */ I(ks, [["render", Ds]]), Os = {
+const qu = /* @__PURE__ */ I(ks, [["render", Ds]]), Os = {
   name: "DtPagination",
   components: {
     DtButton: j,
@@ -3597,7 +3597,7 @@ function As(e, a, t, i, s, n) {
     }, 8, ["aria-label", "disabled", "importance", "class"])
   ], 8, Ls);
 }
-const qu = /* @__PURE__ */ I(Os, [["render", As]]), Ms = {
+const Hu = /* @__PURE__ */ I(Os, [["render", As]]), Ms = {
   warning: "d-radio--warning",
   error: "d-radio--error",
   success: "d-radio--success"
@@ -3738,7 +3738,7 @@ function $s(e, a, t, i, s, n) {
     ])
   ]);
 }
-const Hu = /* @__PURE__ */ I(xs, [["render", $s]]), Vu = {
+const Vu = /* @__PURE__ */ I(xs, [["render", $s]]), Wu = {
   name: "DtRadioGroup",
   extends: en,
   props: {
@@ -3892,7 +3892,7 @@ function zs(e, a, t, i, s, n) {
     [Me, !n.hidePanel]
   ]);
 }
-const Wu = /* @__PURE__ */ I(Ns, [["render", zs]]), qs = {
+const Uu = /* @__PURE__ */ I(Ns, [["render", zs]]), qs = {
   error: "d-checkbox--error",
   warning: "d-checkbox--warning",
   success: "d-checkbox--success"
@@ -4025,7 +4025,7 @@ function js(e, a, t, i, s, n) {
     ])
   ]);
 }
-const Uu = /* @__PURE__ */ I(Hs, [["render", js]]), ju = {
+const ju = /* @__PURE__ */ I(Hs, [["render", js]]), Ku = {
   name: "DtCheckboxGroup",
   extends: en,
   model: {
@@ -4572,7 +4572,7 @@ function ur(e, a, t, i, s, n) {
     }, e.messagesChildProps, { "data-qa": "dt-select-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
   ]);
 }
-const Ku = /* @__PURE__ */ I(rr, [["render", ur]]), hr = ["status", "alert"], La = 6e3, fr = {
+const Yu = /* @__PURE__ */ I(rr, [["render", ur]]), hr = ["status", "alert"], La = 6e3, fr = {
   name: "DtToast",
   components: {
     DtNoticeIcon: Wt,
@@ -4792,7 +4792,7 @@ function pr(e, a, t, i, s, n) {
     ])
   ], 10, mr)) : w("", !0);
 }
-const Yu = /* @__PURE__ */ I(fr, [["render", pr]]), Ea = {
+const Gu = /* @__PURE__ */ I(fr, [["render", pr]]), Ea = {
   sm: "d-toggle--small",
   md: ""
 }, br = [!1, !0, "mixed"], vr = {
@@ -4963,7 +4963,7 @@ function Cr(e, a, t, i, s, n) {
     ], 16, Sr)
   ]);
 }
-const Gu = /* @__PURE__ */ I(vr, [["render", Cr]]), Ge = {
+const Qu = /* @__PURE__ */ I(vr, [["render", Cr]]), Ge = {
   "{win}": "layout-grid",
   "{arrow-right}": "arrow-right",
   "{arrow-left}": "arrow-left",
@@ -4972,7 +4972,7 @@ const Gu = /* @__PURE__ */ I(vr, [["render", Cr]]), Ge = {
   "{cmd}": "command"
 }, kr = {
   "{plus}": "plus"
-}, Qu = Object.keys(Ge), Ir = {
+}, Xu = Object.keys(Ge), Ir = {
   name: "DtKeyboardShortcut",
   components: {
     DtIcon: V
@@ -5059,7 +5059,7 @@ function Or(e, a, t, i, s, n) {
     ], 64))), 256))
   ], 2);
 }
-const Xu = /* @__PURE__ */ I(Ir, [["render", Or]]), Aa = {
+const Zu = /* @__PURE__ */ I(Ir, [["render", Or]]), Aa = {
   LEFT: "left",
   RIGHT: "right"
 }, Lr = ["sm", "md", "lg", null], Er = {
@@ -5207,7 +5207,7 @@ function Ar(e, a, t, i, s, n) {
     ], 2)
   ], 2);
 }
-const Zu = /* @__PURE__ */ I(Er, [["render", Ar]]), an = {
+const Ju = /* @__PURE__ */ I(Er, [["render", Ar]]), an = {
   __name: "core_scroller",
   props: {
     /**
@@ -5816,7 +5816,7 @@ function Br(e, a, t, i, s, n) {
     _: 3
   }, 16, ["items", "min-item-size", "direction", "key-field", "list-tag", "item-tag"]);
 }
-const Pr = /* @__PURE__ */ I(xr, [["render", Br]]), Ju = {
+const Pr = /* @__PURE__ */ I(xr, [["render", Br]]), eh = {
   __name: "DtScroller",
   props: {
     /**
@@ -8085,7 +8085,7 @@ const zl = {
       ])
     ]));
   }
-}, Vl = { class: "d-datepicker__hd" }, Wl = { class: "d-datepicker__bd" }, eh = {
+}, Vl = { class: "d-datepicker__hd" }, Wl = { class: "d-datepicker__bd" }, th = {
   __name: "datepicker",
   props: {
     /**
@@ -8226,21 +8226,21 @@ const zl = {
     }));
   }
 };
-function th(e, a = "default") {
+function ah(e, a = "default") {
   return new Intl.DateTimeFormat(a, { weekday: "long", year: "numeric", month: "long", day: "numeric" }).format(e);
 }
-function ah(e, a = "default") {
+function nh(e, a = "default") {
   return new Intl.DateTimeFormat(a, { year: "numeric", month: "long", day: "numeric" }).format(e);
 }
-function nh(e, a = "default", t = !0) {
+function ih(e, a = "default", t = !0) {
   const i = t ? { weekday: "short", year: "numeric", month: "short", day: "numeric" } : { year: "numeric", month: "short", day: "numeric" };
   return new Intl.DateTimeFormat(a, i).format(e);
 }
-function ih(e, a = "default", t = !1) {
+function sh(e, a = "default", t = !1) {
   const i = t ? "short" : "long";
   return new Intl.DateTimeFormat(a, { month: i, day: "numeric" }).format(e);
 }
-function sh(e, a = "default") {
+function rh(e, a = "default") {
   return new Intl.DateTimeFormat(a, { year: "2-digit", month: "2-digit", day: "2-digit" }).format(e);
 }
 const Ul = {
@@ -9083,7 +9083,7 @@ function od(e, a, t, i, s, n) {
     } : void 0
   ]), 1032, ["label", "show-list", "max-height", "popover-offset", "has-suggestion-list", "visually-hidden-close-label", "visually-hidden-close", "append-to", "transition", "onSelect"]);
 }
-const rh = /* @__PURE__ */ I(td, [["render", od], ["__scopeId", "data-v-659a1a3d"]]), gn = ["sm", "md", "lg", "xl"], ld = {
+const oh = /* @__PURE__ */ I(td, [["render", od], ["__scopeId", "data-v-659a1a3d"]]), gn = ["sm", "md", "lg", "xl"], ld = {
   name: "DtRecipeCallbarButton",
   components: { DtButton: j, DtTooltip: _e },
   inheritAttrs: !1,
@@ -9543,7 +9543,7 @@ function fd(e, a, t, i, s, n) {
     }, 16, ["id", "open", "placement", "initial-focus-element", "show-close-button", "dialog-class", "open-popover", "onOpened"])) : w("", !0)
   ]);
 }
-const oh = /* @__PURE__ */ I(ud, [["render", fd]]), md = {
+const lh = /* @__PURE__ */ I(ud, [["render", fd]]), md = {
   name: "DtRecipeContactInfo",
   components: {
     DtAvatar: vt,
@@ -9721,7 +9721,7 @@ function Sd(e, a, t, i, s, n) {
     _: 3
   }, 8, ["id", "role"]);
 }
-const lh = /* @__PURE__ */ I(md, [["render", Sd], ["__scopeId", "data-v-20548ad1"]]), wd = [
+const dh = /* @__PURE__ */ I(md, [["render", Sd], ["__scopeId", "data-v-20548ad1"]]), wd = [
   "green300",
   "green100",
   "red200",
@@ -9780,7 +9780,7 @@ function Dd(e, a, t, i, s, n) {
     ])
   ], 2);
 }
-const dh = /* @__PURE__ */ I(Cd, [["render", Dd]]), Xt = "promptmenu", Zt = "promptcollect", Jt = "promptplay", ea = "gotoexpert", wt = "goto", ta = "branch", aa = "transfer", na = "hangup", Od = {
+const ch = /* @__PURE__ */ I(Cd, [["render", Dd]]), Xt = "promptmenu", Zt = "promptcollect", Jt = "promptplay", ea = "gotoexpert", wt = "goto", ta = "branch", aa = "transfer", na = "hangup", Od = {
   [Xt]: "keypad",
   [Zt]: "dialer",
   [Jt]: "volume-2",
@@ -9789,7 +9789,7 @@ const dh = /* @__PURE__ */ I(Cd, [["render", Dd]]), Xt = "promptmenu", Zt = "pro
   [wt]: "call-merge",
   [aa]: "transfer",
   [na]: "phone-hang-up"
-}, ch = {
+}, uh = {
   [Xt]: "Menu",
   [Zt]: "Collect",
   [Jt]: "Play",
@@ -9990,7 +9990,7 @@ function Bd(e, a, t, i, s, n) {
     }, 8, ["container-class", "header-class"])
   ], 16);
 }
-const uh = /* @__PURE__ */ I(Ed, [["render", Bd]]), Pd = {
+const hh = /* @__PURE__ */ I(Ed, [["render", Bd]]), Pd = {
   name: "DtRecipeGroupedChip",
   components: {
     DtChip: tn
@@ -10066,7 +10066,7 @@ function qd(e, a, t, i, s, n) {
     })
   ]);
 }
-const hh = /* @__PURE__ */ I(Pd, [["render", qd]]), Hd = {
+const fh = /* @__PURE__ */ I(Pd, [["render", qd]]), Hd = {
   name: "DtRecipeSettingsMenuButton",
   components: {
     DtButton: j,
@@ -10128,7 +10128,7 @@ function Vd(e, a, t, i, s, n) {
     _: 1
   }, 16, ["aria-label"]));
 }
-const fh = /* @__PURE__ */ I(Hd, [["render", Vd], ["__scopeId", "data-v-b0dfa8b3"]]), G = {
+const mh = /* @__PURE__ */ I(Hd, [["render", Vd], ["__scopeId", "data-v-b0dfa8b3"]]), G = {
   INBOX: "inbox",
   CONTACTS: "contacts",
   CHANNELS: "channels",
@@ -10666,7 +10666,7 @@ function dc(e, a, t, i, s, n) {
     _: 1
   }, 16, ["description", "aria-label", "unread-count", "has-unreads", "unread-count-tooltip", "selected", "is-typing"]);
 }
-const mh = /* @__PURE__ */ I(lc, [["render", dc]]), cc = {
+const gh = /* @__PURE__ */ I(lc, [["render", dc]]), cc = {
   name: "DtRecipeContactRow",
   components: {
     DtAvatar: vt,
@@ -10889,7 +10889,7 @@ function hc(e, a, t, i, s, n) {
     _: 1
   }, 16, ["unread-count", "description", "has-unreads", "selected", "has-call-button", "muted", "is-typing", "call-button-tooltip", "unread-count-tooltip"]);
 }
-const gh = /* @__PURE__ */ I(cc, [["render", hc]]), fc = ["up", "down"], mc = ["mentions", "messages"], gc = {
+const ph = /* @__PURE__ */ I(cc, [["render", hc]]), fc = ["up", "down"], mc = ["mentions", "messages"], gc = {
   name: "DtRecipeUnreadPill",
   components: {
     DtIcon: V
@@ -10947,7 +10947,7 @@ function bc(e, a, t, i, s, n) {
     ])
   ], 16);
 }
-const ph = /* @__PURE__ */ I(gc, [["render", bc]]), Fa = {
+const bh = /* @__PURE__ */ I(gc, [["render", bc]]), Fa = {
   NORMAL: "",
   SEARCHED: "dt-feed-item-row--state-searched",
   ERROR: "dt-feed-item-row--state-error"
@@ -11193,7 +11193,7 @@ function Oc(e, a, t, i, s, n) {
     _: 3
   }, 16, ["class"]);
 }
-const bh = /* @__PURE__ */ I(vc, [["render", Oc], ["__scopeId", "data-v-373fc909"]]), za = {
+const vh = /* @__PURE__ */ I(vc, [["render", Oc], ["__scopeId", "data-v-6f22a9bd"]]), za = {
   default: "dt-recipe-feed-item-pill__border-default",
   ai: "dt-recipe-feed-item-pill__border-ai",
   critical: "dt-recipe-feed-item-pill__border-critical"
@@ -11335,7 +11335,7 @@ function Bc(e, a, t, i, s, n) {
     ])
   ], 2);
 }
-const vh = /* @__PURE__ */ I(Lc, [["render", Bc], ["__scopeId", "data-v-ebc5dd1f"]]), Pc = {
+const yh = /* @__PURE__ */ I(Lc, [["render", Bc], ["__scopeId", "data-v-ebc5dd1f"]]), Pc = {
   name: "DtRecipeTimePill",
   props: {
     /**
@@ -11366,7 +11366,7 @@ function $c(e, a, t, i, s, n) {
     class: "dt-time-pill"
   }, M(t.dateTimeDisplay), 9, Rc);
 }
-const yh = /* @__PURE__ */ I(Pc, [["render", $c]]), Nc = [
+const _h = /* @__PURE__ */ I(Pc, [["render", $c]]), Nc = [
   "emojiUnicodeOrShortname",
   "isSelected",
   "ariaLabel",
@@ -11417,6 +11417,7 @@ function Uc(e, a, t, i, s, n) {
       g(h, {
         class: "dt-emoji-row__tooltip",
         "content-class": "d-wmx464",
+        sticky: "popper",
         onShown: (f) => n.emojiHovered(v, f)
       }, {
         anchor: c(({ attrs: f }) => [
@@ -11457,7 +11458,7 @@ function Uc(e, a, t, i, s, n) {
     m(e.$slots, "picker")
   ]);
 }
-const _h = /* @__PURE__ */ I(Fc, [["render", Uc]]), jc = {
+const Sh = /* @__PURE__ */ I(Fc, [["render", Uc]]), jc = {
   name: "DtProgressBar",
   props: {
     progressbarAriaLabel: {
@@ -11768,7 +11769,7 @@ function ru(e, a, t, i, s, n) {
     ])
   ]);
 }
-const Sh = /* @__PURE__ */ I(iu, [["render", ru]]), ou = [
+const wh = /* @__PURE__ */ I(iu, [["render", ru]]), ou = [
   /^https?:\/\//,
   /^http?:\/\//,
   /^ftp?:\/\//,
@@ -12063,7 +12064,7 @@ const Sh = /* @__PURE__ */ I(iu, [["render", ru]]), ou = [
     individualButtons() {
       return [
         { showBtn: this.showQuoteButton, selector: "blockquote", iconName: "quote", dataQA: "dt-editor-blockquote-btn", tooltipMessage: "Quote", onClick: this.onBlockquoteToggle },
-        { showBtn: this.showCodeBlockButton, selector: "codeBlock", iconName: "code", dataQA: "dt-editor-code-block-btn", tooltipMessage: "Code", onClick: this.onCodeBlockToggle }
+        { showBtn: this.showCodeBlockButton, selector: "codeBlock", iconName: "code-block", dataQA: "dt-editor-code-block-btn", tooltipMessage: "Code", onClick: this.onCodeBlockToggle }
       ].filter((e) => e.showBtn);
     },
     linkButton() {
@@ -12158,8 +12159,8 @@ const Sh = /* @__PURE__ */ I(iu, [["render", ru]]), ou = [
       this.$emit("input", e);
     }
   }
-}, cu = { key: 0 }, uu = { class: "d-ml8 d-mr12" };
-function hu(e, a, t, i, s, n) {
+}, cu = /* @__PURE__ */ b("div", { class: "dt-editor--button-group-divider" }, null, -1), uu = { key: 0 }, hu = { class: "d-ml8 d-mr12" };
+function fu(e, a, t, i, s, n) {
   const r = p("dt-icon"), l = p("dt-button"), o = p("dt-tooltip"), h = p("dt-stack"), v = p("dt-input"), f = p("dt-popover"), y = p("dt-rich-text-editor");
   return d(), u("div", {
     "data-qa": "dt-editor",
@@ -12169,15 +12170,14 @@ function hu(e, a, t, i, s, n) {
   }, [
     g(h, {
       direction: "row",
-      gap: "0",
-      class: "d-py4 dt-editor--top-bar-background d-divide-x d-divide-black-200"
+      gap: "450",
+      class: "d-p8 dt-editor--top-bar-background"
     }, {
       default: c(() => [
         (d(!0), u(Q, null, J(n.buttonGroups, (_) => (d(), D(h, {
           key: _.key,
           direction: "row",
-          gap: "300",
-          class: "d-p4"
+          gap: "300"
         }, {
           default: c(() => [
             (d(!0), u(Q, null, J(_.buttonGroup, (S) => (d(), D(o, {
@@ -12193,7 +12193,7 @@ function hu(e, a, t, i, s, n) {
                     importance: "clear",
                     kind: "muted",
                     active: (T = (N = e.$refs.richTextEditor) == null ? void 0 : N.editor) == null ? void 0 : T.isActive(S.selector),
-                    size: "sm",
+                    size: "xs",
                     onClick: (k) => S.onClick()
                   }, {
                     icon: c(() => [
@@ -12208,15 +12208,15 @@ function hu(e, a, t, i, s, n) {
                 ];
               }),
               _: 2
-            }, 1032, ["message"]))), 128))
+            }, 1032, ["message"]))), 128)),
+            cu
           ]),
           _: 2
         }, 1024))), 128)),
         n.linkButton.showBtn ? (d(), D(h, {
           key: 0,
           direction: "row",
-          gap: "300",
-          class: "d-p4"
+          gap: "300"
         }, {
           default: c(() => [
             g(f, {
@@ -12247,7 +12247,7 @@ function hu(e, a, t, i, s, n) {
                         kind: "muted",
                         class: "d-ol-none",
                         active: (S = (_ = e.$refs.richTextEditor) == null ? void 0 : _.editor) == null ? void 0 : S.isActive(n.linkButton.selector),
-                        size: "sm",
+                        size: "xs",
                         onClick: a[0] || (a[0] = (N) => n.linkButton.onClick())
                       }, {
                         icon: c(() => [
@@ -12265,7 +12265,7 @@ function hu(e, a, t, i, s, n) {
                 }, 8, ["message"]))
               ]),
               content: c(() => [
-                t.showAddLink.setLinkTitle.length > 0 ? (d(), u("span", cu, M(t.showAddLink.setLinkTitle), 1)) : w("", !0),
+                t.showAddLink.setLinkTitle.length > 0 ? (d(), u("span", uu, M(t.showAddLink.setLinkTitle), 1)) : w("", !0),
                 g(v, {
                   modelValue: s.linkInput,
                   "onUpdate:modelValue": a[1] || (a[1] = (_) => s.linkInput = _),
@@ -12282,7 +12282,7 @@ function hu(e, a, t, i, s, n) {
                 }, null, 8, ["modelValue", "input-aria-label", "placeholder", "onClick", "onFocus", "onKeydown"])
               ]),
               footerContent: c(() => [
-                b("div", uu, [
+                b("div", hu, [
                   g(l, {
                     class: "d-mx2",
                     "aria-label": t.removeLinkButton.ariaLabel,
@@ -12358,13 +12358,13 @@ function hu(e, a, t, i, s, n) {
     ], 4)
   ]);
 }
-const wh = /* @__PURE__ */ I(du, [["render", hu]]), qa = {
+const Ch = /* @__PURE__ */ I(du, [["render", fu]]), qa = {
   warning: "dt-recipe-callbox-badge--warning"
 }, Ha = {
   default: "dt-recipe-callbox--border-default",
   ai: "dt-recipe-callbox--border-ai",
   critical: "dt-recipe-callbox--border-critical"
-}, fu = {
+}, mu = {
   name: "DtRecipeCallbox",
   components: { DtBadge: Vt, DtAvatar: vt },
   inheritAttrs: !1,
@@ -12465,41 +12465,41 @@ const wh = /* @__PURE__ */ I(du, [["render", hu]]), qa = {
       this.clickable && this.$emit("click", e);
     }
   }
-}, mu = {
+}, gu = {
   "data-qa": "dt-recipe-callbox",
   class: "dt-recipe-callbox"
-}, gu = {
+}, pu = {
   key: 0,
   "data-qa": "dt-recipe-callbox--video-wrapper",
   class: "dt-recipe-callbox--video"
-}, pu = { class: "dt-recipe-callbox--main-content-top" }, bu = { class: "dt-recipe-callbox--content" }, vu = {
+}, bu = { class: "dt-recipe-callbox--main-content-top" }, vu = { class: "dt-recipe-callbox--content" }, yu = {
   key: 0,
   "data-qa": "dt-recipe-callbox--badge-wrapper",
   class: "dt-recipe-callbox--content-badge"
-}, yu = {
+}, _u = {
   key: 1,
   "data-qa": "dt-recipe-callbox--subtitle-wrapper",
   class: "dt-recipe-callbox--content-subtitle"
-}, _u = {
+}, Su = {
   key: 1,
   "data-qa": "dt-recipe-callbox--right-wrapper",
   class: "dt-recipe-callbox--right"
-}, Su = {
+}, wu = {
   key: 0,
   "data-qa": "dt-recipe-callbox--bottom-wrapper",
   class: "dt-recipe-callbox--main-content-bottom"
 };
-function wu(e, a, t, i, s, n) {
+function Cu(e, a, t, i, s, n) {
   const r = p("dt-avatar"), l = p("dt-badge");
-  return d(), u("div", mu, [
-    e.$slots.video ? (d(), u("div", gu, [
+  return d(), u("div", gu, [
+    e.$slots.video ? (d(), u("div", pu, [
       m(e.$slots, "video", {}, void 0, !0)
     ])) : w("", !0),
     b("div", {
       "data-qa": "dt-recipe-callbox--main-content",
       class: C(["dt-recipe-callbox--main-content", n.borderClass, { "dt-recipe-callbox--clickable": t.clickable }])
     }, [
-      b("div", pu, [
+      b("div", bu, [
         n.shouldShowAvatar ? (d(), D(r, {
           key: 0,
           "avatar-class": "dt-recipe-callbox--avatar",
@@ -12511,7 +12511,7 @@ function wu(e, a, t, i, s, n) {
           size: "sm",
           onClick: n.handleClick
         }, null, 8, ["image-src", "full-name", "seed", "clickable", "overlay-icon", "onClick"])) : w("", !0),
-        b("div", bu, [
+        b("div", vu, [
           (d(), D(Se(t.clickable ? "button" : "span"), {
             "data-qa": "dt-recipe-callbox--title",
             class: "dt-recipe-callbox--content-title",
@@ -12522,7 +12522,7 @@ function wu(e, a, t, i, s, n) {
             ]),
             _: 1
           }, 8, ["onClick"])),
-          e.$slots.badge || t.badgeText ? (d(), u("div", vu, [
+          e.$slots.badge || t.badgeText ? (d(), u("div", yu, [
             m(e.$slots, "badge", {}, () => [
               g(l, {
                 class: C(n.badgeClass),
@@ -12530,86 +12530,86 @@ function wu(e, a, t, i, s, n) {
               }, null, 8, ["class", "text"])
             ], !0)
           ])) : w("", !0),
-          e.$slots.subtitle ? (d(), u("div", yu, [
+          e.$slots.subtitle ? (d(), u("div", _u, [
             m(e.$slots, "subtitle", {}, void 0, !0)
           ])) : w("", !0)
         ]),
-        e.$slots.right ? (d(), u("div", _u, [
+        e.$slots.right ? (d(), u("div", Su, [
           m(e.$slots, "right", {}, void 0, !0)
         ])) : w("", !0)
       ]),
-      e.$slots.bottom ? (d(), u("div", Su, [
+      e.$slots.bottom ? (d(), u("div", wu, [
         m(e.$slots, "bottom", {}, void 0, !0)
       ])) : w("", !0)
     ], 2)
   ]);
 }
-const Ch = /* @__PURE__ */ I(fu, [["render", wu], ["__scopeId", "data-v-66800ae7"]]);
+const kh = /* @__PURE__ */ I(mu, [["render", Cu], ["__scopeId", "data-v-66800ae7"]]);
 let xe;
 function ct(e, a) {
   return sa(), hn(e, a, {
     locale: xe
   });
 }
-function Cu(e, a) {
+function ku(e, a) {
   return sa(), pl(e, {
     locale: xe,
     format: a
   });
 }
-function ku(e, a) {
+function Iu(e, a) {
   return sa(), ml(e, a, {
     locale: xe
   });
 }
-function Iu() {
+function Tu() {
   return xe !== void 0;
 }
 function sa() {
-  if (!Iu())
+  if (!Tu())
     throw new Error("Locale not set, please call setDateLocale(locale) and pass in a datefns locale object as the locale param before calling this function");
 }
-function kh(e) {
+function Ih(e) {
   xe = e;
 }
-function Ih(e) {
+function Th(e) {
   return ct(e, "MMMM d, y");
 }
-function Th(e) {
+function Dh(e) {
   if (e < 60)
-    return ku(0, 29 * 1e3);
+    return Iu(0, 29 * 1e3);
   const a = vl({
     start: 0,
     end: e * 1e3
   });
-  return Cu(a, ["hours", "minutes"]);
+  return ku(a, ["hours", "minutes"]);
 }
 function Va(e) {
   const a = new Intl.RelativeTimeFormat(xe.code, { numeric: "auto" });
   return zn(a.formatToParts(e, "day")[0].value, xe.code);
 }
-function Dh(e) {
+function Oh(e) {
   return kl(e) ? Va(0) : Tl(e) ? Va(-1) : wl(e) ? ct(e, "EEEE") : Cl(e) ? ct(e, "EEEE, MMMM d") : ct(e, "MMMM d, y");
 }
 export {
-  Eh as AVATAR_COLORS,
-  Ah as AVATAR_GROUP_VALIDATOR,
-  Mh as AVATAR_ICON_SIZES,
-  xh as AVATAR_KIND_MODIFIERS,
-  Bh as AVATAR_PRESENCE_SIZE_MODIFIERS,
-  Ph as AVATAR_PRESENCE_STATES,
-  Rh as AVATAR_SIZE_MODIFIERS,
+  Ah as AVATAR_COLORS,
+  Mh as AVATAR_GROUP_VALIDATOR,
+  xh as AVATAR_ICON_SIZES,
+  Bh as AVATAR_KIND_MODIFIERS,
+  Ph as AVATAR_PRESENCE_SIZE_MODIFIERS,
+  Rh as AVATAR_PRESENCE_STATES,
+  $h as AVATAR_SIZE_MODIFIERS,
   wa as BADGE_DECORATION_MODIFIERS,
   Sa as BADGE_KIND_MODIFIERS,
   _a as BADGE_TYPE_MODIFIERS,
   ui as BREADCRUMBS_INVERTED_MODIFIER,
   ci as BREADCRUMB_ITEM_SELECTED_MODIFIER,
   Ca as BUTTON_GROUP_ALIGNMENT,
-  Gh as BUTTON_ICON_SIZES,
-  Qh as BUTTON_IMPORTANCE_MODIFIERS,
-  Xh as BUTTON_KIND_MODIFIERS,
-  Zh as BUTTON_SIZE_MODIFIERS,
-  Jh as BUTTON_TYPES,
+  Qh as BUTTON_ICON_SIZES,
+  Xh as BUTTON_IMPORTANCE_MODIFIERS,
+  Zh as BUTTON_KIND_MODIFIERS,
+  Jh as BUTTON_SIZE_MODIFIERS,
+  ef as BUTTON_TYPES,
   gn as CALLBAR_BUTTON_VALID_WIDTH_SIZE,
   qa as CALLBOX_BADGE_COLORS,
   Ha as CALLBOX_BORDER_COLORS,
@@ -12620,34 +12620,34 @@ export {
   ed as CHIP_TOP_POSITION,
   wd as COLOR_CODES,
   lt as DEFAULT_FEED_ROW_STATE,
-  kf as DEFAULT_VALIDATION_MESSAGE_TYPE,
-  If as DESCRIPTION_SIZE_TYPES,
+  If as DEFAULT_VALIDATION_MESSAGE_TYPE,
+  Tf as DESCRIPTION_SIZE_TYPES,
   Xe as DROPDOWN_PADDING_CLASSES,
   ji as DT_DESCRIPTION_LIST_DIRECTION,
-  $h as DT_STACK_DIRECTION,
+  Nh as DT_STACK_DIRECTION,
   yn as DT_STACK_GAP,
-  Nh as DT_STACK_RESPONSIVE_BREAKPOINTS,
+  Fh as DT_STACK_RESPONSIVE_BREAKPOINTS,
   vt as DtAvatar,
   Vt as DtBadge,
-  Mu as DtBanner,
+  xu as DtBanner,
   mi as DtBreadcrumbItem,
-  xu as DtBreadcrumbs,
+  Bu as DtBreadcrumbs,
   j as DtButton,
-  Bu as DtButtonGroup,
+  Pu as DtButtonGroup,
   wi as DtCard,
   ja as DtCheckableInputMixin,
-  Uu as DtCheckbox,
-  ju as DtCheckboxGroup,
+  ju as DtCheckbox,
+  Ku as DtCheckboxGroup,
   tn as DtChip,
-  Pu as DtCodeblock,
+  Ru as DtCodeblock,
   Ui as DtCollapsible,
   $i as DtCombobox,
-  eh as DtDatepicker,
-  Ru as DtDescriptionList,
+  th as DtDatepicker,
+  $u as DtDescriptionList,
   ts as DtDropdown,
-  $u as DtDropdownSeparator,
+  Nu as DtDropdownSeparator,
   Ka as DtGroupableInputMixin,
-  Nu as DtHovercard,
+  Fu as DtHovercard,
   V as DtIcon,
   hs as DtImageViewer,
   Ya as DtInput,
@@ -12656,70 +12656,70 @@ export {
   Ua as DtInputMixin,
   wn as DtItemLayout,
   Qa as DtKeyboardListNavigationMixin,
-  Xu as DtKeyboardShortcut,
+  Zu as DtKeyboardShortcut,
   zt as DtLazyShow,
   vn as DtLink,
   pt as DtListItem,
-  zu as DtListItemGroup,
-  Fu as DtModal,
-  Au as DtNotice,
+  qu as DtListItemGroup,
+  zu as DtModal,
+  Mu as DtNotice,
   jt as DtNoticeAction,
   Ut as DtNoticeContent,
   Wt as DtNoticeIcon,
-  qu as DtPagination,
+  Hu as DtPagination,
   tt as DtPopover,
-  Fh as DtPresence,
-  Hu as DtRadio,
-  Vu as DtRadioGroup,
-  Sh as DtRecipeAttachmentCarousel,
+  zh as DtPresence,
+  Vu as DtRadio,
+  Wu as DtRadioGroup,
+  wh as DtRecipeAttachmentCarousel,
   cd as DtRecipeCallbarButton,
-  oh as DtRecipeCallbarButtonWithPopover,
-  Ch as DtRecipeCallbox,
-  rh as DtRecipeComboboxMultiSelect,
+  lh as DtRecipeCallbarButtonWithPopover,
+  kh as DtRecipeCallbox,
+  oh as DtRecipeComboboxMultiSelect,
   Xl as DtRecipeComboboxWithPopover,
-  lh as DtRecipeContactInfo,
-  gh as DtRecipeContactRow,
-  _h as DtRecipeEmojiRow,
-  vh as DtRecipeFeedItemPill,
-  bh as DtRecipeFeedItemRow,
+  dh as DtRecipeContactInfo,
+  ph as DtRecipeContactRow,
+  Sh as DtRecipeEmojiRow,
+  yh as DtRecipeFeedItemPill,
+  vh as DtRecipeFeedItemRow,
   pn as DtRecipeGeneralRow,
-  mh as DtRecipeGroupRow,
-  hh as DtRecipeGroupedChip,
-  uh as DtRecipeIvrNode,
-  fh as DtRecipeSettingsMenuButton,
-  yh as DtRecipeTimePill,
-  dh as DtRecipeTopBannerInfo,
-  ph as DtRecipeUnreadPill,
-  wh as DtRecipeWysiwygEditor,
-  Zu as DtRootLayout,
-  Ju as DtScroller,
-  Ku as DtSelectMenu,
+  gh as DtRecipeGroupRow,
+  fh as DtRecipeGroupedChip,
+  hh as DtRecipeIvrNode,
+  mh as DtRecipeSettingsMenuButton,
+  _h as DtRecipeTimePill,
+  ch as DtRecipeTopBannerInfo,
+  bh as DtRecipeUnreadPill,
+  Ch as DtRecipeWysiwygEditor,
+  Ju as DtRootLayout,
+  eh as DtScroller,
+  Yu as DtSelectMenu,
   On as DtSkeleton,
-  ef as DtSkeletonListItem,
-  tf as DtSkeletonParagraph,
-  af as DtSkeletonShape,
-  nf as DtSkeletonText,
+  tf as DtSkeletonListItem,
+  af as DtSkeletonParagraph,
+  nf as DtSkeletonShape,
+  sf as DtSkeletonText,
   Qe as DtStack,
-  sf as DtTab,
-  rf as DtTabGroup,
-  Wu as DtTabPanel,
-  Yu as DtToast,
-  Gu as DtToggle,
+  rf as DtTab,
+  of as DtTabGroup,
+  Uu as DtTabPanel,
+  Gu as DtToast,
+  Qu as DtToggle,
   _e as DtTooltip,
   Fe as DtValidationMessages,
   za as FEED_ITEM_PILL_BORDER_COLORS,
   Fa as FEED_ROW_STATE_BACKGROUND_COLOR,
-  of as ICON_POSITION_MODIFIERS,
-  lf as ICON_SIZE_MODIFIERS,
-  df as INPUT_SIZES,
-  cf as INPUT_TYPES,
-  uf as INVALID_COMBINATION,
+  lf as ICON_POSITION_MODIFIERS,
+  df as ICON_SIZE_MODIFIERS,
+  cf as INPUT_SIZES,
+  uf as INPUT_TYPES,
+  hf as INVALID_COMBINATION,
   ta as IVR_NODE_BRANCH,
   ea as IVR_NODE_EXPERT,
   wt as IVR_NODE_GO_TO,
   na as IVR_NODE_HANGUP,
   Od as IVR_NODE_ICON_TYPES,
-  ch as IVR_NODE_LABELS,
+  uh as IVR_NODE_LABELS,
   Zt as IVR_NODE_PROMPT_COLLECT,
   Xt as IVR_NODE_PROMPT_MENU,
   Jt as IVR_NODE_PROMPT_PLAY,
@@ -12730,10 +12730,10 @@ export {
   Wd as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
   jd as LEFTBAR_GENERAL_ROW_ICON_SIZES,
   G as LEFTBAR_GENERAL_ROW_TYPES,
-  hf as LINK_KIND_MODIFIERS,
-  ff as LINK_VARIANTS,
+  ff as LINK_KIND_MODIFIERS,
+  mf as LINK_VARIANTS,
   Dt as LIST_ITEM_NAVIGATION_TYPES,
-  zh as LIST_ITEM_TYPES,
+  qh as LIST_ITEM_TYPES,
   Ta as MODAL_BANNER_KINDS,
   ka as MODAL_KIND_MODIFIERS,
   Ia as MODAL_SIZE_MODIFIERS,
@@ -12742,56 +12742,56 @@ export {
   jn as NOTICE_ROLES,
   bt as POPOVER_APPEND_TO_VALUES,
   Sn as POPOVER_CONTENT_WIDTHS,
-  qh as POPOVER_DIRECTIONS,
-  Hh as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
-  Vh as POPOVER_INITIAL_FOCUS_STRINGS,
+  Hh as POPOVER_DIRECTIONS,
+  Vh as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
+  Wh as POPOVER_INITIAL_FOCUS_STRINGS,
   _n as POPOVER_PADDING_CLASSES,
-  Wh as POPOVER_ROLES,
-  Uh as POPOVER_STICKY_VALUES,
-  jh as PRESENCE_STATES,
-  Kh as PRESENCE_STATES_LIST,
+  Uh as POPOVER_ROLES,
+  jh as POPOVER_STICKY_VALUES,
+  Kh as PRESENCE_STATES,
+  Yh as PRESENCE_STATES_LIST,
   Ms as RADIO_INPUT_VALIDATION_CLASSES,
   Nc as REACTIONS_ATTRIBUTES,
   Lr as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,
   Aa as ROOT_LAYOUT_SIDEBAR_POSITIONS,
   Oa as SELECT_SIZE_MODIFIERS,
   tr as SELECT_STATE_MODIFIERS,
-  Qu as SHORTCUTS_ALIASES_LIST,
+  Xu as SHORTCUTS_ALIASES_LIST,
   Ge as SHORTCUTS_ICON_ALIASES,
   kr as SHORTCUTS_ICON_SEPARATOR,
-  mf as SKELETON_HEADING_HEIGHTS,
-  gf as SKELETON_RIPPLE_DURATION,
-  pf as SKELETON_SHAPES,
-  bf as SKELETON_SHAPE_SIZES,
-  vf as SKELETON_TEXT_TYPES,
-  yf as TAB_IMPORTANCE_MODIFIERS,
-  _f as TAB_LIST_IMPORTANCE_MODIFIERS,
-  Sf as TAB_LIST_KIND_MODIFIERS,
-  wf as TAB_LIST_SIZES,
+  gf as SKELETON_HEADING_HEIGHTS,
+  pf as SKELETON_RIPPLE_DURATION,
+  bf as SKELETON_SHAPES,
+  vf as SKELETON_SHAPE_SIZES,
+  yf as SKELETON_TEXT_TYPES,
+  _f as TAB_IMPORTANCE_MODIFIERS,
+  Sf as TAB_LIST_IMPORTANCE_MODIFIERS,
+  wf as TAB_LIST_KIND_MODIFIERS,
+  Cf as TAB_LIST_SIZES,
   La as TOAST_MIN_DURATION,
   hr as TOAST_ROLES,
   br as TOGGLE_CHECKED_VALUES,
   Ea as TOGGLE_SIZE_MODIFIERS,
   va as TOOLTIP_DELAY_MS,
   $n as TOOLTIP_DIRECTIONS,
-  Tf as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
-  Df as TOOLTIP_KIND_MODIFIERS,
-  Of as TOOLTIP_STICKY_VALUES,
+  Df as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
+  Of as TOOLTIP_KIND_MODIFIERS,
+  Lf as TOOLTIP_STICKY_VALUES,
   fc as UNREAD_PILL_DIRECTIONS,
   mc as UNREAD_PILL_KINDS,
-  Lf as VALIDATION_MESSAGE_TYPES,
-  Th as durationInHHMM,
-  Ef as filterFormattedMessages,
-  th as formatLong,
-  ah as formatMedium,
+  Ef as VALIDATION_MESSAGE_TYPES,
+  Dh as durationInHHMM,
+  Af as filterFormattedMessages,
+  ah as formatLong,
+  nh as formatMedium,
   ya as formatMessages,
-  ih as formatNoYear,
-  sh as formatNumerical,
-  nh as formatShort,
-  Ih as getDateMedium,
+  sh as formatNoYear,
+  rh as formatNumerical,
+  ih as formatShort,
+  Th as getDateMedium,
   re as getUniqueString,
   Mt as getValidationState,
-  Dh as relativeDate,
-  kh as setDateLocale,
+  Oh as relativeDate,
+  Ih as setDateLocale,
   Wa as validationMessageValidator
 };