@livechat/design-system-react-components 2.5.0 → 2.5.1

package/dist/index.js

@@ -1,40 +1,40 @@
 var c_ = Object.defineProperty, s_ = Object.defineProperties;
 var d_ = Object.getOwnPropertyDescriptors;
 var La = Object.getOwnPropertySymbols;
-var jr = Object.prototype.hasOwnProperty, Qr = Object.prototype.propertyIsEnumerable;
+var Qr = Object.prototype.hasOwnProperty, Jr = Object.prototype.propertyIsEnumerable;
 var yr = (e, a, r) => a in e ? c_(e, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[a] = r, k = (e, a) => {
   for (var r in a || (a = {}))
-    jr.call(a, r) && yr(e, r, a[r]);
+    Qr.call(a, r) && yr(e, r, a[r]);
   if (La)
     for (var r of La(a))
-      Qr.call(a, r) && yr(e, r, a[r]);
+      Jr.call(a, r) && yr(e, r, a[r]);
   return e;
 }, E = (e, a) => s_(e, d_(a));
 var F = (e, a) => {
   var r = {};
   for (var o in e)
-    jr.call(e, o) && a.indexOf(o) < 0 && (r[o] = e[o]);
+    Qr.call(e, o) && a.indexOf(o) < 0 && (r[o] = e[o]);
   if (e != null && La)
     for (var o of La(e))
-      a.indexOf(o) < 0 && Qr.call(e, o) && (r[o] = e[o]);
+      a.indexOf(o) < 0 && Jr.call(e, o) && (r[o] = e[o]);
   return r;
 };
 var wr = (e, a, r) => yr(e, typeof a != "symbol" ? a + "" : a, r);
-import { jsx as t, jsxs as f, Fragment as re } from "react/jsx-runtime";
+import { jsx as t, jsxs as f, Fragment as ne } from "react/jsx-runtime";
 import * as p from "react";
 import { createContext as u_, useContext as m_, useState as Jt, useEffect as tt, useMemo as qt, useRef as Ur, useReducer as p_, useCallback as Ga, memo as g_ } from "react";
-import { ChevronDown as Ht, Check as Sa, Close as Me, Info as Na, Warning as To, CheckCircle as Hr, Block as Ao, ChevronRight as ir, VisibilityOn as h_, VisibilityOff as f_, ChevronUp as lr, Person as b_, DoubleArrowLeft as v_, ChevronLeft as k_, DoubleArrowRight as y_, People as w_, Bot as C_, Add as $_, ChatBotColored as N_, PersonAdd as x_, TextLogoFull as S_, LiveChatMono as B_, ChatBotMono as E_, HelpDeskMono as I_, KnowledgeBaseMono as T_, OpenWidgetMono as A_, HelloMono as D_, TextAccounts as P_, Search as F_, LockBlack as R_, Refresh as M_, Error as O_ } from "@livechat/design-system-icons";
+import { ChevronDown as Ht, Check as Sa, Close as Me, Info as Na, Warning as Ao, CheckCircle as Hr, Block as Do, ChevronRight as ir, VisibilityOn as h_, VisibilityOff as f_, ChevronUp as lr, Person as b_, DoubleArrowLeft as v_, ChevronLeft as k_, DoubleArrowRight as y_, People as w_, Bot as C_, Add as $_, ChatBotColored as N_, PersonAdd as x_, TextLogoFull as S_, LiveChatMono as B_, ChatBotMono as E_, HelpDeskMono as I_, KnowledgeBaseMono as T_, OpenWidgetMono as A_, HelloMono as D_, TextAccounts as P_, Search as F_, LockBlack as R_, Refresh as M_, Error as O_ } from "@livechat/design-system-icons";
 import u from "clsx";
-import { useFloatingParentNodeId as cr, useFloatingNodeId as Ba, useFloating as Ea, offset as Ia, flip as sr, size as Do, autoUpdate as Ta, useClick as Aa, useDismiss as Da, useRole as Pa, useInteractions as Fa, useTransitionStyles as zr, FloatingNode as ta, FloatingTree as dr, shift as Vr, arrow as L_, hide as G_, useHover as U_, safePolygon as H_, useFocus as z_, useTransitionStatus as V_, FloatingArrow as W_, FloatingPortal as ea, FloatingFocusManager as Pr, useListNavigation as K_, FloatingOverlay as Y_ } from "@floating-ui/react";
+import { useFloatingParentNodeId as cr, useFloatingNodeId as Ba, useFloating as Ea, offset as Ia, flip as sr, size as Po, autoUpdate as Ta, useClick as Aa, useDismiss as Da, useRole as Pa, useInteractions as Fa, useTransitionStyles as zr, FloatingNode as ta, FloatingTree as dr, shift as Vr, arrow as L_, hide as G_, useHover as U_, safePolygon as H_, useFocus as z_, useTransitionStatus as V_, FloatingArrow as W_, FloatingPortal as ea, FloatingFocusManager as Pr, useListNavigation as K_, FloatingOverlay as Y_ } from "@floating-ui/react";
 import * as X_ from "react-dom";
 import { flushSync as Z_, createPortal as q_ } from "react-dom";
-import Po from "lodash.debounce";
+import Fo from "lodash.debounce";
 import { Virtuoso as j_ } from "react-virtuoso";
 import { getContrast as Wr } from "polished";
 import Q_ from "react-day-picker";
-import { subMonths as jt, differenceInCalendarMonths as Jr, addMonths as eo, isSameMonth as Fr, isSameDay as Rr, isAfter as Mr, differenceInCalendarDays as Kr, isPast as J_ } from "date-fns";
-import to from "lodash.escape";
-import { TransitionGroup as Fo, CSSTransition as Ro } from "react-transition-group";
+import { subMonths as jt, differenceInCalendarMonths as eo, addMonths as to, isSameMonth as Fr, isSameDay as Rr, isAfter as Mr, differenceInCalendarDays as Kr, isPast as J_ } from "date-fns";
+import ao from "lodash.escape";
+import { TransitionGroup as Ro, CSSTransition as Mo } from "react-transition-group";
 const Qc = {
   /** @deprecated */
   Background: "--background",
@@ -480,8 +480,8 @@ const Qc = {
   Slow: "--delay-slow"
 };
 var Dt = /* @__PURE__ */ ((e) => (e.Dark = "lc-dark-theme", e.Light = "lc-light-theme", e))(Dt || {});
-const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () => {
-  const e = m_(Mo);
+const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Oo = u_(void 0), ns = () => {
+  const e = m_(Oo);
   if (!e)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
@@ -507,11 +507,11 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
     }),
     [o, _, i]
   );
-  return /* @__PURE__ */ t(Mo.Provider, { value: l, children: e });
-}, Oo = p.createContext(
+  return /* @__PURE__ */ t(Oo.Provider, { value: l, children: e });
+}, Lo = p.createContext(
   void 0
-), Lo = () => {
-  const e = p.useContext(Oo);
+), Yr = () => {
+  const e = p.useContext(Lo);
   if (!e)
     throw new Error("useAppFrame must be used within a AppFrameProvider");
   return e;
@@ -534,7 +534,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
       i
     ]
   );
