@livechat/design-system-react-components 1.12.0 → 1.14.0

package/dist/dsrc.es.js

@@ -356,7 +356,11 @@ const Rc = {
 }, zc = {
   EaseIn: "--transition-timing-ease-in",
   EaseOut: "--transition-timing-ease-out"
-}, Gc = (t, a) => `color-mix(in srgb, var(${t}) ${a}, transparent)`, G = {
+}, Gc = {
+  Instant: "--delay-instant",
+  Moderate: "--delay-moderate",
+  Slow: "--delay-slow"
+}, Uc = (t, a) => `color-mix(in srgb, var(${t}) ${a}, transparent)`, G = {
   esc: "Escape",
   enter: "Enter",
   backspace: "Backspace",
@@ -445,7 +449,7 @@ const Rc = {
     _ && wa[`${Ca}--${o ? "disabled--" : ""}${_}`]
   );
   return /* @__PURE__ */ e.createElement("span", D(y({}, n), { className: i }), s);
-}, ze = {
+}, Ge = {
   "action-menu": "lc-ActionMenu-module__action-menu___K2UwW",
   "action-menu__trigger-button": "lc-ActionMenu-module__action-menu__trigger-button___tBrz5",
   "action-menu__list": "lc-ActionMenu-module__action-menu__list___9pNUX",
@@ -455,7 +459,7 @@ const Rc = {
   "action-menu__list__item--disabled": "lc-ActionMenu-module__action-menu__list__item--disabled___MgaX8",
   "action-menu__list__item--selected": "lc-ActionMenu-module__action-menu__list__item--selected___eevlJ",
   "action-menu__list__item__icon": "lc-ActionMenu-module__action-menu__list__item__icon___o3ePo"
-}, Ge = "action-menu", Yr = (f) => {
+}, Ue = "action-menu", Yr = (f) => {
   var g = f, {
     className: t,
     triggerClassName: a,
@@ -496,11 +500,11 @@ const Rc = {
     whileElementsMounted: da
   }), re = ua(W), Ae = ma(W, {
     enabled: T
-  }), Ie = pa(W), { getReferenceProps: xe, getFloatingProps: He } = ga([
+  }), Ie = pa(W), { getReferenceProps: xe, getFloatingProps: ze } = ga([
     re,
     Ae,
     Ie
-  ]), { styles: Ve } = qa(W, {
+  ]), { styles: Ye } = qa(W, {
     initial: ({ side: A }) => y({
       opacity: 0
     }, A === "bottom" && {
@@ -512,20 +516,20 @@ const Rc = {
     } || A === "right" && {
       marginLeft: -10
     })
-  }), Ye = (A) => {
-    var _e, qe;
+  }), qe = (A) => {
+    var _e, Ke;
     const J = $.current;
     let X = J + A;
-    for (; (_e = r[X]) != null && _e.disabled || (qe = r[X]) != null && qe.groupHeader; )
+    for (; (_e = r[X]) != null && _e.disabled || (Ke = r[X]) != null && Ke.groupHeader; )
       if (X += A, X === -1) {
         X = J;
         break;
       }
     return X;
   }, R = (A) => {
-    var _e, qe;
-    $.current = Ye(A);
-    const J = (_e = w.current) == null ? void 0 : _e.children, X = J && ((qe = J[$.current]) == null ? void 0 : qe.children[0]);
+    var _e, Ke;
+    $.current = qe(A);
+    const J = (_e = w.current) == null ? void 0 : _e.children, X = J && ((Ke = J[$.current]) == null ? void 0 : Ke.children[0]);
     return X == null ? void 0 : X.focus();
   }, z = (A) => {
     A.key === G.arrowUp && $.current > 0 && (A.preventDefault(), R(-1)), A.key === G.arrowDown && $.current + 1 < r.length && (A.preventDefault(), R(1));
@@ -542,7 +546,7 @@ const Rc = {
     {
       key: A.key,
       role: "none",
-      className: ze[`${Ge}__list__group-header`]
+      className: Ge[`${Ue}__list__group-header`]
     },
     A.element
   ) : /* @__PURE__ */ e.createElement("li", { key: A.key, role: "none" }, /* @__PURE__ */ e.createElement(
@@ -554,14 +558,14 @@ const Rc = {
       disabled: A.disabled,
       onClick: () => K(J, A.onClick),
       role: "menuitem",
-      className: m(ze[`${Ge}__list__item`], {
-        [ze[`${Ge}__list__item--disabled`]]: A.disabled,
-        [ze[`${Ge}__list__item--with-divider`]]: A.withDivider,
-        [ze[`${Ge}__list__item--selected`]]: u == null ? void 0 : u.includes(A.key)
+      className: m(Ge[`${Ue}__list__item`], {
+        [Ge[`${Ue}__list__item--disabled`]]: A.disabled,
+        [Ge[`${Ue}__list__item--with-divider`]]: A.withDivider,
+        [Ge[`${Ue}__list__item--selected`]]: u == null ? void 0 : u.includes(A.key)
       })
     },
     A.element,
-    (u == null ? void 0 : u.includes(A.key)) && /* @__PURE__ */ e.createElement("div", { className: ze[`${Ge}__list__item__icon`] }, /* @__PURE__ */ e.createElement(x, { source: Gt, kind: "action-primary" }))
+    (u == null ? void 0 : u.includes(A.key)) && /* @__PURE__ */ e.createElement("div", { className: Ge[`${Ue}__list__item__icon`] }, /* @__PURE__ */ e.createElement(x, { source: Gt, kind: "action-primary" }))
   ));
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
@@ -576,17 +580,17 @@ const Rc = {
     "div",
     y({
       ref: F.setFloating,
-      className: ze[Ge],
+      className: Ge[Ue],
       style: y({
         position: ue,
         top: N != null ? N : "",
         left: B != null ? B : ""
-      }, Ve)
-    }, He()),
+      }, Ye)
+    }, ze()),
     /* @__PURE__ */ e.createElement(
       "ul",
       D(y({}, h), {
-        className: m(ze[`${Ge}__list`], t),
+        className: m(Ge[`${Ue}__list`], t),
         role: "menu",
         ref: w
       }),
@@ -670,7 +674,7 @@ const Rc = {
     }, s),
     l
   );
-}, Uc = (c) => {
+}, Wc = (c) => {
   var l = c, {
     as: t = "div",
     size: a = "md",
@@ -750,7 +754,6 @@ const Rc = {
   "btn--disabled": "lc-Button-module__btn--disabled___lXBav",
   "btn--full-width": "lc-Button-module__btn--full-width___kdbAr",
   "btn--compact": "lc-Button-module__btn--compact___4eptQ",
-  "btn--icon-only": "lc-Button-module__btn--icon-only___bF5pW",
   "btn--large": "lc-Button-module__btn--large___lb-z6",
   "btn--basic": "lc-Button-module__btn--basic___Jc2gD",
   "btn--primary": "lc-Button-module__btn--primary___ajbjQ",
@@ -770,6 +773,7 @@ const Rc = {
   btn__icon: r_,
   "btn__icon--left": "lc-Button-module__btn__icon--left___H68zu",
   "btn__icon--right": "lc-Button-module__btn__icon--right___fHr3D",
+  "btn--icon-only": "lc-Button-module__btn--icon-only___bF5pW",
   "btn--icon-only--bg": "lc-Button-module__btn--icon-only--bg___X-4V2"
 }, ge = "btn", U = e.forwardRef(
   (g, f) => {
@@ -923,27 +927,27 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
   closeOnTriggerBlur: W = !1,
   floatingStrategy: re
 }) => {
-  const Ae = n !== void 0, [Ie, xe] = e.useState(!1), He = e.useRef(null), Ve = Ae ? n : Ie, Ye = c || o, R = m(
+  const Ae = n !== void 0, [Ie, xe] = e.useState(!1), ze = e.useRef(null), Ye = Ae ? n : Ie, qe = c || o, R = m(
     C[xt],
     a,
-    Ye && C[`${xt}--${Ye}`],
+    qe && C[`${xt}--${qe}`],
     s && C[`${xt}--full-space`]
   ), z = typeof _ == "function", K = (ve) => {
-    ve !== Ve && (ve ? d == null || d() : i == null || i(), !Ae && xe(ve));
+    ve !== Ye && (ve ? d == null || d() : i == null || i(), !Ae && xe(ve));
   }, me = (ve) => p ? ve != null ? ve : u : 0, A = (ve) => ve != null ? ve : g, {
     floatingStyles: J,
     refs: X,
     context: _e,
-    middlewareData: { arrow: { x: qe, y: sr } = {} }
+    middlewareData: { arrow: { x: Ke, y: sr } = {} }
   } = na({
     middleware: [
       sa({ mainAxis: $ }),
       Ka(),
       ia(),
-      Pr({ element: He })
+      Pr({ element: ze })
     ],
     placement: l,
-    open: Ve,
+    open: Ye,
     strategy: re,
     onOpenChange: K,
     whileElementsMounted: da
@@ -992,13 +996,13 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
       Or,
       {
         className: C[`${xt}__arrow`],
-        ref: He,
+        ref: ze,
         context: _e,
-        style: __(ue, F, sr, qe)
+        style: __(ue, F, sr, Ke)
       }
     )
   ));
-}, Wc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), mt = "tooltip", Vc = ({ className: t, header: a, text: r, closeWithX: _, theme: o, handleCloseAction: c }) => /* @__PURE__ */ e.createElement("div", { className: t }, _ && /* @__PURE__ */ e.createElement(
+}, Vc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), mt = "tooltip", Yc = ({ className: t, header: a, text: r, closeWithX: _, theme: o, handleCloseAction: c }) => /* @__PURE__ */ e.createElement("div", { className: t }, _ && /* @__PURE__ */ e.createElement(
   "button",
   {
     className: C[`${mt}-close`],
@@ -1023,7 +1027,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
     )
   },
   r
-)), Se = "tooltip", Yc = ({
+)), Se = "tooltip", qc = ({
   header: t,
   text: a,
   image: r,
@@ -1192,7 +1196,7 @@ class s_ {
     return this.getBoundingClientRect().height;
   }
 }
-const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), qc = (t) => {
+const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Kc = (t) => {
   const {
     className: a,
     parentElementName: r,
@@ -1249,7 +1253,7 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), qc = (t) => {
     }),
     t.children
   )) : null;
