skillgrid 0.0.34-dev-40511-42085-40506-alert-placeholder-modal-fix.1208465 → 0.0.34-dev-40511-42085-40506-alert-placeholder-modal-fix.1213385

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.
package/dist/index.es.js CHANGED
@@ -20,13 +20,13 @@ var Me;
20
20
  function Yr() {
21
21
  if (Me) return Dt;
22
22
  Me = 1;
23
- var t = be, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
23
+ var t = be, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
24
24
  function l(c, u, f) {
25
- var d, g = {}, m = null, h = null;
26
- f !== void 0 && (m = "" + f), u.key !== void 0 && (m = "" + u.key), u.ref !== void 0 && (h = u.ref);
27
- for (d in u) a.call(u, d) && !s.hasOwnProperty(d) && (g[d] = u[d]);
25
+ var d, g = {}, m = null, y = null;
26
+ f !== void 0 && (m = "" + f), u.key !== void 0 && (m = "" + u.key), u.ref !== void 0 && (y = u.ref);
27
+ for (d in u) s.call(u, d) && !a.hasOwnProperty(d) && (g[d] = u[d]);
28
28
  if (c && c.defaultProps) for (d in u = c.defaultProps, u) g[d] === void 0 && (g[d] = u[d]);
29
- return { $$typeof: r, type: c, key: m, ref: h, props: g, _owner: i.current };
29
+ return { $$typeof: r, type: c, key: m, ref: y, props: g, _owner: i.current };
30
30
  }
31
31
  return Dt.Fragment = n, Dt.jsx = l, Dt.jsxs = l, Dt;
32
32
  }
@@ -43,24 +43,24 @@ var Ft = {};
43
43
  var ze;
