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

package/dist/dsrc.es.js

@@ -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",
@@ -466,18 +466,18 @@ 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", $);
@@ -837,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,
@@ -895,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 = g(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",
     {
@@ -929,8 +929,8 @@ const dl = {
       "div",
       {
         ref: v,
-        className: g([x[`${l}__arrow`]]),
-        "data-arrow-placement": S,
+        className: g([S[`${l}__arrow`]]),
+        "data-arrow-placement": x,
         style: { top: Se, left: Ge }
       }
     )
@@ -1005,7 +1005,7 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     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: $ }),
@@ -1025,10 +1025,10 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     document.removeEventListener("keydown", Be);
   }), []);
   const Se = () => {
-    f || N || (S.current = !0, ee(!0));
+    f || N || (x.current = !0, ee(!0));
   }, Ge = () => {
-    f || 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);
@@ -1070,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()
@@ -1080,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,
@@ -1094,8 +1094,8 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
   "div",
   {
     className: g(
-      x[`${rt}-header`],
-      x[`${rt}-header--info`]
+      S[`${rt}-header`],
+      S[`${rt}-header--info`]
     )
   },
   t
@@ -1103,8 +1103,8 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
   "div",
   {
     className: g(
-      x[`${rt}-text`],
-      x[`${rt}-text--info`]
+      S[`${rt}-text`],
+      S[`${rt}-text--info`]
     )
   },
   a
