@livechat/design-system-react-components 1.28.1 → 1.28.3

package/dist/index.es.js

@@ -1,36 +1,36 @@
 var zr = Object.defineProperty, Gr = Object.defineProperties;
 var Ur = Object.getOwnPropertyDescriptors;
-var Mt = Object.getOwnPropertySymbols;
+var Rt = Object.getOwnPropertySymbols;
 var qa = Object.prototype.hasOwnProperty, Ya = Object.prototype.propertyIsEnumerable;
 var ya = (t, a, r) => a in t ? zr(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, k = (t, a) => {
   for (var r in a || (a = {}))
     qa.call(a, r) && ya(t, r, a[r]);
-  if (Mt)
-    for (var r of Mt(a))
+  if (Rt)
+    for (var r of Rt(a))
       Ya.call(a, r) && ya(t, r, a[r]);
   return t;
-}, x = (t, a) => Gr(t, Ur(a));
+}, S = (t, a) => Gr(t, Ur(a));
 var F = (t, a) => {
   var r = {};
   for (var _ in t)
     qa.call(t, _) && a.indexOf(_) < 0 && (r[_] = t[_]);
-  if (t != null && Mt)
-    for (var _ of Mt(t))
+  if (t != null && Rt)
+    for (var _ of Rt(t))
       a.indexOf(_) < 0 && Ya.call(t, _) && (r[_] = t[_]);
   return r;
 };
 var wa = (t, a, r) => (ya(t, typeof a != "symbol" ? a + "" : a, r), r);
 import * as e from "react";
 import { useReducer as Wr, useRef as Vr, useEffect as gt, useCallback as Lt, useMemo as Ot } from "react";
-import { Check as ea, Close as Ae, ChevronDown as Rt, Info as Oa, Warning as hr, CheckCircle as kr, Block as yr, Person as qr, ChevronUp as ta, DoubleArrowLeft as Yr, ChevronLeft as Kr, ChevronRight as wr, DoubleArrowRight as Jr, VisibilityOn as Xr, VisibilityOff as Qr, Search as jr, LockBlack as Zr, Refresh as e_, Error as t_ } from "@livechat/design-system-icons";
+import { Check as ea, Close as Ae, ChevronDown as Mt, Info as Oa, Warning as hr, CheckCircle as kr, Block as yr, Person as qr, ChevronUp as ta, DoubleArrowLeft as Yr, ChevronLeft as Kr, ChevronRight as wr, DoubleArrowRight as Jr, VisibilityOn as Xr, VisibilityOff as Qr, Search as jr, LockBlack as Zr, Refresh as e_, Error as t_ } from "@livechat/design-system-icons";
 import u from "clsx";
 import { useFloatingParentNodeId as Ha, useFloatingNodeId as aa, useFloating as ra, offset as _a, flip as oa, size as Er, autoUpdate as la, useClick as ca, useDismiss as na, useRole as sa, useInteractions as ia, useTransitionStyles as $r, FloatingNode as da, FloatingTree as za, shift as Ga, arrow as a_, useHover as r_, safePolygon as __, useFocus as o_, useTransitionStatus as l_, FloatingArrow as c_, FloatingPortal as Nr, FloatingOverlay as n_, FloatingFocusManager as Pa, useListNavigation as s_ } from "@floating-ui/react";
 import * as Cr from "react-dom";
 import { flushSync as i_ } from "react-dom";
-import xr from "lodash.debounce";
+import Sr from "lodash.debounce";
 import { getContrast as Ua } from "polished";
 import d_ from "react-day-picker";
-import { subMonths as bt, differenceInCalendarMonths as Ka, addMonths as Ja, isSameMonth as Ia, isSameDay as Fa, isAfter as Ra, differenceInCalendarDays as Sr } from "date-fns";
+import { subMonths as bt, differenceInCalendarMonths as Ka, addMonths as Ja, isSameMonth as Ia, isSameDay as Fa, isAfter as Ma, differenceInCalendarDays as xr } from "date-fns";
 import { Virtuoso as u_ } from "react-virtuoso";
 import Xa from "lodash.escape";
 import { TransitionGroup as Tr, CSSTransition as Dr } from "react-transition-group";
