@dialpad/dialtone-vue 3.86.4 → 3.87.1

package/dist/dialtone-vue.js

@@ -1,8 +1,8 @@
-import { _ as C, p as Xa, q as Ja, D as V, g as te, I as en, r as tn, u as he, L as an, v as nn, w as sn, M as rn, h as Q, x as on, a as se, b as wt, y as Ct, E as G, z as Le, A as Ia, B as ea, C as _t, F as ka, G as Oa, H as Ta, J as It, K as ln, N as dn, n as cn, o as kt, O as Ot, e as un } from "./emoji-c109b6ee.js";
-import { af as Au, Q as Mu, P as Pu, m as Ru, a6 as Nu, a9 as $u, a8 as Bu, a7 as zu, X as qu, W as Fu, ag as Vu, ai as Hu, ah as Wu, U as Uu, S as ju, ae as Ku, aa as Gu, ab as Yu, ad as Zu, ac as Qu, a0 as Xu, $ as Ju, Y as eh, Z as th, a2 as ah, a1 as nh, a5 as ih, a3 as sh, a4 as rh, V as oh, R as lh } from "./emoji-c109b6ee.js";
-import { openBlock as o, createElementBlock as u, toDisplayString as T, createCommentVNode as v, createElementVNode as g, normalizeClass as _, resolveComponent as p, createBlock as k, resolveDynamicComponent as fe, withCtx as h, mergeProps as O, createVNode as b, renderSlot as m, createTextVNode as B, normalizeStyle as me, withKeys as oe, Fragment as ee, renderList as ie, withModifiers as ue, normalizeProps as Ke, Transition as Tt, withDirectives as Ve, guardReactiveProps as Dt, vShow as He, toHandlers as K, Teleport as hn, warn as it, createSlots as st, reactive as ta, ref as Z, computed as Ce, watch as We, onMounted as Da, nextTick as fn, unref as A, markRaw as mn, shallowReactive as pn, h as gn, provide as bn, createStaticVNode as yn, pushScopeId as _n, popScopeId as vn } from "vue";
-import { c as La, d as Ea, e as xa, M as rt, S as Ee, N as Lt, D as ot, b as Et, f as Aa, L as mt, P as xt, g as Sn, h as wn } from "./notice-c5521e01.js";
-import { a as ch, j as uh, l as hh, i as fh, k as mh } from "./notice-c5521e01.js";
+import { _ as C, p as Xa, q as Ja, D as V, g as ee, I as en, r as tn, u as he, L as an, v as nn, w as sn, M as rn, h as ie, x as on, a as se, b as St, y as wt, E as G, z as Le, A as ka, B as ea, C as yt, F as Oa, G as Ta, H as Da, J as Ct, K as ln, N as dn, n as cn, o as It, O as kt, e as un } from "./emoji-c109b6ee.js";
+import { af as Eu, Q as xu, P as Au, m as Mu, a6 as Pu, a9 as Ru, a8 as Nu, a7 as $u, X as Bu, W as zu, ag as qu, ai as Fu, ah as Vu, U as Hu, S as Wu, ae as Uu, aa as ju, ab as Ku, ad as Gu, ac as Yu, a0 as Zu, $ as Qu, Y as Xu, Z as Ju, a2 as eh, a1 as th, a5 as ah, a3 as nh, a4 as ih, V as sh, R as rh } from "./emoji-c109b6ee.js";
+import { openBlock as o, createElementBlock as u, toDisplayString as T, createCommentVNode as S, createElementVNode as p, normalizeClass as _, resolveComponent as g, createBlock as k, resolveDynamicComponent as fe, withCtx as h, mergeProps as O, createVNode as b, renderSlot as m, createTextVNode as z, normalizeStyle as Ie, withKeys as oe, Fragment as J, renderList as ne, withModifiers as ue, normalizeProps as Ke, Transition as Ot, withDirectives as Ve, guardReactiveProps as Tt, vShow as He, toHandlers as K, Teleport as hn, warn as it, reactive as ta, ref as Z, computed as we, watch as We, onMounted as La, nextTick as fn, unref as A, markRaw as mn, shallowReactive as pn, h as gn, provide as bn, createSlots as Dt, createStaticVNode as yn, pushScopeId as _n, popScopeId as vn } from "vue";
+import { c as Ea, d as xa, e as Aa, M as st, S as Ee, N as Lt, D as rt, b as Et, f as Ma, L as ft, P as xt, g as Sn, h as wn } from "./notice-c5521e01.js";
+import { a as lh, j as dh, l as ch, i as uh, k as hh } from "./notice-c5521e01.js";
 import { DtEmojiTextWrapper as At } from "./emoji.js";
 const ze = {
   BUSY: "busy",
@@ -49,8 +49,8 @@ function Tn(e, a, t, s, i, n) {
     role: "status",
     "aria-live": e.$attrs.ariaLive || "off"
   }, [
-    t.srText ? (o(), u("span", On, T(t.srText), 1)) : v("", !0),
-    g("div", {
+    t.srText ? (o(), u("span", On, T(t.srText), 1)) : S("", !0),
+    p("div", {
       class: _(["d-presence__inner", {
         "d-presence__inner--active": t.presence === "active",
         "d-presence__inner--away": t.presence === "away",
@@ -60,7 +60,7 @@ function Tn(e, a, t, s, i, n) {
     }, null, 2)
   ], 8, kn);
 }
-const Dn = /* @__PURE__ */ C(In, [["render", Tn]]), pt = {
+const Dn = /* @__PURE__ */ C(In, [["render", Tn]]), mt = {
   xs: "d-avatar--xs",
   sm: "d-avatar--sm",
   md: "d-avatar--md",
@@ -125,7 +125,7 @@ const Rn = Mn(), Nn = {
     id: {
       type: String,
       default() {
-        return te();
+        return ee();
       }
     },
     /**
@@ -151,7 +151,7 @@ const Rn = Mn(), Nn = {
     size: {
       type: String,
       default: "md",
-      validator: (e) => Object.keys(pt).includes(e)
+      validator: (e) => Object.keys(mt).includes(e)
     },
     /**
      * Used to customize the avatar container
@@ -282,7 +282,7 @@ const Rn = Mn(), Nn = {
   ],
   data() {
     return {
-      AVATAR_SIZE_MODIFIERS: pt,
+      AVATAR_SIZE_MODIFIERS: mt,
       AVATAR_KIND_MODIFIERS: Ln,
       AVATAR_PRESENCE_SIZE_MODIFIERS: En,
       AVATAR_ICON_SIZES: xn,
@@ -298,7 +298,7 @@ const Rn = Mn(), Nn = {
     avatarClasses() {
       return [
         "d-avatar",
-        pt[this.validatedSize],
+        mt[this.validatedSize],
         this.avatarClass,
         {
           "d-avatar--group": this.showGroup,
@@ -380,7 +380,7 @@ const Rn = Mn(), Nn = {
   "data-qa": "dt-avatar-count"
 };
 function qn(e, a, t, s, i, n) {
-  const r = p("dt-icon"), l = p("dt-presence");
+  const r = g("dt-icon"), l = g("dt-presence");
   return o(), k(fe(t.clickable ? "button" : "div"), {
     id: t.id,
     class: _(n.avatarClasses),
@@ -389,7 +389,7 @@ function qn(e, a, t, s, i, n) {
     onClick: n.handleClick
   }, {
     default: h(() => [
-      g("div", {
+      p("div", {
         ref: "canvas",
         class: _([
           t.canvasClass,
@@ -423,9 +423,9 @@ function qn(e, a, t, s, i, n) {
           key: 0,
           class: "d-avatar__overlay-icon",
           name: t.overlayIcon
-        }, null, 8, ["name"])) : t.overlayText ? (o(), u("p", Bn, T(t.overlayText), 1)) : v("", !0)
-      ], 2)) : v("", !0),
-      n.showGroup ? (o(), u("span", zn, T(n.formattedGroup), 1)) : v("", !0),
+        }, null, 8, ["name"])) : t.overlayText ? (o(), u("p", Bn, T(t.overlayText), 1)) : S("", !0)
+      ], 2)) : S("", !0),
+      n.showGroup ? (o(), u("span", zn, T(n.formattedGroup), 1)) : S("", !0),
       t.presence && !n.showGroup ? (o(), k(l, O({
         key: 2,
         presence: t.presence,
@@ -433,12 +433,12 @@ function qn(e, a, t, s, i, n) {
           "d-avatar__presence",
           i.AVATAR_PRESENCE_SIZE_MODIFIERS[t.size]
         ]
-      }, t.presenceProps, { "data-qa": "dt-presence" }), null, 16, ["presence", "class"])) : v("", !0)
+      }, t.presenceProps, { "data-qa": "dt-presence" }), null, 16, ["presence", "class"])) : S("", !0)
     ]),
     _: 1
   }, 8, ["id", "class", "aria-label", "onClick"]);
 }
-const lt = /* @__PURE__ */ C(Nn, [["render", qn]]), ia = {
+const ot = /* @__PURE__ */ C(Nn, [["render", qn]]), ia = {
   default: "",
   info: "d-badge--info",
   success: "d-badge--success",
@@ -583,7 +583,7 @@ const lt = /* @__PURE__ */ C(Nn, [["render", qn]]), ia = {
   class: "d-badge__icon-right"
 };
 function Un(e, a, t, s, i, n) {
-  const r = p("dt-icon");
+  const r = g("dt-icon");
   return o(), u("span", {
     class: _([
       "d-badge",
@@ -593,18 +593,18 @@ function Un(e, a, t, s, i, n) {
     ]),
     "data-qa": "dt-badge"
   }, [
-    t.decoration ? (o(), u("span", Vn)) : v("", !0),
+    t.decoration ? (o(), u("span", Vn)) : S("", !0),
     t.iconLeft || t.type === "ai" ? (o(), u("span", Hn, [
       b(r, {
         name: t.iconLeft || "dialpad-ai",
         size: "200"
       }, null, 8, ["name"])
-    ])) : v("", !0),
-    g("span", {
+    ])) : S("", !0),
+    p("span", {
       class: _(["d-badge__label", t.labelClass])
     }, [
       m(e.$slots, "default", {}, () => [
-        B(T(t.text), 1)
+        z(T(t.text), 1)
       ])
     ], 2),
     t.iconRight ? (o(), u("span", Wn, [
@@ -612,17 +612,17 @@ function Un(e, a, t, s, i, n) {
         name: t.iconRight,
         size: "200"
       }, null, 8, ["name"])
-    ])) : v("", !0)
+    ])) : S("", !0)
   ], 2);
 }
-const Ma = /* @__PURE__ */ C(Fn, [["render", Un]]), jn = {
+const Pa = /* @__PURE__ */ C(Fn, [["render", Un]]), jn = {
   name: "DtBanner",
   components: {
-    DtNoticeIcon: La,
-    DtNoticeContent: Ea,
-    DtNoticeAction: xa
+    DtNoticeIcon: Ea,
+    DtNoticeContent: xa,
+    DtNoticeAction: Aa
   },
-  mixins: [rt, Ee],
+  mixins: [st, Ee],
   props: {
     /**
      * Sets an ID on the title element of the component. Useful for aria-describedby
@@ -770,19 +770,19 @@ const Ma = /* @__PURE__ */ C(Fn, [["render", Un]]), jn = {
   }
 }, Kn = ["role", "aria-labelledby", "aria-describedby"];
 function Gn(e, a, t, s, i, n) {
-  const r = p("dt-notice-icon"), l = p("dt-notice-content"), d = p("dt-notice-action");
+  const r = g("dt-notice-icon"), l = g("dt-notice-content"), d = g("dt-notice-action");
   return o(), u("aside", {
     class: _(n.bannerClass),
-    style: me(n.bannerBackgroundImage),
+    style: Ie(n.bannerBackgroundImage),
     onKeydown: a[1] || (a[1] = oe((...f) => n.trapFocus && n.trapFocus(...f), ["tab"]))
   }, [
-    g("div", {
+    p("div", {
       class: _(["d-banner__dialog", t.dialogClass]),
       role: n.role,
       "aria-labelledby": t.titleId,
       "aria-describedby": t.contentId
     }, [
-      t.hideIcon ? v("", !0) : (o(), k(r, {
+      t.hideIcon ? S("", !0) : (o(), k(r, {
         key: 0,
         kind: t.kind
       }, {
@@ -819,7 +819,7 @@ function Gn(e, a, t, s, i, n) {
     ], 10, Kn)
   ], 38);
 }
-const zc = /* @__PURE__ */ C(jn, [["render", Gn]]), Yn = "d-breadcrumbs__item--selected", Zn = "d-breadcrumbs--inverted", Qn = {
+const $c = /* @__PURE__ */ C(jn, [["render", Gn]]), Yn = "d-breadcrumbs__item--selected", Zn = "d-breadcrumbs--inverted", Qn = {
   name: "DtLink",
   props: {
     /**
@@ -895,7 +895,7 @@ const Jn = /* @__PURE__ */ C(Qn, [["render", Xn]]), ei = {
   }
 };
 function ti(e, a, t, s, i, n) {
-  const r = p("dt-link");
+  const r = g("dt-link");
   return o(), u("li", {
     "data-qa": "dt-breadcrumb-item",
     class: _([
@@ -910,7 +910,7 @@ function ti(e, a, t, s, i, n) {
     }, e.$attrs), {
       default: h(() => [
         m(e.$slots, "default", {}, () => [
-          B(T(t.label), 1)
+          z(T(t.label), 1)
         ])
       ]),
       _: 3
@@ -961,7 +961,7 @@ const ai = /* @__PURE__ */ C(ei, [["render", ti]]), ni = {
   }
 }, ii = ["aria-label"];
 function si(e, a, t, s, i, n) {
-  const r = p("dt-breadcrumb-item");
+  const r = g("dt-breadcrumb-item");
   return o(), u("nav", {
     "aria-label": t.ariaLabel,
     "data-qa": "dt-breadcrumbs",
@@ -970,9 +970,9 @@ function si(e, a, t, s, i, n) {
       { [i.BREADCRUMBS_INVERTED_MODIFIER]: t.inverted }
     ])
   }, [
-    g("ol", null, [
+    p("ol", null, [
       m(e.$slots, "default", {}, () => [
-        (o(!0), u(ee, null, ie(t.breadcrumbs, (l, d) => (o(), k(r, O({
+        (o(!0), u(J, null, ne(t.breadcrumbs, (l, d) => (o(), k(r, O({
           key: n.getBreadcrumbItemKey(d),
           inverted: t.inverted
         }, l), null, 16, ["inverted"]))), 128))
@@ -980,7 +980,7 @@ function si(e, a, t, s, i, n) {
     ])
   ], 10, ii);
 }
-const qc = /* @__PURE__ */ C(ni, [["render", si]]), oa = {
+const Bc = /* @__PURE__ */ C(ni, [["render", si]]), oa = {
   start: "d-btn-group--start",
   end: "d-btn-group--end",
   "space-between": "d-btn-group--space-between"
@@ -1013,7 +1013,7 @@ function oi(e, a, t, s, i, n) {
     m(e.$slots, "default")
   ], 2);
 }
-const Fc = /* @__PURE__ */ C(ri, [["render", oi]]), li = {
+const zc = /* @__PURE__ */ C(ri, [["render", oi]]), li = {
   name: "DtCard",
   props: {
     /**
@@ -1055,7 +1055,7 @@ const Fc = /* @__PURE__ */ C(ri, [["render", oi]]), li = {
   },
   data() {
     return {
-      hasSlotContent: Q
+      hasSlotContent: ie
     };
   }
 };
@@ -1075,13 +1075,13 @@ function di(e, a, t, s, i, n) {
       ])
     }, [
       m(e.$slots, "header")
-    ], 2)) : v("", !0),
-    g("div", {
+    ], 2)) : S("", !0),
+    p("div", {
       class: _([
         "d-card__content",
         t.contentClass
       ]),
-      style: me({ "max-height": t.maxHeight })
+      style: Ie({ "max-height": t.maxHeight })
     }, [
       m(e.$slots, "content")
     ], 6),
@@ -1093,7 +1093,7 @@ function di(e, a, t, s, i, n) {
       ])
     }, [
       m(e.$slots, "footer")
-    ], 2)) : v("", !0)
+    ], 2)) : S("", !0)
   ], 2);
 }
 const ci = /* @__PURE__ */ C(li, [["render", di]]), ui = {
@@ -1107,13 +1107,13 @@ const ci = /* @__PURE__ */ C(li, [["render", di]]), ui = {
 }, hi = { class: "d-d-block d-bgc-secondary d-ws-pre-wrap d-p8 d-ba d-bc-subtle d-bar8 d-fs-200 d-ff-mono d-lh-400 d-fc-secondary" };
 function fi(e, a, t, s, i, n) {
   return o(), u("pre", null, [
-    B("    "),
-    g("code", hi, T(t.text), 1),
-    B(`
+    z("    "),
+    p("code", hi, T(t.text), 1),
+    z(`
   `)
   ]);
 }
-const Vc = /* @__PURE__ */ C(ui, [["render", fi]]), mi = {
+const qc = /* @__PURE__ */ C(ui, [["render", fi]]), mi = {
   methods: {
     /**
      * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.
@@ -1185,7 +1185,7 @@ const Vc = /* @__PURE__ */ C(ui, [["render", fi]]), mi = {
       return a <= t.bottom + 3 * s / 4 && e >= t.top - s / 4;
     }
   }
-}, pi = "listElementKey is required or the referenced element doesn't exist. Received listElement: ", Pa = ({
+}, pi = "listElementKey is required or the referenced element doesn't exist. Received listElement: ", Ra = ({
   // Role of the list items in the component. This is used to identify the list items
   // so you must update this if the role of your list items is anything other than 'option'
   listItemRole: e = "option",
@@ -1256,11 +1256,11 @@ const Vc = /* @__PURE__ */ C(ui, [["render", fi]]), mi = {
       this.jumpToEnd(), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
     },
     onNavigationKey(c) {
-      const w = this._getListItemNodes(), S = w.filter((z) => z.textContent.trim().toLowerCase().startsWith(c.toLowerCase()));
-      if (S.length <= 0)
+      const w = this._getListItemNodes(), v = w.filter((B) => B.textContent.trim().toLowerCase().startsWith(c.toLowerCase()));
+      if (v.length <= 0)
         return;
-      const I = S.findIndex((z) => this[a] === w.indexOf(z)), E = w.indexOf(
-        I < S.length - 1 ? S[I + 1] : S[0]
+      const I = v.findIndex((B) => this[a] === w.indexOf(B)), E = w.indexOf(
+        I < v.length - 1 ? v[I + 1] : v[0]
       );
       this.setHighlightIndex(E), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
     },
@@ -1284,10 +1284,10 @@ const Vc = /* @__PURE__ */ C(ui, [["render", fi]]), mi = {
       return w ? Array.from(w.querySelectorAll(`[role="${e}"], #sr-only-close-button`)).indexOf(w.querySelector(`#${c}`)) : void 0;
     },
     _getItemId(c) {
-      var S;
+      var v;
       const w = this._getListElement();
       if (w)
-        return (S = w.querySelectorAll(`[role="${e}"], #sr-only-close-button`)[c]) == null ? void 0 : S.id;
+        return (v = w.querySelectorAll(`[role="${e}"], #sr-only-close-button`)[c]) == null ? void 0 : v.id;
     },
     scrollActiveItemIntoViewIfNeeded() {
       if (!this.scrollToOnHighlight)
@@ -1307,15 +1307,15 @@ const Vc = /* @__PURE__ */ C(ui, [["render", fi]]), mi = {
   }
 }), gi = {
   name: "ComboboxLoadingList",
-  components: { DtListItem: ot, DtSkeleton: on }
+  components: { DtListItem: rt, DtSkeleton: on }
 }, bi = {
   class: "d-p0 d-mt8 d-hmx332 d-of-y-auto",
   "aria-busy": "true"
 };
 function yi(e, a, t, s, i, n) {
-  const r = p("dt-skeleton"), l = p("dt-list-item");
+  const r = g("dt-skeleton"), l = g("dt-list-item");
   return o(), u("ol", bi, [
-    (o(), u(ee, null, ie(7, (d) => b(l, {
+    (o(), u(J, null, ne(7, (d) => b(l, {
       key: d,
       role: "option",
       "navigation-type": "none"
@@ -1330,10 +1330,10 @@ function yi(e, a, t, s, i, n) {
     }, 1024)), 64))
   ]);
 }
-const Ra = /* @__PURE__ */ C(gi, [["render", yi]]);
+const Na = /* @__PURE__ */ C(gi, [["render", yi]]);
 const _i = {
   name: "ComboboxEmptyList",
-  components: { DtListItem: ot },
+  components: { DtListItem: rt },
   props: {
     /**
      * Message to display when list is empty
@@ -1357,7 +1357,7 @@ const _i = {
   "data-qa": "dt-combobox-empty-list"
 };
 function Si(e, a, t, s, i, n) {
-  const r = p("dt-list-item");
+  const r = g("dt-list-item");
   return o(), u("ol", vi, [
     m(e.$slots, "default", {}, () => [
       b(r, {
@@ -1367,14 +1367,14 @@ function Si(e, a, t, s, i, n) {
         class: _(["dt-empty-list-item", t.itemClass])
       }, {
         default: h(() => [
-          g("span", null, T(t.message), 1)
+          p("span", null, T(t.message), 1)
         ]),
         _: 1
       }, 8, ["class"])
     ])
   ]);
 }
-const Na = /* @__PURE__ */ C(_i, [["render", Si]]), $a = {
+const $a = /* @__PURE__ */ C(_i, [["render", Si]]), Ba = {
   EXTRA_SMALL: "xs",
   SMALL: "sm",
   DEFAULT: "md",
@@ -1383,11 +1383,11 @@ const Na = /* @__PURE__ */ C(_i, [["render", Si]]), $a = {
 }, wi = {
   name: "DtCombobox",
   components: {
-    ComboboxLoadingList: Ra,
-    ComboboxEmptyList: Na
+    ComboboxLoadingList: Na,
+    ComboboxEmptyList: $a
   },
   mixins: [
-    Pa({
+    Ra({
       indexKey: "highlightIndex",
       idKey: "highlightId",
       listElementKey: "getListElement",
@@ -1420,7 +1420,7 @@ const Na = /* @__PURE__ */ C(_i, [["render", Si]]), $a = {
     size: {
       type: String,
       default: null,
-      validator: (e) => Object.values($a).includes(e)
+      validator: (e) => Object.values(Ba).includes(e)
     },
     /**
      * Description for the input
@@ -1436,7 +1436,7 @@ const Na = /* @__PURE__ */ C(_i, [["render", Si]]), $a = {
     listId: {
       type: String,
       default() {
-        return te();
+        return ee();
       }
     },
     /**
@@ -1546,7 +1546,7 @@ const Na = /* @__PURE__ */ C(_i, [["render", Si]]), $a = {
       // of this component, this is the ref to that dom element. Set
       // by the onOpen method.
       outsideRenderedListRef: null,
-      hasSlotContent: Q
+      hasSlotContent: ie
     };
   },
   computed: {
@@ -1652,7 +1652,7 @@ const Na = /* @__PURE__ */ C(_i, [["render", Si]]), $a = {
   }
 }, Ci = { "data-qa": "dt-combobox-input-wrapper" };
 function Ii(e, a, t, s, i, n) {
-  const r = p("combobox-loading-list"), l = p("combobox-empty-list");
+  const r = g("combobox-loading-list"), l = g("combobox-empty-list");
   return o(), u("div", {
     onKeydown: [
       a[3] || (a[3] = oe(ue((d) => n.onKeyValidation(d, "onEscapeKey"), ["stop"]), ["esc"])),
@@ -1663,7 +1663,7 @@ function Ii(e, a, t, s, i, n) {
       a[8] || (a[8] = oe(ue((d) => n.onKeyValidation(d, "onEndKey"), ["stop", "prevent"]), ["end"]))
     ]
   }, [
-    g("div", Ci, [
+    p("div", Ci, [
       m(e.$slots, "input", { inputProps: n.inputProps })
     ]),
     t.showList ? (o(), u("div", {
@@ -1688,7 +1688,7 @@ function Ii(e, a, t, s, i, n) {
         opened: n.onOpen,
         clearHighlightIndex: n.clearHighlightIndex
       })
-    ], 544)) : v("", !0)
+    ], 544)) : S("", !0)
   ], 32);
 }
 const ki = /* @__PURE__ */ C(wi, [["render", Ii]]);
@@ -1803,7 +1803,7 @@ const Oi = {
   }
 };
 function Ti(e, a, t, s, i, n) {
-  return o(), k(Tt, O({
+  return o(), k(Ot, O({
     appear: t.appear,
     "enter-active-class": "enter-active",
     "leave-active-class": "leave-active"
@@ -1817,9 +1817,9 @@ function Ti(e, a, t, s, i, n) {
     onAfterLeave: n.afterLeave
   }), {
     default: h(() => [
-      Ve((o(), k(fe(t.elementType), Ke(Dt(e.$attrs)), {
+      Ve((o(), k(fe(t.elementType), Ke(Tt(e.$attrs)), {
         default: h(() => [
-          i.initialized ? m(e.$slots, "default", { key: 0 }) : v("", !0)
+          i.initialized ? m(e.$slots, "default", { key: 0 }) : S("", !0)
         ]),
         _: 3
       }, 16)), [
@@ -1834,7 +1834,7 @@ const Di = /* @__PURE__ */ C(Oi, [["render", Ti]]), Li = {
   components: {
     DtButton: se,
     DtCollapsibleLazyShow: Di,
-    DtLazyShow: wt,
+    DtLazyShow: St,
     DtIcon: V
   },
   props: {
@@ -1863,7 +1863,7 @@ const Di = /* @__PURE__ */ C(Oi, [["render", Ti]]), Li = {
     id: {
       type: String,
       default() {
-        return te();
+        return ee();
       }
     },
     /**
@@ -1947,10 +1947,10 @@ const Di = /* @__PURE__ */ C(Oi, [["render", Ti]]), Li = {
   },
   computed: {
     labelledBy() {
-      return this.ariaLabelledBy || !this.ariaLabel && te("DtCollapsible__anchor");
+      return this.ariaLabelledBy || !this.ariaLabel && ee("DtCollapsible__anchor");
     },
     collapsibleListeners() {
-      return Ct(this.$attrs);
+      return wt(this.$attrs);
     }
   },
   watch: {
@@ -1978,15 +1978,15 @@ const Di = /* @__PURE__ */ C(Oi, [["render", Ti]]), Li = {
       this.isOpen = !this.isOpen;
     },
     validateProperAnchor() {
-      !this.anchorText && !Q(this.$slots.anchor) && console.error("anchor text and anchor slot content cannot both be falsy");
+      !this.anchorText && !ie(this.$slots.anchor) && console.error("anchor text and anchor slot content cannot both be falsy");
     }
   }
 }, Ei = ["id"], xi = ["title"];
 function Ai(e, a, t, s, i, n) {
-  const r = p("dt-icon"), l = p("dt-button"), d = p("dt-collapsible-lazy-show");
+  const r = g("dt-icon"), l = g("dt-button"), d = g("dt-collapsible-lazy-show");
   return o(), k(fe(t.elementType), O({ ref: "collapsible" }, K(n.collapsibleListeners)), {
     default: h(() => [
-      g("div", {
+      p("div", {
         id: !t.ariaLabelledBy && n.labelledBy,
         ref: "anchor",
         class: _([
@@ -2006,7 +2006,7 @@ function Ai(e, a, t, s, i, n) {
             kind: "muted",
             "aria-controls": t.id,
             "aria-expanded": `${i.isOpen}`,
-            style: me({
+            style: Ie({
               width: t.maxWidth
             }),
             onClick: n.defaultToggleOpen
@@ -2016,7 +2016,7 @@ function Ai(e, a, t, s, i, n) {
                 name: i.isOpen ? "chevron-down" : "chevron-right",
                 class: "d-icon d-icon--size-300 d-mr8 d-fl-shrink0"
               }, null, 8, ["name"]),
-              g("span", {
+              p("span", {
                 class: "d-mr-auto d-truncate",
                 title: t.anchorText
               }, T(t.anchorText), 9, xi)
@@ -2065,10 +2065,10 @@ const Pi = {
   name: "DtDropdown",
   components: {
     DtPopover: Et,
-    SrOnlyCloseButton: Aa
+    SrOnlyCloseButton: Ma
   },
   mixins: [
-    Pa({
+    Ra({
       indexKey: "highlightIndex",
       idKey: "highlightId",
       listElementKey: "getListElement",
@@ -2149,7 +2149,7 @@ const Pi = {
     listId: {
       type: String,
       default() {
-        return te();
+        return ee();
       }
     },
     /**
@@ -2161,8 +2161,8 @@ const Pi = {
      */
     navigationType: {
       type: String,
-      default: mt.ARROW_KEYS,
-      validator: (e) => Object.values(mt).includes(e)
+      default: ft.ARROW_KEYS,
+      validator: (e) => Object.values(ft).includes(e)
     },
     /**
      * If the dropdown does not fit in the direction described by "placement",
@@ -2276,7 +2276,7 @@ const Pi = {
   ],
   data() {
     return {
-      LIST_ITEM_NAVIGATION_TYPES: mt,
+      LIST_ITEM_NAVIGATION_TYPES: ft,
       DROPDOWN_PADDING_CLASSES: Fe,
       openedWithKeyboard: !1,
       isOpen: null
@@ -2400,7 +2400,7 @@ const Pi = {
   }
 }, Ri = ["id"];
 function Ni(e, a, t, s, i, n) {
-  const r = p("sr-only-close-button"), l = p("dt-popover");
+  const r = g("sr-only-close-button"), l = g("dt-popover");
   return o(), k(l, O({
     ref: "popover",
     "content-width": t.contentWidth,
@@ -2424,7 +2424,7 @@ function Ni(e, a, t, s, i, n) {
       m(e.$slots, "anchor", O({ ref: "anchor" }, d))
     ]),
     content: h(({ close: d }) => [
-      g("ul", {
+      p("ul", {
         id: t.listId,
         ref: "listWrapper",
         class: _(n.listClasses),
@@ -2438,7 +2438,7 @@ function Ni(e, a, t, s, i, n) {
           "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
           tabindex: n.isArrowKeyNav ? -1 : 0,
           onClose: d
-        }, null, 8, ["visually-hidden-close-label", "tabindex", "onClose"])) : v("", !0)
+        }, null, 8, ["visually-hidden-close-label", "tabindex", "onClose"])) : S("", !0)
       ], 42, Ri)
     ]),
     _: 3
@@ -2454,13 +2454,13 @@ const Bi = {
 function qi(e, a, t, s, i, n) {
   return o(), u("li", zi);
 }
-const Hc = /* @__PURE__ */ C(Bi, [["render", qi]]), Fi = {
+const Fc = /* @__PURE__ */ C(Bi, [["render", qi]]), Fi = {
   name: "DtImageViewer",
   components: {
     DtButton: se,
     DtIcon: V
   },
-  mixins: [rt],
+  mixins: [st],
   props: {
     /**
      * Controls whether the image modal is shown. Leaving this null will have the image modal
@@ -2589,7 +2589,7 @@ const Hc = /* @__PURE__ */ C(Bi, [["render", qi]]), Fi = {
   "aria-modal": "true"
 }, Ui = ["src", "alt"];
 function ji(e, a, t, s, i, n) {
-  const r = p("dt-button"), l = p("dt-icon");
+  const r = g("dt-button"), l = g("dt-icon");
   return o(), u("div", null, [
     b(r, {
       "data-qa": "dt-image-viewer-preview",
@@ -2599,7 +2599,7 @@ function ji(e, a, t, s, i, n) {
       onClick: n.openModal
     }, {
       default: h(() => [
-        g("img", {
+        p("img", {
           class: _(t.imageButtonClass),
           src: t.imageSrc,
           alt: t.imageAlt
@@ -2611,7 +2611,7 @@ function ji(e, a, t, s, i, n) {
       key: 0,
       to: "body"
     }, [
-      g("div", O({
+      p("div", O({
         "aria-hidden": i.isOpen ? "false" : "true",
         class: "d-modal",
         "data-qa": "dt-modal"
@@ -2621,14 +2621,14 @@ function ji(e, a, t, s, i, n) {
         onFocusin: a[2] || (a[2] = (d) => i.showCloseButton = !0),
         onFocusout: a[3] || (a[3] = (d) => i.showCloseButton = !1)
       }), [
-        g("div", Wi, [
-          g("img", {
+        p("div", Wi, [
+          p("img", {
             class: "d-wmx100p d-hmx100p",
             src: t.imageSrc,
             alt: t.imageAlt
           }, null, 8, Ui)
         ]),
-        b(Tt, { name: "fade" }, {
+        b(Ot, { name: "fade" }, {
           default: h(() => [
             i.showCloseButton ? (o(), k(r, {
               key: 0,
@@ -2650,15 +2650,15 @@ function ji(e, a, t, s, i, n) {
                 })
               ]),
               _: 1
-            }, 8, ["aria-label", "onClick"])) : v("", !0)
+            }, 8, ["aria-label", "onClick"])) : S("", !0)
           ]),
           _: 1
         })
       ], 16, Hi)
-    ])) : v("", !0)
+    ])) : S("", !0)
   ]);
 }
-const Wc = /* @__PURE__ */ C(Fi, [["render", ji]]), Ki = {
+const Vc = /* @__PURE__ */ C(Fi, [["render", ji]]), Ki = {
   components: { DtValidationMessages: Le },
   // provide data to slotted components
   provide() {
@@ -2674,7 +2674,7 @@ const Wc = /* @__PURE__ */ C(Fi, [["render", ji]]), Ki = {
     id: {
       type: String,
       default() {
-        return te();
+        return ee();
       }
     },
     /**
@@ -2712,7 +2712,7 @@ const Wc = /* @__PURE__ */ C(Fi, [["render", ji]]), Ki = {
     messages: {
       type: Array,
       default: () => [],
-      validator: (e) => Ia(e)
+      validator: (e) => ka(e)
     },
     /**
      * Show validation messages
@@ -2767,7 +2767,7 @@ const Wc = /* @__PURE__ */ C(Fi, [["render", ji]]), Ki = {
       provideObj: {
         name: this.name,
         disabled: this.disabled,
-        validationState: _t(e)
+        validationState: yt(e)
       }
     };
   },
@@ -2776,7 +2776,7 @@ const Wc = /* @__PURE__ */ C(Fi, [["render", ji]]), Ki = {
       return ea(this.messages);
     },
     validationState() {
-      return _t(this.formattedMessages);
+      return yt(this.formattedMessages);
     }
   },
   watch: {
@@ -2829,7 +2829,7 @@ const Wc = /* @__PURE__ */ C(Fi, [["render", ji]]), Ki = {
   data() {
     return {
       internalValue: this.value,
-      hasSlotContent: Q
+      hasSlotContent: ie
     };
   },
   watch: {
@@ -2855,16 +2855,16 @@ const Wc = /* @__PURE__ */ C(Fi, [["render", ji]]), Ki = {
   }
 }, Yi = ["data-qa"], Zi = ["data-qa"];
 function Qi(e, a, t, s, i, n) {
-  const r = p("dt-validation-messages");
+  const r = g("dt-validation-messages");
   return o(), u("fieldset", { "data-qa": t.dataQaGroup }, [
     i.hasSlotContent(e.$slots.legend) || e.legend ? (o(), u("legend", O({
       key: 0,
       class: ["d-label", e.legendClass]
     }, e.legendChildProps, { "data-qa": t.dataQaGroupLegend }), [
       m(e.$slots, "legend", {}, () => [
-        B(T(e.legend), 1)
+        z(T(e.legend), 1)
       ])
-    ], 16, Zi)) : v("", !0),
+    ], 16, Zi)) : S("", !0),
     m(e.$slots, "default"),
     b(r, O({
       "validation-messages": e.formattedMessages,
@@ -2874,7 +2874,7 @@ function Qi(e, a, t, s, i, n) {
     }, e.messagesChildProps), null, 16, ["validation-messages", "show-messages", "class", "data-qa"])
   ], 8, Yi);
 }
-const Ba = /* @__PURE__ */ C(Gi, [["render", Qi]]), la = {
+const za = /* @__PURE__ */ C(Gi, [["render", Qi]]), la = {
   default: "",
   danger: "d-modal--danger"
 }, da = {
@@ -2889,12 +2889,12 @@ const Ba = /* @__PURE__ */ C(Gi, [["render", Qi]]), la = {
 }, Xi = {
   name: "DtModal",
   components: {
-    DtLazyShow: wt,
+    DtLazyShow: St,
     DtButton: se,
     DtIcon: V,
-    SrOnlyCloseButton: Aa
+    SrOnlyCloseButton: Ma
   },
-  mixins: [rt, Ee],
+  mixins: [st, Ee],
   props: {
     /**
      * A set of props to be passed into the modal's close button.
@@ -2927,7 +2927,7 @@ const Ba = /* @__PURE__ */ C(Gi, [["render", Qi]]), la = {
     labelledById: {
       type: String,
       default: function() {
-        return te();
+        return ee();
       }
     },
     /**
@@ -3073,7 +3073,7 @@ const Ba = /* @__PURE__ */ C(Gi, [["render", Qi]]), la = {
       MODAL_SIZE_MODIFIERS: da,
       MODAL_BANNER_KINDS: ca,
       EVENT_KEYNAMES: G,
-      hasSlotContent: Q
+      hasSlotContent: ie
     };
   },
   computed: {
@@ -3145,7 +3145,7 @@ const Ba = /* @__PURE__ */ C(Gi, [["render", Qi]]), la = {
   class: "d-modal__footer"
 };
 function ns(e, a, t, s, i, n) {
-  const r = p("dt-icon"), l = p("dt-button"), d = p("sr-only-close-button"), f = p("dt-lazy-show");
+  const r = g("dt-icon"), l = g("dt-button"), d = g("sr-only-close-button"), f = g("dt-lazy-show");
   return o(), k(f, O({
     transition: "d-zoom",
     show: t.show,
@@ -3169,15 +3169,15 @@ function ns(e, a, t, s, i, n) {
         ])
       }, [
         m(e.$slots, "banner", {}, () => [
-          B(T(t.bannerTitle), 1)
+          z(T(t.bannerTitle), 1)
         ])
-      ], 2)) : v("", !0),
-      b(Tt, {
+      ], 2)) : S("", !0),
+      b(Ot, {
         appear: "",
         name: "d-modal__dialog"
       }, {
         default: h(() => [
-          Ve(g("div", {
+          Ve(p("div", {
             class: _([
               "d-modal__dialog",
               { "d-modal__dialog--scrollable": t.fixedHeaderFooter },
@@ -3220,8 +3220,8 @@ function ns(e, a, t, s, i, n) {
             }, T(t.copy), 3)),
             n.hasFooterSlot ? (o(), u("footer", as, [
               m(e.$slots, "footer")
-            ])) : v("", !0),
-            t.hideClose ? v("", !0) : (o(), k(l, O({
+            ])) : S("", !0),
+            t.hideClose ? S("", !0) : (o(), k(l, O({
               key: 5,
               class: "d-modal__close",
               circle: "",
@@ -3241,7 +3241,7 @@ function ns(e, a, t, s, i, n) {
               key: 6,
               "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
               onClose: n.close
-            }, null, 8, ["visually-hidden-close-label", "onClose"])) : v("", !0)
+            }, null, 8, ["visually-hidden-close-label", "onClose"])) : S("", !0)
           ], 10, Ji), [
             [He, t.show]
           ])
@@ -3252,7 +3252,7 @@ function ns(e, a, t, s, i, n) {
     _: 3
   }, 16, ["show", "class", "aria-hidden"]);
 }
-const Uc = /* @__PURE__ */ C(Xi, [["render", ns]]);
+const Hc = /* @__PURE__ */ C(Xi, [["render", ns]]);
 const is = {
   name: "ListSection",
   components: {
@@ -3330,7 +3330,7 @@ const is = {
   }
 }, ss = ["id", "aria-labelledby"], rs = ["id"], os = ["id"], ls = ["id"], ds = { class: "d-d-flex" };
 function cs(e, a, t, s, i, n) {
-  const r = p("vnodes"), l = p("dt-button");
+  const r = g("vnodes"), l = g("dt-button");
   return o(), u("div", {
     id: t.id,
     role: "group",
@@ -3349,7 +3349,7 @@ function cs(e, a, t, s, i, n) {
       key: 0,
       id: `${t.id}-list-section-header`,
       class: "d-pl12 d-mt6"
-    }, T(t.header), 9, rs)) : v("", !0),
+    }, T(t.header), 9, rs)) : S("", !0),
     !n.isCollapsible || i.showAll ? (o(), u("ol", {
       key: 1,
       id: `${t.id}-list-section-content`
@@ -3361,7 +3361,7 @@ function cs(e, a, t, s, i, n) {
     }, [
       b(r, { vnodes: n.displayedItems }, null, 8, ["vnodes"])
     ], 8, ls)),
-    g("div", ds, [
+    p("div", ds, [
       n.isCollapsible ? (o(), k(l, {
         key: 0,
         id: `${t.id}-list-section-show-more-less`,
@@ -3370,15 +3370,15 @@ function cs(e, a, t, s, i, n) {
         onClick: n.showMoreLessClicked
       }, {
         default: h(() => [
-          B(T(n.showMoreLessText), 1)
+          z(T(n.showMoreLessText), 1)
         ]),
         _: 1
-      }, 8, ["id", "onClick"])) : v("", !0),
+      }, 8, ["id", "onClick"])) : S("", !0),
       m(e.$slots, "footer")
     ])
   ], 10, ss);
 }
-const jc = /* @__PURE__ */ C(is, [["render", cs]]), us = {
+const Wc = /* @__PURE__ */ C(is, [["render", cs]]), us = {
   name: "DtListItemGroup",
   props: {
     /**
@@ -3387,7 +3387,7 @@ const jc = /* @__PURE__ */ C(is, [["render", cs]]), us = {
     id: {
       type: String,
       default() {
-        return te();
+        return ee();
       }
     },
     /**
@@ -3429,13 +3429,13 @@ function ms(e, a, t, s, i, n) {
       class: _(["dt-dropdown-list--header", t.headingClass])
     }, [
       m(e.$slots, "headingSlot", {}, () => [
-        B(T(t.heading), 1)
+        z(T(t.heading), 1)
       ])
-    ], 10, fs)) : v("", !0),
+    ], 10, fs)) : S("", !0),
     m(e.$slots, "default")
   ], 10, hs);
 }
-const Kc = /* @__PURE__ */ C(us, [["render", ms]]), ps = {
+const Uc = /* @__PURE__ */ C(us, [["render", ms]]), ps = {
   name: "DtPagination",
   components: {
     DtButton: se,
@@ -3547,7 +3547,7 @@ const Kc = /* @__PURE__ */ C(us, [["render", ms]]), ps = {
   "data-qa": "dt-pagination-separator"
 };
 function ys(e, a, t, s, i, n) {
-  const r = p("dt-icon"), l = p("dt-button");
+  const r = g("dt-icon"), l = g("dt-button");
   return o(), u("nav", {
     "aria-label": t.ariaLabel,
     class: "d-d-flex d-fd-row d-gg4 d-ai-center"
@@ -3569,7 +3569,7 @@ function ys(e, a, t, s, i, n) {
       ]),
       _: 1
     }, 8, ["aria-label", "kind", "importance", "disabled", "class"]),
-    (o(!0), u(ee, null, ie(n.pages, (d, f) => (o(), u("div", {
+    (o(!0), u(J, null, ne(n.pages, (d, f) => (o(), u("div", {
       key: `page-${d}-${f}`,
       class: _({ "d-as-flex-end": isNaN(Number(d)) })
     }, [
@@ -3587,7 +3587,7 @@ function ys(e, a, t, s, i, n) {
         onClick: (y) => n.changePage(d)
       }, {
         default: h(() => [
-          B(T(d), 1)
+          z(T(d), 1)
         ]),
         _: 2
       }, 1032, ["aria-label", "kind", "importance", "onClick"]))
@@ -3611,14 +3611,14 @@ function ys(e, a, t, s, i, n) {
     }, 8, ["aria-label", "disabled", "importance", "class"])
   ], 8, gs);
 }
-const Gc = /* @__PURE__ */ C(ps, [["render", ys]]), _s = {
+const jc = /* @__PURE__ */ C(ps, [["render", ys]]), _s = {
   warning: "d-radio--warning",
   error: "d-radio--error",
   success: "d-radio--success"
 }, vs = {
   name: "DtRadio",
   components: { DtValidationMessages: Le },
-  mixins: [ka, Oa, Ta, It],
+  mixins: [Oa, Ta, Da, Ct],
   inheritAttrs: !1,
   props: {
     /**
@@ -3668,7 +3668,7 @@ const Gc = /* @__PURE__ */ C(ps, [["render", ys]]), _s = {
   ],
   data() {
     return {
-      hasSlotContent: Q
+      hasSlotContent: ie
     };
   },
   computed: {
@@ -3712,13 +3712,13 @@ const Gc = /* @__PURE__ */ C(ps, [["render", ys]]), _s = {
   "data-qa": "radio-label-description-container"
 };
 function Is(e, a, t, s, i, n) {
-  const r = p("dt-validation-messages");
+  const r = g("dt-validation-messages");
   return o(), u("label", null, [
-    g("div", {
+    p("div", {
       class: _(["d-radio-group", { "d-radio-group--disabled": e.internalDisabled }])
     }, [
-      g("div", Ss, [
-        g("input", O({
+      p("div", Ss, [
+        p("input", O({
           checked: e.internalChecked,
           name: e.internalName,
           value: t.value,
@@ -3727,10 +3727,10 @@ function Is(e, a, t, s, i, n) {
           class: ["d-radio", n.inputValidationClass, e.inputClass]
         }, e.$attrs, K(n.inputListeners, !0)), null, 16, ws)
       ]),
-      g("div", Cs, [
-        g("div", O({ class: e.labelClass }, e.labelChildProps, { "data-qa": "radio-label" }), [
+      p("div", Cs, [
+        p("div", O({ class: e.labelClass }, e.labelChildProps, { "data-qa": "radio-label" }), [
           m(e.$slots, "default", {}, () => [
-            B(T(e.label), 1)
+            z(T(e.label), 1)
           ])
         ], 16),
         i.hasSlotContent(e.$slots.description) || e.description ? (o(), u("div", O({
@@ -3738,9 +3738,9 @@ function Is(e, a, t, s, i, n) {
           class: ["d-description", e.descriptionClass]
         }, e.descriptionChildProps, { "data-qa": "radio-description" }), [
           m(e.$slots, "description", {}, () => [
-            B(T(e.description), 1)
+            z(T(e.description), 1)
           ])
-        ], 16)) : v("", !0),
+        ], 16)) : S("", !0),
         b(r, O({
           "validation-messages": e.formattedMessages,
           "show-messages": e.showMessages,
@@ -3750,9 +3750,9 @@ function Is(e, a, t, s, i, n) {
     ], 2)
   ]);
 }
-const Yc = /* @__PURE__ */ C(vs, [["render", Is]]), Zc = {
+const Kc = /* @__PURE__ */ C(vs, [["render", Is]]), Gc = {
   name: "DtRadioGroup",
-  extends: Ba,
+  extends: za,
   props: {
     /**
      * A provided value for the radio group
@@ -3828,7 +3828,7 @@ const Yc = /* @__PURE__ */ C(vs, [["render", Is]]), Zc = {
   }
 }, ks = {
   name: "DtTabPanel",
-  mixins: [rt],
+  mixins: [st],
   inject: ["groupContext"],
   props: {
     /**
@@ -3909,14 +3909,14 @@ function Ts(e, a, t, s, i, n) {
     [He, !t.hidden]
   ]);
 }
-const Qc = /* @__PURE__ */ C(ks, [["render", Ts]]), Ds = {
+const Yc = /* @__PURE__ */ C(ks, [["render", Ts]]), Ds = {
   error: "d-checkbox--error",
   warning: "d-checkbox--warning",
   success: "d-checkbox--success"
 }, Ls = {
   name: "DtCheckbox",
   components: { DtValidationMessages: Le },
-  mixins: [ka, Oa, Ta, It],
+  mixins: [Oa, Ta, Da, Ct],
   inheritAttrs: !1,
   emits: [
     /**
@@ -3999,13 +3999,13 @@ const Qc = /* @__PURE__ */ C(ks, [["render", Ts]]), Ds = {
   "data-qa": "checkbox-label-description-container"
 };
 function Ms(e, a, t, s, i, n) {
-  const r = p("dt-validation-messages");
+  const r = g("dt-validation-messages");
   return o(), u("label", null, [
-    g("div", {
+    p("div", {
       class: _(["d-checkbox-group", { "d-checkbox-group--disabled": e.internalDisabled }])
     }, [
-      g("div", Es, [
-        g("input", O({
+      p("div", Es, [
+        p("input", O({
           type: "checkbox",
           checked: e.internalChecked,
           name: e.internalName,
@@ -4020,29 +4020,29 @@ function Ms(e, a, t, s, i, n) {
           class: e.labelClass
         }, e.labelChildProps, { "data-qa": "checkbox-label" }), [
           m(e.$slots, "default", {}, () => [
-            B(T(e.label), 1)
+            z(T(e.label), 1)
           ])
-        ], 16)) : v("", !0),
+        ], 16)) : S("", !0),
         n.hasDescription ? (o(), u("div", O({
           key: 1,
           class: ["d-description", e.descriptionClass]
         }, e.descriptionChildProps, { "data-qa": "checkbox-description" }), [
           m(e.$slots, "description", {}, () => [
-            B(T(e.description), 1)
+            z(T(e.description), 1)
           ])
-        ], 16)) : v("", !0),
+        ], 16)) : S("", !0),
         b(r, O({
           "validation-messages": e.formattedMessages,
           "show-messages": e.showMessages,
           class: e.messagesClass
         }, e.messagesChildProps, { "data-qa": "dt-checkbox-validation-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
-      ])) : v("", !0)
+      ])) : S("", !0)
     ], 2)
   ]);
 }
-const Xc = /* @__PURE__ */ C(Ls, [["render", Ms]]), Jc = {
+const Zc = /* @__PURE__ */ C(Ls, [["render", Ms]]), Qc = {
   name: "DtCheckboxGroup",
-  extends: Ba,
+  extends: za,
   model: {
     prop: "selectedValues"
   },
@@ -4193,7 +4193,7 @@ const Xc = /* @__PURE__ */ C(Ls, [["render", Ms]]), Jc = {
     id: {
       type: String,
       default: function() {
-        return te();
+        return ee();
       }
     },
     /**
@@ -4244,7 +4244,7 @@ const Xc = /* @__PURE__ */ C(Ls, [["render", Ms]]), Jc = {
   data() {
     return {
       isActive: !1,
-      hasSlotContent: Q
+      hasSlotContent: ie
     };
   },
   computed: {
@@ -4290,7 +4290,7 @@ const Xc = /* @__PURE__ */ C(Ls, [["render", Ms]]), Jc = {
   "data-qa": "dt-chip-avatar"
 }, qs = ["id"];
 function Fs(e, a, t, s, i, n) {
-  const r = p("dt-icon"), l = p("dt-button");
+  const r = g("dt-icon"), l = g("dt-button");
   return o(), u("span", $s, [
     (o(), k(fe(t.interactive ? "button" : "span"), O({
       id: t.id,
@@ -4305,7 +4305,7 @@ function Fs(e, a, t, s, i, n) {
           m(e.$slots, "icon")
         ])) : i.hasSlotContent(e.$slots.avatar) ? (o(), u("span", zs, [
           m(e.$slots, "avatar")
-        ])) : v("", !0),
+        ])) : S("", !0),
         i.hasSlotContent(e.$slots.default) ? (o(), u("span", {
           key: 2,
           id: `${t.id}-content`,
@@ -4313,11 +4313,11 @@ function Fs(e, a, t, s, i, n) {
           class: _(["d-truncate", "d-chip__text", t.contentClass])
         }, [
           m(e.$slots, "default")
-        ], 10, qs)) : v("", !0)
+        ], 10, qs)) : S("", !0)
       ]),
       _: 3
     }, 16, ["id", "type", "class", "aria-labelledby", "aria-label"])),
-    t.hideClose ? v("", !0) : (o(), k(l, O({ key: 0 }, t.closeButtonProps, {
+    t.hideClose ? S("", !0) : (o(), k(l, O({ key: 0 }, t.closeButtonProps, {
       class: n.chipCloseButtonClasses(),
       "data-qa": "dt-chip-close",
       "aria-label": t.closeButtonProps.ariaLabel,
@@ -4333,7 +4333,7 @@ function Fs(e, a, t, s, i, n) {
     }, 16, ["class", "aria-label"]))
   ]);
 }
-const za = /* @__PURE__ */ C(Ns, [["render", Fs]]), ha = {
+const qa = /* @__PURE__ */ C(Ns, [["render", Fs]]), ha = {
   xs: "d-select--xs",
   sm: "d-select--sm",
   md: "",
@@ -4346,7 +4346,7 @@ const za = /* @__PURE__ */ C(Ns, [["render", Fs]]), ha = {
 }, Hs = (e) => !e.index || typeof e.index == "number", Ws = (e) => e.value ? typeof e.value == "string" || typeof e.value == "number" : !1, Us = (e) => e.label ? typeof e.label == "string" : !1, js = (e) => e ? e.every((a) => !(!Hs(a) || !Ws(a) || !Us(a))) : !0, Ks = {
   name: "DtSelectMenu",
   components: { DtValidationMessages: Le },
-  mixins: [It],
+  mixins: [Ct],
   inheritAttrs: !1,
   props: {
     /**
@@ -4465,7 +4465,7 @@ const za = /* @__PURE__ */ C(Ns, [["render", Fs]]), ha = {
       DESCRIPTION_SIZE_MODIFIERS: dn,
       SELECT_SIZE_MODIFIERS: ha,
       SELECT_STATE_MODIFIERS: Vs,
-      hasSlotContent: Q
+      hasSlotContent: ie
     };
   },
   computed: {
@@ -4482,10 +4482,10 @@ const za = /* @__PURE__ */ C(Ns, [["render", Fs]]), ha = {
       };
     },
     state() {
-      return _t(this.formattedMessages);
+      return yt(this.formattedMessages);
     },
     selectKey() {
-      return te();
+      return ee();
     },
     descriptionKey() {
       return `select-${this.selectKey}-description`;
@@ -4514,9 +4514,9 @@ const za = /* @__PURE__ */ C(Ns, [["render", Fs]]), ha = {
   }
 }, Gs = ["aria-details"], Ys = ["id"], Zs = ["disabled"], Qs = ["value"];
 function Xs(e, a, t, s, i, n) {
-  const r = p("dt-validation-messages");
+  const r = g("dt-validation-messages");
   return o(), u("div", null, [
-    g("label", null, [
+    p("label", null, [
       i.hasSlotContent(e.$slots.label) || t.label ? (o(), u("div", O({
         key: 0,
         "aria-details": n.labelAriaDetails,
@@ -4527,9 +4527,9 @@ function Xs(e, a, t, s, i, n) {
         ]
       }, t.labelChildProps, { "data-qa": "dt-select-label" }), [
         m(e.$slots, "label", {}, () => [
-          B(T(t.label), 1)
+          z(T(t.label), 1)
         ])
-      ], 16, Gs)) : v("", !0),
+      ], 16, Gs)) : S("", !0),
       i.hasSlotContent(e.$slots.description) || t.description ? (o(), u("div", O({
         key: 1,
         id: n.descriptionKey,
@@ -4540,10 +4540,10 @@ function Xs(e, a, t, s, i, n) {
         ]
       }, t.descriptionChildProps, { "data-qa": "dt-select-description" }), [
         m(e.$slots, "description", {}, () => [
-          B(T(t.description), 1)
+          z(T(t.description), 1)
         ])
-      ], 16, Ys)) : v("", !0),
-      g("div", {
+      ], 16, Ys)) : S("", !0),
+      p("div", {
         class: _([
           "d-select",
           i.SELECT_SIZE_MODIFIERS[t.size],
@@ -4552,7 +4552,7 @@ function Xs(e, a, t, s, i, n) {
         ]),
         "data-qa": "dt-select-wrapper"
       }, [
-        g("select", O({
+        p("select", O({
           class: [
             "d-select__input",
             i.SELECT_STATE_MODIFIERS[n.state]
@@ -4562,7 +4562,7 @@ function Xs(e, a, t, s, i, n) {
           disabled: t.disabled
         }, K(n.selectListeners, !0)), [
           m(e.$slots, "default", {}, () => [
-            (o(!0), u(ee, null, ie(t.options, (l) => (o(), u("option", O({
+            (o(!0), u(J, null, ne(t.options, (l) => (o(), u("option", O({
               key: n.getOptionKey(l.value),
               value: l.value,
               class: t.optionClass
@@ -4578,12 +4578,12 @@ function Xs(e, a, t, s, i, n) {
     }, e.messagesChildProps, { "data-qa": "dt-select-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
   ]);
 }
-const eu = /* @__PURE__ */ C(Ks, [["render", Xs]]), Js = ["status", "alert"], fa = 6e3, er = {
+const Xc = /* @__PURE__ */ C(Ks, [["render", Xs]]), Js = ["status", "alert"], fa = 6e3, er = {
   name: "DtToast",
   components: {
-    DtNoticeIcon: La,
-    DtNoticeContent: Ea,
-    DtNoticeAction: xa
+    DtNoticeIcon: Ea,
+    DtNoticeContent: xa,
+    DtNoticeAction: Aa
   },
   mixins: [Ee],
   props: {
@@ -4749,7 +4749,7 @@ const eu = /* @__PURE__ */ C(Ks, [["render", Xs]]), Js = ["status", "alert"], fa
   }
 }, tr = ["aria-hidden"], ar = { class: "d-toast__dialog" };
 function nr(e, a, t, s, i, n) {
-  const r = p("dt-notice-icon"), l = p("dt-notice-content"), d = p("dt-notice-action");
+  const r = g("dt-notice-icon"), l = g("dt-notice-content"), d = g("dt-notice-action");
   return i.isShown ? (o(), u("div", {
     key: 0,
     class: _([
@@ -4760,7 +4760,7 @@ function nr(e, a, t, s, i, n) {
     "data-qa": "dt-toast",
     "aria-hidden": (!i.isShown).toString()
   }, [
-    g("div", ar, [
+    p("div", ar, [
       b(r, { kind: t.kind }, {
         default: h(() => [
           m(e.$slots, "icon")
@@ -4778,7 +4778,7 @@ function nr(e, a, t, s, i, n) {
         ]),
         default: h(() => [
           m(e.$slots, "default", {}, () => [
-            B(T(t.message), 1)
+            z(T(t.message), 1)
           ])
         ]),
         _: 3
@@ -4796,9 +4796,9 @@ function nr(e, a, t, s, i, n) {
         _: 3
       }, 8, ["hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label", "onClose"])
     ])
-  ], 10, tr)) : v("", !0);
+  ], 10, tr)) : S("", !0);
 }
-const tu = /* @__PURE__ */ C(er, [["render", nr]]), ma = {
+const Jc = /* @__PURE__ */ C(er, [["render", nr]]), ma = {
   sm: "d-toggle--small",
   md: ""
 }, ir = [!1, !0, "mixed"], sr = {
@@ -4815,7 +4815,7 @@ const tu = /* @__PURE__ */ C(er, [["render", nr]]), ma = {
     id: {
       type: String,
       default() {
-        return te();
+        return ee();
       }
     },
     /**
@@ -4890,7 +4890,7 @@ const tu = /* @__PURE__ */ C(er, [["render", nr]]), ma = {
   data() {
     return {
       internalChecked: this.checked,
-      hasSlotContent: Q
+      hasSlotContent: ie
     };
   },
   computed: {
@@ -4955,8 +4955,8 @@ function cr(e, a, t, s, i, n) {
       for: t.id
     }, t.labelChildProps, { "data-qa": "toggle-label" }), [
       m(e.$slots, "default")
-    ], 16, or)) : v("", !0),
-    g("button", O({
+    ], 16, or)) : S("", !0),
+    p("button", O({
       id: t.id,
       role: n.toggleRole,
       type: "button",
@@ -4965,11 +4965,11 @@ function cr(e, a, t, s, i, n) {
       "aria-disabled": t.disabled.toString(),
       class: n.toggleClasses
     }, n.inputListeners), [
-      t.showIcon ? (o(), u("span", dr)) : v("", !0)
+      t.showIcon ? (o(), u("span", dr)) : S("", !0)
     ], 16, lr)
   ]);
 }
-const au = /* @__PURE__ */ C(sr, [["render", cr]]), qe = {
+const eu = /* @__PURE__ */ C(sr, [["render", cr]]), qe = {
   "{win}": "layout-grid",
   "{arrow-right}": "arrow-right",
   "{arrow-left}": "arrow-left",
@@ -4978,7 +4978,7 @@ const au = /* @__PURE__ */ C(sr, [["render", cr]]), qe = {
   "{cmd}": "command"
 }, ur = {
   "{plus}": "plus"
-}, nu = Object.keys(qe), hr = {
+}, tu = Object.keys(qe), hr = {
   name: "DtKeyboardShortcut",
   components: {
     DtIcon: V
@@ -5035,7 +5035,7 @@ const au = /* @__PURE__ */ C(sr, [["render", cr]]), qe = {
   class: "sr-only"
 }, mr = ["innerHTML"];
 function pr(e, a, t, s, i, n) {
-  const r = p("dt-icon");
+  const r = g("dt-icon");
   return o(), u("kbd", {
     class: _([
       "d-d-inline-flex",
@@ -5050,8 +5050,8 @@ function pr(e, a, t, s, i, n) {
       t.inverted ? "d-bc-moderate-inverted" : "d-bc-default"
     ])
   }, [
-    t.screenReaderText ? (o(), u("span", fr, T(t.screenReaderText), 1)) : v("", !0),
-    (o(!0), u(ee, null, ie(n.formattedShortcutSplit, (l, d) => (o(), u(ee, null, [
+    t.screenReaderText ? (o(), u("span", fr, T(t.screenReaderText), 1)) : S("", !0),
+    (o(!0), u(J, null, ne(n.formattedShortcutSplit, (l, d) => (o(), u(J, null, [
       n.icons[l] ? (o(), k(r, {
         key: `${d}-${l}`,
         name: n.icons[l],
@@ -5073,104 +5073,11 @@ function pr(e, a, t, s, i, n) {
     ], 64))), 256))
   ], 2);
 }
-const iu = /* @__PURE__ */ C(hr, [["render", pr]]), qa = {
+const au = /* @__PURE__ */ C(hr, [["render", pr]]), pa = {
   LEFT: "left",
   RIGHT: "right"
 }, gr = ["sm", "md", "lg", null], br = {
-  name: "DtRootLayoutBody",
-  props: {
-    /**
-     * Additional class name for the body
-     */
-    bodyClass: {
-      type: [String, Array, Object],
-      default: void 0
-    },
-    /**
-     * Additional class name for the content element
-     */
-    contentClass: {
-      type: [String, Array, Object],
-      default: void 0
-    },
-    /**
-     * Additional class name for the sidebar element
-     */
-    sidebarClass: {
-      type: [String, Array, Object],
-      default: void 0
-    },
-    /**
-     * The width of the sidebar
-     * Possible units rem|px|%|em
-     */
-    sidebarWidth: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * When true, the sidebar will be locked in position and the content will
-     * be scrollable. When false the sidebar will scroll out of view.
-     * @values true, false
-     */
-    fixed: {
-      type: Boolean,
-      default: void 0
-    },
-    /**
-     * Whether the sidebar is on the left or right side
-     * Possible options: 'left', 'right'
-     */
-    sidebarPosition: {
-      type: String,
-      default: void 0
-    }
-  },
-  data() {
-    return {
-      hasSlotContent: Q
-    };
-  },
-  computed: {
-    bodyClasses() {
-      return [
-        this.bodyClass,
-        { "d-root-layout__body--invert": this.sidebarPosition === qa.RIGHT }
-      ];
-    }
-  }
-};
-function yr(e, a, t, s, i, n) {
-  return o(), u("div", {
-    ref: "root-layout-body",
-    class: _(["d-root-layout__body", n.bodyClasses]),
-    "data-qa": "dt-root-layout-body"
-  }, [
-    i.hasSlotContent(e.$slots.sidebar) ? (o(), u("aside", {
-      key: 0,
-      ref: "root-layout-sidebar",
-      class: _(["d-root-layout__sidebar", { "d-root-layout__sidebar--sticky": t.fixed }, t.sidebarClass]),
-      style: me({ "flex-basis": t.sidebarWidth }),
-      "data-qa": "dt-root-layout-sidebar"
-    }, [
-      m(e.$slots, "sidebar")
-    ], 6)) : v("", !0),
-    i.hasSlotContent(e.$slots.content) ? (o(), u("main", {
-      key: 1,
-      ref: "root-layout-content",
-      class: _(["d-root-layout__content", t.contentClass]),
-      "data-qa": "dt-root-layout-content",
-      tabindex: "0"
-    }, [
-      m(e.$slots, "content")
-    ], 2)) : v("", !0)
-  ], 2);
-}
-const _r = /* @__PURE__ */ C(br, [["render", yr]]), vr = {
   name: "DtRootLayout",
-  components: {
-    DtRootLayoutBody: _r
-  },
   props: {
     /**
      * When true, the header, footer and sidebar will be locked in position and the content will
@@ -5189,8 +5096,7 @@ const _r = /* @__PURE__ */ C(br, [["render", yr]]), vr = {
       default: ""
     },
     /**
-     * The height of the header
-     * Possible units rem|px|%|em
+     * DEPRECATED: set the height of the inner element instead.
      */
     headerHeight: {
       type: String,
@@ -5241,7 +5147,7 @@ const _r = /* @__PURE__ */ C(br, [["render", yr]]), vr = {
     sidebarPosition: {
       type: String,
       default: "left",
-      validator: (e) => Object.values(qa).includes(e)
+      validator: (e) => Object.values(pa).includes(e)
     },
     /**
      * Additional class name for the footer element
@@ -5251,8 +5157,7 @@ const _r = /* @__PURE__ */ C(br, [["render", yr]]), vr = {
       default: ""
     },
     /**
-     * The height of the footer
-     * Possible units rem|px|%|em
+     * DEPRECATED: set the height of the inner element instead.
      */
     footerHeight: {
       type: String,
@@ -5268,124 +5173,120 @@ const _r = /* @__PURE__ */ C(br, [["render", yr]]), vr = {
       validator: (e) => gr.includes(e)
     }
   },
-  data() {
-    return {
-      hasSlotContent: Q
-    };
-  },
   computed: {
     responsiveClass() {
       if (this.responsiveBreakpoint)
         return `d-root-layout__responsive--${this.responsiveBreakpoint}`;
+    },
+    bodyClasses() {
+      return [
+        this.bodyClass,
+        { "d-root-layout__body--invert": this.sidebarPosition === pa.RIGHT }
+      ];
     }
   }
 };
-function Sr(e, a, t, s, i, n) {
-  const r = p("dt-root-layout-body");
+function yr(e, a, t, s, i, n) {
   return o(), u("div", {
     class: _(["root-layout d-root-layout", { "d-root-layout--fixed": t.fixed }, n.responsiveClass]),
     "data-qa": "dt-root-layout"
   }, [
-    i.hasSlotContent(e.$slots.header) ? (o(), u("header", {
-      key: 0,
+    p("header", {
       class: _(["d-root-layout__header", { "d-root-layout__header--sticky": t.headerSticky }, t.headerClass]),
-      style: me({ height: t.headerHeight, "min-height": t.headerHeight }),
       "data-qa": "dt-root-layout-header"
     }, [
       m(e.$slots, "header")
-    ], 6)) : v("", !0),
-    b(r, {
-      "body-class": t.bodyClass,
-      "content-class": t.contentClass,
-      "sidebar-class": t.sidebarClass,
-      "sidebar-width": t.sidebarWidth,
-      "sidebar-position": t.sidebarPosition,
-      "header-height": i.hasSlotContent(e.$slots.header) ? t.headerHeight : "0px",
-      "footer-height": i.hasSlotContent(e.$slots.footer) ? t.footerHeight : "0px",
-      fixed: t.fixed
-    }, st({ _: 2 }, [
-      i.hasSlotContent(e.$slots.sidebar) ? {
-        name: "sidebar",
-        fn: h(() => [
-          m(e.$slots, "sidebar")
-        ]),
-        key: "0"
-      } : void 0,
-      i.hasSlotContent(e.$slots.default) ? {
-        name: "content",
-        fn: h(() => [
-          m(e.$slots, "default")
-        ]),
-        key: "1"
-      } : void 0
-    ]), 1032, ["body-class", "content-class", "sidebar-class", "sidebar-width", "sidebar-position", "header-height", "footer-height", "fixed"]),
-    i.hasSlotContent(e.$slots.footer) ? (o(), u("footer", {
-      key: 1,
+    ], 2),
+    p("div", {
+      ref: "root-layout-body",
+      class: _(["d-root-layout__body", n.bodyClasses]),
+      "data-qa": "dt-root-layout-body"
+    }, [
+      p("aside", {
+        ref: "root-layout-sidebar",
+        class: _(["d-root-layout__sidebar", { "d-root-layout__sidebar--sticky": t.fixed }, t.sidebarClass]),
+        style: Ie({ "flex-basis": t.sidebarWidth }),
+        "data-qa": "dt-root-layout-sidebar"
+      }, [
+        m(e.$slots, "sidebar")
+      ], 6),
+      p("main", {
+        ref: "root-layout-content",
+        class: _(["d-root-layout__content", t.contentClass]),
+        "data-qa": "dt-root-layout-content",
+        tabindex: "0"
+      }, [
+        m(e.$slots, "default")
+      ], 2)
+    ], 2),
+    p("footer", {
       class: _(["d-root-layout__footer", t.footerClass]),
-      style: me({ height: t.footerHeight, "min-height": t.footerHeight }),
       "data-qa": "dt-root-layout-footer"
     }, [
       m(e.$slots, "footer")
-    ], 6)) : v("", !0)
+    ], 2)
   ], 2);
 }
-const su = /* @__PURE__ */ C(vr, [["render", Sr]]), Ie = {
+const nu = /* @__PURE__ */ C(br, [["render", yr]]), Ce = {
   default: "column",
   column: "column",
   row: "row",
   "row-reverse": "row-reverse",
   "column-reverse": "column-reverse"
 }, Fa = ["sm", "md", "lg", "xl"], Mt = ["0", "100", "200", "300", "400", "500", "600"];
-function pa(e) {
-  return e === Ie.default;
-}
 function ga(e) {
+  return e === Ce.default;
+}
+function ba(e) {
   if (Ue(e) === "string")
-    return pa(e) ? null : Ie[e];
+    return ga(e) ? null : Ce[e];
   if (Ue(e) === "object") {
     const { default: a } = e;
-    return pa(a) ? null : Ie[a];
+    return ga(a) ? null : Ce[a];
   } else
     return null;
 }
 function Ue(e) {
   return typeof e;
 }
-function wr(e) {
-  return ga(e) ? `d-stack--${Ie[ga(e)]}` : null;
+function _r(e) {
+  return ba(e) ? `d-stack--${Ce[ba(e)]}` : null;
 }
-function Cr(e) {
+function vr(e) {
   return Ue(e) === "object" ? [
     ...Fa.map((a) => e[a] ? `d-stack--${a}--${e[a]}` : null)
   ] : null;
 }
-function Ir(e) {
+function Sr(e) {
   return Mt.includes(e) ? `d-stack--gap-${e}` : null;
 }
-function kr(e) {
+function wr(e) {
   if (Ue(e) === "string")
-    return Object.keys(Ie).includes(e);
+    return Object.keys(Ce).includes(e);
   if (Ue(e) === "object") {
     const { default: a } = e;
-    return Object.keys(Ie).includes(a);
+    return Object.keys(Ce).includes(a);
   } else
     return null;
 }
-function Or(e) {
+function Cr(e) {
   return Mt.includes(e);
 }
-const Tr = {
+const Ir = {
   name: "DtStack",
   props: {
     /**
      * Set this prop to the direction to stack the items.
      * You can override the default direction with 'default' key.
-     * All the undefined breakpoints will have 'default' value
+     * All the undefined breakpoints will have 'default' value.
+     * By default, for the column direction it will have `justify-content: flex-start`
+     * and for the row direction `align-items: center`. This can be overriden
+     * by utility classes.
      */
     direction: {
       type: [String, Object],
       default: "column",
-      validator: (e) => kr(e)
+      validator: (e) => wr(e)
     },
     /**
      * Set this prop to render stack as a specific HTML element.
@@ -5401,29 +5302,29 @@ const Tr = {
     gap: {
       type: String,
       default: "0",
-      validator: (e) => Or(e)
+      validator: (e) => Cr(e)
     }
   },
   data() {
     return {
-      DT_STACK_DIRECTION: Ie,
+      DT_STACK_DIRECTION: Ce,
       DT_STACK_GAP: Mt,
       DT_STACK_RESPONSIVE_BREAKPOINTS: Fa
     };
   },
   computed: {
     stackGap() {
-      return Ir(this.gap);
+      return Sr(this.gap);
     },
     defaultDirection() {
-      return wr(this.direction);
+      return _r(this.direction);
     },
     stackResponsive() {
-      return Cr(this.direction);
+      return vr(this.direction);
     }
   }
 };
-function Dr(e, a, t, s, i, n) {
+function kr(e, a, t, s, i, n) {
   return o(), k(fe(t.as), {
     class: _([
       "d-stack",
@@ -5438,7 +5339,7 @@ function Dr(e, a, t, s, i, n) {
     _: 3
   }, 8, ["class"]);
 }
-const ru = /* @__PURE__ */ C(Tr, [["render", Dr]]);
+const iu = /* @__PURE__ */ C(Ir, [["render", kr]]);
 const Va = {
   __name: "core_scroller",
   props: {
@@ -5534,33 +5435,33 @@ const Va = {
   emits: ["user-position"],
   setup(e, { expose: a, emit: t }) {
     const s = e, i = ta(/* @__PURE__ */ new Map()), n = ta(/* @__PURE__ */ new Map()), r = Z([]), l = Z(null), d = Z(!1), f = Z(null), y = Z("top");
-    let c = 0, w = 0, S = !1, I = 0, E = null, z = null, U = 0, xe = 0;
-    const Se = Ce(() => {
+    let c = 0, w = 0, v = !1, I = 0, E = null, B = null, U = 0, xe = 0;
+    const ve = we(() => {
       if (s.itemSize === null) {
         const D = {
           "-1": { accumulator: 0 }
         }, x = s.items, L = s.sizeField, re = s.minItemSize;
-        let Y = 1e4, ge = 0, $;
-        for (let X = 0, Re = x.length; X < Re; X++)
-          $ = x[X][L] || re, $ < Y && (Y = $), ge += $, D[X] = { accumulator: ge, size: $ };
-        return z = Y, D;
+        let Y = 1e4, pe = 0, $;
+        for (let Q = 0, Re = x.length; Q < Re; Q++)
+          $ = x[Q][L] || re, $ < Y && (Y = $), pe += $, D[Q] = { accumulator: pe, size: $ };
+        return B = Y, D;
       }
       return [];
-    }), Ae = Ce(() => s.items.length && typeof s.items[0] != "object"), ct = Ce(() => {
+    }), Ae = we(() => s.items.length && typeof s.items[0] != "object"), dt = we(() => {
       const D = {};
       for (let x = 0, L = s.items.length; x < L; x++)
         D[s.items[x][s.keyField]] = x;
       return D;
     });
-    We(Se, () => {
+    We(ve, () => {
       Te(!1);
-    }, { deep: !0 }), Da(() => {
+    }, { deep: !0 }), La(() => {
       fn(() => {
         Te(!0), d.value = !0;
       });
     });
-    const pe = (D, x, L, re, Y) => {
-      const ge = mn({
+    const me = (D, x, L, re, Y) => {
+      const pe = mn({
         id: xe++,
         index: x,
         used: !0,
@@ -5569,7 +5470,7 @@ const Va = {
       }), $ = pn({
         item: L,
         position: 0,
-        nr: ge
+        nr: pe
       });
       return D.value.push($), $;
     }, le = (D, x = !1) => {
@@ -5594,10 +5495,10 @@ const Va = {
       r.value.sort((D, x) => D.nr.index - x.nr.index);
     }, Te = (D, x = !1) => {
       var Wt, Ut, jt, Kt, Gt, Yt, Zt, Qt;
-      const L = s.itemSize, re = z, Y = Ae.value ? null : s.keyField, ge = s.items, $ = ge.length, X = Se.value, Re = i, Vt = n, Ye = r, Qa = ct;
-      let J, H, Ze, de, be;
+      const L = s.itemSize, re = B, Y = Ae.value ? null : s.keyField, pe = s.items, $ = pe.length, Q = ve.value, Re = i, Vt = n, Ye = r, Qa = dt;
+      let X, H, Ze, de, ge;
       if (!$)
-        J = H = de = be = Ze = 0;
+        X = H = de = ge = Ze = 0;
       else {
         const R = Me();
         if (x) {
@@ -5608,69 +5509,69 @@ const Va = {
             };
         }
         I = R.start;
-        const ae = s.buffer;
-        if (R.start -= ae, R.end += ae, L === null) {
-          let q, Ne = 0, Xt = $ - 1, ne = ~~($ / 2), Jt;
+        const te = s.buffer;
+        if (R.start -= te, R.end += te, L === null) {
+          let q, Ne = 0, Xt = $ - 1, ae = ~~($ / 2), Jt;
           do
-            Jt = ne, q = (Wt = X[ne]) == null ? void 0 : Wt.accumulator, q < R.start ? Ne = ne : ne < $ - 1 && ((Ut = X[ne + 1]) == null ? void 0 : Ut.accumulator) > R.start && (Xt = ne), ne = ~~((Ne + Xt) / 2);
-          while (ne !== Jt);
-          for (ne < 0 && (ne = 0), J = ne, Ze = (jt = X[$ - 1]) == null ? void 0 : jt.accumulator, H = ne; H < $ && ((Kt = X[H]) == null ? void 0 : Kt.accumulator) < R.end; H++)
+            Jt = ae, q = (Wt = Q[ae]) == null ? void 0 : Wt.accumulator, q < R.start ? Ne = ae : ae < $ - 1 && ((Ut = Q[ae + 1]) == null ? void 0 : Ut.accumulator) > R.start && (Xt = ae), ae = ~~((Ne + Xt) / 2);
+          while (ae !== Jt);
+          for (ae < 0 && (ae = 0), X = ae, Ze = (jt = Q[$ - 1]) == null ? void 0 : jt.accumulator, H = ae; H < $ && ((Kt = Q[H]) == null ? void 0 : Kt.accumulator) < R.end; H++)
             ;
-          for (H === -1 ? H = ge.length - 1 : (H++, H > $ && (H = $)), de = c; de < $ && ((Gt = X[de]) == null ? void 0 : Gt.accumulator) < R.start; de++)
+          for (H === -1 ? H = pe.length - 1 : (H++, H > $ && (H = $)), de = c; de < $ && ((Gt = Q[de]) == null ? void 0 : Gt.accumulator) < R.start; de++)
             ;
-          for (be = de; be < $ && ((Yt = X[be]) == null ? void 0 : Yt.accumulator) < R.end; be++)
+          for (ge = de; ge < $ && ((Yt = Q[ge]) == null ? void 0 : Yt.accumulator) < R.end; ge++)
             ;
         } else {
-          J = ~~(R.start / L);
-          const q = J % 1;
-          J -= q, H = Math.ceil(R.end / L), de = Math.max(0, Math.floor(R.start / L)), be = Math.floor(R.end / L), J < 0 && (J = 0), H > $ && (H = $), de < 0 && (de = 0), be > $ && (be = $), Ze = Math.ceil($ / 1) * L;
+          X = ~~(R.start / L);
+          const q = X % 1;
+          X -= q, H = Math.ceil(R.end / L), de = Math.max(0, Math.floor(R.start / L)), ge = Math.floor(R.end / L), X < 0 && (X = 0), H > $ && (H = $), de < 0 && (de = 0), ge > $ && (ge = $), Ze = Math.ceil($ / 1) * L;
         }
       }
-      H - J > 1e3 && Pe(), U = Ze;
+      H - X > 1e3 && Pe(), U = Ze;
       let M;
-      const Qe = J <= w && H >= J;
+      const Qe = X <= w && H >= X;
       if (Qe)
-        for (let R = 0, ae = Ye.value.length; R < ae; R++)
-          M = Ye.value[R], M != null && M.nr.used && (D && (M.nr.index = Qa[M.item[Y]]), (M.nr.index == null || M.nr.index < J || M.nr.index >= H) && le(M));
+        for (let R = 0, te = Ye.value.length; R < te; R++)
+          M = Ye.value[R], M != null && M.nr.used && (D && (M.nr.index = Qa[M.item[Y]]), (M.nr.index == null || M.nr.index < X || M.nr.index >= H) && le(M));
       const Ht = Qe ? null : /* @__PURE__ */ new Map();
-      let ce, ye, Xe;
-      for (let R = J; R < H; R++) {
-        ce = ge[R];
-        const ae = Y ? ce == null ? void 0 : ce[Y] : ce;
-        if (ae == null)
-          throw new Error(`Key is ${ae} on item (keyField is '${Y}')`);
-        if (M = Re.get(ae), !L && !((Zt = X[R]) != null && Zt.size)) {
+      let ce, be, Xe;
+      for (let R = X; R < H; R++) {
+        ce = pe[R];
+        const te = Y ? ce == null ? void 0 : ce[Y] : ce;
+        if (te == null)
+          throw new Error(`Key is ${te} on item (keyField is '${Y}')`);
+        if (M = Re.get(te), !L && !((Zt = Q[R]) != null && Zt.size)) {
           M && le(M);
           continue;
         }
-        ye = ce.type;
-        let q = Vt.get(ye);
+        be = ce.type;
+        let q = Vt.get(be);
         if (!M)
-          Qe ? q && q.length ? M = q.pop() : M = pe(Ye, R, ce, ae, ye) : (Xe = Ht.get(ye) || 0, (!q || Xe >= q.length) && (M = pe(Ye, R, ce, ae, ye), le(M, !0), q = Vt.get(ye)), M = q[Xe], Ht.set(ye, Xe + 1)), Re.delete(M.nr.key), M.nr.used = !0, M.nr.index = R, M.nr.key = ae, M.nr.type = ye, Re.set(ae, M);
+          Qe ? q && q.length ? M = q.pop() : M = me(Ye, R, ce, te, be) : (Xe = Ht.get(be) || 0, (!q || Xe >= q.length) && (M = me(Ye, R, ce, te, be), le(M, !0), q = Vt.get(be)), M = q[Xe], Ht.set(be, Xe + 1)), Re.delete(M.nr.key), M.nr.used = !0, M.nr.index = R, M.nr.key = te, M.nr.type = be, Re.set(te, M);
         else if (!M.nr.used && (M.nr.used = !0, q)) {
           const Ne = q.indexOf(M);
           Ne !== -1 && q.splice(Ne, 1);
         }
-        M.item = ce, L === null ? (M.position = (Qt = X[R - 1]) == null ? void 0 : Qt.accumulator, M.offset = 0) : (M.position = Math.floor(R) * L, M.offset = R % 1 * L);
+        M.item = ce, L === null ? (M.position = (Qt = Q[R - 1]) == null ? void 0 : Qt.accumulator, M.offset = 0) : (M.position = Math.floor(R) * L, M.offset = R % 1 * L);
       }
-      return c = J, w = H, clearTimeout(E), E = setTimeout(Oe, 300), {
+      return c = X, w = H, clearTimeout(E), E = setTimeout(Oe, 300), {
         continuous: Qe
       };
-    }, ut = (D) => {
+    }, ct = (D) => {
       const x = s.direction === "vertical" ? { scroll: "scrollTop", start: "top" } : { scroll: "scrollLeft", start: "left" }, L = f.value, re = x.scroll;
       L[re] = D;
-    }, ht = (D) => {
+    }, ut = (D) => {
       var L;
       let x;
-      s.itemSize === null ? x = D > 0 ? (L = Se.value[D - 1]) == null ? void 0 : L.accumulator : 0 : x = Math.floor(D) * s.itemSize, ut(x);
-    }, ft = () => {
+      s.itemSize === null ? x = D > 0 ? (L = ve.value[D - 1]) == null ? void 0 : L.accumulator : 0 : x = Math.floor(D) * s.itemSize, ct(x);
+    }, ht = () => {
       const D = f.value;
-      y.value !== "middle" && (y.value = "middle", t("user-position", "middle")), D.scrollTop === 0 && (y.value = "top", t("user-position", "top")), D.scrollTop + D.clientHeight === D.scrollHeight && (y.value = "bottom", t("user-position", "bottom")), S || (S = !0, requestAnimationFrame(() => {
-        S = !1, Te(!1, !0);
+      y.value !== "middle" && (y.value = "middle", t("user-position", "middle")), D.scrollTop === 0 && (y.value = "top", t("user-position", "top")), D.scrollTop + D.clientHeight === D.scrollHeight && (y.value = "bottom", t("user-position", "bottom")), v || (v = !0, requestAnimationFrame(() => {
+        v = !1, Te(!1, !0);
       }));
     };
     return a({
-      scrollToItem: ht,
+      scrollToItem: ut,
       _updateVisibleItems: Te
     }), (D, x) => (o(), u("div", {
       ref_key: "scroller",
@@ -5679,15 +5580,15 @@ const Va = {
         ready: d.value,
         [`direction-${e.direction}`]: !0
       }]),
-      onScrollPassive: ft
+      onScrollPassive: ht
     }, [
       (o(), k(fe(e.listTag), {
         ref: "wrapper",
-        style: me({ [e.direction === "vertical" ? "minHeight" : "minWidth"]: `${A(U)}px` }),
+        style: Ie({ [e.direction === "vertical" ? "minHeight" : "minWidth"]: `${A(U)}px` }),
         class: _(["vue-recycle-scroller__item-wrapper", e.listClass])
       }, {
         default: h(() => [
-          (o(!0), u(ee, null, ie(r.value, (L) => (o(), k(fe(e.itemTag), O({
+          (o(!0), u(J, null, ne(r.value, (L) => (o(), k(fe(e.itemTag), O({
             key: L.nr.id,
             style: d.value ? {
               transform: `translate${e.direction === "vertical" ? "Y" : "X"}(${L.position}px) translate${e.direction === "vertical" ? "X" : "Y"}(${L.offset}px)`,
@@ -5722,7 +5623,7 @@ const Va = {
       }, 8, ["style", "class"]))
     ], 34));
   }
-}, Lr = {
+}, Or = {
   name: "DtScrollerItem",
   inject: [
     "vscrollData",
@@ -5842,11 +5743,11 @@ const Va = {
   render() {
     return gn(this.tag, this.$slots.default());
   }
-}, Er = {
+}, Tr = {
   name: "DynamicScroller",
   components: {
     CoreScroller: Va,
-    DtScrollerItem: Lr
+    DtScrollerItem: Or
   },
   provide() {
     return typeof ResizeObserver < "u" && (this.$_resizeObserver = new ResizeObserver((e) => {
@@ -6014,8 +5915,8 @@ const Va = {
     }
   }
 };
-function xr(e, a, t, s, i, n) {
-  const r = p("dt-scroller-item"), l = p("core-scroller");
+function Dr(e, a, t, s, i, n) {
+  const r = g("dt-scroller-item"), l = g("core-scroller");
   return o(), k(l, O({
     ref: "scroller",
     items: n.itemsWithSize,
@@ -6035,7 +5936,7 @@ function xr(e, a, t, s, i, n) {
         "data-index": f
       }, {
         default: h(() => [
-          m(e.$slots, "default", Ke(Dt({
+          m(e.$slots, "default", Ke(Tt({
             item: d.item,
             index: f,
             active: y,
@@ -6048,7 +5949,7 @@ function xr(e, a, t, s, i, n) {
     _: 3
   }, 16, ["items", "min-item-size", "direction", "key-field", "list-tag", "item-tag"]);
 }
-const Ar = /* @__PURE__ */ C(Er, [["render", xr]]), ou = {
+const Lr = /* @__PURE__ */ C(Tr, [["render", Dr]]), su = {
   __name: "DtScroller",
   props: {
     /**
@@ -6151,7 +6052,7 @@ const Ar = /* @__PURE__ */ C(Er, [["render", xr]]), ou = {
   setup(e, { expose: a, emit: t }) {
     const s = e;
     bn("emit", t);
-    const i = Z(null), n = Ce(() => ({
+    const i = Z(null), n = we(() => ({
       width: typeof s.scrollerWidth == "number" ? `${s.scrollerWidth}px` : s.scrollerWidth,
       height: typeof s.scrollerHeight == "number" ? `${s.scrollerHeight}px` : s.scrollerHeight
     }));
@@ -6178,7 +6079,7 @@ const Ar = /* @__PURE__ */ C(Er, [["render", xr]]), ou = {
       scrollToItem: l,
       updateItems: d,
       updateItemsFromBottom: f
-    }), (c, w) => (o(), k(fe(e.dynamic ? Ar : Va), {
+    }), (c, w) => (o(), k(fe(e.dynamic ? Lr : Va), {
       ref_key: "scroller",
       ref: i,
       "data-qa": "dt-scroller",
@@ -6189,13 +6090,13 @@ const Ar = /* @__PURE__ */ C(Er, [["render", xr]]), ou = {
       "key-field": e.keyField,
       "list-tag": e.listTag,
       "item-tag": e.itemTag,
-      style: me(n.value),
+      style: Ie(n.value),
       tabindex: "0",
-      onUserPosition: w[0] || (w[0] = (S) => c.$emit("user-position", S))
+      onUserPosition: w[0] || (w[0] = (v) => c.$emit("user-position", v))
     }, {
-      default: h(({ item: S, index: I, active: E }) => [
-        m(c.$slots, "default", Ke(Dt({
-          item: S,
+      default: h(({ item: v, index: I, active: E }) => [
+        m(c.$slots, "default", Ke(Tt({
+          item: v,
           index: I,
           active: E
         })))
@@ -6244,49 +6145,49 @@ function Ua(e, a) {
   var r = n.getDate();
   return i >= r ? n : (t.setFullYear(n.getFullYear(), n.getMonth(), i), t);
 }
-function Mr(e, a) {
+function Er(e, a) {
   N(2, arguments);
   var t = F(e).getTime(), s = j(a);
   return new Date(t + s);
 }
-var Pr = {};
+var xr = {};
 function Ge() {
-  return Pr;
+  return xr;
 }
-function Rr(e, a) {
+function Ar(e, a) {
   var t, s, i, n, r, l, d, f;
   N(1, arguments);
   var y = Ge(), c = j((t = (s = (i = (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 && i !== void 0 ? i : y.weekStartsOn) !== null && s !== void 0 ? s : (d = y.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.weekStartsOn) !== null && t !== void 0 ? t : 0);
   if (!(c >= 0 && c <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var w = F(e), S = w.getDay(), I = (S < c ? 7 : 0) + S - c;
+  var w = F(e), v = w.getDay(), I = (v < c ? 7 : 0) + v - c;
   return w.setDate(w.getDate() - I), w.setHours(0, 0, 0, 0), w;
 }
-function Nr(e) {
+function Mr(e) {
   var a = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()));
   return a.setUTCFullYear(e.getFullYear()), e.getTime() - a.getTime();
 }
-function $r(e) {
+function Pr(e) {
   return N(1, arguments), e instanceof Date || je(e) === "object" && Object.prototype.toString.call(e) === "[object Date]";
 }
-function Br(e) {
-  if (N(1, arguments), !$r(e) && typeof e != "number")
+function Rr(e) {
+  if (N(1, arguments), !Pr(e) && typeof e != "number")
     return !1;
   var a = F(e);
   return !isNaN(Number(a));
 }
-function zr(e, a) {
+function Nr(e, a) {
   N(2, arguments);
   var t = j(a);
-  return Mr(e, -t);
+  return Er(e, -t);
 }
-var qr = 864e5;
-function Fr(e) {
+var $r = 864e5;
+function Br(e) {
   N(1, arguments);
   var a = F(e), t = a.getTime();
   a.setUTCMonth(0, 1), a.setUTCHours(0, 0, 0, 0);
   var s = a.getTime(), i = t - s;
-  return Math.floor(i / qr) + 1;
+  return Math.floor(i / $r) + 1;
 }
 function tt(e) {
   N(1, arguments);
@@ -6302,18 +6203,18 @@ function ja(e) {
   var r = tt(n);
   return a.getTime() >= i.getTime() ? t + 1 : a.getTime() >= r.getTime() ? t : t - 1;
 }
-function Vr(e) {
+function zr(e) {
   N(1, arguments);
   var a = ja(e), t = /* @__PURE__ */ new Date(0);
   t.setUTCFullYear(a, 0, 4), t.setUTCHours(0, 0, 0, 0);
   var s = tt(t);
   return s;
 }
-var Hr = 6048e5;
-function Wr(e) {
+var qr = 6048e5;
+function Fr(e) {
   N(1, arguments);
-  var a = F(e), t = tt(a).getTime() - Vr(a).getTime();
-  return Math.round(t / Hr) + 1;
+  var a = F(e), t = tt(a).getTime() - zr(a).getTime();
+  return Math.round(t / qr) + 1;
 }
 function at(e, a) {
   var t, s, i, n, r, l, d, f;
@@ -6321,42 +6222,42 @@ function at(e, a) {
   var y = Ge(), c = j((t = (s = (i = (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 && i !== void 0 ? i : y.weekStartsOn) !== null && s !== void 0 ? s : (d = y.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.weekStartsOn) !== null && t !== void 0 ? t : 0);
   if (!(c >= 0 && c <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var w = F(e), S = w.getUTCDay(), I = (S < c ? 7 : 0) + S - c;
+  var w = F(e), v = w.getUTCDay(), I = (v < c ? 7 : 0) + v - c;
   return w.setUTCDate(w.getUTCDate() - I), w.setUTCHours(0, 0, 0, 0), w;
 }
 function Ka(e, a) {
   var t, s, i, n, r, l, d, f;
   N(1, arguments);
-  var y = F(e), c = y.getUTCFullYear(), w = Ge(), S = j((t = (s = (i = (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 && i !== void 0 ? i : w.firstWeekContainsDate) !== null && s !== void 0 ? s : (d = w.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.firstWeekContainsDate) !== null && t !== void 0 ? t : 1);
-  if (!(S >= 1 && S <= 7))
+  var y = F(e), c = y.getUTCFullYear(), w = Ge(), v = j((t = (s = (i = (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 && i !== void 0 ? i : w.firstWeekContainsDate) !== null && s !== void 0 ? s : (d = w.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.firstWeekContainsDate) !== null && t !== void 0 ? t : 1);
+  if (!(v >= 1 && v <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
   var I = /* @__PURE__ */ new Date(0);
-  I.setUTCFullYear(c + 1, 0, S), I.setUTCHours(0, 0, 0, 0);
-  var E = at(I, a), z = /* @__PURE__ */ new Date(0);
-  z.setUTCFullYear(c, 0, S), z.setUTCHours(0, 0, 0, 0);
-  var U = at(z, a);
+  I.setUTCFullYear(c + 1, 0, v), I.setUTCHours(0, 0, 0, 0);
+  var E = at(I, a), B = /* @__PURE__ */ new Date(0);
+  B.setUTCFullYear(c, 0, v), B.setUTCHours(0, 0, 0, 0);
+  var U = at(B, a);
   return y.getTime() >= E.getTime() ? c + 1 : y.getTime() >= U.getTime() ? c : c - 1;
 }
-function Ur(e, a) {
+function Vr(e, a) {
   var t, s, i, n, r, l, d, f;
   N(1, arguments);
-  var y = Ge(), c = j((t = (s = (i = (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 && i !== void 0 ? i : y.firstWeekContainsDate) !== null && s !== void 0 ? s : (d = y.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.firstWeekContainsDate) !== null && t !== void 0 ? t : 1), w = Ka(e, a), S = /* @__PURE__ */ new Date(0);
-  S.setUTCFullYear(w, 0, c), S.setUTCHours(0, 0, 0, 0);
-  var I = at(S, a);
+  var y = Ge(), c = j((t = (s = (i = (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 && i !== void 0 ? i : y.firstWeekContainsDate) !== null && s !== void 0 ? s : (d = y.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.firstWeekContainsDate) !== null && t !== void 0 ? t : 1), w = Ka(e, a), v = /* @__PURE__ */ new Date(0);
+  v.setUTCFullYear(w, 0, c), v.setUTCHours(0, 0, 0, 0);
+  var I = at(v, a);
   return I;
 }
-var jr = 6048e5;
-function Kr(e, a) {
+var Hr = 6048e5;
+function Wr(e, a) {
   N(1, arguments);
-  var t = F(e), s = at(t, a).getTime() - Ur(t, a).getTime();
-  return Math.round(s / jr) + 1;
+  var t = F(e), s = at(t, a).getTime() - Vr(t, a).getTime();
+  return Math.round(s / Hr) + 1;
 }
 function P(e, a) {
   for (var t = e < 0 ? "-" : "", s = Math.abs(e).toString(); s.length < a; )
     s = "0" + s;
   return t + s;
 }
-var Gr = {
+var Ur = {
   // Year
   y: function(a, t) {
     var s = a.getUTCFullYear(), i = s > 0 ? s : 1 - s;
@@ -6409,7 +6310,7 @@ var Gr = {
     return P(n, t.length);
   }
 };
-const _e = Gr;
+const ye = Ur;
 var De = {
   am: "am",
   pm: "pm",
@@ -6419,7 +6320,7 @@ var De = {
   afternoon: "afternoon",
   evening: "evening",
   night: "night"
-}, Yr = {
+}, jr = {
   // Era
   G: function(a, t, s) {
     var i = a.getUTCFullYear() > 0 ? 1 : 0;
@@ -6449,7 +6350,7 @@ var De = {
         unit: "year"
       });
     }
-    return _e.y(a, t);
+    return ye.y(a, t);
   },
   // Local week-numbering year
   Y: function(a, t, s, i) {
@@ -6546,7 +6447,7 @@ var De = {
     switch (t) {
       case "M":
       case "MM":
-        return _e.M(a, t);
+        return ye.M(a, t);
       case "Mo":
         return s.ordinalNumber(i + 1, {
           unit: "month"
@@ -6601,14 +6502,14 @@ var De = {
   },
   // Local week of year
   w: function(a, t, s, i) {
-    var n = Kr(a, i);
+    var n = Wr(a, i);
     return t === "wo" ? s.ordinalNumber(n, {
       unit: "week"
     }) : P(n, t.length);
   },
   // ISO week of year
   I: function(a, t, s) {
-    var i = Wr(a);
+    var i = Fr(a);
     return t === "Io" ? s.ordinalNumber(i, {
       unit: "week"
     }) : P(i, t.length);
@@ -6617,11 +6518,11 @@ var De = {
   d: function(a, t, s) {
     return t === "do" ? s.ordinalNumber(a.getUTCDate(), {
       unit: "date"
-    }) : _e.d(a, t);
+    }) : ye.d(a, t);
   },
   // Day of year
   D: function(a, t, s) {
-    var i = Fr(a);
+    var i = Br(a);
     return t === "Do" ? s.ordinalNumber(i, {
       unit: "dayOfYear"
     }) : P(i, t.length);
@@ -6848,13 +6749,13 @@ var De = {
         unit: "hour"
       });
     }
-    return _e.h(a, t);
+    return ye.h(a, t);
   },
   // Hour [0-23]
   H: function(a, t, s) {
     return t === "Ho" ? s.ordinalNumber(a.getUTCHours(), {
       unit: "hour"
-    }) : _e.H(a, t);
+    }) : ye.H(a, t);
   },
   // Hour [0-11]
   K: function(a, t, s) {
@@ -6874,17 +6775,17 @@ var De = {
   m: function(a, t, s) {
     return t === "mo" ? s.ordinalNumber(a.getUTCMinutes(), {
       unit: "minute"
-    }) : _e.m(a, t);
+    }) : ye.m(a, t);
   },
   // Second
   s: function(a, t, s) {
     return t === "so" ? s.ordinalNumber(a.getUTCSeconds(), {
       unit: "second"
-    }) : _e.s(a, t);
+    }) : ye.s(a, t);
   },
   // Fraction of second
   S: function(a, t) {
-    return _e.S(a, t);
+    return ye.S(a, t);
   },
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
   X: function(a, t, s, i) {
@@ -6893,14 +6794,14 @@ var De = {
       return "Z";
     switch (t) {
       case "X":
-        return ya(r);
+        return _a(r);
       case "XXXX":
       case "XX":
-        return we(r);
+        return Se(r);
       case "XXXXX":
       case "XXX":
       default:
-        return we(r, ":");
+        return Se(r, ":");
     }
   },
   // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
@@ -6908,14 +6809,14 @@ var De = {
     var n = i._originalDate || a, r = n.getTimezoneOffset();
     switch (t) {
       case "x":
-        return ya(r);
+        return _a(r);
       case "xxxx":
       case "xx":
-        return we(r);
+        return Se(r);
       case "xxxxx":
       case "xxx":
       default:
-        return we(r, ":");
+        return Se(r, ":");
     }
   },
   // Timezone (GMT)
@@ -6925,10 +6826,10 @@ var De = {
       case "O":
       case "OO":
       case "OOO":
-        return "GMT" + ba(r, ":");
+        return "GMT" + ya(r, ":");
       case "OOOO":
       default:
-        return "GMT" + we(r, ":");
+        return "GMT" + Se(r, ":");
     }
   },
   // Timezone (specific non-location)
@@ -6938,10 +6839,10 @@ var De = {
       case "z":
       case "zz":
       case "zzz":
-        return "GMT" + ba(r, ":");
+        return "GMT" + ya(r, ":");
       case "zzzz":
       default:
-        return "GMT" + we(r, ":");
+        return "GMT" + Se(r, ":");
     }
   },
   // Seconds timestamp
@@ -6955,26 +6856,26 @@ var De = {
     return P(r, t.length);
   }
 };
-function ba(e, a) {
+function ya(e, a) {
   var t = e > 0 ? "-" : "+", s = Math.abs(e), i = Math.floor(s / 60), n = s % 60;
   if (n === 0)
     return t + String(i);
   var r = a || "";
   return t + String(i) + r + P(n, 2);
 }
-function ya(e, a) {
+function _a(e, a) {
   if (e % 60 === 0) {
     var t = e > 0 ? "-" : "+";
     return t + P(Math.abs(e) / 60, 2);
   }
-  return we(e, a);
+  return Se(e, a);
 }
-function we(e, a) {
+function Se(e, a) {
   var t = a || "", s = e > 0 ? "-" : "+", i = Math.abs(e), n = P(Math.floor(i / 60), 2), r = P(i % 60, 2);
   return s + n + t + r;
 }
-const Zr = Yr;
-var _a = function(a, t) {
+const Kr = jr;
+var va = function(a, t) {
   switch (a) {
     case "P":
       return t.date({
@@ -7014,10 +6915,10 @@ var _a = function(a, t) {
         width: "full"
       });
   }
-}, Qr = function(a, t) {
+}, Gr = function(a, t) {
   var s = a.match(/(P+)(p+)?/) || [], i = s[1], n = s[2];
   if (!n)
-    return _a(a, t);
+    return va(a, t);
   var r;
   switch (i) {
     case "P":
@@ -7042,20 +6943,20 @@ var _a = function(a, t) {
       });
       break;
   }
-  return r.replace("{{date}}", _a(i, t)).replace("{{time}}", Ga(n, t));
-}, Xr = {
+  return r.replace("{{date}}", va(i, t)).replace("{{time}}", Ga(n, t));
+}, Yr = {
   p: Ga,
-  P: Qr
+  P: Gr
 };
-const Jr = Xr;
-var eo = ["D", "DD"], to = ["YY", "YYYY"];
-function ao(e) {
-  return eo.indexOf(e) !== -1;
+const Zr = Yr;
+var Qr = ["D", "DD"], Xr = ["YY", "YYYY"];
+function Jr(e) {
+  return Qr.indexOf(e) !== -1;
 }
-function no(e) {
-  return to.indexOf(e) !== -1;
+function eo(e) {
+  return Xr.indexOf(e) !== -1;
 }
-function va(e, a, t) {
+function Sa(e, a, t) {
   if (e === "YYYY")
     throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(a, "`) for formatting years to the input `").concat(t, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
   if (e === "YY")
@@ -7065,7 +6966,7 @@ function va(e, a, t) {
   if (e === "DD")
     throw new RangeError("Use `dd` instead of `DD` (in `".concat(a, "`) for formatting days of the month to the input `").concat(t, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
 }
-var io = {
+var to = {
   lessThanXSeconds: {
     one: "less than a second",
     other: "less than {{count}} seconds"
@@ -7127,58 +7028,58 @@ var io = {
     one: "almost 1 year",
     other: "almost {{count}} years"
   }
-}, so = function(a, t, s) {
-  var i, n = io[a];
+}, ao = function(a, t, s) {
+  var i, n = to[a];
   return typeof n == "string" ? i = n : t === 1 ? i = n.one : i = n.other.replace("{{count}}", t.toString()), s != null && s.addSuffix ? s.comparison && s.comparison > 0 ? "in " + i : i + " ago" : i;
 };
-const ro = so;
-function gt(e) {
+const no = ao;
+function pt(e) {
   return function() {
     var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = a.width ? String(a.width) : e.defaultWidth, s = e.formats[t] || e.formats[e.defaultWidth];
     return s;
   };
 }
-var oo = {
+var io = {
   full: "EEEE, MMMM do, y",
   long: "MMMM do, y",
   medium: "MMM d, y",
   short: "MM/dd/yyyy"
-}, lo = {
+}, so = {
   full: "h:mm:ss a zzzz",
   long: "h:mm:ss a z",
   medium: "h:mm:ss a",
   short: "h:mm a"
-}, co = {
+}, ro = {
   full: "{{date}} 'at' {{time}}",
   long: "{{date}} 'at' {{time}}",
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
-}, uo = {
-  date: gt({
-    formats: oo,
+}, oo = {
+  date: pt({
+    formats: io,
     defaultWidth: "full"
   }),
-  time: gt({
-    formats: lo,
+  time: pt({
+    formats: so,
     defaultWidth: "full"
   }),
-  dateTime: gt({
-    formats: co,
+  dateTime: pt({
+    formats: ro,
     defaultWidth: "full"
   })
 };
-const ho = uo;
-var fo = {
+const lo = oo;
+var co = {
   lastWeek: "'last' eeee 'at' p",
   yesterday: "'yesterday at' p",
   today: "'today at' p",
   tomorrow: "'tomorrow at' p",
   nextWeek: "eeee 'at' p",
   other: "P"
-}, mo = function(a, t, s, i) {
-  return fo[a];
+}, uo = function(a, t, s, i) {
+  return co[a];
 };
-const po = mo;
+const ho = uo;
 function $e(e) {
   return function(a, t) {
     var s = t != null && t.context ? String(t.context) : "standalone", i;
@@ -7193,24 +7094,24 @@ function $e(e) {
     return i[f];
   };
 }
-var go = {
+var fo = {
   narrow: ["B", "A"],
   abbreviated: ["BC", "AD"],
   wide: ["Before Christ", "Anno Domini"]
-}, bo = {
+}, mo = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
-}, yo = {
+}, po = {
   narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
   abbreviated: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
   wide: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
-}, _o = {
+}, go = {
   narrow: ["S", "M", "T", "W", "T", "F", "S"],
   short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
   abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
   wide: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
-}, vo = {
+}, bo = {
   narrow: {
     am: "a",
     pm: "p",
@@ -7241,7 +7142,7 @@ var go = {
     evening: "evening",
     night: "night"
   }
-}, So = {
+}, yo = {
   narrow: {
     am: "a",
     pm: "p",
@@ -7272,7 +7173,7 @@ var go = {
     evening: "in the evening",
     night: "at night"
   }
-}, wo = function(a, t) {
+}, _o = function(a, t) {
   var s = Number(a), i = s % 100;
   if (i > 20 || i < 10)
     switch (i % 10) {
@@ -7284,43 +7185,43 @@ var go = {
         return s + "rd";
     }
   return s + "th";
-}, Co = {
-  ordinalNumber: wo,
+}, vo = {
+  ordinalNumber: _o,
   era: $e({
-    values: go,
+    values: fo,
     defaultWidth: "wide"
   }),
   quarter: $e({
-    values: bo,
+    values: mo,
     defaultWidth: "wide",
     argumentCallback: function(a) {
       return a - 1;
     }
   }),
   month: $e({
-    values: yo,
+    values: po,
     defaultWidth: "wide"
   }),
   day: $e({
-    values: _o,
+    values: go,
     defaultWidth: "wide"
   }),
   dayPeriod: $e({
-    values: vo,
+    values: bo,
     defaultWidth: "wide",
-    formattingValues: So,
+    formattingValues: yo,
     defaultFormattingWidth: "wide"
   })
 };
-const Io = Co;
+const So = vo;
 function Be(e) {
   return function(a) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s = t.width, i = s && e.matchPatterns[s] || e.matchPatterns[e.defaultMatchWidth], n = a.match(i);
     if (!n)
       return null;
-    var r = n[0], l = s && e.parsePatterns[s] || e.parsePatterns[e.defaultParseWidth], d = Array.isArray(l) ? Oo(l, function(c) {
+    var r = n[0], l = s && e.parsePatterns[s] || e.parsePatterns[e.defaultParseWidth], d = Array.isArray(l) ? Co(l, function(c) {
       return c.test(r);
-    }) : ko(l, function(c) {
+    }) : wo(l, function(c) {
       return c.test(r);
     }), f;
     f = e.valueCallback ? e.valueCallback(d) : d, f = t.valueCallback ? t.valueCallback(f) : f;
@@ -7331,17 +7232,17 @@ function Be(e) {
     };
   };
 }
-function ko(e, a) {
+function wo(e, a) {
   for (var t in e)
     if (e.hasOwnProperty(t) && a(e[t]))
       return t;
 }
-function Oo(e, a) {
+function Co(e, a) {
   for (var t = 0; t < e.length; t++)
     if (a(e[t]))
       return t;
 }
-function To(e) {
+function Io(e) {
   return function(a) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s = a.match(e.matchPattern);
     if (!s)
@@ -7358,37 +7259,37 @@ function To(e) {
     };
   };
 }
-var Do = /^(\d+)(th|st|nd|rd)?/i, Lo = /\d+/i, Eo = {
+var ko = /^(\d+)(th|st|nd|rd)?/i, Oo = /\d+/i, To = {
   narrow: /^(b|a)/i,
   abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
   wide: /^(before christ|before common era|anno domini|common era)/i
-}, xo = {
+}, Do = {
   any: [/^b/i, /^(a|c)/i]
-}, Ao = {
+}, Lo = {
   narrow: /^[1234]/i,
   abbreviated: /^q[1234]/i,
   wide: /^[1234](th|st|nd|rd)? quarter/i
-}, Mo = {
+}, Eo = {
   any: [/1/i, /2/i, /3/i, /4/i]
-}, Po = {
+}, xo = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
   wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
-}, Ro = {
+}, Ao = {
   narrow: [/^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i],
   any: [/^ja/i, /^f/i, /^mar/i, /^ap/i, /^may/i, /^jun/i, /^jul/i, /^au/i, /^s/i, /^o/i, /^n/i, /^d/i]
-}, No = {
+}, Mo = {
   narrow: /^[smtwf]/i,
   short: /^(su|mo|tu|we|th|fr|sa)/i,
   abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
   wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
-}, $o = {
+}, Po = {
   narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
   any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
-}, Bo = {
+}, Ro = {
   narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
   any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
-}, zo = {
+}, No = {
   any: {
     am: /^a/i,
     pm: /^p/i,
@@ -7399,70 +7300,70 @@ var Do = /^(\d+)(th|st|nd|rd)?/i, Lo = /\d+/i, Eo = {
     evening: /evening/i,
     night: /night/i
   }
-}, qo = {
-  ordinalNumber: To({
-    matchPattern: Do,
-    parsePattern: Lo,
+}, $o = {
+  ordinalNumber: Io({
+    matchPattern: ko,
+    parsePattern: Oo,
     valueCallback: function(a) {
       return parseInt(a, 10);
     }
   }),
   era: Be({
-    matchPatterns: Eo,
+    matchPatterns: To,
     defaultMatchWidth: "wide",
-    parsePatterns: xo,
+    parsePatterns: Do,
     defaultParseWidth: "any"
   }),
   quarter: Be({
-    matchPatterns: Ao,
+    matchPatterns: Lo,
     defaultMatchWidth: "wide",
-    parsePatterns: Mo,
+    parsePatterns: Eo,
     defaultParseWidth: "any",
     valueCallback: function(a) {
       return a + 1;
     }
   }),
   month: Be({
-    matchPatterns: Po,
+    matchPatterns: xo,
     defaultMatchWidth: "wide",
-    parsePatterns: Ro,
+    parsePatterns: Ao,
     defaultParseWidth: "any"
   }),
   day: Be({
-    matchPatterns: No,
+    matchPatterns: Mo,
     defaultMatchWidth: "wide",
-    parsePatterns: $o,
+    parsePatterns: Po,
     defaultParseWidth: "any"
   }),
   dayPeriod: Be({
-    matchPatterns: Bo,
+    matchPatterns: Ro,
     defaultMatchWidth: "any",
-    parsePatterns: zo,
+    parsePatterns: No,
     defaultParseWidth: "any"
   })
 };
-const Fo = qo;
-var Vo = {
+const Bo = $o;
+var zo = {
   code: "en-US",
-  formatDistance: ro,
-  formatLong: ho,
-  formatRelative: po,
-  localize: Io,
-  match: Fo,
+  formatDistance: no,
+  formatLong: lo,
+  formatRelative: ho,
+  localize: So,
+  match: Bo,
   options: {
     weekStartsOn: 0,
     firstWeekContainsDate: 1
   }
 };
-const Ho = Vo;
-var Wo = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Uo = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, jo = /^'([^]*?)'?$/, Ko = /''/g, Go = /[a-zA-Z]/;
+const qo = zo;
+var Fo = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Vo = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Ho = /^'([^]*?)'?$/, Wo = /''/g, Uo = /[a-zA-Z]/;
 function ke(e, a, t) {
-  var s, i, n, r, l, d, f, y, c, w, S, I, E, z, U, xe, Se, Ae;
+  var s, i, n, r, l, d, f, y, c, w, v, I, E, B, U, xe, ve, Ae;
   N(2, arguments);
-  var ct = String(a), pe = Ge(), le = (s = (i = t == null ? void 0 : t.locale) !== null && i !== void 0 ? i : pe.locale) !== null && s !== void 0 ? s : Ho, Me = j((n = (r = (l = (d = t == null ? void 0 : t.firstWeekContainsDate) !== null && d !== void 0 ? d : t == null || (f = t.locale) === null || f === void 0 || (y = f.options) === null || y === void 0 ? void 0 : y.firstWeekContainsDate) !== null && l !== void 0 ? l : pe.firstWeekContainsDate) !== null && r !== void 0 ? r : (c = pe.locale) === null || c === void 0 || (w = c.options) === null || w === void 0 ? void 0 : w.firstWeekContainsDate) !== null && n !== void 0 ? n : 1);
+  var dt = String(a), me = Ge(), le = (s = (i = t == null ? void 0 : t.locale) !== null && i !== void 0 ? i : me.locale) !== null && s !== void 0 ? s : qo, Me = j((n = (r = (l = (d = t == null ? void 0 : t.firstWeekContainsDate) !== null && d !== void 0 ? d : t == null || (f = t.locale) === null || f === void 0 || (y = f.options) === null || y === void 0 ? void 0 : y.firstWeekContainsDate) !== null && l !== void 0 ? l : me.firstWeekContainsDate) !== null && r !== void 0 ? r : (c = me.locale) === null || c === void 0 || (w = c.options) === null || w === void 0 ? void 0 : w.firstWeekContainsDate) !== null && n !== void 0 ? n : 1);
   if (!(Me >= 1 && Me <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var Pe = j((S = (I = (E = (z = t == null ? void 0 : t.weekStartsOn) !== null && z !== void 0 ? z : t == null || (U = t.locale) === null || U === void 0 || (xe = U.options) === null || xe === void 0 ? void 0 : xe.weekStartsOn) !== null && E !== void 0 ? E : pe.weekStartsOn) !== null && I !== void 0 ? I : (Se = pe.locale) === null || Se === void 0 || (Ae = Se.options) === null || Ae === void 0 ? void 0 : Ae.weekStartsOn) !== null && S !== void 0 ? S : 0);
+  var Pe = j((v = (I = (E = (B = t == null ? void 0 : t.weekStartsOn) !== null && B !== void 0 ? B : t == null || (U = t.locale) === null || U === void 0 || (xe = U.options) === null || xe === void 0 ? void 0 : xe.weekStartsOn) !== null && E !== void 0 ? E : me.weekStartsOn) !== null && I !== void 0 ? I : (ve = me.locale) === null || ve === void 0 || (Ae = ve.options) === null || Ae === void 0 ? void 0 : Ae.weekStartsOn) !== null && v !== void 0 ? v : 0);
   if (!(Pe >= 0 && Pe <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (!le.localize)
@@ -7470,45 +7371,45 @@ function ke(e, a, t) {
   if (!le.formatLong)
     throw new RangeError("locale must contain formatLong property");
   var Oe = F(e);
-  if (!Br(Oe))
+  if (!Rr(Oe))
     throw new RangeError("Invalid time value");
-  var Te = Nr(Oe), ut = zr(Oe, Te), ht = {
+  var Te = Mr(Oe), ct = Nr(Oe, Te), ut = {
     firstWeekContainsDate: Me,
     weekStartsOn: Pe,
     locale: le,
     _originalDate: Oe
-  }, ft = ct.match(Uo).map(function(D) {
+  }, ht = dt.match(Vo).map(function(D) {
     var x = D[0];
     if (x === "p" || x === "P") {
-      var L = Jr[x];
+      var L = Zr[x];
       return L(D, le.formatLong);
     }
     return D;
-  }).join("").match(Wo).map(function(D) {
+  }).join("").match(Fo).map(function(D) {
     if (D === "''")
       return "'";
     var x = D[0];
     if (x === "'")
-      return Yo(D);
-    var L = Zr[x];
+      return jo(D);
+    var L = Kr[x];
     if (L)
-      return !(t != null && t.useAdditionalWeekYearTokens) && no(D) && va(D, a, String(e)), !(t != null && t.useAdditionalDayOfYearTokens) && ao(D) && va(D, a, String(e)), L(ut, D, le.localize, ht);
-    if (x.match(Go))
+      return !(t != null && t.useAdditionalWeekYearTokens) && eo(D) && Sa(D, a, String(e)), !(t != null && t.useAdditionalDayOfYearTokens) && Jr(D) && Sa(D, a, String(e)), L(ct, D, le.localize, ut);
+    if (x.match(Uo))
       throw new RangeError("Format string contains an unescaped latin alphabet character `" + x + "`");
     return D;
   }).join("");
-  return ft;
+  return ht;
 }
-function Yo(e) {
-  var a = e.match(jo);
-  return a ? a[1].replace(Ko, "'") : e;
+function jo(e) {
+  var a = e.match(Ho);
+  return a ? a[1].replace(Wo, "'") : e;
 }
-function Zo(e) {
+function Ko(e) {
   N(1, arguments);
   var a = F(e), t = a.getDate();
   return t;
 }
-function Qo(e) {
+function Go(e) {
   N(1, arguments);
   var a = F(e), t = a.getFullYear(), s = a.getMonth(), i = /* @__PURE__ */ new Date(0);
   return i.setFullYear(t, s + 1, 0), i.setHours(0, 0, 0, 0), i.getDate();
@@ -7518,34 +7419,34 @@ function et(e) {
   var a = F(e), t = a.getMonth();
   return t;
 }
-function vt(e) {
+function _t(e) {
   return N(1, arguments), F(e).getFullYear();
 }
-function Xo(e, a) {
+function Yo(e, a) {
   N(2, arguments);
   var t = F(e), s = F(a);
   return t.getTime() === s.getTime();
 }
-function Jo(e, a) {
+function Zo(e, a) {
   N(2, arguments);
   var t = F(e), s = j(a), i = t.getFullYear(), n = t.getDate(), r = /* @__PURE__ */ new Date(0);
   r.setFullYear(i, s, 15), r.setHours(0, 0, 0, 0);
-  var l = Qo(r);
+  var l = Go(r);
   return t.setMonth(s, Math.min(n, l)), t;
 }
-function el(e, a) {
+function Qo(e, a) {
   if (N(2, arguments), je(a) !== "object" || a === null)
     throw new RangeError("values parameter must be an object");
   var t = F(e);
-  return isNaN(t.getTime()) ? /* @__PURE__ */ new Date(NaN) : (a.year != null && t.setFullYear(a.year), a.month != null && (t = Jo(t, a.month)), a.date != null && t.setDate(j(a.date)), a.hours != null && t.setHours(j(a.hours)), a.minutes != null && t.setMinutes(j(a.minutes)), a.seconds != null && t.setSeconds(j(a.seconds)), a.milliseconds != null && t.setMilliseconds(j(a.milliseconds)), t);
+  return isNaN(t.getTime()) ? /* @__PURE__ */ new Date(NaN) : (a.year != null && t.setFullYear(a.year), a.month != null && (t = Zo(t, a.month)), a.date != null && t.setDate(j(a.date)), a.hours != null && t.setHours(j(a.hours)), a.minutes != null && t.setMinutes(j(a.minutes)), a.seconds != null && t.setSeconds(j(a.seconds)), a.milliseconds != null && t.setMilliseconds(j(a.milliseconds)), t);
 }
-function tl(e, a) {
+function Xo(e, a) {
   N(2, arguments);
   var t = j(a);
   return Ua(e, -t);
 }
-const St = (e) => e ? new Date(e) : /* @__PURE__ */ new Date(), al = (e, a, t) => {
-  const s = St(JSON.parse(JSON.stringify(e))), i = [];
+const vt = (e) => e ? new Date(e) : /* @__PURE__ */ new Date(), Jo = (e, a, t) => {
+  const s = vt(JSON.parse(JSON.stringify(e))), i = [];
   for (let n = 0; n < 7; n++) {
     const r = Wa(s, n), l = et(r) !== a;
     i.push({
@@ -7558,23 +7459,23 @@ const St = (e) => e ? new Date(e) : /* @__PURE__ */ new Date(), al = (e, a, t) =
     });
   }
   return i;
-}, nl = (e, a) => !e || !a ? !1 : Xo(e, a), il = (e, a, t) => {
-  const s = [], i = St(new Date(a, e)), n = St(new Date(a, e + 1, 0)), l = Rr(i, { weekStartsOn: Ha }), d = (f) => {
-    const y = al(f, e, t);
+}, el = (e, a) => !e || !a ? !1 : Yo(e, a), tl = (e, a, t) => {
+  const s = [], i = vt(new Date(a, e)), n = vt(new Date(a, e + 1, 0)), l = Ar(i, { weekStartsOn: Ha }), d = (f) => {
+    const y = Jo(f, e, t);
     if (s.push({ days: y }), !s[s.length - 1].days.some(
-      (c) => nl(c.value, n)
+      (c) => el(c.value, n)
     )) {
       const c = Wa(f, 7);
       d(c);
     }
   };
   return d(l), s;
-}, sl = (e, a) => {
+}, al = (e, a) => {
   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)), s = t.slice(0, a), i = t.slice(a + 1, t.length);
   return [t[a]].concat(...i).concat(...s);
-}, rl = (e, a) => ke(new Date(2e3, e, 1), a);
-function ol(e, a) {
-  const t = Z(et(e.selectedDate)), s = Z(vt(e.selectedDate)), i = Z(null), n = Z(0), r = Z([]), l = Ce(() => il(t.value, s.value, i.value)), d = Ce(() => (E, z) => rl(E, z));
+}, nl = (e, a) => ke(new Date(2e3, e, 1), a);
+function il(e, a) {
+  const t = Z(et(e.selectedDate)), s = Z(_t(e.selectedDate)), i = Z(null), n = Z(0), r = Z([]), l = we(() => tl(t.value, s.value, i.value)), d = we(() => (E, B) => nl(E, B));
   We(t, () => {
     w(), a("calendar-days", l.value);
   }, { immediate: !0 }), We(s, () => {
@@ -7606,11 +7507,11 @@ function ol(e, a) {
     }
   }
   function w() {
-    const E = vt(e.selectedDate), z = et(e.selectedDate);
-    E !== s.value || z !== t.value ? i.value = null : i.value = Zo(e.selectedDate);
+    const E = _t(e.selectedDate), B = et(e.selectedDate);
+    E !== s.value || B !== t.value ? i.value = null : i.value = Ko(e.selectedDate);
   }
-  function S(E) {
-    const z = el(e.selectedDate, { month: t.value, year: s.value }), U = ++E ? Ua(z, 1) : tl(z, 1);
+  function v(E) {
+    const B = Qo(e.selectedDate, { month: t.value, year: s.value }), U = ++E ? Ua(B, 1) : Xo(B, 1);
     t.value = et(U);
   }
   function I(E) {
@@ -7623,11 +7524,11 @@ function ol(e, a) {
     setDayRef: f,
     focusMonthYearPicker: y,
     handleKeyDown: c,
-    changeMonth: S,
+    changeMonth: v,
     changeYear: I
   };
 }
-const ll = { class: "d-datepicker__month-year-picker" }, dl = ["aria-label"], cl = ["aria-label"], ul = ["aria-label"], hl = ["aria-label"], fl = {
+const sl = { class: "d-datepicker__month-year-picker" }, rl = ["aria-label"], ol = ["aria-label"], ll = ["aria-label"], dl = ["aria-label"], cl = {
   __name: "month-year-picker",
   props: {
     prevMonthLabel: {
@@ -7686,89 +7587,89 @@ const ll = { class: "d-datepicker__month-year-picker" }, dl = ["aria-label"], cl
       handleKeyDown: f,
       changeMonth: y,
       changeYear: c
-    } = ol(s, t);
-    return Da(() => {
+    } = il(s, t);
+    return La(() => {
       d();
     }), a({
       focusMonthYearPicker: d
-    }), (w, S) => (o(), u("div", ll, [
-      g("div", null, [
-        g("button", {
+    }), (w, v) => (o(), u("div", sl, [
+      p("div", null, [
+        p("button", {
           id: "prevYearButton",
           ref: (I) => {
             I && A(l)(I);
           },
           type: "button",
           "aria-label": `${e.changeToLabel} ${e.prevYearLabel} ${A(n) - 1}`,
-          onClick: S[0] || (S[0] = (I) => A(c)(-1)),
-          onKeydown: S[1] || (S[1] = (I) => A(f)(I))
+          onClick: v[0] || (v[0] = (I) => A(c)(-1)),
+          onKeydown: v[1] || (v[1] = (I) => A(f)(I))
         }, [
           b(A(V), {
             name: "chevrons-left",
             size: "400"
           })
-        ], 40, dl),
-        g("button", {
+        ], 40, rl),
+        p("button", {
           id: "prevMonthButton",
           ref: (I) => {
             I && A(l)(I);
           },
           type: "button",
           "aria-label": `${e.changeToLabel} ${e.prevMonthLabel} ${A(r)(A(i) - 1, A(Je))}`,
-          onClick: S[2] || (S[2] = (I) => A(y)(-1)),
-          onKeydown: S[3] || (S[3] = (I) => A(f)(I))
+          onClick: v[2] || (v[2] = (I) => A(y)(-1)),
+          onKeydown: v[3] || (v[3] = (I) => A(f)(I))
         }, [
           b(A(V), {
             name: "chevron-left",
             size: "300"
           })
-        ], 40, cl)
+        ], 40, ol)
       ]),
-      g("div", null, [
-        g("p", null, T(A(r)(A(i), A(Je))) + " " + T(A(n)), 1)
+      p("div", null, [
+        p("p", null, T(A(r)(A(i), A(Je))) + " " + T(A(n)), 1)
       ]),
-      g("div", null, [
-        g("button", {
+      p("div", null, [
+        p("button", {
           id: "nextMonthButton",
           ref: (I) => {
             I && A(l)(I);
           },
           type: "button",
           "aria-label": `${e.changeToLabel} ${e.nextMonthLabel} ${A(r)(A(i) + 1, A(Je))}`,
-          onClick: S[4] || (S[4] = (I) => A(y)(1)),
-          onKeydown: S[5] || (S[5] = (I) => A(f)(I))
+          onClick: v[4] || (v[4] = (I) => A(y)(1)),
+          onKeydown: v[5] || (v[5] = (I) => A(f)(I))
         }, [
           b(A(V), {
             name: "chevron-right",
             size: "300"
           })
-        ], 40, ul),
-        g("button", {
+        ], 40, ll),
+        p("button", {
           id: "nextYearButton",
           ref: (I) => {
             I && A(l)(I);
           },
           type: "button",
           "aria-label": `${e.changeToLabel} ${e.nextYearLabel} ${A(n) + 1}`,
-          onClick: S[6] || (S[6] = (I) => A(c)(1)),
-          onKeydown: S[7] || (S[7] = (I) => A(f)(I))
+          onClick: v[6] || (v[6] = (I) => A(c)(1)),
+          onKeydown: v[7] || (v[7] = (I) => A(f)(I))
         }, [
           b(A(V), {
             name: "chevrons-right",
             size: "300"
           })
-        ], 40, hl)
+        ], 40, dl)
       ])
     ]));
   }
 };
-function ml(e, a) {
-  const t = Z(null), s = Z(0), i = Z([]), n = Ce(() => sl(e.locale, Ha));
+function ul(e, a) {
+  const t = Z(null), s = Z(0), i = Z([]), n = we(() => al(e.locale, Ha));
   We(() => e.calendarDays, () => {
     s.value = 0, i.value = [], t.value = null;
   });
   function r(c) {
-    return `${e.selectDayLabel} ${c.text} ${ke(c.value, Je)} ${vt(c.value)}`;
+    return `${e.selectDayLabel} ${c.text} ${ke(c.value, Je)} ${_t(c.value)}`;
   }
   function l(c, w) {
     !i.value.includes(c) && w && i.value.push(c);
@@ -7821,7 +7722,7 @@ function ml(e, a) {
     selectDay: y
   };
 }
-const pl = { class: "d-datepicker__calendar" }, gl = { class: "d-datepicker__week-day" }, bl = ["aria-label", "onClick"], yl = {
+const hl = { class: "d-datepicker__calendar" }, fl = { class: "d-datepicker__week-day" }, ml = ["aria-label", "onClick"], pl = {
   __name: "calendar",
   props: {
     calendarDays: {
@@ -7867,21 +7768,21 @@ const pl = { class: "d-datepicker__calendar" }, gl = { class: "d-datepicker__wee
       handleKeyDown: d,
       focusFirstDay: f,
       selectDay: y
-    } = ml(s, t);
+    } = ul(s, t);
     return a({
       focusFirstDay: f
-    }), (c, w) => (o(), u("div", pl, [
-      g("div", gl, [
-        (o(!0), u(ee, null, ie(A(n), (S) => (o(), u("div", { key: S }, [
-          g("p", null, T(S), 1)
+    }), (c, w) => (o(), u("div", hl, [
+      p("div", fl, [
+        (o(!0), u(J, null, ne(A(n), (v) => (o(), u("div", { key: v }, [
+          p("p", null, T(v), 1)
         ]))), 128))
       ]),
-      (o(!0), u(ee, null, ie(e.calendarDays, (S, I) => (o(), u("div", {
+      (o(!0), u(J, null, ne(e.calendarDays, (v, I) => (o(), u("div", {
         key: I,
         class: "d-datepicker__week"
       }, [
-        (o(!0), u(ee, null, ie(S.days, (E, z) => (o(), u("button", {
-          key: I + z,
+        (o(!0), u(J, null, ne(v.days, (E, B) => (o(), u("button", {
+          key: I + B,
           ref_for: !0,
           ref: (U) => {
             U && A(l)(U, E.currentMonth);
@@ -7894,11 +7795,11 @@ const pl = { class: "d-datepicker__calendar" }, gl = { class: "d-datepicker__wee
           "aria-label": A(r)(E),
           onClick: (U) => A(y)(E),
           onKeydown: w[0] || (w[0] = (U) => A(d)(U))
-        }, T(E.text), 43, bl))), 128))
+        }, T(E.text), 43, ml))), 128))
       ]))), 128))
     ]));
   }
-}, _l = { class: "d-datepicker" }, vl = { class: "d-datepicker--header" }, Sl = { class: "d-datepicker--body" }, lu = {
+}, gl = { class: "d-datepicker" }, bl = { class: "d-datepicker--header" }, yl = { class: "d-datepicker--body" }, ru = {
   __name: "DtDatepicker",
   props: {
     /**
@@ -8000,9 +7901,9 @@ const pl = { class: "d-datepicker__calendar" }, gl = { class: "d-datepicker__wee
     function t(s) {
       a.value = s;
     }
-    return (s, i) => (o(), u("div", _l, [
-      g("div", vl, [
-        b(fl, {
+    return (s, i) => (o(), u("div", gl, [
+      p("div", bl, [
+        b(cl, {
           ref: "monthYearPicker",
           "prev-month-label": e.prevMonthLabel,
           "next-month-label": e.nextMonthLabel,
@@ -8015,8 +7916,8 @@ const pl = { class: "d-datepicker__calendar" }, gl = { class: "d-datepicker__wee
           onCloseDatepicker: i[1] || (i[1] = (n) => s.$emit("close-datepicker"))
         }, null, 8, ["prev-month-label", "next-month-label", "prev-year-label", "next-year-label", "change-to-label", "selected-date"])
       ]),
-      g("div", Sl, [
-        b(yl, {
+      p("div", yl, [
+        b(pl, {
           ref: "calendar",
           locale: e.locale,
           "calendar-days": a.value,
@@ -8029,28 +7930,28 @@ const pl = { class: "d-datepicker__calendar" }, gl = { class: "d-datepicker__wee
     ]));
   }
 };
-function du(e) {
+function ou(e) {
   return ke(e, "EEEE, MMMM d, yyyy");
 }
-function cu(e) {
+function lu(e) {
   return ke(e, "MMMM d, yyyy");
 }
-function uu(e, a = !0) {
+function du(e, a = !0) {
   return ke(e, a ? "EEE, MMM d, yyyy" : "MMM d, yyyy");
 }
-function hu(e, a = !1) {
+function cu(e, a = !1) {
   return ke(e, a ? "MMM d" : "MMMM d");
 }
-function fu(e) {
+function uu(e) {
   return ke(e, "MM/dd/yy");
 }
-const wl = {
+const _l = {
   name: "DtRecipeComboboxWithPopover",
   components: {
     DtCombobox: ki,
     DtPopover: Et,
-    ComboboxLoadingList: Ra,
-    ComboboxEmptyList: Na
+    ComboboxLoadingList: Na,
+    ComboboxEmptyList: $a
   },
   mixins: [Ee],
   props: {
@@ -8076,7 +7977,7 @@ const wl = {
     size: {
       type: String,
       default: null,
-      validator: (e) => Object.values($a).includes(e)
+      validator: (e) => Object.values(Ba).includes(e)
     },
     /**
      * Description for the input
@@ -8102,7 +8003,7 @@ const wl = {
     listId: {
       type: String,
       default() {
-        return te();
+        return ee();
       }
     },
     /**
@@ -8265,8 +8166,8 @@ const wl = {
       isListShown: !1,
       isInputFocused: !1,
       isListFocused: !1,
-      externalAnchor: te(),
-      hasSlotContent: Q
+      externalAnchor: ee(),
+      hasSlotContent: ie
     };
   },
   computed: {
@@ -8325,9 +8226,9 @@ const wl = {
       this.showList !== null || this.isListShown || !this.openWithArrowKeys || this.showComboboxList();
     }
   }
-}, Cl = ["id"], Il = { ref: "header" }, kl = ["onMouseleave", "onFocusout"], Ol = { ref: "footer" };
-function Tl(e, a, t, s, i, n) {
-  const r = p("combobox-loading-list"), l = p("combobox-empty-list"), d = p("dt-popover"), f = p("dt-combobox");
+}, vl = ["id"], Sl = { ref: "header" }, wl = ["onMouseleave", "onFocusout"], Cl = { ref: "footer" };
+function Il(e, a, t, s, i, n) {
+  const r = g("combobox-loading-list"), l = g("combobox-empty-list"), d = g("dt-popover"), f = g("dt-combobox");
   return o(), k(f, O({
     ref: "combobox",
     loading: t.loading,
@@ -8345,7 +8246,7 @@ function Tl(e, a, t, s, i, n) {
     "data-qa": "dt-combobox"
   }, n.comboboxListeners), {
     input: h(({ inputProps: y }) => [
-      g("div", {
+      p("div", {
         id: i.externalAnchor,
         ref: "input",
         onFocusin: a[0] || (a[0] = (...c) => n.onFocusIn && n.onFocusIn(...c)),
@@ -8358,13 +8259,13 @@ function Tl(e, a, t, s, i, n) {
           inputProps: y,
           onInput: n.handleDisplayList
         })
-      ], 40, Cl)
+      ], 40, vl)
     ]),
     list: h(({ opened: y, listProps: c, clearHighlightIndex: w }) => [
       b(d, {
         ref: "popover",
         open: i.isListShown,
-        "onUpdate:open": a[3] || (a[3] = (S) => i.isListShown = S),
+        "onUpdate:open": a[3] || (a[3] = (v) => i.isListShown = v),
         "hide-on-click": !1,
         "max-height": t.maxHeight,
         "max-width": t.maxWidth,
@@ -8385,9 +8286,9 @@ function Tl(e, a, t, s, i, n) {
         "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
         "visually-hidden-close": e.visuallyHiddenClose,
         onOpened: y
-      }, st({
+      }, Dt({
         content: h(() => [
-          g("div", {
+          p("div", {
             ref: "listWrapper",
             class: _([i.DROPDOWN_PADDING_CLASSES[t.padding], t.listClass]),
             onMouseleave: w,
@@ -8397,14 +8298,14 @@ function Tl(e, a, t, s, i, n) {
               key: 2,
               listProps: c
             })
-          ], 42, kl)
+          ], 42, wl)
         ]),
         _: 2
       }, [
         i.hasSlotContent(e.$slots.header) ? {
           name: "headerContent",
           fn: h(() => [
-            g("div", Il, [
+            p("div", Sl, [
               m(e.$slots, "header")
             ], 512)
           ]),
@@ -8413,7 +8314,7 @@ function Tl(e, a, t, s, i, n) {
         i.hasSlotContent(e.$slots.footer) ? {
           name: "footerContent",
           fn: h(() => [
-            g("div", Ol, [
+            p("div", Cl, [
               m(e.$slots, "footer")
             ], 512)
           ]),
@@ -8424,25 +8325,25 @@ function Tl(e, a, t, s, i, n) {
     _: 3
   }, 16, ["loading", "label", "label-visible", "size", "description", "empty-list", "empty-state-message", "show-list", "on-beginning-of-list", "on-end-of-list", "list-id"]);
 }
-const Dl = /* @__PURE__ */ C(wl, [["render", Tl]]), Ll = {
+const kl = /* @__PURE__ */ C(_l, [["render", Il]]), Ol = {
   // Chip has no 'lg' and 'xl' size. So we don't support that in multi-select.
   EXTRA_SMALL: "xs",
   SMALL: "sm",
   DEFAULT: "md"
-}, El = {
+}, Tl = {
   xs: "xs",
   sm: "xs",
   md: "sm"
-}, xl = {
+}, Dl = {
   xs: 1.4,
   sm: 0.4,
   md: 0.2
-}, Al = {
+}, Ll = {
   name: "DtRecipeComboboxMultiSelect",
   components: {
-    DtRecipeComboboxWithPopover: Dl,
+    DtRecipeComboboxWithPopover: kl,
     DtInput: cn,
-    DtChip: za,
+    DtChip: qa,
     DtValidationMessages: Le
   },
   mixins: [Ee],
@@ -8482,7 +8383,7 @@ const Dl = /* @__PURE__ */ C(wl, [["render", Tl]]), Ll = {
     inputMessages: {
       type: Array,
       default: () => [],
-      validator: (e) => Ia(e)
+      validator: (e) => ka(e)
     },
     /**
      * Show input validation message
@@ -8569,7 +8470,7 @@ const Dl = /* @__PURE__ */ C(wl, [["render", Tl]]), Ll = {
     size: {
       type: String,
       default: "md",
-      validator: (e) => Object.values(Ll).includes(e)
+      validator: (e) => Object.values(Ol).includes(e)
     },
     /**
      * Sets the element to which the popover is going to append to.
@@ -8635,8 +8536,8 @@ const Dl = /* @__PURE__ */ C(wl, [["render", Tl]]), Ll = {
       initialInputPadding: {},
       resizeWindowObserver: null,
       originalInputSize: null,
-      CHIP_SIZES: El,
-      hasSlotContent: Q
+      CHIP_SIZES: Tl,
+      hasSlotContent: ie
     };
   },
   computed: {
@@ -8761,7 +8662,7 @@ const Dl = /* @__PURE__ */ C(wl, [["render", Tl]]), Ll = {
       if (!e)
         return;
       const a = this.$refs.inputSlotWrapper, t = e.getBoundingClientRect().top - a.getBoundingClientRect().top, s = this.$refs.chipsWrapper;
-      s.style.top = t - xl[this.size] + "px";
+      s.style.top = t - Dl[this.size] + "px";
     },
     setInputPadding() {
       const e = this.getLastChip(), a = this.getInput(), t = this.$refs.chipsWrapper;
@@ -8787,18 +8688,18 @@ const Dl = /* @__PURE__ */ C(wl, [["render", Tl]]), Ll = {
       this.maxSelected !== 0 && (this.selectedItems.length > this.maxSelected ? (this.showValidationMessages = !0, this.$emit("max-selected")) : this.showValidationMessages = !1);
     }
   }
-}, Ml = {
+}, El = {
   ref: "inputSlotWrapper",
   class: "d-ps-relative d-d-block"
-}, Pl = {
+}, xl = {
   ref: "chipsWrapper",
   class: "d-ps-absolute d-mx2 d-pl1"
-}, Rl = { ref: "header" }, Nl = {
+}, Al = { ref: "header" }, Ml = {
   key: 1,
   class: "d-ta-center d-py16"
-}, $l = { ref: "footer" };
-function Bl(e, a, t, s, i, n) {
-  const r = p("dt-chip"), l = p("dt-input"), d = p("dt-validation-messages"), f = p("dt-recipe-combobox-with-popover");
+}, Pl = { ref: "footer" };
+function Rl(e, a, t, s, i, n) {
+  const r = g("dt-chip"), l = g("dt-input"), d = g("dt-validation-messages"), f = g("dt-recipe-combobox-with-popover");
   return o(), k(f, {
     ref: "comboboxWithPopover",
     label: t.label,
@@ -8812,11 +8713,11 @@ function Bl(e, a, t, s, i, n) {
     "append-to": t.appendTo,
     transition: t.transition,
     onSelect: n.onComboboxSelect
-  }, st({
+  }, Dt({
     input: h(({ onInput: y }) => [
-      g("span", Ml, [
-        g("span", Pl, [
-          (o(!0), u(ee, null, ie(t.selectedItems, (c) => (o(), k(r, O({
+      p("span", El, [
+        p("span", xl, [
+          (o(!0), u(J, null, ne(t.selectedItems, (c) => (o(), k(r, O({
             ref_for: !0,
             ref: "chips",
             key: c,
@@ -8829,7 +8730,7 @@ function Bl(e, a, t, s, i, n) {
             onClose: (w) => n.onChipRemove(c)
           }), {
             default: h(() => [
-              B(T(c), 1)
+              z(T(c), 1)
             ]),
             _: 2
           }, 1040, ["size", "onKeyup", "onClose"]))), 128))
@@ -8854,12 +8755,12 @@ function Bl(e, a, t, s, i, n) {
       ], 512)
     ]),
     list: h(() => [
-      g("div", {
+      p("div", {
         ref: "list",
         onMousedown: a[1] || (a[1] = ue(() => {
         }, ["prevent"]))
       }, [
-        t.loading ? (o(), u("div", Nl, T(t.loadingMessage), 1)) : m(e.$slots, "list", { key: 0 })
+        t.loading ? (o(), u("div", Ml, T(t.loadingMessage), 1)) : m(e.$slots, "list", { key: 0 })
       ], 544)
     ]),
     _: 2
@@ -8867,7 +8768,7 @@ function Bl(e, a, t, s, i, n) {
     i.hasSlotContent(e.$slots.header) ? {
       name: "header",
       fn: h(() => [
-        g("div", Rl, [
+        p("div", Al, [
           m(e.$slots, "header")
         ], 512)
       ]),
@@ -8876,7 +8777,7 @@ function Bl(e, a, t, s, i, n) {
     i.hasSlotContent(e.$slots.footer) ? {
       name: "footer",
       fn: h(() => [
-        g("div", $l, [
+        p("div", Pl, [
           m(e.$slots, "footer")
         ], 512)
       ]),
@@ -8884,10 +8785,10 @@ function Bl(e, a, t, s, i, 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 mu = /* @__PURE__ */ C(Al, [["render", Bl]]), Ya = ["sm", "md", "lg", "xl"];
-const zl = {
+const hu = /* @__PURE__ */ C(Ll, [["render", Rl]]), Ya = ["sm", "md", "lg", "xl"];
+const Nl = {
   name: "DtRecipeCallbarButton",
-  components: { DtButton: se, DtTooltip: kt },
+  components: { DtButton: se, DtTooltip: It },
   inheritAttrs: !0,
   props: {
     /**
@@ -9013,14 +8914,14 @@ const zl = {
     }
   }
 };
-function ql(e, a, t, s, i, n) {
-  const r = p("dt-button"), l = p("dt-tooltip");
+function $l(e, a, t, s, i, n) {
+  const r = g("dt-button"), l = g("dt-tooltip");
   return o(), k(l, {
     id: t.id,
     offset: [0, 8]
   }, {
     anchor: h(() => [
-      g("span", {
+      p("span", {
         class: _({ "d-c-not-allowed": t.disabled })
       }, [
         b(r, {
@@ -9047,10 +8948,10 @@ function ql(e, a, t, s, i, n) {
     _: 3
   }, 8, ["id"]);
 }
-const Fl = /* @__PURE__ */ C(zl, [["render", ql]]);
-const Vl = {
+const Bl = /* @__PURE__ */ C(Nl, [["render", $l]]);
+const zl = {
   name: "DtRecipeCallbarButtonWithPopover",
-  components: { DtRecipeCallbarButton: Fl, DtPopover: Et, DtButton: se, DtIcon: V },
+  components: { DtRecipeCallbarButton: Bl, DtPopover: Et, DtButton: se, DtIcon: V },
   /* inheritAttrs: false is generally an option we want to set on library
     components. This allows any attributes passed in that are not recognized
     as props to be passed down to another element or component using v-bind:$attrs
@@ -9250,10 +9151,10 @@ const Vl = {
       this.open = e, this.$emit("opened", e);
     }
   }
-}, Hl = { class: "d-d-flex d-ai-center" };
-function Wl(e, a, t, s, i, n) {
-  const r = p("dt-recipe-callbar-button"), l = p("dt-icon"), d = p("dt-button"), f = p("dt-popover");
-  return o(), u("div", Hl, [
+}, ql = { class: "d-d-flex d-ai-center" };
+function Fl(e, a, t, s, i, n) {
+  const r = g("dt-recipe-callbar-button"), l = g("dt-icon"), d = g("dt-button"), f = g("dt-popover");
+  return o(), u("div", ql, [
     b(r, {
       "aria-label": t.ariaLabel,
       disabled: t.disabled,
@@ -9324,15 +9225,15 @@ function Wl(e, a, t, s, i, n) {
         m(e.$slots, "footerContent")
       ]),
       _: 3
-    }, 16, ["id", "open", "placement", "initial-focus-element", "show-close-button", "dialog-class", "open-popover", "onOpened"])) : v("", !0)
+    }, 16, ["id", "open", "placement", "initial-focus-element", "show-close-button", "dialog-class", "open-popover", "onOpened"])) : S("", !0)
   ]);
 }
-const pu = /* @__PURE__ */ C(Vl, [["render", Wl]]);
-const Ul = {
+const fu = /* @__PURE__ */ C(zl, [["render", Fl]]);
+const Vl = {
   name: "DtRecipeContactInfo",
   components: {
-    DtAvatar: lt,
-    DtListItem: ot
+    DtAvatar: ot,
+    DtListItem: rt
   },
   /* inheritAttrs: false is generally an option we want to set on library
     components. This allows any attributes passed in that are not recognized
@@ -9439,12 +9340,12 @@ const Ul = {
       this.$emit("avatar-click");
     }
   }
-}, jl = ["aria-labelledby"], Kl = {
+}, Hl = ["aria-labelledby"], Wl = {
   key: 0,
   class: "dt-contact-info--avatars d-mrn4 d-d-flex d-fd-row"
-}, Gl = { "data-qa": "contact-info-header" }, Yl = { "data-qa": "contact-info-subtitle" }, Zl = { "data-qa": "contact-info-bottom" }, Ql = { "data-qa": "contact-info-right" };
-function Xl(e, a, t, s, i, n) {
-  const r = p("dt-avatar"), l = p("dt-list-item");
+}, Ul = { "data-qa": "contact-info-header" }, jl = { "data-qa": "contact-info-subtitle" }, Kl = { "data-qa": "contact-info-bottom" }, Gl = { "data-qa": "contact-info-right" };
+function Yl(e, a, t, s, i, n) {
+  const r = g("dt-avatar"), l = g("dt-list-item");
   return o(), k(l, {
     id: t.id,
     role: t.role,
@@ -9460,8 +9361,8 @@ function Xl(e, a, t, s, i, n) {
         "aria-labelledby": t.avatarAriaLabel,
         onClick: a[0] || (a[0] = (...d) => n.avatarClick && n.avatarClick(...d))
       }, [
-        t.avatarList ? (o(), u("span", Kl, [
-          (o(!0), u(ee, null, ie(t.avatarList, (d, f) => (o(), k(r, {
+        t.avatarList ? (o(), u("span", Wl, [
+          (o(!0), u(J, null, ne(t.avatarList, (d, f) => (o(), k(r, {
             key: f,
             size: t.avatarSize,
             seed: d.seed,
@@ -9481,32 +9382,32 @@ function Xl(e, a, t, s, i, n) {
           seed: t.avatarSeed,
           presence: t.presence
         }, null, 8, ["size", "full-name", "image-src", "icon-name", "seed", "presence"]))
-      ], 8, jl)) : v("", !0)
+      ], 8, Hl)) : S("", !0)
     ]),
     default: h(() => [
-      g("div", Gl, [
+      p("div", Ul, [
         m(e.$slots, "header", {}, void 0, !0)
       ])
     ]),
     subtitle: h(() => [
-      g("div", Yl, [
+      p("div", jl, [
         m(e.$slots, "subtitle", {}, void 0, !0)
       ])
     ]),
     bottom: h(() => [
-      g("div", Zl, [
+      p("div", Kl, [
         m(e.$slots, "bottom", {}, void 0, !0)
       ])
     ]),
     right: h(() => [
-      g("div", Ql, [
+      p("div", Gl, [
         m(e.$slots, "right", {}, void 0, !0)
       ])
     ]),
     _: 3
   }, 8, ["id", "role"]);
 }
-const gu = /* @__PURE__ */ C(Ul, [["render", Xl], ["__scopeId", "data-v-3d0f9d2e"]]), Jl = [
+const mu = /* @__PURE__ */ C(Vl, [["render", Yl], ["__scopeId", "data-v-3d0f9d2e"]]), Zl = [
   "green300",
   "green100",
   "red200",
@@ -9516,7 +9417,7 @@ const gu = /* @__PURE__ */ C(Ul, [["render", Xl], ["__scopeId", "data-v-3d0f9d2e
   "black100",
   "white"
 ];
-const ed = {
+const Ql = {
   name: "DtRecipeTopBannerInfo",
   props: {
     /**
@@ -9526,7 +9427,7 @@ const ed = {
       type: String,
       default: "green300",
       validator: function(e) {
-        return Jl.includes(e);
+        return Zl.includes(e);
       }
     }
   },
@@ -9546,42 +9447,42 @@ const ed = {
       }[this.colorCode]];
     }
   }
-}, td = { class: "d-top-banner-info__left" }, ad = { class: "d-top-banner-info__middle d-my4" }, nd = { class: "d-top-banner-info__right d-ta-right" };
-function id(e, a, t, s, i, n) {
+}, Xl = { class: "d-top-banner-info__left" }, Jl = { class: "d-top-banner-info__middle d-my4" }, ed = { class: "d-top-banner-info__right d-ta-right" };
+function td(e, a, t, s, i, n) {
   return o(), u("div", {
     class: _(["d-fs-100 d-d-flex d-top-banner-info d-jc-space-between d-ai-center d-fc-primary", n.bannerInfoClass]),
     "data-qa": "banner-info"
   }, [
-    g("div", td, [
+    p("div", Xl, [
       m(e.$slots, "left")
     ]),
-    g("div", ad, [
+    p("div", Jl, [
       m(e.$slots, "default")
     ]),
-    g("div", nd, [
+    p("div", ed, [
       m(e.$slots, "right")
     ])
   ], 2);
 }
-const bu = /* @__PURE__ */ C(ed, [["render", id]]), Pt = "promptmenu", Rt = "promptcollect", Nt = "promptplay", $t = "gotoexpert", dt = "goto", Bt = "branch", zt = "transfer", qt = "hangup", sd = {
+const pu = /* @__PURE__ */ C(Ql, [["render", td]]), Pt = "promptmenu", Rt = "promptcollect", Nt = "promptplay", $t = "gotoexpert", lt = "goto", Bt = "branch", zt = "transfer", qt = "hangup", ad = {
   [Pt]: "keypad",
   [Rt]: "dialer",
   [Nt]: "volume-2",
   [$t]: "expert-node",
   [Bt]: "branch",
-  [dt]: "call-merge",
+  [lt]: "call-merge",
   [zt]: "transfer",
   [qt]: "phone-hang-up"
-}, yu = {
+}, gu = {
   [Pt]: "Menu",
   [Rt]: "Collect",
   [Nt]: "Play",
   [$t]: "Expert",
   [Bt]: "Branch",
-  [dt]: "Go-to",
+  [lt]: "Go-to",
   [zt]: "Transfer",
   [qt]: "Hangup"
-}, ve = {
+}, _e = {
   PROMPT: {
     normal: "d-bc-blue-200",
     selected: "d-bc-blue-300"
@@ -9594,17 +9495,17 @@ const bu = /* @__PURE__ */ C(ed, [["render", id]]), Pt = "promptmenu", Rt = "pro
     normal: "d-bc-red-100",
     selected: "d-bc-red-200"
   }
-}, rd = {
-  [Pt]: ve.PROMPT,
-  [Rt]: ve.PROMPT,
-  [Nt]: ve.PROMPT,
-  [$t]: ve.LOGIC,
-  [Bt]: ve.LOGIC,
-  [dt]: ve.LOGIC,
-  [zt]: ve.TERMINAL,
-  [qt]: ve.TERMINAL
+}, nd = {
+  [Pt]: _e.PROMPT,
+  [Rt]: _e.PROMPT,
+  [Nt]: _e.PROMPT,
+  [$t]: _e.LOGIC,
+  [Bt]: _e.LOGIC,
+  [lt]: _e.LOGIC,
+  [zt]: _e.TERMINAL,
+  [qt]: _e.TERMINAL
 };
-const od = {
+const id = {
   name: "DtRecipeIvrNode",
   components: {
     DtCard: ci,
@@ -9670,14 +9571,14 @@ const od = {
       };
     },
     nodeIcon() {
-      return sd[this.nodeType];
+      return ad[this.nodeType];
     },
     headerColor() {
-      const { normal: e, selected: a } = rd[this.nodeType];
+      const { normal: e, selected: a } = nd[this.nodeType];
       return this.isSelected ? a : e;
     },
     isGotoNode() {
-      return this.nodeType === dt;
+      return this.nodeType === lt;
     }
   },
   methods: {
@@ -9685,24 +9586,24 @@ const od = {
       this.isOpen = !0;
     }
   }
-}, ld = { class: "d-d-flex d-ai-center" }, dd = {
+}, sd = { class: "d-d-flex d-ai-center" }, rd = {
   class: "d-fs-200 d-fw-bold",
   "data-qa": "ivr-node-label"
-}, cd = { class: "d-w164" };
-function ud(e, a, t, s, i, n) {
-  const r = p("dt-icon"), l = p("dt-button"), d = p("dt-dropdown"), f = p("dt-card");
+}, od = { class: "d-w164" };
+function ld(e, a, t, s, i, n) {
+  const r = g("dt-icon"), l = g("dt-button"), d = g("dt-dropdown"), f = g("dt-card");
   return o(), u("div", O({ class: "d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width" }, K(n.nodeListeners, !0)), [
     t.dtmfKey ? (o(), u("div", {
       key: 0,
       "data-qa": "dt-top-connector-dtmf",
       class: _(["ivr-connector d-w24 d-h24 d-bar-circle d-mbn12 d-fc-neutral-white d-fs-200", { "d-mbn16": t.isSelected }])
-    }, T(t.dtmfKey), 3)) : v("", !0),
-    e.$slots.connector ? m(e.$slots, "connector", { key: 1 }) : v("", !0),
+    }, T(t.dtmfKey), 3)) : S("", !0),
+    e.$slots.connector ? m(e.$slots, "connector", { key: 1 }) : S("", !0),
     !t.dtmfKey && !e.$slots.connector ? (o(), u("div", {
       key: 2,
       "data-qa": "dt-top-connector",
       class: _(["ivr-connector d-w8 d-h8 d-bar-circle d-mbn4", { "d-mbn8": t.isSelected }])
-    }, null, 2)) : v("", !0),
+    }, null, 2)) : S("", !0),
     b(f, {
       "content-class": "d-bt d-bc-black-300 d-px12 d-pt8 d-pb12",
       "container-class": [
@@ -9720,7 +9621,7 @@ function ud(e, a, t, s, i, n) {
       ]
     }, {
       header: h(() => [
-        g("div", ld, [
+        p("div", sd, [
           b(l, {
             "aria-label": t.nodeType,
             importance: "clear",
@@ -9736,7 +9637,7 @@ function ud(e, a, t, s, i, n) {
             ]),
             _: 1
           }, 8, ["aria-label"]),
-          g("p", dd, T(t.nodeLabel), 1)
+          p("p", rd, T(t.nodeLabel), 1)
         ]),
         b(d, {
           open: i.isOpen,
@@ -9760,7 +9661,7 @@ function ud(e, a, t, s, i, n) {
             }, 8, ["aria-label", "onClick"])
           ]),
           list: h(({ close: y }) => [
-            g("div", cd, [
+            p("div", od, [
               m(e.$slots, "menuItems", { close: y })
             ])
           ]),
@@ -9774,36 +9675,36 @@ function ud(e, a, t, s, i, n) {
     }, 8, ["container-class", "header-class"])
   ], 16);
 }
-const _u = /* @__PURE__ */ C(od, [["render", ud]]);
-const hd = {
+const bu = /* @__PURE__ */ C(id, [["render", ld]]);
+const dd = {
   name: "DtRecipeGroupedChip",
   components: {
-    DtChip: za
+    DtChip: qa
   },
   data() {
     return {
-      hasSlotContent: Q
+      hasSlotContent: ie
     };
   }
-}, fd = {
+}, cd = {
   "data-qa": "grouped-chip",
   class: "d-d-inline-flex d-ws-nowrap d-bgc-unset"
-}, md = {
+}, ud = {
   key: 0,
   "data-qa": "left-grouped-chip-icon"
-}, pd = {
+}, hd = {
   key: 0,
   "data-qa": "left-grouped-chip-content"
-}, gd = {
+}, fd = {
   key: 0,
   "data-qa": "right-grouped-chip-icon"
-}, bd = {
+}, md = {
   key: 0,
   "data-qa": "right-grouped-chip-content"
 };
-function yd(e, a, t, s, i, n) {
-  const r = p("dt-chip");
-  return o(), u("div", fd, [
+function pd(e, a, t, s, i, n) {
+  const r = g("dt-chip");
+  return o(), u("div", cd, [
     b(r, {
       "hide-close": !0,
       interactive: !1,
@@ -9811,20 +9712,20 @@ function yd(e, a, t, s, i, n) {
       size: "xs",
       "grouped-chip": !0,
       class: "d-blr-pill d-bgc-moderate-opaque d-wmx84 dt-chip-content"
-    }, st({
+    }, Dt({
       default: h(() => [
-        i.hasSlotContent(e.$slots.leftContent) ? (o(), u("div", pd, [
+        i.hasSlotContent(e.$slots.leftContent) ? (o(), u("div", hd, [
           m(e.$slots, "leftContent")
-        ])) : v("", !0)
+        ])) : S("", !0)
       ]),
       _: 2
     }, [
       i.hasSlotContent(e.$slots.leftIcon) ? {
         name: "icon",
         fn: h(() => [
-          i.hasSlotContent(e.$slots.leftIcon) ? (o(), u("div", md, [
+          i.hasSlotContent(e.$slots.leftIcon) ? (o(), u("div", ud, [
             m(e.$slots, "leftIcon")
-          ])) : v("", !0)
+          ])) : S("", !0)
         ]),
         key: "0"
       } : void 0
@@ -9838,21 +9739,21 @@ function yd(e, a, t, s, i, n) {
       class: "d-brr-pill d-bgc-purple-200 d-wmx84 dt-chip-content"
     }, {
       icon: h(() => [
-        i.hasSlotContent(e.$slots.rightIcon) ? (o(), u("div", gd, [
+        i.hasSlotContent(e.$slots.rightIcon) ? (o(), u("div", fd, [
           m(e.$slots, "rightIcon")
-        ])) : v("", !0)
+        ])) : S("", !0)
       ]),
       default: h(() => [
-        i.hasSlotContent(e.$slots.rightContent) ? (o(), u("div", bd, [
+        i.hasSlotContent(e.$slots.rightContent) ? (o(), u("div", md, [
           m(e.$slots, "rightContent")
-        ])) : v("", !0)
+        ])) : S("", !0)
       ]),
       _: 3
     })
   ]);
 }
-const vu = /* @__PURE__ */ C(hd, [["render", yd]]);
-const _d = {
+const yu = /* @__PURE__ */ C(dd, [["render", pd]]);
+const gd = {
   name: "DtRecipeSettingsMenuButton",
   components: {
     DtButton: se,
@@ -9878,8 +9779,8 @@ const _d = {
     }
   }
 };
-function vd(e, a, t, s, i, n) {
-  const r = p("dt-icon"), l = p("dt-button");
+function bd(e, a, t, s, i, n) {
+  const r = g("dt-icon"), l = g("dt-button");
   return t.updateAvailable ? (o(), k(l, O({
     key: 0,
     importance: "outlined",
@@ -9914,7 +9815,7 @@ function vd(e, a, t, s, i, n) {
     _: 1
   }, 16, ["aria-label"]));
 }
-const Su = /* @__PURE__ */ C(_d, [["render", vd], ["__scopeId", "data-v-b0dfa8b3"]]), W = {
+const _u = /* @__PURE__ */ C(gd, [["render", bd], ["__scopeId", "data-v-b0dfa8b3"]]), W = {
   INBOX: "inbox",
   CONTACTS: "contacts",
   CHANNELS: "channels",
@@ -9927,7 +9828,7 @@ const Su = /* @__PURE__ */ C(_d, [["render", vd], ["__scopeId", "data-v-b0dfa8b3
   DIALBOT: "dialbot",
   ASSIGNED: "assigned",
   DIGITAL: "digital"
-}, Sd = {
+}, yd = {
   [W.INBOX]: "inbox",
   [W.CONTACTS]: "contacts",
   [W.CHANNELS]: "hash",
@@ -9952,10 +9853,10 @@ const Su = /* @__PURE__ */ C(_d, [["render", vd], ["__scopeId", "data-v-b0dfa8b3
   "magenta-400": "d-bgc-magenta-400",
   "magenta-100": "d-bgc-magenta-100",
   "black-300": "d-bgc-black-300"
-}, wd = "If type is contact center, color must be oneof the following:" + Object.keys(nt).join(", "), Cd = [
+}, _d = "If type is contact center, color must be oneof the following:" + Object.keys(nt).join(", "), vd = [
   "300",
   "200"
-], Id = {}, kd = {
+], Sd = {}, wd = {
   "aria-hidden": "true",
   focusable: "false",
   "aria-label": "Dialbot",
@@ -9964,15 +9865,15 @@ const Su = /* @__PURE__ */ C(_d, [["render", vd], ["__scopeId", "data-v-b0dfa8b3
   height: "358",
   viewBox: "0 0 358 358",
   fill: "none"
-}, Od = /* @__PURE__ */ yn('<circle cx="179" cy="179" r="179" fill="url(#paint0_linear_4_44)"></circle><path d="M179 268.5v-11.933V268.5Zm86.517 0v11.933h19.308l-8.635-17.27-10.673 5.337Zm-16.73-33.459-9.3-7.478-4.797 5.967 3.424 6.848 10.673-5.337ZM179 101.433c42.839 0 77.567 34.728 77.567 77.567h23.866c0-56.02-45.413-101.433-101.433-101.433v23.866ZM101.433 179c0-42.839 34.728-77.567 77.567-77.567V77.567C122.98 77.567 77.567 122.98 77.567 179h23.866ZM179 256.567c-42.839 0-77.567-34.728-77.567-77.567H77.567c0 56.02 45.413 101.433 101.433 101.433v-23.866Zm86.517 0H179v23.866h86.517v-23.866Zm-27.403-16.189 16.729 33.459 21.347-10.674-16.729-33.459-21.347 10.674ZM256.567 179c0 18.396-6.39 35.268-17.08 48.563l18.6 14.955c13.975-17.38 22.346-39.488 22.346-63.518h-23.866Z" fill="white"></path><path d="M226.733 202.867c-6.527 5.701-13.942 10.11-22.243 13.226-8.302 3.116-16.781 4.674-25.437 4.674-8.727 0-17.241-1.558-25.543-4.674-8.301-3.116-15.716-7.525-22.243-13.226v-11.934c4.399 2.652 9.365 4.939 14.9 6.862a112.163 112.163 0 0 0 16.815 4.674c5.748 1.127 11.105 1.69 16.071 1.69 5.038 0 10.395-.563 16.071-1.69a112.209 112.209 0 0 0 16.816-4.674c5.534-1.923 10.465-4.21 14.793-6.862v11.934Z" fill="white"></path><defs><linearGradient id="paint0_linear_4_44" x1="0" y1="0" x2="358" y2="358" gradientUnits="userSpaceOnUse"><stop stop-color="#7C52FF"></stop><stop offset="1" stop-color="#F9008E"></stop></linearGradient></defs>', 4), Td = [
-  Od
+}, Cd = /* @__PURE__ */ yn('<circle cx="179" cy="179" r="179" fill="url(#paint0_linear_4_44)"></circle><path d="M179 268.5v-11.933V268.5Zm86.517 0v11.933h19.308l-8.635-17.27-10.673 5.337Zm-16.73-33.459-9.3-7.478-4.797 5.967 3.424 6.848 10.673-5.337ZM179 101.433c42.839 0 77.567 34.728 77.567 77.567h23.866c0-56.02-45.413-101.433-101.433-101.433v23.866ZM101.433 179c0-42.839 34.728-77.567 77.567-77.567V77.567C122.98 77.567 77.567 122.98 77.567 179h23.866ZM179 256.567c-42.839 0-77.567-34.728-77.567-77.567H77.567c0 56.02 45.413 101.433 101.433 101.433v-23.866Zm86.517 0H179v23.866h86.517v-23.866Zm-27.403-16.189 16.729 33.459 21.347-10.674-16.729-33.459-21.347 10.674ZM256.567 179c0 18.396-6.39 35.268-17.08 48.563l18.6 14.955c13.975-17.38 22.346-39.488 22.346-63.518h-23.866Z" fill="white"></path><path d="M226.733 202.867c-6.527 5.701-13.942 10.11-22.243 13.226-8.302 3.116-16.781 4.674-25.437 4.674-8.727 0-17.241-1.558-25.543-4.674-8.301-3.116-15.716-7.525-22.243-13.226v-11.934c4.399 2.652 9.365 4.939 14.9 6.862a112.163 112.163 0 0 0 16.815 4.674c5.748 1.127 11.105 1.69 16.071 1.69 5.038 0 10.395-.563 16.071-1.69a112.209 112.209 0 0 0 16.816-4.674c5.534-1.923 10.465-4.21 14.793-6.862v11.934Z" fill="white"></path><defs><linearGradient id="paint0_linear_4_44" x1="0" y1="0" x2="358" y2="358" gradientUnits="userSpaceOnUse"><stop stop-color="#7C52FF"></stop><stop offset="1" stop-color="#F9008E"></stop></linearGradient></defs>', 4), Id = [
+  Cd
 ];
-function Dd(e, a) {
-  return o(), u("svg", kd, Td);
+function kd(e, a) {
+  return o(), u("svg", wd, Id);
 }
-const Ld = /* @__PURE__ */ C(Id, [["render", Dd]]), Ed = {
+const Od = /* @__PURE__ */ C(Sd, [["render", kd]]), Td = {
   name: "DtRecipeLeftbarGeneralRowIcon",
-  components: { DtIcon: V, IconDialbot: Ld },
+  components: { DtIcon: V, IconDialbot: Od },
   props: {
     type: {
       type: String,
@@ -9998,7 +9899,7 @@ const Ld = /* @__PURE__ */ C(Id, [["render", Dd]]), Ed = {
       return this.type === W.DIALBOT;
     },
     getIconName() {
-      return Sd[this.type];
+      return yd[this.type];
     },
     contactCenterIconClasses() {
       return [
@@ -10017,8 +9918,8 @@ const Ld = /* @__PURE__ */ C(Id, [["render", Dd]]), Ed = {
     }
   }
 };
-function xd(e, a, t, s, i, n) {
-  const r = p("dt-icon"), l = p("icon-dialbot");
+function Dd(e, a, t, s, i, n) {
+  const r = g("dt-icon"), l = g("icon-dialbot");
   return n.isIconType ? (o(), k(r, {
     key: 0,
     name: n.getIconName,
@@ -10032,18 +9933,18 @@ function xd(e, a, t, s, i, n) {
     "data-qa": "general-row-dialbot"
   }, [
     b(l, { class: "d-svg--size24" })
-  ], 2)) : v("", !0);
+  ], 2)) : S("", !0);
 }
-const Ad = /* @__PURE__ */ C(Ed, [["render", xd]]);
-const Md = {
+const Ld = /* @__PURE__ */ C(Td, [["render", Dd]]);
+const Ed = {
   name: "DtRecipeGeneralRow",
   components: {
     DtEmojiTextWrapper: At,
-    DtBadge: Ma,
+    DtBadge: Pa,
     DtIcon: V,
     DtButton: se,
-    DtTooltip: kt,
-    DtRecipeLeftbarGeneralRowIcon: Ad
+    DtTooltip: It,
+    DtRecipeLeftbarGeneralRowIcon: Ld
   },
   inheritAttrs: !1,
   props: {
@@ -10164,7 +10065,7 @@ const Md = {
     iconSize: {
       type: String,
       default: "300",
-      validator: (e) => Cd.includes(e)
+      validator: (e) => vd.includes(e)
     }
   },
   emits: [
@@ -10210,10 +10111,10 @@ const Md = {
       return this.type;
     },
     generalRowListeners() {
-      return Ct(this.$attrs);
+      return wt(this.$attrs);
     },
     getAriaLabel() {
-      return this.ariaLabel ? this.ariaLabel : Ot([this.description, this.unreadCountTooltip, this.dndTextTooltip]);
+      return this.ariaLabel ? this.ariaLabel : kt([this.description, this.unreadCountTooltip, this.dndTextTooltip]);
     },
     hasActions() {
       return this.dndText || this.activeVoiceChat || this.showUnreadCount || this.hasCallButton;
@@ -10239,7 +10140,7 @@ const Md = {
   },
   methods: {
     validateProps() {
-      this.type === W.CONTACT_CENTER && !Object.keys(nt).includes(this.color) && console.error(wd);
+      this.type === W.CONTACT_CENTER && !Object.keys(nt).includes(this.color) && console.error(_d);
     },
     adjustLabelWidth() {
       var i, n, r, l, d, f;
@@ -10247,39 +10148,39 @@ const Md = {
       this.labelWidth = e - (a + t + s) + "px";
     }
   }
-}, Ft = (e) => (_n("data-v-7580a758"), e = e(), vn(), e), Pd = ["data-qa", "aria-label", "title", "href"], Rd = { class: "dt-leftbar-row__alpha" }, Nd = {
+}, Ft = (e) => (_n("data-v-7580a758"), e = e(), vn(), e), xd = ["data-qa", "aria-label", "title", "href"], Ad = { class: "dt-leftbar-row__alpha" }, Md = {
   key: 0,
   class: "dt-leftbar-row__is-typing"
-}, $d = /* @__PURE__ */ Ft(() => /* @__PURE__ */ g("span", null, null, -1)), Bd = /* @__PURE__ */ Ft(() => /* @__PURE__ */ g("span", null, null, -1)), zd = /* @__PURE__ */ Ft(() => /* @__PURE__ */ g("span", null, null, -1)), qd = [
-  $d,
-  Bd,
-  zd
-], Fd = {
+}, Pd = /* @__PURE__ */ Ft(() => /* @__PURE__ */ p("span", null, null, -1)), Rd = /* @__PURE__ */ Ft(() => /* @__PURE__ */ p("span", null, null, -1)), Nd = /* @__PURE__ */ Ft(() => /* @__PURE__ */ p("span", null, null, -1)), $d = [
+  Pd,
+  Rd,
+  Nd
+], Bd = {
   key: 0,
   class: "dt-leftbar-row__omega"
-}, Vd = {
+}, zd = {
   key: 1,
   class: "dt-leftbar-row__active-voice"
-}, Hd = {
+}, qd = {
   key: 3,
   class: "dt-leftbar-row__action",
   "data-qa": "dt-leftbar-row-action"
 };
-function Wd(e, a, t, s, i, n) {
-  const r = p("dt-recipe-leftbar-general-row-icon"), l = p("dt-emoji-text-wrapper"), d = p("dt-tooltip"), f = p("dt-icon"), y = p("dt-badge"), c = p("dt-button");
+function Fd(e, a, t, s, i, n) {
+  const r = g("dt-recipe-leftbar-general-row-icon"), l = g("dt-emoji-text-wrapper"), d = g("dt-tooltip"), f = g("dt-icon"), y = g("dt-badge"), c = g("dt-button");
   return o(), u("div", {
     class: _(n.leftbarGeneralRowClasses),
     "data-qa": "dt-leftbar-row"
   }, [
-    g("a", O({
+    p("a", O({
       class: "dt-leftbar-row__primary",
       "data-qa": "data-qa" in e.$attrs ? e.$attrs["data-qa"] : "dt-leftbar-row-link",
       "aria-label": n.getAriaLabel,
       title: t.description,
       href: "href" in e.$attrs ? e.$attrs.href : "javascript:void(0)"
     }, e.$attrs, K(n.generalRowListeners, !0)), [
-      g("div", Rd, [
-        t.isTyping ? (o(), u("div", Nd, qd)) : m(e.$slots, "left", { key: 1 }, () => [
+      p("div", Ad, [
+        t.isTyping ? (o(), u("div", Md, $d)) : m(e.$slots, "left", { key: 1 }, () => [
           b(r, {
             type: n.getIcon,
             color: t.color,
@@ -10288,9 +10189,9 @@ function Wd(e, a, t, s, i, n) {
           }, null, 8, ["type", "color", "icon-size"])
         ], !0)
       ]),
-      g("div", {
+      p("div", {
         class: "dt-leftbar-row__label",
-        style: me(`flex-basis: ${i.labelWidth}`)
+        style: Ie(`flex-basis: ${i.labelWidth}`)
       }, [
         m(e.$slots, "label", {}, () => [
           b(l, {
@@ -10299,29 +10200,29 @@ function Wd(e, a, t, s, i, n) {
             size: "200"
           }, {
             default: h(() => [
-              B(T(t.description), 1)
+              z(T(t.description), 1)
             ]),
             _: 1
           })
         ], !0)
       ], 4)
-    ], 16, Pd),
-    n.hasActions ? (o(), u("div", Fd, [
+    ], 16, xd),
+    n.hasActions ? (o(), u("div", Bd, [
       t.dndText ? (o(), k(d, {
         key: 0,
         placement: "top",
         message: t.dndTextTooltip
       }, {
         anchor: h(() => [
-          g("div", {
+          p("div", {
             ref: "dt-leftbar-row-dnd",
             class: "dt-leftbar-row__dnd",
             "data-qa": "dt-leftbar-row-dnd"
           }, T(t.dndText), 513)
         ]),
         _: 1
-      }, 8, ["message"])) : v("", !0),
-      t.activeVoiceChat ? (o(), u("div", Vd, [
+      }, 8, ["message"])) : S("", !0),
+      t.activeVoiceChat ? (o(), u("div", zd, [
         b(f, {
           size: "300",
           name: "activity"
@@ -10339,14 +10240,14 @@ function Wd(e, a, t, s, i, n) {
             class: "dt-leftbar-row__unread-badge"
           }, {
             default: h(() => [
-              B(T(t.unreadCount), 1)
+              z(T(t.unreadCount), 1)
             ]),
             _: 1
           })
         ]),
         _: 1
-      }, 8, ["message"])) : v("", !0),
-      t.hasCallButton ? (o(), u("div", Hd, [
+      }, 8, ["message"])) : S("", !0),
+      t.hasCallButton ? (o(), u("div", qd, [
         b(d, {
           message: t.callButtonTooltip,
           placement: "top"
@@ -10374,11 +10275,11 @@ function Wd(e, a, t, s, i, n) {
           ]),
           _: 1
         }, 8, ["message"])
-      ])) : v("", !0)
-    ])) : v("", !0)
+      ])) : S("", !0)
+    ])) : S("", !0)
   ], 2);
 }
-const Za = /* @__PURE__ */ C(Md, [["render", Wd], ["__scopeId", "data-v-7580a758"]]), Ud = {
+const Za = /* @__PURE__ */ C(Ed, [["render", Fd], ["__scopeId", "data-v-7580a758"]]), Vd = {
   name: "DtRecipeGroupRow",
   components: {
     DtIcon: V,
@@ -10448,12 +10349,12 @@ const Za = /* @__PURE__ */ C(Md, [["render", Wd], ["__scopeId", "data-v-7580a758
   ],
   computed: {
     ariaLabel() {
-      return Ot([this.groupCountText, this.names]);
+      return kt([this.groupCountText, this.names]);
     }
   }
 };
-function jd(e, a, t, s, i, n) {
-  const r = p("dt-icon"), l = p("dt-recipe-general-row");
+function Hd(e, a, t, s, i, n) {
+  const r = g("dt-icon"), l = g("dt-recipe-general-row");
   return o(), k(l, O({
     description: t.names,
     "aria-label": n.ariaLabel,
@@ -10472,10 +10373,10 @@ function jd(e, a, t, s, i, n) {
     _: 1
   }, 16, ["description", "aria-label", "unread-count", "has-unreads", "unread-count-tooltip", "selected", "is-typing"]);
 }
-const wu = /* @__PURE__ */ C(Ud, [["render", jd]]), Kd = {
+const vu = /* @__PURE__ */ C(Vd, [["render", Hd]]), Wd = {
   name: "DtRecipeContactRow",
   components: {
-    DtAvatar: lt,
+    DtAvatar: ot,
     DtRecipeGeneralRow: Za,
     DtEmojiTextWrapper: At
   },
@@ -10624,18 +10525,18 @@ const wu = /* @__PURE__ */ C(Ud, [["render", jd]]), Kd = {
       }
     },
     contactRowListeners() {
-      return Ct(this.$attrs);
+      return wt(this.$attrs);
     },
     contactDescription() {
-      return Ot([this.name, this.presenceText, this.userStatus]);
+      return kt([this.name, this.presenceText, this.userStatus]);
     },
     iconName() {
       return this.noInitials ? "user" : null;
     }
   }
-}, Gd = { class: "dt-leftbar-row__status" };
-function Yd(e, a, t, s, i, n) {
-  const r = p("dt-avatar"), l = p("dt-emoji-text-wrapper"), d = p("dt-recipe-general-row");
+}, Ud = { class: "dt-leftbar-row__status" };
+function jd(e, a, t, s, i, n) {
+  const r = g("dt-avatar"), l = g("dt-emoji-text-wrapper"), d = g("dt-recipe-general-row");
   return o(), k(d, O({
     "unread-count": t.unreadCount,
     description: n.contactDescription,
@@ -10668,16 +10569,16 @@ function Yd(e, a, t, s, i, n) {
         size: "200"
       }, {
         default: h(() => [
-          B(T(t.name), 1)
+          z(T(t.name), 1)
         ]),
         _: 1
       }),
-      g("div", Gd, [
+      p("div", Ud, [
         t.presenceText ? (o(), u("span", {
           key: 0,
           "data-qa": "dt-leftbar-row-presence-text",
           class: _(["dt-leftbar-row__meta-context", n.presenceColorClass])
-        }, T(t.presenceText), 3)) : v("", !0),
+        }, T(t.presenceText), 3)) : S("", !0),
         t.userStatus ? (o(), k(l, {
           key: 1,
           size: "100",
@@ -10686,17 +10587,17 @@ function Yd(e, a, t, s, i, n) {
           class: "dt-leftbar-row__meta-custom"
         }, {
           default: h(() => [
-            B(T(t.userStatus), 1)
+            z(T(t.userStatus), 1)
           ]),
           _: 1
-        })) : v("", !0)
+        })) : S("", !0)
       ])
     ]),
     _: 1
   }, 16, ["unread-count", "description", "has-unreads", "selected", "has-call-button", "muted", "is-typing", "call-button-tooltip", "unread-count-tooltip"]);
 }
-const Cu = /* @__PURE__ */ C(Kd, [["render", Yd]]), Zd = ["up", "down"], Qd = ["mentions", "messages"];
-const Xd = {
+const Su = /* @__PURE__ */ C(Wd, [["render", jd]]), Kd = ["up", "down"], Gd = ["mentions", "messages"];
+const Yd = {
   name: "DtRecipeUnreadPill",
   components: {
     DtIcon: V
@@ -10709,7 +10610,7 @@ const Xd = {
     kind: {
       type: String,
       required: !0,
-      validator: (e) => Qd.includes(e)
+      validator: (e) => Gd.includes(e)
     },
     /**
      * The direction of the arrow icon
@@ -10718,7 +10619,7 @@ const Xd = {
     direction: {
       type: String,
       required: !0,
-      validator: (e) => Zd.includes(e)
+      validator: (e) => Kd.includes(e)
     }
   },
   emits: [
@@ -10737,9 +10638,9 @@ const Xd = {
       };
     }
   }
-}, Jd = { "data-qa": "dt-leftbar-unread-pill__label" };
-function ec(e, a, t, s, i, n) {
-  const r = p("dt-icon");
+}, Zd = { "data-qa": "dt-leftbar-unread-pill__label" };
+function Qd(e, a, t, s, i, n) {
+  const r = g("dt-icon");
   return o(), u("button", O({
     class: ["dt-leftbar-unread-pill", `dt-leftbar-unread-pill--${t.kind}`],
     type: "button",
@@ -10749,25 +10650,32 @@ function ec(e, a, t, s, i, n) {
       name: `arrow-${t.direction}`,
       size: "300"
     }, null, 8, ["name"]),
-    g("span", Jd, [
+    p("span", Zd, [
       m(e.$slots, "default")
     ])
   ], 16);
 }
-const Iu = /* @__PURE__ */ C(Xd, [["render", ec]]), bt = {
+const wu = /* @__PURE__ */ C(Yd, [["render", Qd]]), gt = {
   NORMAL: "",
   SEARCHED: "d-bgc-warning-subtle",
   ERROR: "d-bgc-critical-subtle"
-}, yt = "NORMAL";
-const tc = {
+}, bt = "NORMAL";
+const Xd = {
   name: "DtRecipeFeedItemRow",
   components: {
-    DtAvatar: lt,
-    DtLazyShow: wt,
-    DtListItem: ot
+    DtAvatar: ot,
+    DtLazyShow: St,
+    DtListItem: rt
   },
   inheritAttrs: !1,
   props: {
+    /**
+     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.
+     */
+    avatarSeed: {
+      type: String,
+      default: null
+    },
     /**
      * Show avatar, show header text or dont show left time and vice versa
      */
@@ -10817,8 +10725,8 @@ const tc = {
      */
     state: {
       type: String,
-      default: yt,
-      validator: (e) => Object.keys(bt).includes(e)
+      default: bt,
+      validator: (e) => Object.keys(gt).includes(e)
     }
   },
   emits: [
@@ -10843,9 +10751,6 @@ const tc = {
     };
   },
   computed: {
-    avatarSeed() {
-      return (this.displayName || "").split(" ").map((t) => t.charAt(0)).join("").slice(0, 2).toUpperCase();
-    },
     feedListeners() {
       return {
         mouseenter: () => this.setHover(!0),
@@ -10860,8 +10765,8 @@ const tc = {
         "d-box-border",
         "d-ps-relative",
         "d-px8",
-        { "d-bgc-secondary-opaque": this.isActive && this.state === yt },
-        bt[this.state],
+        { "d-bgc-secondary-opaque": this.isActive && this.state === bt },
+        gt[this.state],
         "dt-feed-item-row",
         "d-t",
         "d-tp-bgc"
@@ -10876,25 +10781,25 @@ const tc = {
       this.$emit("hover", e);
     },
     fade() {
-      this.state === yt || this.faded === !0 || (this.$refs.FeedItemRef.$el.classList.remove(bt[this.state]), this.faded = !0);
+      this.state === bt || this.faded === !0 || (this.$refs.FeedItemRef.$el.classList.remove(gt[this.state]), this.faded = !0);
     }
   }
-}, ac = {
+}, Jd = {
   key: 0,
   "data-qa": "dt-feed-item-row--header",
   class: "d-d-flex d-ai-center"
-}, nc = { class: "d-fs-200 d-lh-300 d-fw-bold d-to-ellipsis d-of-hidden d-ws-nowrap" }, ic = { class: "d-fs-100 d-mt2 d-lh-300 d-fc-tertiary d-fw-normal d-ml4 d-fl-shrink0" }, sc = {
+}, ec = { class: "d-fs-200 d-lh-300 d-fw-bold d-to-ellipsis d-of-hidden d-ws-nowrap" }, tc = { class: "d-fs-100 d-mt2 d-lh-300 d-fc-tertiary d-fw-normal d-ml4 d-fl-shrink0" }, ac = {
   class: "content-text-wrapper-class",
   "data-qa": "dt-feed-item-row--content"
-}, rc = {
+}, nc = {
   class: "d-d-flex d-fw-wrap",
   "data-qa": "dt-feed-item-row--reactions"
-}, oc = {
+}, ic = {
   "data-qa": "dt-feed-item-row--menu",
-  class: "d-ps-absolute d-tn16 d-r12"
+  class: "d-ps-absolute d-tn24 d-r12"
 };
-function lc(e, a, t, s, i, n) {
-  const r = p("dt-avatar"), l = p("dt-lazy-show"), d = p("dt-list-item");
+function sc(e, a, t, s, i, n) {
+  const r = g("dt-avatar"), l = g("dt-lazy-show"), d = g("dt-list-item");
   return o(), k(d, O({
     ref: "FeedItemRef",
     "navigation-type": "none"
@@ -10907,24 +10812,24 @@ function lc(e, a, t, s, i, n) {
         key: 0,
         "full-name": t.displayName,
         "image-src": t.avatarImageUrl,
-        seed: n.avatarSeed
-      }, null, 8, ["full-name", "image-src", "seed"])) : v("", !0),
-      t.showHeader ? v("", !0) : Ve((o(), u("div", {
+        seed: t.avatarSeed
+      }, null, 8, ["full-name", "image-src", "seed"])) : S("", !0),
+      t.showHeader ? S("", !0) : Ve((o(), u("div", {
         key: 1,
-        class: "d-fs-100 d-fw-normal d-ws-nowrap d-lh-100 d-fc-tertiary d-mb6",
+        class: "d-fs-100 d-fw-normal d-ws-nowrap d-lh-100 d-fc-tertiary d-mb6 d-h100p d-mt16",
         "data-qa": "dt-feed-item-row--left-time"
       }, T(t.shortTime), 513)), [
         [He, t.isActive]
       ])
     ]),
     bottom: h(() => [
-      g("div", rc, [
+      p("div", nc, [
         m(e.$slots, "reactions", {}, void 0, !0)
       ]),
       m(e.$slots, "threading", {}, void 0, !0)
     ]),
     right: h(() => [
-      Ve(g("div", oc, [
+      Ve(p("div", ic, [
         b(l, {
           appear: !0,
           transition: "fade",
@@ -10940,12 +10845,12 @@ function lc(e, a, t, s, i, n) {
       ])
     ]),
     default: h(() => [
-      g("article", null, [
-        t.showHeader ? (o(), u("div", ac, [
-          g("p", nc, T(t.displayName), 1),
-          g("time", ic, T(t.time), 1)
-        ])) : v("", !0),
-        g("span", sc, [
+      p("article", null, [
+        t.showHeader ? (o(), u("div", Jd, [
+          p("p", ec, T(t.displayName), 1),
+          p("time", tc, T(t.time), 1)
+        ])) : S("", !0),
+        p("span", ac, [
           m(e.$slots, "default", {}, void 0, !0)
         ])
       ])
@@ -10953,12 +10858,12 @@ function lc(e, a, t, s, i, n) {
     _: 3
   }, 16, ["class"]);
 }
-const ku = /* @__PURE__ */ C(tc, [["render", lc], ["__scopeId", "data-v-eb26a263"]]), Sa = {
+const Cu = /* @__PURE__ */ C(Xd, [["render", sc], ["__scopeId", "data-v-de44d2c0"]]), wa = {
   default: "dt-feed-item-pill--border-default",
   ai: "dt-feed-item-pill--border-ai",
   critical: "dt-feed-item-pill--border-critical"
 };
-const dc = {
+const rc = {
   name: "DtRecipeFeedItemPill",
   components: { DtItemLayout: wn, DtIcon: V, DtCollapsible: Mi },
   props: {
@@ -11011,7 +10916,7 @@ const dc = {
     borderColor: {
       type: String,
       default: "default",
-      validator: (e) => Object.keys(Sa).includes(e)
+      validator: (e) => Object.keys(wa).includes(e)
     }
   },
   data() {
@@ -11028,7 +10933,7 @@ const dc = {
       return this.toggleable ? "d-c-pointer" : "";
     },
     borderClass() {
-      return Sa[this.borderColor];
+      return wa[this.borderColor];
     }
   },
   methods: {
@@ -11036,16 +10941,16 @@ const dc = {
       this.toggleable && (this.expanded = !this.expanded);
     }
   }
-}, cc = { class: "d-p8 d-bgc-secondary" }, uc = ["aria-label"], hc = { class: "d-jc-center d-d-flex" };
-function fc(e, a, t, s, i, n) {
-  const r = p("dt-icon"), l = p("dt-item-layout"), d = p("dt-collapsible");
+}, oc = { class: "d-p8 d-bgc-secondary" }, lc = ["aria-label"], dc = { class: "d-fw-bold" }, cc = { class: "d-jc-center d-d-flex" };
+function uc(e, a, t, s, i, n) {
+  const r = g("dt-icon"), l = g("dt-item-layout"), d = g("dt-collapsible");
   return o(), u("div", {
     class: _(["dt-feed-item-pill--border", n.borderClass, t.wrapperClass])
   }, [
-    g("div", cc, [
+    p("div", oc, [
       b(d, { open: i.expanded }, {
         anchor: h(() => [
-          g("button", {
+          p("button", {
             "aria-label": t.ariaLabel,
             "data-qa": "dt-feed-item-pill",
             class: _(["d-baw0 d-bgc-moderate d-bar-pill d-w100p d-ta-left d-btn--circle", n.toggleableClass, t.buttonClass]),
@@ -11074,14 +10979,14 @@ function fc(e, a, t, s, i, n) {
                 m(e.$slots, "right", {}, void 0, !0)
               ]),
               default: h(() => [
-                B(T(t.title) + " ", 1)
+                p("span", dc, T(t.title), 1)
               ]),
               _: 3
             })
-          ], 42, uc)
+          ], 42, lc)
         ]),
         content: h(() => [
-          g("div", hc, [
+          p("div", cc, [
             m(e.$slots, "content", {}, void 0, !0)
           ])
         ]),
@@ -11090,7 +10995,7 @@ function fc(e, a, t, s, i, n) {
     ])
   ], 2);
 }
-const Ou = /* @__PURE__ */ C(dc, [["render", fc], ["__scopeId", "data-v-4bd1c0c2"]]), mc = {
+const Iu = /* @__PURE__ */ C(rc, [["render", uc], ["__scopeId", "data-v-59051987"]]), hc = {
   name: "DtRecipeTimePill",
   props: {
     /**
@@ -11113,24 +11018,24 @@ const Ou = /* @__PURE__ */ C(dc, [["render", fc], ["__scopeId", "data-v-4bd1c0c2
       }
     }
   }
-}, pc = ["dateTime"];
-function gc(e, a, t, s, i, n) {
+}, fc = ["dateTime"];
+function mc(e, a, t, s, i, n) {
   return o(), u("time", {
     "data-qa": "dt-time-pill",
     dateTime: t.dateTime,
     class: "d-ba d-bar-pill d-baw1 d-bc-black-300 d-px16 d-py4 d-fs-100"
-  }, T(t.dateTimeDisplay), 9, pc);
+  }, T(t.dateTimeDisplay), 9, fc);
 }
-const Tu = /* @__PURE__ */ C(mc, [["render", gc]]), bc = [
+const ku = /* @__PURE__ */ C(hc, [["render", mc]]), pc = [
   "emojiUnicodeOrShortname",
   "isSelected",
   "ariaLabel",
   "tooltip",
   "num"
 ];
-const yc = {
+const gc = {
   name: "DtRecipeEmojiRow",
-  components: { DtTooltip: kt, DtButton: se, DtEmoji: un, DtEmojiTextWrapper: At },
+  components: { DtTooltip: It, DtButton: se, DtEmoji: un, DtEmojiTextWrapper: At },
   mixins: [],
   props: {
     /**
@@ -11141,7 +11046,7 @@ const yc = {
       default: () => [],
       validator: (e) => {
         for (const a of e)
-          if (!bc.every((s) => a[s] !== void 0))
+          if (!pc.every((s) => a[s] !== void 0))
             return !1;
         return !0;
       }
@@ -11162,11 +11067,11 @@ const yc = {
       });
     }
   }
-}, _c = { class: "dt-emoji-row" }, vc = ["reaction"], Sc = { "aria-hidden": "true" }, wc = { class: "d-mr4" }, Cc = { class: "d-fw-bold d-fs-100" };
-function Ic(e, a, t, s, i, n) {
-  const r = p("dt-emoji-text-wrapper"), l = p("dt-emoji"), d = p("dt-button"), f = p("dt-tooltip");
-  return o(), u("span", _c, [
-    (o(!0), u(ee, null, ie(t.reactions, (y) => (o(), u("span", {
+}, bc = { class: "dt-emoji-row" }, yc = ["reaction"], _c = { "aria-hidden": "true" }, vc = { class: "d-mr4" }, Sc = { class: "d-fw-bold d-fs-100" };
+function wc(e, a, t, s, i, n) {
+  const r = g("dt-emoji-text-wrapper"), l = g("dt-emoji"), d = g("dt-button"), f = g("dt-tooltip");
+  return o(), u("span", bc, [
+    (o(!0), u(J, null, ne(t.reactions, (y) => (o(), u("span", {
       key: y.unicodeOutput,
       reaction: y,
       class: "d-mr4 d-mb4"
@@ -11187,22 +11092,22 @@ function Ic(e, a, t, s, i, n) {
             onClick: (w) => n.emojiClicked(y)
           }, {
             default: h(() => [
-              g("span", wc, [
+              p("span", vc, [
                 b(l, {
                   size: "200",
                   code: y.emojiUnicodeOrShortname
                 }, null, 8, ["code"])
               ]),
-              g("span", Cc, T(y.num), 1)
+              p("span", Sc, T(y.num), 1)
             ]),
             _: 2
           }, 1032, ["class", "aria-label", "attrs", "onClick"])
         ]),
         default: h(() => [
-          g("span", Sc, [
+          p("span", _c, [
             b(r, { size: "200" }, {
               default: h(() => [
-                B(T(y.tooltip), 1)
+                z(T(y.tooltip), 1)
               ]),
               _: 2
             }, 1024)
@@ -11210,19 +11115,19 @@ function Ic(e, a, t, s, i, n) {
         ]),
         _: 2
       }, 1032, ["onShown"])
-    ], 8, vc))), 128))
+    ], 8, yc))), 128))
   ]);
 }
-const Du = /* @__PURE__ */ C(yc, [["render", Ic]]), wa = {
+const Ou = /* @__PURE__ */ C(gc, [["render", wc]]), Ca = {
   warning: "dt-recipe-callbox-badge--warning"
-}, Ca = {
+}, Ia = {
   default: "dt-recipe-callbox--border-default",
   ai: "dt-recipe-callbox--border-ai",
   critical: "dt-recipe-callbox--border-critical"
 };
-const kc = {
+const Cc = {
   name: "DtRecipeCallbox",
-  components: { DtBadge: Ma, DtAvatar: lt },
+  components: { DtBadge: Pa, DtAvatar: ot },
   inheritAttrs: !1,
   props: {
     /**
@@ -11239,7 +11144,7 @@ const kc = {
     badgeColor: {
       type: String,
       default: null,
-      validator: (e) => e === null || Object.keys(wa).includes(e)
+      validator: (e) => e === null || Object.keys(Ca).includes(e)
     },
     /**
      * Optional avatar image url.
@@ -11278,7 +11183,7 @@ const kc = {
     borderColor: {
       type: String,
       default: "default",
-      validator: (e) => Object.keys(Ca).includes(e)
+      validator: (e) => Object.keys(Ia).includes(e)
     },
     /**
      * Makes the callbox avatar and title clickable,
@@ -11287,6 +11192,13 @@ const kc = {
     clickable: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Controls the avatars overlay icon
+     */
+    isOnHold: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
@@ -11303,10 +11215,10 @@ const kc = {
       return this.avatarFullName || this.avatarSrc;
     },
     badgeClass() {
-      return wa[this.badgeColor];
+      return Ca[this.badgeColor];
     },
     borderClass() {
-      return Ca[this.borderColor];
+      return Ia[this.borderColor];
     }
   },
   methods: {
@@ -11314,41 +11226,41 @@ const kc = {
       this.clickable && this.$emit("click", e);
     }
   }
-}, Oc = {
+}, Ic = {
   "data-qa": "dt-recipe-callbox",
   class: "dt-recipe-callbox"
-}, Tc = {
+}, kc = {
   key: 0,
   "data-qa": "dt-recipe-callbox--video-wrapper",
   class: "dt-recipe-callbox--video"
-}, Dc = { class: "dt-recipe-callbox--main-content-top" }, Lc = { class: "dt-recipe-callbox--content" }, Ec = {
+}, Oc = { class: "dt-recipe-callbox--main-content-top" }, Tc = { class: "dt-recipe-callbox--content" }, Dc = {
   key: 0,
   "data-qa": "dt-recipe-callbox--badge-wrapper",
   class: "dt-recipe-callbox--content-badge"
-}, xc = {
+}, Lc = {
   key: 1,
   "data-qa": "dt-recipe-callbox--subtitle-wrapper",
   class: "dt-recipe-callbox--content-subtitle"
-}, Ac = {
+}, Ec = {
   key: 1,
   "data-qa": "dt-recipe-callbox--right-wrapper",
   class: "dt-recipe-callbox--right"
-}, Mc = {
+}, xc = {
   key: 0,
   "data-qa": "dt-recipe-callbox--bottom-wrapper",
   class: "dt-recipe-callbox--main-content-bottom"
 };
-function Pc(e, a, t, s, i, n) {
-  const r = p("dt-avatar"), l = p("dt-badge");
-  return o(), u("div", Oc, [
-    e.$slots.video ? (o(), u("div", Tc, [
+function Ac(e, a, t, s, i, n) {
+  const r = g("dt-avatar"), l = g("dt-badge");
+  return o(), u("div", Ic, [
+    e.$slots.video ? (o(), u("div", kc, [
       m(e.$slots, "video", {}, void 0, !0)
-    ])) : v("", !0),
-    g("div", {
+    ])) : S("", !0),
+    p("div", {
       "data-qa": "dt-recipe-callbox--main-content",
       class: _(["dt-recipe-callbox--main-content", n.borderClass, { "dt-recipe-callbox--clickable": t.clickable }])
     }, [
-      g("div", Dc, [
+      p("div", Oc, [
         n.shouldShowAvatar ? (o(), k(r, {
           key: 0,
           "avatar-class": "dt-recipe-callbox--avatar",
@@ -11356,43 +11268,44 @@ function Pc(e, a, t, s, i, n) {
           "full-name": t.avatarFullName,
           seed: t.avatarSeed,
           clickable: t.clickable,
+          "overlay-icon": t.isOnHold ? "pause" : null,
           size: "sm",
           onClick: n.handleClick
-        }, null, 8, ["image-src", "full-name", "seed", "clickable", "onClick"])) : v("", !0),
-        g("div", Lc, [
+        }, null, 8, ["image-src", "full-name", "seed", "clickable", "overlay-icon", "onClick"])) : S("", !0),
+        p("div", Tc, [
           (o(), k(fe(t.clickable ? "button" : "span"), {
             "data-qa": "dt-recipe-callbox--title",
             class: "dt-recipe-callbox--content-title",
             onClick: n.handleClick
           }, {
             default: h(() => [
-              B(T(t.title), 1)
+              z(T(t.title), 1)
             ]),
             _: 1
           }, 8, ["onClick"])),
-          e.$slots.badge || t.badgeText ? (o(), u("div", Ec, [
+          e.$slots.badge || t.badgeText ? (o(), u("div", Dc, [
             m(e.$slots, "badge", {}, () => [
               b(l, {
                 class: _(n.badgeClass),
                 text: t.badgeText
               }, null, 8, ["class", "text"])
             ], !0)
-          ])) : v("", !0),
-          e.$slots.subtitle ? (o(), u("div", xc, [
+          ])) : S("", !0),
+          e.$slots.subtitle ? (o(), u("div", Lc, [
             m(e.$slots, "subtitle", {}, void 0, !0)
-          ])) : v("", !0)
+          ])) : S("", !0)
         ]),
-        e.$slots.right ? (o(), u("div", Ac, [
+        e.$slots.right ? (o(), u("div", Ec, [
           m(e.$slots, "right", {}, void 0, !0)
-        ])) : v("", !0)
+        ])) : S("", !0)
       ]),
-      e.$slots.bottom ? (o(), u("div", Mc, [
+      e.$slots.bottom ? (o(), u("div", xc, [
         m(e.$slots, "bottom", {}, void 0, !0)
-      ])) : v("", !0)
+      ])) : S("", !0)
     ], 2)
   ]);
 }
-const Lu = /* @__PURE__ */ C(kc, [["render", Pc], ["__scopeId", "data-v-2a35953d"]]);
+const Tu = /* @__PURE__ */ C(Cc, [["render", Ac], ["__scopeId", "data-v-66800ae7"]]);
 export {
   An as AVATAR_COLORS,
   na as AVATAR_GROUP_VALIDATOR,
@@ -11400,7 +11313,7 @@ export {
   Ln as AVATAR_KIND_MODIFIERS,
   En as AVATAR_PRESENCE_SIZE_MODIFIERS,
   aa as AVATAR_PRESENCE_STATES,
-  pt as AVATAR_SIZE_MODIFIERS,
+  mt as AVATAR_SIZE_MODIFIERS,
   ra as BADGE_DECORATION_MODIFIERS,
   sa as BADGE_KIND_MODIFIERS,
   ia as BADGE_TYPE_MODIFIERS,
@@ -11408,158 +11321,158 @@ export {
   Yn as BREADCRUMB_ITEM_SELECTED_MODIFIER,
   oa as BUTTON_GROUP_ALIGNMENT,
   Ya as CALLBAR_BUTTON_VALID_WIDTH_SIZE,
-  wa as CALLBOX_BADGE_COLORS,
-  Ca as CALLBOX_BORDER_COLORS,
-  Au as CDN_URL,
+  Ca as CALLBOX_BADGE_COLORS,
+  Ia as CALLBOX_BORDER_COLORS,
+  Eu as CDN_URL,
   ua as CHIP_SIZE_MODIFIERS,
-  Jl as COLOR_CODES,
-  Mu as DEFAULT_VALIDATION_MESSAGE_TYPE,
-  Pu as DESCRIPTION_SIZE_TYPES,
-  lt as DtAvatar,
-  Ma as DtBadge,
-  zc as DtBanner,
+  Zl as COLOR_CODES,
+  xu as DEFAULT_VALIDATION_MESSAGE_TYPE,
+  Au as DESCRIPTION_SIZE_TYPES,
+  ot as DtAvatar,
+  Pa as DtBadge,
+  $c as DtBanner,
   ai as DtBreadcrumbItem,
-  qc as DtBreadcrumbs,
+  Bc as DtBreadcrumbs,
   se as DtButton,
-  Fc as DtButtonGroup,
+  zc as DtButtonGroup,
   ci as DtCard,
-  Oa as DtCheckableInputMixin,
-  Xc as DtCheckbox,
-  Jc as DtCheckboxGroup,
-  za as DtChip,
-  Vc as DtCodeblock,
+  Ta as DtCheckableInputMixin,
+  Zc as DtCheckbox,
+  Qc as DtCheckboxGroup,
+  qa as DtChip,
+  qc as DtCodeblock,
   Mi as DtCollapsible,
   ki as DtCombobox,
-  lu as DtDatepicker,
+  ru as DtDatepicker,
   $i as DtDropdown,
-  Hc as DtDropdownSeparator,
-  Ru as DtEmojiPicker,
-  Ta as DtGroupableInputMixin,
+  Fc as DtDropdownSeparator,
+  Mu as DtEmojiPicker,
+  Da as DtGroupableInputMixin,
   V as DtIcon,
-  Wc as DtImageViewer,
+  Vc as DtImageViewer,
   cn as DtInput,
-  Ba as DtInputGroup,
+  za as DtInputGroup,
   Ki as DtInputGroupMixin,
-  ka as DtInputMixin,
+  Oa as DtInputMixin,
   wn as DtItemLayout,
-  Pa as DtKeyboardListNavigationMixin,
-  iu as DtKeyboardShortcut,
-  wt as DtLazyShow,
+  Ra as DtKeyboardListNavigationMixin,
+  au as DtKeyboardShortcut,
+  St as DtLazyShow,
   Jn as DtLink,
-  ot as DtListItem,
-  Kc as DtListItemGroup,
-  jc as DtListSection,
-  Uc as DtModal,
-  ch as DtNotice,
-  Gc as DtPagination,
+  rt as DtListItem,
+  Uc as DtListItemGroup,
+  Wc as DtListSection,
+  Hc as DtModal,
+  lh as DtNotice,
+  jc as DtPagination,
   Et as DtPopover,
   Dn as DtPresence,
-  Yc as DtRadio,
-  Zc as DtRadioGroup,
-  Fl as DtRecipeCallbarButton,
-  pu as DtRecipeCallbarButtonWithPopover,
-  Lu as DtRecipeCallbox,
-  mu as DtRecipeComboboxMultiSelect,
-  Dl as DtRecipeComboboxWithPopover,
-  gu as DtRecipeContactInfo,
-  Cu as DtRecipeContactRow,
-  Du as DtRecipeEmojiRow,
-  Ou as DtRecipeFeedItemPill,
-  ku as DtRecipeFeedItemRow,
+  Kc as DtRadio,
+  Gc as DtRadioGroup,
+  Bl as DtRecipeCallbarButton,
+  fu as DtRecipeCallbarButtonWithPopover,
+  Tu as DtRecipeCallbox,
+  hu as DtRecipeComboboxMultiSelect,
+  kl as DtRecipeComboboxWithPopover,
+  mu as DtRecipeContactInfo,
+  Su as DtRecipeContactRow,
+  Ou as DtRecipeEmojiRow,
+  Iu as DtRecipeFeedItemPill,
+  Cu as DtRecipeFeedItemRow,
   Za as DtRecipeGeneralRow,
-  wu as DtRecipeGroupRow,
-  vu as DtRecipeGroupedChip,
-  _u as DtRecipeIvrNode,
-  Su as DtRecipeSettingsMenuButton,
-  Tu as DtRecipeTimePill,
-  bu as DtRecipeTopBannerInfo,
-  Iu as DtRecipeUnreadPill,
-  su as DtRootLayout,
-  ou as DtScroller,
-  eu as DtSelectMenu,
+  vu as DtRecipeGroupRow,
+  yu as DtRecipeGroupedChip,
+  bu as DtRecipeIvrNode,
+  _u as DtRecipeSettingsMenuButton,
+  ku as DtRecipeTimePill,
+  pu as DtRecipeTopBannerInfo,
+  wu as DtRecipeUnreadPill,
+  nu as DtRootLayout,
+  su as DtScroller,
+  Xc as DtSelectMenu,
   on as DtSkeleton,
-  Nu as DtSkeletonListItem,
-  $u as DtSkeletonParagraph,
-  Bu as DtSkeletonShape,
-  zu as DtSkeletonText,
-  ru as DtStack,
-  qu as DtTab,
-  Fu as DtTabGroup,
-  Qc as DtTabPanel,
-  tu as DtToast,
-  au as DtToggle,
-  kt as DtTooltip,
+  Pu as DtSkeletonListItem,
+  Ru as DtSkeletonParagraph,
+  Nu as DtSkeletonShape,
+  $u as DtSkeletonText,
+  iu as DtStack,
+  Bu as DtTab,
+  zu as DtTabGroup,
+  Yc as DtTabPanel,
+  Jc as DtToast,
+  eu as DtToggle,
+  It as DtTooltip,
   Le as DtValidationMessages,
-  Vu as EMOJIS_PER_ROW,
-  Hu as EMOJI_CATEGORIES,
-  Wu as EMOJI_SKIN_TONE_MODIFIERS,
-  Sa as FEED_ITEM_PILL_BORDER_COLORS,
+  qu as EMOJIS_PER_ROW,
+  Fu as EMOJI_CATEGORIES,
+  Vu as EMOJI_SKIN_TONE_MODIFIERS,
+  wa as FEED_ITEM_PILL_BORDER_COLORS,
   en as ICON_SIZE_MODIFIERS,
-  Uu as INPUT_SIZES,
-  ju as INPUT_TYPES,
+  Hu as INPUT_SIZES,
+  Wu as INPUT_TYPES,
   Bt as IVR_NODE_BRANCH,
   $t as IVR_NODE_EXPERT,
-  dt as IVR_NODE_GO_TO,
+  lt as IVR_NODE_GO_TO,
   qt as IVR_NODE_HANGUP,
-  sd as IVR_NODE_ICON_TYPES,
-  yu as IVR_NODE_LABELS,
+  ad as IVR_NODE_ICON_TYPES,
+  gu as IVR_NODE_LABELS,
   Rt as IVR_NODE_PROMPT_COLLECT,
   Pt as IVR_NODE_PROMPT_MENU,
   Nt as IVR_NODE_PROMPT_PLAY,
   zt as IVR_NODE_TRANSFER,
   nt as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
-  wd as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
-  Sd as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
-  Cd as LEFTBAR_GENERAL_ROW_ICON_SIZES,
+  _d as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
+  yd as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
+  vd as LEFTBAR_GENERAL_ROW_ICON_SIZES,
   W as LEFTBAR_GENERAL_ROW_TYPES,
   nn as LINK_KIND_MODIFIERS,
   an as LINK_VARIANTS,
   ca as MODAL_BANNER_KINDS,
   la as MODAL_KIND_MODIFIERS,
   da as MODAL_SIZE_MODIFIERS,
-  Ll as MULTI_SELECT_SIZES,
+  Ol as MULTI_SELECT_SIZES,
   Lt as NOTICE_KINDS,
   Sn as POPOVER_CONTENT_WIDTHS,
-  uh as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
-  hh as POPOVER_INITIAL_FOCUS_STRINGS,
-  fh as POPOVER_PADDING_CLASSES,
-  mh as POPOVER_ROLES,
+  dh as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
+  ch as POPOVER_INITIAL_FOCUS_STRINGS,
+  uh as POPOVER_PADDING_CLASSES,
+  hh as POPOVER_ROLES,
   ze as PRESENCE_STATES,
   Cn as PRESENCE_STATES_LIST,
-  bc as REACTIONS_ATTRIBUTES,
+  pc as REACTIONS_ATTRIBUTES,
   gr as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,
-  qa as ROOT_LAYOUT_SIDEBAR_POSITIONS,
+  pa as ROOT_LAYOUT_SIDEBAR_POSITIONS,
   ha as SELECT_SIZE_MODIFIERS,
   Vs as SELECT_STATE_MODIFIERS,
-  nu as SHORTCUTS_ALIASES_LIST,
+  tu as SHORTCUTS_ALIASES_LIST,
   qe as SHORTCUTS_ICON_ALIASES,
   ur as SHORTCUTS_ICON_SEPARATOR,
-  Ku as SKELETON_HEADING_HEIGHTS,
-  Gu as SKELETON_RIPPLE_DURATION,
-  Yu as SKELETON_SHAPES,
-  Zu as SKELETON_SHAPE_SIZES,
-  Qu as SKELETON_TEXT_TYPES,
-  Xu as TAB_IMPORTANCE_MODIFIERS,
-  Ju as TAB_LIST_IMPORTANCE_MODIFIERS,
-  eh as TAB_LIST_KIND_MODIFIERS,
-  th as TAB_LIST_SIZES,
+  Uu as SKELETON_HEADING_HEIGHTS,
+  ju as SKELETON_RIPPLE_DURATION,
+  Ku as SKELETON_SHAPES,
+  Gu as SKELETON_SHAPE_SIZES,
+  Yu as SKELETON_TEXT_TYPES,
+  Zu as TAB_IMPORTANCE_MODIFIERS,
+  Qu as TAB_LIST_IMPORTANCE_MODIFIERS,
+  Xu as TAB_LIST_KIND_MODIFIERS,
+  Ju as TAB_LIST_SIZES,
   Js as TOAST_ROLES,
-  ah as TOOLTIP_DELAY_MS,
-  nh as TOOLTIP_DIRECTIONS,
-  ih as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
-  sh as TOOLTIP_KIND_MODIFIERS,
-  rh as TOOLTIP_STICKY_VALUES,
-  Zd as UNREAD_PILL_DIRECTIONS,
-  Qd as UNREAD_PILL_KINDS,
-  oh as VALIDATION_MESSAGE_TYPES,
-  lh as filterFormattedMessages,
-  du as formatLong,
-  cu as formatMedium,
+  eh as TOOLTIP_DELAY_MS,
+  th as TOOLTIP_DIRECTIONS,
+  ah as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
+  nh as TOOLTIP_KIND_MODIFIERS,
+  ih as TOOLTIP_STICKY_VALUES,
+  Kd as UNREAD_PILL_DIRECTIONS,
+  Gd as UNREAD_PILL_KINDS,
+  sh as VALIDATION_MESSAGE_TYPES,
+  rh as filterFormattedMessages,
+  ou as formatLong,
+  lu as formatMedium,
   ea as formatMessages,
-  hu as formatNoYear,
-  fu as formatNumerical,
-  uu as formatShort,
-  te as getUniqueString,
-  _t as getValidationState,
-  Ia as validationMessageValidator
+  cu as formatNoYear,
+  uu as formatNumerical,
+  du as formatShort,
+  ee as getUniqueString,
+  yt as getValidationState,
+  ka as validationMessageValidator
 };