@livechat/design-system-react-components 1.0.0-beta.3 → 1.0.0-beta.4

package/dist/dsrc.es.js

@@ -1,15 +1,15 @@
-var Wa = Object.defineProperty, Va = Object.defineProperties;
-var Ya = Object.getOwnPropertyDescriptors;
+var Va = Object.defineProperty, Ya = Object.defineProperties;
+var qa = Object.getOwnPropertyDescriptors;
 var ut = Object.getOwnPropertySymbols;
 var jt = Object.prototype.hasOwnProperty, ea = Object.prototype.propertyIsEnumerable;
-var Bt = (t, a, r) => a in t ? Wa(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, w = (t, a) => {
+var Bt = (t, a, r) => a in t ? Va(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, $ = (t, a) => {
   for (var r in a || (a = {}))
     jt.call(a, r) && Bt(t, r, a[r]);
   if (ut)
     for (var r of ut(a))
       ea.call(a, r) && Bt(t, r, a[r]);
   return t;
-}, B = (t, a) => Va(t, Ya(a));
+}, B = (t, a) => Ya(t, qa(a));
 var A = (t, a) => {
   var r = {};
   for (var _ in t)
@@ -21,20 +21,20 @@ var A = (t, a) => {
 };
 var At = (t, a, r) => (Bt(t, typeof a != "symbol" ? a + "" : a, r), r);
 import * as e from "react";
-import { useReducer as qa, useRef as Ja, useEffect as Ve, useCallback as mt, useMemo as pt } from "react";
+import { useReducer as Ja, useRef as Ka, useEffect as Ve, useCallback as mt, useMemo as pt } from "react";
 import f, { clsx as Pe } from "clsx";
-import { useFloating as $a, offset as wa, flip as Ca, autoUpdate as Na, arrow as Ka } from "@floating-ui/react-dom";
-import { Close as xe, Info as qt, Warning as xa, CheckCircle as Sa, Block as Da, Person as Za, ChevronUp as St, ChevronDown as Dt, VisibilityOn as Qa, VisibilityOff as Xa, Check as Jt, Search as ja, LockBlackFilled as er, Refresh as tr, Error as ar } from "@livechat/design-system-icons/react/tabler";
-import Ta from "lodash.debounce";
+import { useFloating as wa, offset as Ca, flip as Na, autoUpdate as xa, arrow as Za } from "@floating-ui/react-dom";
+import { Close as xe, Info as qt, Warning as Sa, CheckCircle as Da, Block as Ta, Person as Qa, ChevronUp as St, ChevronDown as Dt, VisibilityOn as Xa, VisibilityOff as ja, Check as Jt, Search as er, LockBlackFilled as tr, Refresh as ar, Error as rr } from "@livechat/design-system-icons/react/tabler";
+import Ia from "lodash.debounce";
 import { getContrast as Kt } from "polished";
-import rr from "react-day-picker";
-import { DoubleArrowLeft as _r, ChevronLeft as or, ChevronRight as lr, DoubleArrowRight as cr, Close as Ia } from "@livechat/design-system-icons/react/material";
-import { subMonths as Ue, differenceInCalendarMonths as ta, addMonths as aa, isSameMonth as Ht, isSameDay as Gt, isAfter as Ut, differenceInCalendarDays as Ba } from "date-fns";
-import * as nr from "react-dom";
-import { cx as sr, css as Ye } from "@emotion/css";
+import _r from "react-day-picker";
+import { DoubleArrowLeft as or, ChevronLeft as lr, ChevronRight as cr, DoubleArrowRight as nr, Close as Ba } from "@livechat/design-system-icons/react/material";
+import { subMonths as Ue, differenceInCalendarMonths as ta, addMonths as aa, isSameMonth as Ht, isSameDay as Gt, isAfter as Ut, differenceInCalendarDays as Aa } from "date-fns";
+import * as sr from "react-dom";
+import { cx as ir, css as Ye } from "@emotion/css";
 import ra from "lodash.escape";
-import { TransitionGroup as Aa, CSSTransition as Zt } from "react-transition-group";
-const Zo = {
+import { TransitionGroup as Pa, CSSTransition as Zt } from "react-transition-group";
+const Xo = {
   Background: "--background",
   // deprecated
   Background01: "--background-01",
@@ -302,7 +302,7 @@ const Zo = {
   IllustrationsStroke: "--illustrations-stroke",
   TagSurface01: "--tag-surface-01",
   TagContent01: "--tag-content-01"
-}, Qo = {
+}, jo = {
   Spacing0: "--spacing-0",
   Spacing05: "--spacing-05",
   Spacing1: "--spacing-1",
@@ -318,7 +318,7 @@ const Zo = {
   Spacing18: "--spacing-18",
   Spacing20: "--spacing-20",
   Spacing24: "--spacing-24"
-}, Xo = {
+}, el = {
   Float: "--shadow-float",
   PopOver: "--shadow-pop-over",
   Modal: "--shadow-modal",
@@ -334,13 +334,13 @@ const Zo = {
   comma: ",",
   arrowUp: "ArrowUp",
   arrowDown: "ArrowDown"
-}, ir = "lc-Typography-module__caps___c3eNJ", ot = {
+}, dr = "lc-Typography-module__caps___c3eNJ", ot = {
   "heading-xl": "lc-Typography-module__heading-xl___nhr-6",
   "heading-lg": "lc-Typography-module__heading-lg___XYF7l",
   "heading-md": "lc-Typography-module__heading-md___wHOIs",
   "heading-sm": "lc-Typography-module__heading-sm___nBmTV",
   "heading-xs": "lc-Typography-module__heading-xs___VcZBs",
-  caps: ir,
+  caps: dr,
   "caps--bold": "lc-Typography-module__caps--bold___OZovw",
   "paragraph-md": "lc-Typography-module__paragraph-md___UGoqq",
   "paragraph-md--bold": "lc-Typography-module__paragraph-md--bold___mWcMG",
@@ -350,7 +350,7 @@ const Zo = {
   "paragraph-sm--bold": "lc-Typography-module__paragraph-sm--bold___fAjI5",
   "paragraph-xs": "lc-Typography-module__paragraph-xs___OUooD",
   "paragraph-xs--bold": "lc-Typography-module__paragraph-xs--bold___z7om7"
-}, dr = {
+}, ur = {
   xl: "h1",
   lg: "h2",
   md: "h3",
@@ -369,12 +369,12 @@ const Zo = {
     "className"
   ]);
   return e.createElement(
-    t || dr[a],
-    w({ className: f(ot[`heading-${a}`], _) }, o),
+    t || ur[a],
+    $({ className: f(ot[`heading-${a}`], _) }, o),
     r
   );
-}, P = (i) => {
-  var u = i, {
+}, P = (d) => {
+  var m = d, {
     as: t = "p",
     size: a = "md",
     caps: r = !1,
@@ -382,8 +382,8 @@ const Zo = {
     underline: o = !1,
     strike: l = !1,
     children: c,
-    className: d
-  } = u, n = A(u, [
+    className: i
+  } = m, s = A(m, [
     "as",
     "size",
     "caps",
@@ -393,26 +393,26 @@ const Zo = {
     "children",
     "className"
   ]);
-  const s = r ? "caps" : `paragraph-${a}`;
+  const n = r ? "caps" : `paragraph-${a}`;
   return e.createElement(
     t,
-    w({
+    $({
       className: f(
         {
-          [ot[`${s}`]]: !0,
-          [ot[`${s}--bold`]]: _,
-          [ot[`${s}--strike`]]: l,
-          [ot[`${s}--underline`]]: o
+          [ot[`${n}`]]: !0,
+          [ot[`${n}--bold`]]: _,
+          [ot[`${n}--strike`]]: l,
+          [ot[`${n}--underline`]]: o
         },
-        d
+        i
       )
-    }, n),
+    }, s),
     c
   );
-}, ur = "lc-Popover-module__popover___8X1b2", _a = {
-  popover: ur,
+}, mr = "lc-Popover-module__popover___8X1b2", _a = {
+  popover: mr,
   "popover--visible": "lc-Popover-module__popover--visible___u5NXB"
-}, mr = ({
+}, pr = ({
   triggerRenderer: t,
   onClose: a,
   children: r,
@@ -420,57 +420,57 @@ const Zo = {
   placement: o,
   flipOptions: l,
   isVisible: c = !1,
-  closeOnEsc: d = !0
+  closeOnEsc: i = !0
 }) => {
-  const [n, i] = e.useState(!1), u = e.useRef(!1), {
-    x: s,
-    y: p,
-    reference: v,
-    floating: b,
-    strategy: g,
-    refs: m,
+  const [s, d] = e.useState(!1), m = e.useRef(!1), n = typeof r == "string", {
+    x: u,
+    y: b,
+    reference: h,
+    floating: g,
+    strategy: p,
+    refs: v,
     update: E,
-    placement: y
-  } = $a({
-    middleware: [wa(4), Ca(l)],
+    placement: N
+  } = wa({
+    middleware: [Ca(4), Na(l)],
     placement: o
   });
   e.useEffect(() => {
-    i(c);
+    d(c);
   }, [c]), e.useEffect(() => {
-    a && u.current !== n && !n && a(), u.current = n;
-  }, [n]), e.useEffect(() => {
-    const k = (h) => {
-      d && h.key === "Escape" && i(!1);
+    a && m.current !== s && !s && a(), m.current = s;
+  }, [s]), e.useEffect(() => {
+    const y = (C) => {
+      i && C.key === "Escape" && d(!1);
     };
-    return document.addEventListener("keydown", k), () => {
-      document.removeEventListener("keydown", k);
+    return document.addEventListener("keydown", y), () => {
+      document.removeEventListener("keydown", y);
     };
-  }, [d]), e.useEffect(() => {
-    if (!(!m.reference.current || !m.floating.current))
-      return Na(m.reference.current, m.floating.current, E);
-  }, [m.reference, m.floating, E, y, n]);
-  function C(k) {
-    m.floating.current && m.floating.current.contains(k.target) || (m.reference.current && m.reference.current.contains(k.target) ? i((h) => !h) : i(!1));
+  }, [i]), e.useEffect(() => {
+    if (!(!v.reference.current || !v.floating.current))
+      return xa(v.reference.current, v.floating.current, E);
+  }, [v.reference, v.floating, E, N, s]);
+  function S(y) {
+    v.floating.current && v.floating.current.contains(y.target) || (v.reference.current && v.reference.current.contains(y.target) ? d((C) => !C) : d(!1));
   }
-  e.useEffect(() => (document.addEventListener("mousedown", C), () => {
-    document.removeEventListener("mousedown", C);
+  e.useEffect(() => (document.addEventListener("mousedown", S), () => {
+    document.removeEventListener("mousedown", S);
   }), []);
-  const S = f(_a.popover, _, {
-    [_a["popover--visible"]]: n
+  const w = f(_a.popover, _, {
+    [_a["popover--visible"]]: s
   });
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { style: { width: "fit-content" }, ref: v }, t()), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { style: { width: "fit-content" }, ref: h }, t()), /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: b,
-      className: S,
+      ref: g,
+      className: w,
       style: {
-        position: g,
-        top: p != null ? p : "",
-        left: s != null ? s : ""
+        position: p,
+        top: b != null ? b : "",
+        left: u != null ? u : ""
       }
     },
-    /* @__PURE__ */ e.createElement(P, { as: "div" }, r)
+    n ? /* @__PURE__ */ e.createElement(P, { as: "div" }, r) : r
   ));
 }, qe = {
   "action-menu__trigger-button": "lc-ActionMenu-module__action-menu__trigger-button___tBrz5",
@@ -478,15 +478,15 @@ const Zo = {
   "action-menu__list__item": "lc-ActionMenu-module__action-menu__list__item___n-OgH",
   "action-menu__list__item--with-divider": "lc-ActionMenu-module__action-menu__list__item--with-divider___2H3Vm",
   "action-menu__list__item--disabled": "lc-ActionMenu-module__action-menu__list__item--disabled___MgaX8"
-}, Je = "action-menu", jo = (d) => {
-  var n = d, {
+}, Je = "action-menu", tl = (i) => {
+  var s = i, {
     className: t,
     options: a,
     triggerRenderer: r,
     placement: _ = "bottom-end",
     openedOnInit: o = !1,
     keepOpenOnClick: l
-  } = n, c = A(n, [
+  } = s, c = A(s, [
     "className",
     "options",
     "triggerRenderer",
@@ -494,63 +494,63 @@ const Zo = {
     "openedOnInit",
     "keepOpenOnClick"
   ]);
-  const [i, u] = e.useState(o), s = e.useRef(-1), p = (m) => {
-    for (s.current = s.current + m; a[s.current].disabled; )
-      s.current = s.current + m;
-    return s.current;
-  }, v = (m) => {
-    var E, y;
-    m.key === M.arrowUp && s.current > 0 && (m.preventDefault(), s.current = p(-1), (E = document.getElementById(`list-item-${s.current}`)) == null || E.focus()), m.key === M.arrowDown && s.current + 1 < a.length && (m.preventDefault(), s.current = p(1), (y = document.getElementById(`list-item-${s.current}`)) == null || y.focus());
+  const [d, m] = e.useState(o), n = e.useRef(-1), u = (p) => {
+    for (n.current = n.current + p; a[n.current].disabled; )
+      n.current = n.current + p;
+    return n.current;
+  }, b = (p) => {
+    var v, E;
+    p.key === M.arrowUp && n.current > 0 && (p.preventDefault(), n.current = u(-1), (v = document.getElementById(`list-item-${n.current}`)) == null || v.focus()), p.key === M.arrowDown && n.current + 1 < a.length && (p.preventDefault(), n.current = u(1), (E = document.getElementById(`list-item-${n.current}`)) == null || E.focus());
   };
   e.useEffect(() => {
-    if (i)
-      return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
-    s.current = -1;
-  }, [i, v]);
-  const b = () => {
-    u(!0);
-  }, g = (m) => {
-    m(), l || u(!1);
+    if (d)
+      return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
+    n.current = -1;
+  }, [d, b]);
+  const h = () => {
+    m(!0);
+  }, g = (p) => {
+    p(), l || m(!1);
   };
   return /* @__PURE__ */ e.createElement(
-    mr,
+    pr,
     {
-      isVisible: i,
+      isVisible: d,
       placement: _,
-      onClose: () => u(!1),
+      onClose: () => m(!1),
       triggerRenderer: () => /* @__PURE__ */ e.createElement(
         "button",
         {
           "data-testid": "action-menu-trigger-button",
           className: qe[`${Je}__trigger-button`],
-          onClick: b
+          onClick: h
         },
         r
       )
     },
     /* @__PURE__ */ e.createElement(
       "ul",
-      B(w({}, c), {
+      B($({}, c), {
         className: f(qe[`${Je}__list`], t),
         role: "menu",
-        "aria-hidden": !i
+        "aria-hidden": !d
       }),
-      a.map((m, E) => /* @__PURE__ */ e.createElement("li", { key: m.key, role: "none" }, /* @__PURE__ */ e.createElement(
+      a.map((p, v) => /* @__PURE__ */ e.createElement("li", { key: p.key, role: "none" }, /* @__PURE__ */ e.createElement(
         "button",
         {
-          id: `list-item-${E}`,
-          "data-testid": m.key,
+          id: `list-item-${v}`,
+          "data-testid": p.key,
           tabIndex: -1,
-          key: m.key,
-          disabled: m.disabled,
-          onClick: () => g(m.onClick),
+          key: p.key,
+          disabled: p.disabled,
+          onClick: () => g(p.onClick),
           role: "menuitem",
           className: f(qe[`${Je}__list__item`], {
-            [qe[`${Je}__list__item--disabled`]]: m.disabled,
-            [qe[`${Je}__list__item--with-divider`]]: m.withDivider
+            [qe[`${Je}__list__item--disabled`]]: p.disabled,
+            [qe[`${Je}__list__item--with-divider`]]: p.withDivider
           })
         },
-        m.element
+        p.element
       )))
     )
   );
@@ -560,7 +560,7 @@ const Zo = {
   "action-menu-item__right-node": "lc-ActionMenuItem-module__action-menu-item__right-node___uq0Ym",
   "action-menu-item__label": "lc-ActionMenuItem-module__action-menu-item__label___OgJ80",
   "action-menu-item--warning": "lc-ActionMenuItem-module__action-menu-item--warning___DgeYg"
-}, Ze = "action-menu-item", el = ({ leftNode: t, rightNode: a, children: r, kind: _ }) => /* @__PURE__ */ e.createElement(
+}, Ze = "action-menu-item", al = ({ leftNode: t, rightNode: a, children: r, kind: _ }) => /* @__PURE__ */ e.createElement(
   "div",
   {
     className: f(Ke[Ze], {
@@ -570,22 +570,22 @@ const Zo = {
   t && /* @__PURE__ */ e.createElement("div", { className: Ke[`${Ze}__left-node`] }, t),
   /* @__PURE__ */ e.createElement(P, { as: "div", className: Ke[`${Ze}__label`] }, r),
   a && /* @__PURE__ */ e.createElement("div", { className: Ke[`${Ze}__right-node`] }, a)
-), pr = "lc-Loader-module__loader___LRflD", gr = "lc-Loader-module__loader__spinner___l3C1g", fr = "lc-Loader-module__rotate___Tlni-", br = "lc-Loader-module__loader__label___R74f6", Qe = {
-  loader: pr,
-  loader__spinner: gr,
+), gr = "lc-Loader-module__loader___LRflD", fr = "lc-Loader-module__loader__spinner___l3C1g", br = "lc-Loader-module__rotate___Tlni-", vr = "lc-Loader-module__loader__label___R74f6", Qe = {
+  loader: gr,
+  loader__spinner: fr,
   "loader__spinner--small": "lc-Loader-module__loader__spinner--small___dGFFt",
   "loader__spinner--medium": "lc-Loader-module__loader__spinner--medium___J-ki0",
   "loader__spinner--large": "lc-Loader-module__loader__spinner--large___Poqq7",
   "loader__spinner-circle": "lc-Loader-module__loader__spinner-circle___ApBUO",
-  rotate: fr,
-  loader__label: br
-}, Pa = "loader", oa = `${Pa}__spinner`, Qt = ({
+  rotate: br,
+  loader__label: vr
+}, Fa = "loader", oa = `${Fa}__spinner`, Qt = ({
   primaryColor: t,
   secondaryColor: a,
   label: r,
   className: _,
   size: o = "medium"
-}) => /* @__PURE__ */ e.createElement("div", { className: f(Qe[Pa], _) }, /* @__PURE__ */ e.createElement(
+}) => /* @__PURE__ */ e.createElement("div", { className: f(Qe[Fa], _) }, /* @__PURE__ */ e.createElement(
   "div",
   {
     className: f(Qe[oa], Qe[`${oa}--${o}`])
@@ -601,8 +601,8 @@ const Zo = {
       }
     }
   )
-), r && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: Qe.loader__label }, r)), vr = "lc-Button-module__btn___aijZJ", hr = "lc-Button-module__btn__loader___c8zZz", yr = "lc-Button-module__btn__content___wefl2", Er = "lc-Button-module__btn__icon___GVExB", ae = {
-  btn: vr,
+), r && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: Qe.loader__label }, r)), hr = "lc-Button-module__btn___aijZJ", yr = "lc-Button-module__btn__loader___c8zZz", Er = "lc-Button-module__btn__content___wefl2", kr = "lc-Button-module__btn__icon___GVExB", ae = {
+  btn: hr,
   "btn--disabled": "lc-Button-module__btn--disabled___lXBav",
   "btn--full-width": "lc-Button-module__btn--full-width___kdbAr",
   "btn--basic": "lc-Button-module__btn--basic___Jc2gD",
@@ -619,15 +619,15 @@ const Zo = {
   "btn--float": "lc-Button-module__btn--float___J4lTs",
   "btn--dotted": "lc-Button-module__btn--dotted___y1EEP",
   "btn--loading": "lc-Button-module__btn--loading___ZAgjv",
-  btn__loader: hr,
-  btn__content: yr,
-  btn__icon: Er,
+  btn__loader: yr,
+  btn__content: Er,
+  btn__icon: kr,
   "btn__icon--left": "lc-Button-module__btn__icon--left___H68zu",
   "btn__icon--right": "lc-Button-module__btn__icon--right___fHr3D",
   "btn--icon-only--bg": "lc-Button-module__btn--icon-only--bg___X-4V2"
-}, re = "btn", ne = e.forwardRef(
-  (g, b) => {
-    var m = g, {
+}, re = "btn", ie = e.forwardRef(
+  (g, h) => {
+    var p = g, {
       loading: t = !1,
       disabled: a = !1,
       type: r = "button",
@@ -635,13 +635,13 @@ const Zo = {
       kind: o = "basic",
       size: l = "medium",
       icon: c = null,
-      iconPosition: d = "left",
-      loaderLabel: n,
-      className: i,
-      children: u,
-      href: s,
-      onClick: p
-    } = m, v = A(m, [
+      iconPosition: i = "left",
+      loaderLabel: s,
+      className: d,
+      children: m,
+      href: n,
+      onClick: u
+    } = p, b = A(p, [
       "loading",
       "disabled",
       "type",
@@ -656,56 +656,56 @@ const Zo = {
       "href",
       "onClick"
     ]);
-    const E = t || a, y = !u && c, C = ["text", "plain", "plain-light"].includes(o), S = s ? "a" : "button", k = () => {
+    const v = t || a, E = !m && c, N = ["text", "plain", "plain-light"].includes(o), S = n ? "a" : "button", w = () => {
       if (o === "primary" || o === "destructive")
         return {
           primaryColor: "var(--action-primary-default)",
           secondaryColor: "var(--border-invert-primary)"
         };
-    }, h = f(
-      i,
+    }, y = f(
+      d,
       ae[re],
       ae[`${re}--${o}`],
       ae[`${re}--${l}`],
       {
         [ae[`${re}--loading`]]: t,
         [ae[`${re}--full-width`]]: _,
-        [ae[`${re}--icon-only`]]: y,
-        [ae[`${re}--icon-only--bg`]]: y && C,
-        [ae[`${re}--disabled`]]: E
+        [ae[`${re}--icon-only`]]: E,
+        [ae[`${re}--icon-only--bg`]]: E && N,
+        [ae[`${re}--disabled`]]: v
       }
     );
     return /* @__PURE__ */ e.createElement(
       S,
-      w({
-        ref: b,
-        className: h,
-        "aria-disabled": E,
+      $({
+        ref: h,
+        className: y,
+        "aria-disabled": v,
         type: r,
-        href: E ? void 0 : s,
-        onClick: E ? void 0 : p,
-        disabled: E
-      }, v),
+        href: v ? void 0 : n,
+        onClick: v ? void 0 : u,
+        disabled: v
+      }, b),
       t && /* @__PURE__ */ e.createElement(
         Qt,
-        w({
+        $({
           size: "small",
-          label: n,
+          label: s,
           className: ae[`${re}__loader`]
-        }, k())
+        }, w())
       ),
       c && e.cloneElement(c, {
         className: f(
           ae[`${re}__icon`],
-          ae[`${re}__icon--${d}`]
+          ae[`${re}__icon--${i}`]
         ),
         disabled: a
       }),
-      /* @__PURE__ */ e.createElement("div", { className: ae[`${re}__content`] }, u)
+      /* @__PURE__ */ e.createElement("div", { className: ae[`${re}__content`] }, m)
     );
   }
-), kr = "lc-Icon-module__icon___tw31R", la = {
-  icon: kr,
+), $r = "lc-Icon-module__icon___tw31R", la = {
+  icon: $r,
   "icon--primary": "lc-Icon-module__icon--primary___JJnBV",
   "icon--subtle": "lc-Icon-module__icon--subtle___sZIzL",
   "icon--inverted": "lc-Icon-module__icon--inverted___zA9QC",
@@ -738,7 +738,7 @@ const Zo = {
   "icon--disabled--action-positive": "lc-Icon-module__icon--disabled--action-positive___zaLja",
   "icon--disabled--action-warning": "lc-Icon-module__icon--disabled--action-warning___5VvCf",
   "icon--disabled--action-neutral": "lc-Icon-module__icon--disabled--action-neutral___SxlyC"
-}, $r = {
+}, wr = {
   xsmall: {
     width: 12,
     height: 12
@@ -759,35 +759,35 @@ const Zo = {
     width: 32,
     height: 32
   }
-}, ca = "icon", I = (t) => {
-  const u = t, {
+}, ca = "icon", T = (t) => {
+  const m = t, {
     source: a,
     size: r = "medium",
     kind: _,
     disabled: o,
     className: l,
     customColor: c
-  } = u, d = A(u, [
+  } = m, i = A(m, [
     "source",
     "size",
     "kind",
     "disabled",
     "className",
     "customColor"
-  ]), n = e.createElement(a, B(w({}, $r[r]), {
+  ]), s = e.createElement(a, B($({}, wr[r]), {
     color: c
-  })), i = f(
+  })), d = f(
     l,
     la[ca],
     _ && la[`${ca}--${o ? "disabled--" : ""}${_}`]
   );
-  return /* @__PURE__ */ e.createElement("span", B(w({}, d), { className: i }), n);
-}, wr = "lc-Alert-module__alert___HBTns", Cr = "lc-Alert-module__alert__icon___8TaAH", Nr = "lc-Alert-module__alert__content___9nZdf", xr = "lc-Alert-module__alert__content__text___7nx1p", Sr = "lc-Alert-module__alert__content__cta___gTWPt", fe = {
-  alert: wr,
-  alert__icon: Cr,
-  alert__content: Nr,
-  alert__content__text: xr,
-  alert__content__cta: Sr,
+  return /* @__PURE__ */ e.createElement("span", B($({}, i), { className: d }), s);
+}, Cr = "lc-Alert-module__alert___HBTns", Nr = "lc-Alert-module__alert__icon___8TaAH", xr = "lc-Alert-module__alert__content___9nZdf", Sr = "lc-Alert-module__alert__content__text___7nx1p", Dr = "lc-Alert-module__alert__content__cta___gTWPt", fe = {
+  alert: Cr,
+  alert__icon: Nr,
+  alert__content: xr,
+  alert__content__text: Sr,
+  alert__content__cta: Dr,
   "alert__close-icon": "lc-Alert-module__alert__close-icon___rYxVy",
   "alert--small": "lc-Alert-module__alert--small___Fyk-v",
   "alert--medium": "lc-Alert-module__alert--medium___ItZWT",
@@ -795,32 +795,32 @@ const Zo = {
   "alert--warning": "lc-Alert-module__alert--warning___MubhD",
   "alert--success": "lc-Alert-module__alert--success___fPtlZ",
   "alert--error": "lc-Alert-module__alert--error___DKPo0"
-}, Dr = {
+}, Tr = {
   info: {
     source: qt,
     kind: "link"
   },
   warning: {
-    source: xa,
+    source: Sa,
     kind: "warning"
   },
   success: {
-    source: Sa,
+    source: Da,
     kind: "success"
   },
   error: {
-    source: Da,
+    source: Ta,
     kind: "error"
   }
-}, be = "alert", tl = (d) => {
-  var n = d, {
+}, be = "alert", rl = (i) => {
+  var s = i, {
     children: t,
     className: a,
     primaryButton: r,
     secondaryButton: _,
     kind: o = "info",
     onClose: l
-  } = n, c = A(n, [
+  } = s, c = A(s, [
     "children",
     "className",
     "primaryButton",
@@ -828,43 +828,65 @@ const Zo = {
     "kind",
     "onClose"
   ]);
-  const i = e.useRef(null), [u, s] = e.useState(null), p = f(
+  const d = e.useRef(null), [m, n] = e.useState(null), u = f(
     fe[be],
     fe[`${be}--${o}`],
-    u === "medium" && fe[`${be}--medium`],
-    u === "small" && fe[`${be}--small`],
+    m === "medium" && fe[`${be}--medium`],
+    m === "small" && fe[`${be}--small`],
     a
   );
   return e.useEffect(() => {
-    const v = () => i.current && i.current.offsetWidth <= 400 ? s("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? s("medium") : s(null), b = Ta(() => {
-      v();
+    const b = () => d.current && d.current.offsetWidth <= 400 ? n("small") : d.current && d.current.offsetWidth > 400 && d.current.offsetWidth <= 800 ? n("medium") : n(null), h = Ia(() => {
+      b();
     }, 500);
-    return window.addEventListener("resize", b), v(), () => window.removeEventListener("resize", b);
-  }), /* @__PURE__ */ e.createElement("div", w({ ref: i, className: p }, c), /* @__PURE__ */ e.createElement(
-    I,
-    B(w({}, Dr[o]), {
+    return window.addEventListener("resize", h), b(), () => window.removeEventListener("resize", h);
+  }), /* @__PURE__ */ e.createElement("div", $({ ref: d, className: u }, c), /* @__PURE__ */ e.createElement(
+    T,
+    B($({}, Tr[o]), {
       size: "large",
       className: fe[`${be}__icon`]
     })
-  ), /* @__PURE__ */ e.createElement("div", { className: fe[`${be}__content`] }, /* @__PURE__ */ e.createElement(P, { as: "div", className: fe[`${be}__content__text`] }, t), (r || _) && /* @__PURE__ */ e.createElement("div", { className: fe[`${be}__content__cta`] }, r && /* @__PURE__ */ e.createElement(ne, { kind: "primary", onClick: r.handleClick }, r.label), _ && /* @__PURE__ */ e.createElement(ne, { kind: "text", onClick: _.handleClick }, _.label))), l && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: fe[`${be}__content`] }, /* @__PURE__ */ e.createElement(P, { as: "div", className: fe[`${be}__content__text`] }, t), (r || _) && /* @__PURE__ */ e.createElement("div", { className: fe[`${be}__content__cta`] }, r && /* @__PURE__ */ e.createElement(ie, { kind: "primary", onClick: r.handleClick }, r.label), _ && /* @__PURE__ */ e.createElement(ie, { kind: "text", onClick: _.handleClick }, _.label))), l && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
       className: fe[`${be}__close-icon`],
       onClick: l
     },
-    /* @__PURE__ */ e.createElement(I, { source: xe, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(T, { source: xe, kind: "subtle" })
   ));
-};
-function Tr(t = "", a = 2) {
-  return t.split(" ").map((r) => r.charAt(0)).join("").substring(0, a).toUpperCase();
-}
+}, na = Array.from(
+  { length: 10 },
+  (t, a) => `--surface-avatar-${a + 1}`
+);
 function Ir(t) {
-  return Kt(t, "#FFFFFF") > 4.5 ? "var(--color-white)" : "var(--color-black)";
+  if (!t)
+    return;
+  const a = t.split("").reduce((r, _) => r + _.charCodeAt(0), 0);
+  return `var(${na[a % na.length]})`;
+}
+function Br(t = "", a = 2) {
+  const r = t.split(/\s+/);
+  if (a < 1)
+    return "";
+  if (r.length <= a)
+    return r.map((o) => o.charAt(0)).join("").toUpperCase();
+  const _ = [r[0].charAt(0)];
+  for (let o = r.length - a + 1; o < r.length; o++)
+    _.push(r[o].charAt(0));
+  return _.join("").toUpperCase();
+}
+function Ar(t) {
+  let a = t;
+  if (t.startsWith("var(--") && t.endsWith(")")) {
+    const r = t.slice(4, -1);
+    a = window.getComputedStyle(document.documentElement).getPropertyValue(r).trim();
+  }
+  return a && Kt(a, "#FFFFFF") > 3 ? "var(--color-white)" : "var(--color-black)";
 }
-const Br = "lc-Avatar-module__avatar___1zTCE", Ar = "lc-Avatar-module__avatar__status___nX2Ls", Pr = "lc-Avatar-module__avatar__rim___RCQ8Q", Fr = "lc-Avatar-module__avatar__image___YqfqE", ee = {
-  avatar: Br,
-  avatar__status: Ar,
+const Pr = "lc-Avatar-module__avatar___1zTCE", Fr = "lc-Avatar-module__avatar__status___nX2Ls", Rr = "lc-Avatar-module__avatar__rim___RCQ8Q", Mr = "lc-Avatar-module__avatar__image___YqfqE", ee = {
+  avatar: Pr,
+  avatar__status: Fr,
   "avatar__status--available": "lc-Avatar-module__avatar__status--available___tcpFg",
   "avatar__status--unavailable": "lc-Avatar-module__avatar__status--unavailable___ciauF",
   "avatar__status--unknown": "lc-Avatar-module__avatar__status--unknown___MBaGB",
@@ -879,7 +901,7 @@ const Br = "lc-Avatar-module__avatar___1zTCE", Ar = "lc-Avatar-module__avatar__s
   "avatar__status--xxlarge": "lc-Avatar-module__avatar__status--xxlarge___crG9D",
   "avatar__status--xxxlarge": "lc-Avatar-module__avatar__status--xxxlarge___Iv61X",
   "avatar__status--rounded-square": "lc-Avatar-module__avatar__status--rounded-square___-My1P",
-  avatar__rim: Pr,
+  avatar__rim: Rr,
   "avatar__rim--xxxsmall": "lc-Avatar-module__avatar__rim--xxxsmall___0CH9D",
   "avatar__rim--xxsmall": "lc-Avatar-module__avatar__rim--xxsmall___Mde0K",
   "avatar__rim--xsmall": "lc-Avatar-module__avatar__rim--xsmall___LAN-b",
@@ -889,7 +911,7 @@ const Br = "lc-Avatar-module__avatar___1zTCE", Ar = "lc-Avatar-module__avatar__s
   "avatar__rim--xlarge": "lc-Avatar-module__avatar__rim--xlarge___CY0kN",
   "avatar__rim--xxlarge": "lc-Avatar-module__avatar__rim--xxlarge___tE053",
   "avatar__rim--xxxlarge": "lc-Avatar-module__avatar__rim--xxxlarge___amlGP",
-  avatar__image: Fr,
+  avatar__image: Mr,
   "avatar__icon--xxxsmall": "lc-Avatar-module__avatar__icon--xxxsmall___KaoMa",
   "avatar__icon--xxsmall": "lc-Avatar-module__avatar__icon--xxsmall___NJJNV",
   "avatar__icon--xsmall": "lc-Avatar-module__avatar__icon--xsmall___yHEZK",
@@ -911,7 +933,7 @@ const Br = "lc-Avatar-module__avatar___1zTCE", Ar = "lc-Avatar-module__avatar__s
   "avatar--xlarge": "lc-Avatar-module__avatar--xlarge___zwgeW",
   "avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___Ur0ul",
   "avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___Z-54U"
-}, V = "avatar", al = ({
+}, V = "avatar", _l = ({
   alt: t,
   className: a,
   color: r,
@@ -919,79 +941,79 @@ const Br = "lc-Avatar-module__avatar___1zTCE", Ar = "lc-Avatar-module__avatar__s
   size: o = "medium",
   src: l,
   status: c,
-  text: d,
-  type: n,
-  withRim: i = !1
+  text: i,
+  type: s,
+  withRim: d = !1
 }) => {
-  const u = n === "image" && !l, [s, p] = e.useState(u), v = n === "image" && !!l && !s, b = n === "text", g = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, m = Tr(d, g), E = r && Ir(r), y = f(w({
+  const m = s === "image" && !l, [n, u] = e.useState(m), b = s === "image" && !!l && !n, h = s === "text", g = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, p = Br(i, g), v = r || Ir(p), E = v && Ar(v), N = f($({
     [ee[V]]: !0,
     [ee[`${V}--${_}`]]: !0,
     [ee[`${V}--${o}`]]: !0,
-    [ee[`${V}--with-rim`]]: i
-  }, a ? { [`${a}`]: a } : {})), C = f(
+    [ee[`${V}--with-rim`]]: d
+  }, a ? { [`${a}`]: a } : {})), S = f(
     ee[`${V}__status`],
     ee[`${V}__status--${_}`],
     ee[`${V}__status--${o}`],
     ...c ? [ee[`${V}__status--${c}`]] : []
-  ), S = f(
+  ), w = f(
     ee[`${V}__icon`],
     ee[`${V}__icon--${o}`]
-  ), k = f(
+  ), y = f(
     ee[`${V}__rim`],
     ee[`${V}__rim--${o}`]
-  ), h = e.useCallback(() => p(!0), []);
+  ), C = e.useCallback(() => u(!0), []);
   return e.useEffect(() => {
-    p(u);
-  }, [u]), /* @__PURE__ */ e.createElement("div", { className: y, style: { backgroundColor: r } }, i && /* @__PURE__ */ e.createElement(
+    u(m);
+  }, [m]), /* @__PURE__ */ e.createElement("div", { className: N, style: { backgroundColor: v } }, d && /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": `${V}__rim`,
-      className: k
+      className: y
     }
   ), c && /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": `${V}__status`,
-      className: C
+      className: S
     }
-  ), v && /* @__PURE__ */ e.createElement(
+  ), b && /* @__PURE__ */ e.createElement(
     "img",
     {
       className: ee[`${V}__image`],
       src: l,
       alt: t,
-      onError: h
+      onError: C
     }
-  ), b && /* @__PURE__ */ e.createElement("span", { style: { color: E } }, m), s && /* @__PURE__ */ e.createElement(
-    I,
+  ), h && /* @__PURE__ */ e.createElement("span", { style: { color: E } }, p), n && /* @__PURE__ */ e.createElement(
+    T,
     {
       "data-testid": `${V}__icon`,
-      className: S,
-      source: Za
+      className: w,
+      source: Qa
     }
   ));
 };
-function Rr(t, a) {
+function Lr(t, a) {
   return t > a ? `${a}+` : `${t}`;
 }
-const Mr = "lc-Badge-module__badge___GhLnu", Lr = "lc-Badge-module__badge__dot___z6RO6", gt = {
-  badge: Mr,
-  badge__dot: Lr,
+const Or = "lc-Badge-module__badge___GhLnu", zr = "lc-Badge-module__badge__dot___z6RO6", gt = {
+  badge: Or,
+  badge__dot: zr,
   "badge--large": "lc-Badge-module__badge--large___B131q",
   "badge--medium": "lc-Badge-module__badge--medium___TDU8a",
   "badge--compact": "lc-Badge-module__badge--compact___9xJ4y",
   "badge--primary": "lc-Badge-module__badge--primary___8LRpp",
   "badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
   "badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
-}, ft = "badge", Or = (d) => {
-  var n = d, {
+}, ft = "badge", Hr = (i) => {
+  var s = i, {
     className: t,
     count: a = 0,
     max: r = 99,
     kind: _ = "primary",
     size: o = "medium",
     type: l = "counter"
-  } = n, c = A(n, [
+  } = s, c = A(s, [
     "className",
     "count",
     "max",
@@ -999,28 +1021,28 @@ const Mr = "lc-Badge-module__badge___GhLnu", Lr = "lc-Badge-module__badge__dot__
     "size",
     "type"
   ]);
-  const i = f(
+  const d = f(
     t,
     gt[ft],
     gt[`${ft}--${_}`],
     gt[`${ft}--${o}`]
-  ), u = {
-    counter: Rr(a, r),
+  ), m = {
+    counter: Lr(a, r),
     alert: "!",
     dot: /* @__PURE__ */ e.createElement("span", { className: gt[`${ft}__dot`] })
   }[l];
-  return /* @__PURE__ */ e.createElement("span", w({ className: i }, c), u);
+  return /* @__PURE__ */ e.createElement("span", $({ className: d }, c), m);
 };
 function Wt() {
 }
-const zr = "lc-SegmentedControl-module__btn___tfsvL", bt = {
+const Gr = "lc-SegmentedControl-module__btn___tfsvL", bt = {
   "segmented-control": "lc-SegmentedControl-module__segmented-control___LHWSk",
-  btn: zr,
+  btn: Gr,
   "btn--active": "lc-SegmentedControl-module__btn--active___Za-th",
   "btn--compact": "lc-SegmentedControl-module__btn--compact___gcSwq",
   "btn--medium": "lc-SegmentedControl-module__btn--medium___w3UzC",
   "btn--large": "lc-SegmentedControl-module__btn--large___yHPw4"
-}, Hr = "segmented-control", rl = ({
+}, Ur = "segmented-control", ol = ({
   size: t = "medium",
   buttons: a,
   className: r,
@@ -1029,49 +1051,49 @@ const zr = "lc-SegmentedControl-module__btn___tfsvL", bt = {
   fullWidth: l = !1,
   onButtonClick: c = Wt
 }) => {
-  const d = f(bt[Hr], r), [n, i] = e.useState(() => _), u = typeof o == "string";
+  const i = f(bt[Ur], r), [s, d] = e.useState(() => _), m = typeof o == "string";
   e.useEffect(() => {
-    u && i(o);
+    m && d(o);
   }, [o]);
-  const s = (v, b) => {
-    u || i(v), c(v, b);
-  }, p = a.map(({ id: v, label: b, loading: g, disabled: m, icon: E }) => {
-    const y = v === n, C = y ? bt["btn--active"] : "", S = y ? !1 : g;
+  const n = (b, h) => {
+    m || d(b), c(b, h);
+  }, u = a.map(({ id: b, label: h, loading: g, disabled: p, icon: v }) => {
+    const E = b === s, N = E ? bt["btn--active"] : "", S = E ? !1 : g;
     return /* @__PURE__ */ e.createElement(
-      ne,
+      ie,
       {
-        key: v,
+        key: b,
         fullWidth: l,
         loading: S,
-        disabled: m,
-        "aria-pressed": y,
+        disabled: p,
+        "aria-pressed": E,
         kind: "secondary",
-        icon: E,
-        className: f(bt.btn, bt[`btn--${t}`], C),
-        onClick: (k) => {
-          s(v, k);
+        icon: v,
+        className: f(bt.btn, bt[`btn--${t}`], N),
+        onClick: (w) => {
+          n(b, w);
         }
       },
-      b
+      h
     );
   });
-  return /* @__PURE__ */ e.createElement("div", { role: "group", className: d }, p);
-}, Gr = "lc-Card-module__card___GqMm2", Ur = "lc-Card-module__card__header___0ptfD", Wr = "lc-Card-module__card__header__image___QMwSu", Vr = "lc-Card-module__card__header__heading___Wkikx", Yr = "lc-Card-module__card__header__heading__title___Uxi8s", qr = "lc-Card-module__card__header__heading__description___6LnOK", Jr = "lc-Card-module__card__content___KuDcc", Kr = "lc-Card-module__card__actions___q9sAo", Zr = "lc-Card-module__card__actions__line___TF1bt", Qr = "lc-Card-module__card__actions__buttons___PDMMR", te = {
-  card: Gr,
-  card__header: Ur,
-  card__header__image: Wr,
-  card__header__heading: Vr,
-  card__header__heading__title: Yr,
-  card__header__heading__description: qr,
+  return /* @__PURE__ */ e.createElement("div", { role: "group", className: i }, u);
+}, Wr = "lc-Card-module__card___GqMm2", Vr = "lc-Card-module__card__header___0ptfD", Yr = "lc-Card-module__card__header__image___QMwSu", qr = "lc-Card-module__card__header__heading___Wkikx", Jr = "lc-Card-module__card__header__heading__title___Uxi8s", Kr = "lc-Card-module__card__header__heading__description___6LnOK", Zr = "lc-Card-module__card__content___KuDcc", Qr = "lc-Card-module__card__actions___q9sAo", Xr = "lc-Card-module__card__actions__line___TF1bt", jr = "lc-Card-module__card__actions__buttons___PDMMR", te = {
+  card: Wr,
+  card__header: Vr,
+  card__header__image: Yr,
+  card__header__heading: qr,
+  card__header__heading__title: Jr,
+  card__header__heading__description: Kr,
   "card__header__no-image": "lc-Card-module__card__header__no-image___UcnNY",
-  card__content: Jr,
+  card__content: Zr,
   "card__expanded-content": "lc-Card-module__card__expanded-content___yB-QL",
-  card__actions: Kr,
-  card__actions__line: Zr,
-  card__actions__buttons: Qr,
+  card__actions: Qr,
+  card__actions__line: Xr,
+  card__actions__buttons: jr,
   "card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
-}, nt = "card", xt = `${nt}__header`, Pt = `${xt}__heading`, vt = `${nt}__actions`, Xr = `${xt}__no-image`, _l = (i) => {
-  var u = i, {
+}, nt = "card", xt = `${nt}__header`, Pt = `${xt}__heading`, vt = `${nt}__actions`, e_ = `${xt}__no-image`, ll = (d) => {
+  var m = d, {
     alt: t,
     buttonsOptions: a = [],
     children: r,
@@ -1079,8 +1101,8 @@ const zr = "lc-SegmentedControl-module__btn___tfsvL", bt = {
     description: o,
     expandableContent: l,
     src: c,
-    title: d
-  } = u, n = A(u, [
+    title: i
+  } = m, s = A(m, [
     "alt",
     "buttonsOptions",
     "children",
@@ -1090,15 +1112,15 @@ const zr = "lc-SegmentedControl-module__btn___tfsvL", bt = {
     "src",
     "title"
   ]);
-  const [s, p] = e.useState(!1), v = s ? St : Dt, b = s ? "Hide" : "Show more", g = (a == null ? void 0 : a.length) > 0, m = !!l, E = g || m, y = d, C = c, S = C ? "" : te[Xr];
-  return /* @__PURE__ */ e.createElement("div", w({ className: f(te[nt], _) }, n), y && /* @__PURE__ */ e.createElement("div", { className: f(te[xt], S) }, C && /* @__PURE__ */ e.createElement(
+  const [n, u] = e.useState(!1), b = n ? St : Dt, h = n ? "Hide" : "Show more", g = (a == null ? void 0 : a.length) > 0, p = !!l, v = g || p, E = i, N = c, S = N ? "" : te[e_];
+  return /* @__PURE__ */ e.createElement("div", $({ className: f(te[nt], _) }, s), E && /* @__PURE__ */ e.createElement("div", { className: f(te[xt], S) }, N && /* @__PURE__ */ e.createElement(
     "img",
     {
       alt: t,
       className: te[`${xt}__image`],
       src: c
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: te[Pt] }, /* @__PURE__ */ e.createElement(st, { size: "sm", className: te[`${Pt}__title`] }, d), /* @__PURE__ */ e.createElement(P, { size: "sm", className: te[`${Pt}__description`] }, o))), /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: te[`${nt}__content`] }, r), s && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: te[Pt] }, /* @__PURE__ */ e.createElement(st, { size: "sm", className: te[`${Pt}__title`] }, i), /* @__PURE__ */ e.createElement(P, { size: "sm", className: te[`${Pt}__description`] }, o))), /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: te[`${nt}__content`] }, r), n && /* @__PURE__ */ e.createElement(
     P,
     {
       as: "div",
@@ -1106,22 +1128,22 @@ const zr = "lc-SegmentedControl-module__btn___tfsvL", bt = {
       className: te[`${nt}__expanded-content`]
     },
     l
-  ), E && /* @__PURE__ */ e.createElement("div", { className: te[vt] }, /* @__PURE__ */ e.createElement("div", { className: te[`${vt}__line`] }), /* @__PURE__ */ e.createElement("div", { className: te[`${vt}__buttons`] }, g && a.map(
-    ({ kind: k, onClick: h, children: N }) => /* @__PURE__ */ e.createElement(ne, { size: "compact", kind: k, onClick: h }, N)
-  ), m && /* @__PURE__ */ e.createElement(
-    ne,
+  ), v && /* @__PURE__ */ e.createElement("div", { className: te[vt] }, /* @__PURE__ */ e.createElement("div", { className: te[`${vt}__line`] }), /* @__PURE__ */ e.createElement("div", { className: te[`${vt}__buttons`] }, g && a.map(
+    ({ kind: w, onClick: y, children: C }) => /* @__PURE__ */ e.createElement(ie, { size: "compact", kind: w, onClick: y }, C)
+  ), p && /* @__PURE__ */ e.createElement(
+    ie,
     {
       className: te[`${vt}__buttons-expander`],
       kind: "plain",
       iconPosition: "right",
-      icon: /* @__PURE__ */ e.createElement(I, { source: v }),
-      onClick: () => p(!s)
+      icon: /* @__PURE__ */ e.createElement(T, { source: b }),
+      onClick: () => u(!n)
     },
-    b
+    h
   ))));
-}, jr = {
+}, t_ = {
   "field-description": "lc-FieldDescription-module__field-description___IcRDH"
-}, e_ = "field-description", Tt = (_) => {
+}, a_ = "field-description", Tt = (_) => {
   var o = _, {
     children: t,
     className: a = ""
@@ -1129,21 +1151,21 @@ const zr = "lc-SegmentedControl-module__btn___tfsvL", bt = {
     "children",
     "className"
   ]);
-  const l = f(jr[e_], a);
-  return /* @__PURE__ */ e.createElement(P, B(w({ as: "span", size: "sm" }, r), { className: l }), t);
-}, t_ = "lc-Checkbox-module__checkbox___G7nTf", a_ = "lc-Checkbox-module__checkbox__label___-o01x", r_ = "lc-Checkbox-module__checkbox__text___P2SIq", __ = "lc-Checkbox-module__checkbox__input___YLbVF", o_ = "lc-Checkbox-module__checkbox__checkmark___16pfY", l_ = "lc-Checkbox-module__checkbox__square___MHUyd", c_ = "lc-Checkbox-module__checkbox__helper___YSJ-n", Ie = {
-  checkbox: t_,
-  checkbox__label: a_,
-  checkbox__text: r_,
-  checkbox__input: __,
-  checkbox__checkmark: o_,
+  const l = f(t_[a_], a);
+  return /* @__PURE__ */ e.createElement(P, B($({ as: "span", size: "sm" }, r), { className: l }), t);
+}, r_ = "lc-Checkbox-module__checkbox___G7nTf", __ = "lc-Checkbox-module__checkbox__label___-o01x", o_ = "lc-Checkbox-module__checkbox__text___P2SIq", l_ = "lc-Checkbox-module__checkbox__input___YLbVF", c_ = "lc-Checkbox-module__checkbox__checkmark___16pfY", n_ = "lc-Checkbox-module__checkbox__square___MHUyd", s_ = "lc-Checkbox-module__checkbox__helper___YSJ-n", Ie = {
+  checkbox: r_,
+  checkbox__label: __,
+  checkbox__text: o_,
+  checkbox__input: l_,
+  checkbox__checkmark: c_,
   "checkbox--selected": "lc-Checkbox-module__checkbox--selected___S2vqY",
-  checkbox__square: l_,
+  checkbox__square: n_,
   "checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
-  checkbox__helper: c_
-}, Be = "checkbox", ol = e.forwardRef(
-  (d, c) => {
-    var n = d, { checked: t, disabled: a, children: r, description: _, className: o } = n, l = A(n, ["checked", "disabled", "children", "description", "className"]);
+  checkbox__helper: s_
+}, Be = "checkbox", cl = e.forwardRef(
+  (i, c) => {
+    var s = i, { checked: t, disabled: a, children: r, description: _, className: o } = s, l = A(s, ["checked", "disabled", "children", "description", "className"]);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -1154,7 +1176,7 @@ const zr = "lc-SegmentedControl-module__btn___tfsvL", bt = {
       },
       /* @__PURE__ */ e.createElement("label", { className: Ie[`${Be}__label`] }, /* @__PURE__ */ e.createElement(
         "input",
-        B(w({}, l), {
+        B($({}, l), {
           ref: c,
           checked: t,
           disabled: a,
@@ -1200,7 +1222,7 @@ const zr = "lc-SegmentedControl-module__btn___tfsvL", bt = {
   "date-picker--range__select-input": "lc-DatePicker-module__date-picker--range__select-input___6pyj3",
   "date-picker--range__calendars-wrapper": "lc-DatePicker-module__date-picker--range__calendars-wrapper___8nWaW",
   "date-picker__navbar-buttons-wrapper": "lc-DatePicker-module__date-picker__navbar-buttons-wrapper___Hnksb"
-}, na = "date-picker", n_ = (t) => {
+}, sa = "date-picker", i_ = (t) => {
   const {
     onPreviousClick: a,
     onMonthChange: r,
@@ -1208,103 +1230,103 @@ const zr = "lc-SegmentedControl-module__btn___tfsvL", bt = {
     showNextButton: o,
     showPreviousButton: l,
     className: c,
-    classNames: d,
-    numberOfMonths: n,
-    month: i,
-    fromMonth: u,
-    toMonth: s
-  } = t, p = () => {
+    classNames: i,
+    numberOfMonths: s,
+    month: d,
+    fromMonth: m,
+    toMonth: n
+  } = t, u = () => {
     typeof a == "function" && a();
-  }, v = () => {
-    typeof _ == "function" && _();
   }, b = () => {
-    if (!u) {
-      const y = Ue(i, 12);
-      return r(y);
+    typeof _ == "function" && _();
+  }, h = () => {
+    if (!m) {
+      const E = Ue(d, 12);
+      return r(E);
     }
-    const m = Math.abs(ta(i, u)), E = Ue(
-      i,
-      !Number.isNaN(m) && m > 12 ? 12 : m
+    const p = Math.abs(ta(d, m)), v = Ue(
+      d,
+      !Number.isNaN(p) && p > 12 ? 12 : p
     );
-    return r(E);
+    return r(v);
   }, g = () => {
-    if (!s) {
-      const y = aa(i, 12);
-      return r(y);
+    if (!n) {
+      const E = aa(d, 12);
+      return r(E);
     }
-    const m = Math.abs(ta(s, i)), E = aa(
-      i,
-      !Number.isNaN(m) && m > 12 ? 12 : m
+    const p = Math.abs(ta(n, d)), v = aa(
+      d,
+      !Number.isNaN(p) && p > 12 ? 12 : p
     );
-    return n === 2 && Ht(E, s) ? r(Ue(E, 1)) : r(E);
+    return s === 2 && Ht(v, n) ? r(Ue(v, 1)) : r(v);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement("div", { className: D[`${na}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement("div", { className: D[`${sa}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-prev-year-button",
       className: Pe({
-        [d.navButtonPrev]: !0,
-        [d.navButtonInteractionDisabled]: !l
+        [i.navButtonPrev]: !0,
+        [i.navButtonInteractionDisabled]: !l
       }),
-      onClick: b
+      onClick: h
     },
-    /* @__PURE__ */ e.createElement(I, { source: _r, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(T, { source: or, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-prev-month-button",
       className: Pe({
-        [d.navButtonPrev]: !0,
-        [d.navButtonInteractionDisabled]: !l
+        [i.navButtonPrev]: !0,
+        [i.navButtonInteractionDisabled]: !l
       }),
-      onClick: p
+      onClick: u
     },
-    /* @__PURE__ */ e.createElement(I, { source: or, kind: "subtle" })
-  )), /* @__PURE__ */ e.createElement("div", { className: D[`${na}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(T, { source: lr, kind: "subtle" })
+  )), /* @__PURE__ */ e.createElement("div", { className: D[`${sa}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-next-month-button",
       className: Pe({
-        [d.navButtonNext]: !0,
-        [d.navButtonInteractionDisabled]: !o
+        [i.navButtonNext]: !0,
+        [i.navButtonInteractionDisabled]: !o
       }),
-      onClick: v
+      onClick: b
     },
-    /* @__PURE__ */ e.createElement(I, { source: lr, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(T, { source: cr, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-next-year-button",
       className: Pe({
-        [d.navButtonNext]: !0,
-        [d.navButtonInteractionDisabled]: !o
+        [i.navButtonNext]: !0,
+        [i.navButtonInteractionDisabled]: !o
       }),
       onClick: g
     },
-    /* @__PURE__ */ e.createElement(I, { source: cr, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(T, { source: nr, kind: "subtle" })
   )));
-}, T = "date-picker", Fa = (t, a) => {
+}, I = "date-picker", Ra = (t, a) => {
   const { from: r, to: _ } = a;
   return !(_ && !Gt(t, _) && Ut(t, _) || r && !Gt(t, r) && !Ut(t, r));
-}, Ra = (t, a, r) => a ? t && !Ht(t, a) || r && Ht(a, r) ? Ue(a, 1) : a : Ue(r || /* @__PURE__ */ new Date(), 1), s_ = (t, a) => {
+}, Ma = (t, a, r) => a ? t && !Ht(t, a) || r && Ht(a, r) ? Ue(a, 1) : a : Ue(r || /* @__PURE__ */ new Date(), 1), d_ = (t, a) => {
   const r = {
-    [D[`${T}__day--monday`]]: { daysOfWeek: [1] },
-    [D[`${T}__day--sunday`]]: { daysOfWeek: [0] },
-    [D[`${T}__day--start`]]: t,
-    [D[`${T}__day--end`]]: t
+    [D[`${I}__day--monday`]]: { daysOfWeek: [1] },
+    [D[`${I}__day--sunday`]]: { daysOfWeek: [0] },
+    [D[`${I}__day--start`]]: t,
+    [D[`${I}__day--end`]]: t
   };
   if (!a || !t)
     return r;
-  const _ = Ba(a, t);
-  return _ > 0 ? B(w({}, r), {
-    [D[`${T}__day--end`]]: a
-  }) : _ < 0 ? B(w({}, r), {
-    [D[`${T}__day--start`]]: a
+  const _ = Aa(a, t);
+  return _ > 0 ? B($({}, r), {
+    [D[`${I}__day--end`]]: a
+  }) : _ < 0 ? B($({}, r), {
+    [D[`${I}__day--start`]]: a
   }) : r;
 }, lt = (t, a) => {
   const r = a.find((_) => _.id === t);
   return r || void 0;
-}, sa = (t, a) => !!(!t || t && a), i_ = (t) => {
+}, ia = (t, a) => !!(!t || t && a), u_ = (t) => {
   const a = {};
   if (!t.initialSelectedItemKey)
     return a;
@@ -1313,57 +1335,57 @@ const zr = "lc-SegmentedControl-module__btn___tfsvL", bt = {
     t.options
   );
   return r ? (a.selectedItem = t.initialSelectedItemKey, r.isManual && (t.initialFromDate && (a.from = t.initialFromDate), t.initialToDate && (a.to = t.initialToDate, a.temporaryTo = t.initialToDate)), a) : {};
-}, d_ = (t, a) => w({
+}, m_ = (t, a) => $({
   container: Pe({
-    [D[`${T}`]]: !0,
-    [D[`${T}--range`]]: t
+    [D[`${I}`]]: !0,
+    [D[`${I}--range`]]: t
   }),
-  wrapper: D[`${T}__wrapper`],
-  interactionDisabled: D[`${T}--interaction-disabled`],
-  months: D[`${T}__months`],
-  month: D[`${T}__month`],
-  navBar: D[`${T}__nav-bar`],
+  wrapper: D[`${I}__wrapper`],
+  interactionDisabled: D[`${I}--interaction-disabled`],
+  months: D[`${I}__months`],
+  month: D[`${I}__month`],
+  navBar: D[`${I}__nav-bar`],
   navButtonPrev: Pe(
-    D[`${T}__nav-button`],
-    D[`${T}__nav-button--prev`]
+    D[`${I}__nav-button`],
+    D[`${I}__nav-button--prev`]
   ),
   navButtonNext: Pe(
-    D[`${T}__nav-button`],
-    D[`${T}__nav-button--next`]
+    D[`${I}__nav-button`],
+    D[`${I}__nav-button--next`]
   ),
-  navButtonInteractionDisabled: D[`${T}__nav-button--interaction-disabled`],
-  caption: D[`${T}__caption`],
-  weekdays: D[`${T}__weekdays`],
-  weekdaysRow: D[`${T}__weekdays-row`],
-  weekday: D[`${T}__weekday`],
-  body: D[`${T}__body`],
-  week: D[`${T}__week`],
-  weekNumber: D[`${T}__week-number`],
-  day: D[`${T}__day`],
-  footer: D[`${T}__footer`],
-  todayButton: D[`${T}__today-button`],
-  today: D[`${T}__day--today`],
-  selected: D[`${T}__day--selected`],
-  disabled: D[`${T}__day--disabled`],
-  outside: D[`${T}__day--outside`],
-  start: D[`${T}__day--start`],
-  end: D[`${T}__day--end`]
-}, a), ia = "date-picker", u_ = (t) => {
+  navButtonInteractionDisabled: D[`${I}__nav-button--interaction-disabled`],
+  caption: D[`${I}__caption`],
+  weekdays: D[`${I}__weekdays`],
+  weekdaysRow: D[`${I}__weekdays-row`],
+  weekday: D[`${I}__weekday`],
+  body: D[`${I}__body`],
+  week: D[`${I}__week`],
+  weekNumber: D[`${I}__week-number`],
+  day: D[`${I}__day`],
+  footer: D[`${I}__footer`],
+  todayButton: D[`${I}__today-button`],
+  today: D[`${I}__day--today`],
+  selected: D[`${I}__day--selected`],
+  disabled: D[`${I}__day--disabled`],
+  outside: D[`${I}__day--outside`],
+  start: D[`${I}__day--start`],
+  end: D[`${I}__day--end`]
+}, a), da = "date-picker", p_ = (t) => {
   const a = t.getDate();
-  return /* @__PURE__ */ e.createElement("div", { className: D[`${ia}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: D[`${ia}__day-content`] }, a));
-}, m_ = (t) => {
-  const E = t, {
+  return /* @__PURE__ */ e.createElement("div", { className: D[`${da}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: D[`${da}__day-content`] }, a));
+}, g_ = (t) => {
+  const v = t, {
     classNames: a,
     range: r,
     toMonth: _,
     month: o,
     fromMonth: l,
     firstDayOfWeek: c,
-    numberOfMonths: d,
-    navbarElement: n,
-    renderDay: i,
-    innerRef: u
-  } = E, s = A(E, [
+    numberOfMonths: i,
+    navbarElement: s,
+    renderDay: d,
+    innerRef: m
+  } = v, n = A(v, [
     "classNames",
     "range",
     "toMonth",
@@ -1374,69 +1396,69 @@ const zr = "lc-SegmentedControl-module__btn___tfsvL", bt = {
     "navbarElement",
     "renderDay",
     "innerRef"
-  ]), [p, v] = e.useState(o || /* @__PURE__ */ new Date());
+  ]), [u, b] = e.useState(o || /* @__PURE__ */ new Date());
   e.useEffect(() => {
-    o && o !== p && v(o);
-  }, [o, p]), e.useEffect(() => {
-    _ && (Fa(p, { from: l, to: _ }) || v(_));
-  }, [p, t.toMonth, t.fromMonth]);
-  const b = e.useCallback(
-    (y) => {
-      if (t.onMonthChange && y) {
-        t.onMonthChange(y);
+    o && o !== u && b(o);
+  }, [o, u]), e.useEffect(() => {
+    _ && (Ra(u, { from: l, to: _ }) || b(_));
+  }, [u, t.toMonth, t.fromMonth]);
+  const h = e.useCallback(
+    (E) => {
+      if (t.onMonthChange && E) {
+        t.onMonthChange(E);
         return;
       }
-      v(y);
+      b(E);
     },
     [o, t.onMonthChange]
   );
   let g = 1;
   (c === 0 || c && c < 7) && (g = c);
-  const m = e.useMemo(
-    () => d_(r, a),
+  const p = e.useMemo(
+    () => m_(r, a),
     [r, a]
   );
   return /* @__PURE__ */ e.createElement(
-    rr,
-    w({
-      navbarElement: n || /* @__PURE__ */ e.createElement(
-        n_,
+    _r,
+    $({
+      navbarElement: s || /* @__PURE__ */ e.createElement(
+        i_,
         {
-          month: p,
-          classNames: m,
-          numberOfMonths: d,
-          onMonthChange: b,
+          month: u,
+          classNames: p,
+          numberOfMonths: i,
+          onMonthChange: h,
           toMonth: _,
           fromMonth: l
         }
       ),
-      ref: u,
-      classNames: m,
-      numberOfMonths: d,
+      ref: m,
+      classNames: p,
+      numberOfMonths: i,
       toMonth: _,
       fromMonth: l,
       firstDayOfWeek: g,
-      month: p,
-      renderDay: i || u_
-    }, s)
+      month: u,
+      renderDay: d || p_
+    }, n)
   );
-}, p_ = e.forwardRef(
-  (t, a) => /* @__PURE__ */ e.createElement(m_, w({ innerRef: a }, t))
+}, f_ = e.forwardRef(
+  (t, a) => /* @__PURE__ */ e.createElement(g_, $({ innerRef: a }, t))
 );
-p_.displayName = "DatePicker";
+f_.displayName = "DatePicker";
 var L = /* @__PURE__ */ ((t) => (t.NEW_SELECTED_ITEM = "NEW_SELECTED_ITEM", t.NEW_TEMPORARY_TO_VALUE = "NEW_TEMPORARY_TO_VALUE", t.CLEAR = "CLEAR", t.SET_FROM = "SET_FROM", t.SET_TO = "SET_TO", t.SELECT_FIRST_DAY = "SELECT_FIRST_DAY", t.SELECT_SECOND_DAY_AS_FROM = "SELECT_SECOND_DAY_AS_FROM", t.SELECT_SECOND_DAY_AS_TO = "SELECT_SECOND_DAY_AS_TO", t.CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE", t))(L || {});
-const g_ = (t) => {
-  const a = Ra(
+const b_ = (t) => {
+  const a = Ma(
     t.initialFromDate,
     t.initialToDate,
     t.toMonth
-  ), _ = w(w({}, {
+  ), _ = $($({}, {
     selectedItem: null,
     from: void 0,
     to: void 0,
     temporaryTo: void 0,
     currentMonth: a
-  }), i_(t));
+  }), u_(t));
   function o(l, c) {
     switch (c.type) {
       case L.NEW_SELECTED_ITEM:
@@ -1448,44 +1470,44 @@ const g_ = (t) => {
           currentMonth: a
         };
       case L.NEW_TEMPORARY_TO_VALUE:
-        return B(w({}, l), {
+        return B($({}, l), {
           temporaryTo: c.payload.date
         });
       case L.SELECT_FIRST_DAY:
-        return B(w({}, l), {
+        return B($({}, l), {
           from: c.payload.date,
           to: void 0,
           temporaryTo: void 0
         });
       case L.SELECT_SECOND_DAY_AS_FROM:
-        return B(w({}, l), {
+        return B($({}, l), {
           from: c.payload.date,
           to: l.from,
           temporaryTo: l.from
         });
       case L.SELECT_SECOND_DAY_AS_TO:
-        return B(w({}, l), {
+        return B($({}, l), {
           to: c.payload.date,
           temporaryTo: c.payload.date
         });
       case L.CURRENT_MONTH_CHANGE:
-        return B(w({}, l), {
+        return B($({}, l), {
           currentMonth: c.payload.date
         });
       case L.SET_FROM:
-        return B(w({}, l), {
+        return B($({}, l), {
           from: c.payload.date
         });
       case L.SET_TO:
-        return B(w({}, l), {
+        return B($({}, l), {
           to: c.payload.date
         });
       default:
         return l;
     }
   }
-  return qa(o, _);
-}, f_ = ({
+  return Ja(o, _);
+}, v_ = ({
   options: t,
   initialSelectedItemKey: a,
   initialFromDate: r,
@@ -1494,9 +1516,9 @@ const g_ = (t) => {
   onChange: l,
   children: c
 }) => {
-  const d = Ja(
+  const i = Ka(
     a || null
-  ), [n, i] = g_({
+  ), [s, d] = b_({
     options: t,
     initialSelectedItemKey: a,
     initialFromDate: r,
@@ -1506,39 +1528,39 @@ const g_ = (t) => {
     children: c
   });
   Ve(() => {
-    i({
+    d({
       type: L.SET_FROM,
       payload: { date: r }
     });
   }, [r]), Ve(() => {
-    i({
+    d({
       type: L.SET_TO,
       payload: { date: _ }
     });
   }, [_]), Ve(() => {
-    const g = Ra(
+    const g = Ma(
       r,
       _,
       o
     );
-    i({
+    d({
       type: L.CURRENT_MONTH_CHANGE,
       payload: { date: g }
     });
   }, [o, r, _]), Ve(() => {
-    const { from: g, selectedItem: m, to: E } = n;
-    if (!(g && E))
+    const { from: g, selectedItem: p, to: v } = s;
+    if (!(g && v))
       return;
-    const y = lt(m, t);
-    y && (l == null || l(B(w({}, y), {
+    const E = lt(p, t);
+    E && (l == null || l(B($({}, E), {
       value: {
         from: g,
-        to: E
+        to: v
       }
     })));
-  }, [n.from, n.to, n.selectedItem, t, l]), Ve(() => {
-    const { selectedItem: g } = n;
-    if (g === d.current)
+  }, [s.from, s.to, s.selectedItem, t, l]), Ve(() => {
+    const { selectedItem: g } = s;
+    if (g === i.current)
       return;
     if (!g) {
       l(null);
@@ -1546,89 +1568,89 @@ const g_ = (t) => {
     }
     if (!lt(g, t))
       return;
-    const E = t.reduce(
-      (y, C) => B(w({}, y), { [C.id]: C }),
+    const v = t.reduce(
+      (E, N) => B($({}, E), { [N.id]: N }),
       {}
     );
-    l(E[g]);
-  }, [l, n.selectedItem, t]);
-  const u = mt(
+    l(v[g]);
+  }, [l, s.selectedItem, t]);
+  const m = mt(
     (g) => {
-      const m = o ? Ba(o, g) >= 0 : !0;
-      !sa(n.from, n.to) && m && i({
+      const p = o ? Aa(o, g) >= 0 : !0;
+      !ia(s.from, s.to) && p && d({
         type: L.NEW_TEMPORARY_TO_VALUE,
         payload: { date: g }
       });
     },
-    [o, n.from, n.to]
-  ), s = mt(
+    [o, s.from, s.to]
+  ), n = mt(
     (g) => {
-      const { from: m, to: E } = n;
-      Fa(g, { to: o }) && (sa(m, E) ? i({
+      const { from: p, to: v } = s;
+      Ra(g, { to: o }) && (ia(p, v) ? d({
         type: L.SELECT_FIRST_DAY,
         payload: { date: g }
-      }) : m && Gt(g, m) || m && Ut(g, m) ? i({
+      }) : p && Gt(g, p) || p && Ut(g, p) ? d({
         type: L.SELECT_SECOND_DAY_AS_TO,
         payload: { date: g }
-      }) : i({
+      }) : d({
         type: L.SELECT_SECOND_DAY_AS_FROM,
         payload: { date: g }
       }));
     },
-    [o, n.from, n.to]
-  ), p = mt(
+    [o, s.from, s.to]
+  ), u = mt(
     (g) => {
       if (g === null) {
-        i({
+        d({
           type: L.NEW_SELECTED_ITEM,
           payload: { selectedItem: null }
         });
         return;
       }
-      lt(g, t) && i({
+      lt(g, t) && d({
         type: L.NEW_SELECTED_ITEM,
         payload: { selectedItem: g }
       });
     },
     [t]
-  ), v = mt((g) => {
-    i({
+  ), b = mt((g) => {
+    d({
       type: L.CURRENT_MONTH_CHANGE,
       payload: { date: g }
     });
   }, []);
   return c((() => {
-    const { currentMonth: g, from: m, selectedItem: E, temporaryTo: y, to: C } = n, S = pt(
-      () => s_(m, y),
-      [m, y]
-    ), k = pt(() => lt(E, t), [t, E]), h = pt(() => [m, { from: m, to: y }], [m, y]), N = pt(() => o ? { after: o } : void 0, [o]);
+    const { currentMonth: g, from: p, selectedItem: v, temporaryTo: E, to: N } = s, S = pt(
+      () => d_(p, E),
+      [p, E]
+    ), w = pt(() => lt(v, t), [t, v]), y = pt(() => [p, { from: p, to: E }], [p, E]), C = pt(() => o ? { after: o } : void 0, [o]);
     return {
       select: {
-        onItemSelect: p,
-        selected: E || ""
+        onItemSelect: u,
+        selected: v || ""
       },
       inputs: {
-        fromDate: m,
-        toDate: C
+        fromDate: p,
+        toDate: N
       },
       datepicker: {
         range: !0,
         month: g,
         numberOfMonths: 2,
-        onDayClick: s,
-        selectedDays: h,
+        onDayClick: n,
+        selectedDays: y,
         modifiers: S,
         initialMonth: o && Ue(o, 1),
         toMonth: o,
-        disabledDays: N,
-        onDayMouseEnter: u,
-        onMonthChange: v
+        disabledDays: C,
+        onDayMouseEnter: m,
+        onMonthChange: b
       },
-      selectedOption: k
+      selectedOption: w
     };
   })());
 };
-f_.defaultProps = {
+v_.defaultProps = {
   options: [
     {
       id: "default",
@@ -1641,10 +1663,10 @@ f_.defaultProps = {
     }
   ]
 };
-const da = {
+const ua = {
   "field-error": "lc-FieldError-module__field-error___IDkPT",
   "field-error__icon": "lc-FieldError-module__field-error__icon___D4UNC"
-}, ua = "field-error", Xt = (_) => {
+}, ma = "field-error", Xt = (_) => {
   var o = _, {
     children: t,
     className: a = ""
@@ -1652,12 +1674,12 @@ const da = {
     "children",
     "className"
   ]);
-  const l = f(da[ua], a);
-  return /* @__PURE__ */ e.createElement(P, B(w({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
-    I,
+  const l = f(ua[ma], a);
+  return /* @__PURE__ */ e.createElement(P, B($({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
+    T,
     {
       source: qt,
-      className: da[`${ua}__icon`],
+      className: ua[`${ma}__icon`],
       size: "small"
     }
   ), t);
@@ -1665,15 +1687,15 @@ const da = {
   "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"
-}, Rt = "field-group", ll = (d) => {
-  var n = d, {
+}, Rt = "field-group", nl = (i) => {
+  var s = i, {
     className: t = "",
     children: a,
     description: r,
     error: _,
     inline: o,
     stretch: l
-  } = n, c = A(n, [
+  } = s, c = A(s, [
     "className",
     "children",
     "description",
@@ -1681,32 +1703,32 @@ const da = {
     "inline",
     "stretch"
   ]);
-  const i = f(Ft[Rt], t, {
+  const d = f(Ft[Rt], t, {
     [Ft[`${Rt}--inline`]]: o,
     [Ft[`${Rt}--stretched`]]: l
   });
-  return /* @__PURE__ */ e.createElement("div", B(w({}, c), { className: i }), a, _ && /* @__PURE__ */ e.createElement(Xt, null, _), r && /* @__PURE__ */ e.createElement(Tt, null, r));
-}, b_ = "lc-Form-module__form___1nOYF", v_ = "lc-Form-module__form__header___U4B7t", h_ = "lc-Form-module__form__footer___1-sUX", y_ = "lc-Form-module__form__label___spg-J", E_ = "lc-Form-module__form__helper___bhfwS", Xe = {
-  form: b_,
-  form__header: v_,
-  form__footer: h_,
-  form__label: y_,
-  form__helper: E_
-}, je = "form", cl = (c) => {
-  var d = c, {
+  return /* @__PURE__ */ e.createElement("div", B($({}, c), { className: d }), a, _ && /* @__PURE__ */ e.createElement(Xt, null, _), r && /* @__PURE__ */ e.createElement(Tt, null, r));
+}, h_ = "lc-Form-module__form___1nOYF", y_ = "lc-Form-module__form__header___U4B7t", E_ = "lc-Form-module__form__footer___1-sUX", k_ = "lc-Form-module__form__label___spg-J", $_ = "lc-Form-module__form__helper___bhfwS", Xe = {
+  form: h_,
+  form__header: y_,
+  form__footer: E_,
+  form__label: k_,
+  form__helper: $_
+}, je = "form", sl = (c) => {
+  var i = c, {
     className: t,
     children: a,
     labelText: r,
     helperText: _,
     formFooter: o
-  } = d, l = A(d, [
+  } = i, l = A(i, [
     "className",
     "children",
     "labelText",
     "helperText",
     "formFooter"
   ]);
-  return /* @__PURE__ */ e.createElement("form", w({ className: f(Xe[je], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: Xe[`${je}__header`] }, r && /* @__PURE__ */ e.createElement(st, { size: "sm", className: Xe[`${je}__label`] }, r), _ && /* @__PURE__ */ e.createElement(P, { as: "p", size: "sm", className: Xe[`${je}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: Xe[`${je}__footer`] }, o));
+  return /* @__PURE__ */ e.createElement("form", $({ className: f(Xe[je], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: Xe[`${je}__header`] }, r && /* @__PURE__ */ e.createElement(st, { size: "sm", className: Xe[`${je}__label`] }, r), _ && /* @__PURE__ */ e.createElement(P, { as: "p", size: "sm", className: Xe[`${je}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: Xe[`${je}__footer`] }, o));
 }, O = {
   "form-field": "lc-FormField-module__form-field___JqnX6",
   "form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
@@ -1724,7 +1746,7 @@ const da = {
   "form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
   "form-field__content": "lc-FormField-module__form-field__content___XaOx3",
   "form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
-}, z = "form-field", nl = ({
+}, z = "form-field", il = ({
   inline: t,
   error: a,
   description: r,
@@ -1732,10 +1754,10 @@ const da = {
   labelAdornment: o,
   className: l,
   labelFor: c,
-  children: d,
-  labelRightNode: n
+  children: i,
+  labelRightNode: s
 }) => {
-  const i = e.useRef(null), [u, s] = e.useState("auto"), p = f(
+  const d = e.useRef(null), [m, n] = e.useState("auto"), u = f(
     O[z],
     {
       [O[`${z}--inline`]]: t
@@ -1743,9 +1765,9 @@ const da = {
     l
   );
   return e.useEffect(() => {
-    const v = i;
-    return t && v.current ? s(`${v.current.clientHeight}px`) : s("auto");
-  }), /* @__PURE__ */ e.createElement("div", { className: p }, n && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    const b = d;
+    return t && b.current ? n(`${b.current.clientHeight}px`) : n("auto");
+  }), /* @__PURE__ */ e.createElement("div", { className: u }, s && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: f(
@@ -1753,7 +1775,7 @@ const da = {
         O[`${z}__label-right-node--inline`]
       )
     },
-    n
+    s
   ), /* @__PURE__ */ e.createElement("div", { className: O[`${z}__row-break`] })), /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -1762,7 +1784,7 @@ const da = {
         t && O[`${z}__wrapper--inline`]
       )
     },
-    (_ || n) && /* @__PURE__ */ e.createElement(
+    (_ || s) && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: f(
@@ -1779,7 +1801,7 @@ const da = {
             t && O[`${z}__label-wrapper--inline`]
           ),
           style: {
-            height: u
+            height: m
           }
         },
         /* @__PURE__ */ e.createElement(
@@ -1801,9 +1823,9 @@ const da = {
           o
         )
       ),
-      n && !t && /* @__PURE__ */ e.createElement("div", { className: f(O[`${z}__label-right-node`]) }, n)
+      s && !t && /* @__PURE__ */ e.createElement("div", { className: f(O[`${z}__label-right-node`]) }, s)
     ),
-    /* @__PURE__ */ e.createElement("div", { className: f(O[`${z}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, d), a && /* @__PURE__ */ e.createElement(Xt, null, a), !a && r && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: f(O[`${z}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: d }, i), a && /* @__PURE__ */ e.createElement(Xt, null, a), !a && r && /* @__PURE__ */ e.createElement(
       Tt,
       {
         className: f(O[`${z}__content__description`])
@@ -1816,7 +1838,7 @@ const da = {
   "form-group__header": "lc-FormGroup-module__form-group__header___DgGmR",
   "form-group__label": "lc-FormGroup-module__form-group__label___NC-JW",
   "form-group__helper": "lc-FormGroup-module__form-group__helper___SRuxe"
-}, yt = "form-group", sl = (l) => {
+}, yt = "form-group", dl = (l) => {
   var c = l, {
     className: t = "",
     children: a,
@@ -1828,19 +1850,19 @@ const da = {
     "labelText",
     "helperText"
   ]);
-  const d = f(ht[yt], t);
+  const i = f(ht[yt], t);
   return /* @__PURE__ */ e.createElement(
     "div",
-    B(w(B(w({}, o), {
+    B($(B($({}, o), {
       role: "group"
     }), r && { "aria-label": r }), {
-      className: d
+      className: i
     }),
     /* @__PURE__ */ e.createElement("div", { className: ht[`${yt}__header`] }, /* @__PURE__ */ e.createElement(st, { as: "div", size: "sm", className: ht[`${yt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(P, { as: "div", size: "sm", className: ht[`${yt}__helper`] }, _)),
     a
   );
-}, k_ = "lc-Input-module__input___qeMAQ", me = {
-  input: k_,
+}, w_ = "lc-Input-module__input___qeMAQ", me = {
+  input: w_,
   "input--focused": "lc-Input-module__input--focused___wQH5-",
   "input--disabled": "lc-Input-module__input--disabled___HidXX",
   "input--crop": "lc-Input-module__input--crop___uzJS8",
@@ -1853,7 +1875,7 @@ const da = {
   "input__icon--left": "lc-Input-module__input__icon--left___BcySs",
   "input__icon--right": "lc-Input-module__input__icon--right___VefSK",
   "input__visibility-button": "lc-Input-module__input__visibility-button___eWrVe"
-}, pe = "input", ma = (t, a) => e.cloneElement(t.source, {
+}, pe = "input", pa = (t, a) => e.cloneElement(t.source, {
   "data-testid": `input-icon-${t.place}`,
   className: f(
     me[`${pe}__icon`],
@@ -1862,16 +1884,16 @@ const da = {
       [me[`${pe}__icon--disabled`]]: a
     }
   )
-}), il = e.forwardRef(
-  (n, d) => {
-    var i = n, {
+}), ul = e.forwardRef(
+  (s, i) => {
+    var d = s, {
       inputSize: t = "medium",
       error: a = !1,
       disabled: r,
       icon: _ = null,
       className: o,
       cropOnBlur: l = !0
-    } = i, c = A(i, [
+    } = d, c = A(d, [
       "inputSize",
       "error",
       "disabled",
@@ -1879,45 +1901,45 @@ const da = {
       "className",
       "cropOnBlur"
     ]);
-    const [u, s] = e.useState(!1), [p, v] = e.useState(!1), { type: b, onFocus: g, onBlur: m } = c, E = f(
+    const [m, n] = e.useState(!1), [u, b] = e.useState(!1), { type: h, onFocus: g, onBlur: p } = c, v = f(
       o,
       me[pe],
       me[`${pe}--${t}`],
       {
         [me[`${pe}--disabled`]]: r,
-        [me[`${pe}--focused`]]: u,
+        [me[`${pe}--focused`]]: m,
         [me[`${pe}--error`]]: a,
         [me[`${pe}--crop`]]: l
       }
-    ), y = r ? "var(--content-disabled)" : "var(--content-default)", C = p ? Qa : Xa, S = _ && _.place === "left", k = _ && b !== "password" && _.place === "right";
-    return /* @__PURE__ */ e.createElement("div", { className: E, "aria-disabled": r, "tab-index": "0" }, S && ma(_, r), /* @__PURE__ */ e.createElement(
+    ), E = r ? "var(--content-disabled)" : "var(--content-default)", N = u ? Xa : ja, S = _ && _.place === "left", w = _ && h !== "password" && _.place === "right";
+    return /* @__PURE__ */ e.createElement("div", { className: v, "aria-disabled": r, "tab-index": "0" }, S && pa(_, r), /* @__PURE__ */ e.createElement(
       "input",
-      B(w({}, c), {
-        ref: d,
-        onFocus: (h) => {
-          s(!0), g == null || g(h);
+      B($({}, c), {
+        ref: i,
+        onFocus: (y) => {
+          n(!0), g == null || g(y);
         },
-        onBlur: (h) => {
-          s(!1), m == null || m(h);
+        onBlur: (y) => {
+          n(!1), p == null || p(y);
         },
         disabled: r,
-        type: b && !p ? b : "text"
+        type: h && !u ? h : "text"
       })
-    ), k && ma(_, r), b === "password" && /* @__PURE__ */ e.createElement(
-      ne,
+    ), w && pa(_, r), h === "password" && /* @__PURE__ */ e.createElement(
+      ie,
       {
         disabled: r,
         kind: "subtle",
-        icon: /* @__PURE__ */ e.createElement(I, { customColor: y, source: C }),
-        onClick: () => v((h) => !h),
+        icon: /* @__PURE__ */ e.createElement(T, { customColor: E, source: N }),
+        onClick: () => b((y) => !y),
         className: me[`${pe}__visibility-button`]
       }
     ));
   }
-), $_ = "lc-Link-module__link___kqx52", pa = {
-  link: $_,
+), C_ = "lc-Link-module__link___kqx52", ga = {
+  link: C_,
   "link--bold": "lc-Link-module__link--bold___1rGdO"
-}, ga = "link", dl = (_) => {
+}, fa = "link", ml = (_) => {
   var o = _, {
     bold: t = !1,
     className: a = ""
@@ -1927,63 +1949,63 @@ const da = {
   ]);
   return /* @__PURE__ */ e.createElement(
     "a",
-    w({
+    $({
       className: f(
-        pa[ga],
-        t && pa[`${ga}--bold`],
+        ga[fa],
+        t && ga[`${fa}--bold`],
         a
       )
     }, r)
   );
-}, w_ = "lc-Modal-module__modal__body___M-jmN", C_ = "lc-Modal-module__modal__header___Fp5VE", N_ = "lc-Modal-module__modal__heading___G9KVK", x_ = "lc-Modal-module__modal__footer___2LYdc", H = {
+}, N_ = "lc-Modal-module__modal__body___M-jmN", x_ = "lc-Modal-module__modal__header___Fp5VE", S_ = "lc-Modal-module__modal__heading___G9KVK", D_ = "lc-Modal-module__modal__footer___2LYdc", H = {
   "modal-base": "lc-Modal-module__modal-base___hbL1U",
   "modal-base__overlay": "lc-Modal-module__modal-base__overlay___kCQ8t",
   "modal-base__overlay--visible": "lc-Modal-module__modal-base__overlay--visible___zUNJL",
   "modal-base__close": "lc-Modal-module__modal-base__close___gJlgr",
   "modal-base__close--label-type": "lc-Modal-module__modal-base__close--label-type___Om0Vb",
-  modal__body: w_,
+  modal__body: N_,
   "modal__body--full-space": "lc-Modal-module__modal__body--full-space___LsSNE",
-  modal__header: C_,
+  modal__header: x_,
   "modal__label-header": "lc-Modal-module__modal__label-header___ZPtEy",
-  modal__heading: N_,
+  modal__heading: S_,
   "modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
-  modal__footer: x_,
+  modal__footer: D_,
   "modal-header": "lc-Modal-module__modal-header___rdz7I",
   "modal-header__heading-icon": "lc-Modal-module__modal-header__heading-icon___E4PN1",
   "modal-header__heading-body": "lc-Modal-module__modal-header__heading-body___9GxUa",
   "modal-header__heading-title": "lc-Modal-module__modal-header__heading-title___dnGnU",
   "modal-header__heading-description": "lc-Modal-module__modal-header__heading-description___g5XGt"
-}, Mt = "modal-base", S_ = (c) => {
-  var d = c, {
+}, Mt = "modal-base", T_ = (c) => {
+  var i = c, {
     children: t,
     className: a = "",
     onClose: r,
     closeOnEscPress: _ = !0,
     closeOnOverlayPress: o = !0
-  } = d, l = A(d, [
+  } = i, l = A(i, [
     "children",
     "className",
     "onClose",
     "closeOnEscPress",
     "closeOnOverlayPress"
   ]);
-  const n = f(H[Mt], a);
+  const s = f(H[Mt], a);
   e.useEffect(() => {
     if (!_)
       return;
-    const u = (s) => {
-      s.key === M.esc && r();
+    const m = (n) => {
+      n.key === M.esc && r();
     };
-    return document.addEventListener("keyup", u, !0), () => document.removeEventListener("keyup", u, !0);
+    return document.addEventListener("keyup", m, !0), () => document.removeEventListener("keyup", m, !0);
   }, [_]);
-  const i = (u) => {
-    o && u.target === u.currentTarget && r();
+  const d = (m) => {
+    o && m.target === m.currentTarget && r();
   };
   return /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": "lc-modal-overlay",
-      onMouseDown: i,
+      onMouseDown: d,
       className: f(
         H[`${Mt}__overlay`],
         H[`${Mt}__overlay--visible`]
@@ -1991,15 +2013,15 @@ const da = {
     },
     /* @__PURE__ */ e.createElement(
       "div",
-      w({
+      $({
         role: "dialog",
         "aria-modal": !0,
-        className: n
+        className: s
       }, l),
       t
     )
   );
-}, fa = ({
+}, ba = ({
   labelType: t,
   customColor: a,
   onClick: r
@@ -2014,9 +2036,9 @@ const da = {
     onClick: r,
     type: "button"
   },
-  /* @__PURE__ */ e.createElement(I, { source: xe, size: "large", customColor: a })
-), we = "modal", ul = (n) => {
-  var i = n, {
+  /* @__PURE__ */ e.createElement(T, { source: xe, size: "large", customColor: a })
+), we = "modal", pl = (s) => {
+  var d = s, {
     children: t,
     className: a = "",
     heading: r,
@@ -2024,7 +2046,7 @@ const da = {
     fullSpaceContent: o,
     footer: l,
     onClose: c
-  } = i, d = A(i, [
+  } = d, i = A(d, [
     "children",
     "className",
     "heading",
@@ -2033,10 +2055,10 @@ const da = {
     "footer",
     "onClose"
   ]);
-  const u = f(H[we], a), s = (p) => {
-    p.preventDefault(), p.stopPropagation(), c();
+  const m = f(H[we], a), n = typeof t == "string", u = (b) => {
+    b.preventDefault(), b.stopPropagation(), c();
   };
-  return /* @__PURE__ */ e.createElement(S_, w({ className: u, onClose: c }, d), _ && /* @__PURE__ */ e.createElement("div", { className: H[`${we}__label-header`] }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(T_, $({ className: m, onClose: c }, i), _ && /* @__PURE__ */ e.createElement("div", { className: H[`${we}__label-header`] }, /* @__PURE__ */ e.createElement(
     st,
     {
       size: "xs",
@@ -2045,11 +2067,11 @@ const da = {
     },
     _
   ), /* @__PURE__ */ e.createElement(
-    fa,
+    ba,
     {
       labelType: !!_,
       customColor: "var(--color-white)",
-      onClick: s
+      onClick: u
     }
   )), !_ && r && /* @__PURE__ */ e.createElement("div", { className: H[`${we}__header`] }, /* @__PURE__ */ e.createElement(
     st,
@@ -2059,7 +2081,7 @@ const da = {
       className: H[`${we}__heading`]
     },
     r
-  )), !_ && /* @__PURE__ */ e.createElement(fa, { onClick: s }), /* @__PURE__ */ e.createElement(
+  )), !_ && /* @__PURE__ */ e.createElement(ba, { onClick: u }), /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": "modal-body",
@@ -2068,9 +2090,9 @@ const da = {
         o && H[`${we}__body--full-space`]
       )
     },
-    /* @__PURE__ */ e.createElement(P, { as: "div" }, t)
+    n ? /* @__PURE__ */ e.createElement(P, { as: "div" }, t) : t
   ), l && /* @__PURE__ */ e.createElement("div", { className: H[`${we}__footer`] }, l));
-}, ml = ({
+}, gl = ({
   children: t,
   className: a = "",
   parentElementName: r = "body",
@@ -2083,15 +2105,15 @@ const da = {
       var c;
       (c = document.querySelector(r)) == null || c.removeChild(o);
     };
-  }, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, nr.createPortal(t, o));
-}, et = "modal-header", pl = ({
+  }, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, sr.createPortal(t, o));
+}, et = "modal-header", fl = ({
   title: t,
   iconProps: a,
   children: r,
   className: _ = ""
 }) => {
-  const o = sr(H[et], _);
-  return /* @__PURE__ */ e.createElement("div", { className: o }, a && /* @__PURE__ */ e.createElement(I, w({ className: H[`${et}__heading-icon`] }, a)), /* @__PURE__ */ e.createElement("div", { className: H[`${et}__heading-body`] }, /* @__PURE__ */ e.createElement(P, { as: "div", className: H[`${et}__heading-title`] }, t), r && /* @__PURE__ */ e.createElement(
+  const o = ir(H[et], _);
+  return /* @__PURE__ */ e.createElement("div", { className: o }, a && /* @__PURE__ */ e.createElement(T, $({ className: H[`${et}__heading-icon`] }, a)), /* @__PURE__ */ e.createElement("div", { className: H[`${et}__heading-body`] }, /* @__PURE__ */ e.createElement(P, { as: "div", className: H[`${et}__heading-title`] }, t), r && /* @__PURE__ */ e.createElement(
     P,
     {
       as: "div",
@@ -2106,8 +2128,8 @@ const da = {
   "numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
   "numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
   "numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
-}, Me = "numeric-input", gl = (u) => {
-  var s = u, {
+}, Me = "numeric-input", bl = (m) => {
+  var n = m, {
     className: t,
     error: a,
     value: r,
@@ -2115,9 +2137,9 @@ const da = {
     min: o,
     disabled: l,
     noControls: c,
-    style: d,
-    onChange: n
-  } = s, i = A(s, [
+    style: i,
+    onChange: s
+  } = n, d = A(n, [
     "className",
     "error",
     "value",
@@ -2128,7 +2150,7 @@ const da = {
     "style",
     "onChange"
   ]);
-  const p = e.useRef(null), v = f(
+  const u = e.useRef(null), b = f(
     Re[Me],
     {
       [Re[`${Me}--error`]]: a,
@@ -2136,38 +2158,38 @@ const da = {
       [Re[`${Me}--disabled`]]: l
     },
     t
-  ), b = (h) => n(String(h)), g = (h) => _ !== void 0 && h > _ ? _ : o !== void 0 && h < o ? o : h, m = (h) => {
-    const N = parseInt(r, 10) + h;
-    return b(g(N));
-  }, E = (h) => {
-    h.key === M.arrowDown && (h.preventDefault(), m(-1)), h.key === M.arrowUp && (h.preventDefault(), m(1));
-  }, y = (h, N) => N !== void 0 && parseInt(h, 10) === N, C = (h) => {
-    h.preventDefault(), h.stopPropagation();
-    const N = h.currentTarget.value.replace(
+  ), h = (y) => s(String(y)), g = (y) => _ !== void 0 && y > _ ? _ : o !== void 0 && y < o ? o : y, p = (y) => {
+    const C = parseInt(r, 10) + y;
+    return h(g(C));
+  }, v = (y) => {
+    y.key === M.arrowDown && (y.preventDefault(), p(-1)), y.key === M.arrowUp && (y.preventDefault(), p(1));
+  }, E = (y, C) => C !== void 0 && parseInt(y, 10) === C, N = (y) => {
+    y.preventDefault(), y.stopPropagation();
+    const C = y.currentTarget.value.replace(
       /((?!([-]|([-]?\d+))).)/,
       ""
     );
-    if (N === "" || N === "-")
-      return b(N);
-    const $ = parseInt(N, 10);
-    return b(g($));
+    if (C === "" || C === "-")
+      return h(C);
+    const k = parseInt(C, 10);
+    return h(g(k));
   }, S = () => {
-    var h;
-    return (h = p.current) == null || h.focus(), m(1);
-  }, k = () => {
-    var h;
-    return (h = p.current) == null || h.focus(), m(-1);
+    var y;
+    return (y = u.current) == null || y.focus(), p(1);
+  }, w = () => {
+    var y;
+    return (y = u.current) == null || y.focus(), p(-1);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: v, style: d }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: b, style: i }, /* @__PURE__ */ e.createElement(
     "input",
-    B(w({
+    B($({
       type: "text",
-      ref: p
-    }, i), {
+      ref: u
+    }, d), {
       value: r,
       disabled: l,
-      onChange: C,
-      onKeyDown: E,
+      onChange: N,
+      onKeyDown: v,
       min: o,
       max: _
     })
@@ -2175,17 +2197,17 @@ const da = {
     "button",
     {
       tabIndex: -1,
-      disabled: l || y(r, _),
+      disabled: l || E(r, _),
       onClick: S,
       "aria-label": "Increment value",
       className: Re[`${Me}__increment`],
       type: "button"
     },
     /* @__PURE__ */ e.createElement(
-      I,
+      T,
       {
         source: St,
-        disabled: l || y(r, _),
+        disabled: l || E(r, _),
         kind: "primary"
       }
     )
@@ -2193,18 +2215,18 @@ const da = {
     "button",
     {
       tabIndex: -1,
-      disabled: l || y(r, o),
+      disabled: l || E(r, o),
       "aria-label": "Decrement value",
       className: Re[`${Me}__decrement`],
-      onClick: k,
+      onClick: w,
       type: "button"
     },
     /* @__PURE__ */ e.createElement(
-      I,
+      T,
       {
         source: Dt,
         kind: "primary",
-        disabled: l || y(r, o)
+        disabled: l || E(r, o)
       }
     )
   )));
@@ -2216,7 +2238,7 @@ const da = {
   "picker-list__item__header": "lc-PickerList-module__picker-list__item__header___mxmg0",
   "picker-list__item__content": "lc-PickerList-module__picker-list__item__content___D-tsE",
   "picker-list__item__custom": "lc-PickerList-module__picker-list__item__custom___kJEP6"
-}, Vt = "picker-list", Ae = `${Vt}__item`, D_ = ({
+}, Vt = "picker-list", Ae = `${Vt}__item`, I_ = ({
   isOpen: t,
   items: a,
   selectedItemsKeys: r,
@@ -2224,47 +2246,47 @@ const da = {
   selectAllOptionText: o,
   isMultiSelect: l,
   onClose: c,
-  onSelect: d,
-  onSelectAll: n
+  onSelect: i,
+  onSelectAll: s
 }) => {
-  const i = f(ve[Vt], {
+  const d = f(ve[Vt], {
     [ve[`${Vt}__no-results`]]: a.length === 0
-  }), [u, s] = e.useState(
+  }), [m, n] = e.useState(
     null
-  ), p = e.useRef(-1), v = e.useRef(0), b = e.useRef(null), g = ($) => {
-    if ($.key === M.esc && ($.preventDefault(), c()), $.key === M.arrowUp && p.current > 0 && ($.preventDefault(), p.current = E(), s(a[p.current].key)), $.key === M.arrowDown && p.current + 1 < a.length && ($.preventDefault(), p.current = y(), s(a[p.current].key)), $.key === M.enter && !a[p.current].disabled) {
-      if ($.preventDefault(), a[p.current].key === Ge)
-        return n();
-      d(a[p.current]);
+  ), u = e.useRef(-1), b = e.useRef(0), h = e.useRef(null), g = (k) => {
+    if (k.key === M.esc && (k.preventDefault(), c()), k.key === M.arrowUp && u.current > 0 && (k.preventDefault(), u.current = v(), n(a[u.current].key)), k.key === M.arrowDown && u.current + 1 < a.length && (k.preventDefault(), u.current = E(), n(a[u.current].key)), k.key === M.enter && !a[u.current].disabled) {
+      if (k.preventDefault(), a[u.current].key === Ge)
+        return s();
+      i(a[u.current]);
     }
   };
   e.useEffect(() => {
-    if (p.current > -1 && a.length > 0 && s(a[p.current].key), t)
+    if (u.current > -1 && a.length > 0 && a[u.current] && n(a[u.current].key), t)
       return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
-    p.current = -1, v.current = 0, s(null);
+    u.current = -1, b.current = 0, n(null);
   }, [a, t, g]);
-  const m = ($) => !!a[$] && (a[$].disabled || a[$].groupHeader), E = () => {
-    for (p.current = p.current - 1; m(p.current) && (p.current = p.current - 1, !!m(p.current)); )
+  const p = (k) => !!a[k] && (a[k].disabled || a[k].groupHeader), v = () => {
+    for (u.current = u.current - 1; p(u.current) && (u.current = u.current - 1, !!p(u.current)); )
       ;
-    return v.current = p.current, p.current;
-  }, y = () => {
-    if (p.current = p.current + 1, !m(p.current))
-      return v.current = p.current, p.current;
-    for (; m(p.current); ) {
-      if (p.current = p.current + 1, p.current === a.length && !m(p.current))
-        return v.current;
-      if (!m(p.current))
+    return b.current = u.current, u.current;
+  }, E = () => {
+    if (u.current = u.current + 1, !p(u.current))
+      return b.current = u.current, u.current;
+    for (; p(u.current); ) {
+      if (u.current = u.current + 1, u.current === a.length && !p(u.current))
+        return b.current;
+      if (!p(u.current))
         break;
     }
-    return v.current = p.current, p.current;
-  }, C = ($) => d($), S = () => n(), k = ($) => r ? r.includes($) : !1, h = () => !l || l && !o ? null : /* @__PURE__ */ e.createElement(
+    return b.current = u.current, u.current;
+  }, N = (k) => i(k), S = () => s(), w = (k) => r ? r.includes(k) : !1, y = () => !l || l && !o ? null : /* @__PURE__ */ e.createElement(
     "li",
     {
-      ref: ($) => {
-        u === Ge && ($ == null || $.scrollIntoView({ block: "nearest" }));
+      ref: (k) => {
+        m === Ge && (k == null || k.scrollIntoView({ block: "nearest" }));
       },
       role: "option",
-      "aria-current": u === Ge,
+      "aria-current": m === Ge,
       id: Ge,
       key: Ge,
       className: f(
@@ -2274,36 +2296,36 @@ const da = {
       onClick: S
     },
     o
-  ), N = ($) => $ != null && $.customElement ? /* @__PURE__ */ e.createElement("div", { className: ve[`${Ae}__custom`] }, $.customElement.listItemBody) : $.name;
-  return t ? a.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: i }, _) : /* @__PURE__ */ e.createElement("ul", { ref: b, className: i, role: "listbox", tabIndex: -1 }, h(), a.map(($) => $.groupHeader ? /* @__PURE__ */ e.createElement(
+  ), C = (k) => k != null && k.customElement ? /* @__PURE__ */ e.createElement("div", { className: ve[`${Ae}__custom`] }, k.customElement.listItemBody) : k.name;
+  return t ? a.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: d }, _) : /* @__PURE__ */ e.createElement("ul", { ref: h, className: d, role: "listbox", tabIndex: -1 }, y(), a.map((k) => k.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
     {
       role: "option",
-      key: $.key,
+      key: k.key,
       className: ve[`${Ae}__header`]
     },
-    $.name
+    k.name
   ) : /* @__PURE__ */ e.createElement(
     "li",
     {
-      "data-testid": $.key,
+      "data-testid": k.key,
       ref: (W) => {
-        u === $.key && (W == null || W.scrollIntoView({ block: "nearest" }));
+        m === k.key && (W == null || W.scrollIntoView({ block: "nearest" }));
       },
       role: "option",
-      "aria-current": u === $.key,
-      "aria-selected": k($.key),
-      "aria-disabled": $.disabled,
-      id: $.key,
-      key: $.key,
+      "aria-current": m === k.key,
+      "aria-selected": w(k.key),
+      "aria-disabled": k.disabled,
+      id: k.key,
+      key: k.key,
       className: f(ve[Ae], {
-        [ve[`${Ae}__custom`]]: $ == null ? void 0 : $.customElement
+        [ve[`${Ae}__custom`]]: k == null ? void 0 : k.customElement
       }),
-      onClick: () => !$.disabled && C($)
+      onClick: () => !k.disabled && N(k)
     },
-    /* @__PURE__ */ e.createElement("div", { className: ve[`${Ae}__content`] }, N($)),
-    k($.key) && /* @__PURE__ */ e.createElement(
-      I,
+    /* @__PURE__ */ e.createElement("div", { className: ve[`${Ae}__content`] }, C(k)),
+    w(k.key) && /* @__PURE__ */ e.createElement(
+      T,
       {
         kind: "link",
         source: Jt,
@@ -2328,7 +2350,7 @@ const da = {
   "picker-trigger--disabled": "lc-Trigger-module__picker-trigger--disabled___7H4tD",
   "picker-trigger--focused": "lc-Trigger-module__picker-trigger--focused___vTr39",
   "picker-trigger--error": "lc-Trigger-module__picker-trigger--error___Rh8Qd"
-}, Y = "picker-trigger", T_ = ({
+}, Y = "picker-trigger", B_ = ({
   children: t,
   isSearchDisabled: a,
   isDisabled: r,
@@ -2336,51 +2358,51 @@ const da = {
   isItemSelected: o,
   isOpen: l,
   isRequired: c,
-  isMultiSelect: d,
-  size: n = "medium",
-  hideClearButton: i,
-  onTrigger: u,
-  onClear: s,
-  testId: p
+  isMultiSelect: i,
+  size: s = "medium",
+  hideClearButton: d,
+  onTrigger: m,
+  onClear: n,
+  testId: u
 }) => {
-  const v = e.useRef(null), b = f(
+  const b = e.useRef(null), h = f(
     K[Y],
-    K[`${Y}--${n}`],
-    d && K[`${Y}--multi-select`],
-    d && o && K[`${Y}--multi-select--with-items`],
+    K[`${Y}--${s}`],
+    i && K[`${Y}--multi-select`],
+    i && o && K[`${Y}--multi-select--with-items`],
     r && K[`${Y}--disabled`],
     l && K[`${Y}--focused`],
     _ && K[`${Y}--error`]
   );
   e.useEffect(() => {
-    const y = (C) => {
-      document.activeElement === v.current && C.key !== M.tab && u(C);
+    const E = (N) => {
+      document.activeElement === b.current && N.key !== M.tab && m(N);
     };
-    return a || document.addEventListener("keydown", y), () => {
-      a || document.removeEventListener("keydown", y);
+    return a || document.addEventListener("keydown", E), () => {
+      a || document.removeEventListener("keydown", E);
     };
   }, [a]);
-  const g = (y) => {
-    u(y);
-  }, m = (y) => {
-    y.stopPropagation(), s();
-  }, E = !i && o && !r && !c;
+  const g = (E) => {
+    m(E);
+  }, p = (E) => {
+    E.stopPropagation(), n();
+  }, v = !d && o && !r && !c;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: v,
-      className: b,
+      ref: b,
+      className: h,
       onClick: g,
       tabIndex: 0,
-      "data-testid": p
+      "data-testid": u
     },
     /* @__PURE__ */ e.createElement(
       "div",
       {
         className: f(
           K[`${Y}__content`],
-          K[`${Y}__content--${n}`],
-          d && o && K[`${Y}__content--with-items`]
+          K[`${Y}__content--${s}`],
+          i && o && K[`${Y}__content--with-items`]
         )
       },
       t
@@ -2390,20 +2412,20 @@ const da = {
       {
         className: f(
           K[`${Y}__controls`],
-          K[`${Y}__controls--${n}`]
+          K[`${Y}__controls--${s}`]
         )
       },
-      E && /* @__PURE__ */ e.createElement(
+      v && /* @__PURE__ */ e.createElement(
         "div",
         {
           "data-testid": `${Y}__clear-icon`,
           className: K[`${Y}__clear-icon`],
-          onClick: m
+          onClick: p
         },
-        /* @__PURE__ */ e.createElement(I, { kind: "primary", size: "small", source: xe })
+        /* @__PURE__ */ e.createElement(T, { kind: "primary", size: "small", source: xe })
       ),
       /* @__PURE__ */ e.createElement(
-        I,
+        T,
         {
           className: K[`${Y}__chevron-icon`],
           source: l ? St : Dt,
@@ -2413,10 +2435,10 @@ const da = {
       )
     )
   );
-}, I_ = "lc-Tag-module__tag___1QRVY", B_ = "lc-Tag-module__tag__remove___UmtrW", A_ = "lc-Tag-module__icon___2Z-35", P_ = "lc-Tag-module__tag__icon___tZoQ9", F_ = "lc-Tag-module__tag__avatar___U4c-P", ie = {
-  tag: I_,
+}, A_ = "lc-Tag-module__tag___1QRVY", P_ = "lc-Tag-module__tag__remove___UmtrW", F_ = "lc-Tag-module__icon___2Z-35", R_ = "lc-Tag-module__tag__icon___tZoQ9", M_ = "lc-Tag-module__tag__avatar___U4c-P", _e = {
+  tag: A_,
   "tag--success": "lc-Tag-module__tag--success___P2hXQ",
-  tag__remove: B_,
+  tag__remove: P_,
   "tag--error": "lc-Tag-module__tag--error___1cjsm",
   "tag--warning": "lc-Tag-module__tag--warning___PstMG",
   "tag--info": "lc-Tag-module__tag--info___RTH0C",
@@ -2425,15 +2447,16 @@ const da = {
   "tag--outline": "lc-Tag-module__tag--outline___aZXtr",
   "tag--medium": "lc-Tag-module__tag--medium___l5-KI",
   "tag--large": "lc-Tag-module__tag--large___ytC6Y",
-  icon: A_,
+  icon: F_,
   "tag--text-white": "lc-Tag-module__tag--text-white___x0fnD",
   "tag--text-black": "lc-Tag-module__tag--text-black___dUvmD",
   "tag--with-icon": "lc-Tag-module__tag--with-icon___ZlkvT",
   "tag--dismissible": "lc-Tag-module__tag--dismissible___Qobyr",
-  tag__icon: P_,
-  tag__avatar: F_
-}, de = "tag", R_ = (t) => t ? Kt(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Ma = (p) => {
-  var v = p, {
+  tag__icon: R_,
+  "tag__icon--right": "lc-Tag-module__tag__icon--right___sHbbE",
+  tag__avatar: M_
+}, oe = "tag", L_ = (t) => t ? Kt(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", La = (b) => {
+  var h = b, {
     className: t = "",
     children: a,
     dismissible: r = !1,
@@ -2441,11 +2464,12 @@ const da = {
     iconSize: o = "medium",
     kind: l = "default",
     onRemove: c,
-    outline: d = !1,
-    icon: n,
-    avatar: i,
-    customColor: u
-  } = v, s = A(v, [
+    outline: i = !1,
+    leftIcon: s,
+    rightIcon: d,
+    avatar: m,
+    customColor: n
+  } = h, u = A(h, [
     "className",
     "children",
     "dismissible",
@@ -2454,75 +2478,89 @@ const da = {
     "kind",
     "onRemove",
     "outline",
-    "icon",
+    "leftIcon",
+    "rightIcon",
     "avatar",
     "customColor"
   ]);
-  const b = f(
-    ie[de],
+  const g = f(
+    _e[oe],
     t,
-    ie[`${de}--${_}`],
-    ie[`${de}--${l}`],
+    _e[`${oe}--${_}`],
+    _e[`${oe}--${l}`],
     {
-      [ie[`${de}--dismissible`]]: r,
-      [ie[`${de}--outline`]]: d,
-      [ie[`${de}--with-icon`]]: !!n || !!i,
-      [ie[`${de}--${R_(u)}`]]: !!u
+      [_e[`${oe}--dismissible`]]: r,
+      [_e[`${oe}--outline`]]: i,
+      [_e[`${oe}--with-icon`]]: !!s || !!m,
+      [_e[`${oe}--${L_(n)}`]]: !!n
     }
-  ), g = () => u ? d ? {
+  ), p = () => n ? i ? {
     style: {
       backgroundColor: "transparent",
-      color: u,
-      borderColor: u
+      color: n,
+      borderColor: n
     }
-  } : { style: { backgroundColor: u } } : {}, m = () => {
-    if (u)
-      return d ? u : Kt(u, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
+  } : { style: { backgroundColor: n } } : {}, v = () => {
+    if (n)
+      return i ? n : Kt(n, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
   };
   return /* @__PURE__ */ e.createElement(
     P,
-    B(w(w({
-      className: b
-    }, s), g()), {
+    B($($({
+      className: g
+    }, u), p()), {
       as: "div",
       size: "md"
     }),
-    i && /* @__PURE__ */ e.createElement(
+    m && /* @__PURE__ */ e.createElement(
       "img",
       {
-        className: ie[`${de}__avatar`],
-        src: i,
+        className: _e[`${oe}__avatar`],
+        src: m,
         alt: "tag-avatar",
         "data-testid": "lc-tag-avatar"
       }
     ),
     " ",
-    n && !i && /* @__PURE__ */ e.createElement(
-      I,
+    s && !m && /* @__PURE__ */ e.createElement(
+      T,
       {
-        "data-testid": "lc-tag-icon",
-        className: ie[`${de}__icon`],
-        source: n,
+        "data-testid": "lc-tag-left-icon",
+        className: _e[`${oe}__icon`],
+        source: s,
         size: "small",
-        customColor: m()
+        customColor: v()
       }
     ),
     a,
+    d && /* @__PURE__ */ e.createElement(
+      T,
+      {
+        "data-testid": "lc-tag-right-icon",
+        className: f(
+          _e[`${oe}__icon`],
+          _e[`${oe}__icon--right`]
+        ),
+        source: d,
+        size: "small",
+        customColor: v()
+      }
+    ),
     r && /* @__PURE__ */ e.createElement(
       "button",
       {
         title: "Remove",
         onClick: c,
         type: "button",
-        className: ie[`${de}__remove`]
+        className: _e[`${oe}__remove`]
       },
       /* @__PURE__ */ e.createElement(
-        I,
+        T,
         {
           "data-dismiss-icon": !0,
           source: xe,
           size: o,
-          customColor: m()
+          customColor: v()
         }
       )
     )
@@ -2533,7 +2571,7 @@ const da = {
   "picker-trigger-body__item": "lc-TriggerBody-module__picker-trigger-body__item___0DBg1",
   "picker-trigger-body__input": "lc-TriggerBody-module__picker-trigger-body__input___ezPyz",
   "picker-trigger-body__tag": "lc-TriggerBody-module__picker-trigger-body__tag___vbOJZ"
-}, Oe = "picker-trigger-body", M_ = ({
+}, Oe = "picker-trigger-body", O_ = ({
   isOpen: t,
   isSearchDisabled: a,
   isDisabled: r,
@@ -2541,42 +2579,42 @@ const da = {
   items: o,
   type: l,
   iconSize: c,
-  clearSearchAfterSelection: d,
-  onItemRemove: n,
-  onFilter: i
+  clearSearchAfterSelection: i,
+  onItemRemove: s,
+  onFilter: d
 }) => {
-  const u = t && !a, s = e.useRef(null);
+  const m = t && !a, n = e.useRef(null);
   e.useEffect(() => {
-    d && (i(""), s.current && (s.current.value = "", s.current.focus()));
-  }, [o, d]);
-  const p = (g) => l === "single" && t && !a ? null : g != null && g.customElement ? /* @__PURE__ */ e.createElement("div", { className: Le[`${Oe}__custom`] }, g.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: Le[`${Oe}__item`] }, g.name), v = (g) => {
-    i(g.target.value);
-  }, b = () => /* @__PURE__ */ e.createElement(
+    i && (d(""), n.current && (n.current.value = "", n.current.focus()));
+  }, [o, i]);
+  const u = (g) => l === "single" && t && !a ? null : g != null && g.customElement ? /* @__PURE__ */ e.createElement("div", { className: Le[`${Oe}__custom`] }, g.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: Le[`${Oe}__item`] }, g.name), b = (g) => {
+    d(g.target.value);
+  }, h = () => /* @__PURE__ */ e.createElement(
     "input",
     {
-      ref: s,
+      ref: n,
       className: Le[`${Oe}__input`],
       placeholder: "Select option",
-      onChange: v,
+      onChange: b,
       autoFocus: !0
     }
   );
-  return !o || o.length === 0 ? u ? b() : /* @__PURE__ */ e.createElement("div", null, _) : /* @__PURE__ */ e.createElement("div", { className: Le[Oe] }, /* @__PURE__ */ e.createElement("div", { className: Le[`${Oe}__item-container`] }, l === "single" ? p(o[0]) : o.map((g) => /* @__PURE__ */ e.createElement(
-    Ma,
+  return !o || o.length === 0 ? m ? h() : /* @__PURE__ */ e.createElement("div", null, _) : /* @__PURE__ */ e.createElement("div", { className: Le[Oe] }, /* @__PURE__ */ e.createElement("div", { className: Le[`${Oe}__item-container`] }, l === "single" ? u(o[0]) : o.map((g) => /* @__PURE__ */ e.createElement(
+    La,
     {
       key: g.name,
       className: Le[`${Oe}__tag`],
       iconSize: c,
       dismissible: !r,
-      onRemove: () => n(g)
+      onRemove: () => s(g)
     },
-    p(g)
-  ))), u && b());
-}, L_ = "lc-Picker-module__picker___GRj9W", O_ = "lc-Picker-module__picker__container___s0PUc", ba = {
-  picker: L_,
-  picker__container: O_
-}, va = "picker", fl = (y) => {
-  var C = y, {
+    u(g)
+  ))), m && h());
+}, z_ = "lc-Picker-module__picker___GRj9W", H_ = "lc-Picker-module__picker__container___s0PUc", va = {
+  picker: z_,
+  picker__container: H_
+}, ha = "picker", vl = (E) => {
+  var N = E, {
     className: t,
     disabled: a,
     error: r,
@@ -2584,17 +2622,17 @@ const da = {
     selected: o,
     size: l = "medium",
     tagIconSize: c = "medium",
-    placeholder: d = "Select option",
-    isRequired: n,
-    noSearchResultText: i = "No results found",
-    selectAllOptionText: u,
-    type: s = "single",
-    searchDisabled: p = !1,
-    hideClearButton: v,
-    openedOnInit: b = !1,
+    placeholder: i = "Select option",
+    isRequired: s,
+    noSearchResultText: d = "No results found",
+    selectAllOptionText: m,
+    type: n = "single",
+    searchDisabled: u = !1,
+    hideClearButton: b,
+    openedOnInit: h = !1,
     clearSearchAfterSelection: g,
-    onSelect: m
-  } = C, E = A(C, [
+    onSelect: p
+  } = N, v = A(N, [
     "className",
     "disabled",
     "error",
@@ -2613,113 +2651,113 @@ const da = {
     "clearSearchAfterSelection",
     "onSelect"
   ]);
-  const [S, k] = e.useState(b), [h, N] = e.useState(null), $ = e.useRef(null), W = f(ba[va], t);
+  const [S, w] = e.useState(h), [y, C] = e.useState(null), k = e.useRef(null), W = f(va[ha], t);
   e.useEffect(() => {
     if (S) {
       const F = (j) => {
         var Te;
-        (Te = $.current) != null && Te.contains(j.target) || k(!1);
+        (Te = k.current) != null && Te.contains(j.target) || w(!1);
       }, G = (j) => {
-        j.key === M.tab && k(!1);
+        j.key === M.tab && w(!1);
       };
       return document.addEventListener("mousedown", F), document.addEventListener("keydown", G), () => {
         document.removeEventListener("mousedown", F), document.addEventListener("keydown", G);
       };
     } else
-      N(null);
+      C(null);
   }, [S]);
   const X = (F) => {
     const G = F.target;
-    a || G.getAttribute("data-dismiss-icon") || k((j) => !j);
+    a || G.getAttribute("data-dismiss-icon") || w((j) => !j);
   }, $e = () => {
-    k(!1);
+    w(!1);
   }, Fe = (F) => {
-    if (s === "single")
-      return k(!1), m([F]);
+    if (n === "single")
+      return w(!1), p([F]);
     const G = F.key, j = dt;
     if (!j)
-      return m([F]);
+      return p([F]);
     const Te = j.includes(
       G
     ) ? j.filter((It) => It !== G) : j.concat(G);
     if ((Te == null ? void 0 : Te.length) === 0)
-      return m(null);
-    const Ua = _.filter(
+      return p(null);
+    const Wa = _.filter(
       (It) => Te.includes(It.key)
     );
-    m(Ua);
+    p(Wa);
   }, Se = (F) => !F.disabled && !F.groupHeader && F.key !== Ge, De = () => {
-    k(!1);
+    w(!1);
     const F = it.filter(Se);
-    m(F);
+    p(F);
   }, We = () => {
-    k(!1), m(null);
-  }, ge = (F) => N(F), se = (F) => {
+    w(!1), p(null);
+  }, ge = (F) => C(F), de = (F) => {
     const G = o ? o.filter((j) => j !== F) : null;
     if ((G == null ? void 0 : G.length) === 0)
-      return m(null);
-    m(G);
-  }, it = e.useMemo(() => h ? _.filter((F) => {
+      return p(null);
+    p(G);
+  }, it = e.useMemo(() => y ? _.filter((F) => {
     if (F.groupHeader)
       return !1;
-    const G = h.toLowerCase();
+    const G = y.toLowerCase();
     return F.name.toLowerCase().includes(G);
-  }) : _, [h, _]), dt = e.useMemo(() => o ? o.map((F) => F.key) : null, [o]);
-  return /* @__PURE__ */ e.createElement("div", { ref: $, className: W, id: E.id }, /* @__PURE__ */ e.createElement("div", { className: ba[`${va}__container`] }, /* @__PURE__ */ e.createElement(
-    T_,
+  }) : _, [y, _]), dt = e.useMemo(() => o ? o.map((F) => F.key) : null, [o]);
+  return /* @__PURE__ */ e.createElement("div", { ref: k, className: W, id: v.id }, /* @__PURE__ */ e.createElement("div", { className: va[`${ha}__container`] }, /* @__PURE__ */ e.createElement(
+    B_,
     {
-      testId: E["data-testid"],
-      isSearchDisabled: p,
+      testId: v["data-testid"],
+      isSearchDisabled: u,
       isError: r,
       isOpen: S,
       isDisabled: a,
       isItemSelected: !!o,
-      isRequired: n,
-      isMultiSelect: s === "multi",
+      isRequired: s,
+      isMultiSelect: n === "multi",
       size: l,
-      hideClearButton: v,
+      hideClearButton: b,
       onTrigger: X,
       onClear: We
     },
     /* @__PURE__ */ e.createElement(
-      M_,
+      O_,
       {
         isOpen: S,
-        isSearchDisabled: p,
+        isSearchDisabled: u,
         isDisabled: a,
-        placeholder: d,
+        placeholder: i,
         iconSize: c,
         items: o,
-        type: s,
+        type: n,
         clearSearchAfterSelection: g,
-        onItemRemove: se,
+        onItemRemove: de,
         onFilter: ge
       }
     )
   ), /* @__PURE__ */ e.createElement(
-    D_,
+    I_,
     {
       selectedItemsKeys: dt,
       items: it,
       isOpen: S,
-      isMultiSelect: s === "multi",
-      emptyStateText: i,
-      selectAllOptionText: u,
+      isMultiSelect: n === "multi",
+      emptyStateText: d,
+      selectAllOptionText: m,
       onClose: $e,
       onSelect: Fe,
       onSelectAll: De
     }
   )));
-}, z_ = [
+}, G_ = [
   "normal",
   "error",
   "success"
-], H_ = (t) => Math.min(Math.max(t, 0), 100);
-function La(t, a = 0) {
-  return t === "error" ? 0 : H_(parseInt(a.toString(), 10));
+], U_ = (t) => Math.min(Math.max(t, 0), 100);
+function Oa(t, a = 0) {
+  return t === "error" ? 0 : U_(parseInt(a.toString(), 10));
 }
-function Oa(t, a) {
-  return !z_.includes(t) && a >= 100 ? "normal" : t || "normal";
+function za(t, a) {
+  return !G_.includes(t) && a >= 100 ? "normal" : t || "normal";
 }
 const tt = {
   "progress-circle": "lc-ProgressCircle-module__progress-circle___NRHCi",
@@ -2732,42 +2770,42 @@ const tt = {
   "progress-circle__indicator--normal": "lc-ProgressCircle-module__progress-circle__indicator--normal___0SdkX",
   "progress-circle__indicator--success": "lc-ProgressCircle-module__progress-circle__indicator--success___fLwRR",
   "progress-circle__indicator--error": "lc-ProgressCircle-module__progress-circle__indicator--error___nwJS9"
-}, G_ = {
+}, W_ = {
   small: 2,
   medium: 3,
   large: 4
-}, U_ = {
+}, V_ = {
   small: 15,
   medium: 36,
   large: 56
-}, at = "progress-circle", W_ = e.forwardRef(
+}, at = "progress-circle", Y_ = e.forwardRef(
   (c, l) => {
-    var d = c, {
+    var i = c, {
       status: t = "normal",
       progressValue: a,
       className: r,
       size: _ = "medium"
-    } = d, o = A(d, [
+    } = i, o = A(i, [
       "status",
       "progressValue",
       "className",
       "size"
     ]);
-    const n = Oa(t, a), i = La(n, a), u = G_[_], s = U_[_], p = f(
+    const s = za(t, a), d = Oa(s, a), m = W_[_], n = V_[_], u = f(
       tt[at],
       {
         [tt[`${at}--${_}`]]: _,
         [tt[`${at}--${t}`]]: t
       },
       r
-    ), v = 2 * Math.PI * ((s - u) / 2), b = {
-      strokeDasharray: v.toFixed(3),
-      strokeDashoffset: `${((100 - i) / 100 * v).toFixed(3)}px`
-    }, g = `${s / 2} ${s / 2} ${s} ${s}`;
+    ), b = 2 * Math.PI * ((n - m) / 2), h = {
+      strokeDasharray: b.toFixed(3),
+      strokeDashoffset: `${((100 - d) / 100 * b).toFixed(3)}px`
+    }, g = `${n / 2} ${n / 2} ${n} ${n}`;
     return /* @__PURE__ */ e.createElement(
       "div",
-      w({
-        className: p,
+      $({
+        className: u,
         ref: l,
         role: "progressbar"
       }, o),
@@ -2775,22 +2813,22 @@ const tt = {
         "circle",
         {
           className: tt[`${at}__bg-line--${t}`],
-          cx: s,
-          cy: s,
-          r: (s - u) / 2,
+          cx: n,
+          cy: n,
+          r: (n - m) / 2,
           fill: "none",
-          strokeWidth: u
+          strokeWidth: m
         }
       ), /* @__PURE__ */ e.createElement(
         "circle",
         {
           className: tt[`${at}__indicator--${t}`],
-          style: b,
-          cx: s,
-          cy: s,
-          r: (s - u) / 2,
+          style: h,
+          cx: n,
+          cy: n,
+          r: (n - m) / 2,
           fill: "none",
-          strokeWidth: u
+          strokeWidth: m
         }
       ))
     );
@@ -2805,20 +2843,20 @@ const tt = {
   "progress-bar--normal": "lc-ProgressBar-module__progress-bar--normal___ZwCb-",
   "progress-bar__indicator--success": "lc-ProgressBar-module__progress-bar__indicator--success___wRjR3",
   "progress-bar__indicator--normal": "lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"
-}, kt = "progress-bar", V_ = e.forwardRef(
+}, kt = "progress-bar", q_ = e.forwardRef(
   (c, l) => {
-    var d = c, {
+    var i = c, {
       status: t = "normal",
       percent: a,
       size: r = "medium",
       className: _ = ""
-    } = d, o = A(d, [
+    } = i, o = A(i, [
       "status",
       "percent",
       "size",
       "className"
     ]);
-    const n = Oa(t, a), i = La(n, a), u = f(
+    const s = za(t, a), d = Oa(s, a), m = f(
       Et[kt],
       {
         [Et[`${kt}--${r}`]]: r,
@@ -2828,8 +2866,8 @@ const tt = {
     );
     return /* @__PURE__ */ e.createElement(
       "div",
-      B(w({}, o), {
-        className: u,
+      B($({}, o), {
+        className: m,
         ref: l,
         role: "progressbar"
       }),
@@ -2837,12 +2875,12 @@ const tt = {
         "div",
         {
           className: Et[`${kt}__indicator--${t}`],
-          style: { width: `${i}%` }
+          style: { width: `${d}%` }
         }
       )
     );
   }
-), _e = {
+), le = {
   "promo-banner": "lc-PromoBanner-module__promo-banner___-mGpq",
   "promo-banner__content": "lc-PromoBanner-module__promo-banner__content___kRWar",
   "promo-banner__wrapper": "lc-PromoBanner-module__promo-banner__wrapper___I-8cl",
@@ -2854,7 +2892,7 @@ const tt = {
   "promo-banner--small": "lc-PromoBanner-module__promo-banner--small___7sWLV",
   "promo-banner--large": "lc-PromoBanner-module__promo-banner--large___pMiCU",
   "promo-banner__close-icon": "lc-PromoBanner-module__promo-banner__close-icon___GowBL"
-}, Y_ = 400, q_ = 800, J_ = 500, oe = "promo-banner", bl = ({
+}, J_ = 400, K_ = 800, Z_ = 500, ce = "promo-banner", hl = ({
   className: t,
   buttonText: a,
   children: r,
@@ -2862,46 +2900,46 @@ const tt = {
   img: o,
   light: l = !1,
   linkText: c,
-  onButtonClick: d,
-  onClose: n,
-  onLinkClick: i
+  onButtonClick: i,
+  onClose: s,
+  onLinkClick: d
 }) => {
-  const u = e.useRef(null), [s, p] = e.useState("medium"), v = f(
-    _e[oe],
+  const m = e.useRef(null), [n, u] = e.useState("medium"), b = f(
+    le[ce],
     {
-      [_e[`${oe}--light`]]: l,
-      [_e[`${oe}--small`]]: s === "small",
-      [_e[`${oe}--large`]]: s === "large"
+      [le[`${ce}--light`]]: l,
+      [le[`${ce}--small`]]: n === "small",
+      [le[`${ce}--large`]]: n === "large"
     },
     t
   );
   e.useEffect(() => {
-    const g = () => u.current && u.current.offsetWidth <= Y_ ? p("small") : u.current && u.current.offsetWidth >= q_ ? p("large") : p("medium"), m = Ta(
+    const g = () => m.current && m.current.offsetWidth <= J_ ? u("small") : m.current && m.current.offsetWidth >= K_ ? u("large") : u("medium"), p = Ia(
       g,
-      J_
+      Z_
     );
-    return window.addEventListener("resize", m), g(), () => {
-      m.cancel(), window.removeEventListener("resize", g);
+    return window.addEventListener("resize", p), g(), () => {
+      p.cancel(), window.removeEventListener("resize", g);
     };
   }, []);
-  const b = /* @__PURE__ */ e.createElement("div", { className: _e[`${oe}__footer`] }, a && /* @__PURE__ */ e.createElement(
-    ne,
+  const h = /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__footer`] }, a && /* @__PURE__ */ e.createElement(
+    ie,
     {
       kind: "primary",
       size: "compact",
-      onClick: d,
-      className: _e[`${oe}__button-text`]
+      onClick: i,
+      className: le[`${ce}__button-text`]
     },
     a
-  ), c && /* @__PURE__ */ e.createElement(ne, { size: "compact", kind: "text", onClick: i }, c));
-  return /* @__PURE__ */ e.createElement("div", { ref: u, className: v }, /* @__PURE__ */ e.createElement("div", { className: _e[`${oe}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: _e[`${oe}__img`] }), /* @__PURE__ */ e.createElement("div", { className: _e[`${oe}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: _e[`${oe}__header`] }, _), /* @__PURE__ */ e.createElement(P, { as: "div" }, r), s !== "large" && b), s === "large" && b), n && /* @__PURE__ */ e.createElement(
+  ), c && /* @__PURE__ */ e.createElement(ie, { size: "compact", kind: "text", onClick: d }, c));
+  return /* @__PURE__ */ e.createElement("div", { ref: m, className: b }, /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: le[`${ce}__img`] }), /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__header`] }, _), /* @__PURE__ */ e.createElement(P, { as: "div" }, r), n !== "large" && h), n === "large" && h), s && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      className: _e[`${oe}__close-icon`],
-      onClick: n
+      className: le[`${ce}__close-icon`],
+      onClick: s
     },
-    /* @__PURE__ */ e.createElement(I, { source: xe, size: "large", kind: "primary" })
+    /* @__PURE__ */ e.createElement(T, { source: xe, size: "large", kind: "primary" })
   ));
 }, he = {
   "radio-button": "lc-RadioButton-module__radio-button___WaToM",
@@ -2913,16 +2951,16 @@ const tt = {
   "radio-button__helper": "lc-RadioButton-module__radio-button__helper___r8gJJ",
   "radio-button--selected": "lc-RadioButton-module__radio-button--selected___s9lqj",
   "radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
-}, ye = "radio-button", vl = e.forwardRef(
-  (d, c) => {
-    var n = d, { children: t, className: a = "", description: r, checked: _, disabled: o } = n, l = A(n, ["children", "className", "description", "checked", "disabled"]);
-    const i = f(he[ye], a, {
+}, ye = "radio-button", yl = e.forwardRef(
+  (i, c) => {
+    var s = i, { children: t, className: a = "", description: r, checked: _, disabled: o } = s, l = A(s, ["children", "className", "description", "checked", "disabled"]);
+    const d = f(he[ye], a, {
       [he[`${ye}--selected`]]: _,
       [he[`${ye}--disabled`]]: o
     });
-    return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: he[`${ye}__label`] }, /* @__PURE__ */ e.createElement("div", { className: he[`${ye}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: he[`${ye}__inner-circle`] }), /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: d }, /* @__PURE__ */ e.createElement("label", { className: he[`${ye}__label`] }, /* @__PURE__ */ e.createElement("div", { className: he[`${ye}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: he[`${ye}__inner-circle`] }), /* @__PURE__ */ e.createElement(
       "input",
-      B(w({}, l), {
+      B($({}, l), {
         className: he[`${ye}__input`],
         ref: c,
         type: "radio",
@@ -2944,7 +2982,7 @@ const tt = {
   "search-input__clear-icon": "lc-Search-module__search-input__clear-icon___LoNkc",
   "search-input__loader": "lc-Search-module__search-input__loader___pkpIG",
   "search-input__input": "lc-Search-module__search-input__input___OhyTr"
-}, ce = "search-input", K_ = `${ce}__input`, hl = ({
+}, se = "search-input", Q_ = `${se}__input`, El = ({
   isCollapsable: t,
   isDisabled: a,
   isLoading: r,
@@ -2952,48 +2990,48 @@ const tt = {
   size: o = "medium",
   value: l,
   className: c,
-  onChange: d
+  onChange: i
 }) => {
-  const [n, i] = e.useState(!0), [u, s] = e.useState(!1), p = e.useRef(null), v = !!l && !a && !r, b = t && !n && "true", g = f(
+  const [s, d] = e.useState(!0), [m, n] = e.useState(!1), u = e.useRef(null), b = !!l && !a && !r, h = t && !s && "true", g = f(
     c,
-    ue[ce],
-    ue[`${ce}--${o}`],
-    u && ue[`${ce}--focused`],
-    a && ue[`${ce}--disabled`],
-    t && ue[`${ce}--collapsable`],
-    !n && ue[`${ce}--collapsable--open`]
+    ue[se],
+    ue[`${se}--${o}`],
+    m && ue[`${se}--focused`],
+    a && ue[`${se}--disabled`],
+    t && ue[`${se}--collapsable`],
+    !s && ue[`${se}--collapsable--open`]
   );
   e.useEffect(() => {
-    t && l && i(!1);
+    t && l && d(!1);
   }, [t]);
-  const m = (h) => {
-    const N = h.currentTarget.value;
-    d(N);
+  const p = (y) => {
+    const C = y.currentTarget.value;
+    i(C);
+  }, v = () => {
+    i("");
   }, E = () => {
-    d("");
-  }, y = () => {
-    var h;
-    (h = p.current) == null || h.focus();
-  }, C = () => {
-    t && i(!1), s(!0);
+    var y;
+    (y = u.current) == null || y.focus();
+  }, N = () => {
+    t && d(!1), n(!0);
   }, S = () => {
-    t && !l && i(!0), s(!1);
-  }, k = (h) => {
-    h.key === M.enter && (h.preventDefault(), d(l));
+    t && !l && d(!0), n(!1);
+  }, w = (y) => {
+    y.key === M.enter && (y.preventDefault(), i(l));
   };
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      "aria-expanded": b,
+      "aria-expanded": h,
       role: "search",
       className: g,
-      onClick: y
+      onClick: E
     },
     /* @__PURE__ */ e.createElement(
-      I,
+      T,
       {
-        className: ue[`${ce}__search-icon`],
-        source: ja,
+        className: ue[`${se}__search-icon`],
+        source: er,
         disabled: a,
         kind: "primary"
       }
@@ -3002,38 +3040,38 @@ const tt = {
       "input",
       {
         role: "searchbox",
-        ref: p,
-        className: ue[K_],
+        ref: u,
+        className: ue[Q_],
         type: "text",
         value: l,
         placeholder: _,
-        onChange: m,
+        onChange: p,
         onBlur: S,
-        onFocus: C,
-        onKeyDown: k,
+        onFocus: N,
+        onKeyDown: w,
         disabled: a
       }
     ),
-    v && /* @__PURE__ */ e.createElement(
+    b && /* @__PURE__ */ e.createElement(
       "button",
       {
         "aria-label": "Clear search",
         title: "Clear search",
-        className: ue[`${ce}__clear-icon`],
-        onClick: E
+        className: ue[`${se}__clear-icon`],
+        onClick: v
       },
-      /* @__PURE__ */ e.createElement(I, { source: xe, kind: "primary" })
+      /* @__PURE__ */ e.createElement(T, { source: xe, kind: "primary" })
     ),
     r && /* @__PURE__ */ e.createElement(
       "div",
       {
-        "data-testid": `${ce}-loader`,
-        className: ue[`${ce}__loader`]
+        "data-testid": `${se}-loader`,
+        className: ue[`${se}__loader`]
       },
       /* @__PURE__ */ e.createElement(Qt, { size: "small" })
     )
   );
-}, Z_ = "lc-Switch-module__switch__input___NiiOR", Q_ = "lc-Switch-module__switch__container___79F7W", X_ = "lc-Switch-module__switch__track___2wr2M", j_ = "lc-Switch-module__switch__slider___WHd--", eo = "lc-Switch-module__switch__loader___FE-fA", to = "lc-Switch-module__switch__icon___-O1qY", Z = {
+}, X_ = "lc-Switch-module__switch__input___NiiOR", j_ = "lc-Switch-module__switch__container___79F7W", eo = "lc-Switch-module__switch__track___2wr2M", to = "lc-Switch-module__switch__slider___WHd--", ao = "lc-Switch-module__switch__loader___FE-fA", ro = "lc-Switch-module__switch__icon___-O1qY", Z = {
   switch: "lc-Switch-module__switch___AaA2k",
   "switch__track--enabled": "lc-Switch-module__switch__track--enabled___sy4Xl",
   "switch__track--on": "lc-Switch-module__switch__track--on___aOMWe",
@@ -3041,12 +3079,12 @@ const tt = {
   "switch--large": "lc-Switch-module__switch--large___pSoJ7",
   "switch--compact": "lc-Switch-module__switch--compact___OGFIX",
   "switch--medium": "lc-Switch-module__switch--medium___EcZwT",
-  switch__input: Z_,
+  switch__input: X_,
   "switch__input--disabled": "lc-Switch-module__switch__input--disabled___Po8gh",
-  switch__container: Q_,
-  switch__track: X_,
+  switch__container: j_,
+  switch__track: eo,
   "switch__track--disabled": "lc-Switch-module__switch__track--disabled___HkDhl",
-  switch__slider: j_,
+  switch__slider: to,
   "switch__slider--large": "lc-Switch-module__switch__slider--large___WoEgi",
   "switch__slider--large--on": "lc-Switch-module__switch__slider--large--on___7Qp3G",
   "switch__slider--large--off": "lc-Switch-module__switch__slider--large--off___iRMmD",
@@ -3056,13 +3094,13 @@ const tt = {
   "switch__slider--medium": "lc-Switch-module__switch__slider--medium___uhptz",
   "switch__slider--medium--on": "lc-Switch-module__switch__slider--medium--on___SfeAV",
   "switch__slider--medium--off": "lc-Switch-module__switch__slider--medium--off___eXJJz",
-  switch__loader: eo,
+  switch__loader: ao,
   "switch__loader--compact": "lc-Switch-module__switch__loader--compact___3imUh",
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
-  switch__icon: to
-}, q = "switch", yl = (s) => {
-  var p = s, {
+  switch__icon: ro
+}, q = "switch", kl = (n) => {
+  var u = n, {
     className: t = "",
     defaultOn: a = !1,
     disabled: r = !1,
@@ -3070,10 +3108,10 @@ const tt = {
     on: o,
     onChange: l = Wt,
     size: c = "large",
-    state: d = "regular",
-    innerRef: n,
-    ariaLabel: i
-  } = p, u = A(p, [
+    state: i = "regular",
+    innerRef: s,
+    ariaLabel: d
+  } = u, m = A(u, [
     "className",
     "defaultOn",
     "disabled",
@@ -3085,44 +3123,44 @@ const tt = {
     "innerRef",
     "ariaLabel"
   ]);
-  const [v, b] = e.useState(
+  const [b, h] = e.useState(
     () => o !== void 0 ? o : a
   );
   e.useEffect(() => {
-    o !== void 0 && b(o);
+    o !== void 0 && h(o);
   }, [o]);
-  const g = d === "loading", m = d === "locked", E = c === "large" ? "small" : "xsmall", y = v ? "on" : "off", C = r || g || m, S = C ? "disabled" : "enabled", k = f(
+  const g = i === "loading", p = i === "locked", v = c === "large" ? "small" : "xsmall", E = b ? "on" : "off", N = r || g || p, S = N ? "disabled" : "enabled", w = f(
     Z[q],
     Z[`${q}--${c}`],
     t
-  ), h = (N) => {
+  ), y = (C) => {
     if (l !== Wt) {
-      l(N, v);
+      l(C, b);
       return;
     }
-    N.stopPropagation(), b((W) => !W);
+    C.stopPropagation(), h((W) => !W);
   };
-  return /* @__PURE__ */ e.createElement("span", { className: k }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("span", { className: w }, /* @__PURE__ */ e.createElement(
     "input",
-    w({
+    $({
       type: "checkbox",
       className: f(
         Z[`${q}__input`],
         Z[`${q}__input--${S}`]
       ),
-      onChange: h,
-      checked: v,
+      onChange: y,
+      checked: b,
       name: _,
-      ref: n,
-      disabled: C,
-      "aria-label": i
-    }, u)
+      ref: s,
+      disabled: N,
+      "aria-label": d
+    }, m)
   ), /* @__PURE__ */ e.createElement("span", { className: Z[`${q}__container`] }, /* @__PURE__ */ e.createElement(
     "span",
     {
       className: f(
         Z[`${q}__track`],
-        Z[`${q}__track--${y}`],
+        Z[`${q}__track--${E}`],
         Z[`${q}__track--${S}`]
       )
     }
@@ -3132,7 +3170,7 @@ const tt = {
       className: f(
         Z[`${q}__slider`],
         Z[`${q}__slider--${c}`],
-        Z[`${q}__slider--${c}--${y}`]
+        Z[`${q}__slider--${c}--${E}`]
       )
     },
     g && /* @__PURE__ */ e.createElement(
@@ -3144,35 +3182,35 @@ const tt = {
         )
       }
     ),
-    m && /* @__PURE__ */ e.createElement(
-      I,
+    p && /* @__PURE__ */ e.createElement(
+      T,
       {
         className: Z[`${q}__icon`],
         "data-testid": "lock-icon",
-        size: E,
-        source: er,
+        size: v,
+        source: tr,
         kind: "primary"
       }
     )
   )));
-}, ao = "lc-Tab-module__tab___fME7u", ro = "lc-Tab-module__tab__count___gc8tA", _o = "lc-Tab-module__tab__badge___W9c-T", ze = {
-  tab: ao,
-  tab__count: ro,
+}, _o = "lc-Tab-module__tab___fME7u", oo = "lc-Tab-module__tab__count___gc8tA", lo = "lc-Tab-module__tab__badge___W9c-T", ze = {
+  tab: _o,
+  tab__count: oo,
   "tab--compact": "lc-Tab-module__tab--compact___4qead",
   "tab--medium": "lc-Tab-module__tab--medium___bHnGV",
   "tab--large": "lc-Tab-module__tab--large___JL30g",
-  tab__badge: _o,
+  tab__badge: lo,
   "tab--selected": "lc-Tab-module__tab--selected___c0EkL",
   "tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
-}, He = "tab", El = (d) => {
-  var n = d, {
+}, He = "tab", $l = (i) => {
+  var s = i, {
     children: t,
     className: a,
     count: r,
     isSelected: _,
     asBadge: o,
     size: l = "medium"
-  } = n, c = A(n, [
+  } = s, c = A(s, [
     "children",
     "className",
     "count",
@@ -3180,10 +3218,10 @@ const tt = {
     "asBadge",
     "size"
   ]);
-  const { disabled: i } = c, u = r !== void 0 && !o, s = r !== void 0 && o;
+  const { disabled: d } = c, m = r !== void 0 && !o, n = r !== void 0 && o;
   return /* @__PURE__ */ e.createElement(
     P,
-    B(w({}, c), {
+    B($({}, c), {
       as: c.href ? "a" : "button",
       size: "md",
       bold: _,
@@ -3192,13 +3230,13 @@ const tt = {
         ze[He],
         ze[`${He}--${l}`],
         _ && ze[`${He}--selected`],
-        i && ze[`${He}--disabled`]
+        d && ze[`${He}--disabled`]
       )
     }),
     t,
-    u && /* @__PURE__ */ e.createElement(P, { as: "span", size: "md", className: ze[`${He}__count`] }, "(", r, ")"),
-    s && /* @__PURE__ */ e.createElement(
-      Or,
+    m && /* @__PURE__ */ e.createElement(P, { as: "span", size: "md", className: ze[`${He}__count`] }, "(", r, ")"),
+    n && /* @__PURE__ */ e.createElement(
+      Hr,
       {
         "data-testid": "tab-badge",
         count: r,
@@ -3207,16 +3245,16 @@ const tt = {
       }
     )
   );
-}, oo = "lc-TabsWrapper-module__tabs___Y2xyD", lo = "lc-TabsWrapper-module__tabs__list___i6tVO", za = {
-  tabs: oo,
-  tabs__list: lo
-}, Ha = "tabs", kl = ({
+}, co = "lc-TabsWrapper-module__tabs___Y2xyD", no = "lc-TabsWrapper-module__tabs__list___i6tVO", Ha = {
+  tabs: co,
+  tabs__list: no
+}, Ga = "tabs", wl = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: f(za[Ha], t) }, a), $l = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: f(Ha[Ga], t) }, a), Cl = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: f(za[`${Ha}__list`], t) }, a), co = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: f(Ha[`${Ga}__list`], t) }, a), so = ({
   className: t = "",
   innerEditableRef: a,
   inputRef: r,
@@ -3224,29 +3262,29 @@ const tt = {
   remove: o,
   value: l
 }) => {
-  const [c, d] = e.useState(!1), n = () => a.current, i = () => {
-    const b = n();
-    return b ? b.innerText : "";
-  }, u = () => {
+  const [c, i] = e.useState(!1), s = () => a.current, d = () => {
+    const h = s();
+    return h ? h.innerText : "";
+  }, m = () => {
     r && r.current && r.current.focus();
-  }, s = (b) => {
-    if (b.key === M.enter) {
-      b.preventDefault(), u();
+  }, n = (h) => {
+    if (h.key === M.enter) {
+      h.preventDefault(), m();
       return;
     }
-    b.key === M.backspace && i() === "" && (d(!0), o(), u());
-  }, p = () => {
-    const b = n();
-    if (!(c || !b)) {
-      if (b.innerText === "") {
+    h.key === M.backspace && d() === "" && (i(!0), o(), m());
+  }, u = () => {
+    const h = s();
+    if (!(c || !h)) {
+      if (h.innerText === "") {
         o();
         return;
       }
-      _(b.innerText);
+      _(h.innerText);
     }
-  }, v = (b) => {
-    b.preventDefault();
-    const g = b.clipboardData.getData("text/plain");
+  }, b = (h) => {
+    h.preventDefault();
+    const g = h.clipboardData.getData("text/plain");
     document.execCommand("insertHTML", !1, ra(g));
   };
   return /* @__PURE__ */ e.createElement(
@@ -3255,9 +3293,9 @@ const tt = {
       ref: a,
       className: t,
       contentEditable: !0,
-      onPaste: v,
-      onBlur: p,
-      onKeyDown: s,
+      onPaste: b,
+      onBlur: u,
+      onKeyDown: n,
       dangerouslySetInnerHTML: { __html: ra(l) }
     }
   );
@@ -3268,7 +3306,7 @@ const tt = {
   "tag-input__input--medium": "lc-TagInput-module__tag-input__input--medium___DYF7X",
   "tag-input__input--large": "lc-TagInput-module__tag-input__input--large___G6iEO",
   "tag-input__tag__content": "lc-TagInput-module__tag-input__tag__content___x95-M"
-}, no = "tag-input__tag", so = ({
+}, io = "tag-input__tag", uo = ({
   children: t,
   index: a,
   remove: r,
@@ -3277,36 +3315,36 @@ const tt = {
   update: l,
   size: c
 }) => {
-  const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), n = e.useRef(null), i = () => r(a);
+  const i = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), s = e.useRef(null), d = () => r(a);
   return /* @__PURE__ */ e.createElement(
-    Ma,
+    La,
     {
-      kind: d ? "default" : "error",
+      kind: i ? "default" : "error",
       dismissible: !0,
       size: c,
-      onRemove: i
+      onRemove: d
     },
     /* @__PURE__ */ e.createElement(
-      co,
+      so,
       {
         value: t,
         inputRef: o,
-        innerEditableRef: n,
-        className: ct[`${no}__content`],
-        change: (u) => l(a, u),
-        remove: i,
+        innerEditableRef: s,
+        className: ct[`${io}__content`],
+        change: (m) => l(a, m),
+        remove: d,
         validator: _
       }
     )
   );
-}, $t = "tag-input", io = [
+}, $t = "tag-input", mo = [
   M.enter,
   M.spacebar,
   M.tab,
   M.semicolon,
   M.comma
-], uo = [M.backspace, M.delete], mo = (n) => {
-  var i = n, {
+], po = [M.backspace, M.delete], go = (s) => {
+  var d = s, {
     id: t,
     tags: a,
     onChange: r,
@@ -3314,7 +3352,7 @@ const tt = {
     error: o,
     placeholder: l,
     size: c = "medium"
-  } = i, d = A(i, [
+  } = d, i = A(d, [
     "id",
     "tags",
     "onChange",
@@ -3323,85 +3361,85 @@ const tt = {
     "placeholder",
     "size"
   ]);
-  const u = f(ct[$t], {
+  const m = f(ct[$t], {
     [ct[`${$t}--error`]]: o
-  }), s = f(
+  }), n = f(
     ct[`${$t}__input`],
     ct[`${$t}__input--${c}`]
-  ), [p, v] = e.useState(""), b = e.useRef(null), g = (k) => {
-    r([...a || [], k]), v("");
-  }, m = (k) => {
-    const h = [...a || []];
-    h.splice(k, 1), r(h);
-  }, E = (k) => v(k.target.value), y = (k) => {
-    if (io.includes(k.key)) {
-      if (k.preventDefault(), p === "")
+  ), [u, b] = e.useState(""), h = e.useRef(null), g = (w) => {
+    r([...a || [], w]), b("");
+  }, p = (w) => {
+    const y = [...a || []];
+    y.splice(w, 1), r(y);
+  }, v = (w) => b(w.target.value), E = (w) => {
+    if (mo.includes(w.key)) {
+      if (w.preventDefault(), u === "")
         return;
-      g(p);
-    } else if (uo.includes(k.key)) {
-      if (p !== "" || !(a != null && a.length))
+      g(u);
+    } else if (po.includes(w.key)) {
+      if (u !== "" || !(a != null && a.length))
         return;
-      m(a.length - 1);
+      p(a.length - 1);
     }
-  }, C = (k, h) => {
-    const N = [...a || []];
-    N.reduce(
-      (W, X, $e) => W + (X === h && $e !== k ? 1 : 0),
+  }, N = (w, y) => {
+    const C = [...a || []];
+    C.reduce(
+      (W, X, $e) => W + (X === y && $e !== w ? 1 : 0),
       0
-    ) > 0 ? N.splice(k, 1) : N[k] = h, r(N);
-  }, S = (k) => {
-    k.preventDefault();
-    const N = k.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
-    r([...a || [], ...N]);
+    ) > 0 ? C.splice(w, 1) : C[w] = y, r(C);
+  }, S = (w) => {
+    w.preventDefault();
+    const C = w.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
+    r([...a || [], ...C]);
   };
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: u }, a == null ? void 0 : a.map((k, h) => /* @__PURE__ */ e.createElement(
-    so,
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: m }, a == null ? void 0 : a.map((w, y) => /* @__PURE__ */ e.createElement(
+    uo,
     {
-      index: h,
-      key: `${h}${k}`,
-      update: C,
-      remove: m,
-      inputRef: b,
+      index: y,
+      key: `${y}${w}`,
+      update: N,
+      remove: p,
+      inputRef: h,
       validator: _,
       size: c
     },
-    k
+    w
   )), /* @__PURE__ */ e.createElement(
     "input",
-    B(w({}, d), {
+    B($({}, i), {
       id: t,
-      ref: b,
-      className: s,
+      ref: h,
+      className: n,
       placeholder: l,
-      value: p,
-      onChange: E,
-      onKeyDown: y,
+      value: u,
+      onChange: v,
+      onKeyDown: E,
       onPaste: S
     })
   )), o && /* @__PURE__ */ e.createElement(Xt, null, o));
-}, po = /^(?:[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, go = "name@company.com", fo = (t) => po.test(t), wl = ({
+}, fo = /^(?:[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, bo = "name@company.com", vo = (t) => fo.test(t), Nl = ({
   id: t,
   tags: a,
   onChange: r,
   error: _,
-  placeholder: o = go,
+  placeholder: o = bo,
   size: l
 }) => /* @__PURE__ */ e.createElement(
-  mo,
+  go,
   {
     id: t,
     tags: a,
     error: _,
     onChange: r,
     placeholder: o,
-    validator: fo,
+    validator: vo,
     size: l
   }
-), bo = "lc-Toast-module__toast___j5Amn", vo = "lc-Toast-module__toast__content___HjaNw", ho = "lc-Toast-module__toast__actions___JWu-1", yo = "lc-Toast-module__toast__actions__close___CRPrb", U = {
-  toast: bo,
-  toast__content: vo,
-  toast__actions: ho,
-  toast__actions__close: yo,
+), ho = "lc-Toast-module__toast___j5Amn", yo = "lc-Toast-module__toast__content___HjaNw", Eo = "lc-Toast-module__toast__actions___JWu-1", ko = "lc-Toast-module__toast__actions__close___CRPrb", U = {
+  toast: ho,
+  toast__content: yo,
+  toast__actions: Eo,
+  toast__actions__close: ko,
   "toast__actions--custom": "lc-Toast-module__toast__actions--custom___lm-pM",
   "toast--success": "lc-Toast-module__toast--success___7UC6m",
   "toast--warning": "lc-Toast-module__toast--warning___pteb7",
@@ -3423,28 +3461,28 @@ const tt = {
   "toast-appear-active--fade": "lc-Toast-module__toast-appear-active--fade___D3--J",
   "toast-exit--fade": "lc-Toast-module__toast-exit--fade___iDA1p",
   "toast-exit-active--fade": "lc-Toast-module__toast-exit-active--fade___tL7sb"
-}, Eo = {
+}, $o = {
   success: {
-    source: Sa
+    source: Da
   },
   warning: {
-    source: xa
+    source: Sa
   },
   error: {
-    source: Da
+    source: Ta
   },
   info: {
     source: qt
   }
-}, Ce = "toast", ko = (d) => {
-  var n = d, {
+}, Ce = "toast", wo = (i) => {
+  var s = i, {
     action: t,
     className: a,
     children: r,
     removable: _,
     kind: o = "info",
     onClose: l
-  } = n, c = A(n, [
+  } = s, c = A(s, [
     "action",
     "className",
     "children",
@@ -3452,17 +3490,17 @@ const tt = {
     "kind",
     "onClose"
   ]);
-  const i = f(
+  const d = f(
     U[Ce],
     U[`${Ce}--${o}`],
     a
-  ), u = (s) => s && s.closesOnClick && l ? (s.onClick(), l()) : s.onClick();
-  return /* @__PURE__ */ e.createElement("div", w({ className: i }, c), /* @__PURE__ */ e.createElement("div", { className: U[`${Ce}__icon`] }, /* @__PURE__ */ e.createElement(I, B(w({}, Eo[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: U[`${Ce}__content`] }, /* @__PURE__ */ e.createElement(P, { as: "div" }, r)), (t || _) && /* @__PURE__ */ e.createElement("div", { className: U[`${Ce}__actions`] }, t && /* @__PURE__ */ e.createElement(
-    ne,
+  ), m = typeof r == "string", n = (u) => u && u.closesOnClick && l ? (u.onClick(), l()) : u.onClick();
+  return /* @__PURE__ */ e.createElement("div", $({ className: d }, c), /* @__PURE__ */ e.createElement("div", { className: U[`${Ce}__icon`] }, /* @__PURE__ */ e.createElement(T, B($({}, $o[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: U[`${Ce}__content`] }, m ? /* @__PURE__ */ e.createElement(P, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: U[`${Ce}__actions`] }, t && /* @__PURE__ */ e.createElement(
+    ie,
     {
       className: U[`${Ce}__actions--custom`],
       kind: "plain",
-      onClick: () => u(t)
+      onClick: () => n(t)
     },
     t.label
   ), _ && /* @__PURE__ */ e.createElement(
@@ -3473,7 +3511,7 @@ const tt = {
       onClick: l
     },
     /* @__PURE__ */ e.createElement(
-      I,
+      T,
       {
         className: U[`${Ce}__actions__close`],
         source: xe,
@@ -3481,7 +3519,7 @@ const tt = {
       }
     )
   )));
-}, $o = 200, rt = "toast-wrapper", Cl = ({
+}, Co = 200, rt = "toast-wrapper", xl = ({
   className: t,
   toasts: a = [],
   fixed: r = !0,
@@ -3490,7 +3528,7 @@ const tt = {
   verticalPosition: l = "top",
   horizontalPosition: c = "center"
 }) => {
-  const d = f(
+  const i = f(
     U[rt],
     {
       [U[`${rt}--fixed`]]: r,
@@ -3500,38 +3538,38 @@ const tt = {
     },
     t
   );
-  return /* @__PURE__ */ e.createElement("div", { className: d }, /* @__PURE__ */ e.createElement(Aa, { component: null }, a.map(({ id: n, kind: i, content: u, removable: s, action: p, onClose: v }) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement(Pa, { component: null }, a.map(({ id: s, kind: d, content: m, removable: n, action: u, onClose: b }) => /* @__PURE__ */ e.createElement(
     Zt,
     {
-      key: n,
+      key: s,
       classNames: {
         enter: U[`toast-appear--${o}`],
         enterActive: U[`toast-appear-active--${o}`],
         exit: U[`toast-exit--${o}`],
         exitActive: U[`toast-exit-active--${o}`]
       },
-      timeout: $o
+      timeout: Co
     },
     /* @__PURE__ */ e.createElement(
-      ko,
+      wo,
       {
-        kind: i,
-        onClose: v,
-        removable: s,
-        action: p
+        kind: d,
+        onClose: b,
+        removable: n,
+        action: u
       },
-      u
+      m
     )
   ))));
-}, wo = "lc-Tooltip-module__tooltip___QOOAr", Co = "lc-Tooltip-module__tooltip__wrapper___dmjmW", No = "lc-Tooltip-module__tooltip__interactive___0JawB", xo = "lc-Tooltip-module__tooltip__arrow___Ov1YW", x = {
-  tooltip: wo,
-  tooltip__wrapper: Co,
-  tooltip__interactive: No,
+}, No = "lc-Tooltip-module__tooltip___QOOAr", xo = "lc-Tooltip-module__tooltip__wrapper___dmjmW", So = "lc-Tooltip-module__tooltip__interactive___0JawB", Do = "lc-Tooltip-module__tooltip__arrow___Ov1YW", x = {
+  tooltip: No,
+  tooltip__wrapper: xo,
+  tooltip__interactive: So,
   "tooltip__user-guide-step": "lc-Tooltip-module__tooltip__user-guide-step___evexI",
   "tooltip--invert": "lc-Tooltip-module__tooltip--invert___PVjhE",
   "tooltip--important": "lc-Tooltip-module__tooltip--important___X-IMK",
   "tooltip--full-space": "lc-Tooltip-module__tooltip--full-space___wmbaw",
-  tooltip__arrow: xo,
+  tooltip__arrow: Do,
   "tooltip-header": "lc-Tooltip-module__tooltip-header___QV0Vd",
   "tooltip-header--info": "lc-Tooltip-module__tooltip-header--info___zLJ2Z",
   "tooltip-image-container": "lc-Tooltip-module__tooltip-image-container___ySmcd",
@@ -3551,7 +3589,7 @@ const tt = {
   "reports-tooltip__heading__title": "lc-Tooltip-module__reports-tooltip__heading__title___6TlzE",
   "reports-tooltip__heading__description": "lc-Tooltip-module__reports-tooltip__heading__description___eOQnc",
   "reports-tooltip__content": "lc-Tooltip-module__reports-tooltip__content___jxis9"
-}, So = ({
+}, To = ({
   visible: t,
   floatingOptions: a,
   referenceElement: r,
@@ -3559,75 +3597,75 @@ const tt = {
   arrowOffsetY: o,
   baseClass: l,
   className: c,
-  theme: d,
-  withFadeAnimation: n,
-  transitionDuration: i,
-  transitionDelay: u,
-  handleMouseEnter: s,
-  handleMouseLeave: p,
-  handleCloseAction: v,
-  arrowRef: b,
+  theme: i,
+  withFadeAnimation: s,
+  transitionDuration: d,
+  transitionDelay: m,
+  handleMouseEnter: n,
+  handleMouseLeave: u,
+  handleCloseAction: b,
+  arrowRef: h,
   childrenElements: g,
-  fullSpaceContent: m
+  fullSpaceContent: p
 }) => {
   const {
-    x: E,
-    y,
-    reference: C,
+    x: v,
+    y: E,
+    reference: N,
     floating: S,
-    strategy: k,
-    update: h,
-    refs: N,
-    placement: $,
+    strategy: w,
+    update: y,
+    refs: C,
+    placement: k,
     middlewareData: { arrow: { x: W, y: X } = {} }
   } = a;
   e.useEffect(() => {
-    if (!(!N.reference.current || !N.floating.current))
-      return Na(N.reference.current, N.floating.current, h);
-  }, [N.reference, N.floating, h, $, t]), e.useEffect(() => {
-    r && C(r);
-  }, [C, r]);
+    if (!(!C.reference.current || !C.floating.current))
+      return xa(C.reference.current, C.floating.current, y);
+  }, [C.reference, C.floating, y, k, t]), e.useEffect(() => {
+    r && N(r);
+  }, [N, r]);
   const $e = o && X ? X + o : X, Fe = _ && W ? W + _ : W, Se = f(x[l], c, {
-    [x[`${l}--invert`]]: d === "invert",
-    [x[`${l}--important`]]: d === "important",
-    [x[`${l}--full-space`]]: m
+    [x[`${l}--invert`]]: i === "invert",
+    [x[`${l}--important`]]: i === "important",
+    [x[`${l}--full-space`]]: p
   }), De = /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: S,
       style: {
-        position: k,
-        top: y != null ? y : "",
-        left: E != null ? E : ""
+        position: w,
+        top: E != null ? E : "",
+        left: v != null ? v : ""
       },
       className: Se,
-      onMouseEnter: s,
-      onMouseLeave: p
+      onMouseEnter: n,
+      onMouseLeave: u
     },
-    e.Children.map(g, (ge) => e.isValidElement(ge) ? e.cloneElement(ge, w({
-      handleCloseAction: v,
-      theme: d
+    e.Children.map(g, (ge) => e.isValidElement(ge) ? e.cloneElement(ge, $({
+      handleCloseAction: b,
+      theme: i
     }, ge.props)) : null),
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        ref: b,
+        ref: h,
         className: f([x[`${l}__arrow`]]),
-        "data-arrow-placement": $,
+        "data-arrow-placement": k,
         style: { top: $e, left: Fe }
       }
     )
   );
   function We() {
-    if (n) {
+    if (s) {
       const ge = Ye`
         pointer-events: none;
         opacity: 0;
-      `, se = Ye`
+      `, de = Ye`
         opacity: 1;
         transition-property: opacity;
-        transition-duration: ${i}ms;
-        transition-delay: ${u}ms;
+        transition-duration: ${d}ms;
+        transition-delay: ${m}ms;
       `, it = Ye`
         pointer-events: initial;
       `, dt = Ye`
@@ -3635,9 +3673,9 @@ const tt = {
       `, F = Ye`
         opacity: 0;
         transition-property: opacity;
-        transition-duration: ${i}ms;
-        transition-delay: ${u}ms;
-      `, G = i + u;
+        transition-duration: ${d}ms;
+        transition-delay: ${m}ms;
+      `, G = d + m;
       return /* @__PURE__ */ e.createElement(
         Zt,
         {
@@ -3648,7 +3686,7 @@ const tt = {
           classNames: {
             enter: ge,
             enterDone: it,
-            enterActive: se,
+            enterActive: de,
             exit: dt,
             exitActive: F
           }
@@ -3660,7 +3698,7 @@ const tt = {
   }
   return /* @__PURE__ */ e.createElement(e.Fragment, null, We());
 };
-function Ga(t) {
+function Ua(t) {
   switch (t) {
     case "invert":
       return "inverted";
@@ -3668,7 +3706,7 @@ function Ga(t) {
       return "primary";
   }
 }
-const Do = (t) => new Promise((a) => setTimeout(a, t)), ha = "tooltip", To = (t) => {
+const Io = (t) => new Promise((a) => setTimeout(a, t)), ya = "tooltip", Bo = (t) => {
   const {
     triggerRenderer: a,
     referenceElement: r,
@@ -3676,74 +3714,74 @@ const Do = (t) => new Promise((a) => setTimeout(a, t)), ha = "tooltip", To = (t)
     className: o,
     theme: l,
     placement: c,
-    isVisible: d,
-    withFadeAnimation: n = !0,
-    transitionDuration: i = 200,
-    transitionDelay: u = 0,
-    hoverOutDelayTimeout: s = 100,
-    offsetMainAxis: p = 8,
-    triggerOnClick: v = !1,
-    arrowOffsetY: b,
+    isVisible: i,
+    withFadeAnimation: s = !0,
+    transitionDuration: d = 200,
+    transitionDelay: m = 0,
+    hoverOutDelayTimeout: n = 100,
+    offsetMainAxis: u = 8,
+    triggerOnClick: b = !1,
+    arrowOffsetY: h,
     arrowOffsetX: g,
-    fullSpaceContent: m,
-    onOpen: E,
-    onClose: y
-  } = t, C = e.useRef(!0), S = d !== void 0, k = e.useRef(null), [h, N] = e.useState(d), $ = e.useRef(!1), W = $a({
+    fullSpaceContent: p,
+    onOpen: v,
+    onClose: E
+  } = t, N = e.useRef(!0), S = i !== void 0, w = e.useRef(null), [y, C] = e.useState(i), k = e.useRef(!1), W = wa({
     middleware: [
-      wa({ mainAxis: p }),
-      Ka({ element: k }),
-      Ca()
+      Ca({ mainAxis: u }),
+      Za({ element: w }),
+      Na()
     ],
     placement: c
-  }), X = (se) => {
-    se ? !h && (E == null || E()) : h && (y == null || y()), S || N(se);
+  }), X = (de) => {
+    de ? !y && (v == null || v()) : y && (E == null || E()), S || C(de);
   };
   e.useEffect(() => {
-    if (C.current) {
-      C.current = !1;
+    if (N.current) {
+      N.current = !1;
       return;
     }
-    d === !0 && (E == null || E()), d === !1 && (y == null || y()), N(d);
-  }, [d]), e.useEffect(() => (document.addEventListener("keydown", Se), () => {
+    i === !0 && (v == null || v()), i === !1 && (E == null || E()), C(i);
+  }, [i]), e.useEffect(() => (document.addEventListener("keydown", Se), () => {
     document.removeEventListener("keydown", Se);
   }), []);
   const $e = () => {
-    v || S || ($.current = !0, X(!0));
+    b || S || (k.current = !0, X(!0));
   }, Fe = () => {
-    v || S || ($.current = !1, Do(s).then(() => {
-      $.current || X(!1);
+    b || S || (k.current = !1, Io(n).then(() => {
+      k.current || X(!1);
     }));
-  }, Se = (se) => {
-    (se instanceof KeyboardEvent && se.key === "Escape" || se.type === "click") && X(!1);
+  }, Se = (de) => {
+    (de instanceof KeyboardEvent && de.key === "Escape" || de.type === "click") && X(!1);
   }, De = /* @__PURE__ */ e.createElement(
-    So,
+    To,
     {
-      baseClass: ha,
+      baseClass: ya,
       className: o,
-      visible: h,
+      visible: y,
       floatingOptions: W,
-      arrowRef: k,
+      arrowRef: w,
       handleMouseEnter: $e,
       handleMouseLeave: Fe,
       handleCloseAction: Se,
       childrenElements: _,
-      transitionDuration: i,
-      transitionDelay: u,
+      transitionDuration: d,
+      transitionDelay: m,
       referenceElement: r,
       arrowOffsetX: g,
-      arrowOffsetY: b,
+      arrowOffsetY: h,
       theme: l,
-      withFadeAnimation: n,
-      fullSpaceContent: m
+      withFadeAnimation: s,
+      fullSpaceContent: p
     }
   );
   if (r)
     return De;
   const We = () => {
-    X(!h);
+    X(!y);
   }, ge = () => {
     if (!S)
-      return v ? {
+      return b ? {
         onClick: We
       } : {
         onMouseEnter: $e,
@@ -3752,23 +3790,23 @@ const Do = (t) => new Promise((a) => setTimeout(a, t)), ha = "tooltip", To = (t)
   };
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    w({
-      className: x[`${ha}__wrapper`],
+    $({
+      className: x[`${ya}__wrapper`],
       ref: W.reference
     }, ge()),
     a()
   ), De);
-}, Nl = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), wt = "tooltip", xl = ({ header: t, text: a, closeWithX: r, theme: _, handleCloseAction: o }) => /* @__PURE__ */ e.createElement("div", null, r && /* @__PURE__ */ e.createElement(
+}, Sl = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), wt = "tooltip", Dl = ({ header: t, text: a, closeWithX: r, theme: _, handleCloseAction: o }) => /* @__PURE__ */ e.createElement("div", null, r && /* @__PURE__ */ e.createElement(
   "div",
   {
     className: x[`${wt}-close`],
     onClick: o
   },
   /* @__PURE__ */ e.createElement(
-    I,
+    T,
     {
-      source: Ia,
-      kind: _ ? Ga(_) : "primary"
+      source: Ba,
+      kind: _ ? Ua(_) : "primary"
     }
   )
 ), t && /* @__PURE__ */ e.createElement(
@@ -3780,7 +3818,7 @@ const Do = (t) => new Promise((a) => setTimeout(a, t)), ha = "tooltip", To = (t)
     )
   },
   t
-), /* @__PURE__ */ e.createElement("div", { className: x[`${wt}-text`] }, a)), Ne = "tooltip", Sl = ({
+), /* @__PURE__ */ e.createElement("div", { className: x[`${wt}-text`] }, a)), Ne = "tooltip", Tl = ({
   header: t,
   text: a,
   image: r,
@@ -3788,14 +3826,14 @@ const Do = (t) => new Promise((a) => setTimeout(a, t)), ha = "tooltip", To = (t)
   theme: o,
   handleCloseAction: l,
   primaryButton: c,
-  secondaryButton: d
+  secondaryButton: i
 }) => /* @__PURE__ */ e.createElement("div", { className: x[`${Ne}__interactive`] }, _ && /* @__PURE__ */ e.createElement("div", { className: x[`${Ne}-close`] }, /* @__PURE__ */ e.createElement(
   "button",
   {
     className: x[`${Ne}-close-button`],
     onClick: l
   },
-  /* @__PURE__ */ e.createElement(I, { source: Ia, kind: o ? Ga(o) : "primary" })
+  /* @__PURE__ */ e.createElement(T, { source: Ba, kind: o ? Ua(o) : "primary" })
 )), r && /* @__PURE__ */ e.createElement("div", { className: x[`${Ne}-image-container`] }, /* @__PURE__ */ e.createElement(
   "img",
   {
@@ -3804,20 +3842,20 @@ const Do = (t) => new Promise((a) => setTimeout(a, t)), ha = "tooltip", To = (t)
     alt: r.alt
   }
 )), t && /* @__PURE__ */ e.createElement("div", { className: x[`${Ne}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: x[`${Ne}-text`] }, a), /* @__PURE__ */ e.createElement("div", { className: x[`${Ne}-footer`] }, /* @__PURE__ */ e.createElement(
-  ne,
+  ie,
   {
     kind: c.kind || "primary",
     onClick: c.handleClick
   },
   c.label
 ), /* @__PURE__ */ e.createElement(
-  ne,
+  ie,
   {
-    kind: d.kind || "secondary",
-    onClick: d.handleClick
+    kind: i.kind || "secondary",
+    onClick: i.handleClick
   },
-  d.label
-))), J = "guide-tooltip", Io = ({
+  i.label
+))), J = "guide-tooltip", Ao = ({
   gap: t,
   isVisible: a,
   slide: r,
@@ -3840,12 +3878,12 @@ const Do = (t) => new Promise((a) => setTimeout(a, t)), ha = "tooltip", To = (t)
     left: "0",
     width: "100%",
     height: `${t.top}px`
-  }, d = {
+  }, i = {
     top: `${t.bottom}px`,
     left: "0",
     width: "100%",
     height: `calc(100% - ${t.bottom}px)`
-  }, n = {
+  }, s = {
     top: `${t.top}px`,
     left: `${t.left}px`,
     width: `${t.width}px`,
@@ -3890,7 +3928,7 @@ const Do = (t) => new Promise((a) => setTimeout(a, t)), ha = "tooltip", To = (t)
         [x[`${J}__overlay--visible`]]: a,
         [x[`${J}__overlay--slide`]]: r
       }),
-      style: d
+      style: i
     }
   ), _ && /* @__PURE__ */ e.createElement(
     "div",
@@ -3900,27 +3938,27 @@ const Do = (t) => new Promise((a) => setTimeout(a, t)), ha = "tooltip", To = (t)
         [x[`${J}__overlay--visible`]]: a,
         [x[`${J}__overlay--slide`]]: r
       }),
-      style: n
+      style: s
     }
   ));
 };
-class Bo {
+class Po {
   constructor(a, r) {
     At(this, "element");
     At(this, "padding");
     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, l = Math.round(a.height) + 2 * this.padding, c = _, d = r, n = c + l, i = d + o;
+    const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, l = Math.round(a.height) + 2 * this.padding, c = _, i = r, s = c + l, d = i + o;
     return {
       x: r,
       y: _,
       width: o,
       height: l,
       top: c,
-      left: d,
-      bottom: n,
-      right: i
+      left: i,
+      bottom: s,
+      right: d
     };
   }
   getBoundingClientRect() {
@@ -3933,7 +3971,7 @@ class Bo {
     return this.getBoundingClientRect().height;
   }
 }
-const ya = 8, Ea = "guide-tooltip", ka = (t, a) => new Bo(t, a), Dl = (t) => {
+const Ea = 8, ka = "guide-tooltip", $a = (t, a) => new Po(t, a), Il = (t) => {
   const {
     className: a,
     parentElementName: r,
@@ -3941,56 +3979,56 @@ const ya = 8, Ea = "guide-tooltip", ka = (t, a) => new Bo(t, a), Dl = (t) => {
     shouldSlide: o = !0
   } = t, [l, c] = e.useState(
     null
-  ), [d, n] = e.useState(null), [i, u] = e.useState(o), s = () => {
-    l && (n(
-      ka(
+  ), [i, s] = e.useState(null), [d, m] = e.useState(o), n = () => {
+    l && (s(
+      $a(
         l,
-        ya
+        Ea
       ).getBoundingClientRect()
-    ), u(!1));
+    ), m(!1));
   };
   return e.useEffect(() => {
     if (l !== null)
-      return window.addEventListener("resize", s), window.addEventListener("scroll", s), () => {
-        window.addEventListener("resize", s), window.addEventListener("resize", s);
+      return window.addEventListener("resize", n), window.addEventListener("scroll", n), () => {
+        window.addEventListener("resize", n), window.addEventListener("resize", n);
       };
   }, [l, r]), e.useEffect(() => {
     if (r) {
-      const p = document.querySelector(r);
-      c(p);
+      const u = document.querySelector(r);
+      c(u);
     }
   }, [r]), e.useEffect(() => {
-    l && n(
-      ka(
+    l && s(
+      $a(
         l,
-        ya
+        Ea
       ).getBoundingClientRect()
-    ), u(!0);
+    ), m(!0);
   }, [l]), l && _ ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
-    Io,
+    Ao,
     {
-      gap: d,
+      gap: i,
       isVisible: _,
-      slide: i,
+      slide: d,
       disablePointerEvents: !0
     }
   ), /* @__PURE__ */ e.createElement(
-    To,
-    B(w({}, t), {
+    Bo,
+    B($({}, t), {
       referenceElement: {
-        getBoundingClientRect: () => d,
+        getBoundingClientRect: () => i,
         contextElement: l
       },
       arrowOffsetY: 25,
       className: f({
-        [x[Ea]]: !0,
-        [x[`${Ea}--slide`]]: i,
+        [x[ka]]: !0,
+        [x[`${ka}--slide`]]: d,
         className: a
       })
     }),
     t.children
   )) : null;
-}, _t = "reports-tooltip", Tl = ({
+}, _t = "reports-tooltip", Bl = ({
   title: t,
   description: a,
   children: r
@@ -4002,29 +4040,29 @@ const ya = 8, Ea = "guide-tooltip", ka = (t, a) => new Bo(t, a), Dl = (t) => {
     className: x[`${_t}__heading__description`]
   },
   a
-)), /* @__PURE__ */ e.createElement("div", { className: x[`${_t}__content`] }, /* @__PURE__ */ e.createElement(P, { as: "div" }, r))), Ao = "lc-Textarea-module__textarea___g6U8F", Ct = {
-  textarea: Ao,
+)), /* @__PURE__ */ e.createElement("div", { className: x[`${_t}__content`] }, /* @__PURE__ */ e.createElement(P, { as: "div" }, r))), Fo = "lc-Textarea-module__textarea___g6U8F", Ct = {
+  textarea: Fo,
   "textarea--focused": "lc-Textarea-module__textarea--focused___1vtEx",
   "textarea--disabled": "lc-Textarea-module__textarea--disabled___xXaGv",
   "textarea--error": "lc-Textarea-module__textarea--error___0EGuq"
-}, Nt = "textarea", Il = e.forwardRef(
+}, Nt = "textarea", Al = e.forwardRef(
   (o, _) => {
     var l = o, { className: t, error: a } = l, r = A(l, ["className", "error"]);
-    const { disabled: c, onBlur: d, onFocus: n } = r, [i, u] = e.useState(!1), s = f(t, Ct[Nt], {
+    const { disabled: c, onBlur: i, onFocus: s } = r, [d, m] = e.useState(!1), n = f(t, Ct[Nt], {
       [Ct[`${Nt}--disabled`]]: c,
-      [Ct[`${Nt}--focused`]]: i,
+      [Ct[`${Nt}--focused`]]: d,
       [Ct[`${Nt}--error`]]: a
-    }), p = (b) => {
-      u(!1), d == null || d(b);
-    }, v = (b) => {
-      u(!0), n == null || n(b);
+    }), u = (h) => {
+      m(!1), i == null || i(h);
+    }, b = (h) => {
+      m(!0), s == null || s(h);
     };
-    return /* @__PURE__ */ e.createElement("div", { className: s }, /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(
       "textarea",
-      B(w({}, r), {
+      B($({}, r), {
         ref: _,
-        onFocus: v,
-        onBlur: p
+        onFocus: b,
+        onBlur: u
       })
     ));
   }
@@ -4040,7 +4078,7 @@ const ya = 8, Ea = "guide-tooltip", ka = (t, a) => new Bo(t, a), Dl = (t) => {
     "aria-label": "Retry",
     onClick: r
   },
-  /* @__PURE__ */ e.createElement(I, { size: "small", source: tr })
+  /* @__PURE__ */ e.createElement(T, { size: "small", source: ar })
 ), a && t !== "success" && /* @__PURE__ */ e.createElement(
   "button",
   {
@@ -4049,8 +4087,8 @@ const ya = 8, Ea = "guide-tooltip", ka = (t, a) => new Bo(t, a), Dl = (t) => {
     "aria-label": "Close",
     onClick: a
   },
-  /* @__PURE__ */ e.createElement(I, { size: "small", source: xe })
-)), le = {
+  /* @__PURE__ */ e.createElement(T, { size: "small", source: xe })
+)), ne = {
   "file-upload-progress": "lc-FileUploadProgress-module__file-upload-progress___xw8h8",
   "file-upload-progress__icon": "lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz",
   "file-upload-progress__icon--success": "lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH",
@@ -4061,7 +4099,7 @@ const ya = 8, Ea = "guide-tooltip", ka = (t, a) => new Bo(t, a), Dl = (t) => {
   "file-upload-progress__wrapper__header__title": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv",
   "file-upload-progress__wrapper__header__title--success": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl",
   "file-upload-progress__wrapper__header__title--error": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"
-}, Ee = "file-upload-progress", zt = `${Ee}__wrapper__header__title`, Po = e.forwardRef(
+}, Ee = "file-upload-progress", zt = `${Ee}__wrapper__header__title`, Ro = e.forwardRef(
   ({
     actionsVisibility: t = "hidden",
     className: a,
@@ -4070,30 +4108,30 @@ const ya = 8, Ea = "guide-tooltip", ka = (t, a) => new Bo(t, a), Dl = (t) => {
     progressValue: o,
     size: l,
     status: c = "normal",
-    onCloseButtonClick: d,
-    onRetryButtonClick: n
-  }, i) => /* @__PURE__ */ e.createElement("div", { className: le[Ee], ref: i }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: le[`${Ee}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
+    onCloseButtonClick: i,
+    onRetryButtonClick: s
+  }, d) => /* @__PURE__ */ e.createElement("div", { className: ne[Ee], ref: d }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: ne[`${Ee}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: f(
-        le[`${Ee}__icon`],
-        le[`${Ee}__icon--success`]
+        ne[`${Ee}__icon`],
+        ne[`${Ee}__icon--success`]
       )
     },
-    /* @__PURE__ */ e.createElement(I, { source: Jt })
+    /* @__PURE__ */ e.createElement(T, { source: Jt })
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f(le[`${Ee}__wrapper`], {
-        [le[`${Ee}__wrapper--with-icon`]]: r
+      className: f(ne[`${Ee}__wrapper`], {
+        [ne[`${Ee}__wrapper--with-icon`]]: r
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: le[`${Ee}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: ne[`${Ee}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: f(le[zt], {
-          [le[`${zt}--success`]]: c === "success",
-          [le[`${zt}--error`]]: c === "error"
+        className: f(ne[zt], {
+          [ne[`${zt}--success`]]: c === "success",
+          [ne[`${zt}--error`]]: c === "error"
         })
       },
       /* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, _),
@@ -4103,20 +4141,20 @@ const ya = 8, Ea = "guide-tooltip", ka = (t, a) => new Bo(t, a), Dl = (t) => {
       "div",
       {
         className: f({
-          [le[`${Ee}__wrapper__header__actions`]]: t === "hover"
+          [ne[`${Ee}__wrapper__header__actions`]]: t === "hover"
         })
       },
       /* @__PURE__ */ e.createElement(
         Yt,
         {
           status: c,
-          onCloseButtonClick: d,
-          onRetryButtonClick: n
+          onCloseButtonClick: i,
+          onRetryButtonClick: s
         }
       )
     )),
     c !== "success" && /* @__PURE__ */ e.createElement(
-      V_,
+      q_,
       {
         className: a,
         percent: o,
@@ -4146,14 +4184,14 @@ const ya = 8, Ea = "guide-tooltip", ka = (t, a) => new Bo(t, a), Dl = (t) => {
   "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"
-}, Q = "upload-bar", ke = `${Q}__wrapper__header`, Fo = 300, Ro = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: R[`${ke}__success-icon`] }, /* @__PURE__ */ e.createElement(I, { source: Jt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: R[`${ke}__error-icon`] }, /* @__PURE__ */ e.createElement(I, { source: ar })) : /* @__PURE__ */ e.createElement(
-  W_,
+}, Q = "upload-bar", ke = `${Q}__wrapper__header`, Mo = 300, Lo = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: R[`${ke}__success-icon`] }, /* @__PURE__ */ e.createElement(T, { source: Jt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: R[`${ke}__error-icon`] }, /* @__PURE__ */ e.createElement(T, { source: rr })) : /* @__PURE__ */ e.createElement(
+  Y_,
   {
     className: R[`${ke}__loader`],
     status: t,
     progressValue: a
   }
-), Bl = ({
+), Pl = ({
   children: t,
   className: a,
   progressValue: r,
@@ -4161,58 +4199,58 @@ const ya = 8, Ea = "guide-tooltip", ka = (t, a) => new Bo(t, a), Dl = (t) => {
   isExpanded: o,
   errorMessage: l,
   status: c = "normal",
-  icon: d,
-  size: n,
-  mode: i = "multiple",
-  onCloseButtonClick: u,
-  onRetryButtonClick: s
+  icon: i,
+  size: s,
+  mode: d = "multiple",
+  onCloseButtonClick: m,
+  onRetryButtonClick: n
 }) => {
-  const [p, v] = e.useState(o || !1), b = c === "error", g = c === "success", m = f(R[Q], a, {
-    [R[`${Q}--error`]]: b,
+  const [u, b] = e.useState(o || !1), h = c === "error", g = c === "success", p = f(R[Q], a, {
+    [R[`${Q}--error`]]: h,
     [R[`${Q}--success`]]: g
-  }), E = !(b && (s || u)), y = () => v(!p);
-  return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement("div", { className: R[`${Q}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${ke}`] }, /* @__PURE__ */ e.createElement(
-    Po,
+  }), v = !(h && (n || m)), E = () => b(!u);
+  return d === "single" ? /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement("div", { className: R[`${Q}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${ke}`] }, /* @__PURE__ */ e.createElement(
+    Ro,
     {
-      title: b && l || _,
+      title: h && l || _,
       progressValue: r,
       status: c,
-      icon: d,
-      size: n
+      icon: i,
+      size: s
     }
   )), c === "error" && /* @__PURE__ */ e.createElement(
     Yt,
     {
       status: c,
-      onCloseButtonClick: u,
-      onRetryButtonClick: s
+      onCloseButtonClick: m,
+      onRetryButtonClick: n
     }
-  ))) : /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement(
+  ))) : /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: R[`${Q}__wrapper`],
-      onClick: y
+      onClick: E
     },
-    /* @__PURE__ */ e.createElement("div", { className: R[`${ke}`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${ke}__icon`] }, Ro(c, r)), /* @__PURE__ */ e.createElement("div", { className: R[`${ke}__title`] }, /* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, b ? l : _)), E && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: R[`${ke}`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${ke}__icon`] }, Lo(c, r)), /* @__PURE__ */ e.createElement("div", { className: R[`${ke}__title`] }, /* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, h ? l : _)), v && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: R[`${ke}__collapse-button`],
         type: "button",
-        onClick: y
+        onClick: E
       },
-      p ? /* @__PURE__ */ e.createElement(I, { source: St }) : /* @__PURE__ */ e.createElement(I, { source: Dt })
+      u ? /* @__PURE__ */ e.createElement(T, { source: St }) : /* @__PURE__ */ e.createElement(T, { source: Dt })
     ), c === "error" && /* @__PURE__ */ e.createElement("div", { className: R[`${ke}__actions-container`] }, /* @__PURE__ */ e.createElement(
       Yt,
       {
         status: c,
-        onCloseButtonClick: u,
-        onRetryButtonClick: s
+        onCloseButtonClick: m,
+        onRetryButtonClick: n
       }
     )))
-  ), /* @__PURE__ */ e.createElement(Aa, { component: null }, p && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(Pa, { component: null }, u && /* @__PURE__ */ e.createElement(
     Zt,
     {
-      timeout: Fo,
+      timeout: Mo,
       classNames: {
         enter: R[`${Q}__files--enter`],
         enterActive: R[`${Q}__files--enter-active`],
@@ -4225,64 +4263,64 @@ const ya = 8, Ea = "guide-tooltip", ka = (t, a) => new Bo(t, a), Dl = (t) => {
   )));
 };
 export {
-  $o as ANIMATION_TIME,
-  jo as ActionMenu,
-  el as ActionMenuItem,
-  tl as Alert,
-  al as Avatar,
-  Or as Badge,
-  ne as Button,
-  _l as Card,
-  ol as Checkbox,
-  p_ as DatePicker,
-  Zo as DesignToken,
-  wl as EmailTagInput,
+  Co as ANIMATION_TIME,
+  tl as ActionMenu,
+  al as ActionMenuItem,
+  rl as Alert,
+  _l as Avatar,
+  Hr as Badge,
+  ie as Button,
+  ll as Card,
+  cl as Checkbox,
+  f_ as DatePicker,
+  Xo as DesignToken,
+  Nl as EmailTagInput,
   Tt as FieldDescription,
   Xt as FieldError,
-  ll as FieldGroup,
-  Po as FileUploadProgress,
+  nl as FieldGroup,
+  Ro as FileUploadProgress,
   Yt as FileUploadProgressActions,
-  cl as Form,
-  nl as FormField,
-  sl as FormGroup,
+  sl as Form,
+  il as FormField,
+  dl as FormGroup,
   st as Heading,
-  I as Icon,
-  xl as Info,
-  il as Input,
-  Sl as Interactive,
-  dl as Link,
+  T as Icon,
+  Dl as Info,
+  ul as Input,
+  Tl as Interactive,
+  ml as Link,
   Qt as Loader,
-  ul as Modal,
-  S_ as ModalBase,
-  fa as ModalCloseButton,
-  pl as ModalHeader,
-  ml as ModalPortal,
-  gl as NumericInput,
-  fl as Picker,
-  D_ as PickerList,
-  mr as Popover,
-  V_ as ProgressBar,
-  W_ as ProgressCircle,
-  bl as PromoBanner,
-  vl as RadioButton,
-  f_ as RangeDatePicker,
-  Tl as Reports,
-  hl as SearchInput,
-  rl as SegmentedControl,
-  Xo as ShadowToken,
-  Nl as Simple,
-  Qo as SpacingToken,
-  yl as Switch,
-  El as Tab,
-  $l as TabsList,
-  kl as TabsWrapper,
-  Ma as Tag,
-  mo as TagInput,
+  pl as Modal,
+  T_ as ModalBase,
+  ba as ModalCloseButton,
+  fl as ModalHeader,
+  gl as ModalPortal,
+  bl as NumericInput,
+  vl as Picker,
+  I_ as PickerList,
+  pr as Popover,
+  q_ as ProgressBar,
+  Y_ as ProgressCircle,
+  hl as PromoBanner,
+  yl as RadioButton,
+  v_ as RangeDatePicker,
+  Bl as Reports,
+  El as SearchInput,
+  ol as SegmentedControl,
+  el as ShadowToken,
+  Sl as Simple,
+  jo as SpacingToken,
+  kl as Switch,
+  $l as Tab,
+  Cl as TabsList,
+  wl as TabsWrapper,
+  La as Tag,
+  go as TagInput,
   P as Text,
-  Il as Textarea,
-  ko as Toast,
-  Cl as ToastWrapper,
-  To as Tooltip,
-  Bl as UploadBar,
-  Dl as UserGuide
+  Al as Textarea,
+  wo as Toast,
+  xl as ToastWrapper,
+  Bo as Tooltip,
+  Pl as UploadBar,
+  Il as UserGuide
 };