@livechat/design-system-react-components 2.5.1 → 2.5.3

package/dist/index.js

@@ -21,7 +21,7 @@ var F = (e, a) => {
 };
 var wr = (e, a, r) => yr(e, typeof a != "symbol" ? a + "" : a, r);
 import { jsx as t, jsxs as f, Fragment as ne } from "react/jsx-runtime";
-import * as p from "react";
+import * as g from "react";
 import { createContext as u_, useContext as m_, useState as Jt, useEffect as tt, useMemo as qt, useRef as Ur, useReducer as p_, useCallback as Ga, memo as g_ } from "react";
 import { ChevronDown as Ht, Check as Sa, Close as Me, Info as Na, Warning as Ao, CheckCircle as Hr, Block as Do, ChevronRight as ir, VisibilityOn as h_, VisibilityOff as f_, ChevronUp as lr, Person as b_, DoubleArrowLeft as v_, ChevronLeft as k_, DoubleArrowRight as y_, People as w_, Bot as C_, Add as $_, ChatBotColored as N_, PersonAdd as x_, TextLogoFull as S_, LiveChatMono as B_, ChatBotMono as E_, HelpDeskMono as I_, KnowledgeBaseMono as T_, OpenWidgetMono as A_, HelloMono as D_, TextAccounts as P_, Search as F_, LockBlack as R_, Refresh as M_, Error as O_ } from "@livechat/design-system-icons";
 import u from "clsx";
