skillgrid 0.0.21-imports.1141086 → 0.0.22-dev-31782-avatar.1141064

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
@@ -1,10 +1,10 @@
1
- import * as Et from "react";
2
- import Lt, { forwardRef as K, useState as De, useRef as ze, useEffect as Re, useCallback as Se, Fragment as aa, createContext as ra, useContext as na, useImperativeHandle as sa, useId as Mt } from "react";
3
- import ye, { clsx as ie } from "clsx";
4
- import './index.css';function oa(t) {
1
+ import * as ut from "react";
2
+ import _t, { forwardRef as Q, useState as Re, useEffect as ze, useRef as pt, useCallback as et, Fragment as Bt, createContext as Ft, useContext as Vt } from "react";
3
+ import tt, { clsx as J } from "clsx";
4
+ import './index.css';function Wt(t) {
5
5
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
6
6
  }
7
- var Pe = { exports: {} }, Te = {};
7
+ var $e = { exports: {} }, ue = {};
8
8
  /**
9
9
  * @license React
10
10
  * react-jsx-runtime.production.min.js
@@ -14,21 +14,21 @@ var Pe = { exports: {} }, Te = {};
14
14
  * This source code is licensed under the MIT license found in the
15
15
  * LICENSE file in the root directory of this source tree.
16
16
  */
17
- var ft;
18
- function ia() {
19
- if (ft) return Te;
20
- ft = 1;
21
- var t = Lt, r = Symbol.for("react.element"), a = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
22
- function c(_, d, f) {
23
- var p, g = {}, h = null, b = null;
24
- f !== void 0 && (h = "" + f), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (b = d.ref);
25
- for (p in d) n.call(d, p) && !s.hasOwnProperty(p) && (g[p] = d[p]);
26
- if (_ && _.defaultProps) for (p in d = _.defaultProps, d) g[p] === void 0 && (g[p] = d[p]);
27
- return { $$typeof: r, type: _, key: h, ref: b, props: g, _owner: o.current };
17
+ var at;
18
+ function Zt() {
19
+ if (at) return ue;
20
+ at = 1;
21
+ var t = _t, o = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, d = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
22
+ function u(_, c, b) {
23
+ var f, g = {}, y = null, v = null;
24
+ b !== void 0 && (y = "" + b), c.key !== void 0 && (y = "" + c.key), c.ref !== void 0 && (v = c.ref);
25
+ for (f in c) n.call(c, f) && !i.hasOwnProperty(f) && (g[f] = c[f]);
26
+ if (_ && _.defaultProps) for (f in c = _.defaultProps, c) g[f] === void 0 && (g[f] = c[f]);
27
+ return { $$typeof: o, type: _, key: y, ref: v, props: g, _owner: d.current };
28
28
  }
29
- return Te.Fragment = a, Te.jsx = c, Te.jsxs = c, Te;
29
+ return ue.Fragment = r, ue.jsx = u, ue.jsxs = u, ue;
30
30
  }
31
- var Ae = {};
31
+ var _e = {};
32
32
  /**
33
33
  * @license React
34
34
  * react-jsx-runtime.development.js
@@ -38,91 +38,91 @@ var Ae = {};
38
38
  * This source code is licensed under the MIT license found in the
39
39
  * LICENSE file in the root directory of this source tree.
40
40
  */
41
- var gt;
42
- function la() {
43
- return gt || (gt = 1, process.env.NODE_ENV !== "production" && function() {
44
- var t = Lt, r = Symbol.for("react.element"), a = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), _ = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), v = Symbol.iterator, w = "@@iterator";
45
- function S(e) {
41
+ var rt;
42
+ function Ut() {
43
+ return rt || (rt = 1, process.env.NODE_ENV !== "production" && function() {
44
+ var t = _t, o = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), _ = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), E = Symbol.iterator, S = "@@iterator";
45
+ function k(e) {
46
46
  if (e === null || typeof e != "object")
47
47
  return null;
48
- var i = v && e[v] || e[w];
49
- return typeof i == "function" ? i : null;
48
+ var a = E && e[E] || e[S];
49
+ return typeof a == "function" ? a : null;
50
50
  }
51
- var C = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
52
- function x(e) {
51
+ var w = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
52
+ function C(e) {
53
53
  {
54
- for (var i = arguments.length, u = new Array(i > 1 ? i - 1 : 0), m = 1; m < i; m++)
55
- u[m - 1] = arguments[m];
56
- $("error", e, u);
54
+ for (var a = arguments.length, l = new Array(a > 1 ? a - 1 : 0), p = 1; p < a; p++)
55
+ l[p - 1] = arguments[p];
56
+ O("error", e, l);
57
57
  }
58
58
  }
59
- function $(e, i, u) {
59
+ function O(e, a, l) {
60
60
  {
61
- var m = C.ReactDebugCurrentFrame, I = m.getStackAddendum();
62
- I !== "" && (i += "%s", u = u.concat([I]));
63
- var k = u.map(function(L) {
64
- return String(L);
61
+ var p = w.ReactDebugCurrentFrame, x = p.getStackAddendum();
62
+ x !== "" && (a += "%s", l = l.concat([x]));
63
+ var $ = l.map(function(m) {
64
+ return String(m);
65
65
  });
66
- k.unshift("Warning: " + i), Function.prototype.apply.call(console[e], console, k);
66
+ $.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, $);
67
67
  }
68
68
  }
69
- var T = !1, A = !1, O = !1, R = !1, B = !1, N;
70
- N = Symbol.for("react.module.reference");
71
- function F(e) {
72
- return !!(typeof e == "string" || typeof e == "function" || e === n || e === s || B || e === o || e === f || e === p || R || e === b || T || A || O || typeof e == "object" && e !== null && (e.$$typeof === h || e.$$typeof === g || e.$$typeof === c || e.$$typeof === _ || e.$$typeof === d || // This needs to include all possible module reference object
69
+ var L = !1, M = !1, z = !1, P = !1, W = !1, D;
70
+ D = Symbol.for("react.module.reference");
71
+ function q(e) {
72
+ return !!(typeof e == "string" || typeof e == "function" || e === n || e === i || W || e === d || e === b || e === f || P || e === v || L || M || z || typeof e == "object" && e !== null && (e.$$typeof === y || e.$$typeof === g || e.$$typeof === u || e.$$typeof === _ || e.$$typeof === c || // This needs to include all possible module reference object
73
73
  // types supported by any Flight configuration anywhere since
74
74
  // we don't know which Flight build this will end up being used
75
75
  // with.
76
- e.$$typeof === N || e.getModuleId !== void 0));
76
+ e.$$typeof === D || e.getModuleId !== void 0));
77
77
  }
78
- function y(e, i, u) {
79
- var m = e.displayName;
80
- if (m)
81
- return m;
82
- var I = i.displayName || i.name || "";
83
- return I !== "" ? u + "(" + I + ")" : u;
78
+ function G(e, a, l) {
79
+ var p = e.displayName;
80
+ if (p)
81
+ return p;
82
+ var x = a.displayName || a.name || "";
83
+ return x !== "" ? l + "(" + x + ")" : l;
84
84
  }
85
- function z(e) {
85
+ function Z(e) {
86
86
  return e.displayName || "Context";
87
87
  }
88
- function D(e) {
88
+ function I(e) {
89
89
  if (e == null)
90
90
  return null;
91
- if (typeof e.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
91
+ if (typeof e.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
92
92
  return e.displayName || e.name || null;
93
93
  if (typeof e == "string")
94
94
  return e;
95
95
  switch (e) {
96
96
  case n:
97
97
  return "Fragment";
98
- case a:
98
+ case r:
99
99
  return "Portal";
100
- case s:
100
+ case i:
101
101
  return "Profiler";
102
- case o:
102
+ case d:
103
103
  return "StrictMode";
104
- case f:
104
+ case b:
105
105
  return "Suspense";
106
- case p:
106
+ case f:
107
107
  return "SuspenseList";
108
108
  }
109
109
  if (typeof e == "object")
110
110
  switch (e.$$typeof) {
111
111
  case _:
112
- var i = e;
113
- return z(i) + ".Consumer";
112
+ var a = e;
113
+ return Z(a) + ".Consumer";
114
+ case u:
115
+ var l = e;
116
+ return Z(l._context) + ".Provider";
114
117
  case c:
115
- var u = e;
116
- return z(u._context) + ".Provider";
117
- case d:
118
- return y(e, e.render, "ForwardRef");
118
+ return G(e, e.render, "ForwardRef");
119
119
  case g:
120
- var m = e.displayName || null;
121
- return m !== null ? m : D(e.type) || "Memo";
122
- case h: {
123
- var I = e, k = I._payload, L = I._init;
120
+ var p = e.displayName || null;
121
+ return p !== null ? p : I(e.type) || "Memo";
122
+ case y: {
123
+ var x = e, $ = x._payload, m = x._init;
124
124
  try {
125
- return D(L(k));
125
+ return I(m($));
126
126
  } catch {
127
127
  return null;
128
128
  }
@@ -130,18 +130,18 @@ function la() {
130
130
  }
131
131
  return null;
132
132
  }
133
- var j = Object.assign, V = 0, H, X, G, ee, te, ae, me;
134
- function re() {
133
+ var T = Object.assign, U = 0, fe, ge, be, he, ye, me, ve;
134
+ function Ce() {
135
135
  }
136
- re.__reactDisabledLog = !0;
137
- function ve() {
136
+ Ce.__reactDisabledLog = !0;
137
+ function Se() {
138
138
  {
139
- if (V === 0) {
140
- H = console.log, X = console.info, G = console.warn, ee = console.error, te = console.group, ae = console.groupCollapsed, me = console.groupEnd;
139
+ if (U === 0) {
140
+ fe = console.log, ge = console.info, be = console.warn, he = console.error, ye = console.group, me = console.groupCollapsed, ve = console.groupEnd;
141
141
  var e = {
142
142
  configurable: !0,
143
143
  enumerable: !0,
144
- value: re,
144
+ value: Ce,
145
145
  writable: !0
146
146
  };
147
147
  Object.defineProperties(console, {
@@ -154,332 +154,332 @@ function la() {
154
154
  groupEnd: e
155
155
  });
156
156
  }
157
- V++;
157
+ U++;
158
158
  }
159
159
  }
160
- function Ee() {
160
+ function ke() {
161
161
  {
162
- if (V--, V === 0) {
162
+ if (U--, U === 0) {
163
163
  var e = {
164
164
  configurable: !0,
165
165
  enumerable: !0,
166
166
  writable: !0
167
167
  };
168
168
  Object.defineProperties(console, {
169
- log: j({}, e, {
170
- value: H
171
- }),
172
- info: j({}, e, {
173
- value: X
169
+ log: T({}, e, {
170
+ value: fe
174
171
  }),
175
- warn: j({}, e, {
176
- value: G
172
+ info: T({}, e, {
173
+ value: ge
177
174
  }),
178
- error: j({}, e, {
179
- value: ee
175
+ warn: T({}, e, {
176
+ value: be
180
177
  }),
181
- group: j({}, e, {
182
- value: te
178
+ error: T({}, e, {
179
+ value: he
183
180
  }),
184
- groupCollapsed: j({}, e, {
185
- value: ae
181
+ group: T({}, e, {
182
+ value: ye
186
183
  }),
187
- groupEnd: j({}, e, {
184
+ groupCollapsed: T({}, e, {
188
185
  value: me
186
+ }),
187
+ groupEnd: T({}, e, {
188
+ value: ve
189
189
  })
190
190
  });
191
191
  }
192
- V < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
192
+ U < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
193
193
  }
194
194
  }
195
- var Le = C.ReactCurrentDispatcher, ue;
196
- function le(e, i, u) {
195
+ var le = w.ReactCurrentDispatcher, te;
196
+ function X(e, a, l) {
197
197
  {
198
- if (ue === void 0)
198
+ if (te === void 0)
199
199
  try {
200
200
  throw Error();
201
- } catch (I) {
202
- var m = I.stack.trim().match(/\n( *(at )?)/);
203
- ue = m && m[1] || "";
201
+ } catch (x) {
202
+ var p = x.stack.trim().match(/\n( *(at )?)/);
203
+ te = p && p[1] || "";
204
204
  }
205
205
  return `
206
- ` + ue + e;
206
+ ` + te + e;
207
207
  }
208
208
  }
209
- var _e = !1, ce;
209
+ var ae = !1, ee;
210
210
  {
211
- var xe = typeof WeakMap == "function" ? WeakMap : Map;
212
- ce = new xe();
211
+ var ce = typeof WeakMap == "function" ? WeakMap : Map;
212
+ ee = new ce();
213
213
  }
214
- function Y(e, i) {
215
- if (!e || _e)
214
+ function De(e, a) {
215
+ if (!e || ae)
216
216
  return "";
217
217
  {
218
- var u = ce.get(e);
219
- if (u !== void 0)
220
- return u;
218
+ var l = ee.get(e);
219
+ if (l !== void 0)
220
+ return l;
221
221
  }
222
- var m;
223
- _e = !0;
224
- var I = Error.prepareStackTrace;
222
+ var p;
223
+ ae = !0;
224
+ var x = Error.prepareStackTrace;
225
225
  Error.prepareStackTrace = void 0;
226
- var k;
227
- k = Le.current, Le.current = null, ve();
226
+ var $;
227
+ $ = le.current, le.current = null, Se();
228
228
  try {
229
- if (i) {
230
- var L = function() {
229
+ if (a) {
230
+ var m = function() {
231
231
  throw Error();
232
232
  };
233
- if (Object.defineProperty(L.prototype, "props", {
233
+ if (Object.defineProperty(m.prototype, "props", {
234
234
  set: function() {
235
235
  throw Error();
236
236
  }
237
237
  }), typeof Reflect == "object" && Reflect.construct) {
238
238
  try {
239
- Reflect.construct(L, []);
240
- } catch (J) {
241
- m = J;
239
+ Reflect.construct(m, []);
240
+ } catch (B) {
241
+ p = B;
242
242
  }
243
- Reflect.construct(e, [], L);
243
+ Reflect.construct(e, [], m);
244
244
  } else {
245
245
  try {
246
- L.call();
247
- } catch (J) {
248
- m = J;
246
+ m.call();
247
+ } catch (B) {
248
+ p = B;
249
249
  }
250
- e.call(L.prototype);
250
+ e.call(m.prototype);
251
251
  }
252
252
  } else {
253
253
  try {
254
254
  throw Error();
255
- } catch (J) {
256
- m = J;
255
+ } catch (B) {
256
+ p = B;
257
257
  }
258
258
  e();
259
259
  }
260
- } catch (J) {
261
- if (J && m && typeof J.stack == "string") {
262
- for (var E = J.stack.split(`
263
- `), Z = m.stack.split(`
264
- `), U = E.length - 1, W = Z.length - 1; U >= 1 && W >= 0 && E[U] !== Z[W]; )
265
- W--;
266
- for (; U >= 1 && W >= 0; U--, W--)
267
- if (E[U] !== Z[W]) {
268
- if (U !== 1 || W !== 1)
260
+ } catch (B) {
261
+ if (B && p && typeof B.stack == "string") {
262
+ for (var h = B.stack.split(`
263
+ `), A = p.stack.split(`
264
+ `), j = h.length - 1, N = A.length - 1; j >= 1 && N >= 0 && h[j] !== A[N]; )
265
+ N--;
266
+ for (; j >= 1 && N >= 0; j--, N--)
267
+ if (h[j] !== A[N]) {
268
+ if (j !== 1 || N !== 1)
269
269
  do
270
- if (U--, W--, W < 0 || E[U] !== Z[W]) {
271
- var ne = `
272
- ` + E[U].replace(" at new ", " at ");
273
- return e.displayName && ne.includes("<anonymous>") && (ne = ne.replace("<anonymous>", e.displayName)), typeof e == "function" && ce.set(e, ne), ne;
270
+ if (j--, N--, N < 0 || h[j] !== A[N]) {
271
+ var F = `
272
+ ` + h[j].replace(" at new ", " at ");
273
+ return e.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", e.displayName)), typeof e == "function" && ee.set(e, F), F;
274
274
  }
275
- while (U >= 1 && W >= 0);
275
+ while (j >= 1 && N >= 0);
276
276
  break;
277
277
  }
278
278
  }
279
279
  } finally {
280
- _e = !1, Le.current = k, Ee(), Error.prepareStackTrace = I;
280
+ ae = !1, le.current = $, ke(), Error.prepareStackTrace = x;
281
281
  }
282
- var $e = e ? e.displayName || e.name : "", Ce = $e ? le($e) : "";
283
- return typeof e == "function" && ce.set(e, Ce), Ce;
282
+ var se = e ? e.displayName || e.name : "", re = se ? X(se) : "";
283
+ return typeof e == "function" && ee.set(e, re), re;
284
284
  }
285
- function Q(e, i, u) {
286
- return Y(e, !1);
285
+ function bt(e, a, l) {
286
+ return De(e, !1);
287
287
  }
288
- function de(e) {
289
- var i = e.prototype;
290
- return !!(i && i.isReactComponent);
288
+ function ht(e) {
289
+ var a = e.prototype;
290
+ return !!(a && a.isReactComponent);
291
291
  }
292
- function Oe(e, i, u) {
292
+ function xe(e, a, l) {
293
293
  if (e == null)
294
294
  return "";
295
295
  if (typeof e == "function")
296
- return Y(e, de(e));
296
+ return De(e, ht(e));
297
297
  if (typeof e == "string")
298
- return le(e);
298
+ return X(e);
299
299
  switch (e) {
300
+ case b:
301
+ return X("Suspense");
300
302
  case f:
301
- return le("Suspense");
302
- case p:
303
- return le("SuspenseList");
303
+ return X("SuspenseList");
304
304
  }
305
305
  if (typeof e == "object")
306
306
  switch (e.$$typeof) {
307
- case d:
308
- return Q(e.render);
307
+ case c:
308
+ return bt(e.render);
309
309
  case g:
310
- return Oe(e.type, i, u);
311
- case h: {
312
- var m = e, I = m._payload, k = m._init;
310
+ return xe(e.type, a, l);
311
+ case y: {
312
+ var p = e, x = p._payload, $ = p._init;
313
313
  try {
314
- return Oe(k(I), i, u);
314
+ return xe($(x), a, l);
315
315
  } catch {
316
316
  }
317
317
  }
318
318
  }
319
319
  return "";
320
320
  }
321
- var ke = Object.prototype.hasOwnProperty, et = {}, tt = C.ReactDebugCurrentFrame;
322
- function Ue(e) {
321
+ var de = Object.prototype.hasOwnProperty, Be = {}, Fe = w.ReactDebugCurrentFrame;
322
+ function we(e) {
323
323
  if (e) {
324
- var i = e._owner, u = Oe(e.type, e._source, i ? i.type : null);
325
- tt.setExtraStackFrame(u);
324
+ var a = e._owner, l = xe(e.type, e._source, a ? a.type : null);
325
+ Fe.setExtraStackFrame(l);
326
326
  } else
327
- tt.setExtraStackFrame(null);
327
+ Fe.setExtraStackFrame(null);
328
328
  }
329
- function At(e, i, u, m, I) {
329
+ function yt(e, a, l, p, x) {
330
330
  {
331
- var k = Function.call.bind(ke);
332
- for (var L in e)
333
- if (k(e, L)) {
334
- var E = void 0;
331
+ var $ = Function.call.bind(de);
332
+ for (var m in e)
333
+ if ($(e, m)) {
334
+ var h = void 0;
335
335
  try {
336
- if (typeof e[L] != "function") {
337
- var Z = Error((m || "React class") + ": " + u + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
338
- throw Z.name = "Invariant Violation", Z;
336
+ if (typeof e[m] != "function") {
337
+ var A = Error((p || "React class") + ": " + l + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
338
+ throw A.name = "Invariant Violation", A;
339
339
  }
340
- E = e[L](i, L, m, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
341
- } catch (U) {
342
- E = U;
340
+ h = e[m](a, m, p, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
341
+ } catch (j) {
342
+ h = j;
343
343
  }
344
- E && !(E instanceof Error) && (Ue(I), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", m || "React class", u, L, typeof E), Ue(null)), E instanceof Error && !(E.message in et) && (et[E.message] = !0, Ue(I), x("Failed %s type: %s", u, E.message), Ue(null));
344
+ h && !(h instanceof Error) && (we(x), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", l, m, typeof h), we(null)), h instanceof Error && !(h.message in Be) && (Be[h.message] = !0, we(x), C("Failed %s type: %s", l, h.message), we(null));
345
345
  }
346
346
  }
347
347
  }
348
- var Nt = Array.isArray;
349
- function Ve(e) {
350
- return Nt(e);
348
+ var mt = Array.isArray;
349
+ function Te(e) {
350
+ return mt(e);
351
351
  }
352
- function Dt(e) {
352
+ function vt(e) {
353
353
  {
354
- var i = typeof Symbol == "function" && Symbol.toStringTag, u = i && e[Symbol.toStringTag] || e.constructor.name || "Object";
355
- return u;
354
+ var a = typeof Symbol == "function" && Symbol.toStringTag, l = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
355
+ return l;
356
356
  }
357
357
  }
358
- function Ot(e) {
358
+ function Ct(e) {
359
359
  try {
360
- return at(e), !1;
360
+ return Ve(e), !1;
361
361
  } catch {
362
362
  return !0;
363
363
  }
364
364
  }
365
- function at(e) {
365
+ function Ve(e) {
366
366
  return "" + e;
367
367
  }
368
- function rt(e) {
369
- if (Ot(e))
370
- return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Dt(e)), at(e);
368
+ function We(e) {
369
+ if (Ct(e))
370
+ return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vt(e)), Ve(e);
371
371
  }
372
- var nt = C.ReactCurrentOwner, Ut = {
372
+ var Ze = w.ReactCurrentOwner, xt = {
373
373
  key: !0,
374
374
  ref: !0,
375
375
  __self: !0,
376
376
  __source: !0
377
- }, st, ot;
378
- function Pt(e) {
379
- if (ke.call(e, "ref")) {
380
- var i = Object.getOwnPropertyDescriptor(e, "ref").get;
381
- if (i && i.isReactWarning)
377
+ }, Ue, qe;
378
+ function wt(e) {
379
+ if (de.call(e, "ref")) {
380
+ var a = Object.getOwnPropertyDescriptor(e, "ref").get;
381
+ if (a && a.isReactWarning)
382
382
  return !1;
383
383
  }
384
384
  return e.ref !== void 0;
385
385
  }
386
- function Bt(e) {
387
- if (ke.call(e, "key")) {
388
- var i = Object.getOwnPropertyDescriptor(e, "key").get;
389
- if (i && i.isReactWarning)
386
+ function $t(e) {
387
+ if (de.call(e, "key")) {
388
+ var a = Object.getOwnPropertyDescriptor(e, "key").get;
389
+ if (a && a.isReactWarning)
390
390
  return !1;
391
391
  }
392
392
  return e.key !== void 0;
393
393
  }
394
- function Ft(e, i) {
395
- typeof e.ref == "string" && nt.current;
394
+ function Et(e, a) {
395
+ typeof e.ref == "string" && Ze.current;
396
396
  }
397
- function zt(e, i) {
397
+ function jt(e, a) {
398
398
  {
399
- var u = function() {
400
- st || (st = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", i));
399
+ var l = function() {
400
+ Ue || (Ue = !0, C("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
401
401
  };
402
- u.isReactWarning = !0, Object.defineProperty(e, "key", {
403
- get: u,
402
+ l.isReactWarning = !0, Object.defineProperty(e, "key", {
403
+ get: l,
404
404
  configurable: !0
405
405
  });
406
406
  }
407
407
  }
408
- function Wt(e, i) {
408
+ function Rt(e, a) {
409
409
  {
410
- var u = function() {
411
- ot || (ot = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", i));
410
+ var l = function() {
411
+ qe || (qe = !0, C("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
412
412
  };
413
- u.isReactWarning = !0, Object.defineProperty(e, "ref", {
414
- get: u,
413
+ l.isReactWarning = !0, Object.defineProperty(e, "ref", {
414
+ get: l,
415
415
  configurable: !0
416
416
  });
417
417
  }
418
418
  }
419
- var Vt = function(e, i, u, m, I, k, L) {
420
- var E = {
419
+ var St = function(e, a, l, p, x, $, m) {
420
+ var h = {
421
421
  // This tag allows us to uniquely identify this as a React Element
422
- $$typeof: r,
422
+ $$typeof: o,
423
423
  // Built-in properties that belong on the element
424
424
  type: e,
425
- key: i,
426
- ref: u,
427
- props: L,
425
+ key: a,
426
+ ref: l,
427
+ props: m,
428
428
  // Record the component responsible for creating this element.
429
- _owner: k
429
+ _owner: $
430
430
  };
431
- return E._store = {}, Object.defineProperty(E._store, "validated", {
431
+ return h._store = {}, Object.defineProperty(h._store, "validated", {
432
432
  configurable: !1,
433
433
  enumerable: !1,
434
434
  writable: !0,
435
435
  value: !1
436
- }), Object.defineProperty(E, "_self", {
436
+ }), Object.defineProperty(h, "_self", {
437
437
  configurable: !1,
438
438
  enumerable: !1,
439
439
  writable: !1,
440
- value: m
441
- }), Object.defineProperty(E, "_source", {
440
+ value: p
441
+ }), Object.defineProperty(h, "_source", {
442
442
  configurable: !1,
443
443
  enumerable: !1,
444
444
  writable: !1,
445
- value: I
446
- }), Object.freeze && (Object.freeze(E.props), Object.freeze(E)), E;
445
+ value: x
446
+ }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
447
447
  };
448
- function Ht(e, i, u, m, I) {
448
+ function kt(e, a, l, p, x) {
449
449
  {
450
- var k, L = {}, E = null, Z = null;
451
- u !== void 0 && (rt(u), E = "" + u), Bt(i) && (rt(i.key), E = "" + i.key), Pt(i) && (Z = i.ref, Ft(i, I));
452
- for (k in i)
453
- ke.call(i, k) && !Ut.hasOwnProperty(k) && (L[k] = i[k]);
450
+ var $, m = {}, h = null, A = null;
451
+ l !== void 0 && (We(l), h = "" + l), $t(a) && (We(a.key), h = "" + a.key), wt(a) && (A = a.ref, Et(a, x));
452
+ for ($ in a)
453
+ de.call(a, $) && !xt.hasOwnProperty($) && (m[$] = a[$]);
454
454
  if (e && e.defaultProps) {
455
- var U = e.defaultProps;
456
- for (k in U)
457
- L[k] === void 0 && (L[k] = U[k]);
455
+ var j = e.defaultProps;
456
+ for ($ in j)
457
+ m[$] === void 0 && (m[$] = j[$]);
458
458
  }
459
- if (E || Z) {
460
- var W = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
461
- E && zt(L, W), Z && Wt(L, W);
459
+ if (h || A) {
460
+ var N = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
461
+ h && jt(m, N), A && Rt(m, N);
462
462
  }
463
- return Vt(e, E, Z, I, m, nt.current, L);
463
+ return St(e, h, A, x, p, Ze.current, m);
464
464
  }
465
465
  }
466
- var He = C.ReactCurrentOwner, it = C.ReactDebugCurrentFrame;
467
- function Me(e) {
466
+ var Ne = w.ReactCurrentOwner, Ge = w.ReactDebugCurrentFrame;
467
+ function oe(e) {
468
468
  if (e) {
469
- var i = e._owner, u = Oe(e.type, e._source, i ? i.type : null);
470
- it.setExtraStackFrame(u);
469
+ var a = e._owner, l = xe(e.type, e._source, a ? a.type : null);
470
+ Ge.setExtraStackFrame(l);
471
471
  } else
472
- it.setExtraStackFrame(null);
472
+ Ge.setExtraStackFrame(null);
473
473
  }
474
- var Ge;
475
- Ge = !1;
476
- function Ze(e) {
477
- return typeof e == "object" && e !== null && e.$$typeof === r;
474
+ var Oe;
475
+ Oe = !1;
476
+ function Le(e) {
477
+ return typeof e == "object" && e !== null && e.$$typeof === o;
478
478
  }
479
- function lt() {
479
+ function Ye() {
480
480
  {
481
- if (He.current) {
482
- var e = D(He.current.type);
481
+ if (Ne.current) {
482
+ var e = I(Ne.current.type);
483
483
  if (e)
484
484
  return `
485
485
 
@@ -488,442 +488,443 @@ Check the render method of \`` + e + "`.";
488
488
  return "";
489
489
  }
490
490
  }
491
- function Gt(e) {
491
+ function Tt(e) {
492
492
  return "";
493
493
  }
494
- var ct = {};
495
- function Zt(e) {
494
+ var He = {};
495
+ function Nt(e) {
496
496
  {
497
- var i = lt();
498
- if (!i) {
499
- var u = typeof e == "string" ? e : e.displayName || e.name;
500
- u && (i = `
497
+ var a = Ye();
498
+ if (!a) {
499
+ var l = typeof e == "string" ? e : e.displayName || e.name;
500
+ l && (a = `
501
501
 
502
- Check the top-level render call using <` + u + ">.");
502
+ Check the top-level render call using <` + l + ">.");
503
503
  }
504
- return i;
504
+ return a;
505
505
  }
506
506
  }
507
- function dt(e, i) {
507
+ function Je(e, a) {
508
508
  {
509
509
  if (!e._store || e._store.validated || e.key != null)
510
510
  return;
511
511
  e._store.validated = !0;
512
- var u = Zt(i);
513
- if (ct[u])
512
+ var l = Nt(a);
513
+ if (He[l])
514
514
  return;
515
- ct[u] = !0;
516
- var m = "";
517
- e && e._owner && e._owner !== He.current && (m = " It was passed a child from " + D(e._owner.type) + "."), Me(e), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, m), Me(null);
515
+ He[l] = !0;
516
+ var p = "";
517
+ e && e._owner && e._owner !== Ne.current && (p = " It was passed a child from " + I(e._owner.type) + "."), oe(e), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, p), oe(null);
518
518
  }
519
519
  }
520
- function ut(e, i) {
520
+ function Ke(e, a) {
521
521
  {
522
522
  if (typeof e != "object")
523
523
  return;
524
- if (Ve(e))
525
- for (var u = 0; u < e.length; u++) {
526
- var m = e[u];
527
- Ze(m) && dt(m, i);
524
+ if (Te(e))
525
+ for (var l = 0; l < e.length; l++) {
526
+ var p = e[l];
527
+ Le(p) && Je(p, a);
528
528
  }
529
- else if (Ze(e))
529
+ else if (Le(e))
530
530
  e._store && (e._store.validated = !0);
531
531
  else if (e) {
532
- var I = S(e);
533
- if (typeof I == "function" && I !== e.entries)
534
- for (var k = I.call(e), L; !(L = k.next()).done; )
535
- Ze(L.value) && dt(L.value, i);
532
+ var x = k(e);
533
+ if (typeof x == "function" && x !== e.entries)
534
+ for (var $ = x.call(e), m; !(m = $.next()).done; )
535
+ Le(m.value) && Je(m.value, a);
536
536
  }
537
537
  }
538
538
  }
539
- function qt(e) {
539
+ function Ot(e) {
540
540
  {
541
- var i = e.type;
542
- if (i == null || typeof i == "string")
541
+ var a = e.type;
542
+ if (a == null || typeof a == "string")
543
543
  return;
544
- var u;
545
- if (typeof i == "function")
546
- u = i.propTypes;
547
- else if (typeof i == "object" && (i.$$typeof === d || // Note: Memo only checks outer props here.
544
+ var l;
545
+ if (typeof a == "function")
546
+ l = a.propTypes;
547
+ else if (typeof a == "object" && (a.$$typeof === c || // Note: Memo only checks outer props here.
548
548
  // Inner props are checked in the reconciler.
549
- i.$$typeof === g))
550
- u = i.propTypes;
549
+ a.$$typeof === g))
550
+ l = a.propTypes;
551
551
  else
552
552
  return;
553
- if (u) {
554
- var m = D(i);
555
- At(u, e.props, "prop", m, e);
556
- } else if (i.PropTypes !== void 0 && !Ge) {
557
- Ge = !0;
558
- var I = D(i);
559
- x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", I || "Unknown");
553
+ if (l) {
554
+ var p = I(a);
555
+ yt(l, e.props, "prop", p, e);
556
+ } else if (a.PropTypes !== void 0 && !Oe) {
557
+ Oe = !0;
558
+ var x = I(a);
559
+ C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
560
560
  }
561
- typeof i.getDefaultProps == "function" && !i.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
561
+ typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
562
562
  }
563
563
  }
564
- function Yt(e) {
564
+ function Lt(e) {
565
565
  {
566
- for (var i = Object.keys(e.props), u = 0; u < i.length; u++) {
567
- var m = i[u];
568
- if (m !== "children" && m !== "key") {
569
- Me(e), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), Me(null);
566
+ for (var a = Object.keys(e.props), l = 0; l < a.length; l++) {
567
+ var p = a[l];
568
+ if (p !== "children" && p !== "key") {
569
+ oe(e), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), oe(null);
570
570
  break;
571
571
  }
572
572
  }
573
- e.ref !== null && (Me(e), x("Invalid attribute `ref` supplied to `React.Fragment`."), Me(null));
573
+ e.ref !== null && (oe(e), C("Invalid attribute `ref` supplied to `React.Fragment`."), oe(null));
574
574
  }
575
575
  }
576
- var _t = {};
577
- function pt(e, i, u, m, I, k) {
576
+ var Qe = {};
577
+ function Xe(e, a, l, p, x, $) {
578
578
  {
579
- var L = F(e);
580
- if (!L) {
581
- var E = "";
582
- (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (E += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
583
- var Z = Gt();
584
- Z ? E += Z : E += lt();
585
- var U;
586
- e === null ? U = "null" : Ve(e) ? U = "array" : e !== void 0 && e.$$typeof === r ? (U = "<" + (D(e.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : U = typeof e, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", U, E);
579
+ var m = q(e);
580
+ if (!m) {
581
+ var h = "";
582
+ (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (h += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
583
+ var A = Tt();
584
+ A ? h += A : h += Ye();
585
+ var j;
586
+ e === null ? j = "null" : Te(e) ? j = "array" : e !== void 0 && e.$$typeof === o ? (j = "<" + (I(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : j = typeof e, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", j, h);
587
587
  }
588
- var W = Ht(e, i, u, I, k);
589
- if (W == null)
590
- return W;
591
- if (L) {
592
- var ne = i.children;
593
- if (ne !== void 0)
594
- if (m)
595
- if (Ve(ne)) {
596
- for (var $e = 0; $e < ne.length; $e++)
597
- ut(ne[$e], e);
598
- Object.freeze && Object.freeze(ne);
588
+ var N = kt(e, a, l, x, $);
589
+ if (N == null)
590
+ return N;
591
+ if (m) {
592
+ var F = a.children;
593
+ if (F !== void 0)
594
+ if (p)
595
+ if (Te(F)) {
596
+ for (var se = 0; se < F.length; se++)
597
+ Ke(F[se], e);
598
+ Object.freeze && Object.freeze(F);
599
599
  } else
600
- x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
600
+ C("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
601
601
  else
602
- ut(ne, e);
602
+ Ke(F, e);
603
603
  }
604
- if (ke.call(i, "key")) {
605
- var Ce = D(e), J = Object.keys(i).filter(function(ta) {
606
- return ta !== "key";
607
- }), qe = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
608
- if (!_t[Ce + qe]) {
609
- var ea = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
610
- x(`A props object containing a "key" prop is being spread into JSX:
604
+ if (de.call(a, "key")) {
605
+ var re = I(e), B = Object.keys(a).filter(function(Dt) {
606
+ return Dt !== "key";
607
+ }), Pe = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
608
+ if (!Qe[re + Pe]) {
609
+ var zt = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
610
+ C(`A props object containing a "key" prop is being spread into JSX:
611
611
  let props = %s;
612
612
  <%s {...props} />
613
613
  React keys must be passed directly to JSX without using spread:
614
614
  let props = %s;
615
- <%s key={someKey} {...props} />`, qe, Ce, ea, Ce), _t[Ce + qe] = !0;
615
+ <%s key={someKey} {...props} />`, Pe, re, zt, re), Qe[re + Pe] = !0;
616
616
  }
617
617
  }
618
- return e === n ? Yt(W) : qt(W), W;
618
+ return e === n ? Lt(N) : Ot(N), N;
619
619
  }
620
620
  }
621
- function Jt(e, i, u) {
622
- return pt(e, i, u, !0);
621
+ function Pt(e, a, l) {
622
+ return Xe(e, a, l, !0);
623
623
  }
624
- function Kt(e, i, u) {
625
- return pt(e, i, u, !1);
624
+ function It(e, a, l) {
625
+ return Xe(e, a, l, !1);
626
626
  }
627
- var Xt = Kt, Qt = Jt;
628
- Ae.Fragment = n, Ae.jsx = Xt, Ae.jsxs = Qt;
629
- }()), Ae;
627
+ var At = It, Mt = Pt;
628
+ _e.Fragment = n, _e.jsx = At, _e.jsxs = Mt;
629
+ }()), _e;
630
630
  }
631
- var ht;
632
- function ca() {
633
- return ht || (ht = 1, process.env.NODE_ENV === "production" ? Pe.exports = ia() : Pe.exports = la()), Pe.exports;
631
+ var nt;
632
+ function qt() {
633
+ return nt || (nt = 1, process.env.NODE_ENV === "production" ? $e.exports = Zt() : $e.exports = Ut()), $e.exports;
634
634
  }
635
- var l = ca();
636
- const da = (t) => t.as === "a", ua = (t) => t.as === void 0 || t.as === "button", _a = "_button_1abee_213", pa = "_disabled_1abee_237", fa = "_loading_1abee_237", ga = "_neutral_1abee_259", ha = "_accent_1abee_263", ba = "_positive_1abee_267", ma = "_negative_1abee_271", ya = "_contrast_1abee_275", va = "_special_1abee_279", xa = "_primary_1abee_284", Ca = "_secondary_1abee_285", wa = "_tertiary_1abee_286", Sa = "_label_1abee_321", Ea = "_rightGroup_1abee_333", La = "_iconOnly_1abee_349", Ma = "_large_1abee_357", $a = "_medium_1abee_361", Ia = "_small_1abee_365", ja = "_spaceBetween_1abee_370", Ra = "_stretched_1abee_384", ka = "_icon_1abee_349", Ta = "_badge_1abee_705", Aa = "_badgeMedium_1abee_721", Na = "_circular_1abee_738", Da = "_badgeSmall_1abee_743", Oa = "_badgeExtraSmall_1abee_765", Ua = "_withSubcaption_1abee_784", Pa = "_subcaption_1abee_797", Ba = "_loader_1abee_804", Fa = "_spin_1abee_1", za = "_l_1abee_237", Wa = "_m_1abee_361", Va = "_s_1abee_279", Ha = "_xs_1abee_869", P = {
637
- button: _a,
638
- disabled: pa,
639
- loading: fa,
640
- neutral: ga,
641
- accent: ha,
642
- positive: ba,
643
- negative: ma,
644
- contrast: ya,
645
- special: va,
646
- primary: xa,
647
- secondary: Ca,
648
- tertiary: wa,
649
- label: Sa,
650
- rightGroup: Ea,
651
- iconOnly: La,
652
- large: Ma,
653
- medium: $a,
654
- small: Ia,
655
- spaceBetween: ja,
656
- stretched: Ra,
657
- icon: ka,
658
- badge: Ta,
659
- badgeMedium: Aa,
660
- circular: Na,
661
- badgeSmall: Da,
662
- badgeExtraSmall: Oa,
663
- withSubcaption: Ua,
664
- subcaption: Pa,
665
- loader: Ba,
666
- spin: Fa,
667
- l: za,
668
- m: Wa,
669
- s: Va,
670
- xs: Ha
671
- }, bt = ({
635
+ var s = qt();
636
+ const Gt = (t) => t.as === "a", Yt = (t) => t.as === void 0 || t.as === "button", Ht = "_button_1abee_213", Jt = "_disabled_1abee_237", Kt = "_loading_1abee_237", Qt = "_neutral_1abee_259", Xt = "_accent_1abee_263", ea = "_positive_1abee_267", ta = "_negative_1abee_271", aa = "_contrast_1abee_275", ra = "_special_1abee_279", na = "_primary_1abee_284", oa = "_secondary_1abee_285", sa = "_tertiary_1abee_286", ia = "_label_1abee_321", la = "_rightGroup_1abee_333", ca = "_iconOnly_1abee_349", da = "_large_1abee_357", ua = "_medium_1abee_361", _a = "_small_1abee_365", pa = "_spaceBetween_1abee_370", fa = "_stretched_1abee_384", ga = "_icon_1abee_349", ba = "_badge_1abee_705", ha = "_badgeMedium_1abee_721", ya = "_circular_1abee_738", ma = "_badgeSmall_1abee_743", va = "_badgeExtraSmall_1abee_765", Ca = "_withSubcaption_1abee_784", xa = "_subcaption_1abee_797", wa = "_loader_1abee_804", $a = "_spin_1abee_1", Ea = "_l_1abee_237", ja = "_m_1abee_361", Ra = "_s_1abee_279", Sa = "_xs_1abee_869", R = {
637
+ button: Ht,
638
+ disabled: Jt,
639
+ loading: Kt,
640
+ neutral: Qt,
641
+ accent: Xt,
642
+ positive: ea,
643
+ negative: ta,
644
+ contrast: aa,
645
+ special: ra,
646
+ primary: na,
647
+ secondary: oa,
648
+ tertiary: sa,
649
+ label: ia,
650
+ rightGroup: la,
651
+ iconOnly: ca,
652
+ large: da,
653
+ medium: ua,
654
+ small: _a,
655
+ spaceBetween: pa,
656
+ stretched: fa,
657
+ icon: ga,
658
+ badge: ba,
659
+ badgeMedium: ha,
660
+ circular: ya,
661
+ badgeSmall: ma,
662
+ badgeExtraSmall: va,
663
+ withSubcaption: Ca,
664
+ subcaption: xa,
665
+ loader: wa,
666
+ spin: $a,
667
+ l: Ea,
668
+ m: ja,
669
+ s: Ra,
670
+ xs: Sa
671
+ }, ot = ({
672
672
  isLoading: t,
673
- showBadge: r,
674
- badgeValue: a,
673
+ showBadge: o,
674
+ badgeValue: r,
675
675
  badgeSize: n,
676
- icon: o,
677
- children: s,
678
- postfix: c,
676
+ icon: d,
677
+ children: i,
678
+ postfix: u,
679
679
  showSubcaption: _,
680
- subcaption: d,
681
- size: f
680
+ subcaption: c,
681
+ size: b
682
682
  }) => {
683
683
  if (t)
684
- return /* @__PURE__ */ l.jsx("span", { className: P.loader, "data-testid": "button-loader", "aria-hidden": "true" });
685
- const p = n === "extra-small", g = parseInt(String(a), 10), h = !isNaN(g) && g >= 0 && g <= 9;
686
- return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
687
- r && (a || p) && /* @__PURE__ */ l.jsx(
684
+ return /* @__PURE__ */ s.jsx("span", { className: R.loader, "data-testid": "button-loader", "aria-hidden": "true" });
685
+ const f = n === "extra-small", g = parseInt(String(r), 10), y = !isNaN(g) && g >= 0 && g <= 9;
686
+ return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
687
+ o && (r || f) && /* @__PURE__ */ s.jsx(
688
688
  "span",
689
689
  {
690
690
  "data-testid": "button-badge",
691
- className: ie(
692
- P.badge,
693
- P[`badge${p ? "ExtraSmall" : n === "medium" ? "Medium" : "Small"}`],
694
- { [P.circular]: h && !p }
691
+ className: J(
692
+ R.badge,
693
+ R[`badge${f ? "ExtraSmall" : n === "medium" ? "Medium" : "Small"}`],
694
+ { [R.circular]: y && !f }
695
695
  ),
696
- children: !p && a
696
+ children: !f && r
697
697
  }
698
698
  ),
699
- _ && f !== "s" && f !== "xs" ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
700
- /* @__PURE__ */ l.jsx("span", { "data-testid": "button-label", className: P.label, children: s }),
701
- /* @__PURE__ */ l.jsx("span", { "data-testid": "button-subcaption", className: P.subcaption, children: d })
702
- ] }) : s ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
703
- /* @__PURE__ */ l.jsx("span", { "data-testid": "button-label", className: P.label, children: s }),
704
- /* @__PURE__ */ l.jsxs("div", { "data-testid": "button-right-group", className: P.rightGroup, children: [
705
- o && /* @__PURE__ */ l.jsx("span", { "data-testid": "button-icon", className: P.icon, children: o }),
706
- c && /* @__PURE__ */ l.jsx("span", { "data-testid": "button-postfix", className: P.postfix, children: c })
699
+ _ && b !== "s" && b !== "xs" ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
700
+ /* @__PURE__ */ s.jsx("span", { "data-testid": "button-label", className: R.label, children: i }),
701
+ /* @__PURE__ */ s.jsx("span", { "data-testid": "button-subcaption", className: R.subcaption, children: c })
702
+ ] }) : i ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
703
+ /* @__PURE__ */ s.jsx("span", { "data-testid": "button-label", className: R.label, children: i }),
704
+ /* @__PURE__ */ s.jsxs("div", { "data-testid": "button-right-group", className: R.rightGroup, children: [
705
+ d && /* @__PURE__ */ s.jsx("span", { "data-testid": "button-icon", className: R.icon, children: d }),
706
+ u && /* @__PURE__ */ s.jsx("span", { "data-testid": "button-postfix", className: R.postfix, children: u })
707
707
  ] })
708
- ] }) : /* @__PURE__ */ l.jsx("span", { "data-testid": "button-icon", className: P.icon, children: o })
708
+ ] }) : /* @__PURE__ */ s.jsx("span", { "data-testid": "button-icon", className: R.icon, children: d })
709
709
  ] });
710
- }, $s = K((t, r) => {
710
+ }, wn = Q((t, o) => {
711
711
  const {
712
- mode: a = "primary",
712
+ mode: r = "primary",
713
713
  size: n = "m",
714
- buttonStyle: o = "neutral",
715
- loading: s = !1,
716
- disabled: c = !1,
714
+ buttonStyle: d = "neutral",
715
+ loading: i = !1,
716
+ disabled: u = !1,
717
717
  showBadge: _ = !1,
718
- badgeSize: d = "small",
719
- badgeValue: f,
720
- showSubcaption: p = !1,
718
+ badgeSize: c = "small",
719
+ badgeValue: b,
720
+ showSubcaption: f = !1,
721
721
  subcaption: g,
722
- stretched: h = !1,
723
- spaceBetween: b = !1,
724
- icon: v,
725
- postfix: w,
726
- className: S,
727
- children: C
728
- } = t, x = c, $ = s, T = !x && !$, A = !!v && !C, O = ie(
729
- P.button,
730
- P[n],
731
- P[a],
732
- P[o],
722
+ stretched: y = !1,
723
+ spaceBetween: v = !1,
724
+ icon: E,
725
+ postfix: S,
726
+ className: k,
727
+ children: w
728
+ } = t, C = u, O = i, L = !C && !O, M = !!E && !w, z = J(
729
+ R.button,
730
+ R[n],
731
+ R[r],
732
+ R[d],
733
733
  {
734
- [P.disabled]: x,
735
- [P.loading]: $,
736
- [P.stretched]: h,
737
- [P.spaceBetween]: b && h,
738
- [P.withSubcaption]: p && g && n !== "s" && n !== "xs",
739
- [P.iconOnly]: A
734
+ [R.disabled]: C,
735
+ [R.loading]: O,
736
+ [R.stretched]: y,
737
+ [R.spaceBetween]: v && y,
738
+ [R.withSubcaption]: f && g && n !== "s" && n !== "xs",
739
+ [R.iconOnly]: M
740
740
  },
741
- S
742
- ), R = {
743
- isLoading: $,
741
+ k
742
+ ), P = {
743
+ isLoading: O,
744
744
  showBadge: _,
745
- badgeValue: f,
746
- badgeSize: d,
747
- icon: v,
748
- children: C,
749
- postfix: w,
750
- showSubcaption: p,
745
+ badgeValue: b,
746
+ badgeSize: c,
747
+ icon: E,
748
+ children: w,
749
+ postfix: S,
750
+ showSubcaption: f,
751
751
  subcaption: g,
752
752
  size: n
753
753
  };
754
- if (da(t)) {
754
+ if (Gt(t)) {
755
755
  const {
756
- href: B,
757
- onClick: N,
758
- mode: F,
759
- size: y,
760
- buttonStyle: z,
761
- loading: D,
762
- disabled: j,
763
- showBadge: V,
764
- badgeSize: H,
765
- badgeValue: X,
766
- showSubcaption: G,
767
- subcaption: ee,
768
- stretched: te,
769
- spaceBetween: ae,
770
- icon: me,
771
- postfix: re,
772
- className: ve,
773
- tabIndex: Ee,
774
- children: Le,
775
- "data-testid": ue,
776
- style: le,
777
- ..._e
778
- } = t, ce = (xe) => {
779
- T && N && N(xe);
756
+ href: W,
757
+ onClick: D,
758
+ mode: q,
759
+ size: G,
760
+ buttonStyle: Z,
761
+ loading: I,
762
+ disabled: T,
763
+ showBadge: U,
764
+ badgeSize: fe,
765
+ badgeValue: ge,
766
+ showSubcaption: be,
767
+ subcaption: he,
768
+ stretched: ye,
769
+ spaceBetween: me,
770
+ icon: ve,
771
+ postfix: Ce,
772
+ className: Se,
773
+ tabIndex: ke,
774
+ children: le,
775
+ "data-testid": te,
776
+ style: X,
777
+ ...ae
778
+ } = t, ee = (ce) => {
779
+ L && D && D(ce);
780
780
  };
781
- return /* @__PURE__ */ l.jsx(
781
+ return /* @__PURE__ */ s.jsx(
782
782
  "a",
783
783
  {
784
- ref: r,
785
- className: O,
786
- href: T ? B : void 0,
784
+ ref: o,
785
+ className: z,
786
+ href: L ? W : void 0,
787
787
  tabIndex: t.tabIndex,
788
- onClick: ce,
789
- "data-testid": ue,
790
- "aria-disabled": x || $,
791
- style: le,
792
- ..._e,
793
- children: /* @__PURE__ */ l.jsx(bt, { ...R })
788
+ onClick: ee,
789
+ "data-testid": te,
790
+ "aria-disabled": C || O,
791
+ style: X,
792
+ ...ae,
793
+ children: /* @__PURE__ */ s.jsx(ot, { ...P })
794
794
  }
795
795
  );
796
796
  }
797
- if (ua(t)) {
797
+ if (Yt(t)) {
798
798
  const {
799
- type: B = "button",
800
- onClick: N,
801
- mode: F,
802
- size: y,
803
- buttonStyle: z,
804
- loading: D,
805
- disabled: j,
806
- showBadge: V,
807
- badgeSize: H,
808
- badgeValue: X,
809
- showSubcaption: G,
810
- subcaption: ee,
811
- stretched: te,
812
- spaceBetween: ae,
813
- icon: me,
814
- postfix: re,
815
- className: ve,
816
- tabIndex: Ee,
817
- children: Le,
818
- "data-testid": ue,
819
- style: le,
820
- ..._e
821
- } = t, ce = (xe) => {
822
- T && N && N(xe);
799
+ type: W = "button",
800
+ onClick: D,
801
+ mode: q,
802
+ size: G,
803
+ buttonStyle: Z,
804
+ loading: I,
805
+ disabled: T,
806
+ showBadge: U,
807
+ badgeSize: fe,
808
+ badgeValue: ge,
809
+ showSubcaption: be,
810
+ subcaption: he,
811
+ stretched: ye,
812
+ spaceBetween: me,
813
+ icon: ve,
814
+ postfix: Ce,
815
+ className: Se,
816
+ tabIndex: ke,
817
+ children: le,
818
+ "data-testid": te,
819
+ style: X,
820
+ ...ae
821
+ } = t, ee = (ce) => {
822
+ L && D && D(ce);
823
823
  };
824
- return /* @__PURE__ */ l.jsx(
824
+ return /* @__PURE__ */ s.jsx(
825
825
  "button",
826
826
  {
827
- ref: r,
828
- type: B,
829
- className: O,
830
- disabled: x,
827
+ ref: o,
828
+ type: W,
829
+ className: z,
830
+ disabled: C,
831
831
  tabIndex: t.tabIndex,
832
- onClick: ce,
833
- "data-testid": ue,
834
- "aria-disabled": x || $,
835
- style: le,
836
- ..._e,
837
- children: /* @__PURE__ */ l.jsx(bt, { ...R })
832
+ onClick: ee,
833
+ "data-testid": te,
834
+ "aria-disabled": C || O,
835
+ style: X,
836
+ ...ae,
837
+ children: /* @__PURE__ */ s.jsx(ot, { ...P })
838
838
  }
839
839
  );
840
840
  }
841
841
  return null;
842
842
  });
843
- var Ye = { exports: {} };
843
+ var Ie = { exports: {} };
844
844
  /*!
845
845
  Copyright (c) 2018 Jed Watson.
846
846
  Licensed under the MIT License (MIT), see
847
847
  http://jedwatson.github.io/classnames
848
848
  */
849
- var mt;
850
- function Ga() {
851
- return mt || (mt = 1, function(t) {
849
+ var st;
850
+ function ka() {
851
+ return st || (st = 1, function(t) {
852
852
  (function() {
853
- var r = {}.hasOwnProperty;
854
- function a() {
855
- for (var s = "", c = 0; c < arguments.length; c++) {
856
- var _ = arguments[c];
857
- _ && (s = o(s, n(_)));
853
+ var o = {}.hasOwnProperty;
854
+ function r() {
855
+ for (var i = "", u = 0; u < arguments.length; u++) {
856
+ var _ = arguments[u];
857
+ _ && (i = d(i, n(_)));
858
858
  }
859
- return s;
859
+ return i;
860
860
  }
861
- function n(s) {
862
- if (typeof s == "string" || typeof s == "number")
863
- return s;
864
- if (typeof s != "object")
861
+ function n(i) {
862
+ if (typeof i == "string" || typeof i == "number")
863
+ return i;
864
+ if (typeof i != "object")
865
865
  return "";
866
- if (Array.isArray(s))
867
- return a.apply(null, s);
868
- if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]"))
869
- return s.toString();
870
- var c = "";
871
- for (var _ in s)
872
- r.call(s, _) && s[_] && (c = o(c, _));
873
- return c;
866
+ if (Array.isArray(i))
867
+ return r.apply(null, i);
868
+ if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]"))
869
+ return i.toString();
870
+ var u = "";
871
+ for (var _ in i)
872
+ o.call(i, _) && i[_] && (u = d(u, _));
873
+ return u;
874
874
  }
875
- function o(s, c) {
876
- return c ? s ? s + " " + c : s + c : s;
875
+ function d(i, u) {
876
+ return u ? i ? i + " " + u : i + u : i;
877
877
  }
878
- t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
878
+ t.exports ? (r.default = r, t.exports = r) : window.classNames = r;
879
879
  })();
880
- }(Ye)), Ye.exports;
880
+ }(Ie)), Ie.exports;
881
881
  }
882
- var Za = Ga();
883
- const he = /* @__PURE__ */ oa(Za), qa = "_avatar_1ob17_4", Ya = "_clickable_1ob17_23", Ja = "_icon_1ob17_40", Ka = "_disabled_1ob17_45", Xa = "_image_1ob17_51", Qa = "_name_1ob17_51", er = "_circle_1ob17_160", tr = "_square_1ob17_164", se = {
884
- avatar: qa,
885
- clickable: Ya,
886
- icon: Ja,
887
- disabled: Ka,
888
- image: Xa,
889
- name: Qa,
890
- "size-208": "_size-208_1ob17_104",
891
- "size-96": "_size-96_1ob17_111",
892
- "size-84": "_size-84_1ob17_118",
893
- "size-56": "_size-56_1ob17_125",
894
- "size-48": "_size-48_1ob17_132",
895
- "size-40": "_size-40_1ob17_139",
896
- "size-32": "_size-32_1ob17_146",
897
- "size-24": "_size-24_1ob17_153",
898
- circle: er,
899
- square: tr,
900
- "variant-filled": "_variant-filled_1ob17_185",
901
- "color-brand": "_color-brand_1ob17_190",
902
- "color-red": "_color-red_1ob17_194",
903
- "color-orange": "_color-orange_1ob17_198",
904
- "color-yellow": "_color-yellow_1ob17_202",
905
- "color-green": "_color-green_1ob17_206",
906
- "color-blue": "_color-blue_1ob17_210",
907
- "color-lightblue": "_color-lightblue_1ob17_214",
908
- "color-purple": "_color-purple_1ob17_218",
909
- "color-gray": "_color-gray_1ob17_222",
910
- "color-contrast": "_color-contrast_1ob17_226",
911
- "variant-light": "_variant-light_1ob17_232",
912
- "variant-outline": "_variant-outline_1ob17_304"
913
- }, yt = 99;
914
- function ar(t) {
915
- return t < yt ? `+${t}` : `${yt}+`;
882
+ var Ta = ka();
883
+ const K = /* @__PURE__ */ Wt(Ta), Na = "_avatar_s7gid_4", Oa = "_clickable_s7gid_23", La = "_icon_s7gid_40", Pa = "_disabled_s7gid_45", Ia = "_loading_s7gid_50", Aa = "_image_s7gid_56", Ma = "_name_s7gid_56", za = "_circle_s7gid_165", Da = "_square_s7gid_169", V = {
884
+ avatar: Na,
885
+ clickable: Oa,
886
+ icon: La,
887
+ disabled: Pa,
888
+ loading: Ia,
889
+ image: Aa,
890
+ name: Ma,
891
+ "size-208": "_size-208_s7gid_109",
892
+ "size-96": "_size-96_s7gid_116",
893
+ "size-84": "_size-84_s7gid_123",
894
+ "size-56": "_size-56_s7gid_130",
895
+ "size-48": "_size-48_s7gid_137",
896
+ "size-40": "_size-40_s7gid_144",
897
+ "size-32": "_size-32_s7gid_151",
898
+ "size-24": "_size-24_s7gid_158",
899
+ circle: za,
900
+ square: Da,
901
+ "variant-filled": "_variant-filled_s7gid_190",
902
+ "color-brand": "_color-brand_s7gid_195",
903
+ "color-red": "_color-red_s7gid_199",
904
+ "color-orange": "_color-orange_s7gid_203",
905
+ "color-yellow": "_color-yellow_s7gid_207",
906
+ "color-green": "_color-green_s7gid_211",
907
+ "color-blue": "_color-blue_s7gid_215",
908
+ "color-lightblue": "_color-lightblue_s7gid_219",
909
+ "color-purple": "_color-purple_s7gid_223",
910
+ "color-gray": "_color-gray_s7gid_227",
911
+ "color-contrast": "_color-contrast_s7gid_231",
912
+ "variant-light": "_variant-light_s7gid_237",
913
+ "variant-outline": "_variant-outline_s7gid_309"
914
+ }, it = 99;
915
+ function Ba(t) {
916
+ return t < it ? `+${t}` : `${it}+`;
916
917
  }
917
- function $t(t) {
918
- const r = typeof t == "string" ? t : JSON.stringify(t);
919
- let a = 5381;
920
- for (let n = 0; n < r.length; n++) {
921
- const o = r.charCodeAt(n);
922
- a = (a << 5) + a + o;
918
+ function Me(t) {
919
+ const o = typeof t == "string" ? t : JSON.stringify(t);
920
+ let r = 5381;
921
+ for (let n = 0; n < o.length; n++) {
922
+ const d = o.charCodeAt(n);
923
+ r = (r << 5) + r + d;
923
924
  }
924
- return a >>> 0;
925
+ return r >>> 0;
925
926
  }
926
- const rr = [
927
+ const Fa = [
927
928
  "red",
928
929
  "orange",
929
930
  "yellow",
@@ -932,135 +933,140 @@ const rr = [
932
933
  "lightblue",
933
934
  "purple"
934
935
  ];
935
- function nr(t, r = rr) {
936
- const a = $t(t), n = Math.abs(a) % r.length;
937
- return r[n];
936
+ function Va(t, o = Fa) {
937
+ const r = Me(t), n = Math.abs(r) % o.length;
938
+ return o[n];
938
939
  }
939
- const vt = 2;
940
- function sr(t) {
941
- const r = t.split(" ");
942
- return r.length === 1 ? t.slice(0, vt).toUpperCase() : r.map((a) => a[0]).slice(0, vt).join("").toUpperCase();
940
+ const lt = 2;
941
+ function Wa(t) {
942
+ if (!t) return "";
943
+ const o = t.trim().split(/\s+/);
944
+ return o.length === 1 ? t.slice(0, lt).toUpperCase() : o.map((r) => r[0]).slice(0, lt).join("").toUpperCase();
943
945
  }
944
- function or(t, r) {
945
- return r === "circle" ? t / 2 : t === 24 || t === 208 ? 8 : t === 32 || t === 40 || t === 48 ? 12 : t === 56 ? 16 : t === 84 || t === 96 ? 24 : 12;
946
+ function Za(t, o) {
947
+ return o === "circle" ? t / 2 : t === 24 || t === 208 ? 8 : t === 32 || t === 40 || t === 48 ? 12 : t === 56 ? 16 : t === 84 || t === 96 ? 24 : 12;
946
948
  }
947
- const ir = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMinYMin%20meet'%20viewBox='0%200%20208%20208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cfilter%20id='shadowW'%20filterUnits='userSpaceOnUse'%3e%3cfeDropShadow%20dx='-2'%20dy='-1'%20stdDeviation='5'%20flood-color='rgba(0,0,0,0.5)'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23shadowW)'%3e%3cpath%20d='M23.9835%20174.59L113.41%20157.735L225.224%20191.671C225.224%20191.671%20250.259%20479.463%20243.525%20478.31C236.655%20477.167%20-7.79434%20482.039%20-8.17876%20476.943C-8.56308%20471.849%20-34.4445%20341.701%20-34.4445%20341.701L23.9835%20174.59Z'%20fill='darkgrey'/%3e%3cpath%20d='M-54.5558%20212.781C-85.688%20282.842%20-94.2122%20303.839%20-94.2122%20303.839L-213.504%20213.002C-214.953%20197.465%20-218.637%20181.68%20-225.636%20167.806C-234.412%20150.606%20-246.154%20149.138%20-259.595%20136.166C-267.368%20128.583%20-275.073%20140.242%20-267.3%20147.825L-259.338%20156.087C-258.869%20160.482%20-255.518%20171.861%20-254.634%20176.226C-267.475%20165.702%20-284.704%20150.246%20-300.665%20144.25C-305.079%20142.644%20-308.958%20144.46%20-311.08%20147.528C-314.628%20148.211%20-317.292%20151.458%20-317.858%20154.963C-321.103%20157.839%20-322.625%20163.354%20-319.254%20167.67C-321.407%20170.323%20-322.376%20173.998%20-320.433%20177.728C-320.274%20177.993%20-320.127%20178.12%20-320.106%20178.395C-320.997%20179.432%20-319.498%20182.78%20-320.337%20184.506C-324.035%20192.401%20-309.357%20221.757%20-285.221%20235.167C-277.291%20250.355%20-262.477%20259.485%20-261.354%20259.677C-234.512%20290.608%20-141.301%20400.999%20-97.2451%20436.169C-47.2868%20476.158%20-12.9855%20418.735%2010.6424%20317.115C34.2598%20215.358%2037.6457%20181.315%2037.6457%20181.315L116.374%20158.482C14.4423%20160.079%20-23.2964%20142.572%20-54.5558%20212.781Z'%20fill='darkgrey'/%3e%3cpath%20d='M116.781%20158.313L114.885%20158.871L61.4974%20174.391L38.0516%20181.145C38.0516%20181.145%2034.6758%20215.325%2011.0481%20316.945C9.47097%20323.572%207.88344%20330.061%206.27525%20336.275C-22.5942%20315.191%20-52.217%20295.131%20-82.0946%20275.368C-75.9632%20261.197%20-67.1116%20240.867%20-54.4359%20212.493C-30.4015%20158.477%20-2.57835%20156.516%2055.793%20157.512C72.5674%20157.77%2091.7239%20158.403%20114.133%20158.096C114.98%20158.309%20115.807%20158.247%20116.781%20158.313Z'%20fill='darkgrey'/%3e%3cpath%20d='M113.269%20157.745C175.26%20159.023%20252.771%20143.897%20266.382%20199.504C279.867%20255.26%20288.576%20280.774%20295.899%20320.932C303.221%20361.091%20322.043%20408.689%20271.897%20417.595C221.75%20426.502%20106.238%20444.495%20106.238%20444.495L78.8767%20384.662C78.8767%20384.662%20170.648%20343.813%20200.242%20332.303L185.17%20211.448L113.269%20157.745Z'%20fill='darkgrey'/%3e%3cpath%20d='M292.122%20302.108C260.506%20305.187%20228.942%20308.953%20198.219%20316.533L185.178%20211.585L140.855%20178.374L114.874%20158.871L114.144%20158.372L113.266%20157.746C127.138%20158.084%20141.774%20157.534%20156.283%20157.131C206.726%20155.818%20255.78%20156.271%20266.252%20199.654C277.643%20246.012%20285.665%20271.578%20292.122%20302.108Z'%20fill='darkgrey'/%3e%3cpath%20d='M108.001%20172.269C119.623%20168.485%20130.939%20164.308%20142.395%20160.12L112.224%20101.608L68.8441%20124.959C69.7222%20125.585%2079.0944%20154.372%2086.547%20177.904C93.7406%20175.977%20100.965%20174.463%20108.001%20172.269Z'%20fill='white'/%3e%3cpath%20d='M99.3655%20112.96C99.0934%20111.18%2098.8213%20109.401%2098.2722%20107.642L68.9864%20125.083C69.5682%20125.455%2073.8492%20138.148%2078.7406%20153.426C89.4856%20141.676%2097.5757%20127.773%2099.3655%20112.96Z'%20fill='darkgrey'/%3e%3cpath%20d='M144.524%2069.1209C143.075%2053.5829%20118.601%2039.3668%2099.9856%2038.5556C91.9262%2038.1943%2089.5107%2031.8684%2086.0605%2037.5291C77.5782%2051.7392%2049.6837%2094.9694%2052.2654%20110.837C56.0862%20133.951%2084.5691%20137.063%20102.228%20127.008C120.022%20116.942%20146.6%2091.1195%20144.524%2069.1209Z'%20fill='white'/%3e%3cpath%20d='M145.753%2072.4915C147.93%2068.3116%20146.317%2063.4483%20142.804%2060.944C142.656%2060.8166%20142.656%2060.8166%20142.507%2060.6894C143.028%2052.8957%20136.915%2047.1257%20129.979%2046.9567C129.007%2045.0914%20127.379%2043.691%20125.24%2042.883C124.903%2042.0778%20124.575%2041.4101%20123.982%2040.9009C122.651%2039.7551%20121.095%2039.3187%20119.441%2039.4435C118.081%2036.0843%20115.925%2033.2005%20112.495%2031.7977C110.348%2030.8519%20108.027%2031.304%20106.311%2032.4027C102.006%2028.5734%2096.789%2025.5051%2091.8112%2025.6038C89.736%2025.6218%2085.678%2026.8973%2084.2724%2032.1268C82.1968%2032.1449%2080.3522%2033.3917%2079.5546%2035.6676C78.427%2039.0759%2080.339%2042.3935%2083.1109%2044.2613C84.719%2045.3863%2086.9841%2046.0462%2089.0391%2045.7526C95.9026%2052.2969%20114.028%2063.1149%20118.148%2062.6657C115.532%2070.202%20113.218%2087.2698%20122.007%2088.1299C124.21%2095.3028%20116.99%20107.894%20121.368%20112.688C129.639%20104.863%20137.246%2095.5655%20141.359%2085.8391C141.496%2085.8288%20141.772%2085.808%20142.047%2085.7872C148.14%2083.9429%20149.527%2076.6377%20145.753%2072.4915Z'%20fill='darkgrey'/%3e%3cpath%20d='M140.151%20104.76C141.594%2096.3432%20132.67%2086.3542%20121.049%2088.3387C116.251%2096.3166%20111.305%20104.167%20106.21%20111.89C109.317%20116.364%20118.141%20121.376%20125.535%20120.264C133.872%20118.804%20138.613%20113.738%20140.151%20104.76Z'%20fill='white'/%3e%3cpath%20d='M156.755%20156.883C153.217%20165.043%20147.805%20172.237%20141.188%20178.136C133.925%20184.639%20125.011%20189.465%20114.809%20191.896C95.2214%20196.558%2072.2825%20189.842%2061.6836%20174.164C58.5559%20169.414%2056.4778%20163.894%2056%20157.561C72.7744%20157.818%2091.9311%20158.451%20114.34%20158.144L113.462%20157.519C127.463%20157.709%20142.098%20157.159%20156.755%20156.883Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e", lr = "data:image/svg+xml,%3csvg%20viewBox='0%200%20208%20208'%20opacity='0.9'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23shadow)'%3e%3cpath%20filter='url(%23shadow)'%20d='M127.173%2079.8894C127.189%2079.1933%20128.026%2079.1201%20128.436%2079.4316C128.754%2079.6091%20128.895%2080.1021%20128.809%2080.5518C129.241%2083.1982%20129.581%2085.7106%20130.013%2088.357C136.835%2079.7558%20149.235%2076.9989%20158.979%2083.174C168.086%2088.9941%20171.001%20111.745%20135.501%20120.502C131.5%20123.502%20117%20125.002%20111.753%20103.279C111.682%2093.2427%20118.526%2084.529%20127.173%2079.8894Z'%20fill='darkgrey'/%3e%3cpath%20d='M28.0441%20167.788C21.826%20195.052%2018.7311%20223.361%2014.1881%20250.885C9.42226%20279.982%204.68042%20308.967%20-0.0853729%20338.064L-1.00047%20342.848C14.5039%20346.419%2030.8401%20350.407%2046.3671%20353.868C90.9428%20363.918%20134.837%20376.598%20179.293%20387.201C200.345%20337.142%20219.778%20286.027%20235.82%20234.041C243.806%20208.213%20244.758%20181.282%20225.443%20160.043C216.099%20149.841%20204.347%20143.858%20191.629%20140.212C188.924%20139.377%20186.108%20138.517%20183.355%20137.905C179.635%20136.959%20175.781%20136.1%20171.989%20135.487C167.45%20134.592%20162.753%20133.893%20158.277%20133.243L127.871%20128.671L116.251%20126.895C115.457%20126.833%20114.686%20126.662%20113.915%20126.49C102.87%20124.724%2091.7381%20122.824%2080.6188%20123.013C69.1682%20123.13%2056.9012%20125.964%2047.8363%20133.224C36.9821%20141.825%2031.1109%20154.087%2028.0441%20167.788Z'%20fill='darkgrey'/%3e%3cpath%20d='M103.74%20123.732L95.6984%20197.532C95.6984%20197.532%20137.13%20157.315%20158.742%20133.268C155.051%20132.316%20151.227%20131.449%20147.465%20130.831C142.962%20129.929%20138.302%20129.224%20133.861%20128.569L103.74%20123.732Z'%20fill='white'/%3e%3cpath%20d='M97.8143%20115.298C99.0227%20116.625%20108.229%20179.332%20108.229%20179.332L148.012%20142.157L129%20100L97.8143%20115.298Z'%20fill='white'/%3e%3cpath%20d='M101.71%20148.534C100.068%20137.868%2098.402%20127.706%2098.0001%20127.274L112.673%20122C113.831%20131.449%20108.467%20141.173%20101.71%20148.534Z'%20fill='grey'/%3e%3cpath%20d='M121.545%2040.7383C111.161%2030.599%2085.3871%2035.4814%2071.93%2046.2862C66.0912%2051.0172%2060.5415%2047.9025%2061.6427%2054.0842C64.3767%2069.3597%2074.0239%20120.283%2082.7631%20126.794C100.374%20139.728%20121.191%20125.699%20127.329%20107.658C133.554%2089.7517%20136.293%2055.2372%20121.545%2040.7383Z'%20fill='white'/%3e%3cpath%20d='M56.0176%2041.9837C61.9834%2036.7831%2074.9427%2037.4243%2081.3074%2039.639C95.1733%2033.9235%20112.672%2032.6801%20120.968%2040.1438C131.22%2049.4771%20133.446%2067.5345%20132.042%2083.8281C125.848%2083.0025%20122.779%2078.6471%20116.718%2075.0286C97.7466%2073.2611%2084.9353%2061.0313%2082.042%2054.2301C78.3492%2058.2067%2063.3398%2059.3993%2058.12%2055.1646C51.1278%2048.7596%2054.1283%2043.6248%2056.0176%2041.9837Z'%20fill='darkgrey'/%3e%3cpath%20d='M142.838%2074.8316C138.561%2067.841%20123.674%2066.785%20116.5%2075.5006C118.078%2084.3219%20121.503%2092.5524%20122.726%20101.41C127.77%20102.657%20137.388%20100.869%20141.908%2095.386C147.168%2089.1414%20147.462%2082.3637%20142.838%2074.8316Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='shadow'%3e%3cfeDropShadow%20dx='0'%20dy='0'%20stdDeviation='3'%20flood-color='rgba(0,0,0,0.3)'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e", cr = "data:image/svg+xml,%3csvg%20opacity='0.9'%20viewBox='0%200%20208%20208'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cmask%20id='hole'%3e%3crect%20width='100%25'%20height='100%25'%20fill='white'/%3e%3ccircle%20cx='121.333'%20cy='121.333'%20r='52'%20fill='black'/%3e%3c/mask%3e%3cfilter%20id='shadow'%3e%3cfeDropShadow%20dx='-2'%20dy='-1'%20stdDeviation='10'%20flood-color='rgba(0,0,0,0.2)'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23shadow)'%3e%3ccircle%20cx='104'%20cy='225.333'%20r='95.3333'%20fill='darkgray'/%3e%3ccircle%20cx='104'%20cy='225.333'%20r='95.3333'%20fill='white'%20mask='url(%23hole)'/%3e%3ccircle%20cx='104'%20cy='86.6666'%20r='52'%20fill='white'/%3e%3c/g%3e%3c/svg%3e", dr = "data:image/svg+xml,%3csvg%20opacity='0.9'%20viewBox='0%200%20208%20208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23shadow)'%3e%3cpath%20d='M168%20208V118.053C168%20113.824%20165.34%20110.052%20161.356%20108.633L134%2098.885V208H168Z'%20fill='darkgrey'/%3e%3cpath%20d='M40%2072.3726C40%2070.7381%2040.9944%2069.268%2042.5116%2068.6598L111.951%2040.8215C113.226%2040.3102%20114.675%2040.4893%20115.787%2041.2958L129.87%2051.5056C132.464%2053.3866%20134%2056.397%20134%2059.6017V208H40V72.3726Z'%20fill='white'/%3e%3cpath%20d='M114%2047.5001L126.325%2056.3036C127.376%2057.0544%20128%2058.2667%20128%2059.5585V208H114V47.5001Z'%20fill='darkgrey'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='shadow'%3e%3cfeDropShadow%20dx='-2'%20dy='-1'%20stdDeviation='7'%20flood-color='rgba(0,0,0,0.2)'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e", ur = {
948
- male: ir,
949
- female: lr,
950
- org: dr,
951
- neutral: cr
952
- }, Qe = K((t, r) => {
949
+ const Ua = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMinYMin%20meet'%20viewBox='0%200%20208%20208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cfilter%20id='shadowW'%20filterUnits='userSpaceOnUse'%3e%3cfeDropShadow%20dx='-2'%20dy='-1'%20stdDeviation='5'%20flood-color='rgba(0,0,0,0.5)'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23shadowW)'%3e%3cpath%20d='M23.9835%20174.59L113.41%20157.735L225.224%20191.671C225.224%20191.671%20250.259%20479.463%20243.525%20478.31C236.655%20477.167%20-7.79434%20482.039%20-8.17876%20476.943C-8.56308%20471.849%20-34.4445%20341.701%20-34.4445%20341.701L23.9835%20174.59Z'%20fill='darkgrey'/%3e%3cpath%20d='M-54.5558%20212.781C-85.688%20282.842%20-94.2122%20303.839%20-94.2122%20303.839L-213.504%20213.002C-214.953%20197.465%20-218.637%20181.68%20-225.636%20167.806C-234.412%20150.606%20-246.154%20149.138%20-259.595%20136.166C-267.368%20128.583%20-275.073%20140.242%20-267.3%20147.825L-259.338%20156.087C-258.869%20160.482%20-255.518%20171.861%20-254.634%20176.226C-267.475%20165.702%20-284.704%20150.246%20-300.665%20144.25C-305.079%20142.644%20-308.958%20144.46%20-311.08%20147.528C-314.628%20148.211%20-317.292%20151.458%20-317.858%20154.963C-321.103%20157.839%20-322.625%20163.354%20-319.254%20167.67C-321.407%20170.323%20-322.376%20173.998%20-320.433%20177.728C-320.274%20177.993%20-320.127%20178.12%20-320.106%20178.395C-320.997%20179.432%20-319.498%20182.78%20-320.337%20184.506C-324.035%20192.401%20-309.357%20221.757%20-285.221%20235.167C-277.291%20250.355%20-262.477%20259.485%20-261.354%20259.677C-234.512%20290.608%20-141.301%20400.999%20-97.2451%20436.169C-47.2868%20476.158%20-12.9855%20418.735%2010.6424%20317.115C34.2598%20215.358%2037.6457%20181.315%2037.6457%20181.315L116.374%20158.482C14.4423%20160.079%20-23.2964%20142.572%20-54.5558%20212.781Z'%20fill='darkgrey'/%3e%3cpath%20d='M116.781%20158.313L114.885%20158.871L61.4974%20174.391L38.0516%20181.145C38.0516%20181.145%2034.6758%20215.325%2011.0481%20316.945C9.47097%20323.572%207.88344%20330.061%206.27525%20336.275C-22.5942%20315.191%20-52.217%20295.131%20-82.0946%20275.368C-75.9632%20261.197%20-67.1116%20240.867%20-54.4359%20212.493C-30.4015%20158.477%20-2.57835%20156.516%2055.793%20157.512C72.5674%20157.77%2091.7239%20158.403%20114.133%20158.096C114.98%20158.309%20115.807%20158.247%20116.781%20158.313Z'%20fill='darkgrey'/%3e%3cpath%20d='M113.269%20157.745C175.26%20159.023%20252.771%20143.897%20266.382%20199.504C279.867%20255.26%20288.576%20280.774%20295.899%20320.932C303.221%20361.091%20322.043%20408.689%20271.897%20417.595C221.75%20426.502%20106.238%20444.495%20106.238%20444.495L78.8767%20384.662C78.8767%20384.662%20170.648%20343.813%20200.242%20332.303L185.17%20211.448L113.269%20157.745Z'%20fill='darkgrey'/%3e%3cpath%20d='M292.122%20302.108C260.506%20305.187%20228.942%20308.953%20198.219%20316.533L185.178%20211.585L140.855%20178.374L114.874%20158.871L114.144%20158.372L113.266%20157.746C127.138%20158.084%20141.774%20157.534%20156.283%20157.131C206.726%20155.818%20255.78%20156.271%20266.252%20199.654C277.643%20246.012%20285.665%20271.578%20292.122%20302.108Z'%20fill='darkgrey'/%3e%3cpath%20d='M108.001%20172.269C119.623%20168.485%20130.939%20164.308%20142.395%20160.12L112.224%20101.608L68.8441%20124.959C69.7222%20125.585%2079.0944%20154.372%2086.547%20177.904C93.7406%20175.977%20100.965%20174.463%20108.001%20172.269Z'%20fill='white'/%3e%3cpath%20d='M99.3655%20112.96C99.0934%20111.18%2098.8213%20109.401%2098.2722%20107.642L68.9864%20125.083C69.5682%20125.455%2073.8492%20138.148%2078.7406%20153.426C89.4856%20141.676%2097.5757%20127.773%2099.3655%20112.96Z'%20fill='darkgrey'/%3e%3cpath%20d='M144.524%2069.1209C143.075%2053.5829%20118.601%2039.3668%2099.9856%2038.5556C91.9262%2038.1943%2089.5107%2031.8684%2086.0605%2037.5291C77.5782%2051.7392%2049.6837%2094.9694%2052.2654%20110.837C56.0862%20133.951%2084.5691%20137.063%20102.228%20127.008C120.022%20116.942%20146.6%2091.1195%20144.524%2069.1209Z'%20fill='white'/%3e%3cpath%20d='M145.753%2072.4915C147.93%2068.3116%20146.317%2063.4483%20142.804%2060.944C142.656%2060.8166%20142.656%2060.8166%20142.507%2060.6894C143.028%2052.8957%20136.915%2047.1257%20129.979%2046.9567C129.007%2045.0914%20127.379%2043.691%20125.24%2042.883C124.903%2042.0778%20124.575%2041.4101%20123.982%2040.9009C122.651%2039.7551%20121.095%2039.3187%20119.441%2039.4435C118.081%2036.0843%20115.925%2033.2005%20112.495%2031.7977C110.348%2030.8519%20108.027%2031.304%20106.311%2032.4027C102.006%2028.5734%2096.789%2025.5051%2091.8112%2025.6038C89.736%2025.6218%2085.678%2026.8973%2084.2724%2032.1268C82.1968%2032.1449%2080.3522%2033.3917%2079.5546%2035.6676C78.427%2039.0759%2080.339%2042.3935%2083.1109%2044.2613C84.719%2045.3863%2086.9841%2046.0462%2089.0391%2045.7526C95.9026%2052.2969%20114.028%2063.1149%20118.148%2062.6657C115.532%2070.202%20113.218%2087.2698%20122.007%2088.1299C124.21%2095.3028%20116.99%20107.894%20121.368%20112.688C129.639%20104.863%20137.246%2095.5655%20141.359%2085.8391C141.496%2085.8288%20141.772%2085.808%20142.047%2085.7872C148.14%2083.9429%20149.527%2076.6377%20145.753%2072.4915Z'%20fill='darkgrey'/%3e%3cpath%20d='M140.151%20104.76C141.594%2096.3432%20132.67%2086.3542%20121.049%2088.3387C116.251%2096.3166%20111.305%20104.167%20106.21%20111.89C109.317%20116.364%20118.141%20121.376%20125.535%20120.264C133.872%20118.804%20138.613%20113.738%20140.151%20104.76Z'%20fill='white'/%3e%3cpath%20d='M156.755%20156.883C153.217%20165.043%20147.805%20172.237%20141.188%20178.136C133.925%20184.639%20125.011%20189.465%20114.809%20191.896C95.2214%20196.558%2072.2825%20189.842%2061.6836%20174.164C58.5559%20169.414%2056.4778%20163.894%2056%20157.561C72.7744%20157.818%2091.9311%20158.451%20114.34%20158.144L113.462%20157.519C127.463%20157.709%20142.098%20157.159%20156.755%20156.883Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e", qa = "data:image/svg+xml,%3csvg%20viewBox='0%200%20208%20208'%20opacity='0.9'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23shadow)'%3e%3cpath%20filter='url(%23shadow)'%20d='M127.173%2079.8894C127.189%2079.1933%20128.026%2079.1201%20128.436%2079.4316C128.754%2079.6091%20128.895%2080.1021%20128.809%2080.5518C129.241%2083.1982%20129.581%2085.7106%20130.013%2088.357C136.835%2079.7558%20149.235%2076.9989%20158.979%2083.174C168.086%2088.9941%20171.001%20111.745%20135.501%20120.502C131.5%20123.502%20117%20125.002%20111.753%20103.279C111.682%2093.2427%20118.526%2084.529%20127.173%2079.8894Z'%20fill='darkgrey'/%3e%3cpath%20d='M28.0441%20167.788C21.826%20195.052%2018.7311%20223.361%2014.1881%20250.885C9.42226%20279.982%204.68042%20308.967%20-0.0853729%20338.064L-1.00047%20342.848C14.5039%20346.419%2030.8401%20350.407%2046.3671%20353.868C90.9428%20363.918%20134.837%20376.598%20179.293%20387.201C200.345%20337.142%20219.778%20286.027%20235.82%20234.041C243.806%20208.213%20244.758%20181.282%20225.443%20160.043C216.099%20149.841%20204.347%20143.858%20191.629%20140.212C188.924%20139.377%20186.108%20138.517%20183.355%20137.905C179.635%20136.959%20175.781%20136.1%20171.989%20135.487C167.45%20134.592%20162.753%20133.893%20158.277%20133.243L127.871%20128.671L116.251%20126.895C115.457%20126.833%20114.686%20126.662%20113.915%20126.49C102.87%20124.724%2091.7381%20122.824%2080.6188%20123.013C69.1682%20123.13%2056.9012%20125.964%2047.8363%20133.224C36.9821%20141.825%2031.1109%20154.087%2028.0441%20167.788Z'%20fill='darkgrey'/%3e%3cpath%20d='M103.74%20123.732L95.6984%20197.532C95.6984%20197.532%20137.13%20157.315%20158.742%20133.268C155.051%20132.316%20151.227%20131.449%20147.465%20130.831C142.962%20129.929%20138.302%20129.224%20133.861%20128.569L103.74%20123.732Z'%20fill='white'/%3e%3cpath%20d='M97.8143%20115.298C99.0227%20116.625%20108.229%20179.332%20108.229%20179.332L148.012%20142.157L129%20100L97.8143%20115.298Z'%20fill='white'/%3e%3cpath%20d='M101.71%20148.534C100.068%20137.868%2098.402%20127.706%2098.0001%20127.274L112.673%20122C113.831%20131.449%20108.467%20141.173%20101.71%20148.534Z'%20fill='grey'/%3e%3cpath%20d='M121.545%2040.7383C111.161%2030.599%2085.3871%2035.4814%2071.93%2046.2862C66.0912%2051.0172%2060.5415%2047.9025%2061.6427%2054.0842C64.3767%2069.3597%2074.0239%20120.283%2082.7631%20126.794C100.374%20139.728%20121.191%20125.699%20127.329%20107.658C133.554%2089.7517%20136.293%2055.2372%20121.545%2040.7383Z'%20fill='white'/%3e%3cpath%20d='M56.0176%2041.9837C61.9834%2036.7831%2074.9427%2037.4243%2081.3074%2039.639C95.1733%2033.9235%20112.672%2032.6801%20120.968%2040.1438C131.22%2049.4771%20133.446%2067.5345%20132.042%2083.8281C125.848%2083.0025%20122.779%2078.6471%20116.718%2075.0286C97.7466%2073.2611%2084.9353%2061.0313%2082.042%2054.2301C78.3492%2058.2067%2063.3398%2059.3993%2058.12%2055.1646C51.1278%2048.7596%2054.1283%2043.6248%2056.0176%2041.9837Z'%20fill='darkgrey'/%3e%3cpath%20d='M142.838%2074.8316C138.561%2067.841%20123.674%2066.785%20116.5%2075.5006C118.078%2084.3219%20121.503%2092.5524%20122.726%20101.41C127.77%20102.657%20137.388%20100.869%20141.908%2095.386C147.168%2089.1414%20147.462%2082.3637%20142.838%2074.8316Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='shadow'%3e%3cfeDropShadow%20dx='0'%20dy='0'%20stdDeviation='3'%20flood-color='rgba(0,0,0,0.3)'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e", Ga = "data:image/svg+xml,%3csvg%20opacity='0.9'%20viewBox='0%200%20208%20208'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cmask%20id='hole'%3e%3crect%20width='100%25'%20height='100%25'%20fill='white'/%3e%3ccircle%20cx='121.333'%20cy='121.333'%20r='52'%20fill='black'/%3e%3c/mask%3e%3cfilter%20id='shadow'%3e%3cfeDropShadow%20dx='-2'%20dy='-1'%20stdDeviation='10'%20flood-color='rgba(0,0,0,0.2)'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23shadow)'%3e%3ccircle%20cx='104'%20cy='225.333'%20r='95.3333'%20fill='darkgray'/%3e%3ccircle%20cx='104'%20cy='225.333'%20r='95.3333'%20fill='white'%20mask='url(%23hole)'/%3e%3ccircle%20cx='104'%20cy='86.6666'%20r='52'%20fill='white'/%3e%3c/g%3e%3c/svg%3e", Ya = "data:image/svg+xml,%3csvg%20opacity='0.9'%20viewBox='0%200%20208%20208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23shadow)'%3e%3cpath%20d='M168%20208V118.053C168%20113.824%20165.34%20110.052%20161.356%20108.633L134%2098.885V208H168Z'%20fill='darkgrey'/%3e%3cpath%20d='M40%2072.3726C40%2070.7381%2040.9944%2069.268%2042.5116%2068.6598L111.951%2040.8215C113.226%2040.3102%20114.675%2040.4893%20115.787%2041.2958L129.87%2051.5056C132.464%2053.3866%20134%2056.397%20134%2059.6017V208H40V72.3726Z'%20fill='white'/%3e%3cpath%20d='M114%2047.5001L126.325%2056.3036C127.376%2057.0544%20128%2058.2667%20128%2059.5585V208H114V47.5001Z'%20fill='darkgrey'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='shadow'%3e%3cfeDropShadow%20dx='-2'%20dy='-1'%20stdDeviation='7'%20flood-color='rgba(0,0,0,0.2)'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e", Ha = {
950
+ male: Ua,
951
+ female: qa,
952
+ org: Ya,
953
+ neutral: Ga
954
+ }, Ee = Q((t, o) => {
953
955
  const {
954
- style: a,
956
+ style: r,
955
957
  size: n = 40,
956
- isLoading: o = !1,
957
- isDisabled: s = !1,
958
- shape: c = "circle",
958
+ isLoading: d = !1,
959
+ isDisabled: i = !1,
960
+ shape: u = "circle",
959
961
  variant: _ = "light",
960
- placeholderType: d = "neutral",
961
- name: f = "",
962
- imgSrc: p,
962
+ placeholderType: c = "neutral",
963
+ name: b = "",
964
+ imgSrc: f,
963
965
  imgAlt: g = "",
964
- icon: h,
965
- imgProps: b,
966
- colorScheme: v,
967
- "data-testid": w,
968
- ...S
969
- } = t, { onClick: C, onPointerDown: x } = S, T = !s && !o && (!!C || !!x), [A, O] = De(!p), R = p && !A ? "image" : h ? "icon" : f ? "name" : "placeholder", B = R === "name" ? v || nr(f) : v || "gray", N = he(
970
- se.avatar,
971
- se[c],
972
- se[`size-${n}`],
973
- se[`variant-${_}`],
974
- se[`color-${B}`],
966
+ icon: y,
967
+ imgProps: v,
968
+ colorScheme: E,
969
+ "data-testid": S,
970
+ ...k
971
+ } = t, { onClick: w, onPointerDown: C } = k, L = !i && !d && (!!w || !!C), [M, z] = Re(!1);
972
+ ze(() => {
973
+ f && z(!1);
974
+ }, [f]);
975
+ const P = f && !M ? "image" : y ? "icon" : b ? "name" : "placeholder", W = E || P === "name" && Va(b) || "gray", D = K(
976
+ V.avatar,
977
+ V[u],
978
+ V[`size-${n}`],
979
+ V[`variant-${_}`],
980
+ V[`color-${W}`],
975
981
  {
976
- [se.disabled]: s,
977
- [se.loading]: o,
978
- [se.clickable]: T
982
+ [V.disabled]: i,
983
+ [V.loading]: d,
984
+ [V.clickable]: L
979
985
  }
980
- ), F = {
981
- icon: () => /* @__PURE__ */ l.jsx("span", { "data-testid": "avatar-icon", title: g, role: "img", className: he(se.icon), children: h == null ? void 0 : h({}) }),
982
- name: () => /* @__PURE__ */ l.jsx(
986
+ ), q = {
987
+ icon: () => /* @__PURE__ */ s.jsx("span", { "data-testid": "avatar-icon", title: g, role: "img", className: K(V.icon), children: y == null ? void 0 : y({}) }),
988
+ name: () => /* @__PURE__ */ s.jsx(
983
989
  "span",
984
990
  {
985
991
  role: "textbox",
986
992
  "data-testid": "avatar-name",
987
- className: he(se.name),
993
+ className: K(V.name),
988
994
  title: g,
989
- children: sr(f)
995
+ children: Wa(b)
990
996
  }
991
997
  ),
992
- placeholder: () => /* @__PURE__ */ l.jsx(
998
+ placeholder: () => /* @__PURE__ */ s.jsx(
993
999
  "img",
994
1000
  {
995
- ...b,
1001
+ ...v,
996
1002
  "data-testid": "avatar-placeholder",
997
- className: se.image,
998
- src: ur[d],
1003
+ className: V.image,
1004
+ src: Ha[c],
999
1005
  alt: g
1000
1006
  }
1001
1007
  ),
1002
- image: () => /* @__PURE__ */ l.jsx(
1008
+ image: () => /* @__PURE__ */ s.jsx(
1003
1009
  "img",
1004
1010
  {
1005
1011
  "data-testid": "avatar-image",
1006
- ...b,
1007
- className: se.image,
1008
- src: p,
1012
+ ...v,
1013
+ className: V.image,
1014
+ src: f,
1009
1015
  alt: g,
1010
- onLoad: () => O(!1),
1011
- onError: (z) => {
1012
- var D;
1013
- O(!0), (D = b == null ? void 0 : b.onError) == null || D.call(b, z);
1016
+ onLoad: () => z(!1),
1017
+ onError: (Z) => {
1018
+ var I;
1019
+ z(!0), (I = v == null ? void 0 : v.onError) == null || I.call(v, Z);
1014
1020
  }
1015
1021
  }
1016
1022
  )
1017
- }, y = (z) => {
1018
- T && (C == null || C(z));
1023
+ }, G = (Z) => {
1024
+ L && (w == null || w(Z));
1019
1025
  };
1020
- return /* @__PURE__ */ l.jsx(
1026
+ return /* @__PURE__ */ s.jsx(
1021
1027
  "div",
1022
1028
  {
1023
- ref: r,
1024
- onClick: y,
1025
- className: N,
1026
- style: a,
1027
- "data-testid": w,
1028
- "aria-disabled": s || o,
1029
- children: F[R](null)
1029
+ ref: o,
1030
+ onClick: G,
1031
+ className: D,
1032
+ style: r,
1033
+ "data-testid": S,
1034
+ "aria-disabled": i || d,
1035
+ children: q[P](null)
1030
1036
  }
1031
1037
  );
1032
- }), _r = "_avatarGroup_157g4_1", pr = {
1033
- avatarGroup: _r
1038
+ }), Ja = "_avatarGroup_157g4_1", Ka = {
1039
+ avatarGroup: Ja
1034
1040
  };
1035
- let fr = (t = 21) => crypto.getRandomValues(new Uint8Array(t)).reduce((r, a) => (a &= 63, a < 36 ? r += a.toString(36) : a < 62 ? r += (a - 26).toString(36).toUpperCase() : a > 62 ? r += "-" : r += "_", r), "");
1036
- function gr(t, r, a, n, o, s, c) {
1037
- const _ = Math.min(o, s) / 2, d = Math.min(c, _), f = ["M0,0", `H${t}`, `V${r}`, "H0", "V0", "Z"].join(" "), p = [
1038
- `M${a + d},${n}`,
1039
- `L${a + o - d},${n}`,
1041
+ let Qa = (t = 21) => crypto.getRandomValues(new Uint8Array(t)).reduce((o, r) => (r &= 63, r < 36 ? o += r.toString(36) : r < 62 ? o += (r - 26).toString(36).toUpperCase() : r > 62 ? o += "-" : o += "_", o), "");
1042
+ function Xa(t, o, r, n, d, i, u) {
1043
+ const _ = Math.min(d, i) / 2, c = Math.min(u, _), b = ["M0,0", `H${t}`, `V${o}`, "H0", "V0", "Z"].join(" "), f = [
1044
+ `M${r + c},${n}`,
1045
+ `L${r + d - c},${n}`,
1040
1046
  // Верхний правый угол
1041
- `A${d},${d} 0 0 1 ${a + o},${n + d}`,
1042
- `L${a + o},${n + s - d}`,
1047
+ `A${c},${c} 0 0 1 ${r + d},${n + c}`,
1048
+ `L${r + d},${n + i - c}`,
1043
1049
  // Нижний правый угол
1044
- `A${d},${d} 0 0 1 ${a + o - d},${n + s}`,
1045
- `L${a + d},${n + s}`,
1050
+ `A${c},${c} 0 0 1 ${r + d - c},${n + i}`,
1051
+ `L${r + c},${n + i}`,
1046
1052
  // Нижний левый угол
1047
- `A${d},${d} 0 0 1 ${a},${n + s - d}`,
1048
- `L${a},${n + d}`,
1053
+ `A${c},${c} 0 0 1 ${r},${n + i - c}`,
1054
+ `L${r},${n + c}`,
1049
1055
  // Верхний левый угол
1050
- `A${d},${d} 0 0 1 ${a + d},${n}`,
1056
+ `A${c},${c} 0 0 1 ${r + c},${n}`,
1051
1057
  "Z"
1052
1058
  ].join(" ");
1053
- return `${f} ${p}`;
1059
+ return `${b} ${f}`;
1054
1060
  }
1055
- const hr = 2, br = (t) => {
1061
+ const er = 2, tr = (t) => {
1056
1062
  const {
1057
- avatars: r = [],
1058
- overflowCount: a = 0,
1063
+ avatars: o = [],
1064
+ overflowCount: r = 0,
1059
1065
  size: n = 40,
1060
- overlap: o = 0.3,
1061
- shape: s = "circle",
1062
- overflowOnClick: c
1063
- } = t, _ = n * o, d = -_ + hr, f = or(n, s), g = ze(fr()).current.toString(), h = he(pr.avatarGroup), b = gr(
1066
+ overlap: d = 0.3,
1067
+ shape: i = "circle",
1068
+ overflowOnClick: u
1069
+ } = t, _ = n * d, c = -_ + er, b = Za(n, i), g = pt(Qa()).current.toString(), y = K(Ka.avatarGroup), v = Xa(
1064
1070
  n,
1065
1071
  n,
1066
1072
  n - _,
@@ -1069,45 +1075,60 @@ const hr = 2, br = (t) => {
1069
1075
  // Y-координата начала выреза
1070
1076
  n,
1071
1077
  n,
1072
- f
1078
+ b
1073
1079
  );
1074
- return r.length === 0 ? null : /* @__PURE__ */ l.jsxs("div", { className: h, children: [
1075
- r.map((v, w, S) => {
1076
- const C = w + 1 >= S.length;
1077
- return /* @__PURE__ */ l.jsx(
1080
+ return o.length === 0 ? null : /* @__PURE__ */ s.jsxs("div", { className: y, children: [
1081
+ o.map((E, S, k) => {
1082
+ const w = S + 1 >= k.length;
1083
+ if (E.wrapper) {
1084
+ const C = E.wrapper;
1085
+ return /* @__PURE__ */ s.jsx(
1086
+ "div",
1087
+ {
1088
+ style: {
1089
+ // Для последнего видимого аватара без overflowCount не применяем обрезку
1090
+ clipPath: w && !r ? void 0 : `url(#${g})`,
1091
+ marginRight: c
1092
+ },
1093
+ children: /* @__PURE__ */ s.jsx(C, { children: /* @__PURE__ */ s.jsx(Ee, { size: n, shape: i, ...E }) })
1094
+ },
1095
+ Me(E) + S
1096
+ );
1097
+ }
1098
+ return /* @__PURE__ */ s.jsx(
1078
1099
  "div",
1079
1100
  {
1080
1101
  style: {
1081
1102
  // Для последнего видимого аватара без overflowCount не применяем обрезку
1082
- clipPath: C && !a ? void 0 : `url(#${g})`,
1083
- marginRight: d
1103
+ clipPath: w && !r ? void 0 : `url(#${g})`,
1104
+ marginRight: c
1084
1105
  },
1085
- children: /* @__PURE__ */ l.jsx(Qe, { size: n, shape: s, ...v })
1106
+ children: /* @__PURE__ */ s.jsx(Ee, { size: n, shape: i, ...E })
1086
1107
  },
1087
- $t(v) + w
1108
+ Me(E) + S
1088
1109
  );
1089
1110
  }),
1090
- a > 0 && /* @__PURE__ */ l.jsx("div", { style: { marginRight: d }, children: /* @__PURE__ */ l.jsx(
1091
- Qe,
1111
+ r > 0 && /* @__PURE__ */ s.jsx("div", { style: { marginRight: c }, children: /* @__PURE__ */ s.jsx(
1112
+ Ee,
1092
1113
  {
1093
1114
  size: n,
1094
- shape: s,
1095
- onClick: c,
1096
- icon: () => ar(a),
1115
+ shape: i,
1116
+ onClick: u,
1117
+ icon: () => Ba(r),
1097
1118
  colorScheme: "gray"
1098
1119
  }
1099
1120
  ) }),
1100
- /* @__PURE__ */ l.jsx("svg", { width: "0", height: "0", children: /* @__PURE__ */ l.jsx("clipPath", { id: `${g}`, children: /* @__PURE__ */ l.jsx("path", { clipPathUnits: "objectBoundingBox", d: b, clipRule: "evenodd" }) }) })
1121
+ /* @__PURE__ */ s.jsx("svg", { width: "0", height: "0", children: /* @__PURE__ */ s.jsx("clipPath", { id: `${g}`, children: /* @__PURE__ */ s.jsx("path", { clipPathUnits: "objectBoundingBox", d: v, clipRule: "evenodd" }) }) })
1101
1122
  ] });
1102
- }, Is = Object.assign(Qe, {
1103
- Group: br
1104
- }), mr = "_wrapper_1ncab_5", yr = "_badge__container_1ncab_6", vr = "_badge__content_1ncab_7", xr = "_interactive_1ncab_20", Cr = "_disabled_1ncab_21", wr = "_icon_1ncab_22", pe = {
1105
- wrapper: mr,
1106
- badge__container: yr,
1107
- badge__content: vr,
1108
- interactive: xr,
1109
- disabled: Cr,
1110
- icon: wr,
1123
+ }, $n = Object.assign(Ee, {
1124
+ Group: tr
1125
+ }), ar = "_wrapper_1ncab_5", rr = "_badge__container_1ncab_6", nr = "_badge__content_1ncab_7", or = "_interactive_1ncab_20", sr = "_disabled_1ncab_21", ir = "_icon_1ncab_22", Y = {
1126
+ wrapper: ar,
1127
+ badge__container: rr,
1128
+ badge__content: nr,
1129
+ interactive: or,
1130
+ disabled: sr,
1131
+ icon: ir,
1111
1132
  "variant-filled": "_variant-filled_1ncab_101",
1112
1133
  "color-brand": "_color-brand_1ncab_106",
1113
1134
  "color-red": "_color-red_1ncab_110",
@@ -1139,128 +1160,128 @@ const hr = 2, br = (t) => {
1139
1160
  "position-bottom-center-inside": "_position-bottom-center-inside_1ncab_446",
1140
1161
  "position-middle-left-inside": "_position-middle-left-inside_1ncab_452",
1141
1162
  "position-middle-right-inside": "_position-middle-right-inside_1ncab_458"
1142
- }, Sr = (t) => t === "rgba(0, 0, 0, 0)" || t === "transparent" || t.startsWith("rgba") && t.endsWith(", 0)"), Er = (t) => {
1163
+ }, lr = (t) => t === "rgba(0, 0, 0, 0)" || t === "transparent" || t.startsWith("rgba") && t.endsWith(", 0)"), cr = (t) => {
1143
1164
  if (!t) return null;
1144
- let r = t;
1145
- for (; r; ) {
1146
- const n = window.getComputedStyle(r).backgroundColor;
1147
- if (!Sr(n)) return n;
1148
- r = r.parentElement;
1165
+ let o = t;
1166
+ for (; o; ) {
1167
+ const n = window.getComputedStyle(o).backgroundColor;
1168
+ if (!lr(n)) return n;
1169
+ o = o.parentElement;
1149
1170
  }
1150
1171
  return null;
1151
- }, Lr = () => {
1152
- const t = ze(null), [r, a] = De(null);
1153
- return Re(() => {
1172
+ }, dr = () => {
1173
+ const t = pt(null), [o, r] = Re(null);
1174
+ return ze(() => {
1154
1175
  if (t.current) {
1155
- const n = Er(t.current);
1156
- a(n);
1176
+ const n = cr(t.current);
1177
+ r(n);
1157
1178
  }
1158
- }, []), { ref: t, bgColor: r };
1159
- }, js = K((t, r) => {
1179
+ }, []), { ref: t, bgColor: o };
1180
+ }, En = Q((t, o) => {
1160
1181
  const {
1161
- icon: a,
1182
+ icon: r,
1162
1183
  children: n,
1163
- variant: o = "filled",
1164
- label: s,
1165
- colorScheme: c = "red",
1184
+ variant: d = "filled",
1185
+ label: i,
1186
+ colorScheme: u = "red",
1166
1187
  size: _ = 20,
1167
- position: d = "top-right",
1168
- positionOffset: f = { x: 0, y: 0 },
1169
- cutoutBackground: p,
1188
+ position: c = "top-right",
1189
+ positionOffset: b = { x: 0, y: 0 },
1190
+ cutoutBackground: f,
1170
1191
  isDisabled: g,
1171
- className: h,
1172
- "data-testid": b = "badge",
1173
- ...v
1174
- } = t, { onClick: w, onPointerDown: S } = v, { ref: C, bgColor: x } = Lr(), $ = p || x, A = !g && (!!w || !!S), O = he(pe.badge__container, pe[`position-${d}`]), R = he(
1175
- h,
1176
- pe.badge__content,
1177
- pe[`color-${c}`],
1178
- pe[`variant-${o}`],
1192
+ className: y,
1193
+ "data-testid": v = "badge",
1194
+ ...E
1195
+ } = t, { onClick: S, onPointerDown: k } = E, { ref: w, bgColor: C } = dr(), O = f || C, M = !g && (!!S || !!k), z = K(Y.badge__container, Y[`position-${c}`]), P = K(
1196
+ y,
1197
+ Y.badge__content,
1198
+ Y[`color-${u}`],
1199
+ Y[`variant-${d}`],
1179
1200
  {
1180
- [pe.icon]: !!a,
1181
- [pe.interactive]: A,
1182
- [pe.disabled]: g
1201
+ [Y.icon]: !!r,
1202
+ [Y.interactive]: M,
1203
+ [Y.disabled]: g
1183
1204
  }
1184
- ), B = {
1205
+ ), W = {
1185
1206
  "--badge-height": `${_}px`,
1186
- "--badge-offset-x": `${f.x}px`,
1187
- "--badge-offset-y": `${f.y}px`,
1188
- ...$ && { "--badge-cutout-bg": $ },
1189
- ...o === "transparent" && { "--badge-cutout-bg": "transparent" }
1190
- }, N = (a == null ? void 0 : a({})) || s, F = (y) => {
1191
- A && (w == null || w(y));
1207
+ "--badge-offset-x": `${b.x}px`,
1208
+ "--badge-offset-y": `${b.y}px`,
1209
+ ...O && { "--badge-cutout-bg": O },
1210
+ ...d === "transparent" && { "--badge-cutout-bg": "transparent" }
1211
+ }, D = (r == null ? void 0 : r({})) || i, q = (G) => {
1212
+ M && (S == null || S(G));
1192
1213
  };
1193
- return /* @__PURE__ */ l.jsxs("div", { className: pe.wrapper, ref: C, "data-testid": b + "-wrapper", children: [
1214
+ return /* @__PURE__ */ s.jsxs("div", { className: Y.wrapper, ref: w, "data-testid": v + "-wrapper", children: [
1194
1215
  n,
1195
- /* @__PURE__ */ l.jsx(
1216
+ /* @__PURE__ */ s.jsx(
1196
1217
  "span",
1197
1218
  {
1198
- className: O,
1199
- style: B,
1200
- "data-testid": b + "-container",
1201
- children: /* @__PURE__ */ l.jsx(
1219
+ className: z,
1220
+ style: W,
1221
+ "data-testid": v + "-container",
1222
+ children: /* @__PURE__ */ s.jsx(
1202
1223
  "span",
1203
1224
  {
1204
- ...v,
1205
- onClick: F,
1206
- className: R,
1207
- "data-testid": b + "-content",
1208
- ref: r,
1225
+ ...E,
1226
+ onClick: q,
1227
+ className: P,
1228
+ "data-testid": v + "-content",
1229
+ ref: o,
1209
1230
  "aria-disabled": g,
1210
- children: N
1231
+ children: D
1211
1232
  }
1212
1233
  )
1213
1234
  }
1214
1235
  )
1215
1236
  ] });
1216
- }), Mr = "_container_chiat_7", $r = "_image_chiat_19", Ir = "_loading_chiat_28", Je = {
1217
- container: Mr,
1218
- image: $r,
1219
- loading: Ir
1220
- }, jr = "_loader_1tevf_1", Rr = "_spin_1tevf_1", kr = "_accent_1tevf_20", Tr = "_neutral_1tevf_24", Ar = "_positive_1tevf_28", Nr = "_negative_1tevf_32", Dr = "_gray_1tevf_36", Or = "_special_1tevf_40", Ur = "_contrast_1tevf_44", Pr = "_container_1tevf_48", Br = "_overlay_1tevf_56", Ne = {
1221
- loader: jr,
1222
- spin: Rr,
1223
- accent: kr,
1224
- neutral: Tr,
1225
- positive: Ar,
1226
- negative: Nr,
1227
- gray: Dr,
1228
- special: Or,
1229
- contrast: Ur,
1230
- container: Pr,
1231
- overlay: Br,
1237
+ }), ur = "_container_chiat_7", _r = "_image_chiat_19", pr = "_loading_chiat_28", Ae = {
1238
+ container: ur,
1239
+ image: _r,
1240
+ loading: pr
1241
+ }, fr = "_loader_1tevf_1", gr = "_spin_1tevf_1", br = "_accent_1tevf_20", hr = "_neutral_1tevf_24", yr = "_positive_1tevf_28", mr = "_negative_1tevf_32", vr = "_gray_1tevf_36", Cr = "_special_1tevf_40", xr = "_contrast_1tevf_44", wr = "_container_1tevf_48", $r = "_overlay_1tevf_56", pe = {
1242
+ loader: fr,
1243
+ spin: gr,
1244
+ accent: br,
1245
+ neutral: hr,
1246
+ positive: yr,
1247
+ negative: mr,
1248
+ gray: vr,
1249
+ special: Cr,
1250
+ contrast: xr,
1251
+ container: wr,
1252
+ overlay: $r,
1232
1253
  "size-16": "_size-16_1tevf_71",
1233
1254
  "size-24": "_size-24_1tevf_75",
1234
1255
  "size-48": "_size-48_1tevf_79",
1235
1256
  "size-64": "_size-64_1tevf_83",
1236
1257
  "size-96": "_size-96_1tevf_87"
1237
- }, It = K(
1258
+ }, ft = Q(
1238
1259
  ({
1239
1260
  size: t = 24,
1240
- variant: r = "accent",
1241
- className: a,
1261
+ variant: o = "accent",
1262
+ className: r,
1242
1263
  "data-testid": n = "loader",
1243
- style: o,
1244
- ...s
1245
- }, c) => {
1246
- const _ = he(
1247
- Ne.loader,
1248
- Ne[r],
1249
- Ne[`size-${t}`],
1250
- a
1264
+ style: d,
1265
+ ...i
1266
+ }, u) => {
1267
+ const _ = K(
1268
+ pe.loader,
1269
+ pe[o],
1270
+ pe[`size-${t}`],
1271
+ r
1251
1272
  );
1252
- return /* @__PURE__ */ l.jsx(
1273
+ return /* @__PURE__ */ s.jsx(
1253
1274
  "svg",
1254
1275
  {
1255
- ref: c,
1276
+ ref: u,
1256
1277
  className: _,
1257
1278
  fill: "none",
1258
1279
  viewBox: "0 0 16 16",
1259
1280
  xmlns: "http://www.w3.org/2000/svg",
1260
1281
  "data-testid": n,
1261
- style: o,
1262
- ...s,
1263
- children: /* @__PURE__ */ l.jsx(
1282
+ style: d,
1283
+ ...i,
1284
+ children: /* @__PURE__ */ s.jsx(
1264
1285
  "path",
1265
1286
  {
1266
1287
  d: "M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2",
@@ -1272,38 +1293,38 @@ const hr = 2, br = (t) => {
1272
1293
  }
1273
1294
  );
1274
1295
  }
1275
- ), Fr = K((t, r) => {
1296
+ ), Er = Q((t, o) => {
1276
1297
  const {
1277
- loading: a = !1,
1298
+ loading: r = !1,
1278
1299
  size: n = 24,
1279
- variant: o = "accent",
1280
- children: s,
1281
- className: c,
1300
+ variant: d = "accent",
1301
+ children: i,
1302
+ className: u,
1282
1303
  style: _,
1283
- "data-testid": d,
1284
- ...f
1285
- } = t, p = he(Ne.container, c);
1286
- return /* @__PURE__ */ l.jsxs("div", { ref: r, className: p, style: _, "data-testid": d, ...f, children: [
1287
- s,
1288
- a && /* @__PURE__ */ l.jsx("div", { className: Ne.overlay, children: /* @__PURE__ */ l.jsx(It, { size: n, variant: o, "data-testid": `${d}-spinner` }) })
1304
+ "data-testid": c,
1305
+ ...b
1306
+ } = t, f = K(pe.container, u);
1307
+ return /* @__PURE__ */ s.jsxs("div", { ref: o, className: f, style: _, "data-testid": c, ...b, children: [
1308
+ i,
1309
+ r && /* @__PURE__ */ s.jsx("div", { className: pe.overlay, children: /* @__PURE__ */ s.jsx(ft, { size: n, variant: d, "data-testid": `${c}-spinner` }) })
1289
1310
  ] });
1290
- }), zr = K((t, r) => t.children ? /* @__PURE__ */ l.jsx(
1291
- Fr,
1311
+ }), jr = Q((t, o) => t.children ? /* @__PURE__ */ s.jsx(
1312
+ Er,
1292
1313
  {
1293
- ref: r,
1314
+ ref: o,
1294
1315
  ...t
1295
1316
  }
1296
- ) : /* @__PURE__ */ l.jsx(It, { ref: r, ...t })), Wr = ({ width: t = 48, height: r = 48, className: a, "data-testid": n }) => /* @__PURE__ */ l.jsx(
1317
+ ) : /* @__PURE__ */ s.jsx(ft, { ref: o, ...t })), Rr = ({ width: t = 48, height: o = 48, className: r, "data-testid": n }) => /* @__PURE__ */ s.jsx(
1297
1318
  "svg",
1298
1319
  {
1299
1320
  width: t,
1300
- height: r,
1321
+ height: o,
1301
1322
  viewBox: "0 0 48 48",
1302
1323
  fill: "none",
1303
1324
  xmlns: "http://www.w3.org/2000/svg",
1304
- className: a,
1325
+ className: r,
1305
1326
  "data-testid": n,
1306
- children: /* @__PURE__ */ l.jsx(
1327
+ children: /* @__PURE__ */ s.jsx(
1307
1328
  "path",
1308
1329
  {
1309
1330
  d: "M32.4 42H13.8627C12.6511 42 12.0453 42 11.7648 41.7604C11.5214 41.5525 11.3922 41.2407 11.4173 40.9215C11.4462 40.5538 11.8746 40.1254 12.7314 39.2686L29.7373 22.2627C30.5293 21.4707 30.9253 21.0747 31.382 20.9263C31.7837 20.7958 32.2163 20.7958 32.618 20.9263C33.0747 21.0747 33.4707 21.4707 34.2627 22.2627L42 30V32.4M32.4 42C35.7603 42 37.4405 42 38.7239 41.346C39.8529 40.7708 40.7708 39.8529 41.346 38.7239C42 37.4405 42 35.7603 42 32.4M32.4 42H15.6C12.2397 42 10.5595 42 9.27606 41.346C8.14708 40.7708 7.2292 39.8529 6.65396 38.7239C6 37.4405 6 35.7603 6 32.4V15.6C6 12.2397 6 10.5595 6.65396 9.27606C7.2292 8.14708 8.14708 7.2292 9.27606 6.65396C10.5595 6 12.2397 6 15.6 6H32.4C35.7603 6 37.4405 6 38.7239 6.65396C39.8529 7.2292 40.7708 8.14708 41.346 9.27606C42 10.5595 42 12.2397 42 15.6V32.4M21 17C21 19.2091 19.2091 21 17 21C14.7909 21 13 19.2091 13 17C13 14.7909 14.7909 13 17 13C19.2091 13 21 14.7909 21 17Z",
@@ -1314,120 +1335,120 @@ const hr = 2, br = (t) => {
1314
1335
  }
1315
1336
  )
1316
1337
  }
1317
- ), Rs = K((t, r) => {
1338
+ ), jn = Q((t, o) => {
1318
1339
  const {
1319
- alt: a = "",
1340
+ alt: r = "",
1320
1341
  loading: n = "lazy",
1321
- src: o,
1322
- isLoading: s = !1,
1323
- className: c,
1342
+ src: d,
1343
+ isLoading: i = !1,
1344
+ className: u,
1324
1345
  "data-testid": _ = "image",
1325
- onError: d,
1326
- onLoad: f,
1327
- ...p
1328
- } = t, [g, h] = De("loading"), b = g === "error", v = (s || g === "loading") && !b, w = g === "loaded" && !s, S = he(
1329
- Je.image,
1346
+ onError: c,
1347
+ onLoad: b,
1348
+ ...f
1349
+ } = t, [g, y] = Re("loading"), v = g === "error", E = (i || g === "loading") && !v, S = g === "loaded" && !i, k = K(
1350
+ Ae.image,
1330
1351
  {
1331
- [Je.loading]: v
1352
+ [Ae.loading]: E
1332
1353
  },
1333
- c
1334
- ), C = Se(
1335
- (T) => {
1336
- h("loaded"), f == null || f(T);
1354
+ u
1355
+ ), w = et(
1356
+ (L) => {
1357
+ y("loaded"), b == null || b(L);
1337
1358
  },
1338
- [f]
1339
- ), x = Se(
1340
- (T) => {
1341
- h("error"), d == null || d(T);
1359
+ [b]
1360
+ ), C = et(
1361
+ (L) => {
1362
+ y("error"), c == null || c(L);
1342
1363
  },
1343
- [d]
1344
- ), $ = {
1345
- loader: /* @__PURE__ */ l.jsxs(aa, { children: [
1346
- /* @__PURE__ */ l.jsx(zr, { size: 48, variant: "special", "data-testid": `${_}-loader` }),
1347
- /* @__PURE__ */ l.jsx(
1364
+ [c]
1365
+ ), O = {
1366
+ loader: /* @__PURE__ */ s.jsxs(Bt, { children: [
1367
+ /* @__PURE__ */ s.jsx(jr, { size: 48, variant: "special", "data-testid": `${_}-loader` }),
1368
+ /* @__PURE__ */ s.jsx(
1348
1369
  "img",
1349
1370
  {
1350
- alt: a,
1351
- src: o,
1352
- onLoad: C,
1353
- onError: x,
1371
+ alt: r,
1372
+ src: d,
1373
+ onLoad: w,
1374
+ onError: C,
1354
1375
  style: { display: "none" }
1355
1376
  }
1356
1377
  )
1357
1378
  ] }),
1358
- error: /* @__PURE__ */ l.jsx(Wr, { "data-testid": `${_}-fallback` }),
1359
- image: /* @__PURE__ */ l.jsx(
1379
+ error: /* @__PURE__ */ s.jsx(Rr, { "data-testid": `${_}-fallback` }),
1380
+ image: /* @__PURE__ */ s.jsx(
1360
1381
  "img",
1361
1382
  {
1362
- ref: r,
1363
- alt: a,
1383
+ ref: o,
1384
+ alt: r,
1364
1385
  "data-testid": _,
1365
1386
  loading: n,
1366
- src: o,
1367
- className: S
1387
+ src: d,
1388
+ className: k
1368
1389
  }
1369
1390
  )
1370
1391
  };
1371
- return Re(() => {
1372
- if (!o) {
1373
- h("error");
1392
+ return ze(() => {
1393
+ if (!d) {
1394
+ y("error");
1374
1395
  return;
1375
1396
  }
1376
- h("loading");
1377
- }, [o]), /* @__PURE__ */ l.jsxs("div", { className: Je.container, "data-testid": `${_}-container`, ...p, children: [
1378
- v && $.loader,
1379
- b && $.error,
1380
- w && $.image
1397
+ y("loading");
1398
+ }, [d]), /* @__PURE__ */ s.jsxs("div", { className: Ae.container, "data-testid": `${_}-container`, ...f, children: [
1399
+ E && O.loader,
1400
+ v && O.error,
1401
+ S && O.image
1381
1402
  ] });
1382
- }), Vr = {}, jt = ra({
1383
- locale: Vr
1384
- }), Hr = () => {
1385
- const t = na(jt);
1403
+ }), Sr = {}, gt = Ft({
1404
+ locale: Sr
1405
+ }), kr = () => {
1406
+ const t = Vt(gt);
1386
1407
  if (!t)
1387
1408
  throw new Error("useConfig must be used within a ConfigProvider");
1388
1409
  return t;
1389
- }, ks = () => {
1390
- const { locale: t } = Hr();
1410
+ }, Rn = () => {
1411
+ const { locale: t } = kr();
1391
1412
  return t;
1392
- }, Gr = {}, Zr = {}, qr = {}, Ts = ({
1413
+ }, Tr = {}, Nr = {}, Or = {}, Sn = ({
1393
1414
  locale: t = {},
1394
- theme: r,
1395
- children: a,
1415
+ theme: o,
1416
+ children: r,
1396
1417
  className: n
1397
1418
  }) => {
1398
- const o = r ? { ...Object.fromEntries(Object.entries(r)) } : {};
1399
- return /* @__PURE__ */ l.jsx(
1419
+ const d = o ? { ...Object.fromEntries(Object.entries(o)) } : {};
1420
+ return /* @__PURE__ */ s.jsx(
1400
1421
  "div",
1401
1422
  {
1402
1423
  "data-testid": "ConfigProvider-component",
1403
- style: o,
1404
- className: ie(
1405
- Gr,
1406
- Zr,
1407
- qr,
1424
+ style: d,
1425
+ className: J(
1426
+ Tr,
1427
+ Nr,
1428
+ Or,
1408
1429
  n
1409
1430
  ),
1410
- children: /* @__PURE__ */ l.jsx(jt.Provider, { value: { locale: t }, children: a })
1431
+ children: /* @__PURE__ */ s.jsx(gt.Provider, { value: { locale: t }, children: r })
1411
1432
  }
1412
1433
  );
1413
- }, As = {}, Yr = "_tag_1llsi_1", Jr = "_label_1llsi_16", Kr = "_iconWrapper_1llsi_20", Xr = "_medium_1llsi_27", Qr = "_large_1llsi_33", en = "_disabled_1llsi_43", tn = "_neutral_1llsi_47", an = "_positive_1llsi_53", rn = "_negative_1llsi_59", nn = "_warning_1llsi_65", sn = "_vivid_1llsi_71", on = "_special_1llsi_77", ln = "_accent_1llsi_84", cn = "_blue_1llsi_90", dn = "_lovely_1llsi_96", un = "_dreamy_1llsi_102", we = {
1414
- tag: Yr,
1415
- label: Jr,
1416
- iconWrapper: Kr,
1417
- medium: Xr,
1418
- large: Qr,
1419
- disabled: en,
1420
- neutral: tn,
1421
- positive: an,
1422
- negative: rn,
1423
- warning: nn,
1424
- vivid: sn,
1425
- special: on,
1426
- accent: ln,
1427
- blue: cn,
1428
- lovely: dn,
1429
- dreamy: un
1430
- }, We = {
1434
+ }, kn = {}, Lr = "_tag_1llsi_1", Pr = "_label_1llsi_16", Ir = "_iconWrapper_1llsi_20", Ar = "_medium_1llsi_27", Mr = "_large_1llsi_33", zr = "_disabled_1llsi_43", Dr = "_neutral_1llsi_47", Br = "_positive_1llsi_53", Fr = "_negative_1llsi_59", Vr = "_warning_1llsi_65", Wr = "_vivid_1llsi_71", Zr = "_special_1llsi_77", Ur = "_accent_1llsi_84", qr = "_blue_1llsi_90", Gr = "_lovely_1llsi_96", Yr = "_dreamy_1llsi_102", ne = {
1435
+ tag: Lr,
1436
+ label: Pr,
1437
+ iconWrapper: Ir,
1438
+ medium: Ar,
1439
+ large: Mr,
1440
+ disabled: zr,
1441
+ neutral: Dr,
1442
+ positive: Br,
1443
+ negative: Fr,
1444
+ warning: Vr,
1445
+ vivid: Wr,
1446
+ special: Zr,
1447
+ accent: Ur,
1448
+ blue: qr,
1449
+ lovely: Gr,
1450
+ dreamy: Yr
1451
+ }, je = {
1431
1452
  "typography-title-1-semibold": "_typography-title-1-semibold_1lyxn_1",
1432
1453
  "typography-title-2-semibold": "_typography-title-2-semibold_1lyxn_10",
1433
1454
  "typography-title-3-semibold": "_typography-title-3-semibold_1lyxn_19",
@@ -1451,70 +1472,70 @@ const hr = 2, br = (t) => {
1451
1472
  "typography-paragraph-2-regular": "_typography-paragraph-2-regular_1lyxn_176",
1452
1473
  "typography-paragraph-3-regular": "_typography-paragraph-3-regular_1lyxn_185",
1453
1474
  "typography-paragraph-4-regular": "_typography-paragraph-4-regular_1lyxn_194"
1454
- }, Ns = K((t, r) => {
1475
+ }, Tn = Q((t, o) => {
1455
1476
  const {
1456
- className: a,
1477
+ className: r,
1457
1478
  children: n,
1458
- componentStyle: o = "neutral",
1459
- size: s = "medium",
1460
- disabled: c = !1,
1479
+ componentStyle: d = "neutral",
1480
+ size: i = "medium",
1481
+ disabled: u = !1,
1461
1482
  showLabel: _ = !!n,
1462
- slotStart: d,
1463
- slotEnd: f,
1464
- slotStartWrapperProps: p = {},
1483
+ slotStart: c,
1484
+ slotEnd: b,
1485
+ slotStartWrapperProps: f = {},
1465
1486
  slotEndWrapperProps: g = {},
1466
- "data-testid": h
1467
- } = t, { className: b, ...v } = p, { className: w, ...S } = g;
1468
- return /* @__PURE__ */ l.jsxs(
1487
+ "data-testid": y
1488
+ } = t, { className: v, ...E } = f, { className: S, ...k } = g;
1489
+ return /* @__PURE__ */ s.jsxs(
1469
1490
  "div",
1470
1491
  {
1471
- className: ie(
1472
- we.tag,
1473
- we[s],
1474
- we[o],
1492
+ className: J(
1493
+ ne.tag,
1494
+ ne[i],
1495
+ ne[d],
1475
1496
  {
1476
- [we.disabled]: c,
1477
- [We["typography-label-3-regular"]]: s === "medium",
1478
- [We["typography-subtitle-1-semibold"]]: s === "large"
1497
+ [ne.disabled]: u,
1498
+ [je["typography-label-3-regular"]]: i === "medium",
1499
+ [je["typography-subtitle-1-semibold"]]: i === "large"
1479
1500
  },
1480
- a
1501
+ r
1481
1502
  ),
1482
- "data-testid": h || "tag-component",
1483
- ref: r,
1503
+ "data-testid": y || "tag-component",
1504
+ ref: o,
1484
1505
  children: [
1485
- d && /* @__PURE__ */ l.jsx("span", { className: ie([we.iconWrapper, b]), ...v, children: d }),
1486
- _ && /* @__PURE__ */ l.jsx("span", { className: ie([we.label]), children: n }),
1487
- f && /* @__PURE__ */ l.jsx("span", { className: ie([we.iconWrapper, w]), ...S, children: f })
1506
+ c && /* @__PURE__ */ s.jsx("span", { className: J([ne.iconWrapper, v]), ...E, children: c }),
1507
+ _ && /* @__PURE__ */ s.jsx("span", { className: J([ne.label]), children: n }),
1508
+ b && /* @__PURE__ */ s.jsx("span", { className: J([ne.iconWrapper, S]), ...k, children: b })
1488
1509
  ]
1489
1510
  }
1490
1511
  );
1491
- }), _n = "_checkbox_qo5f5_43", pn = "_input_qo5f5_59", fn = "_icon_qo5f5_67", gn = "_container_qo5f5_84", hn = "_error_qo5f5_135", bn = "_checkboxWrapper_qo5f5_147", mn = "_medium_qo5f5_201", yn = "_large_qo5f5_206", vn = "_label_qo5f5_247", ge = {
1492
- checkbox: _n,
1493
- input: pn,
1494
- icon: fn,
1495
- container: gn,
1496
- error: hn,
1497
- checkboxWrapper: bn,
1498
- medium: mn,
1499
- large: yn,
1500
- label: vn
1501
- }, xn = ({
1512
+ }), Hr = "_checkbox_qo5f5_43", Jr = "_input_qo5f5_59", Kr = "_icon_qo5f5_67", Qr = "_container_qo5f5_84", Xr = "_error_qo5f5_135", en = "_checkboxWrapper_qo5f5_147", tn = "_medium_qo5f5_201", an = "_large_qo5f5_206", rn = "_label_qo5f5_247", H = {
1513
+ checkbox: Hr,
1514
+ input: Jr,
1515
+ icon: Kr,
1516
+ container: Qr,
1517
+ error: Xr,
1518
+ checkboxWrapper: en,
1519
+ medium: tn,
1520
+ large: an,
1521
+ label: rn
1522
+ }, nn = ({
1502
1523
  width: t = 12,
1503
- height: r = 9,
1504
- className: a = "",
1524
+ height: o = 9,
1525
+ className: r = "",
1505
1526
  color: n = "currentColor",
1506
- ...o
1507
- }) => /* @__PURE__ */ l.jsx(
1527
+ ...d
1528
+ }) => /* @__PURE__ */ s.jsx(
1508
1529
  "svg",
1509
1530
  {
1510
- className: a,
1531
+ className: r,
1511
1532
  width: t,
1512
- height: r,
1533
+ height: o,
1513
1534
  viewBox: "0 0 14 10",
1514
1535
  fill: "none",
1515
1536
  xmlns: "http://www.w3.org/2000/svg",
1516
- ...o,
1517
- children: /* @__PURE__ */ l.jsx(
1537
+ ...d,
1538
+ children: /* @__PURE__ */ s.jsx(
1518
1539
  "path",
1519
1540
  {
1520
1541
  fillRule: "evenodd",
@@ -1524,23 +1545,23 @@ const hr = 2, br = (t) => {
1524
1545
  }
1525
1546
  )
1526
1547
  }
1527
- ), Cn = ({
1548
+ ), on = ({
1528
1549
  width: t = 12,
1529
- height: r = 2,
1530
- className: a = "",
1550
+ height: o = 2,
1551
+ className: r = "",
1531
1552
  color: n = "currentColor",
1532
- ...o
1533
- }) => /* @__PURE__ */ l.jsx(
1553
+ ...d
1554
+ }) => /* @__PURE__ */ s.jsx(
1534
1555
  "svg",
1535
1556
  {
1536
- className: a,
1557
+ className: r,
1537
1558
  width: t,
1538
- height: r,
1559
+ height: o,
1539
1560
  viewBox: "0 0 12 2",
1540
1561
  fill: "none",
1541
1562
  xmlns: "http://www.w3.org/2000/svg",
1542
- ...o,
1543
- children: /* @__PURE__ */ l.jsx(
1563
+ ...d,
1564
+ children: /* @__PURE__ */ s.jsx(
1544
1565
  "path",
1545
1566
  {
1546
1567
  fillRule: "evenodd",
@@ -1550,1146 +1571,234 @@ const hr = 2, br = (t) => {
1550
1571
  }
1551
1572
  )
1552
1573
  }
1553
- ), wn = {
1574
+ ), sn = {
1554
1575
  medium: { width: 10.83, height: 7.5 },
1555
1576
  large: { width: 13, height: 9 }
1556
- }, Sn = ({
1577
+ }, ln = ({
1557
1578
  size: t,
1558
- isChecked: r,
1559
- isDisabled: a,
1579
+ isChecked: o,
1580
+ isDisabled: r,
1560
1581
  indeterminate: n,
1561
- dataTestId: o
1582
+ dataTestId: d
1562
1583
  }) => {
1563
- const { width: s, height: c } = wn[t];
1564
- return /* @__PURE__ */ l.jsx(
1584
+ const { width: i, height: u } = sn[t];
1585
+ return /* @__PURE__ */ s.jsx(
1565
1586
  "div",
1566
1587
  {
1567
- className: ge.icon,
1568
- "data-testid": `${o}-icon`,
1569
- "data-checked": r,
1570
- "data-disabled": a,
1588
+ className: H.icon,
1589
+ "data-testid": `${d}-icon`,
1590
+ "data-checked": o,
1591
+ "data-disabled": r,
1571
1592
  "data-indeterminate": n,
1572
- children: n ? /* @__PURE__ */ l.jsx(Cn, { width: s, height: c }) : /* @__PURE__ */ l.jsx(xn, { width: s, height: c })
1593
+ children: n ? /* @__PURE__ */ s.jsx(on, { width: i, height: u }) : /* @__PURE__ */ s.jsx(nn, { width: i, height: u })
1573
1594
  }
1574
1595
  );
1575
- }, Ds = K((t, r) => {
1596
+ }, Nn = Q((t, o) => {
1576
1597
  const {
1577
- name: a,
1598
+ name: r,
1578
1599
  value: n,
1579
- size: o = "medium",
1580
- indeterminate: s = !1,
1581
- loading: c = !1,
1600
+ size: d = "medium",
1601
+ indeterminate: i = !1,
1602
+ loading: u = !1,
1582
1603
  error: _,
1583
- disabled: d = !1,
1584
- containerClassName: f,
1585
- className: p,
1604
+ disabled: c = !1,
1605
+ containerClassName: b,
1606
+ className: f,
1586
1607
  containerStyle: g,
1587
- style: h,
1588
- children: b,
1589
- clickableLabel: v = !0,
1590
- tabIndex: w,
1591
- onChange: S,
1592
- "data-testid": C = "checkbox"
1593
- } = t, [x, $] = De(!1), T = n ?? x, A = d || c, O = !!_, R = T || s, B = ye(ge.container, ge[o], f), N = ye(
1594
- ge.checkbox,
1595
- ge[o],
1608
+ style: y,
1609
+ children: v,
1610
+ clickableLabel: E = !0,
1611
+ tabIndex: S,
1612
+ onChange: k,
1613
+ "data-testid": w = "checkbox"
1614
+ } = t, [C, O] = Re(!1), L = n ?? C, M = c || u, z = !!_, P = L || i, W = tt(H.container, H[d], b), D = tt(
1615
+ H.checkbox,
1616
+ H[d],
1596
1617
  {
1597
- [ge.error]: O
1618
+ [H.error]: z
1598
1619
  },
1599
- p
1600
- ), F = (j) => {
1601
- A || ($(j.target.checked), S == null || S(j.target.checked, j));
1602
- }, y = (j) => {
1603
- if (j.key === "Enter" && !A) {
1604
- j.preventDefault();
1605
- const V = !R;
1606
- $(V), S == null || S(V);
1620
+ f
1621
+ ), q = (T) => {
1622
+ M || (O(T.target.checked), k == null || k(T.target.checked, T));
1623
+ }, G = (T) => {
1624
+ if (T.key === "Enter" && !M) {
1625
+ T.preventDefault();
1626
+ const U = !P;
1627
+ O(U), k == null || k(U);
1607
1628
  }
1608
- }, z = (j) => {
1609
- v || j.preventDefault();
1610
- }, D = (j) => j.stopPropagation();
1611
- return /* @__PURE__ */ l.jsxs(
1629
+ }, Z = (T) => {
1630
+ E || T.preventDefault();
1631
+ }, I = (T) => T.stopPropagation();
1632
+ return /* @__PURE__ */ s.jsxs(
1612
1633
  "label",
1613
1634
  {
1614
- className: B,
1615
- htmlFor: a,
1635
+ className: W,
1636
+ htmlFor: r,
1616
1637
  style: g,
1617
- "data-testid": C,
1618
- "data-clickable-label": v,
1638
+ "data-testid": w,
1639
+ "data-clickable-label": E,
1619
1640
  children: [
1620
- /* @__PURE__ */ l.jsx("div", { className: ge.checkboxWrapper, children: /* @__PURE__ */ l.jsxs(
1641
+ /* @__PURE__ */ s.jsx("div", { className: H.checkboxWrapper, children: /* @__PURE__ */ s.jsxs(
1621
1642
  "div",
1622
1643
  {
1623
- tabIndex: w || 0,
1624
- className: N,
1625
- style: h,
1626
- onKeyDown: y,
1627
- "aria-checked": R,
1628
- "aria-disabled": A,
1629
- "aria-invalid": O,
1630
- "aria-describedby": _ ? `${a}-error` : void 0,
1631
- "data-testid": `${C}-label`,
1644
+ tabIndex: S || 0,
1645
+ className: D,
1646
+ style: y,
1647
+ onKeyDown: G,
1648
+ "aria-checked": P,
1649
+ "aria-disabled": M,
1650
+ "aria-invalid": z,
1651
+ "aria-describedby": _ ? `${r}-error` : void 0,
1652
+ "data-testid": `${w}-label`,
1632
1653
  children: [
1633
- /* @__PURE__ */ l.jsx(
1654
+ /* @__PURE__ */ s.jsx(
1634
1655
  "input",
1635
1656
  {
1636
- ref: r,
1657
+ ref: o,
1637
1658
  type: "checkbox",
1638
- id: a,
1639
- name: a,
1640
- checked: R,
1641
- disabled: A,
1642
- className: ge.input,
1643
- onChange: F,
1644
- onClick: D,
1645
- "aria-checked": R,
1646
- "aria-invalid": O,
1647
- "aria-describedby": _ ? `${a}-error` : void 0,
1648
- "data-testid": `${C}-input`
1659
+ id: r,
1660
+ name: r,
1661
+ checked: P,
1662
+ disabled: M,
1663
+ className: H.input,
1664
+ onChange: q,
1665
+ onClick: I,
1666
+ "aria-checked": P,
1667
+ "aria-invalid": z,
1668
+ "aria-describedby": _ ? `${r}-error` : void 0,
1669
+ "data-testid": `${w}-input`
1649
1670
  }
1650
1671
  ),
1651
- /* @__PURE__ */ l.jsx(
1652
- Sn,
1672
+ /* @__PURE__ */ s.jsx(
1673
+ ln,
1653
1674
  {
1654
- name: a,
1655
- size: o,
1656
- isChecked: R,
1657
- isDisabled: A,
1658
- indeterminate: s,
1659
- dataTestId: C
1675
+ name: r,
1676
+ size: d,
1677
+ isChecked: P,
1678
+ isDisabled: M,
1679
+ indeterminate: i,
1680
+ dataTestId: w
1660
1681
  }
1661
1682
  )
1662
1683
  ]
1663
1684
  }
1664
1685
  ) }),
1665
- b && /* @__PURE__ */ l.jsx(
1686
+ v && /* @__PURE__ */ s.jsx(
1666
1687
  "span",
1667
1688
  {
1668
- "data-testid": `${C}-label-text`,
1669
- "data-clickable-label": v,
1670
- className: ge.label,
1671
- onClick: z,
1672
- children: b
1689
+ "data-testid": `${w}-label-text`,
1690
+ "data-clickable-label": E,
1691
+ className: H.label,
1692
+ onClick: Z,
1693
+ children: v
1673
1694
  }
1674
1695
  )
1675
1696
  ]
1676
1697
  }
1677
1698
  );
1678
- }), En = "_typography_zt7xg_1", Ln = "_disabled_zt7xg_8", Mn = "_primary_zt7xg_13", $n = "_secondary_zt7xg_18", In = "_tertiary_zt7xg_23", jn = "_accent_zt7xg_28", Rn = "_positive_zt7xg_38", kn = "_negative_zt7xg_48", Tn = "_warning_zt7xg_58", An = "_special_zt7xg_68", Nn = "_contrast_zt7xg_78", je = {
1679
- typography: En,
1680
- disabled: Ln,
1681
- primary: Mn,
1682
- secondary: $n,
1683
- tertiary: In,
1684
- accent: jn,
1699
+ }), cn = "_typography_zt7xg_1", dn = "_disabled_zt7xg_8", un = "_primary_zt7xg_13", _n = "_secondary_zt7xg_18", pn = "_tertiary_zt7xg_23", fn = "_accent_zt7xg_28", gn = "_positive_zt7xg_38", bn = "_negative_zt7xg_48", hn = "_warning_zt7xg_58", yn = "_special_zt7xg_68", mn = "_contrast_zt7xg_78", ie = {
1700
+ typography: cn,
1701
+ disabled: dn,
1702
+ primary: un,
1703
+ secondary: _n,
1704
+ tertiary: pn,
1705
+ accent: fn,
1685
1706
  "accent-secondary": "_accent-secondary_zt7xg_33",
1686
- positive: Rn,
1707
+ positive: gn,
1687
1708
  "positive-secondary": "_positive-secondary_zt7xg_43",
1688
- negative: kn,
1709
+ negative: bn,
1689
1710
  "negative-secondary": "_negative-secondary_zt7xg_53",
1690
- warning: Tn,
1711
+ warning: hn,
1691
1712
  "warning-secondary": "_warning-secondary_zt7xg_63",
1692
- special: An,
1713
+ special: yn,
1693
1714
  "special-secondary": "_special-secondary_zt7xg_73",
1694
- contrast: Nn,
1715
+ contrast: mn,
1695
1716
  "contrast-secondary": "_contrast-secondary_zt7xg_83"
1696
- }, Dn = {
1717
+ }, vn = {
1697
1718
  1: "h1",
1698
1719
  2: "h2",
1699
1720
  3: "h3",
1700
1721
  4: "h4",
1701
1722
  5: "h5"
1702
- }, xt = (t) => {
1703
- const r = Et.forwardRef(
1723
+ }, ct = (t) => {
1724
+ const o = ut.forwardRef(
1704
1725
  ({
1705
- size: a = 3,
1726
+ size: r = 3,
1706
1727
  children: n,
1707
- className: o,
1708
- "data-testid": s,
1709
- as: c,
1728
+ className: d,
1729
+ "data-testid": i,
1730
+ as: u,
1710
1731
  fontWeight: _ = "semibold",
1711
- disabled: d = !1,
1712
- typographyStyle: f = "primary",
1713
- ...p
1732
+ disabled: c = !1,
1733
+ typographyStyle: b = "primary",
1734
+ ...f
1714
1735
  }, g) => {
1715
- const h = c || Dn[a], b = ie(
1716
- je.typography,
1717
- We[`typography-${t}-${a}-${_}`],
1718
- je[f],
1736
+ const y = u || vn[r], v = J(
1737
+ ie.typography,
1738
+ je[`typography-${t}-${r}-${_}`],
1739
+ ie[b],
1719
1740
  {
1720
- [je.disabled]: d
1741
+ [ie.disabled]: c
1721
1742
  },
1722
- o
1743
+ d
1723
1744
  );
1724
- return n ? /* @__PURE__ */ l.jsx(h, { ref: g, className: b, "data-testid": s, ...p, children: n }) : null;
1745
+ return n ? /* @__PURE__ */ s.jsx(y, { ref: g, className: v, "data-testid": i, ...f, children: n }) : null;
1725
1746
  }
1726
1747
  );
1727
- return r.displayName = `Typography.${t === "title" ? "Title" : "Subtitle"}`, r;
1728
- }, Ct = (t) => {
1729
- const r = Et.forwardRef(
1748
+ return o.displayName = `Typography.${t === "title" ? "Title" : "Subtitle"}`, o;
1749
+ }, dt = (t) => {
1750
+ const o = ut.forwardRef(
1730
1751
  ({
1731
- size: a = 3,
1752
+ size: r = 3,
1732
1753
  children: n,
1733
- className: o,
1734
- "data-testid": s,
1735
- as: c = "p",
1754
+ className: d,
1755
+ "data-testid": i,
1756
+ as: u = "p",
1736
1757
  fontWeight: _ = "regular",
1737
- disabled: d = !1,
1738
- typographyStyle: f = "primary",
1739
- ...p
1758
+ disabled: c = !1,
1759
+ typographyStyle: b = "primary",
1760
+ ...f
1740
1761
  }, g) => {
1741
- const h = c, b = ie(
1742
- je.typography,
1743
- We[`typography-${t}-${a}-${_}`],
1744
- je[f],
1762
+ const y = u, v = J(
1763
+ ie.typography,
1764
+ je[`typography-${t}-${r}-${_}`],
1765
+ ie[b],
1745
1766
  {
1746
- [je.disabled]: d
1767
+ [ie.disabled]: c
1747
1768
  },
1748
- o
1769
+ d
1749
1770
  );
1750
- return n ? /* @__PURE__ */ l.jsx(
1751
- h,
1771
+ return n ? /* @__PURE__ */ s.jsx(
1772
+ y,
1752
1773
  {
1753
1774
  ref: g,
1754
- className: b,
1755
- "data-testid": s,
1756
- ...p,
1775
+ className: v,
1776
+ "data-testid": i,
1777
+ ...f,
1757
1778
  children: n
1758
1779
  }
1759
1780
  ) : null;
1760
1781
  }
1761
1782
  );
1762
- return r.displayName = `Typography.${t.charAt(0).toUpperCase() + t.slice(1)}`, r;
1763
- }, Os = {
1764
- Title: xt("title"),
1765
- Subtitle: xt("subtitle"),
1766
- Label: Ct("label"),
1767
- Paragraph: Ct("paragraph")
1768
- }, On = "_inputBase_1m6fe_85", Un = "_wrapper_1m6fe_95", Pn = "_gripHandle_1m6fe_169", Bn = "_error_1m6fe_230", Fn = "_tabFocused_1m6fe_237", zn = "_disabled_1m6fe_262", Wn = "_loading_1m6fe_269", Vn = "_label_1m6fe_279", Hn = "_small_1m6fe_292", Gn = "_large_1m6fe_299", Zn = "_leftSection_1m6fe_306", qn = "_rightSection_1m6fe_315", Yn = "_helper_1m6fe_351", Jn = "_floatingLabel_1m6fe_376", Kn = "_focused_1m6fe_434", Xn = "_filled_1m6fe_435", Qn = "_medium_1m6fe_469", es = "_characterLimit_1m6fe_510", ts = "_input_1m6fe_85", as = "_textarea_1m6fe_109", rs = "_truncate_1m6fe_637", ns = "_hint_1m6fe_719", M = {
1769
- inputBase: On,
1770
- wrapper: Un,
1771
- "textarea-wrapper": "_textarea-wrapper_1m6fe_109",
1772
- gripHandle: Pn,
1773
- error: Bn,
1774
- tabFocused: Fn,
1775
- disabled: zn,
1776
- loading: Wn,
1777
- label: Vn,
1778
- small: Hn,
1779
- large: Gn,
1780
- leftSection: Zn,
1781
- rightSection: qn,
1782
- helper: Yn,
1783
- floatingLabel: Jn,
1784
- focused: Kn,
1785
- filled: Xn,
1786
- medium: Qn,
1787
- characterLimit: es,
1788
- input: ts,
1789
- textarea: as,
1790
- "size-small": "_size-small_1m6fe_586",
1791
- "size-medium": "_size-medium_1m6fe_592",
1792
- "size-large": "_size-large_1m6fe_598",
1793
- "with-floating-label": "_with-floating-label_1m6fe_605",
1794
- truncate: rs,
1795
- hint: ns,
1796
- "has-hint": "_has-hint_1m6fe_736"
1797
- }, ss = ({
1798
- width: t = 8,
1799
- height: r = 8,
1800
- className: a,
1801
- color: n = "#AABBCA"
1802
- }) => /* @__PURE__ */ l.jsx(
1803
- "svg",
1804
- {
1805
- width: t,
1806
- height: r,
1807
- viewBox: "0 0 8 8",
1808
- fill: "none",
1809
- xmlns: "http://www.w3.org/2000/svg",
1810
- className: a,
1811
- children: /* @__PURE__ */ l.jsx(
1812
- "path",
1813
- {
1814
- fillRule: "evenodd",
1815
- clipRule: "evenodd",
1816
- 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",
1817
- fill: n
1818
- }
1819
- )
1820
- }
1821
- ), os = (t, r) => {
1822
- const a = ze(null), n = ze(null);
1823
- return Re(() => {
1824
- const o = r === "textarea" ? a.current : n.current;
1825
- o && o.value !== t && (o.value = t || "");
1826
- }, [t, r]), {
1827
- textareaRef: a,
1828
- inputRef: n,
1829
- currentRef: r === "textarea" ? a : n
1830
- };
1831
- }, is = (t, r, a) => {
1832
- const n = () => {
1833
- if (!a.current || r !== "hug") return;
1834
- const o = a.current.scrollTop;
1835
- if (a.current.style.setProperty("height", "auto", "important"), !t) return;
1836
- const s = a.current.scrollHeight + "px";
1837
- a.current.style.setProperty("height", s, "important"), a.current.scrollTop = o;
1838
- const c = a.current.closest(`.${M.wrapper}`);
1839
- c && (c.setAttribute("data-resize", "hug"), c.setAttribute("data-show-grip", "false"));
1840
- };
1841
- return Re(n, [t, r]), Re(() => {
1842
- r === "hug" && a.current && n();
1843
- }, []), { resizeTextArea: n };
1844
- }, ls = (t, r, a, n) => ({ handleGripMouseDown: Se(
1845
- (s) => {
1846
- if (!t || r || a || !(n === "fixed" || !n)) return;
1847
- s.preventDefault(), s.stopPropagation();
1848
- const c = s.currentTarget.closest(`.${M.wrapper}`);
1849
- if (!c) return;
1850
- const _ = s.clientY, d = c.clientHeight, f = (g) => {
1851
- const h = g.clientY - _, b = Math.min(100, d), v = Math.max(b, d + h);
1852
- c.style.height = `${v}px`;
1853
- }, p = () => {
1854
- document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", p);
1855
- };
1856
- document.addEventListener("mousemove", f), document.addEventListener("mouseup", p);
1857
- },
1858
- [t, r, a, n]
1859
- ) }), wt = 30, cs = K(
1860
- ({
1861
- component: t = "input",
1862
- size: r = "medium",
1863
- value: a = "",
1864
- placeholder: n,
1865
- disabled: o = !1,
1866
- loading: s = !1,
1867
- onFocus: c,
1868
- onBlur: _,
1869
- onChange: d,
1870
- onKeyUp: f,
1871
- maxLength: p,
1872
- className: g,
1873
- style: h,
1874
- truncate: b = !1,
1875
- shouldShowFloatingLabelClass: v = !1,
1876
- "aria-invalid": w,
1877
- "aria-errormessage": S,
1878
- id: C,
1879
- resize: x,
1880
- ...$
1881
- }, T) => {
1882
- const { textareaRef: A, inputRef: O, currentRef: R } = os(a, t);
1883
- if (is(a, x, A), sa(T, () => R.current, [R]), t === "textarea")
1884
- return /* @__PURE__ */ l.jsx(
1885
- "textarea",
1886
- {
1887
- ref: A,
1888
- id: C,
1889
- value: a,
1890
- placeholder: n,
1891
- disabled: o || s,
1892
- onFocus: c,
1893
- onBlur: _,
1894
- onChange: d,
1895
- onKeyUp: f,
1896
- maxLength: p,
1897
- className: ye(
1898
- M.textarea,
1899
- M[`size-${r}`],
1900
- v && M["with-floating-label"],
1901
- g
1902
- ),
1903
- style: h,
1904
- "aria-invalid": w,
1905
- "aria-errormessage": S,
1906
- "aria-describedby": S ? `${C}-error` : void 0,
1907
- tabIndex: 0,
1908
- "data-resize": x,
1909
- ...$
1910
- }
1911
- );
1912
- if (t === "input")
1913
- return /* @__PURE__ */ l.jsx(
1914
- "input",
1915
- {
1916
- ref: O,
1917
- id: C,
1918
- value: a,
1919
- placeholder: n,
1920
- disabled: o || s,
1921
- onFocus: c,
1922
- onBlur: _,
1923
- onChange: d,
1924
- onKeyUp: f,
1925
- maxLength: p,
1926
- className: ye(
1927
- M.input,
1928
- M[`size-${r}`],
1929
- v && M["with-floating-label"],
1930
- b && M.truncate,
1931
- g
1932
- ),
1933
- style: h,
1934
- "aria-invalid": w,
1935
- "aria-errormessage": S,
1936
- "aria-describedby": S ? `${C}-error` : void 0,
1937
- tabIndex: 0,
1938
- ...$
1939
- }
1940
- );
1941
- if (t !== "input" && t !== "textarea")
1942
- return console.error(
1943
- `[Input] Недопустимое значение prop 'component': "${t}". Допустимые значения: 'input', 'textarea'`
1944
- ), null;
1945
- }
1946
- ), Rt = K(
1947
- ({
1948
- children: t,
1949
- size: r = "medium",
1950
- error: a = !1,
1951
- disabled: n = !1,
1952
- loading: o = !1,
1953
- className: s,
1954
- wrapperProps: c,
1955
- wrapperStyles: _,
1956
- floatingLabelStyles: d,
1957
- prefixStyles: f,
1958
- suffixStyles: p,
1959
- labelProps: g,
1960
- helperProps: h,
1961
- showLimit: b = !1,
1962
- maxLength: v,
1963
- hint: w,
1964
- showHint: S = !1,
1965
- showHintOnEmpty: C = !1,
1966
- prefix: x,
1967
- suffix: $,
1968
- placeholder: T,
1969
- showLabel: A = !0,
1970
- labelClassName: O,
1971
- hasValue: R = !1,
1972
- helper: B,
1973
- id: N,
1974
- value: F = "",
1975
- resize: y,
1976
- showGrip: z = !1,
1977
- ...D
1978
- }, j) => {
1979
- const V = Mt(), H = N || V, X = S && w && (R || C), G = w && w.length > wt ? w.substring(0, wt) + "..." : w, ee = ye(
1980
- M.wrapper,
1981
- a && M.error,
1982
- n && M.disabled,
1983
- o && M.loading,
1984
- X && M["has-hint"],
1985
- s
1986
- ), te = ye(
1987
- M.floatingLabel,
1988
- M[r],
1989
- R && M.filled,
1990
- O
1991
- ), { handleGripMouseDown: ae } = ls(z, n, o, y);
1992
- return /* @__PURE__ */ l.jsxs("div", { ref: j, className: M.inputBase, "data-testid": "input-base-wrapper", ...D, children: [
1993
- /* @__PURE__ */ l.jsxs(
1994
- "div",
1995
- {
1996
- className: ee,
1997
- style: _,
1998
- "data-resize": y,
1999
- "data-show-grip": z ? "true" : "false",
2000
- ...c,
2001
- children: [
2002
- x && /* @__PURE__ */ l.jsx("label", { htmlFor: H, className: M.leftSection, style: f, children: x }),
2003
- $ && /* @__PURE__ */ l.jsx("label", { htmlFor: H, className: M.rightSection, style: p, children: $ }),
2004
- T && A && /* @__PURE__ */ l.jsx(
2005
- "label",
2006
- {
2007
- htmlFor: H,
2008
- className: te,
2009
- style: d,
2010
- ...g,
2011
- children: T
2012
- }
2013
- ),
2014
- t,
2015
- z && !b && (y === "fixed" || !y) && /* @__PURE__ */ l.jsx(
2016
- "div",
2017
- {
2018
- className: M.gripHandle,
2019
- onMouseDown: ae,
2020
- role: "button",
2021
- tabIndex: -1,
2022
- "aria-label": "Изменить размер",
2023
- children: /* @__PURE__ */ l.jsx(ss, {})
2024
- }
2025
- ),
2026
- X && /* @__PURE__ */ l.jsx(
2027
- "div",
2028
- {
2029
- className: ye(M.hint, R && M.truncate),
2030
- "data-disabled": n || o,
2031
- children: G
2032
- }
2033
- ),
2034
- b && v && /* @__PURE__ */ l.jsxs("div", { className: M.characterLimit, children: [
2035
- (F || "").length,
2036
- " из ",
2037
- v
2038
- ] })
2039
- ]
2040
- }
2041
- ),
2042
- B && /* @__PURE__ */ l.jsx(
2043
- "div",
2044
- {
2045
- className: ye(
2046
- M.helper,
2047
- a && M.error,
2048
- (n || o) && M.disabled
2049
- ),
2050
- ...h,
2051
- id: a ? `${H}-error` : void 0,
2052
- children: B
2053
- }
2054
- )
2055
- ] });
2056
- }
2057
- );
2058
- Rt.displayName = "InputWrapperComponent";
2059
- const St = Object.assign(cs, {
2060
- Wrapper: Rt
2061
- }), kt = K(
2062
- ({
2063
- component: t = "input",
2064
- size: r = "medium",
2065
- className: a,
2066
- error: n = !1,
2067
- disabled: o = !1,
2068
- loading: s = !1,
2069
- placeholder: c,
2070
- showLabel: _ = !0,
2071
- labelClassName: d,
2072
- helper: f,
2073
- prefix: p,
2074
- suffix: g,
2075
- id: h,
2076
- onFocus: b,
2077
- onBlur: v,
2078
- onChange: w,
2079
- value: S = "",
2080
- wrapperProps: C,
2081
- wrapperStyles: x,
2082
- floatingLabelStyles: $,
2083
- prefixStyles: T,
2084
- suffixStyles: A,
2085
- textareaStyles: O,
2086
- labelProps: R,
2087
- helperProps: B,
2088
- showLimit: N = !1,
2089
- maxLength: F,
2090
- inputProps: y,
2091
- hint: z,
2092
- showHint: D = !1,
2093
- showHintOnEmpty: j = !1,
2094
- truncate: V = !1,
2095
- resize: H,
2096
- showGrip: X = !1,
2097
- ...G
2098
- }, ee) => {
2099
- const te = Mt(), ae = h || te, [me, re] = De(S), ve = S !== void 0 ? S : me, Ee = (ve || "").length > 0, ue = _ && (r === "large" || t === "textarea") && !p, le = Se(
2100
- (Y) => {
2101
- var Q;
2102
- o || s || (b == null || b(), (Q = y == null ? void 0 : y.onFocus) == null || Q.call(
2103
- y,
2104
- Y
2105
- ));
2106
- },
2107
- [b, y, o, s]
2108
- ), _e = Se(
2109
- (Y) => {
2110
- var Q;
2111
- if (Y.key === "Tab") {
2112
- const de = Y.target.closest(`.${M.wrapper}`);
2113
- de && de.classList.add(M.tabFocused);
2114
- }
2115
- (Q = y == null ? void 0 : y.onKeyUp) == null || Q.call(
2116
- y,
2117
- Y
2118
- );
2119
- },
2120
- [y]
2121
- ), ce = Se(
2122
- (Y) => {
2123
- var de;
2124
- const Q = Y.target.closest(`.${M.wrapper}`);
2125
- Q && Q.classList.remove(M.tabFocused), v == null || v(), (de = y == null ? void 0 : y.onBlur) == null || de.call(
2126
- y,
2127
- Y
2128
- );
2129
- },
2130
- [v, y]
2131
- ), xe = Se(
2132
- (Y) => {
2133
- var de;
2134
- if (o || s) return;
2135
- const Q = Y.target.value;
2136
- re(Q), w == null || w(Q), (de = y == null ? void 0 : y.onChange) == null || de.call(
2137
- y,
2138
- Y
2139
- );
2140
- },
2141
- [w, y, o, s]
2142
- );
2143
- return Re(() => {
2144
- re(S);
2145
- }, [S]), /* @__PURE__ */ l.jsx(
2146
- St.Wrapper,
2147
- {
2148
- ref: ee,
2149
- size: r,
2150
- error: n,
2151
- disabled: o || s,
2152
- loading: s,
2153
- className: ie(a, t === "textarea" && M["textarea-wrapper"]),
2154
- wrapperProps: C,
2155
- wrapperStyles: x,
2156
- floatingLabelStyles: $,
2157
- prefixStyles: T,
2158
- suffixStyles: A,
2159
- labelProps: R,
2160
- helperProps: B,
2161
- showLimit: N,
2162
- maxLength: F,
2163
- hint: z,
2164
- showHint: D,
2165
- showHintOnEmpty: j,
2166
- prefix: p,
2167
- suffix: g,
2168
- placeholder: c,
2169
- showLabel: _,
2170
- labelClassName: d,
2171
- hasValue: Ee,
2172
- helper: f,
2173
- id: ae,
2174
- value: ve,
2175
- showGrip: X,
2176
- resize: H,
2177
- ...G,
2178
- children: /* @__PURE__ */ l.jsx(
2179
- St,
2180
- {
2181
- component: t,
2182
- size: r,
2183
- value: ve,
2184
- placeholder: c,
2185
- disabled: o,
2186
- loading: s,
2187
- onFocus: le,
2188
- onBlur: ce,
2189
- onChange: xe,
2190
- onKeyUp: _e,
2191
- maxLength: F,
2192
- truncate: V,
2193
- "data-empty": !Ee,
2194
- shouldShowFloatingLabelClass: ue,
2195
- style: t === "textarea" ? O : void 0,
2196
- "aria-invalid": !!n,
2197
- "aria-errormessage": n ? `${ae}-error` : void 0,
2198
- id: ae,
2199
- resize: H,
2200
- ...y
2201
- }
2202
- )
2203
- }
2204
- );
2205
- }
2206
- ), Tt = ({
2207
- className: t = "",
2208
- style: r,
2209
- size: a = "md",
2210
- color: n = "currentColor",
2211
- onClick: o,
2212
- ...s
2213
- }) => {
2214
- const _ = {
2215
- display: "inline-block",
2216
- color: n,
2217
- ...{
2218
- xxxs: { width: "8px", height: "8px" },
2219
- xxs: { width: "12px", height: "12px" },
2220
- xs: { width: "16px", height: "16px" },
2221
- sm: { width: "24px", height: "24px" },
2222
- md: { width: "32px", height: "32px" },
2223
- lg: { width: "40px", height: "40px" }
2224
- }[a],
2225
- ...r
2226
- };
2227
- return /* @__PURE__ */ l.jsx(
2228
- "svg",
2229
- {
2230
- className: t,
2231
- style: _,
2232
- viewBox: "0 0 16 16",
2233
- fill: "none",
2234
- xmlns: "http://www.w3.org/2000/svg",
2235
- onClick: o,
2236
- ...s,
2237
- children: /* @__PURE__ */ l.jsx(
2238
- "path",
2239
- {
2240
- d: "M12 4L4 12M4 4L12 12",
2241
- stroke: "currentColor",
2242
- strokeWidth: "1.33333",
2243
- strokeLinecap: "round",
2244
- strokeLinejoin: "round"
2245
- }
2246
- )
2247
- }
2248
- );
2249
- }, q = {
2250
- SMALL: "small",
2251
- MEDIUM: "medium",
2252
- LARGE: "large"
2253
- }, ds = (t, r, a, n) => {
2254
- switch (t) {
2255
- case q.LARGE:
2256
- return r && a ? "8px 16px 8px 16px" : "16px 16px 16px 16px";
2257
- case q.MEDIUM:
2258
- return n ? "12px 12px 12px 12px" : "12px 12px 12px 16px";
2259
- case q.SMALL:
2260
- return "10px 12px 10px 12px";
2261
- default:
2262
- return "12px 16px 12px 16px";
2263
- }
2264
- }, us = (t) => {
2265
- switch (t) {
2266
- case q.LARGE:
2267
- return "56px";
2268
- case q.MEDIUM:
2269
- return "48px";
2270
- case q.SMALL:
2271
- return "40px";
2272
- default:
2273
- return "48px";
2274
- }
2275
- }, _s = (t) => {
2276
- switch (t) {
2277
- case q.SMALL:
2278
- return 8;
2279
- // 8px для small
2280
- case q.MEDIUM:
2281
- case q.LARGE:
2282
- return 12;
2283
- // 12px для medium и large
2284
- default:
2285
- return 12;
2286
- }
2287
- }, ps = (t, r, a) => ({
2288
- wrapperStyles: {
2289
- height: t,
2290
- minHeight: t,
2291
- maxHeight: t,
2292
- boxSizing: "border-box",
2293
- padding: r
2294
- },
2295
- floatingLabelStyles: {
2296
- left: "16px",
2297
- transformOrigin: "left top"
2298
- },
2299
- prefixStyles: {
2300
- paddingRight: `${a}px`
2301
- },
2302
- suffixStyles: {
2303
- right: `${a}px`
2304
- }
2305
- }), fs = (t, r, a) => ({
2306
- wrapperStyles: {
2307
- minHeight: t,
2308
- maxHeight: t,
2309
- boxSizing: "border-box",
2310
- padding: r
2311
- },
2312
- floatingLabelStyles: {
2313
- left: "16px"
2314
- },
2315
- prefixStyles: {
2316
- paddingRight: `${a}px`
2317
- },
2318
- suffixStyles: {
2319
- right: `${a}px`
2320
- }
2321
- }), gs = (t, r, a) => ({
2322
- wrapperStyles: {
2323
- minHeight: t,
2324
- maxHeight: t,
2325
- boxSizing: "border-box",
2326
- padding: r
2327
- },
2328
- floatingLabelStyles: {
2329
- left: "12px"
2330
- },
2331
- prefixStyles: {
2332
- paddingRight: `${a}px`
2333
- },
2334
- suffixStyles: {
2335
- right: `${a}px`
2336
- }
2337
- }), hs = (t, r, a, n) => {
2338
- const o = us(t), s = ds(t, r, a, n), c = _s(t);
2339
- switch (t) {
2340
- case q.LARGE:
2341
- return ps(o, s, c);
2342
- case q.MEDIUM:
2343
- return fs(o, s, c);
2344
- case q.SMALL:
2345
- return gs(o, s, c);
2346
- default:
2347
- return {
2348
- wrapperStyles: {},
2349
- floatingLabelStyles: {},
2350
- prefixStyles: {},
2351
- suffixStyles: {}
2352
- };
2353
- }
2354
- }, Us = K(
2355
- ({
2356
- value: t = "",
2357
- onChange: r,
2358
- type: a = "text",
2359
- placeholder: n,
2360
- maxLength: o,
2361
- minLength: s,
2362
- autoComplete: c,
2363
- autoFocus: _,
2364
- size: d = q.MEDIUM,
2365
- inputProps: f,
2366
- error: p,
2367
- disabled: g,
2368
- loading: h,
2369
- helper: b,
2370
- prefix: v,
2371
- suffix: w,
2372
- clearable: S = !1,
2373
- id: C,
2374
- showLabel: x = !0,
2375
- onFocus: $,
2376
- onBlur: T,
2377
- className: A,
2378
- truncate: O = !0,
2379
- hint: R,
2380
- showHint: B = !1,
2381
- showHintOnEmpty: N = !1,
2382
- wrapperProps: F,
2383
- labelProps: y,
2384
- helperProps: z,
2385
- ...D
2386
- }, j) => {
2387
- const V = (t || "").length > 0, H = d === q.LARGE, X = !!v, G = H && x && !v, ee = S && V && !(g || h), te = () => {
2388
- r == null || r("");
2389
- }, ae = ee ? /* @__PURE__ */ l.jsx(
2390
- Tt,
2391
- {
2392
- size: d === q.SMALL ? "xs" : "sm",
2393
- color: "var(--icon-secondary)",
2394
- onClick: te,
2395
- style: { cursor: "pointer" },
2396
- "data-testid": "x-icon"
2397
- }
2398
- ) : w, me = {
2399
- type: a,
2400
- minLength: s,
2401
- autoComplete: c,
2402
- autoFocus: _,
2403
- ...f
2404
- }, re = hs(d, G, V, X);
2405
- return /* @__PURE__ */ l.jsx(
2406
- kt,
2407
- {
2408
- size: d,
2409
- error: p,
2410
- disabled: g || h,
2411
- loading: h,
2412
- helper: b,
2413
- prefix: v,
2414
- suffix: ae,
2415
- id: C,
2416
- showLabel: G,
2417
- onFocus: $,
2418
- onBlur: T,
2419
- onChange: r,
2420
- value: t || "",
2421
- placeholder: n,
2422
- className: A,
2423
- wrapperStyles: re.wrapperStyles,
2424
- floatingLabelStyles: re.floatingLabelStyles,
2425
- prefixStyles: re.prefixStyles,
2426
- suffixStyles: re.suffixStyles,
2427
- wrapperProps: F,
2428
- labelProps: y,
2429
- helperProps: z,
2430
- showLimit: !1,
2431
- maxLength: o,
2432
- inputProps: me,
2433
- hint: R,
2434
- showHint: B,
2435
- showHintOnEmpty: N,
2436
- truncate: O,
2437
- ...D
2438
- }
2439
- );
2440
- }
2441
- ), oe = {
2442
- SMALL: "small",
2443
- MEDIUM: "medium"
2444
- }, Fe = {
2445
- SMALL: "12px",
2446
- MEDIUM: "16px"
2447
- }, bs = {
2448
- SMALL: "xs",
2449
- MEDIUM: "sm"
2450
- }, Be = {
2451
- FILL: "fill",
2452
- FIXED: "fixed"
2453
- }, Ke = {
2454
- SMALL: "112px",
2455
- MEDIUM: "56px"
2456
- }, Ie = {
2457
- SMALL: "48px",
2458
- MEDIUM: "22px"
2459
- }, fe = {
2460
- SMALL: "12px 12px 12px 12px",
2461
- MEDIUM: "16px 16px 16px 16px",
2462
- MEDIUM_WITH_PREFIX: "12px 16px 12px 16px",
2463
- MEDIUM_FLOATING_LABEL: "8px 16px 8px 16px"
2464
- }, be = {
2465
- SMALL: 48,
2466
- MEDIUM: 56,
2467
- LARGE: 112
2468
- }, ms = (t, r) => {
2469
- if (t === oe.SMALL)
2470
- return Ke.SMALL;
2471
- if (r)
2472
- return `${r}px`;
2473
- switch (t) {
2474
- case oe.MEDIUM:
2475
- return Ke.MEDIUM;
2476
- default:
2477
- return Ke.MEDIUM;
2478
- }
2479
- }, ys = (t, r) => {
2480
- if (t === oe.SMALL)
2481
- return Ie.SMALL;
2482
- if (r)
2483
- switch (r) {
2484
- case be.SMALL:
2485
- case be.MEDIUM:
2486
- return Ie.MEDIUM;
2487
- case be.LARGE:
2488
- return Ie.SMALL;
2489
- default:
2490
- return Ie.MEDIUM;
2491
- }
2492
- switch (t) {
2493
- case oe.MEDIUM:
2494
- return Ie.MEDIUM;
2495
- default:
2496
- return Ie.MEDIUM;
2497
- }
2498
- }, vs = (t, r, a) => {
2499
- if (t === oe.SMALL)
2500
- return fe.SMALL;
2501
- if (r)
2502
- switch (r) {
2503
- case be.SMALL:
2504
- return fe.MEDIUM_WITH_PREFIX;
2505
- case be.MEDIUM:
2506
- return a ? fe.MEDIUM_FLOATING_LABEL : fe.MEDIUM;
2507
- case be.LARGE:
2508
- return fe.MEDIUM;
2509
- default:
2510
- return fe.MEDIUM;
2511
- }
2512
- switch (t) {
2513
- case oe.MEDIUM:
2514
- return a ? fe.MEDIUM_FLOATING_LABEL : fe.MEDIUM;
2515
- default:
2516
- return fe.MEDIUM;
2517
- }
2518
- }, xs = (t, r) => {
2519
- if (t === oe.SMALL)
2520
- return "small";
2521
- if (r)
2522
- switch (r) {
2523
- case be.SMALL:
2524
- return "small";
2525
- case be.MEDIUM:
2526
- return "medium";
2527
- case be.LARGE:
2528
- return "medium";
2529
- default:
2530
- return "medium";
2531
- }
2532
- return t;
2533
- }, Cs = (t) => bs[t.toUpperCase()], ws = (t) => Fe[t.toUpperCase()], Ss = (t, r, a, n) => {
2534
- const o = ms(t, r), s = ys(t, r), c = vs(t, r, a);
2535
- return {
2536
- wrapperStyles: {
2537
- minHeight: o,
2538
- // Для fill resize устанавливаем height: 100%
2539
- ...n === Be.FILL && { height: "100%" },
2540
- // Для fixed resize устанавливаем фиксированную высоту
2541
- ...n === Be.FIXED && r && { height: o },
2542
- boxSizing: "border-box",
2543
- padding: c
2544
- },
2545
- floatingLabelStyles: {
2546
- left: t === oe.SMALL ? Fe.SMALL : Fe.MEDIUM,
2547
- transformOrigin: "left top",
2548
- top: r === 112 && a && t === oe.MEDIUM ? Fe.MEDIUM : void 0
2549
- },
2550
- suffixStyles: {
2551
- right: ws(t)
2552
- },
2553
- textareaStyles: {
2554
- minHeight: s,
2555
- // Для fill resize flex: 1
2556
- ...n === Be.FILL && { flex: 1, minHeight: 0 },
2557
- // Для fixed resize фиксированная высота
2558
- ...n === Be.FIXED && r && { height: s }
2559
- }
2560
- };
2561
- }, Ps = K(
2562
- ({
2563
- value: t = "",
2564
- onChange: r,
2565
- placeholder: a,
2566
- maxLength: n,
2567
- minLength: o,
2568
- autoFocus: s,
2569
- size: c = oe.MEDIUM,
2570
- textareaProps: _,
2571
- error: d,
2572
- disabled: f,
2573
- loading: p,
2574
- helper: g,
2575
- suffix: h,
2576
- clearable: b = !1,
2577
- id: v,
2578
- showLabel: w = !0,
2579
- onFocus: S,
2580
- onBlur: C,
2581
- className: x,
2582
- rows: $ = 1,
2583
- showLimit: T = !1,
2584
- wrapperProps: A,
2585
- labelProps: O,
2586
- helperProps: R,
2587
- showGrip: B,
2588
- minHeight: N,
2589
- resize: F,
2590
- ...y
2591
- }, z) => {
2592
- const D = (t || "").length > 0, j = w && !!a && (c === oe.SMALL || N !== 48), V = b && D && !(f || p), H = () => {
2593
- r == null || r("");
2594
- }, X = V ? /* @__PURE__ */ l.jsx(
2595
- Tt,
2596
- {
2597
- size: Cs(c),
2598
- color: "var(--icon-secondary)",
2599
- onClick: H,
2600
- style: { cursor: "pointer" },
2601
- "data-testid": "x-icon"
2602
- }
2603
- ) : h, G = Ss(c, N, j && D, F), ee = xs(c, N), te = {
2604
- rows: $,
2605
- minLength: o,
2606
- autoFocus: s,
2607
- resize: F,
2608
- ..._
2609
- };
2610
- return /* @__PURE__ */ l.jsx(
2611
- kt,
2612
- {
2613
- ref: z,
2614
- component: "textarea",
2615
- size: ee,
2616
- error: d,
2617
- disabled: f || p,
2618
- loading: p,
2619
- helper: g,
2620
- suffix: X,
2621
- id: v,
2622
- showLabel: j,
2623
- onFocus: S,
2624
- onBlur: C,
2625
- onChange: r,
2626
- value: t || "",
2627
- placeholder: a,
2628
- className: x,
2629
- "data-floating-label": j,
2630
- wrapperStyles: G.wrapperStyles,
2631
- floatingLabelStyles: G.floatingLabelStyles,
2632
- suffixStyles: G.suffixStyles,
2633
- textareaStyles: G.textareaStyles,
2634
- wrapperProps: A,
2635
- labelProps: O,
2636
- helperProps: R,
2637
- showLimit: T && (N === 112 || c === oe.SMALL),
2638
- maxLength: n,
2639
- inputProps: te,
2640
- resize: F,
2641
- showGrip: B,
2642
- ...y
2643
- }
2644
- );
2645
- }
2646
- ), Es = "_helper_1vhgl_16", Xe = {
2647
- helper: Es,
2648
- "helper--error": "_helper--error_1vhgl_27",
2649
- "helper--disabled": "_helper--disabled_1vhgl_32"
2650
- }, Bs = ({
2651
- title: t,
2652
- error: r,
2653
- className: a = "",
2654
- style: n,
2655
- disabled: o = !1,
2656
- "data-testid": s,
2657
- "aria-label": c,
2658
- "aria-describedby": _
2659
- }) => {
2660
- const d = !!r, f = ie(
2661
- Xe.helper,
2662
- d && Xe["helper--error"],
2663
- o && Xe["helper--disabled"],
2664
- a
2665
- ), p = o ? t : r || t;
2666
- return /* @__PURE__ */ l.jsx(
2667
- "div",
2668
- {
2669
- className: f,
2670
- style: n,
2671
- "data-testid": s,
2672
- "aria-label": c,
2673
- "aria-describedby": _,
2674
- children: /* @__PURE__ */ l.jsx("p", { children: p })
2675
- }
2676
- );
1783
+ return o.displayName = `Typography.${t.charAt(0).toUpperCase() + t.slice(1)}`, o;
1784
+ }, On = {
1785
+ Title: ct("title"),
1786
+ Subtitle: ct("subtitle"),
1787
+ Label: dt("label"),
1788
+ Paragraph: dt("paragraph")
2677
1789
  };
2678
1790
  export {
2679
- Is as Avatar,
2680
- js as Badge,
2681
- $s as Button,
2682
- Ds as Checkbox,
2683
- Ts as ConfigProvider,
2684
- Bs as Helper,
2685
- Rs as Image,
2686
- zr as Loader,
2687
- Ns as Tag,
2688
- Ps as TextArea,
2689
- Us as TextInput,
2690
- Os as Typography,
2691
- Vr as enUS,
2692
- As as ruRU,
2693
- Hr as useConfig,
2694
- ks as useLocale
1791
+ $n as Avatar,
1792
+ En as Badge,
1793
+ wn as Button,
1794
+ Nn as Checkbox,
1795
+ Sn as ConfigProvider,
1796
+ jn as Image,
1797
+ jr as Loader,
1798
+ Tn as Tag,
1799
+ On as Typography,
1800
+ Sr as enUS,
1801
+ kn as ruRU,
1802
+ kr as useConfig,
1803
+ Rn as useLocale
2695
1804
  };