@livechat/design-system-react-components 1.7.0 → 1.8.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";
@@ -373,9 +373,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 +392,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 +443,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 +461,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 +491,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 +536,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 +548,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,16 +563,16 @@ 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) => {
@@ -589,7 +589,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 +601,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 +623,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 +677,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 +686,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 +707,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 +733,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 +811,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 +883,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 +905,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,
@@ -990,7 +990,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,7 +999,7 @@ 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`]
     )
@@ -1013,9 +1013,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 +1033,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 +1041,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 +1049,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 +1081,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 +1096,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 +1106,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 +1116,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 +1126,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 +1152,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() {
@@ -1182,8 +1182,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 +1201,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,22 +1210,22 @@ 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
       })
     }),
@@ -1264,7 +1264,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
     ),
@@ -1316,29 +1316,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 +1347,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 +1376,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 +1396,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 +1440,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", Kc = (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 +1456,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 +1464,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 +1585,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 +1649,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 +1665,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 +1675,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_() {
 }
@@ -1695,14 +1695,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 +1713,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 +1721,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 +1736,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`, jc = (i) => {
+  var d = i, {
     alt: t,
     buttonsOptions: a = [],
     children: r,
@@ -1745,8 +1745,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 +1756,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 +1772,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 +1795,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_,
@@ -1808,12 +1808,12 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
   "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"]);
+  (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 +1874,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 +1885,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 +1920,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 +1931,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 +1942,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 +2025,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 +2056,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 +2065,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 +2078,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 +2160,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 +2172,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 +2279,7 @@ const lo = (t) => {
       },
       datepicker: {
         range: !0,
-        month: g,
+        month: p,
         numberOfMonths: 2,
         onDayClick: m,
         selectedDays: E,
@@ -2338,92 +2338,107 @@ 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",
@@ -2442,7 +2457,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 +2470,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", el = (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,11 +2486,11 @@ 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,
@@ -2483,20 +2498,20 @@ const L = {
   form__label: mo,
   form__helper: po
 }, bt = "form", tl = (l) => {
-  var s = 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",
@@ -2522,10 +2537,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 +2548,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 +2579,7 @@ const L = {
       _ && /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: p(
+          className: g(
             q[`${K}__label-wrapper`],
             t && q[`${K}__label-wrapper--inline`]
           ),
@@ -2583,7 +2598,7 @@ const L = {
         o && /* @__PURE__ */ e.createElement(
           "div",
           {
-            className: p(
+            className: g(
               q[`${K}__label-adornment`],
               t && q[`${K}__label-adornment--inline`]
             )
@@ -2591,12 +2606,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
     ))
@@ -2618,13 +2633,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,7 +2660,7 @@ 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}`],
     {
@@ -2653,15 +2668,15 @@ const L = {
     }
   )
 }), _l = e.forwardRef(
-  (i, s) => {
-    var n = i, {
+  (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 +2684,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 +2698,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);
@@ -2719,7 +2734,7 @@ const L = {
   return /* @__PURE__ */ e.createElement(
     "a",
     y({
-      className: p(
+      className: g(
         Ma[La],
         t && Ma[`${La}--bold`],
         a
@@ -2739,15 +2754,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 +2770,7 @@ const L = {
     "closeOnOverlayPress",
     "fullSpaceContent"
   ]);
-  const n = p(
+  const i = g(
     ue[Ft],
     a,
     c && ue[`${Ft}--full-space`]
@@ -2776,7 +2791,7 @@ const L = {
     {
       "data-testid": "lc-modal-overlay",
       onMouseDown: d,
-      className: p(
+      className: g(
         ue[`${Ft}__overlay`],
         ue[`${Ft}__overlay--visible`]
       )
@@ -2786,7 +2801,7 @@ const L = {
       y({
         role: "dialog",
         "aria-modal": !0,
-        className: n
+        className: i
       }, l),
       t
     )
@@ -2800,15 +2815,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", cl = (i) => {
+  var d = i, {
     children: t,
     className: a = "",
     heading: r,
@@ -2816,8 +2831,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 +2842,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 +2851,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,7 +2881,7 @@ 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
     ),
@@ -2942,9 +2957,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 +2970,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 +2978,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 +2992,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 +3000,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 +3056,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 +3088,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 +3132,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 +3142,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 +3165,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 +3200,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 +3210,7 @@ const j = {
       "aria-current": d === ct,
       id: ct,
       key: ct,
-      className: p(
+      className: g(
         j[Ha],
         j[`${Ha}--select-all`]
       ),
@@ -3203,11 +3218,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 +3232,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 +3263,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 +3287,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 +3315,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 +3369,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 +3384,7 @@ const j = {
     "rightNode",
     "customColor"
   ]);
-  const h = p(
+  const h = g(
     Ae[Ie],
     t,
     Ae[`${Ie}--${_}`],
@@ -3377,43 +3392,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 +3473,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,22 +3512,22 @@ 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()
   );
@@ -3528,15 +3543,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 +3570,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 +3592,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 +3631,7 @@ const j = {
       isOpen: $,
       isDisabled: a,
       isItemSelected: !!o,
-      isRequired: s,
+      isRequired: n,
       isMultiSelect: d === "multi",
       size: c,
       hideClearButton: u,
@@ -3645,8 +3660,8 @@ const j = {
       items: Ge,
       isOpen: $,
       isMultiSelect: d === "multi",
-      emptyStateText: i,
-      selectAllOptionText: n,
+      emptyStateText: s,
+      selectAllOptionText: i,
       onClose: A,
       onSelect: J,
       onSelectAll: Le
@@ -3662,21 +3677,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 +3701,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 +3752,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 +3772,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 +3781,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 +3817,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 +3847,7 @@ const ft = {
         "div",
         {
           className: Rt[`${Mt}__indicator--${t}`],
-          style: { width: `${n}%` }
+          style: { width: `${i}%` }
         }
       )
     );
@@ -3857,11 +3872,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 +3886,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 +3899,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" })
   ));
@@ -3915,7 +3930,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,
     {
@@ -3952,13 +3967,13 @@ const ft = {
   "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, {
+  (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`],
@@ -3990,41 +4005,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(
@@ -4110,9 +4125,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 +4140,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 +4176,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 +4185,7 @@ const ft = {
     k && /* @__PURE__ */ e.createElement(
       fa,
       {
-        className: p(
+        className: g(
           ce[`${re}__loader`],
           ce[`${re}__loader--${l}`]
         )
@@ -4196,15 +4211,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", fl = (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 +4227,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,
@@ -4245,10 +4260,10 @@ const ft = {
 }, nr = "tabs", vl = ({
   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), hl = ({
   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 +4271,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 +4281,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 +4293,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 +4324,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 +4361,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 +4378,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 +4404,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 +4433,7 @@ const ft = {
     B(y({}, m), {
       id: t,
       ref: f,
-      className: g,
+      className: p,
       placeholder: c,
       value: b,
       onChange: F,
@@ -4427,15 +4442,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), kl = (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 +4513,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 +4529,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 +4546,7 @@ const ft = {
   ), _ && /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: p(
+      className: g(
         Q[`${ze}__actions__button`],
         Q[`${ze}__actions__button--${o}`]
       ),
@@ -4549,7 +4564,7 @@ const ft = {
   verticalPosition: c = "top",
   horizontalPosition: l = "center"
 }) => {
-  const s = p(
+  const n = g(
     Q[ht],
     {
       [Q[`${ht}--fixed`]]: r,
@@ -4559,10 +4574,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 +4589,7 @@ const ft = {
     /* @__PURE__ */ e.createElement(
       vc,
       {
-        kind: n,
+        kind: i,
         onClose: h,
         removable: m,
         action: u
@@ -4590,14 +4605,14 @@ const ft = {
 }, Ht = "textarea", El = 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 +4665,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 +4679,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 +4697,7 @@ const ft = {
     ), t !== "hidden" && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: p({
+        className: g({
           [we[`${Re}__wrapper__header__actions`]]: t === "hover"
         })
       },
@@ -4690,8 +4705,8 @@ const ft = {
         oa,
         {
           status: l,
-          onCloseButtonClick: s,
-          onRetryButtonClick: i
+          onCloseButtonClick: n,
+          onRetryButtonClick: s
         }
       )
     )),
@@ -4741,24 +4756,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,