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

package/dist/dsrc.es.js

@@ -1,39 +1,39 @@
-var Za = Object.defineProperty, Xa = Object.defineProperties;
-var er = Object.getOwnPropertyDescriptors;
+var Qa = Object.defineProperty, Za = Object.defineProperties;
+var Xa = Object.getOwnPropertyDescriptors;
 var vt = Object.getOwnPropertySymbols;
-var oa = Object.prototype.hasOwnProperty, la = Object.prototype.propertyIsEnumerable;
-var Lt = (t, a, r) => a in t ? Za(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, w = (t, a) => {
+var _a = Object.prototype.hasOwnProperty, oa = Object.prototype.propertyIsEnumerable;
+var Lt = (t, a, r) => a in t ? Qa(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, w = (t, a) => {
   for (var r in a || (a = {}))
-    oa.call(a, r) && Lt(t, r, a[r]);
+    _a.call(a, r) && Lt(t, r, a[r]);
   if (vt)
     for (var r of vt(a))
-      la.call(a, r) && Lt(t, r, a[r]);
+      oa.call(a, r) && Lt(t, r, a[r]);
   return t;
-}, A = (t, a) => Xa(t, er(a));
+}, A = (t, a) => Za(t, Xa(a));
 var B = (t, a) => {
   var r = {};
-  for (var o in t)
-    oa.call(t, o) && a.indexOf(o) < 0 && (r[o] = t[o]);
+  for (var _ in t)
+    _a.call(t, _) && a.indexOf(_) < 0 && (r[_] = t[_]);
   if (t != null && vt)
-    for (var o of vt(t))
-      a.indexOf(o) < 0 && la.call(t, o) && (r[o] = t[o]);
+    for (var _ of vt(t))
+      a.indexOf(_) < 0 && oa.call(t, _) && (r[_] = t[_]);
   return r;
 };
 var Ot = (t, a, r) => (Lt(t, typeof a != "symbol" ? a + "" : a, r), r);
 import * as e from "react";
-import { useReducer as tr, useRef as ar, useEffect as tt, useCallback as ht, useMemo as kt } from "react";
-import { ChevronDown as bt, Close as Te, Info as Xt, Warning as Da, CheckCircle as Ia, Block as Aa, Person as rr, ChevronUp as Ft, VisibilityOn as _r, VisibilityOff as or, Check as ea, Search as lr, LockBlackFilled as cr, Refresh as nr, Error as sr } from "@livechat/design-system-icons/react/tabler";
+import { useReducer as er, useRef as tr, useEffect as tt, useCallback as ht, useMemo as kt } from "react";
+import { ChevronDown as bt, Close as Te, Info as Zt, Warning as Ta, CheckCircle as Da, Block as Ia, Person as ar, ChevronUp as Ft, VisibilityOn as rr, VisibilityOff as _r, Check as Xt, Search as or, LockBlackFilled as lr, Refresh as cr, Error as nr } from "@livechat/design-system-icons/react/tabler";
 import g, { clsx as He } from "clsx";
-import { useFloating as Ba, offset as Pa, flip as Fa, autoUpdate as Ra, arrow as ir } from "@floating-ui/react-dom";
-import { css as at, cx as dr } from "@emotion/css";
-import { CSSTransition as ta, TransitionGroup as Ma } from "react-transition-group";
-import { Close as La, DoubleArrowLeft as ur, ChevronLeft as mr, ChevronRight as pr, DoubleArrowRight as gr } from "@livechat/design-system-icons/react/material";
-import Oa from "lodash.debounce";
-import { getContrast as aa } from "polished";
-import fr from "react-day-picker";
-import { subMonths as Xe, differenceInCalendarMonths as ca, addMonths as na, isSameMonth as qt, isSameDay as Jt, isAfter as Kt, differenceInCalendarDays as Ha } from "date-fns";
-import * as br from "react-dom";
-import sa from "lodash.escape";
+import { useFloating as Aa, offset as Ba, flip as Pa, autoUpdate as Fa, arrow as sr } from "@floating-ui/react-dom";
+import { css as at, cx as ir } from "@emotion/css";
+import { CSSTransition as ea, TransitionGroup as Ra } from "react-transition-group";
+import { Close as Ma, DoubleArrowLeft as dr, ChevronLeft as ur, ChevronRight as mr, DoubleArrowRight as pr } from "@livechat/design-system-icons/react/material";
+import La from "lodash.debounce";
+import { getContrast as ta } from "polished";
+import gr from "react-day-picker";
+import { subMonths as Xe, differenceInCalendarMonths as la, addMonths as ca, isSameMonth as qt, isSameDay as Jt, isAfter as jt, differenceInCalendarDays as Oa } from "date-fns";
+import * as fr from "react-dom";
+import na from "lodash.escape";
 const il = {
   Background: "--background",
   // deprecated
@@ -339,13 +339,13 @@ const il = {
   comma: ",",
   arrowUp: "ArrowUp",
   arrowDown: "ArrowDown"
-}, vr = "lc-Typography-module__caps___c3eNJ", Ze = {
+}, br = "lc-Typography-module__caps___c3eNJ", Ze = {
   "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: vr,
+  caps: br,
   "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",
@@ -357,7 +357,7 @@ const il = {
   "paragraph-xs--bold": "lc-Typography-module__paragraph-xs--bold___z7om7",
   "display-md": "lc-Typography-module__display-md___7eFCF",
   "display-sm": "lc-Typography-module__display-sm___kfNES"
-}, hr = {
+}, vr = {
   xl: "h1",
   lg: "h2",
   md: "h3",
@@ -368,16 +368,16 @@ const il = {
     as: t,
     size: a = "md",
     children: r,
-    className: o
-  } = c, _ = B(c, [
+    className: _
+  } = c, o = B(c, [
     "as",
     "size",
     "children",
     "className"
   ]);
   return e.createElement(
-    t || hr[a],
-    w({ className: g(Ze[`heading-${a}`], o) }, _),
+    t || vr[a],
+    w({ className: g(Ze[`heading-${a}`], _) }, o),
     r
   );
 }, P = (i) => {
@@ -385,8 +385,8 @@ const il = {
     as: t = "p",
     size: a = "md",
     caps: r = !1,
-    bold: o = !1,
-    underline: _ = !1,
+    bold: _ = !1,
+    underline: o = !1,
     strike: l = !1,
     children: c,
     className: n
@@ -407,9 +407,9 @@ const il = {
       className: g(
         {
           [Ze[`${m}`]]: !0,
-          [Ze[`${m}--bold`]]: o,
+          [Ze[`${m}--bold`]]: _,
           [Ze[`${m}--strike`]]: l,
-          [Ze[`${m}--underline`]]: _
+          [Ze[`${m}--underline`]]: o
         },
         n
       )
@@ -421,8 +421,8 @@ const il = {
     as: t = "div",
     size: a = "md",
     children: r,
-    className: o
-  } = c, _ = B(c, [
+    className: _
+  } = c, o = B(c, [
     "as",
     "size",
     "children",
@@ -430,19 +430,19 @@ const il = {
   ]);
   return e.createElement(
     t,
-    w({ className: g(Ze[`display-${a}`], o) }, _),
+    w({ className: g(Ze[`display-${a}`], _) }, o),
     r
   );
-}, kr = "lc-Popover-module__popover___8X1b2", Ht = {
+}, hr = "lc-Popover-module__popover___8X1b2", Ht = {
   "popover-trigger": "lc-Popover-module__popover-trigger___SwsY-",
-  popover: kr,
+  popover: hr,
   "popover--visible": "lc-Popover-module__popover--visible___u5NXB"
-}, yr = ({
+}, kr = ({
   triggerRenderer: t,
   onClose: a,
   children: r,
-  className: o,
-  triggerClassName: _,
+  className: _,
+  triggerClassName: o,
   placement: l,
   flipOptions: c,
   isVisible: n = !1,
@@ -457,8 +457,8 @@ const il = {
     refs: h,
     update: y,
     placement: N
-  } = Ba({
-    middleware: [Pa(4), Fa(c)],
+  } = Aa({
+    middleware: [Ba(4), Pa(c)],
     placement: l
   });
   e.useEffect(() => {
@@ -466,27 +466,27 @@ const il = {
   }, [n]), e.useEffect(() => {
     a && m.current !== i && !i && a(), m.current = i;
   }, [i]), e.useEffect(() => {
-    const S = (G) => {
-      s && G.key === "Escape" && u(!1);
+    const x = (H) => {
+      s && H.key === "Escape" && u(!1);
     };
-    return document.addEventListener("keydown", S), () => {
-      document.removeEventListener("keydown", S);
+    return document.addEventListener("keydown", x), () => {
+      document.removeEventListener("keydown", x);
     };
   }, [s]), e.useEffect(() => {
     if (!(!h.reference.current || !h.floating.current))
-      return Ra(h.reference.current, h.floating.current, y);
+      return Fa(h.reference.current, h.floating.current, y);
   }, [h.reference, h.floating, y, N, i]);
-  function E(S) {
-    h.floating.current && h.floating.current.contains(S.target) || (h.reference.current && h.reference.current.contains(S.target) ? u((G) => !G) : u(!1));
+  function E(x) {
+    h.floating.current && h.floating.current.contains(x.target) || (h.reference.current && h.reference.current.contains(x.target) ? u((H) => !H) : u(!1));
   }
   e.useEffect(() => (document.addEventListener("mousedown", E), () => {
     document.removeEventListener("mousedown", E);
   }), []);
-  const k = g(Ht.popover, o, {
+  const k = g(Ht.popover, _, {
     [Ht["popover--visible"]]: i
   }), C = g(
     Ht["popover-trigger"],
-    _
+    o
   );
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: C, ref: p }, t()), /* @__PURE__ */ e.createElement(
     "div",
@@ -509,13 +509,13 @@ const il = {
   "action-menu__list__item--with-divider": "lc-ActionMenu-module__action-menu__list__item--with-divider___2H3Vm",
   "action-menu__list__item--disabled": "lc-ActionMenu-module__action-menu__list__item--disabled___MgaX8",
   "action-menu__list__item--active": "lc-ActionMenu-module__action-menu__list__item--active___CakY-"
-}, Fe = "action-menu", Er = (i) => {
+}, Fe = "action-menu", yr = (i) => {
   var u = i, {
     className: t,
     triggerClassName: a,
     options: r,
-    triggerRenderer: o,
-    placement: _ = "bottom-end",
+    triggerRenderer: _,
+    placement: o = "bottom-end",
     openedOnInit: l = !1,
     keepOpenOnClick: c,
     activeOptionKeys: n
@@ -579,10 +579,10 @@ const il = {
     y.element
   ));
   return /* @__PURE__ */ e.createElement(
-    yr,
+    kr,
     {
       isVisible: m,
-      placement: _,
+      placement: o,
       onClose: () => d(!1),
       triggerRenderer: () => /* @__PURE__ */ e.createElement(
         "button",
@@ -594,7 +594,7 @@ const il = {
           ),
           onClick: v
         },
-        o
+        _
       )
     },
     /* @__PURE__ */ e.createElement(
@@ -613,18 +613,18 @@ const il = {
   "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"
-}, _t = "action-menu-item", $r = ({ leftNode: t, rightNode: a, children: r, kind: o }) => /* @__PURE__ */ e.createElement(
+}, _t = "action-menu-item", Er = ({ leftNode: t, rightNode: a, children: r, kind: _ }) => /* @__PURE__ */ e.createElement(
   "div",
   {
     className: g(rt[_t], {
-      [rt[`${_t}--warning`]]: o === "warning"
+      [rt[`${_t}--warning`]]: _ === "warning"
     })
   },
   t && /* @__PURE__ */ e.createElement("div", { className: rt[`${_t}__left-node`] }, t),
   /* @__PURE__ */ e.createElement(P, { as: "div", className: rt[`${_t}__label`] }, r),
   a && /* @__PURE__ */ e.createElement("div", { className: rt[`${_t}__right-node`] }, a)
-), wr = "lc-Icon-module__icon___tw31R", ia = {
-  icon: wr,
+), $r = "lc-Icon-module__icon___tw31R", sa = {
+  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",
@@ -657,7 +657,7 @@ const il = {
   "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"
-}, Cr = {
+}, wr = {
   xsmall: {
     width: 12,
     height: 12
@@ -678,12 +678,12 @@ const il = {
     width: 32,
     height: 32
   }
-}, da = "icon", D = (t) => {
+}, ia = "icon", D = (t) => {
   const u = t, {
     source: a,
     size: r = "medium",
-    kind: o,
-    disabled: _,
+    kind: _,
+    disabled: o,
     className: l,
     customColor: c
   } = u, n = B(u, [
@@ -693,33 +693,33 @@ const il = {
     "disabled",
     "className",
     "customColor"
-  ]), s = e.createElement(a, A(w({}, Cr[r]), {
+  ]), s = e.createElement(a, A(w({}, wr[r]), {
     color: c
   })), i = g(
     l,
-    ia[da],
-    o && ia[`${da}--${_ ? "disabled--" : ""}${o}`]
+    sa[ia],
+    _ && sa[`${ia}--${o ? "disabled--" : ""}${_}`]
   );
   return /* @__PURE__ */ e.createElement("span", A(w({}, n), { className: i }), s);
-}, Nr = "lc-Loader-module__loader___LRflD", xr = "lc-Loader-module__loader__spinner___l3C1g", Sr = "lc-Loader-module__rotate___Tlni-", Tr = "lc-Loader-module__loader__label___R74f6", ot = {
-  loader: Nr,
-  loader__spinner: xr,
+}, Cr = "lc-Loader-module__loader___LRflD", Nr = "lc-Loader-module__loader__spinner___l3C1g", xr = "lc-Loader-module__rotate___Tlni-", Sr = "lc-Loader-module__loader__label___R74f6", ot = {
+  loader: Cr,
+  loader__spinner: Nr,
   "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: Sr,
-  loader__label: Tr
-}, za = "loader", ua = `${za}__spinner`, ra = ({
+  rotate: xr,
+  loader__label: Sr
+}, Ha = "loader", da = `${Ha}__spinner`, aa = ({
   primaryColor: t,
   secondaryColor: a,
   label: r,
-  className: o,
-  size: _ = "medium"
-}) => /* @__PURE__ */ e.createElement("div", { className: g(ot[za], o) }, /* @__PURE__ */ e.createElement(
+  className: _,
+  size: o = "medium"
+}) => /* @__PURE__ */ e.createElement("div", { className: g(ot[Ha], _) }, /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: g(ot[ua], ot[`${ua}--${_}`])
+    className: g(ot[da], ot[`${da}--${o}`])
   },
   /* @__PURE__ */ e.createElement(
     "div",
@@ -732,8 +732,8 @@ const il = {
       }
     }
   )
-), r && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: ot.loader__label }, r)), Dr = "lc-Button-module__btn___aijZJ", Ir = "lc-Button-module__btn__loader___c8zZz", Ar = "lc-Button-module__btn__icon___GVExB", re = {
-  btn: Dr,
+), r && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: ot.loader__label }, r)), Tr = "lc-Button-module__btn___aijZJ", Dr = "lc-Button-module__btn__loader___c8zZz", Ir = "lc-Button-module__btn__icon___GVExB", _e = {
+  btn: Tr,
   "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",
@@ -752,19 +752,19 @@ const il = {
   "btn--dotted": "lc-Button-module__btn--dotted___y1EEP",
   "btn--high-contrast": "lc-Button-module__btn--high-contrast___zHSVM",
   "btn--loading": "lc-Button-module__btn--loading___ZAgjv",
-  btn__loader: Ir,
-  btn__icon: Ar,
+  btn__loader: Dr,
+  btn__icon: Ir,
   "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"
-}, _e = "btn", M = e.forwardRef(
+}, oe = "btn", M = e.forwardRef(
   (p, f) => {
     var v = p, {
       loading: t = !1,
       disabled: a = !1,
       type: r = "button",
-      fullWidth: o = !1,
-      kind: _ = "basic",
+      fullWidth: _ = !1,
+      kind: o = "basic",
       size: l = "medium",
       icon: c = null,
       iconPosition: n = "left",
@@ -788,23 +788,23 @@ const il = {
       "href",
       "onClick"
     ]);
-    const $ = t || a, h = !u && c, y = ["text", "link", "link-light"].includes(_), N = m ? "a" : "button", E = () => {
-      if (_ === "primary" || _ === "destructive")
+    const $ = t || a, h = !u && c, y = ["text", "link", "link-light"].includes(o), N = m ? "a" : "button", E = () => {
+      if (o === "primary" || o === "destructive")
         return {
           primaryColor: "var(--action-primary-default)",
           secondaryColor: "var(--border-invert-primary)"
         };
     }, k = g(
       i,
-      re[_e],
-      re[`${_e}--${_}`],
-      re[`${_e}--${l}`],
+      _e[oe],
+      _e[`${oe}--${o}`],
+      _e[`${oe}--${l}`],
       {
-        [re[`${_e}--loading`]]: t,
-        [re[`${_e}--full-width`]]: o,
-        [re[`${_e}--icon-only`]]: h,
-        [re[`${_e}--icon-only--bg`]]: h && y,
-        [re[`${_e}--disabled`]]: $
+        [_e[`${oe}--loading`]]: t,
+        [_e[`${oe}--full-width`]]: _,
+        [_e[`${oe}--icon-only`]]: h,
+        [_e[`${oe}--icon-only--bg`]]: h && y,
+        [_e[`${oe}--disabled`]]: $
       }
     );
     return /* @__PURE__ */ e.createElement(
@@ -819,32 +819,32 @@ const il = {
         disabled: $
       }, b),
       t && /* @__PURE__ */ e.createElement(
-        ra,
+        aa,
         w({
           size: "small",
           label: s,
-          className: re[`${_e}__loader`]
+          className: _e[`${oe}__loader`]
         }, E())
       ),
       c && e.cloneElement(c, {
         className: g(
-          re[`${_e}__icon`],
-          re[`${_e}__icon--${n}`]
+          _e[`${oe}__icon`],
+          _e[`${oe}__icon--${n}`]
         ),
         disabled: a
       }),
-      /* @__PURE__ */ e.createElement("div", { className: re[`${_e}__content`] }, u)
+      /* @__PURE__ */ e.createElement("div", { className: _e[`${oe}__content`] }, u)
     );
   }
-), Br = "lc-Tooltip-module__tooltip___QOOAr", Pr = "lc-Tooltip-module__tooltip__wrapper___dmjmW", Fr = "lc-Tooltip-module__tooltip__interactive___0JawB", Rr = "lc-Tooltip-module__tooltip__arrow___Ov1YW", x = {
-  tooltip: Br,
-  tooltip__wrapper: Pr,
-  tooltip__interactive: Fr,
+), Ar = "lc-Tooltip-module__tooltip___QOOAr", Br = "lc-Tooltip-module__tooltip__wrapper___dmjmW", Pr = "lc-Tooltip-module__tooltip__interactive___0JawB", Fr = "lc-Tooltip-module__tooltip__arrow___Ov1YW", S = {
+  tooltip: Ar,
+  tooltip__wrapper: Br,
+  tooltip__interactive: Pr,
   "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: Rr,
+  tooltip__arrow: Fr,
   "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",
@@ -867,12 +867,12 @@ const il = {
   "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"
-}, Mr = ({
+}, Rr = ({
   visible: t,
   floatingOptions: a,
   referenceElement: r,
-  arrowOffsetX: o,
-  arrowOffsetY: _,
+  arrowOffsetX: _,
+  arrowOffsetY: o,
   baseClass: l,
   className: c,
   theme: n,
@@ -894,19 +894,19 @@ const il = {
     strategy: E,
     update: k,
     refs: C,
-    placement: S,
-    middlewareData: { arrow: { x: G, y: fe } = {} }
+    placement: x,
+    middlewareData: { arrow: { x: H, y: re } = {} }
   } = a;
   e.useEffect(() => {
     if (!(!C.reference.current || !C.floating.current))
-      return Ra(C.reference.current, C.floating.current, k);
-  }, [C.reference, C.floating, k, S, t]), e.useEffect(() => {
+      return Fa(C.reference.current, C.floating.current, k);
+  }, [C.reference, C.floating, k, x, t]), e.useEffect(() => {
     r && y(r);
   }, [y, r]);
-  const ce = _ && fe ? fe + _ : fe, ze = o && G ? G + o : G, Ge = g(x[l], c, {
-    [x[`${l}--invert`]]: n === "invert",
-    [x[`${l}--important`]]: n === "important",
-    [x[`${l}--full-space`]]: v
+  const ne = o && re ? re + o : re, ze = _ && H ? H + _ : H, Ge = g(S[l], c, {
+    [S[`${l}--invert`]]: n === "invert",
+    [S[`${l}--important`]]: n === "important",
+    [S[`${l}--full-space`]]: v
   }), De = /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -920,23 +920,23 @@ const il = {
       onMouseEnter: m,
       onMouseLeave: d
     },
-    e.Children.map(p, ($e) => e.isValidElement($e) ? e.cloneElement($e, w({
+    e.Children.map(p, (ye) => e.isValidElement(ye) ? e.cloneElement(ye, w({
       handleCloseAction: b,
       theme: n
-    }, $e.props)) : null),
+    }, ye.props)) : null),
     /* @__PURE__ */ e.createElement(
       "div",
       {
         ref: f,
-        className: g([x[`${l}__arrow`]]),
-        "data-arrow-placement": S,
-        style: { top: ce, left: ze }
+        className: g([S[`${l}__arrow`]]),
+        "data-arrow-placement": x,
+        style: { top: ne, left: ze }
       }
     )
   );
   function Ue() {
     if (s) {
-      const $e = at`
+      const ye = at`
         pointer-events: none;
         opacity: 0;
       `, We = at`
@@ -944,7 +944,7 @@ const il = {
         transition-property: opacity;
         transition-duration: ${i}ms;
         transition-delay: ${u}ms;
-      `, ne = at`
+      `, se = at`
         pointer-events: initial;
       `, F = at`
         opacity: 1;
@@ -955,15 +955,15 @@ const il = {
         transition-delay: ${u}ms;
       `, q = i + u;
       return /* @__PURE__ */ e.createElement(
-        ta,
+        ea,
         {
           in: t,
           mountOnEnter: !0,
           unmountOnExit: !0,
           timeout: q,
           classNames: {
-            enter: $e,
-            enterDone: ne,
+            enter: ye,
+            enterDone: se,
             enterActive: We,
             exit: F,
             exitActive: U
@@ -976,7 +976,7 @@ const il = {
   }
   return /* @__PURE__ */ e.createElement(e.Fragment, null, Ue());
 };
-function Ga(t) {
+function za(t) {
   switch (t) {
     case "invert":
       return "inverted";
@@ -984,12 +984,12 @@ function Ga(t) {
       return "primary";
   }
 }
-const Lr = (t) => new Promise((a) => setTimeout(a, t)), ma = "tooltip", Ua = (t) => {
+const Mr = (t) => new Promise((a) => setTimeout(a, t)), ua = "tooltip", Ga = (t) => {
   const {
     triggerRenderer: a,
     referenceElement: r,
-    children: o,
-    className: _,
+    children: _,
+    className: o,
     triggerClassName: l,
     theme: c,
     placement: n,
@@ -1005,45 +1005,45 @@ const Lr = (t) => new Promise((a) => setTimeout(a, t)), ma = "tooltip", Ua = (t)
     fullSpaceContent: $,
     onOpen: h,
     onClose: y
-  } = t, N = e.useRef(!0), E = s !== void 0, k = e.useRef(null), [C, S] = e.useState(s), G = e.useRef(!1), fe = Ba({
+  } = t, N = e.useRef(!0), E = s !== void 0, k = e.useRef(null), [C, x] = e.useState(s), H = e.useRef(!1), re = Aa({
     middleware: [
-      Pa({ mainAxis: b }),
-      ir({ element: k }),
-      Fa()
+      Ba({ mainAxis: b }),
+      sr({ element: k }),
+      Pa()
     ],
     placement: n
-  }), ce = (ne) => {
-    ne ? !C && (h == null || h()) : C && (y == null || y()), E || S(ne);
+  }), ne = (se) => {
+    se ? !C && (h == null || h()) : C && (y == null || y()), E || x(se);
   };
   e.useEffect(() => {
     if (N.current) {
       N.current = !1;
       return;
     }
-    s === !0 && (h == null || h()), s === !1 && (y == null || y()), S(s);
+    s === !0 && (h == null || h()), s === !1 && (y == null || y()), x(s);
   }, [s]), e.useEffect(() => (document.addEventListener("keydown", De), () => {
     document.removeEventListener("keydown", De);
   }), []);
   const ze = () => {
-    f || E || (G.current = !0, ce(!0));
+    f || E || (H.current = !0, ne(!0));
   }, Ge = () => {
-    f || E || (G.current = !1, Lr(d).then(() => {
-      G.current || ce(!1);
+    f || E || (H.current = !1, Mr(d).then(() => {
+      H.current || ne(!1);
     }));
-  }, De = (ne) => {
-    (ne instanceof KeyboardEvent && ne.key === "Escape" || ne.type === "click") && ce(!1);
+  }, De = (se) => {
+    (se instanceof KeyboardEvent && se.key === "Escape" || se.type === "click") && ne(!1);
   }, Ue = /* @__PURE__ */ e.createElement(
-    Mr,
+    Rr,
     {
-      baseClass: ma,
-      className: _,
+      baseClass: ua,
+      className: o,
       visible: C,
-      floatingOptions: fe,
+      floatingOptions: re,
       arrowRef: k,
       handleMouseEnter: ze,
       handleMouseLeave: Ge,
       handleCloseAction: De,
-      childrenElements: o,
+      childrenElements: _,
       transitionDuration: u,
       transitionDelay: m,
       referenceElement: r,
@@ -1056,12 +1056,12 @@ const Lr = (t) => new Promise((a) => setTimeout(a, t)), ma = "tooltip", Ua = (t)
   );
   if (r)
     return Ue;
-  const $e = () => {
-    ce(!C);
+  const ye = () => {
+    ne(!C);
   }, We = () => {
     if (!E)
       return f ? {
-        onClick: $e
+        onClick: ye
       } : {
         onMouseEnter: ze,
         onMouseLeave: Ge
@@ -1070,23 +1070,23 @@ const Lr = (t) => new Promise((a) => setTimeout(a, t)), ma = "tooltip", Ua = (t)
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: g(x[`${ma}__wrapper`], l),
-      ref: fe.reference
+      className: g(S[`${ua}__wrapper`], l),
+      ref: re.reference
     }, We()),
     a()
   ), Ue);
-}, gl = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), lt = "tooltip", fl = ({ header: t, text: a, closeWithX: r, theme: o, handleCloseAction: _ }) => /* @__PURE__ */ e.createElement("div", null, r && /* @__PURE__ */ e.createElement(
+}, gl = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), lt = "tooltip", fl = ({ header: t, text: a, closeWithX: r, theme: _, handleCloseAction: o }) => /* @__PURE__ */ e.createElement("div", null, r && /* @__PURE__ */ e.createElement(
   M,
   {
     size: "compact",
     kind: "plain",
-    className: x[`${lt}-close`],
-    onClick: _,
+    className: S[`${lt}-close`],
+    onClick: o,
     icon: /* @__PURE__ */ e.createElement(
       D,
       {
-        source: La,
-        kind: o ? Ga(o) : "primary"
+        source: Ma,
+        kind: _ ? za(_) : "primary"
       }
     )
   }
@@ -1094,8 +1094,8 @@ const Lr = (t) => new Promise((a) => setTimeout(a, t)), ma = "tooltip", Ua = (t)
   "div",
   {
     className: g(
-      x[`${lt}-header`],
-      x[`${lt}-header--info`]
+      S[`${lt}-header`],
+      S[`${lt}-header--info`]
     )
   },
   t
@@ -1103,56 +1103,56 @@ const Lr = (t) => new Promise((a) => setTimeout(a, t)), ma = "tooltip", Ua = (t)
   "div",
   {
     className: g(
-      x[`${lt}-text`],
-      x[`${lt}-text--info`]
+      S[`${lt}-text`],
+      S[`${lt}-text--info`]
     )
   },
   a
-)), be = "tooltip", bl = ({
+)), ge = "tooltip", bl = ({
   header: t,
   text: a,
   image: r,
-  closeWithX: o,
-  theme: _,
+  closeWithX: _,
+  theme: o,
   handleCloseAction: l,
   primaryButton: c,
   secondaryButton: n
 }) => {
   const s = (i) => i === "invert" ? "secondary" : "high-contrast";
-  return /* @__PURE__ */ e.createElement("div", { className: x[`${be}__interactive`] }, o && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: S[`${ge}__interactive`] }, _ && /* @__PURE__ */ e.createElement(
     M,
     {
-      className: x[`${be}-close`],
+      className: S[`${ge}-close`],
       size: "compact",
       kind: "plain",
       onClick: l,
       icon: /* @__PURE__ */ e.createElement(
         D,
         {
-          source: La,
-          kind: _ ? Ga(_) : "primary"
+          source: Ma,
+          kind: o ? za(o) : "primary"
         }
       )
     }
-  ), r && /* @__PURE__ */ e.createElement("div", { className: x[`${be}-image-container`] }, /* @__PURE__ */ e.createElement(
+  ), r && /* @__PURE__ */ e.createElement("div", { className: S[`${ge}-image-container`] }, /* @__PURE__ */ e.createElement(
     "img",
     {
-      className: x[`${be}-image`],
+      className: S[`${ge}-image`],
       src: r.src,
       alt: r.alt
     }
-  )), t && /* @__PURE__ */ e.createElement("div", { className: x[`${be}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: x[`${be}-text`] }, a), /* @__PURE__ */ e.createElement(
+  )), t && /* @__PURE__ */ e.createElement("div", { className: S[`${ge}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: S[`${ge}-text`] }, a), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: g(
-        x[`${be}-footer`],
-        x[`${be}-footer--interactive`]
+        S[`${ge}-footer`],
+        S[`${ge}-footer--interactive`]
       )
     },
     /* @__PURE__ */ e.createElement(
       M,
       {
-        kind: c.kind || s(_),
+        kind: c.kind || s(o),
         onClick: c.handleClick
       },
       c.label
@@ -1160,8 +1160,8 @@ const Lr = (t) => new Promise((a) => setTimeout(a, t)), ma = "tooltip", Ua = (t)
     /* @__PURE__ */ e.createElement(
       M,
       {
-        className: g(x[`${be}-footer-secondary`], {
-          [x[`${be}-footer-secondary-invert`]]: _ === "invert"
+        className: g(S[`${ge}-footer-secondary`], {
+          [S[`${ge}-footer-secondary-invert`]]: o === "invert"
         }),
         kind: n.kind || "text",
         onClick: n.handleClick
@@ -1169,15 +1169,15 @@ const Lr = (t) => new Promise((a) => setTimeout(a, t)), ma = "tooltip", Ua = (t)
       n.label
     )
   ));
-}, J = "guide-tooltip", Or = ({
+}, J = "guide-tooltip", Lr = ({
   gap: t,
   isVisible: a,
   slide: r,
-  disablePointerEvents: o
+  disablePointerEvents: _
 }) => {
   if (!t)
     return null;
-  const _ = {
+  const o = {
     top: `${t.top}px`,
     left: "0",
     width: `${t.left}px`,
@@ -1208,19 +1208,19 @@ const Lr = (t) => new Promise((a) => setTimeout(a, t)), ma = "tooltip", Ua = (t)
     "div",
     {
       className: g({
-        [x[`${J}__overlay`]]: !0,
-        [x[`${J}__overlay--visible`]]: a,
-        [x[`${J}__overlay--slide`]]: r
+        [S[`${J}__overlay`]]: !0,
+        [S[`${J}__overlay--visible`]]: a,
+        [S[`${J}__overlay--slide`]]: r
       }),
-      style: _
+      style: o
     }
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: g({
-        [x[`${J}__overlay`]]: !0,
-        [x[`${J}__overlay--visible`]]: a,
-        [x[`${J}__overlay--slide`]]: r
+        [S[`${J}__overlay`]]: !0,
+        [S[`${J}__overlay--visible`]]: a,
+        [S[`${J}__overlay--slide`]]: r
       }),
       style: c
     }
@@ -1228,9 +1228,9 @@ const Lr = (t) => new Promise((a) => setTimeout(a, t)), ma = "tooltip", Ua = (t)
     "div",
     {
       className: g({
-        [x[`${J}__overlay`]]: !0,
-        [x[`${J}__overlay--visible`]]: a,
-        [x[`${J}__overlay--slide`]]: r
+        [S[`${J}__overlay`]]: !0,
+        [S[`${J}__overlay--visible`]]: a,
+        [S[`${J}__overlay--slide`]]: r
       }),
       style: l
     }
@@ -1238,36 +1238,36 @@ const Lr = (t) => new Promise((a) => setTimeout(a, t)), ma = "tooltip", Ua = (t)
     "div",
     {
       className: g({
-        [x[`${J}__overlay`]]: !0,
-        [x[`${J}__overlay--visible`]]: a,
-        [x[`${J}__overlay--slide`]]: r
+        [S[`${J}__overlay`]]: !0,
+        [S[`${J}__overlay--visible`]]: a,
+        [S[`${J}__overlay--slide`]]: r
       }),
       style: n
     }
-  ), o && /* @__PURE__ */ e.createElement(
+  ), _ && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: g({
-        [x[`${J}__overlay`]]: !0,
-        [x[`${J}__overlay--visible`]]: a,
-        [x[`${J}__overlay--slide`]]: r
+        [S[`${J}__overlay`]]: !0,
+        [S[`${J}__overlay--visible`]]: a,
+        [S[`${J}__overlay--slide`]]: r
       }),
       style: s
     }
   ));
 };
-class Hr {
+class Or {
   constructor(a, r) {
     Ot(this, "element");
     Ot(this, "padding");
     this.element = a, this.padding = r;
   }
   addPadding(a) {
-    const r = Math.round(a.left) - this.padding, o = Math.round(a.top) - this.padding, _ = Math.round(a.width) + 2 * this.padding, l = Math.round(a.height) + 2 * this.padding, c = o, n = r, s = c + l, i = n + _;
+    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 = _, n = r, s = c + l, i = n + o;
     return {
       x: r,
-      y: o,
-      width: _,
+      y: _,
+      width: o,
       height: l,
       top: c,
       left: n,
@@ -1285,19 +1285,19 @@ class Hr {
     return this.getBoundingClientRect().height;
   }
 }
-const pa = 8, ga = "guide-tooltip", fa = (t, a) => new Hr(t, a), vl = (t) => {
+const ma = 8, pa = "guide-tooltip", ga = (t, a) => new Or(t, a), vl = (t) => {
   const {
     className: a,
     parentElementName: r,
-    isVisible: o = !1,
-    shouldSlide: _ = !0
+    isVisible: _ = !1,
+    shouldSlide: o = !0
   } = t, [l, c] = e.useState(
     null
-  ), [n, s] = e.useState(null), [i, u] = e.useState(_), m = () => {
+  ), [n, s] = e.useState(null), [i, u] = e.useState(o), m = () => {
     l && (s(
-      fa(
+      ga(
         l,
-        pa
+        ma
       ).getBoundingClientRect()
     ), u(!1));
   };
@@ -1313,21 +1313,21 @@ const pa = 8, ga = "guide-tooltip", fa = (t, a) => new Hr(t, a), vl = (t) => {
     }
   }, [r]), e.useEffect(() => {
     l && s(
-      fa(
+      ga(
         l,
-        pa
+        ma
       ).getBoundingClientRect()
     ), u(!0);
-  }, [l]), l && o ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
-    Or,
+  }, [l]), l && _ ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+    Lr,
     {
       gap: n,
-      isVisible: o,
+      isVisible: _,
       slide: i,
       disablePointerEvents: !0
     }
   ), /* @__PURE__ */ e.createElement(
-    Ua,
+    Ga,
     A(w({}, t), {
       referenceElement: {
         getBoundingClientRect: () => n,
@@ -1335,8 +1335,8 @@ const pa = 8, ga = "guide-tooltip", fa = (t, a) => new Hr(t, a), vl = (t) => {
       },
       arrowOffsetY: 25,
       className: g({
-        [x[ga]]: !0,
-        [x[`${ga}--slide`]]: i,
+        [S[pa]]: !0,
+        [S[`${pa}--slide`]]: i,
         className: a
       })
     }),
@@ -1346,15 +1346,15 @@ const pa = 8, ga = "guide-tooltip", fa = (t, a) => new Hr(t, a), vl = (t) => {
   title: t,
   description: a,
   children: r
-}) => /* @__PURE__ */ e.createElement("div", { className: x[ct] }, /* @__PURE__ */ e.createElement("div", { className: x[`${ct}__heading`] }, /* @__PURE__ */ e.createElement(P, { as: "div", className: x[`${ct}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
+}) => /* @__PURE__ */ e.createElement("div", { className: S[ct] }, /* @__PURE__ */ e.createElement("div", { className: S[`${ct}__heading`] }, /* @__PURE__ */ e.createElement(P, { as: "div", className: S[`${ct}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
   P,
   {
     as: "div",
     size: "xs",
-    className: x[`${ct}__heading__description`]
+    className: S[`${ct}__heading__description`]
   },
   a
-)), /* @__PURE__ */ e.createElement("div", { className: x[`${ct}__content`] }, /* @__PURE__ */ e.createElement(P, { as: "div" }, r))), Se = {
+)), /* @__PURE__ */ e.createElement("div", { className: S[`${ct}__content`] }, /* @__PURE__ */ e.createElement(P, { as: "div" }, r))), Se = {
   "action-bar": "lc-ActionBar-module__action-bar___TJitF",
   "action-bar__items": "lc-ActionBar-module__action-bar__items___uhoQA",
   "action-bar__items--scroll": "lc-ActionBar-module__action-bar__items--scroll___f--dN",
@@ -1363,23 +1363,23 @@ const pa = 8, ga = "guide-tooltip", fa = (t, a) => new Hr(t, a), vl = (t) => {
   "action-bar__items__button--hidden": "lc-ActionBar-module__action-bar__items__button--hidden___C00VA",
   "action-bar__items__tooltip": "lc-ActionBar-module__action-bar__items__tooltip___BuQPo",
   "action-bar__menu-wrapper": "lc-ActionBar-module__action-bar__menu-wrapper___OMWP5"
-}, yt = "action-bar__items", zr = ({
+}, yt = "action-bar__items", Hr = ({
   option: t,
   menuItemsKeys: a,
   activeOptionKey: r
 }) => {
-  const o = g(Se[`${yt}__button`], {
+  const _ = g(Se[`${yt}__button`], {
     [Se[`${yt}__button--hidden`]]: a.includes(
       t.key
     ),
     [Se[`${yt}__button--active`]]: t.key === r
   });
   if (t.showTooltip) {
-    const _ = a.includes(t.key) && {
+    const o = a.includes(t.key) && {
       isVisible: !1
     };
     return /* @__PURE__ */ e.createElement(
-      Ua,
+      Ga,
       w({
         theme: "invert",
         placement: "top",
@@ -1391,12 +1391,12 @@ const pa = 8, ga = "guide-tooltip", fa = (t, a) => new Hr(t, a), vl = (t) => {
             key: t.key,
             title: t.label,
             kind: "plain",
-            className: o,
+            className: _,
             onClick: t.onClick,
             icon: t.element
           }
         )
-      }, _),
+      }, o),
       /* @__PURE__ */ e.createElement("div", null, t.label)
     );
   }
@@ -1407,7 +1407,7 @@ const pa = 8, ga = "guide-tooltip", fa = (t, a) => new Hr(t, a), vl = (t) => {
       key: t.key,
       title: t.label,
       kind: "plain",
-      className: o,
+      className: _,
       onClick: t.onClick,
       icon: t.element
     }
@@ -1416,8 +1416,8 @@ const pa = 8, ga = "guide-tooltip", fa = (t, a) => new Hr(t, a), vl = (t) => {
   className: t,
   id: a = "action-bar-area",
   type: r = "menu",
-  options: o,
-  activeOptionKey: _
+  options: _,
+  activeOptionKey: o
 }) => {
   const [l, c] = e.useState([]), n = r === "scroll", s = g(Se[nt], t), i = {
     root: document.querySelector(`${a}`),
@@ -1447,11 +1447,11 @@ const pa = 8, ga = "guide-tooltip", fa = (t, a) => new Hr(t, a), vl = (t) => {
       return f.forEach((v) => p.observe(v)), () => p.disconnect();
     }
   }, [l, n]);
-  const d = (b) => o.filter(
+  const d = (b) => _.filter(
     (p) => b.find((v) => v === p.key)
   ).map((p) => ({
     key: p.key,
-    element: /* @__PURE__ */ e.createElement($r, { leftNode: p.element }, p.label),
+    element: /* @__PURE__ */ e.createElement(Er, { leftNode: p.element }, p.label),
     onClick: p.onClick
   }));
   return /* @__PURE__ */ e.createElement("div", { id: a, className: s }, /* @__PURE__ */ e.createElement(
@@ -1461,28 +1461,28 @@ const pa = 8, ga = "guide-tooltip", fa = (t, a) => new Hr(t, a), vl = (t) => {
         [Se[`${nt}__items--scroll`]]: n
       })
     },
-    o.map((b) => /* @__PURE__ */ e.createElement(
-      zr,
+    _.map((b) => /* @__PURE__ */ e.createElement(
+      Hr,
       {
         option: b,
         menuItemsKeys: l,
-        activeOptionKey: _
+        activeOptionKey: o
       }
     ))
   ), u && /* @__PURE__ */ e.createElement("div", { className: Se[`${nt}__menu-wrapper`] }, /* @__PURE__ */ e.createElement(
-    Er,
+    yr,
     {
       options: d(l),
       triggerRenderer: /* @__PURE__ */ e.createElement(D, { source: bt, kind: "primary" })
     }
   )));
-}, Gr = "lc-Alert-module__alert___HBTns", Ur = "lc-Alert-module__alert__icon___8TaAH", Wr = "lc-Alert-module__alert__content___9nZdf", Vr = "lc-Alert-module__alert__content__text___7nx1p", Yr = "lc-Alert-module__alert__content__cta___gTWPt", qr = "lc-Alert-module__alert__content__cta__link___D976B", ve = {
-  alert: Gr,
-  alert__icon: Ur,
-  alert__content: Wr,
-  alert__content__text: Vr,
-  alert__content__cta: Yr,
-  alert__content__cta__link: qr,
+}, zr = "lc-Alert-module__alert___HBTns", Gr = "lc-Alert-module__alert__icon___8TaAH", Ur = "lc-Alert-module__alert__content___9nZdf", Wr = "lc-Alert-module__alert__content__text___7nx1p", Vr = "lc-Alert-module__alert__content__cta___gTWPt", Yr = "lc-Alert-module__alert__content__cta__link___D976B", fe = {
+  alert: zr,
+  alert__icon: Gr,
+  alert__content: Ur,
+  alert__content__text: Wr,
+  alert__content__cta: Vr,
+  alert__content__cta__link: Yr,
   "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",
@@ -1490,30 +1490,30 @@ const pa = 8, ga = "guide-tooltip", fa = (t, a) => new Hr(t, a), vl = (t) => {
   "alert--warning": "lc-Alert-module__alert--warning___MubhD",
   "alert--success": "lc-Alert-module__alert--success___fPtlZ",
   "alert--error": "lc-Alert-module__alert--error___DKPo0"
-}, Jr = {
+}, qr = {
   info: {
-    source: Xt,
+    source: Zt,
     kind: "link"
   },
   warning: {
-    source: Da,
+    source: Ta,
     kind: "warning"
   },
   success: {
-    source: Ia,
+    source: Da,
     kind: "success"
   },
   error: {
-    source: Aa,
+    source: Ia,
     kind: "error"
   }
-}, he = "alert", yl = (n) => {
+}, be = "alert", yl = (n) => {
   var s = n, {
     children: t,
     className: a,
     primaryButton: r,
-    secondaryButton: o,
-    kind: _ = "info",
+    secondaryButton: _,
+    kind: o = "info",
     onClose: l
   } = s, c = B(s, [
     "children",
@@ -1524,74 +1524,74 @@ const pa = 8, ga = "guide-tooltip", fa = (t, a) => new Hr(t, a), vl = (t) => {
     "onClose"
   ]);
   const i = e.useRef(null), [u, m] = e.useState(null), d = g(
-    ve[he],
-    ve[`${he}--${_}`],
-    u === "medium" && ve[`${he}--medium`],
-    u === "small" && ve[`${he}--small`],
+    fe[be],
+    fe[`${be}--${o}`],
+    u === "medium" && fe[`${be}--medium`],
+    u === "small" && fe[`${be}--small`],
     a
   );
   return e.useEffect(() => {
-    const b = () => i.current && i.current.offsetWidth <= 400 ? m("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? m("medium") : m(null), f = Oa(() => {
+    const b = () => i.current && i.current.offsetWidth <= 400 ? m("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? m("medium") : m(null), f = La(() => {
       b();
     }, 500);
     return window.addEventListener("resize", f), b(), () => window.removeEventListener("resize", f);
   }), /* @__PURE__ */ e.createElement("div", w({ ref: i, className: d }, c), /* @__PURE__ */ e.createElement(
     D,
-    A(w({}, Jr[_]), {
+    A(w({}, qr[o]), {
       size: "large",
-      className: ve[`${he}__icon`]
+      className: fe[`${be}__icon`]
     })
-  ), /* @__PURE__ */ e.createElement("div", { className: ve[`${he}__content`] }, /* @__PURE__ */ e.createElement(P, { as: "div", className: ve[`${he}__content__text`] }, t), (r || o) && /* @__PURE__ */ e.createElement("div", { className: ve[`${he}__content__cta`] }, r && /* @__PURE__ */ e.createElement(M, { kind: "high-contrast", onClick: r.handleClick }, r.label), o && /* @__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(M, { kind: "high-contrast", onClick: r.handleClick }, r.label), _ && /* @__PURE__ */ e.createElement(
     M,
     {
-      className: ve[`${he}__content__cta__link`],
+      className: fe[`${be}__content__cta__link`],
       kind: "text",
-      onClick: o.handleClick
+      onClick: _.handleClick
     },
-    o.label
+    _.label
   ))), l && /* @__PURE__ */ e.createElement(
     M,
     {
       type: "button",
-      className: ve[`${he}__close-icon`],
+      className: fe[`${be}__close-icon`],
       size: "compact",
       kind: "plain",
       icon: /* @__PURE__ */ e.createElement(D, { source: Te }),
       onClick: l
     }
   ));
-}, ba = Array.from(
+}, fa = Array.from(
   { length: 10 },
   (t, a) => `--surface-avatar-${a + 1}`
 );
-function Kr(t) {
+function Jr(t) {
   if (!t)
     return;
-  const a = t.split("").reduce((r, o) => r + o.charCodeAt(0), 0);
-  return `var(${ba[a % ba.length]})`;
+  const a = t.split("").reduce((r, _) => r + _.charCodeAt(0), 0);
+  return `var(${fa[a % fa.length]})`;
 }
 function jr(t = "", a = 2) {
   const r = t.split(/\s+/);
   if (a < 1)
     return "";
   if (r.length <= a)
-    return r.map((_) => _.charAt(0)).join("").toUpperCase();
-  const o = [r[0].charAt(0)];
-  for (let _ = r.length - a + 1; _ < r.length; _++)
-    o.push(r[_].charAt(0));
-  return o.join("").toUpperCase();
+    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 Qr(t) {
+function Kr(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 && aa(a, "#FFFFFF") > 3 ? "var(--color-white)" : "var(--color-black)";
+  return a && ta(a, "#FFFFFF") > 3 ? "var(--color-white)" : "var(--color-black)";
 }
-const Zr = "lc-Avatar-module__avatar___1zTCE", Xr = "lc-Avatar-module__avatar__status___nX2Ls", e_ = "lc-Avatar-module__avatar__rim___RCQ8Q", t_ = "lc-Avatar-module__avatar__image___YqfqE", ee = {
-  avatar: Zr,
-  avatar__status: Xr,
+const Qr = "lc-Avatar-module__avatar___1zTCE", Zr = "lc-Avatar-module__avatar__status___nX2Ls", Xr = "lc-Avatar-module__avatar__rim___RCQ8Q", e_ = "lc-Avatar-module__avatar__image___YqfqE", ee = {
+  avatar: Qr,
+  avatar__status: Zr,
   "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",
@@ -1606,7 +1606,7 @@ const Zr = "lc-Avatar-module__avatar___1zTCE", Xr = "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: e_,
+  avatar__rim: Xr,
   "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",
@@ -1616,7 +1616,7 @@ const Zr = "lc-Avatar-module__avatar___1zTCE", Xr = "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: t_,
+  avatar__image: e_,
   "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",
@@ -1637,35 +1637,35 @@ const Zr = "lc-Avatar-module__avatar___1zTCE", Xr = "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"
-}, Y = "avatar", a_ = ({
+}, Y = "avatar", t_ = ({
   alt: t,
   className: a,
   color: r,
-  shape: o = "circle",
-  size: _ = "medium",
+  shape: _ = "circle",
+  size: o = "medium",
   src: l,
   status: c,
   text: n,
   type: s,
   withRim: i = !1
 }) => {
-  const u = s === "image" && !l, [m, d] = e.useState(u), b = s === "image" && !!l && !m, f = s === "text", p = ["xxxsmall", "xxsmall", "xsmall"].includes(_) ? 1 : 2, v = jr(n, p), $ = r || Kr(n), h = $ ? Qr($) : void 0, y = f ? { backgroundColor: $ } : {}, N = g(w({
+  const u = s === "image" && !l, [m, d] = e.useState(u), b = s === "image" && !!l && !m, f = s === "text", p = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, v = jr(n, p), $ = r || Jr(n), h = $ ? Kr($) : void 0, y = f ? { backgroundColor: $ } : {}, N = g(w({
     [ee[Y]]: !0,
-    [ee[`${Y}--${o}`]]: !0,
     [ee[`${Y}--${_}`]]: !0,
+    [ee[`${Y}--${o}`]]: !0,
     [ee[`${Y}--with-rim`]]: i
   }, a ? { [`${a}`]: a } : {})), E = g(
     ee[`${Y}__status`],
-    ee[`${Y}__status--${o}`],
     ee[`${Y}__status--${_}`],
+    ee[`${Y}__status--${o}`],
     ...c ? [ee[`${Y}__status--${c}`]] : []
   ), k = g(
     ee[`${Y}__icon`],
-    ee[`${Y}__icon--${_}`]
+    ee[`${Y}__icon--${o}`]
   ), C = g(
     ee[`${Y}__rim`],
-    ee[`${Y}__rim--${_}`]
-  ), S = e.useCallback(() => d(!0), []);
+    ee[`${Y}__rim--${o}`]
+  ), x = e.useCallback(() => d(!0), []);
   return e.useEffect(() => {
     d(u);
   }, [u]), /* @__PURE__ */ e.createElement("div", { className: N, style: y }, i && /* @__PURE__ */ e.createElement(
@@ -1686,36 +1686,36 @@ const Zr = "lc-Avatar-module__avatar___1zTCE", Xr = "lc-Avatar-module__avatar__s
       className: ee[`${Y}__image`],
       src: l,
       alt: t,
-      onError: S
+      onError: x
     }
   ), f && /* @__PURE__ */ e.createElement("span", { style: { color: h } }, v), m && /* @__PURE__ */ e.createElement(
     D,
     {
       "data-testid": `${Y}__icon`,
       className: k,
-      source: rr
+      source: ar
     }
   ));
 };
-function r_(t, a) {
+function a_(t, a) {
   return t > a ? `${a}+` : `${t}`;
 }
-const __ = "lc-Badge-module__badge___GhLnu", o_ = "lc-Badge-module__badge__dot___z6RO6", Et = {
-  badge: __,
-  badge__dot: o_,
+const r_ = "lc-Badge-module__badge___GhLnu", __ = "lc-Badge-module__badge__dot___z6RO6", Et = {
+  badge: r_,
+  badge__dot: __,
   "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"
-}, $t = "badge", l_ = (n) => {
+}, $t = "badge", o_ = (n) => {
   var s = n, {
     className: t,
     count: a = 0,
     max: r = 99,
-    kind: o = "primary",
-    size: _ = "medium",
+    kind: _ = "primary",
+    size: o = "medium",
     type: l = "counter"
   } = s, c = B(s, [
     "className",
@@ -1728,16 +1728,16 @@ const __ = "lc-Badge-module__badge___GhLnu", o_ = "lc-Badge-module__badge__dot__
   const i = g(
     t,
     Et[$t],
-    Et[`${$t}--${o}`],
-    Et[`${$t}--${_}`]
+    Et[`${$t}--${_}`],
+    Et[`${$t}--${o}`]
   ), u = {
-    counter: r_(a, r),
+    counter: a_(a, r),
     alert: "!",
     dot: /* @__PURE__ */ e.createElement("span", { className: Et[`${$t}__dot`] })
   }[l];
   return /* @__PURE__ */ e.createElement("span", w({ className: i }, c), u);
 };
-function jt() {
+function l_() {
 }
 const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   "segmented-control": "lc-SegmentedControl-module__segmented-control___LHWSk",
@@ -1750,15 +1750,15 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   size: t = "medium",
   buttons: a,
   className: r,
-  initialId: o,
-  currentId: _,
+  initialId: _,
+  currentId: o,
   fullWidth: l = !1,
-  onButtonClick: c = jt
+  onButtonClick: c = l_
 }) => {
-  const n = g(wt[n_], r), [s, i] = e.useState(() => o), u = typeof _ == "string";
+  const n = g(wt[n_], r), [s, i] = e.useState(() => _), u = typeof o == "string";
   e.useEffect(() => {
-    u && i(_);
-  }, [_]);
+    u && i(o);
+  }, [o]);
   const m = (b, f) => {
     u || i(b), c(b, f);
   }, d = a.map(({ id: b, label: f, loading: p, disabled: v, icon: $ }) => {
@@ -1801,8 +1801,8 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     alt: t,
     buttonsOptions: a = [],
     children: r,
-    className: o,
-    description: _,
+    className: _,
+    description: o,
     expandableContent: l,
     src: c,
     title: n
@@ -1817,14 +1817,14 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     "title"
   ]);
   const [m, d] = e.useState(!1), b = m ? Ft : bt, f = m ? "Hide" : "Show more", p = (a == null ? void 0 : a.length) > 0, v = !!l, $ = p || v, h = n, y = c, N = y ? "" : te[h_];
-  return /* @__PURE__ */ e.createElement("div", w({ className: g(te[ft], o) }, s), h && /* @__PURE__ */ e.createElement("div", { className: g(te[Pt], N) }, y && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", w({ className: g(te[ft], _) }, s), h && /* @__PURE__ */ e.createElement("div", { className: g(te[Pt], N) }, y && /* @__PURE__ */ e.createElement(
     "img",
     {
       alt: t,
       className: te[`${Pt}__image`],
       src: c
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: te[zt] }, /* @__PURE__ */ e.createElement(et, { size: "sm", className: te[`${zt}__title`] }, n), /* @__PURE__ */ e.createElement(P, { size: "sm", className: te[`${zt}__description`] }, _))), /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: te[`${ft}__content`] }, r), m && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: te[zt] }, /* @__PURE__ */ e.createElement(et, { size: "sm", className: te[`${zt}__title`] }, n), /* @__PURE__ */ e.createElement(P, { size: "sm", className: te[`${zt}__description`] }, o))), /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: te[`${ft}__content`] }, r), m && /* @__PURE__ */ e.createElement(
     P,
     {
       as: "div",
@@ -1847,11 +1847,11 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   ))));
 }, k_ = {
   "field-description": "lc-FieldDescription-module__field-description___IcRDH"
-}, y_ = "field-description", Rt = (o) => {
-  var _ = o, {
+}, y_ = "field-description", Rt = (_) => {
+  var o = _, {
     children: t,
     className: a = ""
-  } = _, r = B(_, [
+  } = o, r = B(o, [
     "children",
     "className"
   ]);
@@ -1869,11 +1869,11 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   checkbox__helper: S_
 }, Me = "checkbox", wl = e.forwardRef(
   (n, c) => {
-    var s = n, { checked: t, disabled: a, children: r, description: o, className: _ } = s, l = B(s, ["checked", "disabled", "children", "description", "className"]);
+    var s = n, { checked: t, disabled: a, children: r, description: _, className: o } = s, l = B(s, ["checked", "disabled", "children", "description", "className"]);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: g(Re[Me], _, {
+        className: g(Re[Me], o, {
           [Re[`${Me}--selected`]]: t,
           [Re[`${Me}--disabled`]]: a
         })
@@ -1888,7 +1888,7 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
           type: "checkbox"
         })
       ), r && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: Re[`${Me}__text`] }, r)),
-      o && /* @__PURE__ */ e.createElement(Rt, { className: Re[`${Me}__helper`] }, o)
+      _ && /* @__PURE__ */ e.createElement(Rt, { className: Re[`${Me}__helper`] }, _)
     );
   }
 ), T = {
@@ -1926,12 +1926,12 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   "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"
-}, va = "date-picker", T_ = (t) => {
+}, ba = "date-picker", T_ = (t) => {
   const {
     onPreviousClick: a,
     onMonthChange: r,
-    onNextClick: o,
-    showNextButton: _,
+    onNextClick: _,
+    showNextButton: o,
     showPreviousButton: l,
     className: c,
     classNames: n,
@@ -1942,29 +1942,29 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   } = t, d = () => {
     typeof a == "function" && a();
   }, b = () => {
-    typeof o == "function" && o();
+    typeof _ == "function" && _();
   }, f = () => {
     if (!u) {
       const h = Xe(i, 12);
       return r(h);
     }
-    const v = Math.abs(ca(i, u)), $ = Xe(
+    const v = Math.abs(la(i, u)), $ = Xe(
       i,
       !Number.isNaN(v) && v > 12 ? 12 : v
     );
     return r($);
   }, p = () => {
     if (!m) {
-      const h = na(i, 12);
+      const h = ca(i, 12);
       return r(h);
     }
-    const v = Math.abs(ca(m, i)), $ = na(
+    const v = Math.abs(la(m, i)), $ = ca(
       i,
       !Number.isNaN(v) && v > 12 ? 12 : v
     );
     return s === 2 && qt($, m) ? r(Xe($, 1)) : r($);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement("div", { className: T[`${va}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement("div", { className: T[`${ba}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-prev-year-button",
@@ -1974,7 +1974,7 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
       }),
       onClick: f
     },
-    /* @__PURE__ */ e.createElement(D, { source: ur, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(D, { source: dr, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -1985,34 +1985,34 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
       }),
       onClick: d
     },
-    /* @__PURE__ */ e.createElement(D, { source: mr, kind: "subtle" })
-  )), /* @__PURE__ */ e.createElement("div", { className: T[`${va}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(D, { source: ur, kind: "subtle" })
+  )), /* @__PURE__ */ e.createElement("div", { className: T[`${ba}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-next-month-button",
       className: He({
         [n.navButtonNext]: !0,
-        [n.navButtonInteractionDisabled]: !_
+        [n.navButtonInteractionDisabled]: !o
       }),
       onClick: b
     },
-    /* @__PURE__ */ e.createElement(D, { source: pr, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(D, { source: mr, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-next-year-button",
       className: He({
         [n.navButtonNext]: !0,
-        [n.navButtonInteractionDisabled]: !_
+        [n.navButtonInteractionDisabled]: !o
       }),
       onClick: p
     },
-    /* @__PURE__ */ e.createElement(D, { source: gr, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(D, { source: pr, kind: "subtle" })
   )));
-}, I = "date-picker", Wa = (t, a) => {
-  const { from: r, to: o } = a;
-  return !(o && !Jt(t, o) && Kt(t, o) || r && !Jt(t, r) && !Kt(t, r));
-}, Va = (t, a, r) => a ? t && !qt(t, a) || r && qt(a, r) ? Xe(a, 1) : a : Xe(r || /* @__PURE__ */ new Date(), 1), D_ = (t, a) => {
+}, I = "date-picker", Ua = (t, a) => {
+  const { from: r, to: _ } = a;
+  return !(_ && !Jt(t, _) && jt(t, _) || r && !Jt(t, r) && !jt(t, r));
+}, Wa = (t, a, r) => a ? t && !qt(t, a) || r && qt(a, r) ? Xe(a, 1) : a : Xe(r || /* @__PURE__ */ new Date(), 1), D_ = (t, a) => {
   const r = {
     [T[`${I}__day--monday`]]: { daysOfWeek: [1] },
     [T[`${I}__day--sunday`]]: { daysOfWeek: [0] },
@@ -2021,16 +2021,16 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   };
   if (!a || !t)
     return r;
-  const o = Ha(a, t);
-  return o > 0 ? A(w({}, r), {
+  const _ = Oa(a, t);
+  return _ > 0 ? A(w({}, r), {
     [T[`${I}__day--end`]]: a
-  }) : o < 0 ? A(w({}, r), {
+  }) : _ < 0 ? A(w({}, r), {
     [T[`${I}__day--start`]]: a
   }) : r;
 }, pt = (t, a) => {
-  const r = a.find((o) => o.id === t);
+  const r = a.find((_) => _.id === t);
   return r || void 0;
-}, ha = (t, a) => !!(!t || t && a), I_ = (t) => {
+}, va = (t, a) => !!(!t || t && a), I_ = (t) => {
   const a = {};
   if (!t.initialSelectedItemKey)
     return a;
@@ -2074,15 +2074,15 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   outside: T[`${I}__day--outside`],
   start: T[`${I}__day--start`],
   end: T[`${I}__day--end`]
-}, a), ka = "date-picker", B_ = (t) => {
+}, a), ha = "date-picker", B_ = (t) => {
   const a = t.getDate();
-  return /* @__PURE__ */ e.createElement("div", { className: T[`${ka}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: T[`${ka}__day-content`] }, a));
+  return /* @__PURE__ */ e.createElement("div", { className: T[`${ha}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: T[`${ha}__day-content`] }, a));
 }, P_ = (t) => {
   const $ = t, {
     classNames: a,
     range: r,
-    toMonth: o,
-    month: _,
+    toMonth: _,
+    month: o,
     fromMonth: l,
     firstDayOfWeek: c,
     numberOfMonths: n,
@@ -2100,11 +2100,11 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     "navbarElement",
     "renderDay",
     "innerRef"
-  ]), [d, b] = e.useState(_ || /* @__PURE__ */ new Date());
+  ]), [d, b] = e.useState(o || /* @__PURE__ */ new Date());
   e.useEffect(() => {
-    _ && _ !== d && b(_);
-  }, [_, d]), e.useEffect(() => {
-    o && (Wa(d, { from: l, to: o }) || b(o));
+    o && o !== d && b(o);
+  }, [o, d]), e.useEffect(() => {
+    _ && (Ua(d, { from: l, to: _ }) || b(_));
   }, [d, t.toMonth, t.fromMonth]);
   const f = e.useCallback(
     (h) => {
@@ -2114,7 +2114,7 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
       }
       b(h);
     },
-    [_, t.onMonthChange]
+    [o, t.onMonthChange]
   );
   let p = 1;
   (c === 0 || c && c < 7) && (p = c);
@@ -2123,7 +2123,7 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     [r, a]
   );
   return /* @__PURE__ */ e.createElement(
-    fr,
+    gr,
     w({
       navbarElement: s || /* @__PURE__ */ e.createElement(
         T_,
@@ -2132,14 +2132,14 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
           classNames: v,
           numberOfMonths: n,
           onMonthChange: f,
-          toMonth: o,
+          toMonth: _,
           fromMonth: l
         }
       ),
       ref: u,
       classNames: v,
       numberOfMonths: n,
-      toMonth: o,
+      toMonth: _,
       fromMonth: l,
       firstDayOfWeek: p,
       month: d,
@@ -2152,18 +2152,18 @@ const c_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
 F_.displayName = "DatePicker";
 var O = /* @__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))(O || {});
 const R_ = (t) => {
-  const a = Va(
+  const a = Wa(
     t.initialFromDate,
     t.initialToDate,
     t.toMonth
-  ), o = w(w({}, {
+  ), _ = w(w({}, {
     selectedItem: null,
     from: void 0,
     to: void 0,
     temporaryTo: void 0,
     currentMonth: a
   }), I_(t));
-  function _(l, c) {
+  function o(l, c) {
     switch (c.type) {
       case O.NEW_SELECTED_ITEM:
         return {
@@ -2210,24 +2210,24 @@ const R_ = (t) => {
         return l;
     }
   }
-  return tr(_, o);
+  return er(o, _);
 }, M_ = ({
   options: t,
   initialSelectedItemKey: a,
   initialFromDate: r,
-  initialToDate: o,
-  toMonth: _,
+  initialToDate: _,
+  toMonth: o,
   onChange: l,
   children: c
 }) => {
-  const n = ar(
+  const n = tr(
     a || null
   ), [s, i] = R_({
     options: t,
     initialSelectedItemKey: a,
     initialFromDate: r,
-    initialToDate: o,
-    toMonth: _,
+    initialToDate: _,
+    toMonth: o,
     onChange: l,
     children: c
   });
@@ -2239,19 +2239,19 @@ const R_ = (t) => {
   }, [r]), tt(() => {
     i({
       type: O.SET_TO,
-      payload: { date: o }
+      payload: { date: _ }
     });
-  }, [o]), tt(() => {
-    const p = Va(
+  }, [_]), tt(() => {
+    const p = Wa(
       r,
-      o,
-      _
+      _,
+      o
     );
     i({
       type: O.CURRENT_MONTH_CHANGE,
       payload: { date: p }
     });
-  }, [_, r, o]), tt(() => {
+  }, [o, r, _]), tt(() => {
     const { from: p, selectedItem: v, to: $ } = s;
     if (!(p && $))
       return;
@@ -2280,20 +2280,20 @@ const R_ = (t) => {
   }, [l, s.selectedItem, t]);
   const u = ht(
     (p) => {
-      const v = _ ? Ha(_, p) >= 0 : !0;
-      !ha(s.from, s.to) && v && i({
+      const v = o ? Oa(o, p) >= 0 : !0;
+      !va(s.from, s.to) && v && i({
         type: O.NEW_TEMPORARY_TO_VALUE,
         payload: { date: p }
       });
     },
-    [_, s.from, s.to]
+    [o, s.from, s.to]
   ), m = ht(
     (p) => {
       const { from: v, to: $ } = s;
-      Wa(p, { to: _ }) && (ha(v, $) ? i({
+      Ua(p, { to: o }) && (va(v, $) ? i({
         type: O.SELECT_FIRST_DAY,
         payload: { date: p }
-      }) : v && Jt(p, v) || v && Kt(p, v) ? i({
+      }) : v && Jt(p, v) || v && jt(p, v) ? i({
         type: O.SELECT_SECOND_DAY_AS_TO,
         payload: { date: p }
       }) : i({
@@ -2301,7 +2301,7 @@ const R_ = (t) => {
         payload: { date: p }
       }));
     },
-    [_, s.from, s.to]
+    [o, s.from, s.to]
   ), d = ht(
     (p) => {
       if (p === null) {
@@ -2327,7 +2327,7 @@ const R_ = (t) => {
     const { currentMonth: p, from: v, selectedItem: $, temporaryTo: h, to: y } = s, N = kt(
       () => D_(v, h),
       [v, h]
-    ), E = kt(() => pt($, t), [t, $]), k = kt(() => [v, { from: v, to: h }], [v, h]), C = kt(() => _ ? { after: _ } : void 0, [_]);
+    ), E = kt(() => pt($, t), [t, $]), k = kt(() => [v, { from: v, to: h }], [v, h]), C = kt(() => o ? { after: o } : void 0, [o]);
     return {
       select: {
         onItemSelect: d,
@@ -2344,8 +2344,8 @@ const R_ = (t) => {
         onDayClick: m,
         selectedDays: k,
         modifiers: N,
-        initialMonth: _ && Xe(_, 1),
-        toMonth: _,
+        initialMonth: o && Xe(o, 1),
+        toMonth: o,
         disabledDays: C,
         onDayMouseEnter: u,
         onMonthChange: b
@@ -2367,23 +2367,23 @@ M_.defaultProps = {
     }
   ]
 };
-const ya = {
+const ka = {
   "field-error": "lc-FieldError-module__field-error___IDkPT",
   "field-error__icon": "lc-FieldError-module__field-error__icon___D4UNC"
-}, Ea = "field-error", _a = (o) => {
-  var _ = o, {
+}, ya = "field-error", ra = (_) => {
+  var o = _, {
     children: t,
     className: a = ""
-  } = _, r = B(_, [
+  } = o, r = B(o, [
     "children",
     "className"
   ]);
-  const l = g(ya[Ea], a);
+  const l = g(ka[ya], a);
   return /* @__PURE__ */ e.createElement(P, A(w({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
     D,
     {
-      source: Xt,
-      className: ya[`${Ea}__icon`],
+      source: Zt,
+      className: ka[`${ya}__icon`],
       size: "small"
     }
   ), t);
@@ -2396,8 +2396,8 @@ const ya = {
     className: t = "",
     children: a,
     description: r,
-    error: o,
-    inline: _,
+    error: _,
+    inline: o,
     stretch: l
   } = s, c = B(s, [
     "className",
@@ -2408,10 +2408,10 @@ const ya = {
     "stretch"
   ]);
   const i = g(Gt[Ut], t, {
-    [Gt[`${Ut}--inline`]]: _,
+    [Gt[`${Ut}--inline`]]: o,
     [Gt[`${Ut}--stretched`]]: l
   });
-  return /* @__PURE__ */ e.createElement("div", A(w({}, c), { className: i }), a, o && /* @__PURE__ */ e.createElement(_a, null, o), r && /* @__PURE__ */ e.createElement(Rt, null, r));
+  return /* @__PURE__ */ e.createElement("div", A(w({}, c), { className: i }), a, _ && /* @__PURE__ */ e.createElement(ra, null, _), r && /* @__PURE__ */ e.createElement(Rt, null, r));
 }, L_ = "lc-Form-module__form___1nOYF", O_ = "lc-Form-module__form__header___U4B7t", H_ = "lc-Form-module__form__footer___1-sUX", z_ = "lc-Form-module__form__label___spg-J", G_ = "lc-Form-module__form__helper___bhfwS", st = {
   form: L_,
   form__header: O_,
@@ -2423,8 +2423,8 @@ const ya = {
     className: t,
     children: a,
     labelText: r,
-    helperText: o,
-    formFooter: _
+    helperText: _,
+    formFooter: o
   } = n, l = B(n, [
     "className",
     "children",
@@ -2432,8 +2432,8 @@ const ya = {
     "helperText",
     "formFooter"
   ]);
-  return /* @__PURE__ */ e.createElement("form", w({ className: g(st[it], t) }, l), (r || o) && /* @__PURE__ */ e.createElement("div", { className: st[`${it}__header`] }, r && /* @__PURE__ */ e.createElement(et, { size: "sm", className: st[`${it}__label`] }, r), o && /* @__PURE__ */ e.createElement(P, { as: "p", size: "sm", className: st[`${it}__helper`] }, o)), a, _ && /* @__PURE__ */ e.createElement("div", { className: st[`${it}__footer`] }, _));
-}, H = {
+  return /* @__PURE__ */ e.createElement("form", w({ className: g(st[it], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: st[`${it}__header`] }, r && /* @__PURE__ */ e.createElement(et, { size: "sm", className: st[`${it}__label`] }, r), _ && /* @__PURE__ */ e.createElement(P, { as: "p", size: "sm", className: st[`${it}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: st[`${it}__footer`] }, o));
+}, z = {
   "form-field": "lc-FormField-module__form-field___JqnX6",
   "form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
   "form-field__wrapper--inline": "lc-FormField-module__form-field__wrapper--inline___Ubvrn",
@@ -2450,21 +2450,21 @@ const ya = {
   "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", xl = ({
+}, G = "form-field", xl = ({
   inline: t,
   error: a,
   description: r,
-  labelText: o,
-  labelAdornment: _,
+  labelText: _,
+  labelAdornment: o,
   className: l,
   labelFor: c,
   children: n,
   labelRightNode: s
 }) => {
   const i = e.useRef(null), [u, m] = e.useState("auto"), d = g(
-    H[z],
+    z[G],
     {
-      [H[`${z}--inline`]]: t
+      [z[`${G}--inline`]]: t
     },
     l
   );
@@ -2475,34 +2475,34 @@ const ya = {
     "div",
     {
       className: g(
-        H[`${z}__label-right-node`],
-        H[`${z}__label-right-node--inline`]
+        z[`${G}__label-right-node`],
+        z[`${G}__label-right-node--inline`]
       )
     },
     s
-  ), /* @__PURE__ */ e.createElement("div", { className: H[`${z}__row-break`] })), /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: z[`${G}__row-break`] })), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: g(
-        H[`${z}__wrapper`],
-        t && H[`${z}__wrapper--inline`]
+        z[`${G}__wrapper`],
+        t && z[`${G}__wrapper--inline`]
       )
     },
-    (o || s) && /* @__PURE__ */ e.createElement(
+    (_ || s) && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: g(
-          H[`${z}__label`],
-          t && H[`${z}__label--inline`],
-          !o && H[`${z}__label--no-text`]
+          z[`${G}__label`],
+          t && z[`${G}__label--inline`],
+          !_ && z[`${G}__label--no-text`]
         )
       },
-      o && /* @__PURE__ */ e.createElement(
+      _ && /* @__PURE__ */ e.createElement(
         "div",
         {
           className: g(
-            H[`${z}__label-wrapper`],
-            t && H[`${z}__label-wrapper--inline`]
+            z[`${G}__label-wrapper`],
+            t && z[`${G}__label-wrapper--inline`]
           ),
           style: {
             height: u
@@ -2511,28 +2511,28 @@ const ya = {
         /* @__PURE__ */ e.createElement(
           "label",
           {
-            className: H[`${z}__label-left-node`],
+            className: z[`${G}__label-left-node`],
             htmlFor: c
           },
-          /* @__PURE__ */ e.createElement(P, { as: "span", size: "sm" }, o)
+          /* @__PURE__ */ e.createElement(P, { as: "span", size: "sm" }, _)
         ),
-        _ && /* @__PURE__ */ e.createElement(
+        o && /* @__PURE__ */ e.createElement(
           "div",
           {
             className: g(
-              H[`${z}__label-adornment`],
-              t && H[`${z}__label-adornment--inline`]
+              z[`${G}__label-adornment`],
+              t && z[`${G}__label-adornment--inline`]
             )
           },
-          _
+          o
         )
       ),
-      s && !t && /* @__PURE__ */ e.createElement("div", { className: g(H[`${z}__label-right-node`]) }, s)
+      s && !t && /* @__PURE__ */ e.createElement("div", { className: g(z[`${G}__label-right-node`]) }, s)
     ),
-    /* @__PURE__ */ e.createElement("div", { className: g(H[`${z}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, n), a && /* @__PURE__ */ e.createElement(_a, null, a), !a && r && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: g(z[`${G}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, n), a && /* @__PURE__ */ e.createElement(ra, null, a), !a && r && /* @__PURE__ */ e.createElement(
       Rt,
       {
-        className: g(H[`${z}__content__description`])
+        className: g(z[`${G}__content__description`])
       },
       r
     ))
@@ -2547,8 +2547,8 @@ const ya = {
     className: t = "",
     children: a,
     labelText: r,
-    helperText: o
-  } = c, _ = B(c, [
+    helperText: _
+  } = c, o = B(c, [
     "className",
     "children",
     "labelText",
@@ -2557,15 +2557,15 @@ const ya = {
   const n = g(Nt[xt], t);
   return /* @__PURE__ */ e.createElement(
     "div",
-    A(w(A(w({}, _), {
+    A(w(A(w({}, o), {
       role: "group"
     }), r && { "aria-label": r }), {
       className: n
     }),
-    /* @__PURE__ */ e.createElement("div", { className: Nt[`${xt}__header`] }, /* @__PURE__ */ e.createElement(et, { as: "div", size: "sm", className: Nt[`${xt}__label`] }, r), o && /* @__PURE__ */ e.createElement(P, { as: "div", size: "sm", className: Nt[`${xt}__helper`] }, o)),
+    /* @__PURE__ */ e.createElement("div", { className: Nt[`${xt}__header`] }, /* @__PURE__ */ e.createElement(et, { as: "div", size: "sm", className: Nt[`${xt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(P, { as: "div", size: "sm", className: Nt[`${xt}__helper`] }, _)),
     a
   );
-}, U_ = "lc-Input-module__input___qeMAQ", ye = {
+}, U_ = "lc-Input-module__input___qeMAQ", he = {
   input: U_,
   "input--focused": "lc-Input-module__input--focused___wQH5-",
   "input--disabled": "lc-Input-module__input--disabled___HidXX",
@@ -2579,13 +2579,13 @@ const ya = {
   "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"
-}, Ee = "input", $a = (t, a) => e.cloneElement(t.source, {
+}, ke = "input", Ea = (t, a) => e.cloneElement(t.source, {
   "data-testid": `input-icon-${t.place}`,
   className: g(
-    ye[`${Ee}__icon`],
-    ye[`${Ee}__icon--${t.place}`],
+    he[`${ke}__icon`],
+    he[`${ke}__icon--${t.place}`],
     {
-      [ye[`${Ee}__icon--disabled`]]: a
+      [he[`${ke}__icon--disabled`]]: a
     }
   )
 }), Tl = e.forwardRef(
@@ -2594,8 +2594,8 @@ const ya = {
       inputSize: t = "medium",
       error: a = !1,
       disabled: r,
-      icon: o = null,
-      className: _,
+      icon: _ = null,
+      className: o,
       cropOnBlur: l = !0
     } = i, c = B(i, [
       "inputSize",
@@ -2606,17 +2606,17 @@ const ya = {
       "cropOnBlur"
     ]);
     const [u, m] = e.useState(!1), [d, b] = e.useState(!1), { type: f, onFocus: p, onBlur: v } = c, $ = g(
-      _,
-      ye[Ee],
-      ye[`${Ee}--${t}`],
+      o,
+      he[ke],
+      he[`${ke}--${t}`],
       {
-        [ye[`${Ee}--disabled`]]: r,
-        [ye[`${Ee}--focused`]]: u,
-        [ye[`${Ee}--error`]]: a,
-        [ye[`${Ee}--crop`]]: l
+        [he[`${ke}--disabled`]]: r,
+        [he[`${ke}--focused`]]: u,
+        [he[`${ke}--error`]]: a,
+        [he[`${ke}--crop`]]: l
       }
-    ), h = r ? "var(--content-disabled)" : "var(--content-default)", y = d ? _r : or, N = o && o.place === "left", E = o && f !== "password" && o.place === "right";
-    return /* @__PURE__ */ e.createElement("div", { className: $, "aria-disabled": r, "tab-index": "0" }, N && $a(o, r), /* @__PURE__ */ e.createElement(
+    ), h = r ? "var(--content-disabled)" : "var(--content-default)", y = d ? rr : _r, N = _ && _.place === "left", E = _ && f !== "password" && _.place === "right";
+    return /* @__PURE__ */ e.createElement("div", { className: $, "aria-disabled": r, "tab-index": "0" }, N && Ea(_, r), /* @__PURE__ */ e.createElement(
       "input",
       A(w({}, c), {
         ref: n,
@@ -2629,7 +2629,7 @@ const ya = {
         disabled: r,
         type: f && !d ? f : "text"
       })
-    ), E && $a(o, r), f === "password" && /* @__PURE__ */ e.createElement(
+    ), E && Ea(_, r), f === "password" && /* @__PURE__ */ e.createElement(
       M,
       {
         disabled: r,
@@ -2637,18 +2637,18 @@ const ya = {
         size: "compact",
         icon: /* @__PURE__ */ e.createElement(D, { customColor: h, source: y }),
         onClick: () => b((k) => !k),
-        className: ye[`${Ee}__visibility-button`]
+        className: he[`${ke}__visibility-button`]
       }
     ));
   }
-), W_ = "lc-Link-module__link___kqx52", wa = {
+), W_ = "lc-Link-module__link___kqx52", $a = {
   link: W_,
   "link--bold": "lc-Link-module__link--bold___1rGdO"
-}, Ca = "link", Dl = (o) => {
-  var _ = o, {
+}, wa = "link", Dl = (_) => {
+  var o = _, {
     bold: t = !1,
     className: a = ""
-  } = _, r = B(_, [
+  } = o, r = B(o, [
     "bold",
     "className"
   ]);
@@ -2656,8 +2656,8 @@ const ya = {
     "a",
     w({
       className: g(
-        wa[Ca],
-        t && wa[`${Ca}--bold`],
+        $a[wa],
+        t && $a[`${wa}--bold`],
         a
       )
     }, r)
@@ -2675,13 +2675,13 @@ const ya = {
   modal__heading: q_,
   "modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
   modal__footer: J_
-}, St = "modal-base", K_ = (n) => {
+}, St = "modal-base", j_ = (n) => {
   var s = n, {
     children: t,
     className: a = "",
     onClose: r,
-    closeOnEscPress: o = !0,
-    closeOnOverlayPress: _ = !0,
+    closeOnEscPress: _ = !0,
+    closeOnOverlayPress: o = !0,
     fullSpaceContent: l
   } = s, c = B(s, [
     "children",
@@ -2697,15 +2697,15 @@ const ya = {
     l && ae[`${St}--full-space`]
   );
   e.useEffect(() => {
-    if (!o)
+    if (!_)
       return;
     const m = (d) => {
       d.key === L.esc && r();
     };
     return document.addEventListener("keyup", m, !0), () => document.removeEventListener("keyup", m, !0);
-  }, [o]);
+  }, [_]);
   const u = (m) => {
-    _ && m.target === m.currentTarget && r();
+    o && m.target === m.currentTarget && r();
   };
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -2727,7 +2727,7 @@ const ya = {
       t
     )
   );
-}, Na = ({
+}, Ca = ({
   labelType: t,
   customColor: a,
   onClick: r
@@ -2748,8 +2748,8 @@ const ya = {
     children: t,
     className: a = "",
     heading: r,
-    labelHeading: o,
-    fullSpaceContent: _,
+    labelHeading: _,
+    fullSpaceContent: o,
     footer: l,
     onClose: c,
     contentClassName: n
@@ -2767,29 +2767,29 @@ const ya = {
     f.preventDefault(), f.stopPropagation(), c();
   };
   return /* @__PURE__ */ e.createElement(
-    K_,
+    j_,
     w({
       className: m,
-      fullSpaceContent: _,
+      fullSpaceContent: o,
       onClose: c
     }, s),
-    o && /* @__PURE__ */ e.createElement("div", { className: ae[`${Le}__label-header`] }, /* @__PURE__ */ e.createElement(
+    _ && /* @__PURE__ */ e.createElement("div", { className: ae[`${Le}__label-header`] }, /* @__PURE__ */ e.createElement(
       et,
       {
         size: "md",
         as: "div",
         className: ae[`${Le}__label-heading`]
       },
-      o
+      _
     ), /* @__PURE__ */ e.createElement(
-      Na,
+      Ca,
       {
-        labelType: !!o,
+        labelType: !!_,
         customColor: "var(--color-white)",
         onClick: b
       }
     )),
-    !o && r && /* @__PURE__ */ e.createElement("div", { className: ae[`${Le}__header`] }, /* @__PURE__ */ e.createElement(
+    !_ && r && /* @__PURE__ */ e.createElement("div", { className: ae[`${Le}__header`] }, /* @__PURE__ */ e.createElement(
       et,
       {
         size: "md",
@@ -2797,7 +2797,7 @@ const ya = {
         className: ae[`${Le}__heading`]
       },
       r
-    ), /* @__PURE__ */ e.createElement(Na, { onClick: b })),
+    ), /* @__PURE__ */ e.createElement(Ca, { onClick: b })),
     /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -2812,16 +2812,16 @@ const ya = {
   children: t,
   className: a = "",
   parentElementName: r = "body",
-  zIndex: o
+  zIndex: _
 }) => {
-  const [_] = e.useState(() => document.createElement("div"));
-  return a && _.classList.add(a), o && (_.style.zIndex = o.toString()), e.useEffect(() => {
+  const [o] = e.useState(() => document.createElement("div"));
+  return a && o.classList.add(a), _ && (o.style.zIndex = _.toString()), e.useEffect(() => {
     var l;
-    return (l = document.querySelector(r)) == null || l.appendChild(_), () => {
+    return (l = document.querySelector(r)) == null || l.appendChild(o), () => {
       var c;
-      (c = document.querySelector(r)) == null || c.removeChild(_);
+      (c = document.querySelector(r)) == null || c.removeChild(o);
     };
-  }, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, br.createPortal(t, _));
+  }, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, fr.createPortal(t, o));
 }, Ve = {
   "modal-header": "lc-ModalHeader-module__modal-header___xk3bd",
   "modal-header__heading-left-node": "lc-ModalHeader-module__modal-header__heading-left-node___1--G5",
@@ -2832,17 +2832,17 @@ const ya = {
   title: t,
   iconProps: a,
   avatarProps: r,
-  children: o,
-  className: _ = ""
+  children: _,
+  className: o = ""
 }) => {
-  const l = dr(Ve[Ye], _);
+  const l = ir(Ve[Ye], o);
   return /* @__PURE__ */ e.createElement("div", { className: l }, a && /* @__PURE__ */ e.createElement(
     D,
     w({
       className: Ve[`${Ye}__heading-left-node`]
     }, a)
   ), r && /* @__PURE__ */ e.createElement(
-    a_,
+    t_,
     w({
       className: Ve[`${Ye}__heading-left-node`]
     }, r)
@@ -2854,13 +2854,13 @@ const ya = {
       className: Ve[`${Ye}__heading-title`]
     },
     t
-  ), o && /* @__PURE__ */ e.createElement(
+  ), _ && /* @__PURE__ */ e.createElement(
     P,
     {
       as: "div",
       className: Ve[`${Ye}__heading-description`]
     },
-    o
+    _
   )));
 }, qe = {
   "numeric-input": "lc-NumericInput-module__numeric-input___j1esc",
@@ -2874,8 +2874,8 @@ const ya = {
     className: t,
     error: a,
     value: r,
-    max: o,
-    min: _,
+    max: _,
+    min: o,
     disabled: l,
     noControls: c,
     style: n,
@@ -2899,7 +2899,7 @@ const ya = {
       [qe[`${Je}--disabled`]]: l
     },
     t
-  ), f = (k) => s(String(k)), p = (k) => o !== void 0 && k > o ? o : _ !== void 0 && k < _ ? _ : k, v = (k) => {
+  ), f = (k) => s(String(k)), p = (k) => _ !== void 0 && k > _ ? _ : o !== void 0 && k < o ? o : k, v = (k) => {
     const C = parseInt(r, 10) + k;
     return f(p(C));
   }, $ = (k) => {
@@ -2912,8 +2912,8 @@ const ya = {
     );
     if (C === "" || C === "-")
       return f(C);
-    const S = parseInt(C, 10);
-    return f(p(S));
+    const x = parseInt(C, 10);
+    return f(p(x));
   }, N = () => {
     var k;
     return (k = d.current) == null || k.focus(), v(1);
@@ -2931,14 +2931,14 @@ const ya = {
       disabled: l,
       onChange: y,
       onKeyDown: $,
-      min: _,
-      max: o
+      min: o,
+      max: _
     })
   ), !c && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
       tabIndex: -1,
-      disabled: l || h(r, o),
+      disabled: l || h(r, _),
       onClick: N,
       "aria-label": "Increment value",
       className: qe[`${Je}__increment`],
@@ -2948,7 +2948,7 @@ const ya = {
       D,
       {
         source: Ft,
-        disabled: l || h(r, o),
+        disabled: l || h(r, _),
         kind: "primary"
       }
     )
@@ -2956,7 +2956,7 @@ const ya = {
     "button",
     {
       tabIndex: -1,
-      disabled: l || h(r, _),
+      disabled: l || h(r, o),
       "aria-label": "Decrement value",
       className: qe[`${Je}__decrement`],
       onClick: E,
@@ -2967,17 +2967,17 @@ const ya = {
       {
         source: bt,
         kind: "primary",
-        disabled: l || h(r, _)
+        disabled: l || h(r, o)
       }
     )
   )));
 }, Qe = "select-all";
-function j_(t, a) {
+function K_(t, a) {
   const r = {};
   if (a && a.length > 1) {
-    const o = t.map((_) => _.key).filter((_) => a.includes(_));
-    for (let _ = 0; _ < o.length; _++) {
-      const l = o[_], c = o[_ + 1], n = o[_ - 1], s = c && Math.abs(
+    const _ = t.map((o) => o.key).filter((o) => a.includes(o));
+    for (let o = 0; o < _.length; o++) {
+      const l = _[o], c = _[o + 1], n = _[o - 1], s = c && Math.abs(
         t.findIndex((u) => u.key === c) - t.findIndex((u) => u.key === l)
       ) === 1, i = n && Math.abs(
         t.findIndex((u) => u.key === n) - t.findIndex((u) => u.key === l)
@@ -3002,51 +3002,51 @@ const W = {
   "picker-list__item__label-container": "lc-PickerList-module__picker-list__item__label-container___yZXW5",
   "picker-list__item__main-label": "lc-PickerList-module__picker-list__item__main-label___uRgQw",
   "picker-list__item__secondary-label": "lc-PickerList-module__picker-list__item__secondary-label___lpkFW"
-}, se = "picker-list__item", Q_ = ({
+}, ie = "picker-list__item", Q_ = ({
   item: t,
   isItemSelected: a,
   currentItemKey: r,
-  isAdjacentStyleApplied: o,
-  onSelect: _
+  isAdjacentStyleApplied: _,
+  onSelect: o
 }) => {
-  const l = (n) => n != null && n.customElement ? /* @__PURE__ */ e.createElement("div", { className: W[`${se}__custom`] }, n.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, n.showCheckbox && /* @__PURE__ */ e.createElement(
+  const l = (n) => n != null && n.customElement ? /* @__PURE__ */ e.createElement("div", { className: W[`${ie}__custom`] }, n.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, n.showCheckbox && /* @__PURE__ */ e.createElement(
     "input",
     {
       type: "checkbox",
-      className: W[`${se}__checkbox`],
+      className: W[`${ie}__checkbox`],
       checked: a
     }
   ), n.icon && /* @__PURE__ */ e.createElement(
     D,
     {
-      className: W[`${se}__icon`],
+      className: W[`${ie}__icon`],
       kind: "link",
       source: n.icon
     }
   ), n.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
-      className: g(W[`${se}__avatar`]),
+      className: g(W[`${ie}__avatar`]),
       src: n.avatarSrc,
       alt: n.name
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: W[`${se}__label-container`] }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: W[`${ie}__label-container`] }, /* @__PURE__ */ e.createElement(
     "span",
     {
       className: g({
-        [W[`${se}__main-label`]]: n.secondaryText
+        [W[`${ie}__main-label`]]: n.secondaryText
       })
     },
     n.name
-  ), n.secondaryText && /* @__PURE__ */ e.createElement("span", { className: W[`${se}__secondary-label`] }, n.secondaryText))), c = (n) => {
-    !n.disabled && _(n);
+  ), n.secondaryText && /* @__PURE__ */ e.createElement("span", { className: W[`${ie}__secondary-label`] }, n.secondaryText))), c = (n) => {
+    !n.disabled && o(n);
   };
   return t.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
     {
       role: "option",
       key: t.key,
-      className: W[`${se}__header`]
+      className: W[`${ie}__header`]
     },
     t.name
   ) : /* @__PURE__ */ e.createElement(
@@ -3062,40 +3062,40 @@ const W = {
       "aria-disabled": t.disabled,
       id: t.key,
       key: t.key,
-      "data-adjacent": o,
-      className: g(W[se], {
-        [W[`${se}__custom`]]: t == null ? void 0 : t.customElement
+      "data-adjacent": _,
+      className: g(W[ie], {
+        [W[`${ie}__custom`]]: t == null ? void 0 : t.customElement
       }),
       onClick: () => c(t)
     },
-    /* @__PURE__ */ e.createElement("div", { className: W[`${se}__content`] }, l(t)),
+    /* @__PURE__ */ e.createElement("div", { className: W[`${ie}__content`] }, l(t)),
     a && !t.showCheckbox && /* @__PURE__ */ e.createElement(
       D,
       {
         kind: "link",
-        source: ea,
+        source: Xt,
         customColor: "var(--content-basic-info)"
       }
     )
   );
-}, Qt = "picker-list", xa = `${Qt}__item`, Z_ = ({
+}, Kt = "picker-list", Na = `${Kt}__item`, Z_ = ({
   isOpen: t,
   items: a,
   selectedItemsKeys: r,
-  emptyStateText: o = "No results found",
-  selectAllOptionText: _,
+  emptyStateText: _ = "No results found",
+  selectAllOptionText: o,
   isMultiSelect: l,
   onClose: c,
   onSelect: n,
   onSelectAll: s
 }) => {
-  const i = g(W[Qt], {
-    [W[`${Qt}__no-results`]]: a.length === 0
+  const i = g(W[Kt], {
+    [W[`${Kt}__no-results`]]: a.length === 0
   }), [u, m] = e.useState(
     null
-  ), d = e.useRef(-1), b = e.useRef(0), f = e.useRef(null), [p, v] = e.useState({}), $ = (S) => {
-    if (S.key === L.esc && (S.preventDefault(), c()), S.key === L.arrowUp && d.current > 0 && (S.preventDefault(), d.current = y(), m(a[d.current].key)), S.key === L.arrowDown && d.current + 1 < a.length && (S.preventDefault(), d.current = N(), m(a[d.current].key)), S.key === L.enter && !a[d.current].disabled) {
-      if (S.preventDefault(), a[d.current].key === Qe)
+  ), d = e.useRef(-1), b = e.useRef(0), f = e.useRef(null), [p, v] = e.useState({}), $ = (x) => {
+    if (x.key === L.esc && (x.preventDefault(), c()), x.key === L.arrowUp && d.current > 0 && (x.preventDefault(), d.current = y(), m(a[d.current].key)), x.key === L.arrowDown && d.current + 1 < a.length && (x.preventDefault(), d.current = N(), m(a[d.current].key)), x.key === L.enter && !a[d.current].disabled) {
+      if (x.preventDefault(), a[d.current].key === Qe)
         return s();
       n(a[d.current]);
     }
@@ -3105,9 +3105,9 @@ const W = {
       return document.addEventListener("keydown", $), () => document.removeEventListener("keydown", $);
     d.current = -1, b.current = 0, m(null);
   }, [a, t, $]), e.useEffect(() => {
-    v(j_(a, r));
+    v(K_(a, r));
   }, [r, a]);
-  const h = (S) => !!a[S] && (a[S].disabled || a[S].groupHeader), y = () => {
+  const h = (x) => !!a[x] && (a[x].disabled || a[x].groupHeader), y = () => {
     for (d.current = d.current - 1; h(d.current) && (d.current = d.current - 1, !!h(d.current)); )
       ;
     return b.current = d.current, d.current;
@@ -3121,25 +3121,25 @@ const W = {
         break;
     }
     return b.current = d.current, d.current;
-  }, E = () => s(), k = (S) => r ? r.includes(S) : !1, C = () => !l || l && !_ ? null : /* @__PURE__ */ e.createElement(
+  }, E = () => s(), k = (x) => r ? r.includes(x) : !1, C = () => !l || l && !o ? null : /* @__PURE__ */ e.createElement(
     "li",
     {
-      ref: (S) => {
-        u === Qe && (S == null || S.scrollIntoView({ block: "nearest" }));
+      ref: (x) => {
+        u === Qe && (x == null || x.scrollIntoView({ block: "nearest" }));
       },
       role: "option",
       "aria-current": u === Qe,
       id: Qe,
       key: Qe,
       className: g(
-        W[xa],
-        W[`${xa}--select-all`]
+        W[Na],
+        W[`${Na}--select-all`]
       ),
       onClick: E
     },
-    _
+    o
   );
-  return t ? a.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: W["list-wrapper"] }, /* @__PURE__ */ e.createElement("div", { className: i }, o)) : /* @__PURE__ */ e.createElement("div", { className: W["list-wrapper"] }, /* @__PURE__ */ e.createElement(
+  return t ? a.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: W["list-wrapper"] }, /* @__PURE__ */ e.createElement("div", { className: i }, _)) : /* @__PURE__ */ e.createElement("div", { className: W["list-wrapper"] }, /* @__PURE__ */ e.createElement(
     "ul",
     {
       ref: f,
@@ -3148,12 +3148,12 @@ const W = {
       tabIndex: -1
     },
     C(),
-    a.map((S) => /* @__PURE__ */ e.createElement(
+    a.map((x) => /* @__PURE__ */ e.createElement(
       Q_,
       {
-        item: S,
-        isItemSelected: k(S.key),
-        isAdjacentStyleApplied: p[S.key],
+        item: x,
+        isItemSelected: k(x.key),
+        isAdjacentStyleApplied: p[x.key],
         currentItemKey: u,
         onSelect: n
       }
@@ -3176,12 +3176,12 @@ const W = {
   "picker-trigger--disabled": "lc-Trigger-module__picker-trigger--disabled___7H4tD",
   "picker-trigger--focused": "lc-Trigger-module__picker-trigger--focused___vTr39",
   "picker-trigger--error": "lc-Trigger-module__picker-trigger--error___Rh8Qd"
-}, K = "picker-trigger", X_ = ({
+}, j = "picker-trigger", X_ = ({
   children: t,
   isSearchDisabled: a,
   isDisabled: r,
-  isError: o,
-  isItemSelected: _,
+  isError: _,
+  isItemSelected: o,
   isOpen: l,
   isRequired: c,
   isMultiSelect: n,
@@ -3192,13 +3192,13 @@ const W = {
   testId: d
 }) => {
   const b = e.useRef(null), f = g(
-    Q[K],
-    Q[`${K}--${s}`],
-    n && Q[`${K}--multi-select`],
-    n && _ && Q[`${K}--multi-select--with-items`],
-    r && Q[`${K}--disabled`],
-    l && Q[`${K}--focused`],
-    o && Q[`${K}--error`]
+    Q[j],
+    Q[`${j}--${s}`],
+    n && Q[`${j}--multi-select`],
+    n && o && Q[`${j}--multi-select--with-items`],
+    r && Q[`${j}--disabled`],
+    l && Q[`${j}--focused`],
+    _ && Q[`${j}--error`]
   );
   e.useEffect(() => {
     const h = (y) => {
@@ -3212,7 +3212,7 @@ const W = {
     u(h);
   }, v = (h) => {
     h.stopPropagation(), m();
-  }, $ = !i && _ && !r && !c;
+  }, $ = !i && o && !r && !c;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -3226,9 +3226,9 @@ const W = {
       "div",
       {
         className: g(
-          Q[`${K}__content`],
-          Q[`${K}__content--${s}`],
-          n && _ && Q[`${K}__content--with-items`]
+          Q[`${j}__content`],
+          Q[`${j}__content--${s}`],
+          n && o && Q[`${j}__content--with-items`]
         )
       },
       t
@@ -3237,15 +3237,15 @@ const W = {
       "div",
       {
         className: g(
-          Q[`${K}__controls`],
-          Q[`${K}__controls--${s}`]
+          Q[`${j}__controls`],
+          Q[`${j}__controls--${s}`]
         )
       },
       $ && /* @__PURE__ */ e.createElement(
         "div",
         {
-          "data-testid": `${K}__clear-icon`,
-          className: Q[`${K}__clear-icon`],
+          "data-testid": `${j}__clear-icon`,
+          className: Q[`${j}__clear-icon`],
           onClick: v
         },
         /* @__PURE__ */ e.createElement(D, { kind: "primary", size: "small", source: Te })
@@ -3253,7 +3253,7 @@ const W = {
       /* @__PURE__ */ e.createElement(
         D,
         {
-          className: Q[`${K}__chevron-icon`],
+          className: Q[`${j}__chevron-icon`],
           source: l ? Ft : bt,
           size: "medium",
           disabled: r
@@ -3261,7 +3261,7 @@ const W = {
       )
     )
   );
-}, eo = "lc-Tag-module__tag___1QRVY", to = "lc-Tag-module__tag__remove___UmtrW", ao = "lc-Tag-module__icon___2Z-35", ro = "lc-Tag-module__tag__node___rZTzB", _o = "lc-Tag-module__tag__content___q6vKK", ie = {
+}, eo = "lc-Tag-module__tag___1QRVY", to = "lc-Tag-module__tag__remove___UmtrW", ao = "lc-Tag-module__icon___2Z-35", ro = "lc-Tag-module__tag__node___rZTzB", _o = "lc-Tag-module__tag__content___q6vKK", Ee = {
   tag: eo,
   "tag--success": "lc-Tag-module__tag--success___P2hXQ",
   tag__remove: to,
@@ -3274,21 +3274,20 @@ const W = {
   "tag--small": "lc-Tag-module__tag--small___xfcC5",
   "tag--medium": "lc-Tag-module__tag--medium___l5-KI",
   "tag--large": "lc-Tag-module__tag--large___ytC6Y",
+  "tag--xlarge": "lc-Tag-module__tag--xlarge___2jj1d",
   icon: ao,
   "tag--text-white": "lc-Tag-module__tag--text-white___x0fnD",
   "tag--text-black": "lc-Tag-module__tag--text-black___dUvmD",
-  "tag--with-node": "lc-Tag-module__tag--with-node___cFfen",
   "tag--dismissible": "lc-Tag-module__tag--dismissible___Qobyr",
   tag__node: ro,
-  "tag__node--right": "lc-Tag-module__tag__node--right___pGYuU",
   tag__content: _o
-}, de = "tag", oo = (t) => t ? aa(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Ya = (m) => {
+}, $e = "tag", oo = (t) => t ? ta(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Va = (m) => {
   var d = m, {
     className: t = "",
     children: a,
     dismissible: r = !1,
-    size: o = "medium",
-    kind: _ = "default",
+    size: _ = "medium",
+    kind: o = "default",
     onRemove: l,
     outline: c = !1,
     leftNode: n,
@@ -3307,17 +3306,16 @@ const W = {
     "customColor"
   ]);
   const b = g(
-    ie[de],
+    Ee[$e],
     t,
-    ie[`${de}--${o}`],
-    ie[`${de}--${_}`],
+    Ee[`${$e}--${_}`],
+    Ee[`${$e}--${o}`],
     {
-      [ie[`${de}--dismissible`]]: r,
-      [ie[`${de}--outline`]]: c,
-      [ie[`${de}--with-node`]]: !!n || !!s,
-      [ie[`${de}--${oo(i)}`]]: !!i
+      [Ee[`${$e}--dismissible`]]: r,
+      [Ee[`${$e}--outline`]]: c,
+      [Ee[`${$e}--${oo(i)}`]]: !!i
     }
-  ), f = o === "small" ? "small" : "medium", p = () => i ? c ? {
+  ), f = _ === "small" ? "small" : "medium", p = () => i ? c ? {
     style: {
       backgroundColor: "transparent",
       color: i,
@@ -3325,7 +3323,7 @@ const W = {
     }
   } : { style: { backgroundColor: i } } : {}, v = () => {
     if (i)
-      return c ? i : aa(i, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
+      return c ? i : ta(i, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
   };
   return /* @__PURE__ */ e.createElement(
     P,
@@ -3339,17 +3337,16 @@ const W = {
       "div",
       {
         "data-testid": "lc-tag-left-node",
-        className: ie[`${de}__node`],
+        className: Ee[`${$e}__node`],
         style: { color: v() }
       },
       n
     ),
-    /* @__PURE__ */ e.createElement("div", { className: ie[`${de}__content`] }, a),
+    /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__content`] }, a),
     s && /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "lc-tag-right-node",
-        className: g(ie[`${de}__node--right`]),
         style: { color: v() }
       },
       s
@@ -3360,7 +3357,7 @@ const W = {
         title: "Remove",
         onClick: l,
         type: "button",
-        className: ie[`${de}__remove`]
+        className: Ee[`${$e}__remove`]
       },
       /* @__PURE__ */ e.createElement(
         D,
@@ -3373,7 +3370,7 @@ const W = {
       )
     )
   );
-}, oe = {
+}, le = {
   "picker-trigger-body": "lc-TriggerBody-module__picker-trigger-body___ZWjX9",
   "picker-trigger-body--single": "lc-TriggerBody-module__picker-trigger-body--single___KNWtO",
   "picker-trigger-body__item-container": "lc-TriggerBody-module__picker-trigger-body__item-container___l2NTQ",
@@ -3389,12 +3386,12 @@ const W = {
   "picker-trigger-body__tag--compact": "lc-TriggerBody-module__picker-trigger-body__tag--compact___X-oAF",
   "picker-trigger-body__tag--medium": "lc-TriggerBody-module__picker-trigger-body__tag--medium___Ptkd5",
   "picker-trigger-body__tag--large": "lc-TriggerBody-module__picker-trigger-body__tag--large___Saoy1"
-}, le = "picker-trigger-body", lo = ({
+}, ce = "picker-trigger-body", lo = ({
   isOpen: t,
   isSearchDisabled: a,
   isDisabled: r,
-  placeholder: o,
-  items: _,
+  placeholder: _,
+  items: o,
   type: l,
   clearSearchAfterSelection: c,
   size: n,
@@ -3404,49 +3401,49 @@ const W = {
   const u = t && !a, m = e.useRef(null);
   e.useEffect(() => {
     c && (i(""), m.current && (m.current.value = "", m.current.focus()));
-  }, [_, c]);
-  const d = (p) => l === "single" && t && !a ? null : p != null && p.customElement ? /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item`] }, p.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item`] }, p.icon && /* @__PURE__ */ e.createElement(
+  }, [o, c]);
+  const d = (p) => l === "single" && t && !a ? null : p != null && p.customElement ? /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item`] }, p.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item`] }, p.icon && /* @__PURE__ */ e.createElement(
     D,
     {
       source: p.icon,
-      className: oe[`${le}__item__icon`]
+      className: le[`${ce}__item__icon`]
     }
   ), p.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
       src: p.avatarSrc,
       alt: "",
-      className: oe[`${le}__item__avatar`]
+      className: le[`${ce}__item__avatar`]
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item__content`] }, p.name)), b = (p) => {
+  ), /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item__content`] }, p.name)), b = (p) => {
     i(p.target.value);
   }, f = () => /* @__PURE__ */ e.createElement(
     "input",
     {
       ref: m,
       className: g(
-        oe[`${le}__input`],
-        oe[`${le}__input--${n}`]
+        le[`${ce}__input`],
+        le[`${ce}__input--${n}`]
       ),
       placeholder: "Select option",
       onChange: b,
       autoFocus: !0
     }
   );
-  return !_ || _.length === 0 ? u ? f() : /* @__PURE__ */ e.createElement("div", null, o) : /* @__PURE__ */ e.createElement(
+  return !o || o.length === 0 ? u ? f() : /* @__PURE__ */ e.createElement("div", null, _) : /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: g(oe[le], {
-        [oe[`${le}--single`]]: l === "single"
+      className: g(le[ce], {
+        [le[`${ce}--single`]]: l === "single"
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item-container`] }, l === "single" ? d(_[0]) : _.map((p) => /* @__PURE__ */ e.createElement(
-      Ya,
+    /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item-container`] }, l === "single" ? d(o[0]) : o.map((p) => /* @__PURE__ */ e.createElement(
+      Va,
       {
         key: p.name,
         className: g(
-          oe[`${le}__tag`],
-          oe[`${le}__tag--${n}`]
+          le[`${ce}__tag`],
+          le[`${ce}__tag--${n}`]
         ),
         dismissible: !r,
         onRemove: () => s(p)
@@ -3455,16 +3452,16 @@ const W = {
     ))),
     u && f()
   );
-}, co = "lc-Picker-module__picker___GRj9W", no = "lc-Picker-module__picker__container___s0PUc", Sa = {
+}, co = "lc-Picker-module__picker___GRj9W", no = "lc-Picker-module__picker__container___s0PUc", xa = {
   picker: co,
   picker__container: no
-}, Ta = "picker", Fl = ($) => {
+}, Sa = "picker", Fl = ($) => {
   var h = $, {
     className: t,
     disabled: a,
     error: r,
-    options: o,
-    selected: _,
+    options: _,
+    selected: o,
     size: l = "medium",
     placeholder: c = "Select option",
     isRequired: n,
@@ -3494,7 +3491,7 @@ const W = {
     "clearSearchAfterSelection",
     "onSelect"
   ]);
-  const [y, N] = e.useState(b), [E, k] = e.useState(null), C = e.useRef(null), S = g(Sa[Ta], t);
+  const [y, N] = e.useState(b), [E, k] = e.useState(null), C = e.useRef(null), x = g(xa[Sa], t);
   e.useEffect(() => {
     if (y) {
       const F = (q) => {
@@ -3509,15 +3506,15 @@ const W = {
     } else
       k(null);
   }, [y]);
-  const G = (F) => {
+  const H = (F) => {
     const U = F.target;
     a || U.getAttribute("data-dismiss-icon") || N((q) => !q);
-  }, fe = () => {
+  }, re = () => {
     N(!1);
-  }, ce = (F) => {
+  }, ne = (F) => {
     if (u === "single")
       return N(!1), p([F]);
-    const U = F.key, q = ne;
+    const U = F.key, q = se;
     if (!q)
       return p([F]);
     const Be = q.includes(
@@ -3525,28 +3522,28 @@ const W = {
     ) ? q.filter((Mt) => Mt !== U) : q.concat(U);
     if ((Be == null ? void 0 : Be.length) === 0)
       return p(null);
-    const Qa = o.filter(
+    const Ka = _.filter(
       (Mt) => Be.includes(Mt.key)
     );
-    p(Qa);
+    p(Ka);
   }, ze = (F) => !F.disabled && !F.groupHeader && F.key !== Qe, Ge = () => {
     N(!1);
     const F = We.filter(ze);
     p(F);
   }, De = () => {
     N(!1), p(null);
-  }, Ue = (F) => k(F), $e = (F) => {
-    const U = _ ? _.filter((q) => q !== F) : null;
+  }, Ue = (F) => k(F), ye = (F) => {
+    const U = o ? o.filter((q) => q !== F) : null;
     if ((U == null ? void 0 : U.length) === 0)
       return p(null);
     p(U);
-  }, We = e.useMemo(() => E ? o.filter((F) => {
+  }, We = e.useMemo(() => E ? _.filter((F) => {
     if (F.groupHeader)
       return !1;
     const U = E.toLowerCase();
     return F.name.toLowerCase().includes(U);
-  }) : o, [E, o]), ne = e.useMemo(() => _ ? _.map((F) => F.key) : null, [_]);
-  return /* @__PURE__ */ e.createElement("div", { ref: C, className: S, id: v.id }, /* @__PURE__ */ e.createElement("div", { className: Sa[`${Ta}__container`] }, /* @__PURE__ */ e.createElement(
+  }) : _, [E, _]), se = e.useMemo(() => o ? o.map((F) => F.key) : null, [o]);
+  return /* @__PURE__ */ e.createElement("div", { ref: C, className: x, id: v.id }, /* @__PURE__ */ e.createElement("div", { className: xa[`${Sa}__container`] }, /* @__PURE__ */ e.createElement(
     X_,
     {
       testId: v["data-testid"],
@@ -3554,12 +3551,12 @@ const W = {
       isError: r,
       isOpen: y,
       isDisabled: a,
-      isItemSelected: !!_,
+      isItemSelected: !!o,
       isRequired: n,
       isMultiSelect: u === "multi",
       size: l,
       hideClearButton: d,
-      onTrigger: G,
+      onTrigger: H,
       onClear: De
     },
     /* @__PURE__ */ e.createElement(
@@ -3569,25 +3566,25 @@ const W = {
         isSearchDisabled: m,
         isDisabled: a,
         placeholder: c,
-        items: _,
+        items: o,
         type: u,
         size: l,
         clearSearchAfterSelection: f,
-        onItemRemove: $e,
+        onItemRemove: ye,
         onFilter: Ue
       }
     )
   ), /* @__PURE__ */ e.createElement(
     Z_,
     {
-      selectedItemsKeys: ne,
+      selectedItemsKeys: se,
       items: We,
       isOpen: y,
       isMultiSelect: u === "multi",
       emptyStateText: s,
       selectAllOptionText: i,
-      onClose: fe,
-      onSelect: ce,
+      onClose: re,
+      onSelect: ne,
       onSelectAll: Ge
     }
   )));
@@ -3596,10 +3593,10 @@ const W = {
   "error",
   "success"
 ], io = (t) => Math.min(Math.max(t, 0), 100);
-function qa(t, a = 0) {
+function Ya(t, a = 0) {
   return t === "error" ? 0 : io(parseInt(a.toString(), 10));
 }
-function Ja(t, a) {
+function qa(t, a) {
   return !so.includes(t) && a >= 100 ? "normal" : t || "normal";
 }
 const dt = {
@@ -3627,17 +3624,17 @@ const dt = {
       status: t = "normal",
       progressValue: a,
       className: r,
-      size: o = "medium"
-    } = n, _ = B(n, [
+      size: _ = "medium"
+    } = n, o = B(n, [
       "status",
       "progressValue",
       "className",
       "size"
     ]);
-    const s = Ja(t, a), i = qa(s, a), u = uo[o], m = mo[o], d = g(
+    const s = qa(t, a), i = Ya(s, a), u = uo[_], m = mo[_], d = g(
       dt[ut],
       {
-        [dt[`${ut}--${o}`]]: o,
+        [dt[`${ut}--${_}`]]: _,
         [dt[`${ut}--${t}`]]: t
       },
       r
@@ -3651,7 +3648,7 @@ const dt = {
         className: d,
         ref: l,
         role: "progressbar"
-      }, _),
+      }, o),
       /* @__PURE__ */ e.createElement("svg", { viewBox: p }, /* @__PURE__ */ e.createElement(
         "circle",
         {
@@ -3692,24 +3689,24 @@ const dt = {
       status: t = "normal",
       percent: a,
       size: r = "medium",
-      className: o = ""
-    } = n, _ = B(n, [
+      className: _ = ""
+    } = n, o = B(n, [
       "status",
       "percent",
       "size",
       "className"
     ]);
-    const s = Ja(t, a), i = qa(s, a), u = g(
+    const s = qa(t, a), i = Ya(s, a), u = g(
       Tt[Dt],
       {
         [Tt[`${Dt}--${r}`]]: r,
         [Tt[`${Dt}--${t}`]]: t
       },
-      o
+      _
     );
     return /* @__PURE__ */ e.createElement(
       "div",
-      A(w({}, _), {
+      A(w({}, o), {
         className: u,
         ref: l,
         role: "progressbar"
@@ -3723,7 +3720,7 @@ const dt = {
       )
     );
   }
-), ue = {
+), de = {
   "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",
@@ -3735,12 +3732,12 @@ const dt = {
   "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"
-}, fo = 400, bo = 800, vo = 500, me = "promo-banner", Rl = ({
+}, fo = 400, bo = 800, vo = 500, ue = "promo-banner", Rl = ({
   className: t,
   buttonText: a,
   children: r,
-  header: o,
-  img: _,
+  header: _,
+  img: o,
   light: l = !1,
   linkText: c,
   onButtonClick: n,
@@ -3748,16 +3745,16 @@ const dt = {
   onLinkClick: i
 }) => {
   const u = e.useRef(null), [m, d] = e.useState("medium"), b = g(
-    ue[me],
+    de[ue],
     {
-      [ue[`${me}--light`]]: l,
-      [ue[`${me}--small`]]: m === "small",
-      [ue[`${me}--large`]]: m === "large"
+      [de[`${ue}--light`]]: l,
+      [de[`${ue}--small`]]: m === "small",
+      [de[`${ue}--large`]]: m === "large"
     },
     t
   );
   e.useEffect(() => {
-    const p = () => u.current && u.current.offsetWidth <= fo ? d("small") : u.current && u.current.offsetWidth >= bo ? d("large") : d("medium"), v = Oa(
+    const p = () => u.current && u.current.offsetWidth <= fo ? d("small") : u.current && u.current.offsetWidth >= bo ? d("large") : d("medium"), v = La(
       p,
       vo
     );
@@ -3765,21 +3762,21 @@ const dt = {
       v.cancel(), window.removeEventListener("resize", p);
     };
   }, []);
-  const f = /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__footer`] }, a && /* @__PURE__ */ e.createElement(
+  const f = /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__footer`] }, a && /* @__PURE__ */ e.createElement(
     M,
     {
       kind: "primary",
       size: "compact",
       onClick: n,
-      className: ue[`${me}__button-text`]
+      className: de[`${ue}__button-text`]
     },
     a
   ), c && /* @__PURE__ */ e.createElement(M, { size: "compact", kind: "text", onClick: i }, c));
-  return /* @__PURE__ */ e.createElement("div", { ref: u, className: b }, /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__content`] }, _ && /* @__PURE__ */ e.createElement("img", { src: _, className: ue[`${me}__img`] }), /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__header`] }, o), /* @__PURE__ */ e.createElement(P, { as: "div" }, r), m !== "large" && f), m === "large" && f), s && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { ref: u, className: b }, /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: de[`${ue}__img`] }), /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__header`] }, _), /* @__PURE__ */ e.createElement(P, { as: "div" }, r), m !== "large" && f), m === "large" && f), s && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      className: ue[`${me}__close-icon`],
+      className: de[`${ue}__close-icon`],
       onClick: s
     },
     /* @__PURE__ */ e.createElement(D, { source: Te, size: "large", kind: "primary" })
@@ -3797,26 +3794,26 @@ const dt = {
   children: t,
   className: a,
   additionalContent: r,
-  primaryButton: o,
-  secondaryButton: _,
+  primaryButton: _,
+  secondaryButton: o,
   onClose: l
 }) => {
   const c = g(Ie[Oe], a);
-  return /* @__PURE__ */ e.createElement("div", { className: Ie["main-wrapper"] }, /* @__PURE__ */ e.createElement("div", { role: "banner", className: c }, /* @__PURE__ */ e.createElement("div", { className: Ie[`${Oe}__content`] }, t, (o || _) && /* @__PURE__ */ e.createElement("div", { className: Ie[`${Oe}__content__cta`] }, o && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: Ie["main-wrapper"] }, /* @__PURE__ */ e.createElement("div", { role: "banner", className: c }, /* @__PURE__ */ e.createElement("div", { className: Ie[`${Oe}__content`] }, t, (_ || o) && /* @__PURE__ */ e.createElement("div", { className: Ie[`${Oe}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
     M,
     {
-      kind: (o == null ? void 0 : o.kind) || "high-contrast",
-      onClick: o.handleClick
+      kind: (_ == null ? void 0 : _.kind) || "high-contrast",
+      onClick: _.handleClick
     },
-    o.label
-  ), _ && /* @__PURE__ */ e.createElement(
+    _.label
+  ), o && /* @__PURE__ */ e.createElement(
     M,
     {
-      kind: (_ == null ? void 0 : _.kind) || "text",
-      onClick: _.handleClick,
+      kind: (o == null ? void 0 : o.kind) || "text",
+      onClick: o.handleClick,
       className: Ie[`${Oe}__content__cta__secondary`]
     },
-    _.label
+    o.label
   ))), r && /* @__PURE__ */ e.createElement("div", { className: Ie[`${Oe}__additional-content`] }, r), l && /* @__PURE__ */ e.createElement("div", { className: Ie[`${Oe}__close`] }, /* @__PURE__ */ e.createElement(
     M,
     {
@@ -3839,10 +3836,10 @@ const dt = {
   "radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
 }, Ce = "radio-button", Ll = e.forwardRef(
   (n, c) => {
-    var s = n, { children: t, className: a = "", description: r, checked: o, disabled: _ } = s, l = B(s, ["children", "className", "description", "checked", "disabled"]);
+    var s = n, { children: t, className: a = "", description: r, checked: _, disabled: o } = s, l = B(s, ["children", "className", "description", "checked", "disabled"]);
     const i = g(we[Ce], a, {
-      [we[`${Ce}--selected`]]: o,
-      [we[`${Ce}--disabled`]]: _
+      [we[`${Ce}--selected`]]: _,
+      [we[`${Ce}--disabled`]]: o
     });
     return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: we[`${Ce}__label`] }, /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: we[`${Ce}__inner-circle`] }), /* @__PURE__ */ e.createElement(
       "input",
@@ -3850,12 +3847,12 @@ const dt = {
         className: we[`${Ce}__input`],
         ref: c,
         type: "radio",
-        checked: o,
-        disabled: _
+        checked: _,
+        disabled: o
       })
     )), t && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: we[`${Ce}__text`] }, t)), r && /* @__PURE__ */ e.createElement(Rt, { className: we[`${Ce}__helper`] }, r));
   }
-), ke = {
+), ve = {
   "search-input": "lc-Search-module__search-input___FsbCk",
   "search-input--compact": "lc-Search-module__search-input--compact___498To",
   "search-input--medium": "lc-Search-module__search-input--medium___Hwteg",
@@ -3868,24 +3865,24 @@ const dt = {
   "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"
-}, ge = "search-input", ho = `${ge}__input`, Ol = ({
+}, pe = "search-input", ho = `${pe}__input`, Ol = ({
   isCollapsable: t,
   isDisabled: a,
   isLoading: r,
-  placeholder: o = "Search ...",
-  size: _ = "medium",
+  placeholder: _ = "Search ...",
+  size: o = "medium",
   value: l,
   className: c,
   onChange: n
 }) => {
   const [s, i] = e.useState(!0), [u, m] = e.useState(!1), d = e.useRef(null), b = !!l && !a && !r, f = t && !s && "true", p = g(
     c,
-    ke[ge],
-    ke[`${ge}--${_}`],
-    u && ke[`${ge}--focused`],
-    a && ke[`${ge}--disabled`],
-    t && ke[`${ge}--collapsable`],
-    !s && ke[`${ge}--collapsable--open`]
+    ve[pe],
+    ve[`${pe}--${o}`],
+    u && ve[`${pe}--focused`],
+    a && ve[`${pe}--disabled`],
+    t && ve[`${pe}--collapsable`],
+    !s && ve[`${pe}--collapsable--open`]
   );
   e.useEffect(() => {
     t && l && i(!1);
@@ -3916,8 +3913,8 @@ const dt = {
     /* @__PURE__ */ e.createElement(
       D,
       {
-        className: ke[`${ge}__search-icon`],
-        source: lr,
+        className: ve[`${pe}__search-icon`],
+        source: or,
         disabled: a,
         kind: "primary"
       }
@@ -3927,10 +3924,10 @@ const dt = {
       {
         role: "searchbox",
         ref: d,
-        className: ke[ho],
+        className: ve[ho],
         type: "text",
         value: l,
-        placeholder: o,
+        placeholder: _,
         onChange: v,
         onBlur: N,
         onFocus: y,
@@ -3943,7 +3940,7 @@ const dt = {
       {
         "aria-label": "Clear search",
         title: "Clear search",
-        className: ke[`${ge}__clear-icon`],
+        className: ve[`${pe}__clear-icon`],
         onClick: $,
         icon: /* @__PURE__ */ e.createElement(D, { source: Te, kind: "primary" }),
         kind: "text",
@@ -3953,10 +3950,10 @@ const dt = {
     r && /* @__PURE__ */ e.createElement(
       "div",
       {
-        "data-testid": `${ge}-loader`,
-        className: ke[`${ge}__loader`]
+        "data-testid": `${pe}-loader`,
+        className: ve[`${pe}__loader`]
       },
-      /* @__PURE__ */ e.createElement(ra, { size: "small" })
+      /* @__PURE__ */ e.createElement(aa, { size: "small" })
     )
   );
 }, ko = "lc-Switch-module__switch__input___NiiOR", yo = "lc-Switch-module__switch__container___79F7W", Eo = "lc-Switch-module__switch__track___2wr2M", $o = "lc-Switch-module__switch__slider___WHd--", wo = "lc-Switch-module__switch__loader___FE-fA", Co = "lc-Switch-module__switch__icon___-O1qY", Z = {
@@ -3987,14 +3984,14 @@ const dt = {
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
   switch__icon: Co
-}, j = "switch", Hl = (m) => {
+}, K = "switch", Hl = (m) => {
   var d = m, {
     className: t = "",
     defaultOn: a = !1,
     disabled: r = !1,
-    name: o = j,
-    on: _,
-    onChange: l = jt,
+    name: _ = K,
+    on: o,
+    onChange: l,
     size: c = "large",
     state: n = "regular",
     innerRef: s,
@@ -4011,77 +4008,69 @@ const dt = {
     "innerRef",
     "ariaLabel"
   ]);
-  const [b, f] = e.useState(
-    () => _ !== void 0 ? _ : a
-  );
-  e.useEffect(() => {
-    _ !== void 0 && f(_);
-  }, [_]);
-  const p = n === "loading", v = n === "locked", $ = c === "large" ? "small" : "xsmall", h = b ? "on" : "off", y = r || p || v, N = y ? "disabled" : "enabled", E = g(
-    Z[j],
-    Z[`${j}--${c}`],
+  const b = o !== void 0, [f, p] = e.useState(
+    () => b ? o : a
+  ), v = b ? o : f, $ = n === "loading", h = n === "locked", y = c === "large" ? "small" : "xsmall", N = v ? "on" : "off", E = r || $ || h, k = E ? "disabled" : "enabled", C = g(
+    Z[K],
+    Z[`${K}--${c}`],
     t
-  ), k = (C) => {
-    if (l !== jt) {
-      l(C, b);
-      return;
-    }
-    C.stopPropagation(), f((G) => !G);
+  ), x = (H) => {
+    l == null || l(H, !v), b || (H.stopPropagation(), p((re) => !re));
   };
-  return /* @__PURE__ */ e.createElement("span", { className: E }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("span", { className: C }, /* @__PURE__ */ e.createElement(
     "input",
     w({
       type: "checkbox",
       className: g(
-        Z[`${j}__input`],
-        Z[`${j}__input--${N}`]
+        Z[`${K}__input`],
+        Z[`${K}__input--${k}`]
       ),
-      onChange: k,
-      checked: b,
-      name: o,
+      onChange: x,
+      checked: v,
+      name: _,
       ref: s,
-      disabled: y,
+      disabled: E,
       "aria-label": i
     }, u)
-  ), /* @__PURE__ */ e.createElement("span", { className: Z[`${j}__container`] }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("span", { className: Z[`${K}__container`] }, /* @__PURE__ */ e.createElement(
     "span",
     {
       className: g(
-        Z[`${j}__track`],
-        Z[`${j}__track--${h}`],
-        Z[`${j}__track--${N}`]
+        Z[`${K}__track`],
+        Z[`${K}__track--${N}`],
+        Z[`${K}__track--${k}`]
       )
     }
   ), /* @__PURE__ */ e.createElement(
     "span",
     {
       className: g(
-        Z[`${j}__slider`],
-        Z[`${j}__slider--${c}`],
-        Z[`${j}__slider--${c}--${h}`]
+        Z[`${K}__slider`],
+        Z[`${K}__slider--${c}`],
+        Z[`${K}__slider--${c}--${N}`]
       )
     },
-    p && /* @__PURE__ */ e.createElement(
-      ra,
+    $ && /* @__PURE__ */ e.createElement(
+      aa,
       {
         className: g(
-          Z[`${j}__loader`],
-          Z[`${j}__loader--${c}`]
+          Z[`${K}__loader`],
+          Z[`${K}__loader--${c}`]
         )
       }
     ),
-    v && /* @__PURE__ */ e.createElement(
+    h && /* @__PURE__ */ e.createElement(
       D,
       {
-        className: Z[`${j}__icon`],
+        className: Z[`${K}__icon`],
         "data-testid": "lock-icon",
-        size: $,
-        source: cr,
+        size: y,
+        source: lr,
         kind: "primary"
       }
     )
   )));
-}, No = "lc-Tab-module__tab___fME7u", xo = "lc-Tab-module__tab__count___gc8tA", So = "lc-Tab-module__tab__badge___W9c-T", Ke = {
+}, No = "lc-Tab-module__tab___fME7u", xo = "lc-Tab-module__tab__count___gc8tA", So = "lc-Tab-module__tab__badge___W9c-T", je = {
   tab: No,
   tab__count: xo,
   "tab--compact": "lc-Tab-module__tab--compact___4qead",
@@ -4090,13 +4079,13 @@ const dt = {
   tab__badge: So,
   "tab--selected": "lc-Tab-module__tab--selected___c0EkL",
   "tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
-}, je = "tab", zl = (n) => {
+}, Ke = "tab", zl = (n) => {
   var s = n, {
     children: t,
     className: a,
     count: r,
-    isSelected: o,
-    asBadge: _,
+    isSelected: _,
+    asBadge: o,
     size: l = "medium"
   } = s, c = B(s, [
     "children",
@@ -4106,48 +4095,48 @@ const dt = {
     "asBadge",
     "size"
   ]);
-  const { disabled: i } = c, u = r !== void 0 && !_, m = r !== void 0 && _;
+  const { disabled: i } = c, u = r !== void 0 && !o, m = r !== void 0 && o;
   return /* @__PURE__ */ e.createElement(
     P,
     A(w({}, c), {
       as: c.href ? "a" : "button",
       size: "md",
-      bold: o,
+      bold: _,
       className: g(
         a,
-        Ke[je],
-        Ke[`${je}--${l}`],
-        o && Ke[`${je}--selected`],
-        i && Ke[`${je}--disabled`]
+        je[Ke],
+        je[`${Ke}--${l}`],
+        _ && je[`${Ke}--selected`],
+        i && je[`${Ke}--disabled`]
       )
     }),
     t,
-    u && /* @__PURE__ */ e.createElement(P, { as: "span", size: "md", className: Ke[`${je}__count`] }, "(", r, ")"),
+    u && /* @__PURE__ */ e.createElement(P, { as: "span", size: "md", className: je[`${Ke}__count`] }, "(", r, ")"),
     m && /* @__PURE__ */ e.createElement(
-      l_,
+      o_,
       {
         "data-testid": "tab-badge",
         count: r,
         size: "compact",
-        className: Ke[`${je}__badge`]
+        className: je[`${Ke}__badge`]
       }
     )
   );
-}, To = "lc-TabsWrapper-module__tabs___Y2xyD", Do = "lc-TabsWrapper-module__tabs__list___i6tVO", Ka = {
+}, To = "lc-TabsWrapper-module__tabs___Y2xyD", Do = "lc-TabsWrapper-module__tabs__list___i6tVO", Ja = {
   tabs: To,
   tabs__list: Do
 }, ja = "tabs", Gl = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: g(Ka[ja], t) }, a), Ul = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: g(Ja[ja], t) }, a), Ul = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: g(Ka[`${ja}__list`], t) }, a), Io = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: g(Ja[`${ja}__list`], t) }, a), Io = ({
   className: t = "",
   innerEditableRef: a,
   inputRef: r,
-  change: o,
-  remove: _,
+  change: _,
+  remove: o,
   value: l
 }) => {
   const [c, n] = e.useState(!1), s = () => a.current, i = () => {
@@ -4160,20 +4149,20 @@ const dt = {
       f.preventDefault(), u();
       return;
     }
-    f.key === L.backspace && i() === "" && (n(!0), _(), u());
+    f.key === L.backspace && i() === "" && (n(!0), o(), u());
   }, d = () => {
     const f = s();
     if (!(c || !f)) {
       if (f.innerText === "") {
-        _();
+        o();
         return;
       }
-      o(f.innerText);
+      _(f.innerText);
     }
   }, b = (f) => {
     f.preventDefault();
     const p = f.clipboardData.getData("text/plain");
-    document.execCommand("insertHTML", !1, sa(p));
+    document.execCommand("insertHTML", !1, na(p));
   };
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -4184,7 +4173,7 @@ const dt = {
       onPaste: b,
       onBlur: d,
       onKeyDown: m,
-      dangerouslySetInnerHTML: { __html: sa(l) }
+      dangerouslySetInnerHTML: { __html: na(l) }
     }
   );
 }, gt = {
@@ -4198,14 +4187,14 @@ const dt = {
   children: t,
   index: a,
   remove: r,
-  validator: o,
-  inputRef: _,
+  validator: _,
+  inputRef: o,
   update: l,
   size: c
 }) => {
-  const n = e.useMemo(() => o !== void 0 ? o(t) : !0, [t, o]), s = e.useRef(null), i = () => r(a);
+  const n = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), s = e.useRef(null), i = () => r(a);
   return /* @__PURE__ */ e.createElement(
-    Ya,
+    Va,
     {
       kind: n ? "default" : "error",
       dismissible: !0,
@@ -4216,12 +4205,12 @@ const dt = {
       Io,
       {
         value: t,
-        inputRef: _,
+        inputRef: o,
         innerEditableRef: s,
         className: gt[`${Ao}__content`],
         change: (u) => l(a, u),
         remove: i,
-        validator: o
+        validator: _
       }
     )
   );
@@ -4236,8 +4225,8 @@ const dt = {
     id: t,
     tags: a,
     onChange: r,
-    validator: o,
-    error: _,
+    validator: _,
+    error: o,
     placeholder: l,
     size: c = "medium"
   } = i, n = B(i, [
@@ -4250,7 +4239,7 @@ const dt = {
     "size"
   ]);
   const u = g(gt[It], {
-    [gt[`${It}--error`]]: _
+    [gt[`${It}--error`]]: o
   }), m = g(
     gt[`${It}__input`],
     gt[`${It}__input--${c}`]
@@ -4272,7 +4261,7 @@ const dt = {
   }, y = (E, k) => {
     const C = [...a || []];
     C.reduce(
-      (G, fe, ce) => G + (fe === k && ce !== E ? 1 : 0),
+      (H, re, ne) => H + (re === k && ne !== E ? 1 : 0),
       0
     ) > 0 ? C.splice(E, 1) : C[E] = k, r(C);
   }, N = (E) => {
@@ -4288,7 +4277,7 @@ const dt = {
       update: y,
       remove: v,
       inputRef: f,
-      validator: o,
+      validator: _,
       size: c
     },
     E
@@ -4304,22 +4293,22 @@ const dt = {
       onKeyDown: h,
       onPaste: N
     })
-  )), _ && /* @__PURE__ */ e.createElement(_a, null, _));
+  )), o && /* @__PURE__ */ e.createElement(ra, null, o));
 }, Mo = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i, Lo = "name@company.com", Oo = (t) => Mo.test(t), Wl = ({
   id: t,
   tags: a,
   onChange: r,
-  error: o,
-  placeholder: _ = Lo,
+  error: _,
+  placeholder: o = Lo,
   size: l
 }) => /* @__PURE__ */ e.createElement(
   Ro,
   {
     id: t,
     tags: a,
-    error: o,
+    error: _,
     onChange: r,
-    placeholder: _,
+    placeholder: o,
     validator: Oo,
     size: l
   }
@@ -4355,24 +4344,24 @@ const dt = {
   "toast-exit-active--fade": "lc-Toast-module__toast-exit-active--fade___tL7sb"
 }, Wo = {
   success: {
-    source: Ia
+    source: Da
   },
   warning: {
-    source: Da
+    source: Ta
   },
   error: {
-    source: Aa
+    source: Ia
   },
   info: {
-    source: Xt
+    source: Zt
   }
 }, Ae = "toast", Vo = (n) => {
   var s = n, {
     action: t,
     className: a,
     children: r,
-    removable: o,
-    kind: _ = "info",
+    removable: _,
+    kind: o = "info",
     onClose: l
   } = s, c = B(s, [
     "action",
@@ -4384,10 +4373,10 @@ const dt = {
   ]);
   const i = g(
     V[Ae],
-    V[`${Ae}--${_}`],
+    V[`${Ae}--${o}`],
     a
   ), u = typeof r == "string", m = (d) => d && d.closesOnClick && l ? (d.onClick(), l()) : d.onClick();
-  return /* @__PURE__ */ e.createElement("div", w({ className: i }, c), /* @__PURE__ */ e.createElement("div", { className: V[`${Ae}__icon`] }, /* @__PURE__ */ e.createElement(D, A(w({}, Wo[_]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: V[`${Ae}__content`] }, u ? /* @__PURE__ */ e.createElement(P, { as: "div" }, r) : r), (t || o) && /* @__PURE__ */ e.createElement("div", { className: V[`${Ae}__actions`] }, t && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", w({ className: i }, c), /* @__PURE__ */ e.createElement("div", { className: V[`${Ae}__icon`] }, /* @__PURE__ */ e.createElement(D, A(w({}, Wo[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: V[`${Ae}__content`] }, u ? /* @__PURE__ */ e.createElement(P, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: V[`${Ae}__actions`] }, t && /* @__PURE__ */ e.createElement(
     M,
     {
       className: V[`${Ae}__actions--custom`],
@@ -4396,12 +4385,12 @@ const dt = {
       onClick: () => m(t)
     },
     t.label
-  ), o && /* @__PURE__ */ e.createElement(
+  ), _ && /* @__PURE__ */ e.createElement(
     M,
     {
       className: g(
         V[`${Ae}__actions__button`],
-        V[`${Ae}__actions__button--${_}`]
+        V[`${Ae}__actions__button--${o}`]
       ),
       "aria-label": "Close toast",
       kind: "text",
@@ -4414,8 +4403,8 @@ const dt = {
   className: t,
   toasts: a = [],
   fixed: r = !0,
-  block: o = !1,
-  animationType: _ = "slide",
+  block: _ = !1,
+  animationType: o = "slide",
   verticalPosition: l = "top",
   horizontalPosition: c = "center"
 }) => {
@@ -4423,21 +4412,21 @@ const dt = {
     V[mt],
     {
       [V[`${mt}--fixed`]]: r,
-      [V[`${mt}--block`]]: !r && o,
+      [V[`${mt}--block`]]: !r && _,
       [V[`${mt}--horizontal-${c}`]]: c,
       [V[`${mt}--vertical-${l}`]]: l
     },
     t
   );
-  return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(Ma, { component: null }, a.map(({ id: s, kind: i, content: u, removable: m, action: d, onClose: b }) => /* @__PURE__ */ e.createElement(
-    ta,
+  return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(Ra, { component: null }, a.map(({ id: s, kind: i, content: u, removable: m, action: d, onClose: b }) => /* @__PURE__ */ e.createElement(
+    ea,
     {
       key: s,
       classNames: {
-        enter: V[`toast-appear--${_}`],
-        enterActive: V[`toast-appear-active--${_}`],
-        exit: V[`toast-exit--${_}`],
-        exitActive: V[`toast-exit-active--${_}`]
+        enter: V[`toast-appear--${o}`],
+        enterActive: V[`toast-appear-active--${o}`],
+        exit: V[`toast-exit--${o}`],
+        exitActive: V[`toast-exit-active--${o}`]
       },
       timeout: Yo
     },
@@ -4458,8 +4447,8 @@ const dt = {
   "textarea--disabled": "lc-Textarea-module__textarea--disabled___xXaGv",
   "textarea--error": "lc-Textarea-module__textarea--error___0EGuq"
 }, Bt = "textarea", Yl = e.forwardRef(
-  (_, o) => {
-    var l = _, { className: t, error: a } = l, r = B(l, ["className", "error"]);
+  (o, _) => {
+    var l = o, { className: t, error: a } = l, r = B(l, ["className", "error"]);
     const { disabled: c, onBlur: n, onFocus: s } = r, [i, u] = e.useState(!1), m = g(t, At[Bt], {
       [At[`${Bt}--disabled`]]: c,
       [At[`${Bt}--focused`]]: i,
@@ -4472,7 +4461,7 @@ const dt = {
     return /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement(
       "textarea",
       A(w({}, r), {
-        ref: o,
+        ref: _,
         onFocus: b,
         onBlur: d
       })
@@ -4482,7 +4471,7 @@ const dt = {
   "file-upload-progress-actions": "lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2",
   "file-upload-progress-actions__close-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um",
   "file-upload-progress-actions__retry-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"
-}, Vt = "file-upload-progress-actions", Zt = ({ status: t, onCloseButtonClick: a, onRetryButtonClick: r }) => /* @__PURE__ */ e.createElement("div", { className: Wt[`${Vt}`] }, r && t === "error" && /* @__PURE__ */ e.createElement(
+}, Vt = "file-upload-progress-actions", Qt = ({ status: t, onCloseButtonClick: a, onRetryButtonClick: r }) => /* @__PURE__ */ e.createElement("div", { className: Wt[`${Vt}`] }, r && t === "error" && /* @__PURE__ */ e.createElement(
   "button",
   {
     type: "button",
@@ -4490,7 +4479,7 @@ const dt = {
     "aria-label": "Retry",
     onClick: r
   },
-  /* @__PURE__ */ e.createElement(D, { size: "small", source: nr })
+  /* @__PURE__ */ e.createElement(D, { size: "small", source: cr })
 ), a && t !== "success" && /* @__PURE__ */ e.createElement(
   "button",
   {
@@ -4500,7 +4489,7 @@ const dt = {
     onClick: a
   },
   /* @__PURE__ */ e.createElement(D, { size: "small", source: Te })
-)), pe = {
+)), me = {
   "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",
@@ -4516,48 +4505,48 @@ const dt = {
     actionsVisibility: t = "hidden",
     className: a,
     icon: r,
-    title: o,
-    progressValue: _,
+    title: _,
+    progressValue: o,
     size: l,
     status: c = "normal",
     onCloseButtonClick: n,
     onRetryButtonClick: s
-  }, i) => /* @__PURE__ */ e.createElement("div", { className: pe[Ne], ref: i }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: pe[`${Ne}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
+  }, i) => /* @__PURE__ */ e.createElement("div", { className: me[Ne], ref: i }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: me[`${Ne}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: g(
-        pe[`${Ne}__icon`],
-        pe[`${Ne}__icon--success`]
+        me[`${Ne}__icon`],
+        me[`${Ne}__icon--success`]
       )
     },
-    /* @__PURE__ */ e.createElement(D, { source: ea })
+    /* @__PURE__ */ e.createElement(D, { source: Xt })
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: g(pe[`${Ne}__wrapper`], {
-        [pe[`${Ne}__wrapper--with-icon`]]: r
+      className: g(me[`${Ne}__wrapper`], {
+        [me[`${Ne}__wrapper--with-icon`]]: r
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: pe[`${Ne}__wrapper__header`] }, o && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: me[`${Ne}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: g(pe[Yt], {
-          [pe[`${Yt}--success`]]: c === "success",
-          [pe[`${Yt}--error`]]: c === "error"
+        className: g(me[Yt], {
+          [me[`${Yt}--success`]]: c === "success",
+          [me[`${Yt}--error`]]: c === "error"
         })
       },
-      /* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, o),
+      /* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, _),
       "=",
       " "
     ), t !== "hidden" && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: g({
-          [pe[`${Ne}__wrapper__header__actions`]]: t === "hover"
+          [me[`${Ne}__wrapper__header__actions`]]: t === "hover"
         })
       },
       /* @__PURE__ */ e.createElement(
-        Zt,
+        Qt,
         {
           status: c,
           onCloseButtonClick: n,
@@ -4569,7 +4558,7 @@ const dt = {
       go,
       {
         className: a,
-        percent: _,
+        percent: o,
         status: c,
         size: l
       }
@@ -4596,7 +4585,7 @@ const dt = {
   "upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
   "upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
   "upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
-}, X = "upload-bar", xe = `${X}__wrapper__header`, Ko = 300, jo = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__success-icon`] }, /* @__PURE__ */ e.createElement(D, { source: ea })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__error-icon`] }, /* @__PURE__ */ e.createElement(D, { source: sr })) : /* @__PURE__ */ e.createElement(
+}, X = "upload-bar", xe = `${X}__wrapper__header`, jo = 300, Ko = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__success-icon`] }, /* @__PURE__ */ e.createElement(D, { source: Xt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__error-icon`] }, /* @__PURE__ */ e.createElement(D, { source: nr })) : /* @__PURE__ */ e.createElement(
   po,
   {
     className: R[`${xe}__loader`],
@@ -4607,8 +4596,8 @@ const dt = {
   children: t,
   className: a,
   progressValue: r,
-  title: o,
-  isExpanded: _,
+  title: _,
+  isExpanded: o,
   errorMessage: l,
   status: c = "normal",
   icon: n,
@@ -4617,21 +4606,21 @@ const dt = {
   onCloseButtonClick: u,
   onRetryButtonClick: m
 }) => {
-  const [d, b] = e.useState(_ || !1), f = c === "error", p = c === "success", v = g(R[X], a, {
+  const [d, b] = e.useState(o || !1), f = c === "error", p = c === "success", v = g(R[X], a, {
     [R[`${X}--error`]]: f,
     [R[`${X}--success`]]: p
   }), $ = !(f && (m || u)), h = () => b(!d);
   return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement("div", { className: R[`${X}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${xe}`] }, /* @__PURE__ */ e.createElement(
     Jo,
     {
-      title: f && l || o,
+      title: f && l || _,
       progressValue: r,
       status: c,
       icon: n,
       size: s
     }
   )), c === "error" && /* @__PURE__ */ e.createElement(
-    Zt,
+    Qt,
     {
       status: c,
       onCloseButtonClick: u,
@@ -4643,7 +4632,7 @@ const dt = {
       className: R[`${X}__wrapper`],
       onClick: h
     },
-    /* @__PURE__ */ e.createElement("div", { className: R[`${xe}`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__icon`] }, jo(c, r)), /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__title`] }, /* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, f ? l : o)), $ && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: R[`${xe}`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__icon`] }, Ko(c, r)), /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__title`] }, /* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, f ? l : _)), $ && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: R[`${xe}__collapse-button`],
@@ -4652,17 +4641,17 @@ const dt = {
       },
       d ? /* @__PURE__ */ e.createElement(D, { source: Ft }) : /* @__PURE__ */ e.createElement(D, { source: bt })
     ), c === "error" && /* @__PURE__ */ e.createElement("div", { className: R[`${xe}__actions-container`] }, /* @__PURE__ */ e.createElement(
-      Zt,
+      Qt,
       {
         status: c,
         onCloseButtonClick: u,
         onRetryButtonClick: m
       }
     )))
-  ), /* @__PURE__ */ e.createElement(Ma, { component: null }, d && /* @__PURE__ */ e.createElement(
-    ta,
+  ), /* @__PURE__ */ e.createElement(Ra, { component: null }, d && /* @__PURE__ */ e.createElement(
+    ea,
     {
-      timeout: Ko,
+      timeout: jo,
       classNames: {
         enter: R[`${X}__files--enter`],
         enterActive: R[`${X}__files--enter-active`],
@@ -4677,11 +4666,11 @@ const dt = {
 export {
   Yo as ANIMATION_TIME,
   kl as ActionBar,
-  Er as ActionMenu,
-  $r as ActionMenuItem,
+  yr as ActionMenu,
+  Er as ActionMenuItem,
   yl as Alert,
-  a_ as Avatar,
-  l_ as Badge,
+  t_ as Avatar,
+  o_ as Badge,
   M as Button,
   $l as Card,
   wl as Checkbox,
@@ -4690,10 +4679,10 @@ export {
   pl as Display,
   Wl as EmailTagInput,
   Rt as FieldDescription,
-  _a as FieldError,
+  ra as FieldError,
   Cl as FieldGroup,
   Jo as FileUploadProgress,
-  Zt as FileUploadProgressActions,
+  Qt as FileUploadProgressActions,
   Nl as Form,
   xl as FormField,
   Sl as FormGroup,
@@ -4703,16 +4692,16 @@ export {
   Tl as Input,
   bl as Interactive,
   Dl as Link,
-  ra as Loader,
+  aa as Loader,
   Il as Modal,
-  K_ as ModalBase,
-  Na as ModalCloseButton,
+  j_ as ModalBase,
+  Ca as ModalCloseButton,
   Bl as ModalHeader,
   Al as ModalPortal,
   Pl as NumericInput,
   Fl as Picker,
   Z_ as PickerList,
-  yr as Popover,
+  kr as Popover,
   go as ProgressBar,
   po as ProgressCircle,
   Rl as PromoBanner,
@@ -4730,14 +4719,14 @@ export {
   zl as Tab,
   Ul as TabsList,
   Gl as TabsWrapper,
-  Ya as Tag,
+  Va as Tag,
   Ro as TagInput,
   P as Text,
   Yl as Textarea,
   Vo as Toast,
   Vl as ToastWrapper,
-  Ua as Tooltip,
+  Ga as Tooltip,
   ql as UploadBar,
   vl as UserGuide,
-  Kr as generateAvatarColor
+  Jr as generateAvatarColor
 };