@livechat/design-system-react-components 1.0.0-beta.7 → 1.0.0-beta.8

package/dist/dsrc.es.js

@@ -23,7 +23,7 @@ var Ot = (t, a, r) => (Lt(t, typeof a != "symbol" ? a + "" : a, r), r);
 import * as e from "react";
 import { useReducer as ar, useRef as rr, useEffect as Qe, useCallback as kt, useMemo as yt } from "react";
 import { ChevronDown as ft, Close as xe, Info as ea, Warning as Ia, CheckCircle as Aa, Block as Ba, Person as _r, ChevronUp as Ft, VisibilityOn as or, VisibilityOff as lr, Check as ta, Search as cr, LockBlackFilled as nr, Refresh as sr, Error as ir } from "@livechat/design-system-icons/react/tabler";
-import f, { clsx as He } from "clsx";
+import g, { clsx as He } from "clsx";
 import { useFloating as Pa, offset as Fa, flip as Ra, autoUpdate as Ma, arrow as dr } from "@floating-ui/react-dom";
 import { css as Xe, cx as ur } from "@emotion/css";
 import { CSSTransition as aa, TransitionGroup as La } from "react-transition-group";
@@ -377,7 +377,7 @@ const dl = {
   ]);
   return e.createElement(
     t || kr[a],
-    w({ className: f(Je[`heading-${a}`], o) }, _),
+    w({ className: g(Je[`heading-${a}`], o) }, _),
     r
   );
 }, P = (d) => {
@@ -404,7 +404,7 @@ const dl = {
   return e.createElement(
     t,
     w({
-      className: f(
+      className: g(
         {
           [Je[`${m}`]]: !0,
           [Je[`${m}--bold`]]: o,
@@ -430,7 +430,7 @@ const dl = {
   ]);
   return e.createElement(
     t,
-    w({ className: f(Je[`display-${a}`], o) }, _),
+    w({ className: g(Je[`display-${a}`], o) }, _),
     r
   );
 }, yr = "lc-Popover-module__popover___8X1b2", zt = {
@@ -449,7 +449,7 @@ const dl = {
   closeOnEsc: s = !0
 }) => {
   const [d, i] = e.useState(!1), m = e.useRef(!1), u = typeof r == "string", {
-    x: g,
+    x: f,
     y: v,
     reference: b,
     floating: p,
@@ -482,9 +482,9 @@ const dl = {
   e.useEffect(() => (document.addEventListener("mousedown", $), () => {
     document.removeEventListener("mousedown", $);
   }), []);
-  const k = f(zt.popover, o, {
+  const k = g(zt.popover, o, {
     [zt["popover--visible"]]: d
-  }), C = f(
+  }), C = g(
     zt["popover-trigger"],
     _
   );
@@ -496,7 +496,7 @@ const dl = {
       style: {
         position: y,
         top: v != null ? v : "",
-        left: g != null ? g : ""
+        left: f != null ? f : ""
       }
     },
     u ? /* @__PURE__ */ e.createElement(P, { as: "div" }, r) : r
@@ -529,18 +529,24 @@ const dl = {
     "keepOpenOnClick",
     "activeOptionKeys"
   ]);
-  const [m, u] = e.useState(l), g = e.useRef(-1), v = (E) => {
-    for (g.current = g.current + E; r[g.current].disabled || r[g.current].groupHeader; )
-      g.current = g.current + E;
-    return g.current;
+  const [m, u] = e.useState(l), f = e.useRef(-1), v = (E) => {
+    var k, C;
+    const N = f.current;
+    let $ = N + E;
+    for (; (k = r[$]) != null && k.disabled || (C = r[$]) != null && C.groupHeader; )
+      if ($ += E, $ === -1) {
+        $ = N;
+        break;
+      }
+    return $;
   }, b = (E) => {
     var N, $;
-    E.key === L.arrowUp && g.current > 0 && (E.preventDefault(), g.current = v(-1), (N = document.getElementById(`list-item-${g.current}`)) == null || N.focus()), E.key === L.arrowDown && g.current + 1 < r.length && (E.preventDefault(), g.current = v(1), ($ = document.getElementById(`list-item-${g.current}`)) == null || $.focus());
+    E.key === L.arrowUp && f.current > 0 && (E.preventDefault(), f.current = v(-1), (N = document.getElementById(`list-item-${f.current}`)) == null || N.focus()), E.key === L.arrowDown && f.current + 1 < r.length && (E.preventDefault(), f.current = v(1), ($ = document.getElementById(`list-item-${f.current}`)) == null || $.focus());
   };
   e.useEffect(() => {
     if (m)
       return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
-    g.current = -1;
+    f.current = -1;
   }, [m, b]);
   const p = () => {
     u(!0);
@@ -564,7 +570,7 @@ const dl = {
       disabled: E.disabled,
       onClick: () => y(E.onClick),
       role: "menuitem",
-      className: f(Re[`${Me}__list__item`], {
+      className: g(Re[`${Me}__list__item`], {
         [Re[`${Me}__list__item--disabled`]]: E.disabled,
         [Re[`${Me}__list__item--with-divider`]]: E.withDivider,
         [Re[`${Me}__list__item--active`]]: n == null ? void 0 : n.includes(E.key)
@@ -582,7 +588,7 @@ const dl = {
         "button",
         {
           "data-testid": "action-menu-trigger-button",
-          className: f(
+          className: g(
             Re[`${Me}__trigger-button`],
             a
           ),
@@ -594,7 +600,7 @@ const dl = {
     /* @__PURE__ */ e.createElement(
       "ul",
       A(w({}, s), {
-        className: f(Re[`${Me}__list`], t),
+        className: g(Re[`${Me}__list`], t),
         role: "menu",
         "aria-hidden": !m
       }),
@@ -610,7 +616,7 @@ const dl = {
 }, tt = "action-menu-item", wr = ({ leftNode: t, rightNode: a, children: r, kind: o }) => /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: f(et[tt], {
+    className: g(et[tt], {
       [et[`${tt}--warning`]]: o === "warning"
     })
   },
@@ -689,7 +695,7 @@ const dl = {
     "customColor"
   ]), s = e.createElement(a, A(w({}, Nr[r]), {
     color: c
-  })), d = f(
+  })), d = g(
     l,
     da[ua],
     o && da[`${ua}--${_ ? "disabled--" : ""}${o}`]
@@ -710,10 +716,10 @@ const dl = {
   label: r,
   className: o,
   size: _ = "medium"
-}) => /* @__PURE__ */ e.createElement("div", { className: f(at[Ga], o) }, /* @__PURE__ */ e.createElement(
+}) => /* @__PURE__ */ e.createElement("div", { className: g(at[Ga], o) }, /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: f(at[ma], at[`${ma}--${_}`])
+    className: g(at[ma], at[`${ma}--${_}`])
   },
   /* @__PURE__ */ e.createElement(
     "div",
@@ -768,7 +774,7 @@ const dl = {
       children: i,
       href: m,
       onClick: u
-    } = p, g = B(p, [
+    } = p, f = B(p, [
       "loading",
       "disabled",
       "type",
@@ -789,7 +795,7 @@ const dl = {
           primaryColor: "var(--action-primary-default)",
           secondaryColor: "var(--border-invert-primary)"
         };
-    }, k = f(
+    }, k = g(
       d,
       _e[oe],
       _e[`${oe}--${_}`],
@@ -812,7 +818,7 @@ const dl = {
         href: y ? void 0 : m,
         onClick: y ? void 0 : u,
         disabled: y
-      }, g),
+      }, f),
       t && /* @__PURE__ */ e.createElement(
         _a,
         w({
@@ -822,7 +828,7 @@ const dl = {
         }, $())
       ),
       c && e.cloneElement(c, {
-        className: f(
+        className: g(
           _e[`${oe}__icon`],
           _e[`${oe}__icon--${n}`]
         ),
@@ -876,7 +882,7 @@ const dl = {
   transitionDelay: i,
   handleMouseEnter: m,
   handleMouseLeave: u,
-  handleCloseAction: g,
+  handleCloseAction: f,
   arrowRef: v,
   childrenElements: b,
   fullSpaceContent: p
@@ -898,7 +904,7 @@ const dl = {
   }, [C.reference, C.floating, k, S, t]), e.useEffect(() => {
     r && E(r);
   }, [E, r]);
-  const Se = _ && ee ? ee + _ : ee, Ge = o && V ? V + o : V, Be = f(x[l], c, {
+  const Se = _ && ee ? ee + _ : ee, Ge = o && V ? V + o : V, Be = g(x[l], c, {
     [x[`${l}--invert`]]: n === "invert",
     [x[`${l}--important`]]: n === "important",
     [x[`${l}--full-space`]]: p
@@ -916,14 +922,14 @@ const dl = {
       onMouseLeave: u
     },
     e.Children.map(b, (Ee) => e.isValidElement(Ee) ? e.cloneElement(Ee, w({
-      handleCloseAction: g,
+      handleCloseAction: f,
       theme: n
     }, Ee.props)) : null),
     /* @__PURE__ */ e.createElement(
       "div",
       {
         ref: v,
-        className: f([x[`${l}__arrow`]]),
+        className: g([x[`${l}__arrow`]]),
         "data-arrow-placement": S,
         style: { top: Se, left: Ge }
       }
@@ -993,7 +999,7 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     transitionDelay: i = 0,
     hoverOutDelayTimeout: m = 100,
     offsetMainAxis: u = 8,
-    triggerOnClick: g = !1,
+    triggerOnClick: f = !1,
     arrowOffsetY: v,
     arrowOffsetX: b,
     fullSpaceContent: p,
@@ -1019,9 +1025,9 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     document.removeEventListener("keydown", Be);
   }), []);
   const Se = () => {
-    g || N || (S.current = !0, ee(!0));
+    f || N || (S.current = !0, ee(!0));
   }, Ge = () => {
-    g || N || (S.current = !1, zr(m).then(() => {
+    f || N || (S.current = !1, zr(m).then(() => {
       S.current || ee(!1);
     }));
   }, Be = (ge) => {
@@ -1054,7 +1060,7 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     ee(!k);
   }, Ee = () => {
     if (!N)
-      return g ? {
+      return f ? {
         onClick: Ze
       } : {
         onMouseEnter: Se,
@@ -1087,7 +1093,7 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
 ), t && /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: f(
+    className: g(
       x[`${rt}-header`],
       x[`${rt}-header--info`]
     )
@@ -1096,7 +1102,7 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
 ), /* @__PURE__ */ e.createElement(
   "div",
   {
-    className: f(
+    className: g(
       x[`${rt}-text`],
       x[`${rt}-text--info`]
     )
@@ -1138,7 +1144,7 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
   )), t && /* @__PURE__ */ e.createElement("div", { className: x[`${fe}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: x[`${fe}-text`] }, a), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f(
+      className: g(
         x[`${fe}-footer`],
         x[`${fe}-footer--interactive`]
       )
@@ -1154,7 +1160,7 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
     /* @__PURE__ */ e.createElement(
       M,
       {
-        className: f(x[`${fe}-footer-secondary`], {
+        className: g(x[`${fe}-footer-secondary`], {
           [x[`${fe}-footer-secondary-invert`]]: _ === "invert"
         }),
         kind: n.kind || "text",
@@ -1201,7 +1207,7 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f({
+      className: g({
         [x[`${q}__overlay`]]: !0,
         [x[`${q}__overlay--visible`]]: a,
         [x[`${q}__overlay--slide`]]: r
@@ -1211,7 +1217,7 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f({
+      className: g({
         [x[`${q}__overlay`]]: !0,
         [x[`${q}__overlay--visible`]]: a,
         [x[`${q}__overlay--slide`]]: r
@@ -1221,7 +1227,7 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f({
+      className: g({
         [x[`${q}__overlay`]]: !0,
         [x[`${q}__overlay--visible`]]: a,
         [x[`${q}__overlay--slide`]]: r
@@ -1231,7 +1237,7 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f({
+      className: g({
         [x[`${q}__overlay`]]: !0,
         [x[`${q}__overlay--visible`]]: a,
         [x[`${q}__overlay--slide`]]: r
@@ -1241,7 +1247,7 @@ const zr = (t) => new Promise((a) => setTimeout(a, t)), pa = "tooltip", Wa = (t)
   ), o && /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f({
+      className: g({
         [x[`${q}__overlay`]]: !0,
         [x[`${q}__overlay--visible`]]: a,
         [x[`${q}__overlay--slide`]]: r
@@ -1328,7 +1334,7 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
         contextElement: l
       },
       arrowOffsetY: 25,
-      className: f({
+      className: g({
         [x[fa]]: !0,
         [x[`${fa}--slide`]]: d,
         className: a
@@ -1361,7 +1367,7 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
   menuItemsKeys: a,
   activeOptionKey: r
 }) => {
-  const o = f(Ae[`${Ht}__button`], {
+  const o = g(Ae[`${Ht}__button`], {
     [Ae[`${Ht}__button--hidden`]]: a.includes(
       t.key
     ),
@@ -1412,11 +1418,11 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
   options: o,
   activeOptionKey: _
 }) => {
-  const [l, c] = e.useState([]), n = r === "scroll", s = f(Ae[ot], t), d = {
+  const [l, c] = e.useState([]), n = r === "scroll", s = g(Ae[ot], t), d = {
     root: document.querySelector(`${a}`),
     threshold: 1
-  }, i = !n && l.length !== 0, m = (g) => {
-    g.map((v) => {
+  }, i = !n && l.length !== 0, m = (f) => {
+    f.map((v) => {
       const b = l.includes(v.target.id);
       if (!v.isIntersecting) {
         v.target.setAttribute("tabindex", "-1"), b || c((p) => [
@@ -1429,8 +1435,8 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
     });
   };
   e.useEffect(() => {
-    const g = !!window.IntersectionObserver;
-    if (!n && g) {
+    const f = !!window.IntersectionObserver;
+    if (!n && f) {
       const v = document.querySelectorAll(
         `.${Ae[`${ot}__items__button`]}`
       ), b = new IntersectionObserver(
@@ -1440,8 +1446,8 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
       return v.forEach((p) => b.observe(p)), () => b.disconnect();
     }
   }, [l, n]);
-  const u = (g) => o.filter(
-    (b) => g.find((p) => p === b.key)
+  const u = (f) => o.filter(
+    (b) => f.find((p) => p === b.key)
   ).map((b) => ({
     key: b.key,
     element: /* @__PURE__ */ e.createElement(wr, { leftNode: b.element }, b.label),
@@ -1450,14 +1456,14 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
   return /* @__PURE__ */ e.createElement("div", { id: a, className: s }, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f(Ae[`${ot}__items`], {
+      className: g(Ae[`${ot}__items`], {
         [Ae[`${ot}__items--scroll`]]: n
       })
     },
-    o.map((g) => /* @__PURE__ */ e.createElement(
+    o.map((f) => /* @__PURE__ */ e.createElement(
       Ur,
       {
-        option: g,
+        option: f,
         menuItemsKeys: l,
         activeOptionKey: _
       }
@@ -1516,7 +1522,7 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
     "kind",
     "onClose"
   ]);
-  const d = e.useRef(null), [i, m] = e.useState(null), u = f(
+  const d = e.useRef(null), [i, m] = e.useState(null), u = g(
     be[ve],
     be[`${ve}--${_}`],
     i === "medium" && be[`${ve}--medium`],
@@ -1524,10 +1530,10 @@ const ga = 8, fa = "guide-tooltip", ba = (t, a) => new Gr(t, a), hl = (t) => {
     a
   );
   return e.useEffect(() => {
-    const g = () => d.current && d.current.offsetWidth <= 400 ? m("small") : d.current && d.current.offsetWidth > 400 && d.current.offsetWidth <= 800 ? m("medium") : m(null), v = za(() => {
-      g();
+    const f = () => d.current && d.current.offsetWidth <= 400 ? m("small") : d.current && d.current.offsetWidth > 400 && d.current.offsetWidth <= 800 ? m("medium") : m(null), v = za(() => {
+      f();
     }, 500);
-    return window.addEventListener("resize", v), g(), () => window.removeEventListener("resize", v);
+    return window.addEventListener("resize", v), f(), () => window.removeEventListener("resize", v);
   }), /* @__PURE__ */ e.createElement("div", w({ ref: d, className: u }, c), /* @__PURE__ */ e.createElement(
     D,
     A(w({}, Kr[_]), {
@@ -1643,20 +1649,20 @@ const e_ = "lc-Avatar-module__avatar___1zTCE", t_ = "lc-Avatar-module__avatar__s
   type: s,
   withRim: d = !1
 }) => {
-  const i = s === "image" && !l, [m, u] = e.useState(i), g = s === "image" && !!l && !m, v = s === "text", b = ["xxxsmall", "xxsmall", "xsmall"].includes(_) ? 1 : 2, p = Qr(n, b), y = r || Zr(p), h = y && Xr(y), E = f(w({
+  const i = s === "image" && !l, [m, u] = e.useState(i), f = s === "image" && !!l && !m, v = s === "text", b = ["xxxsmall", "xxsmall", "xsmall"].includes(_) ? 1 : 2, p = Qr(n, b), y = r || Zr(p), h = y && Xr(y), E = g(w({
     [ae[Y]]: !0,
     [ae[`${Y}--${o}`]]: !0,
     [ae[`${Y}--${_}`]]: !0,
     [ae[`${Y}--with-rim`]]: d
-  }, a ? { [`${a}`]: a } : {})), N = f(
+  }, a ? { [`${a}`]: a } : {})), N = g(
     ae[`${Y}__status`],
     ae[`${Y}__status--${o}`],
     ae[`${Y}__status--${_}`],
     ...c ? [ae[`${Y}__status--${c}`]] : []
-  ), $ = f(
+  ), $ = g(
     ae[`${Y}__icon`],
     ae[`${Y}__icon--${_}`]
-  ), k = f(
+  ), k = g(
     ae[`${Y}__rim`],
     ae[`${Y}__rim--${_}`]
   ), C = e.useCallback(() => u(!0), []);
@@ -1674,7 +1680,7 @@ const e_ = "lc-Avatar-module__avatar___1zTCE", t_ = "lc-Avatar-module__avatar__s
       "data-testid": `${Y}__status`,
       className: N
     }
-  ), g && /* @__PURE__ */ e.createElement(
+  ), f && /* @__PURE__ */ e.createElement(
     "img",
     {
       className: ae[`${Y}__image`],
@@ -1719,7 +1725,7 @@ const o_ = "lc-Badge-module__badge___GhLnu", l_ = "lc-Badge-module__badge__dot__
     "size",
     "type"
   ]);
-  const d = f(
+  const d = g(
     t,
     Et[$t],
     Et[`${$t}--${o}`],
@@ -1749,27 +1755,27 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
   fullWidth: l = !1,
   onButtonClick: c = Zt
 }) => {
-  const n = f(wt[s_], r), [s, d] = e.useState(() => o), i = typeof _ == "string";
+  const n = g(wt[s_], r), [s, d] = e.useState(() => o), i = typeof _ == "string";
   e.useEffect(() => {
     i && d(_);
   }, [_]);
-  const m = (g, v) => {
-    i || d(g), c(g, v);
-  }, u = a.map(({ id: g, label: v, loading: b, disabled: p, icon: y }) => {
-    const h = g === s, E = h ? wt["btn--active"] : "", N = h ? !1 : b;
+  const m = (f, v) => {
+    i || d(f), c(f, v);
+  }, u = a.map(({ id: f, label: v, loading: b, disabled: p, icon: y }) => {
+    const h = f === s, E = h ? wt["btn--active"] : "", N = h ? !1 : b;
     return /* @__PURE__ */ e.createElement(
       M,
       {
-        key: g,
+        key: f,
         fullWidth: l,
         loading: N,
         disabled: p,
         "aria-pressed": h,
         kind: "secondary",
         icon: y,
-        className: f(wt.btn, wt[`btn--${t}`], E),
+        className: g(wt.btn, wt[`btn--${t}`], E),
         onClick: ($) => {
-          m(g, $);
+          m(f, $);
         }
       },
       v
@@ -1810,8 +1816,8 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     "src",
     "title"
   ]);
-  const [m, u] = e.useState(!1), g = m ? Ft : ft, v = m ? "Hide" : "Show more", b = (a == null ? void 0 : a.length) > 0, p = !!l, y = b || p, h = n, E = c, N = E ? "" : re[k_];
-  return /* @__PURE__ */ e.createElement("div", w({ className: f(re[gt], o) }, s), h && /* @__PURE__ */ e.createElement("div", { className: f(re[Pt], N) }, E && /* @__PURE__ */ e.createElement(
+  const [m, u] = e.useState(!1), f = m ? Ft : ft, v = m ? "Hide" : "Show more", b = (a == null ? void 0 : a.length) > 0, p = !!l, y = b || p, h = n, E = c, N = E ? "" : re[k_];
+  return /* @__PURE__ */ e.createElement("div", w({ className: g(re[gt], o) }, s), h && /* @__PURE__ */ e.createElement("div", { className: g(re[Pt], N) }, E && /* @__PURE__ */ e.createElement(
     "img",
     {
       alt: t,
@@ -1834,7 +1840,7 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
       className: re[`${Ct}__buttons-expander`],
       kind: "link",
       iconPosition: "right",
-      icon: /* @__PURE__ */ e.createElement(D, { source: g }),
+      icon: /* @__PURE__ */ e.createElement(D, { source: f }),
       onClick: () => u(!m)
     },
     v
@@ -1849,7 +1855,7 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     "children",
     "className"
   ]);
-  const l = f(y_[E_], a);
+  const l = g(y_[E_], a);
   return /* @__PURE__ */ e.createElement(P, A(w({ as: "span", size: "sm" }, r), { className: l }), t);
 }, $_ = "lc-Checkbox-module__checkbox___G7nTf", w_ = "lc-Checkbox-module__checkbox__label___-o01x", C_ = "lc-Checkbox-module__checkbox__text___P2SIq", N_ = "lc-Checkbox-module__checkbox__input___YLbVF", x_ = "lc-Checkbox-module__checkbox__checkmark___16pfY", S_ = "lc-Checkbox-module__checkbox__square___MHUyd", T_ = "lc-Checkbox-module__checkbox__helper___YSJ-n", Le = {
   checkbox: $_,
@@ -1867,7 +1873,7 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     return /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: f(Le[Oe], _, {
+        className: g(Le[Oe], _, {
           [Le[`${Oe}--selected`]]: t,
           [Le[`${Oe}--disabled`]]: a
         })
@@ -1935,7 +1941,7 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     toMonth: m
   } = t, u = () => {
     typeof a == "function" && a();
-  }, g = () => {
+  }, f = () => {
     typeof o == "function" && o();
   }, v = () => {
     if (!i) {
@@ -1988,7 +1994,7 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
         [n.navButtonNext]: !0,
         [n.navButtonInteractionDisabled]: !_
       }),
-      onClick: g
+      onClick: f
     },
     /* @__PURE__ */ e.createElement(D, { source: gr, kind: "subtle" })
   ), /* @__PURE__ */ e.createElement(
@@ -2094,11 +2100,11 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
     "navbarElement",
     "renderDay",
     "innerRef"
-  ]), [u, g] = e.useState(_ || /* @__PURE__ */ new Date());
+  ]), [u, f] = e.useState(_ || /* @__PURE__ */ new Date());
   e.useEffect(() => {
-    _ && _ !== u && g(_);
+    _ && _ !== u && f(_);
   }, [_, u]), e.useEffect(() => {
-    o && (Va(u, { from: l, to: o }) || g(o));
+    o && (Va(u, { from: l, to: o }) || f(o));
   }, [u, t.toMonth, t.fromMonth]);
   const v = e.useCallback(
     (h) => {
@@ -2106,7 +2112,7 @@ const n_ = "lc-SegmentedControl-module__btn___tfsvL", wt = {
         t.onMonthChange(h);
         return;
       }
-      g(h);
+      f(h);
     },
     [_, t.onMonthChange]
   );
@@ -2311,7 +2317,7 @@ const M_ = (t) => {
       });
     },
     [t]
-  ), g = kt((b) => {
+  ), f = kt((b) => {
     d({
       type: O.CURRENT_MONTH_CHANGE,
       payload: { date: b }
@@ -2342,7 +2348,7 @@ const M_ = (t) => {
         toMonth: _,
         disabledDays: C,
         onDayMouseEnter: i,
-        onMonthChange: g
+        onMonthChange: f
       },
       selectedOption: $
     };
@@ -2372,7 +2378,7 @@ const Ea = {
     "children",
     "className"
   ]);
-  const l = f(Ea[$a], a);
+  const l = g(Ea[$a], a);
   return /* @__PURE__ */ e.createElement(P, A(w({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
     D,
     {
@@ -2401,7 +2407,7 @@ const Ea = {
     "inline",
     "stretch"
   ]);
-  const d = f(Ut[Wt], t, {
+  const d = g(Ut[Wt], t, {
     [Ut[`${Wt}--inline`]]: _,
     [Ut[`${Wt}--stretched`]]: l
   });
@@ -2426,7 +2432,7 @@ const Ea = {
     "helperText",
     "formFooter"
   ]);
-  return /* @__PURE__ */ e.createElement("form", w({ className: f(lt[ct], t) }, l), (r || o) && /* @__PURE__ */ e.createElement("div", { className: lt[`${ct}__header`] }, r && /* @__PURE__ */ e.createElement(Ke, { size: "sm", className: lt[`${ct}__label`] }, r), o && /* @__PURE__ */ e.createElement(P, { as: "p", size: "sm", className: lt[`${ct}__helper`] }, o)), a, _ && /* @__PURE__ */ e.createElement("div", { className: lt[`${ct}__footer`] }, _));
+  return /* @__PURE__ */ e.createElement("form", w({ className: g(lt[ct], t) }, l), (r || o) && /* @__PURE__ */ e.createElement("div", { className: lt[`${ct}__header`] }, r && /* @__PURE__ */ e.createElement(Ke, { size: "sm", className: lt[`${ct}__label`] }, r), o && /* @__PURE__ */ e.createElement(P, { as: "p", size: "sm", className: lt[`${ct}__helper`] }, o)), a, _ && /* @__PURE__ */ e.createElement("div", { className: lt[`${ct}__footer`] }, _));
 }, z = {
   "form-field": "lc-FormField-module__form-field___JqnX6",
   "form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
@@ -2455,7 +2461,7 @@ const Ea = {
   children: n,
   labelRightNode: s
 }) => {
-  const d = e.useRef(null), [i, m] = e.useState("auto"), u = f(
+  const d = e.useRef(null), [i, m] = e.useState("auto"), u = g(
     z[H],
     {
       [z[`${H}--inline`]]: t
@@ -2463,12 +2469,12 @@ const Ea = {
     l
   );
   return e.useEffect(() => {
-    const g = d;
-    return t && g.current ? m(`${g.current.clientHeight}px`) : m("auto");
+    const f = d;
+    return t && f.current ? m(`${f.current.clientHeight}px`) : m("auto");
   }), /* @__PURE__ */ e.createElement("div", { className: u }, s && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f(
+      className: g(
         z[`${H}__label-right-node`],
         z[`${H}__label-right-node--inline`]
       )
@@ -2477,7 +2483,7 @@ const Ea = {
   ), /* @__PURE__ */ e.createElement("div", { className: z[`${H}__row-break`] })), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f(
+      className: g(
         z[`${H}__wrapper`],
         t && z[`${H}__wrapper--inline`]
       )
@@ -2485,7 +2491,7 @@ const Ea = {
     (o || s) && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: f(
+        className: g(
           z[`${H}__label`],
           t && z[`${H}__label--inline`],
           !o && z[`${H}__label--no-text`]
@@ -2494,7 +2500,7 @@ const Ea = {
       o && /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: f(
+          className: g(
             z[`${H}__label-wrapper`],
             t && z[`${H}__label-wrapper--inline`]
           ),
@@ -2513,7 +2519,7 @@ const Ea = {
         _ && /* @__PURE__ */ e.createElement(
           "div",
           {
-            className: f(
+            className: g(
               z[`${H}__label-adornment`],
               t && z[`${H}__label-adornment--inline`]
             )
@@ -2521,12 +2527,12 @@ const Ea = {
           _
         )
       ),
-      s && !t && /* @__PURE__ */ e.createElement("div", { className: f(z[`${H}__label-right-node`]) }, s)
+      s && !t && /* @__PURE__ */ e.createElement("div", { className: g(z[`${H}__label-right-node`]) }, s)
     ),
-    /* @__PURE__ */ e.createElement("div", { className: f(z[`${H}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: d }, n), a && /* @__PURE__ */ e.createElement(oa, null, a), !a && r && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: g(z[`${H}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: d }, n), a && /* @__PURE__ */ e.createElement(oa, null, a), !a && r && /* @__PURE__ */ e.createElement(
       Rt,
       {
-        className: f(z[`${H}__content__description`])
+        className: g(z[`${H}__content__description`])
       },
       r
     ))
@@ -2548,7 +2554,7 @@ const Ea = {
     "labelText",
     "helperText"
   ]);
-  const n = f(Nt[xt], t);
+  const n = g(Nt[xt], t);
   return /* @__PURE__ */ e.createElement(
     "div",
     A(w(A(w({}, _), {
@@ -2575,7 +2581,7 @@ const Ea = {
   "input__visibility-button": "lc-Input-module__input__visibility-button___eWrVe"
 }, ye = "input", wa = (t, a) => e.cloneElement(t.source, {
   "data-testid": `input-icon-${t.place}`,
-  className: f(
+  className: g(
     ke[`${ye}__icon`],
     ke[`${ye}__icon--${t.place}`],
     {
@@ -2599,7 +2605,7 @@ const Ea = {
       "className",
       "cropOnBlur"
     ]);
-    const [i, m] = e.useState(!1), [u, g] = e.useState(!1), { type: v, onFocus: b, onBlur: p } = c, y = f(
+    const [i, m] = e.useState(!1), [u, f] = e.useState(!1), { type: v, onFocus: b, onBlur: p } = c, y = g(
       _,
       ke[ye],
       ke[`${ye}--${t}`],
@@ -2630,7 +2636,7 @@ const Ea = {
         kind: "text",
         size: "compact",
         icon: /* @__PURE__ */ e.createElement(D, { customColor: h, source: E }),
-        onClick: () => g((k) => !k),
+        onClick: () => f((k) => !k),
         className: ke[`${ye}__visibility-button`]
       }
     ));
@@ -2649,7 +2655,7 @@ const Ea = {
   return /* @__PURE__ */ e.createElement(
     "a",
     w({
-      className: f(
+      className: g(
         Ca[Na],
         t && Ca[`${Na}--bold`],
         a
@@ -2685,7 +2691,7 @@ const Ea = {
     "closeOnOverlayPress",
     "fullSpaceContent"
   ]);
-  const d = f(
+  const d = g(
     X[St],
     a,
     l && X[`${St}--full-space`]
@@ -2706,7 +2712,7 @@ const Ea = {
     {
       "data-testid": "lc-modal-overlay",
       onMouseDown: i,
-      className: f(
+      className: g(
         X[`${St}__overlay`],
         X[`${St}__overlay--visible`]
       )
@@ -2730,7 +2736,7 @@ const Ea = {
   {
     kind: "plain",
     title: "Close modal",
-    className: f(
+    className: g(
       X["modal-base__close"],
       t && X["modal-base__close--label-type"]
     ),
@@ -2757,7 +2763,7 @@ const Ea = {
     "onClose",
     "contentClassName"
   ]);
-  const m = f(X[Te], a), u = typeof t == "string", g = (v) => {
+  const m = g(X[Te], a), u = typeof t == "string", f = (v) => {
     v.preventDefault(), v.stopPropagation(), c();
   };
   return /* @__PURE__ */ e.createElement(
@@ -2780,7 +2786,7 @@ const Ea = {
       {
         labelType: !!o,
         customColor: "var(--color-white)",
-        onClick: g
+        onClick: f
       }
     )),
     !o && r && /* @__PURE__ */ e.createElement("div", { className: X[`${Te}__header`] }, /* @__PURE__ */ e.createElement(
@@ -2791,12 +2797,12 @@ const Ea = {
         className: X[`${Te}__heading`]
       },
       r
-    ), /* @__PURE__ */ e.createElement(xa, { onClick: g })),
+    ), /* @__PURE__ */ e.createElement(xa, { onClick: f })),
     /* @__PURE__ */ e.createElement(
       "div",
       {
         "data-testid": "modal-body",
-        className: f(
+        className: g(
           X[`${Te}__body`],
           _ && X[`${Te}__body--full-space`],
           n
@@ -2878,7 +2884,7 @@ const Ea = {
     "style",
     "onChange"
   ]);
-  const u = e.useRef(null), g = f(
+  const u = e.useRef(null), f = g(
     Ue[We],
     {
       [Ue[`${We}--error`]]: a,
@@ -2908,7 +2914,7 @@ const Ea = {
     var k;
     return (k = u.current) == null || k.focus(), p(-1);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: g, style: n }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: f, style: n }, /* @__PURE__ */ e.createElement(
     "input",
     A(w({
       type: "text",
@@ -3013,14 +3019,14 @@ const U = {
   ), n.avatarSrc && /* @__PURE__ */ e.createElement(
     "img",
     {
-      className: f(U[`${le}__avatar`]),
+      className: g(U[`${le}__avatar`]),
       src: n.avatarSrc,
       alt: n.name
     }
   ), /* @__PURE__ */ e.createElement("div", { className: U[`${le}__label-container`] }, /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: f({
+      className: g({
         [U[`${le}__main-label`]]: n.secondaryText
       })
     },
@@ -3050,7 +3056,7 @@ const U = {
       id: t.key,
       key: t.key,
       "data-adjacent": o,
-      className: f(U[le], {
+      className: g(U[le], {
         [U[`${le}__custom`]]: t == null ? void 0 : t.customElement
       }),
       onClick: () => c(t)
@@ -3076,11 +3082,11 @@ const U = {
   onSelect: n,
   onSelectAll: s
 }) => {
-  const d = f(U[Qt], {
+  const d = g(U[Qt], {
     [U[`${Qt}__no-results`]]: a.length === 0
   }), [i, m] = e.useState(
     null
-  ), u = e.useRef(-1), g = e.useRef(0), v = e.useRef(null), [b, p] = e.useState({}), y = (S) => {
+  ), u = e.useRef(-1), f = e.useRef(0), v = e.useRef(null), [b, p] = e.useState({}), y = (S) => {
     if (S.key === L.esc && (S.preventDefault(), c()), S.key === L.arrowUp && u.current > 0 && (S.preventDefault(), u.current = E(), m(a[u.current].key)), S.key === L.arrowDown && u.current + 1 < a.length && (S.preventDefault(), u.current = N(), m(a[u.current].key)), S.key === L.enter && !a[u.current].disabled) {
       if (S.preventDefault(), a[u.current].key === qe)
         return s();
@@ -3090,24 +3096,24 @@ const U = {
   e.useEffect(() => {
     if (u.current > -1 && a.length > 0 && a[u.current] && m(a[u.current].key), t)
       return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
-    u.current = -1, g.current = 0, m(null);
+    u.current = -1, f.current = 0, m(null);
   }, [a, t, y]), e.useEffect(() => {
     p(Z_(a, r));
   }, [r, a]);
   const h = (S) => !!a[S] && (a[S].disabled || a[S].groupHeader), E = () => {
     for (u.current = u.current - 1; h(u.current) && (u.current = u.current - 1, !!h(u.current)); )
       ;
-    return g.current = u.current, u.current;
+    return f.current = u.current, u.current;
   }, N = () => {
     if (u.current = u.current + 1, !h(u.current))
-      return g.current = u.current, u.current;
+      return f.current = u.current, u.current;
     for (; h(u.current); ) {
       if (u.current = u.current + 1, u.current === a.length && !h(u.current))
-        return g.current;
+        return f.current;
       if (!h(u.current))
         break;
     }
-    return g.current = u.current, u.current;
+    return f.current = u.current, u.current;
   }, $ = () => s(), k = (S) => r ? r.includes(S) : !1, C = () => !l || l && !_ ? null : /* @__PURE__ */ e.createElement(
     "li",
     {
@@ -3118,7 +3124,7 @@ const U = {
       "aria-current": i === qe,
       id: qe,
       key: qe,
-      className: f(
+      className: g(
         U[Sa],
         U[`${Sa}--select-all`]
       ),
@@ -3178,7 +3184,7 @@ const U = {
   onClear: m,
   testId: u
 }) => {
-  const g = e.useRef(null), v = f(
+  const f = e.useRef(null), v = g(
     K[J],
     K[`${J}--${s}`],
     n && K[`${J}--multi-select`],
@@ -3189,7 +3195,7 @@ const U = {
   );
   e.useEffect(() => {
     const h = (E) => {
-      document.activeElement === g.current && E.key !== L.tab && i(E);
+      document.activeElement === f.current && E.key !== L.tab && i(E);
     };
     return a || document.addEventListener("keydown", h), () => {
       a || document.removeEventListener("keydown", h);
@@ -3203,7 +3209,7 @@ const U = {
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: g,
+      ref: f,
       className: v,
       onClick: b,
       tabIndex: 0,
@@ -3212,7 +3218,7 @@ const U = {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: f(
+        className: g(
           K[`${J}__content`],
           K[`${J}__content--${s}`],
           n && _ && K[`${J}__content--with-items`]
@@ -3223,7 +3229,7 @@ const U = {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: f(
+        className: g(
           K[`${J}__controls`],
           K[`${J}__controls--${s}`]
         )
@@ -3270,7 +3276,7 @@ const U = {
   "tag__node--right": "lc-Tag-module__tag__node--right___pGYuU",
   tag__content: oo
 }, ne = "tag", lo = (t) => t ? ra(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", qa = (u) => {
-  var g = u, {
+  var f = u, {
     className: t = "",
     children: a,
     dismissible: r = !1,
@@ -3282,7 +3288,7 @@ const U = {
     leftNode: s,
     rightNode: d,
     customColor: i
-  } = g, m = B(g, [
+  } = f, m = B(f, [
     "className",
     "children",
     "dismissible",
@@ -3295,7 +3301,7 @@ const U = {
     "rightNode",
     "customColor"
   ]);
-  const v = f(
+  const v = g(
     ce[ne],
     t,
     ce[`${ne}--${o}`],
@@ -3338,7 +3344,7 @@ const U = {
       "div",
       {
         "data-testid": "lc-tag-right-node",
-        className: f(ce[`${ne}__node--right`]),
+        className: g(ce[`${ne}__node--right`]),
         style: { color: p() }
       },
       d
@@ -3394,7 +3400,7 @@ const U = {
   e.useEffect(() => {
     n && (i(""), u.current && (u.current.value = "", u.current.focus()));
   }, [_, n]);
-  const g = (p) => l === "single" && t && !a ? null : p != null && p.customElement ? /* @__PURE__ */ e.createElement("div", { className: se[`${ie}__item`] }, p.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: se[`${ie}__item`] }, p.icon && /* @__PURE__ */ e.createElement(
+  const f = (p) => l === "single" && t && !a ? null : p != null && p.customElement ? /* @__PURE__ */ e.createElement("div", { className: se[`${ie}__item`] }, p.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: se[`${ie}__item`] }, p.icon && /* @__PURE__ */ e.createElement(
     D,
     {
       source: p.icon,
@@ -3413,7 +3419,7 @@ const U = {
     "input",
     {
       ref: u,
-      className: f(
+      className: g(
         se[`${ie}__input`],
         se[`${ie}__input--${s}`]
       ),
@@ -3422,11 +3428,11 @@ const U = {
       autoFocus: !0
     }
   );
-  return !_ || _.length === 0 ? m ? b() : /* @__PURE__ */ e.createElement("div", null, o) : /* @__PURE__ */ e.createElement("div", { className: se[ie] }, /* @__PURE__ */ e.createElement("div", { className: se[`${ie}__item-container`] }, l === "single" ? g(_[0]) : _.map((p) => /* @__PURE__ */ e.createElement(
+  return !_ || _.length === 0 ? m ? b() : /* @__PURE__ */ e.createElement("div", null, o) : /* @__PURE__ */ e.createElement("div", { className: se[ie] }, /* @__PURE__ */ e.createElement("div", { className: se[`${ie}__item-container`] }, l === "single" ? f(_[0]) : _.map((p) => /* @__PURE__ */ e.createElement(
     qa,
     {
       key: p.name,
-      className: f(
+      className: g(
         se[`${ie}__tag`],
         se[`${ie}__tag--${s}`]
       ),
@@ -3434,7 +3440,7 @@ const U = {
       dismissible: !r,
       onRemove: () => d(p)
     },
-    g(p)
+    f(p)
   ))), m && b());
 }, no = "lc-Picker-module__picker___GRj9W", so = "lc-Picker-module__picker__container___s0PUc", Ta = {
   picker: no,
@@ -3454,7 +3460,7 @@ const U = {
     selectAllOptionText: i,
     type: m = "single",
     searchDisabled: u = !1,
-    hideClearButton: g,
+    hideClearButton: f,
     openedOnInit: v = !1,
     clearSearchAfterSelection: b,
     onSelect: p
@@ -3477,7 +3483,7 @@ const U = {
     "clearSearchAfterSelection",
     "onSelect"
   ]);
-  const [N, $] = e.useState(v), [k, C] = e.useState(null), S = e.useRef(null), V = f(Ta[Da], t);
+  const [N, $] = e.useState(v), [k, C] = e.useState(null), S = e.useRef(null), V = g(Ta[Da], t);
   e.useEffect(() => {
     if (N) {
       const F = (te) => {
@@ -3541,7 +3547,7 @@ const U = {
       isRequired: s,
       isMultiSelect: m === "multi",
       size: l,
-      hideClearButton: g,
+      hideClearButton: f,
       onTrigger: ee,
       onClear: Ze
     },
@@ -3618,16 +3624,16 @@ const it = {
       "className",
       "size"
     ]);
-    const s = ja(t, a), d = Ja(s, a), i = mo[o], m = po[o], u = f(
+    const s = ja(t, a), d = Ja(s, a), i = mo[o], m = po[o], u = g(
       it[dt],
       {
         [it[`${dt}--${o}`]]: o,
         [it[`${dt}--${t}`]]: t
       },
       r
-    ), g = 2 * Math.PI * ((m - i) / 2), v = {
-      strokeDasharray: g.toFixed(3),
-      strokeDashoffset: `${((100 - d) / 100 * g).toFixed(3)}px`
+    ), f = 2 * Math.PI * ((m - i) / 2), v = {
+      strokeDasharray: f.toFixed(3),
+      strokeDashoffset: `${((100 - d) / 100 * f).toFixed(3)}px`
     }, b = `${m / 2} ${m / 2} ${m} ${m}`;
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -3683,7 +3689,7 @@ const it = {
       "size",
       "className"
     ]);
-    const s = ja(t, a), d = Ja(s, a), i = f(
+    const s = ja(t, a), d = Ja(s, a), i = g(
       Tt[Dt],
       {
         [Tt[`${Dt}--${r}`]]: r,
@@ -3731,7 +3737,7 @@ const it = {
   onClose: s,
   onLinkClick: d
 }) => {
-  const i = e.useRef(null), [m, u] = e.useState("medium"), g = f(
+  const i = e.useRef(null), [m, u] = e.useState("medium"), f = g(
     de[ue],
     {
       [de[`${ue}--light`]]: l,
@@ -3759,7 +3765,7 @@ const it = {
     },
     a
   ), c && /* @__PURE__ */ e.createElement(M, { size: "compact", kind: "text", onClick: d }, c));
-  return /* @__PURE__ */ e.createElement("div", { ref: i, className: g }, /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__content`] }, _ && /* @__PURE__ */ e.createElement("img", { src: _, className: de[`${ue}__img`] }), /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__header`] }, o), /* @__PURE__ */ e.createElement(P, { as: "div" }, r), m !== "large" && v), m === "large" && v), s && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { ref: i, className: f }, /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__content`] }, _ && /* @__PURE__ */ e.createElement("img", { src: _, className: de[`${ue}__img`] }), /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: de[`${ue}__header`] }, o), /* @__PURE__ */ e.createElement(P, { as: "div" }, r), m !== "large" && v), m === "large" && v), s && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
@@ -3785,7 +3791,7 @@ const it = {
   secondaryButton: _,
   onClose: l
 }) => {
-  const c = f(De[ze], a);
+  const c = g(De[ze], a);
   return /* @__PURE__ */ e.createElement("div", { className: De["main-wrapper"] }, /* @__PURE__ */ e.createElement("div", { role: "banner", className: c }, /* @__PURE__ */ e.createElement("div", { className: De[`${ze}__content`] }, t, (o || _) && /* @__PURE__ */ e.createElement("div", { className: De[`${ze}__content__cta`] }, o && /* @__PURE__ */ e.createElement(
     M,
     {
@@ -3824,7 +3830,7 @@ const it = {
 }, we = "radio-button", zl = e.forwardRef(
   (n, c) => {
     var s = n, { children: t, className: a = "", description: r, checked: o, disabled: _ } = s, l = B(s, ["children", "className", "description", "checked", "disabled"]);
-    const d = f($e[we], a, {
+    const d = g($e[we], a, {
       [$e[`${we}--selected`]]: o,
       [$e[`${we}--disabled`]]: _
     });
@@ -3862,7 +3868,7 @@ const it = {
   className: c,
   onChange: n
 }) => {
-  const [s, d] = e.useState(!0), [i, m] = e.useState(!1), u = e.useRef(null), g = !!l && !a && !r, v = t && !s && "true", b = f(
+  const [s, d] = e.useState(!0), [i, m] = e.useState(!1), u = e.useRef(null), f = !!l && !a && !r, v = t && !s && "true", b = g(
     c,
     he[pe],
     he[`${pe}--${_}`],
@@ -3922,7 +3928,7 @@ const it = {
         disabled: a
       }
     ),
-    g && /* @__PURE__ */ e.createElement(
+    f && /* @__PURE__ */ e.createElement(
       M,
       {
         "aria-label": "Clear search",
@@ -3995,19 +4001,19 @@ const it = {
     "innerRef",
     "ariaLabel"
   ]);
-  const [g, v] = e.useState(
+  const [f, v] = e.useState(
     () => _ !== void 0 ? _ : a
   );
   e.useEffect(() => {
     _ !== void 0 && v(_);
   }, [_]);
-  const b = n === "loading", p = n === "locked", y = c === "large" ? "small" : "xsmall", h = g ? "on" : "off", E = r || b || p, N = E ? "disabled" : "enabled", $ = f(
+  const b = n === "loading", p = n === "locked", y = c === "large" ? "small" : "xsmall", h = f ? "on" : "off", E = r || b || p, N = E ? "disabled" : "enabled", $ = g(
     Z[j],
     Z[`${j}--${c}`],
     t
   ), k = (C) => {
     if (l !== Zt) {
-      l(C, g);
+      l(C, f);
       return;
     }
     C.stopPropagation(), v((V) => !V);
@@ -4016,12 +4022,12 @@ const it = {
     "input",
     w({
       type: "checkbox",
-      className: f(
+      className: g(
         Z[`${j}__input`],
         Z[`${j}__input--${N}`]
       ),
       onChange: k,
-      checked: g,
+      checked: f,
       name: o,
       ref: s,
       disabled: E,
@@ -4030,7 +4036,7 @@ const it = {
   ), /* @__PURE__ */ e.createElement("span", { className: Z[`${j}__container`] }, /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: f(
+      className: g(
         Z[`${j}__track`],
         Z[`${j}__track--${h}`],
         Z[`${j}__track--${N}`]
@@ -4039,7 +4045,7 @@ const it = {
   ), /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: f(
+      className: g(
         Z[`${j}__slider`],
         Z[`${j}__slider--${c}`],
         Z[`${j}__slider--${c}--${h}`]
@@ -4048,7 +4054,7 @@ const it = {
     b && /* @__PURE__ */ e.createElement(
       _a,
       {
-        className: f(
+        className: g(
           Z[`${j}__loader`],
           Z[`${j}__loader--${c}`]
         )
@@ -4097,7 +4103,7 @@ const it = {
       as: c.href ? "a" : "button",
       size: "md",
       bold: o,
-      className: f(
+      className: g(
         a,
         Ve[Ye],
         Ve[`${Ye}--${l}`],
@@ -4123,10 +4129,10 @@ const it = {
 }, Za = "tabs", Wl = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: f(Ka[Za], t) }, a), Vl = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: g(Ka[Za], t) }, a), Vl = ({
   className: t,
   children: a
-}) => /* @__PURE__ */ e.createElement("div", { className: f(Ka[`${Za}__list`], t) }, a), Ao = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: g(Ka[`${Za}__list`], t) }, a), Ao = ({
   className: t = "",
   innerEditableRef: a,
   inputRef: r,
@@ -4154,7 +4160,7 @@ const it = {
       }
       o(v.innerText);
     }
-  }, g = (v) => {
+  }, f = (v) => {
     v.preventDefault();
     const b = v.clipboardData.getData("text/plain");
     document.execCommand("insertHTML", !1, ia(b));
@@ -4165,7 +4171,7 @@ const it = {
       ref: a,
       className: t,
       contentEditable: !0,
-      onPaste: g,
+      onPaste: f,
       onBlur: u,
       onKeyDown: m,
       dangerouslySetInnerHTML: { __html: ia(l) }
@@ -4233,17 +4239,17 @@ const it = {
     "placeholder",
     "size"
   ]);
-  const i = f(pt[It], {
+  const i = g(pt[It], {
     [pt[`${It}--error`]]: _
-  }), m = f(
+  }), m = g(
     pt[`${It}__input`],
     pt[`${It}__input--${c}`]
-  ), [u, g] = e.useState(""), v = e.useRef(null), b = ($) => {
-    r([...a || [], $]), g("");
+  ), [u, f] = e.useState(""), v = e.useRef(null), b = ($) => {
+    r([...a || [], $]), f("");
   }, p = ($) => {
     const k = [...a || []];
     k.splice($, 1), r(k);
-  }, y = ($) => g($.target.value), h = ($) => {
+  }, y = ($) => f($.target.value), h = ($) => {
     if (Fo.includes($.key)) {
       if ($.preventDefault(), u === "")
         return;
@@ -4366,7 +4372,7 @@ const it = {
     "kind",
     "onClose"
   ]);
-  const d = f(
+  const d = g(
     W[Ie],
     W[`${Ie}--${_}`],
     a
@@ -4383,7 +4389,7 @@ const it = {
   ), o && /* @__PURE__ */ e.createElement(
     M,
     {
-      className: f(
+      className: g(
         W[`${Ie}__actions__button`],
         W[`${Ie}__actions__button--${_}`]
       ),
@@ -4403,7 +4409,7 @@ const it = {
   verticalPosition: l = "top",
   horizontalPosition: c = "center"
 }) => {
-  const n = f(
+  const n = g(
     W[ut],
     {
       [W[`${ut}--fixed`]]: r,
@@ -4413,7 +4419,7 @@ const it = {
     },
     t
   );
-  return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(La, { component: null }, a.map(({ id: s, kind: d, content: i, removable: m, action: u, onClose: g }) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(La, { component: null }, a.map(({ id: s, kind: d, content: i, removable: m, action: u, onClose: f }) => /* @__PURE__ */ e.createElement(
     aa,
     {
       key: s,
@@ -4429,7 +4435,7 @@ const it = {
       Yo,
       {
         kind: d,
-        onClose: g,
+        onClose: f,
         removable: m,
         action: u
       },
@@ -4444,20 +4450,20 @@ const it = {
 }, Bt = "textarea", Jl = e.forwardRef(
   (_, o) => {
     var l = _, { className: t, error: a } = l, r = B(l, ["className", "error"]);
-    const { disabled: c, onBlur: n, onFocus: s } = r, [d, i] = e.useState(!1), m = f(t, At[Bt], {
+    const { disabled: c, onBlur: n, onFocus: s } = r, [d, i] = e.useState(!1), m = g(t, At[Bt], {
       [At[`${Bt}--disabled`]]: c,
       [At[`${Bt}--focused`]]: d,
       [At[`${Bt}--error`]]: a
     }), u = (v) => {
       i(!1), n == null || n(v);
-    }, g = (v) => {
+    }, f = (v) => {
       i(!0), s == null || s(v);
     };
     return /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement(
       "textarea",
       A(w({}, r), {
         ref: o,
-        onFocus: g,
+        onFocus: f,
         onBlur: u
       })
     ));
@@ -4509,7 +4515,7 @@ const it = {
   }, d) => /* @__PURE__ */ e.createElement("div", { className: me[Ce], ref: d }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: me[`${Ce}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f(
+      className: g(
         me[`${Ce}__icon`],
         me[`${Ce}__icon--success`]
       )
@@ -4518,14 +4524,14 @@ const it = {
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f(me[`${Ce}__wrapper`], {
+      className: g(me[`${Ce}__wrapper`], {
         [me[`${Ce}__wrapper--with-icon`]]: r
       })
     },
     /* @__PURE__ */ e.createElement("div", { className: me[`${Ce}__wrapper__header`] }, o && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: f(me[qt], {
+        className: g(me[qt], {
           [me[`${qt}--success`]]: c === "success",
           [me[`${qt}--error`]]: c === "error"
         })
@@ -4536,7 +4542,7 @@ const it = {
     ), t !== "hidden" && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: f({
+        className: g({
           [me[`${Ce}__wrapper__header__actions`]]: t === "hover"
         })
       },
@@ -4601,10 +4607,10 @@ const it = {
   onCloseButtonClick: i,
   onRetryButtonClick: m
 }) => {
-  const [u, g] = e.useState(_ || !1), v = c === "error", b = c === "success", p = f(R[Q], a, {
+  const [u, f] = e.useState(_ || !1), v = c === "error", b = c === "success", p = g(R[Q], a, {
     [R[`${Q}--error`]]: v,
     [R[`${Q}--success`]]: b
-  }), y = !(v && (m || i)), h = () => g(!u);
+  }), y = !(v && (m || i)), h = () => f(!u);
   return d === "single" ? /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement("div", { className: R[`${Q}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${Ne}`] }, /* @__PURE__ */ e.createElement(
     jo,
     {