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

package/dist/index.es.js

@@ -655,8 +655,8 @@ const Mc = {
     }, d),
     r
   );
-}, B = (f) => {
-  var b = f, {
+}, B = (b) => {
+  var g = b, {
     as: t = "p",
     size: a = "md",
     caps: r = !1,
@@ -669,7 +669,7 @@ const Mc = {
     customColor: i,
     textAlign: s,
     noMargin: p
-  } = b, m = D(b, [
+  } = g, m = D(g, [
     "as",
     "size",
     "caps",
@@ -683,18 +683,18 @@ const Mc = {
     "textAlign",
     "noMargin"
   ]);
-  const v = "paragraph";
+  const h = "paragraph";
   return e.createElement(
     t,
     k({
       className: u(
         {
-          [Ge[`${v}-${a}`]]: !0,
-          [Ge[`${v}--bold`]]: o,
-          [Ge[`${v}--strike`]]: n,
-          [Ge[`${v}--underline`]]: l,
-          [Ge[`${v}--uppercase`]]: _ || r,
-          [Ge[`${v}--no-margin`]]: p
+          [Ge[`${h}-${a}`]]: !0,
+          [Ge[`${h}--bold`]]: o,
+          [Ge[`${h}--strike`]]: n,
+          [Ge[`${h}--underline`]]: l,
+          [Ge[`${h}--uppercase`]]: _ || r,
+          [Ge[`${h}--no-margin`]]: p
         },
         d
       ),
@@ -746,8 +746,8 @@ const Mc = {
   "action-menu__list__item__icon": "lc-ActionMenu-module__action-menu__list__item__icon___o3ePo",
   "action-menu__list--with-footer": "lc-ActionMenu-module__action-menu__list--with-footer___ghTxL",
   "action-menu__footer": "lc-ActionMenu-module__action-menu__footer___HxoOe"
-}, ze = "action-menu", mo = (v) => {
-  var h = v, {
+}, ze = "action-menu", mo = (h) => {
+  var v = h, {
     className: t,
     triggerClassName: a,
     options: r,
@@ -761,8 +761,8 @@ const Mc = {
     onOpen: s,
     floatingStrategy: p,
     selectedOptions: m,
-    footer: f
-  } = h, b = D(h, [
+    footer: b
+  } = v, g = D(v, [
     "className",
     "triggerClassName",
     "options",
@@ -778,7 +778,7 @@ const Mc = {
     "selectedOptions",
     "footer"
   ]);
-  const y = d !== void 0, [E, $] = e.useState(l), [w, C] = e.useState(null), g = e.useRef(-1), N = Ga(), S = sa(), M = e.useRef(null), G = y ? d : E, I = () => {
+  const y = d !== void 0, [E, $] = e.useState(l), [w, C] = e.useState(null), f = e.useRef(-1), N = Ga(), S = sa(), M = e.useRef(null), G = y ? d : E, I = () => {
     G ? (i == null || i(), !y && $(!1)) : (s == null || s(), !y && $(!0));
   }, { x: O, y: Y, strategy: X, refs: L, context: U } = da({
     nodeId: S,
@@ -816,7 +816,7 @@ const Mc = {
     })
   }), Nt = (P) => {
     var Ye, qe;
-    const V = g.current;
+    const V = f.current;
     let ue = V + P;
     for (; (Ye = r[ue]) != null && Ye.disabled || (qe = r[ue]) != null && qe.groupHeader; )
       if (ue += P, ue === -1) {
@@ -826,19 +826,19 @@ const Mc = {
     return ue;
   }, bt = (P) => {
     var Ye, qe;
-    g.current = Nt(P);
-    const V = (Ye = M.current) == null ? void 0 : Ye.children, ue = V && ((qe = V[g.current]) == null ? void 0 : qe.children[0]);
+    f.current = Nt(P);
+    const V = (Ye = M.current) == null ? void 0 : Ye.children, ue = V && ((qe = V[f.current]) == null ? void 0 : qe.children[0]);
     return ue == null ? void 0 : ue.focus();
   }, lt = (P) => {
-    P.key === de.arrowUp && g.current > 0 && (P.preventDefault(), bt(-1)), P.key === de.arrowDown && g.current + 1 < r.length && (P.preventDefault(), bt(1));
+    P.key === de.arrowUp && f.current > 0 && (P.preventDefault(), bt(-1)), P.key === de.arrowDown && f.current + 1 < r.length && (P.preventDefault(), bt(1));
   };
   e.useEffect(() => {
     if (G)
       return document.addEventListener("keydown", lt), () => document.removeEventListener("keydown", lt);
-    g.current = -1;
+    f.current = -1;
   }, [G, lt]);
   const ht = (P, V) => {
-    g.current = P, V == null || V(), !y && !n && ($(!1), i == null || i());
+    f.current = P, V == null || V(), !y && !n && ($(!1), i == null || i());
   }, St = (P, V) => P.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
     {
@@ -894,11 +894,11 @@ const Mc = {
     }, $t()),
     r.length > 0 && /* @__PURE__ */ e.createElement(
       "ul",
-      T(k({}, b), {
+      T(k({}, g), {
         className: u(
           He[`${ze}__list`],
           {
-            [He[`${ze}__list--with-footer`]]: f
+            [He[`${ze}__list--with-footer`]]: b
           },
           t
         ),
@@ -907,14 +907,14 @@ const Mc = {
       }),
       r.map(St)
     ),
-    f && /* @__PURE__ */ e.createElement(
+    b && /* @__PURE__ */ e.createElement(
       B,
       {
         size: "sm",
         as: "div",
         className: He[`${ze}__footer`]
       },
-      f
+      b
     )
   )));
   return N === null ? /* @__PURE__ */ e.createElement(Ha, null, xt) : xt;
@@ -1020,8 +1020,8 @@ const Mc = {
   "btn--plain-lock-black": "lc-Button-module__btn--plain-lock-black___aL-wC",
   "btn--text-lock-black": "lc-Button-module__btn--text-lock-black___fy3zb"
 }, ge = "btn", W = e.forwardRef(
-  (v, b) => {
-    var h = v, {
+  (h, g) => {
+    var v = h, {
       loading: t = !1,
       disabled: a = !1,
       type: r = "button",
@@ -1035,7 +1035,7 @@ const Mc = {
       children: s,
       href: p,
       onClick: m
-    } = h, f = D(h, [
+    } = v, b = D(v, [
       "loading",
       "disabled",
       "type",
@@ -1067,12 +1067,12 @@ const Mc = {
     return /* @__PURE__ */ e.createElement(
       w,
       k(k({
-        ref: b,
+        ref: g,
         className: C,
         "aria-disabled": y,
         type: r,
         disabled: y
-      }, !y && { href: p, onClick: m }), f),
+      }, !y && { href: p, onClick: m }), b),
       t && /* @__PURE__ */ e.createElement(
         Cr,
         k({
@@ -1180,16 +1180,16 @@ const Co = (t) => {
   onOpen: s,
   withFadeAnimation: p = !0,
   transitionDuration: m = 200,
-  hoverOnDuration: f,
-  hoverOffDuration: b,
-  transitionDelay: v = 0,
-  hoverOnDelay: h,
+  hoverOnDuration: b,
+  hoverOffDuration: g,
+  transitionDelay: h = 0,
+  hoverOnDelay: v,
   hoverOffDelay: y,
   triggerOnClick: E = !1,
   triggerOnHover: $ = !0,
   offsetMainAxis: w = 8,
   offsetCrossAxis: C = 0,
-  referenceElement: g,
+  referenceElement: f,
   activationThreshold: N = 0,
   useDismissHookProps: S,
   useClickHookProps: M,
@@ -1206,7 +1206,7 @@ const Co = (t) => {
     d && A[`${ya}--full-space`]
   ), bt = typeof _ == "function", lt = (me) => {
     me !== Ue && (me ? s == null || s() : i == null || i(), !L && $e(me));
-  }, ht = (me) => p ? me != null ? me : m : 0, St = (me) => me != null ? me : v, {
+  }, ht = (me) => p ? me != null ? me : m : 0, St = (me) => me != null ? me : h, {
     floatingStyles: xt,
     refs: P,
     context: V,
@@ -1228,7 +1228,7 @@ const Co = (t) => {
     move: !1,
     restMs: N,
     delay: {
-      open: St(h),
+      open: St(v),
       close: St(y || G)
     },
     enabled: $,
@@ -1237,8 +1237,8 @@ const Co = (t) => {
     enabled: E
   }, M)), { isMounted: qa, styles: Za } = kr(V, {
     duration: {
-      open: ht(f),
-      close: ht(b)
+      open: ht(b),
+      close: ht(g)
     }
   }), { status: Xa } = Q_(V), { getReferenceProps: Ja, getFloatingProps: ja } = ba([
     qe,
@@ -1248,8 +1248,8 @@ const Co = (t) => {
     Ya
   ]);
   e.useEffect(() => {
-    g && P.setReference(g);
-  }, [P.setReference, g]);
+    f && P.setReference(f);
+  }, [P.setReference, f]);
   const Gt = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     T(k({
@@ -1648,26 +1648,26 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
 }) => {
   const [c, d] = e.useState(
     _.length
-  ), [i, s] = e.useState([]), [p, m] = e.useState(!1), f = r === "scroll", b = u(
+  ), [i, s] = e.useState([]), [p, m] = e.useState(!1), b = r === "scroll", g = u(
     q[wa],
     t,
     l && q[`${wa}--vertical`]
-  ), v = !f && i.length !== 0;
+  ), h = !b && i.length !== 0;
   e.useEffect(() => {
-    f || (_.length > c ? s(_.slice(c, _.length)) : s([]));
+    b || (_.length > c ? s(_.slice(c, _.length)) : s([]));
   }, [_, c]), e.useEffect(() => {
     const E = !!window.ResizeObserver;
-    if (!f && E) {
+    if (!b && E) {
       const $ = new ResizeObserver((w) => {
-        const { width: C, height: g } = w[0].contentRect, N = l ? g : C, S = i.length > 0 ? 60 : 0, M = Math.floor(
+        const { width: C, height: f } = w[0].contentRect, N = l ? f : C, S = i.length > 0 ? 60 : 0, M = Math.floor(
           (N - S) / Do
         );
         M >= 0 && M !== c && d(M);
       });
       return $.observe(document.querySelector(`#${a}`)), () => $.disconnect();
     }
-  }, [i, f, c]);
-  const h = e.useCallback(() => i.reduce(
+  }, [i, b, c]);
+  const v = e.useCallback(() => i.reduce(
     (E, $) => {
       if (!$.hideInMenu) {
         const w = {
@@ -1682,11 +1682,11 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
     },
     []
   ), [i]), y = i.find((E) => E.key === o);
-  return /* @__PURE__ */ e.createElement("div", { id: a, className: b }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { id: a, className: g }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(q[`${wa}__items`], {
-        [q[`${wa}__items--scroll`]]: f
+        [q[`${wa}__items--scroll`]]: b
       })
     },
     _.slice(0, c).map((E) => /* @__PURE__ */ e.createElement(
@@ -1697,7 +1697,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
         vertical: l
       }
     ))
-  ), v && /* @__PURE__ */ e.createElement(
+  ), h && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
@@ -1714,7 +1714,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
         onClose: () => m(!1),
         floatingStrategy: "fixed",
         placement: l ? "left-start" : "bottom-end",
-        options: h(),
+        options: v(),
         triggerClassName: u(
           l && q[`${Xe}__trigger-vertical`]
         ),
@@ -1865,10 +1865,10 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
     a
   );
   return e.useEffect(() => {
-    const f = () => i.current && i.current.offsetWidth <= 400 ? p("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? p("medium") : p("large"), b = n_(() => {
-      f();
+    const b = () => i.current && i.current.offsetWidth <= 400 ? p("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? p("medium") : p("large"), g = n_(() => {
+      b();
     }, 500);
-    return window.addEventListener("resize", b), f(), () => window.removeEventListener("resize", b);
+    return window.addEventListener("resize", g), b(), () => window.removeEventListener("resize", g);
   }), /* @__PURE__ */ e.createElement("div", k({ ref: i, className: m }, n), /* @__PURE__ */ e.createElement("div", { className: Se[`${xe}__content`] }, /* @__PURE__ */ e.createElement("div", { className: Se[`${xe}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
     x,
     T(k({}, Go[o]), {
@@ -1952,7 +1952,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
     topBarClassName: n,
     sideNavigationContainerClassName: c,
     contentClassName: d
-  } = t, i = u(Je[p_], r), { isSideNavigationVisible: s } = no(), p = e.useRef(null), { isOpen: m, isMounted: f } = $r({
+  } = t, i = u(Je[p_], r), { isSideNavigationVisible: s } = no(), p = e.useRef(null), { isOpen: m, isMounted: b } = $r({
     isVisible: s,
     elementRef: p
   });
@@ -1989,7 +1989,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
           }
         )
       },
-      f && o
+      b && o
     ),
     /* @__PURE__ */ e.createElement(
       "div",
@@ -2053,7 +2053,7 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
   "side-navigation-item__label--active": "lc-SideNavigationItem-module__side-navigation-item__label--active___lHzUo",
   "side-navigation-item__custom-label--active": "lc-SideNavigationItem-module__side-navigation-item__custom-label--active___js4w6"
 }, De = "side-navigation-item", Vo = (m) => {
-  var f = m, {
+  var b = m, {
     leftNode: t,
     shouldKeepIconSpace: a = !0,
     url: r,
@@ -2065,7 +2065,7 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
     isMainEntry: d,
     onItemHover: i,
     isIconHidden: s
-  } = f, p = D(f, [
+  } = b, p = D(b, [
     "leftNode",
     "shouldKeepIconSpace",
     "url",
@@ -2078,9 +2078,9 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
     "onItemHover",
     "isIconHidden"
   ]);
-  const b = typeof _ == "string", v = (y) => {
+  const g = typeof _ == "string", h = (y) => {
     y.preventDefault(), n == null || n();
-  }, h = (y) => {
+  }, v = (y) => {
     y.key === "Enter" && (y.preventDefault(), n == null || n());
   };
   return /* @__PURE__ */ e.createElement(
@@ -2100,8 +2100,8 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
           [Te[`${De}__anchor--icon-hidden`]]: s
         }),
         href: r,
-        onClick: v,
-        onKeyDown: h,
+        onClick: h,
+        onKeyDown: v,
         onMouseEnter: i || Fa,
         onFocus: i || Fa
       },
@@ -2115,7 +2115,7 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
         },
         t
       ),
-      b ? /* @__PURE__ */ e.createElement(
+      g ? /* @__PURE__ */ e.createElement(
         B,
         {
           bold: c || d,
@@ -2155,13 +2155,13 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
   shouldOpenOnInit: n = !1,
   shouldOpenOnActive: c = !1
 }) => {
-  const [d, i] = e.useState(!1), [s, p] = e.useState(0), m = e.useRef(!1), f = e.useRef(null), { isOpen: b, isMounted: v, setIsOpen: h } = $r({
+  const [d, i] = e.useState(!1), [s, p] = e.useState(0), m = e.useRef(!1), b = e.useRef(null), { isOpen: g, isMounted: h, setIsOpen: v } = $r({
     isVisible: !o || n,
-    elementRef: f
-  }), y = typeof a == "function" ? a(b) : a, E = typeof t == "function" ? t(b) : t, $ = () => h(!0), w = () => {
-    o && h((g) => !g);
-  }, C = (g) => {
-    const N = g == null ? void 0 : g.getElementsByTagName("li"), S = N != null && N.length ? [...N].some(
+    elementRef: b
+  }), y = typeof a == "function" ? a(g) : a, E = typeof t == "function" ? t(g) : t, $ = () => v(!0), w = () => {
+    o && v((f) => !f);
+  }, C = (f) => {
+    const N = f == null ? void 0 : f.getElementsByTagName("li"), S = N != null && N.length ? [...N].some(
       (G) => G.getAttribute("data-active") === "true"
     ) : !1;
     i(S);
@@ -2177,7 +2177,7 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
         "div",
         {
           className: u(ct[`${it}__chevron`], {
-            [ct[`${it}__chevron--active`]]: b
+            [ct[`${it}__chevron--active`]]: g
           })
         },
         /* @__PURE__ */ e.createElement(x, { source: La, size: "small" })
@@ -2199,16 +2199,16 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: f,
+      ref: b,
       className: u([
         ct[`${it}__list-wrapper`],
         {
-          [ct[`${it}__list-wrapper--expanded`]]: b
+          [ct[`${it}__list-wrapper--expanded`]]: g
         }
       ]),
-      style: { maxHeight: b ? s : 0 }
+      style: { maxHeight: g ? s : 0 }
     },
-    v && /* @__PURE__ */ e.createElement(
+    h && /* @__PURE__ */ e.createElement(
       "ul",
       {
         className: u(ct[`${it}__list`], r),
@@ -2371,7 +2371,7 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
               },
               "lc-dark-theme"
             ),
-            onClick: (f) => !l && d(f, t),
+            onClick: (b) => !l && d(b, t),
             href: _
           }, s),
           r
@@ -2432,14 +2432,14 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
   const c = e.useRef(null), { isMounted: d, isOpen: i } = $r({
     isVisible: n,
     elementRef: c
-  }), s = window.matchMedia("(max-width: 768px)").matches, p = a === "warning" ? "link-inverted" : "text", m = a === "warning" ? "secondary" : "high-contrast", f = o || l ? /* @__PURE__ */ e.createElement("div", { className: Ve[`${st}__cta-wrapper`] }, o && /* @__PURE__ */ e.createElement(
+  }), s = window.matchMedia("(max-width: 768px)").matches, p = a === "warning" ? "link-inverted" : "text", m = a === "warning" ? "secondary" : "high-contrast", b = o || l ? /* @__PURE__ */ e.createElement("div", { className: Ve[`${st}__cta-wrapper`] }, o && /* @__PURE__ */ e.createElement(
     W,
     k({
       size: "compact",
       kind: s ? p : m
     }, o),
     o.label
-  ), l && /* @__PURE__ */ e.createElement(W, k({ size: "compact", kind: p }, l), l.label)) : null, b = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Ve[`${st}__children-wrapper`] }, _, f), r && /* @__PURE__ */ e.createElement(
+  ), l && /* @__PURE__ */ e.createElement(W, k({ size: "compact", kind: p }, l), l.label)) : null, g = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Ve[`${st}__children-wrapper`] }, _, b), r && /* @__PURE__ */ e.createElement(
     "button",
     k({
       className: Ve[`${st}__close-button`]
@@ -2473,7 +2473,7 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
           t
         )
       },
-      b
+      g
     )
   ));
 };
@@ -2580,7 +2580,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     "type",
     "withRim"
   ]);
-  const f = d === "image" && !l, [b, v] = e.useState(f), h = d === "image" && !!l && !b, y = d === "text", E = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, $ = rl(c, E), w = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), C = r || al(c), g = C ? _l(C) : void 0, N = y ? { backgroundColor: C } : {}, S = u(k({
+  const b = d === "image" && !l, [g, h] = e.useState(b), v = d === "image" && !!l && !g, y = d === "text", E = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, $ = rl(c, E), w = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), C = r || al(c), f = C ? _l(C) : void 0, N = y ? { backgroundColor: C } : {}, S = u(k({
     [Ee[_e]]: !0,
     [Ee[`${_e}--${_}`]]: !0,
     [Ee[`${_e}--${o}`]]: !0,
@@ -2596,10 +2596,10 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
   ), I = u(
     Ee[`${_e}__rim`],
     Ee[`${_e}__rim--${o}`]
-  ), O = (X) => w ? "2xs" : ["medium"].includes(X) ? "xs" : ["large", "xlarge"].includes(X) ? "sm" : ["xxlarge"].includes(X) ? "lg" : "xl", Y = e.useCallback(() => v(!0), []);
+  ), O = (X) => w ? "2xs" : ["medium"].includes(X) ? "xs" : ["large", "xlarge"].includes(X) ? "sm" : ["xxlarge"].includes(X) ? "lg" : "xl", Y = e.useCallback(() => h(!0), []);
   return e.useEffect(() => {
-    v(f);
-  }, [f]), /* @__PURE__ */ e.createElement("div", k({ className: S, style: N }, s), i && /* @__PURE__ */ e.createElement(
+    h(b);
+  }, [b]), /* @__PURE__ */ e.createElement("div", k({ className: S, style: N }, s), i && /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": `${_e}__rim`,
@@ -2611,7 +2611,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
       "data-testid": `${_e}__status`,
       className: M
     }
-  ), h && /* @__PURE__ */ e.createElement(
+  ), v && /* @__PURE__ */ e.createElement(
     "img",
     {
       className: Ee[`${_e}__image`],
@@ -2624,12 +2624,12 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     {
       as: "span",
       size: O(o),
-      style: { color: g },
+      style: { color: f },
       bold: w,
       uppercase: w
     },
     $
-  ), b && /* @__PURE__ */ e.createElement(
+  ), g && /* @__PURE__ */ e.createElement(
     x,
     {
       "data-testid": `${_e}__icon`,
@@ -2657,26 +2657,26 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
   e.useEffect(() => {
     s && i(o);
   }, [o]);
-  const p = (f, b) => {
-    s || i(f), n(f, b);
-  }, m = a.map(({ id: f, label: b, loading: v, disabled: h, icon: y }) => {
-    const E = f === d, $ = E ? Na["btn--active"] : "", w = E ? !1 : v;
+  const p = (b, g) => {
+    s || i(b), n(b, g);
+  }, m = a.map(({ id: b, label: g, loading: h, disabled: v, icon: y }) => {
+    const E = b === d, $ = E ? Na["btn--active"] : "", w = E ? !1 : h;
     return /* @__PURE__ */ e.createElement(
       W,
       {
-        key: f,
+        key: b,
         fullWidth: l,
         loading: w,
-        disabled: h,
+        disabled: v,
         "aria-pressed": E,
         kind: "secondary",
         icon: y,
         className: u(Na.btn, Na[`btn--${t}`], $),
         onClick: (C) => {
-          p(f, C);
+          p(b, C);
         }
       },
-      b
+      g
     );
   });
   return /* @__PURE__ */ e.createElement("div", { role: "group", className: c }, m);
@@ -2714,7 +2714,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     "src",
     "title"
   ]);
-  const [p, m] = e.useState(!1), f = p ? Oa : Ot, b = p ? "Hide" : "Show more", v = (a == null ? void 0 : a.length) > 0, h = !!l, y = v || h, E = c, $ = n, w = $ ? "" : ye[yl];
+  const [p, m] = e.useState(!1), b = p ? Oa : Ot, g = p ? "Hide" : "Show more", h = (a == null ? void 0 : a.length) > 0, v = !!l, y = h || v, E = c, $ = n, w = $ ? "" : ye[yl];
   return /* @__PURE__ */ e.createElement("div", k({ className: u(ye[na], _) }, d), E && /* @__PURE__ */ e.createElement("div", { className: u(ye[Ma], w) }, $ && /* @__PURE__ */ e.createElement(
     "img",
     {
@@ -2737,27 +2737,27 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
       className: ye[`${na}__expanded-content`]
     },
     l
-  ), y && /* @__PURE__ */ e.createElement("div", { className: ye[Sa] }, /* @__PURE__ */ e.createElement("div", { className: ye[`${Sa}__line`] }), /* @__PURE__ */ e.createElement("div", { className: ye[`${Sa}__buttons`] }, v && a.map(
-    ({ kind: C, onClick: g, children: N }, S) => /* @__PURE__ */ e.createElement(
+  ), y && /* @__PURE__ */ e.createElement("div", { className: ye[Sa] }, /* @__PURE__ */ e.createElement("div", { className: ye[`${Sa}__line`] }), /* @__PURE__ */ e.createElement("div", { className: ye[`${Sa}__buttons`] }, h && a.map(
+    ({ kind: C, onClick: f, children: N }, S) => /* @__PURE__ */ e.createElement(
       W,
       {
         key: S,
         size: "compact",
         kind: C,
-        onClick: g
+        onClick: f
       },
       N
     )
-  ), h && /* @__PURE__ */ e.createElement(
+  ), v && /* @__PURE__ */ e.createElement(
     W,
     {
       className: ye[`${Sa}__buttons-expander`],
       kind: "link",
       iconPosition: "right",
-      icon: /* @__PURE__ */ e.createElement(x, { source: f }),
+      icon: /* @__PURE__ */ e.createElement(x, { source: b }),
       onClick: () => m(!p)
     },
-    b
+    g
   ))));
 }, wl = {
   "field-description": "lc-FieldDescription-module__field-description___IcRDH"
@@ -2855,26 +2855,26 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     toMonth: p
   } = t, m = () => {
     typeof a == "function" && a();
-  }, f = () => {
-    typeof _ == "function" && _();
   }, b = () => {
+    typeof _ == "function" && _();
+  }, g = () => {
     if (!s) {
       const E = Rt(i, 12);
       return r(E);
     }
-    const h = Math.abs(Ir(i, s)), y = Rt(
+    const v = Math.abs(Ir(i, s)), y = Rt(
       i,
-      !Number.isNaN(h) && h > 12 ? 12 : h
+      !Number.isNaN(v) && v > 12 ? 12 : v
     );
     return r(y);
-  }, v = () => {
+  }, h = () => {
     if (!p) {
       const E = Tr(i, 12);
       return r(E);
     }
-    const h = Math.abs(Ir(p, i)), y = Tr(
+    const v = Math.abs(Ir(p, i)), y = Tr(
       i,
-      !Number.isNaN(h) && h > 12 ? 12 : h
+      !Number.isNaN(v) && v > 12 ? 12 : v
     );
     return d === 2 && pr(y, p) ? r(Rt(y, 1)) : r(y);
   };
@@ -2886,7 +2886,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
         [c.navButtonPrev]: !0,
         [c.navButtonInteractionDisabled]: !l
       }),
-      onClick: b
+      onClick: g
     },
     /* @__PURE__ */ e.createElement(x, { source: D_, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
@@ -2908,7 +2908,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
         [c.navButtonNext]: !0,
         [c.navButtonInteractionDisabled]: !o
       }),
-      onClick: f
+      onClick: b
     },
     /* @__PURE__ */ e.createElement(x, { source: La, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
@@ -2919,7 +2919,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
         [c.navButtonNext]: !0,
         [c.navButtonInteractionDisabled]: !o
       }),
-      onClick: v
+      onClick: h
     },
     /* @__PURE__ */ e.createElement(x, { source: A_, kind: "subtle" })
   )));
@@ -3014,25 +3014,25 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
     "navbarElement",
     "renderDay",
     "innerRef"
-  ]), [m, f] = e.useState(o || /* @__PURE__ */ new Date());
+  ]), [m, b] = e.useState(o || /* @__PURE__ */ new Date());
   e.useEffect(() => {
-    o && o !== m && f(o);
+    o && o !== m && b(o);
   }, [o, m]), e.useEffect(() => {
-    _ && o !== m && (f_(m, { from: l, to: _ }) || f(_));
+    _ && o !== m && (f_(m, { from: l, to: _ }) || b(_));
   }, [o, m, _, l]);
-  const b = e.useCallback(
+  const g = e.useCallback(
     (E) => {
       if (t.onMonthChange && E) {
         t.onMonthChange(E);
         return;
       }
-      f(E);
+      b(E);
     },
     [o, t.onMonthChange]
   );
-  let v = 1;
-  (n === 0 || n && n < 7) && (v = n);
-  const h = e.useMemo(
+  let h = 1;
+  (n === 0 || n && n < 7) && (h = n);
+  const v = e.useMemo(
     () => Rl(r, a),
     [r, a]
   );
@@ -3043,19 +3043,19 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
         Pl,
         {
           month: m,
-          classNames: h,
+          classNames: v,
           numberOfMonths: c,
-          onMonthChange: b,
+          onMonthChange: g,
           toMonth: _,
           fromMonth: l
         }
       ),
       ref: s,
-      classNames: h,
+      classNames: v,
       numberOfMonths: c,
       toMonth: _,
       fromMonth: l,
-      firstDayOfWeek: v,
+      firstDayOfWeek: h,
       month: m,
       renderDay: i || Ml
     }, p)
@@ -3156,113 +3156,113 @@ const Gl = (t) => {
       payload: { date: _ }
     });
   }, [_]), Ft(() => {
-    const v = b_(
+    const h = b_(
       r,
       _,
       o
     );
     i({
       type: Z.CURRENT_MONTH_CHANGE,
-      payload: { date: v }
+      payload: { date: h }
     });
   }, [o, r, _]), Ft(() => {
-    const { from: v, selectedItem: h, to: y } = d;
-    if (!(v && y))
+    const { from: h, selectedItem: v, to: y } = d;
+    if (!(h && y))
       return;
-    const E = oa(h, t);
+    const E = oa(v, t);
     E && (l == null || l(T(k({}, E), {
       value: {
-        from: v,
+        from: h,
         to: y
       }
     })));
   }, [d.from, d.to, d.selectedItem, t, l]), Ft(() => {
-    const { selectedItem: v } = d;
-    if (v === c.current)
+    const { selectedItem: h } = d;
+    if (h === c.current)
       return;
-    if (!v) {
+    if (!h) {
       l(null);
       return;
     }
-    if (!oa(v, t))
+    if (!oa(h, t))
       return;
     const y = t.reduce(
       (E, $) => T(k({}, E), { [$.id]: $ }),
       {}
     );
-    l(y[v]);
+    l(y[h]);
   }, [l, d.selectedItem, t]);
   const s = ka(
-    (v) => {
-      const h = o ? wr(o, v) >= 0 : !0;
-      !zr(d.from, d.to) && h && i({
+    (h) => {
+      const v = o ? wr(o, h) >= 0 : !0;
+      !zr(d.from, d.to) && v && i({
         type: Z.NEW_TEMPORARY_TO_VALUE,
-        payload: { date: v }
+        payload: { date: h }
       });
     },
     [o, d.from, d.to]
   ), p = ka(
-    (v) => {
-      const { from: h, to: y } = d;
-      f_(v, { to: o }) && (zr(h, y) ? i({
+    (h) => {
+      const { from: v, to: y } = d;
+      f_(h, { to: o }) && (zr(v, y) ? i({
         type: Z.SELECT_FIRST_DAY,
-        payload: { date: v }
-      }) : h && gr(v, h) || h && fr(v, h) ? i({
+        payload: { date: h }
+      }) : v && gr(h, v) || v && fr(h, v) ? i({
         type: Z.SELECT_SECOND_DAY_AS_TO,
-        payload: { date: v }
+        payload: { date: h }
       }) : i({
         type: Z.SELECT_SECOND_DAY_AS_FROM,
-        payload: { date: v }
+        payload: { date: h }
       }));
     },
     [o, d.from, d.to]
   ), m = ka(
-    (v) => {
-      if (v === null) {
+    (h) => {
+      if (h === null) {
         i({
           type: Z.NEW_SELECTED_ITEM,
           payload: { selectedItem: null }
         });
         return;
       }
-      oa(v, t) && i({
+      oa(h, t) && i({
         type: Z.NEW_SELECTED_ITEM,
-        payload: { selectedItem: v }
+        payload: { selectedItem: h }
       });
     },
     [t]
-  ), f = ka((v) => {
+  ), b = ka((h) => {
     i({
       type: Z.CURRENT_MONTH_CHANGE,
-      payload: { date: v }
+      payload: { date: h }
     });
   }, []);
   return n((() => {
-    const { currentMonth: v, from: h, selectedItem: y, temporaryTo: E, to: $ } = d, w = Ea(
-      () => Al(h, E),
-      [h, E]
-    ), C = Ea(() => oa(y, t), [t, y]), g = Ea(() => [h, { from: h, to: E }], [h, E]), N = Ea(() => o ? { after: o } : void 0, [o]);
+    const { currentMonth: h, from: v, selectedItem: y, temporaryTo: E, to: $ } = d, w = Ea(
+      () => Al(v, E),
+      [v, E]
+    ), C = Ea(() => oa(y, t), [t, y]), f = Ea(() => [v, { from: v, to: E }], [v, E]), N = Ea(() => o ? { after: o } : void 0, [o]);
     return {
       select: {
         onItemSelect: m,
         selected: y || ""
       },
       inputs: {
-        fromDate: h,
+        fromDate: v,
         toDate: $
       },
       datepicker: {
         range: !0,
-        month: v,
+        month: h,
         numberOfMonths: 2,
         onDayClick: p,
-        selectedDays: g,
+        selectedDays: f,
         modifiers: w,
         initialMonth: o && Rt(o, 1),
         toMonth: o,
         disabledDays: N,
         onDayMouseEnter: s,
-        onMonthChange: f
+        onMonthChange: b
       },
       selectedOption: C
     };
@@ -3320,35 +3320,35 @@ const ci = (t) => {
   hideLabelOnOpen: d,
   onClick: i
 }) => {
-  const [s, p] = e.useState(c), [m, f] = e.useState(0), b = e.useRef(null), v = u(
+  const [s, p] = e.useState(c), [m, b] = e.useState(0), g = e.useRef(null), h = u(
     H[z],
     l && H[`${z}--with-divider`],
     a
-  ), h = d && s, y = typeof o == "string", E = (w) => {
+  ), v = d && s, y = typeof o == "string", E = (w) => {
     p((C) => !C), w.currentTarget.blur(), i == null || i(w);
   }, $ = (w) => {
-    const g = w.target.tagName.toLowerCase();
-    Hl.includes(g) || (p((N) => !N), i == null || i(w));
+    const f = w.target.tagName.toLowerCase();
+    Hl.includes(f) || (p((N) => !N), i == null || i(w));
   };
   return e.useEffect(() => {
     const w = !!window.IntersectionObserver;
-    if (b.current && w) {
+    if (g.current && w) {
       const C = new ResizeObserver(() => {
-        b.current && m !== b.current.offsetHeight && f(b.current.offsetHeight);
+        g.current && m !== g.current.offsetHeight && b(g.current.offsetHeight);
       });
-      return C.observe(b.current), () => C.disconnect();
+      return C.observe(g.current), () => C.disconnect();
     }
-  }, [b]), /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement(
+  }, [g]), /* @__PURE__ */ e.createElement("div", { className: h }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
         H[`${z}__label-wrapper`],
         d && H[`${z}__label-wrapper--fading`],
-        h && H[`${z}__label-wrapper--hide`],
+        v && H[`${z}__label-wrapper--hide`],
         s && H[`${z}__label-wrapper--open`]
       ),
       "aria-expanded": s,
-      "aria-hidden": h,
+      "aria-hidden": v,
       "data-testid": "details-card-label",
       onClick: $
     },
@@ -3408,7 +3408,7 @@ const ci = (t) => {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        ref: b,
+        ref: g,
         className: u(
           H[`${z}__content`],
           n && H[`${z}__content--full-space`],
@@ -3527,8 +3527,8 @@ const ci = (t) => {
     l
   );
   return e.useEffect(() => {
-    const f = i;
-    return t && f.current ? p(`${f.current.clientHeight}px`) : p("auto");
+    const b = i;
+    return t && b.current ? p(`${b.current.clientHeight}px`) : p("auto");
   }), /* @__PURE__ */ e.createElement("div", { className: m }, d && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     B,
     {
@@ -3686,7 +3686,7 @@ const ci = (t) => {
     ]);
     const s = e.useRef(null);
     e.useImperativeHandle(c, () => s.current, []);
-    const [p, m] = e.useState(!1), [f, b] = e.useState(!1), { type: v, onFocus: h, onBlur: y } = n, E = u(
+    const [p, m] = e.useState(!1), [b, g] = e.useState(!1), { type: h, onFocus: v, onBlur: y } = n, E = u(
       o,
       Le[Oe],
       Le[`${Oe}--${t}`],
@@ -3697,7 +3697,7 @@ const ci = (t) => {
         [Le[`${Oe}--crop`]]: l,
         [Le[`${Oe}--read-only`]]: n.readOnly
       }
-    ), $ = r ? "var(--content-disabled)" : "var(--content-default)", w = f ? F_ : R_, C = _ && _.place === "left", g = _ && v !== "password" && _.place === "right", N = () => {
+    ), $ = r ? "var(--content-disabled)" : "var(--content-default)", w = b ? F_ : R_, C = _ && _.place === "left", f = _ && h !== "password" && _.place === "right", N = () => {
       var S;
       (S = s.current) == null || S.focus();
     };
@@ -3716,24 +3716,24 @@ const ci = (t) => {
         T(k({}, n), {
           ref: s,
           onFocus: (S) => {
-            m(!0), h == null || h(S);
+            m(!0), v == null || v(S);
           },
           onBlur: (S) => {
             m(!1), y == null || y(S);
           },
           disabled: r,
-          type: v && !f ? v : "text"
+          type: h && !b ? h : "text"
         })
       ),
-      g && Yr(_, r),
-      v === "password" && /* @__PURE__ */ e.createElement(
+      f && Yr(_, r),
+      h === "password" && /* @__PURE__ */ e.createElement(
         W,
         {
           disabled: r,
           kind: "text",
           size: "compact",
           icon: /* @__PURE__ */ e.createElement(x, { customColor: $, source: w }),
-          onClick: () => b((S) => !S),
+          onClick: () => g((S) => !S),
           className: Le[`${Oe}__visibility-button`]
         }
       )
@@ -3802,8 +3802,8 @@ const ci = (t) => {
   e.useEffect(() => {
     if (!_)
       return;
-    const m = (f) => {
-      f.key === de.esc && r();
+    const m = (b) => {
+      b.key === de.esc && r();
     };
     return document.addEventListener("keyup", m, !0), () => document.removeEventListener("keyup", m, !0);
   }, [_]);
@@ -3869,8 +3869,8 @@ const ci = (t) => {
     "onClose",
     "contentClassName"
   ]);
-  const p = u(se[dt], a), m = typeof t == "string", f = (b) => {
-    b.preventDefault(), b.stopPropagation(), n();
+  const p = u(se[dt], a), m = typeof t == "string", b = (g) => {
+    g.preventDefault(), g.stopPropagation(), n();
   };
   return /* @__PURE__ */ e.createElement(
     en,
@@ -3893,7 +3893,7 @@ const ci = (t) => {
       {
         labelType: !!_,
         customColor: "var(--color-white)",
-        onClick: f
+        onClick: b
       }
     )),
     !_ && /* @__PURE__ */ e.createElement(
@@ -3912,7 +3912,7 @@ const ci = (t) => {
         },
         r
       ),
-      /* @__PURE__ */ e.createElement(Xr, { onClick: f })
+      /* @__PURE__ */ e.createElement(Xr, { onClick: b })
     ),
     /* @__PURE__ */ e.createElement(
       "div",
@@ -4028,7 +4028,7 @@ const ci = (t) => {
     "style",
     "onChange"
   ]);
-  const m = e.useRef(null), f = u(
+  const m = e.useRef(null), b = u(
     Pt[At],
     {
       [Pt[`${At}--error`]]: a,
@@ -4036,29 +4036,29 @@ const ci = (t) => {
       [Pt[`${At}--disabled`]]: l
     },
     t
-  ), b = (g) => d(String(g)), v = (g) => _ !== void 0 && g > _ ? _ : o !== void 0 && g < o ? o : g, h = (g) => {
-    const N = parseInt(r, 10) + g;
-    return b(v(N));
-  }, y = (g) => {
-    g.key === de.arrowDown && (g.preventDefault(), h(-1)), g.key === de.arrowUp && (g.preventDefault(), h(1));
-  }, E = (g, N) => N !== void 0 && parseInt(g, 10) === N, $ = (g) => {
-    g.preventDefault(), g.stopPropagation();
-    const N = g.currentTarget.value.replace(
+  ), g = (f) => d(String(f)), h = (f) => _ !== void 0 && f > _ ? _ : o !== void 0 && f < o ? o : f, v = (f) => {
+    const N = parseInt(r, 10) + f;
+    return g(h(N));
+  }, y = (f) => {
+    f.key === de.arrowDown && (f.preventDefault(), v(-1)), f.key === de.arrowUp && (f.preventDefault(), v(1));
+  }, E = (f, N) => N !== void 0 && parseInt(f, 10) === N, $ = (f) => {
+    f.preventDefault(), f.stopPropagation();
+    const N = f.currentTarget.value.replace(
       /((?!([-]|([-]?\d+))).)/,
       ""
     );
     if (N === "" || N === "-")
-      return b(N);
+      return g(N);
     const S = parseInt(N, 10);
-    return b(v(S));
+    return g(h(S));
   }, w = () => {
-    var g;
-    return (g = m.current) == null || g.focus(), h(1);
+    var f;
+    return (f = m.current) == null || f.focus(), v(1);
   }, C = () => {
-    var g;
-    return (g = m.current) == null || g.focus(), h(-1);
+    var f;
+    return (f = m.current) == null || f.focus(), v(-1);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: f, style: c }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: b, style: c }, /* @__PURE__ */ e.createElement(
     "input",
     T(k({
       type: "text",
@@ -4135,20 +4135,20 @@ const ci = (t) => {
   onClick: c,
   cta: d
 }) => {
-  const i = e.useRef(null), s = e.useRef(null), [p, m] = e.useState(0), f = e.useRef(p);
+  const i = e.useRef(null), s = e.useRef(null), [p, m] = e.useState(0), b = e.useRef(p);
   return e.useEffect(() => {
     a && i.current && i.current.focus();
   }, [a]), e.useEffect(() => {
-    const b = !!window.ResizeObserver;
-    if (s.current && b) {
-      const v = new ResizeObserver((h) => {
-        const y = h[0];
+    const g = !!window.ResizeObserver;
+    if (s.current && g) {
+      const h = new ResizeObserver((v) => {
+        const y = v[0];
         if (!y)
           return;
         const E = y.contentRect.height + tn;
-        f.current !== E && (m(E), f.current = E);
+        b.current !== E && (m(E), b.current = E);
       });
-      return v.observe(s.current), () => v.disconnect();
+      return h.observe(s.current), () => h.disconnect();
     }
   }, [s]), /* @__PURE__ */ e.createElement(
     "div",
@@ -4251,16 +4251,16 @@ const ci = (t) => {
   className: i
 }) => {
   var $;
-  const [s, p] = e.useState(c), [m, f] = e.useState(!c), [b, v] = e.useState(void 0), h = e.useRef(null), y = d.height || 96, E = () => {
-    f((w) => !w);
+  const [s, p] = e.useState(c), [m, b] = e.useState(!c), [g, h] = e.useState(void 0), v = e.useRef(null), y = d.height || 96, E = () => {
+    b((w) => !w);
   };
   return e.useEffect(() => {
-    const w = d.delay || 1500, C = h.current;
+    const w = d.delay || 1500, C = v.current;
     if (c && C) {
-      const g = C.offsetHeight;
-      v(g);
+      const f = C.offsetHeight;
+      h(f);
       const N = setTimeout(() => {
-        p(!0), f(!1);
+        p(!0), b(!1);
       }, w);
       return () => {
         clearTimeout(N);
@@ -4269,7 +4269,7 @@ const ci = (t) => {
   }, [c]), /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: h,
+      ref: v,
       className: u(
         Q[ee],
         {
@@ -4278,7 +4278,7 @@ const ci = (t) => {
         i
       ),
       style: {
-        height: !s || m ? b : y
+        height: !s || m ? g : y
       }
     },
     m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__column`] }, /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__header`] }, _ && /* @__PURE__ */ e.createElement(
@@ -4508,13 +4508,13 @@ const Mt = "select-all", ln = (t, a) => {
   getFloatingProps: s,
   getItemProps: p,
   emptyStateText: m = "No results found",
-  pickerType: f = "single",
-  listClassName: b,
-  virtuosoProps: v
+  pickerType: b = "single",
+  listClassName: g,
+  virtuosoProps: h
 }) => {
-  const [h, y] = e.useState(0), E = o.length, $ = e.useCallback(
+  const [v, y] = e.useState(0), E = o.length, $ = e.useCallback(
     (C) => {
-      C !== h && (C < _ ? y(C + (E - 1) * rn) : y(_));
+      C !== v && (C < _ ? y(C + (E - 1) * rn) : y(_));
     },
     [E]
   );
@@ -4538,7 +4538,7 @@ const Mt = "select-all", ln = (t, a) => {
       "data-testid": "picker-list",
       ref: a,
       tabIndex: -1,
-      className: u(Qt.listbox, b),
+      className: u(Qt.listbox, g),
       style: T(k({}, r), {
         maxHeight: _
       })
@@ -4547,7 +4547,7 @@ const Mt = "select-all", ln = (t, a) => {
       "div",
       k({
         tabIndex: 0,
-        "aria-multiselectable": f === "multi",
+        "aria-multiselectable": b === "multi",
         className: Qt["listbox-wrapper"]
       }, s({
         onKeyDown(C) {
@@ -4564,21 +4564,21 @@ const Mt = "select-all", ln = (t, a) => {
         lo,
         T(k({
           totalListHeightChanged: $,
-          style: { height: `${h}px`, maxHeight: _ },
+          style: { height: `${v}px`, maxHeight: _ },
           totalCount: o.length,
           data: o,
           increaseViewportBy: 200
-        }, v), {
-          itemContent: (C, g) => /* @__PURE__ */ e.createElement(
+        }, h), {
+          itemContent: (C, f) => /* @__PURE__ */ e.createElement(
             nn,
             {
               index: C,
               getItemProps: p,
               listElementsRef: c,
               isActive: l === C,
-              isSelected: w(g.key),
+              isSelected: w(f.key),
               onSelect: i,
-              item: g,
+              item: f,
               numberOfItems: E
             }
           )
@@ -4618,9 +4618,9 @@ const Mt = "select-all", ln = (t, a) => {
   isError: s,
   onClear: p,
   children: m,
-  setTriggerFocus: f
+  setTriggerFocus: b
 }) => {
-  const b = u(
+  const g = u(
     be[ie],
     be[`${ie}--${_}`],
     o && be[`${ie}--multi-select`],
@@ -4628,24 +4628,24 @@ const Mt = "select-all", ln = (t, a) => {
     c && be[`${ie}--disabled`],
     i && be[`${ie}--focused`],
     s && be[`${ie}--error`]
-  ), v = !n && l && !c && !d, h = (y) => {
+  ), h = !n && l && !c && !d, v = (y) => {
     y.stopPropagation(), p();
   };
   return e.useEffect(() => {
-    i || f(!1);
+    i || b(!1);
   }, [i]), /* @__PURE__ */ e.createElement(
     "button",
     T(k({
       tabIndex: c ? -1 : 0,
       "aria-disabled": c,
       disabled: c,
-      className: b,
+      className: g,
       "data-testid": r,
       ref: t,
       type: "button"
     }, a()), {
-      onFocus: () => f(!0),
-      onBlur: () => f(!1)
+      onFocus: () => b(!0),
+      onBlur: () => b(!1)
     }),
     /* @__PURE__ */ e.createElement(
       B,
@@ -4667,12 +4667,12 @@ const Mt = "select-all", ln = (t, a) => {
           be[`${ie}__controls--${_}`]
         )
       },
-      v && /* @__PURE__ */ e.createElement(
+      h && /* @__PURE__ */ e.createElement(
         "div",
         {
           "data-testid": `${ie}__clear-icon`,
           className: be[`${ie}__clear-icon`],
-          onClick: h
+          onClick: v
         },
         /* @__PURE__ */ e.createElement(x, { kind: "primary", size: "small", source: Ie })
       ),
@@ -4721,8 +4721,8 @@ const Mt = "select-all", ln = (t, a) => {
   "tag__remove--hover": "lc-Tag-module__tag__remove--hover___2ROEU",
   tag__node: pn,
   tag__content: gn
-}, Ce = "tag", fn = (t) => t ? yr(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", h_ = (v) => {
-  var h = v, {
+}, Ce = "tag", fn = (t) => t ? yr(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", h_ = (h) => {
+  var v = h, {
     className: t = "",
     children: a,
     dismissible: r = !1,
@@ -4736,8 +4736,8 @@ const Mt = "select-all", ln = (t, a) => {
     rightNode: s,
     customColor: p,
     iconOnly: m = !1,
-    value: f
-  } = h, b = D(h, [
+    value: b
+  } = v, g = D(v, [
     "className",
     "children",
     "dismissible",
@@ -4770,7 +4770,7 @@ const Mt = "select-all", ln = (t, a) => {
       color: p,
       borderColor: p
     }
-  } : { style: { backgroundColor: p } } : {}, g = () => {
+  } : { style: { backgroundColor: p } } : {}, f = () => {
     if (p)
       return d ? p : yr(p, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
   };
@@ -4778,7 +4778,7 @@ const Mt = "select-all", ln = (t, a) => {
     B,
     T(k(k({
       className: E
-    }, b), C()), {
+    }, g), C()), {
       as: "div",
       size: w
     }),
@@ -4787,15 +4787,15 @@ const Mt = "select-all", ln = (t, a) => {
       {
         "data-testid": "lc-tag-left-node",
         className: we[`${Ce}__node`],
-        style: { color: g() }
+        style: { color: f() }
       },
       i
-    ), /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__content`] }, f || a), s && !m && /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__content`] }, b || a), s && !m && /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "lc-tag-right-node",
         className: we[`${Ce}__node`],
-        style: { color: g() }
+        style: { color: f() }
       },
       s
     )),
@@ -4817,7 +4817,7 @@ const Mt = "select-all", ln = (t, a) => {
           "data-dismiss-icon": !0,
           source: Ie,
           size: $,
-          customColor: g()
+          customColor: f()
         }
       )
     )
@@ -4854,38 +4854,38 @@ const Mt = "select-all", ln = (t, a) => {
   onFilter: s,
   onClear: p,
   searchPhrase: m,
-  virtualItemRef: f,
-  isTriggerFocused: b,
-  inputRef: v
+  virtualItemRef: b,
+  isTriggerFocused: g,
+  inputRef: h
 }) => {
-  const h = t && !a;
+  const v = t && !a;
   e.useEffect(() => {
-    n && v != null && v.current && v.current.focus();
+    n && h != null && h.current && h.current.focus();
   }, [o, n]);
-  const y = (g) => {
-    g.key === "Backspace" && o && o.length > 0 && (g.preventDefault(), l === "multi" ? d(o[o.length - 1].key) : p()), g.key === "Delete" && (g.preventDefault(), p());
+  const y = (f) => {
+    f.key === "Backspace" && o && o.length > 0 && (f.preventDefault(), l === "multi" ? d(o[o.length - 1].key) : p()), f.key === "Delete" && (f.preventDefault(), p());
   };
-  e.useEffect(() => (!t && b ? document.addEventListener("keydown", y) : document.removeEventListener("keydown", y), () => document.removeEventListener("keydown", y)), [t, o, b]);
-  const E = (g) => l === "single" && t && !a ? null : g != null && g.customElement ? /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, g.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, g.icon && /* @__PURE__ */ e.createElement(
+  e.useEffect(() => (!t && g ? document.addEventListener("keydown", y) : document.removeEventListener("keydown", y), () => document.removeEventListener("keydown", y)), [t, o, g]);
+  const E = (f) => l === "single" && t && !a ? null : f != null && f.customElement ? /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, f.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, f.icon && /* @__PURE__ */ e.createElement(
     x,
     {
-      source: g.icon,
+      source: f.icon,
       className: he[`${ve}__item__icon`]
     }
-  ), g.avatarSrc && /* @__PURE__ */ e.createElement(
+  ), f.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
-      src: g.avatarSrc,
+      src: f.avatarSrc,
       alt: "",
       className: he[`${ve}__item__avatar`]
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item__content`] }, g.name)), $ = (g) => s(g.target.value), w = (g) => {
+  ), /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item__content`] }, f.name)), $ = (f) => s(f.target.value), w = (f) => {
     var N, S;
-    (N = f.current) != null && N.id && g.key === "Enter" && i((S = f.current) == null ? void 0 : S.id), l === "multi" && (g.key === "Backspace" || g.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
+    (N = b.current) != null && N.id && f.key === "Enter" && i((S = b.current) == null ? void 0 : S.id), l === "multi" && (f.key === "Backspace" || f.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
   }, C = () => /* @__PURE__ */ e.createElement(
     "input",
     {
-      ref: v,
+      ref: h,
       className: u(
         he[`${ve}__input`],
         he[`${ve}__input--${c}`]
@@ -4897,7 +4897,7 @@ const Mt = "select-all", ln = (t, a) => {
       value: m
     }
   );
-  return !o || o.length === 0 ? h ? C() : /* @__PURE__ */ e.createElement(
+  return !o || o.length === 0 ? v ? C() : /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u({
@@ -4913,22 +4913,22 @@ const Mt = "select-all", ln = (t, a) => {
         [he[`${ve}--single`]]: l === "single"
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item-container`] }, l === "single" ? E(o[0]) : o.map((g) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item-container`] }, l === "single" ? E(o[0]) : o.map((f) => /* @__PURE__ */ e.createElement(
       h_,
       {
-        key: g.key,
+        key: f.key,
         className: u(
           he[`${ve}__tag`],
           he[`${ve}__tag--${c}`]
         ),
         disabled: r,
         onRemove: (N) => {
-          N.stopPropagation(), d(g.key);
+          N.stopPropagation(), d(f.key);
         }
       },
-      E(g)
+      E(f)
     ))),
-    h && C()
+    v && C()
   );
 }, hn = 10, vn = ({
   disabled: t,
@@ -4943,11 +4943,11 @@ const Mt = "select-all", ln = (t, a) => {
   onVisibilityChange: i,
   searchPhrase: s
 }) => {
-  const p = sa(), [m, f] = e.useState(!1), [b, v] = e.useState(null), [h, y] = e.useState(o), E = e.useRef([]), $ = e.useRef(null);
+  const p = sa(), [m, b] = e.useState(!1), [g, h] = e.useState(null), [v, y] = e.useState(o), E = e.useRef([]), $ = e.useRef(null);
   e.useEffect(() => {
-    $.current = null, v(null);
+    $.current = null, h(null);
   }, [s]);
-  const { refs: w, floatingStyles: C, context: g, isPositioned: N } = da({
+  const { refs: w, floatingStyles: C, context: f, isPositioned: N } = da({
     nodeId: p,
     open: d,
     strategy: l,
@@ -4974,15 +4974,15 @@ const Mt = "select-all", ln = (t, a) => {
         padding: hn
       })
     ]
-  }), S = pa(g, k({
+  }), S = pa(f, k({
     enabled: !t,
     keyboardHandlers: !1,
     toggle: !1
-  }, c)), M = fa(g, { role: "listbox" }), G = ga(g, n), I = ao(g, {
+  }, c)), M = fa(f, { role: "listbox" }), G = ga(f, n), I = ao(f, {
     enabled: a.length > 0 && !t,
     listRef: E,
-    activeIndex: b,
-    onNavigate: v,
+    activeIndex: g,
+    onNavigate: h,
     virtual: !0,
     virtualItemRef: $,
     disabledIndices: ln(
@@ -4992,22 +4992,22 @@ const Mt = "select-all", ln = (t, a) => {
   }), { getReferenceProps: O, getFloatingProps: Y, getItemProps: X } = ba(
     [S, G, M, I]
   );
-  return !d && m && f(!1), {
+  return !d && m && b(!1), {
     getReferenceProps: O,
     getFloatingProps: Y,
     getItemProps: X,
     setReference: w.setReference,
     floatingStyles: C,
     isPositioned: N,
-    context: g,
+    context: f,
     nodeId: p,
     setFloating: w.setFloating,
-    activeIndex: b,
+    activeIndex: g,
     listElementsRef: E,
     virtualItemRef: $,
-    maxHeight: h,
+    maxHeight: v,
     pointer: m,
-    setPointer: f
+    setPointer: b
   };
 }, kn = ({
   selected: t,
@@ -5021,18 +5021,18 @@ const Mt = "select-all", ln = (t, a) => {
 }) => {
   const [d, i] = e.useState(
     () => (t == null ? void 0 : t.map(lr)) || []
-  ), s = t !== void 0, p = s ? (t == null ? void 0 : t.map(lr)) || [] : d, [m, f] = e.useState(""), b = (w) => f(w), v = (w) => $(w), h = () => {
-    !s && i([]), o(null), f(""), l(!1);
+  ), s = t !== void 0, p = s ? (t == null ? void 0 : t.map(lr)) || [] : d, [m, b] = e.useState(""), g = (w) => b(w), h = (w) => $(w), v = () => {
+    !s && i([]), o(null), b(""), l(!1);
   }, y = () => {
-    b(""), c.current && (c.current.value = "");
+    g(""), c.current && (c.current.value = "");
   }, E = e.useMemo(() => {
     const w = r === "multi" && _;
     let C = a;
-    return m && (C = C.filter((g) => {
+    return m && (C = C.filter((f) => {
       var G;
-      if (g.groupHeader)
+      if (f.groupHeader)
         return !1;
-      const N = m.toLowerCase(), S = g.name.toLowerCase(), M = (G = g.secondaryText) == null ? void 0 : G.toLowerCase();
+      const N = m.toLowerCase(), S = f.name.toLowerCase(), M = (G = f.secondaryText) == null ? void 0 : G.toLowerCase();
       return S.includes(N) || (M == null ? void 0 : M.includes(N));
     })), w && C.length > 1 && (C = [
       {
@@ -5042,22 +5042,22 @@ const Mt = "select-all", ln = (t, a) => {
       ...C
     ]), C;
   }, [m, a, r, _]), $ = (w) => {
-    const C = a.find((g) => g.key === w);
+    const C = a.find((f) => f.key === w);
     if (!((!C || C.disabled) && w !== Mt))
       if (r === "single")
         i(() => (C && o([C]), [w])), l(!1);
       else if (w === Mt)
         p.length === br(a).length ? i(() => (o(null), [])) : i(() => {
-          const g = br(a);
-          return o(g), g.map(({ key: N }) => N);
+          const f = br(a);
+          return o(f), f.map(({ key: N }) => N);
         });
       else {
         if (s) {
-          const g = (t == null ? void 0 : t.map(lr)) || [], N = Jr(g, w);
+          const f = (t == null ? void 0 : t.map(lr)) || [], N = Jr(f, w);
           o(a.filter(({ key: S }) => N.includes(S)));
         } else
-          i((g) => {
-            const N = Jr(g, w);
+          i((f) => {
+            const N = Jr(f, w);
             return o(a.filter(({ key: S }) => N.includes(S))), N;
           });
         n && y();
@@ -5068,9 +5068,9 @@ const Mt = "select-all", ln = (t, a) => {
     items: E,
     searchPhrase: m,
     handleSelect: $,
-    handleOnFilter: b,
-    handleItemRemove: v,
-    handleClear: h
+    handleOnFilter: g,
+    handleItemRemove: h,
+    handleClear: v
   };
 }, En = {
   "picker-wrapper": "lc-Picker-module__picker-wrapper___2EDne"
@@ -5089,16 +5089,16 @@ const Mt = "select-all", ln = (t, a) => {
     placeholder: s = "Select option",
     isRequired: p,
     noSearchResultText: m = "No results found",
-    selectAllOptionText: f,
-    type: b = "single",
-    searchDisabled: v = !1,
-    hideClearButton: h,
+    selectAllOptionText: b,
+    type: g = "single",
+    searchDisabled: h = !1,
+    hideClearButton: v,
     isVisible: y,
     onOpen: E,
     onClose: $,
     openedOnInit: w = !1,
     clearSearchAfterSelection: C = !0,
-    onSelect: g,
+    onSelect: f,
     placement: N,
     floatingStrategy: S,
     useDismissHookProps: M,
@@ -5147,9 +5147,9 @@ const Mt = "select-all", ln = (t, a) => {
   } = kn({
     selected: d,
     options: c,
-    type: b,
-    selectAllOptionText: f,
-    onSelect: g,
+    type: g,
+    selectAllOptionText: b,
+    onSelect: f,
     setOpen: ft,
     clearSearchAfterSelection: C,
     inputRef: $t
@@ -5190,11 +5190,11 @@ const Mt = "select-all", ln = (t, a) => {
       isItemSelected: Nt.length > 0,
       isOpen: Ne,
       onClear: P,
-      hideClearButton: h,
+      hideClearButton: v,
       isDisabled: l,
       isError: n,
       isRequired: p,
-      isMultiSelect: b === "multi",
+      isMultiSelect: g === "multi",
       size: i,
       setTriggerFocus: Ke
     },
@@ -5202,11 +5202,11 @@ const Mt = "select-all", ln = (t, a) => {
       bn,
       {
         isOpen: Ne,
-        isSearchDisabled: v,
+        isSearchDisabled: h,
         isDisabled: l,
         placeholder: s,
         selectedItems: d,
-        type: b,
+        type: g,
         size: i,
         clearSearchAfterSelection: C,
         inputRef: $t,
@@ -5222,7 +5222,7 @@ const Mt = "select-all", ln = (t, a) => {
   ), /* @__PURE__ */ e.createElement(ha, { id: ue }, Ne && /* @__PURE__ */ e.createElement(o_, null, /* @__PURE__ */ e.createElement(
     sn,
     {
-      pickerType: b,
+      pickerType: g,
       options: bt,
       listClassName: r,
       context: V,
@@ -5256,20 +5256,20 @@ const Mt = "select-all", ln = (t, a) => {
   openedOnInit: s,
   closeOnEsc: p = !0,
   useDismissHookProps: m,
-  useClickHookProps: f,
-  floatingStrategy: b
+  useClickHookProps: b,
+  floatingStrategy: g
 }) => {
-  const [v, h] = e.useState(s), y = Ga(), E = sa(), $ = i !== void 0, w = $ ? i : v, C = typeof _ == "string", g = typeof t == "function", N = (Ke, Ue) => {
-    Ke ? r == null || r(Ue) : a == null || a(Ue), !$ && h(Ke);
+  const [h, v] = e.useState(s), y = Ga(), E = sa(), $ = i !== void 0, w = $ ? i : h, C = typeof _ == "string", f = typeof t == "function", N = (Ke, Ue) => {
+    Ke ? r == null || r(Ue) : a == null || a(Ue), !$ && v(Ke);
   }, { refs: S, context: M, floatingStyles: G } = da({
     nodeId: E,
     open: w,
     onOpenChange: N,
     middleware: [ua(d), Ua(c), Er()],
     placement: n,
-    strategy: b,
+    strategy: g,
     whileElementsMounted: ma
-  }), I = pa(M, f), O = ga(M, k({
+  }), I = pa(M, b), O = ga(M, k({
     escapeKey: p
   }, m)), Y = fa(M), { getReferenceProps: X, getFloatingProps: L } = ba([
     I,
@@ -5283,7 +5283,7 @@ const Mt = "select-all", ln = (t, a) => {
     }, X()), {
       className: l
     }),
-    g ? t() : t
+    f ? t() : t
   ), /* @__PURE__ */ e.createElement(ha, { id: E }, w && /* @__PURE__ */ e.createElement(mr, { context: M, modal: !1 }, /* @__PURE__ */ e.createElement(
     "div",
     k({
@@ -5396,14 +5396,17 @@ const Be = {
     nameAdornment: p
   },
   onClick: m,
-  isActive: f = !1
+  isActive: b = !1
 }) => /* @__PURE__ */ e.createElement(e.Fragment, null, c && /* @__PURE__ */ e.createElement("div", { className: Qe[`${et}__divider`] }), /* @__PURE__ */ e.createElement(
   "a",
   {
     href: n,
     target: "_blank",
     "aria-label": `Go to ${l} product`,
-    onClick: (b) => m(b, t),
+    onClick: (g) => {
+      var h;
+      g.preventDefault(), m(g, t), (h = window.open(n, "_blank")) == null || h.focus();
+    },
     className: u(Qe[et], {
       [Qe[`${et}--expired`]]: i
     })
@@ -5416,7 +5419,7 @@ const Be = {
       expired: i,
       backgroundColors: _,
       notificationCount: o,
-      withBorder: f
+      withBorder: b
     }
   ), /* @__PURE__ */ e.createElement(B, { as: "div", bold: !0, className: Qe[`${et}__name`] }, l, i && /* @__PURE__ */ e.createElement(
     Lt,
@@ -5469,19 +5472,19 @@ const Be = {
 }) => {
   const [d, i] = e.useState(r), [s, p] = I_(
     !1
-  ), m = Ga(), f = sa(), b = _ !== void 0, v = b ? _ : d, h = (L, U) => {
-    L ? o == null || o(U) : l == null || l(U), !b && i(L);
+  ), m = Ga(), b = sa(), g = _ !== void 0, h = g ? _ : d, v = (L, U) => {
+    L ? o == null || o(U) : l == null || l(U), !g && i(L);
   }, { refs: y, context: E, floatingStyles: $ } = da({
-    nodeId: f,
+    nodeId: b,
     strategy: "fixed",
     placement: "right-start",
-    open: v,
+    open: h,
     onOpenChange: (L, U) => {
-      p(!1), h(L, U);
+      p(!1), v(L, U);
     },
     middleware: [ua({ mainAxis: 5 })],
     whileElementsMounted: ma
-  }), w = pa(E), C = fa(E), g = ga(E), { isMounted: N, styles: S } = kr(E, {
+  }), w = pa(E), C = fa(E), f = ga(E), { isMounted: N, styles: S } = kr(E, {
     duration: 200,
     common: {
       transformOrigin: "left top"
@@ -5492,7 +5495,7 @@ const Be = {
     }
   }), { getReferenceProps: M, getFloatingProps: G } = ba([
     w,
-    g,
+    f,
     C
   ]), I = t.find(
     (L) => L.id === a
@@ -5513,7 +5516,7 @@ const Be = {
       offsetCrossAxis: 2,
       arrowOffsetY: 2,
       offsetMainAxis: 10,
-      className: ea[`${ta}__tooltip`],
+      className: u(ea[`${ta}__tooltip`], "lc-dark-theme"),
       placement: "right",
       floatingStrategy: "fixed",
       triggerRenderer: /* @__PURE__ */ e.createElement(
@@ -5528,7 +5531,7 @@ const Be = {
       )
     },
     "Switch product"
-  )), /* @__PURE__ */ e.createElement(ha, { id: f }, /* @__PURE__ */ e.createElement(
+  )), /* @__PURE__ */ e.createElement(ha, { id: b }, /* @__PURE__ */ e.createElement(
     "div",
     k({
       ref: y.setFloating,
@@ -5555,7 +5558,7 @@ const Be = {
           href: c,
           target: "_blank",
           className: ea[`${ta}__footer-link`],
-          onClick: () => h(!1)
+          onClick: () => v(!1)
         },
         /* @__PURE__ */ e.createElement(B, { noMargin: !0 }, "powered by"),
         /* @__PURE__ */ e.createElement(
@@ -5868,10 +5871,10 @@ const aa = {
         [aa[`${ra}--${t}`]]: t
       },
       r
-    ), m = 2 * Math.PI * ((s - i) / 2), f = {
+    ), m = 2 * Math.PI * ((s - i) / 2), b = {
       strokeDasharray: m.toFixed(3),
       strokeDashoffset: `${((100 - d) / 100 * m).toFixed(3)}px`
-    }, b = `${s / 2} ${s / 2} ${s} ${s}`;
+    }, g = `${s / 2} ${s / 2} ${s} ${s}`;
     return /* @__PURE__ */ e.createElement(
       "div",
       k({
@@ -5879,7 +5882,7 @@ const aa = {
         ref: l,
         role: "progressbar"
       }, o),
-      /* @__PURE__ */ e.createElement("svg", { viewBox: b }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("svg", { viewBox: g }, /* @__PURE__ */ e.createElement(
         "circle",
         {
           className: aa[`${ra}__bg-line--${t}`],
@@ -5893,7 +5896,7 @@ const aa = {
         "circle",
         {
           className: aa[`${ra}__indicator--${t}`],
-          style: f,
+          style: b,
           cx: s,
           cy: s,
           r: (s - i) / 2,
@@ -5975,7 +5978,7 @@ const aa = {
   onClose: d,
   onLinkClick: i
 }) => {
-  const s = e.useRef(null), [p, m] = e.useState("medium"), f = u(
+  const s = e.useRef(null), [p, m] = e.useState("medium"), b = u(
     Ae[Fe],
     {
       [Ae[`${Fe}--light`]]: l,
@@ -5985,15 +5988,15 @@ const aa = {
     t
   );
   e.useEffect(() => {
-    const v = () => s.current && s.current.offsetWidth <= Un ? m("small") : s.current && s.current.offsetWidth >= Hn ? m("large") : m("medium"), h = n_(
-      v,
+    const h = () => s.current && s.current.offsetWidth <= Un ? m("small") : s.current && s.current.offsetWidth >= Hn ? m("large") : m("medium"), v = n_(
+      h,
       zn
     );
-    return window.addEventListener("resize", h), v(), () => {
-      h.cancel(), window.removeEventListener("resize", h);
+    return window.addEventListener("resize", v), h(), () => {
+      v.cancel(), window.removeEventListener("resize", v);
     };
   }, []);
-  const b = /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__footer`] }, a && /* @__PURE__ */ e.createElement(
+  const g = /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__footer`] }, a && /* @__PURE__ */ e.createElement(
     W,
     {
       kind: "primary",
@@ -6003,7 +6006,7 @@ const aa = {
     },
     a
   ), n && /* @__PURE__ */ e.createElement(W, { size: "compact", kind: "text", onClick: i }, n));
-  return /* @__PURE__ */ e.createElement("div", { ref: s, className: f }, /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: Ae[`${Fe}__img`] }), /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__header`] }, _), /* @__PURE__ */ e.createElement(B, { as: "div" }, r), p !== "large" && b), p === "large" && b), d && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { ref: s, className: b }, /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: Ae[`${Fe}__img`] }), /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__header`] }, _), /* @__PURE__ */ e.createElement(B, { as: "div" }, r), p !== "large" && g), p === "large" && g), d && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
@@ -6141,7 +6144,7 @@ const aa = {
   cropOnBlur: c = !0,
   onChange: d
 }) => {
-  const [i, s] = e.useState(!0), [p, m] = e.useState(!1), f = e.useRef(null), b = !!l && !a && !r, v = t && !i && "true", h = u(
+  const [i, s] = e.useState(!0), [p, m] = e.useState(!1), b = e.useRef(null), g = !!l && !a && !r, h = t && !i && "true", v = u(
     n,
     Re[We],
     Re[`${We}--${o}`],
@@ -6160,20 +6163,20 @@ const aa = {
     d("");
   }, $ = () => {
     var N;
-    (N = f.current) == null || N.focus();
+    (N = b.current) == null || N.focus();
   }, w = () => {
     t && s(!1), m(!0);
   }, C = () => {
     t && !l && s(!0), m(!1);
-  }, g = (N) => {
+  }, f = (N) => {
     N.key === de.enter && (N.preventDefault(), d(l));
   };
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      "aria-expanded": v,
+      "aria-expanded": h,
       role: "search",
-      className: h,
+      className: v,
       onClick: $
     },
     /* @__PURE__ */ e.createElement(
@@ -6198,19 +6201,19 @@ const aa = {
         "input",
         {
           role: "searchbox",
-          ref: f,
+          ref: b,
           type: "text",
           value: l,
           placeholder: _,
           onChange: y,
           onBlur: C,
           onFocus: w,
-          onKeyDown: g,
+          onKeyDown: f,
           disabled: a
         }
       )
     ),
-    b && /* @__PURE__ */ e.createElement(
+    g && /* @__PURE__ */ e.createElement(
       W,
       {
         "aria-label": "Clear search",
@@ -6372,17 +6375,17 @@ const aa = {
     "innerRef",
     "ariaLabel"
   ]);
-  const f = o !== void 0, [b, v] = e.useState(
-    () => f ? o : a
-  ), [h, y] = e.useState(!1), E = f ? o : b, $ = c === "loading", w = c === "locked", C = n === "large" ? "small" : "xsmall", g = E ? "on" : "off", N = r || $ || w, S = N ? "disabled" : "enabled", M = u(
+  const b = o !== void 0, [g, h] = e.useState(
+    () => b ? o : a
+  ), [v, y] = e.useState(!1), E = b ? o : g, $ = c === "loading", w = c === "locked", C = n === "large" ? "small" : "xsmall", f = E ? "on" : "off", N = r || $ || w, S = N ? "disabled" : "enabled", M = u(
     ae[te],
     ae[`${te}--${n}`],
     {
-      [ae[`${te}--focused`]]: h
+      [ae[`${te}--focused`]]: v
     },
     t
   ), G = (I) => {
-    l == null || l(I, !E), f || (I.stopPropagation(), v((O) => !O));
+    l == null || l(I, !E), b || (I.stopPropagation(), h((O) => !O));
   };
   return /* @__PURE__ */ e.createElement("span", { className: M }, /* @__PURE__ */ e.createElement(
     "input",
@@ -6406,7 +6409,7 @@ const aa = {
     "span",
     {
       className: u(ae[`${te}__container`], {
-        [ae[`${te}__container--focused`]]: h
+        [ae[`${te}__container--focused`]]: v
       })
     },
     /* @__PURE__ */ e.createElement(
@@ -6414,7 +6417,7 @@ const aa = {
       {
         className: u(
           ae[`${te}__track`],
-          ae[`${te}__track--${g}`],
+          ae[`${te}__track--${f}`],
           ae[`${te}__track--${S}`]
         )
       }
@@ -6426,7 +6429,7 @@ const aa = {
           ae[`${te}__slider`],
           ae[`${te}__slider--${S}`],
           ae[`${te}__slider--${n}`],
-          ae[`${te}__slider--${n}--${g}`]
+          ae[`${te}__slider--${n}--${f}`]
         )
       },
       $ && /* @__PURE__ */ e.createElement(
@@ -6533,29 +6536,29 @@ const aa = {
   value: l
 }) => {
   const [n, c] = e.useState(!1), d = () => a.current, i = () => {
-    const b = d();
-    return b ? b.innerText : "";
+    const g = d();
+    return g ? g.innerText : "";
   }, s = () => {
     r && r.current && r.current.focus();
-  }, p = (b) => {
-    if (b.key === de.enter) {
-      b.preventDefault(), s();
+  }, p = (g) => {
+    if (g.key === de.enter) {
+      g.preventDefault(), s();
       return;
     }
-    b.key === de.backspace && i() === "" && (c(!0), o(), s());
+    g.key === de.backspace && i() === "" && (c(!0), o(), s());
   }, m = () => {
-    const b = d();
-    if (!(n || !b)) {
-      if (b.innerText === "") {
+    const g = d();
+    if (!(n || !g)) {
+      if (g.innerText === "") {
         o();
         return;
       }
-      _(b.innerText);
+      _(g.innerText);
     }
-  }, f = (b) => {
-    b.preventDefault();
-    const v = b.clipboardData.getData("text/plain");
-    document.execCommand("insertHTML", !1, Dr(v));
+  }, b = (g) => {
+    g.preventDefault();
+    const h = g.clipboardData.getData("text/plain");
+    document.execCommand("insertHTML", !1, Dr(h));
   };
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -6563,7 +6566,7 @@ const aa = {
       ref: a,
       className: t,
       contentEditable: !0,
-      onPaste: f,
+      onPaste: b,
       onBlur: m,
       onKeyDown: p,
       dangerouslySetInnerHTML: { __html: Dr(l) }
@@ -6599,7 +6602,7 @@ const aa = {
   de.semicolon,
   de.comma
 ], lc = [de.backspace, de.delete], nc = (m) => {
-  var f = m, {
+  var b = m, {
     id: t,
     tags: a,
     onChange: r,
@@ -6611,7 +6614,7 @@ const aa = {
     inputClassName: d,
     onBlur: i,
     addOnBlur: s = !0
-  } = f, p = D(f, [
+  } = b, p = D(b, [
     "id",
     "tags",
     "onChange",
@@ -6624,33 +6627,33 @@ const aa = {
     "onBlur",
     "addOnBlur"
   ]);
-  const b = u(
+  const g = u(
     la[Da],
     {
       [la[`${Da}--error`]]: o
     },
     c
-  ), v = u(
+  ), h = u(
     d,
     la[`${Da}__input`],
     la[`${Da}__input--${n}`]
-  ), [h, y] = e.useState(""), E = e.useRef(null), $ = (I) => {
+  ), [v, y] = e.useState(""), E = e.useRef(null), $ = (I) => {
     I.trim() !== "" && (r([...a || [], I]), y(""));
   }, w = (I) => {
     const O = [...a || []];
     O.splice(I, 1), r(O);
-  }, C = (I) => y(I.target.value), g = (I) => {
+  }, C = (I) => y(I.target.value), f = (I) => {
     if (oc.includes(I.key)) {
-      if (I.preventDefault(), h === "")
+      if (I.preventDefault(), v === "")
         return;
-      $(h);
+      $(v);
     } else if (lc.includes(I.key)) {
-      if (h !== "" || !(a != null && a.length))
+      if (v !== "" || !(a != null && a.length))
         return;
       w(a.length - 1);
     }
   }, N = (I) => {
-    s && $(h), i == null || i(I);
+    s && $(v), i == null || i(I);
   }, S = (I, O) => {
     const Y = [...a || []];
     Y.reduce(
@@ -6687,16 +6690,16 @@ const aa = {
     },
     I.value || I.children
   );
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(B, { as: "div", className: b }, a == null ? void 0 : a.map(G), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(B, { as: "div", className: g }, a == null ? void 0 : a.map(G), /* @__PURE__ */ e.createElement(
     "input",
     T(k({}, p), {
       id: t,
       ref: E,
-      className: v,
+      className: h,
       placeholder: l,
-      value: h,
+      value: v,
       onChange: C,
-      onKeyDown: g,
+      onKeyDown: f,
       onPaste: M,
       onBlur: N
     })
@@ -6812,7 +6815,7 @@ const aa = {
     },
     t
   );
-  return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement(c_, { component: null }, a.map(({ id: d, kind: i, content: s, removable: p, action: m, onClose: f }) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement(c_, { component: null }, a.map(({ id: d, kind: i, content: s, removable: p, action: m, onClose: b }) => /* @__PURE__ */ e.createElement(
     i_,
     {
       key: d,
@@ -6828,7 +6831,7 @@ const aa = {
       fc,
       {
         kind: i,
-        onClose: f,
+        onClose: b,
         removable: p,
         action: m
       },
@@ -6847,16 +6850,16 @@ const aa = {
       [Pa[`${Aa}--disabled`]]: n,
       [Pa[`${Aa}--focused`]]: i,
       [Pa[`${Aa}--error`]]: a
-    }), m = (b) => {
-      s(!1), c == null || c(b);
-    }, f = (b) => {
-      s(!0), d == null || d(b);
+    }), m = (g) => {
+      s(!1), c == null || c(g);
+    }, b = (g) => {
+      s(!0), d == null || d(g);
     };
     return /* @__PURE__ */ e.createElement(B, { as: "div", className: p }, /* @__PURE__ */ e.createElement(
       "textarea",
       T(k({}, r), {
         ref: _,
-        onFocus: f,
+        onFocus: b,
         onBlur: m
       })
     ));
@@ -7014,14 +7017,14 @@ const aa = {
   onCloseButtonClick: s,
   onRetryButtonClick: p
 }) => {
-  const [m, f] = e.useState(o || !1), b = n === "error", v = n === "success", h = u(K[ke], a, {
-    [K[`${ke}--error`]]: b,
-    [K[`${ke}--success`]]: v
-  }), y = !(b && (p || s)), E = () => f(!m);
-  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: h }, /* @__PURE__ */ e.createElement("div", { className: K[`${ke}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ot}`] }, /* @__PURE__ */ e.createElement(
+  const [m, b] = e.useState(o || !1), g = n === "error", h = n === "success", v = u(K[ke], a, {
+    [K[`${ke}--error`]]: g,
+    [K[`${ke}--success`]]: h
+  }), y = !(g && (p || s)), E = () => b(!m);
+  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement("div", { className: K[`${ke}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ot}`] }, /* @__PURE__ */ e.createElement(
     Ec,
     {
-      title: b && l || _,
+      title: g && l || _,
       progressValue: r,
       status: n,
       icon: c,
@@ -7034,13 +7037,13 @@ const aa = {
       onCloseButtonClick: s,
       onRetryButtonClick: p
     }
-  ))) : /* @__PURE__ */ e.createElement("div", { className: h }, /* @__PURE__ */ e.createElement(
+  ))) : /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: K[`${ke}__wrapper`],
       onClick: E
     },
-    /* @__PURE__ */ e.createElement("div", { className: K[`${ot}`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__icon`] }, wc(n, r)), /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__title`] }, /* @__PURE__ */ e.createElement(B, { size: "sm", as: "div" }, b ? l : _)), y && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: K[`${ot}`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__icon`] }, wc(n, r)), /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__title`] }, /* @__PURE__ */ e.createElement(B, { size: "sm", as: "div" }, g ? l : _)), y && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: K[`${ot}__collapse-button`],