@@ -493,25 +493,25 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
   const [o, _] = Jt(a), [n, i] = Jt(r);
   tt(() => {
     document.body.classList.remove(Dt.Light, Dt.Dark), document.body.classList.add(`lc-${o}-theme`);
-    for (const [d, c] of Object.entries(n))
-      document.body.style.setProperty(d, c);
+    for (const [s, c] of Object.entries(n))
+      document.body.style.setProperty(s, c);
   }, [o, n]);
   const l = qt(
     () => ({
       theme: o,
-      toggleTheme: () => _((d) => d === "light" ? "dark" : "light"),
+      toggleTheme: () => _((s) => s === "light" ? "dark" : "light"),
       setTheme: _,
-      setCustomVariables: (d) => {
-        i(d);
+      setCustomVariables: (s) => {
+        i(s);
       }
     }),
     [o, _, i]
   );
   return /* @__PURE__ */ t(Oo.Provider, { value: l, children: e });
-}, Lo = p.createContext(
+}, Lo = g.createContext(
   void 0
 ), Yr = () => {
-  const e = p.useContext(Lo);
+  const e = g.useContext(Lo);
   if (!e)
     throw new Error("useAppFrame must be used within a AppFrameProvider");
   return e;
@@ -520,12 +520,12 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
   isSideNavigationVisible: a = !0,
   isMobileViewVisible: r = !1
 }) => {
-  const [o, _] = p.useState(a), [n, i] = p.useState(r), l = p.useMemo(
+  const [o, _] = g.useState(a), [n, i] = g.useState(r), l = g.useMemo(
     () => ({
       isSideNavigationVisible: o,
       toggleSideNavigationVisibility: () => _(!o),
       isMobileViewEnabled: n,
-      setIsMobileViewEnabled: (d) => i(d)
+      setIsMobileViewEnabled: (s) => i(s)
     }),
     [
       o,
@@ -539,13 +539,13 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
   isVisible: e,
   elementRef: a
 }) => {
-  const [r, o] = p.useState(e), [_, n] = p.useState(e), [i, l] = p.useState(e);
-  return p.useEffect(() => {
-    const d = a.current;
-    if (!i && d) {
+  const [r, o] = g.useState(e), [_, n] = g.useState(e), [i, l] = g.useState(e);
+  return g.useEffect(() => {
+    const s = a.current;
+    if (!i && s) {
       const c = () => o(!1);
-      return d.addEventListener("transitionend", c), n(!1), () => {
-        d.removeEventListener(
+      return s.addEventListener("transitionend", c), n(!1), () => {
+        s.removeEventListener(
           "transitionend",
           c
         );
@@ -555,7 +555,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
       o(!0), requestAnimationFrame(() => n(!0));
       return;
     }
-  }, [i]), p.useEffect(() => {
+  }, [i]), g.useEffect(() => {
     l(e);
   }, [e]), {
     isOpen: _,
@@ -569,7 +569,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
     observe: (_, n) => {
       e || (e = new ResizeObserver((i) => {
         i.forEach((l) => {
-          const d = l.target, c = a.get(d);
+          const s = l.target, c = a.get(s);
           c && c(l.contentRect);
         });
       })), _ && (a.set(_, n), e.observe(_));
@@ -583,7 +583,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
     a(o);
   }) : ro.unobserve(e));
 }, Go = () => {
-  const [e, a] = p.useState(0), r = p.useCallback(
+  const [e, a] = g.useState(0), r = g.useCallback(
     (o) => Xr(
       o,
       (_) => a(_.height)
@@ -597,7 +597,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
 }, tn = ({
   mobileBreakpoint: e
 }) => {
-  const [a, r] = p.useState(!1), o = p.useCallback(
+  const [a, r] = g.useState(!1), o = g.useCallback(
     (_) => Xr(
       _,
       (n) => r(n.width <= e)
@@ -673,26 +673,26 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
     height: 64
   }
 }, _o = "icon", P = (e) => {
-  const s = e, {
+  const d = e, {
     source: a,
     size: r = "medium",
     kind: o,
     disabled: _,
     className: n,
     customColor: i
-  } = s, l = F(s, [
+  } = d, l = F(d, [
     "source",
     "size",
     "kind",
     "disabled",
     "className",
     "customColor"
-  ]), d = p.createElement(a, k(k({}, rn[r]), i ? { color: i } : {})), c = u(
+  ]), s = g.createElement(a, k(k({}, rn[r]), i ? { color: i } : {})), c = u(
     n,
     oo[_o],
     o && oo[`${_o}--${_ ? "disabled--" : ""}${o}`]
   );
-  return /* @__PURE__ */ t("span", E(k({}, l), { className: c, children: d }));
+  return /* @__PURE__ */ t("span", E(k({}, l), { className: c, children: s }));
 }, et = {
   "heading-xl": "lc-Typography-module__heading-xl___jTpRq",
   "heading-lg": "lc-Typography-module__heading-lg___VGjgP",
@@ -724,7 +724,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
   xs: "h5",
   "2xs": "h6"
 }, he = (c) => {
-  var s = c, {
+  var d = c, {
     as: e,
     size: a = "md",
     children: r,
@@ -733,7 +733,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
     bold: n,
     customColor: i,
     textAlign: l
-  } = s, d = F(s, [
+  } = d, s = F(d, [
     "as",
     "size",
     "children",
@@ -743,7 +743,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
     "customColor",
     "textAlign"
   ]);
-  return p.createElement(
+  return g.createElement(
     e || on[a],
     k({
       className: u(
@@ -755,7 +755,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
         o
       ),
       style: k(k({}, i && { color: i }), l && { textAlign: l })
-    }, d),
+    }, s),
     r
   );
 }, A = (v) => {
@@ -768,11 +768,11 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
     underline: n = !1,
     strike: i = !1,
     children: l,
-    className: d,
+    className: s,
     customColor: c,
-    textAlign: s,
-    noMargin: g
-  } = h, m = F(h, [
+    textAlign: d,
+    noMargin: m
+  } = h, p = F(h, [
     "as",
     "size",
     "caps",
@@ -787,7 +787,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
     "noMargin"
   ]);
   const b = "paragraph";
-  return p.createElement(
+  return g.createElement(
     e,
     k({
       className: u(
@@ -797,16 +797,16 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
           [et[`${b}--strike`]]: i,
           [et[`${b}--underline`]]: n,
           [et[`${b}--uppercase`]]: o || r,
-          [et[`${b}--no-margin`]]: g
+          [et[`${b}--no-margin`]]: m
         },
-        d
+        s
       ),
-      style: k(k({}, c && { color: c }), s && { textAlign: s })
-    }, m),
+      style: k(k({}, c && { color: c }), d && { textAlign: d })
+    }, p),
     l
   );
-}, cs = (d) => {
-  var c = d, {
+}, cs = (s) => {
+  var c = s, {
     as: e = "div",
     size: a = "md",
     children: r,
@@ -823,7 +823,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
     "textAlign",
     "bold"
   ]);
-  return p.createElement(
+  return g.createElement(
     e,
     k({
       className: u(
@@ -841,7 +841,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
   "accordion-multiline": "lc-AccordionMultilineElement-module__accordion-multiline___oI-PH",
   "accordion-multiline__inner": "lc-AccordionMultilineElement-module__accordion-multiline__inner___bBTnC"
 }, io = "accordion-multiline", _n = ({ children: e, isExpanded: a }) => {
-  const r = p.useRef(null), { isOpen: o, isMounted: _ } = Gt({
+  const r = g.useRef(null), { isOpen: o, isMounted: _ } = Gt({
     isVisible: !a,
     elementRef: r
   }), { size: n, handleResizeRef: i } = Go();
@@ -865,28 +865,28 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
   closed: a,
   isOpen: r
 }) => {
-  const o = p.useRef(null), _ = p.useRef(null), [n, i] = p.useState(void 0), { isOpen: l, isMounted: d } = Gt({
+  const o = g.useRef(null), _ = g.useRef(null), [n, i] = g.useState(void 0), { isOpen: l, isMounted: s } = Gt({
     isVisible: r,
     elementRef: o
-  }), { isOpen: c, isMounted: s } = Gt(
+  }), { isOpen: c, isMounted: d } = Gt(
     {
       isVisible: !r,
       elementRef: _
     }
   );
-  return p.useEffect(() => {
-    const g = r ? o.current : _.current;
-    if (g) {
-      const m = g.getBoundingClientRect().height;
-      i(m);
+  return g.useEffect(() => {
+    const m = r ? o.current : _.current;
+    if (m) {
+      const p = m.getBoundingClientRect().height;
+      i(p);
     }
-  }, [r, d, s]), /* @__PURE__ */ f(
+  }, [r, s, d]), /* @__PURE__ */ f(
     "div",
     {
       className: aa[ra],
       style: { height: n ? `${n}px` : "auto" },
       children: [
-        d && /* @__PURE__ */ t(
+        s && /* @__PURE__ */ t(
           "div",
           {
             ref: o,
@@ -896,7 +896,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
             children: e
           }
         ),
-        s && /* @__PURE__ */ t(
+        d && /* @__PURE__ */ t(
           "div",
           {
             ref: _,
@@ -930,8 +930,8 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
   accordion__content: mn,
   accordion__content__inner: pn,
   "accordion__content__inner--open": "lc-Accordion-module__accordion__content__inner--open___BhKjm"
-}, mt = "accordion", ss = (s) => {
-  var g = s, {
+}, mt = "accordion", ss = (d) => {
+  var m = d, {
     className: e,
     children: a,
     label: r,
@@ -940,8 +940,8 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
     openOnInit: n = !1,
     isOpen: i,
     onClose: l,
-    onOpen: d
-  } = g, c = F(g, [
+    onOpen: s
+  } = m, c = F(m, [
     "className",
     "children",
     "label",
@@ -952,7 +952,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
     "onClose",
     "onOpen"
   ]);
-  const m = i !== void 0, v = m ? i : n, h = p.useRef(null), {
+  const p = i !== void 0, v = p ? i : n, h = g.useRef(null), {
     isOpen: b,
     isMounted: y,
     setShouldBeVisible: C
@@ -967,7 +967,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
     },
     e
   ), { size: B, handleResizeRef: $ } = Go(), S = (x) => {
-    x ? (l == null || l(), !m && C(!1)) : (d == null || d(), !m && C(!0));
+    x ? (l == null || l(), !p && C(!1)) : (s == null || s(), !p && C(!0));
   };
   return /* @__PURE__ */ f(
     "div",
@@ -1056,11 +1056,11 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
     openedOnInit: n = !1,
     keepOpenOnClick: i,
     flipOptions: l,
-    visible: d,
+    visible: s,
     onClose: c,
-    onOpen: s,
-    floatingStrategy: g,
-    selectedOptions: m,
+    onOpen: d,
+    floatingStrategy: m,
+    selectedOptions: p,
     footer: v
   } = y, h = F(y, [
     "className",
@@ -1078,8 +1078,8 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
     "selectedOptions",
     "footer"
   ]);
-  const C = d !== void 0, [N, B] = p.useState(n), [$, S] = p.useState(null), w = p.useRef(-1), x = cr(), I = Ba(), R = p.useRef(null), G = C ? d : N, T = () => {
-    G ? (c == null || c(), !C && B(!1)) : (s == null || s(), !C && B(!0));
+  const C = s !== void 0, [N, B] = g.useState(n), [$, S] = g.useState(null), w = g.useRef(-1), x = cr(), I = Ba(), R = g.useRef(null), G = C ? s : N, T = () => {
+    G ? (c == null || c(), !C && B(!1)) : (d == null || d(), !C && B(!0));
   }, { x: D, y: z, strategy: ie, refs: V, context: H } = Ea({
     nodeId: I,
     middleware: [
@@ -1093,12 +1093,12 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
     ],
     placement: _,
     open: G,
-    strategy: g,
+    strategy: m,
     onOpenChange: T,
     whileElementsMounted: Ta
   }), K = Aa(H), Oe = Da(H, {
     enabled: G
-  }), at = Pa(H), { getReferenceProps: $t, getFloatingProps: xe } = Fa([
+  }), at = Pa(H), { getReferenceProps: Ct, getFloatingProps: xe } = Fa([
     K,
     Oe,
     at
@@ -1132,14 +1132,14 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
   }, Le = (M) => {
     M.key === ke.arrowUp && w.current > 0 && (M.preventDefault(), ct(-1)), M.key === ke.arrowDown && w.current + 1 < r.length && (M.preventDefault(), ct(1));
   };
-  p.useEffect(() => {
+  g.useEffect(() => {
     if (G)
       return document.addEventListener("keydown", Le), () => document.removeEventListener("keydown", Le);
     w.current = -1;
   }, [G, Le]);
-  const Nt = (M, J) => {
+  const $t = (M, J) => {
     w.current = M, J == null || J(), !C && !i && (B(!1), c == null || c());
-  }, xt = (M, J) => M.groupHeader ? /* @__PURE__ */ t(
+  }, Nt = (M, J) => M.groupHeader ? /* @__PURE__ */ t(
     "li",
     {
       role: "none",
@@ -1153,16 +1153,16 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
       "data-testid": M.key,
       tabIndex: -1,
       disabled: M.disabled,
-      onClick: () => Nt(J, M.onClick),
+      onClick: () => $t(J, M.onClick),
       role: "menuitem",
       className: u(ot[`${_t}__list__item`], {
         [ot[`${_t}__list__item--disabled`]]: M.disabled,
         [ot[`${_t}__list__item--with-divider`]]: M.withDivider,
-        [ot[`${_t}__list__item--selected`]]: m == null ? void 0 : m.includes(M.key)
+        [ot[`${_t}__list__item--selected`]]: p == null ? void 0 : p.includes(M.key)
       }),
       children: [
         M.element,
-        (m == null ? void 0 : m.includes(M.key)) && /* @__PURE__ */ t(
+        (p == null ? void 0 : p.includes(M.key)) && /* @__PURE__ */ t(
           "div",
           {
             "data-testid": `${M.key}-selected-icon`,
@@ -1180,7 +1180,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
         "aria-label": "Toggle menu",
         "data-testid": "action-menu-trigger-button",
         ref: V.setReference
-      }, $t()), {
+      }, Ct()), {
         className: a,
         children: o
       })
@@ -1209,7 +1209,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
               ),
               role: "menu",
               ref: R,
-              children: r.map(xt)
+              children: r.map(Nt)
             })
           ),
           v && /* @__PURE__ */ t(
@@ -1342,7 +1342,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
   "btn--animated-label": "lc-Button-module__btn--animated-label___8uZTa",
   btn__content: Nn,
   "btn--animated-label--expanded": "lc-Button-module__btn--animated-label--expanded___dTfmD"
-}, ue = "btn", q = p.forwardRef(
+}, ue = "btn", j = g.forwardRef(
   (y, b) => {
     var C = y, {
       loading: e = !1,
@@ -1353,11 +1353,11 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
       size: n = "medium",
       icon: i = null,
       iconPosition: l = "left",
-      loaderLabel: d,
+      loaderLabel: s,
       className: c,
-      children: s,
-      href: g,
-      onClick: m,
+      children: d,
+      href: m,
+      onClick: p,
       animatedLabel: v
     } = C, h = F(C, [
       "loading",
@@ -1375,7 +1375,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
       "onClick",
       "animatedLabel"
     ]);
-    const [N, B] = p.useState(0), [$, S] = p.useState(!1), w = e || a, x = !s && i, I = v && s && i, R = ["text", "link", "link-light"].includes(_), G = g ? "a" : "button", T = u(
+    const [N, B] = g.useState(0), [$, S] = g.useState(!1), w = e || a, x = !d && i, I = v && d && i, R = ["text", "link", "link-light"].includes(_), G = m ? "a" : "button", T = u(
       de[ue],
       de[`${ue}--${_}`],
       de[`${ue}--${n}`],
@@ -1399,7 +1399,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
         "aria-disabled": w,
         type: r,
         disabled: w
-      }, !w && { href: g, onClick: m }), h), I && {
+      }, !w && { href: m, onClick: p }), h), I && {
         onMouseEnter: (D) => co(
           D,
           () => S(!0),
@@ -1426,11 +1426,11 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
             k({
               "data-testid": "button-loader",
               size: "small",
-              label: d,
+              label: s,
               className: de[`${ue}__loader`]
             }, vn(_))
           ),
-          i && p.cloneElement(i, {
+          i && g.cloneElement(i, {
             className: u(
               // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
               i.props.className,
@@ -1448,7 +1448,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () =>
             {
               className: de[`${ue}__content`],
               style: I ? { maxWidth: $ ? N : 0 } : void 0,
-              children: I ? /* @__PURE__ */ t("span", { ref: (D) => yn(D, B), children: s }) : s
+              children: I ? /* @__PURE__ */ t("span", { ref: (D) => yn(D, B), children: d }) : d
             }
           )
         ]
@@ -1494,7 +1494,7 @@ const Sn = (e) => {
         fill: "var(--tooltip-background-basic)"
       };
   }
-}, Bn = "lc-Tooltip-module__tooltip___LjRUX", En = "lc-Tooltip-module__tooltip__content___cxaIe", In = "lc-Tooltip-module__tooltip__arrow___vLFFP", Tn = "lc-Tooltip-module__tooltip__interactive___WTll9", O = {
+}, Bn = "lc-Tooltip-module__tooltip___LjRUX", En = "lc-Tooltip-module__tooltip__content___cxaIe", In = "lc-Tooltip-module__tooltip__arrow___vLFFP", Tn = "lc-Tooltip-module__tooltip__interactive___WTll9", L = {
   tooltip: Bn,
   tooltip__content: En,
   "tooltip--invert": "lc-Tooltip-module__tooltip--invert___J4i3t",
@@ -1511,7 +1511,6 @@ const Sn = (e) => {
   "tooltip-close": "lc-Tooltip-module__tooltip-close___3t8it",
   "tooltip-step": "lc-Tooltip-module__tooltip-step___WnQFV",
   "tooltip-footer": "lc-Tooltip-module__tooltip-footer___Ila6T",
-  "tooltip-footer-secondary": "lc-Tooltip-module__tooltip-footer-secondary___9OaW5",
   "tooltip-footer--interactive": "lc-Tooltip-module__tooltip-footer--interactive___8WwVX",
   "tooltip-footer--user-guide-step": "lc-Tooltip-module__tooltip-footer--user-guide-step___hIsO4",
   "guide-tooltip": "lc-Tooltip-module__guide-tooltip___lBG0P",
@@ -1533,11 +1532,11 @@ const Sn = (e) => {
   kind: n,
   placement: i = "bottom",
   isVisible: l,
-  fullSpaceContent: d,
+  fullSpaceContent: s,
   onClose: c,
-  onOpen: s,
-  withFadeAnimation: g = !0,
-  transitionDuration: m = 200,
+  onOpen: d,
+  withFadeAnimation: m = !0,
+  transitionDuration: p = 200,
   hoverOnDuration: v,
   hoverOffDuration: h,
   transitionDelay: b = 0,
@@ -1560,18 +1559,18 @@ const Sn = (e) => {
   portalProps: H,
   hideWhenReferenceHidden: K = !1
 }) => {
-  const Oe = l !== void 0, [at, $t] = p.useState(!1), xe = p.useRef(null), lt = Oe ? l : at, rt = n || _, ct = cr(), Le = Ba(), Nt = u(
-    O[Ua],
+  const Oe = l !== void 0, [at, Ct] = g.useState(!1), xe = g.useRef(null), lt = Oe ? l : at, rt = n || _, ct = cr(), Le = Ba(), $t = u(
+    L[Ua],
     a,
-    rt && O[`${Ua}--${rt}`],
-    d && O[`${Ua}--full-space`]
-  ), xt = typeof o == "function", st = (Ge) => {
-    Ge !== lt && (Ge ? s == null || s() : c == null || c(), !Oe && $t(Ge));
-  }, M = (Ge) => g ? Ge != null ? Ge : m : 0, J = (Ge) => Ge != null ? Ge : b, {
+    rt && L[`${Ua}--${rt}`],
+    s && L[`${Ua}--full-space`]
+  ), Nt = typeof o == "function", st = (Ge) => {
+    Ge !== lt && (Ge ? d == null || d() : c == null || c(), !Oe && Ct(Ge));
+  }, M = (Ge) => m ? Ge != null ? Ge : p : 0, J = (Ge) => Ge != null ? Ge : b, {
     floatingStyles: se,
     refs: W,
     context: Y,
-    middlewareData: { arrow: { x: dt, y: zt } = {}, hide: St }
+    middlewareData: { arrow: { x: dt, y: zt } = {}, hide: xt }
   } = Ea({
     nodeId: Le,
     middleware: [
@@ -1609,7 +1608,7 @@ const Sn = (e) => {
     hr,
     fr
   ]);
-  p.useEffect(() => {
+  g.useEffect(() => {
     w && W.setReference(w);
   }, [W.setReference, w]);
   const Oa = /* @__PURE__ */ t(ta, { id: Le, children: br && /* @__PURE__ */ f(
@@ -1617,13 +1616,13 @@ const Sn = (e) => {
     E(k({
       ref: W.setFloating,
       style: E(k(k({}, se), vr), {
-        visibility: St != null && St.referenceHidden ? "hidden" : "visible"
+        visibility: xt != null && xt.referenceHidden ? "hidden" : "visible"
       }),
-      className: Nt
+      className: $t
     }, Ma()), {
       "data-status": kr,
       children: [
-        /* @__PURE__ */ t(A, { as: "div", className: O[`${Ua}__content`], children: e }),
+        /* @__PURE__ */ t(A, { as: "div", className: L[`${Ua}__content`], children: e }),
         /* @__PURE__ */ t(
           W_,
           k({
@@ -1651,7 +1650,7 @@ const Sn = (e) => {
         ref: W.setReference
       }, Ra()), {
         className: r,
-        children: xt ? o() : o
+        children: Nt ? o() : o
       })
     ),
     l_()
@@ -1664,12 +1663,12 @@ const Sn = (e) => {
   theme: _,
   handleCloseAction: n
 }) => /* @__PURE__ */ f("div", { className: e, children: [
-  o && /* @__PURE__ */ t(
+  (o || n) && /* @__PURE__ */ t(
     "button",
     {
       type: "button",
       "aria-label": "Close tooltip",
-      className: O[`${ia}-close`],
+      className: L[`${ia}-close`],
       onClick: n,
       children: /* @__PURE__ */ t(P, { source: Me, kind: _ ? zo(_) : "primary" })
     }
@@ -1679,8 +1678,8 @@ const Sn = (e) => {
     {
       as: "div",
       size: "xs",
-      className: u(O[`${ia}-header`], {
-        [O[`${ia}-header--info`]]: o
+      className: u(L[`${ia}-header`], {
+        [L[`${ia}-header--info`]]: o
       }),
       children: a
     }
@@ -1690,13 +1689,13 @@ const Sn = (e) => {
     {
       as: "div",
       className: u({
-        [O[`${ia}-text`]]: o,
-        [O[`${ia}-text--info`]]: o
+        [L[`${ia}-text`]]: o,
+        [L[`${ia}-text--info`]]: o
       }),
       children: r
     }
   )
-] }), pt = "tooltip", An = ({
+] }), St = "tooltip", An = ({
   header: e,
   text: a,
   image: r,
@@ -1706,56 +1705,51 @@ const Sn = (e) => {
   primaryButton: i,
   secondaryButton: l
 }) => {
-  const d = (s) => s === "invert" ? "secondary" : s === "important" ? "plain-lock-black" : "high-contrast", c = (s) => s === "invert" ? "link-inverted" : s === "important" ? "text-lock-black" : "text";
-  return /* @__PURE__ */ f("div", { className: O[`${pt}__interactive`], children: [
-    o && /* @__PURE__ */ t(
+  const s = (m) => m === "invert" ? "secondary" : m === "important" ? "plain-lock-black" : "high-contrast", c = (m) => m === "invert" ? "link-inverted" : m === "important" ? "text-lock-black" : "text", d = (m, p = !0) => {
+    if (!m) return null;
+    if (g.isValidElement(m))
+      return m;
+    const v = m, h = p ? v.kind || s(_) : v.kind || c(_);
+    return /* @__PURE__ */ t(
+      j,
+      E(k({}, v), {
+        kind: h,
+        onClick: v.handleClick,
+        children: v.label
+      })
+    );
+  };
+  return /* @__PURE__ */ f("div", { className: L[`${St}__interactive`], children: [
+    (o || n) && /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         "aria-label": "Close tooltip",
-        className: O[`${pt}-close`],
+        className: L[`${St}-close`],
         onClick: n,
         children: /* @__PURE__ */ t(P, { source: Me, kind: _ ? zo(_) : "primary" })
       }
     ),
-    r && /* @__PURE__ */ t("div", { className: O[`${pt}-image-container`], children: /* @__PURE__ */ t(
+    r && /* @__PURE__ */ t("div", { className: L[`${St}-image-container`], children: /* @__PURE__ */ t(
       "img",
       {
-        className: O[`${pt}-image`],
+        className: L[`${St}-image`],
         src: r.src,
         alt: r.alt
       }
     ) }),
-    e && /* @__PURE__ */ t(he, { as: "div", size: "xs", className: O[`${pt}-header`], children: e }),
-    /* @__PURE__ */ t("div", { className: O[`${pt}-text`], children: a }),
+    e && /* @__PURE__ */ t(he, { as: "div", size: "xs", className: L[`${St}-header`], children: e }),
+    /* @__PURE__ */ t("div", { className: L[`${St}-text`], children: a }),
     /* @__PURE__ */ f(
       "div",
       {
         className: u(
-          O[`${pt}-footer`],
-          O[`${pt}-footer--interactive`]
+          L[`${St}-footer`],
+          L[`${St}-footer--interactive`]
         ),
         children: [
-          /* @__PURE__ */ t(
-            q,
-            E(k({}, i), {
-              kind: i.kind || d(_),
-              onClick: i.handleClick,
-              children: i.label
-            })
-          ),
-          l && /* @__PURE__ */ t(
-            q,
-            E(k({}, l), {
-              className: u(
-                O[`${pt}-footer-secondary`],
-                l.className
-              ),
-              kind: l.kind || c(_),
-              onClick: l.handleClick,
-              children: l.label
-            })
-          )
+          d(i, !0),
+          d(l, !1)
         ]
       }
     )
@@ -1787,7 +1781,7 @@ const Sn = (e) => {
     left: "0",
     width: "100%",
     height: `calc(100% - ${e.bottom}px)`
-  }, d = {
+  }, s = {
     top: `${e.top}px`,
     left: `${e.left}px`,
     width: `${e.width}px`,
@@ -1799,9 +1793,9 @@ const Sn = (e) => {
       "div",
       {
         className: u({
-          [O[`${fe}__overlay`]]: !0,
-          [O[`${fe}__overlay--visible`]]: a,
-          [O[`${fe}__overlay--slide`]]: r
+          [L[`${fe}__overlay`]]: !0,
+          [L[`${fe}__overlay--visible`]]: a,
+          [L[`${fe}__overlay--slide`]]: r
         }),
         style: _
       }
@@ -1810,9 +1804,9 @@ const Sn = (e) => {
       "div",
       {
         className: u({
-          [O[`${fe}__overlay`]]: !0,
-          [O[`${fe}__overlay--visible`]]: a,
-          [O[`${fe}__overlay--slide`]]: r
+          [L[`${fe}__overlay`]]: !0,
+          [L[`${fe}__overlay--visible`]]: a,
+          [L[`${fe}__overlay--slide`]]: r
         }),
         style: i
       }
@@ -1821,9 +1815,9 @@ const Sn = (e) => {
       "div",
       {
         className: u({
-          [O[`${fe}__overlay`]]: !0,
-          [O[`${fe}__overlay--visible`]]: a,
-          [O[`${fe}__overlay--slide`]]: r
+          [L[`${fe}__overlay`]]: !0,
+          [L[`${fe}__overlay--visible`]]: a,
+          [L[`${fe}__overlay--slide`]]: r
         }),
         style: n
       }
@@ -1832,9 +1826,9 @@ const Sn = (e) => {
       "div",
       {
         className: u({
-          [O[`${fe}__overlay`]]: !0,
-          [O[`${fe}__overlay--visible`]]: a,
-          [O[`${fe}__overlay--slide`]]: r
+          [L[`${fe}__overlay`]]: !0,
+          [L[`${fe}__overlay--visible`]]: a,
+          [L[`${fe}__overlay--slide`]]: r
         }),
         style: l
       }
@@ -1843,11 +1837,11 @@ const Sn = (e) => {
       "div",
       {
         className: u({
-          [O[`${fe}__overlay`]]: !0,
-          [O[`${fe}__overlay--visible`]]: a,
-          [O[`${fe}__overlay--slide`]]: r
+          [L[`${fe}__overlay`]]: !0,
+          [L[`${fe}__overlay--visible`]]: a,
+          [L[`${fe}__overlay--slide`]]: r
         }),
-        style: d
+        style: s
       }
     )
   ] });
@@ -1859,7 +1853,7 @@ class Pn {
     this.element = a, this.padding = r;
   }
   addPadding(a) {
-    const r = Math.round(a.left) - this.padding, o = Math.round(a.top) - this.padding, _ = Math.round(a.width) + 2 * this.padding, n = Math.round(a.height) + 2 * this.padding, i = o, l = r, d = i + n, c = l + _;
+    const r = Math.round(a.left) - this.padding, o = Math.round(a.top) - this.padding, _ = Math.round(a.width) + 2 * this.padding, n = Math.round(a.height) + 2 * this.padding, i = o, l = r, s = i + n, c = l + _;
     return {
       x: r,
       y: o,
@@ -1867,7 +1861,7 @@ class Pn {
       height: n,
       top: i,
       left: l,
-      bottom: d,
+      bottom: s,
       right: c
     };
   }
@@ -1887,33 +1881,33 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
     parentElementName: r,
     isVisible: o = !1,
     shouldSlide: _ = !0
-  } = e, [n, i] = p.useState(
+  } = e, [n, i] = g.useState(
     null
-  ), [l, d] = p.useState(null), [c, s] = p.useState(_), g = () => {
-    n && (d(
+  ), [l, s] = g.useState(null), [c, d] = g.useState(_), m = () => {
+    n && (s(
       mo(
         n,
         so
       ).getBoundingClientRect()
-    ), s(!1));
+    ), d(!1));
   };
-  return p.useEffect(() => {
+  return g.useEffect(() => {
     if (n !== null)
-      return window.addEventListener("resize", g), window.addEventListener("scroll", g), () => {
-        window.removeEventListener("resize", g), window.removeEventListener("scroll", g);
+      return window.addEventListener("resize", m), window.addEventListener("scroll", m), () => {
+        window.removeEventListener("resize", m), window.removeEventListener("scroll", m);
       };
-  }, [n]), p.useEffect(() => {
+  }, [n]), g.useEffect(() => {
     if (r) {
-      const m = document.querySelector(r);
-      i(m);
+      const p = document.querySelector(r);
+      i(p);
     }
-  }, [r]), p.useEffect(() => {
-    n && d(
+  }, [r]), g.useEffect(() => {
+    n && s(
       mo(
         n,
         so
       ).getBoundingClientRect()
-    ), s(!0);
+    ), d(!0);
   }, [n]), n && o && l ? /* @__PURE__ */ f(ea, { children: [
     /* @__PURE__ */ t(
       Dn,
@@ -1933,8 +1927,8 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
           contextElement: n
         },
         className: u({
-          [O[uo]]: !0,
-          [O[`${uo}--slide`]]: c,
+          [L[uo]]: !0,
+          [L[`${uo}--slide`]]: c,
           className: a
         }),
         children: e.children
@@ -1945,20 +1939,20 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
   title: e,
   description: a,
   children: r
-}) => /* @__PURE__ */ f("div", { className: O[la], children: [
-  /* @__PURE__ */ f("div", { className: O[`${la}__heading`], children: [
-    /* @__PURE__ */ t(A, { as: "div", className: O[`${la}__heading__title`], children: e }),
+}) => /* @__PURE__ */ f("div", { className: L[la], children: [
+  /* @__PURE__ */ f("div", { className: L[`${la}__heading`], children: [
+    /* @__PURE__ */ t(A, { as: "div", className: L[`${la}__heading__title`], children: e }),
     /* @__PURE__ */ t(
       A,
       {
         as: "div",
         size: "xs",
-        className: O[`${la}__heading__description`],
+        className: L[`${la}__heading__description`],
         children: a
       }
     )
   ] }),
-  /* @__PURE__ */ t("div", { className: O[`${la}__content`], children: /* @__PURE__ */ t(A, { as: "div", children: r }) })
+  /* @__PURE__ */ t("div", { className: L[`${la}__content`], children: /* @__PURE__ */ t(A, { as: "div", children: r }) })
 ] }), Q = {
   "action-bar": "lc-ActionBar-module__action-bar___yfLdO",
   "action-bar__items": "lc-ActionBar-module__action-bar__items___E8fX6",
@@ -1994,7 +1988,7 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
     [Q[`${Vt}--active`]]: a,
     [Q[`${Vt}--vertical`]]: r
   }), _ = /* @__PURE__ */ t(
-    q,
+    j,
     {
       id: e.key,
       title: e != null && e.showTooltip ? void 0 : e.label,
@@ -2032,7 +2026,7 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
     },
     e.key
   ) : /* @__PURE__ */ t("div", { "data-testid": e.key, className: o, children: _ });
-}, Ha = "action-bar", gt = "action-bar__menu-wrapper", Rn = 44, gs = ({
+}, Ha = "action-bar", pt = "action-bar__menu-wrapper", Rn = 44, gs = ({
   className: e,
   id: a = "action-bar-area",
   type: r = "menu",
@@ -2041,28 +2035,28 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
   vertical: n,
   menuFooter: i
 }) => {
-  const [l, d] = p.useState(
+  const [l, s] = g.useState(
     o.length
-  ), [c, s] = p.useState([]), [g, m] = p.useState(!1), v = r === "scroll", h = u(
+  ), [c, d] = g.useState([]), [m, p] = g.useState(!1), v = r === "scroll", h = u(
     Q[Ha],
     e,
     n && Q[`${Ha}--vertical`]
   ), b = !v && c.length !== 0;
-  p.useEffect(() => {
-    v || (o.length > l ? s(o.slice(l, o.length)) : s([]));
-  }, [o, l]), p.useEffect(() => {
+  g.useEffect(() => {
+    v || (o.length > l ? d(o.slice(l, o.length)) : d([]));
+  }, [o, l]), g.useEffect(() => {
     const N = !!window.ResizeObserver;
     if (!v && N) {
       const B = new ResizeObserver(($) => {
         const { width: S, height: w } = $[0].contentRect, x = n ? w : S, I = c.length > 0 ? 60 : 0, R = Math.floor(
           (x - I) / Rn
         );
-        R >= 0 && R !== l && d(R);
+        R >= 0 && R !== l && s(R);
       });
       return B.observe(document.querySelector(`#${a}`)), () => B.disconnect();
     }
   }, [c, v, l]);
-  const y = p.useCallback(() => c.reduce(
+  const y = g.useCallback(() => c.reduce(
     (N, B) => {
       if (!B.hideInMenu) {
         const $ = {
@@ -2098,28 +2092,28 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
       "div",
       {
         className: u(
-          Q[gt],
-          C && Q[`${gt}--active`],
-          n && Q[`${gt}--vertical`]
+          Q[pt],
+          C && Q[`${pt}--active`],
+          n && Q[`${pt}--vertical`]
         ),
         children: /* @__PURE__ */ t(
           Uo,
           {
             selectedOptions: _ ? [_] : [],
-            onOpen: () => m(!0),
-            onClose: () => m(!1),
+            onOpen: () => p(!0),
+            onClose: () => p(!1),
             floatingStrategy: "fixed",
             placement: n ? "left-start" : "bottom-end",
             options: y(),
             triggerClassName: u(
-              n && Q[`${gt}__trigger-vertical`]
+              n && Q[`${pt}__trigger-vertical`]
             ),
             triggerRenderer: /* @__PURE__ */ t(
-              q,
+              j,
               {
                 className: u(
-                  Q[`${gt}__button`],
-                  C && Q[`${gt}__button--active`]
+                  Q[`${pt}__button`],
+                  C && Q[`${pt}__button--active`]
                 ),
                 kind: "plain",
                 icon: /* @__PURE__ */ t(
@@ -2128,8 +2122,8 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
                     source: Ht,
                     kind: "primary",
                     className: u(
-                      Q[`${gt}__button__icon`],
-                      g && Q[`${gt}__button__icon--open`]
+                      Q[`${pt}__button__icon`],
+                      m && Q[`${pt}__button__icon--open`]
                     )
                   }
                 ),
@@ -2138,7 +2132,7 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
                   "div",
                   {
                     className: u(
-                      Q[`${gt}__button__with-item`]
+                      Q[`${pt}__button__with-item`]
                     ),
                     children: C.element
                   }
@@ -2167,7 +2161,7 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
 }) => {
   const i = u(Wt[Pt], e), l = (c) => {
     c.currentTarget === document.activeElement && (n == null || n());
-  }, d = (c) => {
+  }, s = (c) => {
     c.currentTarget === document.activeElement && (c.key === "Enter" || c.key === " " || c.key === "Spacebar" || c.key === "Space") && (c.preventDefault(), n == null || n());
   };
   return /* @__PURE__ */ t("div", { className: Wt["main-wrapper"], children: /* @__PURE__ */ f(
@@ -2178,7 +2172,7 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
       tabIndex: 0,
       className: i,
       onClick: l,
-      onKeyDown: d,
+      onKeyDown: s,
       children: [
         /* @__PURE__ */ t(
           "div",
@@ -2241,14 +2235,14 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
     kind: "error"
   }
 }, Pe = "alert", fs = (l) => {
-  var d = l, {
+  var s = l, {
     children: e,
     className: a,
     primaryButton: r,
     secondaryButton: o,
     kind: _ = "info",
     onClose: n
-  } = d, i = F(d, [
+  } = s, i = F(s, [
     "children",
     "className",
     "primaryButton",
@@ -2256,20 +2250,20 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
     "kind",
     "onClose"
   ]);
-  const c = p.useRef(null), [s, g] = p.useState(null), m = u(
+  const c = g.useRef(null), [d, m] = g.useState(null), p = u(
     De[Pe],
     De[`${Pe}--${_}`],
-    s === "large" && De[`${Pe}--large`],
-    s === "medium" && De[`${Pe}--medium`],
-    s === "small" && De[`${Pe}--small`],
+    d === "large" && De[`${Pe}--large`],
+    d === "medium" && De[`${Pe}--medium`],
+    d === "small" && De[`${Pe}--small`],
     a
   );
-  return p.useEffect(() => {
-    const v = () => c.current && c.current.offsetWidth <= 400 ? g("small") : c.current && c.current.offsetWidth > 400 && c.current.offsetWidth <= 800 ? g("medium") : g("large"), h = Fo(() => {
+  return g.useEffect(() => {
+    const v = () => c.current && c.current.offsetWidth <= 400 ? m("small") : c.current && c.current.offsetWidth > 400 && c.current.offsetWidth <= 800 ? m("medium") : m("large"), h = Fo(() => {
       v();
     }, 500);
     return window.addEventListener("resize", h), v(), () => window.removeEventListener("resize", h);
-  }), /* @__PURE__ */ f("div", E(k({ ref: c, className: m }, i), { children: [
+  }), /* @__PURE__ */ f("div", E(k({ ref: c, className: p }, i), { children: [
     /* @__PURE__ */ f("div", { className: De[`${Pe}__content`], children: [
       /* @__PURE__ */ f("div", { className: De[`${Pe}__content__wrapper`], children: [
         /* @__PURE__ */ t(
@@ -2290,7 +2284,7 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
       ] }),
       (r || o) && /* @__PURE__ */ f("div", { className: De[`${Pe}__content__wrapper__cta`], children: [
         r && /* @__PURE__ */ t(
-          q,
+          j,
           E(k({
             kind: "high-contrast",
             onClick: r.handleClick
@@ -2299,7 +2293,7 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
           })
         ),
         o && /* @__PURE__ */ t(
-          q,
+          j,
           E(k({
             className: u(
               De[`${Pe}__content__wrapper__cta__link`],
@@ -2314,7 +2308,7 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
       ] })
     ] }),
     n && /* @__PURE__ */ t(
-      q,
+      j,
       {
         "aria-label": "Close alert",
         className: De[`${Pe}__close-icon`],
@@ -2347,21 +2341,21 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
     sideNavigation: n,
     topBar: i,
     topBarClassName: l,
-    sideNavigationContainerClassName: d,
+    sideNavigationContainerClassName: s,
     contentClassName: c
-  } = e, s = u(Fe[Wo], r), {
-    isSideNavigationVisible: g,
-    setIsMobileViewEnabled: m,
+  } = e, d = u(Fe[Wo], r), {
+    isSideNavigationVisible: m,
+    setIsMobileViewEnabled: p,
     isMobileViewEnabled: v
-  } = Yr(), h = p.useRef(null), { isOpen: b, isMounted: y } = Gt({
-    isVisible: g,
+  } = Yr(), h = g.useRef(null), { isOpen: b, isMounted: y } = Gt({
+    isVisible: m,
     elementRef: h
   }), { isMobile: C, handleResizeRef: N } = tn({
     mobileBreakpoint: Wn
   });
-  return p.useEffect(() => {
-    m(C);
-  }, [C]), /* @__PURE__ */ f("div", { className: s, ref: N, children: [
+  return g.useEffect(() => {
+    p(C);
+  }, [C]), /* @__PURE__ */ f("div", { className: d, ref: N, children: [
     !v && o,
     /* @__PURE__ */ f(
       "div",
@@ -2397,7 +2391,7 @@ const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
                     className: u(
                       Fe[`${Ue}__content-wrapper__nav-bar-wrapper`],
                       "lc-dark-theme",
-                      d,
+                      s,
                       {
                         [Fe[`${Ue}__content-wrapper__nav-bar-wrapper--open`]]: b
                       }
@@ -2491,8 +2485,8 @@ const Xn = "side-navigation-item-test-id", Zn = "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"
-}, ze = "side-navigation-item", jn = (m) => {
-  var v = m, {
+}, ze = "side-navigation-item", jn = (p) => {
+  var v = p, {
     leftNode: e,
     shouldKeepIconSpace: a = !0,
     url: r,
@@ -2501,10 +2495,10 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
     rightNode: n,
     onClick: i,
     isActive: l,
-    isMainEntry: d,
+    isMainEntry: s,
     onItemHover: c,
-    isIconHidden: s
-  } = v, g = F(v, [
+    isIconHidden: d
+  } = v, m = F(v, [
     "leftNode",
     "shouldKeepIconSpace",
     "url",
@@ -2528,15 +2522,15 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
       className: u([He[ze], _]),
       "data-testid": l ? Zn : Xn,
       "data-active": l
-    }, g), {
+    }, m), {
       children: /* @__PURE__ */ f(
         "a",
         {
           tabIndex: 0,
           className: u(He[`${ze}__anchor`], {
             [He[`${ze}__anchor--active`]]: l,
-            [He[`${ze}__anchor--main-entry`]]: d,
-            [He[`${ze}__anchor--icon-hidden`]]: s
+            [He[`${ze}__anchor--main-entry`]]: s,
+            [He[`${ze}__anchor--icon-hidden`]]: d
           }),
           href: r,
           onClick: b,
@@ -2548,7 +2542,7 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
               "span",
               {
                 className: u(He[`${ze}__left-node`], {
-                  [He[`${ze}__left-node--active`]]: l || d
+                  [He[`${ze}__left-node--active`]]: l || s
                 }),
                 "data-testid": qn,
                 children: e
@@ -2557,9 +2551,9 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
             h ? /* @__PURE__ */ t(
               A,
               {
-                bold: l || d,
+                bold: l || s,
                 className: u(He[`${ze}__label`], {
-                  [He[`${ze}__label--active`]]: l || d
+                  [He[`${ze}__label--active`]]: l || s
                 }),
                 children: o
               }
@@ -2567,7 +2561,7 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
               "span",
               {
                 className: u(He[`${ze}__custom-label`], {
-                  [He[`${ze}__custom-label--active`]]: l || d
+                  [He[`${ze}__custom-label--active`]]: l || s
                 }),
                 children: o
               }
@@ -2596,13 +2590,13 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
   onItemHover: n,
   shouldOpenOnInit: i = !1
 }) => {
-  const [l, d] = p.useState(!1), [c, s] = p.useState(0), g = p.useRef(!1), m = p.useRef(null), { isOpen: v, isMounted: h, setShouldBeVisible: b } = Gt({
+  const [l, s] = g.useState(!1), [c, d] = g.useState(0), m = g.useRef(!1), p = g.useRef(null), { isOpen: v, isMounted: h, setShouldBeVisible: b } = Gt({
     isVisible: !_ || i,
-    elementRef: m
+    elementRef: p
   }), y = typeof a == "function" ? a(v) : a, C = typeof e == "function" ? e(v) : e, N = () => b(!0), B = () => {
     _ && b(($) => !$);
   };
-  return p.useEffect(() => {
+  return g.useEffect(() => {
     if (!o || !_)
       return;
     const $ = o, S = !!($ != null && $.some(
@@ -2611,12 +2605,12 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
         return (I = x.props) == null ? void 0 : I.isActive;
       }
     ));
-    d(S);
+    s(S);
     const w = (($ == null ? void 0 : $.length) || 0) * Qn;
-    s(w);
-  }, [o]), p.useEffect(() => {
-    !g.current && l && N(), g.current = l;
-  }, [l, g.current, i]), /* @__PURE__ */ f("div", { "data-testid": "side-navigation-group", className: Bt[Et], children: [
+    d(w);
+  }, [o]), g.useEffect(() => {
+    !m.current && l && N(), m.current = l;
+  }, [l, m.current, i]), /* @__PURE__ */ f("div", { "data-testid": "side-navigation-group", className: Bt[Et], children: [
     _ ? /* @__PURE__ */ t(
       jn,
       {
@@ -2647,7 +2641,7 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
     /* @__PURE__ */ t(
       "div",
       {
-        ref: m,
+        ref: p,
         className: u([
           Bt[`${Et}__list-wrapper`],
           {
@@ -2700,14 +2694,14 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
   "badge--secondary": "lc-Badge-module__badge--secondary___mAh3w",
   "badge--tertiary": "lc-Badge-module__badge--tertiary___rFqKw"
 }, Va = "badge", rr = (l) => {
-  var d = l, {
+  var s = l, {
     className: e,
     count: a = 0,
     max: r = 99,
     kind: o = "primary",
     size: _ = "medium",
     type: n = "counter"
-  } = d, i = F(d, [
+  } = s, i = F(s, [
     "className",
     "count",
     "max",
@@ -2720,13 +2714,13 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
     za[Va],
     za[`${Va}--${o}`],
     za[`${Va}--${_}`]
-  ), s = {
+  ), d = {
     counter: Jn(a, r),
     alert: "!",
     dot: /* @__PURE__ */ t("span", { "data-testid": "badge-dot", className: za[`${Va}__dot`] })
   }[n];
-  return /* @__PURE__ */ t("span", E(k({ className: c }, i), { children: s }));
-}, yt = {
+  return /* @__PURE__ */ t("span", E(k({ className: c }, i), { children: d }));
+}, kt = {
   "navigation-item": "lc-NavigationItem-module__navigation-item___KVL3Y",
   "navigation-item--disabled": "lc-NavigationItem-module__navigation-item--disabled___VY8pA",
   "navigation-item__badge": "lc-NavigationItem-module__navigation-item__badge___6RiK5",
@@ -2735,11 +2729,11 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
   "navigation-item__button--active": "lc-NavigationItem-module__navigation-item__button--active___zsO2E",
   "navigation-item__button--opacity": "lc-NavigationItem-module__navigation-item__button--opacity___buZjS",
   "navigation-item__button--mobile": "lc-NavigationItem-module__navigation-item__button--mobile___GqQwP"
-}, wt = "navigation-item", ai = (e, a) => typeof e == "number" ? /* @__PURE__ */ t(
+}, yt = "navigation-item", ai = (e, a) => typeof e == "number" ? /* @__PURE__ */ t(
   rr,
   {
     "data-testid": `${a}-badge-count`,
-    className: yt[`${wt}__badge`],
+    className: kt[`${yt}__badge`],
     size: "compact",
     count: e
   }
@@ -2747,12 +2741,12 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
   rr,
   {
     "data-testid": `${a}-badge`,
-    className: yt[`${wt}__badge`],
+    className: kt[`${yt}__badge`],
     size: "compact",
     type: e
   }
-), ws = (g) => {
-  var m = g, {
+), ws = (m) => {
+  var p = m, {
     id: e,
     label: a,
     icon: r,
@@ -2761,9 +2755,9 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
     disabled: n = !1,
     badge: i,
     isActive: l,
-    onClick: d,
+    onClick: s,
     className: c
-  } = m, s = F(m, [
+  } = p, d = F(p, [
     "id",
     "label",
     "icon",
@@ -2780,9 +2774,9 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
     "li",
     {
       className: u(
-        yt[wt],
+        kt[yt],
         {
-          [yt[`${wt}--disabled`]]: n
+          [kt[`${yt}--disabled`]]: n
         },
         c
       ),
@@ -2807,18 +2801,18 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
                 tabIndex: n ? -1 : 0,
                 "aria-label": a,
                 className: u(
-                  yt[`${wt}__button`],
+                  kt[`${yt}__button`],
                   {
-                    [yt[`${wt}__button--active`]]: l,
-                    [yt[`${wt}__button--opacity`]]: _,
-                    [yt[`${wt}__button--disabled`]]: n,
-                    [yt[`${wt}__button--mobile`]]: v
+                    [kt[`${yt}__button--active`]]: l,
+                    [kt[`${yt}__button--opacity`]]: _,
+                    [kt[`${yt}__button--disabled`]]: n,
+                    [kt[`${yt}__button--mobile`]]: v
                   },
                   "lc-dark-theme"
                 ),
-                onClick: (h) => !n && d(h, e),
+                onClick: (h) => !n && s(h, e),
                 href: o
-              }, s), {
+              }, d), {
                 children: [
                   r,
                   v && a
@@ -2889,18 +2883,18 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
   secondaryCta: n,
   isVisible: i = !0
 }) => {
-  const [l, d] = p.useState(!1), c = p.useRef(null), { isMounted: s, isOpen: g } = Gt({
+  const [l, s] = g.useState(!1), c = g.useRef(null), { isMounted: d, isOpen: m } = Gt({
     isVisible: i,
     elementRef: c
-  }), m = p.useCallback(
+  }), p = g.useCallback(
     (B) => Xr(
       B,
-      ($) => d($.width < Kn)
+      ($) => s($.width < Kn)
     ),
     []
   ), v = a === "warning" ? "link-inverted" : "text", h = a === "warning" ? "plain-lock-black" : "high-contrast", b = _ == null ? void 0 : _.kind, y = n == null ? void 0 : n.kind, C = _ || n ? /* @__PURE__ */ f("div", { className: je[`${It}__cta-wrapper`], children: [
     _ && /* @__PURE__ */ t(
-      q,
+      j,
       E(k({
         size: "compact"
       }, _), {
@@ -2909,7 +2903,7 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
       })
     ),
     n && /* @__PURE__ */ t(
-      q,
+      j,
       E(k({
         size: "compact"
       }, n), {
@@ -2931,13 +2925,13 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
       })
     )
   ] });
-  return /* @__PURE__ */ t(ne, { children: s && /* @__PURE__ */ t("div", { ref: m, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(ne, { children: d && /* @__PURE__ */ t("div", { ref: p, children: /* @__PURE__ */ t(
     "div",
     {
       className: u(
         je[`${It}__wrapper`],
         {
-          [je[`${It}__wrapper--open`]]: g
+          [je[`${It}__wrapper--open`]]: m
         },
         "lc-dark-theme"
         // Alerts are forced into dark mode to maintain consistency of the colors
@@ -2952,7 +2946,7 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
             je[It],
             je[`${It}--${a}`],
             {
-              [je[`${It}--open`]]: g
+              [je[`${It}--open`]]: m
             },
             e
           ),
@@ -2991,7 +2985,7 @@ const Wa = {
     E(k({
       tabIndex: 0,
       href: r,
-      onClick: (d) => o(d, e),
+      onClick: (s) => o(s, e),
       className: Wa[`${Ka}__button`]
     }, n), {
       children: [
@@ -3026,7 +3020,7 @@ const Wa = {
   "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"
-}, Je = "input", ho = (e, a) => p.cloneElement(e.source, {
+}, Je = "input", ho = (e, a) => g.cloneElement(e.source, {
   "data-testid": `input-icon-${e.place}`,
   className: u(
     Qe[`${Je}__icon`],
@@ -3035,9 +3029,9 @@ const Wa = {
       [Qe[`${Je}__icon--disabled`]]: a
     }
   )
-}), di = p.forwardRef(
-  (d, l) => {
-    var c = d, {
+}), di = g.forwardRef(
+  (s, l) => {
+    var c = s, {
       inputSize: e = "medium",
       error: a = !1,
       disabled: r,
@@ -3052,15 +3046,15 @@ const Wa = {
       "className",
       "cropOnBlur"
     ]);
-    const s = p.useRef(null);
-    p.useImperativeHandle(l, () => s.current, []);
-    const [g, m] = p.useState(!1), [v, h] = p.useState(!1), { type: b, onFocus: y, onBlur: C } = i, N = u(
+    const d = g.useRef(null);
+    g.useImperativeHandle(l, () => d.current, []);
+    const [m, p] = g.useState(!1), [v, h] = g.useState(!1), { type: b, onFocus: y, onBlur: C } = i, N = u(
       _,
       Qe[Je],
       Qe[`${Je}--${e}`],
       {
         [Qe[`${Je}--disabled`]]: r,
-        [Qe[`${Je}--focused`]]: g,
+        [Qe[`${Je}--focused`]]: m,
         [Qe[`${Je}--error`]]: a,
         [Qe[`${Je}--crop`]]: n,
         [Qe[`${Je}--read-only`]]: i.readOnly
@@ -3075,19 +3069,19 @@ const Wa = {
         "tab-index": "0",
         onClick: () => {
           var I;
-          (I = s.current) == null || I.focus();
+          (I = d.current) == null || I.focus();
         },
         children: [
           S && ho(o, r),
           /* @__PURE__ */ t(
             "input",
             E(k({}, i), {
-              ref: s,
+              ref: d,
               onFocus: (I) => {
-                m(!0), y == null || y(I);
+                p(!0), y == null || y(I);
               },
               onBlur: (I) => {
-                m(!1), C == null || C(I);
+                p(!1), C == null || C(I);
               },
               disabled: r,
               type: b && !v ? b : "text"
@@ -3095,7 +3089,7 @@ const Wa = {
           ),
           w && ho(o, r),
           b === "password" && /* @__PURE__ */ t(
-            q,
+            j,
             {
               disabled: r,
               kind: "text",
@@ -3140,9 +3134,9 @@ const Qt = "select-all", mi = (e, a) => {
   checkbox__square: wi,
   "checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___kRNDo",
   checkbox__helper: Ci
-}, Rt = "checkbox", $i = p.forwardRef(
+}, Rt = "checkbox", $i = g.forwardRef(
   (l, i) => {
-    var d = l, { checked: e, disabled: a, children: r, description: o, className: _ } = d, n = F(d, ["checked", "disabled", "children", "description", "className"]);
+    var s = l, { checked: e, disabled: a, children: r, description: o, className: _ } = s, n = F(s, ["checked", "disabled", "children", "description", "className"]);
     return /* @__PURE__ */ f(
       "div",
       {
@@ -3194,30 +3188,30 @@ const Qt = "select-all", mi = (e, a) => {
   item: i,
   numberOfItems: l
 }) => {
-  const d = (s) => {
-    var g;
-    return (g = s == null ? void 0 : s.customElement) != null && g.listItemBody ? /* @__PURE__ */ t("div", { className: ye[`${Ve}__custom`], children: s.customElement.listItemBody }) : /* @__PURE__ */ f(ne, { children: [
-      s.showCheckbox && /* @__PURE__ */ t(
+  const s = (d) => {
+    var m;
+    return (m = d == null ? void 0 : d.customElement) != null && m.listItemBody ? /* @__PURE__ */ t("div", { className: ye[`${Ve}__custom`], children: d.customElement.listItemBody }) : /* @__PURE__ */ f(ne, { children: [
+      d.showCheckbox && /* @__PURE__ */ t(
         $i,
         {
           className: ye[`${Ve}__checkbox`],
           checked: r
         }
       ),
-      s.icon && /* @__PURE__ */ t(
+      d.icon && /* @__PURE__ */ t(
         P,
         {
           className: ye[`${Ve}__icon`],
           kind: "link",
-          source: s.icon
+          source: d.icon
         }
       ),
-      s.avatarSrc && /* @__PURE__ */ t(
+      d.avatarSrc && /* @__PURE__ */ t(
         "img",
         {
           className: u(ye[`${Ve}__avatar`]),
-          src: s.avatarSrc,
-          alt: s.name
+          src: d.avatarSrc,
+          alt: d.name
         }
       ),
       /* @__PURE__ */ f("div", { className: ye[`${Ve}__label-container`], children: [
@@ -3226,13 +3220,13 @@ const Qt = "select-all", mi = (e, a) => {
           {
             as: "span",
             className: u([ye[`${Ve}__label`]], {
-              [ye[`${Ve}__main-label`]]: s.secondaryText
+              [ye[`${Ve}__main-label`]]: d.secondaryText
             }),
-            "aria-disabled": s.disabled,
-            children: s.name
+            "aria-disabled": d.disabled,
+            children: d.name
           }
         ),
-        s.secondaryText && /* @__PURE__ */ t("span", { className: ye[`${Ve}__secondary-label`], children: s.secondaryText })
+        d.secondaryText && /* @__PURE__ */ t("span", { className: ye[`${Ve}__secondary-label`], children: d.secondaryText })
       ] })
     ] });
   };
@@ -3248,16 +3242,16 @@ const Qt = "select-all", mi = (e, a) => {
       }),
       i.key
     );
-  const c = (s) => {
-    !i.disabled && _(s);
+  const c = (d) => {
+    !i.disabled && _(d);
   };
   return /* @__PURE__ */ t(
     "div",
     E(k({
       id: i.key,
       tabIndex: a ? 0 : -1,
-      ref: (s) => {
-        s && (o.current[e] = s);
+      ref: (d) => {
+        d && (o.current[e] = d);
       },
       role: "option",
       "aria-setsize": l,
@@ -3279,7 +3273,7 @@ const Qt = "select-all", mi = (e, a) => {
             [ye[`${Ve}--select-all`]]: i.key === Qt
           }),
           children: [
-            d(i),
+            s(i),
             r && !i.showCheckbox && /* @__PURE__ */ t(
               P,
               {
@@ -3308,11 +3302,11 @@ const Qt = "select-all", mi = (e, a) => {
   activeIndex: n,
   selectedKeys: i,
   listElementsRef: l,
-  isPositioned: d,
+  isPositioned: s,
   searchDisabled: c,
-  onItemRemove: s,
-  setPointer: g,
-  onSelect: m,
+  onItemRemove: d,
+  setPointer: m,
+  onSelect: p,
   getFloatingProps: v,
   getItemProps: h,
   emptyStateText: b = "No results found",
@@ -3321,7 +3315,7 @@ const Qt = "select-all", mi = (e, a) => {
   listClassName: N,
   virtuosoProps: B
 }) => {
-  const [$, S] = p.useState(0), w = Ur(null), x = _.length, I = p.useCallback(
+  const [$, S] = g.useState(0), w = Ur(null), x = _.length, I = g.useCallback(
     (T) => {
       T !== $ && (T < o ? S(T + (x - 1) * ui) : S(o));
     },
@@ -3329,8 +3323,8 @@ const Qt = "select-all", mi = (e, a) => {
   );
   if (tt(() => {
     var T;
-    c && d && n !== null && ((T = w.current) == null || T.focus());
-  }, [c, d, n]), tt(() => {
+    c && s && n !== null && ((T = w.current) == null || T.focus());
+  }, [c, s, n]), tt(() => {
     l.current = new Array(_.length);
   }, [_.length]), _.length === 0)
     return y ? null : /* @__PURE__ */ t(Pr, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ t(
@@ -3344,7 +3338,7 @@ const Qt = "select-all", mi = (e, a) => {
       }
     ) });
   const R = (T) => i.includes(T) || T === Qt && i.length === Lr(_).length, G = () => {
-    C === "multi" && s(i[i.length - 1]);
+    C === "multi" && d(i[i.length - 1]);
   };
   return /* @__PURE__ */ t(Pr, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ t(
     "div",
@@ -3365,13 +3359,13 @@ const Qt = "select-all", mi = (e, a) => {
           className: ca["listbox-wrapper"]
         }, v({
           onKeyDown(T) {
-            g(!1), T.key === "Enter" && n !== null && m(_[n].key), (T.key === "Backspace" || T.key === "Delete") && G(), T.key === " " && T.preventDefault();
+            m(!1), T.key === "Enter" && n !== null && p(_[n].key), (T.key === "Backspace" || T.key === "Delete") && G(), T.key === " " && T.preventDefault();
           },
           onKeyUp(T) {
-            T.key === " " && n !== null && m(_[n].key);
+            T.key === " " && n !== null && p(_[n].key);
           },
           onPointerMove() {
-            g(!0);
+            m(!0);
           }
         })), {
           children: /* @__PURE__ */ t(
@@ -3391,7 +3385,7 @@ const Qt = "select-all", mi = (e, a) => {
                   listElementsRef: l,
                   isActive: n === T,
                   isSelected: R(D.key),
-                  onSelect: m,
+                  onSelect: p,
                   item: D,
                   numberOfItems: x
                 }
@@ -3429,11 +3423,11 @@ const Qt = "select-all", mi = (e, a) => {
   isItemSelected: n,
   hideClearButton: i,
   isDisabled: l,
-  isRequired: d,
+  isRequired: s,
   isOpen: c,
-  isError: s,
-  onClear: g,
-  children: m,
+  isError: d,
+  onClear: m,
+  children: p,
   setTriggerFocus: v
 }) => {
   const h = u(
@@ -3443,11 +3437,11 @@ const Qt = "select-all", mi = (e, a) => {
     _ && n && we[`${be}--multi-select--with-items`],
     l && we[`${be}--disabled`],
     c && we[`${be}--focused`],
-    s && we[`${be}--error`]
-  ), b = !i && n && !l && !d, y = (C) => {
-    C.stopPropagation(), g();
+    d && we[`${be}--error`]
+  ), b = !i && n && !l && !s, y = (C) => {
+    C.stopPropagation(), m();
   };
-  return p.useEffect(() => {
+  return g.useEffect(() => {
     c || v(!1);
   }, [c]), /* @__PURE__ */ f(
     "button",
@@ -3472,7 +3466,7 @@ const Qt = "select-all", mi = (e, a) => {
               we[`${be}__content--${o}`],
               _ && n && we[`${be}__content--with-items`]
             ),
-            children: m
+            children: p
           }
         ),
         /* @__PURE__ */ f(
@@ -3551,11 +3545,11 @@ const Qt = "select-all", mi = (e, a) => {
     kind: n = "default",
     onRemove: i,
     outline: l = !1,
-    leftNode: d,
+    leftNode: s,
     rightNode: c,
-    customColor: s,
-    iconOnly: g = !1,
-    value: m
+    customColor: d,
+    iconOnly: m = !1,
+    value: p
   } = b, v = F(b, [
     "className",
     "children",
@@ -3571,26 +3565,26 @@ const Qt = "select-all", mi = (e, a) => {
     "iconOnly",
     "value"
   ]);
-  const y = r || i && g, C = u(
+  const y = r || i && m, C = u(
     Se[Be],
     e,
     Se[`${Be}--${_}`],
     Se[`${Be}--${n}`],
     {
       [Se[`${Be}--outline`]]: l,
-      [Se[`${Be}--${Ai(s)}`]]: !!s,
-      [Se[`${Be}--icon-only`]]: g,
+      [Se[`${Be}--${Ai(d)}`]]: !!d,
+      [Se[`${Be}--icon-only`]]: m,
       [Se[`${Be}--dismissible-on-hover`]]: y
     }
-  ), N = _ === "small" ? "small" : "medium", B = _ === "small" ? "sm" : "md", $ = () => s ? l ? {
+  ), N = _ === "small" ? "small" : "medium", B = _ === "small" ? "sm" : "md", $ = () => d ? l ? {
     style: {
       backgroundColor: "transparent",
-      color: s,
-      borderColor: s
+      color: d,
+      borderColor: d
     }
-  } : { style: { backgroundColor: s } } : {}, S = () => {
-    if (s)
-      return l ? s : Wr(s, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
+  } : { style: { backgroundColor: d } } : {}, S = () => {
+    if (d)
+      return l ? d : Wr(d, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
   };
   return /* @__PURE__ */ f(
     A,
@@ -3601,17 +3595,17 @@ const Qt = "select-all", mi = (e, a) => {
       size: B,
       children: [
         /* @__PURE__ */ f("div", { className: Se[`${Be}__content-wrapper`], children: [
-          d && !g && /* @__PURE__ */ t(
+          s && !m && /* @__PURE__ */ t(
             "div",
             {
               "data-testid": "lc-tag-left-node",
               className: Se[`${Be}__node`],
               style: { color: S() },
-              children: d
+              children: s
             }
           ),
-          /* @__PURE__ */ t("div", { className: Se[`${Be}__content`], children: m || a }),
-          c && !g && /* @__PURE__ */ t(
+          /* @__PURE__ */ t("div", { className: Se[`${Be}__content`], children: p || a }),
+          c && !m && /* @__PURE__ */ t(
             "div",
             {
               "data-testid": "lc-tag-right-node",
@@ -3673,24 +3667,24 @@ const Qt = "select-all", mi = (e, a) => {
   type: n,
   clearSearchAfterSelection: i,
   size: l = "medium",
-  onItemRemove: d,
+  onItemRemove: s,
   onSelect: c,
-  onFilter: s,
-  onClear: g,
-  searchPhrase: m,
+  onFilter: d,
+  onClear: m,
+  searchPhrase: p,
   virtualItemRef: v,
   isTriggerFocused: h,
   inputRef: b,
   inputProps: y
 }) => {
   const C = e && !a;
-  p.useEffect(() => {
+  g.useEffect(() => {
     i && b != null && b.current && b.current.focus();
   }, [_, i]);
   const N = (x) => {
-    x.key === "Backspace" && _ && _.length > 0 && (x.preventDefault(), n === "multi" ? d(_[_.length - 1].key) : g()), x.key === "Delete" && (x.preventDefault(), g());
+    x.key === "Backspace" && _ && _.length > 0 && (x.preventDefault(), n === "multi" ? s(_[_.length - 1].key) : m()), x.key === "Delete" && (x.preventDefault(), m());
   };
-  p.useEffect(() => (!e && h ? document.addEventListener("keydown", N) : document.removeEventListener("keydown", N), () => document.removeEventListener("keydown", N)), [e, _, h]);
+  g.useEffect(() => (!e && h ? document.addEventListener("keydown", N) : document.removeEventListener("keydown", N), () => document.removeEventListener("keydown", N)), [e, _, h]);
   const B = (x) => {
     var I;
     return n === "single" && e && !a ? null : (I = x == null ? void 0 : x.customElement) != null && I.selectedItemBody ? /* @__PURE__ */ t("div", { className: Ce[`${$e}__item`], children: x.customElement.selectedItemBody }) : /* @__PURE__ */ f("div", { className: Ce[`${$e}__item`], children: [
@@ -3711,9 +3705,9 @@ const Qt = "select-all", mi = (e, a) => {
       ),
       /* @__PURE__ */ t("div", { className: Ce[`${$e}__item__content`], children: x.name })
     ] });
-  }, $ = (x) => s(x.target.value), S = (x) => {
+  }, $ = (x) => d(x.target.value), S = (x) => {
     var I, R;
-    (I = v.current) != null && I.id && x.key === "Enter" && c((R = v.current) == null ? void 0 : R.id), n === "multi" && (x.key === "Backspace" || x.key === "Delete") && !m && _ && (_ == null ? void 0 : _.length) > 0 && d(_[_.length - 1].key);
+    (I = v.current) != null && I.id && x.key === "Enter" && c((R = v.current) == null ? void 0 : R.id), n === "multi" && (x.key === "Backspace" || x.key === "Delete") && !p && _ && (_ == null ? void 0 : _.length) > 0 && s(_[_.length - 1].key);
   }, w = () => /* @__PURE__ */ t(
     "input",
     E(k({}, y), {
@@ -3726,7 +3720,7 @@ const Qt = "select-all", mi = (e, a) => {
       onChange: $,
       onKeyDown: S,
       autoFocus: !0,
-      value: m
+      value: p
     })
   );
   return !_ || _.length === 0 ? C ? w() : /* @__PURE__ */ t(
@@ -3754,7 +3748,7 @@ const Qt = "select-all", mi = (e, a) => {
             ),
             disabled: r,
             onRemove: (I) => {
-              I.stopPropagation(), d(x.key);
+              I.stopPropagation(), s(x.key);
             }
           }, x.selectedTagOptions), {
             children: B(x)
@@ -3774,17 +3768,17 @@ const Qt = "select-all", mi = (e, a) => {
   floatingStrategy: n,
   useDismissHookProps: i,
   useClickHookProps: l,
-  isOpen: d,
+  isOpen: s,
   onVisibilityChange: c,
-  searchPhrase: s
+  searchPhrase: d
 }) => {
-  const g = Ba(), [m, v] = p.useState(!1), [h, b] = p.useState(null), [y, C] = p.useState(_), N = p.useRef([]), B = p.useRef(null);
-  p.useEffect(() => {
+  const m = Ba(), [p, v] = g.useState(!1), [h, b] = g.useState(null), [y, C] = g.useState(_), N = g.useRef([]), B = g.useRef(null);
+  g.useEffect(() => {
     B.current = null, b(null);
-  }, [s]);
+  }, [d]);
   const { refs: $, floatingStyles: S, context: w, isPositioned: x } = Ea({
-    nodeId: g,
-    open: d,
+    nodeId: m,
+    open: s,
     strategy: n,
     onOpenChange: c,
     whileElementsMounted: Ta,
@@ -3827,7 +3821,7 @@ const Qt = "select-all", mi = (e, a) => {
   }), { getReferenceProps: D, getFloatingProps: z, getItemProps: ie } = Fa(
     [I, G, R, T]
   );
-  return !d && m && v(!1), {
+  return !s && p && v(!1), {
     getReferenceProps: D,
     getFloatingProps: z,
     getItemProps: ie,
@@ -3835,13 +3829,13 @@ const Qt = "select-all", mi = (e, a) => {
     floatingStyles: S,
     isPositioned: x,
     context: w,
-    nodeId: g,
+    nodeId: m,
     setFloating: $.setFloating,
     activeIndex: h,
     listElementsRef: N,
     virtualItemRef: B,
     maxHeight: y,
-    pointer: m,
+    pointer: p,
     setPointer: v
   };
 }, Qo = ({
@@ -3854,22 +3848,22 @@ const Qt = "select-all", mi = (e, a) => {
   clearSearchAfterSelection: i,
   inputRef: l
 }) => {
-  const [d, c] = p.useState(
+  const [s, c] = g.useState(
     () => (e == null ? void 0 : e.map(fo)) || []
-  ), s = e !== void 0, g = s ? (e == null ? void 0 : e.map(fo)) || [] : d, [m, v] = p.useState(""), h = ($) => v($), b = ($) => {
-    r === "single" ? B($) : (c(g.filter((S) => S !== $)), _((e == null ? void 0 : e.filter(({ key: S }) => S !== $)) || null));
+  ), d = e !== void 0, m = d ? (e == null ? void 0 : e.map(fo)) || [] : s, [p, v] = g.useState(""), h = ($) => v($), b = ($) => {
+    r === "single" ? B($) : (c(m.filter((S) => S !== $)), _((e == null ? void 0 : e.filter(({ key: S }) => S !== $)) || null));
   }, y = () => {
-    !s && c([]), _(null), v(""), n(!1);
+    !d && c([]), _(null), v(""), n(!1);
   }, C = () => {
     h(""), l.current && (l.current.value = "");
-  }, N = p.useMemo(() => {
+  }, N = g.useMemo(() => {
     const $ = r === "multi" && o;
     let S = a;
-    return m && (S = S.filter((w) => {
+    return p && (S = S.filter((w) => {
       var G;
       if (w.groupHeader)
         return !1;
-      const x = m.toLowerCase(), I = w.name.toLowerCase(), R = (G = w.secondaryText) == null ? void 0 : G.toLowerCase();
+      const x = p.toLowerCase(), I = w.name.toLowerCase(), R = (G = w.secondaryText) == null ? void 0 : G.toLowerCase();
       return I.includes(x) || (R == null ? void 0 : R.includes(x));
     })), $ && S.length > 1 && (S = [
       {
@@ -3878,12 +3872,12 @@ const Qt = "select-all", mi = (e, a) => {
       },
       ...S
     ]), S;
-  }, [m, a, r, o]), B = ($) => {
+  }, [p, a, r, o]), B = ($) => {
     const S = a.find((w) => w.key === $);
-    (!S || S.disabled) && $ !== Qt || (r === "single" ? (c(() => (S && _([S]), [$])), n(!1)) : $ === Qt ? g.length === Lr(a).length ? c(() => (_(null), [])) : c(() => {
+    (!S || S.disabled) && $ !== Qt || (r === "single" ? (c(() => (S && _([S]), [$])), n(!1)) : $ === Qt ? m.length === Lr(a).length ? c(() => (_(null), [])) : c(() => {
       const w = Lr(a);
       return _(w), w.map(({ key: x }) => x);
-    }) : (s ? g.includes($) ? (_(
+    }) : (d ? m.includes($) ? (_(
       (e == null ? void 0 : e.filter(({ key: w }) => w !== $)) || null
     ), c((w) => w.filter((x) => x !== $))) : (_([...e || [], S]), c((w) => [...w, $])) : c((w) => {
       const x = pi(w, $);
@@ -3891,9 +3885,9 @@ const Qt = "select-all", mi = (e, a) => {
     }), i && C()));
   };
   return {
-    selectedKeys: g,
+    selectedKeys: m,
     items: N,
-    searchPhrase: m,
+    searchPhrase: p,
     handleSelect: B,
     handleOnFilter: h,
     handleItemRemove: b,
@@ -3911,11 +3905,11 @@ const Qt = "select-all", mi = (e, a) => {
     disabled: n,
     error: i,
     options: l,
-    selected: d,
+    selected: s,
     size: c = "medium",
-    placeholder: s = "Select option",
-    isRequired: g,
-    noSearchResultText: m = "No results found",
+    placeholder: d = "Select option",
+    isRequired: m,
+    noSearchResultText: p = "No results found",
     selectAllOptionText: v,
     type: h = "single",
     searchDisabled: b = !1,
@@ -3963,18 +3957,18 @@ const Qt = "select-all", mi = (e, a) => {
     "virtuosoProps",
     "inputProps"
   ]);
-  const [H, K] = p.useState($), [Oe, at] = p.useState(!1), $t = C !== void 0, xe = $t ? C : H, lt = p.useRef(null), rt = (Ra, Ma) => {
-    Ra ? !xe && (N == null || N(Ma)) : xe && (B == null || B(Ma)), !$t && K(Ra);
+  const [H, K] = g.useState($), [Oe, at] = g.useState(!1), Ct = C !== void 0, xe = Ct ? C : H, lt = g.useRef(null), rt = (Ra, Ma) => {
+    Ra ? !xe && (N == null || N(Ma)) : xe && (B == null || B(Ma)), !Ct && K(Ra);
   }, {
     selectedKeys: ct,
     items: Le,
-    searchPhrase: Nt,
-    handleSelect: xt,
+    searchPhrase: $t,
+    handleSelect: Nt,
     handleOnFilter: st,
     handleItemRemove: M,
     handleClear: J
   } = Qo({
-    selected: d,
+    selected: s,
     options: l,
     type: h,
     selectAllOptionText: v,
@@ -3988,7 +3982,7 @@ const Qt = "select-all", mi = (e, a) => {
     getReferenceProps: Y,
     setReference: dt,
     getFloatingProps: zt,
-    getItemProps: St,
+    getItemProps: xt,
     setFloating: mr,
     floatingStyles: pr,
     listElementsRef: gr,
@@ -4009,7 +4003,7 @@ const Qt = "select-all", mi = (e, a) => {
     useDismissHookProps: R,
     isOpen: xe,
     onVisibilityChange: rt,
-    searchPhrase: Nt
+    searchPhrase: $t
   });
   return /* @__PURE__ */ f("div", { id: e, className: u(Fi["picker-wrapper"], a), children: [
     /* @__PURE__ */ t(
@@ -4024,7 +4018,7 @@ const Qt = "select-all", mi = (e, a) => {
         hideClearButton: y,
         isDisabled: n,
         isError: i,
-        isRequired: g,
+        isRequired: m,
         isMultiSelect: h === "multi",
         size: c,
         setTriggerFocus: at,
@@ -4034,17 +4028,17 @@ const Qt = "select-all", mi = (e, a) => {
             isOpen: xe,
             isSearchDisabled: b,
             isDisabled: n,
-            placeholder: s,
-            selectedItems: d,
+            placeholder: d,
+            selectedItems: s,
             type: h,
             size: c,
             clearSearchAfterSelection: S,
             inputRef: lt,
             onItemRemove: M,
-            onSelect: xt,
+            onSelect: Nt,
             onFilter: st,
             onClear: J,
-            searchPhrase: Nt,
+            searchPhrase: $t,
             virtualItemRef: hr,
             isTriggerFocused: Oe,
             inputProps: D
@@ -4069,10 +4063,10 @@ const Qt = "select-all", mi = (e, a) => {
         isPositioned: kr,
         onItemRemove: M,
         setPointer: vr,
-        onSelect: xt,
+        onSelect: Nt,
         getFloatingProps: zt,
-        getItemProps: St,
-        emptyStateText: m,
+        getItemProps: xt,
+        emptyStateText: p,
         virtuosoProps: T
       }
     ) }) })
@@ -4091,8 +4085,8 @@ const Qt = "select-all", mi = (e, a) => {
 }), Li = (e, a, r, o) => {
   const _ = e.length === 1 && e[0].name === o, n = a ? e.slice(0, 1) : e;
   return r && _ ? [] : n;
-}, Ss = p.forwardRef(
-  (v, m) => {
+}, Ss = g.forwardRef(
+  (v, p) => {
     var h = v, {
       disabled: e,
       minListHeight: a = Yo,
@@ -4102,10 +4096,10 @@ const Qt = "select-all", mi = (e, a) => {
       options: n,
       readOnly: i,
       floatingStrategy: l,
-      single: d,
+      single: s,
       alwaysShowAllOptions: c,
-      hideIfExactMatch: s = !0
-    } = h, g = F(h, [
+      hideIfExactMatch: d = !0
+    } = h, m = F(h, [
       "disabled",
       "minListHeight",
       "maxListHeight",
@@ -4118,9 +4112,9 @@ const Qt = "select-all", mi = (e, a) => {
       "alwaysShowAllOptions",
       "hideIfExactMatch"
     ]);
-    const b = p.useRef(null);
-    p.useImperativeHandle(m, () => b.current, []);
-    const [y, C] = p.useState(""), B = g.value !== void 0 ? g.value : y, [$, S] = p.useState(
+    const b = g.useRef(null);
+    g.useImperativeHandle(p, () => b.current, []);
+    const [y, C] = g.useState(""), B = m.value !== void 0 ? m.value : y, [$, S] = g.useState(
       o
     ), w = (W) => {
       S(W);
@@ -4128,11 +4122,11 @@ const Qt = "select-all", mi = (e, a) => {
       ie(W);
     }, I = (W) => {
       var Y, dt;
-      (Y = g.onChange) == null || Y.call(g, W), C(W.target.value), c || x(W.target.value), (dt = b.current) == null || dt.focus();
+      (Y = m.onChange) == null || Y.call(m, W), C(W.target.value), c || x(W.target.value), (dt = b.current) == null || dt.focus();
     }, R = (W) => {
-      var dt, zt, St;
+      var dt, zt, xt;
       const Y = W.key === "Enter";
-      (dt = st.current) != null && dt.id && Y && (G([{ key: (zt = st.current) == null ? void 0 : zt.id }]), W.preventDefault()), Y || w(!0), (St = g.onKeyDown) == null || St.call(g, W);
+      (dt = st.current) != null && dt.id && Y && (G([{ key: (zt = st.current) == null ? void 0 : zt.id }]), W.preventDefault()), Y || w(!0), (xt = m.onKeyDown) == null || xt.call(m, W);
     }, G = (W) => {
       if (W) {
         const Y = W[0].key;
@@ -4142,7 +4136,7 @@ const Qt = "select-all", mi = (e, a) => {
           w(!1);
         }, 0);
       }
-    }, T = p.useMemo(() => n ? Ri(n) ? Mi(n) : Oi(n) : [], [n]), { items: D, searchPhrase: z, handleOnFilter: ie, handleSelect: V, selectedKeys: H } = Qo({
+    }, T = g.useMemo(() => n ? Ri(n) ? Mi(n) : Oi(n) : [], [n]), { items: D, searchPhrase: z, handleOnFilter: ie, handleSelect: V, selectedKeys: H } = Qo({
       selected: [],
       options: T,
       type: "single",
@@ -4152,20 +4146,20 @@ const Qt = "select-all", mi = (e, a) => {
       inputRef: b
     }), K = Li(
       D,
-      d || !1,
       s || !1,
+      d || !1,
       (B == null ? void 0 : B.toString()) || ""
     ), {
       nodeId: Oe,
       context: at,
-      setFloating: $t,
+      setFloating: Ct,
       getReferenceProps: xe,
       getItemProps: lt,
       getFloatingProps: rt,
       floatingStyles: ct,
       maxHeight: Le,
-      setPointer: Nt,
-      setReference: xt,
+      setPointer: $t,
+      setReference: Nt,
       virtualItemRef: st,
       listElementsRef: M,
       activeIndex: J,
@@ -4182,10 +4176,10 @@ const Qt = "select-all", mi = (e, a) => {
       placement: _,
       floatingStrategy: l
     });
-    return /* @__PURE__ */ f("div", E(k({ ref: xt }, xe()), { children: [
+    return /* @__PURE__ */ f("div", E(k({ ref: Nt }, xe()), { children: [
       /* @__PURE__ */ t(
         di,
-        E(k({}, g), {
+        E(k({}, m), {
           ref: b,
           onChange: I,
           onKeyDown: R,
@@ -4200,14 +4194,14 @@ const Qt = "select-all", mi = (e, a) => {
         {
           context: at,
           options: K,
-          setFloating: $t,
+          setFloating: Ct,
           getFloatingProps: rt,
           floatingStyles: ct,
           maxHeight: Le,
           listElementsRef: M,
           activeIndex: J,
           selectedKeys: H,
-          setPointer: Nt,
+          setPointer: $t,
           hideWhenEmpty: !0,
           getItemProps: lt,
           onSelect: V,
@@ -4294,8 +4288,8 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "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"
-}, me = "avatar", Jo = (m) => {
-  var v = m, {
+}, me = "avatar", Jo = (p) => {
+  var v = p, {
     alt: e,
     className: a,
     color: r,
@@ -4304,10 +4298,10 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
     src: n,
     status: i,
     text: l,
-    type: d,
+    type: s,
     withRim: c = !1,
-    style: s
-  } = v, g = F(v, [
+    style: d
+  } = v, m = F(v, [
     "alt",
     "className",
     "color",
@@ -4320,7 +4314,7 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
     "withRim",
     "style"
   ]);
-  const h = d === "image" && !n, [b, y] = p.useState(h), C = d === "image" && !!n && !b, N = d === "text", B = ["xxxsmall", "xxsmall", "xsmall"].includes(_) ? 1 : 2, $ = Ui(l, B), S = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(_), w = r || Gi(l), x = w ? Hi(w) : void 0, I = N ? { backgroundColor: w } : {}, R = u(k({
+  const h = s === "image" && !n, [b, y] = g.useState(h), C = s === "image" && !!n && !b, N = s === "text", B = ["xxxsmall", "xxsmall", "xsmall"].includes(_) ? 1 : 2, $ = Ui(l, B), S = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(_), w = r || Gi(l), x = w ? Hi(w) : void 0, I = N ? { backgroundColor: w } : {}, R = u(k({
     [Ee[me]]: !0,
     [Ee[`${me}--${o}`]]: !0,
     [Ee[`${me}--${_}`]]: !0,
@@ -4336,15 +4330,15 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
   ), D = u(
     Ee[`${me}__rim`],
     Ee[`${me}__rim--${_}`]
-  ), z = (V) => S ? "2xs" : ["medium"].includes(V) ? "xs" : ["large", "xlarge"].includes(V) ? "sm" : ["xxlarge"].includes(V) ? "lg" : "xl", ie = p.useCallback(() => y(!0), []);
-  return p.useEffect(() => {
+  ), z = (V) => S ? "2xs" : ["medium"].includes(V) ? "xs" : ["large", "xlarge"].includes(V) ? "sm" : ["xxlarge"].includes(V) ? "lg" : "xl", ie = g.useCallback(() => y(!0), []);
+  return g.useEffect(() => {
     y(h);
   }, [h]), /* @__PURE__ */ f(
     "div",
     E(k({
       className: R,
-      style: k(k({}, I), s)
-    }, g), {
+      style: k(k({}, I), d)
+    }, m), {
       children: [
         c && /* @__PURE__ */ t(
           "div",
@@ -4407,16 +4401,16 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
   fullWidth: n = !1,
   onButtonClick: i = xa
 }) => {
-  const l = u(Ya[Xi], r), [d, c] = p.useState(() => o), s = typeof _ == "string";
-  p.useEffect(() => {
-    s && c(_);
+  const l = u(Ya[Xi], r), [s, c] = g.useState(() => o), d = typeof _ == "string";
+  g.useEffect(() => {
+    d && c(_);
   }, [_]);
-  const g = (v, h) => {
-    s || c(v), i(v, h);
-  }, m = a.map(({ id: v, label: h, loading: b, disabled: y, icon: C }) => {
-    const N = v === d, B = N ? Ya["btn--active"] : "";
+  const m = (v, h) => {
+    d || c(v), i(v, h);
+  }, p = a.map(({ id: v, label: h, loading: b, disabled: y, icon: C }) => {
+    const N = v === s, B = N ? Ya["btn--active"] : "";
     return /* @__PURE__ */ t(
-      q,
+      j,
       {
         fullWidth: n,
         loading: N ? !1 : b,
@@ -4426,14 +4420,14 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
         icon: C,
         className: u(Ya.btn, Ya[`btn--${e}`], B),
         onClick: (S) => {
-          g(v, S);
+          m(v, S);
         },
         children: h
       },
       v
     );
   });
-  return /* @__PURE__ */ t("div", { role: "group", className: l, children: m });
+  return /* @__PURE__ */ t("div", { role: "group", className: l, children: p });
 }, Zi = "lc-Card-module__card___LzN-3", qi = "lc-Card-module__card__header___SRONR", ji = "lc-Card-module__card__header__image___93pD4", Qi = "lc-Card-module__card__header__heading___jK55U", Ji = "lc-Card-module__card__header__heading__title___5090w", el = "lc-Card-module__card__header__heading__description___iVYoq", tl = "lc-Card-module__card__content___9G1YM", al = "lc-Card-module__card__actions___gp-xf", rl = "lc-Card-module__card__actions__line___C6TI0", ol = "lc-Card-module__card__actions__buttons___XJlFJ", Ie = {
   card: Zi,
   card__header: qi,
@@ -4449,7 +4443,7 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
   card__actions__buttons: ol,
   "card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___I--MQ"
 }, $a = "card", nr = `${$a}__header`, Cr = `${nr}__heading`, Xa = `${$a}__actions`, _l = `${nr}__no-image`, Es = (c) => {
-  var s = c, {
+  var d = c, {
     alt: e,
     buttonsOptions: a = [],
     children: r,
@@ -4458,7 +4452,7 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
     expandableContent: n,
     src: i,
     title: l
-  } = s, d = F(s, [
+  } = d, s = F(d, [
     "alt",
     "buttonsOptions",
     "children",
@@ -4468,8 +4462,8 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
     "src",
     "title"
   ]);
-  const [g, m] = p.useState(!1), v = g ? lr : Ht, h = g ? "Hide" : "Show more", b = (a == null ? void 0 : a.length) > 0, y = !!n, C = b || y, N = l, B = i, $ = B ? "" : Ie[_l];
-  return /* @__PURE__ */ f("div", E(k({ className: u(Ie[$a], o) }, d), { children: [
+  const [m, p] = g.useState(!1), v = m ? lr : Ht, h = m ? "Hide" : "Show more", b = (a == null ? void 0 : a.length) > 0, y = !!n, C = b || y, N = l, B = i, $ = B ? "" : Ie[_l];
+  return /* @__PURE__ */ f("div", E(k({ className: u(Ie[$a], o) }, s), { children: [
     N && /* @__PURE__ */ f("div", { className: u(Ie[nr], $), children: [
       B && /* @__PURE__ */ t(
         "img",
@@ -4492,7 +4486,7 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
       ] })
     ] }),
     /* @__PURE__ */ t(A, { as: "div", size: "md", className: Ie[`${$a}__content`], children: r }),
-    g && /* @__PURE__ */ t(
+    m && /* @__PURE__ */ t(
       A,
       {
         as: "div",
@@ -4506,7 +4500,7 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
       /* @__PURE__ */ f("div", { className: Ie[`${Xa}__buttons`], children: [
         b && a.map(
           ({ kind: S, onClick: w, children: x }, I) => /* @__PURE__ */ t(
-            q,
+            j,
             {
               size: "compact",
               kind: S,
@@ -4517,20 +4511,20 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
           )
         ),
         y && /* @__PURE__ */ t(
-          q,
+          j,
           {
             className: Ie[`${Xa}__buttons-expander`],
             kind: "link",
             iconPosition: "right",
             icon: /* @__PURE__ */ t(P, { source: v }),
-            onClick: () => m(!g),
+            onClick: () => p(!m),
             children: h
           }
         )
       ] })
     ] })
   ] }));
-}, L = {
+}, O = {
   "date-picker": "lc-DatePicker-module__date-picker___MOZFY",
   "date-picker--interaction-disabled": "lc-DatePicker-module__date-picker--interaction-disabled___HsYQt",
   "date-picker__day": "lc-DatePicker-module__date-picker__day___L1YZn",
@@ -4574,37 +4568,37 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
     showPreviousButton: n,
     className: i,
     classNames: l,
-    numberOfMonths: d,
+    numberOfMonths: s,
     month: c,
-    fromMonth: s,
-    toMonth: g
-  } = e, m = () => {
+    fromMonth: d,
+    toMonth: m
+  } = e, p = () => {
     typeof a == "function" && a();
   }, v = () => {
     typeof o == "function" && o();
   }, h = () => {
-    if (!s) {
+    if (!d) {
       const N = jt(c, 12);
       return r(N);
     }
-    const y = Math.abs(eo(c, s)), C = jt(
+    const y = Math.abs(eo(c, d)), C = jt(
       c,
       !Number.isNaN(y) && y > 12 ? 12 : y
     );
     return r(C);
   }, b = () => {
-    if (!g) {
+    if (!m) {
       const N = to(c, 12);
       return r(N);
     }
-    const y = Math.abs(eo(g, c)), C = to(
+    const y = Math.abs(eo(m, c)), C = to(
       c,
       !Number.isNaN(y) && y > 12 ? 12 : y
     );
-    return d === 2 && Fr(C, g) ? r(jt(C, 1)) : r(C);
+    return s === 2 && Fr(C, m) ? r(jt(C, 1)) : r(C);
   };
   return /* @__PURE__ */ f("div", { className: i, children: [
-    /* @__PURE__ */ f("div", { className: L[`${vo}__navbar-buttons-wrapper`], children: [
+    /* @__PURE__ */ f("div", { className: O[`${vo}__navbar-buttons-wrapper`], children: [
       /* @__PURE__ */ t(
         "button",
         {
@@ -4625,12 +4619,12 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
             [l.navButtonPrev]: !0,
             [l.navButtonInteractionDisabled]: !n
           }),
-          onClick: m,
+          onClick: p,
           children: /* @__PURE__ */ t(P, { source: k_, kind: "subtle" })
         }
       )
     ] }),
-    /* @__PURE__ */ f("div", { className: L[`${vo}__navbar-buttons-wrapper`], children: [
+    /* @__PURE__ */ f("div", { className: O[`${vo}__navbar-buttons-wrapper`], children: [
       /* @__PURE__ */ t(
         "button",
         {
@@ -4662,17 +4656,17 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
   return !(o && !Rr(e, o) && Mr(e, o) || r && !Rr(e, r) && !Mr(e, r));
 }, t_ = (e, a, r) => a ? e && !Fr(e, a) || r && Fr(a, r) ? jt(a, 1) : a : jt(r || /* @__PURE__ */ new Date(), 1), il = (e, a) => {
   const r = {
-    [L[`${U}__day--monday`]]: { daysOfWeek: [1] },
-    [L[`${U}__day--sunday`]]: { daysOfWeek: [0] },
-    [L[`${U}__day--start`]]: e,
-    [L[`${U}__day--end`]]: e
+    [O[`${U}__day--monday`]]: { daysOfWeek: [1] },
+    [O[`${U}__day--sunday`]]: { daysOfWeek: [0] },
+    [O[`${U}__day--start`]]: e,
+    [O[`${U}__day--end`]]: e
   };
   if (!a || !e) return r;
   const o = Kr(a, e);
   return o > 0 ? E(k({}, r), {
-    [L[`${U}__day--end`]]: a
+    [O[`${U}__day--end`]]: a
   }) : o < 0 ? E(k({}, r), {
-    [L[`${U}__day--start`]]: a
+    [O[`${U}__day--start`]]: a
   }) : r;
 }, wa = (e, a) => {
   const r = a.find((o) => o.id === e);
@@ -4688,42 +4682,42 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
   return r ? (a.selectedItem = e.initialSelectedItemKey, r.isManual && (e.initialFromDate && (a.from = e.initialFromDate), e.initialToDate && (a.to = e.initialToDate, a.temporaryTo = e.initialToDate)), a) : {};
 }, cl = (e, a) => k({
   container: u({
-    [L[`${U}`]]: !0,
-    [L[`${U}--range`]]: e
+    [O[`${U}`]]: !0,
+    [O[`${U}--range`]]: e
   }),
-  wrapper: L[`${U}__wrapper`],
-  interactionDisabled: L[`${U}--interaction-disabled`],
-  months: L[`${U}__months`],
-  month: L[`${U}__month`],
-  navBar: L[`${U}__nav-bar`],
+  wrapper: O[`${U}__wrapper`],
+  interactionDisabled: O[`${U}--interaction-disabled`],
+  months: O[`${U}__months`],
+  month: O[`${U}__month`],
+  navBar: O[`${U}__nav-bar`],
   navButtonPrev: u(
-    L[`${U}__nav-button`],
-    L[`${U}__nav-button--prev`]
+    O[`${U}__nav-button`],
+    O[`${U}__nav-button--prev`]
   ),
   navButtonNext: u(
-    L[`${U}__nav-button`],
-    L[`${U}__nav-button--next`]
+    O[`${U}__nav-button`],
+    O[`${U}__nav-button--next`]
   ),
-  navButtonInteractionDisabled: L[`${U}__nav-button--interaction-disabled`],
-  caption: L[`${U}__caption`],
-  weekdays: L[`${U}__weekdays`],
-  weekdaysRow: L[`${U}__weekdays-row`],
-  weekday: L[`${U}__weekday`],
-  body: L[`${U}__body`],
-  week: L[`${U}__week`],
-  weekNumber: L[`${U}__week-number`],
-  day: L[`${U}__day`],
-  footer: L[`${U}__footer`],
-  todayButton: L[`${U}__today-button`],
-  today: L[`${U}__day--today`],
-  selected: L[`${U}__day--selected`],
-  disabled: L[`${U}__day--disabled`],
-  outside: L[`${U}__day--outside`],
-  start: L[`${U}__day--start`],
-  end: L[`${U}__day--end`]
+  navButtonInteractionDisabled: O[`${U}__nav-button--interaction-disabled`],
+  caption: O[`${U}__caption`],
+  weekdays: O[`${U}__weekdays`],
+  weekdaysRow: O[`${U}__weekdays-row`],
+  weekday: O[`${U}__weekday`],
+  body: O[`${U}__body`],
+  week: O[`${U}__week`],
+  weekNumber: O[`${U}__week-number`],
+  day: O[`${U}__day`],
+  footer: O[`${U}__footer`],
+  todayButton: O[`${U}__today-button`],
+  today: O[`${U}__day--today`],
+  selected: O[`${U}__day--selected`],
+  disabled: O[`${U}__day--disabled`],
+  outside: O[`${U}__day--outside`],
+  start: O[`${U}__day--start`],
+  end: O[`${U}__day--end`]
 }, a), yo = "date-picker", sl = (e) => {
   const a = e.getDate();
-  return /* @__PURE__ */ t("div", { className: L[`${yo}__day-wrapper`], children: /* @__PURE__ */ t("div", { className: L[`${yo}__day-content`], children: a }) });
+  return /* @__PURE__ */ t("div", { className: O[`${yo}__day-wrapper`], children: /* @__PURE__ */ t("div", { className: O[`${yo}__day-content`], children: a }) });
 }, dl = (e) => {
   const C = e, {
     classNames: a,
@@ -4733,10 +4727,10 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
     fromMonth: n,
     firstDayOfWeek: i,
     numberOfMonths: l,
-    navbarElement: d,
+    navbarElement: s,
     renderDay: c,
-    innerRef: s
-  } = C, g = F(C, [
+    innerRef: d
+  } = C, m = F(C, [
     "classNames",
     "range",
     "toMonth",
@@ -4747,13 +4741,13 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
     "navbarElement",
     "renderDay",
     "innerRef"
-  ]), [m, v] = p.useState(_ || /* @__PURE__ */ new Date());
-  p.useEffect(() => {
-    _ && _ !== m && v(_);
-  }, [_, m]), p.useEffect(() => {
-    o && _ !== m && (e_(m, { from: n, to: o }) || v(o));
-  }, [_, m, o, n]);
-  const h = p.useCallback(
+  ]), [p, v] = g.useState(_ || /* @__PURE__ */ new Date());
+  g.useEffect(() => {
+    _ && _ !== p && v(_);
+  }, [_, p]), g.useEffect(() => {
+    o && _ !== p && (e_(p, { from: n, to: o }) || v(o));
+  }, [_, p, o, n]);
+  const h = g.useCallback(
     (N) => {
       if (e.onMonthChange && N) {
         e.onMonthChange(N);
@@ -4765,17 +4759,17 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
   );
   let b = 1;
   (i === 0 || i && i < 7) && (b = i);
-  const y = p.useMemo(
+  const y = g.useMemo(
     () => cl(r, a),
     [r, a]
   );
   return /* @__PURE__ */ t(
     Q_,
     k({
-      navbarElement: d || /* @__PURE__ */ t(
+      navbarElement: s || /* @__PURE__ */ t(
         nl,
         {
-          month: m,
+          month: p,
           classNames: y,
           numberOfMonths: l,
           onMonthChange: h,
@@ -4783,17 +4777,17 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
           fromMonth: n
         }
       ),
-      ref: s,
+      ref: d,
       classNames: y,
       numberOfMonths: l,
       toMonth: o,
       fromMonth: n,
       firstDayOfWeek: b,
-      month: m,
+      month: p,
       renderDay: c || sl
-    }, g)
+    }, m)
   );
-}, ul = p.forwardRef(
+}, ul = g.forwardRef(
   (e, a) => /* @__PURE__ */ t(dl, k({ innerRef: a }, e))
 );
 ul.displayName = "DatePicker";
@@ -4869,7 +4863,7 @@ const ml = (e) => {
 }) => {
   const l = Ur(
     a || null
-  ), [d, c] = ml({
+  ), [s, c] = ml({
     options: e,
     initialSelectedItemKey: a,
     initialFromDate: r,
@@ -4899,7 +4893,7 @@ const ml = (e) => {
       payload: { date: b }
     });
   }, [_, r, o]), tt(() => {
-    const { from: b, selectedItem: y, to: C } = d;
+    const { from: b, selectedItem: y, to: C } = s;
     if (!(b && C))
       return;
     const N = wa(y, e);
@@ -4909,8 +4903,8 @@ const ml = (e) => {
         to: C
       }
     })));
-  }, [d.from, d.to, d.selectedItem, e, n]), tt(() => {
-    const { selectedItem: b } = d;
+  }, [s.from, s.to, s.selectedItem, e, n]), tt(() => {
+    const { selectedItem: b } = s;
     if (b === l.current)
       return;
     if (!b) {
@@ -4924,19 +4918,19 @@ const ml = (e) => {
       {}
     );
     n(C[b]);
-  }, [n, d.selectedItem, e]);
-  const s = Ga(
+  }, [n, s.selectedItem, e]);
+  const d = Ga(
     (b) => {
       const y = _ ? Kr(_, b) >= 0 : !0;
-      !ko(d.from, d.to) && y && c({
+      !ko(s.from, s.to) && y && c({
         type: ae.NEW_TEMPORARY_TO_VALUE,
         payload: { date: b }
       });
     },
-    [_, d.from, d.to]
-  ), g = Ga(
+    [_, s.from, s.to]
+  ), m = Ga(
     (b) => {
-      const { from: y, to: C } = d;
+      const { from: y, to: C } = s;
       e_(b, { to: _ }) && (ko(y, C) ? c({
         type: ae.SELECT_FIRST_DAY,
         payload: { date: b }
@@ -4948,8 +4942,8 @@ const ml = (e) => {
         payload: { date: b }
       }));
     },
-    [_, d.from, d.to]
-  ), m = Ga(
+    [_, s.from, s.to]
+  ), p = Ga(
     (b) => {
       if (b === null) {
         c({
@@ -4971,13 +4965,13 @@ const ml = (e) => {
     });
   }, []);
   return i((() => {
-    const { currentMonth: b, from: y, selectedItem: C, temporaryTo: N, to: B } = d, $ = qt(
+    const { currentMonth: b, from: y, selectedItem: C, temporaryTo: N, to: B } = s, $ = qt(
       () => il(y, N),
       [y, N]
     ), S = qt(() => wa(C, e), [e, C]), w = qt(() => [y, { from: y, to: N }], [y, N]), x = qt(() => _ ? { after: _ } : void 0, [_]);
     return {
       select: {
-        onItemSelect: m,
+        onItemSelect: p,
         selected: C || ""
       },
       inputs: {
@@ -4988,13 +4982,13 @@ const ml = (e) => {
         range: !0,
         month: b,
         numberOfMonths: 2,
-        onDayClick: g,
+        onDayClick: m,
         selectedDays: w,
         modifiers: $,
         initialMonth: _ && jt(_, 1),
         toMonth: _,
         disabledDays: x,
-        onDayMouseEnter: s,
+        onDayMouseEnter: d,
         onMonthChange: v
       },
       selectedOption: S
@@ -5017,7 +5011,7 @@ pl.defaultProps = {
 const Is = (e) => {
   const n = e, { className: a, children: r } = n, o = F(n, ["className", "children"]), _ = u(
     a,
-    L["date-picker--range__calendars-wrapper"]
+    O["date-picker--range__calendars-wrapper"]
   );
   return /* @__PURE__ */ t("div", E(k({}, o), { className: _, children: r }));
 }, X = {
@@ -5050,24 +5044,24 @@ const Is = (e) => {
   withDivider: n,
   fullSpaceContent: i,
   openOnInit: l = !1,
-  hideLabelOnOpen: d,
+  hideLabelOnOpen: s,
   onClick: c
 }) => {
-  const [s, g] = p.useState(l), [m, v] = p.useState(0), h = p.useRef(null), b = u(
+  const [d, m] = g.useState(l), [p, v] = g.useState(0), h = g.useRef(null), b = u(
     X[Z],
     n && X[`${Z}--with-divider`],
     a
-  ), y = d && s, C = typeof _ == "string", N = ($) => {
-    g((S) => !S), $.currentTarget.blur(), c == null || c($);
+  ), y = s && d, C = typeof _ == "string", N = ($) => {
+    m((S) => !S), $.currentTarget.blur(), c == null || c($);
   }, B = ($) => {
     const w = $.target.tagName.toLowerCase();
-    gl.includes(w) || (g((x) => !x), c == null || c($));
+    gl.includes(w) || (m((x) => !x), c == null || c($));
   };
-  return p.useEffect(() => {
+  return g.useEffect(() => {
     const $ = !!window.IntersectionObserver;
     if (h.current && $) {
       const S = new ResizeObserver(() => {
-        h.current && m !== h.current.offsetHeight && v(h.current.offsetHeight);
+        h.current && p !== h.current.offsetHeight && v(h.current.offsetHeight);
       });
       return S.observe(h.current), () => S.disconnect();
     }
@@ -5077,11 +5071,11 @@ const Is = (e) => {
       {
         className: u(
           X[`${Z}__label-wrapper`],
-          d && X[`${Z}__label-wrapper--fading`],
+          s && X[`${Z}__label-wrapper--fading`],
           y && X[`${Z}__label-wrapper--hide`],
-          s && X[`${Z}__label-wrapper--open`]
+          d && X[`${Z}__label-wrapper--open`]
         ),
-        "aria-expanded": s,
+        "aria-expanded": d,
         "aria-hidden": y,
         "data-testid": "details-card-label",
         onClick: B,
@@ -5090,7 +5084,7 @@ const Is = (e) => {
           {
             className: u(
               X[`${Z}__label`],
-              d && X[`${Z}__label--with-margin`]
+              s && X[`${Z}__label--with-margin`]
             ),
             children: [
               r && /* @__PURE__ */ t("div", { className: X[`${Z}__label__left-node`], children: r }),
@@ -5109,27 +5103,27 @@ const Is = (e) => {
       }
     ),
     /* @__PURE__ */ t(
-      q,
+      j,
       {
-        kind: s && d ? "float" : "text",
+        kind: d && s ? "float" : "text",
         icon: /* @__PURE__ */ t(
           P,
           {
             source: ir,
             className: u(
               X[`${Z}__button__icon`],
-              s && X[`${Z}__button__icon--open`]
+              d && X[`${Z}__button__icon--open`]
             )
           }
         ),
         className: u(
           X[`${Z}__button`],
-          !s && X[`${Z}__button--closed`],
-          s && X[`${Z}__button--open`],
-          d && X[`${Z}__button--fading`]
+          !d && X[`${Z}__button--closed`],
+          d && X[`${Z}__button--open`],
+          s && X[`${Z}__button--fading`]
         ),
         onClick: N,
-        "aria-expanded": s
+        "aria-expanded": d
       }
     ),
     /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
@@ -5137,10 +5131,10 @@ const Is = (e) => {
       {
         className: u(
           X[`${Z}__content-wrapper`],
-          s && X[`${Z}__content-wrapper--open`]
+          d && X[`${Z}__content-wrapper--open`]
         ),
         style: {
-          maxHeight: s ? m : 0
+          maxHeight: d ? p : 0
         },
         children: /* @__PURE__ */ t(
           "div",
@@ -5149,7 +5143,7 @@ const Is = (e) => {
             className: u(
               X[`${Z}__content`],
               i && X[`${Z}__content--full-space`],
-              d && X[`${Z}__content--spacing`]
+              s && X[`${Z}__content--spacing`]
             ),
             children: e
           }
@@ -5192,14 +5186,14 @@ const Is = (e) => {
   "field-group--inline": "lc-FieldGroup-module__field-group--inline___iSg4S",
   "field-group--stretched": "lc-FieldGroup-module__field-group--stretched___4Evlw"
 }, Sr = "field-group", Ds = (l) => {
-  var d = l, {
+  var s = l, {
     className: e = "",
     children: a,
     description: r,
     error: o,
     inline: _,
     stretch: n
-  } = d, i = F(d, [
+  } = s, i = F(s, [
     "className",
     "children",
     "description",
@@ -5270,20 +5264,20 @@ const Is = (e) => {
   className: n,
   labelFor: i,
   children: l,
-  labelRightNode: d
+  labelRightNode: s
 }) => {
-  const c = p.useRef(null), [s, g] = p.useState("auto"), m = u(
+  const c = g.useRef(null), [d, m] = g.useState("auto"), p = u(
     re[oe],
     {
       [re[`${oe}--inline`]]: e
     },
     n
   );
-  return p.useEffect(() => {
+  return g.useEffect(() => {
     const v = c;
-    return e && v.current ? g(`${v.current.clientHeight}px`) : g("auto");
-  }), /* @__PURE__ */ f("div", { className: m, children: [
-    d && e && /* @__PURE__ */ f(p.Fragment, { children: [
+    return e && v.current ? m(`${v.current.clientHeight}px`) : m("auto");
+  }), /* @__PURE__ */ f("div", { className: p, children: [
+    s && e && /* @__PURE__ */ f(g.Fragment, { children: [
       /* @__PURE__ */ t(
         A,
         {
@@ -5293,7 +5287,7 @@ const Is = (e) => {
             re[`${oe}__label-right-node`],
             re[`${oe}__label-right-node--inline`]
           ),
-          children: d
+          children: s
         }
       ),
       /* @__PURE__ */ t("div", { className: re[`${oe}__row-break`] })
@@ -5306,7 +5300,7 @@ const Is = (e) => {
           e && re[`${oe}__wrapper--inline`]
         ),
         children: [
-          (o || d) && /* @__PURE__ */ f(
+          (o || s) && /* @__PURE__ */ f(
             "div",
             {
               className: u(
@@ -5323,7 +5317,7 @@ const Is = (e) => {
                       e && re[`${oe}__label-wrapper--inline`]
                     ),
                     style: {
-                      height: s
+                      height: d
                     },
                     children: [
                       /* @__PURE__ */ t(
@@ -5349,13 +5343,13 @@ const Is = (e) => {
                     ]
                   }
                 ),
-                d && !e && /* @__PURE__ */ t(
+                s && !e && /* @__PURE__ */ t(
                   A,
                   {
                     as: "div",
                     size: "sm",
                     className: u(re[`${oe}__label-right-node`]),
-                    children: d
+                    children: s
                   }
                 )
               ]
@@ -5429,9 +5423,9 @@ const Is = (e) => {
   className: o,
   isExpanded: _
 }) => {
-  const [n, i] = Jt(!1), l = _ !== void 0, d = l ? _ : n, c = () => {
+  const [n, i] = Jt(!1), l = _ !== void 0, s = l ? _ : n, c = () => {
     i(!0);
-  }, s = () => {
+  }, d = () => {
     i(!1);
   };
   return tt(() => {
@@ -5442,12 +5436,12 @@ const Is = (e) => {
       type: "button",
       className: u(
         ja["animated-button"],
-        { [ja.expanded]: d },
+        { [ja.expanded]: s },
         o
       ),
       onClick: r,
       onMouseEnter: c,
-      onMouseLeave: s,
+      onMouseLeave: d,
       children: [
         /* @__PURE__ */ t("span", { className: ja.icon, children: e }),
         /* @__PURE__ */ t("span", { className: ja.text, children: a })
@@ -5472,7 +5466,7 @@ const Is = (e) => {
   "invite-agents__accepting-agents": "lc-InviteAgents-module__invite-agents__accepting-agents___KNMQw",
   "invite-agents__accepting-agents-row": "lc-InviteAgents-module__invite-agents__accepting-agents-row___bTb9i"
 }, Ae = "invite-agents", xl = 50, Sl = (c) => {
-  var s = c, {
+  var d = c, {
     agents: e,
     onSetUpChatbotClick: a,
     onAddTeammateClick: r,
@@ -5481,7 +5475,7 @@ const Is = (e) => {
     tooltipArrowOffset: n = 13,
     onAvailableAgentsClick: i,
     showBotsInTooltip: l = !0
-  } = s, d = F(s, [
+  } = d, s = F(d, [
     "agents",
     "onSetUpChatbotClick",
     "onAddTeammateClick",
@@ -5491,7 +5485,7 @@ const Is = (e) => {
     "onAvailableAgentsClick",
     "showBotsInTooltip"
   ]);
-  const [g, m] = Jt(!1), [v, h] = Jt(!1), {
+  const [m, p] = Jt(!1), [v, h] = Jt(!1), {
     availableAgentsNumber: b,
     visibleAgents: y,
     hasOnlyUnavailableAgents: C,
@@ -5511,11 +5505,11 @@ const Is = (e) => {
       onlyBotsNumber: ie
     };
   }, [e]), $ = () => {
-    a(), m(!1), h(!1);
+    a(), p(!1), h(!1);
   }, S = () => {
-    r(), m(!1), h(!1);
+    r(), p(!1), h(!1);
   }, w = () => {
-    i(), m(!1), h(!1);
+    i(), p(!1), h(!1);
   }, x = [
     {
       key: "chatbot",
@@ -5530,7 +5524,7 @@ const Is = (e) => {
   ];
   return /* @__PURE__ */ f(
     "div",
-    E(k({}, d), {
+    E(k({}, s), {
       className: u(
         Dt.Dark,
         Te[Ae],
@@ -5544,7 +5538,7 @@ const Is = (e) => {
         e.length > 0 && /* @__PURE__ */ t(
           Ut,
           {
-            isVisible: v && !g,
+            isVisible: v && !m,
             offsetMainAxis: n,
             floatingStrategy: "fixed",
             hoverOnDelay: xl,
@@ -5651,17 +5645,17 @@ const Is = (e) => {
           Uo,
           {
             floatingStrategy: "fixed",
-            visible: g,
-            onOpen: () => m(!0),
-            onClose: () => m(!1),
+            visible: m,
+            onOpen: () => p(!0),
+            onClose: () => p(!1),
             options: x,
             triggerRenderer: /* @__PURE__ */ t(
               $l,
               {
                 icon: /* @__PURE__ */ t(P, { source: $_ }),
                 text: "Invite",
-                onClick: () => m((I) => !I),
-                isExpanded: _ ? g || void 0 : !0
+                onClick: () => p((I) => !I),
+                isExpanded: _ ? m || void 0 : !0
               }
             )
           }
@@ -5706,8 +5700,8 @@ const Is = (e) => {
   modal__heading: Tl,
   "modal__label-heading": "lc-Modal-module__modal__label-heading___OZoP1",
   modal__footer: Al
-}, ua = "modal-base", Dl = (d) => {
-  var c = d, {
+}, ua = "modal-base", Dl = (s) => {
+  var c = s, {
     children: e,
     className: a = "",
     onClose: r,
@@ -5724,24 +5718,24 @@ const Is = (e) => {
     "fullSpaceContent",
     "isLabelled"
   ]);
-  const s = u(
+  const d = u(
     ve[ua],
     a,
     n && ve[`${ua}--full-space`]
   );
-  return p.useEffect(() => {
+  return g.useEffect(() => {
     if (!o)
       return;
-    const m = (v) => {
+    const p = (v) => {
       v.key === ke.esc && r();
     };
-    return document.addEventListener("keyup", m, !0), () => document.removeEventListener("keyup", m, !0);
+    return document.addEventListener("keyup", p, !0), () => document.removeEventListener("keyup", p, !0);
   }, [o]), /* @__PURE__ */ t(
     Y_,
     {
       "data-testid": "lc-modal-overlay",
-      onMouseDown: (m) => {
-        _ && m.target === m.currentTarget && r();
+      onMouseDown: (p) => {
+        _ && p.target === p.currentTarget && r();
       },
       className: u(
         ve[`${ua}__overlay`],
@@ -5753,7 +5747,7 @@ const Is = (e) => {
         E(k({
           role: "dialog",
           "aria-modal": !0,
-          className: s
+          className: d
         }, l), {
           children: e
         })
@@ -5765,7 +5759,7 @@ const Is = (e) => {
   customColor: a,
   onClick: r
 }) => /* @__PURE__ */ t(
-  q,
+  j,
   {
     type: "button",
     kind: "plain",
@@ -5779,7 +5773,7 @@ const Is = (e) => {
     icon: /* @__PURE__ */ t(P, { source: Me, size: "medium", customColor: a })
   }
 ), Tt = "modal", Ls = (c) => {
-  var s = c, {
+  var d = c, {
     children: e,
     className: a = "",
     heading: r,
@@ -5788,7 +5782,7 @@ const Is = (e) => {
     footer: n,
     onClose: i,
     contentClassName: l
-  } = s, d = F(s, [
+  } = d, s = F(d, [
     "children",
     "className",
     "heading",
@@ -5798,17 +5792,17 @@ const Is = (e) => {
     "onClose",
     "contentClassName"
   ]);
-  const g = u(ve[Tt], a), m = typeof e == "string", v = (h) => {
+  const m = u(ve[Tt], a), p = typeof e == "string", v = (h) => {
     h.preventDefault(), h.stopPropagation(), i();
   };
   return /* @__PURE__ */ f(
     Dl,
     E(k({
-      className: g,
+      className: m,
       fullSpaceContent: _,
       onClose: i,
       isLabelled: !!o
-    }, d), {
+    }, s), {
       children: [
         o && /* @__PURE__ */ f("div", { className: ve[`${Tt}__label-header`], children: [
           /* @__PURE__ */ t(
@@ -5854,7 +5848,7 @@ const Is = (e) => {
           {
             "data-testid": "modal-body",
             className: u(ve[`${Tt}__body`], l),
-            children: m ? /* @__PURE__ */ t(A, { as: "div", children: e }) : e
+            children: p ? /* @__PURE__ */ t(A, { as: "div", children: e }) : e
           }
         ),
         n && /* @__PURE__ */ t("div", { className: ve[`${Tt}__footer`], children: n })
@@ -5951,8 +5945,8 @@ const Is = (e) => {
   "numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___s2O8w",
   "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", zs = (s) => {
-  var g = s, {
+}, Zt = "numeric-input", zs = (d) => {
+  var m = d, {
     className: e,
     error: a,
     value: r,
@@ -5961,8 +5955,8 @@ const Is = (e) => {
     disabled: n,
     noControls: i,
     style: l,
-    onChange: d
-  } = g, c = F(g, [
+    onChange: s
+  } = m, c = F(m, [
     "className",
     "error",
     "value",
@@ -5973,7 +5967,7 @@ const Is = (e) => {
     "style",
     "onChange"
   ]);
-  const m = p.useRef(null), v = u(
+  const p = g.useRef(null), v = u(
     Xt[Zt],
     {
       [Xt[`${Zt}--error`]]: a,
@@ -5981,7 +5975,7 @@ const Is = (e) => {
       [Xt[`${Zt}--disabled`]]: n
     },
     e
-  ), h = (w) => d(String(w)), b = (w) => o !== void 0 && w > o ? o : _ !== void 0 && w < _ ? _ : w, y = (w) => {
+  ), h = (w) => s(String(w)), b = (w) => o !== void 0 && w > o ? o : _ !== void 0 && w < _ ? _ : w, y = (w) => {
     const x = parseInt(r, 10) + w;
     return h(b(x));
   }, C = (w) => {
@@ -5998,17 +5992,17 @@ const Is = (e) => {
     return h(b(I));
   }, $ = () => {
     var w;
-    return (w = m.current) == null || w.focus(), y(1);
+    return (w = p.current) == null || w.focus(), y(1);
   }, S = () => {
     var w;
-    return (w = m.current) == null || w.focus(), y(-1);
+    return (w = p.current) == null || w.focus(), y(-1);
   };
   return /* @__PURE__ */ f("div", { className: v, style: l, children: [
     /* @__PURE__ */ t(
       "input",
       E(k({
         type: "text",
-        ref: m
+        ref: p
       }, c), {
         value: r,
         disabled: n,
@@ -6085,23 +6079,23 @@ const Is = (e) => {
   titleHint: n,
   description: i,
   onClick: l,
-  cta: d
+  cta: s
 }) => {
-  const c = p.useRef(null), s = p.useRef(null), [g, m] = p.useState(0), v = p.useRef(g);
-  return p.useEffect(() => {
+  const c = g.useRef(null), d = g.useRef(null), [m, p] = g.useState(0), v = g.useRef(m);
+  return g.useEffect(() => {
     a && c.current && c.current.focus();
-  }, [a]), p.useEffect(() => {
+  }, [a]), g.useEffect(() => {
     const h = !!window.ResizeObserver;
-    if (s.current && h) {
+    if (d.current && h) {
       const b = new ResizeObserver((y) => {
         const C = y[0];
         if (!C) return;
         const N = C.contentRect.height + Pl;
-        v.current !== N && (m(N), v.current = N);
+        v.current !== N && (p(N), v.current = N);
       });
-      return b.observe(s.current), () => b.disconnect();
+      return b.observe(d.current), () => b.disconnect();
     }
-  }, [s]), /* @__PURE__ */ f(
+  }, [d]), /* @__PURE__ */ f(
     "div",
     {
       className: u(pe[ge], {
@@ -6166,8 +6160,8 @@ const Is = (e) => {
                     className: u(pe[`${ge}__content__inner`], {
                       [pe[`${ge}__content__inner--open`]]: a
                     }),
-                    style: { maxHeight: a ? g : 0 },
-                    children: /* @__PURE__ */ f("div", { ref: s, children: [
+                    style: { maxHeight: a ? m : 0 },
+                    children: /* @__PURE__ */ f("div", { ref: d, children: [
                       /* @__PURE__ */ t(
                         A,
                         {
@@ -6176,7 +6170,7 @@ const Is = (e) => {
                           children: i
                         }
                       ),
-                      /* @__PURE__ */ t("div", { className: pe[`${ge}__content__inner__cta`], children: d })
+                      /* @__PURE__ */ t("div", { className: pe[`${ge}__content__inner__cta`], children: s })
                     ] })
                   }
                 )
@@ -6215,20 +6209,20 @@ const Is = (e) => {
   onActiveChange: n,
   placeholderClassName: i,
   isCompleted: l = !1,
-  completionMessageData: d,
+  completionMessageData: s,
   className: c
 }) => {
   var B;
-  const [s, g] = p.useState(l), [m, v] = p.useState(!l), [h, b] = p.useState(void 0), y = p.useRef(null), C = d.height || 96, N = () => {
+  const [d, m] = g.useState(l), [p, v] = g.useState(!l), [h, b] = g.useState(void 0), y = g.useRef(null), C = s.height || 96, N = () => {
     v(($) => !$);
   };
-  return p.useEffect(() => {
-    const $ = d.delay || 1500, S = y.current;
+  return g.useEffect(() => {
+    const $ = s.delay || 1500, S = y.current;
     if (l && S) {
       const w = S.offsetHeight;
       b(w);
       const x = setTimeout(() => {
-        g(!0), v(!1);
+        m(!0), v(!1);
       }, $);
       return () => {
         clearTimeout(x);
@@ -6241,15 +6235,15 @@ const Is = (e) => {
       className: u(
         ee[te],
         {
-          [ee[`${te}--complete`]]: s && !m
+          [ee[`${te}--complete`]]: d && !p
         },
         c
       ),
       style: {
-        height: !s || m ? h : C
+        height: !d || p ? h : C
       },
       children: [
-        m && /* @__PURE__ */ f(ne, { children: [
+        p && /* @__PURE__ */ f(ne, { children: [
           /* @__PURE__ */ f("div", { className: ee[`${te}__column`], children: [
             /* @__PURE__ */ f("div", { className: ee[`${te}__header`], children: [
               o && /* @__PURE__ */ t(
@@ -6298,12 +6292,12 @@ const Is = (e) => {
               ),
               children: [
                 !l && /* @__PURE__ */ t("div", { className: ee[`${te}__placeholder`], children: (B = _.find(($) => $.id === e)) == null ? void 0 : B.placeholder }),
-                l && /* @__PURE__ */ t("div", { className: ee[`${te}__placeholder`], children: d.placeholder })
+                l && /* @__PURE__ */ t("div", { className: ee[`${te}__placeholder`], children: s.placeholder })
               ]
             }
           )
         ] }),
-        !m && /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ f("div", { className: ee[`${te}__complete`], children: [
+        !p && /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ f("div", { className: ee[`${te}__complete`], children: [
           /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
             P,
             {
@@ -6313,12 +6307,12 @@ const Is = (e) => {
             }
           ) }),
           /* @__PURE__ */ f("div", { children: [
-            (d == null ? void 0 : d.greetingText) && /* @__PURE__ */ t(
+            (s == null ? void 0 : s.greetingText) && /* @__PURE__ */ t(
               A,
               {
                 size: "lg",
                 className: ee[`${te}__complete__label`],
-                children: d.greetingText
+                children: s.greetingText
               }
             ),
             /* @__PURE__ */ t(
@@ -6326,28 +6320,28 @@ const Is = (e) => {
               {
                 size: "sm",
                 className: ee[`${te}__complete__title`],
-                children: d.title
+                children: s.title
               }
             )
           ] })
         ] }) }),
-        s && /* @__PURE__ */ t(
-          q,
+        d && /* @__PURE__ */ t(
+          j,
           {
-            kind: m ? "float" : "text",
+            kind: p ? "float" : "text",
             icon: /* @__PURE__ */ t(
               P,
               {
                 source: Ht,
                 className: u(
                   ee[`${te}__button__icon`],
-                  m && ee[`${te}__button__icon--open`]
+                  p && ee[`${te}__button__icon--open`]
                 )
               }
             ),
             className: ee[`${te}__button`],
             onClick: N,
-            "aria-expanded": m
+            "aria-expanded": p
           }
         )
       ]
@@ -6364,27 +6358,27 @@ const Is = (e) => {
   triggerClassName: n,
   placement: i,
   flipOptions: l,
-  offsetSize: d = 4,
+  offsetSize: s = 4,
   isVisible: c,
-  openedOnInit: s,
-  closeOnEsc: g = !0,
-  useDismissHookProps: m,
+  openedOnInit: d,
+  closeOnEsc: m = !0,
+  useDismissHookProps: p,
   useClickHookProps: v,
   floatingStrategy: h
 }) => {
-  const [b, y] = p.useState(s), C = cr(), N = Ba(), B = c !== void 0, $ = B ? c : b, S = typeof o == "string", w = typeof e == "function", x = (Oe, at) => {
+  const [b, y] = g.useState(d), C = cr(), N = Ba(), B = c !== void 0, $ = B ? c : b, S = typeof o == "string", w = typeof e == "function", x = (Oe, at) => {
     Oe ? r == null || r(at) : a == null || a(at), !B && y(Oe);
   }, { refs: I, context: R, floatingStyles: G } = Ea({
     nodeId: N,
     open: $,
     onOpenChange: x,
-    middleware: [Ia(d), sr(l), Vr()],
+    middleware: [Ia(s), sr(l), Vr()],
     placement: i,
     strategy: h,
     whileElementsMounted: Ta
   }), T = Aa(R, v), D = Da(R, k({
-    escapeKey: g
-  }, m)), z = Pa(R), { getReferenceProps: ie, getFloatingProps: V } = Fa([
+    escapeKey: m
+  }, p)), z = Pa(R), { getReferenceProps: ie, getFloatingProps: V } = Fa([
     T,
     D,
     z
@@ -6424,7 +6418,7 @@ const Is = (e) => {
   "product-tile__icon": "lc-ProductTile-module__product-tile__icon___IQqzd",
   "product-tile__icon--large": "lc-ProductTile-module__product-tile__icon--large___Ta9v0",
   "product-tile__icon--expired": "lc-ProductTile-module__product-tile__icon--expired___5PbNr"
-}, ht = "product-tile", a_ = ({
+}, gt = "product-tile", a_ = ({
   icon: e,
   iconColor: a,
   expired: r,
@@ -6445,14 +6439,14 @@ const Is = (e) => {
         /* @__PURE__ */ t(
           "div",
           {
-            className: Re[`${ht}__third-layer`],
+            className: Re[`${gt}__third-layer`],
             style: { background: o.third }
           }
         ),
         /* @__PURE__ */ t(
           "div",
           {
-            className: Re[`${ht}__second-layer`],
+            className: Re[`${gt}__second-layer`],
             style: { background: o.second }
           }
         )
@@ -6460,8 +6454,8 @@ const Is = (e) => {
       /* @__PURE__ */ f(
         "div",
         {
-          className: u(Re[ht], {
-            [Re[`${ht}__main-product`]]: l
+          className: u(Re[gt], {
+            [Re[`${gt}__main-product`]]: l
           }),
           style: {
             background: r ? "var(--surface-moderate-default)" : o.main,
@@ -6473,8 +6467,8 @@ const Is = (e) => {
               {
                 size: "compact",
                 count: n,
-                className: u(Re[`${ht}__badge`], {
-                  [Re[`${ht}__badge--bordered`]]: l
+                className: u(Re[`${gt}__badge`], {
+                  [Re[`${gt}__badge--bordered`]]: l
                 })
               }
             ) : null,
@@ -6482,9 +6476,9 @@ const Is = (e) => {
               P,
               {
                 source: e,
-                className: u(Re[`${ht}__icon`], {
-                  [Re[`${ht}__icon--large`]]: l,
-                  [Re[`${ht}__icon--expired`]]: r
+                className: u(Re[`${gt}__icon`], {
+                  [Re[`${gt}__icon--large`]]: l,
+                  [Re[`${gt}__icon--expired`]]: r
                 }),
                 customColor: a
               }
@@ -6514,17 +6508,17 @@ const Is = (e) => {
     notificationCount: n,
     name: i,
     url: l,
-    withDivider: d,
+    withDivider: s,
     shortcutKey: c,
-    expired: s,
-    trialDaysLeft: g,
-    nameAdornment: m
+    expired: d,
+    trialDaysLeft: m,
+    nameAdornment: p
   },
   onClick: v,
   isActive: h = !1,
   isDarkMode: b
 }) => /* @__PURE__ */ f(ne, { children: [
-  d && /* @__PURE__ */ t("div", { className: We[`${Ke}__divider`] }),
+  s && /* @__PURE__ */ t("div", { className: We[`${Ke}__divider`] }),
   /* @__PURE__ */ f(
     "a",
     {
@@ -6533,7 +6527,7 @@ const Is = (e) => {
       "aria-label": `Go to ${i} product`,
       onClick: (y) => v(y, e),
       className: u(We[Ke], {
-        [We[`${Ke}--expired`]]: s
+        [We[`${Ke}--expired`]]: d
       }),
       children: [
         /* @__PURE__ */ f("div", { className: We[`${Ke}__heading`], children: [
@@ -6542,7 +6536,7 @@ const Is = (e) => {
             {
               icon: a,
               iconColor: r,
-              expired: s,
+              expired: d,
               backgroundColors: o,
               borderColor: _,
               notificationCount: n,
@@ -6551,7 +6545,7 @@ const Is = (e) => {
           ),
           /* @__PURE__ */ f(A, { as: "div", bold: !0, className: We[`${Ke}__name`], children: [
             i,
-            s && /* @__PURE__ */ t(
+            d && /* @__PURE__ */ t(
               Ut,
               {
                 className: u({
@@ -6568,7 +6562,7 @@ const Is = (e) => {
                 children: "Your licence is expired."
               }
             ),
-            typeof g != "undefined" && /* @__PURE__ */ f(
+            typeof m != "undefined" && /* @__PURE__ */ f(
               Ut,
               {
                 className: u(We[`${Ke}__trial-tooltip`], {
@@ -6583,14 +6577,14 @@ const Is = (e) => {
                 ),
                 placement: "right",
                 children: [
-                  g,
+                  m,
                   " ",
-                  _r(g, "day", "days"),
+                  _r(m, "day", "days"),
                   " left in your trial. Time to upgrade."
                 ]
               }
             ),
-            m
+            p
           ] })
         ] }),
         c && /* @__PURE__ */ f(A, { size: "sm", className: We[`${Ke}__shortcut`], children: [
@@ -6615,19 +6609,19 @@ const Is = (e) => {
   onOpen: n,
   onClose: i,
   onSelect: l,
-  textURL: d = "https://www.text.com"
+  textURL: s = "https://www.text.com"
 }) => {
-  const [c, s] = p.useState(r), [g, m] = Jt(
+  const [c, d] = g.useState(r), [m, p] = Jt(
     !1
   ), v = cr(), h = Ba(), b = o !== void 0, y = b ? o : c, C = (H, K) => {
-    H ? n == null || n(K) : i == null || i(K), !b && s(H);
+    H ? n == null || n(K) : i == null || i(K), !b && d(H);
   }, { refs: N, context: B, floatingStyles: $ } = Ea({
     nodeId: h,
     strategy: "fixed",
     placement: "right-start",
     open: y,
     onOpenChange: (H, K) => {
-      m(!1), C(H, K);
+      p(!1), C(H, K);
     },
     middleware: [Ia({ mainAxis: 5 })],
     whileElementsMounted: Ta
@@ -6650,7 +6644,7 @@ const Is = (e) => {
   if (!D)
     return null;
   const z = (H, K) => {
-    K === a && H.preventDefault(), s(!1), l == null || l(K);
+    K === a && H.preventDefault(), d(!1), l == null || l(K);
   }, ie = e.reduce(
     (H, K) => H + (K.notificationCount || 0),
     0
@@ -6658,9 +6652,9 @@ const Is = (e) => {
     /* @__PURE__ */ t("div", E(k({ ref: N.setReference }, G()), { children: /* @__PURE__ */ t(
       Ut,
       {
-        isVisible: g,
-        onOpen: () => m(!0),
-        onClose: () => m(!1),
+        isVisible: m,
+        onOpen: () => p(!0),
+        onClose: () => p(!1),
         offsetCrossAxis: 2,
         arrowOffsetY: 2,
         offsetMainAxis: 10,
@@ -6711,7 +6705,7 @@ const Is = (e) => {
               /* @__PURE__ */ t("div", { className: fa[`${ba}__footer`], children: /* @__PURE__ */ f(
                 "a",
                 {
-                  href: d,
+                  href: s,
                   target: "_blank",
                   className: fa[`${ba}__footer-link`],
                   onClick: () => C(!1),
@@ -6952,15 +6946,15 @@ const Is = (e) => {
 }, Kl = (e, a) => zl.includes(e) || a.some(
   (r) => r.product === jr[e]
 ), Yl = (e, a, r, o, _, n) => {
-  var l, d, c, s, g;
+  var l, s, c, d, m;
   const i = a.find(
-    (m) => m.product === jr[e.id]
+    (p) => p.product === jr[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) ? Wl((s = (c = r[e.id]) == null ? void 0 : c.next_charge_at) != null ? s : "") : void 0,
-    expired: ((g = r[e.id]) == null ? void 0 : g.status) === "expired",
+    trialDaysLeft: r[e.id] && ((l = r[e.id]) == null ? void 0 : l.status) === "trial" && ((s = r[e.id]) != null && s.next_charge_at) ? Wl((d = (c = r[e.id]) == null ? void 0 : c.next_charge_at) != null ? d : "") : void 0,
+    expired: ((m = r[e.id]) == null ? void 0 : m.status) === "expired",
     url: Vl(
       i.clientId,
       i.redirectUri,
@@ -7033,7 +7027,7 @@ const va = {
   small: 15,
   medium: 36,
   large: 56
-}, ka = "progress-circle", Ql = p.forwardRef(
+}, ka = "progress-circle", Ql = g.forwardRef(
   (i, n) => {
     var l = i, {
       status: e = "normal",
@@ -7046,21 +7040,21 @@ const va = {
       "className",
       "size"
     ]);
-    const d = __(e, a), c = ql[o], s = jl[o], g = u(
+    const s = __(e, a), c = ql[o], d = jl[o], m = u(
       va[ka],
       {
         [va[`${ka}--${o}`]]: o,
         [va[`${ka}--${e}`]]: e
       },
       r
-    ), m = 2 * Math.PI * ((s - c) / 2), v = {
-      strokeDasharray: m.toFixed(3),
-      strokeDashoffset: `${((100 - d) / 100 * m).toFixed(3)}px`
-    }, h = `${s / 2} ${s / 2} ${s} ${s}`;
+    ), p = 2 * Math.PI * ((d - c) / 2), v = {
+      strokeDasharray: p.toFixed(3),
+      strokeDashoffset: `${((100 - s) / 100 * p).toFixed(3)}px`
+    }, h = `${d / 2} ${d / 2} ${d} ${d}`;
     return /* @__PURE__ */ t(
       "div",
       E(k({
-        className: g,
+        className: m,
         ref: n,
         role: "progressbar"
       }, _), {
@@ -7069,9 +7063,9 @@ const va = {
             "circle",
             {
               className: va[`${ka}__bg-line--${e}`],
-              cx: s,
-              cy: s,
-              r: (s - c) / 2,
+              cx: d,
+              cy: d,
+              r: (d - c) / 2,
               fill: "none",
               strokeWidth: c
             }
@@ -7081,9 +7075,9 @@ const va = {
             {
               className: va[`${ka}__indicator--${e}`],
               style: v,
-              cx: s,
-              cy: s,
-              r: (s - c) / 2,
+              cx: d,
+              cy: d,
+              r: (d - c) / 2,
               fill: "none",
               strokeWidth: c
             }
@@ -7102,7 +7096,7 @@ const va = {
   "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"
-}, Ja = "progress-bar", Jl = p.forwardRef(
+}, Ja = "progress-bar", Jl = g.forwardRef(
   (i, n) => {
     var l = i, {
       status: e = "normal",
@@ -7115,7 +7109,7 @@ const va = {
       "size",
       "className"
     ]);
-    const d = __(e, a), c = u(
+    const s = __(e, a), c = u(
       Qa[Ja],
       {
         [Qa[`${Ja}--${r}`]]: r,
@@ -7134,7 +7128,7 @@ const va = {
           {
             "data-testid": "progress-bar-indicator",
             className: Qa[`${Ja}__indicator--${e}`],
-            style: { width: `${d}%` }
+            style: { width: `${s}%` }
           }
         )
       })
@@ -7161,20 +7155,20 @@ const va = {
   light: n = !1,
   linkText: i,
   onButtonClick: l,
-  onClose: d,
+  onClose: s,
   onLinkClick: c
 }) => {
-  const s = p.useRef(null), [g, m] = p.useState("medium"), v = u(
+  const d = g.useRef(null), [m, p] = g.useState("medium"), v = u(
     Ye[Xe],
     {
       [Ye[`${Xe}--light`]]: n,
-      [Ye[`${Xe}--small`]]: g === "small",
-      [Ye[`${Xe}--large`]]: g === "large"
+      [Ye[`${Xe}--small`]]: m === "small",
+      [Ye[`${Xe}--large`]]: m === "large"
     },
     e
   );
-  p.useEffect(() => {
-    const b = () => s.current && s.current.offsetWidth <= ec ? m("small") : s.current && s.current.offsetWidth >= tc ? m("large") : m("medium"), y = Fo(
+  g.useEffect(() => {
+    const b = () => d.current && d.current.offsetWidth <= ec ? p("small") : d.current && d.current.offsetWidth >= tc ? p("large") : p("medium"), y = Fo(
       b,
       ac
     );
@@ -7184,7 +7178,7 @@ const va = {
   }, []);
   const h = /* @__PURE__ */ f("div", { className: Ye[`${Xe}__footer`], children: [
     a && /* @__PURE__ */ t(
-      q,
+      j,
       {
         kind: "primary",
         size: "compact",
@@ -7193,24 +7187,24 @@ const va = {
         children: a
       }
     ),
-    i && /* @__PURE__ */ t(q, { size: "compact", kind: "text", onClick: c, children: i })
+    i && /* @__PURE__ */ t(j, { size: "compact", kind: "text", onClick: c, children: i })
   ] });
-  return /* @__PURE__ */ f("div", { ref: s, className: v, children: [
+  return /* @__PURE__ */ f("div", { ref: d, className: v, children: [
     /* @__PURE__ */ f("div", { className: Ye[`${Xe}__content`], children: [
       _ && /* @__PURE__ */ t("img", { src: _, className: Ye[`${Xe}__img`] }),
       /* @__PURE__ */ f("div", { className: Ye[`${Xe}__wrapper`], children: [
         /* @__PURE__ */ t("div", { className: Ye[`${Xe}__header`], children: o }),
         /* @__PURE__ */ t(A, { as: "div", children: r }),
-        g !== "large" && h
+        m !== "large" && h
       ] }),
-      g === "large" && h
+      m === "large" && h
     ] }),
-    d && /* @__PURE__ */ t(
+    s && /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         className: Ye[`${Xe}__close-icon`],
-        onClick: d,
+        onClick: s,
         children: /* @__PURE__ */ t(P, { source: Me, size: "large", kind: "primary" })
       }
     )
@@ -7226,7 +7220,7 @@ const va = {
   "promo-banner-v2__close__btn": "lc-PromoBannerV2-module__promo-banner-v2__close__btn___23Qui",
   "promo-banner-v2--dark": "lc-PromoBannerV2-module__promo-banner-v2--dark___pmXpS",
   "promo-banner-v2--vertical": "lc-PromoBannerV2-module__promo-banner-v2--vertical___hXlPD"
-}, ft = "promo-banner-v2", Zs = ({
+}, ht = "promo-banner-v2", Zs = ({
   children: e,
   className: a,
   additionalContent: r,
@@ -7235,33 +7229,33 @@ const va = {
   vertical: n,
   contentClassName: i,
   additionalContentClassName: l,
-  onClose: d,
+  onClose: s,
   kind: c = "default"
 }) => {
-  const s = u(
+  const d = u(
     nt["main-wrapper"],
-    nt[`${ft}--${c}`],
+    nt[`${ht}--${c}`],
     c === "dark" && Dt.Dark,
     a
   );
-  return /* @__PURE__ */ t("div", { role: "banner", className: s, children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ t("div", { role: "banner", className: d, children: /* @__PURE__ */ f(
     "div",
     {
       className: u(
-        nt[ft],
-        n && nt[`${ft}--vertical`]
+        nt[ht],
+        n && nt[`${ht}--vertical`]
       ),
       children: [
         /* @__PURE__ */ f(
           "div",
           {
             "data-testId": "content",
-            className: u(nt[`${ft}__content`], i),
+            className: u(nt[`${ht}__content`], i),
             children: [
               e,
-              (o || _) && /* @__PURE__ */ f("div", { className: nt[`${ft}__content__cta`], children: [
+              (o || _) && /* @__PURE__ */ f("div", { className: nt[`${ht}__content__cta`], children: [
                 o && /* @__PURE__ */ t(
-                  q,
+                  j,
                   E(k({}, o), {
                     kind: (o == null ? void 0 : o.kind) || "high-contrast",
                     onClick: o.handleClick,
@@ -7269,12 +7263,12 @@ const va = {
                   })
                 ),
                 _ && /* @__PURE__ */ t(
-                  q,
+                  j,
                   E(k({}, _), {
                     kind: (_ == null ? void 0 : _.kind) || "text",
                     onClick: _.handleClick,
                     className: u(
-                      nt[`${ft}__content__cta__secondary`],
+                      nt[`${ht}__content__cta__secondary`],
                       _.className
                     ),
                     children: _.label
@@ -7289,17 +7283,17 @@ const va = {
           {
             "data-testId": "additional-content",
             className: u(
-              nt[`${ft}__additional-content`],
+              nt[`${ht}__additional-content`],
               l
             ),
             children: r
           }
         ),
-        d && /* @__PURE__ */ t("div", { className: nt[`${ft}__close`], children: /* @__PURE__ */ t(
-          q,
+        s && /* @__PURE__ */ t("div", { className: nt[`${ht}__close`], children: /* @__PURE__ */ t(
+          j,
           {
-            className: nt[`${ft}__close__btn`],
-            onClick: d,
+            className: nt[`${ht}__close__btn`],
+            onClick: s,
             icon: /* @__PURE__ */ t(P, { source: Me, kind: "primary" }),
             kind: "plain",
             size: "compact"
@@ -7308,7 +7302,7 @@ const va = {
       ]
     }
   ) });
-}, bt = {
+}, ft = {
   "radio-button": "lc-RadioButton-module__radio-button___PtGXj",
   "radio-button__circle": "lc-RadioButton-module__radio-button__circle___-RXEf",
   "radio-button__label": "lc-RadioButton-module__radio-button__label___WGhio",
@@ -7318,21 +7312,21 @@ const va = {
   "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"
-}, vt = "radio-button", qs = p.forwardRef(
+}, bt = "radio-button", qs = g.forwardRef(
   (l, i) => {
-    var d = l, { children: e, className: a = "", description: r, checked: o, disabled: _ } = d, n = F(d, ["children", "className", "description", "checked", "disabled"]);
-    const c = u(bt[vt], a, {
-      [bt[`${vt}--selected`]]: o,
-      [bt[`${vt}--disabled`]]: _
+    var s = l, { children: e, className: a = "", description: r, checked: o, disabled: _ } = s, n = F(s, ["children", "className", "description", "checked", "disabled"]);
+    const c = u(ft[bt], a, {
+      [ft[`${bt}--selected`]]: o,
+      [ft[`${bt}--disabled`]]: _
     });
     return /* @__PURE__ */ f("div", { className: c, children: [
-      /* @__PURE__ */ f("label", { className: bt[`${vt}__label`], children: [
-        /* @__PURE__ */ f("div", { className: bt[`${vt}__circle`], children: [
-          /* @__PURE__ */ t("span", { className: bt[`${vt}__inner-circle`] }),
+      /* @__PURE__ */ f("label", { className: ft[`${bt}__label`], children: [
+        /* @__PURE__ */ f("div", { className: ft[`${bt}__circle`], children: [
+          /* @__PURE__ */ t("span", { className: ft[`${bt}__inner-circle`] }),
           /* @__PURE__ */ t(
             "input",
             E(k({}, n), {
-              className: bt[`${vt}__input`],
+              className: ft[`${bt}__input`],
               ref: i,
               type: "radio",
               checked: o,
@@ -7340,9 +7334,9 @@ const va = {
             })
           )
         ] }),
-        e && /* @__PURE__ */ t(A, { as: "div", size: "md", className: bt[`${vt}__text`], children: e })
+        e && /* @__PURE__ */ t(A, { as: "div", size: "md", className: ft[`${bt}__text`], children: e })
       ] }),
-      r && /* @__PURE__ */ t(ur, { className: bt[`${vt}__helper`], children: r })
+      r && /* @__PURE__ */ t(ur, { className: ft[`${bt}__helper`], children: r })
     ] });
   }
 ), Ze = {
@@ -7359,9 +7353,9 @@ const va = {
   "search-input__loader": "lc-SearchInput-module__search-input__loader___9veIC",
   "search-input__input-wrapper": "lc-SearchInput-module__search-input__input-wrapper___9NT39",
   "search-input__input-wrapper--crop": "lc-SearchInput-module__search-input__input-wrapper--crop___JA7J1"
-}, it = "search-input", Bo = `${it}__input-wrapper`, rc = p.forwardRef(
-  (g, s) => {
-    var m = g, {
+}, it = "search-input", Bo = `${it}__input-wrapper`, rc = g.forwardRef(
+  (m, d) => {
+    var p = m, {
       isCollapsable: e,
       isDisabled: a,
       isLoading: r,
@@ -7370,8 +7364,8 @@ const va = {
       value: n,
       className: i,
       cropOnBlur: l = !0,
-      onChange: d
-    } = m, c = F(m, [
+      onChange: s
+    } = p, c = F(p, [
       "isCollapsable",
       "isDisabled",
       "isLoading",
@@ -7382,9 +7376,9 @@ const va = {
       "cropOnBlur",
       "onChange"
     ]);
-    const v = p.useRef(null);
-    p.useImperativeHandle(s, () => v.current, [s]);
-    const [h, b] = p.useState(!0), [y, C] = p.useState(!1), N = !!n && !a && !r, B = e && !h && "true", $ = u(
+    const v = g.useRef(null);
+    g.useImperativeHandle(d, () => v.current, [d]);
+    const [h, b] = g.useState(!0), [y, C] = g.useState(!1), N = !!n && !a && !r, B = e && !h && "true", $ = u(
       i,
       Ze[it],
       Ze[`${it}--${_}`],
@@ -7393,14 +7387,14 @@ const va = {
       e && Ze[`${it}--collapsable`],
       !h && Ze[`${it}--collapsable--open`]
     );
-    p.useEffect(() => {
+    g.useEffect(() => {
       e && n && b(!1);
     }, [e, n]);
     const S = (T) => {
       const D = T.currentTarget.value;
-      d(D);
+      s(D);
     }, w = () => {
-      d("");
+      s("");
     }, x = () => {
       v.current && v.current.focus();
     }, I = () => {
@@ -7408,7 +7402,7 @@ const va = {
     }, R = () => {
       e && !n && b(!0), C(!1);
     }, G = (T) => {
-      T.key === ke.enter && (T.preventDefault(), d(n));
+      T.key === ke.enter && (T.preventDefault(), s(n));
     };
     return /* @__PURE__ */ f(
       "div",
@@ -7453,7 +7447,7 @@ const va = {
             }
           ),
           N && /* @__PURE__ */ t(
-            q,
+            j,
             {
               "aria-label": "Clear search",
               title: "Clear search",
@@ -7482,7 +7476,7 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
   "skeleton-text--animated": "lc-Skeleton-module__skeleton-text--animated___Bnr3Z"
 }, Eo = "skeleton-wrapper", js = (_) => {
   var n = _, { children: e, vertical: a, animated: r } = n, o = F(n, ["children", "vertical", "animated"]);
-  const i = p.Children.map(e, (l) => p.isValidElement(l) ? p.cloneElement(l, {
+  const i = g.Children.map(e, (l) => g.isValidElement(l) ? g.cloneElement(l, {
     animated: r
   }) : l);
   return /* @__PURE__ */ t(
@@ -7588,8 +7582,8 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___XpfaO",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___NDgeg",
   switch__icon: sc
-}, _e = "switch", td = (g) => {
-  var m = g, {
+}, _e = "switch", td = (m) => {
+  var p = m, {
     className: e = "",
     defaultOn: a = !1,
     disabled: r = !1,
@@ -7598,9 +7592,9 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     onChange: n,
     size: i = "large",
     state: l = "regular",
-    innerRef: d,
+    innerRef: s,
     ariaLabel: c
-  } = m, s = F(m, [
+  } = p, d = F(p, [
     "className",
     "defaultOn",
     "disabled",
@@ -7612,9 +7606,9 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     "innerRef",
     "ariaLabel"
   ]);
-  const v = _ !== void 0, [h, b] = p.useState(
+  const v = _ !== void 0, [h, b] = g.useState(
     () => v ? _ : a
-  ), [y, C] = p.useState(!1), N = v ? _ : h, B = l === "loading", $ = l === "locked", S = i === "large" ? "small" : "xsmall", w = N ? "on" : "off", x = r || B || $, I = x ? "disabled" : "enabled", R = u(
+  ), [y, C] = g.useState(!1), N = v ? _ : h, B = l === "loading", $ = l === "locked", S = i === "large" ? "small" : "xsmall", w = N ? "on" : "off", x = r || B || $, I = x ? "disabled" : "enabled", R = u(
     le[_e],
     le[`${_e}--${i}`],
     {
@@ -7636,10 +7630,10 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
         onChange: G,
         checked: N,
         name: o,
-        ref: d,
+        ref: s,
         disabled: x,
         "aria-label": c
-      }, s), {
+      }, d), {
         onFocus: () => C(!0),
         onBlur: () => C(!1)
       })
@@ -7708,8 +7702,8 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
   tab__badge: pc,
   "tab--selected": "lc-Tab-module__tab--selected___vsPhT",
   "tab--disabled": "lc-Tab-module__tab--disabled___JPMHC"
-}, Ot = "tab", ad = (d) => {
-  var c = d, {
+}, Ot = "tab", ad = (s) => {
+  var c = s, {
     children: e,
     className: a,
     count: r,
@@ -7726,7 +7720,7 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     "size",
     "icon"
   ]);
-  const { disabled: s } = l, g = r !== void 0 && !_, m = r !== void 0 && _;
+  const { disabled: d } = l, m = r !== void 0 && !_, p = r !== void 0 && _;
   return /* @__PURE__ */ f(
     A,
     E(k({}, l), {
@@ -7739,17 +7733,17 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
         Mt[Ot],
         Mt[`${Ot}--${n}`],
         o && Mt[`${Ot}--selected`],
-        s && Mt[`${Ot}--disabled`]
+        d && Mt[`${Ot}--disabled`]
       ),
       children: [
         i && /* @__PURE__ */ t("div", { "data-testId": "icon", className: Mt[`${Ot}__icon`], children: i }),
         e,
-        g && /* @__PURE__ */ f(A, { as: "span", size: "md", className: Mt[`${Ot}__count`], children: [
+        m && /* @__PURE__ */ f(A, { as: "span", size: "md", className: Mt[`${Ot}__count`], children: [
           "(",
           r,
           ")"
         ] }),
-        m && /* @__PURE__ */ t(
+        p && /* @__PURE__ */ t(
           rr,
           {
             "data-testid": "tab-badge",
@@ -7779,10 +7773,10 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
   remove: _,
   value: n
 }) => {
-  const [i, l] = p.useState(!1), d = () => a.current, c = () => {
-    const h = d();
+  const [i, l] = g.useState(!1), s = () => a.current, c = () => {
+    const h = s();
     return h ? h.innerText : "";
-  }, s = () => {
+  }, d = () => {
     r && r.current && r.current.focus();
   };
   return /* @__PURE__ */ t(
@@ -7797,7 +7791,7 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
         document.execCommand("insertHTML", !1, ao(b));
       },
       onBlur: () => {
-        const h = d();
+        const h = s();
         if (!(i || !h)) {
           if (h.innerText === "") {
             _();
@@ -7808,10 +7802,10 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
       },
       onKeyDown: (h) => {
         if (h.key === ke.enter) {
-          h.preventDefault(), s();
+          h.preventDefault(), d();
           return;
         }
-        h.key === ke.backspace && c() === "" && (l(!0), _(), s());
+        h.key === ke.backspace && c() === "" && (l(!0), _(), d());
       },
       dangerouslySetInnerHTML: { __html: ao(n) }
     }
@@ -7826,16 +7820,16 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
   size: i,
   tagProps: l
 }) => {
-  const d = p.useMemo(() => o !== void 0 ? o(e) : !0, [e, o]), c = p.useRef(null), s = () => r(a), g = () => d ? l ? l.kind : "default" : "error";
-  return /* @__PURE__ */ t(qo, E(k({ size: i }, l), { kind: g(), onRemove: s, children: /* @__PURE__ */ t(
+  const s = g.useMemo(() => o !== void 0 ? o(e) : !0, [e, o]), c = g.useRef(null), d = () => r(a), m = () => s ? l ? l.kind : "default" : "error";
+  return /* @__PURE__ */ t(qo, E(k({ size: i }, l), { kind: m(), onRemove: d, children: /* @__PURE__ */ t(
     fc,
     {
       value: e,
       inputRef: _,
       innerEditableRef: c,
       className: Ca[`${bc}__content`],
-      change: (m) => n(a, m),
-      remove: s,
+      change: (p) => n(a, p),
+      remove: d,
       validator: o
     }
   ) }));
@@ -7845,8 +7839,8 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
   ke.tab,
   ke.semicolon,
   ke.comma
-], kc = [ke.backspace, ke.delete], yc = (m) => {
-  var v = m, {
+], kc = [ke.backspace, ke.delete], yc = (p) => {
+  var v = p, {
     id: e,
     tags: a,
     onChange: r,
@@ -7855,10 +7849,10 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     placeholder: n,
     size: i = "medium",
     className: l,
-    inputClassName: d,
+    inputClassName: s,
     onBlur: c,
-    addOnBlur: s = !0
-  } = v, g = F(v, [
+    addOnBlur: d = !0
+  } = v, m = F(v, [
     "id",
     "tags",
     "onChange",
@@ -7878,10 +7872,10 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     },
     l
   ), b = u(
-    d,
+    s,
     Ca[`${er}__input`],
     Ca[`${er}__input--${i}`]
-  ), [y, C] = p.useState(""), N = p.useRef(null), B = (T) => {
+  ), [y, C] = g.useState(""), N = g.useRef(null), B = (T) => {
     T.trim() !== "" && (r([...a || [], T]), C(""));
   }, $ = (T) => {
     const D = [...a || []];
@@ -7897,7 +7891,7 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
       $(a.length - 1);
     }
   }, x = (T) => {
-    s && B(y), c == null || c(T);
+    d && B(y), c == null || c(T);
   }, I = (T, D) => {
     const z = [...a || []];
     z.reduce(
@@ -7939,7 +7933,7 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
       a == null ? void 0 : a.map(G),
       /* @__PURE__ */ t(
         "input",
-        E(k({}, g), {
+        E(k({}, m), {
           id: e,
           ref: N,
           className: b,
@@ -8005,14 +7999,14 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     source: Na
   }
 }, At = "toast", Ic = (l) => {
-  var d = l, {
+  var s = l, {
     action: e,
     className: a,
     children: r,
     removable: o,
     kind: _ = "info",
     onClose: n
-  } = d, i = F(d, [
+  } = s, i = F(s, [
     "action",
     "className",
     "children",
@@ -8024,18 +8018,18 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     ce[At],
     ce[`${At}--${_}`],
     a
-  ), s = typeof r == "string", g = (m) => m && m.closesOnClick && n ? (m.onClick(), n()) : m.onClick();
+  ), d = typeof r == "string", m = (p) => p && p.closesOnClick && n ? (p.onClick(), n()) : p.onClick();
   return /* @__PURE__ */ f("div", E(k({ className: c }, i), { children: [
     /* @__PURE__ */ t("div", { className: ce[`${At}__icon`], children: /* @__PURE__ */ t(P, E(k({}, Ec[_]), { size: "medium" })) }),
-    /* @__PURE__ */ t("div", { className: ce[`${At}__content`], children: s ? /* @__PURE__ */ t(A, { as: "div", children: r }) : r }),
+    /* @__PURE__ */ t("div", { className: ce[`${At}__content`], children: d ? /* @__PURE__ */ t(A, { as: "div", children: r }) : r }),
     (e || o) && /* @__PURE__ */ f("div", { className: ce[`${At}__actions`], children: [
       e && /* @__PURE__ */ t(
-        q,
+        j,
         {
           className: ce[`${At}__actions--custom`],
           kind: "text",
           size: "compact",
-          onClick: () => g(e),
+          onClick: () => m(e),
           children: e.label
         }
       ),
@@ -8072,7 +8066,7 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     },
     e
   );
-  return /* @__PURE__ */ t("div", { className: l, children: /* @__PURE__ */ t(Ro, { component: null, children: a.map(({ id: d, kind: c, content: s, removable: g, action: m, onClose: v }) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("div", { className: l, children: /* @__PURE__ */ t(Ro, { component: null, children: a.map(({ id: s, kind: c, content: d, removable: m, action: p, onClose: v }) => /* @__PURE__ */ t(
     Mo,
     {
       classNames: {
@@ -8087,37 +8081,37 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
         {
           kind: c,
           onClose: v,
-          removable: g,
-          action: m,
-          children: s
+          removable: m,
+          action: p,
+          children: d
         }
       )
     },
-    d
+    s
   )) }) });
 }, Ac = "lc-Textarea-module__textarea___yE6jp", tr = {
   textarea: Ac,
   "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"
-}, ar = "textarea", id = p.forwardRef(
+}, ar = "textarea", id = g.forwardRef(
   (_, o) => {
     var n = _, { className: e, error: a } = n, r = F(n, ["className", "error"]);
-    const { disabled: i, onBlur: l, onFocus: d } = r, [c, s] = p.useState(!1), g = u(e, tr[ar], {
+    const { disabled: i, onBlur: l, onFocus: s } = r, [c, d] = g.useState(!1), m = u(e, tr[ar], {
       [tr[`${ar}--disabled`]]: i,
       [tr[`${ar}--focused`]]: c,
       [tr[`${ar}--error`]]: a
-    }), m = (h) => {
-      s(!1), l == null || l(h);
+    }), p = (h) => {
+      d(!1), l == null || l(h);
     }, v = (h) => {
-      s(!0), d == null || d(h);
+      d(!0), s == null || s(h);
     };
-    return /* @__PURE__ */ t(A, { as: "div", className: g, children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ t(A, { as: "div", className: m, children: /* @__PURE__ */ t(
       "textarea",
       E(k({}, r), {
         ref: o,
         onFocus: v,
-        onBlur: m
+        onBlur: p
       })
     ) });
   }
@@ -8159,7 +8153,7 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
   "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"
-}, kt = "file-upload-progress", Dr = `${kt}__wrapper__header__title`, Fc = p.forwardRef(
+}, vt = "file-upload-progress", Dr = `${vt}__wrapper__header__title`, Fc = g.forwardRef(
   ({
     actionsVisibility: e = "hidden",
     className: a,
@@ -8169,15 +8163,15 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     size: n,
     status: i = "normal",
     onCloseButtonClick: l,
-    onRetryButtonClick: d
-  }, c) => /* @__PURE__ */ f("div", { className: qe[kt], ref: c, children: [
-    r && i !== "success" && /* @__PURE__ */ t("div", { className: qe[`${kt}__icon`], children: r }),
+    onRetryButtonClick: s
+  }, c) => /* @__PURE__ */ f("div", { className: qe[vt], ref: c, children: [
+    r && i !== "success" && /* @__PURE__ */ t("div", { className: qe[`${vt}__icon`], children: r }),
     i === "success" && /* @__PURE__ */ t(
       "div",
       {
         className: u(
-          qe[`${kt}__icon`],
-          qe[`${kt}__icon--success`]
+          qe[`${vt}__icon`],
+          qe[`${vt}__icon--success`]
         ),
         children: /* @__PURE__ */ t(P, { source: Sa })
       }
@@ -8185,11 +8179,11 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     /* @__PURE__ */ f(
       "div",
       {
-        className: u(qe[`${kt}__wrapper`], {
-          [qe[`${kt}__wrapper--with-icon`]]: r
+        className: u(qe[`${vt}__wrapper`], {
+          [qe[`${vt}__wrapper--with-icon`]]: r
         }),
         children: [
-          /* @__PURE__ */ f("div", { className: qe[`${kt}__wrapper__header`], children: [
+          /* @__PURE__ */ f("div", { className: qe[`${vt}__wrapper__header`], children: [
             o && /* @__PURE__ */ t(
               "div",
               {
@@ -8204,14 +8198,14 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
               "div",
               {
                 className: u({
-                  [qe[`${kt}__wrapper__header__actions`]]: e === "hover"
+                  [qe[`${vt}__wrapper__header__actions`]]: e === "hover"
                 }),
                 children: /* @__PURE__ */ t(
                   Gr,
                   {
                     status: i,
                     onCloseButtonClick: l,
-                    onRetryButtonClick: d
+                    onRetryButtonClick: s
                   }
                 )
               }
@@ -8230,7 +8224,7 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
       }
     )
   ] })
-), j = {
+), q = {
   "upload-bar": "lc-UploadBar-module__upload-bar___0ZOP3",
   "upload-bar__loader-test": "lc-UploadBar-module__upload-bar__loader-test___4QKID",
   "upload-bar--error": "lc-UploadBar-module__upload-bar--error___83It3",
@@ -8251,24 +8245,24 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
   "upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___-N5nJ",
   "upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___C3au9",
   "upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___95G7b"
-}, Ne = "upload-bar", Ct = `${Ne}__wrapper__header`, Rc = 300, Mc = (e, a) => e === "success" ? /* @__PURE__ */ t(
+}, Ne = "upload-bar", wt = `${Ne}__wrapper__header`, Rc = 300, Mc = (e, a) => e === "success" ? /* @__PURE__ */ t(
   "div",
   {
     "data-testid": "success-icon",
-    className: j[`${Ct}__success-icon`],
+    className: q[`${wt}__success-icon`],
     children: /* @__PURE__ */ t(P, { source: Sa })
   }
 ) : e === "error" ? /* @__PURE__ */ t(
   "div",
   {
     "data-testid": "error-icon",
-    className: j[`${Ct}__error-icon`],
+    className: q[`${wt}__error-icon`],
     children: /* @__PURE__ */ t(P, { source: O_ })
   }
 ) : /* @__PURE__ */ t(
   Ql,
   {
-    className: j[`${Ct}__loader`],
+    className: q[`${wt}__loader`],
     status: e,
     progressValue: a
   }
@@ -8281,76 +8275,76 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
   errorMessage: n,
   status: i = "normal",
   icon: l,
-  size: d,
+  size: s,
   mode: c = "multiple",
-  onCloseButtonClick: s,
-  onRetryButtonClick: g
+  onCloseButtonClick: d,
+  onRetryButtonClick: m
 }) => {
-  const [m, v] = p.useState(_ || !1), h = i === "error", b = i === "success", y = u(j[Ne], a, {
-    [j[`${Ne}--error`]]: h,
-    [j[`${Ne}--success`]]: b
-  }), C = !(h && (g || s)), N = () => v(!m);
-  return c === "single" ? /* @__PURE__ */ t("div", { className: y, children: /* @__PURE__ */ f("div", { className: j[`${Ne}__wrapper`], children: [
-    /* @__PURE__ */ t("div", { className: j[`${Ct}`], children: /* @__PURE__ */ t(
+  const [p, v] = g.useState(_ || !1), h = i === "error", b = i === "success", y = u(q[Ne], a, {
+    [q[`${Ne}--error`]]: h,
+    [q[`${Ne}--success`]]: b
+  }), C = !(h && (m || d)), N = () => v(!p);
+  return c === "single" ? /* @__PURE__ */ t("div", { className: y, children: /* @__PURE__ */ f("div", { className: q[`${Ne}__wrapper`], children: [
+    /* @__PURE__ */ t("div", { className: q[`${wt}`], children: /* @__PURE__ */ t(
       Fc,
       {
         title: h && n || o,
         progressValue: r,
         status: i,
         icon: l,
-        size: d
+        size: s
       }
     ) }),
     i === "error" && /* @__PURE__ */ t(
       Gr,
       {
         status: i,
-        onCloseButtonClick: s,
-        onRetryButtonClick: g
+        onCloseButtonClick: d,
+        onRetryButtonClick: m
       }
     )
   ] }) }) : /* @__PURE__ */ f("div", { className: y, children: [
     /* @__PURE__ */ t(
       "div",
       {
-        className: j[`${Ne}__wrapper`],
+        className: q[`${Ne}__wrapper`],
         onClick: N,
-        children: /* @__PURE__ */ f("div", { className: j[`${Ct}`], children: [
-          /* @__PURE__ */ t("div", { className: j[`${Ct}__icon`], children: Mc(i, r) }),
-          /* @__PURE__ */ t("div", { className: j[`${Ct}__title`], children: /* @__PURE__ */ t(A, { size: "sm", as: "div", children: h ? n : o }) }),
+        children: /* @__PURE__ */ f("div", { className: q[`${wt}`], children: [
+          /* @__PURE__ */ t("div", { className: q[`${wt}__icon`], children: Mc(i, r) }),
+          /* @__PURE__ */ t("div", { className: q[`${wt}__title`], children: /* @__PURE__ */ t(A, { size: "sm", as: "div", children: h ? n : o }) }),
           C && /* @__PURE__ */ t(
             "button",
             {
-              className: j[`${Ct}__collapse-button`],
+              className: q[`${wt}__collapse-button`],
               type: "button",
               "aria-label": "Collapse button",
               onClick: N,
-              children: m ? /* @__PURE__ */ t(P, { source: lr }) : /* @__PURE__ */ t(P, { source: Ht })
+              children: p ? /* @__PURE__ */ t(P, { source: lr }) : /* @__PURE__ */ t(P, { source: Ht })
             }
           ),
-          i === "error" && /* @__PURE__ */ t("div", { className: j[`${Ct}__actions-container`], children: /* @__PURE__ */ t(
+          i === "error" && /* @__PURE__ */ t("div", { className: q[`${wt}__actions-container`], children: /* @__PURE__ */ t(
             Gr,
             {
               status: i,
-              onCloseButtonClick: s,
-              onRetryButtonClick: g
+              onCloseButtonClick: d,
+              onRetryButtonClick: m
             }
           ) })
         ] })
       }
     ),
-    /* @__PURE__ */ t(Ro, { component: null, children: m && /* @__PURE__ */ t(
+    /* @__PURE__ */ t(Ro, { component: null, children: p && /* @__PURE__ */ t(
       Mo,
       {
         timeout: Rc,
         classNames: {
-          enter: j[`${Ne}__files--enter`],
-          enterActive: j[`${Ne}__files--enter-active`],
-          exit: j[`${Ne}__files--exit`],
-          exitActive: j[`${Ne}__files--exit-active`],
-          exitDone: j[`${Ne}__files--exit-done`]
+          enter: q[`${Ne}__files--enter`],
+          enterActive: q[`${Ne}__files--enter-active`],
+          exit: q[`${Ne}__files--exit`],
+          exitActive: q[`${Ne}__files--exit-active`],
+          exitDone: q[`${Ne}__files--exit-done`]
         },
-        children: /* @__PURE__ */ t("div", { className: j[`${Ne}__files`], children: /* @__PURE__ */ t("div", { className: j[`${Ne}__files-wrapper`], children: /* @__PURE__ */ t("div", { className: j[`${Ne}__files__list`], children: e }) }) })
+        children: /* @__PURE__ */ t("div", { className: q[`${Ne}__files`], children: /* @__PURE__ */ t("div", { className: q[`${Ne}__files-wrapper`], children: /* @__PURE__ */ t("div", { className: q[`${Ne}__files__list`], children: e }) }) })
       }
     ) })
   ] });
@@ -8374,7 +8368,7 @@ export {
   Ss as AutoComplete,
   Jo as Avatar,
   rr as Badge,
-  q as Button,
+  j as Button,
   Es as Card,
   $i as Checkbox,
   ul as DatePicker,