@livechat/design-system-react-components 2.31.1 → 2.32.0

package/dist/index.js

@@ -32,28 +32,28 @@ const Xl = (e, a) => {
   elementRef: a,
   includeSleepWakeScenario: r = !1
 }) => {
-  const [o, _] = b.useState(e), [l, i] = b.useState(e), [n, d] = b.useState(e), u = b.useRef(null), s = () => {
+  const [o, _] = b.useState(e), [l, i] = b.useState(e), [n, s] = b.useState(e), u = b.useRef(null), d = () => {
     _(!1), u.current && clearTimeout(u.current);
   };
   return b.useEffect(() => {
-    const h = a.current;
-    if (!n && h)
-      return h.addEventListener("transitionend", s), i(!1), u.current = window.setTimeout(s, 300), () => {
-        clearTimeout(u.current), h.removeEventListener(
+    const m = a.current;
+    if (!n && m)
+      return m.addEventListener("transitionend", d), i(!1), u.current = window.setTimeout(d, 300), () => {
+        clearTimeout(u.current), m.removeEventListener(
           "transitionend",
-          s
+          d
         );
       };
     n && (_(!0), requestAnimationFrame(() => i(!0)));
   }, [n]), b.useEffect(() => {
-    d(e);
+    s(e);
   }, [e]), Xl(
-    () => d(e),
+    () => s(e),
     r
   ), {
     isOpen: l,
     isMounted: o,
-    setShouldBeVisible: d
+    setShouldBeVisible: s
   };
 }, Fo = /* @__PURE__ */ (() => {
   let e = null;
@@ -62,7 +62,7 @@ const Xl = (e, a) => {
     observe: (_, l) => {
       e || (e = new ResizeObserver((i) => {
         i.forEach((n) => {
-          const d = n.target, u = a.get(d);
+          const s = n.target, u = a.get(s);
           u && u(n.contentRect);
         });
       })), _ && (a.set(_, l), e.observe(_));
@@ -697,16 +697,16 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
   const [o, _] = _e(a), [l, i] = _e(r);
   q(() => {
     document.body.classList.remove(Kt.Light, Kt.Dark), document.body.classList.add(`lc-${o}-theme`);
-    for (const [d, u] of Object.entries(l))
-      document.body.style.setProperty(d, u);
+    for (const [s, u] of Object.entries(l))
+      document.body.style.setProperty(s, u);
   }, [o, l]);
   const n = pa(
     () => ({
       theme: o,
-      toggleTheme: () => _((d) => d === "light" ? "dark" : "light"),
+      toggleTheme: () => _((s) => s === "light" ? "dark" : "light"),
       setTheme: _,
-      setCustomVariables: (d) => {
-        i(d);
+      setCustomVariables: (s) => {
+        i(s);
       }
     }),
     [o, _, i]
@@ -729,7 +729,7 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
       isSideNavigationVisible: o,
       toggleSideNavigationVisibility: () => _(!o),
       isMobileViewEnabled: l,
-      setIsMobileViewEnabled: (d) => i(d)
+      setIsMobileViewEnabled: (s) => i(s)
     }),
     [
       o,
@@ -812,7 +812,7 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
     className: l,
     customColor: i,
     ...n
-  } = e, d = b.createElement(a, {
+  } = e, s = b.createElement(a, {
     ...ri[r],
     ...i ? { color: i } : {}
   }), u = c(
@@ -820,7 +820,7 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
     Go[Uo],
     o && Go[`${Uo}--${_ ? "disabled--" : ""}${o}`]
   );
-  return /* @__PURE__ */ t("span", { ...n, className: u, children: d });
+  return /* @__PURE__ */ t("span", { ...n, className: u, children: s });
 }, tt = {
   "heading-xl": "lc-Typography-module__heading-xl___jTpRq",
   "heading-lg": "lc-Typography-module__heading-lg___VGjgP",
@@ -864,7 +864,7 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
   bold: l,
   customColor: i,
   textAlign: n,
-  ...d
+  ...s
 }) => b.createElement(
   e || oi[a],
   {
@@ -880,7 +880,7 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
       ...i && { color: i },
       ...n && { textAlign: n }
     },
-    ...d
+    ...s
   },
   r
 ), B = ({
@@ -892,36 +892,36 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
   semiBold: l = !1,
   underline: i = !1,
   strike: n = !1,
-  children: d,
+  children: s,
   className: u,
-  customColor: s,
-  textAlign: h,
-  noMargin: p,
+  customColor: d,
+  textAlign: m,
+  noMargin: h,
   ...y
 }) => {
-  const m = "paragraph";
+  const p = "paragraph";
   return b.createElement(
     e,
     {
       className: c(
         {
-          [tt[`${m}-${a}`]]: !0,
-          [tt[`${m}--semi-bold`]]: l && !_,
-          [tt[`${m}--bold`]]: _ && !l,
-          [tt[`${m}--strike`]]: n,
-          [tt[`${m}--underline`]]: i,
-          [tt[`${m}--uppercase`]]: o || r,
-          [tt[`${m}--no-margin`]]: p
+          [tt[`${p}-${a}`]]: !0,
+          [tt[`${p}--semi-bold`]]: l && !_,
+          [tt[`${p}--bold`]]: _ && !l,
+          [tt[`${p}--strike`]]: n,
+          [tt[`${p}--underline`]]: i,
+          [tt[`${p}--uppercase`]]: o || r,
+          [tt[`${p}--no-margin`]]: h
         },
         u
       ),
       style: {
-        ...s && { color: s },
-        ...h && { textAlign: h }
+        ...d && { color: d },
+        ...m && { textAlign: m }
       },
       ...y
     },
-    d
+    s
   );
 }, Lo = ({
   as: e = "div",
@@ -968,28 +968,28 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
   closed: a,
   isOpen: r
 }) => {
-  const o = b.useRef(null), _ = b.useRef(null), [l, i] = b.useState(void 0), { isOpen: n, isMounted: d } = oa({
+  const o = b.useRef(null), _ = b.useRef(null), [l, i] = b.useState(void 0), { isOpen: n, isMounted: s } = oa({
     isVisible: r,
     elementRef: o
-  }), { isOpen: u, isMounted: s } = oa(
+  }), { isOpen: u, isMounted: d } = oa(
     {
       isVisible: !r,
       elementRef: _
     }
   );
   return b.useEffect(() => {
-    const h = r ? o.current : _.current;
-    if (h) {
-      const p = h.getBoundingClientRect().height;
-      i(p);
+    const m = r ? o.current : _.current;
+    if (m) {
+      const h = m.getBoundingClientRect().height;
+      i(h);
     }
-  }, [r, d, s]), /* @__PURE__ */ g(
+  }, [r, s, d]), /* @__PURE__ */ g(
     "div",
     {
       className: ya[ka],
       style: { height: l ? `${l}px` : "auto" },
       children: [
-        d && /* @__PURE__ */ t(
+        s && /* @__PURE__ */ t(
           "div",
           {
             ref: o,
@@ -999,7 +999,7 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
             children: e
           }
         ),
-        s && /* @__PURE__ */ t(
+        d && /* @__PURE__ */ t(
           "div",
           {
             ref: _,
@@ -1085,51 +1085,51 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
   openOnInit: l = !1,
   fullWidthContent: i,
   hideChevron: n,
-  isOpen: d,
+  isOpen: s,
   isPromo: u,
-  footer: s,
-  onClose: h,
-  onOpen: p,
+  footer: d,
+  onClose: m,
+  onOpen: h,
   ...y
 }) => {
-  const m = d !== void 0, k = m ? d : l, x = b.useRef(null), {
+  const p = s !== void 0, k = p ? s : l, x = b.useRef(null), {
     isOpen: w,
-    isMounted: N,
+    isMounted: S,
     setShouldBeVisible: $
   } = oa({
     isVisible: k,
     elementRef: x
-  }), { size: C, handleResizeRef: S } = w_(), { handleExpandChange: f, handleKeyDown: v } = ci({
-    isControlled: m,
+  }), { size: C, handleResizeRef: N } = w_(), { handleExpandChange: f, handleKeyDown: v } = ci({
+    isControlled: p,
     isExpanded: w,
     setShouldBeVisible: $,
-    onOpen: p,
-    onClose: h
-  }), T = c(
+    onOpen: h,
+    onClose: m
+  }), E = c(
     a,
     {
       [me[`${pe}--open`]]: w
     },
     e
-  ), I = (O) => {
-    const A = O ? ce : B, E = {
+  ), O = (I) => {
+    const A = I ? ce : B, T = {
       "aria-expanded": w,
       as: "div",
       className: c(me[`${pe}__label`], {
-        [me[`${pe}__label--promo`]]: O
+        [me[`${pe}__label--promo`]]: I
       }),
       onClick: () => f(w),
-      bold: O ? void 0 : !0,
-      ...O ? { size: "xs" } : {}
+      bold: I ? void 0 : !0,
+      ...I ? { size: "xs" } : {}
     };
-    return /* @__PURE__ */ t(A, { ...E, children: ni(o, w) });
+    return /* @__PURE__ */ t(A, { ...T, children: ni(o, w) });
   };
   return /* @__PURE__ */ g(
     "div",
     {
       tabIndex: 0,
       "aria-expanded": w,
-      className: T,
+      className: E,
       onKeyDown: v,
       ...y,
       children: [
@@ -1143,7 +1143,7 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
             })
           }
         ),
-        I(u),
+        O(u),
         _ && /* @__PURE__ */ t(li, { isExpanded: w, children: _ }),
         /* @__PURE__ */ t(
           "div",
@@ -1151,7 +1151,7 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
             className: me[`${pe}__content`],
             style: { maxHeight: w ? C : 0 },
             ref: x,
-            children: /* @__PURE__ */ t("div", { ref: S, children: N && /* @__PURE__ */ g(K, { children: [
+            children: /* @__PURE__ */ t("div", { ref: N, children: S && /* @__PURE__ */ g(K, { children: [
               /* @__PURE__ */ t(
                 B,
                 {
@@ -1164,7 +1164,7 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
                   children: r
                 }
               ),
-              s && /* @__PURE__ */ t(
+              d && /* @__PURE__ */ t(
                 B,
                 {
                   as: "div",
@@ -1173,7 +1173,7 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
                   className: c(me[`${pe}__footer`], {
                     [me[`${pe}__footer--promo`]]: u
                   }),
-                  children: s
+                  children: d
                 }
               )
             ] }) })
@@ -1220,17 +1220,17 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
   openedOnInit: l = !1,
   keepOpenOnClick: i,
   flipOptions: n,
-  visible: d,
+  visible: s,
   onClose: u,
-  onOpen: s,
-  floatingStrategy: h,
-  selectedOptions: p,
+  onOpen: d,
+  floatingStrategy: m,
+  selectedOptions: h,
   footer: y,
-  ...m
+  ...p
 }) => {
-  const k = d !== void 0, [x, w] = b.useState(l), [N, $] = b.useState(null), C = b.useRef(-1), S = Dr(), f = Ja(), v = b.useRef(null), T = k ? d : x, I = () => {
-    T ? (u?.(), !k && w(!1)) : (s?.(), !k && w(!0));
-  }, { x: O, y: A, strategy: E, refs: M, context: D } = Qa({
+  const k = s !== void 0, [x, w] = b.useState(l), [S, $] = b.useState(null), C = b.useRef(-1), N = Dr(), f = Ja(), v = b.useRef(null), E = k ? s : x, O = () => {
+    E ? (u?.(), !k && w(!1)) : (d?.(), !k && w(!0));
+  }, { x: I, y: A, strategy: T, refs: M, context: D } = Qa({
     nodeId: f,
     middleware: [
       er(4),
@@ -1242,12 +1242,12 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
       })
     ],
     placement: _,
-    open: T,
-    strategy: h,
-    onOpenChange: I,
+    open: E,
+    strategy: m,
+    onOpenChange: O,
     whileElementsMounted: tr
   }), R = ar(D), F = rr(D, {
-    enabled: T
+    enabled: E
   }), U = or(D), { getReferenceProps: se, getFloatingProps: ie } = _r([
     R,
     F,
@@ -1282,10 +1282,10 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
     G.key === le.arrowUp && C.current > 0 && (G.preventDefault(), z(-1)), G.key === le.arrowDown && C.current + 1 < r.length && (G.preventDefault(), z(1));
   };
   b.useEffect(() => {
-    if (T)
+    if (E)
       return document.addEventListener("keydown", he), () => document.removeEventListener("keydown", he);
     C.current = -1;
-  }, [T, he]);
+  }, [E, he]);
   const Et = (G, fe) => {
     C.current = G, fe?.(), !k && !i && (w(!1), u?.());
   }, pt = (G, fe) => G.groupHeader ? /* @__PURE__ */ t(
@@ -1307,11 +1307,11 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
       className: c(ht[`${ft}__list__item`], {
         [ht[`${ft}__list__item--disabled`]]: G.disabled,
         [ht[`${ft}__list__item--with-divider`]]: G.withDivider,
-        [ht[`${ft}__list__item--selected`]]: p?.includes(G.key)
+        [ht[`${ft}__list__item--selected`]]: h?.includes(G.key)
       }),
       children: [
         G.element,
-        p?.includes(G.key) && /* @__PURE__ */ t(
+        h?.includes(G.key) && /* @__PURE__ */ t(
           "div",
           {
             "data-testid": `${G.key}-selected-icon`,
@@ -1334,16 +1334,16 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
         children: o
       }
     ),
-    /* @__PURE__ */ t(ba, { id: f, children: T && /* @__PURE__ */ g(
+    /* @__PURE__ */ t(ba, { id: f, children: E && /* @__PURE__ */ g(
       "div",
       {
         ref: M.setFloating,
         className: ht[ft],
         style: {
-          position: E,
+          position: T,
           top: A ?? "",
-          left: O ?? "",
-          ...!!N && { maxHeight: N },
+          left: I ?? "",
+          ...!!S && { maxHeight: S },
           ...de
         },
         ...ie(),
@@ -1351,7 +1351,7 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
           r.length > 0 && /* @__PURE__ */ t(
             "ul",
             {
-              ...m,
+              ...p,
               className: c(
                 ht[`${ft}__list`],
                 {
@@ -1377,7 +1377,7 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
       }
     ) })
   ] });
-  return S === null ? /* @__PURE__ */ t(Mr, { children: Tt }) : Tt;
+  return N === null ? /* @__PURE__ */ t(Mr, { children: Tt }) : Tt;
 }, fi = "lc-Loader-module__loader___Ukoov", bi = "lc-Loader-module__loader__spinner___cp5N7", vi = "lc-Loader-module__rotate___p-j1x", yi = "lc-Loader-module__loader__label___CF5-C", Ca = {
   loader: fi,
   loader__spinner: bi,
@@ -1478,58 +1478,58 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
     size: l = "medium",
     icon: i = null,
     iconPosition: n = "left",
-    loaderLabel: d,
+    loaderLabel: s,
     className: u,
-    children: s,
-    href: h,
-    onClick: p,
+    children: d,
+    href: m,
+    onClick: h,
     animatedLabel: y,
-    ...m
+    ...p
   }, k) => {
-    const [x, w] = b.useState(0), [N, $] = b.useState(!1), C = e || a, S = !s && i, f = y && s && i, v = ["text", "link", "link-light"].includes(_), T = h ? "a" : "button", I = c(
+    const [x, w] = b.useState(0), [S, $] = b.useState(!1), C = e || a, N = !d && i, f = y && d && i, v = ["text", "link", "link-light"].includes(_), E = m ? "a" : "button", O = c(
       ve[ye],
       ve[`${ye}--${_}`],
       ve[`${ye}--${l}`],
       {
         [ve[`${ye}--loading`]]: e,
         [ve[`${ye}--full-width`]]: o,
-        [ve[`${ye}--with-${n}-icon`]]: i && !S && !v,
-        [ve[`${ye}--icon-only`]]: S,
-        [ve[`${ye}--icon-only--bg`]]: S && v,
+        [ve[`${ye}--with-${n}-icon`]]: i && !N && !v,
+        [ve[`${ye}--icon-only`]]: N,
+        [ve[`${ye}--icon-only--bg`]]: N && v,
         [ve[`${ye}--disabled`]]: C,
         [ve[`${ye}--animated-label`]]: f,
-        [ve[`${ye}--animated-label--expanded`]]: f && N
+        [ve[`${ye}--animated-label--expanded`]]: f && S
       },
       u
     );
     return /* @__PURE__ */ g(
-      T,
+      E,
       {
         ref: k,
-        className: I,
+        className: O,
         "aria-disabled": C,
         type: r,
         disabled: C,
-        ...!C && { href: h, onClick: p },
-        ...m,
+        ...!C && { href: m, onClick: h },
+        ...p,
         ...f && {
-          onMouseEnter: (O) => Vo(
-            O,
+          onMouseEnter: (I) => Vo(
+            I,
             () => $(!0),
-            m?.onMouseEnter
+            p?.onMouseEnter
           ),
-          onMouseLeave: (O) => Vo(
-            O,
+          onMouseLeave: (I) => Vo(
+            I,
             () => $(!1),
-            m?.onMouseLeave
+            p?.onMouseLeave
           ),
-          onBlur: (O) => Ci(
-            O,
+          onBlur: (I) => Ci(
+            I,
             () => $(!1),
-            m?.onBlur
+            p?.onBlur
           ),
-          onKeyUp: (O) => {
-            (O.key === "Enter" || O.key === " ") && $(!0), O.key === "Escape" && $(!1), m?.onKeyUp?.(O);
+          onKeyUp: (I) => {
+            (I.key === "Enter" || I.key === " ") && $(!0), I.key === "Escape" && $(!1), p?.onKeyUp?.(I);
           }
         },
         children: [
@@ -1538,7 +1538,7 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
             {
               "data-testid": "button-loader",
               size: "small",
-              label: d,
+              label: s,
               className: ve[`${ye}__loader`],
               ...ki(_)
             }
@@ -1560,8 +1560,8 @@ const Vd = (e) => e === "dark" ? Kt.Dark : Kt.Light, $_ = d_(void 0), Wd = () =>
             "div",
             {
               className: ve[`${ye}__content`],
-              style: f ? { maxWidth: N ? x : 0 } : void 0,
-              children: f ? /* @__PURE__ */ t("span", { ref: (O) => wi(O, w), children: s }) : s
+              style: f ? { maxWidth: S ? x : 0 } : void 0,
+              children: f ? /* @__PURE__ */ t("span", { ref: (I) => wi(I, w), children: d }) : d
             }
           )
         ]
@@ -1670,27 +1670,27 @@ const Ti = (e) => {
   kind: l,
   placement: i = "bottom",
   isVisible: n,
-  fullSpaceContent: d,
+  fullSpaceContent: s,
   onClose: u,
-  onOpen: s,
-  withFadeAnimation: h = !0,
-  transitionDuration: p = 200,
+  onOpen: d,
+  withFadeAnimation: m = !0,
+  transitionDuration: h = 200,
   hoverOnDuration: y,
-  hoverOffDuration: m,
+  hoverOffDuration: p,
   transitionDelay: k = 0,
   hoverOnDelay: x,
   hoverOffDelay: w,
-  triggerOnClick: N = !1,
+  triggerOnClick: S = !1,
   triggerOnHover: $ = !0,
   offsetMainAxis: C = 8,
-  offsetCrossAxis: S = 0,
+  offsetCrossAxis: N = 0,
   referenceElement: f,
   activationThreshold: v = 0,
-  useDismissHookProps: T,
-  useClickHookProps: I,
-  hoverOutDelayTimeout: O = 100,
+  useDismissHookProps: E,
+  useClickHookProps: O,
+  hoverOutDelayTimeout: I = 100,
   arrowOffsetY: A,
-  arrowOffsetX: E,
+  arrowOffsetX: T,
   closeOnTriggerBlur: M = !1,
   floatingStrategy: D,
   portal: R,
@@ -1701,10 +1701,10 @@ const Ti = (e) => {
     W[cr],
     a,
     he && W[`${cr}--${he}`],
-    d && W[`${cr}--full-space`]
+    s && W[`${cr}--full-space`]
   ), G = typeof o == "function", fe = (Zt) => {
-    Zt !== z && (Zt ? s?.() : u?.(), !se && de(Zt));
-  }, be = (Zt) => h ? Zt ?? p : 0, _a = (Zt) => Zt ?? k, {
+    Zt !== z && (Zt ? d?.() : u?.(), !se && de(Zt));
+  }, be = (Zt) => m ? Zt ?? h : 0, _a = (Zt) => Zt ?? k, {
     floatingStyles: la,
     refs: Bt,
     context: V,
@@ -1712,7 +1712,7 @@ const Ti = (e) => {
   } = Qa({
     nodeId: pt,
     middleware: [
-      er({ mainAxis: C, crossAxis: S }),
+      er({ mainAxis: C, crossAxis: N }),
       So(),
       Or(),
       El({ element: Q, padding: 8 }),
@@ -1728,17 +1728,17 @@ const Ti = (e) => {
     restMs: v,
     delay: {
       open: _a(x),
-      close: _a(w || O)
+      close: _a(w || I)
     },
     enabled: $,
     handleClose: M ? null : Il()
-  }), qr = Al(V), Hr = rr(V, T), zr = or(V, { role: "tooltip" }), Vr = ar(V, {
-    enabled: N,
-    ...I
+  }), qr = Al(V), Hr = rr(V, E), zr = or(V, { role: "tooltip" }), Vr = ar(V, {
+    enabled: S,
+    ...O
   }), { isMounted: Wr, styles: Kr } = Pr(V, {
     duration: {
       open: be(y),
-      close: be(m)
+      close: be(p)
     }
   }), { status: Yr } = Dl(V), { getReferenceProps: Xr, getFloatingProps: Zr } = _r([
     Lr,
@@ -1775,7 +1775,7 @@ const Ti = (e) => {
             style: {
               ...Ei(
                 A,
-                E,
+                T,
                 Gr,
                 Ht
               )
@@ -1848,20 +1848,20 @@ const Ti = (e) => {
   theme: l,
   handleCloseAction: i,
   primaryButton: n,
-  secondaryButton: d
+  secondaryButton: s
 }) => {
-  const u = (p) => p === "invert" ? "secondary" : p === "important" ? "plain-lock-black" : "high-contrast", s = (p) => p === "invert" ? "link-inverted" : p === "important" ? "text-lock-black" : "text", h = (p, y = !0) => {
-    if (!p) return null;
-    if (b.isValidElement(p))
-      return p;
-    const m = p, k = y ? m.kind || u(l) : m.kind || s(l);
+  const u = (h) => h === "invert" ? "secondary" : h === "important" ? "plain-lock-black" : "high-contrast", d = (h) => h === "invert" ? "link-inverted" : h === "important" ? "text-lock-black" : "text", m = (h, y = !0) => {
+    if (!h) return null;
+    if (b.isValidElement(h))
+      return h;
+    const p = h, k = y ? p.kind || u(l) : p.kind || d(l);
     return /* @__PURE__ */ t(
       L,
       {
-        ...m,
+        ...p,
         kind: k,
-        onClick: m.handleClick,
-        children: m.label
+        onClick: p.handleClick,
+        children: p.label
       }
     );
   };
@@ -1906,8 +1906,8 @@ const Ti = (e) => {
           W[`${bt}-footer--interactive`]
         ),
         children: [
-          h(n, !0),
-          h(d, !1)
+          m(n, !0),
+          m(s, !1)
         ]
       }
     )
@@ -2012,29 +2012,29 @@ const Ti = (e) => {
   vertical: l,
   menuFooter: i
 }) => {
-  const [n, d] = b.useState(
+  const [n, s] = b.useState(
     o.length
-  ), [u, s] = b.useState([]), [h, p] = b.useState(!1), y = r === "scroll", m = c(
+  ), [u, d] = b.useState([]), [m, h] = b.useState(!1), y = r === "scroll", p = c(
     ae[sr],
     e,
     l && ae[`${sr}--vertical`]
   ), k = !y && u.length !== 0;
   b.useEffect(() => {
-    y || (o.length > n ? s(o.slice(n, o.length)) : s([]));
+    y || (o.length > n ? d(o.slice(n, o.length)) : d([]));
   }, [o, n]), b.useEffect(() => {
-    const N = !!window.ResizeObserver;
-    if (!y && N) {
+    const S = !!window.ResizeObserver;
+    if (!y && S) {
       const $ = new ResizeObserver((C) => {
-        const { width: S, height: f } = C[0].contentRect, v = l ? f : S, T = u.length > 0 ? 60 : 0, I = Math.floor(
-          (v - T) / Mi
+        const { width: N, height: f } = C[0].contentRect, v = l ? f : N, E = u.length > 0 ? 60 : 0, O = Math.floor(
+          (v - E) / Mi
         );
-        I >= 0 && I !== n && d(I);
+        O >= 0 && O !== n && s(O);
       });
       return $.observe(document.querySelector(`#${a}`)), () => $.disconnect();
     }
   }, [u, y, n]);
   const x = b.useCallback(() => u.reduce(
-    (N, $) => {
+    (S, $) => {
       if (!$.hideInMenu) {
         const C = {
           key: $.key,
@@ -2042,24 +2042,24 @@ const Ti = (e) => {
           withDivider: $.withDivider,
           onClick: $.onClick
         };
-        N.push(C);
+        S.push(C);
       }
-      return N;
+      return S;
     },
     []
-  ), [u]), w = u.find((N) => N.key === _);
-  return /* @__PURE__ */ g("div", { id: a, className: m, children: [
+  ), [u]), w = u.find((S) => S.key === _);
+  return /* @__PURE__ */ g("div", { id: a, className: p, children: [
     /* @__PURE__ */ t(
       "div",
       {
         className: c(ae[`${sr}__items`], {
           [ae[`${sr}__items--scroll`]]: y
         }),
-        children: o.slice(0, n).map((N) => /* @__PURE__ */ t(
+        children: o.slice(0, n).map((S) => /* @__PURE__ */ t(
           Pi,
           {
-            option: N,
-            isActive: N.key === _,
+            option: S,
+            isActive: S.key === _,
             vertical: l
           }
         ))
@@ -2077,8 +2077,8 @@ const Ti = (e) => {
           Eo,
           {
             selectedOptions: _ ? [_] : [],
-            onOpen: () => p(!0),
-            onClose: () => p(!1),
+            onOpen: () => h(!0),
+            onClose: () => h(!1),
             floatingStrategy: "fixed",
             placement: l ? "left-start" : "bottom-end",
             options: x(),
@@ -2101,7 +2101,7 @@ const Ti = (e) => {
                     kind: "primary",
                     className: c(
                       ae[`${It}__button__icon`],
-                      h && ae[`${It}__button__icon--open`]
+                      m && ae[`${It}__button__icon--open`]
                     )
                   }
                 ),
@@ -2143,13 +2143,13 @@ const Ti = (e) => {
   isLoading: i = !1,
   isLoadingAnimated: n = !1
 }) => {
-  const d = c(At[Dt], e), u = c(At["main-wrapper"], {
+  const s = c(At[Dt], e), u = c(At["main-wrapper"], {
     [At[`${Dt}--loading`]]: i,
     [At[`${Dt}--loading--animated`]]: n
-  }), s = (p) => {
-    i || p.currentTarget === document.activeElement && l?.();
-  }, h = (p) => {
-    i || p.currentTarget === document.activeElement && (p.key === "Enter" || p.key === " " || p.key === "Spacebar" || p.key === "Space") && (p.preventDefault(), l?.());
+  }), d = (h) => {
+    i || h.currentTarget === document.activeElement && l?.();
+  }, m = (h) => {
+    i || h.currentTarget === document.activeElement && (h.key === "Enter" || h.key === " " || h.key === "Spacebar" || h.key === "Space") && (h.preventDefault(), l?.());
   };
   return /* @__PURE__ */ g("div", { className: u, children: [
     /* @__PURE__ */ t("div", { "aria-live": "polite", className: At["visually-hidden"], children: i ? "Loading content" : null }),
@@ -2160,9 +2160,9 @@ const Ti = (e) => {
         "aria-label": "Action Card",
         "aria-busy": i,
         tabIndex: i ? -1 : 0,
-        className: d,
-        onClick: s,
-        onKeyDown: h,
+        className: s,
+        onClick: d,
+        onKeyDown: m,
         children: !i && /* @__PURE__ */ g(K, { children: [
           /* @__PURE__ */ t(
             "div",
@@ -2205,9 +2205,9 @@ const Ti = (e) => {
     if (!a && _)
       return _();
     const u = setTimeout(() => {
-      const s = setInterval(() => {
-        const h = n.current;
-        h < e.length ? (i((p) => p + e[h]), n.current = h + 1) : (clearInterval(s), _?.());
+      const d = setInterval(() => {
+        const m = n.current;
+        m < e.length ? (i((h) => h + e[m]), n.current = m + 1) : (clearInterval(d), _?.());
       }, o);
     }, r);
     return () => {
@@ -2256,20 +2256,20 @@ const Ti = (e) => {
   onClose: l,
   ...i
 }) => {
-  const n = b.useRef(null), [d, u] = b.useState(null), s = c(
+  const n = b.useRef(null), [s, u] = b.useState(null), d = c(
     Ve[We],
     Ve[`${We}--${_}`],
-    d === "large" && Ve[`${We}--large`],
-    d === "medium" && Ve[`${We}--medium`],
-    d === "small" && Ve[`${We}--small`],
+    s === "large" && Ve[`${We}--large`],
+    s === "medium" && Ve[`${We}--medium`],
+    s === "small" && Ve[`${We}--small`],
     a
   );
   return b.useEffect(() => {
-    const h = () => n.current && n.current.offsetWidth <= 400 ? u("small") : n.current && n.current.offsetWidth > 400 && n.current.offsetWidth <= 800 ? u("medium") : u("large"), p = m_(() => {
-      h();
+    const m = () => n.current && n.current.offsetWidth <= 400 ? u("small") : n.current && n.current.offsetWidth > 400 && n.current.offsetWidth <= 800 ? u("medium") : u("large"), h = m_(() => {
+      m();
     }, 500);
-    return window.addEventListener("resize", p), h(), () => window.removeEventListener("resize", p);
-  }), /* @__PURE__ */ g("div", { ref: n, className: s, ...i, children: [
+    return window.addEventListener("resize", h), m(), () => window.removeEventListener("resize", h);
+  }), /* @__PURE__ */ g("div", { ref: n, className: d, ...i, children: [
     /* @__PURE__ */ g("div", { className: Ve[`${We}__content`], children: [
       /* @__PURE__ */ g("div", { className: Ve[`${We}__content__wrapper`], children: [
         /* @__PURE__ */ t(
@@ -2348,21 +2348,21 @@ const Ti = (e) => {
     sideNavigation: l,
     topBar: i,
     topBarClassName: n,
-    sideNavigationContainerClassName: d,
+    sideNavigationContainerClassName: s,
     contentClassName: u
-  } = e, s = c(Ke[B_], r), {
-    isSideNavigationVisible: h,
-    setIsMobileViewEnabled: p,
+  } = e, d = c(Ke[B_], r), {
+    isSideNavigationVisible: m,
+    setIsMobileViewEnabled: h,
     isMobileViewEnabled: y
-  } = xo(), m = b.useRef(null), { isOpen: k, isMounted: x } = oa({
-    isVisible: h,
-    elementRef: m
-  }), { isMobile: w, handleResizeRef: N } = Zl({
+  } = xo(), p = b.useRef(null), { isOpen: k, isMounted: x } = oa({
+    isVisible: m,
+    elementRef: p
+  }), { isMobile: w, handleResizeRef: S } = Zl({
     mobileBreakpoint: Yi
   });
   return b.useEffect(() => {
-    p(w);
-  }, [w]), /* @__PURE__ */ g("div", { className: s, ref: N, children: [
+    h(w);
+  }, [w]), /* @__PURE__ */ g("div", { className: d, ref: S, children: [
     !y && o,
     /* @__PURE__ */ g(
       "div",
@@ -2394,11 +2394,11 @@ const Ti = (e) => {
                 !y && l && /* @__PURE__ */ t(
                   "div",
                   {
-                    ref: m,
+                    ref: p,
                     className: c(
                       Ke[`${_t}__content-wrapper__nav-bar-wrapper`],
                       "lc-dark-theme",
-                      d,
+                      s,
                       {
                         [Ke[`${_t}__content-wrapper__nav-bar-wrapper--open`]]: k
                       }
@@ -2502,14 +2502,14 @@ const ji = "side-navigation-item-test-id", Ji = "side-navigation-active-item-tes
   rightNode: l,
   onClick: i,
   isActive: n,
-  isMainEntry: d,
+  isMainEntry: s,
   onItemHover: u,
-  isIconHidden: s,
-  ...h
+  isIconHidden: d,
+  ...m
 }) => {
-  const p = typeof o == "string", y = (k) => {
+  const h = typeof o == "string", y = (k) => {
     k.preventDefault(), i?.();
-  }, m = (k) => {
+  }, p = (k) => {
     k.key === "Enter" && (k.preventDefault(), i?.());
   };
   return /* @__PURE__ */ t(
@@ -2518,19 +2518,19 @@ const ji = "side-navigation-item-test-id", Ji = "side-navigation-active-item-tes
       className: c([Ye[Xe], _]),
       "data-testid": n ? Ji : ji,
       "data-active": n,
-      ...h,
+      ...m,
       children: /* @__PURE__ */ g(
         "a",
         {
           tabIndex: 0,
           className: c(Ye[`${Xe}__anchor`], {
             [Ye[`${Xe}__anchor--active`]]: n,
-            [Ye[`${Xe}__anchor--main-entry`]]: d,
-            [Ye[`${Xe}__anchor--icon-hidden`]]: s
+            [Ye[`${Xe}__anchor--main-entry`]]: s,
+            [Ye[`${Xe}__anchor--icon-hidden`]]: d
           }),
           href: r,
           onClick: y,
-          onKeyDown: m,
+          onKeyDown: p,
           onMouseEnter: u || Za,
           onFocus: u || Za,
           children: [
@@ -2538,18 +2538,18 @@ const ji = "side-navigation-item-test-id", Ji = "side-navigation-active-item-tes
               "span",
               {
                 className: c(Ye[`${Xe}__left-node`], {
-                  [Ye[`${Xe}__left-node--active`]]: n || d
+                  [Ye[`${Xe}__left-node--active`]]: n || s
                 }),
                 "data-testid": Qi,
                 children: e
               }
             ),
-            p ? /* @__PURE__ */ t(
+            h ? /* @__PURE__ */ t(
               B,
               {
-                bold: n || d,
+                bold: n || s,
                 className: c(Ye[`${Xe}__label`], {
-                  [Ye[`${Xe}__label--active`]]: n || d
+                  [Ye[`${Xe}__label--active`]]: n || s
                 }),
                 children: o
               }
@@ -2557,7 +2557,7 @@ const ji = "side-navigation-item-test-id", Ji = "side-navigation-active-item-tes
               "span",
               {
                 className: c(Ye[`${Xe}__custom-label`], {
-                  [Ye[`${Xe}__custom-label--active`]]: n || d
+                  [Ye[`${Xe}__custom-label--active`]]: n || s
                 }),
                 children: o
               }
@@ -2588,22 +2588,22 @@ const ji = "side-navigation-item-test-id", Ji = "side-navigation-active-item-tes
   listWrapperClassName: l,
   children: i,
   isCollapsible: n,
-  isLinkLabel: d,
+  isLinkLabel: s,
   isActive: u,
-  isOpen: s,
-  isMounted: h,
-  setShouldBeVisible: p,
+  isOpen: d,
+  isMounted: m,
+  setShouldBeVisible: h,
   onItemHover: y,
-  onClick: m,
+  onClick: p,
   listWrapperRef: k,
   shouldOpenOnInit: x = !1
 }) => {
-  const [w, N] = b.useState(!1), [$, C] = b.useState(0), S = b.useRef(!1), f = b.useRef(null), v = k ?? f, { isOpen: T, isMounted: I, setShouldBeVisible: O } = oa({
+  const [w, S] = b.useState(!1), [$, C] = b.useState(0), N = b.useRef(!1), f = b.useRef(null), v = k ?? f, { isOpen: E, isMounted: O, setShouldBeVisible: I } = oa({
     isVisible: !n || x,
     elementRef: v
-  }), A = s ?? T, E = h ?? I, M = p ?? O, D = typeof a == "function" ? a(A) : a, R = typeof e == "function" ? e(A) : e, F = () => M(!0), U = () => {
+  }), A = d ?? E, T = m ?? O, M = h ?? I, D = typeof a == "function" ? a(A) : a, R = typeof e == "function" ? e(A) : e, F = () => M(!0), U = () => {
     n && M((ie) => !ie);
-  }, se = () => m ? m({ toggle: U }) : U();
+  }, se = () => p ? p({ toggle: U }) : U();
   return b.useEffect(() => {
     if (!i || !n)
       return;
@@ -2612,13 +2612,13 @@ const ji = "side-navigation-item-test-id", Ji = "side-navigation-active-item-tes
     ), de = !!ie?.some(
       (z) => z.props?.isActive
     );
-    N(de);
+    S(de);
     const Q = (ie?.length || 0) * an;
     C(Q);
   }, [i]), b.useEffect(() => {
-    !S.current && w && F(), S.current = w;
-  }, [w, S.current, x]), /* @__PURE__ */ g("div", { "data-testid": "side-navigation-group", className: vt[yt], children: [
-    n || d ? /* @__PURE__ */ t(
+    !N.current && w && F(), N.current = w;
+  }, [w, N.current, x]), /* @__PURE__ */ g("div", { "data-testid": "side-navigation-group", className: vt[yt], children: [
+    n || s ? /* @__PURE__ */ t(
       en,
       {
         leftNode: /* @__PURE__ */ t(
@@ -2644,7 +2644,7 @@ const ji = "side-navigation-item-test-id", Ji = "side-navigation-active-item-tes
         onItemHover: y,
         rightNode: D,
         className: _,
-        "data-testid": d ? tn : void 0
+        "data-testid": s ? tn : void 0
       }
     ) : /* @__PURE__ */ g(
       "span",
@@ -2679,7 +2679,7 @@ const ji = "side-navigation-item-test-id", Ji = "side-navigation-active-item-tes
           l
         ]),
         style: n ? { maxHeight: A ? $ : 0 } : void 0,
-        children: E && /* @__PURE__ */ t("ul", { className: c(vt[`${yt}__list`], r), children: i })
+        children: T && /* @__PURE__ */ t("ul", { className: c(vt[`${yt}__list`], r), children: i })
       }
     )
   ] });
@@ -2731,12 +2731,12 @@ const on = "lc-Badge-module__badge___ZbEBU", _n = "lc-Badge-module__badge__dot__
     dr[ur],
     dr[`${ur}--${o}`],
     dr[`${ur}--${_}`]
-  ), d = {
+  ), s = {
     counter: rn(a, r),
     alert: "!",
     dot: /* @__PURE__ */ t("span", { "data-testid": "badge-dot", className: dr[`${ur}__dot`] })
   }[l];
-  return /* @__PURE__ */ t("span", { className: n, ...i, children: d });
+  return /* @__PURE__ */ t("span", { className: n, ...i, children: s });
 }, Gt = {
   "navigation-item": "lc-NavigationItem-module__navigation-item___KVL3Y",
   "navigation-item--disabled": "lc-NavigationItem-module__navigation-item--disabled___VY8pA",
@@ -2771,11 +2771,11 @@ const on = "lc-Badge-module__badge___ZbEBU", _n = "lc-Badge-module__badge__dot__
   disabled: l = !1,
   badge: i,
   isActive: n,
-  onClick: d,
+  onClick: s,
   className: u,
-  ...s
+  ...d
 }) => {
-  const { isMobileViewEnabled: h } = xo();
+  const { isMobileViewEnabled: m } = xo();
   return /* @__PURE__ */ t(
     "li",
     {
@@ -2793,7 +2793,7 @@ const on = "lc-Badge-module__badge___ZbEBU", _n = "lc-Badge-module__badge__dot__
           floatingStrategy: "fixed",
           placement: "right",
           kind: "invert",
-          isVisible: h || !a || l ? !1 : void 0,
+          isVisible: m || !a || l ? !1 : void 0,
           offsetMainAxis: 12,
           hoverOnDelay: 400,
           useClickHookProps: { ignoreMouse: !0 },
@@ -2813,16 +2813,16 @@ const on = "lc-Badge-module__badge___ZbEBU", _n = "lc-Badge-module__badge__dot__
                     [Gt[`${Ut}__button--active`]]: n,
                     [Gt[`${Ut}__button--opacity`]]: _,
                     [Gt[`${Ut}__button--disabled`]]: l,
-                    [Gt[`${Ut}__button--mobile`]]: h
+                    [Gt[`${Ut}__button--mobile`]]: m
                   },
                   "lc-dark-theme"
                 ),
-                onClick: (p) => !l && d(p, e),
+                onClick: (h) => !l && s(h, e),
                 href: o,
-                ...s,
+                ...d,
                 children: [
                   r,
-                  h && a
+                  m && a
                 ]
               }
             ),
@@ -2887,23 +2887,23 @@ const on = "lc-Badge-module__badge___ZbEBU", _n = "lc-Badge-module__badge__dot__
   isVisible: i = !0,
   id: n
 }) => {
-  const [d, u] = b.useState(!1), s = b.useRef(null), { isMounted: h, isOpen: p } = oa({
+  const [s, u] = b.useState(!1), d = b.useRef(null), { isMounted: m, isOpen: h } = oa({
     isVisible: i,
-    elementRef: s,
+    elementRef: d,
     includeSleepWakeScenario: !0
   }), y = b.useCallback(
     (C) => Ya(
       C,
-      (S) => u(S.width < Xi)
+      (N) => u(N.width < Xi)
     ),
     []
-  ), m = a === "warning" ? "link-inverted" : "text", k = a === "warning" ? "secondary" : "high-contrast", x = _?.kind, w = l?.kind, N = _ || l ? /* @__PURE__ */ g("div", { className: ut[`${zt}__cta-wrapper`], children: [
+  ), p = a === "warning" ? "link-inverted" : "text", k = a === "warning" ? "secondary" : "high-contrast", x = _?.kind, w = l?.kind, S = _ || l ? /* @__PURE__ */ g("div", { className: ut[`${zt}__cta-wrapper`], children: [
     _ && /* @__PURE__ */ t(
       L,
       {
         size: "compact",
         ..._,
-        kind: d ? m : x || k,
+        kind: s ? p : x || k,
         children: _.label
       }
     ),
@@ -2912,14 +2912,14 @@ const on = "lc-Badge-module__badge___ZbEBU", _n = "lc-Badge-module__badge__dot__
       {
         size: "compact",
         ...l,
-        kind: d ? m : w || k,
+        kind: s ? p : w || k,
         children: l.label
       }
     )
   ] }) : null, $ = /* @__PURE__ */ g(K, { children: [
     /* @__PURE__ */ g("div", { className: ut[`${zt}__children-wrapper`], children: [
       o,
-      N
+      S
     ] }),
     r && /* @__PURE__ */ t(
       "button",
@@ -2930,18 +2930,18 @@ const on = "lc-Badge-module__badge___ZbEBU", _n = "lc-Badge-module__badge__dot__
       }
     )
   ] });
-  return /* @__PURE__ */ t(K, { children: h && /* @__PURE__ */ t("div", { ref: y, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(K, { children: m && /* @__PURE__ */ t("div", { ref: y, children: /* @__PURE__ */ t(
     "div",
     {
       className: c(
         ut[`${zt}__wrapper`],
         {
-          [ut[`${zt}__wrapper--open`]]: p
+          [ut[`${zt}__wrapper--open`]]: h
         },
         "lc-dark-theme"
         // Alerts are forced into dark mode to maintain consistency of the colors
       ),
-      ref: s,
+      ref: d,
       role: "status",
       children: /* @__PURE__ */ t(
         "div",
@@ -2952,7 +2952,7 @@ const on = "lc-Badge-module__badge___ZbEBU", _n = "lc-Badge-module__badge__dot__
             ut[zt],
             ut[`${zt}--${a}`],
             {
-              [ut[`${zt}--open`]]: p
+              [ut[`${zt}--open`]]: h
             },
             e
           ),
@@ -3069,11 +3069,11 @@ const mr = {
     isPromo: l = !1,
     cropOnBlur: i = !0,
     noDataFallbackText: n = "No data",
-    ...d
+    ...s
   }, u) => {
-    const s = b.useRef(null), { readOnly: h } = xt(), p = h || d.readOnly;
-    b.useImperativeHandle(u, () => s.current, []);
-    const [y, m] = b.useState(!1), [k, x] = b.useState(!1), { type: w, onFocus: N, onBlur: $ } = d, C = c(
+    const d = b.useRef(null), { readOnly: m } = xt(), h = m || s.readOnly;
+    b.useImperativeHandle(u, () => d.current, []);
+    const [y, p] = b.useState(!1), [k, x] = b.useState(!1), { type: w, onFocus: S, onBlur: $ } = s, C = c(
       _,
       {
         [at[`${rt}--disabled`]]: a,
@@ -3082,13 +3082,13 @@ const mr = {
         [at[`${rt}--crop`]]: i
       },
       o
-    ), S = a ? "var(--content-basic-disabled)" : "var(--content-basic-primary)", f = k ? el : tl, v = r && r.place === "left", T = r && w !== "password" && r.place === "right", I = () => {
-      s.current?.focus();
+    ), N = a ? "var(--content-basic-disabled)" : "var(--content-basic-primary)", f = k ? el : tl, v = r && r.place === "left", E = r && w !== "password" && r.place === "right", O = () => {
+      d.current?.focus();
     };
-    return p ? /* @__PURE__ */ t(
+    return h ? /* @__PURE__ */ t(
       va,
       {
-        value: d.value?.toString(),
+        value: s.value?.toString(),
         noDataFallbackText: n
       }
     ) : /* @__PURE__ */ g(
@@ -3099,33 +3099,33 @@ const mr = {
         className: C,
         "aria-disabled": a,
         "tab-index": "0",
-        onClick: I,
+        onClick: O,
         children: [
           v && Yo(r, a),
           /* @__PURE__ */ t(
             "input",
             {
-              ...d,
-              ref: s,
-              onFocus: (O) => {
-                m(!0), N?.(O);
+              ...s,
+              ref: d,
+              onFocus: (I) => {
+                p(!0), S?.(I);
               },
-              onBlur: (O) => {
-                m(!1), $?.(O);
+              onBlur: (I) => {
+                p(!1), $?.(I);
               },
               disabled: a,
               type: w && !k ? w : "text"
             }
           ),
-          T && Yo(r, a),
+          E && Yo(r, a),
           w === "password" && /* @__PURE__ */ t(
             L,
             {
               disabled: a,
               kind: "text",
               size: "compact",
-              icon: /* @__PURE__ */ t(P, { customColor: S, source: f }),
-              onClick: () => x((O) => !O),
+              icon: /* @__PURE__ */ t(P, { customColor: N, source: f }),
+              onClick: () => x((I) => !I),
               className: at[`${rt}__visibility-button`]
             }
           )
@@ -3254,50 +3254,50 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
   src: l,
   status: i,
   text: n,
-  type: d,
+  type: s,
   withRim: u = !1,
-  style: s,
-  ...h
+  style: d,
+  ...m
 }) => {
-  const p = d === "image" && !l, [y, m] = b.useState(p), k = d === "image" && !!l && !y, x = d === "text", w = ["xxxsmall", "xxsmall", "xsmall"].includes(_) ? 1 : 2, N = wn(n, w), $ = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(_), C = r || Cn(n), S = C ? $n(C) : void 0, f = x ? { backgroundColor: C } : {}, v = c({
+  const h = s === "image" && !l, [y, p] = b.useState(h), k = s === "image" && !!l && !y, x = s === "text", w = ["xxxsmall", "xxsmall", "xsmall"].includes(_) ? 1 : 2, S = wn(n, w), $ = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(_), C = r || Cn(n), N = C ? $n(C) : void 0, f = x ? { backgroundColor: C } : {}, v = c({
     [Fe[ke]]: !0,
     [Fe[`${ke}--${o}`]]: !0,
     [Fe[`${ke}--${_}`]]: !0,
     [Fe[`${ke}--with-rim`]]: u,
     ...a ? { [`${a}`]: a } : {}
-  }), T = c(
+  }), E = c(
     Fe[`${ke}__status`],
     Fe[`${ke}__status--${o}`],
     Fe[`${ke}__status--${_}`],
     ...i ? [Fe[`${ke}__status--${i}`]] : []
-  ), I = c(
+  ), O = c(
     Fe[`${ke}__icon`],
     Fe[`${ke}__icon--${_}`]
-  ), O = c(
+  ), I = c(
     Fe[`${ke}__rim`],
     Fe[`${ke}__rim--${_}`]
-  ), A = (M) => $ ? "2xs" : ["medium"].includes(M) ? "xs" : ["large", "xlarge"].includes(M) ? "sm" : ["xxlarge"].includes(M) ? "lg" : "xl", E = b.useCallback(() => m(!0), []);
+  ), A = (M) => $ ? "2xs" : ["medium"].includes(M) ? "xs" : ["large", "xlarge"].includes(M) ? "sm" : ["xxlarge"].includes(M) ? "lg" : "xl", T = b.useCallback(() => p(!0), []);
   return b.useEffect(() => {
-    m(p);
-  }, [p]), /* @__PURE__ */ g(
+    p(h);
+  }, [h]), /* @__PURE__ */ g(
     "div",
     {
       className: v,
-      style: { ...f, ...s },
-      ...h,
+      style: { ...f, ...d },
+      ...m,
       children: [
         u && /* @__PURE__ */ t(
           "div",
           {
             "data-testid": `${ke}__rim`,
-            className: O
+            className: I
           }
         ),
         i && /* @__PURE__ */ t(
           "div",
           {
             "data-testid": `${ke}__status`,
-            className: T
+            className: E
           }
         ),
         k && /* @__PURE__ */ t(
@@ -3306,7 +3306,7 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
             className: Fe[`${ke}__image`],
             src: l,
             alt: e,
-            onError: E
+            onError: T
           }
         ),
         x && /* @__PURE__ */ t(
@@ -3314,17 +3314,17 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
           {
             as: "span",
             size: A(_),
-            style: { color: S },
+            style: { color: N },
             bold: $,
             uppercase: $,
-            children: N
+            children: S
           }
         ),
         y && /* @__PURE__ */ t(
           P,
           {
             "data-testid": `${ke}__icon`,
-            className: I,
+            className: O,
             source: al
           }
         )
@@ -3357,7 +3357,7 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
     className: l,
     ...i
   }, n) => {
-    const { readOnly: d } = xt(), u = d || i.readOnly;
+    const { readOnly: s } = xt(), u = s || i.readOnly;
     return /* @__PURE__ */ g(
       "div",
       {
@@ -3373,8 +3373,8 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
               "input",
               {
                 ...i,
-                ref: (s) => {
-                  s && (s.indeterminate = a, typeof n == "function" ? n(s) : n && (n.current = s));
+                ref: (d) => {
+                  d && (d.indeterminate = a, typeof n == "function" ? n(d) : n && (n.current = d));
                 },
                 checked: e,
                 disabled: r,
@@ -3414,34 +3414,34 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
   item: i,
   numberOfItems: n
 }) => {
-  const d = (s) => {
-    if (s?.customElement?.listItemBody)
-      return /* @__PURE__ */ t("div", { className: Ee[`${lt}__custom`], children: s.customElement.listItemBody });
-    const h = (p) => p.avatar?.type || (p.avatarSrc ? "image" : "text");
+  const s = (d) => {
+    if (d?.customElement?.listItemBody)
+      return /* @__PURE__ */ t("div", { className: Ee[`${lt}__custom`], children: d.customElement.listItemBody });
+    const m = (h) => h.avatar?.type || (h.avatarSrc ? "image" : "text");
     return /* @__PURE__ */ g(K, { children: [
-      s.showCheckbox && /* @__PURE__ */ t(
+      d.showCheckbox && /* @__PURE__ */ t(
         Fr,
         {
           className: Ee[`${lt}__checkbox`],
           checked: r
         }
       ),
-      s.icon && /* @__PURE__ */ t(
+      d.icon && /* @__PURE__ */ t(
         P,
         {
           className: Ee[`${lt}__icon`],
           kind: "link",
-          source: s.icon
+          source: d.icon
         }
       ),
-      (s.avatar || s.avatarSrc) && /* @__PURE__ */ t(
+      (d.avatar || d.avatarSrc) && /* @__PURE__ */ t(
         Bo,
         {
           className: Ee[`${lt}__avatar`],
-          src: s.avatar?.src || s.avatarSrc,
-          type: h(s),
-          text: s.name,
-          alt: s.name,
+          src: d.avatar?.src || d.avatarSrc,
+          type: m(d),
+          text: d.name,
+          alt: d.name,
           size: "xxsmall"
         }
       ),
@@ -3451,13 +3451,13 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
           {
             as: "span",
             className: c([Ee[`${lt}__label`]], {
-              [Ee[`${lt}__main-label`]]: s.secondaryText
+              [Ee[`${lt}__main-label`]]: d.secondaryText
             }),
-            "aria-disabled": s.disabled,
-            children: s.name
+            "aria-disabled": d.disabled,
+            children: d.name
           }
         ),
-        s.secondaryText && /* @__PURE__ */ t("span", { className: Ee[`${lt}__secondary-label`], children: s.secondaryText })
+        d.secondaryText && /* @__PURE__ */ t("span", { className: Ee[`${lt}__secondary-label`], children: d.secondaryText })
       ] })
     ] });
   };
@@ -3473,16 +3473,16 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
       },
       i.key
     );
-  const u = (s) => {
-    !i.disabled && _(s);
+  const u = (d) => {
+    !i.disabled && _(d);
   };
   return /* @__PURE__ */ t(
     "div",
     {
       id: i.key,
       tabIndex: a ? 0 : -1,
-      ref: (s) => {
-        s && (o.current[e] = s);
+      ref: (d) => {
+        d && (o.current[e] = d);
       },
       role: "option",
       "aria-setsize": n,
@@ -3504,7 +3504,7 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
             [Ee[`${lt}--select-all`]]: i.key === ga
           }),
           children: [
-            d(i),
+            s(i),
             r && !i.showCheckbox && /* @__PURE__ */ t(
               P,
               {
@@ -3533,28 +3533,28 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
   activeIndex: l,
   selectedKeys: i,
   listElementsRef: n,
-  isPositioned: d,
+  isPositioned: s,
   searchDisabled: u,
-  onItemRemove: s,
-  setPointer: h,
-  onSelect: p,
+  onItemRemove: d,
+  setPointer: m,
+  onSelect: h,
   getFloatingProps: y,
-  getItemProps: m,
+  getItemProps: p,
   emptyStateText: k = "No results found",
   hideWhenEmpty: x = !1,
   pickerType: w = "single",
-  listClassName: N,
+  listClassName: S,
   virtuosoProps: $
 }) => {
-  const [C, S] = b.useState(0), f = qt(null), v = _.length, T = b.useCallback(
+  const [C, N] = b.useState(0), f = qt(null), v = _.length, E = b.useCallback(
     (A) => {
-      A !== C && (A < o ? S(A + (v - 1) * vn) : S(o));
+      A !== C && (A < o ? N(A + (v - 1) * vn) : N(o));
     },
     [v]
   );
   if (q(() => {
-    u && d && l !== null && f.current?.focus();
-  }, [u, d, l]), q(() => {
+    u && s && l !== null && f.current?.focus();
+  }, [u, s, l]), q(() => {
     n.current = new Array(_.length);
   }, [_.length]), _.length === 0)
     return x ? null : /* @__PURE__ */ t(bo, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ t(
@@ -3567,8 +3567,8 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
         children: /* @__PURE__ */ t("div", { className: xa["no-results-text"], children: k })
       }
     ) });
-  const I = (A) => i.includes(A) || A === ga && i.length === Co(_).length, O = () => {
-    w === "multi" && s(i[i.length - 1]);
+  const O = (A) => i.includes(A) || A === ga && i.length === Co(_).length, I = () => {
+    w === "multi" && d(i[i.length - 1]);
   };
   return /* @__PURE__ */ t(bo, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ t(
     "div",
@@ -3576,7 +3576,7 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
       "data-testid": "picker-list",
       ref: a,
       tabIndex: -1,
-      className: c(xa.listbox, N),
+      className: c(xa.listbox, S),
       style: {
         ...r,
         maxHeight: o
@@ -3590,34 +3590,34 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
           className: xa["listbox-wrapper"],
           ...y({
             onKeyDown(A) {
-              h(!1), A.key === "Enter" && l !== null && p(_[l].key), (A.key === "Backspace" || A.key === "Delete") && O(), A.key === " " && A.preventDefault();
+              m(!1), A.key === "Enter" && l !== null && h(_[l].key), (A.key === "Backspace" || A.key === "Delete") && I(), A.key === " " && A.preventDefault();
             },
             onKeyUp(A) {
-              A.key === " " && l !== null && p(_[l].key);
+              A.key === " " && l !== null && h(_[l].key);
             },
             onPointerMove() {
-              h(!0);
+              m(!0);
             }
           }),
           children: /* @__PURE__ */ t(
             Ul,
             {
-              totalListHeightChanged: T,
+              totalListHeightChanged: E,
               style: { height: `${C}px`, maxHeight: o },
               totalCount: _.length,
               data: _,
               increaseViewportBy: 200,
               ...$,
-              itemContent: (A, E) => /* @__PURE__ */ t(
+              itemContent: (A, T) => /* @__PURE__ */ t(
                 Fn,
                 {
                   index: A,
-                  getItemProps: m,
+                  getItemProps: p,
                   listElementsRef: n,
                   isActive: l === A,
-                  isSelected: I(E.key),
-                  onSelect: p,
-                  item: E,
+                  isSelected: O(T.key),
+                  onSelect: h,
+                  item: T,
                   numberOfItems: v
                 }
               )
@@ -3654,13 +3654,13 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
   isItemSelected: l,
   hideClearButton: i,
   isDisabled: n,
-  isRequired: d,
+  isRequired: s,
   isOpen: u,
-  isError: s,
-  onClear: h,
-  children: p,
+  isError: d,
+  onClear: m,
+  children: h,
   setTriggerFocus: y,
-  onToggle: m
+  onToggle: p
 }) => {
   const k = c(
     Te[Ce],
@@ -3669,11 +3669,11 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
     _ && l && Te[`${Ce}--multi-select--with-items`],
     n && Te[`${Ce}--disabled`],
     u && Te[`${Ce}--focused`],
-    s && Te[`${Ce}--error`]
-  ), x = !i && l && !n && !d, w = ($) => {
-    $.stopPropagation(), h();
-  }, N = ($) => {
-    !n && !(u && $.target.tagName === "BUTTON") && m();
+    d && Te[`${Ce}--error`]
+  ), x = !i && l && !n && !s, w = ($) => {
+    $.stopPropagation(), m();
+  }, S = ($) => {
+    !n && !(u && $.target.tagName === "BUTTON") && p();
   };
   return b.useEffect(() => {
     u || y(!1);
@@ -3690,7 +3690,7 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
       ...a(),
       onFocus: () => y(!0),
       onBlur: () => y(!1),
-      onClick: N,
+      onClick: S,
       children: [
         /* @__PURE__ */ t(
           B,
@@ -3701,7 +3701,7 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
               Te[`${Ce}__content--${o}`],
               _ && l && Te[`${Ce}__content--with-items`]
             ),
-            children: p
+            children: h
           }
         ),
         /* @__PURE__ */ g(
@@ -3780,55 +3780,55 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
   kind: l = "default",
   onRemove: i,
   outline: n = !1,
-  leftNode: d,
+  leftNode: s,
   rightNode: u,
-  customColor: s,
-  iconOnly: h = !1,
-  value: p,
+  customColor: d,
+  iconOnly: m = !1,
+  value: h,
   ...y
 }) => {
-  const m = r || i && h, k = c(
+  const p = r || i && m, k = c(
     Ge[Ue],
     e,
     Ge[`${Ue}--${_}`],
     Ge[`${Ue}--${l}`],
     {
       [Ge[`${Ue}--outline`]]: n,
-      [Ge[`${Ue}--${Vn(s)}`]]: !!s,
-      [Ge[`${Ue}--icon-only`]]: h,
-      [Ge[`${Ue}--dismissible-on-hover`]]: m
+      [Ge[`${Ue}--${Vn(d)}`]]: !!d,
+      [Ge[`${Ue}--icon-only`]]: m,
+      [Ge[`${Ue}--dismissible-on-hover`]]: p
     }
-  ), x = _ === "small" ? "small" : "medium", w = _ === "small" ? "sm" : "md", N = () => s ? n ? {
+  ), x = _ === "small" ? "small" : "medium", w = _ === "small" ? "sm" : "md", S = () => d ? n ? {
     style: {
       backgroundColor: "transparent",
-      color: s,
-      borderColor: s
+      color: d,
+      borderColor: d
     }
-  } : { style: { backgroundColor: s } } : {}, $ = () => {
-    if (s)
-      return n ? s : No(s, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
+  } : { style: { backgroundColor: d } } : {}, $ = () => {
+    if (d)
+      return n ? d : No(d, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
   };
   return /* @__PURE__ */ g(
     B,
     {
       className: k,
       ...y,
-      ...N(),
+      ...S(),
       as: "div",
       size: w,
       children: [
         /* @__PURE__ */ g("div", { className: Ge[`${Ue}__content-wrapper`], children: [
-          d && !h && /* @__PURE__ */ t(
+          s && !m && /* @__PURE__ */ t(
             "div",
             {
               "data-testid": "lc-tag-left-node",
               className: Ge[`${Ue}__node`],
               style: { color: $() },
-              children: d
+              children: s
             }
           ),
-          /* @__PURE__ */ t("div", { className: Ge[`${Ue}__content`], children: p || a }),
-          u && !h && /* @__PURE__ */ t(
+          /* @__PURE__ */ t("div", { className: Ge[`${Ue}__content`], children: h || a }),
+          u && !m && /* @__PURE__ */ t(
             "div",
             {
               "data-testid": "lc-tag-right-node",
@@ -3847,7 +3847,7 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
             role: "button",
             "aria-label": "Remove tag",
             className: c(Ge[`${Ue}__remove`], {
-              [Ge[`${Ue}__remove--hover`]]: m
+              [Ge[`${Ue}__remove--hover`]]: p
             }),
             children: /* @__PURE__ */ t(
               P,
@@ -3890,13 +3890,13 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
   type: l,
   clearSearchAfterSelection: i,
   size: n = "medium",
-  onItemRemove: d,
+  onItemRemove: s,
   onSelect: u,
-  onFilter: s,
-  onClear: h,
-  searchPhrase: p,
+  onFilter: d,
+  onClear: m,
+  searchPhrase: h,
   virtualItemRef: y,
-  isTriggerFocused: m,
+  isTriggerFocused: p,
   inputRef: k,
   inputProps: x
 }) => {
@@ -3904,10 +3904,10 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
   b.useEffect(() => {
     i && k?.current && k.current.focus();
   }, [_, i]);
-  const N = (v) => {
-    v.key === "Backspace" && _ && _.length > 0 && (v.preventDefault(), l === "multi" ? d(_[_.length - 1].key) : h()), v.key === "Delete" && (v.preventDefault(), h());
+  const S = (v) => {
+    v.key === "Backspace" && _ && _.length > 0 && (v.preventDefault(), l === "multi" ? s(_[_.length - 1].key) : m()), v.key === "Delete" && (v.preventDefault(), m());
   };
-  b.useEffect(() => (!e && m ? document.addEventListener("keydown", N) : document.removeEventListener("keydown", N), () => document.removeEventListener("keydown", N)), [e, _, m]);
+  b.useEffect(() => (!e && p ? document.addEventListener("keydown", S) : document.removeEventListener("keydown", S), () => document.removeEventListener("keydown", S)), [e, _, p]);
   const $ = (v) => l === "single" && e && !a ? null : v?.customElement?.selectedItemBody ? /* @__PURE__ */ t("div", { className: Be[`${Ie}__item`], children: v.customElement.selectedItemBody }) : /* @__PURE__ */ g("div", { className: Be[`${Ie}__item`], children: [
     v.icon && /* @__PURE__ */ t(
       P,
@@ -3925,8 +3925,8 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
       }
     ),
     /* @__PURE__ */ t("div", { className: Be[`${Ie}__item__content`], children: v.name })
-  ] }), C = (v) => s(v.target.value), S = (v) => {
-    y.current?.id && v.key === "Enter" && u(y.current?.id), l === "multi" && (v.key === "Backspace" || v.key === "Delete") && !p && _ && _?.length > 0 && d(_[_.length - 1].key);
+  ] }), C = (v) => d(v.target.value), N = (v) => {
+    y.current?.id && v.key === "Enter" && u(y.current?.id), l === "multi" && (v.key === "Backspace" || v.key === "Delete") && !h && _ && _?.length > 0 && s(_[_.length - 1].key);
   }, f = () => /* @__PURE__ */ t(
     "input",
     {
@@ -3938,9 +3938,9 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
       ),
       placeholder: o,
       onChange: C,
-      onKeyDown: S,
+      onKeyDown: N,
       autoFocus: !0,
-      value: p
+      value: h
     }
   );
   return !_ || _.length === 0 ? w ? f() : /* @__PURE__ */ t(
@@ -3967,8 +3967,8 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
               Be[`${Ie}__tag--${n}`]
             ),
             disabled: r,
-            onRemove: (T) => {
-              T.stopPropagation(), d(v.key);
+            onRemove: (E) => {
+              E.stopPropagation(), s(v.key);
             },
             ...v.selectedTagOptions,
             children: $(v)
@@ -3988,17 +3988,17 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
   floatingStrategy: l,
   useDismissHookProps: i,
   useClickHookProps: n,
-  isOpen: d,
+  isOpen: s,
   onVisibilityChange: u,
-  searchPhrase: s
+  searchPhrase: d
 }) => {
-  const h = Ja(), [p, y] = b.useState(!1), [m, k] = b.useState(null), [x, w] = b.useState(_), N = b.useRef([]), $ = b.useRef(null);
+  const m = Ja(), [h, y] = b.useState(!1), [p, k] = b.useState(null), [x, w] = b.useState(_), S = b.useRef([]), $ = b.useRef(null);
   b.useEffect(() => {
     $.current = null, k(null);
-  }, [s]);
-  const { refs: C, floatingStyles: S, context: f, isPositioned: v } = Qa({
-    nodeId: h,
-    open: d,
+  }, [d]);
+  const { refs: C, floatingStyles: N, context: f, isPositioned: v } = Qa({
+    nodeId: m,
+    open: s,
     strategy: l,
     onOpenChange: u,
     whileElementsMounted: tr,
@@ -4023,15 +4023,15 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
         padding: Kn
       })
     ]
-  }), T = ar(f, {
+  }), E = ar(f, {
     enabled: !e,
     keyboardHandlers: !1,
     toggle: !1,
     ...n
-  }), I = or(f, { role: "listbox" }), O = rr(f, i), A = Pl(f, {
+  }), O = or(f, { role: "listbox" }), I = rr(f, i), A = Pl(f, {
     enabled: a.length > 0 && !e,
-    listRef: N,
-    activeIndex: m,
+    listRef: S,
+    activeIndex: p,
     onNavigate: k,
     virtual: !0,
     virtualItemRef: $,
@@ -4039,24 +4039,24 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
       a,
       (R) => !!R.disabled || !!R.groupHeader
     )
-  }), { getReferenceProps: E, getFloatingProps: M, getItemProps: D } = _r(
-    [T, O, I, A]
+  }), { getReferenceProps: T, getFloatingProps: M, getItemProps: D } = _r(
+    [E, I, O, A]
   );
-  return !d && p && y(!1), {
-    getReferenceProps: E,
+  return !s && h && y(!1), {
+    getReferenceProps: T,
     getFloatingProps: M,
     getItemProps: D,
     setReference: C.setReference,
-    floatingStyles: S,
+    floatingStyles: N,
     isPositioned: v,
     context: f,
-    nodeId: h,
+    nodeId: m,
     setFloating: C.setFloating,
-    activeIndex: m,
-    listElementsRef: N,
+    activeIndex: p,
+    listElementsRef: S,
     virtualItemRef: $,
     maxHeight: x,
-    pointer: p,
+    pointer: h,
     setPointer: y
   };
 }, G_ = ({
@@ -4069,49 +4069,49 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
   clearSearchAfterSelection: i,
   inputRef: n
 }) => {
-  const [d, u] = b.useState(
+  const [s, u] = b.useState(
     () => e?.map(Xo) || []
-  ), s = e !== void 0, h = s ? e?.map(Xo) || [] : d, [p, y] = b.useState(""), m = (C) => y(C), k = (C) => {
-    r === "single" ? $(C) : (u(h.filter((S) => S !== C)), _(e?.filter(({ key: S }) => S !== C) || null));
+  ), d = e !== void 0, m = d ? e?.map(Xo) || [] : s, [h, y] = b.useState(""), p = (C) => y(C), k = (C) => {
+    r === "single" ? $(C) : (u(m.filter((N) => N !== C)), _(e?.filter(({ key: N }) => N !== C) || null));
   }, x = () => {
-    !s && u([]), _(null), y(""), l(!1);
+    !d && u([]), _(null), y(""), l(!1);
   }, w = () => {
-    m(""), n.current && (n.current.value = "");
-  }, N = b.useMemo(() => {
+    p(""), n.current && (n.current.value = "");
+  }, S = b.useMemo(() => {
     const C = r === "multi" && o;
-    let S = a;
-    return p && (S = S.filter((f) => {
+    let N = a;
+    return h && (N = N.filter((f) => {
       if (f.groupHeader)
         return !0;
-      const v = p.toLowerCase(), T = f.name.toLowerCase(), I = f.secondaryText?.toLowerCase();
-      return T.includes(v) || I?.includes(v);
+      const v = h.toLowerCase(), E = f.name.toLowerCase(), O = f.secondaryText?.toLowerCase();
+      return E.includes(v) || O?.includes(v);
     }).filter(
-      (f, v, T) => !(f.groupHeader && (T[v + 1]?.groupHeader || v === T.length - 1))
-    )), C && S.length > 1 && (S = [
+      (f, v, E) => !(f.groupHeader && (E[v + 1]?.groupHeader || v === E.length - 1))
+    )), C && N.length > 1 && (N = [
       {
         key: ga,
         name: o
       },
-      ...S
-    ]), S;
-  }, [p, a, r, o]), $ = (C) => {
-    const S = a.find((f) => f.key === C);
-    (!S || S.disabled) && C !== ga || (r === "single" ? (u(() => (S && _([S]), [C])), l(!1), i && w()) : C === ga ? h.length === Co(a).length ? u(() => (_(null), [])) : u(() => {
+      ...N
+    ]), N;
+  }, [h, a, r, o]), $ = (C) => {
+    const N = a.find((f) => f.key === C);
+    (!N || N.disabled) && C !== ga || (r === "single" ? (u(() => (N && _([N]), [C])), l(!1), i && w()) : C === ga ? m.length === Co(a).length ? u(() => (_(null), [])) : u(() => {
       const f = Co(a);
       return _(f), f.map(({ key: v }) => v);
-    }) : (s ? h.includes(C) ? (_(
+    }) : (d ? m.includes(C) ? (_(
       e?.filter(({ key: f }) => f !== C) || null
-    ), u((f) => f.filter((v) => v !== C))) : (_([...e || [], S]), u((f) => [...f, C])) : u((f) => {
+    ), u((f) => f.filter((v) => v !== C))) : (_([...e || [], N]), u((f) => [...f, C])) : u((f) => {
       const v = kn(f, C);
-      return _(a.filter(({ key: T }) => v.includes(T))), v;
+      return _(a.filter(({ key: E }) => v.includes(E))), v;
     }), i && w()));
   };
   return {
-    selectedKeys: h,
-    items: N,
-    searchPhrase: p,
+    selectedKeys: m,
+    items: S,
+    searchPhrase: h,
     handleSelect: $,
-    handleOnFilter: m,
+    handleOnFilter: p,
     handleItemRemove: k,
     handleClear: x
   };
@@ -4126,33 +4126,33 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
   disabled: l,
   error: i,
   options: n,
-  selected: d,
+  selected: s,
   size: u = "medium",
-  placeholder: s = "Select option",
-  isRequired: h,
-  noSearchResultText: p = "No results found",
+  placeholder: d = "Select option",
+  isRequired: m,
+  noSearchResultText: h = "No results found",
   selectAllOptionText: y,
-  type: m = "single",
+  type: p = "single",
   searchDisabled: k = !1,
   hideClearButton: x,
   isVisible: w,
-  onOpen: N,
+  onOpen: S,
   onClose: $,
   openedOnInit: C = !1,
-  clearSearchAfterSelection: S = !0,
+  clearSearchAfterSelection: N = !0,
   onSelect: f,
   placement: v,
-  floatingStrategy: T,
-  root: I,
-  useDismissHookProps: O,
+  floatingStrategy: E,
+  root: O,
+  useDismissHookProps: I,
   useClickHookProps: A,
-  virtuosoProps: E,
+  virtuosoProps: T,
   inputProps: M,
   noDataFallbackText: D = "No data",
   ...R
 }) => {
   const [F, U] = b.useState(C), [se, ie] = b.useState(!1), de = w !== void 0, Q = de ? w : F, z = b.useRef(null), { readOnly: he } = xt(), Et = he || M?.readOnly, pt = (gt, lr) => {
-    gt ? !Q && N?.(lr) : Q && $?.(lr), !de && U(gt);
+    gt ? !Q && S?.(lr) : Q && $?.(lr), !de && U(gt);
   }, {
     selectedKeys: Tt,
     items: G,
@@ -4162,13 +4162,13 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
     handleItemRemove: la,
     handleClear: Bt
   } = G_({
-    selected: d,
+    selected: s,
     options: n,
-    type: m,
+    type: p,
     selectAllOptionText: y,
     onSelect: f,
     setOpen: pt,
-    clearSearchAfterSelection: S,
+    clearSearchAfterSelection: N,
     inputRef: z
   }), {
     context: V,
@@ -4192,9 +4192,9 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
     placement: v,
     minListHeight: o,
     maxListHeight: _,
-    floatingStrategy: T,
+    floatingStrategy: E,
     useClickHookProps: A,
-    useDismissHookProps: O,
+    useDismissHookProps: I,
     isOpen: Q,
     onVisibilityChange: pt,
     searchPhrase: fe
@@ -4202,7 +4202,7 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
   return Et ? /* @__PURE__ */ t(
     va,
     {
-      value: d?.map((gt) => gt.groupHeader ? null : gt.name).filter(Boolean).join(", "),
+      value: s?.map((gt) => gt.groupHeader ? null : gt.name).filter(Boolean).join(", "),
       noDataFallbackText: D
     }
   ) : /* @__PURE__ */ g("div", { id: e, className: c(Yn["picker-wrapper"], a), children: [
@@ -4218,8 +4218,8 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
         hideClearButton: x,
         isDisabled: l,
         isError: i,
-        isRequired: h,
-        isMultiSelect: m === "multi",
+        isRequired: m,
+        isMultiSelect: p === "multi",
         size: u,
         setTriggerFocus: ie,
         onToggle: () => pt(!Q),
@@ -4229,11 +4229,11 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
             isOpen: Q,
             isSearchDisabled: k,
             isDisabled: l,
-            placeholder: s,
-            selectedItems: d,
-            type: m,
+            placeholder: d,
+            selectedItems: s,
+            type: p,
             size: u,
-            clearSearchAfterSelection: S,
+            clearSearchAfterSelection: N,
             inputRef: z,
             onItemRemove: la,
             onSelect: be,
@@ -4247,10 +4247,10 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
         )
       }
     ),
-    /* @__PURE__ */ t(ba, { id: Ht, children: Q && /* @__PURE__ */ t(ha, { root: I, children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t(ba, { id: Ht, children: Q && /* @__PURE__ */ t(ha, { root: O, children: /* @__PURE__ */ t(
       M_,
       {
-        pickerType: m,
+        pickerType: p,
         options: G,
         listClassName: r,
         context: V,
@@ -4267,8 +4267,8 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
         onSelect: be,
         getFloatingProps: Lr,
         getItemProps: qr,
-        emptyStateText: p,
-        virtuosoProps: E
+        emptyStateText: h,
+        virtuosoProps: T
       }
     ) }) })
   ] });
@@ -4295,46 +4295,46 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
     options: l,
     readOnly: i,
     floatingStrategy: n,
-    single: d,
+    single: s,
     alwaysShowAllOptions: u,
-    hideIfExactMatch: s = !0,
-    noDataFallbackText: h = "No data",
-    ...p
+    hideIfExactMatch: d = !0,
+    noDataFallbackText: m = "No data",
+    ...h
   }, y) => {
-    const m = b.useRef(null), { readOnly: k } = xt(), x = k || i;
-    b.useImperativeHandle(y, () => m.current, []);
-    const [w, N] = b.useState(""), C = p.value !== void 0 ? p.value : w, [S, f] = b.useState(
+    const p = b.useRef(null), { readOnly: k } = xt(), x = k || i;
+    b.useImperativeHandle(y, () => p.current, []);
+    const [w, S] = b.useState(""), C = h.value !== void 0 ? h.value : w, [N, f] = b.useState(
       o
     ), v = (V) => {
       f(V);
-    }, T = (V) => {
+    }, E = (V) => {
       R(V);
-    }, I = (V) => {
-      p.onChange?.(V), N(V.target.value), u || T(V.target.value), m.current?.focus();
     }, O = (V) => {
+      h.onChange?.(V), S(V.target.value), u || E(V.target.value), p.current?.focus();
+    }, I = (V) => {
       const Ht = V.key === "Enter";
-      be.current?.id && Ht && (A([{ key: be.current?.id }]), V.preventDefault()), Ht || v(!0), p.onKeyDown?.(V);
+      be.current?.id && Ht && (A([{ key: be.current?.id }]), V.preventDefault()), Ht || v(!0), h.onKeyDown?.(V);
     }, A = (V) => {
       if (V) {
         const Ht = V[0].key;
-        I({
+        O({
           target: { value: Ht }
         }), setTimeout(() => {
           v(!1);
         }, 0);
       }
-    }, E = b.useMemo(() => l ? Xn(l) ? Zn(l) : jn(l) : [], [l]), { items: M, searchPhrase: D, handleOnFilter: R, handleSelect: F, selectedKeys: U } = G_({
+    }, T = b.useMemo(() => l ? Xn(l) ? Zn(l) : jn(l) : [], [l]), { items: M, searchPhrase: D, handleOnFilter: R, handleSelect: F, selectedKeys: U } = G_({
       selected: [],
-      options: E,
+      options: T,
       type: "single",
       onSelect: A,
       setOpen: f,
       clearSearchAfterSelection: !0,
-      inputRef: m
+      inputRef: p
     }), se = Jn(
       M,
-      d || !1,
       s || !1,
+      d || !1,
       C?.toString() || ""
     ), {
       nodeId: ie,
@@ -4356,7 +4356,7 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
       disabled: e || i,
       items: M,
       searchPhrase: u ? "" : D,
-      isOpen: S,
+      isOpen: N,
       onVisibilityChange: v,
       minListHeight: a,
       maxListHeight: r,
@@ -4367,23 +4367,23 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
       va,
       {
         value: C?.toString(),
-        noDataFallbackText: h
+        noDataFallbackText: m
       }
     ) : /* @__PURE__ */ g("div", { ref: fe, ...z(), children: [
       /* @__PURE__ */ t(
         fn,
         {
-          ...p,
-          ref: m,
-          onChange: I,
-          onKeyDown: O,
+          ...h,
+          ref: p,
+          onChange: O,
+          onKeyDown: I,
           value: C,
           disabled: e,
           readOnly: i,
           type: "text"
         }
       ),
-      /* @__PURE__ */ t(ba, { id: ie, children: S && /* @__PURE__ */ t(ha, { children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(ba, { id: ie, children: N && /* @__PURE__ */ t(ha, { children: /* @__PURE__ */ t(
         M_,
         {
           context: de,
@@ -4422,33 +4422,33 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
   fullWidth: l = !1,
   onButtonClick: i = Za
 }) => {
-  const n = c(gr[ec], r), [d, u] = b.useState(() => o), s = typeof _ == "string";
+  const n = c(gr[ec], r), [s, u] = b.useState(() => o), d = typeof _ == "string";
   b.useEffect(() => {
-    s && u(_);
+    d && u(_);
   }, [_]);
-  const h = (y, m) => {
-    s || u(y), i(y, m);
-  }, p = a.map(({ id: y, label: m, loading: k, disabled: x, icon: w }) => {
-    const N = y === d, $ = N ? gr["btn--active"] : "";
+  const m = (y, p) => {
+    d || u(y), i(y, p);
+  }, h = a.map(({ id: y, label: p, loading: k, disabled: x, icon: w }) => {
+    const S = y === s, $ = S ? gr["btn--active"] : "";
     return /* @__PURE__ */ t(
       L,
       {
         fullWidth: l,
-        loading: N ? !1 : k,
+        loading: S ? !1 : k,
         disabled: x,
-        "aria-pressed": N,
+        "aria-pressed": S,
         kind: "secondary",
         icon: w,
         className: c(gr.btn, gr[`btn--${e}`], $),
-        onClick: (S) => {
-          h(y, S);
+        onClick: (N) => {
+          m(y, N);
         },
-        children: m
+        children: p
       },
       y
     );
   });
-  return /* @__PURE__ */ t("div", { role: "group", className: n, children: p });
+  return /* @__PURE__ */ t("div", { role: "group", className: n, children: h });
 }, tc = "lc-Card-module__card___LzN-3", ac = "lc-Card-module__card__header___SRONR", rc = "lc-Card-module__card__header__image___93pD4", oc = "lc-Card-module__card__header__heading___jK55U", _c = "lc-Card-module__card__header__heading__title___5090w", lc = "lc-Card-module__card__header__heading__description___iVYoq", ic = "lc-Card-module__card__content___9G1YM", nc = "lc-Card-module__card__actions___gp-xf", cc = "lc-Card-module__card__actions__line___C6TI0", sc = "lc-Card-module__card__actions__buttons___XJlFJ", Le = {
   card: tc,
   card__header: ac,
@@ -4472,11 +4472,11 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
   expandableContent: l,
   src: i,
   title: n,
-  ...d
+  ...s
 }) => {
-  const [u, s] = b.useState(!1), h = u ? ja : Xt, p = u ? "Hide" : "Show more", y = a?.length > 0, m = !!l, k = y || m, x = n, w = i, N = w ? "" : Le[dc];
-  return /* @__PURE__ */ g("div", { className: c(Le[Ka], o), ...d, children: [
-    x && /* @__PURE__ */ g("div", { className: c(Le[Ir], N), children: [
+  const [u, d] = b.useState(!1), m = u ? ja : Xt, h = u ? "Hide" : "Show more", y = a?.length > 0, p = !!l, k = y || p, x = n, w = i, S = w ? "" : Le[dc];
+  return /* @__PURE__ */ g("div", { className: c(Le[Ka], o), ...s, children: [
+    x && /* @__PURE__ */ g("div", { className: c(Le[Ir], S), children: [
       w && /* @__PURE__ */ t(
         "img",
         {
@@ -4511,26 +4511,26 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
       /* @__PURE__ */ t("div", { className: Le[`${hr}__line`] }),
       /* @__PURE__ */ g("div", { className: Le[`${hr}__buttons`], children: [
         y && a.map(
-          ({ kind: $, onClick: C, children: S }, f) => /* @__PURE__ */ t(
+          ({ kind: $, onClick: C, children: N }, f) => /* @__PURE__ */ t(
             L,
             {
               size: "compact",
               kind: $,
               onClick: C,
-              children: S
+              children: N
             },
             f
           )
         ),
-        m && /* @__PURE__ */ t(
+        p && /* @__PURE__ */ t(
           L,
           {
             className: Le[`${hr}__buttons-expander`],
             kind: "link",
             iconPosition: "right",
-            icon: /* @__PURE__ */ t(P, { source: h }),
-            onClick: () => s(!u),
-            children: p
+            icon: /* @__PURE__ */ t(P, { source: m }),
+            onClick: () => d(!u),
+            children: h
           }
         )
       ] })
@@ -4540,31 +4540,31 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
   "date-picker-custom-navigation": "lc-DatePickerCustomNavigation-module__date-picker-custom-navigation___B7uEJ"
 }, Qr = "date-picker-custom-navigation", uc = ({ currentMonth: e, setMonth: a, startMonth: r, endMonth: o, numberOfMonths: _ }) => {
   const l = r && Wa(e, r), i = o && Wa(e, o), n = () => {
-    const h = new Date(e);
-    h.setMonth(e.getMonth() - 1), a(h);
-  }, d = () => {
-    const h = new Date(e);
-    h.setMonth(e.getMonth() + 1), a(h);
+    const m = new Date(e);
+    m.setMonth(e.getMonth() - 1), a(m);
+  }, s = () => {
+    const m = new Date(e);
+    m.setMonth(e.getMonth() + 1), a(m);
   }, u = () => {
     if (!r) {
       const y = ta(e, 12);
       return a(y);
     }
-    const h = Math.abs(Oo(e, r)), p = ta(
+    const m = Math.abs(Oo(e, r)), h = ta(
       e,
-      !Number.isNaN(h) && h > 12 ? 12 : h
+      !Number.isNaN(m) && m > 12 ? 12 : m
     );
-    return a(p);
-  }, s = () => {
+    return a(h);
+  }, d = () => {
     if (!o) {
       const y = Po(e, 12);
       return a(y);
     }
-    const h = Math.abs(Oo(o, e)), p = Po(
+    const m = Math.abs(Oo(o, e)), h = Po(
       e,
-      !Number.isNaN(h) && h > 12 ? 12 : h
+      !Number.isNaN(m) && m > 12 ? 12 : m
     );
-    return _ === 2 && Wa(p, o) ? a(ta(p, 1)) : a(p);
+    return _ === 2 && Wa(h, o) ? a(ta(h, 1)) : a(h);
   };
   return /* @__PURE__ */ g("div", { className: Jr[Qr], children: [
     /* @__PURE__ */ g("div", { className: Jr[`${Qr}__nav-wrapper`], children: [
@@ -4599,7 +4599,7 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
           kind: "plain",
           size: "xcompact",
           icon: /* @__PURE__ */ t(P, { source: Ar }),
-          onClick: d,
+          onClick: s,
           disabled: i
         }
       ),
@@ -4610,7 +4610,7 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
           kind: "plain",
           size: "xcompact",
           icon: /* @__PURE__ */ t(P, { source: _l }),
-          onClick: s,
+          onClick: d,
           disabled: i
         }
       )
@@ -4654,19 +4654,19 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
   onMonthChange: i,
   ...n
 }) => {
-  const [d, u] = b.useState(e || /* @__PURE__ */ new Date());
+  const [s, u] = b.useState(e || /* @__PURE__ */ new Date());
   b.useEffect(() => {
-    e && e !== d && u(e);
-  }, [e, d]), b.useEffect(() => {
-    _ && e !== d && (U_(d, { from: r, to: _ }) || u(_));
-  }, [e, d, _, r]);
-  const s = b.useCallback(
-    (h) => {
+    e && e !== s && u(e);
+  }, [e, s]), b.useEffect(() => {
+    _ && e !== s && (U_(s, { from: r, to: _ }) || u(_));
+  }, [e, s, _, r]);
+  const d = b.useCallback(
+    (m) => {
       if (i) {
-        i(h);
+        i(m);
         return;
       }
-      u(h);
+      u(m);
     },
     [e, i]
   );
@@ -4688,15 +4688,15 @@ const Sn = "lc-Avatar-module__avatar___5-kP8", Nn = "lc-Avatar-module__avatar__s
         range_end: c(Pe[`${qe}__range-end`]),
         disabled: c(Pe[`${qe}__disabled`])
       },
-      onMonthChange: s,
-      month: d,
+      onMonthChange: d,
+      month: s,
       components: {
-        CaptionLabel: ({ children: h }) => /* @__PURE__ */ t(B, { as: "span", bold: !0, children: h }),
+        CaptionLabel: ({ children: m }) => /* @__PURE__ */ t(B, { as: "span", bold: !0, children: m }),
         Nav: () => /* @__PURE__ */ t(
           uc,
           {
-            currentMonth: d,
-            setMonth: s,
+            currentMonth: s,
+            setMonth: d,
             startMonth: o || r,
             endMonth: l || _
           }
@@ -4805,15 +4805,15 @@ const gc = (e) => {
   customTempToDate: l,
   toMonth: i,
   today: n,
-  onChange: d,
+  onChange: s,
   onRangeSelect: u,
-  onSelect: s,
-  onCustomTempDateRangeChange: h,
-  children: p
+  onSelect: d,
+  onCustomTempDateRangeChange: m,
+  children: h
 }) => {
   const y = qt(
     a || null
-  ), [m, k] = gc({
+  ), [p, k] = gc({
     initialFromDate: r,
     initialToDate: o,
     toMonth: i,
@@ -4821,8 +4821,8 @@ const gc = (e) => {
     initialSelectedItemKey: a,
     customTempFromDate: _,
     customTempToDate: l,
-    children: p,
-    onChange: d,
+    children: h,
+    onChange: s,
     onRangeSelect: u
   });
   q(() => {
@@ -4854,54 +4854,54 @@ const gc = (e) => {
       payload: { date: f }
     });
   }, [i, r, o]), q(() => {
-    const { from: f, selectedItem: v, to: T } = m;
-    if (!(f && T))
+    const { from: f, selectedItem: v, to: E } = p;
+    if (!(f && E))
       return;
-    const I = za(v, e);
-    I && d?.({
-      ...I,
+    const O = za(v, e);
+    O && s?.({
+      ...O,
       value: {
         from: f,
-        to: T
+        to: E
       }
     });
-  }, [m.from, m.to, m.selectedItem, e, d]), q(() => {
-    const { from: f, to: v } = m;
+  }, [p.from, p.to, p.selectedItem, e, s]), q(() => {
+    const { from: f, to: v } = p;
     !(f && v) || !u || u?.({
       from: f,
       to: v
     });
-  }, [m.from, m.to, u]), q(() => {
-    const { selectedItem: f } = m;
+  }, [p.from, p.to, u]), q(() => {
+    const { selectedItem: f } = p;
     if (f === y.current || !e)
       return;
     if (!f) {
-      d?.(null);
+      s?.(null);
       return;
     }
     if (!za(f, e))
       return;
-    const T = e.reduce(
-      (I, O) => ({ ...I, [O.id]: O }),
+    const E = e.reduce(
+      (O, I) => ({ ...O, [I.id]: I }),
       {}
     );
-    d?.(T[f]);
-  }, [d, m.selectedItem, e]), q(() => {
-    h?.({
-      from: m.temporaryFrom,
-      to: m.temporaryTo
+    s?.(E[f]);
+  }, [s, p.selectedItem, e]), q(() => {
+    m?.({
+      from: p.temporaryFrom,
+      to: p.temporaryTo
     });
-  }, [m.temporaryFrom, m.temporaryTo]);
+  }, [p.temporaryFrom, p.temporaryTo]);
   const x = mt(() => {
-    const { from: f, to: v } = m;
-    f && v && s && s({
+    const { from: f, to: v } = p;
+    f && v && d && d({
       from: f,
       to: v
     });
-  }, [s]), w = mt(
+  }, [d]), w = mt(
     (f) => {
-      const { from: v, to: T } = m, I = i ? v_(i, f) >= 0 : !0;
-      v && !jo(v, T) && I && (ql(f, v) ? (k({
+      const { from: v, to: E } = p, O = i ? v_(i, f) >= 0 : !0;
+      v && !jo(v, E) && O && (ql(f, v) ? (k({
         type: H.NEW_TEMPORARY_FROM_VALUE,
         payload: { date: f }
       }), k({
@@ -4915,11 +4915,11 @@ const gc = (e) => {
         payload: { date: v }
       })));
     },
-    [i, m.from, m.to]
-  ), N = mt(
+    [i, p.from, p.to]
+  ), S = mt(
     (f) => {
-      const { from: v, to: T } = m;
-      U_(f, { to: i }) && (jo(v, T) ? (k({
+      const { from: v, to: E } = p;
+      U_(f, { to: i }) && (jo(v, E) ? (k({
         type: H.SELECT_FIRST_DAY,
         payload: { date: f }
       }), k({
@@ -4936,7 +4936,7 @@ const gc = (e) => {
         payload: { date: f }
       }));
     },
-    [i, m.from, m.to]
+    [i, p.from, p.to]
   ), $ = mt(
     (f) => {
       if (f === null) {
@@ -4958,24 +4958,24 @@ const gc = (e) => {
       payload: { date: f }
     });
   }, []);
-  return p((() => {
+  return h((() => {
     const {
       currentMonth: f,
       from: v,
-      selectedItem: T,
-      temporaryFrom: I,
-      temporaryTo: O,
+      selectedItem: E,
+      temporaryFrom: O,
+      temporaryTo: I,
       to: A,
-      customTempFrom: E,
+      customTempFrom: T,
       customTempTo: M
-    } = m, D = pa(() => za(T, e), [e, T]), R = pa(() => ({ from: I || v, to: O }), [v, I, O]), F = pa(() => {
-      if (!(!E || !M))
-        return { from: E, to: M };
-    }, [E, M]), U = pa(() => i ? { after: i } : void 0, [i]);
+    } = p, D = pa(() => za(E, e), [e, E]), R = pa(() => ({ from: O || v, to: I }), [v, O, I]), F = pa(() => {
+      if (!(!T || !M))
+        return { from: T, to: M };
+    }, [T, M]), U = pa(() => i ? { after: i } : void 0, [i]);
     return {
       select: {
         onItemSelect: $,
-        selected: T || ""
+        selected: E || ""
       },
       inputs: {
         fromDate: v,
@@ -4985,7 +4985,7 @@ const gc = (e) => {
         mode: "range",
         month: f,
         numberOfMonths: 2,
-        onDayClick: N,
+        onDayClick: S,
         selected: F || R,
         endMonth: i,
         disabled: U,
@@ -5047,38 +5047,38 @@ const bu = (e) => {
   withDivider: l,
   fullSpaceContent: i,
   openOnInit: n = !1,
-  hideLabelOnOpen: d,
+  hideLabelOnOpen: s,
   onClick: u
 }) => {
-  const [s, h] = b.useState(n), [p, y] = b.useState(0), m = b.useRef(null), k = c(
+  const [d, m] = b.useState(n), [h, y] = b.useState(0), p = b.useRef(null), k = c(
     Y[X],
     l && Y[`${X}--with-divider`],
     a
-  ), x = d && s, w = typeof _ == "string", N = (C) => {
-    h((S) => !S), C.currentTarget.blur(), u?.(C);
+  ), x = s && d, w = typeof _ == "string", S = (C) => {
+    m((N) => !N), C.currentTarget.blur(), u?.(C);
   }, $ = (C) => {
     const f = C.target.tagName.toLowerCase();
-    hc.includes(f) || (h((v) => !v), u?.(C));
+    hc.includes(f) || (m((v) => !v), u?.(C));
   };
   return b.useEffect(() => {
     const C = !!window.IntersectionObserver;
-    if (m.current && C) {
-      const S = new ResizeObserver(() => {
-        m.current && p !== m.current.offsetHeight && y(m.current.offsetHeight);
+    if (p.current && C) {
+      const N = new ResizeObserver(() => {
+        p.current && h !== p.current.offsetHeight && y(p.current.offsetHeight);
       });
-      return S.observe(m.current), () => S.disconnect();
+      return N.observe(p.current), () => N.disconnect();
     }
-  }, [m]), /* @__PURE__ */ g("div", { className: k, children: [
+  }, [p]), /* @__PURE__ */ g("div", { className: k, children: [
     /* @__PURE__ */ t(
       "div",
       {
         className: c(
           Y[`${X}__label-wrapper`],
-          d && Y[`${X}__label-wrapper--fading`],
+          s && Y[`${X}__label-wrapper--fading`],
           x && Y[`${X}__label-wrapper--hide`],
-          s && Y[`${X}__label-wrapper--open`]
+          d && Y[`${X}__label-wrapper--open`]
         ),
-        "aria-expanded": s,
+        "aria-expanded": d,
         "aria-hidden": x,
         "data-testid": "details-card-label",
         onClick: $,
@@ -5087,7 +5087,7 @@ const bu = (e) => {
           {
             className: c(
               Y[`${X}__label`],
-              d && Y[`${X}__label--with-margin`]
+              s && Y[`${X}__label--with-margin`]
             ),
             children: [
               r && /* @__PURE__ */ t("div", { className: Y[`${X}__label__left-node`], children: r }),
@@ -5108,25 +5108,25 @@ const bu = (e) => {
     /* @__PURE__ */ t(
       L,
       {
-        kind: s && d ? "float" : "text",
+        kind: d && s ? "float" : "text",
         icon: /* @__PURE__ */ t(
           P,
           {
             source: Ar,
             className: c(
               Y[`${X}__button__icon`],
-              s && Y[`${X}__button__icon--open`]
+              d && Y[`${X}__button__icon--open`]
             )
           }
         ),
         className: c(
           Y[`${X}__button`],
-          !s && Y[`${X}__button--closed`],
-          s && Y[`${X}__button--open`],
-          d && Y[`${X}__button--fading`]
+          !d && Y[`${X}__button--closed`],
+          d && Y[`${X}__button--open`],
+          s && Y[`${X}__button--fading`]
         ),
-        onClick: N,
-        "aria-expanded": s
+        onClick: S,
+        "aria-expanded": d
       }
     ),
     /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
@@ -5134,19 +5134,19 @@ const bu = (e) => {
       {
         className: c(
           Y[`${X}__content-wrapper`],
-          s && Y[`${X}__content-wrapper--open`]
+          d && Y[`${X}__content-wrapper--open`]
         ),
         style: {
-          maxHeight: s ? p : 0
+          maxHeight: d ? h : 0
         },
         children: /* @__PURE__ */ t(
           "div",
           {
-            ref: m,
+            ref: p,
             className: c(
               Y[`${X}__content`],
               i && Y[`${X}__content--full-space`],
-              d && Y[`${X}__content--spacing`]
+              s && Y[`${X}__content--spacing`]
             ),
             children: e
           }
@@ -5314,11 +5314,11 @@ const bu = (e) => {
   className: l,
   labelFor: i,
   children: n,
-  labelRightNode: d,
+  labelRightNode: s,
   boldLabel: u = !1,
-  readOnly: s = !1
+  readOnly: d = !1
 }) => {
-  const h = b.useRef(null), [p, y] = b.useState("auto"), { isEmpty: m } = xt(), k = c(
+  const m = b.useRef(null), [h, y] = b.useState("auto"), { isEmpty: p } = xt(), k = c(
     re[oe],
     {
       [re[`${oe}--inline`]]: e
@@ -5326,10 +5326,10 @@ const bu = (e) => {
     l
   );
   return b.useEffect(() => {
-    const x = h;
+    const x = m;
     return e && x.current ? y(`${x.current.clientHeight}px`) : y("auto");
   }), /* @__PURE__ */ g("div", { className: k, children: [
-    d && e && /* @__PURE__ */ g(b.Fragment, { children: [
+    s && e && /* @__PURE__ */ g(b.Fragment, { children: [
       /* @__PURE__ */ t(
         B,
         {
@@ -5339,7 +5339,7 @@ const bu = (e) => {
             re[`${oe}__label-right-node`],
             re[`${oe}__label-right-node--inline`]
           ),
-          children: d
+          children: s
         }
       ),
       /* @__PURE__ */ t("div", { className: re[`${oe}__row-break`] })
@@ -5352,7 +5352,7 @@ const bu = (e) => {
           e && re[`${oe}__wrapper--inline`]
         ),
         children: [
-          (o || d) && /* @__PURE__ */ g(
+          (o || s) && /* @__PURE__ */ g(
             "div",
             {
               className: c(
@@ -5369,7 +5369,7 @@ const bu = (e) => {
                       e && re[`${oe}__label-wrapper--inline`]
                     ),
                     style: {
-                      height: p
+                      height: h
                     },
                     children: [
                       /* @__PURE__ */ t(
@@ -5377,7 +5377,7 @@ const bu = (e) => {
                         {
                           className: c(
                             re[`${oe}__label-left-node`],
-                            s && re[`${oe}__label-left-node--read-only`]
+                            d && re[`${oe}__label-left-node--read-only`]
                           ),
                           htmlFor: i,
                           children: /* @__PURE__ */ t(
@@ -5385,8 +5385,8 @@ const bu = (e) => {
                             {
                               as: "span",
                               size: "sm",
-                              bold: !s && u,
-                              customColor: m ? "var(--content-basic-secondary)" : void 0,
+                              bold: !d && u,
+                              customColor: p ? "var(--content-basic-secondary)" : void 0,
                               children: o
                             }
                           )
@@ -5407,20 +5407,20 @@ const bu = (e) => {
                     ]
                   }
                 ),
-                d && !e && /* @__PURE__ */ t(
+                s && !e && /* @__PURE__ */ t(
                   B,
                   {
                     as: "div",
                     size: "sm",
                     className: c(re[`${oe}__label-right-node`]),
-                    children: d
+                    children: s
                   }
                 )
               ]
             }
           ),
           /* @__PURE__ */ g("div", { className: c(re[`${oe}__content`]), children: [
-            /* @__PURE__ */ t("div", { ref: h, children: n }),
+            /* @__PURE__ */ t("div", { ref: m, children: n }),
             a && /* @__PURE__ */ t(Io, { children: a }),
             !a && r && /* @__PURE__ */ t(
               Rr,
@@ -5486,9 +5486,9 @@ const bu = (e) => {
   className: o,
   isExpanded: _
 }) => {
-  const [l, i] = _e(!1), n = _ !== void 0, d = n ? _ : l, u = () => {
+  const [l, i] = _e(!1), n = _ !== void 0, s = n ? _ : l, u = () => {
     i(!0);
-  }, s = () => {
+  }, d = () => {
     i(!1);
   };
   return q(() => {
@@ -5499,12 +5499,12 @@ const bu = (e) => {
       type: "button",
       className: c(
         vr["animated-button"],
-        { [vr.expanded]: d },
+        { [vr.expanded]: s },
         o
       ),
       onClick: r,
       onMouseEnter: u,
-      onMouseLeave: s,
+      onMouseLeave: d,
       children: [
         /* @__PURE__ */ t("span", { className: vr.icon, children: e }),
         /* @__PURE__ */ t("span", { className: vr.text, children: a })
@@ -5537,37 +5537,37 @@ const bu = (e) => {
   tooltipArrowOffset: l = 13,
   onAvailableAgentsClick: i,
   showBotsInTooltip: n = !0,
-  ...d
+  ...s
 }) => {
-  const [u, s] = _e(!1), [h, p] = _e(!1), {
+  const [u, d] = _e(!1), [m, h] = _e(!1), {
     availableAgentsNumber: y,
-    visibleAgents: m,
+    visibleAgents: p,
     hasOnlyUnavailableAgents: k,
     onlyAgentsNumber: x,
     onlyBotsNumber: w
   } = pa(() => {
     const f = e.filter(
       (M) => M.status === "available"
-    ), v = xc(f), T = f.length, I = v.length > 4 ? v.slice(0, 3) : v, O = e.length > 0 && T === 0, A = f.filter(
+    ), v = xc(f), E = f.length, O = v.length > 4 ? v.slice(0, 3) : v, I = e.length > 0 && E === 0, A = f.filter(
       (M) => !M.isBot
-    ).length, E = T - A;
+    ).length, T = E - A;
     return {
-      availableAgentsNumber: T,
-      visibleAgents: I,
-      hasOnlyUnavailableAgents: O,
+      availableAgentsNumber: E,
+      visibleAgents: O,
+      hasOnlyUnavailableAgents: I,
       onlyAgentsNumber: A,
-      onlyBotsNumber: E
+      onlyBotsNumber: T
     };
-  }, [e]), N = () => {
-    a(), s(!1), p(!1);
+  }, [e]), S = () => {
+    a(), d(!1), h(!1);
   }, $ = () => {
-    r(), s(!1), p(!1);
+    r(), d(!1), h(!1);
   }, C = () => {
-    i(), s(!1), p(!1);
-  }, S = [
+    i(), d(!1), h(!1);
+  }, N = [
     {
       key: "chatbot",
-      onClick: N,
+      onClick: S,
       element: /* @__PURE__ */ t(Xa, { leftNode: /* @__PURE__ */ t(P, { source: cl }), children: "Set up ChatBot" })
     },
     {
@@ -5579,7 +5579,7 @@ const bu = (e) => {
   return /* @__PURE__ */ g(
     "div",
     {
-      ...d,
+      ...s,
       className: c(
         Kt.Dark,
         He[ze],
@@ -5593,12 +5593,12 @@ const bu = (e) => {
         e.length > 0 && /* @__PURE__ */ t(
           Yt,
           {
-            isVisible: h && !u,
+            isVisible: m && !u,
             offsetMainAxis: l,
             floatingStrategy: "fixed",
             hoverOnDelay: Ec,
-            onOpen: () => p(!0),
-            onClose: () => p(!1),
+            onOpen: () => h(!0),
+            onClose: () => h(!1),
             className: c(Kt.Dark, He[`${ze}__tooltip`]),
             triggerRenderer: k ? /* @__PURE__ */ g(
               "div",
@@ -5623,7 +5623,7 @@ const bu = (e) => {
                 className: He[`${ze}__tooltip-trigger`],
                 onClick: C,
                 children: [
-                  /* @__PURE__ */ t("div", { className: He[`${ze}__avatar-container`], children: m.map((f, v) => /* @__PURE__ */ t(
+                  /* @__PURE__ */ t("div", { className: He[`${ze}__avatar-container`], children: p.map((f, v) => /* @__PURE__ */ t(
                     Bo,
                     {
                       text: f.name,
@@ -5652,7 +5652,7 @@ const bu = (e) => {
                 header: "No one's available to assist customers",
                 text: "Offer 24/7 support with ChatBot.",
                 primaryButton: {
-                  handleClick: N,
+                  handleClick: S,
                   label: "Set up ChatBot"
                 }
               }
@@ -5701,15 +5701,15 @@ const bu = (e) => {
           {
             floatingStrategy: "fixed",
             visible: u,
-            onOpen: () => s(!0),
-            onClose: () => s(!1),
-            options: S,
+            onOpen: () => d(!0),
+            onClose: () => d(!1),
+            options: N,
             triggerRenderer: /* @__PURE__ */ t(
               Nc,
               {
                 icon: /* @__PURE__ */ t(P, { source: nl }),
                 text: "Invite",
-                onClick: () => s((f) => !f),
+                onClick: () => d((f) => !f),
                 isExpanded: _ ? u || void 0 : !0
               }
             )
@@ -5761,7 +5761,7 @@ const bu = (e) => {
   isLabelled: i,
   ...n
 }) => {
-  const d = c(
+  const s = c(
     xe[Ba],
     a,
     l && xe[`${Ba}--full-space`]
@@ -5769,16 +5769,16 @@ const bu = (e) => {
   return b.useEffect(() => {
     if (!o)
       return;
-    const s = (h) => {
-      h.key === le.esc && r();
+    const d = (m) => {
+      m.key === le.esc && r();
     };
-    return document.addEventListener("keyup", s, !0), () => document.removeEventListener("keyup", s, !0);
+    return document.addEventListener("keyup", d, !0), () => document.removeEventListener("keyup", d, !0);
   }, [o]), /* @__PURE__ */ t(
     Ml,
     {
       "data-testid": "lc-modal-overlay",
-      onMouseDown: (s) => {
-        _ && s.target === s.currentTarget && r();
+      onMouseDown: (d) => {
+        _ && d.target === d.currentTarget && r();
       },
       className: c(
         xe[`${Ba}__overlay`],
@@ -5790,7 +5790,7 @@ const bu = (e) => {
         {
           role: "dialog",
           "aria-modal": !0,
-          className: d,
+          className: s,
           ...n,
           children: e
         }
@@ -5824,10 +5824,10 @@ const bu = (e) => {
   footer: l,
   onClose: i,
   contentClassName: n,
-  ...d
+  ...s
 }) => {
-  const u = c(xe[Vt], a), s = typeof e == "string", h = (p) => {
-    p.preventDefault(), p.stopPropagation(), i();
+  const u = c(xe[Vt], a), d = typeof e == "string", m = (h) => {
+    h.preventDefault(), h.stopPropagation(), i();
   };
   return /* @__PURE__ */ g(
     Pc,
@@ -5836,7 +5836,7 @@ const bu = (e) => {
       fullSpaceContent: _,
       onClose: i,
       isLabelled: !!o,
-      ...d,
+      ...s,
       children: [
         o && /* @__PURE__ */ g("div", { className: xe[`${Vt}__label-header`], children: [
           /* @__PURE__ */ t(
@@ -5853,7 +5853,7 @@ const bu = (e) => {
             {
               labelType: !!o,
               customColor: "var(--color-white)",
-              onClick: h
+              onClick: m
             }
           )
         ] }),
@@ -5873,7 +5873,7 @@ const bu = (e) => {
                   children: r
                 }
               ),
-              /* @__PURE__ */ t(r_, { onClick: h })
+              /* @__PURE__ */ t(r_, { onClick: m })
             ]
           }
         ),
@@ -5882,7 +5882,7 @@ const bu = (e) => {
           {
             "data-testid": "modal-body",
             className: c(xe[`${Vt}__body`], n),
-            children: s ? /* @__PURE__ */ t(B, { as: "div", children: e }) : e
+            children: d ? /* @__PURE__ */ t(B, { as: "div", children: e }) : e
           }
         ),
         l && /* @__PURE__ */ t("div", { className: xe[`${Vt}__footer`], children: l })
@@ -5990,11 +5990,11 @@ const bu = (e) => {
   disabled: l,
   noControls: i,
   style: n,
-  onChange: d,
+  onChange: s,
   noDataFallbackText: u = "No data",
-  ...s
+  ...d
 }) => {
-  const h = b.useRef(null), { readOnly: p } = xt(), y = p || s.readOnly, m = c(
+  const m = b.useRef(null), { readOnly: h } = xt(), y = h || d.readOnly, p = c(
     sa[da],
     {
       [sa[`${da}--error`]]: a,
@@ -6002,39 +6002,39 @@ const bu = (e) => {
       [sa[`${da}--disabled`]]: l
     },
     e
-  ), k = (v) => d(String(v)), x = (v) => o !== void 0 && v > o ? o : _ !== void 0 && v < _ ? _ : v, w = (v) => {
-    const T = parseInt(r, 10) + v;
-    return k(x(T));
-  }, N = (v) => {
+  ), k = (v) => s(String(v)), x = (v) => o !== void 0 && v > o ? o : _ !== void 0 && v < _ ? _ : v, w = (v) => {
+    const E = parseInt(r, 10) + v;
+    return k(x(E));
+  }, S = (v) => {
     v.key === le.arrowDown && (v.preventDefault(), w(-1)), v.key === le.arrowUp && (v.preventDefault(), w(1));
-  }, $ = (v, T) => T !== void 0 && parseInt(v, 10) === T, C = (v) => {
+  }, $ = (v, E) => E !== void 0 && parseInt(v, 10) === E, C = (v) => {
     v.preventDefault(), v.stopPropagation();
-    const T = v.currentTarget.value.replace(
+    const E = v.currentTarget.value.replace(
       /((?!([-]|([-]?\d+))).)/,
       ""
     );
-    if (T === "" || T === "-")
-      return k(T);
-    const I = parseInt(T, 10);
-    return k(x(I));
-  }, S = () => (h.current?.focus(), w(1)), f = () => (h.current?.focus(), w(-1));
+    if (E === "" || E === "-")
+      return k(E);
+    const O = parseInt(E, 10);
+    return k(x(O));
+  }, N = () => (m.current?.focus(), w(1)), f = () => (m.current?.focus(), w(-1));
   return y ? /* @__PURE__ */ t(
     va,
     {
       value: r?.toString(),
       noDataFallbackText: u
     }
-  ) : /* @__PURE__ */ g("div", { className: m, style: n, children: [
+  ) : /* @__PURE__ */ g("div", { className: p, style: n, children: [
     /* @__PURE__ */ t(
       "input",
       {
         type: "text",
-        ref: h,
-        ...s,
+        ref: m,
+        ...d,
         value: r,
         disabled: l,
         onChange: C,
-        onKeyDown: N,
+        onKeyDown: S,
         min: _,
         max: o
       }
@@ -6045,7 +6045,7 @@ const bu = (e) => {
         {
           tabIndex: -1,
           disabled: l || $(r, o),
-          onClick: S,
+          onClick: N,
           "aria-label": "Increment value",
           className: sa[`${da}__increment`],
           type: "button",
@@ -6105,23 +6105,23 @@ const bu = (e) => {
   description: l,
   customContent: i,
   onClick: n,
-  cta: d
+  cta: s
 }) => {
-  const u = b.useRef(null), s = b.useRef(null), [h, p] = b.useState(0), y = b.useRef(h);
+  const u = b.useRef(null), d = b.useRef(null), [m, h] = b.useState(0), y = b.useRef(m);
   return b.useEffect(() => {
     a && u.current && u.current.focus();
   }, [a]), b.useEffect(() => {
-    const m = !!window.ResizeObserver;
-    if (s.current && m) {
+    const p = !!window.ResizeObserver;
+    if (d.current && p) {
       const k = new ResizeObserver((x) => {
         const w = x[0];
         if (!w) return;
-        const N = w.contentRect.height + Mc;
-        y.current !== N && (p(N), y.current = N);
+        const S = w.contentRect.height + Mc;
+        y.current !== S && (h(S), y.current = S);
       });
-      return k.observe(s.current), () => k.disconnect();
+      return k.observe(d.current), () => k.disconnect();
     }
-  }, [s]), /* @__PURE__ */ g(
+  }, [d]), /* @__PURE__ */ g(
     "div",
     {
       className: c(we[$e], {
@@ -6183,8 +6183,8 @@ const bu = (e) => {
                     className: c(we[`${$e}__content__inner`], {
                       [we[`${$e}__content__inner--open`]]: a
                     }),
-                    style: { maxHeight: a ? h : 0 },
-                    children: /* @__PURE__ */ g("div", { ref: s, children: [
+                    style: { maxHeight: a ? m : 0 },
+                    children: /* @__PURE__ */ g("div", { ref: d, children: [
                       l && /* @__PURE__ */ t(
                         B,
                         {
@@ -6200,7 +6200,7 @@ const bu = (e) => {
                           children: i
                         }
                       ),
-                      /* @__PURE__ */ t("div", { className: we[`${$e}__content__inner__cta`], children: d })
+                      /* @__PURE__ */ t("div", { className: we[`${$e}__content__inner__cta`], children: s })
                     ] })
                   }
                 )
@@ -6241,49 +6241,49 @@ const bu = (e) => {
   onActiveChange: l,
   placeholderClassName: i,
   isCompleted: n = !1,
-  completionMessageData: d,
+  completionMessageData: s,
   isInitiallyOpen: u,
-  onOpenChange: s,
-  className: h
+  onOpenChange: d,
+  className: m
 }) => {
-  const [p, y] = b.useState(n), [m, k] = b.useState(
+  const [h, y] = b.useState(n), [p, k] = b.useState(
     n ? u ?? !1 : !0
-  ), [x, w] = b.useState(void 0), N = b.useRef(null), $ = d.height || 108, C = 108, S = () => {
-    k(!m), s?.(!m);
+  ), [x, w] = b.useState(void 0), S = b.useRef(null), $ = s.height || 108, C = 108, N = () => {
+    k(!p), d?.(!p);
   };
   return b.useEffect(() => {
-    const f = d.delay || 1500, v = N.current;
-    if (n && v && !p) {
-      const T = v.offsetHeight;
-      w(T);
-      const I = setTimeout(() => {
-        y(!0), k(!1), s?.(!1);
+    const f = s.delay || 1500, v = S.current;
+    if (n && v && !h) {
+      const E = v.offsetHeight;
+      w(E);
+      const O = setTimeout(() => {
+        y(!0), k(!1), d?.(!1);
       }, f);
       return () => {
-        clearTimeout(I);
+        clearTimeout(O);
       };
     }
-  }, [n, p]), b.useEffect(() => {
-    if (N.current) {
-      const f = m ? N.current.scrollHeight + C : $;
+  }, [n, h]), b.useEffect(() => {
+    if (S.current) {
+      const f = p ? S.current.scrollHeight + C : $;
       w(f);
     }
-  }, [m, p]), /* @__PURE__ */ g(
+  }, [p, h]), /* @__PURE__ */ g(
     "div",
     {
-      ref: N,
+      ref: S,
       className: c(
         Z[j],
         {
-          [Z[`${j}--complete`]]: p && !m
+          [Z[`${j}--complete`]]: h && !p
         },
-        h
+        m
       ),
       style: {
         height: x
       },
       children: [
-        m && /* @__PURE__ */ g(K, { children: [
+        p && /* @__PURE__ */ g(K, { children: [
           /* @__PURE__ */ g("div", { className: Z[`${j}__column`], children: [
             /* @__PURE__ */ g("div", { className: Z[`${j}__header`], children: [
               o && /* @__PURE__ */ t(
@@ -6333,12 +6333,12 @@ const bu = (e) => {
               ),
               children: [
                 !n && /* @__PURE__ */ t("div", { className: Z[`${j}__placeholder`], children: _.find((f) => f.id === e)?.placeholder }),
-                n && /* @__PURE__ */ t("div", { className: Z[`${j}__placeholder`], children: d.placeholder })
+                n && /* @__PURE__ */ t("div", { className: Z[`${j}__placeholder`], children: s.placeholder })
               ]
             }
           )
         ] }),
-        !m && /* @__PURE__ */ t(K, { children: /* @__PURE__ */ g("div", { className: Z[`${j}__complete`], children: [
+        !p && /* @__PURE__ */ t(K, { children: /* @__PURE__ */ g("div", { className: Z[`${j}__complete`], children: [
           /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
             P,
             {
@@ -6351,15 +6351,15 @@ const bu = (e) => {
             "div",
             {
               className: c({
-                [Z[`${j}__complete__content--no-greeting`]]: !d?.greetingText
+                [Z[`${j}__complete__content--no-greeting`]]: !s?.greetingText
               }),
               children: [
-                d?.greetingText && /* @__PURE__ */ t(
+                s?.greetingText && /* @__PURE__ */ t(
                   B,
                   {
                     size: "lg",
                     className: Z[`${j}__complete__label`],
-                    children: d.greetingText
+                    children: s.greetingText
                   }
                 ),
                 /* @__PURE__ */ t(
@@ -6367,33 +6367,33 @@ const bu = (e) => {
                   {
                     size: "sm",
                     className: Z[`${j}__complete__title`],
-                    children: d.title
+                    children: s.title
                   }
                 )
               ]
             }
           )
         ] }) }),
-        p && /* @__PURE__ */ t(
+        h && /* @__PURE__ */ t(
           L,
           {
-            kind: m ? "float" : "text",
+            kind: p ? "float" : "text",
             icon: /* @__PURE__ */ t(
               P,
               {
                 source: Xt,
                 className: c(
                   Z[`${j}__button__icon`],
-                  m && Z[`${j}__button__icon--open`]
+                  p && Z[`${j}__button__icon--open`]
                 )
               }
             ),
             className: c(Z[`${j}__button`], {
-              [Z[`${j}__button--open`]]: m,
-              [Z[`${j}__button--closed`]]: !m
+              [Z[`${j}__button--open`]]: p,
+              [Z[`${j}__button--closed`]]: !p
             }),
-            onClick: S,
-            "aria-expanded": m
+            onClick: N,
+            "aria-expanded": p
           }
         )
       ]
@@ -6433,30 +6433,30 @@ const bu = (e) => {
   triggerClassName: l,
   placement: i,
   flipOptions: n,
-  offsetSize: d = 4,
+  offsetSize: s = 4,
   isVisible: u,
-  openedOnInit: s,
-  closeOnEsc: h = !0,
-  useDismissHookProps: p,
+  openedOnInit: d,
+  closeOnEsc: m = !0,
+  useDismissHookProps: h,
   useClickHookProps: y,
-  floatingStrategy: m,
+  floatingStrategy: p,
   transitionOptions: k
 }) => {
-  const [x, w] = b.useState(s), N = Dr(), $ = Ja(), C = u !== void 0, S = C ? u : x, f = typeof o == "string", v = typeof e == "function", T = (z, he) => {
+  const [x, w] = b.useState(d), S = Dr(), $ = Ja(), C = u !== void 0, N = C ? u : x, f = typeof o == "string", v = typeof e == "function", E = (z, he) => {
     z ? r?.(he) : a?.(he), !C && w(z);
-  }, { refs: I, context: O, floatingStyles: A } = Qa({
+  }, { refs: O, context: I, floatingStyles: A } = Qa({
     nodeId: $,
-    open: S,
-    onOpenChange: T,
-    middleware: [er(d), Or(n), So()],
+    open: N,
+    onOpenChange: E,
+    middleware: [er(s), Or(n), So()],
     placement: i,
-    strategy: m,
+    strategy: p,
     whileElementsMounted: tr
-  }), E = ar(O, y), M = rr(O, {
-    escapeKey: h,
-    ...p
-  }), D = or(O), { getReferenceProps: R, getFloatingProps: F } = _r([
-    E,
+  }), T = ar(I, y), M = rr(I, {
+    escapeKey: m,
+    ...h
+  }), D = or(I), { getReferenceProps: R, getFloatingProps: F } = _r([
+    T,
     M,
     D
   ]), U = {
@@ -6473,24 +6473,24 @@ const bu = (e) => {
       }
     })
   }, { isMounted: se, styles: ie } = Pr(
-    O,
+    I,
     k || U
   ), de = c(Lc.popover, _), Q = /* @__PURE__ */ g(K, { children: [
     /* @__PURE__ */ t(
       "div",
       {
         "data-testid": "popover-trigger-button",
-        ref: I.setReference,
+        ref: O.setReference,
         ...R(),
         className: l,
         children: v ? e() : e
       }
     ),
-    /* @__PURE__ */ t(ba, { id: $, children: se && /* @__PURE__ */ t(bo, { context: O, modal: !1, children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t(ba, { id: $, children: se && /* @__PURE__ */ t(bo, { context: I, modal: !1, children: /* @__PURE__ */ t(
       "div",
       {
         className: de,
-        ref: I.setFloating,
+        ref: O.setFloating,
         style: {
           ...A,
           ...ie
@@ -6500,7 +6500,7 @@ const bu = (e) => {
       }
     ) }) })
   ] });
-  return N === null ? /* @__PURE__ */ t(Mr, { children: Q }) : Q;
+  return S === null ? /* @__PURE__ */ t(Mr, { children: Q }) : Q;
 }, Ze = {
   "outer-border": "lc-ProductTile-module__outer-border___tsyqh",
   "product-tile-wrapper": "lc-ProductTile-module__product-tile-wrapper___iKDxM",
@@ -6604,17 +6604,17 @@ const bu = (e) => {
     notificationCount: l,
     name: i,
     url: n,
-    withDivider: d,
+    withDivider: s,
     shortcutKey: u,
-    expired: s,
-    trialDaysLeft: h,
-    nameAdornment: p
+    expired: d,
+    trialDaysLeft: m,
+    nameAdornment: h
   },
   onClick: y,
-  isActive: m = !1,
+  isActive: p = !1,
   isDarkMode: k
 }) => /* @__PURE__ */ g(K, { children: [
-  d && /* @__PURE__ */ t("div", { className: it[`${nt}__divider`] }),
+  s && /* @__PURE__ */ t("div", { className: it[`${nt}__divider`] }),
   /* @__PURE__ */ g(
     "a",
     {
@@ -6623,7 +6623,7 @@ const bu = (e) => {
       "aria-label": `Go to ${i} product`,
       onClick: (x) => y(x, e),
       className: c(it[nt], {
-        [it[`${nt}--expired`]]: s
+        [it[`${nt}--expired`]]: d
       }),
       children: [
         /* @__PURE__ */ g("div", { className: it[`${nt}__heading`], children: [
@@ -6632,16 +6632,16 @@ const bu = (e) => {
             {
               icon: a,
               iconColor: r,
-              expired: s,
+              expired: d,
               backgroundColors: o,
               borderColor: _,
               notificationCount: l,
-              withBorder: m
+              withBorder: p
             }
           ),
           /* @__PURE__ */ g(B, { as: "div", bold: !0, className: it[`${nt}__name`], children: [
             i,
-            s && /* @__PURE__ */ t(
+            d && /* @__PURE__ */ t(
               Yt,
               {
                 className: c({
@@ -6658,7 +6658,7 @@ const bu = (e) => {
                 children: "Your licence is expired."
               }
             ),
-            typeof h < "u" && /* @__PURE__ */ g(
+            typeof m < "u" && /* @__PURE__ */ g(
               Yt,
               {
                 className: c(it[`${nt}__trial-tooltip`], {
@@ -6673,14 +6673,14 @@ const bu = (e) => {
                 ),
                 placement: "right",
                 children: [
-                  h,
+                  m,
                   " ",
-                  Br(h, "day", "days"),
+                  Br(m, "day", "days"),
                   " left in your trial. Time to upgrade."
                 ]
               }
             ),
-            p
+            h
           ] })
         ] }),
         u && /* @__PURE__ */ g(B, { size: "sm", className: it[`${nt}__shortcut`], children: [
@@ -6705,23 +6705,23 @@ const bu = (e) => {
   onOpen: l,
   onClose: i,
   onSelect: n,
-  textURL: d = "https://www.text.com"
+  textURL: s = "https://www.text.com"
 }) => {
-  const [u, s] = b.useState(r), [h, p] = _e(
+  const [u, d] = b.useState(r), [m, h] = _e(
     !1
-  ), y = Dr(), m = Ja(), k = o !== void 0, x = k ? o : u, w = (F, U) => {
-    F ? l?.(U) : i?.(U), !k && s(F);
-  }, { refs: N, context: $, floatingStyles: C } = Qa({
-    nodeId: m,
+  ), y = Dr(), p = Ja(), k = o !== void 0, x = k ? o : u, w = (F, U) => {
+    F ? l?.(U) : i?.(U), !k && d(F);
+  }, { refs: S, context: $, floatingStyles: C } = Qa({
+    nodeId: p,
     strategy: "fixed",
     placement: "right-start",
     open: x,
     onOpenChange: (F, U) => {
-      p(!1), w(F, U);
+      h(!1), w(F, U);
     },
     middleware: [er({ mainAxis: 5 })],
     whileElementsMounted: tr
-  }), S = ar($), f = or($), v = rr($), { isMounted: T, styles: I } = Pr($, {
+  }), N = ar($), f = or($), v = rr($), { isMounted: E, styles: O } = Pr($, {
     duration: 200,
     common: {
       transformOrigin: "left top"
@@ -6730,27 +6730,27 @@ const bu = (e) => {
       opacity: 0,
       transform: "scale(0.84) translateX(-22px)"
     }
-  }), { getReferenceProps: O, getFloatingProps: A } = _r([
-    S,
+  }), { getReferenceProps: I, getFloatingProps: A } = _r([
+    N,
     v,
     f
-  ]), E = e.find(
+  ]), T = e.find(
     (F) => F.id === a
   );
-  if (!E)
+  if (!T)
     return null;
   const M = (F, U) => {
-    U === a && F.preventDefault(), s(!1), n?.(U);
+    U === a && F.preventDefault(), d(!1), n?.(U);
   }, D = e.reduce(
     (F, U) => F + (U.notificationCount || 0),
     0
   ), R = /* @__PURE__ */ g(K, { children: [
-    /* @__PURE__ */ t("div", { ref: N.setReference, ...O(), children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t("div", { ref: S.setReference, ...I(), children: /* @__PURE__ */ t(
       Yt,
       {
-        isVisible: h,
-        onOpen: () => p(!0),
-        onClose: () => p(!1),
+        isVisible: m,
+        onOpen: () => h(!0),
+        onClose: () => h(!1),
         offsetCrossAxis: 2,
         arrowOffsetY: 2,
         offsetMainAxis: 10,
@@ -6763,9 +6763,9 @@ const bu = (e) => {
           H_,
           {
             isMainProduct: !0,
-            icon: E.icon,
-            iconColor: E.iconColor,
-            backgroundColors: E.backgroundColors,
+            icon: T.icon,
+            iconColor: T.iconColor,
+            backgroundColors: T.backgroundColors,
             notificationCount: D
           }
         ),
@@ -6773,20 +6773,20 @@ const bu = (e) => {
         children: "Switch product"
       }
     ) }),
-    /* @__PURE__ */ t(ba, { id: m, children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t(ba, { id: p, children: /* @__PURE__ */ t(
       "div",
       {
-        ref: N.setFloating,
+        ref: S.setFloating,
         style: C,
         ...A(),
-        children: T && /* @__PURE__ */ g(
+        children: E && /* @__PURE__ */ g(
           "div",
           {
             className: c(
               _ ? "lc-dark-theme" : "lc-light-theme",
               Pa[Ma]
             ),
-            style: I,
+            style: O,
             children: [
               /* @__PURE__ */ t("div", { className: Pa[`${Ma}__content`], children: e.map((F) => /* @__PURE__ */ t(
                 Hc,
@@ -6801,7 +6801,7 @@ const bu = (e) => {
               /* @__PURE__ */ t("div", { className: Pa[`${Ma}__footer`], children: /* @__PURE__ */ g(
                 "a",
                 {
-                  href: d,
+                  href: s,
                   target: "_blank",
                   className: Pa[`${Ma}__footer-link`],
                   onClick: () => w(!1),
@@ -7128,17 +7128,17 @@ const Ra = {
     size: o = "medium",
     ..._
   }, l) => {
-    const i = W_(e, a), n = ts[o], d = as[o], u = c(
+    const i = W_(e, a), n = ts[o], s = as[o], u = c(
       Ra[Fa],
       {
         [Ra[`${Fa}--${o}`]]: o,
         [Ra[`${Fa}--${e}`]]: e
       },
       r
-    ), s = 2 * Math.PI * ((d - n) / 2), h = {
-      strokeDasharray: s.toFixed(3),
-      strokeDashoffset: `${((100 - i) / 100 * s).toFixed(3)}px`
-    }, p = `${d / 2} ${d / 2} ${d} ${d}`;
+    ), d = 2 * Math.PI * ((s - n) / 2), m = {
+      strokeDasharray: d.toFixed(3),
+      strokeDashoffset: `${((100 - i) / 100 * d).toFixed(3)}px`
+    }, h = `${s / 2} ${s / 2} ${s} ${s}`;
     return /* @__PURE__ */ t(
       "div",
       {
@@ -7146,14 +7146,14 @@ const Ra = {
         ref: l,
         role: "progressbar",
         ..._,
-        children: /* @__PURE__ */ g("svg", { viewBox: p, children: [
+        children: /* @__PURE__ */ g("svg", { viewBox: h, children: [
           /* @__PURE__ */ t(
             "circle",
             {
               className: Ra[`${Fa}__bg-line--${e}`],
-              cx: d,
-              cy: d,
-              r: (d - n) / 2,
+              cx: s,
+              cy: s,
+              r: (s - n) / 2,
               fill: "none",
               strokeWidth: n
             }
@@ -7162,10 +7162,10 @@ const Ra = {
             "circle",
             {
               className: Ra[`${Fa}__indicator--${e}`],
-              style: h,
-              cx: d,
-              cy: d,
-              r: (d - n) / 2,
+              style: m,
+              cx: s,
+              cy: s,
+              r: (s - n) / 2,
               fill: "none",
               strokeWidth: n
             }
@@ -7238,16 +7238,16 @@ const Ra = {
   vertical: l,
   contentClassName: i,
   additionalContentClassName: n,
-  onClose: d,
+  onClose: s,
   kind: u = "default"
 }) => {
-  const s = c(
+  const d = c(
     wt["main-wrapper"],
     wt[`${Rt}--${u}`],
     u === "dark" && Kt.Dark,
     a
   );
-  return /* @__PURE__ */ t("div", { role: "banner", className: s, children: /* @__PURE__ */ g(
+  return /* @__PURE__ */ t("div", { role: "banner", className: d, children: /* @__PURE__ */ g(
     "div",
     {
       className: c(
@@ -7300,11 +7300,11 @@ const Ra = {
             children: r
           }
         ),
-        d && /* @__PURE__ */ t("div", { className: wt[`${Rt}__close`], children: /* @__PURE__ */ t(
+        s && /* @__PURE__ */ t("div", { className: wt[`${Rt}__close`], children: /* @__PURE__ */ t(
           L,
           {
             className: wt[`${Rt}__close__btn`],
-            onClick: d,
+            onClick: s,
             icon: /* @__PURE__ */ t(P, { source: ot, kind: "primary" }),
             kind: "plain",
             size: "compact",
@@ -7327,10 +7327,10 @@ const Ra = {
   "radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___StpOi"
 }, St = "radio-button", _s = b.forwardRef(
   ({ children: e, className: a = "", description: r, checked: o, disabled: _, ...l }, i) => {
-    const { readOnly: n } = xt(), d = n || l.readOnly, u = c($t[St], a, {
+    const { readOnly: n } = xt(), s = n || l.readOnly, u = c($t[St], a, {
       [$t[`${St}--selected`]]: o,
       [$t[`${St}--disabled`]]: _,
-      [$t[`${St}--read-only`]]: d
+      [$t[`${St}--read-only`]]: s
     });
     return /* @__PURE__ */ g("div", { className: u, children: [
       /* @__PURE__ */ g("label", { className: $t[`${St}__label`], children: [
@@ -7433,29 +7433,29 @@ const Ra = {
   rangeDatePickerClassName: _,
   ...l
 }) => {
-  const { initialFromDate: i, initialToDate: n } = l, d = i || n ? {
+  const { initialFromDate: i, initialToDate: n } = l, s = i || n ? {
     from: i,
     to: n
-  } : void 0, [u, s] = _e(d), [h, p] = _e(!1), [y, m] = _e(), [k, x] = _e(e), [w, N] = _e(), $ = qt(-1), C = qt(null);
-  window.onresize = () => window.innerWidth <= cs ? p(!0) : p(!1);
-  const S = (E) => $.current + E, f = (E) => {
-    $.current = S(E);
+  } : void 0, [u, d] = _e(s), [m, h] = _e(!1), [y, p] = _e(), [k, x] = _e(e), [w, S] = _e(), $ = qt(-1), C = qt(null);
+  window.onresize = () => window.innerWidth <= cs ? h(!0) : h(!1);
+  const N = (T) => $.current + T, f = (T) => {
+    $.current = N(T);
     const M = C.current?.children;
     return (M && M[$.current]?.children[0])?.focus();
-  }, v = (E) => {
-    E.key === le.arrowUp && $.current > 0 && (E.preventDefault(), f(-1)), E.key === le.arrowDown && $.current + 1 < Cr.length && (E.preventDefault(), f(1));
-  }, T = (E, M) => {
-    s(E || void 0), r(E, M), m(void 0), N(void 0);
-  }, I = () => {
-    m(void 0), x(!1);
-  }, O = mt(
-    ({ from: E, to: M }, D) => {
-      T({ from: E, to: M }, D), I(), N(D);
+  }, v = (T) => {
+    T.key === le.arrowUp && $.current > 0 && (T.preventDefault(), f(-1)), T.key === le.arrowDown && $.current + 1 < Cr.length && (T.preventDefault(), f(1));
+  }, E = (T, M) => {
+    d(T || void 0), r(T, M), p(void 0), S(void 0);
+  }, O = () => {
+    p(void 0), x(!1);
+  }, I = mt(
+    ({ from: T, to: M }, D) => {
+      E({ from: T, to: M }, D), O(), S(D);
     },
-    [T, I]
+    [E, O]
   ), A = mt(
-    (E) => {
-      !E || is(E, u) || (T(E), I());
+    (T) => {
+      !T || is(T, u) || (E(T), O());
     },
     [u]
   );
@@ -7465,15 +7465,15 @@ const Ra = {
     $.current = -1;
   }, [k, v]), q(() => {
     if (a && !u) {
-      const E = Cr.find(({ id: M }) => M === a);
-      E && O(E.value, E.id);
+      const T = Cr.find(({ id: M }) => M === a);
+      T && I(T.value, T.id);
     }
-  }, [a, u, O]), /* @__PURE__ */ t("div", { className: Ae[De], children: /* @__PURE__ */ t(
+  }, [a, u, I]), /* @__PURE__ */ t("div", { className: Ae[De], children: /* @__PURE__ */ t(
     qc,
     {
       isVisible: k,
       onOpen: () => x(!0),
-      onClose: I,
+      onClose: O,
       className: Ae[`${De}__popover`],
       placement: "bottom-start",
       triggerRenderer: () => /* @__PURE__ */ g(
@@ -7490,8 +7490,8 @@ const Ra = {
             },
             o
           ),
-          onKeyDown: (E) => {
-            (E.key === le.enter || E.key === le.spacebar) && f(1);
+          onKeyDown: (T) => {
+            (T.key === le.enter || T.key === le.spacebar) && f(1);
           },
           children: [
             /* @__PURE__ */ t(
@@ -7499,7 +7499,7 @@ const Ra = {
               {
                 tempDate: y,
                 date: u,
-                selectedOptionName: Cr.find(({ id: E }) => E === w)?.label
+                selectedOptionName: Cr.find(({ id: T }) => T === w)?.label
               }
             ),
             /* @__PURE__ */ g(
@@ -7524,7 +7524,7 @@ const Ra = {
                       kind: "plain",
                       icon: /* @__PURE__ */ t(P, { size: "xsmall", source: ot }),
                       className: Ae[`${De}__trigger__right-node__button`],
-                      onClick: () => T(null)
+                      onClick: () => E(null)
                     }
                   )
                 ]
@@ -7549,23 +7549,23 @@ const Ra = {
                 role: "menu",
                 ref: C,
                 className: Ae[`${De}__date-picker__list`],
-                children: Cr.map((E) => /* @__PURE__ */ t("li", { role: "none", children: /* @__PURE__ */ g(
+                children: Cr.map((T) => /* @__PURE__ */ t("li", { role: "none", children: /* @__PURE__ */ g(
                   "button",
                   {
-                    "aria-selected": w === E.id,
+                    "aria-selected": w === T.id,
                     role: "menuitem",
                     className: c(
                       Ae[`${De}__date-picker__list__item`],
                       {
-                        [Ae[`${De}__date-picker__list__item--selected`]]: w === E.id
+                        [Ae[`${De}__date-picker__list__item--selected`]]: w === T.id
                       }
                     ),
-                    onClick: () => O(E.value, E.id),
-                    onMouseEnter: () => m(E.value),
-                    onMouseLeave: () => m(void 0),
+                    onClick: () => I(T.value, T.id),
+                    onMouseEnter: () => p(T.value),
+                    onMouseLeave: () => p(void 0),
                     children: [
-                      /* @__PURE__ */ t(B, { as: "span", children: E.label }),
-                      w === E.id && /* @__PURE__ */ t(
+                      /* @__PURE__ */ t(B, { as: "span", children: T.label }),
+                      w === T.id && /* @__PURE__ */ t(
                         "div",
                         {
                           className: Ae[`${De}__date-picker__list__item__icon`],
@@ -7574,7 +7574,7 @@ const Ra = {
                       )
                     ]
                   }
-                ) }, E.id))
+                ) }, T.id))
               }
             ),
             /* @__PURE__ */ t("div", { className: Ae[`${De}__date-picker__callendar`], children: /* @__PURE__ */ t(
@@ -7583,10 +7583,10 @@ const Ra = {
                 onRangeSelect: A,
                 customTempFromDate: y?.from || u?.from,
                 customTempToDate: y?.to || u?.to,
-                onCustomTempDateRangeChange: m,
+                onCustomTempDateRangeChange: p,
                 initialToDate: u?.to || ns,
                 ...l,
-                children: ({ datepicker: E }) => /* @__PURE__ */ t(pc, { ...E, numberOfMonths: h ? 1 : 2 })
+                children: ({ datepicker: T }) => /* @__PURE__ */ t(pc, { ...T, numberOfMonths: m ? 1 : 2 })
               }
             ) })
           ]
@@ -7627,45 +7627,45 @@ const Ra = {
     value: l,
     className: i,
     cropOnBlur: n = !0,
-    onChange: d,
+    onChange: s,
     ...u
-  }, s) => {
-    const h = b.useRef(null);
-    b.useImperativeHandle(s, () => h.current, [s]);
-    const [p, y] = b.useState(!0), [m, k] = b.useState(!1), x = !!l && !a && !r, w = e && !p && "true", N = c(
+  }, d) => {
+    const m = b.useRef(null);
+    b.useImperativeHandle(d, () => m.current, [d]);
+    const [h, y] = b.useState(!0), [p, k] = b.useState(!1), x = !!l && !a && !r, w = e && !h && "true", S = c(
       i,
       Oe[et],
       Oe[`${et}--${_}`],
-      m && Oe[`${et}--focused`],
+      p && Oe[`${et}--focused`],
       a && Oe[`${et}--disabled`],
       e && Oe[`${et}--collapsable`],
       e && Oe[`${et}--collapsable--${_}`],
-      !p && Oe[`${et}--collapsable--open`]
+      !h && Oe[`${et}--collapsable--open`]
     );
     b.useEffect(() => {
       e && l && y(!1);
     }, [e, l]);
-    const $ = (I) => {
-      const O = I.currentTarget.value;
-      d(O);
+    const $ = (O) => {
+      const I = O.currentTarget.value;
+      s(I);
     }, C = () => {
-      d("");
-    }, S = () => {
-      h.current && h.current.focus();
+      s("");
+    }, N = () => {
+      m.current && m.current.focus();
     }, f = () => {
       e && y(!1), k(!0);
     }, v = () => {
       e && !l && y(!0), k(!1);
-    }, T = (I) => {
-      I.key === le.enter && (I.preventDefault(), d(l));
+    }, E = (O) => {
+      O.key === le.enter && (O.preventDefault(), s(l));
     };
     return /* @__PURE__ */ g(
       "div",
       {
         "aria-expanded": w,
         role: "search",
-        className: N,
-        onClick: S,
+        className: S,
+        onClick: N,
         children: [
           /* @__PURE__ */ t(
             P,
@@ -7692,14 +7692,14 @@ const Ra = {
                 "input",
                 {
                   role: "searchbox",
-                  ref: h,
+                  ref: m,
                   type: "text",
                   value: l,
                   placeholder: o,
                   onChange: $,
                   onBlur: v,
                   onFocus: f,
-                  onKeyDown: T,
+                  onKeyDown: E,
                   disabled: a,
                   ...u
                 }
@@ -7743,7 +7743,7 @@ const Ga = {
   style: i,
   ...n
 }) => {
-  const d = c(
+  const s = c(
     Ga[Ua],
     Ga[`${Ua}--${r}`],
     {
@@ -7758,10 +7758,10 @@ const Ga = {
       "aria-label": typeof e == "string" ? e : void 0,
       role: "button",
       tabIndex: 0,
-      className: d,
+      className: s,
       onClick: u,
-      onKeyDown: (h) => {
-        h.currentTarget === document.activeElement && (h.key === "Enter" || h.key === " " || h.key === "Spacebar" || h.key === "Space") && (h.preventDefault(), l?.());
+      onKeyDown: (m) => {
+        m.currentTarget === document.activeElement && (m.key === "Enter" || m.key === " " || m.key === "Spacebar" || m.key === "Space") && (m.preventDefault(), l?.());
       },
       style: i,
       ...n,
@@ -7989,21 +7989,21 @@ const Ga = {
   onChange: l,
   size: i = "large",
   state: n = "regular",
-  innerRef: d,
+  innerRef: s,
   ariaLabel: u,
-  ...s
+  ...d
 }) => {
-  const h = _ !== void 0, [p, y] = b.useState(
-    () => h ? _ : a
-  ), [m, k] = b.useState(!1), x = h ? _ : p, w = n === "loading", N = n === "locked", $ = i === "large" ? "small" : "xsmall", C = x ? "on" : "off", S = r || w || N, f = S ? "disabled" : "enabled", v = c(
+  const m = _ !== void 0, [h, y] = b.useState(
+    () => m ? _ : a
+  ), [p, k] = b.useState(!1), x = m ? _ : h, w = n === "loading", S = n === "locked", $ = i === "large" ? "small" : "xsmall", C = x ? "on" : "off", N = r || w || S, f = N ? "disabled" : "enabled", v = c(
     ue[ne],
     ue[`${ne}--${i}`],
     {
-      [ue[`${ne}--focused`]]: m
+      [ue[`${ne}--focused`]]: p
     },
     e
-  ), T = (I) => {
-    l?.(I, !x), h || (I.stopPropagation(), y((O) => !O));
+  ), E = (O) => {
+    l?.(O, !x), m || (O.stopPropagation(), y((I) => !I));
   };
   return /* @__PURE__ */ g("span", { className: v, children: [
     /* @__PURE__ */ t(
@@ -8014,13 +8014,13 @@ const Ga = {
           ue[`${ne}__input`],
           ue[`${ne}__input--${f}`]
         ),
-        onChange: T,
+        onChange: E,
         checked: x,
         name: o,
-        ref: d,
-        disabled: S,
+        ref: s,
+        disabled: N,
         "aria-label": u,
-        ...s,
+        ...d,
         onFocus: () => k(!0),
         onBlur: () => k(!1)
       }
@@ -8029,7 +8029,7 @@ const Ga = {
       "span",
       {
         className: c(ue[`${ne}__container`], {
-          [ue[`${ne}__container--focused`]]: m
+          [ue[`${ne}__container--focused`]]: p
         }),
         children: [
           /* @__PURE__ */ t(
@@ -8062,7 +8062,7 @@ const Ga = {
                     )
                   }
                 ),
-                N && /* @__PURE__ */ t(
+                S && /* @__PURE__ */ t(
                   P,
                   {
                     className: ue[`${ne}__icon`],
@@ -8099,7 +8099,7 @@ const Ga = {
   icon: i,
   ...n
 }) => {
-  const { disabled: d } = n, u = r !== void 0 && !_, s = r !== void 0 && _;
+  const { disabled: s } = n, u = r !== void 0 && !_, d = r !== void 0 && _;
   return /* @__PURE__ */ g(
     B,
     {
@@ -8113,7 +8113,7 @@ const Ga = {
         jt[Jt],
         jt[`${Jt}--${l}`],
         o && jt[`${Jt}--selected`],
-        d && jt[`${Jt}--disabled`]
+        s && jt[`${Jt}--disabled`]
       ),
       children: [
         i && /* @__PURE__ */ t("div", { "data-testId": "icon", className: jt[`${Jt}__icon`], children: i }),
@@ -8123,7 +8123,7 @@ const Ga = {
           r,
           ")"
         ] }),
-        s && /* @__PURE__ */ t(
+        d && /* @__PURE__ */ t(
           Er,
           {
             "data-testid": "tab-badge",
@@ -8149,8 +8149,8 @@ const Ga = {
     [r]
   ), l = mt(
     (n) => {
-      const d = new Set(r || []);
-      d.has(n) ? d.delete(n) : d.add(n), o?.(d);
+      const s = new Set(r || []);
+      s.has(n) ? s.delete(n) : s.add(n), o?.(s);
     },
     [r, o]
   ), i = mt(() => {
@@ -8199,11 +8199,11 @@ const Ga = {
           )
         }
       ),
-      a.map((n, d) => /* @__PURE__ */ t(
+      a.map((n, s) => /* @__PURE__ */ t(
         "td",
         {
           style: {
-            width: r[d] ? `${r[d]}px` : "auto"
+            width: r[s] ? `${r[s]}px` : "auto"
           },
           role: "cell",
           "data-column": String(n.key),
@@ -8222,7 +8222,7 @@ const Ga = {
   isSelected: l,
   toggleRowSelection: i
 }) => /* @__PURE__ */ t("tbody", { role: "rowgroup", children: e.map((n) => {
-  const d = r(n);
+  const s = r(n);
   return /* @__PURE__ */ t(
     Is,
     {
@@ -8234,7 +8234,7 @@ const Ga = {
       toggleRowSelection: i,
       rowId: r(n)
     },
-    d
+    s
   );
 }) });
 var Re = /* @__PURE__ */ ((e) => (e.Ascending = "asc", e.Descending = "desc", e.None = "none", e))(Re || {});
@@ -8266,10 +8266,10 @@ const Hs = ({
   columnRefs: l,
   selectable: i,
   hoveredColumnIndex: n,
-  setHoveredColumnIndex: d,
+  setHoveredColumnIndex: s,
   selectedCount: u,
-  dataLength: s,
-  toggleSelectAll: h
+  dataLength: d,
+  toggleSelectAll: m
 }) => /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ g(
   "tr",
   {
@@ -8281,48 +8281,48 @@ const Hs = ({
         "th",
         {
           className: Qt[`${ra}__select-cell`],
-          onClick: h,
+          onClick: m,
           children: /* @__PURE__ */ t(
             Fr,
             {
-              checked: u === s,
-              indeterminate: u !== void 0 && u > 0 && u < (s || 0)
+              checked: u === d,
+              indeterminate: u !== void 0 && u > 0 && u < (d || 0)
             }
           )
         }
       ),
-      e.map((p, y) => /* @__PURE__ */ t(
+      e.map((h, y) => /* @__PURE__ */ t(
         "th",
         {
-          ref: (m) => {
-            l.current && (l.current[y] = m);
+          ref: (p) => {
+            l.current && (l.current[y] = p);
           },
           className: c({
-            [Qt[`${Fs}--hoverDisabled`]]: !p.sortable
+            [Qt[`${Fs}--hoverDisabled`]]: !h.sortable
           }),
-          onMouseEnter: () => d(y),
-          onMouseLeave: () => d(null),
+          onMouseEnter: () => s(y),
+          onMouseLeave: () => s(null),
           role: "columnheader",
           children: /* @__PURE__ */ g(
             "span",
             {
               onClick: () => {
-                p.sortable && r(p.key);
+                h.sortable && r(h.key);
               },
               className: Qt[Us],
               children: [
-                /* @__PURE__ */ t(B, { size: "sm", bold: !0, noMargin: !0, children: p.header }),
+                /* @__PURE__ */ t(B, { size: "sm", bold: !0, noMargin: !0, children: h.header }),
                 qs(
                   a,
-                  p.key,
-                  p.sortable ?? !1,
+                  h.key,
+                  h.sortable ?? !1,
                   n === y
                 ),
                 o && /* @__PURE__ */ t(
                   "span",
                   {
                     className: Qt[Gs],
-                    onMouseDown: (m) => _(y, m),
+                    onMouseDown: (p) => _(y, p),
                     role: "button",
                     "aria-label": "resize"
                   }
@@ -8331,7 +8331,7 @@ const Hs = ({
             }
           )
         },
-        String(p.key)
+        String(h.key)
       ))
     ]
   }
@@ -8362,23 +8362,23 @@ const Hs = ({
   selectable: l,
   getRowId: i,
   resizable: n,
-  selectedRows: d,
+  selectedRows: s,
   onSelectionChange: u,
-  rowSelectionMessage: s,
-  rowActions: h,
-  testId: p
+  rowSelectionMessage: d,
+  rowActions: m,
+  testId: h
 }) => {
-  const y = b.useRef([]), [m, k] = b.useState(null), { isSelected: x, toggleRowSelection: w, toggleSelectAll: N, selectedCount: $ } = xs({
+  const y = b.useRef([]), [p, k] = b.useState(null), { isSelected: x, toggleRowSelection: w, toggleSelectAll: S, selectedCount: $ } = xs({
     data: e,
     getRowId: i,
-    selectedRows: d,
+    selectedRows: s,
     onSelectionChange: u
-  }), [C, S] = b.useState({
+  }), [C, N] = b.useState({
     key: null,
     direction: Re.None
-  }), [f, v] = b.useState(Array(a.length).fill(void 0)), T = (A, E) => {
-    E.preventDefault();
-    const M = E.clientX, D = f[A] || E.currentTarget.offsetWidth, R = f[A + 1] || 0, F = 1.05, U = (ie) => {
+  }), [f, v] = b.useState(Array(a.length).fill(void 0)), E = (A, T) => {
+    T.preventDefault();
+    const M = T.clientX, D = f[A] || T.currentTarget.offsetWidth, R = f[A + 1] || 0, F = 1.05, U = (ie) => {
       const de = (ie.clientX - M) * F;
       v((Q) => {
         const z = [...Q], he = Math.max(50, D + de), Et = Math.max(50, R - de);
@@ -8388,9 +8388,9 @@ const Hs = ({
       document.removeEventListener("mousemove", U), document.removeEventListener("mouseup", se);
     };
     document.addEventListener("mousemove", U), document.addEventListener("mouseup", se);
-  }, I = (A) => {
-    const E = a.find((M) => M.key === A);
-    !E || E.sortable === !1 || S((M) => {
+  }, O = (A) => {
+    const T = a.find((M) => M.key === A);
+    !T || T.sortable === !1 || N((M) => {
       if (M.key === A) {
         let D;
         switch (M.direction) {
@@ -8410,18 +8410,18 @@ const Hs = ({
       } else
         return { key: A, direction: Re.Ascending };
     });
-  }, O = b.useMemo(() => {
+  }, I = b.useMemo(() => {
     if (!C.key || C.direction === Re.None)
       return e;
-    const A = a.find((E) => E.key === C.key);
-    return A ? [...e].sort((E, M) => {
-      const D = A.sortable ? A.sortValue(E) : E[C.key], R = A.sortable ? A.sortValue(M) : M[C.key];
+    const A = a.find((T) => T.key === C.key);
+    return A ? [...e].sort((T, M) => {
+      const D = A.sortable ? A.sortValue(T) : T[C.key], R = A.sortable ? A.sortValue(M) : M[C.key];
       return D < R ? C.direction === Re.Ascending ? -1 : 1 : D > R ? C.direction === Re.Ascending ? 1 : -1 : 0;
     }) : e;
   }, [e, C, a]);
   return b.useEffect(() => {
     const A = y.current.map(
-      (E) => E?.offsetWidth || 0
+      (T) => T?.offsetWidth || 0
     );
     v(A);
   }, []), /* @__PURE__ */ g(K, { children: [
@@ -8433,11 +8433,11 @@ const Hs = ({
           [Nt[`${wr}--hidden`]]: !l
         }),
         children: [
-          /* @__PURE__ */ t("div", { className: Nt[`${wr}__content`], children: s || /* @__PURE__ */ g(B, { noMargin: !0, bold: !0, size: "sm", children: [
+          /* @__PURE__ */ t("div", { className: Nt[`${wr}__content`], children: d || /* @__PURE__ */ g(B, { noMargin: !0, bold: !0, size: "sm", children: [
             $,
             " selected"
           ] }) }),
-          /* @__PURE__ */ t("div", { children: h })
+          /* @__PURE__ */ t("div", { children: m })
         ]
       }
     ),
@@ -8452,29 +8452,29 @@ const Hs = ({
           l && !!$ && Nt[`${ea}--has-selected`],
           Nt[`${ea}--stripped_${r}`]
         ),
-        "data-testid": p,
+        "data-testid": h,
         children: [
           /* @__PURE__ */ t(
             Hs,
             {
               columns: a,
               sortConfig: C,
-              handleSort: I,
+              handleSort: O,
               resizable: n,
-              handleMouseDown: T,
+              handleMouseDown: E,
               columnRefs: y,
               selectable: l,
-              hoveredColumnIndex: m,
+              hoveredColumnIndex: p,
               setHoveredColumnIndex: k,
               selectedCount: $,
               dataLength: e.length,
-              toggleSelectAll: N
+              toggleSelectAll: S
             }
           ),
           /* @__PURE__ */ t(
             As,
             {
-              data: O,
+              data: I,
               columns: a,
               getRowId: i,
               columnWidths: f,
@@ -8502,10 +8502,10 @@ const Hs = ({
   remove: _,
   value: l
 }) => {
-  const [i, n] = b.useState(!1), d = () => a.current, u = () => {
-    const m = d();
-    return m ? m.innerText : "";
-  }, s = () => {
+  const [i, n] = b.useState(!1), s = () => a.current, u = () => {
+    const p = s();
+    return p ? p.innerText : "";
+  }, d = () => {
     r && r.current && r.current.focus();
   };
   return /* @__PURE__ */ t(
@@ -8514,27 +8514,27 @@ const Hs = ({
       ref: a,
       className: e,
       contentEditable: !0,
-      onPaste: (m) => {
-        m.preventDefault();
-        const k = m.clipboardData.getData("text/plain");
+      onPaste: (p) => {
+        p.preventDefault();
+        const k = p.clipboardData.getData("text/plain");
         document.execCommand("insertHTML", !1, Ro(k));
       },
       onBlur: () => {
-        const m = d();
-        if (!(i || !m)) {
-          if (m.innerText === "") {
+        const p = s();
+        if (!(i || !p)) {
+          if (p.innerText === "") {
             _();
             return;
           }
-          o(m.innerText);
+          o(p.innerText);
         }
       },
-      onKeyDown: (m) => {
-        if (m.key === le.enter) {
-          m.preventDefault(), s();
+      onKeyDown: (p) => {
+        if (p.key === le.enter) {
+          p.preventDefault(), d();
           return;
         }
-        m.key === le.backspace && u() === "" && (n(!0), _(), s());
+        p.key === le.backspace && u() === "" && (n(!0), _(), d());
       },
       dangerouslySetInnerHTML: { __html: Ro(l) }
     }
@@ -8549,16 +8549,16 @@ const Hs = ({
   size: i,
   tagProps: n
 }) => {
-  const d = b.useMemo(() => o !== void 0 ? o(e) : !0, [e, o]), u = b.useRef(null), s = () => r(a);
-  return /* @__PURE__ */ t(R_, { size: i, ...n, kind: d ? n ? n.kind : "default" : "error", onRemove: s, children: /* @__PURE__ */ t(
+  const s = b.useMemo(() => o !== void 0 ? o(e) : !0, [e, o]), u = b.useRef(null), d = () => r(a);
+  return /* @__PURE__ */ t(R_, { size: i, ...n, kind: s ? n ? n.kind : "default" : "error", onRemove: d, children: /* @__PURE__ */ t(
     Zs,
     {
       value: e,
       inputRef: _,
       innerEditableRef: u,
       className: Va[`${js}__content`],
-      change: (p) => l(a, p),
-      remove: s,
+      change: (h) => l(a, h),
+      remove: d,
       validator: o
     }
   ) });
@@ -8577,41 +8577,41 @@ const Hs = ({
   placeholder: l,
   size: i = "medium",
   className: n,
-  inputClassName: d,
+  inputClassName: s,
   onBlur: u,
-  addOnBlur: s = !0,
-  readOnly: h,
-  noDataFallbackText: p = "No data",
+  addOnBlur: d = !0,
+  readOnly: m,
+  noDataFallbackText: h = "No data",
   ...y
 }) => {
-  const m = c(
+  const p = c(
     Va[$r],
     {
       [Va[`${$r}--error`]]: _
     },
     n
   ), k = c(
-    d,
+    s,
     Va[`${$r}__input`],
     Va[`${$r}__input--${i}`]
-  ), [x, w] = b.useState(""), N = b.useRef(null), { readOnly: $ } = xt(), C = $ || h, S = (D) => {
+  ), [x, w] = b.useState(""), S = b.useRef(null), { readOnly: $ } = xt(), C = $ || m, N = (D) => {
     D.trim() !== "" && (r([...a || [], D]), w(""));
   }, f = (D) => {
     const R = [...a || []];
     R.splice(D, 1), r(R);
-  }, v = (D) => w(D.target.value), T = (D) => {
+  }, v = (D) => w(D.target.value), E = (D) => {
     if (Js.includes(D.key)) {
       if (D.preventDefault(), x === "")
         return;
-      S(x);
+      N(x);
     } else if (Qs.includes(D.key)) {
       if (x !== "" || !a?.length)
         return;
       f(a.length - 1);
     }
-  }, I = (D) => {
-    s && S(x), u?.(D);
-  }, O = (D, R) => {
+  }, O = (D) => {
+    d && N(x), u?.(D);
+  }, I = (D, R) => {
     const F = [...a || []];
     F.reduce(
       (se, ie, de) => se + (ie === R && de !== D ? 1 : 0),
@@ -8621,22 +8621,22 @@ const Hs = ({
     D.preventDefault();
     const F = D.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
     r([...a || [], ...F]);
-  }, E = (D) => typeof D == "string" ? D : D.value || (typeof D.children == "string" ? D.children : "");
+  }, T = (D) => typeof D == "string" ? D : D.value || (typeof D.children == "string" ? D.children : "");
   if (C)
     return /* @__PURE__ */ t(
       va,
       {
-        value: a?.filter(Boolean).map(E).join(", "),
-        noDataFallbackText: p
+        value: a?.filter(Boolean).map(T).join(", "),
+        noDataFallbackText: h
       }
     );
   const M = (D, R) => typeof D == "string" ? /* @__PURE__ */ t(
     c_,
     {
       index: R,
-      update: O,
+      update: I,
       remove: f,
-      inputRef: N,
+      inputRef: S,
       validator: o,
       size: i,
       children: D
@@ -8646,9 +8646,9 @@ const Hs = ({
     c_,
     {
       index: R,
-      update: O,
+      update: I,
       remove: f,
-      inputRef: N,
+      inputRef: S,
       validator: o,
       size: i,
       tagProps: D,
@@ -8657,21 +8657,21 @@ const Hs = ({
     `${R}${D.children}`
   );
   return /* @__PURE__ */ g(K, { children: [
-    /* @__PURE__ */ g(B, { as: "div", className: m, children: [
+    /* @__PURE__ */ g(B, { as: "div", className: p, children: [
       a?.map(M),
       /* @__PURE__ */ t(
         "input",
         {
           ...y,
           id: e,
-          ref: N,
+          ref: S,
           className: k,
           placeholder: l,
           value: x,
           onChange: v,
-          onKeyDown: T,
+          onKeyDown: E,
           onPaste: A,
-          onBlur: I
+          onBlur: O
         }
       )
     ] }),
@@ -8736,10 +8736,10 @@ const Hs = ({
     ge[Wt],
     ge[`${Wt}--${_}`],
     a
-  ), d = typeof r == "string", u = (s) => s && s.closesOnClick && l ? (s.onClick(), l()) : s.onClick();
+  ), s = typeof r == "string", u = (d) => d && d.closesOnClick && l ? (d.onClick(), l()) : d.onClick();
   return /* @__PURE__ */ g("div", { className: n, ...i, children: [
     /* @__PURE__ */ t("div", { className: ge[`${Wt}__icon`], children: /* @__PURE__ */ t(P, { ...nd[_], size: "medium" }) }),
-    /* @__PURE__ */ t("div", { className: ge[`${Wt}__content`], children: d ? /* @__PURE__ */ t(B, { as: "div", children: r }) : r }),
+    /* @__PURE__ */ t("div", { className: ge[`${Wt}__content`], children: s ? /* @__PURE__ */ t(B, { as: "div", children: r }) : r }),
     (e || o) && /* @__PURE__ */ g("div", { className: ge[`${Wt}__actions`], children: [
       e && /* @__PURE__ */ t(
         L,
@@ -8784,7 +8784,7 @@ const Hs = ({
     },
     e
   );
-  return /* @__PURE__ */ t("div", { className: n, children: /* @__PURE__ */ t(k_, { component: null, children: a.map(({ id: d, kind: u, content: s, removable: h, action: p, onClose: y }) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("div", { className: n, children: /* @__PURE__ */ t(k_, { component: null, children: a.map(({ id: s, kind: u, content: d, removable: m, action: h, onClose: y }) => /* @__PURE__ */ t(
     C_,
     {
       classNames: {
@@ -8799,13 +8799,13 @@ const Hs = ({
         {
           kind: u,
           onClose: y,
-          removable: h,
-          action: p,
-          children: s
+          removable: m,
+          action: h,
+          children: d
         }
       )
     },
-    d
+    s
   )) }) });
 }, dd = "lc-Textarea-module__textarea___yE6jp", Sr = {
   textarea: dd,
@@ -8814,14 +8814,14 @@ const Hs = ({
   "textarea--error": "lc-Textarea-module__textarea--error___n-fD5"
 }, Nr = "textarea", am = b.forwardRef(
   ({ className: e, noDataFallbackText: a = "No data", error: r, ...o }, _) => {
-    const { disabled: l, onBlur: i, onFocus: n } = o, { readOnly: d } = xt(), u = d || o.readOnly, [s, h] = b.useState(!1), p = c(e, Sr[Nr], {
+    const { disabled: l, onBlur: i, onFocus: n } = o, { readOnly: s } = xt(), u = s || o.readOnly, [d, m] = b.useState(!1), h = c(e, Sr[Nr], {
       [Sr[`${Nr}--disabled`]]: l,
-      [Sr[`${Nr}--focused`]]: s,
+      [Sr[`${Nr}--focused`]]: d,
       [Sr[`${Nr}--error`]]: r
     }), y = (k) => {
-      h(!1), i?.(k);
-    }, m = (k) => {
-      h(!0), n?.(k);
+      m(!1), i?.(k);
+    }, p = (k) => {
+      m(!0), n?.(k);
     };
     return u ? /* @__PURE__ */ t(
       va,
@@ -8829,12 +8829,12 @@ const Hs = ({
         value: o?.value?.toString(),
         noDataFallbackText: a
       }
-    ) : /* @__PURE__ */ t(B, { as: "div", className: p, children: /* @__PURE__ */ t(
+    ) : /* @__PURE__ */ t(B, { as: "div", className: h, children: /* @__PURE__ */ t(
       "textarea",
       {
         ...o,
         ref: _,
-        onFocus: m,
+        onFocus: p,
         onBlur: y
       }
     ) });
@@ -8849,7 +8849,7 @@ class gd {
     this.element = a, this.padding = r;
   }
   addPadding(a) {
-    const r = Math.ceil(a.left) - this.padding, o = Math.ceil(a.top) - this.padding, _ = Math.ceil(a.width) + 2 * this.padding, l = Math.ceil(a.height) + 2 * this.padding, i = o, n = r, d = i + l, u = n + _;
+    const r = Math.ceil(a.left) - this.padding, o = Math.ceil(a.top) - this.padding, _ = Math.ceil(a.width) + 2 * this.padding, l = Math.ceil(a.height) + 2 * this.padding, i = o, n = r, s = i + l, u = n + _;
     return {
       x: r,
       y: o,
@@ -8857,7 +8857,7 @@ class gd {
       height: l,
       top: i,
       left: n,
-      bottom: d,
+      bottom: s,
       right: u
     };
   }
@@ -8946,57 +8946,58 @@ const ct = {
   cursorTiming: o = "fast2",
   parentElementName: _,
   isVisible: l = !1,
-  elementClassName: i,
-  zIndex: n,
-  isFirstStep: d,
-  isLastStep: u
+  hideOverlay: i = !1,
+  elementClassName: n,
+  zIndex: s,
+  isFirstStep: u,
+  isLastStep: d
 }) => {
-  const [s, h] = _e(null), [p, y] = _e(null), m = qt(null), k = qt(null), x = d || u ? "bottom-start" : r, { refs: w, x: N, y: $, strategy: C, placement: S, update: f } = Vl({
+  const [m, h] = _e(null), [y, p] = _e(null), k = qt(null), x = qt(null), w = u || d ? "bottom-start" : r, { refs: S, x: $, y: C, strategy: N, placement: f, update: v } = Vl({
     middleware: [Wl(), Kl()],
-    placement: x,
+    placement: w,
     open: !0,
     whileElementsMounted: Yl
-  }), v = () => {
-    s && y(
-      s_(s).getBoundingClientRect()
+  }), E = () => {
+    m && p(
+      s_(m).getBoundingClientRect()
     );
   };
   q(() => {
-    if (s !== null)
-      return window.addEventListener("resize", v), window.addEventListener("scroll", v), () => {
-        window.removeEventListener("resize", v), window.removeEventListener("scroll", v);
+    if (m !== null)
+      return window.addEventListener("resize", E), window.addEventListener("scroll", E), () => {
+        window.removeEventListener("resize", E), window.removeEventListener("scroll", E);
       };
-  }, [s]), q(() => (window.addEventListener("resize", f), () => window.removeEventListener("resize", f)), [f]), q(() => {
+  }, [m]), q(() => (window.addEventListener("resize", v), () => window.removeEventListener("resize", v)), [v]), q(() => {
     if (_) {
       const I = document.querySelector(_);
-      h(I), w.setReference(I);
+      h(I), S.setReference(I);
     }
   }, [_]), q(() => {
-    s && y(
-      s_(s).getBoundingClientRect()
+    m && p(
+      s_(m).getBoundingClientRect()
     );
-  }, [s]), q(() => {
-    if (s && m.current) {
-      m.current.innerHTML = "";
-      const I = s.cloneNode(!0);
-      i && (I.className += ` ${i}`), m.current.appendChild(I);
+  }, [m]), q(() => {
+    if (m && k.current) {
+      k.current.innerHTML = "";
+      const I = m.cloneNode(!0);
+      n && (I.className += ` ${n}`), k.current.appendChild(I);
     }
     return () => {
-      m.current && (m.current.innerHTML = "");
+      k.current && (k.current.innerHTML = "");
     };
-  }, [s, m.current, i]), q(() => (l ? document.body.classList.add("user-guide-visible") : document.body.classList.remove("user-guide-visible"), () => {
+  }, [m, k.current, n]), q(() => (l ? document.body.classList.add("user-guide-visible") : document.body.classList.remove("user-guide-visible"), () => {
     document.body.classList.remove("user-guide-visible");
   }), [l]);
-  const T = () => p ? /* @__PURE__ */ t(
+  const O = () => y ? /* @__PURE__ */ t(
     "div",
     {
-      ref: m,
+      ref: k,
       style: {
         position: "absolute",
-        top: p.top,
-        left: p.left,
-        width: p.width,
-        height: p.height,
+        top: y.top,
+        left: y.left,
+        width: y.width,
+        height: y.height,
         pointerEvents: "none"
       }
     }
@@ -9007,20 +9008,20 @@ const ct = {
       {
         className: c(ct[`${st}__overlay`]),
         style: {
-          display: l ? "flex" : "none",
-          zIndex: n
+          display: l && !i ? "flex" : "none",
+          zIndex: s
         },
-        children: s && T()
+        children: m && O()
       }
     ),
     l && /* @__PURE__ */ t(ha, { children: /* @__PURE__ */ t(
       "div",
       {
-        ref: w.setFloating,
+        ref: S.setFloating,
         style: {
-          position: C,
-          top: d || u ? "40%" : $,
-          left: d || u ? "calc(50% - 211px)" : N
+          position: N,
+          top: u || d ? "40%" : C,
+          left: u || d ? "calc(50% - 211px)" : $
         },
         className: c(
           ct[`${st}__floating`],
@@ -9030,10 +9031,10 @@ const ct = {
         children: /* @__PURE__ */ g(
           "div",
           {
-            ref: k,
+            ref: x,
             className: c(
               ct[`${st}__guide`],
-              ct[`${st}__guide--${S}`]
+              ct[`${st}__guide--${f}`]
             ),
             children: [
               /* @__PURE__ */ t(
@@ -9041,7 +9042,7 @@ const ct = {
                 {
                   className: c(
                     ct[`${st}__guide__arrow`],
-                    ct[`${st}__guide__arrow--${S}`],
+                    ct[`${st}__guide__arrow--${f}`],
                     ct[`${st}__guide__arrow--${o}`]
                   ),
                   children: /* @__PURE__ */ t("img", { src: pd, alt: "cursor" })
@@ -9052,7 +9053,7 @@ const ct = {
                 {
                   className: c(
                     ct[`${st}__guide__content`],
-                    ct[`${st}__guide__content--${S}`],
+                    ct[`${st}__guide__content--${f}`],
                     ct[`${st}__guide__content--${o}`]
                   ),
                   children: a
@@ -9085,13 +9086,13 @@ const ct = {
   disableTypingAnimations: l,
   typingDelay: i,
   typingSpeed: n,
-  className: d
+  className: s
 }) => {
-  const [u, s] = _e(["header"]), h = u.includes("header"), p = u.includes("message"), y = r && u.includes("cta");
+  const [u, d] = _e(["header"]), m = u.includes("header"), h = u.includes("message"), y = r && u.includes("cta");
   return q(() => {
     u.length === 3 && _ && _();
-  }, [u]), /* @__PURE__ */ g("div", { className: c("lc-light-theme", Se[`${Ne}`], d), children: [
-    h && /* @__PURE__ */ t(
+  }, [u]), /* @__PURE__ */ g("div", { className: c("lc-light-theme", Se[`${Ne}`], s), children: [
+    m && /* @__PURE__ */ t(
       "div",
       {
         className: c(Se[`${Ne}__bubble-wrapper`], {
@@ -9104,7 +9105,7 @@ const ct = {
               Se[`${Ne}__bubble`],
               Se[`${Ne}__bubble--header`],
               {
-                [Se[`${Ne}__bubble--next-msg`]]: p
+                [Se[`${Ne}__bubble--next-msg`]]: h
               }
             ),
             children: [
@@ -9116,7 +9117,7 @@ const ct = {
                   typingAnimation: !l,
                   typingDelay: i,
                   typingSpeed: n,
-                  onTypingEnd: () => s([...u, "message"])
+                  onTypingEnd: () => d([...u, "message"])
                 }
               ) })
             ]
@@ -9124,7 +9125,7 @@ const ct = {
         )
       }
     ),
-    p && /* @__PURE__ */ t(
+    h && /* @__PURE__ */ t(
       "div",
       {
         className: c(Se[`${Ne}__bubble-wrapper`], {
@@ -9147,7 +9148,7 @@ const ct = {
                 typingAnimation: !l,
                 typingSpeed: n,
                 typingDelay: 0,
-                onTypingEnd: () => s([...u, "cta"])
+                onTypingEnd: () => d([...u, "cta"])
               }
             ) })
           }
@@ -9194,18 +9195,18 @@ const ct = {
   stepMax: l,
   typingAnimation: i = !1,
   typingDelay: n,
-  typingSpeed: d,
+  typingSpeed: s,
   handleCloseAction: u,
-  handleClickPrimary: s,
-  className: h
+  handleClickPrimary: d,
+  className: m
 }) => {
-  const [p, y] = _e(!1);
+  const [h, y] = _e(!1);
   return q(() => {
     if (u)
       return document.addEventListener("keydown", u), () => {
         document.removeEventListener("keydown", u);
       };
-  }, [u]), /* @__PURE__ */ g("div", { className: c("lc-light-theme", Je[`${Qe}`], h), children: [
+  }, [u]), /* @__PURE__ */ g("div", { className: c("lc-light-theme", Je[`${Qe}`], m), children: [
     /* @__PURE__ */ g("span", { className: Je[`${Qe}__heading`], children: [
       /* @__PURE__ */ t(P, { size: "large", source: f_ }),
       /* @__PURE__ */ t(B, { size: "lg", bold: !0, as: "span", children: e })
@@ -9243,19 +9244,19 @@ const ct = {
             text: a,
             typingAnimation: i,
             typingDelay: n,
-            typingSpeed: d,
+            typingSpeed: s,
             onTypingEnd: () => y(!0)
           }
         )
       }
     ),
-    p && /* @__PURE__ */ g("div", { className: Je[`${Qe}__footer`], children: [
+    h && /* @__PURE__ */ g("div", { className: Je[`${Qe}__footer`], children: [
       /* @__PURE__ */ t(
         L,
         {
           kind: "high-contrast",
           size: "large",
-          onClick: s,
+          onClick: d,
           className: Je[`${Qe}__footer__button-primary`],
           children: _ === l ? "Finish" : "Next"
         }
@@ -9340,7 +9341,7 @@ const ct = {
     size: l,
     status: i = "normal",
     onCloseButtonClick: n,
-    onRetryButtonClick: d
+    onRetryButtonClick: s
   }, u) => /* @__PURE__ */ g("div", { className: dt[Ft], ref: u, children: [
     r && i !== "success" && /* @__PURE__ */ t("div", { className: dt[`${Ft}__icon`], children: r }),
     i === "success" && /* @__PURE__ */ t(
@@ -9382,7 +9383,7 @@ const ct = {
                   {
                     status: i,
                     onCloseButtonClick: n,
-                    onRetryButtonClick: d
+                    onRetryButtonClick: s
                   }
                 )
               }
@@ -9452,32 +9453,32 @@ const ct = {
   errorMessage: l,
   status: i = "normal",
   icon: n,
-  size: d,
+  size: s,
   mode: u = "multiple",
-  onCloseButtonClick: s,
-  onRetryButtonClick: h
+  onCloseButtonClick: d,
+  onRetryButtonClick: m
 }) => {
-  const [p, y] = b.useState(_ || !1), m = i === "error", k = i === "success", x = c(J[Me], a, {
-    [J[`${Me}--error`]]: m,
+  const [h, y] = b.useState(_ || !1), p = i === "error", k = i === "success", x = c(J[Me], a, {
+    [J[`${Me}--error`]]: p,
     [J[`${Me}--success`]]: k
-  }), w = !(m && (h || s)), N = () => y(!p);
+  }), w = !(p && (m || d)), S = () => y(!h);
   return u === "single" ? /* @__PURE__ */ t("div", { className: x, children: /* @__PURE__ */ g("div", { className: J[`${Me}__wrapper`], children: [
     /* @__PURE__ */ t("div", { className: J[`${Lt}`], children: /* @__PURE__ */ t(
       hd,
       {
-        title: m && l || o,
+        title: p && l || o,
         progressValue: r,
         status: i,
         icon: n,
-        size: d
+        size: s
       }
     ) }),
     i === "error" && /* @__PURE__ */ t(
       wo,
       {
         status: i,
-        onCloseButtonClick: s,
-        onRetryButtonClick: h
+        onCloseButtonClick: d,
+        onRetryButtonClick: m
       }
     )
   ] }) }) : /* @__PURE__ */ g("div", { className: x, children: [
@@ -9485,32 +9486,32 @@ const ct = {
       "div",
       {
         className: J[`${Me}__wrapper`],
-        onClick: N,
+        onClick: S,
         children: /* @__PURE__ */ g("div", { className: J[`${Lt}`], children: [
           /* @__PURE__ */ t("div", { className: J[`${Lt}__icon`], children: bd(i, r) }),
-          /* @__PURE__ */ t("div", { className: J[`${Lt}__title`], children: /* @__PURE__ */ t(B, { size: "sm", as: "div", children: m ? l : o }) }),
+          /* @__PURE__ */ t("div", { className: J[`${Lt}__title`], children: /* @__PURE__ */ t(B, { size: "sm", as: "div", children: p ? l : o }) }),
           w && /* @__PURE__ */ t(
             "button",
             {
               className: J[`${Lt}__collapse-button`],
               type: "button",
               "aria-label": "Collapse button",
-              onClick: N,
-              children: p ? /* @__PURE__ */ t(P, { source: ja }) : /* @__PURE__ */ t(P, { source: Xt })
+              onClick: S,
+              children: h ? /* @__PURE__ */ t(P, { source: ja }) : /* @__PURE__ */ t(P, { source: Xt })
             }
           ),
           i === "error" && /* @__PURE__ */ t("div", { className: J[`${Lt}__actions-container`], children: /* @__PURE__ */ t(
             wo,
             {
               status: i,
-              onCloseButtonClick: s,
-              onRetryButtonClick: h
+              onCloseButtonClick: d,
+              onRetryButtonClick: m
             }
           ) })
         ] })
       }
     ),
-    /* @__PURE__ */ t(k_, { component: null, children: p && /* @__PURE__ */ t(
+    /* @__PURE__ */ t(k_, { component: null, children: h && /* @__PURE__ */ t(
       C_,
       {
         timeout: fd,
@@ -9564,18 +9565,18 @@ const ct = {
           {
             className: ua[`${ma}__steps__container`],
             "data-testid": `${o}-container`,
-            children: Array.from({ length: l }, (d, u) => {
-              const s = u + 1, h = s <= i, p = s > i;
+            children: Array.from({ length: l }, (s, u) => {
+              const d = u + 1, m = d <= i, h = d > i;
               return /* @__PURE__ */ t(
                 "div",
                 {
-                  "aria-completed": h,
+                  "aria-completed": m,
                   className: c(ua[`${ma}__step`], {
-                    [ua[`${ma}__step--completed`]]: h,
-                    [ua[`${ma}__step--active`]]: p
+                    [ua[`${ma}__step--completed`]]: m,
+                    [ua[`${ma}__step--active`]]: h
                   })
                 },
-                s
+                d
               );
             })
           }
@@ -9659,10 +9660,10 @@ const ct = {
   titleBold: l = !1,
   details: i,
   timestamp: n,
-  timestampWithSeconds: d,
+  timestampWithSeconds: s,
   actions: u
 }) => {
-  const [s, h] = b.useState(!1), p = c(
+  const [d, m] = b.useState(!1), h = c(
     ee[`${te}__header-wrapper-title`],
     ee[`${te}__header-wrapper-title--kind-${o}`],
     {
@@ -9671,7 +9672,7 @@ const ct = {
   ), y = c(
     ee[`${te}__header-wrapper`],
     ee[`${te}__header-wrapper--alignment-${r}`]
-  ), m = c(
+  ), p = c(
     ee[`${te}__details-wrapper`],
     ee[`${te}__details-wrapper--alignment-${r}`],
     {
@@ -9687,7 +9688,7 @@ const ct = {
     {
       [ee[`${te}__actions-wrapper--alignment-left-margin`]]: r === "left" && _
     }
-  ), w = (S, f) => {
+  ), w = (N, f) => {
     let v = "primary";
     switch (f) {
       case "info":
@@ -9714,11 +9715,11 @@ const ct = {
       {
         size: "small",
         "data-testid": "system-message-header-icon",
-        source: S,
+        source: N,
         kind: v
       }
     );
-  }, N = (S) => S.slice(2).map((f) => ({
+  }, S = (N) => N.slice(2).map((f) => ({
     key: f.label,
     element: /* @__PURE__ */ t(
       Xa,
@@ -9728,8 +9729,8 @@ const ct = {
       }
     ),
     onClick: f.callback
-  })), $ = (S) => /* @__PURE__ */ g("div", { className: x, children: [
-    S.slice(0, 2).map((f) => /* @__PURE__ */ t(
+  })), $ = (N) => /* @__PURE__ */ g("div", { className: x, children: [
+    N.slice(0, 2).map((f) => /* @__PURE__ */ t(
       B,
       {
         className: ee[`${te}__action-item`],
@@ -9740,11 +9741,11 @@ const ct = {
       },
       f.label
     )),
-    S.length > 2 && /* @__PURE__ */ t(
+    N.length > 2 && /* @__PURE__ */ t(
       Eo,
       {
         placement: "bottom-end",
-        options: N(S),
+        options: S(N),
         triggerRenderer: /* @__PURE__ */ t(
           L,
           {
@@ -9757,39 +9758,39 @@ const ct = {
         )
       }
     )
-  ] }), C = (S) => /* @__PURE__ */ g(
+  ] }), C = (N) => /* @__PURE__ */ g(
     "div",
     {
       "data-testid": "system-message-details",
-      className: m,
+      className: p,
       children: [
         /* @__PURE__ */ g("div", { className: k, children: [
-          S.slice(0, 1).map((f, v) => /* @__PURE__ */ t(B, { as: "div", size: "xs", children: f }, `detail-first-${v}`)),
-          S.length > 1 && /* @__PURE__ */ t(
+          N.slice(0, 1).map((f, v) => /* @__PURE__ */ t(B, { as: "div", size: "xs", children: f }, `detail-first-${v}`)),
+          N.length > 1 && /* @__PURE__ */ t(
             L,
             {
               kind: "plain",
               size: "xcompact",
               "data-testid": "system-message-details-toggle",
               className: ee[`${te}__details-toggle`],
-              onClick: () => h(!s),
+              onClick: () => m(!d),
               icon: /* @__PURE__ */ t(
                 P,
                 {
-                  source: s ? ja : Xt,
+                  source: d ? ja : Xt,
                   kind: "primary"
                 }
               )
             }
           )
         ] }),
-        s && S.slice(1).map((f) => /* @__PURE__ */ t(
+        d && N.slice(1).map((f) => /* @__PURE__ */ t(
           "div",
           {
             className: ee[`${te}__details-line`],
             children: /* @__PURE__ */ t(B, { as: "div", size: "xs", children: f })
           },
-          `detail-${S.indexOf(f)}`
+          `detail-${N.indexOf(f)}`
         ))
       ]
     }
@@ -9813,7 +9814,7 @@ const ct = {
                   as: "div",
                   size: "xs",
                   "data-testid": "system-message-title",
-                  className: p,
+                  className: h,
                   children: e
                 }
               ),
@@ -9830,11 +9831,11 @@ const ct = {
                   ]
                 }
               ),
-              n && d && /* @__PURE__ */ t(
+              n && s && /* @__PURE__ */ t(
                 Cd,
                 {
                   timestamp: n,
-                  timestampWithSeconds: d
+                  timestampWithSeconds: s
                 }
               )
             ]