@livechat/design-system-react-components 1.6.2 → 1.6.4

package/dist/dsrc.es.js

@@ -365,7 +365,7 @@ const Fc = {
   "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"
 }, Qe = "action-menu", Ur = (u) => {
-  var h = u, {
+  var v = u, {
     className: t,
     triggerClassName: a,
     options: r,
@@ -373,11 +373,11 @@ const Fc = {
     placement: o = "bottom-end",
     openedOnInit: c = !1,
     keepOpenOnClick: l,
-    flipOptions: n,
-    visible: s,
-    onClose: i,
+    flipOptions: s,
+    visible: i,
+    onClose: n,
     onOpen: d
-  } = h, m = I(h, [
+  } = v, m = I(v, [
     "className",
     "triggerClassName",
     "options",
@@ -390,10 +390,10 @@ const Fc = {
     "onClose",
     "onOpen"
   ]);
-  const f = s !== void 0, [g, b] = e.useState(c), k = e.useRef(-1), v = e.useRef(null), $ = f ? s : g, N = () => {
-    $ ? (i == null || i(), !f && b(!1)) : (d == null || d(), !f && b(!0));
+  const f = i !== void 0, [g, b] = e.useState(c), k = e.useRef(-1), h = e.useRef(null), $ = f ? i : g, N = () => {
+    $ ? (n == null || n(), !f && b(!1)) : (d == null || d(), !f && b(!0));
   }, { x: B, y: E, strategy: P, refs: x, context: ee } = la({
-    middleware: [na(4), sa(n)],
+    middleware: [na(4), sa(s)],
     placement: o,
     open: $,
     onOpenChange: N,
@@ -418,18 +418,18 @@ const Fc = {
     })
   }), Le = (w) => {
     var q, Ue;
-    const O = k.current;
-    let j = O + w;
+    const z = k.current;
+    let j = z + w;
     for (; (q = r[j]) != null && q.disabled || (Ue = r[j]) != null && Ue.groupHeader; )
       if (j += w, j === -1) {
-        j = O;
+        j = z;
         break;
       }
     return j;
   }, Ge = (w) => {
     var q, Ue;
     k.current = Le(w);
-    const O = (q = v.current) == null ? void 0 : q.children, j = O && ((Ue = O[k.current]) == null ? void 0 : Ue.children[0]);
+    const z = (q = h.current) == null ? void 0 : q.children, j = z && ((Ue = z[k.current]) == null ? void 0 : Ue.children[0]);
     return j == null ? void 0 : j.focus();
   }, Oe = (w) => {
     w.key === G.arrowUp && k.current > 0 && (w.preventDefault(), Ge(-1)), w.key === G.arrowDown && k.current + 1 < r.length && (w.preventDefault(), Ge(1));
@@ -439,9 +439,9 @@ const Fc = {
       return document.addEventListener("keydown", Oe), () => document.removeEventListener("keydown", Oe);
     k.current = -1;
   }, [$, Oe]);
-  const R = (w, O) => {
-    k.current = w, O == null || O(), !f && !l && (b(!1), i == null || i());
-  }, W = (w, O) => w.groupHeader ? /* @__PURE__ */ e.createElement(
+  const R = (w, z) => {
+    k.current = w, z == null || z(), !f && !l && (b(!1), n == null || n());
+  }, W = (w, z) => w.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
     {
       key: w.key,
@@ -456,7 +456,7 @@ const Fc = {
       tabIndex: -1,
       key: w.key,
       disabled: w.disabled,
-      onClick: () => R(O, w.onClick),
+      onClick: () => R(z, w.onClick),
       role: "menuitem",
       className: p(je[`${Qe}__list__item`], {
         [je[`${Qe}__list__item--disabled`]]: w.disabled,
@@ -490,7 +490,7 @@ const Fc = {
       T(y({}, m), {
         className: p(je[`${Qe}__list`], t),
         role: "menu",
-        ref: v
+        ref: h
       }),
       r.map(W)
     )
@@ -536,8 +536,8 @@ const Fc = {
     y({ className: p(ct[`heading-${a}`], _) }, o),
     r
   );
-}, M = (i) => {
-  var d = i, {
+}, M = (n) => {
+  var d = n, {
     as: t = "p",
     size: a = "md",
     caps: r = !1,
@@ -545,8 +545,8 @@ const Fc = {
     underline: o = !1,
     strike: c = !1,
     children: l,
-    className: n
-  } = d, s = I(d, [
+    className: s
+  } = d, i = I(d, [
     "as",
     "size",
     "caps",
@@ -567,9 +567,9 @@ const Fc = {
           [ct[`${m}--strike`]]: c,
           [ct[`${m}--underline`]]: o
         },
-        n
+        s
       )
-    }, s),
+    }, i),
     l
   );
 }, Hc = (c) => {
@@ -683,13 +683,13 @@ const Fc = {
       kind: o = "basic",
       size: c = "medium",
       icon: l = null,
-      iconPosition: n = "left",
-      loaderLabel: s,
-      className: i,
+      iconPosition: s = "left",
+      loaderLabel: i,
+      className: n,
       children: d,
       href: m,
       onClick: u
-    } = b, h = I(b, [
+    } = b, v = I(b, [
       "loading",
       "disabled",
       "type",
@@ -704,16 +704,16 @@ const Fc = {
       "href",
       "onClick"
     ]);
-    const k = t || a, v = !d && l, $ = ["text", "link", "link-light"].includes(o), N = m ? "a" : "button", B = p(
-      i,
+    const k = t || a, h = !d && l, $ = ["text", "link", "link-light"].includes(o), N = m ? "a" : "button", B = p(
+      n,
       ue[me],
       ue[`${me}--${o}`],
       ue[`${me}--${c}`],
       {
         [ue[`${me}--loading`]]: t,
         [ue[`${me}--full-width`]]: _,
-        [ue[`${me}--icon-only`]]: v,
-        [ue[`${me}--icon-only--bg`]]: v && $,
+        [ue[`${me}--icon-only`]]: h,
+        [ue[`${me}--icon-only--bg`]]: h && $,
         [ue[`${me}--disabled`]]: k
       }
     );
@@ -725,12 +725,12 @@ const Fc = {
         "aria-disabled": k,
         type: r,
         disabled: k
-      }, !k && { href: m, onClick: u }), h),
+      }, !k && { href: m, onClick: u }), v),
       t && /* @__PURE__ */ e.createElement(
         ba,
         y({
           size: "small",
-          label: s,
+          label: i,
           className: ue[`${me}__loader`]
         }, Qr(o))
       ),
@@ -738,7 +738,7 @@ const Fc = {
         className: p(
           l.props.className,
           ue[`${me}__icon`],
-          ue[`${me}__icon--${n}`]
+          ue[`${me}__icon--${s}`]
         ),
         disabled: a
       }),
@@ -808,21 +808,21 @@ const Fc = {
     disabled: o,
     className: c,
     customColor: l
-  } = d, n = I(d, [
+  } = d, s = I(d, [
     "source",
     "size",
     "kind",
     "disabled",
     "className",
     "customColor"
-  ]), s = e.createElement(a, T(y({}, a_[r]), {
+  ]), i = e.createElement(a, T(y({}, a_[r]), {
     color: l
-  })), i = p(
+  })), n = p(
     c,
     wa[Ca],
     _ && wa[`${Ca}--${o ? "disabled--" : ""}${_}`]
   );
-  return /* @__PURE__ */ e.createElement("span", T(y({}, n), { className: i }), s);
+  return /* @__PURE__ */ e.createElement("span", T(y({}, s), { className: n }), i);
 };
 function Xa(t) {
   switch (t) {
@@ -880,18 +880,18 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
   theme: o,
   kind: c,
   placement: l = "bottom",
-  isVisible: n,
-  fullSpaceContent: s,
-  onClose: i,
+  isVisible: s,
+  fullSpaceContent: i,
+  onClose: n,
   onOpen: d,
   withFadeAnimation: m = !0,
   transitionDuration: u = 200,
-  hoverOnDuration: h,
+  hoverOnDuration: v,
   hoverOffDuration: f,
   transitionDelay: g = 0,
   hoverOnDelay: b,
   hoverOffDelay: k,
-  triggerOnClick: v = !1,
+  triggerOnClick: h = !1,
   offsetMainAxis: $ = 8,
   referenceElement: N,
   activationThreshold: B = 0,
@@ -901,15 +901,15 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
   arrowOffsetX: ee,
   closeOnTriggerBlur: F = !1
 }) => {
-  const Y = n !== void 0, [_e, Re] = e.useState(!1), be = e.useRef(null), Me = Y ? n : _e, Le = c || o, Ge = p(
+  const Y = s !== void 0, [_e, Re] = e.useState(!1), be = e.useRef(null), Me = Y ? s : _e, Le = c || o, Ge = p(
     C[Nt],
     a,
     Le && C[`${Nt}--${Le}`],
-    s && C[`${Nt}--full-space`]
+    i && C[`${Nt}--full-space`]
   ), Oe = typeof _ == "function", R = (fe) => {
-    fe !== Me && (fe ? d == null || d() : i == null || i(), !Y && Re(fe));
+    fe !== Me && (fe ? d == null || d() : n == null || n(), !Y && Re(fe));
   }, W = (fe) => m ? fe != null ? fe : u : 0, w = (fe) => fe != null ? fe : g, {
-    floatingStyles: O,
+    floatingStyles: z,
     refs: j,
     context: q,
     middlewareData: { arrow: { x: Ue, y: nr } = {} }
@@ -931,11 +931,11 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
       open: w(b),
       close: w(k || P)
     },
-    enabled: !v,
+    enabled: !h,
     handleClose: F ? null : Fr()
   }), ir = Rr(q), dr = ua(q, E), ur = ma(q, { role: "tooltip" }), mr = da(q), { isMounted: pr, styles: gr } = Ya(q, {
     duration: {
-      open: W(h),
+      open: W(v),
       close: W(f)
     }
   }), { status: br } = Mr(q), { getReferenceProps: fr, getFloatingProps: vr } = pa([
@@ -959,7 +959,7 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
     "div",
     T(y({
       ref: j.setFloating,
-      style: y(y({}, O), gr),
+      style: y(y({}, z), gr),
       className: Ge
     }, vr()), {
       "data-status": br
@@ -1008,9 +1008,9 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
   theme: o,
   handleCloseAction: c,
   primaryButton: l,
-  secondaryButton: n
+  secondaryButton: s
 }) => {
-  const s = (i) => i === "invert" ? "secondary" : "high-contrast";
+  const i = (n) => n === "invert" ? "secondary" : "high-contrast";
   return /* @__PURE__ */ e.createElement("div", { className: C[`${Ne}__interactive`] }, _ && /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -1036,7 +1036,7 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
     /* @__PURE__ */ e.createElement(
       U,
       {
-        kind: l.kind || s(o),
+        kind: l.kind || i(o),
         onClick: l.handleClick
       },
       l.label
@@ -1047,10 +1047,10 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
         className: p(C[`${Ne}-footer-secondary`], {
           [C[`${Ne}-footer-secondary-invert`]]: o === "invert"
         }),
-        kind: n.kind || "text",
-        onClick: n.handleClick
+        kind: s.kind || "text",
+        onClick: s.handleClick
       },
-      n.label
+      s.label
     )
   ));
 }, te = "guide-tooltip", l_ = ({
@@ -1076,12 +1076,12 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
     left: "0",
     width: "100%",
     height: `${t.top}px`
-  }, n = {
+  }, s = {
     top: `${t.bottom}px`,
     left: "0",
     width: "100%",
     height: `calc(100% - ${t.bottom}px)`
-  }, s = {
+  }, i = {
     top: `${t.top}px`,
     left: `${t.left}px`,
     width: `${t.width}px`,
@@ -1126,7 +1126,7 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
         [C[`${te}__overlay--visible`]]: a,
         [C[`${te}__overlay--slide`]]: r
       }),
-      style: n
+      style: s
     }
   ), _ && /* @__PURE__ */ e.createElement(
     "div",
@@ -1136,7 +1136,7 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
         [C[`${te}__overlay--visible`]]: a,
         [C[`${te}__overlay--slide`]]: r
       }),
-      style: s
+      style: i
     }
   ));
 };
