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

package/dist/index.es.js

@@ -1,36 +1,36 @@
 var zr = Object.defineProperty, Gr = Object.defineProperties;
 var Ur = Object.getOwnPropertyDescriptors;
-var Mt = Object.getOwnPropertySymbols;
+var Rt = Object.getOwnPropertySymbols;
 var qa = Object.prototype.hasOwnProperty, Ya = Object.prototype.propertyIsEnumerable;
 var ya = (t, a, r) => a in t ? zr(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, k = (t, a) => {
   for (var r in a || (a = {}))
     qa.call(a, r) && ya(t, r, a[r]);
-  if (Mt)
-    for (var r of Mt(a))
+  if (Rt)
+    for (var r of Rt(a))
       Ya.call(a, r) && ya(t, r, a[r]);
   return t;
-}, x = (t, a) => Gr(t, Ur(a));
+}, S = (t, a) => Gr(t, Ur(a));
 var F = (t, a) => {
   var r = {};
   for (var _ in t)
     qa.call(t, _) && a.indexOf(_) < 0 && (r[_] = t[_]);
-  if (t != null && Mt)
-    for (var _ of Mt(t))
+  if (t != null && Rt)
+    for (var _ of Rt(t))
       a.indexOf(_) < 0 && Ya.call(t, _) && (r[_] = t[_]);
   return r;
 };
 var wa = (t, a, r) => (ya(t, typeof a != "symbol" ? a + "" : a, r), r);
 import * as e from "react";
 import { useReducer as Wr, useRef as Vr, useEffect as gt, useCallback as Lt, useMemo as Ot } from "react";
-import { Check as ea, Close as Ae, ChevronDown as Rt, Info as Oa, Warning as hr, CheckCircle as kr, Block as yr, Person as qr, ChevronUp as ta, DoubleArrowLeft as Yr, ChevronLeft as Kr, ChevronRight as wr, DoubleArrowRight as Jr, VisibilityOn as Xr, VisibilityOff as Qr, Search as jr, LockBlack as Zr, Refresh as e_, Error as t_ } from "@livechat/design-system-icons";
+import { Check as ea, Close as Ae, ChevronDown as Mt, Info as Oa, Warning as hr, CheckCircle as kr, Block as yr, Person as qr, ChevronUp as ta, DoubleArrowLeft as Yr, ChevronLeft as Kr, ChevronRight as wr, DoubleArrowRight as Jr, VisibilityOn as Xr, VisibilityOff as Qr, Search as jr, LockBlack as Zr, Refresh as e_, Error as t_ } from "@livechat/design-system-icons";
 import u from "clsx";
 import { useFloatingParentNodeId as Ha, useFloatingNodeId as aa, useFloating as ra, offset as _a, flip as oa, size as Er, autoUpdate as la, useClick as ca, useDismiss as na, useRole as sa, useInteractions as ia, useTransitionStyles as $r, FloatingNode as da, FloatingTree as za, shift as Ga, arrow as a_, useHover as r_, safePolygon as __, useFocus as o_, useTransitionStatus as l_, FloatingArrow as c_, FloatingPortal as Nr, FloatingOverlay as n_, FloatingFocusManager as Pa, useListNavigation as s_ } from "@floating-ui/react";
 import * as Cr from "react-dom";
 import { flushSync as i_ } from "react-dom";
-import xr from "lodash.debounce";
+import Sr from "lodash.debounce";
 import { getContrast as Ua } from "polished";
 import d_ from "react-day-picker";
-import { subMonths as bt, differenceInCalendarMonths as Ka, addMonths as Ja, isSameMonth as Ia, isSameDay as Fa, isAfter as Ra, differenceInCalendarDays as Sr } from "date-fns";
+import { subMonths as bt, differenceInCalendarMonths as Ka, addMonths as Ja, isSameMonth as Ia, isSameDay as Fa, isAfter as Ma, differenceInCalendarDays as xr } from "date-fns";
 import { Virtuoso as u_ } from "react-virtuoso";
 import Xa from "lodash.escape";
 import { TransitionGroup as Tr, CSSTransition as Dr } from "react-transition-group";
