@dialpad/dialtone 9.2.0 → 9.3.0

package/dist/vue2/dialtone-vue.js

@@ -1,7 +1,7 @@
-import { n as d, g as k, a as ca, u as D, b as he, c as ua, B as fa, i as pa, d as ha, e as ma, E as w, f as st, h as Le, L as ga, j as _a, D as Ne, s as Be, k as va } from "./tooltip-_ykHbRFm.js";
-import { m as zu, l as Ku, p as Yu, T as Gu, t as Xu, q as Qu, r as Zu, V as Ju, o as ef } from "./tooltip-_ykHbRFm.js";
-import { D as y, I as ba, L as ya, a as Sa, b as I, c as wa, M as Ca, d as ka, e as z, v as Mt, f as Rt, C as Pt, G as Nt, g as Fe, h as Ia, i as qe, j as Oa } from "./emoji-tPpc6ODh.js";
-import { p as af, l as nf, k as rf, B as sf, m as of, r as lf, q as df, H as cf, N as uf, K as ff, J as pf, y as hf, x as mf, E as gf, t as _f, s as vf, n as bf, w as yf, u as Sf, o as wf, R as Cf, S as kf, O as If, Q as Of, P as xf, F as Tf, A as Df, T as Ef, z as $f } from "./emoji-tPpc6ODh.js";
+import { n as d, g as I, a as ca, u as D, D as he, T as ua, B as fa, i as pa, b as ha, c as ma, E as w, f as st, d as Le, L as ga, e as _a, h as Ne, s as Be, j as va } from "./tooltip-eJqD2Wwv.js";
+import { l as df, k as cf, p as uf, o as ff, t as pf, q as hf, r as mf, V as gf, m as _f } from "./tooltip-eJqD2Wwv.js";
+import { D as y, I as ba, L as ya, a as Sa, b as k, c as wa, M as Ca, d as ka, e as U, v as Mt, f as Rt, C as Pt, G as Nt, g as Fe, h as Ia, i as qe, j as Oa } from "./emoji_text_wrapper--R-54YKU.js";
+import { p as bf, l as yf, k as Sf, B as wf, m as Cf, y as kf, E as If, A as Of, z as xf, t as Tf, s as Df, n as Ef, r as $f, q as Lf, o as Af, K as Mf, S as Rf, F as Pf, J as Nf, H as Bf, x as Ff, w as qf, T as Hf, u as Vf } from "./emoji_text_wrapper--R-54YKU.js";
 import M from "vue";
 const J = {
   BUSY: "busy",
@@ -595,6 +595,7 @@ const La = $a.exports, Ie = {
   "unlink-2",
   "unlock",
   "unlock-filled",
+  "unread",
   "upload",
   "upload-cloud",
   "usb",
@@ -602,6 +603,7 @@ const La = $a.exports, Ie = {
   "user-check",
   "user-minus",
   "user-plus",
+  "user-rematch",
   "user-remove",
   "users",
   "very-dissatisfied",
@@ -657,7 +659,7 @@ const Fa = (t) => {
     id: {
       type: String,
       default() {
-        return k();
+        return I();
       }
     },
     /**
@@ -865,8 +867,20 @@ const Fa = (t) => {
   watch: {
     fullName: {
       immediate: !0,
-      handler(t) {
-        this.formatInitials(t);
+      handler() {
+        this.formatInitials();
+      }
+    },
+    size: {
+      immediate: !0,
+      handler() {
+        this.formatInitials();
+      }
+    },
+    group: {
+      immediate: !0,
+      handler() {
+        this.formatInitials();
       }
     },
     imageSrc(t) {
@@ -882,9 +896,9 @@ const Fa = (t) => {
       const t = this.$refs.avatarImage;
       t && (t.addEventListener("load", () => this._loadedImageEventHandler(t), { once: !0 }), t.addEventListener("error", () => this._erroredImageEventHandler(t), { once: !0 }));
     },
-    formatInitials(t) {
-      const e = Fa(t);
-      this.validatedSize === "xs" ? this.formattedInitials = "" : this.validatedSize === "sm" ? this.formattedInitials = e[0] : this.formattedInitials = e;
+    formatInitials() {
+      const t = Fa(this.fullName);
+      this.validatedSize === "xs" ? this.formattedInitials = "" : this.validatedSize === "sm" ? this.formattedInitials = t[0] : this.formattedInitials = t;
     },
     getColor() {
       return this.color ?? ca(Pa, this.seed);
@@ -958,7 +972,7 @@ const me = ja.exports, lt = {
   "magenta-200": "d-badge--decorate-magenta-200",
   "magenta-300": "d-badge--decorate-magenta-300",
   "magenta-400": "d-badge--decorate-magenta-400"
-}, Ua = {
+}, za = {
   name: "DtBadge",
   components: {
     DtIcon: y
@@ -966,7 +980,7 @@ const me = ja.exports, lt = {
   props: {
     /**
      * Icon on the left side of the badge. Supports any valid icon name from the icon catalog at
-     * https://dialpad.design/components/icon.html#icon-catalog. If type:'ai' is set, the ai icon
+     * https://dialtone.dialpad.com/components/icon.html#icon-catalog. If type:'ai' is set, the ai icon
      * will automatically be shown here, but this can be overridden by setting this prop.
      */
     iconLeft: {
@@ -975,7 +989,7 @@ const me = ja.exports, lt = {
     },
     /**
      * Icon on the right side of the badge. Supports any valid icon name from the icon catalog at
-     * https://dialpad.design/components/icon.html#icon-catalog
+     * https://dialtone.dialpad.com/components/icon.html#icon-catalog
      */
     iconRight: {
       type: String,
@@ -1059,7 +1073,7 @@ const me = ja.exports, lt = {
     }
   }
 };
-var za = function() {
+var Ua = function() {
   var e = this, a = e._self._c;
   return a("span", { class: [
     "d-badge",
@@ -1070,8 +1084,8 @@ var za = function() {
     return [e._v(" " + e._s(e.text) + " ")];
   })], 2), e.iconRight ? a("span", { staticClass: "d-badge__icon-right" }, [a("dt-icon", { attrs: { name: e.iconRight, size: "200" } })], 1) : e._e()]);
 }, Ka = [], Ya = /* @__PURE__ */ d(
-  Ua,
   za,
+  Ua,
   Ka,
   !1,
   null,
@@ -1270,7 +1284,7 @@ const cn = dn.exports, E = {
   name: "SrOnlyCloseButton",
   components: {
     DtIcon: y,
-    DtButton: I
+    DtButton: k
   },
   props: {
     /**
@@ -1308,7 +1322,7 @@ const ge = hn.exports, mn = {
   name: "DtNoticeAction",
   components: {
     DtIcon: y,
-    DtButton: I,
+    DtButton: k,
     SrOnlyCloseButton: ge
   },
   mixins: [E],
@@ -1498,7 +1512,7 @@ var yn = function() {
   null,
   null
 );
-const Yc = wn.exports, Bt = ':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])', Cn = `${Bt}:not([tabindex="-1"])`, kn = "button,[href],input,select,textarea,details,[tabindex]", K = {
+const cu = wn.exports, Bt = ':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])', Cn = `${Bt}:not([tabindex="-1"])`, kn = "button,[href],input,select,textarea,details,[tabindex]", K = {
   methods: {
     /**
      * get the first focusable element in your component, includes tabindex="-1".
@@ -1746,7 +1760,7 @@ var On = function() {
   null,
   null
 );
-const Gc = Tn.exports, Dn = "d-breadcrumbs__item--selected", En = "d-breadcrumbs--inverted", $n = {
+const uu = Tn.exports, Dn = "d-breadcrumbs__item--selected", En = "d-breadcrumbs--inverted", $n = {
   name: "DtBreadcrumbItem",
   components: {
     DtLink: cn
@@ -1870,7 +1884,7 @@ var Nn = function() {
   null,
   null
 );
-const Xc = Fn.exports, ut = {
+const fu = Fn.exports, ut = {
   start: "d-btn-group--start",
   end: "d-btn-group--end",
   "space-between": "d-btn-group--space-between"
@@ -1908,7 +1922,7 @@ var Hn = function() {
   null,
   null
 );
-const Qc = Wn.exports, jn = {
+const pu = Wn.exports, jn = {
   name: "DtCard",
   props: {
     /**
@@ -1949,7 +1963,7 @@ const Qc = Wn.exports, jn = {
     }
   }
 };
-var Un = function() {
+var zn = function() {
   var e = this, a = e._self._c;
   return a("div", { class: [
     "d-card",
@@ -1964,10 +1978,10 @@ var Un = function() {
     "d-card__footer",
     e.footerClass
   ] }, [e._t("footer")], 2) : e._e()]);
-}, zn = [], Kn = /* @__PURE__ */ d(
+}, Un = [], Kn = /* @__PURE__ */ d(
   jn,
-  Un,
   zn,
+  Un,
   !1,
   null,
   null,
@@ -1997,7 +2011,7 @@ var Xn = function() {
   null,
   null
 );
-const Zc = Zn.exports, Jn = {
+const hu = Zn.exports, Jn = {
   methods: {
     /**
      * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.
@@ -2217,7 +2231,7 @@ var ar = function() {
   nr,
   !1,
   null,
-  "c04dbbaa",
+  "411cb81e",
   null,
   null
 );
@@ -2515,7 +2529,7 @@ const Ht = gr.exports, Vt = {
     listId: {
       type: String,
       default() {
-        return k();
+        return I();
       }
     },
     /**
@@ -2881,7 +2895,7 @@ var Cr = function() {
 const Or = Ir.exports, xr = {
   name: "DtCollapsible",
   components: {
-    DtButton: I,
+    DtButton: k,
     DtCollapsibleLazyShow: Or,
     DtLazyShow: he,
     DtIcon: y
@@ -2912,7 +2926,7 @@ const Or = Ir.exports, xr = {
     id: {
       type: String,
       default() {
-        return k();
+        return I();
       }
     },
     /**
@@ -2996,7 +3010,7 @@ const Or = Ir.exports, xr = {
   },
   computed: {
     labelledBy() {
-      return this.ariaLabelledBy || !this.ariaLabel && k("DtCollapsible__anchor");
+      return this.ariaLabelledBy || !this.ariaLabel && I("DtCollapsible__anchor");
     }
   },
   watch: {
@@ -3133,7 +3147,7 @@ var Nr = function() {
   null,
   null
 );
-const Jc = Fr.exports, ft = {
+const mu = Fr.exports, ft = {
   none: void 0,
   small: "d-p4",
   medium: "d-p8",
@@ -3145,10 +3159,10 @@ const Jc = Fr.exports, ft = {
   large: "d-pl16"
 }, Hr = ["dialog", "menu", "listbox", "tree", "grid"], jt = ["", "anchor"], Vr = ["none", "dialog", "first"], be = ["parent", "body"], Wr = [
   ...ua
-], eu = [
+], gu = [
   ...fa
 ];
-let jr = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", Ur = (t = 21) => {
+let jr = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", zr = (t = 21) => {
   let e = "", a = t;
   for (; a--; )
     e += jr[Math.random() * 64 | 0];
@@ -3162,10 +3176,10 @@ function oe(t) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, oe(t);
 }
-var Ut = {
-  selector: "vue-portal-target-".concat(Ur())
-}, zr = function(e) {
-  return Ut.selector = e;
+var zt = {
+  selector: "vue-portal-target-".concat(zr())
+}, Ur = function(e) {
+  return zt.selector = e;
 }, xe = typeof window < "u" && (typeof document > "u" ? "undefined" : oe(document)) !== void 0, Kr = M.extend({
   // as an abstract component, it doesn't appear in
   // the $parent chain of components.
@@ -3188,7 +3202,7 @@ var Ut = {
     var e = this.$el;
     e && e.parentNode.removeChild(e);
   }
-}), Ue = M.extend({
+}), ze = M.extend({
   name: "VueSimplePortal",
   props: {
     disabled: {
@@ -3200,7 +3214,7 @@ var Ut = {
     selector: {
       type: String,
       default: function() {
-        return "#".concat(Ut.selector);
+        return "#".concat(zt.selector);
       }
     },
     tag: {
@@ -3267,13 +3281,13 @@ var Ut = {
 });
 function Yr(t) {
   var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  t.component(e.name || "portal", Ue), e.defaultSelector && zr(e.defaultSelector);
+  t.component(e.name || "portal", ze), e.defaultSelector && Ur(e.defaultSelector);
 }
 typeof window < "u" && window.Vue && window.Vue === M && M.use(Yr);
 const Gr = {
   name: "PopoverHeaderFooter",
   components: {
-    DtButton: I,
+    DtButton: k,
     DtIcon: y
   },
   props: {
@@ -3361,7 +3375,7 @@ const Jr = Zr.exports, es = {
     SrOnlyCloseButton: ge,
     DtLazyShow: he,
     PopoverHeaderFooter: Jr,
-    Portal: Ue
+    Portal: ze
   },
   mixins: [K, E],
   props: {
@@ -3482,7 +3496,7 @@ const Jr = Zr.exports, es = {
     id: {
       type: String,
       default() {
-        return k();
+        return I();
       }
     },
     /**
@@ -3712,7 +3726,7 @@ const Jr = Zr.exports, es = {
       return this.isOutsideViewport && this.modal ? "calc(100vh - var(--dt-space-300))" : this.maxHeight;
     },
     labelledBy() {
-      return this.ariaLabelledby || !this.ariaLabel && k("DtPopover__anchor");
+      return this.ariaLabelledby || !this.ariaLabel && I("DtPopover__anchor");
     }
   },
   watch: {
@@ -3958,14 +3972,14 @@ var ts = function() {
   null,
   null
 );
-const ze = ns.exports, te = {
+const Ue = ns.exports, te = {
   none: void 0,
   small: "d-py0",
   large: "d-py4"
 }, rs = {
   name: "DtDropdown",
   components: {
-    DtPopover: ze,
+    DtPopover: Ue,
     SrOnlyCloseButton: ge
   },
   mixins: [
@@ -4049,7 +4063,7 @@ const ze = ns.exports, te = {
     listId: {
       type: String,
       default() {
-        return k();
+        return I();
       }
     },
     /**
@@ -4321,11 +4335,11 @@ var cs = function() {
   null,
   null
 );
-const tu = fs.exports, ps = {
+const _u = fs.exports, ps = {
   name: "DtImageViewer",
   components: {
-    Portal: Ue,
-    DtButton: I,
+    Portal: ze,
+    DtButton: k,
     DtIcon: y
   },
   mixins: [K],
@@ -4475,8 +4489,8 @@ var hs = function() {
   null,
   null
 );
-const au = gs.exports, _s = {
-  components: { DtValidationMessages: z },
+const _s = gs.exports, vs = {
+  components: { DtValidationMessages: U },
   // provide data to slotted components
   provide() {
     return {
@@ -4491,7 +4505,7 @@ const au = gs.exports, _s = {
     id: {
       type: String,
       default() {
-        return k();
+        return I();
       }
     },
     /**
@@ -4607,10 +4621,10 @@ const au = gs.exports, _s = {
   mounted() {
     !this.legend && !this.$slots.legend && !this.$attrs["aria-label"] && M.util.warn("It is expected that an aria-label is provided when there is no legend.", this);
   }
-}, vs = {
+}, bs = {
   name: "DtInputGroup",
-  components: { DtValidationMessages: z },
-  mixins: [_s],
+  components: { DtValidationMessages: U },
+  mixins: [vs],
   props: {
     /**
      * A data qa tag for the input group
@@ -4670,22 +4684,22 @@ const au = gs.exports, _s = {
     }
   }
 };
-var bs = function() {
+var ys = function() {
   var e = this, a = e._self._c;
   return a("fieldset", { staticClass: "d-input-group__fieldset", attrs: { "data-qa": e.dataQaGroup } }, [e.$slots.legend || e.legend ? a("legend", e._b({ class: ["d-label", e.legendClass], attrs: { "data-qa": e.dataQaGroupLegend } }, "legend", e.legendChildProps, !1), [e._t("legend", function() {
     return [e._v(" " + e._s(e.legend) + " ")];
   })], 2) : e._e(), e._t("default"), a("dt-validation-messages", e._b({ class: e.messagesClass, attrs: { "validation-messages": e.formattedMessages, "show-messages": e.showMessages, "data-qa": e.dataQaGroupMessages } }, "dt-validation-messages", e.messagesChildProps, !1))], 2);
-}, ys = [], Ss = /* @__PURE__ */ d(
-  vs,
+}, Ss = [], ws = /* @__PURE__ */ d(
   bs,
   ys,
+  Ss,
   !1,
   null,
   null,
   null,
   null
 );
-const zt = Ss.exports, pt = {
+const Ut = ws.exports, pt = {
   default: "",
   danger: "d-modal--danger"
 }, ht = {
@@ -4697,11 +4711,11 @@ const zt = Ss.exports, pt = {
   success: "d-modal__banner--success",
   warning: "d-modal__banner--warning",
   base: "d-modal__banner--general"
-}, ws = {
+}, Cs = {
   name: "DtModal",
   components: {
     DtLazyShow: he,
-    DtButton: I,
+    DtButton: k,
     DtIcon: y,
     SrOnlyCloseButton: ge
   },
@@ -4738,7 +4752,7 @@ const zt = Ss.exports, pt = {
     labelledById: {
       type: String,
       default: function() {
-        return k();
+        return I();
       }
     },
     /**
@@ -4950,7 +4964,7 @@ const zt = Ss.exports, pt = {
     }
   }
 };
-var Cs = function() {
+var ks = function() {
   var e = this, a = e._self._c;
   return a("dt-lazy-show", e._g({ class: [
     "d-modal",
@@ -4976,17 +4990,17 @@ var Cs = function() {
   ], attrs: { "data-qa": "dt-modal-copy" } }, [e._v(" " + e._s(e.copy) + " ")]), e.hasFooterSlot ? a("footer", { staticClass: "d-modal__footer" }, [e._t("footer")], 2) : e._e(), e.hideClose ? e._e() : a("dt-button", e._b({ staticClass: "d-modal__close", attrs: { circle: "", size: "lg", importance: "clear", "aria-label": e.closeButtonProps.ariaLabel }, on: { click: e.close }, scopedSlots: e._u([{ key: "icon", fn: function() {
     return [a("dt-icon", { attrs: { name: "close", size: "400" } })];
   }, proxy: !0 }], null, !1, 1709155279) }, "dt-button", e.closeButtonProps, !1)), e.showVisuallyHiddenClose ? a("sr-only-close-button", { attrs: { "visually-hidden-close-label": e.visuallyHiddenCloseLabel }, on: { close: e.close } }) : e._e()], 1)])], 1);
-}, ks = [], Is = /* @__PURE__ */ d(
-  ws,
+}, Is = [], Os = /* @__PURE__ */ d(
   Cs,
   ks,
+  Is,
   !1,
   null,
   null,
   null,
   null
 );
-const nu = Is.exports, Os = {
+const vu = Os.exports, xs = {
   name: "DtListItemGroup",
   props: {
     /**
@@ -4995,7 +5009,7 @@ const nu = Is.exports, Os = {
     id: {
       type: String,
       default() {
-        return k();
+        return I();
       }
     },
     /**
@@ -5021,25 +5035,25 @@ const nu = Is.exports, Os = {
     }
   }
 };
-var xs = function() {
+var Ts = function() {
   var e = this, a = e._self._c;
   return a("ul", { class: ["d-list-item-group", e.listClass], attrs: { id: e.id, role: "group", "data-qa": "dt-dropdown-list-wrapper", "aria-labelledby": `${e.id}-heading` } }, [e.heading ? a("li", { class: ["dt-dropdown-list--header", e.headingClass], attrs: { id: `${e.id}-heading`, role: "presentation", "data-qa": "dt-dropdown-list-heading" } }, [e._t("headingSlot", function() {
     return [e._v(" " + e._s(e.heading) + " ")];
   })], 2) : e._e(), e._t("default")], 2);
-}, Ts = [], Ds = /* @__PURE__ */ d(
-  Os,
+}, Ds = [], Es = /* @__PURE__ */ d(
   xs,
   Ts,
+  Ds,
   !1,
   null,
   null,
   null,
   null
 );
-const ru = Ds.exports, Es = {
+const bu = Es.exports, $s = {
   name: "DtPagination",
   components: {
-    DtButton: I,
+    DtButton: k,
     DtIcon: y
   },
   props: {
@@ -5143,7 +5157,7 @@ const ru = Ds.exports, Es = {
     }
   }
 };
-var $s = function() {
+var Ls = function() {
   var e = this, a = e._self._c;
   return a("nav", { staticClass: "d-pagination", attrs: { "aria-label": e.ariaLabel } }, [a("dt-button", { staticClass: "d-pagination__button", class: e.isFirstPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary", attrs: { "data-qa": "dt-pagination-prev", "aria-label": e.prevAriaLabel, kind: e.isFirstPage ? "default" : "muted", importance: e.isFirstPage ? "primary" : "clear", disabled: e.isFirstPage }, on: { click: function(n) {
     return e.changePage(e.currentPage - 1);
@@ -5154,23 +5168,23 @@ var $s = function() {
   }), a("dt-button", { staticClass: "d-pagination__button", class: e.isLastPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary", attrs: { "data-qa": "dt-pagination-next", "aria-label": e.nextAriaLabel, disabled: e.isLastPage, kind: "muted", importance: e.isLastPage ? "primary" : "clear" }, on: { click: function(n) {
     return e.changePage(e.currentPage + 1);
   } } }, [a("template", { slot: "icon" }, [a("dt-icon", { attrs: { name: "chevron-right", size: "300" } })], 1)], 2)], 2);
-}, Ls = [], As = /* @__PURE__ */ d(
-  Es,
+}, As = [], Ms = /* @__PURE__ */ d(
   $s,
   Ls,
+  As,
   !1,
   null,
   null,
   null,
   null
 );
-const su = As.exports, Ms = {
+const yu = Ms.exports, Rs = {
   warning: "d-radio--warning",
   error: "d-radio--error",
   success: "d-radio--success"
-}, Rs = {
+}, Ps = {
   name: "DtRadio",
-  components: { DtValidationMessages: z },
+  components: { DtValidationMessages: U },
   mixins: [Rt, Pt, Nt, Fe],
   inheritAttrs: !1,
   props: {
@@ -5207,7 +5221,7 @@ const su = As.exports, Ms = {
   ],
   computed: {
     inputValidationClass() {
-      return Ms[this.internalValidationState];
+      return Rs[this.internalValidationState];
     },
     radioGroupValue() {
       var t;
@@ -5245,26 +5259,26 @@ const su = As.exports, Ms = {
     }
   }
 };
-var Ps = function() {
+var Ns = function() {
   var e = this, a = e._self._c;
   return a("div", [a("label", [a("div", { class: ["d-radio-group", { "d-radio-group--disabled": e.internalDisabled }] }, [a("div", { staticClass: "d-radio__input" }, [a("input", e._g(e._b({ class: ["d-radio", e.inputValidationClass, e.inputClass], attrs: { name: e.internalName, disabled: e.internalDisabled, type: "radio" }, domProps: { checked: e.internalChecked, value: e.value } }, "input", e.$attrs, !1), e.inputListeners))]), a("div", { staticClass: "d-radio__copy d-radio__label", attrs: { "data-qa": "radio-label-description-container" } }, [a("div", e._b({ class: e.labelClass, attrs: { "data-qa": "radio-label" } }, "div", e.labelChildProps, !1), [e._t("default", function() {
     return [e._v(e._s(e.label))];
   })], 2), e.$slots.description || e.description ? a("div", e._b({ class: ["d-description", e.descriptionClass], attrs: { "data-qa": "radio-description" } }, "div", e.descriptionChildProps, !1), [e._t("description", function() {
     return [e._v(e._s(e.description))];
   })], 2) : e._e(), a("dt-validation-messages", e._b({ class: e.messagesClass, attrs: { "validation-messages": e.formattedMessages, "show-messages": e.showMessages, "data-qa": "dt-radio-validation-messages" } }, "dt-validation-messages", e.messagesChildProps, !1))], 1)])])]);
-}, Ns = [], Bs = /* @__PURE__ */ d(
-  Rs,
+}, Bs = [], Fs = /* @__PURE__ */ d(
   Ps,
   Ns,
+  Bs,
   !1,
   null,
   null,
   null,
   null
 );
-const iu = Bs.exports, Fs = {
+const Su = Fs.exports, qs = {
   name: "DtRadioGroup",
-  extends: zt,
+  extends: Ut,
   props: {
     /**
      * A provided value for the radio group
@@ -5335,18 +5349,18 @@ const iu = Bs.exports, Fs = {
       return `radio-group-message-${t}-${e}-${this.id}`;
     }
   }
-}, qs = null, Hs = null;
-var Vs = /* @__PURE__ */ d(
-  Fs,
+}, Hs = null, Vs = null;
+var Ws = /* @__PURE__ */ d(
   qs,
   Hs,
+  Vs,
   !1,
   null,
   null,
   null,
   null
 );
-const ou = Vs.exports, Ws = {
+const wu = Ws.exports, js = {
   name: "DtTabPanel",
   mixins: [K],
   inject: ["groupContext"],
@@ -5409,12 +5423,12 @@ const ou = Vs.exports, Ws = {
     }
   }
 };
-var js = function() {
+var zs = function() {
   var e = this, a = e._self._c;
   return a("div", { directives: [{ name: "show", rawName: "v-show", value: !e.hidePanel, expression: "!hidePanel" }], class: e.tabPanelClass, attrs: { id: `dt-panel-${e.id}`, role: "tabpanel", tabindex: e.isFirstElementFocusable ? -1 : 0, "aria-labelledby": `dt-tab-${e.tabId}`, "aria-hidden": `${e.hidePanel}`, "data-qa": "dt-tab-panel" } }, [e._t("default")], 2);
-}, Us = [], zs = /* @__PURE__ */ d(
-  Ws,
+}, Us = [], Ks = /* @__PURE__ */ d(
   js,
+  zs,
   Us,
   !1,
   null,
@@ -5422,13 +5436,13 @@ var js = function() {
   null,
   null
 );
-const lu = zs.exports, Ks = {
+const Cu = Ks.exports, Ys = {
   error: "d-checkbox--error",
   warning: "d-checkbox--warning",
   success: "d-checkbox--success"
-}, Ys = {
+}, Gs = {
   name: "DtCheckbox",
-  components: { DtValidationMessages: z },
+  components: { DtValidationMessages: U },
   mixins: [Rt, Pt, Nt, Fe],
   inheritAttrs: !1,
   emits: [
@@ -5456,7 +5470,7 @@ const lu = zs.exports, Ks = {
   ],
   computed: {
     inputValidationClass() {
-      return Ks[this.internalValidationState];
+      return Ys[this.internalValidationState];
     },
     checkboxGroupValueChecked() {
       var t, e;
@@ -5510,26 +5524,26 @@ const lu = zs.exports, Ks = {
     }
   }
 };
-var Gs = function() {
+var Xs = function() {
   var e = this, a = e._self._c;
   return a("div", [a("label", [a("div", { class: ["d-checkbox-group", { "d-checkbox-group--disabled": e.internalDisabled }] }, [a("div", { staticClass: "d-checkbox__input" }, [a("input", e._g(e._b({ class: ["d-checkbox", e.inputValidationClass, e.inputClass], attrs: { type: "checkbox", name: e.internalName, disabled: e.internalDisabled }, domProps: { checked: e.internalChecked, value: e.value, indeterminate: e.internalIndeterminate } }, "input", e.$attrs, !1), e.inputListeners))]), e.hasLabelOrDescription ? a("div", { staticClass: "d-checkbox__copy d-checkbox__label", attrs: { "data-qa": "checkbox-label-description-container" } }, [e.hasLabel ? a("div", e._b({ class: e.labelClass, attrs: { "data-qa": "checkbox-label" } }, "div", e.labelChildProps, !1), [e._t("default", function() {
     return [e._v(e._s(e.label))];
   })], 2) : e._e(), e.hasDescription ? a("div", e._b({ class: ["d-description", e.descriptionClass], attrs: { "data-qa": "checkbox-description" } }, "div", e.descriptionChildProps, !1), [e._t("description", function() {
     return [e._v(e._s(e.description))];
   })], 2) : e._e(), a("dt-validation-messages", e._b({ class: e.messagesClass, attrs: { "validation-messages": e.formattedMessages, "show-messages": e.showMessages, "data-qa": "dt-checkbox-validation-messages" } }, "dt-validation-messages", e.messagesChildProps, !1))], 1) : e._e()])])]);
-}, Xs = [], Qs = /* @__PURE__ */ d(
-  Ys,
+}, Qs = [], Zs = /* @__PURE__ */ d(
   Gs,
   Xs,
+  Qs,
   !1,
   null,
   null,
   null,
   null
 );
-const du = Qs.exports, Zs = {
+const ku = Zs.exports, Js = {
   name: "DtCheckboxGroup",
-  extends: zt,
+  extends: Ut,
   model: {
     prop: "selectedValues"
   },
@@ -5620,33 +5634,33 @@ const du = Qs.exports, Zs = {
       return `checkbox-group-message-${t}-${e}-${this.id}`;
     }
   }
-}, Js = null, ei = null;
-var ti = /* @__PURE__ */ d(
-  Zs,
+}, ei = null, ti = null;
+var ai = /* @__PURE__ */ d(
   Js,
   ei,
+  ti,
   !1,
   null,
   null,
   null,
   null
 );
-const cu = ti.exports, gt = {
+const Iu = ai.exports, gt = {
   xs: "d-chip__label--xs",
   sm: "d-chip__label--sm",
   md: ""
-}, ai = {
+}, ni = {
   xs: "d-chip__close--xs",
   sm: "d-chip__close--sm",
   md: ""
-}, ni = {
+}, ri = {
   xs: "200",
   sm: "200",
   md: "200"
-}, ri = {
+}, si = {
   name: "DtChip",
   components: {
-    DtButton: I,
+    DtButton: k,
     DtIcon: y
   },
   props: {
@@ -5692,7 +5706,7 @@ const cu = ti.exports, gt = {
     id: {
       type: String,
       default: function() {
-        return k();
+        return I();
       }
     },
     /**
@@ -5759,7 +5773,7 @@ const cu = ti.exports, gt = {
       };
     },
     closeButtonIconSize() {
-      return ni[this.size];
+      return ri[this.size];
     }
   },
   methods: {
@@ -5773,7 +5787,7 @@ const cu = ti.exports, gt = {
     chipCloseButtonClasses() {
       return [
         "d-chip__close",
-        ai[this.size]
+        ni[this.size]
       ];
     },
     onClose() {
@@ -5781,36 +5795,36 @@ const cu = ti.exports, gt = {
     }
   }
 };
-var si = function() {
+var ii = function() {
   var e = this, a = e._self._c;
   return a("span", { staticClass: "d-chip" }, [a(e.interactive ? "button" : "span", e._g({ tag: "component", class: e.chipClasses(), attrs: { id: e.id, type: e.interactive && "button", "data-qa": "dt-chip", "aria-labelledby": e.ariaLabel ? void 0 : `${e.id}-content`, "aria-label": e.ariaLabel } }, e.chipListeners), [e.$slots.icon ? a("span", { staticClass: "d-chip__icon", attrs: { "data-qa": "dt-chip-icon" } }, [e._t("icon")], 2) : e.$slots.avatar ? a("span", { attrs: { "data-qa": "dt-chip-avatar" } }, [e._t("avatar")], 2) : e._e(), e.$slots.default ? a("span", { class: ["d-chip__text", e.contentClass], attrs: { id: `${e.id}-content`, "data-qa": "dt-chip-label" } }, [e._t("default")], 2) : e._e()]), e.hideClose ? e._e() : a("dt-button", e._b({ class: e.chipCloseButtonClasses(), attrs: { "data-qa": "dt-chip-close", "aria-label": e.closeButtonProps.ariaLabel }, on: { click: function(n) {
     return e.$emit("close");
   } }, scopedSlots: e._u([{ key: "icon", fn: function() {
     return [a("dt-icon", { attrs: { name: "close", size: e.closeButtonIconSize } })];
   }, proxy: !0 }], null, !1, 1192647893) }, "dt-button", e.closeButtonProps, !1))], 1);
-}, ii = [], oi = /* @__PURE__ */ d(
-  ri,
+}, oi = [], li = /* @__PURE__ */ d(
   si,
   ii,
+  oi,
   !1,
   null,
   null,
   null,
   null
 );
-const Kt = oi.exports, _t = {
+const Kt = li.exports, _t = {
   xs: "d-select--xs",
   sm: "d-select--sm",
   md: "",
   lg: "d-select--lg",
   xl: "d-select--xl"
-}, li = {
+}, di = {
   error: "d-select__input--error",
   warning: "d-select__input--warning",
   success: "d-select__input--success"
-}, di = (t) => !t.index || typeof t.index == "number", ci = (t) => t.value ? typeof t.value == "string" || typeof t.value == "number" : !1, ui = (t) => t.label ? typeof t.label == "string" : !1, fi = (t) => t ? t.every((e) => !(!di(e) || !ci(e) || !ui(e))) : !0, pi = {
+}, ci = (t) => !t.index || typeof t.index == "number", ui = (t) => t.value ? typeof t.value == "string" || typeof t.value == "number" : !1, fi = (t) => t.label ? typeof t.label == "string" : !1, pi = (t) => t ? t.every((e) => !(!ci(e) || !ui(e) || !fi(e))) : !0, hi = {
   name: "DtSelectMenu",
-  components: { DtValidationMessages: z },
+  components: { DtValidationMessages: U },
   mixins: [Fe],
   inheritAttrs: !1,
   props: {
@@ -5839,7 +5853,7 @@ const Kt = oi.exports, _t = {
     options: {
       type: Array,
       default: () => [],
-      validator: (t) => fi(t)
+      validator: (t) => pi(t)
     },
     /**
      * Sets the selected value of the select menu. If it does not match a value in the options array, then it will be
@@ -5937,7 +5951,7 @@ const Kt = oi.exports, _t = {
       LABEL_SIZE_MODIFIERS: ga,
       DESCRIPTION_SIZE_MODIFIERS: _a,
       SELECT_SIZE_MODIFIERS: _t,
-      SELECT_STATE_MODIFIERS: li
+      SELECT_STATE_MODIFIERS: di
     };
   },
   computed: {
@@ -5962,7 +5976,7 @@ const Kt = oi.exports, _t = {
       return Le(this.formattedMessages);
     },
     selectKey() {
-      return k();
+      return I();
     },
     descriptionKey() {
       return `select-${this.selectKey}-description`;
@@ -5990,7 +6004,7 @@ const Kt = oi.exports, _t = {
     }
   }
 };
-var hi = function() {
+var mi = function() {
   var e = this, a = e._self._c;
   return a("div", [a("label", [e.$slots.label || e.label ? a("div", e._b({ class: [
     "d-label",
@@ -6017,17 +6031,17 @@ var hi = function() {
       return a("option", e._b({ key: e.getOptionKey(n.value), class: e.optionClass, domProps: { value: n.value } }, "option", e.optionChildProps, !1), [e._v(" " + e._s(n.label) + " ")]);
     });
   })], 2)])]), a("dt-validation-messages", e._b({ class: e.messagesClass, attrs: { "validation-messages": e.formattedMessages, "show-messages": e.showMessages, "data-qa": "dt-select-messages" } }, "dt-validation-messages", e.messagesChildProps, !1))], 1);
-}, mi = [], gi = /* @__PURE__ */ d(
-  pi,
+}, gi = [], _i = /* @__PURE__ */ d(
   hi,
   mi,
+  gi,
   !1,
   null,
   null,
   null,
   null
 );
-const uu = gi.exports, _i = ["status", "alert"], vt = 6e3, vi = {
+const Ou = _i.exports, vi = ["status", "alert"], vt = 6e3, bi = {
   name: "DtToast",
   components: {
     DtNoticeIcon: Ve,
@@ -6078,7 +6092,7 @@ const uu = gi.exports, _i = ["status", "alert"], vt = 6e3, vi = {
     role: {
       type: String,
       default: "status",
-      validator: (t) => _i.includes(t)
+      validator: (t) => vi.includes(t)
     },
     /**
      * Severity level of the toast, sets the icon and background
@@ -6195,7 +6209,7 @@ const uu = gi.exports, _i = ["status", "alert"], vt = 6e3, vi = {
     }
   }
 };
-var bi = function() {
+var yi = function() {
   var e = this, a = e._self._c;
   return e.isShown ? a("div", { class: [
     "d-toast",
@@ -6206,20 +6220,20 @@ var bi = function() {
   }, proxy: !0 }], null, !0) }, e.$listeners), [e._t("default", function() {
     return [e._v(" " + e._s(e.message) + " ")];
   })], 2), a("dt-notice-action", e._g({ attrs: { "hide-close": e.hideClose, "close-button-props": e.closeButtonProps, "visually-hidden-close": e.visuallyHiddenClose, "visually-hidden-close-label": e.visuallyHiddenCloseLabel } }, e.noticeActionListeners), [e._t("action")], 2)], 1)]) : e._e();
-}, yi = [], Si = /* @__PURE__ */ d(
-  vi,
+}, Si = [], wi = /* @__PURE__ */ d(
   bi,
   yi,
+  Si,
   !1,
   null,
   null,
   null,
   null
 );
-const fu = Si.exports, bt = {
+const xu = wi.exports, bt = {
   sm: "d-toggle--small",
   md: ""
-}, wi = [!1, !0, "mixed"], Ci = {
+}, Ci = [!1, !0, "mixed"], ki = {
   name: "DtToggle",
   inheritAttrs: !1,
   model: {
@@ -6252,7 +6266,7 @@ const fu = Si.exports, bt = {
     checked: {
       type: [Boolean, String],
       default: !1,
-      validator: (t) => wi.includes(t)
+      validator: (t) => Ci.includes(t)
     },
     /**
      * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually
@@ -6361,29 +6375,29 @@ const fu = Si.exports, bt = {
     }
   }
 };
-var ki = function() {
+var Ii = function() {
   var e = this, a = e._self._c;
   return a("div", { staticClass: "d-toggle-wrapper" }, [e.$slots.default ? a("label", e._b({ class: e.labelClass, attrs: { for: e.id, "data-qa": "toggle-label" } }, "label", e.labelChildProps, !1), [e._t("default")], 2) : e._e(), a("button", e._g(e._b({ class: e.toggleClasses, attrs: { id: e.id, role: e.toggleRole, type: "button", "aria-checked": e.internalChecked.toString(), disabled: e.disabled, "aria-disabled": e.disabled.toString() } }, "button", e.$attrs, !1), e.inputListeners), [e.showIcon ? a("span", { staticClass: "d-toggle__inner" }) : e._e()])]);
-}, Ii = [], Oi = /* @__PURE__ */ d(
-  Ci,
+}, Oi = [], xi = /* @__PURE__ */ d(
   ki,
   Ii,
+  Oi,
   !1,
   null,
   null,
   null,
   null
 );
-const pu = Oi.exports, ee = {
+const Tu = xi.exports, ee = {
   "{win}": "layout-grid",
   "{arrow-right}": "arrow-right",
   "{arrow-left}": "arrow-left",
   "{arrow-up}": "arrow-up",
   "{arrow-down}": "arrow-down",
   "{cmd}": "command"
-}, xi = {
+}, Ti = {
   "{plus}": "plus"
-}, hu = Object.keys(ee), Ti = {
+}, Du = Object.keys(ee), Di = {
   name: "DtKeyboardShortcut",
   components: {
     DtIcon: y
@@ -6421,7 +6435,7 @@ const pu = Oi.exports, ee = {
   },
   computed: {
     icons() {
-      return { ...ee, ...xi };
+      return { ...ee, ...Ti };
     },
     shortcutWithSeparator() {
       return this.shortcut.replace(this.separator, "{plus}");
@@ -6436,7 +6450,7 @@ const pu = Oi.exports, ee = {
     }
   }
 };
-var Di = function() {
+var Ei = function() {
   var e = this, a = e._self._c;
   return a("kbd", { class: [
     "d-keyboard-shortcut",
@@ -6450,20 +6464,20 @@ var Di = function() {
       { "d-keyboard-shortcut__item--inverted": e.inverted }
     ], attrs: { "aria-hidden": "true" }, domProps: { innerHTML: e._s(n) } })];
   })], 2);
-}, Ei = [], $i = /* @__PURE__ */ d(
-  Ti,
+}, $i = [], Li = /* @__PURE__ */ d(
   Di,
   Ei,
+  $i,
   !1,
   null,
   null,
   null,
   null
 );
-const mu = $i.exports, yt = {
+const Eu = Li.exports, yt = {
   LEFT: "left",
   RIGHT: "right"
-}, Li = ["sm", "md", "lg", null], Ai = {
+}, Ai = ["sm", "md", "lg", null], Mi = {
   name: "DtRootLayout",
   props: {
     /**
@@ -6549,7 +6563,7 @@ const mu = $i.exports, yt = {
     responsiveBreakpoint: {
       type: String,
       default: null,
-      validator: (t) => Li.includes(t)
+      validator: (t) => Ai.includes(t)
     }
   },
   computed: {
@@ -6558,7 +6572,7 @@ const mu = $i.exports, yt = {
     }
   }
 };
-var Mi = function() {
+var Ri = function() {
   var e = this, a = e._self._c;
   return a("div", { class: [
     "root-layout",
@@ -6569,17 +6583,17 @@ var Mi = function() {
       [`d-root-layout__responsive--${e.responsiveBreakpoint}`]: !!e.responsiveBreakpoint
     }
   ], attrs: { "data-qa": "dt-root-layout" } }, [a("header", { class: ["d-root-layout__header", { "d-root-layout__header--sticky": e.headerSticky }, e.headerClass], attrs: { "data-qa": "dt-root-layout-header" } }, [e._t("header")], 2), a("aside", { ref: "root-layout-sidebar", class: ["d-root-layout__sidebar", e.sidebarClass], attrs: { tabindex: "0", "data-qa": "dt-root-layout-sidebar" } }, [e._t("sidebar")], 2), a("main", { ref: "root-layout-content", class: ["d-root-layout__content", e.contentClass], attrs: { "data-qa": "dt-root-layout-content", tabindex: "0" } }, [e._t("default")], 2), a("footer", { class: ["d-root-layout__footer", e.footerClass], attrs: { "data-qa": "dt-root-layout-footer" } }, [e._t("footer")], 2)]);
-}, Ri = [], Pi = /* @__PURE__ */ d(
-  Ai,
+}, Pi = [], Ni = /* @__PURE__ */ d(
   Mi,
   Ri,
+  Pi,
   !1,
   null,
   null,
   null,
   null
 );
-const gu = Pi.exports;
+const $u = Ni.exports;
 function St(t) {
   return t === q.default;
 }
@@ -6595,18 +6609,18 @@ function wt(t) {
 function ae(t) {
   return typeof t;
 }
-function Ni(t) {
+function Bi(t) {
   return wt(t) ? `d-stack--${q[wt(t)]}` : null;
 }
-function Bi(t) {
+function Fi(t) {
   return ae(t) === "object" ? [
     ...Wt.map((e) => t[e] ? `d-stack--${e}--${t[e]}` : null)
   ] : null;
 }
-function Fi(t) {
+function qi(t) {
   return ve.includes(t) ? `d-stack--gap-${t}` : null;
 }
-function qi(t) {
+function Hi(t) {
   if (ae(t) === "string")
     return Object.keys(q).includes(t);
   if (ae(t) === "object") {
@@ -6615,10 +6629,10 @@ function qi(t) {
   } else
     return null;
 }
-function Hi(t) {
+function Vi(t) {
   return ve.includes(t);
 }
-const Vi = {
+const Wi = {
   name: "DtStack",
   props: {
     /**
@@ -6632,7 +6646,7 @@ const Vi = {
     direction: {
       type: [String, Object],
       default: "column",
-      validator: (t) => qi(t)
+      validator: (t) => Hi(t)
     },
     /**
      * Set this prop to render stack as a specific HTML element.
@@ -6648,7 +6662,7 @@ const Vi = {
     gap: {
       type: String,
       default: "0",
-      validator: (t) => Hi(t)
+      validator: (t) => Vi(t)
     }
   },
   data() {
@@ -6660,17 +6674,17 @@ const Vi = {
   },
   computed: {
     stackGap() {
-      return Fi(this.gap);
+      return qi(this.gap);
     },
     defaultDirection() {
-      return Ni(this.direction);
+      return Bi(this.direction);
     },
     stackResponsive() {
-      return Bi(this.direction);
+      return Fi(this.direction);
     }
   }
 };
-var Wi = function() {
+var ji = function() {
   var e = this, a = e._self._c;
   return a(e.as, { tag: "component", class: [
     "d-stack",
@@ -6678,24 +6692,24 @@ var Wi = function() {
     e.stackResponsive,
     e.stackGap
   ] }, [e._t("default")], 2);
-}, ji = [], Ui = /* @__PURE__ */ d(
-  Vi,
+}, zi = [], Ui = /* @__PURE__ */ d(
   Wi,
   ji,
+  zi,
   !1,
   null,
   null,
   null,
   null
 );
-const _u = Ui.exports;
-function U(t) {
+const Lu = Ui.exports;
+function z(t) {
   "@babel/helpers - typeof";
-  return U = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return z = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
     return typeof e;
   } : function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, U(t);
+  }, z(t);
 }
 function b(t) {
   if (t === null || t === !0 || t === !1)
@@ -6710,7 +6724,7 @@ function u(t, e) {
 function p(t) {
   u(1, arguments);
   var e = Object.prototype.toString.call(t);
-  return t instanceof Date || U(t) === "object" && e === "[object Date]" ? new Date(t.getTime()) : typeof t == "number" || e === "[object Number]" ? new Date(t) : ((typeof t == "string" || e === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
+  return t instanceof Date || z(t) === "object" && e === "[object Date]" ? new Date(t.getTime()) : typeof t == "number" || e === "[object Number]" ? new Date(t) : ((typeof t == "string" || e === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
 }
 function ye(t, e) {
   u(2, arguments);
@@ -6730,19 +6744,19 @@ function Ke(t, e) {
   return r >= i ? s : (a.setFullYear(s.getFullYear(), s.getMonth(), r), a);
 }
 function X(t, e) {
-  if (u(2, arguments), !e || U(e) !== "object")
+  if (u(2, arguments), !e || z(e) !== "object")
     return /* @__PURE__ */ new Date(NaN);
   var a = e.years ? b(e.years) : 0, n = e.months ? b(e.months) : 0, r = e.weeks ? b(e.weeks) : 0, s = e.days ? b(e.days) : 0, i = e.hours ? b(e.hours) : 0, l = e.minutes ? b(e.minutes) : 0, c = e.seconds ? b(e.seconds) : 0, f = p(t), g = n || a ? Ke(f, n + a * 12) : f, o = s || r ? ye(g, s + r * 7) : g, m = l + i * 60, h = c + m * 60, _ = h * 1e3, O = new Date(o.getTime() + _);
   return O;
 }
-function zi(t, e) {
+function Ki(t, e) {
   u(2, arguments);
   var a = p(t).getTime(), n = b(e);
   return new Date(a + n);
 }
-var Ki = {};
+var Yi = {};
 function V() {
-  return Ki;
+  return Yi;
 }
 function Me(t, e) {
   var a, n, r, s, i, l, c, f;
@@ -6762,38 +6776,38 @@ function ce(t) {
   var e = p(t);
   return e.setHours(0, 0, 0, 0), e;
 }
-var Yi = 864e5;
-function Gi(t, e) {
+var Gi = 864e5;
+function Xi(t, e) {
   u(2, arguments);
   var a = ce(t), n = ce(e), r = a.getTime() - ne(a), s = n.getTime() - ne(n);
-  return Math.round((r - s) / Yi);
+  return Math.round((r - s) / Gi);
 }
 function F(t, e) {
   u(2, arguments);
   var a = p(t), n = p(e), r = a.getTime() - n.getTime();
   return r < 0 ? -1 : r > 0 ? 1 : r;
 }
-var Xi = 6e4, Qi = 36e5;
+var Qi = 6e4, Zi = 36e5;
 function Yt(t, e) {
   u(2, arguments);
   var a = ce(t), n = ce(e);
   return a.getTime() === n.getTime();
 }
-function Zi(t) {
-  return u(1, arguments), t instanceof Date || U(t) === "object" && Object.prototype.toString.call(t) === "[object Date]";
-}
 function Ji(t) {
-  if (u(1, arguments), !Zi(t) && typeof t != "number")
+  return u(1, arguments), t instanceof Date || z(t) === "object" && Object.prototype.toString.call(t) === "[object Date]";
+}
+function eo(t) {
+  if (u(1, arguments), !Ji(t) && typeof t != "number")
     return !1;
   var e = p(t);
   return !isNaN(Number(e));
 }
-function eo(t, e) {
+function to(t, e) {
   u(2, arguments);
   var a = p(t), n = p(e), r = a.getFullYear() - n.getFullYear(), s = a.getMonth() - n.getMonth();
   return r * 12 + s;
 }
-function to(t, e) {
+function ao(t, e) {
   u(2, arguments);
   var a = p(t), n = p(e);
   return a.getFullYear() - n.getFullYear();
@@ -6802,9 +6816,9 @@ function Ct(t, e) {
   var a = t.getFullYear() - e.getFullYear() || t.getMonth() - e.getMonth() || t.getDate() - e.getDate() || t.getHours() - e.getHours() || t.getMinutes() - e.getMinutes() || t.getSeconds() - e.getSeconds() || t.getMilliseconds() - e.getMilliseconds();
   return a < 0 ? -1 : a > 0 ? 1 : a;
 }
-function ao(t, e) {
+function no(t, e) {
   u(2, arguments);
-  var a = p(t), n = p(e), r = Ct(a, n), s = Math.abs(Gi(a, n));
+  var a = p(t), n = p(e), r = Ct(a, n), s = Math.abs(Xi(a, n));
   a.setDate(a.getDate() - r * s);
   var i = +(Ct(a, n) === -r), l = r * (s - i);
   return l === 0 ? 0 : l;
@@ -6820,44 +6834,44 @@ var kt = {
     return e < 0 ? Math.ceil(e) : Math.floor(e);
   }
   // Math.trunc is not supported by IE
-}, no = "trunc";
+}, ro = "trunc";
 function Ge(t) {
-  return t ? kt[t] : kt[no];
+  return t ? kt[t] : kt[ro];
 }
-function ro(t, e, a) {
+function so(t, e, a) {
   u(2, arguments);
-  var n = Ye(t, e) / Qi;
+  var n = Ye(t, e) / Zi;
   return Ge(a == null ? void 0 : a.roundingMethod)(n);
 }
-function so(t, e, a) {
+function io(t, e, a) {
   u(2, arguments);
-  var n = Ye(t, e) / Xi;
+  var n = Ye(t, e) / Qi;
   return Ge(a == null ? void 0 : a.roundingMethod)(n);
 }
-function io(t) {
+function oo(t) {
   u(1, arguments);
   var e = p(t);
   return e.setHours(23, 59, 59, 999), e;
 }
-function oo(t) {
+function lo(t) {
   u(1, arguments);
   var e = p(t), a = e.getMonth();
   return e.setFullYear(e.getFullYear(), a + 1, 0), e.setHours(23, 59, 59, 999), e;
 }
-function lo(t) {
+function co(t) {
   u(1, arguments);
   var e = p(t);
-  return io(e).getTime() === oo(e).getTime();
+  return oo(e).getTime() === lo(e).getTime();
 }
 function Gt(t, e) {
   u(2, arguments);
-  var a = p(t), n = p(e), r = F(a, n), s = Math.abs(eo(a, n)), i;
+  var a = p(t), n = p(e), r = F(a, n), s = Math.abs(to(a, n)), i;
   if (s < 1)
     i = 0;
   else {
     a.getMonth() === 1 && a.getDate() > 27 && a.setDate(30), a.setMonth(a.getMonth() - r * s);
     var l = F(a, n) === -r;
-    lo(p(t)) && s === 1 && F(t, n) === 1 && (l = !1), i = r * (s - Number(l));
+    co(p(t)) && s === 1 && F(t, n) === 1 && (l = !1), i = r * (s - Number(l));
   }
   return i === 0 ? 0 : i;
 }
@@ -6866,25 +6880,25 @@ function Xt(t, e, a) {
   var n = Ye(t, e) / 1e3;
   return Ge(a == null ? void 0 : a.roundingMethod)(n);
 }
-function co(t, e) {
+function uo(t, e) {
   u(2, arguments);
-  var a = p(t), n = p(e), r = F(a, n), s = Math.abs(to(a, n));
+  var a = p(t), n = p(e), r = F(a, n), s = Math.abs(ao(a, n));
   a.setFullYear(1584), n.setFullYear(1584);
   var i = F(a, n) === -r, l = r * (s - Number(i));
   return l === 0 ? 0 : l;
 }
-function uo(t, e) {
+function fo(t, e) {
   u(2, arguments);
   var a = b(e);
-  return zi(t, -a);
+  return Ki(t, -a);
 }
-var fo = 864e5;
-function po(t) {
+var po = 864e5;
+function ho(t) {
   u(1, arguments);
   var e = p(t), a = e.getTime();
   e.setUTCMonth(0, 1), e.setUTCHours(0, 0, 0, 0);
   var n = e.getTime(), r = a - n;
-  return Math.floor(r / fo) + 1;
+  return Math.floor(r / po) + 1;
 }
 function ue(t) {
   u(1, arguments);
@@ -6900,18 +6914,18 @@ function Qt(t) {
   var i = ue(s);
   return e.getTime() >= r.getTime() ? a + 1 : e.getTime() >= i.getTime() ? a : a - 1;
 }
-function ho(t) {
+function mo(t) {
   u(1, arguments);
   var e = Qt(t), a = /* @__PURE__ */ new Date(0);
   a.setUTCFullYear(e, 0, 4), a.setUTCHours(0, 0, 0, 0);
   var n = ue(a);
   return n;
 }
-var mo = 6048e5;
-function go(t) {
+var go = 6048e5;
+function _o(t) {
   u(1, arguments);
-  var e = p(t), a = ue(e).getTime() - ho(e).getTime();
-  return Math.round(a / mo) + 1;
+  var e = p(t), a = ue(e).getTime() - mo(e).getTime();
+  return Math.round(a / go) + 1;
 }
 function fe(t, e) {
   var a, n, r, s, i, l, c, f;
@@ -6935,7 +6949,7 @@ function Zt(t, e) {
   var T = fe(C, e);
   return g.getTime() >= O.getTime() ? o + 1 : g.getTime() >= T.getTime() ? o : o - 1;
 }
-function _o(t, e) {
+function vo(t, e) {
   var a, n, r, s, i, l, c, f;
   u(1, arguments);
   var g = V(), o = b((a = (n = (r = (s = e == null ? void 0 : e.firstWeekContainsDate) !== null && s !== void 0 ? s : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && r !== void 0 ? r : g.firstWeekContainsDate) !== null && n !== void 0 ? n : (c = g.locale) === null || c === void 0 || (f = c.options) === null || f === void 0 ? void 0 : f.firstWeekContainsDate) !== null && a !== void 0 ? a : 1), m = Zt(t, e), h = /* @__PURE__ */ new Date(0);
@@ -6943,18 +6957,18 @@ function _o(t, e) {
   var _ = fe(h, e);
   return _;
 }
-var vo = 6048e5;
-function bo(t, e) {
+var bo = 6048e5;
+function yo(t, e) {
   u(1, arguments);
-  var a = p(t), n = fe(a, e).getTime() - _o(a, e).getTime();
-  return Math.round(n / vo) + 1;
+  var a = p(t), n = fe(a, e).getTime() - vo(a, e).getTime();
+  return Math.round(n / bo) + 1;
 }
 function v(t, e) {
   for (var a = t < 0 ? "-" : "", n = Math.abs(t).toString(); n.length < e; )
     n = "0" + n;
   return a + n;
 }
-var yo = {
+var So = {
   // Year
   y: function(e, a) {
     var n = e.getUTCFullYear(), r = n > 0 ? n : 1 - n;
@@ -7007,7 +7021,7 @@ var yo = {
     return v(s, a.length);
   }
 };
-const L = yo;
+const L = So;
 var j = {
   am: "am",
   pm: "pm",
@@ -7017,7 +7031,7 @@ var j = {
   afternoon: "afternoon",
   evening: "evening",
   night: "night"
-}, So = {
+}, wo = {
   // Era
   G: function(e, a, n) {
     var r = e.getUTCFullYear() > 0 ? 1 : 0;
@@ -7199,14 +7213,14 @@ var j = {
   },
   // Local week of year
   w: function(e, a, n, r) {
-    var s = bo(e, r);
+    var s = yo(e, r);
     return a === "wo" ? n.ordinalNumber(s, {
       unit: "week"
     }) : v(s, a.length);
   },
   // ISO week of year
   I: function(e, a, n) {
-    var r = go(e);
+    var r = _o(e);
     return a === "Io" ? n.ordinalNumber(r, {
       unit: "week"
     }) : v(r, a.length);
@@ -7219,7 +7233,7 @@ var j = {
   },
   // Day of year
   D: function(e, a, n) {
-    var r = po(e);
+    var r = ho(e);
     return a === "Do" ? n.ordinalNumber(r, {
       unit: "dayOfYear"
     }) : v(r, a.length);
@@ -7571,7 +7585,7 @@ function N(t, e) {
   var a = e || "", n = t > 0 ? "-" : "+", r = Math.abs(t), s = v(Math.floor(r / 60), 2), i = v(r % 60, 2);
   return n + s + a + i;
 }
-const wo = So;
+const Co = wo;
 var xt = function(e, a) {
   switch (e) {
     case "P":
@@ -7612,7 +7626,7 @@ var xt = function(e, a) {
         width: "full"
       });
   }
-}, Co = function(e, a) {
+}, ko = function(e, a) {
   var n = e.match(/(P+)(p+)?/) || [], r = n[1], s = n[2];
   if (!s)
     return xt(e, a);
@@ -7641,18 +7655,18 @@ var xt = function(e, a) {
       break;
   }
   return i.replace("{{date}}", xt(r, a)).replace("{{time}}", Jt(s, a));
-}, ko = {
+}, Io = {
   p: Jt,
-  P: Co
+  P: ko
 };
-const Io = ko;
-var Oo = ["D", "DD"], xo = ["YY", "YYYY"];
-function To(t) {
-  return Oo.indexOf(t) !== -1;
-}
+const Oo = Io;
+var xo = ["D", "DD"], To = ["YY", "YYYY"];
 function Do(t) {
   return xo.indexOf(t) !== -1;
 }
+function Eo(t) {
+  return To.indexOf(t) !== -1;
+}
 function Tt(t, e, a) {
   if (t === "YYYY")
     throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(e, "`) for formatting years to the input `").concat(a, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
@@ -7663,7 +7677,7 @@ function Tt(t, e, a) {
   if (t === "DD")
     throw new RangeError("Use `dd` instead of `DD` (in `".concat(e, "`) for formatting days of the month to the input `").concat(a, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
 }
-var Eo = {
+var $o = {
   lessThanXSeconds: {
     one: "less than a second",
     other: "less than {{count}} seconds"
@@ -7725,58 +7739,58 @@ var Eo = {
     one: "almost 1 year",
     other: "almost {{count}} years"
   }
-}, $o = function(e, a, n) {
-  var r, s = Eo[e];
+}, Lo = function(e, a, n) {
+  var r, s = $o[e];
   return typeof s == "string" ? r = s : a === 1 ? r = s.one : r = s.other.replace("{{count}}", a.toString()), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "in " + r : r + " ago" : r;
 };
-const Lo = $o;
+const Ao = Lo;
 function Te(t) {
   return function() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, a = e.width ? String(e.width) : t.defaultWidth, n = t.formats[a] || t.formats[t.defaultWidth];
     return n;
   };
 }
-var Ao = {
+var Mo = {
   full: "EEEE, MMMM do, y",
   long: "MMMM do, y",
   medium: "MMM d, y",
   short: "MM/dd/yyyy"
-}, Mo = {
+}, Ro = {
   full: "h:mm:ss a zzzz",
   long: "h:mm:ss a z",
   medium: "h:mm:ss a",
   short: "h:mm a"
-}, Ro = {
+}, Po = {
   full: "{{date}} 'at' {{time}}",
   long: "{{date}} 'at' {{time}}",
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
-}, Po = {
+}, No = {
   date: Te({
-    formats: Ao,
+    formats: Mo,
     defaultWidth: "full"
   }),
   time: Te({
-    formats: Mo,
+    formats: Ro,
     defaultWidth: "full"
   }),
   dateTime: Te({
-    formats: Ro,
+    formats: Po,
     defaultWidth: "full"
   })
 };
-const No = Po;
-var Bo = {
+const Bo = No;
+var Fo = {
   lastWeek: "'last' eeee 'at' p",
   yesterday: "'yesterday at' p",
   today: "'today at' p",
   tomorrow: "'tomorrow at' p",
   nextWeek: "eeee 'at' p",
   other: "P"
-}, Fo = function(e, a, n, r) {
-  return Bo[e];
+}, qo = function(e, a, n, r) {
+  return Fo[e];
 };
-const qo = Fo;
+const Ho = qo;
 function Q(t) {
   return function(e, a) {
     var n = a != null && a.context ? String(a.context) : "standalone", r;
@@ -7791,19 +7805,19 @@ function Q(t) {
     return r[f];
   };
 }
-var Ho = {
+var Vo = {
   narrow: ["B", "A"],
   abbreviated: ["BC", "AD"],
   wide: ["Before Christ", "Anno Domini"]
-}, Vo = {
+}, Wo = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
-}, Wo = {
+}, jo = {
   narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
   abbreviated: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
   wide: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
-}, jo = {
+}, zo = {
   narrow: ["S", "M", "T", "W", "T", "F", "S"],
   short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
   abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
@@ -7839,7 +7853,7 @@ var Ho = {
     evening: "evening",
     night: "night"
   }
-}, zo = {
+}, Ko = {
   narrow: {
     am: "a",
     pm: "p",
@@ -7870,7 +7884,7 @@ var Ho = {
     evening: "in the evening",
     night: "at night"
   }
-}, Ko = function(e, a) {
+}, Yo = function(e, a) {
   var n = Number(e), r = n % 100;
   if (r > 20 || r < 10)
     switch (r % 10) {
@@ -7882,43 +7896,43 @@ var Ho = {
         return n + "rd";
     }
   return n + "th";
-}, Yo = {
-  ordinalNumber: Ko,
+}, Go = {
+  ordinalNumber: Yo,
   era: Q({
-    values: Ho,
+    values: Vo,
     defaultWidth: "wide"
   }),
   quarter: Q({
-    values: Vo,
+    values: Wo,
     defaultWidth: "wide",
     argumentCallback: function(e) {
       return e - 1;
     }
   }),
   month: Q({
-    values: Wo,
+    values: jo,
     defaultWidth: "wide"
   }),
   day: Q({
-    values: jo,
+    values: zo,
     defaultWidth: "wide"
   }),
   dayPeriod: Q({
     values: Uo,
     defaultWidth: "wide",
-    formattingValues: zo,
+    formattingValues: Ko,
     defaultFormattingWidth: "wide"
   })
 };
-const Go = Yo;
+const Xo = Go;
 function Z(t) {
   return function(e) {
     var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = a.width, r = n && t.matchPatterns[n] || t.matchPatterns[t.defaultMatchWidth], s = e.match(r);
     if (!s)
       return null;
-    var i = s[0], l = n && t.parsePatterns[n] || t.parsePatterns[t.defaultParseWidth], c = Array.isArray(l) ? Qo(l, function(o) {
+    var i = s[0], l = n && t.parsePatterns[n] || t.parsePatterns[t.defaultParseWidth], c = Array.isArray(l) ? Zo(l, function(o) {
       return o.test(i);
-    }) : Xo(l, function(o) {
+    }) : Qo(l, function(o) {
       return o.test(i);
     }), f;
     f = t.valueCallback ? t.valueCallback(c) : c, f = a.valueCallback ? a.valueCallback(f) : f;
@@ -7929,17 +7943,17 @@ function Z(t) {
     };
   };
 }
-function Xo(t, e) {
+function Qo(t, e) {
   for (var a in t)
     if (t.hasOwnProperty(a) && e(t[a]))
       return a;
 }
-function Qo(t, e) {
+function Zo(t, e) {
   for (var a = 0; a < t.length; a++)
     if (e(t[a]))
       return a;
 }
-function Zo(t) {
+function Jo(t) {
   return function(e) {
     var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = e.match(t.matchPattern);
     if (!n)
@@ -7956,37 +7970,37 @@ function Zo(t) {
     };
   };
 }
-var Jo = /^(\d+)(th|st|nd|rd)?/i, el = /\d+/i, tl = {
+var el = /^(\d+)(th|st|nd|rd)?/i, tl = /\d+/i, al = {
   narrow: /^(b|a)/i,
   abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
   wide: /^(before christ|before common era|anno domini|common era)/i
-}, al = {
-  any: [/^b/i, /^(a|c)/i]
 }, nl = {
+  any: [/^b/i, /^(a|c)/i]
+}, rl = {
   narrow: /^[1234]/i,
   abbreviated: /^q[1234]/i,
   wide: /^[1234](th|st|nd|rd)? quarter/i
-}, rl = {
-  any: [/1/i, /2/i, /3/i, /4/i]
 }, sl = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, il = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
   wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
-}, il = {
+}, ol = {
   narrow: [/^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i],
   any: [/^ja/i, /^f/i, /^mar/i, /^ap/i, /^may/i, /^jun/i, /^jul/i, /^au/i, /^s/i, /^o/i, /^n/i, /^d/i]
-}, ol = {
+}, ll = {
   narrow: /^[smtwf]/i,
   short: /^(su|mo|tu|we|th|fr|sa)/i,
   abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
   wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
-}, ll = {
+}, dl = {
   narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
   any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
-}, dl = {
+}, cl = {
   narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
   any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
-}, cl = {
+}, ul = {
   any: {
     am: /^a/i,
     pm: /^p/i,
@@ -7997,63 +8011,63 @@ var Jo = /^(\d+)(th|st|nd|rd)?/i, el = /\d+/i, tl = {
     evening: /evening/i,
     night: /night/i
   }
-}, ul = {
-  ordinalNumber: Zo({
-    matchPattern: Jo,
-    parsePattern: el,
+}, fl = {
+  ordinalNumber: Jo({
+    matchPattern: el,
+    parsePattern: tl,
     valueCallback: function(e) {
       return parseInt(e, 10);
     }
   }),
   era: Z({
-    matchPatterns: tl,
+    matchPatterns: al,
     defaultMatchWidth: "wide",
-    parsePatterns: al,
+    parsePatterns: nl,
     defaultParseWidth: "any"
   }),
   quarter: Z({
-    matchPatterns: nl,
+    matchPatterns: rl,
     defaultMatchWidth: "wide",
-    parsePatterns: rl,
+    parsePatterns: sl,
     defaultParseWidth: "any",
     valueCallback: function(e) {
       return e + 1;
     }
   }),
   month: Z({
-    matchPatterns: sl,
+    matchPatterns: il,
     defaultMatchWidth: "wide",
-    parsePatterns: il,
+    parsePatterns: ol,
     defaultParseWidth: "any"
   }),
   day: Z({
-    matchPatterns: ol,
+    matchPatterns: ll,
     defaultMatchWidth: "wide",
-    parsePatterns: ll,
+    parsePatterns: dl,
     defaultParseWidth: "any"
   }),
   dayPeriod: Z({
-    matchPatterns: dl,
+    matchPatterns: cl,
     defaultMatchWidth: "any",
-    parsePatterns: cl,
+    parsePatterns: ul,
     defaultParseWidth: "any"
   })
 };
-const fl = ul;
-var pl = {
+const pl = fl;
+var hl = {
   code: "en-US",
-  formatDistance: Lo,
-  formatLong: No,
-  formatRelative: qo,
-  localize: Go,
-  match: fl,
+  formatDistance: Ao,
+  formatLong: Bo,
+  formatRelative: Ho,
+  localize: Xo,
+  match: pl,
   options: {
     weekStartsOn: 0,
     firstWeekContainsDate: 1
   }
 };
-const Xe = pl;
-var hl = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, ml = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, gl = /^'([^]*?)'?$/, _l = /''/g, vl = /[a-zA-Z]/;
+const Xe = hl;
+var ml = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, gl = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, _l = /^'([^]*?)'?$/, vl = /''/g, bl = /[a-zA-Z]/;
 function R(t, e, a) {
   var n, r, s, i, l, c, f, g, o, m, h, _, O, C, T, W, P, we;
   u(2, arguments);
@@ -8068,38 +8082,38 @@ function R(t, e, a) {
   if (!G.formatLong)
     throw new RangeError("locale must contain formatLong property");
   var se = p(t);
-  if (!Ji(se))
+  if (!eo(se))
     throw new RangeError("Invalid time value");
-  var ia = ne(se), oa = uo(se, ia), la = {
+  var ia = ne(se), oa = fo(se, ia), la = {
     firstWeekContainsDate: Ce,
     weekStartsOn: ke,
     locale: G,
     _originalDate: se
-  }, da = sa.match(ml).map(function(x) {
+  }, da = sa.match(gl).map(function(x) {
     var $ = x[0];
     if ($ === "p" || $ === "P") {
-      var ie = Io[$];
+      var ie = Oo[$];
       return ie(x, G.formatLong);
     }
     return x;
-  }).join("").match(hl).map(function(x) {
+  }).join("").match(ml).map(function(x) {
     if (x === "''")
       return "'";
     var $ = x[0];
     if ($ === "'")
-      return bl(x);
-    var ie = wo[$];
+      return yl(x);
+    var ie = Co[$];
     if (ie)
-      return !(a != null && a.useAdditionalWeekYearTokens) && Do(x) && Tt(x, e, String(t)), !(a != null && a.useAdditionalDayOfYearTokens) && To(x) && Tt(x, e, String(t)), ie(oa, x, G.localize, la);
-    if ($.match(vl))
+      return !(a != null && a.useAdditionalWeekYearTokens) && Eo(x) && Tt(x, e, String(t)), !(a != null && a.useAdditionalDayOfYearTokens) && Do(x) && Tt(x, e, String(t)), ie(oa, x, G.localize, la);
+    if ($.match(bl))
       throw new RangeError("Format string contains an unescaped latin alphabet character `" + $ + "`");
     return x;
   }).join("");
   return da;
 }
-function bl(t) {
-  var e = t.match(gl);
-  return e ? e[1].replace(_l, "'") : t;
+function yl(t) {
+  var e = t.match(_l);
+  return e ? e[1].replace(vl, "'") : t;
 }
 function ea(t, e) {
   if (t == null)
@@ -8108,11 +8122,11 @@ function ea(t, e) {
     Object.prototype.hasOwnProperty.call(e, a) && (t[a] = e[a]);
   return t;
 }
-function yl(t) {
+function Sl(t) {
   return ea({}, t);
 }
-var Dt = 1440, Sl = 2520, De = 43200, wl = 86400;
-function Cl(t, e, a) {
+var Dt = 1440, wl = 2520, De = 43200, Cl = 86400;
+function kl(t, e, a) {
   var n, r;
   u(2, arguments);
   var s = V(), i = (n = (r = a == null ? void 0 : a.locale) !== null && r !== void 0 ? r : s.locale) !== null && n !== void 0 ? n : Xe;
@@ -8121,7 +8135,7 @@ function Cl(t, e, a) {
   var l = F(t, e);
   if (isNaN(l))
     throw new RangeError("Invalid time value");
-  var c = ea(yl(a), {
+  var c = ea(Sl(a), {
     addSuffix: !!(a != null && a.addSuffix),
     comparison: l
   }), f, g;
@@ -8137,12 +8151,12 @@ function Cl(t, e, a) {
     var O = Math.round(h / 60);
     return i.formatDistance("aboutXHours", O, c);
   } else {
-    if (h < Sl)
+    if (h < wl)
       return i.formatDistance("xDays", 1, c);
     if (h < De) {
       var C = Math.round(h / Dt);
       return i.formatDistance("xDays", C, c);
-    } else if (h < wl)
+    } else if (h < Cl)
       return _ = Math.round(h / De), i.formatDistance("aboutXMonths", _, c);
   }
   if (_ = Gt(g, f), _ < 12) {
@@ -8153,12 +8167,12 @@ function Cl(t, e, a) {
     return W < 3 ? i.formatDistance("aboutXYears", P, c) : W < 9 ? i.formatDistance("overXYears", P, c) : i.formatDistance("almostXYears", P + 1, c);
   }
 }
-var kl = ["years", "months", "weeks", "days", "hours", "minutes", "seconds"];
-function Il(t, e) {
+var Il = ["years", "months", "weeks", "days", "hours", "minutes", "seconds"];
+function Ol(t, e) {
   var a, n, r, s, i;
   if (arguments.length < 1)
     throw new TypeError("1 argument required, but only ".concat(arguments.length, " present"));
-  var l = V(), c = (a = (n = e == null ? void 0 : e.locale) !== null && n !== void 0 ? n : l.locale) !== null && a !== void 0 ? a : Xe, f = (r = e == null ? void 0 : e.format) !== null && r !== void 0 ? r : kl, g = (s = e == null ? void 0 : e.zero) !== null && s !== void 0 ? s : !1, o = (i = e == null ? void 0 : e.delimiter) !== null && i !== void 0 ? i : " ";
+  var l = V(), c = (a = (n = e == null ? void 0 : e.locale) !== null && n !== void 0 ? n : l.locale) !== null && a !== void 0 ? a : Xe, f = (r = e == null ? void 0 : e.format) !== null && r !== void 0 ? r : Il, g = (s = e == null ? void 0 : e.zero) !== null && s !== void 0 ? s : !1, o = (i = e == null ? void 0 : e.delimiter) !== null && i !== void 0 ? i : " ";
   if (!c.formatDistance)
     return "";
   var m = f.reduce(function(h, _) {
@@ -8169,12 +8183,12 @@ function Il(t, e) {
   }, []).join(o);
   return m;
 }
-function Ol(t) {
+function xl(t) {
   u(1, arguments);
   var e = p(t), a = e.getDate();
   return a;
 }
-function xl(t) {
+function Tl(t) {
   u(1, arguments);
   var e = p(t), a = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date(0);
   return r.setFullYear(a, n + 1, 0), r.setHours(0, 0, 0, 0), r.getDate();
@@ -8187,7 +8201,7 @@ function le(t) {
 function Re(t) {
   return u(1, arguments), p(t).getFullYear();
 }
-function Tl(t) {
+function Dl(t) {
   u(1, arguments);
   var e = p(t.start), a = p(t.end);
   if (isNaN(e.getTime()))
@@ -8195,7 +8209,7 @@ function Tl(t) {
   if (isNaN(a.getTime()))
     throw new RangeError("End Date is invalid");
   var n = {};
-  n.years = Math.abs(co(a, e));
+  n.years = Math.abs(uo(a, e));
   var r = F(a, e), s = X(e, {
     years: r * n.years
   });
@@ -8203,71 +8217,71 @@ function Tl(t) {
   var i = X(s, {
     months: r * n.months
   });
-  n.days = Math.abs(ao(a, i));
+  n.days = Math.abs(no(a, i));
   var l = X(i, {
     days: r * n.days
   });
-  n.hours = Math.abs(ro(a, l));
+  n.hours = Math.abs(so(a, l));
   var c = X(l, {
     hours: r * n.hours
   });
-  n.minutes = Math.abs(so(a, c));
+  n.minutes = Math.abs(io(a, c));
   var f = X(c, {
     minutes: r * n.minutes
   });
   return n.seconds = Math.abs(Xt(a, f)), n;
 }
-function Dl(t, e) {
+function El(t, e) {
   u(2, arguments);
   var a = p(t), n = p(e);
   return a.getTime() === n.getTime();
 }
-function El(t, e, a) {
+function $l(t, e, a) {
   u(2, arguments);
   var n = Me(t, a), r = Me(e, a);
   return n.getTime() === r.getTime();
 }
-function $l(t, e) {
+function Ll(t, e) {
   u(2, arguments);
   var a = p(t), n = p(e);
   return a.getFullYear() === n.getFullYear();
 }
-function Ll(t, e) {
-  return u(1, arguments), El(t, Date.now(), e);
-}
-function Al(t) {
-  return u(1, arguments), $l(t, Date.now());
+function Al(t, e) {
+  return u(1, arguments), $l(t, Date.now(), e);
 }
 function Ml(t) {
+  return u(1, arguments), Ll(t, Date.now());
+}
+function Rl(t) {
   return u(1, arguments), Yt(t, Date.now());
 }
-function Rl(t, e) {
+function Pl(t, e) {
   u(2, arguments);
   var a = b(e);
   return ye(t, -a);
 }
-function Pl(t) {
-  return u(1, arguments), Yt(t, Rl(Date.now(), 1));
+function Nl(t) {
+  return u(1, arguments), Yt(t, Pl(Date.now(), 1));
 }
-function Nl(t, e) {
+function Bl(t, e) {
   u(2, arguments);
   var a = p(t), n = b(e), r = a.getFullYear(), s = a.getDate(), i = /* @__PURE__ */ new Date(0);
   i.setFullYear(r, n, 15), i.setHours(0, 0, 0, 0);
-  var l = xl(i);
+  var l = Tl(i);
   return a.setMonth(n, Math.min(s, l)), a;
 }
-function Bl(t, e) {
-  if (u(2, arguments), U(e) !== "object" || e === null)
+function Fl(t, e) {
+  if (u(2, arguments), z(e) !== "object" || e === null)
     throw new RangeError("values parameter must be an object");
   var a = p(t);
-  return isNaN(a.getTime()) ? /* @__PURE__ */ new Date(NaN) : (e.year != null && a.setFullYear(e.year), e.month != null && (a = Nl(a, e.month)), e.date != null && a.setDate(b(e.date)), e.hours != null && a.setHours(b(e.hours)), e.minutes != null && a.setMinutes(b(e.minutes)), e.seconds != null && a.setSeconds(b(e.seconds)), e.milliseconds != null && a.setMilliseconds(b(e.milliseconds)), a);
+  return isNaN(a.getTime()) ? /* @__PURE__ */ new Date(NaN) : (e.year != null && a.setFullYear(e.year), e.month != null && (a = Bl(a, e.month)), e.date != null && a.setDate(b(e.date)), e.hours != null && a.setHours(b(e.hours)), e.minutes != null && a.setMinutes(b(e.minutes)), e.seconds != null && a.setSeconds(b(e.seconds)), e.milliseconds != null && a.setMilliseconds(b(e.milliseconds)), a);
 }
-function Fl(t, e) {
+function ql(t, e) {
   u(2, arguments);
   var a = b(e);
   return Ke(t, -a);
 }
-const ta = 0, aa = "MMMM", Pe = (t) => t ? new Date(t) : /* @__PURE__ */ new Date(), ql = (t, e, a) => {
+const ta = 0, aa = "MMMM", Pe = (t) => t ? new Date(t) : /* @__PURE__ */ new Date(), Hl = (t, e, a) => {
   const n = Pe(JSON.parse(JSON.stringify(t))), r = [];
   for (let s = 0; s < 7; s++) {
     const i = ye(n, s), l = le(i) !== e;
@@ -8281,21 +8295,21 @@ const ta = 0, aa = "MMMM", Pe = (t) => t ? new Date(t) : /* @__PURE__ */ new Dat
     });
   }
   return r;
-}, Hl = (t, e) => !t || !e ? !1 : Dl(t, e), Vl = (t, e, a) => {
+}, Vl = (t, e) => !t || !e ? !1 : El(t, e), Wl = (t, e, a) => {
   const n = [], r = Pe(new Date(e, t)), s = Pe(new Date(e, t + 1, 0)), l = Me(r, { weekStartsOn: ta }), c = (f) => {
-    const g = ql(f, t, a);
+    const g = Hl(f, t, a);
     if (n.push({ days: g }), !n[n.length - 1].days.some(
-      (o) => Hl(o.value, s)
+      (o) => Vl(o.value, s)
     )) {
       const o = ye(f, 7);
       c(o);
     }
   };
   return c(l), n;
-}, Wl = (t, e) => {
+}, jl = (t, e) => {
   const a = [1, 2, 3, 4, 5, 6, 7].map((s) => new Intl.DateTimeFormat(t, { weekday: "short", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`2017-01-0${s}T00:00:00+00:00`)).slice(0, 2)), n = a.slice(0, e), r = a.slice(e + 1, a.length);
   return [a[e]].concat(...r).concat(...n);
-}, jl = (t, e) => R(new Date(2e3, t, 1), e), Ul = {
+}, zl = (t, e) => R(new Date(2e3, t, 1), e), Ul = {
   name: "DtDatepickerMonthYearPicker",
   components: { DtIcon: y },
   props: {
@@ -8357,10 +8371,10 @@ const ta = 0, aa = "MMMM", Pe = (t) => t ? new Date(t) : /* @__PURE__ */ new Dat
   computed: {
     // Get days for the currently selected month and year and highlight the selected day
     calendarDays() {
-      return Vl(this.selectMonth, this.selectYear, this.highlightedDay);
+      return Wl(this.selectMonth, this.selectYear, this.highlightedDay);
     },
     formattedMonth() {
-      return (t, e) => jl(t, e);
+      return (t, e) => zl(t, e);
     },
     MONTH_FORMAT() {
       return aa;
@@ -8411,10 +8425,10 @@ const ta = 0, aa = "MMMM", Pe = (t) => t ? new Date(t) : /* @__PURE__ */ new Dat
     },
     highlightDay() {
       const t = Re(this.selectedDate), e = le(this.selectedDate);
-      t !== this.selectYear || e !== this.selectMonth ? this.highlightedDay = null : this.highlightedDay = Ol(this.selectedDate);
+      t !== this.selectYear || e !== this.selectMonth ? this.highlightedDay = null : this.highlightedDay = xl(this.selectedDate);
     },
     changeMonth(t) {
-      const e = Bl(this.selectedDate, { month: this.selectMonth, year: this.selectYear }), a = ++t ? Ke(e, 1) : Fl(e, 1);
+      const e = Fl(this.selectedDate, { month: this.selectMonth, year: this.selectYear }), a = ++t ? Ke(e, 1) : ql(e, 1);
       this.selectMonth = le(a);
     },
     changeYear(t) {
@@ -8422,7 +8436,7 @@ const ta = 0, aa = "MMMM", Pe = (t) => t ? new Date(t) : /* @__PURE__ */ new Dat
     }
   }
 };
-var zl = function() {
+var Kl = function() {
   var e = this, a = e._self._c;
   return a("div", { staticClass: "d-datepicker__month-year-picker" }, [a("div", [a("button", { ref: (n) => {
     n && e.setDayRef(n);
@@ -8449,17 +8463,17 @@ var zl = function() {
   }, keydown: function(n) {
     return e.handleKeyDown(n);
   } } }, [a("dt-icon", { attrs: { name: "chevrons-right", size: "300" } })], 1)])]);
-}, Kl = [], Yl = /* @__PURE__ */ d(
+}, Yl = [], Gl = /* @__PURE__ */ d(
   Ul,
-  zl,
   Kl,
+  Yl,
   !1,
   null,
   null,
   null,
   null
 );
-const Gl = Yl.exports, Xl = {
+const Xl = Gl.exports, Ql = {
   name: "DtDatepickerCalendar",
   props: {
     calendarDays: {
@@ -8506,7 +8520,7 @@ const Gl = Yl.exports, Xl = {
   },
   computed: {
     weekDays() {
-      return Wl(this.locale, ta);
+      return jl(this.locale, ta);
     }
   },
   watch: {
@@ -8561,7 +8575,7 @@ const Gl = Yl.exports, Xl = {
     }
   }
 };
-var Ql = function() {
+var Zl = function() {
   var e = this, a = e._self._c;
   return a("div", { staticClass: "d-datepicker__calendar" }, [a("div", { staticClass: "d-datepicker__week-day" }, e._l(e.weekDays, function(n) {
     return a("div", { key: n }, [a("p", [e._v(" " + e._s(n) + " ")])]);
@@ -8579,19 +8593,19 @@ var Ql = function() {
       } } }, [e._v(" " + e._s(s.text) + " ")]);
     }), 0);
   })], 2);
-}, Zl = [], Jl = /* @__PURE__ */ d(
-  Xl,
+}, Jl = [], ed = /* @__PURE__ */ d(
   Ql,
   Zl,
+  Jl,
   !1,
   null,
   null,
   null,
   null
 );
-const ed = Jl.exports, td = {
+const td = ed.exports, ad = {
   name: "DtDatepicker",
-  components: { MonthYearPicker: Gl, Calendar: ed },
+  components: { MonthYearPicker: Xl, Calendar: td },
   props: {
     /**
      * Label for the previous month button
@@ -8698,7 +8712,7 @@ const ed = Jl.exports, td = {
     }
   }
 };
-var ad = function() {
+var nd = function() {
   var e = this, a = e._self._c;
   return a("div", { staticClass: "d-datepicker" }, [a("div", { staticClass: "d-datepicker--header" }, [a("month-year-picker", { ref: "monthYearPicker", attrs: { "prev-month-label": e.prevMonthLabel, "next-month-label": e.nextMonthLabel, "prev-year-label": e.prevYearLabel, "next-year-label": e.nextYearLabel, "change-to-label": e.changeToLabel, "selected-date": e.selectedDate }, on: { "calendar-days": e.updateCalendarDays, "focus-day": function(n) {
     return e.$refs.calendar.focusFirstDay();
@@ -8711,37 +8725,37 @@ var ad = function() {
   }, "close-datepicker": function(n) {
     return e.$emit("close-datepicker");
   } } })], 1)]);
-}, nd = [], rd = /* @__PURE__ */ d(
-  td,
+}, rd = [], sd = /* @__PURE__ */ d(
   ad,
   nd,
+  rd,
   !1,
   null,
   null,
   null,
   null
 );
-const vu = rd.exports;
-function bu(t) {
+const Au = sd.exports;
+function Mu(t) {
   return R(t, "EEEE, MMMM d, yyyy");
 }
-function yu(t) {
+function Ru(t) {
   return R(t, "MMMM d, yyyy");
 }
-function Su(t, e = !0) {
+function Pu(t, e = !0) {
   return R(t, e ? "EEE, MMM d, yyyy" : "MMM d, yyyy");
 }
-function wu(t, e = !1) {
+function Nu(t, e = !1) {
   return R(t, e ? "MMM d" : "MMMM d");
 }
-function Cu(t) {
+function Bu(t) {
   return R(t, "MM/dd/yy");
 }
-const sd = {
+const id = {
   name: "DtRecipeComboboxWithPopover",
   components: {
     DtCombobox: Sr,
-    DtPopover: ze,
+    DtPopover: Ue,
     ComboboxLoadingList: qt,
     ComboboxEmptyList: Ht
   },
@@ -8795,7 +8809,7 @@ const sd = {
     listId: {
       type: String,
       default() {
-        return k();
+        return I();
       }
     },
     /**
@@ -8958,7 +8972,7 @@ const sd = {
       isListShown: !1,
       isInputFocused: !1,
       isListFocused: !1,
-      externalAnchor: k()
+      externalAnchor: I()
     };
   },
   computed: {
@@ -9018,7 +9032,7 @@ const sd = {
     }
   }
 };
-var id = function() {
+var od = function() {
   var e = this, a = e._self._c;
   return a("dt-combobox", e._g({ ref: "combobox", attrs: { loading: e.loading, label: e.label, "label-visible": e.labelVisible, size: e.size, description: e.description, "empty-list": e.emptyList, "empty-state-message": e.emptyStateMessage, "show-list": e.isListShown, "on-beginning-of-list": e.onBeginningOfList, "on-end-of-list": e.onEndOfList, "list-rendered-outside": !0, "list-id": e.listId, "data-qa": "dt-combobox" }, scopedSlots: e._u([{ key: "input", fn: function({ inputProps: n }) {
     return [a("div", { ref: "input", attrs: { id: e.externalAnchor }, on: { focusin: e.onFocusIn, keydown: [function(r) {
@@ -9039,36 +9053,36 @@ var id = function() {
       return [a("div", { ref: "footer" }, [e._t("footer")], 2)];
     }, proxy: !0 } : null], null, !0) })];
   } }], null, !0) }, e.comboboxListeners));
-}, od = [], ld = /* @__PURE__ */ d(
-  sd,
+}, ld = [], dd = /* @__PURE__ */ d(
   id,
   od,
+  ld,
   !1,
   null,
   null,
   null,
   null
 );
-const dd = ld.exports, cd = {
+const cd = dd.exports, ud = {
   // Chip has no 'lg' and 'xl' size. So we don't support that in multi-select.
   EXTRA_SMALL: "xs",
   SMALL: "sm",
   DEFAULT: "md"
-}, ud = {
+}, fd = {
   xs: "xs",
   sm: "xs",
   md: "sm"
-}, fd = {
+}, pd = {
   xs: 1.4,
   sm: 0.4,
   md: 0.2
-}, pd = {
+}, hd = {
   name: "DtRecipeComboboxMultiSelect",
   components: {
-    DtRecipeComboboxWithPopover: dd,
+    DtRecipeComboboxWithPopover: cd,
     DtInput: Ia,
     DtChip: Kt,
-    DtValidationMessages: z
+    DtValidationMessages: U
   },
   mixins: [E],
   props: {
@@ -9194,7 +9208,7 @@ const dd = ld.exports, cd = {
     size: {
       type: String,
       default: "md",
-      validator: (t) => Object.values(cd).includes(t)
+      validator: (t) => Object.values(ud).includes(t)
     },
     /**
      * Sets the element to which the popover is going to append to.
@@ -9260,7 +9274,7 @@ const dd = ld.exports, cd = {
       initialInputPadding: {},
       resizeWindowObserver: null,
       originalInputSize: null,
-      CHIP_SIZES: ud
+      CHIP_SIZES: fd
     };
   },
   computed: {
@@ -9386,7 +9400,7 @@ const dd = ld.exports, cd = {
       if (!t)
         return;
       const e = this.$refs.inputSlotWrapper, a = t.getBoundingClientRect().top - e.getBoundingClientRect().top, n = this.$refs.chipsWrapper;
-      n.style.top = a - fd[this.size] + "px";
+      n.style.top = a - pd[this.size] + "px";
     },
     setInputPadding() {
       const t = this.getLastChip(), e = this.getInput(), a = this.$refs.chipsWrapper;
@@ -9413,7 +9427,7 @@ const dd = ld.exports, cd = {
     }
   }
 };
-var hd = function() {
+var md = function() {
   var e = this, a = e._self._c;
   return a("dt-recipe-combobox-with-popover", { ref: "comboboxWithPopover", attrs: { label: e.label, "show-list": e.showList, "max-height": e.listMaxHeight, "popover-offset": e.popoverOffset, "has-suggestion-list": e.hasSuggestionList, "visually-hidden-close-label": e.visuallyHiddenCloseLabel, "visually-hidden-close": e.visuallyHiddenClose, "content-width": "anchor", "append-to": e.appendTo, transition: e.transition }, on: { select: e.onComboboxSelect }, scopedSlots: e._u([{ key: "input", fn: function({ onInput: n }) {
     return [a("span", { ref: "inputSlotWrapper", staticClass: "combobox__input-wrapper" }, [a("span", { ref: "chipsWrapper", staticClass: "combobox__chip-wrapper" }, e._l(e.selectedItems, function(r) {
@@ -9434,19 +9448,19 @@ var hd = function() {
   }, proxy: !0 }, e.$slots.footer ? { key: "footer", fn: function() {
     return [a("div", { ref: "footer" }, [e._t("footer")], 2)];
   }, proxy: !0 } : null], null, !0) });
-}, md = [], gd = /* @__PURE__ */ d(
-  pd,
+}, gd = [], _d = /* @__PURE__ */ d(
   hd,
   md,
+  gd,
   !1,
   null,
   "b2859861",
   null,
   null
 );
-const ku = gd.exports, na = ["sm", "md", "lg", "xl"], _d = {
+const Fu = _d.exports, na = ["sm", "md", "lg", "xl"], vd = {
   name: "DtRecipeCallbarButton",
-  components: { DtButton: I, DtTooltip: Ne },
+  components: { DtButton: k, DtTooltip: Ne },
   inheritAttrs: !1,
   props: {
     /**
@@ -9462,7 +9476,7 @@ const ku = gd.exports, na = ["sm", "md", "lg", "xl"], _d = {
      * Determines whether the button should have active styling
      * default is false.
      * @values true, false
-     * @see https://dialpad.design/components/button/
+     * @see https://dialtone.dialpad.com/components/button/
      */
     active: {
       type: Boolean,
@@ -9472,7 +9486,7 @@ const ku = gd.exports, na = ["sm", "md", "lg", "xl"], _d = {
      * Determines whether the button should have danger styling
      * default is false.
      * @values true, false
-     * @see https://dialpad.design/components/button/
+     * @see https://dialtone.dialpad.com/components/button/
      */
     danger: {
       type: Boolean,
@@ -9490,7 +9504,7 @@ const ku = gd.exports, na = ["sm", "md", "lg", "xl"], _d = {
     /**
      * Whether the button is a circle or not.
      * @values true, false
-     * @see https://dialpad.design/components/button/
+     * @see https://dialtone.dialpad.com/components/button/
      */
     circle: {
       type: Boolean,
@@ -9586,26 +9600,26 @@ const ku = gd.exports, na = ["sm", "md", "lg", "xl"], _d = {
     }
   }
 };
-var vd = function() {
+var bd = function() {
   var e = this, a = e._self._c;
   return a("dt-tooltip", { attrs: { id: e.id, offset: [0, 8] }, scopedSlots: e._u([{ key: "anchor", fn: function() {
     return [a("span", { class: { "dt-recipe-callbar-button--disabled": e.disabled } }, [a("dt-button", e._g(e._b({ class: e.callbarButtonClass, attrs: { importance: e.buttonImportance, kind: "muted", "icon-position": "top", "aria-disabled": e.disabled, "aria-label": e.ariaLabel, "label-class": e.callbarButtonTextClass, width: e.buttonWidth }, scopedSlots: e._u([{ key: "icon", fn: function() {
       return [e._t("icon")];
     }, proxy: !0 }], null, !0) }, "dt-button", e.$attrs, !1), e.callbarButtonListeners), [e._t("default")], 2)], 1)];
   }, proxy: !0 }], null, !0) }, [e._t("tooltip")], 2);
-}, bd = [], yd = /* @__PURE__ */ d(
-  _d,
+}, yd = [], Sd = /* @__PURE__ */ d(
   vd,
   bd,
+  yd,
   !1,
   null,
   null,
   null,
   null
 );
-const Sd = yd.exports, wd = {
+const wd = Sd.exports, Cd = {
   name: "DtRecipeCallbarButtonWithPopover",
-  components: { DtRecipeCallbarButton: Sd, DtPopover: ze, DtButton: I, DtIcon: y },
+  components: { DtRecipeCallbarButton: wd, DtPopover: Ue, DtButton: k, DtIcon: y },
   /* inheritAttrs: false is generally an option we want to set on library
     components. This allows any attributes passed in that are not recognized
     as props to be passed down to another element or component using v-bind:$attrs
@@ -9689,7 +9703,7 @@ const Sd = yd.exports, wd = {
      * Determines whether the button should have active styling
      * default is false.
      * @values true, false
-     * @see https://dialpad.design/components/button/
+     * @see https://dialtone.dialpad.com/components/button/
      */
     active: {
       type: Boolean,
@@ -9699,7 +9713,7 @@ const Sd = yd.exports, wd = {
      * Determines whether the button should have danger styling
      * default is false.
      * @values true, false
-     * @see https://dialpad.design/components/button/
+     * @see https://dialtone.dialpad.com/components/button/
      */
     danger: {
       type: Boolean,
@@ -9793,7 +9807,7 @@ const Sd = yd.exports, wd = {
     }
   }
 };
-var Cd = function() {
+var kd = function() {
   var e = this, a = e._self._c;
   return a("div", { staticClass: "dt-recipe--callbar-button-with-popover" }, [a("dt-recipe-callbar-button", { staticClass: "dt-recipe--callbar-button-with-popover--main-button", attrs: { "aria-label": e.ariaLabel, disabled: e.disabled, active: e.active, danger: e.danger, "button-class": e.buttonClass, "button-width-size": e.buttonWidthSize, "text-class": e.textClass }, on: { click: e.buttonClick } }, [e._t("icon", null, { slot: "icon" }), e._t("tooltip", null, { slot: "tooltip" }), e._t("default")], 2), e.showArrowButton ? a("dt-popover", e._b({ staticClass: "dt-recipe--callbar-button-with-popover--popover-wrapper", attrs: { id: e.id, modal: !1, open: e.open, placement: e.placement, "initial-focus-element": e.initialFocusElement, "show-close-button": e.showCloseButton, offset: [0, 16], padding: "none", "dialog-class": ["dt-recipe--callbar-button-with-popover--popover", e.contentClass], "header-class": "d-d-flex d-ai-center d-fw-normal d-px12", "open-popover": e.showPopover }, on: { opened: e.onModalIsOpened }, scopedSlots: e._u([{ key: "anchor", fn: function() {
     return [a("dt-button", { class: [
@@ -9803,17 +9817,17 @@ var Cd = function() {
       return [a("dt-icon", { staticClass: "dt-recipe--callbar-button-with-popover--arrow__icon", attrs: { name: "chevron-up", size: "200" } })];
     }, proxy: !0 }], null, !1, 982444464) })];
   }, proxy: !0 }], null, !1, 3818376870) }, "dt-popover", e.$attrs, !1), [e._t("content", null, { slot: "content" }), e._t("headerContent", null, { slot: "headerContent" }), e._t("footerContent", null, { slot: "footerContent" })], 2) : e._e()], 1);
-}, kd = [], Id = /* @__PURE__ */ d(
-  wd,
+}, Id = [], Od = /* @__PURE__ */ d(
   Cd,
   kd,
+  Id,
   !1,
   null,
   null,
   null,
   null
 );
-const Iu = Id.exports, Od = {
+const qu = Od.exports, xd = {
   name: "DtRecipeContactInfo",
   components: {
     DtAvatar: me,
@@ -9925,7 +9939,7 @@ const Iu = Id.exports, Od = {
     }
   }
 };
-var xd = function() {
+var Td = function() {
   var e = this, a = e._self._c;
   return a("dt-list-item", { staticClass: "dt-contact-info", attrs: { id: e.id, role: e.role, "element-type": "div", "data-qa": "contact-info" }, scopedSlots: e._u([{ key: "left", fn: function() {
     return [e.showAvatar ? a("button", { staticClass: "dt-contact-info__left", attrs: { "data-qa": "contact-info-left", "aria-labelledby": e.avatarAriaLabel }, on: { click: e.avatarClick } }, [e.avatarList ? a("span", { staticClass: "dt-contact-info--avatars" }, e._l(e.avatarList, function(n, r) {
@@ -9940,17 +9954,17 @@ var xd = function() {
   }, proxy: !0 }, { key: "right", fn: function() {
     return [a("div", { attrs: { "data-qa": "contact-info-right" } }, [e._t("right")], 2)];
   }, proxy: !0 }], null, !0) });
-}, Td = [], Dd = /* @__PURE__ */ d(
-  Od,
+}, Dd = [], Ed = /* @__PURE__ */ d(
   xd,
   Td,
+  Dd,
   !1,
   null,
   "20548ad1",
   null,
   null
 );
-const Ou = Dd.exports, Ed = [
+const Hu = Ed.exports, $d = [
   "green300",
   "green100",
   "red200",
@@ -9959,7 +9973,7 @@ const Ou = Dd.exports, Ed = [
   "gold200",
   "black100",
   "white"
-], $d = {
+], Ld = {
   name: "DtRecipeTopBannerInfo",
   props: {
     /**
@@ -9969,7 +9983,7 @@ const Ou = Dd.exports, Ed = [
       type: String,
       default: "green300",
       validator: function(t) {
-        return Ed.includes(t);
+        return $d.includes(t);
       }
     }
   },
@@ -9990,20 +10004,20 @@ const Ou = Dd.exports, Ed = [
     }
   }
 };
-var Ld = function() {
+var Ad = function() {
   var e = this, a = e._self._c;
   return a("div", { staticClass: "dt-top-banner-info", class: e.bannerInfoClass, attrs: { "data-qa": "banner-info" } }, [a("div", { staticClass: "dt-top-banner-info__left" }, [e._t("left")], 2), a("div", { staticClass: "dt-top-banner-info__middle", attrs: { "data-qa": "banner-info--middle" } }, [e._t("default")], 2), a("div", { staticClass: "dt-top-banner-info__right" }, [e._t("right")], 2)]);
-}, Ad = [], Md = /* @__PURE__ */ d(
-  $d,
+}, Md = [], Rd = /* @__PURE__ */ d(
   Ld,
   Ad,
+  Md,
   !1,
   null,
   null,
   null,
   null
 );
-const xu = Md.exports, Qe = "promptmenu", Ze = "promptcollect", Je = "promptplay", et = "gotoexpert", Se = "goto", tt = "branch", at = "transfer", nt = "hangup", Rd = {
+const Vu = Rd.exports, Qe = "promptmenu", Ze = "promptcollect", Je = "promptplay", et = "gotoexpert", Se = "goto", tt = "branch", at = "transfer", nt = "hangup", Pd = {
   [Qe]: "keypad",
   [Ze]: "dialer",
   [Je]: "volume-2",
@@ -10012,7 +10026,7 @@ const xu = Md.exports, Qe = "promptmenu", Ze = "promptcollect", Je = "promptplay
   [Se]: "call-merge",
   [at]: "transfer",
   [nt]: "phone-hang-up"
-}, Tu = {
+}, Wu = {
   [Qe]: "Menu",
   [Ze]: "Collect",
   [Je]: "Play",
@@ -10034,7 +10048,7 @@ const xu = Md.exports, Qe = "promptmenu", Ze = "promptcollect", Je = "promptplay
     normal: "d-bc-red-100",
     selected: "d-bc-red-200"
   }
-}, Pd = {
+}, Nd = {
   [Qe]: A.PROMPT,
   [Ze]: A.PROMPT,
   [Je]: A.PROMPT,
@@ -10043,11 +10057,11 @@ const xu = Md.exports, Qe = "promptmenu", Ze = "promptcollect", Je = "promptplay
   [Se]: A.LOGIC,
   [at]: A.TERMINAL,
   [nt]: A.TERMINAL
-}, Nd = {
+}, Bd = {
   name: "DtRecipeIvrNode",
   components: {
     DtCard: Yn,
-    DtButton: I,
+    DtButton: k,
     DtDropdown: ls,
     DtIcon: y
   },
@@ -10104,10 +10118,10 @@ const xu = Md.exports, Qe = "promptmenu", Ze = "promptcollect", Je = "promptplay
   },
   computed: {
     nodeIcon() {
-      return Rd[this.nodeType];
+      return Pd[this.nodeType];
     },
     headerColor() {
-      const { normal: t, selected: e } = Pd[this.nodeType];
+      const { normal: t, selected: e } = Nd[this.nodeType];
       return this.isSelected ? e : t;
     },
     isGotoNode() {
@@ -10120,7 +10134,7 @@ const xu = Md.exports, Qe = "promptmenu", Ze = "promptcollect", Je = "promptplay
     }
   }
 };
-var Bd = function() {
+var Fd = function() {
   var e = this, a = e._self._c;
   return a("div", e._g({ staticClass: "ivr_node" }, e.$listeners), [e.dtmfKey ? a("div", { staticClass: "ivr-connector ivr-connector--dtmf", class: { "ivr-connector--dtmf--selected": e.isSelected }, attrs: { "data-qa": "dt-top-connector-dtmf" } }, [e._v(" " + e._s(e.dtmfKey) + " ")]) : e._e(), e.$slots.connector ? e._t("connector") : e._e(), !e.dtmfKey && !e.$slots.connector ? a("div", { staticClass: "ivr-connector", class: { "ivr-connector--selected": e.isSelected }, attrs: { "data-qa": "dt-top-connector" } }) : e._e(), a("dt-card", { attrs: { "content-class": "d-bt d-bc-black-300 d-px12 d-pt8 d-pb12", "container-class": [
     "d-w100p",
@@ -10150,24 +10164,24 @@ var Bd = function() {
   }, proxy: !0 }, { key: "content", fn: function() {
     return [e._t("content")];
   }, proxy: !0 }], null, !0) })], 2);
-}, Fd = [], qd = /* @__PURE__ */ d(
-  Nd,
+}, qd = [], Hd = /* @__PURE__ */ d(
   Bd,
   Fd,
+  qd,
   !1,
   null,
   null,
   null,
   null
 );
-const Du = qd.exports, Hd = {
+const ju = Hd.exports, Vd = {
   name: "DtRecipeGroupedChip",
   components: {
     DtChip: Kt
   },
   computed: {}
 };
-var Vd = function() {
+var Wd = function() {
   var e = this, a = e._self._c;
   return a("div", { staticClass: "dt-grouped-chip", attrs: { "data-qa": "grouped-chip" } }, [a("dt-chip", { staticClass: "dt-chip-content dt-chip-content--left", attrs: { "hide-close": !0, interactive: !1, "content-class": "d-fs100", size: "xs", "grouped-chip": !0 }, scopedSlots: e._u([e.$slots.leftIcon ? { key: "icon", fn: function() {
     return [e.$slots.leftIcon ? a("div", { attrs: { "data-qa": "left-grouped-chip-icon" } }, [e._t("leftIcon")], 2) : e._e()];
@@ -10178,20 +10192,20 @@ var Vd = function() {
   }, proxy: !0 }, { key: "default", fn: function() {
     return [e.$slots.rightContent ? a("div", { attrs: { "data-qa": "right-grouped-chip-content" } }, [e._t("rightContent")], 2) : e._e()];
   }, proxy: !0 }], null, !0) })], 1);
-}, Wd = [], jd = /* @__PURE__ */ d(
-  Hd,
+}, jd = [], zd = /* @__PURE__ */ d(
   Vd,
   Wd,
+  jd,
   !1,
   null,
   null,
   null,
   null
 );
-const Eu = jd.exports, Ud = {
+const zu = zd.exports, Ud = {
   name: "DtRecipeSettingsMenuButton",
   components: {
-    DtButton: I,
+    DtButton: k,
     DtIcon: y
   },
   props: {
@@ -10222,24 +10236,24 @@ const Eu = jd.exports, Ud = {
     "click"
   ]
 };
-var zd = function() {
+var Kd = function() {
   var e = this, a = e._self._c;
   return e.updateAvailable ? a("dt-button", e._g({ staticClass: "settings-menu-button-update", attrs: { importance: "outlined", size: "xs", "icon-position": "right", "aria-label": e.ariaLabel }, scopedSlots: e._u([{ key: "icon", fn: function() {
     return [a("dt-icon", { attrs: { name: "more-vertical", size: "300" } })];
   }, proxy: !0 }], null, !1, 3418040308) }, e.$listeners), [e._t("default")], 2) : a("dt-button", e._g({ staticClass: "settings-menu-button", attrs: { importance: "clear", kind: "inverted", "aria-label": e.ariaLabel }, scopedSlots: e._u([{ key: "icon", fn: function() {
     return [a("dt-icon", { attrs: { name: "more-vertical", size: "300" } })];
   }, proxy: !0 }]) }, e.$listeners));
-}, Kd = [], Yd = /* @__PURE__ */ d(
+}, Yd = [], Gd = /* @__PURE__ */ d(
   Ud,
-  zd,
   Kd,
+  Yd,
   !1,
   null,
   "4ee1371d",
   null,
   null
 );
-const $u = Yd.exports, S = {
+const Uu = Gd.exports, S = {
   INBOX: "inbox",
   CONTACTS: "contacts",
   CHANNELS: "channels",
@@ -10252,7 +10266,7 @@ const $u = Yd.exports, S = {
   DIALBOT: "dialbot",
   ASSIGNED: "assigned",
   DIGITAL: "digital"
-}, Gd = {
+}, Xd = {
   [S.INBOX]: "inbox",
   [S.CONTACTS]: "contacts",
   [S.CHANNELS]: "hash",
@@ -10277,10 +10291,10 @@ const $u = Yd.exports, S = {
   "magenta-400": "d-bgc-magenta-400",
   "magenta-100": "d-bgc-magenta-100",
   "black-300": "d-bgc-black-300"
-}, Xd = "If type is contact center, color must be oneof the following:" + Object.keys(pe).join(", "), Qd = [
+}, Qd = "If type is contact center, color must be oneof the following:" + Object.keys(pe).join(", "), Zd = [
   "300",
   "200"
-], Zd = {
+], Jd = {
   name: "DtRecipeLeftbarGeneralRowIcon",
   components: { DtIcon: y },
   props: {
@@ -10308,7 +10322,7 @@ const $u = Yd.exports, S = {
       return this.type === S.DIALBOT;
     },
     getIconName() {
-      return Gd[this.type];
+      return Xd[this.type];
     },
     contactCenterIconClasses() {
       return [
@@ -10325,28 +10339,28 @@ const $u = Yd.exports, S = {
     }
   }
 };
-var Jd = function() {
+var ec = function() {
   var e = this, a = e._self._c;
   return e.isIconType ? a("dt-icon", { attrs: { name: e.getIconName, size: e.iconSize } }) : e.isContactCenterType ? a("div", { class: e.contactCenterIconClasses }) : e.isDialbotType ? a("div", { class: e.dialbotClasses, attrs: { "data-qa": "general-row-dialbot" } }, [a("dt-icon", { attrs: { name: "dialbot", size: "500" } })], 1) : e._e();
-}, ec = [], tc = /* @__PURE__ */ d(
-  Zd,
+}, tc = [], ac = /* @__PURE__ */ d(
   Jd,
   ec,
+  tc,
   !1,
   null,
   null,
   null,
   null
 );
-const ac = tc.exports, nc = {
+const nc = ac.exports, rc = {
   name: "DtRecipeGeneralRow",
   components: {
     DtEmojiTextWrapper: qe,
     DtBadge: He,
     DtIcon: y,
-    DtButton: I,
+    DtButton: k,
     DtTooltip: Ne,
-    DtRecipeLeftbarGeneralRowIcon: ac
+    DtRecipeLeftbarGeneralRowIcon: nc
   },
   inheritAttrs: !1,
   props: {
@@ -10467,7 +10481,7 @@ const ac = tc.exports, nc = {
     iconSize: {
       type: String,
       default: "300",
-      validator: (t) => Qd.includes(t)
+      validator: (t) => Zd.includes(t)
     }
   },
   emits: [
@@ -10546,7 +10560,7 @@ const ac = tc.exports, nc = {
   },
   methods: {
     validateProps() {
-      this.type === S.CONTACT_CENTER && !Object.keys(pe).includes(this.color) && console.error(Xd);
+      this.type === S.CONTACT_CENTER && !Object.keys(pe).includes(this.color) && console.error(Qd);
     },
     adjustLabelWidth() {
       var r, s, i, l, c, f;
@@ -10555,7 +10569,7 @@ const ac = tc.exports, nc = {
     }
   }
 };
-var rc = function() {
+var sc = function() {
   var e = this, a = e._self._c;
   return a("div", { class: e.leftbarGeneralRowClasses, attrs: { "data-qa": "dt-leftbar-row" } }, [a("a", e._g(e._b({ staticClass: "dt-leftbar-row__primary", attrs: { "data-qa": "data-qa" in e.$attrs ? e.$attrs["data-qa"] : "dt-leftbar-row-link", "aria-label": e.getAriaLabel, title: e.description, href: "href" in e.$attrs ? e.$attrs.href : "javascript:void(0)" } }, "a", e.$attrs, !1), e.$listeners), [a("div", { staticClass: "dt-leftbar-row__alpha" }, [e.isTyping ? a("div", { staticClass: "dt-leftbar-row__is-typing" }, [a("span"), a("span"), a("span")]) : e._t("left", function() {
     return [a("dt-recipe-leftbar-general-row-icon", { attrs: { type: e.getIcon, color: e.color, "icon-size": e.iconSize, "data-qa": "dt-leftbar-row-icon" } })];
@@ -10576,17 +10590,17 @@ var rc = function() {
       return [a("dt-icon", { attrs: { name: "phone", size: "200" } })];
     }, proxy: !0 }], null, !1, 990728611) })];
   }, proxy: !0 }], null, !1, 4239858356) })], 1) : e._e()], 1) : e._e()]);
-}, sc = [], ic = /* @__PURE__ */ d(
-  nc,
+}, ic = [], oc = /* @__PURE__ */ d(
   rc,
   sc,
+  ic,
   !1,
   null,
   "8577d0d5",
   null,
   null
 );
-const ra = ic.exports, oc = {
+const ra = oc.exports, lc = {
   name: "DtRecipeGroupRow",
   components: {
     DtIcon: y,
@@ -10660,22 +10674,22 @@ const ra = ic.exports, oc = {
     }
   }
 };
-var lc = function() {
+var dc = function() {
   var e = this, a = e._self._c;
   return a("dt-recipe-general-row", e._g(e._b({ attrs: { description: e.names, "aria-label": e.ariaLabel, "unread-count": e.unreadCount, "has-unreads": e.hasUnreads, "unread-count-tooltip": e.unreadCountTooltip, selected: e.selected, "is-typing": e.isTyping }, scopedSlots: e._u([{ key: "left", fn: function() {
     return [a("dt-icon", { attrs: { name: "users", size: "300" } })];
   }, proxy: !0 }]) }, "dt-recipe-general-row", e.$attrs, !1), e.$listeners));
-}, dc = [], cc = /* @__PURE__ */ d(
-  oc,
+}, cc = [], uc = /* @__PURE__ */ d(
   lc,
   dc,
+  cc,
   !1,
   null,
   null,
   null,
   null
 );
-const Lu = cc.exports, uc = {
+const Ku = uc.exports, fc = {
   name: "DtRecipeContactRow",
   components: {
     DtAvatar: me,
@@ -10841,24 +10855,24 @@ const Lu = cc.exports, uc = {
     }
   }
 };
-var fc = function() {
+var pc = function() {
   var e = this, a = e._self._c;
   return a("dt-recipe-general-row", e._g(e._b({ attrs: { "unread-count": e.unreadCount, description: e.contactDescription, "has-unreads": e.hasUnreads, selected: e.selected, "has-call-button": e.hasCallButton, muted: e.muted, "is-typing": e.isTyping, "call-button-tooltip": e.callButtonTooltip, "unread-count-tooltip": e.unreadCountTooltip }, scopedSlots: e._u([{ key: "left", fn: function() {
     return [a("dt-avatar", { attrs: { "full-name": e.name, "image-src": e.avatarSrc, "image-alt": e.avatarAlt, "icon-name": e.iconName, "icon-size": "200", size: "sm", seed: e.avatarSeed, presence: e.avatarPresence } })];
   }, proxy: !0 }, { key: "label", fn: function() {
     return [a("dt-emoji-text-wrapper", { staticClass: "dt-leftbar-row__description", attrs: { "data-qa": "dt-leftbar-row-description", size: "200" } }, [e._v(" " + e._s(e.name) + " ")]), a("div", { staticClass: "dt-leftbar-row__status" }, [e.presenceText ? a("span", { class: ["dt-leftbar-row__meta-context", e.presenceColorClass], attrs: { "data-qa": "dt-leftbar-row-presence-text" } }, [e._v(" " + e._s(e.presenceText) + " ")]) : e._e(), e.userStatus ? a("dt-emoji-text-wrapper", { staticClass: "dt-leftbar-row__meta-custom", attrs: { size: "100", "element-type": "span", "data-qa": "dt-leftbar-row-user-status" } }, [e._v(" " + e._s(e.userStatus) + " ")]) : e._e()], 1)];
   }, proxy: !0 }]) }, "dt-recipe-general-row", e.$attrs, !1), e.$listeners));
-}, pc = [], hc = /* @__PURE__ */ d(
-  uc,
+}, hc = [], mc = /* @__PURE__ */ d(
   fc,
   pc,
+  hc,
   !1,
   null,
   null,
   null,
   null
 );
-const Au = hc.exports, mc = ["up", "down"], gc = ["mentions", "messages"], _c = {
+const Yu = mc.exports, gc = ["up", "down"], _c = ["mentions", "messages"], vc = {
   name: "DtRecipeUnreadPill",
   components: {
     DtIcon: y
@@ -10871,7 +10885,7 @@ const Au = hc.exports, mc = ["up", "down"], gc = ["mentions", "messages"], _c =
     kind: {
       type: String,
       required: !0,
-      validator: (t) => gc.includes(t)
+      validator: (t) => _c.includes(t)
     },
     /**
      * The direction of the arrow icon
@@ -10880,7 +10894,7 @@ const Au = hc.exports, mc = ["up", "down"], gc = ["mentions", "messages"], _c =
     direction: {
       type: String,
       required: !0,
-      validator: (t) => mc.includes(t)
+      validator: (t) => gc.includes(t)
     }
   },
   emits: [
@@ -10893,24 +10907,24 @@ const Au = hc.exports, mc = ["up", "down"], gc = ["mentions", "messages"], _c =
     "click"
   ]
 };
-var vc = function() {
+var bc = function() {
   var e = this, a = e._self._c;
   return a("button", e._g({ class: ["dt-leftbar-unread-pill", `dt-leftbar-unread-pill--${e.kind}`], attrs: { type: "button", "data-qa": "dt-leftbar-unread-pill" } }, e.$listeners), [a("dt-icon", { attrs: { name: `arrow-${e.direction}`, size: "300" } }), a("span", { attrs: { "data-qa": "dt-leftbar-unread-pill__label" } }, [e._t("default")], 2)], 1);
-}, bc = [], yc = /* @__PURE__ */ d(
-  _c,
+}, yc = [], Sc = /* @__PURE__ */ d(
   vc,
   bc,
+  yc,
   !1,
   null,
   null,
   null,
   null
 );
-const Mu = yc.exports, Ee = {
+const Gu = Sc.exports, Ee = {
   NORMAL: "",
   SEARCHED: "d-bgc-warning-subtle",
   ERROR: "d-bgc-critical-subtle"
-}, $e = "NORMAL", Sc = {
+}, $e = "NORMAL", wc = {
   name: "DtRecipeFeedItemRow",
   components: {
     DtAvatar: me,
@@ -11063,7 +11077,7 @@ const Mu = yc.exports, Ee = {
     }
   }
 };
-var wc = function() {
+var Cc = function() {
   var e = this, a = e._self._c;
   return a("dt-list-item", e._g(e._b({ ref: "FeedItemRef", class: e.listItemClasses, attrs: { "navigation-type": "none", "data-qa": "dt-feed-item-row" }, scopedSlots: e._u([{ key: "left", fn: function() {
     return [e.showHeader ? e._t("avatar", function() {
@@ -11074,21 +11088,21 @@ var wc = function() {
   }, proxy: !0 }, { key: "right", fn: function() {
     return [a("div", { directives: [{ name: "show", rawName: "v-show", value: e.isActive, expression: "isActive" }], staticClass: "dt-feed-item-row__menu", attrs: { "data-qa": "dt-feed-item-row--menu" } }, [a("dt-lazy-show", { attrs: { appear: !0, transition: "fade", show: e.isActive } }, [e._t("menu")], 2)], 1)];
   }, proxy: !0 }], null, !0) }, "dt-list-item", e.$attrs, !1), e.feedListeners), [a("article", [e.showHeader ? a("div", { staticClass: "dt-feed-item-row__header", attrs: { "data-qa": "dt-feed-item-row--header" } }, [a("p", { staticClass: "dt-feed-item-row__header__name" }, [e._v(" " + e._s(e.displayName) + " ")]), a("time", { staticClass: "dt-feed-item-row__header__time" }, [e._v(" " + e._s(e.time) + " ")]), e.labelText ? a("dt-badge", { attrs: { text: e.labelText } }) : e._e()], 1) : e._e(), a("span", { staticClass: "content-text-wrapper-class", attrs: { "data-qa": "dt-feed-item-row--content" } }, [e._t("default")], 2)])]);
-}, Cc = [], kc = /* @__PURE__ */ d(
-  Sc,
+}, kc = [], Ic = /* @__PURE__ */ d(
   wc,
   Cc,
+  kc,
   !1,
   null,
   "38d7dabd",
   null,
   null
 );
-const Ru = kc.exports, Et = {
+const Xu = Ic.exports, Et = {
   default: "dt-recipe-feed-item-pill__border-default",
   ai: "dt-recipe-feed-item-pill__border-ai",
   critical: "dt-recipe-feed-item-pill__border-critical"
-}, Ic = {
+}, Oc = {
   name: "DtRecipeFeedItemPill",
   components: { DtItemLayout: Ae, DtIcon: y, DtCollapsible: $r },
   props: {
@@ -11171,7 +11185,7 @@ const Ru = kc.exports, Et = {
     }
   }
 };
-var Oc = function() {
+var xc = function() {
   var e = this, a = e._self._c;
   return a("div", { class: ["dt-recipe-feed-item-pill__border", e.borderClass, e.wrapperClass] }, [a("div", { staticClass: "dt-recipe-feed-item-pill__wrapper" }, [a("dt-collapsible", { attrs: { open: e.expanded }, scopedSlots: e._u([{ key: "anchor", fn: function() {
     return [a("button", { class: ["dt-recipe-feed-item-pill__button", e.toggleableClass, e.buttonClass], attrs: { "data-qa": "dt-recipe-feed-item-pill", "aria-label": e.ariaLabel }, on: { focusin: function(n) {
@@ -11196,17 +11210,17 @@ var Oc = function() {
   }, proxy: !0 }, { key: "content", fn: function() {
     return [a("div", { staticClass: "dt-recipe-feed-item-pill__content" }, [e._t("content")], 2)];
   }, proxy: !0 }], null, !0) })], 1)]);
-}, xc = [], Tc = /* @__PURE__ */ d(
-  Ic,
+}, Tc = [], Dc = /* @__PURE__ */ d(
   Oc,
   xc,
+  Tc,
   !1,
   null,
   "ebc5dd1f",
   null,
   null
 );
-const Pu = Tc.exports, Dc = {
+const Qu = Dc.exports, Ec = {
   name: "DtRecipeTimePill",
   props: {
     /**
@@ -11230,28 +11244,28 @@ const Pu = Tc.exports, Dc = {
     }
   }
 };
-var Ec = function() {
+var $c = function() {
   var e = this, a = e._self._c;
   return a("time", { staticClass: "dt-time-pill", attrs: { "data-qa": "dt-time-pill", dateTime: e.dateTime } }, [e._v(" " + e._s(e.dateTimeDisplay) + " ")]);
-}, $c = [], Lc = /* @__PURE__ */ d(
-  Dc,
+}, Lc = [], Ac = /* @__PURE__ */ d(
   Ec,
   $c,
+  Lc,
   !1,
   null,
   null,
   null,
   null
 );
-const Nu = Lc.exports, Ac = [
+const Zu = Ac.exports, Mc = [
   "emojiUnicodeOrShortname",
   "isSelected",
   "ariaLabel",
   "tooltip",
   "num"
-], Mc = {
+], Rc = {
   name: "DtRecipeEmojiRow",
-  components: { DtTooltip: Ne, DtButton: I, DtEmoji: Oa, DtEmojiTextWrapper: qe },
+  components: { DtTooltip: Ne, DtButton: k, DtEmoji: Oa, DtEmojiTextWrapper: qe },
   mixins: [],
   props: {
     /**
@@ -11262,7 +11276,7 @@ const Nu = Lc.exports, Ac = [
       default: () => [],
       validator: (t) => {
         for (const e of t)
-          if (!Ac.every((n) => e[n] !== void 0))
+          if (!Mc.every((n) => e[n] !== void 0))
             return !1;
         return !0;
       }
@@ -11284,7 +11298,7 @@ const Nu = Lc.exports, Ac = [
     }
   }
 };
-var Rc = function() {
+var Pc = function() {
   var e = this, a = e._self._c;
   return a("span", { staticClass: "dt-emoji-row" }, [e._l(e.reactions, function(n) {
     return a("span", { key: n.unicodeOutput, attrs: { reaction: n } }, [a("dt-tooltip", { staticClass: "dt-emoji-row__tooltip", attrs: { "content-class": "d-wmx464" }, on: { shown: (r) => e.emojiHovered(n, r) }, scopedSlots: e._u([{ key: "anchor", fn: function({ attrs: r }) {
@@ -11293,23 +11307,255 @@ var Rc = function() {
       } } }, [a("span", { staticClass: "dt-emoji-row__emoji" }, [a("dt-emoji", { attrs: { size: "200", code: n.emojiUnicodeOrShortname } })], 1), a("span", { staticClass: "dt-emoji-row__reaction-number" }, [e._v(" " + e._s(n.num) + " ")])])];
     } }], null, !0) }, [a("span", { attrs: { "aria-hidden": "true" } }, [a("dt-emoji-text-wrapper", { attrs: { size: "200" } }, [e._v(" " + e._s(n.tooltip) + " ")])], 1)])], 1);
   }), e._t("picker")], 2);
-}, Pc = [], Nc = /* @__PURE__ */ d(
-  Mc,
+}, Nc = [], Bc = /* @__PURE__ */ d(
   Rc,
   Pc,
+  Nc,
   !1,
   null,
   null,
   null,
   null
 );
-const Bu = Nc.exports, $t = {
+const Ju = Bc.exports, Fc = {
+  name: "DtProgressBar",
+  props: {
+    progressbarAriaLabel: {
+      type: String,
+      required: !0
+    },
+    progress: {
+      type: Number,
+      default: 20
+    }
+  },
+  data: () => ({
+    circleCircumference: 50
+  }),
+  computed: {
+    cssVars() {
+      return {
+        "--stroke-dashoffset": this.circleCircumference - this.circleCircumference * this.progress / 100,
+        "--stroke-dasharray": this.circleCircumference
+      };
+    }
+  },
+  mounted() {
+    this.circleCircumference = this.$refs.progressbarCircle.getTotalLength();
+  }
+};
+var qc = function() {
+  var e = this, a = e._self._c;
+  return a("div", { attrs: { role: "progressbar", "aria-label": e.progressbarAriaLabel, tabindex: "-1", "aria-valuenow": e.progress, "aria-valuemin": "0", "aria-valuemax": "100" } }, [a("svg", { staticClass: "progress-bar", style: e.cssVars }, [a("circle", { ref: "progressbarCircle", staticClass: "progress-bar__circle", attrs: { r: "8", cx: "12", cy: "12" } }), a("circle", { staticClass: "progress-bar__circle", attrs: { r: "8", cx: "12", cy: "12" } })])]);
+}, Hc = [], Vc = /* @__PURE__ */ d(
+  Fc,
+  qc,
+  Hc,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const Wc = Vc.exports, jc = {
+  name: "DtImageCarousel",
+  components: {
+    DtImageViewer: _s,
+    DtButton: k,
+    DtIcon: y,
+    DtProgressBar: Wc
+  },
+  props: {
+    mediaItem: {
+      type: Object,
+      required: !0
+    },
+    index: {
+      type: Number,
+      required: !0
+    },
+    closeAriaLabel: {
+      type: String,
+      required: !0
+    },
+    clickToOpenAriaLabel: {
+      type: String,
+      required: !0
+    },
+    progressbarAriaLabel: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: [
+    /**
+     * Emitted when media close button is clicked to remove the image
+     *
+     * @event remove-media
+     * @type {Number}
+     */
+    "remove-media"
+  ],
+  methods: {
+    removeMediaItem(t) {
+      this.$emit("remove-media", t);
+    }
+  }
+};
+var zc = function() {
+  var e = this, a = e._self._c;
+  return a("li", { staticClass: "dt-attachment-image" }, [a("dt-image-viewer", { attrs: { "image-button-class": "dt-attachment-image__image-viewer", "image-src": e.mediaItem.path, "image-alt": e.mediaItem.altText, "close-aria-label": e.closeAriaLabel, "aria-label": e.clickToOpenAriaLabel } }), a("div", { staticClass: "dt-attachment-image__top-right" }, [e.mediaItem.isUploading ? a("dt-progress-bar", { staticClass: "dt-attachment-image__progress-bar", attrs: { progress: e.mediaItem.progress, "progressbar-aria-label": e.progressbarAriaLabel } }) : e._e(), a("dt-button", { staticClass: "dt-attachment-image__close-button", attrs: { id: `closeButton-${e.index}`, tabindex: "0", circle: "", size: "xs", importance: "clear", "aria-label": e.closeAriaLabel }, on: { click: function(n) {
+    return e.removeMediaItem(e.index);
+  } }, scopedSlots: e._u([{ key: "icon", fn: function() {
+    return [a("dt-icon", { attrs: { name: "close", size: "200" } })];
+  }, proxy: !0 }]) })], 1)], 1);
+}, Uc = [], Kc = /* @__PURE__ */ d(
+  jc,
+  zc,
+  Uc,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const Yc = Kc.exports, Gc = 64, Xc = {
+  name: "DtRecipeAttachmentCarousel",
+  components: {
+    DtButton: k,
+    DtIcon: y,
+    DtImageCarousel: Yc
+  },
+  mixins: [],
+  /* inheritAttrs: false is generally an option we want to set on library
+    components. This allows any attributes passed in that are not recognized
+    as props to be passed down to another element or component using v-bind:$attrs
+    more info: https://vuejs.org/v2/api/#inheritAttrs */
+  // inheritAttrs: false,
+  props: {
+    /**
+     * media - object array of media objects
+     * @type {Array}
+     *
+     * Object: {
+     *  path: String,
+     *  altText: String | null,
+     * }
+     */
+    mediaList: {
+      type: Array,
+      default: () => []
+    },
+    closeAriaLabel: {
+      type: String,
+      required: !0
+    },
+    clickToOpenAriaLabel: {
+      type: String,
+      required: !0
+    },
+    progressbarAriaLabel: {
+      type: String,
+      required: !0
+    },
+    leftArrowAriaLabel: {
+      type: String,
+      required: !0
+    },
+    rightArrowAriaLabel: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: [
+    /**
+     * Emitted when popover is shown or hidden
+     *
+     * @event remove-media
+     * @type {Number}
+     */
+    "remove-media"
+  ],
+  data() {
+    return {
+      showCloseButton: {},
+      showRightArrow: !0,
+      showLeftArrow: !1,
+      isMounted: !1
+    };
+  },
+  computed: {
+    filteredMediaList() {
+      return this.mediaList.filter((t) => t.type === "image" || t.type === "video");
+    }
+  },
+  mounted: function() {
+    this.showLeftArrow = this.$refs.carousel.scrollLeft > 0, this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth;
+  },
+  methods: {
+    onItemFocus(t) {
+      t.currentTarget.scrollIntoView({ behavior: "smooth" });
+    },
+    mediaComponent(t) {
+      switch (t) {
+        case "image":
+          return "dt-image-carousel";
+        default:
+          return null;
+      }
+    },
+    removeMediaItem(t) {
+      this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth + Gc, this.$emit("remove-media", t);
+    },
+    closeButton(t, e) {
+      this.showCloseButton[e] = t;
+    },
+    handleScroll() {
+      const t = this.$refs.carousel;
+      this.showLeftArrow = t.scrollLeft > 0, this.showRightArrow = t.scrollLeft + t.clientWidth !== t.scrollWidth;
+    },
+    leftScroll() {
+      this.$refs.carousel.scrollTo({
+        left: this.$refs.carousel.scrollLeft - 100,
+        behavior: "smooth"
+      });
+    },
+    rightScroll() {
+      this.$refs.carousel.scrollTo({
+        left: this.$refs.carousel.scrollLeft + 100,
+        behavior: "smooth"
+      });
+    }
+  }
+};
+var Qc = function() {
+  var e = this, a = e._self._c;
+  return a("div", { staticClass: "dt-attachment-carousel", attrs: { role: "presentation" } }, [e.mediaList.length > 0 ? a("ul", { ref: "carousel", staticClass: "dt-attachment-carousel__media-list", on: { scroll: e.handleScroll } }, e._l(e.filteredMediaList, function(n, r) {
+    return a(e.mediaComponent(n.type), { key: `media-${r}`, tag: "component", attrs: { index: r, "media-item": n, "close-aria-label": e.closeAriaLabel, "click-to-open-aria-label": e.clickToOpenAriaLabel, "progressbar-aria-label": e.progressbarAriaLabel }, on: { "remove-media": function(s) {
+      return e.removeMediaItem(r);
+    }, focusin: e.onItemFocus } });
+  }), 1) : e._e(), a("dt-button", { directives: [{ name: "show", rawName: "v-show", value: e.showLeftArrow, expression: "showLeftArrow" }], staticClass: "dt-attachment-carousel__arrow dt-attachment-carousel__arrow--left", attrs: { tabindex: "-1", "aria-label": e.leftArrowAriaLabel, circle: "", size: "xs", importance: "clear" }, on: { click: e.leftScroll }, scopedSlots: e._u([{ key: "icon", fn: function() {
+    return [a("dt-icon", { attrs: { name: "arrow-left", size: "100" } })];
+  }, proxy: !0 }]) }), a("dt-button", { directives: [{ name: "show", rawName: "v-show", value: e.showRightArrow, expression: "showRightArrow" }], staticClass: "dt-attachment-carousel__arrow dt-attachment-carousel__arrow--right", attrs: { tabindex: "-1", "aria-label": e.rightArrowAriaLabel, circle: "", size: "xs", importance: "clear" }, on: { click: e.rightScroll }, scopedSlots: e._u([{ key: "icon", fn: function() {
+    return [a("dt-icon", { attrs: { name: "arrow-right", size: "100" } })];
+  }, proxy: !0 }]) })], 1);
+}, Zc = [], Jc = /* @__PURE__ */ d(
+  Xc,
+  Qc,
+  Zc,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const ef = Jc.exports, $t = {
   warning: "dt-recipe-callbox-badge--warning"
 }, Lt = {
   default: "dt-recipe-callbox--border-default",
   ai: "dt-recipe-callbox--border-ai",
   critical: "dt-recipe-callbox--border-critical"
-}, Bc = {
+}, eu = {
   name: "DtRecipeCallbox",
   components: { DtBadge: He, DtAvatar: me },
   inheritAttrs: !1,
@@ -11411,67 +11657,67 @@ const Bu = Nc.exports, $t = {
     }
   }
 };
-var Fc = function() {
+var tu = function() {
   var e = this, a = e._self._c;
   return a("div", { staticClass: "dt-recipe-callbox", attrs: { "data-qa": "dt-recipe-callbox" } }, [e.$slots.video ? a("div", { staticClass: "dt-recipe-callbox--video", attrs: { "data-qa": "dt-recipe-callbox--video-wrapper" } }, [e._t("video")], 2) : e._e(), a("div", { class: ["dt-recipe-callbox--main-content", e.borderClass, { "dt-recipe-callbox--clickable": e.clickable }], attrs: { "data-qa": "dt-recipe-callbox--main-content" } }, [a("div", { staticClass: "dt-recipe-callbox--main-content-top" }, [e.shouldShowAvatar ? a("dt-avatar", { attrs: { "avatar-class": "dt-recipe-callbox--avatar", "image-src": e.avatarSrc, "full-name": e.avatarFullName, seed: e.avatarSeed, clickable: e.clickable, "overlay-icon": e.isOnHold ? "pause" : null, size: "sm" }, on: { click: e.handleClick } }) : e._e(), a("div", { staticClass: "dt-recipe-callbox--content" }, [a(e.clickable ? "button" : "span", { tag: "component", staticClass: "dt-recipe-callbox--content-title", attrs: { "data-qa": "dt-recipe-callbox--title" }, on: { click: e.handleClick } }, [e._v(" " + e._s(e.title) + " ")]), e.$slots.badge || e.badgeText ? a("div", { staticClass: "dt-recipe-callbox--content-badge", attrs: { "data-qa": "dt-recipe-callbox--badge-wrapper" } }, [e._t("badge", function() {
     return [a("dt-badge", { class: e.badgeClass, attrs: { text: e.badgeText } })];
   })], 2) : e._e(), e.$slots.subtitle ? a("div", { staticClass: "dt-recipe-callbox--content-subtitle", attrs: { "data-qa": "dt-recipe-callbox--subtitle-wrapper" } }, [e._t("subtitle")], 2) : e._e()], 1), e.$slots.right ? a("div", { staticClass: "dt-recipe-callbox--right", attrs: { "data-qa": "dt-recipe-callbox--right-wrapper" } }, [e._t("right")], 2) : e._e()], 1), e.$slots.bottom ? a("div", { staticClass: "dt-recipe-callbox--main-content-bottom", attrs: { "data-qa": "dt-recipe-callbox--bottom-wrapper" } }, [e._t("bottom")], 2) : e._e()])]);
-}, qc = [], Hc = /* @__PURE__ */ d(
-  Bc,
-  Fc,
-  qc,
+}, au = [], nu = /* @__PURE__ */ d(
+  eu,
+  tu,
+  au,
   !1,
   null,
   "66800ae7",
   null,
   null
 );
-const Fu = Hc.exports;
+const tf = nu.exports;
 let H;
 function de(t, e) {
   return rt(), R(t, e, {
     locale: H
   });
 }
-function Vc(t, e) {
-  return rt(), Il(t, {
+function ru(t, e) {
+  return rt(), Ol(t, {
     locale: H,
     format: e
   });
 }
-function Wc(t, e) {
-  return rt(), Cl(t, e, {
+function su(t, e) {
+  return rt(), kl(t, e, {
     locale: H
   });
 }
-function jc() {
+function iu() {
   return H !== void 0;
 }
 function rt() {
-  if (!jc())
+  if (!iu())
     throw new Error("Locale not set, please call setDateLocale(locale) and pass in a datefns locale object as the locale param before calling this function");
 }
-function qu(t) {
+function af(t) {
   H = t;
 }
-function Hu(t) {
+function nf(t) {
   return de(t, "MMMM d, y");
 }
-function Vu(t) {
+function rf(t) {
   if (t < 60)
-    return Wc(0, 29 * 1e3);
-  const e = Tl({
+    return su(0, 29 * 1e3);
+  const e = Dl({
     start: 0,
     end: t * 1e3
   });
-  return Vc(e, ["hours", "minutes"]);
+  return ru(e, ["hours", "minutes"]);
 }
 function At(t) {
   const e = new Intl.RelativeTimeFormat(H.code, { numeric: "auto" });
   return va(e.formatToParts(t, "day")[0].value, H.code);
 }
-function Wu(t) {
-  return Ml(t) ? At(0) : Pl(t) ? At(-1) : Ll(t) ? de(t, "EEEE") : Al(t) ? de(t, "EEEE, MMMM d") : de(t, "MMMM d, y");
+function sf(t) {
+  return Rl(t) ? At(0) : Nl(t) ? At(-1) : Al(t) ? de(t, "EEEE") : Ml(t) ? de(t, "EEEE, MMMM d") : de(t, "MMMM d, y");
 }
 export {
   Pa as AVATAR_COLORS,
@@ -11487,24 +11733,23 @@ export {
   En as BREADCRUMBS_INVERTED_MODIFIER,
   Dn as BREADCRUMB_ITEM_SELECTED_MODIFIER,
   ut as BUTTON_GROUP_ALIGNMENT,
-  af as BUTTON_ICON_SIZES,
-  nf as BUTTON_IMPORTANCE_MODIFIERS,
-  rf as BUTTON_KIND_MODIFIERS,
-  sf as BUTTON_SIZE_MODIFIERS,
-  of as BUTTON_TYPES,
+  bf as BUTTON_ICON_SIZES,
+  yf as BUTTON_IMPORTANCE_MODIFIERS,
+  Sf as BUTTON_KIND_MODIFIERS,
+  wf as BUTTON_SIZE_MODIFIERS,
+  Cf as BUTTON_TYPES,
   na as CALLBAR_BUTTON_VALID_WIDTH_SIZE,
   $t as CALLBOX_BADGE_COLORS,
   Lt as CALLBOX_BORDER_COLORS,
-  lf as CDN_URL,
-  ai as CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,
-  ni as CHIP_ICON_SIZES,
-  ud as CHIP_SIZES,
+  ni as CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,
+  ri as CHIP_ICON_SIZES,
+  fd as CHIP_SIZES,
   gt as CHIP_SIZE_MODIFIERS,
-  fd as CHIP_TOP_POSITION,
-  Ed as COLOR_CODES,
+  pd as CHIP_TOP_POSITION,
+  $d as COLOR_CODES,
   $e as DEFAULT_FEED_ROW_STATE,
-  zu as DEFAULT_VALIDATION_MESSAGE_TYPE,
-  Ku as DESCRIPTION_SIZE_TYPES,
+  df as DEFAULT_VALIDATION_MESSAGE_TYPE,
+  cf as DESCRIPTION_SIZE_TYPES,
   te as DROPDOWN_PADDING_CLASSES,
   Lr as DT_DESCRIPTION_LIST_DIRECTION,
   q as DT_STACK_DIRECTION,
@@ -11512,106 +11757,103 @@ export {
   Wt as DT_STACK_RESPONSIVE_BREAKPOINTS,
   me as DtAvatar,
   He as DtBadge,
-  Gc as DtBanner,
+  uu as DtBanner,
   Rn as DtBreadcrumbItem,
-  Xc as DtBreadcrumbs,
-  I as DtButton,
-  Qc as DtButtonGroup,
+  fu as DtBreadcrumbs,
+  k as DtButton,
+  pu as DtButtonGroup,
   Yn as DtCard,
   Pt as DtCheckableInputMixin,
-  du as DtCheckbox,
-  cu as DtCheckboxGroup,
+  ku as DtCheckbox,
+  Iu as DtCheckboxGroup,
   Kt as DtChip,
-  Zc as DtCodeblock,
+  hu as DtCodeblock,
   $r as DtCollapsible,
   Sr as DtCombobox,
-  vu as DtDatepicker,
-  Jc as DtDescriptionList,
+  Au as DtDatepicker,
+  mu as DtDescriptionList,
   ls as DtDropdown,
-  tu as DtDropdownSeparator,
-  df as DtEmojiPicker,
+  _u as DtDropdownSeparator,
   Nt as DtGroupableInputMixin,
   y as DtIcon,
-  au as DtImageViewer,
+  _s as DtImageViewer,
   Ia as DtInput,
-  zt as DtInputGroup,
-  _s as DtInputGroupMixin,
+  Ut as DtInputGroup,
+  vs as DtInputGroupMixin,
   Rt as DtInputMixin,
   Ae as DtItemLayout,
   Ft as DtKeyboardListNavigationMixin,
-  mu as DtKeyboardShortcut,
+  Eu as DtKeyboardShortcut,
   he as DtLazyShow,
   cn as DtLink,
   _e as DtListItem,
-  ru as DtListItemGroup,
-  nu as DtModal,
-  Yc as DtNotice,
+  bu as DtListItemGroup,
+  vu as DtModal,
+  cu as DtNotice,
   je as DtNoticeAction,
   We as DtNoticeContent,
   Ve as DtNoticeIcon,
-  su as DtPagination,
-  ze as DtPopover,
+  yu as DtPagination,
+  Ue as DtPopover,
   La as DtPresence,
-  iu as DtRadio,
-  ou as DtRadioGroup,
-  Sd as DtRecipeCallbarButton,
-  Iu as DtRecipeCallbarButtonWithPopover,
-  Fu as DtRecipeCallbox,
-  ku as DtRecipeComboboxMultiSelect,
-  dd as DtRecipeComboboxWithPopover,
-  Ou as DtRecipeContactInfo,
-  Au as DtRecipeContactRow,
-  Bu as DtRecipeEmojiRow,
-  Pu as DtRecipeFeedItemPill,
-  Ru as DtRecipeFeedItemRow,
+  Su as DtRadio,
+  wu as DtRadioGroup,
+  ef as DtRecipeAttachmentCarousel,
+  wd as DtRecipeCallbarButton,
+  qu as DtRecipeCallbarButtonWithPopover,
+  tf as DtRecipeCallbox,
+  Fu as DtRecipeComboboxMultiSelect,
+  cd as DtRecipeComboboxWithPopover,
+  Hu as DtRecipeContactInfo,
+  Yu as DtRecipeContactRow,
+  Ju as DtRecipeEmojiRow,
+  Qu as DtRecipeFeedItemPill,
+  Xu as DtRecipeFeedItemRow,
   ra as DtRecipeGeneralRow,
-  Lu as DtRecipeGroupRow,
-  Eu as DtRecipeGroupedChip,
-  Du as DtRecipeIvrNode,
-  $u as DtRecipeSettingsMenuButton,
-  Nu as DtRecipeTimePill,
-  xu as DtRecipeTopBannerInfo,
-  Mu as DtRecipeUnreadPill,
-  gu as DtRootLayout,
-  uu as DtSelectMenu,
+  Ku as DtRecipeGroupRow,
+  zu as DtRecipeGroupedChip,
+  ju as DtRecipeIvrNode,
+  Uu as DtRecipeSettingsMenuButton,
+  Zu as DtRecipeTimePill,
+  Vu as DtRecipeTopBannerInfo,
+  Gu as DtRecipeUnreadPill,
+  $u as DtRootLayout,
+  Ou as DtSelectMenu,
   ka as DtSkeleton,
-  cf as DtSkeletonListItem,
-  uf as DtSkeletonParagraph,
-  ff as DtSkeletonShape,
-  pf as DtSkeletonText,
-  _u as DtStack,
-  hf as DtTab,
-  mf as DtTabGroup,
-  lu as DtTabPanel,
-  fu as DtToast,
-  pu as DtToggle,
+  kf as DtSkeletonListItem,
+  If as DtSkeletonParagraph,
+  Of as DtSkeletonShape,
+  xf as DtSkeletonText,
+  Lu as DtStack,
+  Tf as DtTab,
+  Df as DtTabGroup,
+  Cu as DtTabPanel,
+  xu as DtToast,
+  Tu as DtToggle,
   Ne as DtTooltip,
-  z as DtValidationMessages,
-  gf as EMOJIS_PER_ROW,
-  _f as EMOJI_PICKER_CATEGORIES,
-  vf as EMOJI_PICKER_SKIN_TONE_MODIFIERS,
+  U as DtValidationMessages,
   Et as FEED_ITEM_PILL_BORDER_COLORS,
   Ee as FEED_ROW_STATE_BACKGROUND_COLOR,
-  bf as ICON_POSITION_MODIFIERS,
+  Ef as ICON_POSITION_MODIFIERS,
   ba as ICON_SIZE_MODIFIERS,
-  yf as INPUT_SIZES,
-  Sf as INPUT_TYPES,
-  wf as INVALID_COMBINATION,
+  $f as INPUT_SIZES,
+  Lf as INPUT_TYPES,
+  Af as INVALID_COMBINATION,
   tt as IVR_NODE_BRANCH,
   et as IVR_NODE_EXPERT,
   Se as IVR_NODE_GO_TO,
   nt as IVR_NODE_HANGUP,
-  Rd as IVR_NODE_ICON_TYPES,
-  Tu as IVR_NODE_LABELS,
+  Pd as IVR_NODE_ICON_TYPES,
+  Wu as IVR_NODE_LABELS,
   Ze as IVR_NODE_PROMPT_COLLECT,
   Qe as IVR_NODE_PROMPT_MENU,
   Je as IVR_NODE_PROMPT_PLAY,
   at as IVR_NODE_TRANSFER,
   Vt as LABEL_SIZES,
   pe as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
-  Xd as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
-  Gd as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
-  Qd as LEFTBAR_GENERAL_ROW_ICON_SIZES,
+  Qd as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
+  Xd as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
+  Zd as LEFTBAR_GENERAL_ROW_ICON_SIZES,
   S as LEFTBAR_GENERAL_ROW_TYPES,
   Sa as LINK_KIND_MODIFIERS,
   ya as LINK_VARIANTS,
@@ -11620,12 +11862,12 @@ export {
   mt as MODAL_BANNER_KINDS,
   pt as MODAL_KIND_MODIFIERS,
   ht as MODAL_SIZE_MODIFIERS,
-  cd as MULTI_SELECT_SIZES,
+  ud as MULTI_SELECT_SIZES,
   re as NOTICE_KINDS,
   Ga as NOTICE_ROLES,
   be as POPOVER_APPEND_TO_VALUES,
   jt as POPOVER_CONTENT_WIDTHS,
-  eu as POPOVER_DIRECTIONS,
+  gu as POPOVER_DIRECTIONS,
   qr as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
   Vr as POPOVER_INITIAL_FOCUS_STRINGS,
   ft as POPOVER_PADDING_CLASSES,
@@ -11633,48 +11875,48 @@ export {
   Wr as POPOVER_STICKY_VALUES,
   J as PRESENCE_STATES,
   xa as PRESENCE_STATES_LIST,
-  Ms as RADIO_INPUT_VALIDATION_CLASSES,
-  Ac as REACTIONS_ATTRIBUTES,
-  Li as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,
+  Rs as RADIO_INPUT_VALIDATION_CLASSES,
+  Mc as REACTIONS_ATTRIBUTES,
+  Ai as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,
   yt as ROOT_LAYOUT_SIDEBAR_POSITIONS,
   _t as SELECT_SIZE_MODIFIERS,
-  li as SELECT_STATE_MODIFIERS,
-  hu as SHORTCUTS_ALIASES_LIST,
+  di as SELECT_STATE_MODIFIERS,
+  Du as SHORTCUTS_ALIASES_LIST,
   ee as SHORTCUTS_ICON_ALIASES,
-  xi as SHORTCUTS_ICON_SEPARATOR,
-  Cf as SKELETON_HEADING_HEIGHTS,
-  kf as SKELETON_RIPPLE_DURATION,
-  If as SKELETON_SHAPES,
-  Of as SKELETON_SHAPE_SIZES,
-  xf as SKELETON_TEXT_TYPES,
-  Tf as TAB_IMPORTANCE_MODIFIERS,
-  Df as TAB_LIST_IMPORTANCE_MODIFIERS,
-  Ef as TAB_LIST_KIND_MODIFIERS,
-  $f as TAB_LIST_SIZES,
+  Ti as SHORTCUTS_ICON_SEPARATOR,
+  Mf as SKELETON_HEADING_HEIGHTS,
+  Rf as SKELETON_RIPPLE_DURATION,
+  Pf as SKELETON_SHAPES,
+  Nf as SKELETON_SHAPE_SIZES,
+  Bf as SKELETON_TEXT_TYPES,
+  Ff as TAB_IMPORTANCE_MODIFIERS,
+  qf as TAB_LIST_IMPORTANCE_MODIFIERS,
+  Hf as TAB_LIST_KIND_MODIFIERS,
+  Vf as TAB_LIST_SIZES,
   vt as TOAST_MIN_DURATION,
-  _i as TOAST_ROLES,
-  wi as TOGGLE_CHECKED_VALUES,
+  vi as TOAST_ROLES,
+  Ci as TOGGLE_CHECKED_VALUES,
   bt as TOGGLE_SIZE_MODIFIERS,
-  Yu as TOOLTIP_DELAY_MS,
-  Gu as TOOLTIP_DIRECTIONS,
-  Xu as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
-  Qu as TOOLTIP_KIND_MODIFIERS,
-  Zu as TOOLTIP_STICKY_VALUES,
-  mc as UNREAD_PILL_DIRECTIONS,
-  gc as UNREAD_PILL_KINDS,
-  Ju as VALIDATION_MESSAGE_TYPES,
-  Vu as durationInHHMM,
-  ef as filterFormattedMessages,
-  bu as formatLong,
-  yu as formatMedium,
+  uf as TOOLTIP_DELAY_MS,
+  ff as TOOLTIP_DIRECTIONS,
+  pf as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
+  hf as TOOLTIP_KIND_MODIFIERS,
+  mf as TOOLTIP_STICKY_VALUES,
+  gc as UNREAD_PILL_DIRECTIONS,
+  _c as UNREAD_PILL_KINDS,
+  gf as VALIDATION_MESSAGE_TYPES,
+  rf as durationInHHMM,
+  _f as filterFormattedMessages,
+  Mu as formatLong,
+  Ru as formatMedium,
   st as formatMessages,
-  wu as formatNoYear,
-  Cu as formatNumerical,
-  Su as formatShort,
-  Hu as getDateMedium,
-  k as getUniqueString,
+  Nu as formatNoYear,
+  Bu as formatNumerical,
+  Pu as formatShort,
+  nf as getDateMedium,
+  I as getUniqueString,
   Le as getValidationState,
-  Wu as relativeDate,
-  qu as setDateLocale,
+  sf as relativeDate,
+  af as setDateLocale,
   Mt as validationMessageValidator
 };