@livechat/design-system-react-components 1.16.7 → 1.16.9

package/dist/dsrc.es.js

@@ -477,7 +477,7 @@ const jl = {
   "action-menu__list__item--selected": "lc-ActionMenu-module__action-menu__list__item--selected___eevlJ",
   "action-menu__list__item__icon": "lc-ActionMenu-module__action-menu__list__item__icon___o3ePo"
 }, Ve = "action-menu", r_ = (b) => {
-  var h = b, {
+  var k = b, {
     className: t,
     triggerClassName: a,
     options: r,
@@ -491,7 +491,7 @@ const jl = {
     onOpen: i,
     floatingStrategy: p,
     selectedOptions: m
-  } = h, y = A(h, [
+  } = k, y = A(k, [
     "className",
     "triggerClassName",
     "options",
@@ -506,7 +506,7 @@ const jl = {
     "floatingStrategy",
     "selectedOptions"
   ]);
-  const g = n !== void 0, [v, f] = e.useState(l), k = e.useRef(-1), w = e.useRef(null), C = g ? n : v, $ = () => {
+  const g = n !== void 0, [h, f] = e.useState(l), v = e.useRef(-1), w = e.useRef(null), C = g ? n : h, $ = () => {
     C ? (s == null || s(), !g && f(!1)) : (i == null || i(), !g && f(!0));
   }, { x: B, y: N, strategy: O, refs: P, context: M } = Vt({
     middleware: [Yt(4), qt(d)],
@@ -535,7 +535,7 @@ const jl = {
     })
   }), Pe = (I) => {
     var j, Fe;
-    const X = k.current;
+    const X = v.current;
     let q = X + I;
     for (; (j = r[q]) != null && j.disabled || (Fe = r[q]) != null && Fe.groupHeader; )
       if (q += I, q === -1) {
@@ -545,19 +545,19 @@ const jl = {
     return q;
   }, Be = (I) => {
     var j, Fe;
-    k.current = Pe(I);
-    const X = (j = w.current) == null ? void 0 : j.children, q = X && ((Fe = X[k.current]) == null ? void 0 : Fe.children[0]);
+    v.current = Pe(I);
+    const X = (j = w.current) == null ? void 0 : j.children, q = X && ((Fe = X[v.current]) == null ? void 0 : Fe.children[0]);
     return q == null ? void 0 : q.focus();
   }, Ke = (I) => {
-    I.key === re.arrowUp && k.current > 0 && (I.preventDefault(), Be(-1)), I.key === re.arrowDown && k.current + 1 < r.length && (I.preventDefault(), Be(1));
+    I.key === re.arrowUp && v.current > 0 && (I.preventDefault(), Be(-1)), I.key === re.arrowDown && v.current + 1 < r.length && (I.preventDefault(), Be(1));
   };
   e.useEffect(() => {
     if (C)
       return document.addEventListener("keydown", Ke), () => document.removeEventListener("keydown", Ke);
-    k.current = -1;
+    v.current = -1;
   }, [C, Ke]);
   const je = (I, X) => {
-    k.current = I, X == null || X(), !g && !c && (f(!1), s == null || s());
+    v.current = I, X == null || X(), !g && !c && (f(!1), s == null || s());
   }, Ze = (I, X) => I.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
     {
@@ -816,8 +816,8 @@ const jl = {
   "btn--icon-only": "lc-Button-module__btn--icon-only___bF5pW",
   "btn--icon-only--bg": "lc-Button-module__btn--icon-only--bg___X-4V2"
 }, ge = "btn", U = e.forwardRef(
-  (h, b) => {
-    var g = h, {
+  (k, b) => {
+    var g = k, {
       loading: t = !1,
       disabled: a = !1,
       type: r = "button",
@@ -846,7 +846,7 @@ const jl = {
       "href",
       "onClick"
     ]);
-    const v = t || a, f = !i && c, k = ["text", "link", "link-light"].includes(o), w = p ? "a" : "button", C = u(
+    const h = t || a, f = !i && c, v = ["text", "link", "link-light"].includes(o), w = p ? "a" : "button", C = u(
       s,
       pe[ge],
       pe[`${ge}--${o}`],
@@ -854,10 +854,10 @@ const jl = {
       {
         [pe[`${ge}--loading`]]: t,
         [pe[`${ge}--full-width`]]: _,
-        [pe[`${ge}--with-${d}-icon`]]: c && !f && !k,
+        [pe[`${ge}--with-${d}-icon`]]: c && !f && !v,
         [pe[`${ge}--icon-only`]]: f,
-        [pe[`${ge}--icon-only--bg`]]: f && k,
-        [pe[`${ge}--disabled`]]: v
+        [pe[`${ge}--icon-only--bg`]]: f && v,
+        [pe[`${ge}--disabled`]]: h
       }
     );
     return /* @__PURE__ */ e.createElement(
@@ -865,10 +865,10 @@ const jl = {
       E(E({
         ref: b,
         className: C,
-        "aria-disabled": v,
+        "aria-disabled": h,
         type: r,
-        disabled: v
-      }, !v && { href: p, onClick: m }), y),
+        disabled: h
+      }, !h && { href: p, onClick: m }), y),
       t && /* @__PURE__ */ e.createElement(
         Ba,
         E({
@@ -952,11 +952,11 @@ const g_ = "lc-Tooltip-module__tooltip___QOOAr", b_ = "lc-Tooltip-module__toolti
   transitionDuration: m = 200,
   hoverOnDuration: y,
   hoverOffDuration: b,
-  transitionDelay: h = 0,
+  transitionDelay: k = 0,
   hoverOnDelay: g,
-  hoverOffDelay: v,
+  hoverOffDelay: h,
   triggerOnClick: f = !1,
-  offsetMainAxis: k = 8,
+  offsetMainAxis: v = 8,
   referenceElement: w,
   activationThreshold: C = 0,
   useDismissHookProps: $,
@@ -974,7 +974,7 @@ const g_ = "lc-Tooltip-module__tooltip___QOOAr", b_ = "lc-Tooltip-module__toolti
     n && S[`${Dt}--full-space`]
   ), Ke = typeof _ == "function", je = (_e) => {
     _e !== Te && (_e ? i == null || i() : s == null || s(), !ue && De(_e));
-  }, Ze = (_e) => p ? _e != null ? _e : m : 0, I = (_e) => _e != null ? _e : h, {
+  }, Ze = (_e) => p ? _e != null ? _e : m : 0, I = (_e) => _e != null ? _e : k, {
     floatingStyles: X,
     refs: q,
     context: j,
@@ -982,7 +982,7 @@ const g_ = "lc-Tooltip-module__tooltip___QOOAr", b_ = "lc-Tooltip-module__toolti
     placement: ta
   } = Vt({
     middleware: [
-      Yt({ mainAxis: k }),
+      Yt({ mainAxis: v }),
       Ta(),
       qt(),
       zr({ element: me })
@@ -997,7 +997,7 @@ const g_ = "lc-Tooltip-module__tooltip___QOOAr", b_ = "lc-Tooltip-module__toolti
     restMs: C,
     delay: {
       open: I(g),
-      close: I(v || N)
+      close: I(h || N)
     },
     enabled: !f,
     handleClose: M ? null : Ur()
@@ -1399,37 +1399,37 @@ const Ua = 8, Wa = "guide-tooltip", Va = (t, a) => new v_(t, a), ic = (t) => {
     root: document.querySelector(`${a}`),
     threshold: 1
   }, m = !n && c.length !== 0, y = (g) => {
-    g.map((v) => {
-      const f = c.includes(v.target.id);
-      if (!v.isIntersecting) {
-        v.target.setAttribute("tabindex", "-1"), f || d((k) => [
-          ...k,
-          v.target.id
+    g.map((h) => {
+      const f = c.includes(h.target.id);
+      if (!h.isIntersecting) {
+        h.target.setAttribute("tabindex", "-1"), f || d((v) => [
+          ...v,
+          h.target.id
         ]);
         return;
       }
-      v.target.removeAttribute("tabindex"), f && d(c.filter((k) => k !== v.target.id));
+      h.target.removeAttribute("tabindex"), f && d(c.filter((v) => v !== h.target.id));
     });
   };
   e.useEffect(() => {
     const g = !!window.IntersectionObserver;
     if (!n && g) {
-      const v = document.querySelectorAll(
+      const h = document.querySelectorAll(
         `.${ie[`${et}__items__button`]}`
       ), f = new IntersectionObserver(
         y,
         p
       );
-      return v.forEach((k) => f.observe(k)), () => f.disconnect();
+      return h.forEach((v) => f.observe(v)), () => f.disconnect();
     }
   }, [c, n]);
   const b = (g) => _.filter(
-    (f) => g.find((k) => k === f.key)
+    (f) => g.find((v) => v === f.key)
   ).map((f) => ({
     key: f.key,
     element: /* @__PURE__ */ e.createElement(o_, { leftNode: f.element }, f.label),
     onClick: f.onClick
-  })), h = _.filter((g) => c.find((v) => v === g.key)).find((g) => g.key === o);
+  })), k = _.filter((g) => c.find((h) => h === g.key)).find((g) => g.key === o);
   return /* @__PURE__ */ e.createElement("div", { id: a, className: s }, /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -1459,7 +1459,7 @@ const Ua = 8, Wa = "guide-tooltip", Va = (t, a) => new v_(t, a), ic = (t) => {
         {
           className: u(
             ie[`${i}__button`],
-            h && ie[`${i}__button--active`]
+            k && ie[`${i}__button--active`]
           ),
           kind: "plain",
           icon: /* @__PURE__ */ e.createElement(
@@ -1471,14 +1471,14 @@ const Ua = 8, Wa = "guide-tooltip", Va = (t, a) => new v_(t, a), ic = (t) => {
           ),
           iconPosition: "right"
         },
-        h && /* @__PURE__ */ e.createElement(
+        k && /* @__PURE__ */ e.createElement(
           "div",
           {
             className: u(
               ie[`${i}__button__with-item`]
             )
           },
-          h.element
+          k.element
         )
       )
     }
@@ -1679,7 +1679,7 @@ const B_ = "lc-Avatar-module__avatar___1zTCE", I_ = "lc-Avatar-module__avatar__s
     "type",
     "withRim"
   ]);
-  const y = n === "image" && !l, [b, h] = e.useState(y), g = n === "image" && !!l && !b, v = n === "text", f = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, k = T_(d, f), w = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), C = r || D_(d), $ = C ? P_(C) : void 0, B = v ? { backgroundColor: C } : {}, N = u(E({
+  const y = n === "image" && !l, [b, k] = e.useState(y), g = n === "image" && !!l && !b, h = n === "text", f = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, v = T_(d, f), w = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), C = r || D_(d), $ = C ? P_(C) : void 0, B = h ? { backgroundColor: C } : {}, N = u(E({
     [be[J]]: !0,
     [be[`${J}--${_}`]]: !0,
     [be[`${J}--${o}`]]: !0,
@@ -1695,9 +1695,9 @@ const B_ = "lc-Avatar-module__avatar___1zTCE", I_ = "lc-Avatar-module__avatar__s
   ), M = u(
     be[`${J}__rim`],
     be[`${J}__rim--${o}`]
-  ), z = (Q) => w ? "2xs" : ["medium"].includes(Q) ? "xs" : ["large", "xlarge"].includes(Q) ? "sm" : ["xxlarge"].includes(Q) ? "lg" : "xl", ue = e.useCallback(() => h(!0), []);
+  ), z = (Q) => w ? "2xs" : ["medium"].includes(Q) ? "xs" : ["large", "xlarge"].includes(Q) ? "sm" : ["xxlarge"].includes(Q) ? "lg" : "xl", ue = e.useCallback(() => k(!0), []);
   return e.useEffect(() => {
-    h(y);
+    k(y);
   }, [y]), /* @__PURE__ */ e.createElement("div", E({ className: N, style: B }, i), s && /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -1718,7 +1718,7 @@ const B_ = "lc-Avatar-module__avatar___1zTCE", I_ = "lc-Avatar-module__avatar__s
       alt: t,
       onError: ue
     }
-  ), v && /* @__PURE__ */ e.createElement(
+  ), h && /* @__PURE__ */ e.createElement(
     xe,
     {
       as: "span",
@@ -1727,7 +1727,7 @@ const B_ = "lc-Avatar-module__avatar___1zTCE", I_ = "lc-Avatar-module__avatar__s
       bold: w,
       uppercase: w
     },
-    k
+    v
   ), b && /* @__PURE__ */ e.createElement(
     T,
     {
@@ -1801,8 +1801,8 @@ const G_ = "lc-SegmentedControl-module__btn___tfsvL", It = {
   }, [o]);
   const p = (y, b) => {
     i || s(y), c(y, b);
-  }, m = a.map(({ id: y, label: b, loading: h, disabled: g, icon: v }) => {
-    const f = y === n, k = f ? It["btn--active"] : "", w = f ? !1 : h;
+  }, m = a.map(({ id: y, label: b, loading: k, disabled: g, icon: h }) => {
+    const f = y === n, v = f ? It["btn--active"] : "", w = f ? !1 : k;
     return /* @__PURE__ */ e.createElement(
       U,
       {
@@ -1812,8 +1812,8 @@ const G_ = "lc-SegmentedControl-module__btn___tfsvL", It = {
         disabled: g,
         "aria-pressed": f,
         kind: "secondary",
-        icon: v,
-        className: u(It.btn, It[`btn--${t}`], k),
+        icon: h,
+        className: u(It.btn, It[`btn--${t}`], v),
         onClick: (C) => {
           p(y, C);
         }
@@ -1856,8 +1856,8 @@ const G_ = "lc-SegmentedControl-module__btn___tfsvL", It = {
     "src",
     "title"
   ]);
-  const [p, m] = e.useState(!1), y = p ? Wt : Ct, b = p ? "Hide" : "Show more", h = (a == null ? void 0 : a.length) > 0, g = !!l, v = h || g, f = d, k = c, w = k ? "" : fe[eo];
-  return /* @__PURE__ */ e.createElement("div", E({ className: u(fe[$t], _) }, n), f && /* @__PURE__ */ e.createElement("div", { className: u(fe[Gt], w) }, k && /* @__PURE__ */ e.createElement(
+  const [p, m] = e.useState(!1), y = p ? Wt : Ct, b = p ? "Hide" : "Show more", k = (a == null ? void 0 : a.length) > 0, g = !!l, h = k || g, f = d, v = c, w = v ? "" : fe[eo];
+  return /* @__PURE__ */ e.createElement("div", E({ className: u(fe[$t], _) }, n), f && /* @__PURE__ */ e.createElement("div", { className: u(fe[Gt], w) }, v && /* @__PURE__ */ e.createElement(
     "img",
     {
       alt: t,
@@ -1872,7 +1872,7 @@ const G_ = "lc-SegmentedControl-module__btn___tfsvL", It = {
       className: fe[`${$t}__expanded-content`]
     },
     l
-  ), v && /* @__PURE__ */ e.createElement("div", { className: fe[At] }, /* @__PURE__ */ e.createElement("div", { className: fe[`${At}__line`] }), /* @__PURE__ */ e.createElement("div", { className: fe[`${At}__buttons`] }, h && a.map(
+  ), h && /* @__PURE__ */ e.createElement("div", { className: fe[At] }, /* @__PURE__ */ e.createElement("div", { className: fe[`${At}__line`] }), /* @__PURE__ */ e.createElement("div", { className: fe[`${At}__buttons`] }, k && a.map(
     ({ kind: C, onClick: $, children: B }) => /* @__PURE__ */ e.createElement(U, { size: "compact", kind: C, onClick: $ }, B)
   ), g && /* @__PURE__ */ e.createElement(
     U,
@@ -1988,21 +1988,21 @@ const G_ = "lc-SegmentedControl-module__btn___tfsvL", It = {
       const f = st(s, 12);
       return r(f);
     }
-    const g = Math.abs(Ma(s, i)), v = st(
+    const g = Math.abs(Ma(s, i)), h = st(
       s,
       !Number.isNaN(g) && g > 12 ? 12 : g
     );
-    return r(v);
-  }, h = () => {
+    return r(h);
+  }, k = () => {
     if (!p) {
       const f = La(s, 12);
       return r(f);
     }
-    const g = Math.abs(Ma(p, s)), v = La(
+    const g = Math.abs(Ma(p, s)), h = La(
       s,
       !Number.isNaN(g) && g > 12 ? 12 : g
     );
-    return n === 2 && wa(v, p) ? r(st(v, 1)) : r(v);
+    return n === 2 && wa(h, p) ? r(st(h, 1)) : r(h);
   };
   return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement("div", { className: D[`${qa}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
@@ -2045,7 +2045,7 @@ const G_ = "lc-SegmentedControl-module__btn___tfsvL", It = {
         [d.navButtonNext]: !0,
         [d.navButtonInteractionDisabled]: !o
       }),
-      onClick: h
+      onClick: k
     },
     /* @__PURE__ */ e.createElement(T, { source: Ar, kind: "subtle" })
   )));
@@ -2118,7 +2118,7 @@ const G_ = "lc-SegmentedControl-module__btn___tfsvL", It = {
   const a = t.getDate();
   return /* @__PURE__ */ e.createElement("div", { className: D[`${Ja}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: D[`${Ja}__day-content`] }, a));
 }, fo = (t) => {
-  const v = t, {
+  const h = t, {
     classNames: a,
     range: r,
     toMonth: _,
@@ -2129,7 +2129,7 @@ const G_ = "lc-SegmentedControl-module__btn___tfsvL", It = {
     navbarElement: n,
     renderDay: s,
     innerRef: i
-  } = v, p = A(v, [
+  } = h, p = A(h, [
     "classNames",
     "range",
     "toMonth",
@@ -2156,8 +2156,8 @@ const G_ = "lc-SegmentedControl-module__btn___tfsvL", It = {
     },
     [o, t.onMonthChange]
   );
-  let h = 1;
-  (c === 0 || c && c < 7) && (h = c);
+  let k = 1;
+  (c === 0 || c && c < 7) && (k = c);
   const g = e.useMemo(
     () => go(r, a),
     [r, a]
@@ -2181,7 +2181,7 @@ const G_ = "lc-SegmentedControl-module__btn___tfsvL", It = {
       numberOfMonths: d,
       toMonth: _,
       fromMonth: l,
-      firstDayOfWeek: h,
+      firstDayOfWeek: k,
       month: m,
       renderDay: s || bo
     }, p)
@@ -2282,104 +2282,104 @@ const vo = (t) => {
       payload: { date: _ }
     });
   }, [_]), nt(() => {
-    const h = yr(
+    const k = yr(
       r,
       _,
       o
     );
     s({
       type: W.CURRENT_MONTH_CHANGE,
-      payload: { date: h }
+      payload: { date: k }
     });
   }, [o, r, _]), nt(() => {
-    const { from: h, selectedItem: g, to: v } = n;
-    if (!(h && v))
+    const { from: k, selectedItem: g, to: h } = n;
+    if (!(k && h))
       return;
     const f = yt(g, t);
     f && (l == null || l(x(E({}, f), {
       value: {
-        from: h,
-        to: v
+        from: k,
+        to: h
       }
     })));
   }, [n.from, n.to, n.selectedItem, t, l]), nt(() => {
-    const { selectedItem: h } = n;
-    if (h === d.current)
+    const { selectedItem: k } = n;
+    if (k === d.current)
       return;
-    if (!h) {
+    if (!k) {
       l(null);
       return;
     }
-    if (!yt(h, t))
+    if (!yt(k, t))
       return;
-    const v = t.reduce(
-      (f, k) => x(E({}, f), { [k.id]: k }),
+    const h = t.reduce(
+      (f, v) => x(E({}, f), { [v.id]: v }),
       {}
     );
-    l(v[h]);
+    l(h[k]);
   }, [l, n.selectedItem, t]);
   const i = xt(
-    (h) => {
-      const g = o ? mr(o, h) >= 0 : !0;
+    (k) => {
+      const g = o ? mr(o, k) >= 0 : !0;
       !Ka(n.from, n.to) && g && s({
         type: W.NEW_TEMPORARY_TO_VALUE,
-        payload: { date: h }
+        payload: { date: k }
       });
     },
     [o, n.from, n.to]
   ), p = xt(
-    (h) => {
-      const { from: g, to: v } = n;
-      kr(h, { to: o }) && (Ka(g, v) ? s({
+    (k) => {
+      const { from: g, to: h } = n;
+      kr(k, { to: o }) && (Ka(g, h) ? s({
         type: W.SELECT_FIRST_DAY,
-        payload: { date: h }
-      }) : g && Ca(h, g) || g && Na(h, g) ? s({
+        payload: { date: k }
+      }) : g && Ca(k, g) || g && Na(k, g) ? s({
         type: W.SELECT_SECOND_DAY_AS_TO,
-        payload: { date: h }
+        payload: { date: k }
       }) : s({
         type: W.SELECT_SECOND_DAY_AS_FROM,
-        payload: { date: h }
+        payload: { date: k }
       }));
     },
     [o, n.from, n.to]
   ), m = xt(
-    (h) => {
-      if (h === null) {
+    (k) => {
+      if (k === null) {
         s({
           type: W.NEW_SELECTED_ITEM,
           payload: { selectedItem: null }
         });
         return;
       }
-      yt(h, t) && s({
+      yt(k, t) && s({
         type: W.NEW_SELECTED_ITEM,
-        payload: { selectedItem: h }
+        payload: { selectedItem: k }
       });
     },
     [t]
-  ), y = xt((h) => {
+  ), y = xt((k) => {
     s({
       type: W.CURRENT_MONTH_CHANGE,
-      payload: { date: h }
+      payload: { date: k }
     });
   }, []);
   return c((() => {
-    const { currentMonth: h, from: g, selectedItem: v, temporaryTo: f, to: k } = n, w = St(
+    const { currentMonth: k, from: g, selectedItem: h, temporaryTo: f, to: v } = n, w = St(
       () => mo(g, f),
       [g, f]
-    ), C = St(() => yt(v, t), [t, v]), $ = St(() => [g, { from: g, to: f }], [g, f]), B = St(() => o ? { after: o } : void 0, [o]);
+    ), C = St(() => yt(h, t), [t, h]), $ = St(() => [g, { from: g, to: f }], [g, f]), B = St(() => o ? { after: o } : void 0, [o]);
     return {
       select: {
         onItemSelect: m,
-        selected: v || ""
+        selected: h || ""
       },
       inputs: {
         fromDate: g,
-        toDate: k
+        toDate: v
       },
       datepicker: {
         range: !0,
-        month: h,
+        month: k,
         numberOfMonths: 2,
         onDayClick: p,
         selectedDays: $,
@@ -2446,22 +2446,22 @@ const bc = (t) => {
   hideLabelOnOpen: n,
   onClick: s
 }) => {
-  const [i, p] = e.useState(d), [m, y] = e.useState(0), b = e.useRef(null), h = u(
+  const [i, p] = e.useState(d), [m, y] = e.useState(0), b = e.useRef(null), k = u(
     L[H],
     l && L[`${H}--with-divider`],
     a
-  ), g = n && i, v = typeof o == "string", f = (k) => {
-    p((w) => !w), k.currentTarget.blur(), s == null || s();
+  ), g = n && i, h = typeof o == "string", f = (v) => {
+    p((w) => !w), v.currentTarget.blur(), s == null || s();
   };
   return e.useEffect(() => {
-    const k = !!window.IntersectionObserver;
-    if (b.current && k) {
+    const v = !!window.IntersectionObserver;
+    if (b.current && v) {
       const w = new ResizeObserver(() => {
         b.current && m !== b.current.offsetHeight && y(b.current.offsetHeight);
       });
       return w.observe(b.current), () => w.disconnect();
     }
-  }, [b]), /* @__PURE__ */ e.createElement("div", { className: h }, /* @__PURE__ */ e.createElement(
+  }, [b]), /* @__PURE__ */ e.createElement("div", { className: k }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
@@ -2483,7 +2483,7 @@ const bc = (t) => {
         )
       },
       r && /* @__PURE__ */ e.createElement("div", { className: L[`${H}__label__left-node`] }, r),
-      v ? /* @__PURE__ */ e.createElement(
+      h ? /* @__PURE__ */ e.createElement(
         xe,
         {
           size: "xs",
@@ -2786,7 +2786,7 @@ const bc = (t) => {
       "className",
       "cropOnBlur"
     ]);
-    const [i, p] = e.useState(!1), [m, y] = e.useState(!1), { type: b, onFocus: h, onBlur: g } = c, v = u(
+    const [i, p] = e.useState(!1), [m, y] = e.useState(!1), { type: b, onFocus: k, onBlur: g } = c, h = u(
       o,
       Ce[Ne],
       Ce[`${Ne}--${t}`],
@@ -2797,31 +2797,43 @@ const bc = (t) => {
         [Ce[`${Ne}--crop`]]: l,
         [Ce[`${Ne}--read-only`]]: c.readOnly
       }
-    ), f = r ? "var(--content-disabled)" : "var(--content-default)", k = m ? Fr : Rr, w = _ && _.place === "left", C = _ && b !== "password" && _.place === "right";
-    return /* @__PURE__ */ e.createElement("div", { className: v, "aria-disabled": r, "tab-index": "0" }, w && ja(_, r), /* @__PURE__ */ e.createElement(R, { as: "div" }, /* @__PURE__ */ e.createElement(
-      "input",
-      x(E({}, c), {
-        ref: d,
-        onFocus: ($) => {
-          p(!0), h == null || h($);
-        },
-        onBlur: ($) => {
-          p(!1), g == null || g($);
-        },
-        disabled: r,
-        type: b && !m ? b : "text"
-      })
-    )), C && ja(_, r), b === "password" && /* @__PURE__ */ e.createElement(
-      U,
+    ), f = r ? "var(--content-disabled)" : "var(--content-default)", v = m ? Fr : Rr, w = _ && _.place === "left", C = _ && b !== "password" && _.place === "right";
+    return /* @__PURE__ */ e.createElement(
+      R,
       {
-        disabled: r,
-        kind: "text",
-        size: "compact",
-        icon: /* @__PURE__ */ e.createElement(T, { customColor: f, source: k }),
-        onClick: () => y(($) => !$),
-        className: Ce[`${Ne}__visibility-button`]
-      }
-    ));
+        as: "div",
+        className: h,
+        "aria-disabled": r,
+        "tab-index": "0"
+      },
+      w && ja(_, r),
+      /* @__PURE__ */ e.createElement(
+        "input",
+        x(E({}, c), {
+          ref: d,
+          onFocus: ($) => {
+            p(!0), k == null || k($);
+          },
+          onBlur: ($) => {
+            p(!1), g == null || g($);
+          },
+          disabled: r,
+          type: b && !m ? b : "text"
+        })
+      ),
+      C && ja(_, r),
+      b === "password" && /* @__PURE__ */ e.createElement(
+        U,
+        {
+          disabled: r,
+          kind: "text",
+          size: "compact",
+          icon: /* @__PURE__ */ e.createElement(T, { customColor: f, source: v }),
+          onClick: () => y(($) => !$),
+          className: Ce[`${Ne}__visibility-button`]
+        }
+      )
+    );
   }
 ), xo = "lc-Link-module__link___kqx52", Za = {
   link: xo,
@@ -3088,12 +3100,12 @@ const bc = (t) => {
       [rt[`${_t}--disabled`]]: l
     },
     t
-  ), b = ($) => n(String($)), h = ($) => _ !== void 0 && $ > _ ? _ : o !== void 0 && $ < o ? o : $, g = ($) => {
+  ), b = ($) => n(String($)), k = ($) => _ !== void 0 && $ > _ ? _ : o !== void 0 && $ < o ? o : $, g = ($) => {
     const B = parseInt(r, 10) + $;
-    return b(h(B));
-  }, v = ($) => {
+    return b(k(B));
+  }, h = ($) => {
     $.key === re.arrowDown && ($.preventDefault(), g(-1)), $.key === re.arrowUp && ($.preventDefault(), g(1));
-  }, f = ($, B) => B !== void 0 && parseInt($, 10) === B, k = ($) => {
+  }, f = ($, B) => B !== void 0 && parseInt($, 10) === B, v = ($) => {
     $.preventDefault(), $.stopPropagation();
     const B = $.currentTarget.value.replace(
       /((?!([-]|([-]?\d+))).)/,
@@ -3102,7 +3114,7 @@ const bc = (t) => {
     if (B === "" || B === "-")
       return b(B);
     const N = parseInt(B, 10);
-    return b(h(N));
+    return b(k(N));
   }, w = () => {
     var $;
     return ($ = m.current) == null || $.focus(), g(1);
@@ -3118,8 +3130,8 @@ const bc = (t) => {
     }, s), {
       value: r,
       disabled: l,
-      onChange: k,
-      onKeyDown: v,
+      onChange: v,
+      onKeyDown: h,
       min: o,
       max: _
     })
@@ -3306,18 +3318,18 @@ const wt = "select-all", Ao = (t, a) => {
   getFloatingProps: m,
   getItemProps: y,
   emptyStateText: b = "No results found",
-  pickerType: h = "single",
+  pickerType: k = "single",
   listClassName: g,
-  virtuosoProps: v
+  virtuosoProps: h
 }) => {
-  const f = e.useRef(null), [k, w] = e.useState(va), C = o.length;
+  const f = e.useRef(null), [v, w] = e.useState(va), C = o.length;
   e.useLayoutEffect(() => {
     var N;
     l && !c && d !== null && ((N = f.current) == null || N.focus({ preventScroll: !0 }));
   }, [l, d, c, f]);
   const $ = e.useCallback(
     (N) => {
-      N !== k && (N < va ? w(N + (C - 1) * Io) : w(va));
+      N !== v && (N < va ? w(N + (C - 1) * Io) : w(va));
     },
     [C]
   );
@@ -3353,7 +3365,7 @@ const wt = "select-all", Ao = (t, a) => {
       "div",
       E({
         tabIndex: 0,
-        "aria-multiselectable": h === "multi",
+        "aria-multiselectable": k === "multi",
         className: ot["listbox-wrapper"],
         ref: f
       }, m({
@@ -3371,11 +3383,11 @@ const wt = "select-all", Ao = (t, a) => {
         e_,
         x(E({
           totalListHeightChanged: $,
-          style: { height: `${k}px`, maxHeight: _ },
+          style: { height: `${v}px`, maxHeight: _ },
           totalCount: o.length,
           data: o,
           increaseViewportBy: 200
-        }, v), {
+        }, h), {
           itemContent: (N, O) => /* @__PURE__ */ e.createElement(
             Fo,
             {
@@ -3434,7 +3446,7 @@ const wt = "select-all", Ao = (t, a) => {
     d && oe[`${te}--disabled`],
     s && oe[`${te}--focused`],
     i && oe[`${te}--error`]
-  ), b = !c && l && !d && !n, h = (g) => {
+  ), b = !c && l && !d && !n, k = (g) => {
     g.stopPropagation(), p();
   };
   return /* @__PURE__ */ e.createElement(
@@ -3471,7 +3483,7 @@ const wt = "select-all", Ao = (t, a) => {
         {
           "data-testid": `${te}__clear-icon`,
           className: oe[`${te}__clear-icon`],
-          onClick: h
+          onClick: k
         },
         /* @__PURE__ */ e.createElement(T, { kind: "primary", size: "small", source: Se })
       ),
@@ -3540,13 +3552,13 @@ const wt = "select-all", Ao = (t, a) => {
       [Re[`${Me}--outline`]]: c,
       [Re[`${Me}--${Wo(s)}`]]: !!s
     }
-  ), b = _ === "small" ? "small" : "medium", h = _ === "small" ? "sm" : "md", g = () => s ? c ? {
+  ), b = _ === "small" ? "small" : "medium", k = _ === "small" ? "sm" : "md", g = () => s ? c ? {
     style: {
       backgroundColor: "transparent",
       color: s,
       borderColor: s
     }
-  } : { style: { backgroundColor: s } } : {}, v = () => {
+  } : { style: { backgroundColor: s } } : {}, h = () => {
     if (s)
       return c ? s : Pa(s, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
   };
@@ -3556,14 +3568,14 @@ const wt = "select-all", Ao = (t, a) => {
       className: y
     }, i), g()), {
       as: "div",
-      size: h
+      size: k
     }),
     d && /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "lc-tag-left-node",
         className: Re[`${Me}__node`],
-        style: { color: v() }
+        style: { color: h() }
       },
       d
     ),
@@ -3572,7 +3584,7 @@ const wt = "select-all", Ao = (t, a) => {
       "div",
       {
         "data-testid": "lc-tag-right-node",
-        style: { color: v() }
+        style: { color: h() }
       },
       n
     ),
@@ -3592,7 +3604,7 @@ const wt = "select-all", Ao = (t, a) => {
           "data-dismiss-icon": !0,
           source: Se,
           size: b,
-          customColor: v()
+          customColor: h()
         }
       )
     )
@@ -3634,22 +3646,22 @@ const wt = "select-all", Ao = (t, a) => {
   e.useEffect(() => {
     c && (i(""), b.current && (b.current.value = "", b.current.focus()));
   }, [o, c]);
-  const h = (k) => l === "single" && t && !a ? null : k != null && k.customElement ? /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item`] }, k.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item`] }, k.icon && /* @__PURE__ */ e.createElement(
+  const k = (v) => l === "single" && t && !a ? null : v != null && v.customElement ? /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item`] }, v.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item`] }, v.icon && /* @__PURE__ */ e.createElement(
     T,
     {
-      source: k.icon,
+      source: v.icon,
       className: le[`${ce}__item__icon`]
     }
-  ), k.avatarSrc && /* @__PURE__ */ e.createElement(
+  ), v.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
-      src: k.avatarSrc,
+      src: v.avatarSrc,
       alt: "",
       className: le[`${ce}__item__avatar`]
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item__content`] }, k.name)), g = (k) => i(k.target.value), v = (k) => {
+  ), /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item__content`] }, v.name)), g = (v) => i(v.target.value), h = (v) => {
     var w, C;
-    (w = m.current) != null && w.id && k.key === "Enter" && s((C = m.current) == null ? void 0 : C.id), l === "multi" && (k.key === "Backspace" || k.key === "Delete") && !p && o && (o == null ? void 0 : o.length) > 0 && n(o[o.length - 1].key);
+    (w = m.current) != null && w.id && v.key === "Enter" && s((C = m.current) == null ? void 0 : C.id), l === "multi" && (v.key === "Backspace" || v.key === "Delete") && !p && o && (o == null ? void 0 : o.length) > 0 && n(o[o.length - 1].key);
   }, f = () => /* @__PURE__ */ e.createElement(
     "input",
     {
@@ -3660,7 +3672,7 @@ const wt = "select-all", Ao = (t, a) => {
       ),
       placeholder: _,
       onChange: g,
-      onKeyDown: v,
+      onKeyDown: h,
       autoFocus: !0,
       value: p
     }
@@ -3681,20 +3693,20 @@ const wt = "select-all", Ao = (t, a) => {
         [le[`${ce}--single`]]: l === "single"
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item-container`] }, l === "single" ? h(o[0]) : o.map((k) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: le[`${ce}__item-container`] }, l === "single" ? k(o[0]) : o.map((v) => /* @__PURE__ */ e.createElement(
       Er,
       {
-        key: k.name,
+        key: v.name,
         className: u(
           le[`${ce}__tag`],
           le[`${ce}__tag--${d}`]
         ),
         dismissible: !r,
         onRemove: (w) => {
-          w.stopPropagation(), n(k.key);
+          w.stopPropagation(), n(v.key);
         }
       },
-      h(k)
+      k(v)
     ))),
     y && f()
   );
@@ -3708,7 +3720,7 @@ const wt = "select-all", Ao = (t, a) => {
   isOpen: c,
   onVisibilityChange: d
 }) => {
-  const n = ir(), [s, i] = e.useState(!1), [p, m] = e.useState(null), [y, b] = e.useState(400), h = e.useRef([]), g = e.useRef(null), { refs: v, floatingStyles: f, context: k, isPositioned: w } = Vt({
+  const n = ir(), [s, i] = e.useState(!1), [p, m] = e.useState(null), [y, b] = e.useState(400), k = e.useRef([]), g = e.useRef(null), { refs: h, floatingStyles: f, context: v, isPositioned: w } = Vt({
     nodeId: n,
     open: c,
     strategy: _,
@@ -3730,13 +3742,13 @@ const wt = "select-all", Ao = (t, a) => {
         padding: Yo
       })
     ]
-  }), C = Jt(k, E({
+  }), C = Jt(v, E({
     enabled: !t,
     keyboardHandlers: !1,
     toggle: !1
-  }, l)), $ = Xt(k, { role: "listbox" }), B = Qt(k, o), N = Kr(k, {
+  }, l)), $ = Xt(v, { role: "listbox" }), B = Qt(v, o), N = Kr(v, {
     enabled: a.length > 0 && !t,
-    listRef: h,
+    listRef: k,
     activeIndex: p,
     onNavigate: m,
     virtual: !0,
@@ -3752,14 +3764,14 @@ const wt = "select-all", Ao = (t, a) => {
     getReferenceProps: O,
     getFloatingProps: P,
     getItemProps: M,
-    setReference: v.setReference,
+    setReference: h.setReference,
     floatingStyles: f,
     isPositioned: w,
-    context: k,
+    context: v,
     nodeId: n,
-    setFloating: v.setFloating,
+    setFloating: h.setFloating,
     activeIndex: p,
-    listElementsRef: h,
+    listElementsRef: k,
     virtualItemRef: g,
     maxHeight: y,
     pointer: s,
@@ -3776,27 +3788,27 @@ const wt = "select-all", Ao = (t, a) => {
   const [c, d] = e.useState(
     () => (t == null ? void 0 : t.map(ar)) || []
   ), s = t !== void 0 ? (t == null ? void 0 : t.map(ar)) || [] : c, [i, p] = e.useState(""), m = e.useMemo(() => {
-    const v = r === "multi" && _;
+    const h = r === "multi" && _;
     let f = a;
-    return i && (f = f.filter((k) => {
-      if (k.groupHeader)
+    return i && (f = f.filter((v) => {
+      if (v.groupHeader)
         return !1;
       const w = i.toLowerCase();
-      return k.name.toLowerCase().includes(w);
-    })), v && f.length > 1 && (f = [
+      return v.name.toLowerCase().includes(w);
+    })), h && f.length > 1 && (f = [
       {
         key: wt,
         name: _
       },
       ...f
     ]), f;
-  }, [i, a, r, _]), y = (v) => {
-    const f = m.find((k) => k.key === v);
-    !f || f.disabled || (r === "single" ? (l(!1), d(() => (o([f]), [v]))) : v === wt ? s.length === xa(m).length ? d(() => (o(null), [])) : d(() => {
-      const k = xa(m);
-      return o(k), k.map(({ key: w }) => w);
-    }) : d((k) => {
-      const w = k.includes(v) ? k.filter((C) => C !== v) : [...k, v];
+  }, [i, a, r, _]), y = (h) => {
+    const f = m.find((v) => v.key === h);
+    !f || f.disabled || (r === "single" ? (l(!1), d(() => (o([f]), [h]))) : h === wt ? s.length === xa(m).length ? d(() => (o(null), [])) : d(() => {
+      const v = xa(m);
+      return o(v), v.map(({ key: w }) => w);
+    }) : d((v) => {
+      const w = v.includes(h) ? v.filter((C) => C !== h) : [...v, h];
       return o(a.filter(({ key: C }) => w.includes(C))), w;
     }));
   };
@@ -3805,8 +3817,8 @@ const wt = "select-all", Ao = (t, a) => {
     items: m,
     searchPhrase: i,
     handleSelect: y,
-    handleOnFilter: (v) => p(v),
-    handleItemRemove: (v) => y(v),
+    handleOnFilter: (h) => p(h),
+    handleItemRemove: (h) => y(h),
     handleClear: () => {
       l(!1), d([]), o(null), p("");
     }
@@ -3830,11 +3842,11 @@ const wt = "select-all", Ao = (t, a) => {
     type: m = "single",
     searchDisabled: y = !1,
     hideClearButton: b,
-    isVisible: h,
+    isVisible: k,
     onOpen: g,
-    onClose: v,
+    onClose: h,
     openedOnInit: f = !1,
-    clearSearchAfterSelection: k,
+    clearSearchAfterSelection: v,
     onSelect: w,
     placement: C,
     floatingStrategy: $,
@@ -3869,8 +3881,8 @@ const wt = "select-all", Ao = (t, a) => {
     "useClickHookProps",
     "virtuosoProps"
   ]);
-  const [ue, Q] = e.useState(f), De = h !== void 0, me = De ? h : ue, Te = (_e, Aa) => {
-    _e ? g == null || g(Aa) : v == null || v(Aa), !De && Q(_e);
+  const [ue, Q] = e.useState(f), De = k !== void 0, me = De ? k : ue, Te = (_e, Aa) => {
+    _e ? g == null || g(Aa) : h == null || h(Aa), !De && Q(_e);
   }, {
     selectedKeys: Pe,
     items: Be,
@@ -3939,7 +3951,7 @@ const wt = "select-all", Ao = (t, a) => {
         selectedItems: c,
         type: m,
         size: d,
-        clearSearchAfterSelection: k,
+        clearSearchAfterSelection: v,
         onItemRemove: I,
         onSelect: je,
         onFilter: Ze,
@@ -3989,8 +4001,8 @@ const wt = "select-all", Ao = (t, a) => {
   useClickHookProps: y,
   floatingStrategy: b
 }) => {
-  const [h, g] = e.useState(i), v = Qr(), f = ir(), k = s !== void 0, w = k ? s : h, C = typeof _ == "string", $ = typeof t == "function", B = (Pe, Be) => {
-    Pe ? r == null || r(Be) : a == null || a(Be), !k && g(Pe);
+  const [k, g] = e.useState(i), h = Qr(), f = ir(), v = s !== void 0, w = v ? s : k, C = typeof _ == "string", $ = typeof t == "function", B = (Pe, Be) => {
+    Pe ? r == null || r(Be) : a == null || a(Be), !v && g(Pe);
   }, { refs: N, context: O, floatingStyles: P } = Vt({
     nodeId: f,
     open: w,
@@ -4023,7 +4035,7 @@ const wt = "select-all", Ao = (t, a) => {
     }, De()),
     C ? /* @__PURE__ */ e.createElement(R, { as: "div" }, _) : _
   ))));
-  return v === null ? /* @__PURE__ */ e.createElement(Xr, null, Te) : Te;
+  return h === null ? /* @__PURE__ */ e.createElement(Xr, null, Te) : Te;
 }, jo = [
   "normal",
   "error",
@@ -4077,7 +4089,7 @@ const ht = {
     ), y = 2 * Math.PI * ((p - i) / 2), b = {
       strokeDasharray: y.toFixed(3),
       strokeDashoffset: `${((100 - s) / 100 * y).toFixed(3)}px`
-    }, h = `${p / 2} ${p / 2} ${p} ${p}`;
+    }, k = `${p / 2} ${p / 2} ${p} ${p}`;
     return /* @__PURE__ */ e.createElement(
       "div",
       E({
@@ -4085,7 +4097,7 @@ const ht = {
         ref: l,
         role: "progressbar"
       }, o),
-      /* @__PURE__ */ e.createElement("svg", { viewBox: h }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("svg", { viewBox: k }, /* @__PURE__ */ e.createElement(
         "circle",
         {
           className: ht[`${vt}__bg-line--${t}`],
@@ -4190,12 +4202,12 @@ const ht = {
     t
   );
   e.useEffect(() => {
-    const h = () => i.current && i.current.offsetWidth <= _l ? m("small") : i.current && i.current.offsetWidth >= ol ? m("large") : m("medium"), g = ur(
-      h,
+    const k = () => i.current && i.current.offsetWidth <= _l ? m("small") : i.current && i.current.offsetWidth >= ol ? m("large") : m("medium"), g = ur(
+      k,
       ll
     );
-    return window.addEventListener("resize", g), h(), () => {
-      g.cancel(), window.removeEventListener("resize", h);
+    return window.addEventListener("resize", g), k(), () => {
+      g.cancel(), window.removeEventListener("resize", g);
     };
   }, []);
   const b = /* @__PURE__ */ e.createElement("div", { className: ye[`${Ee}__footer`] }, a && /* @__PURE__ */ e.createElement(
@@ -4335,7 +4347,7 @@ const ht = {
   className: c,
   onChange: d
 }) => {
-  const [n, s] = e.useState(!0), [i, p] = e.useState(!1), m = e.useRef(null), y = !!l && !a && !r, b = t && !n && "true", h = u(
+  const [n, s] = e.useState(!0), [i, p] = e.useState(!1), m = e.useRef(null), y = !!l && !a && !r, b = t && !n && "true", k = u(
     c,
     Ae[we],
     Ae[`${we}--${o}`],
@@ -4350,12 +4362,12 @@ const ht = {
   const g = ($) => {
     const B = $.currentTarget.value;
     d(B);
-  }, v = () => {
+  }, h = () => {
     d("");
   }, f = () => {
     var $;
     ($ = m.current) == null || $.focus();
-  }, k = () => {
+  }, v = () => {
     t && s(!1), p(!0);
   }, w = () => {
     t && !l && s(!0), p(!1);
@@ -4367,7 +4379,7 @@ const ht = {
     {
       "aria-expanded": b,
       role: "search",
-      className: h,
+      className: k,
       onClick: f
     },
     /* @__PURE__ */ e.createElement(
@@ -4390,7 +4402,7 @@ const ht = {
         placeholder: _,
         onChange: g,
         onBlur: w,
-        onFocus: k,
+        onFocus: v,
         onKeyDown: C,
         disabled: a
       }
@@ -4401,7 +4413,7 @@ const ht = {
         "aria-label": "Clear search",
         title: "Clear search",
         className: Ae[`${we}__clear-icon`],
-        onClick: v,
+        onClick: h,
         icon: /* @__PURE__ */ e.createElement(T, { source: Se, kind: "primary" }),
         kind: "text",
         size: "compact"
@@ -4468,14 +4480,14 @@ const ht = {
     "innerRef",
     "ariaLabel"
   ]);
-  const y = o !== void 0, [b, h] = e.useState(
+  const y = o !== void 0, [b, k] = e.useState(
     () => y ? o : a
-  ), g = y ? o : b, v = d === "loading", f = d === "locked", k = c === "large" ? "small" : "xsmall", w = g ? "on" : "off", C = r || v || f, $ = C ? "disabled" : "enabled", B = u(
+  ), g = y ? o : b, h = d === "loading", f = d === "locked", v = c === "large" ? "small" : "xsmall", w = g ? "on" : "off", C = r || h || f, $ = C ? "disabled" : "enabled", B = u(
     ne[ae],
     ne[`${ae}--${c}`],
     t
   ), N = (O) => {
-    l == null || l(O, !g), y || (O.stopPropagation(), h((P) => !P));
+    l == null || l(O, !g), y || (O.stopPropagation(), k((P) => !P));
   };
   return /* @__PURE__ */ e.createElement("span", { className: B }, /* @__PURE__ */ e.createElement(
     "input",
@@ -4510,7 +4522,7 @@ const ht = {
         ne[`${ae}__slider--${c}--${w}`]
       )
     },
-    v && /* @__PURE__ */ e.createElement(
+    h && /* @__PURE__ */ e.createElement(
       Ba,
       {
         className: u(
@@ -4524,7 +4536,7 @@ const ht = {
       {
         className: ne[`${ae}__icon`],
         "data-testid": "lock-icon",
-        size: k,
+        size: v,
         source: Lr,
         kind: "primary"
       }
@@ -4621,8 +4633,8 @@ const ht = {
     }
   }, y = (b) => {
     b.preventDefault();
-    const h = b.clipboardData.getData("text/plain");
-    document.execCommand("insertHTML", !1, Ha(h));
+    const k = b.clipboardData.getData("text/plain");
+    document.execCommand("insertHTML", !1, Ha(k));
   };
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -4712,27 +4724,27 @@ const ht = {
       [Et[`${Ht}--error`]]: o
     },
     d
-  ), h = u(
+  ), k = u(
     n,
     Et[`${Ht}__input`],
     Et[`${Ht}__input--${c}`]
-  ), [g, v] = e.useState(""), f = e.useRef(null), k = (P) => {
-    r([...a || [], P]), v("");
+  ), [g, h] = e.useState(""), f = e.useRef(null), v = (P) => {
+    r([...a || [], P]), h("");
   }, w = (P) => {
     const M = [...a || []];
     M.splice(P, 1), r(M);
-  }, C = (P) => v(P.target.value), $ = (P) => {
+  }, C = (P) => h(P.target.value), $ = (P) => {
     if (El.includes(P.key)) {
       if (P.preventDefault(), g === "")
         return;
-      k(g);
+      v(g);
     } else if ($l.includes(P.key)) {
       if (g !== "" || !(a != null && a.length))
         return;
       w(a.length - 1);
     }
   }, B = (P) => {
-    i && k(g), s == null || s(P);
+    i && v(g), s == null || s(P);
   }, N = (P, M) => {
     const z = [...a || []];
     z.reduce(
@@ -4744,7 +4756,7 @@ const ht = {
     const z = P.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
     r([...a || [], ...z]);
   };
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: b }, a == null ? void 0 : a.map((P, M) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(R, { as: "div", className: b }, a == null ? void 0 : a.map((P, M) => /* @__PURE__ */ e.createElement(
     yl,
     {
       index: M,
@@ -4756,12 +4768,12 @@ const ht = {
       size: c
     },
     P
-  )), /* @__PURE__ */ e.createElement(R, { as: "div" }, /* @__PURE__ */ e.createElement(
+  )), /* @__PURE__ */ e.createElement(
     "input",
     x(E({}, p), {
       id: t,
       ref: f,
-      className: h,
+      className: k,
       placeholder: l,
       value: g,
       onChange: C,
@@ -4769,7 +4781,7 @@ const ht = {
       onPaste: O,
       onBlur: B
     })
-  ))), o && /* @__PURE__ */ e.createElement(Ia, null, o));
+  )), o && /* @__PURE__ */ e.createElement(Ia, null, o));
 }, Cl = /^(?:[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, Nl = "name@company.com", xl = (t) => Cl.test(t), Hc = (d) => {
   var n = d, {
     id: t,
@@ -4942,14 +4954,14 @@ const ht = {
     }, y = (b) => {
       i(!0), n == null || n(b);
     };
-    return /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement(R, { as: "div" }, /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement(R, { as: "div", className: p }, /* @__PURE__ */ e.createElement(
       "textarea",
       x(E({}, r), {
         ref: _,
         onFocus: y,
         onBlur: m
       })
-    )));
+    ));
   }
 ), ka = {
   "file-upload-progress-actions": "lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2",
@@ -5090,10 +5102,10 @@ const ht = {
   onCloseButtonClick: i,
   onRetryButtonClick: p
 }) => {
-  const [m, y] = e.useState(o || !1), b = c === "error", h = c === "success", g = u(G[se], a, {
+  const [m, y] = e.useState(o || !1), b = c === "error", k = c === "success", g = u(G[se], a, {
     [G[`${se}--error`]]: b,
-    [G[`${se}--success`]]: h
-  }), v = !(b && (p || i)), f = () => y(!m);
+    [G[`${se}--success`]]: k
+  }), h = !(b && (p || i)), f = () => y(!m);
   return s === "single" ? /* @__PURE__ */ e.createElement("div", { className: g }, /* @__PURE__ */ e.createElement("div", { className: G[`${se}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: G[`${Ge}`] }, /* @__PURE__ */ e.createElement(
     Rl,
     {
@@ -5116,7 +5128,7 @@ const ht = {
       className: G[`${se}__wrapper`],
       onClick: f
     },
-    /* @__PURE__ */ e.createElement("div", { className: G[`${Ge}`] }, /* @__PURE__ */ e.createElement("div", { className: G[`${Ge}__icon`] }, Ll(c, r)), /* @__PURE__ */ e.createElement("div", { className: G[`${Ge}__title`] }, /* @__PURE__ */ e.createElement(R, { size: "sm", as: "div" }, b ? l : _)), v && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: G[`${Ge}`] }, /* @__PURE__ */ e.createElement("div", { className: G[`${Ge}__icon`] }, Ll(c, r)), /* @__PURE__ */ e.createElement("div", { className: G[`${Ge}__title`] }, /* @__PURE__ */ e.createElement(R, { size: "sm", as: "div" }, b ? l : _)), h && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: G[`${Ge}__collapse-button`],