@@ -1119,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,
@@ -1134,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: g(
-        x[`${fe}-footer`],
-        x[`${fe}-footer--interactive`]
+        S[`${fe}-footer`],
+        S[`${fe}-footer--interactive`]
       )
     },
     /* @__PURE__ */ e.createElement(
@@ -1160,8 +1160,8 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     /* @__PURE__ */ e.createElement(
       M,
       {
-        className: g(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
@@ -1208,9 +1208,9 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     "div",
     {
       className: g({
-        [x[`${q}__overlay`]]: !0,
-        [x[`${q}__overlay--visible`]]: a,
-        [x[`${q}__overlay--slide`]]: r
+        [S[`${q}__overlay`]]: !0,
+        [S[`${q}__overlay--visible`]]: a,
+        [S[`${q}__overlay--slide`]]: r
       }),
       style: _
     }
@@ -1218,9 +1218,9 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     "div",
     {
       className: g({
-        [x[`${q}__overlay`]]: !0,
-        [x[`${q}__overlay--visible`]]: a,
-        [x[`${q}__overlay--slide`]]: r
+        [S[`${q}__overlay`]]: !0,
+        [S[`${q}__overlay--visible`]]: a,
+        [S[`${q}__overlay--slide`]]: r
       }),
       style: c
     }
@@ -1228,9 +1228,9 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     "div",
     {
       className: g({
-        [x[`${q}__overlay`]]: !0,
-        [x[`${q}__overlay--visible`]]: a,
-        [x[`${q}__overlay--slide`]]: r
+        [S[`${q}__overlay`]]: !0,
+        [S[`${q}__overlay--visible`]]: a,
+        [S[`${q}__overlay--slide`]]: r
       }),
       style: l
     }
@@ -1238,9 +1238,9 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     "div",
     {
       className: g({
-        [x[`${q}__overlay`]]: !0,
-        [x[`${q}__overlay--visible`]]: a,
-        [x[`${q}__overlay--slide`]]: r
+        [S[`${q}__overlay`]]: !0,
+        [S[`${q}__overlay--visible`]]: a,
+        [S[`${q}__overlay--slide`]]: r
       }),
       style: n
     }
@@ -1248,9 +1248,9 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     "div",
     {
       className: g({
-        [x[`${q}__overlay`]]: !0,
-        [x[`${q}__overlay--visible`]]: a,
-        [x[`${q}__overlay--slide`]]: r
+        [S[`${q}__overlay`]]: !0,
+        [S[`${q}__overlay--visible`]]: a,
+        [S[`${q}__overlay--slide`]]: r
       }),
       style: s
     }
@@ -1335,8 +1335,8 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
       },
       arrowOffsetY: 25,
       className: g({
-        [x[fa]]: !0,
-        [x[`${fa}--slide`]]: d,
+        [S[fa]]: !0,
+        [S[`${fa}--slide`]]: d,
         className: a
       })
     }),
@@ -1346,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",
@@ -1475,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",
@@ -1489,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"
@@ -1536,7 +1536,7 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
     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`]
     })
@@ -1649,36 +1649,36 @@ 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), f = 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 = g(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 = g(
+  }, a ? { [`${a}`]: a } : {})), $ = g(
     ae[`${Y}__status`],
     ae[`${Y}__status--${o}`],
     ae[`${Y}__status--${_}`],
     ...c ? [ae[`${Y}__status--${c}`]] : []
-  ), $ = g(
+  ), k = g(
     ae[`${Y}__icon`],
     ae[`${Y}__icon--${_}`]
-  ), k = g(
+  ), 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: $
     }
   ), f && /* @__PURE__ */ e.createElement(
     "img",
@@ -1686,13 +1686,13 @@ const e_ = "lc-Avatar-module__avatar___1zTCE", t_ = "lc-Avatar-module__avatar__s
       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
     }
   ));
@@ -1824,7 +1824,7 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
       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",
@@ -1945,10 +1945,10 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     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
     );
@@ -1962,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",
@@ -2011,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] },
@@ -2293,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({
@@ -2344,7 +2344,7 @@ const M_ = (t) => {
         onDayClick: m,
         selectedDays: k,
         modifiers: N,
-        initialMonth: _ && je(_, 1),
+        initialMonth: _ && Ke(_, 1),
         toMonth: _,
         disabledDays: C,
         onDayMouseEnter: i,
@@ -2432,7 +2432,7 @@ const Ea = {
     "helperText",
     "formFooter"
   ]);
-  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(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",
@@ -2562,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 = {
@@ -2662,7 +2662,7 @@ const Ea = {
       )
     }, 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",
@@ -2674,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 = "",
@@ -2767,14 +2767,14 @@ const Ea = {
     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",
@@ -2790,7 +2790,7 @@ const Ea = {
       }
     )),
     !o && r && /* @__PURE__ */ e.createElement("div", { className: X[`${Te}__header`] }, /* @__PURE__ */ e.createElement(
-      Ke,
+      je,
       {
         size: "md",
         as: "div",
@@ -2840,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",
@@ -2905,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);
@@ -2995,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: g(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: g({
-        [U[`${le}__main-label`]]: n.secondaryText
+        [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(
@@ -3039,7 +3039,7 @@ const U = {
     {
       role: "option",
       key: t.key,
-      className: U[`${le}__header`]
+      className: U[`${ne}__header`]
     },
     t.name
   ) : /* @__PURE__ */ e.createElement(
@@ -3056,12 +3056,12 @@ const U = {
       id: t.key,
       key: t.key,
       "data-adjacent": o,
-      className: g(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,
       {
@@ -3086,9 +3086,9 @@ const U = {
     [U[`${Qt}__no-results`]]: a.length === 0
   }), [i, m] = e.useState(
     null
-  ), u = e.useRef(-1), f = 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]);
     }
@@ -3100,7 +3100,7 @@ const U = {
   }, [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 f.current = u.current, u.current;
@@ -3114,11 +3114,11 @@ const U = {
         break;
     }
     return f.current = u.current, u.current;
-  }, $ = () => s(), k = (S) => r ? r.includes(S) : !1, C = () => !l || l && !_ ? null : /* @__PURE__ */ e.createElement(
+  }, $ = () => 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,
@@ -3141,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",
@@ -3185,13 +3185,13 @@ const U = {
   testId: u
 }) => {
   const f = e.useRef(null), v = g(
-    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`]
+    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) => {
@@ -3219,9 +3219,9 @@ const U = {
       "div",
       {
         className: g(
-          K[`${J}__content`],
-          K[`${J}__content--${s}`],
-          n && _ && K[`${J}__content--with-items`]
+          j[`${J}__content`],
+          j[`${J}__content--${s}`],
+          n && _ && j[`${J}__content--with-items`]
         )
       },
       t
@@ -3230,15 +3230,15 @@ const U = {
       "div",
       {
         className: g(
-          K[`${J}__controls`],
-          K[`${J}__controls--${s}`]
+          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 })
@@ -3246,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
@@ -3254,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,
@@ -3275,7 +3275,7 @@ 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) => {
+}, ie = "tag", lo = (t) => t ? ra(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", qa = (u) => {
   var f = u, {
     className: t = "",
     children: a,
@@ -3302,15 +3302,15 @@ const U = {
     "customColor"
   ]);
   const v = g(
-    ce[ne],
+    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: {
@@ -3334,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: g(ce[`${ne}__node--right`]),
+        className: g(se[`${ie}__node--right`]),
         style: { color: p() }
       },
       d
@@ -3355,7 +3355,7 @@ const U = {
         title: "Remove",
         onClick: c,
         type: "button",
-        className: ce[`${ne}__remove`]
+        className: se[`${ie}__remove`]
       },
       /* @__PURE__ */ e.createElement(
         D,
@@ -3368,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-",
@@ -3383,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,
@@ -3400,48 +3401,57 @@ const U = {
   e.useEffect(() => {
     n && (i(""), u.current && (u.current.value = "", u.current.focus()));
   }, [_, n]);
-  const f = (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: g(
-        se[`${ie}__input`],
-        se[`${ie}__input--${s}`]
+        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" ? f(_[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: g(
-        se[`${ie}__tag`],
-        se[`${ie}__tag--${s}`]
-      ),
-      iconSize: c,
-      dismissible: !r,
-      onRemove: () => d(p)
+      className: g(le[ce], {
+        [le[`${ce}--single`]]: l === "single"
+      })
     },
-    f(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
@@ -3483,12 +3493,12 @@ const U = {
     "clearSearchAfterSelection",
     "onSelect"
   ]);
-  const [N, $] = e.useState(v), [k, C] = e.useState(null), S = e.useRef(null), V = g(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);
       };
@@ -3535,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"],
@@ -3589,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 = {
@@ -3624,7 +3634,7 @@ const it = {
       "className",
       "size"
     ]);
-    const s = ja(t, a), d = Ja(s, a), i = mo[o], m = po[o], u = g(
+    const s = Ka(t, a), d = Ja(s, a), i = mo[o], m = po[o], u = g(
       it[dt],
       {
         [it[`${dt}--${o}`]]: o,
@@ -3689,7 +3699,7 @@ const it = {
       "size",
       "className"
     ]);
-    const s = ja(t, a), d = Ja(s, a), i = g(
+    const s = Ka(t, a), d = Ja(s, a), i = g(
       Tt[Dt],
       {
         [Tt[`${Dt}--${r}`]]: r,
@@ -3977,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",
@@ -4008,8 +4018,8 @@ const it = {
     _ !== void 0 && v(_);
   }, [_]);
   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[j],
-    Z[`${j}--${c}`],
+    Z[K],
+    Z[`${K}--${c}`],
     t
   ), k = (C) => {
     if (l !== Zt) {
@@ -4023,8 +4033,8 @@ const it = {
     w({
       type: "checkbox",
       className: g(
-        Z[`${j}__input`],
-        Z[`${j}__input--${N}`]
+        Z[`${K}__input`],
+        Z[`${K}__input--${N}`]
       ),
       onChange: k,
       checked: f,
@@ -4033,37 +4043,37 @@ const it = {
       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: g(
-        Z[`${j}__track`],
-        Z[`${j}__track--${h}`],
-        Z[`${j}__track--${N}`]
+        Z[`${K}__track`],
+        Z[`${K}__track--${h}`],
+        Z[`${K}__track--${N}`]
       )
     }
   ), /* @__PURE__ */ e.createElement(
     "span",
     {
       className: g(
-        Z[`${j}__slider`],
-        Z[`${j}__slider--${c}`],
-        Z[`${j}__slider--${c}--${h}`]
+        Z[`${K}__slider`],
+        Z[`${K}__slider--${c}`],
+        Z[`${K}__slider--${c}--${h}`]
       )
     },
     b && /* @__PURE__ */ e.createElement(
       _a,
       {
         className: g(
-          Z[`${j}__loader`],
-          Z[`${j}__loader--${c}`]
+          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,
@@ -4123,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: g(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: g(Ka[`${Za}__list`], t) }, a), Ao = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: g(ja[`${Za}__list`], t) }, a), Ao = ({
   className: t = "",
   innerEditableRef: a,
   inputRef: r,
@@ -4501,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,
@@ -4586,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,
@@ -4612,7 +4622,7 @@ const it = {
     [R[`${Q}--success`]]: b
   }), 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,
@@ -4652,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`],
@@ -4682,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,
@@ -4695,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,
@@ -4727,6 +4737,6 @@ export {
   Yo as Toast,
   ql as ToastWrapper,
   Wa as Tooltip,
-  jl as UploadBar,
+  Kl as UploadBar,
   hl as UserGuide
 };