@dialpad/dialtone 9.14.2 → 9.15.0

package/dist/vue3/dialtone-vue.js

@@ -1,11 +1,11 @@
-import { S as Rt, c as Ce, M as et, d as vn, e as pt, f as yn, D as tt, L as Dt, P as bt, g as _n, h as Qe, i as Sn, j as vt, k as wn, a as Cn, R as kn, b as In } from "./rich_text_editor-G1GLwWlk.js";
-import { p as Ah, q as Mh, o as xh, l as Bh, m as Ph, n as Rh, A as $h, B as Nh, C as Fh, x as zh, r as qh, w as Hh, s as Vh, u as Wh, t as Uh, v as jh, y as Kh, z as Yh } from "./rich_text_editor-G1GLwWlk.js";
-import { w as V, t as j, F as Tn, M as Dn, G as On, H as Fe, J as Wa, K as Ua, N as ja, O as Ka, P as $t, x as Ya, D as Ln } from "./emoji-ppApZXjY.js";
-import { W as Qh, S as Xh, R as Zh, Q as Jh, T as ef, a1 as tf, a4 as af, a3 as nf, a2 as sf, z as rf, y as of, U as lf, I as df, Y as cf, X as uf, V as hf, C as ff, L as mf, a9 as gf, a5 as pf, a6 as bf, a8 as vf, a7 as yf, a0 as _f, $ as Sf, Z as wf, _ as Cf } from "./emoji-ppApZXjY.js";
-import { resolveComponent as p, openBlock as d, createElementBlock as u, normalizeClass as C, createCommentVNode as w, createVNode as g, createElementVNode as b, renderSlot as m, createTextVNode as z, toDisplayString as M, createBlock as D, mergeProps as A, withCtx as c, normalizeStyle as ke, withKeys as de, Fragment as Q, renderList as J, withModifiers as ce, normalizeProps as ze, Transition as Nt, withDirectives as Ae, resolveDynamicComponent as Se, guardReactiveProps as yt, vShow as Me, toHandlers as K, ref as Z, reactive as At, unref as L, Teleport as En, warn as _t, computed as Le, watch as Ze, onMounted as Ga, nextTick as Ye, markRaw as An, shallowReactive as Mn, h as xn, provide as Bn, createSlots as Ft, pushScopeId as Pn, popScopeId as Rn } from "vue";
-import { _ as I, h as ae, u as we, g as re, i as zt, p as at, E as X, m as va, T as $n, b as ya, a as Mt, L as Nn, q as Fn, D as _e, s as qt, r as zn } from "./tooltip-Ooi51wOv.js";
-import { v as If, c as Tf, y as Df, w as Of, x as Lf, V as Ef, f as Af } from "./tooltip-Ooi51wOv.js";
-import { _ as Ht } from "./emoji_text_wrapper-rnrD1UpL.js";
+import { S as Rt, c as we, M as et, d as yn, e as $t, f as _n, D as tt, L as Dt, P as gt, g as Sn, h as Qe, i as wn, j as bt, k as Wa, a as Cn, R as kn, b as In } from "./rich_text_editor-ILEwVbEw.js";
+import { p as Ah, q as Mh, o as xh, l as Bh, m as Ph, n as Rh, A as $h, B as Nh, C as Fh, x as zh, r as qh, w as Hh, s as Vh, u as Wh, t as Uh, v as jh, y as Kh, z as Yh } from "./rich_text_editor-ILEwVbEw.js";
+import { w as V, t as j, F as Tn, M as Dn, G as On, H as Fe, J as Ua, K as ja, N as Ka, O as Ya, P as Nt, x as Ga, D as Ln } from "./emoji-Sc_SzVCR.js";
+import { W as Qh, S as Xh, R as Zh, Q as Jh, T as ef, a1 as tf, a4 as af, a3 as nf, a2 as sf, z as rf, y as of, U as lf, I as df, Y as cf, X as uf, V as hf, C as ff, L as mf, a9 as pf, a5 as gf, a6 as bf, a8 as vf, a7 as yf, a0 as _f, $ as Sf, Z as wf, _ as Cf } from "./emoji-Sc_SzVCR.js";
+import { resolveComponent as g, openBlock as d, createElementBlock as u, normalizeClass as C, createCommentVNode as w, createVNode as p, createElementVNode as b, renderSlot as m, createTextVNode as z, toDisplayString as M, createBlock as D, mergeProps as A, withCtx as c, normalizeStyle as Ce, withKeys as de, Fragment as Q, renderList as J, withModifiers as ce, normalizeProps as ze, Transition as Ft, withDirectives as Ee, resolveDynamicComponent as Se, guardReactiveProps as vt, vShow as Ae, toHandlers as K, ref as Z, reactive as At, unref as L, Teleport as En, warn as yt, computed as Oe, watch as Ze, onMounted as Qa, nextTick as Ye, markRaw as An, shallowReactive as Mn, h as xn, provide as Bn, createSlots as _t, pushScopeId as Pn, popScopeId as Rn } from "vue";
+import { _ as I, h as ae, u as Me, g as re, e as zt, o as at, E as X, l as va, p as $n, b as ya, a as Mt, L as Nn, q as Fn, D as _e, s as qt, r as zn } from "./tooltip-Od71Luh6.js";
+import { v as If, c as Tf, y as Df, w as Of, x as Lf, V as Ef, f as Af } from "./tooltip-Od71Luh6.js";
+import { _ as Ht } from "./emoji_text_wrapper-PsH5vDPn.js";
 const _a = {
   default: "",
   info: "d-badge--info",
@@ -151,7 +151,7 @@ const _a = {
   class: "d-badge__icon-right"
 };
 function Un(e, a, t, i, s, n) {
-  const r = p("dt-icon");
+  const r = g("dt-icon");
   return d(), u("span", {
     class: C([
       "d-badge",
@@ -163,7 +163,7 @@ function Un(e, a, t, i, s, n) {
   }, [
     t.decoration ? (d(), u("span", Hn)) : w("", !0),
     t.iconLeft || t.type === "ai" ? (d(), u("span", Vn, [
-      g(r, {
+      p(r, {
         name: t.iconLeft || "dialpad-ai",
         size: "200"
       }, null, 8, ["name"])
@@ -176,7 +176,7 @@ function Un(e, a, t, i, s, n) {
       ])
     ], 2),
     t.iconRight ? (d(), u("span", Wn, [
-      g(r, {
+      p(r, {
         name: t.iconRight,
         size: "200"
       }, null, 8, ["name"])
@@ -223,10 +223,10 @@ const Vt = /* @__PURE__ */ I(qn, [["render", Un]]), nt = ["base", "error", "info
   class: "d-notice__icon"
 };
 function Qn(e, a, t, i, s, n) {
-  const r = p("dt-icon");
+  const r = g("dt-icon");
   return n.defaultIcon || s.hasSlotContent(e.$slots.default) ? (d(), u("div", Gn, [
     m(e.$slots, "default", {}, () => [
-      g(r, {
+      p(r, {
         name: n.defaultIcon,
         size: "400"
       }, null, 8, ["name"])
@@ -297,7 +297,7 @@ const Ut = /* @__PURE__ */ I(Xn, [["render", ti]]), ai = {
     DtButton: j,
     SrOnlyCloseButton: Rt
   },
-  mixins: [Ce],
+  mixins: [we],
   props: {
     /**
      * Props for the notice close button.
@@ -343,7 +343,7 @@ const Ut = /* @__PURE__ */ I(Xn, [["render", ti]]), ai = {
   "data-qa": "notice-content-actions"
 };
 function ii(e, a, t, i, s, n) {
-  const r = p("dt-icon"), l = p("dt-button"), o = p("sr-only-close-button");
+  const r = g("dt-icon"), l = g("dt-button"), o = g("sr-only-close-button");
   return d(), u("div", ni, [
     m(e.$slots, "default"),
     t.hideClose ? w("", !0) : (d(), D(l, A({
@@ -356,7 +356,7 @@ function ii(e, a, t, i, s, n) {
       "aria-label": t.closeButtonProps.ariaLabel ? t.closeButtonProps.ariaLabel : "Close"
     }, t.closeButtonProps, { onClick: n.close }), {
       icon: c(() => [
-        g(r, {
+        p(r, {
           name: "close",
           size: "200"
         })
@@ -377,7 +377,7 @@ const jt = /* @__PURE__ */ I(ai, [["render", ii]]), si = {
     DtNoticeContent: Ut,
     DtNoticeAction: jt
   },
-  mixins: [Ce],
+  mixins: [we],
   props: {
     /**
      * Sets an ID on the title element of the component. Useful for aria-describedby
@@ -483,18 +483,18 @@ const jt = /* @__PURE__ */ I(ai, [["render", ii]]), si = {
   }
 };
 function ri(e, a, t, i, s, n) {
-  const r = p("dt-notice-icon"), l = p("dt-notice-content"), o = p("dt-notice-action");
+  const r = g("dt-notice-icon"), l = g("dt-notice-content"), o = g("dt-notice-action");
   return d(), u("aside", {
     class: C(n.noticeClass),
     "data-qa": "notice"
   }, [
-    g(r, { kind: t.kind }, {
+    p(r, { kind: t.kind }, {
       default: c(() => [
         m(e.$slots, "icon")
       ]),
       _: 3
     }, 8, ["kind"]),
-    g(l, {
+    p(l, {
       "title-id": t.titleId,
       "content-id": t.contentId,
       title: t.title,
@@ -508,7 +508,7 @@ function ri(e, a, t, i, s, n) {
       ]),
       _: 3
     }, 8, ["title-id", "content-id", "title", "role"]),
-    g(o, {
+    p(o, {
       "hide-close": t.hideClose,
       "close-button-props": t.closeButtonProps,
       "visually-hidden-close": e.visuallyHiddenClose,
@@ -529,7 +529,7 @@ const Mu = /* @__PURE__ */ I(si, [["render", ri]]), oi = {
     DtNoticeContent: Ut,
     DtNoticeAction: jt
   },
-  mixins: [et, Ce],
+  mixins: [et, we],
   props: {
     /**
      * Sets an ID on the title element of the component. Useful for aria-describedby
@@ -538,7 +538,7 @@ const Mu = /* @__PURE__ */ I(si, [["render", ri]]), oi = {
     titleId: {
       type: String,
       default() {
-        return we.getUniqueString();
+        return Me.getUniqueString();
       }
     },
     /**
@@ -548,7 +548,7 @@ const Mu = /* @__PURE__ */ I(si, [["render", ri]]), oi = {
     contentId: {
       type: String,
       default() {
-        return we.getUniqueString();
+        return Me.getUniqueString();
       }
     },
     /**
@@ -677,10 +677,10 @@ const Mu = /* @__PURE__ */ I(si, [["render", ri]]), oi = {
   }
 }, li = ["role", "aria-labelledby", "aria-describedby"];
 function di(e, a, t, i, s, n) {
-  const r = p("dt-notice-icon"), l = p("dt-notice-content"), o = p("dt-notice-action");
+  const r = g("dt-notice-icon"), l = g("dt-notice-content"), o = g("dt-notice-action");
   return d(), u("aside", {
     class: C(n.bannerClass),
-    style: ke(n.bannerBackgroundImage),
+    style: Ce(n.bannerBackgroundImage),
     onKeydown: a[1] || (a[1] = de((...h) => n.trapFocus && n.trapFocus(...h), ["tab"]))
   }, [
     b("div", {
@@ -698,7 +698,7 @@ function di(e, a, t, i, s, n) {
         ]),
         _: 3
       }, 8, ["kind"])),
-      g(l, {
+      p(l, {
         "title-id": t.titleId,
         "content-id": t.contentId,
         title: t.title
@@ -711,7 +711,7 @@ function di(e, a, t, i, s, n) {
         ]),
         _: 3
       }, 8, ["title-id", "content-id", "title"]),
-      g(o, {
+      p(o, {
         "hide-close": t.hideClose,
         "close-button-props": t.closeButtonProps,
         "visually-hidden-close": e.visuallyHiddenClose,
@@ -729,7 +729,7 @@ function di(e, a, t, i, s, n) {
 const xu = /* @__PURE__ */ I(oi, [["render", di]]), ci = "d-breadcrumbs__item--selected", ui = "d-breadcrumbs--inverted", hi = {
   name: "DtBreadcrumbItem",
   components: {
-    DtLink: vn
+    DtLink: yn
   },
   inheritAttrs: !1,
   props: {
@@ -770,7 +770,7 @@ const xu = /* @__PURE__ */ I(oi, [["render", di]]), ci = "d-breadcrumbs__item--s
   }
 };
 function fi(e, a, t, i, s, n) {
-  const r = p("dt-link");
+  const r = g("dt-link");
   return d(), u("li", {
     "data-qa": "dt-breadcrumb-item",
     class: C([
@@ -778,7 +778,7 @@ function fi(e, a, t, i, s, n) {
       { [s.BREADCRUMB_ITEM_SELECTED_MODIFIER]: t.selected }
     ])
   }, [
-    g(r, A({
+    p(r, A({
       kind: n.linkKind,
       "aria-current": n.ariaCurrent,
       "data-qa": "breadcrumb-item"
@@ -792,7 +792,7 @@ function fi(e, a, t, i, s, n) {
     }, 16, ["kind", "aria-current"])
   ], 2);
 }
-const mi = /* @__PURE__ */ I(hi, [["render", fi]]), gi = {
+const mi = /* @__PURE__ */ I(hi, [["render", fi]]), pi = {
   name: "DtBreadcrumbs",
   components: {
     DtBreadcrumbItem: mi
@@ -831,12 +831,12 @@ const mi = /* @__PURE__ */ I(hi, [["render", fi]]), gi = {
   },
   methods: {
     getBreadcrumbItemKey(e) {
-      return `breadcrumbs-item-${e}-${we.getUniqueString()}`;
+      return `breadcrumbs-item-${e}-${Me.getUniqueString()}`;
     }
   }
-}, pi = ["aria-label"];
+}, gi = ["aria-label"];
 function bi(e, a, t, i, s, n) {
-  const r = p("dt-breadcrumb-item");
+  const r = g("dt-breadcrumb-item");
   return d(), u("nav", {
     "aria-label": t.ariaLabel,
     "data-qa": "dt-breadcrumbs",
@@ -853,9 +853,9 @@ function bi(e, a, t, i, s, n) {
         }, l), null, 16, ["inverted"]))), 128))
       ])
     ])
-  ], 10, pi);
+  ], 10, gi);
 }
-const Bu = /* @__PURE__ */ I(gi, [["render", bi]]), Ca = {
+const Bu = /* @__PURE__ */ I(pi, [["render", bi]]), Ca = {
   start: "d-btn-group--start",
   end: "d-btn-group--end",
   "space-between": "d-btn-group--space-between"
@@ -956,7 +956,7 @@ function Si(e, a, t, i, s, n) {
         "d-card__content",
         t.contentClass
       ]),
-      style: ke({ "max-height": t.maxHeight })
+      style: Ce({ "max-height": t.maxHeight })
     }, [
       m(e.$slots, "content")
     ], 6),
@@ -1060,7 +1060,7 @@ const Ru = /* @__PURE__ */ I(Ci, [["render", Ii]]), Ti = {
       return a <= t.bottom + 3 * i / 4 && e >= t.top - i / 4;
     }
   }
-}, Di = "listElementKey is required or the referenced element doesn't exist. Received listElement: ", Qa = ({
+}, Di = "listElementKey is required or the referenced element doesn't exist. Received listElement: ", Xa = ({
   // 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",
@@ -1182,21 +1182,21 @@ const Ru = /* @__PURE__ */ I(Ci, [["render", Ii]]), Ti = {
   }
 }), Oi = {
   name: "ComboboxLoadingList",
-  components: { DtListItem: pt, DtSkeleton: On }
+  components: { DtListItem: $t, DtSkeleton: On }
 }, Li = {
   class: "d-combobox__loading-list",
   "aria-busy": "true"
 };
 function Ei(e, a, t, i, s, n) {
-  const r = p("dt-skeleton"), l = p("dt-list-item");
+  const r = g("dt-skeleton"), l = g("dt-list-item");
   return d(), u("ol", Li, [
-    (d(), u(Q, null, J(7, (o) => g(l, {
+    (d(), u(Q, null, J(7, (o) => p(l, {
       key: o,
       role: "option",
       "navigation-type": "none"
     }, {
       default: c(() => [
-        g(r, {
+        p(r, {
           "text-option": { type: "body" },
           offset: 0
         })
@@ -1205,9 +1205,9 @@ function Ei(e, a, t, i, s, n) {
     }, 1024)), 64))
   ]);
 }
-const Xa = /* @__PURE__ */ I(Oi, [["render", Ei]]), Ai = {
+const Za = /* @__PURE__ */ I(Oi, [["render", Ei]]), Ai = {
   name: "ComboboxEmptyList",
-  components: { DtListItem: pt },
+  components: { DtListItem: $t },
   props: {
     /**
      * Message to display when list is empty
@@ -1231,10 +1231,10 @@ const Xa = /* @__PURE__ */ I(Oi, [["render", Ei]]), Ai = {
   "data-qa": "dt-combobox-empty-list"
 };
 function xi(e, a, t, i, s, n) {
-  const r = p("dt-list-item");
+  const r = g("dt-list-item");
   return d(), u("ol", Mi, [
     m(e.$slots, "default", {}, () => [
-      g(r, {
+      p(r, {
         role: "option",
         "navigation-type": "none",
         type: "custom",
@@ -1248,7 +1248,7 @@ function xi(e, a, t, i, s, n) {
     ])
   ]);
 }
-const Za = /* @__PURE__ */ I(Ai, [["render", xi]]), Ja = {
+const Ja = /* @__PURE__ */ I(Ai, [["render", xi]]), en = {
   EXTRA_SMALL: "xs",
   SMALL: "sm",
   DEFAULT: "md",
@@ -1257,11 +1257,11 @@ const Za = /* @__PURE__ */ I(Ai, [["render", xi]]), Ja = {
 }, Bi = {
   name: "DtCombobox",
   components: {
-    ComboboxLoadingList: Xa,
-    ComboboxEmptyList: Za
+    ComboboxLoadingList: Za,
+    ComboboxEmptyList: Ja
   },
   mixins: [
-    Qa({
+    Xa({
       indexKey: "highlightIndex",
       idKey: "highlightId",
       listElementKey: "getListElement",
@@ -1294,7 +1294,7 @@ const Za = /* @__PURE__ */ I(Ai, [["render", xi]]), Ja = {
     size: {
       type: String,
       default: null,
-      validator: (e) => Object.values(Ja).includes(e)
+      validator: (e) => Object.values(en).includes(e)
     },
     /**
      * Description for the input
@@ -1526,7 +1526,7 @@ const Za = /* @__PURE__ */ I(Ai, [["render", xi]]), Ja = {
   }
 }, Pi = { "data-qa": "dt-combobox-input-wrapper" };
 function Ri(e, a, t, i, s, n) {
-  const r = p("combobox-loading-list"), l = p("combobox-empty-list");
+  const r = g("combobox-loading-list"), l = g("combobox-empty-list");
   return d(), u("div", {
     onKeydown: [
       a[3] || (a[3] = de(ce((o) => n.onKeyValidation(o, "onEscapeKey"), ["stop"]), ["esc"])),
@@ -1676,7 +1676,7 @@ const $i = /* @__PURE__ */ I(Bi, [["render", Ri]]), Ni = {
   }
 };
 function Fi(e, a, t, i, s, n) {
-  return d(), D(Nt, A({
+  return d(), D(Ft, A({
     appear: t.appear,
     "enter-active-class": "enter-active",
     "leave-active-class": "leave-active"
@@ -1690,13 +1690,13 @@ function Fi(e, a, t, i, s, n) {
     onAfterLeave: n.afterLeave
   }), {
     default: c(() => [
-      Ae((d(), D(Se(t.elementType), ze(yt(e.$attrs)), {
+      Ee((d(), D(Se(t.elementType), ze(vt(e.$attrs)), {
         default: c(() => [
           s.initialized ? m(e.$slots, "default", { key: 0 }) : w("", !0)
         ]),
         _: 3
       }, 16)), [
-        [Me, t.show]
+        [Ae, t.show]
       ])
     ]),
     _: 3
@@ -1856,7 +1856,7 @@ const zi = /* @__PURE__ */ I(Ni, [["render", Fi]]), qi = {
   }
 }, Hi = ["id"], Vi = ["title"];
 function Wi(e, a, t, i, s, n) {
-  const r = p("dt-icon"), l = p("dt-button"), o = p("dt-collapsible-lazy-show");
+  const r = g("dt-icon"), l = g("dt-button"), o = g("dt-collapsible-lazy-show");
   return d(), D(Se(t.elementType), A({ ref: "collapsible" }, K(n.collapsibleListeners)), {
     default: c(() => [
       b("div", {
@@ -1871,18 +1871,18 @@ function Wi(e, a, t, i, s, n) {
             role: "button"
           }
         }, () => [
-          g(l, {
+          p(l, {
             importance: "clear",
             kind: "muted",
             "aria-controls": t.id,
             "aria-expanded": `${s.isOpen}`,
-            style: ke({
+            style: Ce({
               width: t.maxWidth
             }),
             onClick: n.defaultToggleOpen
           }, {
             default: c(() => [
-              g(r, {
+              p(r, {
                 name: s.isOpen ? "chevron-down" : "chevron-right",
                 class: "d-collapsible__icon",
                 size: "300"
@@ -1896,7 +1896,7 @@ function Wi(e, a, t, i, s, n) {
           }, 8, ["aria-controls", "aria-expanded", "style", "onClick"])
         ])
       ], 10, Hi),
-      g(o, A({
+      p(o, A({
         id: t.id,
         ref: "contentWrapper",
         "aria-hidden": `${!s.isOpen}`,
@@ -1953,7 +1953,7 @@ const Ui = /* @__PURE__ */ I(qi, [["render", Wi]]), ji = ["row", "column"], Ki =
     gap: {
       type: String,
       default: "400",
-      validator: (e) => yn.includes(e)
+      validator: (e) => _n.includes(e)
     },
     /**
      * Used to customize the term element
@@ -2012,7 +2012,7 @@ const $u = /* @__PURE__ */ I(Qi, [["render", Xi]]), Xe = {
     SrOnlyCloseButton: Rt
   },
   mixins: [
-    Qa({
+    Xa({
       indexKey: "highlightIndex",
       idKey: "highlightId",
       listElementKey: "getListElement",
@@ -2023,7 +2023,7 @@ const $u = /* @__PURE__ */ I(Qi, [["render", Xi]]), Xe = {
       activeItemKey: "activeItemEl",
       focusOnKeyboardNavigation: !0
     }),
-    Ce
+    we
   ],
   inheritAttrs: !1,
   props: {
@@ -2158,7 +2158,7 @@ const $u = /* @__PURE__ */ I(Qi, [["render", Xi]]), Xe = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (e) => bt.includes(e) || e instanceof HTMLElement
+      validator: (e) => gt.includes(e) || e instanceof HTMLElement
     },
     /**
      * If set to false the dialog will display over top of the anchor when there is insufficient space.
@@ -2342,7 +2342,7 @@ const $u = /* @__PURE__ */ I(Qi, [["render", Xi]]), Xe = {
   }
 }, Ji = ["id"];
 function es(e, a, t, i, s, n) {
-  const r = p("sr-only-close-button"), l = p("dt-popover");
+  const r = g("sr-only-close-button"), l = g("dt-popover");
   return d(), D(l, A({
     ref: "popover",
     "content-width": t.contentWidth,
@@ -2468,7 +2468,7 @@ const Nu = /* @__PURE__ */ I(as, [["render", is]]), ss = function() {
     padding: {
       type: String,
       default: "large",
-      validator: (e) => Object.keys(_n).some((a) => a === e)
+      validator: (e) => Object.keys(Sn).some((a) => a === e)
     },
     /**
        * Displaces the content box from its anchor element
@@ -2524,7 +2524,7 @@ const Nu = /* @__PURE__ */ I(as, [["render", is]]), ss = function() {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (e) => bt.includes(e) || e instanceof HTMLElement
+      validator: (e) => gt.includes(e) || e instanceof HTMLElement
     }
   },
   emits: ["opened"],
@@ -2549,7 +2549,7 @@ const Nu = /* @__PURE__ */ I(as, [["render", is]]), ss = function() {
       onOpened: i[0] || (i[0] = (s) => t.$emit("opened", s))
     }, {
       anchor: c(({ attrs: s }) => [
-        m(t.$slots, "anchor", ze(yt(s)))
+        m(t.$slots, "anchor", ze(vt(s)))
       ]),
       content: c(() => [
         m(t.$slots, "content")
@@ -2698,9 +2698,9 @@ const Nu = /* @__PURE__ */ I(as, [["render", is]]), ss = function() {
   "aria-modal": "true"
 }, cs = ["src", "alt"];
 function us(e, a, t, i, s, n) {
-  const r = p("dt-button"), l = p("dt-icon");
+  const r = g("dt-button"), l = g("dt-icon");
   return d(), u("div", null, [
-    g(r, {
+    p(r, {
       "data-qa": "dt-image-viewer-preview",
       class: "d-image-viewer__preview-button",
       "aria-label": t.ariaLabel,
@@ -2737,7 +2737,7 @@ function us(e, a, t, i, s, n) {
             alt: t.imageAlt
           }, null, 8, cs)
         ]),
-        g(Nt, { name: "fade" }, {
+        p(Ft, { name: "fade" }, {
           default: c(() => [
             s.showCloseButton ? (d(), D(r, {
               key: 0,
@@ -2752,7 +2752,7 @@ function us(e, a, t, i, s, n) {
               onClick: n.close
             }, {
               icon: c(() => [
-                g(l, {
+                p(l, {
                   class: "d-image-viewer__close-button",
                   name: "close",
                   size: "400"
@@ -2821,7 +2821,7 @@ const hs = /* @__PURE__ */ I(rs, [["render", us]]), fs = {
     messages: {
       type: Array,
       default: () => [],
-      validator: (e) => Wa(e)
+      validator: (e) => Ua(e)
     },
     /**
      * Show validation messages
@@ -2906,7 +2906,7 @@ const hs = /* @__PURE__ */ I(rs, [["render", us]]), fs = {
     }
   },
   mounted() {
-    !this.legend && !this.$slots.legend && !this.$attrs["aria-label"] && _t("It is expected that an aria-label is provided when there is no legend.", this);
+    !this.legend && !this.$slots.legend && !this.$attrs["aria-label"] && yt("It is expected that an aria-label is provided when there is no legend.", this);
   }
 }, ms = {
   name: "DtInputGroup",
@@ -2962,9 +2962,9 @@ const hs = /* @__PURE__ */ I(rs, [["render", us]]), fs = {
       return `input-group-message-${e}-${a}-${this.id}`;
     }
   }
-}, gs = ["data-qa"], ps = ["data-qa"];
+}, ps = ["data-qa"], gs = ["data-qa"];
 function bs(e, a, t, i, s, n) {
-  const r = p("dt-validation-messages");
+  const r = g("dt-validation-messages");
   return d(), u("fieldset", {
     class: "d-input-group__fieldset",
     "data-qa": t.dataQaGroup
@@ -2976,17 +2976,17 @@ function bs(e, a, t, i, s, n) {
       m(e.$slots, "legend", {}, () => [
         z(M(e.legend), 1)
       ])
-    ], 16, ps)) : w("", !0),
+    ], 16, gs)) : w("", !0),
     m(e.$slots, "default"),
-    g(r, A({
+    p(r, A({
       "validation-messages": e.formattedMessages,
       "show-messages": e.showMessages,
       class: e.messagesClass,
       "data-qa": t.dataQaGroupMessages
     }, e.messagesChildProps), null, 16, ["validation-messages", "show-messages", "class", "data-qa"])
-  ], 8, gs);
+  ], 8, ps);
 }
-const en = /* @__PURE__ */ I(ms, [["render", bs]]), ka = {
+const tn = /* @__PURE__ */ I(ms, [["render", bs]]), ka = {
   default: "",
   danger: "d-modal--danger"
 }, Ia = {
@@ -3006,7 +3006,7 @@ const en = /* @__PURE__ */ I(ms, [["render", bs]]), ka = {
     DtIcon: V,
     SrOnlyCloseButton: Rt
   },
-  mixins: [et, Ce],
+  mixins: [et, we],
   props: {
     /**
      * A set of props to be passed into the modal's close button.
@@ -3257,7 +3257,7 @@ const en = /* @__PURE__ */ I(ms, [["render", bs]]), ka = {
   class: "d-modal__footer"
 };
 function Cs(e, a, t, i, s, n) {
-  const r = p("dt-icon"), l = p("dt-button"), o = p("sr-only-close-button"), h = p("dt-lazy-show");
+  const r = g("dt-icon"), l = g("dt-button"), o = g("sr-only-close-button"), h = g("dt-lazy-show");
   return d(), D(h, A({
     transition: "d-zoom",
     show: t.show,
@@ -3284,12 +3284,12 @@ function Cs(e, a, t, i, s, n) {
           z(M(t.bannerTitle), 1)
         ])
       ], 2)) : w("", !0),
-      g(Nt, {
+      p(Ft, {
         appear: "",
         name: "d-modal__dialog"
       }, {
         default: c(() => [
-          Ae(b("div", {
+          Ee(b("div", {
             class: C([
               "d-modal__dialog",
               { "d-modal__dialog--scrollable": t.fixedHeaderFooter },
@@ -3342,7 +3342,7 @@ function Cs(e, a, t, i, s, n) {
               "aria-label": t.closeButtonProps.ariaLabel
             }, t.closeButtonProps, { onClick: n.close }), {
               icon: c(() => [
-                g(r, {
+                p(r, {
                   name: "close",
                   size: "400"
                 })
@@ -3355,7 +3355,7 @@ function Cs(e, a, t, i, s, n) {
               onClose: n.close
             }, null, 8, ["visually-hidden-close-label", "onClose"])) : w("", !0)
           ], 10, ys), [
-            [Me, t.show]
+            [Ae, t.show]
           ])
         ]),
         _: 3
@@ -3533,12 +3533,12 @@ const qu = /* @__PURE__ */ I(ks, [["render", Ds]]), Os = {
   "data-qa": "dt-pagination-separator"
 };
 function As(e, a, t, i, s, n) {
-  const r = p("dt-icon"), l = p("dt-button");
+  const r = g("dt-icon"), l = g("dt-button");
   return d(), u("nav", {
     "aria-label": t.ariaLabel,
     class: "d-pagination"
   }, [
-    g(l, {
+    p(l, {
       class: C(["d-pagination__button", n.isFirstPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary"]),
       "data-qa": "dt-pagination-prev",
       "aria-label": t.prevAriaLabel,
@@ -3548,7 +3548,7 @@ function As(e, a, t, i, s, n) {
       onClick: a[0] || (a[0] = (o) => n.changePage(s.currentPage - 1))
     }, {
       icon: c(() => [
-        g(r, {
+        p(r, {
           name: "chevron-left",
           size: "300"
         })
@@ -3560,7 +3560,7 @@ function As(e, a, t, i, s, n) {
       class: C({ "d-pagination__separator": isNaN(Number(o)) })
     }, [
       isNaN(Number(o)) ? (d(), u("div", Es, [
-        g(r, {
+        p(r, {
           name: "more-horizontal",
           size: "300"
         })
@@ -3578,7 +3578,7 @@ function As(e, a, t, i, s, n) {
         _: 2
       }, 1032, ["aria-label", "kind", "importance", "onClick"]))
     ], 2))), 128)),
-    g(l, {
+    p(l, {
       class: C(["d-pagination__button", n.isLastPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary"]),
       "data-qa": "dt-pagination-next",
       "aria-label": t.nextAriaLabel,
@@ -3588,7 +3588,7 @@ function As(e, a, t, i, s, n) {
       onClick: a[1] || (a[1] = (o) => n.changePage(s.currentPage + 1))
     }, {
       icon: c(() => [
-        g(r, {
+        p(r, {
           name: "chevron-right",
           size: "300"
         })
@@ -3604,7 +3604,7 @@ const Hu = /* @__PURE__ */ I(Os, [["render", As]]), Ms = {
 }, xs = {
   name: "DtRadio",
   components: { DtValidationMessages: Fe },
-  mixins: [Ua, ja, Ka, $t],
+  mixins: [ja, Ka, Ya, Nt],
   inheritAttrs: !1,
   props: {
     /**
@@ -3698,7 +3698,7 @@ const Hu = /* @__PURE__ */ I(Os, [["render", As]]), Ms = {
   "data-qa": "radio-label-description-container"
 };
 function $s(e, a, t, i, s, n) {
-  const r = p("dt-validation-messages");
+  const r = g("dt-validation-messages");
   return d(), u("div", null, [
     b("label", null, [
       b("div", {
@@ -3728,7 +3728,7 @@ function $s(e, a, t, i, s, n) {
               z(M(e.description), 1)
             ])
           ], 16)) : w("", !0),
-          g(r, A({
+          p(r, A({
             "validation-messages": e.formattedMessages,
             "show-messages": e.showMessages,
             class: e.messagesClass
@@ -3740,7 +3740,7 @@ function $s(e, a, t, i, s, n) {
 }
 const Vu = /* @__PURE__ */ I(xs, [["render", $s]]), Wu = {
   name: "DtRadioGroup",
-  extends: en,
+  extends: tn,
   props: {
     /**
      * A provided value for the radio group
@@ -3878,7 +3878,7 @@ const Vu = /* @__PURE__ */ I(xs, [["render", $s]]), Wu = {
   }
 }, Fs = ["id", "tabindex", "aria-labelledby", "aria-hidden"];
 function zs(e, a, t, i, s, n) {
-  return Ae((d(), u("div", {
+  return Ee((d(), u("div", {
     id: `dt-panel-${t.id}`,
     role: "tabpanel",
     tabindex: s.isFirstElementFocusable ? -1 : 0,
@@ -3889,7 +3889,7 @@ function zs(e, a, t, i, s, n) {
   }, [
     m(e.$slots, "default")
   ], 10, Fs)), [
-    [Me, !n.hidePanel]
+    [Ae, !n.hidePanel]
   ]);
 }
 const Uu = /* @__PURE__ */ I(Ns, [["render", zs]]), qs = {
@@ -3899,7 +3899,7 @@ const Uu = /* @__PURE__ */ I(Ns, [["render", zs]]), qs = {
 }, Hs = {
   name: "DtCheckbox",
   components: { DtValidationMessages: Fe },
-  mixins: [Ua, ja, Ka, $t],
+  mixins: [ja, Ka, Ya, Nt],
   inheritAttrs: !1,
   emits: [
     /**
@@ -3982,7 +3982,7 @@ const Uu = /* @__PURE__ */ I(Ns, [["render", zs]]), qs = {
   "data-qa": "checkbox-label-description-container"
 };
 function js(e, a, t, i, s, n) {
-  const r = p("dt-validation-messages");
+  const r = g("dt-validation-messages");
   return d(), u("div", null, [
     b("label", null, [
       b("div", {
@@ -4015,7 +4015,7 @@ function js(e, a, t, i, s, n) {
               z(M(e.description), 1)
             ])
           ], 16)) : w("", !0),
-          g(r, A({
+          p(r, A({
             "validation-messages": e.formattedMessages,
             "show-messages": e.showMessages,
             class: e.messagesClass
@@ -4027,7 +4027,7 @@ function js(e, a, t, i, s, n) {
 }
 const ju = /* @__PURE__ */ I(Hs, [["render", js]]), Ku = {
   name: "DtCheckboxGroup",
-  extends: en,
+  extends: tn,
   model: {
     prop: "selectedValues"
   },
@@ -4038,7 +4038,7 @@ const ju = /* @__PURE__ */ I(Hs, [["render", js]]), Ku = {
     value: {
       type: [],
       default: null,
-      validator: (e) => e ? (_t(
+      validator: (e) => e ? (yt(
         "Component uses selectedValues to initialize the model, value is not supported by this component",
         void 0
       ), !1) : !0
@@ -4275,7 +4275,7 @@ const ju = /* @__PURE__ */ I(Hs, [["render", js]]), Ku = {
   "data-qa": "dt-chip-avatar"
 }, Js = ["id"];
 function er(e, a, t, i, s, n) {
-  const r = p("dt-icon"), l = p("dt-button");
+  const r = g("dt-icon"), l = g("dt-button");
   return d(), u("span", Qs, [
     (d(), D(Se(t.interactive ? "button" : "span"), A({
       id: t.id,
@@ -4309,7 +4309,7 @@ function er(e, a, t, i, s, n) {
       onClick: a[0] || (a[0] = (o) => e.$emit("close"))
     }), {
       icon: c(() => [
-        g(r, {
+        p(r, {
           name: "close",
           size: n.closeButtonIconSize
         }, null, 8, ["size"])
@@ -4318,7 +4318,7 @@ function er(e, a, t, i, s, n) {
     }, 16, ["class", "aria-label"]))
   ]);
 }
-const tn = /* @__PURE__ */ I(Gs, [["render", er]]), Oa = {
+const an = /* @__PURE__ */ I(Gs, [["render", er]]), Oa = {
   xs: "d-select--xs",
   sm: "d-select--sm",
   md: "",
@@ -4331,7 +4331,7 @@ const tn = /* @__PURE__ */ I(Gs, [["render", er]]), Oa = {
 }, ar = (e) => !e.index || typeof e.index == "number", nr = (e) => e.value ? typeof e.value == "string" || typeof e.value == "number" : !1, ir = (e) => e.label ? typeof e.label == "string" : !1, sr = (e) => e ? e.every((a) => !(!ar(a) || !nr(a) || !ir(a))) : !0, rr = {
   name: "DtSelectMenu",
   components: { DtValidationMessages: Fe },
-  mixins: [$t],
+  mixins: [Nt],
   inheritAttrs: !1,
   props: {
     /**
@@ -4502,12 +4502,12 @@ const tn = /* @__PURE__ */ I(Gs, [["render", er]]), Oa = {
     },
     validateOptionsPresence() {
       var e;
-      ((e = this.options) == null ? void 0 : e.length) < 1 && !this.$slots.default && _t("Options are expected to be provided via prop or slot", this);
+      ((e = this.options) == null ? void 0 : e.length) < 1 && !this.$slots.default && yt("Options are expected to be provided via prop or slot", this);
     }
   }
 }, or = ["aria-details"], lr = ["id"], dr = ["disabled"], cr = ["value"];
 function ur(e, a, t, i, s, n) {
-  const r = p("dt-validation-messages");
+  const r = g("dt-validation-messages");
   return d(), u("div", null, [
     b("label", null, [
       s.hasSlotContent(e.$slots.label) || t.label ? (d(), u("div", A({
@@ -4565,7 +4565,7 @@ function ur(e, a, t, i, s, n) {
         ], 16, dr)
       ], 2)
     ]),
-    g(r, A({
+    p(r, A({
       "validation-messages": e.formattedMessages,
       "show-messages": e.showMessages,
       class: e.messagesClass
@@ -4579,7 +4579,7 @@ const Yu = /* @__PURE__ */ I(rr, [["render", ur]]), hr = ["status", "alert"], La
     DtNoticeContent: Ut,
     DtNoticeAction: jt
   },
-  mixins: [Ce],
+  mixins: [we],
   props: {
     /**
      * Sets an ID on the title element of the component. Useful for aria-describedby
@@ -4588,7 +4588,7 @@ const Yu = /* @__PURE__ */ I(rr, [["render", ur]]), hr = ["status", "alert"], La
     titleId: {
       type: String,
       default() {
-        return we.getUniqueString();
+        return Me.getUniqueString();
       }
     },
     /**
@@ -4598,7 +4598,7 @@ const Yu = /* @__PURE__ */ I(rr, [["render", ur]]), hr = ["status", "alert"], La
     contentId: {
       type: String,
       default() {
-        return we.getUniqueString();
+        return Me.getUniqueString();
       }
     },
     /**
@@ -4741,9 +4741,9 @@ const Yu = /* @__PURE__ */ I(rr, [["render", ur]]), hr = ["status", "alert"], La
       }, this.duration));
     }
   }
-}, mr = ["aria-hidden"], gr = { class: "d-toast__dialog" };
-function pr(e, a, t, i, s, n) {
-  const r = p("dt-notice-icon"), l = p("dt-notice-content"), o = p("dt-notice-action");
+}, mr = ["aria-hidden"], pr = { class: "d-toast__dialog" };
+function gr(e, a, t, i, s, n) {
+  const r = g("dt-notice-icon"), l = g("dt-notice-content"), o = g("dt-notice-action");
   return s.isShown ? (d(), u("div", {
     key: 0,
     class: C([
@@ -4754,14 +4754,14 @@ function pr(e, a, t, i, s, n) {
     "data-qa": "dt-toast",
     "aria-hidden": (!s.isShown).toString()
   }, [
-    b("div", gr, [
-      g(r, { kind: t.kind }, {
+    b("div", pr, [
+      p(r, { kind: t.kind }, {
         default: c(() => [
           m(e.$slots, "icon")
         ]),
         _: 3
       }, 8, ["kind"]),
-      g(l, {
+      p(l, {
         "title-id": t.titleId,
         "content-id": t.contentId,
         title: t.title,
@@ -4777,7 +4777,7 @@ function pr(e, a, t, i, s, n) {
         ]),
         _: 3
       }, 8, ["title-id", "content-id", "title", "role"]),
-      g(o, {
+      p(o, {
         "hide-close": t.hideClose,
         "close-button-props": t.closeButtonProps,
         "visually-hidden-close": e.visuallyHiddenClose,
@@ -4792,7 +4792,7 @@ function pr(e, a, t, i, s, n) {
     ])
   ], 10, mr)) : w("", !0);
 }
-const Gu = /* @__PURE__ */ I(fr, [["render", pr]]), Ea = {
+const Gu = /* @__PURE__ */ I(fr, [["render", gr]]), Ea = {
   sm: "d-toggle--small",
   md: ""
 }, br = [!1, !0, "mixed"], vr = {
@@ -4931,7 +4931,7 @@ const Gu = /* @__PURE__ */ I(fr, [["render", pr]]), Ea = {
       this.validateInputLabels(this.hasSlotLabel(), this.$attrs["aria-label"]);
     },
     validateInputLabels(e, a) {
-      !e && !a && _t(
+      !e && !a && yt(
         "You must provide an aria-label when there is no label passed",
         this
       );
@@ -5029,7 +5029,7 @@ const Qu = /* @__PURE__ */ I(vr, [["render", Cr]]), Ge = {
   class: "sr-only"
 }, Dr = ["innerHTML"];
 function Or(e, a, t, i, s, n) {
-  const r = p("dt-icon");
+  const r = g("dt-icon");
   return d(), u("kbd", {
     class: C([
       "d-keyboard-shortcut",
@@ -5207,7 +5207,7 @@ function Ar(e, a, t, i, s, n) {
     ], 2)
   ], 2);
 }
-const Ju = /* @__PURE__ */ I(Er, [["render", Ar]]), an = {
+const Ju = /* @__PURE__ */ I(Er, [["render", Ar]]), nn = {
   __name: "core_scroller",
   props: {
     /**
@@ -5303,32 +5303,32 @@ const Ju = /* @__PURE__ */ I(Er, [["render", Ar]]), an = {
   setup(e, { expose: a, emit: t }) {
     const i = e, s = t, n = At(/* @__PURE__ */ new Map()), r = At(/* @__PURE__ */ new Map()), l = Z([]), o = Z(null), h = Z(!1), v = Z(null), f = Z("top");
     let y = 0, _ = 0, S = !1, N = 0, T = null, k = null, W = 0, ne = 0;
-    const Ie = Le(() => {
+    const ke = Oe(() => {
       if (i.itemSize === null) {
         const x = {
           "-1": { accumulator: 0 }
         }, R = i.items, B = i.sizeField, ue = i.minItemSize;
-        let te = 1e4, ge = 0, H;
+        let te = 1e4, pe = 0, H;
         for (let ie = 0, Ve = R.length; ie < Ve; ie++)
-          H = R[ie][B] || ue, H < te && (te = H), ge += H, x[ie] = { accumulator: ge, size: H };
+          H = R[ie][B] || ue, H < te && (te = H), pe += H, x[ie] = { accumulator: pe, size: H };
         return k = te, x;
       }
       return [];
-    }), Ct = Le(() => i.items.length && typeof i.items[0] != "object"), Te = Le(() => {
+    }), Ct = Oe(() => i.items.length && typeof i.items[0] != "object"), Ie = Oe(() => {
       const x = {};
       for (let R = 0, B = i.items.length; R < B; R++)
         x[i.items[R][i.keyField]] = R;
       return x;
     });
-    Ze(Ie, () => {
+    Ze(ke, () => {
       Re(!1);
-    }, { deep: !0 }), Ga(() => {
+    }, { deep: !0 }), Qa(() => {
       Ye(() => {
         Re(!0), h.value = !0;
       });
     });
     const me = (x, R, B, ue, te) => {
-      const ge = An({
+      const pe = An({
         id: ne++,
         index: R,
         used: !0,
@@ -5337,10 +5337,10 @@ const Ju = /* @__PURE__ */ I(Er, [["render", Ar]]), an = {
       }), H = Mn({
         item: B,
         position: 0,
-        nr: ge
+        nr: pe
       });
       return x.value.push(H), H;
-    }, De = (x, R = !1) => {
+    }, Te = (x, R = !1) => {
       const B = r, ue = x.nr.type;
       let te = B.get(ue);
       te || (te = [], B.set(ue, te)), te.push(x), R || (x.nr.used = !1, x.position = -9999);
@@ -5361,11 +5361,11 @@ const Ju = /* @__PURE__ */ I(Er, [["render", Ar]]), an = {
     }, kt = () => {
       l.value.sort((x, R) => x.nr.index - R.nr.index);
     }, Re = (x, R = !1) => {
-      var la, da, ca, ua, ha, fa, ma, ga;
-      const B = i.itemSize, ue = k, te = Ct.value ? null : i.keyField, ge = i.items, H = ge.length, ie = Ie.value, Ve = n, ra = r, it = l, bn = Te;
-      let se, Y, st, he, pe;
+      var la, da, ca, ua, ha, fa, ma, pa;
+      const B = i.itemSize, ue = k, te = Ct.value ? null : i.keyField, pe = i.items, H = pe.length, ie = ke.value, Ve = n, ra = r, it = l, vn = Ie;
+      let se, Y, st, he, ge;
       if (!H)
-        se = Y = he = pe = st = 0;
+        se = Y = he = ge = st = 0;
       else {
         const F = He();
         if (R) {
@@ -5378,20 +5378,20 @@ const Ju = /* @__PURE__ */ I(Er, [["render", Ar]]), an = {
         N = F.start;
         const oe = i.buffer;
         if (F.start -= oe, F.end += oe, B === null) {
-          let U, We = 0, pa = H - 1, le = ~~(H / 2), ba;
+          let U, We = 0, ga = H - 1, le = ~~(H / 2), ba;
           do
-            ba = le, U = (la = ie[le]) == null ? void 0 : la.accumulator, U < F.start ? We = le : le < H - 1 && ((da = ie[le + 1]) == null ? void 0 : da.accumulator) > F.start && (pa = le), le = ~~((We + pa) / 2);
+            ba = le, U = (la = ie[le]) == null ? void 0 : la.accumulator, U < F.start ? We = le : le < H - 1 && ((da = ie[le + 1]) == null ? void 0 : da.accumulator) > F.start && (ga = le), le = ~~((We + ga) / 2);
           while (le !== ba);
           for (le < 0 && (le = 0), se = le, st = (ca = ie[H - 1]) == null ? void 0 : ca.accumulator, Y = le; Y < H && ((ua = ie[Y]) == null ? void 0 : ua.accumulator) < F.end; Y++)
             ;
-          for (Y === -1 ? Y = ge.length - 1 : (Y++, Y > H && (Y = H)), he = y; he < H && ((ha = ie[he]) == null ? void 0 : ha.accumulator) < F.start; he++)
+          for (Y === -1 ? Y = pe.length - 1 : (Y++, Y > H && (Y = H)), he = y; he < H && ((ha = ie[he]) == null ? void 0 : ha.accumulator) < F.start; he++)
             ;
-          for (pe = he; pe < H && ((fa = ie[pe]) == null ? void 0 : fa.accumulator) < F.end; pe++)
+          for (ge = he; ge < H && ((fa = ie[ge]) == null ? void 0 : fa.accumulator) < F.end; ge++)
             ;
         } else {
           se = ~~(F.start / B);
           const U = se % 1;
-          se -= U, Y = Math.ceil(F.end / B), he = Math.max(0, Math.floor(F.start / B)), pe = Math.floor(F.end / B), se < 0 && (se = 0), Y > H && (Y = H), he < 0 && (he = 0), pe > H && (pe = H), st = Math.ceil(H / 1) * B;
+          se -= U, Y = Math.ceil(F.end / B), he = Math.max(0, Math.floor(F.start / B)), ge = Math.floor(F.end / B), se < 0 && (se = 0), Y > H && (Y = H), he < 0 && (he = 0), ge > H && (ge = H), st = Math.ceil(H / 1) * B;
         }
       }
       Y - se > 1e3 && Pe(), W = st;
@@ -5399,27 +5399,27 @@ const Ju = /* @__PURE__ */ I(Er, [["render", Ar]]), an = {
       const rt = se <= _ && Y >= se;
       if (rt)
         for (let F = 0, oe = it.value.length; F < oe; F++)
-          P = it.value[F], P != null && P.nr.used && (x && (P.nr.index = bn[P.item[te]]), (P.nr.index == null || P.nr.index < se || P.nr.index >= Y) && De(P));
+          P = it.value[F], P != null && P.nr.used && (x && (P.nr.index = vn[P.item[te]]), (P.nr.index == null || P.nr.index < se || P.nr.index >= Y) && Te(P));
       const oa = rt ? null : /* @__PURE__ */ new Map();
       let fe, be, ot;
       for (let F = se; F < Y; F++) {
-        fe = ge[F];
+        fe = pe[F];
         const oe = te ? fe == null ? void 0 : fe[te] : fe;
         if (oe == null)
           throw new Error(`Key is ${oe} on item (keyField is '${te}')`);
         if (P = Ve.get(oe), !B && !((ma = ie[F]) != null && ma.size)) {
-          P && De(P);
+          P && Te(P);
           continue;
         }
         be = fe.type;
         let U = ra.get(be);
         if (!P)
-          rt ? U && U.length ? P = U.pop() : P = me(it, F, fe, oe, be) : (ot = oa.get(be) || 0, (!U || ot >= U.length) && (P = me(it, F, fe, oe, be), De(P, !0), U = ra.get(be)), P = U[ot], oa.set(be, ot + 1)), Ve.delete(P.nr.key), P.nr.used = !0, P.nr.index = F, P.nr.key = oe, P.nr.type = be, Ve.set(oe, P);
+          rt ? U && U.length ? P = U.pop() : P = me(it, F, fe, oe, be) : (ot = oa.get(be) || 0, (!U || ot >= U.length) && (P = me(it, F, fe, oe, be), Te(P, !0), U = ra.get(be)), P = U[ot], oa.set(be, ot + 1)), Ve.delete(P.nr.key), P.nr.used = !0, P.nr.index = F, P.nr.key = oe, P.nr.type = be, Ve.set(oe, P);
         else if (!P.nr.used && (P.nr.used = !0, U)) {
           const We = U.indexOf(P);
           We !== -1 && U.splice(We, 1);
         }
-        P.item = fe, B === null ? (P.position = (ga = ie[F - 1]) == null ? void 0 : ga.accumulator, P.offset = 0) : (P.position = Math.floor(F) * B, P.offset = F % 1 * B);
+        P.item = fe, B === null ? (P.position = (pa = ie[F - 1]) == null ? void 0 : pa.accumulator, P.offset = 0) : (P.position = Math.floor(F) * B, P.offset = F % 1 * B);
       }
       return y = se, _ = Y, clearTimeout(T), T = setTimeout(kt, 300), {
         continuous: rt
@@ -5430,7 +5430,7 @@ const Ju = /* @__PURE__ */ I(Er, [["render", Ar]]), an = {
     }, Tt = (x) => {
       var B;
       let R;
-      i.itemSize === null ? R = x > 0 ? (B = Ie.value[x - 1]) == null ? void 0 : B.accumulator : 0 : R = Math.floor(x) * i.itemSize, It(R);
+      i.itemSize === null ? R = x > 0 ? (B = ke.value[x - 1]) == null ? void 0 : B.accumulator : 0 : R = Math.floor(x) * i.itemSize, It(R);
     }, ee = () => {
       const x = v.value;
       f.value !== "middle" && (f.value = "middle", s("user-position", "middle")), x.scrollTop === 0 && (f.value = "top", s("user-position", "top")), x.scrollTop + x.clientHeight === x.scrollHeight && (f.value = "bottom", s("user-position", "bottom")), S || (S = !0, requestAnimationFrame(() => {
@@ -5451,7 +5451,7 @@ const Ju = /* @__PURE__ */ I(Er, [["render", Ar]]), an = {
     }, [
       (d(), D(Se(e.listTag), {
         ref: "wrapper",
-        style: ke({ [e.direction === "vertical" ? "minHeight" : "minWidth"]: `${L(W)}px` }),
+        style: Ce({ [e.direction === "vertical" ? "minHeight" : "minWidth"]: `${L(W)}px` }),
         class: C(["vue-recycle-scroller__item-wrapper", e.listClass])
       }, {
         default: c(() => [
@@ -5613,7 +5613,7 @@ const Ju = /* @__PURE__ */ I(Er, [["render", Ar]]), an = {
 }, xr = {
   name: "DynamicScroller",
   components: {
-    CoreScroller: an,
+    CoreScroller: nn,
     DtScrollerItem: Mr
   },
   provide() {
@@ -5783,7 +5783,7 @@ const Ju = /* @__PURE__ */ I(Er, [["render", Ar]]), an = {
   }
 };
 function Br(e, a, t, i, s, n) {
-  const r = p("dt-scroller-item"), l = p("core-scroller");
+  const r = g("dt-scroller-item"), l = g("core-scroller");
   return d(), D(l, A({
     ref: "scroller",
     items: n.itemsWithSize,
@@ -5794,7 +5794,7 @@ function Br(e, a, t, i, s, n) {
     "item-tag": t.itemTag
   }, e.$attrs), {
     default: c(({ item: o, index: h, active: v }) => [
-      g(r, {
+      p(r, {
         item: o,
         active: v,
         "size-dependencies": [
@@ -5803,7 +5803,7 @@ function Br(e, a, t, i, s, n) {
         "data-index": h
       }, {
         default: c(() => [
-          m(e.$slots, "default", ze(yt({
+          m(e.$slots, "default", ze(vt({
             item: o.item,
             index: h,
             active: v,
@@ -5919,7 +5919,7 @@ const Pr = /* @__PURE__ */ I(xr, [["render", Br]]), eh = {
   setup(e, { expose: a, emit: t }) {
     const i = e;
     Bn("emit", t);
-    const n = Z(null), r = Le(() => ({
+    const n = Z(null), r = Oe(() => ({
       width: typeof i.scrollerWidth == "number" ? `${i.scrollerWidth}px` : i.scrollerWidth,
       height: typeof i.scrollerHeight == "number" ? `${i.scrollerHeight}px` : i.scrollerHeight
     }));
@@ -5946,7 +5946,7 @@ const Pr = /* @__PURE__ */ I(xr, [["render", Br]]), eh = {
       scrollToItem: o,
       updateItems: h,
       updateItemsFromBottom: v
-    }), (y, _) => (d(), D(Se(e.dynamic ? Pr : an), {
+    }), (y, _) => (d(), D(Se(e.dynamic ? Pr : nn), {
       ref_key: "scroller",
       ref: n,
       "data-qa": "dt-scroller",
@@ -5957,12 +5957,12 @@ const Pr = /* @__PURE__ */ I(xr, [["render", Br]]), eh = {
       "key-field": e.keyField,
       "list-tag": e.listTag,
       "item-tag": e.itemTag,
-      style: ke(r.value),
+      style: Ce(r.value),
       tabindex: "0",
       onUserPosition: _[0] || (_[0] = (S) => y.$emit("user-position", S))
     }, {
       default: c(({ item: S, index: N, active: T }) => [
-        m(y.$slots, "default", ze(yt({
+        m(y.$slots, "default", ze(vt({
           item: S,
           index: N,
           active: T
@@ -5971,7 +5971,7 @@ const Pr = /* @__PURE__ */ I(xr, [["render", Br]]), eh = {
       _: 3
     }, 40, ["items", "item-size", "min-item-size", "direction", "key-field", "list-tag", "item-tag", "style"]));
   }
-}, nn = 0, Rr = "MMMM", Ot = "long";
+}, sn = 0, Rr = "MMMM", Ot = "long";
 function Ne(e) {
   "@babel/helpers - typeof";
   return Ne = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(a) {
@@ -6051,13 +6051,13 @@ function zr(e, a) {
   var t = ut(e), i = ut(a), s = t.getTime() - Je(t), n = i.getTime() - Je(i);
   return Math.round((s - n) / Fr);
 }
-function Ee(e, a) {
+function Le(e, a) {
   O(2, arguments);
   var t = E(e), i = E(a), s = t.getTime() - i.getTime();
   return s < 0 ? -1 : s > 0 ? 1 : s;
 }
 var qr = 6e4, Hr = 36e5;
-function sn(e, a) {
+function rn(e, a) {
   O(2, arguments);
   var t = ut(e), i = ut(a);
   return t.getTime() === i.getTime();
@@ -6122,7 +6122,7 @@ function Xr(e) {
   var a = E(e);
   return a.setHours(23, 59, 59, 999), a;
 }
-function rn(e) {
+function on(e) {
   O(1, arguments);
   var a = E(e), t = a.getMonth();
   return a.setFullYear(a.getFullYear(), t + 1, 0), a.setHours(23, 59, 59, 999), a;
@@ -6130,30 +6130,30 @@ function rn(e) {
 function Zr(e) {
   O(1, arguments);
   var a = E(e);
-  return Xr(a).getTime() === rn(a).getTime();
+  return Xr(a).getTime() === on(a).getTime();
 }
-function on(e, a) {
+function ln(e, a) {
   O(2, arguments);
-  var t = E(e), i = E(a), s = Ee(t, i), n = Math.abs(Ur(t, i)), r;
+  var t = E(e), i = E(a), s = Le(t, i), n = Math.abs(Ur(t, i)), r;
   if (n < 1)
     r = 0;
   else {
     t.getMonth() === 1 && t.getDate() > 27 && t.setDate(30), t.setMonth(t.getMonth() - s * n);
-    var l = Ee(t, i) === -s;
-    Zr(E(e)) && n === 1 && Ee(e, i) === 1 && (l = !1), r = s * (n - Number(l));
+    var l = Le(t, i) === -s;
+    Zr(E(e)) && n === 1 && Le(e, i) === 1 && (l = !1), r = s * (n - Number(l));
   }
   return r === 0 ? 0 : r;
 }
-function ln(e, a, t) {
+function dn(e, a, t) {
   O(2, arguments);
   var i = Kt(e, a) / 1e3;
   return Yt(t == null ? void 0 : t.roundingMethod)(i);
 }
 function Jr(e, a) {
   O(2, arguments);
-  var t = E(e), i = E(a), s = Ee(t, i), n = Math.abs(jr(t, i));
+  var t = E(e), i = E(a), s = Le(t, i), n = Math.abs(jr(t, i));
   t.setFullYear(1584), i.setFullYear(1584);
-  var r = Ee(t, i) === -s, l = s * (n - Number(r));
+  var r = Le(t, i) === -s, l = s * (n - Number(r));
   return l === 0 ? 0 : l;
 }
 function eo(e) {
@@ -6179,7 +6179,7 @@ function ht(e) {
   var a = 1, t = E(e), i = t.getUTCDay(), s = (i < a ? 7 : 0) + i - a;
   return t.setUTCDate(t.getUTCDate() - s), t.setUTCHours(0, 0, 0, 0), t;
 }
-function dn(e) {
+function cn(e) {
   O(1, arguments);
   var a = E(e), t = a.getUTCFullYear(), i = /* @__PURE__ */ new Date(0);
   i.setUTCFullYear(t + 1, 0, 4), i.setUTCHours(0, 0, 0, 0);
@@ -6190,7 +6190,7 @@ function dn(e) {
 }
 function io(e) {
   O(1, arguments);
-  var a = dn(e), t = /* @__PURE__ */ new Date(0);
+  var a = cn(e), t = /* @__PURE__ */ new Date(0);
   t.setUTCFullYear(a, 0, 4), t.setUTCHours(0, 0, 0, 0);
   var i = ht(t);
   return i;
@@ -6210,7 +6210,7 @@ function ft(e, a) {
   var y = E(e), _ = y.getUTCDay(), S = (_ < f ? 7 : 0) + _ - f;
   return y.setUTCDate(y.getUTCDate() - S), y.setUTCHours(0, 0, 0, 0), y;
 }
-function cn(e, a) {
+function un(e, a) {
   var t, i, s, n, r, l, o, h;
   O(1, arguments);
   var v = E(e), f = v.getUTCFullYear(), y = Be(), _ = q((t = (i = (s = (n = a == null ? void 0 : a.firstWeekContainsDate) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && s !== void 0 ? s : y.firstWeekContainsDate) !== null && i !== void 0 ? i : (o = y.locale) === null || o === void 0 || (h = o.options) === null || h === void 0 ? void 0 : h.firstWeekContainsDate) !== null && t !== void 0 ? t : 1);
@@ -6226,7 +6226,7 @@ function cn(e, a) {
 function oo(e, a) {
   var t, i, s, n, r, l, o, h;
   O(1, arguments);
-  var v = Be(), f = q((t = (i = (s = (n = a == null ? void 0 : a.firstWeekContainsDate) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && s !== void 0 ? s : v.firstWeekContainsDate) !== null && i !== void 0 ? i : (o = v.locale) === null || o === void 0 || (h = o.options) === null || h === void 0 ? void 0 : h.firstWeekContainsDate) !== null && t !== void 0 ? t : 1), y = cn(e, a), _ = /* @__PURE__ */ new Date(0);
+  var v = Be(), f = q((t = (i = (s = (n = a == null ? void 0 : a.firstWeekContainsDate) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && s !== void 0 ? s : v.firstWeekContainsDate) !== null && i !== void 0 ? i : (o = v.locale) === null || o === void 0 || (h = o.options) === null || h === void 0 ? void 0 : h.firstWeekContainsDate) !== null && t !== void 0 ? t : 1), y = un(e, a), _ = /* @__PURE__ */ new Date(0);
   _.setUTCFullYear(y, 0, f), _.setUTCHours(0, 0, 0, 0);
   var S = ft(_, a);
   return S;
@@ -6339,7 +6339,7 @@ var $e = {
   },
   // Local week-numbering year
   Y: function(a, t, i, s) {
-    var n = cn(a, s), r = n > 0 ? n : 1 - n;
+    var n = un(a, s), r = n > 0 ? n : 1 - n;
     if (t === "YY") {
       var l = r % 100;
       return $(l, 2);
@@ -6350,7 +6350,7 @@ var $e = {
   },
   // ISO week-numbering year
   R: function(a, t) {
-    var i = dn(a);
+    var i = cn(a);
     return $(i, t.length);
   },
   // Extended year. This is a single number designating the year of this calendar system.
@@ -6782,11 +6782,11 @@ var $e = {
         return Pa(r);
       case "XXXX":
       case "XX":
-        return Oe(r);
+        return De(r);
       case "XXXXX":
       case "XXX":
       default:
-        return Oe(r, ":");
+        return De(r, ":");
     }
   },
   // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
@@ -6797,11 +6797,11 @@ var $e = {
         return Pa(r);
       case "xxxx":
       case "xx":
-        return Oe(r);
+        return De(r);
       case "xxxxx":
       case "xxx":
       default:
-        return Oe(r, ":");
+        return De(r, ":");
     }
   },
   // Timezone (GMT)
@@ -6814,7 +6814,7 @@ var $e = {
         return "GMT" + Ba(r, ":");
       case "OOOO":
       default:
-        return "GMT" + Oe(r, ":");
+        return "GMT" + De(r, ":");
     }
   },
   // Timezone (specific non-location)
@@ -6827,7 +6827,7 @@ var $e = {
         return "GMT" + Ba(r, ":");
       case "zzzz":
       default:
-        return "GMT" + Oe(r, ":");
+        return "GMT" + De(r, ":");
     }
   },
   // Seconds timestamp
@@ -6853,9 +6853,9 @@ function Pa(e, a) {
     var t = e > 0 ? "-" : "+";
     return t + $(Math.abs(e) / 60, 2);
   }
-  return Oe(e, a);
+  return De(e, a);
 }
-function Oe(e, a) {
+function De(e, a) {
   var t = a || "", i = e > 0 ? "-" : "+", s = Math.abs(e), n = $(Math.floor(s / 60), 2), r = $(s % 60, 2);
   return i + n + t + r;
 }
@@ -6880,7 +6880,7 @@ var Ra = function(a, t) {
         width: "full"
       });
   }
-}, un = function(a, t) {
+}, hn = function(a, t) {
   switch (a) {
     case "p":
       return t.time({
@@ -6928,12 +6928,12 @@ var Ra = function(a, t) {
       });
       break;
   }
-  return r.replace("{{date}}", Ra(s, t)).replace("{{time}}", un(n, t));
-}, go = {
-  p: un,
+  return r.replace("{{date}}", Ra(s, t)).replace("{{time}}", hn(n, t));
+}, po = {
+  p: hn,
   P: mo
 };
-const po = go;
+const go = po;
 var bo = ["D", "DD"], vo = ["YY", "YYYY"];
 function yo(e) {
   return bo.indexOf(e) !== -1;
@@ -7342,13 +7342,13 @@ var il = {
 };
 const Gt = il;
 var sl = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, rl = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, ol = /^'([^]*?)'?$/, ll = /''/g, dl = /[a-zA-Z]/;
-function hn(e, a, t) {
-  var i, s, n, r, l, o, h, v, f, y, _, S, N, T, k, W, ne, Ie;
+function fn(e, a, t) {
+  var i, s, n, r, l, o, h, v, f, y, _, S, N, T, k, W, ne, ke;
   O(2, arguments);
-  var Ct = String(a), Te = Be(), me = (i = (s = t == null ? void 0 : t.locale) !== null && s !== void 0 ? s : Te.locale) !== null && i !== void 0 ? i : Gt, De = q((n = (r = (l = (o = t == null ? void 0 : t.firstWeekContainsDate) !== null && o !== void 0 ? o : t == null || (h = t.locale) === null || h === void 0 || (v = h.options) === null || v === void 0 ? void 0 : v.firstWeekContainsDate) !== null && l !== void 0 ? l : Te.firstWeekContainsDate) !== null && r !== void 0 ? r : (f = Te.locale) === null || f === void 0 || (y = f.options) === null || y === void 0 ? void 0 : y.firstWeekContainsDate) !== null && n !== void 0 ? n : 1);
-  if (!(De >= 1 && De <= 7))
+  var Ct = String(a), Ie = Be(), me = (i = (s = t == null ? void 0 : t.locale) !== null && s !== void 0 ? s : Ie.locale) !== null && i !== void 0 ? i : Gt, Te = q((n = (r = (l = (o = t == null ? void 0 : t.firstWeekContainsDate) !== null && o !== void 0 ? o : t == null || (h = t.locale) === null || h === void 0 || (v = h.options) === null || v === void 0 ? void 0 : v.firstWeekContainsDate) !== null && l !== void 0 ? l : Ie.firstWeekContainsDate) !== null && r !== void 0 ? r : (f = Ie.locale) === null || f === void 0 || (y = f.options) === null || y === void 0 ? void 0 : y.firstWeekContainsDate) !== null && n !== void 0 ? n : 1);
+  if (!(Te >= 1 && Te <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var He = q((_ = (S = (N = (T = t == null ? void 0 : t.weekStartsOn) !== null && T !== void 0 ? T : t == null || (k = t.locale) === null || k === void 0 || (W = k.options) === null || W === void 0 ? void 0 : W.weekStartsOn) !== null && N !== void 0 ? N : Te.weekStartsOn) !== null && S !== void 0 ? S : (ne = Te.locale) === null || ne === void 0 || (Ie = ne.options) === null || Ie === void 0 ? void 0 : Ie.weekStartsOn) !== null && _ !== void 0 ? _ : 0);
+  var He = q((_ = (S = (N = (T = t == null ? void 0 : t.weekStartsOn) !== null && T !== void 0 ? T : t == null || (k = t.locale) === null || k === void 0 || (W = k.options) === null || W === void 0 ? void 0 : W.weekStartsOn) !== null && N !== void 0 ? N : Ie.weekStartsOn) !== null && S !== void 0 ? S : (ne = Ie.locale) === null || ne === void 0 || (ke = ne.options) === null || ke === void 0 ? void 0 : ke.weekStartsOn) !== null && _ !== void 0 ? _ : 0);
   if (!(He >= 0 && He <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (!me.localize)
@@ -7359,14 +7359,14 @@ function hn(e, a, t) {
   if (!Wr(Pe))
     throw new RangeError("Invalid time value");
   var kt = Je(Pe), Re = to(Pe, kt), It = {
-    firstWeekContainsDate: De,
+    firstWeekContainsDate: Te,
     weekStartsOn: He,
     locale: me,
     _originalDate: Pe
   }, Tt = Ct.match(rl).map(function(ee) {
     var x = ee[0];
     if (x === "p" || x === "P") {
-      var R = po[x];
+      var R = go[x];
       return R(ee, me.formatLong);
     }
     return ee;
@@ -7389,7 +7389,7 @@ function cl(e) {
   var a = e.match(ol);
   return a ? a[1].replace(ll, "'") : e;
 }
-function fn(e, a) {
+function mn(e, a) {
   if (e == null)
     throw new TypeError("assign requires that input parameter not be null or undefined");
   for (var t in a)
@@ -7397,7 +7397,7 @@ function fn(e, a) {
   return e;
 }
 function ul(e) {
-  return fn({}, e);
+  return mn({}, e);
 }
 var Na = 1440, hl = 2520, Et = 43200, fl = 86400;
 function ml(e, a, t) {
@@ -7406,15 +7406,15 @@ function ml(e, a, t) {
   var n = Be(), r = (i = (s = t == null ? void 0 : t.locale) !== null && s !== void 0 ? s : n.locale) !== null && i !== void 0 ? i : Gt;
   if (!r.formatDistance)
     throw new RangeError("locale must contain formatDistance property");
-  var l = Ee(e, a);
+  var l = Le(e, a);
   if (isNaN(l))
     throw new RangeError("Invalid time value");
-  var o = fn(ul(t), {
+  var o = mn(ul(t), {
     addSuffix: !!(t != null && t.addSuffix),
     comparison: l
   }), h, v;
   l > 0 ? (h = E(a), v = E(e)) : (h = E(e), v = E(a));
-  var f = ln(v, h), y = (Je(v) - Je(h)) / 1e3, _ = Math.round((f - y) / 60), S;
+  var f = dn(v, h), y = (Je(v) - Je(h)) / 1e3, _ = Math.round((f - y) / 60), S;
   if (_ < 2)
     return t != null && t.includeSeconds ? f < 5 ? r.formatDistance("lessThanXSeconds", 5, o) : f < 10 ? r.formatDistance("lessThanXSeconds", 10, o) : f < 20 ? r.formatDistance("lessThanXSeconds", 20, o) : f < 40 ? r.formatDistance("halfAMinute", 0, o) : f < 60 ? r.formatDistance("lessThanXMinutes", 1, o) : r.formatDistance("xMinutes", 1, o) : _ === 0 ? r.formatDistance("lessThanXMinutes", 1, o) : r.formatDistance("xMinutes", _, o);
   if (_ < 45)
@@ -7433,7 +7433,7 @@ function ml(e, a, t) {
     } else if (_ < fl)
       return S = Math.round(_ / Et), r.formatDistance("aboutXMonths", S, o);
   }
-  if (S = on(v, h), S < 12) {
+  if (S = ln(v, h), S < 12) {
     var k = Math.round(_ / Et);
     return r.formatDistance("xMonths", k, o);
   } else {
@@ -7441,12 +7441,12 @@ function ml(e, a, t) {
     return W < 3 ? r.formatDistance("aboutXYears", ne, o) : W < 9 ? r.formatDistance("overXYears", ne, o) : r.formatDistance("almostXYears", ne + 1, o);
   }
 }
-var gl = ["years", "months", "weeks", "days", "hours", "minutes", "seconds"];
-function pl(e, a) {
+var pl = ["years", "months", "weeks", "days", "hours", "minutes", "seconds"];
+function gl(e, a) {
   var t, i, s, n, r;
   if (arguments.length < 1)
     throw new TypeError("1 argument required, but only ".concat(arguments.length, " present"));
-  var l = Be(), o = (t = (i = a == null ? void 0 : a.locale) !== null && i !== void 0 ? i : l.locale) !== null && t !== void 0 ? t : Gt, h = (s = a == null ? void 0 : a.format) !== null && s !== void 0 ? s : gl, v = (n = a == null ? void 0 : a.zero) !== null && n !== void 0 ? n : !1, f = (r = a == null ? void 0 : a.delimiter) !== null && r !== void 0 ? r : " ";
+  var l = Be(), o = (t = (i = a == null ? void 0 : a.locale) !== null && i !== void 0 ? i : l.locale) !== null && t !== void 0 ? t : Gt, h = (s = a == null ? void 0 : a.format) !== null && s !== void 0 ? s : pl, v = (n = a == null ? void 0 : a.zero) !== null && n !== void 0 ? n : !1, f = (r = a == null ? void 0 : a.delimiter) !== null && r !== void 0 ? r : " ";
   if (!o.formatDistance)
     return "";
   var y = h.reduce(function(_, S) {
@@ -7489,10 +7489,10 @@ function vl(e) {
     throw new RangeError("End Date is invalid");
   var i = {};
   i.years = Math.abs(Jr(t, a));
-  var s = Ee(t, a), n = Ue(a, {
+  var s = Le(t, a), n = Ue(a, {
     years: s * i.years
   });
-  i.months = Math.abs(on(t, n));
+  i.months = Math.abs(ln(t, n));
   var r = Ue(n, {
     months: s * i.months
   });
@@ -7508,7 +7508,7 @@ function vl(e) {
   var h = Ue(o, {
     minutes: s * i.minutes
   });
-  return i.seconds = Math.abs(ln(t, h)), i;
+  return i.seconds = Math.abs(dn(t, h)), i;
 }
 function yl(e, a) {
   O(2, arguments);
@@ -7532,7 +7532,7 @@ function Cl(e) {
   return O(1, arguments), Sl(e, Date.now());
 }
 function kl(e) {
-  return O(1, arguments), sn(e, Date.now());
+  return O(1, arguments), rn(e, Date.now());
 }
 function Il(e, a) {
   O(2, arguments);
@@ -7540,7 +7540,7 @@ function Il(e, a) {
   return qe(e, -t);
 }
 function Tl(e) {
-  return O(1, arguments), sn(e, Il(Date.now(), 1));
+  return O(1, arguments), rn(e, Il(Date.now(), 1));
 }
 function Dl(e, a) {
   O(2, arguments);
@@ -7555,7 +7555,7 @@ function Ol(e, a) {
   var t = E(e);
   return isNaN(t.getTime()) ? /* @__PURE__ */ new Date(NaN) : (a.year != null && t.setFullYear(a.year), a.month != null && (t = Dl(t, a.month)), a.date != null && t.setDate(q(a.date)), a.hours != null && t.setHours(q(a.hours)), a.minutes != null && t.setMinutes(q(a.minutes)), a.seconds != null && t.setSeconds(q(a.seconds)), a.milliseconds != null && t.setMilliseconds(q(a.milliseconds)), t);
 }
-function mn(e, a) {
+function pn(e, a) {
   O(2, arguments);
   var t = q(a);
   return St(e, -t);
@@ -7575,7 +7575,7 @@ const Pt = (e) => e ? new Date(e) : /* @__PURE__ */ new Date(), Ll = (e, a, t) =
   }
   return s;
 }, El = (e, a) => !e || !a ? !1 : yl(e, a), Al = (e, a, t) => {
-  const i = [], s = Pt(new Date(a, e)), n = Pt(new Date(a, e + 1, 0)), l = xt(s, { weekStartsOn: nn }), o = (h) => {
+  const i = [], s = Pt(new Date(a, e)), n = Pt(new Date(a, e + 1, 0)), l = xt(s, { weekStartsOn: sn }), o = (h) => {
     const v = Ll(h, e, t);
     if (i.push({ days: v }), !i[i.length - 1].days.some(
       (f) => El(f.value, n)
@@ -7593,13 +7593,13 @@ const Pt = (e) => e ? new Date(e) : /* @__PURE__ */ new Date(), Ll = (e, a, t) =
   return Qt(l);
 }, Pl = (e) => {
   const a = new Date(e), t = mt(a);
-  let s = rn(mn(a, 1));
+  let s = on(pn(a, 1));
   for (; mt(s) !== t; )
     s = qe(s, -1);
   return Qt(s);
 };
 function Rl(e, a) {
-  const t = Z(dt(e.selectedDate)), i = Z(Bt(e.selectedDate)), s = Z(null), n = Z(0), r = Z([]), l = Le(() => Al(t.value, i.value, s.value)), o = Le(() => (k, W, ne) => xl(k, W, ne));
+  const t = Z(dt(e.selectedDate)), i = Z(Bt(e.selectedDate)), s = Z(null), n = Z(0), r = Z([]), l = Oe(() => Al(t.value, i.value, s.value)), o = Oe(() => (k, W, ne) => xl(k, W, ne));
   Ze(t, () => {
     y(), a("calendar-days", l.value);
   }, { immediate: !0 }), Ze(i, () => {
@@ -7636,7 +7636,7 @@ function Rl(e, a) {
   }
   function _(k) {
     (t.value === 0 && k === -1 || t.value === 11 && k === 1) && (i.value += k);
-    const W = Ol(e.selectedDate, { month: t.value, year: i.value }), ne = k === 1 ? St(W, 1) : mn(W, 1);
+    const W = Ol(e.selectedDate, { month: t.value, year: i.value }), ne = k === 1 ? St(W, 1) : pn(W, 1);
     t.value = dt(ne);
   }
   function S(k) {
@@ -7736,7 +7736,7 @@ const $l = {
       goToNextMonth: _,
       goToPrevMonth: S
     } = Rl(i, s);
-    return Ga(() => {
+    return Qa(() => {
       h();
     }), a({
       focusMonthYearPicker: h,
@@ -7748,19 +7748,19 @@ const $l = {
       gap: "300"
     }, {
       default: c(() => [
-        g(L(Qe), {
+        p(L(Qe), {
           as: "nav",
           direction: "row",
           gap: "200",
           class: "d-datepicker__nav"
         }, {
           default: c(() => [
-            g(L(_e), {
+            p(L(_e), {
               message: e.prevYearLabel,
               placement: "top"
             }, {
               anchor: c(() => [
-                g(L(j), {
+                p(L(j), {
                   id: "prevYearButton",
                   ref: (k) => {
                     k && L(o)(k);
@@ -7776,7 +7776,7 @@ const $l = {
                   onKeydown: T[1] || (T[1] = (k) => L(v)(k))
                 }, {
                   default: c(() => [
-                    g(L(V), {
+                    p(L(V), {
                       name: "chevrons-left",
                       size: "200"
                     })
@@ -7786,12 +7786,12 @@ const $l = {
               ]),
               _: 1
             }, 8, ["message"]),
-            g(L(_e), {
+            p(L(_e), {
               message: e.prevMonthLabel,
               placement: "top"
             }, {
               anchor: c(() => [
-                g(L(j), {
+                p(L(j), {
                   id: "prevMonthButton",
                   ref: (k) => {
                     k && L(o)(k);
@@ -7807,7 +7807,7 @@ const $l = {
                   onKeydown: T[3] || (T[3] = (k) => L(v)(k))
                 }, {
                   default: c(() => [
-                    g(L(V), {
+                    p(L(V), {
                       name: "chevron-left",
                       size: "200"
                     })
@@ -7821,19 +7821,19 @@ const $l = {
           _: 1
         }),
         b("div", $l, M(L(l)(L(n), L(Ot), e.locale)) + " " + M(L(r)), 1),
-        g(L(Qe), {
+        p(L(Qe), {
           as: "nav",
           direction: "row",
           gap: "200",
           class: "d-datepicker__nav"
         }, {
           default: c(() => [
-            g(L(_e), {
+            p(L(_e), {
               message: e.nextMonthLabel,
               placement: "top"
             }, {
               anchor: c(() => [
-                g(L(j), {
+                p(L(j), {
                   id: "nextMonthButton",
                   ref: (k) => {
                     k && L(o)(k);
@@ -7849,7 +7849,7 @@ const $l = {
                   onKeydown: T[5] || (T[5] = (k) => L(v)(k))
                 }, {
                   default: c(() => [
-                    g(L(V), {
+                    p(L(V), {
                       name: "chevron-right",
                       size: "200"
                     })
@@ -7859,12 +7859,12 @@ const $l = {
               ]),
               _: 1
             }, 8, ["message"]),
-            g(L(_e), {
+            p(L(_e), {
               message: e.nextYearLabel,
               placement: "top"
             }, {
               anchor: c(() => [
-                g(L(j), {
+                p(L(j), {
                   id: "nextYearButton",
                   ref: (k) => {
                     k && L(o)(k);
@@ -7880,7 +7880,7 @@ const $l = {
                   onKeydown: T[7] || (T[7] = (k) => L(v)(k))
                 }, {
                   default: c(() => [
-                    g(L(V), {
+                    p(L(V), {
                       name: "chevrons-right",
                       size: "200"
                     })
@@ -7899,12 +7899,12 @@ const $l = {
   }
 };
 function Fl(e, a) {
-  const t = Z(null), i = Z(0), s = Z([]), n = Le(() => Ml(e.locale, nn));
+  const t = Z(null), i = Z(0), s = Z([]), n = Oe(() => Ml(e.locale, sn));
   Ze(() => e.calendarDays, () => {
     i.value = 0, s.value = [], t.value = null;
   });
   function r(y) {
-    return `${e.selectDayLabel} ${y.text} ${hn(y.value, Rr)} ${Bt(y.value)}`;
+    return `${e.selectDayLabel} ${y.text} ${fn(y.value, Rr)} ${Bt(y.value)}`;
   }
   function l(y, _) {
     !s.value.some((S) => S.el === y) && _.currentMonth && s.value.push({ el: y, day: _ });
@@ -8056,7 +8056,7 @@ const zl = {
             key: N + k,
             class: "d-datepicker__cell"
           }, [
-            g(L(j), {
+            p(L(j), {
               ref_for: !0,
               ref: (W) => {
                 W && L(o)(W, T);
@@ -8193,7 +8193,7 @@ const zl = {
     }, {
       default: c(() => [
         b("div", Vl, [
-          g(Nl, {
+          p(Nl, {
             ref: "monthYearPicker",
             locale: e.locale,
             "prev-month-label": e.prevMonthLabel,
@@ -8209,7 +8209,7 @@ const zl = {
           }, null, 8, ["locale", "prev-month-label", "next-month-label", "prev-year-label", "next-year-label", "change-to-label", "selected-date"])
         ]),
         b("div", Wl, [
-          g(Hl, {
+          p(Hl, {
             ref: "calendar",
             locale: e.locale,
             "calendar-days": a.value,
@@ -8248,10 +8248,10 @@ const Ul = {
   components: {
     DtCombobox: $i,
     DtPopover: tt,
-    ComboboxLoadingList: Xa,
-    ComboboxEmptyList: Za
+    ComboboxLoadingList: Za,
+    ComboboxEmptyList: Ja
   },
-  mixins: [Ce],
+  mixins: [we],
   props: {
     /**
      * String to use for the input label.
@@ -8275,7 +8275,7 @@ const Ul = {
     size: {
       type: String,
       default: null,
-      validator: (e) => Object.values(Ja).includes(e)
+      validator: (e) => Object.values(en).includes(e)
     },
     /**
      * Description for the input
@@ -8356,7 +8356,7 @@ const Ul = {
     contentWidth: {
       type: String,
       default: null,
-      validator: (e) => Sn.includes(e)
+      validator: (e) => wn.includes(e)
     },
     /**
      * If the list should be shown by pressing up or down arrow key on the input element.
@@ -8418,7 +8418,7 @@ const Ul = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (e) => bt.includes(e) || e instanceof HTMLElement
+      validator: (e) => gt.includes(e) || e instanceof HTMLElement
     },
     /**
      * Named transition when the content display is toggled.
@@ -8526,7 +8526,7 @@ const Ul = {
   }
 }, jl = ["id"], Kl = { ref: "header" }, Yl = ["onMouseleave", "onFocusout"], Gl = { ref: "footer" };
 function Ql(e, a, t, i, s, n) {
-  const r = p("combobox-loading-list"), l = p("combobox-empty-list"), o = p("dt-popover"), h = p("dt-combobox");
+  const r = g("combobox-loading-list"), l = g("combobox-empty-list"), o = g("dt-popover"), h = g("dt-combobox");
   return d(), D(h, A({
     ref: "combobox",
     loading: t.loading,
@@ -8560,7 +8560,7 @@ function Ql(e, a, t, i, s, n) {
       ], 40, jl)
     ]),
     list: c(({ opened: v, listProps: f, clearHighlightIndex: y }) => [
-      g(o, {
+      p(o, {
         ref: "popover",
         open: s.isListShown,
         "onUpdate:open": a[3] || (a[3] = (_) => s.isListShown = _),
@@ -8584,7 +8584,7 @@ function Ql(e, a, t, i, s, n) {
         "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
         "visually-hidden-close": e.visuallyHiddenClose,
         onOpened: v
-      }, Ft({
+      }, _t({
         content: c(() => [
           b("div", {
             ref: "listWrapper",
@@ -8640,11 +8640,11 @@ const Xl = /* @__PURE__ */ I(Ul, [["render", Ql]]), Zl = {
   name: "DtRecipeComboboxMultiSelect",
   components: {
     DtRecipeComboboxWithPopover: Xl,
-    DtInput: Ya,
-    DtChip: tn,
+    DtInput: Ga,
+    DtChip: an,
     DtValidationMessages: Fe
   },
-  mixins: [Ce],
+  mixins: [we],
   props: {
     /**
      * String to use for the input label.
@@ -8681,7 +8681,7 @@ const Xl = /* @__PURE__ */ I(Ul, [["render", Ql]]), Zl = {
     inputMessages: {
       type: Array,
       default: () => [],
-      validator: (e) => Wa(e)
+      validator: (e) => Ua(e)
     },
     /**
      * Show input validation message
@@ -8778,7 +8778,7 @@ const Xl = /* @__PURE__ */ I(Ul, [["render", Ql]]), Zl = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (e) => bt.includes(e) || e instanceof HTMLElement
+      validator: (e) => gt.includes(e) || e instanceof HTMLElement
     },
     /**
      * Named transition when the content display is toggled.
@@ -8997,7 +8997,7 @@ const Xl = /* @__PURE__ */ I(Ul, [["render", Ql]]), Zl = {
   class: "combobox__list--loading"
 }, rd = { ref: "footer" };
 function od(e, a, t, i, s, n) {
-  const r = p("dt-chip"), l = p("dt-input"), o = p("dt-validation-messages"), h = p("dt-recipe-combobox-with-popover");
+  const r = g("dt-chip"), l = g("dt-input"), o = g("dt-validation-messages"), h = g("dt-recipe-combobox-with-popover");
   return d(), D(h, {
     ref: "comboboxWithPopover",
     label: t.label,
@@ -9011,7 +9011,7 @@ function od(e, a, t, i, s, n) {
     "append-to": t.appendTo,
     transition: t.transition,
     onSelect: n.onComboboxSelect
-  }, Ft({
+  }, _t({
     input: c(({ onInput: v }) => [
       b("span", ad, [
         b("span", nd, [
@@ -9033,7 +9033,7 @@ function od(e, a, t, i, s, n) {
             _: 2
           }, 1040, ["size", "onKeyup", "onClose"]))), 128))
         ], 512),
-        g(l, A({
+        p(l, A({
           ref: "input",
           modelValue: s.value,
           "onUpdate:modelValue": a[0] || (a[0] = (f) => s.value = f),
@@ -9046,7 +9046,7 @@ function od(e, a, t, i, s, n) {
           messages: t.inputMessages,
           size: t.size
         }, K(n.inputListeners), { onInput: v }), null, 16, ["modelValue", "aria-label", "label", "description", "placeholder", "show-messages", "messages", "size", "onInput"]),
-        g(o, {
+        p(o, {
           "validation-messages": t.maxSelectedMessage,
           "show-messages": s.showValidationMessages
         }, null, 8, ["validation-messages", "show-messages"])
@@ -9094,7 +9094,7 @@ const oh = /* @__PURE__ */ I(td, [["render", od], ["__scopeId", "data-v-659a1a3d
     id: {
       type: String,
       default() {
-        return we.getUniqueString();
+        return Me.getUniqueString();
       }
     },
     /**
@@ -9226,7 +9226,7 @@ const oh = /* @__PURE__ */ I(td, [["render", od], ["__scopeId", "data-v-659a1a3d
   }
 };
 function dd(e, a, t, i, s, n) {
-  const r = p("dt-button"), l = p("dt-tooltip");
+  const r = g("dt-button"), l = g("dt-tooltip");
   return d(), D(l, {
     id: t.id,
     offset: [0, 8]
@@ -9235,7 +9235,7 @@ function dd(e, a, t, i, s, n) {
       b("span", {
         class: C({ "dt-recipe-callbar-button--disabled": t.disabled })
       }, [
-        g(r, A({
+        p(r, A({
           importance: n.buttonImportance,
           kind: "muted",
           "icon-position": "top",
@@ -9276,7 +9276,7 @@ const cd = /* @__PURE__ */ I(ld, [["render", dd]]), ud = {
     id: {
       type: String,
       default() {
-        return we.getUniqueString();
+        return Me.getUniqueString();
       }
     },
     /**
@@ -9465,9 +9465,9 @@ const cd = /* @__PURE__ */ I(ld, [["render", dd]]), ud = {
   }
 }, hd = { class: "dt-recipe--callbar-button-with-popover" };
 function fd(e, a, t, i, s, n) {
-  const r = p("dt-recipe-callbar-button"), l = p("dt-icon"), o = p("dt-button"), h = p("dt-popover");
+  const r = g("dt-recipe-callbar-button"), l = g("dt-icon"), o = g("dt-button"), h = g("dt-popover");
   return d(), u("div", hd, [
-    g(r, {
+    p(r, {
       "aria-label": t.ariaLabel,
       disabled: t.disabled,
       active: t.active,
@@ -9507,7 +9507,7 @@ function fd(e, a, t, i, s, n) {
       onOpened: n.onModalIsOpened
     }), {
       anchor: c(() => [
-        g(o, {
+        p(o, {
           circle: "",
           importance: "clear",
           size: "lg",
@@ -9521,7 +9521,7 @@ function fd(e, a, t, i, s, n) {
           onClick: n.arrowClick
         }, {
           icon: c(() => [
-            g(l, {
+            p(l, {
               name: "chevron-up",
               class: "dt-recipe--callbar-button-with-popover--arrow__icon",
               size: "200"
@@ -9546,8 +9546,8 @@ function fd(e, a, t, i, s, n) {
 const lh = /* @__PURE__ */ I(ud, [["render", fd]]), md = {
   name: "DtRecipeContactInfo",
   components: {
-    DtAvatar: vt,
-    DtListItem: pt
+    DtAvatar: bt,
+    DtItemLayout: Wa
   },
   /* inheritAttrs: false is generally an option we want to set on library
     components. This allows any attributes passed in that are not recognized
@@ -9555,15 +9555,6 @@ const lh = /* @__PURE__ */ I(ud, [["render", fd]]), md = {
     more info: https://vuejs.org/v2/api/#inheritAttrs */
   // inheritAttrs: false,
   props: {
-    /**
-     * Id for the item.
-     */
-    id: {
-      type: String,
-      default() {
-        return we.getUniqueString();
-      }
-    },
     /**
      * String to use for the item's role.
      */
@@ -9654,50 +9645,17 @@ const lh = /* @__PURE__ */ I(ud, [["render", fd]]), md = {
       this.$emit("avatar-click");
     }
   }
-}, gd = ["aria-labelledby"], pd = {
+}, pd = ["aria-labelledby"], gd = {
   key: 0,
   class: "dt-contact-info--avatars"
 }, bd = { "data-qa": "contact-info-header" }, vd = { "data-qa": "contact-info-subtitle" }, yd = { "data-qa": "contact-info-bottom" }, _d = { "data-qa": "contact-info-right" };
 function Sd(e, a, t, i, s, n) {
-  const r = p("dt-avatar"), l = p("dt-list-item");
+  const r = g("dt-avatar"), l = g("dt-item-layout");
   return d(), D(l, {
-    id: t.id,
     role: t.role,
-    "element-type": "div",
     "data-qa": "contact-info",
     class: "dt-contact-info"
-  }, {
-    left: c(() => [
-      t.showAvatar ? (d(), u("button", {
-        key: 0,
-        class: "dt-contact-info__left",
-        "data-qa": "contact-info-left",
-        "aria-labelledby": t.avatarAriaLabel,
-        onClick: a[0] || (a[0] = (...o) => n.avatarClick && n.avatarClick(...o))
-      }, [
-        t.avatarList ? (d(), u("span", pd, [
-          (d(!0), u(Q, null, J(t.avatarList, (o, h) => (d(), D(r, {
-            key: h,
-            size: t.avatarSize,
-            seed: o.seed,
-            "full-name": o.fullName,
-            "image-src": o.src,
-            "icon-name": t.avatarIcon,
-            "overlay-icon": o.icon,
-            "overlay-text": o.text,
-            "avatar-class": [{ "d-mln24": h > 0, "d-bc-brand": !!o.halo }]
-          }, null, 8, ["size", "seed", "full-name", "image-src", "icon-name", "overlay-icon", "overlay-text", "avatar-class"]))), 128))
-        ])) : (d(), D(r, {
-          key: 1,
-          size: t.avatarSize,
-          "full-name": t.avatarFullName,
-          "image-src": t.avatarSrc,
-          "icon-name": t.avatarIcon,
-          seed: t.avatarSeed,
-          presence: t.presence
-        }, null, 8, ["size", "full-name", "image-src", "icon-name", "seed", "presence"]))
-      ], 8, gd)) : w("", !0)
-    ]),
+  }, _t({
     default: c(() => [
       b("div", bd, [
         m(e.$slots, "header", {}, void 0, !0)
@@ -9708,20 +9666,63 @@ function Sd(e, a, t, i, s, n) {
         m(e.$slots, "subtitle", {}, void 0, !0)
       ])
     ]),
-    bottom: c(() => [
-      b("div", yd, [
-        m(e.$slots, "bottom", {}, void 0, !0)
-      ])
-    ]),
-    right: c(() => [
-      b("div", _d, [
-        m(e.$slots, "right", {}, void 0, !0)
-      ])
-    ]),
-    _: 3
-  }, 8, ["id", "role"]);
+    _: 2
+  }, [
+    t.showAvatar ? {
+      name: "left",
+      fn: c(() => [
+        b("button", {
+          class: "dt-contact-info__left",
+          "data-qa": "contact-info-left",
+          "aria-labelledby": t.avatarAriaLabel,
+          onClick: a[0] || (a[0] = (...o) => n.avatarClick && n.avatarClick(...o))
+        }, [
+          t.avatarList ? (d(), u("span", gd, [
+            (d(!0), u(Q, null, J(t.avatarList, (o, h) => (d(), D(r, {
+              key: h,
+              size: t.avatarSize,
+              seed: o.seed,
+              "full-name": o.fullName,
+              "image-src": o.src,
+              "icon-name": t.avatarIcon,
+              "overlay-icon": o.icon,
+              "overlay-text": o.text,
+              "avatar-class": [{ "d-mln24": h > 0, "d-bc-brand": !!o.halo }]
+            }, null, 8, ["size", "seed", "full-name", "image-src", "icon-name", "overlay-icon", "overlay-text", "avatar-class"]))), 128))
+          ])) : (d(), D(r, {
+            key: 1,
+            size: t.avatarSize,
+            "full-name": t.avatarFullName,
+            "image-src": t.avatarSrc,
+            "icon-name": t.avatarIcon,
+            seed: t.avatarSeed,
+            presence: t.presence
+          }, null, 8, ["size", "full-name", "image-src", "icon-name", "seed", "presence"]))
+        ], 8, pd)
+      ]),
+      key: "0"
+    } : void 0,
+    e.$slots.bottom ? {
+      name: "bottom",
+      fn: c(() => [
+        b("div", yd, [
+          m(e.$slots, "bottom", {}, void 0, !0)
+        ])
+      ]),
+      key: "1"
+    } : void 0,
+    e.$slots.right ? {
+      name: "right",
+      fn: c(() => [
+        b("div", _d, [
+          m(e.$slots, "right", {}, void 0, !0)
+        ])
+      ]),
+      key: "2"
+    } : void 0
+  ]), 1032, ["role"]);
 }
-const dh = /* @__PURE__ */ I(md, [["render", Sd], ["__scopeId", "data-v-20548ad1"]]), wd = [
+const dh = /* @__PURE__ */ I(md, [["render", Sd], ["__scopeId", "data-v-192ef233"]]), wd = [
   "green300",
   "green100",
   "red200",
@@ -9906,7 +9907,7 @@ const ch = /* @__PURE__ */ I(Cd, [["render", Dd]]), Xt = "promptmenu", Zt = "pro
   "data-qa": "ivr-node-label"
 }, xd = { class: "ivr_node__dropdown-list" };
 function Bd(e, a, t, i, s, n) {
-  const r = p("dt-icon"), l = p("dt-button"), o = p("dt-dropdown"), h = p("dt-card");
+  const r = g("dt-icon"), l = g("dt-button"), o = g("dt-dropdown"), h = g("dt-card");
   return d(), u("div", A({ class: "ivr_node" }, K(n.nodeListeners, !0)), [
     t.dtmfKey ? (d(), u("div", {
       key: 0,
@@ -9919,7 +9920,7 @@ function Bd(e, a, t, i, s, n) {
       "data-qa": "dt-top-connector",
       class: C(["ivr-connector", { "ivr-connector--selected": t.isSelected }])
     }, null, 2)) : w("", !0),
-    g(h, {
+    p(h, {
       "content-class": "d-bt d-bc-black-300 d-px12 d-pt8 d-pb12",
       "container-class": [
         "d-w100p",
@@ -9937,14 +9938,14 @@ function Bd(e, a, t, i, s, n) {
     }, {
       header: c(() => [
         b("div", Ad, [
-          g(l, {
+          p(l, {
             "aria-label": t.nodeType,
             importance: "clear",
             kind: "muted",
             "data-qa": "dt-ivr-node-icon"
           }, {
             icon: c(() => [
-              g(r, {
+              p(r, {
                 name: n.nodeIcon,
                 size: "200",
                 class: C(["", { ivr_node__goto_icon: n.isGotoNode }])
@@ -9954,20 +9955,20 @@ function Bd(e, a, t, i, s, n) {
           }, 8, ["aria-label"]),
           b("p", Md, M(t.nodeLabel), 1)
         ]),
-        g(o, {
+        p(o, {
           open: s.isOpen,
           "onUpdate:open": a[0] || (a[0] = (v) => s.isOpen = v),
           placement: "bottom"
         }, {
           anchor: c(() => [
-            g(l, {
+            p(l, {
               importance: "clear",
               kind: "muted",
               "aria-label": t.menuButtonAriaLabel,
               onClick: ce(n.openMenu, ["stop", "prevent"])
             }, {
               icon: c(() => [
-                g(r, {
+                p(r, {
                   name: "more-vertical",
                   size: "200"
                 })
@@ -9993,7 +9994,7 @@ function Bd(e, a, t, i, s, n) {
 const hh = /* @__PURE__ */ I(Ed, [["render", Bd]]), Pd = {
   name: "DtRecipeGroupedChip",
   components: {
-    DtChip: tn
+    DtChip: an
   },
   data() {
     return {
@@ -10017,16 +10018,16 @@ const hh = /* @__PURE__ */ I(Ed, [["render", Bd]]), Pd = {
   "data-qa": "right-grouped-chip-content"
 };
 function qd(e, a, t, i, s, n) {
-  const r = p("dt-chip");
+  const r = g("dt-chip");
   return d(), u("div", Rd, [
-    g(r, {
+    p(r, {
       "hide-close": !0,
       interactive: !1,
       "content-class": "d-fs100",
       size: "xs",
       "grouped-chip": !0,
       class: "dt-chip-content dt-chip-content--left"
-    }, Ft({
+    }, _t({
       default: c(() => [
         s.hasSlotContent(e.$slots.leftContent) ? (d(), u("div", Nd, [
           m(e.$slots, "leftContent")
@@ -10044,7 +10045,7 @@ function qd(e, a, t, i, s, n) {
         key: "0"
       } : void 0
     ]), 1024),
-    g(r, {
+    p(r, {
       "hide-close": !0,
       interactive: !1,
       "content-class": "d-fs100",
@@ -10093,7 +10094,7 @@ const fh = /* @__PURE__ */ I(Pd, [["render", qd]]), Hd = {
   }
 };
 function Vd(e, a, t, i, s, n) {
-  const r = p("dt-icon"), l = p("dt-button");
+  const r = g("dt-icon"), l = g("dt-button");
   return t.updateAvailable ? (d(), D(l, A({
     key: 0,
     importance: "outlined",
@@ -10103,7 +10104,7 @@ function Vd(e, a, t, i, s, n) {
     "aria-label": t.ariaLabel
   }, e.$attrs), {
     icon: c(() => [
-      g(r, {
+      p(r, {
         name: "more-vertical",
         size: "300"
       })
@@ -10120,7 +10121,7 @@ function Vd(e, a, t, i, s, n) {
     "aria-label": t.ariaLabel
   }, e.$attrs), {
     icon: c(() => [
-      g(r, {
+      p(r, {
         name: "more-vertical",
         size: "300"
       })
@@ -10154,7 +10155,7 @@ const mh = /* @__PURE__ */ I(Hd, [["render", Vd], ["__scopeId", "data-v-b0dfa8b3
   "channel unread": "hash-bold",
   [G.ASSIGNED]: "at-sign",
   [G.DIGITAL]: "laptop-2"
-}, gt = {
+}, pt = {
   "magenta-200": "d-bgc-magenta-200",
   "green-200": "d-bgc-green-200",
   "gold-300": "d-bgc-gold-300",
@@ -10166,7 +10167,7 @@ const mh = /* @__PURE__ */ I(Hd, [["render", Vd], ["__scopeId", "data-v-b0dfa8b3
   "magenta-400": "d-bgc-magenta-400",
   "magenta-100": "d-bgc-magenta-100",
   "black-300": "d-bgc-black-300"
-}, Ud = "If type is contact center, color must be oneof the following:" + Object.keys(gt).join(", "), jd = [
+}, Ud = "If type is contact center, color must be oneof the following:" + Object.keys(pt).join(", "), jd = [
   "300",
   "200"
 ], Kd = {
@@ -10202,7 +10203,7 @@ const mh = /* @__PURE__ */ I(Hd, [["render", Vd], ["__scopeId", "data-v-b0dfa8b3
     contactCenterIconClasses() {
       return [
         "dt-leftbar-row__icon-cc",
-        gt[this.color]
+        pt[this.color]
       ];
     },
     dialbotClasses() {
@@ -10215,7 +10216,7 @@ const mh = /* @__PURE__ */ I(Hd, [["render", Vd], ["__scopeId", "data-v-b0dfa8b3
   }
 };
 function Yd(e, a, t, i, s, n) {
-  const r = p("dt-icon");
+  const r = g("dt-icon");
   return n.isIconType ? (d(), D(r, {
     key: 0,
     name: n.getIconName,
@@ -10228,7 +10229,7 @@ function Yd(e, a, t, i, s, n) {
     class: C(n.dialbotClasses),
     "data-qa": "general-row-dialbot"
   }, [
-    g(r, {
+    p(r, {
       name: "dialbot",
       size: "500"
     })
@@ -10276,7 +10277,7 @@ const Gd = /* @__PURE__ */ I(Kd, [["render", Yd]]), Qd = {
     color: {
       type: String,
       default: null,
-      validator: (e) => Object.keys(gt).includes(e)
+      validator: (e) => Object.keys(pt).includes(e)
     },
     /**
      * Styles the row with an increased font weight to convey it has unreads. This must be true to see
@@ -10438,7 +10439,7 @@ const Gd = /* @__PURE__ */ I(Kd, [["render", Yd]]), Qd = {
   },
   methods: {
     validateProps() {
-      this.type === G.CONTACT_CENTER && !Object.keys(gt).includes(this.color) && console.error(Ud);
+      this.type === G.CONTACT_CENTER && !Object.keys(pt).includes(this.color) && console.error(Ud);
     },
     adjustLabelWidth() {
       var s, n, r, l, o, h;
@@ -10465,7 +10466,7 @@ const Gd = /* @__PURE__ */ I(Kd, [["render", Yd]]), Qd = {
   "data-qa": "dt-leftbar-row-action"
 };
 function oc(e, a, t, i, s, n) {
-  const r = p("dt-recipe-leftbar-general-row-icon"), l = p("dt-emoji-text-wrapper"), o = p("dt-tooltip"), h = p("dt-icon"), v = p("dt-badge"), f = p("dt-button");
+  const r = g("dt-recipe-leftbar-general-row-icon"), l = g("dt-emoji-text-wrapper"), o = g("dt-tooltip"), h = g("dt-icon"), v = g("dt-badge"), f = g("dt-button");
   return d(), u("div", {
     class: C(n.leftbarGeneralRowClasses),
     "data-qa": "dt-leftbar-row"
@@ -10479,7 +10480,7 @@ function oc(e, a, t, i, s, n) {
     }, e.$attrs, K(n.generalRowListeners, !0)), [
       b("div", Zd, [
         t.isTyping ? (d(), u("div", Jd, nc)) : m(e.$slots, "left", { key: 1 }, () => [
-          g(r, {
+          p(r, {
             type: n.getIcon,
             color: t.color,
             "icon-size": t.iconSize,
@@ -10489,10 +10490,10 @@ function oc(e, a, t, i, s, n) {
       ]),
       b("div", {
         class: "dt-leftbar-row__label",
-        style: ke(`flex-basis: ${s.labelWidth}`)
+        style: Ce(`flex-basis: ${s.labelWidth}`)
       }, [
         m(e.$slots, "label", {}, () => [
-          g(l, {
+          p(l, {
             class: "dt-leftbar-row__description",
             "data-qa": "dt-leftbar-row-description",
             size: "200"
@@ -10521,7 +10522,7 @@ function oc(e, a, t, i, s, n) {
         _: 1
       }, 8, ["message"])) : w("", !0),
       t.activeVoiceChat ? (d(), u("div", sc, [
-        g(h, {
+        p(h, {
           size: "300",
           name: "waveform"
         })
@@ -10531,7 +10532,7 @@ function oc(e, a, t, i, s, n) {
         placement: "top"
       }, {
         anchor: c(() => [
-          g(v, {
+          p(v, {
             kind: "count",
             type: "bulletin",
             "data-qa": "dt-leftbar-row-unread-badge",
@@ -10546,12 +10547,12 @@ function oc(e, a, t, i, s, n) {
         _: 1
       }, 8, ["message"])) : w("", !0),
       t.hasCallButton ? (d(), u("div", rc, [
-        g(o, {
+        p(o, {
           message: t.callButtonTooltip,
           placement: "top"
         }, {
           anchor: c(() => [
-            g(f, {
+            p(f, {
               class: "dt-leftbar-row__action-button",
               "data-qa": "dt-leftbar-row-action-call-button",
               circle: !0,
@@ -10563,7 +10564,7 @@ function oc(e, a, t, i, s, n) {
               onClick: a[2] || (a[2] = ce((y) => e.$emit("call", y), ["stop"]))
             }, {
               icon: c(() => [
-                g(h, {
+                p(h, {
                   name: "phone",
                   size: "200"
                 })
@@ -10577,11 +10578,11 @@ function oc(e, a, t, i, s, n) {
     ])) : w("", !0)
   ], 2);
 }
-const pn = /* @__PURE__ */ I(Qd, [["render", oc], ["__scopeId", "data-v-49d75ce6"]]), lc = {
+const bn = /* @__PURE__ */ I(Qd, [["render", oc], ["__scopeId", "data-v-49d75ce6"]]), lc = {
   name: "DtRecipeGroupRow",
   components: {
     DtIcon: V,
-    DtRecipeGeneralRow: pn
+    DtRecipeGeneralRow: bn
   },
   inheritAttrs: !1,
   props: {
@@ -10647,7 +10648,7 @@ const pn = /* @__PURE__ */ I(Qd, [["render", oc], ["__scopeId", "data-v-49d75ce6
   }
 };
 function dc(e, a, t, i, s, n) {
-  const r = p("dt-icon"), l = p("dt-recipe-general-row");
+  const r = g("dt-icon"), l = g("dt-recipe-general-row");
   return d(), D(l, A({
     description: t.names,
     "aria-label": n.ariaLabel,
@@ -10658,7 +10659,7 @@ function dc(e, a, t, i, s, n) {
     "is-typing": t.isTyping
   }, e.$attrs, K(n.contactRowListeners)), {
     left: c(() => [
-      g(r, {
+      p(r, {
         name: "users",
         size: "300"
       })
@@ -10666,11 +10667,11 @@ function dc(e, a, t, i, s, n) {
     _: 1
   }, 16, ["description", "aria-label", "unread-count", "has-unreads", "unread-count-tooltip", "selected", "is-typing"]);
 }
-const gh = /* @__PURE__ */ I(lc, [["render", dc]]), cc = {
+const ph = /* @__PURE__ */ I(lc, [["render", dc]]), cc = {
   name: "DtRecipeContactRow",
   components: {
-    DtAvatar: vt,
-    DtRecipeGeneralRow: pn,
+    DtAvatar: bt,
+    DtRecipeGeneralRow: bn,
     DtEmojiTextWrapper: Ht
   },
   inheritAttrs: !1,
@@ -10829,7 +10830,7 @@ const gh = /* @__PURE__ */ I(lc, [["render", dc]]), cc = {
   }
 }, uc = { class: "dt-leftbar-row__status" };
 function hc(e, a, t, i, s, n) {
-  const r = p("dt-avatar"), l = p("dt-emoji-text-wrapper"), o = p("dt-recipe-general-row");
+  const r = g("dt-avatar"), l = g("dt-emoji-text-wrapper"), o = g("dt-recipe-general-row");
   return d(), D(o, A({
     "unread-count": t.unreadCount,
     description: n.contactDescription,
@@ -10844,7 +10845,7 @@ function hc(e, a, t, i, s, n) {
     onCall: a[0] || (a[0] = (h) => e.$emit("call", h))
   }), {
     left: c(() => [
-      g(r, {
+      p(r, {
         "full-name": t.name,
         "image-src": t.avatarSrc,
         "image-alt": t.avatarAlt,
@@ -10856,7 +10857,7 @@ function hc(e, a, t, i, s, n) {
       }, null, 8, ["full-name", "image-src", "image-alt", "icon-name", "seed", "presence"])
     ]),
     label: c(() => [
-      g(l, {
+      p(l, {
         class: "dt-leftbar-row__description",
         "data-qa": "dt-leftbar-row-description",
         size: "200"
@@ -10889,7 +10890,7 @@ function hc(e, a, t, i, s, n) {
     _: 1
   }, 16, ["unread-count", "description", "has-unreads", "selected", "has-call-button", "muted", "is-typing", "call-button-tooltip", "unread-count-tooltip"]);
 }
-const ph = /* @__PURE__ */ I(cc, [["render", hc]]), fc = ["up", "down"], mc = ["mentions", "messages"], gc = {
+const gh = /* @__PURE__ */ I(cc, [["render", hc]]), fc = ["up", "down"], mc = ["mentions", "messages"], pc = {
   name: "DtRecipeUnreadPill",
   components: {
     DtIcon: V
@@ -10930,33 +10931,33 @@ const ph = /* @__PURE__ */ I(cc, [["render", hc]]), fc = ["up", "down"], mc = ["
       };
     }
   }
-}, pc = { "data-qa": "dt-leftbar-unread-pill__label" };
+}, gc = { "data-qa": "dt-leftbar-unread-pill__label" };
 function bc(e, a, t, i, s, n) {
-  const r = p("dt-icon");
+  const r = g("dt-icon");
   return d(), u("button", A({
     class: ["dt-leftbar-unread-pill", `dt-leftbar-unread-pill--${t.kind}`],
     type: "button",
     "data-qa": "dt-leftbar-unread-pill"
   }, K(n.unreadChipListeners, !0)), [
-    g(r, {
+    p(r, {
       name: `arrow-${t.direction}`,
       size: "300"
     }, null, 8, ["name"]),
-    b("span", pc, [
+    b("span", gc, [
       m(e.$slots, "default")
     ])
   ], 16);
 }
-const bh = /* @__PURE__ */ I(gc, [["render", bc]]), Fa = {
+const bh = /* @__PURE__ */ I(pc, [["render", bc]]), Fa = {
   NORMAL: "",
   SEARCHED: "dt-feed-item-row--state-searched",
   ERROR: "dt-feed-item-row--state-error"
 }, lt = "NORMAL", vc = {
   name: "DtRecipeFeedItemRow",
   components: {
-    DtAvatar: vt,
+    DtAvatar: bt,
     DtLazyShow: zt,
-    DtListItem: pt,
+    DtListItem: $t,
     DtBadge: Vt
   },
   mixins: [et],
@@ -11125,7 +11126,7 @@ const bh = /* @__PURE__ */ I(gc, [["render", bc]]), Fa = {
   class: "dt-feed-item-row__menu"
 };
 function Oc(e, a, t, i, s, n) {
-  const r = p("dt-avatar"), l = p("dt-badge"), o = p("dt-lazy-show"), h = p("dt-list-item");
+  const r = g("dt-avatar"), l = g("dt-badge"), o = g("dt-lazy-show"), h = g("dt-list-item");
   return d(), D(h, A({
     ref: "FeedItemRef",
     "navigation-type": "none"
@@ -11136,19 +11137,19 @@ function Oc(e, a, t, i, s, n) {
     left: c(() => [
       t.showHeader ? (d(), u("div", yc, [
         m(e.$slots, "avatar", {}, () => [
-          g(r, {
+          p(r, {
             "full-name": t.displayName,
             "image-src": t.avatarImageUrl,
             seed: t.avatarSeed
           }, null, 8, ["full-name", "image-src", "seed"])
         ], !0)
       ])) : w("", !0),
-      t.showHeader ? w("", !0) : Ae((d(), u("span", {
+      t.showHeader ? w("", !0) : Ee((d(), u("span", {
         key: 1,
         class: "dt-feed-item-row__left-time",
         "data-qa": "dt-feed-item-row--left-time"
       }, M(t.shortTime), 513)), [
-        [Me, t.isActive]
+        [Ae, t.isActive]
       ])
     ]),
     bottom: c(() => [
@@ -11160,8 +11161,8 @@ function Oc(e, a, t, i, s, n) {
       ])) : w("", !0)
     ]),
     right: c(() => [
-      Ae(b("div", Dc, [
-        g(o, {
+      Ee(b("div", Dc, [
+        p(o, {
           appear: !0,
           transition: "fade",
           show: t.isActive
@@ -11172,7 +11173,7 @@ function Oc(e, a, t, i, s, n) {
           _: 3
         }, 8, ["show"])
       ], 512), [
-        [Me, t.isActive]
+        [Ae, t.isActive]
       ])
     ]),
     default: c(() => [
@@ -11193,13 +11194,13 @@ function Oc(e, a, t, i, s, n) {
     _: 3
   }, 16, ["class"]);
 }
-const vh = /* @__PURE__ */ I(vc, [["render", Oc], ["__scopeId", "data-v-6f22a9bd"]]), za = {
+const vh = /* @__PURE__ */ I(vc, [["render", Oc], ["__scopeId", "data-v-a387e328"]]), za = {
   default: "dt-recipe-feed-item-pill__border-default",
   ai: "dt-recipe-feed-item-pill__border-ai",
   critical: "dt-recipe-feed-item-pill__border-critical"
 }, Lc = {
   name: "DtRecipeFeedItemPill",
-  components: { DtItemLayout: wn, DtIcon: V, DtCollapsible: Ui },
+  components: { DtItemLayout: Wa, DtIcon: V, DtCollapsible: Ui },
   props: {
     /**
      * Accepts a DtIcon name to be shown in the left
@@ -11281,12 +11282,12 @@ const vh = /* @__PURE__ */ I(vc, [["render", Oc], ["__scopeId", "data-v-6f22a9bd
   }
 }, Ec = { class: "dt-recipe-feed-item-pill__wrapper" }, Ac = ["aria-label"], Mc = { class: "dt-recipe-feed-item-pill__title" }, xc = { class: "dt-recipe-feed-item-pill__content" };
 function Bc(e, a, t, i, s, n) {
-  const r = p("dt-icon"), l = p("dt-item-layout"), o = p("dt-collapsible");
+  const r = g("dt-icon"), l = g("dt-item-layout"), o = g("dt-collapsible");
   return d(), u("div", {
     class: C(["dt-recipe-feed-item-pill__border", n.borderClass, t.wrapperClass])
   }, [
     b("div", Ec, [
-      g(o, { open: s.expanded }, {
+      p(o, { open: s.expanded }, {
         anchor: c(() => [
           b("button", {
             "data-qa": "dt-recipe-feed-item-pill",
@@ -11298,9 +11299,9 @@ function Bc(e, a, t, i, s, n) {
             onMouseleave: a[3] || (a[3] = (h) => s.hover = !1),
             onClick: a[4] || (a[4] = (...h) => n.onClick && n.onClick(...h))
           }, [
-            g(l, { class: "dt-recipe-feed-item-pill__layout" }, {
+            p(l, { class: "dt-recipe-feed-item-pill__layout" }, {
               left: c(() => [
-                g(r, {
+                p(r, {
                   "data-qa": "dt-recipe-feed-item-pill__icon",
                   size: "300",
                   class: "dt-recipe-feed-item-pill__icon",
@@ -11408,20 +11409,20 @@ const _h = /* @__PURE__ */ I(Pc, [["render", $c]]), Nc = [
   }
 }, zc = { class: "dt-emoji-row" }, qc = ["reaction"], Hc = { "aria-hidden": "true" }, Vc = { class: "dt-emoji-row__emoji" }, Wc = { class: "dt-emoji-row__reaction-number" };
 function Uc(e, a, t, i, s, n) {
-  const r = p("dt-emoji-text-wrapper"), l = p("dt-emoji"), o = p("dt-button"), h = p("dt-tooltip");
+  const r = g("dt-emoji-text-wrapper"), l = g("dt-emoji"), o = g("dt-button"), h = g("dt-tooltip");
   return d(), u("span", zc, [
     (d(!0), u(Q, null, J(t.reactions, (v) => (d(), u("span", {
       key: v.unicodeOutput,
       reaction: v
     }, [
-      g(h, {
+      p(h, {
         class: "dt-emoji-row__tooltip",
         "content-class": "d-wmx464",
         sticky: "popper",
         onShown: (f) => n.emojiHovered(v, f)
       }, {
         anchor: c(({ attrs: f }) => [
-          g(o, {
+          p(o, {
             importance: "clear",
             size: "sm",
             "data-qa": "feed-item-reaction-button",
@@ -11432,7 +11433,7 @@ function Uc(e, a, t, i, s, n) {
           }, {
             default: c(() => [
               b("span", Vc, [
-                g(l, {
+                p(l, {
                   size: "200",
                   code: v.emojiUnicodeOrShortname
                 }, null, 8, ["code"])
@@ -11444,7 +11445,7 @@ function Uc(e, a, t, i, s, n) {
         ]),
         default: c(() => [
           b("span", Hc, [
-            g(r, { size: "200" }, {
+            p(r, { size: "200" }, {
               default: c(() => [
                 z(M(v.tooltip), 1)
               ]),
@@ -11507,7 +11508,7 @@ function Qc(e, a, t, i, s, n) {
   }, [
     (d(), u("svg", {
       class: "progress-bar",
-      style: ke(n.cssVars)
+      style: Ce(n.cssVars)
     }, [
       b("circle", Yc, null, 512),
       Gc
@@ -11560,9 +11561,9 @@ const Xc = /* @__PURE__ */ I(jc, [["render", Qc]]), Zc = {
   }
 }, Jc = { class: "dt-attachment-image" }, eu = { class: "dt-attachment-image__top-right" };
 function tu(e, a, t, i, s, n) {
-  const r = p("dt-image-viewer"), l = p("dt-progress-bar"), o = p("dt-icon"), h = p("dt-button");
+  const r = g("dt-image-viewer"), l = g("dt-progress-bar"), o = g("dt-icon"), h = g("dt-button");
   return d(), u("li", Jc, [
-    g(r, {
+    p(r, {
       "image-button-class": "dt-attachment-image__image-viewer",
       "image-src": t.mediaItem.path,
       "image-alt": t.mediaItem.altText,
@@ -11576,7 +11577,7 @@ function tu(e, a, t, i, s, n) {
         progress: t.mediaItem.progress,
         "progressbar-aria-label": t.progressbarAriaLabel
       }, null, 8, ["progress", "progressbar-aria-label"])) : w("", !0),
-      g(h, {
+      p(h, {
         id: `closeButton-${t.index}`,
         tabindex: "0",
         class: "dt-attachment-image__close-button",
@@ -11587,7 +11588,7 @@ function tu(e, a, t, i, s, n) {
         onClick: a[0] || (a[0] = (v) => n.removeMediaItem(t.index))
       }, {
         icon: c(() => [
-          g(o, {
+          p(o, {
             name: "close",
             size: "200"
           })
@@ -11710,7 +11711,7 @@ const au = /* @__PURE__ */ I(Zc, [["render", tu]]), nu = 64, iu = {
   role: "presentation"
 };
 function ru(e, a, t, i, s, n) {
-  const r = p("dt-icon"), l = p("dt-button");
+  const r = g("dt-icon"), l = g("dt-button");
   return d(), u("div", su, [
     t.mediaList.length > 0 ? (d(), u("ul", {
       key: 0,
@@ -11729,7 +11730,7 @@ function ru(e, a, t, i, s, n) {
         onFocusin: n.onItemFocus
       }, null, 40, ["index", "media-item", "close-aria-label", "click-to-open-aria-label", "progressbar-aria-label", "onRemoveMedia", "onFocusin"]))), 128))
     ], 544)) : w("", !0),
-    Ae(g(l, {
+    Ee(p(l, {
       tabindex: "-1",
       "aria-label": t.leftArrowAriaLabel,
       class: "dt-attachment-carousel__arrow dt-attachment-carousel__arrow--left",
@@ -11739,16 +11740,16 @@ function ru(e, a, t, i, s, n) {
       onClick: n.leftScroll
     }, {
       icon: c(() => [
-        g(r, {
+        p(r, {
           name: "arrow-left",
           size: "100"
         })
       ]),
       _: 1
     }, 8, ["aria-label", "onClick"]), [
-      [Me, s.showLeftArrow]
+      [Ae, s.showLeftArrow]
     ]),
-    Ae(g(l, {
+    Ee(p(l, {
       tabindex: "-1",
       "aria-label": t.rightArrowAriaLabel,
       class: "dt-attachment-carousel__arrow dt-attachment-carousel__arrow--right",
@@ -11758,14 +11759,14 @@ function ru(e, a, t, i, s, n) {
       onClick: n.rightScroll
     }, {
       icon: c(() => [
-        g(r, {
+        p(r, {
           name: "arrow-right",
           size: "100"
         })
       ]),
       _: 1
     }, 8, ["aria-label", "onClick"]), [
-      [Me, s.showRightArrow]
+      [Ae, s.showRightArrow]
     ])
   ]);
 }
@@ -11784,7 +11785,7 @@ const wh = /* @__PURE__ */ I(iu, [["render", ru]]), ou = [
     DtIcon: V,
     DtPopover: tt,
     DtStack: Qe,
-    DtInput: Ya,
+    DtInput: Ga,
     DtTooltip: _e
   },
   mixins: [],
@@ -12161,14 +12162,14 @@ const wh = /* @__PURE__ */ I(iu, [["render", ru]]), ou = [
   }
 }, cu = /* @__PURE__ */ b("div", { class: "dt-editor--button-group-divider" }, null, -1), uu = { key: 0 }, hu = { class: "d-ml8 d-mr12" };
 function fu(e, a, t, i, s, n) {
-  const r = p("dt-icon"), l = p("dt-button"), o = p("dt-tooltip"), h = p("dt-stack"), v = p("dt-input"), f = p("dt-popover"), y = p("dt-rich-text-editor");
+  const r = g("dt-icon"), l = g("dt-button"), o = g("dt-tooltip"), h = g("dt-stack"), v = g("dt-input"), f = g("dt-popover"), y = g("dt-rich-text-editor");
   return d(), u("div", {
     "data-qa": "dt-editor",
     role: "presentation",
     class: "d-d-flex d-fd-column",
     onClick: a[4] || (a[4] = (_) => e.$refs.richTextEditor.focusEditor())
   }, [
-    g(h, {
+    p(h, {
       direction: "row",
       gap: "450",
       class: "d-p8 dt-editor--top-bar-background"
@@ -12188,7 +12189,7 @@ function fu(e, a, t, i, s, n) {
               anchor: c(() => {
                 var N, T;
                 return [
-                  g(l, {
+                  p(l, {
                     "data-qa": S.dataQA,
                     importance: "clear",
                     kind: "muted",
@@ -12197,7 +12198,7 @@ function fu(e, a, t, i, s, n) {
                     onClick: (k) => S.onClick()
                   }, {
                     icon: c(() => [
-                      g(r, {
+                      p(r, {
                         name: S.iconName,
                         size: "200",
                         class: "d-fw-bold"
@@ -12219,7 +12220,7 @@ function fu(e, a, t, i, s, n) {
           gap: "300"
         }, {
           default: c(() => [
-            g(f, {
+            p(f, {
               open: s.showLinkInput,
               placement: "bottom-start",
               "visually-hidden-close": !0,
@@ -12241,7 +12242,7 @@ function fu(e, a, t, i, s, n) {
                   anchor: c(() => {
                     var _, S;
                     return [
-                      g(l, {
+                      p(l, {
                         "data-qa": n.linkButton.dataQA,
                         importance: "clear",
                         kind: "muted",
@@ -12251,7 +12252,7 @@ function fu(e, a, t, i, s, n) {
                         onClick: a[0] || (a[0] = (N) => n.linkButton.onClick())
                       }, {
                         icon: c(() => [
-                          g(r, {
+                          p(r, {
                             name: n.linkButton.iconName,
                             size: "200",
                             class: "d-fw-bold"
@@ -12266,7 +12267,7 @@ function fu(e, a, t, i, s, n) {
               ]),
               content: c(() => [
                 t.showAddLink.setLinkTitle.length > 0 ? (d(), u("span", uu, M(t.showAddLink.setLinkTitle), 1)) : w("", !0),
-                g(v, {
+                p(v, {
                   modelValue: s.linkInput,
                   "onUpdate:modelValue": a[1] || (a[1] = (_) => s.linkInput = _),
                   "input-aria-label": t.showAddLink.setLinkInputAriaLabel,
@@ -12283,7 +12284,7 @@ function fu(e, a, t, i, s, n) {
               ]),
               footerContent: c(() => [
                 b("div", hu, [
-                  g(l, {
+                  p(l, {
                     class: "d-mx2",
                     "aria-label": t.removeLinkButton.ariaLabel,
                     importance: "clear",
@@ -12297,7 +12298,7 @@ function fu(e, a, t, i, s, n) {
                     ]),
                     _: 1
                   }, 8, ["aria-label", "onClick"]),
-                  g(l, {
+                  p(l, {
                     class: "d-mx2",
                     "aria-label": t.cancelSetLinkButton.ariaLabel,
                     importance: "clear",
@@ -12311,7 +12312,7 @@ function fu(e, a, t, i, s, n) {
                     ]),
                     _: 1
                   }, 8, ["aria-label", "onClick"]),
-                  g(l, {
+                  p(l, {
                     class: "d-mx2",
                     size: "sm",
                     "aria-label": t.confirmSetLinkButton.ariaLabel,
@@ -12335,9 +12336,9 @@ function fu(e, a, t, i, s, n) {
     }),
     b("div", {
       class: "d-of-auto d-mx16 d-mt8 d-mb16 d-c-text",
-      style: ke({ "max-height": t.maxHeight })
+      style: Ce({ "max-height": t.maxHeight })
     }, [
-      g(y, A({
+      p(y, A({
         ref: "richTextEditor",
         modelValue: s.internalInputValue,
         "onUpdate:modelValue": a[2] || (a[2] = (_) => s.internalInputValue = _),
@@ -12366,7 +12367,7 @@ const Ch = /* @__PURE__ */ I(du, [["render", fu]]), qa = {
   critical: "dt-recipe-callbox--border-critical"
 }, mu = {
   name: "DtRecipeCallbox",
-  components: { DtBadge: Vt, DtAvatar: vt },
+  components: { DtBadge: Vt, DtAvatar: bt },
   inheritAttrs: !1,
   props: {
     /**
@@ -12465,10 +12466,10 @@ const Ch = /* @__PURE__ */ I(du, [["render", fu]]), qa = {
       this.clickable && this.$emit("click", e);
     }
   }
-}, gu = {
+}, pu = {
   "data-qa": "dt-recipe-callbox",
   class: "dt-recipe-callbox"
-}, pu = {
+}, gu = {
   key: 0,
   "data-qa": "dt-recipe-callbox--video-wrapper",
   class: "dt-recipe-callbox--video"
@@ -12490,9 +12491,9 @@ const Ch = /* @__PURE__ */ I(du, [["render", fu]]), qa = {
   class: "dt-recipe-callbox--main-content-bottom"
 };
 function Cu(e, a, t, i, s, n) {
-  const r = p("dt-avatar"), l = p("dt-badge");
-  return d(), u("div", gu, [
-    e.$slots.video ? (d(), u("div", pu, [
+  const r = g("dt-avatar"), l = g("dt-badge");
+  return d(), u("div", pu, [
+    e.$slots.video ? (d(), u("div", gu, [
       m(e.$slots, "video", {}, void 0, !0)
     ])) : w("", !0),
     b("div", {
@@ -12524,7 +12525,7 @@ function Cu(e, a, t, i, s, n) {
           }, 8, ["onClick"])),
           e.$slots.badge || t.badgeText ? (d(), u("div", yu, [
             m(e.$slots, "badge", {}, () => [
-              g(l, {
+              p(l, {
                 class: C(n.badgeClass),
                 text: t.badgeText
               }, null, 8, ["class", "text"])
@@ -12547,12 +12548,12 @@ function Cu(e, a, t, i, s, n) {
 const kh = /* @__PURE__ */ I(mu, [["render", Cu], ["__scopeId", "data-v-66800ae7"]]);
 let xe;
 function ct(e, a) {
-  return sa(), hn(e, a, {
+  return sa(), fn(e, a, {
     locale: xe
   });
 }
 function ku(e, a) {
-  return sa(), pl(e, {
+  return sa(), gl(e, {
     locale: xe,
     format: a
   });
@@ -12625,9 +12626,9 @@ export {
   Xe as DROPDOWN_PADDING_CLASSES,
   ji as DT_DESCRIPTION_LIST_DIRECTION,
   Nh as DT_STACK_DIRECTION,
-  yn as DT_STACK_GAP,
+  _n as DT_STACK_GAP,
   Fh as DT_STACK_RESPONSIVE_BREAKPOINTS,
-  vt as DtAvatar,
+  bt as DtAvatar,
   Vt as DtBadge,
   xu as DtBanner,
   mi as DtBreadcrumbItem,
@@ -12635,10 +12636,10 @@ export {
   j as DtButton,
   Pu as DtButtonGroup,
   wi as DtCard,
-  ja as DtCheckableInputMixin,
+  Ka as DtCheckableInputMixin,
   ju as DtCheckbox,
   Ku as DtCheckboxGroup,
-  tn as DtChip,
+  an as DtChip,
   Ru as DtCodeblock,
   Ui as DtCollapsible,
   $i as DtCombobox,
@@ -12646,20 +12647,20 @@ export {
   $u as DtDescriptionList,
   ts as DtDropdown,
   Nu as DtDropdownSeparator,
-  Ka as DtGroupableInputMixin,
+  Ya as DtGroupableInputMixin,
   Fu as DtHovercard,
   V as DtIcon,
   hs as DtImageViewer,
-  Ya as DtInput,
-  en as DtInputGroup,
+  Ga as DtInput,
+  tn as DtInputGroup,
   fs as DtInputGroupMixin,
-  Ua as DtInputMixin,
-  wn as DtItemLayout,
-  Qa as DtKeyboardListNavigationMixin,
+  ja as DtInputMixin,
+  Wa as DtItemLayout,
+  Xa as DtKeyboardListNavigationMixin,
   Zu as DtKeyboardShortcut,
   zt as DtLazyShow,
-  vn as DtLink,
-  pt as DtListItem,
+  yn as DtLink,
+  $t as DtListItem,
   qu as DtListItemGroup,
   zu as DtModal,
   Mu as DtNotice,
@@ -12678,12 +12679,12 @@ export {
   oh as DtRecipeComboboxMultiSelect,
   Xl as DtRecipeComboboxWithPopover,
   dh as DtRecipeContactInfo,
-  ph as DtRecipeContactRow,
+  gh as DtRecipeContactRow,
   Sh as DtRecipeEmojiRow,
   yh as DtRecipeFeedItemPill,
   vh as DtRecipeFeedItemRow,
-  pn as DtRecipeGeneralRow,
-  gh as DtRecipeGroupRow,
+  bn as DtRecipeGeneralRow,
+  ph as DtRecipeGroupRow,
   fh as DtRecipeGroupedChip,
   hh as DtRecipeIvrNode,
   mh as DtRecipeSettingsMenuButton,
@@ -12724,8 +12725,8 @@ export {
   Xt as IVR_NODE_PROMPT_MENU,
   Jt as IVR_NODE_PROMPT_PLAY,
   aa as IVR_NODE_TRANSFER,
-  Ja as LABEL_SIZES,
-  gt as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
+  en as LABEL_SIZES,
+  pt as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
   Ud as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
   Wd as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
   jd as LEFTBAR_GENERAL_ROW_ICON_SIZES,
@@ -12740,12 +12741,12 @@ export {
   Zl as MULTI_SELECT_SIZES,
   nt as NOTICE_KINDS,
   jn as NOTICE_ROLES,
-  bt as POPOVER_APPEND_TO_VALUES,
-  Sn as POPOVER_CONTENT_WIDTHS,
+  gt as POPOVER_APPEND_TO_VALUES,
+  wn as POPOVER_CONTENT_WIDTHS,
   Hh as POPOVER_DIRECTIONS,
   Vh as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
   Wh as POPOVER_INITIAL_FOCUS_STRINGS,
-  _n as POPOVER_PADDING_CLASSES,
+  Sn as POPOVER_PADDING_CLASSES,
   Uh as POPOVER_ROLES,
   jh as POPOVER_STICKY_VALUES,
   Kh as PRESENCE_STATES,
@@ -12759,8 +12760,8 @@ export {
   Xu as SHORTCUTS_ALIASES_LIST,
   Ge as SHORTCUTS_ICON_ALIASES,
   kr as SHORTCUTS_ICON_SEPARATOR,
-  gf as SKELETON_HEADING_HEIGHTS,
-  pf as SKELETON_RIPPLE_DURATION,
+  pf as SKELETON_HEADING_HEIGHTS,
+  gf as SKELETON_RIPPLE_DURATION,
   bf as SKELETON_SHAPES,
   vf as SKELETON_SHAPE_SIZES,
   yf as SKELETON_TEXT_TYPES,
@@ -12793,5 +12794,5 @@ export {
   Mt as getValidationState,
   Oh as relativeDate,
   Ih as setDateLocale,
-  Wa as validationMessageValidator
+  Ua as validationMessageValidator
 };