@livechat/design-system-react-components 1.33.2 → 1.33.4

package/dist/index.es.js

@@ -9,7 +9,7 @@ var Qa = (t, a, r) => a in t ? $_(t, a, { enumerable: !0, configurable: !0, writ
     for (var r of va(a))
       Br.call(a, r) && Qa(t, r, a[r]);
   return t;
-}, I = (t, a) => N_(t, S_(a));
+}, T = (t, a) => N_(t, S_(a));
 var D = (t, a) => {
   var r = {};
   for (var _ in t)
@@ -21,8 +21,8 @@ var D = (t, a) => {
 };
 var er = (t, a, r) => (Qa(t, typeof a != "symbol" ? a + "" : a, r), r);
 import * as e from "react";
-import { useReducer as x_, useRef as B_, useEffect as At, useCallback as ka, useMemo as Ea, useState as I_ } from "react";
-import { Check as ia, Close as Ie, ChevronDown as Ot, Info as ca, Warning as a_, CheckCircle as vr, Block as r_, ChevronRight as La, Person as T_, ChevronUp as Oa, DoubleArrowLeft as D_, ChevronLeft as A_, DoubleArrowRight as P_, VisibilityOn as F_, VisibilityOff as R_, TextLogoFull as M_, LiveChatMono as L_, ChatBotMono as O_, HelpDeskMono as G_, KnowledgeBaseMono as U_, OpenWidgetMono as H_, HelloMono as z_, TextAccounts as W_, Search as V_, LockBlack as K_, Refresh as Y_, Error as q_ } from "@livechat/design-system-icons";
+import { useReducer as x_, useRef as B_, useEffect as Ft, useCallback as ka, useMemo as Ea, useState as I_ } from "react";
+import { Check as ia, Close as Ie, ChevronDown as Ot, Info as ca, Warning as a_, CheckCircle as vr, Block as r_, ChevronRight as La, Person as T_, ChevronUp as Oa, DoubleArrowLeft as D_, ChevronLeft as P_, DoubleArrowRight as A_, VisibilityOn as F_, VisibilityOff as R_, TextLogoFull as M_, LiveChatMono as L_, ChatBotMono as O_, HelpDeskMono as G_, KnowledgeBaseMono as U_, OpenWidgetMono as H_, HelloMono as z_, TextAccounts as W_, Search as V_, LockBlack as K_, Refresh as Y_, Error as q_ } from "@livechat/design-system-icons";
 import u from "clsx";
 import { useFloatingParentNodeId as Ga, useFloatingNodeId as sa, useFloating as da, offset as ua, flip as Ua, size as __, autoUpdate as ma, useClick as pa, useDismiss as ga, useRole as fa, useInteractions as ba, useTransitionStyles as kr, FloatingNode as ha, FloatingTree as Ha, shift as Er, arrow as Z_, useHover as X_, safePolygon as J_, useFocus as j_, useTransitionStatus as Q_, FloatingArrow as eo, FloatingPortal as o_, FloatingOverlay as to, FloatingFocusManager as mr, useListNavigation as ao } from "@floating-ui/react";
 import * as l_ from "react-dom";
@@ -494,7 +494,7 @@ const Mc = {
     [r, _]
   );
   return /* @__PURE__ */ e.createElement(s_.Provider, { value: o }, t);
-}, Wc = (t, a) => `color-mix(in srgb, var(${t}) ${a}, transparent)`, se = {
+}, Wc = (t, a) => `color-mix(in srgb, var(${t}) ${a}, transparent)`, de = {
   esc: "Escape",
   enter: "Enter",
   backspace: "Backspace",
@@ -505,7 +505,7 @@ const Mc = {
   comma: ",",
   arrowUp: "ArrowUp",
   arrowDown: "ArrowDown"
-}, io = "lc-Icon-module__icon___tw31R", Ar = {
+}, io = "lc-Icon-module__icon___tw31R", Pr = {
   icon: io,
   "icon--primary": "lc-Icon-module__icon--primary___JJnBV",
   "icon--subtle": "lc-Icon-module__icon--subtle___sZIzL",
@@ -569,7 +569,7 @@ const Mc = {
     width: 64,
     height: 64
   }
-}, Pr = "icon", x = (t) => {
+}, Ar = "icon", x = (t) => {
   const s = t, {
     source: a,
     size: r = "medium",
@@ -586,10 +586,10 @@ const Mc = {
     "customColor"
   ]), d = e.createElement(a, k(k({}, so[r]), n ? { color: n } : {})), i = u(
     l,
-    Ar[Pr],
-    _ && Ar[`${Pr}--${o ? "disabled--" : ""}${_}`]
+    Pr[Ar],
+    _ && Pr[`${Ar}--${o ? "disabled--" : ""}${_}`]
   );
-  return /* @__PURE__ */ e.createElement("span", I(k({}, c), { className: i }), d);
+  return /* @__PURE__ */ e.createElement("span", T(k({}, c), { className: i }), d);
 }, Ge = {
   "heading-xl": "lc-Typography-module__heading-xl___nhr-6",
   "heading-lg": "lc-Typography-module__heading-lg___XYF7l",
@@ -620,7 +620,7 @@ const Mc = {
   sm: "h4",
   xs: "h5",
   "2xs": "h6"
-}, _e = (i) => {
+}, ne = (i) => {
   var s = i, {
     as: t,
     size: a = "md",
@@ -655,8 +655,8 @@ const Mc = {
     }, d),
     r
   );
-}, B = (b) => {
-  var f = b, {
+}, B = (f) => {
+  var b = f, {
     as: t = "p",
     size: a = "md",
     caps: r = !1,
@@ -669,7 +669,7 @@ const Mc = {
     customColor: i,
     textAlign: s,
     noMargin: p
-  } = f, m = D(f, [
+  } = b, m = D(b, [
     "as",
     "size",
     "caps",
@@ -761,8 +761,8 @@ const Mc = {
     onOpen: s,
     floatingStrategy: p,
     selectedOptions: m,
-    footer: b
-  } = h, f = D(h, [
+    footer: f
+  } = h, b = D(h, [
     "className",
     "triggerClassName",
     "options",
@@ -778,146 +778,146 @@ const Mc = {
     "selectedOptions",
     "footer"
   ]);
-  const E = d !== void 0, [y, $] = e.useState(l), [w, C] = e.useState(null), g = e.useRef(-1), N = Ga(), S = sa(), M = e.useRef(null), L = E ? d : y, T = () => {
-    L ? (i == null || i(), !E && $(!1)) : (s == null || s(), !E && $(!0));
-  }, { x: G, y: V, strategy: O, refs: U, context: de } = da({
+  const y = d !== void 0, [E, $] = e.useState(l), [w, C] = e.useState(null), g = e.useRef(-1), N = Ga(), S = sa(), M = e.useRef(null), G = y ? d : E, I = () => {
+    G ? (i == null || i(), !y && $(!1)) : (s == null || s(), !y && $(!0));
+  }, { x: O, y: Y, strategy: X, refs: L, context: U } = da({
     nodeId: S,
     middleware: [
       ua(4),
       Ua(c),
       __({
-        apply({ availableHeight: A }) {
-          ro(() => C(A));
+        apply({ availableHeight: P }) {
+          ro(() => C(P));
         }
       })
     ],
     placement: o,
-    open: L,
+    open: G,
     strategy: p,
-    onOpenChange: T,
+    onOpenChange: I,
     whileElementsMounted: ma
-  }), $e = pa(de), Ke = ga(de, {
-    enabled: L
-  }), Ue = fa(de), { getReferenceProps: Ne, getFloatingProps: wt } = ba([
+  }), $e = pa(U), Ke = ga(U, {
+    enabled: G
+  }), Ue = fa(U), { getReferenceProps: Ne, getFloatingProps: $t } = ba([
     $e,
     Ke,
     Ue
-  ]), { styles: pt } = kr(de, {
-    initial: ({ side: A }) => k({
+  ]), { styles: ft } = kr(U, {
+    initial: ({ side: P }) => k({
       opacity: 0
-    }, A === "bottom" && {
+    }, P === "bottom" && {
       marginTop: -10
-    } || A === "top" && {
+    } || P === "top" && {
       marginTop: 10
-    } || A === "left" && {
+    } || P === "left" && {
       marginLeft: 10
-    } || A === "right" && {
+    } || P === "right" && {
       marginLeft: -10
     })
-  }), Ct = (A) => {
+  }), Nt = (P) => {
     var Ye, qe;
-    const K = g.current;
-    let ue = K + A;
+    const V = g.current;
+    let ue = V + P;
     for (; (Ye = r[ue]) != null && Ye.disabled || (qe = r[ue]) != null && qe.groupHeader; )
-      if (ue += A, ue === -1) {
-        ue = K;
+      if (ue += P, ue === -1) {
+        ue = V;
         break;
       }
     return ue;
-  }, gt = (A) => {
+  }, bt = (P) => {
     var Ye, qe;
-    g.current = Ct(A);
-    const K = (Ye = M.current) == null ? void 0 : Ye.children, ue = K && ((qe = K[g.current]) == null ? void 0 : qe.children[0]);
+    g.current = Nt(P);
+    const V = (Ye = M.current) == null ? void 0 : Ye.children, ue = V && ((qe = V[g.current]) == null ? void 0 : qe.children[0]);
     return ue == null ? void 0 : ue.focus();
-  }, lt = (A) => {
-    A.key === se.arrowUp && g.current > 0 && (A.preventDefault(), gt(-1)), A.key === se.arrowDown && g.current + 1 < r.length && (A.preventDefault(), gt(1));
+  }, lt = (P) => {
+    P.key === de.arrowUp && g.current > 0 && (P.preventDefault(), bt(-1)), P.key === de.arrowDown && g.current + 1 < r.length && (P.preventDefault(), bt(1));
   };
   e.useEffect(() => {
-    if (L)
+    if (G)
       return document.addEventListener("keydown", lt), () => document.removeEventListener("keydown", lt);
     g.current = -1;
-  }, [L, lt]);
-  const ft = (A, K) => {
-    g.current = A, K == null || K(), !E && !n && ($(!1), i == null || i());
-  }, $t = (A, K) => A.groupHeader ? /* @__PURE__ */ e.createElement(
+  }, [G, lt]);
+  const ht = (P, V) => {
+    g.current = P, V == null || V(), !y && !n && ($(!1), i == null || i());
+  }, St = (P, V) => P.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
     {
-      key: A.key,
+      key: P.key,
       role: "none",
       className: He[`${ze}__list__group-header`]
     },
-    A.element
-  ) : /* @__PURE__ */ e.createElement("li", { key: A.key, role: "none" }, /* @__PURE__ */ e.createElement(
+    P.element
+  ) : /* @__PURE__ */ e.createElement("li", { key: P.key, role: "none" }, /* @__PURE__ */ e.createElement(
     "button",
     {
-      "data-testid": A.key,
+      "data-testid": P.key,
       tabIndex: -1,
-      key: A.key,
-      disabled: A.disabled,
-      onClick: () => ft(K, A.onClick),
+      key: P.key,
+      disabled: P.disabled,
+      onClick: () => ht(V, P.onClick),
       role: "menuitem",
       className: u(He[`${ze}__list__item`], {
-        [He[`${ze}__list__item--disabled`]]: A.disabled,
-        [He[`${ze}__list__item--with-divider`]]: A.withDivider,
-        [He[`${ze}__list__item--selected`]]: m == null ? void 0 : m.includes(A.key)
+        [He[`${ze}__list__item--disabled`]]: P.disabled,
+        [He[`${ze}__list__item--with-divider`]]: P.withDivider,
+        [He[`${ze}__list__item--selected`]]: m == null ? void 0 : m.includes(P.key)
       })
     },
-    A.element,
-    (m == null ? void 0 : m.includes(A.key)) && /* @__PURE__ */ e.createElement(
+    P.element,
+    (m == null ? void 0 : m.includes(P.key)) && /* @__PURE__ */ e.createElement(
       "div",
       {
-        "data-testid": `${A.key}-selected-icon`,
+        "data-testid": `${P.key}-selected-icon`,
         className: He[`${ze}__list__item__icon`]
       },
       /* @__PURE__ */ e.createElement(x, { source: ia, kind: "action-primary" })
     )
-  )), Nt = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  )), xt = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    I(k({
+    T(k({
       "aria-label": "Toggle menu",
       "data-testid": "action-menu-trigger-button",
-      ref: U.setReference
+      ref: L.setReference
     }, Ne()), {
       className: a
     }),
     _
-  ), /* @__PURE__ */ e.createElement(ha, { id: S }, L && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(ha, { id: S }, G && /* @__PURE__ */ e.createElement(
     "div",
     k({
-      ref: U.setFloating,
+      ref: L.setFloating,
       className: He[ze],
       style: k(k({
-        position: O,
-        top: V != null ? V : "",
-        left: G != null ? G : ""
-      }, !!w && { maxHeight: w }), pt)
-    }, wt()),
+        position: X,
+        top: Y != null ? Y : "",
+        left: O != null ? O : ""
+      }, !!w && { maxHeight: w }), ft)
+    }, $t()),
     r.length > 0 && /* @__PURE__ */ e.createElement(
       "ul",
-      I(k({}, f), {
+      T(k({}, b), {
         className: u(
           He[`${ze}__list`],
           {
-            [He[`${ze}__list--with-footer`]]: b
+            [He[`${ze}__list--with-footer`]]: f
           },
           t
         ),
         role: "menu",
         ref: M
       }),
-      r.map($t)
+      r.map(St)
     ),
-    b && /* @__PURE__ */ e.createElement(
+    f && /* @__PURE__ */ e.createElement(
       B,
       {
         size: "sm",
         as: "div",
         className: He[`${ze}__footer`]
       },
-      b
+      f
     )
   )));
-  return N === null ? /* @__PURE__ */ e.createElement(Ha, null, Nt) : Nt;
+  return N === null ? /* @__PURE__ */ e.createElement(Ha, null, xt) : xt;
 }, Ut = {
   "action-menu-item": "lc-ActionMenuItem-module__action-menu-item___cT70J",
   "action-menu-item__left-node": "lc-ActionMenuItem-module__action-menu-item__left-node___3R-o1",
@@ -1020,7 +1020,7 @@ const Mc = {
   "btn--plain-lock-black": "lc-Button-module__btn--plain-lock-black___aL-wC",
   "btn--text-lock-black": "lc-Button-module__btn--text-lock-black___fy3zb"
 }, ge = "btn", W = e.forwardRef(
-  (v, f) => {
+  (v, b) => {
     var h = v, {
       loading: t = !1,
       disabled: a = !1,
@@ -1035,7 +1035,7 @@ const Mc = {
       children: s,
       href: p,
       onClick: m
-    } = h, b = D(h, [
+    } = h, f = D(h, [
       "loading",
       "disabled",
       "type",
@@ -1050,7 +1050,7 @@ const Mc = {
       "href",
       "onClick"
     ]);
-    const E = t || a, y = !s && n, $ = ["text", "link", "link-light"].includes(o), w = p ? "a" : "button", C = u(
+    const y = t || a, E = !s && n, $ = ["text", "link", "link-light"].includes(o), w = p ? "a" : "button", C = u(
       i,
       pe[ge],
       pe[`${ge}--${o}`],
@@ -1058,21 +1058,21 @@ const Mc = {
       {
         [pe[`${ge}--loading`]]: t,
         [pe[`${ge}--full-width`]]: _,
-        [pe[`${ge}--with-${c}-icon`]]: n && !y && !$,
-        [pe[`${ge}--icon-only`]]: y,
-        [pe[`${ge}--icon-only--bg`]]: y && $,
-        [pe[`${ge}--disabled`]]: E
+        [pe[`${ge}--with-${c}-icon`]]: n && !E && !$,
+        [pe[`${ge}--icon-only`]]: E,
+        [pe[`${ge}--icon-only--bg`]]: E && $,
+        [pe[`${ge}--disabled`]]: y
       }
     );
     return /* @__PURE__ */ e.createElement(
       w,
       k(k({
-        ref: f,
+        ref: b,
         className: C,
-        "aria-disabled": E,
+        "aria-disabled": y,
         type: r,
-        disabled: E
-      }, !E && { href: p, onClick: m }), b),
+        disabled: y
+      }, !y && { href: p, onClick: m }), f),
       t && /* @__PURE__ */ e.createElement(
         Cr,
         k({
@@ -1136,7 +1136,7 @@ const Co = (t) => {
         fill: "var(--tooltip-background-basic)"
       };
   }
-}, $o = "lc-Tooltip-module__tooltip___QOOAr", No = "lc-Tooltip-module__tooltip__content___RuamE", So = "lc-Tooltip-module__tooltip__arrow___Ov1YW", xo = "lc-Tooltip-module__tooltip__interactive___0JawB", P = {
+}, $o = "lc-Tooltip-module__tooltip___QOOAr", No = "lc-Tooltip-module__tooltip__content___RuamE", So = "lc-Tooltip-module__tooltip__arrow___Ov1YW", xo = "lc-Tooltip-module__tooltip__interactive___0JawB", A = {
   tooltip: $o,
   tooltip__content: No,
   "tooltip--invert": "lc-Tooltip-module__tooltip--invert___PVjhE",
@@ -1180,12 +1180,12 @@ const Co = (t) => {
   onOpen: s,
   withFadeAnimation: p = !0,
   transitionDuration: m = 200,
-  hoverOnDuration: b,
-  hoverOffDuration: f,
+  hoverOnDuration: f,
+  hoverOffDuration: b,
   transitionDelay: v = 0,
   hoverOnDelay: h,
-  hoverOffDelay: E,
-  triggerOnClick: y = !1,
+  hoverOffDelay: y,
+  triggerOnClick: E = !1,
   triggerOnHover: $ = !0,
   offsetMainAxis: w = 8,
   offsetCrossAxis: C = 0,
@@ -1193,26 +1193,26 @@ const Co = (t) => {
   activationThreshold: N = 0,
   useDismissHookProps: S,
   useClickHookProps: M,
-  hoverOutDelayTimeout: L = 100,
-  arrowOffsetY: T,
-  arrowOffsetX: G,
-  closeOnTriggerBlur: V = !1,
-  floatingStrategy: O
+  hoverOutDelayTimeout: G = 100,
+  arrowOffsetY: I,
+  arrowOffsetX: O,
+  closeOnTriggerBlur: Y = !1,
+  floatingStrategy: X
 }) => {
-  const U = c !== void 0, [de, $e] = e.useState(!1), Ke = e.useRef(null), Ue = U ? c : de, Ne = l || o, wt = Ga(), pt = sa(), Ct = u(
-    P[ya],
+  const L = c !== void 0, [U, $e] = e.useState(!1), Ke = e.useRef(null), Ue = L ? c : U, Ne = l || o, $t = Ga(), ft = sa(), Nt = u(
+    A[ya],
     a,
-    Ne && P[`${ya}--${Ne}`],
-    d && P[`${ya}--full-space`]
-  ), gt = typeof _ == "function", lt = (me) => {
-    me !== Ue && (me ? s == null || s() : i == null || i(), !U && $e(me));
-  }, ft = (me) => p ? me != null ? me : m : 0, $t = (me) => me != null ? me : v, {
-    floatingStyles: Nt,
-    refs: A,
-    context: K,
+    Ne && A[`${ya}--${Ne}`],
+    d && A[`${ya}--full-space`]
+  ), bt = typeof _ == "function", lt = (me) => {
+    me !== Ue && (me ? s == null || s() : i == null || i(), !L && $e(me));
+  }, ht = (me) => p ? me != null ? me : m : 0, St = (me) => me != null ? me : v, {
+    floatingStyles: xt,
+    refs: P,
+    context: V,
     middlewareData: { arrow: { x: ue, y: Ye } = {} }
   } = da({
-    nodeId: pt,
+    nodeId: ft,
     middleware: [
       ua({ mainAxis: w, crossAxis: C }),
       Er(),
@@ -1221,26 +1221,26 @@ const Co = (t) => {
     ],
     placement: n,
     open: Ue,
-    strategy: O,
+    strategy: X,
     onOpenChange: lt,
     whileElementsMounted: ma
-  }), qe = X_(K, {
+  }), qe = X_(V, {
     move: !1,
     restMs: N,
     delay: {
-      open: $t(h),
-      close: $t(E || L)
+      open: St(h),
+      close: St(y || G)
     },
     enabled: $,
-    handleClose: V ? null : J_()
-  }), Wa = j_(K), Va = ga(K, S), Ka = fa(K, { role: "tooltip" }), Ya = pa(K, k({
-    enabled: y
-  }, M)), { isMounted: qa, styles: Za } = kr(K, {
+    handleClose: Y ? null : J_()
+  }), Wa = j_(V), Va = ga(V, S), Ka = fa(V, { role: "tooltip" }), Ya = pa(V, k({
+    enabled: E
+  }, M)), { isMounted: qa, styles: Za } = kr(V, {
     duration: {
-      open: ft(b),
-      close: ft(f)
+      open: ht(f),
+      close: ht(b)
     }
-  }), { status: Xa } = Q_(K), { getReferenceProps: Ja, getFloatingProps: ja } = ba([
+  }), { status: Xa } = Q_(V), { getReferenceProps: Ja, getFloatingProps: ja } = ba([
     qe,
     Wa,
     Va,
@@ -1248,45 +1248,45 @@ const Co = (t) => {
     Ya
   ]);
   e.useEffect(() => {
-    g && A.setReference(g);
-  }, [A.setReference, g]);
+    g && P.setReference(g);
+  }, [P.setReference, g]);
   const Gt = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    I(k({
+    T(k({
       "data-testid": "tooltip-trigger",
-      ref: A.setReference
+      ref: P.setReference
     }, Ja()), {
       className: r
     }),
-    gt ? _() : _
-  ), /* @__PURE__ */ e.createElement(ha, { id: pt }, qa && /* @__PURE__ */ e.createElement(
+    bt ? _() : _
+  ), /* @__PURE__ */ e.createElement(ha, { id: ft }, qa && /* @__PURE__ */ e.createElement(
     "div",
-    I(k({
-      ref: A.setFloating,
-      style: k(k({}, Nt), Za),
-      className: Ct
+    T(k({
+      ref: P.setFloating,
+      style: k(k({}, xt), Za),
+      className: Nt
     }, ja()), {
       "data-status": Xa
     }),
-    /* @__PURE__ */ e.createElement(B, { as: "div", className: P[`${ya}__content`] }, t),
+    /* @__PURE__ */ e.createElement(B, { as: "div", className: A[`${ya}__content`] }, t),
     /* @__PURE__ */ e.createElement(
       eo,
       k({
         ref: Ke,
-        context: K,
+        context: V,
         strokeWidth: 1,
         width: 10,
         height: 5,
         style: k({}, wo(
-          T,
-          G,
+          I,
+          O,
           Ye,
           ue
         ))
       }, Co(Ne))
     )
   )));
-  return wt === null ? /* @__PURE__ */ e.createElement(Ha, null, Gt) : Gt;
+  return $t === null ? /* @__PURE__ */ e.createElement(Ha, null, Gt) : Gt;
 }, Kc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), Wt = "tooltip", Yc = ({
   className: t,
   header: a,
@@ -1299,17 +1299,17 @@ const Co = (t) => {
   {
     type: "button",
     "aria-label": "Close tooltip",
-    className: P[`${Wt}-close`],
+    className: A[`${Wt}-close`],
     onClick: l
   },
   /* @__PURE__ */ e.createElement(x, { source: Ie, kind: o ? u_(o) : "primary" })
 ), a && /* @__PURE__ */ e.createElement(
-  _e,
+  ne,
   {
     as: "div",
     size: "xs",
-    className: u(P[`${Wt}-header`], {
-      [P[`${Wt}-header--info`]]: _
+    className: u(A[`${Wt}-header`], {
+      [A[`${Wt}-header--info`]]: _
     })
   },
   a
@@ -1318,8 +1318,8 @@ const Co = (t) => {
   {
     as: "div",
     className: u({
-      [P[`${Wt}-text`]]: _,
-      [P[`${Wt}-text--info`]]: _
+      [A[`${Wt}-text`]]: _,
+      [A[`${Wt}-text--info`]]: _
     })
   },
   r
@@ -1334,33 +1334,33 @@ const Co = (t) => {
   secondaryButton: c
 }) => {
   const d = (s) => s === "invert" ? "secondary" : s === "important" ? "plain-lock-black" : "high-contrast", i = (s) => s === "invert" ? "link-inverted" : s === "important" ? "text-lock-black" : "text";
-  return /* @__PURE__ */ e.createElement("div", { className: P[`${Ze}__interactive`] }, _ && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: A[`${Ze}__interactive`] }, _ && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
       "aria-label": "Close tooltip",
-      className: P[`${Ze}-close`],
+      className: A[`${Ze}-close`],
       onClick: l
     },
     /* @__PURE__ */ e.createElement(x, { source: Ie, kind: o ? u_(o) : "primary" })
-  ), r && /* @__PURE__ */ e.createElement("div", { className: P[`${Ze}-image-container`] }, /* @__PURE__ */ e.createElement(
+  ), r && /* @__PURE__ */ e.createElement("div", { className: A[`${Ze}-image-container`] }, /* @__PURE__ */ e.createElement(
     "img",
     {
-      className: P[`${Ze}-image`],
+      className: A[`${Ze}-image`],
       src: r.src,
       alt: r.alt
     }
-  )), t && /* @__PURE__ */ e.createElement(_e, { as: "div", size: "xs", className: P[`${Ze}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: P[`${Ze}-text`] }, a), /* @__PURE__ */ e.createElement(
+  )), t && /* @__PURE__ */ e.createElement(ne, { as: "div", size: "xs", className: A[`${Ze}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: A[`${Ze}-text`] }, a), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
-        P[`${Ze}-footer`],
-        P[`${Ze}-footer--interactive`]
+        A[`${Ze}-footer`],
+        A[`${Ze}-footer--interactive`]
       )
     },
     /* @__PURE__ */ e.createElement(
       W,
-      I(k({}, n), {
+      T(k({}, n), {
         kind: n.kind || d(o),
         onClick: n.handleClick
       }),
@@ -1368,9 +1368,9 @@ const Co = (t) => {
     ),
     c && /* @__PURE__ */ e.createElement(
       W,
-      I(k({}, c), {
+      T(k({}, c), {
         className: u(
-          P[`${Ze}-footer-secondary`],
+          A[`${Ze}-footer-secondary`],
           c.className
         ),
         kind: c.kind || i(o),
@@ -1379,7 +1379,7 @@ const Co = (t) => {
       c.label
     )
   ));
-}, oe = "guide-tooltip", Bo = ({
+}, ce = "guide-tooltip", Bo = ({
   gap: t,
   isVisible: a,
   slide: r,
@@ -1418,9 +1418,9 @@ const Co = (t) => {
     "div",
     {
       className: u({
-        [P[`${oe}__overlay`]]: !0,
-        [P[`${oe}__overlay--visible`]]: a,
-        [P[`${oe}__overlay--slide`]]: r
+        [A[`${ce}__overlay`]]: !0,
+        [A[`${ce}__overlay--visible`]]: a,
+        [A[`${ce}__overlay--slide`]]: r
       }),
       style: o
     }
@@ -1428,9 +1428,9 @@ const Co = (t) => {
     "div",
     {
       className: u({
-        [P[`${oe}__overlay`]]: !0,
-        [P[`${oe}__overlay--visible`]]: a,
-        [P[`${oe}__overlay--slide`]]: r
+        [A[`${ce}__overlay`]]: !0,
+        [A[`${ce}__overlay--visible`]]: a,
+        [A[`${ce}__overlay--slide`]]: r
       }),
       style: n
     }
@@ -1438,9 +1438,9 @@ const Co = (t) => {
     "div",
     {
       className: u({
-        [P[`${oe}__overlay`]]: !0,
-        [P[`${oe}__overlay--visible`]]: a,
-        [P[`${oe}__overlay--slide`]]: r
+        [A[`${ce}__overlay`]]: !0,
+        [A[`${ce}__overlay--visible`]]: a,
+        [A[`${ce}__overlay--slide`]]: r
       }),
       style: l
     }
@@ -1448,9 +1448,9 @@ const Co = (t) => {
     "div",
     {
       className: u({
-        [P[`${oe}__overlay`]]: !0,
-        [P[`${oe}__overlay--visible`]]: a,
-        [P[`${oe}__overlay--slide`]]: r
+        [A[`${ce}__overlay`]]: !0,
+        [A[`${ce}__overlay--visible`]]: a,
+        [A[`${ce}__overlay--slide`]]: r
       }),
       style: c
     }
@@ -1458,9 +1458,9 @@ const Co = (t) => {
     "div",
     {
       className: u({
-        [P[`${oe}__overlay`]]: !0,
-        [P[`${oe}__overlay--visible`]]: a,
-        [P[`${oe}__overlay--slide`]]: r
+        [A[`${ce}__overlay`]]: !0,
+        [A[`${ce}__overlay--visible`]]: a,
+        [A[`${ce}__overlay--slide`]]: r
       }),
       style: d
     }
@@ -1538,15 +1538,15 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
     }
   ), /* @__PURE__ */ e.createElement(
     Lt,
-    I(k({}, t), {
+    T(k({}, t), {
       triggerRenderer: /* @__PURE__ */ e.createElement(e.Fragment, null),
       referenceElement: {
         getBoundingClientRect: () => c,
         contextElement: l
       },
       className: u({
-        [P[Mr]]: !0,
-        [P[`${Mr}--slide`]]: i,
+        [A[Mr]]: !0,
+        [A[`${Mr}--slide`]]: i,
         className: a
       })
     }),
@@ -1556,15 +1556,15 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
   title: t,
   description: a,
   children: r
-}) => /* @__PURE__ */ e.createElement("div", { className: P[Vt] }, /* @__PURE__ */ e.createElement("div", { className: P[`${Vt}__heading`] }, /* @__PURE__ */ e.createElement(B, { as: "div", className: P[`${Vt}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
+}) => /* @__PURE__ */ e.createElement("div", { className: A[Vt] }, /* @__PURE__ */ e.createElement("div", { className: A[`${Vt}__heading`] }, /* @__PURE__ */ e.createElement(B, { as: "div", className: A[`${Vt}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
   B,
   {
     as: "div",
     size: "xs",
-    className: P[`${Vt}__heading__description`]
+    className: A[`${Vt}__heading__description`]
   },
   a
-)), /* @__PURE__ */ e.createElement("div", { className: P[`${Vt}__content`] }, /* @__PURE__ */ e.createElement(B, { as: "div" }, r))), q = {
+)), /* @__PURE__ */ e.createElement("div", { className: A[`${Vt}__content`] }, /* @__PURE__ */ e.createElement(B, { as: "div" }, r))), q = {
   "action-bar": "lc-ActionBar-module__action-bar___TJitF",
   "action-bar__items": "lc-ActionBar-module__action-bar__items___uhoQA",
   "action-bar__items--scroll": "lc-ActionBar-module__action-bar__items--scroll___f--dN",
@@ -1590,14 +1590,14 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
   "action-bar__items--with-menu": "lc-ActionBar-module__action-bar__items--with-menu___F6phI",
   "action-bar__items__button": "lc-ActionBar-module__action-bar__items__button___Vdjl7",
   "action-bar__items__button--active": "lc-ActionBar-module__action-bar__items__button--active___PFLdm"
-}, m_ = "action-bar__items", St = `${m_}__button-wrapper`, To = ({
+}, m_ = "action-bar__items", Bt = `${m_}__button-wrapper`, To = ({
   option: t,
   isActive: a,
   vertical: r
 }) => {
-  const _ = u(q[St], {
-    [q[`${St}--active`]]: a,
-    [q[`${St}--vertical`]]: r
+  const _ = u(q[Bt], {
+    [q[`${Bt}--active`]]: a,
+    [q[`${Bt}--vertical`]]: r
   }), o = /* @__PURE__ */ e.createElement(
     W,
     {
@@ -1607,9 +1607,9 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
       kind: "plain",
       onClick: t.onClick,
       icon: t.element,
-      className: u(q[`${St}__button`], {
-        [q[`${St}__button--with-vertical-divider`]]: r && t.withDivider,
-        [q[`${St}__button--with-divider`]]: !r && t.withDivider
+      className: u(q[`${Bt}__button`], {
+        [q[`${Bt}__button--with-vertical-divider`]]: r && t.withDivider,
+        [q[`${Bt}__button--with-divider`]]: !r && t.withDivider
       })
     }
   );
@@ -1648,16 +1648,16 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
 }) => {
   const [c, d] = e.useState(
     _.length
-  ), [i, s] = e.useState([]), [p, m] = e.useState(!1), b = r === "scroll", f = u(
+  ), [i, s] = e.useState([]), [p, m] = e.useState(!1), f = r === "scroll", b = u(
     q[wa],
     t,
     l && q[`${wa}--vertical`]
-  ), v = !b && i.length !== 0;
+  ), v = !f && i.length !== 0;
   e.useEffect(() => {
-    b || (_.length > c ? s(_.slice(c, _.length)) : s([]));
+    f || (_.length > c ? s(_.slice(c, _.length)) : s([]));
   }, [_, c]), e.useEffect(() => {
-    const y = !!window.ResizeObserver;
-    if (!b && y) {
+    const E = !!window.ResizeObserver;
+    if (!f && E) {
       const $ = new ResizeObserver((w) => {
         const { width: C, height: g } = w[0].contentRect, N = l ? g : C, S = i.length > 0 ? 60 : 0, M = Math.floor(
           (N - S) / Do
@@ -1666,9 +1666,9 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
       });
       return $.observe(document.querySelector(`#${a}`)), () => $.disconnect();
     }
-  }, [i, b, c]);
+  }, [i, f, c]);
   const h = e.useCallback(() => i.reduce(
-    (y, $) => {
+    (E, $) => {
       if (!$.hideInMenu) {
         const w = {
           key: $.key,
@@ -1676,24 +1676,24 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
           withDivider: $.withDivider,
           onClick: $.onClick
         };
-        y.push(w);
+        E.push(w);
       }
-      return y;
+      return E;
     },
     []
-  ), [i]), E = i.find((y) => y.key === o);
-  return /* @__PURE__ */ e.createElement("div", { id: a, className: f }, /* @__PURE__ */ e.createElement(
+  ), [i]), y = i.find((E) => E.key === o);
+  return /* @__PURE__ */ e.createElement("div", { id: a, className: b }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(q[`${wa}__items`], {
-        [q[`${wa}__items--scroll`]]: b
+        [q[`${wa}__items--scroll`]]: f
       })
     },
-    _.slice(0, c).map((y) => /* @__PURE__ */ e.createElement(
+    _.slice(0, c).map((E) => /* @__PURE__ */ e.createElement(
       To,
       {
-        option: y,
-        isActive: y.key === o,
+        option: E,
+        isActive: E.key === o,
         vertical: l
       }
     ))
@@ -1702,7 +1702,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
     {
       className: u(
         q[Xe],
-        E && q[`${Xe}--active`],
+        y && q[`${Xe}--active`],
         l && q[`${Xe}--vertical`]
       )
     },
@@ -1723,7 +1723,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
           {
             className: u(
               q[`${Xe}__button`],
-              E && q[`${Xe}__button--active`]
+              y && q[`${Xe}__button--active`]
             ),
             kind: "plain",
             icon: /* @__PURE__ */ e.createElement(
@@ -1739,27 +1739,27 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
             ),
             iconPosition: "right"
           },
-          E && /* @__PURE__ */ e.createElement(
+          y && /* @__PURE__ */ e.createElement(
             "div",
             {
               className: u(
                 q[`${Xe}__button__with-item`]
               )
             },
-            E.element
+            y.element
           )
         ),
         footer: n
       }
     )
   ));
-}, xt = {
+}, It = {
   "main-wrapper": "lc-ActionCard-module__main-wrapper___Mt65R",
   "action-card": "lc-ActionCard-module__action-card___lSEBY",
   "action-card__column": "lc-ActionCard-module__action-card__column___K7tyh",
   "action-card__column--first": "lc-ActionCard-module__action-card__column--first___9XE58",
   "action-card__column--second": "lc-ActionCard-module__action-card__column--second___X1UC-"
-}, bt = "action-card", jc = ({
+}, vt = "action-card", jc = ({
   className: t,
   children: a,
   secondColumn: r,
@@ -1767,12 +1767,12 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
   secondColumnClassName: o,
   onClick: l
 }) => {
-  const n = u(xt[bt], t), c = (i) => {
+  const n = u(It[vt], t), c = (i) => {
     i.currentTarget === document.activeElement && (l == null || l());
   }, d = (i) => {
     i.currentTarget === document.activeElement && (i.key === "Enter" || i.key === " " || i.key === "Spacebar" || i.key === "Space") && (i.preventDefault(), l == null || l());
   };
-  return /* @__PURE__ */ e.createElement("div", { className: xt["main-wrapper"] }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: It["main-wrapper"] }, /* @__PURE__ */ e.createElement(
     "div",
     {
       role: "button",
@@ -1785,10 +1785,10 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        "data-testid": `${bt}-first-column`,
+        "data-testid": `${vt}-first-column`,
         className: u(
-          xt[`${bt}__column`],
-          xt[`${bt}__column--first`],
+          It[`${vt}__column`],
+          It[`${vt}__column--first`],
           _
         )
       },
@@ -1797,19 +1797,19 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
     r && /* @__PURE__ */ e.createElement(
       "div",
       {
-        "data-testid": `${bt}-second-column`,
+        "data-testid": `${vt}-second-column`,
         className: u(
-          xt[`${bt}__column`],
-          xt[`${bt}__column--second`],
+          It[`${vt}__column`],
+          It[`${vt}__column--second`],
           o
         )
       },
       r
     )
   ));
-}, Ao = "lc-Alert-module__alert___HBTns", Po = "lc-Alert-module__alert__icon___8TaAH", Fo = "lc-Alert-module__alert__content___9nZdf", Ro = "lc-Alert-module__alert__content__wrapper___aLBkP", Mo = "lc-Alert-module__alert__content__wrapper__text___HDMbR", Lo = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", Oo = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", Se = {
-  alert: Ao,
-  alert__icon: Po,
+}, Po = "lc-Alert-module__alert___HBTns", Ao = "lc-Alert-module__alert__icon___8TaAH", Fo = "lc-Alert-module__alert__content___9nZdf", Ro = "lc-Alert-module__alert__content__wrapper___aLBkP", Mo = "lc-Alert-module__alert__content__wrapper__text___HDMbR", Lo = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", Oo = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", Se = {
+  alert: Po,
+  alert__icon: Ao,
   alert__content: Fo,
   alert__content__wrapper: Ro,
   alert__content__wrapper__text: Mo,
@@ -1865,13 +1865,13 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
     a
   );
   return e.useEffect(() => {
-    const b = () => i.current && i.current.offsetWidth <= 400 ? p("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? p("medium") : p("large"), f = n_(() => {
-      b();
+    const f = () => i.current && i.current.offsetWidth <= 400 ? p("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? p("medium") : p("large"), b = n_(() => {
+      f();
     }, 500);
-    return window.addEventListener("resize", f), b(), () => window.removeEventListener("resize", f);
+    return window.addEventListener("resize", b), f(), () => window.removeEventListener("resize", b);
   }), /* @__PURE__ */ e.createElement("div", k({ ref: i, className: m }, n), /* @__PURE__ */ e.createElement("div", { className: Se[`${xe}__content`] }, /* @__PURE__ */ e.createElement("div", { className: Se[`${xe}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
     x,
-    I(k({}, Go[o]), {
+    T(k({}, Go[o]), {
       size: "large",
       className: Se[`${xe}__icon`]
     })
@@ -1952,7 +1952,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
     topBarClassName: n,
     sideNavigationContainerClassName: c,
     contentClassName: d
-  } = t, i = u(Je[p_], r), { isSideNavigationVisible: s } = no(), p = e.useRef(null), { isOpen: m, isMounted: b } = $r({
+  } = t, i = u(Je[p_], r), { isSideNavigationVisible: s } = no(), p = e.useRef(null), { isOpen: m, isMounted: f } = $r({
     isVisible: s,
     elementRef: p
   });
@@ -1989,7 +1989,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
           }
         )
       },
-      b && o
+      f && o
     ),
     /* @__PURE__ */ e.createElement(
       "div",
@@ -2002,14 +2002,14 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
       a
     )
   )));
-}, ei = (t) => /* @__PURE__ */ e.createElement(co, null, /* @__PURE__ */ e.createElement(Uo, k({}, t))), Bt = {
+}, ei = (t) => /* @__PURE__ */ e.createElement(co, null, /* @__PURE__ */ e.createElement(Uo, k({}, t))), Tt = {
   "side-navigation": "lc-SideNavigation-module__side-navigation___97Smn",
   "side-navigation__header": "lc-SideNavigation-module__side-navigation__header___jKhiq",
   "side-navigation__header__title": "lc-SideNavigation-module__side-navigation__header__title___ZpMAv",
   "side-navigation__footer": "lc-SideNavigation-module__side-navigation__footer___-fWZ1",
   "side-navigation__nav-wrapper": "lc-SideNavigation-module__side-navigation__nav-wrapper___3yenW",
   "side-navigation__nav-wrapper--no-gaps": "lc-SideNavigation-module__side-navigation__nav-wrapper--no-gaps___MFRCx"
-}, It = "side-navigation", ti = ({
+}, Dt = "side-navigation", ti = ({
   children: t,
   className: a,
   title: r,
@@ -2018,24 +2018,24 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
   noGaps: l,
   rightNode: n
 }) => {
-  const c = _ || /* @__PURE__ */ e.createElement("div", { className: Bt[`${It}__header`] }, /* @__PURE__ */ e.createElement(_e, { size: "sm", className: Bt[`${It}__header__title`] }, r), n);
+  const c = _ || /* @__PURE__ */ e.createElement("div", { className: Tt[`${Dt}__header`] }, /* @__PURE__ */ e.createElement(ne, { size: "sm", className: Tt[`${Dt}__header__title`] }, r), n);
   return /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": "side-navigation",
-      className: u(Bt[It], a)
+      className: u(Tt[Dt], a)
     },
     c,
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: u(Bt[`${It}__nav-wrapper`], {
-          [Bt[`${It}__nav-wrapper--no-gaps`]]: l
+        className: u(Tt[`${Dt}__nav-wrapper`], {
+          [Tt[`${Dt}__nav-wrapper--no-gaps`]]: l
         })
       },
       t
     ),
-    o && /* @__PURE__ */ e.createElement("div", { className: Bt[`${It}__footer`] }, o)
+    o && /* @__PURE__ */ e.createElement("div", { className: Tt[`${Dt}__footer`] }, o)
   );
 };
 function Fa() {
@@ -2053,7 +2053,7 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
   "side-navigation-item__label--active": "lc-SideNavigationItem-module__side-navigation-item__label--active___lHzUo",
   "side-navigation-item__custom-label--active": "lc-SideNavigationItem-module__side-navigation-item__custom-label--active___js4w6"
 }, De = "side-navigation-item", Vo = (m) => {
-  var b = m, {
+  var f = m, {
     leftNode: t,
     shouldKeepIconSpace: a = !0,
     url: r,
@@ -2065,7 +2065,7 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
     isMainEntry: d,
     onItemHover: i,
     isIconHidden: s
-  } = b, p = D(b, [
+  } = f, p = D(f, [
     "leftNode",
     "shouldKeepIconSpace",
     "url",
@@ -2078,10 +2078,10 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
     "onItemHover",
     "isIconHidden"
   ]);
-  const f = typeof _ == "string", v = (E) => {
-    E.preventDefault(), n == null || n();
-  }, h = (E) => {
-    E.key === "Enter" && (E.preventDefault(), n == null || n());
+  const b = typeof _ == "string", v = (y) => {
+    y.preventDefault(), n == null || n();
+  }, h = (y) => {
+    y.key === "Enter" && (y.preventDefault(), n == null || n());
   };
   return /* @__PURE__ */ e.createElement(
     "li",
@@ -2115,7 +2115,7 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
         },
         t
       ),
-      f ? /* @__PURE__ */ e.createElement(
+      b ? /* @__PURE__ */ e.createElement(
         B,
         {
           bold: c || d,
@@ -2155,14 +2155,14 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
   shouldOpenOnInit: n = !1,
   shouldOpenOnActive: c = !1
 }) => {
-  const [d, i] = e.useState(!1), [s, p] = e.useState(0), m = e.useRef(!1), b = e.useRef(null), { isOpen: f, isMounted: v, setIsOpen: h } = $r({
+  const [d, i] = e.useState(!1), [s, p] = e.useState(0), m = e.useRef(!1), f = e.useRef(null), { isOpen: b, isMounted: v, setIsOpen: h } = $r({
     isVisible: !o || n,
-    elementRef: b
-  }), E = typeof a == "function" ? a(f) : a, y = typeof t == "function" ? t(f) : t, $ = () => h(!0), w = () => {
+    elementRef: f
+  }), y = typeof a == "function" ? a(b) : a, E = typeof t == "function" ? t(b) : t, $ = () => h(!0), w = () => {
     o && h((g) => !g);
   }, C = (g) => {
     const N = g == null ? void 0 : g.getElementsByTagName("li"), S = N != null && N.length ? [...N].some(
-      (L) => L.getAttribute("data-active") === "true"
+      (G) => G.getAttribute("data-active") === "true"
     ) : !1;
     i(S);
     const M = ((N == null ? void 0 : N.length) || 0) * Ko;
@@ -2177,16 +2177,16 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
         "div",
         {
           className: u(ct[`${it}__chevron`], {
-            [ct[`${it}__chevron--active`]]: f
+            [ct[`${it}__chevron--active`]]: b
           })
         },
         /* @__PURE__ */ e.createElement(x, { source: La, size: "small" })
       ),
-      label: /* @__PURE__ */ e.createElement(B, { className: ct[`${it}__label`], bold: !0 }, y),
+      label: /* @__PURE__ */ e.createElement(B, { className: ct[`${it}__label`], bold: !0 }, E),
       isMainEntry: !0,
       onClick: w,
       onItemHover: l,
-      rightNode: E
+      rightNode: y
     }
   ) : /* @__PURE__ */ e.createElement(
     B,
@@ -2195,18 +2195,18 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
       className: ct[`${it}__simple-label`],
       onMouseEnter: l || Fa
     },
-    y
+    E
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: b,
+      ref: f,
       className: u([
         ct[`${it}__list-wrapper`],
         {
-          [ct[`${it}__list-wrapper--expanded`]]: f
+          [ct[`${it}__list-wrapper--expanded`]]: b
         }
       ]),
-      style: { maxHeight: f ? s : 0 }
+      style: { maxHeight: b ? s : 0 }
     },
     v && /* @__PURE__ */ e.createElement(
       "ul",
@@ -2283,17 +2283,19 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
     dot: /* @__PURE__ */ e.createElement("span", { "data-testid": "badge-dot", className: Ca[`${$a}__dot`] })
   }[l];
   return /* @__PURE__ */ e.createElement("span", k({ className: i }, n), s);
-}, Pt = {
+}, pt = {
   "navigation-item": "lc-NavigationItem-module__navigation-item___uyE9V",
+  "navigation-item--disabled": "lc-NavigationItem-module__navigation-item--disabled___0oA-E",
   "navigation-item__badge": "lc-NavigationItem-module__navigation-item__badge___cn6xZ",
   "navigation-item__button": "lc-NavigationItem-module__navigation-item__button___vtqjz",
+  "navigation-item__button--disabled": "lc-NavigationItem-module__navigation-item__button--disabled___BRd-i",
   "navigation-item__button--active": "lc-NavigationItem-module__navigation-item__button--active___NiA3H",
   "navigation-item__button--opacity": "lc-NavigationItem-module__navigation-item__button--opacity___sgLDT"
-}, Ft = "navigation-item", Xo = (t, a) => typeof t == "number" ? /* @__PURE__ */ e.createElement(
+}, gt = "navigation-item", Xo = (t, a) => typeof t == "number" ? /* @__PURE__ */ e.createElement(
   Ra,
   {
     "data-testid": `${a}-badge-count`,
-    className: Pt[`${Ft}__badge`],
+    className: pt[`${gt}__badge`],
     size: "compact",
     count: t
   }
@@ -2301,7 +2303,7 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
   Ra,
   {
     "data-testid": `${a}-badge`,
-    className: Pt[`${Ft}__badge`],
+    className: pt[`${gt}__badge`],
     size: "compact",
     type: t
   }
@@ -2311,8 +2313,8 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
     label: a,
     icon: r,
     url: _,
-    disableTooltip: o,
-    disableOpacity: l,
+    disableOpacity: o,
+    disabled: l = !1,
     badge: n,
     isActive: c,
     onClick: d,
@@ -2322,42 +2324,62 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
     "label",
     "icon",
     "url",
-    "disableTooltip",
     "disableOpacity",
+    "disabled",
     "badge",
     "isActive",
     "onClick",
     "className"
   ]);
-  return /* @__PURE__ */ e.createElement("li", { key: t, className: u(Pt[Ft], i) }, /* @__PURE__ */ e.createElement(
-    Lt,
+  return /* @__PURE__ */ e.createElement(
+    "li",
     {
-      floatingStrategy: "fixed",
-      placement: "right",
-      kind: "invert",
-      isVisible: o ? !1 : void 0,
-      offsetMainAxis: 12,
-      hoverOnDelay: 400,
-      triggerRenderer: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-        "a",
-        k({
-          "aria-label": a,
-          className: u(
-            Pt[`${Ft}__button`],
-            {
-              [Pt[`${Ft}__button--active`]]: c,
-              [Pt[`${Ft}__button--opacity`]]: l
-            },
-            "lc-dark-theme"
-          ),
-          onClick: (b) => d(b, t),
-          href: _
-        }, s),
-        r
-      ), n && Xo(n, t))
+      key: t,
+      className: u(
+        pt[gt],
+        {
+          [pt[`${gt}--disabled`]]: l
+        },
+        i
+      )
     },
-    a
-  ));
+    /* @__PURE__ */ e.createElement(
+      Lt,
+      {
+        floatingStrategy: "fixed",
+        placement: "right",
+        kind: "invert",
+        isVisible: !a || l ? !1 : void 0,
+        offsetMainAxis: 12,
+        hoverOnDelay: 400,
+        useClickHookProps: { ignoreMouse: !0 },
+        useDismissHookProps: {
+          referencePress: !0,
+          referencePressEvent: "click"
+        },
+        triggerRenderer: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+          "a",
+          k({
+            tabIndex: l ? -1 : 0,
+            "aria-label": a,
+            className: u(
+              pt[`${gt}__button`],
+              {
+                [pt[`${gt}__button--active`]]: c,
+                [pt[`${gt}__button--opacity`]]: o,
+                [pt[`${gt}__button--disabled`]]: l
+              },
+              "lc-dark-theme"
+            ),
+            onClick: (f) => !l && d(f, t),
+            href: _
+          }, s),
+          r
+        ), n && Xo(n, t))
+      },
+      a
+    )
+  );
 }, Jo = "lc-Navigation-module__navigation___x9vC9", jo = {
   navigation: Jo
 }, Qo = "navigation", oi = (_) => {
@@ -2410,14 +2432,14 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
   const c = e.useRef(null), { isMounted: d, isOpen: i } = $r({
     isVisible: n,
     elementRef: c
-  }), s = window.matchMedia("(max-width: 768px)").matches, p = a === "warning" ? "link-inverted" : "text", m = a === "warning" ? "secondary" : "high-contrast", b = o || l ? /* @__PURE__ */ e.createElement("div", { className: Ve[`${st}__cta-wrapper`] }, o && /* @__PURE__ */ e.createElement(
+  }), s = window.matchMedia("(max-width: 768px)").matches, p = a === "warning" ? "link-inverted" : "text", m = a === "warning" ? "secondary" : "high-contrast", f = o || l ? /* @__PURE__ */ e.createElement("div", { className: Ve[`${st}__cta-wrapper`] }, o && /* @__PURE__ */ e.createElement(
     W,
     k({
       size: "compact",
       kind: s ? p : m
     }, o),
     o.label
-  ), l && /* @__PURE__ */ e.createElement(W, k({ size: "compact", kind: p }, l), l.label)) : null, f = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Ve[`${st}__children-wrapper`] }, _, b), r && /* @__PURE__ */ e.createElement(
+  ), l && /* @__PURE__ */ e.createElement(W, k({ size: "compact", kind: p }, l), l.label)) : null, b = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Ve[`${st}__children-wrapper`] }, _, f), r && /* @__PURE__ */ e.createElement(
     "button",
     k({
       className: Ve[`${st}__close-button`]
@@ -2451,7 +2473,7 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
           t
         )
       },
-      f
+      b
     )
   ));
 };
@@ -2534,7 +2556,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
   "avatar--xlarge": "lc-Avatar-module__avatar--xlarge___zwgeW",
   "avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___Ur0ul",
   "avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___Z-54U"
-}, re = "avatar", il = (p) => {
+}, _e = "avatar", il = (p) => {
   var m = p, {
     alt: t,
     className: a,
@@ -2558,60 +2580,60 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     "type",
     "withRim"
   ]);
-  const b = d === "image" && !l, [f, v] = e.useState(b), h = d === "image" && !!l && !f, E = d === "text", y = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, $ = rl(c, y), w = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), C = r || al(c), g = C ? _l(C) : void 0, N = E ? { backgroundColor: C } : {}, S = u(k({
-    [Ee[re]]: !0,
-    [Ee[`${re}--${_}`]]: !0,
-    [Ee[`${re}--${o}`]]: !0,
-    [Ee[`${re}--with-rim`]]: i
+  const f = d === "image" && !l, [b, v] = e.useState(f), h = d === "image" && !!l && !b, y = d === "text", E = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, $ = rl(c, E), w = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), C = r || al(c), g = C ? _l(C) : void 0, N = y ? { backgroundColor: C } : {}, S = u(k({
+    [Ee[_e]]: !0,
+    [Ee[`${_e}--${_}`]]: !0,
+    [Ee[`${_e}--${o}`]]: !0,
+    [Ee[`${_e}--with-rim`]]: i
   }, a ? { [`${a}`]: a } : {})), M = u(
-    Ee[`${re}__status`],
-    Ee[`${re}__status--${_}`],
-    Ee[`${re}__status--${o}`],
-    ...n ? [Ee[`${re}__status--${n}`]] : []
-  ), L = u(
-    Ee[`${re}__icon`],
-    Ee[`${re}__icon--${o}`]
-  ), T = u(
-    Ee[`${re}__rim`],
-    Ee[`${re}__rim--${o}`]
-  ), G = (O) => w ? "2xs" : ["medium"].includes(O) ? "xs" : ["large", "xlarge"].includes(O) ? "sm" : ["xxlarge"].includes(O) ? "lg" : "xl", V = e.useCallback(() => v(!0), []);
+    Ee[`${_e}__status`],
+    Ee[`${_e}__status--${_}`],
+    Ee[`${_e}__status--${o}`],
+    ...n ? [Ee[`${_e}__status--${n}`]] : []
+  ), G = u(
+    Ee[`${_e}__icon`],
+    Ee[`${_e}__icon--${o}`]
+  ), I = u(
+    Ee[`${_e}__rim`],
+    Ee[`${_e}__rim--${o}`]
+  ), O = (X) => w ? "2xs" : ["medium"].includes(X) ? "xs" : ["large", "xlarge"].includes(X) ? "sm" : ["xxlarge"].includes(X) ? "lg" : "xl", Y = e.useCallback(() => v(!0), []);
   return e.useEffect(() => {
-    v(b);
-  }, [b]), /* @__PURE__ */ e.createElement("div", k({ className: S, style: N }, s), i && /* @__PURE__ */ e.createElement(
+    v(f);
+  }, [f]), /* @__PURE__ */ e.createElement("div", k({ className: S, style: N }, s), i && /* @__PURE__ */ e.createElement(
     "div",
     {
-      "data-testid": `${re}__rim`,
-      className: T
+      "data-testid": `${_e}__rim`,
+      className: I
     }
   ), n && /* @__PURE__ */ e.createElement(
     "div",
     {
-      "data-testid": `${re}__status`,
+      "data-testid": `${_e}__status`,
       className: M
     }
   ), h && /* @__PURE__ */ e.createElement(
     "img",
     {
-      className: Ee[`${re}__image`],
+      className: Ee[`${_e}__image`],
       src: l,
       alt: t,
-      onError: V
+      onError: Y
     }
-  ), E && /* @__PURE__ */ e.createElement(
-    _e,
+  ), y && /* @__PURE__ */ e.createElement(
+    ne,
     {
       as: "span",
-      size: G(o),
+      size: O(o),
       style: { color: g },
       bold: w,
       uppercase: w
     },
     $
-  ), f && /* @__PURE__ */ e.createElement(
+  ), b && /* @__PURE__ */ e.createElement(
     x,
     {
-      "data-testid": `${re}__icon`,
-      className: L,
+      "data-testid": `${_e}__icon`,
+      className: G,
       source: T_
     }
   ));
@@ -2635,26 +2657,26 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
   e.useEffect(() => {
     s && i(o);
   }, [o]);
-  const p = (b, f) => {
-    s || i(b), n(b, f);
-  }, m = a.map(({ id: b, label: f, loading: v, disabled: h, icon: E }) => {
-    const y = b === d, $ = y ? Na["btn--active"] : "", w = y ? !1 : v;
+  const p = (f, b) => {
+    s || i(f), n(f, b);
+  }, m = a.map(({ id: f, label: b, loading: v, disabled: h, icon: y }) => {
+    const E = f === d, $ = E ? Na["btn--active"] : "", w = E ? !1 : v;
     return /* @__PURE__ */ e.createElement(
       W,
       {
-        key: b,
+        key: f,
         fullWidth: l,
         loading: w,
         disabled: h,
-        "aria-pressed": y,
+        "aria-pressed": E,
         kind: "secondary",
-        icon: E,
+        icon: y,
         className: u(Na.btn, Na[`btn--${t}`], $),
         onClick: (C) => {
-          p(b, C);
+          p(f, C);
         }
       },
-      f
+      b
     );
   });
   return /* @__PURE__ */ e.createElement("div", { role: "group", className: c }, m);
@@ -2692,15 +2714,15 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     "src",
     "title"
   ]);
-  const [p, m] = e.useState(!1), b = p ? Oa : Ot, f = p ? "Hide" : "Show more", v = (a == null ? void 0 : a.length) > 0, h = !!l, E = v || h, y = c, $ = n, w = $ ? "" : ye[yl];
-  return /* @__PURE__ */ e.createElement("div", k({ className: u(ye[na], _) }, d), y && /* @__PURE__ */ e.createElement("div", { className: u(ye[Ma], w) }, $ && /* @__PURE__ */ e.createElement(
+  const [p, m] = e.useState(!1), f = p ? Oa : Ot, b = p ? "Hide" : "Show more", v = (a == null ? void 0 : a.length) > 0, h = !!l, y = v || h, E = c, $ = n, w = $ ? "" : ye[yl];
+  return /* @__PURE__ */ e.createElement("div", k({ className: u(ye[na], _) }, d), E && /* @__PURE__ */ e.createElement("div", { className: u(ye[Ma], w) }, $ && /* @__PURE__ */ e.createElement(
     "img",
     {
       alt: t,
       className: ye[`${Ma}__image`],
       src: n
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: ye[tr] }, /* @__PURE__ */ e.createElement(_e, { size: "xs", className: ye[`${tr}__title`] }, c), o && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: ye[tr] }, /* @__PURE__ */ e.createElement(ne, { size: "xs", className: ye[`${tr}__title`] }, c), o && /* @__PURE__ */ e.createElement(
     B,
     {
       size: "sm",
@@ -2715,7 +2737,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
       className: ye[`${na}__expanded-content`]
     },
     l
-  ), E && /* @__PURE__ */ e.createElement("div", { className: ye[Sa] }, /* @__PURE__ */ e.createElement("div", { className: ye[`${Sa}__line`] }), /* @__PURE__ */ e.createElement("div", { className: ye[`${Sa}__buttons`] }, v && a.map(
+  ), y && /* @__PURE__ */ e.createElement("div", { className: ye[Sa] }, /* @__PURE__ */ e.createElement("div", { className: ye[`${Sa}__line`] }), /* @__PURE__ */ e.createElement("div", { className: ye[`${Sa}__buttons`] }, v && a.map(
     ({ kind: C, onClick: g, children: N }, S) => /* @__PURE__ */ e.createElement(
       W,
       {
@@ -2732,10 +2754,10 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
       className: ye[`${Sa}__buttons-expander`],
       kind: "link",
       iconPosition: "right",
-      icon: /* @__PURE__ */ e.createElement(x, { source: b }),
+      icon: /* @__PURE__ */ e.createElement(x, { source: f }),
       onClick: () => m(!p)
     },
-    f
+    b
   ))));
 }, wl = {
   "field-description": "lc-FieldDescription-module__field-description___IcRDH"
@@ -2748,8 +2770,8 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     "className"
   ]);
   const l = u(wl[Cl], a);
-  return /* @__PURE__ */ e.createElement(B, I(k({ as: "span", size: "sm" }, r), { className: l }), t);
-}, $l = "lc-Checkbox-module__checkbox___G7nTf", Nl = "lc-Checkbox-module__checkbox__label___-o01x", Sl = "lc-Checkbox-module__checkbox__text___P2SIq", xl = "lc-Checkbox-module__checkbox__input___YLbVF", Bl = "lc-Checkbox-module__checkbox__checkmark___16pfY", Il = "lc-Checkbox-module__checkbox__square___MHUyd", Tl = "lc-Checkbox-module__checkbox__helper___YSJ-n", ht = {
+  return /* @__PURE__ */ e.createElement(B, T(k({ as: "span", size: "sm" }, r), { className: l }), t);
+}, $l = "lc-Checkbox-module__checkbox___G7nTf", Nl = "lc-Checkbox-module__checkbox__label___-o01x", Sl = "lc-Checkbox-module__checkbox__text___P2SIq", xl = "lc-Checkbox-module__checkbox__input___YLbVF", Bl = "lc-Checkbox-module__checkbox__checkmark___16pfY", Il = "lc-Checkbox-module__checkbox__square___MHUyd", Tl = "lc-Checkbox-module__checkbox__helper___YSJ-n", kt = {
   checkbox: $l,
   checkbox__label: Nl,
   checkbox__text: Sl,
@@ -2759,28 +2781,28 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
   checkbox__square: Il,
   "checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
   checkbox__helper: Tl
-}, vt = "checkbox", Dl = e.forwardRef(
+}, Et = "checkbox", Dl = e.forwardRef(
   (c, n) => {
     var d = c, { checked: t, disabled: a, children: r, description: _, className: o } = d, l = D(d, ["checked", "disabled", "children", "description", "className"]);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: u(ht[vt], o, {
-          [ht[`${vt}--selected`]]: t,
-          [ht[`${vt}--disabled`]]: a
+        className: u(kt[Et], o, {
+          [kt[`${Et}--selected`]]: t,
+          [kt[`${Et}--disabled`]]: a
         })
       },
-      /* @__PURE__ */ e.createElement("label", { className: ht[`${vt}__label`] }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("label", { className: kt[`${Et}__label`] }, /* @__PURE__ */ e.createElement(
         "input",
-        I(k({}, l), {
+        T(k({}, l), {
           ref: n,
           checked: t,
           disabled: a,
-          className: ht[`${vt}__input`],
+          className: kt[`${Et}__input`],
           type: "checkbox"
         })
-      ), r && /* @__PURE__ */ e.createElement(B, { as: "div", size: "md", className: ht[`${vt}__text`] }, r)),
-      _ && /* @__PURE__ */ e.createElement(za, { className: ht[`${vt}__helper`] }, _)
+      ), r && /* @__PURE__ */ e.createElement(B, { as: "div", size: "md", className: kt[`${Et}__text`] }, r)),
+      _ && /* @__PURE__ */ e.createElement(za, { className: kt[`${Et}__helper`] }, _)
     );
   }
 ), F = {
@@ -2818,7 +2840,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
   "date-picker--range__select-input": "lc-DatePicker-module__date-picker--range__select-input___6pyj3",
   "date-picker--range__calendars-wrapper": "lc-DatePicker-module__date-picker--range__calendars-wrapper___8nWaW",
   "date-picker__navbar-buttons-wrapper": "lc-DatePicker-module__date-picker__navbar-buttons-wrapper___Hnksb"
-}, Hr = "date-picker", Al = (t) => {
+}, Hr = "date-picker", Pl = (t) => {
   const {
     onPreviousClick: a,
     onMonthChange: r,
@@ -2833,28 +2855,28 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     toMonth: p
   } = t, m = () => {
     typeof a == "function" && a();
-  }, b = () => {
-    typeof _ == "function" && _();
   }, f = () => {
+    typeof _ == "function" && _();
+  }, b = () => {
     if (!s) {
-      const y = Rt(i, 12);
-      return r(y);
+      const E = Rt(i, 12);
+      return r(E);
     }
-    const h = Math.abs(Ir(i, s)), E = Rt(
+    const h = Math.abs(Ir(i, s)), y = Rt(
       i,
       !Number.isNaN(h) && h > 12 ? 12 : h
     );
-    return r(E);
+    return r(y);
   }, v = () => {
     if (!p) {
-      const y = Tr(i, 12);
-      return r(y);
+      const E = Tr(i, 12);
+      return r(E);
     }
-    const h = Math.abs(Ir(p, i)), E = Tr(
+    const h = Math.abs(Ir(p, i)), y = Tr(
       i,
       !Number.isNaN(h) && h > 12 ? 12 : h
     );
-    return d === 2 && pr(E, p) ? r(Rt(E, 1)) : r(E);
+    return d === 2 && pr(y, p) ? r(Rt(y, 1)) : r(y);
   };
   return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement("div", { className: F[`${Hr}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
@@ -2864,7 +2886,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
         [c.navButtonPrev]: !0,
         [c.navButtonInteractionDisabled]: !l
       }),
-      onClick: f
+      onClick: b
     },
     /* @__PURE__ */ e.createElement(x, { source: D_, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
@@ -2877,7 +2899,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
       }),
       onClick: m
     },
-    /* @__PURE__ */ e.createElement(x, { source: A_, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(x, { source: P_, kind: "subtle" })
   )), /* @__PURE__ */ e.createElement("div", { className: F[`${Hr}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -2886,7 +2908,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
         [c.navButtonNext]: !0,
         [c.navButtonInteractionDisabled]: !o
       }),
-      onClick: b
+      onClick: f
     },
     /* @__PURE__ */ e.createElement(x, { source: La, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
@@ -2899,12 +2921,12 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
       }),
       onClick: v
     },
-    /* @__PURE__ */ e.createElement(x, { source: P_, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(x, { source: A_, kind: "subtle" })
   )));
 }, R = "date-picker", f_ = (t, a) => {
   const { from: r, to: _ } = a;
   return !(_ && !gr(t, _) && fr(t, _) || r && !gr(t, r) && !fr(t, r));
-}, b_ = (t, a, r) => a ? t && !pr(t, a) || r && pr(a, r) ? Rt(a, 1) : a : Rt(r || /* @__PURE__ */ new Date(), 1), Pl = (t, a) => {
+}, b_ = (t, a, r) => a ? t && !pr(t, a) || r && pr(a, r) ? Rt(a, 1) : a : Rt(r || /* @__PURE__ */ new Date(), 1), Al = (t, a) => {
   const r = {
     [F[`${R}__day--monday`]]: { daysOfWeek: [1] },
     [F[`${R}__day--sunday`]]: { daysOfWeek: [0] },
@@ -2914,9 +2936,9 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
   if (!a || !t)
     return r;
   const _ = wr(a, t);
-  return _ > 0 ? I(k({}, r), {
+  return _ > 0 ? T(k({}, r), {
     [F[`${R}__day--end`]]: a
-  }) : _ < 0 ? I(k({}, r), {
+  }) : _ < 0 ? T(k({}, r), {
     [F[`${R}__day--start`]]: a
   }) : r;
 }, oa = (t, a) => {
@@ -2970,7 +2992,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
   const a = t.getDate();
   return /* @__PURE__ */ e.createElement("div", { className: F[`${Wr}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: F[`${Wr}__day-content`] }, a));
 }, Ll = (t) => {
-  const E = t, {
+  const y = t, {
     classNames: a,
     range: r,
     toMonth: _,
@@ -2981,7 +3003,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     navbarElement: d,
     renderDay: i,
     innerRef: s
-  } = E, p = D(E, [
+  } = y, p = D(y, [
     "classNames",
     "range",
     "toMonth",
@@ -2992,19 +3014,19 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     "navbarElement",
     "renderDay",
     "innerRef"
-  ]), [m, b] = e.useState(o || /* @__PURE__ */ new Date());
+  ]), [m, f] = e.useState(o || /* @__PURE__ */ new Date());
   e.useEffect(() => {
-    o && o !== m && b(o);
+    o && o !== m && f(o);
   }, [o, m]), e.useEffect(() => {
-    _ && o !== m && (f_(m, { from: l, to: _ }) || b(_));
+    _ && o !== m && (f_(m, { from: l, to: _ }) || f(_));
   }, [o, m, _, l]);
-  const f = e.useCallback(
-    (y) => {
-      if (t.onMonthChange && y) {
-        t.onMonthChange(y);
+  const b = e.useCallback(
+    (E) => {
+      if (t.onMonthChange && E) {
+        t.onMonthChange(E);
         return;
       }
-      b(y);
+      f(E);
     },
     [o, t.onMonthChange]
   );
@@ -3018,12 +3040,12 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     _o,
     k({
       navbarElement: d || /* @__PURE__ */ e.createElement(
-        Al,
+        Pl,
         {
           month: m,
           classNames: h,
           numberOfMonths: c,
-          onMonthChange: f,
+          onMonthChange: b,
           toMonth: _,
           fromMonth: l
         }
@@ -3066,36 +3088,36 @@ const Gl = (t) => {
           currentMonth: a
         };
       case Z.NEW_TEMPORARY_TO_VALUE:
-        return I(k({}, l), {
+        return T(k({}, l), {
           temporaryTo: n.payload.date
         });
       case Z.SELECT_FIRST_DAY:
-        return I(k({}, l), {
+        return T(k({}, l), {
           from: n.payload.date,
           to: void 0,
           temporaryTo: void 0
         });
       case Z.SELECT_SECOND_DAY_AS_FROM:
-        return I(k({}, l), {
+        return T(k({}, l), {
           from: n.payload.date,
           to: l.from,
           temporaryTo: l.from
         });
       case Z.SELECT_SECOND_DAY_AS_TO:
-        return I(k({}, l), {
+        return T(k({}, l), {
           to: n.payload.date,
           temporaryTo: n.payload.date
         });
       case Z.CURRENT_MONTH_CHANGE:
-        return I(k({}, l), {
+        return T(k({}, l), {
           currentMonth: n.payload.date
         });
       case Z.SET_FROM:
-        return I(k({}, l), {
+        return T(k({}, l), {
           from: n.payload.date
         });
       case Z.SET_TO:
-        return I(k({}, l), {
+        return T(k({}, l), {
           to: n.payload.date
         });
       default:
@@ -3123,17 +3145,17 @@ const Gl = (t) => {
     onChange: l,
     children: n
   });
-  At(() => {
+  Ft(() => {
     i({
       type: Z.SET_FROM,
       payload: { date: r }
     });
-  }, [r]), At(() => {
+  }, [r]), Ft(() => {
     i({
       type: Z.SET_TO,
       payload: { date: _ }
     });
-  }, [_]), At(() => {
+  }, [_]), Ft(() => {
     const v = b_(
       r,
       _,
@@ -3143,18 +3165,18 @@ const Gl = (t) => {
       type: Z.CURRENT_MONTH_CHANGE,
       payload: { date: v }
     });
-  }, [o, r, _]), At(() => {
-    const { from: v, selectedItem: h, to: E } = d;
-    if (!(v && E))
+  }, [o, r, _]), Ft(() => {
+    const { from: v, selectedItem: h, to: y } = d;
+    if (!(v && y))
       return;
-    const y = oa(h, t);
-    y && (l == null || l(I(k({}, y), {
+    const E = oa(h, t);
+    E && (l == null || l(T(k({}, E), {
       value: {
         from: v,
-        to: E
+        to: y
       }
     })));
-  }, [d.from, d.to, d.selectedItem, t, l]), At(() => {
+  }, [d.from, d.to, d.selectedItem, t, l]), Ft(() => {
     const { selectedItem: v } = d;
     if (v === c.current)
       return;
@@ -3164,11 +3186,11 @@ const Gl = (t) => {
     }
     if (!oa(v, t))
       return;
-    const E = t.reduce(
-      (y, $) => I(k({}, y), { [$.id]: $ }),
+    const y = t.reduce(
+      (E, $) => T(k({}, E), { [$.id]: $ }),
       {}
     );
-    l(E[v]);
+    l(y[v]);
   }, [l, d.selectedItem, t]);
   const s = ka(
     (v) => {
@@ -3181,8 +3203,8 @@ const Gl = (t) => {
     [o, d.from, d.to]
   ), p = ka(
     (v) => {
-      const { from: h, to: E } = d;
-      f_(v, { to: o }) && (zr(h, E) ? i({
+      const { from: h, to: y } = d;
+      f_(v, { to: o }) && (zr(h, y) ? i({
         type: Z.SELECT_FIRST_DAY,
         payload: { date: v }
       }) : h && gr(v, h) || h && fr(v, h) ? i({
@@ -3209,21 +3231,21 @@ const Gl = (t) => {
       });
     },
     [t]
-  ), b = ka((v) => {
+  ), f = ka((v) => {
     i({
       type: Z.CURRENT_MONTH_CHANGE,
       payload: { date: v }
     });
   }, []);
   return n((() => {
-    const { currentMonth: v, from: h, selectedItem: E, temporaryTo: y, to: $ } = d, w = Ea(
-      () => Pl(h, y),
-      [h, y]
-    ), C = Ea(() => oa(E, t), [t, E]), g = Ea(() => [h, { from: h, to: y }], [h, y]), N = Ea(() => o ? { after: o } : void 0, [o]);
+    const { currentMonth: v, from: h, selectedItem: y, temporaryTo: E, to: $ } = d, w = Ea(
+      () => Al(h, E),
+      [h, E]
+    ), C = Ea(() => oa(y, t), [t, y]), g = Ea(() => [h, { from: h, to: E }], [h, E]), N = Ea(() => o ? { after: o } : void 0, [o]);
     return {
       select: {
         onItemSelect: m,
-        selected: E || ""
+        selected: y || ""
       },
       inputs: {
         fromDate: h,
@@ -3240,7 +3262,7 @@ const Gl = (t) => {
         toMonth: o,
         disabledDays: N,
         onDayMouseEnter: s,
-        onMonthChange: b
+        onMonthChange: f
       },
       selectedOption: C
     };
@@ -3264,7 +3286,7 @@ const ci = (t) => {
     a,
     F["date-picker--range__calendars-wrapper"]
   );
-  return /* @__PURE__ */ e.createElement("div", I(k({}, _), { className: o }), r);
+  return /* @__PURE__ */ e.createElement("div", T(k({}, _), { className: o }), r);
 }, H = {
   "details-card": "lc-DetailsCard-module__details-card___cVoS7",
   "details-card__button--fading": "lc-DetailsCard-module__details-card__button--fading___tQA02",
@@ -3298,11 +3320,11 @@ const ci = (t) => {
   hideLabelOnOpen: d,
   onClick: i
 }) => {
-  const [s, p] = e.useState(c), [m, b] = e.useState(0), f = e.useRef(null), v = u(
+  const [s, p] = e.useState(c), [m, f] = e.useState(0), b = e.useRef(null), v = u(
     H[z],
     l && H[`${z}--with-divider`],
     a
-  ), h = d && s, E = typeof o == "string", y = (w) => {
+  ), h = d && s, y = typeof o == "string", E = (w) => {
     p((C) => !C), w.currentTarget.blur(), i == null || i(w);
   }, $ = (w) => {
     const g = w.target.tagName.toLowerCase();
@@ -3310,13 +3332,13 @@ const ci = (t) => {
   };
   return e.useEffect(() => {
     const w = !!window.IntersectionObserver;
-    if (f.current && w) {
+    if (b.current && w) {
       const C = new ResizeObserver(() => {
-        f.current && m !== f.current.offsetHeight && b(f.current.offsetHeight);
+        b.current && m !== b.current.offsetHeight && f(b.current.offsetHeight);
       });
-      return C.observe(f.current), () => C.disconnect();
+      return C.observe(b.current), () => C.disconnect();
     }
-  }, [f]), /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement(
+  }, [b]), /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
@@ -3339,8 +3361,8 @@ const ci = (t) => {
         )
       },
       r && /* @__PURE__ */ e.createElement("div", { className: H[`${z}__label__left-node`] }, r),
-      E ? /* @__PURE__ */ e.createElement(
-        _e,
+      y ? /* @__PURE__ */ e.createElement(
+        ne,
         {
           size: "xs",
           className: H[`${z}__label__content`]
@@ -3369,7 +3391,7 @@ const ci = (t) => {
         s && H[`${z}__button--open`],
         d && H[`${z}__button--fading`]
       ),
-      onClick: y,
+      onClick: E,
       "aria-expanded": s
     }
   ), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
@@ -3386,7 +3408,7 @@ const ci = (t) => {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        ref: f,
+        ref: b,
         className: u(
           H[`${z}__content`],
           n && H[`${z}__content--full-space`],
@@ -3415,7 +3437,7 @@ const ci = (t) => {
     "className"
   ]);
   const l = u(Vr[Kr], a);
-  return /* @__PURE__ */ e.createElement(B, I(k({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(B, T(k({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
     x,
     {
       source: ca,
@@ -3447,7 +3469,7 @@ const ci = (t) => {
     [_r[`${or}--inline`]]: o,
     [_r[`${or}--stretched`]]: l
   });
-  return /* @__PURE__ */ e.createElement("div", I(k({}, n), { className: i }), a, _ && /* @__PURE__ */ e.createElement(Sr, null, _), r && /* @__PURE__ */ e.createElement(za, null, r));
+  return /* @__PURE__ */ e.createElement("div", T(k({}, n), { className: i }), a, _ && /* @__PURE__ */ e.createElement(Sr, null, _), r && /* @__PURE__ */ e.createElement(za, null, r));
 }, zl = "lc-Form-module__form___1nOYF", Wl = "lc-Form-module__form__header___U4B7t", Vl = "lc-Form-module__form__footer___1-sUX", Kl = "lc-Form-module__form__label___spg-J", Yl = "lc-Form-module__form__helper___bhfwS", Kt = {
   form: zl,
   form__header: Wl,
@@ -3468,8 +3490,8 @@ const ci = (t) => {
     "helperText",
     "formFooter"
   ]);
-  return /* @__PURE__ */ e.createElement("form", k({ className: u(Kt[Yt], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: Kt[`${Yt}__header`] }, r && /* @__PURE__ */ e.createElement(_e, { size: "sm", className: Kt[`${Yt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(B, { as: "p", size: "sm", className: Kt[`${Yt}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: Kt[`${Yt}__footer`] }, o));
-}, X = {
+  return /* @__PURE__ */ e.createElement("form", k({ className: u(Kt[Yt], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: Kt[`${Yt}__header`] }, r && /* @__PURE__ */ e.createElement(ne, { size: "sm", className: Kt[`${Yt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(B, { as: "p", size: "sm", className: Kt[`${Yt}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: Kt[`${Yt}__footer`] }, o));
+}, J = {
   "form-field": "lc-FormField-module__form-field___JqnX6",
   "form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
   "form-field__wrapper--inline": "lc-FormField-module__form-field__wrapper--inline___Ubvrn",
@@ -3486,7 +3508,7 @@ const ci = (t) => {
   "form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
   "form-field__content": "lc-FormField-module__form-field__content___XaOx3",
   "form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
-}, J = "form-field", mi = ({
+}, j = "form-field", mi = ({
   inline: t,
   error: a,
   description: r,
@@ -3498,49 +3520,49 @@ const ci = (t) => {
   labelRightNode: d
 }) => {
   const i = e.useRef(null), [s, p] = e.useState("auto"), m = u(
-    X[J],
+    J[j],
     {
-      [X[`${J}--inline`]]: t
+      [J[`${j}--inline`]]: t
     },
     l
   );
   return e.useEffect(() => {
-    const b = i;
-    return t && b.current ? p(`${b.current.clientHeight}px`) : p("auto");
+    const f = i;
+    return t && f.current ? p(`${f.current.clientHeight}px`) : p("auto");
   }), /* @__PURE__ */ e.createElement("div", { className: m }, d && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     B,
     {
       as: "div",
       size: "sm",
       className: u(
-        X[`${J}__label-right-node`],
-        X[`${J}__label-right-node--inline`]
+        J[`${j}__label-right-node`],
+        J[`${j}__label-right-node--inline`]
       )
     },
     d
-  ), /* @__PURE__ */ e.createElement("div", { className: X[`${J}__row-break`] })), /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: J[`${j}__row-break`] })), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
-        X[`${J}__wrapper`],
-        t && X[`${J}__wrapper--inline`]
+        J[`${j}__wrapper`],
+        t && J[`${j}__wrapper--inline`]
       )
     },
     (_ || d) && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: u(
-          X[`${J}__label`],
-          t && X[`${J}__label--inline`],
-          !_ && X[`${J}__label--no-text`]
+          J[`${j}__label`],
+          t && J[`${j}__label--inline`],
+          !_ && J[`${j}__label--no-text`]
         )
       },
       _ && /* @__PURE__ */ e.createElement(
         "div",
         {
           className: u(
-            X[`${J}__label-wrapper`],
-            t && X[`${J}__label-wrapper--inline`]
+            J[`${j}__label-wrapper`],
+            t && J[`${j}__label-wrapper--inline`]
           ),
           style: {
             height: s
@@ -3549,7 +3571,7 @@ const ci = (t) => {
         /* @__PURE__ */ e.createElement(
           "label",
           {
-            className: X[`${J}__label-left-node`],
+            className: J[`${j}__label-left-node`],
             htmlFor: n
           },
           /* @__PURE__ */ e.createElement(B, { as: "span", size: "sm" }, _)
@@ -3560,8 +3582,8 @@ const ci = (t) => {
             as: "div",
             size: "sm",
             className: u(
-              X[`${J}__label-adornment`],
-              t && X[`${J}__label-adornment--inline`]
+              J[`${j}__label-adornment`],
+              t && J[`${j}__label-adornment--inline`]
             )
           },
           o
@@ -3572,15 +3594,15 @@ const ci = (t) => {
         {
           as: "div",
           size: "sm",
-          className: u(X[`${J}__label-right-node`])
+          className: u(J[`${j}__label-right-node`])
         },
         d
       )
     ),
-    /* @__PURE__ */ e.createElement("div", { className: u(X[`${J}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, c), a && /* @__PURE__ */ e.createElement(Sr, null, a), !a && r && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: u(J[`${j}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, c), a && /* @__PURE__ */ e.createElement(Sr, null, a), !a && r && /* @__PURE__ */ e.createElement(
       za,
       {
-        className: u(X[`${J}__content__description`])
+        className: u(J[`${j}__content__description`])
       },
       r
     ))
@@ -3605,13 +3627,13 @@ const ci = (t) => {
   const c = u(xa[Ba], t);
   return /* @__PURE__ */ e.createElement(
     "div",
-    I(k(I(k({}, o), {
+    T(k(T(k({}, o), {
       role: "group"
     }), r && { "aria-label": r }), {
       className: c
     }),
     (r || _) && /* @__PURE__ */ e.createElement("div", { className: xa[`${Ba}__header`] }, r && /* @__PURE__ */ e.createElement(
-      _e,
+      ne,
       {
         as: "div",
         size: "sm",
@@ -3664,7 +3686,7 @@ const ci = (t) => {
     ]);
     const s = e.useRef(null);
     e.useImperativeHandle(c, () => s.current, []);
-    const [p, m] = e.useState(!1), [b, f] = e.useState(!1), { type: v, onFocus: h, onBlur: E } = n, y = u(
+    const [p, m] = e.useState(!1), [f, b] = e.useState(!1), { type: v, onFocus: h, onBlur: y } = n, E = u(
       o,
       Le[Oe],
       Le[`${Oe}--${t}`],
@@ -3675,7 +3697,7 @@ const ci = (t) => {
         [Le[`${Oe}--crop`]]: l,
         [Le[`${Oe}--read-only`]]: n.readOnly
       }
-    ), $ = r ? "var(--content-disabled)" : "var(--content-default)", w = b ? F_ : R_, C = _ && _.place === "left", g = _ && v !== "password" && _.place === "right", N = () => {
+    ), $ = r ? "var(--content-disabled)" : "var(--content-default)", w = f ? F_ : R_, C = _ && _.place === "left", g = _ && v !== "password" && _.place === "right", N = () => {
       var S;
       (S = s.current) == null || S.focus();
     };
@@ -3683,7 +3705,7 @@ const ci = (t) => {
       B,
       {
         as: "div",
-        className: y,
+        className: E,
         "aria-disabled": r,
         "tab-index": "0",
         onClick: N
@@ -3691,16 +3713,16 @@ const ci = (t) => {
       C && Yr(_, r),
       /* @__PURE__ */ e.createElement(
         "input",
-        I(k({}, n), {
+        T(k({}, n), {
           ref: s,
           onFocus: (S) => {
             m(!0), h == null || h(S);
           },
           onBlur: (S) => {
-            m(!1), E == null || E(S);
+            m(!1), y == null || y(S);
           },
           disabled: r,
-          type: v && !b ? v : "text"
+          type: v && !f ? v : "text"
         })
       ),
       g && Yr(_, r),
@@ -3711,7 +3733,7 @@ const ci = (t) => {
           kind: "text",
           size: "compact",
           icon: /* @__PURE__ */ e.createElement(x, { customColor: $, source: w }),
-          onClick: () => f((S) => !S),
+          onClick: () => b((S) => !S),
           className: Le[`${Oe}__visibility-button`]
         }
       )
@@ -3738,7 +3760,7 @@ const ci = (t) => {
       )
     }, r)
   );
-}, Xl = "lc-Modal-module__modal__body___M-jmN", Jl = "lc-Modal-module__modal__header___Fp5VE", jl = "lc-Modal-module__modal__heading___G9KVK", Ql = "lc-Modal-module__modal__footer___2LYdc", ie = {
+}, Xl = "lc-Modal-module__modal__body___M-jmN", Jl = "lc-Modal-module__modal__header___Fp5VE", jl = "lc-Modal-module__modal__heading___G9KVK", Ql = "lc-Modal-module__modal__footer___2LYdc", se = {
   "modal-base": "lc-Modal-module__modal-base___hbL1U",
   "fade-in": "lc-Modal-module__fade-in___gWlGs",
   "modal-base--full-space": "lc-Modal-module__modal-base--full-space___KcGFL",
@@ -3773,15 +3795,15 @@ const ci = (t) => {
     "isLabelled"
   ]);
   const s = u(
-    ie[qt],
+    se[qt],
     a,
-    l && ie[`${qt}--full-space`]
+    l && se[`${qt}--full-space`]
   );
   e.useEffect(() => {
     if (!_)
       return;
-    const m = (b) => {
-      b.key === se.esc && r();
+    const m = (f) => {
+      f.key === de.esc && r();
     };
     return document.addEventListener("keyup", m, !0), () => document.removeEventListener("keyup", m, !0);
   }, [_]);
@@ -3794,9 +3816,9 @@ const ci = (t) => {
       "data-testid": "lc-modal-overlay",
       onMouseDown: p,
       className: u(
-        ie[`${qt}__overlay`],
-        ie[`${qt}__overlay--visible`],
-        n && ie[`${qt}__overlay--labelled`]
+        se[`${qt}__overlay`],
+        se[`${qt}__overlay--visible`],
+        n && se[`${qt}__overlay--labelled`]
       )
     },
     /* @__PURE__ */ e.createElement(
@@ -3821,8 +3843,8 @@ const ci = (t) => {
     "aria-label": "Close modal",
     title: "Close modal",
     className: u(
-      ie["modal-base__close"],
-      t && ie["modal-base__close--label-type"]
+      se["modal-base__close"],
+      t && se["modal-base__close--label-type"]
     ),
     onClick: r,
     icon: /* @__PURE__ */ e.createElement(x, { source: Ie, size: "medium", customColor: a })
@@ -3847,8 +3869,8 @@ const ci = (t) => {
     "onClose",
     "contentClassName"
   ]);
-  const p = u(ie[dt], a), m = typeof t == "string", b = (f) => {
-    f.preventDefault(), f.stopPropagation(), n();
+  const p = u(se[dt], a), m = typeof t == "string", f = (b) => {
+    b.preventDefault(), b.stopPropagation(), n();
   };
   return /* @__PURE__ */ e.createElement(
     en,
@@ -3858,12 +3880,12 @@ const ci = (t) => {
       onClose: n,
       isLabelled: !!_
     }, d),
-    _ && /* @__PURE__ */ e.createElement("div", { className: ie[`${dt}__label-header`] }, /* @__PURE__ */ e.createElement(
-      _e,
+    _ && /* @__PURE__ */ e.createElement("div", { className: se[`${dt}__label-header`] }, /* @__PURE__ */ e.createElement(
+      ne,
       {
         size: "sm",
         as: "div",
-        className: ie[`${dt}__label-heading`]
+        className: se[`${dt}__label-heading`]
       },
       _
     ), /* @__PURE__ */ e.createElement(
@@ -3871,36 +3893,36 @@ const ci = (t) => {
       {
         labelType: !!_,
         customColor: "var(--color-white)",
-        onClick: b
+        onClick: f
       }
     )),
     !_ && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: u(ie[`${dt}__header`], {
-          [ie[`${dt}__header--without-heading`]]: !r
+        className: u(se[`${dt}__header`], {
+          [se[`${dt}__header--without-heading`]]: !r
         })
       },
       r && /* @__PURE__ */ e.createElement(
-        _e,
+        ne,
         {
           size: "sm",
           as: "div",
-          className: ie[`${dt}__heading`]
+          className: se[`${dt}__heading`]
         },
         r
       ),
-      /* @__PURE__ */ e.createElement(Xr, { onClick: b })
+      /* @__PURE__ */ e.createElement(Xr, { onClick: f })
     ),
     /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "modal-body",
-        className: u(ie[`${dt}__body`], c)
+        className: u(se[`${dt}__body`], c)
       },
       m ? /* @__PURE__ */ e.createElement(B, { as: "div" }, t) : t
     ),
-    l && /* @__PURE__ */ e.createElement("div", { className: ie[`${dt}__footer`] }, l)
+    l && /* @__PURE__ */ e.createElement("div", { className: se[`${dt}__footer`] }, l)
   );
 }, hi = ({
   children: t,
@@ -3939,7 +3961,7 @@ const ci = (t) => {
     k({
       className: Zt[`${Xt}__heading-left-node`]
     }, r)
-  ), /* @__PURE__ */ e.createElement("div", { className: Zt[`${Xt}__heading-body`] }, /* @__PURE__ */ e.createElement(_e, { as: "div", size: "sm" }, t), _ && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: Zt[`${Xt}__heading-body`] }, /* @__PURE__ */ e.createElement(ne, { as: "div", size: "sm" }, t), _ && /* @__PURE__ */ e.createElement(
     B,
     {
       as: "div",
@@ -3964,7 +3986,7 @@ const ci = (t) => {
 }) => {
   const c = u(Jt[jt], a);
   return /* @__PURE__ */ e.createElement("div", { className: c }, r && /* @__PURE__ */ e.createElement("div", { className: Jt[`${jt}__icon`] }, r), _ && /* @__PURE__ */ e.createElement(
-    _e,
+    ne,
     {
       className: u(Jt[`${jt}__heading`], l)
     },
@@ -3977,14 +3999,14 @@ const ci = (t) => {
     },
     t
   ), o && /* @__PURE__ */ e.createElement("div", { className: Jt[`${jt}__actions`] }, o));
-}, Tt = {
+}, Pt = {
   "numeric-input": "lc-NumericInput-module__numeric-input___j1esc",
   "numeric-input__increment": "lc-NumericInput-module__numeric-input__increment___i3Tys",
   "numeric-input__decrement": "lc-NumericInput-module__numeric-input__decrement___3qgn0",
   "numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
   "numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
   "numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
-}, Dt = "numeric-input", Ei = (s) => {
+}, At = "numeric-input", Ei = (s) => {
   var p = s, {
     className: t,
     error: a,
@@ -4006,29 +4028,29 @@ const ci = (t) => {
     "style",
     "onChange"
   ]);
-  const m = e.useRef(null), b = u(
-    Tt[Dt],
+  const m = e.useRef(null), f = u(
+    Pt[At],
     {
-      [Tt[`${Dt}--error`]]: a,
-      [Tt[`${Dt}--no-controls`]]: n,
-      [Tt[`${Dt}--disabled`]]: l
+      [Pt[`${At}--error`]]: a,
+      [Pt[`${At}--no-controls`]]: n,
+      [Pt[`${At}--disabled`]]: l
     },
     t
-  ), f = (g) => d(String(g)), v = (g) => _ !== void 0 && g > _ ? _ : o !== void 0 && g < o ? o : g, h = (g) => {
+  ), b = (g) => d(String(g)), v = (g) => _ !== void 0 && g > _ ? _ : o !== void 0 && g < o ? o : g, h = (g) => {
     const N = parseInt(r, 10) + g;
-    return f(v(N));
-  }, E = (g) => {
-    g.key === se.arrowDown && (g.preventDefault(), h(-1)), g.key === se.arrowUp && (g.preventDefault(), h(1));
-  }, y = (g, N) => N !== void 0 && parseInt(g, 10) === N, $ = (g) => {
+    return b(v(N));
+  }, y = (g) => {
+    g.key === de.arrowDown && (g.preventDefault(), h(-1)), g.key === de.arrowUp && (g.preventDefault(), h(1));
+  }, E = (g, N) => N !== void 0 && parseInt(g, 10) === N, $ = (g) => {
     g.preventDefault(), g.stopPropagation();
     const N = g.currentTarget.value.replace(
       /((?!([-]|([-]?\d+))).)/,
       ""
     );
     if (N === "" || N === "-")
-      return f(N);
+      return b(N);
     const S = parseInt(N, 10);
-    return f(v(S));
+    return b(v(S));
   }, w = () => {
     var g;
     return (g = m.current) == null || g.focus(), h(1);
@@ -4036,16 +4058,16 @@ const ci = (t) => {
     var g;
     return (g = m.current) == null || g.focus(), h(-1);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: b, style: c }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: f, style: c }, /* @__PURE__ */ e.createElement(
     "input",
-    I(k({
+    T(k({
       type: "text",
       ref: m
     }, i), {
       value: r,
       disabled: l,
       onChange: $,
-      onKeyDown: E,
+      onKeyDown: y,
       min: o,
       max: _
     })
@@ -4053,17 +4075,17 @@ const ci = (t) => {
     "button",
     {
       tabIndex: -1,
-      disabled: l || y(r, _),
+      disabled: l || E(r, _),
       onClick: w,
       "aria-label": "Increment value",
-      className: Tt[`${Dt}__increment`],
+      className: Pt[`${At}__increment`],
       type: "button"
     },
     /* @__PURE__ */ e.createElement(
       x,
       {
         source: Oa,
-        disabled: l || y(r, _),
+        disabled: l || E(r, _),
         kind: "primary"
       }
     )
@@ -4071,9 +4093,9 @@ const ci = (t) => {
     "button",
     {
       tabIndex: -1,
-      disabled: l || y(r, o),
+      disabled: l || E(r, o),
       "aria-label": "Decrement value",
-      className: Tt[`${Dt}__decrement`],
+      className: Pt[`${At}__decrement`],
       onClick: C,
       type: "button"
     },
@@ -4082,11 +4104,11 @@ const ci = (t) => {
       {
         source: Ot,
         kind: "primary",
-        disabled: l || y(r, o)
+        disabled: l || E(r, o)
       }
     )
   )));
-}, le = {
+}, oe = {
   "checklist-item": "lc-CheckListItem-module__checklist-item___t4CCN",
   "checklist-item--active": "lc-CheckListItem-module__checklist-item--active___mZ8df",
   "checklist-item__check-mark": "lc-CheckListItem-module__checklist-item__check-mark___sZkv4",
@@ -4102,93 +4124,104 @@ const ci = (t) => {
   "checklist-item__content__inner__description": "lc-CheckListItem-module__checklist-item__content__inner__description___FBp5h",
   "checklist-item__content__inner__cta": "lc-CheckListItem-module__checklist-item__content__inner__cta___4s0rt",
   "checklist-item__chevron": "lc-CheckListItem-module__checklist-item__chevron___1Fmqp"
-}, ne = "checklist-item", tn = 3, an = ({
+}, le = "checklist-item", tn = 3, an = ({
   id: t,
   isActive: a,
   isChecked: r,
   isLastElement: _,
   title: o,
-  description: l,
-  onClick: n,
-  cta: c
+  titleHint: l,
+  description: n,
+  onClick: c,
+  cta: d
 }) => {
-  const d = e.useRef(null), i = e.useRef(null), [s, p] = e.useState(0), m = e.useRef(s);
+  const i = e.useRef(null), s = e.useRef(null), [p, m] = e.useState(0), f = e.useRef(p);
   return e.useEffect(() => {
-    a && d.current && d.current.focus();
+    a && i.current && i.current.focus();
   }, [a]), e.useEffect(() => {
     const b = !!window.ResizeObserver;
-    if (i.current && b) {
-      const f = new ResizeObserver((v) => {
-        const h = v[0];
-        if (!h)
+    if (s.current && b) {
+      const v = new ResizeObserver((h) => {
+        const y = h[0];
+        if (!y)
           return;
-        const E = h.contentRect.height + tn;
-        m.current !== E && (p(E), m.current = E);
+        const E = y.contentRect.height + tn;
+        f.current !== E && (m(E), f.current = E);
       });
-      return f.observe(i.current), () => f.disconnect();
+      return v.observe(s.current), () => v.disconnect();
     }
-  }, [i]), /* @__PURE__ */ e.createElement(
+  }, [s]), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: u(le[ne], {
-        [le[`${ne}--active`]]: a
+      className: u(oe[le], {
+        [oe[`${le}--active`]]: a
       })
     },
     /* @__PURE__ */ e.createElement(
       "span",
       {
-        className: u(le[`${ne}__check-mark`], {
-          [le[`${ne}__check-mark--checked`]]: r
+        className: u(oe[`${le}__check-mark`], {
+          [oe[`${le}__check-mark--checked`]]: r
         })
       },
       r && /* @__PURE__ */ e.createElement(x, { size: "small", source: ia }),
-      !_ && /* @__PURE__ */ e.createElement("span", { className: le[`${ne}__check-mark__line`] })
+      !_ && /* @__PURE__ */ e.createElement("span", { className: oe[`${le}__check-mark__line`] })
     ),
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        ref: d,
+        ref: i,
         "data-testid": `checklist-item-${t}`,
         "aria-expanded": a,
         tabIndex: 0,
-        onFocus: a ? void 0 : () => n(t),
-        onClick: a ? void 0 : () => n(t),
-        className: u(le[`${ne}__content`], {
-          [le[`${ne}__content--open`]]: a
+        onFocus: a ? void 0 : () => c(t),
+        onClick: a ? void 0 : () => c(t),
+        className: u(oe[`${le}__content`], {
+          [oe[`${le}__content--open`]]: a
         })
       },
       /* @__PURE__ */ e.createElement(
-        _e,
+        ne,
         {
           size: "xs",
-          className: u(le[`${ne}__content__label`], {
-            [le[`${ne}__content__label--open`]]: a,
-            [le[`${ne}__content__label--checked`]]: r
+          className: u(oe[`${le}__content__label`], {
+            [oe[`${le}__content__label--open`]]: a,
+            [oe[`${le}__content__label--checked`]]: r
           })
         },
-        o
+        o,
+        " ",
+        l && /* @__PURE__ */ e.createElement(
+          B,
+          {
+            noMargin: !0,
+            size: "lg",
+            className: oe[`${le}__content__hint`]
+          },
+          l
+        )
       ),
       /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: u(le[`${ne}__content__inner`], {
-            [le[`${ne}__content__inner--open`]]: a
+          className: u(oe[`${le}__content__inner`], {
+            [oe[`${le}__content__inner--open`]]: a
           }),
-          style: { maxHeight: a ? s : 0 }
+          style: { maxHeight: a ? p : 0 }
         },
-        /* @__PURE__ */ e.createElement("div", { ref: i }, /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("div", { ref: s }, /* @__PURE__ */ e.createElement(
           B,
           {
             size: "lg",
-            className: le[`${ne}__content__inner__description`]
+            className: oe[`${le}__content__inner__description`]
           },
-          l
-        ), /* @__PURE__ */ e.createElement("div", { className: le[`${ne}__content__inner__cta`] }, c))
+          n
+        ), /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__content__inner__cta`] }, d))
       ),
-      !a && /* @__PURE__ */ e.createElement("div", { className: le[`${ne}__chevron`] }, /* @__PURE__ */ e.createElement(x, { source: La }))
+      !a && /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__chevron`] }, /* @__PURE__ */ e.createElement(x, { source: La }))
     )
   );
-}, j = {
+}, Q = {
   "onboarding-checklist": "lc-OnboardingChecklist-module__onboarding-checklist___xwJSs",
   "onboarding-checklist--complete": "lc-OnboardingChecklist-module__onboarding-checklist--complete___7guKi",
   "onboarding-checklist__complete": "lc-OnboardingChecklist-module__onboarding-checklist__complete___MWabe",
@@ -4205,7 +4238,7 @@ const ci = (t) => {
   "onboarding-checklist__button": "lc-OnboardingChecklist-module__onboarding-checklist__button___Gnl9l",
   "onboarding-checklist__button__icon": "lc-OnboardingChecklist-module__onboarding-checklist__button__icon___oW59S",
   "onboarding-checklist__button__icon--open": "lc-OnboardingChecklist-module__onboarding-checklist__button__icon--open___HrIjs"
-}, Q = "onboarding-checklist", yi = ({
+}, ee = "onboarding-checklist", yi = ({
   activeItemId: t,
   completedItemsIds: a,
   title: r,
@@ -4218,8 +4251,8 @@ const ci = (t) => {
   className: i
 }) => {
   var $;
-  const [s, p] = e.useState(c), [m, b] = e.useState(!c), [f, v] = e.useState(void 0), h = e.useRef(null), E = d.height || 96, y = () => {
-    b((w) => !w);
+  const [s, p] = e.useState(c), [m, f] = e.useState(!c), [b, v] = e.useState(void 0), h = e.useRef(null), y = d.height || 96, E = () => {
+    f((w) => !w);
   };
   return e.useEffect(() => {
     const w = d.delay || 1500, C = h.current;
@@ -4227,7 +4260,7 @@ const ci = (t) => {
       const g = C.offsetHeight;
       v(g);
       const N = setTimeout(() => {
-        p(!0), b(!1);
+        p(!0), f(!1);
       }, w);
       return () => {
         clearTimeout(N);
@@ -4238,37 +4271,38 @@ const ci = (t) => {
     {
       ref: h,
       className: u(
-        j[Q],
+        Q[ee],
         {
-          [j[`${Q}--complete`]]: s && !m
+          [Q[`${ee}--complete`]]: s && !m
         },
         i
       ),
       style: {
-        height: !s || m ? f : E
+        height: !s || m ? b : y
       }
     },
-    m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: j[`${Q}__column`] }, /* @__PURE__ */ e.createElement("div", { className: j[`${Q}__header`] }, _ && /* @__PURE__ */ e.createElement(
+    m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__column`] }, /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__header`] }, _ && /* @__PURE__ */ e.createElement(
       B,
       {
         size: "lg",
-        className: j[`${Q}__header__label`]
+        className: Q[`${ee}__header__label`]
       },
       _
     ), /* @__PURE__ */ e.createElement(
-      _e,
+      ne,
       {
         size: "lg",
-        className: j[`${Q}__header__title`]
+        className: Q[`${ee}__header__title`]
       },
       r
-    )), /* @__PURE__ */ e.createElement("div", { className: j[`${Q}__checklist`] }, o.map((w, C) => /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__checklist`] }, o.map((w, C) => /* @__PURE__ */ e.createElement(
       an,
       {
         key: C,
         id: w.id,
         description: w.description,
         title: w.title,
+        titleHint: w.titleHint,
         isActive: w.id === t,
         isChecked: a.includes(w.id),
         isLastElement: C === o.length - 1,
@@ -4279,33 +4313,33 @@ const ci = (t) => {
       "div",
       {
         className: u(
-          j[`${Q}__column`],
-          j[`${Q}__column--right`],
+          Q[`${ee}__column`],
+          Q[`${ee}__column--right`],
           n
         )
       },
-      !c && /* @__PURE__ */ e.createElement("div", { className: j[`${Q}__placeholder`] }, ($ = o.find((w) => w.id === t)) == null ? void 0 : $.placeholder),
-      c && /* @__PURE__ */ e.createElement("div", { className: j[`${Q}__placeholder`] }, d.placeholder)
+      !c && /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__placeholder`] }, ($ = o.find((w) => w.id === t)) == null ? void 0 : $.placeholder),
+      c && /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__placeholder`] }, d.placeholder)
     )),
-    !m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: j[`${Q}__complete`] }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+    !m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__complete`] }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
       x,
       {
         size: "large",
-        className: j[`${Q}__complete__icon`],
+        className: Q[`${ee}__complete__icon`],
         source: vr
       }
     )), /* @__PURE__ */ e.createElement("div", null, (d == null ? void 0 : d.greetingText) && /* @__PURE__ */ e.createElement(
       B,
       {
         size: "lg",
-        className: j[`${Q}__complete__label`]
+        className: Q[`${ee}__complete__label`]
       },
       d.greetingText
     ), /* @__PURE__ */ e.createElement(
-      _e,
+      ne,
       {
         size: "sm",
-        className: j[`${Q}__complete__title`]
+        className: Q[`${ee}__complete__title`]
       },
       d.title
     )))),
@@ -4318,13 +4352,13 @@ const ci = (t) => {
           {
             source: Ot,
             className: u(
-              j[`${Q}__button__icon`],
-              m && j[`${Q}__button__icon--open`]
+              Q[`${ee}__button__icon`],
+              m && Q[`${ee}__button__icon--open`]
             )
           }
         ),
-        className: j[`${Q}__button`],
-        onClick: y,
+        className: Q[`${ee}__button`],
+        onClick: E,
         "aria-expanded": m
       }
     )
@@ -4359,7 +4393,7 @@ const Mt = "select-all", ln = (t, a) => {
   "picker-list__item__label": "lc-PickerListItem-module__picker-list__item__label___e0uwB",
   "picker-list__item__main-label": "lc-PickerListItem-module__picker-list__item__main-label___YfUhr",
   "picker-list__item__secondary-label": "lc-PickerListItem-module__picker-list__item__secondary-label___6xcMD"
-}, Ae = "picker-list__item", nn = ({
+}, Pe = "picker-list__item", nn = ({
   index: t,
   isActive: a,
   isSelected: r,
@@ -4369,37 +4403,37 @@ const Mt = "select-all", ln = (t, a) => {
   item: n,
   numberOfItems: c
 }) => {
-  const d = (s) => s != null && s.customElement ? /* @__PURE__ */ e.createElement("div", { className: fe[`${Ae}__custom`] }, s.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, s.showCheckbox && /* @__PURE__ */ e.createElement(
+  const d = (s) => s != null && s.customElement ? /* @__PURE__ */ e.createElement("div", { className: fe[`${Pe}__custom`] }, s.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, s.showCheckbox && /* @__PURE__ */ e.createElement(
     Dl,
     {
-      className: fe[`${Ae}__checkbox`],
+      className: fe[`${Pe}__checkbox`],
       checked: r
     }
   ), s.icon && /* @__PURE__ */ e.createElement(
     x,
     {
-      className: fe[`${Ae}__icon`],
+      className: fe[`${Pe}__icon`],
       kind: "link",
       source: s.icon
     }
   ), s.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
-      className: u(fe[`${Ae}__avatar`]),
+      className: u(fe[`${Pe}__avatar`]),
       src: s.avatarSrc,
       alt: s.name
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: fe[`${Ae}__label-container`] }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: fe[`${Pe}__label-container`] }, /* @__PURE__ */ e.createElement(
     B,
     {
       as: "span",
-      className: u([fe[`${Ae}__label`]], {
-        [fe[`${Ae}__main-label`]]: s.secondaryText
+      className: u([fe[`${Pe}__label`]], {
+        [fe[`${Pe}__main-label`]]: s.secondaryText
       }),
       "aria-disabled": s.disabled
     },
     s.name
-  ), s.secondaryText && /* @__PURE__ */ e.createElement("span", { className: fe[`${Ae}__secondary-label`] }, s.secondaryText)));
+  ), s.secondaryText && /* @__PURE__ */ e.createElement("span", { className: fe[`${Pe}__secondary-label`] }, s.secondaryText)));
   if (n.groupHeader)
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -4407,16 +4441,16 @@ const Mt = "select-all", ln = (t, a) => {
         id: `item-${t}`,
         key: n.key,
         role: "group",
-        className: fe[`${Ae}__header`]
+        className: fe[`${Pe}__header`]
       }, l()),
-      /* @__PURE__ */ e.createElement(_e, { size: "2xs", uppercase: !0, bold: !0, as: "div" }, n.name)
+      /* @__PURE__ */ e.createElement(ne, { size: "2xs", uppercase: !0, bold: !0, as: "div" }, n.name)
     );
   const i = (s) => {
     !n.disabled && o(s);
   };
   return /* @__PURE__ */ e.createElement(
     "div",
-    I(k({
+    T(k({
       id: n.key,
       key: n.key,
       tabIndex: a ? 0 : -1,
@@ -4440,8 +4474,8 @@ const Mt = "select-all", ln = (t, a) => {
         "aria-selected": r,
         "aria-disabled": n.disabled,
         "aria-current": a && !n.disabled,
-        className: u(fe[Ae], {
-          [fe[`${Ae}--select-all`]]: n.key === Mt
+        className: u(fe[Pe], {
+          [fe[`${Pe}--select-all`]]: n.key === Mt
         })
       },
       d(n),
@@ -4474,17 +4508,17 @@ const Mt = "select-all", ln = (t, a) => {
   getFloatingProps: s,
   getItemProps: p,
   emptyStateText: m = "No results found",
-  pickerType: b = "single",
-  listClassName: f,
+  pickerType: f = "single",
+  listClassName: b,
   virtuosoProps: v
 }) => {
-  const [h, E] = e.useState(0), y = o.length, $ = e.useCallback(
+  const [h, y] = e.useState(0), E = o.length, $ = e.useCallback(
     (C) => {
-      C !== h && (C < _ ? E(C + (y - 1) * rn) : E(_));
+      C !== h && (C < _ ? y(C + (E - 1) * rn) : y(_));
     },
-    [y]
+    [E]
   );
-  if (At(() => {
+  if (Ft(() => {
     c.current = new Array(o.length);
   }, [o.length]), o.length === 0)
     return /* @__PURE__ */ e.createElement(mr, { context: t, modal: !1, initialFocus: -1 }, /* @__PURE__ */ e.createElement(
@@ -4504,8 +4538,8 @@ const Mt = "select-all", ln = (t, a) => {
       "data-testid": "picker-list",
       ref: a,
       tabIndex: -1,
-      className: u(Qt.listbox, f),
-      style: I(k({}, r), {
+      className: u(Qt.listbox, b),
+      style: T(k({}, r), {
         maxHeight: _
       })
     },
@@ -4513,7 +4547,7 @@ const Mt = "select-all", ln = (t, a) => {
       "div",
       k({
         tabIndex: 0,
-        "aria-multiselectable": b === "multi",
+        "aria-multiselectable": f === "multi",
         className: Qt["listbox-wrapper"]
       }, s({
         onKeyDown(C) {
@@ -4528,7 +4562,7 @@ const Mt = "select-all", ln = (t, a) => {
       })),
       /* @__PURE__ */ e.createElement(
         lo,
-        I(k({
+        T(k({
           totalListHeightChanged: $,
           style: { height: `${h}px`, maxHeight: _ },
           totalCount: o.length,
@@ -4545,7 +4579,7 @@ const Mt = "select-all", ln = (t, a) => {
               isSelected: w(g.key),
               onSelect: i,
               item: g,
-              numberOfItems: y
+              numberOfItems: E
             }
           )
         })
@@ -4570,7 +4604,7 @@ const Mt = "select-all", ln = (t, a) => {
   "picker-trigger--disabled": "lc-PickerTrigger-module__picker-trigger--disabled___4MGb4",
   "picker-trigger--focused": "lc-PickerTrigger-module__picker-trigger--focused___vBA4d",
   "picker-trigger--error": "lc-PickerTrigger-module__picker-trigger--error___yu6Dt"
-}, ce = "picker-trigger", dn = ({
+}, ie = "picker-trigger", dn = ({
   setReference: t,
   getReferenceProps: a,
   testId: r,
@@ -4584,43 +4618,43 @@ const Mt = "select-all", ln = (t, a) => {
   isError: s,
   onClear: p,
   children: m,
-  setTriggerFocus: b
+  setTriggerFocus: f
 }) => {
-  const f = u(
-    be[ce],
-    be[`${ce}--${_}`],
-    o && be[`${ce}--multi-select`],
-    o && l && be[`${ce}--multi-select--with-items`],
-    c && be[`${ce}--disabled`],
-    i && be[`${ce}--focused`],
-    s && be[`${ce}--error`]
-  ), v = !n && l && !c && !d, h = (E) => {
-    E.stopPropagation(), p();
+  const b = u(
+    be[ie],
+    be[`${ie}--${_}`],
+    o && be[`${ie}--multi-select`],
+    o && l && be[`${ie}--multi-select--with-items`],
+    c && be[`${ie}--disabled`],
+    i && be[`${ie}--focused`],
+    s && be[`${ie}--error`]
+  ), v = !n && l && !c && !d, h = (y) => {
+    y.stopPropagation(), p();
   };
   return e.useEffect(() => {
-    i || b(!1);
+    i || f(!1);
   }, [i]), /* @__PURE__ */ e.createElement(
     "button",
-    I(k({
+    T(k({
       tabIndex: c ? -1 : 0,
       "aria-disabled": c,
       disabled: c,
-      className: f,
+      className: b,
       "data-testid": r,
       ref: t,
       type: "button"
     }, a()), {
-      onFocus: () => b(!0),
-      onBlur: () => b(!1)
+      onFocus: () => f(!0),
+      onBlur: () => f(!1)
     }),
     /* @__PURE__ */ e.createElement(
       B,
       {
         as: "div",
         className: u(
-          be[`${ce}__content`],
-          be[`${ce}__content--${_}`],
-          o && l && be[`${ce}__content--with-items`]
+          be[`${ie}__content`],
+          be[`${ie}__content--${_}`],
+          o && l && be[`${ie}__content--with-items`]
         )
       },
       m
@@ -4629,15 +4663,15 @@ const Mt = "select-all", ln = (t, a) => {
       "div",
       {
         className: u(
-          be[`${ce}__controls`],
-          be[`${ce}__controls--${_}`]
+          be[`${ie}__controls`],
+          be[`${ie}__controls--${_}`]
         )
       },
       v && /* @__PURE__ */ e.createElement(
         "div",
         {
-          "data-testid": `${ce}__clear-icon`,
-          className: be[`${ce}__clear-icon`],
+          "data-testid": `${ie}__clear-icon`,
+          className: be[`${ie}__clear-icon`],
           onClick: h
         },
         /* @__PURE__ */ e.createElement(x, { kind: "primary", size: "small", source: Ie })
@@ -4645,7 +4679,7 @@ const Mt = "select-all", ln = (t, a) => {
       /* @__PURE__ */ e.createElement(
         x,
         {
-          className: be[`${ce}__chevron-icon`],
+          className: be[`${ie}__chevron-icon`],
           source: i ? Oa : Ot,
           size: "medium",
           disabled: c
@@ -4702,8 +4736,8 @@ const Mt = "select-all", ln = (t, a) => {
     rightNode: s,
     customColor: p,
     iconOnly: m = !1,
-    value: b
-  } = h, f = D(h, [
+    value: f
+  } = h, b = D(h, [
     "className",
     "children",
     "dismissible",
@@ -4719,7 +4753,7 @@ const Mt = "select-all", ln = (t, a) => {
     "iconOnly",
     "value"
   ]);
-  const E = _ || c && m, y = u(
+  const y = _ || c && m, E = u(
     we[Ce],
     t,
     we[`${Ce}--${l}`],
@@ -4728,7 +4762,7 @@ const Mt = "select-all", ln = (t, a) => {
       [we[`${Ce}--outline`]]: d,
       [we[`${Ce}--${fn(p)}`]]: !!p,
       [we[`${Ce}--icon-only`]]: m,
-      [we[`${Ce}--dismissible-on-hover`]]: E
+      [we[`${Ce}--dismissible-on-hover`]]: y
     }
   ), $ = l === "small" ? "small" : "medium", w = l === "small" ? "sm" : "md", C = () => p ? d ? {
     style: {
@@ -4742,9 +4776,9 @@ const Mt = "select-all", ln = (t, a) => {
   };
   return /* @__PURE__ */ e.createElement(
     B,
-    I(k(k({
-      className: y
-    }, f), C()), {
+    T(k(k({
+      className: E
+    }, b), C()), {
       as: "div",
       size: w
     }),
@@ -4756,7 +4790,7 @@ const Mt = "select-all", ln = (t, a) => {
         style: { color: g() }
       },
       i
-    ), /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__content`] }, b || a), s && !m && /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__content`] }, f || a), s && !m && /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "lc-tag-right-node",
@@ -4774,7 +4808,7 @@ const Mt = "select-all", ln = (t, a) => {
         role: "button",
         "aria-label": "Remove tag",
         className: u(we[`${Ce}__remove`], {
-          [we[`${Ce}__remove--hover`]]: E
+          [we[`${Ce}__remove--hover`]]: y
         })
       },
       /* @__PURE__ */ e.createElement(
@@ -4820,19 +4854,19 @@ const Mt = "select-all", ln = (t, a) => {
   onFilter: s,
   onClear: p,
   searchPhrase: m,
-  virtualItemRef: b,
-  isTriggerFocused: f,
+  virtualItemRef: f,
+  isTriggerFocused: b,
   inputRef: v
 }) => {
   const h = t && !a;
   e.useEffect(() => {
     n && v != null && v.current && v.current.focus();
   }, [o, n]);
-  const E = (g) => {
+  const y = (g) => {
     g.key === "Backspace" && o && o.length > 0 && (g.preventDefault(), l === "multi" ? d(o[o.length - 1].key) : p()), g.key === "Delete" && (g.preventDefault(), p());
   };
-  e.useEffect(() => (!t && f ? document.addEventListener("keydown", E) : document.removeEventListener("keydown", E), () => document.removeEventListener("keydown", E)), [t, o, f]);
-  const y = (g) => l === "single" && t && !a ? null : g != null && g.customElement ? /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, g.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, g.icon && /* @__PURE__ */ e.createElement(
+  e.useEffect(() => (!t && b ? document.addEventListener("keydown", y) : document.removeEventListener("keydown", y), () => document.removeEventListener("keydown", y)), [t, o, b]);
+  const E = (g) => l === "single" && t && !a ? null : g != null && g.customElement ? /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, g.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, g.icon && /* @__PURE__ */ e.createElement(
     x,
     {
       source: g.icon,
@@ -4847,7 +4881,7 @@ const Mt = "select-all", ln = (t, a) => {
     }
   ), /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item__content`] }, g.name)), $ = (g) => s(g.target.value), w = (g) => {
     var N, S;
-    (N = b.current) != null && N.id && g.key === "Enter" && i((S = b.current) == null ? void 0 : S.id), l === "multi" && (g.key === "Backspace" || g.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
+    (N = f.current) != null && N.id && g.key === "Enter" && i((S = f.current) == null ? void 0 : S.id), l === "multi" && (g.key === "Backspace" || g.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
   }, C = () => /* @__PURE__ */ e.createElement(
     "input",
     {
@@ -4879,7 +4913,7 @@ const Mt = "select-all", ln = (t, a) => {
         [he[`${ve}--single`]]: l === "single"
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item-container`] }, l === "single" ? y(o[0]) : o.map((g) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item-container`] }, l === "single" ? E(o[0]) : o.map((g) => /* @__PURE__ */ e.createElement(
       h_,
       {
         key: g.key,
@@ -4892,7 +4926,7 @@ const Mt = "select-all", ln = (t, a) => {
           N.stopPropagation(), d(g.key);
         }
       },
-      y(g)
+      E(g)
     ))),
     h && C()
   );
@@ -4909,7 +4943,7 @@ const Mt = "select-all", ln = (t, a) => {
   onVisibilityChange: i,
   searchPhrase: s
 }) => {
-  const p = sa(), [m, b] = e.useState(!1), [f, v] = e.useState(null), [h, E] = e.useState(o), y = e.useRef([]), $ = e.useRef(null);
+  const p = sa(), [m, f] = e.useState(!1), [b, v] = e.useState(null), [h, y] = e.useState(o), E = e.useRef([]), $ = e.useRef(null);
   e.useEffect(() => {
     $.current = null, v(null);
   }, [s]);
@@ -4925,16 +4959,16 @@ const Mt = "select-all", ln = (t, a) => {
       Ua({ padding: 10 }),
       Er(),
       __({
-        apply({ availableHeight: U, rects: de, elements: $e }) {
+        apply({ availableHeight: L, rects: U, elements: $e }) {
           l_.flushSync(() => {
-            E(
+            y(
               Math.max(
-                Math.min(o, U),
+                Math.min(o, L),
                 _
               )
             );
           }), Object.assign($e.floating.style, {
-            width: `${de.reference.width}px`
+            width: `${U.reference.width}px`
           });
         },
         padding: hn
@@ -4944,36 +4978,36 @@ const Mt = "select-all", ln = (t, a) => {
     enabled: !t,
     keyboardHandlers: !1,
     toggle: !1
-  }, c)), M = fa(g, { role: "listbox" }), L = ga(g, n), T = ao(g, {
+  }, c)), M = fa(g, { role: "listbox" }), G = ga(g, n), I = ao(g, {
     enabled: a.length > 0 && !t,
-    listRef: y,
-    activeIndex: f,
+    listRef: E,
+    activeIndex: b,
     onNavigate: v,
     virtual: !0,
     virtualItemRef: $,
     disabledIndices: ln(
       a,
-      (U) => !!U.disabled || !!U.groupHeader
+      (L) => !!L.disabled || !!L.groupHeader
     )
-  }), { getReferenceProps: G, getFloatingProps: V, getItemProps: O } = ba(
-    [S, L, M, T]
+  }), { getReferenceProps: O, getFloatingProps: Y, getItemProps: X } = ba(
+    [S, G, M, I]
   );
-  return !d && m && b(!1), {
-    getReferenceProps: G,
-    getFloatingProps: V,
-    getItemProps: O,
+  return !d && m && f(!1), {
+    getReferenceProps: O,
+    getFloatingProps: Y,
+    getItemProps: X,
     setReference: w.setReference,
     floatingStyles: C,
     isPositioned: N,
     context: g,
     nodeId: p,
     setFloating: w.setFloating,
-    activeIndex: f,
-    listElementsRef: y,
+    activeIndex: b,
+    listElementsRef: E,
     virtualItemRef: $,
     maxHeight: h,
     pointer: m,
-    setPointer: b
+    setPointer: f
   };
 }, kn = ({
   selected: t,
@@ -4987,18 +5021,18 @@ const Mt = "select-all", ln = (t, a) => {
 }) => {
   const [d, i] = e.useState(
     () => (t == null ? void 0 : t.map(lr)) || []
-  ), s = t !== void 0, p = s ? (t == null ? void 0 : t.map(lr)) || [] : d, [m, b] = e.useState(""), f = (w) => b(w), v = (w) => $(w), h = () => {
-    !s && i([]), o(null), b(""), l(!1);
-  }, E = () => {
-    f(""), c.current && (c.current.value = "");
-  }, y = e.useMemo(() => {
+  ), s = t !== void 0, p = s ? (t == null ? void 0 : t.map(lr)) || [] : d, [m, f] = e.useState(""), b = (w) => f(w), v = (w) => $(w), h = () => {
+    !s && i([]), o(null), f(""), l(!1);
+  }, y = () => {
+    b(""), c.current && (c.current.value = "");
+  }, E = e.useMemo(() => {
     const w = r === "multi" && _;
     let C = a;
     return m && (C = C.filter((g) => {
-      var L;
+      var G;
       if (g.groupHeader)
         return !1;
-      const N = m.toLowerCase(), S = g.name.toLowerCase(), M = (L = g.secondaryText) == null ? void 0 : L.toLowerCase();
+      const N = m.toLowerCase(), S = g.name.toLowerCase(), M = (G = g.secondaryText) == null ? void 0 : G.toLowerCase();
       return S.includes(N) || (M == null ? void 0 : M.includes(N));
     })), w && C.length > 1 && (C = [
       {
@@ -5026,22 +5060,22 @@ const Mt = "select-all", ln = (t, a) => {
             const N = Jr(g, w);
             return o(a.filter(({ key: S }) => N.includes(S))), N;
           });
-        n && E();
+        n && y();
       }
   };
   return {
     selectedKeys: p,
-    items: y,
+    items: E,
     searchPhrase: m,
     handleSelect: $,
-    handleOnFilter: f,
+    handleOnFilter: b,
     handleItemRemove: v,
     handleClear: h
   };
 }, En = {
   "picker-wrapper": "lc-Picker-module__picker-wrapper___2EDne"
-}, wi = (V) => {
-  var O = V, {
+}, wi = (Y) => {
+  var X = Y, {
     id: t,
     className: a,
     listClassName: r,
@@ -5055,12 +5089,12 @@ const Mt = "select-all", ln = (t, a) => {
     placeholder: s = "Select option",
     isRequired: p,
     noSearchResultText: m = "No results found",
-    selectAllOptionText: b,
-    type: f = "single",
+    selectAllOptionText: f,
+    type: b = "single",
     searchDisabled: v = !1,
     hideClearButton: h,
-    isVisible: E,
-    onOpen: y,
+    isVisible: y,
+    onOpen: E,
     onClose: $,
     openedOnInit: w = !1,
     clearSearchAfterSelection: C = !0,
@@ -5068,9 +5102,9 @@ const Mt = "select-all", ln = (t, a) => {
     placement: N,
     floatingStrategy: S,
     useDismissHookProps: M,
-    useClickHookProps: L,
-    virtuosoProps: T
-  } = O, G = D(O, [
+    useClickHookProps: G,
+    virtuosoProps: I
+  } = X, O = D(X, [
     "id",
     "className",
     "listClassName",
@@ -5100,27 +5134,27 @@ const Mt = "select-all", ln = (t, a) => {
     "useClickHookProps",
     "virtuosoProps"
   ]);
-  const [U, de] = e.useState(w), [$e, Ke] = e.useState(!1), Ue = E !== void 0, Ne = Ue ? E : U, wt = e.useRef(null), pt = (Gt, me) => {
-    Gt ? !Ne && (y == null || y(me)) : Ne && ($ == null || $(me)), !Ue && de(Gt);
+  const [L, U] = e.useState(w), [$e, Ke] = e.useState(!1), Ue = y !== void 0, Ne = Ue ? y : L, $t = e.useRef(null), ft = (Gt, me) => {
+    Gt ? !Ne && (E == null || E(me)) : Ne && ($ == null || $(me)), !Ue && U(Gt);
   }, {
-    selectedKeys: Ct,
-    items: gt,
+    selectedKeys: Nt,
+    items: bt,
     searchPhrase: lt,
-    handleSelect: ft,
-    handleOnFilter: $t,
-    handleItemRemove: Nt,
-    handleClear: A
+    handleSelect: ht,
+    handleOnFilter: St,
+    handleItemRemove: xt,
+    handleClear: P
   } = kn({
     selected: d,
     options: c,
-    type: f,
-    selectAllOptionText: b,
+    type: b,
+    selectAllOptionText: f,
     onSelect: g,
-    setOpen: pt,
+    setOpen: ft,
     clearSearchAfterSelection: C,
-    inputRef: wt
+    inputRef: $t
   }), {
-    context: K,
+    context: V,
     nodeId: ue,
     getReferenceProps: Ye,
     setReference: qe,
@@ -5136,15 +5170,15 @@ const Mt = "select-all", ln = (t, a) => {
   } = vn({
     openedOnInit: w,
     disabled: l,
-    items: gt,
+    items: bt,
     placement: N,
     minListHeight: _,
     maxListHeight: o,
     floatingStrategy: S,
-    useClickHookProps: L,
+    useClickHookProps: G,
     useDismissHookProps: M,
     isOpen: Ne,
-    onVisibilityChange: pt,
+    onVisibilityChange: ft,
     searchPhrase: lt
   });
   return /* @__PURE__ */ e.createElement("div", { id: t, className: u(En["picker-wrapper"], a) }, /* @__PURE__ */ e.createElement(
@@ -5152,15 +5186,15 @@ const Mt = "select-all", ln = (t, a) => {
     {
       getReferenceProps: Ye,
       setReference: qe,
-      testId: G["data-testid"],
-      isItemSelected: Ct.length > 0,
+      testId: O["data-testid"],
+      isItemSelected: Nt.length > 0,
       isOpen: Ne,
-      onClear: A,
+      onClear: P,
       hideClearButton: h,
       isDisabled: l,
       isError: n,
       isRequired: p,
-      isMultiSelect: f === "multi",
+      isMultiSelect: b === "multi",
       size: i,
       setTriggerFocus: Ke
     },
@@ -5172,14 +5206,14 @@ const Mt = "select-all", ln = (t, a) => {
         isDisabled: l,
         placeholder: s,
         selectedItems: d,
-        type: f,
+        type: b,
         size: i,
         clearSearchAfterSelection: C,
-        inputRef: wt,
-        onItemRemove: Nt,
-        onSelect: ft,
-        onFilter: $t,
-        onClear: A,
+        inputRef: $t,
+        onItemRemove: xt,
+        onSelect: ht,
+        onFilter: St,
+        onClear: P,
         searchPhrase: lt,
         virtualItemRef: Za,
         isTriggerFocused: $e
@@ -5188,22 +5222,22 @@ const Mt = "select-all", ln = (t, a) => {
   ), /* @__PURE__ */ e.createElement(ha, { id: ue }, Ne && /* @__PURE__ */ e.createElement(o_, null, /* @__PURE__ */ e.createElement(
     sn,
     {
-      pickerType: f,
-      options: gt,
+      pickerType: b,
+      options: bt,
       listClassName: r,
-      context: K,
+      context: V,
       setFloating: Ka,
       floatingStyles: Ya,
       maxHeight: Ja,
       activeIndex: Xa,
-      selectedKeys: Ct,
+      selectedKeys: Nt,
       listElementsRef: qa,
       setPointer: ja,
-      onSelect: ft,
+      onSelect: ht,
       getFloatingProps: Wa,
       getItemProps: Va,
       emptyStateText: m,
-      virtuosoProps: T
+      virtuosoProps: I
     }
   ))));
 }, yn = "lc-Popover-module__popover___8X1b2", wn = {
@@ -5222,44 +5256,44 @@ const Mt = "select-all", ln = (t, a) => {
   openedOnInit: s,
   closeOnEsc: p = !0,
   useDismissHookProps: m,
-  useClickHookProps: b,
-  floatingStrategy: f
+  useClickHookProps: f,
+  floatingStrategy: b
 }) => {
-  const [v, h] = e.useState(s), E = Ga(), y = sa(), $ = i !== void 0, w = $ ? i : v, C = typeof _ == "string", g = typeof t == "function", N = (Ke, Ue) => {
+  const [v, h] = e.useState(s), y = Ga(), E = sa(), $ = i !== void 0, w = $ ? i : v, C = typeof _ == "string", g = typeof t == "function", N = (Ke, Ue) => {
     Ke ? r == null || r(Ue) : a == null || a(Ue), !$ && h(Ke);
-  }, { refs: S, context: M, floatingStyles: L } = da({
-    nodeId: y,
+  }, { refs: S, context: M, floatingStyles: G } = da({
+    nodeId: E,
     open: w,
     onOpenChange: N,
     middleware: [ua(d), Ua(c), Er()],
     placement: n,
-    strategy: f,
+    strategy: b,
     whileElementsMounted: ma
-  }), T = pa(M, b), G = ga(M, k({
+  }), I = pa(M, f), O = ga(M, k({
     escapeKey: p
-  }, m)), V = fa(M), { getReferenceProps: O, getFloatingProps: U } = ba([
-    T,
-    G,
-    V
-  ]), de = u(wn.popover, o), $e = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  }, m)), Y = fa(M), { getReferenceProps: X, getFloatingProps: L } = ba([
+    I,
+    O,
+    Y
+  ]), U = u(wn.popover, o), $e = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    I(k({
+    T(k({
       "data-testid": "popover-trigger-button",
       ref: S.setReference
-    }, O()), {
+    }, X()), {
       className: l
     }),
     g ? t() : t
-  ), /* @__PURE__ */ e.createElement(ha, { id: y }, w && /* @__PURE__ */ e.createElement(mr, { context: M, modal: !1 }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(ha, { id: E }, w && /* @__PURE__ */ e.createElement(mr, { context: M, modal: !1 }, /* @__PURE__ */ e.createElement(
     "div",
     k({
-      className: de,
+      className: U,
       ref: S.setFloating,
-      style: L
-    }, U()),
+      style: G
+    }, L()),
     C ? /* @__PURE__ */ e.createElement(B, { as: "div" }, _) : _
   ))));
-  return E === null ? /* @__PURE__ */ e.createElement(Ha, null, $e) : $e;
+  return y === null ? /* @__PURE__ */ e.createElement(Ha, null, $e) : $e;
 };
 function Cn(t, a, r, _) {
   return _ && t === 0 ? _ : t === 1 ? a : r;
@@ -5362,14 +5396,14 @@ const Be = {
     nameAdornment: p
   },
   onClick: m,
-  isActive: b = !1
+  isActive: f = !1
 }) => /* @__PURE__ */ e.createElement(e.Fragment, null, c && /* @__PURE__ */ e.createElement("div", { className: Qe[`${et}__divider`] }), /* @__PURE__ */ e.createElement(
   "a",
   {
     href: n,
     target: "_blank",
     "aria-label": `Go to ${l} product`,
-    onClick: (f) => m(f, t),
+    onClick: (b) => m(b, t),
     className: u(Qe[et], {
       [Qe[`${et}--expired`]]: i
     })
@@ -5382,7 +5416,7 @@ const Be = {
       expired: i,
       backgroundColors: _,
       notificationCount: o,
-      withBorder: b
+      withBorder: f
     }
   ), /* @__PURE__ */ e.createElement(B, { as: "div", bold: !0, className: Qe[`${et}__name`] }, l, i && /* @__PURE__ */ e.createElement(
     Lt,
@@ -5430,23 +5464,24 @@ const Be = {
   isVisible: _,
   onOpen: o,
   onClose: l,
-  onSelect: n
+  onSelect: n,
+  textURL: c = "https://www.text.com"
 }) => {
-  const [c, d] = e.useState(r), [i, s] = I_(
+  const [d, i] = e.useState(r), [s, p] = I_(
     !1
-  ), p = Ga(), m = sa(), b = _ !== void 0, f = b ? _ : c, v = (O, U) => {
-    O ? o == null || o(U) : l == null || l(U), !b && d(O);
-  }, { refs: h, context: E, floatingStyles: y } = da({
-    nodeId: m,
+  ), m = Ga(), f = sa(), b = _ !== void 0, v = b ? _ : d, h = (L, U) => {
+    L ? o == null || o(U) : l == null || l(U), !b && i(L);
+  }, { refs: y, context: E, floatingStyles: $ } = da({
+    nodeId: f,
     strategy: "fixed",
     placement: "right-start",
-    open: f,
-    onOpenChange: (O, U) => {
-      s(!1), v(O, U);
+    open: v,
+    onOpenChange: (L, U) => {
+      p(!1), h(L, U);
     },
     middleware: [ua({ mainAxis: 5 })],
     whileElementsMounted: ma
-  }), $ = pa(E), w = fa(E), C = ga(E), { isMounted: g, styles: N } = kr(E, {
+  }), w = pa(E), C = fa(E), g = ga(E), { isMounted: N, styles: S } = kr(E, {
     duration: 200,
     common: {
       transformOrigin: "left top"
@@ -5455,26 +5490,26 @@ const Be = {
       opacity: 0,
       transform: "scale(0.84) translateX(-22px)"
     }
-  }), { getReferenceProps: S, getFloatingProps: M } = ba([
-    $,
-    C,
-    w
-  ]), L = t.find(
-    (O) => O.id === a
+  }), { getReferenceProps: M, getFloatingProps: G } = ba([
+    w,
+    g,
+    C
+  ]), I = t.find(
+    (L) => L.id === a
   );
-  if (!L)
+  if (!I)
     return null;
-  const T = (O, U) => {
-    U === a && O.preventDefault(), d(!1), n == null || n(U);
-  }, G = t.reduce(
-    (O, U) => O + (U.notificationCount || 0),
+  const O = (L, U) => {
+    U === a && L.preventDefault(), i(!1), n == null || n(U);
+  }, Y = t.reduce(
+    (L, U) => L + (U.notificationCount || 0),
     0
-  ), V = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", k({ ref: h.setReference }, S()), /* @__PURE__ */ e.createElement(
+  ), X = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", k({ ref: y.setReference }, M()), /* @__PURE__ */ e.createElement(
     Lt,
     {
-      isVisible: i,
-      onOpen: () => s(!0),
-      onClose: () => s(!1),
+      isVisible: s,
+      onOpen: () => p(!0),
+      onClose: () => p(!1),
       offsetCrossAxis: 2,
       arrowOffsetY: 2,
       offsetMainAxis: 10,
@@ -5485,48 +5520,56 @@ const Be = {
         v_,
         {
           isMainProduct: !0,
-          icon: L.icon,
-          iconColor: L.iconColor,
-          backgroundColors: L.backgroundColors,
-          notificationCount: G
+          icon: I.icon,
+          iconColor: I.iconColor,
+          backgroundColors: I.backgroundColors,
+          notificationCount: Y
         }
       )
     },
     "Switch product"
-  )), /* @__PURE__ */ e.createElement(ha, { id: m }, /* @__PURE__ */ e.createElement(
+  )), /* @__PURE__ */ e.createElement(ha, { id: f }, /* @__PURE__ */ e.createElement(
     "div",
     k({
-      ref: h.setFloating,
-      style: y
-    }, M()),
-    g && /* @__PURE__ */ e.createElement("div", { className: ea[ta], style: N }, /* @__PURE__ */ e.createElement("div", { className: ea[`${ta}__content`] }, t.map((O) => /* @__PURE__ */ e.createElement(
-      $n,
-      {
-        key: O.id,
-        isActive: O.id === a,
-        product: O,
-        onClick: T
-      }
-    ))), /* @__PURE__ */ e.createElement("div", { className: ea[`${ta}__footer`] }, /* @__PURE__ */ e.createElement(
-      "a",
+      ref: y.setFloating,
+      style: $
+    }, G()),
+    N && /* @__PURE__ */ e.createElement(
+      "div",
       {
-        href: "https://www.text.com",
-        target: "_blank",
-        className: ea[`${ta}__footer-link`],
-        onClick: () => v(!1)
+        className: u("lc-dark-theme", ea[ta]),
+        style: S
       },
-      /* @__PURE__ */ e.createElement(B, { noMargin: !0 }, "powered by"),
-      /* @__PURE__ */ e.createElement(
-        x,
+      /* @__PURE__ */ e.createElement("div", { className: ea[`${ta}__content`] }, t.map((L) => /* @__PURE__ */ e.createElement(
+        $n,
         {
-          size: "xlarge",
-          source: M_,
-          customColor: "var(--content-locked-white)"
+          key: L.id,
+          isActive: L.id === a,
+          product: L,
+          onClick: O
         }
-      )
-    )))
+      ))),
+      /* @__PURE__ */ e.createElement("div", { className: ea[`${ta}__footer`] }, /* @__PURE__ */ e.createElement(
+        "a",
+        {
+          href: c,
+          target: "_blank",
+          className: ea[`${ta}__footer-link`],
+          onClick: () => h(!1)
+        },
+        /* @__PURE__ */ e.createElement(B, { noMargin: !0 }, "powered by"),
+        /* @__PURE__ */ e.createElement(
+          x,
+          {
+            size: "xlarge",
+            source: M_,
+            customColor: "var(--content-locked-white)"
+          }
+        )
+      ))
+    )
   )));
-  return p === null ? /* @__PURE__ */ e.createElement(Ha, null, V) : V;
+  return m === null ? /* @__PURE__ */ e.createElement(Ha, null, X) : X;
 }, Nn = 'data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_24854_8994)"%3E%3Crect width="40" height="40" fill="%230066FF"/%3E%3Cg filter="url(%23filter0_f_24854_8994)"%3E%3Cpath d="M32.6382 31.0816C41.9891 31.0816 49.5694 23.5012 49.5694 14.1504C49.5694 4.79953 41.9891 -2.78082 32.6382 -2.78082C23.2874 -2.78082 15.707 4.79953 15.707 14.1504C15.707 23.5012 23.2874 31.0816 32.6382 31.0816Z" fill="%23FF4205"/%3E%3C/g%3E%3Cg filter="url(%23filter1_f_24854_8994)"%3E%3Cpath d="M10.417 50.1292C19.7679 50.1292 27.3482 42.5488 27.3482 33.198C27.3482 23.8471 19.7679 16.2668 10.417 16.2668C1.0662 16.2668 -6.51416 23.8471 -6.51416 33.198C-6.51416 42.5488 1.0662 50.1292 10.417 50.1292Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter2_f_24854_8994)"%3E%3Cpath d="M9.35788 16.2667C15.2022 16.2667 19.9399 11.529 19.9399 5.68472C19.9399 -0.159555 15.2022 -4.89728 9.35788 -4.89728C3.5136 -4.89728 -1.22412 -0.159555 -1.22412 5.68472C-1.22412 11.529 3.5136 16.2667 9.35788 16.2667Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter3_f_24854_8994)"%3E%3Cpath d="M7.24274 18.3831C13.6714 18.3831 18.8829 13.1716 18.8829 6.74292C18.8829 0.314217 13.6714 -4.89728 7.24274 -4.89728C0.814034 -4.89728 -4.39746 0.314217 -4.39746 6.74292C-4.39746 13.1716 0.814034 18.3831 7.24274 18.3831Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter4_f_24854_8994)"%3E%3Cpath d="M8.29938 21.5577C14.7281 21.5577 19.9396 16.3462 19.9396 9.91748C19.9396 3.48878 14.7281 -1.72272 8.29938 -1.72272C1.87068 -1.72272 -3.34082 3.48878 -3.34082 9.91748C-3.34082 16.3462 1.87068 21.5577 8.29938 21.5577Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter5_f_24854_8994)"%3E%3Cpath d="M33.6973 45.8964C40.126 45.8964 45.3375 40.6849 45.3375 34.2562C45.3375 27.8275 40.126 22.616 33.6973 22.616C27.2686 22.616 22.0571 27.8275 22.0571 34.2562C22.0571 40.6849 27.2686 45.8964 33.6973 45.8964Z" fill="%23FFD001"/%3E%3C/g%3E%3Cg filter="url(%23filter6_f_24854_8994)"%3E%3Cpath d="M29.4639 48.0128C35.8926 48.0128 41.1041 42.8013 41.1041 36.3726C41.1041 29.9439 35.8926 24.7324 29.4639 24.7324C23.0352 24.7324 17.8237 29.9439 17.8237 36.3726C17.8237 42.8013 23.0352 48.0128 29.4639 48.0128Z" fill="%23FFD001"/%3E%3C/g%3E%3Cg filter="url(%23filter7_f_24854_8994)"%3E%3Cpath d="M29.4639 48.0128C35.8926 48.0128 41.1041 42.8013 41.1041 36.3726C41.1041 29.9439 35.8926 24.7324 29.4639 24.7324C23.0352 24.7324 17.8237 29.9439 17.8237 36.3726C17.8237 42.8013 23.0352 48.0128 29.4639 48.0128Z" fill="%23FFD001"/%3E%3C/g%3E%3Cg filter="url(%23filter8_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter9_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter10_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter11_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter12_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter13_f_24854_8994)"%3E%3Cpath d="M9.35898 38.489C12.8655 38.489 15.7082 35.6463 15.7082 32.1398C15.7082 28.6332 12.8655 25.7906 9.35898 25.7906C5.8524 25.7906 3.00977 28.6332 3.00977 32.1398C3.00977 35.6463 5.8524 38.489 9.35898 38.489Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter14_f_24854_8994)"%3E%3Cpath d="M38.9871 31.0816C46.5846 31.0816 52.7437 24.9225 52.7437 17.325C52.7437 9.7274 46.5846 3.56836 38.9871 3.56836C31.3895 3.56836 25.2305 9.7274 25.2305 17.325C25.2305 24.9225 31.3895 31.0816 38.9871 31.0816Z" fill="%23FF4205"/%3E%3C/g%3E%3Cg filter="url(%23filter15_f_24854_8994)"%3E%3Cpath d="M38.9879 25.7905C45.4166 25.7905 50.6281 20.579 50.6281 14.1503C50.6281 7.72157 45.4166 2.51007 38.9879 2.51007C32.5592 2.51007 27.3477 7.72157 27.3477 14.1503C27.3477 20.579 32.5592 25.7905 38.9879 25.7905Z" fill="%23FF4205"/%3E%3C/g%3E%3Cg filter="url(%23filter16_f_24854_8994)"%3E%3Cpath d="M9.35868 21.5578C14.0341 21.5578 17.8243 17.7676 17.8243 13.0922C17.8243 8.41674 14.0341 4.62656 9.35868 4.62656C4.68325 4.62656 0.893066 8.41674 0.893066 13.0922C0.893066 17.7676 4.68325 21.5578 9.35868 21.5578Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter17_f_24854_8994)"%3E%3Cpath d="M31.5797 18.3831C35.0862 18.3831 37.9289 15.5404 37.9289 12.0339C37.9289 8.5273 35.0862 5.68466 31.5797 5.68466C28.0731 5.68466 25.2305 8.5273 25.2305 12.0339C25.2305 15.5404 28.0731 18.3831 31.5797 18.3831Z" fill="%23FF2E00"/%3E%3C/g%3E%3Cg filter="url(%23filter18_f_24854_8994)"%3E%3Cpath d="M12.5312 14.1503C18.3755 14.1503 23.1132 9.41257 23.1132 3.5683C23.1132 -2.27598 18.3755 -7.0137 12.5312 -7.0137C6.68694 -7.0137 1.94922 -2.27598 1.94922 3.5683C1.94922 9.41257 6.68694 14.1503 12.5312 14.1503Z" fill="%233851FF"/%3E%3C/g%3E%3Cg filter="url(%23filter19_f_24854_8994)"%3E%3Cpath d="M28.4057 13.0921C34.25 13.0921 38.9877 8.35441 38.9877 2.51013C38.9877 -3.33415 34.25 -8.07187 28.4057 -8.07187C22.5615 -8.07187 17.8237 -3.33415 17.8237 2.51013C17.8237 8.35441 22.5615 13.0921 28.4057 13.0921Z" fill="%23F3354D"/%3E%3C/g%3E%3Cg filter="url(%23filter20_f_24854_8994)"%3E%3Cpath d="M33.6958 48.0128C39.54 48.0128 44.2778 43.275 44.2778 37.4308C44.2778 31.5865 39.54 26.8488 33.6958 26.8488C27.8515 26.8488 23.1138 31.5865 23.1138 37.4308C23.1138 43.275 27.8515 48.0128 33.6958 48.0128Z" fill="%23FFD101"/%3E%3C/g%3E%3Cg filter="url(%23filter21_f_24854_8994)"%3E%3Cpath d="M8.30173 43.78C14.146 43.78 18.8837 39.0422 18.8837 33.198C18.8837 27.3537 14.146 22.616 8.30173 22.616C2.45745 22.616 -2.28027 27.3537 -2.28027 33.198C-2.28027 39.0422 2.45745 43.78 8.30173 43.78Z" fill="%237FCF35"/%3E%3C/g%3E%3Cg filter="url(%23filter22_f_24854_8994)"%3E%3Cpath d="M6.18454 34.2562C12.0288 34.2562 16.7665 29.5184 16.7665 23.6742C16.7665 17.8299 12.0288 13.0922 6.18454 13.0922C0.340261 13.0922 -4.39746 17.8299 -4.39746 23.6742C-4.39746 29.5184 0.340261 34.2562 6.18454 34.2562Z" fill="%231D7DD0"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_f_24854_8994" x="-8.29297" y="-26.7808" width="81.8623" height="81.8624" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter1_f_24854_8994" x="-30.5142" y="-7.73322" width="81.8623" height="81.8624" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter2_f_24854_8994" x="-25.2241" y="-28.8973" width="69.1641" height="69.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter3_f_24854_8994" x="-28.3975" y="-28.8973" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter4_f_24854_8994" x="-27.3408" y="-25.7227" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter5_f_24854_8994" x="-1.94287" y="-1.38403" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter6_f_24854_8994" x="-6.17627" y="0.732361" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter7_f_24854_8994" x="-6.17627" y="0.732361" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter8_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter9_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter10_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter11_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter12_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter13_f_24854_8994" x="-20.9902" y="1.79056" width="60.6982" height="60.6984" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter14_f_24854_8994" x="1.23047" y="-20.4316" width="75.5132" height="75.5132" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter15_f_24854_8994" x="3.34766" y="-21.4899" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter16_f_24854_8994" x="-23.1069" y="-19.3734" width="64.9312" height="64.9312" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter17_f_24854_8994" x="1.23047" y="-18.3153" width="60.6982" height="60.6984" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter18_f_24854_8994" x="-9.05078" y="-18.0137" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter19_f_24854_8994" x="6.82373" y="-19.0719" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter20_f_24854_8994" x="12.1138" y="15.8488" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter21_f_24854_8994" x="-13.2803" y="11.616" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter22_f_24854_8994" x="-15.3975" y="2.09216" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3CclipPath id="clip0_24854_8994"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A', Sn = [
   {
     id: "livechat",
@@ -5729,16 +5772,16 @@ const Be = {
 }, Dn = (t) => {
   const a = new Date(t), r = /* @__PURE__ */ new Date();
   return oo(a) ? 0 : wr(a, r);
-}, An = (t, a) => In.includes(t) || a.some(
+}, Pn = (t, a) => In.includes(t) || a.some(
   (r) => r.product === E_[t]
-), Pn = (t, a, r, _, o) => {
+), An = (t, a, r, _, o) => {
   var n, c, d, i, s;
   const l = a.find(
     (p) => p.product === E_[t.id]
   );
   if (!l)
     throw new Error(`Product data for ${t.id} not found`);
-  return I(k({}, t), {
+  return T(k({}, t), {
     trialDaysLeft: r[t.id] && ((n = r[t.id]) == null ? void 0 : n.status) === "trial" && ((c = r[t.id]) != null && c.next_charge_at) ? Dn((i = (d = r[t.id]) == null ? void 0 : d.next_charge_at) != null ? i : "") : void 0,
     expired: ((s = r[t.id]) == null ? void 0 : s.status) === "expired",
     url: Tn(
@@ -5770,8 +5813,8 @@ const Be = {
   const o = t ? Fn(t) : k_;
   return {
     products: Sn.reduce(
-      (l, n) => (An(n.id, a) && l.push(
-        Pn(
+      (l, n) => (Pn(n.id, a) && l.push(
+        An(
           n,
           o,
           r,
@@ -5825,10 +5868,10 @@ const aa = {
         [aa[`${ra}--${t}`]]: t
       },
       r
-    ), m = 2 * Math.PI * ((s - i) / 2), b = {
+    ), m = 2 * Math.PI * ((s - i) / 2), f = {
       strokeDasharray: m.toFixed(3),
       strokeDashoffset: `${((100 - d) / 100 * m).toFixed(3)}px`
-    }, f = `${s / 2} ${s / 2} ${s} ${s}`;
+    }, b = `${s / 2} ${s / 2} ${s} ${s}`;
     return /* @__PURE__ */ e.createElement(
       "div",
       k({
@@ -5836,7 +5879,7 @@ const aa = {
         ref: l,
         role: "progressbar"
       }, o),
-      /* @__PURE__ */ e.createElement("svg", { viewBox: f }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("svg", { viewBox: b }, /* @__PURE__ */ e.createElement(
         "circle",
         {
           className: aa[`${ra}__bg-line--${t}`],
@@ -5850,7 +5893,7 @@ const aa = {
         "circle",
         {
           className: aa[`${ra}__indicator--${t}`],
-          style: b,
+          style: f,
           cx: s,
           cy: s,
           r: (s - i) / 2,
@@ -5893,7 +5936,7 @@ const aa = {
     );
     return /* @__PURE__ */ e.createElement(
       "div",
-      I(k({}, o), {
+      T(k({}, o), {
         className: i,
         ref: l,
         role: "progressbar"
@@ -5908,7 +5951,7 @@ const aa = {
       )
     );
   }
-), Pe = {
+), Ae = {
   "promo-banner": "lc-PromoBanner-module__promo-banner___-mGpq",
   "promo-banner__content": "lc-PromoBanner-module__promo-banner__content___kRWar",
   "promo-banner__wrapper": "lc-PromoBanner-module__promo-banner__wrapper___I-8cl",
@@ -5932,12 +5975,12 @@ const aa = {
   onClose: d,
   onLinkClick: i
 }) => {
-  const s = e.useRef(null), [p, m] = e.useState("medium"), b = u(
-    Pe[Fe],
+  const s = e.useRef(null), [p, m] = e.useState("medium"), f = u(
+    Ae[Fe],
     {
-      [Pe[`${Fe}--light`]]: l,
-      [Pe[`${Fe}--small`]]: p === "small",
-      [Pe[`${Fe}--large`]]: p === "large"
+      [Ae[`${Fe}--light`]]: l,
+      [Ae[`${Fe}--small`]]: p === "small",
+      [Ae[`${Fe}--large`]]: p === "large"
     },
     t
   );
@@ -5950,21 +5993,21 @@ const aa = {
       h.cancel(), window.removeEventListener("resize", h);
     };
   }, []);
-  const f = /* @__PURE__ */ e.createElement("div", { className: Pe[`${Fe}__footer`] }, a && /* @__PURE__ */ e.createElement(
+  const b = /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__footer`] }, a && /* @__PURE__ */ e.createElement(
     W,
     {
       kind: "primary",
       size: "compact",
       onClick: c,
-      className: Pe[`${Fe}__button-text`]
+      className: Ae[`${Fe}__button-text`]
     },
     a
   ), n && /* @__PURE__ */ e.createElement(W, { size: "compact", kind: "text", onClick: i }, n));
-  return /* @__PURE__ */ e.createElement("div", { ref: s, className: b }, /* @__PURE__ */ e.createElement("div", { className: Pe[`${Fe}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: Pe[`${Fe}__img`] }), /* @__PURE__ */ e.createElement("div", { className: Pe[`${Fe}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Pe[`${Fe}__header`] }, _), /* @__PURE__ */ e.createElement(B, { as: "div" }, r), p !== "large" && f), p === "large" && f), d && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { ref: s, className: f }, /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: Ae[`${Fe}__img`] }), /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__header`] }, _), /* @__PURE__ */ e.createElement(B, { as: "div" }, r), p !== "large" && b), p === "large" && b), d && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      className: Pe[`${Fe}__close-icon`],
+      className: Ae[`${Fe}__close-icon`],
       onClick: d
     },
     /* @__PURE__ */ e.createElement(x, { source: Ie, size: "large", kind: "primary" })
@@ -6064,7 +6107,7 @@ const aa = {
     });
     return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: at[`${rt}__label`] }, /* @__PURE__ */ e.createElement("div", { className: at[`${rt}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: at[`${rt}__inner-circle`] }), /* @__PURE__ */ e.createElement(
       "input",
-      I(k({}, l), {
+      T(k({}, l), {
         className: at[`${rt}__input`],
         ref: n,
         type: "radio",
@@ -6098,7 +6141,7 @@ const aa = {
   cropOnBlur: c = !0,
   onChange: d
 }) => {
-  const [i, s] = e.useState(!0), [p, m] = e.useState(!1), b = e.useRef(null), f = !!l && !a && !r, v = t && !i && "true", h = u(
+  const [i, s] = e.useState(!0), [p, m] = e.useState(!1), f = e.useRef(null), b = !!l && !a && !r, v = t && !i && "true", h = u(
     n,
     Re[We],
     Re[`${We}--${o}`],
@@ -6110,20 +6153,20 @@ const aa = {
   e.useEffect(() => {
     t && l && s(!1);
   }, [t]);
-  const E = (N) => {
+  const y = (N) => {
     const S = N.currentTarget.value;
     d(S);
-  }, y = () => {
+  }, E = () => {
     d("");
   }, $ = () => {
     var N;
-    (N = b.current) == null || N.focus();
+    (N = f.current) == null || N.focus();
   }, w = () => {
     t && s(!1), m(!0);
   }, C = () => {
     t && !l && s(!0), m(!1);
   }, g = (N) => {
-    N.key === se.enter && (N.preventDefault(), d(l));
+    N.key === de.enter && (N.preventDefault(), d(l));
   };
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -6155,11 +6198,11 @@ const aa = {
         "input",
         {
           role: "searchbox",
-          ref: b,
+          ref: f,
           type: "text",
           value: l,
           placeholder: _,
-          onChange: E,
+          onChange: y,
           onBlur: C,
           onFocus: w,
           onKeyDown: g,
@@ -6167,13 +6210,13 @@ const aa = {
         }
       )
     ),
-    f && /* @__PURE__ */ e.createElement(
+    b && /* @__PURE__ */ e.createElement(
       W,
       {
         "aria-label": "Clear search",
         title: "Clear search",
         className: Re[`${We}__clear-icon`],
-        onClick: y,
+        onClick: E,
         icon: /* @__PURE__ */ e.createElement(x, { source: Ie, kind: "primary" }),
         kind: "text",
         size: "compact"
@@ -6181,7 +6224,7 @@ const aa = {
     ),
     r && /* @__PURE__ */ e.createElement("div", { className: Re[`${We}__loader`] }, /* @__PURE__ */ e.createElement(Cr, { size: "small" }))
   );
-}, Wn = "lc-Skeleton-module__loading___MHvGo", yt = {
+}, Wn = "lc-Skeleton-module__loading___MHvGo", Ct = {
   "skeleton-wrapper": "lc-Skeleton-module__skeleton-wrapper___MXuR8",
   "skeleton-wrapper--vertical": "lc-Skeleton-module__skeleton-wrapper--vertical___H3weP",
   "skeleton-avatar": "lc-Skeleton-module__skeleton-avatar___qWzIc",
@@ -6206,8 +6249,8 @@ const aa = {
   return /* @__PURE__ */ e.createElement(
     "div",
     k({
-      className: u(yt[`${Qr}`], {
-        [yt[`${Qr}--vertical`]]: a
+      className: u(Ct[`${Qr}`], {
+        [Ct[`${Qr}--vertical`]]: a
       })
     }, _),
     n
@@ -6219,24 +6262,24 @@ const aa = {
 }) => /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: u(yt[`${nr}`], {
-      [yt[`${nr}--square`]]: t,
-      [yt[`${nr}--animated`]]: r
+    className: u(Ct[`${nr}`], {
+      [Ct[`${nr}--square`]]: t,
+      [Ct[`${nr}--animated`]]: r
     }),
     style: {
       width: a,
       height: a
     }
   }
-), e_ = "skeleton-text", Ai = ({
+), e_ = "skeleton-text", Pi = ({
   height: t = 13,
   width: a,
   animated: r
 }) => /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: u(yt[`${e_}`], {
-      [yt[`${e_}--animated`]]: r
+    className: u(Ct[`${e_}`], {
+      [Ct[`${e_}--animated`]]: r
     }),
     style: {
       height: t,
@@ -6257,7 +6300,7 @@ const aa = {
   "status-badge--offline": "lc-StatusBadge-module__status-badge--offline___0BHxn",
   "status-badge--accept": "lc-StatusBadge-module__status-badge--accept___6g3cx",
   "status-badge--not-accept": "lc-StatusBadge-module__status-badge--not-accept___tUgKD"
-}, ir = "status-badge", Pi = (o) => {
+}, ir = "status-badge", Ai = (o) => {
   var l = o, {
     className: t,
     kind: a = "offline",
@@ -6274,7 +6317,7 @@ const aa = {
     t
   );
   return /* @__PURE__ */ e.createElement("span", k({ className: n }, _));
-}, Vn = "lc-Switch-module__switch__input___NiiOR", Kn = "lc-Switch-module__switch__container___79F7W", Yn = "lc-Switch-module__switch__track___2wr2M", qn = "lc-Switch-module__switch__slider___WHd--", Zn = "lc-Switch-module__switch__loader___FE-fA", Xn = "lc-Switch-module__switch__icon___-O1qY", te = {
+}, Vn = "lc-Switch-module__switch__input___NiiOR", Kn = "lc-Switch-module__switch__container___79F7W", Yn = "lc-Switch-module__switch__track___2wr2M", qn = "lc-Switch-module__switch__slider___WHd--", Zn = "lc-Switch-module__switch__loader___FE-fA", Xn = "lc-Switch-module__switch__icon___-O1qY", ae = {
   switch: "lc-Switch-module__switch___AaA2k",
   "switch__track--enabled": "lc-Switch-module__switch__track--enabled___sy4Xl",
   "switch__track--on": "lc-Switch-module__switch__track--on___aOMWe",
@@ -6305,12 +6348,12 @@ const aa = {
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
   switch__icon: Xn
-}, ee = "switch", Fi = (p) => {
+}, te = "switch", Fi = (p) => {
   var m = p, {
     className: t = "",
     defaultOn: a = !1,
     disabled: r = !1,
-    name: _ = ee,
+    name: _ = te,
     on: o,
     onChange: l,
     size: n = "large",
@@ -6329,50 +6372,50 @@ const aa = {
     "innerRef",
     "ariaLabel"
   ]);
-  const b = o !== void 0, [f, v] = e.useState(
-    () => b ? o : a
-  ), [h, E] = e.useState(!1), y = b ? o : f, $ = c === "loading", w = c === "locked", C = n === "large" ? "small" : "xsmall", g = y ? "on" : "off", N = r || $ || w, S = N ? "disabled" : "enabled", M = u(
-    te[ee],
-    te[`${ee}--${n}`],
+  const f = o !== void 0, [b, v] = e.useState(
+    () => f ? o : a
+  ), [h, y] = e.useState(!1), E = f ? o : b, $ = c === "loading", w = c === "locked", C = n === "large" ? "small" : "xsmall", g = E ? "on" : "off", N = r || $ || w, S = N ? "disabled" : "enabled", M = u(
+    ae[te],
+    ae[`${te}--${n}`],
     {
-      [te[`${ee}--focused`]]: h
+      [ae[`${te}--focused`]]: h
     },
     t
-  ), L = (T) => {
-    l == null || l(T, !y), b || (T.stopPropagation(), v((G) => !G));
+  ), G = (I) => {
+    l == null || l(I, !E), f || (I.stopPropagation(), v((O) => !O));
   };
   return /* @__PURE__ */ e.createElement("span", { className: M }, /* @__PURE__ */ e.createElement(
     "input",
-    I(k({
+    T(k({
       type: "checkbox",
       className: u(
-        te[`${ee}__input`],
-        te[`${ee}__input--${S}`]
+        ae[`${te}__input`],
+        ae[`${te}__input--${S}`]
       ),
-      onChange: L,
-      checked: y,
+      onChange: G,
+      checked: E,
       name: _,
       ref: d,
       disabled: N,
       "aria-label": i
     }, s), {
-      onFocus: () => E(!0),
-      onBlur: () => E(!1)
+      onFocus: () => y(!0),
+      onBlur: () => y(!1)
     })
   ), /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: u(te[`${ee}__container`], {
-        [te[`${ee}__container--focused`]]: h
+      className: u(ae[`${te}__container`], {
+        [ae[`${te}__container--focused`]]: h
       })
     },
     /* @__PURE__ */ e.createElement(
       "span",
       {
         className: u(
-          te[`${ee}__track`],
-          te[`${ee}__track--${g}`],
-          te[`${ee}__track--${S}`]
+          ae[`${te}__track`],
+          ae[`${te}__track--${g}`],
+          ae[`${te}__track--${S}`]
         )
       }
     ),
@@ -6380,10 +6423,10 @@ const aa = {
       "span",
       {
         className: u(
-          te[`${ee}__slider`],
-          te[`${ee}__slider--${S}`],
-          te[`${ee}__slider--${n}`],
-          te[`${ee}__slider--${n}--${g}`]
+          ae[`${te}__slider`],
+          ae[`${te}__slider--${S}`],
+          ae[`${te}__slider--${n}`],
+          ae[`${te}__slider--${n}--${g}`]
         )
       },
       $ && /* @__PURE__ */ e.createElement(
@@ -6391,15 +6434,15 @@ const aa = {
         {
           "data-testid": "switch-loader",
           className: u(
-            te[`${ee}__loader`],
-            te[`${ee}__loader--${n}`]
+            ae[`${te}__loader`],
+            ae[`${te}__loader--${n}`]
           )
         }
       ),
       w && /* @__PURE__ */ e.createElement(
         x,
         {
-          className: te[`${ee}__icon`],
+          className: ae[`${te}__icon`],
           "data-testid": "lock-icon",
           size: C,
           source: K_,
@@ -6408,7 +6451,7 @@ const aa = {
       )
     )
   ));
-}, Jn = "lc-Tab-module__tab___fME7u", jn = "lc-Tab-module__tab__count___gc8tA", Qn = "lc-Tab-module__tab__icon___wvUqO", ec = "lc-Tab-module__tab__badge___W9c-T", kt = {
+}, Jn = "lc-Tab-module__tab___fME7u", jn = "lc-Tab-module__tab__count___gc8tA", Qn = "lc-Tab-module__tab__icon___wvUqO", ec = "lc-Tab-module__tab__badge___W9c-T", yt = {
   tab: Jn,
   tab__count: jn,
   "tab--compact": "lc-Tab-module__tab--compact___4qead",
@@ -6418,7 +6461,7 @@ const aa = {
   tab__badge: ec,
   "tab--selected": "lc-Tab-module__tab--selected___c0EkL",
   "tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
-}, Et = "tab", Ri = (d) => {
+}, wt = "tab", Ri = (d) => {
   var i = d, {
     children: t,
     className: a,
@@ -6439,29 +6482,29 @@ const aa = {
   const { disabled: s } = c, p = r !== void 0 && !o, m = r !== void 0 && o;
   return /* @__PURE__ */ e.createElement(
     B,
-    I(k({}, c), {
+    T(k({}, c), {
       as: c.href ? "a" : "button",
       "aria-selected": _,
       size: "md",
       bold: _,
       className: u(
         a,
-        kt[Et],
-        kt[`${Et}--${l}`],
-        _ && kt[`${Et}--selected`],
-        s && kt[`${Et}--disabled`]
+        yt[wt],
+        yt[`${wt}--${l}`],
+        _ && yt[`${wt}--selected`],
+        s && yt[`${wt}--disabled`]
       )
     }),
-    n && /* @__PURE__ */ e.createElement("div", { "data-testId": "icon", className: kt[`${Et}__icon`] }, n),
+    n && /* @__PURE__ */ e.createElement("div", { "data-testId": "icon", className: yt[`${wt}__icon`] }, n),
     t,
-    p && /* @__PURE__ */ e.createElement(B, { as: "span", size: "md", className: kt[`${Et}__count`] }, "(", r, ")"),
+    p && /* @__PURE__ */ e.createElement(B, { as: "span", size: "md", className: yt[`${wt}__count`] }, "(", r, ")"),
     m && /* @__PURE__ */ e.createElement(
       Ra,
       {
         "data-testid": "tab-badge",
         count: r,
         size: "compact",
-        className: kt[`${Et}__badge`]
+        className: yt[`${wt}__badge`]
       }
     )
   );
@@ -6490,28 +6533,28 @@ const aa = {
   value: l
 }) => {
   const [n, c] = e.useState(!1), d = () => a.current, i = () => {
-    const f = d();
-    return f ? f.innerText : "";
+    const b = d();
+    return b ? b.innerText : "";
   }, s = () => {
     r && r.current && r.current.focus();
-  }, p = (f) => {
-    if (f.key === se.enter) {
-      f.preventDefault(), s();
+  }, p = (b) => {
+    if (b.key === de.enter) {
+      b.preventDefault(), s();
       return;
     }
-    f.key === se.backspace && i() === "" && (c(!0), o(), s());
+    b.key === de.backspace && i() === "" && (c(!0), o(), s());
   }, m = () => {
-    const f = d();
-    if (!(n || !f)) {
-      if (f.innerText === "") {
+    const b = d();
+    if (!(n || !b)) {
+      if (b.innerText === "") {
         o();
         return;
       }
-      _(f.innerText);
+      _(b.innerText);
     }
-  }, b = (f) => {
-    f.preventDefault();
-    const v = f.clipboardData.getData("text/plain");
+  }, f = (b) => {
+    b.preventDefault();
+    const v = b.clipboardData.getData("text/plain");
     document.execCommand("insertHTML", !1, Dr(v));
   };
   return /* @__PURE__ */ e.createElement(
@@ -6520,7 +6563,7 @@ const aa = {
       ref: a,
       className: t,
       contentEditable: !0,
-      onPaste: b,
+      onPaste: f,
       onBlur: m,
       onKeyDown: p,
       dangerouslySetInnerHTML: { __html: Dr(l) }
@@ -6537,7 +6580,7 @@ const aa = {
   tagProps: c
 }) => {
   const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), i = e.useRef(null), s = () => r(a), p = () => d ? c ? c.kind : "default" : "error";
-  return /* @__PURE__ */ e.createElement(h_, I(k({ size: n }, c), { kind: p(), onRemove: s }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(h_, T(k({ size: n }, c), { kind: p(), onRemove: s }), /* @__PURE__ */ e.createElement(
     rc,
     {
       value: t,
@@ -6550,13 +6593,13 @@ const aa = {
     }
   ));
 }, Da = "tag-input", oc = [
-  se.enter,
-  se.spacebar,
-  se.tab,
-  se.semicolon,
-  se.comma
-], lc = [se.backspace, se.delete], nc = (m) => {
-  var b = m, {
+  de.enter,
+  de.spacebar,
+  de.tab,
+  de.semicolon,
+  de.comma
+], lc = [de.backspace, de.delete], nc = (m) => {
+  var f = m, {
     id: t,
     tags: a,
     onChange: r,
@@ -6568,7 +6611,7 @@ const aa = {
     inputClassName: d,
     onBlur: i,
     addOnBlur: s = !0
-  } = b, p = D(b, [
+  } = f, p = D(f, [
     "id",
     "tags",
     "onChange",
@@ -6581,7 +6624,7 @@ const aa = {
     "onBlur",
     "addOnBlur"
   ]);
-  const f = u(
+  const b = u(
     la[Da],
     {
       [la[`${Da}--error`]]: o
@@ -6591,64 +6634,64 @@ const aa = {
     d,
     la[`${Da}__input`],
     la[`${Da}__input--${n}`]
-  ), [h, E] = e.useState(""), y = e.useRef(null), $ = (T) => {
-    T.trim() !== "" && (r([...a || [], T]), E(""));
-  }, w = (T) => {
-    const G = [...a || []];
-    G.splice(T, 1), r(G);
-  }, C = (T) => E(T.target.value), g = (T) => {
-    if (oc.includes(T.key)) {
-      if (T.preventDefault(), h === "")
+  ), [h, y] = e.useState(""), E = e.useRef(null), $ = (I) => {
+    I.trim() !== "" && (r([...a || [], I]), y(""));
+  }, w = (I) => {
+    const O = [...a || []];
+    O.splice(I, 1), r(O);
+  }, C = (I) => y(I.target.value), g = (I) => {
+    if (oc.includes(I.key)) {
+      if (I.preventDefault(), h === "")
         return;
       $(h);
-    } else if (lc.includes(T.key)) {
+    } else if (lc.includes(I.key)) {
       if (h !== "" || !(a != null && a.length))
         return;
       w(a.length - 1);
     }
-  }, N = (T) => {
-    s && $(h), i == null || i(T);
-  }, S = (T, G) => {
-    const V = [...a || []];
-    V.reduce(
-      (U, de, $e) => U + (de === G && $e !== T ? 1 : 0),
+  }, N = (I) => {
+    s && $(h), i == null || i(I);
+  }, S = (I, O) => {
+    const Y = [...a || []];
+    Y.reduce(
+      (L, U, $e) => L + (U === O && $e !== I ? 1 : 0),
       0
-    ) > 0 ? V.splice(T, 1) : V[T] = G, r(V);
-  }, M = (T) => {
-    T.preventDefault();
-    const V = T.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
-    r([...a || [], ...V]);
-  }, L = (T, G) => typeof T == "string" ? /* @__PURE__ */ e.createElement(
+    ) > 0 ? Y.splice(I, 1) : Y[I] = O, r(Y);
+  }, M = (I) => {
+    I.preventDefault();
+    const Y = I.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
+    r([...a || [], ...Y]);
+  }, G = (I, O) => typeof I == "string" ? /* @__PURE__ */ e.createElement(
     t_,
     {
-      index: G,
-      key: `${G}${T}`,
+      index: O,
+      key: `${O}${I}`,
       update: S,
       remove: w,
-      inputRef: y,
+      inputRef: E,
       validator: _,
       size: n
     },
-    T
+    I
   ) : /* @__PURE__ */ e.createElement(
     t_,
     {
-      index: G,
-      key: `${G}${T.children}`,
+      index: O,
+      key: `${O}${I.children}`,
       update: S,
       remove: w,
-      inputRef: y,
+      inputRef: E,
       validator: _,
       size: n,
-      tagProps: T
+      tagProps: I
     },
-    T.value || T.children
+    I.value || I.children
   );
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(B, { as: "div", className: f }, a == null ? void 0 : a.map(L), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(B, { as: "div", className: b }, a == null ? void 0 : a.map(G), /* @__PURE__ */ e.createElement(
     "input",
-    I(k({}, p), {
+    T(k({}, p), {
       id: t,
-      ref: y,
+      ref: E,
       className: v,
       placeholder: l,
       value: h,
@@ -6664,8 +6707,8 @@ const aa = {
   } = _, a = D(_, [
     "placeholder"
   ]);
-  return /* @__PURE__ */ e.createElement(nc, I(k({}, a), { placeholder: t, validator: sc }));
-}, dc = "lc-Toast-module__toast___j5Amn", uc = "lc-Toast-module__toast__content___HjaNw", mc = "lc-Toast-module__toast__actions___JWu-1", pc = "lc-Toast-module__toast__actions__button___Iblrl", ae = {
+  return /* @__PURE__ */ e.createElement(nc, T(k({}, a), { placeholder: t, validator: sc }));
+}, dc = "lc-Toast-module__toast___j5Amn", uc = "lc-Toast-module__toast__content___HjaNw", mc = "lc-Toast-module__toast__actions___JWu-1", pc = "lc-Toast-module__toast__actions__button___Iblrl", re = {
   toast: dc,
   toast__content: uc,
   toast__actions: mc,
@@ -6725,14 +6768,14 @@ const aa = {
     "onClose"
   ]);
   const i = u(
-    ae[mt],
-    ae[`${mt}--${o}`],
+    re[mt],
+    re[`${mt}--${o}`],
     a
   ), s = typeof r == "string", p = (m) => m && m.closesOnClick && l ? (m.onClick(), l()) : m.onClick();
-  return /* @__PURE__ */ e.createElement("div", k({ className: i }, n), /* @__PURE__ */ e.createElement("div", { className: ae[`${mt}__icon`] }, /* @__PURE__ */ e.createElement(x, I(k({}, gc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: ae[`${mt}__content`] }, s ? /* @__PURE__ */ e.createElement(B, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: ae[`${mt}__actions`] }, t && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", k({ className: i }, n), /* @__PURE__ */ e.createElement("div", { className: re[`${mt}__icon`] }, /* @__PURE__ */ e.createElement(x, T(k({}, gc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: re[`${mt}__content`] }, s ? /* @__PURE__ */ e.createElement(B, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: re[`${mt}__actions`] }, t && /* @__PURE__ */ e.createElement(
     W,
     {
-      className: ae[`${mt}__actions--custom`],
+      className: re[`${mt}__actions--custom`],
       kind: "text",
       size: "compact",
       onClick: () => p(t)
@@ -6742,8 +6785,8 @@ const aa = {
     "button",
     {
       className: u(
-        ae[`${mt}__actions__button`],
-        ae[`${mt}__actions__button--${o}`]
+        re[`${mt}__actions__button`],
+        re[`${mt}__actions__button--${o}`]
       ),
       "aria-label": "Close toast",
       onClick: l
@@ -6760,24 +6803,24 @@ const aa = {
   horizontalPosition: n = "center"
 }) => {
   const c = u(
-    ae[_a],
+    re[_a],
     {
-      [ae[`${_a}--fixed`]]: r,
-      [ae[`${_a}--block`]]: !r && _,
-      [ae[`${_a}--horizontal-${n}`]]: n,
-      [ae[`${_a}--vertical-${l}`]]: l
+      [re[`${_a}--fixed`]]: r,
+      [re[`${_a}--block`]]: !r && _,
+      [re[`${_a}--horizontal-${n}`]]: n,
+      [re[`${_a}--vertical-${l}`]]: l
     },
     t
   );
-  return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement(c_, { component: null }, a.map(({ id: d, kind: i, content: s, removable: p, action: m, onClose: b }) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement(c_, { component: null }, a.map(({ id: d, kind: i, content: s, removable: p, action: m, onClose: f }) => /* @__PURE__ */ e.createElement(
     i_,
     {
       key: d,
       classNames: {
-        enter: ae[`toast-appear--${o}`],
-        enterActive: ae[`toast-appear-active--${o}`],
-        exit: ae[`toast-exit--${o}`],
-        exitActive: ae[`toast-exit-active--${o}`]
+        enter: re[`toast-appear--${o}`],
+        enterActive: re[`toast-appear-active--${o}`],
+        exit: re[`toast-exit--${o}`],
+        exitActive: re[`toast-exit-active--${o}`]
       },
       timeout: bc
     },
@@ -6785,35 +6828,35 @@ const aa = {
       fc,
       {
         kind: i,
-        onClose: b,
+        onClose: f,
         removable: p,
         action: m
       },
       s
     )
   ))));
-}, hc = "lc-Textarea-module__textarea___g6U8F", Aa = {
+}, hc = "lc-Textarea-module__textarea___g6U8F", Pa = {
   textarea: hc,
   "textarea--focused": "lc-Textarea-module__textarea--focused___1vtEx",
   "textarea--disabled": "lc-Textarea-module__textarea--disabled___xXaGv",
   "textarea--error": "lc-Textarea-module__textarea--error___0EGuq"
-}, Pa = "textarea", Ui = e.forwardRef(
+}, Aa = "textarea", Ui = e.forwardRef(
   (o, _) => {
     var l = o, { className: t, error: a } = l, r = D(l, ["className", "error"]);
-    const { disabled: n, onBlur: c, onFocus: d } = r, [i, s] = e.useState(!1), p = u(t, Aa[Pa], {
-      [Aa[`${Pa}--disabled`]]: n,
-      [Aa[`${Pa}--focused`]]: i,
-      [Aa[`${Pa}--error`]]: a
-    }), m = (f) => {
-      s(!1), c == null || c(f);
-    }, b = (f) => {
-      s(!0), d == null || d(f);
+    const { disabled: n, onBlur: c, onFocus: d } = r, [i, s] = e.useState(!1), p = u(t, Pa[Aa], {
+      [Pa[`${Aa}--disabled`]]: n,
+      [Pa[`${Aa}--focused`]]: i,
+      [Pa[`${Aa}--error`]]: a
+    }), m = (b) => {
+      s(!1), c == null || c(b);
+    }, f = (b) => {
+      s(!0), d == null || d(b);
     };
     return /* @__PURE__ */ e.createElement(B, { as: "div", className: p }, /* @__PURE__ */ e.createElement(
       "textarea",
-      I(k({}, r), {
+      T(k({}, r), {
         ref: _,
-        onFocus: b,
+        onFocus: f,
         onBlur: m
       })
     ));
@@ -6915,7 +6958,7 @@ const aa = {
       }
     )
   ))
-), Y = {
+), K = {
   "upload-bar": "lc-UploadBar-module__upload-bar___6Or8h",
   "upload-bar__loader-test": "lc-UploadBar-module__upload-bar__loader-test___aZb2J",
   "upload-bar--error": "lc-UploadBar-module__upload-bar--error___MzvhT",
@@ -6940,20 +6983,20 @@ const aa = {
   "div",
   {
     "data-testid": "success-icon",
-    className: Y[`${ot}__success-icon`]
+    className: K[`${ot}__success-icon`]
   },
   /* @__PURE__ */ e.createElement(x, { source: ia })
 ) : t === "error" ? /* @__PURE__ */ e.createElement(
   "div",
   {
     "data-testid": "error-icon",
-    className: Y[`${ot}__error-icon`]
+    className: K[`${ot}__error-icon`]
   },
   /* @__PURE__ */ e.createElement(x, { source: q_ })
 ) : /* @__PURE__ */ e.createElement(
   On,
   {
-    className: Y[`${ot}__loader`],
+    className: K[`${ot}__loader`],
     status: t,
     progressValue: a
   }
@@ -6971,14 +7014,14 @@ const aa = {
   onCloseButtonClick: s,
   onRetryButtonClick: p
 }) => {
-  const [m, b] = e.useState(o || !1), f = n === "error", v = n === "success", h = u(Y[ke], a, {
-    [Y[`${ke}--error`]]: f,
-    [Y[`${ke}--success`]]: v
-  }), E = !(f && (p || s)), y = () => b(!m);
-  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: h }, /* @__PURE__ */ e.createElement("div", { className: Y[`${ke}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Y[`${ot}`] }, /* @__PURE__ */ e.createElement(
+  const [m, f] = e.useState(o || !1), b = n === "error", v = n === "success", h = u(K[ke], a, {
+    [K[`${ke}--error`]]: b,
+    [K[`${ke}--success`]]: v
+  }), y = !(b && (p || s)), E = () => f(!m);
+  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: h }, /* @__PURE__ */ e.createElement("div", { className: K[`${ke}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ot}`] }, /* @__PURE__ */ e.createElement(
     Ec,
     {
-      title: f && l || _,
+      title: b && l || _,
       progressValue: r,
       status: n,
       icon: c,
@@ -6994,19 +7037,19 @@ const aa = {
   ))) : /* @__PURE__ */ e.createElement("div", { className: h }, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: Y[`${ke}__wrapper`],
-      onClick: y
+      className: K[`${ke}__wrapper`],
+      onClick: E
     },
-    /* @__PURE__ */ e.createElement("div", { className: Y[`${ot}`] }, /* @__PURE__ */ e.createElement("div", { className: Y[`${ot}__icon`] }, wc(n, r)), /* @__PURE__ */ e.createElement("div", { className: Y[`${ot}__title`] }, /* @__PURE__ */ e.createElement(B, { size: "sm", as: "div" }, f ? l : _)), E && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: K[`${ot}`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__icon`] }, wc(n, r)), /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__title`] }, /* @__PURE__ */ e.createElement(B, { size: "sm", as: "div" }, b ? l : _)), y && /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: Y[`${ot}__collapse-button`],
+        className: K[`${ot}__collapse-button`],
         type: "button",
         "aria-label": "Collapse button",
-        onClick: y
+        onClick: E
       },
       m ? /* @__PURE__ */ e.createElement(x, { source: Oa }) : /* @__PURE__ */ e.createElement(x, { source: Ot })
-    ), n === "error" && /* @__PURE__ */ e.createElement("div", { className: Y[`${ot}__actions-container`] }, /* @__PURE__ */ e.createElement(
+    ), n === "error" && /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__actions-container`] }, /* @__PURE__ */ e.createElement(
       hr,
       {
         status: n,
@@ -7019,14 +7062,14 @@ const aa = {
     {
       timeout: yc,
       classNames: {
-        enter: Y[`${ke}__files--enter`],
-        enterActive: Y[`${ke}__files--enter-active`],
-        exit: Y[`${ke}__files--exit`],
-        exitActive: Y[`${ke}__files--exit-active`],
-        exitDone: Y[`${ke}__files--exit-done`]
+        enter: K[`${ke}__files--enter`],
+        enterActive: K[`${ke}__files--enter-active`],
+        exit: K[`${ke}__files--exit`],
+        exitActive: K[`${ke}__files--exit-active`],
+        exitDone: K[`${ke}__files--exit-done`]
       }
     },
-    /* @__PURE__ */ e.createElement("div", { className: Y[`${ke}__files`] }, /* @__PURE__ */ e.createElement("div", { className: Y[`${ke}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Y[`${ke}__files__list`] }, t)))
+    /* @__PURE__ */ e.createElement("div", { className: K[`${ke}__files`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ke}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ke}__files__list`] }, t)))
   )));
 };
 export {
@@ -7059,7 +7102,7 @@ export {
   ui as Form,
   mi as FormField,
   pi as FormGroup,
-  _e as Heading,
+  ne as Heading,
   x as Icon,
   Yc as Info,
   gi as Input,
@@ -7103,10 +7146,10 @@ export {
   Vo as SideNavigationItem,
   Kc as Simple,
   Di as SkeletonAvatar,
-  Ai as SkeletonText,
+  Pi as SkeletonText,
   Ti as SkeletonWrapper,
   Lc as SpacingToken,
-  Pi as StatusBadge,
+  Ai as StatusBadge,
   Fi as Switch,
   Ri as Tab,
   Li as TabsList,