@@ -1147,16 +1147,16 @@ class n_ {
     this.element = a, this.padding = r;
   }
   addPadding(a) {
-    const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, c = Math.round(a.height) + 2 * this.padding, l = _, n = r, s = l + c, i = n + o;
+    const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, c = Math.round(a.height) + 2 * this.padding, l = _, s = r, i = l + c, n = s + o;
     return {
       x: r,
       y: _,
       width: o,
       height: c,
       top: l,
-      left: n,
-      bottom: s,
-      right: i
+      left: s,
+      bottom: i,
+      right: n
     };
   }
   getBoundingClientRect() {
@@ -1177,8 +1177,8 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new n_(t, a), Wc = (t) => {
     shouldSlide: o = !0
   } = t, [c, l] = e.useState(
     null
-  ), [n, s] = e.useState(null), [i, d] = e.useState(o), m = () => {
-    c && (s(
+  ), [s, i] = e.useState(null), [n, d] = e.useState(o), m = () => {
+    c && (i(
       Sa(
         c,
         Na
@@ -1196,7 +1196,7 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new n_(t, a), Wc = (t) => {
       l(u);
     }
   }, [r]), e.useEffect(() => {
-    c && s(
+    c && i(
       Sa(
         c,
         Na
@@ -1205,22 +1205,22 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new n_(t, a), Wc = (t) => {
   }, [c]), c && _ ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
     l_,
     {
-      gap: n,
+      gap: s,
       isVisible: _,
-      slide: i,
+      slide: n,
       disablePointerEvents: !0
     }
   ), /* @__PURE__ */ e.createElement(
     er,
     T(y({}, t), {
       referenceElement: {
-        getBoundingClientRect: () => n,
+        getBoundingClientRect: () => s,
         contextElement: c
       },
       arrowOffsetY: 25,
       className: p({
         [C[xa]]: !0,
-        [C[`${xa}--slide`]]: i,
+        [C[`${xa}--slide`]]: n,
         className: a
       })
     }),
@@ -1311,50 +1311,50 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new n_(t, a), Wc = (t) => {
   activeOptionKey: o,
   vertical: c
 }) => {
-  const [l, n] = e.useState([]), s = r === "scroll", i = p(
+  const [l, s] = e.useState([]), i = r === "scroll", n = p(
     ne[Ze],
     t,
     c && ne[`${Ze}--vertical`]
   ), d = `${Ze}__menu-wrapper`, m = {
     root: document.querySelector(`${a}`),
     threshold: 1
-  }, u = !s && l.length !== 0, h = (b) => {
+  }, u = !i && l.length !== 0, v = (b) => {
     b.map((k) => {
-      const v = l.includes(k.target.id);
+      const h = l.includes(k.target.id);
       if (!k.isIntersecting) {
-        k.target.setAttribute("tabindex", "-1"), v || n(($) => [
+        k.target.setAttribute("tabindex", "-1"), h || s(($) => [
           ...$,
           k.target.id
         ]);
         return;
       }
-      k.target.removeAttribute("tabindex"), v && n(l.filter(($) => $ !== k.target.id));
+      k.target.removeAttribute("tabindex"), h && s(l.filter(($) => $ !== k.target.id));
     });
   };
   e.useEffect(() => {
     const b = !!window.IntersectionObserver;
-    if (!s && b) {
+    if (!i && b) {
       const k = document.querySelectorAll(
         `.${ne[`${Ze}__items__button`]}`
-      ), v = new IntersectionObserver(
-        h,
+      ), h = new IntersectionObserver(
+        v,
         m
       );
-      return k.forEach(($) => v.observe($)), () => v.disconnect();
+      return k.forEach(($) => h.observe($)), () => h.disconnect();
     }
-  }, [l, s]);
+  }, [l, i]);
   const f = (b) => _.filter(
-    (v) => b.find(($) => $ === v.key)
-  ).map((v) => ({
-    key: v.key,
-    element: /* @__PURE__ */ e.createElement(Yr, { leftNode: v.element }, v.label),
-    onClick: v.onClick
+    (h) => b.find(($) => $ === h.key)
+  ).map((h) => ({
+    key: h.key,
+    element: /* @__PURE__ */ e.createElement(Yr, { leftNode: h.element }, h.label),
+    onClick: h.onClick
   })), g = _.filter((b) => l.find((k) => k === b.key)).find((b) => b.key === o);
-  return /* @__PURE__ */ e.createElement("div", { id: a, className: i }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { id: a, className: n }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: p(ne[`${Ze}__items`], {
-        [ne[`${Ze}__items--scroll`]]: s
+        [ne[`${Ze}__items--scroll`]]: i
       })
     },
     _.map((b) => /* @__PURE__ */ e.createElement(
@@ -1435,15 +1435,15 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new n_(t, a), Wc = (t) => {
     source: Va,
     kind: "error"
   }
-}, he = "alert", qc = (n) => {
-  var s = n, {
+}, he = "alert", qc = (s) => {
+  var i = s, {
     children: t,
     className: a,
     primaryButton: r,
     secondaryButton: _,
     kind: o = "info",
     onClose: c
-  } = s, l = I(s, [
+  } = i, l = I(i, [
     "children",
     "className",
     "primaryButton",
@@ -1451,7 +1451,7 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new n_(t, a), Wc = (t) => {
     "kind",
     "onClose"
   ]);
-  const i = e.useRef(null), [d, m] = e.useState(null), u = p(
+  const n = e.useRef(null), [d, m] = e.useState(null), u = p(
     ve[he],
     ve[`${he}--${o}`],
     d === "medium" && ve[`${he}--medium`],
@@ -1459,11 +1459,11 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new n_(t, a), Wc = (t) => {
     a
   );
   return e.useEffect(() => {
-    const h = () => i.current && i.current.offsetWidth <= 400 ? m("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? m("medium") : m(null), f = Ka(() => {
-      h();
+    const v = () => n.current && n.current.offsetWidth <= 400 ? m("small") : n.current && n.current.offsetWidth > 400 && n.current.offsetWidth <= 800 ? m("medium") : m(null), f = Ka(() => {
+      v();
     }, 500);
-    return window.addEventListener("resize", f), h(), () => window.removeEventListener("resize", f);
-  }), /* @__PURE__ */ e.createElement("div", y({ ref: i, className: u }, l), /* @__PURE__ */ e.createElement("div", { className: ve[`${he}__content`] }, /* @__PURE__ */ e.createElement("div", { className: ve[`${he}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
+    return window.addEventListener("resize", f), v(), () => window.removeEventListener("resize", f);
+  }), /* @__PURE__ */ e.createElement("div", y({ ref: n, className: u }, l), /* @__PURE__ */ e.createElement("div", { className: ve[`${he}__content`] }, /* @__PURE__ */ e.createElement("div", { className: ve[`${he}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
     S,
     T(y({}, f_[o]), {
       size: "large",
@@ -1580,15 +1580,15 @@ const y_ = "lc-Avatar-module__avatar___1zTCE", E_ = "lc-Avatar-module__avatar__s
   size: o = "medium",
   src: c,
   status: l,
-  text: n,
-  type: s,
-  withRim: i = !1
+  text: s,
+  type: i,
+  withRim: n = !1
 }) => {
-  const d = s === "image" && !c, [m, u] = e.useState(d), h = s === "image" && !!c && !m, f = s === "text", g = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, b = h_(n, g), k = r || v_(n), v = k ? k_(k) : void 0, $ = f ? { backgroundColor: k } : {}, N = p(y({
+  const d = i === "image" && !c, [m, u] = e.useState(d), v = i === "image" && !!c && !m, f = i === "text", g = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, b = h_(s, g), k = r || v_(s), h = k ? k_(k) : void 0, $ = f ? { backgroundColor: k } : {}, N = p(y({
     [se[X]]: !0,
     [se[`${X}--${_}`]]: !0,
     [se[`${X}--${o}`]]: !0,
-    [se[`${X}--with-rim`]]: i
+    [se[`${X}--with-rim`]]: n
   }, a ? { [`${a}`]: a } : {})), B = p(
     se[`${X}__status`],
     se[`${X}__status--${_}`],
@@ -1603,7 +1603,7 @@ const y_ = "lc-Avatar-module__avatar___1zTCE", E_ = "lc-Avatar-module__avatar__s
   ), x = e.useCallback(() => u(!0), []);
   return e.useEffect(() => {
     u(d);
-  }, [d]), /* @__PURE__ */ e.createElement("div", { className: N, style: $ }, i && /* @__PURE__ */ e.createElement(
+  }, [d]), /* @__PURE__ */ e.createElement("div", { className: N, style: $ }, n && /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": `${X}__rim`,
@@ -1615,7 +1615,7 @@ const y_ = "lc-Avatar-module__avatar___1zTCE", E_ = "lc-Avatar-module__avatar__s
       "data-testid": `${X}__status`,
       className: B
     }
-  ), h && /* @__PURE__ */ e.createElement(
+  ), v && /* @__PURE__ */ e.createElement(
     "img",
     {
       className: se[`${X}__image`],
@@ -1623,7 +1623,7 @@ const y_ = "lc-Avatar-module__avatar___1zTCE", E_ = "lc-Avatar-module__avatar__s
       alt: t,
       onError: x
     }
-  ), f && /* @__PURE__ */ e.createElement("span", { style: { color: v } }, b), m && /* @__PURE__ */ e.createElement(
+  ), f && /* @__PURE__ */ e.createElement("span", { style: { color: h } }, b), m && /* @__PURE__ */ e.createElement(
     S,
     {
       "data-testid": `${X}__icon`,
@@ -1644,15 +1644,15 @@ const x_ = "lc-Badge-module__badge___GhLnu", S_ = "lc-Badge-module__badge__dot__
   "badge--primary": "lc-Badge-module__badge--primary___8LRpp",
   "badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
   "badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
-}, Dt = "badge", D_ = (n) => {
-  var s = n, {
+}, Dt = "badge", D_ = (s) => {
+  var i = s, {
     className: t,
     count: a = 0,
     max: r = 99,
     kind: _ = "primary",
     size: o = "medium",
     type: c = "counter"
-  } = s, l = I(s, [
+  } = i, l = I(i, [
     "className",
     "count",
     "max",
@@ -1660,7 +1660,7 @@ const x_ = "lc-Badge-module__badge___GhLnu", S_ = "lc-Badge-module__badge__dot__
     "size",
     "type"
   ]);
-  const i = p(
+  const n = p(
     t,
     St[Dt],
     St[`${Dt}--${_}`],
@@ -1670,7 +1670,7 @@ const x_ = "lc-Badge-module__badge___GhLnu", S_ = "lc-Badge-module__badge__dot__
     alert: "!",
     dot: /* @__PURE__ */ e.createElement("span", { className: St[`${Dt}__dot`] })
   }[c];
-  return /* @__PURE__ */ e.createElement("span", y({ className: i }, l), d);
+  return /* @__PURE__ */ e.createElement("span", y({ className: n }, l), d);
 };
 function T_() {
 }
@@ -1690,33 +1690,33 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
   fullWidth: c = !1,
   onButtonClick: l = T_
 }) => {
-  const n = p(Tt[A_], r), [s, i] = e.useState(() => _), d = typeof o == "string";
+  const s = p(Tt[A_], r), [i, n] = e.useState(() => _), d = typeof o == "string";
   e.useEffect(() => {
-    d && i(o);
+    d && n(o);
   }, [o]);
-  const m = (h, f) => {
-    d || i(h), l(h, f);
-  }, u = a.map(({ id: h, label: f, loading: g, disabled: b, icon: k }) => {
-    const v = h === s, $ = v ? Tt["btn--active"] : "", N = v ? !1 : g;
+  const m = (v, f) => {
+    d || n(v), l(v, f);
+  }, u = a.map(({ id: v, label: f, loading: g, disabled: b, icon: k }) => {
+    const h = v === i, $ = h ? Tt["btn--active"] : "", N = h ? !1 : g;
     return /* @__PURE__ */ e.createElement(
       U,
       {
-        key: h,
+        key: v,
         fullWidth: c,
         loading: N,
         disabled: b,
-        "aria-pressed": v,
+        "aria-pressed": h,
         kind: "secondary",
         icon: k,
         className: p(Tt.btn, Tt[`btn--${t}`], $),
         onClick: (B) => {
-          m(h, B);
+          m(v, B);
         }
       },
       f
     );
   });
-  return /* @__PURE__ */ e.createElement("div", { role: "group", className: n }, u);
+  return /* @__PURE__ */ e.createElement("div", { role: "group", className: s }, u);
 }, I_ = "lc-Card-module__card___GqMm2", P_ = "lc-Card-module__card__header___0ptfD", F_ = "lc-Card-module__card__header__image___QMwSu", R_ = "lc-Card-module__card__header__heading___Wkikx", M_ = "lc-Card-module__card__header__heading__title___Uxi8s", L_ = "lc-Card-module__card__header__heading__description___6LnOK", O_ = "lc-Card-module__card__content___KuDcc", H_ = "lc-Card-module__card__actions___q9sAo", z_ = "lc-Card-module__card__actions__line___TF1bt", G_ = "lc-Card-module__card__actions__buttons___PDMMR", ie = {
   card: I_,
   card__header: P_,
@@ -1731,8 +1731,8 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
   card__actions__line: z_,
   card__actions__buttons: G_,
   "card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
-}, yt = "card", Ht = `${yt}__header`, Vt = `${Ht}__heading`, Bt = `${yt}__actions`, U_ = `${Ht}__no-image`, Jc = (i) => {
-  var d = i, {
+}, yt = "card", Ht = `${yt}__header`, Vt = `${Ht}__heading`, Bt = `${yt}__actions`, U_ = `${Ht}__no-image`, Jc = (n) => {
+  var d = n, {
     alt: t,
     buttonsOptions: a = [],
     children: r,
@@ -1740,8 +1740,8 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
     description: o,
     expandableContent: c,
     src: l,
-    title: n
-  } = d, s = I(d, [
+    title: s
+  } = d, i = I(d, [
     "alt",
     "buttonsOptions",
     "children",
@@ -1751,15 +1751,15 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
     "src",
     "title"
   ]);
-  const [m, u] = e.useState(!1), h = m ? zt : Et, f = m ? "Hide" : "Show more", g = (a == null ? void 0 : a.length) > 0, b = !!c, k = g || b, v = n, $ = l, N = $ ? "" : ie[U_];
-  return /* @__PURE__ */ e.createElement("div", y({ className: p(ie[yt], _) }, s), v && /* @__PURE__ */ e.createElement("div", { className: p(ie[Ht], N) }, $ && /* @__PURE__ */ e.createElement(
+  const [m, u] = e.useState(!1), v = m ? zt : Et, f = m ? "Hide" : "Show more", g = (a == null ? void 0 : a.length) > 0, b = !!c, k = g || b, h = s, $ = l, N = $ ? "" : ie[U_];
+  return /* @__PURE__ */ e.createElement("div", y({ className: p(ie[yt], _) }, i), h && /* @__PURE__ */ e.createElement("div", { className: p(ie[Ht], N) }, $ && /* @__PURE__ */ e.createElement(
     "img",
     {
       alt: t,
       className: ie[`${Ht}__image`],
       src: l
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: ie[Vt] }, /* @__PURE__ */ e.createElement(Je, { size: "sm", className: ie[`${Vt}__title`] }, n), /* @__PURE__ */ e.createElement(M, { size: "sm", className: ie[`${Vt}__description`] }, o))), /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: ie[`${yt}__content`] }, r), m && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: ie[Vt] }, /* @__PURE__ */ e.createElement(Je, { size: "sm", className: ie[`${Vt}__title`] }, s), /* @__PURE__ */ e.createElement(M, { size: "sm", className: ie[`${Vt}__description`] }, o))), /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: ie[`${yt}__content`] }, r), m && /* @__PURE__ */ e.createElement(
     M,
     {
       as: "div",
@@ -1775,7 +1775,7 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
       className: ie[`${Bt}__buttons-expander`],
       kind: "link",
       iconPosition: "right",
-      icon: /* @__PURE__ */ e.createElement(S, { source: h }),
+      icon: /* @__PURE__ */ e.createElement(S, { source: v }),
       onClick: () => u(!m)
     },
     f
@@ -1803,8 +1803,8 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
   "checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
   checkbox__helper: Z_
 }, Ve = "checkbox", jc = e.forwardRef(
-  (n, l) => {
-    var s = n, { checked: t, disabled: a, children: r, description: _, className: o } = s, c = I(s, ["checked", "disabled", "children", "description", "className"]);
+  (s, l) => {
+    var i = s, { checked: t, disabled: a, children: r, description: _, className: o } = i, c = I(i, ["checked", "disabled", "children", "description", "className"]);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -1869,43 +1869,43 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
     showNextButton: o,
     showPreviousButton: c,
     className: l,
-    classNames: n,
-    numberOfMonths: s,
-    month: i,
+    classNames: s,
+    numberOfMonths: i,
+    month: n,
     fromMonth: d,
     toMonth: m
   } = t, u = () => {
     typeof a == "function" && a();
-  }, h = () => {
+  }, v = () => {
     typeof _ == "function" && _();
   }, f = () => {
     if (!d) {
-      const v = lt(i, 12);
-      return r(v);
+      const h = lt(n, 12);
+      return r(h);
     }
-    const b = Math.abs(ka(i, d)), k = lt(
-      i,
+    const b = Math.abs(ka(n, d)), k = lt(
+      n,
       !Number.isNaN(b) && b > 12 ? 12 : b
     );
     return r(k);
   }, g = () => {
     if (!m) {
-      const v = ya(i, 12);
-      return r(v);
+      const h = ya(n, 12);
+      return r(h);
     }
-    const b = Math.abs(ka(m, i)), k = ya(
-      i,
+    const b = Math.abs(ka(m, n)), k = ya(
+      n,
       !Number.isNaN(b) && b > 12 ? 12 : b
     );
-    return s === 2 && ea(k, m) ? r(lt(k, 1)) : r(k);
+    return i === 2 && ea(k, m) ? r(lt(k, 1)) : r(k);
   };
   return /* @__PURE__ */ e.createElement("div", { className: l }, /* @__PURE__ */ e.createElement("div", { className: D[`${Ta}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-prev-year-button",
       className: Ke({
-        [n.navButtonPrev]: !0,
-        [n.navButtonInteractionDisabled]: !c
+        [s.navButtonPrev]: !0,
+        [s.navButtonInteractionDisabled]: !c
       }),
       onClick: f
     },
@@ -1915,8 +1915,8 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
     {
       "data-testid": "date-picker-prev-month-button",
       className: Ke({
-        [n.navButtonPrev]: !0,
-        [n.navButtonInteractionDisabled]: !c
+        [s.navButtonPrev]: !0,
+        [s.navButtonInteractionDisabled]: !c
       }),
       onClick: u
     },
@@ -1926,10 +1926,10 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
     {
       "data-testid": "date-picker-next-month-button",
       className: Ke({
-        [n.navButtonNext]: !0,
-        [n.navButtonInteractionDisabled]: !o
+        [s.navButtonNext]: !0,
+        [s.navButtonInteractionDisabled]: !o
       }),
-      onClick: h
+      onClick: v
     },
     /* @__PURE__ */ e.createElement(S, { source: Xt, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
@@ -1937,8 +1937,8 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
     {
       "data-testid": "date-picker-next-year-button",
       className: Ke({
-        [n.navButtonNext]: !0,
-        [n.navButtonInteractionDisabled]: !o
+        [s.navButtonNext]: !0,
+        [s.navButtonInteractionDisabled]: !o
       }),
       onClick: g
     },
@@ -2020,9 +2020,9 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
     month: o,
     fromMonth: c,
     firstDayOfWeek: l,
-    numberOfMonths: n,
-    navbarElement: s,
-    renderDay: i,
+    numberOfMonths: s,
+    navbarElement: i,
+    renderDay: n,
     innerRef: d
   } = k, m = I(k, [
     "classNames",
@@ -2035,19 +2035,19 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
     "navbarElement",
     "renderDay",
     "innerRef"
-  ]), [u, h] = e.useState(o || /* @__PURE__ */ new Date());
+  ]), [u, v] = e.useState(o || /* @__PURE__ */ new Date());
   e.useEffect(() => {
-    o && o !== u && h(o);
+    o && o !== u && v(o);
   }, [o, u]), e.useEffect(() => {
-    _ && (tr(u, { from: c, to: _ }) || h(_));
+    _ && (tr(u, { from: c, to: _ }) || v(_));
   }, [u, t.toMonth, t.fromMonth]);
   const f = e.useCallback(
-    (v) => {
-      if (t.onMonthChange && v) {
-        t.onMonthChange(v);
+    (h) => {
+      if (t.onMonthChange && h) {
+        t.onMonthChange(h);
         return;
       }
-      h(v);
+      v(h);
     },
     [o, t.onMonthChange]
   );
@@ -2060,12 +2060,12 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
   return /* @__PURE__ */ e.createElement(
     Hr,
     y({
-      navbarElement: s || /* @__PURE__ */ e.createElement(
+      navbarElement: i || /* @__PURE__ */ e.createElement(
         X_,
         {
           month: u,
           classNames: b,
-          numberOfMonths: n,
+          numberOfMonths: s,
           onMonthChange: f,
           toMonth: _,
           fromMonth: c
@@ -2073,12 +2073,12 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
       ),
       ref: d,
       classNames: b,
-      numberOfMonths: n,
+      numberOfMonths: s,
       toMonth: _,
       fromMonth: c,
       firstDayOfWeek: g,
       month: u,
-      renderDay: i || ro
+      renderDay: n || ro
     }, m)
   );
 }, oo = e.forwardRef(
@@ -2155,9 +2155,9 @@ const co = (t) => {
   onChange: c,
   children: l
 }) => {
-  const n = $r(
+  const s = $r(
     a || null
-  ), [s, i] = co({
+  ), [i, n] = co({
     options: t,
     initialSelectedItemKey: a,
     initialFromDate: r,
@@ -2167,12 +2167,12 @@ const co = (t) => {
     children: l
   });
   nt(() => {
-    i({
+    n({
       type: V.SET_FROM,
       payload: { date: r }
     });
   }, [r]), nt(() => {
-    i({
+    n({
       type: V.SET_TO,
       payload: { date: _ }
     });
@@ -2182,24 +2182,24 @@ const co = (t) => {
       _,
       o
     );
-    i({
+    n({
       type: V.CURRENT_MONTH_CHANGE,
       payload: { date: g }
     });
   }, [o, r, _]), nt(() => {
-    const { from: g, selectedItem: b, to: k } = s;
+    const { from: g, selectedItem: b, to: k } = i;
     if (!(g && k))
       return;
-    const v = ht(b, t);
-    v && (c == null || c(T(y({}, v), {
+    const h = ht(b, t);
+    h && (c == null || c(T(y({}, h), {
       value: {
         from: g,
         to: k
       }
     })));
-  }, [s.from, s.to, s.selectedItem, t, c]), nt(() => {
-    const { selectedItem: g } = s;
-    if (g === n.current)
+  }, [i.from, i.to, i.selectedItem, t, c]), nt(() => {
+    const { selectedItem: g } = i;
+    if (g === s.current)
       return;
     if (!g) {
       c(null);
@@ -2208,61 +2208,61 @@ const co = (t) => {
     if (!ht(g, t))
       return;
     const k = t.reduce(
-      (v, $) => T(y({}, v), { [$.id]: $ }),
+      (h, $) => T(y({}, h), { [$.id]: $ }),
       {}
     );
     c(k[g]);
-  }, [c, s.selectedItem, t]);
+  }, [c, i.selectedItem, t]);
   const d = wt(
     (g) => {
       const b = o ? Ja(o, g) >= 0 : !0;
-      !Ba(s.from, s.to) && b && i({
+      !Ba(i.from, i.to) && b && n({
         type: V.NEW_TEMPORARY_TO_VALUE,
         payload: { date: g }
       });
     },
-    [o, s.from, s.to]
+    [o, i.from, i.to]
   ), m = wt(
     (g) => {
-      const { from: b, to: k } = s;
-      tr(g, { to: o }) && (Ba(b, k) ? i({
+      const { from: b, to: k } = i;
+      tr(g, { to: o }) && (Ba(b, k) ? n({
         type: V.SELECT_FIRST_DAY,
         payload: { date: g }
-      }) : b && ta(g, b) || b && aa(g, b) ? i({
+      }) : b && ta(g, b) || b && aa(g, b) ? n({
         type: V.SELECT_SECOND_DAY_AS_TO,
         payload: { date: g }
-      }) : i({
+      }) : n({
         type: V.SELECT_SECOND_DAY_AS_FROM,
         payload: { date: g }
       }));
     },
-    [o, s.from, s.to]
+    [o, i.from, i.to]
   ), u = wt(
     (g) => {
       if (g === null) {
-        i({
+        n({
           type: V.NEW_SELECTED_ITEM,
           payload: { selectedItem: null }
         });
         return;
       }
-      ht(g, t) && i({
+      ht(g, t) && n({
         type: V.NEW_SELECTED_ITEM,
         payload: { selectedItem: g }
       });
     },
     [t]
-  ), h = wt((g) => {
-    i({
+  ), v = wt((g) => {
+    n({
       type: V.CURRENT_MONTH_CHANGE,
       payload: { date: g }
     });
   }, []);
   return l((() => {
-    const { currentMonth: g, from: b, selectedItem: k, temporaryTo: v, to: $ } = s, N = Ct(
-      () => eo(b, v),
-      [b, v]
-    ), B = Ct(() => ht(k, t), [t, k]), E = Ct(() => [b, { from: b, to: v }], [b, v]), P = Ct(() => o ? { after: o } : void 0, [o]);
+    const { currentMonth: g, from: b, selectedItem: k, temporaryTo: h, to: $ } = i, N = Ct(
+      () => eo(b, h),
+      [b, h]
+    ), B = Ct(() => ht(k, t), [t, k]), E = Ct(() => [b, { from: b, to: h }], [b, h]), P = Ct(() => o ? { after: o } : void 0, [o]);
     return {
       select: {
         onItemSelect: u,
@@ -2283,7 +2283,7 @@ const co = (t) => {
         toMonth: o,
         disabledDays: P,
         onDayMouseEnter: d,
-        onMonthChange: h
+        onMonthChange: v
       },
       selectedOption: B
     };
@@ -2302,7 +2302,7 @@ lo.defaultProps = {
     }
   ]
 };
-const H = {
+const L = {
   "details-card": "lc-DetailsCard-module__details-card___cVoS7",
   "details-card__float-button--open": "lc-DetailsCard-module__details-card__float-button--open___u9Kx2",
   "details-card--with-divider": "lc-DetailsCard-module__details-card--with-divider___xyXvc",
@@ -2314,6 +2314,7 @@ const H = {
   "details-card__label": "lc-DetailsCard-module__details-card__label___nhDQE",
   "details-card__label--with-margin": "lc-DetailsCard-module__details-card__label--with-margin___w2S8X",
   "details-card__label__left-node": "lc-DetailsCard-module__details-card__label__left-node___Slmc6",
+  "details-card__label__right-node": "lc-DetailsCard-module__details-card__label__right-node___ZrOLh",
   "details-card__label__text": "lc-DetailsCard-module__details-card__label__text___U074u",
   "details-card__float-button": "lc-DetailsCard-module__details-card__float-button___zHJ-T",
   "details-card__float-button--closed": "lc-DetailsCard-module__details-card__float-button--closed___E2e7C",
@@ -2324,93 +2325,95 @@ const H = {
   "details-card__content": "lc-DetailsCard-module__details-card__content___RNVd2",
   "details-card__content--spacing": "lc-DetailsCard-module__details-card__content--spacing___QecUa",
   "details-card__content--full-space": "lc-DetailsCard-module__details-card__content--full-space___2ms8I"
-}, z = "details-card", Qc = ({
+}, O = "details-card", Qc = ({
   children: t,
   className: a,
   leftNode: r,
-  label: _,
-  withDivider: o,
-  fullSpaceContent: c,
-  openOnInit: l = !1,
-  hideLabelOnOpen: n
+  rightNode: _,
+  label: o,
+  withDivider: c,
+  fullSpaceContent: l,
+  openOnInit: s = !1,
+  hideLabelOnOpen: i
 }) => {
-  const [s, i] = e.useState(l), d = p(
-    H[z],
-    o && H[`${z}--with-divider`],
+  const [n, d] = e.useState(s), m = p(
+    L[O],
+    c && L[`${O}--with-divider`],
     a
-  ), m = n && s, u = () => i((h) => !h);
-  return /* @__PURE__ */ e.createElement("div", { className: d }, /* @__PURE__ */ e.createElement(
+  ), u = i && n, v = () => d((f) => !f);
+  return /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement(
     "button",
     {
       className: p(
-        H[`${z}__button`],
-        m && H[`${z}__button--hide`],
-        s && H[`${z}__button--open`]
+        L[`${O}__button`],
+        u && L[`${O}__button--hide`],
+        n && L[`${O}__button--open`]
       ),
-      onClick: u,
-      "aria-expanded": s,
-      "aria-hidden": m,
+      onClick: v,
+      "aria-expanded": n,
+      "aria-hidden": u,
       "data-testid": "details-card-button"
     },
     /* @__PURE__ */ e.createElement(
       "div",
       {
         className: p(
-          H[`${z}__label`],
-          n && H[`${z}__label--with-margin`]
+          L[`${O}__label`],
+          i && L[`${O}__label--with-margin`]
         )
       },
-      r && /* @__PURE__ */ e.createElement("div", { className: H[`${z}__label__left-node`] }, r),
-      /* @__PURE__ */ e.createElement(Je, { size: "xs", className: H[`${z}__label__text`] }, _)
+      r && /* @__PURE__ */ e.createElement("div", { className: L[`${O}__label__left-node`] }, r),
+      /* @__PURE__ */ e.createElement(Je, { size: "xs", className: L[`${O}__label__text`] }, o),
+      _ && /* @__PURE__ */ e.createElement("div", { className: L[`${O}__label__right-node`] }, _)
     ),
-    !n && /* @__PURE__ */ e.createElement(
+    !i && /* @__PURE__ */ e.createElement(
       S,
       {
         className: p(
-          H[`${z}__button__icon`],
-          s && H[`${z}__button__icon--open`]
+          L[`${O}__button__icon`],
+          n && L[`${O}__button__icon--open`]
         ),
         source: Xt
       }
     )
-  ), n && /* @__PURE__ */ e.createElement(
+  ), i && /* @__PURE__ */ e.createElement(
     U,
     {
-      kind: s ? "float" : "text",
+      kind: n ? "float" : "text",
       icon: /* @__PURE__ */ e.createElement(
         S,
         {
           source: Xt,
           className: p(
-            H[`${z}__float-button__icon`],
-            s && H[`${z}__float-button__icon--open`]
+            L[`${O}__float-button__icon`],
+            n && L[`${O}__float-button__icon--open`]
           )
         }
       ),
       className: p(
-        H[`${z}__float-button`],
-        !s && H[`${z}__float-button--closed`],
-        s && H[`${z}__float-button--open`]
+        L[`${O}__float-button`],
+        !n && L[`${O}__float-button--closed`],
+        n && L[`${O}__float-button--open`]
       ),
-      onClick: u,
-      "aria-expanded": s,
+      onClick: v,
+      "aria-expanded": n,
       "data-testid": "details-card-floating-button"
     }
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: p(
-        H[`${z}__content-wrapper`],
-        s && H[`${z}__content-wrapper--open`]
+        L[`${O}__content-wrapper`],
+        n && L[`${O}__content-wrapper--open`]
       )
     },
     /* @__PURE__ */ e.createElement(
       "div",
       {
         className: p(
-          H[`${z}__content`],
-          c && H[`${z}__content--full-space`],
-          n && H[`${z}__content--spacing`]
+          L[`${O}__content`],
+          l && L[`${O}__content--full-space`],
+          i && L[`${O}__content--spacing`]
         )
       },
       t
@@ -2447,15 +2450,15 @@ const H = {
   "field-group": "lc-FieldGroup-module__field-group___gy8lp",
   "field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
   "field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
-}, Jt = "field-group", Xc = (n) => {
-  var s = n, {
+}, Jt = "field-group", Xc = (s) => {
+  var i = s, {
     className: t = "",
     children: a,
     description: r,
     error: _,
     inline: o,
     stretch: c
-  } = s, l = I(s, [
+  } = i, l = I(i, [
     "className",
     "children",
     "description",
@@ -2463,11 +2466,11 @@ const H = {
     "inline",
     "stretch"
   ]);
-  const i = p(Kt[Jt], t, {
+  const n = p(Kt[Jt], t, {
     [Kt[`${Jt}--inline`]]: o,
     [Kt[`${Jt}--stretched`]]: c
   });
-  return /* @__PURE__ */ e.createElement("div", T(y({}, l), { className: i }), a, _ && /* @__PURE__ */ e.createElement(fa, null, _), r && /* @__PURE__ */ e.createElement(Gt, null, r));
+  return /* @__PURE__ */ e.createElement("div", T(y({}, l), { className: n }), a, _ && /* @__PURE__ */ e.createElement(fa, null, _), r && /* @__PURE__ */ e.createElement(Gt, null, r));
 }, no = "lc-Form-module__form___1nOYF", so = "lc-Form-module__form__header___U4B7t", io = "lc-Form-module__form__footer___1-sUX", uo = "lc-Form-module__form__label___spg-J", mo = "lc-Form-module__form__helper___bhfwS", pt = {
   form: no,
   form__header: so,
@@ -2475,13 +2478,13 @@ const H = {
   form__label: uo,
   form__helper: mo
 }, gt = "form", el = (l) => {
-  var n = l, {
+  var s = l, {
     className: t,
     children: a,
     labelText: r,
     helperText: _,
     formFooter: o
-  } = n, c = I(n, [
+  } = s, c = I(s, [
     "className",
     "children",
     "labelText",
@@ -2514,10 +2517,10 @@ const H = {
   labelAdornment: o,
   className: c,
   labelFor: l,
-  children: n,
-  labelRightNode: s
+  children: s,
+  labelRightNode: i
 }) => {
-  const i = e.useRef(null), [d, m] = e.useState("auto"), u = p(
+  const n = e.useRef(null), [d, m] = e.useState("auto"), u = p(
     K[J],
     {
       [K[`${J}--inline`]]: t
@@ -2525,9 +2528,9 @@ const H = {
     c
   );
   return e.useEffect(() => {
-    const h = i;
-    return t && h.current ? m(`${h.current.clientHeight}px`) : m("auto");
-  }), /* @__PURE__ */ e.createElement("div", { className: u }, s && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    const v = n;
+    return t && v.current ? m(`${v.current.clientHeight}px`) : m("auto");
+  }), /* @__PURE__ */ e.createElement("div", { className: u }, i && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: p(
@@ -2535,7 +2538,7 @@ const H = {
         K[`${J}__label-right-node--inline`]
       )
     },
-    s
+    i
   ), /* @__PURE__ */ e.createElement("div", { className: K[`${J}__row-break`] })), /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -2544,7 +2547,7 @@ const H = {
         t && K[`${J}__wrapper--inline`]
       )
     },
-    (_ || s) && /* @__PURE__ */ e.createElement(
+    (_ || i) && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: p(
@@ -2583,9 +2586,9 @@ const H = {
           o
         )
       ),
-      s && !t && /* @__PURE__ */ e.createElement("div", { className: p(K[`${J}__label-right-node`]) }, s)
+      i && !t && /* @__PURE__ */ e.createElement("div", { className: p(K[`${J}__label-right-node`]) }, i)
     ),
-    /* @__PURE__ */ e.createElement("div", { className: p(K[`${J}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, n), a && /* @__PURE__ */ e.createElement(fa, null, a), !a && r && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: p(K[`${J}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: n }, s), a && /* @__PURE__ */ e.createElement(fa, null, a), !a && r && /* @__PURE__ */ e.createElement(
       Gt,
       {
         className: p(K[`${J}__content__description`])
@@ -2610,13 +2613,13 @@ const H = {
     "labelText",
     "helperText"
   ]);
-  const n = p(At[It], t);
+  const s = p(At[It], t);
   return /* @__PURE__ */ e.createElement(
     "div",
     T(y(T(y({}, o), {
       role: "group"
     }), r && { "aria-label": r }), {
-      className: n
+      className: s
     }),
     /* @__PURE__ */ e.createElement("div", { className: At[`${It}__header`] }, /* @__PURE__ */ e.createElement(Je, { as: "div", size: "sm", className: At[`${It}__label`] }, r), _ && /* @__PURE__ */ e.createElement(M, { as: "div", size: "sm", className: At[`${It}__helper`] }, _)),
     a
@@ -2645,15 +2648,15 @@ const H = {
     }
   )
 }), rl = e.forwardRef(
-  (s, n) => {
-    var i = s, {
+  (i, s) => {
+    var n = i, {
       inputSize: t = "medium",
       error: a = !1,
       disabled: r,
       icon: _ = null,
       className: o,
       cropOnBlur: c = !0
-    } = i, l = I(i, [
+    } = n, l = I(n, [
       "inputSize",
       "error",
       "disabled",
@@ -2661,7 +2664,7 @@ const H = {
       "className",
       "cropOnBlur"
     ]);
-    const [d, m] = e.useState(!1), [u, h] = e.useState(!1), { type: f, onFocus: g, onBlur: b } = l, k = p(
+    const [d, m] = e.useState(!1), [u, v] = e.useState(!1), { type: f, onFocus: g, onBlur: b } = l, k = p(
       o,
       Se[De],
       Se[`${De}--${t}`],
@@ -2671,11 +2674,11 @@ const H = {
         [Se[`${De}--error`]]: a,
         [Se[`${De}--crop`]]: c
       }
-    ), v = r ? "var(--content-disabled)" : "var(--content-default)", $ = u ? xr : Sr, N = _ && _.place === "left", B = _ && f !== "password" && _.place === "right";
+    ), h = r ? "var(--content-disabled)" : "var(--content-default)", $ = u ? xr : Sr, N = _ && _.place === "left", B = _ && f !== "password" && _.place === "right";
     return /* @__PURE__ */ e.createElement("div", { className: k, "aria-disabled": r, "tab-index": "0" }, N && Fa(_, r), /* @__PURE__ */ e.createElement(
       "input",
       T(y({}, l), {
-        ref: n,
+        ref: s,
         onFocus: (E) => {
           m(!0), g == null || g(E);
         },
@@ -2691,8 +2694,8 @@ const H = {
         disabled: r,
         kind: "text",
         size: "compact",
-        icon: /* @__PURE__ */ e.createElement(S, { customColor: v, source: $ }),
-        onClick: () => h((E) => !E),
+        icon: /* @__PURE__ */ e.createElement(S, { customColor: h, source: $ }),
+        onClick: () => v((E) => !E),
         className: Se[`${De}__visibility-button`]
       }
     ));
@@ -2731,15 +2734,15 @@ const H = {
   modal__heading: vo,
   "modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
   modal__footer: ho
-}, Pt = "modal-base", ko = (n) => {
-  var s = n, {
+}, Pt = "modal-base", ko = (s) => {
+  var i = s, {
     children: t,
     className: a = "",
     onClose: r,
     closeOnEscPress: _ = !0,
     closeOnOverlayPress: o = !0,
     fullSpaceContent: c
-  } = s, l = I(s, [
+  } = i, l = I(i, [
     "children",
     "className",
     "onClose",
@@ -2747,7 +2750,7 @@ const H = {
     "closeOnOverlayPress",
     "fullSpaceContent"
   ]);
-  const i = p(
+  const n = p(
     de[Pt],
     a,
     c && de[`${Pt}--full-space`]
@@ -2778,7 +2781,7 @@ const H = {
       y({
         role: "dialog",
         "aria-modal": !0,
-        className: i
+        className: n
       }, l),
       t
     )
@@ -2799,8 +2802,8 @@ const H = {
     onClick: r,
     icon: /* @__PURE__ */ e.createElement(S, { source: Ce, size: "medium", customColor: a })
   }
-), Ye = "modal", ol = (i) => {
-  var d = i, {
+), Ye = "modal", ol = (n) => {
+  var d = n, {
     children: t,
     className: a = "",
     heading: r,
@@ -2808,8 +2811,8 @@ const H = {
     fullSpaceContent: o,
     footer: c,
     onClose: l,
-    contentClassName: n
-  } = d, s = I(d, [
+    contentClassName: s
+  } = d, i = I(d, [
     "children",
     "className",
     "heading",
@@ -2819,7 +2822,7 @@ const H = {
     "onClose",
     "contentClassName"
   ]);
-  const m = p(de[Ye], a), u = typeof t == "string", h = (f) => {
+  const m = p(de[Ye], a), u = typeof t == "string", v = (f) => {
     f.preventDefault(), f.stopPropagation(), l();
   };
   return /* @__PURE__ */ e.createElement(
@@ -2828,7 +2831,7 @@ const H = {
       className: m,
       fullSpaceContent: o,
       onClose: l
-    }, s),
+    }, i),
     _ && /* @__PURE__ */ e.createElement("div", { className: de[`${Ye}__label-header`] }, /* @__PURE__ */ e.createElement(
       Je,
       {
@@ -2842,7 +2845,7 @@ const H = {
       {
         labelType: !!_,
         customColor: "var(--color-white)",
-        onClick: h
+        onClick: v
       }
     )),
     !_ && r && /* @__PURE__ */ e.createElement("div", { className: de[`${Ye}__header`] }, /* @__PURE__ */ e.createElement(
@@ -2853,12 +2856,12 @@ const H = {
         className: de[`${Ye}__heading`]
       },
       r
-    ), /* @__PURE__ */ e.createElement(La, { onClick: h })),
+    ), /* @__PURE__ */ e.createElement(La, { onClick: v })),
     /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "modal-body",
-        className: p(de[`${Ye}__body`], n)
+        className: p(de[`${Ye}__body`], s)
       },
       u ? /* @__PURE__ */ e.createElement(M, { as: "div" }, t) : t
     ),
@@ -2934,9 +2937,9 @@ const H = {
     min: o,
     disabled: c,
     noControls: l,
-    style: n,
-    onChange: s
-  } = m, i = I(m, [
+    style: s,
+    onChange: i
+  } = m, n = I(m, [
     "className",
     "error",
     "value",
@@ -2947,7 +2950,7 @@ const H = {
     "style",
     "onChange"
   ]);
-  const u = e.useRef(null), h = p(
+  const u = e.useRef(null), v = p(
     tt[at],
     {
       [tt[`${at}--error`]]: a,
@@ -2955,12 +2958,12 @@ const H = {
       [tt[`${at}--disabled`]]: c
     },
     t
-  ), f = (E) => s(String(E)), g = (E) => _ !== void 0 && E > _ ? _ : o !== void 0 && E < o ? o : E, b = (E) => {
+  ), f = (E) => i(String(E)), g = (E) => _ !== void 0 && E > _ ? _ : o !== void 0 && E < o ? o : E, b = (E) => {
     const P = parseInt(r, 10) + E;
     return f(g(P));
   }, k = (E) => {
     E.key === G.arrowDown && (E.preventDefault(), b(-1)), E.key === G.arrowUp && (E.preventDefault(), b(1));
-  }, v = (E, P) => P !== void 0 && parseInt(E, 10) === P, $ = (E) => {
+  }, h = (E, P) => P !== void 0 && parseInt(E, 10) === P, $ = (E) => {
     E.preventDefault(), E.stopPropagation();
     const P = E.currentTarget.value.replace(
       /((?!([-]|([-]?\d+))).)/,
@@ -2977,12 +2980,12 @@ const H = {
     var E;
     return (E = u.current) == null || E.focus(), b(-1);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: h, style: n }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: v, style: s }, /* @__PURE__ */ e.createElement(
     "input",
     T(y({
       type: "text",
       ref: u
-    }, i), {
+    }, n), {
       value: r,
       disabled: c,
       onChange: $,
@@ -2994,7 +2997,7 @@ const H = {
     "button",
     {
       tabIndex: -1,
-      disabled: c || v(r, _),
+      disabled: c || h(r, _),
       onClick: N,
       "aria-label": "Increment value",
       className: tt[`${at}__increment`],
@@ -3004,7 +3007,7 @@ const H = {
       S,
       {
         source: zt,
-        disabled: c || v(r, _),
+        disabled: c || h(r, _),
         kind: "primary"
       }
     )
@@ -3012,7 +3015,7 @@ const H = {
     "button",
     {
       tabIndex: -1,
-      disabled: c || v(r, o),
+      disabled: c || h(r, o),
       "aria-label": "Decrement value",
       className: tt[`${at}__decrement`],
       onClick: B,
@@ -3023,7 +3026,7 @@ const H = {
       {
         source: Et,
         kind: "primary",
-        disabled: c || v(r, o)
+        disabled: c || h(r, o)
       }
     )
   )));
@@ -3033,12 +3036,12 @@ function yo(t, a) {
   if (a && a.length > 1) {
     const _ = t.map((o) => o.key).filter((o) => a.includes(o));
     for (let o = 0; o < _.length; o++) {
-      const c = _[o], l = _[o + 1], n = _[o - 1], s = l && Math.abs(
+      const c = _[o], l = _[o + 1], s = _[o - 1], i = l && Math.abs(
         t.findIndex((d) => d.key === l) - t.findIndex((d) => d.key === c)
-      ) === 1, i = n && Math.abs(
-        t.findIndex((d) => d.key === n) - t.findIndex((d) => d.key === c)
+      ) === 1, n = s && Math.abs(
+        t.findIndex((d) => d.key === s) - t.findIndex((d) => d.key === c)
       ) === 1;
-      s && i ? r[c] = "middle" : s ? r[c] = "top" : i && (r[c] = "bottom");
+      i && n ? r[c] = "middle" : i ? r[c] = "top" : n && (r[c] = "bottom");
     }
   }
   return r;
@@ -3065,37 +3068,37 @@ const Q = {
   isAdjacentStyleApplied: _,
   onSelect: o
 }) => {
-  const c = (n) => n != null && n.customElement ? /* @__PURE__ */ e.createElement("div", { className: Q[`${ke}__custom`] }, n.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, n.showCheckbox && /* @__PURE__ */ e.createElement(
+  const c = (s) => s != null && s.customElement ? /* @__PURE__ */ e.createElement("div", { className: Q[`${ke}__custom`] }, s.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, s.showCheckbox && /* @__PURE__ */ e.createElement(
     "input",
     {
       type: "checkbox",
       className: Q[`${ke}__checkbox`],
       checked: a
     }
-  ), n.icon && /* @__PURE__ */ e.createElement(
+  ), s.icon && /* @__PURE__ */ e.createElement(
     S,
     {
       className: Q[`${ke}__icon`],
       kind: "link",
-      source: n.icon
+      source: s.icon
     }
-  ), n.avatarSrc && /* @__PURE__ */ e.createElement(
+  ), s.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
       className: p(Q[`${ke}__avatar`]),
-      src: n.avatarSrc,
-      alt: n.name
+      src: s.avatarSrc,
+      alt: s.name
     }
   ), /* @__PURE__ */ e.createElement("div", { className: Q[`${ke}__label-container`] }, /* @__PURE__ */ e.createElement(
     "span",
     {
       className: p({
-        [Q[`${ke}__main-label`]]: n.secondaryText
+        [Q[`${ke}__main-label`]]: s.secondaryText
       })
     },
-    n.name
-  ), n.secondaryText && /* @__PURE__ */ e.createElement("span", { className: Q[`${ke}__secondary-label`] }, n.secondaryText))), l = (n) => {
-    !n.disabled && o(n);
+    s.name
+  ), s.secondaryText && /* @__PURE__ */ e.createElement("span", { className: Q[`${ke}__secondary-label`] }, s.secondaryText))), l = (s) => {
+    !s.disabled && o(s);
   };
   return t.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
@@ -3109,8 +3112,8 @@ const Q = {
     "li",
     {
       "data-testid": t.key,
-      ref: (n) => {
-        r === t.key && (n == null || n.scrollIntoView({ block: "nearest" }));
+      ref: (s) => {
+        r === t.key && (s == null || s.scrollIntoView({ block: "nearest" }));
       },
       role: "option",
       "aria-current": r === t.key,
@@ -3142,42 +3145,42 @@ const Q = {
   selectAllOptionText: o,
   isMultiSelect: c,
   onClose: l,
-  onSelect: n,
-  onSelectAll: s
+  onSelect: s,
+  onSelectAll: i
 }) => {
-  const i = p(Q[ra], {
+  const n = p(Q[ra], {
     [Q[`${ra}__no-results`]]: a.length === 0
   }), [d, m] = e.useState(
     null
-  ), u = e.useRef(-1), h = e.useRef(0), f = e.useRef(null), [g, b] = e.useState({}), k = (x) => {
+  ), u = e.useRef(-1), v = e.useRef(0), f = e.useRef(null), [g, b] = e.useState({}), k = (x) => {
     if (x.key === G.esc && (x.preventDefault(), l()), x.key === G.arrowUp && u.current > 0 && (x.preventDefault(), u.current = $(), m(a[u.current].key)), x.key === G.arrowDown && u.current + 1 < a.length && (x.preventDefault(), u.current = N(), m(a[u.current].key)), x.key === G.enter && a[u.current] && !a[u.current].disabled) {
       if (x.preventDefault(), a[u.current].key === ot)
-        return s();
-      n(a[u.current]);
+        return i();
+      s(a[u.current]);
     }
   };
   e.useEffect(() => {
-    if (u.current > -1 && a.length > 0 && a[u.current] ? m(a[u.current].key) : (u.current = -1, h.current = 0, m(null)), t)
+    if (u.current > -1 && a.length > 0 && a[u.current] ? m(a[u.current].key) : (u.current = -1, v.current = 0, m(null)), t)
       return document.addEventListener("keydown", k), () => document.removeEventListener("keydown", k);
-    u.current = -1, h.current = 0, m(null);
+    u.current = -1, v.current = 0, m(null);
   }, [a, t, k]), e.useEffect(() => {
     b(yo(a, r));
   }, [r, a]);
-  const v = (x) => !!a[x] && (a[x].disabled || a[x].groupHeader), $ = () => {
-    for (u.current = u.current - 1; v(u.current) && (u.current = u.current - 1, !!v(u.current)); )
+  const h = (x) => !!a[x] && (a[x].disabled || a[x].groupHeader), $ = () => {
+    for (u.current = u.current - 1; h(u.current) && (u.current = u.current - 1, !!h(u.current)); )
       ;
-    return h.current = u.current, u.current;
+    return v.current = u.current, u.current;
   }, N = () => {
-    if (u.current = u.current + 1, !v(u.current))
-      return h.current = u.current, u.current;
-    for (; v(u.current); ) {
-      if (u.current = u.current + 1, u.current === a.length && !v(u.current))
-        return h.current;
-      if (!v(u.current))
+    if (u.current = u.current + 1, !h(u.current))
+      return v.current = u.current, u.current;
+    for (; h(u.current); ) {
+      if (u.current = u.current + 1, u.current === a.length && !h(u.current))
+        return v.current;
+      if (!h(u.current))
         break;
     }
-    return h.current = u.current, u.current;
-  }, B = () => s(), E = (x) => r ? r.includes(x) : !1, P = () => !c || c && !o ? null : /* @__PURE__ */ e.createElement(
+    return v.current = u.current, u.current;
+  }, B = () => i(), E = (x) => r ? r.includes(x) : !1, P = () => !c || c && !o ? null : /* @__PURE__ */ e.createElement(
     "li",
     {
       ref: (x) => {
@@ -3195,11 +3198,11 @@ const Q = {
     },
     o
   );
-  return t ? a.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: Q["list-wrapper"] }, /* @__PURE__ */ e.createElement("div", { className: i }, _)) : /* @__PURE__ */ e.createElement("div", { className: Q["list-wrapper"] }, /* @__PURE__ */ e.createElement(
+  return t ? a.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: Q["list-wrapper"] }, /* @__PURE__ */ e.createElement("div", { className: n }, _)) : /* @__PURE__ */ e.createElement("div", { className: Q["list-wrapper"] }, /* @__PURE__ */ e.createElement(
     "ul",
     {
       ref: f,
-      className: i,
+      className: n,
       role: "listbox",
       tabIndex: -1
     },
@@ -3211,7 +3214,7 @@ const Q = {
         isItemSelected: E(x.key),
         isAdjacentStyleApplied: g[x.key],
         currentItemKey: d,
-        onSelect: n
+        onSelect: s
       }
     ))
   )) : null;
@@ -3240,39 +3243,39 @@ const Q = {
   isItemSelected: o,
   isOpen: c,
   isRequired: l,
-  isMultiSelect: n,
-  size: s = "medium",
-  hideClearButton: i,
+  isMultiSelect: s,
+  size: i = "medium",
+  hideClearButton: n,
   onTrigger: d,
   onClear: m,
   testId: u
 }) => {
-  const h = e.useRef(null), f = p(
+  const v = e.useRef(null), f = p(
     oe[ae],
-    oe[`${ae}--${s}`],
-    n && oe[`${ae}--multi-select`],
-    n && o && oe[`${ae}--multi-select--with-items`],
+    oe[`${ae}--${i}`],
+    s && oe[`${ae}--multi-select`],
+    s && o && oe[`${ae}--multi-select--with-items`],
     r && oe[`${ae}--disabled`],
     c && oe[`${ae}--focused`],
     _ && oe[`${ae}--error`]
   );
   e.useEffect(() => {
-    const v = ($) => {
-      document.activeElement === h.current && $.key !== G.tab && d($);
+    const h = ($) => {
+      document.activeElement === v.current && $.key !== G.tab && d($);
     };
-    return a || document.addEventListener("keydown", v), () => {
-      a || document.removeEventListener("keydown", v);
+    return a || document.addEventListener("keydown", h), () => {
+      a || document.removeEventListener("keydown", h);
     };
   }, [a]);
-  const g = (v) => {
-    d(v);
-  }, b = (v) => {
-    v.stopPropagation(), m();
-  }, k = !i && o && !r && !l;
+  const g = (h) => {
+    d(h);
+  }, b = (h) => {
+    h.stopPropagation(), m();
+  }, k = !n && o && !r && !l;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: h,
+      ref: v,
       className: f,
       onClick: g,
       tabIndex: 0,
@@ -3283,8 +3286,8 @@ const Q = {
       {
         className: p(
           oe[`${ae}__content`],
-          oe[`${ae}__content--${s}`],
-          n && o && oe[`${ae}__content--with-items`]
+          oe[`${ae}__content--${i}`],
+          s && o && oe[`${ae}__content--with-items`]
         )
       },
       t
@@ -3294,7 +3297,7 @@ const Q = {
       {
         className: p(
           oe[`${ae}__controls`],
-          oe[`${ae}__controls--${s}`]
+          oe[`${ae}__controls--${i}`]
         )
       },
       k && /* @__PURE__ */ e.createElement(
@@ -3346,9 +3349,9 @@ const Q = {
     kind: o = "default",
     onRemove: c,
     outline: l = !1,
-    leftNode: n,
-    rightNode: s,
-    customColor: i
+    leftNode: s,
+    rightNode: i,
+    customColor: n
   } = u, d = I(u, [
     "className",
     "children",
@@ -3361,7 +3364,7 @@ const Q = {
     "rightNode",
     "customColor"
   ]);
-  const h = p(
+  const v = p(
     Te[Be],
     t,
     Te[`${Be}--${_}`],
@@ -3369,43 +3372,43 @@ const Q = {
     {
       [Te[`${Be}--dismissible`]]: r,
       [Te[`${Be}--outline`]]: l,
-      [Te[`${Be}--${To(i)}`]]: !!i
+      [Te[`${Be}--${To(n)}`]]: !!n
     }
-  ), f = _ === "small" ? "small" : "medium", g = () => i ? l ? {
+  ), f = _ === "small" ? "small" : "medium", g = () => n ? l ? {
     style: {
       backgroundColor: "transparent",
-      color: i,
-      borderColor: i
+      color: n,
+      borderColor: n
     }
-  } : { style: { backgroundColor: i } } : {}, b = () => {
-    if (i)
-      return l ? i : ga(i, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
+  } : { style: { backgroundColor: n } } : {}, b = () => {
+    if (n)
+      return l ? n : ga(n, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
   };
   return /* @__PURE__ */ e.createElement(
     M,
     T(y(y({
-      className: h
+      className: v
     }, d), g()), {
       as: "div",
       size: "md"
     }),
-    n && /* @__PURE__ */ e.createElement(
+    s && /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "lc-tag-left-node",
         className: Te[`${Be}__node`],
         style: { color: b() }
       },
-      n
+      s
     ),
     /* @__PURE__ */ e.createElement("div", { className: Te[`${Be}__content`] }, a),
-    s && /* @__PURE__ */ e.createElement(
+    i && /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "lc-tag-right-node",
         style: { color: b() }
       },
-      s
+      i
     ),
     r && /* @__PURE__ */ e.createElement(
       "button",
@@ -3450,13 +3453,13 @@ const Q = {
   items: o,
   type: c,
   clearSearchAfterSelection: l,
-  size: n,
-  onItemRemove: s,
-  onFilter: i
+  size: s,
+  onItemRemove: i,
+  onFilter: n
 }) => {
   const d = t && !a, m = e.useRef(null);
   e.useEffect(() => {
-    l && (i(""), m.current && (m.current.value = "", m.current.focus()));
+    l && (n(""), m.current && (m.current.value = "", m.current.focus()));
   }, [o, l]);
   const u = (g) => c === "single" && t && !a ? null : g != null && g.customElement ? /* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__item`] }, g.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__item`] }, g.icon && /* @__PURE__ */ e.createElement(
     S,
@@ -3471,18 +3474,18 @@ const Q = {
       alt: "",
       className: pe[`${ge}__item__avatar`]
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__item__content`] }, g.name)), h = (g) => {
-    i(g.target.value);
+  ), /* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__item__content`] }, g.name)), v = (g) => {
+    n(g.target.value);
   }, f = () => /* @__PURE__ */ e.createElement(
     "input",
     {
       ref: m,
       className: p(
         pe[`${ge}__input`],
-        pe[`${ge}__input--${n}`]
+        pe[`${ge}__input--${s}`]
       ),
       placeholder: "Select option",
-      onChange: h,
+      onChange: v,
       autoFocus: !0
     }
   );
@@ -3499,10 +3502,10 @@ const Q = {
         key: g.name,
         className: p(
           pe[`${ge}__tag`],
-          pe[`${ge}__tag--${n}`]
+          pe[`${ge}__tag--${s}`]
         ),
         dismissible: !r,
-        onRemove: () => s(g)
+        onRemove: () => i(g)
       },
       u(g)
     ))),
@@ -3512,7 +3515,7 @@ const Q = {
   picker: Ao,
   picker__container: Io
 }, za = "picker", sl = (k) => {
-  var v = k, {
+  var h = k, {
     className: t,
     disabled: a,
     error: r,
@@ -3520,16 +3523,16 @@ const Q = {
     selected: o,
     size: c = "medium",
     placeholder: l = "Select option",
-    isRequired: n,
-    noSearchResultText: s = "No results found",
-    selectAllOptionText: i,
+    isRequired: s,
+    noSearchResultText: i = "No results found",
+    selectAllOptionText: n,
     type: d = "single",
     searchDisabled: m = !1,
     hideClearButton: u,
-    openedOnInit: h = !1,
+    openedOnInit: v = !1,
     clearSearchAfterSelection: f,
     onSelect: g
-  } = v, b = I(v, [
+  } = h, b = I(h, [
     "className",
     "disabled",
     "error",
@@ -3547,12 +3550,12 @@ const Q = {
     "clearSearchAfterSelection",
     "onSelect"
   ]);
-  const [$, N] = e.useState(h), [B, E] = e.useState(null), P = e.useRef(null), x = p(Ha[za], t);
+  const [$, N] = e.useState(v), [B, E] = e.useState(null), P = e.useRef(null), x = p(Ha[za], t);
   e.useEffect(() => {
     if ($) {
       const R = (w) => {
-        var O;
-        (O = P.current) != null && O.contains(w.target) || N(!1);
+        var z;
+        (z = P.current) != null && z.contains(w.target) || N(!1);
       }, W = (w) => {
         w.key === G.tab && N(!1);
       };
@@ -3573,13 +3576,13 @@ const Q = {
     const W = R.key, w = Oe;
     if (!w)
       return g([R]);
-    const O = w.includes(
+    const z = w.includes(
       W
     ) ? w.filter((q) => q !== W) : w.concat(W);
-    if ((O == null ? void 0 : O.length) === 0)
+    if ((z == null ? void 0 : z.length) === 0)
       return g(null);
     const j = _.filter(
-      (q) => O.includes(q.key)
+      (q) => z.includes(q.key)
     );
     g(j);
   }, _e = (R) => !R.disabled && !R.groupHeader && R.key !== ot, Re = () => {
@@ -3608,7 +3611,7 @@ const Q = {
       isOpen: $,
       isDisabled: a,
       isItemSelected: !!o,
-      isRequired: n,
+      isRequired: s,
       isMultiSelect: d === "multi",
       size: c,
       hideClearButton: u,
@@ -3637,8 +3640,8 @@ const Q = {
       items: Ge,
       isOpen: $,
       isMultiSelect: d === "multi",
-      emptyStateText: s,
-      selectAllOptionText: i,
+      emptyStateText: i,
+      selectAllOptionText: n,
       onClose: F,
       onSelect: Y,
       onSelectAll: Re
@@ -3654,23 +3657,23 @@ const Q = {
   className: o,
   triggerClassName: c,
   placement: l,
-  flipOptions: n,
-  offsetSize: s = 4,
-  isVisible: i,
+  flipOptions: s,
+  offsetSize: i = 4,
+  isVisible: n,
   openedOnInit: d,
   closeOnEsc: m = !0,
   useDismissHookProps: u,
-  useClickHookProps: h
+  useClickHookProps: v
 }) => {
-  const [f, g] = e.useState(d), b = i !== void 0, k = b ? i : f, v = typeof _ == "string", $ = typeof t == "function", N = (be) => {
+  const [f, g] = e.useState(d), b = n !== void 0, k = b ? n : f, h = typeof _ == "string", $ = typeof t == "function", N = (be) => {
     be ? r == null || r() : a == null || a(), !b && g(be);
   }, { refs: B, context: E, floatingStyles: P } = la({
     open: k,
     onOpenChange: N,
-    middleware: [na(s), sa(n), qa()],
+    middleware: [na(i), sa(s), qa()],
     placement: l,
     whileElementsMounted: ia
-  }), x = da(E, h), ee = ua(E, y({
+  }), x = da(E, v), ee = ua(E, y({
     escapeKey: m
   }, u)), F = ma(E), { getReferenceProps: Y, getFloatingProps: _e } = pa([
     x,
@@ -3693,7 +3696,7 @@ const Q = {
       ref: B.setFloating,
       style: P
     }, _e()),
-    v ? /* @__PURE__ */ e.createElement(M, { as: "div" }, _) : _
+    h ? /* @__PURE__ */ e.createElement(M, { as: "div" }, _) : _
   )));
 }, Ro = [
   "normal",
@@ -3727,27 +3730,27 @@ const bt = {
   large: 56
 }, ft = "progress-circle", Ho = e.forwardRef(
   (l, c) => {
-    var n = l, {
+    var s = l, {
       status: t = "normal",
       progressValue: a,
       className: r,
       size: _ = "medium"
-    } = n, o = I(n, [
+    } = s, o = I(s, [
       "status",
       "progressValue",
       "className",
       "size"
     ]);
-    const s = or(t, a), i = _r(s, a), d = Lo[_], m = Oo[_], u = p(
+    const i = or(t, a), n = _r(i, a), d = Lo[_], m = Oo[_], u = p(
       bt[ft],
       {
         [bt[`${ft}--${_}`]]: _,
         [bt[`${ft}--${t}`]]: t
       },
       r
-    ), h = 2 * Math.PI * ((m - d) / 2), f = {
-      strokeDasharray: h.toFixed(3),
-      strokeDashoffset: `${((100 - i) / 100 * h).toFixed(3)}px`
+    ), v = 2 * Math.PI * ((m - d) / 2), f = {
+      strokeDasharray: v.toFixed(3),
+      strokeDashoffset: `${((100 - n) / 100 * v).toFixed(3)}px`
     }, g = `${m / 2} ${m / 2} ${m} ${m}`;
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -3792,18 +3795,18 @@ const bt = {
   "progress-bar__indicator--normal": "lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"
 }, Rt = "progress-bar", zo = e.forwardRef(
   (l, c) => {
-    var n = l, {
+    var s = l, {
       status: t = "normal",
       percent: a,
       size: r = "medium",
       className: _ = ""
-    } = n, o = I(n, [
+    } = s, o = I(s, [
       "status",
       "percent",
       "size",
       "className"
     ]);
-    const s = or(t, a), i = _r(s, a), d = p(
+    const i = or(t, a), n = _r(i, a), d = p(
       Ft[Rt],
       {
         [Ft[`${Rt}--${r}`]]: r,
@@ -3822,7 +3825,7 @@ const bt = {
         "div",
         {
           className: Ft[`${Rt}__indicator--${t}`],
-          style: { width: `${i}%` }
+          style: { width: `${n}%` }
         }
       )
     );
@@ -3847,11 +3850,11 @@ const bt = {
   img: o,
   light: c = !1,
   linkText: l,
-  onButtonClick: n,
-  onClose: s,
-  onLinkClick: i
+  onButtonClick: s,
+  onClose: i,
+  onLinkClick: n
 }) => {
-  const d = e.useRef(null), [m, u] = e.useState("medium"), h = p(
+  const d = e.useRef(null), [m, u] = e.useState("medium"), v = p(
     ye[Ee],
     {
       [ye[`${Ee}--light`]]: c,
@@ -3874,17 +3877,17 @@ const bt = {
     {
       kind: "primary",
       size: "compact",
-      onClick: n,
+      onClick: s,
       className: ye[`${Ee}__button-text`]
     },
     a
-  ), l && /* @__PURE__ */ e.createElement(U, { size: "compact", kind: "text", onClick: i }, l));
-  return /* @__PURE__ */ e.createElement("div", { ref: d, className: h }, /* @__PURE__ */ e.createElement("div", { className: ye[`${Ee}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: ye[`${Ee}__img`] }), /* @__PURE__ */ e.createElement("div", { className: ye[`${Ee}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: ye[`${Ee}__header`] }, _), /* @__PURE__ */ e.createElement(M, { as: "div" }, r), m !== "large" && f), m === "large" && f), s && /* @__PURE__ */ e.createElement(
+  ), l && /* @__PURE__ */ e.createElement(U, { size: "compact", kind: "text", onClick: n }, l));
+  return /* @__PURE__ */ e.createElement("div", { ref: d, className: v }, /* @__PURE__ */ e.createElement("div", { className: ye[`${Ee}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: ye[`${Ee}__img`] }), /* @__PURE__ */ e.createElement("div", { className: ye[`${Ee}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: ye[`${Ee}__header`] }, _), /* @__PURE__ */ e.createElement(M, { as: "div" }, r), m !== "large" && f), m === "large" && f), i && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
       className: ye[`${Ee}__close-icon`],
-      onClick: s
+      onClick: i
     },
     /* @__PURE__ */ e.createElement(S, { source: Ce, size: "large", kind: "primary" })
   ));
@@ -3942,13 +3945,13 @@ const bt = {
   "radio-button--selected": "lc-RadioButton-module__radio-button--selected___s9lqj",
   "radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
 }, Ie = "radio-button", ml = e.forwardRef(
-  (n, l) => {
-    var s = n, { children: t, className: a = "", description: r, checked: _, disabled: o } = s, c = I(s, ["children", "className", "description", "checked", "disabled"]);
-    const i = p(Ae[Ie], a, {
+  (s, l) => {
+    var i = s, { children: t, className: a = "", description: r, checked: _, disabled: o } = i, c = I(i, ["children", "className", "description", "checked", "disabled"]);
+    const n = p(Ae[Ie], a, {
       [Ae[`${Ie}--selected`]]: _,
       [Ae[`${Ie}--disabled`]]: o
     });
-    return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: Ae[`${Ie}__label`] }, /* @__PURE__ */ e.createElement("div", { className: Ae[`${Ie}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: Ae[`${Ie}__inner-circle`] }), /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement("label", { className: Ae[`${Ie}__label`] }, /* @__PURE__ */ e.createElement("div", { className: Ae[`${Ie}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: Ae[`${Ie}__inner-circle`] }), /* @__PURE__ */ e.createElement(
       "input",
       T(y({}, c), {
         className: Ae[`${Ie}__input`],
@@ -3980,34 +3983,34 @@ const bt = {
   size: o = "medium",
   value: c,
   className: l,
-  onChange: n
+  onChange: s
 }) => {
-  const [s, i] = e.useState(!0), [d, m] = e.useState(!1), u = e.useRef(null), h = !!c && !a && !r, f = t && !s && "true", g = p(
+  const [i, n] = e.useState(!0), [d, m] = e.useState(!1), u = e.useRef(null), v = !!c && !a && !r, f = t && !i && "true", g = p(
     l,
     xe[we],
     xe[`${we}--${o}`],
     d && xe[`${we}--focused`],
     a && xe[`${we}--disabled`],
     t && xe[`${we}--collapsable`],
-    !s && xe[`${we}--collapsable--open`]
+    !i && xe[`${we}--collapsable--open`]
   );
   e.useEffect(() => {
-    t && c && i(!1);
+    t && c && n(!1);
   }, [t]);
   const b = (E) => {
     const P = E.currentTarget.value;
-    n(P);
+    s(P);
   }, k = () => {
-    n("");
-  }, v = () => {
+    s("");
+  }, h = () => {
     var E;
     (E = u.current) == null || E.focus();
   }, $ = () => {
-    t && i(!1), m(!0);
+    t && n(!1), m(!0);
   }, N = () => {
-    t && !c && i(!0), m(!1);
+    t && !c && n(!0), m(!1);
   }, B = (E) => {
-    E.key === G.enter && (E.preventDefault(), n(c));
+    E.key === G.enter && (E.preventDefault(), s(c));
   };
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -4015,7 +4018,7 @@ const bt = {
       "aria-expanded": f,
       role: "search",
       className: g,
-      onClick: v
+      onClick: h
     },
     /* @__PURE__ */ e.createElement(
       S,
@@ -4042,7 +4045,7 @@ const bt = {
         disabled: a
       }
     ),
-    h && /* @__PURE__ */ e.createElement(
+    v && /* @__PURE__ */ e.createElement(
       U,
       {
         "aria-label": "Clear search",
@@ -4100,9 +4103,9 @@ const bt = {
     on: o,
     onChange: c,
     size: l = "large",
-    state: n = "regular",
-    innerRef: s,
-    ariaLabel: i
+    state: s = "regular",
+    innerRef: i,
+    ariaLabel: n
   } = u, d = I(u, [
     "className",
     "defaultOn",
@@ -4115,14 +4118,14 @@ const bt = {
     "innerRef",
     "ariaLabel"
   ]);
-  const h = o !== void 0, [f, g] = e.useState(
-    () => h ? o : a
-  ), b = h ? o : f, k = n === "loading", v = n === "locked", $ = l === "large" ? "small" : "xsmall", N = b ? "on" : "off", B = r || k || v, E = B ? "disabled" : "enabled", P = p(
+  const v = o !== void 0, [f, g] = e.useState(
+    () => v ? o : a
+  ), b = v ? o : f, k = s === "loading", h = s === "locked", $ = l === "large" ? "small" : "xsmall", N = b ? "on" : "off", B = r || k || h, E = B ? "disabled" : "enabled", P = p(
     ce[re],
     ce[`${re}--${l}`],
     t
   ), x = (ee) => {
-    c == null || c(ee, !b), h || (ee.stopPropagation(), g((F) => !F));
+    c == null || c(ee, !b), v || (ee.stopPropagation(), g((F) => !F));
   };
   return /* @__PURE__ */ e.createElement("span", { className: P }, /* @__PURE__ */ e.createElement(
     "input",
@@ -4135,9 +4138,9 @@ const bt = {
       onChange: x,
       checked: b,
       name: _,
-      ref: s,
+      ref: i,
       disabled: B,
-      "aria-label": i
+      "aria-label": n
     }, d)
   ), /* @__PURE__ */ e.createElement("span", { className: ce[`${re}__container`] }, /* @__PURE__ */ e.createElement(
     "span",
@@ -4166,7 +4169,7 @@ const bt = {
         )
       }
     ),
-    v && /* @__PURE__ */ e.createElement(
+    h && /* @__PURE__ */ e.createElement(
       S,
       {
         className: ce[`${re}__icon`],
@@ -4186,15 +4189,15 @@ const bt = {
   tab__badge: ec,
   "tab--selected": "lc-Tab-module__tab--selected___c0EkL",
   "tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
-}, _t = "tab", bl = (n) => {
-  var s = n, {
+}, _t = "tab", bl = (s) => {
+  var i = s, {
     children: t,
     className: a,
     count: r,
     isSelected: _,
     asBadge: o,
     size: c = "medium"
-  } = s, l = I(s, [
+  } = i, l = I(i, [
     "children",
     "className",
     "count",
@@ -4202,7 +4205,7 @@ const bt = {
     "asBadge",
     "size"
   ]);
-  const { disabled: i } = l, d = r !== void 0 && !o, m = r !== void 0 && o;
+  const { disabled: n } = l, d = r !== void 0 && !o, m = r !== void 0 && o;
   return /* @__PURE__ */ e.createElement(
     M,
     T(y({}, l), {
@@ -4214,7 +4217,7 @@ const bt = {
         rt[_t],
         rt[`${_t}--${c}`],
         _ && rt[`${_t}--selected`],
-        i && rt[`${_t}--disabled`]
+        n && rt[`${_t}--disabled`]
       )
     }),
     t,
@@ -4246,8 +4249,8 @@ const bt = {
   remove: o,
   value: c
 }) => {
-  const [l, n] = e.useState(!1), s = () => a.current, i = () => {
-    const f = s();
+  const [l, s] = e.useState(!1), i = () => a.current, n = () => {
+    const f = i();
     return f ? f.innerText : "";
   }, d = () => {
     r && r.current && r.current.focus();
@@ -4256,9 +4259,9 @@ const bt = {
       f.preventDefault(), d();
       return;
     }
-    f.key === G.backspace && i() === "" && (n(!0), o(), d());
+    f.key === G.backspace && n() === "" && (s(!0), o(), d());
   }, u = () => {
-    const f = s();
+    const f = i();
     if (!(l || !f)) {
       if (f.innerText === "") {
         o();
@@ -4266,7 +4269,7 @@ const bt = {
       }
       _(f.innerText);
     }
-  }, h = (f) => {
+  }, v = (f) => {
     f.preventDefault();
     const g = f.clipboardData.getData("text/plain");
     document.execCommand("insertHTML", !1, Ea(g));
@@ -4277,7 +4280,7 @@ const bt = {
       ref: a,
       className: t,
       contentEditable: !0,
-      onPaste: h,
+      onPaste: v,
       onBlur: u,
       onKeyDown: m,
       dangerouslySetInnerHTML: { __html: Ea(c) }
@@ -4299,24 +4302,24 @@ const bt = {
   update: c,
   size: l
 }) => {
-  const n = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), s = e.useRef(null), i = () => r(a);
+  const s = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), i = e.useRef(null), n = () => r(a);
   return /* @__PURE__ */ e.createElement(
     rr,
     {
-      kind: n ? "default" : "error",
+      kind: s ? "default" : "error",
       dismissible: !0,
       size: l,
-      onRemove: i
+      onRemove: n
     },
     /* @__PURE__ */ e.createElement(
       rc,
       {
         value: t,
         inputRef: o,
-        innerEditableRef: s,
+        innerEditableRef: i,
         className: kt[`${_c}__content`],
         change: (d) => c(a, d),
-        remove: i,
+        remove: n,
         validator: _
       }
     )
@@ -4328,7 +4331,7 @@ const bt = {
   G.semicolon,
   G.comma
 ], lc = [G.backspace, G.delete], nc = (u) => {
-  var h = u, {
+  var v = u, {
     id: t,
     tags: a,
     onChange: r,
@@ -4336,11 +4339,11 @@ const bt = {
     error: o,
     placeholder: c,
     size: l = "medium",
-    className: n,
-    inputClassName: s,
-    onBlur: i,
+    className: s,
+    inputClassName: i,
+    onBlur: n,
     addOnBlur: d = !0
-  } = h, m = I(h, [
+  } = v, m = I(v, [
     "id",
     "tags",
     "onChange",
@@ -4358,12 +4361,12 @@ const bt = {
     {
       [kt[`${Mt}--error`]]: o
     },
-    n
+    s
   ), g = p(
-    s,
+    i,
     kt[`${Mt}__input`],
     kt[`${Mt}__input--${l}`]
-  ), [b, k] = e.useState(""), v = e.useRef(null), $ = (F) => {
+  ), [b, k] = e.useState(""), h = e.useRef(null), $ = (F) => {
     r([...a || [], F]), k("");
   }, N = (F) => {
     const Y = [...a || []];
@@ -4379,7 +4382,7 @@ const bt = {
       N(a.length - 1);
     }
   }, P = (F) => {
-    d && $(b), i == null || i(F);
+    d && $(b), n == null || n(F);
   }, x = (F, Y) => {
     const _e = [...a || []];
     _e.reduce(
@@ -4398,7 +4401,7 @@ const bt = {
       key: `${Y}${F}`,
       update: x,
       remove: N,
-      inputRef: v,
+      inputRef: h,
       validator: _,
       size: l
     },
@@ -4407,7 +4410,7 @@ const bt = {
     "input",
     T(y({}, m), {
       id: t,
-      ref: v,
+      ref: h,
       className: g,
       placeholder: c,
       value: b,
@@ -4417,15 +4420,15 @@ const bt = {
       onBlur: P
     })
   )), o && /* @__PURE__ */ e.createElement(fa, null, o));
-}, sc = /^(?:[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, ic = "name@company.com", dc = (t) => sc.test(t), hl = (n) => {
-  var s = n, {
+}, sc = /^(?:[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, ic = "name@company.com", dc = (t) => sc.test(t), hl = (s) => {
+  var i = s, {
     id: t,
     tags: a,
     onChange: r,
     error: _,
     placeholder: o = ic,
     size: c
-  } = s, l = I(s, [
+  } = i, l = I(i, [
     "id",
     "tags",
     "onChange",
@@ -4488,15 +4491,15 @@ const bt = {
   info: {
     source: oa
   }
-}, ze = "toast", fc = (n) => {
-  var s = n, {
+}, ze = "toast", fc = (s) => {
+  var i = s, {
     action: t,
     className: a,
     children: r,
     removable: _,
     kind: o = "info",
     onClose: c
-  } = s, l = I(s, [
+  } = i, l = I(i, [
     "action",
     "className",
     "children",
@@ -4504,12 +4507,12 @@ const bt = {
     "kind",
     "onClose"
   ]);
-  const i = p(
+  const n = p(
     Z[ze],
     Z[`${ze}--${o}`],
     a
   ), d = typeof r == "string", m = (u) => u && u.closesOnClick && c ? (u.onClick(), c()) : u.onClick();
-  return /* @__PURE__ */ e.createElement("div", y({ className: i }, l), /* @__PURE__ */ e.createElement("div", { className: Z[`${ze}__icon`] }, /* @__PURE__ */ e.createElement(S, T(y({}, bc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: Z[`${ze}__content`] }, d ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: Z[`${ze}__actions`] }, t && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", y({ className: n }, l), /* @__PURE__ */ e.createElement("div", { className: Z[`${ze}__icon`] }, /* @__PURE__ */ e.createElement(S, T(y({}, bc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: Z[`${ze}__content`] }, d ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: Z[`${ze}__actions`] }, t && /* @__PURE__ */ e.createElement(
     U,
     {
       className: Z[`${ze}__actions--custom`],
@@ -4539,7 +4542,7 @@ const bt = {
   verticalPosition: c = "top",
   horizontalPosition: l = "center"
 }) => {
-  const n = p(
+  const s = p(
     Z[vt],
     {
       [Z[`${vt}--fixed`]]: r,
@@ -4549,10 +4552,10 @@ const bt = {
     },
     t
   );
-  return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(ja, { component: null }, a.map(({ id: s, kind: i, content: d, removable: m, action: u, onClose: h }) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: s }, /* @__PURE__ */ e.createElement(ja, { component: null }, a.map(({ id: i, kind: n, content: d, removable: m, action: u, onClose: v }) => /* @__PURE__ */ e.createElement(
     Qa,
     {
-      key: s,
+      key: i,
       classNames: {
         enter: Z[`toast-appear--${o}`],
         enterActive: Z[`toast-appear-active--${o}`],
@@ -4564,8 +4567,8 @@ const bt = {
     /* @__PURE__ */ e.createElement(
       fc,
       {
-        kind: i,
-        onClose: h,
+        kind: n,
+        onClose: v,
         removable: m,
         action: u
       },
@@ -4580,20 +4583,20 @@ const bt = {
 }, Ot = "textarea", yl = e.forwardRef(
   (o, _) => {
     var c = o, { className: t, error: a } = c, r = I(c, ["className", "error"]);
-    const { disabled: l, onBlur: n, onFocus: s } = r, [i, d] = e.useState(!1), m = p(t, Lt[Ot], {
+    const { disabled: l, onBlur: s, onFocus: i } = r, [n, d] = e.useState(!1), m = p(t, Lt[Ot], {
       [Lt[`${Ot}--disabled`]]: l,
-      [Lt[`${Ot}--focused`]]: i,
+      [Lt[`${Ot}--focused`]]: n,
       [Lt[`${Ot}--error`]]: a
     }), u = (f) => {
-      d(!1), n == null || n(f);
-    }, h = (f) => {
-      d(!0), s == null || s(f);
+      d(!1), s == null || s(f);
+    }, v = (f) => {
+      d(!0), i == null || i(f);
     };
     return /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement(
       "textarea",
       T(y({}, r), {
         ref: _,
-        onFocus: h,
+        onFocus: v,
         onBlur: u
       })
     ));
@@ -4640,9 +4643,9 @@ const bt = {
     progressValue: o,
     size: c,
     status: l = "normal",
-    onCloseButtonClick: n,
-    onRetryButtonClick: s
-  }, i) => /* @__PURE__ */ e.createElement("div", { className: $e[Pe], ref: i }, r && l !== "success" && /* @__PURE__ */ e.createElement("div", { className: $e[`${Pe}__icon`] }, r), l === "success" && /* @__PURE__ */ e.createElement(
+    onCloseButtonClick: s,
+    onRetryButtonClick: i
+  }, n) => /* @__PURE__ */ e.createElement("div", { className: $e[Pe], ref: n }, r && l !== "success" && /* @__PURE__ */ e.createElement("div", { className: $e[`${Pe}__icon`] }, r), l === "success" && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: p(
@@ -4680,8 +4683,8 @@ const bt = {
         _a,
         {
           status: l,
-          onCloseButtonClick: n,
-          onRetryButtonClick: s
+          onCloseButtonClick: s,
+          onRetryButtonClick: i
         }
       )
     )),
@@ -4695,7 +4698,7 @@ const bt = {
       }
     )
   ))
-), L = {
+), H = {
   "upload-bar": "lc-UploadBar-module__upload-bar___6Or8h",
   "upload-bar__loader-test": "lc-UploadBar-module__upload-bar__loader-test___aZb2J",
   "upload-bar--error": "lc-UploadBar-module__upload-bar--error___MzvhT",
@@ -4716,10 +4719,10 @@ const bt = {
   "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"
-}, le = "upload-bar", Fe = `${le}__wrapper__header`, yc = 300, Ec = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: L[`${Fe}__success-icon`] }, /* @__PURE__ */ e.createElement(S, { source: ca })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: L[`${Fe}__error-icon`] }, /* @__PURE__ */ e.createElement(S, { source: Ar })) : /* @__PURE__ */ e.createElement(
+}, le = "upload-bar", Fe = `${le}__wrapper__header`, yc = 300, Ec = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: H[`${Fe}__success-icon`] }, /* @__PURE__ */ e.createElement(S, { source: ca })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: H[`${Fe}__error-icon`] }, /* @__PURE__ */ e.createElement(S, { source: Ar })) : /* @__PURE__ */ e.createElement(
   Ho,
   {
-    className: L[`${Fe}__loader`],
+    className: H[`${Fe}__loader`],
     status: t,
     progressValue: a
   }
@@ -4731,24 +4734,24 @@ const bt = {
   isExpanded: o,
   errorMessage: c,
   status: l = "normal",
-  icon: n,
-  size: s,
-  mode: i = "multiple",
+  icon: s,
+  size: i,
+  mode: n = "multiple",
   onCloseButtonClick: d,
   onRetryButtonClick: m
 }) => {
-  const [u, h] = e.useState(o || !1), f = l === "error", g = l === "success", b = p(L[le], a, {
-    [L[`${le}--error`]]: f,
-    [L[`${le}--success`]]: g
-  }), k = !(f && (m || d)), v = () => h(!u);
-  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("div", { className: L[`${le}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: L[`${Fe}`] }, /* @__PURE__ */ e.createElement(
+  const [u, v] = e.useState(o || !1), f = l === "error", g = l === "success", b = p(H[le], a, {
+    [H[`${le}--error`]]: f,
+    [H[`${le}--success`]]: g
+  }), k = !(f && (m || d)), h = () => v(!u);
+  return n === "single" ? /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("div", { className: H[`${le}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${Fe}`] }, /* @__PURE__ */ e.createElement(
     kc,
     {
       title: f && c || _,
       progressValue: r,
       status: l,
-      icon: n,
-      size: s
+      icon: s,
+      size: i
     }
   )), l === "error" && /* @__PURE__ */ e.createElement(
     _a,
@@ -4760,18 +4763,18 @@ const bt = {
   ))) : /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: L[`${le}__wrapper`],
-      onClick: v
+      className: H[`${le}__wrapper`],
+      onClick: h
     },
-    /* @__PURE__ */ e.createElement("div", { className: L[`${Fe}`] }, /* @__PURE__ */ e.createElement("div", { className: L[`${Fe}__icon`] }, Ec(l, r)), /* @__PURE__ */ e.createElement("div", { className: L[`${Fe}__title`] }, /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, f ? c : _)), k && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: H[`${Fe}`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${Fe}__icon`] }, Ec(l, r)), /* @__PURE__ */ e.createElement("div", { className: H[`${Fe}__title`] }, /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, f ? c : _)), k && /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: L[`${Fe}__collapse-button`],
+        className: H[`${Fe}__collapse-button`],
         type: "button",
-        onClick: v
+        onClick: h
       },
       u ? /* @__PURE__ */ e.createElement(S, { source: zt }) : /* @__PURE__ */ e.createElement(S, { source: Et })
-    ), l === "error" && /* @__PURE__ */ e.createElement("div", { className: L[`${Fe}__actions-container`] }, /* @__PURE__ */ e.createElement(
+    ), l === "error" && /* @__PURE__ */ e.createElement("div", { className: H[`${Fe}__actions-container`] }, /* @__PURE__ */ e.createElement(
       _a,
       {
         status: l,
@@ -4784,14 +4787,14 @@ const bt = {
     {
       timeout: yc,
       classNames: {
-        enter: L[`${le}__files--enter`],
-        enterActive: L[`${le}__files--enter-active`],
-        exit: L[`${le}__files--exit`],
-        exitActive: L[`${le}__files--exit-active`],
-        exitDone: L[`${le}__files--exit-done`]
+        enter: H[`${le}__files--enter`],
+        enterActive: H[`${le}__files--enter-active`],
+        exit: H[`${le}__files--exit`],
+        exitActive: H[`${le}__files--exit-active`],
+        exitDone: H[`${le}__files--exit-done`]
       }
     },
-    /* @__PURE__ */ e.createElement("div", { className: L[`${le}__files`] }, /* @__PURE__ */ e.createElement("div", { className: L[`${le}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: L[`${le}__files__list`] }, t)))
+    /* @__PURE__ */ e.createElement("div", { className: H[`${le}__files`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${le}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${le}__files__list`] }, t)))
   )));
 };
 export {