@livechat/design-system-react-components 1.16.2 → 1.16.3

package/dist/dsrc.es.js

@@ -435,8 +435,8 @@ const Zl = {
     size: r = "medium",
     kind: _,
     disabled: o,
-    className: c,
-    customColor: l
+    className: l,
+    customColor: c
   } = n, d = A(n, [
     "source",
     "size",
@@ -445,9 +445,9 @@ const Zl = {
     "className",
     "customColor"
   ]), s = e.createElement(a, N(h({}, __[r]), {
-    color: l
+    color: c
   })), i = u(
-    c,
+    l,
     Va[Ya],
     _ && Va[`${Ya}--${o ? "disabled--" : ""}${_}`]
   );
@@ -469,8 +469,8 @@ const Zl = {
     options: r,
     triggerRenderer: _,
     placement: o = "bottom-end",
-    openedOnInit: c = !1,
-    keepOpenOnClick: l,
+    openedOnInit: l = !1,
+    keepOpenOnClick: c,
     flipOptions: d,
     visible: s,
     onClose: i,
@@ -492,7 +492,7 @@ const Zl = {
     "floatingStrategy",
     "selectedOptions"
   ]);
-  const p = s !== void 0, [y, v] = e.useState(c), E = e.useRef(-1), w = e.useRef(null), x = p ? s : y, $ = () => {
+  const p = s !== void 0, [y, v] = e.useState(l), E = e.useRef(-1), w = e.useRef(null), x = p ? s : y, $ = () => {
     x ? (i == null || i(), !p && v(!1)) : (n == null || n(), !p && v(!0));
   }, { x: F, y: S, strategy: O, refs: P, context: z } = jt({
     middleware: [Zt(4), ea(d)],
@@ -543,7 +543,7 @@ const Zl = {
     E.current = -1;
   }, [x, Je]);
   const at = (B, W) => {
-    E.current = B, W == null || W(), !p && !l && (v(!1), i == null || i());
+    E.current = B, W == null || W(), !p && !c && (v(!1), i == null || i());
   }, Qe = (B, W) => B.groupHeader ? /* @__PURE__ */ e.createElement(
     "li",
     {
@@ -624,13 +624,13 @@ const Zl = {
   md: "h3",
   sm: "h4",
   xs: "h5"
-}, tt = (c) => {
-  var l = c, {
+}, tt = (l) => {
+  var c = l, {
     as: t,
     size: a = "md",
     children: r,
     className: _
-  } = l, o = A(l, [
+  } = c, o = A(c, [
     "as",
     "size",
     "children",
@@ -648,8 +648,8 @@ const Zl = {
     caps: r = !1,
     bold: _ = !1,
     underline: o = !1,
-    strike: c = !1,
-    children: l,
+    strike: l = !1,
+    children: c,
     className: d
   } = n, s = A(n, [
     "as",
@@ -669,21 +669,21 @@ const Zl = {
         {
           [mt[`${m}`]]: !0,
           [mt[`${m}--bold`]]: _,
-          [mt[`${m}--strike`]]: c,
+          [mt[`${m}--strike`]]: l,
           [mt[`${m}--underline`]]: o
         },
         d
       )
     }, s),
-    l
+    c
   );
-}, cc = (c) => {
-  var l = c, {
+}, cc = (l) => {
+  var c = l, {
     as: t = "div",
     size: a = "md",
     children: r,
     className: _
-  } = l, o = A(l, [
+  } = c, o = A(c, [
     "as",
     "size",
     "children",
@@ -790,8 +790,8 @@ const Zl = {
       type: r = "button",
       fullWidth: _ = !1,
       kind: o = "basic",
-      size: c = "medium",
-      icon: l = null,
+      size: l = "medium",
+      icon: c = null,
       iconPosition: d = "left",
       loaderLabel: s,
       className: i,
@@ -813,15 +813,15 @@ const Zl = {
       "href",
       "onClick"
     ]);
-    const y = t || a, v = !n && l, E = ["text", "link", "link-light"].includes(o), w = m ? "a" : "button", x = u(
+    const y = t || a, v = !n && c, E = ["text", "link", "link-light"].includes(o), w = m ? "a" : "button", x = u(
       i,
       pe[ge],
       pe[`${ge}--${o}`],
-      pe[`${ge}--${c}`],
+      pe[`${ge}--${l}`],
       {
         [pe[`${ge}--loading`]]: t,
         [pe[`${ge}--full-width`]]: _,
-        [pe[`${ge}--with-${d}-icon`]]: l && !v && !E,
+        [pe[`${ge}--with-${d}-icon`]]: c && !v && !E,
         [pe[`${ge}--icon-only`]]: v,
         [pe[`${ge}--icon-only--bg`]]: v && E,
         [pe[`${ge}--disabled`]]: y
@@ -844,9 +844,9 @@ const Zl = {
           className: pe[`${ge}__loader`]
         }, m_(o))
       ),
-      l && e.cloneElement(l, {
+      c && e.cloneElement(c, {
         className: u(
-          l.props.className,
+          c.props.className,
           pe[`${ge}__icon`],
           pe[`${ge}__icon--${d}`]
         ),
@@ -910,8 +910,8 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
   triggerClassName: r,
   triggerRenderer: _,
   theme: o,
-  kind: c,
-  placement: l = "bottom",
+  kind: l,
+  placement: c = "bottom",
   isVisible: d,
   fullSpaceContent: s,
   onClose: i,
@@ -935,7 +935,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
   closeOnTriggerBlur: z = !1,
   floatingStrategy: j
 }) => {
-  const $e = d !== void 0, [de, Be] = e.useState(!1), Pe = e.useRef(null), ve = $e ? d : de, Ae = c || o, Me = u(
+  const $e = d !== void 0, [de, Be] = e.useState(!1), Pe = e.useRef(null), ve = $e ? d : de, Ae = l || o, Me = u(
     C[Mt],
     a,
     Ae && C[`${Mt}--${Ae}`],
@@ -955,7 +955,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
       ea(),
       Wr({ element: Pe })
     ],
-    placement: l,
+    placement: c,
     open: ve,
     strategy: j,
     onOpenChange: at,
@@ -1016,11 +1016,11 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
       }
     )
   ));
-}, nc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), ht = "tooltip", sc = ({ className: t, header: a, text: r, closeWithX: _, theme: o, handleCloseAction: c }) => /* @__PURE__ */ e.createElement("div", { className: t }, _ && /* @__PURE__ */ e.createElement(
+}, nc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), ht = "tooltip", sc = ({ className: t, header: a, text: r, closeWithX: _, theme: o, handleCloseAction: l }) => /* @__PURE__ */ e.createElement("div", { className: t }, _ && /* @__PURE__ */ e.createElement(
   "button",
   {
     className: C[`${ht}-close`],
-    onClick: c
+    onClick: l
   },
   /* @__PURE__ */ e.createElement(D, { source: Te, kind: o ? yr(o) : "primary" })
 ), a && /* @__PURE__ */ e.createElement(
@@ -1047,8 +1047,8 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
   image: r,
   closeWithX: _,
   theme: o,
-  handleCloseAction: c,
-  primaryButton: l,
+  handleCloseAction: l,
+  primaryButton: c,
   secondaryButton: d
 }) => {
   const s = (i) => i === "invert" ? "secondary" : "high-contrast";
@@ -1056,7 +1056,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
     "button",
     {
       className: C[`${Ie}-close`],
-      onClick: c
+      onClick: l
     },
     /* @__PURE__ */ e.createElement(D, { source: Te, kind: o ? yr(o) : "primary" })
   ), r && /* @__PURE__ */ e.createElement("div", { className: C[`${Ie}-image-container`] }, /* @__PURE__ */ e.createElement(
@@ -1077,10 +1077,10 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
     /* @__PURE__ */ e.createElement(
       U,
       {
-        kind: l.kind || s(o),
-        onClick: l.handleClick
+        kind: c.kind || s(o),
+        onClick: c.handleClick
       },
-      l.label
+      c.label
     ),
     /* @__PURE__ */ e.createElement(
       U,
@@ -1107,12 +1107,12 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
     left: "0",
     width: `${t.left}px`,
     height: `${t.height}px`
-  }, c = {
+  }, l = {
     top: `${t.top}px`,
     left: `${t.right}px`,
     width: `calc(100% - ${t.right}px)`,
     height: `${t.height}px`
-  }, l = {
+  }, c = {
     top: "0",
     left: "0",
     width: "100%",
@@ -1147,7 +1147,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
         [C[`${Z}__overlay--visible`]]: a,
         [C[`${Z}__overlay--slide`]]: r
       }),
-      style: l
+      style: c
     }
   ), /* @__PURE__ */ e.createElement(
     "div",
@@ -1157,7 +1157,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
         [C[`${Z}__overlay--visible`]]: a,
         [C[`${Z}__overlay--slide`]]: r
       }),
-      style: c
+      style: l
     }
   ), /* @__PURE__ */ e.createElement(
     "div",
@@ -1188,13 +1188,13 @@ class E_ {
     this.element = a, this.padding = r;
   }
   addPadding(a) {
-    const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, c = Math.round(a.height) + 2 * this.padding, l = _, d = r, s = l + c, i = d + o;
+    const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, l = Math.round(a.height) + 2 * this.padding, c = _, d = r, s = c + l, i = d + o;
     return {
       x: r,
       y: _,
       width: o,
-      height: c,
-      top: l,
+      height: l,
+      top: c,
       left: d,
       bottom: s,
       right: i
@@ -1216,34 +1216,34 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
     parentElementName: r,
     isVisible: _ = !1,
     shouldSlide: o = !0
-  } = t, [c, l] = e.useState(
+  } = t, [l, c] = e.useState(
     null
   ), [d, s] = e.useState(null), [i, n] = e.useState(o), m = () => {
-    c && (s(
+    l && (s(
       Qa(
-        c,
+        l,
         Ka
       ).getBoundingClientRect()
     ), n(!1));
   };
   return e.useEffect(() => {
-    if (c !== null)
+    if (l !== null)
       return window.addEventListener("resize", m), window.addEventListener("scroll", m), () => {
         window.addEventListener("resize", m), window.addEventListener("resize", m);
       };
-  }, [c, r]), e.useEffect(() => {
+  }, [l, r]), e.useEffect(() => {
     if (r) {
       const g = document.querySelector(r);
-      l(g);
+      c(g);
     }
   }, [r]), e.useEffect(() => {
-    c && s(
+    l && s(
       Qa(
-        c,
+        l,
         Ka
       ).getBoundingClientRect()
     ), n(!0);
-  }, [c]), c && _ ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+  }, [l]), l && _ ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
     y_,
     {
       gap: d,
@@ -1256,7 +1256,7 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
     N(h({}, t), {
       referenceElement: {
         getBoundingClientRect: () => d,
-        contextElement: c
+        contextElement: l
       },
       arrowOffsetY: 25,
       className: u({
@@ -1307,7 +1307,7 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
     [se[`${Rt}__button--active`]]: t.key === r
   });
   if (t.showTooltip) {
-    const c = a.includes(t.key) && {
+    const l = a.includes(t.key) && {
       isVisible: !1
     };
     return /* @__PURE__ */ e.createElement(
@@ -1328,7 +1328,7 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
             icon: t.element
           }
         )
-      }, c),
+      }, l),
       /* @__PURE__ */ e.createElement("div", null, t.label)
     );
   }
@@ -1350,18 +1350,18 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
   type: r = "menu",
   options: _,
   activeOptionKey: o,
-  vertical: c
+  vertical: l
 }) => {
-  const [l, d] = e.useState([]), s = r === "scroll", i = u(
+  const [c, d] = e.useState([]), s = r === "scroll", i = u(
     se[_t],
     t,
-    c && se[`${_t}--vertical`]
+    l && se[`${_t}--vertical`]
   ), n = `${_t}__menu-wrapper`, m = {
     root: document.querySelector(`${a}`),
     threshold: 1
-  }, g = !s && l.length !== 0, k = (p) => {
+  }, g = !s && c.length !== 0, k = (p) => {
     p.map((y) => {
-      const v = l.includes(y.target.id);
+      const v = c.includes(y.target.id);
       if (!y.isIntersecting) {
         y.target.setAttribute("tabindex", "-1"), v || d((E) => [
           ...E,
@@ -1369,7 +1369,7 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
         ]);
         return;
       }
-      y.target.removeAttribute("tabindex"), v && d(l.filter((E) => E !== y.target.id));
+      y.target.removeAttribute("tabindex"), v && d(c.filter((E) => E !== y.target.id));
     });
   };
   e.useEffect(() => {
@@ -1383,14 +1383,14 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
       );
       return y.forEach((E) => v.observe(E)), () => v.disconnect();
     }
-  }, [l, s]);
+  }, [c, s]);
   const b = (p) => _.filter(
     (v) => p.find((E) => E === v.key)
   ).map((v) => ({
     key: v.key,
     element: /* @__PURE__ */ e.createElement(n_, { leftNode: v.element }, v.label),
     onClick: v.onClick
-  })), f = _.filter((p) => l.find((y) => y === p.key)).find((p) => p.key === o);
+  })), f = _.filter((p) => c.find((y) => y === p.key)).find((p) => p.key === o);
   return /* @__PURE__ */ e.createElement("div", { id: a, className: i }, /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -1402,18 +1402,18 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
       $_,
       {
         option: p,
-        menuItemsKeys: l,
+        menuItemsKeys: c,
         activeOptionKey: o,
-        vertical: c
+        vertical: l
       }
     ))
   ), g && /* @__PURE__ */ e.createElement("div", { className: se[n] }, /* @__PURE__ */ e.createElement(
     o_,
     {
-      placement: c ? "left-end" : "bottom-end",
-      options: b(l),
+      placement: l ? "left-end" : "bottom-end",
+      options: b(c),
       triggerClassName: u(
-        c && se[`${n}__trigger-vertical`]
+        l && se[`${n}__trigger-vertical`]
       ),
       triggerRenderer: /* @__PURE__ */ e.createElement(
         U,
@@ -1426,7 +1426,7 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
           icon: /* @__PURE__ */ e.createElement(
             D,
             {
-              source: c ? nr : Bt,
+              source: l ? nr : Bt,
               kind: "primary"
             }
           ),
@@ -1484,8 +1484,8 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
     primaryButton: r,
     secondaryButton: _,
     kind: o = "info",
-    onClose: c
-  } = s, l = A(s, [
+    onClose: l
+  } = s, c = A(s, [
     "children",
     "className",
     "primaryButton",
@@ -1506,7 +1506,7 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
       k();
     }, 500);
     return window.addEventListener("resize", b), k(), () => window.removeEventListener("resize", b);
-  }), /* @__PURE__ */ e.createElement("div", h({ ref: i, className: g }, l), /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content`] }, /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
+  }), /* @__PURE__ */ e.createElement("div", h({ ref: i, className: g }, c), /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content`] }, /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
     D,
     N(h({}, B_[o]), {
       size: "large",
@@ -1527,7 +1527,7 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
       onClick: _.handleClick
     },
     _.label
-  ))), c && /* @__PURE__ */ e.createElement(
+  ))), l && /* @__PURE__ */ e.createElement(
     U,
     {
       type: "button",
@@ -1535,7 +1535,7 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
       size: "compact",
       kind: "plain",
       icon: /* @__PURE__ */ e.createElement(D, { source: Te }),
-      onClick: c
+      onClick: l
     }
   ));
 }, Xa = Array.from(
@@ -1549,15 +1549,15 @@ function P_(t) {
   return `var(${Xa[a % Xa.length]})`;
 }
 function A_(t = "", a = 2) {
-  const r = t.split(/\s+/);
+  const r = t.trim().split(/\s+/), _ = r.map((l) => [...l][0]);
   if (a < 1)
     return "";
   if (r.length <= a)
-    return r.map((o) => o.charAt(0)).join("").toUpperCase();
-  const _ = [r[0].charAt(0)];
-  for (let o = r.length - a + 1; o < r.length; o++)
-    _.push(r[o].charAt(0));
-  return _.join("").toUpperCase();
+    return _.join("").toUpperCase();
+  const o = [_[0]];
+  for (let l = r.length - a + 1; l < r.length; l++)
+    o.push(_[l]);
+  return o.join("").toUpperCase();
 }
 function I_(t) {
   let a = t;
@@ -1621,13 +1621,13 @@ const F_ = "lc-Avatar-module__avatar___1zTCE", M_ = "lc-Avatar-module__avatar__s
   color: r,
   shape: _ = "circle",
   size: o = "medium",
-  src: c,
-  status: l,
+  src: l,
+  status: c,
   text: d,
   type: s,
   withRim: i = !1
 }) => {
-  const n = s === "image" && !c, [m, g] = e.useState(n), k = s === "image" && !!c && !m, b = s === "text", f = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, p = A_(d, f), y = r || P_(d), v = y ? I_(y) : void 0, E = b ? { backgroundColor: y } : {}, w = u(h({
+  const n = s === "image" && !l, [m, g] = e.useState(n), k = s === "image" && !!l && !m, b = s === "text", f = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, p = A_(d, f), y = r || P_(d), v = y ? I_(y) : void 0, E = b ? { backgroundColor: y } : {}, w = u(h({
     [be[X]]: !0,
     [be[`${X}--${_}`]]: !0,
     [be[`${X}--${o}`]]: !0,
@@ -1636,7 +1636,7 @@ const F_ = "lc-Avatar-module__avatar___1zTCE", M_ = "lc-Avatar-module__avatar__s
     be[`${X}__status`],
     be[`${X}__status--${_}`],
     be[`${X}__status--${o}`],
-    ...l ? [be[`${X}__status--${l}`]] : []
+    ...c ? [be[`${X}__status--${c}`]] : []
   ), $ = u(
     be[`${X}__icon`],
     be[`${X}__icon--${o}`]
@@ -1652,7 +1652,7 @@ const F_ = "lc-Avatar-module__avatar___1zTCE", M_ = "lc-Avatar-module__avatar__s
       "data-testid": `${X}__rim`,
       className: F
     }
-  ), l && /* @__PURE__ */ e.createElement(
+  ), c && /* @__PURE__ */ e.createElement(
     "div",
     {
       "data-testid": `${X}__status`,
@@ -1662,7 +1662,7 @@ const F_ = "lc-Avatar-module__avatar___1zTCE", M_ = "lc-Avatar-module__avatar__s
     "img",
     {
       className: be[`${X}__image`],
-      src: c,
+      src: l,
       alt: t,
       onError: S
     }
@@ -1694,8 +1694,8 @@ const z_ = "lc-Badge-module__badge___GhLnu", G_ = "lc-Badge-module__badge__dot__
     max: r = 99,
     kind: _ = "primary",
     size: o = "medium",
-    type: c = "counter"
-  } = s, l = A(s, [
+    type: l = "counter"
+  } = s, c = A(s, [
     "className",
     "count",
     "max",
@@ -1712,8 +1712,8 @@ const z_ = "lc-Badge-module__badge___GhLnu", G_ = "lc-Badge-module__badge__dot__
     counter: H_(a, r),
     alert: "!",
     dot: /* @__PURE__ */ e.createElement("span", { className: Lt[`${Ot}__dot`] })
-  }[c];
-  return /* @__PURE__ */ e.createElement("span", h({ className: i }, l), n);
+  }[l];
+  return /* @__PURE__ */ e.createElement("span", h({ className: i }, c), n);
 };
 function W_() {
 }
@@ -1730,22 +1730,22 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
   className: r,
   initialId: _,
   currentId: o,
-  fullWidth: c = !1,
-  onButtonClick: l = W_
+  fullWidth: l = !1,
+  onButtonClick: c = W_
 }) => {
   const d = u(Ht[Y_], r), [s, i] = e.useState(() => _), n = typeof o == "string";
   e.useEffect(() => {
     n && i(o);
   }, [o]);
   const m = (k, b) => {
-    n || i(k), l(k, b);
+    n || i(k), c(k, b);
   }, g = a.map(({ id: k, label: b, loading: f, disabled: p, icon: y }) => {
     const v = k === s, E = v ? Ht["btn--active"] : "", w = v ? !1 : f;
     return /* @__PURE__ */ e.createElement(
       U,
       {
         key: k,
-        fullWidth: c,
+        fullWidth: l,
         loading: w,
         disabled: p,
         "aria-pressed": v,
@@ -1781,8 +1781,8 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     children: r,
     className: _,
     description: o,
-    expandableContent: c,
-    src: l,
+    expandableContent: l,
+    src: c,
     title: d
   } = n, s = A(n, [
     "alt",
@@ -1794,13 +1794,13 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     "src",
     "title"
   ]);
-  const [m, g] = e.useState(!1), k = m ? Xt : Bt, b = m ? "Hide" : "Show more", f = (a == null ? void 0 : a.length) > 0, p = !!c, y = f || p, v = d, E = l, w = E ? "" : fe[ro];
+  const [m, g] = e.useState(!1), k = m ? Xt : Bt, b = m ? "Hide" : "Show more", f = (a == null ? void 0 : a.length) > 0, p = !!l, y = f || p, v = d, E = c, w = E ? "" : fe[ro];
   return /* @__PURE__ */ e.createElement("div", h({ className: u(fe[Dt], _) }, s), v && /* @__PURE__ */ e.createElement("div", { className: u(fe[Jt], w) }, E && /* @__PURE__ */ e.createElement(
     "img",
     {
       alt: t,
       className: fe[`${Jt}__image`],
-      src: l
+      src: c
     }
   ), /* @__PURE__ */ e.createElement("div", { className: fe[ha] }, /* @__PURE__ */ e.createElement(tt, { size: "sm", className: fe[`${ha}__title`] }, d), /* @__PURE__ */ e.createElement(M, { size: "sm", className: fe[`${ha}__description`] }, o))), /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: fe[`${Dt}__content`] }, r), m && /* @__PURE__ */ e.createElement(
     M,
@@ -1809,7 +1809,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
       size: "md",
       className: fe[`${Dt}__expanded-content`]
     },
-    c
+    l
   ), y && /* @__PURE__ */ e.createElement("div", { className: fe[zt] }, /* @__PURE__ */ e.createElement("div", { className: fe[`${zt}__line`] }), /* @__PURE__ */ e.createElement("div", { className: fe[`${zt}__buttons`] }, f && a.map(
     ({ kind: x, onClick: $, children: F }) => /* @__PURE__ */ e.createElement(U, { size: "compact", kind: x, onClick: $ }, F)
   ), p && /* @__PURE__ */ e.createElement(
@@ -1833,8 +1833,8 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     "children",
     "className"
   ]);
-  const c = u(_o[oo], a);
-  return /* @__PURE__ */ e.createElement(M, N(h({ as: "span", size: "sm" }, r), { className: c }), t);
+  const l = u(_o[oo], a);
+  return /* @__PURE__ */ e.createElement(M, N(h({ as: "span", size: "sm" }, r), { className: l }), t);
 }, lo = "lc-Checkbox-module__checkbox___G7nTf", co = "lc-Checkbox-module__checkbox__label___-o01x", no = "lc-Checkbox-module__checkbox__text___P2SIq", so = "lc-Checkbox-module__checkbox__input___YLbVF", io = "lc-Checkbox-module__checkbox__checkmark___16pfY", uo = "lc-Checkbox-module__checkbox__square___MHUyd", mo = "lc-Checkbox-module__checkbox__helper___YSJ-n", je = {
   checkbox: lo,
   checkbox__label: co,
@@ -1846,8 +1846,8 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
   "checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
   checkbox__helper: mo
 }, Ze = "checkbox", po = e.forwardRef(
-  (d, l) => {
-    var s = d, { checked: t, disabled: a, children: r, description: _, className: o } = s, c = A(s, ["checked", "disabled", "children", "description", "className"]);
+  (d, c) => {
+    var s = d, { checked: t, disabled: a, children: r, description: _, className: o } = s, l = A(s, ["checked", "disabled", "children", "description", "className"]);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -1858,8 +1858,8 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
       },
       /* @__PURE__ */ e.createElement("label", { className: je[`${Ze}__label`] }, /* @__PURE__ */ e.createElement(
         "input",
-        N(h({}, c), {
-          ref: l,
+        N(h({}, l), {
+          ref: c,
           checked: t,
           disabled: a,
           className: je[`${Ze}__input`],
@@ -1910,8 +1910,8 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     onMonthChange: r,
     onNextClick: _,
     showNextButton: o,
-    showPreviousButton: c,
-    className: l,
+    showPreviousButton: l,
+    className: c,
     classNames: d,
     numberOfMonths: s,
     month: i,
@@ -1942,13 +1942,13 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     );
     return s === 2 && Ta(y, m) ? r(pt(y, 1)) : r(y);
   };
-  return /* @__PURE__ */ e.createElement("div", { className: l }, /* @__PURE__ */ e.createElement("div", { className: T[`${ja}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement("div", { className: T[`${ja}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
     "button",
     {
       "data-testid": "date-picker-prev-year-button",
       className: u({
         [d.navButtonPrev]: !0,
-        [d.navButtonInteractionDisabled]: !c
+        [d.navButtonInteractionDisabled]: !l
       }),
       onClick: b
     },
@@ -1959,7 +1959,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
       "data-testid": "date-picker-prev-month-button",
       className: u({
         [d.navButtonPrev]: !0,
-        [d.navButtonInteractionDisabled]: !c
+        [d.navButtonInteractionDisabled]: !l
       }),
       onClick: g
     },
@@ -2061,8 +2061,8 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     range: r,
     toMonth: _,
     month: o,
-    fromMonth: c,
-    firstDayOfWeek: l,
+    fromMonth: l,
+    firstDayOfWeek: c,
     numberOfMonths: d,
     navbarElement: s,
     renderDay: i,
@@ -2082,7 +2082,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
   e.useEffect(() => {
     o && o !== g && k(o);
   }, [o, g]), e.useEffect(() => {
-    _ && ($r(g, { from: c, to: _ }) || k(_));
+    _ && ($r(g, { from: l, to: _ }) || k(_));
   }, [g, t.toMonth, t.fromMonth]);
   const b = e.useCallback(
     (v) => {
@@ -2095,7 +2095,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
     [o, t.onMonthChange]
   );
   let f = 1;
-  (l === 0 || l && l < 7) && (f = l);
+  (c === 0 || c && c < 7) && (f = c);
   const p = e.useMemo(
     () => vo(r, a),
     [r, a]
@@ -2111,14 +2111,14 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
           numberOfMonths: d,
           onMonthChange: b,
           toMonth: _,
-          fromMonth: c
+          fromMonth: l
         }
       ),
       ref: n,
       classNames: p,
       numberOfMonths: d,
       toMonth: _,
-      fromMonth: c,
+      fromMonth: l,
       firstDayOfWeek: f,
       month: g,
       renderDay: i || ho
@@ -2141,51 +2141,51 @@ const Eo = (t) => {
     temporaryTo: void 0,
     currentMonth: a
   }), fo(t));
-  function o(c, l) {
-    switch (l.type) {
+  function o(l, c) {
+    switch (c.type) {
       case V.NEW_SELECTED_ITEM:
         return {
-          selectedItem: l.payload.selectedItem,
+          selectedItem: c.payload.selectedItem,
           from: void 0,
           to: void 0,
           temporaryTo: void 0,
           currentMonth: a
         };
       case V.NEW_TEMPORARY_TO_VALUE:
-        return N(h({}, c), {
-          temporaryTo: l.payload.date
+        return N(h({}, l), {
+          temporaryTo: c.payload.date
         });
       case V.SELECT_FIRST_DAY:
-        return N(h({}, c), {
-          from: l.payload.date,
+        return N(h({}, l), {
+          from: c.payload.date,
           to: void 0,
           temporaryTo: void 0
         });
       case V.SELECT_SECOND_DAY_AS_FROM:
-        return N(h({}, c), {
-          from: l.payload.date,
-          to: c.from,
-          temporaryTo: c.from
+        return N(h({}, l), {
+          from: c.payload.date,
+          to: l.from,
+          temporaryTo: l.from
         });
       case V.SELECT_SECOND_DAY_AS_TO:
-        return N(h({}, c), {
-          to: l.payload.date,
-          temporaryTo: l.payload.date
+        return N(h({}, l), {
+          to: c.payload.date,
+          temporaryTo: c.payload.date
         });
       case V.CURRENT_MONTH_CHANGE:
-        return N(h({}, c), {
-          currentMonth: l.payload.date
+        return N(h({}, l), {
+          currentMonth: c.payload.date
         });
       case V.SET_FROM:
-        return N(h({}, c), {
-          from: l.payload.date
+        return N(h({}, l), {
+          from: c.payload.date
         });
       case V.SET_TO:
-        return N(h({}, c), {
-          to: l.payload.date
+        return N(h({}, l), {
+          to: c.payload.date
         });
       default:
-        return c;
+        return l;
     }
   }
   return Ar(o, _);
@@ -2195,8 +2195,8 @@ const Eo = (t) => {
   initialFromDate: r,
   initialToDate: _,
   toMonth: o,
-  onChange: c,
-  children: l
+  onChange: l,
+  children: c
 }) => {
   const d = Ir(
     a || null
@@ -2206,8 +2206,8 @@ const Eo = (t) => {
     initialFromDate: r,
     initialToDate: _,
     toMonth: o,
-    onChange: c,
-    children: l
+    onChange: l,
+    children: c
   });
   ut(() => {
     i({
@@ -2234,18 +2234,18 @@ const Eo = (t) => {
     if (!(f && y))
       return;
     const v = xt(p, t);
-    v && (c == null || c(N(h({}, v), {
+    v && (l == null || l(N(h({}, v), {
       value: {
         from: f,
         to: y
       }
     })));
-  }, [s.from, s.to, s.selectedItem, t, c]), ut(() => {
+  }, [s.from, s.to, s.selectedItem, t, l]), ut(() => {
     const { selectedItem: f } = s;
     if (f === d.current)
       return;
     if (!f) {
-      c(null);
+      l(null);
       return;
     }
     if (!xt(f, t))
@@ -2254,8 +2254,8 @@ const Eo = (t) => {
       (v, E) => N(h({}, v), { [E.id]: E }),
       {}
     );
-    c(y[f]);
-  }, [c, s.selectedItem, t]);
+    l(y[f]);
+  }, [l, s.selectedItem, t]);
   const n = It(
     (f) => {
       const p = o ? br(o, f) >= 0 : !0;
@@ -2301,7 +2301,7 @@ const Eo = (t) => {
       payload: { date: f }
     });
   }, []);
-  return l((() => {
+  return c((() => {
     const { currentMonth: f, from: p, selectedItem: y, temporaryTo: v, to: E } = s, w = Ft(
       () => bo(p, v),
       [p, v]
@@ -2346,7 +2346,7 @@ $o.defaultProps = {
   ]
 };
 const fc = (t) => {
-  const c = t, { className: a, children: r } = c, _ = A(c, ["className", "children"]), o = u(
+  const l = t, { className: a, children: r } = l, _ = A(l, ["className", "children"]), o = u(
     a,
     T["date-picker--range__calendars-wrapper"]
   );
@@ -2379,15 +2379,15 @@ const fc = (t) => {
   leftNode: r,
   rightNode: _,
   label: o,
-  withDivider: c,
-  fullSpaceContent: l,
+  withDivider: l,
+  fullSpaceContent: c,
   openOnInit: d = !1,
   hideLabelOnOpen: s,
   onClick: i
 }) => {
   const [n, m] = e.useState(d), [g, k] = e.useState(0), b = e.useRef(null), f = u(
     R[L],
-    c && R[`${L}--with-divider`],
+    l && R[`${L}--with-divider`],
     a
   ), p = s && n, y = typeof o == "string", v = () => {
     m((E) => !E), i == null || i();
@@ -2482,7 +2482,7 @@ const fc = (t) => {
         ref: b,
         className: u(
           R[`${L}__content`],
-          l && R[`${L}__content--full-space`],
+          c && R[`${L}__content--full-space`],
           s && R[`${L}__content--spacing`]
         )
       },
@@ -2507,8 +2507,8 @@ const fc = (t) => {
     "children",
     "className"
   ]);
-  const c = u(tr[ar], a);
-  return /* @__PURE__ */ e.createElement(M, N(h({ as: "span", size: "sm" }, r), { className: c }), /* @__PURE__ */ e.createElement(
+  const l = u(tr[ar], a);
+  return /* @__PURE__ */ e.createElement(M, N(h({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
     D,
     {
       source: Fa,
@@ -2527,8 +2527,8 @@ const fc = (t) => {
     description: r,
     error: _,
     inline: o,
-    stretch: c
-  } = s, l = A(s, [
+    stretch: l
+  } = s, c = A(s, [
     "className",
     "children",
     "description",
@@ -2538,30 +2538,30 @@ const fc = (t) => {
   ]);
   const i = u(Ea[$a], t, {
     [Ea[`${$a}--inline`]]: o,
-    [Ea[`${$a}--stretched`]]: c
+    [Ea[`${$a}--stretched`]]: l
   });
-  return /* @__PURE__ */ e.createElement("div", N(h({}, l), { className: i }), a, _ && /* @__PURE__ */ e.createElement(Oa, null, _), r && /* @__PURE__ */ e.createElement(la, null, r));
+  return /* @__PURE__ */ e.createElement("div", N(h({}, c), { className: i }), a, _ && /* @__PURE__ */ e.createElement(Oa, null, _), r && /* @__PURE__ */ e.createElement(la, null, r));
 }, wo = "lc-Form-module__form___1nOYF", No = "lc-Form-module__form__header___U4B7t", Co = "lc-Form-module__form__footer___1-sUX", xo = "lc-Form-module__form__label___spg-J", So = "lc-Form-module__form__helper___bhfwS", yt = {
   form: wo,
   form__header: No,
   form__footer: Co,
   form__label: xo,
   form__helper: So
-}, Et = "form", yc = (l) => {
-  var d = l, {
+}, Et = "form", yc = (c) => {
+  var d = c, {
     className: t,
     children: a,
     labelText: r,
     helperText: _,
     formFooter: o
-  } = d, c = A(d, [
+  } = d, l = A(d, [
     "className",
     "children",
     "labelText",
     "helperText",
     "formFooter"
   ]);
-  return /* @__PURE__ */ e.createElement("form", h({ className: u(yt[Et], t) }, c), (r || _) && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__header`] }, r && /* @__PURE__ */ e.createElement(tt, { size: "sm", className: yt[`${Et}__label`] }, r), _ && /* @__PURE__ */ e.createElement(M, { as: "p", size: "sm", className: yt[`${Et}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__footer`] }, o));
+  return /* @__PURE__ */ e.createElement("form", h({ className: u(yt[Et], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__header`] }, r && /* @__PURE__ */ e.createElement(tt, { size: "sm", className: yt[`${Et}__label`] }, r), _ && /* @__PURE__ */ e.createElement(M, { as: "p", size: "sm", className: yt[`${Et}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__footer`] }, o));
 }, Y = {
   "form-field": "lc-FormField-module__form-field___JqnX6",
   "form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
@@ -2585,8 +2585,8 @@ const fc = (t) => {
   description: r,
   labelText: _,
   labelAdornment: o,
-  className: c,
-  labelFor: l,
+  className: l,
+  labelFor: c,
   children: d,
   labelRightNode: s
 }) => {
@@ -2595,7 +2595,7 @@ const fc = (t) => {
     {
       [Y[`${q}--inline`]]: t
     },
-    c
+    l
   );
   return e.useEffect(() => {
     const k = i;
@@ -2641,7 +2641,7 @@ const fc = (t) => {
           "label",
           {
             className: Y[`${q}__label-left-node`],
-            htmlFor: l
+            htmlFor: c
           },
           /* @__PURE__ */ e.createElement(M, { as: "span", size: "sm" }, _)
         ),
@@ -2671,13 +2671,13 @@ const fc = (t) => {
   "form-group__header": "lc-FormGroup-module__form-group__header___DgGmR",
   "form-group__label": "lc-FormGroup-module__form-group__label___NC-JW",
   "form-group__helper": "lc-FormGroup-module__form-group__helper___SRuxe"
-}, Ut = "form-group", $c = (c) => {
-  var l = c, {
+}, Ut = "form-group", $c = (l) => {
+  var c = l, {
     className: t = "",
     children: a,
     labelText: r,
     helperText: _
-  } = l, o = A(l, [
+  } = c, o = A(c, [
     "className",
     "children",
     "labelText",
@@ -2726,8 +2726,8 @@ const fc = (t) => {
       disabled: r,
       icon: _ = null,
       className: o,
-      cropOnBlur: c = !0
-    } = i, l = A(i, [
+      cropOnBlur: l = !0
+    } = i, c = A(i, [
       "inputSize",
       "error",
       "disabled",
@@ -2735,7 +2735,7 @@ const fc = (t) => {
       "className",
       "cropOnBlur"
     ]);
-    const [n, m] = e.useState(!1), [g, k] = e.useState(!1), { type: b, onFocus: f, onBlur: p } = l, y = u(
+    const [n, m] = e.useState(!1), [g, k] = e.useState(!1), { type: b, onFocus: f, onBlur: p } = c, y = u(
       o,
       Se[De],
       Se[`${De}--${t}`],
@@ -2743,13 +2743,13 @@ const fc = (t) => {
         [Se[`${De}--disabled`]]: r,
         [Se[`${De}--focused`]]: n,
         [Se[`${De}--error`]]: a,
-        [Se[`${De}--crop`]]: c,
-        [Se[`${De}--read-only`]]: l.readOnly
+        [Se[`${De}--crop`]]: l,
+        [Se[`${De}--read-only`]]: c.readOnly
       }
     ), v = r ? "var(--content-disabled)" : "var(--content-default)", E = g ? Lr : Or, w = _ && _.place === "left", x = _ && b !== "password" && _.place === "right";
     return /* @__PURE__ */ e.createElement("div", { className: y, "aria-disabled": r, "tab-index": "0" }, w && rr(_, r), /* @__PURE__ */ e.createElement(
       "input",
-      N(h({}, l), {
+      N(h({}, c), {
         ref: d,
         onFocus: ($) => {
           m(!0), f == null || f($);
@@ -2814,8 +2814,8 @@ const fc = (t) => {
     onClose: r,
     closeOnEscPress: _ = !0,
     closeOnOverlayPress: o = !0,
-    fullSpaceContent: c,
-    isLabelled: l
+    fullSpaceContent: l,
+    isLabelled: c
   } = i, d = A(i, [
     "children",
     "className",
@@ -2828,7 +2828,7 @@ const fc = (t) => {
   const n = u(
     ie[$t],
     a,
-    c && ie[`${$t}--full-space`]
+    l && ie[`${$t}--full-space`]
   );
   e.useEffect(() => {
     if (!_)
@@ -2849,7 +2849,7 @@ const fc = (t) => {
       className: u(
         ie[`${$t}__overlay`],
         ie[`${$t}__overlay--visible`],
-        l && ie[`${$t}__overlay--labelled`]
+        c && ie[`${$t}__overlay--labelled`]
       )
     },
     /* @__PURE__ */ e.createElement(
@@ -2885,8 +2885,8 @@ const fc = (t) => {
     heading: r,
     labelHeading: _,
     fullSpaceContent: o,
-    footer: c,
-    onClose: l,
+    footer: l,
+    onClose: c,
     contentClassName: d
   } = n, s = A(n, [
     "children",
@@ -2899,14 +2899,14 @@ const fc = (t) => {
     "contentClassName"
   ]);
   const m = u(ie[et], a), g = typeof t == "string", k = (b) => {
-    b.preventDefault(), b.stopPropagation(), l();
+    b.preventDefault(), b.stopPropagation(), c();
   };
   return /* @__PURE__ */ e.createElement(
     Fo,
     h({
       className: m,
       fullSpaceContent: o,
-      onClose: l,
+      onClose: c,
       isLabelled: !!_
     }, s),
     _ && /* @__PURE__ */ e.createElement("div", { className: ie[`${et}__label-header`] }, /* @__PURE__ */ e.createElement(
@@ -2942,7 +2942,7 @@ const fc = (t) => {
       },
       g ? /* @__PURE__ */ e.createElement(M, { as: "div" }, t) : t
     ),
-    c && /* @__PURE__ */ e.createElement("div", { className: ie[`${et}__footer`] }, c)
+    l && /* @__PURE__ */ e.createElement("div", { className: ie[`${et}__footer`] }, l)
   );
 }, xc = ({
   children: t,
@@ -2952,10 +2952,10 @@ const fc = (t) => {
 }) => {
   const [o] = e.useState(() => document.createElement("div"));
   return a && o.classList.add(a), _ && (o.style.zIndex = _.toString()), e.useEffect(() => {
-    var c;
-    return (c = document.querySelector(r)) == null || c.appendChild(o), () => {
-      var l;
-      (l = document.querySelector(r)) == null || l.removeChild(o);
+    var l;
+    return (l = document.querySelector(r)) == null || l.appendChild(o), () => {
+      var c;
+      (c = document.querySelector(r)) == null || c.removeChild(o);
     };
   }, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, fr.createPortal(t, o));
 }, ot = {
@@ -2971,8 +2971,8 @@ const fc = (t) => {
   children: _,
   className: o = ""
 }) => {
-  const c = t_(ot[lt], o);
-  return /* @__PURE__ */ e.createElement("div", { className: c }, a && /* @__PURE__ */ e.createElement(
+  const l = t_(ot[lt], o);
+  return /* @__PURE__ */ e.createElement("div", { className: l }, a && /* @__PURE__ */ e.createElement(
     D,
     h({
       className: ot[`${lt}__heading-left-node`]
@@ -3012,8 +3012,8 @@ const fc = (t) => {
     value: r,
     max: _,
     min: o,
-    disabled: c,
-    noControls: l,
+    disabled: l,
+    noControls: c,
     style: d,
     onChange: s
   } = m, i = A(m, [
@@ -3031,8 +3031,8 @@ const fc = (t) => {
     ct[nt],
     {
       [ct[`${nt}--error`]]: a,
-      [ct[`${nt}--no-controls`]]: l,
-      [ct[`${nt}--disabled`]]: c
+      [ct[`${nt}--no-controls`]]: c,
+      [ct[`${nt}--disabled`]]: l
     },
     t
   ), b = ($) => s(String($)), f = ($) => _ !== void 0 && $ > _ ? _ : o !== void 0 && $ < o ? o : $, p = ($) => {
@@ -3064,17 +3064,17 @@ const fc = (t) => {
       ref: g
     }, i), {
       value: r,
-      disabled: c,
+      disabled: l,
       onChange: E,
       onKeyDown: y,
       min: o,
       max: _
     })
-  ), !l && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  ), !c && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
       tabIndex: -1,
-      disabled: c || v(r, _),
+      disabled: l || v(r, _),
       onClick: w,
       "aria-label": "Increment value",
       className: ct[`${nt}__increment`],
@@ -3084,7 +3084,7 @@ const fc = (t) => {
       D,
       {
         source: Xt,
-        disabled: c || v(r, _),
+        disabled: l || v(r, _),
         kind: "primary"
       }
     )
@@ -3092,7 +3092,7 @@ const fc = (t) => {
     "button",
     {
       tabIndex: -1,
-      disabled: c || v(r, o),
+      disabled: l || v(r, o),
       "aria-label": "Decrement value",
       className: ct[`${nt}__decrement`],
       onClick: x,
@@ -3103,7 +3103,7 @@ const fc = (t) => {
       {
         source: Bt,
         kind: "primary",
-        disabled: c || v(r, o)
+        disabled: l || v(r, o)
       }
     )
   )));
@@ -3143,8 +3143,8 @@ const Tt = "select-all", Ro = (t, a) => {
   isSelected: r,
   listElementsRef: _,
   onSelect: o,
-  getItemProps: c,
-  item: l,
+  getItemProps: l,
+  item: c,
   numberOfItems: d
 }) => {
   const s = (n) => n != null && n.customElement ? /* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__custom`] }, n.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, n.showCheckbox && /* @__PURE__ */ e.createElement(
@@ -3177,25 +3177,25 @@ const Tt = "select-all", Ro = (t, a) => {
     },
     n.name
   ), n.secondaryText && /* @__PURE__ */ e.createElement("span", { className: ee[`${Ee}__secondary-label`] }, n.secondaryText)));
-  if (l.groupHeader)
+  if (c.groupHeader)
     return /* @__PURE__ */ e.createElement(
       "div",
       h({
         id: `item-${t}`,
-        key: l.key,
+        key: c.key,
         role: "group",
         className: ee[`${Ee}__header`]
-      }, c()),
-      l.name
+      }, l()),
+      c.name
     );
   const i = (n) => {
-    !l.disabled && o(n);
+    !c.disabled && o(n);
   };
   return /* @__PURE__ */ e.createElement(
     "div",
     N(h({
-      id: l.key,
-      key: l.key,
+      id: c.key,
+      key: c.key,
       tabIndex: a ? 0 : -1,
       ref: (n) => {
         n && (_.current[t] = n);
@@ -3203,27 +3203,27 @@ const Tt = "select-all", Ro = (t, a) => {
       role: "option",
       "aria-setsize": d,
       "aria-posinset": t + 1
-    }, c({
-      onClick: () => i(l.key)
+    }, l({
+      onClick: () => i(c.key)
     })), {
       className: u(ee["item-wrapper"], {
-        [ee["item-wrapper__first"]]: t === 0 && !l.groupHeader,
-        [ee["item-wrapper__last"]]: t === d - 1 && !l.groupHeader
+        [ee["item-wrapper__first"]]: t === 0 && !c.groupHeader,
+        [ee["item-wrapper__last"]]: t === d - 1 && !c.groupHeader
       })
     }),
     /* @__PURE__ */ e.createElement(
       "div",
       {
         "aria-selected": r,
-        "aria-disabled": l.disabled,
-        "aria-current": a && !l.disabled,
+        "aria-disabled": c.disabled,
+        "aria-current": a && !c.disabled,
         className: u(ee[Ee], {
-          [ee[`${Ee}__custom`]]: l.customElement,
-          [ee[`${Ee}--select-all`]]: l.key === Tt
+          [ee[`${Ee}__custom`]]: c.customElement,
+          [ee[`${Ee}--select-all`]]: c.key === Tt
         })
       },
-      /* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__content`] }, s(l)),
-      r && !l.showCheckbox && /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__content`] }, s(c)),
+      r && !c.showCheckbox && /* @__PURE__ */ e.createElement(
         D,
         {
           kind: "link",
@@ -3243,8 +3243,8 @@ const Tt = "select-all", Ro = (t, a) => {
   floatingStyles: r,
   maxHeight: _,
   options: o,
-  isPositioned: c,
-  pointer: l,
+  isPositioned: l,
+  pointer: c,
   activeIndex: d,
   selectedKeys: s,
   listElementsRef: i,
@@ -3260,8 +3260,8 @@ const Tt = "select-all", Ro = (t, a) => {
   const v = e.useRef(null), [E, w] = e.useState(wa), x = o.length;
   e.useLayoutEffect(() => {
     var S;
-    c && !l && d !== null && ((S = v.current) == null || S.focus({ preventScroll: !0 }));
-  }, [c, d, l, v]);
+    l && !c && d !== null && ((S = v.current) == null || S.focus({ preventScroll: !0 }));
+  }, [l, d, c, v]);
   const $ = e.useCallback(
     (S) => {
       S !== E && (S < wa ? w(S + (x - 1) * Mo) : w(wa));
@@ -3364,8 +3364,8 @@ const Tt = "select-all", Ro = (t, a) => {
   testId: r,
   size: _ = "medium",
   isMultiSelect: o,
-  isItemSelected: c,
-  hideClearButton: l,
+  isItemSelected: l,
+  hideClearButton: c,
   isDisabled: d,
   isRequired: s,
   isOpen: i,
@@ -3377,11 +3377,11 @@ const Tt = "select-all", Ro = (t, a) => {
     _e[te],
     _e[`${te}--${_}`],
     o && _e[`${te}--multi-select`],
-    o && c && _e[`${te}--multi-select--with-items`],
+    o && l && _e[`${te}--multi-select--with-items`],
     d && _e[`${te}--disabled`],
     i && _e[`${te}--focused`],
     n && _e[`${te}--error`]
-  ), b = !l && c && !d && !s, f = (p) => {
+  ), b = !c && l && !d && !s, f = (p) => {
     p.stopPropagation(), m();
   };
   return /* @__PURE__ */ e.createElement(
@@ -3400,7 +3400,7 @@ const Tt = "select-all", Ro = (t, a) => {
         className: u(
           _e[`${te}__content`],
           _e[`${te}__content--${_}`],
-          o && c && _e[`${te}__content--with-items`]
+          o && l && _e[`${te}__content--with-items`]
         )
       },
       g
@@ -3460,8 +3460,8 @@ const Tt = "select-all", Ro = (t, a) => {
     dismissible: r = !1,
     size: _ = "medium",
     kind: o = "default",
-    onRemove: c,
-    outline: l = !1,
+    onRemove: l,
+    outline: c = !1,
     leftNode: d,
     rightNode: s,
     customColor: i
@@ -3484,10 +3484,10 @@ const Tt = "select-all", Ro = (t, a) => {
     Le[`${Oe}--${o}`],
     {
       [Le[`${Oe}--dismissible`]]: r,
-      [Le[`${Oe}--outline`]]: l,
+      [Le[`${Oe}--outline`]]: c,
       [Le[`${Oe}--${qo(i)}`]]: !!i
     }
-  ), b = _ === "small" ? "small" : "medium", f = () => i ? l ? {
+  ), b = _ === "small" ? "small" : "medium", f = () => i ? c ? {
     style: {
       backgroundColor: "transparent",
       color: i,
@@ -3495,7 +3495,7 @@ const Tt = "select-all", Ro = (t, a) => {
     }
   } : { style: { backgroundColor: i } } : {}, p = () => {
     if (i)
-      return l ? i : Ra(i, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
+      return c ? i : Ra(i, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
   };
   return /* @__PURE__ */ e.createElement(
     M,
@@ -3528,7 +3528,7 @@ const Tt = "select-all", Ro = (t, a) => {
       {
         tabIndex: -1,
         title: "Remove",
-        onClick: c,
+        onClick: l,
         type: "button",
         className: Le[`${Oe}__remove`]
       },
@@ -3567,8 +3567,8 @@ const Tt = "select-all", Ro = (t, a) => {
   isDisabled: r,
   placeholder: _,
   selectedItems: o,
-  type: c,
-  clearSearchAfterSelection: l,
+  type: l,
+  clearSearchAfterSelection: c,
   size: d = "medium",
   onItemRemove: s,
   onSelect: i,
@@ -3578,9 +3578,9 @@ const Tt = "select-all", Ro = (t, a) => {
 }) => {
   const k = t && !a, b = e.useRef(null);
   e.useEffect(() => {
-    l && (n(""), b.current && (b.current.value = "", b.current.focus()));
-  }, [o, l]);
-  const f = (E) => c === "single" && t && !a ? null : E != null && E.customElement ? /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item`] }, E.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item`] }, E.icon && /* @__PURE__ */ e.createElement(
+    c && (n(""), b.current && (b.current.value = "", b.current.focus()));
+  }, [o, c]);
+  const f = (E) => l === "single" && t && !a ? null : E != null && E.customElement ? /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item`] }, E.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item`] }, E.icon && /* @__PURE__ */ e.createElement(
     D,
     {
       source: E.icon,
@@ -3595,7 +3595,7 @@ const Tt = "select-all", Ro = (t, a) => {
     }
   ), /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item__content`] }, E.name)), p = (E) => n(E.target.value), y = (E) => {
     var w, x;
-    (w = g.current) != null && w.id && E.key === "Enter" && i((x = g.current) == null ? void 0 : x.id), c === "multi" && (E.key === "Backspace" || E.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && s(o[o.length - 1].key);
+    (w = g.current) != null && w.id && E.key === "Enter" && i((x = g.current) == null ? void 0 : x.id), l === "multi" && (E.key === "Backspace" || E.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && s(o[o.length - 1].key);
   }, v = () => /* @__PURE__ */ e.createElement(
     "input",
     {
@@ -3624,10 +3624,10 @@ const Tt = "select-all", Ro = (t, a) => {
     "div",
     {
       className: u(oe[le], {
-        [oe[`${le}--single`]]: c === "single"
+        [oe[`${le}--single`]]: l === "single"
       })
     },
-    /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item-container`] }, c === "single" ? f(o[0]) : o.map((E) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item-container`] }, l === "single" ? f(o[0]) : o.map((E) => /* @__PURE__ */ e.createElement(
       Nr,
       {
         key: E.name,
@@ -3653,8 +3653,8 @@ const Tt = "select-all", Ro = (t, a) => {
     listClassName: r,
     disabled: _,
     error: o,
-    options: c,
-    selected: l,
+    options: l,
+    selected: c,
     size: d = "medium",
     placeholder: s = "Select option",
     isRequired: i,
@@ -3695,12 +3695,12 @@ const Tt = "select-all", Ro = (t, a) => {
     "virtuosoProps"
   ]);
   const [O, P] = e.useState(f), [z, j] = e.useState(!1), [$e, de] = e.useState(
-    () => (l == null ? void 0 : l.map(({ key: G }) => G)) || []
+    () => (c == null ? void 0 : c.map(({ key: G }) => G)) || []
   ), [Be, Pe] = e.useState(null), [ve, Ae] = e.useState(""), [Me, Je] = e.useState(400), at = e.useRef([]), Qe = e.useRef(null), B = mr();
   !O && z && j(!1);
   const W = e.useMemo(() => {
     const G = g === "multi" && m;
-    let he = c;
+    let he = l;
     return ve && (he = he.filter((me) => {
       if (me.groupHeader)
         return !1;
@@ -3713,7 +3713,7 @@ const Tt = "select-all", Ro = (t, a) => {
       },
       ...he
     ]), he;
-  }, [ve, c, g, m]), K = W.length > 0, { refs: Q, floatingStyles: Re, context: Xe, isPositioned: ca } = jt({
+  }, [ve, l, g, m]), K = W.length > 0, { refs: Q, floatingStyles: Re, context: Xe, isPositioned: ca } = jt({
     nodeId: B,
     open: O,
     strategy: v,
@@ -3760,7 +3760,7 @@ const Tt = "select-all", Ro = (t, a) => {
       return y(me), me.map(({ key: rt }) => rt);
     }) : de((me) => {
       const rt = me.includes(G) ? me.filter((Pt) => Pt !== G) : [...me, G];
-      return y(c.filter(({ key: Pt }) => rt.includes(Pt))), rt;
+      return y(l.filter(({ key: Pt }) => rt.includes(Pt))), rt;
     }));
   }, ga = (G) => Ae(G), ba = (G) => gt(G), ue = () => {
     P(!1), de([]), y(null), Ae("");
@@ -3788,7 +3788,7 @@ const Tt = "select-all", Ro = (t, a) => {
         isSearchDisabled: k,
         isDisabled: _,
         placeholder: s,
-        selectedItems: l,
+        selectedItems: c,
         type: g,
         size: d,
         clearSearchAfterSelection: p,
@@ -3830,8 +3830,8 @@ const Tt = "select-all", Ro = (t, a) => {
   onOpen: r,
   children: _,
   className: o,
-  triggerClassName: c,
-  placement: l,
+  triggerClassName: l,
+  placement: c,
   flipOptions: d,
   offsetSize: s = 4,
   isVisible: i,
@@ -3848,7 +3848,7 @@ const Tt = "select-all", Ro = (t, a) => {
     open: w,
     onOpenChange: F,
     middleware: [Zt(s), ea(d), Ma()],
-    placement: l,
+    placement: c,
     strategy: b,
     whileElementsMounted: ta
   }), z = aa(O, k), j = ra(O, h({
@@ -3863,7 +3863,7 @@ const Tt = "select-all", Ro = (t, a) => {
       "data-testid": "popover-trigger-button",
       ref: S.setReference
     }, de()), {
-      className: c
+      className: l
     }),
     $ ? t() : t
   ), /* @__PURE__ */ e.createElement(pr, { id: v }, w && /* @__PURE__ */ e.createElement(Da, { context: O, modal: !1 }, /* @__PURE__ */ e.createElement(
@@ -3907,8 +3907,8 @@ const wt = {
   medium: 36,
   large: 56
 }, Nt = "progress-circle", rl = e.forwardRef(
-  (l, c) => {
-    var d = l, {
+  (c, l) => {
+    var d = c, {
       status: t = "normal",
       progressValue: a,
       className: r,
@@ -3934,7 +3934,7 @@ const wt = {
       "div",
       h({
         className: g,
-        ref: c,
+        ref: l,
         role: "progressbar"
       }, o),
       /* @__PURE__ */ e.createElement("svg", { viewBox: f }, /* @__PURE__ */ e.createElement(
@@ -3972,8 +3972,8 @@ const wt = {
   "progress-bar__indicator--success": "lc-ProgressBar-module__progress-bar__indicator--success___wRjR3",
   "progress-bar__indicator--normal": "lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"
 }, Vt = "progress-bar", _l = e.forwardRef(
-  (l, c) => {
-    var d = l, {
+  (c, l) => {
+    var d = c, {
       status: t = "normal",
       percent: a,
       size: r = "medium",
@@ -3996,7 +3996,7 @@ const wt = {
       "div",
       N(h({}, o), {
         className: n,
-        ref: c,
+        ref: l,
         role: "progressbar"
       }),
       /* @__PURE__ */ e.createElement(
@@ -4026,8 +4026,8 @@ const wt = {
   children: r,
   header: _,
   img: o,
-  light: c = !1,
-  linkText: l,
+  light: l = !1,
+  linkText: c,
   onButtonClick: d,
   onClose: s,
   onLinkClick: i
@@ -4035,7 +4035,7 @@ const wt = {
   const n = e.useRef(null), [m, g] = e.useState("medium"), k = u(
     we[Ne],
     {
-      [we[`${Ne}--light`]]: c,
+      [we[`${Ne}--light`]]: l,
       [we[`${Ne}--small`]]: m === "small",
       [we[`${Ne}--large`]]: m === "large"
     },
@@ -4059,7 +4059,7 @@ const wt = {
       className: we[`${Ne}__button-text`]
     },
     a
-  ), l && /* @__PURE__ */ e.createElement(U, { size: "compact", kind: "text", onClick: i }, l));
+  ), c && /* @__PURE__ */ e.createElement(U, { size: "compact", kind: "text", onClick: i }, c));
   return /* @__PURE__ */ e.createElement("div", { ref: n, className: k }, /* @__PURE__ */ e.createElement("div", { className: we[`${Ne}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: we[`${Ne}__img`] }), /* @__PURE__ */ e.createElement("div", { className: we[`${Ne}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: we[`${Ne}__header`] }, _), /* @__PURE__ */ e.createElement(M, { as: "div" }, r), m !== "large" && b), m === "large" && b), s && /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -4085,8 +4085,8 @@ const wt = {
   additionalContent: r,
   primaryButton: _,
   secondaryButton: o,
-  vertical: c,
-  contentClassName: l,
+  vertical: l,
+  contentClassName: c,
   additionalContentClassName: d,
   onClose: s
 }) => {
@@ -4096,10 +4096,10 @@ const wt = {
     {
       className: u(
         He[qe],
-        c && He[`${qe}--vertical`]
+        l && He[`${qe}--vertical`]
       )
     },
-    /* @__PURE__ */ e.createElement("div", { className: u(He[`${qe}__content`], l) }, t, (_ || o) && /* @__PURE__ */ e.createElement("div", { className: He[`${qe}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: u(He[`${qe}__content`], c) }, t, (_ || o) && /* @__PURE__ */ e.createElement("div", { className: He[`${qe}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
       U,
       {
         kind: (_ == null ? void 0 : _.kind) || "high-contrast",
@@ -4147,17 +4147,17 @@ const wt = {
   "radio-button--selected": "lc-RadioButton-module__radio-button--selected___s9lqj",
   "radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
 }, Ge = "radio-button", Ic = e.forwardRef(
-  (d, l) => {
-    var s = d, { children: t, className: a = "", description: r, checked: _, disabled: o } = s, c = A(s, ["children", "className", "description", "checked", "disabled"]);
+  (d, c) => {
+    var s = d, { children: t, className: a = "", description: r, checked: _, disabled: o } = s, l = A(s, ["children", "className", "description", "checked", "disabled"]);
     const i = u(ze[Ge], a, {
       [ze[`${Ge}--selected`]]: _,
       [ze[`${Ge}--disabled`]]: o
     });
     return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: ze[`${Ge}__label`] }, /* @__PURE__ */ e.createElement("div", { className: ze[`${Ge}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: ze[`${Ge}__inner-circle`] }), /* @__PURE__ */ e.createElement(
       "input",
-      N(h({}, c), {
+      N(h({}, l), {
         className: ze[`${Ge}__input`],
-        ref: l,
+        ref: c,
         type: "radio",
         checked: _,
         disabled: o
@@ -4183,12 +4183,12 @@ const wt = {
   isLoading: r,
   placeholder: _ = "Search ...",
   size: o = "medium",
-  value: c,
-  className: l,
+  value: l,
+  className: c,
   onChange: d
 }) => {
-  const [s, i] = e.useState(!0), [n, m] = e.useState(!1), g = e.useRef(null), k = !!c && !a && !r, b = t && !s && "true", f = u(
-    l,
+  const [s, i] = e.useState(!0), [n, m] = e.useState(!1), g = e.useRef(null), k = !!l && !a && !r, b = t && !s && "true", f = u(
+    c,
     Fe[xe],
     Fe[`${xe}--${o}`],
     n && Fe[`${xe}--focused`],
@@ -4197,7 +4197,7 @@ const wt = {
     !s && Fe[`${xe}--collapsable--open`]
   );
   e.useEffect(() => {
-    t && c && i(!1);
+    t && l && i(!1);
   }, [t]);
   const p = ($) => {
     const F = $.currentTarget.value;
@@ -4210,9 +4210,9 @@ const wt = {
   }, E = () => {
     t && i(!1), m(!0);
   }, w = () => {
-    t && !c && i(!0), m(!1);
+    t && !l && i(!0), m(!1);
   }, x = ($) => {
-    $.key === re.enter && ($.preventDefault(), d(c));
+    $.key === re.enter && ($.preventDefault(), d(l));
   };
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -4238,7 +4238,7 @@ const wt = {
         ref: g,
         className: Fe[nl],
         type: "text",
-        value: c,
+        value: l,
         placeholder: _,
         onChange: p,
         onBlur: w,
@@ -4303,8 +4303,8 @@ const wt = {
     disabled: r = !1,
     name: _ = ae,
     on: o,
-    onChange: c,
-    size: l = "large",
+    onChange: l,
+    size: c = "large",
     state: d = "regular",
     innerRef: s,
     ariaLabel: i
@@ -4322,12 +4322,12 @@ const wt = {
   ]);
   const k = o !== void 0, [b, f] = e.useState(
     () => k ? o : a
-  ), p = k ? o : b, y = d === "loading", v = d === "locked", E = l === "large" ? "small" : "xsmall", w = p ? "on" : "off", x = r || y || v, $ = x ? "disabled" : "enabled", F = u(
+  ), p = k ? o : b, y = d === "loading", v = d === "locked", E = c === "large" ? "small" : "xsmall", w = p ? "on" : "off", x = r || y || v, $ = x ? "disabled" : "enabled", F = u(
     ce[ae],
-    ce[`${ae}--${l}`],
+    ce[`${ae}--${c}`],
     t
   ), S = (O) => {
-    c == null || c(O, !p), k || (O.stopPropagation(), f((P) => !P));
+    l == null || l(O, !p), k || (O.stopPropagation(), f((P) => !P));
   };
   return /* @__PURE__ */ e.createElement("span", { className: F }, /* @__PURE__ */ e.createElement(
     "input",
@@ -4358,8 +4358,8 @@ const wt = {
     {
       className: u(
         ce[`${ae}__slider`],
-        ce[`${ae}__slider--${l}`],
-        ce[`${ae}__slider--${l}--${w}`]
+        ce[`${ae}__slider--${c}`],
+        ce[`${ae}__slider--${c}--${w}`]
       )
     },
     y && /* @__PURE__ */ e.createElement(
@@ -4367,7 +4367,7 @@ const wt = {
       {
         className: u(
           ce[`${ae}__loader`],
-          ce[`${ae}__loader--${l}`]
+          ce[`${ae}__loader--${c}`]
         )
       }
     ),
@@ -4398,8 +4398,8 @@ const wt = {
     count: r,
     isSelected: _,
     asBadge: o,
-    size: c = "medium"
-  } = s, l = A(s, [
+    size: l = "medium"
+  } = s, c = A(s, [
     "children",
     "className",
     "count",
@@ -4407,17 +4407,17 @@ const wt = {
     "asBadge",
     "size"
   ]);
-  const { disabled: i } = l, n = r !== void 0 && !o, m = r !== void 0 && o;
+  const { disabled: i } = c, n = r !== void 0 && !o, m = r !== void 0 && o;
   return /* @__PURE__ */ e.createElement(
     M,
-    N(h({}, l), {
-      as: l.href ? "a" : "button",
+    N(h({}, c), {
+      as: c.href ? "a" : "button",
       size: "md",
       bold: _,
       className: u(
         a,
         it[dt],
-        it[`${dt}--${c}`],
+        it[`${dt}--${l}`],
         _ && it[`${dt}--selected`],
         i && it[`${dt}--disabled`]
       )
@@ -4449,9 +4449,9 @@ const wt = {
   inputRef: r,
   change: _,
   remove: o,
-  value: c
+  value: l
 }) => {
-  const [l, d] = e.useState(!1), s = () => a.current, i = () => {
+  const [c, d] = e.useState(!1), s = () => a.current, i = () => {
     const b = s();
     return b ? b.innerText : "";
   }, n = () => {
@@ -4464,7 +4464,7 @@ const wt = {
     b.key === re.backspace && i() === "" && (d(!0), o(), n());
   }, g = () => {
     const b = s();
-    if (!(l || !b)) {
+    if (!(c || !b)) {
       if (b.innerText === "") {
         o();
         return;
@@ -4485,7 +4485,7 @@ const wt = {
       onPaste: k,
       onBlur: g,
       onKeyDown: m,
-      dangerouslySetInnerHTML: { __html: Wa(c) }
+      dangerouslySetInnerHTML: { __html: Wa(l) }
     }
   );
 }, St = {
@@ -4501,8 +4501,8 @@ const wt = {
   remove: r,
   validator: _,
   inputRef: o,
-  update: c,
-  size: l
+  update: l,
+  size: c
 }) => {
   const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), s = e.useRef(null), i = () => r(a);
   return /* @__PURE__ */ e.createElement(
@@ -4510,7 +4510,7 @@ const wt = {
     {
       kind: d ? "default" : "error",
       dismissible: !0,
-      size: l,
+      size: c,
       onRemove: i
     },
     /* @__PURE__ */ e.createElement(
@@ -4520,7 +4520,7 @@ const wt = {
         inputRef: o,
         innerEditableRef: s,
         className: St[`${yl}__content`],
-        change: (n) => c(a, n),
+        change: (n) => l(a, n),
         remove: i,
         validator: _
       }
@@ -4539,8 +4539,8 @@ const wt = {
     onChange: r,
     validator: _,
     error: o,
-    placeholder: c,
-    size: l = "medium",
+    placeholder: l,
+    size: c = "medium",
     className: d,
     inputClassName: s,
     onBlur: i,
@@ -4567,7 +4567,7 @@ const wt = {
   ), f = u(
     s,
     St[`${Yt}__input`],
-    St[`${Yt}__input--${l}`]
+    St[`${Yt}__input--${c}`]
   ), [p, y] = e.useState(""), v = e.useRef(null), E = (P) => {
     r([...a || [], P]), y("");
   }, w = (P) => {
@@ -4605,7 +4605,7 @@ const wt = {
       remove: w,
       inputRef: v,
       validator: _,
-      size: l
+      size: c
     },
     P
   )), /* @__PURE__ */ e.createElement(
@@ -4614,7 +4614,7 @@ const wt = {
       id: t,
       ref: v,
       className: f,
-      placeholder: c,
+      placeholder: l,
       value: p,
       onChange: x,
       onKeyDown: $,
@@ -4629,8 +4629,8 @@ const wt = {
     onChange: r,
     error: _,
     placeholder: o = xl,
-    size: c
-  } = s, l = A(s, [
+    size: l
+  } = s, c = A(s, [
     "id",
     "tags",
     "onChange",
@@ -4640,14 +4640,14 @@ const wt = {
   ]);
   return /* @__PURE__ */ e.createElement(
     Nl,
-    N(h({}, l), {
+    N(h({}, c), {
       id: t,
       tags: a,
       error: _,
       onChange: r,
       placeholder: o,
       validator: Sl,
-      size: c
+      size: l
     })
   );
 }, Dl = "lc-Toast-module__toast___j5Amn", Tl = "lc-Toast-module__toast__content___HjaNw", Bl = "lc-Toast-module__toast__actions___JWu-1", Pl = "lc-Toast-module__toast__actions__button___Iblrl", J = {
@@ -4700,8 +4700,8 @@ const wt = {
     children: r,
     removable: _,
     kind: o = "info",
-    onClose: c
-  } = s, l = A(s, [
+    onClose: l
+  } = s, c = A(s, [
     "action",
     "className",
     "children",
@@ -4713,8 +4713,8 @@ const wt = {
     J[Ke],
     J[`${Ke}--${o}`],
     a
-  ), n = typeof r == "string", m = (g) => g && g.closesOnClick && c ? (g.onClick(), c()) : g.onClick();
-  return /* @__PURE__ */ e.createElement("div", h({ className: i }, l), /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__icon`] }, /* @__PURE__ */ e.createElement(D, N(h({}, Al[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__content`] }, n ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__actions`] }, t && /* @__PURE__ */ e.createElement(
+  ), n = typeof r == "string", m = (g) => g && g.closesOnClick && l ? (g.onClick(), l()) : g.onClick();
+  return /* @__PURE__ */ e.createElement("div", h({ className: i }, c), /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__icon`] }, /* @__PURE__ */ e.createElement(D, N(h({}, Al[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__content`] }, n ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__actions`] }, t && /* @__PURE__ */ e.createElement(
     U,
     {
       className: J[`${Ke}__actions--custom`],
@@ -4731,7 +4731,7 @@ const wt = {
         J[`${Ke}__actions__button--${o}`]
       ),
       "aria-label": "Close toast",
-      onClick: c
+      onClick: l
     },
     /* @__PURE__ */ e.createElement(D, { source: Te, size: "medium" })
   )));
@@ -4741,16 +4741,16 @@ const wt = {
   fixed: r = !0,
   block: _ = !1,
   animationType: o = "slide",
-  verticalPosition: c = "top",
-  horizontalPosition: l = "center"
+  verticalPosition: l = "top",
+  horizontalPosition: c = "center"
 }) => {
   const d = u(
     J[Ct],
     {
       [J[`${Ct}--fixed`]]: r,
       [J[`${Ct}--block`]]: !r && _,
-      [J[`${Ct}--horizontal-${l}`]]: l,
-      [J[`${Ct}--vertical-${c}`]]: c
+      [J[`${Ct}--horizontal-${c}`]]: c,
+      [J[`${Ct}--vertical-${l}`]]: l
     },
     t
   );
@@ -4784,9 +4784,9 @@ const wt = {
   "textarea--error": "lc-Textarea-module__textarea--error___0EGuq"
 }, Kt = "textarea", Gc = e.forwardRef(
   (o, _) => {
-    var c = o, { className: t, error: a } = c, r = A(c, ["className", "error"]);
-    const { disabled: l, onBlur: d, onFocus: s } = r, [i, n] = e.useState(!1), m = u(t, qt[Kt], {
-      [qt[`${Kt}--disabled`]]: l,
+    var l = o, { className: t, error: a } = l, r = A(l, ["className", "error"]);
+    const { disabled: c, onBlur: d, onFocus: s } = r, [i, n] = e.useState(!1), m = u(t, qt[Kt], {
+      [qt[`${Kt}--disabled`]]: c,
       [qt[`${Kt}--focused`]]: i,
       [qt[`${Kt}--error`]]: a
     }), g = (b) => {
@@ -4843,11 +4843,11 @@ const wt = {
     icon: r,
     title: _,
     progressValue: o,
-    size: c,
-    status: l = "normal",
+    size: l,
+    status: c = "normal",
     onCloseButtonClick: d,
     onRetryButtonClick: s
-  }, i) => /* @__PURE__ */ e.createElement("div", { className: Ce[Ue], ref: i }, r && l !== "success" && /* @__PURE__ */ e.createElement("div", { className: Ce[`${Ue}__icon`] }, r), l === "success" && /* @__PURE__ */ e.createElement(
+  }, i) => /* @__PURE__ */ e.createElement("div", { className: Ce[Ue], ref: i }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: Ce[`${Ue}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
@@ -4867,8 +4867,8 @@ const wt = {
       "div",
       {
         className: u(Ce[xa], {
-          [Ce[`${xa}--success`]]: l === "success",
-          [Ce[`${xa}--error`]]: l === "error"
+          [Ce[`${xa}--success`]]: c === "success",
+          [Ce[`${xa}--error`]]: c === "error"
         })
       },
       /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, _),
@@ -4884,19 +4884,19 @@ const wt = {
       /* @__PURE__ */ e.createElement(
         Ia,
         {
-          status: l,
+          status: c,
           onCloseButtonClick: d,
           onRetryButtonClick: s
         }
       )
     )),
-    l !== "success" && /* @__PURE__ */ e.createElement(
+    c !== "success" && /* @__PURE__ */ e.createElement(
       _l,
       {
         className: a,
         percent: o,
-        status: l,
-        size: c
+        status: c,
+        size: l
       }
     )
   ))
@@ -4934,31 +4934,31 @@ const wt = {
   progressValue: r,
   title: _,
   isExpanded: o,
-  errorMessage: c,
-  status: l = "normal",
+  errorMessage: l,
+  status: c = "normal",
   icon: d,
   size: s,
   mode: i = "multiple",
   onCloseButtonClick: n,
   onRetryButtonClick: m
 }) => {
-  const [g, k] = e.useState(o || !1), b = l === "error", f = l === "success", p = u(H[ne], a, {
+  const [g, k] = e.useState(o || !1), b = c === "error", f = c === "success", p = u(H[ne], a, {
     [H[`${ne}--error`]]: b,
     [H[`${ne}--success`]]: f
   }), y = !(b && (m || n)), v = () => k(!g);
   return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement("div", { className: H[`${ne}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${We}`] }, /* @__PURE__ */ e.createElement(
     Rl,
     {
-      title: b && c || _,
+      title: b && l || _,
       progressValue: r,
-      status: l,
+      status: c,
       icon: d,
       size: s
     }
-  )), l === "error" && /* @__PURE__ */ e.createElement(
+  )), c === "error" && /* @__PURE__ */ e.createElement(
     Ia,
     {
-      status: l,
+      status: c,
       onCloseButtonClick: n,
       onRetryButtonClick: m
     }
@@ -4968,7 +4968,7 @@ const wt = {
       className: H[`${ne}__wrapper`],
       onClick: v
     },
-    /* @__PURE__ */ e.createElement("div", { className: H[`${We}`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${We}__icon`] }, Ol(l, r)), /* @__PURE__ */ e.createElement("div", { className: H[`${We}__title`] }, /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, b ? c : _)), y && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: H[`${We}`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${We}__icon`] }, Ol(c, r)), /* @__PURE__ */ e.createElement("div", { className: H[`${We}__title`] }, /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, b ? l : _)), y && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: H[`${We}__collapse-button`],
@@ -4976,10 +4976,10 @@ const wt = {
         onClick: v
       },
       g ? /* @__PURE__ */ e.createElement(D, { source: Xt }) : /* @__PURE__ */ e.createElement(D, { source: Bt })
-    ), l === "error" && /* @__PURE__ */ e.createElement("div", { className: H[`${We}__actions-container`] }, /* @__PURE__ */ e.createElement(
+    ), c === "error" && /* @__PURE__ */ e.createElement("div", { className: H[`${We}__actions-container`] }, /* @__PURE__ */ e.createElement(
       Ia,
       {
-        status: l,
+        status: c,
         onCloseButtonClick: n,
         onRetryButtonClick: m
       }