@dialpad/dialtone 9.17.0 → 9.19.0

package/dist/vue3/dialtone-vue.js

@@ -1,11 +1,11 @@
-import { S as Rt, c as we, M as et, d as yn, e as $t, f as _n, D as tt, L as Dt, P as gt, g as Sn, h as Qe, i as wn, j as bt, k as Wa, a as Cn, R as kn, b as In } from "./rich_text_editor-NWAFxCaY.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-NWAFxCaY.js";
-import { w as V, t as j, F as Tn, M as Dn, G as On, H as Fe, J as Ua, K as ja, N as Ka, O as Ya, P as Nt, x as Ga, D as Ln } from "./emoji-acqIsOA0.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 pf, a5 as gf, a6 as bf, a8 as vf, a7 as yf, a0 as _f, $ as Sf, Z as wf, _ as Cf } from "./emoji-acqIsOA0.js";
-import { resolveComponent as g, openBlock as d, createElementBlock as u, normalizeClass as C, createCommentVNode as w, createVNode as p, createElementVNode as b, renderSlot as m, createTextVNode as z, toDisplayString as M, createBlock as D, mergeProps as A, withCtx as c, normalizeStyle as Ce, withKeys as de, Fragment as Q, renderList as J, withModifiers as ce, normalizeProps as ze, Transition as Ft, withDirectives as Ee, resolveDynamicComponent as Se, guardReactiveProps as vt, vShow as Ae, toHandlers as K, ref as Z, reactive as At, unref as L, Teleport as En, warn as yt, computed as Oe, watch as Ze, onMounted as Qa, nextTick as Ye, markRaw as An, shallowReactive as Mn, h as xn, provide as Bn, createSlots as _t, pushScopeId as Pn, popScopeId as Rn } from "vue";
-import { _ as I, h as ae, u as Me, g as re, e as zt, o as at, E as X, l as va, p as $n, b as ya, a as Mt, L as Nn, q as Fn, D as _e, s as qt, r as zn } from "./tooltip-Od71Luh6.js";
-import { v as If, c as Tf, y as Df, w as Of, x as Lf, V as Ef, f as Af } from "./tooltip-Od71Luh6.js";
-import { _ as Ht } from "./emoji_text_wrapper-TK25xXF3.js";
+import { S as Rt, c as we, M as et, d as yn, e as $t, f as _n, D as tt, L as Dt, g as Qe, h as gt, i as Wa, a as Sn, R as wn, b as Cn } from "./rich_text_editor-S31F6RAP.js";
+import { n as Ah, o as Mh, m as xh, j as Bh, k as Ph, l as Rh, A as $h, s as Nh, t as Fh, q as qh, p as zh, P as Hh, r as Vh } from "./rich_text_editor-S31F6RAP.js";
+import { w as V, t as j, F as kn, M as In, G as Tn, H as Fe, J as Ua, K as ja, N as Ka, O as Ya, P as Nt, x as Ga, D as Dn } from "./emoji-ifbDMGtx.js";
+import { W as Uh, S as jh, R as Kh, Q as Yh, T as Gh, a1 as Qh, a4 as Xh, a3 as Zh, a2 as Jh, z as ef, y as tf, U as af, I as nf, Y as sf, X as rf, V as of, C as lf, L as df, a9 as cf, a5 as uf, a6 as hf, a8 as ff, a7 as mf, a0 as pf, $ as gf, Z as bf, _ as vf } from "./emoji-ifbDMGtx.js";
+import { resolveComponent as g, openBlock as d, createElementBlock as u, normalizeClass as C, createCommentVNode as w, createVNode as p, createElementVNode as b, renderSlot as m, createTextVNode as q, toDisplayString as M, createBlock as D, mergeProps as A, withCtx as c, normalizeStyle as Ce, withKeys as de, Fragment as Q, renderList as J, withModifiers as ce, normalizeProps as qe, Transition as Ft, withDirectives as Ee, resolveDynamicComponent as Se, guardReactiveProps as bt, vShow as Ae, toHandlers as K, ref as Z, reactive as At, unref as L, Teleport as On, warn as vt, computed as Oe, watch as Ze, onMounted as Qa, nextTick as Ye, markRaw as Ln, shallowReactive as En, h as An, provide as Mn, createSlots as yt, pushScopeId as xn, popScopeId as Bn } from "vue";
+import { _ as I, h as ae, u as Me, g as re, e as qt, v as at, m as _t, E as X, T as va, w as Pn, i as Rn, b as ya, a as Mt, L as $n, x as Nn, D as _e, j as Fn, y as zt, z as qn } from "./tooltip-FcHJcgMd.js";
+import { A as _f, c as Sf, B as wf, n as Cf, l as kf, P as If, k as Tf, G as Df, C as Of, F as Lf, V as Ef, f as Af } from "./tooltip-FcHJcgMd.js";
+import { _ as Ht } from "./emoji_text_wrapper-vQeoLfQ4.js";
 const _a = {
   default: "",
   info: "d-badge--info",
@@ -40,7 +40,7 @@ const _a = {
   "magenta-200": "d-badge--decorate-magenta-200",
   "magenta-300": "d-badge--decorate-magenta-300",
   "magenta-400": "d-badge--decorate-magenta-400"
-}, qn = {
+}, zn = {
   name: "DtBadge",
   components: {
     DtIcon: V
@@ -172,7 +172,7 @@ function Un(e, a, t, i, s, n) {
       class: C(["d-badge__label", t.labelClass])
     }, [
       m(e.$slots, "default", {}, () => [
-        z(M(t.text), 1)
+        q(M(t.text), 1)
       ])
     ], 2),
     t.iconRight ? (d(), u("span", Wn, [
@@ -183,7 +183,7 @@ function Un(e, a, t, i, s, n) {
     ])) : w("", !0)
   ], 2);
 }
