@livechat/design-system-react-components 1.0.0-beta.7 → 1.0.0-beta.9

package/dist/dsrc.es.js

@@ -23,7 +23,7 @@ var Ot = (t, a, r) => (Lt(t, typeof a != "symbol" ? a + "" : a, r), r);
 import * as e from "react";
 import { useReducer as ar, useRef as rr, useEffect as Qe, useCallback as kt, useMemo as yt } from "react";
 import { ChevronDown as ft, Close as xe, Info as ea, Warning as Ia, CheckCircle as Aa, Block as Ba, Person as _r, ChevronUp as Ft, VisibilityOn as or, VisibilityOff as lr, Check as ta, Search as cr, LockBlackFilled as nr, Refresh as sr, Error as ir } from "@livechat/design-system-icons/react/tabler";
-import f, { clsx as He } from "clsx";
+import g, { clsx as He } from "clsx";
 import { useFloating as Pa, offset as Fa, flip as Ra, autoUpdate as Ma, arrow as dr } from "@floating-ui/react-dom";
 import { css as Xe, cx as ur } from "@emotion/css";
 import { CSSTransition as aa, TransitionGroup as La } from "react-transition-group";
@@ -31,7 +31,7 @@ import { Close as Oa, DoubleArrowLeft as mr, ChevronLeft as pr, ChevronRight as
 import za from "lodash.debounce";
 import { getContrast as ra } from "polished";
 import br from "react-day-picker";
-import { subMonths as je, differenceInCalendarMonths as na, addMonths as sa, isSameMonth as Jt, isSameDay as jt, isAfter as Kt, differenceInCalendarDays as Ha } from "date-fns";
+import { subMonths as Ke, differenceInCalendarMonths as na, addMonths as sa, isSameMonth as Jt, isSameDay as Kt, isAfter as jt, differenceInCalendarDays as Ha } from "date-fns";
 import * as vr from "react-dom";
 import ia from "lodash.escape";
 const dl = {
@@ -363,7 +363,7 @@ const dl = {
   md: "h3",
   sm: "h4",
   xs: "h5"
-}, Ke = (l) => {
+}, je = (l) => {
   var c = l, {
     as: t,
     size: a = "md",
@@ -377,7 +377,7 @@ const dl = {
   ]);
   return e.createElement(
     t || kr[a],
-    w({ className: f(Je[`heading-${a}`], o) }, _),
+    w({ className: g(Je[`heading-${a}`], o) }, _),
     r
   );
 }, P = (d) => {
@@ -404,7 +404,7 @@ const dl = {
   return e.createElement(
     t,
     w({
-      className: f(
+      className: g(
         {
           [Je[`${m}`]]: !0,
           [Je[`${m}--bold`]]: o,
@@ -430,7 +430,7 @@ const dl = {
   ]);
   return e.createElement(
     t,
-    w({ className: f(Je[`display-${a}`], o) }, _),
+    w({ className: g(Je[`display-${a}`], o) }, _),
     r
   );
 }, yr = "lc-Popover-module__popover___8X1b2", zt = {
@@ -449,7 +449,7 @@ const dl = {
   closeOnEsc: s = !0
 }) => {
   const [d, i] = e.useState(!1), m = e.useRef(!1), u = typeof r == "string", {
-    x: g,
+    x: f,
     y: v,
     reference: b,
     floating: p,
@@ -466,25 +466,25 @@ const dl = {
   }, [n]), e.useEffect(() => {
     a && m.current !== d && !d && a(), m.current = d;
   }, [d]), e.useEffect(() => {
-    const S = (V) => {
+    const x = (V) => {
       s && V.key === "Escape" && i(!1);
     };
-    return document.addEventListener("keydown", S), () => {
-      document.removeEventListener("keydown", S);
+    return document.addEventListener("keydown", x), () => {
+      document.removeEventListener("keydown", x);
     };
   }, [s]), e.useEffect(() => {
     if (!(!h.reference.current || !h.floating.current))
       return Ma(h.reference.current, h.floating.current, E);
   }, [h.reference, h.floating, E, N, d]);
-  function $(S) {
-    h.floating.current && h.floating.current.contains(S.target) || (h.reference.current && h.reference.current.contains(S.target) ? i((V) => !V) : i(!1));
+  function $(x) {
+    h.floating.current && h.floating.current.contains(x.target) || (h.reference.current && h.reference.current.contains(x.target) ? i((V) => !V) : i(!1));
   }
   e.useEffect(() => (document.addEventListener("mousedown", $), () => {
     document.removeEventListener("mousedown", $);
   }), []);
-  const k = f(zt.popover, o, {
+  const k = g(zt.popover, o, {
     [zt["popover--visible"]]: d
-  }), C = f(
+  }), C = g(
     zt["popover-trigger"],
     _
   );
@@ -496,7 +496,7 @@ const dl = {
       style: {
         position: y,
         top: v != null ? v : "",
-        left: g != null ? g : ""
+        left: f != null ? f : ""
       }
     },
     u ? /* @__PURE__ */ e.createElement(P, { as: "div" }, r) : r
@@ -529,18 +529,24 @@ const dl = {
     "keepOpenOnClick",
     "activeOptionKeys"
   ]);
-  const [m, u] = e.useState(l), g = e.useRef(-1), v = (E) => {
-    for (g.current = g.current + E; r[g.current].disabled || r[g.current].groupHeader; )
-      g.current = g.current + E;
-    return g.current;
+  const [m, u] = e.useState(l), f = e.useRef(-1), v = (E) => {
+    var k, C;
+    const N = f.current;
+    let $ = N + E;
+    for (; (k = r[$]) != null && k.disabled || (C = r[$]) != null && C.groupHeader; )
+      if ($ += E, $ === -1) {
+        $ = N;
+        break;
+      }
+    return $;
   }, b = (E) => {
     var N, $;
-    E.key === L.arrowUp && g.current > 0 && (E.preventDefault(), g.current = v(-1), (N = document.getElementById(`list-item-${g.current}`)) == null || N.focus()), E.key === L.arrowDown && g.current + 1 < r.length && (E.preventDefault(), g.current = v(1), ($ = document.getElementById(`list-item-${g.current}`)) == null || $.focus());
+    E.key === L.arrowUp && f.current > 0 && (E.preventDefault(), f.current = v(-1), (N = document.getElementById(`list-item-${f.current}`)) == null || N.focus()), E.key === L.arrowDown && f.current + 1 < r.length && (E.preventDefault(), f.current = v(1), ($ = document.getElementById(`list-item-${f.current}`)) == null || $.focus());
   };
   e.useEffect(() => {
     if (m)
       return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
-    g.current = -1;
+    f.current = -1;
   }, [m, b]);
   const p = () => {
     u(!0);
@@ -564,7 +570,7 @@ const dl = {
       disabled: E.disabled,
       onClick: () => y(E.onClick),
       role: "menuitem",
-      className: f(Re[`${Me}__list__item`], {
+      className: g(Re[`${Me}__list__item`], {
         [Re[`${Me}__list__item--disabled`]]: E.disabled,
         [Re[`${Me}__list__item--with-divider`]]: E.withDivider,
         [Re[`${Me}__list__item--active`]]: n == null ? void 0 : n.includes(E.key)
@@ -582,7 +588,7 @@ const dl = {
         "button",
         {
           "data-testid": "action-menu-trigger-button",
-          className: f(
+          className: g(
             Re[`${Me}__trigger-button`],
             a
           ),
@@ -594,7 +600,7 @@ const dl = {
     /* @__PURE__ */ e.createElement(
       "ul",
       A(w({}, s), {
-        className: f(Re[`${Me}__list`], t),
+        className: g(Re[`${Me}__list`], t),
         role: "menu",
         "aria-hidden": !m
       }),
@@ -610,7 +616,7 @@ const dl = {
 }, tt = "action-menu-item", wr = ({ leftNode: t, rightNode: a, children: r, kind: o }) => /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: f(et[tt], {
+    className: g(et[tt], {
       [et[`${tt}--warning`]]: o === "warning"
     })
   },
@@ -689,7 +695,7 @@ const dl = {
     "customColor"
   ]), s = e.createElement(a, A(w({}, Nr[r]), {
     color: c
-  })), d = f(
+  })), d = g(
     l,
     da[ua],
     o && da[`${ua}--${_ ? "disabled--" : ""}${o}`]
@@ -710,10 +716,10 @@ const dl = {
   label: r,
   className: o,
   size: _ = "medium"
-}) => /* @__PURE__ */ e.createElement("div", { className: f(at[Ga], o) }, /* @__PURE__ */ e.createElement(
+}) => /* @__PURE__ */ e.createElement("div", { className: g(at[Ga], o) }, /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: f(at[ma], at[`${ma}--${_}`])
+    className: g(at[ma], at[`${ma}--${_}`])
   },
   /* @__PURE__ */ e.createElement(
     "div",
@@ -768,7 +774,7 @@ const dl = {
       children: i,
       href: m,
       onClick: u
-    } = p, g = B(p, [
+    } = p, f = B(p, [
       "loading",
       "disabled",
       "type",
@@ -789,7 +795,7 @@ const dl = {
           primaryColor: "var(--action-primary-default)",
           secondaryColor: "var(--border-invert-primary)"
         };
-    }, k = f(
+    }, k = g(
       d,
       _e[oe],
       _e[`${oe}--${_}`],
@@ -812,7 +818,7 @@ const dl = {
         href: y ? void 0 : m,
         onClick: y ? void 0 : u,
         disabled: y
-      }, g),
+      }, f),
       t && /* @__PURE__ */ e.createElement(
         _a,
         w({
@@ -822,7 +828,7 @@ const dl = {
         }, $())
       ),
       c && e.cloneElement(c, {
-        className: f(
+        className: g(
           _e[`${oe}__icon`],
           _e[`${oe}__icon--${n}`]
         ),
@@ -831,7 +837,7 @@ const dl = {
       /* @__PURE__ */ e.createElement("div", { className: _e[`${oe}__content`] }, i)
     );
   }
-), Fr = "lc-Tooltip-module__tooltip___QOOAr", Rr = "lc-Tooltip-module__tooltip__wrapper___dmjmW", Mr = "lc-Tooltip-module__tooltip__interactive___0JawB", Lr = "lc-Tooltip-module__tooltip__arrow___Ov1YW", x = {
+), Fr = "lc-Tooltip-module__tooltip___QOOAr", Rr = "lc-Tooltip-module__tooltip__wrapper___dmjmW", Mr = "lc-Tooltip-module__tooltip__interactive___0JawB", Lr = "lc-Tooltip-module__tooltip__arrow___Ov1YW", S = {
   tooltip: Fr,
   tooltip__wrapper: Rr,
   tooltip__interactive: Mr,
@@ -876,7 +882,7 @@ const dl = {
   transitionDelay: i,
   handleMouseEnter: m,
   handleMouseLeave: u,
-  handleCloseAction: g,
+  handleCloseAction: f,
   arrowRef: v,
   childrenElements: b,
   fullSpaceContent: p
@@ -889,19 +895,19 @@ const dl = {
     strategy: $,
     update: k,
     refs: C,
-    placement: S,
+    placement: x,
     middlewareData: { arrow: { x: V, y: ee } = {} }
   } = a;
   e.useEffect(() => {
     if (!(!C.reference.current || !C.floating.current))
       return Ma(C.reference.current, C.floating.current, k);
-  }, [C.reference, C.floating, k, S, t]), e.useEffect(() => {
+  }, [C.reference, C.floating, k, x, t]), e.useEffect(() => {
     r && E(r);
   }, [E, r]);
-  const Se = _ && ee ? ee + _ : ee, Ge = o && V ? V + o : V, Be = f(x[l], c, {
-    [x[`${l}--invert`]]: n === "invert",
-    [x[`${l}--important`]]: n === "important",
-    [x[`${l}--full-space`]]: p
+  const Se = _ && ee ? ee + _ : ee, Ge = o && V ? V + o : V, Be = g(S[l], c, {
+    [S[`${l}--invert`]]: n === "invert",
+    [S[`${l}--important`]]: n === "important",
+    [S[`${l}--full-space`]]: p
   }), Pe = /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -916,15 +922,15 @@ const dl = {
       onMouseLeave: u
     },
     e.Children.map(b, (Ee) => e.isValidElement(Ee) ? e.cloneElement(Ee, w({
-      handleCloseAction: g,
+      handleCloseAction: f,
       theme: n
     }, Ee.props)) : null),
     /* @__PURE__ */ e.createElement(
       "div",
       {
         ref: v,
-        className: f([x[`${l}__arrow`]]),
-        "data-arrow-placement": S,
+        className: g([S[`${l}__arrow`]]),
+        "data-arrow-placement": x,
         style: { top: Se, left: Ge }
       }
     )
@@ -993,13 +999,13 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     transitionDelay: i = 0,
     hoverOutDelayTimeout: m = 100,
     offsetMainAxis: u = 8,
-    triggerOnClick: g = !1,
+    triggerOnClick: f = !1,
     arrowOffsetY: v,
     arrowOffsetX: b,
     fullSpaceContent: p,
     onOpen: y,
     onClose: h
-  } = t, E = e.useRef(!0), N = n !== void 0, $ = e.useRef(null), [k, C] = e.useState(n), S = e.useRef(!1), V = Pa({
+  } = t, E = e.useRef(!0), N = n !== void 0, $ = e.useRef(null), [k, C] = e.useState(n), x = e.useRef(!1), V = Pa({
     middleware: [
       Fa({ mainAxis: u }),
       dr({ element: $ }),
@@ -1019,10 +1025,10 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     document.removeEventListener("keydown", Be);
   }), []);
   const Se = () => {
-    g || N || (S.current = !0, ee(!0));
+    f || N || (x.current = !0, ee(!0));
   }, Ge = () => {
-    g || N || (S.current = !1, zr(m).then(() => {
-      S.current || ee(!1);
+    f || N || (x.current = !1, zr(m).then(() => {
+      x.current || ee(!1);
     }));
   }, Be = (ge) => {
     (ge instanceof KeyboardEvent && ge.key === "Escape" || ge.type === "click") && ee(!1);
@@ -1054,7 +1060,7 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     ee(!k);
   }, Ee = () => {
     if (!N)
-      return g ? {
+      return f ? {
         onClick: Ze
       } : {
         onMouseEnter: Se,
@@ -1064,7 +1070,7 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: x[`${pa}__wrapper`],
+      className: S[`${pa}__wrapper`],
       ref: V.reference
     }, Ee()),
     a()
@@ -1074,7 +1080,7 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
   {
     size: "compact",
     kind: "plain",
-    className: x[`${rt}-close`],
+    className: S[`${rt}-close`],
     onClick: _,
     icon: /* @__PURE__ */ e.createElement(
       D,
@@ -1087,18 +1093,18 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
 ), t && /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: f(
-      x[`${rt}-header`],
-      x[`${rt}-header--info`]
+    className: g(
+      S[`${rt}-header`],
+      S[`${rt}-header--info`]
     )
   },
   t
 ), /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: f(
-      x[`${rt}-text`],
-      x[`${rt}-text--info`]
+    className: g(
+      S[`${rt}-text`],
+      S[`${rt}-text--info`]
     )
   },
   a
@@ -1113,10 +1119,10 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
   secondaryButton: n
 }) => {
   const s = (d) => d === "invert" ? "secondary" : "high-contrast";
-  return /* @__PURE__ */ e.createElement("div", { className: x[`${fe}__interactive`] }, o && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: S[`${fe}__interactive`] }, o && /* @__PURE__ */ e.createElement(
     M,
     {
-      className: x[`${fe}-close`],
+      className: S[`${fe}-close`],
       size: "compact",
       kind: "plain",
       onClick: l,
@@ -1128,19 +1134,19 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
         }
       )
     }
-  ), r && /* @__PURE__ */ e.createElement("div", { className: x[`${fe}-image-container`] }, /* @__PURE__ */ e.createElement(
+  ), r && /* @__PURE__ */ e.createElement("div", { className: S[`${fe}-image-container`] }, /* @__PURE__ */ e.createElement(
     "img",
     {
-      className: x[`${fe}-image`],
+      className: S[`${fe}-image`],
       src: r.src,
       alt: r.alt
     }
-  )), t && /* @__PURE__ */ e.createElement("div", { className: x[`${fe}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: x[`${fe}-text`] }, a), /* @__PURE__ */ e.createElement(
+  )), t && /* @__PURE__ */ e.createElement("div", { className: S[`${fe}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: S[`${fe}-text`] }, a), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f(
-        x[`${fe}-footer`],
-        x[`${fe}-footer--interactive`]
+      className: g(
+        S[`${fe}-footer`],
+        S[`${fe}-footer--interactive`]
       )
     },
     /* @__PURE__ */ e.createElement(
@@ -1154,8 +1160,8 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     /* @__PURE__ */ e.createElement(
       M,
       {
-        className: f(x[`${fe}-footer-secondary`], {
-          [x[`${fe}-footer-secondary-invert`]]: _ === "invert"
+        className: g(S[`${fe}-footer-secondary`], {
+          [S[`${fe}-footer-secondary-invert`]]: _ === "invert"
         }),
         kind: n.kind || "text",
         onClick: n.handleClick
@@ -1201,50 +1207,50 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f({
-        [x[`${q}__overlay`]]: !0,
-        [x[`${q}__overlay--visible`]]: a,
-        [x[`${q}__overlay--slide`]]: r
+      className: g({
+        [S[`${q}__overlay`]]: !0,
+        [S[`${q}__overlay--visible`]]: a,
+        [S[`${q}__overlay--slide`]]: r
       }),
       style: _
     }
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f({
-        [x[`${q}__overlay`]]: !0,
-        [x[`${q}__overlay--visible`]]: a,
-        [x[`${q}__overlay--slide`]]: r
+      className: g({
+        [S[`${q}__overlay`]]: !0,
+        [S[`${q}__overlay--visible`]]: a,
+        [S[`${q}__overlay--slide`]]: r
       }),
       style: c
     }
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f({
-        [x[`${q}__overlay`]]: !0,
-        [x[`${q}__overlay--visible`]]: a,
-        [x[`${q}__overlay--slide`]]: r
+      className: g({
+        [S[`${q}__overlay`]]: !0,
+        [S[`${q}__overlay--visible`]]: a,
+        [S[`${q}__overlay--slide`]]: r
       }),
       style: l
     }
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f({
-        [x[`${q}__overlay`]]: !0,
-        [x[`${q}__overlay--visible`]]: a,
-        [x[`${q}__overlay--slide`]]: r
+      className: g({
+        [S[`${q}__overlay`]]: !0,
+        [S[`${q}__overlay--visible`]]: a,
+        [S[`${q}__overlay--slide`]]: r
       }),
       style: n
     }
   ), o && /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f({
-        [x[`${q}__overlay`]]: !0,
-        [x[`${q}__overlay--visible`]]: a,
-        [x[`${q}__overlay--slide`]]: r
+      className: g({
+        [S[`${q}__overlay`]]: !0,
+        [S[`${q}__overlay--visible`]]: a,
+        [S[`${q}__overlay--slide`]]: r
       }),
       style: s
     }
@@ -1328,9 +1334,9 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
         contextElement: l
       },
       arrowOffsetY: 25,
-      className: f({
-        [x[fa]]: !0,
-        [x[`${fa}--slide`]]: d,
+      className: g({
+        [S[fa]]: !0,
+        [S[`${fa}--slide`]]: d,
         className: a
       })
     }),
@@ -1340,15 +1346,15 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
   title: t,
   description: a,
   children: r
-}) => /* @__PURE__ */ e.createElement("div", { className: x[_t] }, /* @__PURE__ */ e.createElement("div", { className: x[`${_t}__heading`] }, /* @__PURE__ */ e.createElement(P, { as: "div", className: x[`${_t}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
+}) => /* @__PURE__ */ e.createElement("div", { className: S[_t] }, /* @__PURE__ */ e.createElement("div", { className: S[`${_t}__heading`] }, /* @__PURE__ */ e.createElement(P, { as: "div", className: S[`${_t}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
   P,
   {
     as: "div",
     size: "xs",
-    className: x[`${_t}__heading__description`]
+    className: S[`${_t}__heading__description`]
   },
   a
-)), /* @__PURE__ */ e.createElement("div", { className: x[`${_t}__content`] }, /* @__PURE__ */ e.createElement(P, { as: "div" }, r))), Ae = {
+)), /* @__PURE__ */ e.createElement("div", { className: S[`${_t}__content`] }, /* @__PURE__ */ e.createElement(P, { as: "div" }, r))), Ae = {
   "action-bar": "lc-ActionBar-module__action-bar___TJitF",
   "action-bar__items": "lc-ActionBar-module__action-bar__items___uhoQA",
   "action-bar__items--scroll": "lc-ActionBar-module__action-bar__items--scroll___f--dN",
@@ -1361,7 +1367,7 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
   menuItemsKeys: a,
   activeOptionKey: r
 }) => {
-  const o = f(Ae[`${Ht}__button`], {
+  const o = g(Ae[`${Ht}__button`], {
     [Ae[`${Ht}__button--hidden`]]: a.includes(
       t.key
     ),
@@ -1412,11 +1418,11 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
   options: o,
   activeOptionKey: _
 }) => {
-  const [l, c] = e.useState([]), n = r === "scroll", s = f(Ae[ot], t), d = {
+  const [l, c] = e.useState([]), n = r === "scroll", s = g(Ae[ot], t), d = {
     root: document.querySelector(`${a}`),
     threshold: 1
-  }, i = !n && l.length !== 0, m = (g) => {
-    g.map((v) => {
+  }, i = !n && l.length !== 0, m = (f) => {
+    f.map((v) => {
       const b = l.includes(v.target.id);
       if (!v.isIntersecting) {
         v.target.setAttribute("tabindex", "-1"), b || c((p) => [
@@ -1429,8 +1435,8 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
     });
   };
   e.useEffect(() => {
-    const g = !!window.IntersectionObserver;
-    if (!n && g) {
+    const f = !!window.IntersectionObserver;
+    if (!n && f) {
       const v = document.querySelectorAll(
         `.${Ae[`${ot}__items__button`]}`
       ), b = new IntersectionObserver(
@@ -1440,8 +1446,8 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
       return v.forEach((p) => b.observe(p)), () => b.disconnect();
     }
   }, [l, n]);
-  const u = (g) => o.filter(
-    (b) => g.find((p) => p === b.key)
+  const u = (f) => o.filter(
+    (b) => f.find((p) => p === b.key)
   ).map((b) => ({
     key: b.key,
     element: /* @__PURE__ */ e.createElement(wr, { leftNode: b.element }, b.label),
@@ -1450,14 +1456,14 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
   return /* @__PURE__ */ e.createElement("div", { id: a, className: s }, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f(Ae[`${ot}__items`], {
+      className: g(Ae[`${ot}__items`], {
         [Ae[`${ot}__items--scroll`]]: n
       })
     },
-    o.map((g) => /* @__PURE__ */ e.createElement(
+    o.map((f) => /* @__PURE__ */ e.createElement(
       Ur,
       {
-        option: g,
+        option: f,
         menuItemsKeys: l,
         activeOptionKey: _
       }
@@ -1469,13 +1475,13 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
       triggerRenderer: /* @__PURE__ */ e.createElement(D, { source: ft, kind: "primary" })
     }
   )));
-}, Wr = "lc-Alert-module__alert___HBTns", Vr = "lc-Alert-module__alert__icon___8TaAH", Yr = "lc-Alert-module__alert__content___9nZdf", qr = "lc-Alert-module__alert__content__text___7nx1p", Jr = "lc-Alert-module__alert__content__cta___gTWPt", jr = "lc-Alert-module__alert__content__cta__link___D976B", be = {
+}, Wr = "lc-Alert-module__alert___HBTns", Vr = "lc-Alert-module__alert__icon___8TaAH", Yr = "lc-Alert-module__alert__content___9nZdf", qr = "lc-Alert-module__alert__content__text___7nx1p", Jr = "lc-Alert-module__alert__content__cta___gTWPt", Kr = "lc-Alert-module__alert__content__cta__link___D976B", be = {
   alert: Wr,
   alert__icon: Vr,
   alert__content: Yr,
   alert__content__text: qr,
   alert__content__cta: Jr,
-  alert__content__cta__link: jr,
+  alert__content__cta__link: Kr,
   "alert__close-icon": "lc-Alert-module__alert__close-icon___rYxVy",
   "alert--small": "lc-Alert-module__alert--small___Fyk-v",
   "alert--medium": "lc-Alert-module__alert--medium___ItZWT",
@@ -1483,7 +1489,7 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
   "alert--warning": "lc-Alert-module__alert--warning___MubhD",
   "alert--success": "lc-Alert-module__alert--success___fPtlZ",
   "alert--error": "lc-Alert-module__alert--error___DKPo0"
-}, Kr = {
+}, jr = {
   info: {
     source: ea,
     kind: "link"
@@ -1516,7 +1522,7 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
     "kind",
     "onClose"
   ]);
-  const d = e.useRef(null), [i, m] = e.useState(null), u = f(
+  const d = e.useRef(null), [i, m] = e.useState(null), u = g(
     be[ve],
     be[`${ve}--${_}`],
     i === "medium" && be[`${ve}--medium`],
@@ -1524,13 +1530,13 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
     a
   );
   return e.useEffect(() => {
-    const g = () => d.current && d.current.offsetWidth <= 400 ? m("small") : d.current && d.current.offsetWidth > 400 && d.current.offsetWidth <= 800 ? m("medium") : m(null), v = za(() => {
-      g();
+    const f = () => d.current && d.current.offsetWidth <= 400 ? m("small") : d.current && d.current.offsetWidth > 400 && d.current.offsetWidth <= 800 ? m("medium") : m(null), v = za(() => {
+      f();
     }, 500);
-    return window.addEventListener("resize", v), g(), () => window.removeEventListener("resize", v);
+    return window.addEventListener("resize", v), f(), () => window.removeEventListener("resize", v);
   }), /* @__PURE__ */ e.createElement("div", w({ ref: d, className: u }, c), /* @__PURE__ */ e.createElement(
     D,
-    A(w({}, Kr[_]), {
+    A(w({}, jr[_]), {
       size: "large",
       className: be[`${ve}__icon`]
     })
@@ -1643,50 +1649,50 @@ const e_ = "lc-Avatar-module__avatar___1zTCE", t_ = "lc-Avatar-module__avatar__s
   type: s,
   withRim: d = !1
 }) => {
-  const i = s === "image" && !l, [m, u] = e.useState(i), g = s === "image" && !!l && !m, v = s === "text", b = ["xxxsmall", "xxsmall", "xsmall"].includes(_) ? 1 : 2, p = Qr(n, b), y = r || Zr(p), h = y && Xr(y), E = f(w({
+  const i = s === "image" && !l, [m, u] = e.useState(i), f = s === "image" && !!l && !m, v = s === "text", b = ["xxxsmall", "xxsmall", "xsmall"].includes(_) ? 1 : 2, p = Qr(n, b), y = r || Zr(n), h = y ? Xr(y) : void 0, E = v ? { backgroundColor: y } : {}, N = g(w({
     [ae[Y]]: !0,
     [ae[`${Y}--${o}`]]: !0,
     [ae[`${Y}--${_}`]]: !0,
     [ae[`${Y}--with-rim`]]: d
-  }, a ? { [`${a}`]: a } : {})), N = f(
+  }, a ? { [`${a}`]: a } : {})), $ = g(
     ae[`${Y}__status`],
     ae[`${Y}__status--${o}`],
     ae[`${Y}__status--${_}`],
     ...c ? [ae[`${Y}__status--${c}`]] : []
-  ), $ = f(
+  ), k = g(
     ae[`${Y}__icon`],
     ae[`${Y}__icon--${_}`]
-  ), k = f(
+  ), C = g(
     ae[`${Y}__rim`],
     ae[`${Y}__rim--${_}`]
-  ), C = e.useCallback(() => u(!0), []);
+  ), x = e.useCallback(() => u(!0), []);
   return e.useEffect(() => {
     u(i);
-  }, [i]), /* @__PURE__ */ e.createElement("div", { className: E, style: { backgroundColor: y } }, d && /* @__PURE__ */ e.createElement(
+  }, [i]), /* @__PURE__ */ e.createElement("div", { className: N, style: E }, d && /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": `${Y}__rim`,
-      className: k
+      className: C
     }
   ), c && /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": `${Y}__status`,
-      className: N
+      className: $
     }
-  ), g && /* @__PURE__ */ e.createElement(
+  ), f && /* @__PURE__ */ e.createElement(
     "img",
     {
       className: ae[`${Y}__image`],
       src: l,
       alt: t,
-      onError: C
+      onError: x
     }
   ), v && /* @__PURE__ */ e.createElement("span", { style: { color: h } }, p), m && /* @__PURE__ */ e.createElement(
     D,
     {
       "data-testid": `${Y}__icon`,
-      className: $,
+      className: k,
       source: _r
     }
   ));
@@ -1719,7 +1725,7 @@ const o_ = "lc-Badge-module__badge___GhLnu", l_ = "lc-Badge-module__badge__dot__
     "size",
     "type"
   ]);
-  const d = f(
+  const d = g(
     t,
     Et[$t],
     Et[`${$t}--${o}`],
@@ -1749,27 +1755,27 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   fullWidth: l = !1,
   onButtonClick: c = Zt
 }) => {
-  const n = f(wt[s_], r), [s, d] = e.useState(() => o), i = typeof _ == "string";
+  const n = g(wt[s_], r), [s, d] = e.useState(() => o), i = typeof _ == "string";
   e.useEffect(() => {
     i && d(_);
   }, [_]);
-  const m = (g, v) => {
-    i || d(g), c(g, v);
-  }, u = a.map(({ id: g, label: v, loading: b, disabled: p, icon: y }) => {
-    const h = g === s, E = h ? wt["btn--active"] : "", N = h ? !1 : b;
+  const m = (f, v) => {
+    i || d(f), c(f, v);
+  }, u = a.map(({ id: f, label: v, loading: b, disabled: p, icon: y }) => {
+    const h = f === s, E = h ? wt["btn--active"] : "", N = h ? !1 : b;
     return /* @__PURE__ */ e.createElement(
       M,
       {
-        key: g,
+        key: f,
         fullWidth: l,
         loading: N,
         disabled: p,
         "aria-pressed": h,
         kind: "secondary",
         icon: y,
-        className: f(wt.btn, wt[`btn--${t}`], E),
+        className: g(wt.btn, wt[`btn--${t}`], E),
         onClick: ($) => {
-          m(g, $);
+          m(f, $);
         }
       },
       v
@@ -1810,15 +1816,15 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     "src",
     "title"
   ]);
-  const [m, u] = e.useState(!1), g = m ? Ft : ft, v = m ? "Hide" : "Show more", b = (a == null ? void 0 : a.length) > 0, p = !!l, y = b || p, h = n, E = c, N = E ? "" : re[k_];
-  return /* @__PURE__ */ e.createElement("div", w({ className: f(re[gt], o) }, s), h && /* @__PURE__ */ e.createElement("div", { className: f(re[Pt], N) }, E && /* @__PURE__ */ e.createElement(
+  const [m, u] = e.useState(!1), f = m ? Ft : ft, v = m ? "Hide" : "Show more", b = (a == null ? void 0 : a.length) > 0, p = !!l, y = b || p, h = n, E = c, N = E ? "" : re[k_];
+  return /* @__PURE__ */ e.createElement("div", w({ className: g(re[gt], o) }, s), h && /* @__PURE__ */ e.createElement("div", { className: g(re[Pt], N) }, E && /* @__PURE__ */ e.createElement(
     "img",
     {
       alt: t,
       className: re[`${Pt}__image`],
       src: c
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: re[Gt] }, /* @__PURE__ */ e.createElement(Ke, { size: "sm", className: re[`${Gt}__title`] }, n), /* @__PURE__ */ e.createElement(P, { size: "sm", className: re[`${Gt}__description`] }, _))), /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: re[`${gt}__content`] }, r), m && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: re[Gt] }, /* @__PURE__ */ e.createElement(je, { size: "sm", className: re[`${Gt}__title`] }, n), /* @__PURE__ */ e.createElement(P, { size: "sm", className: re[`${Gt}__description`] }, _))), /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: re[`${gt}__content`] }, r), m && /* @__PURE__ */ e.createElement(
     P,
     {
       as: "div",
@@ -1834,7 +1840,7 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
       className: re[`${Ct}__buttons-expander`],
       kind: "link",
       iconPosition: "right",
-      icon: /* @__PURE__ */ e.createElement(D, { source: g }),
+      icon: /* @__PURE__ */ e.createElement(D, { source: f }),
       onClick: () => u(!m)
     },
     v
@@ -1849,7 +1855,7 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     "children",
     "className"
   ]);
-  const l = f(y_[E_], a);
+  const l = g(y_[E_], a);
   return /* @__PURE__ */ e.createElement(P, A(w({ as: "span", size: "sm" }, r), { className: l }), t);
 }, $_ = "lc-Checkbox-module__checkbox___G7nTf", w_ = "lc-Checkbox-module__checkbox__label___-o01x", C_ = "lc-Checkbox-module__checkbox__text___P2SIq", N_ = "lc-Checkbox-module__checkbox__input___YLbVF", x_ = "lc-Checkbox-module__checkbox__checkmark___16pfY", S_ = "lc-Checkbox-module__checkbox__square___MHUyd", T_ = "lc-Checkbox-module__checkbox__helper___YSJ-n", Le = {
   checkbox: $_,
@@ -1867,7 +1873,7 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     return /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: f(Le[Oe], _, {
+        className: g(Le[Oe], _, {
           [Le[`${Oe}--selected`]]: t,
           [Le[`${Oe}--disabled`]]: a
         })
@@ -1935,14 +1941,14 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     toMonth: m
   } = t, u = () => {
     typeof a == "function" && a();
-  }, g = () => {
+  }, f = () => {
     typeof o == "function" && o();
   }, v = () => {
     if (!i) {
-      const h = je(d, 12);
+      const h = Ke(d, 12);
       return r(h);
     }
-    const p = Math.abs(na(d, i)), y = je(
+    const p = Math.abs(na(d, i)), y = Ke(
       d,
       !Number.isNaN(p) && p > 12 ? 12 : p
     );
@@ -1956,7 +1962,7 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
       d,
       !Number.isNaN(p) && p > 12 ? 12 : p
     );
-    return s === 2 && Jt(y, m) ? r(je(y, 1)) : r(y);
+    return s === 2 && Jt(y, m) ? r(Ke(y, 1)) : r(y);
   };
   return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement("div", { className: T[`${ha}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
@@ -1988,7 +1994,7 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
         [n.navButtonNext]: !0,
         [n.navButtonInteractionDisabled]: !_
       }),
-      onClick: g
+      onClick: f
     },
     /* @__PURE__ */ e.createElement(D, { source: gr, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
@@ -2005,8 +2011,8 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   )));
 }, I = "date-picker", Va = (t, a) => {
   const { from: r, to: o } = a;
-  return !(o && !jt(t, o) && Kt(t, o) || r && !jt(t, r) && !Kt(t, r));
-}, Ya = (t, a, r) => a ? t && !Jt(t, a) || r && Jt(a, r) ? je(a, 1) : a : je(r || /* @__PURE__ */ new Date(), 1), I_ = (t, a) => {
+  return !(o && !Kt(t, o) && jt(t, o) || r && !Kt(t, r) && !jt(t, r));
+}, Ya = (t, a, r) => a ? t && !Jt(t, a) || r && Jt(a, r) ? Ke(a, 1) : a : Ke(r || /* @__PURE__ */ new Date(), 1), I_ = (t, a) => {
   const r = {
     [T[`${I}__day--monday`]]: { daysOfWeek: [1] },
     [T[`${I}__day--sunday`]]: { daysOfWeek: [0] },
@@ -2094,11 +2100,11 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     "navbarElement",
     "renderDay",
     "innerRef"
-  ]), [u, g] = e.useState(_ || /* @__PURE__ */ new Date());
+  ]), [u, f] = e.useState(_ || /* @__PURE__ */ new Date());
   e.useEffect(() => {
-    _ && _ !== u && g(_);
+    _ && _ !== u && f(_);
   }, [_, u]), e.useEffect(() => {
-    o && (Va(u, { from: l, to: o }) || g(o));
+    o && (Va(u, { from: l, to: o }) || f(o));
   }, [u, t.toMonth, t.fromMonth]);
   const v = e.useCallback(
     (h) => {
@@ -2106,7 +2112,7 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
         t.onMonthChange(h);
         return;
       }
-      g(h);
+      f(h);
     },
     [_, t.onMonthChange]
   );
@@ -2287,7 +2293,7 @@ const M_ = (t) => {
       Va(b, { to: _ }) && (ka(p, y) ? d({
         type: O.SELECT_FIRST_DAY,
         payload: { date: b }
-      }) : p && jt(b, p) || p && Kt(b, p) ? d({
+      }) : p && Kt(b, p) || p && jt(b, p) ? d({
         type: O.SELECT_SECOND_DAY_AS_TO,
         payload: { date: b }
       }) : d({
@@ -2311,7 +2317,7 @@ const M_ = (t) => {
       });
     },
     [t]
-  ), g = kt((b) => {
+  ), f = kt((b) => {
     d({
       type: O.CURRENT_MONTH_CHANGE,
       payload: { date: b }
@@ -2338,11 +2344,11 @@ const M_ = (t) => {
         onDayClick: m,
         selectedDays: k,
         modifiers: N,
-        initialMonth: _ && je(_, 1),
+        initialMonth: _ && Ke(_, 1),
         toMonth: _,
         disabledDays: C,
         onDayMouseEnter: i,
-        onMonthChange: g
+        onMonthChange: f
       },
       selectedOption: $
     };
@@ -2372,7 +2378,7 @@ const Ea = {
     "children",
     "className"
   ]);
-  const l = f(Ea[$a], a);
+  const l = g(Ea[$a], a);
   return /* @__PURE__ */ e.createElement(P, A(w({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
     D,
     {
@@ -2401,7 +2407,7 @@ const Ea = {
     "inline",
     "stretch"
   ]);
-  const d = f(Ut[Wt], t, {
+  const d = g(Ut[Wt], t, {
     [Ut[`${Wt}--inline`]]: _,
     [Ut[`${Wt}--stretched`]]: l
   });
@@ -2426,7 +2432,7 @@ const Ea = {
     "helperText",
     "formFooter"
   ]);
-  return /* @__PURE__ */ e.createElement("form", w({ className: f(lt[ct], t) }, l), (r || o) && /* @__PURE__ */ e.createElement("div", { className: lt[`${ct}__header`] }, r && /* @__PURE__ */ e.createElement(Ke, { size: "sm", className: lt[`${ct}__label`] }, r), o && /* @__PURE__ */ e.createElement(P, { as: "p", size: "sm", className: lt[`${ct}__helper`] }, o)), a, _ && /* @__PURE__ */ e.createElement("div", { className: lt[`${ct}__footer`] }, _));
+  return /* @__PURE__ */ e.createElement("form", w({ className: g(lt[ct], t) }, l), (r || o) && /* @__PURE__ */ e.createElement("div", { className: lt[`${ct}__header`] }, r && /* @__PURE__ */ e.createElement(je, { size: "sm", className: lt[`${ct}__label`] }, r), o && /* @__PURE__ */ e.createElement(P, { as: "p", size: "sm", className: lt[`${ct}__helper`] }, o)), a, _ && /* @__PURE__ */ e.createElement("div", { className: lt[`${ct}__footer`] }, _));
 }, z = {
   "form-field": "lc-FormField-module__form-field___JqnX6",
   "form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
@@ -2455,7 +2461,7 @@ const Ea = {
   children: n,
   labelRightNode: s
 }) => {
-  const d = e.useRef(null), [i, m] = e.useState("auto"), u = f(
+  const d = e.useRef(null), [i, m] = e.useState("auto"), u = g(
     z[H],
     {
       [z[`${H}--inline`]]: t
@@ -2463,12 +2469,12 @@ const Ea = {
     l
   );
   return e.useEffect(() => {
-    const g = d;
-    return t && g.current ? m(`${g.current.clientHeight}px`) : m("auto");
+    const f = d;
+    return t && f.current ? m(`${f.current.clientHeight}px`) : m("auto");
   }), /* @__PURE__ */ e.createElement("div", { className: u }, s && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f(
+      className: g(
         z[`${H}__label-right-node`],
         z[`${H}__label-right-node--inline`]
       )
@@ -2477,7 +2483,7 @@ const Ea = {
   ), /* @__PURE__ */ e.createElement("div", { className: z[`${H}__row-break`] })), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f(
+      className: g(
         z[`${H}__wrapper`],
         t && z[`${H}__wrapper--inline`]
       )
@@ -2485,7 +2491,7 @@ const Ea = {
     (o || s) && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: f(
+        className: g(
           z[`${H}__label`],
           t && z[`${H}__label--inline`],
           !o && z[`${H}__label--no-text`]
@@ -2494,7 +2500,7 @@ const Ea = {
       o && /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: f(
+          className: g(
             z[`${H}__label-wrapper`],
             t && z[`${H}__label-wrapper--inline`]
           ),
@@ -2513,7 +2519,7 @@ const Ea = {
         _ && /* @__PURE__ */ e.createElement(
           "div",
           {
-            className: f(
+            className: g(
               z[`${H}__label-adornment`],
               t && z[`${H}__label-adornment--inline`]
             )
@@ -2521,12 +2527,12 @@ const Ea = {
           _
         )
       ),
-      s && !t && /* @__PURE__ */ e.createElement("div", { className: f(z[`${H}__label-right-node`]) }, s)
+      s && !t && /* @__PURE__ */ e.createElement("div", { className: g(z[`${H}__label-right-node`]) }, s)
     ),
-    /* @__PURE__ */ e.createElement("div", { className: f(z[`${H}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: d }, n), a && /* @__PURE__ */ e.createElement(oa, null, a), !a && r && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: g(z[`${H}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: d }, n), a && /* @__PURE__ */ e.createElement(oa, null, a), !a && r && /* @__PURE__ */ e.createElement(
       Rt,
       {
-        className: f(z[`${H}__content__description`])
+        className: g(z[`${H}__content__description`])
       },
       r
     ))
@@ -2548,7 +2554,7 @@ const Ea = {
     "labelText",
     "helperText"
   ]);
-  const n = f(Nt[xt], t);
+  const n = g(Nt[xt], t);
   return /* @__PURE__ */ e.createElement(
     "div",
     A(w(A(w({}, _), {
@@ -2556,7 +2562,7 @@ const Ea = {
     }), r && { "aria-label": r }), {
       className: n
     }),
-    /* @__PURE__ */ e.createElement("div", { className: Nt[`${xt}__header`] }, /* @__PURE__ */ e.createElement(Ke, { as: "div", size: "sm", className: Nt[`${xt}__label`] }, r), o && /* @__PURE__ */ e.createElement(P, { as: "div", size: "sm", className: Nt[`${xt}__helper`] }, o)),
+    /* @__PURE__ */ e.createElement("div", { className: Nt[`${xt}__header`] }, /* @__PURE__ */ e.createElement(je, { as: "div", size: "sm", className: Nt[`${xt}__label`] }, r), o && /* @__PURE__ */ e.createElement(P, { as: "div", size: "sm", className: Nt[`${xt}__helper`] }, o)),
     a
   );
 }, W_ = "lc-Input-module__input___qeMAQ", ke = {
@@ -2575,7 +2581,7 @@ const Ea = {
   "input__visibility-button": "lc-Input-module__input__visibility-button___eWrVe"
 }, ye = "input", wa = (t, a) => e.cloneElement(t.source, {
   "data-testid": `input-icon-${t.place}`,
-  className: f(
+  className: g(
     ke[`${ye}__icon`],
     ke[`${ye}__icon--${t.place}`],
     {
@@ -2599,7 +2605,7 @@ const Ea = {
       "className",
       "cropOnBlur"
     ]);
-    const [i, m] = e.useState(!1), [u, g] = e.useState(!1), { type: v, onFocus: b, onBlur: p } = c, y = f(
+    const [i, m] = e.useState(!1), [u, f] = e.useState(!1), { type: v, onFocus: b, onBlur: p } = c, y = g(
       _,
       ke[ye],
       ke[`${ye}--${t}`],
@@ -2630,7 +2636,7 @@ const Ea = {
         kind: "text",
         size: "compact",
         icon: /* @__PURE__ */ e.createElement(D, { customColor: h, source: E }),
-        onClick: () => g((k) => !k),
+        onClick: () => f((k) => !k),
         className: ke[`${ye}__visibility-button`]
       }
     ));
@@ -2649,14 +2655,14 @@ const Ea = {
   return /* @__PURE__ */ e.createElement(
     "a",
     w({
-      className: f(
+      className: g(
         Ca[Na],
         t && Ca[`${Na}--bold`],
         a
       )
     }, r)
   );
-}, Y_ = "lc-Modal-module__modal__body___M-jmN", q_ = "lc-Modal-module__modal__header___Fp5VE", J_ = "lc-Modal-module__modal__heading___G9KVK", j_ = "lc-Modal-module__modal__footer___2LYdc", X = {
+}, Y_ = "lc-Modal-module__modal__body___M-jmN", q_ = "lc-Modal-module__modal__header___Fp5VE", J_ = "lc-Modal-module__modal__heading___G9KVK", K_ = "lc-Modal-module__modal__footer___2LYdc", X = {
   "modal-base": "lc-Modal-module__modal-base___hbL1U",
   "modal-base--full-space": "lc-Modal-module__modal-base--full-space___KcGFL",
   "modal-base__overlay": "lc-Modal-module__modal-base__overlay___kCQ8t",
@@ -2668,8 +2674,8 @@ const Ea = {
   "modal__label-header": "lc-Modal-module__modal__label-header___ZPtEy",
   modal__heading: J_,
   "modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
-  modal__footer: j_
-}, St = "modal-base", K_ = (n) => {
+  modal__footer: K_
+}, St = "modal-base", j_ = (n) => {
   var s = n, {
     children: t,
     className: a = "",
@@ -2685,7 +2691,7 @@ const Ea = {
     "closeOnOverlayPress",
     "fullSpaceContent"
   ]);
-  const d = f(
+  const d = g(
     X[St],
     a,
     l && X[`${St}--full-space`]
@@ -2706,7 +2712,7 @@ const Ea = {
     {
       "data-testid": "lc-modal-overlay",
       onMouseDown: i,
-      className: f(
+      className: g(
         X[`${St}__overlay`],
         X[`${St}__overlay--visible`]
       )
@@ -2730,7 +2736,7 @@ const Ea = {
   {
     kind: "plain",
     title: "Close modal",
-    className: f(
+    className: g(
       X["modal-base__close"],
       t && X["modal-base__close--label-type"]
     ),
@@ -2757,18 +2763,18 @@ const Ea = {
     "onClose",
     "contentClassName"
   ]);
-  const m = f(X[Te], a), u = typeof t == "string", g = (v) => {
+  const m = g(X[Te], a), u = typeof t == "string", f = (v) => {
     v.preventDefault(), v.stopPropagation(), c();
   };
   return /* @__PURE__ */ e.createElement(
-    K_,
+    j_,
     w({
       className: m,
       fullSpaceContent: _,
       onClose: c
     }, s),
     o && /* @__PURE__ */ e.createElement("div", { className: X[`${Te}__label-header`] }, /* @__PURE__ */ e.createElement(
-      Ke,
+      je,
       {
         size: "md",
         as: "div",
@@ -2780,23 +2786,23 @@ const Ea = {
       {
         labelType: !!o,
         customColor: "var(--color-white)",
-        onClick: g
+        onClick: f
       }
     )),
     !o && r && /* @__PURE__ */ e.createElement("div", { className: X[`${Te}__header`] }, /* @__PURE__ */ e.createElement(
-      Ke,
+      je,
       {
         size: "md",
         as: "div",
         className: X[`${Te}__heading`]
       },
       r
-    ), /* @__PURE__ */ e.createElement(xa, { onClick: g })),
+    ), /* @__PURE__ */ e.createElement(xa, { onClick: f })),
     /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "modal-body",
-        className: f(
+        className: g(
           X[`${Te}__body`],
           _ && X[`${Te}__body--full-space`],
           n
@@ -2834,7 +2840,7 @@ const Ea = {
 }) => {
   const _ = ur(nt[st], o);
   return /* @__PURE__ */ e.createElement("div", { className: _ }, a && /* @__PURE__ */ e.createElement(D, w({ className: nt[`${st}__heading-icon`] }, a)), /* @__PURE__ */ e.createElement("div", { className: nt[`${st}__heading-body`] }, /* @__PURE__ */ e.createElement(
-    Ke,
+    je,
     {
       as: "div",
       size: "md",
@@ -2878,7 +2884,7 @@ const Ea = {
     "style",
     "onChange"
   ]);
-  const u = e.useRef(null), g = f(
+  const u = e.useRef(null), f = g(
     Ue[We],
     {
       [Ue[`${We}--error`]]: a,
@@ -2899,8 +2905,8 @@ const Ea = {
     );
     if (C === "" || C === "-")
       return v(C);
-    const S = parseInt(C, 10);
-    return v(b(S));
+    const x = parseInt(C, 10);
+    return v(b(x));
   }, N = () => {
     var k;
     return (k = u.current) == null || k.focus(), p(1);
@@ -2908,7 +2914,7 @@ const Ea = {
     var k;
     return (k = u.current) == null || k.focus(), p(-1);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: g, style: n }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: f, style: n }, /* @__PURE__ */ e.createElement(
     "input",
     A(w({
       type: "text",
@@ -2989,43 +2995,43 @@ const U = {
   "picker-list__item__label-container": "lc-PickerList-module__picker-list__item__label-container___yZXW5",
   "picker-list__item__main-label": "lc-PickerList-module__picker-list__item__main-label___uRgQw",
   "picker-list__item__secondary-label": "lc-PickerList-module__picker-list__item__secondary-label___lpkFW"
-}, le = "picker-list__item", Q_ = ({
+}, ne = "picker-list__item", Q_ = ({
   item: t,
   isItemSelected: a,
   currentItemKey: r,
   isAdjacentStyleApplied: o,
   onSelect: _
 }) => {
-  const l = (n) => n != null && n.customElement ? /* @__PURE__ */ e.createElement("div", { className: U[`${le}__custom`] }, n.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, n.showCheckbox && /* @__PURE__ */ e.createElement(
+  const l = (n) => n != null && n.customElement ? /* @__PURE__ */ e.createElement("div", { className: U[`${ne}__custom`] }, n.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, n.showCheckbox && /* @__PURE__ */ e.createElement(
     "input",
     {
       type: "checkbox",
-      className: U[`${le}__checkbox`],
+      className: U[`${ne}__checkbox`],
       checked: a
     }
   ), n.icon && /* @__PURE__ */ e.createElement(
     D,
     {
-      className: U[`${le}__icon`],
+      className: U[`${ne}__icon`],
       kind: "link",
       source: n.icon
     }
   ), n.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
-      className: f(U[`${le}__avatar`]),
+      className: g(U[`${ne}__avatar`]),
       src: n.avatarSrc,
       alt: n.name
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: U[`${le}__label-container`] }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: U[`${ne}__label-container`] }, /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: f({
-        [U[`${le}__main-label`]]: n.secondaryText
+      className: g({
+        [U[`${ne}__main-label`]]: n.secondaryText
       })
     },
     n.name
-  ), n.secondaryText && /* @__PURE__ */ e.createElement("span", { className: U[`${le}__secondary-label`] }, n.secondaryText))), c = (n) => {
+  ), n.secondaryText && /* @__PURE__ */ e.createElement("span", { className: U[`${ne}__secondary-label`] }, n.secondaryText))), c = (n) => {
     !n.disabled && _(n);
   };
   return t.groupHeader ? /* @__PURE__ */ e.createElement(
@@ -3033,7 +3039,7 @@ const U = {
     {
       role: "option",
       key: t.key,
-      className: U[`${le}__header`]
+      className: U[`${ne}__header`]
     },
     t.name
   ) : /* @__PURE__ */ e.createElement(
@@ -3050,12 +3056,12 @@ const U = {
       id: t.key,
       key: t.key,
       "data-adjacent": o,
-      className: f(U[le], {
-        [U[`${le}__custom`]]: t == null ? void 0 : t.customElement
+      className: g(U[ne], {
+        [U[`${ne}__custom`]]: t == null ? void 0 : t.customElement
       }),
       onClick: () => c(t)
     },
-    /* @__PURE__ */ e.createElement("div", { className: U[`${le}__content`] }, l(t)),
+    /* @__PURE__ */ e.createElement("div", { className: U[`${ne}__content`] }, l(t)),
     a && !t.showCheckbox && /* @__PURE__ */ e.createElement(
       D,
       {
@@ -3076,13 +3082,13 @@ const U = {
   onSelect: n,
   onSelectAll: s
 }) => {
-  const d = f(U[Qt], {
+  const d = g(U[Qt], {
     [U[`${Qt}__no-results`]]: a.length === 0
   }), [i, m] = e.useState(
     null
-  ), u = e.useRef(-1), g = e.useRef(0), v = e.useRef(null), [b, p] = e.useState({}), y = (S) => {
-    if (S.key === L.esc && (S.preventDefault(), c()), S.key === L.arrowUp && u.current > 0 && (S.preventDefault(), u.current = E(), m(a[u.current].key)), S.key === L.arrowDown && u.current + 1 < a.length && (S.preventDefault(), u.current = N(), m(a[u.current].key)), S.key === L.enter && !a[u.current].disabled) {
-      if (S.preventDefault(), a[u.current].key === qe)
+  ), u = e.useRef(-1), f = e.useRef(0), v = e.useRef(null), [b, p] = e.useState({}), y = (x) => {
+    if (x.key === L.esc && (x.preventDefault(), c()), x.key === L.arrowUp && u.current > 0 && (x.preventDefault(), u.current = E(), m(a[u.current].key)), x.key === L.arrowDown && u.current + 1 < a.length && (x.preventDefault(), u.current = N(), m(a[u.current].key)), x.key === L.enter && !a[u.current].disabled) {
+      if (x.preventDefault(), a[u.current].key === qe)
         return s();
       n(a[u.current]);
     }
@@ -3090,35 +3096,35 @@ const U = {
   e.useEffect(() => {
     if (u.current > -1 && a.length > 0 && a[u.current] && m(a[u.current].key), t)
       return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
-    u.current = -1, g.current = 0, m(null);
+    u.current = -1, f.current = 0, m(null);
   }, [a, t, y]), e.useEffect(() => {
     p(Z_(a, r));
   }, [r, a]);
-  const h = (S) => !!a[S] && (a[S].disabled || a[S].groupHeader), E = () => {
+  const h = (x) => !!a[x] && (a[x].disabled || a[x].groupHeader), E = () => {
     for (u.current = u.current - 1; h(u.current) && (u.current = u.current - 1, !!h(u.current)); )
       ;
-    return g.current = u.current, u.current;
+    return f.current = u.current, u.current;
   }, N = () => {
     if (u.current = u.current + 1, !h(u.current))
-      return g.current = u.current, u.current;
+      return f.current = u.current, u.current;
     for (; h(u.current); ) {
       if (u.current = u.current + 1, u.current === a.length && !h(u.current))
-        return g.current;
+        return f.current;
       if (!h(u.current))
         break;
     }
-    return g.current = u.current, u.current;
-  }, $ = () => s(), k = (S) => r ? r.includes(S) : !1, C = () => !l || l && !_ ? null : /* @__PURE__ */ e.createElement(
+    return f.current = u.current, u.current;
+  }, $ = () => s(), k = (x) => r ? r.includes(x) : !1, C = () => !l || l && !_ ? null : /* @__PURE__ */ e.createElement(
     "li",
     {
-      ref: (S) => {
-        i === qe && (S == null || S.scrollIntoView({ block: "nearest" }));
+      ref: (x) => {
+        i === qe && (x == null || x.scrollIntoView({ block: "nearest" }));
       },
       role: "option",
       "aria-current": i === qe,
       id: qe,
       key: qe,
-      className: f(
+      className: g(
         U[Sa],
         U[`${Sa}--select-all`]
       ),
@@ -3135,18 +3141,18 @@ const U = {
       tabIndex: -1
     },
     C(),
-    a.map((S) => /* @__PURE__ */ e.createElement(
+    a.map((x) => /* @__PURE__ */ e.createElement(
       Q_,
       {
-        item: S,
-        isItemSelected: k(S.key),
-        isAdjacentStyleApplied: b[S.key],
+        item: x,
+        isItemSelected: k(x.key),
+        isAdjacentStyleApplied: b[x.key],
         currentItemKey: i,
         onSelect: n
       }
     ))
   )) : null;
-}, K = {
+}, j = {
   "picker-trigger": "lc-Trigger-module__picker-trigger___BIvTx",
   "picker-trigger--multi-select": "lc-Trigger-module__picker-trigger--multi-select___rLpTy",
   "picker-trigger--multi-select--with-items": "lc-Trigger-module__picker-trigger--multi-select--with-items___QFhY2",
@@ -3178,18 +3184,18 @@ const U = {
   onClear: m,
   testId: u
 }) => {
-  const g = e.useRef(null), v = f(
-    K[J],
-    K[`${J}--${s}`],
-    n && K[`${J}--multi-select`],
-    n && _ && K[`${J}--multi-select--with-items`],
-    r && K[`${J}--disabled`],
-    l && K[`${J}--focused`],
-    o && K[`${J}--error`]
+  const f = e.useRef(null), v = g(
+    j[J],
+    j[`${J}--${s}`],
+    n && j[`${J}--multi-select`],
+    n && _ && j[`${J}--multi-select--with-items`],
+    r && j[`${J}--disabled`],
+    l && j[`${J}--focused`],
+    o && j[`${J}--error`]
   );
   e.useEffect(() => {
     const h = (E) => {
-      document.activeElement === g.current && E.key !== L.tab && i(E);
+      document.activeElement === f.current && E.key !== L.tab && i(E);
     };
     return a || document.addEventListener("keydown", h), () => {
       a || document.removeEventListener("keydown", h);
@@ -3203,7 +3209,7 @@ const U = {
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: g,
+      ref: f,
       className: v,
       onClick: b,
       tabIndex: 0,
@@ -3212,10 +3218,10 @@ const U = {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: f(
-          K[`${J}__content`],
-          K[`${J}__content--${s}`],
-          n && _ && K[`${J}__content--with-items`]
+        className: g(
+          j[`${J}__content`],
+          j[`${J}__content--${s}`],
+          n && _ && j[`${J}__content--with-items`]
         )
       },
       t
@@ -3223,16 +3229,16 @@ const U = {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: f(
-          K[`${J}__controls`],
-          K[`${J}__controls--${s}`]
+        className: g(
+          j[`${J}__controls`],
+          j[`${J}__controls--${s}`]
         )
       },
       y && /* @__PURE__ */ e.createElement(
         "div",
         {
           "data-testid": `${J}__clear-icon`,
-          className: K[`${J}__clear-icon`],
+          className: j[`${J}__clear-icon`],
           onClick: p
         },
         /* @__PURE__ */ e.createElement(D, { kind: "primary", size: "small", source: xe })
@@ -3240,7 +3246,7 @@ const U = {
       /* @__PURE__ */ e.createElement(
         D,
         {
-          className: K[`${J}__chevron-icon`],
+          className: j[`${J}__chevron-icon`],
           source: l ? Ft : ft,
           size: "medium",
           disabled: r
@@ -3248,7 +3254,7 @@ const U = {
       )
     )
   );
-}, to = "lc-Tag-module__tag___1QRVY", ao = "lc-Tag-module__tag__remove___UmtrW", ro = "lc-Tag-module__icon___2Z-35", _o = "lc-Tag-module__tag__node___rZTzB", oo = "lc-Tag-module__tag__content___q6vKK", ce = {
+}, to = "lc-Tag-module__tag___1QRVY", ao = "lc-Tag-module__tag__remove___UmtrW", ro = "lc-Tag-module__icon___2Z-35", _o = "lc-Tag-module__tag__node___rZTzB", oo = "lc-Tag-module__tag__content___q6vKK", se = {
   tag: to,
   "tag--success": "lc-Tag-module__tag--success___P2hXQ",
   tag__remove: ao,
@@ -3269,8 +3275,8 @@ const U = {
   tag__node: _o,
   "tag__node--right": "lc-Tag-module__tag__node--right___pGYuU",
   tag__content: oo
-}, ne = "tag", lo = (t) => t ? ra(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", qa = (u) => {
-  var g = u, {
+}, ie = "tag", lo = (t) => t ? ra(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", qa = (u) => {
+  var f = u, {
     className: t = "",
     children: a,
     dismissible: r = !1,
@@ -3282,7 +3288,7 @@ const U = {
     leftNode: s,
     rightNode: d,
     customColor: i
-  } = g, m = B(g, [
+  } = f, m = B(f, [
     "className",
     "children",
     "dismissible",
@@ -3295,16 +3301,16 @@ const U = {
     "rightNode",
     "customColor"
   ]);
-  const v = f(
-    ce[ne],
+  const v = g(
+    se[ie],
     t,
-    ce[`${ne}--${o}`],
-    ce[`${ne}--${l}`],
+    se[`${ie}--${o}`],
+    se[`${ie}--${l}`],
     {
-      [ce[`${ne}--dismissible`]]: r,
-      [ce[`${ne}--outline`]]: n,
-      [ce[`${ne}--with-node`]]: !!s || !!d,
-      [ce[`${ne}--${lo(i)}`]]: !!i
+      [se[`${ie}--dismissible`]]: r,
+      [se[`${ie}--outline`]]: n,
+      [se[`${ie}--with-node`]]: !!s || !!d,
+      [se[`${ie}--${lo(i)}`]]: !!i
     }
   ), b = () => i ? n ? {
     style: {
@@ -3328,17 +3334,17 @@ const U = {
       "div",
       {
         "data-testid": "lc-tag-left-node",
-        className: ce[`${ne}__node`],
+        className: se[`${ie}__node`],
         style: { color: p() }
       },
       s
     ),
-    /* @__PURE__ */ e.createElement("div", { className: ce[`${ne}__content`] }, a),
+    /* @__PURE__ */ e.createElement("div", { className: se[`${ie}__content`] }, a),
     d && /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "lc-tag-right-node",
-        className: f(ce[`${ne}__node--right`]),
+        className: g(se[`${ie}__node--right`]),
         style: { color: p() }
       },
       d
@@ -3349,7 +3355,7 @@ const U = {
         title: "Remove",
         onClick: c,
         type: "button",
-        className: ce[`${ne}__remove`]
+        className: se[`${ie}__remove`]
       },
       /* @__PURE__ */ e.createElement(
         D,
@@ -3362,8 +3368,9 @@ const U = {
       )
     )
   );
-}, se = {
+}, le = {
   "picker-trigger-body": "lc-TriggerBody-module__picker-trigger-body___ZWjX9",
+  "picker-trigger-body--single": "lc-TriggerBody-module__picker-trigger-body--single___KNWtO",
   "picker-trigger-body__item-container": "lc-TriggerBody-module__picker-trigger-body__item-container___l2NTQ",
   "picker-trigger-body__item": "lc-TriggerBody-module__picker-trigger-body__item___0DBg1",
   "picker-trigger-body__item__content": "lc-TriggerBody-module__picker-trigger-body__item__content___VhhV-",
@@ -3377,7 +3384,7 @@ const U = {
   "picker-trigger-body__tag--compact": "lc-TriggerBody-module__picker-trigger-body__tag--compact___X-oAF",
   "picker-trigger-body__tag--medium": "lc-TriggerBody-module__picker-trigger-body__tag--medium___Ptkd5",
   "picker-trigger-body__tag--large": "lc-TriggerBody-module__picker-trigger-body__tag--large___Saoy1"
-}, ie = "picker-trigger-body", co = ({
+}, ce = "picker-trigger-body", co = ({
   isOpen: t,
   isSearchDisabled: a,
   isDisabled: r,
@@ -3394,48 +3401,57 @@ const U = {
   e.useEffect(() => {
     n && (i(""), u.current && (u.current.value = "", u.current.focus()));
   }, [_, n]);
-  const g = (p) => l === "single" && t && !a ? null : p != null && p.customElement ? /* @__PURE__ */ e.createElement("div", { className: se[`${ie}__item`] }, p.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: se[`${ie}__item`] }, p.icon && /* @__PURE__ */ e.createElement(
+  const f = (p) => l === "single" && t && !a ? null : p != null && p.customElement ? /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item`] }, p.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item`] }, p.icon && /* @__PURE__ */ e.createElement(
     D,
     {
       source: p.icon,
-      className: se[`${ie}__item__icon`]
+      className: le[`${ce}__item__icon`]
     }
   ), p.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
       src: p.avatarSrc,
       alt: "",
-      className: se[`${ie}__item__avatar`]
+      className: le[`${ce}__item__avatar`]
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: se[`${ie}__item__content`] }, p.name)), v = (p) => {
+  ), /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item__content`] }, p.name)), v = (p) => {
     i(p.target.value);
   }, b = () => /* @__PURE__ */ e.createElement(
     "input",
     {
       ref: u,
-      className: f(
-        se[`${ie}__input`],
-        se[`${ie}__input--${s}`]
+      className: g(
+        le[`${ce}__input`],
+        le[`${ce}__input--${s}`]
       ),
       placeholder: "Select option",
       onChange: v,
       autoFocus: !0
     }
   );
-  return !_ || _.length === 0 ? m ? b() : /* @__PURE__ */ e.createElement("div", null, o) : /* @__PURE__ */ e.createElement("div", { className: se[ie] }, /* @__PURE__ */ e.createElement("div", { className: se[`${ie}__item-container`] }, l === "single" ? g(_[0]) : _.map((p) => /* @__PURE__ */ e.createElement(
-    qa,
+  return !_ || _.length === 0 ? m ? b() : /* @__PURE__ */ e.createElement("div", null, o) : /* @__PURE__ */ e.createElement(
+    "div",
     {
-      key: p.name,
-      className: f(
-        se[`${ie}__tag`],
-        se[`${ie}__tag--${s}`]
-      ),
-      iconSize: c,
-      dismissible: !r,
-      onRemove: () => d(p)
+      className: g(le[ce], {
+        [le[`${ce}--single`]]: l === "single"
+      })
     },
-    g(p)
-  ))), m && b());
+    /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item-container`] }, l === "single" ? f(_[0]) : _.map((p) => /* @__PURE__ */ e.createElement(
+      qa,
+      {
+        key: p.name,
+        className: g(
+          le[`${ce}__tag`],
+          le[`${ce}__tag--${s}`]
+        ),
+        iconSize: c,
+        dismissible: !r,
+        onRemove: () => d(p)
+      },
+      f(p)
+    ))),
+    m && b()
+  );
 }, no = "lc-Picker-module__picker___GRj9W", so = "lc-Picker-module__picker__container___s0PUc", Ta = {
   picker: no,
   picker__container: so
@@ -3454,7 +3470,7 @@ const U = {
     selectAllOptionText: i,
     type: m = "single",
     searchDisabled: u = !1,
-    hideClearButton: g,
+    hideClearButton: f,
     openedOnInit: v = !1,
     clearSearchAfterSelection: b,
     onSelect: p
@@ -3477,12 +3493,12 @@ const U = {
     "clearSearchAfterSelection",
     "onSelect"
   ]);
-  const [N, $] = e.useState(v), [k, C] = e.useState(null), S = e.useRef(null), V = f(Ta[Da], t);
+  const [N, $] = e.useState(v), [k, C] = e.useState(null), x = e.useRef(null), V = g(Ta[Da], t);
   e.useEffect(() => {
     if (N) {
       const F = (te) => {
         var Fe;
-        (Fe = S.current) != null && Fe.contains(te.target) || $(!1);
+        (Fe = x.current) != null && Fe.contains(te.target) || $(!1);
       }, G = (te) => {
         te.key === L.tab && $(!1);
       };
@@ -3529,7 +3545,7 @@ const U = {
     const G = k.toLowerCase();
     return F.name.toLowerCase().includes(G);
   }) : o, [k, o]), vt = e.useMemo(() => _ ? _.map((F) => F.key) : null, [_]);
-  return /* @__PURE__ */ e.createElement("div", { ref: S, className: V, id: y.id }, /* @__PURE__ */ e.createElement("div", { className: Ta[`${Da}__container`] }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { ref: x, className: V, id: y.id }, /* @__PURE__ */ e.createElement("div", { className: Ta[`${Da}__container`] }, /* @__PURE__ */ e.createElement(
     eo,
     {
       testId: y["data-testid"],
@@ -3541,7 +3557,7 @@ const U = {
       isRequired: s,
       isMultiSelect: m === "multi",
       size: l,
-      hideClearButton: g,
+      hideClearButton: f,
       onTrigger: ee,
       onClear: Ze
     },
@@ -3583,7 +3599,7 @@ const U = {
 function Ja(t, a = 0) {
   return t === "error" ? 0 : uo(parseInt(a.toString(), 10));
 }
-function ja(t, a) {
+function Ka(t, a) {
   return !io.includes(t) && a >= 100 ? "normal" : t || "normal";
 }
 const it = {
@@ -3618,16 +3634,16 @@ const it = {
       "className",
       "size"
     ]);
-    const s = ja(t, a), d = Ja(s, a), i = mo[o], m = po[o], u = f(
+    const s = Ka(t, a), d = Ja(s, a), i = mo[o], m = po[o], u = g(
       it[dt],
       {
         [it[`${dt}--${o}`]]: o,
         [it[`${dt}--${t}`]]: t
       },
       r
-    ), g = 2 * Math.PI * ((m - i) / 2), v = {
-      strokeDasharray: g.toFixed(3),
-      strokeDashoffset: `${((100 - d) / 100 * g).toFixed(3)}px`
+    ), f = 2 * Math.PI * ((m - i) / 2), v = {
+      strokeDasharray: f.toFixed(3),
+      strokeDashoffset: `${((100 - d) / 100 * f).toFixed(3)}px`
     }, b = `${m / 2} ${m / 2} ${m} ${m}`;
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -3683,7 +3699,7 @@ const it = {
       "size",
       "className"
     ]);
-    const s = ja(t, a), d = Ja(s, a), i = f(
+    const s = Ka(t, a), d = Ja(s, a), i = g(
       Tt[Dt],
       {
         [Tt[`${Dt}--${r}`]]: r,
@@ -3731,7 +3747,7 @@ const it = {
   onClose: s,
   onLinkClick: d
 }) => {
-  const i = e.useRef(null), [m, u] = e.useState("medium"), g = f(
+  const i = e.useRef(null), [m, u] = e.useState("medium"), f = g(
     de[ue],
     {
       [de[`${ue}--light`]]: l,
@@ -3759,7 +3775,7 @@ const it = {
     },
     a
   ), c && /* @__PURE__ */ e.createElement(M, { size: "compact", kind: "text", onClick: d }, c));
-  return /* @__PURE__ */ e.createElement("div", { ref: i, className: g }, /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__content`] }, _ && /* @__PURE__ */ e.createElement("img", { src: _, className: de[`${ue}__img`] }), /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__header`] }, o), /* @__PURE__ */ e.createElement(P, { as: "div" }, r), m !== "large" && v), m === "large" && v), s && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { ref: i, className: f }, /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__content`] }, _ && /* @__PURE__ */ e.createElement("img", { src: _, className: de[`${ue}__img`] }), /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__header`] }, o), /* @__PURE__ */ e.createElement(P, { as: "div" }, r), m !== "large" && v), m === "large" && v), s && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
@@ -3785,7 +3801,7 @@ const it = {
   secondaryButton: _,
   onClose: l
 }) => {
-  const c = f(De[ze], a);
+  const c = g(De[ze], a);
   return /* @__PURE__ */ e.createElement("div", { className: De["main-wrapper"] }, /* @__PURE__ */ e.createElement("div", { role: "banner", className: c }, /* @__PURE__ */ e.createElement("div", { className: De[`${ze}__content`] }, t, (o || _) && /* @__PURE__ */ e.createElement("div", { className: De[`${ze}__content__cta`] }, o && /* @__PURE__ */ e.createElement(
     M,
     {
@@ -3824,7 +3840,7 @@ const it = {
 }, we = "radio-button", zl = e.forwardRef(
   (n, c) => {
     var s = n, { children: t, className: a = "", description: r, checked: o, disabled: _ } = s, l = B(s, ["children", "className", "description", "checked", "disabled"]);
-    const d = f($e[we], a, {
+    const d = g($e[we], a, {
       [$e[`${we}--selected`]]: o,
       [$e[`${we}--disabled`]]: _
     });
@@ -3862,7 +3878,7 @@ const it = {
   className: c,
   onChange: n
 }) => {
-  const [s, d] = e.useState(!0), [i, m] = e.useState(!1), u = e.useRef(null), g = !!l && !a && !r, v = t && !s && "true", b = f(
+  const [s, d] = e.useState(!0), [i, m] = e.useState(!1), u = e.useRef(null), f = !!l && !a && !r, v = t && !s && "true", b = g(
     c,
     he[pe],
     he[`${pe}--${_}`],
@@ -3922,7 +3938,7 @@ const it = {
         disabled: a
       }
     ),
-    g && /* @__PURE__ */ e.createElement(
+    f && /* @__PURE__ */ e.createElement(
       M,
       {
         "aria-label": "Clear search",
@@ -3971,12 +3987,12 @@ const it = {
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
   switch__icon: No
-}, j = "switch", Gl = (m) => {
+}, K = "switch", Gl = (m) => {
   var u = m, {
     className: t = "",
     defaultOn: a = !1,
     disabled: r = !1,
-    name: o = j,
+    name: o = K,
     on: _,
     onChange: l = Zt,
     size: c = "large",
@@ -3995,19 +4011,19 @@ const it = {
     "innerRef",
     "ariaLabel"
   ]);
-  const [g, v] = e.useState(
+  const [f, v] = e.useState(
     () => _ !== void 0 ? _ : a
   );
   e.useEffect(() => {
     _ !== void 0 && v(_);
   }, [_]);
-  const b = n === "loading", p = n === "locked", y = c === "large" ? "small" : "xsmall", h = g ? "on" : "off", E = r || b || p, N = E ? "disabled" : "enabled", $ = f(
-    Z[j],
-    Z[`${j}--${c}`],
+  const b = n === "loading", p = n === "locked", y = c === "large" ? "small" : "xsmall", h = f ? "on" : "off", E = r || b || p, N = E ? "disabled" : "enabled", $ = g(
+    Z[K],
+    Z[`${K}--${c}`],
     t
   ), k = (C) => {
     if (l !== Zt) {
-      l(C, g);
+      l(C, f);
       return;
     }
     C.stopPropagation(), v((V) => !V);
@@ -4016,48 +4032,48 @@ const it = {
     "input",
     w({
       type: "checkbox",
-      className: f(
-        Z[`${j}__input`],
-        Z[`${j}__input--${N}`]
+      className: g(
+        Z[`${K}__input`],
+        Z[`${K}__input--${N}`]
       ),
       onChange: k,
-      checked: g,
+      checked: f,
       name: o,
       ref: s,
       disabled: E,
       "aria-label": d
     }, i)
-  ), /* @__PURE__ */ e.createElement("span", { className: Z[`${j}__container`] }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("span", { className: Z[`${K}__container`] }, /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: f(
-        Z[`${j}__track`],
-        Z[`${j}__track--${h}`],
-        Z[`${j}__track--${N}`]
+      className: g(
+        Z[`${K}__track`],
+        Z[`${K}__track--${h}`],
+        Z[`${K}__track--${N}`]
       )
     }
   ), /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: f(
-        Z[`${j}__slider`],
-        Z[`${j}__slider--${c}`],
-        Z[`${j}__slider--${c}--${h}`]
+      className: g(
+        Z[`${K}__slider`],
+        Z[`${K}__slider--${c}`],
+        Z[`${K}__slider--${c}--${h}`]
       )
     },
     b && /* @__PURE__ */ e.createElement(
       _a,
       {
-        className: f(
-          Z[`${j}__loader`],
-          Z[`${j}__loader--${c}`]
+        className: g(
+          Z[`${K}__loader`],
+          Z[`${K}__loader--${c}`]
         )
       }
     ),
     p && /* @__PURE__ */ e.createElement(
       D,
       {
-        className: Z[`${j}__icon`],
+        className: Z[`${K}__icon`],
         "data-testid": "lock-icon",
         size: y,
         source: nr,
@@ -4097,7 +4113,7 @@ const it = {
       as: c.href ? "a" : "button",
       size: "md",
       bold: o,
-      className: f(
+      className: g(
         a,
         Ve[Ye],
         Ve[`${Ye}--${l}`],
@@ -4117,16 +4133,16 @@ const it = {
       }
     )
   );
-}, Do = "lc-TabsWrapper-module__tabs___Y2xyD", Io = "lc-TabsWrapper-module__tabs__list___i6tVO", Ka = {
+}, Do = "lc-TabsWrapper-module__tabs___Y2xyD", Io = "lc-TabsWrapper-module__tabs__list___i6tVO", ja = {
   tabs: Do,
   tabs__list: Io
 }, Za = "tabs", Wl = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: f(Ka[Za], t) }, a), Vl = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: g(ja[Za], t) }, a), Vl = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: f(Ka[`${Za}__list`], t) }, a), Ao = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: g(ja[`${Za}__list`], t) }, a), Ao = ({
   className: t = "",
   innerEditableRef: a,
   inputRef: r,
@@ -4154,7 +4170,7 @@ const it = {
       }
       o(v.innerText);
     }
-  }, g = (v) => {
+  }, f = (v) => {
     v.preventDefault();
     const b = v.clipboardData.getData("text/plain");
     document.execCommand("insertHTML", !1, ia(b));
@@ -4165,7 +4181,7 @@ const it = {
       ref: a,
       className: t,
       contentEditable: !0,
-      onPaste: g,
+      onPaste: f,
       onBlur: u,
       onKeyDown: m,
       dangerouslySetInnerHTML: { __html: ia(l) }
@@ -4233,17 +4249,17 @@ const it = {
     "placeholder",
     "size"
   ]);
-  const i = f(pt[It], {
+  const i = g(pt[It], {
     [pt[`${It}--error`]]: _
-  }), m = f(
+  }), m = g(
     pt[`${It}__input`],
     pt[`${It}__input--${c}`]
-  ), [u, g] = e.useState(""), v = e.useRef(null), b = ($) => {
-    r([...a || [], $]), g("");
+  ), [u, f] = e.useState(""), v = e.useRef(null), b = ($) => {
+    r([...a || [], $]), f("");
   }, p = ($) => {
     const k = [...a || []];
     k.splice($, 1), r(k);
-  }, y = ($) => g($.target.value), h = ($) => {
+  }, y = ($) => f($.target.value), h = ($) => {
     if (Fo.includes($.key)) {
       if ($.preventDefault(), u === "")
         return;
@@ -4366,7 +4382,7 @@ const it = {
     "kind",
     "onClose"
   ]);
-  const d = f(
+  const d = g(
     W[Ie],
     W[`${Ie}--${_}`],
     a
@@ -4383,7 +4399,7 @@ const it = {
   ), o && /* @__PURE__ */ e.createElement(
     M,
     {
-      className: f(
+      className: g(
         W[`${Ie}__actions__button`],
         W[`${Ie}__actions__button--${_}`]
       ),
@@ -4403,7 +4419,7 @@ const it = {
   verticalPosition: l = "top",
   horizontalPosition: c = "center"
 }) => {
-  const n = f(
+  const n = g(
     W[ut],
     {
       [W[`${ut}--fixed`]]: r,
@@ -4413,7 +4429,7 @@ const it = {
     },
     t
   );
-  return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(La, { component: null }, a.map(({ id: s, kind: d, content: i, removable: m, action: u, onClose: g }) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(La, { component: null }, a.map(({ id: s, kind: d, content: i, removable: m, action: u, onClose: f }) => /* @__PURE__ */ e.createElement(
     aa,
     {
       key: s,
@@ -4429,7 +4445,7 @@ const it = {
       Yo,
       {
         kind: d,
-        onClose: g,
+        onClose: f,
         removable: m,
         action: u
       },
@@ -4444,20 +4460,20 @@ const it = {
 }, Bt = "textarea", Jl = e.forwardRef(
   (_, o) => {
     var l = _, { className: t, error: a } = l, r = B(l, ["className", "error"]);
-    const { disabled: c, onBlur: n, onFocus: s } = r, [d, i] = e.useState(!1), m = f(t, At[Bt], {
+    const { disabled: c, onBlur: n, onFocus: s } = r, [d, i] = e.useState(!1), m = g(t, At[Bt], {
       [At[`${Bt}--disabled`]]: c,
       [At[`${Bt}--focused`]]: d,
       [At[`${Bt}--error`]]: a
     }), u = (v) => {
       i(!1), n == null || n(v);
-    }, g = (v) => {
+    }, f = (v) => {
       i(!0), s == null || s(v);
     };
     return /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement(
       "textarea",
       A(w({}, r), {
         ref: o,
-        onFocus: g,
+        onFocus: f,
         onBlur: u
       })
     ));
@@ -4495,7 +4511,7 @@ const it = {
   "file-upload-progress__wrapper__header__title": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv",
   "file-upload-progress__wrapper__header__title--success": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl",
   "file-upload-progress__wrapper__header__title--error": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"
-}, Ce = "file-upload-progress", qt = `${Ce}__wrapper__header__title`, jo = e.forwardRef(
+}, Ce = "file-upload-progress", qt = `${Ce}__wrapper__header__title`, Ko = e.forwardRef(
   ({
     actionsVisibility: t = "hidden",
     className: a,
@@ -4509,7 +4525,7 @@ const it = {
   }, d) => /* @__PURE__ */ e.createElement("div", { className: me[Ce], ref: d }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: me[`${Ce}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f(
+      className: g(
         me[`${Ce}__icon`],
         me[`${Ce}__icon--success`]
       )
@@ -4518,14 +4534,14 @@ const it = {
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f(me[`${Ce}__wrapper`], {
+      className: g(me[`${Ce}__wrapper`], {
         [me[`${Ce}__wrapper--with-icon`]]: r
       })
     },
     /* @__PURE__ */ e.createElement("div", { className: me[`${Ce}__wrapper__header`] }, o && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: f(me[qt], {
+        className: g(me[qt], {
           [me[`${qt}--success`]]: c === "success",
           [me[`${qt}--error`]]: c === "error"
         })
@@ -4536,7 +4552,7 @@ const it = {
     ), t !== "hidden" && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: f({
+        className: g({
           [me[`${Ce}__wrapper__header__actions`]]: t === "hover"
         })
       },
@@ -4580,14 +4596,14 @@ const it = {
   "upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
   "upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
   "upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
-}, Q = "upload-bar", Ne = `${Q}__wrapper__header`, Ko = 300, Zo = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: R[`${Ne}__success-icon`] }, /* @__PURE__ */ e.createElement(D, { source: ta })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: R[`${Ne}__error-icon`] }, /* @__PURE__ */ e.createElement(D, { source: ir })) : /* @__PURE__ */ e.createElement(
+}, Q = "upload-bar", Ne = `${Q}__wrapper__header`, jo = 300, Zo = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: R[`${Ne}__success-icon`] }, /* @__PURE__ */ e.createElement(D, { source: ta })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: R[`${Ne}__error-icon`] }, /* @__PURE__ */ e.createElement(D, { source: ir })) : /* @__PURE__ */ e.createElement(
   go,
   {
     className: R[`${Ne}__loader`],
     status: t,
     progressValue: a
   }
-), jl = ({
+), Kl = ({
   children: t,
   className: a,
   progressValue: r,
@@ -4601,12 +4617,12 @@ const it = {
   onCloseButtonClick: i,
   onRetryButtonClick: m
 }) => {
-  const [u, g] = e.useState(_ || !1), v = c === "error", b = c === "success", p = f(R[Q], a, {
+  const [u, f] = e.useState(_ || !1), v = c === "error", b = c === "success", p = g(R[Q], a, {
     [R[`${Q}--error`]]: v,
     [R[`${Q}--success`]]: b
-  }), y = !(v && (m || i)), h = () => g(!u);
+  }), y = !(v && (m || i)), h = () => f(!u);
   return d === "single" ? /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement("div", { className: R[`${Q}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${Ne}`] }, /* @__PURE__ */ e.createElement(
-    jo,
+    Ko,
     {
       title: v && l || o,
       progressValue: r,
@@ -4646,7 +4662,7 @@ const it = {
   ), /* @__PURE__ */ e.createElement(La, { component: null }, u && /* @__PURE__ */ e.createElement(
     aa,
     {
-      timeout: Ko,
+      timeout: jo,
       classNames: {
         enter: R[`${Q}__files--enter`],
         enterActive: R[`${Q}__files--enter-active`],
@@ -4676,12 +4692,12 @@ export {
   Rt as FieldDescription,
   oa as FieldError,
   xl as FieldGroup,
-  jo as FileUploadProgress,
+  Ko as FileUploadProgress,
   Xt as FileUploadProgressActions,
   Sl as Form,
   Tl as FormField,
   Dl as FormGroup,
-  Ke as Heading,
+  je as Heading,
   D as Icon,
   bl as Info,
   Il as Input,
@@ -4689,7 +4705,7 @@ export {
   Al as Link,
   _a as Loader,
   Bl as Modal,
-  K_ as ModalBase,
+  j_ as ModalBase,
   xa as ModalCloseButton,
   Fl as ModalHeader,
   Pl as ModalPortal,
@@ -4721,6 +4737,6 @@ export {
   Yo as Toast,
   ql as ToastWrapper,
   Wa as Tooltip,
-  jl as UploadBar,
+  Kl as UploadBar,
   hl as UserGuide
 };