@livechat/design-system-react-components 1.16.3 → 1.16.5

package/dist/dsrc.es.js

@@ -1,38 +1,38 @@
 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 Oa = Object.prototype.hasOwnProperty, Ha = 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, k = (t, a) => {
   for (var r in a || (a = {}))
-    Ha.call(a, r) && fa(t, r, a[r]);
+    Oa.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]);
+      Ha.call(a, r) && fa(t, r, a[r]);
   return t;
 }, N = (t, a) => Br(t, Pr(a));
 var A = (t, a) => {
   var r = {};
   for (var _ in t)
-    Ha.call(t, _) && a.indexOf(_) < 0 && (r[_] = t[_]);
+    Oa.call(t, _) && a.indexOf(_) < 0 && (r[_] = t[_]);
   if (t != null && At)
     for (var _ of At(t))
-      a.indexOf(_) < 0 && za.call(t, _) && (r[_] = t[_]);
+      a.indexOf(_) < 0 && Ha.call(t, _) && (r[_] = t[_]);
   return r;
 };
 var va = (t, a, r) => (fa(t, typeof a != "symbol" ? a + "" : a, r), r);
 import * as e from "react";
 import { useReducer as Ar, useRef as Ir, useEffect as ut, useCallback as It, useMemo as Ft } from "react";
-import { Check as Qt, Close as Te, ChevronLeft as nr, ChevronDown as Bt, Info as Fa, Warning as sr, CheckCircle as ir, Block as dr, Person as Fr, ChevronUp as Xt, DoubleArrowLeft as Mr, ChevronRight as Sa, DoubleArrowRight as Rr, VisibilityOn as Lr, VisibilityOff as Or, Search as Hr, LockBlackFilled as zr, Refresh as Gr, Error as Ur } from "@livechat/design-system-icons";
+import { Check as Qt, Close as Te, ChevronLeft as cr, ChevronDown as Bt, Info as Ia, Warning as nr, CheckCircle as sr, Block as ir, Person as Fr, ChevronUp as Xt, DoubleArrowLeft as Mr, ChevronRight as dr, DoubleArrowRight as Rr, VisibilityOn as Lr, VisibilityOff as Or, Search as Hr, LockBlackFilled as zr, Refresh as Gr, Error as Ur } from "@livechat/design-system-icons";
 import u from "clsx";
-import { useFloating as jt, offset as Zt, flip as ea, autoUpdate as ta, useClick as aa, useDismiss as ra, useRole as _a, useInteractions as oa, useTransitionStyles as ur, shift as Ma, arrow as Wr, useHover as Vr, safePolygon as Yr, useFocus as qr, useTransitionStatus as Kr, FloatingFocusManager as Da, useFloatingNodeId as mr, size as Jr, useListNavigation as Qr, FloatingNode as pr, FloatingPortal as Xr, useFloatingParentNodeId as jr, FloatingTree as Zr } from "@floating-ui/react";
+import { useFloating as jt, offset as Zt, flip as ea, autoUpdate as ta, useClick as aa, useDismiss as ra, useRole as _a, useInteractions as oa, useTransitionStyles as ur, shift as Fa, arrow as Wr, useHover as Vr, safePolygon as Yr, useFocus as qr, useTransitionStatus as Kr, FloatingFocusManager as Sa, useFloatingNodeId as mr, size as Jr, useListNavigation as Qr, FloatingNode as pr, FloatingPortal as Xr, useFloatingParentNodeId as jr, FloatingTree as Zr } from "@floating-ui/react";
 import gr from "lodash.debounce";
-import { getContrast as Ra } from "polished";
+import { getContrast as Ma } from "polished";
 import e_ from "react-day-picker";
-import { subMonths as pt, differenceInCalendarMonths as Ga, addMonths as Ua, isSameMonth as Ta, isSameDay as Ba, isAfter as Pa, differenceInCalendarDays as br } from "date-fns";
+import { subMonths as pt, differenceInCalendarMonths as za, addMonths as Ga, isSameMonth as Da, isSameDay as Ta, isAfter as Ba, differenceInCalendarDays as br } from "date-fns";
 import * as fr from "react-dom";
 import { cx as t_ } from "@emotion/css";
 import { Virtuoso as a_ } from "react-virtuoso";
