@livechat/design-system-react-components 1.33.0 → 1.33.1

package/dist/index.es.js

@@ -404,7 +404,8 @@ const Fc = {
   ProductsHello: "--products-hello",
   ProductsPlatform: "--products-platform",
   SurfaceCheckListItemOpenBackground: "--surface-check-list-item-open-background",
-  SurfaceCheckListBackground: "--surface-check-list-background"
+  SurfaceCheckListBackground: "--surface-check-list-background",
+  ContentBasicPlaceholder: "--content-basic-placeholder"
 }, Rc = {
   Spacing0: "--spacing-0",
   Spacing05: "--spacing-05",
@@ -682,18 +683,18 @@ const Fc = {
     "textAlign",
     "noMargin"
   ]);
-  const E = "paragraph";
+  const y = "paragraph";
   return e.createElement(
     t,
     k({
       className: u(
         {
-          [Ge[`${E}-${a}`]]: !0,
-          [Ge[`${E}--bold`]]: o,
-          [Ge[`${E}--strike`]]: n,
-          [Ge[`${E}--underline`]]: l,
-          [Ge[`${E}--uppercase`]]: _ || r,
-          [Ge[`${E}--no-margin`]]: p
+          [Ge[`${y}-${a}`]]: !0,
+          [Ge[`${y}--bold`]]: o,
+          [Ge[`${y}--strike`]]: n,
+          [Ge[`${y}--underline`]]: l,
+          [Ge[`${y}--uppercase`]]: _ || r,
+          [Ge[`${y}--no-margin`]]: p
         },
         s
       ),
@@ -745,8 +746,8 @@ const Fc = {
   "action-menu__list__item__icon": "lc-ActionMenu-module__action-menu__list__item__icon___o3ePo",
   "action-menu__list--with-footer": "lc-ActionMenu-module__action-menu__list--with-footer___ghTxL",
   "action-menu__footer": "lc-ActionMenu-module__action-menu__footer___HxoOe"
-}, ze = "action-menu", uo = (E) => {
-  var b = E, {
+}, ze = "action-menu", uo = (y) => {
+  var v = y, {
     className: t,
     triggerClassName: a,
     options: r,
@@ -761,7 +762,7 @@ const Fc = {
     floatingStrategy: p,
     selectedOptions: m,
     footer: g
-  } = b, f = D(b, [
+  } = v, f = D(v, [
     "className",
     "triggerClassName",
     "options",
@@ -777,9 +778,9 @@ const Fc = {
     "selectedOptions",
     "footer"
   ]);
-  const v = s !== void 0, [y, w] = e.useState(l), [C, $] = e.useState(null), h = e.useRef(-1), N = Ua(), I = sa(), L = e.useRef(null), G = v ? s : y, T = () => {
-    G ? (i == null || i(), !v && w(!1)) : (d == null || d(), !v && w(!0));
-  }, { x: O, y: R, strategy: U, refs: ae, context: de } = da({
+  const b = s !== void 0, [E, w] = e.useState(l), [C, $] = e.useState(null), h = e.useRef(-1), N = Ua(), I = sa(), O = e.useRef(null), G = b ? s : E, T = () => {
+    G ? (i == null || i(), !b && w(!1)) : (d == null || d(), !b && w(!0));
+  }, { x: L, y: V, strategy: M, refs: U, context: de } = da({
     nodeId: I,
     middleware: [
       ua(4),
@@ -815,18 +816,18 @@ const Fc = {
     })
   }), wt = (A) => {
     var Ye, qe;
-    const V = h.current;
-    let ue = V + A;
+    const K = h.current;
+    let ue = K + A;
     for (; (Ye = r[ue]) != null && Ye.disabled || (qe = r[ue]) != null && qe.groupHeader; )
       if (ue += A, ue === -1) {
-        ue = V;
+        ue = K;
         break;
       }
     return ue;
   }, gt = (A) => {
     var Ye, qe;
     h.current = wt(A);
-    const V = (Ye = L.current) == null ? void 0 : Ye.children, ue = V && ((qe = V[h.current]) == null ? void 0 : qe.children[0]);
+    const K = (Ye = O.current) == null ? void 0 : Ye.children, ue = K && ((qe = K[h.current]) == null ? void 0 : qe.children[0]);
     return ue == null ? void 0 : ue.focus();
   }, _t = (A) => {
     A.key === se.arrowUp && h.current > 0 && (A.preventDefault(), gt(-1)), A.key === se.arrowDown && h.current + 1 < r.length && (A.preventDefault(), gt(1));
@@ -836,9 +837,9 @@ const Fc = {
       return document.addEventListener("keydown", _t), () => document.removeEventListener("keydown", _t);
     h.current = -1;
   }, [G, _t]);
-  const $t = (A, V) => {
-    h.current = A, V == null || V(), !v && !n && (w(!1), i == null || i());
-  }, Nt = (A, V) => A.groupHeader ? /* @__PURE__ */ e.createElement(
+  const $t = (A, K) => {
+    h.current = A, K == null || K(), !b && !n && (w(!1), i == null || i());
+  }, Nt = (A, K) => A.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
     {
       key: A.key,
@@ -853,7 +854,7 @@ const Fc = {
       tabIndex: -1,
       key: A.key,
       disabled: A.disabled,
-      onClick: () => $t(V, A.onClick),
+      onClick: () => $t(K, A.onClick),
       role: "menuitem",
       className: u(He[`${ze}__list__item`], {
         [He[`${ze}__list__item--disabled`]]: A.disabled,
@@ -875,7 +876,7 @@ const Fc = {
     B(k({
       "aria-label": "Toggle menu",
       "data-testid": "action-menu-trigger-button",
-      ref: ae.setReference
+      ref: U.setReference
     }, $e()), {
       className: a
     }),
@@ -883,12 +884,12 @@ const Fc = {
   ), /* @__PURE__ */ e.createElement(ha, { id: I }, G && /* @__PURE__ */ e.createElement(
     "div",
     k({
-      ref: ae.setFloating,
+      ref: U.setFloating,
       className: He[ze],
       style: k(k({
-        position: U,
-        top: R != null ? R : "",
-        left: O != null ? O : ""
+        position: M,
+        top: V != null ? V : "",
+        left: L != null ? L : ""
       }, !!C && { maxHeight: C }), pt)
     }, Ct()),
     r.length > 0 && /* @__PURE__ */ e.createElement(
@@ -902,7 +903,7 @@ const Fc = {
           t
         ),
         role: "menu",
-        ref: L
+        ref: O
       }),
       r.map(Nt)
     ),
@@ -1019,8 +1020,8 @@ const Fc = {
   "btn--plain-lock-black": "lc-Button-module__btn--plain-lock-black___aL-wC",
   "btn--text-lock-black": "lc-Button-module__btn--text-lock-black___fy3zb"
 }, pe = "btn", W = e.forwardRef(
-  (E, f) => {
-    var b = E, {
+  (y, f) => {
+    var v = y, {
       loading: t = !1,
       disabled: a = !1,
       type: r = "button",
@@ -1034,7 +1035,7 @@ const Fc = {
       children: d,
       href: p,
       onClick: m
-    } = b, g = D(b, [
+    } = v, g = D(v, [
       "loading",
       "disabled",
       "type",
@@ -1049,7 +1050,7 @@ const Fc = {
       "href",
       "onClick"
     ]);
-    const v = t || a, y = !d && n, w = ["text", "link", "link-light"].includes(o), C = p ? "a" : "button", $ = u(
+    const b = t || a, E = !d && n, w = ["text", "link", "link-light"].includes(o), C = p ? "a" : "button", $ = u(
       i,
       me[pe],
       me[`${pe}--${o}`],
@@ -1057,10 +1058,10 @@ const Fc = {
       {
         [me[`${pe}--loading`]]: t,
         [me[`${pe}--full-width`]]: _,
-        [me[`${pe}--with-${c}-icon`]]: n && !y && !w,
-        [me[`${pe}--icon-only`]]: y,
-        [me[`${pe}--icon-only--bg`]]: y && w,
-        [me[`${pe}--disabled`]]: v
+        [me[`${pe}--with-${c}-icon`]]: n && !E && !w,
+        [me[`${pe}--icon-only`]]: E,
+        [me[`${pe}--icon-only--bg`]]: E && w,
+        [me[`${pe}--disabled`]]: b
       }
     );
     return /* @__PURE__ */ e.createElement(
@@ -1068,10 +1069,10 @@ const Fc = {
       k(k({
         ref: f,
         className: $,
-        "aria-disabled": v,
+        "aria-disabled": b,
         type: r,
-        disabled: v
-      }, !v && { href: p, onClick: m }), g),
+        disabled: b
+      }, !b && { href: p, onClick: m }), g),
       t && /* @__PURE__ */ e.createElement(
         Cr,
         k({
@@ -1181,34 +1182,34 @@ const Co = (t) => {
   transitionDuration: m = 200,
   hoverOnDuration: g,
   hoverOffDuration: f,
-  transitionDelay: E = 0,
-  hoverOnDelay: b,
-  hoverOffDelay: v,
-  triggerOnClick: y = !1,
+  transitionDelay: y = 0,
+  hoverOnDelay: v,
+  hoverOffDelay: b,
+  triggerOnClick: E = !1,
   triggerOnHover: w = !0,
   offsetMainAxis: C = 8,
   offsetCrossAxis: $ = 0,
   referenceElement: h,
   activationThreshold: N = 0,
   useDismissHookProps: I,
-  useClickHookProps: L,
+  useClickHookProps: O,
   hoverOutDelayTimeout: G = 100,
   arrowOffsetY: T,
-  arrowOffsetX: O,
-  closeOnTriggerBlur: R = !1,
-  floatingStrategy: U
+  arrowOffsetX: L,
+  closeOnTriggerBlur: V = !1,
+  floatingStrategy: M
 }) => {
-  const ae = c !== void 0, [de, we] = e.useState(!1), Ke = e.useRef(null), Ue = ae ? c : de, $e = l || o, Ct = Ua(), pt = sa(), wt = u(
+  const U = c !== void 0, [de, we] = e.useState(!1), Ke = e.useRef(null), Ue = U ? c : de, $e = l || o, Ct = Ua(), pt = sa(), wt = u(
     P[Ca],
     a,
     $e && P[`${Ca}--${$e}`],
     s && P[`${Ca}--full-space`]
   ), gt = typeof _ == "function", _t = (Ie) => {
-    Ie !== Ue && (Ie ? d == null || d() : i == null || i(), !ae && we(Ie));
-  }, $t = (Ie) => p ? Ie != null ? Ie : m : 0, Nt = (Ie) => Ie != null ? Ie : E, {
+    Ie !== Ue && (Ie ? d == null || d() : i == null || i(), !U && we(Ie));
+  }, $t = (Ie) => p ? Ie != null ? Ie : m : 0, Nt = (Ie) => Ie != null ? Ie : y, {
     floatingStyles: ft,
     refs: A,
-    context: V,
+    context: K,
     middlewareData: { arrow: { x: ue, y: Ye } = {} }
   } = da({
     nodeId: pt,
@@ -1220,26 +1221,26 @@ const Co = (t) => {
     ],
     placement: n,
     open: Ue,
-    strategy: U,
+    strategy: M,
     onOpenChange: _t,
     whileElementsMounted: ma
-  }), qe = X_(V, {
+  }), qe = X_(K, {
     move: !1,
     restMs: N,
     delay: {
-      open: Nt(b),
-      close: Nt(v || G)
+      open: Nt(v),
+      close: Nt(b || G)
     },
     enabled: w,
-    handleClose: R ? null : J_()
-  }), Va = j_(V), Ka = ga(V, I), Ya = fa(V, { role: "tooltip" }), qa = pa(V, k({
-    enabled: y
-  }, L)), { isMounted: Za, styles: Xa } = kr(V, {
+    handleClose: V ? null : J_()
+  }), Va = j_(K), Ka = ga(K, I), Ya = fa(K, { role: "tooltip" }), qa = pa(K, k({
+    enabled: E
+  }, O)), { isMounted: Za, styles: Xa } = kr(K, {
     duration: {
       open: $t(g),
       close: $t(f)
     }
-  }), { status: Ja } = Q_(V), { getReferenceProps: ja, getFloatingProps: va } = ba([
+  }), { status: Ja } = Q_(K), { getReferenceProps: ja, getFloatingProps: va } = ba([
     qe,
     Va,
     Ka,
@@ -1272,13 +1273,13 @@ const Co = (t) => {
       eo,
       k({
         ref: Ke,
-        context: V,
+        context: K,
         strokeWidth: 1,
         width: 10,
         height: 5,
         style: k({}, yo(
           T,
-          O,
+          L,
           Ye,
           ue
         ))
@@ -1563,7 +1564,7 @@ const Fr = 8, Rr = "guide-tooltip", Mr = (t, a) => new Bo(t, a), Yc = (t) => {
     className: P[`${Vt}__heading__description`]
   },
   a
-)), /* @__PURE__ */ e.createElement("div", { className: P[`${Vt}__content`] }, /* @__PURE__ */ e.createElement(x, { as: "div" }, r))), Y = {
+)), /* @__PURE__ */ e.createElement("div", { className: P[`${Vt}__content`] }, /* @__PURE__ */ e.createElement(x, { as: "div" }, r))), q = {
   "action-bar": "lc-ActionBar-module__action-bar___TJitF",
   "action-bar__items": "lc-ActionBar-module__action-bar__items___uhoQA",
   "action-bar__items--scroll": "lc-ActionBar-module__action-bar__items--scroll___f--dN",
@@ -1594,9 +1595,9 @@ const Fr = 8, Rr = "guide-tooltip", Mr = (t, a) => new Bo(t, a), Yc = (t) => {
   isActive: a,
   vertical: r
 }) => {
-  const _ = u(Y[St], {
-    [Y[`${St}--active`]]: a,
-    [Y[`${St}--vertical`]]: r
+  const _ = u(q[St], {
+    [q[`${St}--active`]]: a,
+    [q[`${St}--vertical`]]: r
   }), o = /* @__PURE__ */ e.createElement(
     W,
     {
@@ -1606,9 +1607,9 @@ const Fr = 8, Rr = "guide-tooltip", Mr = (t, a) => new Bo(t, a), Yc = (t) => {
       kind: "plain",
       onClick: t.onClick,
       icon: t.element,
-      className: u(Y[`${St}__button`], {
-        [Y[`${St}__button--with-vertical-divider`]]: r && t.withDivider,
-        [Y[`${St}__button--with-divider`]]: !r && t.withDivider
+      className: u(q[`${St}__button`], {
+        [q[`${St}__button--with-vertical-divider`]]: r && t.withDivider,
+        [q[`${St}__button--with-divider`]]: !r && t.withDivider
       })
     }
   );
@@ -1624,7 +1625,7 @@ const Fr = 8, Rr = "guide-tooltip", Mr = (t, a) => new Bo(t, a), Yc = (t) => {
       {
         kind: "invert",
         placement: r ? "left" : "bottom",
-        triggerClassName: Y[`${m_}__tooltip`],
+        triggerClassName: q[`${m_}__tooltip`],
         triggerRenderer: () => o,
         floatingStrategy: "fixed",
         useClickHookProps: {
@@ -1648,26 +1649,26 @@ const Fr = 8, Rr = "guide-tooltip", Mr = (t, a) => new Bo(t, a), Yc = (t) => {
   const [c, s] = e.useState(
     _.length
   ), [i, d] = e.useState([]), [p, m] = e.useState(!1), g = r === "scroll", f = u(
-    Y[wa],
+    q[wa],
     t,
-    l && Y[`${wa}--vertical`]
-  ), E = !g && i.length !== 0;
+    l && q[`${wa}--vertical`]
+  ), y = !g && i.length !== 0;
   e.useEffect(() => {
     g || (_.length > c ? d(_.slice(c, _.length)) : d([]));
   }, [_, c]), e.useEffect(() => {
-    const y = !!window.ResizeObserver;
-    if (!g && y) {
+    const E = !!window.ResizeObserver;
+    if (!g && E) {
       const w = new ResizeObserver((C) => {
-        const { width: $, height: h } = C[0].contentRect, N = l ? h : $, I = i.length > 0 ? 60 : 0, L = Math.floor(
+        const { width: $, height: h } = C[0].contentRect, N = l ? h : $, I = i.length > 0 ? 60 : 0, O = Math.floor(
           (N - I) / To
         );
-        L >= 0 && L !== c && s(L);
+        O >= 0 && O !== c && s(O);
       });
       return w.observe(document.querySelector(`#${a}`)), () => w.disconnect();
     }
   }, [i, g, c]);
-  const b = e.useCallback(() => i.reduce(
-    (y, w) => {
+  const v = e.useCallback(() => i.reduce(
+    (E, w) => {
       if (!w.hideInMenu) {
         const C = {
           key: w.key,
@@ -1675,34 +1676,34 @@ const Fr = 8, Rr = "guide-tooltip", Mr = (t, a) => new Bo(t, a), Yc = (t) => {
           withDivider: w.withDivider,
           onClick: w.onClick
         };
-        y.push(C);
+        E.push(C);
       }
-      return y;
+      return E;
     },
     []
-  ), [i]), v = i.find((y) => y.key === o);
+  ), [i]), b = i.find((E) => E.key === o);
   return /* @__PURE__ */ e.createElement("div", { id: a, className: f }, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: u(Y[`${wa}__items`], {
-        [Y[`${wa}__items--scroll`]]: g
+      className: u(q[`${wa}__items`], {
+        [q[`${wa}__items--scroll`]]: g
       })
     },
-    _.slice(0, c).map((y) => /* @__PURE__ */ e.createElement(
+    _.slice(0, c).map((E) => /* @__PURE__ */ e.createElement(
       Io,
       {
-        option: y,
-        isActive: y.key === o,
+        option: E,
+        isActive: E.key === o,
         vertical: l
       }
     ))
-  ), E && /* @__PURE__ */ e.createElement(
+  ), y && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
-        Y[Xe],
-        v && Y[`${Xe}--active`],
-        l && Y[`${Xe}--vertical`]
+        q[Xe],
+        b && q[`${Xe}--active`],
+        l && q[`${Xe}--vertical`]
       )
     },
     /* @__PURE__ */ e.createElement(
@@ -1713,16 +1714,16 @@ const Fr = 8, Rr = "guide-tooltip", Mr = (t, a) => new Bo(t, a), Yc = (t) => {
         onClose: () => m(!1),
         floatingStrategy: "fixed",
         placement: l ? "left-start" : "bottom-end",
-        options: b(),
+        options: v(),
         triggerClassName: u(
-          l && Y[`${Xe}__trigger-vertical`]
+          l && q[`${Xe}__trigger-vertical`]
         ),
         triggerRenderer: /* @__PURE__ */ e.createElement(
           W,
           {
             className: u(
-              Y[`${Xe}__button`],
-              v && Y[`${Xe}__button--active`]
+              q[`${Xe}__button`],
+              b && q[`${Xe}__button--active`]
             ),
             kind: "plain",
             icon: /* @__PURE__ */ e.createElement(
@@ -1731,21 +1732,21 @@ const Fr = 8, Rr = "guide-tooltip", Mr = (t, a) => new Bo(t, a), Yc = (t) => {
                 source: Ot,
                 kind: "primary",
                 className: u(
-                  Y[`${Xe}__button__icon`],
-                  p && Y[`${Xe}__button__icon--open`]
+                  q[`${Xe}__button__icon`],
+                  p && q[`${Xe}__button__icon--open`]
                 )
               }
             ),
             iconPosition: "right"
           },
-          v && /* @__PURE__ */ e.createElement(
+          b && /* @__PURE__ */ e.createElement(
             "div",
             {
               className: u(
-                Y[`${Xe}__button__with-item`]
+                q[`${Xe}__button__with-item`]
               )
             },
-            v.element
+            b.element
           )
         ),
         footer: n
@@ -2077,10 +2078,10 @@ const Uo = "side-navigation-item-test-id", Ho = "side-navigation-active-item-tes
     "onItemHover",
     "isIconHidden"
   ]);
-  const f = typeof _ == "string", E = (v) => {
-    v.preventDefault(), n == null || n();
-  }, b = (v) => {
-    v.key === "Enter" && (v.preventDefault(), n == null || n());
+  const f = typeof _ == "string", y = (b) => {
+    b.preventDefault(), n == null || n();
+  }, v = (b) => {
+    b.key === "Enter" && (b.preventDefault(), n == null || n());
   };
   return /* @__PURE__ */ e.createElement(
     "li",
@@ -2099,8 +2100,8 @@ const Uo = "side-navigation-item-test-id", Ho = "side-navigation-active-item-tes
           [Te[`${De}__anchor--icon-hidden`]]: d
         }),
         href: r,
-        onClick: E,
-        onKeyDown: b,
+        onClick: y,
+        onKeyDown: v,
         onMouseEnter: i || Ra,
         onFocus: i || Ra
       },
@@ -2154,18 +2155,18 @@ const Uo = "side-navigation-item-test-id", Ho = "side-navigation-active-item-tes
   shouldOpenOnInit: n = !1,
   shouldOpenOnActive: c = !1
 }) => {
-  const [s, i] = e.useState(!1), [d, p] = e.useState(0), m = e.useRef(!1), g = e.useRef(null), { isOpen: f, isMounted: E, setIsOpen: b } = wr({
+  const [s, i] = e.useState(!1), [d, p] = e.useState(0), m = e.useRef(!1), g = e.useRef(null), { isOpen: f, isMounted: y, setIsOpen: v } = wr({
     isVisible: !o || n,
     elementRef: g
-  }), v = typeof a == "function" ? a(f) : a, y = typeof t == "function" ? t(f) : t, w = () => b(!0), C = () => {
-    o && b((h) => !h);
+  }), b = typeof a == "function" ? a(f) : a, E = typeof t == "function" ? t(f) : t, w = () => v(!0), C = () => {
+    o && v((h) => !h);
   }, $ = (h) => {
     const N = h == null ? void 0 : h.getElementsByTagName("li"), I = N != null && N.length ? [...N].some(
       (G) => G.getAttribute("data-active") === "true"
     ) : !1;
     i(I);
-    const L = ((N == null ? void 0 : N.length) || 0) * Vo;
-    p(L);
+    const O = ((N == null ? void 0 : N.length) || 0) * Vo;
+    p(O);
   };
   return e.useEffect(() => {
     c && (!m.current && s && w(), m.current = s);
@@ -2181,11 +2182,11 @@ const Uo = "side-navigation-item-test-id", Ho = "side-navigation-active-item-tes
         },
         /* @__PURE__ */ e.createElement(S, { source: Oa, size: "small" })
       ),
-      label: /* @__PURE__ */ e.createElement(x, { className: lt[`${nt}__label`], bold: !0 }, y),
+      label: /* @__PURE__ */ e.createElement(x, { className: lt[`${nt}__label`], bold: !0 }, E),
       isMainEntry: !0,
       onClick: C,
       onItemHover: l,
-      rightNode: v
+      rightNode: b
     }
   ) : /* @__PURE__ */ e.createElement(
     x,
@@ -2194,7 +2195,7 @@ const Uo = "side-navigation-item-test-id", Ho = "side-navigation-active-item-tes
       className: lt[`${nt}__simple-label`],
       onMouseEnter: l || Ra
     },
-    y
+    E
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -2207,7 +2208,7 @@ const Uo = "side-navigation-item-test-id", Ho = "side-navigation-active-item-tes
       ]),
       style: { maxHeight: f ? d : 0 }
     },
-    E && /* @__PURE__ */ e.createElement(
+    y && /* @__PURE__ */ e.createElement(
       "ul",
       {
         className: u(lt[`${nt}__list`], r),
@@ -2410,21 +2411,12 @@ const Yo = "lc-Badge-module__badge___GhLnu", qo = "lc-Badge-module__badge__dot__
     elementRef: c
   }), d = window.matchMedia("(max-width: 768px)").matches, p = a === "warning" ? "link-inverted" : "text", m = a === "warning" ? "secondary" : "high-contrast", g = o || l ? /* @__PURE__ */ e.createElement("div", { className: Ve[`${ct}__cta-wrapper`] }, o && /* @__PURE__ */ e.createElement(
     W,
-    {
+    k({
       size: "compact",
-      onClick: o.onClick,
       kind: d ? p : m
-    },
+    }, o),
     o.label
-  ), l && /* @__PURE__ */ e.createElement(
-    W,
-    {
-      size: "compact",
-      onClick: l.onClick,
-      kind: p
-    },
-    l.label
-  )) : null, f = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Ve[`${ct}__children-wrapper`] }, _, g), r && /* @__PURE__ */ e.createElement(
+  ), l && /* @__PURE__ */ e.createElement(W, k({ size: "compact", kind: p }, l), l.label)) : null, f = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Ve[`${ct}__children-wrapper`] }, _, g), r && /* @__PURE__ */ e.createElement(
     "button",
     k({
       className: Ve[`${ct}__close-button`]
@@ -2434,9 +2426,14 @@ const Yo = "lc-Badge-module__badge___GhLnu", qo = "lc-Badge-module__badge__dot__
   return /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: u(Ve[`${ct}__wrapper`], {
-        [Ve[`${ct}__wrapper--open`]]: i
-      }),
+      className: u(
+        Ve[`${ct}__wrapper`],
+        {
+          [Ve[`${ct}__wrapper--open`]]: i
+        },
+        "lc-dark-theme"
+        // Alerts are forced into dark mode to maintain consistency of the colors
+      ),
       ref: c,
       role: "status"
     },
@@ -2445,12 +2442,12 @@ const Yo = "lc-Badge-module__badge___GhLnu", qo = "lc-Badge-module__badge__dot__
       {
         "data-testid": "navigation-top-bar-alert",
         className: u(
-          t,
           Ve[ct],
           Ve[`${ct}--${a}`],
           {
             [Ve[`${ct}--open`]]: i
-          }
+          },
+          t
         )
       },
       f
@@ -2560,12 +2557,12 @@ const _l = "lc-Avatar-module__avatar___1zTCE", ol = "lc-Avatar-module__avatar__s
     "type",
     "withRim"
   ]);
-  const g = s === "image" && !l, [f, E] = e.useState(g), b = s === "image" && !!l && !f, v = s === "text", y = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, w = al(c, y), C = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), $ = r || tl(c), h = $ ? rl($) : void 0, N = v ? { backgroundColor: $ } : {}, I = u(k({
+  const g = s === "image" && !l, [f, y] = e.useState(g), v = s === "image" && !!l && !f, b = s === "text", E = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, w = al(c, E), C = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), $ = r || tl(c), h = $ ? rl($) : void 0, N = b ? { backgroundColor: $ } : {}, I = u(k({
     [ke[re]]: !0,
     [ke[`${re}--${_}`]]: !0,
     [ke[`${re}--${o}`]]: !0,
     [ke[`${re}--with-rim`]]: i
-  }, a ? { [`${a}`]: a } : {})), L = u(
+  }, a ? { [`${a}`]: a } : {})), O = u(
     ke[`${re}__status`],
     ke[`${re}__status--${_}`],
     ke[`${re}__status--${o}`],
@@ -2576,9 +2573,9 @@ const _l = "lc-Avatar-module__avatar___1zTCE", ol = "lc-Avatar-module__avatar__s
   ), T = u(
     ke[`${re}__rim`],
     ke[`${re}__rim--${o}`]
-  ), O = (U) => C ? "2xs" : ["medium"].includes(U) ? "xs" : ["large", "xlarge"].includes(U) ? "sm" : ["xxlarge"].includes(U) ? "lg" : "xl", R = e.useCallback(() => E(!0), []);
+  ), L = (M) => C ? "2xs" : ["medium"].includes(M) ? "xs" : ["large", "xlarge"].includes(M) ? "sm" : ["xxlarge"].includes(M) ? "lg" : "xl", V = e.useCallback(() => y(!0), []);
   return e.useEffect(() => {
-    E(g);
+    y(g);
   }, [g]), /* @__PURE__ */ e.createElement("div", k({ className: I, style: N }, d), i && /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -2589,21 +2586,21 @@ const _l = "lc-Avatar-module__avatar___1zTCE", ol = "lc-Avatar-module__avatar__s
     "div",
     {
       "data-testid": `${re}__status`,
-      className: L
+      className: O
     }
-  ), b && /* @__PURE__ */ e.createElement(
+  ), v && /* @__PURE__ */ e.createElement(
     "img",
     {
       className: ke[`${re}__image`],
       src: l,
       alt: t,
-      onError: R
+      onError: V
     }
-  ), v && /* @__PURE__ */ e.createElement(
+  ), b && /* @__PURE__ */ e.createElement(
     _e,
     {
       as: "span",
-      size: O(o),
+      size: L(o),
       style: { color: h },
       bold: C,
       uppercase: C
@@ -2639,18 +2636,18 @@ const _l = "lc-Avatar-module__avatar___1zTCE", ol = "lc-Avatar-module__avatar__s
   }, [o]);
   const p = (g, f) => {
     d || i(g), n(g, f);
-  }, m = a.map(({ id: g, label: f, loading: E, disabled: b, icon: v }) => {
-    const y = g === s, w = y ? Sa["btn--active"] : "", C = y ? !1 : E;
+  }, m = a.map(({ id: g, label: f, loading: y, disabled: v, icon: b }) => {
+    const E = g === s, w = E ? Sa["btn--active"] : "", C = E ? !1 : y;
     return /* @__PURE__ */ e.createElement(
       W,
       {
         key: g,
         fullWidth: l,
         loading: C,
-        disabled: b,
-        "aria-pressed": y,
+        disabled: v,
+        "aria-pressed": E,
         kind: "secondary",
-        icon: v,
+        icon: b,
         className: u(Sa.btn, Sa[`btn--${t}`], w),
         onClick: ($) => {
           p(g, $);
@@ -2694,8 +2691,8 @@ const _l = "lc-Avatar-module__avatar___1zTCE", ol = "lc-Avatar-module__avatar__s
     "src",
     "title"
   ]);
-  const [p, m] = e.useState(!1), g = p ? Ga : Ot, f = p ? "Hide" : "Show more", E = (a == null ? void 0 : a.length) > 0, b = !!l, v = E || b, y = c, w = n, C = w ? "" : Ee[El];
-  return /* @__PURE__ */ e.createElement("div", k({ className: u(Ee[na], _) }, s), y && /* @__PURE__ */ e.createElement("div", { className: u(Ee[La], C) }, w && /* @__PURE__ */ e.createElement(
+  const [p, m] = e.useState(!1), g = p ? Ga : Ot, f = p ? "Hide" : "Show more", y = (a == null ? void 0 : a.length) > 0, v = !!l, b = y || v, E = c, w = n, C = w ? "" : Ee[El];
+  return /* @__PURE__ */ e.createElement("div", k({ className: u(Ee[na], _) }, s), E && /* @__PURE__ */ e.createElement("div", { className: u(Ee[La], C) }, w && /* @__PURE__ */ e.createElement(
     "img",
     {
       alt: t,
@@ -2717,7 +2714,7 @@ const _l = "lc-Avatar-module__avatar___1zTCE", ol = "lc-Avatar-module__avatar__s
       className: Ee[`${na}__expanded-content`]
     },
     l
-  ), v && /* @__PURE__ */ e.createElement("div", { className: Ee[xa] }, /* @__PURE__ */ e.createElement("div", { className: Ee[`${xa}__line`] }), /* @__PURE__ */ e.createElement("div", { className: Ee[`${xa}__buttons`] }, E && a.map(
+  ), b && /* @__PURE__ */ e.createElement("div", { className: Ee[xa] }, /* @__PURE__ */ e.createElement("div", { className: Ee[`${xa}__line`] }), /* @__PURE__ */ e.createElement("div", { className: Ee[`${xa}__buttons`] }, y && a.map(
     ({ kind: $, onClick: h, children: N }, I) => /* @__PURE__ */ e.createElement(
       W,
       {
@@ -2728,7 +2725,7 @@ const _l = "lc-Avatar-module__avatar___1zTCE", ol = "lc-Avatar-module__avatar__s
       },
       N
     )
-  ), b && /* @__PURE__ */ e.createElement(
+  ), v && /* @__PURE__ */ e.createElement(
     W,
     {
       className: Ee[`${xa}__buttons-expander`],
@@ -2839,24 +2836,24 @@ const _l = "lc-Avatar-module__avatar___1zTCE", ol = "lc-Avatar-module__avatar__s
     typeof _ == "function" && _();
   }, f = () => {
     if (!d) {
-      const y = Rt(i, 12);
-      return r(y);
+      const E = Rt(i, 12);
+      return r(E);
     }
-    const b = Math.abs(Br(i, d)), v = Rt(
+    const v = Math.abs(Br(i, d)), b = Rt(
       i,
-      !Number.isNaN(b) && b > 12 ? 12 : b
+      !Number.isNaN(v) && v > 12 ? 12 : v
     );
-    return r(v);
-  }, E = () => {
+    return r(b);
+  }, y = () => {
     if (!p) {
-      const y = Ir(i, 12);
-      return r(y);
+      const E = Ir(i, 12);
+      return r(E);
     }
-    const b = Math.abs(Br(p, i)), v = Ir(
+    const v = Math.abs(Br(p, i)), b = Ir(
       i,
-      !Number.isNaN(b) && b > 12 ? 12 : b
+      !Number.isNaN(v) && v > 12 ? 12 : v
     );
-    return s === 2 && pr(v, p) ? r(Rt(v, 1)) : r(v);
+    return s === 2 && pr(b, p) ? r(Rt(b, 1)) : r(b);
   };
   return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement("div", { className: F[`${Ur}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
@@ -2899,27 +2896,27 @@ const _l = "lc-Avatar-module__avatar___1zTCE", ol = "lc-Avatar-module__avatar__s
         [c.navButtonNext]: !0,
         [c.navButtonInteractionDisabled]: !o
       }),
-      onClick: E
+      onClick: y
     },
     /* @__PURE__ */ e.createElement(S, { source: P_, kind: "subtle" })
   )));
-}, M = "date-picker", f_ = (t, a) => {
+}, R = "date-picker", f_ = (t, a) => {
   const { from: r, to: _ } = a;
   return !(_ && !gr(t, _) && fr(t, _) || r && !gr(t, r) && !fr(t, r));
 }, b_ = (t, a, r) => a ? t && !pr(t, a) || r && pr(a, r) ? Rt(a, 1) : a : Rt(r || /* @__PURE__ */ new Date(), 1), Al = (t, a) => {
   const r = {
-    [F[`${M}__day--monday`]]: { daysOfWeek: [1] },
-    [F[`${M}__day--sunday`]]: { daysOfWeek: [0] },
-    [F[`${M}__day--start`]]: t,
-    [F[`${M}__day--end`]]: t
+    [F[`${R}__day--monday`]]: { daysOfWeek: [1] },
+    [F[`${R}__day--sunday`]]: { daysOfWeek: [0] },
+    [F[`${R}__day--start`]]: t,
+    [F[`${R}__day--end`]]: t
   };
   if (!a || !t)
     return r;
   const _ = n_(a, t);
   return _ > 0 ? B(k({}, r), {
-    [F[`${M}__day--end`]]: a
+    [F[`${R}__day--end`]]: a
   }) : _ < 0 ? B(k({}, r), {
-    [F[`${M}__day--start`]]: a
+    [F[`${R}__day--start`]]: a
   }) : r;
 }, oa = (t, a) => {
   const r = a.find((_) => _.id === t);
@@ -2935,44 +2932,44 @@ const _l = "lc-Avatar-module__avatar___1zTCE", ol = "lc-Avatar-module__avatar__s
   return r ? (a.selectedItem = t.initialSelectedItemKey, r.isManual && (t.initialFromDate && (a.from = t.initialFromDate), t.initialToDate && (a.to = t.initialToDate, a.temporaryTo = t.initialToDate)), a) : {};
 }, Fl = (t, a) => k({
   container: u({
-    [F[`${M}`]]: !0,
-    [F[`${M}--range`]]: t
+    [F[`${R}`]]: !0,
+    [F[`${R}--range`]]: t
   }),
-  wrapper: F[`${M}__wrapper`],
-  interactionDisabled: F[`${M}--interaction-disabled`],
-  months: F[`${M}__months`],
-  month: F[`${M}__month`],
-  navBar: F[`${M}__nav-bar`],
+  wrapper: F[`${R}__wrapper`],
+  interactionDisabled: F[`${R}--interaction-disabled`],
+  months: F[`${R}__months`],
+  month: F[`${R}__month`],
+  navBar: F[`${R}__nav-bar`],
   navButtonPrev: u(
-    F[`${M}__nav-button`],
-    F[`${M}__nav-button--prev`]
+    F[`${R}__nav-button`],
+    F[`${R}__nav-button--prev`]
   ),
   navButtonNext: u(
-    F[`${M}__nav-button`],
-    F[`${M}__nav-button--next`]
+    F[`${R}__nav-button`],
+    F[`${R}__nav-button--next`]
   ),
-  navButtonInteractionDisabled: F[`${M}__nav-button--interaction-disabled`],
-  caption: F[`${M}__caption`],
-  weekdays: F[`${M}__weekdays`],
-  weekdaysRow: F[`${M}__weekdays-row`],
-  weekday: F[`${M}__weekday`],
-  body: F[`${M}__body`],
-  week: F[`${M}__week`],
-  weekNumber: F[`${M}__week-number`],
-  day: F[`${M}__day`],
-  footer: F[`${M}__footer`],
-  todayButton: F[`${M}__today-button`],
-  today: F[`${M}__day--today`],
-  selected: F[`${M}__day--selected`],
-  disabled: F[`${M}__day--disabled`],
-  outside: F[`${M}__day--outside`],
-  start: F[`${M}__day--start`],
-  end: F[`${M}__day--end`]
+  navButtonInteractionDisabled: F[`${R}__nav-button--interaction-disabled`],
+  caption: F[`${R}__caption`],
+  weekdays: F[`${R}__weekdays`],
+  weekdaysRow: F[`${R}__weekdays-row`],
+  weekday: F[`${R}__weekday`],
+  body: F[`${R}__body`],
+  week: F[`${R}__week`],
+  weekNumber: F[`${R}__week-number`],
+  day: F[`${R}__day`],
+  footer: F[`${R}__footer`],
+  todayButton: F[`${R}__today-button`],
+  today: F[`${R}__day--today`],
+  selected: F[`${R}__day--selected`],
+  disabled: F[`${R}__day--disabled`],
+  outside: F[`${R}__day--outside`],
+  start: F[`${R}__day--start`],
+  end: F[`${R}__day--end`]
 }, a), zr = "date-picker", Rl = (t) => {
   const a = t.getDate();
   return /* @__PURE__ */ e.createElement("div", { className: F[`${zr}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: F[`${zr}__day-content`] }, a));
 }, Ml = (t) => {
-  const v = t, {
+  const b = t, {
     classNames: a,
     range: r,
     toMonth: _,
@@ -2983,7 +2980,7 @@ const _l = "lc-Avatar-module__avatar___1zTCE", ol = "lc-Avatar-module__avatar__s
     navbarElement: s,
     renderDay: i,
     innerRef: d
-  } = v, p = D(v, [
+  } = b, p = D(b, [
     "classNames",
     "range",
     "toMonth",
@@ -3001,18 +2998,18 @@ const _l = "lc-Avatar-module__avatar___1zTCE", ol = "lc-Avatar-module__avatar__s
     _ && o !== m && (f_(m, { from: l, to: _ }) || g(_));
   }, [o, m, _, l]);
   const f = e.useCallback(
-    (y) => {
-      if (t.onMonthChange && y) {
-        t.onMonthChange(y);
+    (E) => {
+      if (t.onMonthChange && E) {
+        t.onMonthChange(E);
         return;
       }
-      g(y);
+      g(E);
     },
     [o, t.onMonthChange]
   );
-  let E = 1;
-  (n === 0 || n && n < 7) && (E = n);
-  const b = e.useMemo(
+  let y = 1;
+  (n === 0 || n && n < 7) && (y = n);
+  const v = e.useMemo(
     () => Fl(r, a),
     [r, a]
   );
@@ -3023,7 +3020,7 @@ const _l = "lc-Avatar-module__avatar___1zTCE", ol = "lc-Avatar-module__avatar__s
         Dl,
         {
           month: m,
-          classNames: b,
+          classNames: v,
           numberOfMonths: c,
           onMonthChange: f,
           toMonth: _,
@@ -3031,11 +3028,11 @@ const _l = "lc-Avatar-module__avatar___1zTCE", ol = "lc-Avatar-module__avatar__s
         }
       ),
       ref: d,
-      classNames: b,
+      classNames: v,
       numberOfMonths: c,
       toMonth: _,
       fromMonth: l,
-      firstDayOfWeek: E,
+      firstDayOfWeek: y,
       month: m,
       renderDay: i || Rl
     }, p)
@@ -3044,7 +3041,7 @@ const _l = "lc-Avatar-module__avatar___1zTCE", ol = "lc-Avatar-module__avatar__s
   (t, a) => /* @__PURE__ */ e.createElement(Ml, k({ innerRef: a }, t))
 );
 Ll.displayName = "DatePicker";
-var q = /* @__PURE__ */ ((t) => (t.NEW_SELECTED_ITEM = "NEW_SELECTED_ITEM", t.NEW_TEMPORARY_TO_VALUE = "NEW_TEMPORARY_TO_VALUE", t.CLEAR = "CLEAR", t.SET_FROM = "SET_FROM", t.SET_TO = "SET_TO", t.SELECT_FIRST_DAY = "SELECT_FIRST_DAY", t.SELECT_SECOND_DAY_AS_FROM = "SELECT_SECOND_DAY_AS_FROM", t.SELECT_SECOND_DAY_AS_TO = "SELECT_SECOND_DAY_AS_TO", t.CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE", t))(q || {});
+var Z = /* @__PURE__ */ ((t) => (t.NEW_SELECTED_ITEM = "NEW_SELECTED_ITEM", t.NEW_TEMPORARY_TO_VALUE = "NEW_TEMPORARY_TO_VALUE", t.CLEAR = "CLEAR", t.SET_FROM = "SET_FROM", t.SET_TO = "SET_TO", t.SELECT_FIRST_DAY = "SELECT_FIRST_DAY", t.SELECT_SECOND_DAY_AS_FROM = "SELECT_SECOND_DAY_AS_FROM", t.SELECT_SECOND_DAY_AS_TO = "SELECT_SECOND_DAY_AS_TO", t.CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE", t))(Z || {});
 const Ol = (t) => {
   const a = b_(
     t.initialFromDate,
@@ -3059,7 +3056,7 @@ const Ol = (t) => {
   }), Pl(t));
   function o(l, n) {
     switch (n.type) {
-      case q.NEW_SELECTED_ITEM:
+      case Z.NEW_SELECTED_ITEM:
         return {
           selectedItem: n.payload.selectedItem,
           from: void 0,
@@ -3067,36 +3064,36 @@ const Ol = (t) => {
           temporaryTo: void 0,
           currentMonth: a
         };
-      case q.NEW_TEMPORARY_TO_VALUE:
+      case Z.NEW_TEMPORARY_TO_VALUE:
         return B(k({}, l), {
           temporaryTo: n.payload.date
         });
-      case q.SELECT_FIRST_DAY:
+      case Z.SELECT_FIRST_DAY:
         return B(k({}, l), {
           from: n.payload.date,
           to: void 0,
           temporaryTo: void 0
         });
-      case q.SELECT_SECOND_DAY_AS_FROM:
+      case Z.SELECT_SECOND_DAY_AS_FROM:
         return B(k({}, l), {
           from: n.payload.date,
           to: l.from,
           temporaryTo: l.from
         });
-      case q.SELECT_SECOND_DAY_AS_TO:
+      case Z.SELECT_SECOND_DAY_AS_TO:
         return B(k({}, l), {
           to: n.payload.date,
           temporaryTo: n.payload.date
         });
-      case q.CURRENT_MONTH_CHANGE:
+      case Z.CURRENT_MONTH_CHANGE:
         return B(k({}, l), {
           currentMonth: n.payload.date
         });
-      case q.SET_FROM:
+      case Z.SET_FROM:
         return B(k({}, l), {
           from: n.payload.date
         });
-      case q.SET_TO:
+      case Z.SET_TO:
         return B(k({}, l), {
           to: n.payload.date
         });
@@ -3127,113 +3124,113 @@ const Ol = (t) => {
   });
   At(() => {
     i({
-      type: q.SET_FROM,
+      type: Z.SET_FROM,
       payload: { date: r }
     });
   }, [r]), At(() => {
     i({
-      type: q.SET_TO,
+      type: Z.SET_TO,
       payload: { date: _ }
     });
   }, [_]), At(() => {
-    const E = b_(
+    const y = b_(
       r,
       _,
       o
     );
     i({
-      type: q.CURRENT_MONTH_CHANGE,
-      payload: { date: E }
+      type: Z.CURRENT_MONTH_CHANGE,
+      payload: { date: y }
     });
   }, [o, r, _]), At(() => {
-    const { from: E, selectedItem: b, to: v } = s;
-    if (!(E && v))
+    const { from: y, selectedItem: v, to: b } = s;
+    if (!(y && b))
       return;
-    const y = oa(b, t);
-    y && (l == null || l(B(k({}, y), {
+    const E = oa(v, t);
+    E && (l == null || l(B(k({}, E), {
       value: {
-        from: E,
-        to: v
+        from: y,
+        to: b
       }
     })));
   }, [s.from, s.to, s.selectedItem, t, l]), At(() => {
-    const { selectedItem: E } = s;
-    if (E === c.current)
+    const { selectedItem: y } = s;
+    if (y === c.current)
       return;
-    if (!E) {
+    if (!y) {
       l(null);
       return;
     }
-    if (!oa(E, t))
+    if (!oa(y, t))
       return;
-    const v = t.reduce(
-      (y, w) => B(k({}, y), { [w.id]: w }),
+    const b = t.reduce(
+      (E, w) => B(k({}, E), { [w.id]: w }),
       {}
     );
-    l(v[E]);
+    l(b[y]);
   }, [l, s.selectedItem, t]);
   const d = Ea(
-    (E) => {
-      const b = o ? n_(o, E) >= 0 : !0;
-      !Hr(s.from, s.to) && b && i({
-        type: q.NEW_TEMPORARY_TO_VALUE,
-        payload: { date: E }
+    (y) => {
+      const v = o ? n_(o, y) >= 0 : !0;
+      !Hr(s.from, s.to) && v && i({
+        type: Z.NEW_TEMPORARY_TO_VALUE,
+        payload: { date: y }
       });
     },
     [o, s.from, s.to]
   ), p = Ea(
-    (E) => {
-      const { from: b, to: v } = s;
-      f_(E, { to: o }) && (Hr(b, v) ? i({
-        type: q.SELECT_FIRST_DAY,
-        payload: { date: E }
-      }) : b && gr(E, b) || b && fr(E, b) ? i({
-        type: q.SELECT_SECOND_DAY_AS_TO,
-        payload: { date: E }
+    (y) => {
+      const { from: v, to: b } = s;
+      f_(y, { to: o }) && (Hr(v, b) ? i({
+        type: Z.SELECT_FIRST_DAY,
+        payload: { date: y }
+      }) : v && gr(y, v) || v && fr(y, v) ? i({
+        type: Z.SELECT_SECOND_DAY_AS_TO,
+        payload: { date: y }
       }) : i({
-        type: q.SELECT_SECOND_DAY_AS_FROM,
-        payload: { date: E }
+        type: Z.SELECT_SECOND_DAY_AS_FROM,
+        payload: { date: y }
       }));
     },
     [o, s.from, s.to]
   ), m = Ea(
-    (E) => {
-      if (E === null) {
+    (y) => {
+      if (y === null) {
         i({
-          type: q.NEW_SELECTED_ITEM,
+          type: Z.NEW_SELECTED_ITEM,
           payload: { selectedItem: null }
         });
         return;
       }
-      oa(E, t) && i({
-        type: q.NEW_SELECTED_ITEM,
-        payload: { selectedItem: E }
+      oa(y, t) && i({
+        type: Z.NEW_SELECTED_ITEM,
+        payload: { selectedItem: y }
       });
     },
     [t]
-  ), g = Ea((E) => {
+  ), g = Ea((y) => {
     i({
-      type: q.CURRENT_MONTH_CHANGE,
-      payload: { date: E }
+      type: Z.CURRENT_MONTH_CHANGE,
+      payload: { date: y }
     });
   }, []);
   return n((() => {
-    const { currentMonth: E, from: b, selectedItem: v, temporaryTo: y, to: w } = s, C = ya(
-      () => Al(b, y),
-      [b, y]
-    ), $ = ya(() => oa(v, t), [t, v]), h = ya(() => [b, { from: b, to: y }], [b, y]), N = ya(() => o ? { after: o } : void 0, [o]);
+    const { currentMonth: y, from: v, selectedItem: b, temporaryTo: E, to: w } = s, C = ya(
+      () => Al(v, E),
+      [v, E]
+    ), $ = ya(() => oa(b, t), [t, b]), h = ya(() => [v, { from: v, to: E }], [v, E]), N = ya(() => o ? { after: o } : void 0, [o]);
     return {
       select: {
         onItemSelect: m,
-        selected: v || ""
+        selected: b || ""
       },
       inputs: {
-        fromDate: b,
+        fromDate: v,
         toDate: w
       },
       datepicker: {
         range: !0,
-        month: E,
+        month: y,
         numberOfMonths: 2,
         onDayClick: p,
         selectedDays: h,
@@ -3300,11 +3297,11 @@ const li = (t) => {
   hideLabelOnOpen: s,
   onClick: i
 }) => {
-  const [d, p] = e.useState(c), [m, g] = e.useState(0), f = e.useRef(null), E = u(
+  const [d, p] = e.useState(c), [m, g] = e.useState(0), f = e.useRef(null), y = u(
     H[z],
     l && H[`${z}--with-divider`],
     a
-  ), b = s && d, v = typeof o == "string", y = (C) => {
+  ), v = s && d, b = typeof o == "string", E = (C) => {
     p(($) => !$), C.currentTarget.blur(), i == null || i(C);
   }, w = (C) => {
     const h = C.target.tagName.toLowerCase();
@@ -3318,17 +3315,17 @@ const li = (t) => {
       });
       return $.observe(f.current), () => $.disconnect();
     }
-  }, [f]), /* @__PURE__ */ e.createElement("div", { className: E }, /* @__PURE__ */ e.createElement(
+  }, [f]), /* @__PURE__ */ e.createElement("div", { className: y }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
         H[`${z}__label-wrapper`],
         s && H[`${z}__label-wrapper--fading`],
-        b && H[`${z}__label-wrapper--hide`],
+        v && H[`${z}__label-wrapper--hide`],
         d && H[`${z}__label-wrapper--open`]
       ),
       "aria-expanded": d,
-      "aria-hidden": b,
+      "aria-hidden": v,
       "data-testid": "details-card-label",
       onClick: w
     },
@@ -3341,7 +3338,7 @@ const li = (t) => {
         )
       },
       r && /* @__PURE__ */ e.createElement("div", { className: H[`${z}__label__left-node`] }, r),
-      v ? /* @__PURE__ */ e.createElement(
+      b ? /* @__PURE__ */ e.createElement(
         _e,
         {
           size: "xs",
@@ -3371,7 +3368,7 @@ const li = (t) => {
         d && H[`${z}__button--open`],
         s && H[`${z}__button--fading`]
       ),
-      onClick: y,
+      onClick: E,
       "aria-expanded": d
     }
   ), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
@@ -3471,7 +3468,7 @@ const li = (t) => {
     "formFooter"
   ]);
   return /* @__PURE__ */ e.createElement("form", k({ className: u(Kt[Yt], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: Kt[`${Yt}__header`] }, r && /* @__PURE__ */ e.createElement(_e, { size: "sm", className: Kt[`${Yt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(x, { as: "p", size: "sm", className: Kt[`${Yt}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: Kt[`${Yt}__footer`] }, o));
-}, Z = {
+}, X = {
   "form-field": "lc-FormField-module__form-field___JqnX6",
   "form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
   "form-field__wrapper--inline": "lc-FormField-module__form-field__wrapper--inline___Ubvrn",
@@ -3488,7 +3485,7 @@ const li = (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"
-}, X = "form-field", di = ({
+}, J = "form-field", di = ({
   inline: t,
   error: a,
   description: r,
@@ -3500,9 +3497,9 @@ const li = (t) => {
   labelRightNode: s
 }) => {
   const i = e.useRef(null), [d, p] = e.useState("auto"), m = u(
-    Z[X],
+    X[J],
     {
-      [Z[`${X}--inline`]]: t
+      [X[`${J}--inline`]]: t
     },
     l
   );
@@ -3515,34 +3512,34 @@ const li = (t) => {
       as: "div",
       size: "sm",
       className: u(
-        Z[`${X}__label-right-node`],
-        Z[`${X}__label-right-node--inline`]
+        X[`${J}__label-right-node`],
+        X[`${J}__label-right-node--inline`]
       )
     },
     s
-  ), /* @__PURE__ */ e.createElement("div", { className: Z[`${X}__row-break`] })), /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: X[`${J}__row-break`] })), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
-        Z[`${X}__wrapper`],
-        t && Z[`${X}__wrapper--inline`]
+        X[`${J}__wrapper`],
+        t && X[`${J}__wrapper--inline`]
       )
     },
     (_ || s) && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: u(
-          Z[`${X}__label`],
-          t && Z[`${X}__label--inline`],
-          !_ && Z[`${X}__label--no-text`]
+          X[`${J}__label`],
+          t && X[`${J}__label--inline`],
+          !_ && X[`${J}__label--no-text`]
         )
       },
       _ && /* @__PURE__ */ e.createElement(
         "div",
         {
           className: u(
-            Z[`${X}__label-wrapper`],
-            t && Z[`${X}__label-wrapper--inline`]
+            X[`${J}__label-wrapper`],
+            t && X[`${J}__label-wrapper--inline`]
           ),
           style: {
             height: d
@@ -3551,7 +3548,7 @@ const li = (t) => {
         /* @__PURE__ */ e.createElement(
           "label",
           {
-            className: Z[`${X}__label-left-node`],
+            className: X[`${J}__label-left-node`],
             htmlFor: n
           },
           /* @__PURE__ */ e.createElement(x, { as: "span", size: "sm" }, _)
@@ -3562,8 +3559,8 @@ const li = (t) => {
             as: "div",
             size: "sm",
             className: u(
-              Z[`${X}__label-adornment`],
-              t && Z[`${X}__label-adornment--inline`]
+              X[`${J}__label-adornment`],
+              t && X[`${J}__label-adornment--inline`]
             )
           },
           o
@@ -3574,15 +3571,15 @@ const li = (t) => {
         {
           as: "div",
           size: "sm",
-          className: u(Z[`${X}__label-right-node`])
+          className: u(X[`${J}__label-right-node`])
         },
         s
       )
     ),
-    /* @__PURE__ */ e.createElement("div", { className: u(Z[`${X}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, c), a && /* @__PURE__ */ e.createElement(Nr, null, a), !a && r && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: u(X[`${J}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, c), a && /* @__PURE__ */ e.createElement(Nr, null, a), !a && r && /* @__PURE__ */ e.createElement(
       Wa,
       {
-        className: u(Z[`${X}__content__description`])
+        className: u(X[`${J}__content__description`])
       },
       r
     ))
@@ -3666,7 +3663,7 @@ const li = (t) => {
     ]);
     const d = e.useRef(null);
     e.useImperativeHandle(c, () => d.current, []);
-    const [p, m] = e.useState(!1), [g, f] = e.useState(!1), { type: E, onFocus: b, onBlur: v } = n, y = u(
+    const [p, m] = e.useState(!1), [g, f] = e.useState(!1), { type: y, onFocus: v, onBlur: b } = n, E = u(
       o,
       Le[Oe],
       Le[`${Oe}--${t}`],
@@ -3677,7 +3674,7 @@ const li = (t) => {
         [Le[`${Oe}--crop`]]: l,
         [Le[`${Oe}--read-only`]]: n.readOnly
       }
-    ), w = r ? "var(--content-disabled)" : "var(--content-default)", C = g ? F_ : R_, $ = _ && _.place === "left", h = _ && E !== "password" && _.place === "right", N = () => {
+    ), w = r ? "var(--content-disabled)" : "var(--content-default)", C = g ? F_ : R_, $ = _ && _.place === "left", h = _ && y !== "password" && _.place === "right", N = () => {
       var I;
       (I = d.current) == null || I.focus();
     };
@@ -3685,7 +3682,7 @@ const li = (t) => {
       x,
       {
         as: "div",
-        className: y,
+        className: E,
         "aria-disabled": r,
         "tab-index": "0",
         onClick: N
@@ -3696,17 +3693,17 @@ const li = (t) => {
         B(k({}, n), {
           ref: d,
           onFocus: (I) => {
-            m(!0), b == null || b(I);
+            m(!0), v == null || v(I);
           },
           onBlur: (I) => {
-            m(!1), v == null || v(I);
+            m(!1), b == null || b(I);
           },
           disabled: r,
-          type: E && !g ? E : "text"
+          type: y && !g ? y : "text"
         })
       ),
       h && Kr(_, r),
-      E === "password" && /* @__PURE__ */ e.createElement(
+      y === "password" && /* @__PURE__ */ e.createElement(
         W,
         {
           disabled: r,
@@ -4016,12 +4013,12 @@ const li = (t) => {
       [Tt[`${Dt}--disabled`]]: l
     },
     t
-  ), f = (h) => s(String(h)), E = (h) => _ !== void 0 && h > _ ? _ : o !== void 0 && h < o ? o : h, b = (h) => {
+  ), f = (h) => s(String(h)), y = (h) => _ !== void 0 && h > _ ? _ : o !== void 0 && h < o ? o : h, v = (h) => {
     const N = parseInt(r, 10) + h;
-    return f(E(N));
-  }, v = (h) => {
-    h.key === se.arrowDown && (h.preventDefault(), b(-1)), h.key === se.arrowUp && (h.preventDefault(), b(1));
-  }, y = (h, N) => N !== void 0 && parseInt(h, 10) === N, w = (h) => {
+    return f(y(N));
+  }, b = (h) => {
+    h.key === se.arrowDown && (h.preventDefault(), v(-1)), h.key === se.arrowUp && (h.preventDefault(), v(1));
+  }, E = (h, N) => N !== void 0 && parseInt(h, 10) === N, w = (h) => {
     h.preventDefault(), h.stopPropagation();
     const N = h.currentTarget.value.replace(
       /((?!([-]|([-]?\d+))).)/,
@@ -4030,13 +4027,13 @@ const li = (t) => {
     if (N === "" || N === "-")
       return f(N);
     const I = parseInt(N, 10);
-    return f(E(I));
+    return f(y(I));
   }, C = () => {
     var h;
-    return (h = m.current) == null || h.focus(), b(1);
+    return (h = m.current) == null || h.focus(), v(1);
   }, $ = () => {
     var h;
-    return (h = m.current) == null || h.focus(), b(-1);
+    return (h = m.current) == null || h.focus(), v(-1);
   };
   return /* @__PURE__ */ e.createElement("div", { className: g, style: c }, /* @__PURE__ */ e.createElement(
     "input",
@@ -4047,7 +4044,7 @@ const li = (t) => {
       value: r,
       disabled: l,
       onChange: w,
-      onKeyDown: v,
+      onKeyDown: b,
       min: o,
       max: _
     })
@@ -4055,7 +4052,7 @@ const li = (t) => {
     "button",
     {
       tabIndex: -1,
-      disabled: l || y(r, _),
+      disabled: l || E(r, _),
       onClick: C,
       "aria-label": "Increment value",
       className: Tt[`${Dt}__increment`],
@@ -4065,7 +4062,7 @@ const li = (t) => {
       S,
       {
         source: Ga,
-        disabled: l || y(r, _),
+        disabled: l || E(r, _),
         kind: "primary"
       }
     )
@@ -4073,7 +4070,7 @@ const li = (t) => {
     "button",
     {
       tabIndex: -1,
-      disabled: l || y(r, o),
+      disabled: l || E(r, o),
       "aria-label": "Decrement value",
       className: Tt[`${Dt}__decrement`],
       onClick: $,
@@ -4084,7 +4081,7 @@ const li = (t) => {
       {
         source: Ot,
         kind: "primary",
-        disabled: l || y(r, o)
+        disabled: l || E(r, o)
       }
     )
   )));
@@ -4120,12 +4117,12 @@ const li = (t) => {
   }, [a]), e.useEffect(() => {
     const g = !!window.ResizeObserver;
     if (i.current && g) {
-      const f = new ResizeObserver((E) => {
-        const b = E[0];
-        if (!b)
+      const f = new ResizeObserver((y) => {
+        const v = y[0];
+        if (!v)
           return;
-        const v = b.contentRect.height + en;
-        m.current !== v && (p(v), m.current = v);
+        const b = v.contentRect.height + en;
+        m.current !== b && (p(b), m.current = b);
       });
       return f.observe(i.current), () => f.disconnect();
     }
@@ -4190,7 +4187,7 @@ const li = (t) => {
       !a && /* @__PURE__ */ e.createElement("div", { className: le[`${ne}__chevron`] }, /* @__PURE__ */ e.createElement(S, { source: Oa }))
     )
   );
-}, J = {
+}, j = {
   "onboarding-checklist": "lc-OnboardingChecklist-module__onboarding-checklist___xwJSs",
   "onboarding-checklist--complete": "lc-OnboardingChecklist-module__onboarding-checklist--complete___7guKi",
   "onboarding-checklist__complete": "lc-OnboardingChecklist-module__onboarding-checklist__complete___MWabe",
@@ -4207,7 +4204,7 @@ const li = (t) => {
   "onboarding-checklist__button": "lc-OnboardingChecklist-module__onboarding-checklist__button___Gnl9l",
   "onboarding-checklist__button__icon": "lc-OnboardingChecklist-module__onboarding-checklist__button__icon___oW59S",
   "onboarding-checklist__button__icon--open": "lc-OnboardingChecklist-module__onboarding-checklist__button__icon--open___HrIjs"
-}, j = "onboarding-checklist", ki = ({
+}, Q = "onboarding-checklist", ki = ({
   activeItemId: t,
   completedItemsIds: a,
   title: r,
@@ -4220,14 +4217,14 @@ const li = (t) => {
   className: i
 }) => {
   var w;
-  const [d, p] = e.useState(c), [m, g] = e.useState(!c), [f, E] = e.useState(void 0), b = e.useRef(null), v = s.height || 96, y = () => {
+  const [d, p] = e.useState(c), [m, g] = e.useState(!c), [f, y] = e.useState(void 0), v = e.useRef(null), b = s.height || 96, E = () => {
     g((C) => !C);
   };
   return e.useEffect(() => {
-    const C = s.delay || 1500, $ = b.current;
+    const C = s.delay || 1500, $ = v.current;
     if (c && $) {
       const h = $.offsetHeight;
-      E(h);
+      y(h);
       const N = setTimeout(() => {
         p(!0), g(!1);
       }, C);
@@ -4238,33 +4235,33 @@ const li = (t) => {
   }, [c]), /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: b,
+      ref: v,
       className: u(
-        J[j],
+        j[Q],
         {
-          [J[`${j}--complete`]]: d && !m
+          [j[`${Q}--complete`]]: d && !m
         },
         i
       ),
       style: {
-        height: !d || m ? f : v
+        height: !d || m ? f : b
       }
     },
-    m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: J[`${j}__column`] }, /* @__PURE__ */ e.createElement("div", { className: J[`${j}__header`] }, _ && /* @__PURE__ */ e.createElement(
+    m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: j[`${Q}__column`] }, /* @__PURE__ */ e.createElement("div", { className: j[`${Q}__header`] }, _ && /* @__PURE__ */ e.createElement(
       x,
       {
         size: "lg",
-        className: J[`${j}__header__label`]
+        className: j[`${Q}__header__label`]
       },
       _
     ), /* @__PURE__ */ e.createElement(
       _e,
       {
         size: "lg",
-        className: J[`${j}__header__title`]
+        className: j[`${Q}__header__title`]
       },
       r
-    )), /* @__PURE__ */ e.createElement("div", { className: J[`${j}__checklist`] }, o.map((C, $) => /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement("div", { className: j[`${Q}__checklist`] }, o.map((C, $) => /* @__PURE__ */ e.createElement(
       tn,
       {
         key: $,
@@ -4281,33 +4278,33 @@ const li = (t) => {
       "div",
       {
         className: u(
-          J[`${j}__column`],
-          J[`${j}__column--right`],
+          j[`${Q}__column`],
+          j[`${Q}__column--right`],
           n
         )
       },
-      !c && /* @__PURE__ */ e.createElement("div", { className: J[`${j}__placeholder`] }, (w = o.find((C) => C.id === t)) == null ? void 0 : w.placeholder),
-      c && /* @__PURE__ */ e.createElement("div", { className: J[`${j}__placeholder`] }, s.placeholder)
+      !c && /* @__PURE__ */ e.createElement("div", { className: j[`${Q}__placeholder`] }, (w = o.find((C) => C.id === t)) == null ? void 0 : w.placeholder),
+      c && /* @__PURE__ */ e.createElement("div", { className: j[`${Q}__placeholder`] }, s.placeholder)
     )),
-    !m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: J[`${j}__complete`] }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+    !m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: j[`${Q}__complete`] }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
       S,
       {
         size: "large",
-        className: J[`${j}__complete__icon`],
+        className: j[`${Q}__complete__icon`],
         source: vr
       }
     )), /* @__PURE__ */ e.createElement("div", null, (s == null ? void 0 : s.greetingText) && /* @__PURE__ */ e.createElement(
       x,
       {
         size: "lg",
-        className: J[`${j}__complete__label`]
+        className: j[`${Q}__complete__label`]
       },
       s.greetingText
     ), /* @__PURE__ */ e.createElement(
       _e,
       {
         size: "sm",
-        className: J[`${j}__complete__title`]
+        className: j[`${Q}__complete__title`]
       },
       s.title
     )))),
@@ -4320,13 +4317,13 @@ const li = (t) => {
           {
             source: Ot,
             className: u(
-              J[`${j}__button__icon`],
-              m && J[`${j}__button__icon--open`]
+              j[`${Q}__button__icon`],
+              m && j[`${Q}__button__icon--open`]
             )
           }
         ),
-        className: J[`${j}__button`],
-        onClick: y,
+        className: j[`${Q}__button`],
+        onClick: E,
         "aria-expanded": m
       }
     )
@@ -4478,13 +4475,13 @@ const Mt = "select-all", on = (t, a) => {
   emptyStateText: m = "No results found",
   pickerType: g = "single",
   listClassName: f,
-  virtuosoProps: E
+  virtuosoProps: y
 }) => {
-  const [b, v] = e.useState(0), y = o.length, w = e.useCallback(
+  const [v, b] = e.useState(0), E = o.length, w = e.useCallback(
     ($) => {
-      $ !== b && ($ < _ ? v($ + (y - 1) * an) : v(_));
+      $ !== v && ($ < _ ? b($ + (E - 1) * an) : b(_));
     },
-    [y]
+    [E]
   );
   if (At(() => {
     c.current = new Array(o.length);
@@ -4532,11 +4529,11 @@ const Mt = "select-all", on = (t, a) => {
         oo,
         B(k({
           totalListHeightChanged: w,
-          style: { height: `${b}px`, maxHeight: _ },
+          style: { height: `${v}px`, maxHeight: _ },
           totalCount: o.length,
           data: o,
           increaseViewportBy: 200
-        }, E), {
+        }, y), {
           itemContent: ($, h) => /* @__PURE__ */ e.createElement(
             ln,
             {
@@ -4547,7 +4544,7 @@ const Mt = "select-all", on = (t, a) => {
               isSelected: C(h.key),
               onSelect: i,
               item: h,
-              numberOfItems: y
+              numberOfItems: E
             }
           )
         })
@@ -4596,8 +4593,8 @@ const Mt = "select-all", on = (t, a) => {
     c && fe[`${ce}--disabled`],
     i && fe[`${ce}--focused`],
     d && fe[`${ce}--error`]
-  ), E = !n && l && !c && !s, b = (v) => {
-    v.stopPropagation(), p();
+  ), y = !n && l && !c && !s, v = (b) => {
+    b.stopPropagation(), p();
   };
   return e.useEffect(() => {
     i || g(!1);
@@ -4635,12 +4632,12 @@ const Mt = "select-all", on = (t, a) => {
           fe[`${ce}__controls--${_}`]
         )
       },
-      E && /* @__PURE__ */ e.createElement(
+      y && /* @__PURE__ */ e.createElement(
         "div",
         {
           "data-testid": `${ce}__clear-icon`,
           className: fe[`${ce}__clear-icon`],
-          onClick: b
+          onClick: v
         },
         /* @__PURE__ */ e.createElement(S, { kind: "primary", size: "small", source: Be })
       ),
@@ -4689,8 +4686,8 @@ const Mt = "select-all", on = (t, a) => {
   "tag__remove--hover": "lc-Tag-module__tag__remove--hover___2ROEU",
   tag__node: mn,
   tag__content: pn
-}, Ce = "tag", gn = (t) => t ? yr(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", h_ = (E) => {
-  var b = E, {
+}, Ce = "tag", gn = (t) => t ? yr(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", h_ = (y) => {
+  var v = y, {
     className: t = "",
     children: a,
     dismissible: r = !1,
@@ -4705,7 +4702,7 @@ const Mt = "select-all", on = (t, a) => {
     customColor: p,
     iconOnly: m = !1,
     value: g
-  } = b, f = D(b, [
+  } = v, f = D(v, [
     "className",
     "children",
     "dismissible",
@@ -4721,7 +4718,7 @@ const Mt = "select-all", on = (t, a) => {
     "iconOnly",
     "value"
   ]);
-  const v = _ || c && m, y = u(
+  const b = _ || c && m, E = u(
     ye[Ce],
     t,
     ye[`${Ce}--${l}`],
@@ -4730,7 +4727,7 @@ const Mt = "select-all", on = (t, a) => {
       [ye[`${Ce}--outline`]]: s,
       [ye[`${Ce}--${gn(p)}`]]: !!p,
       [ye[`${Ce}--icon-only`]]: m,
-      [ye[`${Ce}--dismissible-on-hover`]]: v
+      [ye[`${Ce}--dismissible-on-hover`]]: b
     }
   ), w = l === "small" ? "small" : "medium", C = l === "small" ? "sm" : "md", $ = () => p ? s ? {
     style: {
@@ -4745,7 +4742,7 @@ const Mt = "select-all", on = (t, a) => {
   return /* @__PURE__ */ e.createElement(
     x,
     B(k(k({
-      className: y
+      className: E
     }, f), $()), {
       as: "div",
       size: C
@@ -4776,7 +4773,7 @@ const Mt = "select-all", on = (t, a) => {
         role: "button",
         "aria-label": "Remove tag",
         className: u(ye[`${Ce}__remove`], {
-          [ye[`${Ce}__remove--hover`]]: v
+          [ye[`${Ce}__remove--hover`]]: b
         })
       },
       /* @__PURE__ */ e.createElement(
@@ -4825,15 +4822,15 @@ const Mt = "select-all", on = (t, a) => {
   virtualItemRef: g,
   isTriggerFocused: f
 }) => {
-  const E = t && !a, b = e.useRef(null);
+  const y = t && !a, v = e.useRef(null);
   e.useEffect(() => {
-    n && (d(""), b.current && (b.current.value = "", b.current.focus()));
+    n && (d(""), v.current && (v.current.value = "", v.current.focus()));
   }, [o, n]);
-  const v = (h) => {
+  const b = (h) => {
     h.key === "Backspace" && o && o.length > 0 && (h.preventDefault(), l === "multi" ? s(o[o.length - 1].key) : p()), h.key === "Delete" && (h.preventDefault(), p());
   };
-  e.useEffect(() => (!t && f ? document.addEventListener("keydown", v) : document.removeEventListener("keydown", v), () => document.removeEventListener("keydown", v)), [t, o, f]);
-  const y = (h) => l === "single" && t && !a ? null : h != null && h.customElement ? /* @__PURE__ */ e.createElement("div", { className: be[`${he}__item`] }, h.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: be[`${he}__item`] }, h.icon && /* @__PURE__ */ e.createElement(
+  e.useEffect(() => (!t && f ? document.addEventListener("keydown", b) : document.removeEventListener("keydown", b), () => document.removeEventListener("keydown", b)), [t, o, f]);
+  const E = (h) => l === "single" && t && !a ? null : h != null && h.customElement ? /* @__PURE__ */ e.createElement("div", { className: be[`${he}__item`] }, h.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: be[`${he}__item`] }, h.icon && /* @__PURE__ */ e.createElement(
     S,
     {
       source: h.icon,
@@ -4852,7 +4849,7 @@ const Mt = "select-all", on = (t, a) => {
   }, $ = () => /* @__PURE__ */ e.createElement(
     "input",
     {
-      ref: b,
+      ref: v,
       className: u(
         be[`${he}__input`],
         be[`${he}__input--${c}`]
@@ -4864,7 +4861,7 @@ const Mt = "select-all", on = (t, a) => {
       value: m
     }
   );
-  return !o || o.length === 0 ? E ? $() : /* @__PURE__ */ e.createElement(
+  return !o || o.length === 0 ? y ? $() : /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u({
@@ -4880,7 +4877,7 @@ const Mt = "select-all", on = (t, a) => {
         [be[`${he}--single`]]: l === "single"
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: be[`${he}__item-container`] }, l === "single" ? y(o[0]) : o.map((h) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: be[`${he}__item-container`] }, l === "single" ? E(o[0]) : o.map((h) => /* @__PURE__ */ e.createElement(
       h_,
       {
         key: h.key,
@@ -4893,9 +4890,9 @@ const Mt = "select-all", on = (t, a) => {
           N.stopPropagation(), s(h.key);
         }
       },
-      y(h)
+      E(h)
     ))),
-    E && $()
+    y && $()
   );
 }, bn = 10, hn = ({
   disabled: t,
@@ -4910,9 +4907,9 @@ const Mt = "select-all", on = (t, a) => {
   onVisibilityChange: i,
   searchPhrase: d
 }) => {
-  const p = sa(), [m, g] = e.useState(!1), [f, E] = e.useState(null), [b, v] = e.useState(o), y = e.useRef([]), w = e.useRef(null);
+  const p = sa(), [m, g] = e.useState(!1), [f, y] = e.useState(null), [v, b] = e.useState(o), E = e.useRef([]), w = e.useRef(null);
   e.useEffect(() => {
-    w.current = null, E(null);
+    w.current = null, y(null);
   }, [d]);
   const { refs: C, floatingStyles: $, context: h, isPositioned: N } = da({
     nodeId: p,
@@ -4926,11 +4923,11 @@ const Mt = "select-all", on = (t, a) => {
       Ha({ padding: 10 }),
       Er(),
       r_({
-        apply({ availableHeight: ae, rects: de, elements: we }) {
+        apply({ availableHeight: U, rects: de, elements: we }) {
           o_.flushSync(() => {
-            v(
+            b(
               Math.max(
-                Math.min(o, ae),
+                Math.min(o, U),
                 _
               )
             );
@@ -4945,24 +4942,24 @@ const Mt = "select-all", on = (t, a) => {
     enabled: !t,
     keyboardHandlers: !1,
     toggle: !1
-  }, c)), L = fa(h, { role: "listbox" }), G = ga(h, n), T = ao(h, {
+  }, c)), O = fa(h, { role: "listbox" }), G = ga(h, n), T = ao(h, {
     enabled: a.length > 0 && !t,
-    listRef: y,
+    listRef: E,
     activeIndex: f,
-    onNavigate: E,
+    onNavigate: y,
     virtual: !0,
     virtualItemRef: w,
     disabledIndices: on(
       a,
-      (ae) => !!ae.disabled || !!ae.groupHeader
+      (U) => !!U.disabled || !!U.groupHeader
     )
-  }), { getReferenceProps: O, getFloatingProps: R, getItemProps: U } = ba(
-    [I, G, L, T]
+  }), { getReferenceProps: L, getFloatingProps: V, getItemProps: M } = ba(
+    [I, G, O, T]
   );
   return !s && m && g(!1), {
-    getReferenceProps: O,
-    getFloatingProps: R,
-    getItemProps: U,
+    getReferenceProps: L,
+    getFloatingProps: V,
+    getItemProps: M,
     setReference: C.setReference,
     floatingStyles: $,
     isPositioned: N,
@@ -4970,9 +4967,9 @@ const Mt = "select-all", on = (t, a) => {
     nodeId: p,
     setFloating: C.setFloating,
     activeIndex: f,
-    listElementsRef: y,
+    listElementsRef: E,
     virtualItemRef: w,
-    maxHeight: b,
+    maxHeight: v,
     pointer: m,
     setPointer: g
   };
@@ -4987,37 +4984,37 @@ const Mt = "select-all", on = (t, a) => {
   const [n, c] = e.useState(
     () => (t == null ? void 0 : t.map(lr)) || []
   ), s = t !== void 0, i = s ? (t == null ? void 0 : t.map(lr)) || [] : n, [d, p] = e.useState(""), m = e.useMemo(() => {
-    const v = r === "multi" && _;
-    let y = a;
-    return d && (y = y.filter((w) => {
+    const b = r === "multi" && _;
+    let E = a;
+    return d && (E = E.filter((w) => {
       var N;
       if (w.groupHeader)
         return !1;
       const C = d.toLowerCase(), $ = w.name.toLowerCase(), h = (N = w.secondaryText) == null ? void 0 : N.toLowerCase();
       return $.includes(C) || (h == null ? void 0 : h.includes(C));
-    })), v && y.length > 1 && (y = [
+    })), b && E.length > 1 && (E = [
       {
         key: Mt,
         name: _
       },
-      ...y
-    ]), y;
-  }, [d, a, r, _]), g = (v) => {
-    const y = a.find((w) => w.key === v);
-    if (!((!y || y.disabled) && v !== Mt))
+      ...E
+    ]), E;
+  }, [d, a, r, _]), g = (b) => {
+    const E = a.find((w) => w.key === b);
+    if (!((!E || E.disabled) && b !== Mt))
       if (r === "single")
-        c(() => (y && o([y]), [v])), l(!1);
-      else if (v === Mt)
+        c(() => (E && o([E]), [b])), l(!1);
+      else if (b === Mt)
         i.length === br(a).length ? c(() => (o(null), [])) : c(() => {
           const w = br(a);
           return o(w), w.map(({ key: C }) => C);
         });
       else if (s) {
-        const w = (t == null ? void 0 : t.map(lr)) || [], C = Xr(w, v);
+        const w = (t == null ? void 0 : t.map(lr)) || [], C = Xr(w, b);
         o(a.filter(({ key: $ }) => C.includes($)));
       } else
         c((w) => {
-          const C = Xr(w, v);
+          const C = Xr(w, b);
           return o(a.filter(({ key: $ }) => C.includes($))), C;
         });
   };
@@ -5026,16 +5023,16 @@ const Mt = "select-all", on = (t, a) => {
     items: m,
     searchPhrase: d,
     handleSelect: g,
-    handleOnFilter: (v) => p(v),
-    handleItemRemove: (v) => g(v),
+    handleOnFilter: (b) => p(b),
+    handleItemRemove: (b) => g(b),
     handleClear: () => {
       !s && c([]), o(null), p(""), l(!1);
     }
   };
 }, kn = {
   "picker-wrapper": "lc-Picker-module__picker-wrapper___2EDne"
-}, Ei = (R) => {
-  var U = R, {
+}, Ei = (V) => {
+  var M = V, {
     id: t,
     className: a,
     listClassName: r,
@@ -5051,20 +5048,20 @@ const Mt = "select-all", on = (t, a) => {
     noSearchResultText: m = "No results found",
     selectAllOptionText: g,
     type: f = "single",
-    searchDisabled: E = !1,
-    hideClearButton: b,
-    isVisible: v,
-    onOpen: y,
+    searchDisabled: y = !1,
+    hideClearButton: v,
+    isVisible: b,
+    onOpen: E,
     onClose: w,
     openedOnInit: C = !1,
     clearSearchAfterSelection: $ = !0,
     onSelect: h,
     placement: N,
     floatingStrategy: I,
-    useDismissHookProps: L,
+    useDismissHookProps: O,
     useClickHookProps: G,
     virtuosoProps: T
-  } = U, O = D(U, [
+  } = M, L = D(M, [
     "id",
     "className",
     "listClassName",
@@ -5094,8 +5091,8 @@ const Mt = "select-all", on = (t, a) => {
     "useClickHookProps",
     "virtuosoProps"
   ]);
-  const [ae, de] = e.useState(C), [we, Ke] = e.useState(!1), Ue = v !== void 0, $e = Ue ? v : ae, Ct = (va, Gt) => {
-    va ? !$e && (y == null || y(Gt)) : $e && (w == null || w(Gt)), !Ue && de(va);
+  const [U, de] = e.useState(C), [we, Ke] = e.useState(!1), Ue = b !== void 0, $e = Ue ? b : U, Ct = (va, Gt) => {
+    va ? !$e && (E == null || E(Gt)) : $e && (w == null || w(Gt)), !Ue && de(va);
   }, {
     selectedKeys: pt,
     items: wt,
@@ -5113,7 +5110,7 @@ const Mt = "select-all", on = (t, a) => {
     setOpen: Ct
   }), {
     context: A,
-    nodeId: V,
+    nodeId: K,
     getReferenceProps: ue,
     setReference: Ye,
     getFloatingProps: qe,
@@ -5134,7 +5131,7 @@ const Mt = "select-all", on = (t, a) => {
     maxListHeight: o,
     floatingStrategy: I,
     useClickHookProps: G,
-    useDismissHookProps: L,
+    useDismissHookProps: O,
     isOpen: $e,
     onVisibilityChange: Ct,
     searchPhrase: gt
@@ -5144,11 +5141,11 @@ const Mt = "select-all", on = (t, a) => {
     {
       getReferenceProps: ue,
       setReference: Ye,
-      testId: O["data-testid"],
+      testId: L["data-testid"],
       isItemSelected: pt.length > 0,
       isOpen: $e,
       onClear: ft,
-      hideClearButton: b,
+      hideClearButton: v,
       isDisabled: l,
       isError: n,
       isRequired: p,
@@ -5160,7 +5157,7 @@ const Mt = "select-all", on = (t, a) => {
       fn,
       {
         isOpen: $e,
-        isSearchDisabled: E,
+        isSearchDisabled: y,
         isDisabled: l,
         placeholder: d,
         selectedItems: s,
@@ -5176,7 +5173,7 @@ const Mt = "select-all", on = (t, a) => {
         isTriggerFocused: we
       }
     )
-  ), /* @__PURE__ */ e.createElement(ha, { id: V }, $e && /* @__PURE__ */ e.createElement(__, null, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(ha, { id: K }, $e && /* @__PURE__ */ e.createElement(__, null, /* @__PURE__ */ e.createElement(
     cn,
     {
       pickerType: f,
@@ -5216,41 +5213,41 @@ const Mt = "select-all", on = (t, a) => {
   useClickHookProps: g,
   floatingStrategy: f
 }) => {
-  const [E, b] = e.useState(d), v = Ua(), y = sa(), w = i !== void 0, C = w ? i : E, $ = typeof _ == "string", h = typeof t == "function", N = (Ke, Ue) => {
-    Ke ? r == null || r(Ue) : a == null || a(Ue), !w && b(Ke);
-  }, { refs: I, context: L, floatingStyles: G } = da({
-    nodeId: y,
+  const [y, v] = e.useState(d), b = Ua(), E = sa(), w = i !== void 0, C = w ? i : y, $ = typeof _ == "string", h = typeof t == "function", N = (Ke, Ue) => {
+    Ke ? r == null || r(Ue) : a == null || a(Ue), !w && v(Ke);
+  }, { refs: I, context: O, floatingStyles: G } = da({
+    nodeId: E,
     open: C,
     onOpenChange: N,
     middleware: [ua(s), Ha(c), Er()],
     placement: n,
     strategy: f,
     whileElementsMounted: ma
-  }), T = pa(L, g), O = ga(L, k({
+  }), T = pa(O, g), L = ga(O, k({
     escapeKey: p
-  }, m)), R = fa(L), { getReferenceProps: U, getFloatingProps: ae } = ba([
+  }, m)), V = fa(O), { getReferenceProps: M, getFloatingProps: U } = ba([
     T,
-    O,
-    R
+    L,
+    V
   ]), de = u(yn.popover, o), we = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     B(k({
       "data-testid": "popover-trigger-button",
       ref: I.setReference
-    }, U()), {
+    }, M()), {
       className: l
     }),
     h ? t() : t
-  ), /* @__PURE__ */ e.createElement(ha, { id: y }, C && /* @__PURE__ */ e.createElement(mr, { context: L, modal: !1 }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(ha, { id: E }, C && /* @__PURE__ */ e.createElement(mr, { context: O, modal: !1 }, /* @__PURE__ */ e.createElement(
     "div",
     k({
       className: de,
       ref: I.setFloating,
       style: G
-    }, ae()),
+    }, U()),
     $ ? /* @__PURE__ */ e.createElement(x, { as: "div" }, _) : _
   ))));
-  return v === null ? /* @__PURE__ */ e.createElement(za, null, we) : we;
+  return b === null ? /* @__PURE__ */ e.createElement(za, null, we) : we;
 }, xe = {
   "outer-border": "lc-ProductTile-module__outer-border___NLJhh",
   "product-tile-wrapper": "lc-ProductTile-module__product-tile-wrapper___CtMW1",
@@ -5411,23 +5408,24 @@ const Mt = "select-all", on = (t, a) => {
   openedOnInit: r = !1,
   isVisible: _,
   onOpen: o,
-  onClose: l
+  onClose: l,
+  onSelect: n
 }) => {
-  const [n, c] = e.useState(r), [s, i] = I_(
+  const [c, s] = e.useState(r), [i, d] = I_(
     !1
-  ), d = Ua(), p = sa(), m = _ !== void 0, g = m ? _ : n, f = (R, U) => {
-    R ? o == null || o(U) : l == null || l(U), !m && c(R);
-  }, { refs: E, context: b, floatingStyles: v } = da({
-    nodeId: p,
+  ), p = Ua(), m = sa(), g = _ !== void 0, f = g ? _ : c, y = (M, U) => {
+    M ? o == null || o(U) : l == null || l(U), !g && s(M);
+  }, { refs: v, context: b, floatingStyles: E } = da({
+    nodeId: m,
     strategy: "fixed",
     placement: "right-start",
-    open: g,
-    onOpenChange: (R, U) => {
-      i(!1), f(R, U);
+    open: f,
+    onOpenChange: (M, U) => {
+      d(!1), y(M, U);
     },
     middleware: [ua({ mainAxis: 5 })],
     whileElementsMounted: ma
-  }), y = pa(b), w = fa(b), C = ga(b), { isMounted: $, styles: h } = kr(b, {
+  }), w = pa(b), C = fa(b), $ = ga(b), { isMounted: h, styles: N } = kr(b, {
     duration: 200,
     common: {
       transformOrigin: "left top"
@@ -5436,26 +5434,26 @@ const Mt = "select-all", on = (t, a) => {
       opacity: 0,
       transform: "scale(0.84) translateX(-22px)"
     }
-  }), { getReferenceProps: N, getFloatingProps: I } = ba([
-    y,
-    C,
-    w
-  ]), L = t.find(
-    (R) => R.id === a
+  }), { getReferenceProps: I, getFloatingProps: O } = ba([
+    w,
+    $,
+    C
+  ]), G = t.find(
+    (M) => M.id === a
   );
-  if (!L)
+  if (!G)
     return null;
-  const G = (R, U) => {
-    U === a && R.preventDefault(), c(!1);
-  }, T = t.reduce(
-    (R, U) => R + (U.notificationCount || 0),
+  const T = (M, U) => {
+    U === a && M.preventDefault(), s(!1), n == null || n(U);
+  }, L = t.reduce(
+    (M, U) => M + (U.notificationCount || 0),
     0
-  ), O = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", k({ ref: E.setReference }, N()), /* @__PURE__ */ e.createElement(
+  ), V = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", k({ ref: v.setReference }, I()), /* @__PURE__ */ e.createElement(
     Lt,
     {
-      isVisible: s,
-      onOpen: () => i(!0),
-      onClose: () => i(!1),
+      isVisible: i,
+      onOpen: () => d(!0),
+      onClose: () => d(!1),
       offsetCrossAxis: 2,
       arrowOffsetY: 2,
       offsetMainAxis: 10,
@@ -5466,27 +5464,27 @@ const Mt = "select-all", on = (t, a) => {
         v_,
         {
           isMainProduct: !0,
-          icon: L.icon,
-          iconColor: L.iconColor,
-          backgroundColors: L.backgroundColors,
-          notificationCount: T
+          icon: G.icon,
+          iconColor: G.iconColor,
+          backgroundColors: G.backgroundColors,
+          notificationCount: L
         }
       )
     },
     "Switch product"
-  )), /* @__PURE__ */ e.createElement(ha, { id: p }, /* @__PURE__ */ e.createElement(
+  )), /* @__PURE__ */ e.createElement(ha, { id: m }, /* @__PURE__ */ e.createElement(
     "div",
     k({
-      ref: E.setFloating,
-      style: v
-    }, I()),
-    $ && /* @__PURE__ */ e.createElement("div", { className: ea[ta], style: h }, /* @__PURE__ */ e.createElement("div", { className: ea[`${ta}__content`] }, t.map((R) => /* @__PURE__ */ e.createElement(
+      ref: v.setFloating,
+      style: E
+    }, O()),
+    h && /* @__PURE__ */ e.createElement("div", { className: ea[ta], style: N }, /* @__PURE__ */ e.createElement("div", { className: ea[`${ta}__content`] }, t.map((M) => /* @__PURE__ */ e.createElement(
       Cn,
       {
-        key: R.id,
-        isActive: R.id === a,
-        product: R,
-        onClick: G
+        key: M.id,
+        isActive: M.id === a,
+        product: M,
+        onClick: T
       }
     ))), /* @__PURE__ */ e.createElement("div", { className: ea[`${ta}__footer`] }, /* @__PURE__ */ e.createElement(
       "a",
@@ -5506,11 +5504,11 @@ const Mt = "select-all", on = (t, a) => {
       )
     )))
   )));
-  return d === null ? /* @__PURE__ */ e.createElement(za, null, O) : O;
+  return p === null ? /* @__PURE__ */ e.createElement(za, null, V) : V;
 }, wn = 'data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_24854_8994)"%3E%3Crect width="40" height="40" fill="%230066FF"/%3E%3Cg filter="url(%23filter0_f_24854_8994)"%3E%3Cpath d="M32.6382 31.0816C41.9891 31.0816 49.5694 23.5012 49.5694 14.1504C49.5694 4.79953 41.9891 -2.78082 32.6382 -2.78082C23.2874 -2.78082 15.707 4.79953 15.707 14.1504C15.707 23.5012 23.2874 31.0816 32.6382 31.0816Z" fill="%23FF4205"/%3E%3C/g%3E%3Cg filter="url(%23filter1_f_24854_8994)"%3E%3Cpath d="M10.417 50.1292C19.7679 50.1292 27.3482 42.5488 27.3482 33.198C27.3482 23.8471 19.7679 16.2668 10.417 16.2668C1.0662 16.2668 -6.51416 23.8471 -6.51416 33.198C-6.51416 42.5488 1.0662 50.1292 10.417 50.1292Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter2_f_24854_8994)"%3E%3Cpath d="M9.35788 16.2667C15.2022 16.2667 19.9399 11.529 19.9399 5.68472C19.9399 -0.159555 15.2022 -4.89728 9.35788 -4.89728C3.5136 -4.89728 -1.22412 -0.159555 -1.22412 5.68472C-1.22412 11.529 3.5136 16.2667 9.35788 16.2667Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter3_f_24854_8994)"%3E%3Cpath d="M7.24274 18.3831C13.6714 18.3831 18.8829 13.1716 18.8829 6.74292C18.8829 0.314217 13.6714 -4.89728 7.24274 -4.89728C0.814034 -4.89728 -4.39746 0.314217 -4.39746 6.74292C-4.39746 13.1716 0.814034 18.3831 7.24274 18.3831Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter4_f_24854_8994)"%3E%3Cpath d="M8.29938 21.5577C14.7281 21.5577 19.9396 16.3462 19.9396 9.91748C19.9396 3.48878 14.7281 -1.72272 8.29938 -1.72272C1.87068 -1.72272 -3.34082 3.48878 -3.34082 9.91748C-3.34082 16.3462 1.87068 21.5577 8.29938 21.5577Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter5_f_24854_8994)"%3E%3Cpath d="M33.6973 45.8964C40.126 45.8964 45.3375 40.6849 45.3375 34.2562C45.3375 27.8275 40.126 22.616 33.6973 22.616C27.2686 22.616 22.0571 27.8275 22.0571 34.2562C22.0571 40.6849 27.2686 45.8964 33.6973 45.8964Z" fill="%23FFD001"/%3E%3C/g%3E%3Cg filter="url(%23filter6_f_24854_8994)"%3E%3Cpath d="M29.4639 48.0128C35.8926 48.0128 41.1041 42.8013 41.1041 36.3726C41.1041 29.9439 35.8926 24.7324 29.4639 24.7324C23.0352 24.7324 17.8237 29.9439 17.8237 36.3726C17.8237 42.8013 23.0352 48.0128 29.4639 48.0128Z" fill="%23FFD001"/%3E%3C/g%3E%3Cg filter="url(%23filter7_f_24854_8994)"%3E%3Cpath d="M29.4639 48.0128C35.8926 48.0128 41.1041 42.8013 41.1041 36.3726C41.1041 29.9439 35.8926 24.7324 29.4639 24.7324C23.0352 24.7324 17.8237 29.9439 17.8237 36.3726C17.8237 42.8013 23.0352 48.0128 29.4639 48.0128Z" fill="%23FFD001"/%3E%3C/g%3E%3Cg filter="url(%23filter8_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter9_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter10_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter11_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter12_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter13_f_24854_8994)"%3E%3Cpath d="M9.35898 38.489C12.8655 38.489 15.7082 35.6463 15.7082 32.1398C15.7082 28.6332 12.8655 25.7906 9.35898 25.7906C5.8524 25.7906 3.00977 28.6332 3.00977 32.1398C3.00977 35.6463 5.8524 38.489 9.35898 38.489Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter14_f_24854_8994)"%3E%3Cpath d="M38.9871 31.0816C46.5846 31.0816 52.7437 24.9225 52.7437 17.325C52.7437 9.7274 46.5846 3.56836 38.9871 3.56836C31.3895 3.56836 25.2305 9.7274 25.2305 17.325C25.2305 24.9225 31.3895 31.0816 38.9871 31.0816Z" fill="%23FF4205"/%3E%3C/g%3E%3Cg filter="url(%23filter15_f_24854_8994)"%3E%3Cpath d="M38.9879 25.7905C45.4166 25.7905 50.6281 20.579 50.6281 14.1503C50.6281 7.72157 45.4166 2.51007 38.9879 2.51007C32.5592 2.51007 27.3477 7.72157 27.3477 14.1503C27.3477 20.579 32.5592 25.7905 38.9879 25.7905Z" fill="%23FF4205"/%3E%3C/g%3E%3Cg filter="url(%23filter16_f_24854_8994)"%3E%3Cpath d="M9.35868 21.5578C14.0341 21.5578 17.8243 17.7676 17.8243 13.0922C17.8243 8.41674 14.0341 4.62656 9.35868 4.62656C4.68325 4.62656 0.893066 8.41674 0.893066 13.0922C0.893066 17.7676 4.68325 21.5578 9.35868 21.5578Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter17_f_24854_8994)"%3E%3Cpath d="M31.5797 18.3831C35.0862 18.3831 37.9289 15.5404 37.9289 12.0339C37.9289 8.5273 35.0862 5.68466 31.5797 5.68466C28.0731 5.68466 25.2305 8.5273 25.2305 12.0339C25.2305 15.5404 28.0731 18.3831 31.5797 18.3831Z" fill="%23FF2E00"/%3E%3C/g%3E%3Cg filter="url(%23filter18_f_24854_8994)"%3E%3Cpath d="M12.5312 14.1503C18.3755 14.1503 23.1132 9.41257 23.1132 3.5683C23.1132 -2.27598 18.3755 -7.0137 12.5312 -7.0137C6.68694 -7.0137 1.94922 -2.27598 1.94922 3.5683C1.94922 9.41257 6.68694 14.1503 12.5312 14.1503Z" fill="%233851FF"/%3E%3C/g%3E%3Cg filter="url(%23filter19_f_24854_8994)"%3E%3Cpath d="M28.4057 13.0921C34.25 13.0921 38.9877 8.35441 38.9877 2.51013C38.9877 -3.33415 34.25 -8.07187 28.4057 -8.07187C22.5615 -8.07187 17.8237 -3.33415 17.8237 2.51013C17.8237 8.35441 22.5615 13.0921 28.4057 13.0921Z" fill="%23F3354D"/%3E%3C/g%3E%3Cg filter="url(%23filter20_f_24854_8994)"%3E%3Cpath d="M33.6958 48.0128C39.54 48.0128 44.2778 43.275 44.2778 37.4308C44.2778 31.5865 39.54 26.8488 33.6958 26.8488C27.8515 26.8488 23.1138 31.5865 23.1138 37.4308C23.1138 43.275 27.8515 48.0128 33.6958 48.0128Z" fill="%23FFD101"/%3E%3C/g%3E%3Cg filter="url(%23filter21_f_24854_8994)"%3E%3Cpath d="M8.30173 43.78C14.146 43.78 18.8837 39.0422 18.8837 33.198C18.8837 27.3537 14.146 22.616 8.30173 22.616C2.45745 22.616 -2.28027 27.3537 -2.28027 33.198C-2.28027 39.0422 2.45745 43.78 8.30173 43.78Z" fill="%237FCF35"/%3E%3C/g%3E%3Cg filter="url(%23filter22_f_24854_8994)"%3E%3Cpath d="M6.18454 34.2562C12.0288 34.2562 16.7665 29.5184 16.7665 23.6742C16.7665 17.8299 12.0288 13.0922 6.18454 13.0922C0.340261 13.0922 -4.39746 17.8299 -4.39746 23.6742C-4.39746 29.5184 0.340261 34.2562 6.18454 34.2562Z" fill="%231D7DD0"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_f_24854_8994" x="-8.29297" y="-26.7808" width="81.8623" height="81.8624" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter1_f_24854_8994" x="-30.5142" y="-7.73322" width="81.8623" height="81.8624" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter2_f_24854_8994" x="-25.2241" y="-28.8973" width="69.1641" height="69.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter3_f_24854_8994" x="-28.3975" y="-28.8973" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter4_f_24854_8994" x="-27.3408" y="-25.7227" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter5_f_24854_8994" x="-1.94287" y="-1.38403" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter6_f_24854_8994" x="-6.17627" y="0.732361" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter7_f_24854_8994" x="-6.17627" y="0.732361" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter8_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter9_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter10_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter11_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter12_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter13_f_24854_8994" x="-20.9902" y="1.79056" width="60.6982" height="60.6984" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter14_f_24854_8994" x="1.23047" y="-20.4316" width="75.5132" height="75.5132" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter15_f_24854_8994" x="3.34766" y="-21.4899" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter16_f_24854_8994" x="-23.1069" y="-19.3734" width="64.9312" height="64.9312" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter17_f_24854_8994" x="1.23047" y="-18.3153" width="60.6982" height="60.6984" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter18_f_24854_8994" x="-9.05078" y="-18.0137" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter19_f_24854_8994" x="6.82373" y="-19.0719" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter20_f_24854_8994" x="12.1138" y="15.8488" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter21_f_24854_8994" x="-13.2803" y="11.616" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter22_f_24854_8994" x="-15.3975" y="2.09216" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3CclipPath id="clip0_24854_8994"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A', $n = [
   {
     id: "livechat",
-    name: "Livechat",
+    name: "LiveChat",
     icon: L_,
     backgroundColors: {
       main: "var(--products-livechat)",
@@ -5521,7 +5519,7 @@ const Mt = "select-all", on = (t, a) => {
   },
   {
     id: "chatbot",
-    name: "Chatbot",
+    name: "ChatBot",
     icon: O_,
     backgroundColors: {
       main: "var(--products-chatbot)",
@@ -5532,7 +5530,7 @@ const Mt = "select-all", on = (t, a) => {
   },
   {
     id: "helpdesk",
-    name: "Helpdesk",
+    name: "HelpDesk",
     icon: G_,
     backgroundColors: {
       main: "var(--products-helpdesk)",
@@ -5922,12 +5920,12 @@ const aa = {
     t
   );
   e.useEffect(() => {
-    const E = () => d.current && d.current.offsetWidth <= On ? m("small") : d.current && d.current.offsetWidth >= Gn ? m("large") : m("medium"), b = l_(
-      E,
+    const y = () => d.current && d.current.offsetWidth <= On ? m("small") : d.current && d.current.offsetWidth >= Gn ? m("large") : m("medium"), v = l_(
+      y,
       Un
     );
-    return window.addEventListener("resize", b), E(), () => {
-      b.cancel(), window.removeEventListener("resize", b);
+    return window.addEventListener("resize", v), y(), () => {
+      v.cancel(), window.removeEventListener("resize", v);
     };
   }, []);
   const f = /* @__PURE__ */ e.createElement("div", { className: Pe[`${Fe}__footer`] }, a && /* @__PURE__ */ e.createElement(
@@ -6078,7 +6076,7 @@ const aa = {
   cropOnBlur: c = !0,
   onChange: s
 }) => {
-  const [i, d] = e.useState(!0), [p, m] = e.useState(!1), g = e.useRef(null), f = !!l && !a && !r, E = t && !i && "true", b = u(
+  const [i, d] = e.useState(!0), [p, m] = e.useState(!1), g = e.useRef(null), f = !!l && !a && !r, y = t && !i && "true", v = u(
     n,
     Re[We],
     Re[`${We}--${o}`],
@@ -6090,10 +6088,10 @@ const aa = {
   e.useEffect(() => {
     t && l && d(!1);
   }, [t]);
-  const v = (N) => {
+  const b = (N) => {
     const I = N.currentTarget.value;
     s(I);
-  }, y = () => {
+  }, E = () => {
     s("");
   }, w = () => {
     var N;
@@ -6108,9 +6106,9 @@ const aa = {
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      "aria-expanded": E,
+      "aria-expanded": y,
       role: "search",
-      className: b,
+      className: v,
       onClick: w
     },
     /* @__PURE__ */ e.createElement(
@@ -6139,7 +6137,7 @@ const aa = {
           type: "text",
           value: l,
           placeholder: _,
-          onChange: v,
+          onChange: b,
           onBlur: $,
           onFocus: C,
           onKeyDown: h,
@@ -6153,7 +6151,7 @@ const aa = {
         "aria-label": "Clear search",
         title: "Clear search",
         className: Re[`${We}__clear-icon`],
-        onClick: y,
+        onClick: E,
         icon: /* @__PURE__ */ e.createElement(S, { source: Be, kind: "primary" }),
         kind: "text",
         size: "compact"
@@ -6254,7 +6252,7 @@ const aa = {
     t
   );
   return /* @__PURE__ */ e.createElement("span", k({ className: n }, _));
-}, zn = "lc-Switch-module__switch__input___NiiOR", Wn = "lc-Switch-module__switch__container___79F7W", Vn = "lc-Switch-module__switch__track___2wr2M", Kn = "lc-Switch-module__switch__slider___WHd--", Yn = "lc-Switch-module__switch__loader___FE-fA", qn = "lc-Switch-module__switch__icon___-O1qY", ee = {
+}, zn = "lc-Switch-module__switch__input___NiiOR", Wn = "lc-Switch-module__switch__container___79F7W", Vn = "lc-Switch-module__switch__track___2wr2M", Kn = "lc-Switch-module__switch__slider___WHd--", Yn = "lc-Switch-module__switch__loader___FE-fA", qn = "lc-Switch-module__switch__icon___-O1qY", te = {
   switch: "lc-Switch-module__switch___AaA2k",
   "switch__track--enabled": "lc-Switch-module__switch__track--enabled___sy4Xl",
   "switch__track--on": "lc-Switch-module__switch__track--on___aOMWe",
@@ -6285,12 +6283,12 @@ const aa = {
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
   switch__icon: qn
-}, Q = "switch", Ai = (p) => {
+}, ee = "switch", Ai = (p) => {
   var m = p, {
     className: t = "",
     defaultOn: a = !1,
     disabled: r = !1,
-    name: _ = Q,
+    name: _ = ee,
     on: o,
     onChange: l,
     size: n = "large",
@@ -6309,50 +6307,50 @@ const aa = {
     "innerRef",
     "ariaLabel"
   ]);
-  const g = o !== void 0, [f, E] = e.useState(
+  const g = o !== void 0, [f, y] = e.useState(
     () => g ? o : a
-  ), [b, v] = e.useState(!1), y = g ? o : f, w = c === "loading", C = c === "locked", $ = n === "large" ? "small" : "xsmall", h = y ? "on" : "off", N = r || w || C, I = N ? "disabled" : "enabled", L = u(
-    ee[Q],
-    ee[`${Q}--${n}`],
+  ), [v, b] = e.useState(!1), E = g ? o : f, w = c === "loading", C = c === "locked", $ = n === "large" ? "small" : "xsmall", h = E ? "on" : "off", N = r || w || C, I = N ? "disabled" : "enabled", O = u(
+    te[ee],
+    te[`${ee}--${n}`],
     {
-      [ee[`${Q}--focused`]]: b
+      [te[`${ee}--focused`]]: v
     },
     t
   ), G = (T) => {
-    l == null || l(T, !y), g || (T.stopPropagation(), E((O) => !O));
+    l == null || l(T, !E), g || (T.stopPropagation(), y((L) => !L));
   };
-  return /* @__PURE__ */ e.createElement("span", { className: L }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("span", { className: O }, /* @__PURE__ */ e.createElement(
     "input",
     B(k({
       type: "checkbox",
       className: u(
-        ee[`${Q}__input`],
-        ee[`${Q}__input--${I}`]
+        te[`${ee}__input`],
+        te[`${ee}__input--${I}`]
       ),
       onChange: G,
-      checked: y,
+      checked: E,
       name: _,
       ref: s,
       disabled: N,
       "aria-label": i
     }, d), {
-      onFocus: () => v(!0),
-      onBlur: () => v(!1)
+      onFocus: () => b(!0),
+      onBlur: () => b(!1)
     })
   ), /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: u(ee[`${Q}__container`], {
-        [ee[`${Q}__container--focused`]]: b
+      className: u(te[`${ee}__container`], {
+        [te[`${ee}__container--focused`]]: v
       })
     },
     /* @__PURE__ */ e.createElement(
       "span",
       {
         className: u(
-          ee[`${Q}__track`],
-          ee[`${Q}__track--${h}`],
-          ee[`${Q}__track--${I}`]
+          te[`${ee}__track`],
+          te[`${ee}__track--${h}`],
+          te[`${ee}__track--${I}`]
         )
       }
     ),
@@ -6360,10 +6358,10 @@ const aa = {
       "span",
       {
         className: u(
-          ee[`${Q}__slider`],
-          ee[`${Q}__slider--${I}`],
-          ee[`${Q}__slider--${n}`],
-          ee[`${Q}__slider--${n}--${h}`]
+          te[`${ee}__slider`],
+          te[`${ee}__slider--${I}`],
+          te[`${ee}__slider--${n}`],
+          te[`${ee}__slider--${n}--${h}`]
         )
       },
       w && /* @__PURE__ */ e.createElement(
@@ -6371,15 +6369,15 @@ const aa = {
         {
           "data-testid": "switch-loader",
           className: u(
-            ee[`${Q}__loader`],
-            ee[`${Q}__loader--${n}`]
+            te[`${ee}__loader`],
+            te[`${ee}__loader--${n}`]
           )
         }
       ),
       C && /* @__PURE__ */ e.createElement(
         S,
         {
-          className: ee[`${Q}__icon`],
+          className: te[`${ee}__icon`],
           "data-testid": "lock-icon",
           size: $,
           source: K_,
@@ -6491,8 +6489,8 @@ const aa = {
     }
   }, g = (f) => {
     f.preventDefault();
-    const E = f.clipboardData.getData("text/plain");
-    document.execCommand("insertHTML", !1, Tr(E));
+    const y = f.clipboardData.getData("text/plain");
+    document.execCommand("insertHTML", !1, Tr(y));
   };
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -6567,45 +6565,45 @@ const aa = {
       [la[`${Aa}--error`]]: o
     },
     c
-  ), E = u(
+  ), y = u(
     s,
     la[`${Aa}__input`],
     la[`${Aa}__input--${n}`]
-  ), [b, v] = e.useState(""), y = e.useRef(null), w = (T) => {
-    T.trim() !== "" && (r([...a || [], T]), v(""));
+  ), [v, b] = e.useState(""), E = e.useRef(null), w = (T) => {
+    T.trim() !== "" && (r([...a || [], T]), b(""));
   }, C = (T) => {
-    const O = [...a || []];
-    O.splice(T, 1), r(O);
-  }, $ = (T) => v(T.target.value), h = (T) => {
+    const L = [...a || []];
+    L.splice(T, 1), r(L);
+  }, $ = (T) => b(T.target.value), h = (T) => {
     if (rc.includes(T.key)) {
-      if (T.preventDefault(), b === "")
+      if (T.preventDefault(), v === "")
         return;
-      w(b);
+      w(v);
     } else if (_c.includes(T.key)) {
-      if (b !== "" || !(a != null && a.length))
+      if (v !== "" || !(a != null && a.length))
         return;
       C(a.length - 1);
     }
   }, N = (T) => {
-    d && w(b), i == null || i(T);
-  }, I = (T, O) => {
-    const R = [...a || []];
-    R.reduce(
-      (ae, de, we) => ae + (de === O && we !== T ? 1 : 0),
+    d && w(v), i == null || i(T);
+  }, I = (T, L) => {
+    const V = [...a || []];
+    V.reduce(
+      (U, de, we) => U + (de === L && we !== T ? 1 : 0),
       0
-    ) > 0 ? R.splice(T, 1) : R[T] = O, r(R);
-  }, L = (T) => {
+    ) > 0 ? V.splice(T, 1) : V[T] = L, r(V);
+  }, O = (T) => {
     T.preventDefault();
-    const R = T.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
-    r([...a || [], ...R]);
-  }, G = (T, O) => typeof T == "string" ? /* @__PURE__ */ e.createElement(
+    const V = T.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
+    r([...a || [], ...V]);
+  }, G = (T, L) => typeof T == "string" ? /* @__PURE__ */ e.createElement(
     e_,
     {
-      index: O,
-      key: `${O}${T}`,
+      index: L,
+      key: `${L}${T}`,
       update: I,
       remove: C,
-      inputRef: y,
+      inputRef: E,
       validator: _,
       size: n
     },
@@ -6613,11 +6611,11 @@ const aa = {
   ) : /* @__PURE__ */ e.createElement(
     e_,
     {
-      index: O,
-      key: `${O}${T.children}`,
+      index: L,
+      key: `${L}${T.children}`,
       update: I,
       remove: C,
-      inputRef: y,
+      inputRef: E,
       validator: _,
       size: n,
       tagProps: T
@@ -6628,13 +6626,13 @@ const aa = {
     "input",
     B(k({}, p), {
       id: t,
-      ref: y,
-      className: E,
+      ref: E,
+      className: y,
       placeholder: l,
-      value: b,
+      value: v,
       onChange: $,
       onKeyDown: h,
-      onPaste: L,
+      onPaste: O,
       onBlur: N
     })
   )), o && /* @__PURE__ */ e.createElement(Nr, null, o));
@@ -6645,7 +6643,7 @@ const aa = {
     "placeholder"
   ]);
   return /* @__PURE__ */ e.createElement(oc, B(k({}, a), { placeholder: t, validator: cc }));
-}, ic = "lc-Toast-module__toast___j5Amn", sc = "lc-Toast-module__toast__content___HjaNw", dc = "lc-Toast-module__toast__actions___JWu-1", uc = "lc-Toast-module__toast__actions__button___Iblrl", te = {
+}, ic = "lc-Toast-module__toast___j5Amn", sc = "lc-Toast-module__toast__content___HjaNw", dc = "lc-Toast-module__toast__actions___JWu-1", uc = "lc-Toast-module__toast__actions__button___Iblrl", ae = {
   toast: ic,
   toast__content: sc,
   toast__actions: dc,
@@ -6705,14 +6703,14 @@ const aa = {
     "onClose"
   ]);
   const i = u(
-    te[mt],
-    te[`${mt}--${o}`],
+    ae[mt],
+    ae[`${mt}--${o}`],
     a
   ), d = typeof r == "string", p = (m) => m && m.closesOnClick && l ? (m.onClick(), l()) : m.onClick();
-  return /* @__PURE__ */ e.createElement("div", k({ className: i }, n), /* @__PURE__ */ e.createElement("div", { className: te[`${mt}__icon`] }, /* @__PURE__ */ e.createElement(S, B(k({}, mc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: te[`${mt}__content`] }, d ? /* @__PURE__ */ e.createElement(x, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: te[`${mt}__actions`] }, t && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", k({ className: i }, n), /* @__PURE__ */ e.createElement("div", { className: ae[`${mt}__icon`] }, /* @__PURE__ */ e.createElement(S, B(k({}, mc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: ae[`${mt}__content`] }, d ? /* @__PURE__ */ e.createElement(x, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: ae[`${mt}__actions`] }, t && /* @__PURE__ */ e.createElement(
     W,
     {
-      className: te[`${mt}__actions--custom`],
+      className: ae[`${mt}__actions--custom`],
       kind: "text",
       size: "compact",
       onClick: () => p(t)
@@ -6722,8 +6720,8 @@ const aa = {
     "button",
     {
       className: u(
-        te[`${mt}__actions__button`],
-        te[`${mt}__actions__button--${o}`]
+        ae[`${mt}__actions__button`],
+        ae[`${mt}__actions__button--${o}`]
       ),
       "aria-label": "Close toast",
       onClick: l
@@ -6740,12 +6738,12 @@ const aa = {
   horizontalPosition: n = "center"
 }) => {
   const c = u(
-    te[_a],
+    ae[_a],
     {
-      [te[`${_a}--fixed`]]: r,
-      [te[`${_a}--block`]]: !r && _,
-      [te[`${_a}--horizontal-${n}`]]: n,
-      [te[`${_a}--vertical-${l}`]]: l
+      [ae[`${_a}--fixed`]]: r,
+      [ae[`${_a}--block`]]: !r && _,
+      [ae[`${_a}--horizontal-${n}`]]: n,
+      [ae[`${_a}--vertical-${l}`]]: l
     },
     t
   );
@@ -6754,10 +6752,10 @@ const aa = {
     {
       key: s,
       classNames: {
-        enter: te[`toast-appear--${o}`],
-        enterActive: te[`toast-appear-active--${o}`],
-        exit: te[`toast-exit--${o}`],
-        exitActive: te[`toast-exit-active--${o}`]
+        enter: ae[`toast-appear--${o}`],
+        enterActive: ae[`toast-appear-active--${o}`],
+        exit: ae[`toast-exit--${o}`],
+        exitActive: ae[`toast-exit-active--${o}`]
       },
       timeout: gc
     },
@@ -6895,7 +6893,7 @@ const aa = {
       }
     )
   ))
-), K = {
+), Y = {
   "upload-bar": "lc-UploadBar-module__upload-bar___6Or8h",
   "upload-bar__loader-test": "lc-UploadBar-module__upload-bar__loader-test___aZb2J",
   "upload-bar--error": "lc-UploadBar-module__upload-bar--error___MzvhT",
@@ -6920,20 +6918,20 @@ const aa = {
   "div",
   {
     "data-testid": "success-icon",
-    className: K[`${rt}__success-icon`]
+    className: Y[`${rt}__success-icon`]
   },
   /* @__PURE__ */ e.createElement(S, { source: ia })
 ) : t === "error" ? /* @__PURE__ */ e.createElement(
   "div",
   {
     "data-testid": "error-icon",
-    className: K[`${rt}__error-icon`]
+    className: Y[`${rt}__error-icon`]
   },
   /* @__PURE__ */ e.createElement(S, { source: q_ })
 ) : /* @__PURE__ */ e.createElement(
   Mn,
   {
-    className: K[`${rt}__loader`],
+    className: Y[`${rt}__loader`],
     status: t,
     progressValue: a
   }
@@ -6951,11 +6949,11 @@ const aa = {
   onCloseButtonClick: d,
   onRetryButtonClick: p
 }) => {
-  const [m, g] = e.useState(o || !1), f = n === "error", E = n === "success", b = u(K[ve], a, {
-    [K[`${ve}--error`]]: f,
-    [K[`${ve}--success`]]: E
-  }), v = !(f && (p || d)), y = () => g(!m);
-  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("div", { className: K[`${ve}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${rt}`] }, /* @__PURE__ */ e.createElement(
+  const [m, g] = e.useState(o || !1), f = n === "error", y = n === "success", v = u(Y[ve], a, {
+    [Y[`${ve}--error`]]: f,
+    [Y[`${ve}--success`]]: y
+  }), b = !(f && (p || d)), E = () => g(!m);
+  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement("div", { className: Y[`${ve}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Y[`${rt}`] }, /* @__PURE__ */ e.createElement(
     vc,
     {
       title: f && l || _,
@@ -6971,22 +6969,22 @@ const aa = {
       onCloseButtonClick: d,
       onRetryButtonClick: p
     }
-  ))) : /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement(
+  ))) : /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: K[`${ve}__wrapper`],
-      onClick: y
+      className: Y[`${ve}__wrapper`],
+      onClick: E
     },
-    /* @__PURE__ */ e.createElement("div", { className: K[`${rt}`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${rt}__icon`] }, Ec(n, r)), /* @__PURE__ */ e.createElement("div", { className: K[`${rt}__title`] }, /* @__PURE__ */ e.createElement(x, { size: "sm", as: "div" }, f ? l : _)), v && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: Y[`${rt}`] }, /* @__PURE__ */ e.createElement("div", { className: Y[`${rt}__icon`] }, Ec(n, r)), /* @__PURE__ */ e.createElement("div", { className: Y[`${rt}__title`] }, /* @__PURE__ */ e.createElement(x, { size: "sm", as: "div" }, f ? l : _)), b && /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: K[`${rt}__collapse-button`],
+        className: Y[`${rt}__collapse-button`],
         type: "button",
         "aria-label": "Collapse button",
-        onClick: y
+        onClick: E
       },
       m ? /* @__PURE__ */ e.createElement(S, { source: Ga }) : /* @__PURE__ */ e.createElement(S, { source: Ot })
-    ), n === "error" && /* @__PURE__ */ e.createElement("div", { className: K[`${rt}__actions-container`] }, /* @__PURE__ */ e.createElement(
+    ), n === "error" && /* @__PURE__ */ e.createElement("div", { className: Y[`${rt}__actions-container`] }, /* @__PURE__ */ e.createElement(
       hr,
       {
         status: n,
@@ -6999,14 +6997,14 @@ const aa = {
     {
       timeout: kc,
       classNames: {
-        enter: K[`${ve}__files--enter`],
-        enterActive: K[`${ve}__files--enter-active`],
-        exit: K[`${ve}__files--exit`],
-        exitActive: K[`${ve}__files--exit-active`],
-        exitDone: K[`${ve}__files--exit-done`]
+        enter: Y[`${ve}__files--enter`],
+        enterActive: Y[`${ve}__files--enter-active`],
+        exit: Y[`${ve}__files--exit`],
+        exitActive: Y[`${ve}__files--exit-active`],
+        exitDone: Y[`${ve}__files--exit-done`]
       }
     },
-    /* @__PURE__ */ e.createElement("div", { className: K[`${ve}__files`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ve}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ve}__files__list`] }, t)))
+    /* @__PURE__ */ e.createElement("div", { className: Y[`${ve}__files`] }, /* @__PURE__ */ e.createElement("div", { className: Y[`${ve}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Y[`${ve}__files__list`] }, t)))
   )));
 };
 export {