@livechat/design-system-react-components 1.21.0 → 1.22.0

package/dist/index.es.js

@@ -1,15 +1,15 @@
-var Fr = Object.defineProperty, Rr = Object.defineProperties;
-var Mr = Object.getOwnPropertyDescriptors;
+var Rr = Object.defineProperty, Mr = Object.defineProperties;
+var Lr = Object.getOwnPropertyDescriptors;
 var Dt = Object.getOwnPropertySymbols;
 var Oa = Object.prototype.hasOwnProperty, Ha = Object.prototype.propertyIsEnumerable;
-var pa = (t, a, r) => a in t ? Fr(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, v = (t, a) => {
+var pa = (t, a, r) => a in t ? Rr(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, v = (t, a) => {
   for (var r in a || (a = {}))
     Oa.call(a, r) && pa(t, r, a[r]);
   if (Dt)
     for (var r of Dt(a))
       Ha.call(a, r) && pa(t, r, a[r]);
   return t;
-}, x = (t, a) => Rr(t, Mr(a));
+}, x = (t, a) => Mr(t, Lr(a));
 var I = (t, a) => {
   var r = {};
   for (var _ in t)
@@ -21,18 +21,18 @@ var I = (t, a) => {
 };
 var ga = (t, a, r) => (pa(t, typeof a != "symbol" ? a + "" : a, r), r);
 import * as e from "react";
-import { useReducer as Lr, useRef as Or, useEffect as nt, useCallback as Bt, useMemo as Pt } from "react";
-import { Check as qt, Close as Pe, ChevronDown as Tt, Info as Pa, Warning as ur, CheckCircle as mr, Block as pr, Person as Hr, ChevronUp as Yt, DoubleArrowLeft as zr, ChevronLeft as Gr, ChevronRight as gr, DoubleArrowRight as Ur, VisibilityOn as Wr, VisibilityOff as Vr, Search as qr, LockBlackFilled as Yr, Refresh as Kr, Error as Jr } from "@livechat/design-system-icons";
+import { useReducer as Or, useRef as Hr, useEffect as nt, useCallback as Bt, useMemo as Pt } from "react";
+import { Check as qt, Close as Pe, ChevronDown as Tt, Info as Pa, Warning as ur, CheckCircle as mr, Block as pr, Person as zr, ChevronUp as Yt, DoubleArrowLeft as Gr, ChevronLeft as Ur, ChevronRight as gr, DoubleArrowRight as Wr, VisibilityOn as Vr, VisibilityOff as qr, Search as Yr, LockBlackFilled as Kr, Refresh as Jr, Error as Xr } from "@livechat/design-system-icons";
 import u from "clsx";
-import { useFloating as Kt, offset as Jt, flip as Xt, autoUpdate as Qt, useClick as jt, useDismiss as Zt, useRole as ea, useInteractions as ta, useTransitionStyles as br, shift as Aa, arrow as Xr, useHover as Qr, safePolygon as jr, useFocus as Zr, useTransitionStatus as e_, FloatingOverlay as t_, FloatingFocusManager as Ca, useFloatingNodeId as fr, size as a_, useListNavigation as r_, FloatingNode as vr, FloatingPortal as __, useFloatingParentNodeId as o_, FloatingTree as l_ } from "@floating-ui/react";
-import hr from "lodash.debounce";
+import { useFloating as Kt, offset as Jt, flip as Xt, autoUpdate as Qt, useClick as jt, useDismiss as Zt, useRole as ea, useInteractions as ta, useTransitionStyles as br, shift as Aa, arrow as Qr, useHover as jr, safePolygon as Zr, useFocus as e_, useTransitionStatus as t_, FloatingPortal as fr, FloatingOverlay as a_, FloatingFocusManager as Ca, useFloatingNodeId as vr, size as r_, useListNavigation as __, FloatingNode as hr, useFloatingParentNodeId as o_, FloatingTree as l_ } from "@floating-ui/react";
+import kr from "lodash.debounce";
 import { getContrast as Ia } from "polished";
 import c_ from "react-day-picker";
-import { subMonths as st, differenceInCalendarMonths as za, addMonths as Ga, isSameMonth as Sa, isSameDay as xa, isAfter as Ta, differenceInCalendarDays as kr } from "date-fns";
-import * as yr from "react-dom";
+import { subMonths as st, differenceInCalendarMonths as za, addMonths as Ga, isSameMonth as Sa, isSameDay as xa, isAfter as Ta, differenceInCalendarDays as yr } from "date-fns";
+import * as Er from "react-dom";
 import { Virtuoso as n_ } from "react-virtuoso";
 import Ua from "lodash.escape";
-import { TransitionGroup as Er, CSSTransition as wr } from "react-transition-group";
+import { TransitionGroup as wr, CSSTransition as $r } from "react-transition-group";
 const _c = {
   /** @deprecated */
   Background: "--background",
@@ -846,13 +846,13 @@ const _c = {
   "loader__spinner-circle": "lc-Loader-module__loader__spinner-circle___ApBUO",
   rotate: b_,
   loader__label: f_
-}, $r = "loader", qa = `${$r}__spinner`, Fa = ({
+}, Nr = "loader", qa = `${Nr}__spinner`, Fa = ({
   primaryColor: t,
   secondaryColor: a,
   label: r,
   className: _,
   size: o = "medium"
-}) => /* @__PURE__ */ e.createElement("div", { className: u(ut[$r], _) }, /* @__PURE__ */ e.createElement(
+}) => /* @__PURE__ */ e.createElement("div", { className: u(ut[Nr], _) }, /* @__PURE__ */ e.createElement(
   "div",
   {
     className: u(ut[qa], ut[`${qa}--${o}`])
@@ -983,7 +983,7 @@ const _c = {
     );
   }
 );
-function Nr(t) {
+function Cr(t) {
   switch (t) {
     case "invert":
       return "inverted";
@@ -1021,6 +1021,7 @@ const w_ = "lc-Tooltip-module__tooltip___QOOAr", $_ = "lc-Tooltip-module__toolti
   "tooltip-footer-secondary-invert": "lc-Tooltip-module__tooltip-footer-secondary-invert___PuAQL",
   "tooltip-footer--interactive": "lc-Tooltip-module__tooltip-footer--interactive___hqMM5",
   "tooltip-footer--user-guide-step": "lc-Tooltip-module__tooltip-footer--user-guide-step___i7z3S",
+  "guide-tooltip": "lc-Tooltip-module__guide-tooltip___2uuIp",
   "guide-tooltip--slide": "lc-Tooltip-module__guide-tooltip--slide___Uawm2",
   "guide-tooltip__overlay": "lc-Tooltip-module__guide-tooltip__overlay___IyrKK",
   "guide-tooltip__overlay--slide": "lc-Tooltip-module__guide-tooltip__overlay--slide___VW8oq",
@@ -1030,7 +1031,7 @@ const w_ = "lc-Tooltip-module__tooltip___QOOAr", $_ = "lc-Tooltip-module__toolti
   "reports-tooltip__heading__title": "lc-Tooltip-module__reports-tooltip__heading__title___6TlzE",
   "reports-tooltip__heading__description": "lc-Tooltip-module__reports-tooltip__heading__description___eOQnc",
   "reports-tooltip__content": "lc-Tooltip-module__reports-tooltip__content___jxis9"
-}, At = "tooltip", Cr = ({
+}, At = "tooltip", Sr = ({
   children: t,
   className: a,
   triggerClassName: r,
@@ -1079,14 +1080,14 @@ const w_ = "lc-Tooltip-module__tooltip___QOOAr", $_ = "lc-Tooltip-module__toolti
       Jt({ mainAxis: E }),
       Aa(),
       Xt(),
-      Xr({ element: we })
+      Qr({ element: we })
     ],
     placement: c,
     open: oe,
     strategy: L,
     onOpenChange: Xe,
     whileElementsMounted: Qt
-  }), _a = Qr(U, {
+  }), _a = jr(U, {
     move: !1,
     restMs: N,
     delay: {
@@ -1094,13 +1095,13 @@ const w_ = "lc-Tooltip-module__tooltip___QOOAr", $_ = "lc-Tooltip-module__toolti
       close: at(k || C)
     },
     enabled: !y,
-    handleClose: D ? null : jr()
-  }), oa = Zr(U), la = Zt(U, w), ca = ea(U, { role: "tooltip" }), na = jt(U, S), { isMounted: sa, styles: ia } = br(U, {
+    handleClose: D ? null : Zr()
+  }), oa = e_(U), la = Zt(U, w), ca = ea(U, { role: "tooltip" }), na = jt(U, S), { isMounted: sa, styles: ia } = br(U, {
     duration: {
       open: Qe(g),
       close: Qe(b)
     }
-  }), { status: da } = e_(U), { getReferenceProps: ua, getFloatingProps: ma } = ta([
+  }), { status: da } = t_(U), { getReferenceProps: ua, getFloatingProps: ma } = ta([
     _a,
     oa,
     la,
@@ -1150,7 +1151,7 @@ const w_ = "lc-Tooltip-module__tooltip___QOOAr", $_ = "lc-Tooltip-module__toolti
     className: T[`${mt}-close`],
     onClick: l
   },
-  /* @__PURE__ */ e.createElement(P, { source: Pe, kind: o ? Nr(o) : "primary" })
+  /* @__PURE__ */ e.createElement(P, { source: Pe, kind: o ? Cr(o) : "primary" })
 ), a && /* @__PURE__ */ e.createElement(
   Be,
   {
@@ -1191,7 +1192,7 @@ const w_ = "lc-Tooltip-module__tooltip___QOOAr", $_ = "lc-Tooltip-module__toolti
       className: T[`${Re}-close`],
       onClick: l
     },
-    /* @__PURE__ */ e.createElement(P, { source: Pe, kind: o ? Nr(o) : "primary" })
+    /* @__PURE__ */ e.createElement(P, { source: Pe, kind: o ? Cr(o) : "primary" })
   ), r && /* @__PURE__ */ e.createElement("div", { className: T[`${Re}-image-container`] }, /* @__PURE__ */ e.createElement(
     "img",
     {
@@ -1362,9 +1363,9 @@ const Ya = 8, Ka = "guide-tooltip", Ja = (t, a) => new S_(t, a), bc = (t) => {
   return e.useEffect(() => {
     if (l !== null)
       return window.addEventListener("resize", m), window.addEventListener("scroll", m), () => {
-        window.addEventListener("resize", m), window.addEventListener("resize", m);
+        window.removeEventListener("resize", m), window.removeEventListener("scroll", m);
       };
-  }, [l, r]), e.useEffect(() => {
+  }, [l]), e.useEffect(() => {
     if (r) {
       const p = document.querySelector(r);
       c(p);
@@ -1376,7 +1377,7 @@ const Ya = 8, Ka = "guide-tooltip", Ja = (t, a) => new S_(t, a), bc = (t) => {
         Ya
       ).getBoundingClientRect()
     ), s(!0);
-  }, [l]), l && _ ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+  }, [l]), l && _ && n ? /* @__PURE__ */ e.createElement(fr, null, /* @__PURE__ */ e.createElement(
     C_,
     {
       gap: n,
@@ -1385,13 +1386,13 @@ const Ya = 8, Ka = "guide-tooltip", Ja = (t, a) => new S_(t, a), bc = (t) => {
       disablePointerEvents: !0
     }
   ), /* @__PURE__ */ e.createElement(
-    Cr,
+    Sr,
     x(v({}, t), {
+      triggerRenderer: /* @__PURE__ */ e.createElement(e.Fragment, null),
       referenceElement: {
         getBoundingClientRect: () => n,
         contextElement: l
       },
-      arrowOffsetY: 25,
       className: u({
         [T[Ka]]: !0,
         [T[`${Ka}--slide`]]: d,
@@ -1436,7 +1437,7 @@ const Ya = 8, Ka = "guide-tooltip", Ja = (t, a) => new S_(t, a), bc = (t) => {
   "action-bar--vertical": "lc-ActionBar-module__action-bar--vertical___tMzLJ",
   "action-bar__items__button": "lc-ActionBar-module__action-bar__items__button___Vdjl7",
   "action-bar__items__button--active": "lc-ActionBar-module__action-bar__items__button--active___PFLdm"
-}, Sr = "action-bar__items", gt = `${Sr}__button-wrapper`, x_ = ({
+}, xr = "action-bar__items", gt = `${xr}__button-wrapper`, x_ = ({
   id: t,
   option: a,
   menuItemsKeys: r,
@@ -1465,11 +1466,11 @@ const Ya = 8, Ka = "guide-tooltip", Ja = (t, a) => new S_(t, a), bc = (t) => {
       isVisible: !1
     };
     return /* @__PURE__ */ e.createElement("div", { className: l }, /* @__PURE__ */ e.createElement(
-      Cr,
+      Sr,
       v({
         kind: "invert",
         placement: o ? "left" : "bottom",
-        triggerClassName: W[`${Sr}__tooltip`],
+        triggerClassName: W[`${xr}__tooltip`],
         triggerRenderer: () => c,
         floatingStrategy: "fixed",
         useClickHookProps: {
@@ -1674,7 +1675,7 @@ const Ya = 8, Ka = "guide-tooltip", Ja = (t, a) => new S_(t, a), bc = (t) => {
     a
   );
   return e.useEffect(() => {
-    const g = () => d.current && d.current.offsetWidth <= 400 ? m("small") : d.current && d.current.offsetWidth > 400 && d.current.offsetWidth <= 800 ? m("medium") : m("large"), b = hr(() => {
+    const g = () => d.current && d.current.offsetWidth <= 400 ? m("small") : d.current && d.current.offsetWidth > 400 && d.current.offsetWidth <= 800 ? m("medium") : m("large"), b = kr(() => {
       g();
     }, 500);
     return window.addEventListener("resize", b), g(), () => window.removeEventListener("resize", b);
@@ -1866,7 +1867,7 @@ const H_ = "lc-Avatar-module__avatar___1zTCE", z_ = "lc-Avatar-module__avatar__s
     {
       "data-testid": `${j}__icon`,
       className: X,
-      source: Hr
+      source: zr
     }
   ));
 };
@@ -2147,7 +2148,7 @@ const X_ = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
       }),
       onClick: b
     },
-    /* @__PURE__ */ e.createElement(P, { source: zr, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(P, { source: Gr, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -2158,7 +2159,7 @@ const X_ = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
       }),
       onClick: p
     },
-    /* @__PURE__ */ e.createElement(P, { source: Gr, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(P, { source: Ur, kind: "subtle" })
   )), /* @__PURE__ */ e.createElement("div", { className: B[`${Qa}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -2180,12 +2181,12 @@ const X_ = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
       }),
       onClick: h
     },
-    /* @__PURE__ */ e.createElement(P, { source: Ur, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(P, { source: Wr, kind: "subtle" })
   )));
-}, R = "date-picker", xr = (t, a) => {
+}, R = "date-picker", Tr = (t, a) => {
   const { from: r, to: _ } = a;
   return !(_ && !xa(t, _) && Ta(t, _) || r && !xa(t, r) && !Ta(t, r));
-}, Tr = (t, a, r) => a ? t && !Sa(t, a) || r && Sa(a, r) ? st(a, 1) : a : st(r || /* @__PURE__ */ new Date(), 1), yo = (t, a) => {
+}, Dr = (t, a, r) => a ? t && !Sa(t, a) || r && Sa(a, r) ? st(a, 1) : a : st(r || /* @__PURE__ */ new Date(), 1), yo = (t, a) => {
   const r = {
     [B[`${R}__day--monday`]]: { daysOfWeek: [1] },
     [B[`${R}__day--sunday`]]: { daysOfWeek: [0] },
@@ -2194,7 +2195,7 @@ const X_ = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
   };
   if (!a || !t)
     return r;
-  const _ = kr(a, t);
+  const _ = yr(a, t);
   return _ > 0 ? x(v({}, r), {
     [B[`${R}__day--end`]]: a
   }) : _ < 0 ? x(v({}, r), {
@@ -2277,7 +2278,7 @@ const X_ = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
   e.useEffect(() => {
     o && o !== p && g(o);
   }, [o, p]), e.useEffect(() => {
-    _ && (xr(p, { from: l, to: _ }) || g(_));
+    _ && (Tr(p, { from: l, to: _ }) || g(_));
   }, [p, t.toMonth, t.fromMonth]);
   const b = e.useCallback(
     (y) => {
@@ -2325,7 +2326,7 @@ const X_ = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
 Co.displayName = "DatePicker";
 var q = /* @__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))(q || {});
 const So = (t) => {
-  const a = Tr(
+  const a = Dr(
     t.initialFromDate,
     t.initialToDate,
     t.toMonth
@@ -2383,7 +2384,7 @@ const So = (t) => {
         return l;
     }
   }
-  return Lr(o, _);
+  return Or(o, _);
 }, xo = ({
   options: t,
   initialSelectedItemKey: a,
@@ -2393,7 +2394,7 @@ const So = (t) => {
   onChange: l,
   children: c
 }) => {
-  const n = Or(
+  const n = Hr(
     a || null
   ), [i, d] = So({
     options: t,
@@ -2415,7 +2416,7 @@ const So = (t) => {
       payload: { date: _ }
     });
   }, [_]), nt(() => {
-    const h = Tr(
+    const h = Dr(
       r,
       _,
       o
@@ -2453,7 +2454,7 @@ const So = (t) => {
   }, [l, i.selectedItem, t]);
   const s = Bt(
     (h) => {
-      const f = o ? kr(o, h) >= 0 : !0;
+      const f = o ? yr(o, h) >= 0 : !0;
       !ja(i.from, i.to) && f && d({
         type: q.NEW_TEMPORARY_TO_VALUE,
         payload: { date: h }
@@ -2463,7 +2464,7 @@ const So = (t) => {
   ), m = Bt(
     (h) => {
       const { from: f, to: k } = i;
-      xr(h, { to: o }) && (ja(f, k) ? d({
+      Tr(h, { to: o }) && (ja(f, k) ? d({
         type: q.SELECT_FIRST_DAY,
         payload: { date: h }
       }) : f && xa(h, f) || f && Ta(h, f) ? d({
@@ -2944,7 +2945,7 @@ const Ec = (t) => {
         [Te[`${De}--crop`]]: l,
         [Te[`${De}--read-only`]]: c.readOnly
       }
-    ), E = r ? "var(--content-disabled)" : "var(--content-default)", $ = g ? Wr : Vr, N = _ && _.place === "left", w = _ && h !== "password" && _.place === "right", S = () => {
+    ), E = r ? "var(--content-disabled)" : "var(--content-default)", $ = g ? Vr : qr, N = _ && _.place === "left", w = _ && h !== "password" && _.place === "right", S = () => {
       var C;
       (C = s.current) == null || C.focus();
     };
@@ -3058,7 +3059,7 @@ const Ec = (t) => {
     o && p.target === p.currentTarget && r();
   };
   return /* @__PURE__ */ e.createElement(
-    t_,
+    a_,
     {
       "data-testid": "lc-modal-overlay",
       onMouseDown: m,
@@ -3175,7 +3176,7 @@ const Ec = (t) => {
       var c;
       (c = document.querySelector(r)) == null || c.removeChild(o);
     };
-  }, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, yr.createPortal(t, o));
+  }, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, Er.createPortal(t, o));
 }, kt = {
   "modal-header": "lc-ModalHeader-module__modal-header___xk3bd",
   "modal-header__heading-left-node": "lc-ModalHeader-module__modal-header__heading-left-node___1--G5",
@@ -3676,7 +3677,7 @@ const xt = "select-all", Uo = (t, a) => {
   "tag__remove--hover": "lc-Tag-module__tag__remove--hover___2ROEU",
   tag__node: Xo,
   tag__content: Qo
-}, ve = "tag", jo = (t) => t ? Ia(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Dr = (h) => {
+}, ve = "tag", jo = (t) => t ? Ia(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Br = (h) => {
   var f = h, {
     className: t = "",
     children: a,
@@ -3862,7 +3863,7 @@ const xt = "select-all", Uo = (t, a) => {
       })
     },
     /* @__PURE__ */ e.createElement("div", { className: ce[`${ne}__item-container`] }, l === "single" ? h(o[0]) : o.map((E) => /* @__PURE__ */ e.createElement(
-      Dr,
+      Br,
       {
         key: E.name,
         className: u(
@@ -3889,7 +3890,7 @@ const xt = "select-all", Uo = (t, a) => {
   isOpen: n,
   onVisibilityChange: i
 }) => {
-  const d = fr(), [s, m] = e.useState(!1), [p, g] = e.useState(null), [b, h] = e.useState(_), f = e.useRef([]), k = e.useRef(null), { refs: y, floatingStyles: E, context: $, isPositioned: N } = Kt({
+  const d = vr(), [s, m] = e.useState(!1), [p, g] = e.useState(null), [b, h] = e.useState(_), f = e.useRef([]), k = e.useRef(null), { refs: y, floatingStyles: E, context: $, isPositioned: N } = Kt({
     nodeId: d,
     open: n,
     strategy: o,
@@ -3900,9 +3901,9 @@ const xt = "select-all", Uo = (t, a) => {
       Jt(4),
       Xt({ padding: 10 }),
       Aa(),
-      a_({
+      r_({
         apply({ availableHeight: O, rects: _e, elements: Ee }) {
-          yr.flushSync(() => {
+          Er.flushSync(() => {
             h(_ || O);
           }), Object.assign(Ee.floating.style, {
             width: `${_e.reference.width}px`
@@ -3915,7 +3916,7 @@ const xt = "select-all", Uo = (t, a) => {
     enabled: !t,
     keyboardHandlers: !1,
     toggle: !1
-  }, c)), S = ea($, { role: "listbox" }), C = Zt($, l), M = r_($, {
+  }, c)), S = ea($, { role: "listbox" }), C = Zt($, l), M = __($, {
     enabled: a.length > 0 && !t,
     listRef: f,
     activeIndex: p,
@@ -4140,7 +4141,7 @@ const xt = "select-all", Uo = (t, a) => {
         virtualItemRef: ia
       }
     )
-  ), /* @__PURE__ */ e.createElement(vr, { id: Le }, oe && /* @__PURE__ */ e.createElement(__, null, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(hr, { id: Le }, oe && /* @__PURE__ */ e.createElement(fr, null, /* @__PURE__ */ e.createElement(
     qo,
     {
       pickerType: g,
@@ -4182,7 +4183,7 @@ const xt = "select-all", Uo = (t, a) => {
   useClickHookProps: g,
   floatingStrategy: b
 }) => {
-  const [h, f] = e.useState(s), k = o_(), y = fr(), E = d !== void 0, $ = E ? d : h, N = typeof _ == "string", w = typeof t == "function", S = (Ae, Me) => {
+  const [h, f] = e.useState(s), k = o_(), y = vr(), E = d !== void 0, $ = E ? d : h, N = typeof _ == "string", w = typeof t == "function", S = (Ae, Me) => {
     Ae ? r == null || r(Me) : a == null || a(Me), !E && f(Ae);
   }, { refs: C, context: M, floatingStyles: X } = Kt({
     nodeId: y,
@@ -4207,7 +4208,7 @@ const xt = "select-all", Uo = (t, a) => {
       className: l
     }),
     w ? t() : t
-  ), /* @__PURE__ */ e.createElement(vr, { id: y }, $ && /* @__PURE__ */ e.createElement(Ca, { context: M, modal: !1 }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(hr, { id: y }, $ && /* @__PURE__ */ e.createElement(Ca, { context: M, modal: !1 }, /* @__PURE__ */ e.createElement(
     "div",
     v({
       className: we,
@@ -4222,10 +4223,10 @@ const xt = "select-all", Uo = (t, a) => {
   "error",
   "success"
 ], cl = (t) => Math.min(Math.max(t, 0), 100);
-function Br(t, a = 0) {
+function Pr(t, a = 0) {
   return t === "error" ? 0 : cl(parseInt(a.toString(), 10));
 }
-function Pr(t, a) {
+function Ar(t, a) {
   return !ll.includes(t) && a >= 100 ? "normal" : t || "normal";
 }
 const Et = {
@@ -4260,7 +4261,7 @@ const Et = {
       "className",
       "size"
     ]);
-    const i = Pr(t, a), d = Br(i, a), s = nl[_], m = sl[_], p = u(
+    const i = Ar(t, a), d = Pr(i, a), s = nl[_], m = sl[_], p = u(
       Et[wt],
       {
         [Et[`${wt}--${_}`]]: _,
@@ -4325,7 +4326,7 @@ const Et = {
       "size",
       "className"
     ]);
-    const i = Pr(t, a), d = Br(i, a), s = u(
+    const i = Ar(t, a), d = Pr(i, a), s = u(
       Ht[zt],
       {
         [Ht[`${zt}--${r}`]]: r,
@@ -4383,7 +4384,7 @@ const Et = {
     t
   );
   e.useEffect(() => {
-    const h = () => s.current && s.current.offsetWidth <= ul ? p("small") : s.current && s.current.offsetWidth >= ml ? p("large") : p("medium"), f = hr(
+    const h = () => s.current && s.current.offsetWidth <= ul ? p("small") : s.current && s.current.offsetWidth >= ml ? p("large") : p("medium"), f = kr(
       h,
       pl
     );
@@ -4569,7 +4570,7 @@ const Et = {
       P,
       {
         className: Ce[`${xe}__search-icon`],
-        source: qr,
+        source: Yr,
         disabled: a,
         kind: "primary"
       }
@@ -4791,7 +4792,7 @@ const Et = {
         className: se[`${ae}__icon`],
         "data-testid": "lock-icon",
         size: E,
-        source: Yr,
+        source: Kr,
         kind: "primary"
       }
     )
@@ -4848,16 +4849,16 @@ const Et = {
       }
     )
   );
-}, Nl = "lc-TabsWrapper-module__tabs___Y2xyD", Cl = "lc-TabsWrapper-module__tabs__list___i6tVO", Ar = {
+}, Nl = "lc-TabsWrapper-module__tabs___Y2xyD", Cl = "lc-TabsWrapper-module__tabs__list___i6tVO", Ir = {
   tabs: Nl,
   tabs__list: Cl
-}, Ir = "tabs", qc = ({
+}, Fr = "tabs", qc = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: u(Ar[Ir], t) }, a), Yc = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: u(Ir[Fr], t) }, a), Yc = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: u(Ar[`${Ir}__list`], t) }, a), Ct = {
+}) => /* @__PURE__ */ e.createElement("div", { className: u(Ir[`${Fr}__list`], t) }, a), Ct = {
   "tag-input": "lc-TagInput-module__tag-input___CLVY-",
   "tag-input--error": "lc-TagInput-module__tag-input--error___RP0SB",
   "tag-input__input": "lc-TagInput-module__tag-input__input___dgEYB",
@@ -4920,7 +4921,7 @@ const Et = {
   tagProps: n
 }) => {
   const i = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), d = e.useRef(null), s = () => r(a), m = () => i ? n ? n.kind : "default" : "error";
-  return /* @__PURE__ */ e.createElement(Dr, x(v({ size: c }, n), { kind: m(), onRemove: s }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(Br, x(v({ size: c }, n), { kind: m(), onRemove: s }), /* @__PURE__ */ e.createElement(
     Sl,
     {
       value: t,
@@ -5152,8 +5153,8 @@ const Et = {
     },
     t
   );
-  return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(Er, { component: null }, a.map(({ id: i, kind: d, content: s, removable: m, action: p, onClose: g }) => /* @__PURE__ */ e.createElement(
-    wr,
+  return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(wr, { component: null }, a.map(({ id: i, kind: d, content: s, removable: m, action: p, onClose: g }) => /* @__PURE__ */ e.createElement(
+    $r,
     {
       key: i,
       classNames: {
@@ -5213,7 +5214,7 @@ const Et = {
     "aria-label": "Retry",
     onClick: r
   },
-  /* @__PURE__ */ e.createElement(P, { size: "small", source: Kr })
+  /* @__PURE__ */ e.createElement(P, { size: "small", source: Jr })
 ), a && t !== "success" && /* @__PURE__ */ e.createElement(
   "button",
   {
@@ -5319,7 +5320,7 @@ const Et = {
   "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"
-}, ie = "upload-bar", Ve = `${ie}__wrapper__header`, Wl = 300, Vl = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: G[`${Ve}__success-icon`] }, /* @__PURE__ */ e.createElement(P, { source: qt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: G[`${Ve}__error-icon`] }, /* @__PURE__ */ e.createElement(P, { source: Jr })) : /* @__PURE__ */ e.createElement(
+}, ie = "upload-bar", Ve = `${ie}__wrapper__header`, Wl = 300, Vl = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: G[`${Ve}__success-icon`] }, /* @__PURE__ */ e.createElement(P, { source: qt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: G[`${Ve}__error-icon`] }, /* @__PURE__ */ e.createElement(P, { source: Xr })) : /* @__PURE__ */ e.createElement(
   il,
   {
     className: G[`${Ve}__loader`],
@@ -5382,8 +5383,8 @@ const Et = {
         onRetryButtonClick: m
       }
     )))
-  ), /* @__PURE__ */ e.createElement(Er, { component: null }, p && /* @__PURE__ */ e.createElement(
-    wr,
+  ), /* @__PURE__ */ e.createElement(wr, { component: null }, p && /* @__PURE__ */ e.createElement(
+    $r,
     {
       timeout: Wl,
       classNames: {
@@ -5459,13 +5460,13 @@ export {
   Vc as Tab,
   Yc as TabsList,
   qc as TabsWrapper,
-  Dr as Tag,
+  Br as Tag,
   Bl as TagInput,
   A as Text,
   Xc as Textarea,
   Hl as Toast,
   Jc as ToastWrapper,
-  Cr as Tooltip,
+  Sr as Tooltip,
   ic as TransitionDelayToken,
   nc as TransitionDurationToken,
   sc as TransitionTimingToken,