@livechat/design-system-react-components 2.1.2 → 2.1.4

package/dist/index.js

@@ -21,7 +21,7 @@ var F = (e, t) => {
 };
 var gr = (e, t, r) => pr(e, typeof t != "symbol" ? t + "" : t, r);
 import { jsx as a, jsxs as f, Fragment as te } from "react/jsx-runtime";
-import * as g from "react";
+import * as h from "react";
 import { createContext as s_, useContext as d_, useState as Jt, useEffect as qe, useMemo as qt, useRef as Fr, useReducer as u_, useCallback as Ma, memo as m_ } from "react";
 import { ChevronDown as Ut, Check as xa, Close as Re, Info as $a, Warning as Bo, CheckCircle as Rr, Block as Eo, ChevronRight as ar, VisibilityOn as p_, VisibilityOff as g_, ChevronUp as rr, Person as h_, DoubleArrowLeft as f_, ChevronLeft as b_, DoubleArrowRight as v_, Add as k_, ChatBotColored as y_, PersonAdd as C_, TextLogoFull as w_, LiveChatMono as $_, ChatBotMono as N_, HelpDeskMono as x_, KnowledgeBaseMono as S_, OpenWidgetMono as B_, HelloMono as E_, TextAccounts as I_, Search as T_, LockBlack as A_, Refresh as D_, Error as P_ } from "@livechat/design-system-icons";
 import u from "clsx";
@@ -506,10 +506,10 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     [_, o, i]
   );
   return /* @__PURE__ */ a(Po.Provider, { value: l, children: e });