@@ -398,7 +398,9 @@ const mc = {
   ContentBasicInternalNoteMessageActive: "--content-basic-internal-note-message-active",
   OnePopoverMessageBackgroundDefault: "--one-popover-message-background-default",
   OnePopoverBorderDefault: "--one-popover-border-default",
-  OnePopoverBorderActive: "--one-popover-border-active"
+  OnePopoverBorderActive: "--one-popover-border-active",
+  OneTooltipBackground: "--one-tooltip-background",
+  ContentBasicAutofill: "--content-basic-autofill"
 }, pc = {
   Spacing0: "--spacing-0",
   Spacing05: "--spacing-05",
@@ -563,7 +565,7 @@ const mc = {
     Qa[ja],
     _ && Qa[`${ja}--${o ? "disabled--" : ""}${_}`]
   );
-  return /* @__PURE__ */ e.createElement("span", x(k({}, i), { className: n }), d);
+  return /* @__PURE__ */ e.createElement("span", S(k({}, i), { className: n }), d);
 }, Le = {
   "heading-xl": "lc-Typography-module__heading-xl___nhr-6",
   "heading-lg": "lc-Typography-module__heading-lg___XYF7l",
@@ -629,7 +631,7 @@ const mc = {
     r
   );
 }, I = (m) => {
-  var f = m, {
+  var b = m, {
     as: t = "p",
     size: a = "md",
     caps: r = !1,
@@ -641,7 +643,7 @@ const mc = {
     className: d,
     customColor: n,
     textAlign: s
-  } = f, p = F(f, [
+  } = b, p = F(b, [
     "as",
     "size",
     "caps",
@@ -716,8 +718,8 @@ const mc = {
   "action-menu__list__item__icon": "lc-ActionMenu-module__action-menu__list__item__icon___o3ePo",
   "action-menu__list--with-footer": "lc-ActionMenu-module__action-menu__list--with-footer___ghTxL",
   "action-menu__footer": "lc-ActionMenu-module__action-menu__footer___HxoOe"
-}, Re = "action-menu", b_ = (w) => {
-  var v = w, {
+}, Me = "action-menu", b_ = (w) => {
+  var f = w, {
     className: t,
     triggerClassName: a,
     options: r,
@@ -731,8 +733,8 @@ const mc = {
     onOpen: s,
     floatingStrategy: p,
     selectedOptions: m,
-    footer: f
-  } = v, g = F(v, [
+    footer: b
+  } = f, g = F(f, [
     "className",
     "triggerClassName",
     "options",
@@ -748,16 +750,16 @@ const mc = {
     "selectedOptions",
     "footer"
   ]);
-  const h = d !== void 0, [b, E] = e.useState(l), [N, $] = e.useState(null), y = e.useRef(-1), C = Ha(), D = aa(), L = e.useRef(null), G = h ? d : b, T = () => {
+  const h = d !== void 0, [v, E] = e.useState(l), [N, $] = e.useState(null), y = e.useRef(-1), C = Ha(), D = aa(), L = e.useRef(null), G = h ? d : v, T = () => {
     G ? (n == null || n(), !h && E(!1)) : (s == null || s(), !h && E(!0));
-  }, { x: M, y: V, strategy: q, refs: he, context: oe } = ra({
+  }, { x: R, y: V, strategy: q, refs: he, context: oe } = ra({
     nodeId: D,
     middleware: [
       _a(4),
       oa(i),
       Er({
-        apply({ availableHeight: S }) {
-          i_(() => $(S));
+        apply({ availableHeight: x }) {
+          i_(() => $(x));
         }
       })
     ],
@@ -766,84 +768,84 @@ const mc = {
     strategy: p,
     onOpenChange: T,
     whileElementsMounted: la
-  }), Ee = ca(oe), Oe = na(oe, {
+  }), we = ca(oe), Oe = na(oe, {
     enabled: G
-  }), $e = sa(oe), { getReferenceProps: Pe, getFloatingProps: je } = ia([
-    Ee,
+  }), Ee = sa(oe), { getReferenceProps: Pe, getFloatingProps: Ze } = ia([
+    we,
     Oe,
-    $e
+    Ee
   ]), { styles: lt } = $r(oe, {
-    initial: ({ side: S }) => k({
+    initial: ({ side: x }) => k({
       opacity: 0
-    }, S === "bottom" && {
+    }, x === "bottom" && {
       marginTop: -10
-    } || S === "top" && {
+    } || x === "top" && {
       marginTop: 10
-    } || S === "left" && {
+    } || x === "left" && {
       marginLeft: 10
-    } || S === "right" && {
+    } || x === "right" && {
       marginLeft: -10
     })
-  }), ct = (S) => {
+  }), ct = (x) => {
     var ze, Ge;
     const ee = y.current;
-    let le = ee + S;
+    let le = ee + x;
     for (; (ze = r[le]) != null && ze.disabled || (Ge = r[le]) != null && Ge.groupHeader; )
-      if (le += S, le === -1) {
+      if (le += x, le === -1) {
         le = ee;
         break;
       }
     return le;
-  }, nt = (S) => {
+  }, nt = (x) => {
     var ze, Ge;
-    y.current = ct(S);
+    y.current = ct(x);
     const ee = (ze = L.current) == null ? void 0 : ze.children, le = ee && ((Ge = ee[y.current]) == null ? void 0 : Ge.children[0]);
     return le == null ? void 0 : le.focus();
-  }, He = (S) => {
-    S.key === _e.arrowUp && y.current > 0 && (S.preventDefault(), nt(-1)), S.key === _e.arrowDown && y.current + 1 < r.length && (S.preventDefault(), nt(1));
+  }, He = (x) => {
+    x.key === _e.arrowUp && y.current > 0 && (x.preventDefault(), nt(-1)), x.key === _e.arrowDown && y.current + 1 < r.length && (x.preventDefault(), nt(1));
   };
   e.useEffect(() => {
     if (G)
       return document.addEventListener("keydown", He), () => document.removeEventListener("keydown", He);
     y.current = -1;
   }, [G, He]);
-  const st = (S, ee) => {
-    y.current = S, ee == null || ee(), !h && !c && (E(!1), n == null || n());
-  }, vt = (S, ee) => S.groupHeader ? /* @__PURE__ */ e.createElement(
+  const st = (x, ee) => {
+    y.current = x, ee == null || ee(), !h && !c && (E(!1), n == null || n());
+  }, vt = (x, ee) => x.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
     {
-      key: S.key,
+      key: x.key,
       role: "none",
-      className: Fe[`${Re}__list__group-header`]
+      className: Fe[`${Me}__list__group-header`]
     },
-    S.element
-  ) : /* @__PURE__ */ e.createElement("li", { key: S.key, role: "none" }, /* @__PURE__ */ e.createElement(
+    x.element
+  ) : /* @__PURE__ */ e.createElement("li", { key: x.key, role: "none" }, /* @__PURE__ */ e.createElement(
     "button",
     {
-      "data-testid": S.key,
+      "data-testid": x.key,
       tabIndex: -1,
-      key: S.key,
-      disabled: S.disabled,
-      onClick: () => st(ee, S.onClick),
+      key: x.key,
+      disabled: x.disabled,
+      onClick: () => st(ee, x.onClick),
       role: "menuitem",
-      className: u(Fe[`${Re}__list__item`], {
-        [Fe[`${Re}__list__item--disabled`]]: S.disabled,
-        [Fe[`${Re}__list__item--with-divider`]]: S.withDivider,
-        [Fe[`${Re}__list__item--selected`]]: m == null ? void 0 : m.includes(S.key)
+      className: u(Fe[`${Me}__list__item`], {
+        [Fe[`${Me}__list__item--disabled`]]: x.disabled,
+        [Fe[`${Me}__list__item--with-divider`]]: x.withDivider,
+        [Fe[`${Me}__list__item--selected`]]: m == null ? void 0 : m.includes(x.key)
       })
     },
-    S.element,
-    (m == null ? void 0 : m.includes(S.key)) && /* @__PURE__ */ e.createElement(
+    x.element,
+    (m == null ? void 0 : m.includes(x.key)) && /* @__PURE__ */ e.createElement(
       "div",
       {
-        "data-testid": `${S.key}-selected-icon`,
-        className: Fe[`${Re}__list__item__icon`]
+        "data-testid": `${x.key}-selected-icon`,
+        className: Fe[`${Me}__list__item__icon`]
       },
       /* @__PURE__ */ e.createElement(P, { source: ea, kind: "action-primary" })
     )
   )), Ie = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    x(k({
+    S(k({
       "aria-label": "Toggle menu",
       "data-testid": "action-menu-trigger-button",
       ref: he.setReference
@@ -855,20 +857,20 @@ const mc = {
     "div",
     k({
       ref: he.setFloating,
-      className: Fe[Re],
+      className: Fe[Me],
       style: k(k({
         position: q,
         top: V != null ? V : "",
-        left: M != null ? M : ""
+        left: R != null ? R : ""
       }, !!N && { maxHeight: N }), lt)
-    }, je()),
+    }, Ze()),
     r.length > 0 && /* @__PURE__ */ e.createElement(
       "ul",
-      x(k({}, g), {
+      S(k({}, g), {
         className: u(
-          Fe[`${Re}__list`],
+          Fe[`${Me}__list`],
           {
-            [Fe[`${Re}__list--with-footer`]]: f
+            [Fe[`${Me}__list--with-footer`]]: b
           },
           t
         ),
@@ -877,14 +879,14 @@ const mc = {
       }),
       r.map(vt)
     ),
-    f && /* @__PURE__ */ e.createElement(
+    b && /* @__PURE__ */ e.createElement(
       I,
       {
         size: "sm",
         as: "div",
-        className: Fe[`${Re}__footer`]
+        className: Fe[`${Me}__footer`]
       },
-      f
+      b
     )
   )));
   return C === null ? /* @__PURE__ */ e.createElement(za, null, Ie) : Ie;
@@ -991,7 +993,7 @@ const mc = {
   "btn--text-lock-black": "lc-Button-module__btn--text-lock-black___fy3zb"
 }, se = "btn", W = e.forwardRef(
   (w, g) => {
-    var v = w, {
+    var f = w, {
       loading: t = !1,
       disabled: a = !1,
       type: r = "button",
@@ -1005,7 +1007,7 @@ const mc = {
       children: s,
       href: p,
       onClick: m
-    } = v, f = F(v, [
+    } = f, b = F(f, [
       "loading",
       "disabled",
       "type",
@@ -1020,7 +1022,7 @@ const mc = {
       "href",
       "onClick"
     ]);
-    const h = t || a, b = !s && c, E = ["text", "link", "link-light"].includes(o), N = p ? "a" : "button", $ = u(
+    const h = t || a, v = !s && c, E = ["text", "link", "link-light"].includes(o), N = p ? "a" : "button", $ = u(
       n,
       ne[se],
       ne[`${se}--${o}`],
@@ -1028,9 +1030,9 @@ const mc = {
       {
         [ne[`${se}--loading`]]: t,
         [ne[`${se}--full-width`]]: _,
-        [ne[`${se}--with-${i}-icon`]]: c && !b && !E,
-        [ne[`${se}--icon-only`]]: b,
-        [ne[`${se}--icon-only--bg`]]: b && E,
+        [ne[`${se}--with-${i}-icon`]]: c && !v && !E,
+        [ne[`${se}--icon-only`]]: v,
+        [ne[`${se}--icon-only--bg`]]: v && E,
         [ne[`${se}--disabled`]]: h
       }
     );
@@ -1042,7 +1044,7 @@ const mc = {
         "aria-disabled": h,
         type: r,
         disabled: h
-      }, !h && { href: p, onClick: m }), f),
+      }, !h && { href: p, onClick: m }), b),
       t && /* @__PURE__ */ e.createElement(
         Wa,
         k({
@@ -1088,7 +1090,7 @@ function C_(t, a, r, _) {
       left: a ? _ + a : _
     };
 }
-const x_ = (t) => {
+const S_ = (t) => {
   switch (t) {
     case "invert":
       return {
@@ -1106,8 +1108,8 @@ const x_ = (t) => {
         fill: "var(--tooltip-background-basic)"
       };
   }
-}, S_ = "lc-Tooltip-module__tooltip___QOOAr", T_ = "lc-Tooltip-module__tooltip__content___RuamE", D_ = "lc-Tooltip-module__tooltip__arrow___Ov1YW", B_ = "lc-Tooltip-module__tooltip__interactive___0JawB", B = {
-  tooltip: S_,
+}, x_ = "lc-Tooltip-module__tooltip___QOOAr", T_ = "lc-Tooltip-module__tooltip__content___RuamE", D_ = "lc-Tooltip-module__tooltip__arrow___Ov1YW", B_ = "lc-Tooltip-module__tooltip__interactive___0JawB", B = {
+  tooltip: x_,
   tooltip__content: T_,
   "tooltip--invert": "lc-Tooltip-module__tooltip--invert___PVjhE",
   tooltip__arrow: D_,
@@ -1150,12 +1152,12 @@ const x_ = (t) => {
   onOpen: s,
   withFadeAnimation: p = !0,
   transitionDuration: m = 200,
-  hoverOnDuration: f,
+  hoverOnDuration: b,
   hoverOffDuration: g,
   transitionDelay: w = 0,
-  hoverOnDelay: v,
+  hoverOnDelay: f,
   hoverOffDelay: h,
-  triggerOnClick: b = !1,
+  triggerOnClick: v = !1,
   triggerOnHover: E = !0,
   offsetMainAxis: N = 8,
   referenceElement: $,
@@ -1165,51 +1167,51 @@ const x_ = (t) => {
   hoverOutDelayTimeout: L = 100,
   arrowOffsetY: G,
   arrowOffsetX: T,
-  closeOnTriggerBlur: M = !1,
+  closeOnTriggerBlur: R = !1,
   floatingStrategy: V
 }) => {
-  const q = i !== void 0, [he, oe] = e.useState(!1), Ee = e.useRef(null), Oe = q ? i : he, $e = l || o, Pe = Ha(), je = aa(), lt = u(
+  const q = i !== void 0, [he, oe] = e.useState(!1), we = e.useRef(null), Oe = q ? i : he, Ee = l || o, Pe = Ha(), Ze = aa(), lt = u(
     B[Ht],
     a,
-    $e && B[`${Ht}--${$e}`],
+    Ee && B[`${Ht}--${Ee}`],
     d && B[`${Ht}--full-space`]
   ), ct = typeof _ == "function", nt = (ce) => {
     ce !== Oe && (ce ? s == null || s() : n == null || n(), !q && oe(ce));
   }, He = (ce) => p ? ce != null ? ce : m : 0, st = (ce) => ce != null ? ce : w, {
     floatingStyles: vt,
     refs: Ie,
-    context: S,
+    context: x,
     middlewareData: { arrow: { x: ee, y: le } = {} }
   } = ra({
-    nodeId: je,
+    nodeId: Ze,
     middleware: [
       _a({ mainAxis: N }),
       Ga(),
       oa(),
-      a_({ element: Ee })
+      a_({ element: we })
     ],
     placement: c,
     open: Oe,
     strategy: V,
     onOpenChange: nt,
     whileElementsMounted: la
-  }), ze = r_(S, {
+  }), ze = r_(x, {
     move: !1,
     restMs: y,
     delay: {
-      open: st(v),
+      open: st(f),
       close: st(h || L)
     },
     enabled: E,
-    handleClose: M ? null : __()
-  }), Ge = o_(S), ma = na(S, C), pa = sa(S, { role: "tooltip" }), ga = ca(S, k({
-    enabled: b
-  }, D)), { isMounted: ba, styles: fa } = $r(S, {
+    handleClose: R ? null : __()
+  }), Ge = o_(x), ma = na(x, C), pa = sa(x, { role: "tooltip" }), ga = ca(x, k({
+    enabled: v
+  }, D)), { isMounted: ba, styles: fa } = $r(x, {
     duration: {
-      open: He(f),
+      open: He(b),
       close: He(g)
     }
-  }), { status: va } = l_(S), { getReferenceProps: ha, getFloatingProps: ka } = ia([
+  }), { status: va } = l_(x), { getReferenceProps: ha, getFloatingProps: ka } = ia([
     ze,
     Ge,
     ma,
@@ -1221,16 +1223,16 @@ const x_ = (t) => {
   }, [Ie.setReference, $]);
   const ht = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    x(k({
+    S(k({
       "data-testid": "tooltip-trigger",
       ref: Ie.setReference
     }, ha()), {
       className: r
     }),
     ct ? _() : _
-  ), /* @__PURE__ */ e.createElement(da, { id: je }, ba && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(da, { id: Ze }, ba && /* @__PURE__ */ e.createElement(
     "div",
-    x(k({
+    S(k({
       ref: Ie.setFloating,
       style: k(k({}, vt), fa),
       className: lt
@@ -1241,8 +1243,8 @@ const x_ = (t) => {
     /* @__PURE__ */ e.createElement(
       c_,
       k({
-        ref: Ee,
-        context: S,
+        ref: we,
+        context: x,
         strokeWidth: 1,
         width: 10,
         height: 5,
@@ -1252,7 +1254,7 @@ const x_ = (t) => {
           le,
           ee
         ))
-      }, x_($e))
+      }, S_(Ee))
     )
   )));
   return Pe === null ? /* @__PURE__ */ e.createElement(za, null, ht) : ht;
@@ -1329,7 +1331,7 @@ const x_ = (t) => {
     },
     /* @__PURE__ */ e.createElement(
       W,
-      x(k({}, c), {
+      S(k({}, c), {
         kind: c.kind || d(o),
         onClick: c.handleClick
       }),
@@ -1337,7 +1339,7 @@ const x_ = (t) => {
     ),
     i && /* @__PURE__ */ e.createElement(
       W,
-      x(k({}, i), {
+      S(k({}, i), {
         className: u(
           B[`${Ue}-footer-secondary`],
           i.className
@@ -1507,7 +1509,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
     }
   ), /* @__PURE__ */ e.createElement(
     Pr,
-    x(k({}, t), {
+    S(k({}, t), {
       triggerRenderer: /* @__PURE__ */ e.createElement(e.Fragment, null),
       referenceElement: {
         getBoundingClientRect: () => i,
@@ -1606,7 +1608,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
       /* @__PURE__ */ e.createElement("div", null, t.label)
     )
   ) : /* @__PURE__ */ e.createElement("div", { "data-testid": t.key, className: _ }, o);
-}, zt = "action-bar", We = "action-bar__menu-wrapper", F_ = 44, xc = ({
+}, zt = "action-bar", We = "action-bar__menu-wrapper", F_ = 44, Sc = ({
   className: t,
   id: a = "action-bar-area",
   type: r = "menu",
@@ -1617,16 +1619,16 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
 }) => {
   const [i, d] = e.useState(
     _.length
-  ), [n, s] = e.useState([]), [p, m] = e.useState(!1), f = r === "scroll", g = u(
+  ), [n, s] = e.useState([]), [p, m] = e.useState(!1), b = r === "scroll", g = u(
     U[zt],
     t,
     l && U[`${zt}--vertical`]
-  ), w = !f && n.length !== 0;
+  ), w = !b && n.length !== 0;
   e.useEffect(() => {
-    f || (_.length > i ? s(_.slice(i, _.length)) : s([]));
+    b || (_.length > i ? s(_.slice(i, _.length)) : s([]));
   }, [_, i]), e.useEffect(() => {
-    const b = !!window.ResizeObserver;
-    if (!f && b) {
+    const v = !!window.ResizeObserver;
+    if (!b && v) {
       const E = new ResizeObserver((N) => {
         const { width: $, height: y } = N[0].contentRect, C = l ? y : $, D = n.length > 0 ? 60 : 0, L = Math.floor(
           (C - D) / F_
@@ -1635,25 +1637,34 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
       });
       return E.observe(document.querySelector(`#${a}`)), () => E.disconnect();
     }
-  }, [n, f, i]);
-  const v = e.useCallback(() => n.map((b) => ({
-    key: b.key,
-    element: /* @__PURE__ */ e.createElement(f_, { leftNode: b.element }, b.label),
-    withDivider: b.withDivider,
-    onClick: b.onClick
-  })), [n]), h = n.find((b) => b.key === o);
+  }, [n, b, i]);
+  const f = e.useCallback(() => n.reduce(
+    (v, E) => {
+      if (!E.hideInMenu) {
+        const N = {
+          key: E.key,
+          element: /* @__PURE__ */ e.createElement(f_, { leftNode: E.element }, E.label),
+          withDivider: E.withDivider,
+          onClick: E.onClick
+        };
+        v.push(N);
+      }
+      return v;
+    },
+    []
+  ), [n]), h = n.find((v) => v.key === o);
   return /* @__PURE__ */ e.createElement("div", { id: a, className: g }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(U[`${zt}__items`], {
-        [U[`${zt}__items--scroll`]]: f
+        [U[`${zt}__items--scroll`]]: b
       })
     },
-    _.slice(0, i).map((b) => /* @__PURE__ */ e.createElement(
+    _.slice(0, i).map((v) => /* @__PURE__ */ e.createElement(
       I_,
       {
-        option: b,
-        isActive: b.key === o,
+        option: v,
+        isActive: v.key === o,
         vertical: l
       }
     ))
@@ -1674,7 +1685,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
         onClose: () => m(!1),
         floatingStrategy: "fixed",
         placement: l ? "left-start" : "bottom-end",
-        options: v(),
+        options: f(),
         triggerClassName: u(
           l && U[`${We}__trigger-vertical`]
         ),
@@ -1689,7 +1700,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
             icon: /* @__PURE__ */ e.createElement(
               P,
               {
-                source: Rt,
+                source: Mt,
                 kind: "primary",
                 className: u(
                   U[`${We}__button__icon`],
@@ -1719,7 +1730,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
   "action-card__column": "lc-ActionCard-module__action-card__column___K7tyh",
   "action-card__column--first": "lc-ActionCard-module__action-card__column--first___9XE58",
   "action-card__column--second": "lc-ActionCard-module__action-card__column--second___X1UC-"
-}, Ze = "action-card", Sc = ({
+}, et = "action-card", xc = ({
   className: t,
   children: a,
   secondColumn: r,
@@ -1727,7 +1738,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
   secondColumnClassName: o,
   onClick: l
 }) => {
-  const c = u(dt[Ze], t), i = (n) => {
+  const c = u(dt[et], t), i = (n) => {
     n.currentTarget === document.activeElement && (l == null || l());
   }, d = (n) => {
     n.currentTarget === document.activeElement && (n.key === "Enter" || n.key === " " || n.key === "Spacebar" || n.key === "Space") && (n.preventDefault(), l == null || l());
@@ -1745,10 +1756,10 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        "data-testid": `${Ze}-first-column`,
+        "data-testid": `${et}-first-column`,
         className: u(
-          dt[`${Ze}__column`],
-          dt[`${Ze}__column--first`],
+          dt[`${et}__column`],
+          dt[`${et}__column--first`],
           _
         )
       },
@@ -1757,19 +1768,19 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
     r && /* @__PURE__ */ e.createElement(
       "div",
       {
-        "data-testid": `${Ze}-second-column`,
+        "data-testid": `${et}-second-column`,
         className: u(
-          dt[`${Ze}__column`],
-          dt[`${Ze}__column--second`],
+          dt[`${et}__column`],
+          dt[`${et}__column--second`],
           o
         )
       },
       r
     )
   ));
-}, R_ = "lc-Alert-module__alert___HBTns", M_ = "lc-Alert-module__alert__icon___8TaAH", L_ = "lc-Alert-module__alert__content___9nZdf", O_ = "lc-Alert-module__alert__content__wrapper___aLBkP", H_ = "lc-Alert-module__alert__content__wrapper__text___HDMbR", z_ = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", G_ = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", ke = {
-  alert: R_,
-  alert__icon: M_,
+}, M_ = "lc-Alert-module__alert___HBTns", R_ = "lc-Alert-module__alert__icon___8TaAH", L_ = "lc-Alert-module__alert__content___9nZdf", O_ = "lc-Alert-module__alert__content__wrapper___aLBkP", H_ = "lc-Alert-module__alert__content__wrapper__text___HDMbR", z_ = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", G_ = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", ke = {
+  alert: M_,
+  alert__icon: R_,
   alert__content: L_,
   alert__content__wrapper: O_,
   alert__content__wrapper__text: H_,
@@ -1825,13 +1836,13 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
     a
   );
   return e.useEffect(() => {
-    const f = () => n.current && n.current.offsetWidth <= 400 ? p("small") : n.current && n.current.offsetWidth > 400 && n.current.offsetWidth <= 800 ? p("medium") : p("large"), g = xr(() => {
-      f();
+    const b = () => n.current && n.current.offsetWidth <= 400 ? p("small") : n.current && n.current.offsetWidth > 400 && n.current.offsetWidth <= 800 ? p("medium") : p("large"), g = Sr(() => {
+      b();
     }, 500);
-    return window.addEventListener("resize", g), f(), () => window.removeEventListener("resize", g);
+    return window.addEventListener("resize", g), b(), () => window.removeEventListener("resize", g);
   }), /* @__PURE__ */ e.createElement("div", k({ ref: n, className: m }, c), /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content`] }, /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
     P,
-    x(k({}, U_[o]), {
+    S(k({}, U_[o]), {
       size: "large",
       className: ke[`${ye}__icon`]
     })
@@ -1962,7 +1973,7 @@ const Y_ = "lc-Avatar-module__avatar___1zTCE", K_ = "lc-Avatar-module__avatar__s
     "type",
     "withRim"
   ]);
-  const f = d === "image" && !l, [g, w] = e.useState(f), v = d === "image" && !!l && !g, h = d === "text", b = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, E = V_(i, b), N = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), $ = r || W_(i), y = $ ? q_($) : void 0, C = h ? { backgroundColor: $ } : {}, D = u(k({
+  const b = d === "image" && !l, [g, w] = e.useState(b), f = d === "image" && !!l && !g, h = d === "text", v = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, E = V_(i, v), N = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), $ = r || W_(i), y = $ ? q_($) : void 0, C = h ? { backgroundColor: $ } : {}, D = u(k({
     [ge[Z]]: !0,
     [ge[`${Z}--${_}`]]: !0,
     [ge[`${Z}--${o}`]]: !0,
@@ -1978,10 +1989,10 @@ const Y_ = "lc-Avatar-module__avatar___1zTCE", K_ = "lc-Avatar-module__avatar__s
   ), T = u(
     ge[`${Z}__rim`],
     ge[`${Z}__rim--${o}`]
-  ), M = (q) => N ? "2xs" : ["medium"].includes(q) ? "xs" : ["large", "xlarge"].includes(q) ? "sm" : ["xxlarge"].includes(q) ? "lg" : "xl", V = e.useCallback(() => w(!0), []);
+  ), R = (q) => N ? "2xs" : ["medium"].includes(q) ? "xs" : ["large", "xlarge"].includes(q) ? "sm" : ["xxlarge"].includes(q) ? "lg" : "xl", V = e.useCallback(() => w(!0), []);
   return e.useEffect(() => {
-    w(f);
-  }, [f]), /* @__PURE__ */ e.createElement("div", k({ className: D, style: C }, s), n && /* @__PURE__ */ e.createElement(
+    w(b);
+  }, [b]), /* @__PURE__ */ e.createElement("div", k({ className: D, style: C }, s), n && /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": `${Z}__rim`,
@@ -1993,7 +2004,7 @@ const Y_ = "lc-Avatar-module__avatar___1zTCE", K_ = "lc-Avatar-module__avatar__s
       "data-testid": `${Z}__status`,
       className: L
     }
-  ), v && /* @__PURE__ */ e.createElement(
+  ), f && /* @__PURE__ */ e.createElement(
     "img",
     {
       className: ge[`${Z}__image`],
@@ -2005,7 +2016,7 @@ const Y_ = "lc-Avatar-module__avatar___1zTCE", K_ = "lc-Avatar-module__avatar__s
     Be,
     {
       as: "span",
-      size: M(o),
+      size: R(o),
       style: { color: y },
       bold: N,
       uppercase: N
@@ -2082,23 +2093,23 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
   e.useEffect(() => {
     s && n(o);
   }, [o]);
-  const p = (f, g) => {
-    s || n(f), c(f, g);
-  }, m = a.map(({ id: f, label: g, loading: w, disabled: v, icon: h }) => {
-    const b = f === d, E = b ? Wt["btn--active"] : "", N = b ? !1 : w;
+  const p = (b, g) => {
+    s || n(b), c(b, g);
+  }, m = a.map(({ id: b, label: g, loading: w, disabled: f, icon: h }) => {
+    const v = b === d, E = v ? Wt["btn--active"] : "", N = v ? !1 : w;
     return /* @__PURE__ */ e.createElement(
       W,
       {
-        key: f,
+        key: b,
         fullWidth: l,
         loading: N,
-        disabled: v,
-        "aria-pressed": b,
+        disabled: f,
+        "aria-pressed": v,
         kind: "secondary",
         icon: h,
         className: u(Wt.btn, Wt[`btn--${t}`], E),
         onClick: ($) => {
-          p(f, $);
+          p(b, $);
         }
       },
       g
@@ -2139,8 +2150,8 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
     "src",
     "title"
   ]);
-  const [p, m] = e.useState(!1), f = p ? ta : Rt, g = p ? "Hide" : "Show more", w = (a == null ? void 0 : a.length) > 0, v = !!l, h = w || v, b = i, E = c, N = E ? "" : be[bo];
-  return /* @__PURE__ */ e.createElement("div", k({ className: u(be[Ft], _) }, d), b && /* @__PURE__ */ e.createElement("div", { className: u(be[Zt], N) }, E && /* @__PURE__ */ e.createElement(
+  const [p, m] = e.useState(!1), b = p ? ta : Mt, g = p ? "Hide" : "Show more", w = (a == null ? void 0 : a.length) > 0, f = !!l, h = w || f, v = i, E = c, N = E ? "" : be[bo];
+  return /* @__PURE__ */ e.createElement("div", k({ className: u(be[Ft], _) }, d), v && /* @__PURE__ */ e.createElement("div", { className: u(be[Zt], N) }, E && /* @__PURE__ */ e.createElement(
     "img",
     {
       alt: t,
@@ -2173,13 +2184,13 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
       },
       C
     )
-  ), v && /* @__PURE__ */ e.createElement(
+  ), f && /* @__PURE__ */ e.createElement(
     W,
     {
       className: be[`${Vt}__buttons-expander`],
       kind: "link",
       iconPosition: "right",
-      icon: /* @__PURE__ */ e.createElement(P, { source: f }),
+      icon: /* @__PURE__ */ e.createElement(P, { source: b }),
       onClick: () => m(!p)
     },
     g
@@ -2195,8 +2206,8 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
     "className"
   ]);
   const l = u(fo[vo], a);
-  return /* @__PURE__ */ e.createElement(I, x(k({ as: "span", size: "sm" }, r), { className: l }), t);
-}, ho = "lc-Checkbox-module__checkbox___G7nTf", ko = "lc-Checkbox-module__checkbox__label___-o01x", yo = "lc-Checkbox-module__checkbox__text___P2SIq", wo = "lc-Checkbox-module__checkbox__input___YLbVF", Eo = "lc-Checkbox-module__checkbox__checkmark___16pfY", $o = "lc-Checkbox-module__checkbox__square___MHUyd", No = "lc-Checkbox-module__checkbox__helper___YSJ-n", et = {
+  return /* @__PURE__ */ e.createElement(I, S(k({ as: "span", size: "sm" }, r), { className: l }), t);
+}, ho = "lc-Checkbox-module__checkbox___G7nTf", ko = "lc-Checkbox-module__checkbox__label___-o01x", yo = "lc-Checkbox-module__checkbox__text___P2SIq", wo = "lc-Checkbox-module__checkbox__input___YLbVF", Eo = "lc-Checkbox-module__checkbox__checkmark___16pfY", $o = "lc-Checkbox-module__checkbox__square___MHUyd", No = "lc-Checkbox-module__checkbox__helper___YSJ-n", tt = {
   checkbox: ho,
   checkbox__label: ko,
   checkbox__text: yo,
@@ -2206,28 +2217,28 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
   checkbox__square: $o,
   "checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
   checkbox__helper: No
-}, tt = "checkbox", Co = e.forwardRef(
+}, at = "checkbox", Co = e.forwardRef(
   (i, c) => {
     var d = i, { checked: t, disabled: a, children: r, description: _, className: o } = d, l = F(d, ["checked", "disabled", "children", "description", "className"]);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: u(et[tt], o, {
-          [et[`${tt}--selected`]]: t,
-          [et[`${tt}--disabled`]]: a
+        className: u(tt[at], o, {
+          [tt[`${at}--selected`]]: t,
+          [tt[`${at}--disabled`]]: a
         })
       },
-      /* @__PURE__ */ e.createElement("label", { className: et[`${tt}__label`] }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("label", { className: tt[`${at}__label`] }, /* @__PURE__ */ e.createElement(
         "input",
-        x(k({}, l), {
+        S(k({}, l), {
           ref: c,
           checked: t,
           disabled: a,
-          className: et[`${tt}__input`],
+          className: tt[`${at}__input`],
           type: "checkbox"
         })
-      ), r && /* @__PURE__ */ e.createElement(I, { as: "div", size: "md", className: et[`${tt}__text`] }, r)),
-      _ && /* @__PURE__ */ e.createElement(ua, { className: et[`${tt}__helper`] }, _)
+      ), r && /* @__PURE__ */ e.createElement(I, { as: "div", size: "md", className: tt[`${at}__text`] }, r)),
+      _ && /* @__PURE__ */ e.createElement(ua, { className: tt[`${at}__helper`] }, _)
     );
   }
 ), A = {
@@ -2265,7 +2276,7 @@ const ro = "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"
-}, _r = "date-picker", xo = (t) => {
+}, _r = "date-picker", So = (t) => {
   const {
     onPreviousClick: a,
     onMonthChange: r,
@@ -2280,26 +2291,26 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
     toMonth: p
   } = t, m = () => {
     typeof a == "function" && a();
-  }, f = () => {
+  }, b = () => {
     typeof _ == "function" && _();
   }, g = () => {
     if (!s) {
-      const b = bt(n, 12);
-      return r(b);
+      const v = bt(n, 12);
+      return r(v);
     }
-    const v = Math.abs(Ka(n, s)), h = bt(
+    const f = Math.abs(Ka(n, s)), h = bt(
       n,
-      !Number.isNaN(v) && v > 12 ? 12 : v
+      !Number.isNaN(f) && f > 12 ? 12 : f
     );
     return r(h);
   }, w = () => {
     if (!p) {
-      const b = Ja(n, 12);
-      return r(b);
+      const v = Ja(n, 12);
+      return r(v);
     }
-    const v = Math.abs(Ka(p, n)), h = Ja(
+    const f = Math.abs(Ka(p, n)), h = Ja(
       n,
-      !Number.isNaN(v) && v > 12 ? 12 : v
+      !Number.isNaN(f) && f > 12 ? 12 : f
     );
     return d === 2 && Ia(h, p) ? r(bt(h, 1)) : r(h);
   };
@@ -2333,7 +2344,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
         [i.navButtonNext]: !0,
         [i.navButtonInteractionDisabled]: !o
       }),
-      onClick: f
+      onClick: b
     },
     /* @__PURE__ */ e.createElement(P, { source: wr, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
@@ -2348,23 +2359,23 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
     },
     /* @__PURE__ */ e.createElement(P, { source: Jr, kind: "subtle" })
   )));
-}, R = "date-picker", Fr = (t, a) => {
+}, M = "date-picker", Fr = (t, a) => {
   const { from: r, to: _ } = a;
-  return !(_ && !Fa(t, _) && Ra(t, _) || r && !Fa(t, r) && !Ra(t, r));
-}, Rr = (t, a, r) => a ? t && !Ia(t, a) || r && Ia(a, r) ? bt(a, 1) : a : bt(r || /* @__PURE__ */ new Date(), 1), So = (t, a) => {
+  return !(_ && !Fa(t, _) && Ma(t, _) || r && !Fa(t, r) && !Ma(t, r));
+}, Mr = (t, a, r) => a ? t && !Ia(t, a) || r && Ia(a, r) ? bt(a, 1) : a : bt(r || /* @__PURE__ */ new Date(), 1), xo = (t, a) => {
   const r = {
-    [A[`${R}__day--monday`]]: { daysOfWeek: [1] },
-    [A[`${R}__day--sunday`]]: { daysOfWeek: [0] },
-    [A[`${R}__day--start`]]: t,
-    [A[`${R}__day--end`]]: t
+    [A[`${M}__day--monday`]]: { daysOfWeek: [1] },
+    [A[`${M}__day--sunday`]]: { daysOfWeek: [0] },
+    [A[`${M}__day--start`]]: t,
+    [A[`${M}__day--end`]]: t
   };
   if (!a || !t)
     return r;
-  const _ = Sr(a, t);
-  return _ > 0 ? x(k({}, r), {
-    [A[`${R}__day--end`]]: a
-  }) : _ < 0 ? x(k({}, r), {
-    [A[`${R}__day--start`]]: a
+  const _ = xr(a, t);
+  return _ > 0 ? S(k({}, r), {
+    [A[`${M}__day--end`]]: a
+  }) : _ < 0 ? S(k({}, r), {
+    [A[`${M}__day--start`]]: a
   }) : r;
 }, Pt = (t, a) => {
   const r = a.find((_) => _.id === t);
@@ -2380,39 +2391,39 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
   return r ? (a.selectedItem = t.initialSelectedItemKey, r.isManual && (t.initialFromDate && (a.from = t.initialFromDate), t.initialToDate && (a.to = t.initialToDate, a.temporaryTo = t.initialToDate)), a) : {};
 }, Do = (t, a) => k({
   container: u({
-    [A[`${R}`]]: !0,
-    [A[`${R}--range`]]: t
+    [A[`${M}`]]: !0,
+    [A[`${M}--range`]]: t
   }),
-  wrapper: A[`${R}__wrapper`],
-  interactionDisabled: A[`${R}--interaction-disabled`],
-  months: A[`${R}__months`],
-  month: A[`${R}__month`],
-  navBar: A[`${R}__nav-bar`],
+  wrapper: A[`${M}__wrapper`],
+  interactionDisabled: A[`${M}--interaction-disabled`],
+  months: A[`${M}__months`],
+  month: A[`${M}__month`],
+  navBar: A[`${M}__nav-bar`],
   navButtonPrev: u(
-    A[`${R}__nav-button`],
-    A[`${R}__nav-button--prev`]
+    A[`${M}__nav-button`],
+    A[`${M}__nav-button--prev`]
   ),
   navButtonNext: u(
-    A[`${R}__nav-button`],
-    A[`${R}__nav-button--next`]
+    A[`${M}__nav-button`],
+    A[`${M}__nav-button--next`]
   ),
-  navButtonInteractionDisabled: A[`${R}__nav-button--interaction-disabled`],
-  caption: A[`${R}__caption`],
-  weekdays: A[`${R}__weekdays`],
-  weekdaysRow: A[`${R}__weekdays-row`],
-  weekday: A[`${R}__weekday`],
-  body: A[`${R}__body`],
-  week: A[`${R}__week`],
-  weekNumber: A[`${R}__week-number`],
-  day: A[`${R}__day`],
-  footer: A[`${R}__footer`],
-  todayButton: A[`${R}__today-button`],
-  today: A[`${R}__day--today`],
-  selected: A[`${R}__day--selected`],
-  disabled: A[`${R}__day--disabled`],
-  outside: A[`${R}__day--outside`],
-  start: A[`${R}__day--start`],
-  end: A[`${R}__day--end`]
+  navButtonInteractionDisabled: A[`${M}__nav-button--interaction-disabled`],
+  caption: A[`${M}__caption`],
+  weekdays: A[`${M}__weekdays`],
+  weekdaysRow: A[`${M}__weekdays-row`],
+  weekday: A[`${M}__weekday`],
+  body: A[`${M}__body`],
+  week: A[`${M}__week`],
+  weekNumber: A[`${M}__week-number`],
+  day: A[`${M}__day`],
+  footer: A[`${M}__footer`],
+  todayButton: A[`${M}__today-button`],
+  today: A[`${M}__day--today`],
+  selected: A[`${M}__day--selected`],
+  disabled: A[`${M}__day--disabled`],
+  outside: A[`${M}__day--outside`],
+  start: A[`${M}__day--start`],
+  end: A[`${M}__day--end`]
 }, a), lr = "date-picker", Bo = (t) => {
   const a = t.getDate();
   return /* @__PURE__ */ e.createElement("div", { className: A[`${lr}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: A[`${lr}__day-content`] }, a));
@@ -2439,25 +2450,25 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
     "navbarElement",
     "renderDay",
     "innerRef"
-  ]), [m, f] = e.useState(o || /* @__PURE__ */ new Date());
+  ]), [m, b] = e.useState(o || /* @__PURE__ */ new Date());
   e.useEffect(() => {
-    o && o !== m && f(o);
+    o && o !== m && b(o);
   }, [o, m]), e.useEffect(() => {
-    _ && o !== m && (Fr(m, { from: l, to: _ }) || f(_));
+    _ && o !== m && (Fr(m, { from: l, to: _ }) || b(_));
   }, [o, m, _, l]);
   const g = e.useCallback(
-    (b) => {
-      if (t.onMonthChange && b) {
-        t.onMonthChange(b);
+    (v) => {
+      if (t.onMonthChange && v) {
+        t.onMonthChange(v);
         return;
       }
-      f(b);
+      b(v);
     },
     [o, t.onMonthChange]
   );
   let w = 1;
   (c === 0 || c && c < 7) && (w = c);
-  const v = e.useMemo(
+  const f = e.useMemo(
     () => Do(r, a),
     [r, a]
   );
@@ -2465,10 +2476,10 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
     d_,
     k({
       navbarElement: d || /* @__PURE__ */ e.createElement(
-        xo,
+        So,
         {
           month: m,
-          classNames: v,
+          classNames: f,
           numberOfMonths: i,
           onMonthChange: g,
           toMonth: _,
@@ -2476,7 +2487,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
         }
       ),
       ref: s,
-      classNames: v,
+      classNames: f,
       numberOfMonths: i,
       toMonth: _,
       fromMonth: l,
@@ -2491,7 +2502,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
 Po.displayName = "DatePicker";
 var Y = /* @__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))(Y || {});
 const Io = (t) => {
-  const a = Rr(
+  const a = Mr(
     t.initialFromDate,
     t.initialToDate,
     t.toMonth
@@ -2513,36 +2524,36 @@ const Io = (t) => {
           currentMonth: a
         };
       case Y.NEW_TEMPORARY_TO_VALUE:
-        return x(k({}, l), {
+        return S(k({}, l), {
           temporaryTo: c.payload.date
         });
       case Y.SELECT_FIRST_DAY:
-        return x(k({}, l), {
+        return S(k({}, l), {
           from: c.payload.date,
           to: void 0,
           temporaryTo: void 0
         });
       case Y.SELECT_SECOND_DAY_AS_FROM:
-        return x(k({}, l), {
+        return S(k({}, l), {
           from: c.payload.date,
           to: l.from,
           temporaryTo: l.from
         });
       case Y.SELECT_SECOND_DAY_AS_TO:
-        return x(k({}, l), {
+        return S(k({}, l), {
           to: c.payload.date,
           temporaryTo: c.payload.date
         });
       case Y.CURRENT_MONTH_CHANGE:
-        return x(k({}, l), {
+        return S(k({}, l), {
           currentMonth: c.payload.date
         });
       case Y.SET_FROM:
-        return x(k({}, l), {
+        return S(k({}, l), {
           from: c.payload.date
         });
       case Y.SET_TO:
-        return x(k({}, l), {
+        return S(k({}, l), {
           to: c.payload.date
         });
       default:
@@ -2581,7 +2592,7 @@ const Io = (t) => {
       payload: { date: _ }
     });
   }, [_]), gt(() => {
-    const w = Rr(
+    const w = Mr(
       r,
       _,
       o
@@ -2591,11 +2602,11 @@ const Io = (t) => {
       payload: { date: w }
     });
   }, [o, r, _]), gt(() => {
-    const { from: w, selectedItem: v, to: h } = d;
+    const { from: w, selectedItem: f, to: h } = d;
     if (!(w && h))
       return;
-    const b = Pt(v, t);
-    b && (l == null || l(x(k({}, b), {
+    const v = Pt(f, t);
+    v && (l == null || l(S(k({}, v), {
       value: {
         from: w,
         to: h
@@ -2612,15 +2623,15 @@ const Io = (t) => {
     if (!Pt(w, t))
       return;
     const h = t.reduce(
-      (b, E) => x(k({}, b), { [E.id]: E }),
+      (v, E) => S(k({}, v), { [E.id]: E }),
       {}
     );
     l(h[w]);
   }, [l, d.selectedItem, t]);
   const s = Lt(
     (w) => {
-      const v = o ? Sr(o, w) >= 0 : !0;
-      !or(d.from, d.to) && v && n({
+      const f = o ? xr(o, w) >= 0 : !0;
+      !or(d.from, d.to) && f && n({
         type: Y.NEW_TEMPORARY_TO_VALUE,
         payload: { date: w }
       });
@@ -2628,11 +2639,11 @@ const Io = (t) => {
     [o, d.from, d.to]
   ), p = Lt(
     (w) => {
-      const { from: v, to: h } = d;
-      Fr(w, { to: o }) && (or(v, h) ? n({
+      const { from: f, to: h } = d;
+      Fr(w, { to: o }) && (or(f, h) ? n({
         type: Y.SELECT_FIRST_DAY,
         payload: { date: w }
-      }) : v && Fa(w, v) || v && Ra(w, v) ? n({
+      }) : f && Fa(w, f) || f && Ma(w, f) ? n({
         type: Y.SELECT_SECOND_DAY_AS_TO,
         payload: { date: w }
       }) : n({
@@ -2656,24 +2667,24 @@ const Io = (t) => {
       });
     },
     [t]
-  ), f = Lt((w) => {
+  ), b = Lt((w) => {
     n({
       type: Y.CURRENT_MONTH_CHANGE,
       payload: { date: w }
     });
   }, []);
   return c((() => {
-    const { currentMonth: w, from: v, selectedItem: h, temporaryTo: b, to: E } = d, N = Ot(
-      () => So(v, b),
-      [v, b]
-    ), $ = Ot(() => Pt(h, t), [t, h]), y = Ot(() => [v, { from: v, to: b }], [v, b]), C = Ot(() => o ? { after: o } : void 0, [o]);
+    const { currentMonth: w, from: f, selectedItem: h, temporaryTo: v, to: E } = d, N = Ot(
+      () => xo(f, v),
+      [f, v]
+    ), $ = Ot(() => Pt(h, t), [t, h]), y = Ot(() => [f, { from: f, to: v }], [f, v]), C = Ot(() => o ? { after: o } : void 0, [o]);
     return {
       select: {
         onItemSelect: m,
         selected: h || ""
       },
       inputs: {
-        fromDate: v,
+        fromDate: f,
         toDate: E
       },
       datepicker: {
@@ -2687,7 +2698,7 @@ const Io = (t) => {
         toMonth: o,
         disabledDays: C,
         onDayMouseEnter: s,
-        onMonthChange: f
+        onMonthChange: b
       },
       selectedOption: $
     };
@@ -2711,7 +2722,7 @@ const Ac = (t) => {
     a,
     A["date-picker--range__calendars-wrapper"]
   );
-  return /* @__PURE__ */ e.createElement("div", x(k({}, _), { className: o }), r);
+  return /* @__PURE__ */ e.createElement("div", S(k({}, _), { className: o }), r);
 }, O = {
   "details-card": "lc-DetailsCard-module__details-card___cVoS7",
   "details-card__button--fading": "lc-DetailsCard-module__details-card__button--fading___tQA02",
@@ -2745,18 +2756,18 @@ const Ac = (t) => {
   hideLabelOnOpen: d,
   onClick: n
 }) => {
-  const [s, p] = e.useState(i), [m, f] = e.useState(0), g = e.useRef(null), w = u(
+  const [s, p] = e.useState(i), [m, b] = e.useState(0), g = e.useRef(null), w = u(
     O[H],
     l && O[`${H}--with-divider`],
     a
-  ), v = d && s, h = typeof o == "string", b = (E) => {
+  ), f = d && s, h = typeof o == "string", v = (E) => {
     p((N) => !N), E.currentTarget.blur(), n == null || n();
   };
   return e.useEffect(() => {
     const E = !!window.IntersectionObserver;
     if (g.current && E) {
       const N = new ResizeObserver(() => {
-        g.current && m !== g.current.offsetHeight && f(g.current.offsetHeight);
+        g.current && m !== g.current.offsetHeight && b(g.current.offsetHeight);
       });
       return N.observe(g.current), () => N.disconnect();
     }
@@ -2766,11 +2777,11 @@ const Ac = (t) => {
       className: u(
         O[`${H}__label-wrapper`],
         d && O[`${H}__label-wrapper--fading`],
-        v && O[`${H}__label-wrapper--hide`],
+        f && O[`${H}__label-wrapper--hide`],
         s && O[`${H}__label-wrapper--open`]
       ),
       "aria-expanded": s,
-      "aria-hidden": v,
+      "aria-hidden": f,
       "data-testid": "details-card-label"
     },
     /* @__PURE__ */ e.createElement(
@@ -2812,7 +2823,7 @@ const Ac = (t) => {
         s && O[`${H}__button--open`],
         d && O[`${H}__button--fading`]
       ),
-      onClick: b,
+      onClick: v,
       "aria-expanded": s
     }
   ), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
@@ -2858,7 +2869,7 @@ const Ac = (t) => {
     "className"
   ]);
   const l = u(cr[nr], a);
-  return /* @__PURE__ */ e.createElement(I, x(k({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(I, S(k({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
     P,
     {
       source: Oa,
@@ -2870,7 +2881,7 @@ const Ac = (t) => {
   "field-group": "lc-FieldGroup-module__field-group___gy8lp",
   "field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
   "field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
-}, xa = "field-group", Fc = (i) => {
+}, Sa = "field-group", Fc = (i) => {
   var d = i, {
     className: t = "",
     children: a,
@@ -2886,18 +2897,18 @@ const Ac = (t) => {
     "inline",
     "stretch"
   ]);
-  const n = u(Ca[xa], t, {
-    [Ca[`${xa}--inline`]]: o,
-    [Ca[`${xa}--stretched`]]: l
+  const n = u(Ca[Sa], t, {
+    [Ca[`${Sa}--inline`]]: o,
+    [Ca[`${Sa}--stretched`]]: l
   });
-  return /* @__PURE__ */ e.createElement("div", x(k({}, c), { className: n }), a, _ && /* @__PURE__ */ e.createElement(Va, null, _), r && /* @__PURE__ */ e.createElement(ua, null, r));
-}, Ro = "lc-Form-module__form___1nOYF", Mo = "lc-Form-module__form__header___U4B7t", Lo = "lc-Form-module__form__footer___1-sUX", Oo = "lc-Form-module__form__label___spg-J", Ho = "lc-Form-module__form__helper___bhfwS", Nt = {
-  form: Ro,
-  form__header: Mo,
+  return /* @__PURE__ */ e.createElement("div", S(k({}, c), { className: n }), a, _ && /* @__PURE__ */ e.createElement(Va, null, _), r && /* @__PURE__ */ e.createElement(ua, null, r));
+}, Mo = "lc-Form-module__form___1nOYF", Ro = "lc-Form-module__form__header___U4B7t", Lo = "lc-Form-module__form__footer___1-sUX", Oo = "lc-Form-module__form__label___spg-J", Ho = "lc-Form-module__form__helper___bhfwS", Nt = {
+  form: Mo,
+  form__header: Ro,
   form__footer: Lo,
   form__label: Oo,
   form__helper: Ho
-}, Ct = "form", Rc = (c) => {
+}, Ct = "form", Mc = (c) => {
   var i = c, {
     className: t,
     children: a,
@@ -2929,7 +2940,7 @@ const Ac = (t) => {
   "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"
-}, J = "form-field", Mc = ({
+}, J = "form-field", Rc = ({
   inline: t,
   error: a,
   description: r,
@@ -2948,8 +2959,8 @@ const Ac = (t) => {
     l
   );
   return e.useEffect(() => {
-    const f = n;
-    return t && f.current ? p(`${f.current.clientHeight}px`) : p("auto");
+    const b = n;
+    return t && b.current ? p(`${b.current.clientHeight}px`) : p("auto");
   }), /* @__PURE__ */ e.createElement("div", { className: m }, d && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     I,
     {
@@ -3048,7 +3059,7 @@ const Ac = (t) => {
   const i = u(qt[Yt], t);
   return /* @__PURE__ */ e.createElement(
     "div",
-    x(k(x(k({}, o), {
+    S(k(S(k({}, o), {
       role: "group"
     }), r && { "aria-label": r }), {
       className: i
@@ -3107,7 +3118,7 @@ const Ac = (t) => {
     ]);
     const s = e.useRef(null);
     e.useImperativeHandle(i, () => s.current, []);
-    const [p, m] = e.useState(!1), [f, g] = e.useState(!1), { type: w, onFocus: v, onBlur: h } = c, b = u(
+    const [p, m] = e.useState(!1), [b, g] = e.useState(!1), { type: w, onFocus: f, onBlur: h } = c, v = u(
       o,
       Te[De],
       Te[`${De}--${t}`],
@@ -3118,7 +3129,7 @@ const Ac = (t) => {
         [Te[`${De}--crop`]]: l,
         [Te[`${De}--read-only`]]: c.readOnly
       }
-    ), E = r ? "var(--content-disabled)" : "var(--content-default)", N = f ? Xr : Qr, $ = _ && _.place === "left", y = _ && w !== "password" && _.place === "right", C = () => {
+    ), E = r ? "var(--content-disabled)" : "var(--content-default)", N = b ? Xr : Qr, $ = _ && _.place === "left", y = _ && w !== "password" && _.place === "right", C = () => {
       var D;
       (D = s.current) == null || D.focus();
     };
@@ -3126,7 +3137,7 @@ const Ac = (t) => {
       I,
       {
         as: "div",
-        className: b,
+        className: v,
         "aria-disabled": r,
         "tab-index": "0",
         onClick: C
@@ -3134,16 +3145,16 @@ const Ac = (t) => {
       $ && sr(_, r),
       /* @__PURE__ */ e.createElement(
         "input",
-        x(k({}, c), {
+        S(k({}, c), {
           ref: s,
           onFocus: (D) => {
-            m(!0), v == null || v(D);
+            m(!0), f == null || f(D);
           },
           onBlur: (D) => {
             m(!1), h == null || h(D);
           },
           disabled: r,
-          type: w && !f ? w : "text"
+          type: w && !b ? w : "text"
         })
       ),
       y && sr(_, r),
@@ -3181,23 +3192,23 @@ const Ac = (t) => {
       )
     }, r)
   );
-}, Uo = "lc-Modal-module__modal__body___M-jmN", Wo = "lc-Modal-module__modal__header___Fp5VE", Vo = "lc-Modal-module__modal__heading___G9KVK", qo = "lc-Modal-module__modal__footer___2LYdc", pe = {
+}, Uo = "lc-Modal-module__modal__body___M-jmN", Wo = "lc-Modal-module__modal__header___Fp5VE", Vo = "lc-Modal-module__modal__heading___G9KVK", qo = "lc-Modal-module__modal__footer___2LYdc", re = {
   "modal-base": "lc-Modal-module__modal-base___hbL1U",
-  "fade-in-step2": "lc-Modal-module__fade-in-step2___xzJX5",
+  "fade-in": "lc-Modal-module__fade-in___gWlGs",
   "modal-base--full-space": "lc-Modal-module__modal-base--full-space___KcGFL",
   "modal-base__overlay": "lc-Modal-module__modal-base__overlay___kCQ8t",
   "modal-base__overlay--visible": "lc-Modal-module__modal-base__overlay--visible___zUNJL",
-  "fade-in-step1": "lc-Modal-module__fade-in-step1___c1cRV",
   "modal-base__overlay--labelled": "lc-Modal-module__modal-base__overlay--labelled___THAo-",
   "modal-base__close": "lc-Modal-module__modal-base__close___gJlgr",
   "modal-base__close--label-type": "lc-Modal-module__modal-base__close--label-type___Om0Vb",
   modal__body: Uo,
   modal__header: Wo,
+  "modal__header--without-heading": "lc-Modal-module__modal__header--without-heading___N2Bra",
   "modal__label-header": "lc-Modal-module__modal__label-header___ZPtEy",
   modal__heading: Vo,
   "modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
   modal__footer: qo
-}, xt = "modal-base", Yo = (d) => {
+}, St = "modal-base", Yo = (d) => {
   var n = d, {
     children: t,
     className: a = "",
@@ -3216,15 +3227,15 @@ const Ac = (t) => {
     "isLabelled"
   ]);
   const s = u(
-    pe[xt],
+    re[St],
     a,
-    l && pe[`${xt}--full-space`]
+    l && re[`${St}--full-space`]
   );
   e.useEffect(() => {
     if (!_)
       return;
-    const m = (f) => {
-      f.key === _e.esc && r();
+    const m = (b) => {
+      b.key === _e.esc && r();
     };
     return document.addEventListener("keyup", m, !0), () => document.removeEventListener("keyup", m, !0);
   }, [_]);
@@ -3237,9 +3248,9 @@ const Ac = (t) => {
       "data-testid": "lc-modal-overlay",
       onMouseDown: p,
       className: u(
-        pe[`${xt}__overlay`],
-        pe[`${xt}__overlay--visible`],
-        c && pe[`${xt}__overlay--labelled`]
+        re[`${St}__overlay`],
+        re[`${St}__overlay--visible`],
+        c && re[`${St}__overlay--labelled`]
       )
     },
     /* @__PURE__ */ e.createElement(
@@ -3264,13 +3275,13 @@ const Ac = (t) => {
     "aria-label": "Close modal",
     title: "Close modal",
     className: u(
-      pe["modal-base__close"],
-      t && pe["modal-base__close--label-type"]
+      re["modal-base__close"],
+      t && re["modal-base__close--label-type"]
     ),
     onClick: r,
     icon: /* @__PURE__ */ e.createElement(P, { source: Ae, size: "medium", customColor: a })
   }
-), at = "modal", zc = (n) => {
+), Xe = "modal", zc = (n) => {
   var s = n, {
     children: t,
     className: a = "",
@@ -3290,7 +3301,7 @@ const Ac = (t) => {
     "onClose",
     "contentClassName"
   ]);
-  const p = u(pe[at], a), m = typeof t == "string", f = (g) => {
+  const p = u(re[Xe], a), m = typeof t == "string", b = (g) => {
     g.preventDefault(), g.stopPropagation(), c();
   };
   return /* @__PURE__ */ e.createElement(
@@ -3301,12 +3312,12 @@ const Ac = (t) => {
       onClose: c,
       isLabelled: !!_
     }, d),
-    _ && /* @__PURE__ */ e.createElement("div", { className: pe[`${at}__label-header`] }, /* @__PURE__ */ e.createElement(
+    _ && /* @__PURE__ */ e.createElement("div", { className: re[`${Xe}__label-header`] }, /* @__PURE__ */ e.createElement(
       Be,
       {
         size: "sm",
         as: "div",
-        className: pe[`${at}__label-heading`]
+        className: re[`${Xe}__label-heading`]
       },
       _
     ), /* @__PURE__ */ e.createElement(
@@ -3314,27 +3325,36 @@ const Ac = (t) => {
       {
         labelType: !!_,
         customColor: "var(--color-white)",
-        onClick: f
+        onClick: b
       }
     )),
-    !_ && r && /* @__PURE__ */ e.createElement("div", { className: pe[`${at}__header`] }, /* @__PURE__ */ e.createElement(
-      Be,
+    !_ && /* @__PURE__ */ e.createElement(
+      "div",
       {
-        size: "sm",
-        as: "div",
-        className: pe[`${at}__heading`]
+        className: u(re[`${Xe}__header`], {
+          [re[`${Xe}__header--without-heading`]]: !r
+        })
       },
-      r
-    ), /* @__PURE__ */ e.createElement(ur, { onClick: f })),
+      r && /* @__PURE__ */ e.createElement(
+        Be,
+        {
+          size: "sm",
+          as: "div",
+          className: re[`${Xe}__heading`]
+        },
+        r
+      ),
+      /* @__PURE__ */ e.createElement(ur, { onClick: b })
+    ),
     /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "modal-body",
-        className: u(pe[`${at}__body`], i)
+        className: u(re[`${Xe}__body`], i)
       },
       m ? /* @__PURE__ */ e.createElement(I, { as: "div" }, t) : t
     ),
-    l && /* @__PURE__ */ e.createElement("div", { className: pe[`${at}__footer`] }, l)
+    l && /* @__PURE__ */ e.createElement("div", { className: re[`${Xe}__footer`] }, l)
   );
 }, Gc = ({
   children: t,
@@ -3350,7 +3370,7 @@ const Ac = (t) => {
       (c = document.querySelector(r)) == null || c.removeChild(o);
     };
   }, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, Cr.createPortal(t, o));
-}, St = {
+}, xt = {
   "modal-header": "lc-ModalHeader-module__modal-header___xk3bd",
   "modal-header__heading-left-node": "lc-ModalHeader-module__modal-header__heading-left-node___1--G5",
   "modal-header__heading-body": "lc-ModalHeader-module__modal-header__heading-body___HHEF-",
@@ -3362,22 +3382,22 @@ const Ac = (t) => {
   children: _,
   className: o = ""
 }) => {
-  const l = u(St[Tt], o);
+  const l = u(xt[Tt], o);
   return /* @__PURE__ */ e.createElement("div", { className: l }, a && /* @__PURE__ */ e.createElement(
     P,
     k({
-      className: St[`${Tt}__heading-left-node`]
+      className: xt[`${Tt}__heading-left-node`]
     }, a)
   ), r && /* @__PURE__ */ e.createElement(
     Q_,
     k({
-      className: St[`${Tt}__heading-left-node`]
+      className: xt[`${Tt}__heading-left-node`]
     }, r)
-  ), /* @__PURE__ */ e.createElement("div", { className: St[`${Tt}__heading-body`] }, /* @__PURE__ */ e.createElement(Be, { as: "div", size: "sm" }, t), _ && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: xt[`${Tt}__heading-body`] }, /* @__PURE__ */ e.createElement(Be, { as: "div", size: "sm" }, t), _ && /* @__PURE__ */ e.createElement(
     I,
     {
       as: "div",
-      className: St[`${Tt}__heading-description`]
+      className: xt[`${Tt}__heading-description`]
     },
     _
   )));
@@ -3410,7 +3430,7 @@ const Ac = (t) => {
     "style",
     "onChange"
   ]);
-  const m = e.useRef(null), f = u(
+  const m = e.useRef(null), b = u(
     ut[mt],
     {
       [ut[`${mt}--error`]]: a,
@@ -3418,12 +3438,12 @@ const Ac = (t) => {
       [ut[`${mt}--disabled`]]: l
     },
     t
-  ), g = (y) => d(String(y)), w = (y) => _ !== void 0 && y > _ ? _ : o !== void 0 && y < o ? o : y, v = (y) => {
+  ), g = (y) => d(String(y)), w = (y) => _ !== void 0 && y > _ ? _ : o !== void 0 && y < o ? o : y, f = (y) => {
     const C = parseInt(r, 10) + y;
     return g(w(C));
   }, h = (y) => {
-    y.key === _e.arrowDown && (y.preventDefault(), v(-1)), y.key === _e.arrowUp && (y.preventDefault(), v(1));
-  }, b = (y, C) => C !== void 0 && parseInt(y, 10) === C, E = (y) => {
+    y.key === _e.arrowDown && (y.preventDefault(), f(-1)), y.key === _e.arrowUp && (y.preventDefault(), f(1));
+  }, v = (y, C) => C !== void 0 && parseInt(y, 10) === C, E = (y) => {
     y.preventDefault(), y.stopPropagation();
     const C = y.currentTarget.value.replace(
       /((?!([-]|([-]?\d+))).)/,
@@ -3435,14 +3455,14 @@ const Ac = (t) => {
     return g(w(D));
   }, N = () => {
     var y;
-    return (y = m.current) == null || y.focus(), v(1);
+    return (y = m.current) == null || y.focus(), f(1);
   }, $ = () => {
     var y;
-    return (y = m.current) == null || y.focus(), v(-1);
+    return (y = m.current) == null || y.focus(), f(-1);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: f, style: i }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: b, style: i }, /* @__PURE__ */ e.createElement(
     "input",
-    x(k({
+    S(k({
       type: "text",
       ref: m
     }, n), {
@@ -3457,7 +3477,7 @@ const Ac = (t) => {
     "button",
     {
       tabIndex: -1,
-      disabled: l || b(r, _),
+      disabled: l || v(r, _),
       onClick: N,
       "aria-label": "Increment value",
       className: ut[`${mt}__increment`],
@@ -3467,7 +3487,7 @@ const Ac = (t) => {
       P,
       {
         source: ta,
-        disabled: l || b(r, _),
+        disabled: l || v(r, _),
         kind: "primary"
       }
     )
@@ -3475,7 +3495,7 @@ const Ac = (t) => {
     "button",
     {
       tabIndex: -1,
-      disabled: l || b(r, o),
+      disabled: l || v(r, o),
       "aria-label": "Decrement value",
       className: ut[`${mt}__decrement`],
       onClick: $,
@@ -3484,9 +3504,9 @@ const Ac = (t) => {
     /* @__PURE__ */ e.createElement(
       P,
       {
-        source: Rt,
+        source: Mt,
         kind: "primary",
-        disabled: l || b(r, o)
+        disabled: l || v(r, o)
       }
     )
   )));
@@ -3503,9 +3523,9 @@ const ft = "select-all", Qo = (t, a) => {
   return t.forEach((_, o) => {
     a(_) && r.push(o);
   }), r;
-}, Ma = (t) => t.filter(
+}, Ra = (t) => t.filter(
   ({ key: a, disabled: r, groupHeader: _ }) => !(a === ft || r || _)
-), Sa = ({ key: t }) => t, mr = (t, a) => t.includes(a) ? t.filter((r) => r !== a) : [...t, a], ae = {
+), xa = ({ key: t }) => t, mr = (t, a) => t.includes(a) ? t.filter((r) => r !== a) : [...t, a], ie = {
   "item-wrapper": "lc-PickerListItem-module__item-wrapper___ETYMU",
   "item-wrapper__first": "lc-PickerListItem-module__item-wrapper__first___uit1z",
   "item-wrapper__last": "lc-PickerListItem-module__item-wrapper__last___cWmGF",
@@ -3520,7 +3540,7 @@ const ft = "select-all", Qo = (t, a) => {
   "picker-list__item__label": "lc-PickerListItem-module__picker-list__item__label___e0uwB",
   "picker-list__item__main-label": "lc-PickerListItem-module__picker-list__item__main-label___YfUhr",
   "picker-list__item__secondary-label": "lc-PickerListItem-module__picker-list__item__secondary-label___6xcMD"
-}, we = "picker-list__item", jo = ({
+}, $e = "picker-list__item", jo = ({
   index: t,
   isActive: a,
   isSelected: r,
@@ -3530,37 +3550,37 @@ const ft = "select-all", Qo = (t, a) => {
   item: c,
   numberOfItems: i
 }) => {
-  const d = (s) => s != null && s.customElement ? /* @__PURE__ */ e.createElement("div", { className: ae[`${we}__custom`] }, s.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, s.showCheckbox && /* @__PURE__ */ e.createElement(
+  const d = (s) => s != null && s.customElement ? /* @__PURE__ */ e.createElement("div", { className: ie[`${$e}__custom`] }, s.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, s.showCheckbox && /* @__PURE__ */ e.createElement(
     Co,
     {
-      className: ae[`${we}__checkbox`],
+      className: ie[`${$e}__checkbox`],
       checked: r
     }
   ), s.icon && /* @__PURE__ */ e.createElement(
     P,
     {
-      className: ae[`${we}__icon`],
+      className: ie[`${$e}__icon`],
       kind: "link",
       source: s.icon
     }
   ), s.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
-      className: u(ae[`${we}__avatar`]),
+      className: u(ie[`${$e}__avatar`]),
       src: s.avatarSrc,
       alt: s.name
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: ae[`${we}__label-container`] }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: ie[`${$e}__label-container`] }, /* @__PURE__ */ e.createElement(
     I,
     {
       as: "span",
-      className: u([ae[`${we}__label`]], {
-        [ae[`${we}__main-label`]]: s.secondaryText
+      className: u([ie[`${$e}__label`]], {
+        [ie[`${$e}__main-label`]]: s.secondaryText
       }),
       "aria-disabled": s.disabled
     },
     s.name
-  ), s.secondaryText && /* @__PURE__ */ e.createElement("span", { className: ae[`${we}__secondary-label`] }, s.secondaryText)));
+  ), s.secondaryText && /* @__PURE__ */ e.createElement("span", { className: ie[`${$e}__secondary-label`] }, s.secondaryText)));
   if (c.groupHeader)
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -3568,7 +3588,7 @@ const ft = "select-all", Qo = (t, a) => {
         id: `item-${t}`,
         key: c.key,
         role: "group",
-        className: ae[`${we}__header`]
+        className: ie[`${$e}__header`]
       }, l()),
       /* @__PURE__ */ e.createElement(Be, { size: "2xs", uppercase: !0, bold: !0, as: "div" }, c.name)
     );
@@ -3577,7 +3597,7 @@ const ft = "select-all", Qo = (t, a) => {
   };
   return /* @__PURE__ */ e.createElement(
     "div",
-    x(k({
+    S(k({
       id: c.key,
       key: c.key,
       tabIndex: a ? 0 : -1,
@@ -3590,9 +3610,9 @@ const ft = "select-all", Qo = (t, a) => {
     }, l({
       onClick: () => n(c.key)
     })), {
-      className: u(ae["item-wrapper"], {
-        [ae["item-wrapper__first"]]: t === 0 && !c.groupHeader,
-        [ae["item-wrapper__last"]]: t === i - 1 && !c.groupHeader
+      className: u(ie["item-wrapper"], {
+        [ie["item-wrapper__first"]]: t === 0 && !c.groupHeader,
+        [ie["item-wrapper__last"]]: t === i - 1 && !c.groupHeader
       })
     }),
     /* @__PURE__ */ e.createElement(
@@ -3601,9 +3621,8 @@ const ft = "select-all", Qo = (t, a) => {
         "aria-selected": r,
         "aria-disabled": c.disabled,
         "aria-current": a && !c.disabled,
-        className: u(ae[we], {
-          [ae[`${we}__custom`]]: c.customElement,
-          [ae[`${we}--select-all`]]: c.key === ft
+        className: u(ie[$e], {
+          [ie[`${$e}--select-all`]]: c.key === ft
         })
       },
       d(c),
@@ -3635,15 +3654,15 @@ const ft = "select-all", Qo = (t, a) => {
   getFloatingProps: s,
   getItemProps: p,
   emptyStateText: m = "No results found",
-  pickerType: f = "single",
+  pickerType: b = "single",
   listClassName: g,
   virtuosoProps: w
 }) => {
-  const [v, h] = e.useState(0), b = o.length, E = e.useCallback(
+  const [f, h] = e.useState(0), v = o.length, E = e.useCallback(
     ($) => {
-      $ !== v && ($ < _ ? h($ + (b - 1) * Ko) : h(_));
+      $ !== f && ($ < _ ? h($ + (v - 1) * Ko) : h(_));
     },
-    [b]
+    [v]
   );
   if (gt(() => {
     i.current = new Array(o.length);
@@ -3662,7 +3681,7 @@ const ft = "select-all", Qo = (t, a) => {
       /* @__PURE__ */ e.createElement("div", { className: $ }, m)
     ));
   }
-  const N = ($) => c.includes($) || $ === ft && c.length === Ma(o).length;
+  const N = ($) => c.includes($) || $ === ft && c.length === Ra(o).length;
   return /* @__PURE__ */ e.createElement(Pa, { context: t, modal: !1, initialFocus: -1 }, /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -3670,7 +3689,7 @@ const ft = "select-all", Qo = (t, a) => {
       ref: a,
       tabIndex: -1,
       className: u(pt.listbox, g),
-      style: x(k({}, r), {
+      style: S(k({}, r), {
         maxHeight: _
       })
     },
@@ -3678,7 +3697,7 @@ const ft = "select-all", Qo = (t, a) => {
       "div",
       k({
         tabIndex: 0,
-        "aria-multiselectable": f === "multi",
+        "aria-multiselectable": b === "multi",
         className: pt["listbox-wrapper"]
       }, s({
         onKeyDown($) {
@@ -3693,9 +3712,9 @@ const ft = "select-all", Qo = (t, a) => {
       })),
       /* @__PURE__ */ e.createElement(
         u_,
-        x(k({
+        S(k({
           totalListHeightChanged: E,
-          style: { height: `${v}px`, maxHeight: _ },
+          style: { height: `${f}px`, maxHeight: _ },
           totalCount: o.length,
           data: o,
           increaseViewportBy: 200
@@ -3710,14 +3729,14 @@ const ft = "select-all", Qo = (t, a) => {
               isSelected: N(y.key),
               onSelect: n,
               item: y,
-              numberOfItems: b
+              numberOfItems: v
             }
           )
         })
       )
     )
   ));
-}, ie = {
+}, de = {
   "picker-trigger": "lc-PickerTrigger-module__picker-trigger___-tjS0",
   "picker-trigger--multi-select": "lc-PickerTrigger-module__picker-trigger--multi-select___av4Ws",
   "picker-trigger--multi-select--with-items": "lc-PickerTrigger-module__picker-trigger--multi-select--with-items___7uI-R",
@@ -3735,7 +3754,7 @@ const ft = "select-all", Qo = (t, a) => {
   "picker-trigger--disabled": "lc-PickerTrigger-module__picker-trigger--disabled___4MGb4",
   "picker-trigger--focused": "lc-PickerTrigger-module__picker-trigger--focused___vBA4d",
   "picker-trigger--error": "lc-PickerTrigger-module__picker-trigger--error___yu6Dt"
-}, re = "picker-trigger", tl = ({
+}, ae = "picker-trigger", tl = ({
   setReference: t,
   getReferenceProps: a,
   testId: r,
@@ -3749,22 +3768,22 @@ const ft = "select-all", Qo = (t, a) => {
   isError: s,
   onClear: p,
   children: m,
-  setTriggerFocus: f
+  setTriggerFocus: b
 }) => {
   const g = u(
-    ie[re],
-    ie[`${re}--${_}`],
-    o && ie[`${re}--multi-select`],
-    o && l && ie[`${re}--multi-select--with-items`],
-    i && ie[`${re}--disabled`],
-    n && ie[`${re}--focused`],
-    s && ie[`${re}--error`]
-  ), w = !c && l && !i && !d, v = (h) => {
+    de[ae],
+    de[`${ae}--${_}`],
+    o && de[`${ae}--multi-select`],
+    o && l && de[`${ae}--multi-select--with-items`],
+    i && de[`${ae}--disabled`],
+    n && de[`${ae}--focused`],
+    s && de[`${ae}--error`]
+  ), w = !c && l && !i && !d, f = (h) => {
     h.stopPropagation(), p();
   };
   return /* @__PURE__ */ e.createElement(
     "button",
-    x(k({
+    S(k({
       tabIndex: i ? -1 : 0,
       "aria-disabled": i,
       disabled: i,
@@ -3773,17 +3792,17 @@ const ft = "select-all", Qo = (t, a) => {
       ref: t,
       type: "button"
     }, a()), {
-      onFocus: () => f(!0),
-      onBlur: () => f(!1)
+      onFocus: () => b(!0),
+      onBlur: () => b(!1)
     }),
     /* @__PURE__ */ e.createElement(
       I,
       {
         as: "div",
         className: u(
-          ie[`${re}__content`],
-          ie[`${re}__content--${_}`],
-          o && l && ie[`${re}__content--with-items`]
+          de[`${ae}__content`],
+          de[`${ae}__content--${_}`],
+          o && l && de[`${ae}__content--with-items`]
         )
       },
       m
@@ -3792,24 +3811,24 @@ const ft = "select-all", Qo = (t, a) => {
       "div",
       {
         className: u(
-          ie[`${re}__controls`],
-          ie[`${re}__controls--${_}`]
+          de[`${ae}__controls`],
+          de[`${ae}__controls--${_}`]
         )
       },
       w && /* @__PURE__ */ e.createElement(
         "div",
         {
-          "data-testid": `${re}__clear-icon`,
-          className: ie[`${re}__clear-icon`],
-          onClick: v
+          "data-testid": `${ae}__clear-icon`,
+          className: de[`${ae}__clear-icon`],
+          onClick: f
         },
         /* @__PURE__ */ e.createElement(P, { kind: "primary", size: "small", source: Ae })
       ),
       /* @__PURE__ */ e.createElement(
         P,
         {
-          className: ie[`${re}__chevron-icon`],
-          source: n ? ta : Rt,
+          className: de[`${ae}__chevron-icon`],
+          source: n ? ta : Mt,
           size: "medium",
           disabled: i
         }
@@ -3850,8 +3869,8 @@ const ft = "select-all", Qo = (t, a) => {
   "tag__remove--hover": "lc-Tag-module__tag__remove--hover___2ROEU",
   tag__node: _l,
   tag__content: ol
-}, ve = "tag", ll = (t) => t ? Ua(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Mr = (w) => {
-  var v = w, {
+}, ve = "tag", ll = (t) => t ? Ua(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Rr = (w) => {
+  var f = w, {
     className: t = "",
     children: a,
     dismissible: r = !1,
@@ -3865,8 +3884,8 @@ const ft = "select-all", Qo = (t, a) => {
     rightNode: s,
     customColor: p,
     iconOnly: m = !1,
-    value: f
-  } = v, g = F(v, [
+    value: b
+  } = f, g = F(f, [
     "className",
     "children",
     "dismissible",
@@ -3882,7 +3901,7 @@ const ft = "select-all", Qo = (t, a) => {
     "iconOnly",
     "value"
   ]);
-  const h = _ || i && m, b = u(
+  const h = _ || i && m, v = u(
     fe[ve],
     t,
     fe[`${ve}--${l}`],
@@ -3905,8 +3924,8 @@ const ft = "select-all", Qo = (t, a) => {
   };
   return /* @__PURE__ */ e.createElement(
     I,
-    x(k(k({
-      className: b
+    S(k(k({
+      className: v
     }, g), $()), {
       as: "div",
       size: N
@@ -3919,7 +3938,7 @@ const ft = "select-all", Qo = (t, a) => {
         style: { color: y() }
       },
       n
-    ), /* @__PURE__ */ e.createElement("div", { className: fe[`${ve}__content`] }, f || a), s && !m && /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: fe[`${ve}__content`] }, b || a), s && !m && /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "lc-tag-right-node",
@@ -3951,7 +3970,7 @@ const ft = "select-all", Qo = (t, a) => {
       )
     )
   );
-}, de = {
+}, ue = {
   "picker-trigger-body": "lc-PickerTriggerBody-module__picker-trigger-body___xL0Rq",
   "picker-trigger-body--single": "lc-PickerTriggerBody-module__picker-trigger-body--single___5LWZK",
   "picker-trigger-body__item-container": "lc-PickerTriggerBody-module__picker-trigger-body__item-container___5Qs5E",
@@ -3969,7 +3988,7 @@ const ft = "select-all", Qo = (t, a) => {
   "picker-trigger-body__tag--compact": "lc-PickerTriggerBody-module__picker-trigger-body__tag--compact___vajtL",
   "picker-trigger-body__tag--medium": "lc-PickerTriggerBody-module__picker-trigger-body__tag--medium___yhMyC",
   "picker-trigger-body__tag--large": "lc-PickerTriggerBody-module__picker-trigger-body__tag--large___FbETT"
-}, ue = "picker-trigger-body", cl = ({
+}, me = "picker-trigger-body", cl = ({
   isOpen: t,
   isSearchDisabled: a,
   isDisabled: r,
@@ -3983,40 +4002,40 @@ const ft = "select-all", Qo = (t, a) => {
   onFilter: s,
   onClear: p,
   searchPhrase: m,
-  virtualItemRef: f,
+  virtualItemRef: b,
   isTriggerFocused: g
 }) => {
-  const w = t && !a, v = e.useRef(null);
+  const w = t && !a, f = e.useRef(null);
   e.useEffect(() => {
-    c && (s(""), v.current && (v.current.value = "", v.current.focus()));
+    c && (s(""), f.current && (f.current.value = "", f.current.focus()));
   }, [o, c]);
   const h = (y) => {
     y.key === "Backspace" && o && o.length > 0 && (y.preventDefault(), l === "multi" ? d(o[o.length - 1].key) : p()), y.key === "Delete" && (y.preventDefault(), p());
   };
   e.useEffect(() => (!t && g ? document.addEventListener("keydown", h) : document.removeEventListener("keydown", h), () => document.removeEventListener("keydown", h)), [t, o, g]);
-  const b = (y) => l === "single" && t && !a ? null : y != null && y.customElement ? /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__item`] }, y.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__item`] }, y.icon && /* @__PURE__ */ e.createElement(
+  const v = (y) => l === "single" && t && !a ? null : y != null && y.customElement ? /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__item`] }, y.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__item`] }, y.icon && /* @__PURE__ */ e.createElement(
     P,
     {
       source: y.icon,
-      className: de[`${ue}__item__icon`]
+      className: ue[`${me}__item__icon`]
     }
   ), y.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
       src: y.avatarSrc,
       alt: "",
-      className: de[`${ue}__item__avatar`]
+      className: ue[`${me}__item__avatar`]
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__item__content`] }, y.name)), E = (y) => s(y.target.value), N = (y) => {
+  ), /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__item__content`] }, y.name)), E = (y) => s(y.target.value), N = (y) => {
     var C, D;
-    (C = f.current) != null && C.id && y.key === "Enter" && n((D = f.current) == null ? void 0 : D.id), l === "multi" && (y.key === "Backspace" || y.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
+    (C = b.current) != null && C.id && y.key === "Enter" && n((D = b.current) == null ? void 0 : D.id), l === "multi" && (y.key === "Backspace" || y.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
   }, $ = () => /* @__PURE__ */ e.createElement(
     "input",
     {
-      ref: v,
+      ref: f,
       className: u(
-        de[`${ue}__input`],
-        de[`${ue}__input--${i}`]
+        ue[`${me}__input`],
+        ue[`${me}__input--${i}`]
       ),
       placeholder: _,
       onChange: E,
@@ -4029,32 +4048,32 @@ const ft = "select-all", Qo = (t, a) => {
     "div",
     {
       className: u({
-        [de[`${ue}__placeholder`]]: !0,
-        [de[`${ue}__placeholder--disabled`]]: r
+        [ue[`${me}__placeholder`]]: !0,
+        [ue[`${me}__placeholder--disabled`]]: r
       })
     },
     _
   ) : /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: u(de[ue], {
-        [de[`${ue}--single`]]: l === "single"
+      className: u(ue[me], {
+        [ue[`${me}--single`]]: l === "single"
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__item-container`] }, l === "single" ? b(o[0]) : o.map((y) => /* @__PURE__ */ e.createElement(
-      Mr,
+    /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__item-container`] }, l === "single" ? v(o[0]) : o.map((y) => /* @__PURE__ */ e.createElement(
+      Rr,
       {
         key: y.name,
         className: u(
-          de[`${ue}__tag`],
-          de[`${ue}__tag--${i}`]
+          ue[`${me}__tag`],
+          ue[`${me}__tag--${i}`]
         ),
         disabled: r,
         onRemove: (C) => {
           C.stopPropagation(), d(y.key);
         }
       },
-      b(y)
+      v(y)
     ))),
     w && $()
   );
@@ -4070,7 +4089,7 @@ const ft = "select-all", Qo = (t, a) => {
   isOpen: d,
   onVisibilityChange: n
 }) => {
-  const s = aa(), [p, m] = e.useState(!1), [f, g] = e.useState(null), [w, v] = e.useState(o), h = e.useRef([]), b = e.useRef(null), { refs: E, floatingStyles: N, context: $, isPositioned: y } = ra({
+  const s = aa(), [p, m] = e.useState(!1), [b, g] = e.useState(null), [w, f] = e.useState(o), h = e.useRef([]), v = e.useRef(null), { refs: E, floatingStyles: N, context: $, isPositioned: y } = ra({
     nodeId: s,
     open: d,
     strategy: l,
@@ -4084,7 +4103,7 @@ const ft = "select-all", Qo = (t, a) => {
       Er({
         apply({ availableHeight: q, rects: he, elements: oe }) {
           Cr.flushSync(() => {
-            v(
+            f(
               Math.max(
                 Math.min(o, q),
                 _
@@ -4104,20 +4123,20 @@ const ft = "select-all", Qo = (t, a) => {
   }, i)), D = sa($, { role: "listbox" }), L = na($, c), G = s_($, {
     enabled: a.length > 0 && !t,
     listRef: h,
-    activeIndex: f,
+    activeIndex: b,
     onNavigate: g,
     virtual: !0,
-    virtualItemRef: b,
+    virtualItemRef: v,
     disabledIndices: Qo(
       a,
       (q) => !!q.disabled || !!q.groupHeader
     )
-  }), { getReferenceProps: T, getFloatingProps: M, getItemProps: V } = ia(
+  }), { getReferenceProps: T, getFloatingProps: R, getItemProps: V } = ia(
     [C, L, D, G]
   );
   return !d && p && m(!1), {
     getReferenceProps: T,
-    getFloatingProps: M,
+    getFloatingProps: R,
     getItemProps: V,
     setReference: E.setReference,
     floatingStyles: N,
@@ -4125,9 +4144,9 @@ const ft = "select-all", Qo = (t, a) => {
     context: $,
     nodeId: s,
     setFloating: E.setFloating,
-    activeIndex: f,
+    activeIndex: b,
     listElementsRef: h,
-    virtualItemRef: b,
+    virtualItemRef: v,
     maxHeight: w,
     pointer: p,
     setPointer: m
@@ -4141,35 +4160,35 @@ const ft = "select-all", Qo = (t, a) => {
   setOpen: l
 }) => {
   const [c, i] = e.useState(
-    () => (t == null ? void 0 : t.map(Sa)) || []
-  ), d = t !== void 0, n = d ? (t == null ? void 0 : t.map(Sa)) || [] : c, [s, p] = e.useState(""), m = e.useMemo(() => {
+    () => (t == null ? void 0 : t.map(xa)) || []
+  ), d = t !== void 0, n = d ? (t == null ? void 0 : t.map(xa)) || [] : c, [s, p] = e.useState(""), m = e.useMemo(() => {
     const h = r === "multi" && _;
-    let b = a;
-    return s && (b = b.filter((E) => {
+    let v = a;
+    return s && (v = v.filter((E) => {
       var C;
       if (E.groupHeader)
         return !1;
       const N = s.toLowerCase(), $ = E.name.toLowerCase(), y = (C = E.secondaryText) == null ? void 0 : C.toLowerCase();
       return $.includes(N) || (y == null ? void 0 : y.includes(N));
-    })), h && b.length > 1 && (b = [
+    })), h && v.length > 1 && (v = [
       {
         key: ft,
         name: _
       },
-      ...b
-    ]), b;
-  }, [s, a, r, _]), f = (h) => {
-    const b = a.find((E) => E.key === h);
-    if (!((!b || b.disabled) && h !== ft))
+      ...v
+    ]), v;
+  }, [s, a, r, _]), b = (h) => {
+    const v = a.find((E) => E.key === h);
+    if (!((!v || v.disabled) && h !== ft))
       if (r === "single")
-        i(() => (b && o([b]), [h])), l(!1);
+        i(() => (v && o([v]), [h])), l(!1);
       else if (h === ft)
-        n.length === Ma(a).length ? i(() => (o(null), [])) : i(() => {
-          const E = Ma(a);
+        n.length === Ra(a).length ? i(() => (o(null), [])) : i(() => {
+          const E = Ra(a);
           return o(E), E.map(({ key: N }) => N);
         });
       else if (d) {
-        const E = (t == null ? void 0 : t.map(Sa)) || [], N = mr(E, h);
+        const E = (t == null ? void 0 : t.map(xa)) || [], N = mr(E, h);
         o(a.filter(({ key: $ }) => N.includes($)));
       } else
         i((E) => {
@@ -4181,9 +4200,9 @@ const ft = "select-all", Qo = (t, a) => {
     selectedKeys: n,
     items: m,
     searchPhrase: s,
-    handleSelect: f,
+    handleSelect: b,
     handleOnFilter: (h) => p(h),
-    handleItemRemove: (h) => f(h),
+    handleItemRemove: (h) => b(h),
     handleClear: () => {
       !d && i([]), o(null), p(""), l(!1);
     }
@@ -4205,12 +4224,12 @@ const ft = "select-all", Qo = (t, a) => {
     placeholder: s = "Select option",
     isRequired: p,
     noSearchResultText: m = "No results found",
-    selectAllOptionText: f,
+    selectAllOptionText: b,
     type: g = "single",
     searchDisabled: w = !1,
-    hideClearButton: v,
+    hideClearButton: f,
     isVisible: h,
-    onOpen: b,
+    onOpen: v,
     onClose: E,
     openedOnInit: N = !1,
     clearSearchAfterSelection: $,
@@ -4220,7 +4239,7 @@ const ft = "select-all", Qo = (t, a) => {
     useDismissHookProps: L,
     useClickHookProps: G,
     virtuosoProps: T
-  } = q, M = F(q, [
+  } = q, R = F(q, [
     "id",
     "className",
     "listClassName",
@@ -4250,8 +4269,8 @@ const ft = "select-all", Qo = (t, a) => {
     "useClickHookProps",
     "virtuosoProps"
   ]);
-  const [he, oe] = e.useState(N), [Ee, Oe] = e.useState(!1), $e = h !== void 0, Pe = $e ? h : he, je = (ht, ce) => {
-    ht ? !Pe && (b == null || b(ce)) : Pe && (E == null || E(ce)), !$e && oe(ht);
+  const [he, oe] = e.useState(N), [we, Oe] = e.useState(!1), Ee = h !== void 0, Pe = Ee ? h : he, Ze = (ht, ce) => {
+    ht ? !Pe && (v == null || v(ce)) : Pe && (E == null || E(ce)), !Ee && oe(ht);
   }, {
     selectedKeys: lt,
     items: ct,
@@ -4264,11 +4283,11 @@ const ft = "select-all", Qo = (t, a) => {
     selected: d,
     options: i,
     type: g,
-    selectAllOptionText: f,
+    selectAllOptionText: b,
     onSelect: y,
-    setOpen: je
+    setOpen: Ze
   }), {
-    context: S,
+    context: x,
     nodeId: ee,
     getReferenceProps: le,
     setReference: ze,
@@ -4292,18 +4311,18 @@ const ft = "select-all", Qo = (t, a) => {
     useClickHookProps: G,
     useDismissHookProps: L,
     isOpen: Pe,
-    onVisibilityChange: je
+    onVisibilityChange: Ze
   });
   return /* @__PURE__ */ e.createElement("div", { id: t, className: u(dl["picker-wrapper"], a) }, /* @__PURE__ */ e.createElement(
     tl,
     {
       getReferenceProps: le,
       setReference: ze,
-      testId: M["data-testid"],
+      testId: R["data-testid"],
       isItemSelected: lt.length > 0,
       isOpen: Pe,
       onClear: Ie,
-      hideClearButton: v,
+      hideClearButton: f,
       isDisabled: l,
       isError: c,
       isRequired: p,
@@ -4328,7 +4347,7 @@ const ft = "select-all", Qo = (t, a) => {
         onClear: Ie,
         searchPhrase: nt,
         virtualItemRef: fa,
-        isTriggerFocused: Ee
+        isTriggerFocused: we
       }
     )
   ), /* @__PURE__ */ e.createElement(da, { id: ee }, Pe && /* @__PURE__ */ e.createElement(Nr, null, /* @__PURE__ */ e.createElement(
@@ -4337,7 +4356,7 @@ const ft = "select-all", Qo = (t, a) => {
       pickerType: g,
       options: ct,
       listClassName: r,
-      context: S,
+      context: x,
       setFloating: pa,
       floatingStyles: ga,
       maxHeight: ha,
@@ -4368,35 +4387,35 @@ const ft = "select-all", Qo = (t, a) => {
   openedOnInit: s,
   closeOnEsc: p = !0,
   useDismissHookProps: m,
-  useClickHookProps: f,
+  useClickHookProps: b,
   floatingStrategy: g
 }) => {
-  const [w, v] = e.useState(s), h = Ha(), b = aa(), E = n !== void 0, N = E ? n : w, $ = typeof _ == "string", y = typeof t == "function", C = (Oe, $e) => {
-    Oe ? r == null || r($e) : a == null || a($e), !E && v(Oe);
+  const [w, f] = e.useState(s), h = Ha(), v = aa(), E = n !== void 0, N = E ? n : w, $ = typeof _ == "string", y = typeof t == "function", C = (Oe, Ee) => {
+    Oe ? r == null || r(Ee) : a == null || a(Ee), !E && f(Oe);
   }, { refs: D, context: L, floatingStyles: G } = ra({
-    nodeId: b,
+    nodeId: v,
     open: N,
     onOpenChange: C,
     middleware: [_a(d), oa(i), Ga()],
     placement: c,
     strategy: g,
     whileElementsMounted: la
-  }), T = ca(L, f), M = na(L, k({
+  }), T = ca(L, b), R = na(L, k({
     escapeKey: p
   }, m)), V = sa(L), { getReferenceProps: q, getFloatingProps: he } = ia([
     T,
-    M,
+    R,
     V
-  ]), oe = u(ml.popover, o), Ee = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  ]), oe = u(ml.popover, o), we = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    x(k({
+    S(k({
       "data-testid": "popover-trigger-button",
       ref: D.setReference
     }, q()), {
       className: l
     }),
     y ? t() : t
-  ), /* @__PURE__ */ e.createElement(da, { id: b }, N && /* @__PURE__ */ e.createElement(Pa, { context: L, modal: !1 }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(da, { id: v }, N && /* @__PURE__ */ e.createElement(Pa, { context: L, modal: !1 }, /* @__PURE__ */ e.createElement(
     "div",
     k({
       className: oe,
@@ -4405,7 +4424,7 @@ const ft = "select-all", Qo = (t, a) => {
     }, he()),
     $ ? /* @__PURE__ */ e.createElement(I, { as: "div" }, _) : _
   ))));
-  return h === null ? /* @__PURE__ */ e.createElement(za, null, Ee) : Ee;
+  return h === null ? /* @__PURE__ */ e.createElement(za, null, we) : we;
 }, pl = (t) => Math.min(Math.max(t, 0), 100);
 function Lr(t, a = 0) {
   return t === "error" ? 0 : pl(parseInt(a.toString(), 10));
@@ -4449,7 +4468,7 @@ const Dt = {
         [Dt[`${Bt}--${t}`]]: t
       },
       r
-    ), m = 2 * Math.PI * ((s - n) / 2), f = {
+    ), m = 2 * Math.PI * ((s - n) / 2), b = {
       strokeDasharray: m.toFixed(3),
       strokeDashoffset: `${((100 - d) / 100 * m).toFixed(3)}px`
     }, g = `${s / 2} ${s / 2} ${s} ${s}`;
@@ -4474,7 +4493,7 @@ const Dt = {
         "circle",
         {
           className: Dt[`${Bt}__indicator--${t}`],
-          style: f,
+          style: b,
           cx: s,
           cy: s,
           r: (s - n) / 2,
@@ -4517,7 +4536,7 @@ const Dt = {
     );
     return /* @__PURE__ */ e.createElement(
       "div",
-      x(k({}, o), {
+      S(k({}, o), {
         className: n,
         ref: l,
         role: "progressbar"
@@ -4556,7 +4575,7 @@ const Dt = {
   onClose: d,
   onLinkClick: n
 }) => {
-  const s = e.useRef(null), [p, m] = e.useState("medium"), f = u(
+  const s = e.useRef(null), [p, m] = e.useState("medium"), b = u(
     Ne[Ce],
     {
       [Ne[`${Ce}--light`]]: l,
@@ -4566,12 +4585,12 @@ const Dt = {
     t
   );
   e.useEffect(() => {
-    const w = () => s.current && s.current.offsetWidth <= hl ? m("small") : s.current && s.current.offsetWidth >= kl ? m("large") : m("medium"), v = xr(
+    const w = () => s.current && s.current.offsetWidth <= hl ? m("small") : s.current && s.current.offsetWidth >= kl ? m("large") : m("medium"), f = Sr(
       w,
       yl
     );
-    return window.addEventListener("resize", v), w(), () => {
-      v.cancel(), window.removeEventListener("resize", v);
+    return window.addEventListener("resize", f), w(), () => {
+      f.cancel(), window.removeEventListener("resize", f);
     };
   }, []);
   const g = /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ce}__footer`] }, a && /* @__PURE__ */ e.createElement(
@@ -4584,7 +4603,7 @@ const Dt = {
     },
     a
   ), c && /* @__PURE__ */ e.createElement(W, { size: "compact", kind: "text", onClick: n }, c));
-  return /* @__PURE__ */ e.createElement("div", { ref: s, className: f }, /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ce}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: Ne[`${Ce}__img`] }), /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ce}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ce}__header`] }, _), /* @__PURE__ */ e.createElement(I, { as: "div" }, r), p !== "large" && g), p === "large" && g), d && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { ref: s, className: b }, /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ce}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: Ne[`${Ce}__img`] }), /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ce}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ce}__header`] }, _), /* @__PURE__ */ e.createElement(I, { as: "div" }, r), p !== "large" && g), p === "large" && g), d && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
@@ -4603,7 +4622,7 @@ const Dt = {
   "promo-banner-v2__close": "lc-PromoBannerV2-module__promo-banner-v2__close___rOh-U",
   "promo-banner-v2__close__btn": "lc-PromoBannerV2-module__promo-banner-v2__close__btn___5AZQC",
   "promo-banner-v2--vertical": "lc-PromoBannerV2-module__promo-banner-v2--vertical___p0mSU"
-}, Xe = "promo-banner-v2", Kc = ({
+}, Qe = "promo-banner-v2", Kc = ({
   children: t,
   className: a,
   additionalContent: r,
@@ -4619,18 +4638,18 @@ const Dt = {
     "div",
     {
       className: u(
-        Ve[Xe],
-        l && Ve[`${Xe}--vertical`]
+        Ve[Qe],
+        l && Ve[`${Qe}--vertical`]
       )
     },
     /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testId": "content",
-        className: u(Ve[`${Xe}__content`], c)
+        className: u(Ve[`${Qe}__content`], c)
       },
       t,
-      (_ || o) && /* @__PURE__ */ e.createElement("div", { className: Ve[`${Xe}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
+      (_ || o) && /* @__PURE__ */ e.createElement("div", { className: Ve[`${Qe}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
         W,
         {
           kind: (_ == null ? void 0 : _.kind) || "high-contrast",
@@ -4642,7 +4661,7 @@ const Dt = {
         {
           kind: (o == null ? void 0 : o.kind) || "text",
           onClick: o.handleClick,
-          className: Ve[`${Xe}__content__cta__secondary`]
+          className: Ve[`${Qe}__content__cta__secondary`]
         },
         o.label
       ))
@@ -4652,16 +4671,16 @@ const Dt = {
       {
         "data-testId": "additional-content",
         className: u(
-          Ve[`${Xe}__additional-content`],
+          Ve[`${Qe}__additional-content`],
           i
         )
       },
       r
     ),
-    d && /* @__PURE__ */ e.createElement("div", { className: Ve[`${Xe}__close`] }, /* @__PURE__ */ e.createElement(
+    d && /* @__PURE__ */ e.createElement("div", { className: Ve[`${Qe}__close`] }, /* @__PURE__ */ e.createElement(
       W,
       {
-        className: Ve[`${Xe}__close__btn`],
+        className: Ve[`${Qe}__close__btn`],
         onClick: d,
         icon: /* @__PURE__ */ e.createElement(P, { source: Ae, kind: "primary" }),
         kind: "plain",
@@ -4688,7 +4707,7 @@ const Dt = {
     });
     return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement("label", { className: qe[`${Ye}__label`] }, /* @__PURE__ */ e.createElement("div", { className: qe[`${Ye}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: qe[`${Ye}__inner-circle`] }), /* @__PURE__ */ e.createElement(
       "input",
-      x(k({}, l), {
+      S(k({}, l), {
         className: qe[`${Ye}__input`],
         ref: c,
         type: "radio",
@@ -4697,7 +4716,7 @@ const Dt = {
       })
     )), t && /* @__PURE__ */ e.createElement(I, { as: "div", size: "md", className: qe[`${Ye}__text`] }, t)), r && /* @__PURE__ */ e.createElement(ua, { className: qe[`${Ye}__helper`] }, r));
   }
-), xe = {
+), Se = {
   "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",
@@ -4711,7 +4730,7 @@ const Dt = {
   "search-input__loader": "lc-Search-module__search-input__loader___pkpIG",
   "search-input__input-wrapper": "lc-Search-module__search-input__input-wrapper___k8bvn",
   "search-input__input-wrapper--crop": "lc-Search-module__search-input__input-wrapper--crop___nBPKY"
-}, Me = "search-input", gr = `${Me}__input-wrapper`, Xc = ({
+}, Re = "search-input", gr = `${Re}__input-wrapper`, Xc = ({
   isCollapsable: t,
   isDisabled: a,
   isLoading: r,
@@ -4722,14 +4741,14 @@ const Dt = {
   cropOnBlur: i = !0,
   onChange: d
 }) => {
-  const [n, s] = e.useState(!0), [p, m] = e.useState(!1), f = e.useRef(null), g = !!l && !a && !r, w = t && !n && "true", v = u(
+  const [n, s] = e.useState(!0), [p, m] = e.useState(!1), b = e.useRef(null), g = !!l && !a && !r, w = t && !n && "true", f = u(
     c,
-    xe[Me],
-    xe[`${Me}--${o}`],
-    p && xe[`${Me}--focused`],
-    a && xe[`${Me}--disabled`],
-    t && xe[`${Me}--collapsable`],
-    !n && xe[`${Me}--collapsable--open`]
+    Se[Re],
+    Se[`${Re}--${o}`],
+    p && Se[`${Re}--focused`],
+    a && Se[`${Re}--disabled`],
+    t && Se[`${Re}--collapsable`],
+    !n && Se[`${Re}--collapsable--open`]
   );
   e.useEffect(() => {
     t && l && s(!1);
@@ -4737,11 +4756,11 @@ const Dt = {
   const h = (C) => {
     const D = C.currentTarget.value;
     d(D);
-  }, b = () => {
+  }, v = () => {
     d("");
   }, E = () => {
     var C;
-    (C = f.current) == null || C.focus();
+    (C = b.current) == null || C.focus();
   }, N = () => {
     t && s(!1), m(!0);
   }, $ = () => {
@@ -4754,13 +4773,13 @@ const Dt = {
     {
       "aria-expanded": w,
       role: "search",
-      className: v,
+      className: f,
       onClick: E
     },
     /* @__PURE__ */ e.createElement(
       P,
       {
-        className: xe[`${Me}__search-icon`],
+        className: Se[`${Re}__search-icon`],
         source: jr,
         disabled: a,
         kind: "primary"
@@ -4771,15 +4790,15 @@ const Dt = {
       {
         as: "div",
         className: u(
-          xe[gr],
-          i && xe[`${gr}--crop`]
+          Se[gr],
+          i && Se[`${gr}--crop`]
         )
       },
       /* @__PURE__ */ e.createElement(
         "input",
         {
           role: "searchbox",
-          ref: f,
+          ref: b,
           type: "text",
           value: l,
           placeholder: _,
@@ -4796,14 +4815,14 @@ const Dt = {
       {
         "aria-label": "Clear search",
         title: "Clear search",
-        className: xe[`${Me}__clear-icon`],
-        onClick: b,
+        className: Se[`${Re}__clear-icon`],
+        onClick: v,
         icon: /* @__PURE__ */ e.createElement(P, { source: Ae, kind: "primary" }),
         kind: "text",
         size: "compact"
       }
     ),
-    r && /* @__PURE__ */ e.createElement("div", { className: xe[`${Me}__loader`] }, /* @__PURE__ */ e.createElement(Wa, { size: "small" }))
+    r && /* @__PURE__ */ e.createElement("div", { className: Se[`${Re}__loader`] }, /* @__PURE__ */ e.createElement(Wa, { size: "small" }))
   );
 }, wl = "lc-Skeleton-module__loading___MHvGo", ot = {
   "skeleton-wrapper": "lc-Skeleton-module__skeleton-wrapper___MXuR8",
@@ -4867,7 +4886,7 @@ const Dt = {
       width: a
     }
   }
-), El = "lc-Switch-module__switch__input___NiiOR", $l = "lc-Switch-module__switch__container___79F7W", Nl = "lc-Switch-module__switch__track___2wr2M", Cl = "lc-Switch-module__switch__slider___WHd--", xl = "lc-Switch-module__switch__loader___FE-fA", Sl = "lc-Switch-module__switch__icon___-O1qY", Q = {
+), El = "lc-Switch-module__switch__input___NiiOR", $l = "lc-Switch-module__switch__container___79F7W", Nl = "lc-Switch-module__switch__track___2wr2M", Cl = "lc-Switch-module__switch__slider___WHd--", Sl = "lc-Switch-module__switch__loader___FE-fA", xl = "lc-Switch-module__switch__icon___-O1qY", Q = {
   switch: "lc-Switch-module__switch___AaA2k",
   "switch__track--enabled": "lc-Switch-module__switch__track--enabled___sy4Xl",
   "switch__track--on": "lc-Switch-module__switch__track--on___aOMWe",
@@ -4893,11 +4912,11 @@ const Dt = {
   "switch__slider--medium--on": "lc-Switch-module__switch__slider--medium--on___SfeAV",
   "switch__slider--medium--off": "lc-Switch-module__switch__slider--medium--off___eXJJz",
   "switch__slider--disabled": "lc-Switch-module__switch__slider--disabled___A6hPg",
-  switch__loader: xl,
+  switch__loader: Sl,
   "switch__loader--compact": "lc-Switch-module__switch__loader--compact___3imUh",
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
-  switch__icon: Sl
+  switch__icon: xl
 }, X = "switch", en = (p) => {
   var m = p, {
     className: t = "",
@@ -4922,28 +4941,28 @@ const Dt = {
     "innerRef",
     "ariaLabel"
   ]);
-  const f = o !== void 0, [g, w] = e.useState(
-    () => f ? o : a
-  ), [v, h] = e.useState(!1), b = f ? o : g, E = i === "loading", N = i === "locked", $ = c === "large" ? "small" : "xsmall", y = b ? "on" : "off", C = r || E || N, D = C ? "disabled" : "enabled", L = u(
+  const b = o !== void 0, [g, w] = e.useState(
+    () => b ? o : a
+  ), [f, h] = e.useState(!1), v = b ? o : g, E = i === "loading", N = i === "locked", $ = c === "large" ? "small" : "xsmall", y = v ? "on" : "off", C = r || E || N, D = C ? "disabled" : "enabled", L = u(
     Q[X],
     Q[`${X}--${c}`],
     {
-      [Q[`${X}--focused`]]: v
+      [Q[`${X}--focused`]]: f
     },
     t
   ), G = (T) => {
-    l == null || l(T, !b), f || (T.stopPropagation(), w((M) => !M));
+    l == null || l(T, !v), b || (T.stopPropagation(), w((R) => !R));
   };
   return /* @__PURE__ */ e.createElement("span", { className: L }, /* @__PURE__ */ e.createElement(
     "input",
-    x(k({
+    S(k({
       type: "checkbox",
       className: u(
         Q[`${X}__input`],
         Q[`${X}__input--${D}`]
       ),
       onChange: G,
-      checked: b,
+      checked: v,
       name: _,
       ref: d,
       disabled: C,
@@ -4956,7 +4975,7 @@ const Dt = {
     "span",
     {
       className: u(Q[`${X}__container`], {
-        [Q[`${X}__container--focused`]]: v
+        [Q[`${X}__container--focused`]]: f
       })
     },
     /* @__PURE__ */ e.createElement(
@@ -5032,7 +5051,7 @@ const Dt = {
   const { disabled: s } = i, p = r !== void 0 && !o, m = r !== void 0 && o;
   return /* @__PURE__ */ e.createElement(
     I,
-    x(k({}, i), {
+    S(k({}, i), {
       as: i.href ? "a" : "button",
       "aria-selected": _,
       size: "md",
@@ -5102,7 +5121,7 @@ const Dt = {
       }
       _(g.innerText);
     }
-  }, f = (g) => {
+  }, b = (g) => {
     g.preventDefault();
     const w = g.clipboardData.getData("text/plain");
     document.execCommand("insertHTML", !1, Xa(w));
@@ -5113,13 +5132,13 @@ const Dt = {
       ref: a,
       className: t,
       contentEditable: !0,
-      onPaste: f,
+      onPaste: b,
       onBlur: m,
       onKeyDown: p,
       dangerouslySetInnerHTML: { __html: Xa(l) }
     }
   );
-}, Rl = "tag-input__tag", vr = ({
+}, Ml = "tag-input__tag", vr = ({
   children: t,
   index: a,
   remove: r,
@@ -5130,26 +5149,26 @@ const Dt = {
   tagProps: i
 }) => {
   const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), n = e.useRef(null), s = () => r(a), p = () => d ? i ? i.kind : "default" : "error";
-  return /* @__PURE__ */ e.createElement(Mr, x(k({ size: c }, i), { kind: p(), onRemove: s }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(Rr, S(k({ size: c }, i), { kind: p(), onRemove: s }), /* @__PURE__ */ e.createElement(
     Fl,
     {
       value: t,
       inputRef: o,
       innerEditableRef: n,
-      className: It[`${Rl}__content`],
+      className: It[`${Ml}__content`],
       change: (m) => l(a, m),
       remove: s,
       validator: _
     }
   ));
-}, Xt = "tag-input", Ml = [
+}, Xt = "tag-input", Rl = [
   _e.enter,
   _e.spacebar,
   _e.tab,
   _e.semicolon,
   _e.comma
 ], Ll = [_e.backspace, _e.delete], Ol = (m) => {
-  var f = m, {
+  var b = m, {
     id: t,
     tags: a,
     onChange: r,
@@ -5161,7 +5180,7 @@ const Dt = {
     inputClassName: d,
     onBlur: n,
     addOnBlur: s = !0
-  } = f, p = F(f, [
+  } = b, p = F(b, [
     "id",
     "tags",
     "onChange",
@@ -5184,41 +5203,41 @@ const Dt = {
     d,
     It[`${Xt}__input`],
     It[`${Xt}__input--${c}`]
-  ), [v, h] = e.useState(""), b = e.useRef(null), E = (T) => {
+  ), [f, h] = e.useState(""), v = e.useRef(null), E = (T) => {
     T.trim() !== "" && (r([...a || [], T]), h(""));
   }, N = (T) => {
-    const M = [...a || []];
-    M.splice(T, 1), r(M);
+    const R = [...a || []];
+    R.splice(T, 1), r(R);
   }, $ = (T) => h(T.target.value), y = (T) => {
-    if (Ml.includes(T.key)) {
-      if (T.preventDefault(), v === "")
+    if (Rl.includes(T.key)) {
+      if (T.preventDefault(), f === "")
         return;
-      E(v);
+      E(f);
     } else if (Ll.includes(T.key)) {
-      if (v !== "" || !(a != null && a.length))
+      if (f !== "" || !(a != null && a.length))
         return;
       N(a.length - 1);
     }
   }, C = (T) => {
-    s && E(v), n == null || n(T);
-  }, D = (T, M) => {
+    s && E(f), n == null || n(T);
+  }, D = (T, R) => {
     const V = [...a || []];
     V.reduce(
-      (he, oe, Ee) => he + (oe === M && Ee !== T ? 1 : 0),
+      (he, oe, we) => he + (oe === R && we !== T ? 1 : 0),
       0
-    ) > 0 ? V.splice(T, 1) : V[T] = M, r(V);
+    ) > 0 ? V.splice(T, 1) : V[T] = R, r(V);
   }, L = (T) => {
     T.preventDefault();
     const V = T.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
     r([...a || [], ...V]);
-  }, G = (T, M) => typeof T == "string" ? /* @__PURE__ */ e.createElement(
+  }, G = (T, R) => typeof T == "string" ? /* @__PURE__ */ e.createElement(
     vr,
     {
-      index: M,
-      key: `${M}${T}`,
+      index: R,
+      key: `${R}${T}`,
       update: D,
       remove: N,
-      inputRef: b,
+      inputRef: v,
       validator: _,
       size: c
     },
@@ -5226,11 +5245,11 @@ const Dt = {
   ) : /* @__PURE__ */ e.createElement(
     vr,
     {
-      index: M,
-      key: `${M}${T.children}`,
+      index: R,
+      key: `${R}${T.children}`,
       update: D,
       remove: N,
-      inputRef: b,
+      inputRef: v,
       validator: _,
       size: c,
       tagProps: T
@@ -5239,12 +5258,12 @@ const Dt = {
   );
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(I, { as: "div", className: g }, a == null ? void 0 : a.map(G), /* @__PURE__ */ e.createElement(
     "input",
-    x(k({}, p), {
+    S(k({}, p), {
       id: t,
-      ref: b,
+      ref: v,
       className: w,
       placeholder: l,
-      value: v,
+      value: f,
       onChange: $,
       onKeyDown: y,
       onPaste: L,
@@ -5257,7 +5276,7 @@ const Dt = {
   } = _, a = F(_, [
     "placeholder"
   ]);
-  return /* @__PURE__ */ e.createElement(Ol, x(k({}, a), { placeholder: t, validator: Gl }));
+  return /* @__PURE__ */ e.createElement(Ol, S(k({}, a), { placeholder: t, validator: Gl }));
 }, Ul = "lc-Toast-module__toast___j5Amn", Wl = "lc-Toast-module__toast__content___HjaNw", Vl = "lc-Toast-module__toast__actions___JWu-1", ql = "lc-Toast-module__toast__actions__button___Iblrl", j = {
   toast: Ul,
   toast__content: Wl,
@@ -5301,7 +5320,7 @@ const Dt = {
   info: {
     source: Oa
   }
-}, Qe = "toast", Kl = (i) => {
+}, je = "toast", Kl = (i) => {
   var d = i, {
     action: t,
     className: a,
@@ -5318,14 +5337,14 @@ const Dt = {
     "onClose"
   ]);
   const n = u(
-    j[Qe],
-    j[`${Qe}--${o}`],
+    j[je],
+    j[`${je}--${o}`],
     a
   ), s = typeof r == "string", p = (m) => m && m.closesOnClick && l ? (m.onClick(), l()) : m.onClick();
-  return /* @__PURE__ */ e.createElement("div", k({ className: n }, c), /* @__PURE__ */ e.createElement("div", { className: j[`${Qe}__icon`] }, /* @__PURE__ */ e.createElement(P, x(k({}, Yl[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: j[`${Qe}__content`] }, s ? /* @__PURE__ */ e.createElement(I, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: j[`${Qe}__actions`] }, t && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", k({ className: n }, c), /* @__PURE__ */ e.createElement("div", { className: j[`${je}__icon`] }, /* @__PURE__ */ e.createElement(P, S(k({}, Yl[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: j[`${je}__content`] }, s ? /* @__PURE__ */ e.createElement(I, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: j[`${je}__actions`] }, t && /* @__PURE__ */ e.createElement(
     W,
     {
-      className: j[`${Qe}__actions--custom`],
+      className: j[`${je}__actions--custom`],
       kind: "text",
       size: "compact",
       onClick: () => p(t)
@@ -5335,8 +5354,8 @@ const Dt = {
     "button",
     {
       className: u(
-        j[`${Qe}__actions__button`],
-        j[`${Qe}__actions__button--${o}`]
+        j[`${je}__actions__button`],
+        j[`${je}__actions__button--${o}`]
       ),
       "aria-label": "Close toast",
       onClick: l
@@ -5362,7 +5381,7 @@ const Dt = {
     },
     t
   );
-  return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement(Tr, { component: null }, a.map(({ id: d, kind: n, content: s, removable: p, action: m, onClose: f }) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement(Tr, { component: null }, a.map(({ id: d, kind: n, content: s, removable: p, action: m, onClose: b }) => /* @__PURE__ */ e.createElement(
     Dr,
     {
       key: d,
@@ -5378,7 +5397,7 @@ const Dt = {
       Kl,
       {
         kind: n,
-        onClose: f,
+        onClose: b,
         removable: p,
         action: m
       },
@@ -5399,14 +5418,14 @@ const Dt = {
       [Qt[`${jt}--error`]]: a
     }), m = (g) => {
       s(!1), i == null || i(g);
-    }, f = (g) => {
+    }, b = (g) => {
       s(!0), d == null || d(g);
     };
     return /* @__PURE__ */ e.createElement(I, { as: "div", className: p }, /* @__PURE__ */ e.createElement(
       "textarea",
-      x(k({}, r), {
+      S(k({}, r), {
         ref: _,
-        onFocus: f,
+        onFocus: b,
         onBlur: m
       })
     ));
@@ -5433,7 +5452,7 @@ const Dt = {
     onClick: a
   },
   /* @__PURE__ */ e.createElement(P, { size: "small", source: Ae })
-)), Se = {
+)), xe = {
   "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",
@@ -5455,28 +5474,28 @@ const Dt = {
     status: c = "normal",
     onCloseButtonClick: i,
     onRetryButtonClick: d
-  }, n) => /* @__PURE__ */ e.createElement("div", { className: Se[Ke], ref: n }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: Se[`${Ke}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
+  }, n) => /* @__PURE__ */ e.createElement("div", { className: xe[Ke], ref: n }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: xe[`${Ke}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
-        Se[`${Ke}__icon`],
-        Se[`${Ke}__icon--success`]
+        xe[`${Ke}__icon`],
+        xe[`${Ke}__icon--success`]
       )
     },
     /* @__PURE__ */ e.createElement(P, { source: ea })
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: u(Se[`${Ke}__wrapper`], {
-        [Se[`${Ke}__wrapper--with-icon`]]: r
+      className: u(xe[`${Ke}__wrapper`], {
+        [xe[`${Ke}__wrapper--with-icon`]]: r
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: Se[`${Ke}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: xe[`${Ke}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: u(Se[Aa], {
-          [Se[`${Aa}--success`]]: c === "success",
-          [Se[`${Aa}--error`]]: c === "error"
+        className: u(xe[Aa], {
+          [xe[`${Aa}--success`]]: c === "success",
+          [xe[`${Aa}--error`]]: c === "error"
         })
       },
       /* @__PURE__ */ e.createElement(I, { size: "sm", as: "div" }, _)
@@ -5484,7 +5503,7 @@ const Dt = {
       "div",
       {
         className: u({
-          [Se[`${Ke}__wrapper__header__actions`]]: t === "hover"
+          [xe[`${Ke}__wrapper__header__actions`]]: t === "hover"
         })
       },
       /* @__PURE__ */ e.createElement(
@@ -5527,7 +5546,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"
-}, me = "upload-bar", Je = `${me}__wrapper__header`, jl = 300, Zl = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement(
+}, pe = "upload-bar", Je = `${pe}__wrapper__header`, jl = 300, Zl = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement(
   "div",
   {
     "data-testid": "success-icon",
@@ -5562,11 +5581,11 @@ const Dt = {
   onCloseButtonClick: s,
   onRetryButtonClick: p
 }) => {
-  const [m, f] = e.useState(o || !1), g = c === "error", w = c === "success", v = u(z[me], a, {
-    [z[`${me}--error`]]: g,
-    [z[`${me}--success`]]: w
-  }), h = !(g && (p || s)), b = () => f(!m);
-  return n === "single" ? /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement("div", { className: z[`${me}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${Je}`] }, /* @__PURE__ */ e.createElement(
+  const [m, b] = e.useState(o || !1), g = c === "error", w = c === "success", f = u(z[pe], a, {
+    [z[`${pe}--error`]]: g,
+    [z[`${pe}--success`]]: w
+  }), h = !(g && (p || s)), v = () => b(!m);
+  return n === "single" ? /* @__PURE__ */ e.createElement("div", { className: f }, /* @__PURE__ */ e.createElement("div", { className: z[`${pe}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${Je}`] }, /* @__PURE__ */ e.createElement(
     Ql,
     {
       title: g && l || _,
@@ -5582,11 +5601,11 @@ const Dt = {
       onCloseButtonClick: s,
       onRetryButtonClick: p
     }
-  ))) : /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement(
+  ))) : /* @__PURE__ */ e.createElement("div", { className: f }, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: z[`${me}__wrapper`],
-      onClick: b
+      className: z[`${pe}__wrapper`],
+      onClick: v
     },
     /* @__PURE__ */ e.createElement("div", { className: z[`${Je}`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${Je}__icon`] }, Zl(c, r)), /* @__PURE__ */ e.createElement("div", { className: z[`${Je}__title`] }, /* @__PURE__ */ e.createElement(I, { size: "sm", as: "div" }, g ? l : _)), h && /* @__PURE__ */ e.createElement(
       "button",
@@ -5594,9 +5613,9 @@ const Dt = {
         className: z[`${Je}__collapse-button`],
         type: "button",
         "aria-label": "Collapse button",
-        onClick: b
+        onClick: v
       },
-      m ? /* @__PURE__ */ e.createElement(P, { source: ta }) : /* @__PURE__ */ e.createElement(P, { source: Rt })
+      m ? /* @__PURE__ */ e.createElement(P, { source: ta }) : /* @__PURE__ */ e.createElement(P, { source: Mt })
     ), c === "error" && /* @__PURE__ */ e.createElement("div", { className: z[`${Je}__actions-container`] }, /* @__PURE__ */ e.createElement(
       La,
       {
@@ -5610,20 +5629,20 @@ const Dt = {
     {
       timeout: jl,
       classNames: {
-        enter: z[`${me}__files--enter`],
-        enterActive: z[`${me}__files--enter-active`],
-        exit: z[`${me}__files--exit`],
-        exitActive: z[`${me}__files--exit-active`],
-        exitDone: z[`${me}__files--exit-done`]
+        enter: z[`${pe}__files--enter`],
+        enterActive: z[`${pe}__files--enter-active`],
+        exit: z[`${pe}__files--exit`],
+        exitActive: z[`${pe}__files--exit-active`],
+        exitDone: z[`${pe}__files--exit-done`]
       }
     },
-    /* @__PURE__ */ e.createElement("div", { className: z[`${me}__files`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${me}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${me}__files__list`] }, t)))
+    /* @__PURE__ */ e.createElement("div", { className: z[`${pe}__files`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${pe}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${pe}__files__list`] }, t)))
   )));
 };
 export {
   Jl as ANIMATION_TIME,
-  xc as ActionBar,
-  Sc as ActionCard,
+  Sc as ActionBar,
+  xc as ActionCard,
   b_ as ActionMenu,
   f_ as ActionMenuItem,
   Tc as Alert,
@@ -5644,8 +5663,8 @@ export {
   Fc as FieldGroup,
   Ql as FileUploadProgress,
   La as FileUploadProgressActions,
-  Rc as Form,
-  Mc as FormField,
+  Mc as Form,
+  Rc as FormField,
   Lc as FormGroup,
   Be as Heading,
   P as Icon,
@@ -5683,7 +5702,7 @@ export {
   tn as Tab,
   rn as TabsList,
   an as TabsWrapper,
-  Mr as Tag,
+  Rr as Tag,
   Ol as TagInput,
   I as Text,
   ln as Textarea,