@livechat/design-system-react-components 2.28.1 → 2.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/components/OnboardingChecklist/types.d.ts +6 -0
  2. package/dist/index.cjs +1 -1
  3. package/dist/index.js +465 -462
  4. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -916,7 +916,7 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
916
916
  r
917
917
  );
918
918
  }, D = (g) => {
919
- var k = g, {
919
+ var w = g, {
920
920
  as: e = "p",
921
921
  size: a = "md",
922
922
  caps: r = !1,
@@ -930,7 +930,7 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
930
930
  customColor: c,
931
931
  textAlign: p,
932
932
  noMargin: m
933
- } = k, f = U(k, [
933
+ } = w, f = U(w, [
934
934
  "as",
935
935
  "size",
936
936
  "caps",
@@ -945,19 +945,19 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
945
945
  "textAlign",
946
946
  "noMargin"
947
947
  ]);
948
- const S = "paragraph";
948
+ const x = "paragraph";
949
949
  return v.createElement(
950
950
  e,
951
951
  y({
952
952
  className: u(
953
953
  {
954
- [nt[`${S}-${a}`]]: !0,
955
- [nt[`${S}--semi-bold`]]: l && !o,
956
- [nt[`${S}--bold`]]: o && !l,
957
- [nt[`${S}--strike`]]: n,
958
- [nt[`${S}--underline`]]: i,
959
- [nt[`${S}--uppercase`]]: _ || r,
960
- [nt[`${S}--no-margin`]]: m
954
+ [nt[`${x}-${a}`]]: !0,
955
+ [nt[`${x}--semi-bold`]]: l && !o,
956
+ [nt[`${x}--bold`]]: o && !l,
957
+ [nt[`${x}--strike`]]: n,
958
+ [nt[`${x}--underline`]]: i,
959
+ [nt[`${x}--uppercase`]]: _ || r,
960
+ [nt[`${x}--no-margin`]]: m
961
961
  },
962
962
  s
963
963
  ),
@@ -1125,7 +1125,7 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
1125
1125
  accordion__footer: xi,
1126
1126
  "accordion__footer--promo": "lc-Accordion-module__accordion__footer--promo___N1Ebg"
1127
1127
  }, Po = (g) => {
1128
- var k = g, {
1128
+ var w = g, {
1129
1129
  className: e,
1130
1130
  mainClassName: a,
1131
1131
  children: r,
@@ -1139,7 +1139,7 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
1139
1139
  footer: c,
1140
1140
  onClose: p,
1141
1141
  onOpen: m
1142
- } = k, f = U(k, [
1142
+ } = w, f = U(w, [
1143
1143
  "className",
1144
1144
  "mainClassName",
1145
1145
  "children",
@@ -1154,15 +1154,15 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
1154
1154
  "onClose",
1155
1155
  "onOpen"
1156
1156
  ]);
1157
- const S = d !== void 0, x = S ? d : l, E = v.useRef(null), {
1157
+ const x = d !== void 0, N = x ? d : l, E = v.useRef(null), {
1158
1158
  isOpen: $,
1159
- isMounted: N,
1159
+ isMounted: S,
1160
1160
  setShouldBeVisible: C
1161
1161
  } = sa({
1162
- isVisible: x,
1162
+ isVisible: N,
1163
1163
  elementRef: E
1164
- }), { size: b, handleResizeRef: w } = Ao(), { handleExpandChange: B, handleKeyDown: T } = ki({
1165
- isControlled: S,
1164
+ }), { size: b, handleResizeRef: k } = Ao(), { handleExpandChange: B, handleKeyDown: T } = ki({
1165
+ isControlled: x,
1166
1166
  isExpanded: $,
1167
1167
  setShouldBeVisible: C,
1168
1168
  onOpen: m,
@@ -1212,7 +1212,7 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
1212
1212
  className: ye[`${ke}__content`],
1213
1213
  style: { maxHeight: $ ? b : 0 },
1214
1214
  ref: E,
1215
- children: /* @__PURE__ */ t("div", { ref: w, children: N && /* @__PURE__ */ h(Z, { children: [
1215
+ children: /* @__PURE__ */ t("div", { ref: k, children: S && /* @__PURE__ */ h(Z, { children: [
1216
1216
  /* @__PURE__ */ t(
1217
1217
  D,
1218
1218
  {
@@ -1273,8 +1273,8 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
1273
1273
  "action-menu__list__item__icon": "lc-ActionMenu-module__action-menu__list__item__icon___f3k8k",
1274
1274
  "action-menu__list--with-footer": "lc-ActionMenu-module__action-menu__list--with-footer___21-ar",
1275
1275
  "action-menu__footer": "lc-ActionMenu-module__action-menu__footer___pb-RE"
1276
- }, $t = "action-menu", D_ = (k) => {
1277
- var S = k, {
1276
+ }, $t = "action-menu", D_ = (w) => {
1277
+ var x = w, {
1278
1278
  className: e,
1279
1279
  triggerClassName: a,
1280
1280
  options: r,
@@ -1289,7 +1289,7 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
1289
1289
  floatingStrategy: p,
1290
1290
  selectedOptions: m,
1291
1291
  footer: f
1292
- } = S, g = U(S, [
1292
+ } = x, g = U(x, [
1293
1293
  "className",
1294
1294
  "triggerClassName",
1295
1295
  "options",
@@ -1305,8 +1305,8 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
1305
1305
  "selectedOptions",
1306
1306
  "footer"
1307
1307
  ]);
1308
- const x = d !== void 0, [E, $] = v.useState(l), [N, C] = v.useState(null), b = v.useRef(-1), w = Lr(), B = lr(), T = v.useRef(null), F = x ? d : E, A = () => {
1309
- F ? (s == null || s(), !x && $(!1)) : (c == null || c(), !x && $(!0));
1308
+ const N = d !== void 0, [E, $] = v.useState(l), [S, C] = v.useState(null), b = v.useRef(-1), k = Lr(), B = lr(), T = v.useRef(null), F = N ? d : E, A = () => {
1309
+ F ? (s == null || s(), !N && $(!1)) : (c == null || c(), !N && $(!0));
1310
1310
  }, { x: O, y: G, strategy: M, refs: L, context: P } = ir({
1311
1311
  nodeId: B,
1312
1312
  middleware: [
@@ -1365,7 +1365,7 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
1365
1365
  b.current = -1;
1366
1366
  }, [F, wt]);
1367
1367
  const aa = (H, ie) => {
1368
- b.current = H, ie == null || ie(), !x && !i && ($(!1), s == null || s());
1368
+ b.current = H, ie == null || ie(), !N && !i && ($(!1), s == null || s());
1369
1369
  }, Pt = (H, ie) => H.groupHeader ? /* @__PURE__ */ t(
1370
1370
  "li",
1371
1371
  {
@@ -1421,7 +1421,7 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
1421
1421
  position: M,
1422
1422
  top: G != null ? G : "",
1423
1423
  left: O != null ? O : ""
1424
- }, !!N && { maxHeight: N }), K)
1424
+ }, !!S && { maxHeight: S }), K)
1425
1425
  }, fe()), {
1426
1426
  children: [
1427
1427
  r.length > 0 && /* @__PURE__ */ t(
@@ -1452,7 +1452,7 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
1452
1452
  })
1453
1453
  ) })
1454
1454
  ] });
1455
- return w === null ? /* @__PURE__ */ t(zr, { children: Mt }) : Mt;
1455
+ return k === null ? /* @__PURE__ */ t(zr, { children: Mt }) : Mt;
1456
1456
  }, Ti = "lc-Loader-module__loader___Ukoov", Bi = "lc-Loader-module__loader__spinner___cp5N7", Ii = "lc-Loader-module__rotate___p-j1x", Ai = "lc-Loader-module__loader__label___CF5-C", Ba = {
1457
1457
  loader: Ti,
1458
1458
  loader__spinner: Bi,
@@ -1552,8 +1552,8 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
1552
1552
  btn__content: Gi,
1553
1553
  "btn--animated-label--expanded": "lc-Button-module__btn--animated-label--expanded___dTfmD"
1554
1554
  }, Ne = "btn", z = v.forwardRef(
1555
- (S, k) => {
1556
- var x = S, {
1555
+ (x, w) => {
1556
+ var N = x, {
1557
1557
  loading: e = !1,
1558
1558
  disabled: a = !1,
1559
1559
  type: r = "button",
@@ -1568,7 +1568,7 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
1568
1568
  href: p,
1569
1569
  onClick: m,
1570
1570
  animatedLabel: f
1571
- } = x, g = U(x, [
1571
+ } = N, g = U(N, [
1572
1572
  "loading",
1573
1573
  "disabled",
1574
1574
  "type",
@@ -1584,26 +1584,26 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
1584
1584
  "onClick",
1585
1585
  "animatedLabel"
1586
1586
  ]);
1587
- const [E, $] = v.useState(0), [N, C] = v.useState(!1), b = e || a, w = !c && i, B = f && c && i, T = ["text", "link", "link-light"].includes(o), F = p ? "a" : "button", A = u(
1587
+ const [E, $] = v.useState(0), [S, C] = v.useState(!1), b = e || a, k = !c && i, B = f && c && i, T = ["text", "link", "link-light"].includes(o), F = p ? "a" : "button", A = u(
1588
1588
  $e[Ne],
1589
1589
  $e[`${Ne}--${o}`],
1590
1590
  $e[`${Ne}--${l}`],
1591
1591
  {
1592
1592
  [$e[`${Ne}--loading`]]: e,
1593
1593
  [$e[`${Ne}--full-width`]]: _,
1594
- [$e[`${Ne}--with-${n}-icon`]]: i && !w && !T,
1595
- [$e[`${Ne}--icon-only`]]: w,
1596
- [$e[`${Ne}--icon-only--bg`]]: w && T,
1594
+ [$e[`${Ne}--with-${n}-icon`]]: i && !k && !T,
1595
+ [$e[`${Ne}--icon-only`]]: k,
1596
+ [$e[`${Ne}--icon-only--bg`]]: k && T,
1597
1597
  [$e[`${Ne}--disabled`]]: b,
1598
1598
  [$e[`${Ne}--animated-label`]]: B,
1599
- [$e[`${Ne}--animated-label--expanded`]]: B && N
1599
+ [$e[`${Ne}--animated-label--expanded`]]: B && S
1600
1600
  },
1601
1601
  s
1602
1602
  );
1603
1603
  return /* @__PURE__ */ h(
1604
1604
  F,
1605
1605
  I(y(y(y({
1606
- ref: k,
1606
+ ref: w,
1607
1607
  className: A,
1608
1608
  "aria-disabled": b,
1609
1609
  type: r,
@@ -1656,7 +1656,7 @@ const _u = (e) => e === "dark" ? Qt.Dark : Qt.Light, Do = yo(void 0), ou = () =>
1656
1656
  "div",
1657
1657
  {
1658
1658
  className: $e[`${Ne}__content`],
1659
- style: B ? { maxWidth: N ? E : 0 } : void 0,
1659
+ style: B ? { maxWidth: S ? E : 0 } : void 0,
1660
1660
  children: B ? /* @__PURE__ */ t("span", { ref: (O) => Pi(O, $), children: c }) : c
1661
1661
  }
1662
1662
  )
@@ -1773,15 +1773,15 @@ const Li = (e) => {
1773
1773
  transitionDuration: m = 200,
1774
1774
  hoverOnDuration: f,
1775
1775
  hoverOffDuration: g,
1776
- transitionDelay: k = 0,
1777
- hoverOnDelay: S,
1778
- hoverOffDelay: x,
1776
+ transitionDelay: w = 0,
1777
+ hoverOnDelay: x,
1778
+ hoverOffDelay: N,
1779
1779
  triggerOnClick: E = !1,
1780
1780
  triggerOnHover: $ = !0,
1781
- offsetMainAxis: N = 8,
1781
+ offsetMainAxis: S = 8,
1782
1782
  offsetCrossAxis: C = 0,
1783
1783
  referenceElement: b,
1784
- activationThreshold: w = 0,
1784
+ activationThreshold: k = 0,
1785
1785
  useDismissHookProps: B,
1786
1786
  useClickHookProps: T,
1787
1787
  hoverOutDelayTimeout: F = 100,
@@ -1800,7 +1800,7 @@ const Li = (e) => {
1800
1800
  d && X[`${fr}--full-space`]
1801
1801
  ), Pt = typeof _ == "function", Mt = (be) => {
1802
1802
  be !== K && (be ? c == null || c() : s == null || s(), !Y && Ce(be));
1803
- }, H = (be) => p ? be != null ? be : m : 0, ie = (be) => be != null ? be : k, {
1803
+ }, H = (be) => p ? be != null ? be : m : 0, ie = (be) => be != null ? be : w, {
1804
1804
  floatingStyles: me,
1805
1805
  refs: De,
1806
1806
  context: ne,
@@ -1808,7 +1808,7 @@ const Li = (e) => {
1808
1808
  } = ir({
1809
1809
  nodeId: wt,
1810
1810
  middleware: [
1811
- nr({ mainAxis: N, crossAxis: C }),
1811
+ nr({ mainAxis: S, crossAxis: C }),
1812
1812
  B_(),
1813
1813
  qr(),
1814
1814
  Ul({ element: fe, padding: 8 }),
@@ -1821,10 +1821,10 @@ const Li = (e) => {
1821
1821
  whileElementsMounted: cr
1822
1822
  }), Ft = ql(ne, {
1823
1823
  move: !1,
1824
- restMs: w,
1824
+ restMs: k,
1825
1825
  delay: {
1826
- open: ie(S),
1827
- close: ie(x || F)
1826
+ open: ie(x),
1827
+ close: ie(N || F)
1828
1828
  },
1829
1829
  enabled: $,
1830
1830
  handleClose: G ? null : Hl()
@@ -1944,11 +1944,11 @@ const Li = (e) => {
1944
1944
  if (!m) return null;
1945
1945
  if (v.isValidElement(m))
1946
1946
  return m;
1947
- const g = m, k = f ? g.kind || s(l) : g.kind || c(l);
1947
+ const g = m, w = f ? g.kind || s(l) : g.kind || c(l);
1948
1948
  return /* @__PURE__ */ t(
1949
1949
  z,
1950
1950
  I(y({}, g), {
1951
- kind: k,
1951
+ kind: w,
1952
1952
  onClick: g.handleClick,
1953
1953
  children: g.label
1954
1954
  })
@@ -2107,36 +2107,36 @@ const Li = (e) => {
2107
2107
  le[br],
2108
2108
  e,
2109
2109
  l && le[`${br}--vertical`]
2110
- ), k = !f && s.length !== 0;
2110
+ ), w = !f && s.length !== 0;
2111
2111
  v.useEffect(() => {
2112
2112
  f || (_.length > n ? c(_.slice(n, _.length)) : c([]));
2113
2113
  }, [_, n]), v.useEffect(() => {
2114
2114
  const E = !!window.ResizeObserver;
2115
2115
  if (!f && E) {
2116
- const $ = new ResizeObserver((N) => {
2117
- const { width: C, height: b } = N[0].contentRect, w = l ? b : C, B = s.length > 0 ? 60 : 0, T = Math.floor(
2118
- (w - B) / Yi
2116
+ const $ = new ResizeObserver((S) => {
2117
+ const { width: C, height: b } = S[0].contentRect, k = l ? b : C, B = s.length > 0 ? 60 : 0, T = Math.floor(
2118
+ (k - B) / Yi
2119
2119
  );
2120
2120
  T >= 0 && T !== n && d(T);
2121
2121
  });
2122
2122
  return $.observe(document.querySelector(`#${a}`)), () => $.disconnect();
2123
2123
  }
2124
2124
  }, [s, f, n]);
2125
- const S = v.useCallback(() => s.reduce(
2125
+ const x = v.useCallback(() => s.reduce(
2126
2126
  (E, $) => {
2127
2127
  if (!$.hideInMenu) {
2128
- const N = {
2128
+ const S = {
2129
2129
  key: $.key,
2130
2130
  element: /* @__PURE__ */ t(rr, { leftNode: $.element, children: $.label }),
2131
2131
  withDivider: $.withDivider,
2132
2132
  onClick: $.onClick
2133
2133
  };
2134
- E.push(N);
2134
+ E.push(S);
2135
2135
  }
2136
2136
  return E;
2137
2137
  },
2138
2138
  []
2139
- ), [s]), x = s.find((E) => E.key === o);
2139
+ ), [s]), N = s.find((E) => E.key === o);
2140
2140
  return /* @__PURE__ */ h("div", { id: a, className: g, children: [
2141
2141
  /* @__PURE__ */ t(
2142
2142
  "div",
@@ -2154,12 +2154,12 @@ const Li = (e) => {
2154
2154
  ))
2155
2155
  }
2156
2156
  ),
2157
- k && /* @__PURE__ */ t(
2157
+ w && /* @__PURE__ */ t(
2158
2158
  "div",
2159
2159
  {
2160
2160
  className: u(
2161
2161
  le[Rt],
2162
- x && le[`${Rt}--active`],
2162
+ N && le[`${Rt}--active`],
2163
2163
  l && le[`${Rt}--vertical`]
2164
2164
  ),
2165
2165
  children: /* @__PURE__ */ t(
@@ -2170,7 +2170,7 @@ const Li = (e) => {
2170
2170
  onClose: () => m(!1),
2171
2171
  floatingStrategy: "fixed",
2172
2172
  placement: l ? "left-start" : "bottom-end",
2173
- options: S(),
2173
+ options: x(),
2174
2174
  triggerClassName: u(
2175
2175
  l && le[`${Rt}__trigger-vertical`]
2176
2176
  ),
@@ -2180,7 +2180,7 @@ const Li = (e) => {
2180
2180
  id: `${a}-menu-button`,
2181
2181
  className: u(
2182
2182
  le[`${Rt}__button`],
2183
- x && le[`${Rt}__button--active`]
2183
+ N && le[`${Rt}__button--active`]
2184
2184
  ),
2185
2185
  kind: "plain",
2186
2186
  icon: /* @__PURE__ */ t(
@@ -2195,13 +2195,13 @@ const Li = (e) => {
2195
2195
  }
2196
2196
  ),
2197
2197
  iconPosition: "right",
2198
- children: x && /* @__PURE__ */ t(
2198
+ children: N && /* @__PURE__ */ t(
2199
2199
  "div",
2200
2200
  {
2201
2201
  className: u(
2202
2202
  le[`${Rt}__button__with-item`]
2203
2203
  ),
2204
- children: x.element
2204
+ children: N.element
2205
2205
  }
2206
2206
  )
2207
2207
  }
@@ -2449,15 +2449,15 @@ const Li = (e) => {
2449
2449
  isSideNavigationVisible: p,
2450
2450
  setIsMobileViewEnabled: m,
2451
2451
  isMobileViewEnabled: f
2452
- } = A_(), g = v.useRef(null), { isOpen: k, isMounted: S } = sa({
2452
+ } = A_(), g = v.useRef(null), { isOpen: w, isMounted: x } = sa({
2453
2453
  isVisible: p,
2454
2454
  elementRef: g
2455
- }), { isMobile: x, handleResizeRef: E } = ni({
2455
+ }), { isMobile: N, handleResizeRef: E } = ni({
2456
2456
  mobileBreakpoint: ln
2457
2457
  });
2458
2458
  return v.useEffect(() => {
2459
- m(x);
2460
- }, [x]), /* @__PURE__ */ h("div", { className: c, ref: E, children: [
2459
+ m(N);
2460
+ }, [N]), /* @__PURE__ */ h("div", { className: c, ref: E, children: [
2461
2461
  !f && _,
2462
2462
  /* @__PURE__ */ h(
2463
2463
  "div",
@@ -2495,10 +2495,10 @@ const Li = (e) => {
2495
2495
  "lc-dark-theme",
2496
2496
  d,
2497
2497
  {
2498
- [et[`${mt}__content-wrapper__nav-bar-wrapper--open`]]: k
2498
+ [et[`${mt}__content-wrapper__nav-bar-wrapper--open`]]: w
2499
2499
  }
2500
2500
  ),
2501
- children: S && l
2501
+ children: x && l
2502
2502
  }
2503
2503
  ),
2504
2504
  f && /* @__PURE__ */ t(
@@ -2614,10 +2614,10 @@ const sn = "side-navigation-item-test-id", dn = "side-navigation-active-item-tes
2614
2614
  "onItemHover",
2615
2615
  "isIconHidden"
2616
2616
  ]);
2617
- const g = typeof _ == "string", k = (x) => {
2618
- x.preventDefault(), i == null || i();
2619
- }, S = (x) => {
2620
- x.key === "Enter" && (x.preventDefault(), i == null || i());
2617
+ const g = typeof _ == "string", w = (N) => {
2618
+ N.preventDefault(), i == null || i();
2619
+ }, x = (N) => {
2620
+ N.key === "Enter" && (N.preventDefault(), i == null || i());
2621
2621
  };
2622
2622
  return /* @__PURE__ */ t(
2623
2623
  "li",
@@ -2636,8 +2636,8 @@ const sn = "side-navigation-item-test-id", dn = "side-navigation-active-item-tes
2636
2636
  [tt[`${at}__anchor--icon-hidden`]]: c
2637
2637
  }),
2638
2638
  href: r,
2639
- onClick: k,
2640
- onKeyDown: S,
2639
+ onClick: w,
2640
+ onKeyDown: x,
2641
2641
  onMouseEnter: s || _r,
2642
2642
  onFocus: s || _r,
2643
2643
  children: [
@@ -2702,12 +2702,12 @@ const sn = "side-navigation-item-test-id", dn = "side-navigation-active-item-tes
2702
2702
  setShouldBeVisible: m,
2703
2703
  onItemHover: f,
2704
2704
  onClick: g,
2705
- listWrapperRef: k,
2706
- shouldOpenOnInit: S = !1
2705
+ listWrapperRef: w,
2706
+ shouldOpenOnInit: x = !1
2707
2707
  }) => {
2708
- const [x, E] = v.useState(!1), [$, N] = v.useState(0), C = v.useRef(!1), b = v.useRef(null), w = k != null ? k : b, { isOpen: B, isMounted: T, setShouldBeVisible: F } = sa({
2709
- isVisible: !n || S,
2710
- elementRef: w
2708
+ const [N, E] = v.useState(!1), [$, S] = v.useState(0), C = v.useRef(!1), b = v.useRef(null), k = w != null ? w : b, { isOpen: B, isMounted: T, setShouldBeVisible: F } = sa({
2709
+ isVisible: !n || x,
2710
+ elementRef: k
2711
2711
  }), A = c != null ? c : B, O = p != null ? p : T, G = m != null ? m : F, M = typeof a == "function" ? a(A) : a, L = typeof e == "function" ? e(A) : e, P = () => G(!0), q = () => {
2712
2712
  n && G((re) => !re);
2713
2713
  }, Y = () => g ? g({ toggle: q }) : q();
@@ -2724,10 +2724,10 @@ const sn = "side-navigation-item-test-id", dn = "side-navigation-active-item-tes
2724
2724
  ));
2725
2725
  E(Ce);
2726
2726
  const fe = ((re == null ? void 0 : re.length) || 0) * gn;
2727
- N(fe);
2727
+ S(fe);
2728
2728
  }, [i]), v.useEffect(() => {
2729
- !C.current && x && P(), C.current = x;
2730
- }, [x, C.current, S]), /* @__PURE__ */ h("div", { "data-testid": "side-navigation-group", className: St[xt], children: [
2729
+ !C.current && N && P(), C.current = N;
2730
+ }, [N, C.current, x]), /* @__PURE__ */ h("div", { "data-testid": "side-navigation-group", className: St[xt], children: [
2731
2731
  n || d ? /* @__PURE__ */ t(
2732
2732
  mn,
2733
2733
  {
@@ -2780,7 +2780,7 @@ const sn = "side-navigation-item-test-id", dn = "side-navigation-active-item-tes
2780
2780
  /* @__PURE__ */ t(
2781
2781
  "div",
2782
2782
  {
2783
- ref: w,
2783
+ ref: k,
2784
2784
  className: u([
2785
2785
  St[`${xt}__list-wrapper`],
2786
2786
  {
@@ -3031,18 +3031,18 @@ const fn = "lc-Badge-module__badge___ZbEBU", bn = "lc-Badge-module__badge__dot__
3031
3031
  elementRef: c,
3032
3032
  includeSleepWakeScenario: !0
3033
3033
  }), f = v.useCallback(
3034
- (N) => ar(
3035
- N,
3034
+ (S) => ar(
3035
+ S,
3036
3036
  (C) => s(C.width < nn)
3037
3037
  ),
3038
3038
  []
3039
- ), g = a === "warning" ? "link-inverted" : "text", k = a === "warning" ? "secondary" : "high-contrast", S = o == null ? void 0 : o.kind, x = l == null ? void 0 : l.kind, E = o || l ? /* @__PURE__ */ h("div", { className: yt[`${Zt}__cta-wrapper`], children: [
3039
+ ), g = a === "warning" ? "link-inverted" : "text", w = a === "warning" ? "secondary" : "high-contrast", x = o == null ? void 0 : o.kind, N = l == null ? void 0 : l.kind, E = o || l ? /* @__PURE__ */ h("div", { className: yt[`${Zt}__cta-wrapper`], children: [
3040
3040
  o && /* @__PURE__ */ t(
3041
3041
  z,
3042
3042
  I(y({
3043
3043
  size: "compact"
3044
3044
  }, o), {
3045
- kind: d ? g : S || k,
3045
+ kind: d ? g : x || w,
3046
3046
  children: o.label
3047
3047
  })
3048
3048
  ),
@@ -3051,7 +3051,7 @@ const fn = "lc-Badge-module__badge___ZbEBU", bn = "lc-Badge-module__badge__dot__
3051
3051
  I(y({
3052
3052
  size: "compact"
3053
3053
  }, l), {
3054
- kind: d ? g : x || k,
3054
+ kind: d ? g : N || w,
3055
3055
  children: l.label
3056
3056
  })
3057
3057
  )
@@ -3235,16 +3235,16 @@ const kr = {
3235
3235
  var O;
3236
3236
  const m = v.useRef(null), { readOnly: f } = Ot(), g = f || d.readOnly;
3237
3237
  v.useImperativeHandle(s, () => m.current, []);
3238
- const [k, S] = v.useState(!1), [x, E] = v.useState(!1), { type: $, onFocus: N, onBlur: C } = d, b = u(
3238
+ const [w, x] = v.useState(!1), [N, E] = v.useState(!1), { type: $, onFocus: S, onBlur: C } = d, b = u(
3239
3239
  o,
3240
3240
  {
3241
3241
  [ct[`${st}--disabled`]]: a,
3242
- [ct[`${st}--focused`]]: k,
3242
+ [ct[`${st}--focused`]]: w,
3243
3243
  [ct[`${st}--error`]]: e,
3244
3244
  [ct[`${st}--crop`]]: i
3245
3245
  },
3246
3246
  _
3247
- ), w = a ? "var(--content-basic-disabled)" : "var(--content-basic-primary)", B = x ? ul : ml, T = r && r.place === "left", F = r && $ !== "password" && r.place === "right", A = () => {
3247
+ ), k = a ? "var(--content-basic-disabled)" : "var(--content-basic-primary)", B = N ? ul : ml, T = r && r.place === "left", F = r && $ !== "password" && r.place === "right", A = () => {
3248
3248
  var G;
3249
3249
  (G = m.current) == null || G.focus();
3250
3250
  };
@@ -3270,13 +3270,13 @@ const kr = {
3270
3270
  I(y({}, d), {
3271
3271
  ref: m,
3272
3272
  onFocus: (G) => {
3273
- S(!0), N == null || N(G);
3273
+ x(!0), S == null || S(G);
3274
3274
  },
3275
3275
  onBlur: (G) => {
3276
- S(!1), C == null || C(G);
3276
+ x(!1), C == null || C(G);
3277
3277
  },
3278
3278
  disabled: a,
3279
- type: $ && !x ? $ : "text"
3279
+ type: $ && !N ? $ : "text"
3280
3280
  })
3281
3281
  ),
3282
3282
  F && ao(r, a),
@@ -3286,7 +3286,7 @@ const kr = {
3286
3286
  disabled: a,
3287
3287
  kind: "text",
3288
3288
  size: "compact",
3289
- icon: /* @__PURE__ */ t(R, { customColor: w, source: B }),
3289
+ icon: /* @__PURE__ */ t(R, { customColor: k, source: B }),
3290
3290
  onClick: () => E((G) => !G),
3291
3291
  className: ct[`${st}__visibility-button`]
3292
3292
  }
@@ -3434,7 +3434,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3434
3434
  "withRim",
3435
3435
  "style"
3436
3436
  ]);
3437
- const g = d === "image" && !l, [k, S] = v.useState(g), x = d === "image" && !!l && !k, E = d === "text", $ = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, N = Pn(n, $), C = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), b = r || On(n), w = b ? Mn(b) : void 0, B = E ? { backgroundColor: b } : {}, T = u(y({
3437
+ const g = d === "image" && !l, [w, x] = v.useState(g), N = d === "image" && !!l && !w, E = d === "text", $ = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, S = Pn(n, $), C = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), b = r || On(n), k = b ? Mn(b) : void 0, B = E ? { backgroundColor: b } : {}, T = u(y({
3438
3438
  [Ve[Se]]: !0,
3439
3439
  [Ve[`${Se}--${_}`]]: !0,
3440
3440
  [Ve[`${Se}--${o}`]]: !0,
@@ -3450,9 +3450,9 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3450
3450
  ), O = u(
3451
3451
  Ve[`${Se}__rim`],
3452
3452
  Ve[`${Se}__rim--${o}`]
3453
- ), G = (L) => C ? "2xs" : ["medium"].includes(L) ? "xs" : ["large", "xlarge"].includes(L) ? "sm" : ["xxlarge"].includes(L) ? "lg" : "xl", M = v.useCallback(() => S(!0), []);
3453
+ ), G = (L) => C ? "2xs" : ["medium"].includes(L) ? "xs" : ["large", "xlarge"].includes(L) ? "sm" : ["xxlarge"].includes(L) ? "lg" : "xl", M = v.useCallback(() => x(!0), []);
3454
3454
  return v.useEffect(() => {
3455
- S(g);
3455
+ x(g);
3456
3456
  }, [g]), /* @__PURE__ */ h(
3457
3457
  "div",
3458
3458
  I(y({
@@ -3474,7 +3474,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3474
3474
  className: F
3475
3475
  }
3476
3476
  ),
3477
- x && /* @__PURE__ */ t(
3477
+ N && /* @__PURE__ */ t(
3478
3478
  "img",
3479
3479
  {
3480
3480
  className: Ve[`${Se}__image`],
@@ -3488,13 +3488,13 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3488
3488
  {
3489
3489
  as: "span",
3490
3490
  size: G(o),
3491
- style: { color: w },
3491
+ style: { color: k },
3492
3492
  bold: C,
3493
3493
  uppercase: C,
3494
- children: N
3494
+ children: S
3495
3495
  }
3496
3496
  ),
3497
- k && /* @__PURE__ */ t(
3497
+ w && /* @__PURE__ */ t(
3498
3498
  R,
3499
3499
  {
3500
3500
  "data-testid": `${Se}__icon`,
@@ -3600,8 +3600,8 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3600
3600
  if ((m = c == null ? void 0 : c.customElement) != null && m.listItemBody)
3601
3601
  return /* @__PURE__ */ t("div", { className: Oe[`${pt}__custom`], children: c.customElement.listItemBody });
3602
3602
  const p = (g) => {
3603
- var k;
3604
- return ((k = g.avatar) == null ? void 0 : k.type) || (g.avatarSrc ? "image" : "text");
3603
+ var w;
3604
+ return ((w = g.avatar) == null ? void 0 : w.type) || (g.avatarSrc ? "image" : "text");
3605
3605
  };
3606
3606
  return /* @__PURE__ */ h(Z, { children: [
3607
3607
  c.showCheckbox && /* @__PURE__ */ t(
@@ -3725,17 +3725,17 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3725
3725
  onSelect: m,
3726
3726
  getFloatingProps: f,
3727
3727
  getItemProps: g,
3728
- emptyStateText: k = "No results found",
3729
- hideWhenEmpty: S = !1,
3730
- pickerType: x = "single",
3728
+ emptyStateText: w = "No results found",
3729
+ hideWhenEmpty: x = !1,
3730
+ pickerType: N = "single",
3731
3731
  listClassName: E,
3732
3732
  virtuosoProps: $
3733
3733
  }) => {
3734
- const [N, C] = v.useState(0), b = Xt(null), w = o.length, B = v.useCallback(
3734
+ const [S, C] = v.useState(0), b = Xt(null), k = o.length, B = v.useCallback(
3735
3735
  (A) => {
3736
- A !== N && (A < _ ? C(A + (w - 1) * In) : C(_));
3736
+ A !== S && (A < _ ? C(A + (k - 1) * In) : C(_));
3737
3737
  },
3738
- [w]
3738
+ [k]
3739
3739
  );
3740
3740
  if (V(() => {
3741
3741
  var A;
@@ -3743,18 +3743,18 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3743
3743
  }, [s, d, l]), V(() => {
3744
3744
  n.current = new Array(o.length);
3745
3745
  }, [o.length]), o.length === 0)
3746
- return S ? null : /* @__PURE__ */ t(C_, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ t(
3746
+ return x ? null : /* @__PURE__ */ t(C_, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ t(
3747
3747
  "div",
3748
3748
  {
3749
3749
  className: u(Pa.listbox, Pa["no-results"]),
3750
3750
  ref: a,
3751
3751
  tabIndex: -1,
3752
3752
  style: r,
3753
- children: /* @__PURE__ */ t("div", { className: Pa["no-results-text"], children: k })
3753
+ children: /* @__PURE__ */ t("div", { className: Pa["no-results-text"], children: w })
3754
3754
  }
3755
3755
  ) });
3756
3756
  const T = (A) => i.includes(A) || A === Ca && i.length === x_(o).length, F = () => {
3757
- x === "multi" && c(i[i.length - 1]);
3757
+ N === "multi" && c(i[i.length - 1]);
3758
3758
  };
3759
3759
  return /* @__PURE__ */ t(C_, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ t(
3760
3760
  "div",
@@ -3771,7 +3771,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3771
3771
  I(y({
3772
3772
  ref: b,
3773
3773
  tabIndex: 0,
3774
- "aria-multiselectable": x === "multi",
3774
+ "aria-multiselectable": N === "multi",
3775
3775
  className: Pa["listbox-wrapper"]
3776
3776
  }, f({
3777
3777
  onKeyDown(A) {
@@ -3788,7 +3788,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3788
3788
  Jl,
3789
3789
  I(y({
3790
3790
  totalListHeightChanged: B,
3791
- style: { height: `${N}px`, maxHeight: _ },
3791
+ style: { height: `${S}px`, maxHeight: _ },
3792
3792
  totalCount: o.length,
3793
3793
  data: o,
3794
3794
  increaseViewportBy: 200
@@ -3803,7 +3803,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3803
3803
  isSelected: T(O.key),
3804
3804
  onSelect: m,
3805
3805
  item: O,
3806
- numberOfItems: w
3806
+ numberOfItems: k
3807
3807
  }
3808
3808
  )
3809
3809
  })
@@ -3847,7 +3847,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3847
3847
  setTriggerFocus: f,
3848
3848
  onToggle: g
3849
3849
  }) => {
3850
- const k = u(
3850
+ const w = u(
3851
3851
  Pe[xe],
3852
3852
  Pe[`${xe}--${_}`],
3853
3853
  o && Pe[`${xe}--multi-select`],
@@ -3855,7 +3855,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3855
3855
  n && Pe[`${xe}--disabled`],
3856
3856
  s && Pe[`${xe}--focused`],
3857
3857
  c && Pe[`${xe}--error`]
3858
- ), S = !i && l && !n && !d, x = ($) => {
3858
+ ), x = !i && l && !n && !d, N = ($) => {
3859
3859
  $.stopPropagation(), p();
3860
3860
  }, E = ($) => {
3861
3861
  !n && !(s && $.target.tagName === "BUTTON") && g();
@@ -3868,7 +3868,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3868
3868
  tabIndex: n ? -1 : 0,
3869
3869
  "aria-disabled": n,
3870
3870
  disabled: n,
3871
- className: k,
3871
+ className: w,
3872
3872
  "data-testid": r,
3873
3873
  ref: e,
3874
3874
  type: "button"
@@ -3897,12 +3897,12 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3897
3897
  Pe[`${xe}__controls--${_}`]
3898
3898
  ),
3899
3899
  children: [
3900
- S && /* @__PURE__ */ t(
3900
+ x && /* @__PURE__ */ t(
3901
3901
  "div",
3902
3902
  {
3903
3903
  "data-testid": `${xe}__clear-icon`,
3904
3904
  className: Pe[`${xe}__clear-icon`],
3905
- onClick: x,
3905
+ onClick: N,
3906
3906
  children: /* @__PURE__ */ t(R, { kind: "primary", size: "small", source: dt })
3907
3907
  }
3908
3908
  ),
@@ -3957,7 +3957,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3957
3957
  tag__node: tc,
3958
3958
  tag__content: ac
3959
3959
  }, Ke = "tag", rc = (e) => e ? I_(e, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Wo = (g) => {
3960
- var k = g, {
3960
+ var w = g, {
3961
3961
  className: e = "",
3962
3962
  children: a,
3963
3963
  dismissibleOnHover: r = !1,
@@ -3971,7 +3971,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3971
3971
  customColor: c,
3972
3972
  iconOnly: p = !1,
3973
3973
  value: m
3974
- } = k, f = U(k, [
3974
+ } = w, f = U(w, [
3975
3975
  "className",
3976
3976
  "children",
3977
3977
  "dismissibleOnHover",
@@ -3986,7 +3986,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3986
3986
  "iconOnly",
3987
3987
  "value"
3988
3988
  ]);
3989
- const S = r || i && p, x = u(
3989
+ const x = r || i && p, N = u(
3990
3990
  We[Ke],
3991
3991
  e,
3992
3992
  We[`${Ke}--${o}`],
@@ -3995,9 +3995,9 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
3995
3995
  [We[`${Ke}--outline`]]: n,
3996
3996
  [We[`${Ke}--${rc(c)}`]]: !!c,
3997
3997
  [We[`${Ke}--icon-only`]]: p,
3998
- [We[`${Ke}--dismissible-on-hover`]]: S
3998
+ [We[`${Ke}--dismissible-on-hover`]]: x
3999
3999
  }
4000
- ), E = o === "small" ? "small" : "medium", $ = o === "small" ? "sm" : "md", N = () => c ? n ? {
4000
+ ), E = o === "small" ? "small" : "medium", $ = o === "small" ? "sm" : "md", S = () => c ? n ? {
4001
4001
  style: {
4002
4002
  backgroundColor: "transparent",
4003
4003
  color: c,
@@ -4010,8 +4010,8 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4010
4010
  return /* @__PURE__ */ h(
4011
4011
  D,
4012
4012
  I(y(y({
4013
- className: x
4014
- }, f), N()), {
4013
+ className: N
4014
+ }, f), S()), {
4015
4015
  as: "div",
4016
4016
  size: $,
4017
4017
  children: [
@@ -4045,7 +4045,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4045
4045
  role: "button",
4046
4046
  "aria-label": "Remove tag",
4047
4047
  className: u(We[`${Ke}__remove`], {
4048
- [We[`${Ke}__remove--hover`]]: S
4048
+ [We[`${Ke}__remove--hover`]]: x
4049
4049
  }),
4050
4050
  children: /* @__PURE__ */ t(
4051
4051
  R,
@@ -4095,56 +4095,56 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4095
4095
  searchPhrase: m,
4096
4096
  virtualItemRef: f,
4097
4097
  isTriggerFocused: g,
4098
- inputRef: k,
4099
- inputProps: S
4098
+ inputRef: w,
4099
+ inputProps: x
4100
4100
  }) => {
4101
- const x = e && !a;
4101
+ const N = e && !a;
4102
4102
  v.useEffect(() => {
4103
- i && k != null && k.current && k.current.focus();
4103
+ i && w != null && w.current && w.current.focus();
4104
4104
  }, [o, i]);
4105
- const E = (w) => {
4106
- w.key === "Backspace" && o && o.length > 0 && (w.preventDefault(), l === "multi" ? d(o[o.length - 1].key) : p()), w.key === "Delete" && (w.preventDefault(), p());
4105
+ const E = (k) => {
4106
+ k.key === "Backspace" && o && o.length > 0 && (k.preventDefault(), l === "multi" ? d(o[o.length - 1].key) : p()), k.key === "Delete" && (k.preventDefault(), p());
4107
4107
  };
4108
4108
  v.useEffect(() => (!e && g ? document.addEventListener("keydown", E) : document.removeEventListener("keydown", E), () => document.removeEventListener("keydown", E)), [e, o, g]);
4109
- const $ = (w) => {
4109
+ const $ = (k) => {
4110
4110
  var B;
4111
- return l === "single" && e && !a ? null : (B = w == null ? void 0 : w.customElement) != null && B.selectedItemBody ? /* @__PURE__ */ t("div", { className: Me[`${Fe}__item`], children: w.customElement.selectedItemBody }) : /* @__PURE__ */ h("div", { className: Me[`${Fe}__item`], children: [
4112
- w.icon && /* @__PURE__ */ t(
4111
+ return l === "single" && e && !a ? null : (B = k == null ? void 0 : k.customElement) != null && B.selectedItemBody ? /* @__PURE__ */ t("div", { className: Me[`${Fe}__item`], children: k.customElement.selectedItemBody }) : /* @__PURE__ */ h("div", { className: Me[`${Fe}__item`], children: [
4112
+ k.icon && /* @__PURE__ */ t(
4113
4113
  R,
4114
4114
  {
4115
- source: w.icon,
4115
+ source: k.icon,
4116
4116
  className: Me[`${Fe}__item__icon`]
4117
4117
  }
4118
4118
  ),
4119
- w.avatarSrc && /* @__PURE__ */ t(
4119
+ k.avatarSrc && /* @__PURE__ */ t(
4120
4120
  "img",
4121
4121
  {
4122
- src: w.avatarSrc,
4122
+ src: k.avatarSrc,
4123
4123
  alt: "",
4124
4124
  className: Me[`${Fe}__item__avatar`]
4125
4125
  }
4126
4126
  ),
4127
- /* @__PURE__ */ t("div", { className: Me[`${Fe}__item__content`], children: w.name })
4127
+ /* @__PURE__ */ t("div", { className: Me[`${Fe}__item__content`], children: k.name })
4128
4128
  ] });
4129
- }, N = (w) => c(w.target.value), C = (w) => {
4129
+ }, S = (k) => c(k.target.value), C = (k) => {
4130
4130
  var B, T;
4131
- (B = f.current) != null && B.id && w.key === "Enter" && s((T = f.current) == null ? void 0 : T.id), l === "multi" && (w.key === "Backspace" || w.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
4131
+ (B = f.current) != null && B.id && k.key === "Enter" && s((T = f.current) == null ? void 0 : T.id), l === "multi" && (k.key === "Backspace" || k.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
4132
4132
  }, b = () => /* @__PURE__ */ t(
4133
4133
  "input",
4134
- I(y({}, S), {
4135
- ref: k,
4134
+ I(y({}, x), {
4135
+ ref: w,
4136
4136
  className: u(
4137
4137
  Me[`${Fe}__input`],
4138
4138
  Me[`${Fe}__input--${n}`]
4139
4139
  ),
4140
4140
  placeholder: _,
4141
- onChange: N,
4141
+ onChange: S,
4142
4142
  onKeyDown: C,
4143
4143
  autoFocus: !0,
4144
4144
  value: m
4145
4145
  })
4146
4146
  );
4147
- return !o || o.length === 0 ? x ? b() : /* @__PURE__ */ t(
4147
+ return !o || o.length === 0 ? N ? b() : /* @__PURE__ */ t(
4148
4148
  "div",
4149
4149
  {
4150
4150
  className: u({
@@ -4160,7 +4160,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4160
4160
  [Me[`${Fe}--single`]]: l === "single"
4161
4161
  }),
4162
4162
  children: [
4163
- /* @__PURE__ */ t("div", { className: Me[`${Fe}__item-container`], children: l === "single" ? $(o[0]) : o.map((w) => /* @__PURE__ */ t(
4163
+ /* @__PURE__ */ t("div", { className: Me[`${Fe}__item-container`], children: l === "single" ? $(o[0]) : o.map((k) => /* @__PURE__ */ t(
4164
4164
  Wo,
4165
4165
  I(y({
4166
4166
  className: u(
@@ -4169,14 +4169,14 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4169
4169
  ),
4170
4170
  disabled: r,
4171
4171
  onRemove: (B) => {
4172
- B.stopPropagation(), d(w.key);
4172
+ B.stopPropagation(), d(k.key);
4173
4173
  }
4174
- }, w.selectedTagOptions), {
4175
- children: $(w)
4174
+ }, k.selectedTagOptions), {
4175
+ children: $(k)
4176
4176
  }),
4177
- w.key
4177
+ k.key
4178
4178
  )) }),
4179
- x && b()
4179
+ N && b()
4180
4180
  ]
4181
4181
  }
4182
4182
  );
@@ -4193,11 +4193,11 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4193
4193
  onVisibilityChange: s,
4194
4194
  searchPhrase: c
4195
4195
  }) => {
4196
- const p = lr(), [m, f] = v.useState(!1), [g, k] = v.useState(null), [S, x] = v.useState(o), E = v.useRef([]), $ = v.useRef(null);
4196
+ const p = lr(), [m, f] = v.useState(!1), [g, w] = v.useState(null), [x, N] = v.useState(o), E = v.useRef([]), $ = v.useRef(null);
4197
4197
  v.useEffect(() => {
4198
- $.current = null, k(null);
4198
+ $.current = null, w(null);
4199
4199
  }, [c]);
4200
- const { refs: N, floatingStyles: C, context: b, isPositioned: w } = ir({
4200
+ const { refs: S, floatingStyles: C, context: b, isPositioned: k } = ir({
4201
4201
  nodeId: p,
4202
4202
  open: d,
4203
4203
  strategy: l,
@@ -4211,7 +4211,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4211
4211
  xo({
4212
4212
  apply({ availableHeight: L, rects: P, elements: q }) {
4213
4213
  Xl.flushSync(() => {
4214
- x(
4214
+ N(
4215
4215
  Math.max(
4216
4216
  Math.min(o, Number(L)),
4217
4217
  _
@@ -4232,7 +4232,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4232
4232
  enabled: a.length > 0 && !e,
4233
4233
  listRef: E,
4234
4234
  activeIndex: g,
4235
- onNavigate: k,
4235
+ onNavigate: w,
4236
4236
  virtual: !0,
4237
4237
  virtualItemRef: $,
4238
4238
  disabledIndices: An(
@@ -4246,16 +4246,16 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4246
4246
  getReferenceProps: O,
4247
4247
  getFloatingProps: G,
4248
4248
  getItemProps: M,
4249
- setReference: N.setReference,
4249
+ setReference: S.setReference,
4250
4250
  floatingStyles: C,
4251
- isPositioned: w,
4251
+ isPositioned: k,
4252
4252
  context: b,
4253
4253
  nodeId: p,
4254
- setFloating: N.setFloating,
4254
+ setFloating: S.setFloating,
4255
4255
  activeIndex: g,
4256
4256
  listElementsRef: E,
4257
4257
  virtualItemRef: $,
4258
- maxHeight: S,
4258
+ maxHeight: x,
4259
4259
  pointer: m,
4260
4260
  setPointer: f
4261
4261
  };
@@ -4271,44 +4271,44 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4271
4271
  }) => {
4272
4272
  const [d, s] = v.useState(
4273
4273
  () => (e == null ? void 0 : e.map(ro)) || []
4274
- ), c = e !== void 0, p = c ? (e == null ? void 0 : e.map(ro)) || [] : d, [m, f] = v.useState(""), g = (N) => f(N), k = (N) => {
4275
- r === "single" ? $(N) : (s(p.filter((C) => C !== N)), o((e == null ? void 0 : e.filter(({ key: C }) => C !== N)) || null));
4276
- }, S = () => {
4277
- !c && s([]), o(null), f(""), l(!1);
4274
+ ), c = e !== void 0, p = c ? (e == null ? void 0 : e.map(ro)) || [] : d, [m, f] = v.useState(""), g = (S) => f(S), w = (S) => {
4275
+ r === "single" ? $(S) : (s(p.filter((C) => C !== S)), o((e == null ? void 0 : e.filter(({ key: C }) => C !== S)) || null));
4278
4276
  }, x = () => {
4277
+ !c && s([]), o(null), f(""), l(!1);
4278
+ }, N = () => {
4279
4279
  g(""), n.current && (n.current.value = "");
4280
4280
  }, E = v.useMemo(() => {
4281
- const N = r === "multi" && _;
4281
+ const S = r === "multi" && _;
4282
4282
  let C = a;
4283
4283
  return m && (C = C.filter((b) => {
4284
4284
  var F;
4285
4285
  if (b.groupHeader)
4286
4286
  return !0;
4287
- const w = m.toLowerCase(), B = b.name.toLowerCase(), T = (F = b.secondaryText) == null ? void 0 : F.toLowerCase();
4288
- return B.includes(w) || (T == null ? void 0 : T.includes(w));
4287
+ const k = m.toLowerCase(), B = b.name.toLowerCase(), T = (F = b.secondaryText) == null ? void 0 : F.toLowerCase();
4288
+ return B.includes(k) || (T == null ? void 0 : T.includes(k));
4289
4289
  }).filter(
4290
- (b, w, B) => {
4290
+ (b, k, B) => {
4291
4291
  var T;
4292
- return !(b.groupHeader && ((T = B[w + 1]) != null && T.groupHeader || w === B.length - 1));
4292
+ return !(b.groupHeader && ((T = B[k + 1]) != null && T.groupHeader || k === B.length - 1));
4293
4293
  }
4294
- )), N && C.length > 1 && (C = [
4294
+ )), S && C.length > 1 && (C = [
4295
4295
  {
4296
4296
  key: Ca,
4297
4297
  name: _
4298
4298
  },
4299
4299
  ...C
4300
4300
  ]), C;
4301
- }, [m, a, r, _]), $ = (N) => {
4302
- const C = a.find((b) => b.key === N);
4303
- (!C || C.disabled) && N !== Ca || (r === "single" ? (s(() => (C && o([C]), [N])), l(!1), i && x()) : N === Ca ? p.length === x_(a).length ? s(() => (o(null), [])) : s(() => {
4301
+ }, [m, a, r, _]), $ = (S) => {
4302
+ const C = a.find((b) => b.key === S);
4303
+ (!C || C.disabled) && S !== Ca || (r === "single" ? (s(() => (C && o([C]), [S])), l(!1), i && N()) : S === Ca ? p.length === x_(a).length ? s(() => (o(null), [])) : s(() => {
4304
4304
  const b = x_(a);
4305
- return o(b), b.map(({ key: w }) => w);
4306
- }) : (c ? p.includes(N) ? (o(
4307
- (e == null ? void 0 : e.filter(({ key: b }) => b !== N)) || null
4308
- ), s((b) => b.filter((w) => w !== N))) : (o([...e || [], C]), s((b) => [...b, N])) : s((b) => {
4309
- const w = Dn(b, N);
4310
- return o(a.filter(({ key: B }) => w.includes(B))), w;
4311
- }), i && x()));
4305
+ return o(b), b.map(({ key: k }) => k);
4306
+ }) : (c ? p.includes(S) ? (o(
4307
+ (e == null ? void 0 : e.filter(({ key: b }) => b !== S)) || null
4308
+ ), s((b) => b.filter((k) => k !== S))) : (o([...e || [], C]), s((b) => [...b, S])) : s((b) => {
4309
+ const k = Dn(b, S);
4310
+ return o(a.filter(({ key: B }) => k.includes(B))), k;
4311
+ }), i && N()));
4312
4312
  };
4313
4313
  return {
4314
4314
  selectedKeys: p,
@@ -4316,8 +4316,8 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4316
4316
  searchPhrase: m,
4317
4317
  handleSelect: $,
4318
4318
  handleOnFilter: g,
4319
- handleItemRemove: k,
4320
- handleClear: S
4319
+ handleItemRemove: w,
4320
+ handleClear: x
4321
4321
  };
4322
4322
  }, lc = {
4323
4323
  "picker-wrapper": "lc-Picker-module__picker-wrapper___uaLHq"
@@ -4338,15 +4338,15 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4338
4338
  noSearchResultText: m = "No results found",
4339
4339
  selectAllOptionText: f,
4340
4340
  type: g = "single",
4341
- searchDisabled: k = !1,
4342
- hideClearButton: S,
4343
- isVisible: x,
4341
+ searchDisabled: w = !1,
4342
+ hideClearButton: x,
4343
+ isVisible: N,
4344
4344
  onOpen: E,
4345
4345
  onClose: $,
4346
- openedOnInit: N = !1,
4346
+ openedOnInit: S = !1,
4347
4347
  clearSearchAfterSelection: C = !0,
4348
4348
  onSelect: b,
4349
- placement: w,
4349
+ placement: k,
4350
4350
  floatingStrategy: B,
4351
4351
  root: T,
4352
4352
  useDismissHookProps: F,
@@ -4387,7 +4387,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4387
4387
  "inputProps",
4388
4388
  "noDataFallbackText"
4389
4389
  ]);
4390
- const [Y, re] = v.useState(N), [Ce, fe] = v.useState(!1), K = x !== void 0, j = K ? x : Y, ut = v.useRef(null), { readOnly: wt } = Ot(), aa = wt || (G == null ? void 0 : G.readOnly), Pt = (be, G_) => {
4390
+ const [Y, re] = v.useState(S), [Ce, fe] = v.useState(!1), K = N !== void 0, j = K ? N : Y, ut = v.useRef(null), { readOnly: wt } = Ot(), aa = wt || (G == null ? void 0 : G.readOnly), Pt = (be, G_) => {
4391
4391
  be ? !j && (E == null || E(G_)) : j && ($ == null || $(G_)), !K && re(be);
4392
4392
  }, {
4393
4393
  selectedKeys: Mt,
@@ -4422,10 +4422,10 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4422
4422
  setPointer: pa,
4423
4423
  isPositioned: e_
4424
4424
  } = Ko({
4425
- openedOnInit: N,
4425
+ openedOnInit: S,
4426
4426
  disabled: l,
4427
4427
  items: H,
4428
- placement: w,
4428
+ placement: k,
4429
4429
  minListHeight: _,
4430
4430
  maxListHeight: o,
4431
4431
  floatingStrategy: B,
@@ -4451,7 +4451,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4451
4451
  isItemSelected: Mt.length > 0,
4452
4452
  isOpen: j,
4453
4453
  onClear: da,
4454
- hideClearButton: S,
4454
+ hideClearButton: x,
4455
4455
  isDisabled: l,
4456
4456
  isError: i,
4457
4457
  isRequired: p,
@@ -4463,7 +4463,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4463
4463
  _c,
4464
4464
  {
4465
4465
  isOpen: j,
4466
- isSearchDisabled: k,
4466
+ isSearchDisabled: w,
4467
4467
  isDisabled: l,
4468
4468
  placeholder: c,
4469
4469
  selectedItems: d,
@@ -4496,7 +4496,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4496
4496
  activeIndex: Jr,
4497
4497
  selectedKeys: Mt,
4498
4498
  listElementsRef: Zr,
4499
- searchDisabled: k,
4499
+ searchDisabled: w,
4500
4500
  isPositioned: e_,
4501
4501
  onItemRemove: ne,
4502
4502
  setPointer: pa,
@@ -4524,7 +4524,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4524
4524
  return r && o ? [] : l;
4525
4525
  }, Eu = v.forwardRef(
4526
4526
  (g, f) => {
4527
- var k = g, {
4527
+ var w = g, {
4528
4528
  disabled: e,
4529
4529
  minListHeight: a = Ho,
4530
4530
  maxListHeight: r = zo,
@@ -4537,7 +4537,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4537
4537
  alwaysShowAllOptions: s,
4538
4538
  hideIfExactMatch: c = !0,
4539
4539
  noDataFallbackText: p = "No data"
4540
- } = k, m = U(k, [
4540
+ } = w, m = U(w, [
4541
4541
  "disabled",
4542
4542
  "minListHeight",
4543
4543
  "maxListHeight",
@@ -4551,9 +4551,9 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4551
4551
  "hideIfExactMatch",
4552
4552
  "noDataFallbackText"
4553
4553
  ]);
4554
- const S = v.useRef(null), { readOnly: x } = Ot(), E = x || i;
4555
- v.useImperativeHandle(f, () => S.current, []);
4556
- const [$, N] = v.useState(""), b = m.value !== void 0 ? m.value : $, [w, B] = v.useState(
4554
+ const x = v.useRef(null), { readOnly: N } = Ot(), E = N || i;
4555
+ v.useImperativeHandle(f, () => x.current, []);
4556
+ const [$, S] = v.useState(""), b = m.value !== void 0 ? m.value : $, [k, B] = v.useState(
4557
4557
  _
4558
4558
  ), T = (pe) => {
4559
4559
  B(pe);
@@ -4561,7 +4561,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4561
4561
  q(pe);
4562
4562
  }, A = (pe) => {
4563
4563
  var ze, Ft;
4564
- (ze = m.onChange) == null || ze.call(m, pe), N(pe.target.value), s || F(pe.target.value), (Ft = S.current) == null || Ft.focus();
4564
+ (ze = m.onChange) == null || ze.call(m, pe), S(pe.target.value), s || F(pe.target.value), (Ft = x.current) == null || Ft.focus();
4565
4565
  }, O = (pe) => {
4566
4566
  var Ft, ua, ma;
4567
4567
  const ze = pe.key === "Enter";
@@ -4582,7 +4582,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4582
4582
  onSelect: G,
4583
4583
  setOpen: B,
4584
4584
  clearSearchAfterSelection: !0,
4585
- inputRef: S
4585
+ inputRef: x
4586
4586
  }), Ce = sc(
4587
4587
  L,
4588
4588
  d || !1,
@@ -4608,7 +4608,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4608
4608
  disabled: e || i,
4609
4609
  items: L,
4610
4610
  searchPhrase: s ? "" : P,
4611
- isOpen: w,
4611
+ isOpen: k,
4612
4612
  onVisibilityChange: T,
4613
4613
  minListHeight: a,
4614
4614
  maxListHeight: r,
@@ -4625,7 +4625,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4625
4625
  /* @__PURE__ */ t(
4626
4626
  Tn,
4627
4627
  I(y({}, m), {
4628
- ref: S,
4628
+ ref: x,
4629
4629
  onChange: A,
4630
4630
  onKeyDown: O,
4631
4631
  value: b,
@@ -4634,7 +4634,7 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4634
4634
  type: "text"
4635
4635
  })
4636
4636
  ),
4637
- /* @__PURE__ */ t(Sa, { id: fe, children: w && /* @__PURE__ */ t($a, { children: /* @__PURE__ */ t(
4637
+ /* @__PURE__ */ t(Sa, { id: fe, children: k && /* @__PURE__ */ t($a, { children: /* @__PURE__ */ t(
4638
4638
  Vo,
4639
4639
  {
4640
4640
  context: K,
@@ -4679,17 +4679,17 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4679
4679
  }, [o]);
4680
4680
  const p = (f, g) => {
4681
4681
  c || s(f), i(f, g);
4682
- }, m = a.map(({ id: f, label: g, loading: k, disabled: S, icon: x }) => {
4682
+ }, m = a.map(({ id: f, label: g, loading: w, disabled: x, icon: N }) => {
4683
4683
  const E = f === d, $ = E ? Cr["btn--active"] : "";
4684
4684
  return /* @__PURE__ */ t(
4685
4685
  z,
4686
4686
  {
4687
4687
  fullWidth: l,
4688
- loading: E ? !1 : k,
4689
- disabled: S,
4688
+ loading: E ? !1 : w,
4689
+ disabled: x,
4690
4690
  "aria-pressed": E,
4691
4691
  kind: "secondary",
4692
- icon: x,
4692
+ icon: N,
4693
4693
  className: u(Cr.btn, Cr[`btn--${e}`], $),
4694
4694
  onClick: (C) => {
4695
4695
  p(f, C);
@@ -4734,9 +4734,9 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4734
4734
  "src",
4735
4735
  "title"
4736
4736
  ]);
4737
- const [p, m] = v.useState(!1), f = p ? or : ta, g = p ? "Hide" : "Show more", k = (a == null ? void 0 : a.length) > 0, S = !!l, x = k || S, E = n, $ = i, N = $ ? "" : Ye[Cc];
4737
+ const [p, m] = v.useState(!1), f = p ? or : ta, g = p ? "Hide" : "Show more", w = (a == null ? void 0 : a.length) > 0, x = !!l, N = w || x, E = n, $ = i, S = $ ? "" : Ye[Cc];
4738
4738
  return /* @__PURE__ */ h("div", I(y({ className: u(Ye[tr], _) }, d), { children: [
4739
- E && /* @__PURE__ */ h("div", { className: u(Ye[Gr], N), children: [
4739
+ E && /* @__PURE__ */ h("div", { className: u(Ye[Gr], S), children: [
4740
4740
  $ && /* @__PURE__ */ t(
4741
4741
  "img",
4742
4742
  {
@@ -4767,22 +4767,22 @@ const Fn = "lc-Avatar-module__avatar___5-kP8", Rn = "lc-Avatar-module__avatar__s
4767
4767
  children: l
4768
4768
  }
4769
4769
  ),
4770
- x && /* @__PURE__ */ h("div", { className: Ye[$r], children: [
4770
+ N && /* @__PURE__ */ h("div", { className: Ye[$r], children: [
4771
4771
  /* @__PURE__ */ t("div", { className: Ye[`${$r}__line`] }),
4772
4772
  /* @__PURE__ */ h("div", { className: Ye[`${$r}__buttons`], children: [
4773
- k && a.map(
4774
- ({ kind: C, onClick: b, children: w }, B) => /* @__PURE__ */ t(
4773
+ w && a.map(
4774
+ ({ kind: C, onClick: b, children: k }, B) => /* @__PURE__ */ t(
4775
4775
  z,
4776
4776
  {
4777
4777
  size: "compact",
4778
4778
  kind: C,
4779
4779
  onClick: b,
4780
- children: w
4780
+ children: k
4781
4781
  },
4782
4782
  B
4783
4783
  )
4784
4784
  ),
4785
- S && /* @__PURE__ */ t(
4785
+ x && /* @__PURE__ */ t(
4786
4786
  z,
4787
4787
  {
4788
4788
  className: Ye[`${$r}__buttons-expander`],
@@ -5068,7 +5068,7 @@ const xc = (e) => {
5068
5068
  }) => {
5069
5069
  const f = Xt(
5070
5070
  a || null
5071
- ), [g, k] = xc({
5071
+ ), [g, w] = xc({
5072
5072
  initialFromDate: r,
5073
5073
  initialToDate: _,
5074
5074
  toMonth: i,
@@ -5081,7 +5081,7 @@ const xc = (e) => {
5081
5081
  onRangeSelect: s
5082
5082
  });
5083
5083
  V(() => {
5084
- k({
5084
+ w({
5085
5085
  type: W.SET_CUSTOM_TEMP_RANGE,
5086
5086
  payload: {
5087
5087
  customTempFrom: o,
@@ -5089,12 +5089,12 @@ const xc = (e) => {
5089
5089
  }
5090
5090
  });
5091
5091
  }, [o, l]), V(() => {
5092
- k({
5092
+ w({
5093
5093
  type: W.SET_FROM,
5094
5094
  payload: { date: r }
5095
5095
  });
5096
5096
  }, [r]), V(() => {
5097
- k({
5097
+ w({
5098
5098
  type: W.SET_TO,
5099
5099
  payload: { date: _ }
5100
5100
  });
@@ -5104,15 +5104,15 @@ const xc = (e) => {
5104
5104
  _,
5105
5105
  i
5106
5106
  );
5107
- k({
5107
+ w({
5108
5108
  type: W.CURRENT_MONTH_CHANGE,
5109
5109
  payload: { date: b }
5110
5110
  });
5111
5111
  }, [i, r, _]), V(() => {
5112
- const { from: b, selectedItem: w, to: B } = g;
5112
+ const { from: b, selectedItem: k, to: B } = g;
5113
5113
  if (!(b && B))
5114
5114
  return;
5115
- const T = Ja(w, e);
5115
+ const T = Ja(k, e);
5116
5116
  T && (d == null || d(I(y({}, T), {
5117
5117
  value: {
5118
5118
  from: b,
@@ -5120,10 +5120,10 @@ const xc = (e) => {
5120
5120
  }
5121
5121
  })));
5122
5122
  }, [g.from, g.to, g.selectedItem, e, d]), V(() => {
5123
- const { from: b, to: w } = g;
5124
- !(b && w) || !s || s == null || s({
5123
+ const { from: b, to: k } = g;
5124
+ !(b && k) || !s || s == null || s({
5125
5125
  from: b,
5126
- to: w
5126
+ to: k
5127
5127
  });
5128
5128
  }, [g.from, g.to, s]), V(() => {
5129
5129
  const { selectedItem: b } = g;
@@ -5146,46 +5146,46 @@ const xc = (e) => {
5146
5146
  to: g.temporaryTo
5147
5147
  });
5148
5148
  }, [g.temporaryFrom, g.temporaryTo]);
5149
- const S = kt(() => {
5150
- const { from: b, to: w } = g;
5151
- b && w && c && c({
5149
+ const x = kt(() => {
5150
+ const { from: b, to: k } = g;
5151
+ b && k && c && c({
5152
5152
  from: b,
5153
- to: w
5153
+ to: k
5154
5154
  });
5155
- }, [c]), x = kt(
5155
+ }, [c]), N = kt(
5156
5156
  (b) => {
5157
- const { from: w, to: B } = g, T = i ? Eo(i, b) >= 0 : !0;
5158
- w && !oo(w, B) && T && (ei(b, w) ? (k({
5157
+ const { from: k, to: B } = g, T = i ? Eo(i, b) >= 0 : !0;
5158
+ k && !oo(k, B) && T && (ei(b, k) ? (w({
5159
5159
  type: W.NEW_TEMPORARY_FROM_VALUE,
5160
5160
  payload: { date: b }
5161
- }), k({
5161
+ }), w({
5162
5162
  type: W.NEW_TEMPORARY_TO_VALUE,
5163
- payload: { date: w }
5164
- })) : (k({
5163
+ payload: { date: k }
5164
+ })) : (w({
5165
5165
  type: W.NEW_TEMPORARY_TO_VALUE,
5166
5166
  payload: { date: b }
5167
- }), k({
5167
+ }), w({
5168
5168
  type: W.NEW_TEMPORARY_FROM_VALUE,
5169
- payload: { date: w }
5169
+ payload: { date: k }
5170
5170
  })));
5171
5171
  },
5172
5172
  [i, g.from, g.to]
5173
5173
  ), E = kt(
5174
5174
  (b) => {
5175
- const { from: w, to: B } = g;
5176
- Xo(b, { to: i }) && (oo(w, B) ? (k({
5175
+ const { from: k, to: B } = g;
5176
+ Xo(b, { to: i }) && (oo(k, B) ? (w({
5177
5177
  type: W.SELECT_FIRST_DAY,
5178
5178
  payload: { date: b }
5179
- }), k({
5179
+ }), w({
5180
5180
  type: W.NEW_TEMPORARY_FROM_VALUE,
5181
5181
  payload: { date: b }
5182
- }), k({
5182
+ }), w({
5183
5183
  type: W.NEW_TEMPORARY_TO_VALUE,
5184
5184
  payload: { date: b }
5185
- })) : w && $_(b, w) || w && N_(b, w) ? k({
5185
+ })) : k && $_(b, k) || k && N_(b, k) ? w({
5186
5186
  type: W.SELECT_SECOND_DAY_AS_TO,
5187
5187
  payload: { date: b }
5188
- }) : k({
5188
+ }) : w({
5189
5189
  type: W.SELECT_SECOND_DAY_AS_FROM,
5190
5190
  payload: { date: b }
5191
5191
  }));
@@ -5194,20 +5194,20 @@ const xc = (e) => {
5194
5194
  ), $ = kt(
5195
5195
  (b) => {
5196
5196
  if (b === null) {
5197
- k({
5197
+ w({
5198
5198
  type: W.NEW_SELECTED_ITEM,
5199
5199
  payload: { selectedItem: null }
5200
5200
  });
5201
5201
  return;
5202
5202
  }
5203
- Ja(b, e) && k({
5203
+ Ja(b, e) && w({
5204
5204
  type: W.NEW_SELECTED_ITEM,
5205
5205
  payload: { selectedItem: b }
5206
5206
  });
5207
5207
  },
5208
5208
  [e]
5209
- ), N = kt((b) => {
5210
- k({
5209
+ ), S = kt((b) => {
5210
+ w({
5211
5211
  type: W.CURRENT_MONTH_CHANGE,
5212
5212
  payload: { date: b }
5213
5213
  });
@@ -5215,14 +5215,14 @@ const xc = (e) => {
5215
5215
  return m((() => {
5216
5216
  const {
5217
5217
  currentMonth: b,
5218
- from: w,
5218
+ from: k,
5219
5219
  selectedItem: B,
5220
5220
  temporaryFrom: T,
5221
5221
  temporaryTo: F,
5222
5222
  to: A,
5223
5223
  customTempFrom: O,
5224
5224
  customTempTo: G
5225
- } = g, M = wa(() => Ja(B, e), [e, B]), L = wa(() => ({ from: T || w, to: F }), [w, T, F]), P = wa(() => {
5225
+ } = g, M = wa(() => Ja(B, e), [e, B]), L = wa(() => ({ from: T || k, to: F }), [k, T, F]), P = wa(() => {
5226
5226
  if (!(!O || !G))
5227
5227
  return { from: O, to: G };
5228
5228
  }, [O, G]), q = wa(() => i ? { after: i } : void 0, [i]);
@@ -5232,7 +5232,7 @@ const xc = (e) => {
5232
5232
  selected: B || ""
5233
5233
  },
5234
5234
  inputs: {
5235
- fromDate: w,
5235
+ fromDate: k,
5236
5236
  toDate: A
5237
5237
  },
5238
5238
  datepicker: {
@@ -5244,9 +5244,9 @@ const xc = (e) => {
5244
5244
  endMonth: i,
5245
5245
  disabled: q,
5246
5246
  today: n,
5247
- onDayMouseEnter: x,
5248
- onMonthChange: N,
5249
- onSelect: S
5247
+ onDayMouseEnter: N,
5248
+ onMonthChange: S,
5249
+ onSelect: x
5250
5250
  },
5251
5251
  selectedOption: M
5252
5252
  };
@@ -5304,36 +5304,36 @@ const Iu = (e) => {
5304
5304
  hideLabelOnOpen: d,
5305
5305
  onClick: s
5306
5306
  }) => {
5307
- const [c, p] = v.useState(n), [m, f] = v.useState(0), g = v.useRef(null), k = u(
5307
+ const [c, p] = v.useState(n), [m, f] = v.useState(0), g = v.useRef(null), w = u(
5308
5308
  J[Q],
5309
5309
  l && J[`${Q}--with-divider`],
5310
5310
  a
5311
- ), S = d && c, x = typeof o == "string", E = (N) => {
5312
- p((C) => !C), N.currentTarget.blur(), s == null || s(N);
5313
- }, $ = (N) => {
5314
- const b = N.target.tagName.toLowerCase();
5315
- Ec.includes(b) || (p((w) => !w), s == null || s(N));
5311
+ ), x = d && c, N = typeof o == "string", E = (S) => {
5312
+ p((C) => !C), S.currentTarget.blur(), s == null || s(S);
5313
+ }, $ = (S) => {
5314
+ const b = S.target.tagName.toLowerCase();
5315
+ Ec.includes(b) || (p((k) => !k), s == null || s(S));
5316
5316
  };
5317
5317
  return v.useEffect(() => {
5318
- const N = !!window.IntersectionObserver;
5319
- if (g.current && N) {
5318
+ const S = !!window.IntersectionObserver;
5319
+ if (g.current && S) {
5320
5320
  const C = new ResizeObserver(() => {
5321
5321
  g.current && m !== g.current.offsetHeight && f(g.current.offsetHeight);
5322
5322
  });
5323
5323
  return C.observe(g.current), () => C.disconnect();
5324
5324
  }
5325
- }, [g]), /* @__PURE__ */ h("div", { className: k, children: [
5325
+ }, [g]), /* @__PURE__ */ h("div", { className: w, children: [
5326
5326
  /* @__PURE__ */ t(
5327
5327
  "div",
5328
5328
  {
5329
5329
  className: u(
5330
5330
  J[`${Q}__label-wrapper`],
5331
5331
  d && J[`${Q}__label-wrapper--fading`],
5332
- S && J[`${Q}__label-wrapper--hide`],
5332
+ x && J[`${Q}__label-wrapper--hide`],
5333
5333
  c && J[`${Q}__label-wrapper--open`]
5334
5334
  ),
5335
5335
  "aria-expanded": c,
5336
- "aria-hidden": S,
5336
+ "aria-hidden": x,
5337
5337
  "data-testid": "details-card-label",
5338
5338
  onClick: $,
5339
5339
  children: /* @__PURE__ */ h(
@@ -5345,7 +5345,7 @@ const Iu = (e) => {
5345
5345
  ),
5346
5346
  children: [
5347
5347
  r && /* @__PURE__ */ t("div", { className: J[`${Q}__label__left-node`], children: r }),
5348
- x ? /* @__PURE__ */ t(
5348
+ N ? /* @__PURE__ */ t(
5349
5349
  he,
5350
5350
  {
5351
5351
  size: "xs",
@@ -5590,7 +5590,7 @@ const Iu = (e) => {
5590
5590
  boldLabel: s = !1,
5591
5591
  readOnly: c = !1
5592
5592
  }) => {
5593
- const p = v.useRef(null), [m, f] = v.useState("auto"), { isEmpty: g } = Ot(), k = u(
5593
+ const p = v.useRef(null), [m, f] = v.useState("auto"), { isEmpty: g } = Ot(), w = u(
5594
5594
  ce[se],
5595
5595
  {
5596
5596
  [ce[`${se}--inline`]]: e
@@ -5598,9 +5598,9 @@ const Iu = (e) => {
5598
5598
  l
5599
5599
  );
5600
5600
  return v.useEffect(() => {
5601
- const S = p;
5602
- return e && S.current ? f(`${S.current.clientHeight}px`) : f("auto");
5603
- }), /* @__PURE__ */ h("div", { className: k, children: [
5601
+ const x = p;
5602
+ return e && x.current ? f(`${x.current.clientHeight}px`) : f("auto");
5603
+ }), /* @__PURE__ */ h("div", { className: w, children: [
5604
5604
  d && e && /* @__PURE__ */ h(v.Fragment, { children: [
5605
5605
  /* @__PURE__ */ t(
5606
5606
  D,
@@ -5829,9 +5829,9 @@ const Iu = (e) => {
5829
5829
  "showBotsInTooltip"
5830
5830
  ]);
5831
5831
  const [p, m] = de(!1), [f, g] = de(!1), {
5832
- availableAgentsNumber: k,
5833
- visibleAgents: S,
5834
- hasOnlyUnavailableAgents: x,
5832
+ availableAgentsNumber: w,
5833
+ visibleAgents: x,
5834
+ hasOnlyUnavailableAgents: N,
5835
5835
  onlyAgentsNumber: E,
5836
5836
  onlyBotsNumber: $
5837
5837
  } = wa(() => {
@@ -5847,16 +5847,16 @@ const Iu = (e) => {
5847
5847
  onlyAgentsNumber: G,
5848
5848
  onlyBotsNumber: M
5849
5849
  };
5850
- }, [e]), N = () => {
5850
+ }, [e]), S = () => {
5851
5851
  a(), m(!1), g(!1);
5852
5852
  }, C = () => {
5853
5853
  r(), m(!1), g(!1);
5854
5854
  }, b = () => {
5855
5855
  i(), m(!1), g(!1);
5856
- }, w = [
5856
+ }, k = [
5857
5857
  {
5858
5858
  key: "chatbot",
5859
- onClick: N,
5859
+ onClick: S,
5860
5860
  element: /* @__PURE__ */ t(rr, { leftNode: /* @__PURE__ */ t(R, { source: kl }), children: "Set up ChatBot" })
5861
5861
  },
5862
5862
  {
@@ -5873,7 +5873,7 @@ const Iu = (e) => {
5873
5873
  Ze[je],
5874
5874
  {
5875
5875
  [Ze[`${je}--empty`]]: e.length === 0,
5876
- [Ze[`${je}--only-unavailable`]]: x
5876
+ [Ze[`${je}--only-unavailable`]]: N
5877
5877
  },
5878
5878
  _
5879
5879
  ),
@@ -5888,7 +5888,7 @@ const Iu = (e) => {
5888
5888
  onOpen: () => g(!0),
5889
5889
  onClose: () => g(!1),
5890
5890
  className: u(Qt.Dark, Ze[`${je}__tooltip`]),
5891
- triggerRenderer: x ? /* @__PURE__ */ h(
5891
+ triggerRenderer: N ? /* @__PURE__ */ h(
5892
5892
  "div",
5893
5893
  {
5894
5894
  className: Ze[`${je}__not-accepting`],
@@ -5911,7 +5911,7 @@ const Iu = (e) => {
5911
5911
  className: Ze[`${je}__tooltip-trigger`],
5912
5912
  onClick: b,
5913
5913
  children: [
5914
- /* @__PURE__ */ t("div", { className: Ze[`${je}__avatar-container`], children: S.map((B, T) => /* @__PURE__ */ t(
5914
+ /* @__PURE__ */ t("div", { className: Ze[`${je}__avatar-container`], children: x.map((B, T) => /* @__PURE__ */ t(
5915
5915
  P_,
5916
5916
  {
5917
5917
  text: B.name,
@@ -5924,23 +5924,23 @@ const Iu = (e) => {
5924
5924
  },
5925
5925
  B.email
5926
5926
  )) }),
5927
- k > 0 && /* @__PURE__ */ t(
5927
+ w > 0 && /* @__PURE__ */ t(
5928
5928
  D,
5929
5929
  {
5930
5930
  className: Ze[`${je}__available-agents-number`],
5931
- children: k
5931
+ children: w
5932
5932
  }
5933
5933
  )
5934
5934
  ]
5935
5935
  }
5936
5936
  ),
5937
- children: x ? /* @__PURE__ */ t(
5937
+ children: N ? /* @__PURE__ */ t(
5938
5938
  Wi,
5939
5939
  {
5940
5940
  header: "No one's available to assist customers",
5941
5941
  text: "Offer 24/7 support with ChatBot.",
5942
5942
  primaryButton: {
5943
- handleClick: N,
5943
+ handleClick: S,
5944
5944
  label: "Set up ChatBot"
5945
5945
  }
5946
5946
  }
@@ -5991,7 +5991,7 @@ const Iu = (e) => {
5991
5991
  visible: p,
5992
5992
  onOpen: () => m(!0),
5993
5993
  onClose: () => m(!1),
5994
- options: w,
5994
+ options: k,
5995
5995
  triggerRenderer: /* @__PURE__ */ t(
5996
5996
  Rc,
5997
5997
  {
@@ -6312,7 +6312,7 @@ const Iu = (e) => {
6312
6312
  "onChange",
6313
6313
  "noDataFallbackText"
6314
6314
  ]);
6315
- const f = v.useRef(null), { readOnly: g } = Ot(), k = g || c.readOnly, S = u(
6315
+ const f = v.useRef(null), { readOnly: g } = Ot(), w = g || c.readOnly, x = u(
6316
6316
  ba[va],
6317
6317
  {
6318
6318
  [ba[`${va}--error`]]: a,
@@ -6320,10 +6320,10 @@ const Iu = (e) => {
6320
6320
  [ba[`${va}--disabled`]]: l
6321
6321
  },
6322
6322
  e
6323
- ), x = (T) => d(String(T)), E = (T) => _ !== void 0 && T > _ ? _ : o !== void 0 && T < o ? o : T, $ = (T) => {
6323
+ ), N = (T) => d(String(T)), E = (T) => _ !== void 0 && T > _ ? _ : o !== void 0 && T < o ? o : T, $ = (T) => {
6324
6324
  const F = parseInt(r, 10) + T;
6325
- return x(E(F));
6326
- }, N = (T) => {
6325
+ return N(E(F));
6326
+ }, S = (T) => {
6327
6327
  T.key === ue.arrowDown && (T.preventDefault(), $(-1)), T.key === ue.arrowUp && (T.preventDefault(), $(1));
6328
6328
  }, C = (T, F) => F !== void 0 && parseInt(T, 10) === F, b = (T) => {
6329
6329
  T.preventDefault(), T.stopPropagation();
@@ -6332,23 +6332,23 @@ const Iu = (e) => {
6332
6332
  ""
6333
6333
  );
6334
6334
  if (F === "" || F === "-")
6335
- return x(F);
6335
+ return N(F);
6336
6336
  const A = parseInt(F, 10);
6337
- return x(E(A));
6338
- }, w = () => {
6337
+ return N(E(A));
6338
+ }, k = () => {
6339
6339
  var T;
6340
6340
  return (T = f.current) == null || T.focus(), $(1);
6341
6341
  }, B = () => {
6342
6342
  var T;
6343
6343
  return (T = f.current) == null || T.focus(), $(-1);
6344
6344
  };
6345
- return k ? /* @__PURE__ */ t(
6345
+ return w ? /* @__PURE__ */ t(
6346
6346
  xa,
6347
6347
  {
6348
6348
  value: r == null ? void 0 : r.toString(),
6349
6349
  noDataFallbackText: s
6350
6350
  }
6351
- ) : /* @__PURE__ */ h("div", { className: S, style: n, children: [
6351
+ ) : /* @__PURE__ */ h("div", { className: x, style: n, children: [
6352
6352
  /* @__PURE__ */ t(
6353
6353
  "input",
6354
6354
  I(y({
@@ -6358,7 +6358,7 @@ const Iu = (e) => {
6358
6358
  value: r,
6359
6359
  disabled: l,
6360
6360
  onChange: b,
6361
- onKeyDown: N,
6361
+ onKeyDown: S,
6362
6362
  min: o,
6363
6363
  max: _
6364
6364
  })
@@ -6369,7 +6369,7 @@ const Iu = (e) => {
6369
6369
  {
6370
6370
  tabIndex: -1,
6371
6371
  disabled: l || C(r, _),
6372
- onClick: w,
6372
+ onClick: k,
6373
6373
  "aria-label": "Increment value",
6374
6374
  className: ba[`${va}__increment`],
6375
6375
  type: "button",
@@ -6437,13 +6437,13 @@ const Iu = (e) => {
6437
6437
  }, [a]), v.useEffect(() => {
6438
6438
  const g = !!window.ResizeObserver;
6439
6439
  if (c.current && g) {
6440
- const k = new ResizeObserver((S) => {
6441
- const x = S[0];
6442
- if (!x) return;
6443
- const E = x.contentRect.height + Yc;
6440
+ const w = new ResizeObserver((x) => {
6441
+ const N = x[0];
6442
+ if (!N) return;
6443
+ const E = N.contentRect.height + Yc;
6444
6444
  f.current !== E && (m(E), f.current = E);
6445
6445
  });
6446
- return k.observe(c.current), () => k.disconnect();
6446
+ return w.observe(c.current), () => w.disconnect();
6447
6447
  }
6448
6448
  }, [c]), /* @__PURE__ */ h(
6449
6449
  "div",
@@ -6566,45 +6566,48 @@ const Iu = (e) => {
6566
6566
  placeholderClassName: i,
6567
6567
  isCompleted: n = !1,
6568
6568
  completionMessageData: d,
6569
- className: s
6569
+ isInitiallyOpen: s,
6570
+ className: c
6570
6571
  }) => {
6571
- var N;
6572
- const [c, p] = v.useState(n), [m, f] = v.useState(!n), [g, k] = v.useState(void 0), S = v.useRef(null), x = d.height || 108, E = 108, $ = () => {
6573
- f((C) => !C);
6572
+ var C;
6573
+ const [p, m] = v.useState(n), [f, g] = v.useState(
6574
+ n ? s != null ? s : !1 : !0
6575
+ ), [w, x] = v.useState(void 0), N = v.useRef(null), E = d.height || 108, $ = 108, S = () => {
6576
+ g((b) => !b);
6574
6577
  };
6575
6578
  return v.useEffect(() => {
6576
- const C = d.delay || 1500, b = S.current;
6577
- if (n && b && !c) {
6578
- const w = b.offsetHeight;
6579
- k(w);
6580
- const B = setTimeout(() => {
6581
- p(!0), f(!1);
6582
- }, C);
6579
+ const b = d.delay || 1500, k = N.current;
6580
+ if (n && k && !p) {
6581
+ const B = k.offsetHeight;
6582
+ x(B);
6583
+ const T = setTimeout(() => {
6584
+ m(!0), g(!1);
6585
+ }, b);
6583
6586
  return () => {
6584
- clearTimeout(B);
6587
+ clearTimeout(T);
6585
6588
  };
6586
6589
  }
6587
- }, [n, c]), v.useEffect(() => {
6588
- if (S.current) {
6589
- const C = m ? S.current.scrollHeight + E : x;
6590
- k(C);
6590
+ }, [n, p]), v.useEffect(() => {
6591
+ if (N.current) {
6592
+ const b = f ? N.current.scrollHeight + $ : E;
6593
+ x(b);
6591
6594
  }
6592
- }, [m, c]), /* @__PURE__ */ h(
6595
+ }, [f, p]), /* @__PURE__ */ h(
6593
6596
  "div",
6594
6597
  {
6595
- ref: S,
6598
+ ref: N,
6596
6599
  className: u(
6597
6600
  ee[te],
6598
6601
  {
6599
- [ee[`${te}--complete`]]: c && !m
6602
+ [ee[`${te}--complete`]]: p && !f
6600
6603
  },
6601
- s
6604
+ c
6602
6605
  ),
6603
6606
  style: {
6604
- height: g
6607
+ height: w
6605
6608
  },
6606
6609
  children: [
6607
- m && /* @__PURE__ */ h(Z, { children: [
6610
+ f && /* @__PURE__ */ h(Z, { children: [
6608
6611
  /* @__PURE__ */ h("div", { className: ee[`${te}__column`], children: [
6609
6612
  /* @__PURE__ */ h("div", { className: ee[`${te}__header`], children: [
6610
6613
  _ && /* @__PURE__ */ t(
@@ -6625,20 +6628,20 @@ const Iu = (e) => {
6625
6628
  }
6626
6629
  )
6627
6630
  ] }),
6628
- /* @__PURE__ */ t("div", { className: ee[`${te}__checklist`], children: o.map((C, b) => /* @__PURE__ */ t(
6631
+ /* @__PURE__ */ t("div", { className: ee[`${te}__checklist`], children: o.map((b, k) => /* @__PURE__ */ t(
6629
6632
  Xc,
6630
6633
  {
6631
- id: C.id,
6632
- description: C.description,
6633
- customContent: C.customContent,
6634
- title: C.title,
6635
- titleHint: C.titleHint,
6636
- isActive: C.id === e,
6637
- isChecked: a.includes(C.id),
6634
+ id: b.id,
6635
+ description: b.description,
6636
+ customContent: b.customContent,
6637
+ title: b.title,
6638
+ titleHint: b.titleHint,
6639
+ isActive: b.id === e,
6640
+ isChecked: a.includes(b.id),
6638
6641
  onClick: l,
6639
- cta: C.cta
6642
+ cta: b.cta
6640
6643
  },
6641
- b
6644
+ k
6642
6645
  )) })
6643
6646
  ] }),
6644
6647
  /* @__PURE__ */ h(
@@ -6653,13 +6656,13 @@ const Iu = (e) => {
6653
6656
  i
6654
6657
  ),
6655
6658
  children: [
6656
- !n && /* @__PURE__ */ t("div", { className: ee[`${te}__placeholder`], children: (N = o.find((C) => C.id === e)) == null ? void 0 : N.placeholder }),
6659
+ !n && /* @__PURE__ */ t("div", { className: ee[`${te}__placeholder`], children: (C = o.find((b) => b.id === e)) == null ? void 0 : C.placeholder }),
6657
6660
  n && /* @__PURE__ */ t("div", { className: ee[`${te}__placeholder`], children: d.placeholder })
6658
6661
  ]
6659
6662
  }
6660
6663
  )
6661
6664
  ] }),
6662
- !m && /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ h("div", { className: ee[`${te}__complete`], children: [
6665
+ !f && /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ h("div", { className: ee[`${te}__complete`], children: [
6663
6666
  /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
6664
6667
  R,
6665
6668
  {
@@ -6695,26 +6698,26 @@ const Iu = (e) => {
6695
6698
  }
6696
6699
  )
6697
6700
  ] }) }),
6698
- c && /* @__PURE__ */ t(
6701
+ p && /* @__PURE__ */ t(
6699
6702
  z,
6700
6703
  {
6701
- kind: m ? "float" : "text",
6704
+ kind: f ? "float" : "text",
6702
6705
  icon: /* @__PURE__ */ t(
6703
6706
  R,
6704
6707
  {
6705
6708
  source: ta,
6706
6709
  className: u(
6707
6710
  ee[`${te}__button__icon`],
6708
- m && ee[`${te}__button__icon--open`]
6711
+ f && ee[`${te}__button__icon--open`]
6709
6712
  )
6710
6713
  }
6711
6714
  ),
6712
6715
  className: u(ee[`${te}__button`], {
6713
- [ee[`${te}__button--open`]]: m,
6714
- [ee[`${te}__button--closed`]]: !m
6716
+ [ee[`${te}__button--open`]]: f,
6717
+ [ee[`${te}__button--closed`]]: !f
6715
6718
  }),
6716
- onClick: $,
6717
- "aria-expanded": m
6719
+ onClick: S,
6720
+ "aria-expanded": f
6718
6721
  }
6719
6722
  )
6720
6723
  ]
@@ -6761,10 +6764,10 @@ const Iu = (e) => {
6761
6764
  useDismissHookProps: m,
6762
6765
  useClickHookProps: f,
6763
6766
  floatingStrategy: g,
6764
- transitionOptions: k
6767
+ transitionOptions: w
6765
6768
  }) => {
6766
- const [S, x] = v.useState(c), E = Lr(), $ = lr(), N = s !== void 0, C = N ? s : S, b = typeof _ == "string", w = typeof e == "function", B = (K, j) => {
6767
- K ? r == null || r(j) : a == null || a(j), !N && x(K);
6769
+ const [x, N] = v.useState(c), E = Lr(), $ = lr(), S = s !== void 0, C = S ? s : x, b = typeof _ == "string", k = typeof e == "function", B = (K, j) => {
6770
+ K ? r == null || r(j) : a == null || a(j), !S && N(K);
6768
6771
  }, { refs: T, context: F, floatingStyles: A } = ir({
6769
6772
  nodeId: $,
6770
6773
  open: C,
@@ -6793,7 +6796,7 @@ const Iu = (e) => {
6793
6796
  })
6794
6797
  }, { isMounted: Y, styles: re } = Hr(
6795
6798
  F,
6796
- k || q
6799
+ w || q
6797
6800
  ), Ce = u(Qc.popover, o), fe = /* @__PURE__ */ h(Z, { children: [
6798
6801
  /* @__PURE__ */ t(
6799
6802
  "div",
@@ -6802,7 +6805,7 @@ const Iu = (e) => {
6802
6805
  ref: T.setReference
6803
6806
  }, L()), {
6804
6807
  className: l,
6805
- children: w ? e() : e
6808
+ children: k ? e() : e
6806
6809
  })
6807
6810
  ),
6808
6811
  /* @__PURE__ */ t(Sa, { id: $, children: Y && /* @__PURE__ */ t(C_, { context: F, modal: !1, children: /* @__PURE__ */ t(
@@ -6928,7 +6931,7 @@ const Iu = (e) => {
6928
6931
  },
6929
6932
  onClick: f,
6930
6933
  isActive: g = !1,
6931
- isDarkMode: k
6934
+ isDarkMode: w
6932
6935
  }) => /* @__PURE__ */ h(Z, { children: [
6933
6936
  d && /* @__PURE__ */ t("div", { className: gt[`${ht}__divider`] }),
6934
6937
  /* @__PURE__ */ h(
@@ -6937,7 +6940,7 @@ const Iu = (e) => {
6937
6940
  href: n,
6938
6941
  target: "_blank",
6939
6942
  "aria-label": `Go to ${i} product`,
6940
- onClick: (S) => f(S, e),
6943
+ onClick: (x) => f(x, e),
6941
6944
  className: u(gt[ht], {
6942
6945
  [gt[`${ht}--expired`]]: c
6943
6946
  }),
@@ -6961,7 +6964,7 @@ const Iu = (e) => {
6961
6964
  ea,
6962
6965
  {
6963
6966
  className: u({
6964
- [gt[`${ht}__tooltip-dark-shadow`]]: k
6967
+ [gt[`${ht}__tooltip-dark-shadow`]]: w
6965
6968
  }),
6966
6969
  triggerRenderer: /* @__PURE__ */ t(
6967
6970
  R,
@@ -6978,7 +6981,7 @@ const Iu = (e) => {
6978
6981
  ea,
6979
6982
  {
6980
6983
  className: u(gt[`${ht}__trial-tooltip`], {
6981
- [gt[`${ht}__tooltip-dark-shadow`]]: k
6984
+ [gt[`${ht}__tooltip-dark-shadow`]]: w
6982
6985
  }),
6983
6986
  triggerRenderer: /* @__PURE__ */ t(
6984
6987
  R,
@@ -7025,19 +7028,19 @@ const Iu = (e) => {
7025
7028
  }) => {
7026
7029
  const [s, c] = v.useState(r), [p, m] = de(
7027
7030
  !1
7028
- ), f = Lr(), g = lr(), k = _ !== void 0, S = k ? _ : s, x = (P, q) => {
7029
- P ? l == null || l(q) : i == null || i(q), !k && c(P);
7030
- }, { refs: E, context: $, floatingStyles: N } = ir({
7031
+ ), f = Lr(), g = lr(), w = _ !== void 0, x = w ? _ : s, N = (P, q) => {
7032
+ P ? l == null || l(q) : i == null || i(q), !w && c(P);
7033
+ }, { refs: E, context: $, floatingStyles: S } = ir({
7031
7034
  nodeId: g,
7032
7035
  strategy: "fixed",
7033
7036
  placement: "right-start",
7034
- open: S,
7037
+ open: x,
7035
7038
  onOpenChange: (P, q) => {
7036
- m(!1), x(P, q);
7039
+ m(!1), N(P, q);
7037
7040
  },
7038
7041
  middleware: [nr({ mainAxis: 5 })],
7039
7042
  whileElementsMounted: cr
7040
- }), C = sr($), b = ur($), w = dr($), { isMounted: B, styles: T } = Hr($, {
7043
+ }), C = sr($), b = ur($), k = dr($), { isMounted: B, styles: T } = Hr($, {
7041
7044
  duration: 200,
7042
7045
  common: {
7043
7046
  transformOrigin: "left top"
@@ -7048,7 +7051,7 @@ const Iu = (e) => {
7048
7051
  }
7049
7052
  }), { getReferenceProps: F, getFloatingProps: A } = mr([
7050
7053
  C,
7051
- w,
7054
+ k,
7052
7055
  b
7053
7056
  ]), O = e.find(
7054
7057
  (P) => P.id === a
@@ -7093,7 +7096,7 @@ const Iu = (e) => {
7093
7096
  "div",
7094
7097
  I(y({
7095
7098
  ref: E.setFloating,
7096
- style: N
7099
+ style: S
7097
7100
  }, A()), {
7098
7101
  children: B && /* @__PURE__ */ h(
7099
7102
  "div",
@@ -7120,7 +7123,7 @@ const Iu = (e) => {
7120
7123
  href: d,
7121
7124
  target: "_blank",
7122
7125
  className: Ha[`${za}__footer-link`],
7123
- onClick: () => x(!1),
7126
+ onClick: () => N(!1),
7124
7127
  children: [
7125
7128
  /* @__PURE__ */ t(D, { noMargin: !0, children: "powered by" }),
7126
7129
  /* @__PURE__ */ t(
@@ -7768,22 +7771,22 @@ const Va = {
7768
7771
  const { initialFromDate: d, initialToDate: s } = l, c = d || s ? {
7769
7772
  from: d,
7770
7773
  to: s
7771
- } : void 0, [p, m] = de(c), [f, g] = de(!1), [k, S] = de(), [x, E] = de(e), [$, N] = de(), C = Xt(-1), b = Xt(null);
7774
+ } : void 0, [p, m] = de(c), [f, g] = de(!1), [w, x] = de(), [N, E] = de(e), [$, S] = de(), C = Xt(-1), b = Xt(null);
7772
7775
  window.onresize = () => window.innerWidth <= ks ? g(!0) : g(!1);
7773
- const w = (M) => C.current + M, B = (M) => {
7776
+ const k = (M) => C.current + M, B = (M) => {
7774
7777
  var q, Y;
7775
- C.current = w(M);
7778
+ C.current = k(M);
7776
7779
  const L = (q = b.current) == null ? void 0 : q.children, P = L && ((Y = L[C.current]) == null ? void 0 : Y.children[0]);
7777
7780
  return P == null ? void 0 : P.focus();
7778
7781
  }, T = (M) => {
7779
7782
  M.key === ue.arrowUp && C.current > 0 && (M.preventDefault(), B(-1)), M.key === ue.arrowDown && C.current + 1 < Br.length && (M.preventDefault(), B(1));
7780
7783
  }, F = (M, L) => {
7781
- m(M || void 0), r(M, L), S(void 0), N(void 0);
7784
+ m(M || void 0), r(M, L), x(void 0), S(void 0);
7782
7785
  }, A = () => {
7783
- S(void 0), E(!1);
7786
+ x(void 0), E(!1);
7784
7787
  }, O = kt(
7785
7788
  ({ from: M, to: L }, P) => {
7786
- F({ from: M, to: L }, P), A(), N(P);
7789
+ F({ from: M, to: L }, P), A(), S(P);
7787
7790
  },
7788
7791
  [F, A]
7789
7792
  ), G = kt(
@@ -7793,10 +7796,10 @@ const Va = {
7793
7796
  [p]
7794
7797
  );
7795
7798
  return V(() => {
7796
- if (x)
7799
+ if (N)
7797
7800
  return document.addEventListener("keydown", T), () => document.removeEventListener("keydown", T);
7798
7801
  C.current = -1;
7799
- }, [x, T]), V(() => {
7802
+ }, [N, T]), V(() => {
7800
7803
  if (a && !p) {
7801
7804
  const M = Br.find(({ id: L }) => L === a);
7802
7805
  M && O(M.value, M.id);
@@ -7804,7 +7807,7 @@ const Va = {
7804
7807
  }, [a, p, O]), /* @__PURE__ */ t("div", { className: Re[Ge], children: /* @__PURE__ */ t(
7805
7808
  es,
7806
7809
  {
7807
- isVisible: x,
7810
+ isVisible: N,
7808
7811
  onOpen: () => E(!0),
7809
7812
  onClose: A,
7810
7813
  className: Re[`${Ge}__popover`],
@@ -7821,7 +7824,7 @@ const Va = {
7821
7824
  className: u(
7822
7825
  Re[`${Ge}__trigger`],
7823
7826
  {
7824
- [Re[`${Ge}__trigger--active`]]: x
7827
+ [Re[`${Ge}__trigger--active`]]: N
7825
7828
  },
7826
7829
  _
7827
7830
  ),
@@ -7832,7 +7835,7 @@ const Va = {
7832
7835
  /* @__PURE__ */ t(
7833
7836
  bs,
7834
7837
  {
7835
- tempDate: k,
7838
+ tempDate: w,
7836
7839
  date: p,
7837
7840
  selectedOptionName: (M = Br.find(({ id: L }) => L === $)) == null ? void 0 : M.label
7838
7841
  }
@@ -7897,8 +7900,8 @@ const Va = {
7897
7900
  }
7898
7901
  ),
7899
7902
  onClick: () => O(M.value, M.id),
7900
- onMouseEnter: () => S(M.value),
7901
- onMouseLeave: () => S(void 0),
7903
+ onMouseEnter: () => x(M.value),
7904
+ onMouseLeave: () => x(void 0),
7902
7905
  children: [
7903
7906
  /* @__PURE__ */ t(D, { as: "span", children: M.label }),
7904
7907
  $ === M.id && /* @__PURE__ */ t(
@@ -7917,9 +7920,9 @@ const Va = {
7917
7920
  jo,
7918
7921
  I(y({
7919
7922
  onRangeSelect: G,
7920
- customTempFromDate: (k == null ? void 0 : k.from) || (p == null ? void 0 : p.from),
7921
- customTempToDate: (k == null ? void 0 : k.to) || (p == null ? void 0 : p.to),
7922
- onCustomTempDateRangeChange: S,
7923
+ customTempFromDate: (w == null ? void 0 : w.from) || (p == null ? void 0 : p.from),
7924
+ customTempToDate: (w == null ? void 0 : w.to) || (p == null ? void 0 : p.to),
7925
+ onCustomTempDateRangeChange: x,
7923
7926
  initialToDate: (p == null ? void 0 : p.to) || ys
7924
7927
  }, l), {
7925
7928
  children: ({ datepicker: M }) => /* @__PURE__ */ t(Sc, I(y({}, M), { numberOfMonths: f ? 1 : 2 }))
@@ -7978,30 +7981,30 @@ const Va = {
7978
7981
  ]);
7979
7982
  const f = v.useRef(null);
7980
7983
  v.useImperativeHandle(c, () => f.current, [c]);
7981
- const [g, k] = v.useState(!0), [S, x] = v.useState(!1), E = !!l && !a && !r, $ = e && !g && "true", N = u(
7984
+ const [g, w] = v.useState(!0), [x, N] = v.useState(!1), E = !!l && !a && !r, $ = e && !g && "true", S = u(
7982
7985
  i,
7983
7986
  Ue[it],
7984
7987
  Ue[`${it}--${o}`],
7985
- S && Ue[`${it}--focused`],
7988
+ x && Ue[`${it}--focused`],
7986
7989
  a && Ue[`${it}--disabled`],
7987
7990
  e && Ue[`${it}--collapsable`],
7988
7991
  e && Ue[`${it}--collapsable--${o}`],
7989
7992
  !g && Ue[`${it}--collapsable--open`]
7990
7993
  );
7991
7994
  v.useEffect(() => {
7992
- e && l && k(!1);
7995
+ e && l && w(!1);
7993
7996
  }, [e, l]);
7994
7997
  const C = (A) => {
7995
7998
  const O = A.currentTarget.value;
7996
7999
  d(O);
7997
8000
  }, b = () => {
7998
8001
  d("");
7999
- }, w = () => {
8002
+ }, k = () => {
8000
8003
  f.current && f.current.focus();
8001
8004
  }, B = () => {
8002
- e && k(!1), x(!0);
8005
+ e && w(!1), N(!0);
8003
8006
  }, T = () => {
8004
- e && !l && k(!0), x(!1);
8007
+ e && !l && w(!0), N(!1);
8005
8008
  }, F = (A) => {
8006
8009
  A.key === ue.enter && (A.preventDefault(), d(l));
8007
8010
  };
@@ -8010,8 +8013,8 @@ const Va = {
8010
8013
  {
8011
8014
  "aria-expanded": $,
8012
8015
  role: "search",
8013
- className: N,
8014
- onClick: w,
8016
+ className: S,
8017
+ onClick: k,
8015
8018
  children: [
8016
8019
  /* @__PURE__ */ t(
8017
8020
  R,
@@ -8382,17 +8385,17 @@ const Ka = {
8382
8385
  "innerRef",
8383
8386
  "ariaLabel"
8384
8387
  ]);
8385
- const f = o !== void 0, [g, k] = v.useState(
8388
+ const f = o !== void 0, [g, w] = v.useState(
8386
8389
  () => f ? o : a
8387
- ), [S, x] = v.useState(!1), E = f ? o : g, $ = n === "loading", N = n === "locked", C = i === "large" ? "small" : "xsmall", b = E ? "on" : "off", w = r || $ || N, B = w ? "disabled" : "enabled", T = u(
8390
+ ), [x, N] = v.useState(!1), E = f ? o : g, $ = n === "loading", S = n === "locked", C = i === "large" ? "small" : "xsmall", b = E ? "on" : "off", k = r || $ || S, B = k ? "disabled" : "enabled", T = u(
8388
8391
  ve[ge],
8389
8392
  ve[`${ge}--${i}`],
8390
8393
  {
8391
- [ve[`${ge}--focused`]]: S
8394
+ [ve[`${ge}--focused`]]: x
8392
8395
  },
8393
8396
  e
8394
8397
  ), F = (A) => {
8395
- l == null || l(A, !E), f || (A.stopPropagation(), k((O) => !O));
8398
+ l == null || l(A, !E), f || (A.stopPropagation(), w((O) => !O));
8396
8399
  };
8397
8400
  return /* @__PURE__ */ h("span", { className: T, children: [
8398
8401
  /* @__PURE__ */ t(
@@ -8407,18 +8410,18 @@ const Ka = {
8407
8410
  checked: E,
8408
8411
  name: _,
8409
8412
  ref: d,
8410
- disabled: w,
8413
+ disabled: k,
8411
8414
  "aria-label": s
8412
8415
  }, c), {
8413
- onFocus: () => x(!0),
8414
- onBlur: () => x(!1)
8416
+ onFocus: () => N(!0),
8417
+ onBlur: () => N(!1)
8415
8418
  })
8416
8419
  ),
8417
8420
  /* @__PURE__ */ h(
8418
8421
  "span",
8419
8422
  {
8420
8423
  className: u(ve[`${ge}__container`], {
8421
- [ve[`${ge}__container--focused`]]: S
8424
+ [ve[`${ge}__container--focused`]]: x
8422
8425
  }),
8423
8426
  children: [
8424
8427
  /* @__PURE__ */ t(
@@ -8451,7 +8454,7 @@ const Ka = {
8451
8454
  )
8452
8455
  }
8453
8456
  ),
8454
- N && /* @__PURE__ */ t(
8457
+ S && /* @__PURE__ */ t(
8455
8458
  R,
8456
8459
  {
8457
8460
  className: ve[`${ge}__icon`],
@@ -8692,8 +8695,8 @@ const td = ({
8692
8695
  return /* @__PURE__ */ t(
8693
8696
  "th",
8694
8697
  {
8695
- ref: (k) => {
8696
- l.current && (l.current[f] = k);
8698
+ ref: (w) => {
8699
+ l.current && (l.current[f] = w);
8697
8700
  },
8698
8701
  className: u({
8699
8702
  [oa[`${Zs}--hoverDisabled`]]: !m.sortable
@@ -8720,7 +8723,7 @@ const td = ({
8720
8723
  "span",
8721
8724
  {
8722
8725
  className: oa[js],
8723
- onMouseDown: (k) => o(f, k),
8726
+ onMouseDown: (w) => o(f, w),
8724
8727
  role: "button",
8725
8728
  "aria-label": "resize"
8726
8729
  }
@@ -8767,19 +8770,19 @@ const td = ({
8767
8770
  rowActions: p,
8768
8771
  testId: m
8769
8772
  }) => {
8770
- const f = v.useRef([]), [g, k] = v.useState(null), { isSelected: S, toggleRowSelection: x, toggleSelectAll: E, selectedCount: $ } = Gs({
8773
+ const f = v.useRef([]), [g, w] = v.useState(null), { isSelected: x, toggleRowSelection: N, toggleSelectAll: E, selectedCount: $ } = Gs({
8771
8774
  data: e,
8772
8775
  getRowId: i,
8773
8776
  selectedRows: d,
8774
8777
  onSelectionChange: s
8775
- }), [N, C] = v.useState({
8778
+ }), [S, C] = v.useState({
8776
8779
  key: null,
8777
8780
  direction: He.None
8778
- }), [b, w] = v.useState(Array(a.length).fill(void 0)), B = (A, O) => {
8781
+ }), [b, k] = v.useState(Array(a.length).fill(void 0)), B = (A, O) => {
8779
8782
  O.preventDefault();
8780
8783
  const G = O.clientX, M = b[A] || O.currentTarget.offsetWidth, L = b[A + 1] || 0, P = 1.05, q = (re) => {
8781
8784
  const Ce = (re.clientX - G) * P;
8782
- w((fe) => {
8785
+ k((fe) => {
8783
8786
  const K = [...fe], j = Math.max(50, M + Ce), ut = Math.max(50, L - Ce);
8784
8787
  return K[A] = j, A + 1 < K.length && (K[A + 1] = ut), K;
8785
8788
  });
@@ -8810,19 +8813,19 @@ const td = ({
8810
8813
  return { key: A, direction: He.Ascending };
8811
8814
  });
8812
8815
  }, F = v.useMemo(() => {
8813
- if (!N.key || N.direction === He.None)
8816
+ if (!S.key || S.direction === He.None)
8814
8817
  return e;
8815
- const A = a.find((O) => O.key === N.key);
8818
+ const A = a.find((O) => O.key === S.key);
8816
8819
  return A ? [...e].sort((O, G) => {
8817
- const M = A.sortable ? A.sortValue(O) : O[N.key], L = A.sortable ? A.sortValue(G) : G[N.key];
8818
- return M < L ? N.direction === He.Ascending ? -1 : 1 : M > L ? N.direction === He.Ascending ? 1 : -1 : 0;
8820
+ const M = A.sortable ? A.sortValue(O) : O[S.key], L = A.sortable ? A.sortValue(G) : G[S.key];
8821
+ return M < L ? S.direction === He.Ascending ? -1 : 1 : M > L ? S.direction === He.Ascending ? 1 : -1 : 0;
8819
8822
  }) : e;
8820
- }, [e, N, a]);
8823
+ }, [e, S, a]);
8821
8824
  return v.useEffect(() => {
8822
8825
  const A = f.current.map(
8823
8826
  (O) => (O == null ? void 0 : O.offsetWidth) || 0
8824
8827
  );
8825
- w(A);
8828
+ k(A);
8826
8829
  }, []), /* @__PURE__ */ h(Z, { children: [
8827
8830
  /* @__PURE__ */ h(
8828
8831
  "div",
@@ -8857,14 +8860,14 @@ const td = ({
8857
8860
  td,
8858
8861
  {
8859
8862
  columns: a,
8860
- sortConfig: N,
8863
+ sortConfig: S,
8861
8864
  handleSort: T,
8862
8865
  resizable: n,
8863
8866
  handleMouseDown: B,
8864
8867
  columnRefs: f,
8865
8868
  selectable: l,
8866
8869
  hoveredColumnIndex: g,
8867
- setHoveredColumnIndex: k,
8870
+ setHoveredColumnIndex: w,
8868
8871
  selectedCount: $,
8869
8872
  dataLength: e.length,
8870
8873
  toggleSelectAll: E
@@ -8878,8 +8881,8 @@ const td = ({
8878
8881
  getRowId: i,
8879
8882
  columnWidths: b,
8880
8883
  selectable: l,
8881
- isSelected: S,
8882
- toggleRowSelection: x
8884
+ isSelected: x,
8885
+ toggleRowSelection: N
8883
8886
  }
8884
8887
  )
8885
8888
  ]
@@ -8915,8 +8918,8 @@ const td = ({
8915
8918
  contentEditable: !0,
8916
8919
  onPaste: (g) => {
8917
8920
  g.preventDefault();
8918
- const k = g.clipboardData.getData("text/plain");
8919
- document.execCommand("insertHTML", !1, V_(k));
8921
+ const w = g.clipboardData.getData("text/plain");
8922
+ document.execCommand("insertHTML", !1, V_(w));
8920
8923
  },
8921
8924
  onBlur: () => {
8922
8925
  const g = d();
@@ -8968,7 +8971,7 @@ const td = ({
8968
8971
  ue.semicolon,
8969
8972
  ue.comma
8970
8973
  ], dd = [ue.backspace, ue.delete], ud = (g) => {
8971
- var k = g, {
8974
+ var w = g, {
8972
8975
  id: e,
8973
8976
  tags: a,
8974
8977
  onChange: r,
@@ -8982,7 +8985,7 @@ const td = ({
8982
8985
  addOnBlur: c = !0,
8983
8986
  readOnly: p,
8984
8987
  noDataFallbackText: m = "No data"
8985
- } = k, f = U(k, [
8988
+ } = w, f = U(w, [
8986
8989
  "id",
8987
8990
  "tags",
8988
8991
  "onChange",
@@ -8997,17 +9000,17 @@ const td = ({
8997
9000
  "readOnly",
8998
9001
  "noDataFallbackText"
8999
9002
  ]);
9000
- const S = u(
9003
+ const x = u(
9001
9004
  Qa[Ar],
9002
9005
  {
9003
9006
  [Qa[`${Ar}--error`]]: o
9004
9007
  },
9005
9008
  n
9006
- ), x = u(
9009
+ ), N = u(
9007
9010
  d,
9008
9011
  Qa[`${Ar}__input`],
9009
9012
  Qa[`${Ar}__input--${i}`]
9010
- ), [E, $] = v.useState(""), N = v.useRef(null), { readOnly: C } = Ot(), b = C || p, w = (P) => {
9013
+ ), [E, $] = v.useState(""), S = v.useRef(null), { readOnly: C } = Ot(), b = C || p, k = (P) => {
9011
9014
  P.trim() !== "" && (r([...a || [], P]), $(""));
9012
9015
  }, B = (P) => {
9013
9016
  const q = [...a || []];
@@ -9016,14 +9019,14 @@ const td = ({
9016
9019
  if (sd.includes(P.key)) {
9017
9020
  if (P.preventDefault(), E === "")
9018
9021
  return;
9019
- w(E);
9022
+ k(E);
9020
9023
  } else if (dd.includes(P.key)) {
9021
9024
  if (E !== "" || !(a != null && a.length))
9022
9025
  return;
9023
9026
  B(a.length - 1);
9024
9027
  }
9025
9028
  }, A = (P) => {
9026
- c && w(E), s == null || s(P);
9029
+ c && k(E), s == null || s(P);
9027
9030
  }, O = (P, q) => {
9028
9031
  const Y = [...a || []];
9029
9032
  Y.reduce(
@@ -9049,7 +9052,7 @@ const td = ({
9049
9052
  index: q,
9050
9053
  update: O,
9051
9054
  remove: B,
9052
- inputRef: N,
9055
+ inputRef: S,
9053
9056
  validator: _,
9054
9057
  size: i,
9055
9058
  children: P
@@ -9061,7 +9064,7 @@ const td = ({
9061
9064
  index: q,
9062
9065
  update: O,
9063
9066
  remove: B,
9064
- inputRef: N,
9067
+ inputRef: S,
9065
9068
  validator: _,
9066
9069
  size: i,
9067
9070
  tagProps: P,
@@ -9070,14 +9073,14 @@ const td = ({
9070
9073
  `${q}${P.children}`
9071
9074
  );
9072
9075
  return /* @__PURE__ */ h(Z, { children: [
9073
- /* @__PURE__ */ h(D, { as: "div", className: S, children: [
9076
+ /* @__PURE__ */ h(D, { as: "div", className: x, children: [
9074
9077
  a == null ? void 0 : a.map(L),
9075
9078
  /* @__PURE__ */ t(
9076
9079
  "input",
9077
9080
  I(y({}, f), {
9078
9081
  id: e,
9079
- ref: N,
9080
- className: x,
9082
+ ref: S,
9083
+ className: N,
9081
9084
  placeholder: l,
9082
9085
  value: E,
9083
9086
  onChange: T,
@@ -9238,28 +9241,28 @@ const td = ({
9238
9241
  }, Or = "textarea", gm = v.forwardRef(
9239
9242
  (l, o) => {
9240
9243
  var i = l, { className: e, noDataFallbackText: a = "No data", error: r } = i, _ = U(i, ["className", "noDataFallbackText", "error"]);
9241
- var x;
9244
+ var N;
9242
9245
  const { disabled: n, onBlur: d, onFocus: s } = _, { readOnly: c } = Ot(), p = c || _.readOnly, [m, f] = v.useState(!1), g = u(e, Dr[Or], {
9243
9246
  [Dr[`${Or}--disabled`]]: n,
9244
9247
  [Dr[`${Or}--focused`]]: m,
9245
9248
  [Dr[`${Or}--error`]]: r
9246
- }), k = (E) => {
9249
+ }), w = (E) => {
9247
9250
  f(!1), d == null || d(E);
9248
- }, S = (E) => {
9251
+ }, x = (E) => {
9249
9252
  f(!0), s == null || s(E);
9250
9253
  };
9251
9254
  return p ? /* @__PURE__ */ t(
9252
9255
  xa,
9253
9256
  {
9254
- value: (x = _ == null ? void 0 : _.value) == null ? void 0 : x.toString(),
9257
+ value: (N = _ == null ? void 0 : _.value) == null ? void 0 : N.toString(),
9255
9258
  noDataFallbackText: a
9256
9259
  }
9257
9260
  ) : /* @__PURE__ */ t(D, { as: "div", className: g, children: /* @__PURE__ */ t(
9258
9261
  "textarea",
9259
9262
  I(y({}, _), {
9260
9263
  ref: o,
9261
- onFocus: S,
9262
- onBlur: k
9264
+ onFocus: x,
9265
+ onBlur: w
9263
9266
  })
9264
9267
  ) });
9265
9268
  }
@@ -9375,25 +9378,25 @@ const ft = {
9375
9378
  isFirstStep: d,
9376
9379
  isLastStep: s
9377
9380
  }) => {
9378
- const [c, p] = de(null), [m, f] = de(null), g = Xt(null), k = Xt(null), S = d || s ? "bottom-start" : r, { refs: x, x: E, y: $, strategy: N, placement: C, update: b } = ri({
9381
+ const [c, p] = de(null), [m, f] = de(null), g = Xt(null), w = Xt(null), x = d || s ? "bottom-start" : r, { refs: N, x: E, y: $, strategy: S, placement: C, update: b } = ri({
9379
9382
  middleware: [_i(), oi()],
9380
- placement: S,
9383
+ placement: x,
9381
9384
  open: !0,
9382
9385
  whileElementsMounted: li
9383
- }), w = () => {
9386
+ }), k = () => {
9384
9387
  c && f(
9385
9388
  vo(c).getBoundingClientRect()
9386
9389
  );
9387
9390
  };
9388
9391
  V(() => {
9389
9392
  if (c !== null)
9390
- return window.addEventListener("resize", w), window.addEventListener("scroll", w), () => {
9391
- window.removeEventListener("resize", w), window.removeEventListener("scroll", w);
9393
+ return window.addEventListener("resize", k), window.addEventListener("scroll", k), () => {
9394
+ window.removeEventListener("resize", k), window.removeEventListener("scroll", k);
9392
9395
  };
9393
9396
  }, [c]), V(() => (window.addEventListener("resize", b), () => window.removeEventListener("resize", b)), [b]), V(() => {
9394
9397
  if (o) {
9395
9398
  const T = document.querySelector(o);
9396
- p(T), x.setReference(T);
9399
+ p(T), N.setReference(T);
9397
9400
  }
9398
9401
  }, [o]), V(() => {
9399
9402
  c && f(
@@ -9440,9 +9443,9 @@ const ft = {
9440
9443
  l && /* @__PURE__ */ t($a, { children: /* @__PURE__ */ t(
9441
9444
  "div",
9442
9445
  {
9443
- ref: x.setFloating,
9446
+ ref: N.setFloating,
9444
9447
  style: {
9445
- position: N,
9448
+ position: S,
9446
9449
  top: d || s ? "40%" : $,
9447
9450
  left: d || s ? "calc(50% - 211px)" : E
9448
9451
  },
@@ -9454,7 +9457,7 @@ const ft = {
9454
9457
  children: /* @__PURE__ */ h(
9455
9458
  "div",
9456
9459
  {
9457
- ref: k,
9460
+ ref: w,
9458
9461
  className: u(
9459
9462
  ft[`${bt}__guide`],
9460
9463
  ft[`${bt}__guide--${C}`]
@@ -9881,11 +9884,11 @@ const ft = {
9881
9884
  onCloseButtonClick: c,
9882
9885
  onRetryButtonClick: p
9883
9886
  }) => {
9884
- const [m, f] = v.useState(o || !1), g = i === "error", k = i === "success", S = u(ae[qe], a, {
9887
+ const [m, f] = v.useState(o || !1), g = i === "error", w = i === "success", x = u(ae[qe], a, {
9885
9888
  [ae[`${qe}--error`]]: g,
9886
- [ae[`${qe}--success`]]: k
9887
- }), x = !(g && (p || c)), E = () => f(!m);
9888
- return s === "single" ? /* @__PURE__ */ t("div", { className: S, children: /* @__PURE__ */ h("div", { className: ae[`${qe}__wrapper`], children: [
9889
+ [ae[`${qe}--success`]]: w
9890
+ }), N = !(g && (p || c)), E = () => f(!m);
9891
+ return s === "single" ? /* @__PURE__ */ t("div", { className: x, children: /* @__PURE__ */ h("div", { className: ae[`${qe}__wrapper`], children: [
9889
9892
  /* @__PURE__ */ t("div", { className: ae[`${Yt}`], children: /* @__PURE__ */ t(
9890
9893
  Ed,
9891
9894
  {
@@ -9904,7 +9907,7 @@ const ft = {
9904
9907
  onRetryButtonClick: p
9905
9908
  }
9906
9909
  )
9907
- ] }) }) : /* @__PURE__ */ h("div", { className: S, children: [
9910
+ ] }) }) : /* @__PURE__ */ h("div", { className: x, children: [
9908
9911
  /* @__PURE__ */ t(
9909
9912
  "div",
9910
9913
  {
@@ -9913,7 +9916,7 @@ const ft = {
9913
9916
  children: /* @__PURE__ */ h("div", { className: ae[`${Yt}`], children: [
9914
9917
  /* @__PURE__ */ t("div", { className: ae[`${Yt}__icon`], children: Bd(i, r) }),
9915
9918
  /* @__PURE__ */ t("div", { className: ae[`${Yt}__title`], children: /* @__PURE__ */ t(D, { size: "sm", as: "div", children: g ? l : _ }) }),
9916
- x && /* @__PURE__ */ t(
9919
+ N && /* @__PURE__ */ t(
9917
9920
  "button",
9918
9921
  {
9919
9922
  className: ae[`${Yt}__collapse-button`],
@@ -10106,36 +10109,36 @@ const ft = {
10106
10109
  {
10107
10110
  [_e[`${oe}__details-wrapper--alignment-left-margin`]]: r === "left" && o
10108
10111
  }
10109
- ), k = u(
10112
+ ), w = u(
10110
10113
  _e[`${oe}__details-line`],
10111
10114
  _e[`${oe}__details-first-line`],
10112
10115
  _e[`${oe}__details-first-line--alignment-${r}`]
10113
- ), S = u(
10116
+ ), x = u(
10114
10117
  _e[`${oe}__actions-wrapper`],
10115
10118
  _e[`${oe}__actions-wrapper--alignment-${r}`],
10116
10119
  {
10117
10120
  [_e[`${oe}__actions-wrapper--alignment-left-margin`]]: r === "left" && o
10118
10121
  }
10119
- ), x = (C, b) => {
10120
- let w = "primary";
10122
+ ), N = (C, b) => {
10123
+ let k = "primary";
10121
10124
  switch (b) {
10122
10125
  case "info":
10123
- w = "primary";
10126
+ k = "primary";
10124
10127
  break;
10125
10128
  case "positive":
10126
- w = "positive";
10129
+ k = "positive";
10127
10130
  break;
10128
10131
  case "warning":
10129
- w = "warning";
10132
+ k = "warning";
10130
10133
  break;
10131
10134
  case "error":
10132
- w = "error";
10135
+ k = "error";
10133
10136
  break;
10134
10137
  case "default":
10135
- w = "subtle";
10138
+ k = "subtle";
10136
10139
  break;
10137
10140
  default:
10138
- w = "subtle";
10141
+ k = "subtle";
10139
10142
  break;
10140
10143
  }
10141
10144
  return /* @__PURE__ */ t(
@@ -10144,7 +10147,7 @@ const ft = {
10144
10147
  size: "small",
10145
10148
  "data-testid": "system-message-header-icon",
10146
10149
  source: C,
10147
- kind: w
10150
+ kind: k
10148
10151
  }
10149
10152
  );
10150
10153
  }, E = (C) => C.slice(2).map((b) => ({
@@ -10157,7 +10160,7 @@ const ft = {
10157
10160
  }
10158
10161
  ),
10159
10162
  onClick: b.callback
10160
- })), $ = (C) => /* @__PURE__ */ h("div", { className: S, children: [
10163
+ })), $ = (C) => /* @__PURE__ */ h("div", { className: x, children: [
10161
10164
  C.slice(0, 2).map((b) => /* @__PURE__ */ t(
10162
10165
  D,
10163
10166
  {
@@ -10186,14 +10189,14 @@ const ft = {
10186
10189
  )
10187
10190
  }
10188
10191
  )
10189
- ] }), N = (C) => /* @__PURE__ */ h(
10192
+ ] }), S = (C) => /* @__PURE__ */ h(
10190
10193
  "div",
10191
10194
  {
10192
10195
  "data-testid": "system-message-details",
10193
10196
  className: g,
10194
10197
  children: [
10195
- /* @__PURE__ */ h("div", { className: k, children: [
10196
- C.slice(0, 1).map((b, w) => /* @__PURE__ */ t(D, { as: "div", size: "xs", children: b }, `detail-first-${w}`)),
10198
+ /* @__PURE__ */ h("div", { className: w, children: [
10199
+ C.slice(0, 1).map((b, k) => /* @__PURE__ */ t(D, { as: "div", size: "xs", children: b }, `detail-first-${k}`)),
10197
10200
  C.length > 1 && /* @__PURE__ */ t(
10198
10201
  z,
10199
10202
  {
@@ -10235,7 +10238,7 @@ const ft = {
10235
10238
  "data-testid": "system-message-header",
10236
10239
  className: f,
10237
10240
  children: [
10238
- o && /* @__PURE__ */ t("div", { className: _e[`${oe}__header-wrapper-icon`], children: x(o, _) }),
10241
+ o && /* @__PURE__ */ t("div", { className: _e[`${oe}__header-wrapper-icon`], children: N(o, _) }),
10239
10242
  /* @__PURE__ */ t(
10240
10243
  D,
10241
10244
  {
@@ -10270,7 +10273,7 @@ const ft = {
10270
10273
  }
10271
10274
  ),
10272
10275
  /* @__PURE__ */ h(Z, { children: [
10273
- i && N(i),
10276
+ i && S(i),
10274
10277
  s && $(s)
10275
10278
  ] })
10276
10279
  ]