@@ -398,7 +398,9 @@ const mc = {
   ContentBasicInternalNoteMessageActive: "--content-basic-internal-note-message-active",
   OnePopoverMessageBackgroundDefault: "--one-popover-message-background-default",
   OnePopoverBorderDefault: "--one-popover-border-default",
-  OnePopoverBorderActive: "--one-popover-border-active"
+  OnePopoverBorderActive: "--one-popover-border-active",
+  OneTooltipBackground: "--one-tooltip-background",
+  ContentBasicAutofill: "--content-basic-autofill"
 }, pc = {
   Spacing0: "--spacing-0",
   Spacing05: "--spacing-05",
@@ -563,7 +565,7 @@ const mc = {
     Qa[ja],
     _ && Qa[`${ja}--${o ? "disabled--" : ""}${_}`]
   );
-  return /* @__PURE__ */ e.createElement("span", x(k({}, i), { className: n }), d);
+  return /* @__PURE__ */ e.createElement("span", S(k({}, i), { className: n }), d);
 }, Le = {
   "heading-xl": "lc-Typography-module__heading-xl___nhr-6",
   "heading-lg": "lc-Typography-module__heading-lg___XYF7l",
@@ -716,7 +718,7 @@ const mc = {
   "action-menu__list__item__icon": "lc-ActionMenu-module__action-menu__list__item__icon___o3ePo",
   "action-menu__list--with-footer": "lc-ActionMenu-module__action-menu__list--with-footer___ghTxL",
   "action-menu__footer": "lc-ActionMenu-module__action-menu__footer___HxoOe"
-}, Re = "action-menu", b_ = (w) => {
+}, Me = "action-menu", b_ = (w) => {
   var f = w, {
     className: t,
     triggerClassName: a,
@@ -750,14 +752,14 @@ const mc = {
   ]);
   const h = d !== void 0, [v, E] = e.useState(l), [N, $] = e.useState(null), y = e.useRef(-1), C = Ha(), D = aa(), L = e.useRef(null), G = h ? d : v, T = () => {
     G ? (n == null || n(), !h && E(!1)) : (s == null || s(), !h && E(!0));
-  }, { x: M, y: V, strategy: q, refs: he, context: oe } = ra({
+  }, { x: R, y: V, strategy: q, refs: he, context: oe } = ra({
     nodeId: D,
     middleware: [
       _a(4),
       oa(i),
       Er({
-        apply({ availableHeight: S }) {
-          i_(() => $(S));
+        apply({ availableHeight: x }) {
+          i_(() => $(x));
         }
       })
     ],
@@ -766,84 +768,84 @@ const mc = {
     strategy: p,
     onOpenChange: T,
     whileElementsMounted: la
-  }), Ee = ca(oe), Oe = na(oe, {
+  }), we = ca(oe), Oe = na(oe, {
     enabled: G
-  }), $e = sa(oe), { getReferenceProps: Pe, getFloatingProps: je } = ia([
-    Ee,
+  }), Ee = sa(oe), { getReferenceProps: Pe, getFloatingProps: Ze } = ia([
+    we,
     Oe,
-    $e
+    Ee
   ]), { styles: lt } = $r(oe, {
-    initial: ({ side: S }) => k({
+    initial: ({ side: x }) => k({
       opacity: 0
-    }, S === "bottom" && {
+    }, x === "bottom" && {
       marginTop: -10
-    } || S === "top" && {
+    } || x === "top" && {
       marginTop: 10
-    } || S === "left" && {
+    } || x === "left" && {
       marginLeft: 10
-    } || S === "right" && {
+    } || x === "right" && {
       marginLeft: -10
     })
-  }), ct = (S) => {
+  }), ct = (x) => {
     var ze, Ge;
     const ee = y.current;
-    let le = ee + S;
+    let le = ee + x;
     for (; (ze = r[le]) != null && ze.disabled || (Ge = r[le]) != null && Ge.groupHeader; )
-      if (le += S, le === -1) {
+      if (le += x, le === -1) {
         le = ee;
         break;
       }
     return le;
-  }, nt = (S) => {
+  }, nt = (x) => {
     var ze, Ge;
-    y.current = ct(S);
+    y.current = ct(x);
     const ee = (ze = L.current) == null ? void 0 : ze.children, le = ee && ((Ge = ee[y.current]) == null ? void 0 : Ge.children[0]);
     return le == null ? void 0 : le.focus();
-  }, He = (S) => {
-    S.key === _e.arrowUp && y.current > 0 && (S.preventDefault(), nt(-1)), S.key === _e.arrowDown && y.current + 1 < r.length && (S.preventDefault(), nt(1));
+  }, He = (x) => {
+    x.key === _e.arrowUp && y.current > 0 && (x.preventDefault(), nt(-1)), x.key === _e.arrowDown && y.current + 1 < r.length && (x.preventDefault(), nt(1));
   };
   e.useEffect(() => {
     if (G)
       return document.addEventListener("keydown", He), () => document.removeEventListener("keydown", He);
     y.current = -1;
   }, [G, He]);
-  const st = (S, ee) => {
-    y.current = S, ee == null || ee(), !h && !c && (E(!1), n == null || n());
-  }, vt = (S, ee) => S.groupHeader ? /* @__PURE__ */ e.createElement(
+  const st = (x, ee) => {
+    y.current = x, ee == null || ee(), !h && !c && (E(!1), n == null || n());
+  }, vt = (x, ee) => x.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
     {
-      key: S.key,
+      key: x.key,
       role: "none",
-      className: Fe[`${Re}__list__group-header`]
+      className: Fe[`${Me}__list__group-header`]
     },
-    S.element
-  ) : /* @__PURE__ */ e.createElement("li", { key: S.key, role: "none" }, /* @__PURE__ */ e.createElement(
+    x.element
+  ) : /* @__PURE__ */ e.createElement("li", { key: x.key, role: "none" }, /* @__PURE__ */ e.createElement(
     "button",
     {
-      "data-testid": S.key,
+      "data-testid": x.key,
       tabIndex: -1,
-      key: S.key,
-      disabled: S.disabled,
-      onClick: () => st(ee, S.onClick),
+      key: x.key,
+      disabled: x.disabled,
+      onClick: () => st(ee, x.onClick),
       role: "menuitem",
-      className: u(Fe[`${Re}__list__item`], {
-        [Fe[`${Re}__list__item--disabled`]]: S.disabled,
-        [Fe[`${Re}__list__item--with-divider`]]: S.withDivider,
-        [Fe[`${Re}__list__item--selected`]]: m == null ? void 0 : m.includes(S.key)
+      className: u(Fe[`${Me}__list__item`], {
+        [Fe[`${Me}__list__item--disabled`]]: x.disabled,
+        [Fe[`${Me}__list__item--with-divider`]]: x.withDivider,
+        [Fe[`${Me}__list__item--selected`]]: m == null ? void 0 : m.includes(x.key)
       })
     },
-    S.element,
-    (m == null ? void 0 : m.includes(S.key)) && /* @__PURE__ */ e.createElement(
+    x.element,
+    (m == null ? void 0 : m.includes(x.key)) && /* @__PURE__ */ e.createElement(
       "div",
       {
-        "data-testid": `${S.key}-selected-icon`,
-        className: Fe[`${Re}__list__item__icon`]
+        "data-testid": `${x.key}-selected-icon`,
+        className: Fe[`${Me}__list__item__icon`]
       },
       /* @__PURE__ */ e.createElement(P, { source: ea, kind: "action-primary" })
     )
   )), Ie = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    x(k({
+    S(k({
       "aria-label": "Toggle menu",
       "data-testid": "action-menu-trigger-button",
       ref: he.setReference
@@ -855,20 +857,20 @@ const mc = {
     "div",
     k({
       ref: he.setFloating,
-      className: Fe[Re],
+      className: Fe[Me],
       style: k(k({
         position: q,
         top: V != null ? V : "",
-        left: M != null ? M : ""
+        left: R != null ? R : ""
       }, !!N && { maxHeight: N }), lt)
-    }, je()),
+    }, Ze()),
     r.length > 0 && /* @__PURE__ */ e.createElement(
       "ul",
-      x(k({}, g), {
+      S(k({}, g), {
         className: u(
-          Fe[`${Re}__list`],
+          Fe[`${Me}__list`],
           {
-            [Fe[`${Re}__list--with-footer`]]: b
+            [Fe[`${Me}__list--with-footer`]]: b
           },
           t
         ),
@@ -882,7 +884,7 @@ const mc = {
       {
         size: "sm",
         as: "div",
-        className: Fe[`${Re}__footer`]
+        className: Fe[`${Me}__footer`]
       },
       b
     )
@@ -1088,7 +1090,7 @@ function C_(t, a, r, _) {
       left: a ? _ + a : _
     };
 }
-const x_ = (t) => {
+const S_ = (t) => {
   switch (t) {
     case "invert":
       return {
@@ -1106,8 +1108,8 @@ const x_ = (t) => {
         fill: "var(--tooltip-background-basic)"
       };
   }
-}, S_ = "lc-Tooltip-module__tooltip___QOOAr", T_ = "lc-Tooltip-module__tooltip__content___RuamE", D_ = "lc-Tooltip-module__tooltip__arrow___Ov1YW", B_ = "lc-Tooltip-module__tooltip__interactive___0JawB", B = {
-  tooltip: S_,
+}, x_ = "lc-Tooltip-module__tooltip___QOOAr", T_ = "lc-Tooltip-module__tooltip__content___RuamE", D_ = "lc-Tooltip-module__tooltip__arrow___Ov1YW", B_ = "lc-Tooltip-module__tooltip__interactive___0JawB", B = {
+  tooltip: x_,
   tooltip__content: T_,
   "tooltip--invert": "lc-Tooltip-module__tooltip--invert___PVjhE",
   tooltip__arrow: D_,
@@ -1165,35 +1167,35 @@ const x_ = (t) => {
   hoverOutDelayTimeout: L = 100,
   arrowOffsetY: G,
   arrowOffsetX: T,
-  closeOnTriggerBlur: M = !1,
+  closeOnTriggerBlur: R = !1,
   floatingStrategy: V
 }) => {
-  const q = i !== void 0, [he, oe] = e.useState(!1), Ee = e.useRef(null), Oe = q ? i : he, $e = l || o, Pe = Ha(), je = aa(), lt = u(
+  const q = i !== void 0, [he, oe] = e.useState(!1), we = e.useRef(null), Oe = q ? i : he, Ee = l || o, Pe = Ha(), Ze = aa(), lt = u(
     B[Ht],
     a,
-    $e && B[`${Ht}--${$e}`],
+    Ee && B[`${Ht}--${Ee}`],
     d && B[`${Ht}--full-space`]
   ), ct = typeof _ == "function", nt = (ce) => {
     ce !== Oe && (ce ? s == null || s() : n == null || n(), !q && oe(ce));
   }, He = (ce) => p ? ce != null ? ce : m : 0, st = (ce) => ce != null ? ce : w, {
     floatingStyles: vt,
     refs: Ie,
-    context: S,
+    context: x,
     middlewareData: { arrow: { x: ee, y: le } = {} }
   } = ra({
-    nodeId: je,
+    nodeId: Ze,
     middleware: [
       _a({ mainAxis: N }),
       Ga(),
       oa(),
-      a_({ element: Ee })
+      a_({ element: we })
     ],
     placement: c,
     open: Oe,
     strategy: V,
     onOpenChange: nt,
     whileElementsMounted: la
-  }), ze = r_(S, {
+  }), ze = r_(x, {
     move: !1,
     restMs: y,
     delay: {
@@ -1201,15 +1203,15 @@ const x_ = (t) => {
       close: st(h || L)
     },
     enabled: E,
-    handleClose: M ? null : __()
-  }), Ge = o_(S), ma = na(S, C), pa = sa(S, { role: "tooltip" }), ga = ca(S, k({
+    handleClose: R ? null : __()
+  }), Ge = o_(x), ma = na(x, C), pa = sa(x, { role: "tooltip" }), ga = ca(x, k({
     enabled: v
-  }, D)), { isMounted: ba, styles: fa } = $r(S, {
+  }, D)), { isMounted: ba, styles: fa } = $r(x, {
     duration: {
       open: He(b),
       close: He(g)
     }
-  }), { status: va } = l_(S), { getReferenceProps: ha, getFloatingProps: ka } = ia([
+  }), { status: va } = l_(x), { getReferenceProps: ha, getFloatingProps: ka } = ia([
     ze,
     Ge,
     ma,
@@ -1221,16 +1223,16 @@ const x_ = (t) => {
   }, [Ie.setReference, $]);
   const ht = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    x(k({
+    S(k({
       "data-testid": "tooltip-trigger",
       ref: Ie.setReference
     }, ha()), {
       className: r
     }),
     ct ? _() : _
-  ), /* @__PURE__ */ e.createElement(da, { id: je }, ba && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(da, { id: Ze }, ba && /* @__PURE__ */ e.createElement(
     "div",
-    x(k({
+    S(k({
       ref: Ie.setFloating,
       style: k(k({}, vt), fa),
       className: lt
@@ -1241,8 +1243,8 @@ const x_ = (t) => {
     /* @__PURE__ */ e.createElement(
       c_,
       k({
-        ref: Ee,
-        context: S,
+        ref: we,
+        context: x,
         strokeWidth: 1,
         width: 10,
         height: 5,
@@ -1252,7 +1254,7 @@ const x_ = (t) => {
           le,
           ee
         ))
-      }, x_($e))
+      }, S_(Ee))
     )
   )));
   return Pe === null ? /* @__PURE__ */ e.createElement(za, null, ht) : ht;
@@ -1329,7 +1331,7 @@ const x_ = (t) => {
     },
     /* @__PURE__ */ e.createElement(
       W,
-      x(k({}, c), {
+      S(k({}, c), {
         kind: c.kind || d(o),
         onClick: c.handleClick
       }),
@@ -1337,7 +1339,7 @@ const x_ = (t) => {
     ),
     i && /* @__PURE__ */ e.createElement(
       W,
-      x(k({}, i), {
+      S(k({}, i), {
         className: u(
           B[`${Ue}-footer-secondary`],
           i.className
@@ -1507,7 +1509,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
     }
   ), /* @__PURE__ */ e.createElement(
     Pr,
-    x(k({}, t), {
+    S(k({}, t), {
       triggerRenderer: /* @__PURE__ */ e.createElement(e.Fragment, null),
       referenceElement: {
         getBoundingClientRect: () => i,
@@ -1606,7 +1608,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
       /* @__PURE__ */ e.createElement("div", null, t.label)
     )
   ) : /* @__PURE__ */ e.createElement("div", { "data-testid": t.key, className: _ }, o);
-}, zt = "action-bar", We = "action-bar__menu-wrapper", F_ = 44, xc = ({
+}, zt = "action-bar", We = "action-bar__menu-wrapper", F_ = 44, Sc = ({
   className: t,
   id: a = "action-bar-area",
   type: r = "menu",
@@ -1698,7 +1700,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
             icon: /* @__PURE__ */ e.createElement(
               P,
               {
-                source: Rt,
+                source: Mt,
                 kind: "primary",
                 className: u(
                   U[`${We}__button__icon`],
@@ -1728,7 +1730,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
   "action-card__column": "lc-ActionCard-module__action-card__column___K7tyh",
   "action-card__column--first": "lc-ActionCard-module__action-card__column--first___9XE58",
   "action-card__column--second": "lc-ActionCard-module__action-card__column--second___X1UC-"
-}, Ze = "action-card", Sc = ({
+}, et = "action-card", xc = ({
   className: t,
   children: a,
   secondColumn: r,
@@ -1736,7 +1738,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
   secondColumnClassName: o,
   onClick: l
 }) => {
-  const c = u(dt[Ze], t), i = (n) => {
+  const c = u(dt[et], t), i = (n) => {
     n.currentTarget === document.activeElement && (l == null || l());
   }, d = (n) => {
     n.currentTarget === document.activeElement && (n.key === "Enter" || n.key === " " || n.key === "Spacebar" || n.key === "Space") && (n.preventDefault(), l == null || l());
@@ -1754,10 +1756,10 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        "data-testid": `${Ze}-first-column`,
+        "data-testid": `${et}-first-column`,
         className: u(
-          dt[`${Ze}__column`],
-          dt[`${Ze}__column--first`],
+          dt[`${et}__column`],
+          dt[`${et}__column--first`],
           _
         )
       },
@@ -1766,19 +1768,19 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
     r && /* @__PURE__ */ e.createElement(
       "div",
       {
-        "data-testid": `${Ze}-second-column`,
+        "data-testid": `${et}-second-column`,
         className: u(
-          dt[`${Ze}__column`],
-          dt[`${Ze}__column--second`],
+          dt[`${et}__column`],
+          dt[`${et}__column--second`],
           o
         )
       },
       r
     )
   ));
-}, R_ = "lc-Alert-module__alert___HBTns", M_ = "lc-Alert-module__alert__icon___8TaAH", L_ = "lc-Alert-module__alert__content___9nZdf", O_ = "lc-Alert-module__alert__content__wrapper___aLBkP", H_ = "lc-Alert-module__alert__content__wrapper__text___HDMbR", z_ = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", G_ = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", ke = {
-  alert: R_,
-  alert__icon: M_,
+}, M_ = "lc-Alert-module__alert___HBTns", R_ = "lc-Alert-module__alert__icon___8TaAH", L_ = "lc-Alert-module__alert__content___9nZdf", O_ = "lc-Alert-module__alert__content__wrapper___aLBkP", H_ = "lc-Alert-module__alert__content__wrapper__text___HDMbR", z_ = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", G_ = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", ke = {
+  alert: M_,
+  alert__icon: R_,
   alert__content: L_,
   alert__content__wrapper: O_,
   alert__content__wrapper__text: H_,
@@ -1834,13 +1836,13 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), Nc = (t) => {
     a
   );
   return e.useEffect(() => {
-    const b = () => n.current && n.current.offsetWidth <= 400 ? p("small") : n.current && n.current.offsetWidth > 400 && n.current.offsetWidth <= 800 ? p("medium") : p("large"), g = xr(() => {
+    const b = () => n.current && n.current.offsetWidth <= 400 ? p("small") : n.current && n.current.offsetWidth > 400 && n.current.offsetWidth <= 800 ? p("medium") : p("large"), g = Sr(() => {
       b();
     }, 500);
     return window.addEventListener("resize", g), b(), () => window.removeEventListener("resize", g);
   }), /* @__PURE__ */ e.createElement("div", k({ ref: n, className: m }, c), /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content`] }, /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
     P,
-    x(k({}, U_[o]), {
+    S(k({}, U_[o]), {
       size: "large",
       className: ke[`${ye}__icon`]
     })
@@ -1987,7 +1989,7 @@ const Y_ = "lc-Avatar-module__avatar___1zTCE", K_ = "lc-Avatar-module__avatar__s
   ), T = u(
     ge[`${Z}__rim`],
     ge[`${Z}__rim--${o}`]
-  ), M = (q) => N ? "2xs" : ["medium"].includes(q) ? "xs" : ["large", "xlarge"].includes(q) ? "sm" : ["xxlarge"].includes(q) ? "lg" : "xl", V = e.useCallback(() => w(!0), []);
+  ), R = (q) => N ? "2xs" : ["medium"].includes(q) ? "xs" : ["large", "xlarge"].includes(q) ? "sm" : ["xxlarge"].includes(q) ? "lg" : "xl", V = e.useCallback(() => w(!0), []);
   return e.useEffect(() => {
     w(b);
   }, [b]), /* @__PURE__ */ e.createElement("div", k({ className: D, style: C }, s), n && /* @__PURE__ */ e.createElement(
@@ -2014,7 +2016,7 @@ const Y_ = "lc-Avatar-module__avatar___1zTCE", K_ = "lc-Avatar-module__avatar__s
     Be,
     {
       as: "span",
-      size: M(o),
+      size: R(o),
       style: { color: y },
       bold: N,
       uppercase: N
@@ -2148,7 +2150,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
     "src",
     "title"
   ]);
-  const [p, m] = e.useState(!1), b = p ? ta : Rt, g = p ? "Hide" : "Show more", w = (a == null ? void 0 : a.length) > 0, f = !!l, h = w || f, v = i, E = c, N = E ? "" : be[bo];
+  const [p, m] = e.useState(!1), b = p ? ta : Mt, g = p ? "Hide" : "Show more", w = (a == null ? void 0 : a.length) > 0, f = !!l, h = w || f, v = i, E = c, N = E ? "" : be[bo];
   return /* @__PURE__ */ e.createElement("div", k({ className: u(be[Ft], _) }, d), v && /* @__PURE__ */ e.createElement("div", { className: u(be[Zt], N) }, E && /* @__PURE__ */ e.createElement(
     "img",
     {
@@ -2204,8 +2206,8 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
     "className"
   ]);
   const l = u(fo[vo], a);
-  return /* @__PURE__ */ e.createElement(I, x(k({ as: "span", size: "sm" }, r), { className: l }), t);
-}, ho = "lc-Checkbox-module__checkbox___G7nTf", ko = "lc-Checkbox-module__checkbox__label___-o01x", yo = "lc-Checkbox-module__checkbox__text___P2SIq", wo = "lc-Checkbox-module__checkbox__input___YLbVF", Eo = "lc-Checkbox-module__checkbox__checkmark___16pfY", $o = "lc-Checkbox-module__checkbox__square___MHUyd", No = "lc-Checkbox-module__checkbox__helper___YSJ-n", et = {
+  return /* @__PURE__ */ e.createElement(I, S(k({ as: "span", size: "sm" }, r), { className: l }), t);
+}, ho = "lc-Checkbox-module__checkbox___G7nTf", ko = "lc-Checkbox-module__checkbox__label___-o01x", yo = "lc-Checkbox-module__checkbox__text___P2SIq", wo = "lc-Checkbox-module__checkbox__input___YLbVF", Eo = "lc-Checkbox-module__checkbox__checkmark___16pfY", $o = "lc-Checkbox-module__checkbox__square___MHUyd", No = "lc-Checkbox-module__checkbox__helper___YSJ-n", tt = {
   checkbox: ho,
   checkbox__label: ko,
   checkbox__text: yo,
@@ -2215,28 +2217,28 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
   checkbox__square: $o,
   "checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
   checkbox__helper: No
-}, tt = "checkbox", Co = e.forwardRef(
+}, at = "checkbox", Co = e.forwardRef(
   (i, c) => {
     var d = i, { checked: t, disabled: a, children: r, description: _, className: o } = d, l = F(d, ["checked", "disabled", "children", "description", "className"]);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: u(et[tt], o, {
-          [et[`${tt}--selected`]]: t,
-          [et[`${tt}--disabled`]]: a
+        className: u(tt[at], o, {
+          [tt[`${at}--selected`]]: t,
+          [tt[`${at}--disabled`]]: a
         })
       },
-      /* @__PURE__ */ e.createElement("label", { className: et[`${tt}__label`] }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("label", { className: tt[`${at}__label`] }, /* @__PURE__ */ e.createElement(
         "input",
-        x(k({}, l), {
+        S(k({}, l), {
           ref: c,
           checked: t,
           disabled: a,
-          className: et[`${tt}__input`],
+          className: tt[`${at}__input`],
           type: "checkbox"
         })
-      ), r && /* @__PURE__ */ e.createElement(I, { as: "div", size: "md", className: et[`${tt}__text`] }, r)),
-      _ && /* @__PURE__ */ e.createElement(ua, { className: et[`${tt}__helper`] }, _)
+      ), r && /* @__PURE__ */ e.createElement(I, { as: "div", size: "md", className: tt[`${at}__text`] }, r)),
+      _ && /* @__PURE__ */ e.createElement(ua, { className: tt[`${at}__helper`] }, _)
     );
   }
 ), A = {
@@ -2274,7 +2276,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
   "date-picker--range__select-input": "lc-DatePicker-module__date-picker--range__select-input___6pyj3",
   "date-picker--range__calendars-wrapper": "lc-DatePicker-module__date-picker--range__calendars-wrapper___8nWaW",
   "date-picker__navbar-buttons-wrapper": "lc-DatePicker-module__date-picker__navbar-buttons-wrapper___Hnksb"
-}, _r = "date-picker", xo = (t) => {
+}, _r = "date-picker", So = (t) => {
   const {
     onPreviousClick: a,
     onMonthChange: r,
@@ -2357,23 +2359,23 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
     },
     /* @__PURE__ */ e.createElement(P, { source: Jr, kind: "subtle" })
   )));
-}, R = "date-picker", Fr = (t, a) => {
+}, M = "date-picker", Fr = (t, a) => {
   const { from: r, to: _ } = a;
-  return !(_ && !Fa(t, _) && Ra(t, _) || r && !Fa(t, r) && !Ra(t, r));
-}, Rr = (t, a, r) => a ? t && !Ia(t, a) || r && Ia(a, r) ? bt(a, 1) : a : bt(r || /* @__PURE__ */ new Date(), 1), So = (t, a) => {
+  return !(_ && !Fa(t, _) && Ma(t, _) || r && !Fa(t, r) && !Ma(t, r));
+}, Mr = (t, a, r) => a ? t && !Ia(t, a) || r && Ia(a, r) ? bt(a, 1) : a : bt(r || /* @__PURE__ */ new Date(), 1), xo = (t, a) => {
   const r = {
-    [A[`${R}__day--monday`]]: { daysOfWeek: [1] },
-    [A[`${R}__day--sunday`]]: { daysOfWeek: [0] },
-    [A[`${R}__day--start`]]: t,
-    [A[`${R}__day--end`]]: t
+    [A[`${M}__day--monday`]]: { daysOfWeek: [1] },
+    [A[`${M}__day--sunday`]]: { daysOfWeek: [0] },
+    [A[`${M}__day--start`]]: t,
+    [A[`${M}__day--end`]]: t
   };
   if (!a || !t)
     return r;
-  const _ = Sr(a, t);
-  return _ > 0 ? x(k({}, r), {
-    [A[`${R}__day--end`]]: a
-  }) : _ < 0 ? x(k({}, r), {
-    [A[`${R}__day--start`]]: a
+  const _ = xr(a, t);
+  return _ > 0 ? S(k({}, r), {
+    [A[`${M}__day--end`]]: a
+  }) : _ < 0 ? S(k({}, r), {
+    [A[`${M}__day--start`]]: a
   }) : r;
 }, Pt = (t, a) => {
   const r = a.find((_) => _.id === t);
@@ -2389,39 +2391,39 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
   return r ? (a.selectedItem = t.initialSelectedItemKey, r.isManual && (t.initialFromDate && (a.from = t.initialFromDate), t.initialToDate && (a.to = t.initialToDate, a.temporaryTo = t.initialToDate)), a) : {};
 }, Do = (t, a) => k({
   container: u({
-    [A[`${R}`]]: !0,
-    [A[`${R}--range`]]: t
+    [A[`${M}`]]: !0,
+    [A[`${M}--range`]]: t
   }),
-  wrapper: A[`${R}__wrapper`],
-  interactionDisabled: A[`${R}--interaction-disabled`],
-  months: A[`${R}__months`],
-  month: A[`${R}__month`],
-  navBar: A[`${R}__nav-bar`],
+  wrapper: A[`${M}__wrapper`],
+  interactionDisabled: A[`${M}--interaction-disabled`],
+  months: A[`${M}__months`],
+  month: A[`${M}__month`],
+  navBar: A[`${M}__nav-bar`],
   navButtonPrev: u(
-    A[`${R}__nav-button`],
-    A[`${R}__nav-button--prev`]
+    A[`${M}__nav-button`],
+    A[`${M}__nav-button--prev`]
   ),
   navButtonNext: u(
-    A[`${R}__nav-button`],
-    A[`${R}__nav-button--next`]
+    A[`${M}__nav-button`],
+    A[`${M}__nav-button--next`]
   ),
-  navButtonInteractionDisabled: A[`${R}__nav-button--interaction-disabled`],
-  caption: A[`${R}__caption`],
-  weekdays: A[`${R}__weekdays`],
-  weekdaysRow: A[`${R}__weekdays-row`],
-  weekday: A[`${R}__weekday`],
-  body: A[`${R}__body`],
-  week: A[`${R}__week`],
-  weekNumber: A[`${R}__week-number`],
-  day: A[`${R}__day`],
-  footer: A[`${R}__footer`],
-  todayButton: A[`${R}__today-button`],
-  today: A[`${R}__day--today`],
-  selected: A[`${R}__day--selected`],
-  disabled: A[`${R}__day--disabled`],
-  outside: A[`${R}__day--outside`],
-  start: A[`${R}__day--start`],
-  end: A[`${R}__day--end`]
+  navButtonInteractionDisabled: A[`${M}__nav-button--interaction-disabled`],
+  caption: A[`${M}__caption`],
+  weekdays: A[`${M}__weekdays`],
+  weekdaysRow: A[`${M}__weekdays-row`],
+  weekday: A[`${M}__weekday`],
+  body: A[`${M}__body`],
+  week: A[`${M}__week`],
+  weekNumber: A[`${M}__week-number`],
+  day: A[`${M}__day`],
+  footer: A[`${M}__footer`],
+  todayButton: A[`${M}__today-button`],
+  today: A[`${M}__day--today`],
+  selected: A[`${M}__day--selected`],
+  disabled: A[`${M}__day--disabled`],
+  outside: A[`${M}__day--outside`],
+  start: A[`${M}__day--start`],
+  end: A[`${M}__day--end`]
 }, a), lr = "date-picker", Bo = (t) => {
   const a = t.getDate();
   return /* @__PURE__ */ e.createElement("div", { className: A[`${lr}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: A[`${lr}__day-content`] }, a));
@@ -2474,7 +2476,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
     d_,
     k({
       navbarElement: d || /* @__PURE__ */ e.createElement(
-        xo,
+        So,
         {
           month: m,
           classNames: f,
@@ -2500,7 +2502,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
 Po.displayName = "DatePicker";
 var Y = /* @__PURE__ */ ((t) => (t.NEW_SELECTED_ITEM = "NEW_SELECTED_ITEM", t.NEW_TEMPORARY_TO_VALUE = "NEW_TEMPORARY_TO_VALUE", t.CLEAR = "CLEAR", t.SET_FROM = "SET_FROM", t.SET_TO = "SET_TO", t.SELECT_FIRST_DAY = "SELECT_FIRST_DAY", t.SELECT_SECOND_DAY_AS_FROM = "SELECT_SECOND_DAY_AS_FROM", t.SELECT_SECOND_DAY_AS_TO = "SELECT_SECOND_DAY_AS_TO", t.CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE", t))(Y || {});
 const Io = (t) => {
-  const a = Rr(
+  const a = Mr(
     t.initialFromDate,
     t.initialToDate,
     t.toMonth
@@ -2522,36 +2524,36 @@ const Io = (t) => {
           currentMonth: a
         };
       case Y.NEW_TEMPORARY_TO_VALUE:
-        return x(k({}, l), {
+        return S(k({}, l), {
           temporaryTo: c.payload.date
         });
       case Y.SELECT_FIRST_DAY:
-        return x(k({}, l), {
+        return S(k({}, l), {
           from: c.payload.date,
           to: void 0,
           temporaryTo: void 0
         });
       case Y.SELECT_SECOND_DAY_AS_FROM:
-        return x(k({}, l), {
+        return S(k({}, l), {
           from: c.payload.date,
           to: l.from,
           temporaryTo: l.from
         });
       case Y.SELECT_SECOND_DAY_AS_TO:
-        return x(k({}, l), {
+        return S(k({}, l), {
           to: c.payload.date,
           temporaryTo: c.payload.date
         });
       case Y.CURRENT_MONTH_CHANGE:
-        return x(k({}, l), {
+        return S(k({}, l), {
           currentMonth: c.payload.date
         });
       case Y.SET_FROM:
-        return x(k({}, l), {
+        return S(k({}, l), {
           from: c.payload.date
         });
       case Y.SET_TO:
-        return x(k({}, l), {
+        return S(k({}, l), {
           to: c.payload.date
         });
       default:
@@ -2590,7 +2592,7 @@ const Io = (t) => {
       payload: { date: _ }
     });
   }, [_]), gt(() => {
-    const w = Rr(
+    const w = Mr(
       r,
       _,
       o
@@ -2604,7 +2606,7 @@ const Io = (t) => {
     if (!(w && h))
       return;
     const v = Pt(f, t);
-    v && (l == null || l(x(k({}, v), {
+    v && (l == null || l(S(k({}, v), {
       value: {
         from: w,
         to: h
@@ -2621,14 +2623,14 @@ const Io = (t) => {
     if (!Pt(w, t))
       return;
     const h = t.reduce(
-      (v, E) => x(k({}, v), { [E.id]: E }),
+      (v, E) => S(k({}, v), { [E.id]: E }),
       {}
     );
     l(h[w]);
   }, [l, d.selectedItem, t]);
   const s = Lt(
     (w) => {
-      const f = o ? Sr(o, w) >= 0 : !0;
+      const f = o ? xr(o, w) >= 0 : !0;
       !or(d.from, d.to) && f && n({
         type: Y.NEW_TEMPORARY_TO_VALUE,
         payload: { date: w }
@@ -2641,7 +2643,7 @@ const Io = (t) => {
       Fr(w, { to: o }) && (or(f, h) ? n({
         type: Y.SELECT_FIRST_DAY,
         payload: { date: w }
-      }) : f && Fa(w, f) || f && Ra(w, f) ? n({
+      }) : f && Fa(w, f) || f && Ma(w, f) ? n({
         type: Y.SELECT_SECOND_DAY_AS_TO,
         payload: { date: w }
       }) : n({
@@ -2673,7 +2675,7 @@ const Io = (t) => {
   }, []);
   return c((() => {
     const { currentMonth: w, from: f, selectedItem: h, temporaryTo: v, to: E } = d, N = Ot(
-      () => So(f, v),
+      () => xo(f, v),
       [f, v]
     ), $ = Ot(() => Pt(h, t), [t, h]), y = Ot(() => [f, { from: f, to: v }], [f, v]), C = Ot(() => o ? { after: o } : void 0, [o]);
     return {
@@ -2720,7 +2722,7 @@ const Ac = (t) => {
     a,
     A["date-picker--range__calendars-wrapper"]
   );
-  return /* @__PURE__ */ e.createElement("div", x(k({}, _), { className: o }), r);
+  return /* @__PURE__ */ e.createElement("div", S(k({}, _), { className: o }), r);
 }, O = {
   "details-card": "lc-DetailsCard-module__details-card___cVoS7",
   "details-card__button--fading": "lc-DetailsCard-module__details-card__button--fading___tQA02",
@@ -2867,7 +2869,7 @@ const Ac = (t) => {
     "className"
   ]);
   const l = u(cr[nr], a);
-  return /* @__PURE__ */ e.createElement(I, x(k({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(I, S(k({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
     P,
     {
       source: Oa,
@@ -2879,7 +2881,7 @@ const Ac = (t) => {
   "field-group": "lc-FieldGroup-module__field-group___gy8lp",
   "field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
   "field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
-}, xa = "field-group", Fc = (i) => {
+}, Sa = "field-group", Fc = (i) => {
   var d = i, {
     className: t = "",
     children: a,
@@ -2895,18 +2897,18 @@ const Ac = (t) => {
     "inline",
     "stretch"
   ]);
-  const n = u(Ca[xa], t, {
-    [Ca[`${xa}--inline`]]: o,
-    [Ca[`${xa}--stretched`]]: l
+  const n = u(Ca[Sa], t, {
+    [Ca[`${Sa}--inline`]]: o,
+    [Ca[`${Sa}--stretched`]]: l
   });
-  return /* @__PURE__ */ e.createElement("div", x(k({}, c), { className: n }), a, _ && /* @__PURE__ */ e.createElement(Va, null, _), r && /* @__PURE__ */ e.createElement(ua, null, r));
-}, Ro = "lc-Form-module__form___1nOYF", Mo = "lc-Form-module__form__header___U4B7t", Lo = "lc-Form-module__form__footer___1-sUX", Oo = "lc-Form-module__form__label___spg-J", Ho = "lc-Form-module__form__helper___bhfwS", Nt = {
-  form: Ro,
-  form__header: Mo,
+  return /* @__PURE__ */ e.createElement("div", S(k({}, c), { className: n }), a, _ && /* @__PURE__ */ e.createElement(Va, null, _), r && /* @__PURE__ */ e.createElement(ua, null, r));
+}, Mo = "lc-Form-module__form___1nOYF", Ro = "lc-Form-module__form__header___U4B7t", Lo = "lc-Form-module__form__footer___1-sUX", Oo = "lc-Form-module__form__label___spg-J", Ho = "lc-Form-module__form__helper___bhfwS", Nt = {
+  form: Mo,
+  form__header: Ro,
   form__footer: Lo,
   form__label: Oo,
   form__helper: Ho
-}, Ct = "form", Rc = (c) => {
+}, Ct = "form", Mc = (c) => {
   var i = c, {
     className: t,
     children: a,
@@ -2938,7 +2940,7 @@ const Ac = (t) => {
   "form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
   "form-field__content": "lc-FormField-module__form-field__content___XaOx3",
   "form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
-}, J = "form-field", Mc = ({
+}, J = "form-field", Rc = ({
   inline: t,
   error: a,
   description: r,
@@ -3057,7 +3059,7 @@ const Ac = (t) => {
   const i = u(qt[Yt], t);
   return /* @__PURE__ */ e.createElement(
     "div",
-    x(k(x(k({}, o), {
+    S(k(S(k({}, o), {
       role: "group"
     }), r && { "aria-label": r }), {
       className: i
@@ -3143,7 +3145,7 @@ const Ac = (t) => {
       $ && sr(_, r),
       /* @__PURE__ */ e.createElement(
         "input",
-        x(k({}, c), {
+        S(k({}, c), {
           ref: s,
           onFocus: (D) => {
             m(!0), f == null || f(D);
@@ -3190,23 +3192,23 @@ const Ac = (t) => {
       )
     }, r)
   );
-}, Uo = "lc-Modal-module__modal__body___M-jmN", Wo = "lc-Modal-module__modal__header___Fp5VE", Vo = "lc-Modal-module__modal__heading___G9KVK", qo = "lc-Modal-module__modal__footer___2LYdc", pe = {
+}, Uo = "lc-Modal-module__modal__body___M-jmN", Wo = "lc-Modal-module__modal__header___Fp5VE", Vo = "lc-Modal-module__modal__heading___G9KVK", qo = "lc-Modal-module__modal__footer___2LYdc", re = {
   "modal-base": "lc-Modal-module__modal-base___hbL1U",
-  "fade-in-step2": "lc-Modal-module__fade-in-step2___xzJX5",
+  "fade-in": "lc-Modal-module__fade-in___gWlGs",
   "modal-base--full-space": "lc-Modal-module__modal-base--full-space___KcGFL",
   "modal-base__overlay": "lc-Modal-module__modal-base__overlay___kCQ8t",
   "modal-base__overlay--visible": "lc-Modal-module__modal-base__overlay--visible___zUNJL",
-  "fade-in-step1": "lc-Modal-module__fade-in-step1___c1cRV",
   "modal-base__overlay--labelled": "lc-Modal-module__modal-base__overlay--labelled___THAo-",
   "modal-base__close": "lc-Modal-module__modal-base__close___gJlgr",
   "modal-base__close--label-type": "lc-Modal-module__modal-base__close--label-type___Om0Vb",
   modal__body: Uo,
   modal__header: Wo,
+  "modal__header--without-heading": "lc-Modal-module__modal__header--without-heading___N2Bra",
   "modal__label-header": "lc-Modal-module__modal__label-header___ZPtEy",
   modal__heading: Vo,
   "modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
   modal__footer: qo
-}, xt = "modal-base", Yo = (d) => {
+}, St = "modal-base", Yo = (d) => {
   var n = d, {
     children: t,
     className: a = "",
@@ -3225,9 +3227,9 @@ const Ac = (t) => {
     "isLabelled"
   ]);
   const s = u(
-    pe[xt],
+    re[St],
     a,
-    l && pe[`${xt}--full-space`]
+    l && re[`${St}--full-space`]
   );
   e.useEffect(() => {
     if (!_)
@@ -3246,9 +3248,9 @@ const Ac = (t) => {
       "data-testid": "lc-modal-overlay",
       onMouseDown: p,
       className: u(
-        pe[`${xt}__overlay`],
-        pe[`${xt}__overlay--visible`],
-        c && pe[`${xt}__overlay--labelled`]
+        re[`${St}__overlay`],
+        re[`${St}__overlay--visible`],
+        c && re[`${St}__overlay--labelled`]
       )
     },
     /* @__PURE__ */ e.createElement(
@@ -3273,13 +3275,13 @@ const Ac = (t) => {
     "aria-label": "Close modal",
     title: "Close modal",
     className: u(
-      pe["modal-base__close"],
-      t && pe["modal-base__close--label-type"]
+      re["modal-base__close"],
+      t && re["modal-base__close--label-type"]
     ),
     onClick: r,
     icon: /* @__PURE__ */ e.createElement(P, { source: Ae, size: "medium", customColor: a })
   }
-), at = "modal", zc = (n) => {
+), Xe = "modal", zc = (n) => {
   var s = n, {
     children: t,
     className: a = "",
@@ -3299,7 +3301,7 @@ const Ac = (t) => {
     "onClose",
     "contentClassName"
   ]);
-  const p = u(pe[at], a), m = typeof t == "string", b = (g) => {
+  const p = u(re[Xe], a), m = typeof t == "string", b = (g) => {
     g.preventDefault(), g.stopPropagation(), c();
   };
   return /* @__PURE__ */ e.createElement(
@@ -3310,12 +3312,12 @@ const Ac = (t) => {
       onClose: c,
       isLabelled: !!_
     }, d),
-    _ && /* @__PURE__ */ e.createElement("div", { className: pe[`${at}__label-header`] }, /* @__PURE__ */ e.createElement(
+    _ && /* @__PURE__ */ e.createElement("div", { className: re[`${Xe}__label-header`] }, /* @__PURE__ */ e.createElement(
       Be,
       {
         size: "sm",
         as: "div",
-        className: pe[`${at}__label-heading`]
+        className: re[`${Xe}__label-heading`]
       },
       _
     ), /* @__PURE__ */ e.createElement(
@@ -3326,24 +3328,33 @@ const Ac = (t) => {
         onClick: b
       }
     )),
-    !_ && r && /* @__PURE__ */ e.createElement("div", { className: pe[`${at}__header`] }, /* @__PURE__ */ e.createElement(
-      Be,
+    !_ && /* @__PURE__ */ e.createElement(
+      "div",
       {
-        size: "sm",
-        as: "div",
-        className: pe[`${at}__heading`]
+        className: u(re[`${Xe}__header`], {
+          [re[`${Xe}__header--without-heading`]]: !r
+        })
       },
-      r
-    ), /* @__PURE__ */ e.createElement(ur, { onClick: b })),
+      r && /* @__PURE__ */ e.createElement(
+        Be,
+        {
+          size: "sm",
+          as: "div",
+          className: re[`${Xe}__heading`]
+        },
+        r
+      ),
+      /* @__PURE__ */ e.createElement(ur, { onClick: b })
+    ),
     /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "modal-body",
-        className: u(pe[`${at}__body`], i)
+        className: u(re[`${Xe}__body`], i)
       },
       m ? /* @__PURE__ */ e.createElement(I, { as: "div" }, t) : t
     ),
-    l && /* @__PURE__ */ e.createElement("div", { className: pe[`${at}__footer`] }, l)
+    l && /* @__PURE__ */ e.createElement("div", { className: re[`${Xe}__footer`] }, l)
   );
 }, Gc = ({
   children: t,
@@ -3359,7 +3370,7 @@ const Ac = (t) => {
       (c = document.querySelector(r)) == null || c.removeChild(o);
     };
   }, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, Cr.createPortal(t, o));
-}, St = {
+}, xt = {
   "modal-header": "lc-ModalHeader-module__modal-header___xk3bd",
   "modal-header__heading-left-node": "lc-ModalHeader-module__modal-header__heading-left-node___1--G5",
   "modal-header__heading-body": "lc-ModalHeader-module__modal-header__heading-body___HHEF-",
@@ -3371,22 +3382,22 @@ const Ac = (t) => {
   children: _,
   className: o = ""
 }) => {
-  const l = u(St[Tt], o);
+  const l = u(xt[Tt], o);
   return /* @__PURE__ */ e.createElement("div", { className: l }, a && /* @__PURE__ */ e.createElement(
     P,
     k({
-      className: St[`${Tt}__heading-left-node`]
+      className: xt[`${Tt}__heading-left-node`]
     }, a)
   ), r && /* @__PURE__ */ e.createElement(
     Q_,
     k({
-      className: St[`${Tt}__heading-left-node`]
+      className: xt[`${Tt}__heading-left-node`]
     }, r)
-  ), /* @__PURE__ */ e.createElement("div", { className: St[`${Tt}__heading-body`] }, /* @__PURE__ */ e.createElement(Be, { as: "div", size: "sm" }, t), _ && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: xt[`${Tt}__heading-body`] }, /* @__PURE__ */ e.createElement(Be, { as: "div", size: "sm" }, t), _ && /* @__PURE__ */ e.createElement(
     I,
     {
       as: "div",
-      className: St[`${Tt}__heading-description`]
+      className: xt[`${Tt}__heading-description`]
     },
     _
   )));
@@ -3451,7 +3462,7 @@ const Ac = (t) => {
   };
   return /* @__PURE__ */ e.createElement("div", { className: b, style: i }, /* @__PURE__ */ e.createElement(
     "input",
-    x(k({
+    S(k({
       type: "text",
       ref: m
     }, n), {
@@ -3493,7 +3504,7 @@ const Ac = (t) => {
     /* @__PURE__ */ e.createElement(
       P,
       {
-        source: Rt,
+        source: Mt,
         kind: "primary",
         disabled: l || v(r, o)
       }
@@ -3512,9 +3523,9 @@ const ft = "select-all", Qo = (t, a) => {
   return t.forEach((_, o) => {
     a(_) && r.push(o);
   }), r;
-}, Ma = (t) => t.filter(
+}, Ra = (t) => t.filter(
   ({ key: a, disabled: r, groupHeader: _ }) => !(a === ft || r || _)
-), Sa = ({ key: t }) => t, mr = (t, a) => t.includes(a) ? t.filter((r) => r !== a) : [...t, a], ae = {
+), xa = ({ key: t }) => t, mr = (t, a) => t.includes(a) ? t.filter((r) => r !== a) : [...t, a], ie = {
   "item-wrapper": "lc-PickerListItem-module__item-wrapper___ETYMU",
   "item-wrapper__first": "lc-PickerListItem-module__item-wrapper__first___uit1z",
   "item-wrapper__last": "lc-PickerListItem-module__item-wrapper__last___cWmGF",
@@ -3529,7 +3540,7 @@ const ft = "select-all", Qo = (t, a) => {
   "picker-list__item__label": "lc-PickerListItem-module__picker-list__item__label___e0uwB",
   "picker-list__item__main-label": "lc-PickerListItem-module__picker-list__item__main-label___YfUhr",
   "picker-list__item__secondary-label": "lc-PickerListItem-module__picker-list__item__secondary-label___6xcMD"
-}, we = "picker-list__item", jo = ({
+}, $e = "picker-list__item", jo = ({
   index: t,
   isActive: a,
   isSelected: r,
@@ -3539,37 +3550,37 @@ const ft = "select-all", Qo = (t, a) => {
   item: c,
   numberOfItems: i
 }) => {
-  const d = (s) => s != null && s.customElement ? /* @__PURE__ */ e.createElement("div", { className: ae[`${we}__custom`] }, s.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, s.showCheckbox && /* @__PURE__ */ e.createElement(
+  const d = (s) => s != null && s.customElement ? /* @__PURE__ */ e.createElement("div", { className: ie[`${$e}__custom`] }, s.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, s.showCheckbox && /* @__PURE__ */ e.createElement(
     Co,
     {
-      className: ae[`${we}__checkbox`],
+      className: ie[`${$e}__checkbox`],
       checked: r
     }
   ), s.icon && /* @__PURE__ */ e.createElement(
     P,
     {
-      className: ae[`${we}__icon`],
+      className: ie[`${$e}__icon`],
       kind: "link",
       source: s.icon
     }
   ), s.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
-      className: u(ae[`${we}__avatar`]),
+      className: u(ie[`${$e}__avatar`]),
       src: s.avatarSrc,
       alt: s.name
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: ae[`${we}__label-container`] }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: ie[`${$e}__label-container`] }, /* @__PURE__ */ e.createElement(
     I,
     {
       as: "span",
-      className: u([ae[`${we}__label`]], {
-        [ae[`${we}__main-label`]]: s.secondaryText
+      className: u([ie[`${$e}__label`]], {
+        [ie[`${$e}__main-label`]]: s.secondaryText
       }),
       "aria-disabled": s.disabled
     },
     s.name
-  ), s.secondaryText && /* @__PURE__ */ e.createElement("span", { className: ae[`${we}__secondary-label`] }, s.secondaryText)));
+  ), s.secondaryText && /* @__PURE__ */ e.createElement("span", { className: ie[`${$e}__secondary-label`] }, s.secondaryText)));
   if (c.groupHeader)
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -3577,7 +3588,7 @@ const ft = "select-all", Qo = (t, a) => {
         id: `item-${t}`,
         key: c.key,
         role: "group",
-        className: ae[`${we}__header`]
+        className: ie[`${$e}__header`]
       }, l()),
       /* @__PURE__ */ e.createElement(Be, { size: "2xs", uppercase: !0, bold: !0, as: "div" }, c.name)
     );
@@ -3586,7 +3597,7 @@ const ft = "select-all", Qo = (t, a) => {
   };
   return /* @__PURE__ */ e.createElement(
     "div",
-    x(k({
+    S(k({
       id: c.key,
       key: c.key,
       tabIndex: a ? 0 : -1,
@@ -3599,9 +3610,9 @@ const ft = "select-all", Qo = (t, a) => {
     }, l({
       onClick: () => n(c.key)
     })), {
-      className: u(ae["item-wrapper"], {
-        [ae["item-wrapper__first"]]: t === 0 && !c.groupHeader,
-        [ae["item-wrapper__last"]]: t === i - 1 && !c.groupHeader
+      className: u(ie["item-wrapper"], {
+        [ie["item-wrapper__first"]]: t === 0 && !c.groupHeader,
+        [ie["item-wrapper__last"]]: t === i - 1 && !c.groupHeader
       })
     }),
     /* @__PURE__ */ e.createElement(
@@ -3610,9 +3621,8 @@ const ft = "select-all", Qo = (t, a) => {
         "aria-selected": r,
         "aria-disabled": c.disabled,
         "aria-current": a && !c.disabled,
-        className: u(ae[we], {
-          [ae[`${we}__custom`]]: c.customElement,
-          [ae[`${we}--select-all`]]: c.key === ft
+        className: u(ie[$e], {
+          [ie[`${$e}--select-all`]]: c.key === ft
         })
       },
       d(c),
@@ -3671,7 +3681,7 @@ const ft = "select-all", Qo = (t, a) => {
       /* @__PURE__ */ e.createElement("div", { className: $ }, m)
     ));
   }
-  const N = ($) => c.includes($) || $ === ft && c.length === Ma(o).length;
+  const N = ($) => c.includes($) || $ === ft && c.length === Ra(o).length;
   return /* @__PURE__ */ e.createElement(Pa, { context: t, modal: !1, initialFocus: -1 }, /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -3679,7 +3689,7 @@ const ft = "select-all", Qo = (t, a) => {
       ref: a,
       tabIndex: -1,
       className: u(pt.listbox, g),
-      style: x(k({}, r), {
+      style: S(k({}, r), {
         maxHeight: _
       })
     },
@@ -3702,7 +3712,7 @@ const ft = "select-all", Qo = (t, a) => {
       })),
       /* @__PURE__ */ e.createElement(
         u_,
-        x(k({
+        S(k({
           totalListHeightChanged: E,
           style: { height: `${f}px`, maxHeight: _ },
           totalCount: o.length,
@@ -3726,7 +3736,7 @@ const ft = "select-all", Qo = (t, a) => {
       )
     )
   ));
-}, ie = {
+}, de = {
   "picker-trigger": "lc-PickerTrigger-module__picker-trigger___-tjS0",
   "picker-trigger--multi-select": "lc-PickerTrigger-module__picker-trigger--multi-select___av4Ws",
   "picker-trigger--multi-select--with-items": "lc-PickerTrigger-module__picker-trigger--multi-select--with-items___7uI-R",
@@ -3744,7 +3754,7 @@ const ft = "select-all", Qo = (t, a) => {
   "picker-trigger--disabled": "lc-PickerTrigger-module__picker-trigger--disabled___4MGb4",
   "picker-trigger--focused": "lc-PickerTrigger-module__picker-trigger--focused___vBA4d",
   "picker-trigger--error": "lc-PickerTrigger-module__picker-trigger--error___yu6Dt"
-}, re = "picker-trigger", tl = ({
+}, ae = "picker-trigger", tl = ({
   setReference: t,
   getReferenceProps: a,
   testId: r,
@@ -3761,19 +3771,19 @@ const ft = "select-all", Qo = (t, a) => {
   setTriggerFocus: b
 }) => {
   const g = u(
-    ie[re],
-    ie[`${re}--${_}`],
-    o && ie[`${re}--multi-select`],
-    o && l && ie[`${re}--multi-select--with-items`],
-    i && ie[`${re}--disabled`],
-    n && ie[`${re}--focused`],
-    s && ie[`${re}--error`]
+    de[ae],
+    de[`${ae}--${_}`],
+    o && de[`${ae}--multi-select`],
+    o && l && de[`${ae}--multi-select--with-items`],
+    i && de[`${ae}--disabled`],
+    n && de[`${ae}--focused`],
+    s && de[`${ae}--error`]
   ), w = !c && l && !i && !d, f = (h) => {
     h.stopPropagation(), p();
   };
   return /* @__PURE__ */ e.createElement(
     "button",
-    x(k({
+    S(k({
       tabIndex: i ? -1 : 0,
       "aria-disabled": i,
       disabled: i,
@@ -3790,9 +3800,9 @@ const ft = "select-all", Qo = (t, a) => {
       {
         as: "div",
         className: u(
-          ie[`${re}__content`],
-          ie[`${re}__content--${_}`],
-          o && l && ie[`${re}__content--with-items`]
+          de[`${ae}__content`],
+          de[`${ae}__content--${_}`],
+          o && l && de[`${ae}__content--with-items`]
         )
       },
       m
@@ -3801,15 +3811,15 @@ const ft = "select-all", Qo = (t, a) => {
       "div",
       {
         className: u(
-          ie[`${re}__controls`],
-          ie[`${re}__controls--${_}`]
+          de[`${ae}__controls`],
+          de[`${ae}__controls--${_}`]
         )
       },
       w && /* @__PURE__ */ e.createElement(
         "div",
         {
-          "data-testid": `${re}__clear-icon`,
-          className: ie[`${re}__clear-icon`],
+          "data-testid": `${ae}__clear-icon`,
+          className: de[`${ae}__clear-icon`],
           onClick: f
         },
         /* @__PURE__ */ e.createElement(P, { kind: "primary", size: "small", source: Ae })
@@ -3817,8 +3827,8 @@ const ft = "select-all", Qo = (t, a) => {
       /* @__PURE__ */ e.createElement(
         P,
         {
-          className: ie[`${re}__chevron-icon`],
-          source: n ? ta : Rt,
+          className: de[`${ae}__chevron-icon`],
+          source: n ? ta : Mt,
           size: "medium",
           disabled: i
         }
@@ -3859,7 +3869,7 @@ const ft = "select-all", Qo = (t, a) => {
   "tag__remove--hover": "lc-Tag-module__tag__remove--hover___2ROEU",
   tag__node: _l,
   tag__content: ol
-}, ve = "tag", ll = (t) => t ? Ua(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Mr = (w) => {
+}, ve = "tag", ll = (t) => t ? Ua(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Rr = (w) => {
   var f = w, {
     className: t = "",
     children: a,
@@ -3914,7 +3924,7 @@ const ft = "select-all", Qo = (t, a) => {
   };
   return /* @__PURE__ */ e.createElement(
     I,
-    x(k(k({
+    S(k(k({
       className: v
     }, g), $()), {
       as: "div",
@@ -3960,7 +3970,7 @@ const ft = "select-all", Qo = (t, a) => {
       )
     )
   );
-}, de = {
+}, ue = {
   "picker-trigger-body": "lc-PickerTriggerBody-module__picker-trigger-body___xL0Rq",
   "picker-trigger-body--single": "lc-PickerTriggerBody-module__picker-trigger-body--single___5LWZK",
   "picker-trigger-body__item-container": "lc-PickerTriggerBody-module__picker-trigger-body__item-container___5Qs5E",
@@ -3978,7 +3988,7 @@ const ft = "select-all", Qo = (t, a) => {
   "picker-trigger-body__tag--compact": "lc-PickerTriggerBody-module__picker-trigger-body__tag--compact___vajtL",
   "picker-trigger-body__tag--medium": "lc-PickerTriggerBody-module__picker-trigger-body__tag--medium___yhMyC",
   "picker-trigger-body__tag--large": "lc-PickerTriggerBody-module__picker-trigger-body__tag--large___FbETT"
-}, ue = "picker-trigger-body", cl = ({
+}, me = "picker-trigger-body", cl = ({
   isOpen: t,
   isSearchDisabled: a,
   isDisabled: r,
@@ -4003,20 +4013,20 @@ const ft = "select-all", Qo = (t, a) => {
     y.key === "Backspace" && o && o.length > 0 && (y.preventDefault(), l === "multi" ? d(o[o.length - 1].key) : p()), y.key === "Delete" && (y.preventDefault(), p());
   };
   e.useEffect(() => (!t && g ? document.addEventListener("keydown", h) : document.removeEventListener("keydown", h), () => document.removeEventListener("keydown", h)), [t, o, g]);
-  const v = (y) => l === "single" && t && !a ? null : y != null && y.customElement ? /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__item`] }, y.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__item`] }, y.icon && /* @__PURE__ */ e.createElement(
+  const v = (y) => l === "single" && t && !a ? null : y != null && y.customElement ? /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__item`] }, y.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__item`] }, y.icon && /* @__PURE__ */ e.createElement(
     P,
     {
       source: y.icon,
-      className: de[`${ue}__item__icon`]
+      className: ue[`${me}__item__icon`]
     }
   ), y.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
       src: y.avatarSrc,
       alt: "",
-      className: de[`${ue}__item__avatar`]
+      className: ue[`${me}__item__avatar`]
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__item__content`] }, y.name)), E = (y) => s(y.target.value), N = (y) => {
+  ), /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__item__content`] }, y.name)), E = (y) => s(y.target.value), N = (y) => {
     var C, D;
     (C = b.current) != null && C.id && y.key === "Enter" && n((D = b.current) == null ? void 0 : D.id), l === "multi" && (y.key === "Backspace" || y.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
   }, $ = () => /* @__PURE__ */ e.createElement(
@@ -4024,8 +4034,8 @@ const ft = "select-all", Qo = (t, a) => {
     {
       ref: f,
       className: u(
-        de[`${ue}__input`],
-        de[`${ue}__input--${i}`]
+        ue[`${me}__input`],
+        ue[`${me}__input--${i}`]
       ),
       placeholder: _,
       onChange: E,
@@ -4038,25 +4048,25 @@ const ft = "select-all", Qo = (t, a) => {
     "div",
     {
       className: u({
-        [de[`${ue}__placeholder`]]: !0,
-        [de[`${ue}__placeholder--disabled`]]: r
+        [ue[`${me}__placeholder`]]: !0,
+        [ue[`${me}__placeholder--disabled`]]: r
       })
     },
     _
   ) : /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: u(de[ue], {
-        [de[`${ue}--single`]]: l === "single"
+      className: u(ue[me], {
+        [ue[`${me}--single`]]: l === "single"
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__item-container`] }, l === "single" ? v(o[0]) : o.map((y) => /* @__PURE__ */ e.createElement(
-      Mr,
+    /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__item-container`] }, l === "single" ? v(o[0]) : o.map((y) => /* @__PURE__ */ e.createElement(
+      Rr,
       {
         key: y.name,
         className: u(
-          de[`${ue}__tag`],
-          de[`${ue}__tag--${i}`]
+          ue[`${me}__tag`],
+          ue[`${me}__tag--${i}`]
         ),
         disabled: r,
         onRemove: (C) => {
@@ -4121,12 +4131,12 @@ const ft = "select-all", Qo = (t, a) => {
       a,
       (q) => !!q.disabled || !!q.groupHeader
     )
-  }), { getReferenceProps: T, getFloatingProps: M, getItemProps: V } = ia(
+  }), { getReferenceProps: T, getFloatingProps: R, getItemProps: V } = ia(
     [C, L, D, G]
   );
   return !d && p && m(!1), {
     getReferenceProps: T,
-    getFloatingProps: M,
+    getFloatingProps: R,
     getItemProps: V,
     setReference: E.setReference,
     floatingStyles: N,
@@ -4150,8 +4160,8 @@ const ft = "select-all", Qo = (t, a) => {
   setOpen: l
 }) => {
   const [c, i] = e.useState(
-    () => (t == null ? void 0 : t.map(Sa)) || []
-  ), d = t !== void 0, n = d ? (t == null ? void 0 : t.map(Sa)) || [] : c, [s, p] = e.useState(""), m = e.useMemo(() => {
+    () => (t == null ? void 0 : t.map(xa)) || []
+  ), d = t !== void 0, n = d ? (t == null ? void 0 : t.map(xa)) || [] : c, [s, p] = e.useState(""), m = e.useMemo(() => {
     const h = r === "multi" && _;
     let v = a;
     return s && (v = v.filter((E) => {
@@ -4173,12 +4183,12 @@ const ft = "select-all", Qo = (t, a) => {
       if (r === "single")
         i(() => (v && o([v]), [h])), l(!1);
       else if (h === ft)
-        n.length === Ma(a).length ? i(() => (o(null), [])) : i(() => {
-          const E = Ma(a);
+        n.length === Ra(a).length ? i(() => (o(null), [])) : i(() => {
+          const E = Ra(a);
           return o(E), E.map(({ key: N }) => N);
         });
       else if (d) {
-        const E = (t == null ? void 0 : t.map(Sa)) || [], N = mr(E, h);
+        const E = (t == null ? void 0 : t.map(xa)) || [], N = mr(E, h);
         o(a.filter(({ key: $ }) => N.includes($)));
       } else
         i((E) => {
@@ -4229,7 +4239,7 @@ const ft = "select-all", Qo = (t, a) => {
     useDismissHookProps: L,
     useClickHookProps: G,
     virtuosoProps: T
-  } = q, M = F(q, [
+  } = q, R = F(q, [
     "id",
     "className",
     "listClassName",
@@ -4259,8 +4269,8 @@ const ft = "select-all", Qo = (t, a) => {
     "useClickHookProps",
     "virtuosoProps"
   ]);
-  const [he, oe] = e.useState(N), [Ee, Oe] = e.useState(!1), $e = h !== void 0, Pe = $e ? h : he, je = (ht, ce) => {
-    ht ? !Pe && (v == null || v(ce)) : Pe && (E == null || E(ce)), !$e && oe(ht);
+  const [he, oe] = e.useState(N), [we, Oe] = e.useState(!1), Ee = h !== void 0, Pe = Ee ? h : he, Ze = (ht, ce) => {
+    ht ? !Pe && (v == null || v(ce)) : Pe && (E == null || E(ce)), !Ee && oe(ht);
   }, {
     selectedKeys: lt,
     items: ct,
@@ -4275,9 +4285,9 @@ const ft = "select-all", Qo = (t, a) => {
     type: g,
     selectAllOptionText: b,
     onSelect: y,
-    setOpen: je
+    setOpen: Ze
   }), {
-    context: S,
+    context: x,
     nodeId: ee,
     getReferenceProps: le,
     setReference: ze,
@@ -4301,14 +4311,14 @@ const ft = "select-all", Qo = (t, a) => {
     useClickHookProps: G,
     useDismissHookProps: L,
     isOpen: Pe,
-    onVisibilityChange: je
+    onVisibilityChange: Ze
   });
   return /* @__PURE__ */ e.createElement("div", { id: t, className: u(dl["picker-wrapper"], a) }, /* @__PURE__ */ e.createElement(
     tl,
     {
       getReferenceProps: le,
       setReference: ze,
-      testId: M["data-testid"],
+      testId: R["data-testid"],
       isItemSelected: lt.length > 0,
       isOpen: Pe,
       onClear: Ie,
@@ -4337,7 +4347,7 @@ const ft = "select-all", Qo = (t, a) => {
         onClear: Ie,
         searchPhrase: nt,
         virtualItemRef: fa,
-        isTriggerFocused: Ee
+        isTriggerFocused: we
       }
     )
   ), /* @__PURE__ */ e.createElement(da, { id: ee }, Pe && /* @__PURE__ */ e.createElement(Nr, null, /* @__PURE__ */ e.createElement(
@@ -4346,7 +4356,7 @@ const ft = "select-all", Qo = (t, a) => {
       pickerType: g,
       options: ct,
       listClassName: r,
-      context: S,
+      context: x,
       setFloating: pa,
       floatingStyles: ga,
       maxHeight: ha,
@@ -4380,8 +4390,8 @@ const ft = "select-all", Qo = (t, a) => {
   useClickHookProps: b,
   floatingStrategy: g
 }) => {
-  const [w, f] = e.useState(s), h = Ha(), v = aa(), E = n !== void 0, N = E ? n : w, $ = typeof _ == "string", y = typeof t == "function", C = (Oe, $e) => {
-    Oe ? r == null || r($e) : a == null || a($e), !E && f(Oe);
+  const [w, f] = e.useState(s), h = Ha(), v = aa(), E = n !== void 0, N = E ? n : w, $ = typeof _ == "string", y = typeof t == "function", C = (Oe, Ee) => {
+    Oe ? r == null || r(Ee) : a == null || a(Ee), !E && f(Oe);
   }, { refs: D, context: L, floatingStyles: G } = ra({
     nodeId: v,
     open: N,
@@ -4390,15 +4400,15 @@ const ft = "select-all", Qo = (t, a) => {
     placement: c,
     strategy: g,
     whileElementsMounted: la
-  }), T = ca(L, b), M = na(L, k({
+  }), T = ca(L, b), R = na(L, k({
     escapeKey: p
   }, m)), V = sa(L), { getReferenceProps: q, getFloatingProps: he } = ia([
     T,
-    M,
+    R,
     V
-  ]), oe = u(ml.popover, o), Ee = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  ]), oe = u(ml.popover, o), we = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    x(k({
+    S(k({
       "data-testid": "popover-trigger-button",
       ref: D.setReference
     }, q()), {
@@ -4414,7 +4424,7 @@ const ft = "select-all", Qo = (t, a) => {
     }, he()),
     $ ? /* @__PURE__ */ e.createElement(I, { as: "div" }, _) : _
   ))));
-  return h === null ? /* @__PURE__ */ e.createElement(za, null, Ee) : Ee;
+  return h === null ? /* @__PURE__ */ e.createElement(za, null, we) : we;
 }, pl = (t) => Math.min(Math.max(t, 0), 100);
 function Lr(t, a = 0) {
   return t === "error" ? 0 : pl(parseInt(a.toString(), 10));
@@ -4526,7 +4536,7 @@ const Dt = {
     );
     return /* @__PURE__ */ e.createElement(
       "div",
-      x(k({}, o), {
+      S(k({}, o), {
         className: n,
         ref: l,
         role: "progressbar"
@@ -4575,7 +4585,7 @@ const Dt = {
     t
   );
   e.useEffect(() => {
-    const w = () => s.current && s.current.offsetWidth <= hl ? m("small") : s.current && s.current.offsetWidth >= kl ? m("large") : m("medium"), f = xr(
+    const w = () => s.current && s.current.offsetWidth <= hl ? m("small") : s.current && s.current.offsetWidth >= kl ? m("large") : m("medium"), f = Sr(
       w,
       yl
     );
@@ -4612,7 +4622,7 @@ const Dt = {
   "promo-banner-v2__close": "lc-PromoBannerV2-module__promo-banner-v2__close___rOh-U",
   "promo-banner-v2__close__btn": "lc-PromoBannerV2-module__promo-banner-v2__close__btn___5AZQC",
   "promo-banner-v2--vertical": "lc-PromoBannerV2-module__promo-banner-v2--vertical___p0mSU"
-}, Xe = "promo-banner-v2", Kc = ({
+}, Qe = "promo-banner-v2", Kc = ({
   children: t,
   className: a,
   additionalContent: r,
@@ -4628,18 +4638,18 @@ const Dt = {
     "div",
     {
       className: u(
-        Ve[Xe],
-        l && Ve[`${Xe}--vertical`]
+        Ve[Qe],
+        l && Ve[`${Qe}--vertical`]
       )
     },
     /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testId": "content",
-        className: u(Ve[`${Xe}__content`], c)
+        className: u(Ve[`${Qe}__content`], c)
       },
       t,
-      (_ || o) && /* @__PURE__ */ e.createElement("div", { className: Ve[`${Xe}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
+      (_ || o) && /* @__PURE__ */ e.createElement("div", { className: Ve[`${Qe}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
         W,
         {
           kind: (_ == null ? void 0 : _.kind) || "high-contrast",
@@ -4651,7 +4661,7 @@ const Dt = {
         {
           kind: (o == null ? void 0 : o.kind) || "text",
           onClick: o.handleClick,
-          className: Ve[`${Xe}__content__cta__secondary`]
+          className: Ve[`${Qe}__content__cta__secondary`]
         },
         o.label
       ))
@@ -4661,16 +4671,16 @@ const Dt = {
       {
         "data-testId": "additional-content",
         className: u(
-          Ve[`${Xe}__additional-content`],
+          Ve[`${Qe}__additional-content`],
           i
         )
       },
       r
     ),
-    d && /* @__PURE__ */ e.createElement("div", { className: Ve[`${Xe}__close`] }, /* @__PURE__ */ e.createElement(
+    d && /* @__PURE__ */ e.createElement("div", { className: Ve[`${Qe}__close`] }, /* @__PURE__ */ e.createElement(
       W,
       {
-        className: Ve[`${Xe}__close__btn`],
+        className: Ve[`${Qe}__close__btn`],
         onClick: d,
         icon: /* @__PURE__ */ e.createElement(P, { source: Ae, kind: "primary" }),
         kind: "plain",
@@ -4697,7 +4707,7 @@ const Dt = {
     });
     return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement("label", { className: qe[`${Ye}__label`] }, /* @__PURE__ */ e.createElement("div", { className: qe[`${Ye}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: qe[`${Ye}__inner-circle`] }), /* @__PURE__ */ e.createElement(
       "input",
-      x(k({}, l), {
+      S(k({}, l), {
         className: qe[`${Ye}__input`],
         ref: c,
         type: "radio",
@@ -4706,7 +4716,7 @@ const Dt = {
       })
     )), t && /* @__PURE__ */ e.createElement(I, { as: "div", size: "md", className: qe[`${Ye}__text`] }, t)), r && /* @__PURE__ */ e.createElement(ua, { className: qe[`${Ye}__helper`] }, r));
   }
-), xe = {
+), Se = {
   "search-input": "lc-Search-module__search-input___FsbCk",
   "search-input--compact": "lc-Search-module__search-input--compact___498To",
   "search-input--medium": "lc-Search-module__search-input--medium___Hwteg",
@@ -4720,7 +4730,7 @@ const Dt = {
   "search-input__loader": "lc-Search-module__search-input__loader___pkpIG",
   "search-input__input-wrapper": "lc-Search-module__search-input__input-wrapper___k8bvn",
   "search-input__input-wrapper--crop": "lc-Search-module__search-input__input-wrapper--crop___nBPKY"
-}, Me = "search-input", gr = `${Me}__input-wrapper`, Xc = ({
+}, Re = "search-input", gr = `${Re}__input-wrapper`, Xc = ({
   isCollapsable: t,
   isDisabled: a,
   isLoading: r,
@@ -4733,12 +4743,12 @@ const Dt = {
 }) => {
   const [n, s] = e.useState(!0), [p, m] = e.useState(!1), b = e.useRef(null), g = !!l && !a && !r, w = t && !n && "true", f = u(
     c,
-    xe[Me],
-    xe[`${Me}--${o}`],
-    p && xe[`${Me}--focused`],
-    a && xe[`${Me}--disabled`],
-    t && xe[`${Me}--collapsable`],
-    !n && xe[`${Me}--collapsable--open`]
+    Se[Re],
+    Se[`${Re}--${o}`],
+    p && Se[`${Re}--focused`],
+    a && Se[`${Re}--disabled`],
+    t && Se[`${Re}--collapsable`],
+    !n && Se[`${Re}--collapsable--open`]
   );
   e.useEffect(() => {
     t && l && s(!1);
@@ -4769,7 +4779,7 @@ const Dt = {
     /* @__PURE__ */ e.createElement(
       P,
       {
-        className: xe[`${Me}__search-icon`],
+        className: Se[`${Re}__search-icon`],
         source: jr,
         disabled: a,
         kind: "primary"
@@ -4780,8 +4790,8 @@ const Dt = {
       {
         as: "div",
         className: u(
-          xe[gr],
-          i && xe[`${gr}--crop`]
+          Se[gr],
+          i && Se[`${gr}--crop`]
         )
       },
       /* @__PURE__ */ e.createElement(
@@ -4805,14 +4815,14 @@ const Dt = {
       {
         "aria-label": "Clear search",
         title: "Clear search",
-        className: xe[`${Me}__clear-icon`],
+        className: Se[`${Re}__clear-icon`],
         onClick: v,
         icon: /* @__PURE__ */ e.createElement(P, { source: Ae, kind: "primary" }),
         kind: "text",
         size: "compact"
       }
     ),
-    r && /* @__PURE__ */ e.createElement("div", { className: xe[`${Me}__loader`] }, /* @__PURE__ */ e.createElement(Wa, { size: "small" }))
+    r && /* @__PURE__ */ e.createElement("div", { className: Se[`${Re}__loader`] }, /* @__PURE__ */ e.createElement(Wa, { size: "small" }))
   );
 }, wl = "lc-Skeleton-module__loading___MHvGo", ot = {
   "skeleton-wrapper": "lc-Skeleton-module__skeleton-wrapper___MXuR8",
@@ -4876,7 +4886,7 @@ const Dt = {
       width: a
     }
   }
-), El = "lc-Switch-module__switch__input___NiiOR", $l = "lc-Switch-module__switch__container___79F7W", Nl = "lc-Switch-module__switch__track___2wr2M", Cl = "lc-Switch-module__switch__slider___WHd--", xl = "lc-Switch-module__switch__loader___FE-fA", Sl = "lc-Switch-module__switch__icon___-O1qY", Q = {
+), El = "lc-Switch-module__switch__input___NiiOR", $l = "lc-Switch-module__switch__container___79F7W", Nl = "lc-Switch-module__switch__track___2wr2M", Cl = "lc-Switch-module__switch__slider___WHd--", Sl = "lc-Switch-module__switch__loader___FE-fA", xl = "lc-Switch-module__switch__icon___-O1qY", Q = {
   switch: "lc-Switch-module__switch___AaA2k",
   "switch__track--enabled": "lc-Switch-module__switch__track--enabled___sy4Xl",
   "switch__track--on": "lc-Switch-module__switch__track--on___aOMWe",
@@ -4902,11 +4912,11 @@ const Dt = {
   "switch__slider--medium--on": "lc-Switch-module__switch__slider--medium--on___SfeAV",
   "switch__slider--medium--off": "lc-Switch-module__switch__slider--medium--off___eXJJz",
   "switch__slider--disabled": "lc-Switch-module__switch__slider--disabled___A6hPg",
-  switch__loader: xl,
+  switch__loader: Sl,
   "switch__loader--compact": "lc-Switch-module__switch__loader--compact___3imUh",
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
-  switch__icon: Sl
+  switch__icon: xl
 }, X = "switch", en = (p) => {
   var m = p, {
     className: t = "",
@@ -4941,11 +4951,11 @@ const Dt = {
     },
     t
   ), G = (T) => {
-    l == null || l(T, !v), b || (T.stopPropagation(), w((M) => !M));
+    l == null || l(T, !v), b || (T.stopPropagation(), w((R) => !R));
   };
   return /* @__PURE__ */ e.createElement("span", { className: L }, /* @__PURE__ */ e.createElement(
     "input",
-    x(k({
+    S(k({
       type: "checkbox",
       className: u(
         Q[`${X}__input`],
@@ -5041,7 +5051,7 @@ const Dt = {
   const { disabled: s } = i, p = r !== void 0 && !o, m = r !== void 0 && o;
   return /* @__PURE__ */ e.createElement(
     I,
-    x(k({}, i), {
+    S(k({}, i), {
       as: i.href ? "a" : "button",
       "aria-selected": _,
       size: "md",
@@ -5128,7 +5138,7 @@ const Dt = {
       dangerouslySetInnerHTML: { __html: Xa(l) }
     }
   );
-}, Rl = "tag-input__tag", vr = ({
+}, Ml = "tag-input__tag", vr = ({
   children: t,
   index: a,
   remove: r,
@@ -5139,19 +5149,19 @@ const Dt = {
   tagProps: i
 }) => {
   const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), n = e.useRef(null), s = () => r(a), p = () => d ? i ? i.kind : "default" : "error";
-  return /* @__PURE__ */ e.createElement(Mr, x(k({ size: c }, i), { kind: p(), onRemove: s }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(Rr, S(k({ size: c }, i), { kind: p(), onRemove: s }), /* @__PURE__ */ e.createElement(
     Fl,
     {
       value: t,
       inputRef: o,
       innerEditableRef: n,
-      className: It[`${Rl}__content`],
+      className: It[`${Ml}__content`],
       change: (m) => l(a, m),
       remove: s,
       validator: _
     }
   ));
-}, Xt = "tag-input", Ml = [
+}, Xt = "tag-input", Rl = [
   _e.enter,
   _e.spacebar,
   _e.tab,
@@ -5196,10 +5206,10 @@ const Dt = {
   ), [f, h] = e.useState(""), v = e.useRef(null), E = (T) => {
     T.trim() !== "" && (r([...a || [], T]), h(""));
   }, N = (T) => {
-    const M = [...a || []];
-    M.splice(T, 1), r(M);
+    const R = [...a || []];
+    R.splice(T, 1), r(R);
   }, $ = (T) => h(T.target.value), y = (T) => {
-    if (Ml.includes(T.key)) {
+    if (Rl.includes(T.key)) {
       if (T.preventDefault(), f === "")
         return;
       E(f);
@@ -5210,21 +5220,21 @@ const Dt = {
     }
   }, C = (T) => {
     s && E(f), n == null || n(T);
-  }, D = (T, M) => {
+  }, D = (T, R) => {
     const V = [...a || []];
     V.reduce(
-      (he, oe, Ee) => he + (oe === M && Ee !== T ? 1 : 0),
+      (he, oe, we) => he + (oe === R && we !== T ? 1 : 0),
       0
-    ) > 0 ? V.splice(T, 1) : V[T] = M, r(V);
+    ) > 0 ? V.splice(T, 1) : V[T] = R, r(V);
   }, L = (T) => {
     T.preventDefault();
     const V = T.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
     r([...a || [], ...V]);
-  }, G = (T, M) => typeof T == "string" ? /* @__PURE__ */ e.createElement(
+  }, G = (T, R) => typeof T == "string" ? /* @__PURE__ */ e.createElement(
     vr,
     {
-      index: M,
-      key: `${M}${T}`,
+      index: R,
+      key: `${R}${T}`,
       update: D,
       remove: N,
       inputRef: v,
@@ -5235,8 +5245,8 @@ const Dt = {
   ) : /* @__PURE__ */ e.createElement(
     vr,
     {
-      index: M,
-      key: `${M}${T.children}`,
+      index: R,
+      key: `${R}${T.children}`,
       update: D,
       remove: N,
       inputRef: v,
@@ -5248,7 +5258,7 @@ const Dt = {
   );
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(I, { as: "div", className: g }, a == null ? void 0 : a.map(G), /* @__PURE__ */ e.createElement(
     "input",
-    x(k({}, p), {
+    S(k({}, p), {
       id: t,
       ref: v,
       className: w,
@@ -5266,7 +5276,7 @@ const Dt = {
   } = _, a = F(_, [
     "placeholder"
   ]);
-  return /* @__PURE__ */ e.createElement(Ol, x(k({}, a), { placeholder: t, validator: Gl }));
+  return /* @__PURE__ */ e.createElement(Ol, S(k({}, a), { placeholder: t, validator: Gl }));
 }, Ul = "lc-Toast-module__toast___j5Amn", Wl = "lc-Toast-module__toast__content___HjaNw", Vl = "lc-Toast-module__toast__actions___JWu-1", ql = "lc-Toast-module__toast__actions__button___Iblrl", j = {
   toast: Ul,
   toast__content: Wl,
@@ -5310,7 +5320,7 @@ const Dt = {
   info: {
     source: Oa
   }
-}, Qe = "toast", Kl = (i) => {
+}, je = "toast", Kl = (i) => {
   var d = i, {
     action: t,
     className: a,
@@ -5327,14 +5337,14 @@ const Dt = {
     "onClose"
   ]);
   const n = u(
-    j[Qe],
-    j[`${Qe}--${o}`],
+    j[je],
+    j[`${je}--${o}`],
     a
   ), s = typeof r == "string", p = (m) => m && m.closesOnClick && l ? (m.onClick(), l()) : m.onClick();
-  return /* @__PURE__ */ e.createElement("div", k({ className: n }, c), /* @__PURE__ */ e.createElement("div", { className: j[`${Qe}__icon`] }, /* @__PURE__ */ e.createElement(P, x(k({}, Yl[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: j[`${Qe}__content`] }, s ? /* @__PURE__ */ e.createElement(I, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: j[`${Qe}__actions`] }, t && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", k({ className: n }, c), /* @__PURE__ */ e.createElement("div", { className: j[`${je}__icon`] }, /* @__PURE__ */ e.createElement(P, S(k({}, Yl[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: j[`${je}__content`] }, s ? /* @__PURE__ */ e.createElement(I, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: j[`${je}__actions`] }, t && /* @__PURE__ */ e.createElement(
     W,
     {
-      className: j[`${Qe}__actions--custom`],
+      className: j[`${je}__actions--custom`],
       kind: "text",
       size: "compact",
       onClick: () => p(t)
@@ -5344,8 +5354,8 @@ const Dt = {
     "button",
     {
       className: u(
-        j[`${Qe}__actions__button`],
-        j[`${Qe}__actions__button--${o}`]
+        j[`${je}__actions__button`],
+        j[`${je}__actions__button--${o}`]
       ),
       "aria-label": "Close toast",
       onClick: l
@@ -5413,7 +5423,7 @@ const Dt = {
     };
     return /* @__PURE__ */ e.createElement(I, { as: "div", className: p }, /* @__PURE__ */ e.createElement(
       "textarea",
-      x(k({}, r), {
+      S(k({}, r), {
         ref: _,
         onFocus: b,
         onBlur: m
@@ -5442,7 +5452,7 @@ const Dt = {
     onClick: a
   },
   /* @__PURE__ */ e.createElement(P, { size: "small", source: Ae })
-)), Se = {
+)), xe = {
   "file-upload-progress": "lc-FileUploadProgress-module__file-upload-progress___xw8h8",
   "file-upload-progress__icon": "lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz",
   "file-upload-progress__icon--success": "lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH",
@@ -5464,28 +5474,28 @@ const Dt = {
     status: c = "normal",
     onCloseButtonClick: i,
     onRetryButtonClick: d
-  }, n) => /* @__PURE__ */ e.createElement("div", { className: Se[Ke], ref: n }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: Se[`${Ke}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
+  }, n) => /* @__PURE__ */ e.createElement("div", { className: xe[Ke], ref: n }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: xe[`${Ke}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
-        Se[`${Ke}__icon`],
-        Se[`${Ke}__icon--success`]
+        xe[`${Ke}__icon`],
+        xe[`${Ke}__icon--success`]
       )
     },
     /* @__PURE__ */ e.createElement(P, { source: ea })
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: u(Se[`${Ke}__wrapper`], {
-        [Se[`${Ke}__wrapper--with-icon`]]: r
+      className: u(xe[`${Ke}__wrapper`], {
+        [xe[`${Ke}__wrapper--with-icon`]]: r
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: Se[`${Ke}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: xe[`${Ke}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: u(Se[Aa], {
-          [Se[`${Aa}--success`]]: c === "success",
-          [Se[`${Aa}--error`]]: c === "error"
+        className: u(xe[Aa], {
+          [xe[`${Aa}--success`]]: c === "success",
+          [xe[`${Aa}--error`]]: c === "error"
         })
       },
       /* @__PURE__ */ e.createElement(I, { size: "sm", as: "div" }, _)
@@ -5493,7 +5503,7 @@ const Dt = {
       "div",
       {
         className: u({
-          [Se[`${Ke}__wrapper__header__actions`]]: t === "hover"
+          [xe[`${Ke}__wrapper__header__actions`]]: t === "hover"
         })
       },
       /* @__PURE__ */ e.createElement(
@@ -5536,7 +5546,7 @@ const Dt = {
   "upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
   "upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
   "upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
-}, me = "upload-bar", Je = `${me}__wrapper__header`, jl = 300, Zl = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement(
+}, pe = "upload-bar", Je = `${pe}__wrapper__header`, jl = 300, Zl = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement(
   "div",
   {
     "data-testid": "success-icon",
@@ -5571,11 +5581,11 @@ const Dt = {
   onCloseButtonClick: s,
   onRetryButtonClick: p
 }) => {
-  const [m, b] = e.useState(o || !1), g = c === "error", w = c === "success", f = u(z[me], a, {
-    [z[`${me}--error`]]: g,
-    [z[`${me}--success`]]: w
+  const [m, b] = e.useState(o || !1), g = c === "error", w = c === "success", f = u(z[pe], a, {
+    [z[`${pe}--error`]]: g,
+    [z[`${pe}--success`]]: w
   }), h = !(g && (p || s)), v = () => b(!m);
-  return n === "single" ? /* @__PURE__ */ e.createElement("div", { className: f }, /* @__PURE__ */ e.createElement("div", { className: z[`${me}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${Je}`] }, /* @__PURE__ */ e.createElement(
+  return n === "single" ? /* @__PURE__ */ e.createElement("div", { className: f }, /* @__PURE__ */ e.createElement("div", { className: z[`${pe}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${Je}`] }, /* @__PURE__ */ e.createElement(
     Ql,
     {
       title: g && l || _,
@@ -5594,7 +5604,7 @@ const Dt = {
   ))) : /* @__PURE__ */ e.createElement("div", { className: f }, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: z[`${me}__wrapper`],
+      className: z[`${pe}__wrapper`],
       onClick: v
     },
     /* @__PURE__ */ e.createElement("div", { className: z[`${Je}`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${Je}__icon`] }, Zl(c, r)), /* @__PURE__ */ e.createElement("div", { className: z[`${Je}__title`] }, /* @__PURE__ */ e.createElement(I, { size: "sm", as: "div" }, g ? l : _)), h && /* @__PURE__ */ e.createElement(
@@ -5605,7 +5615,7 @@ const Dt = {
         "aria-label": "Collapse button",
         onClick: v
       },
-      m ? /* @__PURE__ */ e.createElement(P, { source: ta }) : /* @__PURE__ */ e.createElement(P, { source: Rt })
+      m ? /* @__PURE__ */ e.createElement(P, { source: ta }) : /* @__PURE__ */ e.createElement(P, { source: Mt })
     ), c === "error" && /* @__PURE__ */ e.createElement("div", { className: z[`${Je}__actions-container`] }, /* @__PURE__ */ e.createElement(
       La,
       {
@@ -5619,20 +5629,20 @@ const Dt = {
     {
       timeout: jl,
       classNames: {
-        enter: z[`${me}__files--enter`],
-        enterActive: z[`${me}__files--enter-active`],
-        exit: z[`${me}__files--exit`],
-        exitActive: z[`${me}__files--exit-active`],
-        exitDone: z[`${me}__files--exit-done`]
+        enter: z[`${pe}__files--enter`],
+        enterActive: z[`${pe}__files--enter-active`],
+        exit: z[`${pe}__files--exit`],
+        exitActive: z[`${pe}__files--exit-active`],
+        exitDone: z[`${pe}__files--exit-done`]
       }
     },
-    /* @__PURE__ */ e.createElement("div", { className: z[`${me}__files`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${me}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${me}__files__list`] }, t)))
+    /* @__PURE__ */ e.createElement("div", { className: z[`${pe}__files`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${pe}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${pe}__files__list`] }, t)))
   )));
 };
 export {
   Jl as ANIMATION_TIME,
-  xc as ActionBar,
-  Sc as ActionCard,
+  Sc as ActionBar,
+  xc as ActionCard,
   b_ as ActionMenu,
   f_ as ActionMenuItem,
   Tc as Alert,
@@ -5653,8 +5663,8 @@ export {
   Fc as FieldGroup,
   Ql as FileUploadProgress,
   La as FileUploadProgressActions,
-  Rc as Form,
-  Mc as FormField,
+  Mc as Form,
+  Rc as FormField,
   Lc as FormGroup,
   Be as Heading,
   P as Icon,
@@ -5692,7 +5702,7 @@ export {
   tn as Tab,
   rn as TabsList,
   an as TabsWrapper,
-  Mr as Tag,
+  Rr as Tag,
   Ol as TagInput,
   I as Text,
   ln as Textarea,