-}, pt = "reports-tooltip", Kc = ({
+}, pt = "reports-tooltip", Jc = ({
   title: t,
   description: a,
   children: r
@@ -1326,7 +1330,7 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), qc = (t) => {
       icon: t.element
     }
   );
-}, Xe = "action-bar", Jc = ({
+}, Xe = "action-bar", jc = ({
   className: t,
   id: a = "action-bar-area",
   type: r = "menu",
@@ -1458,7 +1462,7 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), qc = (t) => {
     source: Ya,
     kind: "error"
   }
-}, ke = "alert", jc = (n) => {
+}, ke = "alert", Qc = (n) => {
   var s = n, {
     children: t,
     className: a,
@@ -1704,7 +1708,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
   "btn--compact": "lc-SegmentedControl-module__btn--compact___gcSwq",
   "btn--medium": "lc-SegmentedControl-module__btn--medium___w3UzC",
   "btn--large": "lc-SegmentedControl-module__btn--large___yHPw4"
-}, I_ = "segmented-control", Qc = ({
+}, I_ = "segmented-control", Zc = ({
   size: t = "medium",
   buttons: a,
   className: r,
@@ -1754,7 +1758,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
   card__actions__line: G_,
   card__actions__buttons: U_,
   "card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
-}, Et = "card", zt = `${Et}__header`, qt = `${zt}__heading`, At = `${Et}__actions`, W_ = `${zt}__no-image`, Zc = (i) => {
+}, Et = "card", zt = `${Et}__header`, qt = `${zt}__heading`, At = `${Et}__actions`, W_ = `${zt}__no-image`, Xc = (i) => {
   var d = i, {
     alt: t,
     buttonsOptions: a = [],
@@ -1815,7 +1819,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
   ]);
   const c = m(V_[Y_], a);
   return /* @__PURE__ */ e.createElement(M, D(y({ as: "span", size: "sm" }, r), { className: c }), t);
-}, q_ = "lc-Checkbox-module__checkbox___G7nTf", K_ = "lc-Checkbox-module__checkbox__label___-o01x", J_ = "lc-Checkbox-module__checkbox__text___P2SIq", j_ = "lc-Checkbox-module__checkbox__input___YLbVF", Q_ = "lc-Checkbox-module__checkbox__checkmark___16pfY", Z_ = "lc-Checkbox-module__checkbox__square___MHUyd", X_ = "lc-Checkbox-module__checkbox__helper___YSJ-n", Ke = {
+}, q_ = "lc-Checkbox-module__checkbox___G7nTf", K_ = "lc-Checkbox-module__checkbox__label___-o01x", J_ = "lc-Checkbox-module__checkbox__text___P2SIq", j_ = "lc-Checkbox-module__checkbox__input___YLbVF", Q_ = "lc-Checkbox-module__checkbox__checkmark___16pfY", Z_ = "lc-Checkbox-module__checkbox__square___MHUyd", X_ = "lc-Checkbox-module__checkbox__helper___YSJ-n", Je = {
   checkbox: q_,
   checkbox__label: K_,
   checkbox__text: J_,
@@ -1825,28 +1829,28 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
   checkbox__square: Z_,
   "checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
   checkbox__helper: X_
-}, Je = "checkbox", Xc = e.forwardRef(
+}, je = "checkbox", el = e.forwardRef(
   (n, l) => {
     var s = n, { checked: t, disabled: a, children: r, description: _, className: o } = s, c = I(s, ["checked", "disabled", "children", "description", "className"]);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: m(Ke[Je], o, {
-          [Ke[`${Je}--selected`]]: t,
-          [Ke[`${Je}--disabled`]]: a
+        className: m(Je[je], o, {
+          [Je[`${je}--selected`]]: t,
+          [Je[`${je}--disabled`]]: a
         })
       },
-      /* @__PURE__ */ e.createElement("label", { className: Ke[`${Je}__label`] }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("label", { className: Je[`${je}__label`] }, /* @__PURE__ */ e.createElement(
         "input",
         D(y({}, c), {
           ref: l,
           checked: t,
           disabled: a,
-          className: Ke[`${Je}__input`],
+          className: Je[`${je}__input`],
           type: "checkbox"
         })
-      ), r && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: Ke[`${Je}__text`] }, r)),
-      _ && /* @__PURE__ */ e.createElement(Wt, { className: Ke[`${Je}__helper`] }, _)
+      ), r && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: Je[`${je}__text`] }, r)),
+      _ && /* @__PURE__ */ e.createElement(Wt, { className: Je[`${je}__helper`] }, _)
     );
   }
 ), S = {
@@ -2325,7 +2329,7 @@ no.defaultProps = {
     }
   ]
 };
