@livechat/design-system-react-components 1.33.3 → 1.33.5

package/dist/index.es.js

@@ -570,26 +570,26 @@ const Mc = {
     height: 64
   }
 }, Ar = "icon", x = (t) => {
-  const d = t, {
+  const s = t, {
     source: a,
     size: r = "medium",
     kind: _,
     disabled: o,
     className: l,
     customColor: n
-  } = d, c = D(d, [
+  } = s, c = D(s, [
     "source",
     "size",
     "kind",
     "disabled",
     "className",
     "customColor"
-  ]), s = e.createElement(a, k(k({}, so[r]), n ? { color: n } : {})), i = u(
+  ]), d = e.createElement(a, k(k({}, so[r]), n ? { color: n } : {})), i = u(
     l,
     Pr[Ar],
     _ && Pr[`${Ar}--${o ? "disabled--" : ""}${_}`]
   );
-  return /* @__PURE__ */ e.createElement("span", T(k({}, c), { className: i }), s);
+  return /* @__PURE__ */ e.createElement("span", T(k({}, c), { className: i }), d);
 }, Ge = {
   "heading-xl": "lc-Typography-module__heading-xl___nhr-6",
   "heading-lg": "lc-Typography-module__heading-lg___XYF7l",
@@ -620,8 +620,8 @@ const Mc = {
   sm: "h4",
   xs: "h5",
   "2xs": "h6"
-}, oe = (i) => {
-  var d = i, {
+}, ne = (i) => {
+  var s = i, {
     as: t,
     size: a = "md",
     children: r,
@@ -630,7 +630,7 @@ const Mc = {
     bold: l,
     customColor: n,
     textAlign: c
-  } = d, s = D(d, [
+  } = s, d = D(s, [
     "as",
     "size",
     "children",
@@ -652,7 +652,7 @@ const Mc = {
         _
       ),
       style: k(k({}, n && { color: n }), c && { textAlign: c })
-    }, s),
+    }, d),
     r
   );
 }, B = (b) => {
@@ -665,9 +665,9 @@ const Mc = {
     underline: l = !1,
     strike: n = !1,
     children: c,
-    className: s,
+    className: d,
     customColor: i,
-    textAlign: d,
+    textAlign: s,
     noMargin: p
   } = g, m = D(g, [
     "as",
@@ -683,27 +683,27 @@ const Mc = {
     "textAlign",
     "noMargin"
   ]);
-  const v = "paragraph";
+  const h = "paragraph";
   return e.createElement(
     t,
     k({
       className: u(
         {
-          [Ge[`${v}-${a}`]]: !0,
-          [Ge[`${v}--bold`]]: o,
-          [Ge[`${v}--strike`]]: n,
-          [Ge[`${v}--underline`]]: l,
-          [Ge[`${v}--uppercase`]]: _ || r,
-          [Ge[`${v}--no-margin`]]: p
+          [Ge[`${h}-${a}`]]: !0,
+          [Ge[`${h}--bold`]]: o,
+          [Ge[`${h}--strike`]]: n,
+          [Ge[`${h}--underline`]]: l,
+          [Ge[`${h}--uppercase`]]: _ || r,
+          [Ge[`${h}--no-margin`]]: p
         },
-        s
+        d
       ),
-      style: k(k({}, i && { color: i }), d && { textAlign: d })
+      style: k(k({}, i && { color: i }), s && { textAlign: s })
     }, m),
     c
   );
-}, Vc = (s) => {
-  var i = s, {
+}, Vc = (d) => {
+  var i = d, {
     as: t = "div",
     size: a = "md",
     children: r,
@@ -746,8 +746,8 @@ const Mc = {
   "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", mo = (v) => {
-  var h = v, {
+}, ze = "action-menu", mo = (h) => {
+  var v = h, {
     className: t,
     triggerClassName: a,
     options: r,
@@ -756,13 +756,13 @@ const Mc = {
     openedOnInit: l = !1,
     keepOpenOnClick: n,
     flipOptions: c,
-    visible: s,
+    visible: d,
     onClose: i,
-    onOpen: d,
+    onOpen: s,
     floatingStrategy: p,
     selectedOptions: m,
     footer: b
-  } = h, g = D(h, [
+  } = v, g = D(v, [
     "className",
     "triggerClassName",
     "options",
@@ -778,8 +778,8 @@ const Mc = {
     "selectedOptions",
     "footer"
   ]);
-  const E = s !== void 0, [y, $] = e.useState(l), [w, C] = e.useState(null), f = e.useRef(-1), N = Ga(), S = sa(), M = e.useRef(null), G = E ? s : y, I = () => {
-    G ? (i == null || i(), !E && $(!1)) : (d == null || d(), !E && $(!0));
+  const y = d !== void 0, [E, $] = e.useState(l), [w, C] = e.useState(null), f = e.useRef(-1), N = Ga(), S = sa(), M = e.useRef(null), G = y ? d : E, I = () => {
+    G ? (i == null || i(), !y && $(!1)) : (s == null || s(), !y && $(!0));
   }, { x: O, y: Y, strategy: X, refs: L, context: U } = da({
     nodeId: S,
     middleware: [
@@ -838,7 +838,7 @@ const Mc = {
     f.current = -1;
   }, [G, lt]);
   const ht = (P, V) => {
-    f.current = P, V == null || V(), !E && !n && ($(!1), i == null || i());
+    f.current = P, V == null || V(), !y && !n && ($(!1), i == null || i());
   }, St = (P, V) => P.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
     {
@@ -1020,8 +1020,8 @@ const Mc = {
   "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"
 }, ge = "btn", W = e.forwardRef(
-  (v, g) => {
-    var h = v, {
+  (h, g) => {
+    var v = h, {
       loading: t = !1,
       disabled: a = !1,
       type: r = "button",
@@ -1030,12 +1030,12 @@ const Mc = {
       size: l = "medium",
       icon: n = null,
       iconPosition: c = "left",
-      loaderLabel: s,
+      loaderLabel: d,
       className: i,
-      children: d,
+      children: s,
       href: p,
       onClick: m
-    } = h, b = D(h, [
+    } = v, b = D(v, [
       "loading",
       "disabled",
       "type",
@@ -1050,7 +1050,7 @@ const Mc = {
       "href",
       "onClick"
     ]);
-    const E = t || a, y = !d && n, $ = ["text", "link", "link-light"].includes(o), w = p ? "a" : "button", C = u(
+    const y = t || a, E = !s && n, $ = ["text", "link", "link-light"].includes(o), w = p ? "a" : "button", C = u(
       i,
       pe[ge],
       pe[`${ge}--${o}`],
@@ -1058,10 +1058,10 @@ const Mc = {
       {
         [pe[`${ge}--loading`]]: t,
         [pe[`${ge}--full-width`]]: _,
-        [pe[`${ge}--with-${c}-icon`]]: n && !y && !$,
-        [pe[`${ge}--icon-only`]]: y,
-        [pe[`${ge}--icon-only--bg`]]: y && $,
-        [pe[`${ge}--disabled`]]: E
+        [pe[`${ge}--with-${c}-icon`]]: n && !E && !$,
+        [pe[`${ge}--icon-only`]]: E,
+        [pe[`${ge}--icon-only--bg`]]: E && $,
+        [pe[`${ge}--disabled`]]: y
       }
     );
     return /* @__PURE__ */ e.createElement(
@@ -1069,16 +1069,16 @@ const Mc = {
       k(k({
         ref: g,
         className: C,
-        "aria-disabled": E,
+        "aria-disabled": y,
         type: r,
-        disabled: E
-      }, !E && { href: p, onClick: m }), b),
+        disabled: y
+      }, !y && { href: p, onClick: m }), b),
       t && /* @__PURE__ */ e.createElement(
         Cr,
         k({
           "data-testid": "button-loader",
           size: "small",
-          label: s,
+          label: d,
           className: pe[`${ge}__loader`]
         }, vo(o))
       ),
@@ -1094,7 +1094,7 @@ const Mc = {
         disabled: a,
         size: l === "xcompact" ? "small" : "medium"
       }),
-      /* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__content`] }, d)
+      /* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__content`] }, s)
     );
   }
 );
@@ -1175,17 +1175,17 @@ const Co = (t) => {
   kind: l,
   placement: n = "bottom",
   isVisible: c,
-  fullSpaceContent: s,
+  fullSpaceContent: d,
   onClose: i,
-  onOpen: d,
+  onOpen: s,
   withFadeAnimation: p = !0,
   transitionDuration: m = 200,
   hoverOnDuration: b,
   hoverOffDuration: g,
-  transitionDelay: v = 0,
-  hoverOnDelay: h,
-  hoverOffDelay: E,
-  triggerOnClick: y = !1,
+  transitionDelay: h = 0,
+  hoverOnDelay: v,
+  hoverOffDelay: y,
+  triggerOnClick: E = !1,
   triggerOnHover: $ = !0,
   offsetMainAxis: w = 8,
   offsetCrossAxis: C = 0,
@@ -1203,10 +1203,10 @@ const Co = (t) => {
     A[ya],
     a,
     Ne && A[`${ya}--${Ne}`],
-    s && A[`${ya}--full-space`]
+    d && A[`${ya}--full-space`]
   ), bt = typeof _ == "function", lt = (me) => {
-    me !== Ue && (me ? d == null || d() : i == null || i(), !L && $e(me));
-  }, ht = (me) => p ? me != null ? me : m : 0, St = (me) => me != null ? me : v, {
+    me !== Ue && (me ? s == null || s() : i == null || i(), !L && $e(me));
+  }, ht = (me) => p ? me != null ? me : m : 0, St = (me) => me != null ? me : h, {
     floatingStyles: xt,
     refs: P,
     context: V,
@@ -1228,13 +1228,13 @@ const Co = (t) => {
     move: !1,
     restMs: N,
     delay: {
-      open: St(h),
-      close: St(E || G)
+      open: St(v),
+      close: St(y || G)
     },
     enabled: $,
     handleClose: Y ? null : J_()
   }), Wa = j_(V), Va = ga(V, S), Ka = fa(V, { role: "tooltip" }), Ya = pa(V, k({
-    enabled: y
+    enabled: E
   }, M)), { isMounted: qa, styles: Za } = kr(V, {
     duration: {
       open: ht(b),
@@ -1304,7 +1304,7 @@ const Co = (t) => {
   },
   /* @__PURE__ */ e.createElement(x, { source: Ie, kind: o ? u_(o) : "primary" })
 ), a && /* @__PURE__ */ e.createElement(
-  oe,
+  ne,
   {
     as: "div",
     size: "xs",
@@ -1333,7 +1333,7 @@ const Co = (t) => {
   primaryButton: n,
   secondaryButton: c
 }) => {
-  const s = (d) => d === "invert" ? "secondary" : d === "important" ? "plain-lock-black" : "high-contrast", i = (d) => d === "invert" ? "link-inverted" : d === "important" ? "text-lock-black" : "text";
+  const d = (s) => s === "invert" ? "secondary" : s === "important" ? "plain-lock-black" : "high-contrast", i = (s) => s === "invert" ? "link-inverted" : s === "important" ? "text-lock-black" : "text";
   return /* @__PURE__ */ e.createElement("div", { className: A[`${Ze}__interactive`] }, _ && /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -1350,7 +1350,7 @@ const Co = (t) => {
       src: r.src,
       alt: r.alt
     }
-  )), t && /* @__PURE__ */ e.createElement(oe, { as: "div", size: "xs", className: A[`${Ze}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: A[`${Ze}-text`] }, a), /* @__PURE__ */ e.createElement(
+  )), t && /* @__PURE__ */ e.createElement(ne, { as: "div", size: "xs", className: A[`${Ze}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: A[`${Ze}-text`] }, a), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
@@ -1361,7 +1361,7 @@ const Co = (t) => {
     /* @__PURE__ */ e.createElement(
       W,
       T(k({}, n), {
-        kind: n.kind || s(o),
+        kind: n.kind || d(o),
         onClick: n.handleClick
       }),
       n.label
@@ -1379,7 +1379,7 @@ const Co = (t) => {
       c.label
     )
   ));
-}, le = "guide-tooltip", Bo = ({
+}, ce = "guide-tooltip", Bo = ({
   gap: t,
   isVisible: a,
   slide: r,
@@ -1407,7 +1407,7 @@ const Co = (t) => {
     left: "0",
     width: "100%",
     height: `calc(100% - ${t.bottom}px)`
-  }, s = {
+  }, d = {
     top: `${t.top}px`,
     left: `${t.left}px`,
     width: `${t.width}px`,
@@ -1418,9 +1418,9 @@ const Co = (t) => {
     "div",
     {
       className: u({
-        [A[`${le}__overlay`]]: !0,
-        [A[`${le}__overlay--visible`]]: a,
-        [A[`${le}__overlay--slide`]]: r
+        [A[`${ce}__overlay`]]: !0,
+        [A[`${ce}__overlay--visible`]]: a,
+        [A[`${ce}__overlay--slide`]]: r
       }),
       style: o
     }
@@ -1428,9 +1428,9 @@ const Co = (t) => {
     "div",
     {
       className: u({
-        [A[`${le}__overlay`]]: !0,
-        [A[`${le}__overlay--visible`]]: a,
-        [A[`${le}__overlay--slide`]]: r
+        [A[`${ce}__overlay`]]: !0,
+        [A[`${ce}__overlay--visible`]]: a,
+        [A[`${ce}__overlay--slide`]]: r
       }),
       style: n
     }
@@ -1438,9 +1438,9 @@ const Co = (t) => {
     "div",
     {
       className: u({
-        [A[`${le}__overlay`]]: !0,
-        [A[`${le}__overlay--visible`]]: a,
-        [A[`${le}__overlay--slide`]]: r
+        [A[`${ce}__overlay`]]: !0,
+        [A[`${ce}__overlay--visible`]]: a,
+        [A[`${ce}__overlay--slide`]]: r
       }),
       style: l
     }
@@ -1448,9 +1448,9 @@ const Co = (t) => {
     "div",
     {
       className: u({
-        [A[`${le}__overlay`]]: !0,
-        [A[`${le}__overlay--visible`]]: a,
-        [A[`${le}__overlay--slide`]]: r
+        [A[`${ce}__overlay`]]: !0,
+        [A[`${ce}__overlay--visible`]]: a,
+        [A[`${ce}__overlay--slide`]]: r
       }),
       style: c
     }
@@ -1458,11 +1458,11 @@ const Co = (t) => {
     "div",
     {
       className: u({
-        [A[`${le}__overlay`]]: !0,
-        [A[`${le}__overlay--visible`]]: a,
-        [A[`${le}__overlay--slide`]]: r
+        [A[`${ce}__overlay`]]: !0,
+        [A[`${ce}__overlay--visible`]]: a,
+        [A[`${ce}__overlay--slide`]]: r
       }),
-      style: s
+      style: d
     }
   ));
 };
@@ -1473,7 +1473,7 @@ class Io {
     this.element = a, this.padding = r;
   }
   addPadding(a) {
-    const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, l = Math.round(a.height) + 2 * this.padding, n = _, c = r, s = n + l, i = c + o;
+    const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, l = Math.round(a.height) + 2 * this.padding, n = _, c = r, d = n + l, i = c + o;
     return {
       x: r,
       y: _,
@@ -1481,7 +1481,7 @@ class Io {
       height: l,
       top: n,
       left: c,
-      bottom: s,
+      bottom: d,
       right: i
     };
   }
@@ -1503,13 +1503,13 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
     shouldSlide: o = !0
   } = t, [l, n] = e.useState(
     null
-  ), [c, s] = e.useState(null), [i, d] = e.useState(o), p = () => {
-    l && (s(
+  ), [c, d] = e.useState(null), [i, s] = e.useState(o), p = () => {
+    l && (d(
       Lr(
         l,
         Rr
       ).getBoundingClientRect()
-    ), d(!1));
+    ), s(!1));
   };
   return e.useEffect(() => {
     if (l !== null)
@@ -1522,12 +1522,12 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
       n(m);
     }
   }, [r]), e.useEffect(() => {
-    l && s(
+    l && d(
       Lr(
         l,
         Rr
       ).getBoundingClientRect()
-    ), d(!0);
+    ), s(!0);
   }, [l]), l && _ && c ? /* @__PURE__ */ e.createElement(o_, null, /* @__PURE__ */ e.createElement(
     Bo,
     {
@@ -1646,29 +1646,29 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
   vertical: l,
   menuFooter: n
 }) => {
-  const [c, s] = e.useState(
+  const [c, d] = e.useState(
     _.length
-  ), [i, d] = e.useState([]), [p, m] = e.useState(!1), b = r === "scroll", g = u(
+  ), [i, s] = e.useState([]), [p, m] = e.useState(!1), b = r === "scroll", g = u(
     q[wa],
     t,
     l && q[`${wa}--vertical`]
-  ), v = !b && i.length !== 0;
+  ), h = !b && i.length !== 0;
   e.useEffect(() => {
-    b || (_.length > c ? d(_.slice(c, _.length)) : d([]));
+    b || (_.length > c ? s(_.slice(c, _.length)) : s([]));
   }, [_, c]), e.useEffect(() => {
-    const y = !!window.ResizeObserver;
-    if (!b && y) {
+    const E = !!window.ResizeObserver;
+    if (!b && E) {
       const $ = new ResizeObserver((w) => {
         const { width: C, height: f } = w[0].contentRect, N = l ? f : C, S = i.length > 0 ? 60 : 0, M = Math.floor(
           (N - S) / Do
         );
-        M >= 0 && M !== c && s(M);
+        M >= 0 && M !== c && d(M);
       });
       return $.observe(document.querySelector(`#${a}`)), () => $.disconnect();
     }
   }, [i, b, c]);
-  const h = e.useCallback(() => i.reduce(
-    (y, $) => {
+  const v = e.useCallback(() => i.reduce(
+    (E, $) => {
       if (!$.hideInMenu) {
         const w = {
           key: $.key,
@@ -1676,12 +1676,12 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
           withDivider: $.withDivider,
           onClick: $.onClick
         };
-        y.push(w);
+        E.push(w);
       }
-      return y;
+      return E;
     },
     []
-  ), [i]), E = i.find((y) => y.key === o);
+  ), [i]), y = i.find((E) => E.key === o);
   return /* @__PURE__ */ e.createElement("div", { id: a, className: g }, /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -1689,20 +1689,20 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
         [q[`${wa}__items--scroll`]]: b
       })
     },
-    _.slice(0, c).map((y) => /* @__PURE__ */ e.createElement(
+    _.slice(0, c).map((E) => /* @__PURE__ */ e.createElement(
       To,
       {
-        option: y,
-        isActive: y.key === o,
+        option: E,
+        isActive: E.key === o,
         vertical: l
       }
     ))
-  ), v && /* @__PURE__ */ e.createElement(
+  ), h && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
         q[Xe],
-        E && q[`${Xe}--active`],
+        y && q[`${Xe}--active`],
         l && q[`${Xe}--vertical`]
       )
     },
@@ -1714,7 +1714,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
         onClose: () => m(!1),
         floatingStrategy: "fixed",
         placement: l ? "left-start" : "bottom-end",
-        options: h(),
+        options: v(),
         triggerClassName: u(
           l && q[`${Xe}__trigger-vertical`]
         ),
@@ -1723,7 +1723,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
           {
             className: u(
               q[`${Xe}__button`],
-              E && q[`${Xe}__button--active`]
+              y && q[`${Xe}__button--active`]
             ),
             kind: "plain",
             icon: /* @__PURE__ */ e.createElement(
@@ -1739,14 +1739,14 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
             ),
             iconPosition: "right"
           },
-          E && /* @__PURE__ */ e.createElement(
+          y && /* @__PURE__ */ e.createElement(
             "div",
             {
               className: u(
                 q[`${Xe}__button__with-item`]
               )
             },
-            E.element
+            y.element
           )
         ),
         footer: n
@@ -1769,7 +1769,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
 }) => {
   const n = u(It[vt], t), c = (i) => {
     i.currentTarget === document.activeElement && (l == null || l());
-  }, s = (i) => {
+  }, d = (i) => {
     i.currentTarget === document.activeElement && (i.key === "Enter" || i.key === " " || i.key === "Spacebar" || i.key === "Space") && (i.preventDefault(), l == null || l());
   };
   return /* @__PURE__ */ e.createElement("div", { className: It["main-wrapper"] }, /* @__PURE__ */ e.createElement(
@@ -1780,7 +1780,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
       tabIndex: 0,
       className: n,
       onClick: c,
-      onKeyDown: s
+      onKeyDown: d
     },
     /* @__PURE__ */ e.createElement(
       "div",
@@ -1841,14 +1841,14 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
     kind: "error"
   }
 }, xe = "alert", Qc = (c) => {
-  var s = c, {
+  var d = c, {
     children: t,
     className: a,
     primaryButton: r,
     secondaryButton: _,
     kind: o = "info",
     onClose: l
-  } = s, n = D(s, [
+  } = d, n = D(d, [
     "children",
     "className",
     "primaryButton",
@@ -1856,12 +1856,12 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
     "kind",
     "onClose"
   ]);
-  const i = e.useRef(null), [d, p] = e.useState(null), m = u(
+  const i = e.useRef(null), [s, p] = e.useState(null), m = u(
     Se[xe],
     Se[`${xe}--${o}`],
-    d === "large" && Se[`${xe}--large`],
-    d === "medium" && Se[`${xe}--medium`],
-    d === "small" && Se[`${xe}--small`],
+    s === "large" && Se[`${xe}--large`],
+    s === "medium" && Se[`${xe}--medium`],
+    s === "small" && Se[`${xe}--small`],
     a
   );
   return e.useEffect(() => {
@@ -1951,9 +1951,9 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
     topBar: l,
     topBarClassName: n,
     sideNavigationContainerClassName: c,
-    contentClassName: s
-  } = t, i = u(Je[p_], r), { isSideNavigationVisible: d } = no(), p = e.useRef(null), { isOpen: m, isMounted: b } = $r({
-    isVisible: d,
+    contentClassName: d
+  } = t, i = u(Je[p_], r), { isSideNavigationVisible: s } = no(), p = e.useRef(null), { isOpen: m, isMounted: b } = $r({
+    isVisible: s,
     elementRef: p
   });
   return /* @__PURE__ */ e.createElement("div", { className: i }, _, /* @__PURE__ */ e.createElement("div", { className: Je[nt] }, /* @__PURE__ */ e.createElement(
@@ -1996,7 +1996,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
       {
         className: u(
           Je[`${nt}__content-wrapper__content`],
-          s
+          d
         )
       },
       a
@@ -2018,7 +2018,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
   noGaps: l,
   rightNode: n
 }) => {
-  const c = _ || /* @__PURE__ */ e.createElement("div", { className: Tt[`${Dt}__header`] }, /* @__PURE__ */ e.createElement(oe, { size: "sm", className: Tt[`${Dt}__header__title`] }, r), n);
+  const c = _ || /* @__PURE__ */ e.createElement("div", { className: Tt[`${Dt}__header`] }, /* @__PURE__ */ e.createElement(ne, { size: "sm", className: Tt[`${Dt}__header__title`] }, r), n);
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -2062,9 +2062,9 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
     rightNode: l,
     onClick: n,
     isActive: c,
-    isMainEntry: s,
+    isMainEntry: d,
     onItemHover: i,
-    isIconHidden: d
+    isIconHidden: s
   } = b, p = D(b, [
     "leftNode",
     "shouldKeepIconSpace",
@@ -2078,10 +2078,10 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
     "onItemHover",
     "isIconHidden"
   ]);
-  const g = typeof _ == "string", v = (E) => {
-    E.preventDefault(), n == null || n();
-  }, h = (E) => {
-    E.key === "Enter" && (E.preventDefault(), n == null || n());
+  const g = typeof _ == "string", h = (y) => {
+    y.preventDefault(), n == null || n();
+  }, v = (y) => {
+    y.key === "Enter" && (y.preventDefault(), n == null || n());
   };
   return /* @__PURE__ */ e.createElement(
     "li",
@@ -2096,12 +2096,12 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
         tabIndex: 0,
         className: u(Te[`${De}__anchor`], {
           [Te[`${De}__anchor--active`]]: c,
-          [Te[`${De}__anchor--main-entry`]]: s,
-          [Te[`${De}__anchor--icon-hidden`]]: d
+          [Te[`${De}__anchor--main-entry`]]: d,
+          [Te[`${De}__anchor--icon-hidden`]]: s
         }),
         href: r,
-        onClick: v,
-        onKeyDown: h,
+        onClick: h,
+        onKeyDown: v,
         onMouseEnter: i || Fa,
         onFocus: i || Fa
       },
@@ -2109,7 +2109,7 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
         "span",
         {
           className: u(Te[`${De}__left-node`], {
-            [Te[`${De}__left-node--active`]]: c || s
+            [Te[`${De}__left-node--active`]]: c || d
           }),
           "data-testid": Wo
         },
@@ -2118,9 +2118,9 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
       g ? /* @__PURE__ */ e.createElement(
         B,
         {
-          bold: c || s,
+          bold: c || d,
           className: u(Te[`${De}__label`], {
-            [Te[`${De}__label--active`]]: c || s
+            [Te[`${De}__label--active`]]: c || d
           })
         },
         _
@@ -2128,7 +2128,7 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
         "span",
         {
           className: u(Te[`${De}__custom-label`], {
-            [Te[`${De}__custom-label--active`]]: c || s
+            [Te[`${De}__custom-label--active`]]: c || d
           })
         },
         _
@@ -2155,11 +2155,11 @@ const Ho = "side-navigation-item-test-id", zo = "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), b = e.useRef(null), { isOpen: g, isMounted: v, setIsOpen: h } = $r({
+  const [d, i] = e.useState(!1), [s, p] = e.useState(0), m = e.useRef(!1), b = e.useRef(null), { isOpen: g, isMounted: h, setIsOpen: v } = $r({
     isVisible: !o || n,
     elementRef: b
-  }), E = typeof a == "function" ? a(g) : a, y = typeof t == "function" ? t(g) : t, $ = () => h(!0), w = () => {
-    o && h((f) => !f);
+  }), y = typeof a == "function" ? a(g) : a, E = typeof t == "function" ? t(g) : t, $ = () => v(!0), w = () => {
+    o && v((f) => !f);
   }, C = (f) => {
     const N = f == null ? void 0 : f.getElementsByTagName("li"), S = N != null && N.length ? [...N].some(
       (G) => G.getAttribute("data-active") === "true"
@@ -2169,8 +2169,8 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
     p(M);
   };
   return e.useEffect(() => {
-    c && (!m.current && s && $(), m.current = s);
-  }, [s, c]), /* @__PURE__ */ e.createElement("div", { "data-testid": "side-navigation-group", className: ct[it] }, o ? /* @__PURE__ */ e.createElement(
+    c && (!m.current && d && $(), m.current = d);
+  }, [d, c]), /* @__PURE__ */ e.createElement("div", { "data-testid": "side-navigation-group", className: ct[it] }, o ? /* @__PURE__ */ e.createElement(
     Vo,
     {
       leftNode: /* @__PURE__ */ e.createElement(
@@ -2182,11 +2182,11 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
         },
         /* @__PURE__ */ e.createElement(x, { source: La, size: "small" })
       ),
-      label: /* @__PURE__ */ e.createElement(B, { className: ct[`${it}__label`], bold: !0 }, y),
+      label: /* @__PURE__ */ e.createElement(B, { className: ct[`${it}__label`], bold: !0 }, E),
       isMainEntry: !0,
       onClick: w,
       onItemHover: l,
-      rightNode: E
+      rightNode: y
     }
   ) : /* @__PURE__ */ e.createElement(
     B,
@@ -2195,7 +2195,7 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
       className: ct[`${it}__simple-label`],
       onMouseEnter: l || Fa
     },
-    y
+    E
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -2206,9 +2206,9 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
           [ct[`${it}__list-wrapper--expanded`]]: g
         }
       ]),
-      style: { maxHeight: g ? d : 0 }
+      style: { maxHeight: g ? s : 0 }
     },
-    v && /* @__PURE__ */ e.createElement(
+    h && /* @__PURE__ */ e.createElement(
       "ul",
       {
         className: u(ct[`${it}__list`], r),
@@ -2257,14 +2257,14 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
   "badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
   "badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
 }, $a = "badge", Ra = (c) => {
-  var s = c, {
+  var d = c, {
     className: t,
     count: a = 0,
     max: r = 99,
     kind: _ = "primary",
     size: o = "medium",
     type: l = "counter"
-  } = s, n = D(s, [
+  } = d, n = D(d, [
     "className",
     "count",
     "max",
@@ -2277,12 +2277,12 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
     Ca[$a],
     Ca[`${$a}--${_}`],
     Ca[`${$a}--${o}`]
-  ), d = {
+  ), s = {
     counter: Yo(a, r),
     alert: "!",
     dot: /* @__PURE__ */ e.createElement("span", { "data-testid": "badge-dot", className: Ca[`${$a}__dot`] })
   }[l];
-  return /* @__PURE__ */ e.createElement("span", k({ className: i }, n), d);
+  return /* @__PURE__ */ e.createElement("span", k({ className: i }, n), s);
 }, pt = {
   "navigation-item": "lc-NavigationItem-module__navigation-item___uyE9V",
   "navigation-item--disabled": "lc-NavigationItem-module__navigation-item--disabled___0oA-E",
@@ -2317,9 +2317,9 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
     disabled: l = !1,
     badge: n,
     isActive: c,
-    onClick: s,
+    onClick: d,
     className: i
-  } = m, d = D(m, [
+  } = m, s = D(m, [
     "id",
     "label",
     "icon",
@@ -2371,9 +2371,9 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
               },
               "lc-dark-theme"
             ),
-            onClick: (b) => !l && s(b, t),
+            onClick: (b) => !l && d(b, t),
             href: _
-          }, d),
+          }, s),
           r
         ), n && Xo(n, t))
       },
@@ -2429,14 +2429,14 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
   secondaryCta: l,
   isVisible: n = !0
 }) => {
-  const c = e.useRef(null), { isMounted: s, isOpen: i } = $r({
+  const c = e.useRef(null), { isMounted: d, isOpen: i } = $r({
     isVisible: n,
     elementRef: c
-  }), d = window.matchMedia("(max-width: 768px)").matches, p = a === "warning" ? "link-inverted" : "text", m = a === "warning" ? "secondary" : "high-contrast", b = o || l ? /* @__PURE__ */ e.createElement("div", { className: Ve[`${st}__cta-wrapper`] }, o && /* @__PURE__ */ e.createElement(
+  }), s = window.matchMedia("(max-width: 768px)").matches, p = a === "warning" ? "link-inverted" : "text", m = a === "warning" ? "secondary" : "high-contrast", b = o || l ? /* @__PURE__ */ e.createElement("div", { className: Ve[`${st}__cta-wrapper`] }, o && /* @__PURE__ */ e.createElement(
     W,
     k({
       size: "compact",
-      kind: d ? p : m
+      kind: s ? p : m
     }, o),
     o.label
   ), l && /* @__PURE__ */ e.createElement(W, k({ size: "compact", kind: p }, l), l.label)) : null, g = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Ve[`${st}__children-wrapper`] }, _, b), r && /* @__PURE__ */ e.createElement(
@@ -2446,7 +2446,7 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
     }, r),
     /* @__PURE__ */ e.createElement(x, { source: Ie })
   ));
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, d && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
@@ -2566,9 +2566,9 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     src: l,
     status: n,
     text: c,
-    type: s,
+    type: d,
     withRim: i = !1
-  } = m, d = D(m, [
+  } = m, s = D(m, [
     "alt",
     "className",
     "color",
@@ -2580,7 +2580,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     "type",
     "withRim"
   ]);
-  const b = s === "image" && !l, [g, v] = e.useState(b), h = s === "image" && !!l && !g, E = s === "text", y = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, $ = rl(c, y), w = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), C = r || al(c), f = C ? _l(C) : void 0, N = E ? { backgroundColor: C } : {}, S = u(k({
+  const b = d === "image" && !l, [g, h] = e.useState(b), v = d === "image" && !!l && !g, y = d === "text", E = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, $ = rl(c, E), w = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), C = r || al(c), f = C ? _l(C) : void 0, N = y ? { backgroundColor: C } : {}, S = u(k({
     [Ee[_e]]: !0,
     [Ee[`${_e}--${_}`]]: !0,
     [Ee[`${_e}--${o}`]]: !0,
@@ -2596,10 +2596,10 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
   ), I = u(
     Ee[`${_e}__rim`],
     Ee[`${_e}__rim--${o}`]
-  ), O = (X) => w ? "2xs" : ["medium"].includes(X) ? "xs" : ["large", "xlarge"].includes(X) ? "sm" : ["xxlarge"].includes(X) ? "lg" : "xl", Y = e.useCallback(() => v(!0), []);
+  ), O = (X) => w ? "2xs" : ["medium"].includes(X) ? "xs" : ["large", "xlarge"].includes(X) ? "sm" : ["xxlarge"].includes(X) ? "lg" : "xl", Y = e.useCallback(() => h(!0), []);
   return e.useEffect(() => {
-    v(b);
-  }, [b]), /* @__PURE__ */ e.createElement("div", k({ className: S, style: N }, d), i && /* @__PURE__ */ e.createElement(
+    h(b);
+  }, [b]), /* @__PURE__ */ e.createElement("div", k({ className: S, style: N }, s), i && /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": `${_e}__rim`,
@@ -2611,7 +2611,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
       "data-testid": `${_e}__status`,
       className: M
     }
-  ), h && /* @__PURE__ */ e.createElement(
+  ), v && /* @__PURE__ */ e.createElement(
     "img",
     {
       className: Ee[`${_e}__image`],
@@ -2619,8 +2619,8 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
       alt: t,
       onError: Y
     }
-  ), E && /* @__PURE__ */ e.createElement(
-    oe,
+  ), y && /* @__PURE__ */ e.createElement(
+    ne,
     {
       as: "span",
       size: O(o),
@@ -2653,24 +2653,24 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
   fullWidth: l = !1,
   onButtonClick: n = Fa
 }) => {
-  const c = u(Na[dl], r), [s, i] = e.useState(() => _), d = typeof o == "string";
+  const c = u(Na[dl], r), [d, i] = e.useState(() => _), s = typeof o == "string";
   e.useEffect(() => {
-    d && i(o);
+    s && i(o);
   }, [o]);
   const p = (b, g) => {
-    d || i(b), n(b, g);
-  }, m = a.map(({ id: b, label: g, loading: v, disabled: h, icon: E }) => {
-    const y = b === s, $ = y ? Na["btn--active"] : "", w = y ? !1 : v;
+    s || i(b), n(b, g);
+  }, m = a.map(({ id: b, label: g, loading: h, disabled: v, icon: y }) => {
+    const E = b === d, $ = E ? Na["btn--active"] : "", w = E ? !1 : h;
     return /* @__PURE__ */ e.createElement(
       W,
       {
         key: b,
         fullWidth: l,
         loading: w,
-        disabled: h,
-        "aria-pressed": y,
+        disabled: v,
+        "aria-pressed": E,
         kind: "secondary",
-        icon: E,
+        icon: y,
         className: u(Na.btn, Na[`btn--${t}`], $),
         onClick: (C) => {
           p(b, C);
@@ -2695,7 +2695,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
   card__actions__buttons: El,
   "card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
 }, na = "card", Ma = `${na}__header`, tr = `${Ma}__heading`, Sa = `${na}__actions`, yl = `${Ma}__no-image`, ni = (i) => {
-  var d = i, {
+  var s = i, {
     alt: t,
     buttonsOptions: a = [],
     children: r,
@@ -2704,7 +2704,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     expandableContent: l,
     src: n,
     title: c
-  } = d, s = D(d, [
+  } = s, d = D(s, [
     "alt",
     "buttonsOptions",
     "children",
@@ -2714,15 +2714,15 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     "src",
     "title"
   ]);
-  const [p, m] = e.useState(!1), b = p ? Oa : Ot, g = p ? "Hide" : "Show more", v = (a == null ? void 0 : a.length) > 0, h = !!l, E = v || h, y = c, $ = n, w = $ ? "" : ye[yl];
-  return /* @__PURE__ */ e.createElement("div", k({ className: u(ye[na], _) }, s), y && /* @__PURE__ */ e.createElement("div", { className: u(ye[Ma], w) }, $ && /* @__PURE__ */ e.createElement(
+  const [p, m] = e.useState(!1), b = p ? Oa : Ot, g = p ? "Hide" : "Show more", h = (a == null ? void 0 : a.length) > 0, v = !!l, y = h || v, E = c, $ = n, w = $ ? "" : ye[yl];
+  return /* @__PURE__ */ e.createElement("div", k({ className: u(ye[na], _) }, d), E && /* @__PURE__ */ e.createElement("div", { className: u(ye[Ma], w) }, $ && /* @__PURE__ */ e.createElement(
     "img",
     {
       alt: t,
       className: ye[`${Ma}__image`],
       src: n
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: ye[tr] }, /* @__PURE__ */ e.createElement(oe, { size: "xs", className: ye[`${tr}__title`] }, c), o && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: ye[tr] }, /* @__PURE__ */ e.createElement(ne, { size: "xs", className: ye[`${tr}__title`] }, c), o && /* @__PURE__ */ e.createElement(
     B,
     {
       size: "sm",
@@ -2737,7 +2737,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
       className: ye[`${na}__expanded-content`]
     },
     l
-  ), E && /* @__PURE__ */ e.createElement("div", { className: ye[Sa] }, /* @__PURE__ */ e.createElement("div", { className: ye[`${Sa}__line`] }), /* @__PURE__ */ e.createElement("div", { className: ye[`${Sa}__buttons`] }, v && a.map(
+  ), y && /* @__PURE__ */ e.createElement("div", { className: ye[Sa] }, /* @__PURE__ */ e.createElement("div", { className: ye[`${Sa}__line`] }), /* @__PURE__ */ e.createElement("div", { className: ye[`${Sa}__buttons`] }, h && a.map(
     ({ kind: C, onClick: f, children: N }, S) => /* @__PURE__ */ e.createElement(
       W,
       {
@@ -2748,7 +2748,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
       },
       N
     )
-  ), h && /* @__PURE__ */ e.createElement(
+  ), v && /* @__PURE__ */ e.createElement(
     W,
     {
       className: ye[`${Sa}__buttons-expander`],
@@ -2783,7 +2783,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
   checkbox__helper: Tl
 }, Et = "checkbox", Dl = e.forwardRef(
   (c, n) => {
-    var s = c, { checked: t, disabled: a, children: r, description: _, className: o } = s, l = D(s, ["checked", "disabled", "children", "description", "className"]);
+    var d = c, { checked: t, disabled: a, children: r, description: _, className: o } = d, l = D(d, ["checked", "disabled", "children", "description", "className"]);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -2849,34 +2849,34 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     showPreviousButton: l,
     className: n,
     classNames: c,
-    numberOfMonths: s,
+    numberOfMonths: d,
     month: i,
-    fromMonth: d,
+    fromMonth: s,
     toMonth: p
   } = t, m = () => {
     typeof a == "function" && a();
   }, b = () => {
     typeof _ == "function" && _();
   }, g = () => {
-    if (!d) {
-      const y = Rt(i, 12);
-      return r(y);
+    if (!s) {
+      const E = Rt(i, 12);
+      return r(E);
     }
-    const h = Math.abs(Ir(i, d)), E = Rt(
+    const v = Math.abs(Ir(i, s)), y = Rt(
       i,
-      !Number.isNaN(h) && h > 12 ? 12 : h
+      !Number.isNaN(v) && v > 12 ? 12 : v
     );
-    return r(E);
-  }, v = () => {
+    return r(y);
+  }, h = () => {
     if (!p) {
-      const y = Tr(i, 12);
-      return r(y);
+      const E = Tr(i, 12);
+      return r(E);
     }
-    const h = Math.abs(Ir(p, i)), E = Tr(
+    const v = Math.abs(Ir(p, i)), y = Tr(
       i,
-      !Number.isNaN(h) && h > 12 ? 12 : h
+      !Number.isNaN(v) && v > 12 ? 12 : v
     );
-    return s === 2 && pr(E, p) ? r(Rt(E, 1)) : r(E);
+    return d === 2 && pr(y, p) ? r(Rt(y, 1)) : r(y);
   };
   return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement("div", { className: F[`${Hr}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
@@ -2919,7 +2919,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
         [c.navButtonNext]: !0,
         [c.navButtonInteractionDisabled]: !o
       }),
-      onClick: v
+      onClick: h
     },
     /* @__PURE__ */ e.createElement(x, { source: A_, kind: "subtle" })
   )));
@@ -2992,7 +2992,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
   const a = t.getDate();
   return /* @__PURE__ */ e.createElement("div", { className: F[`${Wr}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: F[`${Wr}__day-content`] }, a));
 }, Ll = (t) => {
-  const E = t, {
+  const y = t, {
     classNames: a,
     range: r,
     toMonth: _,
@@ -3000,10 +3000,10 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     fromMonth: l,
     firstDayOfWeek: n,
     numberOfMonths: c,
-    navbarElement: s,
+    navbarElement: d,
     renderDay: i,
-    innerRef: d
-  } = E, p = D(E, [
+    innerRef: s
+  } = y, p = D(y, [
     "classNames",
     "range",
     "toMonth",
@@ -3021,41 +3021,41 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     _ && o !== m && (f_(m, { from: l, to: _ }) || b(_));
   }, [o, m, _, l]);
   const g = e.useCallback(
-    (y) => {
-      if (t.onMonthChange && y) {
-        t.onMonthChange(y);
+    (E) => {
+      if (t.onMonthChange && E) {
+        t.onMonthChange(E);
         return;
       }
-      b(y);
+      b(E);
     },
     [o, t.onMonthChange]
   );
-  let v = 1;
-  (n === 0 || n && n < 7) && (v = n);
-  const h = e.useMemo(
+  let h = 1;
+  (n === 0 || n && n < 7) && (h = n);
+  const v = e.useMemo(
     () => Rl(r, a),
     [r, a]
   );
   return /* @__PURE__ */ e.createElement(
     _o,
     k({
-      navbarElement: s || /* @__PURE__ */ e.createElement(
+      navbarElement: d || /* @__PURE__ */ e.createElement(
         Pl,
         {
           month: m,
-          classNames: h,
+          classNames: v,
           numberOfMonths: c,
           onMonthChange: g,
           toMonth: _,
           fromMonth: l
         }
       ),
-      ref: d,
-      classNames: h,
+      ref: s,
+      classNames: v,
       numberOfMonths: c,
       toMonth: _,
       fromMonth: l,
-      firstDayOfWeek: v,
+      firstDayOfWeek: h,
       month: m,
       renderDay: i || Ml
     }, p)
@@ -3136,7 +3136,7 @@ const Gl = (t) => {
 }) => {
   const c = B_(
     a || null
-  ), [s, i] = Gl({
+  ), [d, i] = Gl({
     options: t,
     initialSelectedItemKey: a,
     initialFromDate: r,
@@ -3156,104 +3156,104 @@ const Gl = (t) => {
       payload: { date: _ }
     });
   }, [_]), Ft(() => {
-    const v = b_(
+    const h = b_(
       r,
       _,
       o
     );
     i({
       type: Z.CURRENT_MONTH_CHANGE,
-      payload: { date: v }
+      payload: { date: h }
     });
   }, [o, r, _]), Ft(() => {
-    const { from: v, selectedItem: h, to: E } = s;
-    if (!(v && E))
+    const { from: h, selectedItem: v, to: y } = d;
+    if (!(h && y))
       return;
-    const y = oa(h, t);
-    y && (l == null || l(T(k({}, y), {
+    const E = oa(v, t);
+    E && (l == null || l(T(k({}, E), {
       value: {
-        from: v,
-        to: E
+        from: h,
+        to: y
       }
     })));
-  }, [s.from, s.to, s.selectedItem, t, l]), Ft(() => {
-    const { selectedItem: v } = s;
-    if (v === c.current)
+  }, [d.from, d.to, d.selectedItem, t, l]), Ft(() => {
+    const { selectedItem: h } = d;
+    if (h === c.current)
       return;
-    if (!v) {
+    if (!h) {
       l(null);
       return;
     }
-    if (!oa(v, t))
+    if (!oa(h, t))
       return;
-    const E = t.reduce(
-      (y, $) => T(k({}, y), { [$.id]: $ }),
+    const y = t.reduce(
+      (E, $) => T(k({}, E), { [$.id]: $ }),
       {}
     );
-    l(E[v]);
-  }, [l, s.selectedItem, t]);
-  const d = ka(
-    (v) => {
-      const h = o ? wr(o, v) >= 0 : !0;
-      !zr(s.from, s.to) && h && i({
+    l(y[h]);
+  }, [l, d.selectedItem, t]);
+  const s = ka(
+    (h) => {
+      const v = o ? wr(o, h) >= 0 : !0;
+      !zr(d.from, d.to) && v && i({
         type: Z.NEW_TEMPORARY_TO_VALUE,
-        payload: { date: v }
+        payload: { date: h }
       });
     },
-    [o, s.from, s.to]
+    [o, d.from, d.to]
   ), p = ka(
-    (v) => {
-      const { from: h, to: E } = s;
-      f_(v, { to: o }) && (zr(h, E) ? i({
+    (h) => {
+      const { from: v, to: y } = d;
+      f_(h, { to: o }) && (zr(v, y) ? i({
         type: Z.SELECT_FIRST_DAY,
-        payload: { date: v }
-      }) : h && gr(v, h) || h && fr(v, h) ? i({
+        payload: { date: h }
+      }) : v && gr(h, v) || v && fr(h, v) ? i({
         type: Z.SELECT_SECOND_DAY_AS_TO,
-        payload: { date: v }
+        payload: { date: h }
       }) : i({
         type: Z.SELECT_SECOND_DAY_AS_FROM,
-        payload: { date: v }
+        payload: { date: h }
       }));
     },
-    [o, s.from, s.to]
+    [o, d.from, d.to]
   ), m = ka(
-    (v) => {
-      if (v === null) {
+    (h) => {
+      if (h === null) {
         i({
           type: Z.NEW_SELECTED_ITEM,
           payload: { selectedItem: null }
         });
         return;
       }
-      oa(v, t) && i({
+      oa(h, t) && i({
         type: Z.NEW_SELECTED_ITEM,
-        payload: { selectedItem: v }
+        payload: { selectedItem: h }
       });
     },
     [t]
-  ), b = ka((v) => {
+  ), b = ka((h) => {
     i({
       type: Z.CURRENT_MONTH_CHANGE,
-      payload: { date: v }
+      payload: { date: h }
     });
   }, []);
   return n((() => {
-    const { currentMonth: v, from: h, selectedItem: E, temporaryTo: y, to: $ } = s, w = Ea(
-      () => Al(h, y),
-      [h, y]
-    ), C = Ea(() => oa(E, t), [t, E]), f = Ea(() => [h, { from: h, to: y }], [h, y]), N = Ea(() => o ? { after: o } : void 0, [o]);
+    const { currentMonth: h, from: v, selectedItem: y, temporaryTo: E, to: $ } = d, w = Ea(
+      () => Al(v, E),
+      [v, E]
+    ), C = Ea(() => oa(y, t), [t, y]), f = Ea(() => [v, { from: v, to: E }], [v, E]), N = Ea(() => o ? { after: o } : void 0, [o]);
     return {
       select: {
         onItemSelect: m,
-        selected: E || ""
+        selected: y || ""
       },
       inputs: {
-        fromDate: h,
+        fromDate: v,
         toDate: $
       },
       datepicker: {
         range: !0,
-        month: v,
+        month: h,
         numberOfMonths: 2,
         onDayClick: p,
         selectedDays: f,
@@ -3261,7 +3261,7 @@ const Gl = (t) => {
         initialMonth: o && Rt(o, 1),
         toMonth: o,
         disabledDays: N,
-        onDayMouseEnter: d,
+        onDayMouseEnter: s,
         onMonthChange: b
       },
       selectedOption: C
@@ -3317,14 +3317,14 @@ const ci = (t) => {
   withDivider: l,
   fullSpaceContent: n,
   openOnInit: c = !1,
-  hideLabelOnOpen: s,
+  hideLabelOnOpen: d,
   onClick: i
 }) => {
-  const [d, p] = e.useState(c), [m, b] = e.useState(0), g = e.useRef(null), v = u(
+  const [s, p] = e.useState(c), [m, b] = e.useState(0), g = e.useRef(null), h = u(
     H[z],
     l && H[`${z}--with-divider`],
     a
-  ), h = s && d, E = typeof o == "string", y = (w) => {
+  ), v = d && s, y = typeof o == "string", E = (w) => {
     p((C) => !C), w.currentTarget.blur(), i == null || i(w);
   }, $ = (w) => {
     const f = w.target.tagName.toLowerCase();
@@ -3338,17 +3338,17 @@ const ci = (t) => {
       });
       return C.observe(g.current), () => C.disconnect();
     }
-  }, [g]), /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement(
+  }, [g]), /* @__PURE__ */ e.createElement("div", { className: h }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
         H[`${z}__label-wrapper`],
-        s && H[`${z}__label-wrapper--fading`],
-        h && H[`${z}__label-wrapper--hide`],
-        d && H[`${z}__label-wrapper--open`]
+        d && H[`${z}__label-wrapper--fading`],
+        v && H[`${z}__label-wrapper--hide`],
+        s && H[`${z}__label-wrapper--open`]
       ),
-      "aria-expanded": d,
-      "aria-hidden": h,
+      "aria-expanded": s,
+      "aria-hidden": v,
       "data-testid": "details-card-label",
       onClick: $
     },
@@ -3357,12 +3357,12 @@ const ci = (t) => {
       {
         className: u(
           H[`${z}__label`],
-          s && H[`${z}__label--with-margin`]
+          d && H[`${z}__label--with-margin`]
         )
       },
       r && /* @__PURE__ */ e.createElement("div", { className: H[`${z}__label__left-node`] }, r),
-      E ? /* @__PURE__ */ e.createElement(
-        oe,
+      y ? /* @__PURE__ */ e.createElement(
+        ne,
         {
           size: "xs",
           className: H[`${z}__label__content`]
@@ -3374,35 +3374,35 @@ const ci = (t) => {
   ), /* @__PURE__ */ e.createElement(
     W,
     {
-      kind: d && s ? "float" : "text",
+      kind: s && d ? "float" : "text",
       icon: /* @__PURE__ */ e.createElement(
         x,
         {
           source: La,
           className: u(
             H[`${z}__button__icon`],
-            d && H[`${z}__button__icon--open`]
+            s && H[`${z}__button__icon--open`]
           )
         }
       ),
       className: u(
         H[`${z}__button`],
-        !d && H[`${z}__button--closed`],
-        d && H[`${z}__button--open`],
-        s && H[`${z}__button--fading`]
+        !s && H[`${z}__button--closed`],
+        s && H[`${z}__button--open`],
+        d && H[`${z}__button--fading`]
       ),
-      onClick: y,
-      "aria-expanded": d
+      onClick: E,
+      "aria-expanded": s
     }
   ), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
         H[`${z}__content-wrapper`],
-        d && H[`${z}__content-wrapper--open`]
+        s && H[`${z}__content-wrapper--open`]
       ),
       style: {
-        maxHeight: d ? m : 0
+        maxHeight: s ? m : 0
       }
     },
     /* @__PURE__ */ e.createElement(
@@ -3412,7 +3412,7 @@ const ci = (t) => {
         className: u(
           H[`${z}__content`],
           n && H[`${z}__content--full-space`],
-          s && H[`${z}__content--spacing`]
+          d && H[`${z}__content--spacing`]
         )
       },
       t
@@ -3450,14 +3450,14 @@ const ci = (t) => {
   "field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
   "field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
 }, or = "field-group", di = (c) => {
-  var s = c, {
+  var d = c, {
     className: t = "",
     children: a,
     description: r,
     error: _,
     inline: o,
     stretch: l
-  } = s, n = D(s, [
+  } = d, n = D(d, [
     "className",
     "children",
     "description",
@@ -3490,7 +3490,7 @@ const ci = (t) => {
     "helperText",
     "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(oe, { size: "sm", className: Kt[`${Yt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(B, { as: "p", size: "sm", className: Kt[`${Yt}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: Kt[`${Yt}__footer`] }, o));
+  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(ne, { size: "sm", className: Kt[`${Yt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(B, { as: "p", size: "sm", className: Kt[`${Yt}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: Kt[`${Yt}__footer`] }, o));
 }, J = {
   "form-field": "lc-FormField-module__form-field___JqnX6",
   "form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
@@ -3517,9 +3517,9 @@ const ci = (t) => {
   className: l,
   labelFor: n,
   children: c,
-  labelRightNode: s
+  labelRightNode: d
 }) => {
-  const i = e.useRef(null), [d, p] = e.useState("auto"), m = u(
+  const i = e.useRef(null), [s, p] = e.useState("auto"), m = u(
     J[j],
     {
       [J[`${j}--inline`]]: t
@@ -3529,7 +3529,7 @@ const ci = (t) => {
   return e.useEffect(() => {
     const b = i;
     return t && b.current ? p(`${b.current.clientHeight}px`) : p("auto");
-  }), /* @__PURE__ */ e.createElement("div", { className: m }, s && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  }), /* @__PURE__ */ e.createElement("div", { className: m }, d && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     B,
     {
       as: "div",
@@ -3539,7 +3539,7 @@ const ci = (t) => {
         J[`${j}__label-right-node--inline`]
       )
     },
-    s
+    d
   ), /* @__PURE__ */ e.createElement("div", { className: J[`${j}__row-break`] })), /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -3548,7 +3548,7 @@ const ci = (t) => {
         t && J[`${j}__wrapper--inline`]
       )
     },
-    (_ || s) && /* @__PURE__ */ e.createElement(
+    (_ || d) && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: u(
@@ -3565,7 +3565,7 @@ const ci = (t) => {
             t && J[`${j}__label-wrapper--inline`]
           ),
           style: {
-            height: d
+            height: s
           }
         },
         /* @__PURE__ */ e.createElement(
@@ -3589,14 +3589,14 @@ const ci = (t) => {
           o
         )
       ),
-      s && !t && /* @__PURE__ */ e.createElement(
+      d && !t && /* @__PURE__ */ e.createElement(
         B,
         {
           as: "div",
           size: "sm",
           className: u(J[`${j}__label-right-node`])
         },
-        s
+        d
       )
     ),
     /* @__PURE__ */ e.createElement("div", { className: u(J[`${j}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, c), a && /* @__PURE__ */ e.createElement(Sr, null, a), !a && r && /* @__PURE__ */ e.createElement(
@@ -3633,7 +3633,7 @@ const ci = (t) => {
       className: c
     }),
     (r || _) && /* @__PURE__ */ e.createElement("div", { className: xa[`${Ba}__header`] }, r && /* @__PURE__ */ e.createElement(
-      oe,
+      ne,
       {
         as: "div",
         size: "sm",
@@ -3668,8 +3668,8 @@ const ci = (t) => {
     }
   )
 }), gi = e.forwardRef(
-  (s, c) => {
-    var i = s, {
+  (d, c) => {
+    var i = d, {
       inputSize: t = "medium",
       error: a = !1,
       disabled: r,
@@ -3684,9 +3684,9 @@ const ci = (t) => {
       "className",
       "cropOnBlur"
     ]);
-    const d = e.useRef(null);
-    e.useImperativeHandle(c, () => d.current, []);
-    const [p, m] = e.useState(!1), [b, g] = e.useState(!1), { type: v, onFocus: h, onBlur: E } = n, y = u(
+    const s = e.useRef(null);
+    e.useImperativeHandle(c, () => s.current, []);
+    const [p, m] = e.useState(!1), [b, g] = e.useState(!1), { type: h, onFocus: v, onBlur: y } = n, E = u(
       o,
       Le[Oe],
       Le[`${Oe}--${t}`],
@@ -3697,15 +3697,15 @@ const ci = (t) => {
         [Le[`${Oe}--crop`]]: l,
         [Le[`${Oe}--read-only`]]: n.readOnly
       }
-    ), $ = r ? "var(--content-disabled)" : "var(--content-default)", w = b ? F_ : R_, C = _ && _.place === "left", f = _ && v !== "password" && _.place === "right", N = () => {
+    ), $ = r ? "var(--content-disabled)" : "var(--content-default)", w = b ? F_ : R_, C = _ && _.place === "left", f = _ && h !== "password" && _.place === "right", N = () => {
       var S;
-      (S = d.current) == null || S.focus();
+      (S = s.current) == null || S.focus();
     };
     return /* @__PURE__ */ e.createElement(
       B,
       {
         as: "div",
-        className: y,
+        className: E,
         "aria-disabled": r,
         "tab-index": "0",
         onClick: N
@@ -3714,19 +3714,19 @@ const ci = (t) => {
       /* @__PURE__ */ e.createElement(
         "input",
         T(k({}, n), {
-          ref: d,
+          ref: s,
           onFocus: (S) => {
-            m(!0), h == null || h(S);
+            m(!0), v == null || v(S);
           },
           onBlur: (S) => {
-            m(!1), E == null || E(S);
+            m(!1), y == null || y(S);
           },
           disabled: r,
-          type: v && !b ? v : "text"
+          type: h && !b ? h : "text"
         })
       ),
       f && Yr(_, r),
-      v === "password" && /* @__PURE__ */ e.createElement(
+      h === "password" && /* @__PURE__ */ e.createElement(
         W,
         {
           disabled: r,
@@ -3776,8 +3776,8 @@ const ci = (t) => {
   modal__heading: jl,
   "modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
   modal__footer: Ql
-}, qt = "modal-base", en = (s) => {
-  var i = s, {
+}, qt = "modal-base", en = (d) => {
+  var i = d, {
     children: t,
     className: a = "",
     onClose: r,
@@ -3794,7 +3794,7 @@ const ci = (t) => {
     "fullSpaceContent",
     "isLabelled"
   ]);
-  const d = u(
+  const s = u(
     se[qt],
     a,
     l && se[`${qt}--full-space`]
@@ -3826,7 +3826,7 @@ const ci = (t) => {
       k({
         role: "dialog",
         "aria-modal": !0,
-        className: d
+        className: s
       }, c),
       t
     )
@@ -3850,7 +3850,7 @@ const ci = (t) => {
     icon: /* @__PURE__ */ e.createElement(x, { source: Ie, size: "medium", customColor: a })
   }
 ), dt = "modal", bi = (i) => {
-  var d = i, {
+  var s = i, {
     children: t,
     className: a = "",
     heading: r,
@@ -3859,7 +3859,7 @@ const ci = (t) => {
     footer: l,
     onClose: n,
     contentClassName: c
-  } = d, s = D(d, [
+  } = s, d = D(s, [
     "children",
     "className",
     "heading",
@@ -3879,9 +3879,9 @@ const ci = (t) => {
       fullSpaceContent: o,
       onClose: n,
       isLabelled: !!_
-    }, s),
+    }, d),
     _ && /* @__PURE__ */ e.createElement("div", { className: se[`${dt}__label-header`] }, /* @__PURE__ */ e.createElement(
-      oe,
+      ne,
       {
         size: "sm",
         as: "div",
@@ -3904,7 +3904,7 @@ const ci = (t) => {
         })
       },
       r && /* @__PURE__ */ e.createElement(
-        oe,
+        ne,
         {
           size: "sm",
           as: "div",
@@ -3961,7 +3961,7 @@ const ci = (t) => {
     k({
       className: Zt[`${Xt}__heading-left-node`]
     }, r)
-  ), /* @__PURE__ */ e.createElement("div", { className: Zt[`${Xt}__heading-body`] }, /* @__PURE__ */ e.createElement(oe, { as: "div", size: "sm" }, t), _ && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: Zt[`${Xt}__heading-body`] }, /* @__PURE__ */ e.createElement(ne, { as: "div", size: "sm" }, t), _ && /* @__PURE__ */ e.createElement(
     B,
     {
       as: "div",
@@ -3986,7 +3986,7 @@ const ci = (t) => {
 }) => {
   const c = u(Jt[jt], a);
   return /* @__PURE__ */ e.createElement("div", { className: c }, r && /* @__PURE__ */ e.createElement("div", { className: Jt[`${jt}__icon`] }, r), _ && /* @__PURE__ */ e.createElement(
-    oe,
+    ne,
     {
       className: u(Jt[`${jt}__heading`], l)
     },
@@ -4006,8 +4006,8 @@ const ci = (t) => {
   "numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
   "numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
   "numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
-}, At = "numeric-input", Ei = (d) => {
-  var p = d, {
+}, At = "numeric-input", Ei = (s) => {
+  var p = s, {
     className: t,
     error: a,
     value: r,
@@ -4016,7 +4016,7 @@ const ci = (t) => {
     disabled: l,
     noControls: n,
     style: c,
-    onChange: s
+    onChange: d
   } = p, i = D(p, [
     "className",
     "error",
@@ -4036,12 +4036,12 @@ const ci = (t) => {
       [Pt[`${At}--disabled`]]: l
     },
     t
-  ), g = (f) => s(String(f)), v = (f) => _ !== void 0 && f > _ ? _ : o !== void 0 && f < o ? o : f, h = (f) => {
+  ), g = (f) => d(String(f)), h = (f) => _ !== void 0 && f > _ ? _ : o !== void 0 && f < o ? o : f, v = (f) => {
     const N = parseInt(r, 10) + f;
-    return g(v(N));
-  }, E = (f) => {
-    f.key === de.arrowDown && (f.preventDefault(), h(-1)), f.key === de.arrowUp && (f.preventDefault(), h(1));
-  }, y = (f, N) => N !== void 0 && parseInt(f, 10) === N, $ = (f) => {
+    return g(h(N));
+  }, y = (f) => {
+    f.key === de.arrowDown && (f.preventDefault(), v(-1)), f.key === de.arrowUp && (f.preventDefault(), v(1));
+  }, E = (f, N) => N !== void 0 && parseInt(f, 10) === N, $ = (f) => {
     f.preventDefault(), f.stopPropagation();
     const N = f.currentTarget.value.replace(
       /((?!([-]|([-]?\d+))).)/,
@@ -4050,13 +4050,13 @@ const ci = (t) => {
     if (N === "" || N === "-")
       return g(N);
     const S = parseInt(N, 10);
-    return g(v(S));
+    return g(h(S));
   }, w = () => {
     var f;
-    return (f = m.current) == null || f.focus(), h(1);
+    return (f = m.current) == null || f.focus(), v(1);
   }, C = () => {
     var f;
-    return (f = m.current) == null || f.focus(), h(-1);
+    return (f = m.current) == null || f.focus(), v(-1);
   };
   return /* @__PURE__ */ e.createElement("div", { className: b, style: c }, /* @__PURE__ */ e.createElement(
     "input",
@@ -4067,7 +4067,7 @@ const ci = (t) => {
       value: r,
       disabled: l,
       onChange: $,
-      onKeyDown: E,
+      onKeyDown: y,
       min: o,
       max: _
     })
@@ -4075,7 +4075,7 @@ const ci = (t) => {
     "button",
     {
       tabIndex: -1,
-      disabled: l || y(r, _),
+      disabled: l || E(r, _),
       onClick: w,
       "aria-label": "Increment value",
       className: Pt[`${At}__increment`],
@@ -4085,7 +4085,7 @@ const ci = (t) => {
       x,
       {
         source: Oa,
-        disabled: l || y(r, _),
+        disabled: l || E(r, _),
         kind: "primary"
       }
     )
@@ -4093,7 +4093,7 @@ const ci = (t) => {
     "button",
     {
       tabIndex: -1,
-      disabled: l || y(r, o),
+      disabled: l || E(r, o),
       "aria-label": "Decrement value",
       className: Pt[`${At}__decrement`],
       onClick: C,
@@ -4104,11 +4104,11 @@ const ci = (t) => {
       {
         source: Ot,
         kind: "primary",
-        disabled: l || y(r, o)
+        disabled: l || E(r, o)
       }
     )
   )));
-}, ne = {
+}, oe = {
   "checklist-item": "lc-CheckListItem-module__checklist-item___t4CCN",
   "checklist-item--active": "lc-CheckListItem-module__checklist-item--active___mZ8df",
   "checklist-item__check-mark": "lc-CheckListItem-module__checklist-item__check-mark___sZkv4",
@@ -4124,90 +4124,101 @@ const ci = (t) => {
   "checklist-item__content__inner__description": "lc-CheckListItem-module__checklist-item__content__inner__description___FBp5h",
   "checklist-item__content__inner__cta": "lc-CheckListItem-module__checklist-item__content__inner__cta___4s0rt",
   "checklist-item__chevron": "lc-CheckListItem-module__checklist-item__chevron___1Fmqp"
-}, ce = "checklist-item", tn = 3, an = ({
+}, le = "checklist-item", tn = 3, an = ({
   id: t,
   isActive: a,
   isChecked: r,
   isLastElement: _,
   title: o,
-  description: l,
-  onClick: n,
-  cta: c
+  titleHint: l,
+  description: n,
+  onClick: c,
+  cta: d
 }) => {
-  const s = e.useRef(null), i = e.useRef(null), [d, p] = e.useState(0), m = e.useRef(d);
+  const i = e.useRef(null), s = e.useRef(null), [p, m] = e.useState(0), b = e.useRef(p);
   return e.useEffect(() => {
-    a && s.current && s.current.focus();
+    a && i.current && i.current.focus();
   }, [a]), e.useEffect(() => {
-    const b = !!window.ResizeObserver;
-    if (i.current && b) {
-      const g = new ResizeObserver((v) => {
-        const h = v[0];
-        if (!h)
+    const g = !!window.ResizeObserver;
+    if (s.current && g) {
+      const h = new ResizeObserver((v) => {
+        const y = v[0];
+        if (!y)
           return;
-        const E = h.contentRect.height + tn;
-        m.current !== E && (p(E), m.current = E);
+        const E = y.contentRect.height + tn;
+        b.current !== E && (m(E), b.current = E);
       });
-      return g.observe(i.current), () => g.disconnect();
+      return h.observe(s.current), () => h.disconnect();
     }
-  }, [i]), /* @__PURE__ */ e.createElement(
+  }, [s]), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: u(ne[ce], {
-        [ne[`${ce}--active`]]: a
+      className: u(oe[le], {
+        [oe[`${le}--active`]]: a
       })
     },
     /* @__PURE__ */ e.createElement(
       "span",
       {
-        className: u(ne[`${ce}__check-mark`], {
-          [ne[`${ce}__check-mark--checked`]]: r
+        className: u(oe[`${le}__check-mark`], {
+          [oe[`${le}__check-mark--checked`]]: r
         })
       },
       r && /* @__PURE__ */ e.createElement(x, { size: "small", source: ia }),
-      !_ && /* @__PURE__ */ e.createElement("span", { className: ne[`${ce}__check-mark__line`] })
+      !_ && /* @__PURE__ */ e.createElement("span", { className: oe[`${le}__check-mark__line`] })
     ),
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        ref: s,
+        ref: i,
         "data-testid": `checklist-item-${t}`,
         "aria-expanded": a,
         tabIndex: 0,
-        onFocus: a ? void 0 : () => n(t),
-        onClick: a ? void 0 : () => n(t),
-        className: u(ne[`${ce}__content`], {
-          [ne[`${ce}__content--open`]]: a
+        onFocus: a ? void 0 : () => c(t),
+        onClick: a ? void 0 : () => c(t),
+        className: u(oe[`${le}__content`], {
+          [oe[`${le}__content--open`]]: a
         })
       },
       /* @__PURE__ */ e.createElement(
-        oe,
+        ne,
         {
           size: "xs",
-          className: u(ne[`${ce}__content__label`], {
-            [ne[`${ce}__content__label--open`]]: a,
-            [ne[`${ce}__content__label--checked`]]: r
+          className: u(oe[`${le}__content__label`], {
+            [oe[`${le}__content__label--open`]]: a,
+            [oe[`${le}__content__label--checked`]]: r
           })
         },
-        o
+        o,
+        " ",
+        l && /* @__PURE__ */ e.createElement(
+          B,
+          {
+            noMargin: !0,
+            size: "lg",
+            className: oe[`${le}__content__hint`]
+          },
+          l
+        )
       ),
       /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: u(ne[`${ce}__content__inner`], {
-            [ne[`${ce}__content__inner--open`]]: a
+          className: u(oe[`${le}__content__inner`], {
+            [oe[`${le}__content__inner--open`]]: a
           }),
-          style: { maxHeight: a ? d : 0 }
+          style: { maxHeight: a ? p : 0 }
         },
-        /* @__PURE__ */ e.createElement("div", { ref: i }, /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("div", { ref: s }, /* @__PURE__ */ e.createElement(
           B,
           {
             size: "lg",
-            className: ne[`${ce}__content__inner__description`]
+            className: oe[`${le}__content__inner__description`]
           },
-          l
-        ), /* @__PURE__ */ e.createElement("div", { className: ne[`${ce}__content__inner__cta`] }, c))
+          n
+        ), /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__content__inner__cta`] }, d))
       ),
-      !a && /* @__PURE__ */ e.createElement("div", { className: ne[`${ce}__chevron`] }, /* @__PURE__ */ e.createElement(x, { source: La }))
+      !a && /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__chevron`] }, /* @__PURE__ */ e.createElement(x, { source: La }))
     )
   );
 }, Q = {
@@ -4236,18 +4247,18 @@ const ci = (t) => {
   onActiveChange: l,
   placeholderClassName: n,
   isCompleted: c = !1,
-  completionMessageData: s,
+  completionMessageData: d,
   className: i
 }) => {
   var $;
-  const [d, p] = e.useState(c), [m, b] = e.useState(!c), [g, v] = e.useState(void 0), h = e.useRef(null), E = s.height || 96, y = () => {
+  const [s, p] = e.useState(c), [m, b] = e.useState(!c), [g, h] = e.useState(void 0), v = e.useRef(null), y = d.height || 96, E = () => {
     b((w) => !w);
   };
   return e.useEffect(() => {
-    const w = s.delay || 1500, C = h.current;
+    const w = d.delay || 1500, C = v.current;
     if (c && C) {
       const f = C.offsetHeight;
-      v(f);
+      h(f);
       const N = setTimeout(() => {
         p(!0), b(!1);
       }, w);
@@ -4258,16 +4269,16 @@ const ci = (t) => {
   }, [c]), /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: h,
+      ref: v,
       className: u(
         Q[ee],
         {
-          [Q[`${ee}--complete`]]: d && !m
+          [Q[`${ee}--complete`]]: s && !m
         },
         i
       ),
       style: {
-        height: !d || m ? g : E
+        height: !s || m ? g : y
       }
     },
     m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__column`] }, /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__header`] }, _ && /* @__PURE__ */ e.createElement(
@@ -4278,7 +4289,7 @@ const ci = (t) => {
       },
       _
     ), /* @__PURE__ */ e.createElement(
-      oe,
+      ne,
       {
         size: "lg",
         className: Q[`${ee}__header__title`]
@@ -4291,6 +4302,7 @@ const ci = (t) => {
         id: w.id,
         description: w.description,
         title: w.title,
+        titleHint: w.titleHint,
         isActive: w.id === t,
         isChecked: a.includes(w.id),
         isLastElement: C === o.length - 1,
@@ -4307,7 +4319,7 @@ const ci = (t) => {
         )
       },
       !c && /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__placeholder`] }, ($ = o.find((w) => w.id === t)) == null ? void 0 : $.placeholder),
-      c && /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__placeholder`] }, s.placeholder)
+      c && /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__placeholder`] }, d.placeholder)
     )),
     !m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__complete`] }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
       x,
@@ -4316,22 +4328,22 @@ const ci = (t) => {
         className: Q[`${ee}__complete__icon`],
         source: vr
       }
-    )), /* @__PURE__ */ e.createElement("div", null, (s == null ? void 0 : s.greetingText) && /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement("div", null, (d == null ? void 0 : d.greetingText) && /* @__PURE__ */ e.createElement(
       B,
       {
         size: "lg",
         className: Q[`${ee}__complete__label`]
       },
-      s.greetingText
+      d.greetingText
     ), /* @__PURE__ */ e.createElement(
-      oe,
+      ne,
       {
         size: "sm",
         className: Q[`${ee}__complete__title`]
       },
-      s.title
+      d.title
     )))),
-    d && /* @__PURE__ */ e.createElement(
+    s && /* @__PURE__ */ e.createElement(
       W,
       {
         kind: m ? "float" : "text",
@@ -4346,7 +4358,7 @@ const ci = (t) => {
           }
         ),
         className: Q[`${ee}__button`],
-        onClick: y,
+        onClick: E,
         "aria-expanded": m
       }
     )
@@ -4391,37 +4403,37 @@ const Mt = "select-all", ln = (t, a) => {
   item: n,
   numberOfItems: c
 }) => {
-  const s = (d) => d != null && d.customElement ? /* @__PURE__ */ e.createElement("div", { className: fe[`${Pe}__custom`] }, d.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, d.showCheckbox && /* @__PURE__ */ e.createElement(
+  const d = (s) => s != null && s.customElement ? /* @__PURE__ */ e.createElement("div", { className: fe[`${Pe}__custom`] }, s.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, s.showCheckbox && /* @__PURE__ */ e.createElement(
     Dl,
     {
       className: fe[`${Pe}__checkbox`],
       checked: r
     }
-  ), d.icon && /* @__PURE__ */ e.createElement(
+  ), s.icon && /* @__PURE__ */ e.createElement(
     x,
     {
       className: fe[`${Pe}__icon`],
       kind: "link",
-      source: d.icon
+      source: s.icon
     }
-  ), d.avatarSrc && /* @__PURE__ */ e.createElement(
+  ), s.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
       className: u(fe[`${Pe}__avatar`]),
-      src: d.avatarSrc,
-      alt: d.name
+      src: s.avatarSrc,
+      alt: s.name
     }
   ), /* @__PURE__ */ e.createElement("div", { className: fe[`${Pe}__label-container`] }, /* @__PURE__ */ e.createElement(
     B,
     {
       as: "span",
       className: u([fe[`${Pe}__label`]], {
-        [fe[`${Pe}__main-label`]]: d.secondaryText
+        [fe[`${Pe}__main-label`]]: s.secondaryText
       }),
-      "aria-disabled": d.disabled
+      "aria-disabled": s.disabled
     },
-    d.name
-  ), d.secondaryText && /* @__PURE__ */ e.createElement("span", { className: fe[`${Pe}__secondary-label`] }, d.secondaryText)));
+    s.name
+  ), s.secondaryText && /* @__PURE__ */ e.createElement("span", { className: fe[`${Pe}__secondary-label`] }, s.secondaryText)));
   if (n.groupHeader)
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -4431,10 +4443,10 @@ const Mt = "select-all", ln = (t, a) => {
         role: "group",
         className: fe[`${Pe}__header`]
       }, l()),
-      /* @__PURE__ */ e.createElement(oe, { size: "2xs", uppercase: !0, bold: !0, as: "div" }, n.name)
+      /* @__PURE__ */ e.createElement(ne, { size: "2xs", uppercase: !0, bold: !0, as: "div" }, n.name)
     );
-  const i = (d) => {
-    !n.disabled && o(d);
+  const i = (s) => {
+    !n.disabled && o(s);
   };
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -4442,8 +4454,8 @@ const Mt = "select-all", ln = (t, a) => {
       id: n.key,
       key: n.key,
       tabIndex: a ? 0 : -1,
-      ref: (d) => {
-        d && (_.current[t] = d);
+      ref: (s) => {
+        s && (_.current[t] = s);
       },
       role: "option",
       "aria-setsize": c,
@@ -4466,7 +4478,7 @@ const Mt = "select-all", ln = (t, a) => {
           [fe[`${Pe}--select-all`]]: n.key === Mt
         })
       },
-      s(n),
+      d(n),
       r && !n.showCheckbox && /* @__PURE__ */ e.createElement(
         x,
         {
@@ -4491,20 +4503,20 @@ const Mt = "select-all", ln = (t, a) => {
   activeIndex: l,
   selectedKeys: n,
   listElementsRef: c,
-  setPointer: s,
+  setPointer: d,
   onSelect: i,
-  getFloatingProps: d,
+  getFloatingProps: s,
   getItemProps: p,
   emptyStateText: m = "No results found",
   pickerType: b = "single",
   listClassName: g,
-  virtuosoProps: v
+  virtuosoProps: h
 }) => {
-  const [h, E] = e.useState(0), y = o.length, $ = e.useCallback(
+  const [v, y] = e.useState(0), E = o.length, $ = e.useCallback(
     (C) => {
-      C !== h && (C < _ ? E(C + (y - 1) * rn) : E(_));
+      C !== v && (C < _ ? y(C + (E - 1) * rn) : y(_));
     },
-    [y]
+    [E]
   );
   if (Ft(() => {
     c.current = new Array(o.length);
@@ -4537,26 +4549,26 @@ const Mt = "select-all", ln = (t, a) => {
         tabIndex: 0,
         "aria-multiselectable": b === "multi",
         className: Qt["listbox-wrapper"]
-      }, d({
+      }, s({
         onKeyDown(C) {
-          s(!1), C.key === "Enter" && l !== null && i(o[l].key), C.key === " " && C.preventDefault();
+          d(!1), C.key === "Enter" && l !== null && i(o[l].key), C.key === " " && C.preventDefault();
         },
         onKeyUp(C) {
           C.key === " " && l !== null && i(o[l].key);
         },
         onPointerMove() {
-          s(!0);
+          d(!0);
         }
       })),
       /* @__PURE__ */ e.createElement(
         lo,
         T(k({
           totalListHeightChanged: $,
-          style: { height: `${h}px`, maxHeight: _ },
+          style: { height: `${v}px`, maxHeight: _ },
           totalCount: o.length,
           data: o,
           increaseViewportBy: 200
-        }, v), {
+        }, h), {
           itemContent: (C, f) => /* @__PURE__ */ e.createElement(
             nn,
             {
@@ -4567,7 +4579,7 @@ const Mt = "select-all", ln = (t, a) => {
               isSelected: w(f.key),
               onSelect: i,
               item: f,
-              numberOfItems: y
+              numberOfItems: E
             }
           )
         })
@@ -4601,9 +4613,9 @@ const Mt = "select-all", ln = (t, a) => {
   isItemSelected: l,
   hideClearButton: n,
   isDisabled: c,
-  isRequired: s,
+  isRequired: d,
   isOpen: i,
-  isError: d,
+  isError: s,
   onClear: p,
   children: m,
   setTriggerFocus: b
@@ -4615,9 +4627,9 @@ const Mt = "select-all", ln = (t, a) => {
     o && l && be[`${ie}--multi-select--with-items`],
     c && be[`${ie}--disabled`],
     i && be[`${ie}--focused`],
-    d && be[`${ie}--error`]
-  ), v = !n && l && !c && !s, h = (E) => {
-    E.stopPropagation(), p();
+    s && be[`${ie}--error`]
+  ), h = !n && l && !c && !d, v = (y) => {
+    y.stopPropagation(), p();
   };
   return e.useEffect(() => {
     i || b(!1);
@@ -4655,12 +4667,12 @@ const Mt = "select-all", ln = (t, a) => {
           be[`${ie}__controls--${_}`]
         )
       },
-      v && /* @__PURE__ */ e.createElement(
+      h && /* @__PURE__ */ e.createElement(
         "div",
         {
           "data-testid": `${ie}__clear-icon`,
           className: be[`${ie}__clear-icon`],
-          onClick: h
+          onClick: v
         },
         /* @__PURE__ */ e.createElement(x, { kind: "primary", size: "small", source: Ie })
       ),
@@ -4709,8 +4721,8 @@ const Mt = "select-all", ln = (t, a) => {
   "tag__remove--hover": "lc-Tag-module__tag__remove--hover___2ROEU",
   tag__node: pn,
   tag__content: gn
-}, Ce = "tag", fn = (t) => t ? yr(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", h_ = (v) => {
-  var h = v, {
+}, Ce = "tag", fn = (t) => t ? yr(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", h_ = (h) => {
+  var v = h, {
     className: t = "",
     children: a,
     dismissible: r = !1,
@@ -4719,13 +4731,13 @@ const Mt = "select-all", ln = (t, a) => {
     size: l = "medium",
     kind: n = "default",
     onRemove: c,
-    outline: s = !1,
+    outline: d = !1,
     leftNode: i,
-    rightNode: d,
+    rightNode: s,
     customColor: p,
     iconOnly: m = !1,
     value: b
-  } = h, g = D(h, [
+  } = v, g = D(v, [
     "className",
     "children",
     "dismissible",
@@ -4741,18 +4753,18 @@ const Mt = "select-all", ln = (t, a) => {
     "iconOnly",
     "value"
   ]);
-  const E = _ || c && m, y = u(
+  const y = _ || c && m, E = u(
     we[Ce],
     t,
     we[`${Ce}--${l}`],
     we[`${Ce}--${n}`],
     {
-      [we[`${Ce}--outline`]]: s,
+      [we[`${Ce}--outline`]]: d,
       [we[`${Ce}--${fn(p)}`]]: !!p,
       [we[`${Ce}--icon-only`]]: m,
-      [we[`${Ce}--dismissible-on-hover`]]: E
+      [we[`${Ce}--dismissible-on-hover`]]: y
     }
-  ), $ = l === "small" ? "small" : "medium", w = l === "small" ? "sm" : "md", C = () => p ? s ? {
+  ), $ = l === "small" ? "small" : "medium", w = l === "small" ? "sm" : "md", C = () => p ? d ? {
     style: {
       backgroundColor: "transparent",
       color: p,
@@ -4760,12 +4772,12 @@ const Mt = "select-all", ln = (t, a) => {
     }
   } : { style: { backgroundColor: p } } : {}, f = () => {
     if (p)
-      return s ? p : yr(p, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
+      return d ? p : yr(p, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
   };
   return /* @__PURE__ */ e.createElement(
     B,
     T(k(k({
-      className: y
+      className: E
     }, g), C()), {
       as: "div",
       size: w
@@ -4778,14 +4790,14 @@ const Mt = "select-all", ln = (t, a) => {
         style: { color: f() }
       },
       i
-    ), /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__content`] }, b || a), d && !m && /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__content`] }, b || a), s && !m && /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "lc-tag-right-node",
         className: we[`${Ce}__node`],
         style: { color: f() }
       },
-      d
+      s
     )),
     c && !o && /* @__PURE__ */ e.createElement(
       "span",
@@ -4796,7 +4808,7 @@ const Mt = "select-all", ln = (t, a) => {
         role: "button",
         "aria-label": "Remove tag",
         className: u(we[`${Ce}__remove`], {
-          [we[`${Ce}__remove--hover`]]: E
+          [we[`${Ce}__remove--hover`]]: y
         })
       },
       /* @__PURE__ */ e.createElement(
@@ -4837,24 +4849,24 @@ const Mt = "select-all", ln = (t, a) => {
   type: l,
   clearSearchAfterSelection: n,
   size: c = "medium",
-  onItemRemove: s,
+  onItemRemove: d,
   onSelect: i,
-  onFilter: d,
+  onFilter: s,
   onClear: p,
   searchPhrase: m,
   virtualItemRef: b,
   isTriggerFocused: g,
-  inputRef: v
+  inputRef: h
 }) => {
-  const h = t && !a;
+  const v = t && !a;
   e.useEffect(() => {
-    n && v != null && v.current && v.current.focus();
+    n && h != null && h.current && h.current.focus();
   }, [o, n]);
-  const E = (f) => {
-    f.key === "Backspace" && o && o.length > 0 && (f.preventDefault(), l === "multi" ? s(o[o.length - 1].key) : p()), f.key === "Delete" && (f.preventDefault(), p());
+  const y = (f) => {
+    f.key === "Backspace" && o && o.length > 0 && (f.preventDefault(), l === "multi" ? d(o[o.length - 1].key) : p()), f.key === "Delete" && (f.preventDefault(), p());
   };
-  e.useEffect(() => (!t && g ? document.addEventListener("keydown", E) : document.removeEventListener("keydown", E), () => document.removeEventListener("keydown", E)), [t, o, g]);
-  const y = (f) => l === "single" && t && !a ? null : f != null && f.customElement ? /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, f.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, f.icon && /* @__PURE__ */ e.createElement(
+  e.useEffect(() => (!t && g ? document.addEventListener("keydown", y) : document.removeEventListener("keydown", y), () => document.removeEventListener("keydown", y)), [t, o, g]);
+  const E = (f) => l === "single" && t && !a ? null : f != null && f.customElement ? /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, f.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, f.icon && /* @__PURE__ */ e.createElement(
     x,
     {
       source: f.icon,
@@ -4867,13 +4879,13 @@ const Mt = "select-all", ln = (t, a) => {
       alt: "",
       className: he[`${ve}__item__avatar`]
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item__content`] }, f.name)), $ = (f) => d(f.target.value), w = (f) => {
+  ), /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item__content`] }, f.name)), $ = (f) => s(f.target.value), w = (f) => {
     var N, S;
-    (N = b.current) != null && N.id && f.key === "Enter" && i((S = b.current) == null ? void 0 : S.id), l === "multi" && (f.key === "Backspace" || f.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && s(o[o.length - 1].key);
+    (N = b.current) != null && N.id && f.key === "Enter" && i((S = b.current) == null ? void 0 : S.id), l === "multi" && (f.key === "Backspace" || f.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
   }, C = () => /* @__PURE__ */ e.createElement(
     "input",
     {
-      ref: v,
+      ref: h,
       className: u(
         he[`${ve}__input`],
         he[`${ve}__input--${c}`]
@@ -4885,7 +4897,7 @@ const Mt = "select-all", ln = (t, a) => {
       value: m
     }
   );
-  return !o || o.length === 0 ? h ? C() : /* @__PURE__ */ e.createElement(
+  return !o || o.length === 0 ? v ? C() : /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u({
@@ -4901,7 +4913,7 @@ const Mt = "select-all", ln = (t, a) => {
         [he[`${ve}--single`]]: l === "single"
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item-container`] }, l === "single" ? y(o[0]) : o.map((f) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item-container`] }, l === "single" ? E(o[0]) : o.map((f) => /* @__PURE__ */ e.createElement(
       h_,
       {
         key: f.key,
@@ -4911,12 +4923,12 @@ const Mt = "select-all", ln = (t, a) => {
         ),
         disabled: r,
         onRemove: (N) => {
-          N.stopPropagation(), s(f.key);
+          N.stopPropagation(), d(f.key);
         }
       },
-      y(f)
+      E(f)
     ))),
-    h && C()
+    v && C()
   );
 }, hn = 10, vn = ({
   disabled: t,
@@ -4927,17 +4939,17 @@ const Mt = "select-all", ln = (t, a) => {
   floatingStrategy: l,
   useDismissHookProps: n,
   useClickHookProps: c,
-  isOpen: s,
+  isOpen: d,
   onVisibilityChange: i,
-  searchPhrase: d
+  searchPhrase: s
 }) => {
-  const p = sa(), [m, b] = e.useState(!1), [g, v] = e.useState(null), [h, E] = e.useState(o), y = e.useRef([]), $ = e.useRef(null);
+  const p = sa(), [m, b] = e.useState(!1), [g, h] = e.useState(null), [v, y] = e.useState(o), E = e.useRef([]), $ = e.useRef(null);
   e.useEffect(() => {
-    $.current = null, v(null);
-  }, [d]);
+    $.current = null, h(null);
+  }, [s]);
   const { refs: w, floatingStyles: C, context: f, isPositioned: N } = da({
     nodeId: p,
-    open: s,
+    open: d,
     strategy: l,
     onOpenChange: i,
     whileElementsMounted: ma,
@@ -4949,7 +4961,7 @@ const Mt = "select-all", ln = (t, a) => {
       __({
         apply({ availableHeight: L, rects: U, elements: $e }) {
           l_.flushSync(() => {
-            E(
+            y(
               Math.max(
                 Math.min(o, L),
                 _
@@ -4968,9 +4980,9 @@ const Mt = "select-all", ln = (t, a) => {
     toggle: !1
   }, c)), M = fa(f, { role: "listbox" }), G = ga(f, n), I = ao(f, {
     enabled: a.length > 0 && !t,
-    listRef: y,
+    listRef: E,
     activeIndex: g,
-    onNavigate: v,
+    onNavigate: h,
     virtual: !0,
     virtualItemRef: $,
     disabledIndices: ln(
@@ -4980,7 +4992,7 @@ const Mt = "select-all", ln = (t, a) => {
   }), { getReferenceProps: O, getFloatingProps: Y, getItemProps: X } = ba(
     [S, G, M, I]
   );
-  return !s && m && b(!1), {
+  return !d && m && b(!1), {
     getReferenceProps: O,
     getFloatingProps: Y,
     getItemProps: X,
@@ -4991,9 +5003,9 @@ const Mt = "select-all", ln = (t, a) => {
     nodeId: p,
     setFloating: w.setFloating,
     activeIndex: g,
-    listElementsRef: y,
+    listElementsRef: E,
     virtualItemRef: $,
-    maxHeight: h,
+    maxHeight: v,
     pointer: m,
     setPointer: b
   };
@@ -5007,13 +5019,13 @@ const Mt = "select-all", ln = (t, a) => {
   clearSearchAfterSelection: n,
   inputRef: c
 }) => {
-  const [s, i] = e.useState(
+  const [d, i] = e.useState(
     () => (t == null ? void 0 : t.map(lr)) || []
-  ), d = t !== void 0, p = d ? (t == null ? void 0 : t.map(lr)) || [] : s, [m, b] = e.useState(""), g = (w) => b(w), v = (w) => $(w), h = () => {
-    !d && i([]), o(null), b(""), l(!1);
-  }, E = () => {
+  ), s = t !== void 0, p = s ? (t == null ? void 0 : t.map(lr)) || [] : d, [m, b] = e.useState(""), g = (w) => b(w), h = (w) => $(w), v = () => {
+    !s && i([]), o(null), b(""), l(!1);
+  }, y = () => {
     g(""), c.current && (c.current.value = "");
-  }, y = e.useMemo(() => {
+  }, E = e.useMemo(() => {
     const w = r === "multi" && _;
     let C = a;
     return m && (C = C.filter((f) => {
@@ -5040,7 +5052,7 @@ const Mt = "select-all", ln = (t, a) => {
           return o(f), f.map(({ key: N }) => N);
         });
       else {
-        if (d) {
+        if (s) {
           const f = (t == null ? void 0 : t.map(lr)) || [], N = Jr(f, w);
           o(a.filter(({ key: S }) => N.includes(S)));
         } else
@@ -5048,17 +5060,17 @@ const Mt = "select-all", ln = (t, a) => {
             const N = Jr(f, w);
             return o(a.filter(({ key: S }) => N.includes(S))), N;
           });
-        n && E();
+        n && y();
       }
   };
   return {
     selectedKeys: p,
-    items: y,
+    items: E,
     searchPhrase: m,
     handleSelect: $,
     handleOnFilter: g,
-    handleItemRemove: v,
-    handleClear: h
+    handleItemRemove: h,
+    handleClear: v
   };
 }, En = {
   "picker-wrapper": "lc-Picker-module__picker-wrapper___2EDne"
@@ -5072,17 +5084,17 @@ const Mt = "select-all", ln = (t, a) => {
     disabled: l,
     error: n,
     options: c,
-    selected: s,
+    selected: d,
     size: i = "medium",
-    placeholder: d = "Select option",
+    placeholder: s = "Select option",
     isRequired: p,
     noSearchResultText: m = "No results found",
     selectAllOptionText: b,
     type: g = "single",
-    searchDisabled: v = !1,
-    hideClearButton: h,
-    isVisible: E,
-    onOpen: y,
+    searchDisabled: h = !1,
+    hideClearButton: v,
+    isVisible: y,
+    onOpen: E,
     onClose: $,
     openedOnInit: w = !1,
     clearSearchAfterSelection: C = !0,
@@ -5122,8 +5134,8 @@ const Mt = "select-all", ln = (t, a) => {
     "useClickHookProps",
     "virtuosoProps"
   ]);
-  const [L, U] = e.useState(w), [$e, Ke] = e.useState(!1), Ue = E !== void 0, Ne = Ue ? E : L, $t = e.useRef(null), ft = (Gt, me) => {
-    Gt ? !Ne && (y == null || y(me)) : Ne && ($ == null || $(me)), !Ue && U(Gt);
+  const [L, U] = e.useState(w), [$e, Ke] = e.useState(!1), Ue = y !== void 0, Ne = Ue ? y : L, $t = e.useRef(null), ft = (Gt, me) => {
+    Gt ? !Ne && (E == null || E(me)) : Ne && ($ == null || $(me)), !Ue && U(Gt);
   }, {
     selectedKeys: Nt,
     items: bt,
@@ -5133,7 +5145,7 @@ const Mt = "select-all", ln = (t, a) => {
     handleItemRemove: xt,
     handleClear: P
   } = kn({
-    selected: s,
+    selected: d,
     options: c,
     type: g,
     selectAllOptionText: b,
@@ -5178,7 +5190,7 @@ const Mt = "select-all", ln = (t, a) => {
       isItemSelected: Nt.length > 0,
       isOpen: Ne,
       onClear: P,
-      hideClearButton: h,
+      hideClearButton: v,
       isDisabled: l,
       isError: n,
       isRequired: p,
@@ -5190,10 +5202,10 @@ const Mt = "select-all", ln = (t, a) => {
       bn,
       {
         isOpen: Ne,
-        isSearchDisabled: v,
+        isSearchDisabled: h,
         isDisabled: l,
-        placeholder: d,
-        selectedItems: s,
+        placeholder: s,
+        selectedItems: d,
         type: g,
         size: i,
         clearSearchAfterSelection: C,
@@ -5239,21 +5251,21 @@ const Mt = "select-all", ln = (t, a) => {
   triggerClassName: l,
   placement: n,
   flipOptions: c,
-  offsetSize: s = 4,
+  offsetSize: d = 4,
   isVisible: i,
-  openedOnInit: d,
+  openedOnInit: s,
   closeOnEsc: p = !0,
   useDismissHookProps: m,
   useClickHookProps: b,
   floatingStrategy: g
 }) => {
-  const [v, h] = e.useState(d), E = Ga(), y = sa(), $ = i !== void 0, w = $ ? i : v, C = typeof _ == "string", f = typeof t == "function", N = (Ke, Ue) => {
-    Ke ? r == null || r(Ue) : a == null || a(Ue), !$ && h(Ke);
+  const [h, v] = e.useState(s), y = Ga(), E = sa(), $ = i !== void 0, w = $ ? i : h, C = typeof _ == "string", f = typeof t == "function", N = (Ke, Ue) => {
+    Ke ? r == null || r(Ue) : a == null || a(Ue), !$ && v(Ke);
   }, { refs: S, context: M, floatingStyles: G } = da({
-    nodeId: y,
+    nodeId: E,
     open: w,
     onOpenChange: N,
-    middleware: [ua(s), Ua(c), Er()],
+    middleware: [ua(d), Ua(c), Er()],
     placement: n,
     strategy: g,
     whileElementsMounted: ma
@@ -5272,7 +5284,7 @@ const Mt = "select-all", ln = (t, a) => {
       className: l
     }),
     f ? t() : t
-  ), /* @__PURE__ */ e.createElement(ha, { id: y }, w && /* @__PURE__ */ e.createElement(mr, { context: M, modal: !1 }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(ha, { id: E }, w && /* @__PURE__ */ e.createElement(mr, { context: M, modal: !1 }, /* @__PURE__ */ e.createElement(
     "div",
     k({
       className: U,
@@ -5281,7 +5293,7 @@ const Mt = "select-all", ln = (t, a) => {
     }, L()),
     C ? /* @__PURE__ */ e.createElement(B, { as: "div" }, _) : _
   ))));
-  return E === null ? /* @__PURE__ */ e.createElement(Ha, null, $e) : $e;
+  return y === null ? /* @__PURE__ */ e.createElement(Ha, null, $e) : $e;
 };
 function Cn(t, a, r, _) {
   return _ && t === 0 ? _ : t === 1 ? a : r;
@@ -5378,9 +5390,9 @@ const Be = {
     name: l,
     url: n,
     withDivider: c,
-    shortcutKey: s,
+    shortcutKey: d,
     expired: i,
-    trialDaysLeft: d,
+    trialDaysLeft: s,
     nameAdornment: p
   },
   onClick: m,
@@ -5391,7 +5403,10 @@ const Be = {
     href: n,
     target: "_blank",
     "aria-label": `Go to ${l} product`,
-    onClick: (g) => m(g, t),
+    onClick: (g) => {
+      var h;
+      g.preventDefault(), m(g, t), (h = window.open(n, "_blank")) == null || h.focus();
+    },
     className: u(Qe[et], {
       [Qe[`${et}--expired`]]: i
     })
@@ -5419,7 +5434,7 @@ const Be = {
       placement: "right"
     },
     "Your licence is expired"
-  ), typeof d != "undefined" && /* @__PURE__ */ e.createElement(
+  ), typeof s != "undefined" && /* @__PURE__ */ e.createElement(
     Lt,
     {
       className: Qe[`${et}__trial-tooltip`],
@@ -5432,13 +5447,13 @@ const Be = {
       ),
       placement: "right"
     },
-    d,
+    s,
     " trial ",
-    Cn(d, "day", "days"),
+    Cn(s, "day", "days"),
     " ",
     "left in your trial. Time to upgrade"
   ), p)),
-  s && /* @__PURE__ */ e.createElement(B, { size: "sm", className: Qe[`${et}__shortcut`] }, "⌘", s)
+  d && /* @__PURE__ */ e.createElement(B, { size: "sm", className: Qe[`${et}__shortcut`] }, "⌘", d)
 )), ea = {
   "product-switcher": "lc-ProductSwitcher-module__product-switcher___mI-WG",
   "product-switcher__content": "lc-ProductSwitcher-module__product-switcher__content___6jGuY",
@@ -5455,21 +5470,21 @@ const Be = {
   onSelect: n,
   textURL: c = "https://www.text.com"
 }) => {
-  const [s, i] = e.useState(r), [d, p] = I_(
+  const [d, i] = e.useState(r), [s, p] = I_(
     !1
-  ), m = Ga(), b = sa(), g = _ !== void 0, v = g ? _ : s, h = (L, U) => {
+  ), m = Ga(), b = sa(), g = _ !== void 0, h = g ? _ : d, v = (L, U) => {
     L ? o == null || o(U) : l == null || l(U), !g && i(L);
-  }, { refs: E, context: y, floatingStyles: $ } = da({
+  }, { refs: y, context: E, floatingStyles: $ } = da({
     nodeId: b,
     strategy: "fixed",
     placement: "right-start",
-    open: v,
+    open: h,
     onOpenChange: (L, U) => {
-      p(!1), h(L, U);
+      p(!1), v(L, U);
     },
     middleware: [ua({ mainAxis: 5 })],
     whileElementsMounted: ma
-  }), w = pa(y), C = fa(y), f = ga(y), { isMounted: N, styles: S } = kr(y, {
+  }), w = pa(E), C = fa(E), f = ga(E), { isMounted: N, styles: S } = kr(E, {
     duration: 200,
     common: {
       transformOrigin: "left top"
@@ -5492,16 +5507,16 @@ const Be = {
   }, Y = t.reduce(
     (L, U) => L + (U.notificationCount || 0),
     0
-  ), X = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", k({ ref: E.setReference }, M()), /* @__PURE__ */ e.createElement(
+  ), X = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", k({ ref: y.setReference }, M()), /* @__PURE__ */ e.createElement(
     Lt,
     {
-      isVisible: d,
+      isVisible: s,
       onOpen: () => p(!0),
       onClose: () => p(!1),
       offsetCrossAxis: 2,
       arrowOffsetY: 2,
       offsetMainAxis: 10,
-      className: ea[`${ta}__tooltip`],
+      className: u(ea[`${ta}__tooltip`], "lc-dark-theme"),
       placement: "right",
       floatingStrategy: "fixed",
       triggerRenderer: /* @__PURE__ */ e.createElement(
@@ -5519,7 +5534,7 @@ const Be = {
   )), /* @__PURE__ */ e.createElement(ha, { id: b }, /* @__PURE__ */ e.createElement(
     "div",
     k({
-      ref: E.setFloating,
+      ref: y.setFloating,
       style: $
     }, G()),
     N && /* @__PURE__ */ e.createElement(
@@ -5543,7 +5558,7 @@ const Be = {
           href: c,
           target: "_blank",
           className: ea[`${ta}__footer-link`],
-          onClick: () => h(!1)
+          onClick: () => v(!1)
         },
         /* @__PURE__ */ e.createElement(B, { noMargin: !0 }, "powered by"),
         /* @__PURE__ */ e.createElement(
@@ -5763,15 +5778,15 @@ const Be = {
 }, Pn = (t, a) => In.includes(t) || a.some(
   (r) => r.product === E_[t]
 ), An = (t, a, r, _, o) => {
-  var n, c, s, i, d;
+  var n, c, d, i, s;
   const l = a.find(
     (p) => p.product === E_[t.id]
   );
   if (!l)
     throw new Error(`Product data for ${t.id} not found`);
   return T(k({}, t), {
-    trialDaysLeft: r[t.id] && ((n = r[t.id]) == null ? void 0 : n.status) === "trial" && ((c = r[t.id]) != null && c.next_charge_at) ? Dn((i = (s = r[t.id]) == null ? void 0 : s.next_charge_at) != null ? i : "") : void 0,
-    expired: ((d = r[t.id]) == null ? void 0 : d.status) === "expired",
+    trialDaysLeft: r[t.id] && ((n = r[t.id]) == null ? void 0 : n.status) === "trial" && ((c = r[t.id]) != null && c.next_charge_at) ? Dn((i = (d = r[t.id]) == null ? void 0 : d.next_charge_at) != null ? i : "") : void 0,
+    expired: ((s = r[t.id]) == null ? void 0 : s.status) === "expired",
     url: Tn(
       l.clientId,
       l.redirectUri,
@@ -5849,17 +5864,17 @@ const aa = {
       "className",
       "size"
     ]);
-    const s = y_(t, a), i = Mn[_], d = Ln[_], p = u(
+    const d = y_(t, a), i = Mn[_], s = Ln[_], p = u(
       aa[ra],
       {
         [aa[`${ra}--${_}`]]: _,
         [aa[`${ra}--${t}`]]: t
       },
       r
-    ), m = 2 * Math.PI * ((d - i) / 2), b = {
+    ), m = 2 * Math.PI * ((s - i) / 2), b = {
       strokeDasharray: m.toFixed(3),
-      strokeDashoffset: `${((100 - s) / 100 * m).toFixed(3)}px`
-    }, g = `${d / 2} ${d / 2} ${d} ${d}`;
+      strokeDashoffset: `${((100 - d) / 100 * m).toFixed(3)}px`
+    }, g = `${s / 2} ${s / 2} ${s} ${s}`;
     return /* @__PURE__ */ e.createElement(
       "div",
       k({
@@ -5871,9 +5886,9 @@ const aa = {
         "circle",
         {
           className: aa[`${ra}__bg-line--${t}`],
-          cx: d,
-          cy: d,
-          r: (d - i) / 2,
+          cx: s,
+          cy: s,
+          r: (s - i) / 2,
           fill: "none",
           strokeWidth: i
         }
@@ -5882,9 +5897,9 @@ const aa = {
         {
           className: aa[`${ra}__indicator--${t}`],
           style: b,
-          cx: d,
-          cy: d,
-          r: (d - i) / 2,
+          cx: s,
+          cy: s,
+          r: (s - i) / 2,
           fill: "none",
           strokeWidth: i
         }
@@ -5914,7 +5929,7 @@ const aa = {
       "size",
       "className"
     ]);
-    const s = y_(t, a), i = u(
+    const d = y_(t, a), i = u(
       Ia[Ta],
       {
         [Ia[`${Ta}--${r}`]]: r,
@@ -5934,7 +5949,7 @@ const aa = {
         {
           "data-testid": "progress-bar-indicator",
           className: Ia[`${Ta}__indicator--${t}`],
-          style: { width: `${s}%` }
+          style: { width: `${d}%` }
         }
       )
     );
@@ -5960,10 +5975,10 @@ const aa = {
   light: l = !1,
   linkText: n,
   onButtonClick: c,
-  onClose: s,
+  onClose: d,
   onLinkClick: i
 }) => {
-  const d = e.useRef(null), [p, m] = e.useState("medium"), b = u(
+  const s = e.useRef(null), [p, m] = e.useState("medium"), b = u(
     Ae[Fe],
     {
       [Ae[`${Fe}--light`]]: l,
@@ -5973,12 +5988,12 @@ const aa = {
     t
   );
   e.useEffect(() => {
-    const v = () => d.current && d.current.offsetWidth <= Un ? m("small") : d.current && d.current.offsetWidth >= Hn ? m("large") : m("medium"), h = n_(
-      v,
+    const h = () => s.current && s.current.offsetWidth <= Un ? m("small") : s.current && s.current.offsetWidth >= Hn ? m("large") : m("medium"), v = n_(
+      h,
       zn
     );
-    return window.addEventListener("resize", h), v(), () => {
-      h.cancel(), window.removeEventListener("resize", h);
+    return window.addEventListener("resize", v), h(), () => {
+      v.cancel(), window.removeEventListener("resize", v);
     };
   }, []);
   const g = /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__footer`] }, a && /* @__PURE__ */ e.createElement(
@@ -5991,12 +6006,12 @@ const aa = {
     },
     a
   ), n && /* @__PURE__ */ e.createElement(W, { size: "compact", kind: "text", onClick: i }, n));
-  return /* @__PURE__ */ e.createElement("div", { ref: d, className: b }, /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: Ae[`${Fe}__img`] }), /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__header`] }, _), /* @__PURE__ */ e.createElement(B, { as: "div" }, r), p !== "large" && g), p === "large" && g), s && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { ref: s, className: b }, /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: Ae[`${Fe}__img`] }), /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__header`] }, _), /* @__PURE__ */ e.createElement(B, { as: "div" }, r), p !== "large" && g), p === "large" && g), d && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
       className: Ae[`${Fe}__close-icon`],
-      onClick: s
+      onClick: d
     },
     /* @__PURE__ */ e.createElement(x, { source: Ie, size: "large", kind: "primary" })
   ));
@@ -6019,7 +6034,7 @@ const aa = {
   vertical: l,
   contentClassName: n,
   additionalContentClassName: c,
-  onClose: s
+  onClose: d
 }) => {
   const i = u(tt["main-wrapper"], a);
   return /* @__PURE__ */ e.createElement("div", { role: "banner", className: i }, /* @__PURE__ */ e.createElement(
@@ -6065,11 +6080,11 @@ const aa = {
       },
       r
     ),
-    s && /* @__PURE__ */ e.createElement("div", { className: tt[`${ut}__close`] }, /* @__PURE__ */ e.createElement(
+    d && /* @__PURE__ */ e.createElement("div", { className: tt[`${ut}__close`] }, /* @__PURE__ */ e.createElement(
       W,
       {
         className: tt[`${ut}__close__btn`],
-        onClick: s,
+        onClick: d,
         icon: /* @__PURE__ */ e.createElement(x, { source: Ie, kind: "primary" }),
         kind: "plain",
         size: "compact"
@@ -6088,7 +6103,7 @@ const aa = {
   "radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
 }, rt = "radio-button", Bi = e.forwardRef(
   (c, n) => {
-    var s = c, { children: t, className: a = "", description: r, checked: _, disabled: o } = s, l = D(s, ["children", "className", "description", "checked", "disabled"]);
+    var d = c, { children: t, className: a = "", description: r, checked: _, disabled: o } = d, l = D(d, ["children", "className", "description", "checked", "disabled"]);
     const i = u(at[rt], a, {
       [at[`${rt}--selected`]]: _,
       [at[`${rt}--disabled`]]: o
@@ -6127,9 +6142,9 @@ const aa = {
   value: l,
   className: n,
   cropOnBlur: c = !0,
-  onChange: s
+  onChange: d
 }) => {
-  const [i, d] = e.useState(!0), [p, m] = e.useState(!1), b = e.useRef(null), g = !!l && !a && !r, v = t && !i && "true", h = u(
+  const [i, s] = e.useState(!0), [p, m] = e.useState(!1), b = e.useRef(null), g = !!l && !a && !r, h = t && !i && "true", v = u(
     n,
     Re[We],
     Re[`${We}--${o}`],
@@ -6139,29 +6154,29 @@ const aa = {
     !i && Re[`${We}--collapsable--open`]
   );
   e.useEffect(() => {
-    t && l && d(!1);
+    t && l && s(!1);
   }, [t]);
-  const E = (N) => {
+  const y = (N) => {
     const S = N.currentTarget.value;
-    s(S);
-  }, y = () => {
-    s("");
+    d(S);
+  }, E = () => {
+    d("");
   }, $ = () => {
     var N;
     (N = b.current) == null || N.focus();
   }, w = () => {
-    t && d(!1), m(!0);
+    t && s(!1), m(!0);
   }, C = () => {
-    t && !l && d(!0), m(!1);
+    t && !l && s(!0), m(!1);
   }, f = (N) => {
-    N.key === de.enter && (N.preventDefault(), s(l));
+    N.key === de.enter && (N.preventDefault(), d(l));
   };
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      "aria-expanded": v,
+      "aria-expanded": h,
       role: "search",
-      className: h,
+      className: v,
       onClick: $
     },
     /* @__PURE__ */ e.createElement(
@@ -6190,7 +6205,7 @@ const aa = {
           type: "text",
           value: l,
           placeholder: _,
-          onChange: E,
+          onChange: y,
           onBlur: C,
           onFocus: w,
           onKeyDown: f,
@@ -6204,7 +6219,7 @@ const aa = {
         "aria-label": "Clear search",
         title: "Clear search",
         className: Re[`${We}__clear-icon`],
-        onClick: y,
+        onClick: E,
         icon: /* @__PURE__ */ e.createElement(x, { source: Ie, kind: "primary" }),
         kind: "text",
         size: "compact"
@@ -6346,9 +6361,9 @@ const aa = {
     onChange: l,
     size: n = "large",
     state: c = "regular",
-    innerRef: s,
+    innerRef: d,
     ariaLabel: i
-  } = m, d = D(m, [
+  } = m, s = D(m, [
     "className",
     "defaultOn",
     "disabled",
@@ -6360,17 +6375,17 @@ const aa = {
     "innerRef",
     "ariaLabel"
   ]);
-  const b = o !== void 0, [g, v] = e.useState(
+  const b = o !== void 0, [g, h] = e.useState(
     () => b ? o : a
-  ), [h, E] = e.useState(!1), y = b ? o : g, $ = c === "loading", w = c === "locked", C = n === "large" ? "small" : "xsmall", f = y ? "on" : "off", N = r || $ || w, S = N ? "disabled" : "enabled", M = u(
+  ), [v, y] = e.useState(!1), E = b ? o : g, $ = c === "loading", w = c === "locked", C = n === "large" ? "small" : "xsmall", f = E ? "on" : "off", N = r || $ || w, S = N ? "disabled" : "enabled", M = u(
     ae[te],
     ae[`${te}--${n}`],
     {
-      [ae[`${te}--focused`]]: h
+      [ae[`${te}--focused`]]: v
     },
     t
   ), G = (I) => {
-    l == null || l(I, !y), b || (I.stopPropagation(), v((O) => !O));
+    l == null || l(I, !E), b || (I.stopPropagation(), h((O) => !O));
   };
   return /* @__PURE__ */ e.createElement("span", { className: M }, /* @__PURE__ */ e.createElement(
     "input",
@@ -6381,20 +6396,20 @@ const aa = {
         ae[`${te}__input--${S}`]
       ),
       onChange: G,
-      checked: y,
+      checked: E,
       name: _,
-      ref: s,
+      ref: d,
       disabled: N,
       "aria-label": i
-    }, d), {
-      onFocus: () => E(!0),
-      onBlur: () => E(!1)
+    }, s), {
+      onFocus: () => y(!0),
+      onBlur: () => y(!1)
     })
   ), /* @__PURE__ */ e.createElement(
     "span",
     {
       className: u(ae[`${te}__container`], {
-        [ae[`${te}__container--focused`]]: h
+        [ae[`${te}__container--focused`]]: v
       })
     },
     /* @__PURE__ */ e.createElement(
@@ -6449,8 +6464,8 @@ const aa = {
   tab__badge: ec,
   "tab--selected": "lc-Tab-module__tab--selected___c0EkL",
   "tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
-}, wt = "tab", Ri = (s) => {
-  var i = s, {
+}, wt = "tab", Ri = (d) => {
+  var i = d, {
     children: t,
     className: a,
     count: r,
@@ -6467,7 +6482,7 @@ const aa = {
     "size",
     "icon"
   ]);
-  const { disabled: d } = c, p = r !== void 0 && !o, m = r !== void 0 && o;
+  const { disabled: s } = c, p = r !== void 0 && !o, m = r !== void 0 && o;
   return /* @__PURE__ */ e.createElement(
     B,
     T(k({}, c), {
@@ -6480,7 +6495,7 @@ const aa = {
         yt[wt],
         yt[`${wt}--${l}`],
         _ && yt[`${wt}--selected`],
-        d && yt[`${wt}--disabled`]
+        s && yt[`${wt}--disabled`]
       )
     }),
     n && /* @__PURE__ */ e.createElement("div", { "data-testId": "icon", className: yt[`${wt}__icon`] }, n),
@@ -6520,19 +6535,19 @@ const aa = {
   remove: o,
   value: l
 }) => {
-  const [n, c] = e.useState(!1), s = () => a.current, i = () => {
-    const g = s();
+  const [n, c] = e.useState(!1), d = () => a.current, i = () => {
+    const g = d();
     return g ? g.innerText : "";
-  }, d = () => {
+  }, s = () => {
     r && r.current && r.current.focus();
   }, p = (g) => {
     if (g.key === de.enter) {
-      g.preventDefault(), d();
+      g.preventDefault(), s();
       return;
     }
-    g.key === de.backspace && i() === "" && (c(!0), o(), d());
+    g.key === de.backspace && i() === "" && (c(!0), o(), s());
   }, m = () => {
-    const g = s();
+    const g = d();
     if (!(n || !g)) {
       if (g.innerText === "") {
         o();
@@ -6542,8 +6557,8 @@ const aa = {
     }
   }, b = (g) => {
     g.preventDefault();
-    const v = g.clipboardData.getData("text/plain");
-    document.execCommand("insertHTML", !1, Dr(v));
+    const h = g.clipboardData.getData("text/plain");
+    document.execCommand("insertHTML", !1, Dr(h));
   };
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -6567,8 +6582,8 @@ const aa = {
   size: n,
   tagProps: c
 }) => {
-  const s = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), i = e.useRef(null), d = () => r(a), p = () => s ? c ? c.kind : "default" : "error";
-  return /* @__PURE__ */ e.createElement(h_, T(k({ size: n }, c), { kind: p(), onRemove: d }), /* @__PURE__ */ e.createElement(
+  const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), i = e.useRef(null), s = () => r(a), p = () => d ? c ? c.kind : "default" : "error";
+  return /* @__PURE__ */ e.createElement(h_, T(k({ size: n }, c), { kind: p(), onRemove: s }), /* @__PURE__ */ e.createElement(
     rc,
     {
       value: t,
@@ -6576,7 +6591,7 @@ const aa = {
       innerEditableRef: i,
       className: la[`${_c}__content`],
       change: (m) => l(a, m),
-      remove: d,
+      remove: s,
       validator: _
     }
   ));
@@ -6596,9 +6611,9 @@ const aa = {
     placeholder: l,
     size: n = "medium",
     className: c,
-    inputClassName: s,
+    inputClassName: d,
     onBlur: i,
-    addOnBlur: d = !0
+    addOnBlur: s = !0
   } = b, p = D(b, [
     "id",
     "tags",
@@ -6618,27 +6633,27 @@ const aa = {
       [la[`${Da}--error`]]: o
     },
     c
-  ), v = u(
-    s,
+  ), h = u(
+    d,
     la[`${Da}__input`],
     la[`${Da}__input--${n}`]
-  ), [h, E] = e.useState(""), y = e.useRef(null), $ = (I) => {
-    I.trim() !== "" && (r([...a || [], I]), E(""));
+  ), [v, y] = e.useState(""), E = e.useRef(null), $ = (I) => {
+    I.trim() !== "" && (r([...a || [], I]), y(""));
   }, w = (I) => {
     const O = [...a || []];
     O.splice(I, 1), r(O);
-  }, C = (I) => E(I.target.value), f = (I) => {
+  }, C = (I) => y(I.target.value), f = (I) => {
     if (oc.includes(I.key)) {
-      if (I.preventDefault(), h === "")
+      if (I.preventDefault(), v === "")
         return;
-      $(h);
+      $(v);
     } else if (lc.includes(I.key)) {
-      if (h !== "" || !(a != null && a.length))
+      if (v !== "" || !(a != null && a.length))
         return;
       w(a.length - 1);
     }
   }, N = (I) => {
-    d && $(h), i == null || i(I);
+    s && $(v), i == null || i(I);
   }, S = (I, O) => {
     const Y = [...a || []];
     Y.reduce(
@@ -6656,7 +6671,7 @@ const aa = {
       key: `${O}${I}`,
       update: S,
       remove: w,
-      inputRef: y,
+      inputRef: E,
       validator: _,
       size: n
     },
@@ -6668,7 +6683,7 @@ const aa = {
       key: `${O}${I.children}`,
       update: S,
       remove: w,
-      inputRef: y,
+      inputRef: E,
       validator: _,
       size: n,
       tagProps: I
@@ -6679,10 +6694,10 @@ const aa = {
     "input",
     T(k({}, p), {
       id: t,
-      ref: y,
-      className: v,
+      ref: E,
+      className: h,
       placeholder: l,
-      value: h,
+      value: v,
       onChange: C,
       onKeyDown: f,
       onPaste: M,
@@ -6740,14 +6755,14 @@ const aa = {
     source: ca
   }
 }, mt = "toast", fc = (c) => {
-  var s = c, {
+  var d = c, {
     action: t,
     className: a,
     children: r,
     removable: _,
     kind: o = "info",
     onClose: l
-  } = s, n = D(s, [
+  } = d, n = D(d, [
     "action",
     "className",
     "children",
@@ -6759,8 +6774,8 @@ const aa = {
     re[mt],
     re[`${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: re[`${mt}__icon`] }, /* @__PURE__ */ e.createElement(x, T(k({}, gc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: re[`${mt}__content`] }, d ? /* @__PURE__ */ e.createElement(B, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: re[`${mt}__actions`] }, t && /* @__PURE__ */ e.createElement(
+  ), s = 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: re[`${mt}__icon`] }, /* @__PURE__ */ e.createElement(x, T(k({}, gc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: re[`${mt}__content`] }, s ? /* @__PURE__ */ e.createElement(B, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: re[`${mt}__actions`] }, t && /* @__PURE__ */ e.createElement(
     W,
     {
       className: re[`${mt}__actions--custom`],
@@ -6800,10 +6815,10 @@ const aa = {
     },
     t
   );
-  return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement(c_, { component: null }, a.map(({ id: s, kind: i, content: d, removable: p, action: m, onClose: b }) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement(c_, { component: null }, a.map(({ id: d, kind: i, content: s, removable: p, action: m, onClose: b }) => /* @__PURE__ */ e.createElement(
     i_,
     {
-      key: s,
+      key: d,
       classNames: {
         enter: re[`toast-appear--${o}`],
         enterActive: re[`toast-appear-active--${o}`],
@@ -6820,7 +6835,7 @@ const aa = {
         removable: p,
         action: m
       },
-      d
+      s
     )
   ))));
 }, hc = "lc-Textarea-module__textarea___g6U8F", Pa = {
@@ -6831,14 +6846,14 @@ const aa = {
 }, Aa = "textarea", Ui = e.forwardRef(
   (o, _) => {
     var l = o, { className: t, error: a } = l, r = D(l, ["className", "error"]);
-    const { disabled: n, onBlur: c, onFocus: s } = r, [i, d] = e.useState(!1), p = u(t, Pa[Aa], {
+    const { disabled: n, onBlur: c, onFocus: d } = r, [i, s] = e.useState(!1), p = u(t, Pa[Aa], {
       [Pa[`${Aa}--disabled`]]: n,
       [Pa[`${Aa}--focused`]]: i,
       [Pa[`${Aa}--error`]]: a
     }), m = (g) => {
-      d(!1), c == null || c(g);
+      s(!1), c == null || c(g);
     }, b = (g) => {
-      d(!0), s == null || s(g);
+      s(!0), d == null || d(g);
     };
     return /* @__PURE__ */ e.createElement(B, { as: "div", className: p }, /* @__PURE__ */ e.createElement(
       "textarea",
@@ -6894,7 +6909,7 @@ const aa = {
     size: l,
     status: n = "normal",
     onCloseButtonClick: c,
-    onRetryButtonClick: s
+    onRetryButtonClick: d
   }, i) => /* @__PURE__ */ e.createElement("div", { className: Me[_t], ref: i }, r && n !== "success" && /* @__PURE__ */ e.createElement("div", { className: Me[`${_t}__icon`] }, r), n === "success" && /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -6932,7 +6947,7 @@ const aa = {
         {
           status: n,
           onCloseButtonClick: c,
-          onRetryButtonClick: s
+          onRetryButtonClick: d
         }
       )
     )),
@@ -6997,51 +7012,51 @@ const aa = {
   errorMessage: l,
   status: n = "normal",
   icon: c,
-  size: s,
+  size: d,
   mode: i = "multiple",
-  onCloseButtonClick: d,
+  onCloseButtonClick: s,
   onRetryButtonClick: p
 }) => {
-  const [m, b] = e.useState(o || !1), g = n === "error", v = n === "success", h = u(K[ke], a, {
+  const [m, b] = e.useState(o || !1), g = n === "error", h = n === "success", v = u(K[ke], a, {
     [K[`${ke}--error`]]: g,
-    [K[`${ke}--success`]]: v
-  }), E = !(g && (p || d)), y = () => b(!m);
-  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: h }, /* @__PURE__ */ e.createElement("div", { className: K[`${ke}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ot}`] }, /* @__PURE__ */ e.createElement(
+    [K[`${ke}--success`]]: h
+  }), y = !(g && (p || s)), E = () => b(!m);
+  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement("div", { className: K[`${ke}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ot}`] }, /* @__PURE__ */ e.createElement(
     Ec,
     {
       title: g && l || _,
       progressValue: r,
       status: n,
       icon: c,
-      size: s
+      size: d
     }
   )), n === "error" && /* @__PURE__ */ e.createElement(
     hr,
     {
       status: n,
-      onCloseButtonClick: d,
+      onCloseButtonClick: s,
       onRetryButtonClick: p
     }
-  ))) : /* @__PURE__ */ e.createElement("div", { className: h }, /* @__PURE__ */ e.createElement(
+  ))) : /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: K[`${ke}__wrapper`],
-      onClick: y
+      onClick: E
     },
-    /* @__PURE__ */ e.createElement("div", { className: K[`${ot}`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__icon`] }, wc(n, r)), /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__title`] }, /* @__PURE__ */ e.createElement(B, { size: "sm", as: "div" }, g ? l : _)), E && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: K[`${ot}`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__icon`] }, wc(n, r)), /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__title`] }, /* @__PURE__ */ e.createElement(B, { size: "sm", as: "div" }, g ? l : _)), y && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: K[`${ot}__collapse-button`],
         type: "button",
         "aria-label": "Collapse button",
-        onClick: y
+        onClick: E
       },
       m ? /* @__PURE__ */ e.createElement(x, { source: Oa }) : /* @__PURE__ */ e.createElement(x, { source: Ot })
     ), n === "error" && /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__actions-container`] }, /* @__PURE__ */ e.createElement(
       hr,
       {
         status: n,
-        onCloseButtonClick: d,
+        onCloseButtonClick: s,
         onRetryButtonClick: p
       }
     )))
@@ -7090,7 +7105,7 @@ export {
   ui as Form,
   mi as FormField,
   pi as FormGroup,
-  oe as Heading,
+  ne as Heading,
   x as Icon,
   Yc as Info,
   gi as Input,