@livechat/design-system-react-components 1.7.0 → 1.9.0

package/dist/dsrc.es.js

@@ -23,7 +23,7 @@ var Vt = (t, a, r) => (Wt(t, typeof a != "symbol" ? a + "" : a, r), r);
 import * as e from "react";
 import { useReducer as $r, useRef as wr, useEffect as st, useCallback as Ct, useMemo as Nt } from "react";
 import { Close as Ne, ChevronLeft as Ua, ChevronDown as $t, Info as ca, Warning as Wa, CheckCircle as Va, Block as Ya, Person as Cr, ChevronUp as Gt, DoubleArrowLeft as Nr, ChevronRight as ea, DoubleArrowRight as xr, VisibilityOn as Sr, VisibilityOff as Dr, Check as la, Search as Tr, LockBlackFilled as Br, Refresh as Ar, Error as Ir } from "@livechat/design-system-icons";
-import p, { clsx as Je } from "clsx";
+import g, { clsx as Je } from "clsx";
 import { useFloating as na, offset as sa, flip as ia, autoUpdate as da, useClick as ua, useDismiss as ma, useRole as pa, useInteractions as ga, useTransitionStyles as qa, shift as Ka, arrow as Pr, useHover as Fr, safePolygon as Rr, useFocus as Mr, useTransitionStatus as Lr, FloatingArrow as Or, FloatingFocusManager as Hr } from "@floating-ui/react";
 import Ja from "lodash.debounce";
 import { getContrast as ba } from "polished";