-const el = (t) => {
+const tl = (t) => {
   const c = t, { className: a, children: r } = c, _ = I(c, ["className", "children"]), o = m(
     a,
     S["date-picker--range__calendars-wrapper"]
@@ -2336,7 +2340,6 @@ const el = (t) => {
   "details-card__float-button--open": "lc-DetailsCard-module__details-card__float-button--open___u9Kx2",
   "details-card--with-divider": "lc-DetailsCard-module__details-card--with-divider___xyXvc",
   "details-card__button": "lc-DetailsCard-module__details-card__button___FWUG5",
-  "details-card__button--open": "lc-DetailsCard-module__details-card__button--open___lVmrQ",
   "details-card__button__icon": "lc-DetailsCard-module__details-card__button__icon___iOlKd",
   "details-card__button__icon--open": "lc-DetailsCard-module__details-card__button__icon--open___TI0Xq",
   "details-card__button--hide": "lc-DetailsCard-module__details-card__button--hide___vdQhz",
@@ -2344,7 +2347,7 @@ const el = (t) => {
   "details-card__label--with-margin": "lc-DetailsCard-module__details-card__label--with-margin___w2S8X",
   "details-card__label__left-node": "lc-DetailsCard-module__details-card__label__left-node___Slmc6",
   "details-card__label__right-node": "lc-DetailsCard-module__details-card__label__right-node___ZrOLh",
-  "details-card__label__text": "lc-DetailsCard-module__details-card__label__text___U074u",
+  "details-card__label__content": "lc-DetailsCard-module__details-card__label__content___Cfip3",
   "details-card__float-button": "lc-DetailsCard-module__details-card__float-button___zHJ-T",
   "details-card__float-button--closed": "lc-DetailsCard-module__details-card__float-button--closed___E2e7C",
   "details-card__float-button__icon": "lc-DetailsCard-module__details-card__float-button__icon___1tKUL",
@@ -2354,7 +2357,7 @@ const el = (t) => {
   "details-card__content": "lc-DetailsCard-module__details-card__content___RNVd2",
   "details-card__content--spacing": "lc-DetailsCard-module__details-card__content--spacing___QecUa",
   "details-card__content--full-space": "lc-DetailsCard-module__details-card__content--full-space___2ms8I"
-}, O = "details-card", tl = ({
+}, O = "details-card", al = ({
   children: t,
   className: a,
   leftNode: r,
@@ -2370,16 +2373,16 @@ const el = (t) => {
     L[O],
     c && L[`${O}--with-divider`],
     a
-  ), b = s && d, k = () => {
-    p((v) => !v), i == null || i();
+  ), b = s && d, k = typeof o == "string", v = () => {
+    p(($) => !$), i == null || i();
   };
   return e.useEffect(() => {
-    const v = !!window.IntersectionObserver;
-    if (f.current && v) {
-      const $ = new ResizeObserver(() => {
+    const $ = !!window.IntersectionObserver;
+    if (f.current && $) {
+      const w = new ResizeObserver(() => {
         f.current && u !== f.current.offsetHeight && h(f.current.offsetHeight);
       });
-      return $.observe(f.current), () => $.disconnect();
+      return w.observe(f.current), () => w.disconnect();
     }
   }, [f]), /* @__PURE__ */ e.createElement("div", { className: g }, /* @__PURE__ */ e.createElement(
     "button",
@@ -2389,7 +2392,7 @@ const el = (t) => {
         b && L[`${O}__button--hide`],
         d && L[`${O}__button--open`]
       ),
-      onClick: k,
+      onClick: v,
       "aria-expanded": d,
       "aria-hidden": b,
       "data-testid": "details-card-button"
@@ -2403,7 +2406,14 @@ const el = (t) => {
         )
       },
       r && /* @__PURE__ */ e.createElement("div", { className: L[`${O}__label__left-node`] }, r),
-      /* @__PURE__ */ e.createElement(Ze, { size: "xs", className: L[`${O}__label__text`] }, o),
+      k ? /* @__PURE__ */ e.createElement(
+        Ze,
+        {
+          size: "xs",
+          className: L[`${O}__label__content`]
+        },
+        o
+      ) : /* @__PURE__ */ e.createElement("div", { className: L[`${O}__label__content`] }, o),
       _ && /* @__PURE__ */ e.createElement("div", { className: L[`${O}__label__right-node`] }, _)
     ),
     !s && /* @__PURE__ */ e.createElement(
@@ -2435,7 +2445,7 @@ const el = (t) => {
         !d && L[`${O}__float-button--closed`],
         d && L[`${O}__float-button--open`]
       ),
-      onClick: k,
+      onClick: v,
       "aria-expanded": d,
       "data-testid": "details-card-floating-button"
     }
@@ -2467,7 +2477,7 @@ const el = (t) => {
   "details-card-info": "lc-DetailsCardInfo-module__details-card-info___D4VRk",
   "details-card-info__label": "lc-DetailsCardInfo-module__details-card-info__label___U-KsO",
   "details-card-info__content": "lc-DetailsCardInfo-module__details-card-info__content___TFEXS"
-}, Jt = "details-card-info", al = ({
+}, Jt = "details-card-info", rl = ({
   children: t,
   label: a
 }) => /* @__PURE__ */ e.createElement("div", { className: Kt[Jt] }, /* @__PURE__ */ e.createElement("div", { className: Kt[`${Jt}__label`] }, a), /* @__PURE__ */ e.createElement("div", { className: Kt[`${Jt}__content`] }, t)), Pa = {
@@ -2494,7 +2504,7 @@ const el = (t) => {
   "field-group": "lc-FieldGroup-module__field-group___gy8lp",
   "field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
   "field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
-}, Qt = "field-group", rl = (n) => {
+}, Qt = "field-group", _l = (n) => {
   var s = n, {
     className: t = "",
     children: a,
@@ -2521,7 +2531,7 @@ const el = (t) => {
   form__footer: uo,
   form__label: mo,
   form__helper: po
-}, bt = "form", _l = (l) => {
+}, bt = "form", ol = (l) => {
   var n = l, {
     className: t,
     children: a,
@@ -2553,7 +2563,7 @@ const el = (t) => {
   "form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
   "form-field__content": "lc-FormField-module__form-field__content___XaOx3",
   "form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
-}, q = "form-field", ol = ({
+}, q = "form-field", cl = ({
   inline: t,
   error: a,
   description: r,
@@ -2645,7 +2655,7 @@ const el = (t) => {
   "form-group__header": "lc-FormGroup-module__form-group__header___DgGmR",
   "form-group__label": "lc-FormGroup-module__form-group__label___NC-JW",
   "form-group__helper": "lc-FormGroup-module__form-group__helper___SRuxe"
-}, Pt = "form-group", cl = (c) => {
+}, Pt = "form-group", ll = (c) => {
   var l = c, {
     className: t = "",
     children: a,
@@ -2691,7 +2701,7 @@ const el = (t) => {
       [Te[`${Be}__icon--disabled`]]: a
     }
   )
-}), ll = e.forwardRef(
+}), nl = e.forwardRef(
   (s, n) => {
     var i = s, {
       inputSize: t = "medium",
@@ -2747,7 +2757,7 @@ const el = (t) => {
 ), bo = "lc-Link-module__link___kqx52", Ma = {
   link: bo,
   "link--bold": "lc-Link-module__link--bold___1rGdO"
-}, La = "link", nl = (_) => {
+}, La = "link", sl = (_) => {
   var o = _, {
     bold: t = !1,
     className: a = ""
@@ -2846,7 +2856,7 @@ const el = (t) => {
     onClick: r,
     icon: /* @__PURE__ */ e.createElement(x, { source: Ne, size: "medium", customColor: a })
   }
-), je = "modal", sl = (i) => {
+), Qe = "modal", il = (i) => {
   var d = i, {
     children: t,
     className: a = "",
@@ -2866,7 +2876,7 @@ const el = (t) => {
     "onClose",
     "contentClassName"
   ]);
-  const p = m(de[je], a), u = typeof t == "string", h = (f) => {
+  const p = m(de[Qe], a), u = typeof t == "string", h = (f) => {
     f.preventDefault(), f.stopPropagation(), l();
   };
   return /* @__PURE__ */ e.createElement(
@@ -2876,12 +2886,12 @@ const el = (t) => {
       fullSpaceContent: o,
       onClose: l
     }, s),
-    _ && /* @__PURE__ */ e.createElement("div", { className: de[`${je}__label-header`] }, /* @__PURE__ */ e.createElement(
+    _ && /* @__PURE__ */ e.createElement("div", { className: de[`${Qe}__label-header`] }, /* @__PURE__ */ e.createElement(
       Ze,
       {
         size: "md",
         as: "div",
-        className: de[`${je}__label-heading`]
+        className: de[`${Qe}__label-heading`]
       },
       _
     ), /* @__PURE__ */ e.createElement(
@@ -2892,12 +2902,12 @@ const el = (t) => {
         onClick: h
       }
     )),
-    !_ && r && /* @__PURE__ */ e.createElement("div", { className: de[`${je}__header`] }, /* @__PURE__ */ e.createElement(
+    !_ && r && /* @__PURE__ */ e.createElement("div", { className: de[`${Qe}__header`] }, /* @__PURE__ */ e.createElement(
       Ze,
       {
         size: "md",
         as: "div",
-        className: de[`${je}__heading`]
+        className: de[`${Qe}__heading`]
       },
       r
     ), /* @__PURE__ */ e.createElement(Oa, { onClick: h })),
@@ -2905,13 +2915,13 @@ const el = (t) => {
       "div",
       {
         "data-testid": "modal-body",
-        className: m(de[`${je}__body`], n)
+        className: m(de[`${Qe}__body`], n)
       },
       u ? /* @__PURE__ */ e.createElement(M, { as: "div" }, t) : t
     ),
-    c && /* @__PURE__ */ e.createElement("div", { className: de[`${je}__footer`] }, c)
+    c && /* @__PURE__ */ e.createElement("div", { className: de[`${Qe}__footer`] }, c)
   );
-}, il = ({
+}, dl = ({
   children: t,
   className: a = "",
   parentElementName: r = "body",
@@ -2931,7 +2941,7 @@ const el = (t) => {
   "modal-header__heading-body": "lc-ModalHeader-module__modal-header__heading-body___HHEF-",
   "modal-header__heading-title": "lc-ModalHeader-module__modal-header__heading-title___2R9pm",
   "modal-header__heading-description": "lc-ModalHeader-module__modal-header__heading-description___54Xvf"
-}, tt = "modal-header", dl = ({
+}, tt = "modal-header", ul = ({
   title: t,
   iconProps: a,
   avatarProps: r,
@@ -2972,7 +2982,7 @@ const el = (t) => {
   "numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
   "numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
   "numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
-}, rt = "numeric-input", ul = (d) => {
+}, rt = "numeric-input", ml = (d) => {
   var p = d, {
     className: t,
     error: a,
@@ -3558,7 +3568,7 @@ const j = {
 }, Io = "lc-Picker-module__picker___GRj9W", Po = "lc-Picker-module__picker__container___s0PUc", za = {
   picker: Io,
   picker__container: Po
-}, Ga = "picker", ml = (k) => {
+}, Ga = "picker", pl = (k) => {
   var v = k, {
     className: t,
     disabled: a,
@@ -3617,7 +3627,7 @@ const j = {
   }, W = (R) => {
     if (d === "single")
       return w(!1), g([R]);
-    const z = R.key, K = Ye;
+    const z = R.key, K = qe;
     if (!K)
       return g([R]);
     const me = K.includes(
@@ -3631,21 +3641,21 @@ const j = {
     g(A);
   }, re = (R) => !R.disabled && !R.groupHeader && R.key !== ct, Ae = () => {
     w(!1);
-    const R = Ve.filter(re);
+    const R = Ye.filter(re);
     g(R);
   }, Ie = () => {
     w(!1), g(null);
-  }, xe = (R) => E(R), He = (R) => {
+  }, xe = (R) => E(R), ze = (R) => {
     const z = o ? o.filter((K) => K !== R) : null;
     if ((z == null ? void 0 : z.length) === 0)
       return g(null);
     g(z);
-  }, Ve = e.useMemo(() => T ? _.filter((R) => {
+  }, Ye = e.useMemo(() => T ? _.filter((R) => {
     if (R.groupHeader)
       return !1;
     const z = T.toLowerCase();
     return R.name.toLowerCase().includes(z);
-  }) : _, [T, _]), Ye = e.useMemo(() => o ? o.map((R) => R.key) : null, [o]);
+  }) : _, [T, _]), qe = e.useMemo(() => o ? o.map((R) => R.key) : null, [o]);
   return /* @__PURE__ */ e.createElement("div", { ref: B, className: N, id: b.id }, /* @__PURE__ */ e.createElement("div", { className: za[`${Ga}__container`] }, /* @__PURE__ */ e.createElement(
     Co,
     {
@@ -3673,15 +3683,15 @@ const j = {
         type: d,
         size: c,
         clearSearchAfterSelection: f,
-        onItemRemove: He,
+        onItemRemove: ze,
         onFilter: xe
       }
     )
   ), /* @__PURE__ */ e.createElement(
     wo,
     {
-      selectedItemsKeys: Ye,
-      items: Ve,
+      selectedItemsKeys: qe,
+      items: Ye,
       isOpen: $,
       isMultiSelect: d === "multi",
       emptyStateText: s,
@@ -3693,7 +3703,7 @@ const j = {
   )));
 }, Fo = "lc-Popover-module__popover___8X1b2", Ro = {
   popover: Fo
-}, pl = ({
+}, gl = ({
   triggerRenderer: t,
   onClose: a,
   onOpen: r,
@@ -3888,7 +3898,7 @@ const ft = {
   "promo-banner--small": "lc-PromoBanner-module__promo-banner--small___7sWLV",
   "promo-banner--large": "lc-PromoBanner-module__promo-banner--large___pMiCU",
   "promo-banner__close-icon": "lc-PromoBanner-module__promo-banner__close-icon___GowBL"
-}, Uo = 400, Wo = 800, Vo = 500, $e = "promo-banner", gl = ({
+}, Uo = 400, Wo = 800, Vo = 500, $e = "promo-banner", bl = ({
   className: t,
   buttonText: a,
   children: r,
@@ -3937,7 +3947,7 @@ const ft = {
     },
     /* @__PURE__ */ e.createElement(x, { source: Ne, size: "large", kind: "primary" })
   ));
-}, Ue = {
+}, Re = {
   "main-wrapper": "lc-PromoBannerV2-module__main-wrapper___U-dPS",
   "promo-banner-v2": "lc-PromoBannerV2-module__promo-banner-v2___HkNxR",
   "promo-banner-v2__content": "lc-PromoBannerV2-module__promo-banner-v2__content___65vEP",
@@ -3945,42 +3955,66 @@ const ft = {
   "promo-banner-v2__content__cta__secondary": "lc-PromoBannerV2-module__promo-banner-v2__content__cta__secondary___17BKS",
   "promo-banner-v2__additional-content": "lc-PromoBannerV2-module__promo-banner-v2__additional-content___LpU9B",
   "promo-banner-v2__close": "lc-PromoBannerV2-module__promo-banner-v2__close___rOh-U",
-  "promo-banner-v2__close__btn": "lc-PromoBannerV2-module__promo-banner-v2__close__btn___5AZQC"
-}, Qe = "promo-banner-v2", bl = ({
+  "promo-banner-v2__close__btn": "lc-PromoBannerV2-module__promo-banner-v2__close__btn___5AZQC",
+  "promo-banner-v2--vertical": "lc-PromoBannerV2-module__promo-banner-v2--vertical___p0mSU"
+}, We = "promo-banner-v2", fl = ({
   children: t,
   className: a,
   additionalContent: r,
   primaryButton: _,
   secondaryButton: o,
-  onClose: c
+  vertical: c,
+  contentClassName: l,
+  additionalContentClassName: n,
+  onClose: s
 }) => {
-  const l = m(Ue["main-wrapper"], a);
-  return /* @__PURE__ */ e.createElement("div", { role: "banner", className: l }, /* @__PURE__ */ e.createElement("div", { className: Ue[Qe] }, /* @__PURE__ */ e.createElement("div", { className: Ue[`${Qe}__content`] }, t, (_ || o) && /* @__PURE__ */ e.createElement("div", { className: Ue[`${Qe}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
-    U,
-    {
-      kind: (_ == null ? void 0 : _.kind) || "high-contrast",
-      onClick: _.handleClick
-    },
-    _.label
-  ), o && /* @__PURE__ */ e.createElement(
-    U,
+  const i = m(Re["main-wrapper"], a);
+  return /* @__PURE__ */ e.createElement("div", { role: "banner", className: i }, /* @__PURE__ */ e.createElement(
+    "div",
     {
-      kind: (o == null ? void 0 : o.kind) || "text",
-      onClick: o.handleClick,
-      className: Ue[`${Qe}__content__cta__secondary`]
+      className: m(
+        Re[We],
+        c && Re[`${We}--vertical`]
+      )
     },
-    o.label
-  ))), r && /* @__PURE__ */ e.createElement("div", { className: Ue[`${Qe}__additional-content`] }, r), c && /* @__PURE__ */ e.createElement("div", { className: Ue[`${Qe}__close`] }, /* @__PURE__ */ e.createElement(
-    U,
-    {
-      className: Ue[`${Qe}__close__btn`],
-      onClick: c,
-      icon: /* @__PURE__ */ e.createElement(x, { source: Ne, kind: "primary" }),
-      kind: "plain",
-      size: "compact"
-    }
-  ))));
-}, Re = {
+    /* @__PURE__ */ e.createElement("div", { className: m(Re[`${We}__content`], l) }, t, (_ || o) && /* @__PURE__ */ e.createElement("div", { className: Re[`${We}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
+      U,
+      {
+        kind: (_ == null ? void 0 : _.kind) || "high-contrast",
+        onClick: _.handleClick
+      },
+      _.label
+    ), o && /* @__PURE__ */ e.createElement(
+      U,
+      {
+        kind: (o == null ? void 0 : o.kind) || "text",
+        onClick: o.handleClick,
+        className: Re[`${We}__content__cta__secondary`]
+      },
+      o.label
+    ))),
+    r && /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: m(
+          Re[`${We}__additional-content`],
+          n
+        )
+      },
+      r
+    ),
+    s && /* @__PURE__ */ e.createElement("div", { className: Re[`${We}__close`] }, /* @__PURE__ */ e.createElement(
+      U,
+      {
+        className: Re[`${We}__close__btn`],
+        onClick: s,
+        icon: /* @__PURE__ */ e.createElement(x, { source: Ne, kind: "primary" }),
+        kind: "plain",
+        size: "compact"
+      }
+    ))
+  ));
+}, Me = {
   "radio-button": "lc-RadioButton-module__radio-button___WaToM",
   "radio-button__circle": "lc-RadioButton-module__radio-button__circle___wimWA",
   "radio-button__label": "lc-RadioButton-module__radio-button__label___i7ygg",
@@ -3990,23 +4024,23 @@ const ft = {
   "radio-button__helper": "lc-RadioButton-module__radio-button__helper___r8gJJ",
   "radio-button--selected": "lc-RadioButton-module__radio-button--selected___s9lqj",
   "radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
-}, Me = "radio-button", fl = e.forwardRef(
+}, Le = "radio-button", vl = e.forwardRef(
   (n, l) => {
     var s = n, { children: t, className: a = "", description: r, checked: _, disabled: o } = s, c = I(s, ["children", "className", "description", "checked", "disabled"]);
-    const i = m(Re[Me], a, {
-      [Re[`${Me}--selected`]]: _,
-      [Re[`${Me}--disabled`]]: o
+    const i = m(Me[Le], a, {
+      [Me[`${Le}--selected`]]: _,
+      [Me[`${Le}--disabled`]]: o
     });
-    return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: Re[`${Me}__label`] }, /* @__PURE__ */ e.createElement("div", { className: Re[`${Me}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: Re[`${Me}__inner-circle`] }), /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: Me[`${Le}__label`] }, /* @__PURE__ */ e.createElement("div", { className: Me[`${Le}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: Me[`${Le}__inner-circle`] }), /* @__PURE__ */ e.createElement(
       "input",
       D(y({}, c), {
-        className: Re[`${Me}__input`],
+        className: Me[`${Le}__input`],
         ref: l,
         type: "radio",
         checked: _,
         disabled: o
       })
-    )), t && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: Re[`${Me}__text`] }, t)), r && /* @__PURE__ */ e.createElement(Wt, { className: Re[`${Me}__helper`] }, r));
+    )), t && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: Me[`${Le}__text`] }, t)), r && /* @__PURE__ */ e.createElement(Wt, { className: Me[`${Le}__helper`] }, r));
   }
 ), De = {
   "search-input": "lc-Search-module__search-input___FsbCk",
@@ -4021,7 +4055,7 @@ const ft = {
   "search-input__clear-icon": "lc-Search-module__search-input__clear-icon___LoNkc",
   "search-input__loader": "lc-Search-module__search-input__loader___pkpIG",
   "search-input__input": "lc-Search-module__search-input__input___OhyTr"
-}, Ce = "search-input", Yo = `${Ce}__input`, vl = ({
+}, Ce = "search-input", Yo = `${Ce}__input`, hl = ({
   isCollapsable: t,
   isDisabled: a,
   isLoading: r,
@@ -4140,7 +4174,7 @@ const ft = {
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
   switch__icon: Zo
-}, ae = "switch", hl = (p) => {
+}, ae = "switch", kl = (p) => {
   var u = p, {
     className: t = "",
     defaultOn: a = !1,
@@ -4235,7 +4269,7 @@ const ft = {
   tab__badge: tc,
   "tab--selected": "lc-Tab-module__tab--selected___c0EkL",
   "tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
-}, ot = "tab", kl = (n) => {
+}, ot = "tab", yl = (n) => {
   var s = n, {
     children: t,
     className: a,
@@ -4281,10 +4315,10 @@ const ft = {
 }, ac = "lc-TabsWrapper-module__tabs___Y2xyD", rc = "lc-TabsWrapper-module__tabs__list___i6tVO", lr = {
   tabs: ac,
   tabs__list: rc
-}, nr = "tabs", yl = ({
+}, nr = "tabs", El = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: m(lr[nr], t) }, a), El = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: m(lr[nr], t) }, a), $l = ({
   className: t,
   children: a
 }) => /* @__PURE__ */ e.createElement("div", { className: m(lr[`${nr}__list`], t) }, a), _c = ({
@@ -4432,7 +4466,7 @@ const ft = {
   }, N = (F, W) => {
     const re = [...a || []];
     re.reduce(
-      (Ie, xe, He) => Ie + (xe === W && He !== F ? 1 : 0),
+      (Ie, xe, ze) => Ie + (xe === W && ze !== F ? 1 : 0),
       0
     ) > 0 ? re.splice(F, 1) : re[F] = W, r(re);
   }, ue = (F) => {
@@ -4466,7 +4500,7 @@ const ft = {
       onBlur: B
     })
   )), o && /* @__PURE__ */ e.createElement(va, null, o));
-}, ic = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i, dc = "name@company.com", uc = (t) => ic.test(t), $l = (n) => {
+}, ic = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i, dc = "name@company.com", uc = (t) => ic.test(t), wl = (n) => {
   var s = n, {
     id: t,
     tags: a,
@@ -4537,7 +4571,7 @@ const ft = {
   info: {
     source: la
   }
-}, We = "toast", vc = (n) => {
+}, Ve = "toast", vc = (n) => {
   var s = n, {
     action: t,
     className: a,
@@ -4554,14 +4588,14 @@ const ft = {
     "onClose"
   ]);
   const i = m(
-    Q[We],
-    Q[`${We}--${o}`],
+    Q[Ve],
+    Q[`${Ve}--${o}`],
     a
   ), d = typeof r == "string", p = (u) => u && u.closesOnClick && c ? (u.onClick(), c()) : u.onClick();
-  return /* @__PURE__ */ e.createElement("div", y({ className: i }, l), /* @__PURE__ */ e.createElement("div", { className: Q[`${We}__icon`] }, /* @__PURE__ */ e.createElement(x, D(y({}, fc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: Q[`${We}__content`] }, d ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: Q[`${We}__actions`] }, t && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", y({ className: i }, l), /* @__PURE__ */ e.createElement("div", { className: Q[`${Ve}__icon`] }, /* @__PURE__ */ e.createElement(x, D(y({}, fc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: Q[`${Ve}__content`] }, d ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: Q[`${Ve}__actions`] }, t && /* @__PURE__ */ e.createElement(
     U,
     {
-      className: Q[`${We}__actions--custom`],
+      className: Q[`${Ve}__actions--custom`],
       kind: "text",
       size: "compact",
       onClick: () => p(t)
@@ -4571,15 +4605,15 @@ const ft = {
     "button",
     {
       className: m(
-        Q[`${We}__actions__button`],
-        Q[`${We}__actions__button--${o}`]
+        Q[`${Ve}__actions__button`],
+        Q[`${Ve}__actions__button--${o}`]
       ),
       "aria-label": "Close toast",
       onClick: c
     },
     /* @__PURE__ */ e.createElement(x, { source: Ne, size: "medium" })
   )));
-}, hc = 200, ht = "toast-wrapper", wl = ({
+}, hc = 200, ht = "toast-wrapper", Cl = ({
   className: t,
   toasts: a = [],
   fixed: r = !0,
@@ -4626,7 +4660,7 @@ const ft = {
   "textarea--focused": "lc-Textarea-module__textarea--focused___1vtEx",
   "textarea--disabled": "lc-Textarea-module__textarea--disabled___xXaGv",
   "textarea--error": "lc-Textarea-module__textarea--error___0EGuq"
-}, Ht = "textarea", Cl = e.forwardRef(
+}, Ht = "textarea", Nl = e.forwardRef(
   (o, _) => {
     var c = o, { className: t, error: a } = c, r = I(c, ["className", "error"]);
     const { disabled: l, onBlur: n, onFocus: s } = r, [i, d] = e.useState(!1), p = m(t, Ot[Ht], {
@@ -4680,7 +4714,7 @@ const ft = {
   "file-upload-progress__wrapper__header__title": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv",
   "file-upload-progress__wrapper__header__title--success": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl",
   "file-upload-progress__wrapper__header__title--error": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"
-}, Le = "file-upload-progress", ea = `${Le}__wrapper__header__title`, yc = e.forwardRef(
+}, Oe = "file-upload-progress", ea = `${Oe}__wrapper__header__title`, yc = e.forwardRef(
   ({
     actionsVisibility: t = "hidden",
     className: a,
@@ -4691,23 +4725,23 @@ const ft = {
     status: l = "normal",
     onCloseButtonClick: n,
     onRetryButtonClick: s
-  }, i) => /* @__PURE__ */ e.createElement("div", { className: we[Le], ref: i }, r && l !== "success" && /* @__PURE__ */ e.createElement("div", { className: we[`${Le}__icon`] }, r), l === "success" && /* @__PURE__ */ e.createElement(
+  }, i) => /* @__PURE__ */ e.createElement("div", { className: we[Oe], ref: i }, r && l !== "success" && /* @__PURE__ */ e.createElement("div", { className: we[`${Oe}__icon`] }, r), l === "success" && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: m(
-        we[`${Le}__icon`],
-        we[`${Le}__icon--success`]
+        we[`${Oe}__icon`],
+        we[`${Oe}__icon--success`]
       )
     },
     /* @__PURE__ */ e.createElement(x, { source: Gt })
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: m(we[`${Le}__wrapper`], {
-        [we[`${Le}__wrapper--with-icon`]]: r
+      className: m(we[`${Oe}__wrapper`], {
+        [we[`${Oe}__wrapper--with-icon`]]: r
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: we[`${Le}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: we[`${Oe}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: m(we[ea], {
@@ -4722,7 +4756,7 @@ const ft = {
       "div",
       {
         className: m({
-          [we[`${Le}__wrapper__header__actions`]]: t === "hover"
+          [we[`${Oe}__wrapper__header__actions`]]: t === "hover"
         })
       },
       /* @__PURE__ */ e.createElement(
@@ -4765,14 +4799,14 @@ const ft = {
   "upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
   "upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
   "upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
-}, le = "upload-bar", Oe = `${le}__wrapper__header`, Ec = 300, $c = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}__success-icon`] }, /* @__PURE__ */ e.createElement(x, { source: Gt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}__error-icon`] }, /* @__PURE__ */ e.createElement(x, { source: Ir })) : /* @__PURE__ */ e.createElement(
+}, le = "upload-bar", He = `${le}__wrapper__header`, Ec = 300, $c = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: H[`${He}__success-icon`] }, /* @__PURE__ */ e.createElement(x, { source: Gt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: H[`${He}__error-icon`] }, /* @__PURE__ */ e.createElement(x, { source: Ir })) : /* @__PURE__ */ e.createElement(
   zo,
   {
-    className: H[`${Oe}__loader`],
+    className: H[`${He}__loader`],
     status: t,
     progressValue: a
   }
-), Nl = ({
+), xl = ({
   children: t,
   className: a,
   progressValue: r,
@@ -4790,7 +4824,7 @@ const ft = {
     [H[`${le}--error`]]: f,
     [H[`${le}--success`]]: g
   }), k = !(f && (p || d)), v = () => h(!u);
-  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("div", { className: H[`${le}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}`] }, /* @__PURE__ */ e.createElement(
+  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("div", { className: H[`${le}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${He}`] }, /* @__PURE__ */ e.createElement(
     yc,
     {
       title: f && c || _,
@@ -4812,15 +4846,15 @@ const ft = {
       className: H[`${le}__wrapper`],
       onClick: v
     },
-    /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}__icon`] }, $c(l, r)), /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}__title`] }, /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, f ? c : _)), k && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: H[`${He}`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${He}__icon`] }, $c(l, r)), /* @__PURE__ */ e.createElement("div", { className: H[`${He}__title`] }, /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, f ? c : _)), k && /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: H[`${Oe}__collapse-button`],
+        className: H[`${He}__collapse-button`],
         type: "button",
         onClick: v
       },
       u ? /* @__PURE__ */ e.createElement(x, { source: Ut }) : /* @__PURE__ */ e.createElement(x, { source: $t })
-    ), l === "error" && /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}__actions-container`] }, /* @__PURE__ */ e.createElement(
+    ), l === "error" && /* @__PURE__ */ e.createElement("div", { className: H[`${He}__actions-container`] }, /* @__PURE__ */ e.createElement(
       ca,
       {
         status: l,
@@ -4845,74 +4879,75 @@ const ft = {
 };
 export {
   hc as ANIMATION_TIME,
-  Jc as ActionBar,
+  jc as ActionBar,
   Yr as ActionMenu,
   Jr as ActionMenuItem,
-  jc as Alert,
+  Qc as Alert,
   N_ as Avatar,
   T_ as Badge,
   U as Button,
-  Zc as Card,
-  Xc as Checkbox,
+  Xc as Card,
+  el as Checkbox,
   co as DatePicker,
-  el as DatePickerRangeCalendarsWrapper,
+  tl as DatePickerRangeCalendarsWrapper,
   Rc as DesignToken,
-  tl as DetailsCard,
-  al as DetailsCardInfo,
-  Uc as Display,
-  $l as EmailTagInput,
+  al as DetailsCard,
+  rl as DetailsCardInfo,
+  Wc as Display,
+  wl as EmailTagInput,
   Wt as FieldDescription,
   va as FieldError,
-  rl as FieldGroup,
+  _l as FieldGroup,
   yc as FileUploadProgress,
   ca as FileUploadProgressActions,
-  _l as Form,
-  ol as FormField,
-  cl as FormGroup,
+  ol as Form,
+  cl as FormField,
+  ll as FormGroup,
   Ze as Heading,
   x as Icon,
-  Vc as Info,
-  ll as Input,
-  Yc as Interactive,
-  nl as Link,
+  Yc as Info,
+  nl as Input,
+  qc as Interactive,
+  sl as Link,
   fa as Loader,
-  sl as Modal,
+  il as Modal,
   yo as ModalBase,
   Oa as ModalCloseButton,
-  dl as ModalHeader,
-  il as ModalPortal,
-  ul as NumericInput,
-  ml as Picker,
+  ul as ModalHeader,
+  dl as ModalPortal,
+  ml as NumericInput,
+  pl as Picker,
   wo as PickerList,
-  pl as Popover,
+  gl as Popover,
   Go as ProgressBar,
   zo as ProgressCircle,
-  gl as PromoBanner,
-  bl as PromoBannerV2,
-  fl as RadioButton,
+  bl as PromoBanner,
+  fl as PromoBannerV2,
+  vl as RadioButton,
   Oc as RadiusToken,
   no as RangeDatePicker,
-  Kc as Reports,
-  vl as SearchInput,
-  Qc as SegmentedControl,
+  Jc as Reports,
+  hl as SearchInput,
+  Zc as SegmentedControl,
   Lc as ShadowToken,
-  Wc as Simple,
+  Vc as Simple,
   Mc as SpacingToken,
-  hl as Switch,
-  kl as Tab,
-  El as TabsList,
-  yl as TabsWrapper,
+  kl as Switch,
+  yl as Tab,
+  $l as TabsList,
+  El as TabsWrapper,
   _r as Tag,
   sc as TagInput,
   M as Text,
-  Cl as Textarea,
+  Nl as Textarea,
   vc as Toast,
-  wl as ToastWrapper,
+  Cl as ToastWrapper,
   tr as Tooltip,
+  Gc as TransitionDelayToken,
   Hc as TransitionDurationToken,
   zc as TransitionTimingToken,
-  Nl as UploadBar,
-  qc as UserGuide,
+  xl as UploadBar,
+  Kc as UserGuide,
   h_ as generateAvatarColor,
-  Gc as getDesignTokenWithOpacity
+  Uc as getDesignTokenWithOpacity
 };