-import Wa from "lodash.escape";
+import Ua from "lodash.escape";
 import { TransitionGroup as vr, CSSTransition as hr } from "react-transition-group";
 const Zl = {
   Background: "--background",
@@ -374,7 +374,7 @@ const Zl = {
   comma: ",",
   arrowUp: "ArrowUp",
   arrowDown: "ArrowDown"
-}, r_ = "lc-Icon-module__icon___tw31R", Va = {
+}, r_ = "lc-Icon-module__icon___tw31R", Wa = {
   icon: r_,
   "icon--primary": "lc-Icon-module__icon--primary___JJnBV",
   "icon--subtle": "lc-Icon-module__icon--subtle___sZIzL",
@@ -429,29 +429,29 @@ const Zl = {
     width: 32,
     height: 32
   }
-}, Ya = "icon", D = (t) => {
-  const n = t, {
+}, Va = "icon", T = (t) => {
+  const i = t, {
     source: a,
     size: r = "medium",
     kind: _,
     disabled: o,
     className: l,
     customColor: c
-  } = n, d = A(n, [
+  } = i, d = A(i, [
     "source",
     "size",
     "kind",
     "disabled",
     "className",
     "customColor"
-  ]), s = e.createElement(a, N(h({}, __[r]), {
+  ]), n = e.createElement(a, N(k({}, __[r]), {
     color: c
-  })), i = u(
+  })), s = u(
     l,
-    Va[Ya],
-    _ && Va[`${Ya}--${o ? "disabled--" : ""}${_}`]
+    Wa[Va],
+    _ && Wa[`${Va}--${o ? "disabled--" : ""}${_}`]
   );
-  return /* @__PURE__ */ e.createElement("span", N(h({}, d), { className: i }), s);
+  return /* @__PURE__ */ e.createElement("span", N(k({}, d), { className: s }), n);
 }, Ve = {
   "action-menu": "lc-ActionMenu-module__action-menu___K2UwW",
   "action-menu__trigger-button": "lc-ActionMenu-module__action-menu__trigger-button___tBrz5",
@@ -472,12 +472,12 @@ const Zl = {
     openedOnInit: l = !1,
     keepOpenOnClick: c,
     flipOptions: d,
-    visible: s,
-    onClose: i,
-    onOpen: n,
+    visible: n,
+    onClose: s,
+    onOpen: i,
     floatingStrategy: m,
     selectedOptions: g
-  } = f, k = A(f, [
+  } = f, v = A(f, [
     "className",
     "triggerClassName",
     "options",
@@ -492,107 +492,108 @@ const Zl = {
     "floatingStrategy",
     "selectedOptions"
   ]);
-  const p = s !== void 0, [y, v] = e.useState(l), 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, h] = e.useState(l), E = e.useRef(-1), w = e.useRef(null), x = p ? n : y, $ = () => {
+    x ? (s == null || s(), !p && h(!1)) : (i == null || i(), !p && h(!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 && !c && (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 && (h(!1), s == null || s());
+  }, 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(T, { source: Qt, kind: "action-primary" }))
   ));
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    N(h({
+    N(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), {
+      N(k({}, v), {
         className: u(Ve[`${Ye}__list`], t),
         role: "menu",
         ref: w
@@ -638,11 +639,11 @@ 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, {
+}, M = (s) => {
+  var i = s, {
     as: t = "p",
     size: a = "md",
     caps: r = !1,
@@ -651,7 +652,7 @@ const Zl = {
     strike: l = !1,
     children: c,
     className: d
-  } = n, s = A(n, [
+  } = i, n = A(i, [
     "as",
     "size",
     "caps",
@@ -664,7 +665,7 @@ const Zl = {
   const m = r ? "caps" : `paragraph-${a}`;
   return e.createElement(
     t,
-    h({
+    k({
       className: u(
         {
           [mt[`${m}`]]: !0,
@@ -674,7 +675,7 @@ const Zl = {
         },
         d
       )
-    }, s),
+    }, n),
     c
   );
 }, cc = (l) => {
@@ -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 = {
@@ -719,7 +720,7 @@ const Zl = {
   "loader__spinner-circle": "lc-Loader-module__loader__spinner-circle___ApBUO",
   rotate: d_,
   loader__label: u_
-}, kr = "loader", qa = `${kr}__spinner`, La = ({
+}, kr = "loader", Ya = `${kr}__spinner`, Ra = ({
   primaryColor: t,
   secondaryColor: a,
   label: r,
@@ -728,7 +729,7 @@ const Zl = {
 }) => /* @__PURE__ */ e.createElement("div", { className: u(vt[kr], _) }, /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: u(vt[qa], vt[`${qa}--${o}`])
+    className: u(vt[Ya], vt[`${Ya}--${o}`])
   },
   /* @__PURE__ */ e.createElement(
     "div",
@@ -793,12 +794,12 @@ const Zl = {
       size: l = "medium",
       icon: c = null,
       iconPosition: d = "left",
-      loaderLabel: s,
-      className: i,
-      children: n,
+      loaderLabel: n,
+      className: s,
+      children: i,
       href: m,
       onClick: g
-    } = p, k = A(p, [
+    } = p, v = A(p, [
       "loading",
       "disabled",
       "type",
@@ -813,34 +814,34 @@ const Zl = {
       "href",
       "onClick"
     ]);
-    const y = t || a, v = !n && c, E = ["text", "link", "link-light"].includes(o), w = m ? "a" : "button", x = u(
-      i,
+    const y = t || a, h = !i && c, E = ["text", "link", "link-light"].includes(o), w = m ? "a" : "button", x = u(
+      s,
       pe[ge],
       pe[`${ge}--${o}`],
       pe[`${ge}--${l}`],
       {
         [pe[`${ge}--loading`]]: t,
         [pe[`${ge}--full-width`]]: _,
-        [pe[`${ge}--with-${d}-icon`]]: c && !v && !E,
-        [pe[`${ge}--icon-only`]]: v,
-        [pe[`${ge}--icon-only--bg`]]: v && E,
+        [pe[`${ge}--with-${d}-icon`]]: c && !h && !E,
+        [pe[`${ge}--icon-only`]]: h,
+        [pe[`${ge}--icon-only--bg`]]: h && E,
         [pe[`${ge}--disabled`]]: y
       }
     );
     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 }), v),
       t && /* @__PURE__ */ e.createElement(
-        La,
-        h({
+        Ra,
+        k({
           size: "small",
-          label: s,
+          label: n,
           className: pe[`${ge}__loader`]
         }, m_(o))
       ),
@@ -852,7 +853,7 @@ const Zl = {
         ),
         disabled: a
       }),
-      /* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__content`] }, n)
+      /* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__content`] }, i)
     );
   }
 );
@@ -913,36 +914,36 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
   kind: l,
   placement: c = "bottom",
   isVisible: d,
-  fullSpaceContent: s,
-  onClose: i,
-  onOpen: n,
+  fullSpaceContent: n,
+  onClose: s,
+  onOpen: i,
   withFadeAnimation: m = !0,
   transitionDuration: g = 200,
-  hoverOnDuration: k,
+  hoverOnDuration: v,
   hoverOffDuration: b,
   transitionDelay: f = 0,
   hoverOnDelay: p,
   hoverOffDelay: y,
-  triggerOnClick: v = !1,
+  triggerOnClick: h = !1,
   offsetMainAxis: E = 8,
   referenceElement: w,
   activationThreshold: x = 0,
   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 = l || o, Me = u(
     C[Mt],
     a,
     Ae && C[`${Mt}--${Ae}`],
-    s && C[`${Mt}--full-space`]
+    n && C[`${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 ? i == null || i() : s == null || s(), !$e && Be(ue));
+  }, Qe = (ue) => m ? ue != null ? ue : g : 0, P = (ue) => ue != null ? ue : f, {
     floatingStyles: W,
     refs: K,
     context: Q,
@@ -951,7 +952,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
   } = jt({
     middleware: [
       Zt({ mainAxis: E }),
-      Ma(),
+      Fa(),
       ea(),
       Wr({ element: Pe })
     ],
@@ -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()
+    enabled: !h,
+    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(v),
       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({
+    N(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({
+    N(k({
       ref: K.setFloating,
-      style: h(h({}, W), pa),
+      style: k(k({}, W), pa),
       className: Me
     }, ba()), {
       "data-status": gt
@@ -1007,9 +1008,9 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
         ref: Pe,
         className: C[`${Mt}__arrow`],
         "aria-placement": ca,
-        style: h({}, f_(
-          O,
-          P,
+        style: k({}, f_(
+          R,
+          B,
           Xe,
           Re
         ))
@@ -1019,10 +1020,12 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
 }, 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",
   {
+    type: "button",
+    "aria-label": "Close tooltip",
     className: C[`${ht}-close`],
     onClick: l
   },
-  /* @__PURE__ */ e.createElement(D, { source: Te, kind: o ? yr(o) : "primary" })
+  /* @__PURE__ */ e.createElement(T, { source: Te, kind: o ? yr(o) : "primary" })
 ), a && /* @__PURE__ */ e.createElement(
   "div",
   {
@@ -1051,14 +1054,16 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
   primaryButton: c,
   secondaryButton: d
 }) => {
-  const s = (i) => i === "invert" ? "secondary" : "high-contrast";
+  const n = (s) => s === "invert" ? "secondary" : "high-contrast";
   return /* @__PURE__ */ e.createElement("div", { className: C[`${Ie}__interactive`] }, _ && /* @__PURE__ */ e.createElement(
     "button",
     {
+      type: "button",
+      "aria-label": "Close tooltip",
       className: C[`${Ie}-close`],
       onClick: l
     },
-    /* @__PURE__ */ e.createElement(D, { source: Te, kind: o ? yr(o) : "primary" })
+    /* @__PURE__ */ e.createElement(T, { source: Te, kind: o ? yr(o) : "primary" })
   ), r && /* @__PURE__ */ e.createElement("div", { className: C[`${Ie}-image-container`] }, /* @__PURE__ */ e.createElement(
     "img",
     {
@@ -1077,7 +1082,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
     /* @__PURE__ */ e.createElement(
       U,
       {
-        kind: c.kind || s(o),
+        kind: c.kind || n(o),
         onClick: c.handleClick
       },
       c.label
@@ -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`,
@@ -1177,7 +1182,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
         [C[`${Z}__overlay--visible`]]: a,
         [C[`${Z}__overlay--slide`]]: r
       }),
-      style: s
+      style: n
     }
   ));
 };
@@ -1188,7 +1193,7 @@ 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, l = Math.round(a.height) + 2 * this.padding, c = _, d = r, s = c + l, 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, s = d + o;
     return {
       x: r,
       y: _,
@@ -1196,8 +1201,8 @@ class E_ {
       height: l,
       top: c,
       left: d,
-      bottom: s,
-      right: i
+      bottom: n,
+      right: s
     };
   }
   getBoundingClientRect() {
@@ -1210,7 +1215,7 @@ class E_ {
     return this.getBoundingClientRect().height;
   }
 }
-const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
+const qa = 8, Ka = "guide-tooltip", Ja = (t, a) => new E_(t, a), dc = (t) => {
   const {
     className: a,
     parentElementName: r,
@@ -1218,13 +1223,13 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
     shouldSlide: o = !0
   } = t, [l, c] = e.useState(
     null
-  ), [d, s] = e.useState(null), [i, n] = e.useState(o), m = () => {
-    l && (s(
-      Qa(
+  ), [d, n] = e.useState(null), [s, i] = e.useState(o), m = () => {
+    l && (n(
+      Ja(
         l,
-        Ka
+        qa
       ).getBoundingClientRect()
-    ), n(!1));
+    ), i(!1));
   };
   return e.useEffect(() => {
     if (l !== null)
@@ -1237,31 +1242,31 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
       c(g);
     }
   }, [r]), e.useEffect(() => {
-    l && s(
-      Qa(
+    l && n(
+      Ja(
         l,
-        Ka
+        qa
       ).getBoundingClientRect()
-    ), n(!0);
+    ), i(!0);
   }, [l]), l && _ ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
     y_,
     {
       gap: d,
       isVisible: _,
-      slide: i,
+      slide: s,
       disablePointerEvents: !0
     }
   ), /* @__PURE__ */ e.createElement(
     Er,
-    N(h({}, t), {
+    N(k({}, t), {
       referenceElement: {
         getBoundingClientRect: () => d,
         contextElement: l
       },
       arrowOffsetY: 25,
       className: u({
-        [C[Ja]]: !0,
-        [C[`${Ja}--slide`]]: i,
+        [C[Ka]]: !0,
+        [C[`${Ka}--slide`]]: s,
         className: a
       })
     }),
@@ -1312,7 +1317,7 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
     };
     return /* @__PURE__ */ e.createElement(
       Er,
-      h({
+      k({
         kind: "invert",
         placement: _ ? "left" : "bottom",
         triggerClassName: se[`${Rt}__tooltip`],
@@ -1352,50 +1357,50 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
   activeOptionKey: o,
   vertical: l
 }) => {
-  const [c, d] = e.useState([]), s = r === "scroll", i = u(
+  const [c, d] = e.useState([]), n = r === "scroll", s = u(
     se[_t],
     t,
     l && se[`${_t}--vertical`]
-  ), n = `${_t}__menu-wrapper`, m = {
+  ), i = `${_t}__menu-wrapper`, m = {
     root: document.querySelector(`${a}`),
     threshold: 1
-  }, g = !s && c.length !== 0, k = (p) => {
+  }, g = !n && c.length !== 0, v = (p) => {
     p.map((y) => {
-      const v = c.includes(y.target.id);
+      const h = c.includes(y.target.id);
       if (!y.isIntersecting) {
-        y.target.setAttribute("tabindex", "-1"), v || d((E) => [
+        y.target.setAttribute("tabindex", "-1"), h || d((E) => [
           ...E,
           y.target.id
         ]);
         return;
       }
-      y.target.removeAttribute("tabindex"), v && d(c.filter((E) => E !== y.target.id));
+      y.target.removeAttribute("tabindex"), h && 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 = new IntersectionObserver(
+        v,
         m
       );
-      return y.forEach((E) => v.observe(E)), () => v.disconnect();
+      return y.forEach((E) => h.observe(E)), () => h.disconnect();
     }
-  }, [c, 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
+    (h) => p.find((E) => E === h.key)
+  ).map((h) => ({
+    key: h.key,
+    element: /* @__PURE__ */ e.createElement(n_, { leftNode: h.element }, h.label),
+    onClick: h.onClick
   })), 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(
+  return /* @__PURE__ */ e.createElement("div", { id: a, className: s }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(se[`${_t}__items`], {
-        [se[`${_t}__items--scroll`]]: s
+        [se[`${_t}__items--scroll`]]: n
       })
     },
     _.map((p) => /* @__PURE__ */ e.createElement(
@@ -1407,26 +1412,26 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
         vertical: l
       }
     ))
-  ), g && /* @__PURE__ */ e.createElement("div", { className: se[n] }, /* @__PURE__ */ e.createElement(
+  ), g && /* @__PURE__ */ e.createElement("div", { className: se[i] }, /* @__PURE__ */ e.createElement(
     o_,
     {
       placement: l ? "left-end" : "bottom-end",
       options: b(c),
       triggerClassName: u(
-        l && se[`${n}__trigger-vertical`]
+        l && se[`${i}__trigger-vertical`]
       ),
       triggerRenderer: /* @__PURE__ */ e.createElement(
         U,
         {
           className: u(
-            se[`${n}__button`],
-            f && se[`${n}__button--active`]
+            se[`${i}__button`],
+            f && se[`${i}__button--active`]
           ),
           kind: "plain",
           icon: /* @__PURE__ */ e.createElement(
-            D,
+            T,
             {
-              source: l ? nr : Bt,
+              source: l ? cr : 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[`${i}__button__with-item`]
             )
           },
           f.element
@@ -1462,30 +1467,30 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
   "alert--error": "lc-Alert-module__alert--error___DKPo0"
 }, B_ = {
   info: {
-    source: Fa,
+    source: Ia,
     kind: "link"
   },
   warning: {
-    source: sr,
+    source: nr,
     kind: "warning"
   },
   success: {
-    source: ir,
+    source: sr,
     kind: "success"
   },
   error: {
-    source: dr,
+    source: ir,
     kind: "error"
   }
 }, ye = "alert", pc = (d) => {
-  var s = d, {
+  var n = d, {
     children: t,
     className: a,
     primaryButton: r,
     secondaryButton: _,
     kind: o = "info",
     onClose: l
-  } = s, c = A(s, [
+  } = 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 s = e.useRef(null), [i, 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`],
+    i === "large" && ke[`${ye}--large`],
+    i === "medium" && ke[`${ye}--medium`],
+    i === "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 v = () => s.current && s.current.offsetWidth <= 400 ? m("small") : s.current && s.current.offsetWidth > 400 && s.current.offsetWidth <= 800 ? m("medium") : m("large"), b = gr(() => {
+      v();
     }, 500);
-    return window.addEventListener("resize", b), k(), () => window.removeEventListener("resize", b);
-  }), /* @__PURE__ */ e.createElement("div", h({ 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]), {
+    return window.addEventListener("resize", b), v(), () => window.removeEventListener("resize", b);
+  }), /* @__PURE__ */ e.createElement("div", k({ ref: s, className: g }, c), /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content`] }, /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
+    T,
+    N(k({}, B_[o]), {
       size: "large",
       className: ke[`${ye}__icon`]
     })
@@ -1530,15 +1535,16 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
   ))), 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 }),
+      icon: /* @__PURE__ */ e.createElement(T, { source: Te }),
       onClick: l
     }
   ));
-}, Xa = Array.from(
+}, Qa = Array.from(
   { length: 10 },
   (t, a) => `--surface-avatar-${a + 1}`
 );
@@ -1546,7 +1552,7 @@ function P_(t) {
   if (!t)
     return;
   const a = t.split("").reduce((r, _) => r + _.charCodeAt(0), 0);
-  return `var(${Xa[a % Xa.length]})`;
+  return `var(${Qa[a % Qa.length]})`;
 }
 function A_(t = "", a = 2) {
   const r = t.trim().split(/\s+/), _ = r.map((l) => [...l][0]);
@@ -1565,7 +1571,7 @@ function I_(t) {
     const r = t.slice(4, -1);
     a = window.getComputedStyle(document.documentElement).getPropertyValue(r).trim();
   }
-  return a && Ra(a, "#FFFFFF") > 3 ? "var(--color-white)" : "var(--color-black)";
+  return a && Ma(a, "#FFFFFF") > 3 ? "var(--color-white)" : "var(--color-black)";
 }
 const F_ = "lc-Avatar-module__avatar___1zTCE", M_ = "lc-Avatar-module__avatar__status___nX2Ls", R_ = "lc-Avatar-module__avatar__rim___RCQ8Q", L_ = "lc-Avatar-module__avatar__image___YqfqE", be = {
   avatar: F_,
@@ -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: l,
-  status: c,
-  text: d,
-  type: s,
-  withRim: i = !1
-}) => {
-  const n = s === "image" && !l, [m, g] = e.useState(n), k = s === "image" && !!l && !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: s = !1
+  } = g, i = A(g, [
+    "alt",
+    "className",
+    "color",
+    "shape",
+    "size",
+    "src",
+    "status",
+    "text",
+    "type",
+    "withRim"
+  ]);
+  const v = n === "image" && !l, [b, f] = e.useState(v), p = n === "image" && !!l && !b, y = n === "text", h = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, E = A_(d, h), 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(
+    [be[`${X}--with-rim`]]: s
+  }, a ? { [`${a}`]: a } : {})), S = u(
     be[`${X}__status`],
     be[`${X}__status--${_}`],
     be[`${X}__status--${o}`],
     ...c ? [be[`${X}__status--${c}`]] : []
-  ), $ = u(
+  ), 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(v);
+  }, [v]), /* @__PURE__ */ e.createElement("div", k({ className: F, style: $ }, i), s && /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": `${X}__rim`,
-      className: F
+      className: B
     }
   ), 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: l,
       alt: t,
-      onError: S
+      onError: L
     }
-  ), b && /* @__PURE__ */ e.createElement("span", { style: { color: v } }, p), m && /* @__PURE__ */ e.createElement(
-    D,
+  ), y && /* @__PURE__ */ e.createElement("span", { style: { color: x } }, E), b && /* @__PURE__ */ e.createElement(
+    T,
     {
       "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: l = "counter"
-  } = s, c = A(s, [
+  } = n, c = A(n, [
     "className",
     "count",
     "max",
@@ -1703,17 +1721,17 @@ const z_ = "lc-Badge-module__badge___GhLnu", G_ = "lc-Badge-module__badge__dot__
     "size",
     "type"
   ]);
-  const i = u(
+  const s = u(
     t,
     Lt[Ot],
     Lt[`${Ot}--${_}`],
     Lt[`${Ot}--${o}`]
-  ), n = {
+  ), i = {
     counter: H_(a, r),
     alert: "!",
     dot: /* @__PURE__ */ e.createElement("span", { className: Lt[`${Ot}__dot`] })
   }[l];
-  return /* @__PURE__ */ e.createElement("span", h({ className: i }, c), n);
+  return /* @__PURE__ */ e.createElement("span", k({ className: s }, c), i);
 };
 function W_() {
 }
@@ -1733,27 +1751,27 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
   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, s] = e.useState(() => _), i = typeof o == "string";
   e.useEffect(() => {
-    n && i(o);
+    i && s(o);
   }, [o]);
-  const m = (k, b) => {
-    n || i(k), c(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 = (v, b) => {
+    i || s(v), c(v, b);
+  }, g = a.map(({ id: v, label: b, loading: f, disabled: p, icon: y }) => {
+    const h = v === n, E = h ? Ht["btn--active"] : "", w = h ? !1 : f;
     return /* @__PURE__ */ e.createElement(
       U,
       {
-        key: k,
+        key: v,
         fullWidth: l,
         loading: w,
         disabled: p,
-        "aria-pressed": v,
+        "aria-pressed": h,
         kind: "secondary",
         icon: y,
         className: u(Ht.btn, Ht[`btn--${t}`], E),
         onClick: (x) => {
-          m(k, x);
+          m(v, x);
         }
       },
       b
@@ -1774,8 +1792,8 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
   card__actions__line: to,
   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, {
+}, Dt = "card", Jt = `${Dt}__header`, ha = `${Jt}__heading`, zt = `${Dt}__actions`, ro = `${Jt}__no-image`, bc = (s) => {
+  var i = s, {
     alt: t,
     buttonsOptions: a = [],
     children: r,
@@ -1784,7 +1802,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     expandableContent: l,
     src: c,
     title: d
-  } = n, s = A(n, [
+  } = i, n = A(i, [
     "alt",
     "buttonsOptions",
     "children",
@@ -1794,8 +1812,8 @@ 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 = !!l, y = f || p, v = d, E = c, 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), v = m ? Xt : Bt, b = m ? "Hide" : "Show more", f = (a == null ? void 0 : a.length) > 0, p = !!l, y = f || p, h = d, E = c, w = E ? "" : fe[ro];
+  return /* @__PURE__ */ e.createElement("div", k({ className: u(fe[Dt], _) }, n), h && /* @__PURE__ */ e.createElement("div", { className: u(fe[Jt], w) }, E && /* @__PURE__ */ e.createElement(
     "img",
     {
       alt: t,
@@ -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(T, { source: v }),
       onClick: () => g(!m)
     },
     b
@@ -1834,7 +1852,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     "className"
   ]);
   const l = u(_o[oo], a);
-  return /* @__PURE__ */ e.createElement(M, N(h({ as: "span", size: "sm" }, r), { className: l }), t);
+  return /* @__PURE__ */ e.createElement(M, N(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,
@@ -1847,7 +1865,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
   checkbox__helper: mo
 }, Ze = "checkbox", po = e.forwardRef(
   (d, c) => {
-    var s = d, { checked: t, disabled: a, children: r, description: _, className: o } = s, l = A(s, ["checked", "disabled", "children", "description", "className"]);
+    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,7 +1876,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
       },
       /* @__PURE__ */ e.createElement("label", { className: je[`${Ze}__label`] }, /* @__PURE__ */ e.createElement(
         "input",
-        N(h({}, l), {
+        N(k({}, l), {
           ref: c,
           checked: t,
           disabled: a,
@@ -1869,7 +1887,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
       _ && /* @__PURE__ */ e.createElement(la, { className: je[`${Ze}__helper`] }, _)
     );
   }
-), T = {
+), D = {
   "date-picker": "lc-DatePicker-module__date-picker___9AqJ2",
   "date-picker--interaction-disabled": "lc-DatePicker-module__date-picker--interaction-disabled___-zn8o",
   "date-picker__day": "lc-DatePicker-module__date-picker__day___ZTSw9",
@@ -1904,7 +1922,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
   "date-picker--range__select-input": "lc-DatePicker-module__date-picker--range__select-input___6pyj3",
   "date-picker--range__calendars-wrapper": "lc-DatePicker-module__date-picker--range__calendars-wrapper___8nWaW",
   "date-picker__navbar-buttons-wrapper": "lc-DatePicker-module__date-picker__navbar-buttons-wrapper___Hnksb"
-}, ja = "date-picker", go = (t) => {
+}, Xa = "date-picker", go = (t) => {
   const {
     onPreviousClick: a,
     onMonthChange: r,
@@ -1913,36 +1931,36 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     showPreviousButton: l,
     className: c,
     classNames: d,
-    numberOfMonths: s,
-    month: i,
-    fromMonth: n,
+    numberOfMonths: n,
+    month: s,
+    fromMonth: i,
     toMonth: m
   } = t, g = () => {
     typeof a == "function" && a();
-  }, k = () => {
+  }, v = () => {
     typeof _ == "function" && _();
   }, b = () => {
-    if (!n) {
-      const v = pt(i, 12);
-      return r(v);
+    if (!i) {
+      const h = pt(s, 12);
+      return r(h);
     }
-    const p = Math.abs(Ga(i, n)), y = pt(
-      i,
+    const p = Math.abs(za(s, i)), y = pt(
+      s,
       !Number.isNaN(p) && p > 12 ? 12 : p
     );
     return r(y);
   }, f = () => {
     if (!m) {
-      const v = Ua(i, 12);
-      return r(v);
+      const h = Ga(s, 12);
+      return r(h);
     }
-    const p = Math.abs(Ga(m, i)), y = Ua(
-      i,
+    const p = Math.abs(za(m, s)), y = Ga(
+      s,
       !Number.isNaN(p) && p > 12 ? 12 : p
     );
-    return s === 2 && Ta(y, m) ? r(pt(y, 1)) : r(y);
+    return n === 2 && Da(y, m) ? r(pt(y, 1)) : r(y);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__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: D[`${Xa}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-prev-year-button",
@@ -1952,7 +1970,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
       }),
       onClick: b
     },
-    /* @__PURE__ */ e.createElement(D, { source: Mr, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(T, { source: Mr, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -1963,8 +1981,8 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
       }),
       onClick: g
     },
-    /* @__PURE__ */ e.createElement(D, { source: nr, kind: "subtle" })
-  )), /* @__PURE__ */ e.createElement("div", { className: T[`${ja}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(T, { source: cr, kind: "subtle" })
+  )), /* @__PURE__ */ e.createElement("div", { className: D[`${Xa}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-next-month-button",
@@ -1972,9 +1990,9 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
         [d.navButtonNext]: !0,
         [d.navButtonInteractionDisabled]: !o
       }),
-      onClick: k
+      onClick: v
     },
-    /* @__PURE__ */ e.createElement(D, { source: Sa, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(T, { source: dr, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -1985,30 +2003,30 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
       }),
       onClick: f
     },
-    /* @__PURE__ */ e.createElement(D, { source: Rr, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(T, { source: Rr, kind: "subtle" })
   )));
 }, I = "date-picker", $r = (t, a) => {
   const { from: r, to: _ } = a;
-  return !(_ && !Ba(t, _) && Pa(t, _) || r && !Ba(t, r) && !Pa(t, r));
-}, wr = (t, a, r) => a ? t && !Ta(t, a) || r && Ta(a, r) ? pt(a, 1) : a : pt(r || /* @__PURE__ */ new Date(), 1), bo = (t, a) => {
+  return !(_ && !Ta(t, _) && Ba(t, _) || r && !Ta(t, r) && !Ba(t, r));
+}, wr = (t, a, r) => a ? t && !Da(t, a) || r && Da(a, r) ? pt(a, 1) : a : pt(r || /* @__PURE__ */ new Date(), 1), bo = (t, a) => {
   const r = {
-    [T[`${I}__day--monday`]]: { daysOfWeek: [1] },
-    [T[`${I}__day--sunday`]]: { daysOfWeek: [0] },
-    [T[`${I}__day--start`]]: t,
-    [T[`${I}__day--end`]]: t
+    [D[`${I}__day--monday`]]: { daysOfWeek: [1] },
+    [D[`${I}__day--sunday`]]: { daysOfWeek: [0] },
+    [D[`${I}__day--start`]]: t,
+    [D[`${I}__day--end`]]: t
   };
   if (!a || !t)
     return r;
   const _ = br(a, t);
-  return _ > 0 ? N(h({}, r), {
-    [T[`${I}__day--end`]]: a
-  }) : _ < 0 ? N(h({}, r), {
-    [T[`${I}__day--start`]]: a
+  return _ > 0 ? N(k({}, r), {
+    [D[`${I}__day--end`]]: a
+  }) : _ < 0 ? N(k({}, r), {
+    [D[`${I}__day--start`]]: a
   }) : r;
 }, xt = (t, a) => {
   const r = a.find((_) => _.id === t);
   return r || void 0;
-}, Za = (t, a) => !!(!t || t && a), fo = (t) => {
+}, ja = (t, a) => !!(!t || t && a), fo = (t) => {
   const a = {};
   if (!t.initialSelectedItemKey)
     return a;
@@ -2017,44 +2035,44 @@ 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
+    [D[`${I}`]]: !0,
+    [D[`${I}--range`]]: t
   }),
-  wrapper: T[`${I}__wrapper`],
-  interactionDisabled: T[`${I}--interaction-disabled`],
-  months: T[`${I}__months`],
-  month: T[`${I}__month`],
-  navBar: T[`${I}__nav-bar`],
+  wrapper: D[`${I}__wrapper`],
+  interactionDisabled: D[`${I}--interaction-disabled`],
+  months: D[`${I}__months`],
+  month: D[`${I}__month`],
+  navBar: D[`${I}__nav-bar`],
   navButtonPrev: u(
-    T[`${I}__nav-button`],
-    T[`${I}__nav-button--prev`]
+    D[`${I}__nav-button`],
+    D[`${I}__nav-button--prev`]
   ),
   navButtonNext: u(
-    T[`${I}__nav-button`],
-    T[`${I}__nav-button--next`]
+    D[`${I}__nav-button`],
+    D[`${I}__nav-button--next`]
   ),
-  navButtonInteractionDisabled: T[`${I}__nav-button--interaction-disabled`],
-  caption: T[`${I}__caption`],
-  weekdays: T[`${I}__weekdays`],
-  weekdaysRow: T[`${I}__weekdays-row`],
-  weekday: T[`${I}__weekday`],
-  body: T[`${I}__body`],
-  week: T[`${I}__week`],
-  weekNumber: T[`${I}__week-number`],
-  day: T[`${I}__day`],
-  footer: T[`${I}__footer`],
-  todayButton: T[`${I}__today-button`],
-  today: T[`${I}__day--today`],
-  selected: T[`${I}__day--selected`],
-  disabled: T[`${I}__day--disabled`],
-  outside: T[`${I}__day--outside`],
-  start: T[`${I}__day--start`],
-  end: T[`${I}__day--end`]
-}, a), er = "date-picker", ho = (t) => {
+  navButtonInteractionDisabled: D[`${I}__nav-button--interaction-disabled`],
+  caption: D[`${I}__caption`],
+  weekdays: D[`${I}__weekdays`],
+  weekdaysRow: D[`${I}__weekdays-row`],
+  weekday: D[`${I}__weekday`],
+  body: D[`${I}__body`],
+  week: D[`${I}__week`],
+  weekNumber: D[`${I}__week-number`],
+  day: D[`${I}__day`],
+  footer: D[`${I}__footer`],
+  todayButton: D[`${I}__today-button`],
+  today: D[`${I}__day--today`],
+  selected: D[`${I}__day--selected`],
+  disabled: D[`${I}__day--disabled`],
+  outside: D[`${I}__day--outside`],
+  start: D[`${I}__day--start`],
+  end: D[`${I}__day--end`]
+}, a), Za = "date-picker", ho = (t) => {
   const a = t.getDate();
-  return /* @__PURE__ */ e.createElement("div", { className: T[`${er}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: T[`${er}__day-content`] }, a));
+  return /* @__PURE__ */ e.createElement("div", { className: D[`${Za}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: D[`${Za}__day-content`] }, a));
 }, ko = (t) => {
   const y = t, {
     classNames: a,
@@ -2064,9 +2082,9 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     fromMonth: l,
     firstDayOfWeek: c,
     numberOfMonths: d,
-    navbarElement: s,
-    renderDay: i,
-    innerRef: n
+    navbarElement: n,
+    renderDay: s,
+    innerRef: i
   } = y, m = A(y, [
     "classNames",
     "range",
@@ -2078,19 +2096,19 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     "navbarElement",
     "renderDay",
     "innerRef"
-  ]), [g, k] = e.useState(o || /* @__PURE__ */ new Date());
+  ]), [g, v] = e.useState(o || /* @__PURE__ */ new Date());
   e.useEffect(() => {
-    o && o !== g && k(o);
+    o && o !== g && v(o);
   }, [o, g]), e.useEffect(() => {
-    _ && ($r(g, { from: l, to: _ }) || k(_));
+    _ && ($r(g, { from: l, to: _ }) || v(_));
   }, [g, t.toMonth, t.fromMonth]);
   const b = e.useCallback(
-    (v) => {
-      if (t.onMonthChange && v) {
-        t.onMonthChange(v);
+    (h) => {
+      if (t.onMonthChange && h) {
+        t.onMonthChange(h);
         return;
       }
-      k(v);
+      v(h);
     },
     [o, t.onMonthChange]
   );
@@ -2102,8 +2120,8 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
   );
   return /* @__PURE__ */ e.createElement(
     e_,
-    h({
-      navbarElement: s || /* @__PURE__ */ e.createElement(
+    k({
+      navbarElement: n || /* @__PURE__ */ e.createElement(
         go,
         {
           month: g,
@@ -2114,18 +2132,18 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
           fromMonth: l
         }
       ),
-      ref: n,
+      ref: i,
       classNames: p,
       numberOfMonths: d,
       toMonth: _,
       fromMonth: l,
       firstDayOfWeek: f,
       month: g,
-      renderDay: i || ho
+      renderDay: s || 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,7 +2152,7 @@ const Eo = (t) => {
     t.initialFromDate,
     t.initialToDate,
     t.toMonth
-  ), _ = h(h({}, {
+  ), _ = k(k({}, {
     selectedItem: null,
     from: void 0,
     to: void 0,
@@ -2152,36 +2170,36 @@ const Eo = (t) => {
           currentMonth: a
         };
       case V.NEW_TEMPORARY_TO_VALUE:
-        return N(h({}, l), {
+        return N(k({}, l), {
           temporaryTo: c.payload.date
         });
       case V.SELECT_FIRST_DAY:
-        return N(h({}, l), {
+        return N(k({}, l), {
           from: c.payload.date,
           to: void 0,
           temporaryTo: void 0
         });
       case V.SELECT_SECOND_DAY_AS_FROM:
-        return N(h({}, l), {
+        return N(k({}, l), {
           from: c.payload.date,
           to: l.from,
           temporaryTo: l.from
         });
       case V.SELECT_SECOND_DAY_AS_TO:
-        return N(h({}, l), {
+        return N(k({}, l), {
           to: c.payload.date,
           temporaryTo: c.payload.date
         });
       case V.CURRENT_MONTH_CHANGE:
-        return N(h({}, l), {
+        return N(k({}, l), {
           currentMonth: c.payload.date
         });
       case V.SET_FROM:
-        return N(h({}, l), {
+        return N(k({}, l), {
           from: c.payload.date
         });
       case V.SET_TO:
-        return N(h({}, l), {
+        return N(k({}, l), {
           to: c.payload.date
         });
       default:
@@ -2200,7 +2218,7 @@ const Eo = (t) => {
 }) => {
   const d = Ir(
     a || null
-  ), [s, i] = Eo({
+  ), [n, s] = Eo({
     options: t,
     initialSelectedItemKey: a,
     initialFromDate: r,
@@ -2210,12 +2228,12 @@ const Eo = (t) => {
     children: c
   });
   ut(() => {
-    i({
+    s({
       type: V.SET_FROM,
       payload: { date: r }
     });
   }, [r]), ut(() => {
-    i({
+    s({
       type: V.SET_TO,
       payload: { date: _ }
     });
@@ -2225,23 +2243,23 @@ const Eo = (t) => {
       _,
       o
     );
-    i({
+    s({
       type: V.CURRENT_MONTH_CHANGE,
       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 && (l == null || l(N(h({}, v), {
+    const h = xt(p, t);
+    h && (l == null || l(N(k({}, h), {
       value: {
         from: f,
         to: y
       }
     })));
-  }, [s.from, s.to, s.selectedItem, t, l]), 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) {
@@ -2251,61 +2269,61 @@ const Eo = (t) => {
     if (!xt(f, t))
       return;
     const y = t.reduce(
-      (v, E) => N(h({}, v), { [E.id]: E }),
+      (h, E) => N(k({}, h), { [E.id]: E }),
       {}
     );
     l(y[f]);
-  }, [l, s.selectedItem, t]);
-  const n = It(
+  }, [l, n.selectedItem, t]);
+  const i = It(
     (f) => {
       const p = o ? br(o, f) >= 0 : !0;
-      !Za(s.from, s.to) && p && i({
+      !ja(n.from, n.to) && p && s({
         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;
-      $r(f, { to: o }) && (Za(p, y) ? i({
+      const { from: p, to: y } = n;
+      $r(f, { to: o }) && (ja(p, y) ? s({
         type: V.SELECT_FIRST_DAY,
         payload: { date: f }
-      }) : p && Ba(f, p) || p && Pa(f, p) ? i({
+      }) : p && Ta(f, p) || p && Ba(f, p) ? s({
         type: V.SELECT_SECOND_DAY_AS_TO,
         payload: { date: f }
-      }) : i({
+      }) : s({
         type: V.SELECT_SECOND_DAY_AS_FROM,
         payload: { date: f }
       }));
     },
-    [o, s.from, s.to]
+    [o, n.from, n.to]
   ), g = It(
     (f) => {
       if (f === null) {
-        i({
+        s({
           type: V.NEW_SELECTED_ITEM,
           payload: { selectedItem: null }
         });
         return;
       }
-      xt(f, t) && i({
+      xt(f, t) && s({
         type: V.NEW_SELECTED_ITEM,
         payload: { selectedItem: f }
       });
     },
     [t]
-  ), k = It((f) => {
-    i({
+  ), v = It((f) => {
+    s({
       type: V.CURRENT_MONTH_CHANGE,
       payload: { date: f }
     });
   }, []);
   return c((() => {
-    const { currentMonth: f, from: p, selectedItem: y, temporaryTo: v, to: E } = s, 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]);
+    const { currentMonth: f, from: p, selectedItem: y, temporaryTo: h, to: E } = n, w = Ft(
+      () => bo(p, h),
+      [p, h]
+    ), x = Ft(() => xt(y, t), [t, y]), $ = Ft(() => [p, { from: p, to: h }], [p, h]), F = Ft(() => o ? { after: o } : void 0, [o]);
     return {
       select: {
         onItemSelect: g,
@@ -2325,8 +2343,8 @@ const Eo = (t) => {
         initialMonth: o && pt(o, 1),
         toMonth: o,
         disabledDays: F,
-        onDayMouseEnter: n,
-        onMonthChange: k
+        onDayMouseEnter: i,
+        onMonthChange: v
       },
       selectedOption: x
     };
@@ -2348,32 +2366,31 @@ $o.defaultProps = {
 const fc = (t) => {
   const l = t, { className: a, children: r } = l, _ = A(l, ["className", "children"]), o = u(
     a,
-    T["date-picker--range__calendars-wrapper"]
+    D["date-picker--range__calendars-wrapper"]
   );
-  return /* @__PURE__ */ e.createElement("div", N(h({}, _), { className: o }), r);
-}, R = {
+  return /* @__PURE__ */ e.createElement("div", N(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__button--fading": "lc-DetailsCard-module__details-card__button--fading___tQA02",
   "details-card--with-divider": "lc-DetailsCard-module__details-card--with-divider___xyXvc",
-  "details-card__button": "lc-DetailsCard-module__details-card__button___FWUG5",
-  "details-card__button__icon": "lc-DetailsCard-module__details-card__button__icon___iOlKd",
-  "details-card__button__icon--open": "lc-DetailsCard-module__details-card__button__icon--open___TI0Xq",
-  "details-card__button--hide": "lc-DetailsCard-module__details-card__button--hide___vdQhz",
+  "details-card__label-wrapper": "lc-DetailsCard-module__details-card__label-wrapper___7W-BY",
+  "details-card__label-wrapper--hide": "lc-DetailsCard-module__details-card__label-wrapper--hide___H-U4O",
+  "details-card__label-wrapper--fading": "lc-DetailsCard-module__details-card__label-wrapper--fading___yiAoB",
   "details-card__label": "lc-DetailsCard-module__details-card__label___nhDQE",
   "details-card__label--with-margin": "lc-DetailsCard-module__details-card__label--with-margin___w2S8X",
   "details-card__label__left-node": "lc-DetailsCard-module__details-card__label__left-node___Slmc6",
   "details-card__label__right-node": "lc-DetailsCard-module__details-card__label__right-node___ZrOLh",
   "details-card__label__content": "lc-DetailsCard-module__details-card__label__content___Cfip3",
-  "details-card__float-button": "lc-DetailsCard-module__details-card__float-button___zHJ-T",
-  "details-card__float-button--closed": "lc-DetailsCard-module__details-card__float-button--closed___E2e7C",
-  "details-card__float-button__icon": "lc-DetailsCard-module__details-card__float-button__icon___1tKUL",
-  "details-card__float-button__icon--open": "lc-DetailsCard-module__details-card__float-button__icon--open___jY6oB",
+  "details-card__button": "lc-DetailsCard-module__details-card__button___FWUG5",
+  "details-card__button--closed": "lc-DetailsCard-module__details-card__button--closed___TkMaQ",
+  "details-card__button__icon": "lc-DetailsCard-module__details-card__button__icon___iOlKd",
+  "details-card__button__icon--open": "lc-DetailsCard-module__details-card__button__icon--open___TI0Xq",
   "details-card__content-wrapper": "lc-DetailsCard-module__details-card__content-wrapper___2UOlE",
   "details-card__content-wrapper--open": "lc-DetailsCard-module__details-card__content-wrapper--open___ESQxg",
   "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,
@@ -2382,98 +2399,88 @@ const fc = (t) => {
   withDivider: l,
   fullSpaceContent: c,
   openOnInit: d = !1,
-  hideLabelOnOpen: s,
-  onClick: i
+  hideLabelOnOpen: n,
+  onClick: s
 }) => {
-  const [n, m] = e.useState(d), [g, k] = e.useState(0), b = e.useRef(null), f = u(
-    R[L],
-    l && R[`${L}--with-divider`],
+  const [i, m] = e.useState(d), [g, v] = 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 = () => {
-    m((E) => !E), i == null || i();
+  ), p = n && i, y = typeof o == "string", h = (E) => {
+    m((w) => !w), E.currentTarget.blur(), s == null || s();
   };
   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 && v(b.current.offsetHeight);
       });
       return w.observe(b.current), () => w.disconnect();
     }
   }, [b]), /* @__PURE__ */ e.createElement("div", { className: f }, /* @__PURE__ */ e.createElement(
-    "button",
+    "div",
     {
       className: u(
-        R[`${L}__button`],
-        p && R[`${L}__button--hide`],
-        n && R[`${L}__button--open`]
+        O[`${H}__label-wrapper`],
+        n && O[`${H}__label-wrapper--fading`],
+        p && O[`${H}__label-wrapper--hide`],
+        i && O[`${H}__label-wrapper--open`]
       ),
-      onClick: v,
-      "aria-expanded": n,
+      "aria-expanded": i,
       "aria-hidden": p,
-      "data-testid": "details-card-button"
+      "data-testid": "details-card-label"
     },
     /* @__PURE__ */ e.createElement(
       "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`] }, _)
-    ),
-    !s && /* @__PURE__ */ e.createElement(
-      D,
-      {
-        className: u(
-          R[`${L}__button__icon`],
-          n && R[`${L}__button__icon--open`]
-        ),
-        source: Sa
-      }
+      ) : /* @__PURE__ */ e.createElement("div", { className: O[`${H}__label__content`] }, o),
+      _ && /* @__PURE__ */ e.createElement("div", { className: O[`${H}__label__right-node`] }, _)
     )
-  ), s && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(
     U,
     {
-      kind: n ? "float" : "text",
+      kind: i && n ? "float" : "text",
       icon: /* @__PURE__ */ e.createElement(
-        D,
+        T,
         {
-          source: Sa,
+          source: dr,
           className: u(
-            R[`${L}__float-button__icon`],
-            n && R[`${L}__float-button__icon--open`]
+            O[`${H}__button__icon`],
+            i && O[`${H}__button__icon--open`]
           )
         }
       ),
       className: u(
-        R[`${L}__float-button`],
-        !n && R[`${L}__float-button--closed`],
-        n && R[`${L}__float-button--open`]
+        O[`${H}__button`],
+        !i && O[`${H}__button--closed`],
+        i && O[`${H}__button--open`],
+        n && O[`${H}__button--fading`]
       ),
-      onClick: v,
-      "aria-expanded": n,
-      "data-testid": "details-card-floating-button"
+      onClick: h,
+      "aria-expanded": i
     }
   ), /* @__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`],
+        i && O[`${H}__content-wrapper--open`]
       ),
       style: {
-        maxHeight: n ? g : 0
+        maxHeight: i ? g : 0
       }
     },
     /* @__PURE__ */ e.createElement(
@@ -2481,9 +2488,9 @@ const fc = (t) => {
       {
         ref: b,
         className: u(
-          R[`${L}__content`],
-          c && 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
@@ -2496,10 +2503,10 @@ const fc = (t) => {
 }, ya = "details-card-info", hc = ({
   children: t,
   label: a
-}) => /* @__PURE__ */ e.createElement("div", { className: ka[ya] }, /* @__PURE__ */ e.createElement("div", { className: ka[`${ya}__label`] }, a), /* @__PURE__ */ e.createElement("div", { className: ka[`${ya}__content`] }, t)), tr = {
+}) => /* @__PURE__ */ e.createElement("div", { className: ka[ya] }, /* @__PURE__ */ e.createElement("div", { className: ka[`${ya}__label`] }, a), /* @__PURE__ */ e.createElement("div", { className: ka[`${ya}__content`] }, t)), er = {
   "field-error": "lc-FieldError-module__field-error___IDkPT",
   "field-error__icon": "lc-FieldError-module__field-error__icon___D4UNC"
-}, ar = "field-error", Oa = (_) => {
+}, tr = "field-error", La = (_) => {
   var o = _, {
     children: t,
     className: a = ""
@@ -2507,12 +2514,12 @@ const fc = (t) => {
     "children",
     "className"
   ]);
-  const l = u(tr[ar], a);
-  return /* @__PURE__ */ e.createElement(M, N(h({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
-    D,
+  const l = u(er[tr], a);
+  return /* @__PURE__ */ e.createElement(M, N(k({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
+    T,
     {
-      source: Fa,
-      className: tr[`${ar}__icon`],
+      source: Ia,
+      className: er[`${tr}__icon`],
       size: "small"
     }
   ), t);
@@ -2521,14 +2528,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: l
-  } = s, c = A(s, [
+  } = n, c = A(n, [
     "className",
     "children",
     "description",
@@ -2536,11 +2543,11 @@ const fc = (t) => {
     "inline",
     "stretch"
   ]);
-  const i = u(Ea[$a], t, {
+  const s = u(Ea[$a], t, {
     [Ea[`${$a}--inline`]]: o,
     [Ea[`${$a}--stretched`]]: l
   });
-  return /* @__PURE__ */ e.createElement("div", N(h({}, c), { className: i }), a, _ && /* @__PURE__ */ e.createElement(Oa, null, _), r && /* @__PURE__ */ e.createElement(la, null, r));
+  return /* @__PURE__ */ e.createElement("div", N(k({}, c), { className: s }), a, _ && /* @__PURE__ */ e.createElement(La, 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 = {
   form: wo,
   form__header: No,
@@ -2561,7 +2568,7 @@ const fc = (t) => {
     "helperText",
     "formFooter"
   ]);
-  return /* @__PURE__ */ e.createElement("form", h({ 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));
+  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",
@@ -2588,9 +2595,9 @@ const fc = (t) => {
   className: l,
   labelFor: c,
   children: d,
-  labelRightNode: s
+  labelRightNode: n
 }) => {
-  const i = e.useRef(null), [n, m] = e.useState("auto"), g = u(
+  const s = e.useRef(null), [i, m] = e.useState("auto"), g = u(
     Y[q],
     {
       [Y[`${q}--inline`]]: t
@@ -2598,9 +2605,9 @@ const fc = (t) => {
     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 v = s;
+    return t && v.current ? m(`${v.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 +2615,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 +2624,7 @@ const fc = (t) => {
         t && Y[`${q}__wrapper--inline`]
       )
     },
-    (_ || s) && /* @__PURE__ */ e.createElement(
+    (_ || n) && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: u(
@@ -2634,7 +2641,7 @@ const fc = (t) => {
             t && Y[`${q}__label-wrapper--inline`]
           ),
           style: {
-            height: n
+            height: i
           }
         },
         /* @__PURE__ */ e.createElement(
@@ -2656,9 +2663,9 @@ 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(
+    /* @__PURE__ */ e.createElement("div", { className: u(Y[`${q}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: s }, d), a && /* @__PURE__ */ e.createElement(La, null, a), !a && r && /* @__PURE__ */ e.createElement(
       la,
       {
         className: u(Y[`${q}__content__description`])
@@ -2686,7 +2693,7 @@ const fc = (t) => {
   const d = u(Gt[Ut], t);
   return /* @__PURE__ */ e.createElement(
     "div",
-    N(h(N(h({}, o), {
+    N(k(N(k({}, o), {
       role: "group"
     }), r && { "aria-label": r }), {
       className: d
@@ -2709,7 +2716,7 @@ const fc = (t) => {
   "input__icon--left": "lc-Input-module__input__icon--left___BcySs",
   "input__icon--right": "lc-Input-module__input__icon--right___VefSK",
   "input__visibility-button": "lc-Input-module__input__visibility-button___eWrVe"
-}, De = "input", rr = (t, a) => e.cloneElement(t.source, {
+}, De = "input", ar = (t, a) => e.cloneElement(t.source, {
   "data-testid": `input-icon-${t.place}`,
   className: u(
     Se[`${De}__icon`],
@@ -2719,15 +2726,15 @@ const fc = (t) => {
     }
   )
 }), wc = e.forwardRef(
-  (s, d) => {
-    var i = s, {
+  (n, d) => {
+    var s = n, {
       inputSize: t = "medium",
       error: a = !1,
       disabled: r,
       icon: _ = null,
       className: o,
       cropOnBlur: l = !0
-    } = i, c = A(i, [
+    } = s, c = A(s, [
       "inputSize",
       "error",
       "disabled",
@@ -2735,21 +2742,21 @@ const fc = (t) => {
       "className",
       "cropOnBlur"
     ]);
-    const [n, m] = e.useState(!1), [g, k] = e.useState(!1), { type: b, onFocus: f, onBlur: p } = c, y = u(
+    const [i, m] = e.useState(!1), [g, v] = 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`]]: i,
         [Se[`${De}--error`]]: a,
         [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(
+    ), h = 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 && ar(_, r), /* @__PURE__ */ e.createElement(
       "input",
-      N(h({}, c), {
+      N(k({}, c), {
         ref: d,
         onFocus: ($) => {
           m(!0), f == null || f($);
@@ -2760,22 +2767,22 @@ const fc = (t) => {
         disabled: r,
         type: b && !g ? b : "text"
       })
-    ), x && rr(_, r), b === "password" && /* @__PURE__ */ e.createElement(
+    ), x && ar(_, r), b === "password" && /* @__PURE__ */ e.createElement(
       U,
       {
         disabled: r,
         kind: "text",
         size: "compact",
-        icon: /* @__PURE__ */ e.createElement(D, { customColor: v, source: E }),
-        onClick: () => k(($) => !$),
+        icon: /* @__PURE__ */ e.createElement(T, { customColor: h, source: E }),
+        onClick: () => v(($) => !$),
         className: Se[`${De}__visibility-button`]
       }
     ));
   }
-), To = "lc-Link-module__link___kqx52", _r = {
+), To = "lc-Link-module__link___kqx52", rr = {
   link: To,
   "link--bold": "lc-Link-module__link--bold___1rGdO"
-}, or = "link", Nc = (_) => {
+}, _r = "link", Nc = (_) => {
   var o = _, {
     bold: t = !1,
     className: a = ""
@@ -2785,10 +2792,10 @@ const fc = (t) => {
   ]);
   return /* @__PURE__ */ e.createElement(
     "a",
-    h({
+    k({
       className: u(
-        _r[or],
-        t && _r[`${or}--bold`],
+        rr[_r],
+        t && rr[`${_r}--bold`],
         a
       )
     }, r)
@@ -2807,8 +2814,8 @@ 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 s = n, {
     children: t,
     className: a = "",
     onClose: r,
@@ -2816,7 +2823,7 @@ const fc = (t) => {
     closeOnOverlayPress: o = !0,
     fullSpaceContent: l,
     isLabelled: c
-  } = i, d = A(i, [
+  } = s, d = A(s, [
     "children",
     "className",
     "onClose",
@@ -2825,7 +2832,7 @@ const fc = (t) => {
     "fullSpaceContent",
     "isLabelled"
   ]);
-  const n = u(
+  const i = u(
     ie[$t],
     a,
     l && ie[`${$t}--full-space`]
@@ -2833,8 +2840,8 @@ const fc = (t) => {
   e.useEffect(() => {
     if (!_)
       return;
-    const g = (k) => {
-      k.key === re.esc && r();
+    const g = (v) => {
+      v.key === re.esc && r();
     };
     return document.addEventListener("keyup", g, !0), () => document.removeEventListener("keyup", g, !0);
   }, [_]);
@@ -2854,32 +2861,34 @@ const fc = (t) => {
     },
     /* @__PURE__ */ e.createElement(
       "div",
-      h({
+      k({
         role: "dialog",
         "aria-modal": !0,
-        className: n
+        className: i
       }, d),
       t
     )
   );
-}, lr = ({
+}, or = ({
   labelType: t,
   customColor: a,
   onClick: r
 }) => /* @__PURE__ */ e.createElement(
   U,
   {
+    type: "button",
     kind: "plain",
+    "aria-label": "Close modal",
     title: "Close modal",
     className: u(
       ie["modal-base__close"],
       t && ie["modal-base__close--label-type"]
     ),
     onClick: r,
-    icon: /* @__PURE__ */ e.createElement(D, { source: Te, size: "medium", customColor: a })
+    icon: /* @__PURE__ */ e.createElement(T, { source: Te, size: "medium", customColor: a })
   }
-), et = "modal", Cc = (i) => {
-  var n = i, {
+), et = "modal", Cc = (s) => {
+  var i = s, {
     children: t,
     className: a = "",
     heading: r,
@@ -2888,7 +2897,7 @@ const fc = (t) => {
     footer: l,
     onClose: c,
     contentClassName: d
-  } = n, s = A(n, [
+  } = i, n = A(i, [
     "children",
     "className",
     "heading",
@@ -2898,17 +2907,17 @@ const fc = (t) => {
     "onClose",
     "contentClassName"
   ]);
-  const m = u(ie[et], a), g = typeof t == "string", k = (b) => {
+  const m = u(ie[et], a), g = typeof t == "string", v = (b) => {
     b.preventDefault(), b.stopPropagation(), c();
   };
   return /* @__PURE__ */ e.createElement(
     Fo,
-    h({
+    k({
       className: m,
       fullSpaceContent: o,
       onClose: c,
       isLabelled: !!_
-    }, s),
+    }, n),
     _ && /* @__PURE__ */ e.createElement("div", { className: ie[`${et}__label-header`] }, /* @__PURE__ */ e.createElement(
       tt,
       {
@@ -2918,11 +2927,11 @@ const fc = (t) => {
       },
       _
     ), /* @__PURE__ */ e.createElement(
-      lr,
+      or,
       {
         labelType: !!_,
         customColor: "var(--color-white)",
-        onClick: k
+        onClick: v
       }
     )),
     !_ && r && /* @__PURE__ */ e.createElement("div", { className: ie[`${et}__header`] }, /* @__PURE__ */ e.createElement(
@@ -2933,7 +2942,7 @@ const fc = (t) => {
         className: ie[`${et}__heading`]
       },
       r
-    ), /* @__PURE__ */ e.createElement(lr, { onClick: k })),
+    ), /* @__PURE__ */ e.createElement(or, { onClick: v })),
     /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -2973,13 +2982,13 @@ const fc = (t) => {
 }) => {
   const l = t_(ot[lt], o);
   return /* @__PURE__ */ e.createElement("div", { className: l }, a && /* @__PURE__ */ e.createElement(
-    D,
-    h({
+    T,
+    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,8 +3014,8 @@ 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 = (i) => {
+  var m = i, {
     className: t,
     error: a,
     value: r,
@@ -3015,8 +3024,8 @@ const fc = (t) => {
     disabled: l,
     noControls: c,
     style: d,
-    onChange: s
-  } = m, i = A(m, [
+    onChange: n
+  } = m, s = A(m, [
     "className",
     "error",
     "value",
@@ -3027,7 +3036,7 @@ const fc = (t) => {
     "style",
     "onChange"
   ]);
-  const g = e.useRef(null), k = u(
+  const g = e.useRef(null), v = u(
     ct[nt],
     {
       [ct[`${nt}--error`]]: a,
@@ -3035,12 +3044,12 @@ const fc = (t) => {
       [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 = ($) => {
     $.key === re.arrowDown && ($.preventDefault(), p(-1)), $.key === re.arrowUp && ($.preventDefault(), p(1));
-  }, v = ($, F) => F !== void 0 && parseInt($, 10) === F, E = ($) => {
+  }, h = ($, F) => F !== void 0 && parseInt($, 10) === F, E = ($) => {
     $.preventDefault(), $.stopPropagation();
     const F = $.currentTarget.value.replace(
       /((?!([-]|([-]?\d+))).)/,
@@ -3057,12 +3066,12 @@ 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: v, style: d }, /* @__PURE__ */ e.createElement(
     "input",
-    N(h({
+    N(k({
       type: "text",
       ref: g
-    }, i), {
+    }, s), {
       value: r,
       disabled: l,
       onChange: E,
@@ -3074,17 +3083,17 @@ const fc = (t) => {
     "button",
     {
       tabIndex: -1,
-      disabled: l || v(r, _),
+      disabled: l || h(r, _),
       onClick: w,
       "aria-label": "Increment value",
       className: ct[`${nt}__increment`],
       type: "button"
     },
     /* @__PURE__ */ e.createElement(
-      D,
+      T,
       {
         source: Xt,
-        disabled: l || v(r, _),
+        disabled: l || h(r, _),
         kind: "primary"
       }
     )
@@ -3092,18 +3101,18 @@ const fc = (t) => {
     "button",
     {
       tabIndex: -1,
-      disabled: l || v(r, o),
+      disabled: l || h(r, o),
       "aria-label": "Decrement value",
       className: ct[`${nt}__decrement`],
       onClick: x,
       type: "button"
     },
     /* @__PURE__ */ e.createElement(
-      D,
+      T,
       {
         source: Bt,
         kind: "primary",
-        disabled: l || v(r, o)
+        disabled: l || h(r, o)
       }
     )
   )));
@@ -3120,7 +3129,7 @@ const Tt = "select-all", Ro = (t, a) => {
   return t.forEach((_, o) => {
     a(_) && r.push(o);
   }), r;
-}, Aa = (t) => t.filter(
+}, Pa = (t) => t.filter(
   ({ key: a, disabled: r, groupHeader: _ }) => !(a === Tt || r || _)
 ), ee = {
   "item-wrapper": "lc-PickerListItem-module__item-wrapper___ETYMU",
@@ -3147,40 +3156,40 @@ const Tt = "select-all", Ro = (t, a) => {
   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 = (i) => i != null && i.customElement ? /* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__custom`] }, i.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, i.showCheckbox && /* @__PURE__ */ e.createElement(
     po,
     {
       className: ee[`${Ee}__checkbox`],
       checked: r
     }
-  ), n.icon && /* @__PURE__ */ e.createElement(
-    D,
+  ), i.icon && /* @__PURE__ */ e.createElement(
+    T,
     {
       className: ee[`${Ee}__icon`],
       kind: "link",
-      source: n.icon
+      source: i.icon
     }
-  ), n.avatarSrc && /* @__PURE__ */ e.createElement(
+  ), i.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
       className: u(ee[`${Ee}__avatar`]),
-      src: n.avatarSrc,
-      alt: n.name
+      src: i.avatarSrc,
+      alt: i.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`]]: i.secondaryText
       }),
-      "aria-disabled": n.disabled
+      "aria-disabled": i.disabled
     },
-    n.name
-  ), n.secondaryText && /* @__PURE__ */ e.createElement("span", { className: ee[`${Ee}__secondary-label`] }, n.secondaryText)));
+    i.name
+  ), i.secondaryText && /* @__PURE__ */ e.createElement("span", { className: ee[`${Ee}__secondary-label`] }, i.secondaryText)));
   if (c.groupHeader)
     return /* @__PURE__ */ e.createElement(
       "div",
-      h({
+      k({
         id: `item-${t}`,
         key: c.key,
         role: "group",
@@ -3188,23 +3197,23 @@ const Tt = "select-all", Ro = (t, a) => {
       }, l()),
       c.name
     );
-  const i = (n) => {
-    !c.disabled && o(n);
+  const s = (i) => {
+    !c.disabled && o(i);
   };
   return /* @__PURE__ */ e.createElement(
     "div",
-    N(h({
+    N(k({
       id: c.key,
       key: c.key,
       tabIndex: a ? 0 : -1,
-      ref: (n) => {
-        n && (_.current[t] = n);
+      ref: (i) => {
+        i && (_.current[t] = i);
       },
       role: "option",
       "aria-setsize": d,
       "aria-posinset": t + 1
     }, l({
-      onClick: () => i(c.key)
+      onClick: () => s(c.key)
     })), {
       className: u(ee["item-wrapper"], {
         [ee["item-wrapper__first"]]: t === 0 && !c.groupHeader,
@@ -3222,9 +3231,9 @@ const Tt = "select-all", Ro = (t, a) => {
           [ee[`${Ee}--select-all`]]: c.key === Tt
         })
       },
-      /* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__content`] }, s(c)),
+      /* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__content`] }, n(c)),
       r && !c.showCheckbox && /* @__PURE__ */ e.createElement(
-        D,
+        T,
         {
           kind: "link",
           source: Qt,
@@ -3237,7 +3246,7 @@ const Tt = "select-all", Ro = (t, a) => {
   listbox: Oo,
   "no-results": "lc-PickerList-module__no-results___QRce-",
   "listbox-wrapper": "lc-PickerList-module__listbox-wrapper___FbDrf"
-}, cr = "picker-list", Ho = ({
+}, lr = "picker-list", Ho = ({
   context: t,
   setFloating: a,
   floatingStyles: r,
@@ -3246,22 +3255,22 @@ const Tt = "select-all", Ro = (t, a) => {
   isPositioned: l,
   pointer: c,
   activeIndex: d,
-  selectedKeys: s,
-  listElementsRef: i,
-  setPointer: n,
+  selectedKeys: n,
+  listElementsRef: s,
+  setPointer: i,
   onSelect: m,
   getFloatingProps: g,
-  getItemProps: k,
+  getItemProps: v,
   emptyStateText: b = "No results found",
   pickerType: f = "single",
   listClassName: p,
   virtuosoProps: y
 }) => {
-  const v = e.useRef(null), [E, w] = e.useState(wa), x = o.length;
+  const h = e.useRef(null), [E, w] = e.useState(wa), x = o.length;
   e.useLayoutEffect(() => {
     var S;
-    l && !c && d !== null && ((S = v.current) == null || S.focus({ preventScroll: !0 }));
-  }, [l, d, c, v]);
+    l && !c && d !== null && ((S = h.current) == null || S.focus({ preventScroll: !0 }));
+  }, [l, d, c, h]);
   const $ = e.useCallback(
     (S) => {
       S !== E && (S < wa ? w(S + (x - 1) * Mo) : w(wa));
@@ -3269,12 +3278,12 @@ const Tt = "select-all", Ro = (t, a) => {
     [x]
   );
   if (ut(() => {
-    i.current = new Array(o.length);
+    s.current = new Array(o.length);
   }, [o.length]), o.length === 0) {
-    const S = u(st[cr], {
-      [st[`${cr}__no-results`]]: o.length === 0
+    const S = u(st[lr], {
+      [st[`${lr}__no-results`]]: o.length === 0
     });
-    return /* @__PURE__ */ e.createElement(Da, { context: t, modal: !1, initialFocus: -1 }, /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement(Sa, { context: t, modal: !1, initialFocus: -1 }, /* @__PURE__ */ e.createElement(
       "div",
       {
         className: u(st.listbox, st["no-results"]),
@@ -3285,54 +3294,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;
-  return /* @__PURE__ */ e.createElement(Da, { context: t, modal: !1, initialFocus: -1 }, /* @__PURE__ */ e.createElement(
+  const F = (S) => n.includes(S) || S === Tt && n.length === Pa(o).length;
+  return /* @__PURE__ */ e.createElement(Sa, { context: t, modal: !1, initialFocus: -1 }, /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: a,
       tabIndex: -1,
       className: u(st.listbox, p),
-      style: N(h({}, r), {
+      style: N(k({}, r), {
         maxHeight: _
       })
     },
     /* @__PURE__ */ e.createElement(
       "div",
-      h({
+      k({
         tabIndex: 0,
         "aria-multiselectable": f === "multi",
         className: st["listbox-wrapper"],
-        ref: v
+        ref: h
       }, g({
         onKeyDown(S) {
-          n(!1), S.key === "Enter" && d !== null && m(o[d].key), S.key === " " && S.preventDefault();
+          i(!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);
+          i(!0);
         }
       })),
       /* @__PURE__ */ e.createElement(
         a_,
-        N(h({
+        N(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,
-              listElementsRef: i,
+              getItemProps: v,
+              listElementsRef: s,
               isActive: d === S,
-              isSelected: F(O.key),
+              isSelected: F(R.key),
               onSelect: m,
-              item: O,
+              item: R,
               numberOfItems: x
             }
           )
@@ -3367,29 +3376,29 @@ const Tt = "select-all", Ro = (t, a) => {
   isItemSelected: l,
   hideClearButton: c,
   isDisabled: d,
-  isRequired: s,
-  isOpen: i,
-  isError: n,
+  isRequired: n,
+  isOpen: s,
+  isError: i,
   onClear: m,
   children: g
 }) => {
-  const k = u(
+  const v = u(
     _e[te],
     _e[`${te}--${_}`],
     o && _e[`${te}--multi-select`],
     o && l && _e[`${te}--multi-select--with-items`],
     d && _e[`${te}--disabled`],
-    i && _e[`${te}--focused`],
-    n && _e[`${te}--error`]
-  ), b = !c && l && !d && !s, f = (p) => {
+    s && _e[`${te}--focused`],
+    i && _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: v,
       "data-testid": r,
       ref: t,
       type: "button"
@@ -3420,13 +3429,13 @@ const Tt = "select-all", Ro = (t, a) => {
           className: _e[`${te}__clear-icon`],
           onClick: f
         },
-        /* @__PURE__ */ e.createElement(D, { kind: "primary", size: "small", source: Te })
+        /* @__PURE__ */ e.createElement(T, { kind: "primary", size: "small", source: Te })
       ),
       /* @__PURE__ */ e.createElement(
-        D,
+        T,
         {
           className: _e[`${te}__chevron-icon`],
-          source: i ? Xt : Bt,
+          source: s ? Xt : Bt,
           size: "medium",
           disabled: d
         }
@@ -3453,7 +3462,7 @@ 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 ? Ma(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Nr = (m) => {
   var g = m, {
     className: t = "",
     children: a,
@@ -3463,9 +3472,9 @@ const Tt = "select-all", Ro = (t, a) => {
     onRemove: l,
     outline: c = !1,
     leftNode: d,
-    rightNode: s,
-    customColor: i
-  } = g, n = A(g, [
+    rightNode: n,
+    customColor: s
+  } = g, i = A(g, [
     "className",
     "children",
     "dismissible",
@@ -3477,7 +3486,7 @@ const Tt = "select-all", Ro = (t, a) => {
     "rightNode",
     "customColor"
   ]);
-  const k = u(
+  const v = u(
     Le[Oe],
     t,
     Le[`${Oe}--${_}`],
@@ -3485,23 +3494,23 @@ const Tt = "select-all", Ro = (t, a) => {
     {
       [Le[`${Oe}--dismissible`]]: r,
       [Le[`${Oe}--outline`]]: c,
-      [Le[`${Oe}--${qo(i)}`]]: !!i
+      [Le[`${Oe}--${qo(s)}`]]: !!s
     }
-  ), b = _ === "small" ? "small" : "medium", f = () => i ? c ? {
+  ), b = _ === "small" ? "small" : "medium", f = () => s ? c ? {
     style: {
       backgroundColor: "transparent",
-      color: i,
-      borderColor: i
+      color: s,
+      borderColor: s
     }
-  } : { style: { backgroundColor: i } } : {}, p = () => {
-    if (i)
-      return c ? i : Ra(i, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
+  } : { style: { backgroundColor: s } } : {}, p = () => {
+    if (s)
+      return c ? s : Ma(s, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
   };
   return /* @__PURE__ */ e.createElement(
     M,
-    N(h(h({
-      className: k
-    }, n), f()), {
+    N(k(k({
+      className: v
+    }, i), f()), {
       as: "div",
       size: "md"
     }),
@@ -3515,13 +3524,13 @@ 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",
@@ -3530,10 +3539,11 @@ const Tt = "select-all", Ro = (t, a) => {
         title: "Remove",
         onClick: l,
         type: "button",
+        "aria-label": "Remove tag",
         className: Le[`${Oe}__remove`]
       },
       /* @__PURE__ */ e.createElement(
-        D,
+        T,
         {
           "data-dismiss-icon": !0,
           source: Te,
@@ -3570,18 +3580,18 @@ const Tt = "select-all", Ro = (t, a) => {
   type: l,
   clearSearchAfterSelection: c,
   size: d = "medium",
-  onItemRemove: s,
-  onSelect: i,
-  onFilter: n,
+  onItemRemove: n,
+  onSelect: s,
+  onFilter: i,
   searchPhrase: m,
   virtualItemRef: g
 }) => {
-  const k = t && !a, b = e.useRef(null);
+  const v = t && !a, b = e.useRef(null);
   e.useEffect(() => {
-    c && (n(""), b.current && (b.current.value = "", b.current.focus()));
+    c && (i(""), 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,
+    T,
     {
       source: E.icon,
       className: oe[`${le}__item__icon`]
@@ -3593,10 +3603,10 @@ 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) => i(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), l === "multi" && (E.key === "Backspace" || E.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && s(o[o.length - 1].key);
-  }, v = () => /* @__PURE__ */ e.createElement(
+    (w = g.current) != null && w.id && E.key === "Enter" && s((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);
+  }, h = () => /* @__PURE__ */ e.createElement(
     "input",
     {
       ref: b,
@@ -3611,7 +3621,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 ? v ? h() : /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u({
@@ -3637,12 +3647,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()
+    v && h()
   );
 }, Jo = {
   "picker-wrapper": "lc-Picker-module__picker-wrapper___2EDne"
@@ -3656,17 +3666,17 @@ const Tt = "select-all", Ro = (t, a) => {
     options: l,
     selected: c,
     size: d = "medium",
-    placeholder: s = "Select option",
-    isRequired: i,
-    noSearchResultText: n = "No results found",
+    placeholder: n = "Select option",
+    isRequired: s,
+    noSearchResultText: i = "No results found",
     selectAllOptionText: m,
     type: g = "single",
-    searchDisabled: k = !1,
+    searchDisabled: v = !1,
     hideClearButton: b,
     openedOnInit: f = !1,
     clearSearchAfterSelection: p,
     onSelect: y,
-    floatingStrategy: v,
+    floatingStrategy: h,
     useDismissHookProps: E,
     useClickHookProps: w,
     virtuosoProps: x
@@ -3694,10 +3704,10 @@ const Tt = "select-all", Ro = (t, a) => {
     "useClickHookProps",
     "virtuosoProps"
   ]);
-  const [O, P] = e.useState(f), [z, j] = e.useState(!1), [$e, de] = e.useState(
+  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), B = mr();
-  !O && z && j(!1);
+  ), [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 = l;
@@ -3714,17 +3724,17 @@ const Tt = "select-all", Ro = (t, a) => {
       ...he
     ]), he;
   }, [ve, l, g, m]), K = W.length > 0, { refs: Q, floatingStyles: Re, context: Xe, isPositioned: ca } = jt({
-    nodeId: B,
-    open: O,
-    strategy: v,
+    nodeId: P,
+    open: R,
+    strategy: h,
     onOpenChange: (G) => {
-      P(G);
+      B(G);
     },
     whileElementsMounted: ta,
     middleware: [
       Zt(4),
       ea({ padding: 10 }),
-      Ma(),
+      Fa(),
       Jr({
         apply({ availableHeight: G, rects: he, elements: me }) {
           fr.flushSync(() => {
@@ -3736,7 +3746,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 +3765,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(() => {
-      const me = Aa(W);
+    !he || he.disabled || (g === "single" ? (B(!1), de(() => (y([he]), [G]))) : G === Tt ? $e.length === Pa(W).length ? de(() => (y(null), [])) : de(() => {
+      const me = Pa(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(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,22 +3782,22 @@ 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: _,
       isError: o,
-      isRequired: i,
+      isRequired: s,
       isMultiSelect: g === "multi",
       size: d
     },
     /* @__PURE__ */ e.createElement(
       Ko,
       {
-        isOpen: O,
-        isSearchDisabled: k,
+        isOpen: R,
+        isSearchDisabled: v,
         isDisabled: _,
-        placeholder: s,
+        placeholder: n,
         selectedItems: c,
         type: g,
         size: d,
@@ -3799,7 +3809,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 +3820,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 +3828,7 @@ const Tt = "select-all", Ro = (t, a) => {
       onSelect: gt,
       getFloatingProps: ma,
       getItemProps: pa,
-      emptyStateText: n,
+      emptyStateText: i,
       virtuosoProps: x
     }
   ))));
@@ -3833,45 +3843,45 @@ const Tt = "select-all", Ro = (t, a) => {
   triggerClassName: l,
   placement: c,
   flipOptions: d,
-  offsetSize: s = 4,
-  isVisible: i,
-  openedOnInit: n,
+  offsetSize: n = 4,
+  isVisible: s,
+  openedOnInit: i,
   closeOnEsc: m = !0,
   useDismissHookProps: g,
-  useClickHookProps: k,
+  useClickHookProps: v,
   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(i), y = jr(), h = mr(), E = s !== void 0, w = E ? s : 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({
-    nodeId: v,
+  }, { refs: S, context: R, floatingStyles: B } = jt({
+    nodeId: h,
     open: w,
     onOpenChange: F,
-    middleware: [Zt(s), ea(d), Ma()],
+    middleware: [Zt(n), ea(d), Fa()],
     placement: c,
     strategy: b,
     whileElementsMounted: ta
-  }), z = aa(O, k), j = ra(O, h({
+  }), L = aa(R, v), 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({
+    N(k({
       "data-testid": "popover-trigger-button",
       ref: S.setReference
     }, de()), {
       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: h }, w && /* @__PURE__ */ e.createElement(Sa, { 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" }, _) : _
   ))));
@@ -3919,20 +3929,20 @@ const wt = {
       "className",
       "size"
     ]);
-    const s = xr(t, a), i = Cr(s, a), n = tl[_], m = al[_], g = u(
+    const n = xr(t, a), s = Cr(n, a), i = tl[_], m = al[_], g = u(
       wt[Nt],
       {
         [wt[`${Nt}--${_}`]]: _,
         [wt[`${Nt}--${t}`]]: t
       },
       r
-    ), k = 2 * Math.PI * ((m - n) / 2), b = {
-      strokeDasharray: k.toFixed(3),
-      strokeDashoffset: `${((100 - i) / 100 * k).toFixed(3)}px`
+    ), v = 2 * Math.PI * ((m - i) / 2), b = {
+      strokeDasharray: v.toFixed(3),
+      strokeDashoffset: `${((100 - s) / 100 * v).toFixed(3)}px`
     }, f = `${m / 2} ${m / 2} ${m} ${m}`;
     return /* @__PURE__ */ e.createElement(
       "div",
-      h({
+      k({
         className: g,
         ref: l,
         role: "progressbar"
@@ -3943,9 +3953,9 @@ const wt = {
           className: wt[`${Nt}__bg-line--${t}`],
           cx: m,
           cy: m,
-          r: (m - n) / 2,
+          r: (m - i) / 2,
           fill: "none",
-          strokeWidth: n
+          strokeWidth: i
         }
       ), /* @__PURE__ */ e.createElement(
         "circle",
@@ -3954,9 +3964,9 @@ const wt = {
           style: b,
           cx: m,
           cy: m,
-          r: (m - n) / 2,
+          r: (m - i) / 2,
           fill: "none",
-          strokeWidth: n
+          strokeWidth: i
         }
       ))
     );
@@ -3984,7 +3994,7 @@ const wt = {
       "size",
       "className"
     ]);
-    const s = xr(t, a), i = Cr(s, a), n = u(
+    const n = xr(t, a), s = Cr(n, a), i = u(
       Wt[Vt],
       {
         [Wt[`${Vt}--${r}`]]: r,
@@ -3994,8 +4004,8 @@ const wt = {
     );
     return /* @__PURE__ */ e.createElement(
       "div",
-      N(h({}, o), {
-        className: n,
+      N(k({}, o), {
+        className: i,
         ref: l,
         role: "progressbar"
       }),
@@ -4003,7 +4013,7 @@ const wt = {
         "div",
         {
           className: Wt[`${Vt}__indicator--${t}`],
-          style: { width: `${i}%` }
+          style: { width: `${s}%` }
         }
       )
     );
@@ -4029,10 +4039,10 @@ const wt = {
   light: l = !1,
   linkText: c,
   onButtonClick: d,
-  onClose: s,
-  onLinkClick: i
+  onClose: n,
+  onLinkClick: s
 }) => {
-  const n = e.useRef(null), [m, g] = e.useState("medium"), k = u(
+  const i = e.useRef(null), [m, g] = e.useState("medium"), v = u(
     we[Ne],
     {
       [we[`${Ne}--light`]]: l,
@@ -4042,7 +4052,7 @@ const wt = {
     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 = () => i.current && i.current.offsetWidth <= ol ? g("small") : i.current && i.current.offsetWidth >= ll ? g("large") : g("medium"), p = gr(
       f,
       cl
     );
@@ -4059,15 +4069,15 @@ const wt = {
       className: we[`${Ne}__button-text`]
     },
     a
-  ), c && /* @__PURE__ */ e.createElement(U, { size: "compact", kind: "text", onClick: i }, c));
-  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: s }, c));
+  return /* @__PURE__ */ e.createElement("div", { ref: i, className: v }, /* @__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), n && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
       className: we[`${Ne}__close-icon`],
-      onClick: s
+      onClick: n
     },
-    /* @__PURE__ */ e.createElement(D, { source: Te, size: "large", kind: "primary" })
+    /* @__PURE__ */ e.createElement(T, { source: Te, size: "large", kind: "primary" })
   ));
 }, He = {
   "main-wrapper": "lc-PromoBannerV2-module__main-wrapper___U-dPS",
@@ -4088,10 +4098,10 @@ const wt = {
   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(
+  const s = u(He["main-wrapper"], a);
+  return /* @__PURE__ */ e.createElement("div", { role: "banner", className: s }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
@@ -4125,12 +4135,12 @@ 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,
-        icon: /* @__PURE__ */ e.createElement(D, { source: Te, kind: "primary" }),
+        onClick: n,
+        icon: /* @__PURE__ */ e.createElement(T, { source: Te, kind: "primary" }),
         kind: "plain",
         size: "compact"
       }
@@ -4148,14 +4158,14 @@ const wt = {
   "radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
 }, Ge = "radio-button", Ic = e.forwardRef(
   (d, c) => {
-    var s = d, { children: t, className: a = "", description: r, checked: _, disabled: o } = s, l = A(s, ["children", "className", "description", "checked", "disabled"]);
-    const i = u(ze[Ge], a, {
+    var n = d, { children: t, className: a = "", description: r, checked: _, disabled: o } = n, l = A(n, ["children", "className", "description", "checked", "disabled"]);
+    const s = 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(
+    return /* @__PURE__ */ e.createElement("div", { className: s }, /* @__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({}, l), {
+      N(k({}, l), {
         className: ze[`${Ge}__input`],
         ref: c,
         type: "radio",
@@ -4187,30 +4197,30 @@ const wt = {
   className: c,
   onChange: d
 }) => {
-  const [s, i] = e.useState(!0), [n, m] = e.useState(!1), g = e.useRef(null), k = !!l && !a && !r, b = t && !s && "true", f = u(
+  const [n, s] = e.useState(!0), [i, m] = e.useState(!1), g = e.useRef(null), v = !!l && !a && !r, b = t && !n && "true", f = u(
     c,
     Fe[xe],
     Fe[`${xe}--${o}`],
-    n && Fe[`${xe}--focused`],
+    i && Fe[`${xe}--focused`],
     a && Fe[`${xe}--disabled`],
     t && Fe[`${xe}--collapsable`],
-    !s && Fe[`${xe}--collapsable--open`]
+    !n && Fe[`${xe}--collapsable--open`]
   );
   e.useEffect(() => {
-    t && l && i(!1);
+    t && l && s(!1);
   }, [t]);
   const p = ($) => {
     const F = $.currentTarget.value;
     d(F);
   }, y = () => {
     d("");
-  }, v = () => {
+  }, h = () => {
     var $;
     ($ = g.current) == null || $.focus();
   }, E = () => {
-    t && i(!1), m(!0);
+    t && s(!1), m(!0);
   }, w = () => {
-    t && !l && i(!0), m(!1);
+    t && !l && s(!0), m(!1);
   }, x = ($) => {
     $.key === re.enter && ($.preventDefault(), d(l));
   };
@@ -4220,10 +4230,10 @@ const wt = {
       "aria-expanded": b,
       role: "search",
       className: f,
-      onClick: v
+      onClick: h
     },
     /* @__PURE__ */ e.createElement(
-      D,
+      T,
       {
         className: Fe[`${xe}__search-icon`],
         source: Hr,
@@ -4247,14 +4257,14 @@ const wt = {
         disabled: a
       }
     ),
-    k && /* @__PURE__ */ e.createElement(
+    v && /* @__PURE__ */ e.createElement(
       U,
       {
         "aria-label": "Clear search",
         title: "Clear search",
         className: Fe[`${xe}__clear-icon`],
         onClick: y,
-        icon: /* @__PURE__ */ e.createElement(D, { source: Te, kind: "primary" }),
+        icon: /* @__PURE__ */ e.createElement(T, { source: Te, kind: "primary" }),
         kind: "text",
         size: "compact"
       }
@@ -4265,7 +4275,7 @@ const wt = {
         "data-testid": `${xe}-loader`,
         className: Fe[`${xe}__loader`]
       },
-      /* @__PURE__ */ e.createElement(La, { size: "small" })
+      /* @__PURE__ */ e.createElement(Ra, { size: "small" })
     )
   );
 }, sl = "lc-Switch-module__switch__input___NiiOR", il = "lc-Switch-module__switch__container___79F7W", dl = "lc-Switch-module__switch__track___2wr2M", ul = "lc-Switch-module__switch__slider___WHd--", ml = "lc-Switch-module__switch__loader___FE-fA", pl = "lc-Switch-module__switch__icon___-O1qY", ce = {
@@ -4306,9 +4316,9 @@ const wt = {
     onChange: l,
     size: c = "large",
     state: d = "regular",
-    innerRef: s,
-    ariaLabel: i
-  } = g, n = A(g, [
+    innerRef: n,
+    ariaLabel: s
+  } = g, i = A(g, [
     "className",
     "defaultOn",
     "disabled",
@@ -4320,18 +4330,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 = c === "large" ? "small" : "xsmall", w = p ? "on" : "off", x = r || y || v, $ = x ? "disabled" : "enabled", F = u(
+  const v = o !== void 0, [b, f] = e.useState(
+    () => v ? o : a
+  ), p = v ? o : b, y = d === "loading", h = d === "locked", E = c === "large" ? "small" : "xsmall", w = p ? "on" : "off", x = r || y || h, $ = x ? "disabled" : "enabled", F = u(
     ce[ae],
     ce[`${ae}--${c}`],
     t
-  ), S = (O) => {
-    l == null || l(O, !p), k || (O.stopPropagation(), f((P) => !P));
+  ), S = (R) => {
+    l == null || l(R, !p), v || (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 +4350,10 @@ const wt = {
       onChange: S,
       checked: p,
       name: _,
-      ref: s,
+      ref: n,
       disabled: x,
-      "aria-label": i
-    }, n)
+      "aria-label": s
+    }, i)
   ), /* @__PURE__ */ e.createElement("span", { className: ce[`${ae}__container`] }, /* @__PURE__ */ e.createElement(
     "span",
     {
@@ -4363,7 +4373,7 @@ const wt = {
       )
     },
     y && /* @__PURE__ */ e.createElement(
-      La,
+      Ra,
       {
         className: u(
           ce[`${ae}__loader`],
@@ -4371,8 +4381,8 @@ const wt = {
         )
       }
     ),
-    v && /* @__PURE__ */ e.createElement(
-      D,
+    h && /* @__PURE__ */ e.createElement(
+      T,
       {
         className: ce[`${ae}__icon`],
         "data-testid": "lock-icon",
@@ -4392,14 +4402,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: l = "medium"
-  } = s, c = A(s, [
+  } = n, c = A(n, [
     "children",
     "className",
     "count",
@@ -4407,10 +4417,10 @@ const wt = {
     "asBadge",
     "size"
   ]);
-  const { disabled: i } = c, n = r !== void 0 && !o, m = r !== void 0 && o;
+  const { disabled: s } = c, i = r !== void 0 && !o, m = r !== void 0 && o;
   return /* @__PURE__ */ e.createElement(
     M,
-    N(h({}, c), {
+    N(k({}, c), {
       as: c.href ? "a" : "button",
       size: "md",
       bold: _,
@@ -4419,11 +4429,11 @@ const wt = {
         it[dt],
         it[`${dt}--${l}`],
         _ && it[`${dt}--selected`],
-        i && it[`${dt}--disabled`]
+        s && it[`${dt}--disabled`]
       )
     }),
     t,
-    n && /* @__PURE__ */ e.createElement(M, { as: "span", size: "md", className: it[`${dt}__count`] }, "(", r, ")"),
+    i && /* @__PURE__ */ e.createElement(M, { as: "span", size: "md", className: it[`${dt}__count`] }, "(", r, ")"),
     m && /* @__PURE__ */ e.createElement(
       U_,
       {
@@ -4451,19 +4461,19 @@ const wt = {
   remove: o,
   value: l
 }) => {
-  const [c, d] = e.useState(!1), s = () => a.current, i = () => {
-    const b = s();
+  const [c, d] = e.useState(!1), n = () => a.current, s = () => {
+    const b = n();
     return b ? b.innerText : "";
-  }, n = () => {
+  }, i = () => {
     r && r.current && r.current.focus();
   }, m = (b) => {
     if (b.key === re.enter) {
-      b.preventDefault(), n();
+      b.preventDefault(), i();
       return;
     }
-    b.key === re.backspace && i() === "" && (d(!0), o(), n());
+    b.key === re.backspace && s() === "" && (d(!0), o(), i());
   }, g = () => {
-    const b = s();
+    const b = n();
     if (!(c || !b)) {
       if (b.innerText === "") {
         o();
@@ -4471,10 +4481,10 @@ const wt = {
       }
       _(b.innerText);
     }
-  }, k = (b) => {
+  }, v = (b) => {
     b.preventDefault();
     const f = b.clipboardData.getData("text/plain");
-    document.execCommand("insertHTML", !1, Wa(f));
+    document.execCommand("insertHTML", !1, Ua(f));
   };
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -4482,10 +4492,10 @@ const wt = {
       ref: a,
       className: t,
       contentEditable: !0,
-      onPaste: k,
+      onPaste: v,
       onBlur: g,
       onKeyDown: m,
-      dangerouslySetInnerHTML: { __html: Wa(l) }
+      dangerouslySetInnerHTML: { __html: Ua(l) }
     }
   );
 }, St = {
@@ -4504,24 +4514,24 @@ const wt = {
   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), s = () => r(a);
   return /* @__PURE__ */ e.createElement(
     Nr,
     {
       kind: d ? "default" : "error",
       dismissible: !0,
       size: c,
-      onRemove: i
+      onRemove: s
     },
     /* @__PURE__ */ e.createElement(
       kl,
       {
         value: t,
         inputRef: o,
-        innerEditableRef: s,
+        innerEditableRef: n,
         className: St[`${yl}__content`],
-        change: (n) => l(a, n),
-        remove: i,
+        change: (i) => l(a, i),
+        remove: s,
         validator: _
       }
     )
@@ -4533,7 +4543,7 @@ const wt = {
   re.semicolon,
   re.comma
 ], wl = [re.backspace, re.delete], Nl = (g) => {
-  var k = g, {
+  var v = g, {
     id: t,
     tags: a,
     onChange: r,
@@ -4542,10 +4552,10 @@ const wt = {
     placeholder: l,
     size: c = "medium",
     className: d,
-    inputClassName: s,
-    onBlur: i,
-    addOnBlur: n = !0
-  } = k, m = A(k, [
+    inputClassName: n,
+    onBlur: s,
+    addOnBlur: i = !0
+  } = v, m = A(v, [
     "id",
     "tags",
     "onChange",
@@ -4565,72 +4575,72 @@ const wt = {
     },
     d
   ), f = u(
-    s,
+    n,
     St[`${Yt}__input`],
     St[`${Yt}__input--${c}`]
-  ), [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 === "")
+  ), [p, y] = e.useState(""), h = 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) => {
+    i && E(p), s == null || s(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,
+      inputRef: h,
       validator: _,
       size: c
     },
-    P
+    B
   )), /* @__PURE__ */ e.createElement(
     "input",
-    N(h({}, m), {
+    N(k({}, m), {
       id: t,
-      ref: v,
+      ref: h,
       className: f,
       placeholder: l,
       value: p,
       onChange: x,
       onKeyDown: $,
-      onPaste: O,
+      onPaste: R,
       onBlur: F
     })
-  )), o && /* @__PURE__ */ e.createElement(Oa, null, o));
+  )), o && /* @__PURE__ */ e.createElement(La, 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, {
+  var n = d, {
     id: t,
     tags: a,
     onChange: r,
     error: _,
     placeholder: o = xl,
     size: l
-  } = s, c = A(s, [
+  } = n, c = A(n, [
     "id",
     "tags",
     "onChange",
@@ -4640,7 +4650,7 @@ const wt = {
   ]);
   return /* @__PURE__ */ e.createElement(
     Nl,
-    N(h({}, c), {
+    N(k({}, c), {
       id: t,
       tags: a,
       error: _,
@@ -4682,26 +4692,26 @@ const wt = {
   "toast-exit-active--fade": "lc-Toast-module__toast-exit-active--fade___tL7sb"
 }, Al = {
   success: {
-    source: ir
+    source: sr
   },
   warning: {
-    source: sr
+    source: nr
   },
   error: {
-    source: dr
+    source: ir
   },
   info: {
-    source: Fa
+    source: Ia
   }
 }, Ke = "toast", Il = (d) => {
-  var s = d, {
+  var n = d, {
     action: t,
     className: a,
     children: r,
     removable: _,
     kind: o = "info",
     onClose: l
-  } = s, c = A(s, [
+  } = n, c = A(n, [
     "action",
     "className",
     "children",
@@ -4709,12 +4719,12 @@ const wt = {
     "kind",
     "onClose"
   ]);
-  const i = u(
+  const s = u(
     J[Ke],
     J[`${Ke}--${o}`],
     a
-  ), n = typeof r == "string", m = (g) => g && g.closesOnClick && l ? (g.onClick(), l()) : g.onClick();
-  return /* @__PURE__ */ e.createElement("div", h({ className: i }, c), /* @__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(
+  ), i = typeof r == "string", m = (g) => g && g.closesOnClick && l ? (g.onClick(), l()) : g.onClick();
+  return /* @__PURE__ */ e.createElement("div", k({ className: s }, c), /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__icon`] }, /* @__PURE__ */ e.createElement(T, N(k({}, Al[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__content`] }, i ? /* @__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`],
@@ -4733,7 +4743,7 @@ const wt = {
       "aria-label": "Close toast",
       onClick: l
     },
-    /* @__PURE__ */ e.createElement(D, { source: Te, size: "medium" })
+    /* @__PURE__ */ e.createElement(T, { source: Te, size: "medium" })
   )));
 }, Fl = 200, Ct = "toast-wrapper", zc = ({
   className: t,
@@ -4754,10 +4764,10 @@ const wt = {
     },
     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: s, content: i, removable: m, action: g, onClose: v }) => /* @__PURE__ */ e.createElement(
     hr,
     {
-      key: s,
+      key: n,
       classNames: {
         enter: J[`toast-appear--${o}`],
         enterActive: J[`toast-appear-active--${o}`],
@@ -4769,12 +4779,12 @@ const wt = {
     /* @__PURE__ */ e.createElement(
       Il,
       {
-        kind: i,
-        onClose: k,
+        kind: s,
+        onClose: v,
         removable: m,
         action: g
       },
-      n
+      i
     )
   ))));
 }, Ml = "lc-Textarea-module__textarea___g6U8F", qt = {
@@ -4785,20 +4795,20 @@ const wt = {
 }, Kt = "textarea", Gc = e.forwardRef(
   (o, _) => {
     var l = o, { className: t, error: a } = l, r = A(l, ["className", "error"]);
-    const { disabled: c, onBlur: d, onFocus: s } = r, [i, n] = e.useState(!1), m = u(t, qt[Kt], {
+    const { disabled: c, onBlur: d, onFocus: n } = r, [s, i] = e.useState(!1), m = u(t, qt[Kt], {
       [qt[`${Kt}--disabled`]]: c,
-      [qt[`${Kt}--focused`]]: i,
+      [qt[`${Kt}--focused`]]: s,
       [qt[`${Kt}--error`]]: a
     }), g = (b) => {
-      n(!1), d == null || d(b);
-    }, k = (b) => {
-      n(!0), s == null || s(b);
+      i(!1), d == null || d(b);
+    }, v = (b) => {
+      i(!0), n == null || n(b);
     };
     return /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement(
       "textarea",
-      N(h({}, r), {
+      N(k({}, r), {
         ref: _,
-        onFocus: k,
+        onFocus: v,
         onBlur: g
       })
     ));
@@ -4807,7 +4817,7 @@ const wt = {
   "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(
+}, Ca = "file-upload-progress-actions", Aa = ({ status: t, onCloseButtonClick: a, onRetryButtonClick: r }) => /* @__PURE__ */ e.createElement("div", { className: Na[`${Ca}`] }, r && t === "error" && /* @__PURE__ */ e.createElement(
   "button",
   {
     type: "button",
@@ -4815,7 +4825,7 @@ const wt = {
     "aria-label": "Retry",
     onClick: r
   },
-  /* @__PURE__ */ e.createElement(D, { size: "small", source: Gr })
+  /* @__PURE__ */ e.createElement(T, { size: "small", source: Gr })
 ), a && t !== "success" && /* @__PURE__ */ e.createElement(
   "button",
   {
@@ -4824,7 +4834,7 @@ const wt = {
     "aria-label": "Close",
     onClick: a
   },
-  /* @__PURE__ */ e.createElement(D, { size: "small", source: Te })
+  /* @__PURE__ */ e.createElement(T, { size: "small", source: Te })
 )), Ce = {
   "file-upload-progress": "lc-FileUploadProgress-module__file-upload-progress___xw8h8",
   "file-upload-progress__icon": "lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz",
@@ -4846,8 +4856,8 @@ const wt = {
     size: l,
     status: c = "normal",
     onCloseButtonClick: d,
-    onRetryButtonClick: s
-  }, i) => /* @__PURE__ */ e.createElement("div", { className: Ce[Ue], ref: i }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: Ce[`${Ue}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
+    onRetryButtonClick: n
+  }, s) => /* @__PURE__ */ e.createElement("div", { className: Ce[Ue], ref: s }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: Ce[`${Ue}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
@@ -4855,7 +4865,7 @@ const wt = {
         Ce[`${Ue}__icon--success`]
       )
     },
-    /* @__PURE__ */ e.createElement(D, { source: Qt })
+    /* @__PURE__ */ e.createElement(T, { source: Qt })
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -4882,11 +4892,11 @@ const wt = {
         })
       },
       /* @__PURE__ */ e.createElement(
-        Ia,
+        Aa,
         {
           status: c,
           onCloseButtonClick: d,
-          onRetryButtonClick: s
+          onRetryButtonClick: n
         }
       )
     )),
@@ -4900,7 +4910,7 @@ const wt = {
       }
     )
   ))
-), 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 +4931,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(T, { source: Qt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: z[`${We}__error-icon`] }, /* @__PURE__ */ e.createElement(T, { source: Ur })) : /* @__PURE__ */ e.createElement(
   rl,
   {
-    className: H[`${We}__loader`],
+    className: z[`${We}__loader`],
     status: t,
     progressValue: a
   }
@@ -4937,50 +4947,50 @@ const wt = {
   errorMessage: l,
   status: c = "normal",
   icon: d,
-  size: s,
-  mode: i = "multiple",
-  onCloseButtonClick: n,
+  size: n,
+  mode: s = "multiple",
+  onCloseButtonClick: i,
   onRetryButtonClick: m
 }) => {
-  const [g, k] = e.useState(o || !1), b = c === "error", f = c === "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, v] = 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 || i)), h = () => v(!g);
+  return s === "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 && l || _,
       progressValue: r,
       status: c,
       icon: d,
-      size: s
+      size: n
     }
   )), c === "error" && /* @__PURE__ */ e.createElement(
-    Ia,
+    Aa,
     {
       status: c,
-      onCloseButtonClick: n,
+      onCloseButtonClick: i,
       onRetryButtonClick: m
     }
   ))) : /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: H[`${ne}__wrapper`],
-      onClick: v
+      className: z[`${ne}__wrapper`],
+      onClick: h
     },
-    /* @__PURE__ */ e.createElement("div", { className: H[`${We}`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${We}__icon`] }, Ol(c, r)), /* @__PURE__ */ e.createElement("div", { className: H[`${We}__title`] }, /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, b ? l : _)), 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
+        onClick: h
       },
-      g ? /* @__PURE__ */ e.createElement(D, { source: Xt }) : /* @__PURE__ */ e.createElement(D, { source: Bt })
-    ), c === "error" && /* @__PURE__ */ e.createElement("div", { className: H[`${We}__actions-container`] }, /* @__PURE__ */ e.createElement(
-      Ia,
+      g ? /* @__PURE__ */ e.createElement(T, { source: Xt }) : /* @__PURE__ */ e.createElement(T, { source: Bt })
+    ), c === "error" && /* @__PURE__ */ e.createElement("div", { className: z[`${We}__actions-container`] }, /* @__PURE__ */ e.createElement(
+      Aa,
       {
         status: c,
-        onCloseButtonClick: n,
+        onCloseButtonClick: i,
         onRetryButtonClick: m
       }
     )))
@@ -4989,14 +4999,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 {
@@ -5018,23 +5028,23 @@ export {
   cc as Display,
   Hc as EmailTagInput,
   la as FieldDescription,
-  Oa as FieldError,
+  La as FieldError,
   kc as FieldGroup,
   Rl as FileUploadProgress,
-  Ia as FileUploadProgressActions,
+  Aa as FileUploadProgressActions,
   yc as Form,
   Ec as FormField,
   $c as FormGroup,
   tt as Heading,
-  D as Icon,
+  T as Icon,
   sc as Info,
   wc as Input,
   ic as Interactive,
   Nc as Link,
-  La as Loader,
+  Ra as Loader,
   Cc as Modal,
   Fo as ModalBase,
-  lr as ModalCloseButton,
+  or as ModalCloseButton,
   Sc as ModalHeader,
   xc as ModalPortal,
   Dc as NumericInput,