44
44
  function Gr() {
45
45
  return ze || (ze = 1, process.env.NODE_ENV !== "production" && function() {
46
- var t = be, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), x = Symbol.iterator, C = "@@iterator";
46
+ var t = be, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), x = Symbol.iterator, w = "@@iterator";
47
47
  function b(e) {
48
48
  if (e === null || typeof e != "object")
49
49
  return null;
50
- var _ = x && e[x] || e[C];
50
+ var _ = x && e[x] || e[w];
51
51
  return typeof _ == "function" ? _ : null;
52
52
  }
53
- var y = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
53
+ var h = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
54
54
  function p(e) {
55
55
  {
56
56
  for (var _ = arguments.length, v = new Array(_ > 1 ? _ - 1 : 0), j = 1; j < _; j++)
57
57
  v[j - 1] = arguments[j];
58
- w("error", e, v);
58
+ C("error", e, v);
59
59
  }
60
60
  }
61
- function w(e, _, v) {
61
+ function C(e, _, v) {
62
62
  {
63
- var j = y.ReactDebugCurrentFrame, A = j.getStackAddendum();
63
+ var j = h.ReactDebugCurrentFrame, A = j.getStackAddendum();
64
64
  A !== "" && (_ += "%s", v = v.concat([A]));
65
65
  var P = v.map(function(N) {
66
66
  return String(N);
@@ -71,7 +71,7 @@ function Gr() {
71
71
  var k = !1, T = !1, $ = !1, E = !1, z = !1, B;
72
72
  B = Symbol.for("react.module.reference");
73
73
  function F(e) {
74
- return !!(typeof e == "string" || typeof e == "function" || e === a || e === s || z || e === i || e === f || e === d || E || e === h || k || T || $ || typeof e == "object" && e !== null && (e.$$typeof === m || e.$$typeof === g || e.$$typeof === l || e.$$typeof === c || e.$$typeof === u || // This needs to include all possible module reference object
74
+ return !!(typeof e == "string" || typeof e == "function" || e === s || e === a || z || e === i || e === f || e === d || E || e === y || k || T || $ || typeof e == "object" && e !== null && (e.$$typeof === m || e.$$typeof === g || e.$$typeof === l || e.$$typeof === c || e.$$typeof === u || // This needs to include all possible module reference object
75
75
  // types supported by any Flight configuration anywhere since
76
76
  // we don't know which Flight build this will end up being used
77
77
  // with.
@@ -95,11 +95,11 @@ function Gr() {
95
95
  if (typeof e == "string")
96
96
  return e;
97
97
  switch (e) {
98
- case a:
98
+ case s:
99
99
  return "Fragment";
100
100
  case n:
101
101
  return "Portal";
102
- case s:
102
+ case a:
103
103
  return "Profiler";
104
104
  case i:
105
105
  return "StrictMode";
@@ -194,7 +194,7 @@ function Gr() {
194
194
  W < 0 && p("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
195
195
  }
196
196
  }
197
- var it = y.ReactCurrentDispatcher, Tt;
197
+ var it = h.ReactCurrentDispatcher, Tt;
198
198
  function pt(e, _, v) {
199
199
  {
200
200
  if (Tt === void 0)
@@ -320,7 +320,7 @@ function Gr() {
320
320
  }
321
321
  return "";
322
322
  }
323
- var tt = Object.prototype.hasOwnProperty, vt = {}, ve = y.ReactDebugCurrentFrame;
323
+ var tt = Object.prototype.hasOwnProperty, vt = {}, ve = h.ReactDebugCurrentFrame;
324
324
  function Xt(e) {
325
325
  if (e) {
326
326
  var _ = e._owner, v = Q(e.type, e._source, _ ? _.type : null);
@@ -371,7 +371,7 @@ function Gr() {
371
371
  if (hr(e))
372
372
  return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", gr(e)), Ce(e);
373
373
  }
374
- var Se = y.ReactCurrentOwner, br = {
374
+ var Se = h.ReactCurrentOwner, br = {
375
375
  key: !0,
376
376
  ref: !0,
377
377
  __self: !0,
@@ -465,7 +465,7 @@ function Gr() {
465
465
  return wr(e, R, nt, A, j, Se.current, N);
466
466
  }
467
467
  }
468
- var ae = y.ReactCurrentOwner, je = y.ReactDebugCurrentFrame;
468
+ var ae = h.ReactCurrentOwner, je = h.ReactDebugCurrentFrame;
469
469
  function Mt(e) {
470
470
  if (e) {
471
471
  var _ = e._owner, v = Q(e.type, e._source, _ ? _.type : null);
@@ -617,7 +617,7 @@ React keys must be passed directly to JSX without using spread:
617
617
  <%s key={someKey} {...props} />`, le, Rt, Nr, Rt), Ie[Rt + le] = !0;
618
618
  }
619
619
  }
620
- return e === a ? $r(Y) : jr(Y), Y;
620
+ return e === s ? $r(Y) : jr(Y), Y;
621
621
  }
622
622
  }
623
623
  function Tr(e, _, v) {
@@ -627,7 +627,7 @@ React keys must be passed directly to JSX without using spread:
627
627
  return Ne(e, _, v, !1);
628
628
  }
629
629
  var Rr = Er, Ir = Tr;
630
- Ft.Fragment = a, Ft.jsx = Rr, Ft.jsxs = Ir;
630
+ Ft.Fragment = s, Ft.jsx = Rr, Ft.jsxs = Ir;
631
631
  }()), Ft;
632
632
  }
633
633
  var Be;
@@ -762,28 +762,28 @@ function Qn() {
762
762
  (function() {
763
763
  var r = {}.hasOwnProperty;
764
764
  function n() {
765
- for (var s = "", l = 0; l < arguments.length; l++) {
765
+ for (var a = "", l = 0; l < arguments.length; l++) {
766
766
  var c = arguments[l];
767
- c && (s = i(s, a(c)));
767
+ c && (a = i(a, s(c)));
768
768
  }
769
- return s;
769
+ return a;
770
770
  }
771
- function a(s) {
772
- if (typeof s == "string" || typeof s == "number")
773
- return s;
774
- if (typeof s != "object")
771
+ function s(a) {
772
+ if (typeof a == "string" || typeof a == "number")
773
+ return a;
774
+ if (typeof a != "object")
775
775
  return "";
776
- if (Array.isArray(s))
777
- return n.apply(null, s);
778
- if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]"))
779
- return s.toString();
776
+ if (Array.isArray(a))
777
+ return n.apply(null, a);
778
+ if (a.toString !== Object.prototype.toString && !a.toString.toString().includes("[native code]"))
779
+ return a.toString();
780
780
  var l = "";
781
- for (var c in s)
782
- r.call(s, c) && s[c] && (l = i(l, c));
781
+ for (var c in a)
782
+ r.call(a, c) && a[c] && (l = i(l, c));
783
783
  return l;
784
784
  }
785
- function i(s, l) {
786
- return l ? s ? s + " " + l : s + l : s;
785
+ function i(a, l) {
786
+ return l ? a ? a + " " + l : a + l : a;
787
787
  }
788
788
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
789
789
  })();
@@ -795,9 +795,9 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
795
795
  size: t = 24,
796
796
  variant: r = "accent",
797
797
  className: n,
798
- "data-testid": a = "loader",
798
+ "data-testid": s = "loader",
799
799
  style: i,
800
- ...s
800
+ ...a
801
801
  }, l) => {
802
802
  const c = Et(
803
803
  Wt.loader,
@@ -813,9 +813,9 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
813
813
  fill: "none",
814
814
  viewBox: "0 0 16 16",
815
815
  xmlns: "http://www.w3.org/2000/svg",
816
- "data-testid": a,
816
+ "data-testid": s,
817
817
  style: i,
818
- ...s,
818
+ ...a,
819
819
  children: /* @__PURE__ */ o.jsx(
820
820
  "path",
821
821
  {
@@ -831,17 +831,17 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
831
831
  ), eo = U((t, r) => {
832
832
  const {
833
833
  loading: n = !1,
834
- size: a = 24,
834
+ size: s = 24,
835
835
  variant: i = "accent",
836
- children: s,
836
+ children: a,
837
837
  className: l,
838
838
  style: c,
839
839
  "data-testid": u,
840
840
  ...f
841
841
  } = t, d = Et(Wt.container, l);
842
842
  return /* @__PURE__ */ o.jsxs("div", { ref: r, className: d, style: c, "data-testid": u, ...f, children: [
843
- s,
844
- n && /* @__PURE__ */ o.jsx("div", { className: Wt.overlay, children: /* @__PURE__ */ o.jsx(rr, { size: a, variant: i, "data-testid": `${u}-spinner` }) })
843
+ a,
844
+ n && /* @__PURE__ */ o.jsx("div", { className: Wt.overlay, children: /* @__PURE__ */ o.jsx(rr, { size: s, variant: i, "data-testid": `${u}-spinner` }) })
845
845
  ] });
846
846
  }), nr = U((t, r) => t.children ? /* @__PURE__ */ o.jsx(
847
847
  eo,
@@ -872,7 +872,7 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
872
872
  width: t = 24,
873
873
  height: r = 24,
874
874
  className: n = "",
875
- color: a = "currentColor",
875
+ color: s = "currentColor",
876
876
  ...i
877
877
  }) => /* @__PURE__ */ o.jsx(
878
878
  "svg",
@@ -887,7 +887,7 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
887
887
  "path",
888
888
  {
889
889
  d: "M19 12H5m0 0 7 7m-7-7 7-7",
890
- stroke: a,
890
+ stroke: s,
891
891
  strokeLinecap: "round",
892
892
  strokeLinejoin: "round",
893
893
  strokeWidth: "2"
@@ -903,12 +903,12 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
903
903
  iconRight: t,
904
904
  iconLeft: r,
905
905
  children: n,
906
- postfix: a,
906
+ postfix: s,
907
907
  subcaption: i,
908
- size: s,
908
+ size: a,
909
909
  isAsButton: l
910
910
  }) => {
911
- const c = !!(i && l && s === "l"), u = !!(!n && l && r), f = l && !!(c && !n && a || a && !c);
911
+ const c = !!(i && l && a === "l"), u = !!(!n && l && r), f = l && !!(c && !n && s || s && !c);
912
912
  return /* @__PURE__ */ o.jsxs(Ht, { children: [
913
913
  c && n && /* @__PURE__ */ o.jsxs(Ht, { children: [
914
914
  /* @__PURE__ */ o.jsx("span", { "data-testid": "button-label", className: S(O.label, O.labelText), children: n }),
@@ -932,22 +932,22 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
932
932
  {
933
933
  "data-testid": "button-postfix",
934
934
  className: S(O.postfix, G["typography-subtitle-2-semibold"]),
935
- children: a
935
+ children: s
936
936
  }
937
937
  ) })
938
938
  ] });
939
939
  }, ye = U((t, r) => {
940
940
  const {
941
941
  mode: n = "primary",
942
- size: a = "m",
942
+ size: s = "m",
943
943
  buttonStyle: i = Ae(t) ? "neutral" : "accent",
944
- disabled: s = !1,
944
+ disabled: a = !1,
945
945
  className: l,
946
946
  children: c,
947
947
  tabIndex: u
948
- } = t, f = n === "tertiary", d = Ae(t), g = Qr(t), m = f && "paddings" in t ? t.paddings ?? !0 : !0, h = d ? t.subcaption : void 0, x = d ? t.postfix : void 0, C = d ? t.stretched : void 0, b = !(g && t.size === void 0), y = g && b ? t.iconLeft : void 0, p = g && b ? t.iconRight : void 0, w = !!(d && "loading" in t && t.loading), k = d ? s : s || w, T = !k && !w, $ = d ? t.iconLeft : void 0, E = !!(!c && (d && $ && !x || g && p)), z = typeof C == "object" ? C.justify === "space-between" : void 0, B = ao(a), F = G[B], q = g ? Dn(t.size ?? "m") : void 0, D = q ? G[q] : void 0, L = Fn(k, n, i), M = k || w ? -1 : u, W = S(
948
+ } = t, f = n === "tertiary", d = Ae(t), g = Qr(t), m = f && "paddings" in t ? t.paddings ?? !0 : !0, y = d ? t.subcaption : void 0, x = d ? t.postfix : void 0, w = d ? t.stretched : void 0, b = !(g && t.size === void 0), h = g && b ? t.iconLeft : void 0, p = g && b ? t.iconRight : void 0, C = !!(d && "loading" in t && t.loading), k = d ? a : a || C, T = !k && !C, $ = d ? t.iconLeft : void 0, E = !!(!c && (d && $ && !x || g && p)), z = typeof w == "object" ? w.justify === "space-between" : void 0, B = ao(s), F = G[B], q = g ? Dn(t.size ?? "m") : void 0, D = q ? G[q] : void 0, L = Fn(k, n, i), M = k || C ? -1 : u, W = S(
949
949
  O.button,
950
- O[a],
950
+ O[s],
951
951
  O[n],
952
952
  O[i],
953
953
  g && D,
@@ -955,9 +955,9 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
955
955
  {
956
956
  [O.disabled]: k,
957
957
  [O.loading]: d && "loading" in t && t.loading,
958
- [O.stretched]: C,
958
+ [O.stretched]: w,
959
959
  [O.spaceBetween]: z,
960
- [O.withSubcaption]: !!(h && a === "l" && c),
960
+ [O.withSubcaption]: !!(y && s === "l" && c),
961
961
  [O.iconOnly]: E,
962
962
  [O.link]: g,
963
963
  [O.underline]: g && "showUnderline" in t && t.showUnderline,
@@ -966,11 +966,11 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
966
966
  l
967
967
  ), H = {
968
968
  iconRight: p,
969
- iconLeft: d ? $ : y,
969
+ iconLeft: d ? $ : h,
970
970
  children: c,
971
971
  postfix: x,
972
- subcaption: h,
973
- size: a,
972
+ subcaption: y,
973
+ size: s,
974
974
  isAsButton: d
975
975
  };
976
976
  if (Kr(t)) {
@@ -996,7 +996,7 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
996
996
  tabIndex: M,
997
997
  onClick: Tt,
998
998
  "data-testid": at,
999
- "aria-disabled": k || w,
999
+ "aria-disabled": k || C,
1000
1000
  style: ot,
1001
1001
  target: xt,
1002
1002
  rel: it,
@@ -1006,7 +1006,7 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
1006
1006
  );
1007
1007
  }
1008
1008
  if (Jr(t)) {
1009
- const { type: Z = "button", onClick: K, style: ot, "data-testid": rt, ...J } = t, at = Oe(J), st = a === "l" ? 24 : 16, wt = (xt) => {
1009
+ const { type: Z = "button", onClick: K, style: ot, "data-testid": rt, ...J } = t, at = Oe(J), st = s === "l" ? 24 : 16, wt = (xt) => {
1010
1010
  T && K && K(xt);
1011
1011
  };
1012
1012
  return /* @__PURE__ */ o.jsxs(
@@ -1019,12 +1019,12 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
1019
1019
  tabIndex: M,
1020
1020
  onClick: wt,
1021
1021
  "data-testid": rt,
1022
- "aria-disabled": k || w,
1022
+ "aria-disabled": k || C,
1023
1023
  style: ot,
1024
1024
  ...at,
1025
1025
  children: [
1026
- /* @__PURE__ */ o.jsx("div", { className: S(O.content, { [O.contentHidden]: w }), children: /* @__PURE__ */ o.jsx(De, { ...H }) }),
1027
- w && /* @__PURE__ */ o.jsx("div", { className: O.loaderWrapper, children: /* @__PURE__ */ o.jsx(
1026
+ /* @__PURE__ */ o.jsx("div", { className: S(O.content, { [O.contentHidden]: C }), children: /* @__PURE__ */ o.jsx(De, { ...H }) }),
1027
+ C && /* @__PURE__ */ o.jsx("div", { className: O.loaderWrapper, children: /* @__PURE__ */ o.jsx(
1028
1028
  nr,
1029
1029
  {
1030
1030
  variant: L,
@@ -1042,14 +1042,14 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
1042
1042
  ye.displayName = "Button";
1043
1043
  const or = U(
1044
1044
  (t, r) => {
1045
- const { iconLeft: n, className: a, ...i } = t, l = {
1045
+ const { iconLeft: n, className: s, ...i } = t, l = {
1046
1046
  ...i,
1047
1047
  displayAs: "button",
1048
1048
  mode: "tertiary",
1049
1049
  buttonStyle: "neutral",
1050
1050
  size: "m",
1051
1051
  iconLeft: n ?? /* @__PURE__ */ o.jsx(no, {}),
1052
- className: S(O.backButton, G["typography-subtitle-1-semibold"], a)
1052
+ className: S(O.backButton, G["typography-subtitle-1-semibold"], s)
1053
1053
  };
1054
1054
  return /* @__PURE__ */ o.jsx(ye, { ref: r, ...l });
1055
1055
  }
@@ -1085,8 +1085,8 @@ function fo(t) {
1085
1085
  function te(t) {
1086
1086
  const r = typeof t == "string" ? t : JSON.stringify(t);
1087
1087
  let n = 5381;
1088
- for (let a = 0; a < r.length; a++) {
1089
- const i = r.charCodeAt(a);
1088
+ for (let s = 0; s < r.length; s++) {
1089
+ const i = r.charCodeAt(s);
1090
1090
  n = (n << 5) + n + i;
1091
1091
  }
1092
1092
  return n >>> 0;
@@ -1102,8 +1102,8 @@ const go = (t, r, n) => Math.min(Math.max(t, r), n), ho = [
1102
1102
  ];
1103
1103
  function bo(t, r = ho) {
1104
1104
  if (!t) return "gray";
1105
- const n = te(t), a = Math.abs(n) % r.length;
1106
- return r[a];
1105
+ const n = te(t), s = Math.abs(n) % r.length;
1106
+ return r[s];
1107
1107
  }
1108
1108
  const We = 2;
1109
1109
  function mo(t) {
@@ -1147,9 +1147,9 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
1147
1147
  }, Jt = U((t, r) => {
1148
1148
  const {
1149
1149
  style: n,
1150
- size: a = 40,
1150
+ size: s = 40,
1151
1151
  isLoading: i = !1,
1152
- isDisabled: s = !1,
1152
+ isDisabled: a = !1,
1153
1153
  shape: l = "circle",
1154
1154
  variant: c = "filled",
1155
1155
  placeholderType: u = "neutral",
@@ -1157,28 +1157,28 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
1157
1157
  imgSrc: d,
1158
1158
  imgAlt: g,
1159
1159
  icon: m,
1160
- imgProps: h,
1160
+ imgProps: y,
1161
1161
  colorScheme: x,
1162
- className: C,
1162
+ className: w,
1163
1163
  "data-testid": b,
1164
- ...y
1165
- } = t, { onClick: p, onPointerDown: w } = y, T = !s && !i && (!!p || !!w), [$, E] = gt(!1);
1164
+ ...h
1165
+ } = t, { onClick: p, onPointerDown: C } = h, T = !a && !i && (!!p || !!C), [$, E] = gt(!1);
1166
1166
  ut(() => {
1167
1167
  d && E(!1);
1168
1168
  }, [d]);
1169
- const z = d && !$ ? "image" : m ? "icon" : f ? "name" : "placeholder", B = x || z === "name" && bo(f) || "gray", F = Co(a), q = xo(a, l), D = S(
1170
- C,
1169
+ const z = d && !$ ? "image" : m ? "icon" : f ? "name" : "placeholder", B = x || z === "name" && bo(f) || "gray", F = Co(s), q = xo(s, l), D = S(
1170
+ w,
1171
1171
  Ct.avatar,
1172
1172
  Ct[`variant-${c}`],
1173
1173
  Ct[`color-${B}`],
1174
1174
  G[F],
1175
1175
  {
1176
- [Ct.disabled]: s,
1176
+ [Ct.disabled]: a,
1177
1177
  [Ct.loading]: i,
1178
1178
  [Ct.clickable]: T
1179
1179
  }
1180
1180
  ), L = {
1181
- "--avatar-size": `${a}px`,
1181
+ "--avatar-size": `${s}px`,
1182
1182
  "--avatar-border-radius": `${q}px`,
1183
1183
  ...n
1184
1184
  }, M = {
@@ -1196,7 +1196,7 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
1196
1196
  placeholder: () => /* @__PURE__ */ o.jsx(
1197
1197
  "img",
1198
1198
  {
1199
- ...h,
1199
+ ...y,
1200
1200
  "data-testid": "avatar-placeholder",
1201
1201
  className: Ct.image,
1202
1202
  src: jo[u],
@@ -1207,14 +1207,14 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
1207
1207
  "img",
1208
1208
  {
1209
1209
  "data-testid": "avatar-image",
1210
- ...h,
1210
+ ...y,
1211
1211
  className: Ct.image,
1212
1212
  src: d || void 0,
1213
1213
  alt: g || void 0,
1214
1214
  onLoad: () => E(!1),
1215
1215
  onError: (H) => {
1216
1216
  var Z;
1217
- E(!0), (Z = h == null ? void 0 : h.onError) == null || Z.call(h, H);
1217
+ E(!0), (Z = y == null ? void 0 : y.onError) == null || Z.call(y, H);
1218
1218
  }
1219
1219
  }
1220
1220
  )
@@ -1229,7 +1229,7 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
1229
1229
  className: D,
1230
1230
  style: L,
1231
1231
  "data-testid": b,
1232
- "aria-disabled": s || i,
1232
+ "aria-disabled": a || i,
1233
1233
  children: M[z](null)
1234
1234
  }
1235
1235
  );
@@ -1239,8 +1239,8 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
1239
1239
  if (!t) return null;
1240
1240
  let r = t;
1241
1241
  for (; r; ) {
1242
- const a = window.getComputedStyle(r).backgroundColor;
1243
- if (!Eo(a)) return a;
1242
+ const s = window.getComputedStyle(r).backgroundColor;
1243
+ if (!Eo(s)) return s;
1244
1244
  r = r.parentElement;
1245
1245
  }
1246
1246
  return null;
@@ -1248,8 +1248,8 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
1248
1248
  const t = Vt(null), [r, n] = gt(null);
1249
1249
  return ut(() => {
1250
1250
  if (t.current) {
1251
- const a = Ro(t.current);
1252
- n(a);
1251
+ const s = Ro(t.current);
1252
+ n(s);
1253
1253
  }
1254
1254
  }, []), { ref: t, bgColor: r };
1255
1255
  };
@@ -1276,27 +1276,27 @@ const Mo = 2, zo = (t) => {
1276
1276
  const {
1277
1277
  avatars: r = [],
1278
1278
  size: n = 40,
1279
- overlap: a = 0.3,
1279
+ overlap: s = 0.3,
1280
1280
  shape: i = "circle",
1281
- overflowCount: s = 0,
1281
+ overflowCount: a = 0,
1282
1282
  overflowProps: l,
1283
1283
  cutoutBackground: c
1284
- } = t, f = -(n * a) + Mo, { ref: d, bgColor: g } = xe(), m = c || g || "#ffffff", h = Et(To.avatarGroup), x = {
1284
+ } = t, f = -(n * s) + Mo, { ref: d, bgColor: g } = xe(), m = c || g || "#ffffff", y = Et(To.avatarGroup), x = {
1285
1285
  "--avatar-cutout-bg": m
1286
1286
  };
1287
- return r.length === 0 ? null : /* @__PURE__ */ o.jsxs("div", { className: h, ref: d, style: x, children: [
1288
- r.map((C, b) => {
1289
- if (C.wrapper) {
1290
- const y = C.wrapper;
1287
+ return r.length === 0 ? null : /* @__PURE__ */ o.jsxs("div", { className: y, ref: d, style: x, children: [
1288
+ r.map((w, b) => {
1289
+ if (w.wrapper) {
1290
+ const h = w.wrapper;
1291
1291
  return /* @__PURE__ */ o.jsx(
1292
1292
  "div",
1293
1293
  {
1294
1294
  style: {
1295
1295
  marginRight: f
1296
1296
  },
1297
- children: /* @__PURE__ */ o.jsx(y, { children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...C }) })
1297
+ children: /* @__PURE__ */ o.jsx(h, { children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...w }) })
1298
1298
  },
1299
- te(C) + b
1299
+ te(w) + b
1300
1300
  );
1301
1301
  }
1302
1302
  return /* @__PURE__ */ o.jsx(
@@ -1305,17 +1305,17 @@ const Mo = 2, zo = (t) => {
1305
1305
  style: {
1306
1306
  marginRight: f
1307
1307
  },
1308
- children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...C })
1308
+ children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...w })
1309
1309
  },
1310
- te(C) + b
1310
+ te(w) + b
1311
1311
  );
1312
1312
  }),
1313
- s > 0 && /* @__PURE__ */ o.jsx("div", { style: { marginRight: f }, children: /* @__PURE__ */ o.jsx(
1313
+ a > 0 && /* @__PURE__ */ o.jsx("div", { style: { marginRight: f }, children: /* @__PURE__ */ o.jsx(
1314
1314
  Jt,
1315
1315
  {
1316
1316
  size: n,
1317
1317
  shape: i,
1318
- icon: () => fo(s),
1318
+ icon: () => fo(a),
1319
1319
  colorScheme: "gray",
1320
1320
  variant: "light",
1321
1321
  ...l
@@ -1380,17 +1380,17 @@ function Fo({
1380
1380
  open: t,
1381
1381
  onOpenChange: r,
1382
1382
  placement: n = "center",
1383
- disableOutsideClick: a = !1,
1383
+ disableOutsideClick: s = !1,
1384
1384
  disableEscapeKey: i = !1
1385
1385
  }) {
1386
- const s = jt(
1387
- (C) => {
1388
- r == null || r(C);
1386
+ const a = jt(
1387
+ (w) => {
1388
+ r == null || r(w);
1389
1389
  },
1390
1390
  [r]
1391
1391
  ), l = Po(n), { context: c, refs: u } = Ar({
1392
1392
  open: t,
1393
- onOpenChange: s,
1393
+ onOpenChange: a,
1394
1394
  placement: l
1395
1395
  }), f = Do(n), { isMounted: d, styles: g } = Or(c, {
1396
1396
  duration: 200,
@@ -1403,10 +1403,10 @@ function Fo({
1403
1403
  },
1404
1404
  ...f
1405
1405
  }), m = Pr(c, {
1406
- outsidePress: !a,
1406
+ outsidePress: !s,
1407
1407
  outsidePressEvent: "mousedown",
1408
1408
  escapeKey: !i
1409
- }), h = Dr(c, { role: "dialog" }), { getFloatingProps: x } = Fr([m, h]);
1409
+ }), y = Dr(c, { role: "dialog" }), { getFloatingProps: x } = Fr([m, y]);
1410
1410
  return Qe(
1411
1411
  () => ({
1412
1412
  /** Состояние для условного рендеринга с поддержкой анимации закрытия. */
@@ -1426,48 +1426,54 @@ function Fo({
1426
1426
  const ar = U((t, r) => {
1427
1427
  const {
1428
1428
  placement: n = "default",
1429
- open: a,
1429
+ open: s,
1430
1430
  onOpenChange: i,
1431
- overlayClassName: s,
1432
- children: l,
1433
- disableOutsideClick: c = !1,
1434
- disableEscapeKey: u = !1,
1435
- className: f,
1436
- style: d,
1437
- "data-testid": g,
1438
- ...m
1431
+ overlayProps: a,
1432
+ portalProps: l,
1433
+ children: c,
1434
+ disableOutsideClick: u = !1,
1435
+ disableEscapeKey: f = !1,
1436
+ disableOverlay: d = !1,
1437
+ className: g,
1438
+ style: m,
1439
+ "data-testid": y,
1440
+ ...x
1439
1441
  } = t;
1440
- a === void 0 && console.error(
1442
+ s === void 0 && console.error(
1441
1443
  "Dialog: компонент должен быть контролируемым. Используйте пропсы open и onOpenChange."
1442
1444
  );
1443
- const h = Fo({
1444
- open: a,
1445
+ const w = Fo({
1446
+ open: s,
1445
1447
  onOpenChange: i,
1446
1448
  placement: n,
1447
- disableOutsideClick: c,
1448
- disableEscapeKey: u
1449
- }), { isMounted: x, transitionStyles: C } = h, b = Wr([r, h.refs.setFloating]);
1450
- return x ? /* @__PURE__ */ o.jsxs(Hr, { children: [
1451
- /* @__PURE__ */ o.jsx(
1449
+ disableOutsideClick: u,
1450
+ disableEscapeKey: f
1451
+ }), { isMounted: b, transitionStyles: h } = w, p = Wr([r, w.refs.setFloating]);
1452
+ return b ? /* @__PURE__ */ o.jsxs(Hr, { ...l, children: [
1453
+ !d && /* @__PURE__ */ o.jsx(
1452
1454
  Vr,
1453
1455
  {
1454
1456
  "data-testid": "dialog-overlay",
1455
- className: S(de.overlay, s),
1456
- lockScroll: !0,
1457
- style: { opacity: C == null ? void 0 : C.opacity, transition: C == null ? void 0 : C.transition }
1457
+ className: S(de.overlay, a == null ? void 0 : a.className),
1458
+ lockScroll: (a == null ? void 0 : a.lockScroll) ?? !0,
1459
+ style: {
1460
+ opacity: h == null ? void 0 : h.opacity,
1461
+ transition: h == null ? void 0 : h.transition,
1462
+ ...a == null ? void 0 : a.style
1463
+ }
1458
1464
  }
1459
1465
  ),
1460
- /* @__PURE__ */ o.jsx(qr, { context: h.context, children: /* @__PURE__ */ o.jsx(
1466
+ /* @__PURE__ */ o.jsx(qr, { context: w.context, children: /* @__PURE__ */ o.jsx(
1461
1467
  "div",
1462
1468
  {
1463
- ref: b,
1469
+ ref: p,
1464
1470
  "aria-modal": "true",
1465
1471
  role: "dialog",
1466
- className: S(f, de.container, de[`placement-${n}`]),
1467
- style: { ...d, ...C },
1468
- "data-testid": g,
1469
- ...h.getFloatingProps(m),
1470
- children: l
1472
+ className: S(g, de.container, de[`placement-${n}`]),
1473
+ style: { ...m, ...h },
1474
+ "data-testid": y,
1475
+ ...w.getFloatingProps(x),
1476
+ children: c
1471
1477
  }
1472
1478
  ) })
1473
1479
  ] }) : null;
@@ -1511,16 +1517,16 @@ const ar = U((t, r) => {
1511
1517
  const r = Je.forwardRef(
1512
1518
  ({
1513
1519
  size: n = 3,
1514
- children: a,
1520
+ children: s,
1515
1521
  className: i,
1516
- "data-testid": s,
1522
+ "data-testid": a,
1517
1523
  as: l,
1518
1524
  fontWeight: c = "semibold",
1519
1525
  disabled: u = !1,
1520
1526
  typographyStyle: f = "primary",
1521
1527
  ...d
1522
1528
  }, g) => {
1523
- const m = l || ia[n], h = S(
1529
+ const m = l || ia[n], y = S(
1524
1530
  Pt.typography,
1525
1531
  G[`typography-${t}-${n}-${c}`],
1526
1532
  Pt[f],
@@ -1529,7 +1535,7 @@ const ar = U((t, r) => {
1529
1535
  },
1530
1536
  i
1531
1537
  );
1532
- return a ? /* @__PURE__ */ o.jsx(m, { ref: g, className: h, "data-testid": s, ...d, children: a }) : null;
1538
+ return s ? /* @__PURE__ */ o.jsx(m, { ref: g, className: y, "data-testid": a, ...d, children: s }) : null;
1533
1539
  }
1534
1540
  );
1535
1541
  return r.displayName = `Typography.${t === "title" ? "Title" : "Subtitle"}`, r;
@@ -1537,16 +1543,16 @@ const ar = U((t, r) => {
1537
1543
  const r = Je.forwardRef(
1538
1544
  ({
1539
1545
  size: n = 3,
1540
- children: a,
1546
+ children: s,
1541
1547
  className: i,
1542
- "data-testid": s,
1548
+ "data-testid": a,
1543
1549
  as: l = "p",
1544
1550
  fontWeight: c = "regular",
1545
1551
  disabled: u = !1,
1546
1552
  typographyStyle: f = "primary",
1547
1553
  ...d
1548
1554
  }, g) => {
1549
- const m = l, h = S(
1555
+ const m = l, y = S(
1550
1556
  Pt.typography,
1551
1557
  G[`typography-${t}-${n}-${c}`],
1552
1558
  Pt[f],
@@ -1555,14 +1561,14 @@ const ar = U((t, r) => {
1555
1561
  },
1556
1562
  i
1557
1563
  );
1558
- return a ? /* @__PURE__ */ o.jsx(
1564
+ return s ? /* @__PURE__ */ o.jsx(
1559
1565
  m,
1560
1566
  {
1561
1567
  ref: g,
1562
- className: h,
1563
- "data-testid": s,
1568
+ className: y,
1569
+ "data-testid": a,
1564
1570
  ...d,
1565
- children: a
1571
+ children: s
1566
1572
  }
1567
1573
  ) : null;
1568
1574
  }
@@ -1577,7 +1583,7 @@ const ar = U((t, r) => {
1577
1583
  "right-drawer",
1578
1584
  "left-drawer"
1579
1585
  ], ua = (t) => {
1580
- const { closeButtonProps: r, onOpenChange: n } = t, { wrapper: a, ...i } = r || {}, s = {
1586
+ const { closeButtonProps: r, onOpenChange: n } = t, { wrapper: s, ...i } = r || {}, a = {
1581
1587
  size: "xs",
1582
1588
  mode: "primary",
1583
1589
  buttonStyle: "gray",
@@ -1586,13 +1592,13 @@ const ar = U((t, r) => {
1586
1592
  onClick: () => n(!1),
1587
1593
  ...i
1588
1594
  };
1589
- return a ? /* @__PURE__ */ o.jsx(a, { children: /* @__PURE__ */ o.jsx(ge, { ...s }) }) : /* @__PURE__ */ o.jsx(ge, { ...s });
1595
+ return s ? /* @__PURE__ */ o.jsx(s, { children: /* @__PURE__ */ o.jsx(ge, { ...a }) }) : /* @__PURE__ */ o.jsx(ge, { ...a });
1590
1596
  }, q1 = U((t, r) => {
1591
1597
  const {
1592
1598
  open: n,
1593
- onOpenChange: a,
1599
+ onOpenChange: s,
1594
1600
  size: i,
1595
- placement: s = "default",
1601
+ placement: a = "default",
1596
1602
  showCloseButton: l = !0,
1597
1603
  closeButtonProps: c,
1598
1604
  title: u,
@@ -1600,36 +1606,36 @@ const ar = U((t, r) => {
1600
1606
  actions: d,
1601
1607
  children: g,
1602
1608
  footer: m,
1603
- hideHeaderDivider: h,
1609
+ hideHeaderDivider: y,
1604
1610
  hideFooterDivider: x,
1605
- className: C,
1611
+ className: w,
1606
1612
  classNames: b,
1607
- styles: y,
1613
+ styles: h,
1608
1614
  ...p
1609
- } = t, w = da.includes(s), k = !!(u || f || d);
1615
+ } = t, C = da.includes(a), k = !!(u || f || d);
1610
1616
  return /* @__PURE__ */ o.jsx(
1611
1617
  ar,
1612
1618
  {
1613
1619
  open: n,
1614
- onOpenChange: a,
1615
- placement: s,
1620
+ onOpenChange: s,
1621
+ placement: a,
1616
1622
  ref: r,
1617
1623
  style: { width: i },
1618
1624
  ...p,
1619
1625
  children: /* @__PURE__ */ o.jsxs(
1620
1626
  "div",
1621
1627
  {
1622
- className: S(bt.container, C, b == null ? void 0 : b.container),
1623
- style: { width: i, ...y == null ? void 0 : y.container },
1628
+ className: S(bt.container, w, b == null ? void 0 : b.container),
1629
+ style: { width: i, ...h == null ? void 0 : h.container },
1624
1630
  "data-testid": p["data-testid"] ? `${p["data-testid"]}-container` : void 0,
1625
1631
  children: [
1626
- k && /* @__PURE__ */ o.jsxs("div", { className: S(bt.header, b == null ? void 0 : b.header), style: y == null ? void 0 : y.header, children: [
1627
- /* @__PURE__ */ o.jsx("div", { className: S(bt.title, b == null ? void 0 : b.title), style: y == null ? void 0 : y.title, children: typeof u == "string" ? /* @__PURE__ */ o.jsx(ca, { size: 5, className: bt["title-text"], children: u }) : u }),
1632
+ k && /* @__PURE__ */ o.jsxs("div", { className: S(bt.header, b == null ? void 0 : b.header), style: h == null ? void 0 : h.header, children: [
1633
+ /* @__PURE__ */ o.jsx("div", { className: S(bt.title, b == null ? void 0 : b.title), style: h == null ? void 0 : h.title, children: typeof u == "string" ? /* @__PURE__ */ o.jsx(ca, { size: 5, className: bt["title-text"], children: u }) : u }),
1628
1634
  /* @__PURE__ */ o.jsxs("div", { className: bt.actions, children: [
1629
1635
  d,
1630
- l && /* @__PURE__ */ o.jsx(ua, { closeButtonProps: c, onOpenChange: a })
1636
+ l && /* @__PURE__ */ o.jsx(ua, { closeButtonProps: c, onOpenChange: s })
1631
1637
  ] }),
1632
- f && /* @__PURE__ */ o.jsx("div", { className: S(bt.subTitle, b == null ? void 0 : b.subTitle), style: y == null ? void 0 : y.subTitle, children: typeof f == "string" ? /* @__PURE__ */ o.jsx(
1638
+ f && /* @__PURE__ */ o.jsx("div", { className: S(bt.subTitle, b == null ? void 0 : b.subTitle), style: h == null ? void 0 : h.subTitle, children: typeof f == "string" ? /* @__PURE__ */ o.jsx(
1633
1639
  la,
1634
1640
  {
1635
1641
  size: 2,
@@ -1639,23 +1645,23 @@ const ar = U((t, r) => {
1639
1645
  }
1640
1646
  ) : f })
1641
1647
  ] }),
1642
- !h && k && /* @__PURE__ */ o.jsx("hr", { className: bt.divider }),
1648
+ !y && k && /* @__PURE__ */ o.jsx("hr", { className: bt.divider }),
1643
1649
  /* @__PURE__ */ o.jsx(
1644
1650
  "div",
1645
1651
  {
1646
1652
  className: S(
1647
- w ? bt["content-for-side-drawer"] : bt.content,
1653
+ C ? bt["content-for-side-drawer"] : bt.content,
1648
1654
  b == null ? void 0 : b.content
1649
1655
  ),
1650
1656
  style: {
1651
- ...y == null ? void 0 : y.content
1657
+ ...h == null ? void 0 : h.content
1652
1658
  },
1653
1659
  "data-testid": p["data-testid"] ? `${p["data-testid"]}-content` : void 0,
1654
1660
  children: g
1655
1661
  }
1656
1662
  ),
1657
1663
  !x && m && /* @__PURE__ */ o.jsx("hr", { className: bt.divider }),
1658
- m && /* @__PURE__ */ o.jsx("div", { className: S(bt.footer, b == null ? void 0 : b.footer), style: y == null ? void 0 : y.footer, children: m })
1664
+ m && /* @__PURE__ */ o.jsx("div", { className: S(bt.footer, b == null ? void 0 : b.footer), style: h == null ? void 0 : h.footer, children: m })
1659
1665
  ]
1660
1666
  }
1661
1667
  )
@@ -1779,9 +1785,9 @@ const La = (t) => {
1779
1785
  const {
1780
1786
  iconSlot: r,
1781
1787
  title: n,
1782
- subTitle: a,
1788
+ subTitle: s,
1783
1789
  styles: i,
1784
- classNames: s,
1790
+ classNames: a,
1785
1791
  children: l,
1786
1792
  "data-testid": c,
1787
1793
  size: u = "m"
@@ -1789,30 +1795,30 @@ const La = (t) => {
1789
1795
  return /* @__PURE__ */ o.jsxs(
1790
1796
  "div",
1791
1797
  {
1792
- className: S(Bt.container, s == null ? void 0 : s.container),
1798
+ className: S(Bt.container, a == null ? void 0 : a.container),
1793
1799
  style: i == null ? void 0 : i.container,
1794
1800
  "data-testid": c,
1795
1801
  children: [
1796
- r && /* @__PURE__ */ o.jsx("div", { style: i == null ? void 0 : i.iconSlot, className: S(Bt.iconSlot, s == null ? void 0 : s.iconSlot), children: r }),
1797
- (n || a) && /* @__PURE__ */ o.jsxs("div", { className: S(Bt.textBlock, s == null ? void 0 : s.textBlock), children: [
1802
+ r && /* @__PURE__ */ o.jsx("div", { style: i == null ? void 0 : i.iconSlot, className: S(Bt.iconSlot, a == null ? void 0 : a.iconSlot), children: r }),
1803
+ (n || s) && /* @__PURE__ */ o.jsxs("div", { className: S(Bt.textBlock, a == null ? void 0 : a.textBlock), children: [
1798
1804
  n && /* @__PURE__ */ o.jsx(
1799
1805
  "p",
1800
1806
  {
1801
1807
  style: i == null ? void 0 : i.title,
1802
- className: S(Bt.title, G[f.title], s == null ? void 0 : s.title),
1808
+ className: S(Bt.title, G[f.title], a == null ? void 0 : a.title),
1803
1809
  children: n
1804
1810
  }
1805
1811
  ),
1806
- a && /* @__PURE__ */ o.jsx(
1812
+ s && /* @__PURE__ */ o.jsx(
1807
1813
  "p",
1808
1814
  {
1809
1815
  style: i == null ? void 0 : i.subTitle,
1810
- className: S(Bt.subtitle, G[f.subtitle], s == null ? void 0 : s.subTitle),
1811
- children: a
1816
+ className: S(Bt.subtitle, G[f.subtitle], a == null ? void 0 : a.subTitle),
1817
+ children: s
1812
1818
  }
1813
1819
  )
1814
1820
  ] }),
1815
- l && /* @__PURE__ */ o.jsx("div", { className: S(Bt.children, s == null ? void 0 : s.children), children: l })
1821
+ l && /* @__PURE__ */ o.jsx("div", { className: S(Bt.children, a == null ? void 0 : a.children), children: l })
1816
1822
  ]
1817
1823
  }
1818
1824
  );
@@ -1820,14 +1826,14 @@ const La = (t) => {
1820
1826
  const {
1821
1827
  open: r,
1822
1828
  onOpenChange: n,
1823
- placement: a = "default",
1829
+ placement: s = "default",
1824
1830
  variant: i = "info",
1825
- title: s,
1831
+ title: a,
1826
1832
  description: l,
1827
1833
  children: c,
1828
1834
  variantAvatarProps: u,
1829
1835
  "data-testid": f
1830
- } = t, { icon: d, colorScheme: g } = (Gt == null ? void 0 : Gt[i]) || Gt.info, h = i === "avatar" ? {
1836
+ } = t, { icon: d, colorScheme: g } = (Gt == null ? void 0 : Gt[i]) || Gt.info, y = i === "avatar" ? {
1831
1837
  size: 48,
1832
1838
  colorScheme: "gray",
1833
1839
  variant: "light",
@@ -1846,16 +1852,16 @@ const La = (t) => {
1846
1852
  {
1847
1853
  open: r,
1848
1854
  onOpenChange: n,
1849
- placement: a,
1855
+ placement: s,
1850
1856
  "data-testid": f,
1851
1857
  className: ma.container,
1852
1858
  children: /* @__PURE__ */ o.jsx(
1853
1859
  La,
1854
1860
  {
1855
- title: s,
1861
+ title: a,
1856
1862
  subTitle: l,
1857
1863
  size: "m",
1858
- iconSlot: /* @__PURE__ */ o.jsx(Bo, { ...h }),
1864
+ iconSlot: /* @__PURE__ */ o.jsx(Bo, { ...y }),
1859
1865
  children: c
1860
1866
  }
1861
1867
  )
@@ -1902,9 +1908,9 @@ const La = (t) => {
1902
1908
  }, Na = U((t, r) => {
1903
1909
  const {
1904
1910
  icon: n,
1905
- children: a,
1911
+ children: s,
1906
1912
  variant: i = "filled",
1907
- label: s,
1913
+ label: a,
1908
1914
  isHidden: l = !1,
1909
1915
  colorScheme: c = "red",
1910
1916
  size: u = 20,
@@ -1912,11 +1918,11 @@ const La = (t) => {
1912
1918
  positionOffset: d = { x: 0, y: 0 },
1913
1919
  cutoutBackground: g,
1914
1920
  isDisabled: m,
1915
- className: h,
1921
+ className: y,
1916
1922
  "data-testid": x = "badge",
1917
- ...C
1918
- } = t, { onClick: b, onPointerDown: y } = C, { ref: p, bgColor: w } = xe(), k = g || w, $ = !m && (!!b || !!y), E = Et(St.badge__container, St[`position-${f}`]), z = Et(
1919
- h,
1923
+ ...w
1924
+ } = t, { onClick: b, onPointerDown: h } = w, { ref: p, bgColor: C } = xe(), k = g || C, $ = !m && (!!b || !!h), E = Et(St.badge__container, St[`position-${f}`]), z = Et(
1925
+ y,
1920
1926
  St.badge__content,
1921
1927
  St[`color-${c}`],
1922
1928
  St[`variant-${i}`],
@@ -1931,11 +1937,11 @@ const La = (t) => {
1931
1937
  "--badge-offset-y": `${d.y}px`,
1932
1938
  ...k && { "--badge-cutout-bg": k },
1933
1939
  ...i === "transparent" && { "--badge-cutout-bg": "transparent" }
1934
- }, F = (n == null ? void 0 : n({})) || s, q = (D) => {
1940
+ }, F = (n == null ? void 0 : n({})) || a, q = (D) => {
1935
1941
  $ && (b == null || b(D));
1936
1942
  };
1937
1943
  return /* @__PURE__ */ o.jsxs("div", { className: St.wrapper, ref: p, "data-testid": x + "-wrapper", children: [
1938
- a,
1944
+ s,
1939
1945
  !l && /* @__PURE__ */ o.jsx(
1940
1946
  "span",
1941
1947
  {
@@ -1945,7 +1951,7 @@ const La = (t) => {
1945
1951
  children: /* @__PURE__ */ o.jsx(
1946
1952
  "span",
1947
1953
  {
1948
- ...C,
1954
+ ...w,
1949
1955
  onClick: q,
1950
1956
  className: z,
1951
1957
  "data-testid": x + "-content",
@@ -1961,7 +1967,7 @@ const La = (t) => {
1961
1967
  container: Ma,
1962
1968
  image: za,
1963
1969
  loading: Ba
1964
- }, Aa = ({ width: t = 48, height: r = 48, className: n, "data-testid": a }) => /* @__PURE__ */ o.jsx(
1970
+ }, Aa = ({ width: t = 48, height: r = 48, className: n, "data-testid": s }) => /* @__PURE__ */ o.jsx(
1965
1971
  "svg",
1966
1972
  {
1967
1973
  width: t,
@@ -1970,7 +1976,7 @@ const La = (t) => {
1970
1976
  fill: "none",
1971
1977
  xmlns: "http://www.w3.org/2000/svg",
1972
1978
  className: n,
1973
- "data-testid": a,
1979
+ "data-testid": s,
1974
1980
  children: /* @__PURE__ */ o.jsx(
1975
1981
  "path",
1976
1982
  {
@@ -1985,21 +1991,21 @@ const La = (t) => {
1985
1991
  ), X1 = U((t, r) => {
1986
1992
  const {
1987
1993
  alt: n = "",
1988
- loading: a = "lazy",
1994
+ loading: s = "lazy",
1989
1995
  src: i,
1990
- isLoading: s = !1,
1996
+ isLoading: a = !1,
1991
1997
  className: l,
1992
1998
  "data-testid": c = "image",
1993
1999
  onError: u,
1994
2000
  onLoad: f,
1995
2001
  ...d
1996
- } = t, [g, m] = gt("loading"), h = g === "error", x = (s || g === "loading") && !h, C = g === "loaded" && !s, b = Et(
2002
+ } = t, [g, m] = gt("loading"), y = g === "error", x = (a || g === "loading") && !y, w = g === "loaded" && !a, b = Et(
1997
2003
  ue.image,
1998
2004
  {
1999
2005
  [ue.loading]: x
2000
2006
  },
2001
2007
  l
2002
- ), y = jt(
2008
+ ), h = jt(
2003
2009
  (k) => {
2004
2010
  m("loaded"), f == null || f(k);
2005
2011
  },
@@ -2009,7 +2015,7 @@ const La = (t) => {
2009
2015
  m("error"), u == null || u(k);
2010
2016
  },
2011
2017
  [u]
2012
- ), w = {
2018
+ ), C = {
2013
2019
  loader: /* @__PURE__ */ o.jsxs(Ht, { children: [
2014
2020
  /* @__PURE__ */ o.jsx(nr, { size: 48, variant: "special", "data-testid": `${c}-loader` }),
2015
2021
  /* @__PURE__ */ o.jsx(
@@ -2017,7 +2023,7 @@ const La = (t) => {
2017
2023
  {
2018
2024
  alt: n,
2019
2025
  src: i,
2020
- onLoad: y,
2026
+ onLoad: h,
2021
2027
  onError: p,
2022
2028
  style: { display: "none" }
2023
2029
  }
@@ -2030,7 +2036,7 @@ const La = (t) => {
2030
2036
  ref: r,
2031
2037
  alt: n,
2032
2038
  "data-testid": c,
2033
- loading: a,
2039
+ loading: s,
2034
2040
  src: i,
2035
2041
  className: b
2036
2042
  }
@@ -2043,9 +2049,9 @@ const La = (t) => {
2043
2049
  }
2044
2050
  m("loading");
2045
2051
  }, [i]), /* @__PURE__ */ o.jsxs("div", { className: ue.container, "data-testid": `${c}-container`, ...d, children: [
2046
- x && w.loader,
2047
- h && w.error,
2048
- C && w.image
2052
+ x && C.loader,
2053
+ y && C.error,
2054
+ w && C.image
2049
2055
  ] });
2050
2056
  }), Oa = {}, sr = tr({
2051
2057
  locale: Oa
@@ -2084,12 +2090,12 @@ const La = (t) => {
2084
2090
  locale: t = {},
2085
2091
  theme: r,
2086
2092
  children: n,
2087
- className: a
2093
+ className: s
2088
2094
  }) => (zr(() => {
2089
2095
  if (r) {
2090
2096
  const i = document.documentElement;
2091
- Object.entries(r).forEach(([s, l]) => {
2092
- i.style.setProperty(s, l);
2097
+ Object.entries(r).forEach(([a, l]) => {
2098
+ i.style.setProperty(a, l);
2093
2099
  });
2094
2100
  }
2095
2101
  }, [r]), /* @__PURE__ */ o.jsxs(Ht, { children: [
@@ -2097,7 +2103,7 @@ const La = (t) => {
2097
2103
  "div",
2098
2104
  {
2099
2105
  "data-testid": "ConfigProvider-component",
2100
- className: S(Da, Fa, Wa, Ha, Va, _s, G, a)
2106
+ className: S(Da, Fa, Wa, Ha, Va, _s, G, s)
2101
2107
  }
2102
2108
  ),
2103
2109
  /* @__PURE__ */ o.jsx(sr.Provider, { value: { locale: t }, children: n })
@@ -2121,37 +2127,37 @@ const La = (t) => {
2121
2127
  }, K1 = U((t, r) => {
2122
2128
  const {
2123
2129
  className: n,
2124
- children: a,
2130
+ children: s,
2125
2131
  componentStyle: i = "neutral",
2126
- size: s = "medium",
2132
+ size: a = "medium",
2127
2133
  disabled: l = !1,
2128
- showLabel: c = !!a,
2134
+ showLabel: c = !!s,
2129
2135
  slotStart: u,
2130
2136
  slotEnd: f,
2131
2137
  slotStartWrapperProps: d = {},
2132
2138
  slotEndWrapperProps: g = {},
2133
2139
  "data-testid": m
2134
- } = t, { className: h, ...x } = d, { className: C, ...b } = g;
2140
+ } = t, { className: y, ...x } = d, { className: w, ...b } = g;
2135
2141
  return /* @__PURE__ */ o.jsxs(
2136
2142
  "div",
2137
2143
  {
2138
2144
  className: S(
2139
2145
  It.tag,
2140
- It[s],
2146
+ It[a],
2141
2147
  It[i],
2142
2148
  {
2143
2149
  [It.disabled]: l,
2144
- [G["typography-label-3-regular"]]: s === "medium",
2145
- [G["typography-subtitle-1-semibold"]]: s === "large"
2150
+ [G["typography-label-3-regular"]]: a === "medium",
2151
+ [G["typography-subtitle-1-semibold"]]: a === "large"
2146
2152
  },
2147
2153
  n
2148
2154
  ),
2149
2155
  "data-testid": m || "tag-component",
2150
2156
  ref: r,
2151
2157
  children: [
2152
- u && /* @__PURE__ */ o.jsx("span", { className: S([It.iconWrapper, h]), ...x, children: u }),
2153
- c && /* @__PURE__ */ o.jsx("span", { className: S([It.label]), children: a }),
2154
- f && /* @__PURE__ */ o.jsx("span", { className: S([It.iconWrapper, C]), ...b, children: f })
2158
+ u && /* @__PURE__ */ o.jsx("span", { className: S([It.iconWrapper, y]), ...x, children: u }),
2159
+ c && /* @__PURE__ */ o.jsx("span", { className: S([It.label]), children: s }),
2160
+ f && /* @__PURE__ */ o.jsx("span", { className: S([It.iconWrapper, w]), ...b, children: f })
2155
2161
  ]
2156
2162
  }
2157
2163
  );
@@ -2169,7 +2175,7 @@ const La = (t) => {
2169
2175
  width: t = 12,
2170
2176
  height: r = 9,
2171
2177
  className: n = "",
2172
- color: a = "currentColor",
2178
+ color: s = "currentColor",
2173
2179
  ...i
2174
2180
  }) => /* @__PURE__ */ o.jsx(
2175
2181
  "svg",
@@ -2187,7 +2193,7 @@ const La = (t) => {
2187
2193
  fillRule: "evenodd",
2188
2194
  clipRule: "evenodd",
2189
2195
  d: "M13.0001 2.49999C13.3906 2.10946 13.3906 1.4763 13.0001 1.08578C12.6095 0.695251 11.9764 0.695251 11.5859 1.08578L5.29296 7.37867L2.00007 4.08578C1.60954 3.69525 0.976378 3.69525 0.585855 4.08578C0.19533 4.4763 0.19533 5.10946 0.585855 5.49999L4.58585 9.49999C4.97638 9.89051 5.60954 9.89051 6.00007 9.49999L13.0001 2.49999Z",
2190
- fill: a
2196
+ fill: s
2191
2197
  }
2192
2198
  )
2193
2199
  }
@@ -2195,7 +2201,7 @@ const La = (t) => {
2195
2201
  width: t = 12,
2196
2202
  height: r = 2,
2197
2203
  className: n = "",
2198
- color: a = "currentColor",
2204
+ color: s = "currentColor",
2199
2205
  ...i
2200
2206
  }) => /* @__PURE__ */ o.jsx(
2201
2207
  "svg",
@@ -2213,7 +2219,7 @@ const La = (t) => {
2213
2219
  fillRule: "evenodd",
2214
2220
  clipRule: "evenodd",
2215
2221
  d: "M0 1C0 0.447715 0.447715 0 1 0H11C11.5523 0 12 0.447715 12 1C12 1.55228 11.5523 2 11 2H1C0.447715 2 0 1.55228 0 1Z",
2216
- fill: a
2222
+ fill: s
2217
2223
  }
2218
2224
  )
2219
2225
  }
@@ -2224,10 +2230,10 @@ const La = (t) => {
2224
2230
  size: t,
2225
2231
  isChecked: r,
2226
2232
  isDisabled: n,
2227
- indeterminate: a,
2233
+ indeterminate: s,
2228
2234
  dataTestId: i
2229
2235
  }) => {
2230
- const { width: s, height: l } = Fs[t];
2236
+ const { width: a, height: l } = Fs[t];
2231
2237
  return /* @__PURE__ */ o.jsx(
2232
2238
  "div",
2233
2239
  {
@@ -2235,16 +2241,16 @@ const La = (t) => {
2235
2241
  "data-testid": `${i}-icon`,
2236
2242
  "data-checked": r,
2237
2243
  "data-disabled": n,
2238
- "data-indeterminate": a,
2239
- children: a ? /* @__PURE__ */ o.jsx(Ds, { width: s, height: l }) : /* @__PURE__ */ o.jsx(Ps, { width: s, height: l })
2244
+ "data-indeterminate": s,
2245
+ children: s ? /* @__PURE__ */ o.jsx(Ds, { width: a, height: l }) : /* @__PURE__ */ o.jsx(Ps, { width: a, height: l })
2240
2246
  }
2241
2247
  );
2242
2248
  }, J1 = U((t, r) => {
2243
2249
  const {
2244
2250
  name: n,
2245
- value: a,
2251
+ value: s,
2246
2252
  size: i = "medium",
2247
- indeterminate: s = !1,
2253
+ indeterminate: a = !1,
2248
2254
  loading: l = !1,
2249
2255
  error: c,
2250
2256
  disabled: u = !1,
@@ -2252,12 +2258,12 @@ const La = (t) => {
2252
2258
  className: d,
2253
2259
  containerStyle: g,
2254
2260
  style: m,
2255
- children: h,
2261
+ children: y,
2256
2262
  clickableLabel: x = !0,
2257
- tabIndex: C,
2263
+ tabIndex: w,
2258
2264
  onChange: b,
2259
- "data-testid": y = "checkbox"
2260
- } = t, [p, w] = gt(!1), k = a ?? p, T = u || l, $ = !!c, E = k || s, z = S(Lt.container, Lt[i], f), B = S(
2265
+ "data-testid": h = "checkbox"
2266
+ } = t, [p, C] = gt(!1), k = s ?? p, T = u || l, $ = !!c, E = k || a, z = S(Lt.container, Lt[i], f), B = S(
2261
2267
  Lt.checkbox,
2262
2268
  Lt[i],
2263
2269
  {
@@ -2265,12 +2271,12 @@ const La = (t) => {
2265
2271
  },
2266
2272
  d
2267
2273
  ), F = (M) => {
2268
- T || (w(M.target.checked), b == null || b(M.target.checked, M));
2274
+ T || (C(M.target.checked), b == null || b(M.target.checked, M));
2269
2275
  }, q = (M) => {
2270
2276
  if (M.key === "Enter" && !T) {
2271
2277
  M.preventDefault();
2272
2278
  const W = !E;
2273
- w(W), b == null || b(W);
2279
+ C(W), b == null || b(W);
2274
2280
  }
2275
2281
  }, D = (M) => {
2276
2282
  x || M.preventDefault();
@@ -2281,13 +2287,13 @@ const La = (t) => {
2281
2287
  className: z,
2282
2288
  htmlFor: n,
2283
2289
  style: g,
2284
- "data-testid": y,
2290
+ "data-testid": h,
2285
2291
  "data-clickable-label": x,
2286
2292
  children: [
2287
2293
  /* @__PURE__ */ o.jsx("div", { className: Lt.checkboxWrapper, children: /* @__PURE__ */ o.jsxs(
2288
2294
  "div",
2289
2295
  {
2290
- tabIndex: C || 0,
2296
+ tabIndex: w || 0,
2291
2297
  className: B,
2292
2298
  style: m,
2293
2299
  onKeyDown: q,
@@ -2295,7 +2301,7 @@ const La = (t) => {
2295
2301
  "aria-disabled": T,
2296
2302
  "aria-invalid": $,
2297
2303
  "aria-describedby": c ? `${n}-error` : void 0,
2298
- "data-testid": `${y}-label`,
2304
+ "data-testid": `${h}-label`,
2299
2305
  children: [
2300
2306
  /* @__PURE__ */ o.jsx(
2301
2307
  "input",
@@ -2312,7 +2318,7 @@ const La = (t) => {
2312
2318
  "aria-checked": E,
2313
2319
  "aria-invalid": $,
2314
2320
  "aria-describedby": c ? `${n}-error` : void 0,
2315
- "data-testid": `${y}-input`
2321
+ "data-testid": `${h}-input`
2316
2322
  }
2317
2323
  ),
2318
2324
  /* @__PURE__ */ o.jsx(
@@ -2322,21 +2328,21 @@ const La = (t) => {
2322
2328
  size: i,
2323
2329
  isChecked: E,
2324
2330
  isDisabled: T,
2325
- indeterminate: s,
2326
- dataTestId: y
2331
+ indeterminate: a,
2332
+ dataTestId: h
2327
2333
  }
2328
2334
  )
2329
2335
  ]
2330
2336
  }
2331
2337
  ) }),
2332
- h && /* @__PURE__ */ o.jsx(
2338
+ y && /* @__PURE__ */ o.jsx(
2333
2339
  "span",
2334
2340
  {
2335
- "data-testid": `${y}-label-text`,
2341
+ "data-testid": `${h}-label-text`,
2336
2342
  "data-clickable-label": x,
2337
2343
  className: Lt.label,
2338
2344
  onClick: D,
2339
- children: h
2345
+ children: y
2340
2346
  }
2341
2347
  )
2342
2348
  ]
@@ -2397,7 +2403,7 @@ const La = (t) => {
2397
2403
  width: t = 8,
2398
2404
  height: r = 8,
2399
2405
  className: n,
2400
- color: a = "#AABBCA"
2406
+ color: s = "#AABBCA"
2401
2407
  }) => /* @__PURE__ */ o.jsx(
2402
2408
  "svg",
2403
2409
  {
@@ -2413,7 +2419,7 @@ const La = (t) => {
2413
2419
  fillRule: "evenodd",
2414
2420
  clipRule: "evenodd",
2415
2421
  d: "M6.10178 0.236172C6.41679 -0.0787239 6.93824 -0.0787239 7.25325 0.236172C7.56826 0.551067 7.56826 1.07227 7.25325 1.38717L1.38772 7.25074C1.22479 7.41362 1.01837 7.48963 0.811988 7.48963C0.605604 7.48963 0.399189 7.41362 0.236255 7.25074C-0.0787516 6.93584 -0.0787516 6.41464 0.236255 6.09974L6.10178 0.236172ZM6.61276 4.19954C6.92777 3.88464 7.44895 3.88464 7.76396 4.19954C8.07897 4.52529 8.07897 5.03564 7.76396 5.35053L5.35256 7.76111C5.18963 7.92399 4.98321 8 4.77683 8C4.57045 8 4.36403 7.92399 4.2011 7.76111C3.88609 7.44622 3.88609 6.92501 4.2011 6.61012L6.61276 4.19954Z",
2416
- fill: a
2422
+ fill: s
2417
2423
  }
2418
2424
  )
2419
2425
  }
@@ -2421,13 +2427,13 @@ const La = (t) => {
2421
2427
  className: t = "",
2422
2428
  style: r,
2423
2429
  size: n = "md",
2424
- color: a = "currentColor",
2430
+ color: s = "currentColor",
2425
2431
  onClick: i,
2426
- ...s
2432
+ ...a
2427
2433
  }) => {
2428
2434
  const c = {
2429
2435
  display: "inline-block",
2430
- color: a,
2436
+ color: s,
2431
2437
  ...{
2432
2438
  xxxs: { width: "8px", height: "8px" },
2433
2439
  xxs: { width: "12px", height: "12px" },
@@ -2447,7 +2453,7 @@ const La = (t) => {
2447
2453
  fill: "none",
2448
2454
  xmlns: "http://www.w3.org/2000/svg",
2449
2455
  onClick: i,
2450
- ...s,
2456
+ ...a,
2451
2457
  children: /* @__PURE__ */ o.jsx(
2452
2458
  "path",
2453
2459
  {
@@ -2461,51 +2467,51 @@ const La = (t) => {
2461
2467
  }
2462
2468
  );
2463
2469
  }, Ri = (t, r) => {
2464
- const n = Vt(null), a = Vt(null);
2470
+ const n = Vt(null), s = Vt(null);
2465
2471
  return ut(() => {
2466
- const i = r === "textarea" ? n.current : a.current;
2472
+ const i = r === "textarea" ? n.current : s.current;
2467
2473
  i && i.value !== t && (i.value = t || "");
2468
2474
  }, [t, r]), {
2469
2475
  textareaRef: n,
2470
- inputRef: a,
2471
- currentRef: r === "textarea" ? n : a
2476
+ inputRef: s,
2477
+ currentRef: r === "textarea" ? n : s
2472
2478
  };
2473
2479
  }, Ii = (t, r, n) => {
2474
- const a = () => {
2480
+ const s = () => {
2475
2481
  if (!n.current || r !== "hug") return;
2476
2482
  const i = n.current.scrollTop;
2477
2483
  if (n.current.style.setProperty("height", "auto", "important"), !t) return;
2478
- const s = n.current.scrollHeight + "px";
2479
- n.current.style.setProperty("height", s, "important"), n.current.scrollTop = i;
2484
+ const a = n.current.scrollHeight + "px";
2485
+ n.current.style.setProperty("height", a, "important"), n.current.scrollTop = i;
2480
2486
  const l = n.current.closest(`.${I.wrapper}`);
2481
2487
  l && (l.setAttribute("data-resize", "hug"), l.setAttribute("data-show-grip", "false"));
2482
2488
  };
2483
- return ut(a, [t, r]), ut(() => {
2484
- r === "hug" && n.current && a();
2485
- }, []), { resizeTextArea: a };
2486
- }, Ni = (t, r, n, a) => ({ handleGripMouseDown: jt(
2487
- (s) => {
2488
- if (!t || r || n || !(a === "fixed" || !a)) return;
2489
- s.preventDefault(), s.stopPropagation();
2490
- const l = s.currentTarget.closest(`.${I.wrapper}`);
2489
+ return ut(s, [t, r]), ut(() => {
2490
+ r === "hug" && n.current && s();
2491
+ }, []), { resizeTextArea: s };
2492
+ }, Ni = (t, r, n, s) => ({ handleGripMouseDown: jt(
2493
+ (a) => {
2494
+ if (!t || r || n || !(s === "fixed" || !s)) return;
2495
+ a.preventDefault(), a.stopPropagation();
2496
+ const l = a.currentTarget.closest(`.${I.wrapper}`);
2491
2497
  if (!l) return;
2492
- const c = s.clientY, u = l.clientHeight, f = (g) => {
2493
- const m = g.clientY - c, h = Math.min(100, u), x = Math.max(h, u + m);
2498
+ const c = a.clientY, u = l.clientHeight, f = (g) => {
2499
+ const m = g.clientY - c, y = Math.min(100, u), x = Math.max(y, u + m);
2494
2500
  l.style.height = `${x}px`;
2495
2501
  }, d = () => {
2496
2502
  document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", d);
2497
2503
  };
2498
2504
  document.addEventListener("mousemove", f), document.addEventListener("mouseup", d);
2499
2505
  },
2500
- [t, r, n, a]
2506
+ [t, r, n, s]
2501
2507
  ) }), Xe = 30, Mi = U(
2502
2508
  ({
2503
2509
  component: t = "input",
2504
2510
  size: r = "L",
2505
2511
  value: n = "",
2506
- placeholder: a,
2512
+ placeholder: s,
2507
2513
  disabled: i = !1,
2508
- loading: s = !1,
2514
+ loading: a = !1,
2509
2515
  onFocus: l,
2510
2516
  onBlur: c,
2511
2517
  onChange: u,
@@ -2513,25 +2519,25 @@ const La = (t) => {
2513
2519
  onKeyUp: d,
2514
2520
  maxLength: g,
2515
2521
  className: m,
2516
- style: h,
2522
+ style: y,
2517
2523
  truncate: x = !1,
2518
- shouldShowFloatingLabelClass: C = !1,
2524
+ shouldShowFloatingLabelClass: w = !1,
2519
2525
  "aria-invalid": b,
2520
- "aria-errormessage": y,
2526
+ "aria-errormessage": h,
2521
2527
  id: p,
2522
- resize: w,
2528
+ resize: C,
2523
2529
  ...k
2524
2530
  }, T) => {
2525
2531
  const { textareaRef: $, inputRef: E, currentRef: z } = Ri(n, t);
2526
- if (Ii(n, w, $), Br(T, () => z.current, [z]), t === "textarea")
2532
+ if (Ii(n, C, $), Br(T, () => z.current, [z]), t === "textarea")
2527
2533
  return /* @__PURE__ */ o.jsx(
2528
2534
  "textarea",
2529
2535
  {
2530
2536
  ref: $,
2531
2537
  id: p,
2532
2538
  value: n,
2533
- placeholder: a,
2534
- disabled: i || s,
2539
+ placeholder: s,
2540
+ disabled: i || a,
2535
2541
  onFocus: l,
2536
2542
  onBlur: c,
2537
2543
  onChange: u,
@@ -2541,15 +2547,15 @@ const La = (t) => {
2541
2547
  className: S(
2542
2548
  I.textarea,
2543
2549
  I[`size-${r}`],
2544
- C && I["with-floating-label"],
2550
+ w && I["with-floating-label"],
2545
2551
  m
2546
2552
  ),
2547
- style: h,
2553
+ style: y,
2548
2554
  "aria-invalid": b,
2549
- "aria-errormessage": y,
2550
- "aria-describedby": y ? `${p}-error` : void 0,
2555
+ "aria-errormessage": h,
2556
+ "aria-describedby": h ? `${p}-error` : void 0,
2551
2557
  tabIndex: 0,
2552
- "data-resize": w,
2558
+ "data-resize": C,
2553
2559
  ...k
2554
2560
  }
2555
2561
  );
@@ -2560,8 +2566,8 @@ const La = (t) => {
2560
2566
  ref: E,
2561
2567
  id: p,
2562
2568
  value: n,
2563
- placeholder: a,
2564
- disabled: i || s,
2569
+ placeholder: s,
2570
+ disabled: i || a,
2565
2571
  onFocus: l,
2566
2572
  onBlur: c,
2567
2573
  onChange: u,
@@ -2571,14 +2577,14 @@ const La = (t) => {
2571
2577
  className: S(
2572
2578
  I.input,
2573
2579
  I[`size-${r}`],
2574
- C && I["with-floating-label"],
2580
+ w && I["with-floating-label"],
2575
2581
  x && I.truncate,
2576
2582
  m
2577
2583
  ),
2578
- style: h,
2584
+ style: y,
2579
2585
  "aria-invalid": b,
2580
- "aria-errormessage": y,
2581
- "aria-describedby": y ? `${p}-error` : void 0,
2586
+ "aria-errormessage": h,
2587
+ "aria-describedby": h ? `${p}-error` : void 0,
2582
2588
  tabIndex: 0,
2583
2589
  ...k
2584
2590
  }
@@ -2593,9 +2599,9 @@ const La = (t) => {
2593
2599
  children: t,
2594
2600
  size: r = "L",
2595
2601
  error: n = !1,
2596
- disabled: a = !1,
2602
+ disabled: s = !1,
2597
2603
  loading: i = !1,
2598
- className: s,
2604
+ className: a,
2599
2605
  wrapperProps: l,
2600
2606
  wrapperStyles: c,
2601
2607
  floatingLabelStyles: u,
@@ -2603,13 +2609,13 @@ const La = (t) => {
2603
2609
  suffixStyles: d,
2604
2610
  labelProps: g,
2605
2611
  helperProps: m,
2606
- showLimit: h = !1,
2612
+ showLimit: y = !1,
2607
2613
  maxLength: x,
2608
- hint: C,
2614
+ hint: w,
2609
2615
  showHint: b = !1,
2610
- showHintOnEmpty: y = !1,
2616
+ showHintOnEmpty: h = !1,
2611
2617
  prefix: p,
2612
- suffix: w,
2618
+ suffix: C,
2613
2619
  onSuffixClick: k,
2614
2620
  placeholder: T,
2615
2621
  showLabel: $ = !0,
@@ -2622,22 +2628,22 @@ const La = (t) => {
2622
2628
  showGrip: L = !1,
2623
2629
  ...M
2624
2630
  }, W) => {
2625
- const H = me(), Z = F || H, K = b && C && (z || y), ot = C && C.length > Xe ? C.substring(0, Xe) + "..." : C, rt = S(
2631
+ const H = me(), Z = F || H, K = b && w && (z || h), ot = w && w.length > Xe ? w.substring(0, Xe) + "..." : w, rt = S(
2626
2632
  I.wrapper,
2627
2633
  I[`size-${r}`],
2628
2634
  n && I.error,
2629
- a && I.disabled,
2635
+ s && I.disabled,
2630
2636
  i && I.loading,
2631
2637
  K && I["has-hint"],
2632
- w && I["has-suffix"],
2633
- h && I["has-limit"],
2634
- s
2638
+ C && I["has-suffix"],
2639
+ y && I["has-limit"],
2640
+ a
2635
2641
  ), J = S(
2636
2642
  I.floatingLabel,
2637
2643
  I[r],
2638
2644
  z && I.filled,
2639
2645
  E
2640
- ), { handleGripMouseDown: at } = Ni(L, a, i, D);
2646
+ ), { handleGripMouseDown: at } = Ni(L, s, i, D);
2641
2647
  return /* @__PURE__ */ o.jsxs("div", { ref: W, className: I.inputBase, "data-testid": "input-base-wrapper", ...M, children: [
2642
2648
  /* @__PURE__ */ o.jsxs(
2643
2649
  "div",
@@ -2649,14 +2655,14 @@ const La = (t) => {
2649
2655
  ...l,
2650
2656
  children: [
2651
2657
  p && /* @__PURE__ */ o.jsx("label", { htmlFor: Z, className: I.leftSection, style: f, children: p }),
2652
- w && /* @__PURE__ */ o.jsx(
2658
+ C && /* @__PURE__ */ o.jsx(
2653
2659
  "label",
2654
2660
  {
2655
2661
  htmlFor: Z,
2656
2662
  className: I.rightSection,
2657
2663
  style: d,
2658
2664
  onClick: k,
2659
- children: w
2665
+ children: C
2660
2666
  }
2661
2667
  ),
2662
2668
  T && $ && /* @__PURE__ */ o.jsx(
@@ -2670,7 +2676,7 @@ const La = (t) => {
2670
2676
  }
2671
2677
  ),
2672
2678
  t,
2673
- L && !h && (D === "fixed" || !D) && /* @__PURE__ */ o.jsx(
2679
+ L && !y && (D === "fixed" || !D) && /* @__PURE__ */ o.jsx(
2674
2680
  "div",
2675
2681
  {
2676
2682
  className: I.gripHandle,
@@ -2685,11 +2691,11 @@ const La = (t) => {
2685
2691
  "div",
2686
2692
  {
2687
2693
  className: S(I.hint, z && I.truncate),
2688
- "data-disabled": a || i,
2694
+ "data-disabled": s || i,
2689
2695
  children: ot
2690
2696
  }
2691
2697
  ),
2692
- h && x && /* @__PURE__ */ o.jsxs("div", { className: I.characterLimit, children: [
2698
+ y && x && /* @__PURE__ */ o.jsxs("div", { className: I.characterLimit, children: [
2693
2699
  (q || "").length,
2694
2700
  " из ",
2695
2701
  x
@@ -2703,7 +2709,7 @@ const La = (t) => {
2703
2709
  className: S(
2704
2710
  I.helper,
2705
2711
  n && I.error,
2706
- (a || i) && I.disabled
2712
+ (s || i) && I.disabled
2707
2713
  ),
2708
2714
  ...m,
2709
2715
  id: n ? `${Z}-error` : void 0,
@@ -2721,9 +2727,9 @@ const Ye = Object.assign(Mi, {
2721
2727
  component: t = "input",
2722
2728
  size: r = "L",
2723
2729
  className: n,
2724
- error: a = !1,
2730
+ error: s = !1,
2725
2731
  disabled: i = !1,
2726
- loading: s = !1,
2732
+ loading: a = !1,
2727
2733
  placeholder: l,
2728
2734
  showLabel: c = !0,
2729
2735
  labelClassName: u,
@@ -2731,13 +2737,13 @@ const Ye = Object.assign(Mi, {
2731
2737
  prefix: d,
2732
2738
  suffix: g,
2733
2739
  id: m,
2734
- onFocus: h,
2740
+ onFocus: y,
2735
2741
  onBlur: x,
2736
- onKeyDown: C,
2742
+ onKeyDown: w,
2737
2743
  onSuffixClick: b,
2738
- onChange: y,
2744
+ onChange: h,
2739
2745
  value: p = "",
2740
- wrapperProps: w,
2746
+ wrapperProps: C,
2741
2747
  wrapperStyles: k,
2742
2748
  floatingLabelStyles: T,
2743
2749
  prefixStyles: $,
@@ -2759,12 +2765,12 @@ const Ye = Object.assign(Mi, {
2759
2765
  const at = me(), st = m || at, [wt, xt] = gt(p), it = p !== void 0 ? p : wt, Tt = (it || "").length > 0, pt = it || "", Nt = c && (r === "XL" || t === "textarea") && !d, ee = jt(
2760
2766
  (Q) => {
2761
2767
  var tt;
2762
- i || s || (h == null || h(), (tt = L == null ? void 0 : L.onFocus) == null || tt.call(
2768
+ i || a || (y == null || y(), (tt = L == null ? void 0 : L.onFocus) == null || tt.call(
2763
2769
  L,
2764
2770
  Q
2765
2771
  ));
2766
2772
  },
2767
- [h, L, i, s]
2773
+ [y, L, i, a]
2768
2774
  ), Zt = jt(
2769
2775
  (Q) => {
2770
2776
  var tt;
@@ -2791,14 +2797,14 @@ const Ye = Object.assign(Mi, {
2791
2797
  ), ne = jt(
2792
2798
  (Q) => {
2793
2799
  var vt;
2794
- if (i || s) return;
2800
+ if (i || a) return;
2795
2801
  const tt = Q.target.value;
2796
- xt(tt), y == null || y(tt, Q), (vt = L == null ? void 0 : L.onChange) == null || vt.call(
2802
+ xt(tt), h == null || h(tt, Q), (vt = L == null ? void 0 : L.onChange) == null || vt.call(
2797
2803
  L,
2798
2804
  Q
2799
2805
  );
2800
2806
  },
2801
- [y, L, i, s]
2807
+ [h, L, i, a]
2802
2808
  );
2803
2809
  return ut(() => {
2804
2810
  xt(p || "");
@@ -2807,11 +2813,11 @@ const Ye = Object.assign(Mi, {
2807
2813
  {
2808
2814
  ref: J,
2809
2815
  size: r,
2810
- error: a,
2811
- disabled: i || s,
2812
- loading: s,
2816
+ error: s,
2817
+ disabled: i || a,
2818
+ loading: a,
2813
2819
  className: S(n, t === "textarea" && I["textarea-wrapper"]),
2814
- wrapperProps: w,
2820
+ wrapperProps: C,
2815
2821
  wrapperStyles: k,
2816
2822
  floatingLabelStyles: T,
2817
2823
  prefixStyles: $,
@@ -2844,19 +2850,19 @@ const Ye = Object.assign(Mi, {
2844
2850
  value: pt,
2845
2851
  placeholder: l,
2846
2852
  disabled: i,
2847
- loading: s,
2853
+ loading: a,
2848
2854
  onFocus: ee,
2849
2855
  onBlur: re,
2850
2856
  onChange: ne,
2851
- onKeyDown: C,
2857
+ onKeyDown: w,
2852
2858
  onKeyUp: Zt,
2853
2859
  maxLength: D,
2854
2860
  truncate: Z,
2855
2861
  "data-empty": !Tt,
2856
2862
  shouldShowFloatingLabelClass: Nt,
2857
2863
  style: t === "textarea" ? z : void 0,
2858
- "aria-invalid": !!a,
2859
- "aria-errormessage": a ? `${st}-error` : void 0,
2864
+ "aria-invalid": !!s,
2865
+ "aria-errormessage": s ? `${st}-error` : void 0,
2860
2866
  id: st,
2861
2867
  resize: K,
2862
2868
  ...L
@@ -2870,12 +2876,12 @@ const Ye = Object.assign(Mi, {
2870
2876
  M: "M",
2871
2877
  L: "L",
2872
2878
  XL: "XL"
2873
- }, zi = (t, r, n, a) => {
2879
+ }, zi = (t, r, n, s) => {
2874
2880
  switch (t) {
2875
2881
  case V.XL:
2876
2882
  return r && n ? "8px 16px 8px 16px" : "16px 16px 16px 16px";
2877
2883
  case V.L:
2878
- return a ? "12px 12px 12px 12px" : "12px 16px 12px 16px";
2884
+ return s ? "12px 12px 12px 12px" : "12px 16px 12px 16px";
2879
2885
  case V.M:
2880
2886
  return "10px 12px 10px 12px";
2881
2887
  case V.S:
@@ -2918,7 +2924,7 @@ const Ye = Object.assign(Mi, {
2918
2924
  default:
2919
2925
  return 12;
2920
2926
  }
2921
- }, Pi = (t, r, n, a) => ({
2927
+ }, Pi = (t, r, n, s) => ({
2922
2928
  wrapperStyles: {
2923
2929
  minHeight: t,
2924
2930
  maxHeight: t,
@@ -2932,13 +2938,13 @@ const Ye = Object.assign(Mi, {
2932
2938
  paddingRight: `${n}px`
2933
2939
  },
2934
2940
  suffixStyles: {
2935
- right: `${a}px`,
2941
+ right: `${s}px`,
2936
2942
  maxWidth: "32px",
2937
2943
  maxHeight: "32px",
2938
2944
  padding: "6px",
2939
2945
  cursor: "pointer"
2940
2946
  }
2941
- }), Di = (t, r, n, a) => ({
2947
+ }), Di = (t, r, n, s) => ({
2942
2948
  wrapperStyles: {
2943
2949
  height: t,
2944
2950
  minHeight: t,
@@ -2954,13 +2960,13 @@ const Ye = Object.assign(Mi, {
2954
2960
  paddingRight: `${n}px`
2955
2961
  },
2956
2962
  suffixStyles: {
2957
- right: `${a}px`,
2963
+ right: `${s}px`,
2958
2964
  maxWidth: "40px",
2959
2965
  maxHeight: "40px",
2960
2966
  padding: "8px",
2961
2967
  cursor: "pointer"
2962
2968
  }
2963
- }), Fi = (t, r, n, a) => ({
2969
+ }), Fi = (t, r, n, s) => ({
2964
2970
  wrapperStyles: {
2965
2971
  minHeight: t,
2966
2972
  maxHeight: t,
@@ -2974,7 +2980,7 @@ const Ye = Object.assign(Mi, {
2974
2980
  paddingRight: `${n}px`
2975
2981
  },
2976
2982
  suffixStyles: {
2977
- right: `${a}px`,
2983
+ right: `${s}px`,
2978
2984
  maxWidth: "40px",
2979
2985
  maxHeight: "40px",
2980
2986
  padding: "8px",
@@ -2983,7 +2989,7 @@ const Ye = Object.assign(Mi, {
2983
2989
  alignItems: "center",
2984
2990
  justifyContent: "center"
2985
2991
  }
2986
- }), Wi = (t, r, n, a) => ({
2992
+ }), Wi = (t, r, n, s) => ({
2987
2993
  wrapperStyles: {
2988
2994
  minHeight: t,
2989
2995
  maxHeight: t,
@@ -2997,23 +3003,23 @@ const Ye = Object.assign(Mi, {
2997
3003
  paddingRight: `${n}px`
2998
3004
  },
2999
3005
  suffixStyles: {
3000
- right: `${a}px`,
3006
+ right: `${s}px`,
3001
3007
  maxWidth: "32px",
3002
3008
  maxHeight: "32px",
3003
3009
  padding: "6px",
3004
3010
  cursor: "pointer"
3005
3011
  }
3006
- }), Hi = (t, r, n, a) => {
3007
- const i = Bi(t), s = zi(t, r, n, a), l = Oi(t), c = Ai(t);
3012
+ }), Hi = (t, r, n, s) => {
3013
+ const i = Bi(t), a = zi(t, r, n, s), l = Oi(t), c = Ai(t);
3008
3014
  switch (t) {
3009
3015
  case V.XL:
3010
- return Di(i, s, l, c);
3016
+ return Di(i, a, l, c);
3011
3017
  case V.L:
3012
- return Fi(i, s, l, c);
3018
+ return Fi(i, a, l, c);
3013
3019
  case V.M:
3014
- return Wi(i, s, l, c);
3020
+ return Wi(i, a, l, c);
3015
3021
  case V.S:
3016
- return Pi(i, s, l, c);
3022
+ return Pi(i, a, l, c);
3017
3023
  default:
3018
3024
  return {
3019
3025
  wrapperStyles: {},
@@ -3027,9 +3033,9 @@ const Ye = Object.assign(Mi, {
3027
3033
  value: t = "",
3028
3034
  onChange: r,
3029
3035
  type: n = "text",
3030
- placeholder: a,
3036
+ placeholder: s,
3031
3037
  maxLength: i,
3032
- minLength: s,
3038
+ minLength: a,
3033
3039
  autoComplete: l,
3034
3040
  autoFocus: c,
3035
3041
  size: u = V.L,
@@ -3037,13 +3043,13 @@ const Ye = Object.assign(Mi, {
3037
3043
  error: d,
3038
3044
  disabled: g,
3039
3045
  loading: m,
3040
- helper: h,
3046
+ helper: y,
3041
3047
  prefix: x,
3042
- suffix: C,
3048
+ suffix: w,
3043
3049
  clearable: b = !1,
3044
- id: y,
3050
+ id: h,
3045
3051
  showLabel: p = !0,
3046
- onFocus: w,
3052
+ onFocus: C,
3047
3053
  onBlur: k,
3048
3054
  onSuffixClick: T,
3049
3055
  onClear: $,
@@ -3069,9 +3075,9 @@ const Ye = Object.assign(Mi, {
3069
3075
  style: { cursor: "pointer" },
3070
3076
  "data-testid": "x-icon"
3071
3077
  }
3072
- ) : C, xt = {
3078
+ ) : w, xt = {
3073
3079
  type: n,
3074
- minLength: s,
3080
+ minLength: a,
3075
3081
  autoComplete: l,
3076
3082
  autoFocus: c,
3077
3083
  ...f
@@ -3083,17 +3089,17 @@ const Ye = Object.assign(Mi, {
3083
3089
  error: d,
3084
3090
  disabled: g || m,
3085
3091
  loading: m,
3086
- helper: h,
3092
+ helper: y,
3087
3093
  prefix: x,
3088
3094
  suffix: wt,
3089
- id: y,
3095
+ id: h,
3090
3096
  showLabel: rt,
3091
- onFocus: w,
3097
+ onFocus: C,
3092
3098
  onBlur: k,
3093
3099
  onSuffixClick: st,
3094
3100
  onChange: r,
3095
3101
  value: t,
3096
- placeholder: a,
3102
+ placeholder: s,
3097
3103
  className: E,
3098
3104
  wrapperStyles: it.wrapperStyles,
3099
3105
  floatingLabelStyles: it.floatingLabelStyles,
@@ -3205,15 +3211,15 @@ const Ye = Object.assign(Mi, {
3205
3211
  return "L";
3206
3212
  }
3207
3213
  return t;
3208
- }, Gi = (t) => Vi[t], Ui = (t) => Qt[t], Ki = (t, r, n, a) => {
3209
- const i = qi(t, r), s = Zi(t, r), l = Xi(t, r, n);
3214
+ }, Gi = (t) => Vi[t], Ui = (t) => Qt[t], Ki = (t, r, n, s) => {
3215
+ const i = qi(t, r), a = Zi(t, r), l = Xi(t, r, n);
3210
3216
  return {
3211
3217
  wrapperStyles: {
3212
3218
  minHeight: i,
3213
3219
  // Для fill resize устанавливаем height: 100%
3214
- ...a === Kt.FILL && { height: "100%" },
3220
+ ...s === Kt.FILL && { height: "100%" },
3215
3221
  // Для fixed resize устанавливаем фиксированную высоту
3216
- ...a === Kt.FIXED && r && { height: i },
3222
+ ...s === Kt.FIXED && r && { height: i },
3217
3223
  boxSizing: "border-box",
3218
3224
  padding: l
3219
3225
  },
@@ -3228,11 +3234,11 @@ const Ye = Object.assign(Mi, {
3228
3234
  boxSizing: "border-box"
3229
3235
  },
3230
3236
  textareaStyles: {
3231
- minHeight: s,
3237
+ minHeight: a,
3232
3238
  // Для fill resize flex: 1
3233
- ...a === Kt.FILL && { flex: 1, minHeight: 0 },
3239
+ ...s === Kt.FILL && { flex: 1, minHeight: 0 },
3234
3240
  // Для fixed resize фиксированная высота
3235
- ...a === Kt.FIXED && r && { height: s }
3241
+ ...s === Kt.FIXED && r && { height: a }
3236
3242
  }
3237
3243
  };
3238
3244
  }, tc = U(
@@ -3240,9 +3246,9 @@ const Ye = Object.assign(Mi, {
3240
3246
  value: t = "",
3241
3247
  onChange: r,
3242
3248
  placeholder: n,
3243
- maxLength: a,
3249
+ maxLength: s,
3244
3250
  minLength: i,
3245
- autoFocus: s,
3251
+ autoFocus: a,
3246
3252
  size: l = ft.L,
3247
3253
  textareaProps: c,
3248
3254
  error: u,
@@ -3250,13 +3256,13 @@ const Ye = Object.assign(Mi, {
3250
3256
  loading: d,
3251
3257
  helper: g,
3252
3258
  suffix: m,
3253
- clearable: h = !1,
3259
+ clearable: y = !1,
3254
3260
  id: x,
3255
- showLabel: C = !0,
3261
+ showLabel: w = !0,
3256
3262
  onFocus: b,
3257
- onBlur: y,
3263
+ onBlur: h,
3258
3264
  onClear: p,
3259
- onKeyDown: w,
3265
+ onKeyDown: C,
3260
3266
  className: k,
3261
3267
  rows: T = 1,
3262
3268
  showLimit: $ = !1,
@@ -3268,7 +3274,7 @@ const Ye = Object.assign(Mi, {
3268
3274
  resize: D,
3269
3275
  ...L
3270
3276
  }, M) => {
3271
- const W = (t || "").length > 0, H = C && !!n && (l === ft.M || q !== 48), Z = h && W && !(f || d), K = () => {
3277
+ const W = (t || "").length > 0, H = w && !!n && (l === ft.M || q !== 48), Z = y && W && !(f || d), K = () => {
3272
3278
  r == null || r(""), p == null || p();
3273
3279
  }, ot = () => {
3274
3280
  Z && K();
@@ -3283,7 +3289,7 @@ const Ye = Object.assign(Mi, {
3283
3289
  ) : m, J = Ki(l, q, H && W, D), at = Yi(l, q), st = {
3284
3290
  rows: T,
3285
3291
  minLength: i,
3286
- autoFocus: s,
3292
+ autoFocus: a,
3287
3293
  resize: D,
3288
3294
  ...c
3289
3295
  };
@@ -3302,8 +3308,8 @@ const Ye = Object.assign(Mi, {
3302
3308
  id: x,
3303
3309
  showLabel: H,
3304
3310
  onFocus: b,
3305
- onBlur: y,
3306
- onKeyDown: w,
3311
+ onBlur: h,
3312
+ onKeyDown: C,
3307
3313
  onChange: r,
3308
3314
  value: t || "",
3309
3315
  placeholder: n,
@@ -3317,7 +3323,7 @@ const Ye = Object.assign(Mi, {
3317
3323
  labelProps: z,
3318
3324
  helperProps: B,
3319
3325
  showLimit: $ && (q === 112 || l === ft.M),
3320
- maxLength: a,
3326
+ maxLength: s,
3321
3327
  inputProps: st,
3322
3328
  resize: D,
3323
3329
  showGrip: F,
@@ -3333,9 +3339,9 @@ const Ye = Object.assign(Mi, {
3333
3339
  title: t,
3334
3340
  error: r,
3335
3341
  className: n = "",
3336
- style: a,
3342
+ style: s,
3337
3343
  disabled: i = !1,
3338
- "data-testid": s,
3344
+ "data-testid": a,
3339
3345
  "aria-label": l,
3340
3346
  "aria-describedby": c
3341
3347
  }) => {
@@ -3349,8 +3355,8 @@ const Ye = Object.assign(Mi, {
3349
3355
  "div",
3350
3356
  {
3351
3357
  className: f,
3352
- style: a,
3353
- "data-testid": s,
3358
+ style: s,
3359
+ "data-testid": a,
3354
3360
  "aria-label": l,
3355
3361
  "aria-describedby": c,
3356
3362
  children: /* @__PURE__ */ o.jsx("p", { children: d })
@@ -3377,9 +3383,9 @@ const Ye = Object.assign(Mi, {
3377
3383
  (t, r) => {
3378
3384
  const {
3379
3385
  name: n,
3380
- id: a,
3386
+ id: s,
3381
3387
  value: i,
3382
- size: s = "large",
3388
+ size: a = "large",
3383
3389
  loading: l = !1,
3384
3390
  error: c,
3385
3391
  disabled: u = !1,
@@ -3387,15 +3393,15 @@ const Ye = Object.assign(Mi, {
3387
3393
  containerClassName: d,
3388
3394
  className: g,
3389
3395
  children: m,
3390
- clickable: h = "all",
3396
+ clickable: y = "all",
3391
3397
  mode: x = "default",
3392
- tabIndex: C,
3398
+ tabIndex: w,
3393
3399
  style: b,
3394
- containerStyle: y,
3400
+ containerStyle: h,
3395
3401
  onChange: p,
3396
- "data-testid": w,
3402
+ "data-testid": C,
3397
3403
  ...k
3398
- } = t, T = !!c, $ = u || l, E = h === "all", z = x === "card", B = _t[`${s}Card`], F = a ?? n, q = (H) => {
3404
+ } = t, T = !!c, $ = u || l, E = y === "all", z = x === "card", B = _t[`${a}Card`], F = s ?? n, q = (H) => {
3399
3405
  $ || p == null || p(i, H);
3400
3406
  }, D = (H) => {
3401
3407
  H.key === "Enter" && !$ && (H.preventDefault(), p == null || p(i));
@@ -3404,7 +3410,7 @@ const Ye = Object.assign(Mi, {
3404
3410
  {
3405
3411
  className: S(
3406
3412
  _t.radio,
3407
- _t[s],
3413
+ _t[a],
3408
3414
  {
3409
3415
  [_t.checked]: f,
3410
3416
  [_t.disabled]: $,
@@ -3413,7 +3419,7 @@ const Ye = Object.assign(Mi, {
3413
3419
  g
3414
3420
  ),
3415
3421
  style: b,
3416
- tabIndex: C || 1,
3422
+ tabIndex: w || 1,
3417
3423
  "data-testid": `${fl}${F}`,
3418
3424
  children: [
3419
3425
  /* @__PURE__ */ o.jsx(
@@ -3442,9 +3448,9 @@ const Ye = Object.assign(Mi, {
3442
3448
  {
3443
3449
  "aria-checked": f,
3444
3450
  "aria-disabled": $,
3445
- "data-testid": E ? w : gl,
3451
+ "data-testid": E ? C : gl,
3446
3452
  htmlFor: F,
3447
- style: y,
3453
+ style: h,
3448
3454
  className: S(_t.label, {
3449
3455
  [S(_t.container, _t[x], d)]: E,
3450
3456
  [B]: E && z
@@ -3463,7 +3469,7 @@ const Ye = Object.assign(Mi, {
3463
3469
  className: S(_t.container, _t[x], d, {
3464
3470
  [B]: z
3465
3471
  }),
3466
- "data-testid": w,
3472
+ "data-testid": C,
3467
3473
  children: [
3468
3474
  W(),
3469
3475
  m
@@ -3479,9 +3485,9 @@ const Ye = Object.assign(Mi, {
3479
3485
  (t, r) => {
3480
3486
  const {
3481
3487
  id: n,
3482
- name: a,
3488
+ name: s,
3483
3489
  value: i,
3484
- options: s,
3490
+ options: a,
3485
3491
  className: l,
3486
3492
  radioClassName: c,
3487
3493
  disabled: u = !1,
@@ -3493,25 +3499,25 @@ const Ye = Object.assign(Mi, {
3493
3499
  "div",
3494
3500
  {
3495
3501
  className: Et(Ge.group, Ge[f], l),
3496
- "data-testid": d ?? `radio-group-${a}`,
3502
+ "data-testid": d ?? `radio-group-${s}`,
3497
3503
  id: n,
3498
3504
  ref: r,
3499
- children: s.map(({ label: m, value: h, disabled: x }) => {
3500
- const C = `${a}-${String(h)}`, b = String(h) === String(i);
3505
+ children: a.map(({ label: m, value: y, disabled: x }) => {
3506
+ const w = `${s}-${String(y)}`, b = String(y) === String(i);
3501
3507
  return /* @__PURE__ */ o.jsx(
3502
3508
  dr,
3503
3509
  {
3504
- id: C,
3510
+ id: w,
3505
3511
  checked: b,
3506
- "data-testid": C,
3512
+ "data-testid": w,
3507
3513
  disabled: u || x,
3508
- name: a,
3509
- value: h,
3514
+ name: s,
3515
+ value: y,
3510
3516
  className: c,
3511
3517
  ...g,
3512
3518
  children: m
3513
3519
  },
3514
- C
3520
+ w
3515
3521
  );
3516
3522
  })
3517
3523
  }
@@ -3528,15 +3534,15 @@ const Ye = Object.assign(Mi, {
3528
3534
  lg: kl,
3529
3535
  xl: Ll
3530
3536
  }, jl = (t) => {
3531
- const { children: r, className: n, "data-testid": a = "list-item" } = t;
3532
- return /* @__PURE__ */ o.jsx("li", { "data-testid": a, className: n, children: r });
3537
+ const { children: r, className: n, "data-testid": s = "list-item" } = t;
3538
+ return /* @__PURE__ */ o.jsx("li", { "data-testid": s, className: n, children: r });
3533
3539
  }, nc = Object.assign(
3534
3540
  U((t, r) => {
3535
3541
  const {
3536
3542
  variant: n = "unordered",
3537
- className: a,
3543
+ className: s,
3538
3544
  children: i,
3539
- size: s = "md",
3545
+ size: a = "md",
3540
3546
  "data-testid": l = "list",
3541
3547
  ...c
3542
3548
  } = t, u = n === "ordered" ? "ol" : "ul";
@@ -3545,7 +3551,7 @@ const Ye = Object.assign(Mi, {
3545
3551
  {
3546
3552
  "data-testid": l,
3547
3553
  ref: r,
3548
- className: Et(fe.root, fe[n], fe[s], a),
3554
+ className: Et(fe.root, fe[n], fe[a], s),
3549
3555
  ...n === "ordered" && c,
3550
3556
  children: i
3551
3557
  }
@@ -3569,9 +3575,9 @@ const Ye = Object.assign(Mi, {
3569
3575
  children: t,
3570
3576
  withControls: r = !0,
3571
3577
  className: n,
3572
- size: a
3578
+ size: s
3573
3579
  }) => {
3574
- const i = Vt(null), [s, l] = gt(!1), [c, u] = gt(!1), { ref: f, bgColor: d } = xe(), g = f ?? { current: null }, m = d ?? Dl, h = r && s, x = r && c, C = ({ direction: p }) => /* @__PURE__ */ o.jsx(
3580
+ const i = Vt(null), [a, l] = gt(!1), [c, u] = gt(!1), { ref: f, bgColor: d } = xe(), g = f ?? { current: null }, m = d ?? Dl, y = r && a, x = r && c, w = ({ direction: p }) => /* @__PURE__ */ o.jsx(
3575
3581
  "svg",
3576
3582
  {
3577
3583
  height: "12px",
@@ -3589,21 +3595,21 @@ const Ye = Object.assign(Mi, {
3589
3595
  ), b = () => {
3590
3596
  const p = i.current;
3591
3597
  if (!p) return;
3592
- const w = Math.round(p.scrollLeft), k = Math.round(p.scrollLeft + p.clientWidth), T = Math.round(p.scrollWidth);
3593
- l(w > 0), u(k < T);
3594
- }, y = (p) => {
3595
- const w = i.current;
3596
- if (!w) return;
3597
- const k = w.clientWidth;
3598
- w.scrollBy({ left: p === "left" ? -k : k, behavior: "smooth" });
3598
+ const C = Math.round(p.scrollLeft), k = Math.round(p.scrollLeft + p.clientWidth), T = Math.round(p.scrollWidth);
3599
+ l(C > 0), u(k < T);
3600
+ }, h = (p) => {
3601
+ const C = i.current;
3602
+ if (!C) return;
3603
+ const k = C.clientWidth;
3604
+ C.scrollBy({ left: p === "left" ? -k : k, behavior: "smooth" });
3599
3605
  };
3600
3606
  return ut(() => {
3601
3607
  const p = i.current;
3602
3608
  if (!p) return;
3603
- const w = (k) => {
3609
+ const C = (k) => {
3604
3610
  Math.abs(k.deltaX) > Math.abs(k.deltaY) || p.scrollWidth > p.clientWidth && (k.preventDefault(), p.scrollBy({ left: k.deltaY, behavior: "auto" }));
3605
3611
  };
3606
- return p.addEventListener("wheel", w, { passive: !1 }), () => p.removeEventListener("wheel", w);
3612
+ return p.addEventListener("wheel", C, { passive: !1 }), () => p.removeEventListener("wheel", C);
3607
3613
  }, []), ut(() => {
3608
3614
  b();
3609
3615
  const p = i.current;
@@ -3612,10 +3618,10 @@ const Ye = Object.assign(Mi, {
3612
3618
  p.removeEventListener("scroll", b), window.removeEventListener("resize", b);
3613
3619
  };
3614
3620
  }, []), /* @__PURE__ */ o.jsxs("div", { ref: g, className: S(ct.wrapper, n), children: [
3615
- h && /* @__PURE__ */ o.jsx(
3621
+ y && /* @__PURE__ */ o.jsx(
3616
3622
  "div",
3617
3623
  {
3618
- className: S(ct.mask, ct.maskLeft, s && ct.visible),
3624
+ className: S(ct.mask, ct.maskLeft, a && ct.visible),
3619
3625
  style: {
3620
3626
  background: `linear-gradient(to right, ${m} 17%, transparent 80%)`
3621
3627
  }
@@ -3631,15 +3637,15 @@ const Ye = Object.assign(Mi, {
3631
3637
  }
3632
3638
  ),
3633
3639
  /* @__PURE__ */ o.jsx("div", { ref: i, className: ct.viewport, children: t }),
3634
- h && /* @__PURE__ */ o.jsx(
3640
+ y && /* @__PURE__ */ o.jsx(
3635
3641
  "button",
3636
3642
  {
3637
3643
  type: "button",
3638
3644
  tabIndex: -1,
3639
3645
  "aria-hidden": "true",
3640
- className: S(ct.control, ct.left, ct[a]),
3641
- onClick: () => y("left"),
3642
- children: /* @__PURE__ */ o.jsx(C, { direction: "left" })
3646
+ className: S(ct.control, ct.left, ct[s]),
3647
+ onClick: () => h("left"),
3648
+ children: /* @__PURE__ */ o.jsx(w, { direction: "left" })
3643
3649
  }
3644
3650
  ),
3645
3651
  x && /* @__PURE__ */ o.jsx(
@@ -3648,9 +3654,9 @@ const Ye = Object.assign(Mi, {
3648
3654
  type: "button",
3649
3655
  tabIndex: -1,
3650
3656
  "aria-hidden": "true",
3651
- className: S(ct.control, ct.right, ct[a]),
3652
- onClick: () => y("right"),
3653
- children: /* @__PURE__ */ o.jsx(C, { direction: "right" })
3657
+ className: S(ct.control, ct.right, ct[s]),
3658
+ onClick: () => h("right"),
3659
+ children: /* @__PURE__ */ o.jsx(w, { direction: "right" })
3654
3660
  }
3655
3661
  )
3656
3662
  ] });
@@ -3675,19 +3681,19 @@ const Ye = Object.assign(Mi, {
3675
3681
  children: t,
3676
3682
  defaultActiveTab: r,
3677
3683
  activeTab: n,
3678
- onChange: a
3684
+ onChange: s
3679
3685
  }) => {
3680
- const [i, s] = gt(r), l = n !== void 0, c = l ? n : i, u = (f) => {
3681
- l || s(f), a && a(f);
3686
+ const [i, a] = gt(r), l = n !== void 0, c = l ? n : i, u = (f) => {
3687
+ l || a(f), s && s(f);
3682
3688
  };
3683
3689
  return /* @__PURE__ */ o.jsx(ur.Provider, { value: { activeTab: c, setTab: u }, children: t });
3684
3690
  }, a1 = ({
3685
3691
  mode: t,
3686
3692
  item: r,
3687
3693
  isActive: n,
3688
- showBadge: a,
3694
+ showBadge: s,
3689
3695
  badgeProps: i,
3690
- size: s,
3696
+ size: a,
3691
3697
  isDisabled: l,
3692
3698
  onSelectTab: c
3693
3699
  }) => {
@@ -3697,17 +3703,17 @@ const Ye = Object.assign(Mi, {
3697
3703
  prefix: d,
3698
3704
  prefixWrapperProps: g = {},
3699
3705
  postfix: m,
3700
- postfixWrapperProps: h = {}
3701
- } = r, { className: x, ...C } = g, { className: b, ...y } = h, p = {
3706
+ postfixWrapperProps: y = {}
3707
+ } = r, { className: x, ...w } = g, { className: b, ...h } = y, p = {
3702
3708
  primary: G["typography-label-3-medium"],
3703
3709
  secondary: G["typography-label-3-regular"],
3704
3710
  prefix: G["typography-label-3-medium"],
3705
3711
  postfix: G["typography-label-3-medium"]
3706
- }, w = {
3712
+ }, C = {
3707
3713
  size: r1,
3708
3714
  position: n1,
3709
3715
  ...i
3710
- }, k = S(et.tab, et[t], et[s], {
3716
+ }, k = S(et.tab, et[t], et[a], {
3711
3717
  [et.selected]: n,
3712
3718
  [et.disabled]: l
3713
3719
  }), T = S(
@@ -3746,7 +3752,7 @@ const Ye = Object.assign(Mi, {
3746
3752
  "span",
3747
3753
  {
3748
3754
  className: T,
3749
- ...C,
3755
+ ...w,
3750
3756
  "data-testid": `tab-prefix-${u}`,
3751
3757
  children: d
3752
3758
  }
@@ -3756,7 +3762,7 @@ const Ye = Object.assign(Mi, {
3756
3762
  "span",
3757
3763
  {
3758
3764
  className: $,
3759
- ...y,
3765
+ ...h,
3760
3766
  "data-testid": `tab-postfix-${u}`,
3761
3767
  children: m
3762
3768
  }
@@ -3764,14 +3770,14 @@ const Ye = Object.assign(Mi, {
3764
3770
  ]
3765
3771
  }
3766
3772
  );
3767
- return a ? /* @__PURE__ */ o.jsx(Na, { ...w, "data-testid": `tab-badge-${u}`, children: B }) : B;
3773
+ return s ? /* @__PURE__ */ o.jsx(Na, { ...C, "data-testid": `tab-badge-${u}`, children: B }) : B;
3768
3774
  }, s1 = ({
3769
3775
  mode: t,
3770
3776
  items: r,
3771
3777
  size: n = t1,
3772
- isAllItemsDisabled: a = e1
3778
+ isAllItemsDisabled: s = e1
3773
3779
  }) => {
3774
- const { activeTab: i, setTab: s } = pr(), l = No();
3780
+ const { activeTab: i, setTab: a } = pr(), l = No();
3775
3781
  return /* @__PURE__ */ o.jsx(Fl, { size: n, withControls: l, children: /* @__PURE__ */ o.jsx(
3776
3782
  "div",
3777
3783
  {
@@ -3788,8 +3794,8 @@ const Ye = Object.assign(Mi, {
3788
3794
  showBadge: c.showBadge,
3789
3795
  badgeProps: c.badgeProps,
3790
3796
  isActive: i === c.value,
3791
- isDisabled: a || c.isDisabled,
3792
- onSelectTab: s
3797
+ isDisabled: s || c.isDisabled,
3798
+ onSelectTab: a
3793
3799
  },
3794
3800
  c.value
3795
3801
  ))
@@ -3805,8 +3811,8 @@ const Ye = Object.assign(Mi, {
3805
3811
  children: r
3806
3812
  }
3807
3813
  ), l1 = ({ children: t, ...r }) => {
3808
- const { activeTab: n } = pr(), a = Array.isArray(t) ? t : [t], i = (s, l) => be.isValidElement(s) && typeof s.props == "object" && s.props !== null && l in s.props;
3809
- return /* @__PURE__ */ o.jsx("div", { "data-testid": "tab-content", ...r, children: a.map((s) => i(s, "tabValue") && String(s.props.tabValue) === n ? s : null) });
3814
+ const { activeTab: n } = pr(), s = Array.isArray(t) ? t : [t], i = (a, l) => be.isValidElement(a) && typeof a.props == "object" && a.props !== null && l in a.props;
3815
+ return /* @__PURE__ */ o.jsx("div", { "data-testid": "tab-content", ...r, children: s.map((a) => i(a, "tabValue") && String(a.props.tabValue) === n ? a : null) });
3810
3816
  }, oc = {
3811
3817
  Provider: o1,
3812
3818
  Content: l1,
@@ -4000,28 +4006,28 @@ const Ye = Object.assign(Mi, {
4000
4006
  ]
4001
4007
  }
4002
4008
  }, E1 = (t, r, n) => ({ ...r, ...n ?? {}, ...t }), R1 = (t, r, n) => {
4003
- const a = go(r, 1, 3), i = T1[n][a];
4009
+ const s = go(r, 1, 3), i = T1[n][s];
4004
4010
  return i[Math.min(t, i.length - 1)];
4005
4011
  }, Ue = ({
4006
4012
  text: t,
4007
4013
  title: r,
4008
4014
  media: n,
4009
- variant: a = "neutral",
4015
+ variant: s = "neutral",
4010
4016
  size: i,
4011
- classNames: s = {},
4017
+ classNames: a = {},
4012
4018
  onClose: l,
4013
4019
  buttons: c,
4014
4020
  buttonProps: u,
4015
4021
  showClose: f
4016
4022
  }) => {
4017
- const d = ["neutral", "accent"].includes(a) ? "contrast" : "primary", g = i === "m", m = !!(r && g), h = !!(n && g), x = c && !!c.length, C = !!(f && g) || !f && g && !x, b = i === "xs" ? 4 : 3;
4023
+ const d = ["neutral", "accent"].includes(s) ? "contrast" : "primary", g = i === "m", m = !!(r && g), y = !!(n && g), x = c && !!c.length, w = !!(f && g) || !f && g && !x, b = i === "xs" ? 4 : 3;
4018
4024
  return /* @__PURE__ */ o.jsxs("div", { className: dt.content, children: [
4019
- h && /* @__PURE__ */ o.jsx("div", { className: S(dt.mediaWrapper, s.mediaWrapper), children: n }),
4020
- /* @__PURE__ */ o.jsxs("div", { className: s.textWrapper, children: [
4025
+ y && /* @__PURE__ */ o.jsx("div", { className: S(dt.mediaWrapper, a.mediaWrapper), children: n }),
4026
+ /* @__PURE__ */ o.jsxs("div", { className: a.textWrapper, children: [
4021
4027
  m && /* @__PURE__ */ o.jsx(
4022
4028
  he.Subtitle,
4023
4029
  {
4024
- className: S(dt.typography, dt.title, s.typography),
4030
+ className: S(dt.typography, dt.title, a.typography),
4025
4031
  size: 1,
4026
4032
  as: "h3",
4027
4033
  typographyStyle: d,
@@ -4031,19 +4037,19 @@ const Ye = Object.assign(Mi, {
4031
4037
  /* @__PURE__ */ o.jsx(
4032
4038
  he.Label,
4033
4039
  {
4034
- className: S(dt.typography, dt.text, s.typography),
4040
+ className: S(dt.typography, dt.text, a.typography),
4035
4041
  typographyStyle: d,
4036
4042
  size: b,
4037
4043
  children: t
4038
4044
  }
4039
4045
  )
4040
4046
  ] }),
4041
- C && /* @__PURE__ */ o.jsx(
4047
+ w && /* @__PURE__ */ o.jsx(
4042
4048
  "button",
4043
4049
  {
4044
4050
  type: "button",
4045
- className: S(dt.closeButton, dt[a], s.closeButton, {
4046
- [dt.hasMedia]: h
4051
+ className: S(dt.closeButton, dt[s], a.closeButton, {
4052
+ [dt.hasMedia]: y
4047
4053
  }),
4048
4054
  onClick: l,
4049
4055
  "aria-label": "Закрыть подсказку",
@@ -4051,8 +4057,8 @@ const Ye = Object.assign(Mi, {
4051
4057
  children: /* @__PURE__ */ o.jsx(k1, {})
4052
4058
  }
4053
4059
  ),
4054
- g && x && /* @__PURE__ */ o.jsx("div", { className: dt.buttonStack, children: c.map((y, p) => {
4055
- const w = R1(p, c.length, a), k = E1(y, w, u), { closeOnClick: T, ...$ } = k, E = (z) => {
4060
+ g && x && /* @__PURE__ */ o.jsx("div", { className: dt.buttonStack, children: c.map((h, p) => {
4061
+ const C = R1(p, c.length, s), k = E1(h, C, u), { closeOnClick: T, ...$ } = k, E = (z) => {
4056
4062
  var B;
4057
4063
  (B = $.onClick) == null || B.call($, z), T && (l == null || l());
4058
4064
  };
@@ -4063,9 +4069,9 @@ const Ye = Object.assign(Mi, {
4063
4069
  customContent: t,
4064
4070
  children: r,
4065
4071
  placement: n = "top",
4066
- contentClassNames: a,
4072
+ contentClassNames: s,
4067
4073
  mouseEnterDelay: i = 0,
4068
- mouseLeaveDelay: s = 0.1,
4074
+ mouseLeaveDelay: a = 0.1,
4069
4075
  showArrow: l = !0,
4070
4076
  showClose: c = !0,
4071
4077
  trigger: u = "hover",
@@ -4073,32 +4079,32 @@ const Ye = Object.assign(Mi, {
4073
4079
  size: d = "s",
4074
4080
  text: g,
4075
4081
  title: m,
4076
- media: h,
4082
+ media: y,
4077
4083
  buttons: x,
4078
- buttonProps: C,
4084
+ buttonProps: w,
4079
4085
  onClose: b,
4080
- ...y
4086
+ ...h
4081
4087
  }) => {
4082
- const [p, w] = gt(!1), [k, T] = gt(!1), $ = d === "m" ? j1 : $1, E = () => {
4083
- w(!1), b == null || b();
4088
+ const [p, C] = gt(!1), [k, T] = gt(!1), $ = d === "m" ? j1 : $1, E = () => {
4089
+ C(!1), b == null || b();
4084
4090
  }, z = t || (d === "m" ? /* @__PURE__ */ o.jsx(
4085
4091
  Ue,
4086
4092
  {
4087
- classNames: a,
4093
+ classNames: s,
4088
4094
  text: g,
4089
4095
  variant: f,
4090
4096
  size: d,
4091
4097
  onClose: E,
4092
4098
  title: m,
4093
- media: h,
4099
+ media: y,
4094
4100
  showClose: c,
4095
4101
  buttons: x,
4096
- buttonProps: C
4102
+ buttonProps: w
4097
4103
  }
4098
4104
  ) : /* @__PURE__ */ o.jsx(
4099
4105
  Ue,
4100
4106
  {
4101
- classNames: a,
4107
+ classNames: s,
4102
4108
  text: g,
4103
4109
  variant: f,
4104
4110
  size: d,
@@ -4115,16 +4121,16 @@ const Ye = Object.assign(Mi, {
4115
4121
  Zr,
4116
4122
  {
4117
4123
  visible: p,
4118
- onVisibleChange: w,
4124
+ onVisibleChange: C,
4119
4125
  classNames: {
4120
4126
  root: S(dt.root, dt[f], dt[d], k && dt.open),
4121
- ...y.classNames
4127
+ ...h.classNames
4122
4128
  },
4123
4129
  placement: n,
4124
4130
  overlay: () => z,
4125
4131
  trigger: u,
4126
4132
  mouseEnterDelay: i,
4127
- mouseLeaveDelay: s,
4133
+ mouseLeaveDelay: a,
4128
4134
  motion: { motionName: "tooltipMotion" },
4129
4135
  builtinPlacements: $,
4130
4136
  showArrow: l ? {
@@ -4132,7 +4138,7 @@ const Ye = Object.assign(Mi, {
4132
4138
  className: `tooltipArrow tooltipArrow-${d}`
4133
4139
  } : !1,
4134
4140
  destroyTooltipOnHide: !0,
4135
- ...y,
4141
+ ...h,
4136
4142
  children: r
4137
4143
  }
4138
4144
  );
@@ -4155,31 +4161,31 @@ const Ye = Object.assign(Mi, {
4155
4161
  const {
4156
4162
  className: r,
4157
4163
  defaultValue: n,
4158
- value: a,
4164
+ value: s,
4159
4165
  size: i = "m",
4160
- segments: s,
4166
+ segments: a,
4161
4167
  stretched: l,
4162
4168
  mode: c = "label",
4163
4169
  onChange: u
4164
- } = t, f = me(), [d, g] = gt(n || s[0].value), [m, h] = gt({ width: 0, left: 0 }), x = Vt(null);
4170
+ } = t, f = me(), [d, g] = gt(n || a[0].value), [m, y] = gt({ width: 0, left: 0 }), x = Vt(null);
4165
4171
  ut(() => {
4166
- a && g(a);
4167
- }, [a]), ut(() => {
4168
- C();
4169
- }, [d, s, i, l, c]);
4170
- const C = () => {
4172
+ s && g(s);
4173
+ }, [s]), ut(() => {
4174
+ w();
4175
+ }, [d, a, i, l, c]);
4176
+ const w = () => {
4171
4177
  if (!(x != null && x.current)) return;
4172
- const w = x.current.querySelector(
4178
+ const C = x.current.querySelector(
4173
4179
  '[data-is-active-segment="true"]'
4174
4180
  );
4175
- w && h({
4176
- width: w.offsetWidth,
4177
- left: w.offsetLeft
4181
+ C && y({
4182
+ width: C.offsetWidth,
4183
+ left: C.offsetLeft
4178
4184
  });
4179
- }, b = (p = s.find((w) => w.value === d)) == null ? void 0 : p.label, y = (w) => {
4180
- g(w), u == null || u(w);
4185
+ }, b = (p = a.find((C) => C.value === d)) == null ? void 0 : p.label, h = (C) => {
4186
+ g(C), u == null || u(C);
4181
4187
  };
4182
- return (s == null ? void 0 : s.length) === 0 ? null : /* @__PURE__ */ o.jsxs(
4188
+ return (a == null ? void 0 : a.length) === 0 ? null : /* @__PURE__ */ o.jsxs(
4183
4189
  "div",
4184
4190
  {
4185
4191
  className: S(
@@ -4194,8 +4200,8 @@ const Ye = Object.assign(Mi, {
4194
4200
  "data-testid": "segmented-control-container",
4195
4201
  ref: x,
4196
4202
  children: [
4197
- s == null ? void 0 : s.map(({ label: w, value: k }, T) => {
4198
- const $ = () => y(k);
4203
+ a == null ? void 0 : a.map(({ label: C, value: k }, T) => {
4204
+ const $ = () => h(k);
4199
4205
  return /* @__PURE__ */ o.jsxs(Ht, { children: [
4200
4206
  /* @__PURE__ */ o.jsx(
4201
4207
  "input",
@@ -4214,7 +4220,7 @@ const Ye = Object.assign(Mi, {
4214
4220
  className: S(Ot.segment, Ke[i]),
4215
4221
  htmlFor: f + JSON.stringify(k),
4216
4222
  "data-testid": "segmented-control-segment",
4217
- children: w
4223
+ children: C
4218
4224
  }
4219
4225
  )
4220
4226
  ] }, te(JSON.stringify(k)) + T);