@@ -307,7 +307,8 @@ const Rc = {
   SurfaceAvatar7: "--surface-avatar-7",
   SurfaceAvatar8: "--surface-avatar-8",
   SurfaceAvatar9: "--surface-avatar-9",
-  SurfaceAvatar10: "--surface-avatar-10"
+  SurfaceAvatar10: "--surface-avatar-10",
+  NavbarBackground: "--navbar-background"
 }, Mc = {
   Spacing0: "--spacing-0",
   Spacing05: "--spacing-05",
@@ -345,7 +346,14 @@ const Rc = {
   1: "--radius-1",
   2: "--radius-2",
   3: "--radius-3"
-}, Hc = (t, a) => `color-mix(in srgb, var(${t}) ${a}, transparent)`, z = {
+}, Hc = {
+  Fast1: "--transition-duration-fast-1",
+  Fast2: "--transition-duration-fast-2",
+  Moderate1: "--transition-duration-moderate-1"
+}, zc = {
+  EaseIn: "--transition-timing-ease-in",
+  EaseOut: "--transition-timing-ease-out"
+}, Gc = (t, a) => `color-mix(in srgb, var(${t}) ${a}, transparent)`, z = {
   esc: "Escape",
   enter: "Enter",
   backspace: "Backspace",
@@ -373,9 +381,9 @@ const Rc = {
     placement: o = "bottom-end",
     openedOnInit: c = !1,
     keepOpenOnClick: l,
-    flipOptions: s,
-    visible: i,
-    onClose: n,
+    flipOptions: n,
+    visible: s,
+    onClose: i,
     onOpen: d,
     floatingStrategy: m
   } = v, u = P(v, [
@@ -392,10 +400,10 @@ const Rc = {
     "onOpen",
     "floatingStrategy"
   ]);
-  const g = i !== void 0, [b, k] = e.useState(c), f = e.useRef(-1), $ = e.useRef(null), w = g ? i : b, F = () => {
-    w ? (n == null || n(), !g && k(!1)) : (d == null || d(), !g && k(!0));
+  const p = s !== void 0, [b, k] = e.useState(c), f = e.useRef(-1), $ = e.useRef(null), w = p ? s : b, F = () => {
+    w ? (i == null || i(), !p && k(!1)) : (d == null || d(), !p && k(!0));
   }, { x: E, y: T, strategy: S, refs: se, context: A } = na({
-    middleware: [sa(4), ia(s)],
+    middleware: [sa(4), ia(n)],
     placement: o,
     open: w,
     strategy: m,
@@ -443,7 +451,7 @@ const Rc = {
     f.current = -1;
   }, [w, R]);
   const U = (N, ee) => {
-    f.current = N, ee == null || ee(), !g && !l && (k(!1), n == null || n());
+    f.current = N, ee == null || ee(), !p && !l && (k(!1), i == null || i());
   }, Y = (N, ee) => N.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
     {
@@ -461,7 +469,7 @@ const Rc = {
       disabled: N.disabled,
       onClick: () => U(ee, N.onClick),
       role: "menuitem",
-      className: p(Qe[`${Ze}__list__item`], {
+      className: g(Qe[`${Ze}__list__item`], {
         [Qe[`${Ze}__list__item--disabled`]]: N.disabled,
         [Qe[`${Ze}__list__item--with-divider`]]: N.withDivider
       })
@@ -491,7 +499,7 @@ const Rc = {
     /* @__PURE__ */ e.createElement(
       "ul",
       B(y({}, u), {
-        className: p(Qe[`${Ze}__list`], t),
+        className: g(Qe[`${Ze}__list`], t),
         role: "menu",
         ref: $
       }),
@@ -536,11 +544,11 @@ const Rc = {
   ]);
   return e.createElement(
     t || Yr[a],
-    y({ className: p(lt[`heading-${a}`], _) }, o),
+    y({ className: g(lt[`heading-${a}`], _) }, o),
     r
   );
-}, M = (n) => {
-  var d = n, {
+}, M = (i) => {
+  var d = i, {
     as: t = "p",
     size: a = "md",
     caps: r = !1,
@@ -548,8 +556,8 @@ const Rc = {
     underline: o = !1,
     strike: c = !1,
     children: l,
-    className: s
-  } = d, i = P(d, [
+    className: n
+  } = d, s = P(d, [
     "as",
     "size",
     "caps",
@@ -563,19 +571,19 @@ const Rc = {
   return e.createElement(
     t,
     y({
-      className: p(
+      className: g(
         {
           [lt[`${m}`]]: !0,
           [lt[`${m}--bold`]]: _,
           [lt[`${m}--strike`]]: c,
           [lt[`${m}--underline`]]: o
         },
-        s
+        n
       )
-    }, i),
+    }, s),
     l
   );
-}, zc = (c) => {
+}, Uc = (c) => {
   var l = c, {
     as: t = "div",
     size: a = "md",
@@ -589,7 +597,7 @@ const Rc = {
   ]);
   return e.createElement(
     t,
-    y({ className: p(lt[`display-${a}`], _) }, o),
+    y({ className: g(lt[`display-${a}`], _) }, o),
     r
   );
 }, it = {
@@ -601,7 +609,7 @@ const Rc = {
 }, dt = "action-menu-item", qr = ({ leftNode: t, rightNode: a, children: r, kind: _ }) => /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: p(it[dt], {
+    className: g(it[dt], {
       [it[`${dt}--warning`]]: _ === "warning"
     })
   },
@@ -623,10 +631,10 @@ const Rc = {
   label: r,
   className: _,
   size: o = "medium"
-}) => /* @__PURE__ */ e.createElement("div", { className: p(ut[Xa], _) }, /* @__PURE__ */ e.createElement(
+}) => /* @__PURE__ */ e.createElement("div", { className: g(ut[Xa], _) }, /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: p(ut[wa], ut[`${wa}--${o}`])
+    className: g(ut[wa], ut[`${wa}--${o}`])
   },
   /* @__PURE__ */ e.createElement(
     "div",
@@ -677,8 +685,8 @@ const Rc = {
   "btn__icon--right": "lc-Button-module__btn__icon--right___fHr3D",
   "btn--icon-only--bg": "lc-Button-module__btn--icon-only--bg___X-4V2"
 }, pe = "btn", G = e.forwardRef(
-  (g, v) => {
-    var b = g, {
+  (p, v) => {
+    var b = p, {
       loading: t = !1,
       disabled: a = !1,
       type: r = "button",
@@ -686,9 +694,9 @@ const Rc = {
       kind: o = "basic",
       size: c = "medium",
       icon: l = null,
-      iconPosition: s = "left",
-      loaderLabel: i,
-      className: n,
+      iconPosition: n = "left",
+      loaderLabel: s,
+      className: i,
       children: d,
       href: m,
       onClick: u
@@ -707,8 +715,8 @@ const Rc = {
       "href",
       "onClick"
     ]);
-    const k = t || a, f = !d && l, $ = ["text", "link", "link-light"].includes(o), w = m ? "a" : "button", F = p(
-      n,
+    const k = t || a, f = !d && l, $ = ["text", "link", "link-light"].includes(o), w = m ? "a" : "button", F = g(
+      i,
       me[pe],
       me[`${pe}--${o}`],
       me[`${pe}--${c}`],
@@ -733,15 +741,15 @@ const Rc = {
         fa,
         y({
           size: "small",
-          label: i,
+          label: s,
           className: me[`${pe}__loader`]
         }, Zr(o))
       ),
       l && e.cloneElement(l, {
-        className: p(
+        className: g(
           l.props.className,
           me[`${pe}__icon`],
-          me[`${pe}__icon--${s}`]
+          me[`${pe}__icon--${n}`]
         ),
         disabled: a
       }),
@@ -811,21 +819,21 @@ const Rc = {
     disabled: o,
     className: c,
     customColor: l
-  } = d, s = P(d, [
+  } = d, n = P(d, [
     "source",
     "size",
     "kind",
     "disabled",
     "className",
     "customColor"
-  ]), i = e.createElement(a, B(y({}, r_[r]), {
+  ]), s = e.createElement(a, B(y({}, r_[r]), {
     color: l
-  })), n = p(
+  })), i = g(
     c,
     Ca[Na],
     _ && Ca[`${Na}--${o ? "disabled--" : ""}${_}`]
   );
-  return /* @__PURE__ */ e.createElement("span", B(y({}, s), { className: n }), i);
+  return /* @__PURE__ */ e.createElement("span", B(y({}, n), { className: i }), s);
 };
 function er(t) {
   switch (t) {
@@ -883,15 +891,15 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
   theme: o,
   kind: c,
   placement: l = "bottom",
-  isVisible: s,
-  fullSpaceContent: i,
-  onClose: n,
+  isVisible: n,
+  fullSpaceContent: s,
+  onClose: i,
   onOpen: d,
   withFadeAnimation: m = !0,
   transitionDuration: u = 200,
   hoverOnDuration: h,
   hoverOffDuration: v,
-  transitionDelay: g = 0,
+  transitionDelay: p = 0,
   hoverOnDelay: b,
   hoverOffDelay: k,
   triggerOnClick: f = !1,
@@ -905,14 +913,14 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
   closeOnTriggerBlur: A = !1,
   floatingStrategy: J
 }) => {
-  const X = s !== void 0, [Le, Be] = e.useState(!1), fe = e.useRef(null), Oe = X ? s : Le, Ge = c || o, Ue = p(
+  const X = n !== void 0, [Le, Be] = e.useState(!1), fe = e.useRef(null), Oe = X ? n : Le, Ge = c || o, Ue = g(
     C[xt],
     a,
     Ge && C[`${xt}--${Ge}`],
-    i && C[`${xt}--full-space`]
+    s && C[`${xt}--full-space`]
   ), R = typeof _ == "function", U = (ve) => {
-    ve !== Oe && (ve ? d == null || d() : n == null || n(), !X && Be(ve));
-  }, Y = (ve) => m ? ve != null ? ve : u : 0, N = (ve) => ve != null ? ve : g, {
+    ve !== Oe && (ve ? d == null || d() : i == null || i(), !X && Be(ve));
+  }, Y = (ve) => m ? ve != null ? ve : u : 0, N = (ve) => ve != null ? ve : p, {
     floatingStyles: ee,
     refs: W,
     context: _e,
@@ -980,7 +988,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
       }
     )
   ));
-}, Gc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), mt = "tooltip", Uc = ({ className: t, header: a, text: r, closeWithX: _, theme: o, handleCloseAction: c }) => /* @__PURE__ */ e.createElement("div", { className: t }, _ && /* @__PURE__ */ e.createElement(
+}, Wc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), mt = "tooltip", Vc = ({ className: t, header: a, text: r, closeWithX: _, theme: o, handleCloseAction: c }) => /* @__PURE__ */ e.createElement("div", { className: t }, _ && /* @__PURE__ */ e.createElement(
   "button",
   {
     className: C[`${mt}-close`],
@@ -990,7 +998,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
 ), a && /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: p(
+    className: g(
       C[`${mt}-header`],
       C[`${mt}-header--info`]
     )
@@ -999,13 +1007,13 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
 ), /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: p(
+    className: g(
       C[`${mt}-text`],
       C[`${mt}-text--info`]
     )
   },
   r
-)), xe = "tooltip", Wc = ({
+)), xe = "tooltip", Yc = ({
   header: t,
   text: a,
   image: r,
@@ -1013,9 +1021,9 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
   theme: o,
   handleCloseAction: c,
   primaryButton: l,
-  secondaryButton: s
+  secondaryButton: n
 }) => {
-  const i = (n) => n === "invert" ? "secondary" : "high-contrast";
+  const s = (i) => i === "invert" ? "secondary" : "high-contrast";
   return /* @__PURE__ */ e.createElement("div", { className: C[`${xe}__interactive`] }, _ && /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -1033,7 +1041,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
   )), t && /* @__PURE__ */ e.createElement("div", { className: C[`${xe}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: C[`${xe}-text`] }, a), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: p(
+      className: g(
         C[`${xe}-footer`],
         C[`${xe}-footer--interactive`]
       )
@@ -1041,7 +1049,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
     /* @__PURE__ */ e.createElement(
       G,
       {
-        kind: l.kind || i(o),
+        kind: l.kind || s(o),
         onClick: l.handleClick
       },
       l.label
@@ -1049,13 +1057,13 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
     /* @__PURE__ */ e.createElement(
       G,
       {
-        className: p(C[`${xe}-footer-secondary`], {
+        className: g(C[`${xe}-footer-secondary`], {
           [C[`${xe}-footer-secondary-invert`]]: o === "invert"
         }),
-        kind: s.kind || "text",
-        onClick: s.handleClick
+        kind: n.kind || "text",
+        onClick: n.handleClick
       },
-      s.label
+      n.label
     )
   ));
 }, te = "guide-tooltip", n_ = ({
@@ -1081,12 +1089,12 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
     left: "0",
     width: "100%",
     height: `${t.top}px`
-  }, s = {
+  }, n = {
     top: `${t.bottom}px`,
     left: "0",
     width: "100%",
     height: `calc(100% - ${t.bottom}px)`
-  }, i = {
+  }, s = {
     top: `${t.top}px`,
     left: `${t.left}px`,
     width: `${t.width}px`,
@@ -1096,7 +1104,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: p({
+      className: g({
         [C[`${te}__overlay`]]: !0,
         [C[`${te}__overlay--visible`]]: a,
         [C[`${te}__overlay--slide`]]: r
@@ -1106,7 +1114,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: p({
+      className: g({
         [C[`${te}__overlay`]]: !0,
         [C[`${te}__overlay--visible`]]: a,
         [C[`${te}__overlay--slide`]]: r
@@ -1116,7 +1124,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: p({
+      className: g({
         [C[`${te}__overlay`]]: !0,
         [C[`${te}__overlay--visible`]]: a,
         [C[`${te}__overlay--slide`]]: r
@@ -1126,22 +1134,22 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: p({
+      className: g({
         [C[`${te}__overlay`]]: !0,
         [C[`${te}__overlay--visible`]]: a,
         [C[`${te}__overlay--slide`]]: r
       }),
-      style: s
+      style: n
     }
   ), _ && /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: p({
+      className: g({
         [C[`${te}__overlay`]]: !0,
         [C[`${te}__overlay--visible`]]: a,
         [C[`${te}__overlay--slide`]]: r
       }),
-      style: i
+      style: s
     }
   ));
 };
@@ -1152,16 +1160,16 @@ class s_ {
     this.element = a, this.padding = r;
   }
   addPadding(a) {
-    const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, c = Math.round(a.height) + 2 * this.padding, l = _, s = r, i = l + c, n = s + o;
+    const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, c = Math.round(a.height) + 2 * this.padding, l = _, n = r, s = l + c, i = n + o;
     return {
       x: r,
       y: _,
       width: o,
       height: c,
       top: l,
-      left: s,
-      bottom: i,
-      right: n
+      left: n,
+      bottom: s,
+      right: i
     };
   }
   getBoundingClientRect() {
@@ -1174,7 +1182,7 @@ class s_ {
     return this.getBoundingClientRect().height;
   }
 }
-const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
+const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), qc = (t) => {
   const {
     className: a,
     parentElementName: r,
@@ -1182,8 +1190,8 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
     shouldSlide: o = !0
   } = t, [c, l] = e.useState(
     null
-  ), [s, i] = e.useState(null), [n, d] = e.useState(o), m = () => {
-    c && (i(
+  ), [n, s] = e.useState(null), [i, d] = e.useState(o), m = () => {
+    c && (s(
       Da(
         c,
         xa
@@ -1201,7 +1209,7 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
       l(u);
     }
   }, [r]), e.useEffect(() => {
-    c && i(
+    c && s(
       Da(
         c,
         xa
@@ -1210,28 +1218,28 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
   }, [c]), c && _ ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
     n_,
     {
-      gap: s,
+      gap: n,
       isVisible: _,
-      slide: n,
+      slide: i,
       disablePointerEvents: !0
     }
   ), /* @__PURE__ */ e.createElement(
     tr,
     B(y({}, t), {
       referenceElement: {
-        getBoundingClientRect: () => s,
+        getBoundingClientRect: () => n,
         contextElement: c
       },
       arrowOffsetY: 25,
-      className: p({
+      className: g({
         [C[Sa]]: !0,
-        [C[`${Sa}--slide`]]: n,
+        [C[`${Sa}--slide`]]: i,
         className: a
       })
     }),
     t.children
   )) : null;
-}, pt = "reports-tooltip", Yc = ({
+}, pt = "reports-tooltip", Kc = ({
   title: t,
   description: a,
   children: r
@@ -1264,7 +1272,7 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
   activeOptionKey: r,
   vertical: _
 }) => {
-  const o = p(ne[`${St}__button`], {
+  const o = g(ne[`${St}__button`], {
     [ne[`${St}__button--hidden`]]: a.includes(
       t.key
     ),
@@ -1308,7 +1316,7 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
       icon: t.element
     }
   );
-}, Xe = "action-bar", qc = ({
+}, Xe = "action-bar", Jc = ({
   className: t,
   id: a = "action-bar-area",
   type: r = "menu",
@@ -1316,29 +1324,29 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
   activeOptionKey: o,
   vertical: c
 }) => {
-  const [l, s] = e.useState([]), i = r === "scroll", n = p(
+  const [l, n] = e.useState([]), s = r === "scroll", i = g(
     ne[Xe],
     t,
     c && ne[`${Xe}--vertical`]
   ), d = `${Xe}__menu-wrapper`, m = {
     root: document.querySelector(`${a}`),
     threshold: 1
-  }, u = !i && l.length !== 0, h = (b) => {
+  }, u = !s && l.length !== 0, h = (b) => {
     b.map((k) => {
       const f = l.includes(k.target.id);
       if (!k.isIntersecting) {
-        k.target.setAttribute("tabindex", "-1"), f || s(($) => [
+        k.target.setAttribute("tabindex", "-1"), f || n(($) => [
           ...$,
           k.target.id
         ]);
         return;
       }
-      k.target.removeAttribute("tabindex"), f && s(l.filter(($) => $ !== k.target.id));
+      k.target.removeAttribute("tabindex"), f && n(l.filter(($) => $ !== k.target.id));
     });
   };
   e.useEffect(() => {
     const b = !!window.IntersectionObserver;
-    if (!i && b) {
+    if (!s && b) {
       const k = document.querySelectorAll(
         `.${ne[`${Xe}__items__button`]}`
       ), f = new IntersectionObserver(
@@ -1347,19 +1355,19 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
       );
       return k.forEach(($) => f.observe($)), () => f.disconnect();
     }
-  }, [l, i]);
+  }, [l, s]);
   const v = (b) => _.filter(
     (f) => b.find(($) => $ === f.key)
   ).map((f) => ({
     key: f.key,
     element: /* @__PURE__ */ e.createElement(qr, { leftNode: f.element }, f.label),
     onClick: f.onClick
-  })), g = _.filter((b) => l.find((k) => k === b.key)).find((b) => b.key === o);
-  return /* @__PURE__ */ e.createElement("div", { id: a, className: n }, /* @__PURE__ */ e.createElement(
+  })), p = _.filter((b) => l.find((k) => k === b.key)).find((b) => b.key === o);
+  return /* @__PURE__ */ e.createElement("div", { id: a, className: i }, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: p(ne[`${Xe}__items`], {
-        [ne[`${Xe}__items--scroll`]]: i
+      className: g(ne[`${Xe}__items`], {
+        [ne[`${Xe}__items--scroll`]]: s
       })
     },
     _.map((b) => /* @__PURE__ */ e.createElement(
@@ -1376,15 +1384,15 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
     {
       placement: c ? "left-end" : "bottom-end",
       options: v(l),
-      triggerClassName: p(
+      triggerClassName: g(
         c && ne[`${d}__trigger-vertical`]
       ),
       triggerRenderer: /* @__PURE__ */ e.createElement(
         G,
         {
-          className: p(
+          className: g(
             ne[`${d}__button`],
-            g && ne[`${d}__button--active`]
+            p && ne[`${d}__button--active`]
           ),
           kind: "plain",
           icon: /* @__PURE__ */ e.createElement(
@@ -1396,14 +1404,14 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
           ),
           iconPosition: "right"
         },
-        g && /* @__PURE__ */ e.createElement(
+        p && /* @__PURE__ */ e.createElement(
           "div",
           {
-            className: p(
+            className: g(
               ne[`${d}__button__with-item`]
             )
           },
-          g.element
+          p.element
         )
       )
     }
@@ -1440,15 +1448,15 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
     source: Ya,
     kind: "error"
   }
-}, ke = "alert", Kc = (s) => {
-  var i = s, {
+}, ke = "alert", jc = (n) => {
+  var s = n, {
     children: t,
     className: a,
     primaryButton: r,
     secondaryButton: _,
     kind: o = "info",
     onClose: c
-  } = i, l = P(i, [
+  } = s, l = P(s, [
     "children",
     "className",
     "primaryButton",
@@ -1456,7 +1464,7 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
     "kind",
     "onClose"
   ]);
-  const n = e.useRef(null), [d, m] = e.useState(null), u = p(
+  const i = e.useRef(null), [d, m] = e.useState(null), u = g(
     he[ke],
     he[`${ke}--${o}`],
     d === "medium" && he[`${ke}--medium`],
@@ -1464,11 +1472,11 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
     a
   );
   return e.useEffect(() => {
-    const h = () => n.current && n.current.offsetWidth <= 400 ? m("small") : n.current && n.current.offsetWidth > 400 && n.current.offsetWidth <= 800 ? m("medium") : m(null), v = Ja(() => {
+    const h = () => i.current && i.current.offsetWidth <= 400 ? m("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? m("medium") : m(null), v = Ja(() => {
       h();
     }, 500);
     return window.addEventListener("resize", v), h(), () => window.removeEventListener("resize", v);
-  }), /* @__PURE__ */ e.createElement("div", y({ ref: n, className: u }, l), /* @__PURE__ */ e.createElement("div", { className: he[`${ke}__content`] }, /* @__PURE__ */ e.createElement("div", { className: he[`${ke}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
+  }), /* @__PURE__ */ e.createElement("div", y({ ref: i, className: u }, l), /* @__PURE__ */ e.createElement("div", { className: he[`${ke}__content`] }, /* @__PURE__ */ e.createElement("div", { className: he[`${ke}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
     x,
     B(y({}, v_[o]), {
       size: "large",
@@ -1585,30 +1593,30 @@ const E_ = "lc-Avatar-module__avatar___1zTCE", $_ = "lc-Avatar-module__avatar__s
   size: o = "medium",
   src: c,
   status: l,
-  text: s,
-  type: i,
-  withRim: n = !1
+  text: n,
+  type: s,
+  withRim: i = !1
 }) => {
-  const d = i === "image" && !c, [m, u] = e.useState(d), h = i === "image" && !!c && !m, v = i === "text", g = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, b = k_(s, g), k = r || h_(s), f = k ? y_(k) : void 0, $ = v ? { backgroundColor: k } : {}, w = p(y({
+  const d = s === "image" && !c, [m, u] = e.useState(d), h = s === "image" && !!c && !m, v = s === "text", p = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, b = k_(n, p), k = r || h_(n), f = k ? y_(k) : void 0, $ = v ? { backgroundColor: k } : {}, w = g(y({
     [ie[Z]]: !0,
     [ie[`${Z}--${_}`]]: !0,
     [ie[`${Z}--${o}`]]: !0,
-    [ie[`${Z}--with-rim`]]: n
-  }, a ? { [`${a}`]: a } : {})), F = p(
+    [ie[`${Z}--with-rim`]]: i
+  }, a ? { [`${a}`]: a } : {})), F = g(
     ie[`${Z}__status`],
     ie[`${Z}__status--${_}`],
     ie[`${Z}__status--${o}`],
     ...l ? [ie[`${Z}__status--${l}`]] : []
-  ), E = p(
+  ), E = g(
     ie[`${Z}__icon`],
     ie[`${Z}__icon--${o}`]
-  ), T = p(
+  ), T = g(
     ie[`${Z}__rim`],
     ie[`${Z}__rim--${o}`]
   ), S = e.useCallback(() => u(!0), []);
   return e.useEffect(() => {
     u(d);
-  }, [d]), /* @__PURE__ */ e.createElement("div", { className: w, style: $ }, n && /* @__PURE__ */ e.createElement(
+  }, [d]), /* @__PURE__ */ e.createElement("div", { className: w, style: $ }, i && /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": `${Z}__rim`,
@@ -1649,15 +1657,15 @@ const S_ = "lc-Badge-module__badge___GhLnu", D_ = "lc-Badge-module__badge__dot__
   "badge--primary": "lc-Badge-module__badge--primary___8LRpp",
   "badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
   "badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
-}, Tt = "badge", T_ = (s) => {
-  var i = s, {
+}, Tt = "badge", T_ = (n) => {
+  var s = n, {
     className: t,
     count: a = 0,
     max: r = 99,
     kind: _ = "primary",
     size: o = "medium",
     type: c = "counter"
-  } = i, l = P(i, [
+  } = s, l = P(s, [
     "className",
     "count",
     "max",
@@ -1665,7 +1673,7 @@ const S_ = "lc-Badge-module__badge___GhLnu", D_ = "lc-Badge-module__badge__dot__
     "size",
     "type"
   ]);
-  const n = p(
+  const i = g(
     t,
     Dt[Tt],
     Dt[`${Tt}--${_}`],
@@ -1675,7 +1683,7 @@ const S_ = "lc-Badge-module__badge___GhLnu", D_ = "lc-Badge-module__badge__dot__
     alert: "!",
     dot: /* @__PURE__ */ e.createElement("span", { className: Dt[`${Tt}__dot`] })
   }[c];
-  return /* @__PURE__ */ e.createElement("span", y({ className: n }, l), d);
+  return /* @__PURE__ */ e.createElement("span", y({ className: i }, l), d);
 };
 function B_() {
 }
@@ -1686,7 +1694,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
   "btn--compact": "lc-SegmentedControl-module__btn--compact___gcSwq",
   "btn--medium": "lc-SegmentedControl-module__btn--medium___w3UzC",
   "btn--large": "lc-SegmentedControl-module__btn--large___yHPw4"
-}, I_ = "segmented-control", Jc = ({
+}, I_ = "segmented-control", Qc = ({
   size: t = "medium",
   buttons: a,
   className: r,
@@ -1695,14 +1703,14 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
   fullWidth: c = !1,
   onButtonClick: l = B_
 }) => {
-  const s = p(Bt[I_], r), [i, n] = e.useState(() => _), d = typeof o == "string";
+  const n = g(Bt[I_], r), [s, i] = e.useState(() => _), d = typeof o == "string";
   e.useEffect(() => {
-    d && n(o);
+    d && i(o);
   }, [o]);
   const m = (h, v) => {
-    d || n(h), l(h, v);
-  }, u = a.map(({ id: h, label: v, loading: g, disabled: b, icon: k }) => {
-    const f = h === i, $ = f ? Bt["btn--active"] : "", w = f ? !1 : g;
+    d || i(h), l(h, v);
+  }, u = a.map(({ id: h, label: v, loading: p, disabled: b, icon: k }) => {
+    const f = h === s, $ = f ? Bt["btn--active"] : "", w = f ? !1 : p;
     return /* @__PURE__ */ e.createElement(
       G,
       {
@@ -1713,7 +1721,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
         "aria-pressed": f,
         kind: "secondary",
         icon: k,
-        className: p(Bt.btn, Bt[`btn--${t}`], $),
+        className: g(Bt.btn, Bt[`btn--${t}`], $),
         onClick: (F) => {
           m(h, F);
         }
@@ -1721,7 +1729,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
       v
     );
   });
-  return /* @__PURE__ */ e.createElement("div", { role: "group", className: s }, u);
+  return /* @__PURE__ */ e.createElement("div", { role: "group", className: n }, u);
 }, P_ = "lc-Card-module__card___GqMm2", F_ = "lc-Card-module__card__header___0ptfD", R_ = "lc-Card-module__card__header__image___QMwSu", M_ = "lc-Card-module__card__header__heading___Wkikx", L_ = "lc-Card-module__card__header__heading__title___Uxi8s", O_ = "lc-Card-module__card__header__heading__description___6LnOK", H_ = "lc-Card-module__card__content___KuDcc", z_ = "lc-Card-module__card__actions___q9sAo", G_ = "lc-Card-module__card__actions__line___TF1bt", U_ = "lc-Card-module__card__actions__buttons___PDMMR", de = {
   card: P_,
   card__header: F_,
@@ -1736,8 +1744,8 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
   card__actions__line: G_,
   card__actions__buttons: U_,
   "card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
-}, Et = "card", zt = `${Et}__header`, Yt = `${zt}__heading`, At = `${Et}__actions`, W_ = `${zt}__no-image`, jc = (n) => {
-  var d = n, {
+}, Et = "card", zt = `${Et}__header`, Yt = `${zt}__heading`, At = `${Et}__actions`, W_ = `${zt}__no-image`, Zc = (i) => {
+  var d = i, {
     alt: t,
     buttonsOptions: a = [],
     children: r,
@@ -1745,8 +1753,8 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
     description: o,
     expandableContent: c,
     src: l,
-    title: s
-  } = d, i = P(d, [
+    title: n
+  } = d, s = P(d, [
     "alt",
     "buttonsOptions",
     "children",
@@ -1756,15 +1764,15 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
     "src",
     "title"
   ]);
-  const [m, u] = e.useState(!1), h = m ? Gt : $t, v = m ? "Hide" : "Show more", g = (a == null ? void 0 : a.length) > 0, b = !!c, k = g || b, f = s, $ = l, w = $ ? "" : de[W_];
-  return /* @__PURE__ */ e.createElement("div", y({ className: p(de[Et], _) }, i), f && /* @__PURE__ */ e.createElement("div", { className: p(de[zt], w) }, $ && /* @__PURE__ */ e.createElement(
+  const [m, u] = e.useState(!1), h = m ? Gt : $t, v = m ? "Hide" : "Show more", p = (a == null ? void 0 : a.length) > 0, b = !!c, k = p || b, f = n, $ = l, w = $ ? "" : de[W_];
+  return /* @__PURE__ */ e.createElement("div", y({ className: g(de[Et], _) }, s), f && /* @__PURE__ */ e.createElement("div", { className: g(de[zt], w) }, $ && /* @__PURE__ */ e.createElement(
     "img",
     {
       alt: t,
       className: de[`${zt}__image`],
       src: l
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: de[Yt] }, /* @__PURE__ */ e.createElement(je, { size: "sm", className: de[`${Yt}__title`] }, s), /* @__PURE__ */ e.createElement(M, { size: "sm", className: de[`${Yt}__description`] }, o))), /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: de[`${Et}__content`] }, r), m && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: de[Yt] }, /* @__PURE__ */ e.createElement(je, { size: "sm", className: de[`${Yt}__title`] }, n), /* @__PURE__ */ e.createElement(M, { size: "sm", className: de[`${Yt}__description`] }, o))), /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: de[`${Et}__content`] }, r), m && /* @__PURE__ */ e.createElement(
     M,
     {
       as: "div",
@@ -1772,7 +1780,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
       className: de[`${Et}__expanded-content`]
     },
     c
-  ), k && /* @__PURE__ */ e.createElement("div", { className: de[At] }, /* @__PURE__ */ e.createElement("div", { className: de[`${At}__line`] }), /* @__PURE__ */ e.createElement("div", { className: de[`${At}__buttons`] }, g && a.map(
+  ), k && /* @__PURE__ */ e.createElement("div", { className: de[At] }, /* @__PURE__ */ e.createElement("div", { className: de[`${At}__line`] }), /* @__PURE__ */ e.createElement("div", { className: de[`${At}__buttons`] }, p && a.map(
     ({ kind: F, onClick: E, children: T }) => /* @__PURE__ */ e.createElement(G, { size: "compact", kind: F, onClick: E }, T)
   ), b && /* @__PURE__ */ e.createElement(
     G,
@@ -1795,7 +1803,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
     "children",
     "className"
   ]);
-  const c = p(V_[Y_], a);
+  const c = g(V_[Y_], a);
   return /* @__PURE__ */ e.createElement(M, B(y({ as: "span", size: "sm" }, r), { className: c }), t);
 }, q_ = "lc-Checkbox-module__checkbox___G7nTf", K_ = "lc-Checkbox-module__checkbox__label___-o01x", J_ = "lc-Checkbox-module__checkbox__text___P2SIq", j_ = "lc-Checkbox-module__checkbox__input___YLbVF", Q_ = "lc-Checkbox-module__checkbox__checkmark___16pfY", Z_ = "lc-Checkbox-module__checkbox__square___MHUyd", X_ = "lc-Checkbox-module__checkbox__helper___YSJ-n", Ve = {
   checkbox: q_,
@@ -1807,13 +1815,13 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
   checkbox__square: Z_,
   "checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
   checkbox__helper: X_
-}, Ye = "checkbox", Qc = e.forwardRef(
-  (s, l) => {
-    var i = s, { checked: t, disabled: a, children: r, description: _, className: o } = i, c = P(i, ["checked", "disabled", "children", "description", "className"]);
+}, Ye = "checkbox", Xc = e.forwardRef(
+  (n, l) => {
+    var s = n, { checked: t, disabled: a, children: r, description: _, className: o } = s, c = P(s, ["checked", "disabled", "children", "description", "className"]);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: p(Ve[Ye], o, {
+        className: g(Ve[Ye], o, {
           [Ve[`${Ye}--selected`]]: t,
           [Ve[`${Ye}--disabled`]]: a
         })
@@ -1874,9 +1882,9 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
     showNextButton: o,
     showPreviousButton: c,
     className: l,
-    classNames: s,
-    numberOfMonths: i,
-    month: n,
+    classNames: n,
+    numberOfMonths: s,
+    month: i,
     fromMonth: d,
     toMonth: m
   } = t, u = () => {
@@ -1885,32 +1893,32 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
     typeof _ == "function" && _();
   }, v = () => {
     if (!d) {
-      const f = nt(n, 12);
+      const f = nt(i, 12);
       return r(f);
     }
-    const b = Math.abs(ya(n, d)), k = nt(
-      n,
+    const b = Math.abs(ya(i, d)), k = nt(
+      i,
       !Number.isNaN(b) && b > 12 ? 12 : b
     );
     return r(k);
-  }, g = () => {
+  }, p = () => {
     if (!m) {
-      const f = Ea(n, 12);
+      const f = Ea(i, 12);
       return r(f);
     }
-    const b = Math.abs(ya(m, n)), k = Ea(
-      n,
+    const b = Math.abs(ya(m, i)), k = Ea(
+      i,
       !Number.isNaN(b) && b > 12 ? 12 : b
     );
-    return i === 2 && ta(k, m) ? r(nt(k, 1)) : r(k);
+    return s === 2 && ta(k, m) ? r(nt(k, 1)) : r(k);
   };
   return /* @__PURE__ */ e.createElement("div", { className: l }, /* @__PURE__ */ e.createElement("div", { className: D[`${Ba}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-prev-year-button",
       className: Je({
-        [s.navButtonPrev]: !0,
-        [s.navButtonInteractionDisabled]: !c
+        [n.navButtonPrev]: !0,
+        [n.navButtonInteractionDisabled]: !c
       }),
       onClick: v
     },
@@ -1920,8 +1928,8 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
     {
       "data-testid": "date-picker-prev-month-button",
       className: Je({
-        [s.navButtonPrev]: !0,
-        [s.navButtonInteractionDisabled]: !c
+        [n.navButtonPrev]: !0,
+        [n.navButtonInteractionDisabled]: !c
       }),
       onClick: u
     },
@@ -1931,8 +1939,8 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
     {
       "data-testid": "date-picker-next-month-button",
       className: Je({
-        [s.navButtonNext]: !0,
-        [s.navButtonInteractionDisabled]: !o
+        [n.navButtonNext]: !0,
+        [n.navButtonInteractionDisabled]: !o
       }),
       onClick: h
     },
@@ -1942,10 +1950,10 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
     {
       "data-testid": "date-picker-next-year-button",
       className: Je({
-        [s.navButtonNext]: !0,
-        [s.navButtonInteractionDisabled]: !o
+        [n.navButtonNext]: !0,
+        [n.navButtonInteractionDisabled]: !o
       }),
-      onClick: g
+      onClick: p
     },
     /* @__PURE__ */ e.createElement(x, { source: xr, kind: "subtle" })
   )));
@@ -2025,9 +2033,9 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
     month: o,
     fromMonth: c,
     firstDayOfWeek: l,
-    numberOfMonths: s,
-    navbarElement: i,
-    renderDay: n,
+    numberOfMonths: n,
+    navbarElement: s,
+    renderDay: i,
     innerRef: d
   } = k, m = P(k, [
     "classNames",
@@ -2056,8 +2064,8 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
     },
     [o, t.onMonthChange]
   );
-  let g = 1;
-  (l === 0 || l && l < 7) && (g = l);
+  let p = 1;
+  (l === 0 || l && l < 7) && (p = l);
   const b = e.useMemo(
     () => ro(r, a),
     [r, a]
@@ -2065,12 +2073,12 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
   return /* @__PURE__ */ e.createElement(
     zr,
     y({
-      navbarElement: i || /* @__PURE__ */ e.createElement(
+      navbarElement: s || /* @__PURE__ */ e.createElement(
         eo,
         {
           month: u,
           classNames: b,
-          numberOfMonths: s,
+          numberOfMonths: n,
           onMonthChange: v,
           toMonth: _,
           fromMonth: c
@@ -2078,12 +2086,12 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
       ),
       ref: d,
       classNames: b,
-      numberOfMonths: s,
+      numberOfMonths: n,
       toMonth: _,
       fromMonth: c,
-      firstDayOfWeek: g,
+      firstDayOfWeek: p,
       month: u,
-      renderDay: n || _o
+      renderDay: i || _o
     }, m)
   );
 }, co = e.forwardRef(
@@ -2160,9 +2168,9 @@ const lo = (t) => {
   onChange: c,
   children: l
 }) => {
-  const s = wr(
+  const n = wr(
     a || null
-  ), [i, n] = lo({
+  ), [s, i] = lo({
     options: t,
     initialSelectedItemKey: a,
     initialFromDate: r,
@@ -2172,99 +2180,99 @@ const lo = (t) => {
     children: l
   });
   st(() => {
-    n({
+    i({
       type: V.SET_FROM,
       payload: { date: r }
     });
   }, [r]), st(() => {
-    n({
+    i({
       type: V.SET_TO,
       payload: { date: _ }
     });
   }, [_]), st(() => {
-    const g = rr(
+    const p = rr(
       r,
       _,
       o
     );
-    n({
+    i({
       type: V.CURRENT_MONTH_CHANGE,
-      payload: { date: g }
+      payload: { date: p }
     });
   }, [o, r, _]), st(() => {
-    const { from: g, selectedItem: b, to: k } = i;
-    if (!(g && k))
+    const { from: p, selectedItem: b, to: k } = s;
+    if (!(p && k))
       return;
     const f = kt(b, t);
     f && (c == null || c(B(y({}, f), {
       value: {
-        from: g,
+        from: p,
         to: k
       }
     })));
-  }, [i.from, i.to, i.selectedItem, t, c]), st(() => {
-    const { selectedItem: g } = i;
-    if (g === s.current)
+  }, [s.from, s.to, s.selectedItem, t, c]), st(() => {
+    const { selectedItem: p } = s;
+    if (p === n.current)
       return;
-    if (!g) {
+    if (!p) {
       c(null);
       return;
     }
-    if (!kt(g, t))
+    if (!kt(p, t))
       return;
     const k = t.reduce(
       (f, $) => B(y({}, f), { [$.id]: $ }),
       {}
     );
-    c(k[g]);
-  }, [c, i.selectedItem, t]);
+    c(k[p]);
+  }, [c, s.selectedItem, t]);
   const d = Ct(
-    (g) => {
-      const b = o ? ja(o, g) >= 0 : !0;
-      !Aa(i.from, i.to) && b && n({
+    (p) => {
+      const b = o ? ja(o, p) >= 0 : !0;
+      !Aa(s.from, s.to) && b && i({
         type: V.NEW_TEMPORARY_TO_VALUE,
-        payload: { date: g }
+        payload: { date: p }
       });
     },
-    [o, i.from, i.to]
+    [o, s.from, s.to]
   ), m = Ct(
-    (g) => {
-      const { from: b, to: k } = i;
-      ar(g, { to: o }) && (Aa(b, k) ? n({
+    (p) => {
+      const { from: b, to: k } = s;
+      ar(p, { to: o }) && (Aa(b, k) ? i({
         type: V.SELECT_FIRST_DAY,
-        payload: { date: g }
-      }) : b && aa(g, b) || b && ra(g, b) ? n({
+        payload: { date: p }
+      }) : b && aa(p, b) || b && ra(p, b) ? i({
         type: V.SELECT_SECOND_DAY_AS_TO,
-        payload: { date: g }
-      }) : n({
+        payload: { date: p }
+      }) : i({
         type: V.SELECT_SECOND_DAY_AS_FROM,
-        payload: { date: g }
+        payload: { date: p }
       }));
     },
-    [o, i.from, i.to]
+    [o, s.from, s.to]
   ), u = Ct(
-    (g) => {
-      if (g === null) {
-        n({
+    (p) => {
+      if (p === null) {
+        i({
           type: V.NEW_SELECTED_ITEM,
           payload: { selectedItem: null }
         });
         return;
       }
-      kt(g, t) && n({
+      kt(p, t) && i({
         type: V.NEW_SELECTED_ITEM,
-        payload: { selectedItem: g }
+        payload: { selectedItem: p }
       });
     },
     [t]
-  ), h = Ct((g) => {
-    n({
+  ), h = Ct((p) => {
+    i({
       type: V.CURRENT_MONTH_CHANGE,
-      payload: { date: g }
+      payload: { date: p }
     });
   }, []);
   return l((() => {
-    const { currentMonth: g, from: b, selectedItem: k, temporaryTo: f, to: $ } = i, w = Nt(
+    const { currentMonth: p, from: b, selectedItem: k, temporaryTo: f, to: $ } = s, w = Nt(
       () => to(b, f),
       [b, f]
     ), F = Nt(() => kt(k, t), [t, k]), E = Nt(() => [b, { from: b, to: f }], [b, f]), T = Nt(() => o ? { after: o } : void 0, [o]);
@@ -2279,7 +2287,7 @@ const lo = (t) => {
       },
       datepicker: {
         range: !0,
-        month: g,
+        month: p,
         numberOfMonths: 2,
         onDayClick: m,
         selectedDays: E,
@@ -2330,7 +2338,7 @@ const L = {
   "details-card__content": "lc-DetailsCard-module__details-card__content___RNVd2",
   "details-card__content--spacing": "lc-DetailsCard-module__details-card__content--spacing___QecUa",
   "details-card__content--full-space": "lc-DetailsCard-module__details-card__content--full-space___2ms8I"
-}, O = "details-card", Zc = ({
+}, O = "details-card", el = ({
   children: t,
   className: a,
   leftNode: r,
@@ -2338,97 +2346,112 @@ const L = {
   label: o,
   withDivider: c,
   fullSpaceContent: l,
-  openOnInit: s = !1,
-  hideLabelOnOpen: i
+  openOnInit: n = !1,
+  hideLabelOnOpen: s,
+  onClick: i
 }) => {
-  const [n, d] = e.useState(s), m = p(
+  const [d, m] = e.useState(n), [u, h] = e.useState(0), v = e.useRef(null), p = g(
     L[O],
     c && L[`${O}--with-divider`],
     a
-  ), u = i && n, h = () => d((v) => !v);
-  return /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement(
+  ), b = s && d, k = () => {
+    m((f) => !f), i == null || i();
+  };
+  return e.useEffect(() => {
+    const f = !!window.IntersectionObserver;
+    if (v.current && f) {
+      const $ = new ResizeObserver(() => {
+        v.current && u !== v.current.offsetHeight && h(v.current.offsetHeight);
+      });
+      return $.observe(v.current), () => $.disconnect();
+    }
+  }, [v]), /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: p(
+      className: g(
         L[`${O}__button`],
-        u && L[`${O}__button--hide`],
-        n && L[`${O}__button--open`]
+        b && L[`${O}__button--hide`],
+        d && L[`${O}__button--open`]
       ),
-      onClick: h,
-      "aria-expanded": n,
-      "aria-hidden": u,
+      onClick: k,
+      "aria-expanded": d,
+      "aria-hidden": b,
       "data-testid": "details-card-button"
     },
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: p(
+        className: g(
           L[`${O}__label`],
-          i && L[`${O}__label--with-margin`]
+          s && L[`${O}__label--with-margin`]
         )
       },
       r && /* @__PURE__ */ e.createElement("div", { className: L[`${O}__label__left-node`] }, r),
       /* @__PURE__ */ e.createElement(je, { size: "xs", className: L[`${O}__label__text`] }, o),
       _ && /* @__PURE__ */ e.createElement("div", { className: L[`${O}__label__right-node`] }, _)
     ),
-    !i && /* @__PURE__ */ e.createElement(
+    !s && /* @__PURE__ */ e.createElement(
       x,
       {
-        className: p(
+        className: g(
           L[`${O}__button__icon`],
-          n && L[`${O}__button__icon--open`]
+          d && L[`${O}__button__icon--open`]
         ),
         source: ea
       }
     )
-  ), i && /* @__PURE__ */ e.createElement(
+  ), s && /* @__PURE__ */ e.createElement(
     G,
     {
-      kind: n ? "float" : "text",
+      kind: d ? "float" : "text",
       icon: /* @__PURE__ */ e.createElement(
         x,
         {
           source: ea,
-          className: p(
+          className: g(
             L[`${O}__float-button__icon`],
-            n && L[`${O}__float-button__icon--open`]
+            d && L[`${O}__float-button__icon--open`]
           )
         }
       ),
-      className: p(
+      className: g(
         L[`${O}__float-button`],
-        !n && L[`${O}__float-button--closed`],
-        n && L[`${O}__float-button--open`]
+        !d && L[`${O}__float-button--closed`],
+        d && L[`${O}__float-button--open`]
       ),
-      onClick: h,
-      "aria-expanded": n,
+      onClick: k,
+      "aria-expanded": d,
       "data-testid": "details-card-floating-button"
     }
-  ), /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: p(
+      className: g(
         L[`${O}__content-wrapper`],
-        n && L[`${O}__content-wrapper--open`]
-      )
+        d && L[`${O}__content-wrapper--open`]
+      ),
+      style: {
+        maxHeight: d ? u : 0
+      }
     },
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: p(
+        ref: v,
+        className: g(
           L[`${O}__content`],
           l && L[`${O}__content--full-space`],
-          i && L[`${O}__content--spacing`]
+          s && L[`${O}__content--spacing`]
         )
       },
       t
     )
-  ));
+  )));
 }, qt = {
   "details-card-info": "lc-DetailsCardInfo-module__details-card-info___D4VRk",
   "details-card-info__label": "lc-DetailsCardInfo-module__details-card-info__label___U-KsO",
   "details-card-info__content": "lc-DetailsCardInfo-module__details-card-info__content___TFEXS"
-}, Kt = "details-card-info", Xc = ({
+}, Kt = "details-card-info", tl = ({
   children: t,
   label: a
 }) => /* @__PURE__ */ e.createElement("div", { className: qt[Kt] }, /* @__PURE__ */ e.createElement("div", { className: qt[`${Kt}__label`] }, a), /* @__PURE__ */ e.createElement("div", { className: qt[`${Kt}__content`] }, t)), Pa = {
@@ -2442,7 +2465,7 @@ const L = {
     "children",
     "className"
   ]);
-  const c = p(Pa[Fa], a);
+  const c = g(Pa[Fa], a);
   return /* @__PURE__ */ e.createElement(M, B(y({ as: "span", size: "sm" }, r), { className: c }), /* @__PURE__ */ e.createElement(
     x,
     {
@@ -2455,15 +2478,15 @@ const L = {
   "field-group": "lc-FieldGroup-module__field-group___gy8lp",
   "field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
   "field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
-}, jt = "field-group", el = (s) => {
-  var i = s, {
+}, jt = "field-group", al = (n) => {
+  var s = n, {
     className: t = "",
     children: a,
     description: r,
     error: _,
     inline: o,
     stretch: c
-  } = i, l = P(i, [
+  } = s, l = P(s, [
     "className",
     "children",
     "description",
@@ -2471,32 +2494,32 @@ const L = {
     "inline",
     "stretch"
   ]);
-  const n = p(Jt[jt], t, {
+  const i = g(Jt[jt], t, {
     [Jt[`${jt}--inline`]]: o,
     [Jt[`${jt}--stretched`]]: c
   });
-  return /* @__PURE__ */ e.createElement("div", B(y({}, l), { className: n }), a, _ && /* @__PURE__ */ e.createElement(va, null, _), r && /* @__PURE__ */ e.createElement(Ut, null, r));
+  return /* @__PURE__ */ e.createElement("div", B(y({}, l), { className: i }), a, _ && /* @__PURE__ */ e.createElement(va, null, _), r && /* @__PURE__ */ e.createElement(Ut, null, r));
 }, so = "lc-Form-module__form___1nOYF", io = "lc-Form-module__form__header___U4B7t", uo = "lc-Form-module__form__footer___1-sUX", mo = "lc-Form-module__form__label___spg-J", po = "lc-Form-module__form__helper___bhfwS", gt = {
   form: so,
   form__header: io,
   form__footer: uo,
   form__label: mo,
   form__helper: po
-}, bt = "form", tl = (l) => {
-  var s = l, {
+}, bt = "form", rl = (l) => {
+  var n = l, {
     className: t,
     children: a,
     labelText: r,
     helperText: _,
     formFooter: o
-  } = s, c = P(s, [
+  } = n, c = P(n, [
     "className",
     "children",
     "labelText",
     "helperText",
     "formFooter"
   ]);
-  return /* @__PURE__ */ e.createElement("form", y({ className: p(gt[bt], t) }, c), (r || _) && /* @__PURE__ */ e.createElement("div", { className: gt[`${bt}__header`] }, r && /* @__PURE__ */ e.createElement(je, { size: "sm", className: gt[`${bt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(M, { as: "p", size: "sm", className: gt[`${bt}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: gt[`${bt}__footer`] }, o));
+  return /* @__PURE__ */ e.createElement("form", y({ className: g(gt[bt], t) }, c), (r || _) && /* @__PURE__ */ e.createElement("div", { className: gt[`${bt}__header`] }, r && /* @__PURE__ */ e.createElement(je, { size: "sm", className: gt[`${bt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(M, { as: "p", size: "sm", className: gt[`${bt}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: gt[`${bt}__footer`] }, o));
 }, q = {
   "form-field": "lc-FormField-module__form-field___JqnX6",
   "form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
@@ -2514,7 +2537,7 @@ const L = {
   "form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
   "form-field__content": "lc-FormField-module__form-field__content___XaOx3",
   "form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
-}, K = "form-field", al = ({
+}, K = "form-field", _l = ({
   inline: t,
   error: a,
   description: r,
@@ -2522,10 +2545,10 @@ const L = {
   labelAdornment: o,
   className: c,
   labelFor: l,
-  children: s,
-  labelRightNode: i
+  children: n,
+  labelRightNode: s
 }) => {
-  const n = e.useRef(null), [d, m] = e.useState("auto"), u = p(
+  const i = e.useRef(null), [d, m] = e.useState("auto"), u = g(
     q[K],
     {
       [q[`${K}--inline`]]: t
@@ -2533,29 +2556,29 @@ const L = {
     c
   );
   return e.useEffect(() => {
-    const h = n;
+    const h = i;
     return t && h.current ? m(`${h.current.clientHeight}px`) : m("auto");
-  }), /* @__PURE__ */ e.createElement("div", { className: u }, i && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  }), /* @__PURE__ */ e.createElement("div", { className: u }, s && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: p(
+      className: g(
         q[`${K}__label-right-node`],
         q[`${K}__label-right-node--inline`]
       )
     },
-    i
+    s
   ), /* @__PURE__ */ e.createElement("div", { className: q[`${K}__row-break`] })), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: p(
+      className: g(
         q[`${K}__wrapper`],
         t && q[`${K}__wrapper--inline`]
       )
     },
-    (_ || i) && /* @__PURE__ */ e.createElement(
+    (_ || s) && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: p(
+        className: g(
           q[`${K}__label`],
           t && q[`${K}__label--inline`],
           !_ && q[`${K}__label--no-text`]
@@ -2564,7 +2587,7 @@ const L = {
       _ && /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: p(
+          className: g(
             q[`${K}__label-wrapper`],
             t && q[`${K}__label-wrapper--inline`]
           ),
@@ -2583,7 +2606,7 @@ const L = {
         o && /* @__PURE__ */ e.createElement(
           "div",
           {
-            className: p(
+            className: g(
               q[`${K}__label-adornment`],
               t && q[`${K}__label-adornment--inline`]
             )
@@ -2591,12 +2614,12 @@ const L = {
           o
         )
       ),
-      i && !t && /* @__PURE__ */ e.createElement("div", { className: p(q[`${K}__label-right-node`]) }, i)
+      s && !t && /* @__PURE__ */ e.createElement("div", { className: g(q[`${K}__label-right-node`]) }, s)
     ),
-    /* @__PURE__ */ e.createElement("div", { className: p(q[`${K}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: n }, s), a && /* @__PURE__ */ e.createElement(va, null, a), !a && r && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: g(q[`${K}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, n), a && /* @__PURE__ */ e.createElement(va, null, a), !a && r && /* @__PURE__ */ e.createElement(
       Ut,
       {
-        className: p(q[`${K}__content__description`])
+        className: g(q[`${K}__content__description`])
       },
       r
     ))
@@ -2606,7 +2629,7 @@ const L = {
   "form-group__header": "lc-FormGroup-module__form-group__header___DgGmR",
   "form-group__label": "lc-FormGroup-module__form-group__label___NC-JW",
   "form-group__helper": "lc-FormGroup-module__form-group__helper___SRuxe"
-}, Pt = "form-group", rl = (c) => {
+}, Pt = "form-group", ol = (c) => {
   var l = c, {
     className: t = "",
     children: a,
@@ -2618,13 +2641,13 @@ const L = {
     "labelText",
     "helperText"
   ]);
-  const s = p(It[Pt], t);
+  const n = g(It[Pt], t);
   return /* @__PURE__ */ e.createElement(
     "div",
     B(y(B(y({}, o), {
       role: "group"
     }), r && { "aria-label": r }), {
-      className: s
+      className: n
     }),
     /* @__PURE__ */ e.createElement("div", { className: It[`${Pt}__header`] }, /* @__PURE__ */ e.createElement(je, { as: "div", size: "sm", className: It[`${Pt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(M, { as: "div", size: "sm", className: It[`${Pt}__helper`] }, _)),
     a
@@ -2645,23 +2668,23 @@ const L = {
   "input__visibility-button": "lc-Input-module__input__visibility-button___eWrVe"
 }, Te = "input", Ra = (t, a) => e.cloneElement(t.source, {
   "data-testid": `input-icon-${t.place}`,
-  className: p(
+  className: g(
     De[`${Te}__icon`],
     De[`${Te}__icon--${t.place}`],
     {
       [De[`${Te}__icon--disabled`]]: a
     }
   )
-}), _l = e.forwardRef(
-  (i, s) => {
-    var n = i, {
+}), cl = e.forwardRef(
+  (s, n) => {
+    var i = s, {
       inputSize: t = "medium",
       error: a = !1,
       disabled: r,
       icon: _ = null,
       className: o,
       cropOnBlur: c = !0
-    } = n, l = P(n, [
+    } = i, l = P(i, [
       "inputSize",
       "error",
       "disabled",
@@ -2669,7 +2692,7 @@ const L = {
       "className",
       "cropOnBlur"
     ]);
-    const [d, m] = e.useState(!1), [u, h] = e.useState(!1), { type: v, onFocus: g, onBlur: b } = l, k = p(
+    const [d, m] = e.useState(!1), [u, h] = e.useState(!1), { type: v, onFocus: p, onBlur: b } = l, k = g(
       o,
       De[Te],
       De[`${Te}--${t}`],
@@ -2683,9 +2706,9 @@ const L = {
     return /* @__PURE__ */ e.createElement("div", { className: k, "aria-disabled": r, "tab-index": "0" }, w && Ra(_, r), /* @__PURE__ */ e.createElement(
       "input",
       B(y({}, l), {
-        ref: s,
+        ref: n,
         onFocus: (E) => {
-          m(!0), g == null || g(E);
+          m(!0), p == null || p(E);
         },
         onBlur: (E) => {
           m(!1), b == null || b(E);
@@ -2708,7 +2731,7 @@ const L = {
 ), bo = "lc-Link-module__link___kqx52", Ma = {
   link: bo,
   "link--bold": "lc-Link-module__link--bold___1rGdO"
-}, La = "link", ol = (_) => {
+}, La = "link", ll = (_) => {
   var o = _, {
     bold: t = !1,
     className: a = ""
@@ -2719,7 +2742,7 @@ const L = {
   return /* @__PURE__ */ e.createElement(
     "a",
     y({
-      className: p(
+      className: g(
         Ma[La],
         t && Ma[`${La}--bold`],
         a
@@ -2739,15 +2762,15 @@ const L = {
   modal__heading: ho,
   "modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
   modal__footer: ko
-}, Ft = "modal-base", yo = (s) => {
-  var i = s, {
+}, Ft = "modal-base", yo = (n) => {
+  var s = n, {
     children: t,
     className: a = "",
     onClose: r,
     closeOnEscPress: _ = !0,
     closeOnOverlayPress: o = !0,
     fullSpaceContent: c
-  } = i, l = P(i, [
+  } = s, l = P(s, [
     "children",
     "className",
     "onClose",
@@ -2755,7 +2778,7 @@ const L = {
     "closeOnOverlayPress",
     "fullSpaceContent"
   ]);
-  const n = p(
+  const i = g(
     ue[Ft],
     a,
     c && ue[`${Ft}--full-space`]
@@ -2776,7 +2799,7 @@ const L = {
     {
       "data-testid": "lc-modal-overlay",
       onMouseDown: d,
-      className: p(
+      className: g(
         ue[`${Ft}__overlay`],
         ue[`${Ft}__overlay--visible`]
       )
@@ -2786,7 +2809,7 @@ const L = {
       y({
         role: "dialog",
         "aria-modal": !0,
-        className: n
+        className: i
       }, l),
       t
     )
@@ -2800,15 +2823,15 @@ const L = {
   {
     kind: "plain",
     title: "Close modal",
-    className: p(
+    className: g(
       ue["modal-base__close"],
       t && ue["modal-base__close--label-type"]
     ),
     onClick: r,
     icon: /* @__PURE__ */ e.createElement(x, { source: Ne, size: "medium", customColor: a })
   }
-), qe = "modal", cl = (n) => {
-  var d = n, {
+), qe = "modal", nl = (i) => {
+  var d = i, {
     children: t,
     className: a = "",
     heading: r,
@@ -2816,8 +2839,8 @@ const L = {
     fullSpaceContent: o,
     footer: c,
     onClose: l,
-    contentClassName: s
-  } = d, i = P(d, [
+    contentClassName: n
+  } = d, s = P(d, [
     "children",
     "className",
     "heading",
@@ -2827,7 +2850,7 @@ const L = {
     "onClose",
     "contentClassName"
   ]);
-  const m = p(ue[qe], a), u = typeof t == "string", h = (v) => {
+  const m = g(ue[qe], a), u = typeof t == "string", h = (v) => {
     v.preventDefault(), v.stopPropagation(), l();
   };
   return /* @__PURE__ */ e.createElement(
@@ -2836,7 +2859,7 @@ const L = {
       className: m,
       fullSpaceContent: o,
       onClose: l
-    }, i),
+    }, s),
     _ && /* @__PURE__ */ e.createElement("div", { className: ue[`${qe}__label-header`] }, /* @__PURE__ */ e.createElement(
       je,
       {
@@ -2866,13 +2889,13 @@ const L = {
       "div",
       {
         "data-testid": "modal-body",
-        className: p(ue[`${qe}__body`], s)
+        className: g(ue[`${qe}__body`], n)
       },
       u ? /* @__PURE__ */ e.createElement(M, { as: "div" }, t) : t
     ),
     c && /* @__PURE__ */ e.createElement("div", { className: ue[`${qe}__footer`] }, c)
   );
-}, ll = ({
+}, sl = ({
   children: t,
   className: a = "",
   parentElementName: r = "body",
@@ -2892,7 +2915,7 @@ const L = {
   "modal-header__heading-body": "lc-ModalHeader-module__modal-header__heading-body___HHEF-",
   "modal-header__heading-title": "lc-ModalHeader-module__modal-header__heading-title___2R9pm",
   "modal-header__heading-description": "lc-ModalHeader-module__modal-header__heading-description___54Xvf"
-}, tt = "modal-header", nl = ({
+}, tt = "modal-header", il = ({
   title: t,
   iconProps: a,
   avatarProps: r,
@@ -2933,7 +2956,7 @@ const L = {
   "numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
   "numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
   "numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
-}, rt = "numeric-input", sl = (d) => {
+}, rt = "numeric-input", dl = (d) => {
   var m = d, {
     className: t,
     error: a,
@@ -2942,9 +2965,9 @@ const L = {
     min: o,
     disabled: c,
     noControls: l,
-    style: s,
-    onChange: i
-  } = m, n = P(m, [
+    style: n,
+    onChange: s
+  } = m, i = P(m, [
     "className",
     "error",
     "value",
@@ -2955,7 +2978,7 @@ const L = {
     "style",
     "onChange"
   ]);
-  const u = e.useRef(null), h = p(
+  const u = e.useRef(null), h = g(
     at[rt],
     {
       [at[`${rt}--error`]]: a,
@@ -2963,9 +2986,9 @@ const L = {
       [at[`${rt}--disabled`]]: c
     },
     t
-  ), v = (E) => i(String(E)), g = (E) => _ !== void 0 && E > _ ? _ : o !== void 0 && E < o ? o : E, b = (E) => {
+  ), v = (E) => s(String(E)), p = (E) => _ !== void 0 && E > _ ? _ : o !== void 0 && E < o ? o : E, b = (E) => {
     const T = parseInt(r, 10) + E;
-    return v(g(T));
+    return v(p(T));
   }, k = (E) => {
     E.key === z.arrowDown && (E.preventDefault(), b(-1)), E.key === z.arrowUp && (E.preventDefault(), b(1));
   }, f = (E, T) => T !== void 0 && parseInt(E, 10) === T, $ = (E) => {
@@ -2977,7 +3000,7 @@ const L = {
     if (T === "" || T === "-")
       return v(T);
     const S = parseInt(T, 10);
-    return v(g(S));
+    return v(p(S));
   }, w = () => {
     var E;
     return (E = u.current) == null || E.focus(), b(1);
@@ -2985,12 +3008,12 @@ const L = {
     var E;
     return (E = u.current) == null || E.focus(), b(-1);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: h, style: s }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: h, style: n }, /* @__PURE__ */ e.createElement(
     "input",
     B(y({
       type: "text",
       ref: u
-    }, n), {
+    }, i), {
       value: r,
       disabled: c,
       onChange: $,
@@ -3041,12 +3064,12 @@ function Eo(t, a) {
   if (a && a.length > 1) {
     const _ = t.map((o) => o.key).filter((o) => a.includes(o));
     for (let o = 0; o < _.length; o++) {
-      const c = _[o], l = _[o + 1], s = _[o - 1], i = l && Math.abs(
+      const c = _[o], l = _[o + 1], n = _[o - 1], s = l && Math.abs(
         t.findIndex((d) => d.key === l) - t.findIndex((d) => d.key === c)
-      ) === 1, n = s && Math.abs(
-        t.findIndex((d) => d.key === s) - t.findIndex((d) => d.key === c)
+      ) === 1, i = n && Math.abs(
+        t.findIndex((d) => d.key === n) - t.findIndex((d) => d.key === c)
       ) === 1;
-      i && n ? r[c] = "middle" : i ? r[c] = "top" : n && (r[c] = "bottom");
+      s && i ? r[c] = "middle" : s ? r[c] = "top" : i && (r[c] = "bottom");
     }
   }
   return r;
@@ -3073,37 +3096,37 @@ const j = {
   isAdjacentStyleApplied: _,
   onSelect: o
 }) => {
-  const c = (s) => s != null && s.customElement ? /* @__PURE__ */ e.createElement("div", { className: j[`${ye}__custom`] }, s.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, s.showCheckbox && /* @__PURE__ */ e.createElement(
+  const c = (n) => n != null && n.customElement ? /* @__PURE__ */ e.createElement("div", { className: j[`${ye}__custom`] }, n.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, n.showCheckbox && /* @__PURE__ */ e.createElement(
     "input",
     {
       type: "checkbox",
       className: j[`${ye}__checkbox`],
       checked: a
     }
-  ), s.icon && /* @__PURE__ */ e.createElement(
+  ), n.icon && /* @__PURE__ */ e.createElement(
     x,
     {
       className: j[`${ye}__icon`],
       kind: "link",
-      source: s.icon
+      source: n.icon
     }
-  ), s.avatarSrc && /* @__PURE__ */ e.createElement(
+  ), n.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
-      className: p(j[`${ye}__avatar`]),
-      src: s.avatarSrc,
-      alt: s.name
+      className: g(j[`${ye}__avatar`]),
+      src: n.avatarSrc,
+      alt: n.name
     }
   ), /* @__PURE__ */ e.createElement("div", { className: j[`${ye}__label-container`] }, /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: p({
-        [j[`${ye}__main-label`]]: s.secondaryText
+      className: g({
+        [j[`${ye}__main-label`]]: n.secondaryText
       })
     },
-    s.name
-  ), s.secondaryText && /* @__PURE__ */ e.createElement("span", { className: j[`${ye}__secondary-label`] }, s.secondaryText))), l = (s) => {
-    !s.disabled && o(s);
+    n.name
+  ), n.secondaryText && /* @__PURE__ */ e.createElement("span", { className: j[`${ye}__secondary-label`] }, n.secondaryText))), l = (n) => {
+    !n.disabled && o(n);
   };
   return t.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
@@ -3117,8 +3140,8 @@ const j = {
     "li",
     {
       "data-testid": t.key,
-      ref: (s) => {
-        r === t.key && (s == null || s.scrollIntoView({ block: "nearest" }));
+      ref: (n) => {
+        r === t.key && (n == null || n.scrollIntoView({ block: "nearest" }));
       },
       role: "option",
       "aria-current": r === t.key,
@@ -3127,7 +3150,7 @@ const j = {
       id: t.key,
       key: t.key,
       "data-adjacent": _,
-      className: p(j[ye], {
+      className: g(j[ye], {
         [j[`${ye}__custom`]]: t == null ? void 0 : t.customElement
       }),
       onClick: () => l(t)
@@ -3150,18 +3173,18 @@ const j = {
   selectAllOptionText: o,
   isMultiSelect: c,
   onClose: l,
-  onSelect: s,
-  onSelectAll: i
+  onSelect: n,
+  onSelectAll: s
 }) => {
-  const n = p(j[_a], {
+  const i = g(j[_a], {
     [j[`${_a}__no-results`]]: a.length === 0
   }), [d, m] = e.useState(
     null
-  ), u = e.useRef(-1), h = e.useRef(0), v = e.useRef(null), [g, b] = e.useState({}), k = (S) => {
+  ), u = e.useRef(-1), h = e.useRef(0), v = e.useRef(null), [p, b] = e.useState({}), k = (S) => {
     if (S.key === z.esc && (S.preventDefault(), l()), S.key === z.arrowUp && u.current > 0 && (S.preventDefault(), u.current = $(), m(a[u.current].key)), S.key === z.arrowDown && u.current + 1 < a.length && (S.preventDefault(), u.current = w(), m(a[u.current].key)), S.key === z.enter && a[u.current] && !a[u.current].disabled) {
       if (S.preventDefault(), a[u.current].key === ct)
-        return i();
-      s(a[u.current]);
+        return s();
+      n(a[u.current]);
     }
   };
   e.useEffect(() => {
@@ -3185,7 +3208,7 @@ const j = {
         break;
     }
     return h.current = u.current, u.current;
-  }, F = () => i(), E = (S) => r ? r.includes(S) : !1, T = () => !c || c && !o ? null : /* @__PURE__ */ e.createElement(
+  }, F = () => s(), E = (S) => r ? r.includes(S) : !1, T = () => !c || c && !o ? null : /* @__PURE__ */ e.createElement(
     "li",
     {
       ref: (S) => {
@@ -3195,7 +3218,7 @@ const j = {
       "aria-current": d === ct,
       id: ct,
       key: ct,
-      className: p(
+      className: g(
         j[Ha],
         j[`${Ha}--select-all`]
       ),
@@ -3203,11 +3226,11 @@ const j = {
     },
     o
   );
-  return t ? a.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: j["list-wrapper"] }, /* @__PURE__ */ e.createElement("div", { className: n }, _)) : /* @__PURE__ */ e.createElement("div", { className: j["list-wrapper"] }, /* @__PURE__ */ e.createElement(
+  return t ? a.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: j["list-wrapper"] }, /* @__PURE__ */ e.createElement("div", { className: i }, _)) : /* @__PURE__ */ e.createElement("div", { className: j["list-wrapper"] }, /* @__PURE__ */ e.createElement(
     "ul",
     {
       ref: v,
-      className: n,
+      className: i,
       role: "listbox",
       tabIndex: -1
     },
@@ -3217,9 +3240,9 @@ const j = {
       {
         item: S,
         isItemSelected: E(S.key),
-        isAdjacentStyleApplied: g[S.key],
+        isAdjacentStyleApplied: p[S.key],
         currentItemKey: d,
-        onSelect: s
+        onSelect: n
       }
     ))
   )) : null;
@@ -3248,18 +3271,18 @@ const j = {
   isItemSelected: o,
   isOpen: c,
   isRequired: l,
-  isMultiSelect: s,
-  size: i = "medium",
-  hideClearButton: n,
+  isMultiSelect: n,
+  size: s = "medium",
+  hideClearButton: i,
   onTrigger: d,
   onClear: m,
   testId: u
 }) => {
-  const h = e.useRef(null), v = p(
+  const h = e.useRef(null), v = g(
     oe[ae],
-    oe[`${ae}--${i}`],
-    s && oe[`${ae}--multi-select`],
-    s && o && oe[`${ae}--multi-select--with-items`],
+    oe[`${ae}--${s}`],
+    n && oe[`${ae}--multi-select`],
+    n && o && oe[`${ae}--multi-select--with-items`],
     r && oe[`${ae}--disabled`],
     c && oe[`${ae}--focused`],
     _ && oe[`${ae}--error`]
@@ -3272,27 +3295,27 @@ const j = {
       a || document.removeEventListener("keydown", f);
     };
   }, [a]);
-  const g = (f) => {
+  const p = (f) => {
     d(f);
   }, b = (f) => {
     f.stopPropagation(), m();
-  }, k = !n && o && !r && !l;
+  }, k = !i && o && !r && !l;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: h,
       className: v,
-      onClick: g,
+      onClick: p,
       tabIndex: 0,
       "data-testid": u
     },
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: p(
+        className: g(
           oe[`${ae}__content`],
-          oe[`${ae}__content--${i}`],
-          s && o && oe[`${ae}__content--with-items`]
+          oe[`${ae}__content--${s}`],
+          n && o && oe[`${ae}__content--with-items`]
         )
       },
       t
@@ -3300,9 +3323,9 @@ const j = {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: p(
+        className: g(
           oe[`${ae}__controls`],
-          oe[`${ae}__controls--${i}`]
+          oe[`${ae}__controls--${s}`]
         )
       },
       k && /* @__PURE__ */ e.createElement(
@@ -3354,9 +3377,9 @@ const j = {
     kind: o = "default",
     onRemove: c,
     outline: l = !1,
-    leftNode: s,
-    rightNode: i,
-    customColor: n
+    leftNode: n,
+    rightNode: s,
+    customColor: i
   } = u, d = P(u, [
     "className",
     "children",
@@ -3369,7 +3392,7 @@ const j = {
     "rightNode",
     "customColor"
   ]);
-  const h = p(
+  const h = g(
     Ae[Ie],
     t,
     Ae[`${Ie}--${_}`],
@@ -3377,43 +3400,43 @@ const j = {
     {
       [Ae[`${Ie}--dismissible`]]: r,
       [Ae[`${Ie}--outline`]]: l,
-      [Ae[`${Ie}--${Bo(n)}`]]: !!n
+      [Ae[`${Ie}--${Bo(i)}`]]: !!i
     }
-  ), v = _ === "small" ? "small" : "medium", g = () => n ? l ? {
+  ), v = _ === "small" ? "small" : "medium", p = () => i ? l ? {
     style: {
       backgroundColor: "transparent",
-      color: n,
-      borderColor: n
+      color: i,
+      borderColor: i
     }
-  } : { style: { backgroundColor: n } } : {}, b = () => {
-    if (n)
-      return l ? n : ba(n, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
+  } : { style: { backgroundColor: i } } : {}, b = () => {
+    if (i)
+      return l ? i : ba(i, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
   };
   return /* @__PURE__ */ e.createElement(
     M,
     B(y(y({
       className: h
-    }, d), g()), {
+    }, d), p()), {
       as: "div",
       size: "md"
     }),
-    s && /* @__PURE__ */ e.createElement(
+    n && /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "lc-tag-left-node",
         className: Ae[`${Ie}__node`],
         style: { color: b() }
       },
-      s
+      n
     ),
     /* @__PURE__ */ e.createElement("div", { className: Ae[`${Ie}__content`] }, a),
-    i && /* @__PURE__ */ e.createElement(
+    s && /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "lc-tag-right-node",
         style: { color: b() }
       },
-      i
+      s
     ),
     r && /* @__PURE__ */ e.createElement(
       "button",
@@ -3458,36 +3481,36 @@ const j = {
   items: o,
   type: c,
   clearSearchAfterSelection: l,
-  size: s,
-  onItemRemove: i,
-  onFilter: n
+  size: n,
+  onItemRemove: s,
+  onFilter: i
 }) => {
   const d = t && !a, m = e.useRef(null);
   e.useEffect(() => {
-    l && (n(""), m.current && (m.current.value = "", m.current.focus()));
+    l && (i(""), m.current && (m.current.value = "", m.current.focus()));
   }, [o, l]);
-  const u = (g) => c === "single" && t && !a ? null : g != null && g.customElement ? /* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item`] }, g.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item`] }, g.icon && /* @__PURE__ */ e.createElement(
+  const u = (p) => c === "single" && t && !a ? null : p != null && p.customElement ? /* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item`] }, p.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item`] }, p.icon && /* @__PURE__ */ e.createElement(
     x,
     {
-      source: g.icon,
+      source: p.icon,
       className: ge[`${be}__item__icon`]
     }
-  ), g.avatarSrc && /* @__PURE__ */ e.createElement(
+  ), p.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
-      src: g.avatarSrc,
+      src: p.avatarSrc,
       alt: "",
       className: ge[`${be}__item__avatar`]
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item__content`] }, g.name)), h = (g) => {
-    n(g.target.value);
+  ), /* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item__content`] }, p.name)), h = (p) => {
+    i(p.target.value);
   }, v = () => /* @__PURE__ */ e.createElement(
     "input",
     {
       ref: m,
-      className: p(
+      className: g(
         ge[`${be}__input`],
-        ge[`${be}__input--${s}`]
+        ge[`${be}__input--${n}`]
       ),
       placeholder: "Select option",
       onChange: h,
@@ -3497,29 +3520,29 @@ const j = {
   return !o || o.length === 0 ? d ? v() : /* @__PURE__ */ e.createElement("div", null, _) : /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: p(ge[be], {
+      className: g(ge[be], {
         [ge[`${be}--single`]]: c === "single"
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item-container`] }, c === "single" ? u(o[0]) : o.map((g) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item-container`] }, c === "single" ? u(o[0]) : o.map((p) => /* @__PURE__ */ e.createElement(
       _r,
       {
-        key: g.name,
-        className: p(
+        key: p.name,
+        className: g(
           ge[`${be}__tag`],
-          ge[`${be}__tag--${s}`]
+          ge[`${be}__tag--${n}`]
         ),
         dismissible: !r,
-        onRemove: () => i(g)
+        onRemove: () => s(p)
       },
-      u(g)
+      u(p)
     ))),
     d && v()
   );
 }, Io = "lc-Picker-module__picker___GRj9W", Po = "lc-Picker-module__picker__container___s0PUc", za = {
   picker: Io,
   picker__container: Po
-}, Ga = "picker", il = (k) => {
+}, Ga = "picker", ul = (k) => {
   var f = k, {
     className: t,
     disabled: a,
@@ -3528,15 +3551,15 @@ const j = {
     selected: o,
     size: c = "medium",
     placeholder: l = "Select option",
-    isRequired: s,
-    noSearchResultText: i = "No results found",
-    selectAllOptionText: n,
+    isRequired: n,
+    noSearchResultText: s = "No results found",
+    selectAllOptionText: i,
     type: d = "single",
     searchDisabled: m = !1,
     hideClearButton: u,
     openedOnInit: h = !1,
     clearSearchAfterSelection: v,
-    onSelect: g
+    onSelect: p
   } = f, b = P(f, [
     "className",
     "disabled",
@@ -3555,7 +3578,7 @@ const j = {
     "clearSearchAfterSelection",
     "onSelect"
   ]);
-  const [$, w] = e.useState(h), [F, E] = e.useState(null), T = e.useRef(null), S = p(za[Ga], t);
+  const [$, w] = e.useState(h), [F, E] = e.useState(null), T = e.useRef(null), S = g(za[Ga], t);
   e.useEffect(() => {
     if ($) {
       const R = (Y) => {
@@ -3577,30 +3600,30 @@ const j = {
     w(!1);
   }, J = (R) => {
     if (d === "single")
-      return w(!1), g([R]);
+      return w(!1), p([R]);
     const U = R.key, Y = Ue;
     if (!Y)
-      return g([R]);
+      return p([R]);
     const N = Y.includes(
       U
     ) ? Y.filter((W) => W !== U) : Y.concat(U);
     if ((N == null ? void 0 : N.length) === 0)
-      return g(null);
+      return p(null);
     const ee = _.filter(
       (W) => N.includes(W.key)
     );
-    g(ee);
+    p(ee);
   }, X = (R) => !R.disabled && !R.groupHeader && R.key !== ct, Le = () => {
     w(!1);
     const R = Ge.filter(X);
-    g(R);
+    p(R);
   }, Be = () => {
-    w(!1), g(null);
+    w(!1), p(null);
   }, fe = (R) => E(R), Oe = (R) => {
     const U = o ? o.filter((Y) => Y !== R) : null;
     if ((U == null ? void 0 : U.length) === 0)
-      return g(null);
-    g(U);
+      return p(null);
+    p(U);
   }, Ge = e.useMemo(() => F ? _.filter((R) => {
     if (R.groupHeader)
       return !1;
@@ -3616,7 +3639,7 @@ const j = {
       isOpen: $,
       isDisabled: a,
       isItemSelected: !!o,
-      isRequired: s,
+      isRequired: n,
       isMultiSelect: d === "multi",
       size: c,
       hideClearButton: u,
@@ -3645,8 +3668,8 @@ const j = {
       items: Ge,
       isOpen: $,
       isMultiSelect: d === "multi",
-      emptyStateText: i,
-      selectAllOptionText: n,
+      emptyStateText: s,
+      selectAllOptionText: i,
       onClose: A,
       onSelect: J,
       onSelectAll: Le
@@ -3654,7 +3677,7 @@ const j = {
   )));
 }, Fo = "lc-Popover-module__popover___8X1b2", Ro = {
   popover: Fo
-}, dl = ({
+}, ml = ({
   triggerRenderer: t,
   onClose: a,
   onOpen: r,
@@ -3662,21 +3685,21 @@ const j = {
   className: o,
   triggerClassName: c,
   placement: l,
-  flipOptions: s,
-  offsetSize: i = 4,
-  isVisible: n,
+  flipOptions: n,
+  offsetSize: s = 4,
+  isVisible: i,
   openedOnInit: d,
   closeOnEsc: m = !0,
   useDismissHookProps: u,
   useClickHookProps: h,
   floatingStrategy: v
 }) => {
-  const [g, b] = e.useState(d), k = n !== void 0, f = k ? n : g, $ = typeof _ == "string", w = typeof t == "function", F = (fe) => {
+  const [p, b] = e.useState(d), k = i !== void 0, f = k ? i : p, $ = typeof _ == "string", w = typeof t == "function", F = (fe) => {
     fe ? r == null || r() : a == null || a(), !k && b(fe);
   }, { refs: E, context: T, floatingStyles: S } = na({
     open: f,
     onOpenChange: F,
-    middleware: [sa(i), ia(s), Ka()],
+    middleware: [sa(s), ia(n), Ka()],
     placement: l,
     strategy: v,
     whileElementsMounted: da
@@ -3686,7 +3709,7 @@ const j = {
     se,
     A,
     J
-  ]), Be = p(Ro.popover, o);
+  ]), Be = g(Ro.popover, o);
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     B(y({
@@ -3737,18 +3760,18 @@ const ft = {
   large: 56
 }, vt = "progress-circle", zo = e.forwardRef(
   (l, c) => {
-    var s = l, {
+    var n = l, {
       status: t = "normal",
       progressValue: a,
       className: r,
       size: _ = "medium"
-    } = s, o = P(s, [
+    } = n, o = P(n, [
       "status",
       "progressValue",
       "className",
       "size"
     ]);
-    const i = cr(t, a), n = or(i, a), d = Oo[_], m = Ho[_], u = p(
+    const s = cr(t, a), i = or(s, a), d = Oo[_], m = Ho[_], u = g(
       ft[vt],
       {
         [ft[`${vt}--${_}`]]: _,
@@ -3757,8 +3780,8 @@ const ft = {
       r
     ), h = 2 * Math.PI * ((m - d) / 2), v = {
       strokeDasharray: h.toFixed(3),
-      strokeDashoffset: `${((100 - n) / 100 * h).toFixed(3)}px`
-    }, g = `${m / 2} ${m / 2} ${m} ${m}`;
+      strokeDashoffset: `${((100 - i) / 100 * h).toFixed(3)}px`
+    }, p = `${m / 2} ${m / 2} ${m} ${m}`;
     return /* @__PURE__ */ e.createElement(
       "div",
       y({
@@ -3766,7 +3789,7 @@ const ft = {
         ref: c,
         role: "progressbar"
       }, o),
-      /* @__PURE__ */ e.createElement("svg", { viewBox: g }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("svg", { viewBox: p }, /* @__PURE__ */ e.createElement(
         "circle",
         {
           className: ft[`${vt}__bg-line--${t}`],
@@ -3802,18 +3825,18 @@ const ft = {
   "progress-bar__indicator--normal": "lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"
 }, Mt = "progress-bar", Go = e.forwardRef(
   (l, c) => {
-    var s = l, {
+    var n = l, {
       status: t = "normal",
       percent: a,
       size: r = "medium",
       className: _ = ""
-    } = s, o = P(s, [
+    } = n, o = P(n, [
       "status",
       "percent",
       "size",
       "className"
     ]);
-    const i = cr(t, a), n = or(i, a), d = p(
+    const s = cr(t, a), i = or(s, a), d = g(
       Rt[Mt],
       {
         [Rt[`${Mt}--${r}`]]: r,
@@ -3832,7 +3855,7 @@ const ft = {
         "div",
         {
           className: Rt[`${Mt}__indicator--${t}`],
-          style: { width: `${n}%` }
+          style: { width: `${i}%` }
         }
       )
     );
@@ -3849,7 +3872,7 @@ const ft = {
   "promo-banner--small": "lc-PromoBanner-module__promo-banner--small___7sWLV",
   "promo-banner--large": "lc-PromoBanner-module__promo-banner--large___pMiCU",
   "promo-banner__close-icon": "lc-PromoBanner-module__promo-banner__close-icon___GowBL"
-}, Uo = 400, Wo = 800, Vo = 500, $e = "promo-banner", ul = ({
+}, Uo = 400, Wo = 800, Vo = 500, $e = "promo-banner", pl = ({
   className: t,
   buttonText: a,
   children: r,
@@ -3857,11 +3880,11 @@ const ft = {
   img: o,
   light: c = !1,
   linkText: l,
-  onButtonClick: s,
-  onClose: i,
-  onLinkClick: n
+  onButtonClick: n,
+  onClose: s,
+  onLinkClick: i
 }) => {
-  const d = e.useRef(null), [m, u] = e.useState("medium"), h = p(
+  const d = e.useRef(null), [m, u] = e.useState("medium"), h = g(
     Ee[$e],
     {
       [Ee[`${$e}--light`]]: c,
@@ -3871,12 +3894,12 @@ const ft = {
     t
   );
   e.useEffect(() => {
-    const g = () => d.current && d.current.offsetWidth <= Uo ? u("small") : d.current && d.current.offsetWidth >= Wo ? u("large") : u("medium"), b = Ja(
-      g,
+    const p = () => d.current && d.current.offsetWidth <= Uo ? u("small") : d.current && d.current.offsetWidth >= Wo ? u("large") : u("medium"), b = Ja(
+      p,
       Vo
     );
-    return window.addEventListener("resize", b), g(), () => {
-      b.cancel(), window.removeEventListener("resize", g);
+    return window.addEventListener("resize", b), p(), () => {
+      b.cancel(), window.removeEventListener("resize", p);
     };
   }, []);
   const v = /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__footer`] }, a && /* @__PURE__ */ e.createElement(
@@ -3884,17 +3907,17 @@ const ft = {
     {
       kind: "primary",
       size: "compact",
-      onClick: s,
+      onClick: n,
       className: Ee[`${$e}__button-text`]
     },
     a
-  ), l && /* @__PURE__ */ e.createElement(G, { size: "compact", kind: "text", onClick: n }, l));
-  return /* @__PURE__ */ e.createElement("div", { ref: d, className: h }, /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: Ee[`${$e}__img`] }), /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__header`] }, _), /* @__PURE__ */ e.createElement(M, { as: "div" }, r), m !== "large" && v), m === "large" && v), i && /* @__PURE__ */ e.createElement(
+  ), l && /* @__PURE__ */ e.createElement(G, { size: "compact", kind: "text", onClick: i }, l));
+  return /* @__PURE__ */ e.createElement("div", { ref: d, className: h }, /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: Ee[`${$e}__img`] }), /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__header`] }, _), /* @__PURE__ */ e.createElement(M, { as: "div" }, r), m !== "large" && v), m === "large" && v), s && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
       className: Ee[`${$e}__close-icon`],
-      onClick: i
+      onClick: s
     },
     /* @__PURE__ */ e.createElement(x, { source: Ne, size: "large", kind: "primary" })
   ));
@@ -3907,7 +3930,7 @@ const ft = {
   "promo-banner-v2__additional-content": "lc-PromoBannerV2-module__promo-banner-v2__additional-content___LpU9B",
   "promo-banner-v2__close": "lc-PromoBannerV2-module__promo-banner-v2__close___rOh-U",
   "promo-banner-v2__close__btn": "lc-PromoBannerV2-module__promo-banner-v2__close__btn___5AZQC"
-}, Ke = "promo-banner-v2", ml = ({
+}, Ke = "promo-banner-v2", gl = ({
   children: t,
   className: a,
   additionalContent: r,
@@ -3915,7 +3938,7 @@ const ft = {
   secondaryButton: o,
   onClose: c
 }) => {
-  const l = p(He["main-wrapper"], a);
+  const l = g(He["main-wrapper"], a);
   return /* @__PURE__ */ e.createElement("div", { role: "banner", className: l }, /* @__PURE__ */ e.createElement("div", { className: He[Ke] }, /* @__PURE__ */ e.createElement("div", { className: He[`${Ke}__content`] }, t, (_ || o) && /* @__PURE__ */ e.createElement("div", { className: He[`${Ke}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
     G,
     {
@@ -3951,14 +3974,14 @@ const ft = {
   "radio-button__helper": "lc-RadioButton-module__radio-button__helper___r8gJJ",
   "radio-button--selected": "lc-RadioButton-module__radio-button--selected___s9lqj",
   "radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
-}, Fe = "radio-button", pl = e.forwardRef(
-  (s, l) => {
-    var i = s, { children: t, className: a = "", description: r, checked: _, disabled: o } = i, c = P(i, ["children", "className", "description", "checked", "disabled"]);
-    const n = p(Pe[Fe], a, {
+}, Fe = "radio-button", bl = e.forwardRef(
+  (n, l) => {
+    var s = n, { children: t, className: a = "", description: r, checked: _, disabled: o } = s, c = P(s, ["children", "className", "description", "checked", "disabled"]);
+    const i = g(Pe[Fe], a, {
       [Pe[`${Fe}--selected`]]: _,
       [Pe[`${Fe}--disabled`]]: o
     });
-    return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement("label", { className: Pe[`${Fe}__label`] }, /* @__PURE__ */ e.createElement("div", { className: Pe[`${Fe}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: Pe[`${Fe}__inner-circle`] }), /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: Pe[`${Fe}__label`] }, /* @__PURE__ */ e.createElement("div", { className: Pe[`${Fe}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: Pe[`${Fe}__inner-circle`] }), /* @__PURE__ */ e.createElement(
       "input",
       B(y({}, c), {
         className: Pe[`${Fe}__input`],
@@ -3982,7 +4005,7 @@ const ft = {
   "search-input__clear-icon": "lc-Search-module__search-input__clear-icon___LoNkc",
   "search-input__loader": "lc-Search-module__search-input__loader___pkpIG",
   "search-input__input": "lc-Search-module__search-input__input___OhyTr"
-}, Ce = "search-input", Yo = `${Ce}__input`, gl = ({
+}, Ce = "search-input", Yo = `${Ce}__input`, fl = ({
   isCollapsable: t,
   isDisabled: a,
   isLoading: r,
@@ -3990,41 +4013,41 @@ const ft = {
   size: o = "medium",
   value: c,
   className: l,
-  onChange: s
+  onChange: n
 }) => {
-  const [i, n] = e.useState(!0), [d, m] = e.useState(!1), u = e.useRef(null), h = !!c && !a && !r, v = t && !i && "true", g = p(
+  const [s, i] = e.useState(!0), [d, m] = e.useState(!1), u = e.useRef(null), h = !!c && !a && !r, v = t && !s && "true", p = g(
     l,
     Se[Ce],
     Se[`${Ce}--${o}`],
     d && Se[`${Ce}--focused`],
     a && Se[`${Ce}--disabled`],
     t && Se[`${Ce}--collapsable`],
-    !i && Se[`${Ce}--collapsable--open`]
+    !s && Se[`${Ce}--collapsable--open`]
   );
   e.useEffect(() => {
-    t && c && n(!1);
+    t && c && i(!1);
   }, [t]);
   const b = (E) => {
     const T = E.currentTarget.value;
-    s(T);
+    n(T);
   }, k = () => {
-    s("");
+    n("");
   }, f = () => {
     var E;
     (E = u.current) == null || E.focus();
   }, $ = () => {
-    t && n(!1), m(!0);
+    t && i(!1), m(!0);
   }, w = () => {
-    t && !c && n(!0), m(!1);
+    t && !c && i(!0), m(!1);
   }, F = (E) => {
-    E.key === z.enter && (E.preventDefault(), s(c));
+    E.key === z.enter && (E.preventDefault(), n(c));
   };
   return /* @__PURE__ */ e.createElement(
     "div",
     {
       "aria-expanded": v,
       role: "search",
-      className: g,
+      className: p,
       onClick: f
     },
     /* @__PURE__ */ e.createElement(
@@ -4101,7 +4124,7 @@ const ft = {
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
   switch__icon: Zo
-}, re = "switch", bl = (m) => {
+}, re = "switch", vl = (m) => {
   var u = m, {
     className: t = "",
     defaultOn: a = !1,
@@ -4110,9 +4133,9 @@ const ft = {
     on: o,
     onChange: c,
     size: l = "large",
-    state: s = "regular",
-    innerRef: i,
-    ariaLabel: n
+    state: n = "regular",
+    innerRef: s,
+    ariaLabel: i
   } = u, d = P(u, [
     "className",
     "defaultOn",
@@ -4125,34 +4148,34 @@ const ft = {
     "innerRef",
     "ariaLabel"
   ]);
-  const h = o !== void 0, [v, g] = e.useState(
+  const h = o !== void 0, [v, p] = e.useState(
     () => h ? o : a
-  ), b = h ? o : v, k = s === "loading", f = s === "locked", $ = l === "large" ? "small" : "xsmall", w = b ? "on" : "off", F = r || k || f, E = F ? "disabled" : "enabled", T = p(
+  ), b = h ? o : v, k = n === "loading", f = n === "locked", $ = l === "large" ? "small" : "xsmall", w = b ? "on" : "off", F = r || k || f, E = F ? "disabled" : "enabled", T = g(
     ce[re],
     ce[`${re}--${l}`],
     t
   ), S = (se) => {
-    c == null || c(se, !b), h || (se.stopPropagation(), g((A) => !A));
+    c == null || c(se, !b), h || (se.stopPropagation(), p((A) => !A));
   };
   return /* @__PURE__ */ e.createElement("span", { className: T }, /* @__PURE__ */ e.createElement(
     "input",
     y({
       type: "checkbox",
-      className: p(
+      className: g(
         ce[`${re}__input`],
         ce[`${re}__input--${E}`]
       ),
       onChange: S,
       checked: b,
       name: _,
-      ref: i,
+      ref: s,
       disabled: F,
-      "aria-label": n
+      "aria-label": i
     }, d)
   ), /* @__PURE__ */ e.createElement("span", { className: ce[`${re}__container`] }, /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: p(
+      className: g(
         ce[`${re}__track`],
         ce[`${re}__track--${w}`],
         ce[`${re}__track--${E}`]
@@ -4161,7 +4184,7 @@ const ft = {
   ), /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: p(
+      className: g(
         ce[`${re}__slider`],
         ce[`${re}__slider--${l}`],
         ce[`${re}__slider--${l}--${w}`]
@@ -4170,7 +4193,7 @@ const ft = {
     k && /* @__PURE__ */ e.createElement(
       fa,
       {
-        className: p(
+        className: g(
           ce[`${re}__loader`],
           ce[`${re}__loader--${l}`]
         )
@@ -4196,15 +4219,15 @@ const ft = {
   tab__badge: tc,
   "tab--selected": "lc-Tab-module__tab--selected___c0EkL",
   "tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
-}, ot = "tab", fl = (s) => {
-  var i = s, {
+}, ot = "tab", hl = (n) => {
+  var s = n, {
     children: t,
     className: a,
     count: r,
     isSelected: _,
     asBadge: o,
     size: c = "medium"
-  } = i, l = P(i, [
+  } = s, l = P(s, [
     "children",
     "className",
     "count",
@@ -4212,19 +4235,19 @@ const ft = {
     "asBadge",
     "size"
   ]);
-  const { disabled: n } = l, d = r !== void 0 && !o, m = r !== void 0 && o;
+  const { disabled: i } = l, d = r !== void 0 && !o, m = r !== void 0 && o;
   return /* @__PURE__ */ e.createElement(
     M,
     B(y({}, l), {
       as: l.href ? "a" : "button",
       size: "md",
       bold: _,
-      className: p(
+      className: g(
         a,
         _t[ot],
         _t[`${ot}--${c}`],
         _ && _t[`${ot}--selected`],
-        n && _t[`${ot}--disabled`]
+        i && _t[`${ot}--disabled`]
       )
     }),
     t,
@@ -4242,13 +4265,13 @@ const ft = {
 }, ac = "lc-TabsWrapper-module__tabs___Y2xyD", rc = "lc-TabsWrapper-module__tabs__list___i6tVO", lr = {
   tabs: ac,
   tabs__list: rc
-}, nr = "tabs", vl = ({
+}, nr = "tabs", kl = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: p(lr[nr], t) }, a), hl = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: g(lr[nr], t) }, a), yl = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: p(lr[`${nr}__list`], t) }, a), _c = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: g(lr[`${nr}__list`], t) }, a), _c = ({
   className: t = "",
   innerEditableRef: a,
   inputRef: r,
@@ -4256,8 +4279,8 @@ const ft = {
   remove: o,
   value: c
 }) => {
-  const [l, s] = e.useState(!1), i = () => a.current, n = () => {
-    const v = i();
+  const [l, n] = e.useState(!1), s = () => a.current, i = () => {
+    const v = s();
     return v ? v.innerText : "";
   }, d = () => {
     r && r.current && r.current.focus();
@@ -4266,9 +4289,9 @@ const ft = {
       v.preventDefault(), d();
       return;
     }
-    v.key === z.backspace && n() === "" && (s(!0), o(), d());
+    v.key === z.backspace && i() === "" && (n(!0), o(), d());
   }, u = () => {
-    const v = i();
+    const v = s();
     if (!(l || !v)) {
       if (v.innerText === "") {
         o();
@@ -4278,8 +4301,8 @@ const ft = {
     }
   }, h = (v) => {
     v.preventDefault();
-    const g = v.clipboardData.getData("text/plain");
-    document.execCommand("insertHTML", !1, $a(g));
+    const p = v.clipboardData.getData("text/plain");
+    document.execCommand("insertHTML", !1, $a(p));
   };
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -4309,24 +4332,24 @@ const ft = {
   update: c,
   size: l
 }) => {
-  const s = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), i = e.useRef(null), n = () => r(a);
+  const n = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), s = e.useRef(null), i = () => r(a);
   return /* @__PURE__ */ e.createElement(
     _r,
     {
-      kind: s ? "default" : "error",
+      kind: n ? "default" : "error",
       dismissible: !0,
       size: l,
-      onRemove: n
+      onRemove: i
     },
     /* @__PURE__ */ e.createElement(
       _c,
       {
         value: t,
         inputRef: o,
-        innerEditableRef: i,
+        innerEditableRef: s,
         className: yt[`${oc}__content`],
         change: (d) => c(a, d),
-        remove: n,
+        remove: i,
         validator: _
       }
     )
@@ -4346,9 +4369,9 @@ const ft = {
     error: o,
     placeholder: c,
     size: l = "medium",
-    className: s,
-    inputClassName: i,
-    onBlur: n,
+    className: n,
+    inputClassName: s,
+    onBlur: i,
     addOnBlur: d = !0
   } = h, m = P(h, [
     "id",
@@ -4363,14 +4386,14 @@ const ft = {
     "onBlur",
     "addOnBlur"
   ]);
-  const v = p(
+  const v = g(
     yt[Lt],
     {
       [yt[`${Lt}--error`]]: o
     },
-    s
-  ), g = p(
-    i,
+    n
+  ), p = g(
+    s,
     yt[`${Lt}__input`],
     yt[`${Lt}__input--${l}`]
   ), [b, k] = e.useState(""), f = e.useRef(null), $ = (A) => {
@@ -4389,7 +4412,7 @@ const ft = {
       w(a.length - 1);
     }
   }, T = (A) => {
-    d && $(b), n == null || n(A);
+    d && $(b), i == null || i(A);
   }, S = (A, J) => {
     const X = [...a || []];
     X.reduce(
@@ -4418,7 +4441,7 @@ const ft = {
     B(y({}, m), {
       id: t,
       ref: f,
-      className: g,
+      className: p,
       placeholder: c,
       value: b,
       onChange: F,
@@ -4427,15 +4450,15 @@ const ft = {
       onBlur: T
     })
   )), o && /* @__PURE__ */ e.createElement(va, null, o));
-}, ic = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i, dc = "name@company.com", uc = (t) => ic.test(t), kl = (s) => {
-  var i = s, {
+}, ic = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i, dc = "name@company.com", uc = (t) => ic.test(t), El = (n) => {
+  var s = n, {
     id: t,
     tags: a,
     onChange: r,
     error: _,
     placeholder: o = dc,
     size: c
-  } = i, l = P(i, [
+  } = s, l = P(s, [
     "id",
     "tags",
     "onChange",
@@ -4498,15 +4521,15 @@ const ft = {
   info: {
     source: ca
   }
-}, ze = "toast", vc = (s) => {
-  var i = s, {
+}, ze = "toast", vc = (n) => {
+  var s = n, {
     action: t,
     className: a,
     children: r,
     removable: _,
     kind: o = "info",
     onClose: c
-  } = i, l = P(i, [
+  } = s, l = P(s, [
     "action",
     "className",
     "children",
@@ -4514,12 +4537,12 @@ const ft = {
     "kind",
     "onClose"
   ]);
-  const n = p(
+  const i = g(
     Q[ze],
     Q[`${ze}--${o}`],
     a
   ), d = typeof r == "string", m = (u) => u && u.closesOnClick && c ? (u.onClick(), c()) : u.onClick();
-  return /* @__PURE__ */ e.createElement("div", y({ className: n }, l), /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__icon`] }, /* @__PURE__ */ e.createElement(x, B(y({}, fc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__content`] }, d ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__actions`] }, t && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", y({ className: i }, l), /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__icon`] }, /* @__PURE__ */ e.createElement(x, B(y({}, fc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__content`] }, d ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__actions`] }, t && /* @__PURE__ */ e.createElement(
     G,
     {
       className: Q[`${ze}__actions--custom`],
@@ -4531,7 +4554,7 @@ const ft = {
   ), _ && /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: p(
+      className: g(
         Q[`${ze}__actions__button`],
         Q[`${ze}__actions__button--${o}`]
       ),
@@ -4540,7 +4563,7 @@ const ft = {
     },
     /* @__PURE__ */ e.createElement(x, { source: Ne, size: "medium" })
   )));
-}, hc = 200, ht = "toast-wrapper", yl = ({
+}, hc = 200, ht = "toast-wrapper", $l = ({
   className: t,
   toasts: a = [],
   fixed: r = !0,
@@ -4549,7 +4572,7 @@ const ft = {
   verticalPosition: c = "top",
   horizontalPosition: l = "center"
 }) => {
-  const s = p(
+  const n = g(
     Q[ht],
     {
       [Q[`${ht}--fixed`]]: r,
@@ -4559,10 +4582,10 @@ const ft = {
     },
     t
   );
-  return /* @__PURE__ */ e.createElement("div", { className: s }, /* @__PURE__ */ e.createElement(Qa, { component: null }, a.map(({ id: i, kind: n, content: d, removable: m, action: u, onClose: h }) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(Qa, { component: null }, a.map(({ id: s, kind: i, content: d, removable: m, action: u, onClose: h }) => /* @__PURE__ */ e.createElement(
     Za,
     {
-      key: i,
+      key: s,
       classNames: {
         enter: Q[`toast-appear--${o}`],
         enterActive: Q[`toast-appear-active--${o}`],
@@ -4574,7 +4597,7 @@ const ft = {
     /* @__PURE__ */ e.createElement(
       vc,
       {
-        kind: n,
+        kind: i,
         onClose: h,
         removable: m,
         action: u
@@ -4587,17 +4610,17 @@ const ft = {
   "textarea--focused": "lc-Textarea-module__textarea--focused___1vtEx",
   "textarea--disabled": "lc-Textarea-module__textarea--disabled___xXaGv",
   "textarea--error": "lc-Textarea-module__textarea--error___0EGuq"
-}, Ht = "textarea", El = e.forwardRef(
+}, Ht = "textarea", wl = e.forwardRef(
   (o, _) => {
     var c = o, { className: t, error: a } = c, r = P(c, ["className", "error"]);
-    const { disabled: l, onBlur: s, onFocus: i } = r, [n, d] = e.useState(!1), m = p(t, Ot[Ht], {
+    const { disabled: l, onBlur: n, onFocus: s } = r, [i, d] = e.useState(!1), m = g(t, Ot[Ht], {
       [Ot[`${Ht}--disabled`]]: l,
-      [Ot[`${Ht}--focused`]]: n,
+      [Ot[`${Ht}--focused`]]: i,
       [Ot[`${Ht}--error`]]: a
     }), u = (v) => {
-      d(!1), s == null || s(v);
+      d(!1), n == null || n(v);
     }, h = (v) => {
-      d(!0), i == null || i(v);
+      d(!0), s == null || s(v);
     };
     return /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement(
       "textarea",
@@ -4650,12 +4673,12 @@ const ft = {
     progressValue: o,
     size: c,
     status: l = "normal",
-    onCloseButtonClick: s,
-    onRetryButtonClick: i
-  }, n) => /* @__PURE__ */ e.createElement("div", { className: we[Re], ref: n }, r && l !== "success" && /* @__PURE__ */ e.createElement("div", { className: we[`${Re}__icon`] }, r), l === "success" && /* @__PURE__ */ e.createElement(
+    onCloseButtonClick: n,
+    onRetryButtonClick: s
+  }, i) => /* @__PURE__ */ e.createElement("div", { className: we[Re], ref: i }, r && l !== "success" && /* @__PURE__ */ e.createElement("div", { className: we[`${Re}__icon`] }, r), l === "success" && /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: p(
+      className: g(
         we[`${Re}__icon`],
         we[`${Re}__icon--success`]
       )
@@ -4664,14 +4687,14 @@ const ft = {
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: p(we[`${Re}__wrapper`], {
+      className: g(we[`${Re}__wrapper`], {
         [we[`${Re}__wrapper--with-icon`]]: r
       })
     },
     /* @__PURE__ */ e.createElement("div", { className: we[`${Re}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: p(we[Xt], {
+        className: g(we[Xt], {
           [we[`${Xt}--success`]]: l === "success",
           [we[`${Xt}--error`]]: l === "error"
         })
@@ -4682,7 +4705,7 @@ const ft = {
     ), t !== "hidden" && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: p({
+        className: g({
           [we[`${Re}__wrapper__header__actions`]]: t === "hover"
         })
       },
@@ -4690,8 +4713,8 @@ const ft = {
         oa,
         {
           status: l,
-          onCloseButtonClick: s,
-          onRetryButtonClick: i
+          onCloseButtonClick: n,
+          onRetryButtonClick: s
         }
       )
     )),
@@ -4733,7 +4756,7 @@ const ft = {
     status: t,
     progressValue: a
   }
-), $l = ({
+), Cl = ({
   children: t,
   className: a,
   progressValue: r,
@@ -4741,24 +4764,24 @@ const ft = {
   isExpanded: o,
   errorMessage: c,
   status: l = "normal",
-  icon: s,
-  size: i,
-  mode: n = "multiple",
+  icon: n,
+  size: s,
+  mode: i = "multiple",
   onCloseButtonClick: d,
   onRetryButtonClick: m
 }) => {
-  const [u, h] = e.useState(o || !1), v = l === "error", g = l === "success", b = p(H[le], a, {
+  const [u, h] = e.useState(o || !1), v = l === "error", p = l === "success", b = g(H[le], a, {
     [H[`${le}--error`]]: v,
-    [H[`${le}--success`]]: g
+    [H[`${le}--success`]]: p
   }), k = !(v && (m || d)), f = () => h(!u);
-  return n === "single" ? /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("div", { className: H[`${le}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${Me}`] }, /* @__PURE__ */ e.createElement(
+  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("div", { className: H[`${le}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${Me}`] }, /* @__PURE__ */ e.createElement(
     yc,
     {
       title: v && c || _,
       progressValue: r,
       status: l,
-      icon: s,
-      size: i
+      icon: n,
+      size: s
     }
   )), l === "error" && /* @__PURE__ */ e.createElement(
     oa,
@@ -4806,71 +4829,73 @@ const ft = {
 };
 export {
   hc as ANIMATION_TIME,
-  qc as ActionBar,
+  Jc as ActionBar,
   Wr as ActionMenu,
   qr as ActionMenuItem,
-  Kc as Alert,
+  jc as Alert,
   N_ as Avatar,
   T_ as Badge,
   G as Button,
-  jc as Card,
-  Qc as Checkbox,
+  Zc as Card,
+  Xc as Checkbox,
   co as DatePicker,
   Rc as DesignToken,
-  Zc as DetailsCard,
-  Xc as DetailsCardInfo,
-  zc as Display,
-  kl as EmailTagInput,
+  el as DetailsCard,
+  tl as DetailsCardInfo,
+  Uc as Display,
+  El as EmailTagInput,
   Ut as FieldDescription,
   va as FieldError,
-  el as FieldGroup,
+  al as FieldGroup,
   yc as FileUploadProgress,
   oa as FileUploadProgressActions,
-  tl as Form,
-  al as FormField,
-  rl as FormGroup,
+  rl as Form,
+  _l as FormField,
+  ol as FormGroup,
   je as Heading,
   x as Icon,
-  Uc as Info,
-  _l as Input,
-  Wc as Interactive,
-  ol as Link,
+  Vc as Info,
+  cl as Input,
+  Yc as Interactive,
+  ll as Link,
   fa as Loader,
-  cl as Modal,
+  nl as Modal,
   yo as ModalBase,
   Oa as ModalCloseButton,
-  nl as ModalHeader,
-  ll as ModalPortal,
-  sl as NumericInput,
-  il as Picker,
+  il as ModalHeader,
+  sl as ModalPortal,
+  dl as NumericInput,
+  ul as Picker,
   wo as PickerList,
-  dl as Popover,
+  ml as Popover,
   Go as ProgressBar,
   zo as ProgressCircle,
-  ul as PromoBanner,
-  ml as PromoBannerV2,
-  pl as RadioButton,
+  pl as PromoBanner,
+  gl as PromoBannerV2,
+  bl as RadioButton,
   Oc as RadiusToken,
   no as RangeDatePicker,
-  Yc as Reports,
-  gl as SearchInput,
-  Jc as SegmentedControl,
+  Kc as Reports,
+  fl as SearchInput,
+  Qc as SegmentedControl,
   Lc as ShadowToken,
-  Gc as Simple,
+  Wc as Simple,
   Mc as SpacingToken,
-  bl as Switch,
-  fl as Tab,
-  hl as TabsList,
-  vl as TabsWrapper,
+  vl as Switch,
+  hl as Tab,
+  yl as TabsList,
+  kl as TabsWrapper,
   _r as Tag,
   sc as TagInput,
   M as Text,
-  El as Textarea,
+  wl as Textarea,
   vc as Toast,
-  yl as ToastWrapper,
+  $l as ToastWrapper,
   tr as Tooltip,
-  $l as UploadBar,
-  Vc as UserGuide,
+  Hc as TransitionDurationToken,
+  zc as TransitionTimingToken,
+  Cl as UploadBar,
+  qc as UserGuide,
   h_ as generateAvatarColor,
-  Hc as getDesignTokenWithOpacity
+  Gc as getDesignTokenWithOpacity
 };