-  return /* @__PURE__ */ t(Oo.Provider, { value: l, children: e });
+  return /* @__PURE__ */ t(Lo.Provider, { value: l, children: e });
 }, ls = (e, a) => `color-mix(in srgb, var(${e}) ${a}, transparent)`, Gt = ({
   isVisible: e,
   elementRef: a
@@ -562,7 +562,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
     isMounted: r,
     setShouldBeVisible: l
   };
-}, ao = /* @__PURE__ */ (() => {
+}, ro = /* @__PURE__ */ (() => {
   let e = null;
   const a = /* @__PURE__ */ new Map();
   return {
@@ -578,13 +578,13 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
       e && _ && (e.unobserve(_), a.delete(_), a.size === 0 && (e.disconnect(), e = null));
     }
   };
-})(), Yr = (e, a) => {
-  window.ResizeObserver && (e !== null ? ao.observe(e, (o) => {
+})(), Xr = (e, a) => {
+  window.ResizeObserver && (e !== null ? ro.observe(e, (o) => {
     a(o);
-  }) : ao.unobserve(e));
+  }) : ro.unobserve(e));
 }, Go = () => {
   const [e, a] = p.useState(0), r = p.useCallback(
-    (o) => Yr(
+    (o) => Xr(
       o,
       (_) => a(_.height)
     ),
@@ -598,7 +598,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
   mobileBreakpoint: e
 }) => {
   const [a, r] = p.useState(!1), o = p.useCallback(
-    (_) => Yr(
+    (_) => Xr(
       _,
       (n) => r(n.width <= e)
     ),
@@ -608,7 +608,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
     isMobile: a,
     handleResizeRef: o
   };
-}, an = "lc-Icon-module__icon___J5RH5", ro = {
+}, an = "lc-Icon-module__icon___J5RH5", oo = {
   icon: an,
   "icon--primary": "lc-Icon-module__icon--primary___lclud",
   "icon--subtle": "lc-Icon-module__icon--subtle___d17Qj",
@@ -672,7 +672,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
     width: 64,
     height: 64
   }
-}, oo = "icon", P = (e) => {
+}, _o = "icon", P = (e) => {
   const s = e, {
     source: a,
     size: r = "medium",
@@ -689,8 +689,8 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
     "customColor"
   ]), d = p.createElement(a, k(k({}, rn[r]), i ? { color: i } : {})), c = u(
     n,
-    ro[oo],
-    o && ro[`${oo}--${_ ? "disabled--" : ""}${o}`]
+    oo[_o],
+    o && oo[`${_o}--${_ ? "disabled--" : ""}${o}`]
   );
   return /* @__PURE__ */ t("span", E(k({}, l), { className: c, children: d }));
 }, et = {
@@ -837,10 +837,10 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
     }, l),
     r
   );
