@livechat/design-system-react-components 1.0.0-beta.12 → 1.0.0-beta.13

package/dist/dsrc.es.js

@@ -23,7 +23,7 @@ var Ot = (t, a, r) => (Lt(t, typeof a != "symbol" ? a + "" : a, r), r);
 import * as e from "react";
 import { useReducer as er, useRef as tr, useEffect as tt, useCallback as ht, useMemo as kt } from "react";
 import { ChevronDown as bt, Close as Te, Info as Zt, Warning as Ta, CheckCircle as Da, Block as Ia, Person as ar, ChevronUp as Ft, VisibilityOn as rr, VisibilityOff as _r, Check as Xt, Search as or, LockBlackFilled as lr, Refresh as cr, Error as nr } from "@livechat/design-system-icons/react/tabler";
-import g, { clsx as He } from "clsx";
+import g, { clsx as Le } from "clsx";
 import { useFloating as Aa, offset as Ba, flip as Pa, autoUpdate as Fa, arrow as sr } from "@floating-ui/react-dom";
 import { css as at, cx as ir } from "@emotion/css";
 import { CSSTransition as ea, TransitionGroup as Ra } from "react-transition-group";
@@ -31,7 +31,7 @@ import { Close as Ma, DoubleArrowLeft as dr, ChevronLeft as ur, ChevronRight as
 import La from "lodash.debounce";
 import { getContrast as ta } from "polished";
 import gr from "react-day-picker";
-import { subMonths as Xe, differenceInCalendarMonths as la, addMonths as ca, isSameMonth as qt, isSameDay as Jt, isAfter as jt, differenceInCalendarDays as Oa } from "date-fns";
+import { subMonths as Xe, differenceInCalendarMonths as la, addMonths as ca, isSameMonth as qt, isSameDay as Jt, isAfter as Kt, differenceInCalendarDays as Oa } from "date-fns";
 import * as fr from "react-dom";
 import na from "lodash.escape";
 const il = {
@@ -449,14 +449,14 @@ const il = {
   closeOnEsc: s = !0
 }) => {
   const [i, u] = e.useState(!1), m = e.useRef(!1), d = typeof r == "string", {
-    x: b,
+    x: v,
     y: f,
     reference: p,
-    floating: v,
-    strategy: $,
+    floating: b,
+    strategy: E,
     refs: h,
-    update: y,
-    placement: N
+    update: N,
+    placement: $
   } = Aa({
     middleware: [Ba(4), Pa(c)],
     placement: l
@@ -474,13 +474,13 @@ const il = {
     };
   }, [s]), e.useEffect(() => {
     if (!(!h.reference.current || !h.floating.current))
-      return Fa(h.reference.current, h.floating.current, y);
-  }, [h.reference, h.floating, y, N, i]);
-  function E(x) {
+      return Fa(h.reference.current, h.floating.current, N);
+  }, [h.reference, h.floating, N, $, i]);
+  function y(x) {
     h.floating.current && h.floating.current.contains(x.target) || (h.reference.current && h.reference.current.contains(x.target) ? u((H) => !H) : u(!1));
   }
-  e.useEffect(() => (document.addEventListener("mousedown", E), () => {
-    document.removeEventListener("mousedown", E);
+  e.useEffect(() => (document.addEventListener("mousedown", y), () => {
+    document.removeEventListener("mousedown", y);
   }), []);
   const k = g(Ht.popover, _, {
     [Ht["popover--visible"]]: i
@@ -491,120 +491,120 @@ const il = {
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: C, ref: p }, t()), /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: v,
+      ref: b,
       className: k,
       style: {
-        position: $,
+        position: E,
         top: f != null ? f : "",
-        left: b != null ? b : ""
+        left: v != null ? v : ""
       }
     },
     d ? /* @__PURE__ */ e.createElement(P, { as: "div" }, r) : r
   ));
-}, Pe = {
+}, Ue = {
   "action-menu__trigger-button": "lc-ActionMenu-module__action-menu__trigger-button___tBrz5",
   "action-menu__list": "lc-ActionMenu-module__action-menu__list___9pNUX",
   "action-menu__list__group-header": "lc-ActionMenu-module__action-menu__list__group-header___n-DTq",
   "action-menu__list__item": "lc-ActionMenu-module__action-menu__list__item___n-OgH",
   "action-menu__list__item--with-divider": "lc-ActionMenu-module__action-menu__list__item--with-divider___2H3Vm",
-  "action-menu__list__item--disabled": "lc-ActionMenu-module__action-menu__list__item--disabled___MgaX8",
-  "action-menu__list__item--active": "lc-ActionMenu-module__action-menu__list__item--active___CakY-"
-}, Fe = "action-menu", yr = (i) => {
-  var u = i, {
+  "action-menu__list__item--disabled": "lc-ActionMenu-module__action-menu__list__item--disabled___MgaX8"
+}, We = "action-menu", yr = (s) => {
+  var i = s, {
     className: t,
     triggerClassName: a,
     options: r,
     triggerRenderer: _,
     placement: o = "bottom-end",
     openedOnInit: l = !1,
-    keepOpenOnClick: c,
-    activeOptionKeys: n
-  } = u, s = B(u, [
+    keepOpenOnClick: c
+  } = i, n = B(i, [
     "className",
     "triggerClassName",
     "options",
     "triggerRenderer",
     "placement",
     "openedOnInit",
-    "keepOpenOnClick",
-    "activeOptionKeys"
+    "keepOpenOnClick"
   ]);
-  const [m, d] = e.useState(l), b = e.useRef(-1), f = (y) => {
-    var k, C;
-    const N = b.current;
-    let E = N + y;
-    for (; (k = r[E]) != null && k.disabled || (C = r[E]) != null && C.groupHeader; )
-      if (E += y, E === -1) {
-        E = N;
+  const [u, m] = e.useState(l), d = e.useRef(-1), v = e.useRef(null), f = ($) => {
+    var C, x;
+    const y = d.current;
+    let k = y + $;
+    for (; (C = r[k]) != null && C.disabled || (x = r[k]) != null && x.groupHeader; )
+      if (k += $, k === -1) {
+        k = y;
         break;
       }
-    return E;
-  }, p = (y) => {
-    var N, E;
-    y.key === L.arrowUp && b.current > 0 && (y.preventDefault(), b.current = f(-1), (N = document.getElementById(`list-item-${b.current}`)) == null || N.focus()), y.key === L.arrowDown && b.current + 1 < r.length && (y.preventDefault(), b.current = f(1), (E = document.getElementById(`list-item-${b.current}`)) == null || E.focus());
+    return k;
+  }, p = ($) => {
+    var C, x;
+    d.current = f($);
+    const y = (C = v.current) == null ? void 0 : C.children, k = y && ((x = y[d.current]) == null ? void 0 : x.children[0]);
+    return k == null ? void 0 : k.focus();
+  }, b = ($) => {
+    $.key === L.arrowUp && d.current > 0 && ($.preventDefault(), p(-1)), $.key === L.arrowDown && d.current + 1 < r.length && ($.preventDefault(), p(1));
   };
   e.useEffect(() => {
-    if (m)
-      return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
-    b.current = -1;
-  }, [m, p]);
-  const v = () => {
-    d(!0);
-  }, $ = (y) => {
-    y == null || y(), c || d(!1);
-  }, h = (y, N) => y.groupHeader ? /* @__PURE__ */ e.createElement(
+    if (u)
+      return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
+    d.current = -1;
+  }, [u, b]);
+  const E = () => {
+    m(!0);
+  }, h = ($, y) => {
+    d.current = $, y == null || y(), c || m(!1);
+  }, N = ($, y) => $.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
     {
-      key: y.key,
+      key: $.key,
       role: "none",
-      className: Pe[`${Fe}__list__group-header`]
+      className: Ue[`${We}__list__group-header`]
     },
-    y.element
-  ) : /* @__PURE__ */ e.createElement("li", { key: y.key, role: "none" }, /* @__PURE__ */ e.createElement(
+    $.element
+  ) : /* @__PURE__ */ e.createElement("li", { key: $.key, role: "none" }, /* @__PURE__ */ e.createElement(
     "button",
     {
-      id: `list-item-${N}`,
-      "data-testid": y.key,
+      "data-testid": $.key,
       tabIndex: -1,
-      key: y.key,
-      disabled: y.disabled,
-      onClick: () => $(y.onClick),
+      key: $.key,
+      disabled: $.disabled,
+      onClick: () => h(y, $.onClick),
       role: "menuitem",
-      className: g(Pe[`${Fe}__list__item`], {
-        [Pe[`${Fe}__list__item--disabled`]]: y.disabled,
-        [Pe[`${Fe}__list__item--with-divider`]]: y.withDivider,
-        [Pe[`${Fe}__list__item--active`]]: n == null ? void 0 : n.includes(y.key)
+      className: g(Ue[`${We}__list__item`], {
+        [Ue[`${We}__list__item--disabled`]]: $.disabled,
+        [Ue[`${We}__list__item--with-divider`]]: $.withDivider
       })
     },
-    y.element
+    $.element
   ));
   return /* @__PURE__ */ e.createElement(
     kr,
     {
-      isVisible: m,
+      isVisible: u,
       placement: o,
-      onClose: () => d(!1),
+      onClose: () => m(!1),
       triggerRenderer: () => /* @__PURE__ */ e.createElement(
         "button",
         {
           "data-testid": "action-menu-trigger-button",
           className: g(
-            Pe[`${Fe}__trigger-button`],
+            Ue[`${We}__trigger-button`],
             a
           ),
-          onClick: v
+          onClick: E
         },
         _
       )
     },
     /* @__PURE__ */ e.createElement(
       "ul",
-      A(w({}, s), {
-        className: g(Pe[`${Fe}__list`], t),
+      A(w({}, n), {
+        className: g(Ue[`${We}__list`], t),
         role: "menu",
-        "aria-hidden": !m
+        "aria-hidden": !u,
+        ref: v
       }),
-      r.map(h)
+      r.map(N)
     )
   );
 }, rt = {
@@ -759,7 +759,7 @@ const il = {
   "btn--icon-only--bg": "lc-Button-module__btn--icon-only--bg___X-4V2"
 }, oe = "btn", M = e.forwardRef(
   (p, f) => {
-    var v = p, {
+    var b = p, {
       loading: t = !1,
       disabled: a = !1,
       type: r = "button",
@@ -773,7 +773,7 @@ const il = {
       children: u,
       href: m,
       onClick: d
-    } = v, b = B(v, [
+    } = b, v = B(b, [
       "loading",
       "disabled",
       "type",
@@ -788,7 +788,7 @@ const il = {
       "href",
       "onClick"
     ]);
-    const $ = t || a, h = !u && c, y = ["text", "link", "link-light"].includes(o), N = m ? "a" : "button", E = () => {
+    const E = t || a, h = !u && c, N = ["text", "link", "link-light"].includes(o), $ = m ? "a" : "button", y = () => {
       if (o === "primary" || o === "destructive")
         return {
           primaryColor: "var(--action-primary-default)",
@@ -803,28 +803,28 @@ const il = {
         [_e[`${oe}--loading`]]: t,
         [_e[`${oe}--full-width`]]: _,
         [_e[`${oe}--icon-only`]]: h,
-        [_e[`${oe}--icon-only--bg`]]: h && y,
-        [_e[`${oe}--disabled`]]: $
+        [_e[`${oe}--icon-only--bg`]]: h && N,
+        [_e[`${oe}--disabled`]]: E
       }
     );
     return /* @__PURE__ */ e.createElement(
-      N,
+      $,
       w({
         ref: f,
         className: k,
-        "aria-disabled": $,
+        "aria-disabled": E,
         type: r,
-        href: $ ? void 0 : m,
-        onClick: $ ? void 0 : d,
-        disabled: $
-      }, b),
+        href: E ? void 0 : m,
+        onClick: E ? void 0 : d,
+        disabled: E
+      }, v),
       t && /* @__PURE__ */ e.createElement(
         aa,
         w({
           size: "small",
           label: s,
           className: _e[`${oe}__loader`]
-        }, E())
+        }, y())
       ),
       c && e.cloneElement(c, {
         className: g(
@@ -881,17 +881,17 @@ const il = {
   transitionDelay: u,
   handleMouseEnter: m,
   handleMouseLeave: d,
-  handleCloseAction: b,
+  handleCloseAction: v,
   arrowRef: f,
   childrenElements: p,
-  fullSpaceContent: v
+  fullSpaceContent: b
 }) => {
   const {
-    x: $,
+    x: E,
     y: h,
-    reference: y,
-    floating: N,
-    strategy: E,
+    reference: N,
+    floating: $,
+    strategy: y,
     update: k,
     refs: C,
     placement: x,
@@ -901,27 +901,27 @@ const il = {
     if (!(!C.reference.current || !C.floating.current))
       return Fa(C.reference.current, C.floating.current, k);
   }, [C.reference, C.floating, k, x, t]), e.useEffect(() => {
-    r && y(r);
-  }, [y, r]);
-  const ne = o && re ? re + o : re, ze = _ && H ? H + _ : H, Ge = g(S[l], c, {
+    r && N(r);
+  }, [N, r]);
+  const ne = o && re ? re + o : re, Oe = _ && H ? H + _ : H, He = g(S[l], c, {
     [S[`${l}--invert`]]: n === "invert",
     [S[`${l}--important`]]: n === "important",
-    [S[`${l}--full-space`]]: v
+    [S[`${l}--full-space`]]: b
   }), De = /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: N,
+      ref: $,
       style: {
-        position: E,
+        position: y,
         top: h != null ? h : "",
-        left: $ != null ? $ : ""
+        left: E != null ? E : ""
       },
-      className: Ge,
+      className: He,
       onMouseEnter: m,
       onMouseLeave: d
     },
     e.Children.map(p, (ye) => e.isValidElement(ye) ? e.cloneElement(ye, w({
-      handleCloseAction: b,
+      handleCloseAction: v,
       theme: n
     }, ye.props)) : null),
     /* @__PURE__ */ e.createElement(
@@ -930,16 +930,16 @@ const il = {
         ref: f,
         className: g([S[`${l}__arrow`]]),
         "data-arrow-placement": x,
-        style: { top: ne, left: ze }
+        style: { top: ne, left: Oe }
       }
     )
   );
-  function Ue() {
+  function ze() {
     if (s) {
       const ye = at`
         pointer-events: none;
         opacity: 0;
-      `, We = at`
+      `, Ge = at`
         opacity: 1;
         transition-property: opacity;
         transition-duration: ${i}ms;
@@ -964,7 +964,7 @@ const il = {
           classNames: {
             enter: ye,
             enterDone: se,
-            enterActive: We,
+            enterActive: Ge,
             exit: F,
             exitActive: U
           }
@@ -974,7 +974,7 @@ const il = {
     } else
       return t && De;
   }
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, Ue());
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, ze());
 };
 function za(t) {
   switch (t) {
@@ -998,41 +998,41 @@ const Mr = (t) => new Promise((a) => setTimeout(a, t)), ua = "tooltip", Ga = (t)
     transitionDuration: u = 200,
     transitionDelay: m = 0,
     hoverOutDelayTimeout: d = 100,
-    offsetMainAxis: b = 8,
+    offsetMainAxis: v = 8,
     triggerOnClick: f = !1,
     arrowOffsetY: p,
-    arrowOffsetX: v,
-    fullSpaceContent: $,
+    arrowOffsetX: b,
+    fullSpaceContent: E,
     onOpen: h,
-    onClose: y
-  } = t, N = e.useRef(!0), E = s !== void 0, k = e.useRef(null), [C, x] = e.useState(s), H = e.useRef(!1), re = Aa({
+    onClose: N
+  } = t, $ = e.useRef(!0), y = s !== void 0, k = e.useRef(null), [C, x] = e.useState(s), H = e.useRef(!1), re = Aa({
     middleware: [
-      Ba({ mainAxis: b }),
+      Ba({ mainAxis: v }),
       sr({ element: k }),
       Pa()
     ],
     placement: n
   }), ne = (se) => {
-    se ? !C && (h == null || h()) : C && (y == null || y()), E || x(se);
+    se ? !C && (h == null || h()) : C && (N == null || N()), y || x(se);
   };
   e.useEffect(() => {
-    if (N.current) {
-      N.current = !1;
+    if ($.current) {
+      $.current = !1;
       return;
     }
-    s === !0 && (h == null || h()), s === !1 && (y == null || y()), x(s);
+    s === !0 && (h == null || h()), s === !1 && (N == null || N()), x(s);
   }, [s]), e.useEffect(() => (document.addEventListener("keydown", De), () => {
     document.removeEventListener("keydown", De);
   }), []);
-  const ze = () => {
-    f || E || (H.current = !0, ne(!0));
-  }, Ge = () => {
-    f || E || (H.current = !1, Mr(d).then(() => {
+  const Oe = () => {
+    f || y || (H.current = !0, ne(!0));
+  }, He = () => {
+    f || y || (H.current = !1, Mr(d).then(() => {
       H.current || ne(!1);
     }));
   }, De = (se) => {
     (se instanceof KeyboardEvent && se.key === "Escape" || se.type === "click") && ne(!1);
-  }, Ue = /* @__PURE__ */ e.createElement(
+  }, ze = /* @__PURE__ */ e.createElement(
     Rr,
     {
       baseClass: ua,
@@ -1040,31 +1040,31 @@ const Mr = (t) => new Promise((a) => setTimeout(a, t)), ua = "tooltip", Ga = (t)
       visible: C,
       floatingOptions: re,
       arrowRef: k,
-      handleMouseEnter: ze,
-      handleMouseLeave: Ge,
+      handleMouseEnter: Oe,
+      handleMouseLeave: He,
       handleCloseAction: De,
       childrenElements: _,
       transitionDuration: u,
       transitionDelay: m,
       referenceElement: r,
-      arrowOffsetX: v,
+      arrowOffsetX: b,
       arrowOffsetY: p,
       theme: c,
       withFadeAnimation: i,
-      fullSpaceContent: $
+      fullSpaceContent: E
     }
   );
   if (r)
-    return Ue;
+    return ze;
   const ye = () => {
     ne(!C);
-  }, We = () => {
-    if (!E)
+  }, Ge = () => {
+    if (!y)
       return f ? {
         onClick: ye
       } : {
-        onMouseEnter: ze,
-        onMouseLeave: Ge
+        onMouseEnter: Oe,
+        onMouseLeave: He
       };
   };
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
@@ -1072,9 +1072,9 @@ const Mr = (t) => new Promise((a) => setTimeout(a, t)), ua = "tooltip", Ga = (t)
     w({
       className: g(S[`${ua}__wrapper`], l),
       ref: re.reference
-    }, We()),
+    }, Ge()),
     a()
-  ), Ue);
+  ), ze);
 }, gl = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), lt = "tooltip", fl = ({ header: t, text: a, closeWithX: r, theme: _, handleCloseAction: o }) => /* @__PURE__ */ e.createElement("div", null, r && /* @__PURE__ */ e.createElement(
   M,
   {
@@ -1422,33 +1422,33 @@ const ma = 8, pa = "guide-tooltip", ga = (t, a) => new Or(t, a), vl = (t) => {
   const [l, c] = e.useState([]), n = r === "scroll", s = g(Se[nt], t), i = {
     root: document.querySelector(`${a}`),
     threshold: 1
-  }, u = !n && l.length !== 0, m = (b) => {
-    b.map((f) => {
+  }, u = !n && l.length !== 0, m = (v) => {
+    v.map((f) => {
       const p = l.includes(f.target.id);
       if (!f.isIntersecting) {
-        f.target.setAttribute("tabindex", "-1"), p || c((v) => [
-          ...v,
+        f.target.setAttribute("tabindex", "-1"), p || c((b) => [
+          ...b,
           f.target.id
         ]);
         return;
       }
-      f.target.removeAttribute("tabindex"), p && c(l.filter((v) => v !== f.target.id));
+      f.target.removeAttribute("tabindex"), p && c(l.filter((b) => b !== f.target.id));
     });
   };
   e.useEffect(() => {
-    const b = !!window.IntersectionObserver;
-    if (!n && b) {
+    const v = !!window.IntersectionObserver;
+    if (!n && v) {
       const f = document.querySelectorAll(
         `.${Se[`${nt}__items__button`]}`
       ), p = new IntersectionObserver(
         m,
         i
       );
-      return f.forEach((v) => p.observe(v)), () => p.disconnect();
+      return f.forEach((b) => p.observe(b)), () => p.disconnect();
     }
   }, [l, n]);
-  const d = (b) => _.filter(
-    (p) => b.find((v) => v === p.key)
+  const d = (v) => _.filter(
+    (p) => v.find((b) => b === p.key)
   ).map((p) => ({
     key: p.key,
     element: /* @__PURE__ */ e.createElement(Er, { leftNode: p.element }, p.label),
@@ -1461,10 +1461,10 @@ const ma = 8, pa = "guide-tooltip", ga = (t, a) => new Or(t, a), vl = (t) => {
         [Se[`${nt}__items--scroll`]]: n
       })
     },
-    _.map((b) => /* @__PURE__ */ e.createElement(
+    _.map((v) => /* @__PURE__ */ e.createElement(
       Hr,
       {
-        option: b,
+        option: v,
         menuItemsKeys: l,
         activeOptionKey: o
       }
@@ -1531,10 +1531,10 @@ const ma = 8, pa = "guide-tooltip", ga = (t, a) => new Or(t, a), vl = (t) => {
     a
   );
   return e.useEffect(() => {
-    const b = () => i.current && i.current.offsetWidth <= 400 ? m("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? m("medium") : m(null), f = La(() => {
-      b();
+    const v = () => i.current && i.current.offsetWidth <= 400 ? m("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? m("medium") : m(null), f = La(() => {
+      v();
     }, 500);
-    return window.addEventListener("resize", f), b(), () => window.removeEventListener("resize", f);
+    return window.addEventListener("resize", f), v(), () => window.removeEventListener("resize", f);
   }), /* @__PURE__ */ e.createElement("div", w({ ref: i, className: d }, c), /* @__PURE__ */ e.createElement(
     D,
     A(w({}, qr[o]), {
@@ -1570,7 +1570,7 @@ function Jr(t) {
   const a = t.split("").reduce((r, _) => r + _.charCodeAt(0), 0);
   return `var(${fa[a % fa.length]})`;
 }
-function jr(t = "", a = 2) {
+function Kr(t = "", a = 2) {
   const r = t.split(/\s+/);
   if (a < 1)
     return "";
@@ -1581,7 +1581,7 @@ function jr(t = "", a = 2) {
     _.push(r[o].charAt(0));
   return _.join("").toUpperCase();
 }
-function Kr(t) {
+function jr(t) {
   let a = t;
   if (t.startsWith("var(--") && t.endsWith(")")) {
     const r = t.slice(4, -1);
@@ -1649,12 +1649,12 @@ const Qr = "lc-Avatar-module__avatar___1zTCE", Zr = "lc-Avatar-module__avatar__s
   type: s,
   withRim: i = !1
 }) => {
-  const u = s === "image" && !l, [m, d] = e.useState(u), b = s === "image" && !!l && !m, f = s === "text", p = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, v = jr(n, p), $ = r || Jr(n), h = $ ? Kr($) : void 0, y = f ? { backgroundColor: $ } : {}, N = g(w({
+  const u = s === "image" && !l, [m, d] = e.useState(u), v = s === "image" && !!l && !m, f = s === "text", p = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, b = Kr(n, p), E = r || Jr(n), h = E ? jr(E) : void 0, N = f ? { backgroundColor: E } : {}, $ = g(w({
     [ee[Y]]: !0,
     [ee[`${Y}--${_}`]]: !0,
     [ee[`${Y}--${o}`]]: !0,
     [ee[`${Y}--with-rim`]]: i
-  }, a ? { [`${a}`]: a } : {})), E = g(
+  }, a ? { [`${a}`]: a } : {})), y = g(
     ee[`${Y}__status`],
     ee[`${Y}__status--${_}`],
     ee[`${Y}__status--${o}`],
@@ -1668,7 +1668,7 @@ const Qr = "lc-Avatar-module__avatar___1zTCE", Zr = "lc-Avatar-module__avatar__s
   ), x = e.useCallback(() => d(!0), []);
   return e.useEffect(() => {
     d(u);
-  }, [u]), /* @__PURE__ */ e.createElement("div", { className: N, style: y }, i && /* @__PURE__ */ e.createElement(
+  }, [u]), /* @__PURE__ */ e.createElement("div", { className: $, style: N }, i && /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": `${Y}__rim`,
@@ -1678,9 +1678,9 @@ const Qr = "lc-Avatar-module__avatar___1zTCE", Zr = "lc-Avatar-module__avatar__s
     "div",
     {
       "data-testid": `${Y}__status`,
-      className: E
+      className: y
     }
-  ), b && /* @__PURE__ */ e.createElement(
+  ), v && /* @__PURE__ */ e.createElement(
     "img",
     {
       className: ee[`${Y}__image`],
@@ -1688,7 +1688,7 @@ const Qr = "lc-Avatar-module__avatar___1zTCE", Zr = "lc-Avatar-module__avatar__s
       alt: t,
       onError: x
     }
-  ), f && /* @__PURE__ */ e.createElement("span", { style: { color: h } }, v), m && /* @__PURE__ */ e.createElement(
+  ), f && /* @__PURE__ */ e.createElement("span", { style: { color: h } }, b), m && /* @__PURE__ */ e.createElement(
     D,
     {
       "data-testid": `${Y}__icon`,
@@ -1759,23 +1759,23 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   e.useEffect(() => {
     u && i(o);
   }, [o]);
-  const m = (b, f) => {
-    u || i(b), c(b, f);
-  }, d = a.map(({ id: b, label: f, loading: p, disabled: v, icon: $ }) => {
-    const h = b === s, y = h ? wt["btn--active"] : "", N = h ? !1 : p;
+  const m = (v, f) => {
+    u || i(v), c(v, f);
+  }, d = a.map(({ id: v, label: f, loading: p, disabled: b, icon: E }) => {
+    const h = v === s, N = h ? wt["btn--active"] : "", $ = h ? !1 : p;
     return /* @__PURE__ */ e.createElement(
       M,
       {
-        key: b,
+        key: v,
         fullWidth: l,
-        loading: N,
-        disabled: v,
+        loading: $,
+        disabled: b,
         "aria-pressed": h,
         kind: "secondary",
-        icon: $,
-        className: g(wt.btn, wt[`btn--${t}`], y),
-        onClick: (E) => {
-          m(b, E);
+        icon: E,
+        className: g(wt.btn, wt[`btn--${t}`], N),
+        onClick: (y) => {
+          m(v, y);
         }
       },
       f
@@ -1816,8 +1816,8 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     "src",
     "title"
   ]);
-  const [m, d] = e.useState(!1), b = m ? Ft : bt, f = m ? "Hide" : "Show more", p = (a == null ? void 0 : a.length) > 0, v = !!l, $ = p || v, h = n, y = c, N = y ? "" : te[h_];
-  return /* @__PURE__ */ e.createElement("div", w({ className: g(te[ft], _) }, s), h && /* @__PURE__ */ e.createElement("div", { className: g(te[Pt], N) }, y && /* @__PURE__ */ e.createElement(
+  const [m, d] = e.useState(!1), v = m ? Ft : bt, f = m ? "Hide" : "Show more", p = (a == null ? void 0 : a.length) > 0, b = !!l, E = p || b, h = n, N = c, $ = N ? "" : te[h_];
+  return /* @__PURE__ */ e.createElement("div", w({ className: g(te[ft], _) }, s), h && /* @__PURE__ */ e.createElement("div", { className: g(te[Pt], $) }, N && /* @__PURE__ */ e.createElement(
     "img",
     {
       alt: t,
@@ -1832,15 +1832,15 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
       className: te[`${ft}__expanded-content`]
     },
     l
-  ), $ && /* @__PURE__ */ e.createElement("div", { className: te[Ct] }, /* @__PURE__ */ e.createElement("div", { className: te[`${Ct}__line`] }), /* @__PURE__ */ e.createElement("div", { className: te[`${Ct}__buttons`] }, p && a.map(
-    ({ kind: E, onClick: k, children: C }) => /* @__PURE__ */ e.createElement(M, { size: "compact", kind: E, onClick: k }, C)
-  ), v && /* @__PURE__ */ e.createElement(
+  ), E && /* @__PURE__ */ e.createElement("div", { className: te[Ct] }, /* @__PURE__ */ e.createElement("div", { className: te[`${Ct}__line`] }), /* @__PURE__ */ e.createElement("div", { className: te[`${Ct}__buttons`] }, p && a.map(
+    ({ kind: y, onClick: k, children: C }) => /* @__PURE__ */ e.createElement(M, { size: "compact", kind: y, onClick: k }, C)
+  ), b && /* @__PURE__ */ e.createElement(
     M,
     {
       className: te[`${Ct}__buttons-expander`],
       kind: "link",
       iconPosition: "right",
-      icon: /* @__PURE__ */ e.createElement(D, { source: b }),
+      icon: /* @__PURE__ */ e.createElement(D, { source: v }),
       onClick: () => d(!m)
     },
     f
@@ -1857,7 +1857,7 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   ]);
   const l = g(k_[y_], a);
   return /* @__PURE__ */ e.createElement(P, A(w({ as: "span", size: "sm" }, r), { className: l }), t);
-}, E_ = "lc-Checkbox-module__checkbox___G7nTf", $_ = "lc-Checkbox-module__checkbox__label___-o01x", w_ = "lc-Checkbox-module__checkbox__text___P2SIq", C_ = "lc-Checkbox-module__checkbox__input___YLbVF", N_ = "lc-Checkbox-module__checkbox__checkmark___16pfY", x_ = "lc-Checkbox-module__checkbox__square___MHUyd", S_ = "lc-Checkbox-module__checkbox__helper___YSJ-n", Re = {
+}, E_ = "lc-Checkbox-module__checkbox___G7nTf", $_ = "lc-Checkbox-module__checkbox__label___-o01x", w_ = "lc-Checkbox-module__checkbox__text___P2SIq", C_ = "lc-Checkbox-module__checkbox__input___YLbVF", N_ = "lc-Checkbox-module__checkbox__checkmark___16pfY", x_ = "lc-Checkbox-module__checkbox__square___MHUyd", S_ = "lc-Checkbox-module__checkbox__helper___YSJ-n", Pe = {
   checkbox: E_,
   checkbox__label: $_,
   checkbox__text: w_,
@@ -1867,28 +1867,28 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   checkbox__square: x_,
   "checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
   checkbox__helper: S_
-}, Me = "checkbox", wl = e.forwardRef(
+}, Fe = "checkbox", wl = e.forwardRef(
   (n, c) => {
     var s = n, { checked: t, disabled: a, children: r, description: _, className: o } = s, l = B(s, ["checked", "disabled", "children", "description", "className"]);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: g(Re[Me], o, {
-          [Re[`${Me}--selected`]]: t,
-          [Re[`${Me}--disabled`]]: a
+        className: g(Pe[Fe], o, {
+          [Pe[`${Fe}--selected`]]: t,
+          [Pe[`${Fe}--disabled`]]: a
         })
       },
-      /* @__PURE__ */ e.createElement("label", { className: Re[`${Me}__label`] }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("label", { className: Pe[`${Fe}__label`] }, /* @__PURE__ */ e.createElement(
         "input",
         A(w({}, l), {
           ref: c,
           checked: t,
           disabled: a,
-          className: Re[`${Me}__input`],
+          className: Pe[`${Fe}__input`],
           type: "checkbox"
         })
-      ), r && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: Re[`${Me}__text`] }, r)),
-      _ && /* @__PURE__ */ e.createElement(Rt, { className: Re[`${Me}__helper`] }, _)
+      ), r && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: Pe[`${Fe}__text`] }, r)),
+      _ && /* @__PURE__ */ e.createElement(Rt, { className: Pe[`${Fe}__helper`] }, _)
     );
   }
 ), T = {
@@ -1941,34 +1941,34 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     toMonth: m
   } = t, d = () => {
     typeof a == "function" && a();
-  }, b = () => {
+  }, v = () => {
     typeof _ == "function" && _();
   }, f = () => {
     if (!u) {
       const h = Xe(i, 12);
       return r(h);
     }
-    const v = Math.abs(la(i, u)), $ = Xe(
+    const b = Math.abs(la(i, u)), E = Xe(
       i,
-      !Number.isNaN(v) && v > 12 ? 12 : v
+      !Number.isNaN(b) && b > 12 ? 12 : b
     );
-    return r($);
+    return r(E);
   }, p = () => {
     if (!m) {
       const h = ca(i, 12);
       return r(h);
     }
-    const v = Math.abs(la(m, i)), $ = ca(
+    const b = Math.abs(la(m, i)), E = ca(
       i,
-      !Number.isNaN(v) && v > 12 ? 12 : v
+      !Number.isNaN(b) && b > 12 ? 12 : b
     );
-    return s === 2 && qt($, m) ? r(Xe($, 1)) : r($);
+    return s === 2 && qt(E, m) ? r(Xe(E, 1)) : r(E);
   };
   return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement("div", { className: T[`${ba}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-prev-year-button",
-      className: He({
+      className: Le({
         [n.navButtonPrev]: !0,
         [n.navButtonInteractionDisabled]: !l
       }),
@@ -1979,7 +1979,7 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     "button",
     {
       "data-testid": "date-picker-prev-month-button",
-      className: He({
+      className: Le({
         [n.navButtonPrev]: !0,
         [n.navButtonInteractionDisabled]: !l
       }),
@@ -1990,18 +1990,18 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     "button",
     {
       "data-testid": "date-picker-next-month-button",
-      className: He({
+      className: Le({
         [n.navButtonNext]: !0,
         [n.navButtonInteractionDisabled]: !o
       }),
-      onClick: b
+      onClick: v
     },
     /* @__PURE__ */ e.createElement(D, { source: mr, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-next-year-button",
-      className: He({
+      className: Le({
         [n.navButtonNext]: !0,
         [n.navButtonInteractionDisabled]: !o
       }),
@@ -2011,7 +2011,7 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   )));
 }, I = "date-picker", Ua = (t, a) => {
   const { from: r, to: _ } = a;
-  return !(_ && !Jt(t, _) && jt(t, _) || r && !Jt(t, r) && !jt(t, r));
+  return !(_ && !Jt(t, _) && Kt(t, _) || r && !Jt(t, r) && !Kt(t, r));
 }, Wa = (t, a, r) => a ? t && !qt(t, a) || r && qt(a, r) ? Xe(a, 1) : a : Xe(r || /* @__PURE__ */ new Date(), 1), D_ = (t, a) => {
   const r = {
     [T[`${I}__day--monday`]]: { daysOfWeek: [1] },
@@ -2040,7 +2040,7 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   );
   return r ? (a.selectedItem = t.initialSelectedItemKey, r.isManual && (t.initialFromDate && (a.from = t.initialFromDate), t.initialToDate && (a.to = t.initialToDate, a.temporaryTo = t.initialToDate)), a) : {};
 }, A_ = (t, a) => w({
-  container: He({
+  container: Le({
     [T[`${I}`]]: !0,
     [T[`${I}--range`]]: t
   }),
@@ -2049,11 +2049,11 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   months: T[`${I}__months`],
   month: T[`${I}__month`],
   navBar: T[`${I}__nav-bar`],
-  navButtonPrev: He(
+  navButtonPrev: Le(
     T[`${I}__nav-button`],
     T[`${I}__nav-button--prev`]
   ),
-  navButtonNext: He(
+  navButtonNext: Le(
     T[`${I}__nav-button`],
     T[`${I}__nav-button--next`]
   ),
@@ -2078,7 +2078,7 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   const a = t.getDate();
   return /* @__PURE__ */ e.createElement("div", { className: T[`${ha}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: T[`${ha}__day-content`] }, a));
 }, P_ = (t) => {
-  const $ = t, {
+  const E = t, {
     classNames: a,
     range: r,
     toMonth: _,
@@ -2089,7 +2089,7 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     navbarElement: s,
     renderDay: i,
     innerRef: u
-  } = $, m = B($, [
+  } = E, m = B(E, [
     "classNames",
     "range",
     "toMonth",
@@ -2100,11 +2100,11 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     "navbarElement",
     "renderDay",
     "innerRef"
-  ]), [d, b] = e.useState(o || /* @__PURE__ */ new Date());
+  ]), [d, v] = e.useState(o || /* @__PURE__ */ new Date());
   e.useEffect(() => {
-    o && o !== d && b(o);
+    o && o !== d && v(o);
   }, [o, d]), e.useEffect(() => {
-    _ && (Ua(d, { from: l, to: _ }) || b(_));
+    _ && (Ua(d, { from: l, to: _ }) || v(_));
   }, [d, t.toMonth, t.fromMonth]);
   const f = e.useCallback(
     (h) => {
@@ -2112,13 +2112,13 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
         t.onMonthChange(h);
         return;
       }
-      b(h);
+      v(h);
     },
     [o, t.onMonthChange]
   );
   let p = 1;
   (c === 0 || c && c < 7) && (p = c);
-  const v = e.useMemo(
+  const b = e.useMemo(
     () => A_(r, a),
     [r, a]
   );
@@ -2129,7 +2129,7 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
         T_,
         {
           month: d,
-          classNames: v,
+          classNames: b,
           numberOfMonths: n,
           onMonthChange: f,
           toMonth: _,
@@ -2137,7 +2137,7 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
         }
       ),
       ref: u,
-      classNames: v,
+      classNames: b,
       numberOfMonths: n,
       toMonth: _,
       fromMonth: l,
@@ -2252,14 +2252,14 @@ const R_ = (t) => {
       payload: { date: p }
     });
   }, [o, r, _]), tt(() => {
-    const { from: p, selectedItem: v, to: $ } = s;
-    if (!(p && $))
+    const { from: p, selectedItem: b, to: E } = s;
+    if (!(p && E))
       return;
-    const h = pt(v, t);
+    const h = pt(b, t);
     h && (l == null || l(A(w({}, h), {
       value: {
         from: p,
-        to: $
+        to: E
       }
     })));
   }, [s.from, s.to, s.selectedItem, t, l]), tt(() => {
@@ -2272,16 +2272,16 @@ const R_ = (t) => {
     }
     if (!pt(p, t))
       return;
-    const $ = t.reduce(
-      (h, y) => A(w({}, h), { [y.id]: y }),
+    const E = t.reduce(
+      (h, N) => A(w({}, h), { [N.id]: N }),
       {}
     );
-    l($[p]);
+    l(E[p]);
   }, [l, s.selectedItem, t]);
   const u = ht(
     (p) => {
-      const v = o ? Oa(o, p) >= 0 : !0;
-      !va(s.from, s.to) && v && i({
+      const b = o ? Oa(o, p) >= 0 : !0;
+      !va(s.from, s.to) && b && i({
         type: O.NEW_TEMPORARY_TO_VALUE,
         payload: { date: p }
       });
@@ -2289,11 +2289,11 @@ const R_ = (t) => {
     [o, s.from, s.to]
   ), m = ht(
     (p) => {
-      const { from: v, to: $ } = s;
-      Ua(p, { to: o }) && (va(v, $) ? i({
+      const { from: b, to: E } = s;
+      Ua(p, { to: o }) && (va(b, E) ? i({
         type: O.SELECT_FIRST_DAY,
         payload: { date: p }
-      }) : v && Jt(p, v) || v && jt(p, v) ? i({
+      }) : b && Jt(p, b) || b && Kt(p, b) ? i({
         type: O.SELECT_SECOND_DAY_AS_TO,
         payload: { date: p }
       }) : i({
@@ -2317,25 +2317,25 @@ const R_ = (t) => {
       });
     },
     [t]
-  ), b = ht((p) => {
+  ), v = ht((p) => {
     i({
       type: O.CURRENT_MONTH_CHANGE,
       payload: { date: p }
     });
   }, []);
   return c((() => {
-    const { currentMonth: p, from: v, selectedItem: $, temporaryTo: h, to: y } = s, N = kt(
-      () => D_(v, h),
-      [v, h]
-    ), E = kt(() => pt($, t), [t, $]), k = kt(() => [v, { from: v, to: h }], [v, h]), C = kt(() => o ? { after: o } : void 0, [o]);
+    const { currentMonth: p, from: b, selectedItem: E, temporaryTo: h, to: N } = s, $ = kt(
+      () => D_(b, h),
+      [b, h]
+    ), y = kt(() => pt(E, t), [t, E]), k = kt(() => [b, { from: b, to: h }], [b, h]), C = kt(() => o ? { after: o } : void 0, [o]);
     return {
       select: {
         onItemSelect: d,
-        selected: $ || ""
+        selected: E || ""
       },
       inputs: {
-        fromDate: v,
-        toDate: y
+        fromDate: b,
+        toDate: N
       },
       datepicker: {
         range: !0,
@@ -2343,14 +2343,14 @@ const R_ = (t) => {
         numberOfMonths: 2,
         onDayClick: m,
         selectedDays: k,
-        modifiers: N,
+        modifiers: $,
         initialMonth: o && Xe(o, 1),
         toMonth: o,
         disabledDays: C,
         onDayMouseEnter: u,
-        onMonthChange: b
+        onMonthChange: v
       },
-      selectedOption: E
+      selectedOption: y
     };
   })());
 };
@@ -2469,8 +2469,8 @@ const ka = {
     l
   );
   return e.useEffect(() => {
-    const b = i;
-    return t && b.current ? m(`${b.current.clientHeight}px`) : m("auto");
+    const v = i;
+    return t && v.current ? m(`${v.current.clientHeight}px`) : m("auto");
   }), /* @__PURE__ */ e.createElement("div", { className: d }, s && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -2605,7 +2605,7 @@ const ka = {
       "className",
       "cropOnBlur"
     ]);
-    const [u, m] = e.useState(!1), [d, b] = e.useState(!1), { type: f, onFocus: p, onBlur: v } = c, $ = g(
+    const [u, m] = e.useState(!1), [d, v] = e.useState(!1), { type: f, onFocus: p, onBlur: b } = c, E = g(
       o,
       he[ke],
       he[`${ke}--${t}`],
@@ -2615,8 +2615,8 @@ const ka = {
         [he[`${ke}--error`]]: a,
         [he[`${ke}--crop`]]: l
       }
-    ), h = r ? "var(--content-disabled)" : "var(--content-default)", y = d ? rr : _r, N = _ && _.place === "left", E = _ && f !== "password" && _.place === "right";
-    return /* @__PURE__ */ e.createElement("div", { className: $, "aria-disabled": r, "tab-index": "0" }, N && Ea(_, r), /* @__PURE__ */ e.createElement(
+    ), h = r ? "var(--content-disabled)" : "var(--content-default)", N = d ? rr : _r, $ = _ && _.place === "left", y = _ && f !== "password" && _.place === "right";
+    return /* @__PURE__ */ e.createElement("div", { className: E, "aria-disabled": r, "tab-index": "0" }, $ && Ea(_, r), /* @__PURE__ */ e.createElement(
       "input",
       A(w({}, c), {
         ref: n,
@@ -2624,19 +2624,19 @@ const ka = {
           m(!0), p == null || p(k);
         },
         onBlur: (k) => {
-          m(!1), v == null || v(k);
+          m(!1), b == null || b(k);
         },
         disabled: r,
         type: f && !d ? f : "text"
       })
-    ), E && Ea(_, r), f === "password" && /* @__PURE__ */ e.createElement(
+    ), y && Ea(_, r), f === "password" && /* @__PURE__ */ e.createElement(
       M,
       {
         disabled: r,
         kind: "text",
         size: "compact",
-        icon: /* @__PURE__ */ e.createElement(D, { customColor: h, source: y }),
-        onClick: () => b((k) => !k),
+        icon: /* @__PURE__ */ e.createElement(D, { customColor: h, source: N }),
+        onClick: () => v((k) => !k),
         className: he[`${ke}__visibility-button`]
       }
     ));
@@ -2675,7 +2675,7 @@ const ka = {
   modal__heading: q_,
   "modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
   modal__footer: J_
-}, St = "modal-base", j_ = (n) => {
+}, St = "modal-base", K_ = (n) => {
   var s = n, {
     children: t,
     className: a = "",
@@ -2743,7 +2743,7 @@ const ka = {
     onClick: r,
     icon: /* @__PURE__ */ e.createElement(D, { source: Te, size: "medium", customColor: a })
   }
-), Le = "modal", Il = (i) => {
+), Re = "modal", Il = (i) => {
   var u = i, {
     children: t,
     className: a = "",
@@ -2763,22 +2763,22 @@ const ka = {
     "onClose",
     "contentClassName"
   ]);
-  const m = g(ae[Le], a), d = typeof t == "string", b = (f) => {
+  const m = g(ae[Re], a), d = typeof t == "string", v = (f) => {
     f.preventDefault(), f.stopPropagation(), c();
   };
   return /* @__PURE__ */ e.createElement(
-    j_,
+    K_,
     w({
       className: m,
       fullSpaceContent: o,
       onClose: c
     }, s),
-    _ && /* @__PURE__ */ e.createElement("div", { className: ae[`${Le}__label-header`] }, /* @__PURE__ */ e.createElement(
+    _ && /* @__PURE__ */ e.createElement("div", { className: ae[`${Re}__label-header`] }, /* @__PURE__ */ e.createElement(
       et,
       {
         size: "md",
         as: "div",
-        className: ae[`${Le}__label-heading`]
+        className: ae[`${Re}__label-heading`]
       },
       _
     ), /* @__PURE__ */ e.createElement(
@@ -2786,27 +2786,27 @@ const ka = {
       {
         labelType: !!_,
         customColor: "var(--color-white)",
-        onClick: b
+        onClick: v
       }
     )),
-    !_ && r && /* @__PURE__ */ e.createElement("div", { className: ae[`${Le}__header`] }, /* @__PURE__ */ e.createElement(
+    !_ && r && /* @__PURE__ */ e.createElement("div", { className: ae[`${Re}__header`] }, /* @__PURE__ */ e.createElement(
       et,
       {
         size: "md",
         as: "div",
-        className: ae[`${Le}__heading`]
+        className: ae[`${Re}__heading`]
       },
       r
-    ), /* @__PURE__ */ e.createElement(Ca, { onClick: b })),
+    ), /* @__PURE__ */ e.createElement(Ca, { onClick: v })),
     /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "modal-body",
-        className: g(ae[`${Le}__body`], n)
+        className: g(ae[`${Re}__body`], n)
       },
       d ? /* @__PURE__ */ e.createElement(P, { as: "div" }, t) : t
     ),
-    l && /* @__PURE__ */ e.createElement("div", { className: ae[`${Le}__footer`] }, l)
+    l && /* @__PURE__ */ e.createElement("div", { className: ae[`${Re}__footer`] }, l)
   );
 }, Al = ({
   children: t,
@@ -2891,7 +2891,7 @@ const ka = {
     "style",
     "onChange"
   ]);
-  const d = e.useRef(null), b = g(
+  const d = e.useRef(null), v = g(
     qe[Je],
     {
       [qe[`${Je}--error`]]: a,
@@ -2899,12 +2899,12 @@ const ka = {
       [qe[`${Je}--disabled`]]: l
     },
     t
-  ), f = (k) => s(String(k)), p = (k) => _ !== void 0 && k > _ ? _ : o !== void 0 && k < o ? o : k, v = (k) => {
+  ), f = (k) => s(String(k)), p = (k) => _ !== void 0 && k > _ ? _ : o !== void 0 && k < o ? o : k, b = (k) => {
     const C = parseInt(r, 10) + k;
     return f(p(C));
-  }, $ = (k) => {
-    k.key === L.arrowDown && (k.preventDefault(), v(-1)), k.key === L.arrowUp && (k.preventDefault(), v(1));
-  }, h = (k, C) => C !== void 0 && parseInt(k, 10) === C, y = (k) => {
+  }, E = (k) => {
+    k.key === L.arrowDown && (k.preventDefault(), b(-1)), k.key === L.arrowUp && (k.preventDefault(), b(1));
+  }, h = (k, C) => C !== void 0 && parseInt(k, 10) === C, N = (k) => {
     k.preventDefault(), k.stopPropagation();
     const C = k.currentTarget.value.replace(
       /((?!([-]|([-]?\d+))).)/,
@@ -2914,14 +2914,14 @@ const ka = {
       return f(C);
     const x = parseInt(C, 10);
     return f(p(x));
-  }, N = () => {
+  }, $ = () => {
     var k;
-    return (k = d.current) == null || k.focus(), v(1);
-  }, E = () => {
+    return (k = d.current) == null || k.focus(), b(1);
+  }, y = () => {
     var k;
-    return (k = d.current) == null || k.focus(), v(-1);
+    return (k = d.current) == null || k.focus(), b(-1);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: b, style: n }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: v, style: n }, /* @__PURE__ */ e.createElement(
     "input",
     A(w({
       type: "text",
@@ -2929,8 +2929,8 @@ const ka = {
     }, i), {
       value: r,
       disabled: l,
-      onChange: y,
-      onKeyDown: $,
+      onChange: N,
+      onKeyDown: E,
       min: o,
       max: _
     })
@@ -2939,7 +2939,7 @@ const ka = {
     {
       tabIndex: -1,
       disabled: l || h(r, _),
-      onClick: N,
+      onClick: $,
       "aria-label": "Increment value",
       className: qe[`${Je}__increment`],
       type: "button"
@@ -2959,7 +2959,7 @@ const ka = {
       disabled: l || h(r, o),
       "aria-label": "Decrement value",
       className: qe[`${Je}__decrement`],
-      onClick: E,
+      onClick: y,
       type: "button"
     },
     /* @__PURE__ */ e.createElement(
@@ -2972,7 +2972,7 @@ const ka = {
     )
   )));
 }, Qe = "select-all";
-function K_(t, a) {
+function j_(t, a) {
   const r = {};
   if (a && a.length > 1) {
     const _ = t.map((o) => o.key).filter((o) => a.includes(o));
@@ -3078,7 +3078,7 @@ const W = {
       }
     )
   );
-}, Kt = "picker-list", Na = `${Kt}__item`, Z_ = ({
+}, jt = "picker-list", Na = `${jt}__item`, Z_ = ({
   isOpen: t,
   items: a,
   selectedItemsKeys: r,
@@ -3089,12 +3089,12 @@ const W = {
   onSelect: n,
   onSelectAll: s
 }) => {
-  const i = g(W[Kt], {
-    [W[`${Kt}__no-results`]]: a.length === 0
+  const i = g(W[jt], {
+    [W[`${jt}__no-results`]]: a.length === 0
   }), [u, m] = e.useState(
     null
-  ), d = e.useRef(-1), b = e.useRef(0), f = e.useRef(null), [p, v] = e.useState({}), $ = (x) => {
-    if (x.key === L.esc && (x.preventDefault(), c()), x.key === L.arrowUp && d.current > 0 && (x.preventDefault(), d.current = y(), m(a[d.current].key)), x.key === L.arrowDown && d.current + 1 < a.length && (x.preventDefault(), d.current = N(), m(a[d.current].key)), x.key === L.enter && !a[d.current].disabled) {
+  ), d = e.useRef(-1), v = e.useRef(0), f = e.useRef(null), [p, b] = e.useState({}), E = (x) => {
+    if (x.key === L.esc && (x.preventDefault(), c()), x.key === L.arrowUp && d.current > 0 && (x.preventDefault(), d.current = N(), m(a[d.current].key)), x.key === L.arrowDown && d.current + 1 < a.length && (x.preventDefault(), d.current = $(), m(a[d.current].key)), x.key === L.enter && a[d.current] && !a[d.current].disabled) {
       if (x.preventDefault(), a[d.current].key === Qe)
         return s();
       n(a[d.current]);
@@ -3102,26 +3102,26 @@ const W = {
   };
   e.useEffect(() => {
     if (d.current > -1 && a.length > 0 && a[d.current] && m(a[d.current].key), t)
-      return document.addEventListener("keydown", $), () => document.removeEventListener("keydown", $);
-    d.current = -1, b.current = 0, m(null);
-  }, [a, t, $]), e.useEffect(() => {
-    v(K_(a, r));
+      return document.addEventListener("keydown", E), () => document.removeEventListener("keydown", E);
+    d.current = -1, v.current = 0, m(null);
+  }, [a, t, E]), e.useEffect(() => {
+    b(j_(a, r));
   }, [r, a]);
-  const h = (x) => !!a[x] && (a[x].disabled || a[x].groupHeader), y = () => {
+  const h = (x) => !!a[x] && (a[x].disabled || a[x].groupHeader), N = () => {
     for (d.current = d.current - 1; h(d.current) && (d.current = d.current - 1, !!h(d.current)); )
       ;
-    return b.current = d.current, d.current;
-  }, N = () => {
+    return v.current = d.current, d.current;
+  }, $ = () => {
     if (d.current = d.current + 1, !h(d.current))
-      return b.current = d.current, d.current;
+      return v.current = d.current, d.current;
     for (; h(d.current); ) {
       if (d.current = d.current + 1, d.current === a.length && !h(d.current))
-        return b.current;
+        return v.current;
       if (!h(d.current))
         break;
     }
-    return b.current = d.current, d.current;
-  }, E = () => s(), k = (x) => r ? r.includes(x) : !1, C = () => !l || l && !o ? null : /* @__PURE__ */ e.createElement(
+    return v.current = d.current, d.current;
+  }, y = () => s(), k = (x) => r ? r.includes(x) : !1, C = () => !l || l && !o ? null : /* @__PURE__ */ e.createElement(
     "li",
     {
       ref: (x) => {
@@ -3135,7 +3135,7 @@ const W = {
         W[Na],
         W[`${Na}--select-all`]
       ),
-      onClick: E
+      onClick: y
     },
     o
   );
@@ -3176,7 +3176,7 @@ const W = {
   "picker-trigger--disabled": "lc-Trigger-module__picker-trigger--disabled___7H4tD",
   "picker-trigger--focused": "lc-Trigger-module__picker-trigger--focused___vTr39",
   "picker-trigger--error": "lc-Trigger-module__picker-trigger--error___Rh8Qd"
-}, j = "picker-trigger", X_ = ({
+}, K = "picker-trigger", X_ = ({
   children: t,
   isSearchDisabled: a,
   isDisabled: r,
@@ -3191,18 +3191,18 @@ const W = {
   onClear: m,
   testId: d
 }) => {
-  const b = e.useRef(null), f = g(
-    Q[j],
-    Q[`${j}--${s}`],
-    n && Q[`${j}--multi-select`],
-    n && o && Q[`${j}--multi-select--with-items`],
-    r && Q[`${j}--disabled`],
-    l && Q[`${j}--focused`],
-    _ && Q[`${j}--error`]
+  const v = e.useRef(null), f = g(
+    Q[K],
+    Q[`${K}--${s}`],
+    n && Q[`${K}--multi-select`],
+    n && o && Q[`${K}--multi-select--with-items`],
+    r && Q[`${K}--disabled`],
+    l && Q[`${K}--focused`],
+    _ && Q[`${K}--error`]
   );
   e.useEffect(() => {
-    const h = (y) => {
-      document.activeElement === b.current && y.key !== L.tab && u(y);
+    const h = (N) => {
+      document.activeElement === v.current && N.key !== L.tab && u(N);
     };
     return a || document.addEventListener("keydown", h), () => {
       a || document.removeEventListener("keydown", h);
@@ -3210,13 +3210,13 @@ const W = {
   }, [a]);
   const p = (h) => {
     u(h);
-  }, v = (h) => {
+  }, b = (h) => {
     h.stopPropagation(), m();
-  }, $ = !i && o && !r && !c;
+  }, E = !i && o && !r && !c;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: b,
+      ref: v,
       className: f,
       onClick: p,
       tabIndex: 0,
@@ -3226,9 +3226,9 @@ const W = {
       "div",
       {
         className: g(
-          Q[`${j}__content`],
-          Q[`${j}__content--${s}`],
-          n && o && Q[`${j}__content--with-items`]
+          Q[`${K}__content`],
+          Q[`${K}__content--${s}`],
+          n && o && Q[`${K}__content--with-items`]
         )
       },
       t
@@ -3237,23 +3237,23 @@ const W = {
       "div",
       {
         className: g(
-          Q[`${j}__controls`],
-          Q[`${j}__controls--${s}`]
+          Q[`${K}__controls`],
+          Q[`${K}__controls--${s}`]
         )
       },
-      $ && /* @__PURE__ */ e.createElement(
+      E && /* @__PURE__ */ e.createElement(
         "div",
         {
-          "data-testid": `${j}__clear-icon`,
-          className: Q[`${j}__clear-icon`],
-          onClick: v
+          "data-testid": `${K}__clear-icon`,
+          className: Q[`${K}__clear-icon`],
+          onClick: b
         },
         /* @__PURE__ */ e.createElement(D, { kind: "primary", size: "small", source: Te })
       ),
       /* @__PURE__ */ e.createElement(
         D,
         {
-          className: Q[`${j}__chevron-icon`],
+          className: Q[`${K}__chevron-icon`],
           source: l ? Ft : bt,
           size: "medium",
           disabled: r
@@ -3305,7 +3305,7 @@ const W = {
     "rightNode",
     "customColor"
   ]);
-  const b = g(
+  const v = g(
     Ee[$e],
     t,
     Ee[`${$e}--${_}`],
@@ -3321,14 +3321,14 @@ const W = {
       color: i,
       borderColor: i
     }
-  } : { style: { backgroundColor: i } } : {}, v = () => {
+  } : { style: { backgroundColor: i } } : {}, b = () => {
     if (i)
       return c ? i : ta(i, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
   };
   return /* @__PURE__ */ e.createElement(
     P,
     A(w(w({
-      className: b
+      className: v
     }, u), p()), {
       as: "div",
       size: "md"
@@ -3338,7 +3338,7 @@ const W = {
       {
         "data-testid": "lc-tag-left-node",
         className: Ee[`${$e}__node`],
-        style: { color: v() }
+        style: { color: b() }
       },
       n
     ),
@@ -3347,7 +3347,7 @@ const W = {
       "div",
       {
         "data-testid": "lc-tag-right-node",
-        style: { color: v() }
+        style: { color: b() }
       },
       s
     ),
@@ -3365,7 +3365,7 @@ const W = {
           "data-dismiss-icon": !0,
           source: Te,
           size: f,
-          customColor: v()
+          customColor: b()
         }
       )
     )
@@ -3415,7 +3415,7 @@ const W = {
       alt: "",
       className: le[`${ce}__item__avatar`]
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item__content`] }, p.name)), b = (p) => {
+  ), /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item__content`] }, p.name)), v = (p) => {
     i(p.target.value);
   }, f = () => /* @__PURE__ */ e.createElement(
     "input",
@@ -3426,7 +3426,7 @@ const W = {
         le[`${ce}__input--${n}`]
       ),
       placeholder: "Select option",
-      onChange: b,
+      onChange: v,
       autoFocus: !0
     }
   );
@@ -3455,8 +3455,8 @@ const W = {
 }, co = "lc-Picker-module__picker___GRj9W", no = "lc-Picker-module__picker__container___s0PUc", xa = {
   picker: co,
   picker__container: no
-}, Sa = "picker", Fl = ($) => {
-  var h = $, {
+}, Sa = "picker", Fl = (E) => {
+  var h = E, {
     className: t,
     disabled: a,
     error: r,
@@ -3470,10 +3470,10 @@ const W = {
     type: u = "single",
     searchDisabled: m = !1,
     hideClearButton: d,
-    openedOnInit: b = !1,
+    openedOnInit: v = !1,
     clearSearchAfterSelection: f,
     onSelect: p
-  } = h, v = B(h, [
+  } = h, b = B(h, [
     "className",
     "disabled",
     "error",
@@ -3491,29 +3491,29 @@ const W = {
     "clearSearchAfterSelection",
     "onSelect"
   ]);
-  const [y, N] = e.useState(b), [E, k] = e.useState(null), C = e.useRef(null), x = g(xa[Sa], t);
+  const [N, $] = e.useState(v), [y, k] = e.useState(null), C = e.useRef(null), x = g(xa[Sa], t);
   e.useEffect(() => {
-    if (y) {
+    if (N) {
       const F = (q) => {
         var Be;
-        (Be = C.current) != null && Be.contains(q.target) || N(!1);
+        (Be = C.current) != null && Be.contains(q.target) || $(!1);
       }, U = (q) => {
-        q.key === L.tab && N(!1);
+        q.key === L.tab && $(!1);
       };
       return document.addEventListener("mousedown", F), document.addEventListener("keydown", U), () => {
         document.removeEventListener("mousedown", F), document.addEventListener("keydown", U);
       };
     } else
       k(null);
-  }, [y]);
+  }, [N]);
   const H = (F) => {
     const U = F.target;
-    a || U.getAttribute("data-dismiss-icon") || N((q) => !q);
+    a || U.getAttribute("data-dismiss-icon") || $((q) => !q);
   }, re = () => {
-    N(!1);
+    $(!1);
   }, ne = (F) => {
     if (u === "single")
-      return N(!1), p([F]);
+      return $(!1), p([F]);
     const U = F.key, q = se;
     if (!q)
       return p([F]);
@@ -3522,34 +3522,34 @@ const W = {
     ) ? q.filter((Mt) => Mt !== U) : q.concat(U);
     if ((Be == null ? void 0 : Be.length) === 0)
       return p(null);
-    const Ka = _.filter(
+    const ja = _.filter(
       (Mt) => Be.includes(Mt.key)
     );
-    p(Ka);
-  }, ze = (F) => !F.disabled && !F.groupHeader && F.key !== Qe, Ge = () => {
-    N(!1);
-    const F = We.filter(ze);
+    p(ja);
+  }, Oe = (F) => !F.disabled && !F.groupHeader && F.key !== Qe, He = () => {
+    $(!1);
+    const F = Ge.filter(Oe);
     p(F);
   }, De = () => {
-    N(!1), p(null);
-  }, Ue = (F) => k(F), ye = (F) => {
+    $(!1), p(null);
+  }, ze = (F) => k(F), ye = (F) => {
     const U = o ? o.filter((q) => q !== F) : null;
     if ((U == null ? void 0 : U.length) === 0)
       return p(null);
     p(U);
-  }, We = e.useMemo(() => E ? _.filter((F) => {
+  }, Ge = e.useMemo(() => y ? _.filter((F) => {
     if (F.groupHeader)
       return !1;
-    const U = E.toLowerCase();
+    const U = y.toLowerCase();
     return F.name.toLowerCase().includes(U);
-  }) : _, [E, _]), se = e.useMemo(() => o ? o.map((F) => F.key) : null, [o]);
-  return /* @__PURE__ */ e.createElement("div", { ref: C, className: x, id: v.id }, /* @__PURE__ */ e.createElement("div", { className: xa[`${Sa}__container`] }, /* @__PURE__ */ e.createElement(
+  }) : _, [y, _]), se = e.useMemo(() => o ? o.map((F) => F.key) : null, [o]);
+  return /* @__PURE__ */ e.createElement("div", { ref: C, className: x, id: b.id }, /* @__PURE__ */ e.createElement("div", { className: xa[`${Sa}__container`] }, /* @__PURE__ */ e.createElement(
     X_,
     {
-      testId: v["data-testid"],
+      testId: b["data-testid"],
       isSearchDisabled: m,
       isError: r,
-      isOpen: y,
+      isOpen: N,
       isDisabled: a,
       isItemSelected: !!o,
       isRequired: n,
@@ -3562,7 +3562,7 @@ const W = {
     /* @__PURE__ */ e.createElement(
       lo,
       {
-        isOpen: y,
+        isOpen: N,
         isSearchDisabled: m,
         isDisabled: a,
         placeholder: c,
@@ -3571,21 +3571,21 @@ const W = {
         size: l,
         clearSearchAfterSelection: f,
         onItemRemove: ye,
-        onFilter: Ue
+        onFilter: ze
       }
     )
   ), /* @__PURE__ */ e.createElement(
     Z_,
     {
       selectedItemsKeys: se,
-      items: We,
-      isOpen: y,
+      items: Ge,
+      isOpen: N,
       isMultiSelect: u === "multi",
       emptyStateText: s,
       selectAllOptionText: i,
       onClose: re,
       onSelect: ne,
-      onSelectAll: Ge
+      onSelectAll: He
     }
   )));
 }, so = [
@@ -3638,9 +3638,9 @@ const dt = {
         [dt[`${ut}--${t}`]]: t
       },
       r
-    ), b = 2 * Math.PI * ((m - u) / 2), f = {
-      strokeDasharray: b.toFixed(3),
-      strokeDashoffset: `${((100 - i) / 100 * b).toFixed(3)}px`
+    ), v = 2 * Math.PI * ((m - u) / 2), f = {
+      strokeDasharray: v.toFixed(3),
+      strokeDashoffset: `${((100 - i) / 100 * v).toFixed(3)}px`
     }, p = `${m / 2} ${m / 2} ${m} ${m}`;
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -3744,7 +3744,7 @@ const dt = {
   onClose: s,
   onLinkClick: i
 }) => {
-  const u = e.useRef(null), [m, d] = e.useState("medium"), b = g(
+  const u = e.useRef(null), [m, d] = e.useState("medium"), v = g(
     de[ue],
     {
       [de[`${ue}--light`]]: l,
@@ -3754,12 +3754,12 @@ const dt = {
     t
   );
   e.useEffect(() => {
-    const p = () => u.current && u.current.offsetWidth <= fo ? d("small") : u.current && u.current.offsetWidth >= bo ? d("large") : d("medium"), v = La(
+    const p = () => u.current && u.current.offsetWidth <= fo ? d("small") : u.current && u.current.offsetWidth >= bo ? d("large") : d("medium"), b = La(
       p,
       vo
     );
-    return window.addEventListener("resize", v), p(), () => {
-      v.cancel(), window.removeEventListener("resize", p);
+    return window.addEventListener("resize", b), p(), () => {
+      b.cancel(), window.removeEventListener("resize", p);
     };
   }, []);
   const f = /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__footer`] }, a && /* @__PURE__ */ e.createElement(
@@ -3772,7 +3772,7 @@ const dt = {
     },
     a
   ), c && /* @__PURE__ */ e.createElement(M, { size: "compact", kind: "text", onClick: i }, c));
-  return /* @__PURE__ */ e.createElement("div", { ref: u, className: b }, /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: de[`${ue}__img`] }), /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__header`] }, _), /* @__PURE__ */ e.createElement(P, { as: "div" }, r), m !== "large" && f), m === "large" && f), s && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { ref: u, className: v }, /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: de[`${ue}__img`] }), /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__header`] }, _), /* @__PURE__ */ e.createElement(P, { as: "div" }, r), m !== "large" && f), m === "large" && f), s && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
@@ -3790,7 +3790,7 @@ const dt = {
   "promo-banner-v2__additional-content": "lc-PromoBannerV2-module__promo-banner-v2__additional-content___LpU9B",
   "promo-banner-v2__close": "lc-PromoBannerV2-module__promo-banner-v2__close___rOh-U",
   "promo-banner-v2__close__btn": "lc-PromoBannerV2-module__promo-banner-v2__close__btn___5AZQC"
-}, Oe = "promo-banner-v2", Ml = ({
+}, Me = "promo-banner-v2", Ml = ({
   children: t,
   className: a,
   additionalContent: r,
@@ -3798,8 +3798,8 @@ const dt = {
   secondaryButton: o,
   onClose: l
 }) => {
-  const c = g(Ie[Oe], a);
-  return /* @__PURE__ */ e.createElement("div", { className: Ie["main-wrapper"] }, /* @__PURE__ */ e.createElement("div", { role: "banner", className: c }, /* @__PURE__ */ e.createElement("div", { className: Ie[`${Oe}__content`] }, t, (_ || o) && /* @__PURE__ */ e.createElement("div", { className: Ie[`${Oe}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
+  const c = g(Ie[Me], a);
+  return /* @__PURE__ */ e.createElement("div", { className: Ie["main-wrapper"] }, /* @__PURE__ */ e.createElement("div", { role: "banner", className: c }, /* @__PURE__ */ e.createElement("div", { className: Ie[`${Me}__content`] }, t, (_ || o) && /* @__PURE__ */ e.createElement("div", { className: Ie[`${Me}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
     M,
     {
       kind: (_ == null ? void 0 : _.kind) || "high-contrast",
@@ -3811,13 +3811,13 @@ const dt = {
     {
       kind: (o == null ? void 0 : o.kind) || "text",
       onClick: o.handleClick,
-      className: Ie[`${Oe}__content__cta__secondary`]
+      className: Ie[`${Me}__content__cta__secondary`]
     },
     o.label
-  ))), r && /* @__PURE__ */ e.createElement("div", { className: Ie[`${Oe}__additional-content`] }, r), l && /* @__PURE__ */ e.createElement("div", { className: Ie[`${Oe}__close`] }, /* @__PURE__ */ e.createElement(
+  ))), r && /* @__PURE__ */ e.createElement("div", { className: Ie[`${Me}__additional-content`] }, r), l && /* @__PURE__ */ e.createElement("div", { className: Ie[`${Me}__close`] }, /* @__PURE__ */ e.createElement(
     M,
     {
-      className: Ie[`${Oe}__close__btn`],
+      className: Ie[`${Me}__close__btn`],
       onClick: l,
       icon: /* @__PURE__ */ e.createElement(D, { source: Te, kind: "primary" }),
       kind: "plain",
@@ -3875,7 +3875,7 @@ const dt = {
   className: c,
   onChange: n
 }) => {
-  const [s, i] = e.useState(!0), [u, m] = e.useState(!1), d = e.useRef(null), b = !!l && !a && !r, f = t && !s && "true", p = g(
+  const [s, i] = e.useState(!0), [u, m] = e.useState(!1), d = e.useRef(null), v = !!l && !a && !r, f = t && !s && "true", p = g(
     c,
     ve[pe],
     ve[`${pe}--${o}`],
@@ -3887,19 +3887,19 @@ const dt = {
   e.useEffect(() => {
     t && l && i(!1);
   }, [t]);
-  const v = (k) => {
+  const b = (k) => {
     const C = k.currentTarget.value;
     n(C);
-  }, $ = () => {
+  }, E = () => {
     n("");
   }, h = () => {
     var k;
     (k = d.current) == null || k.focus();
-  }, y = () => {
-    t && i(!1), m(!0);
   }, N = () => {
+    t && i(!1), m(!0);
+  }, $ = () => {
     t && !l && i(!0), m(!1);
-  }, E = (k) => {
+  }, y = (k) => {
     k.key === L.enter && (k.preventDefault(), n(l));
   };
   return /* @__PURE__ */ e.createElement(
@@ -3928,20 +3928,20 @@ const dt = {
         type: "text",
         value: l,
         placeholder: _,
-        onChange: v,
-        onBlur: N,
-        onFocus: y,
-        onKeyDown: E,
+        onChange: b,
+        onBlur: $,
+        onFocus: N,
+        onKeyDown: y,
         disabled: a
       }
     ),
-    b && /* @__PURE__ */ e.createElement(
+    v && /* @__PURE__ */ e.createElement(
       M,
       {
         "aria-label": "Clear search",
         title: "Clear search",
         className: ve[`${pe}__clear-icon`],
-        onClick: $,
+        onClick: E,
         icon: /* @__PURE__ */ e.createElement(D, { source: Te, kind: "primary" }),
         kind: "text",
         size: "compact"
@@ -3984,12 +3984,12 @@ const dt = {
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
   switch__icon: Co
-}, K = "switch", Hl = (m) => {
+}, j = "switch", Hl = (m) => {
   var d = m, {
     className: t = "",
     defaultOn: a = !1,
     disabled: r = !1,
-    name: _ = K,
+    name: _ = j,
     on: o,
     onChange: l,
     size: c = "large",
@@ -4008,69 +4008,69 @@ const dt = {
     "innerRef",
     "ariaLabel"
   ]);
-  const b = o !== void 0, [f, p] = e.useState(
-    () => b ? o : a
-  ), v = b ? o : f, $ = n === "loading", h = n === "locked", y = c === "large" ? "small" : "xsmall", N = v ? "on" : "off", E = r || $ || h, k = E ? "disabled" : "enabled", C = g(
-    Z[K],
-    Z[`${K}--${c}`],
+  const v = o !== void 0, [f, p] = e.useState(
+    () => v ? o : a
+  ), b = v ? o : f, E = n === "loading", h = n === "locked", N = c === "large" ? "small" : "xsmall", $ = b ? "on" : "off", y = r || E || h, k = y ? "disabled" : "enabled", C = g(
+    Z[j],
+    Z[`${j}--${c}`],
     t
   ), x = (H) => {
-    l == null || l(H, !v), b || (H.stopPropagation(), p((re) => !re));
+    l == null || l(H, !b), v || (H.stopPropagation(), p((re) => !re));
   };
   return /* @__PURE__ */ e.createElement("span", { className: C }, /* @__PURE__ */ e.createElement(
     "input",
     w({
       type: "checkbox",
       className: g(
-        Z[`${K}__input`],
-        Z[`${K}__input--${k}`]
+        Z[`${j}__input`],
+        Z[`${j}__input--${k}`]
       ),
       onChange: x,
-      checked: v,
+      checked: b,
       name: _,
       ref: s,
-      disabled: E,
+      disabled: y,
       "aria-label": i
     }, u)
-  ), /* @__PURE__ */ e.createElement("span", { className: Z[`${K}__container`] }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("span", { className: Z[`${j}__container`] }, /* @__PURE__ */ e.createElement(
     "span",
     {
       className: g(
-        Z[`${K}__track`],
-        Z[`${K}__track--${N}`],
-        Z[`${K}__track--${k}`]
+        Z[`${j}__track`],
+        Z[`${j}__track--${$}`],
+        Z[`${j}__track--${k}`]
       )
     }
   ), /* @__PURE__ */ e.createElement(
     "span",
     {
       className: g(
-        Z[`${K}__slider`],
-        Z[`${K}__slider--${c}`],
-        Z[`${K}__slider--${c}--${N}`]
+        Z[`${j}__slider`],
+        Z[`${j}__slider--${c}`],
+        Z[`${j}__slider--${c}--${$}`]
       )
     },
-    $ && /* @__PURE__ */ e.createElement(
+    E && /* @__PURE__ */ e.createElement(
       aa,
       {
         className: g(
-          Z[`${K}__loader`],
-          Z[`${K}__loader--${c}`]
+          Z[`${j}__loader`],
+          Z[`${j}__loader--${c}`]
         )
       }
     ),
     h && /* @__PURE__ */ e.createElement(
       D,
       {
-        className: Z[`${K}__icon`],
+        className: Z[`${j}__icon`],
         "data-testid": "lock-icon",
-        size: y,
+        size: N,
         source: lr,
         kind: "primary"
       }
     )
   )));
-}, No = "lc-Tab-module__tab___fME7u", xo = "lc-Tab-module__tab__count___gc8tA", So = "lc-Tab-module__tab__badge___W9c-T", je = {
+}, No = "lc-Tab-module__tab___fME7u", xo = "lc-Tab-module__tab__count___gc8tA", So = "lc-Tab-module__tab__badge___W9c-T", Ke = {
   tab: No,
   tab__count: xo,
   "tab--compact": "lc-Tab-module__tab--compact___4qead",
@@ -4079,7 +4079,7 @@ const dt = {
   tab__badge: So,
   "tab--selected": "lc-Tab-module__tab--selected___c0EkL",
   "tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
-}, Ke = "tab", zl = (n) => {
+}, je = "tab", zl = (n) => {
   var s = n, {
     children: t,
     className: a,
@@ -4104,34 +4104,34 @@ const dt = {
       bold: _,
       className: g(
         a,
-        je[Ke],
-        je[`${Ke}--${l}`],
-        _ && je[`${Ke}--selected`],
-        i && je[`${Ke}--disabled`]
+        Ke[je],
+        Ke[`${je}--${l}`],
+        _ && Ke[`${je}--selected`],
+        i && Ke[`${je}--disabled`]
       )
     }),
     t,
-    u && /* @__PURE__ */ e.createElement(P, { as: "span", size: "md", className: je[`${Ke}__count`] }, "(", r, ")"),
+    u && /* @__PURE__ */ e.createElement(P, { as: "span", size: "md", className: Ke[`${je}__count`] }, "(", r, ")"),
     m && /* @__PURE__ */ e.createElement(
       o_,
       {
         "data-testid": "tab-badge",
         count: r,
         size: "compact",
-        className: je[`${Ke}__badge`]
+        className: Ke[`${je}__badge`]
       }
     )
   );
 }, To = "lc-TabsWrapper-module__tabs___Y2xyD", Do = "lc-TabsWrapper-module__tabs__list___i6tVO", Ja = {
   tabs: To,
   tabs__list: Do
-}, ja = "tabs", Gl = ({
+}, Ka = "tabs", Gl = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: g(Ja[ja], t) }, a), Ul = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: g(Ja[Ka], t) }, a), Ul = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: g(Ja[`${ja}__list`], t) }, a), Io = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: g(Ja[`${Ka}__list`], t) }, a), Io = ({
   className: t = "",
   innerEditableRef: a,
   inputRef: r,
@@ -4159,7 +4159,7 @@ const dt = {
       }
       _(f.innerText);
     }
-  }, b = (f) => {
+  }, v = (f) => {
     f.preventDefault();
     const p = f.clipboardData.getData("text/plain");
     document.execCommand("insertHTML", !1, na(p));
@@ -4170,7 +4170,7 @@ const dt = {
       ref: a,
       className: t,
       contentEditable: !0,
-      onPaste: b,
+      onPaste: v,
       onBlur: d,
       onKeyDown: m,
       dangerouslySetInnerHTML: { __html: na(l) }
@@ -4243,44 +4243,44 @@ const dt = {
   }), m = g(
     gt[`${It}__input`],
     gt[`${It}__input--${c}`]
-  ), [d, b] = e.useState(""), f = e.useRef(null), p = (E) => {
-    r([...a || [], E]), b("");
-  }, v = (E) => {
+  ), [d, v] = e.useState(""), f = e.useRef(null), p = (y) => {
+    r([...a || [], y]), v("");
+  }, b = (y) => {
     const k = [...a || []];
-    k.splice(E, 1), r(k);
-  }, $ = (E) => b(E.target.value), h = (E) => {
-    if (Po.includes(E.key)) {
-      if (E.preventDefault(), d === "")
+    k.splice(y, 1), r(k);
+  }, E = (y) => v(y.target.value), h = (y) => {
+    if (Po.includes(y.key)) {
+      if (y.preventDefault(), d === "")
         return;
       p(d);
-    } else if (Fo.includes(E.key)) {
+    } else if (Fo.includes(y.key)) {
       if (d !== "" || !(a != null && a.length))
         return;
-      v(a.length - 1);
+      b(a.length - 1);
     }
-  }, y = (E, k) => {
+  }, N = (y, k) => {
     const C = [...a || []];
     C.reduce(
-      (H, re, ne) => H + (re === k && ne !== E ? 1 : 0),
+      (H, re, ne) => H + (re === k && ne !== y ? 1 : 0),
       0
-    ) > 0 ? C.splice(E, 1) : C[E] = k, r(C);
-  }, N = (E) => {
-    E.preventDefault();
-    const C = E.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
+    ) > 0 ? C.splice(y, 1) : C[y] = k, r(C);
+  }, $ = (y) => {
+    y.preventDefault();
+    const C = y.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
     r([...a || [], ...C]);
   };
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: u }, a == null ? void 0 : a.map((E, k) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: u }, a == null ? void 0 : a.map((y, k) => /* @__PURE__ */ e.createElement(
     Bo,
     {
       index: k,
-      key: `${k}${E}`,
-      update: y,
-      remove: v,
+      key: `${k}${y}`,
+      update: N,
+      remove: b,
       inputRef: f,
       validator: _,
       size: c
     },
-    E
+    y
   )), /* @__PURE__ */ e.createElement(
     "input",
     A(w({}, n), {
@@ -4289,9 +4289,9 @@ const dt = {
       className: m,
       placeholder: l,
       value: d,
-      onChange: $,
+      onChange: E,
       onKeyDown: h,
-      onPaste: N
+      onPaste: $
     })
   )), o && /* @__PURE__ */ e.createElement(ra, null, o));
 }, Mo = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i, Lo = "name@company.com", Oo = (t) => Mo.test(t), Wl = ({
@@ -4418,7 +4418,7 @@ const dt = {
     },
     t
   );
-  return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(Ra, { component: null }, a.map(({ id: s, kind: i, content: u, removable: m, action: d, onClose: b }) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(Ra, { component: null }, a.map(({ id: s, kind: i, content: u, removable: m, action: d, onClose: v }) => /* @__PURE__ */ e.createElement(
     ea,
     {
       key: s,
@@ -4434,7 +4434,7 @@ const dt = {
       Vo,
       {
         kind: i,
-        onClose: b,
+        onClose: v,
         removable: m,
         action: d
       },
@@ -4455,14 +4455,14 @@ const dt = {
       [At[`${Bt}--error`]]: a
     }), d = (f) => {
       u(!1), n == null || n(f);
-    }, b = (f) => {
+    }, v = (f) => {
       u(!0), s == null || s(f);
     };
     return /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement(
       "textarea",
       A(w({}, r), {
         ref: _,
-        onFocus: b,
+        onFocus: v,
         onBlur: d
       })
     ));
@@ -4585,7 +4585,7 @@ const dt = {
   "upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
   "upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
   "upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
-}, X = "upload-bar", xe = `${X}__wrapper__header`, jo = 300, Ko = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__success-icon`] }, /* @__PURE__ */ e.createElement(D, { source: Xt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__error-icon`] }, /* @__PURE__ */ e.createElement(D, { source: nr })) : /* @__PURE__ */ e.createElement(
+}, X = "upload-bar", xe = `${X}__wrapper__header`, Ko = 300, jo = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__success-icon`] }, /* @__PURE__ */ e.createElement(D, { source: Xt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__error-icon`] }, /* @__PURE__ */ e.createElement(D, { source: nr })) : /* @__PURE__ */ e.createElement(
   po,
   {
     className: R[`${xe}__loader`],
@@ -4606,11 +4606,11 @@ const dt = {
   onCloseButtonClick: u,
   onRetryButtonClick: m
 }) => {
-  const [d, b] = e.useState(o || !1), f = c === "error", p = c === "success", v = g(R[X], a, {
+  const [d, v] = e.useState(o || !1), f = c === "error", p = c === "success", b = g(R[X], a, {
     [R[`${X}--error`]]: f,
     [R[`${X}--success`]]: p
-  }), $ = !(f && (m || u)), h = () => b(!d);
-  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement("div", { className: R[`${X}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${xe}`] }, /* @__PURE__ */ e.createElement(
+  }), E = !(f && (m || u)), h = () => v(!d);
+  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("div", { className: R[`${X}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${xe}`] }, /* @__PURE__ */ e.createElement(
     Jo,
     {
       title: f && l || _,
@@ -4626,13 +4626,13 @@ const dt = {
       onCloseButtonClick: u,
       onRetryButtonClick: m
     }
-  ))) : /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement(
+  ))) : /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: R[`${X}__wrapper`],
       onClick: h
     },
-    /* @__PURE__ */ e.createElement("div", { className: R[`${xe}`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__icon`] }, Ko(c, r)), /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__title`] }, /* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, f ? l : _)), $ && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: R[`${xe}`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__icon`] }, jo(c, r)), /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__title`] }, /* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, f ? l : _)), E && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: R[`${xe}__collapse-button`],
@@ -4651,7 +4651,7 @@ const dt = {
   ), /* @__PURE__ */ e.createElement(Ra, { component: null }, d && /* @__PURE__ */ e.createElement(
     ea,
     {
-      timeout: jo,
+      timeout: Ko,
       classNames: {
         enter: R[`${X}__files--enter`],
         enterActive: R[`${X}__files--enter-active`],
@@ -4694,7 +4694,7 @@ export {
   Dl as Link,
   aa as Loader,
   Il as Modal,
-  j_ as ModalBase,
+  K_ as ModalBase,
   Ca as ModalCloseButton,
   Bl as ModalHeader,
   Al as ModalPortal,