@livechat/design-system-react-components 1.23.0 → 1.24.0

package/dist/index.es.js

@@ -22,7 +22,7 @@ var F = (t, a) => {
 var ha = (t, a, r) => (va(t, typeof a != "symbol" ? a + "" : a, r), r);
 import * as e from "react";
 import { useReducer as Gr, useRef as Ur, useEffect as dt, useCallback as Ft, useMemo as Mt } from "react";
-import { Check as Xt, Close as Ae, ChevronDown as At, Info as Ma, Warning as fr, CheckCircle as vr, Block as hr, Person as Wr, ChevronUp as Qt, DoubleArrowLeft as Vr, ChevronLeft as qr, ChevronRight as kr, DoubleArrowRight as Yr, VisibilityOn as Kr, VisibilityOff as Jr, Search as Xr, LockBlack as Qr, Refresh as jr, Error as Zr } from "@livechat/design-system-icons";
+import { Check as Xt, Close as Be, ChevronDown as At, Info as Ma, Warning as fr, CheckCircle as vr, Block as hr, Person as Wr, ChevronUp as Qt, DoubleArrowLeft as Vr, ChevronLeft as qr, ChevronRight as kr, DoubleArrowRight as Yr, VisibilityOn as Kr, VisibilityOff as Jr, Search as Xr, LockBlack as Qr, Refresh as jr, Error as Zr } from "@livechat/design-system-icons";
 import u from "clsx";
 import { useFloatingParentNodeId as Ra, useFloatingNodeId as jt, useFloating as Zt, offset as ea, flip as ta, autoUpdate as aa, useClick as ra, useDismiss as _a, useRole as oa, useInteractions as la, useTransitionStyles as yr, FloatingNode as ca, FloatingTree as La, shift as Oa, arrow as e_, useHover as t_, safePolygon as a_, useFocus as r_, useTransitionStatus as __, FloatingArrow as o_, FloatingPortal as Er, FloatingOverlay as l_, FloatingFocusManager as Da, size as c_, useListNavigation as n_ } from "@floating-ui/react";
 import wr from "lodash.debounce";
@@ -138,6 +138,7 @@ const sc = {
   SurfaceGradient11: "--surface-gradient-11",
   SurfaceGradient12: "--surface-gradient-12",
   SurfaceGradient13: "--surface-gradient-13",
+  SurfaceGradient14: "--surface-gradient-14",
   SurfaceOtherOverlay: "--surface-other-overlay",
   SurfaceOtherAgent: "--surface-other-agent",
   SurfaceOtherAgentHover: "--surface-other-agent-hover",
@@ -393,7 +394,10 @@ const sc = {
   SurfaceOtherInternalNoteMessageArea: "--surface-other-internal-note-message-area",
   SurfaceOtherInternalNoteDefault: "--surface-other-internal-note-default",
   ContentBasicInternalNoteMessagePlaceholder: "--content-basic-internal-note-message-placeholder",
-  ContentBasicInternalNoteMessageActive: "--content-basic-internal-note-message-active"
+  ContentBasicInternalNoteMessageActive: "--content-basic-internal-note-message-active",
+  OnePopoverMessageBackgroundDefault: "--one-popover-message-background-default",
+  OnePopoverBorderDefault: "--one-popover-border-default",
+  OnePopoverBorderActive: "--one-popover-border-active"
 }, ic = {
   Spacing0: "--spacing-0",
   Spacing05: "--spacing-05",
@@ -579,7 +583,7 @@ const sc = {
   sm: "h4",
   xs: "h5",
   "2xs": "h6"
-}, Be = (d) => {
+}, De = (d) => {
   var n = d, {
     as: t,
     size: a = "md",
@@ -614,7 +618,7 @@ const sc = {
     }, i),
     r
   );
-}, P = (p) => {
+}, I = (p) => {
   var f = p, {
     as: t = "p",
     size: a = "md",
@@ -690,7 +694,7 @@ const sc = {
     }, s),
     r
   );
-}, Ie = {
+}, Pe = {
   "action-menu": "lc-ActionMenu-module__action-menu___K2UwW",
   "action-menu__trigger-button": "lc-ActionMenu-module__action-menu__trigger-button___tBrz5",
   "action-menu__list": "lc-ActionMenu-module__action-menu__list___9pNUX",
@@ -702,7 +706,7 @@ const sc = {
   "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"
-}, Fe = "action-menu", p_ = (E) => {
+}, Ie = "action-menu", p_ = (E) => {
   var v = E, {
     className: t,
     triggerClassName: a,
@@ -746,79 +750,86 @@ const sc = {
     whileElementsMounted: aa
   }), Ee = ra(G), ve = _a(G, {
     enabled: S
-  }), we = oa(G), { getReferenceProps: Pe, getFloatingProps: Re } = la([
+  }), we = oa(G), { getReferenceProps: Ae, getFloatingProps: Re } = la([
     Ee,
     ve,
     we
   ]), { styles: Le } = yr(G, {
-    initial: ({ side: I }) => k({
+    initial: ({ side: P }) => k({
       opacity: 0
-    }, I === "bottom" && {
+    }, P === "bottom" && {
       marginTop: -10
-    } || I === "top" && {
+    } || P === "top" && {
       marginTop: 10
-    } || I === "left" && {
+    } || P === "left" && {
       marginLeft: 10
-    } || I === "right" && {
+    } || P === "right" && {
       marginLeft: -10
     })
-  }), rt = (I) => {
+  }), rt = (P) => {
     var Oe, He;
     const L = C.current;
-    let oe = L + I;
+    let oe = L + P;
     for (; (Oe = r[oe]) != null && Oe.disabled || (He = r[oe]) != null && He.groupHeader; )
-      if (oe += I, oe === -1) {
+      if (oe += P, oe === -1) {
         oe = L;
         break;
       }
     return oe;
-  }, Qe = (I) => {
+  }, Qe = (P) => {
     var Oe, He;
-    C.current = rt(I);
+    C.current = rt(P);
     const L = (Oe = N.current) == null ? void 0 : Oe.children, oe = L && ((He = L[C.current]) == null ? void 0 : He.children[0]);
     return oe == null ? void 0 : oe.focus();
-  }, Ke = (I) => {
-    I.key === _e.arrowUp && C.current > 0 && (I.preventDefault(), Qe(-1)), I.key === _e.arrowDown && C.current + 1 < r.length && (I.preventDefault(), Qe(1));
+  }, Ke = (P) => {
+    P.key === _e.arrowUp && C.current > 0 && (P.preventDefault(), Qe(-1)), P.key === _e.arrowDown && C.current + 1 < r.length && (P.preventDefault(), Qe(1));
   };
   e.useEffect(() => {
     if (S)
       return document.addEventListener("keydown", Ke), () => document.removeEventListener("keydown", Ke);
     C.current = -1;
   }, [S, Ke]);
-  const _t = (I, L) => {
-    C.current = I, L == null || L(), !h && !c && ($(!1), d == null || d());
-  }, je = (I, L) => I.groupHeader ? /* @__PURE__ */ e.createElement(
+  const _t = (P, L) => {
+    C.current = P, L == null || L(), !h && !c && ($(!1), d == null || d());
+  }, je = (P, L) => P.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
     {
-      key: I.key,
+      key: P.key,
       role: "none",
-      className: Ie[`${Fe}__list__group-header`]
+      className: Pe[`${Ie}__list__group-header`]
     },
-    I.element
-  ) : /* @__PURE__ */ e.createElement("li", { key: I.key, role: "none" }, /* @__PURE__ */ e.createElement(
+    P.element
+  ) : /* @__PURE__ */ e.createElement("li", { key: P.key, role: "none" }, /* @__PURE__ */ e.createElement(
     "button",
     {
-      "data-testid": I.key,
+      "data-testid": P.key,
       tabIndex: -1,
-      key: I.key,
-      disabled: I.disabled,
-      onClick: () => _t(L, I.onClick),
+      key: P.key,
+      disabled: P.disabled,
+      onClick: () => _t(L, P.onClick),
       role: "menuitem",
-      className: u(Ie[`${Fe}__list__item`], {
-        [Ie[`${Fe}__list__item--disabled`]]: I.disabled,
-        [Ie[`${Fe}__list__item--with-divider`]]: I.withDivider,
-        [Ie[`${Fe}__list__item--selected`]]: p == null ? void 0 : p.includes(I.key)
+      className: u(Pe[`${Ie}__list__item`], {
+        [Pe[`${Ie}__list__item--disabled`]]: P.disabled,
+        [Pe[`${Ie}__list__item--with-divider`]]: P.withDivider,
+        [Pe[`${Ie}__list__item--selected`]]: p == null ? void 0 : p.includes(P.key)
       })
     },
-    I.element,
-    (p == null ? void 0 : p.includes(I.key)) && /* @__PURE__ */ e.createElement("div", { className: Ie[`${Fe}__list__item__icon`] }, /* @__PURE__ */ e.createElement(A, { source: Xt, kind: "action-primary" }))
+    P.element,
+    (p == null ? void 0 : p.includes(P.key)) && /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        "data-testid": `${P.key}-selected-icon`,
+        className: Pe[`${Ie}__list__item__icon`]
+      },
+      /* @__PURE__ */ e.createElement(A, { source: Xt, kind: "action-primary" })
+    )
   )), ot = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     T(k({
       "aria-label": "Toggle menu",
       "data-testid": "action-menu-trigger-button",
       ref: Y.setReference
-    }, Pe()), {
+    }, Ae()), {
       className: a
     }),
     _
@@ -826,7 +837,7 @@ const sc = {
     "div",
     k({
       ref: Y.setFloating,
-      className: Ie[Fe],
+      className: Pe[Ie],
       style: k({
         position: R,
         top: x != null ? x : "",
@@ -837,9 +848,9 @@ const sc = {
       "ul",
       T(k({}, b), {
         className: u(
-          Ie[`${Fe}__list`],
+          Pe[`${Ie}__list`],
           {
-            [Ie[`${Fe}__list--with-footer`]]: f
+            [Pe[`${Ie}__list--with-footer`]]: f
           },
           t
         ),
@@ -849,11 +860,11 @@ const sc = {
       r.map(je)
     ),
     f && /* @__PURE__ */ e.createElement(
-      P,
+      I,
       {
         size: "sm",
         as: "div",
-        className: Ie[`${Fe}__footer`]
+        className: Pe[`${Ie}__footer`]
       },
       f
     )
@@ -873,7 +884,7 @@ const sc = {
     })
   },
   t && /* @__PURE__ */ e.createElement("div", { className: pt[`${gt}__left-node`] }, t),
-  /* @__PURE__ */ e.createElement(P, { as: "div", className: pt[`${gt}__label`] }, r),
+  /* @__PURE__ */ e.createElement(I, { as: "div", className: pt[`${gt}__label`] }, r),
   a && /* @__PURE__ */ e.createElement("div", { className: pt[`${gt}__right-node`] }, a)
 ), b_ = "lc-Loader-module__loader___LRflD", f_ = "lc-Loader-module__loader__spinner___l3C1g", v_ = "lc-Loader-module__rotate___Tlni-", h_ = "lc-Loader-module__loader__label___R74f6", bt = {
   loader: b_,
@@ -884,29 +895,39 @@ const sc = {
   "loader__spinner-circle": "lc-Loader-module__loader__spinner-circle___ApBUO",
   rotate: v_,
   loader__label: h_
-}, xr = "loader", Qa = `${xr}__spinner`, za = ({
-  primaryColor: t,
-  secondaryColor: a,
-  label: r,
-  className: _,
-  size: o = "medium"
-}) => /* @__PURE__ */ e.createElement("div", { className: u(bt[xr], _) }, /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: u(bt[Qa], bt[`${Qa}--${o}`])
-  },
-  /* @__PURE__ */ e.createElement(
+}, xr = "loader", Qa = `${xr}__spinner`, za = (c) => {
+  var s = c, {
+    primaryColor: t,
+    secondaryColor: a,
+    label: r,
+    className: _,
+    size: o = "medium"
+  } = s, l = F(s, [
+    "primaryColor",
+    "secondaryColor",
+    "label",
+    "className",
+    "size"
+  ]);
+  return /* @__PURE__ */ e.createElement("div", k({ className: u(bt[xr], _) }, l), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: bt["loader__spinner-circle"],
-      style: {
-        /* stylelint-disable */
-        borderColor: a,
-        borderTopColor: t
+      className: u(bt[Qa], bt[`${Qa}--${o}`])
+    },
+    /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        role: "status",
+        className: bt["loader__spinner-circle"],
+        style: {
+          /* stylelint-disable */
+          borderColor: a,
+          borderTopColor: t
+        }
       }
-    }
-  )
-), r && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: bt.loader__label }, r)), k_ = (t) => {
+    )
+  ), r && /* @__PURE__ */ e.createElement(I, { as: "div", size: "md", className: bt.loader__label }, r));
+}, k_ = (t) => {
   if (t === "primary" || t === "destructive")
     return {
       primaryColor: "var(--action-primary-default)",
@@ -1007,6 +1028,7 @@ const sc = {
       t && /* @__PURE__ */ e.createElement(
         za,
         k({
+          "data-testid": "button-loader",
           size: "small",
           label: i,
           className: ce[`${ne}__loader`]
@@ -1022,7 +1044,8 @@ const sc = {
           }
         ),
         disabled: a,
-        size: l === "xcompact" ? "small" : "medium"
+        size: l === "xcompact" ? "small" : "medium",
+        "data-testid": "button-icon"
       }),
       /* @__PURE__ */ e.createElement("div", { className: ce[`${ne}__content`] }, n)
     );
@@ -1127,16 +1150,16 @@ const C_ = (t) => {
   closeOnTriggerBlur: x = !1,
   floatingStrategy: R
 }) => {
-  const Y = s !== void 0, [G, Ee] = e.useState(!1), ve = e.useRef(null), we = Y ? s : G, Pe = l || o, Re = Ra(), Le = jt(), rt = u(
+  const Y = s !== void 0, [G, Ee] = e.useState(!1), ve = e.useRef(null), we = Y ? s : G, Ae = l || o, Re = Ra(), Le = jt(), rt = u(
     D[Rt],
     a,
-    Pe && D[`${Rt}--${Pe}`],
+    Ae && D[`${Rt}--${Ae}`],
     i && D[`${Rt}--full-space`]
   ), Qe = typeof _ == "function", Ke = (le) => {
     le !== we && (le ? n == null || n() : d == null || d(), !Y && Ee(le));
   }, _t = (le) => m ? le != null ? le : p : 0, je = (le) => le != null ? le : E, {
     floatingStyles: ot,
-    refs: I,
+    refs: P,
     context: L,
     middlewareData: { arrow: { x: oe, y: Oe } = {} }
   } = Zt({
@@ -1176,12 +1199,12 @@ const C_ = (t) => {
     ua
   ]);
   e.useEffect(() => {
-    C && I.setReference(C);
-  }, [I.setReference, C]);
+    C && P.setReference(C);
+  }, [P.setReference, C]);
   const Pt = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     T(k({
-      ref: I.setReference
+      ref: P.setReference
     }, ba()), {
       className: r
     }),
@@ -1189,13 +1212,13 @@ const C_ = (t) => {
   ), /* @__PURE__ */ e.createElement(ca, { id: Le }, ma && /* @__PURE__ */ e.createElement(
     "div",
     T(k({
-      ref: I.setFloating,
+      ref: P.setFloating,
       style: k(k({}, ot), pa),
       className: rt
     }, fa()), {
       "data-status": ga
     }),
-    /* @__PURE__ */ e.createElement(P, { as: "div", className: D[`${Rt}__content`] }, t),
+    /* @__PURE__ */ e.createElement(I, { as: "div", className: D[`${Rt}__content`] }, t),
     /* @__PURE__ */ e.createElement(
       o_,
       k({
@@ -1210,7 +1233,7 @@ const C_ = (t) => {
           Oe,
           oe
         ))
-      }, C_(Pe))
+      }, C_(Ae))
     )
   )));
   return Re === null ? /* @__PURE__ */ e.createElement(La, null, Pt) : Pt;
@@ -1222,9 +1245,9 @@ const C_ = (t) => {
     className: D[`${ft}-close`],
     onClick: l
   },
-  /* @__PURE__ */ e.createElement(A, { source: Ae, kind: o ? Tr(o) : "primary" })
+  /* @__PURE__ */ e.createElement(A, { source: Be, kind: o ? Tr(o) : "primary" })
 ), a && /* @__PURE__ */ e.createElement(
-  Be,
+  De,
   {
     as: "div",
     size: "xs",
@@ -1234,7 +1257,7 @@ const C_ = (t) => {
   },
   a
 ), /* @__PURE__ */ e.createElement(
-  P,
+  I,
   {
     as: "div",
     className: u({
@@ -1262,7 +1285,7 @@ const C_ = (t) => {
       className: D[`${ze}-close`],
       onClick: l
     },
-    /* @__PURE__ */ e.createElement(A, { source: Ae, kind: o ? Tr(o) : "primary" })
+    /* @__PURE__ */ e.createElement(A, { source: Be, kind: o ? Tr(o) : "primary" })
   ), r && /* @__PURE__ */ e.createElement("div", { className: D[`${ze}-image-container`] }, /* @__PURE__ */ e.createElement(
     "img",
     {
@@ -1270,7 +1293,7 @@ const C_ = (t) => {
       src: r.src,
       alt: r.alt
     }
-  )), t && /* @__PURE__ */ e.createElement(Be, { as: "div", size: "xs", className: D[`${ze}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: D[`${ze}-text`] }, a), /* @__PURE__ */ e.createElement(
+  )), t && /* @__PURE__ */ e.createElement(De, { as: "div", size: "xs", className: D[`${ze}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: D[`${ze}-text`] }, a), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
@@ -1473,15 +1496,15 @@ const ja = 8, Za = "guide-tooltip", er = (t, a) => new B_(t, a), yc = (t) => {
   title: t,
   description: a,
   children: r
-}) => /* @__PURE__ */ e.createElement("div", { className: D[vt] }, /* @__PURE__ */ e.createElement("div", { className: D[`${vt}__heading`] }, /* @__PURE__ */ e.createElement(P, { as: "div", className: D[`${vt}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
-  P,
+}) => /* @__PURE__ */ e.createElement("div", { className: D[vt] }, /* @__PURE__ */ e.createElement("div", { className: D[`${vt}__heading`] }, /* @__PURE__ */ e.createElement(I, { as: "div", className: D[`${vt}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
+  I,
   {
     as: "div",
     size: "xs",
     className: D[`${vt}__heading__description`]
   },
   a
-)), /* @__PURE__ */ e.createElement("div", { className: D[`${vt}__content`] }, /* @__PURE__ */ e.createElement(P, { as: "div" }, r))), U = {
+)), /* @__PURE__ */ e.createElement("div", { className: D[`${vt}__content`] }, /* @__PURE__ */ e.createElement(I, { as: "div" }, r))), U = {
   "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",
@@ -1757,7 +1780,7 @@ const ja = 8, Za = "guide-tooltip", er = (t, a) => new B_(t, a), yc = (t) => {
       className: he[`${ke}__icon`]
     })
   ), /* @__PURE__ */ e.createElement(
-    P,
+    I,
     {
       as: "div",
       className: he[`${ke}__content__wrapper__text`]
@@ -1775,11 +1798,10 @@ const ja = 8, Za = "guide-tooltip", er = (t, a) => new B_(t, a), yc = (t) => {
     W,
     {
       "aria-label": "Close alert",
-      type: "button",
       className: he[`${ke}__close-icon`],
       size: "compact",
       kind: "plain",
-      icon: /* @__PURE__ */ e.createElement(A, { source: Ae }),
+      icon: /* @__PURE__ */ e.createElement(A, { source: Be }),
       onClick: l
     }
   ));
@@ -1924,7 +1946,7 @@ const W_ = "lc-Avatar-module__avatar___1zTCE", V_ = "lc-Avatar-module__avatar__s
       onError: Y
     }
   ), h && /* @__PURE__ */ e.createElement(
-    Be,
+    De,
     {
       as: "span",
       size: R(o),
@@ -1978,7 +2000,7 @@ const X_ = "lc-Badge-module__badge___GhLnu", Q_ = "lc-Badge-module__badge__dot__
   ), n = {
     counter: J_(a, r),
     alert: "!",
-    dot: /* @__PURE__ */ e.createElement("span", { className: Lt[`${Ot}__dot`] })
+    dot: /* @__PURE__ */ e.createElement("span", { "data-testid": "badge-dot", className: Lt[`${Ot}__dot`] })
   }[l];
   return /* @__PURE__ */ e.createElement("span", k({ className: d }, c), n);
 };
@@ -2069,8 +2091,15 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
       className: ge[`${Jt}__image`],
       src: c
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: ge[ka] }, /* @__PURE__ */ e.createElement(Be, { size: "xs", className: ge[`${ka}__title`] }, s), /* @__PURE__ */ e.createElement(P, { size: "sm", className: ge[`${ka}__description`] }, o))), /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: ge[`${Bt}__content`] }, r), m && /* @__PURE__ */ e.createElement(
-    P,
+  ), /* @__PURE__ */ e.createElement("div", { className: ge[ka] }, /* @__PURE__ */ e.createElement(De, { size: "xs", className: ge[`${ka}__title`] }, s), o && /* @__PURE__ */ e.createElement(
+    I,
+    {
+      size: "sm",
+      className: ge[`${ka}__description`]
+    },
+    o
+  ))), /* @__PURE__ */ e.createElement(I, { as: "div", size: "md", className: ge[`${Bt}__content`] }, r), m && /* @__PURE__ */ e.createElement(
+    I,
     {
       as: "div",
       size: "md",
@@ -2101,7 +2130,7 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     "className"
   ]);
   const l = u(po[go], a);