-}, Fo = g.createContext(
+}, Fo = h.createContext(
   void 0
 ), Ro = () => {
-  const e = g.useContext(Fo);
+  const e = h.useContext(Fo);
   if (!e)
     throw new Error("useAppFrame must be used within a AppFrameProvider");
   return e;
@@ -518,7 +518,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
   isSideNavigationVisible: t = !0,
   isMobileViewVisible: r = !1
 }) => {
-  const [_, o] = g.useState(t), [n, i] = g.useState(r), l = g.useMemo(
+  const [_, o] = h.useState(t), [n, i] = h.useState(r), l = h.useMemo(
     () => ({
       isSideNavigationVisible: _,
       toggleSideNavigationVisibility: () => o(!_),
@@ -537,8 +537,8 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
   isVisible: e,
   elementRef: t
 }) => {
-  const [r, _] = g.useState(e), [o, n] = g.useState(e);
-  return g.useEffect(() => {
+  const [r, _] = h.useState(e), [o, n] = h.useState(e);
+  return h.useEffect(() => {
     const i = t.current;
     if (!o && i) {
       const l = () => _(!1);
@@ -554,7 +554,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
       return;
     }
     return n(!1);
-  }, [o]), g.useEffect(() => {
+  }, [o]), h.useEffect(() => {
     if (e) {
       _(!0), requestAnimationFrame(() => n(!0));
       return;
@@ -586,7 +586,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     t(_);
   }) : Jr.unobserve(e));
 }, Oo = () => {
-  const [e, t] = g.useState(0), r = g.useCallback(
+  const [e, t] = h.useState(0), r = h.useCallback(
     (_) => Mo(
       _,
       (o) => t(o.height)
@@ -600,7 +600,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
 }, q_ = ({
   mobileBreakpoint: e
 }) => {
-  const [t, r] = g.useState(!1), _ = g.useCallback(
+  const [t, r] = h.useState(!1), _ = h.useCallback(
     (o) => Mo(
       o,
       (n) => r(n.width <= e)
@@ -690,7 +690,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     "disabled",
     "className",
     "customColor"
-  ]), d = g.createElement(t, k(k({}, Q_[r]), i ? { color: i } : {})), c = u(
+  ]), d = h.createElement(t, k(k({}, Q_[r]), i ? { color: i } : {})), c = u(
     n,
     eo[to],
     _ && eo[`${to}--${o ? "disabled--" : ""}${_}`]
@@ -746,7 +746,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     "customColor",
     "textAlign"
   ]);
-  return g.createElement(
+  return h.createElement(
     e || J_[t],
     k({
       className: u(
@@ -762,7 +762,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     r
   );
 }, A = (v) => {
-  var p = v, {
+  var m = v, {
     as: e = "p",
     size: t = "md",
     caps: r = !1,
@@ -774,8 +774,8 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     className: d,
     customColor: c,
     textAlign: s,
-    noMargin: h
-  } = p, m = F(p, [
+    noMargin: p
+  } = m, g = F(m, [
     "as",
     "size",
     "caps",
@@ -790,7 +790,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     "noMargin"
   ]);
   const b = "paragraph";
-  return g.createElement(
+  return h.createElement(
     e,
     k({
       className: u(
@@ -800,12 +800,12 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
           [Ze[`${b}--strike`]]: i,
           [Ze[`${b}--underline`]]: n,
           [Ze[`${b}--uppercase`]]: _ || r,
-          [Ze[`${b}--no-margin`]]: h
+          [Ze[`${b}--no-margin`]]: p
         },
         d
       ),
       style: k(k({}, c && { color: c }), s && { textAlign: s })
-    }, m),
+    }, g),
     l
   );
 }, es = (d) => {
@@ -826,7 +826,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     "textAlign",
     "bold"
   ]);
-  return g.createElement(
+  return h.createElement(
     e,
     k({
       className: u(
@@ -844,7 +844,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
   "accordion-multiline": "lc-AccordionMultilineElement-module__accordion-multiline___oI-PH",
   "accordion-multiline__inner": "lc-AccordionMultilineElement-module__accordion-multiline__inner___bBTnC"
 }, ro = "accordion-multiline", en = ({ children: e, isExpanded: t }) => {
-  const r = g.useRef(null), { isOpen: _, isMounted: o } = Lt({
+  const r = h.useRef(null), { isOpen: _, isMounted: o } = Lt({
     isVisible: !t,
     elementRef: r
   }), { size: n, handleResizeRef: i } = Oo();
@@ -869,7 +869,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
   closed: t,
   isOpen: r
 }) => {
-  const _ = g.useRef(null), o = g.useRef(null), [n, i] = g.useState(void 0), { isOpen: l, isMounted: d } = Lt({
+  const _ = h.useRef(null), o = h.useRef(null), [n, i] = h.useState(void 0), { isOpen: l, isMounted: d } = Lt({
     isVisible: r,
     elementRef: _
   }), { isOpen: c, isMounted: s } = Lt(
@@ -878,11 +878,11 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
       elementRef: o
     }
   );
-  return g.useEffect(() => {
-    const h = r ? _.current : o.current;
-    if (h) {
-      const m = h.getBoundingClientRect().height;
-      i(m);
+  return h.useEffect(() => {
+    const p = r ? _.current : o.current;
+    if (p) {
+      const g = p.getBoundingClientRect().height;
+      i(g);
     }
   }, [r, d, s]), /* @__PURE__ */ f(
     "div",
@@ -935,7 +935,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
   accordion__content__inner: cn,
   "accordion__content__inner--open": "lc-Accordion-module__accordion__content__inner--open___BhKjm"
 }, ut = "accordion", ts = (s) => {
-  var h = s, {
+  var p = s, {
     className: e,
     children: t,
     label: r,
@@ -945,7 +945,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     isOpen: i,
     onClose: l,
     onOpen: d
-  } = h, c = F(h, [
+  } = p, c = F(p, [
     "className",
     "children",
     "label",
@@ -956,13 +956,13 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     "onClose",
     "onOpen"
   ]);
-  const m = i !== void 0, v = m ? i : n, p = g.useRef(null), {
+  const g = i !== void 0, v = g ? i : n, m = h.useRef(null), {
     isOpen: b,
-    isMounted: y,
+    isMounted: C,
     setIsOpen: N
   } = Lt({
     isVisible: v,
-    elementRef: p
+    elementRef: m
   }), $ = u(
     dt[ut],
     dt[`${ut}--${o}`],
@@ -971,7 +971,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     },
     e
   ), { size: B, handleResizeRef: x } = Oo(), S = (w) => {
-    w ? (l == null || l(), !m && N(!1)) : (d == null || d(), !m && N(!0));
+    w ? (l == null || l(), !g && N(!1)) : (d == null || d(), !g && N(!0));
   };
   return /* @__PURE__ */ f(
     "div",
@@ -1011,8 +1011,8 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
           {
             className: dt[`${ut}__content`],
             style: { maxHeight: b ? B : 0 },
-            ref: p,
-            children: /* @__PURE__ */ a("div", { ref: x, children: y && /* @__PURE__ */ a(
+            ref: m,
+            children: /* @__PURE__ */ a("div", { ref: x, children: C && /* @__PURE__ */ a(
               A,
               {
                 as: "div",
@@ -1051,7 +1051,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
   "action-menu__list--with-footer": "lc-ActionMenu-module__action-menu__list--with-footer___21-ar",
   "action-menu__footer": "lc-ActionMenu-module__action-menu__footer___pb-RE"
 }, et = "action-menu", Lo = (b) => {
-  var y = b, {
+  var C = b, {
     className: e,
     triggerClassName: t,
     options: r,
@@ -1063,10 +1063,10 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     visible: d,
     onClose: c,
     onOpen: s,
-    floatingStrategy: h,
-    selectedOptions: m,
+    floatingStrategy: p,
+    selectedOptions: g,
     footer: v
-  } = y, p = F(y, [
+  } = C, m = F(C, [
     "className",
     "triggerClassName",
     "options",
@@ -1082,7 +1082,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     "selectedOptions",
     "footer"
   ]);
-  const N = d !== void 0, [$, B] = g.useState(n), [x, S] = g.useState(null), C = g.useRef(-1), w = or(), T = Sa(), R = g.useRef(null), U = N ? d : $, I = () => {
+  const N = d !== void 0, [$, B] = h.useState(n), [x, S] = h.useState(null), y = h.useRef(-1), w = or(), T = Sa(), R = h.useRef(null), U = N ? d : $, I = () => {
     U ? (c == null || c(), !N && B(!1)) : (s == null || s(), !N && B(!0));
   }, { x: P, y: z, strategy: le, refs: G, context: V } = Ba({
     nodeId: T,
@@ -1097,7 +1097,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     ],
     placement: o,
     open: U,
-    strategy: h,
+    strategy: p,
     onOpenChange: I,
     whileElementsMounted: Ia
   }), ke = Ta(V), Me = Aa(V, {
@@ -1120,7 +1120,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     })
   }), Nt = (M) => {
     var K, _e;
-    const W = C.current;
+    const W = y.current;
     let ce = W + M;
     for (; (K = r[ce]) != null && K.disabled || (_e = r[ce]) != null && _e.groupHeader; )
       if (ce += M, ce === -1) {
@@ -1130,19 +1130,19 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     return ce;
   }, nt = (M) => {
     var K, _e;
-    C.current = Nt(M);
-    const W = (K = R.current) == null ? void 0 : K.children, ce = W && ((_e = W[C.current]) == null ? void 0 : _e.children[0]);
+    y.current = Nt(M);
+    const W = (K = R.current) == null ? void 0 : K.children, ce = W && ((_e = W[y.current]) == null ? void 0 : _e.children[0]);
     return ce == null ? void 0 : ce.focus();
   }, Qe = (M) => {
-    M.key === ve.arrowUp && C.current > 0 && (M.preventDefault(), nt(-1)), M.key === ve.arrowDown && C.current + 1 < r.length && (M.preventDefault(), nt(1));
+    M.key === ve.arrowUp && y.current > 0 && (M.preventDefault(), nt(-1)), M.key === ve.arrowDown && y.current + 1 < r.length && (M.preventDefault(), nt(1));
   };
-  g.useEffect(() => {
+  h.useEffect(() => {
     if (U)
       return document.addEventListener("keydown", Qe), () => document.removeEventListener("keydown", Qe);
-    C.current = -1;
+    y.current = -1;
   }, [U, Qe]);
   const it = (M, W) => {
-    C.current = M, W == null || W(), !N && !i && (B(!1), c == null || c());
+    y.current = M, W == null || W(), !N && !i && (B(!1), c == null || c());
   }, lt = (M, W) => M.groupHeader ? /* @__PURE__ */ a(
     "li",
     {
@@ -1162,11 +1162,11 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
       className: u(Je[`${et}__list__item`], {
         [Je[`${et}__list__item--disabled`]]: M.disabled,
         [Je[`${et}__list__item--with-divider`]]: M.withDivider,
-        [Je[`${et}__list__item--selected`]]: m == null ? void 0 : m.includes(M.key)
+        [Je[`${et}__list__item--selected`]]: g == null ? void 0 : g.includes(M.key)
       }),
       children: [
         M.element,
-        (m == null ? void 0 : m.includes(M.key)) && /* @__PURE__ */ a(
+        (g == null ? void 0 : g.includes(M.key)) && /* @__PURE__ */ a(
           "div",
           {
             "data-testid": `${M.key}-selected-icon`,
@@ -1203,7 +1203,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
         children: [
           r.length > 0 && /* @__PURE__ */ a(
             "ul",
-            E(k({}, p), {
+            E(k({}, m), {
               className: u(
                 Je[`${et}__list`],
                 {
@@ -1346,9 +1346,9 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
   "btn--animated-label": "lc-Button-module__btn--animated-label___8uZTa",
   btn__content: kn,
   "btn--animated-label--expanded": "lc-Button-module__btn--animated-label--expanded___dTfmD"
-}, de = "btn", Z = g.forwardRef(
-  (y, b) => {
-    var N = y, {
+}, de = "btn", Z = h.forwardRef(
+  (C, b) => {
+    var N = C, {
       loading: e = !1,
       disabled: t = !1,
       type: r = "button",
@@ -1360,10 +1360,10 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
       loaderLabel: d,
       className: c,
       children: s,
-      href: h,
-      onClick: m,
+      href: p,
+      onClick: g,
       animatedLabel: v
-    } = N, p = F(N, [
+    } = N, m = F(N, [
       "loading",
       "disabled",
       "type",
@@ -1379,7 +1379,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
       "onClick",
       "animatedLabel"
     ]);
-    const [$, B] = g.useState(0), [x, S] = g.useState(!1), C = e || t, w = !s && i, T = v && s && i, R = ["text", "link", "link-light"].includes(o), U = h ? "a" : "button", I = u(
+    const [$, B] = h.useState(0), [x, S] = h.useState(!1), y = e || t, w = !s && i, T = v && s && i, R = ["text", "link", "link-light"].includes(o), U = p ? "a" : "button", I = u(
       se[de],
       se[`${de}--${o}`],
       se[`${de}--${n}`],
@@ -1389,7 +1389,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
         [se[`${de}--with-${l}-icon`]]: i && !w && !R,
         [se[`${de}--icon-only`]]: w,
         [se[`${de}--icon-only--bg`]]: w && R,
-        [se[`${de}--disabled`]]: C,
+        [se[`${de}--disabled`]]: y,
         [se[`${de}--animated-label`]]: T,
         [se[`${de}--animated-label--expanded`]]: T && x
       },
@@ -1400,28 +1400,28 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
       E(k(k(k({
         ref: b,
         className: I,
-        "aria-disabled": C,
+        "aria-disabled": y,
         type: r,
-        disabled: C
-      }, !C && { href: h, onClick: m }), p), T && {
+        disabled: y
+      }, !y && { href: p, onClick: g }), m), T && {
         onMouseEnter: (P) => _o(
           P,
           () => S(!0),
-          p == null ? void 0 : p.onMouseEnter
+          m == null ? void 0 : m.onMouseEnter
         ),
         onMouseLeave: (P) => _o(
           P,
           () => S(!1),
-          p == null ? void 0 : p.onMouseLeave
+          m == null ? void 0 : m.onMouseLeave
         ),
         onBlur: (P) => gn(
           P,
           () => S(!1),
-          p == null ? void 0 : p.onBlur
+          m == null ? void 0 : m.onBlur
         ),
         onKeyUp: (P) => {
           var z;
-          (P.key === "Enter" || P.key === " ") && S(!0), P.key === "Escape" && S(!1), (z = p == null ? void 0 : p.onKeyUp) == null || z.call(p, P);
+          (P.key === "Enter" || P.key === " ") && S(!0), P.key === "Escape" && S(!1), (z = m == null ? void 0 : m.onKeyUp) == null || z.call(m, P);
         }
       }), {
         children: [
@@ -1434,7 +1434,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
               className: se[`${de}__loader`]
             }, pn(o))
           ),
-          i && g.cloneElement(i, {
+          i && h.cloneElement(i, {
             className: u(
               // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
               i.props.className,
@@ -1540,18 +1540,18 @@ const Cn = (e) => {
   fullSpaceContent: d,
   onClose: c,
   onOpen: s,
-  withFadeAnimation: h = !0,
-  transitionDuration: m = 200,
+  withFadeAnimation: p = !0,
+  transitionDuration: g = 200,
   hoverOnDuration: v,
-  hoverOffDuration: p,
+  hoverOffDuration: m,
   transitionDelay: b = 0,
-  hoverOnDelay: y,
+  hoverOnDelay: C,
   hoverOffDelay: N,
   triggerOnClick: $ = !1,
   triggerOnHover: B = !0,
   offsetMainAxis: x = 8,
   offsetCrossAxis: S = 0,
-  referenceElement: C,
+  referenceElement: y,
   activationThreshold: w = 0,
   useDismissHookProps: T,
   useClickHookProps: R,
@@ -1561,14 +1561,14 @@ const Cn = (e) => {
   closeOnTriggerBlur: z = !1,
   floatingStrategy: le
 }) => {
-  const G = l !== void 0, [V, ke] = g.useState(!1), Me = g.useRef(null), Oe = G ? l : V, je = n || o, Te = or(), _t = Sa(), Nt = u(
+  const G = l !== void 0, [V, ke] = h.useState(!1), Me = h.useRef(null), Oe = G ? l : V, je = n || o, Te = or(), _t = Sa(), Nt = u(
     O[Oa],
     t,
     je && O[`${Oa}--${je}`],
     d && O[`${Oa}--full-space`]
   ), nt = typeof _ == "function", Qe = (xe) => {
     xe !== Oe && (xe ? s == null || s() : c == null || c(), !G && ke(xe));
-  }, it = (xe) => h ? xe != null ? xe : m : 0, lt = (xe) => xe != null ? xe : b, {
+  }, it = (xe) => p ? xe != null ? xe : g : 0, lt = (xe) => xe != null ? xe : b, {
     floatingStyles: ct,
     refs: M,
     context: W,
@@ -1590,7 +1590,7 @@ const Cn = (e) => {
     move: !1,
     restMs: w,
     delay: {
-      open: lt(y),
+      open: lt(C),
       close: lt(N || U)
     },
     enabled: B,
@@ -1600,7 +1600,7 @@ const Cn = (e) => {
   }, R)), { isMounted: cr, styles: sr } = Mr(W, {
     duration: {
       open: it(v),
-      close: it(p)
+      close: it(m)
     }
   }), { status: dr } = L_(W), { getReferenceProps: ur, getFloatingProps: mr } = Pa([
     _e,
@@ -1609,9 +1609,9 @@ const Cn = (e) => {
     zt,
     lr
   ]);
-  g.useEffect(() => {
-    C && M.setReference(C);
-  }, [M.setReference, C]);
+  h.useEffect(() => {
+    y && M.setReference(y);
+  }, [M.setReference, y]);
   const Fa = /* @__PURE__ */ f(te, { children: [
     /* @__PURE__ */ a(
       "div",
@@ -1885,9 +1885,9 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
     parentElementName: r,
     isVisible: _ = !1,
     shouldSlide: o = !0
-  } = e, [n, i] = g.useState(
+  } = e, [n, i] = h.useState(
     null
-  ), [l, d] = g.useState(null), [c, s] = g.useState(o), h = () => {
+  ), [l, d] = h.useState(null), [c, s] = h.useState(o), p = () => {
     n && (d(
       lo(
         n,
@@ -1895,17 +1895,17 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
       ).getBoundingClientRect()
     ), s(!1));
   };
-  return g.useEffect(() => {
+  return h.useEffect(() => {
     if (n !== null)
-      return window.addEventListener("resize", h), window.addEventListener("scroll", h), () => {
-        window.removeEventListener("resize", h), window.removeEventListener("scroll", h);
+      return window.addEventListener("resize", p), window.addEventListener("scroll", p), () => {
+        window.removeEventListener("resize", p), window.removeEventListener("scroll", p);
       };
-  }, [n]), g.useEffect(() => {
+  }, [n]), h.useEffect(() => {
     if (r) {
-      const m = document.querySelector(r);
-      i(m);
+      const g = document.querySelector(r);
+      i(g);
     }
-  }, [r]), g.useEffect(() => {
+  }, [r]), h.useEffect(() => {
     n && d(
       lo(
         n,
@@ -2039,20 +2039,20 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
   vertical: n,
   menuFooter: i
 }) => {
-  const [l, d] = g.useState(
+  const [l, d] = h.useState(
     _.length
-  ), [c, s] = g.useState([]), [h, m] = g.useState(!1), v = r === "scroll", p = u(
+  ), [c, s] = h.useState([]), [p, g] = h.useState(!1), v = r === "scroll", m = u(
     j[La],
     e,
     n && j[`${La}--vertical`]
   ), b = !v && c.length !== 0;
-  g.useEffect(() => {
+  h.useEffect(() => {
     v || (_.length > l ? s(_.slice(l, _.length)) : s([]));
-  }, [_, l]), g.useEffect(() => {
+  }, [_, l]), h.useEffect(() => {
     const $ = !!window.ResizeObserver;
     if (!v && $) {
       const B = new ResizeObserver((x) => {
-        const { width: S, height: C } = x[0].contentRect, w = n ? C : S, T = c.length > 0 ? 60 : 0, R = Math.floor(
+        const { width: S, height: y } = x[0].contentRect, w = n ? y : S, T = c.length > 0 ? 60 : 0, R = Math.floor(
           (w - T) / Tn
         );
         R >= 0 && R !== l && d(R);
@@ -2060,7 +2060,7 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
       return B.observe(document.querySelector(`#${t}`)), () => B.disconnect();
     }
   }, [c, v, l]);
-  const y = g.useCallback(() => c.reduce(
+  const C = h.useCallback(() => c.reduce(
     ($, B) => {
       if (!B.hideInMenu) {
         const x = {
@@ -2075,7 +2075,7 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
     },
     []
   ), [c]), N = c.find(($) => $.key === o);
-  return /* @__PURE__ */ f("div", { id: t, className: p, children: [
+  return /* @__PURE__ */ f("div", { id: t, className: m, children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -2104,11 +2104,11 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
           Lo,
           {
             selectedOptions: o ? [o] : [],
-            onOpen: () => m(!0),
-            onClose: () => m(!1),
+            onOpen: () => g(!0),
+            onClose: () => g(!1),
             floatingStrategy: "fixed",
             placement: n ? "left-start" : "bottom-end",
-            options: y(),
+            options: C(),
             triggerClassName: u(
               n && j[`${pt}__trigger-vertical`]
             ),
@@ -2127,7 +2127,7 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
                     kind: "primary",
                     className: u(
                       j[`${pt}__button__icon`],
-                      h && j[`${pt}__button__icon--open`]
+                      p && j[`${pt}__button__icon--open`]
                     )
                   }
                 ),
@@ -2254,7 +2254,7 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
     "kind",
     "onClose"
   ]);
-  const c = g.useRef(null), [s, h] = g.useState(null), m = u(
+  const c = h.useRef(null), [s, p] = h.useState(null), g = u(
     Ae[De],
     Ae[`${De}--${o}`],
     s === "large" && Ae[`${De}--large`],
@@ -2262,12 +2262,12 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
     s === "small" && Ae[`${De}--small`],
     t
   );
-  return g.useEffect(() => {
-    const v = () => c.current && c.current.offsetWidth <= 400 ? h("small") : c.current && c.current.offsetWidth > 400 && c.current.offsetWidth <= 800 ? h("medium") : h("large"), p = To(() => {
+  return h.useEffect(() => {
+    const v = () => c.current && c.current.offsetWidth <= 400 ? p("small") : c.current && c.current.offsetWidth > 400 && c.current.offsetWidth <= 800 ? p("medium") : p("large"), m = To(() => {
       v();
     }, 500);
-    return window.addEventListener("resize", p), v(), () => window.removeEventListener("resize", p);
-  }), /* @__PURE__ */ f("div", E(k({ ref: c, className: m }, i), { children: [
+    return window.addEventListener("resize", m), v(), () => window.removeEventListener("resize", m);
+  }), /* @__PURE__ */ f("div", E(k({ ref: c, className: g }, i), { children: [
     /* @__PURE__ */ f("div", { className: Ae[`${De}__content`], children: [
       /* @__PURE__ */ f("div", { className: Ae[`${De}__content__wrapper`], children: [
         /* @__PURE__ */ a(
@@ -2336,28 +2336,28 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
     sideNavigationContainerClassName: d,
     contentClassName: c,
     mobileViewBreakpoint: s = 705
-  } = e, h = u(Pe[zo], r), {
-    isSideNavigationVisible: m,
+  } = e, p = u(Pe[zo], r), {
+    isSideNavigationVisible: g,
     setIsMobileViewEnabled: v,
-    isMobileViewEnabled: p
-  } = Ro(), b = g.useRef(null), { isOpen: y, isMounted: N } = Lt({
-    isVisible: m,
+    isMobileViewEnabled: m
+  } = Ro(), b = h.useRef(null), { isOpen: C, isMounted: N } = Lt({
+    isVisible: g,
     elementRef: b
   }), { isMobile: $, handleResizeRef: B } = q_({
     mobileBreakpoint: s
   });
-  return g.useEffect(() => {
+  return h.useEffect(() => {
     v($);
-  }, [$]), /* @__PURE__ */ f("div", { className: h, ref: B, children: [
-    !p && _,
+  }, [$]), /* @__PURE__ */ f("div", { className: p, ref: B, children: [
+    !m && _,
     /* @__PURE__ */ f(
       "div",
       {
         className: u(Pe[Le], {
-          [Pe[`${Le}--mobile`]]: p
+          [Pe[`${Le}--mobile`]]: m
         }),
         children: [
-          !p && /* @__PURE__ */ a(
+          !m && /* @__PURE__ */ a(
             "div",
             {
               className: u(
@@ -2375,10 +2375,10 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
             "div",
             {
               className: u(Pe[`${Le}__content-wrapper`], {
-                [Pe[`${Le}__content-wrapper--mobile`]]: p
+                [Pe[`${Le}__content-wrapper--mobile`]]: m
               }),
               children: [
-                !p && n && /* @__PURE__ */ a(
+                !m && n && /* @__PURE__ */ a(
                   "div",
                   {
                     ref: b,
@@ -2387,7 +2387,7 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
                       "lc-dark-theme",
                       d,
                       {
-                        [Pe[`${Le}__content-wrapper__nav-bar-wrapper--open`]]: y
+                        [Pe[`${Le}__content-wrapper__nav-bar-wrapper--open`]]: C
                       }
                     ),
                     children: N && n
@@ -2400,13 +2400,13 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
                       Pe[`${Le}__content-wrapper__content`],
                       c,
                       {
-                        [Pe[`${Le}__content-wrapper__content--mobile`]]: p
+                        [Pe[`${Le}__content-wrapper__content--mobile`]]: m
                       }
                     ),
                     children: t
                   }
                 ),
-                p && /* @__PURE__ */ f(te, { children: [
+                m && /* @__PURE__ */ f(te, { children: [
                   /* @__PURE__ */ a(
                     "div",
                     {
@@ -2478,8 +2478,8 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
   "side-navigation-item__label": "lc-SideNavigationItem-module__side-navigation-item__label___dpMyX",
   "side-navigation-item__label--active": "lc-SideNavigationItem-module__side-navigation-item__label--active___4vImp",
   "side-navigation-item__custom-label--active": "lc-SideNavigationItem-module__side-navigation-item__custom-label--active___UWDu9"
-}, Ue = "side-navigation-item", Vn = (m) => {
-  var v = m, {
+}, Ue = "side-navigation-item", Vn = (g) => {
+  var v = g, {
     leftNode: e,
     shouldKeepIconSpace: t = !0,
     url: r,
@@ -2491,7 +2491,7 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
     isMainEntry: d,
     onItemHover: c,
     isIconHidden: s
-  } = v, h = F(v, [
+  } = v, p = F(v, [
     "leftNode",
     "shouldKeepIconSpace",
     "url",
@@ -2504,9 +2504,9 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
     "onItemHover",
     "isIconHidden"
   ]);
-  const p = typeof _ == "string", b = (N) => {
+  const m = typeof _ == "string", b = (N) => {
     N.preventDefault(), i == null || i();
-  }, y = (N) => {
+  }, C = (N) => {
     N.key === "Enter" && (N.preventDefault(), i == null || i());
   };
   return /* @__PURE__ */ a(
@@ -2515,7 +2515,7 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
       className: u([Ge[Ue], o]),
       "data-testid": l ? Hn : Un,
       "data-active": l
-    }, h), {
+    }, p), {
       children: /* @__PURE__ */ f(
         "a",
         {
@@ -2527,7 +2527,7 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
           }),
           href: r,
           onClick: b,
-          onKeyDown: y,
+          onKeyDown: C,
           onMouseEnter: c || Na,
           onFocus: c || Na,
           children: [
@@ -2541,7 +2541,7 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
                 children: e
               }
             ),
-            p ? /* @__PURE__ */ a(
+            m ? /* @__PURE__ */ a(
               A,
               {
                 bold: l || d,
@@ -2584,21 +2584,21 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
   shouldOpenOnInit: i = !1,
   shouldOpenOnActive: l = !1
 }) => {
-  const [d, c] = g.useState(!1), [s, h] = g.useState(0), m = g.useRef(!1), v = g.useRef(null), { isOpen: p, isMounted: b, setIsOpen: y } = Lt({
+  const [d, c] = h.useState(!1), [s, p] = h.useState(0), g = h.useRef(!1), v = h.useRef(null), { isOpen: m, isMounted: b, setIsOpen: C } = Lt({
     isVisible: !o || i,
     elementRef: v
-  }), N = typeof t == "function" ? t(p) : t, $ = typeof e == "function" ? e(p) : e, B = () => y(!0), x = () => {
-    o && y((C) => !C);
-  }, S = (C) => {
-    const w = C == null ? void 0 : C.getElementsByTagName("li"), T = w != null && w.length ? [...w].some(
+  }), N = typeof t == "function" ? t(m) : t, $ = typeof e == "function" ? e(m) : e, B = () => C(!0), x = () => {
+    o && C((y) => !y);
+  }, S = (y) => {
+    const w = y == null ? void 0 : y.getElementsByTagName("li"), T = w != null && w.length ? [...w].some(
       (U) => U.getAttribute("data-active") === "true"
     ) : !1;
     c(T);
     const R = ((w == null ? void 0 : w.length) || 0) * Wn;
-    h(R);
+    p(R);
   };
-  return g.useEffect(() => {
-    l && (!m.current && d && B(), m.current = d);
+  return h.useEffect(() => {
+    l && (!g.current && d && B(), g.current = d);
   }, [d, l]), /* @__PURE__ */ f("div", { "data-testid": "side-navigation-group", className: xt[St], children: [
     o ? /* @__PURE__ */ a(
       Vn,
@@ -2607,7 +2607,7 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
           "div",
           {
             className: u(xt[`${St}__chevron`], {
-              [xt[`${St}__chevron--active`]]: p
+              [xt[`${St}__chevron--active`]]: m
             }),
             children: /* @__PURE__ */ a(D, { source: ar, size: "small" })
           }
@@ -2634,10 +2634,10 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
         className: u([
           xt[`${St}__list-wrapper`],
           {
-            [xt[`${St}__list-wrapper--expanded`]]: p
+            [xt[`${St}__list-wrapper--expanded`]]: m
           }
         ]),
-        style: { maxHeight: p ? s : 0 },
+        style: { maxHeight: m ? s : 0 },
         children: b && /* @__PURE__ */ a(
           "ul",
           {
@@ -2741,8 +2741,8 @@ const Yn = "lc-Badge-module__badge___ZbEBU", Xn = "lc-Badge-module__badge__dot__
     size: "compact",
     type: e
   }
-), ms = (h) => {
-  var m = h, {
+), ms = (p) => {
+  var g = p, {
     id: e,
     label: t,
     icon: r,
@@ -2753,7 +2753,7 @@ const Yn = "lc-Badge-module__badge___ZbEBU", Xn = "lc-Badge-module__badge__dot__
     isActive: l,
     onClick: d,
     className: c
-  } = m, s = F(m, [
+  } = g, s = F(g, [
     "id",
     "label",
     "icon",
@@ -2806,7 +2806,7 @@ const Yn = "lc-Badge-module__badge___ZbEBU", Xn = "lc-Badge-module__badge__dot__
                   },
                   "lc-dark-theme"
                 ),
-                onClick: (p) => !n && d(p, e),
+                onClick: (m) => !n && d(m, e),
                 href: _
               }, s), {
                 children: [
@@ -2875,21 +2875,21 @@ const Yn = "lc-Badge-module__badge___ZbEBU", Xn = "lc-Badge-module__badge__dot__
   secondaryCta: n,
   isVisible: i = !0
 }) => {
-  const l = g.useRef(null), { isMounted: d, isOpen: c } = Lt({
+  const l = h.useRef(null), { isMounted: d, isOpen: c } = Lt({
     isVisible: i,
     elementRef: l
-  }), s = window.matchMedia("(max-width: 768px)").matches, h = t === "warning" ? "link-inverted" : "text", m = t === "warning" ? "plain-lock-black" : "high-contrast", v = o || n ? /* @__PURE__ */ f("div", { className: ot[`${Bt}__cta-wrapper`], children: [
+  }), s = window.matchMedia("(max-width: 768px)").matches, p = t === "warning" ? "link-inverted" : "text", g = t === "warning" ? "plain-lock-black" : "high-contrast", v = o || n ? /* @__PURE__ */ f("div", { className: ot[`${Bt}__cta-wrapper`], children: [
     o && /* @__PURE__ */ a(
       Z,
       E(k({
         size: "compact",
-        kind: s ? h : m
+        kind: s ? p : g
       }, o), {
         children: o.label
       })
     ),
-    n && /* @__PURE__ */ a(Z, E(k({ size: "compact", kind: h }, n), { children: n.label }))
-  ] }) : null, p = /* @__PURE__ */ f(te, { children: [
+    n && /* @__PURE__ */ a(Z, E(k({ size: "compact", kind: p }, n), { children: n.label }))
+  ] }) : null, m = /* @__PURE__ */ f(te, { children: [
     /* @__PURE__ */ f("div", { className: ot[`${Bt}__children-wrapper`], children: [
       _,
       v
@@ -2928,7 +2928,7 @@ const Yn = "lc-Badge-module__badge___ZbEBU", Xn = "lc-Badge-module__badge__dot__
             },
             e
           ),
-          children: p
+          children: m
         }
       )
     }
@@ -2998,7 +2998,7 @@ const Ha = {
   "input__icon--left": "lc-Input-module__input__icon--left___IBzj8",
   "input__icon--right": "lc-Input-module__input__icon--right___lw1xQ",
   "input__visibility-button": "lc-Input-module__input__visibility-button___lmD5H"
-}, Xe = "input", uo = (e, t) => g.cloneElement(e.source, {
+}, Xe = "input", uo = (e, t) => h.cloneElement(e.source, {
   "data-testid": `input-icon-${e.place}`,
   className: u(
     Ye[`${Xe}__icon`],
@@ -3007,7 +3007,7 @@ const Ha = {
       [Ye[`${Xe}__icon--disabled`]]: t
     }
   )
-}), oi = g.forwardRef(
+}), oi = h.forwardRef(
   (d, l) => {
     var c = d, {
       inputSize: e = "medium",
@@ -3024,20 +3024,20 @@ const Ha = {
       "className",
       "cropOnBlur"
     ]);
-    const s = g.useRef(null);
-    g.useImperativeHandle(l, () => s.current, []);
-    const [h, m] = g.useState(!1), [v, p] = g.useState(!1), { type: b, onFocus: y, onBlur: N } = i, $ = u(
+    const s = h.useRef(null);
+    h.useImperativeHandle(l, () => s.current, []);
+    const [p, g] = h.useState(!1), [v, m] = h.useState(!1), { type: b, onFocus: C, onBlur: N } = i, $ = u(
       o,
       Ye[Xe],
       Ye[`${Xe}--${e}`],
       {
         [Ye[`${Xe}--disabled`]]: r,
-        [Ye[`${Xe}--focused`]]: h,
+        [Ye[`${Xe}--focused`]]: p,
         [Ye[`${Xe}--error`]]: t,
         [Ye[`${Xe}--crop`]]: n,
         [Ye[`${Xe}--read-only`]]: i.readOnly
       }
-    ), B = r ? "var(--content-disabled)" : "var(--content-default)", x = v ? p_ : g_, S = _ && _.place === "left", C = _ && b !== "password" && _.place === "right";
+    ), B = r ? "var(--content-disabled)" : "var(--content-default)", x = v ? p_ : g_, S = _ && _.place === "left", y = _ && b !== "password" && _.place === "right";
     return /* @__PURE__ */ f(
       A,
       {
@@ -3056,16 +3056,16 @@ const Ha = {
             E(k({}, i), {
               ref: s,
               onFocus: (T) => {
-                m(!0), y == null || y(T);
+                g(!0), C == null || C(T);
               },
               onBlur: (T) => {
-                m(!1), N == null || N(T);
+                g(!1), N == null || N(T);
               },
               disabled: r,
               type: b && !v ? b : "text"
             })
           ),
-          C && uo(_, r),
+          y && uo(_, r),
           b === "password" && /* @__PURE__ */ a(
             Z,
             {
@@ -3073,7 +3073,7 @@ const Ha = {
               kind: "text",
               size: "compact",
               icon: /* @__PURE__ */ a(D, { customColor: B, source: x }),
-              onClick: () => p((T) => !T),
+              onClick: () => m((T) => !T),
               className: Ye[`${Xe}__visibility-button`]
             }
           )
@@ -3112,7 +3112,7 @@ const Qt = "select-all", ni = (e, t) => {
   checkbox__square: pi,
   "checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___kRNDo",
   checkbox__helper: gi
-}, Pt = "checkbox", hi = g.forwardRef(
+}, Pt = "checkbox", hi = h.forwardRef(
   (l, i) => {
     var d = l, { checked: e, disabled: t, children: r, description: _, className: o } = d, n = F(d, ["checked", "disabled", "children", "description", "className"]);
     return /* @__PURE__ */ f(
@@ -3167,8 +3167,8 @@ const Qt = "select-all", ni = (e, t) => {
   numberOfItems: l
 }) => {
   const d = (s) => {
-    var h;
-    return (h = s == null ? void 0 : s.customElement) != null && h.listItemBody ? /* @__PURE__ */ a("div", { className: ye[`${He}__custom`], children: s.customElement.listItemBody }) : /* @__PURE__ */ f(te, { children: [
+    var p;
+    return (p = s == null ? void 0 : s.customElement) != null && p.listItemBody ? /* @__PURE__ */ a("div", { className: ye[`${He}__custom`], children: s.customElement.listItemBody }) : /* @__PURE__ */ f(te, { children: [
       s.showCheckbox && /* @__PURE__ */ a(
         hi,
         {
@@ -3283,17 +3283,17 @@ const Qt = "select-all", ni = (e, t) => {
   isPositioned: d,
   searchDisabled: c,
   onItemRemove: s,
-  setPointer: h,
-  onSelect: m,
+  setPointer: p,
+  onSelect: g,
   getFloatingProps: v,
-  getItemProps: p,
+  getItemProps: m,
   emptyStateText: b = "No results found",
-  hideWhenEmpty: y = !1,
+  hideWhenEmpty: C = !1,
   pickerType: N = "single",
   listClassName: $,
   virtuosoProps: B
 }) => {
-  const [x, S] = g.useState(0), C = Fr(null), w = o.length, T = g.useCallback(
+  const [x, S] = h.useState(0), y = Fr(null), w = o.length, T = h.useCallback(
     (I) => {
       I !== x && (I < _ ? S(I + (w - 1) * _i) : S(_));
     },
@@ -3301,11 +3301,11 @@ const Qt = "select-all", ni = (e, t) => {
   );
   if (qe(() => {
     var I;
-    c && d && n !== null && ((I = C.current) == null || I.focus());
+    c && d && n !== null && ((I = y.current) == null || I.focus());
   }, [c, d, n]), qe(() => {
     l.current = new Array(o.length);
   }, [o.length]), o.length === 0)
-    return y ? null : /* @__PURE__ */ a(Br, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ a(
+    return C ? null : /* @__PURE__ */ a(Br, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ a(
       "div",
       {
         className: u(la.listbox, la["no-results"]),
@@ -3331,19 +3331,19 @@ const Qt = "select-all", ni = (e, t) => {
       children: /* @__PURE__ */ a(
         "div",
         E(k({
-          ref: C,
+          ref: y,
           tabIndex: 0,
           "aria-multiselectable": N === "multi",
           className: la["listbox-wrapper"]
         }, v({
           onKeyDown(I) {
-            h(!1), I.key === "Enter" && n !== null && m(o[n].key), (I.key === "Backspace" || I.key === "Delete") && U(), I.key === " " && I.preventDefault();
+            p(!1), I.key === "Enter" && n !== null && g(o[n].key), (I.key === "Backspace" || I.key === "Delete") && U(), I.key === " " && I.preventDefault();
           },
           onKeyUp(I) {
-            I.key === " " && n !== null && m(o[n].key);
+            I.key === " " && n !== null && g(o[n].key);
           },
           onPointerMove() {
-            h(!0);
+            p(!0);
           }
         })), {
           children: /* @__PURE__ */ a(
@@ -3359,11 +3359,11 @@ const Qt = "select-all", ni = (e, t) => {
                 fi,
                 {
                   index: I,
-                  getItemProps: p,
+                  getItemProps: m,
                   listElementsRef: l,
                   isActive: n === I,
                   isSelected: R(P.key),
-                  onSelect: m,
+                  onSelect: g,
                   item: P,
                   numberOfItems: w
                 }
@@ -3404,11 +3404,11 @@ const Qt = "select-all", ni = (e, t) => {
   isRequired: d,
   isOpen: c,
   isError: s,
-  onClear: h,
-  children: m,
+  onClear: p,
+  children: g,
   setTriggerFocus: v
 }) => {
-  const p = u(
+  const m = u(
     Ce[fe],
     Ce[`${fe}--${_}`],
     o && Ce[`${fe}--multi-select`],
@@ -3416,10 +3416,10 @@ const Qt = "select-all", ni = (e, t) => {
     l && Ce[`${fe}--disabled`],
     c && Ce[`${fe}--focused`],
     s && Ce[`${fe}--error`]
-  ), b = !i && n && !l && !d, y = (N) => {
-    N.stopPropagation(), h();
+  ), b = !i && n && !l && !d, C = (N) => {
+    N.stopPropagation(), p();
   };
-  return g.useEffect(() => {
+  return h.useEffect(() => {
     c || v(!1);
   }, [c]), /* @__PURE__ */ f(
     "button",
@@ -3427,7 +3427,7 @@ const Qt = "select-all", ni = (e, t) => {
       tabIndex: l ? -1 : 0,
       "aria-disabled": l,
       disabled: l,
-      className: p,
+      className: m,
       "data-testid": r,
       ref: e,
       type: "button"
@@ -3444,7 +3444,7 @@ const Qt = "select-all", ni = (e, t) => {
               Ce[`${fe}__content--${_}`],
               o && n && Ce[`${fe}__content--with-items`]
             ),
-            children: m
+            children: g
           }
         ),
         /* @__PURE__ */ f(
@@ -3460,7 +3460,7 @@ const Qt = "select-all", ni = (e, t) => {
                 {
                   "data-testid": `${fe}__clear-icon`,
                   className: Ce[`${fe}__clear-icon`],
-                  onClick: y,
+                  onClick: C,
                   children: /* @__PURE__ */ a(D, { kind: "primary", size: "small", source: Re })
                 }
               ),
@@ -3513,8 +3513,8 @@ const Qt = "select-all", ni = (e, t) => {
   "tag__remove--hover": "lc-Tag-module__tag__remove--hover___tILiT",
   tag__node: Ci,
   tag__content: wi
-}, Be = "tag", $i = (e) => e ? Gr(e, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Zo = (p) => {
-  var b = p, {
+}, Be = "tag", $i = (e) => e ? Gr(e, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Zo = (m) => {
+  var b = m, {
     className: e = "",
     children: t,
     dismissibleOnHover: r = !1,
@@ -3526,8 +3526,8 @@ const Qt = "select-all", ni = (e, t) => {
     leftNode: d,
     rightNode: c,
     customColor: s,
-    iconOnly: h = !1,
-    value: m
+    iconOnly: p = !1,
+    value: g
   } = b, v = F(b, [
     "className",
     "children",
@@ -3543,7 +3543,7 @@ const Qt = "select-all", ni = (e, t) => {
     "iconOnly",
     "value"
   ]);
-  const y = r || i && h, N = u(
+  const C = r || i && p, N = u(
     Se[Be],
     e,
     Se[`${Be}--${o}`],
@@ -3551,8 +3551,8 @@ const Qt = "select-all", ni = (e, t) => {
     {
       [Se[`${Be}--outline`]]: l,
       [Se[`${Be}--${$i(s)}`]]: !!s,
-      [Se[`${Be}--icon-only`]]: h,
-      [Se[`${Be}--dismissible-on-hover`]]: y
+      [Se[`${Be}--icon-only`]]: p,
+      [Se[`${Be}--dismissible-on-hover`]]: C
     }
   ), $ = o === "small" ? "small" : "medium", B = o === "small" ? "sm" : "md", x = () => s ? l ? {
     style: {
@@ -3573,7 +3573,7 @@ const Qt = "select-all", ni = (e, t) => {
       size: B,
       children: [
         /* @__PURE__ */ f("div", { className: Se[`${Be}__content-wrapper`], children: [
-          d && !h && /* @__PURE__ */ a(
+          d && !p && /* @__PURE__ */ a(
             "div",
             {
               "data-testid": "lc-tag-left-node",
@@ -3582,8 +3582,8 @@ const Qt = "select-all", ni = (e, t) => {
               children: d
             }
           ),
-          /* @__PURE__ */ a("div", { className: Se[`${Be}__content`], children: m || t }),
-          c && !h && /* @__PURE__ */ a(
+          /* @__PURE__ */ a("div", { className: Se[`${Be}__content`], children: g || t }),
+          c && !p && /* @__PURE__ */ a(
             "div",
             {
               "data-testid": "lc-tag-right-node",
@@ -3602,7 +3602,7 @@ const Qt = "select-all", ni = (e, t) => {
             role: "button",
             "aria-label": "Remove tag",
             className: u(Se[`${Be}__remove`], {
-              [Se[`${Be}__remove--hover`]]: y
+              [Se[`${Be}__remove--hover`]]: C
             }),
             children: /* @__PURE__ */ a(
               D,
@@ -3648,21 +3648,21 @@ const Qt = "select-all", ni = (e, t) => {
   onItemRemove: d,
   onSelect: c,
   onFilter: s,
-  onClear: h,
-  searchPhrase: m,
+  onClear: p,
+  searchPhrase: g,
   virtualItemRef: v,
-  isTriggerFocused: p,
+  isTriggerFocused: m,
   inputRef: b,
-  inputProps: y
+  inputProps: C
 }) => {
   const N = e && !t;
-  g.useEffect(() => {
+  h.useEffect(() => {
     i && b != null && b.current && b.current.focus();
   }, [o, i]);
   const $ = (w) => {
-    w.key === "Backspace" && o && o.length > 0 && (w.preventDefault(), n === "multi" ? d(o[o.length - 1].key) : h()), w.key === "Delete" && (w.preventDefault(), h());
+    w.key === "Backspace" && o && o.length > 0 && (w.preventDefault(), n === "multi" ? d(o[o.length - 1].key) : p()), w.key === "Delete" && (w.preventDefault(), p());
   };
-  g.useEffect(() => (!e && p ? document.addEventListener("keydown", $) : document.removeEventListener("keydown", $), () => document.removeEventListener("keydown", $)), [e, o, p]);
+  h.useEffect(() => (!e && m ? document.addEventListener("keydown", $) : document.removeEventListener("keydown", $), () => document.removeEventListener("keydown", $)), [e, o, m]);
   const B = (w) => {
     var T;
     return n === "single" && e && !t ? null : (T = w == null ? void 0 : w.customElement) != null && T.selectedItemBody ? /* @__PURE__ */ a("div", { className: we[`${$e}__item`], children: w.customElement.selectedItemBody }) : /* @__PURE__ */ f("div", { className: we[`${$e}__item`], children: [
@@ -3685,10 +3685,10 @@ const Qt = "select-all", ni = (e, t) => {
     ] });
   }, x = (w) => s(w.target.value), S = (w) => {
     var T, R;
-    (T = v.current) != null && T.id && w.key === "Enter" && c((R = v.current) == null ? void 0 : R.id), n === "multi" && (w.key === "Backspace" || w.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
-  }, C = () => /* @__PURE__ */ a(
+    (T = v.current) != null && T.id && w.key === "Enter" && c((R = v.current) == null ? void 0 : R.id), n === "multi" && (w.key === "Backspace" || w.key === "Delete") && !g && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
+  }, y = () => /* @__PURE__ */ a(
     "input",
-    E(k({}, y), {
+    E(k({}, C), {
       ref: b,
       className: u(
         we[`${$e}__input`],
@@ -3698,10 +3698,10 @@ const Qt = "select-all", ni = (e, t) => {
       onChange: x,
       onKeyDown: S,
       autoFocus: !0,
-      value: m
+      value: g
     })
   );
-  return !o || o.length === 0 ? N ? C() : /* @__PURE__ */ a(
+  return !o || o.length === 0 ? N ? y() : /* @__PURE__ */ a(
     "div",
     {
       className: u({
@@ -3732,7 +3732,7 @@ const Qt = "select-all", ni = (e, t) => {
           },
           w.key
         )) }),
-        N && C()
+        N && y()
       ]
     }
   );
@@ -3749,12 +3749,12 @@ const Qt = "select-all", ni = (e, t) => {
   onVisibilityChange: c,
   searchPhrase: s
 }) => {
-  const h = Sa(), [m, v] = g.useState(!1), [p, b] = g.useState(null), [y, N] = g.useState(o), $ = g.useRef([]), B = g.useRef(null);
-  g.useEffect(() => {
+  const p = Sa(), [g, v] = h.useState(!1), [m, b] = h.useState(null), [C, N] = h.useState(o), $ = h.useRef([]), B = h.useRef(null);
+  h.useEffect(() => {
     B.current = null, b(null);
   }, [s]);
-  const { refs: x, floatingStyles: S, context: C, isPositioned: w } = Ba({
-    nodeId: h,
+  const { refs: x, floatingStyles: S, context: y, isPositioned: w } = Ba({
+    nodeId: p,
     open: d,
     strategy: n,
     onOpenChange: c,
@@ -3780,14 +3780,14 @@ const Qt = "select-all", ni = (e, t) => {
         padding: xi
       })
     ]
-  }), T = Ta(C, k({
+  }), T = Ta(y, k({
     enabled: !e,
     keyboardHandlers: !1,
     toggle: !1
-  }, l)), R = Da(C, { role: "listbox" }), U = Aa(C, i), I = U_(C, {
+  }, l)), R = Da(y, { role: "listbox" }), U = Aa(y, i), I = U_(y, {
     enabled: t.length > 0 && !e,
     listRef: $,
-    activeIndex: p,
+    activeIndex: m,
     onNavigate: b,
     virtual: !0,
     virtualItemRef: B,
@@ -3798,21 +3798,21 @@ const Qt = "select-all", ni = (e, t) => {
   }), { getReferenceProps: P, getFloatingProps: z, getItemProps: le } = Pa(
     [T, U, R, I]
   );
-  return !d && m && v(!1), {
+  return !d && g && v(!1), {
     getReferenceProps: P,
     getFloatingProps: z,
     getItemProps: le,
     setReference: x.setReference,
     floatingStyles: S,
     isPositioned: w,
-    context: C,
-    nodeId: h,
+    context: y,
+    nodeId: p,
     setFloating: x.setFloating,
-    activeIndex: p,
+    activeIndex: m,
     listElementsRef: $,
     virtualItemRef: B,
-    maxHeight: y,
-    pointer: m,
+    maxHeight: C,
+    pointer: g,
     setPointer: v
   };
 }, jo = ({
@@ -3825,20 +3825,20 @@ const Qt = "select-all", ni = (e, t) => {
   clearSearchAfterSelection: i,
   inputRef: l
 }) => {
-  const [d, c] = g.useState(
+  const [d, c] = h.useState(
     () => (e == null ? void 0 : e.map(hr)) || []
-  ), s = e !== void 0, h = s ? (e == null ? void 0 : e.map(hr)) || [] : d, [m, v] = g.useState(""), p = (x) => v(x), b = (x) => B(x), y = () => {
+  ), s = e !== void 0, p = s ? (e == null ? void 0 : e.map(hr)) || [] : d, [g, v] = h.useState(""), m = (x) => v(x), b = (x) => B(x), C = () => {
     !s && c([]), o(null), v(""), n(!1);
   }, N = () => {
-    p(""), l.current && (l.current.value = "");
-  }, $ = g.useMemo(() => {
+    m(""), l.current && (l.current.value = "");
+  }, $ = h.useMemo(() => {
     const x = r === "multi" && _;
     let S = t;
-    return m && (S = S.filter((C) => {
+    return g && (S = S.filter((y) => {
       var U;
-      if (C.groupHeader)
+      if (y.groupHeader)
         return !1;
-      const w = m.toLowerCase(), T = C.name.toLowerCase(), R = (U = C.secondaryText) == null ? void 0 : U.toLowerCase();
+      const w = g.toLowerCase(), T = y.name.toLowerCase(), R = (U = y.secondaryText) == null ? void 0 : U.toLowerCase();
       return T.includes(w) || (R == null ? void 0 : R.includes(w));
     })), x && S.length > 1 && (S = [
       {
@@ -3847,36 +3847,36 @@ const Qt = "select-all", ni = (e, t) => {
       },
       ...S
     ]), S;
-  }, [m, t, r, _]), B = (x) => {
-    const S = t.find((C) => C.key === x);
+  }, [g, t, r, _]), B = (x) => {
+    const S = t.find((y) => y.key === x);
     if (!((!S || S.disabled) && x !== Qt))
       if (r === "single")
         c(() => (S && o([S]), [x])), n(!1);
       else if (x === Qt)
-        h.length === Dr(t).length ? c(() => (o(null), [])) : c(() => {
-          const C = Dr(t);
-          return o(C), C.map(({ key: w }) => w);
+        p.length === Dr(t).length ? c(() => (o(null), [])) : c(() => {
+          const y = Dr(t);
+          return o(y), y.map(({ key: w }) => w);
         });
       else {
         if (s) {
-          const C = (e == null ? void 0 : e.map(hr)) || [], w = mo(C, x);
+          const y = (e == null ? void 0 : e.map(hr)) || [], w = mo(y, x);
           o(t.filter(({ key: T }) => w.includes(T)));
         } else
-          c((C) => {
-            const w = mo(C, x);
+          c((y) => {
+            const w = mo(y, x);
             return o(t.filter(({ key: T }) => w.includes(T))), w;
           });
         i && N();
       }
   };
   return {
-    selectedKeys: h,
+    selectedKeys: p,
     items: $,
-    searchPhrase: m,
+    searchPhrase: g,
     handleSelect: B,
-    handleOnFilter: p,
+    handleOnFilter: m,
     handleItemRemove: b,
-    handleClear: y
+    handleClear: C
   };
 }, Si = {
   "picker-wrapper": "lc-Picker-module__picker-wrapper___uaLHq"
@@ -3893,18 +3893,18 @@ const Qt = "select-all", ni = (e, t) => {
     selected: d,
     size: c = "medium",
     placeholder: s = "Select option",
-    isRequired: h,
-    noSearchResultText: m = "No results found",
+    isRequired: p,
+    noSearchResultText: g = "No results found",
     selectAllOptionText: v,
-    type: p = "single",
+    type: m = "single",
     searchDisabled: b = !1,
-    hideClearButton: y,
+    hideClearButton: C,
     isVisible: N,
     onOpen: $,
     onClose: B,
     openedOnInit: x = !1,
     clearSearchAfterSelection: S = !0,
-    onSelect: C,
+    onSelect: y,
     placement: w,
     floatingStrategy: T,
     useDismissHookProps: R,
@@ -3942,7 +3942,7 @@ const Qt = "select-all", ni = (e, t) => {
     "virtuosoProps",
     "inputProps"
   ]);
-  const [V, ke] = g.useState(x), [Me, Oe] = g.useState(!1), je = N !== void 0, Te = je ? N : V, _t = g.useRef(null), Nt = (Kr, Yr) => {
+  const [V, ke] = h.useState(x), [Me, Oe] = h.useState(!1), je = N !== void 0, Te = je ? N : V, _t = h.useRef(null), Nt = (Kr, Yr) => {
     Kr ? !Te && ($ == null || $(Yr)) : Te && (B == null || B(Yr)), !je && ke(Kr);
   }, {
     selectedKeys: nt,
@@ -3955,9 +3955,9 @@ const Qt = "select-all", ni = (e, t) => {
   } = jo({
     selected: d,
     options: l,
-    type: p,
+    type: m,
     selectAllOptionText: v,
-    onSelect: C,
+    onSelect: y,
     setOpen: Nt,
     clearSearchAfterSelection: S,
     inputRef: _t
@@ -4000,11 +4000,11 @@ const Qt = "select-all", ni = (e, t) => {
         isItemSelected: nt.length > 0,
         isOpen: Te,
         onClear: W,
-        hideClearButton: y,
+        hideClearButton: C,
         isDisabled: n,
         isError: i,
-        isRequired: h,
-        isMultiSelect: p === "multi",
+        isRequired: p,
+        isMultiSelect: m === "multi",
         size: c,
         setTriggerFocus: Oe,
         children: /* @__PURE__ */ a(
@@ -4015,7 +4015,7 @@ const Qt = "select-all", ni = (e, t) => {
             isDisabled: n,
             placeholder: s,
             selectedItems: d,
-            type: p,
+            type: m,
             size: c,
             clearSearchAfterSelection: S,
             inputRef: _t,
@@ -4034,7 +4034,7 @@ const Qt = "select-all", ni = (e, t) => {
     /* @__PURE__ */ a(ea, { id: K, children: Te && /* @__PURE__ */ a(Lr, { children: /* @__PURE__ */ a(
       Xo,
       {
-        pickerType: p,
+        pickerType: m,
         options: Qe,
         listClassName: r,
         context: ce,
@@ -4051,7 +4051,7 @@ const Qt = "select-all", ni = (e, t) => {
         onSelect: lt,
         getFloatingProps: Ht,
         getItemProps: zt,
-        emptyStateText: m,
+        emptyStateText: g,
         virtuosoProps: I
       }
     ) }) })
@@ -4070,9 +4070,9 @@ const Qt = "select-all", ni = (e, t) => {
 }), Ti = (e, t, r, _) => {
   const o = e.length === 1 && e[0].name === _, n = t ? e.slice(0, 1) : e;
   return r && o ? [] : n;
-}, bs = g.forwardRef(
-  (v, m) => {
-    var p = v, {
+}, bs = h.forwardRef(
+  (v, g) => {
+    var m = v, {
       disabled: e,
       minListHeight: t = Ko,
       maxListHeight: r = Yo,
@@ -4084,7 +4084,7 @@ const Qt = "select-all", ni = (e, t) => {
       single: d,
       alwaysShowAllOptions: c,
       hideIfExactMatch: s = !0
-    } = p, h = F(p, [
+    } = m, p = F(m, [
       "disabled",
       "minListHeight",
       "maxListHeight",
@@ -4097,31 +4097,31 @@ const Qt = "select-all", ni = (e, t) => {
       "alwaysShowAllOptions",
       "hideIfExactMatch"
     ]);
-    const b = g.useRef(null);
-    g.useImperativeHandle(m, () => b.current, []);
-    const [y, N] = g.useState(""), B = h.value !== void 0 ? h.value : y, [x, S] = g.useState(
+    const b = h.useRef(null);
+    h.useImperativeHandle(g, () => b.current, []);
+    const [C, N] = h.useState(""), B = p.value !== void 0 ? p.value : C, [x, S] = h.useState(
       _
-    ), C = (K) => {
+    ), y = (K) => {
       S(K);
     }, w = (K) => {
       le(K);
     }, T = (K) => {
       var _e, st;
-      (_e = h.onChange) == null || _e.call(h, K), N(K.target.value), c || w(K.target.value), (st = b.current) == null || st.focus();
+      (_e = p.onChange) == null || _e.call(p, K), N(K.target.value), c || w(K.target.value), (st = b.current) == null || st.focus();
     }, R = (K) => {
       var st, Ht, zt;
       const _e = K.key === "Enter";
-      (st = ct.current) != null && st.id && _e && (U([{ key: (Ht = ct.current) == null ? void 0 : Ht.id }]), K.preventDefault()), _e || C(!0), (zt = h.onKeyDown) == null || zt.call(h, K);
+      (st = ct.current) != null && st.id && _e && (U([{ key: (Ht = ct.current) == null ? void 0 : Ht.id }]), K.preventDefault()), _e || y(!0), (zt = p.onKeyDown) == null || zt.call(p, K);
     }, U = (K) => {
       if (K) {
         const _e = K[0].key;
         T({
           target: { value: _e }
         }), setTimeout(() => {
-          C(!1);
+          y(!1);
         }, 0);
       }
-    }, I = g.useMemo(() => n ? Bi(n) ? Ei(n) : Ii(n) : [], [n]), { items: P, searchPhrase: z, handleOnFilter: le, handleSelect: G, selectedKeys: V } = jo({
+    }, I = h.useMemo(() => n ? Bi(n) ? Ei(n) : Ii(n) : [], [n]), { items: P, searchPhrase: z, handleOnFilter: le, handleSelect: G, selectedKeys: V } = jo({
       selected: [],
       options: I,
       type: "single",
@@ -4155,7 +4155,7 @@ const Qt = "select-all", ni = (e, t) => {
       items: P,
       searchPhrase: c ? "" : z,
       isOpen: x,
-      onVisibilityChange: C,
+      onVisibilityChange: y,
       minListHeight: t,
       maxListHeight: r,
       placement: o,
@@ -4164,7 +4164,7 @@ const Qt = "select-all", ni = (e, t) => {
     return /* @__PURE__ */ f("div", E(k({ ref: lt }, Te()), { children: [
       /* @__PURE__ */ a(
         oi,
-        E(k({}, h), {
+        E(k({}, p), {
           ref: b,
           onChange: T,
           onKeyDown: R,
@@ -4273,8 +4273,8 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
   "avatar--xlarge": "lc-Avatar-module__avatar--xlarge___hjIy5",
   "avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___AjkHw",
   "avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___4Hhp9"
-}, ue = "avatar", Qo = (m) => {
-  var v = m, {
+}, ue = "avatar", Qo = (g) => {
+  var v = g, {
     alt: e,
     className: t,
     color: r,
@@ -4286,7 +4286,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
     type: d,
     withRim: c = !1,
     style: s
-  } = v, h = F(v, [
+  } = v, p = F(v, [
     "alt",
     "className",
     "color",
@@ -4299,7 +4299,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
     "withRim",
     "style"
   ]);
-  const p = d === "image" && !n, [b, y] = g.useState(p), N = d === "image" && !!n && !b, $ = d === "text", B = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, x = Di(l, B), S = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), C = r || Ai(l), w = C ? Pi(C) : void 0, T = $ ? { backgroundColor: C } : {}, R = u(k({
+  const m = d === "image" && !n, [b, C] = h.useState(m), N = d === "image" && !!n && !b, $ = d === "text", B = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, x = Di(l, B), S = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), y = r || Ai(l), w = y ? Pi(y) : void 0, T = $ ? { backgroundColor: y } : {}, R = u(k({
     [Ee[ue]]: !0,
     [Ee[`${ue}--${_}`]]: !0,
     [Ee[`${ue}--${o}`]]: !0,
@@ -4315,15 +4315,15 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
   ), P = u(
     Ee[`${ue}__rim`],
     Ee[`${ue}__rim--${o}`]
-  ), z = (G) => S ? "2xs" : ["medium"].includes(G) ? "xs" : ["large", "xlarge"].includes(G) ? "sm" : ["xxlarge"].includes(G) ? "lg" : "xl", le = g.useCallback(() => y(!0), []);
-  return g.useEffect(() => {
-    y(p);
-  }, [p]), /* @__PURE__ */ f(
+  ), z = (G) => S ? "2xs" : ["medium"].includes(G) ? "xs" : ["large", "xlarge"].includes(G) ? "sm" : ["xxlarge"].includes(G) ? "lg" : "xl", le = h.useCallback(() => C(!0), []);
+  return h.useEffect(() => {
+    C(m);
+  }, [m]), /* @__PURE__ */ f(
     "div",
     E(k({
       className: R,
       style: k(k({}, T), s)
-    }, h), {
+    }, p), {
       children: [
         c && /* @__PURE__ */ a(
           "div",
@@ -4386,33 +4386,33 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
   fullWidth: n = !1,
   onButtonClick: i = Na
 }) => {
-  const l = u(Va[Gi], r), [d, c] = g.useState(() => _), s = typeof o == "string";
-  g.useEffect(() => {
+  const l = u(Va[Gi], r), [d, c] = h.useState(() => _), s = typeof o == "string";
+  h.useEffect(() => {
     s && c(o);
   }, [o]);
-  const h = (v, p) => {
-    s || c(v), i(v, p);
-  }, m = t.map(({ id: v, label: p, loading: b, disabled: y, icon: N }) => {
+  const p = (v, m) => {
+    s || c(v), i(v, m);
+  }, g = t.map(({ id: v, label: m, loading: b, disabled: C, icon: N }) => {
     const $ = v === d, B = $ ? Va["btn--active"] : "";
     return /* @__PURE__ */ a(
       Z,
       {
         fullWidth: n,
         loading: $ ? !1 : b,
-        disabled: y,
+        disabled: C,
         "aria-pressed": $,
         kind: "secondary",
         icon: N,
         className: u(Va.btn, Va[`btn--${e}`], B),
         onClick: (S) => {
-          h(v, S);
+          p(v, S);
         },
-        children: p
+        children: m
       },
       v
     );
   });
-  return /* @__PURE__ */ a("div", { role: "group", className: l, children: m });
+  return /* @__PURE__ */ a("div", { role: "group", className: l, children: g });
 }, Ui = "lc-Card-module__card___LzN-3", Hi = "lc-Card-module__card__header___SRONR", zi = "lc-Card-module__card__header__image___93pD4", Vi = "lc-Card-module__card__header__heading___jK55U", Wi = "lc-Card-module__card__header__heading__title___5090w", Ki = "lc-Card-module__card__header__heading__description___iVYoq", Yi = "lc-Card-module__card__content___9G1YM", Xi = "lc-Card-module__card__actions___gp-xf", Zi = "lc-Card-module__card__actions__line___C6TI0", qi = "lc-Card-module__card__actions__buttons___XJlFJ", Ie = {
   card: Ui,
   card__header: Hi,
@@ -4447,7 +4447,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
     "src",
     "title"
   ]);
-  const [h, m] = g.useState(!1), v = h ? rr : Ut, p = h ? "Hide" : "Show more", b = (t == null ? void 0 : t.length) > 0, y = !!n, N = b || y, $ = l, B = i, x = B ? "" : Ie[ji];
+  const [p, g] = h.useState(!1), v = p ? rr : Ut, m = p ? "Hide" : "Show more", b = (t == null ? void 0 : t.length) > 0, C = !!n, N = b || C, $ = l, B = i, x = B ? "" : Ie[ji];
   return /* @__PURE__ */ f("div", E(k({ className: u(Ie[wa], _) }, d), { children: [
     $ && /* @__PURE__ */ f("div", { className: u(Ie[tr], x), children: [
       B && /* @__PURE__ */ a(
@@ -4471,7 +4471,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
       ] })
     ] }),
     /* @__PURE__ */ a(A, { as: "div", size: "md", className: Ie[`${wa}__content`], children: r }),
-    h && /* @__PURE__ */ a(
+    p && /* @__PURE__ */ a(
       A,
       {
         as: "div",
@@ -4484,26 +4484,26 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
       /* @__PURE__ */ a("div", { className: Ie[`${Wa}__line`] }),
       /* @__PURE__ */ f("div", { className: Ie[`${Wa}__buttons`], children: [
         b && t.map(
-          ({ kind: S, onClick: C, children: w }, T) => /* @__PURE__ */ a(
+          ({ kind: S, onClick: y, children: w }, T) => /* @__PURE__ */ a(
             Z,
             {
               size: "compact",
               kind: S,
-              onClick: C,
+              onClick: y,
               children: w
             },
             T
           )
         ),
-        y && /* @__PURE__ */ a(
+        C && /* @__PURE__ */ a(
           Z,
           {
             className: Ie[`${Wa}__buttons-expander`],
             kind: "link",
             iconPosition: "right",
             icon: /* @__PURE__ */ a(D, { source: v }),
-            onClick: () => m(!h),
-            children: p
+            onClick: () => g(!p),
+            children: m
           }
         )
       ] })
@@ -4556,31 +4556,31 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
     numberOfMonths: d,
     month: c,
     fromMonth: s,
-    toMonth: h
-  } = e, m = () => {
+    toMonth: p
+  } = e, g = () => {
     typeof t == "function" && t();
   }, v = () => {
     typeof _ == "function" && _();
-  }, p = () => {
+  }, m = () => {
     if (!s) {
       const $ = jt(c, 12);
       return r($);
     }
-    const y = Math.abs(qr(c, s)), N = jt(
+    const C = Math.abs(qr(c, s)), N = jt(
       c,
-      !Number.isNaN(y) && y > 12 ? 12 : y
+      !Number.isNaN(C) && C > 12 ? 12 : C
     );
     return r(N);
   }, b = () => {
-    if (!h) {
+    if (!p) {
       const $ = jr(c, 12);
       return r($);
     }
-    const y = Math.abs(qr(h, c)), N = jr(
+    const C = Math.abs(qr(p, c)), N = jr(
       c,
-      !Number.isNaN(y) && y > 12 ? 12 : y
+      !Number.isNaN(C) && C > 12 ? 12 : C
     );
-    return d === 2 && Er(N, h) ? r(jt(N, 1)) : r(N);
+    return d === 2 && Er(N, p) ? r(jt(N, 1)) : r(N);
   };
   return /* @__PURE__ */ f("div", { className: i, children: [
     /* @__PURE__ */ f("div", { className: L[`${go}__navbar-buttons-wrapper`], children: [
@@ -4592,7 +4592,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
             [l.navButtonPrev]: !0,
             [l.navButtonInteractionDisabled]: !n
           }),
-          onClick: p,
+          onClick: m,
           children: /* @__PURE__ */ a(D, { source: f_, kind: "subtle" })
         }
       ),
@@ -4604,7 +4604,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
             [l.navButtonPrev]: !0,
             [l.navButtonInteractionDisabled]: !n
           }),
-          onClick: m,
+          onClick: g,
           children: /* @__PURE__ */ a(D, { source: b_, kind: "subtle" })
         }
       )
@@ -4715,7 +4715,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
     navbarElement: d,
     renderDay: c,
     innerRef: s
-  } = N, h = F(N, [
+  } = N, p = F(N, [
     "classNames",
     "range",
     "toMonth",
@@ -4726,13 +4726,13 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
     "navbarElement",
     "renderDay",
     "innerRef"
-  ]), [m, v] = g.useState(o || /* @__PURE__ */ new Date());
-  g.useEffect(() => {
-    o && o !== m && v(o);
-  }, [o, m]), g.useEffect(() => {
-    _ && o !== m && (Jo(m, { from: n, to: _ }) || v(_));
-  }, [o, m, _, n]);
-  const p = g.useCallback(
+  ]), [g, v] = h.useState(o || /* @__PURE__ */ new Date());
+  h.useEffect(() => {
+    o && o !== g && v(o);
+  }, [o, g]), h.useEffect(() => {
+    _ && o !== g && (Jo(g, { from: n, to: _ }) || v(_));
+  }, [o, g, _, n]);
+  const m = h.useCallback(
     ($) => {
       if (e.onMonthChange && $) {
         e.onMonthChange($);
@@ -4744,7 +4744,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
   );
   let b = 1;
   (i === 0 || i && i < 7) && (b = i);
-  const y = g.useMemo(
+  const C = h.useMemo(
     () => tl(r, t),
     [r, t]
   );
@@ -4754,25 +4754,25 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
       navbarElement: d || /* @__PURE__ */ a(
         Qi,
         {
-          month: m,
-          classNames: y,
+          month: g,
+          classNames: C,
           numberOfMonths: l,
-          onMonthChange: p,
+          onMonthChange: m,
           toMonth: _,
           fromMonth: n
         }
       ),
       ref: s,
-      classNames: y,
+      classNames: C,
       numberOfMonths: l,
       toMonth: _,
       fromMonth: n,
       firstDayOfWeek: b,
-      month: m,
+      month: g,
       renderDay: c || al
-    }, h)
+    }, p)
   );
-}, ol = g.forwardRef(
+}, ol = h.forwardRef(
   (e, t) => /* @__PURE__ */ a(rl, k({ innerRef: t }, e))
 );
 ol.displayName = "DatePicker";
@@ -4878,10 +4878,10 @@ const _l = (e) => {
       payload: { date: b }
     });
   }, [o, r, _]), qe(() => {
-    const { from: b, selectedItem: y, to: N } = d;
+    const { from: b, selectedItem: C, to: N } = d;
     if (!(b && N))
       return;
-    const $ = ya(y, e);
+    const $ = ya(C, e);
     $ && (n == null || n(E(k({}, $), {
       value: {
         from: b,
@@ -4906,20 +4906,20 @@ const _l = (e) => {
   }, [n, d.selectedItem, e]);
   const s = Ma(
     (b) => {
-      const y = o ? Ur(o, b) >= 0 : !0;
-      !ho(d.from, d.to) && y && c({
+      const C = o ? Ur(o, b) >= 0 : !0;
+      !ho(d.from, d.to) && C && c({
         type: ee.NEW_TEMPORARY_TO_VALUE,
         payload: { date: b }
       });
     },
     [o, d.from, d.to]
-  ), h = Ma(
+  ), p = Ma(
     (b) => {
-      const { from: y, to: N } = d;
-      Jo(b, { to: o }) && (ho(y, N) ? c({
+      const { from: C, to: N } = d;
+      Jo(b, { to: o }) && (ho(C, N) ? c({
         type: ee.SELECT_FIRST_DAY,
         payload: { date: b }
-      }) : y && Ir(b, y) || y && Tr(b, y) ? c({
+      }) : C && Ir(b, C) || C && Tr(b, C) ? c({
         type: ee.SELECT_SECOND_DAY_AS_TO,
         payload: { date: b }
       }) : c({
@@ -4928,7 +4928,7 @@ const _l = (e) => {
       }));
     },
     [o, d.from, d.to]
-  ), m = Ma(
+  ), g = Ma(
     (b) => {
       if (b === null) {
         c({
@@ -4950,25 +4950,25 @@ const _l = (e) => {
     });
   }, []);
   return i((() => {
-    const { currentMonth: b, from: y, selectedItem: N, temporaryTo: $, to: B } = d, x = qt(
-      () => Ji(y, $),
-      [y, $]
-    ), S = qt(() => ya(N, e), [e, N]), C = qt(() => [y, { from: y, to: $ }], [y, $]), w = qt(() => o ? { after: o } : void 0, [o]);
+    const { currentMonth: b, from: C, selectedItem: N, temporaryTo: $, to: B } = d, x = qt(
+      () => Ji(C, $),
+      [C, $]
+    ), S = qt(() => ya(N, e), [e, N]), y = qt(() => [C, { from: C, to: $ }], [C, $]), w = qt(() => o ? { after: o } : void 0, [o]);
     return {
       select: {
-        onItemSelect: m,
+        onItemSelect: g,
         selected: N || ""
       },
       inputs: {
-        fromDate: y,
+        fromDate: C,
         toDate: B
       },
       datepicker: {
         range: !0,
         month: b,
         numberOfMonths: 2,
-        onDayClick: h,
-        selectedDays: C,
+        onDayClick: p,
+        selectedDays: y,
         modifiers: x,
         initialMonth: o && jt(o, 1),
         toMonth: o,
@@ -5032,36 +5032,36 @@ const ys = (e) => {
   hideLabelOnOpen: d,
   onClick: c
 }) => {
-  const [s, h] = g.useState(l), [m, v] = g.useState(0), p = g.useRef(null), b = u(
+  const [s, p] = h.useState(l), [g, v] = h.useState(0), m = h.useRef(null), b = u(
     Y[X],
     n && Y[`${X}--with-divider`],
     t
-  ), y = d && s, N = typeof o == "string", $ = (x) => {
-    h((S) => !S), x.currentTarget.blur(), c == null || c(x);
+  ), C = d && s, N = typeof o == "string", $ = (x) => {
+    p((S) => !S), x.currentTarget.blur(), c == null || c(x);
   }, B = (x) => {
-    const C = x.target.tagName.toLowerCase();
-    il.includes(C) || (h((w) => !w), c == null || c(x));
+    const y = x.target.tagName.toLowerCase();
+    il.includes(y) || (p((w) => !w), c == null || c(x));
   };
-  return g.useEffect(() => {
+  return h.useEffect(() => {
     const x = !!window.IntersectionObserver;
-    if (p.current && x) {
+    if (m.current && x) {
       const S = new ResizeObserver(() => {
-        p.current && m !== p.current.offsetHeight && v(p.current.offsetHeight);
+        m.current && g !== m.current.offsetHeight && v(m.current.offsetHeight);
       });
-      return S.observe(p.current), () => S.disconnect();
+      return S.observe(m.current), () => S.disconnect();
     }
-  }, [p]), /* @__PURE__ */ f("div", { className: b, children: [
+  }, [m]), /* @__PURE__ */ f("div", { className: b, children: [
     /* @__PURE__ */ a(
       "div",
       {
         className: u(
           Y[`${X}__label-wrapper`],
           d && Y[`${X}__label-wrapper--fading`],
-          y && Y[`${X}__label-wrapper--hide`],
+          C && Y[`${X}__label-wrapper--hide`],
           s && Y[`${X}__label-wrapper--open`]
         ),
         "aria-expanded": s,
-        "aria-hidden": y,
+        "aria-hidden": C,
         "data-testid": "details-card-label",
         onClick: B,
         children: /* @__PURE__ */ f(
@@ -5119,12 +5119,12 @@ const ys = (e) => {
           s && Y[`${X}__content-wrapper--open`]
         ),
         style: {
-          maxHeight: s ? m : 0
+          maxHeight: s ? g : 0
         },
         children: /* @__PURE__ */ a(
           "div",
           {
-            ref: p,
+            ref: m,
             className: u(
               Y[`${X}__content`],
               i && Y[`${X}__content--full-space`],
@@ -5251,18 +5251,18 @@ const ys = (e) => {
   children: l,
   labelRightNode: d
 }) => {
-  const c = g.useRef(null), [s, h] = g.useState("auto"), m = u(
+  const c = h.useRef(null), [s, p] = h.useState("auto"), g = u(
     ae[re],
     {
       [ae[`${re}--inline`]]: e
     },
     n
   );
-  return g.useEffect(() => {
+  return h.useEffect(() => {
     const v = c;
-    return e && v.current ? h(`${v.current.clientHeight}px`) : h("auto");
-  }), /* @__PURE__ */ f("div", { className: m, children: [
-    d && e && /* @__PURE__ */ f(g.Fragment, { children: [
+    return e && v.current ? p(`${v.current.clientHeight}px`) : p("auto");
+  }), /* @__PURE__ */ f("div", { className: g, children: [
+    d && e && /* @__PURE__ */ f(h.Fragment, { children: [
       /* @__PURE__ */ a(
         A,
         {
@@ -5448,62 +5448,66 @@ const ys = (e) => {
   "invite-agents__avatar-container": "lc-InviteAgents-module__invite-agents__avatar-container___r56c3",
   "invite-agents__avatar": "lc-InviteAgents-module__invite-agents__avatar___Qs6yT",
   "invite-agents__available-agents-number": "lc-InviteAgents-module__invite-agents__available-agents-number___WpNqr"
-}, at = "invite-agents", vl = (l) => {
-  var d = l, {
+}, at = "invite-agents", vl = (d) => {
+  var c = d, {
     agents: e,
     onSetUpChatbotClick: t,
     onAddTeammateClick: r,
     className: _,
     animatedInviteButton: o = !1,
-    tooltipArrowOffset: n = 13
-  } = d, i = F(d, [
+    tooltipArrowOffset: n = 13,
+    onAvailableAgentsClick: i
+  } = c, l = F(c, [
     "agents",
     "onSetUpChatbotClick",
     "onAddTeammateClick",
     "className",
     "animatedInviteButton",
-    "tooltipArrowOffset"
+    "tooltipArrowOffset",
+    "onAvailableAgentsClick"
   ]);
-  const [c, s] = Jt(!1), [h, m] = Jt(!1), {
-    availableAgentsNumber: v,
-    visibleAgents: p,
-    additionalAgentsNumber: b,
-    hasOnlyUnavailableAgents: y
+  const [s, p] = Jt(!1), [g, v] = Jt(!1), {
+    availableAgentsNumber: m,
+    visibleAgents: b,
+    additionalAgentsNumber: C,
+    hasOnlyUnavailableAgents: N
   } = qt(() => {
-    const x = e.filter(
-      (U) => U.status === "available"
-    ), S = fl(x), C = x.length, w = S.length > 4 ? S.slice(0, 3) : S, T = C - w.length, R = e.length > 0 && C === 0;
+    const y = e.filter(
+      (P) => P.status === "available"
+    ), w = fl(y), T = y.length, R = w.length > 4 ? w.slice(0, 3) : w, U = T - R.length, I = e.length > 0 && T === 0;
     return {
-      availableAgentsNumber: C,
-      visibleAgents: w,
-      additionalAgentsNumber: T,
-      hasOnlyUnavailableAgents: R
+      availableAgentsNumber: T,
+      visibleAgents: R,
+      additionalAgentsNumber: U,
+      hasOnlyUnavailableAgents: I
     };
-  }, [e]), N = () => {
-    t(), s(!1), m(!1);
-  }, B = [
+  }, [e]), $ = () => {
+    t(), p(!1), v(!1);
+  }, B = () => {
+    r(), p(!1), v(!1);
+  }, x = () => {
+    i(), p(!1), v(!1);
+  }, S = [
     {
       key: "chatbot",
-      onClick: N,
+      onClick: $,
       element: /* @__PURE__ */ a(Ar, { leftNode: /* @__PURE__ */ a(D, { source: y_ }), children: "Set up ChatBot" })
     },
     {
       key: "teammate",
       element: /* @__PURE__ */ a(Ar, { leftNode: /* @__PURE__ */ a(D, { source: C_ }), children: "Invite teammate" }),
-      onClick: () => {
-        r(), s(!1), m(!1);
-      }
+      onClick: B
     }
   ];
   return /* @__PURE__ */ f(
     "div",
-    E(k({}, i), {
+    E(k({}, l), {
       className: u(
         Ot.Dark,
         tt[at],
         {
           [tt[`${at}--empty`]]: e.length === 0,
-          [tt[`${at}--only-unavailable`]]: y
+          [tt[`${at}--only-unavailable`]]: N
         },
         _
       ),
@@ -5511,75 +5515,90 @@ const ys = (e) => {
         e.length > 0 && /* @__PURE__ */ a(
           Gt,
           {
-            isVisible: h && !c,
+            isVisible: g && !s,
             offsetMainAxis: n,
             floatingStrategy: "fixed",
             hoverOnDelay: 50,
-            onOpen: () => m(!0),
-            onClose: () => m(!1),
+            onOpen: () => v(!0),
+            onClose: () => v(!1),
             className: u(Ot.Dark, tt[`${at}__tooltip`]),
-            triggerRenderer: y ? /* @__PURE__ */ f("div", { className: tt[`${at}__not-accepting`], children: [
-              /* @__PURE__ */ a(
-                "div",
-                {
-                  className: u(
-                    tt[`${at}__not-accepting-status-dot`]
+            triggerRenderer: N ? /* @__PURE__ */ f(
+              "div",
+              {
+                className: tt[`${at}__not-accepting`],
+                onClick: x,
+                children: [
+                  /* @__PURE__ */ a(
+                    "div",
+                    {
+                      className: u(
+                        tt[`${at}__not-accepting-status-dot`]
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ a(A, { noMargin: !0, bold: !0, size: "sm", children: "No active agents" })
+                ]
+              }
+            ) : /* @__PURE__ */ f(
+              "div",
+              {
+                className: tt[`${at}__tooltip-trigger`],
+                onClick: x,
+                children: [
+                  /* @__PURE__ */ a("div", { className: tt[`${at}__avatar-container`], children: b.map((y, w) => /* @__PURE__ */ a(
+                    Qo,
+                    {
+                      text: y.name,
+                      className: tt[`${at}__avatar`],
+                      type: y.avatar ? "image" : "text",
+                      size: "xsmall",
+                      status: y.status,
+                      src: y.avatar,
+                      style: { zIndex: e.length - w }
+                    },
+                    y.email
+                  )) }),
+                  C > 0 && /* @__PURE__ */ f(
+                    A,
+                    {
+                      className: tt[`${at}__available-agents-number`],
+                      children: [
+                        "+",
+                        C
+                      ]
+                    }
                   )
-                }
-              ),
-              /* @__PURE__ */ a(A, { noMargin: !0, bold: !0, size: "sm", children: "No active agents" })
-            ] }) : /* @__PURE__ */ f("div", { className: tt[`${at}__tooltip-trigger`], children: [
-              /* @__PURE__ */ a("div", { className: tt[`${at}__avatar-container`], children: p.map((x, S) => /* @__PURE__ */ a(
-                Qo,
-                {
-                  className: tt[`${at}__avatar`],
-                  type: "image",
-                  size: "xsmall",
-                  status: x.status,
-                  src: x.avatar,
-                  style: { zIndex: e.length - S }
-                },
-                x.email
-              )) }),
-              b > 0 && /* @__PURE__ */ f(
-                A,
-                {
-                  className: tt[`${at}__available-agents-number`],
-                  children: [
-                    "+",
-                    b
-                  ]
-                }
-              )
-            ] }),
-            children: y ? /* @__PURE__ */ a(
+                ]
+              }
+            ),
+            children: N ? /* @__PURE__ */ a(
               Sn,
               {
                 header: "No one's available to assist customers",
                 text: "Offer 24/7 support with ChatBot.",
                 primaryButton: {
-                  handleClick: N,
+                  handleClick: $,
                   label: "Set up ChatBot"
                 }
               }
-            ) : /* @__PURE__ */ a(A, { noMargin: !0, size: "md", children: bl(v) })
+            ) : /* @__PURE__ */ a(A, { noMargin: !0, size: "md", children: bl(m) })
           }
         ),
         /* @__PURE__ */ a(
           Lo,
           {
             floatingStrategy: "fixed",
-            visible: c,
-            onOpen: () => s(!0),
-            onClose: () => s(!1),
-            options: B,
+            visible: s,
+            onOpen: () => p(!0),
+            onClose: () => p(!1),
+            options: S,
             triggerRenderer: /* @__PURE__ */ a(
               hl,
               {
                 icon: /* @__PURE__ */ a(D, { source: k_ }),
                 text: "Invite",
-                onClick: () => s((x) => !x),
-                isExpanded: o ? c || void 0 : !0
+                onClick: () => p((y) => !y),
+                isExpanded: o ? s || void 0 : !0
               }
             )
           }
@@ -5647,19 +5666,19 @@ const ys = (e) => {
     t,
     n && be[`${da}--full-space`]
   );
-  return g.useEffect(() => {
+  return h.useEffect(() => {
     if (!_)
       return;
-    const m = (v) => {
+    const g = (v) => {
       v.key === ve.esc && r();
     };
-    return document.addEventListener("keyup", m, !0), () => document.removeEventListener("keyup", m, !0);
+    return document.addEventListener("keyup", g, !0), () => document.removeEventListener("keyup", g, !0);
   }, [_]), /* @__PURE__ */ a(
     H_,
     {
       "data-testid": "lc-modal-overlay",
-      onMouseDown: (m) => {
-        o && m.target === m.currentTarget && r();
+      onMouseDown: (g) => {
+        o && g.target === g.currentTarget && r();
       },
       className: u(
         be[`${da}__overlay`],
@@ -5716,13 +5735,13 @@ const ys = (e) => {
     "onClose",
     "contentClassName"
   ]);
-  const h = u(be[Et], t), m = typeof e == "string", v = (p) => {
-    p.preventDefault(), p.stopPropagation(), i();
+  const p = u(be[Et], t), g = typeof e == "string", v = (m) => {
+    m.preventDefault(), m.stopPropagation(), i();
   };
   return /* @__PURE__ */ f(
     Nl,
     E(k({
-      className: h,
+      className: p,
       fullSpaceContent: o,
       onClose: i,
       isLabelled: !!_
@@ -5772,7 +5791,7 @@ const ys = (e) => {
           {
             "data-testid": "modal-body",
             className: u(be[`${Et}__body`], l),
-            children: m ? /* @__PURE__ */ a(A, { as: "div", children: e }) : e
+            children: g ? /* @__PURE__ */ a(A, { as: "div", children: e }) : e
           }
         ),
         n && /* @__PURE__ */ a("div", { className: be[`${Et}__footer`], children: n })
@@ -5870,7 +5889,7 @@ const ys = (e) => {
   "numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___nO8zN",
   "numeric-input--error": "lc-NumericInput-module__numeric-input--error___y9v6f"
 }, Zt = "numeric-input", Ps = (s) => {
-  var h = s, {
+  var p = s, {
     className: e,
     error: t,
     value: r,
@@ -5880,7 +5899,7 @@ const ys = (e) => {
     noControls: i,
     style: l,
     onChange: d
-  } = h, c = F(h, [
+  } = p, c = F(p, [
     "className",
     "error",
     "value",
@@ -5891,7 +5910,7 @@ const ys = (e) => {
     "style",
     "onChange"
   ]);
-  const m = g.useRef(null), v = u(
+  const g = h.useRef(null), v = u(
     Xt[Zt],
     {
       [Xt[`${Zt}--error`]]: t,
@@ -5899,34 +5918,34 @@ const ys = (e) => {
       [Xt[`${Zt}--disabled`]]: n
     },
     e
-  ), p = (C) => d(String(C)), b = (C) => _ !== void 0 && C > _ ? _ : o !== void 0 && C < o ? o : C, y = (C) => {
-    const w = parseInt(r, 10) + C;
-    return p(b(w));
-  }, N = (C) => {
-    C.key === ve.arrowDown && (C.preventDefault(), y(-1)), C.key === ve.arrowUp && (C.preventDefault(), y(1));
-  }, $ = (C, w) => w !== void 0 && parseInt(C, 10) === w, B = (C) => {
-    C.preventDefault(), C.stopPropagation();
-    const w = C.currentTarget.value.replace(
+  ), m = (y) => d(String(y)), b = (y) => _ !== void 0 && y > _ ? _ : o !== void 0 && y < o ? o : y, C = (y) => {
+    const w = parseInt(r, 10) + y;
+    return m(b(w));
+  }, N = (y) => {
+    y.key === ve.arrowDown && (y.preventDefault(), C(-1)), y.key === ve.arrowUp && (y.preventDefault(), C(1));
+  }, $ = (y, w) => w !== void 0 && parseInt(y, 10) === w, B = (y) => {
+    y.preventDefault(), y.stopPropagation();
+    const w = y.currentTarget.value.replace(
       /((?!([-]|([-]?\d+))).)/,
       ""
     );
     if (w === "" || w === "-")
-      return p(w);
+      return m(w);
     const T = parseInt(w, 10);
-    return p(b(T));
+    return m(b(T));
   }, x = () => {
-    var C;
-    return (C = m.current) == null || C.focus(), y(1);
+    var y;
+    return (y = g.current) == null || y.focus(), C(1);
   }, S = () => {
-    var C;
-    return (C = m.current) == null || C.focus(), y(-1);
+    var y;
+    return (y = g.current) == null || y.focus(), C(-1);
   };
   return /* @__PURE__ */ f("div", { className: v, style: l, children: [
     /* @__PURE__ */ a(
       "input",
       E(k({
         type: "text",
-        ref: m
+        ref: g
       }, c), {
         value: r,
         disabled: n,
@@ -6005,17 +6024,17 @@ const ys = (e) => {
   onClick: l,
   cta: d
 }) => {
-  const c = g.useRef(null), s = g.useRef(null), [h, m] = g.useState(0), v = g.useRef(h);
-  return g.useEffect(() => {
+  const c = h.useRef(null), s = h.useRef(null), [p, g] = h.useState(0), v = h.useRef(p);
+  return h.useEffect(() => {
     t && c.current && c.current.focus();
-  }, [t]), g.useEffect(() => {
-    const p = !!window.ResizeObserver;
-    if (s.current && p) {
-      const b = new ResizeObserver((y) => {
-        const N = y[0];
+  }, [t]), h.useEffect(() => {
+    const m = !!window.ResizeObserver;
+    if (s.current && m) {
+      const b = new ResizeObserver((C) => {
+        const N = C[0];
         if (!N) return;
         const $ = N.contentRect.height + xl;
-        v.current !== $ && (m($), v.current = $);
+        v.current !== $ && (g($), v.current = $);
       });
       return b.observe(s.current), () => b.disconnect();
     }
@@ -6084,7 +6103,7 @@ const ys = (e) => {
                     className: u(me[`${pe}__content__inner`], {
                       [me[`${pe}__content__inner--open`]]: t
                     }),
-                    style: { maxHeight: t ? h : 0 },
+                    style: { maxHeight: t ? p : 0 },
                     children: /* @__PURE__ */ f("div", { ref: s, children: [
                       /* @__PURE__ */ a(
                         A,
@@ -6137,16 +6156,16 @@ const ys = (e) => {
   className: c
 }) => {
   var B;
-  const [s, h] = g.useState(l), [m, v] = g.useState(!l), [p, b] = g.useState(void 0), y = g.useRef(null), N = d.height || 96, $ = () => {
+  const [s, p] = h.useState(l), [g, v] = h.useState(!l), [m, b] = h.useState(void 0), C = h.useRef(null), N = d.height || 96, $ = () => {
     v((x) => !x);
   };
-  return g.useEffect(() => {
-    const x = d.delay || 1500, S = y.current;
+  return h.useEffect(() => {
+    const x = d.delay || 1500, S = C.current;
     if (l && S) {
-      const C = S.offsetHeight;
-      b(C);
+      const y = S.offsetHeight;
+      b(y);
       const w = setTimeout(() => {
-        h(!0), v(!1);
+        p(!0), v(!1);
       }, x);
       return () => {
         clearTimeout(w);
@@ -6155,19 +6174,19 @@ const ys = (e) => {
   }, [l]), /* @__PURE__ */ f(
     "div",
     {
-      ref: y,
+      ref: C,
       className: u(
         Q[J],
         {
-          [Q[`${J}--complete`]]: s && !m
+          [Q[`${J}--complete`]]: s && !g
         },
         c
       ),
       style: {
-        height: !s || m ? p : N
+        height: !s || g ? m : N
       },
       children: [
-        m && /* @__PURE__ */ f(te, { children: [
+        g && /* @__PURE__ */ f(te, { children: [
           /* @__PURE__ */ f("div", { className: Q[`${J}__column`], children: [
             /* @__PURE__ */ f("div", { className: Q[`${J}__header`], children: [
               _ && /* @__PURE__ */ a(
@@ -6221,7 +6240,7 @@ const ys = (e) => {
             }
           )
         ] }),
-        !m && /* @__PURE__ */ a(te, { children: /* @__PURE__ */ f("div", { className: Q[`${J}__complete`], children: [
+        !g && /* @__PURE__ */ a(te, { children: /* @__PURE__ */ f("div", { className: Q[`${J}__complete`], children: [
           /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
             D,
             {
@@ -6252,20 +6271,20 @@ const ys = (e) => {
         s && /* @__PURE__ */ a(
           Z,
           {
-            kind: m ? "float" : "text",
+            kind: g ? "float" : "text",
             icon: /* @__PURE__ */ a(
               D,
               {
                 source: Ut,
                 className: u(
                   Q[`${J}__button__icon`],
-                  m && Q[`${J}__button__icon--open`]
+                  g && Q[`${J}__button__icon--open`]
                 )
               }
             ),
             className: Q[`${J}__button`],
             onClick: $,
-            "aria-expanded": m
+            "aria-expanded": g
           }
         )
       ]
@@ -6285,24 +6304,24 @@ const ys = (e) => {
   offsetSize: d = 4,
   isVisible: c,
   openedOnInit: s,
-  closeOnEsc: h = !0,
-  useDismissHookProps: m,
+  closeOnEsc: p = !0,
+  useDismissHookProps: g,
   useClickHookProps: v,
-  floatingStrategy: p
+  floatingStrategy: m
 }) => {
-  const [b, y] = g.useState(s), N = or(), $ = Sa(), B = c !== void 0, x = B ? c : b, S = typeof _ == "string", C = typeof e == "function", w = (Me, Oe) => {
-    Me ? r == null || r(Oe) : t == null || t(Oe), !B && y(Me);
+  const [b, C] = h.useState(s), N = or(), $ = Sa(), B = c !== void 0, x = B ? c : b, S = typeof _ == "string", y = typeof e == "function", w = (Me, Oe) => {
+    Me ? r == null || r(Oe) : t == null || t(Oe), !B && C(Me);
   }, { refs: T, context: R, floatingStyles: U } = Ba({
     nodeId: $,
     open: x,
     onOpenChange: w,
     middleware: [Ea(d), _r(l), Or()],
     placement: i,
-    strategy: p,
+    strategy: m,
     whileElementsMounted: Ia
   }), I = Ta(R, v), P = Aa(R, k({
-    escapeKey: h
-  }, m)), z = Da(R), { getReferenceProps: le, getFloatingProps: G } = Pa([
+    escapeKey: p
+  }, g)), z = Da(R), { getReferenceProps: le, getFloatingProps: G } = Pa([
     I,
     P,
     z
@@ -6314,7 +6333,7 @@ const ys = (e) => {
         ref: T.setReference
       }, le()), {
         className: n,
-        children: C ? e() : e
+        children: y ? e() : e
       })
     ),
     /* @__PURE__ */ a(ea, { id: $, children: x && /* @__PURE__ */ a(Br, { context: R, modal: !1, children: /* @__PURE__ */ a(
@@ -6432,9 +6451,9 @@ const ys = (e) => {
     shortcutKey: d,
     expired: c,
     trialDaysLeft: s,
-    nameAdornment: h
+    nameAdornment: p
   },
-  onClick: m,
+  onClick: g,
   isActive: v = !1
 }) => /* @__PURE__ */ f(te, { children: [
   l && /* @__PURE__ */ a("div", { className: ht[`${ft}__divider`] }),
@@ -6444,7 +6463,7 @@ const ys = (e) => {
       href: i,
       target: "_blank",
       "aria-label": `Go to ${n} product`,
-      onClick: (p) => m(p, e),
+      onClick: (m) => g(m, e),
       className: u(ht[ft], {
         [ht[`${ft}--expired`]]: c
       }),
@@ -6497,7 +6516,7 @@ const ys = (e) => {
                 ]
               }
             ),
-            h
+            p
           ] })
         ] }),
         d && /* @__PURE__ */ f(A, { size: "sm", className: ht[`${ft}__shortcut`], children: [
@@ -6523,21 +6542,21 @@ const ys = (e) => {
   onSelect: i,
   textURL: l = "https://www.text.com"
 }) => {
-  const [d, c] = g.useState(r), [s, h] = Jt(
+  const [d, c] = h.useState(r), [s, p] = Jt(
     !1
-  ), m = or(), v = Sa(), p = _ !== void 0, b = p ? _ : d, y = (G, V) => {
-    G ? o == null || o(V) : n == null || n(V), !p && c(G);
+  ), g = or(), v = Sa(), m = _ !== void 0, b = m ? _ : d, C = (G, V) => {
+    G ? o == null || o(V) : n == null || n(V), !m && c(G);
   }, { refs: N, context: $, floatingStyles: B } = Ba({
     nodeId: v,
     strategy: "fixed",
     placement: "right-start",
     open: b,
     onOpenChange: (G, V) => {
-      h(!1), y(G, V);
+      p(!1), C(G, V);
     },
     middleware: [Ea({ mainAxis: 5 })],
     whileElementsMounted: Ia
-  }), x = Ta($), S = Da($), C = Aa($), { isMounted: w, styles: T } = Mr($, {
+  }), x = Ta($), S = Da($), y = Aa($), { isMounted: w, styles: T } = Mr($, {
     duration: 200,
     common: {
       transformOrigin: "left top"
@@ -6548,7 +6567,7 @@ const ys = (e) => {
     }
   }), { getReferenceProps: R, getFloatingProps: U } = Pa([
     x,
-    C,
+    y,
     S
   ]), I = e.find(
     (G) => G.id === t
@@ -6565,8 +6584,8 @@ const ys = (e) => {
       Gt,
       {
         isVisible: s,
-        onOpen: () => h(!0),
-        onClose: () => h(!1),
+        onOpen: () => p(!0),
+        onClose: () => p(!1),
         offsetCrossAxis: 2,
         arrowOffsetY: 2,
         offsetMainAxis: 10,
@@ -6615,7 +6634,7 @@ const ys = (e) => {
                   href: l,
                   target: "_blank",
                   className: ha[`${fa}__footer-link`],
-                  onClick: () => y(!1),
+                  onClick: () => C(!1),
                   children: [
                     /* @__PURE__ */ a(A, { noMargin: !0, children: "powered by" }),
                     /* @__PURE__ */ a(
@@ -6635,7 +6654,7 @@ const ys = (e) => {
       })
     ) })
   ] });
-  return m === null ? /* @__PURE__ */ a(nr, { children: le }) : le;
+  return g === null ? /* @__PURE__ */ a(nr, { children: le }) : le;
 }, Tl = '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', Al = [
   {
     id: "livechat",
@@ -6857,15 +6876,15 @@ const ys = (e) => {
 }, Ol = (e, t) => Fl.includes(e) || t.some(
   (r) => r.product === Wr[e]
 ), Ll = (e, t, r, _, o, n) => {
-  var l, d, c, s, h;
+  var l, d, c, s, p;
   const i = t.find(
-    (m) => m.product === Wr[e.id]
+    (g) => g.product === Wr[e.id]
   );
   if (!i)
     throw new Error(`Product data for ${e.id} not found`);
   return E(k({}, e), {
     trialDaysLeft: r[e.id] && ((l = r[e.id]) == null ? void 0 : l.status) === "trial" && ((d = r[e.id]) != null && d.next_charge_at) ? Ml((s = (c = r[e.id]) == null ? void 0 : c.next_charge_at) != null ? s : "") : void 0,
-    expired: ((h = r[e.id]) == null ? void 0 : h.status) === "expired",
+    expired: ((p = r[e.id]) == null ? void 0 : p.status) === "expired",
     url: Rl(
       i.clientId,
       i.redirectUri,
@@ -6938,7 +6957,7 @@ const ba = {
   small: 15,
   medium: 36,
   large: 56
-}, va = "progress-circle", Vl = g.forwardRef(
+}, va = "progress-circle", Vl = h.forwardRef(
   (i, n) => {
     var l = i, {
       status: e = "normal",
@@ -6951,25 +6970,25 @@ const ba = {
       "className",
       "size"
     ]);
-    const d = o_(e, t), c = Hl[_], s = zl[_], h = u(
+    const d = o_(e, t), c = Hl[_], s = zl[_], p = u(
       ba[va],
       {
         [ba[`${va}--${_}`]]: _,
         [ba[`${va}--${e}`]]: e
       },
       r
-    ), m = 2 * Math.PI * ((s - c) / 2), v = {
-      strokeDasharray: m.toFixed(3),
-      strokeDashoffset: `${((100 - d) / 100 * m).toFixed(3)}px`
-    }, p = `${s / 2} ${s / 2} ${s} ${s}`;
+    ), g = 2 * Math.PI * ((s - c) / 2), v = {
+      strokeDasharray: g.toFixed(3),
+      strokeDashoffset: `${((100 - d) / 100 * g).toFixed(3)}px`
+    }, m = `${s / 2} ${s / 2} ${s} ${s}`;
     return /* @__PURE__ */ a(
       "div",
       E(k({
-        className: h,
+        className: p,
         ref: n,
         role: "progressbar"
       }, o), {
-        children: /* @__PURE__ */ f("svg", { viewBox: p, children: [
+        children: /* @__PURE__ */ f("svg", { viewBox: m, children: [
           /* @__PURE__ */ a(
             "circle",
             {
@@ -7007,7 +7026,7 @@ const ba = {
   "progress-bar--normal": "lc-ProgressBar-module__progress-bar--normal___WboRI",
   "progress-bar__indicator--success": "lc-ProgressBar-module__progress-bar__indicator--success___MHAlN",
   "progress-bar__indicator--normal": "lc-ProgressBar-module__progress-bar__indicator--normal___sjEAI"
-}, qa = "progress-bar", Wl = g.forwardRef(
+}, qa = "progress-bar", Wl = h.forwardRef(
   (i, n) => {
     var l = i, {
       status: e = "normal",
@@ -7069,25 +7088,25 @@ const ba = {
   onClose: d,
   onLinkClick: c
 }) => {
-  const s = g.useRef(null), [h, m] = g.useState("medium"), v = u(
+  const s = h.useRef(null), [p, g] = h.useState("medium"), v = u(
     ze[Ve],
     {
       [ze[`${Ve}--light`]]: n,
-      [ze[`${Ve}--small`]]: h === "small",
-      [ze[`${Ve}--large`]]: h === "large"
+      [ze[`${Ve}--small`]]: p === "small",
+      [ze[`${Ve}--large`]]: p === "large"
     },
     e
   );
-  g.useEffect(() => {
-    const b = () => s.current && s.current.offsetWidth <= Kl ? m("small") : s.current && s.current.offsetWidth >= Yl ? m("large") : m("medium"), y = To(
+  h.useEffect(() => {
+    const b = () => s.current && s.current.offsetWidth <= Kl ? g("small") : s.current && s.current.offsetWidth >= Yl ? g("large") : g("medium"), C = To(
       b,
       Xl
     );
-    return window.addEventListener("resize", y), b(), () => {
-      y.cancel(), window.removeEventListener("resize", y);
+    return window.addEventListener("resize", C), b(), () => {
+      C.cancel(), window.removeEventListener("resize", C);
     };
   }, []);
-  const p = /* @__PURE__ */ f("div", { className: ze[`${Ve}__footer`], children: [
+  const m = /* @__PURE__ */ f("div", { className: ze[`${Ve}__footer`], children: [
     t && /* @__PURE__ */ a(
       Z,
       {
@@ -7106,9 +7125,9 @@ const ba = {
       /* @__PURE__ */ f("div", { className: ze[`${Ve}__wrapper`], children: [
         /* @__PURE__ */ a("div", { className: ze[`${Ve}__header`], children: _ }),
         /* @__PURE__ */ a(A, { as: "div", children: r }),
-        h !== "large" && p
+        p !== "large" && m
       ] }),
-      h === "large" && p
+      p === "large" && m
     ] }),
     d && /* @__PURE__ */ a(
       "button",
@@ -7213,7 +7232,7 @@ const ba = {
   "radio-button__helper": "lc-RadioButton-module__radio-button__helper___X4Ihv",
   "radio-button--selected": "lc-RadioButton-module__radio-button--selected___00LlN",
   "radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___StpOi"
-}, kt = "radio-button", Us = g.forwardRef(
+}, kt = "radio-button", Us = h.forwardRef(
   (l, i) => {
     var d = l, { children: e, className: t = "", description: r, checked: _, disabled: o } = d, n = F(d, ["children", "className", "description", "checked", "disabled"]);
     const c = u(vt[kt], t, {
@@ -7265,16 +7284,16 @@ const ba = {
   cropOnBlur: l = !0,
   onChange: d
 }) => {
-  const [c, s] = g.useState(!0), [h, m] = g.useState(!1), v = g.useRef(null), p = !!n && !t && !r, b = e && !c && "true", y = u(
+  const [c, s] = h.useState(!0), [p, g] = h.useState(!1), v = h.useRef(null), m = !!n && !t && !r, b = e && !c && "true", C = u(
     i,
     We[rt],
     We[`${rt}--${o}`],
-    h && We[`${rt}--focused`],
+    p && We[`${rt}--focused`],
     t && We[`${rt}--disabled`],
     e && We[`${rt}--collapsable`],
     !c && We[`${rt}--collapsable--open`]
   );
-  g.useEffect(() => {
+  h.useEffect(() => {
     e && n && s(!1);
   }, [e]);
   const N = (w) => {
@@ -7286,10 +7305,10 @@ const ba = {
     var w;
     (w = v.current) == null || w.focus();
   }, x = () => {
-    e && s(!1), m(!0);
+    e && s(!1), g(!0);
   }, S = () => {
-    e && !n && s(!0), m(!1);
-  }, C = (w) => {
+    e && !n && s(!0), g(!1);
+  }, y = (w) => {
     w.key === ve.enter && (w.preventDefault(), d(n));
   };
   return /* @__PURE__ */ f(
@@ -7297,7 +7316,7 @@ const ba = {
     {
       "aria-expanded": b,
       role: "search",
-      className: y,
+      className: C,
       onClick: B,
       children: [
         /* @__PURE__ */ a(
@@ -7328,13 +7347,13 @@ const ba = {
                 onChange: N,
                 onBlur: S,
                 onFocus: x,
-                onKeyDown: C,
+                onKeyDown: y,
                 disabled: t
               }
             )
           }
         ),
-        p && /* @__PURE__ */ a(
+        m && /* @__PURE__ */ a(
           Z,
           {
             "aria-label": "Clear search",
@@ -7361,7 +7380,7 @@ const ba = {
   "skeleton-text--animated": "lc-Skeleton-module__skeleton-text--animated___Bnr3Z"
 }, No = "skeleton-wrapper", zs = (o) => {
   var n = o, { children: e, vertical: t, animated: r } = n, _ = F(n, ["children", "vertical", "animated"]);
-  const i = g.Children.map(e, (l) => g.isValidElement(l) ? g.cloneElement(l, {
+  const i = h.Children.map(e, (l) => h.isValidElement(l) ? h.cloneElement(l, {
     animated: r
   }) : l);
   return /* @__PURE__ */ a(
@@ -7467,8 +7486,8 @@ const ba = {
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___XpfaO",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___NDgeg",
   switch__icon: tc
-}, oe = "switch", Ys = (h) => {
-  var m = h, {
+}, oe = "switch", Ys = (p) => {
+  var g = p, {
     className: e = "",
     defaultOn: t = !1,
     disabled: r = !1,
@@ -7479,7 +7498,7 @@ const ba = {
     state: l = "regular",
     innerRef: d,
     ariaLabel: c
-  } = m, s = F(m, [
+  } = g, s = F(g, [
     "className",
     "defaultOn",
     "disabled",
@@ -7491,13 +7510,13 @@ const ba = {
     "innerRef",
     "ariaLabel"
   ]);
-  const v = o !== void 0, [p, b] = g.useState(
+  const v = o !== void 0, [m, b] = h.useState(
     () => v ? o : t
-  ), [y, N] = g.useState(!1), $ = v ? o : p, B = l === "loading", x = l === "locked", S = i === "large" ? "small" : "xsmall", C = $ ? "on" : "off", w = r || B || x, T = w ? "disabled" : "enabled", R = u(
+  ), [C, N] = h.useState(!1), $ = v ? o : m, B = l === "loading", x = l === "locked", S = i === "large" ? "small" : "xsmall", y = $ ? "on" : "off", w = r || B || x, T = w ? "disabled" : "enabled", R = u(
     ne[oe],
     ne[`${oe}--${i}`],
     {
-      [ne[`${oe}--focused`]]: y
+      [ne[`${oe}--focused`]]: C
     },
     e
   ), U = (I) => {
@@ -7527,7 +7546,7 @@ const ba = {
       "span",
       {
         className: u(ne[`${oe}__container`], {
-          [ne[`${oe}__container--focused`]]: y
+          [ne[`${oe}__container--focused`]]: C
         }),
         children: [
           /* @__PURE__ */ a(
@@ -7535,7 +7554,7 @@ const ba = {
             {
               className: u(
                 ne[`${oe}__track`],
-                ne[`${oe}__track--${C}`],
+                ne[`${oe}__track--${y}`],
                 ne[`${oe}__track--${T}`]
               )
             }
@@ -7547,7 +7566,7 @@ const ba = {
                 ne[`${oe}__slider`],
                 ne[`${oe}__slider--${T}`],
                 ne[`${oe}__slider--${i}`],
-                ne[`${oe}__slider--${i}--${C}`]
+                ne[`${oe}__slider--${i}--${y}`]
               ),
               children: [
                 B && /* @__PURE__ */ a(
@@ -7605,7 +7624,7 @@ const ba = {
     "size",
     "icon"
   ]);
-  const { disabled: s } = l, h = r !== void 0 && !o, m = r !== void 0 && o;
+  const { disabled: s } = l, p = r !== void 0 && !o, g = r !== void 0 && o;
   return /* @__PURE__ */ f(
     A,
     E(k({}, l), {
@@ -7623,12 +7642,12 @@ const ba = {
       children: [
         i && /* @__PURE__ */ a("div", { "data-testId": "icon", className: Ft[`${Rt}__icon`], children: i }),
         e,
-        h && /* @__PURE__ */ f(A, { as: "span", size: "md", className: Ft[`${Rt}__count`], children: [
+        p && /* @__PURE__ */ f(A, { as: "span", size: "md", className: Ft[`${Rt}__count`], children: [
           "(",
           r,
           ")"
         ] }),
-        m && /* @__PURE__ */ a(
+        g && /* @__PURE__ */ a(
           er,
           {
             "data-testid": "tab-badge",
@@ -7658,9 +7677,9 @@ const ba = {
   remove: o,
   value: n
 }) => {
-  const [i, l] = g.useState(!1), d = () => t.current, c = () => {
-    const p = d();
-    return p ? p.innerText : "";
+  const [i, l] = h.useState(!1), d = () => t.current, c = () => {
+    const m = d();
+    return m ? m.innerText : "";
   }, s = () => {
     r && r.current && r.current.focus();
   };
@@ -7670,27 +7689,27 @@ const ba = {
       ref: t,
       className: e,
       contentEditable: !0,
-      onPaste: (p) => {
-        p.preventDefault();
-        const b = p.clipboardData.getData("text/plain");
+      onPaste: (m) => {
+        m.preventDefault();
+        const b = m.clipboardData.getData("text/plain");
         document.execCommand("insertHTML", !1, Qr(b));
       },
       onBlur: () => {
-        const p = d();
-        if (!(i || !p)) {
-          if (p.innerText === "") {
+        const m = d();
+        if (!(i || !m)) {
+          if (m.innerText === "") {
             o();
             return;
           }
-          _(p.innerText);
+          _(m.innerText);
         }
       },
-      onKeyDown: (p) => {
-        if (p.key === ve.enter) {
-          p.preventDefault(), s();
+      onKeyDown: (m) => {
+        if (m.key === ve.enter) {
+          m.preventDefault(), s();
           return;
         }
-        p.key === ve.backspace && c() === "" && (l(!0), o(), s());
+        m.key === ve.backspace && c() === "" && (l(!0), o(), s());
       },
       dangerouslySetInnerHTML: { __html: Qr(n) }
     }
@@ -7705,15 +7724,15 @@ const ba = {
   size: i,
   tagProps: l
 }) => {
-  const d = g.useMemo(() => _ !== void 0 ? _(e) : !0, [e, _]), c = g.useRef(null), s = () => r(t), h = () => d ? l ? l.kind : "default" : "error";
-  return /* @__PURE__ */ a(Zo, E(k({ size: i }, l), { kind: h(), onRemove: s, children: /* @__PURE__ */ a(
+  const d = h.useMemo(() => _ !== void 0 ? _(e) : !0, [e, _]), c = h.useRef(null), s = () => r(t), p = () => d ? l ? l.kind : "default" : "error";
+  return /* @__PURE__ */ a(Zo, E(k({ size: i }, l), { kind: p(), onRemove: s, children: /* @__PURE__ */ a(
     lc,
     {
       value: e,
       inputRef: o,
       innerEditableRef: c,
       className: Ca[`${cc}__content`],
-      change: (m) => n(t, m),
+      change: (g) => n(t, g),
       remove: s,
       validator: _
     }
@@ -7724,8 +7743,8 @@ const ba = {
   ve.tab,
   ve.semicolon,
   ve.comma
-], dc = [ve.backspace, ve.delete], uc = (m) => {
-  var v = m, {
+], dc = [ve.backspace, ve.delete], uc = (g) => {
+  var v = g, {
     id: e,
     tags: t,
     onChange: r,
@@ -7737,7 +7756,7 @@ const ba = {
     inputClassName: d,
     onBlur: c,
     addOnBlur: s = !0
-  } = v, h = F(v, [
+  } = v, p = F(v, [
     "id",
     "tags",
     "onChange",
@@ -7750,7 +7769,7 @@ const ba = {
     "onBlur",
     "addOnBlur"
   ]);
-  const p = u(
+  const m = u(
     Ca[ja],
     {
       [Ca[`${ja}--error`]]: o
@@ -7760,23 +7779,23 @@ const ba = {
     d,
     Ca[`${ja}__input`],
     Ca[`${ja}__input--${i}`]
-  ), [y, N] = g.useState(""), $ = g.useRef(null), B = (I) => {
+  ), [C, N] = h.useState(""), $ = h.useRef(null), B = (I) => {
     I.trim() !== "" && (r([...t || [], I]), N(""));
   }, x = (I) => {
     const P = [...t || []];
     P.splice(I, 1), r(P);
-  }, S = (I) => N(I.target.value), C = (I) => {
+  }, S = (I) => N(I.target.value), y = (I) => {
     if (sc.includes(I.key)) {
-      if (I.preventDefault(), y === "")
+      if (I.preventDefault(), C === "")
         return;
-      B(y);
+      B(C);
     } else if (dc.includes(I.key)) {
-      if (y !== "" || !(t != null && t.length))
+      if (C !== "" || !(t != null && t.length))
         return;
       x(t.length - 1);
     }
   }, w = (I) => {
-    s && B(y), c == null || c(I);
+    s && B(C), c == null || c(I);
   }, T = (I, P) => {
     const z = [...t || []];
     z.reduce(
@@ -7814,18 +7833,18 @@ const ba = {
     `${P}${I.children}`
   );
   return /* @__PURE__ */ f(te, { children: [
-    /* @__PURE__ */ f(A, { as: "div", className: p, children: [
+    /* @__PURE__ */ f(A, { as: "div", className: m, children: [
       t == null ? void 0 : t.map(U),
       /* @__PURE__ */ a(
         "input",
-        E(k({}, h), {
+        E(k({}, p), {
           id: e,
           ref: $,
           className: b,
           placeholder: n,
-          value: y,
+          value: C,
           onChange: S,
-          onKeyDown: C,
+          onKeyDown: y,
           onPaste: R,
           onBlur: w
         })
@@ -7903,7 +7922,7 @@ const ba = {
     ie[Tt],
     ie[`${Tt}--${o}`],
     t
-  ), s = typeof r == "string", h = (m) => m && m.closesOnClick && n ? (m.onClick(), n()) : m.onClick();
+  ), s = typeof r == "string", p = (g) => g && g.closesOnClick && n ? (g.onClick(), n()) : g.onClick();
   return /* @__PURE__ */ f("div", E(k({ className: c }, i), { children: [
     /* @__PURE__ */ a("div", { className: ie[`${Tt}__icon`], children: /* @__PURE__ */ a(D, E(k({}, kc[o]), { size: "medium" })) }),
     /* @__PURE__ */ a("div", { className: ie[`${Tt}__content`], children: s ? /* @__PURE__ */ a(A, { as: "div", children: r }) : r }),
@@ -7914,7 +7933,7 @@ const ba = {
           className: ie[`${Tt}__actions--custom`],
           kind: "text",
           size: "compact",
-          onClick: () => h(e),
+          onClick: () => p(e),
           children: e.label
         }
       ),
@@ -7951,7 +7970,7 @@ const ba = {
     },
     e
   );
-  return /* @__PURE__ */ a("div", { className: l, children: /* @__PURE__ */ a(Ao, { component: null, children: t.map(({ id: d, kind: c, content: s, removable: h, action: m, onClose: v }) => /* @__PURE__ */ a(
+  return /* @__PURE__ */ a("div", { className: l, children: /* @__PURE__ */ a(Ao, { component: null, children: t.map(({ id: d, kind: c, content: s, removable: p, action: g, onClose: v }) => /* @__PURE__ */ a(
     Do,
     {
       classNames: {
@@ -7966,8 +7985,8 @@ const ba = {
         {
           kind: c,
           onClose: v,
-          removable: h,
-          action: m,
+          removable: p,
+          action: g,
           children: s
         }
       )
@@ -7979,24 +7998,24 @@ const ba = {
   "textarea--focused": "lc-Textarea-module__textarea--focused___YnB5S",
   "textarea--disabled": "lc-Textarea-module__textarea--disabled___zZJAq",
   "textarea--error": "lc-Textarea-module__textarea--error___n-fD5"
-}, Ja = "textarea", Js = g.forwardRef(
+}, Ja = "textarea", Js = h.forwardRef(
   (o, _) => {
     var n = o, { className: e, error: t } = n, r = F(n, ["className", "error"]);
-    const { disabled: i, onBlur: l, onFocus: d } = r, [c, s] = g.useState(!1), h = u(e, Qa[Ja], {
+    const { disabled: i, onBlur: l, onFocus: d } = r, [c, s] = h.useState(!1), p = u(e, Qa[Ja], {
       [Qa[`${Ja}--disabled`]]: i,
       [Qa[`${Ja}--focused`]]: c,
       [Qa[`${Ja}--error`]]: t
-    }), m = (p) => {
-      s(!1), l == null || l(p);
-    }, v = (p) => {
-      s(!0), d == null || d(p);
+    }), g = (m) => {
+      s(!1), l == null || l(m);
+    }, v = (m) => {
+      s(!0), d == null || d(m);
     };
-    return /* @__PURE__ */ a(A, { as: "div", className: h, children: /* @__PURE__ */ a(
+    return /* @__PURE__ */ a(A, { as: "div", className: p, children: /* @__PURE__ */ a(
       "textarea",
       E(k({}, r), {
         ref: _,
         onFocus: v,
-        onBlur: m
+        onBlur: g
       })
     ) });
   }
@@ -8038,7 +8057,7 @@ const ba = {
   "file-upload-progress__wrapper__header__title": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___EYxE3",
   "file-upload-progress__wrapper__header__title--success": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___P0XSe",
   "file-upload-progress__wrapper__header__title--error": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___la8oa"
-}, yt = "file-upload-progress", Sr = `${yt}__wrapper__header__title`, xc = g.forwardRef(
+}, yt = "file-upload-progress", Sr = `${yt}__wrapper__header__title`, xc = h.forwardRef(
   ({
     actionsVisibility: e = "hidden",
     className: t,
@@ -8163,17 +8182,17 @@ const ba = {
   size: d,
   mode: c = "multiple",
   onCloseButtonClick: s,
-  onRetryButtonClick: h
+  onRetryButtonClick: p
 }) => {
-  const [m, v] = g.useState(o || !1), p = i === "error", b = i === "success", y = u(q[Ne], t, {
-    [q[`${Ne}--error`]]: p,
+  const [g, v] = h.useState(o || !1), m = i === "error", b = i === "success", C = u(q[Ne], t, {
+    [q[`${Ne}--error`]]: m,
     [q[`${Ne}--success`]]: b
-  }), N = !(p && (h || s)), $ = () => v(!m);
-  return c === "single" ? /* @__PURE__ */ a("div", { className: y, children: /* @__PURE__ */ f("div", { className: q[`${Ne}__wrapper`], children: [
+  }), N = !(m && (p || s)), $ = () => v(!g);
+  return c === "single" ? /* @__PURE__ */ a("div", { className: C, children: /* @__PURE__ */ f("div", { className: q[`${Ne}__wrapper`], children: [
     /* @__PURE__ */ a("div", { className: q[`${$t}`], children: /* @__PURE__ */ a(
       xc,
       {
-        title: p && n || _,
+        title: m && n || _,
         progressValue: r,
         status: i,
         icon: l,
@@ -8185,10 +8204,10 @@ const ba = {
       {
         status: i,
         onCloseButtonClick: s,
-        onRetryButtonClick: h
+        onRetryButtonClick: p
       }
     )
-  ] }) }) : /* @__PURE__ */ f("div", { className: y, children: [
+  ] }) }) : /* @__PURE__ */ f("div", { className: C, children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -8196,7 +8215,7 @@ const ba = {
         onClick: $,
         children: /* @__PURE__ */ f("div", { className: q[`${$t}`], children: [
           /* @__PURE__ */ a("div", { className: q[`${$t}__icon`], children: Bc(i, r) }),
-          /* @__PURE__ */ a("div", { className: q[`${$t}__title`], children: /* @__PURE__ */ a(A, { size: "sm", as: "div", children: p ? n : _ }) }),
+          /* @__PURE__ */ a("div", { className: q[`${$t}__title`], children: /* @__PURE__ */ a(A, { size: "sm", as: "div", children: m ? n : _ }) }),
           N && /* @__PURE__ */ a(
             "button",
             {
@@ -8204,7 +8223,7 @@ const ba = {
               type: "button",
               "aria-label": "Collapse button",
               onClick: $,
-              children: m ? /* @__PURE__ */ a(D, { source: rr }) : /* @__PURE__ */ a(D, { source: Ut })
+              children: g ? /* @__PURE__ */ a(D, { source: rr }) : /* @__PURE__ */ a(D, { source: Ut })
             }
           ),
           i === "error" && /* @__PURE__ */ a("div", { className: q[`${$t}__actions-container`], children: /* @__PURE__ */ a(
@@ -8212,13 +8231,13 @@ const ba = {
             {
               status: i,
               onCloseButtonClick: s,
-              onRetryButtonClick: h
+              onRetryButtonClick: p
             }
           ) })
         ] })
       }
     ),
-    /* @__PURE__ */ a(Ao, { component: null, children: m && /* @__PURE__ */ a(
+    /* @__PURE__ */ a(Ao, { component: null, children: g && /* @__PURE__ */ a(
       Do,
       {
         timeout: Sc,