-const Vt = /* @__PURE__ */ I(qn, [["render", Un]]), nt = ["base", "error", "info", "success", "warning"], jn = ["alert", "alertdialog", "status"], Kn = /* @__PURE__ */ new Map([
+const Vt = /* @__PURE__ */ I(zn, [["render", Un]]), nt = ["base", "error", "info", "success", "warning"], jn = ["alert", "alertdialog", "status"], Kn = /* @__PURE__ */ new Map([
   ["info", "info"],
   ["success", "check-circle"],
   ["warning", "alert-triangle"],
@@ -278,7 +278,7 @@ function ti(e, a, t, i, s, n) {
       "data-qa": "notice-content-title"
     }, [
       m(e.$slots, "titleOverride", {}, () => [
-        z(M(t.title), 1)
+        q(M(t.title), 1)
       ])
     ], 8, Jn)) : w("", !0),
     b("p", {
@@ -762,7 +762,7 @@ const xu = /* @__PURE__ */ I(oi, [["render", di]]), ci = "d-breadcrumbs__item--s
   },
   computed: {
     linkKind() {
-      return this.inverted ? Tn : Dn;
+      return this.inverted ? kn : In;
     },
     ariaCurrent() {
       return this.selected ? "location" : void 0;
@@ -785,7 +785,7 @@ function fi(e, a, t, i, s, n) {
     }, e.$attrs), {
       default: c(() => [
         m(e.$slots, "default", {}, () => [
-          z(M(t.label), 1)
+          q(M(t.label), 1)
         ])
       ]),
       _: 3
@@ -982,9 +982,9 @@ const wi = /* @__PURE__ */ I(_i, [["render", Si]]), Ci = {
 }, ki = { class: "d-codeblock" };
 function Ii(e, a, t, i, s, n) {
   return d(), u("pre", null, [
-    z("    "),
+    q("    "),
     b("code", ki, M(t.text), 1),
-    z(`
+    q(`
   `)
   ]);
 }
@@ -1182,7 +1182,7 @@ const Ru = /* @__PURE__ */ I(Ci, [["render", Ii]]), Ti = {
   }
 }), Oi = {
   name: "ComboboxLoadingList",
-  components: { DtListItem: $t, DtSkeleton: On }
+  components: { DtListItem: $t, DtSkeleton: Tn }
 }, Li = {
   class: "d-combobox__loading-list",
   "aria-busy": "true"
@@ -1548,7 +1548,7 @@ function Ri(e, a, t, i, s, n) {
       onFocusout: a[1] || (a[1] = (...o) => n.clearHighlightIndex && n.clearHighlightIndex(...o)),
       onMousemoveCapture: a[2] || (a[2] = (...o) => n.onMouseHighlight && n.onMouseHighlight(...o))
     }, [
-      t.loading && !t.listRenderedOutside ? (d(), D(r, ze(A({ key: 0 }, n.listProps)), null, 16)) : t.emptyList && (t.emptyStateMessage || s.hasSlotContent(e.$slots.emptyListItem)) && !t.listRenderedOutside ? (d(), D(l, A({ key: 1 }, n.listProps, {
+      t.loading && !t.listRenderedOutside ? (d(), D(r, qe(A({ key: 0 }, n.listProps)), null, 16)) : t.emptyList && (t.emptyStateMessage || s.hasSlotContent(e.$slots.emptyListItem)) && !t.listRenderedOutside ? (d(), D(l, A({ key: 1 }, n.listProps, {
         message: t.emptyStateMessage,
         "item-class": t.emptyStateClass
       }), {
@@ -1690,7 +1690,7 @@ function Fi(e, a, t, i, s, n) {
     onAfterLeave: n.afterLeave
   }), {
     default: c(() => [
-      Ee((d(), D(Se(t.elementType), ze(vt(e.$attrs)), {
+      Ee((d(), D(Se(t.elementType), qe(bt(e.$attrs)), {
         default: c(() => [
           s.initialized ? m(e.$slots, "default", { key: 0 }) : w("", !0)
         ]),
@@ -1702,12 +1702,12 @@ function Fi(e, a, t, i, s, n) {
     _: 3
   }, 16, ["appear", "css", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
 }
-const zi = /* @__PURE__ */ I(Ni, [["render", Fi]]), qi = {
+const qi = /* @__PURE__ */ I(Ni, [["render", Fi]]), zi = {
   name: "DtCollapsible",
   components: {
     DtButton: j,
-    DtCollapsibleLazyShow: zi,
-    DtLazyShow: zt,
+    DtCollapsibleLazyShow: qi,
+    DtLazyShow: qt,
     DtIcon: V
   },
   props: {
@@ -1925,7 +1925,7 @@ function Wi(e, a, t, i, s, n) {
     _: 3
   }, 16);
 }
-const Ui = /* @__PURE__ */ I(qi, [["render", Wi]]), ji = ["row", "column"], Ki = (e) => e.term ? typeof e.term == "string" : !1, Yi = (e) => e.description ? typeof e.description == "string" : !1, Gi = (e) => Array.isArray(e) ? e.every((a) => !(typeof a != "object" || !Ki(a) || !Yi(a))) : !1, Qi = {
+const Ui = /* @__PURE__ */ I(zi, [["render", Wi]]), ji = ["row", "column"], Ki = (e) => e.term ? typeof e.term == "string" : !1, Yi = (e) => e.description ? typeof e.description == "string" : !1, Gi = (e) => Array.isArray(e) ? e.every((a) => !(typeof a != "object" || !Ki(a) || !Yi(a))) : !1, Qi = {
   name: "DtDescriptionList",
   props: {
     /**
@@ -2158,7 +2158,7 @@ const $u = /* @__PURE__ */ I(Qi, [["render", Xi]]), Xe = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (e) => gt.includes(e) || e instanceof HTMLElement
+      validator: (e) => _t.includes(e) || e instanceof HTMLElement
     },
     /**
      * If set to false the dialog will display over top of the anchor when there is insufficient space.
@@ -2458,7 +2458,7 @@ const Nu = /* @__PURE__ */ I(as, [["render", is]]), ss = function() {
       type: String,
       default: "top-start",
       validator(e) {
-        return $n.includes(e);
+        return Pn.includes(e);
       }
     },
     /**
@@ -2468,7 +2468,7 @@ const Nu = /* @__PURE__ */ I(as, [["render", is]]), ss = function() {
     padding: {
       type: String,
       default: "large",
-      validator: (e) => Object.keys(Sn).some((a) => a === e)
+      validator: (e) => Object.keys(Rn).some((a) => a === e)
     },
     /**
        * Displaces the content box from its anchor element
@@ -2524,7 +2524,7 @@ const Nu = /* @__PURE__ */ I(as, [["render", is]]), ss = function() {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (e) => gt.includes(e) || e instanceof HTMLElement
+      validator: (e) => _t.includes(e) || e instanceof HTMLElement
     }
   },
   emits: ["opened"],
@@ -2549,7 +2549,7 @@ const Nu = /* @__PURE__ */ I(as, [["render", is]]), ss = function() {
       onOpened: i[0] || (i[0] = (s) => t.$emit("opened", s))
     }, {
       anchor: c(({ attrs: s }) => [
-        m(t.$slots, "anchor", ze(vt(s)))
+        m(t.$slots, "anchor", qe(bt(s)))
       ]),
       content: c(() => [
         m(t.$slots, "content")
@@ -2716,7 +2716,7 @@ function us(e, a, t, i, s, n) {
       ]),
       _: 1
     }, 8, ["aria-label", "onClick"]),
-    s.isOpen ? (d(), D(En, {
+    s.isOpen ? (d(), D(On, {
       key: 0,
       to: "body"
     }, [
@@ -2906,7 +2906,7 @@ const hs = /* @__PURE__ */ I(rs, [["render", us]]), fs = {
     }
   },
   mounted() {
-    !this.legend && !this.$slots.legend && !this.$attrs["aria-label"] && yt("It is expected that an aria-label is provided when there is no legend.", this);
+    !this.legend && !this.$slots.legend && !this.$attrs["aria-label"] && vt("It is expected that an aria-label is provided when there is no legend.", this);
   }
 }, ms = {
   name: "DtInputGroup",
@@ -2974,7 +2974,7 @@ function bs(e, a, t, i, s, n) {
       class: ["d-label", e.legendClass]
     }, e.legendChildProps, { "data-qa": t.dataQaGroupLegend }), [
       m(e.$slots, "legend", {}, () => [
-        z(M(e.legend), 1)
+        q(M(e.legend), 1)
       ])
     ], 16, gs)) : w("", !0),
     m(e.$slots, "default"),
@@ -3001,7 +3001,7 @@ const tn = /* @__PURE__ */ I(ms, [["render", bs]]), ka = {
 }, vs = {
   name: "DtModal",
   components: {
-    DtLazyShow: zt,
+    DtLazyShow: qt,
     DtButton: j,
     DtIcon: V,
     SrOnlyCloseButton: Rt
@@ -3281,7 +3281,7 @@ function Cs(e, a, t, i, s, n) {
         ])
       }, [
         m(e.$slots, "banner", {}, () => [
-          z(M(t.bannerTitle), 1)
+          q(M(t.bannerTitle), 1)
         ])
       ], 2)) : w("", !0),
       p(Ft, {
@@ -3364,7 +3364,7 @@ function Cs(e, a, t, i, s, n) {
     _: 3
   }, 16, ["show", "class", "aria-hidden"]);
 }
-const zu = /* @__PURE__ */ I(vs, [["render", Cs]]), ks = {
+const qu = /* @__PURE__ */ I(vs, [["render", Cs]]), ks = {
   name: "DtListItemGroup",
   props: {
     /**
@@ -3415,13 +3415,13 @@ function Ds(e, a, t, i, s, n) {
       class: C(["dt-dropdown-list--header", t.headingClass])
     }, [
       m(e.$slots, "headingSlot", {}, () => [
-        z(M(t.heading), 1)
+        q(M(t.heading), 1)
       ])
     ], 10, Ts)) : w("", !0),
     m(e.$slots, "default")
   ], 10, Is);
 }
-const qu = /* @__PURE__ */ I(ks, [["render", Ds]]), Os = {
+const zu = /* @__PURE__ */ I(ks, [["render", Ds]]), Os = {
   name: "DtPagination",
   components: {
     DtButton: j,
@@ -3573,7 +3573,7 @@ function As(e, a, t, i, s, n) {
         onClick: (v) => n.changePage(o)
       }, {
         default: c(() => [
-          z(M(o), 1)
+          q(M(o), 1)
         ]),
         _: 2
       }, 1032, ["aria-label", "kind", "importance", "onClick"]))
@@ -3717,7 +3717,7 @@ function $s(e, a, t, i, s, n) {
         b("div", Rs, [
           b("div", A({ class: e.labelClass }, e.labelChildProps, { "data-qa": "radio-label" }), [
             m(e.$slots, "default", {}, () => [
-              z(M(e.label), 1)
+              q(M(e.label), 1)
             ])
           ], 16),
           e.$slots.description || e.description ? (d(), u("div", A({
@@ -3725,7 +3725,7 @@ function $s(e, a, t, i, s, n) {
             class: ["d-description", e.descriptionClass]
           }, e.descriptionChildProps, { "data-qa": "radio-description" }), [
             m(e.$slots, "description", {}, () => [
-              z(M(e.description), 1)
+              q(M(e.description), 1)
             ])
           ], 16)) : w("", !0),
           p(r, A({
@@ -3877,7 +3877,7 @@ const Vu = /* @__PURE__ */ I(xs, [["render", $s]]), Wu = {
     }
   }
 }, Fs = ["id", "tabindex", "aria-labelledby", "aria-hidden"];
-function zs(e, a, t, i, s, n) {
+function qs(e, a, t, i, s, n) {
   return Ee((d(), u("div", {
     id: `dt-panel-${t.id}`,
     role: "tabpanel",
@@ -3892,7 +3892,7 @@ function zs(e, a, t, i, s, n) {
     [Ae, !n.hidePanel]
   ]);
 }
-const Uu = /* @__PURE__ */ I(Ns, [["render", zs]]), qs = {
+const Uu = /* @__PURE__ */ I(Ns, [["render", qs]]), zs = {
   error: "d-checkbox--error",
   warning: "d-checkbox--warning",
   success: "d-checkbox--success"
@@ -3926,7 +3926,7 @@ const Uu = /* @__PURE__ */ I(Ns, [["render", zs]]), qs = {
   ],
   computed: {
     inputValidationClass() {
-      return qs[this.internalValidationState];
+      return zs[this.internalValidationState];
     },
     checkboxGroupValueChecked() {
       var e, a;
@@ -4004,7 +4004,7 @@ function js(e, a, t, i, s, n) {
             class: e.labelClass
           }, e.labelChildProps, { "data-qa": "checkbox-label" }), [
             m(e.$slots, "default", {}, () => [
-              z(M(e.label), 1)
+              q(M(e.label), 1)
             ])
           ], 16)) : w("", !0),
           n.hasDescription ? (d(), u("div", A({
@@ -4012,7 +4012,7 @@ function js(e, a, t, i, s, n) {
             class: ["d-description", e.descriptionClass]
           }, e.descriptionChildProps, { "data-qa": "checkbox-description" }), [
             m(e.$slots, "description", {}, () => [
-              z(M(e.description), 1)
+              q(M(e.description), 1)
             ])
           ], 16)) : w("", !0),
           p(r, A({
@@ -4038,7 +4038,7 @@ const ju = /* @__PURE__ */ I(Hs, [["render", js]]), Ku = {
     value: {
       type: [],
       default: null,
-      validator: (e) => e ? (yt(
+      validator: (e) => e ? (vt(
         "Component uses selectedValues to initialize the model, value is not supported by this component",
         void 0
       ), !1) : !0
@@ -4446,8 +4446,8 @@ const an = /* @__PURE__ */ I(Gs, [["render", er]]), Oa = {
   ],
   data() {
     return {
-      LABEL_SIZE_MODIFIERS: Nn,
-      DESCRIPTION_SIZE_MODIFIERS: Fn,
+      LABEL_SIZE_MODIFIERS: $n,
+      DESCRIPTION_SIZE_MODIFIERS: Nn,
       SELECT_SIZE_MODIFIERS: Oa,
       SELECT_STATE_MODIFIERS: tr,
       hasSlotContent: ae
@@ -4502,7 +4502,7 @@ const an = /* @__PURE__ */ I(Gs, [["render", er]]), Oa = {
     },
     validateOptionsPresence() {
       var e;
-      ((e = this.options) == null ? void 0 : e.length) < 1 && !this.$slots.default && yt("Options are expected to be provided via prop or slot", this);
+      ((e = this.options) == null ? void 0 : e.length) < 1 && !this.$slots.default && vt("Options are expected to be provided via prop or slot", this);
     }
   }
 }, or = ["aria-details"], lr = ["id"], dr = ["disabled"], cr = ["value"];
@@ -4520,7 +4520,7 @@ function ur(e, a, t, i, s, n) {
         ]
       }, t.labelChildProps, { "data-qa": "dt-select-label" }), [
         m(e.$slots, "label", {}, () => [
-          z(M(t.label), 1)
+          q(M(t.label), 1)
         ])
       ], 16, or)) : w("", !0),
       s.hasSlotContent(e.$slots.description) || t.description ? (d(), u("div", A({
@@ -4533,7 +4533,7 @@ function ur(e, a, t, i, s, n) {
         ]
       }, t.descriptionChildProps, { "data-qa": "dt-select-description" }), [
         m(e.$slots, "description", {}, () => [
-          z(M(t.description), 1)
+          q(M(t.description), 1)
         ])
       ], 16, lr)) : w("", !0),
       b("div", {
@@ -4772,7 +4772,7 @@ function gr(e, a, t, i, s, n) {
         ]),
         default: c(() => [
           m(e.$slots, "default", {}, () => [
-            z(M(t.message), 1)
+            q(M(t.message), 1)
           ])
         ]),
         _: 3
@@ -4931,7 +4931,7 @@ const Gu = /* @__PURE__ */ I(fr, [["render", gr]]), Ea = {
       this.validateInputLabels(this.hasSlotLabel(), this.$attrs["aria-label"]);
     },
     validateInputLabels(e, a) {
-      !e && !a && yt(
+      !e && !a && vt(
         "You must provide an aria-label when there is no label passed",
         this
       );
@@ -5328,13 +5328,13 @@ const Ju = /* @__PURE__ */ I(Er, [["render", Ar]]), nn = {
       });
     });
     const me = (x, R, B, ue, te) => {
-      const pe = An({
+      const pe = Ln({
         id: ne++,
         index: R,
         used: !0,
         key: ue,
         type: te
-      }), H = Mn({
+      }), H = En({
         item: B,
         position: 0,
         nr: pe
@@ -5608,7 +5608,7 @@ const Ju = /* @__PURE__ */ I(Er, [["render", Ar]]), nn = {
     }
   },
   render() {
-    return xn(this.tag, this.$slots.default());
+    return An(this.tag, this.$slots.default());
   }
 }, xr = {
   name: "DynamicScroller",
@@ -5803,7 +5803,7 @@ function Br(e, a, t, i, s, n) {
         "data-index": h
       }, {
         default: c(() => [
-          m(e.$slots, "default", ze(vt({
+          m(e.$slots, "default", qe(bt({
             item: o.item,
             index: h,
             active: v,
@@ -5918,7 +5918,7 @@ const Pr = /* @__PURE__ */ I(xr, [["render", Br]]), eh = {
   ],
   setup(e, { expose: a, emit: t }) {
     const i = e;
-    Bn("emit", t);
+    Mn("emit", t);
     const n = Z(null), r = Oe(() => ({
       width: typeof i.scrollerWidth == "number" ? `${i.scrollerWidth}px` : i.scrollerWidth,
       height: typeof i.scrollerHeight == "number" ? `${i.scrollerHeight}px` : i.scrollerHeight
@@ -5962,7 +5962,7 @@ const Pr = /* @__PURE__ */ I(xr, [["render", Br]]), eh = {
       onUserPosition: _[0] || (_[0] = (S) => y.$emit("user-position", S))
     }, {
       default: c(({ item: S, index: N, active: T }) => [
-        m(y.$slots, "default", ze(vt({
+        m(y.$slots, "default", qe(bt({
           item: S,
           index: N,
           active: T
@@ -5980,7 +5980,7 @@ function Ne(e) {
     return a && typeof Symbol == "function" && a.constructor === Symbol && a !== Symbol.prototype ? "symbol" : typeof a;
   }, Ne(e);
 }
-function q(e) {
+function z(e) {
   if (e === null || e === !0 || e === !1)
     return NaN;
   var a = Number(e);
@@ -5995,14 +5995,14 @@ function E(e) {
   var a = Object.prototype.toString.call(e);
   return e instanceof Date || Ne(e) === "object" && a === "[object Date]" ? new Date(e.getTime()) : typeof e == "number" || a === "[object Number]" ? new Date(e) : ((typeof e == "string" || a === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
 }
-function qe(e, a) {
+function ze(e, a) {
   O(2, arguments);
-  var t = E(e), i = q(a);
+  var t = E(e), i = z(a);
   return isNaN(i) ? /* @__PURE__ */ new Date(NaN) : (i && t.setDate(t.getDate() + i), t);
 }
 function St(e, a) {
   O(2, arguments);
-  var t = E(e), i = q(a);
+  var t = E(e), i = z(a);
   if (isNaN(i))
     return /* @__PURE__ */ new Date(NaN);
   if (!i)
@@ -6015,12 +6015,12 @@ function St(e, a) {
 function Ue(e, a) {
   if (O(2, arguments), !a || Ne(a) !== "object")
     return /* @__PURE__ */ new Date(NaN);
-  var t = a.years ? q(a.years) : 0, i = a.months ? q(a.months) : 0, s = a.weeks ? q(a.weeks) : 0, n = a.days ? q(a.days) : 0, r = a.hours ? q(a.hours) : 0, l = a.minutes ? q(a.minutes) : 0, o = a.seconds ? q(a.seconds) : 0, h = E(e), v = i || t ? St(h, i + t * 12) : h, f = n || s ? qe(v, n + s * 7) : v, y = l + r * 60, _ = o + y * 60, S = _ * 1e3, N = new Date(f.getTime() + S);
+  var t = a.years ? z(a.years) : 0, i = a.months ? z(a.months) : 0, s = a.weeks ? z(a.weeks) : 0, n = a.days ? z(a.days) : 0, r = a.hours ? z(a.hours) : 0, l = a.minutes ? z(a.minutes) : 0, o = a.seconds ? z(a.seconds) : 0, h = E(e), v = i || t ? St(h, i + t * 12) : h, f = n || s ? ze(v, n + s * 7) : v, y = l + r * 60, _ = o + y * 60, S = _ * 1e3, N = new Date(f.getTime() + S);
   return N;
 }
 function $r(e, a) {
   O(2, arguments);
-  var t = E(e).getTime(), i = q(a);
+  var t = E(e).getTime(), i = z(a);
   return new Date(t + i);
 }
 var Nr = {};
@@ -6030,7 +6030,7 @@ function Be() {
 function xt(e, a) {
   var t, i, s, n, r, l, o, h;
   O(1, arguments);
-  var v = Be(), f = q((t = (i = (s = (n = a == null ? void 0 : a.weekStartsOn) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && s !== void 0 ? s : v.weekStartsOn) !== null && i !== void 0 ? i : (o = v.locale) === null || o === void 0 || (h = o.options) === null || h === void 0 ? void 0 : h.weekStartsOn) !== null && t !== void 0 ? t : 0);
+  var v = Be(), f = z((t = (i = (s = (n = a == null ? void 0 : a.weekStartsOn) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && s !== void 0 ? s : v.weekStartsOn) !== null && i !== void 0 ? i : (o = v.locale) === null || o === void 0 || (h = o.options) === null || h === void 0 ? void 0 : h.weekStartsOn) !== null && t !== void 0 ? t : 0);
   if (!(f >= 0 && f <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   var y = E(e), _ = y.getDay(), S = (_ < f ? 7 : 0) + _ - f;
@@ -6046,7 +6046,7 @@ function ut(e) {
   return a.setHours(0, 0, 0, 0), a;
 }
 var Fr = 864e5;
-function zr(e, a) {
+function qr(e, a) {
   O(2, arguments);
   var t = ut(e), i = ut(a), s = t.getTime() - Je(t), n = i.getTime() - Je(i);
   return Math.round((s - n) / Fr);
@@ -6056,7 +6056,7 @@ function Le(e, a) {
   var t = E(e), i = E(a), s = t.getTime() - i.getTime();
   return s < 0 ? -1 : s > 0 ? 1 : s;
 }
-var qr = 6e4, Hr = 36e5;
+var zr = 6e4, Hr = 36e5;
 function rn(e, a) {
   O(2, arguments);
   var t = ut(e), i = ut(a);
@@ -6087,7 +6087,7 @@ function Ma(e, a) {
 }
 function Kr(e, a) {
   O(2, arguments);
-  var t = E(e), i = E(a), s = Ma(t, i), n = Math.abs(zr(t, i));
+  var t = E(e), i = E(a), s = Ma(t, i), n = Math.abs(qr(t, i));
   t.setDate(t.getDate() - s * n);
   var r = +(Ma(t, i) === -s), l = s * (n - r);
   return l === 0 ? 0 : l;
@@ -6114,7 +6114,7 @@ function Gr(e, a, t) {
 }
 function Qr(e, a, t) {
   O(2, arguments);
-  var i = Kt(e, a) / qr;
+  var i = Kt(e, a) / zr;
   return Yt(t == null ? void 0 : t.roundingMethod)(i);
 }
 function Xr(e) {
@@ -6163,7 +6163,7 @@ function eo(e) {
 }
 function to(e, a) {
   O(2, arguments);
-  var t = q(a);
+  var t = z(a);
   return $r(e, -t);
 }
 var ao = 864e5;
@@ -6204,7 +6204,7 @@ function ro(e) {
 function ft(e, a) {
   var t, i, s, n, r, l, o, h;
   O(1, arguments);
-  var v = Be(), f = q((t = (i = (s = (n = a == null ? void 0 : a.weekStartsOn) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && s !== void 0 ? s : v.weekStartsOn) !== null && i !== void 0 ? i : (o = v.locale) === null || o === void 0 || (h = o.options) === null || h === void 0 ? void 0 : h.weekStartsOn) !== null && t !== void 0 ? t : 0);
+  var v = Be(), f = z((t = (i = (s = (n = a == null ? void 0 : a.weekStartsOn) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && s !== void 0 ? s : v.weekStartsOn) !== null && i !== void 0 ? i : (o = v.locale) === null || o === void 0 || (h = o.options) === null || h === void 0 ? void 0 : h.weekStartsOn) !== null && t !== void 0 ? t : 0);
   if (!(f >= 0 && f <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   var y = E(e), _ = y.getUTCDay(), S = (_ < f ? 7 : 0) + _ - f;
@@ -6213,7 +6213,7 @@ function ft(e, a) {
 function un(e, a) {
   var t, i, s, n, r, l, o, h;
   O(1, arguments);
-  var v = E(e), f = v.getUTCFullYear(), y = Be(), _ = q((t = (i = (s = (n = a == null ? void 0 : a.firstWeekContainsDate) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && s !== void 0 ? s : y.firstWeekContainsDate) !== null && i !== void 0 ? i : (o = y.locale) === null || o === void 0 || (h = o.options) === null || h === void 0 ? void 0 : h.firstWeekContainsDate) !== null && t !== void 0 ? t : 1);
+  var v = E(e), f = v.getUTCFullYear(), y = Be(), _ = z((t = (i = (s = (n = a == null ? void 0 : a.firstWeekContainsDate) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && s !== void 0 ? s : y.firstWeekContainsDate) !== null && i !== void 0 ? i : (o = y.locale) === null || o === void 0 || (h = o.options) === null || h === void 0 ? void 0 : h.firstWeekContainsDate) !== null && t !== void 0 ? t : 1);
   if (!(_ >= 1 && _ <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
   var S = /* @__PURE__ */ new Date(0);
@@ -6226,7 +6226,7 @@ function un(e, a) {
 function oo(e, a) {
   var t, i, s, n, r, l, o, h;
   O(1, arguments);
-  var v = Be(), f = q((t = (i = (s = (n = a == null ? void 0 : a.firstWeekContainsDate) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && s !== void 0 ? s : v.firstWeekContainsDate) !== null && i !== void 0 ? i : (o = v.locale) === null || o === void 0 || (h = o.options) === null || h === void 0 ? void 0 : h.firstWeekContainsDate) !== null && t !== void 0 ? t : 1), y = un(e, a), _ = /* @__PURE__ */ new Date(0);
+  var v = Be(), f = z((t = (i = (s = (n = a == null ? void 0 : a.firstWeekContainsDate) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && s !== void 0 ? s : v.firstWeekContainsDate) !== null && i !== void 0 ? i : (o = v.locale) === null || o === void 0 || (h = o.options) === null || h === void 0 ? void 0 : h.firstWeekContainsDate) !== null && t !== void 0 ? t : 1), y = un(e, a), _ = /* @__PURE__ */ new Date(0);
   _.setUTCFullYear(y, 0, f), _.setUTCHours(0, 0, 0, 0);
   var S = ft(_, a);
   return S;
@@ -7198,7 +7198,7 @@ var Mo = {
     defaultFormattingWidth: "wide"
   })
 };
-const zo = Fo;
+const qo = Fo;
 function Ke(e) {
   return function(a) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = t.width, s = i && e.matchPatterns[i] || e.matchPatterns[e.defaultMatchWidth], n = a.match(s);
@@ -7206,7 +7206,7 @@ function Ke(e) {
       return null;
     var r = n[0], l = i && e.parsePatterns[i] || e.parsePatterns[e.defaultParseWidth], o = Array.isArray(l) ? Ho(l, function(f) {
       return f.test(r);
-    }) : qo(l, function(f) {
+    }) : zo(l, function(f) {
       return f.test(r);
     }), h;
     h = e.valueCallback ? e.valueCallback(o) : o, h = t.valueCallback ? t.valueCallback(h) : h;
@@ -7217,7 +7217,7 @@ function Ke(e) {
     };
   };
 }
-function qo(e, a) {
+function zo(e, a) {
   for (var t in e)
     if (e.hasOwnProperty(t) && a(e[t]))
       return t;
@@ -7333,7 +7333,7 @@ var il = {
   formatDistance: Co,
   formatLong: Oo,
   formatRelative: Ao,
-  localize: zo,
+  localize: qo,
   match: nl,
   options: {
     weekStartsOn: 0,
@@ -7345,10 +7345,10 @@ var sl = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, rl = /P+p+|P+|
 function fn(e, a, t) {
   var i, s, n, r, l, o, h, v, f, y, _, S, N, T, k, W, ne, ke;
   O(2, arguments);
-  var Ct = String(a), Ie = Be(), me = (i = (s = t == null ? void 0 : t.locale) !== null && s !== void 0 ? s : Ie.locale) !== null && i !== void 0 ? i : Gt, Te = q((n = (r = (l = (o = t == null ? void 0 : t.firstWeekContainsDate) !== null && o !== void 0 ? o : t == null || (h = t.locale) === null || h === void 0 || (v = h.options) === null || v === void 0 ? void 0 : v.firstWeekContainsDate) !== null && l !== void 0 ? l : Ie.firstWeekContainsDate) !== null && r !== void 0 ? r : (f = Ie.locale) === null || f === void 0 || (y = f.options) === null || y === void 0 ? void 0 : y.firstWeekContainsDate) !== null && n !== void 0 ? n : 1);
+  var Ct = String(a), Ie = Be(), me = (i = (s = t == null ? void 0 : t.locale) !== null && s !== void 0 ? s : Ie.locale) !== null && i !== void 0 ? i : Gt, Te = z((n = (r = (l = (o = t == null ? void 0 : t.firstWeekContainsDate) !== null && o !== void 0 ? o : t == null || (h = t.locale) === null || h === void 0 || (v = h.options) === null || v === void 0 ? void 0 : v.firstWeekContainsDate) !== null && l !== void 0 ? l : Ie.firstWeekContainsDate) !== null && r !== void 0 ? r : (f = Ie.locale) === null || f === void 0 || (y = f.options) === null || y === void 0 ? void 0 : y.firstWeekContainsDate) !== null && n !== void 0 ? n : 1);
   if (!(Te >= 1 && Te <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var He = q((_ = (S = (N = (T = t == null ? void 0 : t.weekStartsOn) !== null && T !== void 0 ? T : t == null || (k = t.locale) === null || k === void 0 || (W = k.options) === null || W === void 0 ? void 0 : W.weekStartsOn) !== null && N !== void 0 ? N : Ie.weekStartsOn) !== null && S !== void 0 ? S : (ne = Ie.locale) === null || ne === void 0 || (ke = ne.options) === null || ke === void 0 ? void 0 : ke.weekStartsOn) !== null && _ !== void 0 ? _ : 0);
+  var He = z((_ = (S = (N = (T = t == null ? void 0 : t.weekStartsOn) !== null && T !== void 0 ? T : t == null || (k = t.locale) === null || k === void 0 || (W = k.options) === null || W === void 0 ? void 0 : W.weekStartsOn) !== null && N !== void 0 ? N : Ie.weekStartsOn) !== null && S !== void 0 ? S : (ne = Ie.locale) === null || ne === void 0 || (ke = ne.options) === null || ke === void 0 ? void 0 : ke.weekStartsOn) !== null && _ !== void 0 ? _ : 0);
   if (!(He >= 0 && He <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (!me.localize)
@@ -7536,15 +7536,15 @@ function kl(e) {
 }
 function Il(e, a) {
   O(2, arguments);
-  var t = q(a);
-  return qe(e, -t);
+  var t = z(a);
+  return ze(e, -t);
 }
 function Tl(e) {
   return O(1, arguments), rn(e, Il(Date.now(), 1));
 }
 function Dl(e, a) {
   O(2, arguments);
-  var t = E(e), i = q(a), s = t.getFullYear(), n = t.getDate(), r = /* @__PURE__ */ new Date(0);
+  var t = E(e), i = z(a), s = t.getFullYear(), n = t.getDate(), r = /* @__PURE__ */ new Date(0);
   r.setFullYear(s, i, 15), r.setHours(0, 0, 0, 0);
   var l = bl(r);
   return t.setMonth(i, Math.min(n, l)), t;
@@ -7553,17 +7553,17 @@ function Ol(e, a) {
   if (O(2, arguments), Ne(a) !== "object" || a === null)
     throw new RangeError("values parameter must be an object");
   var t = E(e);
-  return isNaN(t.getTime()) ? /* @__PURE__ */ new Date(NaN) : (a.year != null && t.setFullYear(a.year), a.month != null && (t = Dl(t, a.month)), a.date != null && t.setDate(q(a.date)), a.hours != null && t.setHours(q(a.hours)), a.minutes != null && t.setMinutes(q(a.minutes)), a.seconds != null && t.setSeconds(q(a.seconds)), a.milliseconds != null && t.setMilliseconds(q(a.milliseconds)), t);
+  return isNaN(t.getTime()) ? /* @__PURE__ */ new Date(NaN) : (a.year != null && t.setFullYear(a.year), a.month != null && (t = Dl(t, a.month)), a.date != null && t.setDate(z(a.date)), a.hours != null && t.setHours(z(a.hours)), a.minutes != null && t.setMinutes(z(a.minutes)), a.seconds != null && t.setSeconds(z(a.seconds)), a.milliseconds != null && t.setMilliseconds(z(a.milliseconds)), t);
 }
 function pn(e, a) {
   O(2, arguments);
-  var t = q(a);
+  var t = z(a);
   return St(e, -t);
 }
 const Pt = (e) => e ? new Date(e) : /* @__PURE__ */ new Date(), Ll = (e, a, t) => {
   const i = Pt(JSON.parse(JSON.stringify(e))), s = [];
   for (let n = 0; n < 7; n++) {
-    const r = qe(i, n), l = dt(r) !== a;
+    const r = ze(i, n), l = dt(r) !== a;
     s.push({
       text: r.getDate(),
       value: r,
@@ -7580,7 +7580,7 @@ const Pt = (e) => e ? new Date(e) : /* @__PURE__ */ new Date(), Ll = (e, a, t) =
     if (i.push({ days: v }), !i[i.length - 1].days.some(
       (f) => El(f.value, n)
     )) {
-      const f = qe(h, 7);
+      const f = ze(h, 7);
       o(f);
     }
   };
@@ -7589,13 +7589,13 @@ const Pt = (e) => e ? new Date(e) : /* @__PURE__ */ new Date(), Ll = (e, a, t) =
   const t = [1, 2, 3, 4, 5, 6, 7].map((n) => new Intl.DateTimeFormat(e, { weekday: "short", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`2017-01-0${n}T00:00:00+00:00`)).slice(0, 2)), i = t.slice(0, a), s = t.slice(a + 1, t.length);
   return [t[a]].concat(...s).concat(...i);
 }, xl = (e, a, t) => new Intl.DateTimeFormat(t, { month: a }).format(new Date(2e3, e, 1)), Bl = (e) => {
-  const a = new Date(e), t = mt(a), i = St(a, 1), s = eo(i), n = mt(s), r = (t - n + 7) % 7, l = qe(s, r);
+  const a = new Date(e), t = mt(a), i = St(a, 1), s = eo(i), n = mt(s), r = (t - n + 7) % 7, l = ze(s, r);
   return Qt(l);
 }, Pl = (e) => {
   const a = new Date(e), t = mt(a);
   let s = on(pn(a, 1));
   for (; mt(s) !== t; )
-    s = qe(s, -1);
+    s = ze(s, -1);
   return Qt(s);
 };
 function Rl(e, a) {
@@ -7970,10 +7970,10 @@ function Fl(e, a) {
     selectDay: f
   };
 }
-const zl = {
+const ql = {
   class: "d-datepicker__calendar",
   "aria-labelledby": "calendar-heading"
-}, ql = ["title", "aria-label"], Hl = {
+}, zl = ["title", "aria-label"], Hl = {
   __name: "calendar",
   props: {
     calendarDays: {
@@ -8034,7 +8034,7 @@ const zl = {
     } = Fl(i, s);
     return a({
       focusFirstDay: v
-    }), (y, _) => (d(), u("table", zl, [
+    }), (y, _) => (d(), u("table", ql, [
       b("thead", null, [
         b("tr", null, [
           (d(!0), u(Q, null, J(L(r), (S) => (d(), u("th", {
@@ -8046,7 +8046,7 @@ const zl = {
               class: "d-datepicker__weekday",
               title: S,
               "aria-label": S
-            }, M(S), 9, ql)
+            }, M(S), 9, zl)
           ]))), 128))
         ])
       ]),
@@ -8076,7 +8076,7 @@ const zl = {
               onKeydown: _[0] || (_[0] = (W) => L(h)(W))
             }, {
               default: c(() => [
-                z(M(T.text), 1)
+                q(M(T.text), 1)
               ]),
               _: 2
             }, 1032, ["disabled", "class", "aria-selected", "aria-label", "onClick"])
@@ -8356,7 +8356,7 @@ const Ul = {
     contentWidth: {
       type: String,
       default: null,
-      validator: (e) => wn.includes(e)
+      validator: (e) => Fn.includes(e)
     },
     /**
      * If the list should be shown by pressing up or down arrow key on the input element.
@@ -8418,7 +8418,7 @@ const Ul = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (e) => gt.includes(e) || e instanceof HTMLElement
+      validator: (e) => _t.includes(e) || e instanceof HTMLElement
     },
     /**
      * Named transition when the content display is toggled.
@@ -8584,7 +8584,7 @@ function Ql(e, a, t, i, s, n) {
         "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
         "visually-hidden-close": e.visuallyHiddenClose,
         onOpened: v
-      }, _t({
+      }, yt({
         content: c(() => [
           b("div", {
             ref: "listWrapper",
@@ -8592,7 +8592,7 @@ function Ql(e, a, t, i, s, n) {
             onMouseleave: y,
             onFocusout: y
           }, [
-            t.loading ? (d(), D(r, ze(A({ key: 0 }, f)), null, 16)) : t.emptyList && t.emptyStateMessage ? (d(), D(l, A({ key: 1 }, f, { message: t.emptyStateMessage }), null, 16, ["message"])) : m(e.$slots, "list", {
+            t.loading ? (d(), D(r, qe(A({ key: 0 }, f)), null, 16)) : t.emptyList && t.emptyStateMessage ? (d(), D(l, A({ key: 1 }, f, { message: t.emptyStateMessage }), null, 16, ["message"])) : m(e.$slots, "list", {
               key: 2,
               listProps: f
             })
@@ -8778,7 +8778,7 @@ const Xl = /* @__PURE__ */ I(Ul, [["render", Ql]]), Zl = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (e) => gt.includes(e) || e instanceof HTMLElement
+      validator: (e) => _t.includes(e) || e instanceof HTMLElement
     },
     /**
      * Named transition when the content display is toggled.
@@ -9011,7 +9011,7 @@ function od(e, a, t, i, s, n) {
     "append-to": t.appendTo,
     transition: t.transition,
     onSelect: n.onComboboxSelect
-  }, _t({
+  }, yt({
     input: c(({ onInput: v }) => [
       b("span", ad, [
         b("span", nd, [
@@ -9028,7 +9028,7 @@ function od(e, a, t, i, s, n) {
             onClose: (y) => n.onChipRemove(f)
           }), {
             default: c(() => [
-              z(M(f), 1)
+              q(M(f), 1)
             ]),
             _: 2
           }, 1040, ["size", "onKeyup", "onClose"]))), 128))
@@ -9546,7 +9546,7 @@ function fd(e, a, t, i, s, n) {
 const lh = /* @__PURE__ */ I(ud, [["render", fd]]), md = {
   name: "DtRecipeContactInfo",
   components: {
-    DtAvatar: bt,
+    DtAvatar: gt,
     DtItemLayout: Wa
   },
   /* inheritAttrs: false is generally an option we want to set on library
@@ -9655,7 +9655,7 @@ function Sd(e, a, t, i, s, n) {
     role: t.role,
     "data-qa": "contact-info",
     class: "dt-contact-info"
-  }, _t({
+  }, yt({
     default: c(() => [
       b("div", bd, [
         m(e.$slots, "header", {}, void 0, !0)
@@ -10015,11 +10015,11 @@ const hh = /* @__PURE__ */ I(Ed, [["render", Bd]]), Pd = {
 }, Fd = {
   key: 0,
   "data-qa": "right-grouped-chip-icon"
-}, zd = {
+}, qd = {
   key: 0,
   "data-qa": "right-grouped-chip-content"
 };
-function qd(e, a, t, i, s, n) {
+function zd(e, a, t, i, s, n) {
   const r = g("dt-chip");
   return d(), u("div", Rd, [
     p(r, {
@@ -10029,7 +10029,7 @@ function qd(e, a, t, i, s, n) {
       size: "xs",
       "grouped-chip": !0,
       class: "dt-chip-content dt-chip-content--left"
-    }, _t({
+    }, yt({
       default: c(() => [
         s.hasSlotContent(e.$slots.leftContent) ? (d(), u("div", Nd, [
           m(e.$slots, "leftContent")
@@ -10061,7 +10061,7 @@ function qd(e, a, t, i, s, n) {
         ])) : w("", !0)
       ]),
       default: c(() => [
-        s.hasSlotContent(e.$slots.rightContent) ? (d(), u("div", zd, [
+        s.hasSlotContent(e.$slots.rightContent) ? (d(), u("div", qd, [
           m(e.$slots, "rightContent")
         ])) : w("", !0)
       ]),
@@ -10069,7 +10069,7 @@ function qd(e, a, t, i, s, n) {
     })
   ]);
 }
-const fh = /* @__PURE__ */ I(Pd, [["render", qd]]), Hd = {
+const fh = /* @__PURE__ */ I(Pd, [["render", zd]]), Hd = {
   name: "DtRecipeSettingsMenuButton",
   components: {
     DtButton: j,
@@ -10415,7 +10415,7 @@ const Gd = /* @__PURE__ */ I(Kd, [["render", Yd]]), Qd = {
       return at(this.$attrs);
     },
     getAriaLabel() {
-      return this.ariaLabel ? this.ariaLabel : qt([this.description, this.unreadCountTooltip, this.dndTextTooltip]);
+      return this.ariaLabel ? this.ariaLabel : zt([this.description, this.unreadCountTooltip, this.dndTextTooltip]);
     },
     hasActions() {
       return this.dndText || this.activeVoiceChat || this.showUnreadCount || this.hasCallButton;
@@ -10449,7 +10449,7 @@ const Gd = /* @__PURE__ */ I(Kd, [["render", Yd]]), Qd = {
       this.labelWidth = e - (a + t + i) + "px";
     }
   }
-}, ia = (e) => (Pn("data-v-49d75ce6"), e = e(), Rn(), e), Xd = ["data-qa", "aria-label", "title", "href"], Zd = { class: "dt-leftbar-row__alpha" }, Jd = {
+}, ia = (e) => (xn("data-v-49d75ce6"), e = e(), Bn(), e), Xd = ["data-qa", "aria-label", "title", "href"], Zd = { class: "dt-leftbar-row__alpha" }, Jd = {
   key: 0,
   class: "dt-leftbar-row__is-typing"
 }, ec = /* @__PURE__ */ ia(() => /* @__PURE__ */ b("span", null, null, -1)), tc = /* @__PURE__ */ ia(() => /* @__PURE__ */ b("span", null, null, -1)), ac = /* @__PURE__ */ ia(() => /* @__PURE__ */ b("span", null, null, -1)), nc = [
@@ -10501,7 +10501,7 @@ function oc(e, a, t, i, s, n) {
             size: "200"
           }, {
             default: c(() => [
-              z(M(t.description), 1)
+              q(M(t.description), 1)
             ]),
             _: 1
           })
@@ -10541,7 +10541,7 @@ function oc(e, a, t, i, s, n) {
             class: "dt-leftbar-row__unread-badge"
           }, {
             default: c(() => [
-              z(M(t.unreadCount), 1)
+              q(M(t.unreadCount), 1)
             ]),
             _: 1
           })
@@ -10642,7 +10642,7 @@ const bn = /* @__PURE__ */ I(Qd, [["render", oc], ["__scopeId", "data-v-49d75ce6
   emits: [],
   computed: {
     ariaLabel() {
-      return qt([this.groupCountText, this.names]);
+      return zt([this.groupCountText, this.names]);
     },
     contactRowListeners() {
       return at(this.$attrs);
@@ -10672,7 +10672,7 @@ function dc(e, a, t, i, s, n) {
 const ph = /* @__PURE__ */ I(lc, [["render", dc]]), cc = {
   name: "DtRecipeContactRow",
   components: {
-    DtAvatar: bt,
+    DtAvatar: gt,
     DtRecipeGeneralRow: bn,
     DtEmojiTextWrapper: Ht
   },
@@ -10816,7 +10816,7 @@ const ph = /* @__PURE__ */ I(lc, [["render", dc]]), cc = {
       return at(this.$attrs);
     },
     contactDescription() {
-      return qt([this.name, this.presenceText, this.userStatus]);
+      return zt([this.name, this.presenceText, this.userStatus]);
     },
     iconName() {
       return this.noInitials ? "user" : null;
@@ -10857,7 +10857,7 @@ function hc(e, a, t, i, s, n) {
         size: "200"
       }, {
         default: c(() => [
-          z(M(t.name), 1)
+          q(M(t.name), 1)
         ]),
         _: 1
       }),
@@ -10875,7 +10875,7 @@ function hc(e, a, t, i, s, n) {
           class: "dt-leftbar-row__meta-custom"
         }, {
           default: c(() => [
-            z(M(t.userStatus), 1)
+            q(M(t.userStatus), 1)
           ]),
           _: 1
         })) : w("", !0)
@@ -10949,8 +10949,8 @@ const bh = /* @__PURE__ */ I(pc, [["render", bc]]), Fa = {
 }, lt = "NORMAL", vc = {
   name: "DtRecipeFeedItemRow",
   components: {
-    DtAvatar: bt,
-    DtLazyShow: zt,
+    DtAvatar: gt,
+    DtLazyShow: qt,
     DtListItem: $t,
     DtBadge: Vt
   },
@@ -11190,7 +11190,7 @@ function Oc(e, a, t, i, s, n) {
     _: 3
   }, 16, ["class"]);
 }
-const vh = /* @__PURE__ */ I(vc, [["render", Oc], ["__scopeId", "data-v-15f61856"]]), za = {
+const vh = /* @__PURE__ */ I(vc, [["render", Oc], ["__scopeId", "data-v-15f61856"]]), qa = {
   default: "dt-recipe-feed-item-pill__border-default",
   ai: "dt-recipe-feed-item-pill__border-ai",
   critical: "dt-recipe-feed-item-pill__border-critical"
@@ -11251,7 +11251,7 @@ const vh = /* @__PURE__ */ I(vc, [["render", Oc], ["__scopeId", "data-v-15f61856
     borderColor: {
       type: String,
       default: "default",
-      validator: (e) => Object.keys(za).includes(e)
+      validator: (e) => Object.keys(qa).includes(e)
     }
   },
   data() {
@@ -11268,7 +11268,7 @@ const vh = /* @__PURE__ */ I(vc, [["render", Oc], ["__scopeId", "data-v-15f61856
       return this.toggleable ? "d-c-pointer" : "";
     },
     borderClass() {
-      return za[this.borderColor];
+      return qa[this.borderColor];
     }
   },
   methods: {
@@ -11371,7 +11371,7 @@ const _h = /* @__PURE__ */ I(Pc, [["render", $c]]), Nc = [
   "num"
 ], Fc = {
   name: "DtRecipeEmojiRow",
-  components: { DtTooltip: _e, DtButton: j, DtEmoji: Ln, DtEmojiTextWrapper: Ht },
+  components: { DtTooltip: _e, DtButton: j, DtEmoji: Dn, DtEmojiTextWrapper: Ht },
   mixins: [],
   props: {
     /**
@@ -11403,10 +11403,10 @@ const _h = /* @__PURE__ */ I(Pc, [["render", $c]]), Nc = [
       });
     }
   }
-}, zc = { class: "dt-emoji-row" }, qc = ["reaction"], Hc = { "aria-hidden": "true" }, Vc = { class: "dt-emoji-row__emoji" }, Wc = { class: "dt-emoji-row__reaction-number" };
+}, qc = { class: "dt-emoji-row" }, zc = ["reaction"], Hc = { "aria-hidden": "true" }, Vc = { class: "dt-emoji-row__emoji" }, Wc = { class: "dt-emoji-row__reaction-number" };
 function Uc(e, a, t, i, s, n) {
   const r = g("dt-emoji-text-wrapper"), l = g("dt-emoji"), o = g("dt-button"), h = g("dt-tooltip");
-  return d(), u("span", zc, [
+  return d(), u("span", qc, [
     (d(!0), u(Q, null, J(t.reactions, (v) => (d(), u("span", {
       key: v.unicodeOutput,
       reaction: v
@@ -11443,7 +11443,7 @@ function Uc(e, a, t, i, s, n) {
           b("span", Hc, [
             p(r, { size: "200" }, {
               default: c(() => [
-                z(M(v.tooltip), 1)
+                q(M(v.tooltip), 1)
               ]),
               _: 2
             }, 1024)
@@ -11451,7 +11451,7 @@ function Uc(e, a, t, i, s, n) {
         ]),
         _: 2
       }, 1032, ["onShown"])
-    ], 8, qc))), 128)),
+    ], 8, zc))), 128)),
     m(e.$slots, "picker")
   ]);
 }
@@ -11776,7 +11776,7 @@ const wh = /* @__PURE__ */ I(iu, [["render", ru]]), ou = [
 ], lu = "https://", du = {
   name: "DtRecipeEditor",
   components: {
-    DtRichTextEditor: Cn,
+    DtRichTextEditor: Sn,
     DtButton: j,
     DtIcon: V,
     DtPopover: tt,
@@ -11834,7 +11834,7 @@ const wh = /* @__PURE__ */ I(iu, [["render", ru]]), ou = [
       type: [Boolean, String, Number],
       default: !1,
       validator(e) {
-        return typeof e == "string" ? kn.includes(e) : !0;
+        return typeof e == "string" ? wn.includes(e) : !0;
       }
     },
     /**
@@ -11964,6 +11964,13 @@ const wh = /* @__PURE__ */ I(iu, [["render", ru]]), ou = [
       type: Boolean,
       default: !0
     },
+    /**
+     * Show button to handle quick replies
+     */
+    showQuickRepliesButton: {
+      type: Boolean,
+      default: !0
+    },
     /**
      * Show add link default config.
      */
@@ -11994,7 +12001,13 @@ const wh = /* @__PURE__ */ I(iu, [["render", ru]]), ou = [
      * @event input
      * @type {String|JSON}
      */
-    "input"
+    "input",
+    /**
+     * Quick replies button
+     * pressed event
+     * @event quick-replies-click
+    */
+    "quick-replies-click"
   ],
   data() {
     return {
@@ -12013,7 +12026,7 @@ const wh = /* @__PURE__ */ I(iu, [["render", ru]]), ou = [
       return this.internalInputValue.length;
     },
     htmlOutputFormat() {
-      return In[2];
+      return Cn[2];
     },
     showingTextFormatButtons() {
       return this.showBoldButton || this.showItalicsButton || this.showStrikeButton || this.showUnderlineButton;
@@ -12061,7 +12074,8 @@ const wh = /* @__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-block", 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 },
+        { showBtn: this.showQuickRepliesButton, selector: "quickReplies", iconName: "lightning-bolt", dataQA: "dt-editor-quick-replies-btn", tooltipMessage: "Quick Replies", onClick: this.onQuickRepliesClick }
       ].filter((e) => e.showBtn);
     },
     linkButton() {
@@ -12142,6 +12156,9 @@ const wh = /* @__PURE__ */ I(iu, [["render", ru]]), ou = [
       var e;
       (e = this.$refs.richTextEditor) == null || e.editor.chain().focus().toggleCodeBlock().run();
     },
+    onQuickRepliesClick() {
+      this.$emit("quick-replies-click");
+    },
     onBlockquoteToggle() {
       var e;
       (e = this.$refs.richTextEditor) == null || e.editor.chain().focus().toggleBlockquote().run();
@@ -12290,7 +12307,7 @@ function fu(e, a, t, i, s, n) {
                     onClick: n.removeLink
                   }, {
                     default: c(() => [
-                      z(M(t.removeLinkButton.label), 1)
+                      q(M(t.removeLinkButton.label), 1)
                     ]),
                     _: 1
                   }, 8, ["aria-label", "onClick"]),
@@ -12304,7 +12321,7 @@ function fu(e, a, t, i, s, n) {
                     onClick: n.closeLinkInput
                   }, {
                     default: c(() => [
-                      z(M(t.cancelSetLinkButton.label), 1)
+                      q(M(t.cancelSetLinkButton.label), 1)
                     ]),
                     _: 1
                   }, 8, ["aria-label", "onClick"]),
@@ -12316,7 +12333,7 @@ function fu(e, a, t, i, s, n) {
                     onClick: n.setLink
                   }, {
                     default: c(() => [
-                      z(M(t.confirmSetLinkButton.label), 1)
+                      q(M(t.confirmSetLinkButton.label), 1)
                     ]),
                     _: 1
                   }, 8, ["aria-label", "onClick"])
@@ -12355,7 +12372,7 @@ function fu(e, a, t, i, s, n) {
     ], 4)
   ]);
 }
-const Ch = /* @__PURE__ */ I(du, [["render", fu]]), qa = {
+const Ch = /* @__PURE__ */ I(du, [["render", fu]]), za = {
   warning: "dt-recipe-callbox-badge--warning"
 }, Ha = {
   default: "dt-recipe-callbox--border-default",
@@ -12363,7 +12380,7 @@ const Ch = /* @__PURE__ */ I(du, [["render", fu]]), qa = {
   critical: "dt-recipe-callbox--border-critical"
 }, mu = {
   name: "DtRecipeCallbox",
-  components: { DtBadge: Vt, DtAvatar: bt },
+  components: { DtBadge: Vt, DtAvatar: gt },
   inheritAttrs: !1,
   props: {
     /**
@@ -12380,7 +12397,7 @@ const Ch = /* @__PURE__ */ I(du, [["render", fu]]), qa = {
     badgeColor: {
       type: String,
       default: null,
-      validator: (e) => e === null || Object.keys(qa).includes(e)
+      validator: (e) => e === null || Object.keys(za).includes(e)
     },
     /**
      * Optional avatar image url.
@@ -12451,7 +12468,7 @@ const Ch = /* @__PURE__ */ I(du, [["render", fu]]), qa = {
       return this.avatarFullName || this.avatarSrc;
     },
     badgeClass() {
-      return qa[this.badgeColor];
+      return za[this.badgeColor];
     },
     borderClass() {
       return Ha[this.borderColor];
@@ -12516,7 +12533,7 @@ function Cu(e, a, t, i, s, n) {
             onClick: n.handleClick
           }, {
             default: c(() => [
-              z(M(t.title), 1)
+              q(M(t.title), 1)
             ]),
             _: 1
           }, 8, ["onClick"])),
@@ -12584,7 +12601,7 @@ function Dh(e) {
 }
 function Va(e) {
   const a = new Intl.RelativeTimeFormat(xe.code, { numeric: "auto" });
-  return zn(a.formatToParts(e, "day")[0].value, xe.code);
+  return qn(a.formatToParts(e, "day")[0].value, xe.code);
 }
 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");
@@ -12603,13 +12620,13 @@ export {
   ui as BREADCRUMBS_INVERTED_MODIFIER,
   ci as BREADCRUMB_ITEM_SELECTED_MODIFIER,
   Ca as BUTTON_GROUP_ALIGNMENT,
-  Qh as BUTTON_ICON_SIZES,
-  Xh as BUTTON_IMPORTANCE_MODIFIERS,
-  Zh as BUTTON_KIND_MODIFIERS,
-  Jh as BUTTON_SIZE_MODIFIERS,
-  ef as BUTTON_TYPES,
+  Uh as BUTTON_ICON_SIZES,
+  jh as BUTTON_IMPORTANCE_MODIFIERS,
+  Kh as BUTTON_KIND_MODIFIERS,
+  Yh as BUTTON_SIZE_MODIFIERS,
+  Gh as BUTTON_TYPES,
   gn as CALLBAR_BUTTON_VALID_WIDTH_SIZE,
-  qa as CALLBOX_BADGE_COLORS,
+  za as CALLBOX_BADGE_COLORS,
   Ha as CALLBOX_BORDER_COLORS,
   Ks as CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,
   Ys as CHIP_ICON_SIZES,
@@ -12618,14 +12635,14 @@ export {
   ed as CHIP_TOP_POSITION,
   wd as COLOR_CODES,
   lt as DEFAULT_FEED_ROW_STATE,
-  If as DEFAULT_VALIDATION_MESSAGE_TYPE,
-  Tf as DESCRIPTION_SIZE_TYPES,
+  _f as DEFAULT_VALIDATION_MESSAGE_TYPE,
+  Sf as DESCRIPTION_SIZE_TYPES,
   Xe as DROPDOWN_PADDING_CLASSES,
   ji as DT_DESCRIPTION_LIST_DIRECTION,
   Nh as DT_STACK_DIRECTION,
   _n as DT_STACK_GAP,
   Fh as DT_STACK_RESPONSIVE_BREAKPOINTS,
-  bt as DtAvatar,
+  gt as DtAvatar,
   Vt as DtBadge,
   xu as DtBanner,
   mi as DtBreadcrumbItem,
@@ -12655,18 +12672,18 @@ export {
   Wa as DtItemLayout,
   Xa as DtKeyboardListNavigationMixin,
   Zu as DtKeyboardShortcut,
-  zt as DtLazyShow,
+  qt as DtLazyShow,
   yn as DtLink,
   $t as DtListItem,
-  qu as DtListItemGroup,
-  zu as DtModal,
+  zu as DtListItemGroup,
+  qu as DtModal,
   Mu as DtNotice,
   jt as DtNoticeAction,
   Ut as DtNoticeContent,
   Wt as DtNoticeIcon,
   Hu as DtPagination,
   tt as DtPopover,
-  zh as DtPresence,
+  qh as DtPresence,
   Vu as DtRadio,
   Wu as DtRadioGroup,
   wh as DtRecipeAttachmentCarousel,
@@ -12692,26 +12709,26 @@ export {
   Ju as DtRootLayout,
   eh as DtScroller,
   Yu as DtSelectMenu,
-  On as DtSkeleton,
-  tf as DtSkeletonListItem,
-  af as DtSkeletonParagraph,
-  nf as DtSkeletonShape,
-  sf as DtSkeletonText,
+  Tn as DtSkeleton,
+  Qh as DtSkeletonListItem,
+  Xh as DtSkeletonParagraph,
+  Zh as DtSkeletonShape,
+  Jh as DtSkeletonText,
   Qe as DtStack,
-  rf as DtTab,
-  of as DtTabGroup,
+  ef as DtTab,
+  tf as DtTabGroup,
   Uu as DtTabPanel,
   Gu as DtToast,
   Qu as DtToggle,
   _e as DtTooltip,
   Fe as DtValidationMessages,
-  za as FEED_ITEM_PILL_BORDER_COLORS,
+  qa as FEED_ITEM_PILL_BORDER_COLORS,
   Fa as FEED_ROW_STATE_BACKGROUND_COLOR,
-  lf as ICON_POSITION_MODIFIERS,
-  df as ICON_SIZE_MODIFIERS,
-  cf as INPUT_SIZES,
-  uf as INPUT_TYPES,
-  hf as INVALID_COMBINATION,
+  af as ICON_POSITION_MODIFIERS,
+  nf as ICON_SIZE_MODIFIERS,
+  sf as INPUT_SIZES,
+  rf as INPUT_TYPES,
+  of as INVALID_COMBINATION,
   ta as IVR_NODE_BRANCH,
   ea as IVR_NODE_EXPERT,
   wt as IVR_NODE_GO_TO,
@@ -12728,26 +12745,26 @@ export {
   Wd as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
   jd as LEFTBAR_GENERAL_ROW_ICON_SIZES,
   G as LEFTBAR_GENERAL_ROW_TYPES,
-  ff as LINK_KIND_MODIFIERS,
-  mf as LINK_VARIANTS,
+  lf as LINK_KIND_MODIFIERS,
+  df as LINK_VARIANTS,
   Dt as LIST_ITEM_NAVIGATION_TYPES,
-  qh as LIST_ITEM_TYPES,
+  zh as LIST_ITEM_TYPES,
   Ta as MODAL_BANNER_KINDS,
   ka as MODAL_KIND_MODIFIERS,
   Ia as MODAL_SIZE_MODIFIERS,
   Zl as MULTI_SELECT_SIZES,
   nt as NOTICE_KINDS,
   jn as NOTICE_ROLES,
-  gt as POPOVER_APPEND_TO_VALUES,
-  wn as POPOVER_CONTENT_WIDTHS,
-  Hh as POPOVER_DIRECTIONS,
-  Vh as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
-  Wh as POPOVER_INITIAL_FOCUS_STRINGS,
-  Sn as POPOVER_PADDING_CLASSES,
-  Uh as POPOVER_ROLES,
-  jh as POPOVER_STICKY_VALUES,
-  Kh as PRESENCE_STATES,
-  Yh as PRESENCE_STATES_LIST,
+  _t as POPOVER_APPEND_TO_VALUES,
+  Fn as POPOVER_CONTENT_WIDTHS,
+  wf as POPOVER_DIRECTIONS,
+  Cf as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
+  kf as POPOVER_INITIAL_FOCUS_STRINGS,
+  Rn as POPOVER_PADDING_CLASSES,
+  If as POPOVER_ROLES,
+  Tf as POPOVER_STICKY_VALUES,
+  Hh as PRESENCE_STATES,
+  Vh as PRESENCE_STATES_LIST,
   Ms as RADIO_INPUT_VALIDATION_CLASSES,
   Nc as REACTIONS_ATTRIBUTES,
   Lr as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,
@@ -12757,21 +12774,21 @@ export {
   Xu as SHORTCUTS_ALIASES_LIST,
   Ge as SHORTCUTS_ICON_ALIASES,
   kr as SHORTCUTS_ICON_SEPARATOR,
-  pf as SKELETON_HEADING_HEIGHTS,
-  gf 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,
+  cf as SKELETON_HEADING_HEIGHTS,
+  uf as SKELETON_RIPPLE_DURATION,
+  hf as SKELETON_SHAPES,
+  ff as SKELETON_SHAPE_SIZES,
+  mf as SKELETON_TEXT_TYPES,
+  pf as TAB_IMPORTANCE_MODIFIERS,
+  gf as TAB_LIST_IMPORTANCE_MODIFIERS,
+  bf as TAB_LIST_KIND_MODIFIERS,
+  vf 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,
+  Pn as TOOLTIP_DIRECTIONS,
   Df as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
   Of as TOOLTIP_KIND_MODIFIERS,
   Lf as TOOLTIP_STICKY_VALUES,