-  return /* @__PURE__ */ e.createElement(P, T(k({ as: "span", size: "sm" }, r), { className: l }), t);
+  return /* @__PURE__ */ e.createElement(I, T(k({ as: "span", size: "sm" }, r), { className: l }), t);
 }, bo = "lc-Checkbox-module__checkbox___G7nTf", fo = "lc-Checkbox-module__checkbox__label___-o01x", vo = "lc-Checkbox-module__checkbox__text___P2SIq", ho = "lc-Checkbox-module__checkbox__input___YLbVF", ko = "lc-Checkbox-module__checkbox__checkmark___16pfY", yo = "lc-Checkbox-module__checkbox__square___MHUyd", Eo = "lc-Checkbox-module__checkbox__helper___YSJ-n", Ze = {
   checkbox: bo,
   checkbox__label: fo,
@@ -2132,7 +2161,7 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
           className: Ze[`${et}__input`],
           type: "checkbox"
         })
-      ), r && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: Ze[`${et}__text`] }, r)),
+      ), r && /* @__PURE__ */ e.createElement(I, { as: "div", size: "md", className: Ze[`${et}__text`] }, r)),
       _ && /* @__PURE__ */ e.createElement(na, { className: Ze[`${et}__helper`] }, _)
     );
   }
@@ -2689,7 +2718,7 @@ const Sc = (t) => {
       },
       r && /* @__PURE__ */ e.createElement("div", { className: O[`${H}__label__left-node`] }, r),
       h ? /* @__PURE__ */ e.createElement(
-        Be,
+        De,
         {
           size: "xs",
           className: O[`${H}__label__content`]
@@ -2764,7 +2793,7 @@ const Sc = (t) => {
     "className"
   ]);
   const l = u(or[lr], a);
-  return /* @__PURE__ */ e.createElement(P, T(k({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(I, T(k({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
     A,
     {
       source: Ma,
@@ -2817,7 +2846,7 @@ const Sc = (t) => {
     "helperText",
     "formFooter"
   ]);
-  return /* @__PURE__ */ e.createElement("form", k({ className: u(yt[Et], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__header`] }, r && /* @__PURE__ */ e.createElement(Be, { size: "sm", className: yt[`${Et}__label`] }, r), _ && /* @__PURE__ */ e.createElement(P, { as: "p", size: "sm", className: yt[`${Et}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__footer`] }, o));
+  return /* @__PURE__ */ e.createElement("form", k({ className: u(yt[Et], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__header`] }, r && /* @__PURE__ */ e.createElement(De, { size: "sm", className: yt[`${Et}__label`] }, r), _ && /* @__PURE__ */ e.createElement(I, { as: "p", size: "sm", className: yt[`${Et}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__footer`] }, o));
 }, J = {
   "form-field": "lc-FormField-module__form-field___JqnX6",
   "form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
@@ -2857,7 +2886,7 @@ const Sc = (t) => {
     const f = d;
     return t && f.current ? m(`${f.current.clientHeight}px`) : m("auto");
   }), /* @__PURE__ */ e.createElement("div", { className: p }, i && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-    P,
+    I,
     {
       as: "div",
       size: "sm",
@@ -2901,10 +2930,10 @@ const Sc = (t) => {
             className: J[`${X}__label-left-node`],
             htmlFor: c
           },
-          /* @__PURE__ */ e.createElement(P, { as: "span", size: "sm" }, _)
+          /* @__PURE__ */ e.createElement(I, { as: "span", size: "sm" }, _)
         ),
         o && /* @__PURE__ */ e.createElement(
-          P,
+          I,
           {
             as: "div",
             size: "sm",
@@ -2917,7 +2946,7 @@ const Sc = (t) => {
         )
       ),
       i && !t && /* @__PURE__ */ e.createElement(
-        P,
+        I,
         {
           as: "div",
           size: "sm",
@@ -2959,10 +2988,10 @@ const Sc = (t) => {
     }), r && { "aria-label": r }), {
       className: s
     }),
-    /* @__PURE__ */ e.createElement("div", { className: Gt[`${Ut}__header`] }, /* @__PURE__ */ e.createElement(Be, { as: "div", size: "sm", className: Gt[`${Ut}__label`] }, r), _ && /* @__PURE__ */ e.createElement(P, { as: "div", size: "sm", className: Gt[`${Ut}__helper`] }, _)),
+    /* @__PURE__ */ e.createElement("div", { className: Gt[`${Ut}__header`] }, /* @__PURE__ */ e.createElement(De, { as: "div", size: "sm", className: Gt[`${Ut}__label`] }, r), _ && /* @__PURE__ */ e.createElement(I, { as: "div", size: "sm", className: Gt[`${Ut}__helper`] }, _)),
     a
   );
-}, Lo = "lc-Input-module__input___qeMAQ", Te = {
+}, Lo = "lc-Input-module__input___qeMAQ", xe = {
   input: Lo,
   "input--focused": "lc-Input-module__input--focused___wQH5-",
   "input--disabled": "lc-Input-module__input--disabled___HidXX",
@@ -2977,13 +3006,13 @@ const Sc = (t) => {
   "input__icon--left": "lc-Input-module__input__icon--left___BcySs",
   "input__icon--right": "lc-Input-module__input__icon--right___VefSK",
   "input__visibility-button": "lc-Input-module__input__visibility-button___eWrVe"
-}, De = "input", cr = (t, a) => e.cloneElement(t.source, {
+}, Te = "input", cr = (t, a) => e.cloneElement(t.source, {
   "data-testid": `input-icon-${t.place}`,
   className: u(
-    Te[`${De}__icon`],
-    Te[`${De}__icon--${t.place}`],
+    xe[`${Te}__icon`],
+    xe[`${Te}__icon--${t.place}`],
     {
-      [Te[`${De}__icon--disabled`]]: a
+      [xe[`${Te}__icon--disabled`]]: a
     }
   )
 }), Ic = e.forwardRef(
@@ -3007,21 +3036,21 @@ const Sc = (t) => {
     e.useImperativeHandle(s, () => n.current, []);
     const [m, p] = e.useState(!1), [f, b] = e.useState(!1), { type: E, onFocus: v, onBlur: h } = c, y = u(
       o,
-      Te[De],
-      Te[`${De}--${t}`],
+      xe[Te],
+      xe[`${Te}--${t}`],
       {
-        [Te[`${De}--disabled`]]: r,
-        [Te[`${De}--focused`]]: m,
-        [Te[`${De}--error`]]: a,
-        [Te[`${De}--crop`]]: l,
-        [Te[`${De}--read-only`]]: c.readOnly
+        [xe[`${Te}--disabled`]]: r,
+        [xe[`${Te}--focused`]]: m,
+        [xe[`${Te}--error`]]: a,
+        [xe[`${Te}--crop`]]: l,
+        [xe[`${Te}--read-only`]]: c.readOnly
       }
     ), $ = r ? "var(--content-disabled)" : "var(--content-default)", C = f ? Kr : Jr, w = _ && _.place === "left", g = _ && E !== "password" && _.place === "right", N = () => {
       var S;
       (S = n.current) == null || S.focus();
     };
     return /* @__PURE__ */ e.createElement(
-      P,
+      I,
       {
         as: "div",
         className: y,
@@ -3053,7 +3082,7 @@ const Sc = (t) => {
           size: "compact",
           icon: /* @__PURE__ */ e.createElement(A, { customColor: $, source: C }),
           onClick: () => b((S) => !S),
-          className: Te[`${De}__visibility-button`]
+          className: xe[`${Te}__visibility-button`]
         }
       )
     );
@@ -3166,7 +3195,7 @@ const Sc = (t) => {
       t && me["modal-base__close--label-type"]
     ),
     onClick: r,
-    icon: /* @__PURE__ */ e.createElement(A, { source: Ae, size: "medium", customColor: a })
+    icon: /* @__PURE__ */ e.createElement(A, { source: Be, size: "medium", customColor: a })
   }
 ), tt = "modal", Mc = (d) => {
   var n = d, {
@@ -3200,7 +3229,7 @@ const Sc = (t) => {
       isLabelled: !!_
     }, i),
     _ && /* @__PURE__ */ e.createElement("div", { className: me[`${tt}__label-header`] }, /* @__PURE__ */ e.createElement(
-      Be,
+      De,
       {
         size: "sm",
         as: "div",
@@ -3216,7 +3245,7 @@ const Sc = (t) => {
       }
     )),
     !_ && r && /* @__PURE__ */ e.createElement("div", { className: me[`${tt}__header`] }, /* @__PURE__ */ e.createElement(
-      Be,
+      De,
       {
         size: "sm",
         as: "div",
@@ -3230,7 +3259,7 @@ const Sc = (t) => {
         "data-testid": "modal-body",
         className: u(me[`${tt}__body`], s)
       },
-      p ? /* @__PURE__ */ e.createElement(P, { as: "div" }, t) : t
+      p ? /* @__PURE__ */ e.createElement(I, { as: "div" }, t) : t
     ),
     l && /* @__PURE__ */ e.createElement("div", { className: me[`${tt}__footer`] }, l)
   );
@@ -3271,8 +3300,8 @@ const Sc = (t) => {
     k({
       className: $t[`${Ct}__heading-left-node`]
     }, r)
-  ), /* @__PURE__ */ e.createElement("div", { className: $t[`${Ct}__heading-body`] }, /* @__PURE__ */ e.createElement(Be, { as: "div", size: "sm" }, t), _ && /* @__PURE__ */ e.createElement(
-    P,
+  ), /* @__PURE__ */ e.createElement("div", { className: $t[`${Ct}__heading-body`] }, /* @__PURE__ */ e.createElement(De, { as: "div", size: "sm" }, t), _ && /* @__PURE__ */ e.createElement(
+    I,
     {
       as: "div",
       className: $t[`${Ct}__heading-description`]
@@ -3449,7 +3478,7 @@ const mt = "select-all", Ko = (t, a) => {
       alt: n.name
     }
   ), /* @__PURE__ */ e.createElement("div", { className: ae[`${ye}__label-container`] }, /* @__PURE__ */ e.createElement(
-    P,
+    I,
     {
       as: "span",
       className: u([ae[`${ye}__label`]], {
@@ -3468,7 +3497,7 @@ const mt = "select-all", Ko = (t, a) => {
         role: "group",
         className: ae[`${ye}__header`]
       }, l()),
-      /* @__PURE__ */ e.createElement(Be, { size: "2xs", uppercase: !0, bold: !0, as: "div" }, c.name)
+      /* @__PURE__ */ e.createElement(De, { size: "2xs", uppercase: !0, bold: !0, as: "div" }, c.name)
     );
   const d = (n) => {
     !c.disabled && o(n);
@@ -3673,7 +3702,7 @@ const mt = "select-all", Ko = (t, a) => {
       onBlur: () => f(!1)
     }),
     /* @__PURE__ */ e.createElement(
-      P,
+      I,
       {
         as: "div",
         className: u(
@@ -3699,7 +3728,7 @@ const mt = "select-all", Ko = (t, a) => {
           className: se[`${re}__clear-icon`],
           onClick: v
         },
-        /* @__PURE__ */ e.createElement(A, { kind: "primary", size: "small", source: Ae })
+        /* @__PURE__ */ e.createElement(A, { kind: "primary", size: "small", source: Be })
       ),
       /* @__PURE__ */ e.createElement(
         A,
@@ -3800,7 +3829,7 @@ const mt = "select-all", Ko = (t, a) => {
       return i ? m : Ha(m, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
   };
   return /* @__PURE__ */ e.createElement(
-    P,
+    I,
     T(k(k({
       className: y
     }, b), w()), {
@@ -3840,7 +3869,7 @@ const mt = "select-all", Ko = (t, a) => {
         A,
         {
           "data-dismiss-icon": !0,
-          source: Ae,
+          source: Be,
           size: $,
           customColor: g()
         }
@@ -4146,7 +4175,7 @@ const mt = "select-all", Ko = (t, a) => {
     "useClickHookProps",
     "virtuosoProps"
   ]);
-  const [Ee, ve] = e.useState(C), [we, Pe] = e.useState(!1), Re = h !== void 0, Le = Re ? h : Ee, rt = (le, Ua) => {
+  const [Ee, ve] = e.useState(C), [we, Ae] = e.useState(!1), Re = h !== void 0, Le = Re ? h : Ee, rt = (le, Ua) => {
     le ? y == null || y(Ua) : $ == null || $(Ua), !Re && ve(le);
   }, {
     selectedKeys: Qe,
@@ -4154,7 +4183,7 @@ const mt = "select-all", Ko = (t, a) => {
     searchPhrase: _t,
     handleSelect: je,
     handleOnFilter: ot,
-    handleItemRemove: I,
+    handleItemRemove: P,
     handleClear: L
   } = cl({
     selected: i,
@@ -4205,7 +4234,7 @@ const mt = "select-all", Ko = (t, a) => {
       isRequired: m,
       isMultiSelect: b === "multi",
       size: d,
-      setTriggerFocus: Pe
+      setTriggerFocus: Ae
     },
     /* @__PURE__ */ e.createElement(
       _l,
@@ -4218,7 +4247,7 @@ const mt = "select-all", Ko = (t, a) => {
         type: b,
         size: d,
         clearSearchAfterSelection: w,
-        onItemRemove: I,
+        onItemRemove: P,
         onSelect: je,
         onFilter: ot,
         onClear: L,
@@ -4267,8 +4296,8 @@ const mt = "select-all", Ko = (t, a) => {
   useClickHookProps: f,
   floatingStrategy: b
 }) => {
-  const [E, v] = e.useState(n), h = Ra(), y = jt(), $ = d !== void 0, C = $ ? d : E, w = typeof _ == "string", g = typeof t == "function", N = (Pe, Re) => {
-    Pe ? r == null || r(Re) : a == null || a(Re), !$ && v(Pe);
+  const [E, v] = e.useState(n), h = Ra(), y = jt(), $ = d !== void 0, C = $ ? d : E, w = typeof _ == "string", g = typeof t == "function", N = (Ae, Re) => {
+    Ae ? r == null || r(Re) : a == null || a(Re), !$ && v(Ae);
   }, { refs: S, context: V, floatingStyles: q } = Zt({
     nodeId: y,
     open: C,
@@ -4299,7 +4328,7 @@ const mt = "select-all", Ko = (t, a) => {
       ref: S.setFloating,
       style: q
     }, Ee()),
-    w ? /* @__PURE__ */ e.createElement(P, { as: "div" }, _) : _
+    w ? /* @__PURE__ */ e.createElement(I, { as: "div" }, _) : _
   ))));
   return h === null ? /* @__PURE__ */ e.createElement(La, null, we) : we;
 }, dl = [
@@ -4486,14 +4515,14 @@ const Nt = {
     },
     a
   ), c && /* @__PURE__ */ e.createElement(W, { size: "compact", kind: "text", onClick: d }, c));
-  return /* @__PURE__ */ e.createElement("div", { ref: n, className: f }, /* @__PURE__ */ e.createElement("div", { className: $e[`${Ce}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: $e[`${Ce}__img`] }), /* @__PURE__ */ e.createElement("div", { className: $e[`${Ce}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: $e[`${Ce}__header`] }, _), /* @__PURE__ */ e.createElement(P, { as: "div" }, r), m !== "large" && b), m === "large" && b), i && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { ref: n, className: f }, /* @__PURE__ */ e.createElement("div", { className: $e[`${Ce}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: $e[`${Ce}__img`] }), /* @__PURE__ */ e.createElement("div", { className: $e[`${Ce}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: $e[`${Ce}__header`] }, _), /* @__PURE__ */ e.createElement(I, { as: "div" }, r), m !== "large" && b), m === "large" && b), i && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
       className: $e[`${Ce}__close-icon`],
       onClick: i
     },
-    /* @__PURE__ */ e.createElement(A, { source: Ae, size: "large", kind: "primary" })
+    /* @__PURE__ */ e.createElement(A, { source: Be, size: "large", kind: "primary" })
   ));
 }, Ue = {
   "main-wrapper": "lc-PromoBannerV2-module__main-wrapper___U-dPS",
@@ -4556,7 +4585,7 @@ const Nt = {
       {
         className: Ue[`${Je}__close__btn`],
         onClick: i,
-        icon: /* @__PURE__ */ e.createElement(A, { source: Ae, kind: "primary" }),
+        icon: /* @__PURE__ */ e.createElement(A, { source: Be, kind: "primary" }),
         kind: "plain",
         size: "compact"
       }
@@ -4588,7 +4617,7 @@ const Nt = {
         checked: _,
         disabled: o
       })
-    )), t && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: We[`${Ve}__text`] }, t)), r && /* @__PURE__ */ e.createElement(na, { className: We[`${Ve}__helper`] }, r));
+    )), t && /* @__PURE__ */ e.createElement(I, { as: "div", size: "md", className: We[`${Ve}__text`] }, t)), r && /* @__PURE__ */ e.createElement(na, { className: We[`${Ve}__helper`] }, r));
   }
 ), Ne = {
   "search-input": "lc-Search-module__search-input___FsbCk",
@@ -4604,7 +4633,7 @@ const Nt = {
   "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"
-}, xe = "search-input", mr = `${xe}__input-wrapper`, Vc = ({
+}, Fe = "search-input", mr = `${Fe}__input-wrapper`, Vc = ({
   isCollapsable: t,
   isDisabled: a,
   isLoading: r,
@@ -4617,12 +4646,12 @@ const Nt = {
 }) => {
   const [d, n] = e.useState(!0), [m, p] = e.useState(!1), f = e.useRef(null), b = !!l && !a && !r, E = t && !d && "true", v = u(
     c,
-    Ne[xe],
-    Ne[`${xe}--${o}`],
-    m && Ne[`${xe}--focused`],
-    a && Ne[`${xe}--disabled`],
-    t && Ne[`${xe}--collapsable`],
-    !d && Ne[`${xe}--collapsable--open`]
+    Ne[Fe],
+    Ne[`${Fe}--${o}`],
+    m && Ne[`${Fe}--focused`],
+    a && Ne[`${Fe}--disabled`],
+    t && Ne[`${Fe}--collapsable`],
+    !d && Ne[`${Fe}--collapsable--open`]
   );
   e.useEffect(() => {
     t && l && n(!1);
@@ -4653,14 +4682,14 @@ const Nt = {
     /* @__PURE__ */ e.createElement(
       A,
       {
-        className: Ne[`${xe}__search-icon`],
+        className: Ne[`${Fe}__search-icon`],
         source: Xr,
         disabled: a,
         kind: "primary"
       }
     ),
     /* @__PURE__ */ e.createElement(
-      P,
+      I,
       {
         as: "div",
         className: u(
@@ -4689,21 +4718,14 @@ const Nt = {
       {
         "aria-label": "Clear search",
         title: "Clear search",
-        className: Ne[`${xe}__clear-icon`],
+        className: Ne[`${Fe}__clear-icon`],
         onClick: y,
-        icon: /* @__PURE__ */ e.createElement(A, { source: Ae, kind: "primary" }),
+        icon: /* @__PURE__ */ e.createElement(A, { source: Be, kind: "primary" }),
         kind: "text",
         size: "compact"
       }
     ),
-    r && /* @__PURE__ */ e.createElement(
-      "div",
-      {
-        "data-testid": `${xe}-loader`,
-        className: Ne[`${xe}__loader`]
-      },
-      /* @__PURE__ */ e.createElement(za, { size: "small" })
-    )
+    r && /* @__PURE__ */ e.createElement("div", { className: Ne[`${Fe}__loader`] }, /* @__PURE__ */ e.createElement(za, { size: "small" }))
   );
 }, kl = "lc-Skeleton-module__loading___MHvGo", at = {
   "skeleton-wrapper": "lc-Skeleton-module__skeleton-wrapper___MXuR8",
@@ -4882,6 +4904,7 @@ const Nt = {
       $ && /* @__PURE__ */ e.createElement(
         za,
         {
+          "data-testid": "switch-loader",
           className: u(
             j[`${Q}__loader`],
             j[`${Q}__loader--${c}`]
@@ -4927,7 +4950,7 @@ const Nt = {
   ]);
   const { disabled: d } = c, n = r !== void 0 && !o, m = r !== void 0 && o;
   return /* @__PURE__ */ e.createElement(
-    P,
+    I,
     T(k({}, c), {
       as: c.href ? "a" : "button",
       size: "md",
@@ -4941,7 +4964,7 @@ const Nt = {
       )
     }),
     t,
-    n && /* @__PURE__ */ e.createElement(P, { as: "span", size: "md", className: st[`${it}__count`] }, "(", r, ")"),
+    n && /* @__PURE__ */ e.createElement(I, { as: "span", size: "md", className: st[`${it}__count`] }, "(", r, ")"),
     m && /* @__PURE__ */ e.createElement(
       j_,
       {
@@ -5131,7 +5154,7 @@ const Nt = {
     },
     x.value || x.children
   );
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(P, { as: "div", className: b }, a == null ? void 0 : a.map(q), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(I, { as: "div", className: b }, a == null ? void 0 : a.map(q), /* @__PURE__ */ e.createElement(
     "input",
     T(k({}, m), {
       id: t,
@@ -5216,7 +5239,7 @@ const Nt = {
     Z[`${Xe}--${o}`],
     a
   ), n = typeof r == "string", m = (p) => p && p.closesOnClick && l ? (p.onClick(), l()) : p.onClick();
-  return /* @__PURE__ */ e.createElement("div", k({ className: d }, c), /* @__PURE__ */ e.createElement("div", { className: Z[`${Xe}__icon`] }, /* @__PURE__ */ e.createElement(A, T(k({}, Wl[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: Z[`${Xe}__content`] }, n ? /* @__PURE__ */ e.createElement(P, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: Z[`${Xe}__actions`] }, t && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", k({ className: d }, c), /* @__PURE__ */ e.createElement("div", { className: Z[`${Xe}__icon`] }, /* @__PURE__ */ e.createElement(A, T(k({}, Wl[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: Z[`${Xe}__content`] }, n ? /* @__PURE__ */ e.createElement(I, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: Z[`${Xe}__actions`] }, t && /* @__PURE__ */ e.createElement(
     W,
     {
       className: Z[`${Xe}__actions--custom`],
@@ -5235,7 +5258,7 @@ const Nt = {
       "aria-label": "Close toast",
       onClick: l
     },
-    /* @__PURE__ */ e.createElement(A, { source: Ae, size: "medium" })
+    /* @__PURE__ */ e.createElement(A, { source: Be, size: "medium" })
   )));
 }, ql = 200, xt = "toast-wrapper", en = ({
   className: t,
@@ -5296,7 +5319,7 @@ const Nt = {
     }, f = (b) => {
       n(!0), i == null || i(b);
     };
-    return /* @__PURE__ */ e.createElement(P, { as: "div", className: m }, /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement(I, { as: "div", className: m }, /* @__PURE__ */ e.createElement(
       "textarea",
       T(k({}, r), {
         ref: _,
@@ -5326,7 +5349,7 @@ const Nt = {
     "aria-label": "Close",
     onClick: a
   },
-  /* @__PURE__ */ e.createElement(A, { size: "small", source: Ae })
+  /* @__PURE__ */ e.createElement(A, { size: "small", source: Be })
 )), Se = {
   "file-upload-progress": "lc-FileUploadProgress-module__file-upload-progress___xw8h8",
   "file-upload-progress__icon": "lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz",
@@ -5373,7 +5396,7 @@ const Nt = {
           [Se[`${Ta}--error`]]: c === "error"
         })
       },
-      /* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, _),
+      /* @__PURE__ */ e.createElement(I, { size: "sm", as: "div" }, _),
       "=",
       " "
     ), t !== "hidden" && /* @__PURE__ */ e.createElement(
@@ -5470,7 +5493,7 @@ const Nt = {
       className: z[`${ue}__wrapper`],
       onClick: y
     },
-    /* @__PURE__ */ e.createElement("div", { className: z[`${Ye}`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${Ye}__icon`] }, Xl(c, r)), /* @__PURE__ */ e.createElement("div", { className: z[`${Ye}__title`] }, /* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, b ? l : _)), h && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: z[`${Ye}`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${Ye}__icon`] }, Xl(c, r)), /* @__PURE__ */ e.createElement("div", { className: z[`${Ye}__title`] }, /* @__PURE__ */ e.createElement(I, { size: "sm", as: "div" }, b ? l : _)), h && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: z[`${Ye}__collapse-button`],
@@ -5527,7 +5550,7 @@ export {
   Bc as Form,
   Ac as FormField,
   Pc as FormGroup,
-  Be as Heading,
+  De as Heading,
   A as Icon,
   hc as Info,
   Ic as Input,
@@ -5565,7 +5588,7 @@ export {
   Qc as TabsWrapper,
   Ir as Tag,
   Ml as TagInput,
-  P as Text,
+  I as Text,
   tn as Textarea,
   Vl as Toast,
   en as ToastWrapper,