@livechat/design-system-react-components 1.10.0 → 1.10.1

package/dist/dsrc.es.js

@@ -9,8 +9,8 @@ var Ut = (t, a, r) => a in t ? hr(t, a, { enumerable: !0, configurable: !0, writ
     for (var r of $t(a))
       ha.call(a, r) && Ut(t, r, a[r]);
   return t;
-}, B = (t, a) => kr(t, yr(a));
-var P = (t, a) => {
+}, T = (t, a) => kr(t, yr(a));
+var I = (t, a) => {
   var r = {};
   for (var _ in t)
     va.call(t, _) && a.indexOf(_) < 0 && (r[_] = t[_]);
@@ -389,7 +389,7 @@ const Fc = {
     onClose: i,
     onOpen: d,
     floatingStrategy: p
-  } = v, u = P(v, [
+  } = v, u = I(v, [
     "className",
     "triggerClassName",
     "options",
@@ -405,7 +405,7 @@ const Fc = {
   ]);
   const g = s !== void 0, [b, k] = e.useState(c), f = e.useRef(-1), $ = e.useRef(null), w = g ? s : b, F = () => {
     w ? (i == null || i(), !g && k(!1)) : (d == null || d(), !g && k(!0));
-  }, { x: E, y: T, strategy: S, refs: se, context: A } = la({
+  }, { x: E, y: B, strategy: D, refs: se, context: A } = la({
     middleware: [na(4), sa(n)],
     placement: o,
     open: w,
@@ -481,7 +481,7 @@ const Fc = {
   ));
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    B(y({
+    T(y({
       "data-testid": "action-menu-trigger-button",
       ref: se.setReference
     }, Be()), {
@@ -494,14 +494,14 @@ const Fc = {
       ref: se.setFloating,
       className: je[Qe],
       style: y({
-        position: S,
-        top: T != null ? T : "",
+        position: D,
+        top: B != null ? B : "",
         left: E != null ? E : ""
       }, Oe)
     }, fe()),
     /* @__PURE__ */ e.createElement(
       "ul",
-      B(y({}, u), {
+      T(y({}, u), {
         className: m(je[`${Qe}__list`], t),
         role: "menu",
         ref: $
@@ -539,7 +539,7 @@ const Fc = {
     size: a = "md",
     children: r,
     className: _
-  } = l, o = P(l, [
+  } = l, o = I(l, [
     "as",
     "size",
     "children",
@@ -560,7 +560,7 @@ const Fc = {
     strike: c = !1,
     children: l,
     className: n
-  } = d, s = P(d, [
+  } = d, s = I(d, [
     "as",
     "size",
     "caps",
@@ -592,7 +592,7 @@ const Fc = {
     size: a = "md",
     children: r,
     className: _
-  } = l, o = P(l, [
+  } = l, o = I(l, [
     "as",
     "size",
     "children",
@@ -703,7 +703,7 @@ const Fc = {
       children: d,
       href: p,
       onClick: u
-    } = b, h = P(b, [
+    } = b, h = I(b, [
       "loading",
       "disabled",
       "type",
@@ -814,7 +814,7 @@ const Fc = {
     width: 32,
     height: 32
   }
-}, Ca = "icon", x = (t) => {
+}, Ca = "icon", S = (t) => {
   const d = t, {
     source: a,
     size: r = "medium",
@@ -822,21 +822,21 @@ const Fc = {
     disabled: o,
     className: c,
     customColor: l
-  } = d, n = P(d, [
+  } = d, n = I(d, [
     "source",
     "size",
     "kind",
     "disabled",
     "className",
     "customColor"
-  ]), s = e.createElement(a, B(y({}, a_[r]), {
+  ]), s = e.createElement(a, T(y({}, a_[r]), {
     color: l
   })), i = m(
     c,
     wa[Ca],
     _ && wa[`${Ca}--${o ? "disabled--" : ""}${_}`]
   );
-  return /* @__PURE__ */ e.createElement("span", B(y({}, n), { className: i }), s);
+  return /* @__PURE__ */ e.createElement("span", T(y({}, n), { className: i }), s);
 };
 function Xa(t) {
   switch (t) {
@@ -910,8 +910,8 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
   referenceElement: w,
   activationThreshold: F = 0,
   useDismissHookProps: E,
-  hoverOutDelayTimeout: T = 100,
-  arrowOffsetY: S,
+  hoverOutDelayTimeout: B = 100,
+  arrowOffsetY: D,
   arrowOffsetX: se,
   closeOnTriggerBlur: A = !1,
   floatingStrategy: J
@@ -945,7 +945,7 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
     restMs: F,
     delay: {
       open: N(b),
-      close: N(k || T)
+      close: N(k || B)
     },
     enabled: !f,
     handleClose: A ? null : Fr()
@@ -965,7 +965,7 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
     w && W.setReference(w);
   }, [W.setReference, w]), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    B(y({
+    T(y({
       ref: W.setReference
     }, fr()), {
       className: r
@@ -973,7 +973,7 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
     R ? _() : _
   ), pr && /* @__PURE__ */ e.createElement(
     "div",
-    B(y({
+    T(y({
       ref: W.setFloating,
       style: y(y({}, ee), gr),
       className: Ue
@@ -987,7 +987,7 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
         className: C[`${Nt}__arrow`],
         ref: fe,
         context: _e,
-        style: r_(S, se, nr, We)
+        style: r_(D, se, nr, We)
       }
     )
   ));
@@ -997,7 +997,7 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
     className: C[`${ut}-close`],
     onClick: c
   },
-  /* @__PURE__ */ e.createElement(x, { source: Ne, kind: o ? Xa(o) : "primary" })
+  /* @__PURE__ */ e.createElement(S, { source: Ne, kind: o ? Xa(o) : "primary" })
 ), a && /* @__PURE__ */ e.createElement(
   "div",
   {
@@ -1033,7 +1033,7 @@ const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__toolti
       className: C[`${xe}-close`],
       onClick: c
     },
-    /* @__PURE__ */ e.createElement(x, { source: Ne, kind: o ? Xa(o) : "primary" })
+    /* @__PURE__ */ e.createElement(S, { source: Ne, kind: o ? Xa(o) : "primary" })
   ), r && /* @__PURE__ */ e.createElement("div", { className: C[`${xe}-image-container`] }, /* @__PURE__ */ e.createElement(
     "img",
     {
@@ -1228,7 +1228,7 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new n_(t, a), Yc = (t) => {
     }
   ), /* @__PURE__ */ e.createElement(
     er,
-    B(y({}, t), {
+    T(y({}, t), {
       referenceElement: {
         getBoundingClientRect: () => n,
         contextElement: c
@@ -1399,7 +1399,7 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new n_(t, a), Yc = (t) => {
           ),
           kind: "plain",
           icon: /* @__PURE__ */ e.createElement(
-            x,
+            S,
             {
               source: c ? Ga : Et,
               kind: "primary"
@@ -1459,7 +1459,7 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new n_(t, a), Yc = (t) => {
     secondaryButton: _,
     kind: o = "info",
     onClose: c
-  } = s, l = P(s, [
+  } = s, l = I(s, [
     "children",
     "className",
     "primaryButton",
@@ -1480,8 +1480,8 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new n_(t, a), Yc = (t) => {
     }, 500);
     return window.addEventListener("resize", v), h(), () => window.removeEventListener("resize", v);
   }), /* @__PURE__ */ e.createElement("div", y({ ref: i, className: u }, l), /* @__PURE__ */ e.createElement("div", { className: he[`${ke}__content`] }, /* @__PURE__ */ e.createElement("div", { className: he[`${ke}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
-    x,
-    B(y({}, f_[o]), {
+    S,
+    T(y({}, f_[o]), {
       size: "large",
       className: he[`${ke}__icon`]
     })
@@ -1507,7 +1507,7 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new n_(t, a), Yc = (t) => {
       className: he[`${ke}__close-icon`],
       size: "compact",
       kind: "plain",
-      icon: /* @__PURE__ */ e.createElement(x, { source: Ne }),
+      icon: /* @__PURE__ */ e.createElement(S, { source: Ne }),
       onClick: c
     }
   ));
@@ -1613,17 +1613,17 @@ const y_ = "lc-Avatar-module__avatar___1zTCE", E_ = "lc-Avatar-module__avatar__s
   ), E = m(
     ie[`${Z}__icon`],
     ie[`${Z}__icon--${o}`]
-  ), T = m(
+  ), B = m(
     ie[`${Z}__rim`],
     ie[`${Z}__rim--${o}`]
-  ), S = e.useCallback(() => u(!0), []);
+  ), D = e.useCallback(() => u(!0), []);
   return e.useEffect(() => {
     u(d);
   }, [d]), /* @__PURE__ */ e.createElement("div", { className: w, style: $ }, i && /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": `${Z}__rim`,
-      className: T
+      className: B
     }
   ), l && /* @__PURE__ */ e.createElement(
     "div",
@@ -1637,10 +1637,10 @@ const y_ = "lc-Avatar-module__avatar___1zTCE", E_ = "lc-Avatar-module__avatar__s
       className: ie[`${Z}__image`],
       src: c,
       alt: t,
-      onError: S
+      onError: D
     }
   ), v && /* @__PURE__ */ e.createElement("span", { style: { color: f } }, b), p && /* @__PURE__ */ e.createElement(
-    x,
+    S,
     {
       "data-testid": `${Z}__icon`,
       className: E,
@@ -1668,7 +1668,7 @@ const x_ = "lc-Badge-module__badge___GhLnu", S_ = "lc-Badge-module__badge__dot__
     kind: _ = "primary",
     size: o = "medium",
     type: c = "counter"
-  } = s, l = P(s, [
+  } = s, l = I(s, [
     "className",
     "count",
     "max",
@@ -1757,7 +1757,7 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
     expandableContent: c,
     src: l,
     title: n
-  } = d, s = P(d, [
+  } = d, s = I(d, [
     "alt",
     "buttonsOptions",
     "children",
@@ -1784,14 +1784,14 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
     },
     c
   ), k && /* @__PURE__ */ e.createElement("div", { className: de[Bt] }, /* @__PURE__ */ e.createElement("div", { className: de[`${Bt}__line`] }), /* @__PURE__ */ e.createElement("div", { className: de[`${Bt}__buttons`] }, g && a.map(
-    ({ kind: F, onClick: E, children: T }) => /* @__PURE__ */ e.createElement(G, { size: "compact", kind: F, onClick: E }, T)
+    ({ kind: F, onClick: E, children: B }) => /* @__PURE__ */ e.createElement(G, { size: "compact", kind: F, onClick: E }, B)
   ), b && /* @__PURE__ */ e.createElement(
     G,
     {
       className: de[`${Bt}__buttons-expander`],
       kind: "link",
       iconPosition: "right",
-      icon: /* @__PURE__ */ e.createElement(x, { source: h }),
+      icon: /* @__PURE__ */ e.createElement(S, { source: h }),
       onClick: () => u(!p)
     },
     v
@@ -1802,12 +1802,12 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
   var o = _, {
     children: t,
     className: a = ""
-  } = o, r = P(o, [
+  } = o, r = I(o, [
     "children",
     "className"
   ]);
   const c = m(W_[V_], a);
-  return /* @__PURE__ */ e.createElement(M, B(y({ as: "span", size: "sm" }, r), { className: c }), t);
+  return /* @__PURE__ */ e.createElement(M, T(y({ as: "span", size: "sm" }, r), { className: c }), t);
 }, Y_ = "lc-Checkbox-module__checkbox___G7nTf", q_ = "lc-Checkbox-module__checkbox__label___-o01x", K_ = "lc-Checkbox-module__checkbox__text___P2SIq", J_ = "lc-Checkbox-module__checkbox__input___YLbVF", j_ = "lc-Checkbox-module__checkbox__checkmark___16pfY", Q_ = "lc-Checkbox-module__checkbox__square___MHUyd", Z_ = "lc-Checkbox-module__checkbox__helper___YSJ-n", Ve = {
   checkbox: Y_,
   checkbox__label: q_,
@@ -1820,7 +1820,7 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
   checkbox__helper: Z_
 }, Ye = "checkbox", Zc = e.forwardRef(
   (n, l) => {
-    var s = n, { checked: t, disabled: a, children: r, description: _, className: o } = s, c = P(s, ["checked", "disabled", "children", "description", "className"]);
+    var s = n, { checked: t, disabled: a, children: r, description: _, className: o } = s, c = I(s, ["checked", "disabled", "children", "description", "className"]);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -1831,7 +1831,7 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
       },
       /* @__PURE__ */ e.createElement("label", { className: Ve[`${Ye}__label`] }, /* @__PURE__ */ e.createElement(
         "input",
-        B(y({}, c), {
+        T(y({}, c), {
           ref: l,
           checked: t,
           disabled: a,
@@ -1842,7 +1842,7 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
       _ && /* @__PURE__ */ e.createElement(Gt, { className: Ve[`${Ye}__helper`] }, _)
     );
   }
-), D = {
+), x = {
   "date-picker": "lc-DatePicker-module__date-picker___9AqJ2",
   "date-picker--interaction-disabled": "lc-DatePicker-module__date-picker--interaction-disabled___-zn8o",
   "date-picker__day": "lc-DatePicker-module__date-picker__day___ZTSw9",
@@ -1915,7 +1915,7 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
     );
     return s === 2 && ea(k, p) ? r(lt(k, 1)) : r(k);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: l }, /* @__PURE__ */ e.createElement("div", { className: D[`${Ta}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: l }, /* @__PURE__ */ e.createElement("div", { className: x[`${Ta}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-prev-year-button",
@@ -1925,7 +1925,7 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
       }),
       onClick: v
     },
-    /* @__PURE__ */ e.createElement(x, { source: Cr, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(S, { source: Cr, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -1936,8 +1936,8 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
       }),
       onClick: u
     },
-    /* @__PURE__ */ e.createElement(x, { source: Ga, kind: "subtle" })
-  )), /* @__PURE__ */ e.createElement("div", { className: D[`${Ta}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(S, { source: Ga, kind: "subtle" })
+  )), /* @__PURE__ */ e.createElement("div", { className: x[`${Ta}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-next-month-button",
@@ -1947,7 +1947,7 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
       }),
       onClick: h
     },
-    /* @__PURE__ */ e.createElement(x, { source: Xt, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(S, { source: Xt, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -1958,25 +1958,25 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
       }),
       onClick: g
     },
-    /* @__PURE__ */ e.createElement(x, { source: Nr, kind: "subtle" })
+    /* @__PURE__ */ e.createElement(S, { source: Nr, kind: "subtle" })
   )));
-}, I = "date-picker", tr = (t, a) => {
+}, P = "date-picker", tr = (t, a) => {
   const { from: r, to: _ } = a;
   return !(_ && !ta(t, _) && aa(t, _) || r && !ta(t, r) && !aa(t, r));
 }, ar = (t, a, r) => a ? t && !ea(t, a) || r && ea(a, r) ? lt(a, 1) : a : lt(r || /* @__PURE__ */ new Date(), 1), eo = (t, a) => {
   const r = {
-    [D[`${I}__day--monday`]]: { daysOfWeek: [1] },
-    [D[`${I}__day--sunday`]]: { daysOfWeek: [0] },
-    [D[`${I}__day--start`]]: t,
-    [D[`${I}__day--end`]]: t
+    [x[`${P}__day--monday`]]: { daysOfWeek: [1] },
+    [x[`${P}__day--sunday`]]: { daysOfWeek: [0] },
+    [x[`${P}__day--start`]]: t,
+    [x[`${P}__day--end`]]: t
   };
   if (!a || !t)
     return r;
   const _ = Ja(a, t);
-  return _ > 0 ? B(y({}, r), {
-    [D[`${I}__day--end`]]: a
-  }) : _ < 0 ? B(y({}, r), {
-    [D[`${I}__day--start`]]: a
+  return _ > 0 ? T(y({}, r), {
+    [x[`${P}__day--end`]]: a
+  }) : _ < 0 ? T(y({}, r), {
+    [x[`${P}__day--start`]]: a
   }) : r;
 }, ht = (t, a) => {
   const r = a.find((_) => _.id === t);
@@ -1992,42 +1992,42 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
   return r ? (a.selectedItem = t.initialSelectedItemKey, r.isManual && (t.initialFromDate && (a.from = t.initialFromDate), t.initialToDate && (a.to = t.initialToDate, a.temporaryTo = t.initialToDate)), a) : {};
 }, ao = (t, a) => y({
   container: m({
-    [D[`${I}`]]: !0,
-    [D[`${I}--range`]]: t
+    [x[`${P}`]]: !0,
+    [x[`${P}--range`]]: t
   }),
-  wrapper: D[`${I}__wrapper`],
-  interactionDisabled: D[`${I}--interaction-disabled`],
-  months: D[`${I}__months`],
-  month: D[`${I}__month`],
-  navBar: D[`${I}__nav-bar`],
+  wrapper: x[`${P}__wrapper`],
+  interactionDisabled: x[`${P}--interaction-disabled`],
+  months: x[`${P}__months`],
+  month: x[`${P}__month`],
+  navBar: x[`${P}__nav-bar`],
   navButtonPrev: m(
-    D[`${I}__nav-button`],
-    D[`${I}__nav-button--prev`]
+    x[`${P}__nav-button`],
+    x[`${P}__nav-button--prev`]
   ),
   navButtonNext: m(
-    D[`${I}__nav-button`],
-    D[`${I}__nav-button--next`]
+    x[`${P}__nav-button`],
+    x[`${P}__nav-button--next`]
   ),
-  navButtonInteractionDisabled: D[`${I}__nav-button--interaction-disabled`],
-  caption: D[`${I}__caption`],
-  weekdays: D[`${I}__weekdays`],
-  weekdaysRow: D[`${I}__weekdays-row`],
-  weekday: D[`${I}__weekday`],
-  body: D[`${I}__body`],
-  week: D[`${I}__week`],
-  weekNumber: D[`${I}__week-number`],
-  day: D[`${I}__day`],
-  footer: D[`${I}__footer`],
-  todayButton: D[`${I}__today-button`],
-  today: D[`${I}__day--today`],
-  selected: D[`${I}__day--selected`],
-  disabled: D[`${I}__day--disabled`],
-  outside: D[`${I}__day--outside`],
-  start: D[`${I}__day--start`],
-  end: D[`${I}__day--end`]
+  navButtonInteractionDisabled: x[`${P}__nav-button--interaction-disabled`],
+  caption: x[`${P}__caption`],
+  weekdays: x[`${P}__weekdays`],
+  weekdaysRow: x[`${P}__weekdays-row`],
+  weekday: x[`${P}__weekday`],
+  body: x[`${P}__body`],
+  week: x[`${P}__week`],
+  weekNumber: x[`${P}__week-number`],
+  day: x[`${P}__day`],
+  footer: x[`${P}__footer`],
+  todayButton: x[`${P}__today-button`],
+  today: x[`${P}__day--today`],
+  selected: x[`${P}__day--selected`],
+  disabled: x[`${P}__day--disabled`],
+  outside: x[`${P}__day--outside`],
+  start: x[`${P}__day--start`],
+  end: x[`${P}__day--end`]
 }, a), Aa = "date-picker", ro = (t) => {
   const a = t.getDate();
-  return /* @__PURE__ */ e.createElement("div", { className: D[`${Aa}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: D[`${Aa}__day-content`] }, a));
+  return /* @__PURE__ */ e.createElement("div", { className: x[`${Aa}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: x[`${Aa}__day-content`] }, a));
 }, _o = (t) => {
   const k = t, {
     classNames: a,
@@ -2040,7 +2040,7 @@ const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
     navbarElement: s,
     renderDay: i,
     innerRef: d
-  } = k, p = P(k, [
+  } = k, p = I(k, [
     "classNames",
     "range",
     "toMonth",
@@ -2125,36 +2125,36 @@ const co = (t) => {
           currentMonth: a
         };
       case V.NEW_TEMPORARY_TO_VALUE:
-        return B(y({}, c), {
+        return T(y({}, c), {
           temporaryTo: l.payload.date
         });
       case V.SELECT_FIRST_DAY:
-        return B(y({}, c), {
+        return T(y({}, c), {
           from: l.payload.date,
           to: void 0,
           temporaryTo: void 0
         });
       case V.SELECT_SECOND_DAY_AS_FROM:
-        return B(y({}, c), {
+        return T(y({}, c), {
           from: l.payload.date,
           to: c.from,
           temporaryTo: c.from
         });
       case V.SELECT_SECOND_DAY_AS_TO:
-        return B(y({}, c), {
+        return T(y({}, c), {
           to: l.payload.date,
           temporaryTo: l.payload.date
         });
       case V.CURRENT_MONTH_CHANGE:
-        return B(y({}, c), {
+        return T(y({}, c), {
           currentMonth: l.payload.date
         });
       case V.SET_FROM:
-        return B(y({}, c), {
+        return T(y({}, c), {
           from: l.payload.date
         });
       case V.SET_TO:
-        return B(y({}, c), {
+        return T(y({}, c), {
           to: l.payload.date
         });
       default:
@@ -2207,7 +2207,7 @@ const co = (t) => {
     if (!(g && k))
       return;
     const f = ht(b, t);
-    f && (c == null || c(B(y({}, f), {
+    f && (c == null || c(T(y({}, f), {
       value: {
         from: g,
         to: k
@@ -2224,7 +2224,7 @@ const co = (t) => {
     if (!ht(g, t))
       return;
     const k = t.reduce(
-      (f, $) => B(y({}, f), { [$.id]: $ }),
+      (f, $) => T(y({}, f), { [$.id]: $ }),
       {}
     );
     c(k[g]);
@@ -2278,7 +2278,7 @@ const co = (t) => {
     const { currentMonth: g, from: b, selectedItem: k, temporaryTo: f, to: $ } = s, w = Ct(
       () => eo(b, f),
       [b, f]
-    ), F = Ct(() => ht(k, t), [t, k]), E = Ct(() => [b, { from: b, to: f }], [b, f]), T = Ct(() => o ? { after: o } : void 0, [o]);
+    ), F = Ct(() => ht(k, t), [t, k]), E = Ct(() => [b, { from: b, to: f }], [b, f]), B = Ct(() => o ? { after: o } : void 0, [o]);
     return {
       select: {
         onItemSelect: u,
@@ -2297,7 +2297,7 @@ const co = (t) => {
         modifiers: w,
         initialMonth: o && lt(o, 1),
         toMonth: o,
-        disabledDays: T,
+        disabledDays: B,
         onDayMouseEnter: d,
         onMonthChange: h
       },
@@ -2318,7 +2318,13 @@ lo.defaultProps = {
     }
   ]
 };
-const L = {
+const Xc = (t) => {
+  const c = t, { className: a, children: r } = c, _ = I(c, ["className", "children"]), o = m(
+    a,
+    x["date-picker--range__calendars-wrapper"]
+  );
+  return /* @__PURE__ */ e.createElement("div", T(y({}, _), { className: o }), r);
+}, L = {
   "details-card": "lc-DetailsCard-module__details-card___cVoS7",
   "details-card__float-button--open": "lc-DetailsCard-module__details-card__float-button--open___u9Kx2",
   "details-card--with-divider": "lc-DetailsCard-module__details-card--with-divider___xyXvc",
@@ -2341,7 +2347,7 @@ const L = {
   "details-card__content": "lc-DetailsCard-module__details-card__content___RNVd2",
   "details-card__content--spacing": "lc-DetailsCard-module__details-card__content--spacing___QecUa",
   "details-card__content--full-space": "lc-DetailsCard-module__details-card__content--full-space___2ms8I"
-}, O = "details-card", Xc = ({
+}, O = "details-card", el = ({
   children: t,
   className: a,
   leftNode: r,
@@ -2394,7 +2400,7 @@ const L = {
       _ && /* @__PURE__ */ e.createElement("div", { className: L[`${O}__label__right-node`] }, _)
     ),
     !s && /* @__PURE__ */ e.createElement(
-      x,
+      S,
       {
         className: m(
           L[`${O}__button__icon`],
@@ -2408,7 +2414,7 @@ const L = {
     {
       kind: d ? "float" : "text",
       icon: /* @__PURE__ */ e.createElement(
-        x,
+        S,
         {
           source: Xt,
           className: m(
@@ -2454,7 +2460,7 @@ const L = {
   "details-card-info": "lc-DetailsCardInfo-module__details-card-info___D4VRk",
   "details-card-info__label": "lc-DetailsCardInfo-module__details-card-info__label___U-KsO",
   "details-card-info__content": "lc-DetailsCardInfo-module__details-card-info__content___TFEXS"
-}, qt = "details-card-info", el = ({
+}, qt = "details-card-info", tl = ({
   children: t,
   label: a
 }) => /* @__PURE__ */ e.createElement("div", { className: Yt[qt] }, /* @__PURE__ */ e.createElement("div", { className: Yt[`${qt}__label`] }, a), /* @__PURE__ */ e.createElement("div", { className: Yt[`${qt}__content`] }, t)), Ia = {
@@ -2464,13 +2470,13 @@ const L = {
   var o = _, {
     children: t,
     className: a = ""
-  } = o, r = P(o, [
+  } = o, r = I(o, [
     "children",
     "className"
   ]);
   const c = m(Ia[Pa], a);
-  return /* @__PURE__ */ e.createElement(M, B(y({ as: "span", size: "sm" }, r), { className: c }), /* @__PURE__ */ e.createElement(
-    x,
+  return /* @__PURE__ */ e.createElement(M, T(y({ as: "span", size: "sm" }, r), { className: c }), /* @__PURE__ */ e.createElement(
+    S,
     {
       source: oa,
       className: Ia[`${Pa}__icon`],
@@ -2481,7 +2487,7 @@ const L = {
   "field-group": "lc-FieldGroup-module__field-group___gy8lp",
   "field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
   "field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
-}, Jt = "field-group", tl = (n) => {
+}, Jt = "field-group", al = (n) => {
   var s = n, {
     className: t = "",
     children: a,
@@ -2489,7 +2495,7 @@ const L = {
     error: _,
     inline: o,
     stretch: c
-  } = s, l = P(s, [
+  } = s, l = I(s, [
     "className",
     "children",
     "description",
@@ -2501,21 +2507,21 @@ const L = {
     [Kt[`${Jt}--inline`]]: o,
     [Kt[`${Jt}--stretched`]]: c
   });
-  return /* @__PURE__ */ e.createElement("div", B(y({}, l), { className: i }), a, _ && /* @__PURE__ */ e.createElement(fa, null, _), r && /* @__PURE__ */ e.createElement(Gt, null, r));
+  return /* @__PURE__ */ e.createElement("div", T(y({}, l), { className: i }), a, _ && /* @__PURE__ */ e.createElement(fa, null, _), r && /* @__PURE__ */ e.createElement(Gt, null, r));
 }, no = "lc-Form-module__form___1nOYF", so = "lc-Form-module__form__header___U4B7t", io = "lc-Form-module__form__footer___1-sUX", uo = "lc-Form-module__form__label___spg-J", mo = "lc-Form-module__form__helper___bhfwS", pt = {
   form: no,
   form__header: so,
   form__footer: io,
   form__label: uo,
   form__helper: mo
-}, gt = "form", al = (l) => {
+}, gt = "form", rl = (l) => {
   var n = l, {
     className: t,
     children: a,
     labelText: r,
     helperText: _,
     formFooter: o
-  } = n, c = P(n, [
+  } = n, c = I(n, [
     "className",
     "children",
     "labelText",
@@ -2540,7 +2546,7 @@ const L = {
   "form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
   "form-field__content": "lc-FormField-module__form-field__content___XaOx3",
   "form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
-}, K = "form-field", rl = ({
+}, K = "form-field", _l = ({
   inline: t,
   error: a,
   description: r,
@@ -2632,13 +2638,13 @@ const L = {
   "form-group__header": "lc-FormGroup-module__form-group__header___DgGmR",
   "form-group__label": "lc-FormGroup-module__form-group__label___NC-JW",
   "form-group__helper": "lc-FormGroup-module__form-group__helper___SRuxe"
-}, It = "form-group", _l = (c) => {
+}, It = "form-group", ol = (c) => {
   var l = c, {
     className: t = "",
     children: a,
     labelText: r,
     helperText: _
-  } = l, o = P(l, [
+  } = l, o = I(l, [
     "className",
     "children",
     "labelText",
@@ -2647,7 +2653,7 @@ const L = {
   const n = m(At[It], t);
   return /* @__PURE__ */ e.createElement(
     "div",
-    B(y(B(y({}, o), {
+    T(y(T(y({}, o), {
       role: "group"
     }), r && { "aria-label": r }), {
       className: n
@@ -2678,7 +2684,7 @@ const L = {
       [De[`${Te}__icon--disabled`]]: a
     }
   )
-}), ol = e.forwardRef(
+}), cl = e.forwardRef(
   (s, n) => {
     var i = s, {
       inputSize: t = "medium",
@@ -2687,7 +2693,7 @@ const L = {
       icon: _ = null,
       className: o,
       cropOnBlur: c = !0
-    } = i, l = P(i, [
+    } = i, l = I(i, [
       "inputSize",
       "error",
       "disabled",
@@ -2708,7 +2714,7 @@ const L = {
     ), f = r ? "var(--content-disabled)" : "var(--content-default)", $ = u ? xr : Sr, w = _ && _.place === "left", F = _ && v !== "password" && _.place === "right";
     return /* @__PURE__ */ e.createElement("div", { className: k, "aria-disabled": r, "tab-index": "0" }, w && Fa(_, r), /* @__PURE__ */ e.createElement(
       "input",
-      B(y({}, l), {
+      T(y({}, l), {
         ref: n,
         onFocus: (E) => {
           p(!0), g == null || g(E);
@@ -2725,7 +2731,7 @@ const L = {
         disabled: r,
         kind: "text",
         size: "compact",
-        icon: /* @__PURE__ */ e.createElement(x, { customColor: f, source: $ }),
+        icon: /* @__PURE__ */ e.createElement(S, { customColor: f, source: $ }),
         onClick: () => h((E) => !E),
         className: De[`${Te}__visibility-button`]
       }
@@ -2734,11 +2740,11 @@ const L = {
 ), go = "lc-Link-module__link___kqx52", Ra = {
   link: go,
   "link--bold": "lc-Link-module__link--bold___1rGdO"
-}, Ma = "link", cl = (_) => {
+}, Ma = "link", ll = (_) => {
   var o = _, {
     bold: t = !1,
     className: a = ""
-  } = o, r = P(o, [
+  } = o, r = I(o, [
     "bold",
     "className"
   ]);
@@ -2773,7 +2779,7 @@ const L = {
     closeOnEscPress: _ = !0,
     closeOnOverlayPress: o = !0,
     fullSpaceContent: c
-  } = s, l = P(s, [
+  } = s, l = I(s, [
     "children",
     "className",
     "onClose",
@@ -2831,9 +2837,9 @@ const L = {
       t && ue["modal-base__close--label-type"]
     ),
     onClick: r,
-    icon: /* @__PURE__ */ e.createElement(x, { source: Ne, size: "medium", customColor: a })
+    icon: /* @__PURE__ */ e.createElement(S, { source: Ne, size: "medium", customColor: a })
   }
-), qe = "modal", ll = (i) => {
+), qe = "modal", nl = (i) => {
   var d = i, {
     children: t,
     className: a = "",
@@ -2843,7 +2849,7 @@ const L = {
     footer: c,
     onClose: l,
     contentClassName: n
-  } = d, s = P(d, [
+  } = d, s = I(d, [
     "children",
     "className",
     "heading",
@@ -2898,7 +2904,7 @@ const L = {
     ),
     c && /* @__PURE__ */ e.createElement("div", { className: ue[`${qe}__footer`] }, c)
   );
-}, nl = ({
+}, sl = ({
   children: t,
   className: a = "",
   parentElementName: r = "body",
@@ -2918,7 +2924,7 @@ const L = {
   "modal-header__heading-body": "lc-ModalHeader-module__modal-header__heading-body___HHEF-",
   "modal-header__heading-title": "lc-ModalHeader-module__modal-header__heading-title___2R9pm",
   "modal-header__heading-description": "lc-ModalHeader-module__modal-header__heading-description___54Xvf"
-}, et = "modal-header", sl = ({
+}, et = "modal-header", il = ({
   title: t,
   iconProps: a,
   avatarProps: r,
@@ -2927,7 +2933,7 @@ const L = {
 }) => {
   const c = Gr(Xe[et], o);
   return /* @__PURE__ */ e.createElement("div", { className: c }, a && /* @__PURE__ */ e.createElement(
-    x,
+    S,
     y({
       className: Xe[`${et}__heading-left-node`]
     }, a)
@@ -2959,7 +2965,7 @@ const L = {
   "numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
   "numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
   "numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
-}, at = "numeric-input", il = (d) => {
+}, at = "numeric-input", dl = (d) => {
   var p = d, {
     className: t,
     error: a,
@@ -2970,7 +2976,7 @@ const L = {
     noControls: l,
     style: n,
     onChange: s
-  } = p, i = P(p, [
+  } = p, i = I(p, [
     "className",
     "error",
     "value",
@@ -2990,20 +2996,20 @@ const L = {
     },
     t
   ), v = (E) => s(String(E)), g = (E) => _ !== void 0 && E > _ ? _ : o !== void 0 && E < o ? o : E, b = (E) => {
-    const T = parseInt(r, 10) + E;
-    return v(g(T));
+    const B = parseInt(r, 10) + E;
+    return v(g(B));
   }, k = (E) => {
     E.key === z.arrowDown && (E.preventDefault(), b(-1)), E.key === z.arrowUp && (E.preventDefault(), b(1));
-  }, f = (E, T) => T !== void 0 && parseInt(E, 10) === T, $ = (E) => {
+  }, f = (E, B) => B !== void 0 && parseInt(E, 10) === B, $ = (E) => {
     E.preventDefault(), E.stopPropagation();
-    const T = E.currentTarget.value.replace(
+    const B = E.currentTarget.value.replace(
       /((?!([-]|([-]?\d+))).)/,
       ""
     );
-    if (T === "" || T === "-")
-      return v(T);
-    const S = parseInt(T, 10);
-    return v(g(S));
+    if (B === "" || B === "-")
+      return v(B);
+    const D = parseInt(B, 10);
+    return v(g(D));
   }, w = () => {
     var E;
     return (E = u.current) == null || E.focus(), b(1);
@@ -3013,7 +3019,7 @@ const L = {
   };
   return /* @__PURE__ */ e.createElement("div", { className: h, style: n }, /* @__PURE__ */ e.createElement(
     "input",
-    B(y({
+    T(y({
       type: "text",
       ref: u
     }, i), {
@@ -3035,7 +3041,7 @@ const L = {
       type: "button"
     },
     /* @__PURE__ */ e.createElement(
-      x,
+      S,
       {
         source: zt,
         disabled: c || f(r, _),
@@ -3053,7 +3059,7 @@ const L = {
       type: "button"
     },
     /* @__PURE__ */ e.createElement(
-      x,
+      S,
       {
         source: Et,
         kind: "primary",
@@ -3107,7 +3113,7 @@ const j = {
       checked: a
     }
   ), n.icon && /* @__PURE__ */ e.createElement(
-    x,
+    S,
     {
       className: j[`${ye}__icon`],
       kind: "link",
@@ -3160,7 +3166,7 @@ const j = {
     },
     /* @__PURE__ */ e.createElement("div", { className: j[`${ye}__content`] }, c(t)),
     a && !t.showCheckbox && /* @__PURE__ */ e.createElement(
-      x,
+      S,
       {
         kind: "link",
         source: ca,
@@ -3183,9 +3189,9 @@ const j = {
     [j[`${ra}__no-results`]]: a.length === 0
   }), [d, p] = e.useState(
     null
-  ), u = e.useRef(-1), h = e.useRef(0), v = e.useRef(null), [g, b] = e.useState({}), k = (S) => {
-    if (S.key === z.esc && (S.preventDefault(), l()), S.key === z.arrowUp && u.current > 0 && (S.preventDefault(), u.current = $(), p(a[u.current].key)), S.key === z.arrowDown && u.current + 1 < a.length && (S.preventDefault(), u.current = w(), p(a[u.current].key)), S.key === z.enter && a[u.current] && !a[u.current].disabled) {
-      if (S.preventDefault(), a[u.current].key === ot)
+  ), u = e.useRef(-1), h = e.useRef(0), v = e.useRef(null), [g, b] = e.useState({}), k = (D) => {
+    if (D.key === z.esc && (D.preventDefault(), l()), D.key === z.arrowUp && u.current > 0 && (D.preventDefault(), u.current = $(), p(a[u.current].key)), D.key === z.arrowDown && u.current + 1 < a.length && (D.preventDefault(), u.current = w(), p(a[u.current].key)), D.key === z.enter && a[u.current] && !a[u.current].disabled) {
+      if (D.preventDefault(), a[u.current].key === ot)
         return s();
       n(a[u.current]);
     }
@@ -3197,7 +3203,7 @@ const j = {
   }, [a, t, k]), e.useEffect(() => {
     b(yo(a, r));
   }, [r, a]);
-  const f = (S) => !!a[S] && (a[S].disabled || a[S].groupHeader), $ = () => {
+  const f = (D) => !!a[D] && (a[D].disabled || a[D].groupHeader), $ = () => {
     for (u.current = u.current - 1; f(u.current) && (u.current = u.current - 1, !!f(u.current)); )
       ;
     return h.current = u.current, u.current;
@@ -3211,11 +3217,11 @@ const j = {
         break;
     }
     return h.current = u.current, u.current;
-  }, F = () => s(), E = (S) => r ? r.includes(S) : !1, T = () => !c || c && !o ? null : /* @__PURE__ */ e.createElement(
+  }, F = () => s(), E = (D) => r ? r.includes(D) : !1, B = () => !c || c && !o ? null : /* @__PURE__ */ e.createElement(
     "li",
     {
-      ref: (S) => {
-        d === ot && (S == null || S.scrollIntoView({ block: "nearest" }));
+      ref: (D) => {
+        d === ot && (D == null || D.scrollIntoView({ block: "nearest" }));
       },
       role: "option",
       "aria-current": d === ot,
@@ -3237,13 +3243,13 @@ const j = {
       role: "listbox",
       tabIndex: -1
     },
-    T(),
-    a.map((S) => /* @__PURE__ */ e.createElement(
+    B(),
+    a.map((D) => /* @__PURE__ */ e.createElement(
       Eo,
       {
-        item: S,
-        isItemSelected: E(S.key),
-        isAdjacentStyleApplied: g[S.key],
+        item: D,
+        isItemSelected: E(D.key),
+        isAdjacentStyleApplied: g[D.key],
         currentItemKey: d,
         onSelect: n
       }
@@ -3338,10 +3344,10 @@ const j = {
           className: oe[`${ae}__clear-icon`],
           onClick: b
         },
-        /* @__PURE__ */ e.createElement(x, { kind: "primary", size: "small", source: Ne })
+        /* @__PURE__ */ e.createElement(S, { kind: "primary", size: "small", source: Ne })
       ),
       /* @__PURE__ */ e.createElement(
-        x,
+        S,
         {
           className: oe[`${ae}__chevron-icon`],
           source: c ? zt : Et,
@@ -3383,7 +3389,7 @@ const j = {
     leftNode: n,
     rightNode: s,
     customColor: i
-  } = u, d = P(u, [
+  } = u, d = I(u, [
     "className",
     "children",
     "dismissible",
@@ -3417,7 +3423,7 @@ const j = {
   };
   return /* @__PURE__ */ e.createElement(
     M,
-    B(y(y({
+    T(y(y({
       className: h
     }, d), g()), {
       as: "div",
@@ -3450,7 +3456,7 @@ const j = {
         className: Ae[`${Ie}__remove`]
       },
       /* @__PURE__ */ e.createElement(
-        x,
+        S,
         {
           "data-dismiss-icon": !0,
           source: Ne,
@@ -3493,7 +3499,7 @@ const j = {
     l && (i(""), p.current && (p.current.value = "", p.current.focus()));
   }, [o, l]);
   const u = (g) => c === "single" && t && !a ? null : g != null && g.customElement ? /* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item`] }, g.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item`] }, g.icon && /* @__PURE__ */ e.createElement(
-    x,
+    S,
     {
       source: g.icon,
       className: ge[`${be}__item__icon`]
@@ -3545,7 +3551,7 @@ const j = {
 }, Ao = "lc-Picker-module__picker___GRj9W", Io = "lc-Picker-module__picker__container___s0PUc", Ha = {
   picker: Ao,
   picker__container: Io
-}, za = "picker", dl = (k) => {
+}, za = "picker", ul = (k) => {
   var f = k, {
     className: t,
     disabled: a,
@@ -3563,7 +3569,7 @@ const j = {
     openedOnInit: h = !1,
     clearSearchAfterSelection: v,
     onSelect: g
-  } = f, b = P(f, [
+  } = f, b = I(f, [
     "className",
     "disabled",
     "error",
@@ -3581,12 +3587,12 @@ const j = {
     "clearSearchAfterSelection",
     "onSelect"
   ]);
-  const [$, w] = e.useState(h), [F, E] = e.useState(null), T = e.useRef(null), S = m(Ha[za], t);
+  const [$, w] = e.useState(h), [F, E] = e.useState(null), B = e.useRef(null), D = m(Ha[za], t);
   e.useEffect(() => {
     if ($) {
       const R = (Y) => {
         var N;
-        (N = T.current) != null && N.contains(Y.target) || w(!1);
+        (N = B.current) != null && N.contains(Y.target) || w(!1);
       }, U = (Y) => {
         Y.key === z.tab && w(!1);
       };
@@ -3633,7 +3639,7 @@ const j = {
     const U = F.toLowerCase();
     return R.name.toLowerCase().includes(U);
   }) : _, [F, _]), Ue = e.useMemo(() => o ? o.map((R) => R.key) : null, [o]);
-  return /* @__PURE__ */ e.createElement("div", { ref: T, className: S, id: b.id }, /* @__PURE__ */ e.createElement("div", { className: Ha[`${za}__container`] }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { ref: B, className: D, id: b.id }, /* @__PURE__ */ e.createElement("div", { className: Ha[`${za}__container`] }, /* @__PURE__ */ e.createElement(
     wo,
     {
       testId: b["data-testid"],
@@ -3680,7 +3686,7 @@ const j = {
   )));
 }, Po = "lc-Popover-module__popover___8X1b2", Fo = {
   popover: Po
-}, ul = ({
+}, ml = ({
   triggerRenderer: t,
   onClose: a,
   onOpen: r,
@@ -3699,35 +3705,35 @@ const j = {
 }) => {
   const [g, b] = e.useState(d), k = i !== void 0, f = k ? i : g, $ = typeof _ == "string", w = typeof t == "function", F = (fe) => {
     fe ? r == null || r() : a == null || a(), !k && b(fe);
-  }, { refs: E, context: T, floatingStyles: S } = la({
+  }, { refs: E, context: B, floatingStyles: D } = la({
     open: f,
     onOpenChange: F,
     middleware: [na(s), sa(n), qa()],
     placement: l,
     strategy: v,
     whileElementsMounted: ia
-  }), se = da(T, h), A = ua(T, y({
+  }), se = da(B, h), A = ua(B, y({
     escapeKey: p
-  }, u)), J = ma(T), { getReferenceProps: X, getFloatingProps: Le } = pa([
+  }, u)), J = ma(B), { getReferenceProps: X, getFloatingProps: Le } = pa([
     se,
     A,
     J
   ]), Be = m(Fo.popover, o);
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
-    B(y({
+    T(y({
       "data-testid": "popover-trigger-button",
       ref: E.setReference
     }, X()), {
       className: c
     }),
     w ? t() : t
-  ), f && /* @__PURE__ */ e.createElement(Or, { context: T, modal: !1 }, /* @__PURE__ */ e.createElement(
+  ), f && /* @__PURE__ */ e.createElement(Or, { context: B, modal: !1 }, /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: Be,
       ref: E.setFloating,
-      style: S
+      style: D
     }, Le()),
     $ ? /* @__PURE__ */ e.createElement(M, { as: "div" }, _) : _
   )));
@@ -3768,7 +3774,7 @@ const bt = {
       progressValue: a,
       className: r,
       size: _ = "medium"
-    } = n, o = P(n, [
+    } = n, o = I(n, [
       "status",
       "progressValue",
       "className",
@@ -3833,7 +3839,7 @@ const bt = {
       percent: a,
       size: r = "medium",
       className: _ = ""
-    } = n, o = P(n, [
+    } = n, o = I(n, [
       "status",
       "percent",
       "size",
@@ -3849,7 +3855,7 @@ const bt = {
     );
     return /* @__PURE__ */ e.createElement(
       "div",
-      B(y({}, o), {
+      T(y({}, o), {
         className: d,
         ref: c,
         role: "progressbar"
@@ -3875,7 +3881,7 @@ const bt = {
   "promo-banner--small": "lc-PromoBanner-module__promo-banner--small___7sWLV",
   "promo-banner--large": "lc-PromoBanner-module__promo-banner--large___pMiCU",
   "promo-banner__close-icon": "lc-PromoBanner-module__promo-banner__close-icon___GowBL"
-}, Go = 400, Uo = 800, Wo = 500, $e = "promo-banner", ml = ({
+}, Go = 400, Uo = 800, Wo = 500, $e = "promo-banner", pl = ({
   className: t,
   buttonText: a,
   children: r,
@@ -3922,7 +3928,7 @@ const bt = {
       className: Ee[`${$e}__close-icon`],
       onClick: s
     },
-    /* @__PURE__ */ e.createElement(x, { source: Ne, size: "large", kind: "primary" })
+    /* @__PURE__ */ e.createElement(S, { source: Ne, size: "large", kind: "primary" })
   ));
 }, He = {
   "main-wrapper": "lc-PromoBannerV2-module__main-wrapper___U-dPS",
@@ -3933,7 +3939,7 @@ const bt = {
   "promo-banner-v2__additional-content": "lc-PromoBannerV2-module__promo-banner-v2__additional-content___LpU9B",
   "promo-banner-v2__close": "lc-PromoBannerV2-module__promo-banner-v2__close___rOh-U",
   "promo-banner-v2__close__btn": "lc-PromoBannerV2-module__promo-banner-v2__close__btn___5AZQC"
-}, Ke = "promo-banner-v2", pl = ({
+}, Ke = "promo-banner-v2", gl = ({
   children: t,
   className: a,
   additionalContent: r,
@@ -3962,7 +3968,7 @@ const bt = {
     {
       className: He[`${Ke}__close__btn`],
       onClick: c,
-      icon: /* @__PURE__ */ e.createElement(x, { source: Ne, kind: "primary" }),
+      icon: /* @__PURE__ */ e.createElement(S, { source: Ne, kind: "primary" }),
       kind: "plain",
       size: "compact"
     }
@@ -3977,16 +3983,16 @@ const bt = {
   "radio-button__helper": "lc-RadioButton-module__radio-button__helper___r8gJJ",
   "radio-button--selected": "lc-RadioButton-module__radio-button--selected___s9lqj",
   "radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
-}, Fe = "radio-button", gl = e.forwardRef(
+}, Fe = "radio-button", bl = e.forwardRef(
   (n, l) => {
-    var s = n, { children: t, className: a = "", description: r, checked: _, disabled: o } = s, c = P(s, ["children", "className", "description", "checked", "disabled"]);
+    var s = n, { children: t, className: a = "", description: r, checked: _, disabled: o } = s, c = I(s, ["children", "className", "description", "checked", "disabled"]);
     const i = m(Pe[Fe], a, {
       [Pe[`${Fe}--selected`]]: _,
       [Pe[`${Fe}--disabled`]]: o
     });
     return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: Pe[`${Fe}__label`] }, /* @__PURE__ */ e.createElement("div", { className: Pe[`${Fe}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: Pe[`${Fe}__inner-circle`] }), /* @__PURE__ */ e.createElement(
       "input",
-      B(y({}, c), {
+      T(y({}, c), {
         className: Pe[`${Fe}__input`],
         ref: l,
         type: "radio",
@@ -4008,7 +4014,7 @@ const bt = {
   "search-input__clear-icon": "lc-Search-module__search-input__clear-icon___LoNkc",
   "search-input__loader": "lc-Search-module__search-input__loader___pkpIG",
   "search-input__input": "lc-Search-module__search-input__input___OhyTr"
-}, Ce = "search-input", Vo = `${Ce}__input`, bl = ({
+}, Ce = "search-input", Vo = `${Ce}__input`, fl = ({
   isCollapsable: t,
   isDisabled: a,
   isLoading: r,
@@ -4031,8 +4037,8 @@ const bt = {
     t && c && i(!1);
   }, [t]);
   const b = (E) => {
-    const T = E.currentTarget.value;
-    n(T);
+    const B = E.currentTarget.value;
+    n(B);
   }, k = () => {
     n("");
   }, f = () => {
@@ -4054,7 +4060,7 @@ const bt = {
       onClick: f
     },
     /* @__PURE__ */ e.createElement(
-      x,
+      S,
       {
         className: Se[`${Ce}__search-icon`],
         source: Dr,
@@ -4085,7 +4091,7 @@ const bt = {
         title: "Clear search",
         className: Se[`${Ce}__clear-icon`],
         onClick: k,
-        icon: /* @__PURE__ */ e.createElement(x, { source: Ne, kind: "primary" }),
+        icon: /* @__PURE__ */ e.createElement(S, { source: Ne, kind: "primary" }),
         kind: "text",
         size: "compact"
       }
@@ -4127,7 +4133,7 @@ const bt = {
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
   switch__icon: Qo
-}, re = "switch", fl = (p) => {
+}, re = "switch", vl = (p) => {
   var u = p, {
     className: t = "",
     defaultOn: a = !1,
@@ -4139,7 +4145,7 @@ const bt = {
     state: n = "regular",
     innerRef: s,
     ariaLabel: i
-  } = u, d = P(u, [
+  } = u, d = I(u, [
     "className",
     "defaultOn",
     "disabled",
@@ -4153,14 +4159,14 @@ const bt = {
   ]);
   const h = o !== void 0, [v, g] = e.useState(
     () => h ? o : a
-  ), b = h ? o : v, k = n === "loading", f = n === "locked", $ = l === "large" ? "small" : "xsmall", w = b ? "on" : "off", F = r || k || f, E = F ? "disabled" : "enabled", T = m(
+  ), b = h ? o : v, k = n === "loading", f = n === "locked", $ = l === "large" ? "small" : "xsmall", w = b ? "on" : "off", F = r || k || f, E = F ? "disabled" : "enabled", B = m(
     ce[re],
     ce[`${re}--${l}`],
     t
-  ), S = (se) => {
+  ), D = (se) => {
     c == null || c(se, !b), h || (se.stopPropagation(), g((A) => !A));
   };
-  return /* @__PURE__ */ e.createElement("span", { className: T }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("span", { className: B }, /* @__PURE__ */ e.createElement(
     "input",
     y({
       type: "checkbox",
@@ -4168,7 +4174,7 @@ const bt = {
         ce[`${re}__input`],
         ce[`${re}__input--${E}`]
       ),
-      onChange: S,
+      onChange: D,
       checked: b,
       name: _,
       ref: s,
@@ -4203,7 +4209,7 @@ const bt = {
       }
     ),
     f && /* @__PURE__ */ e.createElement(
-      x,
+      S,
       {
         className: ce[`${re}__icon`],
         "data-testid": "lock-icon",
@@ -4222,7 +4228,7 @@ const bt = {
   tab__badge: ec,
   "tab--selected": "lc-Tab-module__tab--selected___c0EkL",
   "tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
-}, _t = "tab", vl = (n) => {
+}, _t = "tab", hl = (n) => {
   var s = n, {
     children: t,
     className: a,
@@ -4230,7 +4236,7 @@ const bt = {
     isSelected: _,
     asBadge: o,
     size: c = "medium"
-  } = s, l = P(s, [
+  } = s, l = I(s, [
     "children",
     "className",
     "count",
@@ -4241,7 +4247,7 @@ const bt = {
   const { disabled: i } = l, d = r !== void 0 && !o, p = r !== void 0 && o;
   return /* @__PURE__ */ e.createElement(
     M,
-    B(y({}, l), {
+    T(y({}, l), {
       as: l.href ? "a" : "button",
       size: "md",
       bold: _,
@@ -4268,10 +4274,10 @@ const bt = {
 }, tc = "lc-TabsWrapper-module__tabs___Y2xyD", ac = "lc-TabsWrapper-module__tabs__list___i6tVO", cr = {
   tabs: tc,
   tabs__list: ac
-}, lr = "tabs", hl = ({
+}, lr = "tabs", kl = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: m(cr[lr], t) }, a), kl = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: m(cr[lr], t) }, a), yl = ({
   className: t,
   children: a
 }) => /* @__PURE__ */ e.createElement("div", { className: m(cr[`${lr}__list`], t) }, a), rc = ({
@@ -4376,7 +4382,7 @@ const bt = {
     inputClassName: s,
     onBlur: i,
     addOnBlur: d = !0
-  } = h, p = P(h, [
+  } = h, p = I(h, [
     "id",
     "tags",
     "onChange",
@@ -4414,9 +4420,9 @@ const bt = {
         return;
       w(a.length - 1);
     }
-  }, T = (A) => {
+  }, B = (A) => {
     d && $(b), i == null || i(A);
-  }, S = (A, J) => {
+  }, D = (A, J) => {
     const X = [...a || []];
     X.reduce(
       (Be, fe, Oe) => Be + (fe === J && Oe !== A ? 1 : 0),
@@ -4432,7 +4438,7 @@ const bt = {
     {
       index: J,
       key: `${J}${A}`,
-      update: S,
+      update: D,
       remove: w,
       inputRef: f,
       validator: _,
@@ -4441,7 +4447,7 @@ const bt = {
     A
   )), /* @__PURE__ */ e.createElement(
     "input",
-    B(y({}, p), {
+    T(y({}, p), {
       id: t,
       ref: f,
       className: g,
@@ -4450,10 +4456,10 @@ const bt = {
       onChange: F,
       onKeyDown: E,
       onPaste: se,
-      onBlur: T
+      onBlur: B
     })
   )), o && /* @__PURE__ */ e.createElement(fa, null, o));
-}, sc = /^(?:[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, ic = "name@company.com", dc = (t) => sc.test(t), yl = (n) => {
+}, sc = /^(?:[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, ic = "name@company.com", dc = (t) => sc.test(t), El = (n) => {
   var s = n, {
     id: t,
     tags: a,
@@ -4461,7 +4467,7 @@ const bt = {
     error: _,
     placeholder: o = ic,
     size: c
-  } = s, l = P(s, [
+  } = s, l = I(s, [
     "id",
     "tags",
     "onChange",
@@ -4471,7 +4477,7 @@ const bt = {
   ]);
   return /* @__PURE__ */ e.createElement(
     nc,
-    B(y({}, l), {
+    T(y({}, l), {
       id: t,
       tags: a,
       error: _,
@@ -4532,7 +4538,7 @@ const bt = {
     removable: _,
     kind: o = "info",
     onClose: c
-  } = s, l = P(s, [
+  } = s, l = I(s, [
     "action",
     "className",
     "children",
@@ -4545,7 +4551,7 @@ const bt = {
     Q[`${ze}--${o}`],
     a
   ), d = typeof r == "string", p = (u) => u && u.closesOnClick && c ? (u.onClick(), c()) : u.onClick();
-  return /* @__PURE__ */ e.createElement("div", y({ className: i }, l), /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__icon`] }, /* @__PURE__ */ e.createElement(x, B(y({}, bc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__content`] }, d ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__actions`] }, t && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", y({ className: i }, l), /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__icon`] }, /* @__PURE__ */ e.createElement(S, T(y({}, bc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__content`] }, d ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__actions`] }, t && /* @__PURE__ */ e.createElement(
     G,
     {
       className: Q[`${ze}__actions--custom`],
@@ -4564,9 +4570,9 @@ const bt = {
       "aria-label": "Close toast",
       onClick: c
     },
-    /* @__PURE__ */ e.createElement(x, { source: Ne, size: "medium" })
+    /* @__PURE__ */ e.createElement(S, { source: Ne, size: "medium" })
   )));
-}, vc = 200, vt = "toast-wrapper", El = ({
+}, vc = 200, vt = "toast-wrapper", $l = ({
   className: t,
   toasts: a = [],
   fixed: r = !0,
@@ -4613,9 +4619,9 @@ const bt = {
   "textarea--focused": "lc-Textarea-module__textarea--focused___1vtEx",
   "textarea--disabled": "lc-Textarea-module__textarea--disabled___xXaGv",
   "textarea--error": "lc-Textarea-module__textarea--error___0EGuq"
-}, Ot = "textarea", $l = e.forwardRef(
+}, Ot = "textarea", wl = e.forwardRef(
   (o, _) => {
-    var c = o, { className: t, error: a } = c, r = P(c, ["className", "error"]);
+    var c = o, { className: t, error: a } = c, r = I(c, ["className", "error"]);
     const { disabled: l, onBlur: n, onFocus: s } = r, [i, d] = e.useState(!1), p = m(t, Lt[Ot], {
       [Lt[`${Ot}--disabled`]]: l,
       [Lt[`${Ot}--focused`]]: i,
@@ -4627,7 +4633,7 @@ const bt = {
     };
     return /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement(
       "textarea",
-      B(y({}, r), {
+      T(y({}, r), {
         ref: _,
         onFocus: h,
         onBlur: u
@@ -4646,7 +4652,7 @@ const bt = {
     "aria-label": "Retry",
     onClick: r
   },
-  /* @__PURE__ */ e.createElement(x, { size: "small", source: Br })
+  /* @__PURE__ */ e.createElement(S, { size: "small", source: Br })
 ), a && t !== "success" && /* @__PURE__ */ e.createElement(
   "button",
   {
@@ -4655,7 +4661,7 @@ const bt = {
     "aria-label": "Close",
     onClick: a
   },
-  /* @__PURE__ */ e.createElement(x, { size: "small", source: Ne })
+  /* @__PURE__ */ e.createElement(S, { size: "small", source: Ne })
 )), we = {
   "file-upload-progress": "lc-FileUploadProgress-module__file-upload-progress___xw8h8",
   "file-upload-progress__icon": "lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz",
@@ -4686,7 +4692,7 @@ const bt = {
         we[`${Re}__icon--success`]
       )
     },
-    /* @__PURE__ */ e.createElement(x, { source: ca })
+    /* @__PURE__ */ e.createElement(S, { source: ca })
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -4752,14 +4758,14 @@ const bt = {
   "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"
-}, le = "upload-bar", Me = `${le}__wrapper__header`, yc = 300, Ec = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: H[`${Me}__success-icon`] }, /* @__PURE__ */ e.createElement(x, { source: ca })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: H[`${Me}__error-icon`] }, /* @__PURE__ */ e.createElement(x, { source: Ar })) : /* @__PURE__ */ e.createElement(
+}, le = "upload-bar", Me = `${le}__wrapper__header`, yc = 300, Ec = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: H[`${Me}__success-icon`] }, /* @__PURE__ */ e.createElement(S, { source: ca })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: H[`${Me}__error-icon`] }, /* @__PURE__ */ e.createElement(S, { source: Ar })) : /* @__PURE__ */ e.createElement(
   Ho,
   {
     className: H[`${Me}__loader`],
     status: t,
     progressValue: a
   }
-), wl = ({
+), Cl = ({
   children: t,
   className: a,
   progressValue: r,
@@ -4806,7 +4812,7 @@ const bt = {
         type: "button",
         onClick: f
       },
-      u ? /* @__PURE__ */ e.createElement(x, { source: zt }) : /* @__PURE__ */ e.createElement(x, { source: Et })
+      u ? /* @__PURE__ */ e.createElement(S, { source: zt }) : /* @__PURE__ */ e.createElement(S, { source: Et })
     ), l === "error" && /* @__PURE__ */ e.createElement("div", { className: H[`${Me}__actions-container`] }, /* @__PURE__ */ e.createElement(
       _a,
       {
@@ -4842,62 +4848,63 @@ export {
   Qc as Card,
   Zc as Checkbox,
   oo as DatePicker,
+  Xc as DatePickerRangeCalendarsWrapper,
   Fc as DesignToken,
-  Xc as DetailsCard,
-  el as DetailsCardInfo,
+  el as DetailsCard,
+  tl as DetailsCardInfo,
   Gc as Display,
-  yl as EmailTagInput,
+  El as EmailTagInput,
   Gt as FieldDescription,
   fa as FieldError,
-  tl as FieldGroup,
+  al as FieldGroup,
   kc as FileUploadProgress,
   _a as FileUploadProgressActions,
-  al as Form,
-  rl as FormField,
-  _l as FormGroup,
+  rl as Form,
+  _l as FormField,
+  ol as FormGroup,
   Je as Heading,
-  x as Icon,
+  S as Icon,
   Wc as Info,
-  ol as Input,
+  cl as Input,
   Vc as Interactive,
-  cl as Link,
+  ll as Link,
   ba as Loader,
-  ll as Modal,
+  nl as Modal,
   ko as ModalBase,
   La as ModalCloseButton,
-  sl as ModalHeader,
-  nl as ModalPortal,
-  il as NumericInput,
-  dl as Picker,
+  il as ModalHeader,
+  sl as ModalPortal,
+  dl as NumericInput,
+  ul as Picker,
   $o as PickerList,
-  ul as Popover,
+  ml as Popover,
   zo as ProgressBar,
   Ho as ProgressCircle,
-  ml as PromoBanner,
-  pl as PromoBannerV2,
-  gl as RadioButton,
+  pl as PromoBanner,
+  gl as PromoBannerV2,
+  bl as RadioButton,
   Lc as RadiusToken,
   lo as RangeDatePicker,
   qc as Reports,
-  bl as SearchInput,
+  fl as SearchInput,
   jc as SegmentedControl,
   Mc as ShadowToken,
   Uc as Simple,
   Rc as SpacingToken,
-  fl as Switch,
-  vl as Tab,
-  kl as TabsList,
-  hl as TabsWrapper,
+  vl as Switch,
+  hl as Tab,
+  yl as TabsList,
+  kl as TabsWrapper,
   rr as Tag,
   nc as TagInput,
   M as Text,
-  $l as Textarea,
+  wl as Textarea,
   fc as Toast,
-  El as ToastWrapper,
+  $l as ToastWrapper,
   er as Tooltip,
   Oc as TransitionDurationToken,
   Hc as TransitionTimingToken,
-  wl as UploadBar,
+  Cl as UploadBar,
   Yc as UserGuide,
   v_ as generateAvatarColor,
   zc as getDesignTokenWithOpacity