@livechat/design-system-react-components 2.2.0 → 2.2.1

package/dist/index.js

@@ -774,8 +774,8 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     className: d,
     customColor: c,
     textAlign: s,
-    noMargin: g
-  } = m, p = F(m, [
+    noMargin: p
+  } = m, g = F(m, [
     "as",
     "size",
     "caps",
@@ -800,12 +800,12 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
           [Ze[`${b}--strike`]]: i,
           [Ze[`${b}--underline`]]: n,
           [Ze[`${b}--uppercase`]]: o || r,
-          [Ze[`${b}--no-margin`]]: g
+          [Ze[`${b}--no-margin`]]: p
         },
         d
       ),
       style: k(k({}, c && { color: c }), s && { textAlign: s })
-    }, p),
+    }, g),
     l
   );
 }, es = (d) => {
@@ -879,10 +879,10 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     }
   );
   return h.useEffect(() => {
-    const g = r ? o.current : _.current;
-    if (g) {
-      const p = g.getBoundingClientRect().height;
-      i(p);
+    const p = r ? o.current : _.current;
+    if (p) {
+      const g = p.getBoundingClientRect().height;
+      i(g);
     }
   }, [r, d, s]), /* @__PURE__ */ f(
     "div",
@@ -935,7 +935,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
   accordion__content__inner: cn,
   "accordion__content__inner--open": "lc-Accordion-module__accordion__content__inner--open___BhKjm"
 }, ut = "accordion", ts = (s) => {
-  var g = s, {
+  var p = s, {
     className: e,
     children: t,
     label: r,
@@ -945,7 +945,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     isOpen: i,
     onClose: l,
     onOpen: d
-  } = g, c = F(g, [
+  } = p, c = F(p, [
     "className",
     "children",
     "label",
@@ -956,7 +956,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     "onClose",
     "onOpen"
   ]);
-  const p = i !== void 0, v = p ? i : n, m = h.useRef(null), {
+  const g = i !== void 0, v = g ? i : n, m = h.useRef(null), {
     isOpen: b,
     isMounted: C,
     setIsOpen: N
@@ -971,7 +971,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     },
     e
   ), { size: S, handleResizeRef: x } = Oo(), B = (w) => {
-    w ? (l == null || l(), !p && N(!1)) : (d == null || d(), !p && N(!0));
+    w ? (l == null || l(), !g && N(!1)) : (d == null || d(), !g && N(!0));
   };
   return /* @__PURE__ */ f(
     "div",
@@ -1063,8 +1063,8 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     visible: d,
     onClose: c,
     onOpen: s,
-    floatingStrategy: g,
-    selectedOptions: p,
+    floatingStrategy: p,
+    selectedOptions: g,
     footer: v
   } = C, m = F(C, [
     "className",
@@ -1097,7 +1097,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
     ],
     placement: _,
     open: G,
-    strategy: g,
+    strategy: p,
     onOpenChange: I,
     whileElementsMounted: Ia
   }), K = Ta(H), Me = Aa(H, {
@@ -1162,11 +1162,11 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
       className: u(Je[`${et}__list__item`], {
         [Je[`${et}__list__item--disabled`]]: M.disabled,
         [Je[`${et}__list__item--with-divider`]]: M.withDivider,
-        [Je[`${et}__list__item--selected`]]: p == null ? void 0 : p.includes(M.key)
+        [Je[`${et}__list__item--selected`]]: g == null ? void 0 : g.includes(M.key)
       }),
       children: [
         M.element,
-        (p == null ? void 0 : p.includes(M.key)) && /* @__PURE__ */ a(
+        (g == null ? void 0 : g.includes(M.key)) && /* @__PURE__ */ a(
           "div",
           {
             "data-testid": `${M.key}-selected-icon`,
@@ -1360,8 +1360,8 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
       loaderLabel: d,
       className: c,
       children: s,
-      href: g,
-      onClick: p,
+      href: p,
+      onClick: g,
       animatedLabel: v
     } = N, m = F(N, [
       "loading",
@@ -1379,7 +1379,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
       "onClick",
       "animatedLabel"
     ]);
-    const [$, S] = h.useState(0), [x, B] = h.useState(!1), y = e || t, w = !s && i, T = v && s && i, R = ["text", "link", "link-light"].includes(_), G = g ? "a" : "button", I = u(
+    const [$, S] = h.useState(0), [x, B] = h.useState(!1), y = e || t, w = !s && i, T = v && s && i, R = ["text", "link", "link-light"].includes(_), G = p ? "a" : "button", I = u(
       se[de],
       se[`${de}--${_}`],
       se[`${de}--${n}`],
@@ -1403,7 +1403,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
         "aria-disabled": y,
         type: r,
         disabled: y
-      }, !y && { href: g, onClick: p }), m), T && {
+      }, !y && { href: p, onClick: g }), m), T && {
         onMouseEnter: (D) => _o(
           D,
           () => B(!0),
@@ -1540,8 +1540,8 @@ const Cn = (e) => {
   fullSpaceContent: d,
   onClose: c,
   onOpen: s,
-  withFadeAnimation: g = !0,
-  transitionDuration: p = 200,
+  withFadeAnimation: p = !0,
+  transitionDuration: g = 200,
   hoverOnDuration: v,
   hoverOffDuration: m,
   transitionDelay: b = 0,
@@ -1568,7 +1568,7 @@ const Cn = (e) => {
     d && O[`${Oa}--full-space`]
   ), nt = typeof o == "function", Qe = (xe) => {
     xe !== Oe && (xe ? s == null || s() : c == null || c(), !V && K(xe));
-  }, it = (xe) => g ? xe != null ? xe : p : 0, lt = (xe) => xe != null ? xe : b, {
+  }, it = (xe) => p ? xe != null ? xe : g : 0, lt = (xe) => xe != null ? xe : b, {
     floatingStyles: ct,
     refs: M,
     context: W,
@@ -1887,7 +1887,7 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
     shouldSlide: _ = !0
   } = e, [n, i] = h.useState(
     null
-  ), [l, d] = h.useState(null), [c, s] = h.useState(_), g = () => {
+  ), [l, d] = h.useState(null), [c, s] = h.useState(_), p = () => {
     n && (d(
       lo(
         n,
@@ -1897,13 +1897,13 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
   };
   return h.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", p), window.addEventListener("scroll", p), () => {
+        window.removeEventListener("resize", p), window.removeEventListener("scroll", p);
       };
   }, [n]), h.useEffect(() => {
     if (r) {
-      const p = document.querySelector(r);
-      i(p);
+      const g = document.querySelector(r);
+      i(g);
     }
   }, [r]), h.useEffect(() => {
     n && d(
@@ -2041,7 +2041,7 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
 }) => {
   const [l, d] = h.useState(
     o.length
-  ), [c, s] = h.useState([]), [g, p] = h.useState(!1), v = r === "scroll", m = u(
+  ), [c, s] = h.useState([]), [p, g] = h.useState(!1), v = r === "scroll", m = u(
     Q[La],
     e,
     n && Q[`${La}--vertical`]
@@ -2104,8 +2104,8 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
           Lo,
           {
             selectedOptions: _ ? [_] : [],
-            onOpen: () => p(!0),
-            onClose: () => p(!1),
+            onOpen: () => g(!0),
+            onClose: () => g(!1),
             floatingStrategy: "fixed",
             placement: n ? "left-start" : "bottom-end",
             options: C(),
@@ -2127,7 +2127,7 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
                     kind: "primary",
                     className: u(
                       Q[`${pt}__button__icon`],
-                      g && Q[`${pt}__button__icon--open`]
+                      p && Q[`${pt}__button__icon--open`]
                     )
                   }
                 ),
@@ -2254,7 +2254,7 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
     "kind",
     "onClose"
   ]);
-  const c = h.useRef(null), [s, g] = h.useState(null), p = u(
+  const c = h.useRef(null), [s, p] = h.useState(null), g = u(
     Ae[De],
     Ae[`${De}--${_}`],
     s === "large" && Ae[`${De}--large`],
@@ -2263,11 +2263,11 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
     t
   );
   return h.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"), m = To(() => {
+    const v = () => c.current && c.current.offsetWidth <= 400 ? p("small") : c.current && c.current.offsetWidth > 400 && c.current.offsetWidth <= 800 ? p("medium") : p("large"), m = To(() => {
       v();
     }, 500);
     return window.addEventListener("resize", m), v(), () => window.removeEventListener("resize", m);
-  }), /* @__PURE__ */ f("div", E(k({ ref: c, className: p }, i), { children: [
+  }), /* @__PURE__ */ f("div", E(k({ ref: c, className: g }, i), { children: [
     /* @__PURE__ */ f("div", { className: Ae[`${De}__content`], children: [
       /* @__PURE__ */ f("div", { className: Ae[`${De}__content__wrapper`], children: [
         /* @__PURE__ */ a(
@@ -2336,19 +2336,19 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
     sideNavigationContainerClassName: d,
     contentClassName: c,
     mobileViewBreakpoint: s = 705
-  } = e, g = u(Pe[zo], r), {
-    isSideNavigationVisible: p,
+  } = e, p = u(Pe[zo], r), {
+    isSideNavigationVisible: g,
     setIsMobileViewEnabled: v,
     isMobileViewEnabled: m
   } = Ro(), b = h.useRef(null), { isOpen: C, isMounted: N } = Lt({
-    isVisible: p,
+    isVisible: g,
     elementRef: b
   }), { isMobile: $, handleResizeRef: S } = q_({
     mobileBreakpoint: s
   });
   return h.useEffect(() => {
     v($);
-  }, [$]), /* @__PURE__ */ f("div", { className: g, ref: S, children: [
+  }, [$]), /* @__PURE__ */ f("div", { className: p, ref: S, children: [
     !m && o,
     /* @__PURE__ */ f(
       "div",
@@ -2478,8 +2478,8 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
   "side-navigation-item__label": "lc-SideNavigationItem-module__side-navigation-item__label___dpMyX",
   "side-navigation-item__label--active": "lc-SideNavigationItem-module__side-navigation-item__label--active___4vImp",
   "side-navigation-item__custom-label--active": "lc-SideNavigationItem-module__side-navigation-item__custom-label--active___UWDu9"
-}, Ue = "side-navigation-item", Vn = (p) => {
-  var v = p, {
+}, Ue = "side-navigation-item", Vn = (g) => {
+  var v = g, {
     leftNode: e,
     shouldKeepIconSpace: t = !0,
     url: r,
@@ -2491,7 +2491,7 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
     isMainEntry: d,
     onItemHover: c,
     isIconHidden: s
-  } = v, g = F(v, [
+  } = v, p = F(v, [
     "leftNode",
     "shouldKeepIconSpace",
     "url",
@@ -2515,7 +2515,7 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
       className: u([Ge[Ue], _]),
       "data-testid": l ? Hn : Un,
       "data-active": l
-    }, g), {
+    }, p), {
       children: /* @__PURE__ */ f(
         "a",
         {
@@ -2584,7 +2584,7 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
   shouldOpenOnInit: i = !1,
   shouldOpenOnActive: l = !1
 }) => {
-  const [d, c] = h.useState(!1), [s, g] = h.useState(0), p = h.useRef(!1), v = h.useRef(null), { isOpen: m, isMounted: b, setIsOpen: C } = Lt({
+  const [d, c] = h.useState(!1), [s, p] = h.useState(0), g = h.useRef(!1), v = h.useRef(null), { isOpen: m, isMounted: b, setIsOpen: C } = Lt({
     isVisible: !_ || i,
     elementRef: v
   }), N = typeof t == "function" ? t(m) : t, $ = typeof e == "function" ? e(m) : e, S = () => C(!0), x = () => {
@@ -2595,10 +2595,10 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
     ) : !1;
     c(T);
     const R = ((w == null ? void 0 : w.length) || 0) * Wn;
-    g(R);
+    p(R);
   };
   return h.useEffect(() => {
-    l && (!p.current && d && S(), p.current = d);
+    l && (!g.current && d && S(), g.current = d);
   }, [d, l]), /* @__PURE__ */ f("div", { "data-testid": "side-navigation-group", className: xt[St], children: [
     _ ? /* @__PURE__ */ a(
       Vn,
@@ -2741,8 +2741,8 @@ const Yn = "lc-Badge-module__badge___ZbEBU", Xn = "lc-Badge-module__badge__dot__
     size: "compact",
     type: e
   }
-), ms = (g) => {
-  var p = g, {
+), ms = (p) => {
+  var g = p, {
     id: e,
     label: t,
     icon: r,
@@ -2753,7 +2753,7 @@ const Yn = "lc-Badge-module__badge___ZbEBU", Xn = "lc-Badge-module__badge__dot__
     isActive: l,
     onClick: d,
     className: c
-  } = p, s = F(p, [
+  } = g, s = F(g, [
     "id",
     "label",
     "icon",
@@ -2878,17 +2878,17 @@ const Yn = "lc-Badge-module__badge___ZbEBU", Xn = "lc-Badge-module__badge__dot__
   const l = h.useRef(null), { isMounted: d, isOpen: c } = Lt({
     isVisible: i,
     elementRef: l
-  }), s = window.matchMedia("(max-width: 768px)").matches, g = t === "warning" ? "link-inverted" : "text", p = t === "warning" ? "plain-lock-black" : "high-contrast", v = _ || n ? /* @__PURE__ */ f("div", { className: ot[`${Bt}__cta-wrapper`], children: [
+  }), s = window.matchMedia("(max-width: 768px)").matches, p = t === "warning" ? "link-inverted" : "text", g = t === "warning" ? "plain-lock-black" : "high-contrast", v = _ || n ? /* @__PURE__ */ f("div", { className: ot[`${Bt}__cta-wrapper`], children: [
     _ && /* @__PURE__ */ a(
       q,
       E(k({
         size: "compact",
-        kind: s ? g : p
+        kind: s ? p : g
       }, _), {
         children: _.label
       })
     ),
-    n && /* @__PURE__ */ a(q, E(k({ size: "compact", kind: g }, n), { children: n.label }))
+    n && /* @__PURE__ */ a(q, E(k({ size: "compact", kind: p }, n), { children: n.label }))
   ] }) : null, m = /* @__PURE__ */ f(ae, { children: [
     /* @__PURE__ */ f("div", { className: ot[`${Bt}__children-wrapper`], children: [
       o,
@@ -3026,13 +3026,13 @@ const Ha = {
     ]);
     const s = h.useRef(null);
     h.useImperativeHandle(l, () => s.current, []);
-    const [g, p] = h.useState(!1), [v, m] = h.useState(!1), { type: b, onFocus: C, onBlur: N } = i, $ = u(
+    const [p, g] = h.useState(!1), [v, m] = h.useState(!1), { type: b, onFocus: C, onBlur: N } = i, $ = u(
       _,
       Ye[Xe],
       Ye[`${Xe}--${e}`],
       {
         [Ye[`${Xe}--disabled`]]: r,
-        [Ye[`${Xe}--focused`]]: g,
+        [Ye[`${Xe}--focused`]]: p,
         [Ye[`${Xe}--error`]]: t,
         [Ye[`${Xe}--crop`]]: n,
         [Ye[`${Xe}--read-only`]]: i.readOnly
@@ -3056,10 +3056,10 @@ const Ha = {
             E(k({}, i), {
               ref: s,
               onFocus: (T) => {
-                p(!0), C == null || C(T);
+                g(!0), C == null || C(T);
               },
               onBlur: (T) => {
-                p(!1), N == null || N(T);
+                g(!1), N == null || N(T);
               },
               disabled: r,
               type: b && !v ? b : "text"
@@ -3167,8 +3167,8 @@ const Qt = "select-all", ni = (e, t) => {
   numberOfItems: l
 }) => {
   const d = (s) => {
-    var g;
-    return (g = s == null ? void 0 : s.customElement) != null && g.listItemBody ? /* @__PURE__ */ a("div", { className: ye[`${He}__custom`], children: s.customElement.listItemBody }) : /* @__PURE__ */ f(ae, { children: [
+    var p;
+    return (p = s == null ? void 0 : s.customElement) != null && p.listItemBody ? /* @__PURE__ */ a("div", { className: ye[`${He}__custom`], children: s.customElement.listItemBody }) : /* @__PURE__ */ f(ae, { children: [
       s.showCheckbox && /* @__PURE__ */ a(
         hi,
         {
@@ -3283,8 +3283,8 @@ const Qt = "select-all", ni = (e, t) => {
   isPositioned: d,
   searchDisabled: c,
   onItemRemove: s,
-  setPointer: g,
-  onSelect: p,
+  setPointer: p,
+  onSelect: g,
   getFloatingProps: v,
   getItemProps: m,
   emptyStateText: b = "No results found",
@@ -3337,13 +3337,13 @@ const Qt = "select-all", ni = (e, t) => {
           className: la["listbox-wrapper"]
         }, v({
           onKeyDown(I) {
-            g(!1), I.key === "Enter" && n !== null && p(_[n].key), (I.key === "Backspace" || I.key === "Delete") && G(), I.key === " " && I.preventDefault();
+            p(!1), I.key === "Enter" && n !== null && g(_[n].key), (I.key === "Backspace" || I.key === "Delete") && G(), I.key === " " && I.preventDefault();
           },
           onKeyUp(I) {
-            I.key === " " && n !== null && p(_[n].key);
+            I.key === " " && n !== null && g(_[n].key);
           },
           onPointerMove() {
-            g(!0);
+            p(!0);
           }
         })), {
           children: /* @__PURE__ */ a(
@@ -3363,7 +3363,7 @@ const Qt = "select-all", ni = (e, t) => {
                   listElementsRef: l,
                   isActive: n === I,
                   isSelected: R(D.key),
-                  onSelect: p,
+                  onSelect: g,
                   item: D,
                   numberOfItems: w
                 }
@@ -3404,8 +3404,8 @@ const Qt = "select-all", ni = (e, t) => {
   isRequired: d,
   isOpen: c,
   isError: s,
-  onClear: g,
-  children: p,
+  onClear: p,
+  children: g,
   setTriggerFocus: v
 }) => {
   const m = u(
@@ -3417,7 +3417,7 @@ const Qt = "select-all", ni = (e, t) => {
     c && Ce[`${be}--focused`],
     s && Ce[`${be}--error`]
   ), b = !i && n && !l && !d, C = (N) => {
-    N.stopPropagation(), g();
+    N.stopPropagation(), p();
   };
   return h.useEffect(() => {
     c || v(!1);
@@ -3444,7 +3444,7 @@ const Qt = "select-all", ni = (e, t) => {
               Ce[`${be}__content--${o}`],
               _ && n && Ce[`${be}__content--with-items`]
             ),
-            children: p
+            children: g
           }
         ),
         /* @__PURE__ */ f(
@@ -3526,8 +3526,8 @@ const Qt = "select-all", ni = (e, t) => {
     leftNode: d,
     rightNode: c,
     customColor: s,
-    iconOnly: g = !1,
-    value: p
+    iconOnly: p = !1,
+    value: g
   } = b, v = F(b, [
     "className",
     "children",
@@ -3543,7 +3543,7 @@ const Qt = "select-all", ni = (e, t) => {
     "iconOnly",
     "value"
   ]);
-  const C = r || i && g, N = u(
+  const C = r || i && p, N = u(
     Se[Be],
     e,
     Se[`${Be}--${_}`],
@@ -3551,7 +3551,7 @@ const Qt = "select-all", ni = (e, t) => {
     {
       [Se[`${Be}--outline`]]: l,
       [Se[`${Be}--${$i(s)}`]]: !!s,
-      [Se[`${Be}--icon-only`]]: g,
+      [Se[`${Be}--icon-only`]]: p,
       [Se[`${Be}--dismissible-on-hover`]]: C
     }
   ), $ = _ === "small" ? "small" : "medium", S = _ === "small" ? "sm" : "md", x = () => s ? l ? {
@@ -3573,7 +3573,7 @@ const Qt = "select-all", ni = (e, t) => {
       size: S,
       children: [
         /* @__PURE__ */ f("div", { className: Se[`${Be}__content-wrapper`], children: [
-          d && !g && /* @__PURE__ */ a(
+          d && !p && /* @__PURE__ */ a(
             "div",
             {
               "data-testid": "lc-tag-left-node",
@@ -3582,8 +3582,8 @@ const Qt = "select-all", ni = (e, t) => {
               children: d
             }
           ),
-          /* @__PURE__ */ a("div", { className: Se[`${Be}__content`], children: p || t }),
-          c && !g && /* @__PURE__ */ a(
+          /* @__PURE__ */ a("div", { className: Se[`${Be}__content`], children: g || t }),
+          c && !p && /* @__PURE__ */ a(
             "div",
             {
               "data-testid": "lc-tag-right-node",
@@ -3648,8 +3648,8 @@ const Qt = "select-all", ni = (e, t) => {
   onItemRemove: d,
   onSelect: c,
   onFilter: s,
-  onClear: g,
-  searchPhrase: p,
+  onClear: p,
+  searchPhrase: g,
   virtualItemRef: v,
   isTriggerFocused: m,
   inputRef: b,
@@ -3660,7 +3660,7 @@ const Qt = "select-all", ni = (e, t) => {
     i && b != null && b.current && b.current.focus();
   }, [_, i]);
   const $ = (w) => {
-    w.key === "Backspace" && _ && _.length > 0 && (w.preventDefault(), n === "multi" ? d(_[_.length - 1].key) : g()), w.key === "Delete" && (w.preventDefault(), g());
+    w.key === "Backspace" && _ && _.length > 0 && (w.preventDefault(), n === "multi" ? d(_[_.length - 1].key) : p()), w.key === "Delete" && (w.preventDefault(), p());
   };
   h.useEffect(() => (!e && m ? document.addEventListener("keydown", $) : document.removeEventListener("keydown", $), () => document.removeEventListener("keydown", $)), [e, _, m]);
   const S = (w) => {
@@ -3685,7 +3685,7 @@ const Qt = "select-all", ni = (e, t) => {
     ] });
   }, x = (w) => s(w.target.value), B = (w) => {
     var T, R;
-    (T = v.current) != null && T.id && w.key === "Enter" && c((R = v.current) == null ? void 0 : R.id), n === "multi" && (w.key === "Backspace" || w.key === "Delete") && !p && _ && (_ == null ? void 0 : _.length) > 0 && d(_[_.length - 1].key);
+    (T = v.current) != null && T.id && w.key === "Enter" && c((R = v.current) == null ? void 0 : R.id), n === "multi" && (w.key === "Backspace" || w.key === "Delete") && !g && _ && (_ == null ? void 0 : _.length) > 0 && d(_[_.length - 1].key);
   }, y = () => /* @__PURE__ */ a(
     "input",
     E(k({}, C), {
@@ -3698,7 +3698,7 @@ const Qt = "select-all", ni = (e, t) => {
       onChange: x,
       onKeyDown: B,
       autoFocus: !0,
-      value: p
+      value: g
     })
   );
   return !_ || _.length === 0 ? N ? y() : /* @__PURE__ */ a(
@@ -3749,12 +3749,12 @@ const Qt = "select-all", ni = (e, t) => {
   onVisibilityChange: c,
   searchPhrase: s
 }) => {
-  const g = Sa(), [p, v] = h.useState(!1), [m, b] = h.useState(null), [C, N] = h.useState(_), $ = h.useRef([]), S = h.useRef(null);
+  const p = Sa(), [g, v] = h.useState(!1), [m, b] = h.useState(null), [C, N] = h.useState(_), $ = h.useRef([]), S = h.useRef(null);
   h.useEffect(() => {
     S.current = null, b(null);
   }, [s]);
   const { refs: x, floatingStyles: B, context: y, isPositioned: w } = Ba({
-    nodeId: g,
+    nodeId: p,
     open: d,
     strategy: n,
     onOpenChange: c,
@@ -3798,7 +3798,7 @@ const Qt = "select-all", ni = (e, t) => {
   }), { getReferenceProps: D, getFloatingProps: z, getItemProps: he } = Pa(
     [T, G, R, I]
   );
-  return !d && p && v(!1), {
+  return !d && g && v(!1), {
     getReferenceProps: D,
     getFloatingProps: z,
     getItemProps: he,
@@ -3806,13 +3806,13 @@ const Qt = "select-all", ni = (e, t) => {
     floatingStyles: B,
     isPositioned: w,
     context: y,
-    nodeId: g,
+    nodeId: p,
     setFloating: x.setFloating,
     activeIndex: m,
     listElementsRef: $,
     virtualItemRef: S,
     maxHeight: C,
-    pointer: p,
+    pointer: g,
     setPointer: v
   };
 }, jo = ({
@@ -3827,18 +3827,18 @@ const Qt = "select-all", ni = (e, t) => {
 }) => {
   const [d, c] = h.useState(
     () => (e == null ? void 0 : e.map(hr)) || []
-  ), s = e !== void 0, g = s ? (e == null ? void 0 : e.map(hr)) || [] : d, [p, v] = h.useState(""), m = (x) => v(x), b = (x) => S(x), C = () => {
+  ), s = e !== void 0, p = s ? (e == null ? void 0 : e.map(hr)) || [] : d, [g, v] = h.useState(""), m = (x) => v(x), b = (x) => S(x), C = () => {
     !s && c([]), _(null), v(""), n(!1);
   }, N = () => {
     m(""), l.current && (l.current.value = "");
   }, $ = h.useMemo(() => {
     const x = r === "multi" && o;
     let B = t;
-    return p && (B = B.filter((y) => {
+    return g && (B = B.filter((y) => {
       var G;
       if (y.groupHeader)
         return !1;
-      const w = p.toLowerCase(), T = y.name.toLowerCase(), R = (G = y.secondaryText) == null ? void 0 : G.toLowerCase();
+      const w = g.toLowerCase(), T = y.name.toLowerCase(), R = (G = y.secondaryText) == null ? void 0 : G.toLowerCase();
       return T.includes(w) || (R == null ? void 0 : R.includes(w));
     })), x && B.length > 1 && (B = [
       {
@@ -3847,13 +3847,13 @@ const Qt = "select-all", ni = (e, t) => {
       },
       ...B
     ]), B;
-  }, [p, t, r, o]), S = (x) => {
+  }, [g, t, r, o]), S = (x) => {
     const B = t.find((y) => y.key === x);
     if (!((!B || B.disabled) && x !== Qt))
       if (r === "single")
         c(() => (B && _([B]), [x])), n(!1);
       else if (x === Qt)
-        g.length === Dr(t).length ? c(() => (_(null), [])) : c(() => {
+        p.length === Dr(t).length ? c(() => (_(null), [])) : c(() => {
           const y = Dr(t);
           return _(y), y.map(({ key: w }) => w);
         });
@@ -3870,9 +3870,9 @@ const Qt = "select-all", ni = (e, t) => {
       }
   };
   return {
-    selectedKeys: g,
+    selectedKeys: p,
     items: $,
-    searchPhrase: p,
+    searchPhrase: g,
     handleSelect: S,
     handleOnFilter: m,
     handleItemRemove: b,
@@ -3893,8 +3893,8 @@ const Qt = "select-all", ni = (e, t) => {
     selected: d,
     size: c = "medium",
     placeholder: s = "Select option",
-    isRequired: g,
-    noSearchResultText: p = "No results found",
+    isRequired: p,
+    noSearchResultText: g = "No results found",
     selectAllOptionText: v,
     type: m = "single",
     searchDisabled: b = !1,
@@ -4003,7 +4003,7 @@ const Qt = "select-all", ni = (e, t) => {
         hideClearButton: C,
         isDisabled: n,
         isError: i,
-        isRequired: g,
+        isRequired: p,
         isMultiSelect: m === "multi",
         size: c,
         setTriggerFocus: Oe,
@@ -4051,7 +4051,7 @@ const Qt = "select-all", ni = (e, t) => {
         onSelect: lt,
         getFloatingProps: Ht,
         getItemProps: zt,
-        emptyStateText: p,
+        emptyStateText: g,
         virtuosoProps: I
       }
     ) }) })
@@ -4071,7 +4071,7 @@ const Qt = "select-all", ni = (e, t) => {
   const _ = e.length === 1 && e[0].name === o, n = t ? e.slice(0, 1) : e;
   return r && _ ? [] : n;
 }, bs = h.forwardRef(
-  (v, p) => {
+  (v, g) => {
     var m = v, {
       disabled: e,
       minListHeight: t = Ko,
@@ -4084,7 +4084,7 @@ const Qt = "select-all", ni = (e, t) => {
       single: d,
       alwaysShowAllOptions: c,
       hideIfExactMatch: s = !0
-    } = m, g = F(m, [
+    } = m, p = F(m, [
       "disabled",
       "minListHeight",
       "maxListHeight",
@@ -4098,8 +4098,8 @@ const Qt = "select-all", ni = (e, t) => {
       "hideIfExactMatch"
     ]);
     const b = h.useRef(null);
-    h.useImperativeHandle(p, () => b.current, []);
-    const [C, N] = h.useState(""), S = g.value !== void 0 ? g.value : C, [x, B] = h.useState(
+    h.useImperativeHandle(g, () => b.current, []);
+    const [C, N] = h.useState(""), S = p.value !== void 0 ? p.value : C, [x, B] = h.useState(
       o
     ), y = (Y) => {
       B(Y);
@@ -4107,11 +4107,11 @@ const Qt = "select-all", ni = (e, t) => {
       he(Y);
     }, T = (Y) => {
       var ne, st;
-      (ne = g.onChange) == null || ne.call(g, Y), N(Y.target.value), c || w(Y.target.value), (st = b.current) == null || st.focus();
+      (ne = p.onChange) == null || ne.call(p, Y), N(Y.target.value), c || w(Y.target.value), (st = b.current) == null || st.focus();
     }, R = (Y) => {
       var st, Ht, zt;
       const ne = Y.key === "Enter";
-      (st = ct.current) != null && st.id && ne && (G([{ key: (Ht = ct.current) == null ? void 0 : Ht.id }]), Y.preventDefault()), ne || y(!0), (zt = g.onKeyDown) == null || zt.call(g, Y);
+      (st = ct.current) != null && st.id && ne && (G([{ key: (Ht = ct.current) == null ? void 0 : Ht.id }]), Y.preventDefault()), ne || y(!0), (zt = p.onKeyDown) == null || zt.call(p, Y);
     }, G = (Y) => {
       if (Y) {
         const ne = Y[0].key;
@@ -4164,7 +4164,7 @@ const Qt = "select-all", ni = (e, t) => {
     return /* @__PURE__ */ f("div", E(k({ ref: lt }, Te()), { children: [
       /* @__PURE__ */ a(
         oi,
-        E(k({}, g), {
+        E(k({}, p), {
           ref: b,
           onChange: T,
           onKeyDown: R,
@@ -4273,8 +4273,8 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
   "avatar--xlarge": "lc-Avatar-module__avatar--xlarge___hjIy5",
   "avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___AjkHw",
   "avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___4Hhp9"
-}, ue = "avatar", Qo = (p) => {
-  var v = p, {
+}, ue = "avatar", Qo = (g) => {
+  var v = g, {
     alt: e,
     className: t,
     color: r,
@@ -4286,7 +4286,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
     type: d,
     withRim: c = !1,
     style: s
-  } = v, g = F(v, [
+  } = v, p = F(v, [
     "alt",
     "className",
     "color",
@@ -4323,7 +4323,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
     E(k({
       className: R,
       style: k(k({}, T), s)
-    }, g), {
+    }, p), {
       children: [
         c && /* @__PURE__ */ a(
           "div",
@@ -4390,9 +4390,9 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
   h.useEffect(() => {
     s && c(_);
   }, [_]);
-  const g = (v, m) => {
+  const p = (v, m) => {
     s || c(v), i(v, m);
-  }, p = t.map(({ id: v, label: m, loading: b, disabled: C, icon: N }) => {
+  }, g = t.map(({ id: v, label: m, loading: b, disabled: C, icon: N }) => {
     const $ = v === d, S = $ ? Va["btn--active"] : "";
     return /* @__PURE__ */ a(
       q,
@@ -4405,14 +4405,14 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
         icon: N,
         className: u(Va.btn, Va[`btn--${e}`], S),
         onClick: (B) => {
-          g(v, B);
+          p(v, B);
         },
         children: m
       },
       v
     );
   });
-  return /* @__PURE__ */ a("div", { role: "group", className: l, children: p });
+  return /* @__PURE__ */ a("div", { role: "group", className: l, children: g });
 }, Ui = "lc-Card-module__card___LzN-3", Hi = "lc-Card-module__card__header___SRONR", zi = "lc-Card-module__card__header__image___93pD4", Vi = "lc-Card-module__card__header__heading___jK55U", Wi = "lc-Card-module__card__header__heading__title___5090w", Ki = "lc-Card-module__card__header__heading__description___iVYoq", Yi = "lc-Card-module__card__content___9G1YM", Xi = "lc-Card-module__card__actions___gp-xf", Zi = "lc-Card-module__card__actions__line___C6TI0", qi = "lc-Card-module__card__actions__buttons___XJlFJ", Ie = {
   card: Ui,
   card__header: Hi,
@@ -4447,7 +4447,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
     "src",
     "title"
   ]);
-  const [g, p] = h.useState(!1), v = g ? rr : Ut, m = g ? "Hide" : "Show more", b = (t == null ? void 0 : t.length) > 0, C = !!n, N = b || C, $ = l, S = i, x = S ? "" : Ie[ji];
+  const [p, g] = h.useState(!1), v = p ? rr : Ut, m = p ? "Hide" : "Show more", b = (t == null ? void 0 : t.length) > 0, C = !!n, N = b || C, $ = l, S = i, x = S ? "" : Ie[ji];
   return /* @__PURE__ */ f("div", E(k({ className: u(Ie[wa], o) }, d), { children: [
     $ && /* @__PURE__ */ f("div", { className: u(Ie[tr], x), children: [
       S && /* @__PURE__ */ a(
@@ -4471,7 +4471,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
       ] })
     ] }),
     /* @__PURE__ */ a(A, { as: "div", size: "md", className: Ie[`${wa}__content`], children: r }),
-    g && /* @__PURE__ */ a(
+    p && /* @__PURE__ */ a(
       A,
       {
         as: "div",
@@ -4502,7 +4502,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
             kind: "link",
             iconPosition: "right",
             icon: /* @__PURE__ */ a(P, { source: v }),
-            onClick: () => p(!g),
+            onClick: () => g(!p),
             children: m
           }
         )
@@ -4556,8 +4556,8 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
     numberOfMonths: d,
     month: c,
     fromMonth: s,
-    toMonth: g
-  } = e, p = () => {
+    toMonth: p
+  } = e, g = () => {
     typeof t == "function" && t();
   }, v = () => {
     typeof o == "function" && o();
@@ -4572,15 +4572,15 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
     );
     return r(N);
   }, b = () => {
-    if (!g) {
+    if (!p) {
       const $ = jr(c, 12);
       return r($);
     }
-    const C = Math.abs(qr(g, c)), N = jr(
+    const C = Math.abs(qr(p, c)), N = jr(
       c,
       !Number.isNaN(C) && C > 12 ? 12 : C
     );
-    return d === 2 && Er(N, g) ? r(jt(N, 1)) : r(N);
+    return d === 2 && Er(N, p) ? r(jt(N, 1)) : r(N);
   };
   return /* @__PURE__ */ f("div", { className: i, children: [
     /* @__PURE__ */ f("div", { className: L[`${go}__navbar-buttons-wrapper`], children: [
@@ -4604,7 +4604,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
             [l.navButtonPrev]: !0,
             [l.navButtonInteractionDisabled]: !n
           }),
-          onClick: p,
+          onClick: g,
           children: /* @__PURE__ */ a(P, { source: b_, kind: "subtle" })
         }
       )
@@ -4715,7 +4715,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
     navbarElement: d,
     renderDay: c,
     innerRef: s
-  } = N, g = F(N, [
+  } = N, p = F(N, [
     "classNames",
     "range",
     "toMonth",
@@ -4726,12 +4726,12 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
     "navbarElement",
     "renderDay",
     "innerRef"
-  ]), [p, v] = h.useState(_ || /* @__PURE__ */ new Date());
+  ]), [g, v] = h.useState(_ || /* @__PURE__ */ new Date());
   h.useEffect(() => {
-    _ && _ !== p && v(_);
-  }, [_, p]), h.useEffect(() => {
-    o && _ !== p && (Jo(p, { from: n, to: o }) || v(o));
-  }, [_, p, o, n]);
+    _ && _ !== g && v(_);
+  }, [_, g]), h.useEffect(() => {
+    o && _ !== g && (Jo(g, { from: n, to: o }) || v(o));
+  }, [_, g, o, n]);
   const m = h.useCallback(
     ($) => {
       if (e.onMonthChange && $) {
@@ -4754,7 +4754,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
       navbarElement: d || /* @__PURE__ */ a(
         Qi,
         {
-          month: p,
+          month: g,
           classNames: C,
           numberOfMonths: l,
           onMonthChange: m,
@@ -4768,9 +4768,9 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
       toMonth: o,
       fromMonth: n,
       firstDayOfWeek: b,
-      month: p,
+      month: g,
       renderDay: c || al
-    }, g)
+    }, p)
   );
 }, ol = h.forwardRef(
   (e, t) => /* @__PURE__ */ a(rl, k({ innerRef: t }, e))
@@ -4913,7 +4913,7 @@ const _l = (e) => {
       });
     },
     [_, d.from, d.to]
-  ), g = Ma(
+  ), p = Ma(
     (b) => {
       const { from: C, to: N } = d;
       Jo(b, { to: _ }) && (ho(C, N) ? c({
@@ -4928,7 +4928,7 @@ const _l = (e) => {
       }));
     },
     [_, d.from, d.to]
-  ), p = Ma(
+  ), g = Ma(
     (b) => {
       if (b === null) {
         c({
@@ -4956,7 +4956,7 @@ const _l = (e) => {
     ), B = qt(() => ya(N, e), [e, N]), y = qt(() => [C, { from: C, to: $ }], [C, $]), w = qt(() => _ ? { after: _ } : void 0, [_]);
     return {
       select: {
-        onItemSelect: p,
+        onItemSelect: g,
         selected: N || ""
       },
       inputs: {
@@ -4967,7 +4967,7 @@ const _l = (e) => {
         range: !0,
         month: b,
         numberOfMonths: 2,
-        onDayClick: g,
+        onDayClick: p,
         selectedDays: y,
         modifiers: x,
         initialMonth: _ && jt(_, 1),
@@ -5032,21 +5032,21 @@ const ys = (e) => {
   hideLabelOnOpen: d,
   onClick: c
 }) => {
-  const [s, g] = h.useState(l), [p, v] = h.useState(0), m = h.useRef(null), b = u(
+  const [s, p] = h.useState(l), [g, v] = h.useState(0), m = h.useRef(null), b = u(
     X[Z],
     n && X[`${Z}--with-divider`],
     t
   ), C = d && s, N = typeof _ == "string", $ = (x) => {
-    g((B) => !B), x.currentTarget.blur(), c == null || c(x);
+    p((B) => !B), x.currentTarget.blur(), c == null || c(x);
   }, S = (x) => {
     const y = x.target.tagName.toLowerCase();
-    il.includes(y) || (g((w) => !w), c == null || c(x));
+    il.includes(y) || (p((w) => !w), c == null || c(x));
   };
   return h.useEffect(() => {
     const x = !!window.IntersectionObserver;
     if (m.current && x) {
       const B = new ResizeObserver(() => {
-        m.current && p !== m.current.offsetHeight && v(m.current.offsetHeight);
+        m.current && g !== m.current.offsetHeight && v(m.current.offsetHeight);
       });
       return B.observe(m.current), () => B.disconnect();
     }
@@ -5119,7 +5119,7 @@ const ys = (e) => {
           s && X[`${Z}__content-wrapper--open`]
         ),
         style: {
-          maxHeight: s ? p : 0
+          maxHeight: s ? g : 0
         },
         children: /* @__PURE__ */ a(
           "div",
@@ -5251,7 +5251,7 @@ const ys = (e) => {
   children: l,
   labelRightNode: d
 }) => {
-  const c = h.useRef(null), [s, g] = h.useState("auto"), p = u(
+  const c = h.useRef(null), [s, p] = h.useState("auto"), g = u(
     re[oe],
     {
       [re[`${oe}--inline`]]: e
@@ -5260,8 +5260,8 @@ const ys = (e) => {
   );
   return h.useEffect(() => {
     const v = c;
-    return e && v.current ? g(`${v.current.clientHeight}px`) : g("auto");
-  }), /* @__PURE__ */ f("div", { className: p, children: [
+    return e && v.current ? p(`${v.current.clientHeight}px`) : p("auto");
+  }), /* @__PURE__ */ f("div", { className: g, children: [
     d && e && /* @__PURE__ */ f(h.Fragment, { children: [
       /* @__PURE__ */ a(
         A,
@@ -5466,7 +5466,7 @@ const ys = (e) => {
     "tooltipArrowOffset",
     "onAvailableAgentsClick"
   ]);
-  const [s, g] = Jt(!1), [p, v] = Jt(!1), {
+  const [s, p] = Jt(!1), [g, v] = Jt(!1), {
     availableAgentsNumber: m,
     visibleAgents: b,
     additionalAgentsNumber: C,
@@ -5482,11 +5482,11 @@ const ys = (e) => {
       hasOnlyUnavailableAgents: I
     };
   }, [e]), $ = () => {
-    t(), g(!1), v(!1);
+    t(), p(!1), v(!1);
   }, S = () => {
-    r(), g(!1), v(!1);
+    r(), p(!1), v(!1);
   }, x = () => {
-    i(), g(!1), v(!1);
+    i(), p(!1), v(!1);
   }, B = [
     {
       key: "chatbot",
@@ -5515,7 +5515,7 @@ const ys = (e) => {
         e.length > 0 && /* @__PURE__ */ a(
           Gt,
           {
-            isVisible: p && !s,
+            isVisible: g && !s,
             offsetMainAxis: n,
             floatingStrategy: "fixed",
             hoverOnDelay: 50,
@@ -5589,15 +5589,15 @@ const ys = (e) => {
           {
             floatingStrategy: "fixed",
             visible: s,
-            onOpen: () => g(!0),
-            onClose: () => g(!1),
+            onOpen: () => p(!0),
+            onClose: () => p(!1),
             options: B,
             triggerRenderer: /* @__PURE__ */ a(
               hl,
               {
                 icon: /* @__PURE__ */ a(P, { source: k_ }),
                 text: "Invite",
-                onClick: () => g((y) => !y),
+                onClick: () => p((y) => !y),
                 isExpanded: _ ? s || void 0 : !0
               }
             )
@@ -5669,16 +5669,16 @@ const ys = (e) => {
   return h.useEffect(() => {
     if (!o)
       return;
-    const p = (v) => {
+    const g = (v) => {
       v.key === ke.esc && r();
     };
-    return document.addEventListener("keyup", p, !0), () => document.removeEventListener("keyup", p, !0);
+    return document.addEventListener("keyup", g, !0), () => document.removeEventListener("keyup", g, !0);
   }, [o]), /* @__PURE__ */ a(
     H_,
     {
       "data-testid": "lc-modal-overlay",
-      onMouseDown: (p) => {
-        _ && p.target === p.currentTarget && r();
+      onMouseDown: (g) => {
+        _ && g.target === g.currentTarget && r();
       },
       className: u(
         ve[`${da}__overlay`],
@@ -5735,13 +5735,13 @@ const ys = (e) => {
     "onClose",
     "contentClassName"
   ]);
-  const g = u(ve[Et], t), p = typeof e == "string", v = (m) => {
+  const p = u(ve[Et], t), g = typeof e == "string", v = (m) => {
     m.preventDefault(), m.stopPropagation(), i();
   };
   return /* @__PURE__ */ f(
     Nl,
     E(k({
-      className: g,
+      className: p,
       fullSpaceContent: _,
       onClose: i,
       isLabelled: !!o
@@ -5791,7 +5791,7 @@ const ys = (e) => {
           {
             "data-testid": "modal-body",
             className: u(ve[`${Et}__body`], l),
-            children: p ? /* @__PURE__ */ a(A, { as: "div", children: e }) : e
+            children: g ? /* @__PURE__ */ a(A, { as: "div", children: e }) : e
           }
         ),
         n && /* @__PURE__ */ a("div", { className: ve[`${Et}__footer`], children: n })
@@ -5889,7 +5889,7 @@ const ys = (e) => {
   "numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___nO8zN",
   "numeric-input--error": "lc-NumericInput-module__numeric-input--error___y9v6f"
 }, Zt = "numeric-input", Ps = (s) => {
-  var g = s, {
+  var p = s, {
     className: e,
     error: t,
     value: r,
@@ -5899,7 +5899,7 @@ const ys = (e) => {
     noControls: i,
     style: l,
     onChange: d
-  } = g, c = F(g, [
+  } = p, c = F(p, [
     "className",
     "error",
     "value",
@@ -5910,7 +5910,7 @@ const ys = (e) => {
     "style",
     "onChange"
   ]);
-  const p = h.useRef(null), v = u(
+  const g = h.useRef(null), v = u(
     Xt[Zt],
     {
       [Xt[`${Zt}--error`]]: t,
@@ -5935,17 +5935,17 @@ const ys = (e) => {
     return m(b(T));
   }, x = () => {
     var y;
-    return (y = p.current) == null || y.focus(), C(1);
+    return (y = g.current) == null || y.focus(), C(1);
   }, B = () => {
     var y;
-    return (y = p.current) == null || y.focus(), C(-1);
+    return (y = g.current) == null || y.focus(), C(-1);
   };
   return /* @__PURE__ */ f("div", { className: v, style: l, children: [
     /* @__PURE__ */ a(
       "input",
       E(k({
         type: "text",
-        ref: p
+        ref: g
       }, c), {
         value: r,
         disabled: n,
@@ -6024,7 +6024,7 @@ const ys = (e) => {
   onClick: l,
   cta: d
 }) => {
-  const c = h.useRef(null), s = h.useRef(null), [g, p] = h.useState(0), v = h.useRef(g);
+  const c = h.useRef(null), s = h.useRef(null), [p, g] = h.useState(0), v = h.useRef(p);
   return h.useEffect(() => {
     t && c.current && c.current.focus();
   }, [t]), h.useEffect(() => {
@@ -6034,7 +6034,7 @@ const ys = (e) => {
         const N = C[0];
         if (!N) return;
         const $ = N.contentRect.height + xl;
-        v.current !== $ && (p($), v.current = $);
+        v.current !== $ && (g($), v.current = $);
       });
       return b.observe(s.current), () => b.disconnect();
     }
@@ -6103,7 +6103,7 @@ const ys = (e) => {
                     className: u(me[`${pe}__content__inner`], {
                       [me[`${pe}__content__inner--open`]]: t
                     }),
-                    style: { maxHeight: t ? g : 0 },
+                    style: { maxHeight: t ? p : 0 },
                     children: /* @__PURE__ */ f("div", { ref: s, children: [
                       /* @__PURE__ */ a(
                         A,
@@ -6156,7 +6156,7 @@ const ys = (e) => {
   className: c
 }) => {
   var S;
-  const [s, g] = h.useState(l), [p, v] = h.useState(!l), [m, b] = h.useState(void 0), C = h.useRef(null), N = d.height || 96, $ = () => {
+  const [s, p] = h.useState(l), [g, v] = h.useState(!l), [m, b] = h.useState(void 0), C = h.useRef(null), N = d.height || 96, $ = () => {
     v((x) => !x);
   };
   return h.useEffect(() => {
@@ -6165,7 +6165,7 @@ const ys = (e) => {
       const y = B.offsetHeight;
       b(y);
       const w = setTimeout(() => {
-        g(!0), v(!1);
+        p(!0), v(!1);
       }, x);
       return () => {
         clearTimeout(w);
@@ -6178,15 +6178,15 @@ const ys = (e) => {
       className: u(
         J[ee],
         {
-          [J[`${ee}--complete`]]: s && !p
+          [J[`${ee}--complete`]]: s && !g
         },
         c
       ),
       style: {
-        height: !s || p ? m : N
+        height: !s || g ? m : N
       },
       children: [
-        p && /* @__PURE__ */ f(ae, { children: [
+        g && /* @__PURE__ */ f(ae, { children: [
           /* @__PURE__ */ f("div", { className: J[`${ee}__column`], children: [
             /* @__PURE__ */ f("div", { className: J[`${ee}__header`], children: [
               o && /* @__PURE__ */ a(
@@ -6240,7 +6240,7 @@ const ys = (e) => {
             }
           )
         ] }),
-        !p && /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ f("div", { className: J[`${ee}__complete`], children: [
+        !g && /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ f("div", { className: J[`${ee}__complete`], children: [
           /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
             P,
             {
@@ -6271,20 +6271,20 @@ const ys = (e) => {
         s && /* @__PURE__ */ a(
           q,
           {
-            kind: p ? "float" : "text",
+            kind: g ? "float" : "text",
             icon: /* @__PURE__ */ a(
               P,
               {
                 source: Ut,
                 className: u(
                   J[`${ee}__button__icon`],
-                  p && J[`${ee}__button__icon--open`]
+                  g && J[`${ee}__button__icon--open`]
                 )
               }
             ),
             className: J[`${ee}__button`],
             onClick: $,
-            "aria-expanded": p
+            "aria-expanded": g
           }
         )
       ]
@@ -6304,8 +6304,8 @@ const ys = (e) => {
   offsetSize: d = 4,
   isVisible: c,
   openedOnInit: s,
-  closeOnEsc: g = !0,
-  useDismissHookProps: p,
+  closeOnEsc: p = !0,
+  useDismissHookProps: g,
   useClickHookProps: v,
   floatingStrategy: m
 }) => {
@@ -6320,8 +6320,8 @@ const ys = (e) => {
     strategy: m,
     whileElementsMounted: Ia
   }), I = Ta(R, v), D = Aa(R, k({
-    escapeKey: g
-  }, p)), z = Da(R), { getReferenceProps: he, getFloatingProps: V } = Pa([
+    escapeKey: p
+  }, g)), z = Da(R), { getReferenceProps: he, getFloatingProps: V } = Pa([
     I,
     D,
     z
@@ -6366,18 +6366,19 @@ const ys = (e) => {
   iconColor: t,
   expired: r,
   backgroundColors: o,
-  notificationCount: _,
-  withBorder: n = !1,
-  isMainProduct: i = !1
-}) => /* @__PURE__ */ a("div", { className: u({ [Fe["outer-border"]]: n }), children: /* @__PURE__ */ f(
+  borderColor: _,
+  notificationCount: n,
+  withBorder: i = !1,
+  isMainProduct: l = !1
+}) => /* @__PURE__ */ a("div", { className: u({ [Fe["outer-border"]]: i }), children: /* @__PURE__ */ f(
   "div",
   {
-    tabIndex: i ? 0 : -1,
+    tabIndex: l ? 0 : -1,
     className: u(Fe["product-tile-wrapper"], {
-      [Fe["product-tile-wrapper__animated"]]: i
+      [Fe["product-tile-wrapper__animated"]]: l
     }),
     children: [
-      i && /* @__PURE__ */ f(ae, { children: [
+      l && /* @__PURE__ */ f(ae, { children: [
         /* @__PURE__ */ a(
           "div",
           {
@@ -6397,19 +6398,20 @@ const ys = (e) => {
         "div",
         {
           className: u(Fe[gt], {
-            [Fe[`${gt}__main-product`]]: i
+            [Fe[`${gt}__main-product`]]: l
           }),
           style: {
-            background: r ? "var(--surface-moderate-default)" : o.main
+            background: r ? "var(--surface-moderate-default)" : o.main,
+            border: _ ? `1px solid ${_}` : ""
           },
           children: [
-            _ && !r ? /* @__PURE__ */ a(
+            n && !r ? /* @__PURE__ */ a(
               er,
               {
                 size: "compact",
-                count: _,
+                count: n,
                 className: u(Fe[`${gt}__badge`], {
-                  [Fe[`${gt}__badge--bordered`]]: i
+                  [Fe[`${gt}__badge--bordered`]]: l
                 })
               }
             ) : null,
@@ -6418,7 +6420,7 @@ const ys = (e) => {
               {
                 source: e,
                 className: u(Fe[`${gt}__icon`], {
-                  [Fe[`${gt}__icon--large`]]: i,
+                  [Fe[`${gt}__icon--large`]]: l,
                   [Fe[`${gt}__icon--expired`]]: r
                 }),
                 customColor: t
@@ -6444,28 +6446,29 @@ const ys = (e) => {
     icon: t,
     iconColor: r,
     backgroundColors: o,
-    notificationCount: _,
-    name: n,
-    url: i,
-    withDivider: l,
-    shortcutKey: d,
-    expired: c,
-    trialDaysLeft: s,
+    borderColor: _,
+    notificationCount: n,
+    name: i,
+    url: l,
+    withDivider: d,
+    shortcutKey: c,
+    expired: s,
+    trialDaysLeft: p,
     nameAdornment: g
   },
-  onClick: p,
-  isActive: v = !1
+  onClick: v,
+  isActive: m = !1
 }) => /* @__PURE__ */ f(ae, { children: [
-  l && /* @__PURE__ */ a("div", { className: ht[`${ft}__divider`] }),
+  d && /* @__PURE__ */ a("div", { className: ht[`${ft}__divider`] }),
   /* @__PURE__ */ f(
     "a",
     {
-      href: i,
+      href: l,
       target: "_blank",
-      "aria-label": `Go to ${n} product`,
-      onClick: (m) => p(m, e),
+      "aria-label": `Go to ${i} product`,
+      onClick: (b) => v(b, e),
       className: u(ht[ft], {
-        [ht[`${ft}--expired`]]: c
+        [ht[`${ft}--expired`]]: s
       }),
       children: [
         /* @__PURE__ */ f("div", { className: ht[`${ft}__heading`], children: [
@@ -6474,15 +6477,16 @@ const ys = (e) => {
             {
               icon: t,
               iconColor: r,
-              expired: c,
+              expired: s,
               backgroundColors: o,
-              notificationCount: _,
-              withBorder: v
+              borderColor: _,
+              notificationCount: n,
+              withBorder: m
             }
           ),
           /* @__PURE__ */ f(A, { as: "div", bold: !0, className: ht[`${ft}__name`], children: [
-            n,
-            c && /* @__PURE__ */ a(
+            i,
+            s && /* @__PURE__ */ a(
               Gt,
               {
                 triggerRenderer: /* @__PURE__ */ a(
@@ -6496,7 +6500,7 @@ const ys = (e) => {
                 children: "Your licence is expired."
               }
             ),
-            typeof s != "undefined" && /* @__PURE__ */ f(
+            typeof p != "undefined" && /* @__PURE__ */ f(
               Gt,
               {
                 className: ht[`${ft}__trial-tooltip`],
@@ -6509,9 +6513,9 @@ const ys = (e) => {
                 ),
                 placement: "right",
                 children: [
-                  s,
+                  p,
                   " ",
-                  Wo(s, "day", "days"),
+                  Wo(p, "day", "days"),
                   " left in your trial. Time to upgrade."
                 ]
               }
@@ -6519,9 +6523,9 @@ const ys = (e) => {
             g
           ] })
         ] }),
-        d && /* @__PURE__ */ f(A, { size: "sm", className: ht[`${ft}__shortcut`], children: [
+        c && /* @__PURE__ */ f(A, { size: "sm", className: ht[`${ft}__shortcut`], children: [
           "⌘",
-          d
+          c
         ] })
       ]
     }
@@ -6543,7 +6547,7 @@ const ys = (e) => {
   onSelect: l,
   textURL: d = "https://www.text.com"
 }) => {
-  const [c, s] = h.useState(r), [g, p] = Jt(
+  const [c, s] = h.useState(r), [p, g] = Jt(
     !1
   ), v = or(), m = Sa(), b = o !== void 0, C = b ? o : c, N = (H, K) => {
     H ? n == null || n(K) : i == null || i(K), !b && s(H);
@@ -6553,7 +6557,7 @@ const ys = (e) => {
     placement: "right-start",
     open: C,
     onOpenChange: (H, K) => {
-      p(!1), N(H, K);
+      g(!1), N(H, K);
     },
     middleware: [Ea({ mainAxis: 5 })],
     whileElementsMounted: Ia
@@ -6584,9 +6588,9 @@ const ys = (e) => {
     /* @__PURE__ */ a("div", E(k({ ref: $.setReference }, G()), { children: /* @__PURE__ */ a(
       Gt,
       {
-        isVisible: g,
-        onOpen: () => p(!0),
-        onClose: () => p(!1),
+        isVisible: p,
+        onOpen: () => g(!0),
+        onClose: () => g(!1),
         offsetCrossAxis: 2,
         arrowOffsetY: 2,
         offsetMainAxis: 10,
@@ -6646,7 +6650,7 @@ const ys = (e) => {
                       {
                         size: "xlarge",
                         source: w_,
-                        customColor: "var(--content-locked-white)"
+                        customColor: "var(--content-basic-primary)"
                       }
                     )
                   ]
@@ -6740,7 +6744,8 @@ const ys = (e) => {
     },
     iconColor: "var(--content-locked-black)",
     withDivider: !0,
-    url: ""
+    url: "",
+    borderColor: "var(--border-basic-secondary)"
   }
 ], Dl = [
   {
@@ -6880,15 +6885,15 @@ const ys = (e) => {
 }, Ol = (e, t) => Fl.includes(e) || t.some(
   (r) => r.product === Wr[e]
 ), Ll = (e, t, r, o, _, n) => {
-  var l, d, c, s, g;
+  var l, d, c, s, p;
   const i = t.find(
-    (p) => p.product === Wr[e.id]
+    (g) => g.product === Wr[e.id]
   );
   if (!i)
     throw new Error(`Product data for ${e.id} not found`);
   return E(k({}, e), {
     trialDaysLeft: r[e.id] && ((l = r[e.id]) == null ? void 0 : l.status) === "trial" && ((d = r[e.id]) != null && d.next_charge_at) ? Ml((s = (c = r[e.id]) == null ? void 0 : c.next_charge_at) != null ? s : "") : void 0,
-    expired: ((g = r[e.id]) == null ? void 0 : g.status) === "expired",
+    expired: ((p = r[e.id]) == null ? void 0 : p.status) === "expired",
     url: Rl(
       i.clientId,
       i.redirectUri,
@@ -6974,21 +6979,21 @@ const ba = {
       "className",
       "size"
     ]);
-    const d = o_(e, t), c = Hl[o], s = zl[o], g = u(
+    const d = o_(e, t), c = Hl[o], s = zl[o], p = u(
       ba[va],
       {
         [ba[`${va}--${o}`]]: o,
         [ba[`${va}--${e}`]]: e
       },
       r
-    ), p = 2 * Math.PI * ((s - c) / 2), v = {
-      strokeDasharray: p.toFixed(3),
-      strokeDashoffset: `${((100 - d) / 100 * p).toFixed(3)}px`
+    ), g = 2 * Math.PI * ((s - c) / 2), v = {
+      strokeDasharray: g.toFixed(3),
+      strokeDashoffset: `${((100 - d) / 100 * g).toFixed(3)}px`
     }, m = `${s / 2} ${s / 2} ${s} ${s}`;
     return /* @__PURE__ */ a(
       "div",
       E(k({
-        className: g,
+        className: p,
         ref: n,
         role: "progressbar"
       }, _), {
@@ -7092,17 +7097,17 @@ const ba = {
   onClose: d,
   onLinkClick: c
 }) => {
-  const s = h.useRef(null), [g, p] = h.useState("medium"), v = u(
+  const s = h.useRef(null), [p, g] = h.useState("medium"), v = u(
     ze[Ve],
     {
       [ze[`${Ve}--light`]]: n,
-      [ze[`${Ve}--small`]]: g === "small",
-      [ze[`${Ve}--large`]]: g === "large"
+      [ze[`${Ve}--small`]]: p === "small",
+      [ze[`${Ve}--large`]]: p === "large"
     },
     e
   );
   h.useEffect(() => {
-    const b = () => s.current && s.current.offsetWidth <= Kl ? p("small") : s.current && s.current.offsetWidth >= Yl ? p("large") : p("medium"), C = To(
+    const b = () => s.current && s.current.offsetWidth <= Kl ? g("small") : s.current && s.current.offsetWidth >= Yl ? g("large") : g("medium"), C = To(
       b,
       Xl
     );
@@ -7129,9 +7134,9 @@ const ba = {
       /* @__PURE__ */ f("div", { className: ze[`${Ve}__wrapper`], children: [
         /* @__PURE__ */ a("div", { className: ze[`${Ve}__header`], children: o }),
         /* @__PURE__ */ a(A, { as: "div", children: r }),
-        g !== "large" && m
+        p !== "large" && m
       ] }),
-      g === "large" && m
+      p === "large" && m
     ] }),
     d && /* @__PURE__ */ a(
       "button",
@@ -7288,11 +7293,11 @@ const ba = {
   cropOnBlur: l = !0,
   onChange: d
 }) => {
-  const [c, s] = h.useState(!0), [g, p] = h.useState(!1), v = h.useRef(null), m = !!n && !t && !r, b = e && !c && "true", C = u(
+  const [c, s] = h.useState(!0), [p, g] = h.useState(!1), v = h.useRef(null), m = !!n && !t && !r, b = e && !c && "true", C = u(
     i,
     We[rt],
     We[`${rt}--${_}`],
-    g && We[`${rt}--focused`],
+    p && We[`${rt}--focused`],
     t && We[`${rt}--disabled`],
     e && We[`${rt}--collapsable`],
     !c && We[`${rt}--collapsable--open`]
@@ -7309,9 +7314,9 @@ const ba = {
     var w;
     (w = v.current) == null || w.focus();
   }, x = () => {
-    e && s(!1), p(!0);
+    e && s(!1), g(!0);
   }, B = () => {
-    e && !n && s(!0), p(!1);
+    e && !n && s(!0), g(!1);
   }, y = (w) => {
     w.key === ke.enter && (w.preventDefault(), d(n));
   };
@@ -7490,8 +7495,8 @@ const ba = {
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___XpfaO",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___NDgeg",
   switch__icon: tc
-}, _e = "switch", Ys = (g) => {
-  var p = g, {
+}, _e = "switch", Ys = (p) => {
+  var g = p, {
     className: e = "",
     defaultOn: t = !1,
     disabled: r = !1,
@@ -7502,7 +7507,7 @@ const ba = {
     state: l = "regular",
     innerRef: d,
     ariaLabel: c
-  } = p, s = F(p, [
+  } = g, s = F(g, [
     "className",
     "defaultOn",
     "disabled",
@@ -7628,7 +7633,7 @@ const ba = {
     "size",
     "icon"
   ]);
-  const { disabled: s } = l, g = r !== void 0 && !_, p = r !== void 0 && _;
+  const { disabled: s } = l, p = r !== void 0 && !_, g = r !== void 0 && _;
   return /* @__PURE__ */ f(
     A,
     E(k({}, l), {
@@ -7646,12 +7651,12 @@ const ba = {
       children: [
         i && /* @__PURE__ */ a("div", { "data-testId": "icon", className: Ft[`${Rt}__icon`], children: i }),
         e,
-        g && /* @__PURE__ */ f(A, { as: "span", size: "md", className: Ft[`${Rt}__count`], children: [
+        p && /* @__PURE__ */ f(A, { as: "span", size: "md", className: Ft[`${Rt}__count`], children: [
           "(",
           r,
           ")"
         ] }),
-        p && /* @__PURE__ */ a(
+        g && /* @__PURE__ */ a(
           er,
           {
             "data-testid": "tab-badge",
@@ -7728,15 +7733,15 @@ const ba = {
   size: i,
   tagProps: l
 }) => {
-  const d = h.useMemo(() => o !== void 0 ? o(e) : !0, [e, o]), c = h.useRef(null), s = () => r(t), g = () => d ? l ? l.kind : "default" : "error";
-  return /* @__PURE__ */ a(Zo, E(k({ size: i }, l), { kind: g(), onRemove: s, children: /* @__PURE__ */ a(
+  const d = h.useMemo(() => o !== void 0 ? o(e) : !0, [e, o]), c = h.useRef(null), s = () => r(t), p = () => d ? l ? l.kind : "default" : "error";
+  return /* @__PURE__ */ a(Zo, E(k({ size: i }, l), { kind: p(), onRemove: s, children: /* @__PURE__ */ a(
     lc,
     {
       value: e,
       inputRef: _,
       innerEditableRef: c,
       className: Ca[`${cc}__content`],
-      change: (p) => n(t, p),
+      change: (g) => n(t, g),
       remove: s,
       validator: o
     }
@@ -7747,8 +7752,8 @@ const ba = {
   ke.tab,
   ke.semicolon,
   ke.comma
-], dc = [ke.backspace, ke.delete], uc = (p) => {
-  var v = p, {
+], dc = [ke.backspace, ke.delete], uc = (g) => {
+  var v = g, {
     id: e,
     tags: t,
     onChange: r,
@@ -7760,7 +7765,7 @@ const ba = {
     inputClassName: d,
     onBlur: c,
     addOnBlur: s = !0
-  } = v, g = F(v, [
+  } = v, p = F(v, [
     "id",
     "tags",
     "onChange",
@@ -7841,7 +7846,7 @@ const ba = {
       t == null ? void 0 : t.map(G),
       /* @__PURE__ */ a(
         "input",
-        E(k({}, g), {
+        E(k({}, p), {
           id: e,
           ref: $,
           className: b,
@@ -7926,7 +7931,7 @@ const ba = {
     le[Tt],
     le[`${Tt}--${_}`],
     t
-  ), s = typeof r == "string", g = (p) => p && p.closesOnClick && n ? (p.onClick(), n()) : p.onClick();
+  ), s = typeof r == "string", p = (g) => g && g.closesOnClick && n ? (g.onClick(), n()) : g.onClick();
   return /* @__PURE__ */ f("div", E(k({ className: c }, i), { children: [
     /* @__PURE__ */ a("div", { className: le[`${Tt}__icon`], children: /* @__PURE__ */ a(P, E(k({}, kc[_]), { size: "medium" })) }),
     /* @__PURE__ */ a("div", { className: le[`${Tt}__content`], children: s ? /* @__PURE__ */ a(A, { as: "div", children: r }) : r }),
@@ -7937,7 +7942,7 @@ const ba = {
           className: le[`${Tt}__actions--custom`],
           kind: "text",
           size: "compact",
-          onClick: () => g(e),
+          onClick: () => p(e),
           children: e.label
         }
       ),
@@ -7974,7 +7979,7 @@ const ba = {
     },
     e
   );
-  return /* @__PURE__ */ a("div", { className: l, children: /* @__PURE__ */ a(Ao, { component: null, children: t.map(({ id: d, kind: c, content: s, removable: g, action: p, onClose: v }) => /* @__PURE__ */ a(
+  return /* @__PURE__ */ a("div", { className: l, children: /* @__PURE__ */ a(Ao, { component: null, children: t.map(({ id: d, kind: c, content: s, removable: p, action: g, onClose: v }) => /* @__PURE__ */ a(
     Do,
     {
       classNames: {
@@ -7989,8 +7994,8 @@ const ba = {
         {
           kind: c,
           onClose: v,
-          removable: g,
-          action: p,
+          removable: p,
+          action: g,
           children: s
         }
       )
@@ -8005,21 +8010,21 @@ const ba = {
 }, Ja = "textarea", Js = h.forwardRef(
   (_, o) => {
     var n = _, { className: e, error: t } = n, r = F(n, ["className", "error"]);
-    const { disabled: i, onBlur: l, onFocus: d } = r, [c, s] = h.useState(!1), g = u(e, Qa[Ja], {
+    const { disabled: i, onBlur: l, onFocus: d } = r, [c, s] = h.useState(!1), p = u(e, Qa[Ja], {
       [Qa[`${Ja}--disabled`]]: i,
       [Qa[`${Ja}--focused`]]: c,
       [Qa[`${Ja}--error`]]: t
-    }), p = (m) => {
+    }), g = (m) => {
       s(!1), l == null || l(m);
     }, v = (m) => {
       s(!0), d == null || d(m);
     };
-    return /* @__PURE__ */ a(A, { as: "div", className: g, children: /* @__PURE__ */ a(
+    return /* @__PURE__ */ a(A, { as: "div", className: p, children: /* @__PURE__ */ a(
       "textarea",
       E(k({}, r), {
         ref: o,
         onFocus: v,
-        onBlur: p
+        onBlur: g
       })
     ) });
   }
@@ -8186,12 +8191,12 @@ const ba = {
   size: d,
   mode: c = "multiple",
   onCloseButtonClick: s,
-  onRetryButtonClick: g
+  onRetryButtonClick: p
 }) => {
-  const [p, v] = h.useState(_ || !1), m = i === "error", b = i === "success", C = u(j[Ne], t, {
+  const [g, v] = h.useState(_ || !1), m = i === "error", b = i === "success", C = u(j[Ne], t, {
     [j[`${Ne}--error`]]: m,
     [j[`${Ne}--success`]]: b
-  }), N = !(m && (g || s)), $ = () => v(!p);
+  }), N = !(m && (p || s)), $ = () => v(!g);
   return c === "single" ? /* @__PURE__ */ a("div", { className: C, children: /* @__PURE__ */ f("div", { className: j[`${Ne}__wrapper`], children: [
     /* @__PURE__ */ a("div", { className: j[`${$t}`], children: /* @__PURE__ */ a(
       xc,
@@ -8208,7 +8213,7 @@ const ba = {
       {
         status: i,
         onCloseButtonClick: s,
-        onRetryButtonClick: g
+        onRetryButtonClick: p
       }
     )
   ] }) }) : /* @__PURE__ */ f("div", { className: C, children: [
@@ -8227,7 +8232,7 @@ const ba = {
               type: "button",
               "aria-label": "Collapse button",
               onClick: $,
-              children: p ? /* @__PURE__ */ a(P, { source: rr }) : /* @__PURE__ */ a(P, { source: Ut })
+              children: g ? /* @__PURE__ */ a(P, { source: rr }) : /* @__PURE__ */ a(P, { source: Ut })
             }
           ),
           i === "error" && /* @__PURE__ */ a("div", { className: j[`${$t}__actions-container`], children: /* @__PURE__ */ a(
@@ -8235,13 +8240,13 @@ const ba = {
             {
               status: i,
               onCloseButtonClick: s,
-              onRetryButtonClick: g
+              onRetryButtonClick: p
             }
           ) })
         ] })
       }
     ),
-    /* @__PURE__ */ a(Ao, { component: null, children: p && /* @__PURE__ */ a(
+    /* @__PURE__ */ a(Ao, { component: null, children: g && /* @__PURE__ */ a(
       Do,
       {
         timeout: Sc,