@livechat/design-system-react-components 1.16.2 → 1.16.4

package/dist/dsrc.es.js

@@ -2,14 +2,14 @@ var Tr = Object.defineProperty, Br = Object.defineProperties;
 var Pr = Object.getOwnPropertyDescriptors;
 var At = Object.getOwnPropertySymbols;
 var Ha = Object.prototype.hasOwnProperty, za = Object.prototype.propertyIsEnumerable;
-var fa = (t, a, r) => a in t ? Tr(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, h = (t, a) => {
+var fa = (t, a, r) => a in t ? Tr(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, k = (t, a) => {
   for (var r in a || (a = {}))
     Ha.call(a, r) && fa(t, r, a[r]);
   if (At)
     for (var r of At(a))
       za.call(a, r) && fa(t, r, a[r]);
   return t;
-}, N = (t, a) => Br(t, Pr(a));
+}, C = (t, a) => Br(t, Pr(a));
 var A = (t, a) => {
   var r = {};
   for (var _ in t)
@@ -430,28 +430,28 @@ const Zl = {
     height: 32
   }
 }, Ya = "icon", D = (t) => {
-  const n = t, {
+  const s = t, {
     source: a,
     size: r = "medium",
     kind: _,
     disabled: o,
-    className: c,
-    customColor: l
-  } = n, d = A(n, [
+    className: l,
+    customColor: c
+  } = s, d = A(s, [
     "source",
     "size",
     "kind",
     "disabled",
     "className",
     "customColor"
-  ]), s = e.createElement(a, N(h({}, __[r]), {
-    color: l
+  ]), n = e.createElement(a, C(k({}, __[r]), {
+    color: c
   })), i = u(
-    c,
+    l,
     Va[Ya],
     _ && Va[`${Ya}--${o ? "disabled--" : ""}${_}`]
   );
-  return /* @__PURE__ */ e.createElement("span", N(h({}, d), { className: i }), s);
+  return /* @__PURE__ */ e.createElement("span", C(k({}, d), { className: i }), n);
 }, Ve = {
   "action-menu": "lc-ActionMenu-module__action-menu___K2UwW",
   "action-menu__trigger-button": "lc-ActionMenu-module__action-menu__trigger-button___tBrz5",
@@ -469,15 +469,15 @@ const Zl = {
     options: r,
     triggerRenderer: _,
     placement: o = "bottom-end",
-    openedOnInit: c = !1,
-    keepOpenOnClick: l,
+    openedOnInit: l = !1,
+    keepOpenOnClick: c,
     flipOptions: d,
-    visible: s,
+    visible: n,
     onClose: i,
-    onOpen: n,
+    onOpen: s,
     floatingStrategy: m,
     selectedOptions: g
-  } = f, k = A(f, [
+  } = f, h = A(f, [
     "className",
     "triggerClassName",
     "options",
@@ -492,107 +492,108 @@ const Zl = {
     "floatingStrategy",
     "selectedOptions"
   ]);
-  const p = s !== void 0, [y, v] = e.useState(c), E = e.useRef(-1), w = e.useRef(null), x = p ? s : y, $ = () => {
-    x ? (i == null || i(), !p && v(!1)) : (n == null || n(), !p && v(!0));
-  }, { x: F, y: S, strategy: O, refs: P, context: z } = jt({
+  const p = n !== void 0, [y, v] = e.useState(l), E = e.useRef(-1), w = e.useRef(null), x = p ? n : y, $ = () => {
+    x ? (i == null || i(), !p && v(!1)) : (s == null || s(), !p && v(!0));
+  }, { x: F, y: S, strategy: R, refs: B, context: L } = jt({
     middleware: [Zt(4), ea(d)],
     placement: o,
     open: x,
     strategy: m,
     onOpenChange: $,
     whileElementsMounted: ta
-  }), j = aa(z), $e = ra(z, {
+  }), j = aa(L), $e = ra(L, {
     enabled: x
-  }), de = _a(z), { getReferenceProps: Be, getFloatingProps: Pe } = oa([
+  }), de = _a(L), { getReferenceProps: Be, getFloatingProps: Pe } = oa([
     j,
     $e,
     de
-  ]), { styles: ve } = ur(z, {
-    initial: ({ side: B }) => h({
+  ]), { styles: ve } = ur(L, {
+    initial: ({ side: P }) => k({
       opacity: 0
-    }, B === "bottom" && {
+    }, P === "bottom" && {
       marginTop: -10
-    } || B === "top" && {
+    } || P === "top" && {
       marginTop: 10
-    } || B === "left" && {
+    } || P === "left" && {
       marginLeft: 10
-    } || B === "right" && {
+    } || P === "right" && {
       marginLeft: -10
     })
-  }), Ae = (B) => {
+  }), Ae = (P) => {
     var Q, Re;
     const W = E.current;
-    let K = W + B;
+    let K = W + P;
     for (; (Q = r[K]) != null && Q.disabled || (Re = r[K]) != null && Re.groupHeader; )
-      if (K += B, K === -1) {
+      if (K += P, K === -1) {
         K = W;
         break;
       }
     return K;
-  }, Me = (B) => {
+  }, Me = (P) => {
     var Q, Re;
-    E.current = Ae(B);
+    E.current = Ae(P);
     const W = (Q = w.current) == null ? void 0 : Q.children, K = W && ((Re = W[E.current]) == null ? void 0 : Re.children[0]);
     return K == null ? void 0 : K.focus();
-  }, Je = (B) => {
-    B.key === re.arrowUp && E.current > 0 && (B.preventDefault(), Me(-1)), B.key === re.arrowDown && E.current + 1 < r.length && (B.preventDefault(), Me(1));
+  }, Je = (P) => {
+    P.key === re.arrowUp && E.current > 0 && (P.preventDefault(), Me(-1)), P.key === re.arrowDown && E.current + 1 < r.length && (P.preventDefault(), Me(1));
   };
   e.useEffect(() => {
     if (x)
       return document.addEventListener("keydown", Je), () => document.removeEventListener("keydown", Je);
     E.current = -1;
   }, [x, Je]);
-  const at = (B, W) => {
-    E.current = B, W == null || W(), !p && !l && (v(!1), i == null || i());
-  }, Qe = (B, W) => B.groupHeader ? /* @__PURE__ */ e.createElement(
+  const at = (P, W) => {
+    E.current = P, W == null || W(), !p && !c && (v(!1), i == null || i());
+  }, Qe = (P, W) => P.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
     {
-      key: B.key,
+      key: P.key,
       role: "none",
       className: Ve[`${Ye}__list__group-header`]
     },
-    B.element
-  ) : /* @__PURE__ */ e.createElement("li", { key: B.key, role: "none" }, /* @__PURE__ */ e.createElement(
+    P.element
+  ) : /* @__PURE__ */ e.createElement("li", { key: P.key, role: "none" }, /* @__PURE__ */ e.createElement(
     "button",
     {
-      "data-testid": B.key,
+      "data-testid": P.key,
       tabIndex: -1,
-      key: B.key,
-      disabled: B.disabled,
-      onClick: () => at(W, B.onClick),
+      key: P.key,
+      disabled: P.disabled,
+      onClick: () => at(W, P.onClick),
       role: "menuitem",
       className: u(Ve[`${Ye}__list__item`], {
-        [Ve[`${Ye}__list__item--disabled`]]: B.disabled,
-        [Ve[`${Ye}__list__item--with-divider`]]: B.withDivider,
-        [Ve[`${Ye}__list__item--selected`]]: g == null ? void 0 : g.includes(B.key)
+        [Ve[`${Ye}__list__item--disabled`]]: P.disabled,
+        [Ve[`${Ye}__list__item--with-divider`]]: P.withDivider,
+        [Ve[`${Ye}__list__item--selected`]]: g == null ? void 0 : g.includes(P.key)
       })
     },
-    B.element,
-    (g == null ? void 0 : g.includes(B.key)) && /* @__PURE__ */ e.createElement("div", { className: Ve[`${Ye}__list__item__icon`] }, /* @__PURE__ */ e.createElement(D, { source: Qt, kind: "action-primary" }))
+    P.element,
+    (g == null ? void 0 : g.includes(P.key)) && /* @__PURE__ */ e.createElement("div", { className: Ve[`${Ye}__list__item__icon`] }, /* @__PURE__ */ e.createElement(D, { source: Qt, kind: "action-primary" }))
   ));
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    N(h({
+    C(k({
+      "aria-label": "Toggle menu",
       "data-testid": "action-menu-trigger-button",
-      ref: P.setReference
+      ref: B.setReference
     }, Be()), {
       className: a
     }),
     _
   ), x && /* @__PURE__ */ e.createElement(
     "div",
-    h({
-      ref: P.setFloating,
+    k({
+      ref: B.setFloating,
       className: Ve[Ye],
-      style: h({
-        position: O,
+      style: k({
+        position: R,
         top: S != null ? S : "",
         left: F != null ? F : ""
       }, ve)
     }, Pe()),
     /* @__PURE__ */ e.createElement(
       "ul",
-      N(h({}, k), {
+      C(k({}, h), {
         className: u(Ve[`${Ye}__list`], t),
         role: "menu",
         ref: w
@@ -624,13 +625,13 @@ const Zl = {
   md: "h3",
   sm: "h4",
   xs: "h5"
-}, tt = (c) => {
-  var l = c, {
+}, tt = (l) => {
+  var c = l, {
     as: t,
     size: a = "md",
     children: r,
     className: _
-  } = l, o = A(l, [
+  } = c, o = A(c, [
     "as",
     "size",
     "children",
@@ -638,20 +639,20 @@ const Zl = {
   ]);
   return e.createElement(
     t || c_[a],
-    h({ className: u(mt[`heading-${a}`], _) }, o),
+    k({ className: u(mt[`heading-${a}`], _) }, o),
     r
   );
 }, M = (i) => {
-  var n = i, {
+  var s = i, {
     as: t = "p",
     size: a = "md",
     caps: r = !1,
     bold: _ = !1,
     underline: o = !1,
-    strike: c = !1,
-    children: l,
+    strike: l = !1,
+    children: c,
     className: d
-  } = n, s = A(n, [
+  } = s, n = A(s, [
     "as",
     "size",
     "caps",
@@ -664,26 +665,26 @@ const Zl = {
   const m = r ? "caps" : `paragraph-${a}`;
   return e.createElement(
     t,
-    h({
+    k({
       className: u(
         {
           [mt[`${m}`]]: !0,
           [mt[`${m}--bold`]]: _,
-          [mt[`${m}--strike`]]: c,
+          [mt[`${m}--strike`]]: l,
           [mt[`${m}--underline`]]: o
         },
         d
       )
-    }, s),
-    l
+    }, n),
+    c
   );
-}, cc = (c) => {
-  var l = c, {
+}, cc = (l) => {
+  var c = l, {
     as: t = "div",
     size: a = "md",
     children: r,
     className: _
-  } = l, o = A(l, [
+  } = c, o = A(c, [
     "as",
     "size",
     "children",
@@ -691,7 +692,7 @@ const Zl = {
   ]);
   return e.createElement(
     t,
-    h({ className: u(mt[`display-${a}`], _) }, o),
+    k({ className: u(mt[`display-${a}`], _) }, o),
     r
   );
 }, bt = {
@@ -790,15 +791,15 @@ const Zl = {
       type: r = "button",
       fullWidth: _ = !1,
       kind: o = "basic",
-      size: c = "medium",
-      icon: l = null,
+      size: l = "medium",
+      icon: c = null,
       iconPosition: d = "left",
-      loaderLabel: s,
+      loaderLabel: n,
       className: i,
-      children: n,
+      children: s,
       href: m,
       onClick: g
-    } = p, k = A(p, [
+    } = p, h = A(p, [
       "loading",
       "disabled",
       "type",
@@ -813,15 +814,15 @@ const Zl = {
       "href",
       "onClick"
     ]);
-    const y = t || a, v = !n && l, E = ["text", "link", "link-light"].includes(o), w = m ? "a" : "button", x = u(
+    const y = t || a, v = !s && c, E = ["text", "link", "link-light"].includes(o), w = m ? "a" : "button", x = u(
       i,
       pe[ge],
       pe[`${ge}--${o}`],
-      pe[`${ge}--${c}`],
+      pe[`${ge}--${l}`],
       {
         [pe[`${ge}--loading`]]: t,
         [pe[`${ge}--full-width`]]: _,
-        [pe[`${ge}--with-${d}-icon`]]: l && !v && !E,
+        [pe[`${ge}--with-${d}-icon`]]: c && !v && !E,
         [pe[`${ge}--icon-only`]]: v,
         [pe[`${ge}--icon-only--bg`]]: v && E,
         [pe[`${ge}--disabled`]]: y
@@ -829,30 +830,30 @@ const Zl = {
     );
     return /* @__PURE__ */ e.createElement(
       w,
-      h(h({
+      k(k({
         ref: b,
         className: x,
         "aria-disabled": y,
         type: r,
         disabled: y
-      }, !y && { href: m, onClick: g }), k),
+      }, !y && { href: m, onClick: g }), h),
       t && /* @__PURE__ */ e.createElement(
         La,
-        h({
+        k({
           size: "small",
-          label: s,
+          label: n,
           className: pe[`${ge}__loader`]
         }, m_(o))
       ),
-      l && e.cloneElement(l, {
+      c && e.cloneElement(c, {
         className: u(
-          l.props.className,
+          c.props.className,
           pe[`${ge}__icon`],
           pe[`${ge}__icon--${d}`]
         ),
         disabled: a
       }),
-      /* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__content`] }, n)
+      /* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__content`] }, s)
     );
   }
 );
@@ -874,7 +875,7 @@ function f_(t, a, r, _) {
       left: a ? _ + a : _
     };
 }
-const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__tooltip__arrow___Ov1YW", k_ = "lc-Tooltip-module__tooltip__interactive___0JawB", C = {
+const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__tooltip__arrow___Ov1YW", k_ = "lc-Tooltip-module__tooltip__interactive___0JawB", N = {
   tooltip: v_,
   tooltip__arrow: h_,
   "tooltip--invert": "lc-Tooltip-module__tooltip--invert___PVjhE",
@@ -910,15 +911,15 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
   triggerClassName: r,
   triggerRenderer: _,
   theme: o,
-  kind: c,
-  placement: l = "bottom",
+  kind: l,
+  placement: c = "bottom",
   isVisible: d,
-  fullSpaceContent: s,
+  fullSpaceContent: n,
   onClose: i,
-  onOpen: n,
+  onOpen: s,
   withFadeAnimation: m = !0,
   transitionDuration: g = 200,
-  hoverOnDuration: k,
+  hoverOnDuration: h,
   hoverOffDuration: b,
   transitionDelay: f = 0,
   hoverOnDelay: p,
@@ -930,19 +931,19 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
   useDismissHookProps: $,
   useClickHookProps: F,
   hoverOutDelayTimeout: S = 100,
-  arrowOffsetY: O,
-  arrowOffsetX: P,
-  closeOnTriggerBlur: z = !1,
+  arrowOffsetY: R,
+  arrowOffsetX: B,
+  closeOnTriggerBlur: L = !1,
   floatingStrategy: j
 }) => {
-  const $e = d !== void 0, [de, Be] = e.useState(!1), Pe = e.useRef(null), ve = $e ? d : de, Ae = c || o, Me = u(
-    C[Mt],
+  const $e = d !== void 0, [de, Be] = e.useState(!1), Pe = e.useRef(null), ve = $e ? d : de, Ae = l || o, Me = u(
+    N[Mt],
     a,
-    Ae && C[`${Mt}--${Ae}`],
-    s && C[`${Mt}--full-space`]
+    Ae && N[`${Mt}--${Ae}`],
+    n && N[`${Mt}--full-space`]
   ), Je = typeof _ == "function", at = (ue) => {
-    ue !== ve && (ue ? n == null || n() : i == null || i(), !$e && Be(ue));
-  }, Qe = (ue) => m ? ue != null ? ue : g : 0, B = (ue) => ue != null ? ue : f, {
+    ue !== ve && (ue ? s == null || s() : i == null || i(), !$e && Be(ue));
+  }, Qe = (ue) => m ? ue != null ? ue : g : 0, P = (ue) => ue != null ? ue : f, {
     floatingStyles: W,
     refs: K,
     context: Q,
@@ -955,7 +956,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
       ea(),
       Wr({ element: Pe })
     ],
-    placement: l,
+    placement: c,
     open: ve,
     strategy: j,
     onOpenChange: at,
@@ -964,14 +965,14 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
     move: !1,
     restMs: x,
     delay: {
-      open: B(p),
-      close: B(y || S)
+      open: P(p),
+      close: P(y || S)
     },
     enabled: !v,
-    handleClose: z ? null : Yr()
+    handleClose: L ? null : Yr()
   }), sa = qr(Q), ia = ra(Q, $), da = _a(Q, { role: "tooltip" }), ua = aa(Q, F), { isMounted: ma, styles: pa } = ur(Q, {
     duration: {
-      open: Qe(k),
+      open: Qe(h),
       close: Qe(b)
     }
   }), { status: gt } = Kr(Q), { getReferenceProps: ga, getFloatingProps: ba } = oa([
@@ -985,7 +986,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
     w && K.setReference(w);
   }, [K.setReference, w]), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    N(h({
+    C(k({
       ref: K.setReference
     }, ga()), {
       className: r
@@ -993,9 +994,9 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
     Je ? _() : _
   ), ma && /* @__PURE__ */ e.createElement(
     "div",
-    N(h({
+    C(k({
       ref: K.setFloating,
-      style: h(h({}, W), pa),
+      style: k(k({}, W), pa),
       className: Me
     }, ba()), {
       "data-status": gt
@@ -1005,30 +1006,32 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
       "div",
       {
         ref: Pe,
-        className: C[`${Mt}__arrow`],
+        className: N[`${Mt}__arrow`],
         "aria-placement": ca,
-        style: h({}, f_(
-          O,
-          P,
+        style: k({}, f_(
+          R,
+          B,
           Xe,
           Re
         ))
       }
     )
   ));
-}, nc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), ht = "tooltip", sc = ({ className: t, header: a, text: r, closeWithX: _, theme: o, handleCloseAction: c }) => /* @__PURE__ */ e.createElement("div", { className: t }, _ && /* @__PURE__ */ e.createElement(
+}, nc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), ht = "tooltip", sc = ({ className: t, header: a, text: r, closeWithX: _, theme: o, handleCloseAction: l }) => /* @__PURE__ */ e.createElement("div", { className: t }, _ && /* @__PURE__ */ e.createElement(
   "button",
   {
-    className: C[`${ht}-close`],
-    onClick: c
+    type: "button",
+    "aria-label": "Close tooltip",
+    className: N[`${ht}-close`],
+    onClick: l
   },
   /* @__PURE__ */ e.createElement(D, { source: Te, kind: o ? yr(o) : "primary" })
 ), a && /* @__PURE__ */ e.createElement(
   "div",
   {
     className: u(
-      C[`${ht}-header`],
-      C[`${ht}-header--info`]
+      N[`${ht}-header`],
+      N[`${ht}-header--info`]
     )
   },
   a
@@ -1036,8 +1039,8 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
   "div",
   {
     className: u(
-      C[`${ht}-text`],
-      C[`${ht}-text--info`]
+      N[`${ht}-text`],
+      N[`${ht}-text--info`]
     )
   },
   r
@@ -1047,46 +1050,48 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
   image: r,
   closeWithX: _,
   theme: o,
-  handleCloseAction: c,
-  primaryButton: l,
+  handleCloseAction: l,
+  primaryButton: c,
   secondaryButton: d
 }) => {
-  const s = (i) => i === "invert" ? "secondary" : "high-contrast";
-  return /* @__PURE__ */ e.createElement("div", { className: C[`${Ie}__interactive`] }, _ && /* @__PURE__ */ e.createElement(
+  const n = (i) => i === "invert" ? "secondary" : "high-contrast";
+  return /* @__PURE__ */ e.createElement("div", { className: N[`${Ie}__interactive`] }, _ && /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: C[`${Ie}-close`],
-      onClick: c
+      type: "button",
+      "aria-label": "Close tooltip",
+      className: N[`${Ie}-close`],
+      onClick: l
     },
     /* @__PURE__ */ e.createElement(D, { source: Te, kind: o ? yr(o) : "primary" })
-  ), r && /* @__PURE__ */ e.createElement("div", { className: C[`${Ie}-image-container`] }, /* @__PURE__ */ e.createElement(
+  ), r && /* @__PURE__ */ e.createElement("div", { className: N[`${Ie}-image-container`] }, /* @__PURE__ */ e.createElement(
     "img",
     {
-      className: C[`${Ie}-image`],
+      className: N[`${Ie}-image`],
       src: r.src,
       alt: r.alt
     }
-  )), t && /* @__PURE__ */ e.createElement("div", { className: C[`${Ie}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: C[`${Ie}-text`] }, a), /* @__PURE__ */ e.createElement(
+  )), t && /* @__PURE__ */ e.createElement("div", { className: N[`${Ie}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: N[`${Ie}-text`] }, a), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
-        C[`${Ie}-footer`],
-        C[`${Ie}-footer--interactive`]
+        N[`${Ie}-footer`],
+        N[`${Ie}-footer--interactive`]
       )
     },
     /* @__PURE__ */ e.createElement(
       U,
       {
-        kind: l.kind || s(o),
-        onClick: l.handleClick
+        kind: c.kind || n(o),
+        onClick: c.handleClick
       },
-      l.label
+      c.label
     ),
     /* @__PURE__ */ e.createElement(
       U,
       {
-        className: u(C[`${Ie}-footer-secondary`], {
-          [C[`${Ie}-footer-secondary-invert`]]: o === "invert"
+        className: u(N[`${Ie}-footer-secondary`], {
+          [N[`${Ie}-footer-secondary-invert`]]: o === "invert"
         }),
         kind: d.kind || "text",
         onClick: d.handleClick
@@ -1107,12 +1112,12 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
     left: "0",
     width: `${t.left}px`,
     height: `${t.height}px`
-  }, c = {
+  }, l = {
     top: `${t.top}px`,
     left: `${t.right}px`,
     width: `calc(100% - ${t.right}px)`,
     height: `${t.height}px`
-  }, l = {
+  }, c = {
     top: "0",
     left: "0",
     width: "100%",
@@ -1122,7 +1127,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
     left: "0",
     width: "100%",
     height: `calc(100% - ${t.bottom}px)`
-  }, s = {
+  }, n = {
     top: `${t.top}px`,
     left: `${t.left}px`,
     width: `${t.width}px`,
@@ -1133,9 +1138,9 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
     "div",
     {
       className: u({
-        [C[`${Z}__overlay`]]: !0,
-        [C[`${Z}__overlay--visible`]]: a,
-        [C[`${Z}__overlay--slide`]]: r
+        [N[`${Z}__overlay`]]: !0,
+        [N[`${Z}__overlay--visible`]]: a,
+        [N[`${Z}__overlay--slide`]]: r
       }),
       style: o
     }
@@ -1143,29 +1148,29 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
     "div",
     {
       className: u({
-        [C[`${Z}__overlay`]]: !0,
-        [C[`${Z}__overlay--visible`]]: a,
-        [C[`${Z}__overlay--slide`]]: r
+        [N[`${Z}__overlay`]]: !0,
+        [N[`${Z}__overlay--visible`]]: a,
+        [N[`${Z}__overlay--slide`]]: r
       }),
-      style: l
+      style: c
     }
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u({
-        [C[`${Z}__overlay`]]: !0,
-        [C[`${Z}__overlay--visible`]]: a,
-        [C[`${Z}__overlay--slide`]]: r
+        [N[`${Z}__overlay`]]: !0,
+        [N[`${Z}__overlay--visible`]]: a,
+        [N[`${Z}__overlay--slide`]]: r
       }),
-      style: c
+      style: l
     }
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u({
-        [C[`${Z}__overlay`]]: !0,
-        [C[`${Z}__overlay--visible`]]: a,
-        [C[`${Z}__overlay--slide`]]: r
+        [N[`${Z}__overlay`]]: !0,
+        [N[`${Z}__overlay--visible`]]: a,
+        [N[`${Z}__overlay--slide`]]: r
       }),
       style: d
     }
@@ -1173,11 +1178,11 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
     "div",
     {
       className: u({
-        [C[`${Z}__overlay`]]: !0,
-        [C[`${Z}__overlay--visible`]]: a,
-        [C[`${Z}__overlay--slide`]]: r
+        [N[`${Z}__overlay`]]: !0,
+        [N[`${Z}__overlay--visible`]]: a,
+        [N[`${Z}__overlay--slide`]]: r
       }),
-      style: s
+      style: n
     }
   ));
 };
@@ -1188,15 +1193,15 @@ class E_ {
     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, c = Math.round(a.height) + 2 * this.padding, l = _, d = r, s = l + c, i = d + 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, c = _, d = r, n = c + l, i = d + o;
     return {
       x: r,
       y: _,
       width: o,
-      height: c,
-      top: l,
+      height: l,
+      top: c,
       left: d,
-      bottom: s,
+      bottom: n,
       right: i
     };
   }
@@ -1216,34 +1221,34 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
     parentElementName: r,
     isVisible: _ = !1,
     shouldSlide: o = !0
-  } = t, [c, l] = e.useState(
+  } = t, [l, c] = e.useState(
     null
-  ), [d, s] = e.useState(null), [i, n] = e.useState(o), m = () => {
-    c && (s(
+  ), [d, n] = e.useState(null), [i, s] = e.useState(o), m = () => {
+    l && (n(
       Qa(
-        c,
+        l,
         Ka
       ).getBoundingClientRect()
-    ), n(!1));
+    ), s(!1));
   };
   return e.useEffect(() => {
-    if (c !== null)
+    if (l !== null)
       return window.addEventListener("resize", m), window.addEventListener("scroll", m), () => {
         window.addEventListener("resize", m), window.addEventListener("resize", m);
       };
-  }, [c, r]), e.useEffect(() => {
+  }, [l, r]), e.useEffect(() => {
     if (r) {
       const g = document.querySelector(r);
-      l(g);
+      c(g);
     }
   }, [r]), e.useEffect(() => {
-    c && s(
+    l && n(
       Qa(
-        c,
+        l,
         Ka
       ).getBoundingClientRect()
-    ), n(!0);
-  }, [c]), c && _ ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+    ), s(!0);
+  }, [l]), l && _ ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
     y_,
     {
       gap: d,
@@ -1253,15 +1258,15 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
     }
   ), /* @__PURE__ */ e.createElement(
     Er,
-    N(h({}, t), {
+    C(k({}, t), {
       referenceElement: {
         getBoundingClientRect: () => d,
-        contextElement: c
+        contextElement: l
       },
       arrowOffsetY: 25,
       className: u({
-        [C[Ja]]: !0,
-        [C[`${Ja}--slide`]]: i,
+        [N[Ja]]: !0,
+        [N[`${Ja}--slide`]]: i,
         className: a
       })
     }),
@@ -1271,15 +1276,15 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
   title: t,
   description: a,
   children: r
-}) => /* @__PURE__ */ e.createElement("div", { className: C[kt] }, /* @__PURE__ */ e.createElement("div", { className: C[`${kt}__heading`] }, /* @__PURE__ */ e.createElement(M, { as: "div", className: C[`${kt}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
+}) => /* @__PURE__ */ e.createElement("div", { className: N[kt] }, /* @__PURE__ */ e.createElement("div", { className: N[`${kt}__heading`] }, /* @__PURE__ */ e.createElement(M, { as: "div", className: N[`${kt}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
   M,
   {
     as: "div",
     size: "xs",
-    className: C[`${kt}__heading__description`]
+    className: N[`${kt}__heading__description`]
   },
   a
-)), /* @__PURE__ */ e.createElement("div", { className: C[`${kt}__content`] }, /* @__PURE__ */ e.createElement(M, { as: "div" }, r))), se = {
+)), /* @__PURE__ */ e.createElement("div", { className: N[`${kt}__content`] }, /* @__PURE__ */ e.createElement(M, { as: "div" }, r))), se = {
   "action-bar": "lc-ActionBar-module__action-bar___TJitF",
   "action-bar__items": "lc-ActionBar-module__action-bar__items___uhoQA",
   "action-bar__items--scroll": "lc-ActionBar-module__action-bar__items--scroll___f--dN",
@@ -1307,12 +1312,12 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
     [se[`${Rt}__button--active`]]: t.key === r
   });
   if (t.showTooltip) {
-    const c = a.includes(t.key) && {
+    const l = a.includes(t.key) && {
       isVisible: !1
     };
     return /* @__PURE__ */ e.createElement(
       Er,
-      h({
+      k({
         kind: "invert",
         placement: _ ? "left" : "bottom",
         triggerClassName: se[`${Rt}__tooltip`],
@@ -1328,7 +1333,7 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
             icon: t.element
           }
         )
-      }, c),
+      }, l),
       /* @__PURE__ */ e.createElement("div", null, t.label)
     );
   }
@@ -1350,18 +1355,18 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
   type: r = "menu",
   options: _,
   activeOptionKey: o,
-  vertical: c
+  vertical: l
 }) => {
-  const [l, d] = e.useState([]), s = r === "scroll", i = u(
+  const [c, d] = e.useState([]), n = r === "scroll", i = u(
     se[_t],
     t,
-    c && se[`${_t}--vertical`]
-  ), n = `${_t}__menu-wrapper`, m = {
+    l && se[`${_t}--vertical`]
+  ), s = `${_t}__menu-wrapper`, m = {
     root: document.querySelector(`${a}`),
     threshold: 1
-  }, g = !s && l.length !== 0, k = (p) => {
+  }, g = !n && c.length !== 0, h = (p) => {
     p.map((y) => {
-      const v = l.includes(y.target.id);
+      const v = c.includes(y.target.id);
       if (!y.isIntersecting) {
         y.target.setAttribute("tabindex", "-1"), v || d((E) => [
           ...E,
@@ -1369,64 +1374,64 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
         ]);
         return;
       }
-      y.target.removeAttribute("tabindex"), v && d(l.filter((E) => E !== y.target.id));
+      y.target.removeAttribute("tabindex"), v && d(c.filter((E) => E !== y.target.id));
     });
   };
   e.useEffect(() => {
     const p = !!window.IntersectionObserver;
-    if (!s && p) {
+    if (!n && p) {
       const y = document.querySelectorAll(
         `.${se[`${_t}__items__button`]}`
       ), v = new IntersectionObserver(
-        k,
+        h,
         m
       );
       return y.forEach((E) => v.observe(E)), () => v.disconnect();
     }
-  }, [l, s]);
+  }, [c, n]);
   const b = (p) => _.filter(
     (v) => p.find((E) => E === v.key)
   ).map((v) => ({
     key: v.key,
     element: /* @__PURE__ */ e.createElement(n_, { leftNode: v.element }, v.label),
     onClick: v.onClick
-  })), f = _.filter((p) => l.find((y) => y === p.key)).find((p) => p.key === o);
+  })), f = _.filter((p) => c.find((y) => y === p.key)).find((p) => p.key === o);
   return /* @__PURE__ */ e.createElement("div", { id: a, className: i }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(se[`${_t}__items`], {
-        [se[`${_t}__items--scroll`]]: s
+        [se[`${_t}__items--scroll`]]: n
       })
     },
     _.map((p) => /* @__PURE__ */ e.createElement(
       $_,
       {
         option: p,
-        menuItemsKeys: l,
+        menuItemsKeys: c,
         activeOptionKey: o,
-        vertical: c
+        vertical: l
       }
     ))
-  ), g && /* @__PURE__ */ e.createElement("div", { className: se[n] }, /* @__PURE__ */ e.createElement(
+  ), g && /* @__PURE__ */ e.createElement("div", { className: se[s] }, /* @__PURE__ */ e.createElement(
     o_,
     {
-      placement: c ? "left-end" : "bottom-end",
-      options: b(l),
+      placement: l ? "left-end" : "bottom-end",
+      options: b(c),
       triggerClassName: u(
-        c && se[`${n}__trigger-vertical`]
+        l && se[`${s}__trigger-vertical`]
       ),
       triggerRenderer: /* @__PURE__ */ e.createElement(
         U,
         {
           className: u(
-            se[`${n}__button`],
-            f && se[`${n}__button--active`]
+            se[`${s}__button`],
+            f && se[`${s}__button--active`]
           ),
           kind: "plain",
           icon: /* @__PURE__ */ e.createElement(
             D,
             {
-              source: c ? nr : Bt,
+              source: l ? nr : Bt,
               kind: "primary"
             }
           ),
@@ -1436,7 +1441,7 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
           "div",
           {
             className: u(
-              se[`${n}__button__with-item`]
+              se[`${s}__button__with-item`]
             )
           },
           f.element
@@ -1444,10 +1449,10 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
       )
     }
   )));
-}, w_ = "lc-Alert-module__alert___HBTns", N_ = "lc-Alert-module__alert__icon___8TaAH", C_ = "lc-Alert-module__alert__content___9nZdf", x_ = "lc-Alert-module__alert__content__wrapper___aLBkP", S_ = "lc-Alert-module__alert__content__wrapper__text___HDMbR", D_ = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", T_ = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", ke = {
+}, w_ = "lc-Alert-module__alert___HBTns", C_ = "lc-Alert-module__alert__icon___8TaAH", N_ = "lc-Alert-module__alert__content___9nZdf", x_ = "lc-Alert-module__alert__content__wrapper___aLBkP", S_ = "lc-Alert-module__alert__content__wrapper__text___HDMbR", D_ = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", T_ = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", ke = {
   alert: w_,
-  alert__icon: N_,
-  alert__content: C_,
+  alert__icon: C_,
+  alert__content: N_,
   alert__content__wrapper: x_,
   alert__content__wrapper__text: S_,
   alert__content__wrapper__cta: D_,
@@ -1478,14 +1483,14 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
     kind: "error"
   }
 }, ye = "alert", pc = (d) => {
-  var s = d, {
+  var n = d, {
     children: t,
     className: a,
     primaryButton: r,
     secondaryButton: _,
     kind: o = "info",
-    onClose: c
-  } = s, l = A(s, [
+    onClose: l
+  } = n, c = A(n, [
     "children",
     "className",
     "primaryButton",
@@ -1493,22 +1498,22 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
     "kind",
     "onClose"
   ]);
-  const i = e.useRef(null), [n, m] = e.useState(null), g = u(
+  const i = e.useRef(null), [s, m] = e.useState(null), g = u(
     ke[ye],
     ke[`${ye}--${o}`],
-    n === "large" && ke[`${ye}--large`],
-    n === "medium" && ke[`${ye}--medium`],
-    n === "small" && ke[`${ye}--small`],
+    s === "large" && ke[`${ye}--large`],
+    s === "medium" && ke[`${ye}--medium`],
+    s === "small" && ke[`${ye}--small`],
     a
   );
   return e.useEffect(() => {
-    const k = () => i.current && i.current.offsetWidth <= 400 ? m("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? m("medium") : m("large"), b = gr(() => {
-      k();
+    const h = () => i.current && i.current.offsetWidth <= 400 ? m("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? m("medium") : m("large"), b = gr(() => {
+      h();
     }, 500);
-    return window.addEventListener("resize", b), k(), () => window.removeEventListener("resize", b);
-  }), /* @__PURE__ */ e.createElement("div", h({ ref: i, className: g }, l), /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content`] }, /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
+    return window.addEventListener("resize", b), h(), () => window.removeEventListener("resize", b);
+  }), /* @__PURE__ */ e.createElement("div", k({ ref: i, className: g }, c), /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content`] }, /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
     D,
-    N(h({}, B_[o]), {
+    C(k({}, B_[o]), {
       size: "large",
       className: ke[`${ye}__icon`]
     })
@@ -1527,15 +1532,16 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
       onClick: _.handleClick
     },
     _.label
-  ))), c && /* @__PURE__ */ e.createElement(
+  ))), l && /* @__PURE__ */ e.createElement(
     U,
     {
+      "aria-label": "Close alert",
       type: "button",
       className: ke[`${ye}__close-icon`],
       size: "compact",
       kind: "plain",
       icon: /* @__PURE__ */ e.createElement(D, { source: Te }),
-      onClick: c
+      onClick: l
     }
   ));
 }, Xa = Array.from(
@@ -1549,15 +1555,15 @@ function P_(t) {
   return `var(${Xa[a % Xa.length]})`;
 }
 function A_(t = "", a = 2) {
-  const r = t.split(/\s+/);
+  const r = t.trim().split(/\s+/), _ = r.map((l) => [...l][0]);
   if (a < 1)
     return "";
   if (r.length <= a)
-    return r.map((o) => o.charAt(0)).join("").toUpperCase();
-  const _ = [r[0].charAt(0)];
-  for (let o = r.length - a + 1; o < r.length; o++)
-    _.push(r[o].charAt(0));
-  return _.join("").toUpperCase();
+    return _.join("").toUpperCase();
+  const o = [_[0]];
+  for (let l = r.length - a + 1; l < r.length; l++)
+    o.push(_[l]);
+  return o.join("").toUpperCase();
 }
 function I_(t) {
   let a = t;
@@ -1615,62 +1621,74 @@ const F_ = "lc-Avatar-module__avatar___1zTCE", M_ = "lc-Avatar-module__avatar__s
   "avatar--xlarge": "lc-Avatar-module__avatar--xlarge___zwgeW",
   "avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___Ur0ul",
   "avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___Z-54U"
-}, X = "avatar", O_ = ({
-  alt: t,
-  className: a,
-  color: r,
-  shape: _ = "circle",
-  size: o = "medium",
-  src: c,
-  status: l,
-  text: d,
-  type: s,
-  withRim: i = !1
-}) => {
-  const n = s === "image" && !c, [m, g] = e.useState(n), k = s === "image" && !!c && !m, b = s === "text", f = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, p = A_(d, f), y = r || P_(d), v = y ? I_(y) : void 0, E = b ? { backgroundColor: y } : {}, w = u(h({
+}, X = "avatar", O_ = (m) => {
+  var g = m, {
+    alt: t,
+    className: a,
+    color: r,
+    shape: _ = "circle",
+    size: o = "medium",
+    src: l,
+    status: c,
+    text: d,
+    type: n,
+    withRim: i = !1
+  } = g, s = A(g, [
+    "alt",
+    "className",
+    "color",
+    "shape",
+    "size",
+    "src",
+    "status",
+    "text",
+    "type",
+    "withRim"
+  ]);
+  const h = n === "image" && !l, [b, f] = e.useState(h), p = n === "image" && !!l && !b, y = n === "text", v = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, E = A_(d, v), w = r || P_(d), x = w ? I_(w) : void 0, $ = y ? { backgroundColor: w } : {}, F = u(k({
     [be[X]]: !0,
     [be[`${X}--${_}`]]: !0,
     [be[`${X}--${o}`]]: !0,
     [be[`${X}--with-rim`]]: i
-  }, a ? { [`${a}`]: a } : {})), x = u(
+  }, a ? { [`${a}`]: a } : {})), S = u(
     be[`${X}__status`],
     be[`${X}__status--${_}`],
     be[`${X}__status--${o}`],
-    ...l ? [be[`${X}__status--${l}`]] : []
-  ), $ = u(
+    ...c ? [be[`${X}__status--${c}`]] : []
+  ), R = u(
     be[`${X}__icon`],
     be[`${X}__icon--${o}`]
-  ), F = u(
+  ), B = u(
     be[`${X}__rim`],
     be[`${X}__rim--${o}`]
-  ), S = e.useCallback(() => g(!0), []);
+  ), L = e.useCallback(() => f(!0), []);
   return e.useEffect(() => {
-    g(n);
-  }, [n]), /* @__PURE__ */ e.createElement("div", { className: w, style: E }, i && /* @__PURE__ */ e.createElement(
+    f(h);
+  }, [h]), /* @__PURE__ */ e.createElement("div", k({ className: F, style: $ }, s), i && /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": `${X}__rim`,
-      className: F
+      className: B
     }
-  ), l && /* @__PURE__ */ e.createElement(
+  ), c && /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": `${X}__status`,
-      className: x
+      className: S
     }
-  ), k && /* @__PURE__ */ e.createElement(
+  ), p && /* @__PURE__ */ e.createElement(
     "img",
     {
       className: be[`${X}__image`],
-      src: c,
+      src: l,
       alt: t,
-      onError: S
+      onError: L
     }
-  ), b && /* @__PURE__ */ e.createElement("span", { style: { color: v } }, p), m && /* @__PURE__ */ e.createElement(
+  ), y && /* @__PURE__ */ e.createElement("span", { style: { color: x } }, E), b && /* @__PURE__ */ e.createElement(
     D,
     {
       "data-testid": `${X}__icon`,
-      className: $,
+      className: R,
       source: Fr
     }
   ));
@@ -1688,14 +1706,14 @@ const z_ = "lc-Badge-module__badge___GhLnu", G_ = "lc-Badge-module__badge__dot__
   "badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
   "badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
 }, Ot = "badge", U_ = (d) => {
-  var s = d, {
+  var n = d, {
     className: t,
     count: a = 0,
     max: r = 99,
     kind: _ = "primary",
     size: o = "medium",
-    type: c = "counter"
-  } = s, l = A(s, [
+    type: l = "counter"
+  } = n, c = A(n, [
     "className",
     "count",
     "max",
@@ -1708,12 +1726,12 @@ const z_ = "lc-Badge-module__badge___GhLnu", G_ = "lc-Badge-module__badge__dot__
     Lt[Ot],
     Lt[`${Ot}--${_}`],
     Lt[`${Ot}--${o}`]
-  ), n = {
+  ), s = {
     counter: H_(a, r),
     alert: "!",
     dot: /* @__PURE__ */ e.createElement("span", { className: Lt[`${Ot}__dot`] })
-  }[c];
-  return /* @__PURE__ */ e.createElement("span", h({ className: i }, l), n);
+  }[l];
+  return /* @__PURE__ */ e.createElement("span", k({ className: i }, c), s);
 };
 function W_() {
 }
@@ -1730,22 +1748,22 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
   className: r,
   initialId: _,
   currentId: o,
-  fullWidth: c = !1,
-  onButtonClick: l = W_
+  fullWidth: l = !1,
+  onButtonClick: c = W_
 }) => {
-  const d = u(Ht[Y_], r), [s, i] = e.useState(() => _), n = typeof o == "string";
+  const d = u(Ht[Y_], r), [n, i] = e.useState(() => _), s = typeof o == "string";
   e.useEffect(() => {
-    n && i(o);
+    s && i(o);
   }, [o]);
-  const m = (k, b) => {
-    n || i(k), l(k, b);
-  }, g = a.map(({ id: k, label: b, loading: f, disabled: p, icon: y }) => {
-    const v = k === s, E = v ? Ht["btn--active"] : "", w = v ? !1 : f;
+  const m = (h, b) => {
+    s || i(h), c(h, b);
+  }, g = a.map(({ id: h, label: b, loading: f, disabled: p, icon: y }) => {
+    const v = h === n, E = v ? Ht["btn--active"] : "", w = v ? !1 : f;
     return /* @__PURE__ */ e.createElement(
       U,
       {
-        key: k,
-        fullWidth: c,
+        key: h,
+        fullWidth: l,
         loading: w,
         disabled: p,
         "aria-pressed": v,
@@ -1753,7 +1771,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
         icon: y,
         className: u(Ht.btn, Ht[`btn--${t}`], E),
         onClick: (x) => {
-          m(k, x);
+          m(h, x);
         }
       },
       b
@@ -1775,16 +1793,16 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
   card__actions__buttons: ao,
   "card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
 }, Dt = "card", Jt = `${Dt}__header`, ha = `${Jt}__heading`, zt = `${Dt}__actions`, ro = `${Jt}__no-image`, bc = (i) => {
-  var n = i, {
+  var s = i, {
     alt: t,
     buttonsOptions: a = [],
     children: r,
     className: _,
     description: o,
-    expandableContent: c,
-    src: l,
+    expandableContent: l,
+    src: c,
     title: d
-  } = n, s = A(n, [
+  } = s, n = A(s, [
     "alt",
     "buttonsOptions",
     "children",
@@ -1794,13 +1812,13 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     "src",
     "title"
   ]);
-  const [m, g] = e.useState(!1), k = m ? Xt : Bt, b = m ? "Hide" : "Show more", f = (a == null ? void 0 : a.length) > 0, p = !!c, y = f || p, v = d, E = l, w = E ? "" : fe[ro];
-  return /* @__PURE__ */ e.createElement("div", h({ className: u(fe[Dt], _) }, s), v && /* @__PURE__ */ e.createElement("div", { className: u(fe[Jt], w) }, E && /* @__PURE__ */ e.createElement(
+  const [m, g] = e.useState(!1), h = m ? Xt : Bt, b = m ? "Hide" : "Show more", f = (a == null ? void 0 : a.length) > 0, p = !!l, y = f || p, v = d, E = c, w = E ? "" : fe[ro];
+  return /* @__PURE__ */ e.createElement("div", k({ className: u(fe[Dt], _) }, n), v && /* @__PURE__ */ e.createElement("div", { className: u(fe[Jt], w) }, E && /* @__PURE__ */ e.createElement(
     "img",
     {
       alt: t,
       className: fe[`${Jt}__image`],
-      src: l
+      src: c
     }
   ), /* @__PURE__ */ e.createElement("div", { className: fe[ha] }, /* @__PURE__ */ e.createElement(tt, { size: "sm", className: fe[`${ha}__title`] }, d), /* @__PURE__ */ e.createElement(M, { size: "sm", className: fe[`${ha}__description`] }, o))), /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: fe[`${Dt}__content`] }, r), m && /* @__PURE__ */ e.createElement(
     M,
@@ -1809,7 +1827,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
       size: "md",
       className: fe[`${Dt}__expanded-content`]
     },
-    c
+    l
   ), y && /* @__PURE__ */ e.createElement("div", { className: fe[zt] }, /* @__PURE__ */ e.createElement("div", { className: fe[`${zt}__line`] }), /* @__PURE__ */ e.createElement("div", { className: fe[`${zt}__buttons`] }, f && a.map(
     ({ kind: x, onClick: $, children: F }) => /* @__PURE__ */ e.createElement(U, { size: "compact", kind: x, onClick: $ }, F)
   ), p && /* @__PURE__ */ e.createElement(
@@ -1818,7 +1836,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
       className: fe[`${zt}__buttons-expander`],
       kind: "link",
       iconPosition: "right",
-      icon: /* @__PURE__ */ e.createElement(D, { source: k }),
+      icon: /* @__PURE__ */ e.createElement(D, { source: h }),
       onClick: () => g(!m)
     },
     b
@@ -1833,8 +1851,8 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     "children",
     "className"
   ]);
-  const c = u(_o[oo], a);
-  return /* @__PURE__ */ e.createElement(M, N(h({ as: "span", size: "sm" }, r), { className: c }), t);
+  const l = u(_o[oo], a);
+  return /* @__PURE__ */ e.createElement(M, C(k({ as: "span", size: "sm" }, r), { className: l }), t);
 }, lo = "lc-Checkbox-module__checkbox___G7nTf", co = "lc-Checkbox-module__checkbox__label___-o01x", no = "lc-Checkbox-module__checkbox__text___P2SIq", so = "lc-Checkbox-module__checkbox__input___YLbVF", io = "lc-Checkbox-module__checkbox__checkmark___16pfY", uo = "lc-Checkbox-module__checkbox__square___MHUyd", mo = "lc-Checkbox-module__checkbox__helper___YSJ-n", je = {
   checkbox: lo,
   checkbox__label: co,
@@ -1846,8 +1864,8 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
   "checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
   checkbox__helper: mo
 }, Ze = "checkbox", po = e.forwardRef(
-  (d, l) => {
-    var s = d, { checked: t, disabled: a, children: r, description: _, className: o } = s, c = A(s, ["checked", "disabled", "children", "description", "className"]);
+  (d, c) => {
+    var n = d, { checked: t, disabled: a, children: r, description: _, className: o } = n, l = A(n, ["checked", "disabled", "children", "description", "className"]);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -1858,8 +1876,8 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
       },
       /* @__PURE__ */ e.createElement("label", { className: je[`${Ze}__label`] }, /* @__PURE__ */ e.createElement(
         "input",
-        N(h({}, c), {
-          ref: l,
+        C(k({}, l), {
+          ref: c,
           checked: t,
           disabled: a,
           className: je[`${Ze}__input`],
@@ -1910,23 +1928,23 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     onMonthChange: r,
     onNextClick: _,
     showNextButton: o,
-    showPreviousButton: c,
-    className: l,
+    showPreviousButton: l,
+    className: c,
     classNames: d,
-    numberOfMonths: s,
+    numberOfMonths: n,
     month: i,
-    fromMonth: n,
+    fromMonth: s,
     toMonth: m
   } = t, g = () => {
     typeof a == "function" && a();
-  }, k = () => {
+  }, h = () => {
     typeof _ == "function" && _();
   }, b = () => {
-    if (!n) {
+    if (!s) {
       const v = pt(i, 12);
       return r(v);
     }
-    const p = Math.abs(Ga(i, n)), y = pt(
+    const p = Math.abs(Ga(i, s)), y = pt(
       i,
       !Number.isNaN(p) && p > 12 ? 12 : p
     );
@@ -1940,15 +1958,15 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
       i,
       !Number.isNaN(p) && p > 12 ? 12 : p
     );
-    return s === 2 && Ta(y, m) ? r(pt(y, 1)) : r(y);
+    return n === 2 && Ta(y, m) ? r(pt(y, 1)) : r(y);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: l }, /* @__PURE__ */ e.createElement("div", { className: T[`${ja}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement("div", { className: T[`${ja}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-prev-year-button",
       className: u({
         [d.navButtonPrev]: !0,
-        [d.navButtonInteractionDisabled]: !c
+        [d.navButtonInteractionDisabled]: !l
       }),
       onClick: b
     },
@@ -1959,7 +1977,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
       "data-testid": "date-picker-prev-month-button",
       className: u({
         [d.navButtonPrev]: !0,
-        [d.navButtonInteractionDisabled]: !c
+        [d.navButtonInteractionDisabled]: !l
       }),
       onClick: g
     },
@@ -1972,7 +1990,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
         [d.navButtonNext]: !0,
         [d.navButtonInteractionDisabled]: !o
       }),
-      onClick: k
+      onClick: h
     },
     /* @__PURE__ */ e.createElement(D, { source: Sa, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
@@ -2000,9 +2018,9 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
   if (!a || !t)
     return r;
   const _ = br(a, t);
-  return _ > 0 ? N(h({}, r), {
+  return _ > 0 ? C(k({}, r), {
     [T[`${I}__day--end`]]: a
-  }) : _ < 0 ? N(h({}, r), {
+  }) : _ < 0 ? C(k({}, r), {
     [T[`${I}__day--start`]]: a
   }) : r;
 }, xt = (t, a) => {
@@ -2017,7 +2035,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     t.options
   );
   return r ? (a.selectedItem = t.initialSelectedItemKey, r.isManual && (t.initialFromDate && (a.from = t.initialFromDate), t.initialToDate && (a.to = t.initialToDate, a.temporaryTo = t.initialToDate)), a) : {};
-}, vo = (t, a) => h({
+}, vo = (t, a) => k({
   container: u({
     [T[`${I}`]]: !0,
     [T[`${I}--range`]]: t
@@ -2061,12 +2079,12 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     range: r,
     toMonth: _,
     month: o,
-    fromMonth: c,
-    firstDayOfWeek: l,
+    fromMonth: l,
+    firstDayOfWeek: c,
     numberOfMonths: d,
-    navbarElement: s,
+    navbarElement: n,
     renderDay: i,
-    innerRef: n
+    innerRef: s
   } = y, m = A(y, [
     "classNames",
     "range",
@@ -2078,11 +2096,11 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     "navbarElement",
     "renderDay",
     "innerRef"
-  ]), [g, k] = e.useState(o || /* @__PURE__ */ new Date());
+  ]), [g, h] = e.useState(o || /* @__PURE__ */ new Date());
   e.useEffect(() => {
-    o && o !== g && k(o);
+    o && o !== g && h(o);
   }, [o, g]), e.useEffect(() => {
-    _ && ($r(g, { from: c, to: _ }) || k(_));
+    _ && ($r(g, { from: l, to: _ }) || h(_));
   }, [g, t.toMonth, t.fromMonth]);
   const b = e.useCallback(
     (v) => {
@@ -2090,20 +2108,20 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
         t.onMonthChange(v);
         return;
       }
-      k(v);
+      h(v);
     },
     [o, t.onMonthChange]
   );
   let f = 1;
-  (l === 0 || l && l < 7) && (f = l);
+  (c === 0 || c && c < 7) && (f = c);
   const p = e.useMemo(
     () => vo(r, a),
     [r, a]
   );
   return /* @__PURE__ */ e.createElement(
     e_,
-    h({
-      navbarElement: s || /* @__PURE__ */ e.createElement(
+    k({
+      navbarElement: n || /* @__PURE__ */ e.createElement(
         go,
         {
           month: g,
@@ -2111,21 +2129,21 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
           numberOfMonths: d,
           onMonthChange: b,
           toMonth: _,
-          fromMonth: c
+          fromMonth: l
         }
       ),
-      ref: n,
+      ref: s,
       classNames: p,
       numberOfMonths: d,
       toMonth: _,
-      fromMonth: c,
+      fromMonth: l,
       firstDayOfWeek: f,
       month: g,
       renderDay: i || ho
     }, m)
   );
 }, yo = e.forwardRef(
-  (t, a) => /* @__PURE__ */ e.createElement(ko, h({ innerRef: a }, t))
+  (t, a) => /* @__PURE__ */ e.createElement(ko, k({ innerRef: a }, t))
 );
 yo.displayName = "DatePicker";
 var V = /* @__PURE__ */ ((t) => (t.NEW_SELECTED_ITEM = "NEW_SELECTED_ITEM", t.NEW_TEMPORARY_TO_VALUE = "NEW_TEMPORARY_TO_VALUE", t.CLEAR = "CLEAR", t.SET_FROM = "SET_FROM", t.SET_TO = "SET_TO", t.SELECT_FIRST_DAY = "SELECT_FIRST_DAY", t.SELECT_SECOND_DAY_AS_FROM = "SELECT_SECOND_DAY_AS_FROM", t.SELECT_SECOND_DAY_AS_TO = "SELECT_SECOND_DAY_AS_TO", t.CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE", t))(V || {});
@@ -2134,58 +2152,58 @@ const Eo = (t) => {
     t.initialFromDate,
     t.initialToDate,
     t.toMonth
-  ), _ = h(h({}, {
+  ), _ = k(k({}, {
     selectedItem: null,
     from: void 0,
     to: void 0,
     temporaryTo: void 0,
     currentMonth: a
   }), fo(t));
-  function o(c, l) {
-    switch (l.type) {
+  function o(l, c) {
+    switch (c.type) {
       case V.NEW_SELECTED_ITEM:
         return {
-          selectedItem: l.payload.selectedItem,
+          selectedItem: c.payload.selectedItem,
           from: void 0,
           to: void 0,
           temporaryTo: void 0,
           currentMonth: a
         };
       case V.NEW_TEMPORARY_TO_VALUE:
-        return N(h({}, c), {
-          temporaryTo: l.payload.date
+        return C(k({}, l), {
+          temporaryTo: c.payload.date
         });
       case V.SELECT_FIRST_DAY:
-        return N(h({}, c), {
-          from: l.payload.date,
+        return C(k({}, l), {
+          from: c.payload.date,
           to: void 0,
           temporaryTo: void 0
         });
       case V.SELECT_SECOND_DAY_AS_FROM:
-        return N(h({}, c), {
-          from: l.payload.date,
-          to: c.from,
-          temporaryTo: c.from
+        return C(k({}, l), {
+          from: c.payload.date,
+          to: l.from,
+          temporaryTo: l.from
         });
       case V.SELECT_SECOND_DAY_AS_TO:
-        return N(h({}, c), {
-          to: l.payload.date,
-          temporaryTo: l.payload.date
+        return C(k({}, l), {
+          to: c.payload.date,
+          temporaryTo: c.payload.date
         });
       case V.CURRENT_MONTH_CHANGE:
-        return N(h({}, c), {
-          currentMonth: l.payload.date
+        return C(k({}, l), {
+          currentMonth: c.payload.date
         });
       case V.SET_FROM:
-        return N(h({}, c), {
-          from: l.payload.date
+        return C(k({}, l), {
+          from: c.payload.date
         });
       case V.SET_TO:
-        return N(h({}, c), {
-          to: l.payload.date
+        return C(k({}, l), {
+          to: c.payload.date
         });
       default:
-        return c;
+        return l;
     }
   }
   return Ar(o, _);
@@ -2195,19 +2213,19 @@ const Eo = (t) => {
   initialFromDate: r,
   initialToDate: _,
   toMonth: o,
-  onChange: c,
-  children: l
+  onChange: l,
+  children: c
 }) => {
   const d = Ir(
     a || null
-  ), [s, i] = Eo({
+  ), [n, i] = Eo({
     options: t,
     initialSelectedItemKey: a,
     initialFromDate: r,
     initialToDate: _,
     toMonth: o,
-    onChange: c,
-    children: l
+    onChange: l,
+    children: c
   });
   ut(() => {
     i({
@@ -2230,44 +2248,44 @@ const Eo = (t) => {
       payload: { date: f }
     });
   }, [o, r, _]), ut(() => {
-    const { from: f, selectedItem: p, to: y } = s;
+    const { from: f, selectedItem: p, to: y } = n;
     if (!(f && y))
       return;
     const v = xt(p, t);
-    v && (c == null || c(N(h({}, v), {
+    v && (l == null || l(C(k({}, v), {
       value: {
         from: f,
         to: y
       }
     })));
-  }, [s.from, s.to, s.selectedItem, t, c]), ut(() => {
-    const { selectedItem: f } = s;
+  }, [n.from, n.to, n.selectedItem, t, l]), ut(() => {
+    const { selectedItem: f } = n;
     if (f === d.current)
       return;
     if (!f) {
-      c(null);
+      l(null);
       return;
     }
     if (!xt(f, t))
       return;
     const y = t.reduce(
-      (v, E) => N(h({}, v), { [E.id]: E }),
+      (v, E) => C(k({}, v), { [E.id]: E }),
       {}
     );
-    c(y[f]);
-  }, [c, s.selectedItem, t]);
-  const n = It(
+    l(y[f]);
+  }, [l, n.selectedItem, t]);
+  const s = It(
     (f) => {
       const p = o ? br(o, f) >= 0 : !0;
-      !Za(s.from, s.to) && p && i({
+      !Za(n.from, n.to) && p && i({
         type: V.NEW_TEMPORARY_TO_VALUE,
         payload: { date: f }
       });
     },
-    [o, s.from, s.to]
+    [o, n.from, n.to]
   ), m = It(
     (f) => {
-      const { from: p, to: y } = s;
+      const { from: p, to: y } = n;
       $r(f, { to: o }) && (Za(p, y) ? i({
         type: V.SELECT_FIRST_DAY,
         payload: { date: f }
@@ -2279,7 +2297,7 @@ const Eo = (t) => {
         payload: { date: f }
       }));
     },
-    [o, s.from, s.to]
+    [o, n.from, n.to]
   ), g = It(
     (f) => {
       if (f === null) {
@@ -2295,14 +2313,14 @@ const Eo = (t) => {
       });
     },
     [t]
-  ), k = It((f) => {
+  ), h = It((f) => {
     i({
       type: V.CURRENT_MONTH_CHANGE,
       payload: { date: f }
     });
   }, []);
-  return l((() => {
-    const { currentMonth: f, from: p, selectedItem: y, temporaryTo: v, to: E } = s, w = Ft(
+  return c((() => {
+    const { currentMonth: f, from: p, selectedItem: y, temporaryTo: v, to: E } = n, w = Ft(
       () => bo(p, v),
       [p, v]
     ), x = Ft(() => xt(y, t), [t, y]), $ = Ft(() => [p, { from: p, to: v }], [p, v]), F = Ft(() => o ? { after: o } : void 0, [o]);
@@ -2325,8 +2343,8 @@ const Eo = (t) => {
         initialMonth: o && pt(o, 1),
         toMonth: o,
         disabledDays: F,
-        onDayMouseEnter: n,
-        onMonthChange: k
+        onDayMouseEnter: s,
+        onMonthChange: h
       },
       selectedOption: x
     };
@@ -2346,12 +2364,12 @@ $o.defaultProps = {
   ]
 };
 const fc = (t) => {
-  const c = t, { className: a, children: r } = c, _ = A(c, ["className", "children"]), o = u(
+  const l = t, { className: a, children: r } = l, _ = A(l, ["className", "children"]), o = u(
     a,
     T["date-picker--range__calendars-wrapper"]
   );
-  return /* @__PURE__ */ e.createElement("div", N(h({}, _), { className: o }), r);
-}, R = {
+  return /* @__PURE__ */ e.createElement("div", C(k({}, _), { className: o }), r);
+}, O = {
   "details-card": "lc-DetailsCard-module__details-card___cVoS7",
   "details-card__float-button--open": "lc-DetailsCard-module__details-card__float-button--open___u9Kx2",
   "details-card--with-divider": "lc-DetailsCard-module__details-card--with-divider___xyXvc",
@@ -2373,30 +2391,30 @@ const fc = (t) => {
   "details-card__content": "lc-DetailsCard-module__details-card__content___RNVd2",
   "details-card__content--spacing": "lc-DetailsCard-module__details-card__content--spacing___QecUa",
   "details-card__content--full-space": "lc-DetailsCard-module__details-card__content--full-space___2ms8I"
-}, L = "details-card", vc = ({
+}, H = "details-card", vc = ({
   children: t,
   className: a,
   leftNode: r,
   rightNode: _,
   label: o,
-  withDivider: c,
-  fullSpaceContent: l,
+  withDivider: l,
+  fullSpaceContent: c,
   openOnInit: d = !1,
-  hideLabelOnOpen: s,
+  hideLabelOnOpen: n,
   onClick: i
 }) => {
-  const [n, m] = e.useState(d), [g, k] = e.useState(0), b = e.useRef(null), f = u(
-    R[L],
-    c && R[`${L}--with-divider`],
+  const [s, m] = e.useState(d), [g, h] = e.useState(0), b = e.useRef(null), f = u(
+    O[H],
+    l && O[`${H}--with-divider`],
     a
-  ), p = s && n, y = typeof o == "string", v = () => {
+  ), p = n && s, y = typeof o == "string", v = () => {
     m((E) => !E), i == null || i();
   };
   return e.useEffect(() => {
     const E = !!window.IntersectionObserver;
     if (b.current && E) {
       const w = new ResizeObserver(() => {
-        b.current && g !== b.current.offsetHeight && k(b.current.offsetHeight);
+        b.current && g !== b.current.offsetHeight && h(b.current.offsetHeight);
       });
       return w.observe(b.current), () => w.disconnect();
     }
@@ -2404,12 +2422,12 @@ const fc = (t) => {
     "button",
     {
       className: u(
-        R[`${L}__button`],
-        p && R[`${L}__button--hide`],
-        n && R[`${L}__button--open`]
+        O[`${H}__button`],
+        p && O[`${H}__button--hide`],
+        s && O[`${H}__button--open`]
       ),
       onClick: v,
-      "aria-expanded": n,
+      "aria-expanded": s,
       "aria-hidden": p,
       "data-testid": "details-card-button"
     },
@@ -2417,63 +2435,63 @@ const fc = (t) => {
       "div",
       {
         className: u(
-          R[`${L}__label`],
-          s && R[`${L}__label--with-margin`]
+          O[`${H}__label`],
+          n && O[`${H}__label--with-margin`]
         )
       },
-      r && /* @__PURE__ */ e.createElement("div", { className: R[`${L}__label__left-node`] }, r),
+      r && /* @__PURE__ */ e.createElement("div", { className: O[`${H}__label__left-node`] }, r),
       y ? /* @__PURE__ */ e.createElement(
         tt,
         {
           size: "xs",
-          className: R[`${L}__label__content`]
+          className: O[`${H}__label__content`]
         },
         o
-      ) : /* @__PURE__ */ e.createElement("div", { className: R[`${L}__label__content`] }, o),
-      _ && /* @__PURE__ */ e.createElement("div", { className: R[`${L}__label__right-node`] }, _)
+      ) : /* @__PURE__ */ e.createElement("div", { className: O[`${H}__label__content`] }, o),
+      _ && /* @__PURE__ */ e.createElement("div", { className: O[`${H}__label__right-node`] }, _)
     ),
-    !s && /* @__PURE__ */ e.createElement(
+    !n && /* @__PURE__ */ e.createElement(
       D,
       {
         className: u(
-          R[`${L}__button__icon`],
-          n && R[`${L}__button__icon--open`]
+          O[`${H}__button__icon`],
+          s && O[`${H}__button__icon--open`]
         ),
         source: Sa
       }
     )
-  ), s && /* @__PURE__ */ e.createElement(
+  ), n && /* @__PURE__ */ e.createElement(
     U,
     {
-      kind: n ? "float" : "text",
+      kind: s ? "float" : "text",
       icon: /* @__PURE__ */ e.createElement(
         D,
         {
           source: Sa,
           className: u(
-            R[`${L}__float-button__icon`],
-            n && R[`${L}__float-button__icon--open`]
+            O[`${H}__float-button__icon`],
+            s && O[`${H}__float-button__icon--open`]
           )
         }
       ),
       className: u(
-        R[`${L}__float-button`],
-        !n && R[`${L}__float-button--closed`],
-        n && R[`${L}__float-button--open`]
+        O[`${H}__float-button`],
+        !s && O[`${H}__float-button--closed`],
+        s && O[`${H}__float-button--open`]
       ),
       onClick: v,
-      "aria-expanded": n,
+      "aria-expanded": s,
       "data-testid": "details-card-floating-button"
     }
   ), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
-        R[`${L}__content-wrapper`],
-        n && R[`${L}__content-wrapper--open`]
+        O[`${H}__content-wrapper`],
+        s && O[`${H}__content-wrapper--open`]
       ),
       style: {
-        maxHeight: n ? g : 0
+        maxHeight: s ? g : 0
       }
     },
     /* @__PURE__ */ e.createElement(
@@ -2481,9 +2499,9 @@ const fc = (t) => {
       {
         ref: b,
         className: u(
-          R[`${L}__content`],
-          l && R[`${L}__content--full-space`],
-          s && R[`${L}__content--spacing`]
+          O[`${H}__content`],
+          c && O[`${H}__content--full-space`],
+          n && O[`${H}__content--spacing`]
         )
       },
       t
@@ -2507,8 +2525,8 @@ const fc = (t) => {
     "children",
     "className"
   ]);
-  const c = u(tr[ar], a);
-  return /* @__PURE__ */ e.createElement(M, N(h({ as: "span", size: "sm" }, r), { className: c }), /* @__PURE__ */ e.createElement(
+  const l = u(tr[ar], a);
+  return /* @__PURE__ */ e.createElement(M, C(k({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
     D,
     {
       source: Fa,
@@ -2521,14 +2539,14 @@ const fc = (t) => {
   "field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
   "field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
 }, $a = "field-group", kc = (d) => {
-  var s = d, {
+  var n = d, {
     className: t = "",
     children: a,
     description: r,
     error: _,
     inline: o,
-    stretch: c
-  } = s, l = A(s, [
+    stretch: l
+  } = n, c = A(n, [
     "className",
     "children",
     "description",
@@ -2538,30 +2556,30 @@ const fc = (t) => {
   ]);
   const i = u(Ea[$a], t, {
     [Ea[`${$a}--inline`]]: o,
-    [Ea[`${$a}--stretched`]]: c
+    [Ea[`${$a}--stretched`]]: l
   });
-  return /* @__PURE__ */ e.createElement("div", N(h({}, l), { className: i }), a, _ && /* @__PURE__ */ e.createElement(Oa, null, _), r && /* @__PURE__ */ e.createElement(la, null, r));
-}, wo = "lc-Form-module__form___1nOYF", No = "lc-Form-module__form__header___U4B7t", Co = "lc-Form-module__form__footer___1-sUX", xo = "lc-Form-module__form__label___spg-J", So = "lc-Form-module__form__helper___bhfwS", yt = {
+  return /* @__PURE__ */ e.createElement("div", C(k({}, c), { className: i }), a, _ && /* @__PURE__ */ e.createElement(Oa, null, _), r && /* @__PURE__ */ e.createElement(la, null, r));
+}, wo = "lc-Form-module__form___1nOYF", Co = "lc-Form-module__form__header___U4B7t", No = "lc-Form-module__form__footer___1-sUX", xo = "lc-Form-module__form__label___spg-J", So = "lc-Form-module__form__helper___bhfwS", yt = {
   form: wo,
-  form__header: No,
-  form__footer: Co,
+  form__header: Co,
+  form__footer: No,
   form__label: xo,
   form__helper: So
-}, Et = "form", yc = (l) => {
-  var d = l, {
+}, Et = "form", yc = (c) => {
+  var d = c, {
     className: t,
     children: a,
     labelText: r,
     helperText: _,
     formFooter: o
-  } = d, c = A(d, [
+  } = d, l = A(d, [
     "className",
     "children",
     "labelText",
     "helperText",
     "formFooter"
   ]);
-  return /* @__PURE__ */ e.createElement("form", h({ className: u(yt[Et], t) }, c), (r || _) && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__header`] }, r && /* @__PURE__ */ e.createElement(tt, { size: "sm", className: yt[`${Et}__label`] }, r), _ && /* @__PURE__ */ e.createElement(M, { as: "p", size: "sm", className: yt[`${Et}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__footer`] }, o));
+  return /* @__PURE__ */ e.createElement("form", k({ className: u(yt[Et], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__header`] }, r && /* @__PURE__ */ e.createElement(tt, { size: "sm", className: yt[`${Et}__label`] }, r), _ && /* @__PURE__ */ e.createElement(M, { as: "p", size: "sm", className: yt[`${Et}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__footer`] }, o));
 }, Y = {
   "form-field": "lc-FormField-module__form-field___JqnX6",
   "form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
@@ -2585,22 +2603,22 @@ const fc = (t) => {
   description: r,
   labelText: _,
   labelAdornment: o,
-  className: c,
-  labelFor: l,
+  className: l,
+  labelFor: c,
   children: d,
-  labelRightNode: s
+  labelRightNode: n
 }) => {
-  const i = e.useRef(null), [n, m] = e.useState("auto"), g = u(
+  const i = e.useRef(null), [s, m] = e.useState("auto"), g = u(
     Y[q],
     {
       [Y[`${q}--inline`]]: t
     },
-    c
+    l
   );
   return e.useEffect(() => {
-    const k = i;
-    return t && k.current ? m(`${k.current.clientHeight}px`) : m("auto");
-  }), /* @__PURE__ */ e.createElement("div", { className: g }, s && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    const h = i;
+    return t && h.current ? m(`${h.current.clientHeight}px`) : m("auto");
+  }), /* @__PURE__ */ e.createElement("div", { className: g }, n && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
@@ -2608,7 +2626,7 @@ const fc = (t) => {
         Y[`${q}__label-right-node--inline`]
       )
     },
-    s
+    n
   ), /* @__PURE__ */ e.createElement("div", { className: Y[`${q}__row-break`] })), /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -2617,7 +2635,7 @@ const fc = (t) => {
         t && Y[`${q}__wrapper--inline`]
       )
     },
-    (_ || s) && /* @__PURE__ */ e.createElement(
+    (_ || n) && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: u(
@@ -2634,14 +2652,14 @@ const fc = (t) => {
             t && Y[`${q}__label-wrapper--inline`]
           ),
           style: {
-            height: n
+            height: s
           }
         },
         /* @__PURE__ */ e.createElement(
           "label",
           {
             className: Y[`${q}__label-left-node`],
-            htmlFor: l
+            htmlFor: c
           },
           /* @__PURE__ */ e.createElement(M, { as: "span", size: "sm" }, _)
         ),
@@ -2656,7 +2674,7 @@ const fc = (t) => {
           o
         )
       ),
-      s && !t && /* @__PURE__ */ e.createElement("div", { className: u(Y[`${q}__label-right-node`]) }, s)
+      n && !t && /* @__PURE__ */ e.createElement("div", { className: u(Y[`${q}__label-right-node`]) }, n)
     ),
     /* @__PURE__ */ e.createElement("div", { className: u(Y[`${q}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, d), a && /* @__PURE__ */ e.createElement(Oa, null, a), !a && r && /* @__PURE__ */ e.createElement(
       la,
@@ -2671,13 +2689,13 @@ const fc = (t) => {
   "form-group__header": "lc-FormGroup-module__form-group__header___DgGmR",
   "form-group__label": "lc-FormGroup-module__form-group__label___NC-JW",
   "form-group__helper": "lc-FormGroup-module__form-group__helper___SRuxe"
-}, Ut = "form-group", $c = (c) => {
-  var l = c, {
+}, Ut = "form-group", $c = (l) => {
+  var c = l, {
     className: t = "",
     children: a,
     labelText: r,
     helperText: _
-  } = l, o = A(l, [
+  } = c, o = A(c, [
     "className",
     "children",
     "labelText",
@@ -2686,7 +2704,7 @@ const fc = (t) => {
   const d = u(Gt[Ut], t);
   return /* @__PURE__ */ e.createElement(
     "div",
-    N(h(N(h({}, o), {
+    C(k(C(k({}, o), {
       role: "group"
     }), r && { "aria-label": r }), {
       className: d
@@ -2719,15 +2737,15 @@ const fc = (t) => {
     }
   )
 }), wc = e.forwardRef(
-  (s, d) => {
-    var i = s, {
+  (n, d) => {
+    var i = n, {
       inputSize: t = "medium",
       error: a = !1,
       disabled: r,
       icon: _ = null,
       className: o,
-      cropOnBlur: c = !0
-    } = i, l = A(i, [
+      cropOnBlur: l = !0
+    } = i, c = A(i, [
       "inputSize",
       "error",
       "disabled",
@@ -2735,21 +2753,21 @@ const fc = (t) => {
       "className",
       "cropOnBlur"
     ]);
-    const [n, m] = e.useState(!1), [g, k] = e.useState(!1), { type: b, onFocus: f, onBlur: p } = l, y = u(
+    const [s, m] = e.useState(!1), [g, h] = e.useState(!1), { type: b, onFocus: f, onBlur: p } = c, y = u(
       o,
       Se[De],
       Se[`${De}--${t}`],
       {
         [Se[`${De}--disabled`]]: r,
-        [Se[`${De}--focused`]]: n,
+        [Se[`${De}--focused`]]: s,
         [Se[`${De}--error`]]: a,
-        [Se[`${De}--crop`]]: c,
-        [Se[`${De}--read-only`]]: l.readOnly
+        [Se[`${De}--crop`]]: l,
+        [Se[`${De}--read-only`]]: c.readOnly
       }
     ), v = r ? "var(--content-disabled)" : "var(--content-default)", E = g ? Lr : Or, w = _ && _.place === "left", x = _ && b !== "password" && _.place === "right";
     return /* @__PURE__ */ e.createElement("div", { className: y, "aria-disabled": r, "tab-index": "0" }, w && rr(_, r), /* @__PURE__ */ e.createElement(
       "input",
-      N(h({}, l), {
+      C(k({}, c), {
         ref: d,
         onFocus: ($) => {
           m(!0), f == null || f($);
@@ -2767,7 +2785,7 @@ const fc = (t) => {
         kind: "text",
         size: "compact",
         icon: /* @__PURE__ */ e.createElement(D, { customColor: v, source: E }),
-        onClick: () => k(($) => !$),
+        onClick: () => h(($) => !$),
         className: Se[`${De}__visibility-button`]
       }
     ));
@@ -2775,7 +2793,7 @@ const fc = (t) => {
 ), To = "lc-Link-module__link___kqx52", _r = {
   link: To,
   "link--bold": "lc-Link-module__link--bold___1rGdO"
-}, or = "link", Nc = (_) => {
+}, or = "link", Cc = (_) => {
   var o = _, {
     bold: t = !1,
     className: a = ""
@@ -2785,7 +2803,7 @@ const fc = (t) => {
   ]);
   return /* @__PURE__ */ e.createElement(
     "a",
-    h({
+    k({
       className: u(
         _r[or],
         t && _r[`${or}--bold`],
@@ -2807,15 +2825,15 @@ const fc = (t) => {
   modal__heading: Ao,
   "modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
   modal__footer: Io
-}, $t = "modal-base", Fo = (s) => {
-  var i = s, {
+}, $t = "modal-base", Fo = (n) => {
+  var i = n, {
     children: t,
     className: a = "",
     onClose: r,
     closeOnEscPress: _ = !0,
     closeOnOverlayPress: o = !0,
-    fullSpaceContent: c,
-    isLabelled: l
+    fullSpaceContent: l,
+    isLabelled: c
   } = i, d = A(i, [
     "children",
     "className",
@@ -2825,16 +2843,16 @@ const fc = (t) => {
     "fullSpaceContent",
     "isLabelled"
   ]);
-  const n = u(
+  const s = u(
     ie[$t],
     a,
-    c && ie[`${$t}--full-space`]
+    l && ie[`${$t}--full-space`]
   );
   e.useEffect(() => {
     if (!_)
       return;
-    const g = (k) => {
-      k.key === re.esc && r();
+    const g = (h) => {
+      h.key === re.esc && r();
     };
     return document.addEventListener("keyup", g, !0), () => document.removeEventListener("keyup", g, !0);
   }, [_]);
@@ -2849,15 +2867,15 @@ const fc = (t) => {
       className: u(
         ie[`${$t}__overlay`],
         ie[`${$t}__overlay--visible`],
-        l && ie[`${$t}__overlay--labelled`]
+        c && ie[`${$t}__overlay--labelled`]
       )
     },
     /* @__PURE__ */ e.createElement(
       "div",
-      h({
+      k({
         role: "dialog",
         "aria-modal": !0,
-        className: n
+        className: s
       }, d),
       t
     )
@@ -2869,7 +2887,9 @@ const fc = (t) => {
 }) => /* @__PURE__ */ e.createElement(
   U,
   {
+    type: "button",
     kind: "plain",
+    "aria-label": "Close modal",
     title: "Close modal",
     className: u(
       ie["modal-base__close"],
@@ -2878,17 +2898,17 @@ const fc = (t) => {
     onClick: r,
     icon: /* @__PURE__ */ e.createElement(D, { source: Te, size: "medium", customColor: a })
   }
-), et = "modal", Cc = (i) => {
-  var n = i, {
+), et = "modal", Nc = (i) => {
+  var s = i, {
     children: t,
     className: a = "",
     heading: r,
     labelHeading: _,
     fullSpaceContent: o,
-    footer: c,
-    onClose: l,
+    footer: l,
+    onClose: c,
     contentClassName: d
-  } = n, s = A(n, [
+  } = s, n = A(s, [
     "children",
     "className",
     "heading",
@@ -2898,17 +2918,17 @@ const fc = (t) => {
     "onClose",
     "contentClassName"
   ]);
-  const m = u(ie[et], a), g = typeof t == "string", k = (b) => {
-    b.preventDefault(), b.stopPropagation(), l();
+  const m = u(ie[et], a), g = typeof t == "string", h = (b) => {
+    b.preventDefault(), b.stopPropagation(), c();
   };
   return /* @__PURE__ */ e.createElement(
     Fo,
-    h({
+    k({
       className: m,
       fullSpaceContent: o,
-      onClose: l,
+      onClose: c,
       isLabelled: !!_
-    }, s),
+    }, n),
     _ && /* @__PURE__ */ e.createElement("div", { className: ie[`${et}__label-header`] }, /* @__PURE__ */ e.createElement(
       tt,
       {
@@ -2922,7 +2942,7 @@ const fc = (t) => {
       {
         labelType: !!_,
         customColor: "var(--color-white)",
-        onClick: k
+        onClick: h
       }
     )),
     !_ && r && /* @__PURE__ */ e.createElement("div", { className: ie[`${et}__header`] }, /* @__PURE__ */ e.createElement(
@@ -2933,7 +2953,7 @@ const fc = (t) => {
         className: ie[`${et}__heading`]
       },
       r
-    ), /* @__PURE__ */ e.createElement(lr, { onClick: k })),
+    ), /* @__PURE__ */ e.createElement(lr, { onClick: h })),
     /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -2942,7 +2962,7 @@ const fc = (t) => {
       },
       g ? /* @__PURE__ */ e.createElement(M, { as: "div" }, t) : t
     ),
-    c && /* @__PURE__ */ e.createElement("div", { className: ie[`${et}__footer`] }, c)
+    l && /* @__PURE__ */ e.createElement("div", { className: ie[`${et}__footer`] }, l)
   );
 }, xc = ({
   children: t,
@@ -2952,10 +2972,10 @@ const fc = (t) => {
 }) => {
   const [o] = e.useState(() => document.createElement("div"));
   return a && o.classList.add(a), _ && (o.style.zIndex = _.toString()), e.useEffect(() => {
-    var c;
-    return (c = document.querySelector(r)) == null || c.appendChild(o), () => {
-      var l;
-      (l = document.querySelector(r)) == null || l.removeChild(o);
+    var l;
+    return (l = document.querySelector(r)) == null || l.appendChild(o), () => {
+      var c;
+      (c = document.querySelector(r)) == null || c.removeChild(o);
     };
   }, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, fr.createPortal(t, o));
 }, ot = {
@@ -2971,15 +2991,15 @@ const fc = (t) => {
   children: _,
   className: o = ""
 }) => {
-  const c = t_(ot[lt], o);
-  return /* @__PURE__ */ e.createElement("div", { className: c }, a && /* @__PURE__ */ e.createElement(
+  const l = t_(ot[lt], o);
+  return /* @__PURE__ */ e.createElement("div", { className: l }, a && /* @__PURE__ */ e.createElement(
     D,
-    h({
+    k({
       className: ot[`${lt}__heading-left-node`]
     }, a)
   ), r && /* @__PURE__ */ e.createElement(
     O_,
-    h({
+    k({
       className: ot[`${lt}__heading-left-node`]
     }, r)
   ), /* @__PURE__ */ e.createElement("div", { className: ot[`${lt}__heading-body`] }, /* @__PURE__ */ e.createElement(
@@ -3005,17 +3025,17 @@ const fc = (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"
-}, nt = "numeric-input", Dc = (n) => {
-  var m = n, {
+}, nt = "numeric-input", Dc = (s) => {
+  var m = s, {
     className: t,
     error: a,
     value: r,
     max: _,
     min: o,
-    disabled: c,
-    noControls: l,
+    disabled: l,
+    noControls: c,
     style: d,
-    onChange: s
+    onChange: n
   } = m, i = A(m, [
     "className",
     "error",
@@ -3027,15 +3047,15 @@ const fc = (t) => {
     "style",
     "onChange"
   ]);
-  const g = e.useRef(null), k = u(
+  const g = e.useRef(null), h = u(
     ct[nt],
     {
       [ct[`${nt}--error`]]: a,
-      [ct[`${nt}--no-controls`]]: l,
-      [ct[`${nt}--disabled`]]: c
+      [ct[`${nt}--no-controls`]]: c,
+      [ct[`${nt}--disabled`]]: l
     },
     t
-  ), b = ($) => s(String($)), f = ($) => _ !== void 0 && $ > _ ? _ : o !== void 0 && $ < o ? o : $, p = ($) => {
+  ), b = ($) => n(String($)), f = ($) => _ !== void 0 && $ > _ ? _ : o !== void 0 && $ < o ? o : $, p = ($) => {
     const F = parseInt(r, 10) + $;
     return b(f(F));
   }, y = ($) => {
@@ -3057,24 +3077,24 @@ const fc = (t) => {
     var $;
     return ($ = g.current) == null || $.focus(), p(-1);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: k, style: d }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: h, style: d }, /* @__PURE__ */ e.createElement(
     "input",
-    N(h({
+    C(k({
       type: "text",
       ref: g
     }, i), {
       value: r,
-      disabled: c,
+      disabled: l,
       onChange: E,
       onKeyDown: y,
       min: o,
       max: _
     })
-  ), !l && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  ), !c && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
       tabIndex: -1,
-      disabled: c || v(r, _),
+      disabled: l || v(r, _),
       onClick: w,
       "aria-label": "Increment value",
       className: ct[`${nt}__increment`],
@@ -3084,7 +3104,7 @@ const fc = (t) => {
       D,
       {
         source: Xt,
-        disabled: c || v(r, _),
+        disabled: l || v(r, _),
         kind: "primary"
       }
     )
@@ -3092,7 +3112,7 @@ const fc = (t) => {
     "button",
     {
       tabIndex: -1,
-      disabled: c || v(r, o),
+      disabled: l || v(r, o),
       "aria-label": "Decrement value",
       className: ct[`${nt}__decrement`],
       onClick: x,
@@ -3103,7 +3123,7 @@ const fc = (t) => {
       {
         source: Bt,
         kind: "primary",
-        disabled: c || v(r, o)
+        disabled: l || v(r, o)
       }
     )
   )));
@@ -3143,87 +3163,87 @@ const Tt = "select-all", Ro = (t, a) => {
   isSelected: r,
   listElementsRef: _,
   onSelect: o,
-  getItemProps: c,
-  item: l,
+  getItemProps: l,
+  item: c,
   numberOfItems: d
 }) => {
-  const s = (n) => n != null && n.customElement ? /* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__custom`] }, n.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, n.showCheckbox && /* @__PURE__ */ e.createElement(
+  const n = (s) => s != null && s.customElement ? /* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__custom`] }, s.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, s.showCheckbox && /* @__PURE__ */ e.createElement(
     po,
     {
       className: ee[`${Ee}__checkbox`],
       checked: r
     }
-  ), n.icon && /* @__PURE__ */ e.createElement(
+  ), s.icon && /* @__PURE__ */ e.createElement(
     D,
     {
       className: ee[`${Ee}__icon`],
       kind: "link",
-      source: n.icon
+      source: s.icon
     }
-  ), n.avatarSrc && /* @__PURE__ */ e.createElement(
+  ), s.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
       className: u(ee[`${Ee}__avatar`]),
-      src: n.avatarSrc,
-      alt: n.name
+      src: s.avatarSrc,
+      alt: s.name
     }
   ), /* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__label-container`] }, /* @__PURE__ */ e.createElement(
     "span",
     {
       className: u({
-        [ee[`${Ee}__main-label`]]: n.secondaryText
+        [ee[`${Ee}__main-label`]]: s.secondaryText
       }),
-      "aria-disabled": n.disabled
+      "aria-disabled": s.disabled
     },
-    n.name
-  ), n.secondaryText && /* @__PURE__ */ e.createElement("span", { className: ee[`${Ee}__secondary-label`] }, n.secondaryText)));
-  if (l.groupHeader)
+    s.name
+  ), s.secondaryText && /* @__PURE__ */ e.createElement("span", { className: ee[`${Ee}__secondary-label`] }, s.secondaryText)));
+  if (c.groupHeader)
     return /* @__PURE__ */ e.createElement(
       "div",
-      h({
+      k({
         id: `item-${t}`,
-        key: l.key,
+        key: c.key,
         role: "group",
         className: ee[`${Ee}__header`]
-      }, c()),
-      l.name
+      }, l()),
+      c.name
     );
-  const i = (n) => {
-    !l.disabled && o(n);
+  const i = (s) => {
+    !c.disabled && o(s);
   };
   return /* @__PURE__ */ e.createElement(
     "div",
-    N(h({
-      id: l.key,
-      key: l.key,
+    C(k({
+      id: c.key,
+      key: c.key,
       tabIndex: a ? 0 : -1,
-      ref: (n) => {
-        n && (_.current[t] = n);
+      ref: (s) => {
+        s && (_.current[t] = s);
       },
       role: "option",
       "aria-setsize": d,
       "aria-posinset": t + 1
-    }, c({
-      onClick: () => i(l.key)
+    }, l({
+      onClick: () => i(c.key)
     })), {
       className: u(ee["item-wrapper"], {
-        [ee["item-wrapper__first"]]: t === 0 && !l.groupHeader,
-        [ee["item-wrapper__last"]]: t === d - 1 && !l.groupHeader
+        [ee["item-wrapper__first"]]: t === 0 && !c.groupHeader,
+        [ee["item-wrapper__last"]]: t === d - 1 && !c.groupHeader
       })
     }),
     /* @__PURE__ */ e.createElement(
       "div",
       {
         "aria-selected": r,
-        "aria-disabled": l.disabled,
-        "aria-current": a && !l.disabled,
+        "aria-disabled": c.disabled,
+        "aria-current": a && !c.disabled,
         className: u(ee[Ee], {
-          [ee[`${Ee}__custom`]]: l.customElement,
-          [ee[`${Ee}--select-all`]]: l.key === Tt
+          [ee[`${Ee}__custom`]]: c.customElement,
+          [ee[`${Ee}--select-all`]]: c.key === Tt
         })
       },
-      /* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__content`] }, s(l)),
-      r && !l.showCheckbox && /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__content`] }, n(c)),
+      r && !c.showCheckbox && /* @__PURE__ */ e.createElement(
         D,
         {
           kind: "link",
@@ -3243,15 +3263,15 @@ const Tt = "select-all", Ro = (t, a) => {
   floatingStyles: r,
   maxHeight: _,
   options: o,
-  isPositioned: c,
-  pointer: l,
+  isPositioned: l,
+  pointer: c,
   activeIndex: d,
-  selectedKeys: s,
+  selectedKeys: n,
   listElementsRef: i,
-  setPointer: n,
+  setPointer: s,
   onSelect: m,
   getFloatingProps: g,
-  getItemProps: k,
+  getItemProps: h,
   emptyStateText: b = "No results found",
   pickerType: f = "single",
   listClassName: p,
@@ -3260,8 +3280,8 @@ const Tt = "select-all", Ro = (t, a) => {
   const v = e.useRef(null), [E, w] = e.useState(wa), x = o.length;
   e.useLayoutEffect(() => {
     var S;
-    c && !l && d !== null && ((S = v.current) == null || S.focus({ preventScroll: !0 }));
-  }, [c, d, l, v]);
+    l && !c && d !== null && ((S = v.current) == null || S.focus({ preventScroll: !0 }));
+  }, [l, d, c, v]);
   const $ = e.useCallback(
     (S) => {
       S !== E && (S < wa ? w(S + (x - 1) * Mo) : w(wa));
@@ -3285,54 +3305,54 @@ const Tt = "select-all", Ro = (t, a) => {
       /* @__PURE__ */ e.createElement("div", { className: S }, b)
     ));
   }
-  const F = (S) => s.includes(S) || S === Tt && s.length === Aa(o).length;
+  const F = (S) => n.includes(S) || S === Tt && n.length === Aa(o).length;
   return /* @__PURE__ */ e.createElement(Da, { context: t, modal: !1, initialFocus: -1 }, /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: a,
       tabIndex: -1,
       className: u(st.listbox, p),
-      style: N(h({}, r), {
+      style: C(k({}, r), {
         maxHeight: _
       })
     },
     /* @__PURE__ */ e.createElement(
       "div",
-      h({
+      k({
         tabIndex: 0,
         "aria-multiselectable": f === "multi",
         className: st["listbox-wrapper"],
         ref: v
       }, g({
         onKeyDown(S) {
-          n(!1), S.key === "Enter" && d !== null && m(o[d].key), S.key === " " && S.preventDefault();
+          s(!1), S.key === "Enter" && d !== null && m(o[d].key), S.key === " " && S.preventDefault();
         },
         onKeyUp(S) {
           S.key === " " && d !== null && m(o[d].key);
         },
         onPointerMove() {
-          n(!0);
+          s(!0);
         }
       })),
       /* @__PURE__ */ e.createElement(
         a_,
-        N(h({
+        C(k({
           totalListHeightChanged: $,
           style: { height: `${E}px`, maxHeight: _ },
           totalCount: o.length,
           data: o,
           increaseViewportBy: 200
         }, y), {
-          itemContent: (S, O) => /* @__PURE__ */ e.createElement(
+          itemContent: (S, R) => /* @__PURE__ */ e.createElement(
             Lo,
             {
               index: S,
-              getItemProps: k,
+              getItemProps: h,
               listElementsRef: i,
               isActive: d === S,
-              isSelected: F(O.key),
+              isSelected: F(R.key),
               onSelect: m,
-              item: O,
+              item: R,
               numberOfItems: x
             }
           )
@@ -3364,32 +3384,32 @@ const Tt = "select-all", Ro = (t, a) => {
   testId: r,
   size: _ = "medium",
   isMultiSelect: o,
-  isItemSelected: c,
-  hideClearButton: l,
+  isItemSelected: l,
+  hideClearButton: c,
   isDisabled: d,
-  isRequired: s,
+  isRequired: n,
   isOpen: i,
-  isError: n,
+  isError: s,
   onClear: m,
   children: g
 }) => {
-  const k = u(
+  const h = u(
     _e[te],
     _e[`${te}--${_}`],
     o && _e[`${te}--multi-select`],
-    o && c && _e[`${te}--multi-select--with-items`],
+    o && l && _e[`${te}--multi-select--with-items`],
     d && _e[`${te}--disabled`],
     i && _e[`${te}--focused`],
-    n && _e[`${te}--error`]
-  ), b = !l && c && !d && !s, f = (p) => {
+    s && _e[`${te}--error`]
+  ), b = !c && l && !d && !n, f = (p) => {
     p.stopPropagation(), m();
   };
   return /* @__PURE__ */ e.createElement(
     "button",
-    h({
+    k({
       tabIndex: d ? -1 : 0,
       "aria-disabled": d,
-      className: k,
+      className: h,
       "data-testid": r,
       ref: t,
       type: "button"
@@ -3400,7 +3420,7 @@ const Tt = "select-all", Ro = (t, a) => {
         className: u(
           _e[`${te}__content`],
           _e[`${te}__content--${_}`],
-          o && c && _e[`${te}__content--with-items`]
+          o && l && _e[`${te}__content--with-items`]
         )
       },
       g
@@ -3453,19 +3473,19 @@ const Tt = "select-all", Ro = (t, a) => {
   "tag--dismissible": "lc-Tag-module__tag--dismissible___Qobyr",
   tag__node: Vo,
   tag__content: Yo
-}, Oe = "tag", qo = (t) => t ? Ra(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Nr = (m) => {
+}, Oe = "tag", qo = (t) => t ? Ra(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Cr = (m) => {
   var g = m, {
     className: t = "",
     children: a,
     dismissible: r = !1,
     size: _ = "medium",
     kind: o = "default",
-    onRemove: c,
-    outline: l = !1,
+    onRemove: l,
+    outline: c = !1,
     leftNode: d,
-    rightNode: s,
+    rightNode: n,
     customColor: i
-  } = g, n = A(g, [
+  } = g, s = A(g, [
     "className",
     "children",
     "dismissible",
@@ -3477,17 +3497,17 @@ const Tt = "select-all", Ro = (t, a) => {
     "rightNode",
     "customColor"
   ]);
-  const k = u(
+  const h = u(
     Le[Oe],
     t,
     Le[`${Oe}--${_}`],
     Le[`${Oe}--${o}`],
     {
       [Le[`${Oe}--dismissible`]]: r,
-      [Le[`${Oe}--outline`]]: l,
+      [Le[`${Oe}--outline`]]: c,
       [Le[`${Oe}--${qo(i)}`]]: !!i
     }
-  ), b = _ === "small" ? "small" : "medium", f = () => i ? l ? {
+  ), b = _ === "small" ? "small" : "medium", f = () => i ? c ? {
     style: {
       backgroundColor: "transparent",
       color: i,
@@ -3495,13 +3515,13 @@ const Tt = "select-all", Ro = (t, a) => {
     }
   } : { style: { backgroundColor: i } } : {}, p = () => {
     if (i)
-      return l ? i : Ra(i, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
+      return c ? i : Ra(i, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
   };
   return /* @__PURE__ */ e.createElement(
     M,
-    N(h(h({
-      className: k
-    }, n), f()), {
+    C(k(k({
+      className: h
+    }, s), f()), {
       as: "div",
       size: "md"
     }),
@@ -3515,21 +3535,22 @@ const Tt = "select-all", Ro = (t, a) => {
       d
     ),
     /* @__PURE__ */ e.createElement("div", { className: Le[`${Oe}__content`] }, a),
-    s && /* @__PURE__ */ e.createElement(
+    n && /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "lc-tag-right-node",
         style: { color: p() }
       },
-      s
+      n
     ),
     r && /* @__PURE__ */ e.createElement(
       "button",
       {
         tabIndex: -1,
         title: "Remove",
-        onClick: c,
+        onClick: l,
         type: "button",
+        "aria-label": "Remove tag",
         className: Le[`${Oe}__remove`]
       },
       /* @__PURE__ */ e.createElement(
@@ -3567,20 +3588,20 @@ const Tt = "select-all", Ro = (t, a) => {
   isDisabled: r,
   placeholder: _,
   selectedItems: o,
-  type: c,
-  clearSearchAfterSelection: l,
+  type: l,
+  clearSearchAfterSelection: c,
   size: d = "medium",
-  onItemRemove: s,
+  onItemRemove: n,
   onSelect: i,
-  onFilter: n,
+  onFilter: s,
   searchPhrase: m,
   virtualItemRef: g
 }) => {
-  const k = t && !a, b = e.useRef(null);
+  const h = t && !a, b = e.useRef(null);
   e.useEffect(() => {
-    l && (n(""), b.current && (b.current.value = "", b.current.focus()));
-  }, [o, l]);
-  const f = (E) => c === "single" && t && !a ? null : E != null && E.customElement ? /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item`] }, E.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item`] }, E.icon && /* @__PURE__ */ e.createElement(
+    c && (s(""), b.current && (b.current.value = "", b.current.focus()));
+  }, [o, c]);
+  const f = (E) => l === "single" && t && !a ? null : E != null && E.customElement ? /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item`] }, E.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item`] }, E.icon && /* @__PURE__ */ e.createElement(
     D,
     {
       source: E.icon,
@@ -3593,9 +3614,9 @@ const Tt = "select-all", Ro = (t, a) => {
       alt: "",
       className: oe[`${le}__item__avatar`]
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item__content`] }, E.name)), p = (E) => n(E.target.value), y = (E) => {
+  ), /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item__content`] }, E.name)), p = (E) => s(E.target.value), y = (E) => {
     var w, x;
-    (w = g.current) != null && w.id && E.key === "Enter" && i((x = g.current) == null ? void 0 : x.id), c === "multi" && (E.key === "Backspace" || E.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && s(o[o.length - 1].key);
+    (w = g.current) != null && w.id && E.key === "Enter" && i((x = g.current) == null ? void 0 : x.id), l === "multi" && (E.key === "Backspace" || E.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && n(o[o.length - 1].key);
   }, v = () => /* @__PURE__ */ e.createElement(
     "input",
     {
@@ -3611,7 +3632,7 @@ const Tt = "select-all", Ro = (t, a) => {
       value: m
     }
   );
-  return !o || o.length === 0 ? k ? v() : /* @__PURE__ */ e.createElement(
+  return !o || o.length === 0 ? h ? v() : /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u({
@@ -3624,11 +3645,11 @@ const Tt = "select-all", Ro = (t, a) => {
     "div",
     {
       className: u(oe[le], {
-        [oe[`${le}--single`]]: c === "single"
+        [oe[`${le}--single`]]: l === "single"
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item-container`] }, c === "single" ? f(o[0]) : o.map((E) => /* @__PURE__ */ e.createElement(
-      Nr,
+    /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item-container`] }, l === "single" ? f(o[0]) : o.map((E) => /* @__PURE__ */ e.createElement(
+      Cr,
       {
         key: E.name,
         className: u(
@@ -3637,12 +3658,12 @@ const Tt = "select-all", Ro = (t, a) => {
         ),
         dismissible: !r,
         onRemove: (w) => {
-          w.stopPropagation(), s(E.key);
+          w.stopPropagation(), n(E.key);
         }
       },
       f(E)
     ))),
-    k && v()
+    h && v()
   );
 }, Jo = {
   "picker-wrapper": "lc-Picker-module__picker-wrapper___2EDne"
@@ -3653,15 +3674,15 @@ const Tt = "select-all", Ro = (t, a) => {
     listClassName: r,
     disabled: _,
     error: o,
-    options: c,
-    selected: l,
+    options: l,
+    selected: c,
     size: d = "medium",
-    placeholder: s = "Select option",
+    placeholder: n = "Select option",
     isRequired: i,
-    noSearchResultText: n = "No results found",
+    noSearchResultText: s = "No results found",
     selectAllOptionText: m,
     type: g = "single",
-    searchDisabled: k = !1,
+    searchDisabled: h = !1,
     hideClearButton: b,
     openedOnInit: f = !1,
     clearSearchAfterSelection: p,
@@ -3694,13 +3715,13 @@ const Tt = "select-all", Ro = (t, a) => {
     "useClickHookProps",
     "virtuosoProps"
   ]);
-  const [O, P] = e.useState(f), [z, j] = e.useState(!1), [$e, de] = e.useState(
-    () => (l == null ? void 0 : l.map(({ key: G }) => G)) || []
-  ), [Be, Pe] = e.useState(null), [ve, Ae] = e.useState(""), [Me, Je] = e.useState(400), at = e.useRef([]), Qe = e.useRef(null), B = mr();
-  !O && z && j(!1);
+  const [R, B] = e.useState(f), [L, j] = e.useState(!1), [$e, de] = e.useState(
+    () => (c == null ? void 0 : c.map(({ key: G }) => G)) || []
+  ), [Be, Pe] = e.useState(null), [ve, Ae] = e.useState(""), [Me, Je] = e.useState(400), at = e.useRef([]), Qe = e.useRef(null), P = mr();
+  !R && L && j(!1);
   const W = e.useMemo(() => {
     const G = g === "multi" && m;
-    let he = c;
+    let he = l;
     return ve && (he = he.filter((me) => {
       if (me.groupHeader)
         return !1;
@@ -3713,12 +3734,12 @@ const Tt = "select-all", Ro = (t, a) => {
       },
       ...he
     ]), he;
-  }, [ve, c, g, m]), K = W.length > 0, { refs: Q, floatingStyles: Re, context: Xe, isPositioned: ca } = jt({
-    nodeId: B,
-    open: O,
+  }, [ve, l, g, m]), K = W.length > 0, { refs: Q, floatingStyles: Re, context: Xe, isPositioned: ca } = jt({
+    nodeId: P,
+    open: R,
     strategy: v,
     onOpenChange: (G) => {
-      P(G);
+      B(G);
     },
     whileElementsMounted: ta,
     middleware: [
@@ -3736,7 +3757,7 @@ const Tt = "select-all", Ro = (t, a) => {
         padding: Qo
       })
     ]
-  }), na = aa(Xe, h({
+  }), na = aa(Xe, k({
     enabled: !_,
     keyboardHandlers: !1,
     toggle: !1
@@ -3755,15 +3776,15 @@ const Tt = "select-all", Ro = (t, a) => {
     [na, ia, sa, da]
   ), gt = (G) => {
     const he = W.find((me) => me.key === G);
-    !he || he.disabled || (g === "single" ? (P(!1), de(() => (y([he]), [G]))) : G === Tt ? $e.length === Aa(W).length ? de(() => (y(null), [])) : de(() => {
+    !he || he.disabled || (g === "single" ? (B(!1), de(() => (y([he]), [G]))) : G === Tt ? $e.length === Aa(W).length ? de(() => (y(null), [])) : de(() => {
       const me = Aa(W);
       return y(me), me.map(({ key: rt }) => rt);
     }) : de((me) => {
       const rt = me.includes(G) ? me.filter((Pt) => Pt !== G) : [...me, G];
-      return y(c.filter(({ key: Pt }) => rt.includes(Pt))), rt;
+      return y(l.filter(({ key: Pt }) => rt.includes(Pt))), rt;
     }));
   }, ga = (G) => Ae(G), ba = (G) => gt(G), ue = () => {
-    P(!1), de([]), y(null), Ae("");
+    B(!1), de([]), y(null), Ae("");
   };
   return /* @__PURE__ */ e.createElement("div", { id: t, className: u(Jo["picker-wrapper"], a) }, /* @__PURE__ */ e.createElement(
     zo,
@@ -3772,7 +3793,7 @@ const Tt = "select-all", Ro = (t, a) => {
       setReference: Q.setReference,
       testId: $["data-testid"],
       isItemSelected: $e.length > 0,
-      isOpen: O,
+      isOpen: R,
       onClear: ue,
       hideClearButton: b,
       isDisabled: _,
@@ -3784,11 +3805,11 @@ const Tt = "select-all", Ro = (t, a) => {
     /* @__PURE__ */ e.createElement(
       Ko,
       {
-        isOpen: O,
-        isSearchDisabled: k,
+        isOpen: R,
+        isSearchDisabled: h,
         isDisabled: _,
-        placeholder: s,
-        selectedItems: l,
+        placeholder: n,
+        selectedItems: c,
         type: g,
         size: d,
         clearSearchAfterSelection: p,
@@ -3799,7 +3820,7 @@ const Tt = "select-all", Ro = (t, a) => {
         virtualItemRef: Qe
       }
     )
-  ), /* @__PURE__ */ e.createElement(pr, { id: B }, O && /* @__PURE__ */ e.createElement(Xr, null, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(pr, { id: P }, R && /* @__PURE__ */ e.createElement(Xr, null, /* @__PURE__ */ e.createElement(
     Ho,
     {
       pickerType: g,
@@ -3810,7 +3831,7 @@ const Tt = "select-all", Ro = (t, a) => {
       floatingStyles: Re,
       maxHeight: Me,
       isPositioned: ca,
-      pointer: z,
+      pointer: L,
       activeIndex: Be,
       selectedKeys: $e,
       listElementsRef: at,
@@ -3818,7 +3839,7 @@ const Tt = "select-all", Ro = (t, a) => {
       onSelect: gt,
       getFloatingProps: ma,
       getItemProps: pa,
-      emptyStateText: n,
+      emptyStateText: s,
       virtuosoProps: x
     }
   ))));
@@ -3830,48 +3851,48 @@ const Tt = "select-all", Ro = (t, a) => {
   onOpen: r,
   children: _,
   className: o,
-  triggerClassName: c,
-  placement: l,
+  triggerClassName: l,
+  placement: c,
   flipOptions: d,
-  offsetSize: s = 4,
+  offsetSize: n = 4,
   isVisible: i,
-  openedOnInit: n,
+  openedOnInit: s,
   closeOnEsc: m = !0,
   useDismissHookProps: g,
-  useClickHookProps: k,
+  useClickHookProps: h,
   floatingStrategy: b
 }) => {
-  const [f, p] = e.useState(n), y = jr(), v = mr(), E = i !== void 0, w = E ? i : f, x = typeof _ == "string", $ = typeof t == "function", F = (Ae, Me) => {
+  const [f, p] = e.useState(s), y = jr(), v = mr(), E = i !== void 0, w = E ? i : f, x = typeof _ == "string", $ = typeof t == "function", F = (Ae, Me) => {
     Ae ? r == null || r(Me) : a == null || a(Me), !E && p(Ae);
-  }, { refs: S, context: O, floatingStyles: P } = jt({
+  }, { refs: S, context: R, floatingStyles: B } = jt({
     nodeId: v,
     open: w,
     onOpenChange: F,
-    middleware: [Zt(s), ea(d), Ma()],
-    placement: l,
+    middleware: [Zt(n), ea(d), Ma()],
+    placement: c,
     strategy: b,
     whileElementsMounted: ta
-  }), z = aa(O, k), j = ra(O, h({
+  }), L = aa(R, h), j = ra(R, k({
     escapeKey: m
-  }, g)), $e = _a(O), { getReferenceProps: de, getFloatingProps: Be } = oa([
-    z,
+  }, g)), $e = _a(R), { getReferenceProps: de, getFloatingProps: Be } = oa([
+    L,
     j,
     $e
   ]), Pe = u(jo.popover, o), ve = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    N(h({
+    C(k({
       "data-testid": "popover-trigger-button",
       ref: S.setReference
     }, de()), {
-      className: c
+      className: l
     }),
     $ ? t() : t
-  ), /* @__PURE__ */ e.createElement(pr, { id: v }, w && /* @__PURE__ */ e.createElement(Da, { context: O, modal: !1 }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(pr, { id: v }, w && /* @__PURE__ */ e.createElement(Da, { context: R, modal: !1 }, /* @__PURE__ */ e.createElement(
     "div",
-    h({
+    k({
       className: Pe,
       ref: S.setFloating,
-      style: P
+      style: B
     }, Be()),
     x ? /* @__PURE__ */ e.createElement(M, { as: "div" }, _) : _
   ))));
@@ -3881,7 +3902,7 @@ const Tt = "select-all", Ro = (t, a) => {
   "error",
   "success"
 ], el = (t) => Math.min(Math.max(t, 0), 100);
-function Cr(t, a = 0) {
+function Nr(t, a = 0) {
   return t === "error" ? 0 : el(parseInt(a.toString(), 10));
 }
 function xr(t, a) {
@@ -3906,9 +3927,9 @@ const wt = {
   small: 15,
   medium: 36,
   large: 56
-}, Nt = "progress-circle", rl = e.forwardRef(
-  (l, c) => {
-    var d = l, {
+}, Ct = "progress-circle", rl = e.forwardRef(
+  (c, l) => {
+    var d = c, {
       status: t = "normal",
       progressValue: a,
       className: r,
@@ -3919,44 +3940,44 @@ const wt = {
       "className",
       "size"
     ]);
-    const s = xr(t, a), i = Cr(s, a), n = tl[_], m = al[_], g = u(
-      wt[Nt],
+    const n = xr(t, a), i = Nr(n, a), s = tl[_], m = al[_], g = u(
+      wt[Ct],
       {
-        [wt[`${Nt}--${_}`]]: _,
-        [wt[`${Nt}--${t}`]]: t
+        [wt[`${Ct}--${_}`]]: _,
+        [wt[`${Ct}--${t}`]]: t
       },
       r
-    ), k = 2 * Math.PI * ((m - n) / 2), b = {
-      strokeDasharray: k.toFixed(3),
-      strokeDashoffset: `${((100 - i) / 100 * k).toFixed(3)}px`
+    ), h = 2 * Math.PI * ((m - s) / 2), b = {
+      strokeDasharray: h.toFixed(3),
+      strokeDashoffset: `${((100 - i) / 100 * h).toFixed(3)}px`
     }, f = `${m / 2} ${m / 2} ${m} ${m}`;
     return /* @__PURE__ */ e.createElement(
       "div",
-      h({
+      k({
         className: g,
-        ref: c,
+        ref: l,
         role: "progressbar"
       }, o),
       /* @__PURE__ */ e.createElement("svg", { viewBox: f }, /* @__PURE__ */ e.createElement(
         "circle",
         {
-          className: wt[`${Nt}__bg-line--${t}`],
+          className: wt[`${Ct}__bg-line--${t}`],
           cx: m,
           cy: m,
-          r: (m - n) / 2,
+          r: (m - s) / 2,
           fill: "none",
-          strokeWidth: n
+          strokeWidth: s
         }
       ), /* @__PURE__ */ e.createElement(
         "circle",
         {
-          className: wt[`${Nt}__indicator--${t}`],
+          className: wt[`${Ct}__indicator--${t}`],
           style: b,
           cx: m,
           cy: m,
-          r: (m - n) / 2,
+          r: (m - s) / 2,
           fill: "none",
-          strokeWidth: n
+          strokeWidth: s
         }
       ))
     );
@@ -3972,8 +3993,8 @@ const wt = {
   "progress-bar__indicator--success": "lc-ProgressBar-module__progress-bar__indicator--success___wRjR3",
   "progress-bar__indicator--normal": "lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"
 }, Vt = "progress-bar", _l = e.forwardRef(
-  (l, c) => {
-    var d = l, {
+  (c, l) => {
+    var d = c, {
       status: t = "normal",
       percent: a,
       size: r = "medium",
@@ -3984,7 +4005,7 @@ const wt = {
       "size",
       "className"
     ]);
-    const s = xr(t, a), i = Cr(s, a), n = u(
+    const n = xr(t, a), i = Nr(n, a), s = u(
       Wt[Vt],
       {
         [Wt[`${Vt}--${r}`]]: r,
@@ -3994,9 +4015,9 @@ const wt = {
     );
     return /* @__PURE__ */ e.createElement(
       "div",
-      N(h({}, o), {
-        className: n,
-        ref: c,
+      C(k({}, o), {
+        className: s,
+        ref: l,
         role: "progressbar"
       }),
       /* @__PURE__ */ e.createElement(
@@ -4020,29 +4041,29 @@ const wt = {
   "promo-banner--small": "lc-PromoBanner-module__promo-banner--small___7sWLV",
   "promo-banner--large": "lc-PromoBanner-module__promo-banner--large___pMiCU",
   "promo-banner__close-icon": "lc-PromoBanner-module__promo-banner__close-icon___GowBL"
-}, ol = 400, ll = 800, cl = 500, Ne = "promo-banner", Pc = ({
+}, ol = 400, ll = 800, cl = 500, Ce = "promo-banner", Pc = ({
   className: t,
   buttonText: a,
   children: r,
   header: _,
   img: o,
-  light: c = !1,
-  linkText: l,
+  light: l = !1,
+  linkText: c,
   onButtonClick: d,
-  onClose: s,
+  onClose: n,
   onLinkClick: i
 }) => {
-  const n = e.useRef(null), [m, g] = e.useState("medium"), k = u(
-    we[Ne],
+  const s = e.useRef(null), [m, g] = e.useState("medium"), h = u(
+    we[Ce],
     {
-      [we[`${Ne}--light`]]: c,
-      [we[`${Ne}--small`]]: m === "small",
-      [we[`${Ne}--large`]]: m === "large"
+      [we[`${Ce}--light`]]: l,
+      [we[`${Ce}--small`]]: m === "small",
+      [we[`${Ce}--large`]]: m === "large"
     },
     t
   );
   e.useEffect(() => {
-    const f = () => n.current && n.current.offsetWidth <= ol ? g("small") : n.current && n.current.offsetWidth >= ll ? g("large") : g("medium"), p = gr(
+    const f = () => s.current && s.current.offsetWidth <= ol ? g("small") : s.current && s.current.offsetWidth >= ll ? g("large") : g("medium"), p = gr(
       f,
       cl
     );
@@ -4050,22 +4071,22 @@ const wt = {
       p.cancel(), window.removeEventListener("resize", f);
     };
   }, []);
-  const b = /* @__PURE__ */ e.createElement("div", { className: we[`${Ne}__footer`] }, a && /* @__PURE__ */ e.createElement(
+  const b = /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__footer`] }, a && /* @__PURE__ */ e.createElement(
     U,
     {
       kind: "primary",
       size: "compact",
       onClick: d,
-      className: we[`${Ne}__button-text`]
+      className: we[`${Ce}__button-text`]
     },
     a
-  ), l && /* @__PURE__ */ e.createElement(U, { size: "compact", kind: "text", onClick: i }, l));
-  return /* @__PURE__ */ e.createElement("div", { ref: n, className: k }, /* @__PURE__ */ e.createElement("div", { className: we[`${Ne}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: we[`${Ne}__img`] }), /* @__PURE__ */ e.createElement("div", { className: we[`${Ne}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: we[`${Ne}__header`] }, _), /* @__PURE__ */ e.createElement(M, { as: "div" }, r), m !== "large" && b), m === "large" && b), s && /* @__PURE__ */ e.createElement(
+  ), c && /* @__PURE__ */ e.createElement(U, { size: "compact", kind: "text", onClick: i }, c));
+  return /* @__PURE__ */ e.createElement("div", { ref: s, className: h }, /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: we[`${Ce}__img`] }), /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__header`] }, _), /* @__PURE__ */ e.createElement(M, { as: "div" }, r), m !== "large" && b), m === "large" && b), n && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      className: we[`${Ne}__close-icon`],
-      onClick: s
+      className: we[`${Ce}__close-icon`],
+      onClick: n
     },
     /* @__PURE__ */ e.createElement(D, { source: Te, size: "large", kind: "primary" })
   ));
@@ -4085,10 +4106,10 @@ const wt = {
   additionalContent: r,
   primaryButton: _,
   secondaryButton: o,
-  vertical: c,
-  contentClassName: l,
+  vertical: l,
+  contentClassName: c,
   additionalContentClassName: d,
-  onClose: s
+  onClose: n
 }) => {
   const i = u(He["main-wrapper"], a);
   return /* @__PURE__ */ e.createElement("div", { role: "banner", className: i }, /* @__PURE__ */ e.createElement(
@@ -4096,10 +4117,10 @@ const wt = {
     {
       className: u(
         He[qe],
-        c && He[`${qe}--vertical`]
+        l && He[`${qe}--vertical`]
       )
     },
-    /* @__PURE__ */ e.createElement("div", { className: u(He[`${qe}__content`], l) }, t, (_ || o) && /* @__PURE__ */ e.createElement("div", { className: He[`${qe}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: u(He[`${qe}__content`], c) }, t, (_ || o) && /* @__PURE__ */ e.createElement("div", { className: He[`${qe}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
       U,
       {
         kind: (_ == null ? void 0 : _.kind) || "high-contrast",
@@ -4125,11 +4146,11 @@ const wt = {
       },
       r
     ),
-    s && /* @__PURE__ */ e.createElement("div", { className: He[`${qe}__close`] }, /* @__PURE__ */ e.createElement(
+    n && /* @__PURE__ */ e.createElement("div", { className: He[`${qe}__close`] }, /* @__PURE__ */ e.createElement(
       U,
       {
         className: He[`${qe}__close__btn`],
-        onClick: s,
+        onClick: n,
         icon: /* @__PURE__ */ e.createElement(D, { source: Te, kind: "primary" }),
         kind: "plain",
         size: "compact"
@@ -4147,17 +4168,17 @@ const wt = {
   "radio-button--selected": "lc-RadioButton-module__radio-button--selected___s9lqj",
   "radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
 }, Ge = "radio-button", Ic = e.forwardRef(
-  (d, l) => {
-    var s = d, { children: t, className: a = "", description: r, checked: _, disabled: o } = s, c = A(s, ["children", "className", "description", "checked", "disabled"]);
+  (d, c) => {
+    var n = d, { children: t, className: a = "", description: r, checked: _, disabled: o } = n, l = A(n, ["children", "className", "description", "checked", "disabled"]);
     const i = u(ze[Ge], a, {
       [ze[`${Ge}--selected`]]: _,
       [ze[`${Ge}--disabled`]]: o
     });
     return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: ze[`${Ge}__label`] }, /* @__PURE__ */ e.createElement("div", { className: ze[`${Ge}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: ze[`${Ge}__inner-circle`] }), /* @__PURE__ */ e.createElement(
       "input",
-      N(h({}, c), {
+      C(k({}, l), {
         className: ze[`${Ge}__input`],
-        ref: l,
+        ref: c,
         type: "radio",
         checked: _,
         disabled: o
@@ -4183,21 +4204,21 @@ const wt = {
   isLoading: r,
   placeholder: _ = "Search ...",
   size: o = "medium",
-  value: c,
-  className: l,
+  value: l,
+  className: c,
   onChange: d
 }) => {
-  const [s, i] = e.useState(!0), [n, m] = e.useState(!1), g = e.useRef(null), k = !!c && !a && !r, b = t && !s && "true", f = u(
-    l,
+  const [n, i] = e.useState(!0), [s, m] = e.useState(!1), g = e.useRef(null), h = !!l && !a && !r, b = t && !n && "true", f = u(
+    c,
     Fe[xe],
     Fe[`${xe}--${o}`],
-    n && Fe[`${xe}--focused`],
+    s && Fe[`${xe}--focused`],
     a && Fe[`${xe}--disabled`],
     t && Fe[`${xe}--collapsable`],
-    !s && Fe[`${xe}--collapsable--open`]
+    !n && Fe[`${xe}--collapsable--open`]
   );
   e.useEffect(() => {
-    t && c && i(!1);
+    t && l && i(!1);
   }, [t]);
   const p = ($) => {
     const F = $.currentTarget.value;
@@ -4210,9 +4231,9 @@ const wt = {
   }, E = () => {
     t && i(!1), m(!0);
   }, w = () => {
-    t && !c && i(!0), m(!1);
+    t && !l && i(!0), m(!1);
   }, x = ($) => {
-    $.key === re.enter && ($.preventDefault(), d(c));
+    $.key === re.enter && ($.preventDefault(), d(l));
   };
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -4238,7 +4259,7 @@ const wt = {
         ref: g,
         className: Fe[nl],
         type: "text",
-        value: c,
+        value: l,
         placeholder: _,
         onChange: p,
         onBlur: w,
@@ -4247,7 +4268,7 @@ const wt = {
         disabled: a
       }
     ),
-    k && /* @__PURE__ */ e.createElement(
+    h && /* @__PURE__ */ e.createElement(
       U,
       {
         "aria-label": "Clear search",
@@ -4303,12 +4324,12 @@ const wt = {
     disabled: r = !1,
     name: _ = ae,
     on: o,
-    onChange: c,
-    size: l = "large",
+    onChange: l,
+    size: c = "large",
     state: d = "regular",
-    innerRef: s,
+    innerRef: n,
     ariaLabel: i
-  } = g, n = A(g, [
+  } = g, s = A(g, [
     "className",
     "defaultOn",
     "disabled",
@@ -4320,18 +4341,18 @@ const wt = {
     "innerRef",
     "ariaLabel"
   ]);
-  const k = o !== void 0, [b, f] = e.useState(
-    () => k ? o : a
-  ), p = k ? o : b, y = d === "loading", v = d === "locked", E = l === "large" ? "small" : "xsmall", w = p ? "on" : "off", x = r || y || v, $ = x ? "disabled" : "enabled", F = u(
+  const h = o !== void 0, [b, f] = e.useState(
+    () => h ? o : a
+  ), p = h ? o : b, y = d === "loading", v = d === "locked", E = c === "large" ? "small" : "xsmall", w = p ? "on" : "off", x = r || y || v, $ = x ? "disabled" : "enabled", F = u(
     ce[ae],
-    ce[`${ae}--${l}`],
+    ce[`${ae}--${c}`],
     t
-  ), S = (O) => {
-    c == null || c(O, !p), k || (O.stopPropagation(), f((P) => !P));
+  ), S = (R) => {
+    l == null || l(R, !p), h || (R.stopPropagation(), f((B) => !B));
   };
   return /* @__PURE__ */ e.createElement("span", { className: F }, /* @__PURE__ */ e.createElement(
     "input",
-    h({
+    k({
       type: "checkbox",
       className: u(
         ce[`${ae}__input`],
@@ -4340,10 +4361,10 @@ const wt = {
       onChange: S,
       checked: p,
       name: _,
-      ref: s,
+      ref: n,
       disabled: x,
       "aria-label": i
-    }, n)
+    }, s)
   ), /* @__PURE__ */ e.createElement("span", { className: ce[`${ae}__container`] }, /* @__PURE__ */ e.createElement(
     "span",
     {
@@ -4358,8 +4379,8 @@ const wt = {
     {
       className: u(
         ce[`${ae}__slider`],
-        ce[`${ae}__slider--${l}`],
-        ce[`${ae}__slider--${l}--${w}`]
+        ce[`${ae}__slider--${c}`],
+        ce[`${ae}__slider--${c}--${w}`]
       )
     },
     y && /* @__PURE__ */ e.createElement(
@@ -4367,7 +4388,7 @@ const wt = {
       {
         className: u(
           ce[`${ae}__loader`],
-          ce[`${ae}__loader--${l}`]
+          ce[`${ae}__loader--${c}`]
         )
       }
     ),
@@ -4392,14 +4413,14 @@ const wt = {
   "tab--selected": "lc-Tab-module__tab--selected___c0EkL",
   "tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
 }, dt = "tab", Rc = (d) => {
-  var s = d, {
+  var n = d, {
     children: t,
     className: a,
     count: r,
     isSelected: _,
     asBadge: o,
-    size: c = "medium"
-  } = s, l = A(s, [
+    size: l = "medium"
+  } = n, c = A(n, [
     "children",
     "className",
     "count",
@@ -4407,23 +4428,23 @@ const wt = {
     "asBadge",
     "size"
   ]);
-  const { disabled: i } = l, n = r !== void 0 && !o, m = r !== void 0 && o;
+  const { disabled: i } = c, s = r !== void 0 && !o, m = r !== void 0 && o;
   return /* @__PURE__ */ e.createElement(
     M,
-    N(h({}, l), {
-      as: l.href ? "a" : "button",
+    C(k({}, c), {
+      as: c.href ? "a" : "button",
       size: "md",
       bold: _,
       className: u(
         a,
         it[dt],
-        it[`${dt}--${c}`],
+        it[`${dt}--${l}`],
         _ && it[`${dt}--selected`],
         i && it[`${dt}--disabled`]
       )
     }),
     t,
-    n && /* @__PURE__ */ e.createElement(M, { as: "span", size: "md", className: it[`${dt}__count`] }, "(", r, ")"),
+    s && /* @__PURE__ */ e.createElement(M, { as: "span", size: "md", className: it[`${dt}__count`] }, "(", r, ")"),
     m && /* @__PURE__ */ e.createElement(
       U_,
       {
@@ -4449,29 +4470,29 @@ const wt = {
   inputRef: r,
   change: _,
   remove: o,
-  value: c
+  value: l
 }) => {
-  const [l, d] = e.useState(!1), s = () => a.current, i = () => {
-    const b = s();
+  const [c, d] = e.useState(!1), n = () => a.current, i = () => {
+    const b = n();
     return b ? b.innerText : "";
-  }, n = () => {
+  }, s = () => {
     r && r.current && r.current.focus();
   }, m = (b) => {
     if (b.key === re.enter) {
-      b.preventDefault(), n();
+      b.preventDefault(), s();
       return;
     }
-    b.key === re.backspace && i() === "" && (d(!0), o(), n());
+    b.key === re.backspace && i() === "" && (d(!0), o(), s());
   }, g = () => {
-    const b = s();
-    if (!(l || !b)) {
+    const b = n();
+    if (!(c || !b)) {
       if (b.innerText === "") {
         o();
         return;
       }
       _(b.innerText);
     }
-  }, k = (b) => {
+  }, h = (b) => {
     b.preventDefault();
     const f = b.clipboardData.getData("text/plain");
     document.execCommand("insertHTML", !1, Wa(f));
@@ -4482,10 +4503,10 @@ const wt = {
       ref: a,
       className: t,
       contentEditable: !0,
-      onPaste: k,
+      onPaste: h,
       onBlur: g,
       onKeyDown: m,
-      dangerouslySetInnerHTML: { __html: Wa(c) }
+      dangerouslySetInnerHTML: { __html: Wa(l) }
     }
   );
 }, St = {
@@ -4501,16 +4522,16 @@ const wt = {
   remove: r,
   validator: _,
   inputRef: o,
-  update: c,
-  size: l
+  update: l,
+  size: c
 }) => {
-  const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), s = e.useRef(null), i = () => r(a);
+  const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), n = e.useRef(null), i = () => r(a);
   return /* @__PURE__ */ e.createElement(
-    Nr,
+    Cr,
     {
       kind: d ? "default" : "error",
       dismissible: !0,
-      size: l,
+      size: c,
       onRemove: i
     },
     /* @__PURE__ */ e.createElement(
@@ -4518,9 +4539,9 @@ const wt = {
       {
         value: t,
         inputRef: o,
-        innerEditableRef: s,
+        innerEditableRef: n,
         className: St[`${yl}__content`],
-        change: (n) => c(a, n),
+        change: (s) => l(a, s),
         remove: i,
         validator: _
       }
@@ -4532,20 +4553,20 @@ const wt = {
   re.tab,
   re.semicolon,
   re.comma
-], wl = [re.backspace, re.delete], Nl = (g) => {
-  var k = g, {
+], wl = [re.backspace, re.delete], Cl = (g) => {
+  var h = g, {
     id: t,
     tags: a,
     onChange: r,
     validator: _,
     error: o,
-    placeholder: c,
-    size: l = "medium",
+    placeholder: l,
+    size: c = "medium",
     className: d,
-    inputClassName: s,
+    inputClassName: n,
     onBlur: i,
-    addOnBlur: n = !0
-  } = k, m = A(k, [
+    addOnBlur: s = !0
+  } = h, m = A(h, [
     "id",
     "tags",
     "onChange",
@@ -4565,72 +4586,72 @@ const wt = {
     },
     d
   ), f = u(
-    s,
+    n,
     St[`${Yt}__input`],
-    St[`${Yt}__input--${l}`]
-  ), [p, y] = e.useState(""), v = e.useRef(null), E = (P) => {
-    r([...a || [], P]), y("");
-  }, w = (P) => {
-    const z = [...a || []];
-    z.splice(P, 1), r(z);
-  }, x = (P) => y(P.target.value), $ = (P) => {
-    if ($l.includes(P.key)) {
-      if (P.preventDefault(), p === "")
+    St[`${Yt}__input--${c}`]
+  ), [p, y] = e.useState(""), v = e.useRef(null), E = (B) => {
+    r([...a || [], B]), y("");
+  }, w = (B) => {
+    const L = [...a || []];
+    L.splice(B, 1), r(L);
+  }, x = (B) => y(B.target.value), $ = (B) => {
+    if ($l.includes(B.key)) {
+      if (B.preventDefault(), p === "")
         return;
       E(p);
-    } else if (wl.includes(P.key)) {
+    } else if (wl.includes(B.key)) {
       if (p !== "" || !(a != null && a.length))
         return;
       w(a.length - 1);
     }
-  }, F = (P) => {
-    n && E(p), i == null || i(P);
-  }, S = (P, z) => {
+  }, F = (B) => {
+    s && E(p), i == null || i(B);
+  }, S = (B, L) => {
     const j = [...a || []];
     j.reduce(
-      (de, Be, Pe) => de + (Be === z && Pe !== P ? 1 : 0),
+      (de, Be, Pe) => de + (Be === L && Pe !== B ? 1 : 0),
       0
-    ) > 0 ? j.splice(P, 1) : j[P] = z, r(j);
-  }, O = (P) => {
-    P.preventDefault();
-    const j = P.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
+    ) > 0 ? j.splice(B, 1) : j[B] = L, r(j);
+  }, R = (B) => {
+    B.preventDefault();
+    const j = B.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
     r([...a || [], ...j]);
   };
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: b }, a == null ? void 0 : a.map((P, z) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: b }, a == null ? void 0 : a.map((B, L) => /* @__PURE__ */ e.createElement(
     El,
     {
-      index: z,
-      key: `${z}${P}`,
+      index: L,
+      key: `${L}${B}`,
       update: S,
       remove: w,
       inputRef: v,
       validator: _,
-      size: l
+      size: c
     },
-    P
+    B
   )), /* @__PURE__ */ e.createElement(
     "input",
-    N(h({}, m), {
+    C(k({}, m), {
       id: t,
       ref: v,
       className: f,
-      placeholder: c,
+      placeholder: l,
       value: p,
       onChange: x,
       onKeyDown: $,
-      onPaste: O,
+      onPaste: R,
       onBlur: F
     })
   )), o && /* @__PURE__ */ e.createElement(Oa, null, o));
-}, Cl = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i, xl = "name@company.com", Sl = (t) => Cl.test(t), Hc = (d) => {
-  var s = d, {
+}, Nl = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i, xl = "name@company.com", Sl = (t) => Nl.test(t), Hc = (d) => {
+  var n = d, {
     id: t,
     tags: a,
     onChange: r,
     error: _,
     placeholder: o = xl,
-    size: c
-  } = s, l = A(s, [
+    size: l
+  } = n, c = A(n, [
     "id",
     "tags",
     "onChange",
@@ -4639,15 +4660,15 @@ const wt = {
     "size"
   ]);
   return /* @__PURE__ */ e.createElement(
-    Nl,
-    N(h({}, l), {
+    Cl,
+    C(k({}, c), {
       id: t,
       tags: a,
       error: _,
       onChange: r,
       placeholder: o,
       validator: Sl,
-      size: c
+      size: l
     })
   );
 }, Dl = "lc-Toast-module__toast___j5Amn", Tl = "lc-Toast-module__toast__content___HjaNw", Bl = "lc-Toast-module__toast__actions___JWu-1", Pl = "lc-Toast-module__toast__actions__button___Iblrl", J = {
@@ -4694,14 +4715,14 @@ const wt = {
     source: Fa
   }
 }, Ke = "toast", Il = (d) => {
-  var s = d, {
+  var n = d, {
     action: t,
     className: a,
     children: r,
     removable: _,
     kind: o = "info",
-    onClose: c
-  } = s, l = A(s, [
+    onClose: l
+  } = n, c = A(n, [
     "action",
     "className",
     "children",
@@ -4713,8 +4734,8 @@ const wt = {
     J[Ke],
     J[`${Ke}--${o}`],
     a
-  ), n = typeof r == "string", m = (g) => g && g.closesOnClick && c ? (g.onClick(), c()) : g.onClick();
-  return /* @__PURE__ */ e.createElement("div", h({ className: i }, l), /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__icon`] }, /* @__PURE__ */ e.createElement(D, N(h({}, Al[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__content`] }, n ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__actions`] }, t && /* @__PURE__ */ e.createElement(
+  ), s = typeof r == "string", m = (g) => g && g.closesOnClick && l ? (g.onClick(), l()) : g.onClick();
+  return /* @__PURE__ */ e.createElement("div", k({ className: i }, c), /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__icon`] }, /* @__PURE__ */ e.createElement(D, C(k({}, Al[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__content`] }, s ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__actions`] }, t && /* @__PURE__ */ e.createElement(
     U,
     {
       className: J[`${Ke}__actions--custom`],
@@ -4731,33 +4752,33 @@ const wt = {
         J[`${Ke}__actions__button--${o}`]
       ),
       "aria-label": "Close toast",
-      onClick: c
+      onClick: l
     },
     /* @__PURE__ */ e.createElement(D, { source: Te, size: "medium" })
   )));
-}, Fl = 200, Ct = "toast-wrapper", zc = ({
+}, Fl = 200, Nt = "toast-wrapper", zc = ({
   className: t,
   toasts: a = [],
   fixed: r = !0,
   block: _ = !1,
   animationType: o = "slide",
-  verticalPosition: c = "top",
-  horizontalPosition: l = "center"
+  verticalPosition: l = "top",
+  horizontalPosition: c = "center"
 }) => {
   const d = u(
-    J[Ct],
+    J[Nt],
     {
-      [J[`${Ct}--fixed`]]: r,
-      [J[`${Ct}--block`]]: !r && _,
-      [J[`${Ct}--horizontal-${l}`]]: l,
-      [J[`${Ct}--vertical-${c}`]]: c
+      [J[`${Nt}--fixed`]]: r,
+      [J[`${Nt}--block`]]: !r && _,
+      [J[`${Nt}--horizontal-${c}`]]: c,
+      [J[`${Nt}--vertical-${l}`]]: l
     },
     t
   );
-  return /* @__PURE__ */ e.createElement("div", { className: d }, /* @__PURE__ */ e.createElement(vr, { component: null }, a.map(({ id: s, kind: i, content: n, removable: m, action: g, onClose: k }) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: d }, /* @__PURE__ */ e.createElement(vr, { component: null }, a.map(({ id: n, kind: i, content: s, removable: m, action: g, onClose: h }) => /* @__PURE__ */ e.createElement(
     hr,
     {
-      key: s,
+      key: n,
       classNames: {
         enter: J[`toast-appear--${o}`],
         enterActive: J[`toast-appear-active--${o}`],
@@ -4770,11 +4791,11 @@ const wt = {
       Il,
       {
         kind: i,
-        onClose: k,
+        onClose: h,
         removable: m,
         action: g
       },
-      n
+      s
     )
   ))));
 }, Ml = "lc-Textarea-module__textarea___g6U8F", qt = {
@@ -4784,34 +4805,34 @@ const wt = {
   "textarea--error": "lc-Textarea-module__textarea--error___0EGuq"
 }, Kt = "textarea", Gc = e.forwardRef(
   (o, _) => {
-    var c = o, { className: t, error: a } = c, r = A(c, ["className", "error"]);
-    const { disabled: l, onBlur: d, onFocus: s } = r, [i, n] = e.useState(!1), m = u(t, qt[Kt], {
-      [qt[`${Kt}--disabled`]]: l,
+    var l = o, { className: t, error: a } = l, r = A(l, ["className", "error"]);
+    const { disabled: c, onBlur: d, onFocus: n } = r, [i, s] = e.useState(!1), m = u(t, qt[Kt], {
+      [qt[`${Kt}--disabled`]]: c,
       [qt[`${Kt}--focused`]]: i,
       [qt[`${Kt}--error`]]: a
     }), g = (b) => {
-      n(!1), d == null || d(b);
-    }, k = (b) => {
-      n(!0), s == null || s(b);
+      s(!1), d == null || d(b);
+    }, h = (b) => {
+      s(!0), n == null || n(b);
     };
     return /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement(
       "textarea",
-      N(h({}, r), {
+      C(k({}, r), {
         ref: _,
-        onFocus: k,
+        onFocus: h,
         onBlur: g
       })
     ));
   }
-), Na = {
+), Ca = {
   "file-upload-progress-actions": "lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2",
   "file-upload-progress-actions__close-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um",
   "file-upload-progress-actions__retry-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"
-}, Ca = "file-upload-progress-actions", Ia = ({ status: t, onCloseButtonClick: a, onRetryButtonClick: r }) => /* @__PURE__ */ e.createElement("div", { className: Na[`${Ca}`] }, r && t === "error" && /* @__PURE__ */ e.createElement(
+}, Na = "file-upload-progress-actions", Ia = ({ status: t, onCloseButtonClick: a, onRetryButtonClick: r }) => /* @__PURE__ */ e.createElement("div", { className: Ca[`${Na}`] }, r && t === "error" && /* @__PURE__ */ e.createElement(
   "button",
   {
     type: "button",
-    className: Na[`${Ca}__retry-button`],
+    className: Ca[`${Na}__retry-button`],
     "aria-label": "Retry",
     onClick: r
   },
@@ -4820,12 +4841,12 @@ const wt = {
   "button",
   {
     type: "button",
-    className: Na[`${Ca}__close-button`],
+    className: Ca[`${Na}__close-button`],
     "aria-label": "Close",
     onClick: a
   },
   /* @__PURE__ */ e.createElement(D, { size: "small", source: Te })
-)), Ce = {
+)), Ne = {
   "file-upload-progress": "lc-FileUploadProgress-module__file-upload-progress___xw8h8",
   "file-upload-progress__icon": "lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz",
   "file-upload-progress__icon--success": "lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH",
@@ -4843,32 +4864,32 @@ const wt = {
     icon: r,
     title: _,
     progressValue: o,
-    size: c,
-    status: l = "normal",
+    size: l,
+    status: c = "normal",
     onCloseButtonClick: d,
-    onRetryButtonClick: s
-  }, i) => /* @__PURE__ */ e.createElement("div", { className: Ce[Ue], ref: i }, r && l !== "success" && /* @__PURE__ */ e.createElement("div", { className: Ce[`${Ue}__icon`] }, r), l === "success" && /* @__PURE__ */ e.createElement(
+    onRetryButtonClick: n
+  }, i) => /* @__PURE__ */ e.createElement("div", { className: Ne[Ue], ref: i }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ue}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
-        Ce[`${Ue}__icon`],
-        Ce[`${Ue}__icon--success`]
+        Ne[`${Ue}__icon`],
+        Ne[`${Ue}__icon--success`]
       )
     },
     /* @__PURE__ */ e.createElement(D, { source: Qt })
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: u(Ce[`${Ue}__wrapper`], {
-        [Ce[`${Ue}__wrapper--with-icon`]]: r
+      className: u(Ne[`${Ue}__wrapper`], {
+        [Ne[`${Ue}__wrapper--with-icon`]]: r
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: Ce[`${Ue}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ue}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: u(Ce[xa], {
-          [Ce[`${xa}--success`]]: l === "success",
-          [Ce[`${xa}--error`]]: l === "error"
+        className: u(Ne[xa], {
+          [Ne[`${xa}--success`]]: c === "success",
+          [Ne[`${xa}--error`]]: c === "error"
         })
       },
       /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, _),
@@ -4878,29 +4899,29 @@ const wt = {
       "div",
       {
         className: u({
-          [Ce[`${Ue}__wrapper__header__actions`]]: t === "hover"
+          [Ne[`${Ue}__wrapper__header__actions`]]: t === "hover"
         })
       },
       /* @__PURE__ */ e.createElement(
         Ia,
         {
-          status: l,
+          status: c,
           onCloseButtonClick: d,
-          onRetryButtonClick: s
+          onRetryButtonClick: n
         }
       )
     )),
-    l !== "success" && /* @__PURE__ */ e.createElement(
+    c !== "success" && /* @__PURE__ */ e.createElement(
       _l,
       {
         className: a,
         percent: o,
-        status: l,
-        size: c
+        status: c,
+        size: l
       }
     )
   ))
-), H = {
+), z = {
   "upload-bar": "lc-UploadBar-module__upload-bar___6Or8h",
   "upload-bar__loader-test": "lc-UploadBar-module__upload-bar__loader-test___aZb2J",
   "upload-bar--error": "lc-UploadBar-module__upload-bar--error___MzvhT",
@@ -4921,10 +4942,10 @@ const wt = {
   "upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
   "upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
   "upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
-}, ne = "upload-bar", We = `${ne}__wrapper__header`, Ll = 300, Ol = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: H[`${We}__success-icon`] }, /* @__PURE__ */ e.createElement(D, { source: Qt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: H[`${We}__error-icon`] }, /* @__PURE__ */ e.createElement(D, { source: Ur })) : /* @__PURE__ */ e.createElement(
+}, ne = "upload-bar", We = `${ne}__wrapper__header`, Ll = 300, Ol = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: z[`${We}__success-icon`] }, /* @__PURE__ */ e.createElement(D, { source: Qt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: z[`${We}__error-icon`] }, /* @__PURE__ */ e.createElement(D, { source: Ur })) : /* @__PURE__ */ e.createElement(
   rl,
   {
-    className: H[`${We}__loader`],
+    className: z[`${We}__loader`],
     status: t,
     progressValue: a
   }
@@ -4934,53 +4955,53 @@ const wt = {
   progressValue: r,
   title: _,
   isExpanded: o,
-  errorMessage: c,
-  status: l = "normal",
+  errorMessage: l,
+  status: c = "normal",
   icon: d,
-  size: s,
+  size: n,
   mode: i = "multiple",
-  onCloseButtonClick: n,
+  onCloseButtonClick: s,
   onRetryButtonClick: m
 }) => {
-  const [g, k] = e.useState(o || !1), b = l === "error", f = l === "success", p = u(H[ne], a, {
-    [H[`${ne}--error`]]: b,
-    [H[`${ne}--success`]]: f
-  }), y = !(b && (m || n)), v = () => k(!g);
-  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement("div", { className: H[`${ne}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${We}`] }, /* @__PURE__ */ e.createElement(
+  const [g, h] = e.useState(o || !1), b = c === "error", f = c === "success", p = u(z[ne], a, {
+    [z[`${ne}--error`]]: b,
+    [z[`${ne}--success`]]: f
+  }), y = !(b && (m || s)), v = () => h(!g);
+  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement("div", { className: z[`${ne}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${We}`] }, /* @__PURE__ */ e.createElement(
     Rl,
     {
-      title: b && c || _,
+      title: b && l || _,
       progressValue: r,
-      status: l,
+      status: c,
       icon: d,
-      size: s
+      size: n
     }
-  )), l === "error" && /* @__PURE__ */ e.createElement(
+  )), c === "error" && /* @__PURE__ */ e.createElement(
     Ia,
     {
-      status: l,
-      onCloseButtonClick: n,
+      status: c,
+      onCloseButtonClick: s,
       onRetryButtonClick: m
     }
   ))) : /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: H[`${ne}__wrapper`],
+      className: z[`${ne}__wrapper`],
       onClick: v
     },
-    /* @__PURE__ */ e.createElement("div", { className: H[`${We}`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${We}__icon`] }, Ol(l, r)), /* @__PURE__ */ e.createElement("div", { className: H[`${We}__title`] }, /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, b ? c : _)), y && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: z[`${We}`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${We}__icon`] }, Ol(c, r)), /* @__PURE__ */ e.createElement("div", { className: z[`${We}__title`] }, /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, b ? l : _)), y && /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: H[`${We}__collapse-button`],
+        className: z[`${We}__collapse-button`],
         type: "button",
         onClick: v
       },
       g ? /* @__PURE__ */ e.createElement(D, { source: Xt }) : /* @__PURE__ */ e.createElement(D, { source: Bt })
-    ), l === "error" && /* @__PURE__ */ e.createElement("div", { className: H[`${We}__actions-container`] }, /* @__PURE__ */ e.createElement(
+    ), c === "error" && /* @__PURE__ */ e.createElement("div", { className: z[`${We}__actions-container`] }, /* @__PURE__ */ e.createElement(
       Ia,
       {
-        status: l,
-        onCloseButtonClick: n,
+        status: c,
+        onCloseButtonClick: s,
         onRetryButtonClick: m
       }
     )))
@@ -4989,14 +5010,14 @@ const wt = {
     {
       timeout: Ll,
       classNames: {
-        enter: H[`${ne}__files--enter`],
-        enterActive: H[`${ne}__files--enter-active`],
-        exit: H[`${ne}__files--exit`],
-        exitActive: H[`${ne}__files--exit-active`],
-        exitDone: H[`${ne}__files--exit-done`]
+        enter: z[`${ne}__files--enter`],
+        enterActive: z[`${ne}__files--enter-active`],
+        exit: z[`${ne}__files--exit`],
+        exitActive: z[`${ne}__files--exit-active`],
+        exitDone: z[`${ne}__files--exit-done`]
       }
     },
-    /* @__PURE__ */ e.createElement("div", { className: H[`${ne}__files`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${ne}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${ne}__files__list`] }, t)))
+    /* @__PURE__ */ e.createElement("div", { className: z[`${ne}__files`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${ne}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${ne}__files__list`] }, t)))
   )));
 };
 export {
@@ -5030,9 +5051,9 @@ export {
   sc as Info,
   wc as Input,
   ic as Interactive,
-  Nc as Link,
+  Cc as Link,
   La as Loader,
-  Cc as Modal,
+  Nc as Modal,
   Fo as ModalBase,
   lr as ModalCloseButton,
   Sc as ModalHeader,
@@ -5058,8 +5079,8 @@ export {
   Rc as Tab,
   Oc as TabsList,
   Lc as TabsWrapper,
-  Nr as Tag,
-  Nl as TagInput,
+  Cr as Tag,
+  Cl as TagInput,
   M as Text,
   Gc as Textarea,
   Il as Toast,