-}, _o = {
+}, no = {
   "accordion-multiline": "lc-AccordionMultilineElement-module__accordion-multiline___oI-PH",
   "accordion-multiline__inner": "lc-AccordionMultilineElement-module__accordion-multiline__inner___bBTnC"
-}, no = "accordion-multiline", _n = ({ children: e, isExpanded: a }) => {
+}, io = "accordion-multiline", _n = ({ children: e, isExpanded: a }) => {
   const r = p.useRef(null), { isOpen: o, isMounted: _ } = Gt({
     isVisible: !a,
     elementRef: r
@@ -848,10 +848,10 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
   return /* @__PURE__ */ t(
     "div",
     {
-      className: _o[`${no}`],
+      className: no[`${io}`],
       style: { maxHeight: o ? n : 0 },
       ref: r,
-      children: /* @__PURE__ */ t("div", { ref: i, children: _ && /* @__PURE__ */ t("div", { className: _o[`${no}__inner`], children: e }) })
+      children: /* @__PURE__ */ t("div", { ref: i, children: _ && /* @__PURE__ */ t("div", { className: no[`${io}__inner`], children: e }) })
     }
   );
 }, aa = {
@@ -1085,7 +1085,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
     middleware: [
       Ia(4),
       sr(l),
-      Do({
+      Po({
         apply({ availableHeight: M }) {
           Z_(() => S(M));
         }
@@ -1173,7 +1173,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
       ]
     },
     M.key
-  ) }, M.key), st = /* @__PURE__ */ f(re, { children: [
+  ) }, M.key), st = /* @__PURE__ */ f(ne, { children: [
     /* @__PURE__ */ t(
       "div",
       E(k({
@@ -1253,7 +1253,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
   "loader__spinner-circle": "lc-Loader-module__loader__spinner-circle___LyuTm",
   rotate: fn,
   loader__label: bn
-}, Ho = "loader", io = `${Ho}__spinner`, Xr = (i) => {
+}, Ho = "loader", lo = `${Ho}__spinner`, Zr = (i) => {
   var l = i, {
     primaryColor: e,
     secondaryColor: a,
@@ -1271,7 +1271,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
     /* @__PURE__ */ t(
       "div",
       {
-        className: u(na[io], na[`${io}--${_}`]),
+        className: u(na[lo], na[`${lo}--${_}`]),
         children: /* @__PURE__ */ t(
           "div",
           {
@@ -1299,7 +1299,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
       primaryColor: "var(--content-invert-primary)",
       secondaryColor: "var(--surface-invert-secondary)"
     };
-}, lo = (e, a, r) => {
+}, co = (e, a, r) => {
   a(), r == null || r(e);
 }, kn = (e, a, r) => {
   a(), r == null || r(e);
@@ -1400,12 +1400,12 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
         type: r,
         disabled: w
       }, !w && { href: g, onClick: m }), h), I && {
-        onMouseEnter: (D) => lo(
+        onMouseEnter: (D) => co(
           D,
           () => S(!0),
           h == null ? void 0 : h.onMouseEnter
         ),
-        onMouseLeave: (D) => lo(
+        onMouseLeave: (D) => co(
           D,
           () => S(!1),
           h == null ? void 0 : h.onMouseLeave
@@ -1422,7 +1422,7 @@ const _s = (e) => e === "dark" ? Dt.Dark : Dt.Light, Mo = u_(void 0), ns = () =>
       }), {
         children: [
           e && /* @__PURE__ */ t(
-            Xr,
+            Zr,
             k({
               "data-testid": "button-loader",
               size: "small",
@@ -1643,7 +1643,7 @@ const Sn = (e) => {
       ]
     })
   ) }), l_ = () => ct === null ? /* @__PURE__ */ t(dr, { children: V ? /* @__PURE__ */ t(ea, E(k({}, H), { children: Oa })) : Oa }) : V ? /* @__PURE__ */ t(ea, E(k({}, H), { children: Oa })) : Oa;
-  return /* @__PURE__ */ f(re, { children: [
+  return /* @__PURE__ */ f(ne, { children: [
     /* @__PURE__ */ t(
       "div",
       E(k({
@@ -1794,7 +1794,7 @@ const Sn = (e) => {
     height: `${e.height}px`,
     backgroundColor: "transparent"
   };
-  return /* @__PURE__ */ f(re, { children: [
+  return /* @__PURE__ */ f(ne, { children: [
     /* @__PURE__ */ t(
       "div",
       {
@@ -1881,7 +1881,7 @@ class Pn {
     return this.getBoundingClientRect().height;
   }
 }
-const co = 8, so = "guide-tooltip", uo = (e, a) => new Pn(e, a), ms = (e) => {
+const so = 8, uo = "guide-tooltip", mo = (e, a) => new Pn(e, a), ms = (e) => {
   const {
     className: a,
     parentElementName: r,
@@ -1891,9 +1891,9 @@ const co = 8, so = "guide-tooltip", uo = (e, a) => new Pn(e, a), ms = (e) => {
     null
   ), [l, d] = p.useState(null), [c, s] = p.useState(_), g = () => {
     n && (d(
-      uo(
+      mo(
         n,
-        co
+        so
       ).getBoundingClientRect()
     ), s(!1));
   };
@@ -1909,9 +1909,9 @@ const co = 8, so = "guide-tooltip", uo = (e, a) => new Pn(e, a), ms = (e) => {
     }
   }, [r]), p.useEffect(() => {
     n && d(
-      uo(
+      mo(
         n,
-        co
+        so
       ).getBoundingClientRect()
     ), s(!0);
   }, [n]), n && o && l ? /* @__PURE__ */ f(ea, { children: [
@@ -1927,14 +1927,14 @@ const co = 8, so = "guide-tooltip", uo = (e, a) => new Pn(e, a), ms = (e) => {
     /* @__PURE__ */ t(
       Ut,
       E(k({}, e), {
-        triggerRenderer: /* @__PURE__ */ t(re, {}),
+        triggerRenderer: /* @__PURE__ */ t(ne, {}),
         referenceElement: {
           getBoundingClientRect: () => l,
           contextElement: n
         },
         className: u({
-          [O[so]]: !0,
-          [O[`${so}--slide`]]: c,
+          [O[uo]]: !0,
+          [O[`${uo}--slide`]]: c,
           className: a
         }),
         children: e.children
@@ -2229,7 +2229,7 @@ const co = 8, so = "guide-tooltip", uo = (e, a) => new Pn(e, a), ms = (e) => {
     kind: "link"
   },
   warning: {
-    source: To,
+    source: Ao,
     kind: "warning"
   },
   success: {
@@ -2237,7 +2237,7 @@ const co = 8, so = "guide-tooltip", uo = (e, a) => new Pn(e, a), ms = (e) => {
     kind: "success"
   },
   error: {
-    source: Ao,
+    source: Do,
     kind: "error"
   }
 }, Pe = "alert", fs = (l) => {
@@ -2265,7 +2265,7 @@ const co = 8, so = "guide-tooltip", uo = (e, a) => new Pn(e, a), ms = (e) => {
     a
   );
   return p.useEffect(() => {
-    const v = () => c.current && c.current.offsetWidth <= 400 ? g("small") : c.current && c.current.offsetWidth > 400 && c.current.offsetWidth <= 800 ? g("medium") : g("large"), h = Po(() => {
+    const v = () => c.current && c.current.offsetWidth <= 400 ? g("small") : c.current && c.current.offsetWidth > 400 && c.current.offsetWidth <= 800 ? g("medium") : g("large"), h = Fo(() => {
       v();
     }, 500);
     return window.addEventListener("resize", h), v(), () => window.removeEventListener("resize", h);
@@ -2353,7 +2353,7 @@ const co = 8, so = "guide-tooltip", uo = (e, a) => new Pn(e, a), ms = (e) => {
     isSideNavigationVisible: g,
     setIsMobileViewEnabled: m,
     isMobileViewEnabled: v
-  } = Lo(), h = p.useRef(null), { isOpen: b, isMounted: y } = Gt({
+  } = Yr(), h = p.useRef(null), { isOpen: b, isMounted: y } = Gt({
     isVisible: g,
     elementRef: h
   }), { isMobile: C, handleResizeRef: N } = tn({
@@ -2378,7 +2378,6 @@ const co = 8, so = "guide-tooltip", uo = (e, a) => new Pn(e, a), ms = (e) => {
                 {
                   [Fe[`${Ue}__top-bar--visible`]]: i
                 },
-                "lc-dark-theme",
                 l
               ),
               children: i
@@ -2406,6 +2405,13 @@ const co = 8, so = "guide-tooltip", uo = (e, a) => new Pn(e, a), ms = (e) => {
                     children: y && n
                   }
                 ),
+                v && /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: Fe[`${Ue}__content-wrapper__mobile-top-bar`],
+                    children: i
+                  }
+                ),
                 /* @__PURE__ */ t(
                   "div",
                   {
@@ -2419,16 +2425,7 @@ const co = 8, so = "guide-tooltip", uo = (e, a) => new Pn(e, a), ms = (e) => {
                     children: a
                   }
                 ),
-                v && /* @__PURE__ */ f(re, { children: [
-                  /* @__PURE__ */ t(
-                    "div",
-                    {
-                      className: Fe[`${Ue}__content-wrapper__mobile-top-bar`],
-                      children: i
-                    }
-                  ),
-                  _
-                ] })
+                v && _
               ]
             }
           )
@@ -2662,10 +2659,10 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
       }
     )
   ] });
-}, mo = {
+}, po = {
   "navigation-group": "lc-NavigationGroup-module__navigation-group___61JTX",
   "navigation-group--scrollable": "lc-NavigationGroup-module__navigation-group--scrollable___BL8-e"
-}, po = "navigation-group", ys = (_) => {
+}, go = "navigation-group", ys = (_) => {
   var n = _, {
     children: e,
     className: a,
@@ -2679,9 +2676,9 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
     "ul",
     E(k({
       className: u(
-        mo[po],
+        po[go],
         {
-          [mo[`${po}--scrollable`]]: r
+          [po[`${go}--scrollable`]]: r
         },
         a
       )
@@ -2778,7 +2775,7 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
     "onClick",
     "className"
   ]);
-  const { isMobileViewEnabled: v } = Lo();
+  const { isMobileViewEnabled: v } = Yr();
   return /* @__PURE__ */ t(
     "li",
     {
@@ -2803,7 +2800,7 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
             referencePress: !0,
             referencePressEvent: "click"
           },
-          triggerRenderer: /* @__PURE__ */ f(re, { children: [
+          triggerRenderer: /* @__PURE__ */ f(ne, { children: [
             /* @__PURE__ */ f(
               "a",
               E(k({
@@ -2866,10 +2863,13 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
   children: e,
   className: a,
   additionalNodes: r
-}) => /* @__PURE__ */ f("div", { className: u(je[or], a), children: [
-  /* @__PURE__ */ t("div", { className: je[`${or}__alerts-wrapper`], children: e }),
-  r
-] }), ni = ({
+}) => {
+  const { isMobileViewEnabled: o } = Yr();
+  return /* @__PURE__ */ f("div", { className: u(je[or], a), children: [
+    /* @__PURE__ */ t("div", { className: je[`${or}__alerts-wrapper`], children: e }),
+    !o && r
+  ] });
+}, ni = ({
   children: e,
   className: a,
   "data-testid": r
@@ -2893,7 +2893,7 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
     isVisible: i,
     elementRef: c
   }), m = p.useCallback(
-    (B) => Yr(
+    (B) => Xr(
       B,
       ($) => d($.width < Kn)
     ),
@@ -2917,7 +2917,7 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
         children: n.label
       })
     )
-  ] }) : null, N = /* @__PURE__ */ f(re, { children: [
+  ] }) : null, N = /* @__PURE__ */ f(ne, { children: [
     /* @__PURE__ */ f("div", { className: je[`${It}__children-wrapper`], children: [
       o,
       C
@@ -2931,7 +2931,7 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
       })
     )
   ] });
-  return /* @__PURE__ */ t(re, { children: s && /* @__PURE__ */ t("div", { ref: m, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(ne, { children: s && /* @__PURE__ */ t("div", { ref: m, children: /* @__PURE__ */ t(
     "div",
     {
       className: u(
@@ -3026,7 +3026,7 @@ const Wa = {
   "input__icon--left": "lc-Input-module__input__icon--left___IBzj8",
   "input__icon--right": "lc-Input-module__input__icon--right___lw1xQ",
   "input__visibility-button": "lc-Input-module__input__visibility-button___lmD5H"
-}, Je = "input", go = (e, a) => p.cloneElement(e.source, {
+}, Je = "input", ho = (e, a) => p.cloneElement(e.source, {
   "data-testid": `input-icon-${e.place}`,
   className: u(
     Qe[`${Je}__icon`],
@@ -3078,7 +3078,7 @@ const Wa = {
           (I = s.current) == null || I.focus();
         },
         children: [
-          S && go(o, r),
+          S && ho(o, r),
           /* @__PURE__ */ t(
             "input",
             E(k({}, i), {
@@ -3093,7 +3093,7 @@ const Wa = {
               type: b && !v ? b : "text"
             })
           ),
-          w && go(o, r),
+          w && ho(o, r),
           b === "password" && /* @__PURE__ */ t(
             q,
             {
@@ -3124,7 +3124,7 @@ const Qt = "select-all", mi = (e, a) => {
   }), r;
 }, Lr = (e) => e.filter(
   ({ key: a, disabled: r, groupHeader: o }) => !(a === Qt || r || o)
-), ho = ({ key: e }) => e, pi = (e, a) => e.includes(a) ? e.filter((r) => r !== a) : [...e, a], gi = {
+), fo = ({ key: e }) => e, pi = (e, a) => e.includes(a) ? e.filter((r) => r !== a) : [...e, a], gi = {
   "field-description": "lc-FieldDescription-module__field-description___x5rXY"
 }, hi = "field-description", ur = (o) => {
   var _ = o, { children: e, className: a = "" } = _, r = F(_, ["children", "className"]);
@@ -3196,7 +3196,7 @@ const Qt = "select-all", mi = (e, a) => {
 }) => {
   const d = (s) => {
     var g;
-    return (g = s == null ? void 0 : s.customElement) != null && g.listItemBody ? /* @__PURE__ */ t("div", { className: ye[`${Ve}__custom`], children: s.customElement.listItemBody }) : /* @__PURE__ */ f(re, { children: [
+    return (g = s == null ? void 0 : s.customElement) != null && g.listItemBody ? /* @__PURE__ */ t("div", { className: ye[`${Ve}__custom`], children: s.customElement.listItemBody }) : /* @__PURE__ */ f(ne, { children: [
       s.showCheckbox && /* @__PURE__ */ t(
         $i,
         {
@@ -3793,7 +3793,7 @@ const Qt = "select-all", mi = (e, a) => {
       Ia(4),
       sr({ padding: 10 }),
       Vr(),
-      Do({
+      Po({
         apply({ availableHeight: V, rects: H, elements: K }) {
           X_.flushSync(() => {
             C(
@@ -3855,8 +3855,8 @@ const Qt = "select-all", mi = (e, a) => {
   inputRef: l
 }) => {
   const [d, c] = p.useState(
-    () => (e == null ? void 0 : e.map(ho)) || []
-  ), s = e !== void 0, g = s ? (e == null ? void 0 : e.map(ho)) || [] : d, [m, v] = p.useState(""), h = ($) => v($), b = ($) => {
+    () => (e == null ? void 0 : e.map(fo)) || []
+  ), s = e !== void 0, g = s ? (e == null ? void 0 : e.map(fo)) || [] : d, [m, v] = p.useState(""), h = ($) => v($), b = ($) => {
     r === "single" ? B($) : (c(g.filter((S) => S !== $)), _((e == null ? void 0 : e.filter(({ key: S }) => S !== $)) || null));
   }, y = () => {
     !s && c([]), _(null), v(""), n(!1);
@@ -4085,7 +4085,7 @@ const Qt = "select-all", mi = (e, a) => {
   }, a && {
     customElement: {
       listItemBody: a,
-      selectedItemBody: /* @__PURE__ */ t(re, {})
+      selectedItemBody: /* @__PURE__ */ t(ne, {})
     }
   }), o);
 }), Li = (e, a, r, o) => {
@@ -4218,7 +4218,7 @@ const Qt = "select-all", mi = (e, a) => {
       ) }) })
     ] }));
   }
-), fo = Array.from(
+), bo = Array.from(
   { length: 10 },
   (e, a) => `--surface-avatar-${a + 1}`
 );
@@ -4226,7 +4226,7 @@ function Gi(e) {
   if (!e)
     return;
   const a = e.split("").reduce((r, o) => r + o.charCodeAt(0), 0);
-  return `var(${fo[a % fo.length]})`;
+  return `var(${bo[a % bo.length]})`;
 }
 function Ui(e = "", a = 2) {
   const r = e.trim().split(/\s+/), o = r.map((n) => [...n][0]);
@@ -4565,7 +4565,7 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
   "date-picker--range__select-input": "lc-DatePicker-module__date-picker--range__select-input___hOC44",
   "date-picker--range__calendars-wrapper": "lc-DatePicker-module__date-picker--range__calendars-wrapper___6Nmys",
   "date-picker__navbar-buttons-wrapper": "lc-DatePicker-module__date-picker__navbar-buttons-wrapper___zfbQt"
-}, bo = "date-picker", nl = (e) => {
+}, vo = "date-picker", nl = (e) => {
   const {
     onPreviousClick: a,
     onMonthChange: r,
@@ -4587,24 +4587,24 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
       const N = jt(c, 12);
       return r(N);
     }
-    const y = Math.abs(Jr(c, s)), C = jt(
+    const y = Math.abs(eo(c, s)), C = jt(
       c,
       !Number.isNaN(y) && y > 12 ? 12 : y
     );
     return r(C);
   }, b = () => {
     if (!g) {
-      const N = eo(c, 12);
+      const N = to(c, 12);
       return r(N);
     }
-    const y = Math.abs(Jr(g, c)), C = eo(
+    const y = Math.abs(eo(g, c)), C = to(
       c,
       !Number.isNaN(y) && y > 12 ? 12 : y
     );
     return d === 2 && Fr(C, g) ? r(jt(C, 1)) : r(C);
   };
   return /* @__PURE__ */ f("div", { className: i, children: [
-    /* @__PURE__ */ f("div", { className: L[`${bo}__navbar-buttons-wrapper`], children: [
+    /* @__PURE__ */ f("div", { className: L[`${vo}__navbar-buttons-wrapper`], children: [
       /* @__PURE__ */ t(
         "button",
         {
@@ -4630,7 +4630,7 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
         }
       )
     ] }),
-    /* @__PURE__ */ f("div", { className: L[`${bo}__navbar-buttons-wrapper`], children: [
+    /* @__PURE__ */ f("div", { className: L[`${vo}__navbar-buttons-wrapper`], children: [
       /* @__PURE__ */ t(
         "button",
         {
@@ -4677,7 +4677,7 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
 }, wa = (e, a) => {
   const r = a.find((o) => o.id === e);
   return r || void 0;
-}, vo = (e, a) => !!(!e || e && a), ll = (e) => {
+}, ko = (e, a) => !!(!e || e && a), ll = (e) => {
   const a = {};
   if (!e.initialSelectedItemKey)
     return a;
@@ -4721,9 +4721,9 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
   outside: L[`${U}__day--outside`],
   start: L[`${U}__day--start`],
   end: L[`${U}__day--end`]
-}, a), ko = "date-picker", sl = (e) => {
+}, a), yo = "date-picker", sl = (e) => {
   const a = e.getDate();
-  return /* @__PURE__ */ t("div", { className: L[`${ko}__day-wrapper`], children: /* @__PURE__ */ t("div", { className: L[`${ko}__day-content`], children: a }) });
+  return /* @__PURE__ */ t("div", { className: L[`${yo}__day-wrapper`], children: /* @__PURE__ */ t("div", { className: L[`${yo}__day-content`], children: a }) });
 }, dl = (e) => {
   const C = e, {
     classNames: a,
@@ -4928,7 +4928,7 @@ const ml = (e) => {
   const s = Ga(
     (b) => {
       const y = _ ? Kr(_, b) >= 0 : !0;
-      !vo(d.from, d.to) && y && c({
+      !ko(d.from, d.to) && y && c({
         type: ae.NEW_TEMPORARY_TO_VALUE,
         payload: { date: b }
       });
@@ -4937,7 +4937,7 @@ const ml = (e) => {
   ), g = Ga(
     (b) => {
       const { from: y, to: C } = d;
-      e_(b, { to: _ }) && (vo(y, C) ? c({
+      e_(b, { to: _ }) && (ko(y, C) ? c({
         type: ae.SELECT_FIRST_DAY,
         payload: { date: b }
       }) : y && Rr(b, y) || y && Mr(b, y) ? c({
@@ -5164,10 +5164,10 @@ const Is = (e) => {
 }, Nr = "details-card-info", As = ({ children: e, label: a }) => /* @__PURE__ */ f("div", { className: $r[Nr], children: [
   /* @__PURE__ */ t("div", { className: $r[`${Nr}__label`], children: a }),
   /* @__PURE__ */ t("div", { className: $r[`${Nr}__content`], children: e })
-] }), yo = {
+] }), wo = {
   "field-error": "lc-FieldError-module__field-error___-rtI3",
   "field-error__icon": "lc-FieldError-module__field-error__icon___4KpOc"
-}, wo = "field-error", Zr = (o) => {
+}, Co = "field-error", qr = (o) => {
   var _ = o, {
     children: e,
     className: a = ""
@@ -5175,13 +5175,13 @@ const Is = (e) => {
     "children",
     "className"
   ]);
-  const n = u(yo[wo], a);
+  const n = u(wo[Co], a);
   return /* @__PURE__ */ f(A, E(k({ as: "span", size: "sm" }, r), { className: n, children: [
     /* @__PURE__ */ t(
       P,
       {
         source: Na,
-        className: yo[`${wo}__icon`],
+        className: wo[`${Co}__icon`],
         size: "small"
       }
     ),
@@ -5213,7 +5213,7 @@ const Is = (e) => {
   });
   return /* @__PURE__ */ f("div", E(k({}, i), { className: c, children: [
     a,
-    o && /* @__PURE__ */ t(Zr, { children: o }),
+    o && /* @__PURE__ */ t(qr, { children: o }),
     r && /* @__PURE__ */ t(ur, { children: r })
   ] }));
 }, hl = "lc-Form-module__form___ddwfw", fl = "lc-Form-module__form__header___mr4AX", bl = "lc-Form-module__form__footer___NJUBH", vl = "lc-Form-module__form__label___2hAXA", kl = "lc-Form-module__form__helper___r1lJG", sa = {
@@ -5244,7 +5244,7 @@ const Is = (e) => {
     a,
     _ && /* @__PURE__ */ t("div", { className: sa[`${da}__footer`], children: _ })
   ] }));
-}, oe = {
+}, re = {
   "form-field": "lc-FormField-module__form-field___kx7Vx",
   "form-field--inline": "lc-FormField-module__form-field--inline___1xuhX",
   "form-field__wrapper--inline": "lc-FormField-module__form-field__wrapper--inline___MPvG-",
@@ -5261,7 +5261,7 @@ const Is = (e) => {
   "form-field__row-break": "lc-FormField-module__form-field__row-break___ibOb7",
   "form-field__content": "lc-FormField-module__form-field__content___7Cnwe",
   "form-field__content__description": "lc-FormField-module__form-field__content__description___qdMlU"
-}, _e = "form-field", Fs = ({
+}, oe = "form-field", Fs = ({
   inline: e,
   error: a,
   description: r,
@@ -5273,9 +5273,9 @@ const Is = (e) => {
   labelRightNode: d
 }) => {
   const c = p.useRef(null), [s, g] = p.useState("auto"), m = u(
-    oe[_e],
+    re[oe],
     {
-      [oe[`${_e}--inline`]]: e
+      [re[`${oe}--inline`]]: e
     },
     n
   );
@@ -5290,37 +5290,37 @@ const Is = (e) => {
           as: "div",
           size: "sm",
           className: u(
-            oe[`${_e}__label-right-node`],
-            oe[`${_e}__label-right-node--inline`]
+            re[`${oe}__label-right-node`],
+            re[`${oe}__label-right-node--inline`]
           ),
           children: d
         }
       ),
-      /* @__PURE__ */ t("div", { className: oe[`${_e}__row-break`] })
+      /* @__PURE__ */ t("div", { className: re[`${oe}__row-break`] })
     ] }),
     /* @__PURE__ */ f(
       "div",
       {
         className: u(
-          oe[`${_e}__wrapper`],
-          e && oe[`${_e}__wrapper--inline`]
+          re[`${oe}__wrapper`],
+          e && re[`${oe}__wrapper--inline`]
         ),
         children: [
           (o || d) && /* @__PURE__ */ f(
             "div",
             {
               className: u(
-                oe[`${_e}__label`],
-                e && oe[`${_e}__label--inline`],
-                !o && oe[`${_e}__label--no-text`]
+                re[`${oe}__label`],
+                e && re[`${oe}__label--inline`],
+                !o && re[`${oe}__label--no-text`]
               ),
               children: [
                 o && /* @__PURE__ */ f(
                   "div",
                   {
                     className: u(
-                      oe[`${_e}__label-wrapper`],
-                      e && oe[`${_e}__label-wrapper--inline`]
+                      re[`${oe}__label-wrapper`],
+                      e && re[`${oe}__label-wrapper--inline`]
                     ),
                     style: {
                       height: s
@@ -5329,7 +5329,7 @@ const Is = (e) => {
                       /* @__PURE__ */ t(
                         "label",
                         {
-                          className: oe[`${_e}__label-left-node`],
+                          className: re[`${oe}__label-left-node`],
                           htmlFor: i,
                           children: /* @__PURE__ */ t(A, { as: "span", size: "sm", children: o })
                         }
@@ -5340,8 +5340,8 @@ const Is = (e) => {
                           as: "div",
                           size: "sm",
                           className: u(
-                            oe[`${_e}__label-adornment`],
-                            e && oe[`${_e}__label-adornment--inline`]
+                            re[`${oe}__label-adornment`],
+                            e && re[`${oe}__label-adornment--inline`]
                           ),
                           children: _
                         }
@@ -5354,20 +5354,20 @@ const Is = (e) => {
                   {
                     as: "div",
                     size: "sm",
-                    className: u(oe[`${_e}__label-right-node`]),
+                    className: u(re[`${oe}__label-right-node`]),
                     children: d
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ f("div", { className: u(oe[`${_e}__content`]), children: [
+          /* @__PURE__ */ f("div", { className: u(re[`${oe}__content`]), children: [
             /* @__PURE__ */ t("div", { ref: c, children: l }),
-            a && /* @__PURE__ */ t(Zr, { children: a }),
+            a && /* @__PURE__ */ t(qr, { children: a }),
             !a && r && /* @__PURE__ */ t(
               ur,
               {
-                className: u(oe[`${_e}__content__description`]),
+                className: u(re[`${oe}__content__description`]),
                 children: r
               }
             )
@@ -5454,11 +5454,11 @@ const Is = (e) => {
       ]
     }
   );
-}, Co = {
+}, $o = {
   available: 1,
   unavailable: 2,
   unknown: 3
-}, Nl = (e) => [...e].sort((a, r) => Co[a.status] - Co[r.status]), Te = {
+}, Nl = (e) => [...e].sort((a, r) => $o[a.status] - $o[r.status]), Te = {
   "invite-agents": "lc-InviteAgents-module__invite-agents___XHov-",
   "invite-agents--empty": "lc-InviteAgents-module__invite-agents--empty___-uyZv",
   "invite-agents--only-unavailable": "lc-InviteAgents-module__invite-agents--only-unavailable___rwGmo",
@@ -5669,10 +5669,10 @@ const Is = (e) => {
       ]
     })
   );
-}, Ms = g_(Sl), Bl = "lc-Link-module__link___35Vo1", $o = {
+}, Ms = g_(Sl), Bl = "lc-Link-module__link___35Vo1", No = {
   link: Bl,
   "link--bold": "lc-Link-module__link--bold___9Uq3Z"
-}, No = "link", Os = (o) => {
+}, xo = "link", Os = (o) => {
   var _ = o, {
     bold: e = !1,
     className: a = ""
@@ -5684,8 +5684,8 @@ const Is = (e) => {
     "a",
     k({
       className: u(
-        $o[No],
-        e && $o[`${No}--bold`],
+        No[xo],
+        e && No[`${xo}--bold`],
         a
       )
     }, r)
@@ -5760,7 +5760,7 @@ const Is = (e) => {
       )
     }
   );
-}, xo = ({
+}, So = ({
   labelType: e,
   customColor: a,
   onClick: r
@@ -5821,7 +5821,7 @@ const Is = (e) => {
             }
           ),
           /* @__PURE__ */ t(
-            xo,
+            So,
             {
               labelType: !!o,
               customColor: "var(--color-white)",
@@ -5845,7 +5845,7 @@ const Is = (e) => {
                   children: r
                 }
               ),
-              /* @__PURE__ */ t(xo, { onClick: v })
+              /* @__PURE__ */ t(So, { onClick: v })
             ]
           }
         ),
@@ -5876,7 +5876,7 @@ const Is = (e) => {
   }, [r]), tt(() => {
     const n = _.current;
     a && (n.className = a), o && (n.style.zIndex = `${o}`);
-  }, [a, o]), q_(/* @__PURE__ */ t(re, { children: e }), _.current);
+  }, [a, o]), q_(/* @__PURE__ */ t(ne, { children: e }), _.current);
 }, ma = {
   "modal-header": "lc-ModalHeader-module__modal-header___YwkiN",
   "modal-header__heading-left-node": "lc-ModalHeader-module__modal-header__heading-left-node___SZBRX",
@@ -6018,7 +6018,7 @@ const Is = (e) => {
         max: o
       })
     ),
-    !i && /* @__PURE__ */ f(re, { children: [
+    !i && /* @__PURE__ */ f(ne, { children: [
       /* @__PURE__ */ t(
         "button",
         {
@@ -6249,7 +6249,7 @@ const Is = (e) => {
         height: !s || m ? h : C
       },
       children: [
-        m && /* @__PURE__ */ f(re, { children: [
+        m && /* @__PURE__ */ f(ne, { children: [
           /* @__PURE__ */ f("div", { className: ee[`${te}__column`], children: [
             /* @__PURE__ */ f("div", { className: ee[`${te}__header`], children: [
               o && /* @__PURE__ */ t(
@@ -6303,7 +6303,7 @@ const Is = (e) => {
             }
           )
         ] }),
-        !m && /* @__PURE__ */ t(re, { children: /* @__PURE__ */ f("div", { className: ee[`${te}__complete`], children: [
+        !m && /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ f("div", { className: ee[`${te}__complete`], children: [
           /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
             P,
             {
@@ -6388,7 +6388,7 @@ const Is = (e) => {
     T,
     D,
     z
-  ]), H = u(Ml.popover, _), K = /* @__PURE__ */ f(re, { children: [
+  ]), H = u(Ml.popover, _), K = /* @__PURE__ */ f(ne, { children: [
     /* @__PURE__ */ t(
       "div",
       E(k({
@@ -6441,7 +6441,7 @@ const Is = (e) => {
       [Re["product-tile-wrapper__animated"]]: l
     }),
     children: [
-      l && /* @__PURE__ */ f(re, { children: [
+      l && /* @__PURE__ */ f(ne, { children: [
         /* @__PURE__ */ t(
           "div",
           {
@@ -6523,7 +6523,7 @@ const Is = (e) => {
   onClick: v,
   isActive: h = !1,
   isDarkMode: b
-}) => /* @__PURE__ */ f(re, { children: [
+}) => /* @__PURE__ */ f(ne, { children: [
   d && /* @__PURE__ */ t("div", { className: We[`${Ke}__divider`] }),
   /* @__PURE__ */ f(
     "a",
@@ -6654,7 +6654,7 @@ const Is = (e) => {
   }, ie = e.reduce(
     (H, K) => H + (K.notificationCount || 0),
     0
-  ), V = /* @__PURE__ */ f(re, { children: [
+  ), V = /* @__PURE__ */ f(ne, { children: [
     /* @__PURE__ */ t("div", E(k({ ref: N.setReference }, G()), { children: /* @__PURE__ */ t(
       Ut,
       {
@@ -6931,7 +6931,7 @@ const Is = (e) => {
   "chatbot",
   "helpdesk",
   "accounts"
-], qr = {
+], jr = {
   livechat: "LiveChat",
   helpdesk: "HelpDesk",
   accounts: "Accounts",
@@ -6950,11 +6950,11 @@ const Is = (e) => {
   const a = new Date(e), r = /* @__PURE__ */ new Date();
   return J_(a) ? 0 : Kr(a, r);
 }, Kl = (e, a) => zl.includes(e) || a.some(
-  (r) => r.product === qr[e]
+  (r) => r.product === jr[e]
 ), Yl = (e, a, r, o, _, n) => {
   var l, d, c, s, g;
   const i = a.find(
-    (m) => m.product === qr[e.id]
+    (m) => m.product === jr[e.id]
   );
   if (!i)
     throw new Error(`Product data for ${e.id} not found`);
@@ -6982,7 +6982,7 @@ const Is = (e) => {
   }
 }, Xl = (e, a) => {
   const o = o_(e).find(
-    (_) => _.product === qr[a]
+    (_) => _.product === jr[a]
   );
   return o == null ? void 0 : o.redirectUri.replace("https://", "");
 }, Ys = ({
@@ -7174,7 +7174,7 @@ const va = {
     e
   );
   p.useEffect(() => {
-    const b = () => s.current && s.current.offsetWidth <= ec ? m("small") : s.current && s.current.offsetWidth >= tc ? m("large") : m("medium"), y = Po(
+    const b = () => s.current && s.current.offsetWidth <= ec ? m("small") : s.current && s.current.offsetWidth >= tc ? m("large") : m("medium"), y = Fo(
       b,
       ac
     );
@@ -7359,7 +7359,7 @@ const va = {
   "search-input__loader": "lc-SearchInput-module__search-input__loader___9veIC",
   "search-input__input-wrapper": "lc-SearchInput-module__search-input__input-wrapper___9NT39",
   "search-input__input-wrapper--crop": "lc-SearchInput-module__search-input__input-wrapper--crop___JA7J1"
-}, it = "search-input", So = `${it}__input-wrapper`, rc = p.forwardRef(
+}, it = "search-input", Bo = `${it}__input-wrapper`, rc = p.forwardRef(
   (g, s) => {
     var m = g, {
       isCollapsable: e,
@@ -7432,8 +7432,8 @@ const va = {
             {
               as: "div",
               className: u(
-                Ze[So],
-                l && Ze[`${So}--crop`]
+                Ze[Bo],
+                l && Ze[`${Bo}--crop`]
               ),
               children: /* @__PURE__ */ t(
                 "input",
@@ -7464,7 +7464,7 @@ const va = {
               size: "compact"
             }
           ),
-          r && /* @__PURE__ */ t("div", { className: Ze[`${it}__loader`], children: /* @__PURE__ */ t(Xr, { size: "small" }) })
+          r && /* @__PURE__ */ t("div", { className: Ze[`${it}__loader`], children: /* @__PURE__ */ t(Zr, { size: "small" }) })
         ]
       }
     );
@@ -7480,7 +7480,7 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
   loading: oc,
   "skeleton-text": "lc-Skeleton-module__skeleton-text___WnwUw",
   "skeleton-text--animated": "lc-Skeleton-module__skeleton-text--animated___Bnr3Z"
-}, Bo = "skeleton-wrapper", js = (_) => {
+}, Eo = "skeleton-wrapper", js = (_) => {
   var n = _, { children: e, vertical: a, animated: r } = n, o = F(n, ["children", "vertical", "animated"]);
   const i = p.Children.map(e, (l) => p.isValidElement(l) ? p.cloneElement(l, {
     animated: r
@@ -7488,8 +7488,8 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
   return /* @__PURE__ */ t(
     "div",
     E(k({
-      className: u(Lt[`${Bo}`], {
-        [Lt[`${Bo}--vertical`]]: a
+      className: u(Lt[`${Eo}`], {
+        [Lt[`${Eo}--vertical`]]: a
       })
     }, o), {
       children: i
@@ -7511,15 +7511,15 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
       height: a
     }
   }
-), Eo = "skeleton-text", Js = ({
+), Io = "skeleton-text", Js = ({
   height: e = 13,
   width: a,
   animated: r
 }) => /* @__PURE__ */ t(
   "div",
   {
-    className: u(Lt[`${Eo}`], {
-      [Lt[`${Eo}--animated`]]: r
+    className: u(Lt[`${Io}`], {
+      [Lt[`${Io}--animated`]]: r
     }),
     style: {
       height: e,
@@ -7588,12 +7588,12 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___XpfaO",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___NDgeg",
   switch__icon: sc
-}, ne = "switch", td = (g) => {
+}, _e = "switch", td = (g) => {
   var m = g, {
     className: e = "",
     defaultOn: a = !1,
     disabled: r = !1,
-    name: o = ne,
+    name: o = _e,
     on: _,
     onChange: n,
     size: i = "large",
@@ -7615,10 +7615,10 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
   const v = _ !== void 0, [h, b] = p.useState(
     () => v ? _ : a
   ), [y, C] = p.useState(!1), N = v ? _ : h, B = l === "loading", $ = l === "locked", S = i === "large" ? "small" : "xsmall", w = N ? "on" : "off", x = r || B || $, I = x ? "disabled" : "enabled", R = u(
-    le[ne],
-    le[`${ne}--${i}`],
+    le[_e],
+    le[`${_e}--${i}`],
     {
-      [le[`${ne}--focused`]]: y
+      [le[`${_e}--focused`]]: y
     },
     e
   ), G = (T) => {
@@ -7630,8 +7630,8 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
       E(k({
         type: "checkbox",
         className: u(
-          le[`${ne}__input`],
-          le[`${ne}__input--${I}`]
+          le[`${_e}__input`],
+          le[`${_e}__input--${I}`]
         ),
         onChange: G,
         checked: N,
@@ -7647,17 +7647,17 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     /* @__PURE__ */ f(
       "span",
       {
-        className: u(le[`${ne}__container`], {
-          [le[`${ne}__container--focused`]]: y
+        className: u(le[`${_e}__container`], {
+          [le[`${_e}__container--focused`]]: y
         }),
         children: [
           /* @__PURE__ */ t(
             "span",
             {
               className: u(
-                le[`${ne}__track`],
-                le[`${ne}__track--${w}`],
-                le[`${ne}__track--${I}`]
+                le[`${_e}__track`],
+                le[`${_e}__track--${w}`],
+                le[`${_e}__track--${I}`]
               )
             }
           ),
@@ -7665,26 +7665,26 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
             "span",
             {
               className: u(
-                le[`${ne}__slider`],
-                le[`${ne}__slider--${I}`],
-                le[`${ne}__slider--${i}`],
-                le[`${ne}__slider--${i}--${w}`]
+                le[`${_e}__slider`],
+                le[`${_e}__slider--${I}`],
+                le[`${_e}__slider--${i}`],
+                le[`${_e}__slider--${i}--${w}`]
               ),
               children: [
                 B && /* @__PURE__ */ t(
-                  Xr,
+                  Zr,
                   {
                     "data-testid": "switch-loader",
                     className: u(
-                      le[`${ne}__loader`],
-                      le[`${ne}__loader--${i}`]
+                      le[`${_e}__loader`],
+                      le[`${_e}__loader--${i}`]
                     )
                   }
                 ),
                 $ && /* @__PURE__ */ t(
                   P,
                   {
-                    className: le[`${ne}__icon`],
+                    className: le[`${_e}__icon`],
                     "data-testid": "lock-icon",
                     size: S,
                     source: R_,
@@ -7794,7 +7794,7 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
       onPaste: (h) => {
         h.preventDefault();
         const b = h.clipboardData.getData("text/plain");
-        document.execCommand("insertHTML", !1, to(b));
+        document.execCommand("insertHTML", !1, ao(b));
       },
       onBlur: () => {
         const h = d();
@@ -7813,10 +7813,10 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
         }
         h.key === ke.backspace && c() === "" && (l(!0), _(), s());
       },
-      dangerouslySetInnerHTML: { __html: to(n) }
+      dangerouslySetInnerHTML: { __html: ao(n) }
     }
   );
-}, bc = "tag-input__tag", Io = ({
+}, bc = "tag-input__tag", To = ({
   children: e,
   index: a,
   remove: r,
@@ -7909,7 +7909,7 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     const z = T.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
     r([...a || [], ...z]);
   }, G = (T, D) => typeof T == "string" ? /* @__PURE__ */ t(
-    Io,
+    To,
     {
       index: D,
       update: I,
@@ -7921,7 +7921,7 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     },
     `${D}${T}`
   ) : /* @__PURE__ */ t(
-    Io,
+    To,
     {
       index: D,
       update: I,
@@ -7934,7 +7934,7 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     },
     `${D}${T.children}`
   );
-  return /* @__PURE__ */ f(re, { children: [
+  return /* @__PURE__ */ f(ne, { children: [
     /* @__PURE__ */ f(A, { as: "div", className: h, children: [
       a == null ? void 0 : a.map(G),
       /* @__PURE__ */ t(
@@ -7952,7 +7952,7 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
         })
       )
     ] }),
-    _ && /* @__PURE__ */ t(Zr, { children: _ })
+    _ && /* @__PURE__ */ t(qr, { children: _ })
   ] });
 }, wc = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i, Cc = "name@company.com", $c = (e) => wc.test(e), _d = (r) => {
   var o = r, {
@@ -7996,10 +7996,10 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     source: Hr
   },
   warning: {
-    source: To
+    source: Ao
   },
   error: {
-    source: Ao
+    source: Do
   },
   info: {
     source: Na
@@ -8072,8 +8072,8 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
     },
     e
   );
-  return /* @__PURE__ */ t("div", { className: l, children: /* @__PURE__ */ t(Fo, { component: null, children: a.map(({ id: d, kind: c, content: s, removable: g, action: m, onClose: v }) => /* @__PURE__ */ t(
-    Ro,
+  return /* @__PURE__ */ t("div", { className: l, children: /* @__PURE__ */ t(Ro, { component: null, children: a.map(({ id: d, kind: c, content: s, removable: g, action: m, onClose: v }) => /* @__PURE__ */ t(
+    Mo,
     {
       classNames: {
         enter: ce[`toast-appear--${_}`],
@@ -8339,8 +8339,8 @@ const oc = "lc-Skeleton-module__loading___fc1WK", Lt = {
         ] })
       }
     ),
-    /* @__PURE__ */ t(Fo, { component: null, children: m && /* @__PURE__ */ t(
-      Ro,
+    /* @__PURE__ */ t(Ro, { component: null, children: m && /* @__PURE__ */ t(
+      Mo,
       {
         timeout: Rc,
         classNames: {
@@ -8386,7 +8386,7 @@ export {
   _d as EmailTagInput,
   $s as ExpirationCounter,
   ur as FieldDescription,
-  Zr as FieldError,
+  qr as FieldError,
   Ds as FieldGroup,
   Fc as FileUploadProgress,
   Gr as FileUploadProgressActions,
@@ -8401,11 +8401,11 @@ export {
   An as Interactive,
   Ms as InviteAgents,
   Os as Link,
-  Xr as Loader,
+  Zr as Loader,
   Ns as MobileNavigation,
   Ls as Modal,
   Dl as ModalBase,
-  xo as ModalCloseButton,
+  So as ModalCloseButton,
   Us as ModalHeader,
   Gs as ModalPortal,
   Cs as Navigation,
@@ -8466,7 +8466,7 @@ export {
   Gi as generateAvatarColor,
   ls as getDesignTokenWithOpacity,
   _s as getThemeClassName,
-  Lo as useAppFrame,
+  Yr as useAppFrame,
   Ys as useProductSwitcher,
   ns as useTheme
 };